.system-workspace { min-width:0; padding:27px 28px 20px; }
.sys-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:20px; }
.sys-heading h1 { font:400 35px/1.15 Georgia,serif; letter-spacing:-.7px; margin:12px 0 9px; overflow-wrap:anywhere; }
.sys-heading p { margin:0; color:var(--muted); font-size:12px; }
.sys-project-tools { display:flex; gap:8px; align-items:center; padding-top:12px; min-width:0; }
.sys-project-tools select { max-width:205px; min-width:0; padding:9px; border:1px solid var(--line); border-radius:8px; background:white; color:var(--ink); font-size:12px; }
.sys-example { padding:12px 16px; background:#edf1e7; border:1px solid #dbe4d2; border-radius:10px; display:flex; gap:14px; align-items:center; font-size:11px; margin-bottom:18px; }
.sys-example b { color:#42603e; white-space:nowrap; }
.sys-example span { color:#6c7a65; }
.sys-save-error { background:#fff0de; color:#875d1f; padding:15px; margin-bottom:15px; border-radius:8px; }
.sys-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.sys-stat { padding:17px 18px; background:white; border:1px solid var(--line); border-radius:11px; min-width:0; }
.sys-stat>span { color:#758273; font-size:10px; display:block; min-height:30px; }
.sys-stat strong { font:400 28px/1.2 Georgia,serif; letter-spacing:-.7px; display:block; margin:4px 0 8px; overflow-wrap:anywhere; }
.sys-stat small { font-size:9px; color:var(--muted); display:block; }
.sys-book-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px 0 23px; }
.sys-book-links button { text-align:left; font-size:10px; color:#607459; border:0; border-bottom:1px solid #d9e1d3; background:transparent; padding:8px 0; display:flex; justify-content:space-between; align-items:center; gap:6px; }
.sys-book-links .icon { width:13px; height:13px; }
.sys-layout { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:20px; align-items:start; }
.sys-architecture,.sys-inspector { background:white; border:1px solid var(--line); border-radius:13px; min-width:0; }
.sys-architecture { padding:22px; }
.sys-section-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sys-section-head h2 { font:400 23px/1.25 Georgia,serif; margin:8px 0 16px; }
.sys-section-head .eyebrow { font-size:8px; }
.sys-count-tag { color:#809078; font-size:10px; white-space:nowrap; }
.sys-central { display:flex; align-items:center; justify-content:center; gap:16px; margin:12px auto 0; max-width:310px; width:100%; padding:16px; background:#284336; border:1px solid #284336; color:#eef4e9; border-radius:11px; }
.sys-central>b { font-size:17px; }
.sys-central small { display:block; font-size:10px; color:#c4d3c1; }
.sys-version { font-size:10px; color:#c0d1b4; max-width:80px; overflow-wrap:anywhere; }
.sys-connector { text-align:center; color:#7b8c75; padding:30px 0 22px; position:relative; font-size:9px; }
.sys-connector:before { content:""; height:19px; position:absolute; left:50%; top:0; border-left:1px solid #9aaa90; }
.sys-map-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:0 0 13px; }
.sys-filter { display:flex; flex-wrap:wrap; gap:3px; }
.sys-filter button { border:0; border-radius:5px; padding:7px 8px; font-size:10px; background:transparent; color:#758071; }
.sys-filter button[aria-pressed="true"] { background:#edf3e8; color:#355e42; }
.sys-search { display:flex; gap:5px; width:163px; }
.sys-search input { width:125px; min-width:0; font-size:11px; padding:6px 8px; border:1px solid var(--line); border-radius:6px; }
.sys-search .icon-button { width:29px; height:29px; }
.sys-location-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:8px; }
.sys-location { padding:12px 10px; border:1px solid #e0e6da; border-radius:9px; background:#fbfcf9; text-align:left; min-width:0; transition:background .15s; }
.sys-location:hover { background:#f0f5eb; }
.sys-location.selected { border-color:#4c7559; box-shadow:inset 0 0 0 1px #4c7559; background:#f2f6ed; }
.sys-location.has-failure { border-top:3px solid #bb7560; padding-top:10px; }
.sys-location>span { display:flex; align-items:center; justify-content:space-between; font-size:11px; }
.sys-location>small { display:block; color:#84907d; font-size:9px; margin-top:3px; }
.sys-location>strong { display:block; color:#4a6344; font:400 22px/1.2 Georgia,serif; margin-top:10px; }
.sys-location em { font:400 12px "Segoe UI",Arial,sans-serif; color:#9ba493; }
.sys-dot { width:6px; height:6px; display:inline-block; flex:none; border-radius:50%; background:#b8c2b0; }
.sys-dot.pass { background:#53825b; }.sys-dot.fail { background:#bb725d; }.sys-dot.inconclusive,.sys-dot.reported { background:#bf9b4e; }.sys-dot.outdated { background:#9690ac; }
.sys-branch { border-top:1px solid var(--line); margin-top:22px; padding-top:16px; }
.sys-section-head h3 { font-size:12px; margin:0; }
.sys-section-head h3 span { font-weight:400; color:#87927e; }
.sys-section-head>small { font-size:9px; color:var(--muted); }
.sys-groups { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; }
.sys-groups button { flex:1; min-width:48px; border:1px solid var(--line); border-radius:7px; background:#fff; padding:8px; font-size:10px; position:relative; }
.sys-groups button.selected { background:#eaf1e4; border-color:#8eaa7f; }
.sys-groups small { display:block; color:#839277; font-size:9px; margin-top:3px; }
.sys-groups .sys-dot { position:absolute; right:5px; top:5px; width:4px; height:4px; }
.sys-unit-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:20px 0 10px; font-size:11px; }
.sys-unit-heading>span { color:var(--muted); font-size:9px; overflow-wrap:anywhere; }
.sys-units { display:grid; grid-template-columns:repeat(auto-fill,minmax(59px,1fr)); gap:6px; max-height:285px; overflow:auto; padding:2px; }
.sys-units button { display:flex; align-items:center; justify-content:center; gap:6px; background:#f8faf5; border:1px solid var(--line); border-radius:6px; min-height:38px; font-size:10px; }
.sys-units button.selected { outline:2px solid #78916a; outline-offset:0; }
.sys-units button.fail { background:#fcf0eb; border-color:#e1b3a4; }.sys-units button.pass { background:#edf5e8; }
.sys-legend { display:flex; gap:10px 14px; flex-wrap:wrap; font-size:9px; color:#8a9780; padding-top:18px; }
.sys-legend>span { display:flex; gap:5px; align-items:center; }
.sys-inspector { position:sticky; top:94px; max-height:calc(100vh - 109px); overflow:auto; scrollbar-width:thin; }
.sys-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); position:sticky; top:0; background:#fff; z-index:1; border-bottom:1px solid var(--line); }
.sys-tabs button { border:0; border-bottom:2px solid transparent; padding:14px 5px; font-size:10px; background:transparent; color:#8a9481; }
.sys-tabs button[aria-pressed="true"] { border-bottom-color:#426c4c; color:#35583d; background:#f8faf5; }
.sys-panel { padding:20px; }
.sys-panel-heading .eyebrow { font-size:8px; }
.sys-panel-heading h2 { font:400 25px/1.25 Georgia,serif; margin:8px 0 10px; overflow-wrap:anywhere; }
.sys-panel-heading p { font-size:11px; color:#819075; line-height:1.7; margin:0 0 17px; }
.sys-point-condition label { font-size:10px; display:flex; align-items:center; gap:10px; }
.sys-point-condition select { font-size:10px; padding:5px; border:1px solid var(--line); border-radius:5px; min-width:0; }
.sys-path { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; margin:15px 0; }
.sys-path button { min-height:86px; padding:8px 3px; border:1px solid var(--line); background:#f9faf7; border-radius:7px; font-size:11px; }
.sys-path b,.sys-path small { display:block; }.sys-path small { font-size:8px; margin-top:6px; color:#7c8c70; overflow-wrap:anywhere; }
.sys-path button.selected { border-color:#63865b; box-shadow:inset 0 0 0 1px #63865b; }
.sys-path button.fail { background:#fcf0eb; }.sys-path button.pass { background:#edf5e8; }.sys-path button.outdated { background:#f2f0f7; }
.sys-next-question { background:#f2f5eb; border-left:3px solid #9aae83; padding:12px; font-size:11px; margin-bottom:16px; }
.sys-next-question.has-failure { border-color:#bb7560; background:#faf1eb; }
.sys-next-question p { color:#788367; font-size:10px; margin:7px 0 0; }
.sys-details { border-top:1px solid var(--line); margin-top:18px; padding-top:14px; }
.sys-details>summary { font-size:11px; cursor:pointer; color:#58704d; margin-bottom:12px; }
.sys-details>summary span { color:#94a084; padding-left:7px; }
.sys-form { display:grid; gap:12px; margin:15px 0 22px; }
.sys-form label { display:grid; gap:5px; font-size:10px; color:#6b7c5d; min-width:0; }
.sys-form input,.sys-form textarea,.sys-form select { width:100%; min-width:0; border:1px solid #dce4d4; border-radius:6px; background:#fff; color:var(--ink); padding:8px 9px; font-size:11px; }
.sys-form textarea { resize:vertical; min-height:65px; line-height:1.6; }
.sys-form .sys-check { display:flex; align-items:flex-start; gap:8px; font-size:10px; line-height:1.6; }
.sys-check input[type="checkbox"] { width:15px; height:15px; margin:1px 0 0; flex:none; accent-color:#436e54; }
.sys-form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sys-form-row.three { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.sys-form-row.three label { font-size:9px; }
.sys-hint { font-size:10px; line-height:1.7; color:#8b977e; margin:0; }
.sys-form>.button { justify-self:start; max-width:100%; }
.sys-evidence-entry { padding-top:8px; }
.sys-evidence-entry h3 { font-size:12px; line-height:1.6; margin:5px 0 9px; }
.sys-status { border-radius:5px; background:#eff2eb; color:#85917a; display:inline-block; font-size:9px; padding:3px 6px; font-weight:500; }
.sys-status.pass { background:#e7f0df; color:#45693b; }.sys-status.fail { background:#f8e9e1; color:#a65f48; }.sys-status.inconclusive,.sys-status.reported { background:#f7efdb; color:#9a7a2f; }.sys-status.outdated { background:#eeebf5; color:#827393; }
.sys-journal-entry { border:1px solid var(--line); padding:10px; border-radius:7px; margin:8px 0; }
.sys-journal-entry>summary { display:flex; justify-content:space-between; align-items:center; gap:7px; cursor:pointer; font-size:9px; }
.sys-journal-entry dl { margin:12px 0; font-size:10px; }
.sys-journal-entry dt { font-size:9px; color:#8c997f; margin-top:8px; }.sys-journal-entry dd { margin:2px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.sys-journal-entry>small { font-size:8px; color:#94a087; }
.sys-csv-tools { border-top:1px solid var(--line); padding-top:17px; margin-top:18px; }
.sys-csv-tools p { font-size:10px; color:#8b977f; line-height:1.7; }
.sys-csv-tools .button { font-size:10px; max-width:100%; }
.sys-dependencies { display:grid; gap:7px; }.sys-dependencies>div { border:1px solid var(--line); padding:9px; border-radius:5px; font-size:10px; }.sys-dependencies span { padding-left:8px; color:#6f7f63; }.sys-dependencies small { display:block; margin-top:3px; color:#93a184; overflow-wrap:anywhere; }
.sys-change { font-size:10px; padding:10px 0; border-top:1px solid var(--line); }.sys-change span { display:block; color:#8a967d; white-space:pre-wrap; margin-top:5px; }
.sys-report,.sys-note { padding:14px; margin:12px 0; border:1px solid var(--line); border-radius:8px; font-size:11px; }
.sys-report>div { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.sys-report h4 { margin:11px 0 5px; font-size:11px; }.sys-report p,.sys-note p,.sys-note>b { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; }
.sys-report small,.sys-note small { font-size:9px; color:#87967a; overflow-wrap:anywhere; }
.sys-gate { border:1px solid #ead6bd; background:#fbf5eb; padding:15px; border-radius:8px; font-size:11px; }.sys-gate>b { font:400 19px/1.3 Georgia,serif; display:block; }.sys-gate>span { display:block; margin-top:7px; font-size:10px; color:#9d885e; }.sys-gate ul { padding-left:16px; font-size:10px; color:#8d7957; line-height:1.7; }.sys-gate li { margin:7px 0; }.sys-gate.ready { background:#eff5e8; border-color:#bfd1ac; }
.sys-fieldset { border:1px solid var(--line); border-radius:7px; padding:12px; display:grid; gap:8px; }.sys-fieldset legend { font-size:9px; color:#859475; padding:0 5px; }
.sys-learning-stages { font-size:10px; padding:13px 13px 13px 31px; background:#f3f6ed; color:#71865f; border-radius:8px; line-height:2; }
.sys-empty { font-size:11px; color:#99a28e; padding:12px 0; }
.sys-footer-note { color:#98a18f; font-size:10px; margin:22px 0 4px; }
#sys-new-dialog { width:min(480px,calc(100vw - 32px)); max-height:calc(100vh - 50px); overflow:auto; }
#sys-new-dialog h2 { font:400 29px/1.2 Georgia,serif; margin:6px 0 12px; }#sys-new-dialog>p { font-size:12px; color:#869277; }
@media(min-width:1650px) { .sys-layout { grid-template-columns:minmax(0,1fr) 410px; } }
@media(max-width:1250px) { .system-workspace { padding:24px 19px; }.sys-layout { grid-template-columns:minmax(0,1fr) 340px; gap:14px; }.sys-architecture { padding:17px; }.sys-location-grid { grid-template-columns:repeat(auto-fill,minmax(94px,1fr)); }.sys-panel { padding:17px; }.sys-heading h1 { font-size:31px; }.sys-stat { padding:14px; } }
@media(max-width:1000px) { .sys-layout { grid-template-columns:minmax(0,1fr); }.sys-inspector { position:static; max-height:none; overflow:visible; }.sys-location-grid { grid-template-columns:repeat(auto-fill,minmax(106px,1fr)); }.sys-panel { padding:22px; }.sys-form-row { max-width:100%; }.sys-heading { flex-direction:column; gap:12px; }.sys-project-tools { padding-top:0; }.sys-book-links { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .system-workspace { padding:22px 14px 15px; }.sys-heading h1 { font-size:29px; }.sys-heading .eyebrow { font-size:8px; }.sys-project-tools { width:100%; }.sys-project-tools select { flex:1; max-width:none; }.sys-example { flex-direction:column; align-items:flex-start; gap:5px; font-size:10px; padding:11px 12px; }.sys-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.sys-stat { padding:12px; }.sys-stat strong { font-size:25px; }.sys-stat>span { min-height:30px; font-size:9px; }.sys-stat small { font-size:8px; }.sys-book-links { gap:4px 12px; margin:12px 0 17px; }.sys-book-links button { font-size:9px; }.sys-architecture { padding:14px; }.sys-section-head { flex-wrap:wrap; }.sys-section-head h2 { font-size:22px; margin-bottom:8px; }.sys-count-tag { font-size:9px; }.sys-central { margin-top:15px; }.sys-connector { font-size:8px; }.sys-location-grid { grid-template-columns:repeat(3,minmax(0,1fr)); max-height:305px; overflow:auto; padding:2px; }.sys-location { padding:9px 7px; }.sys-location.has-failure { padding-top:7px; }.sys-location>small { font-size:8px; }.sys-location>strong { font-size:20px; }.sys-map-toolbar { gap:8px; }.sys-filter button { font-size:9px; padding:6px; }.sys-search { width:100%; }.sys-search input { flex:1; width:auto; }.sys-groups { gap:5px; }.sys-groups button { padding:8px 5px; }.sys-units { grid-template-columns:repeat(5,minmax(0,1fr)); }.sys-units button { min-height:40px; }.sys-panel { padding:17px 14px; }.sys-tabs { position:static; }.sys-tabs button { min-height:44px; font-size:10px; }.sys-path { gap:3px; }.sys-path button { min-height:85px; }.sys-path small { font-size:8px; }.sys-panel-heading h2 { font-size:25px; }.sys-form .button { min-height:40px; }.sys-unit-heading>span { font-size:8px; }.sys-footer-note { font-size:9px; } }
.sys-condition-failure{font-size:11px;line-height:1.5;color:#a35245;background:#f7e9e1;border-radius:6px;padding:9px 11px}