:root{
  --regen:#0c58a6;
  --regen-700:#084481;
  --bg:#f5f7f9;
  --surface:#ffffff;
  --text:#1d2733;
  --muted:#75808e;
  --border:#dfe4ea;
  --border-2:#e9edf1;
  --success:#2c8f5b;
  --warning:#b47a17;
  --danger:#c44848;
  --info:#476b9a;
  --commercial:#2878d7;
  --supply:#39885b;
  --production:#b76837;
  --finance:#4d5599;
  --support:#b58b29;
  --shadow:0 1px 2px rgba(16,24,40,.045);
  --radius:8px;
  --sidebar:236px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:14px}
body{overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
.hidden{display:none!important}
.muted{color:var(--muted)}
.text-danger{color:var(--danger)}
.text-success{color:var(--success)}
.text-right{text-align:right}
.text-center{text-align:center}
.w-100{width:100%}
.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-0{margin-bottom:0}

/* auth */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:#f7f8fa}
.auth-card{width:min(950px,100%);min-height:560px;background:#fff;border:1px solid var(--border);border-radius:14px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;box-shadow:0 8px 30px rgba(16,24,40,.06)}
.auth-brand{padding:58px;background:#fbfcfd;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border)}
.auth-brand img{width:240px;max-width:82%;height:auto}.auth-brand h1{font-size:32px;line-height:1.12;margin:48px 0 12px;letter-spacing:-.8px}.auth-brand p{font-size:14px;line-height:1.65;color:var(--muted);max-width:430px}.auth-meta{color:#98a1ad;font-size:11px}
.auth-form{padding:58px;display:flex;flex-direction:column;justify-content:center}.auth-form h2{font-size:22px;margin:0 0 8px}.auth-form>p{margin:0 0 28px;color:var(--muted)}

/* portal picker */
.portal-shell{min-height:100vh;padding:28px;background:#f7f8fa}.portal-head{max-width:1180px;margin:0 auto 28px;display:flex;justify-content:space-between;align-items:center}.portal-head img{width:190px}.portal-user{display:flex;align-items:center;gap:10px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf2f7;color:#496174;font-weight:700}
.portal-content{max-width:1180px;margin:auto}.portal-content h1{font-size:25px;margin:0 0 6px}.portal-content>p{color:var(--muted);margin:0 0 22px}.portal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.portal-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px;min-height:178px;box-shadow:var(--shadow);transition:.15s}.portal-card:hover{transform:translateY(-2px);border-color:#bec8d4;box-shadow:0 6px 18px rgba(16,24,40,.06)}.portal-line{position:absolute;left:0;right:0;top:0;height:4px;border-radius:10px 10px 0 0}.portal-icon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;margin-bottom:20px;background:#f5f7fa;font-size:16px}.portal-card h3{font-size:14px;margin:0 0 7px}.portal-card p{font-size:11.5px;color:var(--muted);line-height:1.5;margin:0}.portal-open{margin-top:16px;font-weight:600;font-size:11.5px}

/* layout */
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--border);z-index:50;display:flex;flex-direction:column}.sidebar-brand{height:68px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--border-2)}.sidebar-brand img{width:144px;height:auto}.portal-indicator{height:3px;width:100%;position:absolute;top:0;left:0}.sidebar-scroll{padding:12px 10px 20px;overflow:auto;flex:1}.nav-group{margin:10px 0 14px}.nav-label{font-size:9.5px;font-weight:700;color:#9aa3ad;letter-spacing:.08em;padding:7px 10px;text-transform:uppercase}.nav-item{height:34px;padding:0 10px;border-radius:6px;display:flex;align-items:center;gap:10px;color:#596574;margin:1px 0;border:0;border-left:2px solid transparent;background:transparent;appearance:none;-webkit-appearance:none;box-shadow:none;cursor:pointer}.nav-item i{width:16px;text-align:center;font-size:12px;color:#778391}.nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:#f3f5f7;color:#253445}.nav-item.active{background:transparent;color:#1f3852;font-weight:600;border-left-color:var(--portal-accent,var(--regen))}.nav-item.active:hover{background:#f3f5f7}.nav-item.active i{color:var(--portal-accent,var(--regen))}.sidebar-foot{border-top:1px solid var(--border-2);padding:10px}.portal-mini{display:flex;align-items:center;gap:9px;padding:9px;border-radius:7px;background:#f8fafb}.portal-dot{width:8px;height:8px;border-radius:50%}.portal-mini strong{display:block;font-size:11px}.portal-mini small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}
.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:58px;position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:14px}.mobile-menu{display:none;border:0;background:transparent;font-size:16px}.portal-switch{position:relative}.portal-switch-btn{border:1px solid var(--border);background:#fff;border-radius:6px;height:32px;padding:0 10px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:11.5px}.portal-switch-menu{position:absolute;top:38px;left:0;width:220px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:0 8px 24px rgba(16,24,40,.1);z-index:70}.portal-switch-item{display:flex;align-items:center;gap:9px;padding:9px;border-radius:6px}.portal-switch-item:hover{background:#f5f7f9}.portal-switch-item span.dot{width:8px;height:8px;border-radius:50%}.search-global{max-width:400px;flex:1;position:relative;margin-left:4px}.search-global i{position:absolute;left:11px;top:10px;color:#9ba4ad;font-size:11px}.search-global input{height:32px;width:100%;padding:0 12px 0 30px;border:1px solid var(--border);background:#f8fafb;border-radius:6px;outline:none;font-size:11.5px}.search-global input:focus{background:#fff;border-color:#aac0d8}.top-spacer{flex:1}.icon-btn{height:32px;min-width:32px;padding:0 9px;border:1px solid transparent;background:transparent;border-radius:6px;color:#637080;position:relative}.icon-btn:hover{background:#f4f6f8}.counter{position:absolute;right:1px;top:0;background:#d64e4e;color:#fff;border:2px solid #fff;font-size:8px;line-height:14px;min-width:14px;height:14px;border-radius:8px;text-align:center}.user-menu{display:flex;align-items:center;gap:9px;padding-left:7px;border-left:1px solid var(--border-2)}.user-menu strong{font-size:11px;display:block}.user-menu span{font-size:9.5px;color:var(--muted);display:block}.content{padding:18px 20px 26px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.page-head h1{font-size:18px;letter-spacing:-.25px;margin:0 0 4px}.page-head p{font-size:10.5px;color:var(--muted);margin:0;line-height:1.45}.page-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}

/* components */
.btn{height:32px;border-radius:6px;border:1px solid var(--border);background:#fff;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:11px;white-space:nowrap}.btn i{font-size:10px}.btn:hover{background:#f7f9fa}.btn-primary{background:var(--regen);border-color:var(--regen);color:#fff}.btn-primary:hover{background:var(--regen-700)}.btn-success{background:#2f875a;border-color:#2f875a;color:#fff}.btn-danger{color:#aa3f3f;background:#fff8f8;border-color:#ead0d0}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{height:27px;padding:0 8px;font-size:10px}.btn-icon{width:29px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{padding:12px 14px;border-bottom:1px solid var(--border-2);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h3{font-size:12px;margin:0}.card-body{padding:14px}.card-compact .card-body{padding:10px 12px}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.kpi{background:#fff;border:1px solid var(--border);border-radius:7px;padding:11px 12px;min-height:74px}.kpi-label{font-size:9.5px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{font-size:18px;font-weight:700;margin-top:7px;letter-spacing:-.3px}.kpi-sub{font-size:9px;color:#929ca7;margin-top:3px}.kpi-trend{font-size:9px;margin-left:5px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grid-main-aside{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:10px}.stack{display:grid;gap:10px}
.badge{display:inline-flex;align-items:center;height:20px;border-radius:10px;padding:0 7px;font-size:9.5px;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge-neutral{background:#f3f5f7;color:#657180;border-color:#e4e8ec}.badge-success{background:#edf8f2;color:#2f7751;border-color:#cfe9da}.badge-warning{background:#fff8e9;color:#91681f;border-color:#eedfac}.badge-danger{background:#fff0f0;color:#a24b4b;border-color:#eccdcd}.badge-info{background:#edf4fb;color:#376890;border-color:#d4e2ef}.badge-purple{background:#f2f0fb;color:#655b9e;border-color:#ddd9f1}
.toolbar{display:flex;align-items:center;gap:7px;padding:10px 11px;border-bottom:1px solid var(--border-2);flex-wrap:wrap}.toolbar .search{position:relative;min-width:210px;flex:1;max-width:360px}.toolbar .search i{position:absolute;left:9px;top:9px;color:#99a2ac;font-size:10px}.toolbar input,.toolbar select{height:30px;border:1px solid var(--border);border-radius:5px;background:#fff;padding:0 9px;font-size:10.5px;outline:none}.toolbar .search input{width:100%;padding-left:27px}.toolbar-spacer{flex:1}.table-wrap{overflow:auto;max-height:calc(100vh - 285px)}table{width:100%;border-collapse:collapse;font-size:10.5px}th{position:sticky;top:0;background:#f8fafb;color:#687482;font-weight:600;text-align:left;border-bottom:1px solid var(--border);padding:9px 10px;white-space:nowrap;z-index:2}td{border-bottom:1px solid #eef1f3;padding:9px 10px;vertical-align:middle;white-space:nowrap}tr:hover td{background:#fbfcfd}.cell-main{font-weight:600;color:#263546}.cell-sub{font-size:9px;color:var(--muted);margin-top:2px}.row-actions{display:flex;justify-content:flex-end;gap:4px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;color:var(--muted);font-size:9.5px}.pagination-buttons{display:flex;gap:4px}

/* forms */
.form-section{border:1px solid var(--border);border-radius:7px;margin-bottom:10px;overflow:hidden}.form-section-title{background:#fafbfc;border-bottom:1px solid var(--border-2);padding:9px 11px;font-size:10px;font-weight:700;color:#51606f}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9.5px;color:#687482;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:5px;min-height:32px;padding:6px 9px;outline:none;font-size:10.5px}.field textarea{min-height:68px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9fb8d2;box-shadow:0 0 0 2px rgba(12,88,166,.06)}.field small{font-size:8.8px;color:var(--muted)}.coa-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.line-items{border:1px solid var(--border);border-radius:7px;overflow:auto}.line-items table th{position:static}.line-items input,.line-items select{width:100%;min-width:90px;height:28px;border:1px solid var(--border);border-radius:4px;padding:0 6px;font-size:10px}.line-items .product-select{min-width:200px}

/* modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.34);z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:#fff;width:min(860px,96vw);max-height:92vh;border-radius:10px;border:1px solid #cad1d8;box-shadow:0 18px 50px rgba(16,24,40,.18);display:flex;flex-direction:column;overflow:hidden}.modal.modal-lg{width:min(1120px,97vw)}.modal.modal-sm{width:min(520px,95vw)}.modal-head{height:48px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.modal-head h3{font-size:13px;margin:0}.modal-content{padding:14px;overflow:auto}.modal-foot{border-top:1px solid var(--border);padding:10px 14px;display:flex;justify-content:flex-end;gap:7px;background:#fbfcfd}.close-btn{border:0;background:transparent;width:28px;height:28px;border-radius:5px}.close-btn:hover{background:#f1f3f5}

/* panels/popover */
.pop-panel{position:fixed;right:16px;top:54px;width:370px;max-height:520px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 10px 30px rgba(16,24,40,.14);z-index:90;overflow:hidden}.pop-head{padding:12px 13px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.pop-head h3{margin:0;font-size:12px}.pop-list{max-height:430px;overflow:auto}.pop-item{padding:11px 13px;border-bottom:1px solid var(--border-2);display:flex;gap:10px}.pop-item:last-child{border-bottom:0}.pop-icon{width:29px;height:29px;border-radius:6px;display:grid;place-items:center;background:#f3f6f9;color:#60758a;flex:none}.pop-item strong{font-size:10.5px;display:block}.pop-item p{font-size:9.5px;color:var(--muted);margin:3px 0 0;line-height:1.4}.pop-item time{font-size:8.5px;color:#a1a9b2;margin-top:4px;display:block}

/* workspace */
.tabbar{display:flex;gap:2px;border-bottom:1px solid var(--border);padding:0 10px;background:#fff}.tab{border:0;background:transparent;height:38px;padding:0 11px;color:#718090;font-size:10.5px;border-bottom:2px solid transparent}.tab.active{color:#26394f;font-weight:600;border-bottom-color:var(--portal-accent,var(--regen))}.balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.balance-card{border:1px solid var(--border);border-radius:7px;padding:10px}.balance-card .name{font-size:9.5px;color:var(--muted)}.balance-card .amount{font-size:14px;font-weight:700;margin-top:5px}.attention-list{display:grid}.attention-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-2);padding:9px 0}.attention-item:last-child{border:0}.attention-item strong{font-size:10.5px}.attention-item span{font-size:9.5px;color:var(--muted)}
.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:6px;top:5px;bottom:5px;width:1px;background:#dce2e7}.timeline-item{position:relative;padding:0 0 14px 6px}.timeline-item:before{content:"";position:absolute;left:-18px;top:4px;width:8px;height:8px;border:2px solid #fff;background:#6f879f;border-radius:50%;box-shadow:0 0 0 1px #cdd5dc}.timeline-item strong{font-size:10.5px}.timeline-item p{font-size:9.5px;color:var(--muted);margin:3px 0}.timeline-item time{font-size:8.5px;color:#9ca5af}
.metric-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-2);align-items:center}.metric-row:last-child{border:0}.progress{height:5px;background:#edf0f3;border-radius:4px;overflow:hidden;margin-top:5px}.progress>span{height:100%;display:block;background:var(--portal-accent,var(--regen));border-radius:4px}

/* print document */
.document-paper{background:#fff;color:#222;width:100%;min-height:900px;padding:34px 38px;font-size:10px}.doc-top{display:flex;justify-content:space-between;gap:32px;border-bottom:1.5px solid #222;padding-bottom:18px}.doc-title{font-size:27px;font-weight:700;letter-spacing:.05em}.doc-logo{width:170px;height:auto;object-fit:contain}.doc-meta{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #cfd4d9}.doc-meta>div{padding:10px;border-right:1px solid #e1e4e7}.doc-meta>div:last-child{border:0}.doc-meta label{display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.07em;color:#7e848b;margin-bottom:4px}.doc-meta strong{font-size:9px}.doc-parties{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:18px 0}.doc-party h4{font-size:8px;letter-spacing:.08em;margin:0 0 8px}.doc-party strong{font-size:11px}.doc-party p{margin:3px 0;color:#4d5258;line-height:1.45}.doc-table{width:100%;border-collapse:collapse}.doc-table th{position:static;background:#f6f6f6;color:#333;border-top:1px solid #222;border-bottom:1px solid #222;padding:8px 6px;font-size:8px}.doc-table td{padding:8px 6px;border-bottom:1px solid #dedede;font-size:8.5px}.doc-bottom{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;margin-top:18px}.doc-notes{line-height:1.5;color:#4e5358}.doc-total-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #e1e1e1}.doc-total-row.grand{font-size:12px;font-weight:700;border-top:1px solid #222;border-bottom:2px solid #222;margin-top:4px;padding:8px 0}.doc-footer{display:grid;grid-template-columns:1fr 250px;gap:30px;margin-top:28px;padding-top:16px;border-top:1px solid #d7d7d7}.signature{min-height:110px;text-align:center}.signature img{height:46px;max-width:150px;object-fit:contain}.signature-line{border-top:1px solid #555;margin:52px auto 5px;width:170px}.doc-footer-note{margin-top:25px;text-align:center;font-size:7.5px;color:#81868b}

/* toast */
.toast-root{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{min-width:280px;max-width:380px;background:#263442;color:#fff;border-radius:7px;padding:10px 12px;box-shadow:0 10px 26px rgba(0,0,0,.18);font-size:10.5px;display:flex;gap:9px;align-items:flex-start}.toast i{margin-top:1px}.toast.success{background:#2f7651}.toast.warning{background:#8d6a29}.toast.error{background:#994848}
.empty{padding:34px;text-align:center;color:var(--muted)}.empty i{font-size:24px;margin-bottom:9px;color:#b1bac3}.empty h3{font-size:12px;color:#667381;margin:0 0 5px}.empty p{font-size:10px;margin:0}

@media (max-width:1200px){.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main-aside{grid-template-columns:1fr}.auth-card{grid-template-columns:1fr}.auth-brand{display:none}}
@media (max-width:900px){:root{--sidebar:220px}.sidebar{transform:translateX(-100%);transition:.18s}.sidebar.open{transform:translateX(0);box-shadow:0 0 25px rgba(0,0,0,.15)}.main{margin-left:0}.mobile-menu{display:block}.search-global{display:none}.user-menu .user-text{display:none}.content{padding:14px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3,.form-grid,.form-grid.cols-3,.coa-pair{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-paper{padding:22px}.doc-meta{grid-template-columns:repeat(2,1fr)}.doc-parties,.doc-bottom,.doc-footer{grid-template-columns:1fr}}
@media (max-width:600px){.portal-grid{grid-template-columns:1fr}.portal-shell{padding:18px}.auth-form{padding:30px 22px}.kpi-grid,.balance-grid{grid-template-columns:1fr 1fr}.page-head{flex-direction:column}.page-actions{justify-content:flex-start}.topbar{padding:0 10px}.portal-switch-btn span{max-width:130px;overflow:hidden;text-overflow:ellipsis}.pop-panel{left:10px;right:10px;width:auto}.modal-backdrop{padding:8px}.document-paper{padding:14px}.doc-top{flex-direction:column}.doc-logo{width:140px}.doc-meta{grid-template-columns:1fr}.doc-parties{gap:12px}}

@media print{body{background:#fff}.no-print{display:none!important}.document-paper{padding:0;min-height:auto}.modal-backdrop{position:static;background:#fff;padding:0}.modal{border:0;box-shadow:none;max-height:none;width:100%}.modal-head,.modal-foot{display:none}.modal-content{padding:0;overflow:visible}}


/* enhanced interactive prototype */
.item-picker{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.35fr) auto;gap:10px;align-items:end;padding:12px;border-bottom:1px solid var(--border-2);background:#fcfdfe}
.item-picker .btn{margin-bottom:0}.item-policy-summary{padding:10px 12px 12px}.form-hint{padding:9px 12px;color:var(--muted);font-size:9px;line-height:1.5;border-top:1px solid var(--border-2);background:#fbfcfd}
.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.production-card{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.production-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:14px 14px 10px;border-top:3px solid var(--portal-accent,var(--production))}.production-code{font-size:9px;color:var(--muted);font-weight:700;letter-spacing:.07em}.production-card h3{font-size:13px;margin:4px 0 0}.production-card-body{padding:0 14px 12px}.production-vessel{display:flex;gap:9px;align-items:center;border:1px solid var(--border-2);background:#fafbfc;border-radius:7px;padding:9px;margin-bottom:10px}.production-vessel i{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#fff;border:1px solid var(--border);color:var(--portal-accent,var(--production))}.production-vessel span{display:block;font-size:8.5px;color:var(--muted)}.production-vessel strong{display:block;font-size:10.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.production-stats>div{border-bottom:1px solid var(--border-2);padding:6px 0}.production-stats span{display:block;font-size:8.5px;color:var(--muted)}.production-stats strong{display:block;font-size:10px;margin-top:2px}.production-live{display:flex;gap:8px;flex-wrap:wrap;font-size:8.8px;color:var(--muted);margin-top:10px}.production-empty-note{font-size:9px;color:var(--muted);line-height:1.45;margin-top:10px;padding:8px;background:#faf7f2;border-radius:6px}.production-card-actions{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px;background:#fbfcfd;border-top:1px solid var(--border-2)}
.journal-balance{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:10px 12px;border-top:1px solid var(--border-2);font-size:9.5px}.permission-pills{display:flex;gap:6px;flex-wrap:wrap}.permission-pills label{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--border);border-radius:5px;background:#fff;font-size:9px}.statement-sheet{max-width:900px;margin:auto;border:1px solid var(--border);padding:14px 18px;border-radius:7px}.statement-sheet h4{font-size:10px;letter-spacing:.08em;color:#687482;margin:0 0 10px}.statement-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:8px 0;border-bottom:1px solid var(--border-2);font-size:10.5px}.statement-row.subtotal{font-weight:700;border-top:1px solid #bfc7cf}.statement-row.grand{font-weight:700;font-size:12px;border-top:1px solid #66717d;border-bottom:2px solid #66717d}.statement-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.statement-validation{margin-top:12px;font-size:9.5px;color:var(--muted);display:flex;align-items:center;gap:7px}
@media(max-width:1200px){.production-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-picker{grid-template-columns:1fr 1fr auto}}
@media(max-width:760px){.production-grid,.statement-columns{grid-template-columns:1fr}.item-picker{grid-template-columns:1fr}.item-picker .btn{width:100%}}

/* V3.2 — Global Rupiah monetary input standard */
input.money-input{
  text-align:right;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
input.money-input:disabled{
  font-weight:600;
  color:#334155;
}


/* V3.3 — Unit of Measure & product conversions */
.field-inline{display:flex;align-items:center;gap:6px}.field-inline select,.field-inline input{min-width:0;flex:1}.field-inline .btn{flex:0 0 auto}
.quick-add-panel{margin:10px 0 0;border:1px dashed #cbd5df;background:#f9fbfc;border-radius:7px;padding:10px}.quick-add-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr auto;align-items:end;gap:8px}.quick-add-grid .field{margin:0}
.conversion-picker{display:grid;grid-template-columns:120px 150px 24px 130px minmax(220px,1fr) auto;gap:8px;align-items:end;padding:11px 12px;border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2);background:#fcfdfe}.conversion-picker .field{margin:0}.conversion-equal{height:32px;display:grid;place-items:center;font-weight:700;color:#7b8794;font-size:14px}
@media(max-width:900px){.quick-add-grid{grid-template-columns:1fr 1fr}.conversion-picker{grid-template-columns:1fr 1fr}.conversion-equal{display:none}.conversion-picker .btn{width:100%}}
@media(max-width:600px){.field-inline{align-items:stretch;flex-direction:column}.quick-add-grid,.conversion-picker{grid-template-columns:1fr}}

/* V3.4 — Portal-aware sidebar hover, clean checkboxes, profile & fixed asset workspace */
.nav-item:hover{
  background:color-mix(in srgb,var(--portal-accent,var(--regen)) 10%, #ffffff);
  color:color-mix(in srgb,var(--portal-accent,var(--regen)) 82%, #1d2733);
}
.nav-item:hover i{color:var(--portal-accent,var(--regen))}
.nav-item.active{background:transparent;color:#26384a;border-left-color:var(--portal-accent,var(--regen))}
.nav-item.active:hover{background:color-mix(in srgb,var(--portal-accent,var(--regen)) 12%, #ffffff);color:color-mix(in srgb,var(--portal-accent,var(--regen)) 82%, #1d2733)}
.sidebar-account-menu{display:grid;gap:2px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-2)}
.sidebar-account-action{width:100%;height:31px;border:0;background:transparent;border-radius:6px;padding:0 9px;display:flex;align-items:center;gap:9px;color:#687482;font-size:9.8px;text-align:left}
.sidebar-account-action i{width:15px;text-align:center;color:#84909e}
.sidebar-account-action:hover{background:color-mix(in srgb,var(--portal-accent,var(--regen)) 10%, #fff);color:var(--portal-accent,var(--regen))}
.sidebar-account-action:hover i{color:var(--portal-accent,var(--regen))}

input[type="checkbox"]{width:14px;height:14px;min-width:14px;min-height:14px;margin:0;vertical-align:middle;accent-color:var(--portal-accent,var(--regen));cursor:pointer}
.permission-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.permission-pills label{min-height:31px;padding:6px 8px;display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.permission-pills label input{flex:0 0 14px}
.form-section-title label input[type="checkbox"]{flex:0 0 14px}

.avatar-photo{overflow:hidden;background:#eef2f6}.avatar-photo img{width:100%;height:100%;object-fit:cover;display:block}
.profile-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:start}
.profile-photo-card{border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;background:#fbfcfd;display:flex;flex-direction:column;align-items:center}
.profile-photo-card strong{font-size:12px;margin-top:10px}.profile-photo-card>span{font-size:9.5px;color:var(--muted);margin-top:3px}.profile-photo-card small{font-size:8.5px;color:var(--muted);line-height:1.4;margin-top:7px}
.profile-photo-preview{width:96px;height:96px;border-radius:50%;border:1px solid var(--border);background:#fff;display:grid;place-items:center;overflow:hidden;color:#99a4af;font-size:30px}
.profile-photo-preview img{width:100%;height:100%;object-fit:cover}
.profile-note{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;background:#f7f9fb;border:1px solid var(--border-2);border-radius:6px;color:var(--muted);font-size:9px;line-height:1.5;margin-top:10px}.profile-note i{color:var(--portal-accent,var(--regen));margin-top:1px}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.detail-item{padding:9px 10px;border:1px solid var(--border-2);border-radius:6px;background:#fbfcfd;min-width:0}.detail-item span{display:block;font-size:8.5px;color:var(--muted);margin-bottom:4px}.detail-item strong{display:block;font-size:10.5px;line-height:1.45;overflow-wrap:anywhere}
.coa-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coa-pair>div{border:1px solid var(--border);border-radius:6px;padding:10px;background:#fbfcfd}.coa-pair span{display:block;font-size:8.5px;color:var(--muted)}.coa-pair strong{display:block;font-size:10px;margin-top:4px}

@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-photo-card{max-width:none}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.permission-pills,.detail-grid,.coa-pair{grid-template-columns:1fr}}