/*
  The supplied design package's stylesheet, carried across verbatim.

  D-SPM-15 as amended 2026-09-18: the design package is the AUTHORITATIVE DESIGN OF RECORD and the
  console is a conversion of it. The clause that made its CSS "references only" is withdrawn, so this
  file is an implementation input rather than something to re-derive a layout from.

  Source: docs/bg-community-storyboard-proposal/bg-community-storyboard-official-ui-v2/source/ui.css
  SHA-256 of the source at conversion: 57443fec866f680925aaee2d1b33783c0fdf52f7907351eaf439097475d27c79
  Do not hand-edit. A divergence from the render is reported by name, never fixed by editing this file.
*/
:root{--green:#255a2a;--green-dark:#173f24;--green-mid:#3e7340;--green-soft:#eaf2e7;--ink:#20352a;--muted:#67756c;--faint:#8a968e;--line:#dce4dc;--wash:#f4f7f2;--paper:#fff;--red:#ad3932;--red-soft:#fcebe8;--amber:#916315;--amber-soft:#fcf3dc;--purple:#725789;--purple-soft:#f1ebf6;--shadow:0 8px 32px #1c37200a;--radius:12px;--sidebar:212px}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--wash)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9b7424}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button svg,a svg{flex-shrink:0}svg.icon{width:18px;height:18px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,h4,p{margin:0}h1{font-size:29px;line-height:1.25;letter-spacing:-.8px;font-weight:650}h2{font-size:18px;letter-spacing:-.25px;font-weight:650}h3{font-size:15px;font-weight:650}h4{font-size:13px;font-weight:650}.muted{color:var(--muted)}.small{font-size:12px}.micro{font-size:11px}.mono{font-family:Consolas,monospace;font-size:12px}.nowrap{white-space:nowrap}.spacer{flex:1}.hidden{display:none!important}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:14px}.grow{flex:1;min-width:0}.right{text-align:right}.w100{width:100%}.mt{margin-top:18px}.mb{margin-bottom:18px}.no-margin{margin:0!important}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.rule{border:0;border-top:1px solid var(--line);margin:18px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green-mid);margin-bottom:7px}.app{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(165deg,#1b4428,#143820);color:#d8e7d6;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 14px 16px;overflow:auto}.brand{padding:0 12px 22px;display:flex;gap:10px;align-items:center;color:#fff}.brandmark{width:31px;height:34px;position:relative;display:grid;place-items:center;border:1px solid #6d956d;border-radius:8px;font-size:18px;font-weight:700}.brand strong{font-size:18px;line-height:1.1;display:block;letter-spacing:-.4px}.brand small{font-size:10px;color:#b1cbb0;letter-spacing:.7px}.nav-section{font-size:9px;font-weight:700;letter-spacing:1.8px;padding:15px 12px 7px;color:#91b394}.navlink{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#d7e7d7;border-radius:6px;margin:1px 0;font-size:12px;min-height:38px}.navlink:hover{background:#ffffff0b;text-decoration:none}.navlink.active{background:#e9f1e4;color:var(--green-dark);font-weight:650}.navlink .count{margin-left:auto;font-size:10px;background:#ffffff15;padding:1px 7px;border-radius:8px}.navlink.active .count{background:#d4e4cd}.sidebar-foot{margin-top:auto;padding:20px 12px 0;font-size:10px;color:#aec8ae}.sidebar-foot div{padding-top:12px;border-top:1px solid #436148}.main{min-width:0}.topbar{height:64px;background:#fff;display:flex;align-items:center;gap:20px;padding:0 28px;border-bottom:1px solid var(--line)}.crumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.crumb b{font-weight:600;color:var(--ink)}.top-tools{display:flex;gap:16px;align-items:center;margin-left:auto}.global-search{display:flex;gap:8px;align-items:center;color:var(--faint);border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-size:11px;background:#fafcf9}.global-search input{border:0;background:transparent;outline:none;width:175px;font-size:11px;color:var(--ink)}.avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);border:1px solid #d4e2ce;border-radius:50%;font-size:12px;font-weight:650;flex-shrink:0}.avatar.purple{background:var(--purple-soft);color:var(--purple)}.avatar.large{height:45px;width:45px;font-size:16px}.ref-strip{font-size:10px;color:#6a7767;padding:7px 28px;background:#eef3e9;border-bottom:1px solid #dce5d7;display:flex;gap:12px;align-items:center}.ref-strip b{color:var(--green);font-weight:650}.ref-strip a{margin-left:auto;font-weight:600}.content{padding:27px 28px 28px;min-width:0}.titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.subtitle{color:var(--muted);font-size:12px;margin-top:8px;max-width:780px}.title-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:5px;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:1px solid #cbd8c7;border-radius:6px;background:white;color:var(--green);font-size:12px;font-weight:600;white-space:nowrap}.btn:hover{text-decoration:none;background:#f3f7f0}.btn.primary{background:linear-gradient(100deg,#255a2a,#386b35);border-color:#255a2a;color:white}.btn.primary:hover{background:#1c4821}.btn.danger{background:var(--red-soft);border-color:#e8b6b0;color:var(--red)}.btn.amber{background:var(--amber-soft);border-color:#e0cd99;color:var(--amber)}.btn.quiet{border-color:transparent;background:transparent;color:var(--muted)}.btn.small{font-size:11px;min-height:30px;padding:5px 10px}.btn.icon-only{min-width:32px;min-height:32px;padding:6px}.btn.equal{min-width:102px}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #d7e2d3;background:#f0f5ed;color:#577052;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;white-space:nowrap;line-height:1.4}.pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.pill.pass,.pill.approved,.pill.active,.pill.complete,.pill.online{background:#e8f3e5;border-color:#cde2c5;color:#326632}.pill.fail,.pill.failed,.pill.blocked,.pill.offline,.pill.restricted{background:var(--red-soft);border-color:#f0c9c3;color:var(--red)}.pill.running,.pill.warning,.pill.stale,.pill.pending,.pill.queued{background:var(--amber-soft);border-color:#ead8ac;color:var(--amber)}.pill.neutral,.pill.draft{background:#f2f4f1;color:#6c796a;border-color:#dfe4dd}.pill.purple{background:var(--purple-soft);border-color:#e0d3e9;color:var(--purple)}.tag{display:inline-flex;background:#f4f6f1;border:1px solid #dfe5d9;border-radius:4px;padding:3px 7px;font-size:10px;color:#5d7157}.tag.performance{color:#705580;background:#f4f0f7;border-color:#e4dceb}.tag.jobs{color:#7a632e;background:#faf4e7;border-color:#eaddbd}.tag.skills{color:#356c57;background:#edf5ec;border-color:#d3e7d0}.tag.community{color:#56675a}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel.padded{padding:20px}.panelhead{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;justify-content:space-between;background:linear-gradient(100deg,#fafcf8,#fff)}.panelhead h2{font-size:15px}.panelhead .hint{font-size:11px;color:var(--muted);margin-top:4px}.panelbody{padding:18px 20px}.panelfoot{padding:11px 18px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);border-top:1px solid var(--line);gap:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metrics.five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;position:relative}.metric .label{color:var(--muted);font-size:11px}.metric .value{font-size:29px;letter-spacing:-1px;font-weight:650;line-height:1.4;margin-top:7px}.metric .desc{font-size:10px;color:var(--muted);margin-top:3px}.metric .metric-icon{position:absolute;right:17px;top:16px;color:#6e9161;background:#eef4e9;padding:6px;border-radius:7px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid21{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:18px}.grid12{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.8fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filterbar.inside{padding:13px 16px;margin:0;border-bottom:1px solid var(--line)}.input,select,textarea{background:white;border:1px solid #cdd8c8;border-radius:6px;padding:9px 11px;color:#3a4c3b;font-size:12px;min-height:36px;max-width:100%}select{padding-right:28px}.input.search{min-width:235px}.control label,.field>label{display:block;font-size:11px;font-weight:600;margin-bottom:6px;color:#4c6050}.field{margin-bottom:16px}.field .help{font-size:10px;color:var(--muted);margin-top:5px}.field input,.field select,.field textarea{width:100%}.field textarea{min-height:76px;resize:vertical}.checkbox{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;cursor:pointer}.checkbox input{accent-color:var(--green);margin-top:3px;flex-shrink:0}.radio-card{display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:8px;margin:9px 0;background:#fcfdfa}.radio-card:has(input:checked){border-color:#89ad7e;background:#eff6eb}.radio-card input{accent-color:var(--green)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}thead th{font-size:10px;color:#687861;background:#f5f8f1;font-weight:600;padding:12px 14px;white-space:nowrap;border-bottom:1px solid var(--line)}tbody td{padding:15px 14px;border-bottom:1px solid #e8ede5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcf9}td .maintext{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:3px}td .subtext{display:block;font-size:10px;color:var(--muted);line-height:1.7}td .cellstack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}td.actions{white-space:nowrap}.selected-row{background:#f3f8ef}.docs-buttons{display:flex;gap:4px;flex-wrap:wrap;max-width:168px}.docchip{background:#f8faf5;border:1px solid #d9e3d1;color:#47673e;border-radius:4px;font-size:9px;font-weight:650;padding:4px 5px;min-width:30px;cursor:pointer}.docchip:hover{background:#e6f0df}.docchip.missing{border-style:dashed;color:#89917d;background:#fff}.docchip.changed{color:var(--amber);background:var(--amber-soft);border-color:#ddc793}.docchip.restricted{color:var(--red);background:#fbf2ee}.pagination{display:flex;align-items:center;gap:4px}.pagination button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:4px;min-width:27px;height:27px}.pagination button.active{background:var(--green);color:#fff;border-color:var(--green)}.banner{padding:13px 16px;border:1px solid #d5e3ca;border-radius:8px;background:#eef5e8;font-size:12px;color:#486440;display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}.banner.warning{background:#fcf6e5;border-color:#e6d4a7;color:#805d1f}.banner.danger{background:#fff0ec;border-color:#edc4ba;color:#983e35}.banner.neutral{background:#f3f5f1;border-color:#dce3d7;color:#5c6b57}.banner .icon{margin-top:1px;flex-shrink:0}.banner b{font-weight:650}.banner .text{flex:1}.banner .text small{display:block;font-size:11px;margin-top:4px;opacity:.92}.workspace{margin-top:-3px;margin-bottom:20px}.workspace-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-bottom:14px}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);overflow-x:auto;align-items:center}.tabs a,.tabs button{font:inherit;font-size:11px;padding:12px 11px;color:#6a7965;background:transparent;border:0;white-space:nowrap;position:relative}.tabs a:hover,.tabs button:hover{text-decoration:none;background:#edf3e8}.tabs .active{color:var(--green);font-weight:650}.tabs .active:after{position:absolute;content:'';height:3px;background:var(--green);bottom:0;left:10px;right:10px;border-radius:3px}.kv{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px 15px;font-size:12px}.kv dt{color:var(--muted)}.kv dd{margin:0;color:var(--ink);font-weight:500;overflow-wrap:anywhere}.checklist{list-style:none;margin:0;padding:0}.checklist li{padding:11px 0;border-bottom:1px solid #e9ede6;display:flex;align-items:center;gap:10px;font-size:12px}.checklist li:last-child{border:0}.checkmark{width:21px;height:21px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:11px;flex-shrink:0}.checkmark.warn{background:var(--amber-soft);color:var(--amber)}.checkmark.fail{background:var(--red-soft);color:var(--red)}.activity{position:relative;padding:0 0 0 22px;margin:0;list-style:none}.activity:before{content:'';position:absolute;left:5px;top:8px;bottom:18px;border-left:1px solid #d9e3d1}.activity li{position:relative;padding:0 0 20px;font-size:12px}.activity li:before{content:'';position:absolute;left:-21px;top:5px;width:8px;height:8px;border-radius:50%;background:#b0c2a4;border:2px solid #f9fcf5}.activity li:first-child:before{background:#477942}.activity li small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.bar{height:6px;background:#eaf0e5;border-radius:8px;overflow:hidden;margin-top:8px}.bar span{display:block;height:100%;background:#779c62;border-radius:8px}.bar.amber span{background:#c39b43}.bar.red span{background:#c66e59}.coverage-cell{min-width:140px}.segmented{display:inline-flex;border:1px solid #ccd9c5;border-radius:6px;overflow:hidden}.segmented button{border:0;background:white;color:#63795b;padding:7px 12px;font-size:11px;min-height:31px}.segmented button.on{background:#e7f0df;color:var(--green);font-weight:650}.stepper{display:flex;gap:0;margin:6px 0 22px}.stepper .step{flex:1;font-size:11px;display:flex;gap:8px;align-items:center;color:#84917c}.stepper .step:after{content:'';flex:1;height:1px;background:#d8e2d0;margin-right:16px}.stepper .step:last-child:after{display:none}.stepper .bubble{width:25px;height:25px;border:1px solid #ccd8c3;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.stepper .active{color:var(--green);font-weight:650}.stepper .active .bubble{background:var(--green);color:white;border-color:var(--green)}.stepper .done .bubble{background:#e4efdc;color:var(--green)}.timeline-card{display:grid;grid-template-columns:35px 1fr;gap:12px}.step-num{height:30px;width:30px;border:1px solid #cbdcc0;border-radius:8px;background:#f2f7ed;display:grid;place-items:center;font-size:12px;color:var(--green);font-weight:600}.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.thumb-grid.two{grid-template-columns:1fr 1fr}.thumb{display:block;padding:0;background:white;border:1px solid #d4dfca;border-radius:7px;overflow:hidden;color:var(--ink);text-align:left;cursor:pointer}.thumb img{display:block;width:100%;height:124px;object-fit:cover;object-position:top;border-bottom:1px solid #e0e7d9}.thumb .caption{padding:10px 12px;font-size:11px}.thumb .caption b{display:block;font-weight:600}.thumb .caption small{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.thumb:hover{border-color:#74985e;box-shadow:0 3px 14px #23452510}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.evidence-grid .thumb img{height:180px}.ledger-row{display:grid;grid-template-columns:35px minmax(250px,1.3fr) minmax(130px,.6fr) minmax(130px,.6fr) 145px;gap:16px;padding:18px 20px;align-items:center;border-bottom:1px solid var(--line)}.ledger-row:last-child{border-bottom:0}.ledger-row .thumb img{height:88px}.ledger-row .thumb .caption{padding:5px 9px;font-size:9px}.actorline{display:flex;align-items:center;gap:10px}.actorline .actor-meta small{display:block;color:var(--muted);font-size:10px}.relationship-map{display:flex;gap:15px;align-items:center;justify-content:center;padding:23px;background:#f6f9f2;border:1px dashed #cbdcc1;border-radius:9px;margin-top:16px}.actor-card{background:white;border:1px solid #cbdac2;border-radius:9px;padding:17px;min-width:210px}.edge{color:#6c835f;text-align:center;font-size:11px;min-width:130px}.edge .arrow{display:block;height:1px;background:#92ae81;margin:12px 0;position:relative}.edge .arrow:after{content:'';position:absolute;right:-1px;top:-4px;border-left:7px solid #92ae81;border-top:4px solid transparent;border-bottom:4px solid transparent}.lane{display:grid;grid-template-columns:140px 1fr;gap:18px;border-bottom:1px solid #e2e8dc;padding:16px 0}.lane:last-child{border:0}.lane-name{font-size:11px}.lane-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lane-node{border:1px solid #d8e1d0;padding:9px 12px;background:#f7faf4;border-radius:6px;font-size:10px}.lane-node.fail{background:var(--red-soft);border-color:#e9b8ae;color:var(--red)}.lane-node.current{background:var(--amber-soft);border-color:#dbc482}.code{white-space:pre-wrap;font-family:Consolas,monospace;font-size:11px;line-height:1.8;padding:16px;background:#f5f7f2;border:1px solid #e0e7d9;border-radius:7px;overflow-wrap:anywhere;margin:0;color:#46613e}.log{background:#1e3325;color:#c2d5ba;padding:18px;border-radius:8px;font:11px/1.85 Consolas,monospace;max-height:300px;overflow:auto}.log .dim{color:#859d7c}.log .warn{color:#eac874}.log .error{color:#f2b0a0}.tree-item{padding:12px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:10px;background:#fbfcf9;margin-bottom:9px;font-size:12px}.schema-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #e1e8da;font-size:11px}.sticky-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:9px}.empty{text-align:center;padding:68px 30px;max-width:700px;margin:auto}.empty .symbol{width:57px;height:57px;border:1px solid #d8e3d0;background:#f0f5e9;border-radius:14px;display:grid;place-items:center;margin:0 auto 20px;color:#648356}.empty .symbol svg{width:25px;height:25px}.empty h2{font-size:22px;margin-bottom:10px}.empty p{font-size:12px;color:var(--muted);max-width:460px;margin:0 auto 20px;line-height:1.8}.skeleton{height:13px;border-radius:5px;background:linear-gradient(90deg,#ecf0e8,#f6f8f3,#ecf0e8);margin:12px 0}.skeleton.big{height:45px}.skeleton.short{width:58%}.approval-block{border-left:3px solid #93b383;padding:12px 15px;background:#f4f8ee;font-size:12px;line-height:1.8}.mini-stat{font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e6ede0}.status-line{font-size:12px;display:flex;gap:9px;align-items:center}.dot{height:7px;width:7px;border-radius:50%;background:#52844a;display:inline-block}.dot.amber{background:#bd9340}.dot.red{background:#c4624d}.screenshot-surface{border:1px solid #cfddc5;border-radius:9px;background:#f0f4eb;overflow:hidden}.screenshot-surface img{display:block;width:100%}.screenshot-surface .surface-label{padding:10px 15px;background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:11px}.compare-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-pane{border:1px solid #d3dfcb;border-radius:8px;overflow:hidden;background:#fff;min-width:0}.compare-pane .head{padding:12px 15px;border-bottom:1px solid #dfe7d9;display:flex;align-items:center;gap:12px;font-size:12px}.compare-pane .meta{font-size:9px;color:var(--muted);padding:9px 15px;border-bottom:1px solid #e6ecdf;line-height:1.7}.image-well{height:325px;overflow:auto;background:#f2f5ee;padding:10px}.image-well img{width:100%;display:block;transform-origin:top left}.compare-pane .observation{font-size:10px;padding:10px 14px;background:#edf5e7;color:#456d37;border-top:1px solid #dce7d4;min-height:46px}.compare-pane.new .observation{background:#fff1ec;color:#a34c3e;border-color:#eed0c6}.compare-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.slider-compare{position:relative;overflow:hidden;background:#f1f4ed;border:1px solid #d1ddc8;border-radius:8px;max-height:480px}.slider-compare img{width:100%;display:block}.slider-compare .overlay-new{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}.slider-compare:after{content:'';position:absolute;left:var(--split,50%);top:0;bottom:0;width:2px;background:#bb782c}.overlay-label{position:absolute;top:14px;background:#fffffff0;font-size:11px;padding:5px 10px;border-radius:4px;border:1px solid #d3ddc9;z-index:2}.overlay-label.left{left:14px}.overlay-label.right{right:14px}.filmstrip{display:flex;gap:9px;overflow:auto;padding-top:14px}.filmstrip button{border:1px solid var(--line);padding:8px 11px;background:#fff;border-radius:6px;color:var(--muted);font-size:10px;white-space:nowrap}.filmstrip button.on{border-color:#70965f;background:#f0f6e9;color:var(--green)}.foot-status{display:flex;align-items:center;gap:8px;color:#7f8d77;font-size:10px;margin-top:23px}.foot-status .right{margin-left:auto}.notice-count{position:relative}.notice-count:after{content:'3';position:absolute;right:1px;top:-4px;display:grid;place-items:center;height:14px;width:14px;border-radius:50%;background:#b16b29;color:white;font-size:8px}.modal{padding:0;border:1px solid #c6d6bd;border-radius:13px;width:min(780px,calc(100vw - 70px));max-width:none;max-height:calc(100vh - 60px);color:var(--ink);box-shadow:0 25px 100px #112b2540;overflow:hidden;background:#fff}.modal.wide{width:min(1320px,calc(100vw - 64px))}.modal.medium{width:min(960px,calc(100vw - 64px))}.modal::backdrop{background:#10281eb3;backdrop-filter:blur(2px)}.modal-head{padding:20px 23px 16px;background:#f8fbf5;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:15px}.modal-head h2{font-size:22px}.modal-head p{font-size:11px;color:var(--muted);margin-top:5px}.modal-head .close{margin-left:auto}.modal-body{padding:20px 23px;overflow:auto;max-height:calc(100vh - 250px)}.modal-foot{padding:14px 23px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;justify-content:flex-end;background:#fafcf8;min-height:62px}.modal-foot .explanation{margin-right:auto;font-size:10px;color:var(--muted);max-width:410px}.modal .summarybar{display:flex;gap:22px;flex-wrap:wrap;padding:11px 14px;border:1px solid var(--line);background:#f7faf3;border-radius:7px;margin-bottom:16px;font-size:11px;color:var(--muted)}.modal .summarybar b{color:var(--ink);font-weight:600}.doclayout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px}.docnav{border-right:1px solid #e0e7d9;padding-right:18px}.docnav button{display:block;width:100%;padding:10px;border:0;border-radius:5px;background:transparent;text-align:left;font-size:11px;color:#6c7d63;margin-bottom:4px}.docnav button.on{background:#eaf2e3;color:var(--green);font-weight:650}.docnav small{display:block;font-size:9px;font-weight:400;margin-top:3px}.docbody{max-width:850px;margin:auto}.docbody h1{font-size:26px;margin:6px 0 15px}.docbody h2{font-size:18px;margin:21px 0 10px}.docbody p{font-size:12px;line-height:1.8;margin:10px 0}.docbody ul{font-size:12px;line-height:1.9}.docbody blockquote{border-left:3px solid #93af7d;background:#f3f8ed;margin:15px 0;padding:10px 14px;font-size:12px}.docbody table{margin:16px 0}.docbody .doctoc{border-bottom:1px solid #dfe7d7;margin-bottom:18px;padding-bottom:12px;font-size:11px;display:flex;gap:16px}.toast{position:fixed;bottom:24px;left:calc(50% + 80px);transform:translateX(-50%);z-index:50;background:#204b29;color:#fff;box-shadow:0 8px 30px #17342235;border-radius:9px;padding:15px 20px;max-width:650px;font-size:12px;display:none}.toast b{display:block;margin-bottom:4px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-art{background:linear-gradient(140deg,#163d22,#2d5f32);color:white;padding:70px;display:flex;flex-direction:column;justify-content:center}.auth-art h1{font-size:47px;line-height:1.15;max-width:520px}.auth-art p{color:#c4d9bd;max-width:410px;font-size:15px;margin-top:25px}.auth-card{display:flex;align-items:center;justify-content:center;padding:50px}.auth-card>div{width:390px}.auth-card h1{font-size:29px}.auth-tiles{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:50px;max-width:420px}.auth-tile{border:1px solid #618262;border-radius:12px;padding:22px;font-size:12px;background:#ffffff05}.auth-tile svg{display:block;margin-bottom:15px;width:25px;height:25px}.reference-drawer{position:fixed;right:20px;bottom:20px}.footer-breadcrumb{font-size:10px;color:#84917a}.mini-table td{padding:10px 12px}.mini-table th{padding:9px 12px}.settings-grid{display:grid;grid-template-columns:200px 1fr;gap:22px}.settings-nav a{display:block;padding:10px 14px;border-radius:7px;font-size:12px;margin-bottom:5px;color:var(--muted)}.settings-nav a.active{background:var(--green-soft);color:var(--green);font-weight:650}.inline-code{font:10px Consolas,monospace;padding:3px 5px;border:1px solid #dde5d6;background:#f4f7ef;border-radius:4px}.badge-num{height:21px;min-width:21px;padding:0 6px;display:inline-grid;place-items:center;background:#edf3e6;color:#547549;border-radius:5px;font-size:10px}.state-gallery{display:flex;gap:6px;flex-wrap:wrap}.state-gallery a{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:4px 7px;background:white}.op-note{font-size:10px;color:var(--muted);line-height:1.7}.input-inline{border:0;border-bottom:1px dashed #afc29f;background:#fbfdf8;border-radius:0;padding:4px 0;font-size:11px;width:100%}.expanded-detail td{background:#f3f7ee;padding:16px 25px}.loadingtext{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.spinner{width:18px;height:18px;border:2px solid #d5e4ca;border-top-color:#648d4f;border-radius:50%}.toolbar-bottom{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:18px}.counter-badge{font-size:10px;background:#edf2e7;padding:3px 7px;border-radius:9px;color:#657958}.surface-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.surface-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.surface-card img{display:block;width:100%;border-bottom:1px solid var(--line)}.surface-card .caption{padding:14px;font-size:12px}.surface-card .caption small{display:block;color:var(--muted);margin-top:5px}.serif{font-family:Georgia,serif}.inline-banner{border:1px solid #d9e3d0;background:#f5f8ef;padding:10px 13px;border-radius:6px;font-size:11px}.token-swatch{height:63px;border-radius:7px;margin-bottom:10px;border:1px solid #0000000e}.form-error{color:var(--red);font-size:11px;margin-top:5px}.preview-upload{border:1px dashed #b5c8a7;background:#f7faf2;border-radius:8px;padding:25px;text-align:center;font-size:12px;color:var(--muted)}.page-separator{border-top:1px solid #d7e2cd;margin:22px 0}
@media(max-width:1250px){:root{--sidebar:184px}.content{padding:22px}.topbar{padding:0 22px}.navlink{padding:9px;font-size:11px}.metrics{gap:10px}.metric{padding:14px}.titlebar{gap:10px}.title-actions .btn{padding:8px 10px}.grid21{grid-template-columns:minmax(0,1.55fr) minmax(265px,1fr)}thead th,tbody td{padding-left:10px;padding-right:10px}.docs-buttons{max-width:142px}.docchip{font-size:8px}.global-search{display:none}.ledger-row{gap:10px;grid-template-columns:30px minmax(210px,1.3fr) minmax(115px,.6fr) minmax(115px,.6fr) 120px}.tabs a{padding:12px 8px;font-size:10px}}
@media(max-width:950px){:root{--sidebar:65px}.brand{padding:0 2px 15px}.brand-text,.nav-section,.navlink span,.navlink .count,.sidebar-foot{display:none}.sidebar{padding:22px 9px}.navlink{justify-content:center}.topbar .profile-text{display:none}.content{padding:19px}.metrics,.metrics.five{grid-template-columns:repeat(2,1fr)}.grid2,.grid21,.grid12{grid-template-columns:1fr}.titlebar{flex-wrap:wrap}.grid3{grid-template-columns:1fr 1fr}.thumb-grid{grid-template-columns:1fr 1fr}.modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.modal.wide{width:calc(100vw - 24px)}.modal-body{max-height:calc(100vh - 230px)}.doclayout{grid-template-columns:165px 1fr}.compare-panels{grid-template-columns:1fr 1fr}.relationship-map{flex-wrap:wrap}.auth-art{padding:35px}.auth-art h1{font-size:35px}}
@media(max-width:650px){.topbar{padding:0 15px}.ref-strip{padding:7px 15px}.ref-strip span{display:none}.content{padding:17px 14px}.top-tools{gap:7px}.titlebar{margin-bottom:18px}h1{font-size:24px}.metrics{gap:8px}.metric .value{font-size:25px}.grid3,.surface-gallery{grid-template-columns:1fr}.grid2,.grid21,.grid12{gap:14px}.filterbar .input.search{min-width:180px;width:100%}.title-actions{justify-content:flex-start}.compare-panels{grid-template-columns:1fr}.doclayout{grid-template-columns:1fr}.docnav{display:flex;overflow:auto;border:0;border-bottom:1px solid var(--line);padding-bottom:10px}.docnav button{min-width:100px}.modal-body{padding:16px}.modal-head{padding:16px}.modal-head h2{font-size:18px}.modal-foot{padding:13px}.modal-foot .explanation{display:none}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.evidence-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav a{white-space:nowrap}.kv{grid-template-columns:115px 1fr}.ledger-row{grid-template-columns:27px 1fr}.ledger-row .thumb,.ledger-row>.cellstack{grid-column:2}.foot-status .right{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.pill.passed,.pill.matched,.pill.verified{background:#e8f3e5;border-color:#cde2c5;color:#326632}.pill.incomplete{background:var(--amber-soft);border-color:#ead8ac;color:var(--amber)}