/* Compact document layout: more task text and more workstreams per screen. */
.sidebar { width: 210px; padding: 24px 15px 15px; }
.brand { font-size: 19px; gap: 9px; }
.brand-mark { font-size: 29px; }
.new-button { margin: 21px 0 23px; padding: 9px 12px; }
.library-item { padding: 10px; }
.library-item .library-title { -webkit-line-clamp: 2; }
.library-tabs { display:flex;gap:5px;margin:10px 0 3px;flex-shrink:0; }
.library-tabs button { border:1px solid #ffffff24;border-radius:4px;background:none;color:#a9c0b8;padding:5px 8px;font-size:10px; }
.library-tabs button[aria-pressed="true"] { color:#f4f5ed;background:#ffffff14;border-color:#8da59b; }
.library-tabs span { margin-left:4px;font-size:9px;opacity:.8; }
.library-message { font-size:10px;color:#cee0cd;line-height:1.5;padding:5px 0; }
.library-row { position:relative; }
.library-row .library-item { margin-bottom:7px; }
.library-item time { display:block;color:#8fa9a3;font-size:9px;margin-top:7px;padding-right:55px; }
.library-action { position:absolute;bottom:15px;right:11px;background:none;color:#b4c9bf;font-size:9px;padding:2px 0; }
.library-action:hover,.library-action:focus-visible { color:#f2c4a0; }
main { margin-left: 210px; max-width: none; padding: 0 26px; }
.topbar { height: 43px; font-size: 9px; }
#workspace { padding-top: 8px; }
.navigation { min-height: 25px; margin-bottom: 12px; }
#copyLink { margin-left: auto; }
#reuse { margin-left: 0; }
.section-heading h2[data-preview] { cursor: help; }
.hero-label { gap: 10px; }
.eyebrow { font-size: 9px; letter-spacing: 1.5px; }
.status { font-size: 10px; padding: 3px 9px; }
#briefHeader h1, #briefHeader h1.compact-title {
  font: 500 22px/1.35 'Segoe UI', Arial, sans-serif;
  letter-spacing: -.25px; margin: 8px 0 8px; max-width: none;
}
.full-task { margin-bottom: 8px; max-width: none; }
.full-task summary { font-size: 11px; }
.full-task p { font-size: 13px; }
.hero-description { font-size: 11px; margin: 0 0 8px; max-width: none; }
.generation-control { margin: 8px 0; gap: 9px; }
.generation-control button { padding: 5px 10px; }
.generation-control input { padding: 3px; }
.metrics { padding: 8px 0; margin-top: 10px; }
.metric { padding: 0 18px; }
.metric strong { font: 600 19px 'Segoe UI', Arial, sans-serif; margin-right: 7px; }
.metric span { font-size: 10px; }
.contents {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: auto; grid-auto-rows: 1fr; align-items: stretch;
  padding: 12px 0 16px; gap: 8px;
}
.contents > span { grid-column: 1/-1; margin: 0 0 2px; }
.contents a {
  display: grid; grid-template-columns: 23px minmax(0,1fr); align-items: center; gap: 8px;
  min-width: 0; min-height: 54px; padding: 10px 12px; max-width: none;
  border-left: 3px solid var(--section); background: #fffefa;
  white-space: normal; line-height: 1.5; font-size: 12px;
}
.contents a:hover { background: #f0f2ec; border-color: var(--section); }
.contents-text { overflow-wrap: anywhere; }
.contents-number { color: var(--section); margin: 0; font-size: 11px; font-variant-numeric: tabular-nums; }
#sections { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
.work-section { margin: 0; min-width: 0; }
.section-heading { padding: 10px 0; gap: 9px; border-top-width: 2px; }
.section-heading > div { min-width: 0; flex: 1; }
.section-number { font-size: 19px; padding-top: 1px; }
.section-heading h2 {
  font: 600 13px/1.5 'Segoe UI', Arial, sans-serif; margin: 0 0 4px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 3em; overflow-wrap: anywhere;
}
.section-heading details { margin-top: 3px; font-size: 10px; }
.section-heading details p { font-size: 12px; line-height: 1.6; }
.card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.task-card {
  min-height: 148px; padding: 11px 12px 8px; border-radius: 4px; box-shadow: none;
}
.task-card:hover { transform: none; box-shadow: 0 2px 8px #182e310c; }
.card-top { margin-bottom: 7px; font-size: 8px; letter-spacing: .7px; gap: 5px; }
.card-top .badge { font-size: 9px; gap: 4px; }
.task-card h3 {
  font: 400 12px/1.55 'Segoe UI', Arial, sans-serif; margin: 0 0 9px;
  -webkit-line-clamp: 5; white-space: pre-line;
}
.card-footer { padding-top: 6px; font-size: 9px; gap: 5px; }
.card-count { gap: 5px; }
.card-count span+span::before { margin-right: 5px; }
.card-arrow { font-size: 15px; }
.task-card.readable-card { min-height: 148px; }
.task-card.readable-card h3 { font-size: 14px; font-weight: 600; line-height: 1.4; display: block; margin-bottom: 7px; }
.readable-summary { font-size: 12px; line-height: 1.6; margin: 0 0 10px; color: var(--muted); }
.readable-question { font-size: 12px; line-height: 1.55; margin: 0 0 13px; }
.readable-question span { font-weight: 600; }
.readable-open { white-space: nowrap; color: var(--section, var(--accent)); font-size: 11px; }
.readable-detail { max-width: 850px; margin: 8px 0 13px; font-size: 13px; }
.readable-detail p { margin: 6px 0; }
.readable-state { font-size: 11px; color: var(--muted); }
.pending-card { min-height: 148px; }
.skeleton-line { margin: 9px 0; height: 6px; }
.pending-caption { font-size: 11px; margin: 11px 0 0; }
.empty-state, .leaf-spec { grid-column: 1/-1; margin: 0; padding: 22px; }
.empty-state h2, .leaf-spec h2 { font-size: 21px; }
.empty-state p { font-size: 13px; max-width: none; }
.page-footer { margin-top: 20px; padding: 14px 0 22px; }
.task-tooltip {
  position: fixed; z-index: 1000; width: min(520px,calc(100vw - 24px));
  max-height: min(580px,calc(100vh - 24px)); overflow-y: auto;
  background: #fffefa; color: var(--ink); border: 1px solid #bfc7bc;
  border-radius: 6px; padding: 17px 19px; box-shadow: 0 10px 34px #172d322b;
  font-size: 13px; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere;
}
.tooltip-label { display: block; color: var(--accent); font-size: 9px; letter-spacing: 1.5px; margin-bottom: 9px; }
@media(max-width:1150px) and (min-width:761px) {
  .sidebar { width: 185px; padding: 20px 12px; }
  main { margin-left: 185px; padding: 0 19px; }
  #sections { gap: 15px; }
  .card-grid { grid-template-columns: 1fr; }
  .task-card { min-height: 125px; }
  .task-card h3 { -webkit-line-clamp: 4; }
}
@media(max-width:760px) {
  .navigation { flex-wrap: wrap; gap: 4px 12px; }
  #breadcrumbs { flex: 1; min-width: 140px; }
  .sidebar { width: 100%; position: relative; padding: 13px 16px; gap: 10px; }
  .new-button { margin: 0; padding: 8px 10px; }
  #library { max-height: 65px; }
  .library-tabs,.library-message { grid-column:1/-1; }
  .library-tabs { margin:0; }
  #library { max-height:85px; }
  .library-row { min-width:180px;max-width:180px; }
  .library-row .library-item { min-width:0;max-width:none;width:100%;margin:0; }
  .library-action { right:9px;bottom:8px; }
  .library-item { min-width: 180px; max-width: 180px; padding: 6px 8px; }
  main { margin-left: 0; padding: 0 15px; }
  .topbar { height: 35px; }
  .navigation { margin-bottom: 10px; }
  #briefHeader h1, #briefHeader h1.compact-title { font-size: 18px; line-height: 1.45; margin: 7px 0; }
  .hero-description { line-height: 1.5; }
  .metrics { padding: 8px 0; }
  .metric { padding: 0 10px; gap: 2px; }
  .metric strong { font-size: 19px; }
  .metric span { font-size: 9px; }
  .contents { gap: 7px; padding: 10px 0 14px; }
  .contents a { grid-template-columns: 18px minmax(0,1fr); gap: 5px; padding: 9px 8px; font-size: 11px; }
  #sections { grid-template-columns: 1fr; gap: 18px; }
  .section-heading h2 { font-size: 13px; }
  .card-grid { grid-template-columns: 1fr; gap: 7px; }
  .task-card { min-height: 120px; padding: 12px; }
  .task-card h3 { font-size: 13px; -webkit-line-clamp: 5; }
  .card-top .badge { font-size: 10px; }
  .card-footer { font-size: 10px; }
  .empty-state, .leaf-spec { padding: 18px; }
}
.split-progress{margin:16px 0 8px;padding:15px 18px;background:#f2f3ef;border:1px solid #dce1da;border-radius:8px}
.progress-top,.progress-sub{display:flex;justify-content:space-between;gap:12px;align-items:center}
.progress-top{font-size:12px;font-weight:600;color:#35443c}
.progress-top strong{font-size:21px;font-variant-numeric:tabular-nums;color:#173d33}
.progress-sub{margin:5px 0 10px;font-size:11px;color:#657068;flex-wrap:wrap}
.progress-track{height:6px;border-radius:6px;background:#dce3dc;overflow:hidden}
.progress-track>span{display:block;height:100%;background:#27735b;border-radius:6px;transition:width .5s ease}
.split-progress .progress-note{margin:8px 0 0;font-size:11px;line-height:1.5;color:#657068}
.generation-control{flex-wrap:wrap}
@media(max-width:600px){.split-progress{padding:12px}.progress-sub{gap:4px}.generation-control{gap:8px}.generation-control label{flex-wrap:wrap}}
.generation-control button:disabled{cursor:default;}
.pending-card .card-top{color:#8c4a2c}
.research-options{display:grid;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.research-options label{display:grid;gap:6px}.research-options select,.research-options input{width:100%;min-width:0;padding:8px;border:1px solid var(--line);border-radius:5px;background:#fffefa;color:var(--ink);font:inherit}.research-options span{font-size:11px}.brief-research{margin:14px 0;padding:12px 14px;border:1px solid var(--line);border-radius:7px;font-size:12px;overflow-wrap:anywhere}.brief-research summary{cursor:pointer;font-weight:600}.brief-research p{color:var(--muted)}.brief-research li{margin:8px 0}.brief-research a{color:#785033}
.generation-model-control{margin:12px 0 18px}.generation-model-control .generation-model-control{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:7px;background:#f2f3ed}.generation-model-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.generation-model-actions label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.generation-model-actions select{max-width:100%;min-width:240px;padding:7px;border:1px solid #ccd1c7;border-radius:5px;background:#fffef9;color:var(--ink);font:inherit;font-size:12px}.generation-model-actions button:not(.text-button){padding:8px 12px;border-radius:5px;background:var(--nav);color:#fffef9;font-size:12px}.generation-model-control p{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 0}.generation-model-control .model-caption{color:var(--sage)}.settings-grid label:first-child{grid-column:span 2}@media(max-width:760px){.settings-grid label:first-child{grid-column:auto}.generation-model-actions select{min-width:0;width:100%}}

/* Keep the brief itself in view; generation parameters are optional disclosure. */
#briefHeader h1,#briefHeader h1.compact-title{font-size:19px;line-height:1.4;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#briefHeader .hero-description{display:none}
.brief-settings{display:inline-block;vertical-align:top;margin:6px 0 4px;max-width:100%;font-size:12px}
.brief-settings>summary{cursor:pointer;border:1px solid var(--line);border-radius:6px;padding:6px 10px;background:#fffefa;color:var(--muted);width:fit-content}
.brief-settings[open]{display:block}
.brief-settings-content{padding:8px 0 3px}
.brief-settings-content .generation-model-control{margin:6px 0}
.brief-settings-content .split-progress{margin:10px 0}
#briefHeader .full-task{margin:3px 0 5px}
.brief-chat-launch{display:inline-flex;margin:6px 0 10px;padding:7px 12px;font-size:12px}
@media(max-width:760px){#briefHeader h1,#briefHeader h1.compact-title{font-size:17px}}

/* Equal, compact actions; expanding settings keeps the action row in place. */
.brief-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:7px 0 8px}
.brief-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;box-sizing:border-box;padding:4px 10px;margin:0;border:1px solid #d4cec2;border-radius:6px;background:#fffefa;color:#5d5144;font:400 12px/1.3 'Segoe UI',Arial,sans-serif;white-space:nowrap;cursor:pointer}
.brief-actions>button:hover,.brief-actions>button[aria-expanded="true"]{background:#eee9e0;border-color:#bcae99}
.brief-actions .brief-chat-launch{background:#f8f2e9;color:#754b32}
#briefSettings{padding:6px 0 10px}
.mobile-library-toggle{display:none}
#briefHeader .full-task>summary .status{float:right;margin-left:10px;font-size:9px;line-height:1.5;padding:2px 8px}
@media(max-width:760px){
  .mobile-library-toggle{display:flex;grid-column:1/-1;align-items:center;gap:8px;justify-content:flex-start;border:1px solid #ffffff30;border-radius:5px;background:#ffffff08;color:#d6dfdc;padding:5px 9px;font-size:11px}
  .mobile-library-toggle>span:last-child{margin-left:auto}
  .sidebar:not(.library-open) #library,.sidebar:not(.library-open) .library-tabs,.sidebar:not(.library-open) .search,.sidebar:not(.library-open) .library-message{display:none}
  .sidebar.library-open .search{display:flex;grid-column:1/-1;margin:0;padding:4px 0}
  .navigation{gap:4px 7px}
  .navigation button{font-size:10px;padding:3px 0}
  #breadcrumbs{min-width:0;flex:1 1 auto}
  .navigation:has(#back:not([hidden])) #breadcrumbs{flex-basis:100%;order:-1}
  .brief-actions>button{font-size:11px}
  .brief-actions>.status{font-size:9px;padding:2px 6px}
}