/* LearnFlourish Core — BuddyBoss presentation adapter
 * Core remains functional without BuddyBoss. When BuddyBoss is active, the
 * plugin drops its duplicate sidebar/topbar and renders inside the BuddyBoss page shell.
 */
.lf-buddyboss-app{width:100%;margin:0;padding:0;box-sizing:border-box}
.lf-buddyboss-container{width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 48px;box-sizing:border-box}
.lf-buddyboss-app .lf-content{width:100%;max-width:none;margin:0}
.lf-buddyboss-app .lf-hero,
.lf-buddyboss-app .lf-heading,
.lf-buddyboss-app .lf-task-header{border-radius:16px}
.lf-buddyboss-app .lf-card,
.lf-buddyboss-app .lf-task-card,
.lf-buddyboss-app .lf-asset-card,
.lf-buddyboss-app .lf-investigation-action{border-radius:14px}
.lf-buddyboss-app .lf-button{border-radius:8px}
.lf-buddyboss-app .lf-tabs{margin-bottom:20px}
.lf-buddyboss-app .lf-tabs a{border-radius:7px 7px 0 0}
.lf-buddyboss-app .lf-avatar{border-radius:50%}
.lf-buddyboss-app .lf-card-head{font-weight:600}
@media(max-width:782px){.lf-buddyboss-container{padding:16px 12px 32px}.lf-buddyboss-app .lf-workspace{display:block}.lf-buddyboss-app .lf-task-rail{margin-bottom:16px}}

/* ============================================================
   LearnFlourish 0.7.8 — BuddyBoss-native Simulation Workspace
   Presentation layer only. Core logic/routes remain unchanged.
   ============================================================ */
.lf-buddyboss-app .lf-bb-simulation-workspace,
.lf-buddyboss-app .lf-bb-task-workspace{max-width:1160px;margin:0 auto;padding:8px 0 48px}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-breadcrumb,
.lf-buddyboss-app .lf-bb-task-workspace .lf-breadcrumb{margin:0 0 14px;color:#667085;font-size:17px}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-breadcrumb a,
.lf-buddyboss-app .lf-bb-task-workspace .lf-breadcrumb a{font-weight:600;text-decoration:none}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;
  padding:30px;border-radius:18px;border:1px solid #e4e7ec;background:#fff;
  box-shadow:0 8px 30px rgba(16,24,40,.06);position:relative;overflow:hidden;
}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-hero:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#16b8b1;
}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-hero h1{font-size:38px;line-height:1.12;margin:7px 0 10px}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-progress-box{
  padding:20px;border:1px solid #e4e7ec;border-radius:14px;background:#f8fafb;text-align:left;
}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-progress-box strong{display:block;font-size:36px;line-height:1;margin-bottom:6px;color:#17212b}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-tabs{
  margin:22px 0 18px;padding:4px;gap:4px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;
  box-shadow:0 3px 12px rgba(16,24,40,.04)
}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-tabs a{padding:10px 14px;border:0;border-radius:8px;color:#667085}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-tabs a.active{background:rgba(22,184,177,.10);color:#0d8f8a;border:0}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-brief{padding:0;overflow:hidden}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-brief>.lf-card-head{padding:18px 22px;margin:0;background:#fbfcfd}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-brief>.lf-richtext{padding:4px 22px 22px}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-case-files{padding:0 22px 22px}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-asset-card{padding:18px;min-height:150px;display:flex;flex-direction:column}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-asset-card .lf-button{margin-top:auto;align-self:flex-start}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-section-heading{margin-top:30px}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-task-list{gap:10px}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-task-card{grid-template-columns:48px minmax(0,1fr) auto;padding:16px 18px;border-radius:12px}
.lf-buddyboss-app .lf-bb-simulation-workspace .lf-task-card .lf-task-number{width:38px;height:38px;border-radius:10px}

.lf-buddyboss-app .lf-bb-task-workspace .lf-task-header{
  display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;margin-bottom:18px;
  background:#fff;border:1px solid #e4e7ec;border-radius:18px;box-shadow:0 8px 30px rgba(16,24,40,.06)
}
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-header h1{font-size:34px;line-height:1.15;margin:6px 0 8px}
.lf-buddyboss-app .lf-bb-task-workspace .lf-workspace{grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-rail{
  padding:0;overflow:hidden;position:sticky;top:88px;border-radius:14px;background:#fff;border:1px solid #e4e7ec;box-shadow:0 5px 20px rgba(16,24,40,.05)
}
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-rail h3{padding:16px 18px;margin:0;border-bottom:1px solid #eef0f3;background:#fbfcfd}
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-rail .lf-richtext{padding:0 18px 18px}
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-resources{padding:0 18px 18px}
.lf-buddyboss-app .lf-bb-task-workspace .lf-resource-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #eef0f3}
.lf-buddyboss-app .lf-bb-task-workspace .lf-resource-row small{display:block;color:#667085;margin-top:3px}
.lf-buddyboss-app .lf-bb-task-workspace .lf-work-area>.lf-card{border-radius:14px}
.lf-buddyboss-app .lf-bb-task-workspace #lf-answer{min-height:390px;padding:4px;resize:vertical}
.lf-buddyboss-app .lf-bb-task-workspace .lf-answer-footer{padding:16px 18px;border-top:1px solid #eef0f3}
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-assessment{margin-top:16px;padding:0;overflow:hidden}
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-assessment>.lf-card-head{padding:17px 18px;margin:0;background:#fbfcfd}
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-assessment>h3,
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-assessment>p,
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-assessment>.lf-feedback-section,
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-assessment>.lf-feedback-rubric{margin-left:18px;margin-right:18px}
.lf-buddyboss-app .lf-bb-task-workspace .lf-task-nav{margin-top:16px;padding-top:16px;border-top:1px solid #e4e7ec}
.lf-buddyboss-app .lf-bb-task-workspace .lf-investigation-actions{margin-bottom:16px}
.lf-buddyboss-app .lf-bb-task-workspace .lf-decision,
.lf-buddyboss-app .lf-bb-task-workspace .lf-evidence-release{margin-bottom:16px}

@media(max-width:900px){
 .lf-buddyboss-app .lf-bb-simulation-workspace .lf-hero{grid-template-columns:1fr;padding:22px}
 .lf-buddyboss-app .lf-bb-simulation-workspace .lf-asset-grid{grid-template-columns:1fr 1fr}
 .lf-buddyboss-app .lf-bb-task-workspace .lf-workspace{grid-template-columns:1fr}
 .lf-buddyboss-app .lf-bb-task-workspace .lf-task-rail{position:static}
}
@media(max-width:620px){
 .lf-buddyboss-app .lf-bb-simulation-workspace .lf-hero h1,
 .lf-buddyboss-app .lf-bb-task-workspace .lf-task-header h1{font-size:29px}
 .lf-buddyboss-app .lf-bb-simulation-workspace .lf-asset-grid{grid-template-columns:1fr}
 .lf-buddyboss-app .lf-bb-simulation-workspace .lf-task-card{grid-template-columns:40px 1fr}
 .lf-buddyboss-app .lf-bb-simulation-workspace .lf-task-meta{grid-column:2;text-align:left;display:flex;justify-content:space-between}
 .lf-buddyboss-app .lf-bb-task-workspace .lf-task-header{padding:20px;align-items:flex-start}
}


/* 0.7.9 — Learner identity, Skills Passport & Portfolio */
.lf-bb-profile-strip {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  align-items: center;
  gap: 22px;
  padding: 18px 20px;
  margin-bottom: 22px;
  background: var(--lf-surface, #fff);
  border: 1px solid var(--lf-border, #e5e9ee);
  border-radius: 16px;
  box-shadow: 0 6px 22px rgba(23,33,43,.055);
}
.lf-bb-profile-identity { display:flex; align-items:center; gap:14px; min-width:0; }
.lf-bb-profile-avatar, .lf-bb-profile-avatar img { width:72px; height:72px; border-radius:50%; overflow:hidden; display:block; }
.lf-bb-profile-identity h2 { margin:3px 0 3px; font-size:26px; }
.lf-bb-profile-identity p { margin:0; color:var(--lf-muted,#6b7785); }
.lf-bb-profile-stats { display:flex; gap:8px; }
.lf-bb-profile-stats a { min-width:92px; padding:10px 12px; border:1px solid var(--lf-border,#e5e9ee); border-radius:11px; text-decoration:none; text-align:center; }
.lf-bb-profile-stats strong { display:block; font-size:24px; color:var(--lf-ink,#17212b); }
.lf-bb-profile-stats span { display:block; font-size:15px; color:var(--lf-muted,#6b7785); }
.lf-bb-view-profile { white-space:nowrap; }

.lf-bb-career-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.lf-career-summary { display:flex; gap:8px; }
.lf-career-summary div { min-width:95px; padding:12px; border:1px solid var(--lf-border,#e5e9ee); border-radius:12px; text-align:center; background:#fff; }
.lf-career-summary strong { display:block; font-size:28px; }
.lf-career-summary span { color:var(--lf-muted,#6b7785); font-size:16px; }
.lf-bb-career-grid { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:20px; }
.lf-skill-list { display:grid; gap:10px; }
.lf-skill-passport-card { padding:17px; border:1px solid var(--lf-border,#e5e9ee); border-radius:13px; background:#fff; }
.lf-skill-passport-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.lf-skill-passport-card h3 { margin:4px 0 0; }
.lf-skill-meter { height:8px; margin:14px 0 9px; background:#edf1f4; border-radius:999px; overflow:hidden; }
.lf-skill-meter i { display:block; height:100%; background:var(--lf-primary,#16b8b1); border-radius:inherit; }
.lf-skill-passport-meta { display:flex; justify-content:space-between; color:var(--lf-muted,#6b7785); font-size:16px; }
.lf-skill-passport-meta strong { color:var(--lf-ink,#17212b); }
.lf-bb-career-side { height:max-content; }
.lf-career-step { display:flex; gap:12px; padding:14px 0; border-bottom:1px solid var(--lf-border,#e5e9ee); }
.lf-career-step > span { flex:0 0 30px; height:30px; display:grid; place-items:center; border-radius:50%; background:rgba(22,184,177,.10); color:var(--lf-primary-dark,#0d8f8a); font-weight:800; font-size:15px; }
.lf-career-step strong { display:block; }
.lf-career-step p { margin:3px 0 0; color:var(--lf-muted,#6b7785); font-size:16px; }
.lf-bb-career-side .lf-button { margin-top:16px; width:100%; }

@media (max-width: 900px) {
  .lf-bb-profile-strip { grid-template-columns:1fr; }
  .lf-bb-profile-stats { width:100%; }
  .lf-bb-profile-stats a { flex:1; }
  .lf-bb-view-profile { width:100%; }
  .lf-bb-career-grid { grid-template-columns:1fr; }
}
@media (max-width: 600px) {
  .lf-bb-career-heading { flex-direction:column; align-items:flex-start; }
  .lf-career-summary { width:100%; }
  .lf-career-summary div { flex:1; }
  .lf-bb-profile-identity { align-items:flex-start; }
}


/* 0.8.0 — Employer Talent Workspace */
.lf-bb-employer-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.lf-employer-badge,.lf-shortlisted { display:inline-flex; align-items:center; padding:7px 11px; border-radius:999px; background:rgba(22,184,177,.10); color:var(--lf-primary-dark,#0d8f8a); font-weight:700; font-size:16px; white-space:nowrap; }
.lf-employer-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
.lf-employer-metrics .lf-card { padding:18px; }
.lf-employer-metrics span { display:block; color:var(--lf-muted,#6b7785); font-size:14px; font-weight:800; letter-spacing:.07em; }
.lf-employer-metrics strong { display:block; font-size:32px; margin:5px 0; }
.lf-employer-metrics small { color:var(--lf-muted,#6b7785); }
.lf-employer-search-card { padding:12px; margin-bottom:18px; }
.lf-employer-search { display:grid; grid-template-columns:1fr 1fr auto auto; gap:8px; }
.lf-employer-search input { min-height:42px; padding:8px 12px; }
.lf-employer-talent-card { overflow:hidden; }
.lf-employer-table-wrap { overflow-x:auto; }
.lf-employer-table { width:100%; border-collapse:collapse; }
.lf-employer-table th,.lf-employer-table td { padding:14px 16px; border-top:1px solid var(--lf-border,#e5e9ee); text-align:left; vertical-align:middle; }
.lf-employer-table th { color:var(--lf-muted,#6b7785); font-size:15px; text-transform:uppercase; letter-spacing:.05em; }
.lf-candidate-cell { display:flex; align-items:center; gap:11px; min-width:220px; }
.lf-candidate-cell img { width:44px; height:44px; border-radius:50%; }
.lf-candidate-cell strong,.lf-candidate-cell span { display:block; }
.lf-candidate-cell span { color:var(--lf-muted,#6b7785); font-size:16px; }
.lf-employer-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.lf-button-secondary { background:#eef2f4 !important; color:var(--lf-ink,#17212b) !important; }
.lf-button-secondary:hover { background:#e4e9ec !important; color:var(--lf-ink,#17212b) !important; }
.lf-back-link { display:inline-block; margin-bottom:14px; color:var(--lf-primary-dark,#0d8f8a); font-weight:700; text-decoration:none; }
.lf-candidate-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px; margin-bottom:18px; }
.lf-candidate-hero-main { display:flex; align-items:center; gap:16px; }
.lf-candidate-hero-main img { width:88px; height:88px; border-radius:50%; }
.lf-candidate-hero h1 { margin:3px 0; }
.lf-candidate-hero p { margin:0; color:var(--lf-muted,#6b7785); }
.lf-candidate-hero-actions { display:flex; align-items:center; gap:10px; }
.lf-employer-profile-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:18px; margin-bottom:18px; }
.lf-employer-skill-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.lf-employer-skill { padding:14px; border:1px solid var(--lf-border,#e5e9ee); border-radius:11px; }
.lf-employer-skill strong,.lf-employer-skill span { display:block; }
.lf-employer-skill span { margin-top:3px; color:var(--lf-muted,#6b7785); font-size:16px; }
.lf-snapshot { padding:13px 0; border-bottom:1px solid var(--lf-border,#e5e9ee); }
.lf-snapshot strong { display:block; font-size:29px; }
.lf-snapshot span { color:var(--lf-muted,#6b7785); font-size:16px; }
.lf-employer-evidence { display:grid; grid-template-columns:32px 1fr auto; gap:12px; align-items:center; padding:15px 0; border-bottom:1px solid var(--lf-border,#e5e9ee); }
.lf-employer-evidence:last-child { border-bottom:0; }
.lf-evidence-dot { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:rgba(22,184,177,.11); color:var(--lf-primary-dark,#0d8f8a); font-weight:800; }
.lf-employer-evidence h3 { margin:3px 0; }
.lf-employer-evidence p { margin:0; color:var(--lf-muted,#6b7785); font-size:16px; }
@media(max-width:900px){
  .lf-employer-metrics { grid-template-columns:1fr 1fr; }
  .lf-employer-search { grid-template-columns:1fr 1fr; }
  .lf-employer-profile-grid { grid-template-columns:1fr; }
}
@media(max-width:600px){
  .lf-bb-employer-hero,.lf-candidate-hero { flex-direction:column; align-items:flex-start; }
  .lf-employer-metrics { grid-template-columns:1fr; }
  .lf-employer-search { grid-template-columns:1fr; }
  .lf-employer-search .lf-button { width:100%; }
  .lf-employer-table th:nth-child(2),.lf-employer-table td:nth-child(2) { display:none; }
  .lf-employer-skill-grid { grid-template-columns:1fr; }
}

/* 0.8.1 Employer intelligence */
.lf-employer-hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.lf-role-match-row{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--lf-border,#e5e9ee)}
.lf-role-match-row:last-child{border-bottom:0}.lf-role-match-row span{display:block;color:var(--lf-muted,#6b7785);font-size:16px;margin-top:3px}
.lf-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lf-role-card{text-decoration:none!important;color:inherit!important;padding:20px}
.lf-role-card h3{margin:5px 0}.lf-role-card p{color:var(--lf-muted,#6b7785);font-size:16px}.lf-role-card strong{color:var(--lf-primary-dark,#0d8f8a)}
.lf-role-requirements{padding:16px;margin-bottom:16px}.lf-role-requirements>strong{display:block;margin-bottom:8px}.lf-role-requirements .lf-pill{display:inline-flex;margin:3px}
.lf-role-candidate{display:grid;grid-template-columns:minmax(240px,1fr) minmax(160px,1fr) auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--lf-border,#e5e9ee)}.lf-role-candidate:last-child{border-bottom:0}
.lf-role-score strong{display:block;font-size:24px}.lf-role-score small{display:block;color:var(--lf-muted,#6b7785);font-size:15px}
@media(max-width:800px){.lf-role-grid{grid-template-columns:1fr}.lf-role-candidate{grid-template-columns:1fr}.lf-role-candidate .lf-button{width:100%}}

/* LearnFlourish 0.9.13 readability pass */
.lf-app-buddyboss,.lf-app-buddyboss h1,.lf-app-buddyboss h2,.lf-app-buddyboss h3,.lf-app-buddyboss h4,.lf-app-buddyboss h5,.lf-app-buddyboss h6{font-weight:500}
.lf-app-buddyboss h1,.lf-app-buddyboss h2,.lf-app-buddyboss h3,.lf-app-buddyboss h4,.lf-app-buddyboss h5,.lf-app-buddyboss h6,.lf-app-buddyboss button,.lf-app-buddyboss input,.lf-app-buddyboss select,.lf-app-buddyboss textarea{font-weight:700}

/* ============================================================
   0.9.70 — TRUE VIEWPORT SIMULATION CANVAS
   The BuddyBoss page shell may constrain the shortcode output. The
   task page must use the entire area to the right of the sidebar.
   ============================================================ */
.lf-app-buddyboss .lf-main,
.lf-app-buddyboss .lf-buddyboss-app,
.lf-app-buddyboss .lf-buddyboss-container,
.lf-app-buddyboss .lf-bb-task-workspace {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.lf-app-buddyboss .lf-bb-task-workspace {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px 18px 56px !important;
}

/* The actual task area is intentionally balanced: wide brief + larger work surface. */
.lf-app-buddyboss .lf-bb-task-workspace > .lf-workspace {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 44fr) minmax(0, 56fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.lf-app-buddyboss .lf-bb-task-workspace .lf-task-rail,
.lf-app-buddyboss .lf-bb-task-workspace .lf-work-area {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

.lf-app-buddyboss .lf-bb-task-workspace .lf-task-rail {
  padding: 28px !important;
  position: sticky !important;
  top: 92px !important;
}

.lf-app-buddyboss .lf-bb-task-workspace .lf-task-rail .lf-richtext {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}

.lf-app-buddyboss .lf-bb-task-workspace .lf-work-area > .lf-card {
  width: 100% !important;
  min-height: 720px !important;
  padding: 28px !important;
}

.lf-app-buddyboss .lf-bb-task-workspace #lf-answer {
  display: block !important;
  width: 100% !important;
  min-height: 600px !important;
  height: 600px !important;
  max-height: none !important;
  resize: vertical !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  box-sizing: border-box !important;
}

.lf-app-buddyboss .lf-bb-task-workspace .lf-card-head,
.lf-app-buddyboss .lf-bb-task-workspace .lf-answer-footer,
.lf-app-buddyboss .lf-bb-task-workspace .lf-task-nav,
.lf-app-buddyboss .lf-bb-task-workspace .lf-task-header,
.lf-app-buddyboss .lf-bb-task-workspace .lf-breadcrumb {
  font-family: "Poppins", sans-serif !important;
}

/* On ordinary laptop widths, preserve a generous brief and response surface. */
@media (min-width: 901px) and (max-width: 1366px) {
  .lf-app-buddyboss .lf-bb-task-workspace > .lf-workspace {
    grid-template-columns: minmax(0, 43fr) minmax(0, 57fr) !important;
  }
  .lf-app-buddyboss .lf-bb-task-workspace .lf-work-area > .lf-card {
    padding: 24px !important;
  }
  .lf-app-buddyboss .lf-bb-task-workspace #lf-answer {
    min-height: 560px !important;
    height: 560px !important;
  }
}

@media (max-width: 900px) {
  .lf-app-buddyboss .lf-bb-task-workspace {
    padding: 16px 14px 44px !important;
  }
  .lf-app-buddyboss .lf-bb-task-workspace > .lf-workspace {
    grid-template-columns: 1fr !important;
  }
  .lf-app-buddyboss .lf-bb-task-workspace .lf-task-rail {
    position: static !important;
  }
  .lf-app-buddyboss .lf-bb-task-workspace #lf-answer {
    height: 480px !important;
    min-height: 480px !important;
  }
}


/* ============================================================
   0.9.71 — TRUE FULL-WIDTH SIMULATION CANVAS
   The task page must use the entire .lf-main area after the
   fixed sidebar. No centered 1180px container.
   ============================================================ */

.lf-app-buddyboss .lf-main {
  margin-left: 250px !important;
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.lf-app-buddyboss .lf-buddyboss-app {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.lf-app-buddyboss .lf-buddyboss-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.lf-app-buddyboss .lf-bb-task-workspace {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 20px 24px 56px !important;
  box-sizing: border-box !important;
}

.lf-app-buddyboss .lf-bb-task-workspace > .lf-workspace {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 46fr) minmax(0, 54fr) !important;
  gap: 28px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

.lf-app-buddyboss .lf-bb-task-workspace .lf-task-rail,
.lf-app-buddyboss .lf-bb-task-workspace .lf-work-area {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.lf-app-buddyboss .lf-bb-task-workspace .lf-task-rail {
  padding: 28px !important;
}

.lf-app-buddyboss .lf-bb-task-workspace .lf-work-area > .lf-card {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 760px !important;
  padding: 30px !important;
  box-sizing: border-box !important;
}

.lf-app-buddyboss .lf-bb-task-workspace #lf-answer {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 650px !important;
  min-height: 650px !important;
  max-height: none !important;
  box-sizing: border-box !important;
  resize: vertical !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}

/* Do not allow any child card to recreate a narrow canvas. */
.lf-app-buddyboss .lf-bb-task-workspace .lf-card,
.lf-app-buddyboss .lf-bb-task-workspace .lf-task-card {
  max-width: none !important;
}

@media (min-width: 1600px) {
  .lf-app-buddyboss .lf-bb-task-workspace {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .lf-app-buddyboss .lf-bb-task-workspace > .lf-workspace {
    grid-template-columns: minmax(0, 45fr) minmax(0, 55fr) !important;
    gap: 30px !important;
  }
}

@media (max-width: 900px) {
  .lf-app-buddyboss .lf-main {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .lf-app-buddyboss .lf-bb-task-workspace {
    padding: 16px 14px 44px !important;
  }

  .lf-app-buddyboss .lf-bb-task-workspace > .lf-workspace {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .lf-app-buddyboss .lf-bb-task-workspace #lf-answer {
    height: 480px !important;
    min-height: 480px !important;
  }
}