:root{--bg:#f4f6f8;--panel:#fff;--text:#1d2733;--muted:#6b7785;--line:#dde3e8;--accent:#1d4f7a;--dark:#18232d}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:#fff;padding:24px 18px}.brand{display:flex;gap:8px;align-items:baseline;padding:4px 10px 28px;font-size:23px}.brand span{font-size:13px;letter-spacing:2px;color:#aebac5}.sidebar nav{display:grid;gap:8px}.sidebar a{color:#dfe7ed;text-decoration:none;padding:12px 14px;border-radius:8px}.sidebar a:hover{background:#243541}.main{min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:24px}.search{flex:1;max-width:760px}.search input{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:8px;font-size:15px}.user{font-size:13px;color:var(--muted)}.content{padding:30px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:6px 0 0;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:18px;margin-bottom:28px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.card .label{color:var(--muted);font-size:13px}.card .number{font-size:32px;font-weight:700;margin-top:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel h2{margin-top:0}.list{display:grid;gap:10px}.item{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.item a{text-decoration:none;color:var(--accent);font-weight:700}.meta{color:var(--muted);font-size:13px;margin-top:4px}.button{display:inline-block;padding:10px 14px;border-radius:8px;text-decoration:none;background:var(--accent);color:#fff;border:0}.button.secondary{background:#fff;color:var(--accent);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.footer{padding:20px 30px;color:var(--muted);font-size:12px}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}
.version{position:absolute;bottom:20px;left:28px;color:#93a4b2;font-size:12px}.sidebar{position:relative}.alert{padding:12px 15px;border-radius:8px;margin-bottom:18px;background:#eef5ee;border:1px solid #cadfca}.alert.error{background:#fff0f0;border-color:#e5c6c6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit}.field textarea{min-height:100px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.button.danger{background:#8a2f2f}.button.small{padding:7px 10px;font-size:13px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f5;font-size:12px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:14px}.breadcrumb a{color:var(--accent);text-decoration:none}.empty{padding:24px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);background:#fff}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.admin-card h2{margin-top:0}@media(max-width:900px){.form-grid,.admin-grid{grid-template-columns:1fr}}
.user-menu{display:flex;align-items:center;gap:14px;text-align:right}.user-menu .meta{margin:2px 0 0}.login-body{min-height:100vh;display:grid;place-items:center;background:#eef2f5;padding:24px}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px;box-shadow:0 12px 35px rgba(0,0,0,.07)}.login-brand{display:flex;align-items:baseline;gap:8px;margin-bottom:24px;font-size:24px}.login-brand span{font-size:13px;letter-spacing:2px;color:var(--muted)}.login-card h1{margin-bottom:6px}.login-button{display:block;text-align:center;margin-top:24px;padding:13px 16px}.login-note{text-align:center;margin-top:24px}.panel select,table select{padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff}

.card-link{display:block;text-decoration:none;color:inherit;transition:.15s ease;position:relative}
.card-link:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 22px rgba(19,45,63,.08)}
.card-go{margin-top:12px;color:var(--accent);font-size:13px;font-weight:700}
.category-link{display:block;text-decoration:none;color:inherit;transition:.15s ease}
.category-link:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(19,45,63,.07)}
.category-link.active{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}
.template-recent{display:flex;align-items:center;justify-content:space-between;gap:12px}
.small{padding:7px 10px;font-size:12px}.filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 18px}
.filterbar a{text-decoration:none}.version-list{display:grid;gap:10px}.version-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px}

/* 0.1.9 compact dashboard */
.compact-head{margin-bottom:12px}.compact-head h1{margin-bottom:2px}
.compact-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.compact-stats a{display:flex;align-items:baseline;gap:9px;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit}
.compact-stats a:hover{border-color:var(--accent)}.compact-stats strong{font-size:24px;line-height:1}.compact-stats span{font-size:13px;color:var(--muted)}
.dashboard-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:16px;align-items:start}
.dashboard-main .panel,.tasks-panel{padding:18px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title-row h2,.quick-panel h2{margin:2px 0 12px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.recent-unified{display:grid}.recent-row{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.recent-row:first-child{border-top:0}
.recent-type{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted)}.recent-content a{text-decoration:none;color:inherit}.recent-content a:hover{color:var(--accent)}
.recent-actions{display:flex;gap:6px}.quick-list{display:grid;gap:7px}.quick-list a{display:block;padding:10px 11px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:inherit}.quick-list a:hover{border-color:var(--accent)}
.quick-list strong,.quick-list span{display:block}.quick-list span{font-size:12px;color:var(--muted);margin-top:2px}.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tasks-panel{margin-top:16px}.tasks-panel h2{margin:2px 0 4px}.compact-empty{padding:12px 0}
@media(max-width:950px){.compact-stats{grid-template-columns:repeat(2,1fr)}.dashboard-main{grid-template-columns:1fr}}
@media(max-width:620px){.recent-row{grid-template-columns:1fr}.recent-actions{justify-content:flex-start}.compact-stats{grid-template-columns:1fr 1fr}}

/* 0.1.10 dashboard tiles */
.dashboard-tiles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 18px}
.dashboard-tile{display:flex!important;min-height:92px;box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:14px 16px!important;background:#fff;border:1px solid #d7e0e7;border-radius:10px;text-decoration:none!important;color:#122333!important;box-shadow:0 1px 2px rgba(0,0,0,.025);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.dashboard-tile:hover{transform:translateY(-2px);border-color:#24608d;box-shadow:0 7px 18px rgba(20,49,70,.09)}
.tile-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.055em;color:#657686}
.tile-number{display:block;font-size:27px;line-height:1.05;margin:4px 0;color:#122333}
.tile-action{font-size:12px;font-weight:700;color:#245d88}
.quick-list a em{display:block;margin-top:5px;font-size:11px;font-style:normal;font-weight:700;color:#245d88}
@media(max-width:1000px){.dashboard-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dashboard-tiles{grid-template-columns:1fr}}

/* 0.1.11 top application shortcuts */
.top-quicklinks{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:14px}
.top-app-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border-radius:7px;background:#245d88;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700;white-space:nowrap;border:1px solid #245d88}
.top-app-button:hover{background:#194a70;border-color:#194a70}
.top-app-button.secondary{background:#fff;color:#245d88!important}
.top-app-button.secondary:hover{background:#f2f6f9}
@media(max-width:850px){.top-quicklinks{margin-right:8px}.top-app-button{padding:7px 9px;font-size:12px}}
@media(max-width:650px){.top-quicklinks{width:100%;order:3;margin:8px 0 0}.top-app-button{flex:1}}

/* 0.2.0 handbook workspace */
.handbook-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.handbook-summary>div{display:flex;align-items:baseline;gap:9px;background:#fff;border:1px solid #d7e0e7;border-radius:9px;padding:10px 13px}
.handbook-summary strong{font-size:22px}.handbook-summary span{font-size:12px;color:#657686}
.handbook-sections{display:grid;gap:14px}.handbook-section{padding:16px 18px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.section-head h2{margin:2px 0 3px}.section-head p{margin:0;color:#657686}.section-count{min-width:38px;height:38px;border-radius:20px;background:#eef4f8;display:flex;align-items:center;justify-content:center;font-weight:800;color:#245d88}
.document-table{margin-top:10px}.document-row{display:grid;grid-template-columns:140px minmax(0,1fr) 90px 110px;gap:12px;align-items:center;padding:10px 8px;border-top:1px solid #e2e8ed;text-decoration:none!important;color:inherit!important}.document-row:hover{background:#f7fafc}.doc-number{font-weight:800;color:#245d88}.doc-title span{display:block;font-size:11px;color:#71808d;margin-top:2px}.doc-rev{font-size:12px}.doc-status{font-size:11px;font-weight:800;text-align:center;padding:5px 7px;border-radius:12px;background:#eef2f5}.status-approved{background:#e8f5ed}.status-review{background:#fff4d9}.status-draft{background:#eef2f5}.status-blocked{background:#fdeaea}
.table-scroll{overflow:auto}.inventory-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:850px){.document-row{grid-template-columns:110px 1fr}.doc-rev,.doc-status{grid-column:auto}.handbook-summary{grid-template-columns:repeat(2,1fr)}}

/* 0.2.1 controlled QM import */
.notice{padding:12px 14px;margin-bottom:14px;background:#f4f8fb;border:1px solid #d7e3eb;border-radius:8px}
.import-result{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid #e2e8ed}.import-result:first-of-type{border-top:0}.import-result span{color:#657686;font-size:12px}.import-result.ok strong{color:#23643c}.import-result.skip strong{color:#8a641d}
.badge.warn{display:inline-block;padding:4px 7px;border-radius:12px;background:#fff1d5;color:#7b5716;font-size:11px;font-weight:800}

/* 0.2.3 AA review */
.aa-review input.field{width:100%;box-sizing:border-box;padding:7px 8px;border:1px solid #ccd8e1;border-radius:6px;background:#fff}.aa-review input.compact{min-width:145px}.aa-review .needs-review{background:#fffaf0}.badge.ok{display:inline-block;padding:4px 7px;border-radius:12px;background:#e8f5ed;color:#23643c;font-size:11px;font-weight:800}.sticky-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 2px;margin-top:8px;border-top:1px solid #e2e8ed;display:flex;align-items:center;gap:12px}

/* 0.2.6 document maintenance */
.field{display:block;width:100%;max-width:760px;box-sizing:border-box;padding:9px 10px;margin:5px 0 14px;border:1px solid #ccd8e1;border-radius:6px;background:#fff}.button.danger{background:#8d2323;border-color:#8d2323;color:#fff}.button.small{padding:6px 9px;font-size:12px}.panel hr{border:0;border-top:1px solid #e1e7eb;margin:22px 0}

/* 0.2.7 universal handbook filtering/export */
.filter-grid{display:grid;grid-template-columns:220px 260px minmax(260px,1fr) auto;gap:14px;align-items:end}.filter-grid .field{margin-bottom:0}.filter-button{padding-bottom:0}.handbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#18598b}.status-pill{display:inline-block;padding:5px 10px;border-radius:999px;background:#edf2f5;font-size:12px;font-weight:700}.status-pill.review{background:#fff0cf}.status-pill.archived{background:#e8edf0}.status-pill.approved{background:#e6f4eb}@media(max-width:900px){.filter-grid{grid-template-columns:1fr}.page-head{gap:12px;flex-wrap:wrap}}

/* 0.2.8 */
.filter-grid{display:grid;grid-template-columns:220px 260px minmax(260px,1fr) auto;gap:14px;align-items:end}.filter-grid .field{margin-bottom:0}@media(max-width:900px){.filter-grid{grid-template-columns:1fr}}

/* 0.2.9 restore handbook document interaction */
.document-link,.document-title-link{color:inherit;text-decoration:none}.document-link:hover,.document-title-link:hover{text-decoration:underline;color:#18598b}.status-pill{display:inline-block;min-width:86px;text-align:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#edf2f5}.status-pill.review{background:#fff0cf}.status-pill.approved{background:#e6f4eb}.status-pill.archived{background:#e8edf0}

/* 0.3.4 – document type shortcuts in the handbook header */
.handbook-page-head{align-items:flex-start;gap:22px}
.handbook-heading{flex:0 0 255px;min-width:190px}
.document-type-shortcuts{display:flex;flex:1;flex-wrap:wrap;gap:8px;justify-content:flex-start;align-items:flex-start;min-width:0}
.type-shortcut{display:inline-flex;align-items:center;gap:8px;max-width:245px;min-height:36px;padding:7px 10px;border:1px solid #d3dde6;border-radius:7px;background:#fff;color:#18344b;text-decoration:none;font-size:12px;font-weight:650;line-height:1.25;transition:background .15s,border-color .15s}
.type-shortcut:hover{background:#edf6fb;border-color:#6c9fb8}
.type-shortcut.is-active{background:#e3f1f9;border-color:#17709d;color:#084e72}
.type-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.type-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;padding:3px 6px;border-radius:999px;background:#e7edf2;font-weight:800;font-variant-numeric:tabular-nums}
.type-shortcut.is-active .type-count{background:#c8e3f3}
@media(max-width:1100px){.handbook-page-head{flex-direction:column}.handbook-heading{flex-basis:auto}.document-type-shortcuts{width:100%}}
@media(max-width:600px){.type-shortcut{max-width:100%;flex:1 1 145px}.type-name{white-space:normal}}

/* 0.3.5 – clear clickable document-type cards */
.handbook-page-head{display:grid;grid-template-columns:minmax(175px,245px) minmax(0,1fr);align-items:start;gap:24px}
.handbook-heading{min-width:0;flex:auto}
.document-type-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;width:100%;min-width:0}
.document-type-shortcuts .type-shortcut{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:8px;min-height:72px;max-width:none;width:100%;padding:11px 12px;border:1px solid #cddae4;border-radius:9px;background:#fff;color:#17384f!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(17,42,60,.035);font-size:12px;font-weight:700;line-height:1.35}
.document-type-shortcuts .type-shortcut:hover{background:#f1f8fc;border-color:#5188a8;box-shadow:0 3px 9px rgba(17,42,60,.08)}
.document-type-shortcuts .type-shortcut.is-active{background:#e5f2fa;border:2px solid #1d608b;padding:10px 11px;color:#114766!important}
.document-type-shortcuts .type-name{display:block;overflow:visible;white-space:normal;text-overflow:clip;overflow-wrap:anywhere}
.document-type-shortcuts .type-count{align-self:flex-end;min-width:30px;padding:3px 8px;background:#e5edf3;color:#163e59;border-radius:20px;font-size:13px}
.document-type-shortcuts .type-shortcut.is-active .type-count{background:#c5e3f4}
@media(max-width:1000px){.handbook-page-head{grid-template-columns:1fr;gap:14px}.document-type-shortcuts{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}}
@media(max-width:520px){.document-type-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.document-type-shortcuts .type-shortcut{min-height:76px}}