:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e3e7e9;background:#101519;font-synthesis:none;font-size:14px;--bg:#101519;--panel:#181e23;--line:#2b333b;--muted:#8f9ba6;--accent:#e5ad57;--teal:#62bca5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{border:1px solid #35404a;color:#e0e6ea;background:#222a31;padding:10px 13px;border-radius:6px;display:inline-flex;gap:7px;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;white-space:nowrap;min-height:39px}button:hover,.button:hover{background:#303b44;border-color:#5c6b76}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#1c2023;font-weight:700}button.primary:hover{background:#f3bd6b}.danger{color:#f59c97!important}.primary svg{color:#1c2023}input,select,textarea{width:100%;min-width:0;background:#10161b;border:1px solid #39454f;border-radius:5px;padding:10px;color:#e6ecef;min-height:40px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e5ad5726}input:disabled,select:disabled{background:#1c2329;color:#a8b2ba;border-color:#30383e}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--accent)}input[type=color]{padding:3px}input[type=date]{color-scheme:dark}label{display:flex;flex-direction:column;gap:7px;color:#aeb9c2;font-size:12px;font-weight:500;margin-bottom:13px}label.inline{flex-direction:row;align-items:center;margin:0;gap:8px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.7px;margin-bottom:9px;font-weight:600;display:flex;align-items:center;gap:14px}h2{font-size:16px;letter-spacing:-.2px;margin-bottom:8px}h3{font-size:15px}p{color:#97a5b0;line-height:1.6;margin-bottom:10px}small{color:var(--muted);font-size:11px;line-height:1.5}td small,.user small,.brand small{display:block}.muted{color:var(--muted);font-size:12px}.mono{font-family:Consolas,monospace}.warning{color:var(--accent)}.eyebrow{font-size:10px;color:#99a8b2;letter-spacing:1.7px;font-weight:600;display:block;margin-bottom:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:239px;flex-shrink:0;border-right:1px solid var(--line);background:#151a1f;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:27px 23px 22px;font-size:21px;letter-spacing:2px;font-weight:750}.brand small{font-size:9px;letter-spacing:2.4px;color:#8c9aa4;padding-top:4px}.brand-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid var(--accent);color:var(--accent);font-size:26px;font-weight:700;line-height:1;transform:skew(-6deg)}.workspace-label{margin:0 17px 22px;padding:11px;background:#1d252b;border:1px solid #2b353d;border-radius:5px;color:#a9b6c0;font-size:11px;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8995a1}.dot.good{background:var(--teal)}.dot.warn{background:var(--accent)}nav{padding:0 12px;display:grid;gap:4px;overflow:auto}nav button{border:0;justify-content:flex-start;background:transparent;color:#99a5ae;font-size:12px;gap:11px;padding:11px 13px;min-height:40px}nav button.active{background:#e5ad5714;color:#edba70;box-shadow:inset 2px 0 var(--accent)}nav button b{margin-left:auto;font-size:10px;background:#e5ad5726;padding:2px 5px;border-radius:4px}nav button:nth-child(5){margin-bottom:9px}nav button:nth-child(10){margin-bottom:9px}.sidebar-footer{margin-top:auto;display:flex;gap:10px;padding:20px;color:#8fa49f;font-size:11px}.sidebar-footer small{display:block;font-size:9px;color:#778992;margin-top:4px}.user{padding:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;font-size:11px}.user>button{border:0;background:transparent;margin-left:auto;padding:5px}.avatar{background:#344149;color:#dbbf91;width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.user small{text-transform:capitalize;font-size:10px}.app-shell>main{margin-left:239px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:62px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#96a3ac;font-size:11px}.topbar>span,.topbar>div{display:flex;align-items:center;gap:13px}.test-label{font-size:9px;letter-spacing:1.2px;color:#d3b077;border:1px solid #65543a;border-radius:4px;padding:5px 8px}.version{color:#677984}.main-content{padding:29px 32px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.page-heading p{font-size:12px;margin:0}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0}.filters>select{width:auto;max-width:180px}.filters>input{max-width:144px}.filters select,.filters input{font-size:11px;min-height:36px;padding:8px}.search{flex:1;min-width:200px;position:relative}.search svg{position:absolute;left:12px;top:10px;color:#6d808d}.search input{padding-left:36px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:24px 0}.metric{display:block;text-align:left;background:var(--panel);border-color:var(--line);padding:17px 18px}.metric>div{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#aab4bd}.metric>strong{display:block;font-size:35px;line-height:1.2;font-weight:500;margin:19px 0 15px;letter-spacing:-1px}.metric small{display:flex;align-items:center;justify-content:space-between;color:#728591;font-size:9px}.metric.amber svg{color:#d6ab66}.metric.green svg{color:#62bca5}.metric.red svg{color:#d17f79}.workflow-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border:1px solid #344139;background:linear-gradient(100deg,#1c2925,#192121);border-radius:8px;margin:24px 0;font-size:10px}.workflow-strip>div{display:flex;align-items:center;gap:12px;max-width:220px;line-height:1.5;color:#c2d4ca;font-size:12px}.workflow-strip>div svg{flex-shrink:0;color:var(--teal)}.workflow-strip>span{display:flex;align-items:center;gap:8px;color:#9eada8;white-space:nowrap}.workflow-strip b{font-size:9px;border:1px solid #48594f;border-radius:50%;height:20px;width:20px;display:grid;place-items:center;color:#b6c8be}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:20px;overflow:hidden}.panel>h2,.panel>h3,.panel>p{margin:20px}.panel-title{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h2{margin:0}.text-button{border:0;background:transparent;color:#c9ac7b;padding:0;min-height:25px;font-size:11px}.text-button:hover{background:transparent;color:#f3c780}.drawing-row{display:flex;width:100%;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:20px;background:transparent;text-align:left;gap:15px;justify-content:flex-start}.drawing-row>svg:first-child{color:#c7b28e;background:#322e26;box-sizing:content-box;padding:10px;border-radius:7px;width:18px;height:22px}.drawing-row>div{flex:1}.drawing-row strong{font-size:13px;font-weight:500}.drawing-row small{display:block;font-size:10px;margin-top:7px}.tag{display:inline-block;border:1px solid #3a4650;background:#263039;color:#a8b5bf;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:500;line-height:1.3;white-space:nowrap;letter-spacing:.2px}.tag.pass,.tag.approved,.tag.released,.tag.active,.tag.resolved{background:#213831;border-color:#35594b;color:#7ccdb0}.tag.fail,.tag.failed,.tag.overdue,.tag.open{background:#3d2728;border-color:#6b3c3e;color:#e99792}.tag.review,.tag.draft,.tag.submitted,.tag.unknown,.tag.incomplete{background:#342f24;border-color:#574a31;color:#d5b67f}.list-row{padding:15px 20px;display:flex;justify-content:space-between;gap:15px}.list-row small{display:block}.panel-link{border:0;border-top:1px solid var(--line);width:100%;border-radius:0;background:transparent;color:#abbdc7;font-size:11px}.activity-panel{grid-column:1/-1}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 21px;border-bottom:1px solid #263039;font-size:11px}.activity-row small{display:block;font-size:10px;margin-top:5px}.activity-row time{margin-left:auto;font-size:10px;color:#758996}.activity-row strong{font-weight:500}.activity-icon{border-radius:50%;background:#27333b;color:#8da3af;width:29px;height:29px;display:grid;place-items:center}.empty{text-align:center;padding:55px 24px;color:#8a9ba5}.empty svg{margin-bottom:16px;color:#667c8a;width:30px;height:30px}.empty h3{color:#bac8d0;font-weight:500}.empty p{font-size:12px}.empty.compact{padding:32px 24px}.empty.compact svg{width:24px;height:24px}.notice{padding:14px 17px;border:1px solid #4e493a;border-left:3px solid #a28853;background:#27271f;border-radius:5px;font-size:12px;color:#c7bea9;margin-bottom:20px;line-height:1.6}.notice p{color:inherit;margin:7px 0 0}.notice.danger{background:#312224;border-color:#674046}.notice code{font-size:18px;display:block;padding:12px;overflow-wrap:anywhere}.toast{display:flex;justify-content:space-between;align-items:center;background:#253c3d;border:1px solid #456369;padding:10px 16px;border-radius:6px;margin-bottom:20px;gap:15px}.toast button{border:0;background:transparent;font-size:20px;padding:0 7px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{padding:13px 16px;border-bottom:1px solid #36424a;color:#899eaa;font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.7px;background:#1a2329;white-space:nowrap}td{padding:15px 16px;border-bottom:1px solid #2b343b;font-size:12px;vertical-align:middle}td strong{font-weight:500}td small{margin-top:5px}td button,td .button{font-size:10px;min-height:32px;padding:7px 9px}td input,td select{font-size:12px;min-width:100px}tr:hover{background:#1c252c}tr.selected{background:#2f352e}tbody tr:last-child td{border-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.customer-card{padding:24px}.customer-card h2,.customer-card p{margin:12px 0}.facts{display:flex;gap:30px;margin:30px 0;color:#7d919c;font-size:11px}.facts strong{display:block;color:#d4dce0;margin-bottom:6px}.hold-row{display:flex;align-items:center;gap:20px;padding:20px;border-bottom:1px solid var(--line)}.hold-row>div{flex:1}.hold-row p{font-size:11px;margin-top:8px}.hold-row form{display:flex;gap:9px}.hold-row form input{min-width:230px}.modal-backdrop{position:fixed;inset:0;background:#080d13c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;display:grid;place-items:center;padding:20px}.modal{width:560px;max-width:100%;max-height:95vh;overflow:auto;background:#1b232a;border:1px solid #48535c;border-radius:10px;box-shadow:0 30px 90px #0008}.modal form{padding:25px}.modal form>button.primary{width:100%;margin-top:13px}.modal .notice{font-size:11px}.modal .panel-title button{border:0;background:transparent;font-size:22px}.modal p{font-size:12px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 0 80%,#24342f,transparent 60%),#10171b;padding:7vh 10vw;gap:10vw;align-items:center}.login-brand .brand-mark{width:60px;height:60px;font-size:40px;margin-bottom:35px}.login-brand h1{display:block;font-size:45px;letter-spacing:6px}.login-brand h1 span{display:block;font-size:14px;letter-spacing:5px;font-weight:400;margin-top:14px;color:#a6b8b7}.login-brand p{font-size:25px;line-height:1.5;color:#819b97;margin-top:45px}.login-brand .eyebrow{margin-top:55px;font-size:9px}.login-card{background:#1c252b;border:1px solid #39484f;padding:36px;border-radius:10px;box-shadow:0 30px 70px #0003;max-width:450px}.login-card>svg{color:var(--accent);margin-bottom:20px}.login-card h2{font-size:24px}.login-card p{font-size:12px;margin-bottom:26px}.login-card label{margin:20px 0}.login-card button{width:100%;margin:8px 0 25px}.login-card .notice{font-size:11px}.login-card .notice p{font-size:11px;margin-bottom:0}.login-card>small{font-size:10px}.loading{display:grid;place-items:center;height:100vh}footer{border-top:1px solid #222d35;padding:16px 32px;color:#647986;font-size:10px;display:flex;justify-content:space-between}.studio:fullscreen{background:var(--bg);overflow:auto;padding:20px}.studio .page-heading h1{font-size:24px}.studio .page-heading p{font-size:11px}.save-status{font-size:10px;color:#8eb9a8;max-width:230px}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;border:1px solid var(--line);border-bottom:0;border-radius:7px 7px 0 0;padding:9px 12px;background:#1a2329}.tool-group{display:flex;align-items:center;gap:5px;font-size:10px}.tool-group button{min-height:32px;padding:7px 9px;font-size:10px}.tool-group button.active{color:#f4bf70;background:#4b3e2a;border-color:#917344}.tool-group label{font-size:10px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);border-radius:0 0 7px 7px;overflow:hidden;height:670px;margin-bottom:22px}.drawing-stage{background-color:#0e1418;background-image:radial-gradient(#2b343c 1px,transparent 1px);background-size:17px 17px;position:relative;overflow:auto;padding:24px;min-width:0}.drawing-stage.place{cursor:crosshair}.drawing-stage.pan{cursor:grab}.paper{position:relative;margin:0 auto;background:#fff;box-shadow:0 6px 25px #0006;touch-action:none}.paper canvas{display:block}.paper svg{position:absolute;inset:0;touch-action:none}.paper svg g{cursor:move}.selected-balloon circle,.selected-balloon rect{stroke:#005c96;stroke-width:3}.canvas-hint{position:sticky;bottom:0;left:10px;width:fit-content;background:#16242dee;color:#9bb2bf;font-size:10px;padding:8px 12px;pointer-events:none;border-radius:4px;margin-top:20px}.characteristic-panel{background:#192127;border-left:1px solid var(--line);overflow:auto}.characteristic-panel .panel-title{padding:15px}.characteristic-panel h2{font-size:13px}.count{font-size:11px;color:var(--accent);margin-left:7px}.characteristic-list{max-height:215px;overflow:auto;border-bottom:1px solid var(--line)}.characteristic-item{display:flex;border:0;border-bottom:1px solid #2a343c;border-radius:0;width:100%;text-align:left;justify-content:flex-start;background:transparent;padding:12px 14px;gap:10px}.characteristic-item>span:nth-child(2){flex:1;min-width:0}.characteristic-item strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:500}.characteristic-item small{display:block;font-size:9px;margin-top:4px}.characteristic-item.selected{background:#353327;box-shadow:inset 2px 0 var(--accent)}.bubble-number{display:inline-grid;place-items:center;flex-shrink:0;border:1.5px solid #e26862;border-radius:50%;width:25px;height:25px;font-size:10px;color:#f0cfcc}.characteristic-editor{padding:15px}.characteristic-editor label{font-size:10px;margin-bottom:10px}.characteristic-editor input,.characteristic-editor select,.characteristic-editor textarea{font-size:11px;min-height:34px;padding:8px}.characteristic-editor button{font-size:10px}.studio summary{padding:18px 20px;cursor:pointer;font-size:13px}.studio summary>span{float:right;color:#bca780;font-size:11px}.bulk-controls{display:flex;flex-wrap:wrap;gap:12px;padding:15px 20px;align-items:center;border-top:1px solid var(--line)}.bulk-controls>strong{font-size:11px}.bulk-controls label{width:110px;font-size:10px;margin:0}.bulk-controls button{font-size:10px}.studio table td{padding:7px}.studio table input{min-width:80px;font-size:11px;padding:8px}.plan-generator{padding:22px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.plan-generator>div{margin-right:auto}.plan-generator p{font-size:11px;margin:0}.plan-generator label{width:135px;margin:0;font-size:10px}.plan-generator button{font-size:11px}.inspection-banner{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.inspection-banner p{font-size:11px;margin:5px 0 0}.inspection-banner label{margin:0;min-width:140px}.inspection-banner .eyebrow{font-size:8px;margin-bottom:8px}.result{font-size:22px;font-weight:500;color:#d3b278}.result.pass{color:#73c9ad}.result.fail{color:#ed9891}.inspection-table td input{max-width:200px;min-width:110px;font-family:Consolas,monospace;font-size:15px}.inspection-table td select{max-width:185px}.signoff{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:30px}.signoff p{font-size:12px;max-width:650px}.correction{padding:25px}.correction h3,.correction p{margin:0 0 12px}.correction textarea{max-width:700px}.correction p{font-size:12px}@media(min-width:1700px){.main-content{padding:35px 45px}.studio-layout{height:740px;grid-template-columns:minmax(0,1fr) 335px}}@media(max-width:1250px){.sidebar{width:205px}.app-shell>main{margin-left:205px}.main-content{padding:24px 22px}.topbar{padding:0 22px}.metrics{grid-template-columns:repeat(3,1fr)}.workflow-strip{flex-wrap:wrap}.workflow-strip>div{max-width:none;width:100%}.studio-layout{grid-template-columns:minmax(0,1fr) 270px}.page-heading{align-items:flex-start}.page-heading .actions{justify-content:flex-end}.dashboard-grid{grid-template-columns:1.4fr 1fr}}@media(max-width:900px){.sidebar{width:68px}.brand{padding:22px 15px}.brand>div,.workspace-label,.sidebar-footer,.user>div:not(.avatar),nav button span,nav button b{display:none}.brand-mark{width:32px;height:32px;font-size:23px}.app-shell>main{margin-left:68px}nav{padding:0 8px}nav button{padding:12px;justify-content:center}.user{padding:15px 8px;flex-wrap:wrap;justify-content:center}.user button{margin:0}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.activity-panel{grid-column:auto}.studio-layout{grid-template-columns:1fr;height:auto}.drawing-stage{height:560px}.characteristic-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;max-height:480px}.characteristic-panel .panel-title{grid-column:1/-1}.characteristic-list{max-height:400px}.characteristic-editor{overflow:auto}.page-heading{flex-wrap:wrap}.login-screen{padding:40px;gap:50px}.login-brand h1{font-size:35px}.login-brand p{font-size:19px}.login-card{padding:24px}.hold-row{flex-wrap:wrap}}@media(max-width:600px){.main-content{padding:20px 13px}.topbar{padding:0 13px;height:55px}.topbar>span{display:none}h1{font-size:24px}.metrics{gap:9px}.metric{padding:14px}.metric>div{font-size:10px}.metric small{font-size:8px}.workflow-strip{gap:12px}.workflow-strip>span{font-size:9px}.drawing-row{padding:13px;gap:9px}.drawing-row .tag:nth-last-child(2){display:none}.studio-layout{border-radius:0}.drawing-stage{height:450px}.characteristic-panel{display:block;max-height:600px}.characteristic-list{max-height:180px}.signoff,.inspection-banner{flex-wrap:wrap}.filters>select{max-width:145px}.filters>input{max-width:130px}.login-screen{display:flex;flex-direction:column;gap:20px;padding:28px 22px}.login-brand{display:flex;gap:20px;align-items:center}.login-brand h1{font-size:24px}.login-brand h1 span{font-size:10px;letter-spacing:2px}.login-brand .brand-mark{margin:0;width:40px;height:40px;font-size:28px}.login-brand p,.login-brand .eyebrow{display:none}.login-card{width:100%;max-width:none}.activity-row time{font-size:9px}.activity-row{padding:12px}.plan-generator label{width:100%}footer{font-size:9px;padding:12px 15px;gap:15px}.hold-row form{flex-wrap:wrap}.hold-row form input{min-width:150px}.modal-backdrop{padding:10px}.modal form{padding:20px}.table-scroll{max-width:100%}}@media print{.sidebar,.topbar,.page-heading .actions,.filters,footer,.toast{display:none}.app-shell>main{margin:0}.main-content{padding:0}body,.panel{background:#fff;color:#000}th,td{color:#000;border-color:#777}input,select{background:#fff;color:#000;border:0}.tag{color:#000;background:#fff}.panel{break-inside:avoid}}
