/* QART original visual direction A — functional layout preserved */
:root{--green:#126346;--dark:#102d24;--mint:#edf5ed;--bg:#f7f8f5;--line:#e1e6df;--text:#202d27;--muted:#637168;--shadow:0 10px 32px #1b342609;font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif}
body{letter-spacing:-.025em}h1{font-size:30px;letter-spacing:-1.2px;font-weight:800}h2{font-size:19px;line-height:1.5}h3{line-height:1.5}p{line-height:1.8;color:#637168}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#50725c}
.toolbar{background:#102d24}.toolbar>strong{letter-spacing:.04em}aside{background:#fff;padding-top:26px}.companybox{background:#f8f9f6;border-color:#e7ebe3;border-radius:12px}nav a{border-radius:8px;color:#616e65;min-height:43px}nav a.active{background:#eaf1df;color:#243d23;box-shadow:inset 3px 0 #b9d73d}nav a:hover{background:#f3f6ed}.navlabel{font-size:10px;color:#788577}.side-note{background:#f5f7ee;border:1px solid #e6ebdc}.side-note strong{color:#32492e}
.card{border-color:#e1e6df;border-radius:16px;box-shadow:0 2px 5px #162b1e02;padding:26px}.cards.three{gap:20px}.cards.three>.card{display:flex;flex-direction:column;align-items:stretch}.cards.three>.card>h2{font-size:20px;margin-top:18px}.cards.three>.card>p{margin-bottom:12px}.cards.three>.card>.btn:last-child{margin-top:auto;align-self:flex-start}.cards.three>.card:hover{border-color:#b4c7aa;box-shadow:0 8px 24px #29432b08}
.btn{background:#126346;border-radius:8px;min-height:44px;padding:12px 20px;font-size:13px;letter-spacing:-.02em}.btn.secondary{color:#324736;background:#fff;border-color:#dce4d7}.btn:focus-visible,a:focus-visible{outline:3px solid #789735;outline-offset:3px}.btn.ghost{background:transparent}.badge{border-radius:6px;font-size:11px;font-weight:600;padding:5px 9px}.kpi{border-radius:16px}.kpi:first-child{background:#eaf2de;border-color:#dce7c9}.kpi strong{letter-spacing:-1.2px}
input,select,textarea{border-radius:8px;border-color:#d5ded2;background:#fdfefd;font-size:14px;min-height:46px}input:focus,select:focus,textarea:focus{border-color:#437749;outline:3px solid #edf3e5;outline-offset:1px}input[readonly]{background:#f0f3ed;color:#657162}label{font-size:13px;color:#344439;margin-bottom:9px}.field{margin-bottom:22px}.formgrid{column-gap:24px;row-gap:0}.form-section{padding-top:24px;margin-top:32px}.notice,.note{border-radius:10px;line-height:1.8}form>.card{margin-top:20px}
th{background:#f4f6f0;color:#61715f;font-weight:600;font-size:12px}td{padding-top:18px;padding-bottom:18px}tbody tr:hover{background:#fafcf7}table{font-size:13px}.stage-track span{border-radius:8px;background:#edf1e8}.stage-track .current{background:#244c38}.stage-track .passed{background:#e1edce;color:#39522c}
.report-page header{border-bottom:1px solid #dce5d3;margin-bottom:28px}.report-page header h1{font-size:34px;letter-spacing:-1px}.report-entry{padding:22px 4px}.report-entry:hover{background:#f5f8ef}.entry-number{background:#eaf0dc;color:#4c6236}
@media(max-width:1100px) and (min-width:741px){.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){h1{font-size:25px}.card{padding:20px;border-radius:12px}.cards.three{grid-template-columns:1fr}.btn{white-space:normal}.formgrid{column-gap:16px}.report-page header h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Approved deep green / lime direction */
:root{--green:#12815e;--dark:#173f32;--bg:#f5f7f5;--line:#dce5df;--text:#19352c;--mint:#f0f6e7}
nav a.active{background:#e8fa99;color:#173f32;box-shadow:none;font-weight:700}nav a:hover{background:#f0f7dd}.toolbar{background:#173f32}main{max-width:1600px;margin:auto}.card{box-shadow:none;border-radius:14px}.kpi:first-child,.kpi.tinted{background:white}.kpi{position:relative;overflow:hidden}.kpi:before{content:'';display:block;width:28px;height:5px;background:#cdea35;border-radius:8px;margin-bottom:18px}.kpi:hover{border-color:#94b9a0;background:#fcfff4}.kpi .value{color:#19352c}.btn{background:#12815e;font-weight:700}.btn.secondary{background:white}.btn.ghost{background:transparent}.tabs button{border-radius:24px}.tabs button.active{background:#173f32;color:white}.design-products{margin-top:20px}.design-products article{position:relative;padding:24px!important}.design-products article[hidden]{display:none!important}.design-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#eff9cf;color:#173f32;margin-bottom:18px}.design-products h2{font-size:18px!important;line-height:1.5}.design-products .btn{margin-top:auto}.design-search{margin:22px 0}.design-search label{display:block}.design-search .search{max-width:760px;background:white}.design-order-search{margin-bottom:20px;background:white;max-width:680px}.design-orders{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);gap:22px;align-items:start}.design-order-list{padding:8px!important;max-height:820px;overflow:auto}.design-order-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-bottom:1px solid #edf1ed;background:white;width:100%;padding:20px 16px;text-align:left;color:#19352c;cursor:pointer;font:inherit;border-radius:8px}.design-order-row:hover{background:#f4f8eb}.design-order-row.selected{background:#f0f8cf;box-shadow:inset 3px 0 #a9cf28}.design-order-row span{display:flex;flex-direction:column;gap:8px}.design-order-row small{font-size:12px;color:#62746a}.design-order-row strong{font-size:14px}.design-order-panel{position:sticky;top:24px;min-width:0}.design-order-panel h2{margin-top:24px}.design-stages{display:flex;gap:4px;margin:28px 0}.design-stages>div{flex:1;text-align:center;position:relative}.design-stages b{display:block;background:#eef2ed;color:#768879;border-radius:50%;width:25px;height:25px;line-height:25px;margin:0 auto 9px;font-size:12px}.design-stages .done b{background:#12815e;color:white}.design-stages small{font-size:10px;white-space:nowrap}.design-results{overflow:auto;max-height:320px}.design-results table{min-width:480px}.design-panel-actions{margin-top:24px}.design-order-panel p{overflow-wrap:anywhere}input[type=checkbox],input[type=radio]{min-height:0;accent-color:#12815e}
@media(max-width:1100px){.design-orders{grid-template-columns:1fr}.design-order-panel{position:static}.design-order-list{max-height:420px}}
@media(max-width:740px){.design-products{grid-template-columns:1fr}.design-order-row{padding:16px 10px}.design-order-panel{padding:18px}.design-stages small{font-size:9px}}
