.document-desk { font:500 16px/1.45 Rajdhani,sans-serif; }
.document-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:20px 0; }
.document-heading h3 { font:600 32px/1.15 Rajdhani,sans-serif; margin:0 0 6px; }
.document-heading p,.document-heading>span { color:var(--quiet); margin:0; }
.document-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:18px; padding:14px 18px; border:1px solid var(--border); background:var(--surface-alt); }
.document-toolbar>span { margin-left:auto; color:var(--quiet); }
.document-layout { display:grid; grid-template-columns:260px minmax(0,1fr); margin-bottom:20px; border:1px solid var(--border); border-top:0; }
.document-inbox { background:var(--surface); border-right:1px solid var(--border); }
.document-inbox button { width:100%; display:flex; align-items:center; gap:12px; text-align:left; color:var(--copy); background:transparent; border:0; border-bottom:1px solid var(--border); border-left:3px solid transparent; padding:20px 16px; cursor:pointer; font:500 16px/1.35 Rajdhani,sans-serif; }
.document-inbox button.selected { border-left-color:var(--amber); background:color-mix(in srgb,var(--amber) 6%,var(--surface)); }
.document-inbox strong,.document-inbox small,.document-inbox b { display:block; overflow-wrap:anywhere; }
.document-inbox strong { font-size:19px; }.document-inbox small { color:var(--quiet); font-size:14px; margin-top:3px; }
.document-inbox b { font-weight:500; color:var(--cyan); margin-top:6px; }.document-number { color:var(--amber); font-size:20px; }
.document-inbox button>span:nth-child(2) { flex:1; min-width:0; }.document-detail { padding:24px; background:var(--surface); min-width:0; }
.document-detail>header { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:20px; }
.document-detail h4 { font:600 26px/1.2 Rajdhani,sans-serif; margin:0; }.document-detail>header>span { color:var(--cyan); font-size:14px; }
.document-detail .warning,.document-inbox .warning { color:var(--bad); }
.invoice-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--border); background:var(--surface-alt); }
.invoice-facts>div { padding:16px; }.invoice-facts>div+div { border-left:1px solid var(--border); }.invoice-facts span { display:block; color:var(--quiet); font-size:14px; }
.invoice-facts strong { display:block; font:600 22px/1.3 Rajdhani,sans-serif; overflow-wrap:anywhere; margin-top:5px; }
.document-context { color:var(--quiet); padding-bottom:18px; border-bottom:1px solid var(--border); }
.document-form { border:0; padding:0; margin:20px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; min-width:0; }
.document-form legend { font:600 20px Rajdhani,sans-serif; margin-bottom:14px; }.document-form label>span { display:block; margin-bottom:7px; }
.document-form select { width:100%; min-width:0; background:var(--surface-alt); color:var(--copy); border:1px solid var(--border); padding:12px; font:500 16px Rajdhani,sans-serif; }
.document-choice { grid-column:1/-1; }.document-form p { margin:0; color:var(--quiet); }
.document-correction,.document-recorded { padding:18px; border-left:3px solid var(--amber); background:var(--surface-alt); margin:20px 0; }.document-correction p,.document-recorded p { margin:0 0 14px; }.document-recorded>strong { color:var(--cyan); }.document-recorded small { color:var(--quiet); }
.document-journal { margin:20px 0; border-top:1px solid var(--border); padding-top:16px; }.document-journal p { color:var(--quiet); font-size:14px; }
.document-table-scroll { overflow:auto; }.document-journal table { width:100%; border-collapse:collapse; min-width:460px; font:500 15px Rajdhani,sans-serif; }.document-journal td,.document-journal th { padding:10px; border-bottom:1px solid var(--border); text-align:right; }.document-journal td:first-child,.document-journal th:first-child { text-align:left; }.document-journal tfoot { color:var(--cyan); }
.document-impact { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; border-top:1px solid var(--border); padding-top:20px; margin-top:20px; }.document-impact span,.document-impact strong,.document-impact small { display:block; }.document-impact span,.document-impact small { color:var(--quiet); }.document-impact strong { font-size:20px; }
.document-policy,.document-history,.document-learning { border:1px solid var(--border); background:var(--surface); margin-top:12px; padding:17px 20px; }.document-desk summary { cursor:pointer; font-weight:600; }.document-policy p,.document-learning p { color:var(--quiet); max-width:85ch; }.document-learning a { display:inline-block; color:var(--cyan); margin:0 20px 8px 0; }
.document-audit article { border-top:1px solid var(--border); padding:14px 0; }.document-audit strong { color:var(--cyan); }.document-audit p { margin:7px 0; }.document-audit small { color:var(--quiet); }
.delivery-path { display:flex; align-items:center; justify-content:space-around; gap:12px; margin:24px 0; color:var(--cyan); }.delivery-path i { color:var(--quiet); font-style:normal; }
.roadmap-planner { border-top:1px solid var(--border); margin:8px 0 24px; padding-top:20px; }
.update-timeline header { display:flex; justify-content:space-between; align-items:center; gap:12px; }.update-timeline h5 { font:600 20px Rajdhani,sans-serif; margin:0; }.update-timeline header span { font:400 13px Rajdhani,sans-serif; color:var(--quiet); }
.timeline-scroll { overflow-x:auto; margin-top:14px; }.timeline-axis,.timeline-row { display:grid; grid-template-columns:160px minmax(400px,1fr); gap:16px; min-width:580px; }
.timeline-axis { font:500 12px Rajdhani,sans-serif; color:var(--quiet); margin-bottom:12px; }.timeline-axis>div { display:grid; grid-template-columns:repeat(6,1fr); }.timeline-row { margin:10px 0; align-items:center; }.timeline-row strong,.timeline-row small { display:block; }.timeline-row strong { font:600 17px Rajdhani,sans-serif; }.timeline-row small { color:var(--quiet); font:400 13px Rajdhani,sans-serif; }.timeline-row .late { color:var(--bad); }
.timeline-track { position:relative; height:42px; background:repeating-linear-gradient(90deg,var(--border) 0 1px,transparent 1px calc(100%/6)); }.timeline-track i { position:absolute; left:0; transition:width .2s ease; }.timeline-old { top:4px; height:30px; border:1px dashed var(--quiet); opacity:.6; }.timeline-new { height:12px; top:13px; background:var(--cyan); }.timeline-new.late { background:var(--bad); }.timeline-promise { position:absolute; top:9px; color:var(--amber); font-size:16px; transform:translateX(-50%); }
.update-workloads { margin:22px 0 0; padding-top:18px; border-top:1px solid var(--border); }.update-workloads summary { font:600 20px Rajdhani,sans-serif; cursor:pointer; }.update-workloads>p,.update-workloads>small { color:var(--quiet); font:400 14px/1.45 Rajdhani,sans-serif; }.update-workloads>small { display:block; margin-top:10px; }
.workload-scroll { overflow:auto; max-height:360px; }.workload-scroll table { width:100%; min-width:640px; border-collapse:collapse; font:500 15px Rajdhani,sans-serif; }.workload-scroll th,.workload-scroll td { border-bottom:1px solid var(--border); padding:12px; text-align:center; }.workload-scroll th { color:var(--quiet); font-weight:500; }.workload-scroll td:first-child,.workload-scroll th:first-child,.workload-scroll td:last-child,.workload-scroll th:last-child { text-align:left; }.workload-scroll td:first-child { min-width:160px; }.workload-scroll td:last-child { min-width:240px; }.workload-scroll strong,.workload-scroll small { display:block; }.workload-scroll small { color:var(--quiet); font-size:13px; }.workload-scroll input { width:19px; height:19px; accent-color:var(--amber); cursor:pointer; }.workload-label { display:flex; justify-content:space-between; gap:12px; font-size:13px; }.workload-label strong { color:var(--cyan); }.workload-label span { color:var(--quiet); }.workload-meter { height:5px; background:var(--border); margin:8px 0; }.workload-meter i { display:block; height:100%; background:var(--cyan); transition:width .2s ease; }.overloaded .workload-label strong { color:var(--bad); }.overloaded .workload-meter i { background:var(--bad); }
.roadmap-crew>.text-button { margin-left:10px; }
@media(max-width:1000px){.document-layout{grid-template-columns:220px minmax(0,1fr)}.document-detail{padding:18px}.invoice-facts>div{padding:12px}.invoice-facts strong{font-size:19px}}
@media(max-width:760px){.document-layout{grid-template-columns:1fr}.document-inbox{border-right:0}.document-inbox button{padding:13px}.document-heading{display:block}.document-heading>span{display:block;margin-top:12px}.document-toolbar>span{margin-left:0}.document-detail>header{display:block}.document-detail>header>span{display:block;margin-top:8px}.document-form{grid-template-columns:1fr}.update-timeline header{display:block}.update-timeline header>span{display:block;margin-top:5px}}
@media(max-width:450px){.invoice-facts{grid-template-columns:1fr}.invoice-facts>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.invoice-facts>div+div{border-left:0;border-top:1px solid var(--border)}.invoice-facts strong{margin:0}.delivery-path{font-size:14px}}
@media(prefers-reduced-motion:reduce){.timeline-track i,.workload-meter i{transition:none}}
.no-motion .timeline-track i,.no-motion .workload-meter i { transition:none; }
.document-detail>header { margin-bottom:14px; }
.document-context { padding:8px 0 12px; font-size:14px; }
.document-form { margin-top:14px; gap:12px; }
.document-form legend { margin-bottom:10px; }
.document-form select { padding:9px 12px; }
.document-journal { margin:14px 0; padding-top:12px; }
.document-impact { margin-top:14px; padding-top:14px; }
@media(min-width:1400px){.invoice-form{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-form>label.document-choice{grid-column:auto}}