:root{--navy:#0b1f33;--steel:#173650;--orange:#f97316;--blue:#2563eb;--line:#d7e0e8;--paper:#f2f5f8;--text:#1d2b39}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font-family:"Microsoft YaHei",system-ui,sans-serif;font-size:14px}
.brandbar{height:76px;display:flex;align-items:center;gap:14px;padding:10px 24px;color:white;background:linear-gradient(100deg,var(--navy),#1c405d);border-bottom:4px solid var(--orange)}
.brandbar .mark,.login-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:white;color:#c2410c;font-weight:900;font-size:18px}.brandbar strong{display:block;font-size:20px;letter-spacing:1px}.brandbar small{display:block;color:#9fb3c4;margin-top:4px;letter-spacing:2px}.brandbar .online{margin-left:auto;padding:8px 14px;border:1px solid #45627a;border-radius:18px;color:#d9f99d;background:#17334b}
nav{display:flex;align-items:center;gap:0;background:#172d42;padding:0 20px;min-height:48px}nav a{color:#d1dbe4;text-decoration:none;padding:15px 20px;border-bottom:3px solid transparent}nav a:hover{color:white;background:#203b53;border-bottom-color:var(--orange)}nav span{flex:1}nav b{color:#c9d6df;margin-right:12px}.ghost{background:transparent;color:#d1dbe4;border:1px solid #52697c;border-radius:5px;padding:6px 12px}
main{max-width:1500px;margin:auto;padding:24px}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.title h1{margin:0;font-size:28px;color:#102b42}.title p{margin:5px 0 0;color:#687b8b}.title>span{color:#9a3412;background:#ffedd5;border:1px solid #fdba74;border-radius:20px;padding:7px 14px}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.metrics a{padding:20px;text-decoration:none;color:inherit;background:white;border:1px solid var(--line);border-left:4px solid #2b6f9f;border-radius:8px;box-shadow:0 4px 14px #1736500d}.metrics small{display:block;color:#6b7d8c}.metrics strong{display:block;font-size:30px;color:#173650;margin-top:6px}
.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:18px;margin-bottom:18px;box-shadow:0 4px 16px #1736500a}.panel h2{margin:0 0 15px;color:#173650;font-size:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{background:#e8eef4;color:#29465d;text-align:left;padding:11px;border-bottom:2px solid #bdcbd7}td{padding:11px;border-bottom:1px solid #e3e9ee}tbody tr:hover{background:#f7fafc}.empty{text-align:center;color:#8494a1;padding:40px}
input,select{min-height:40px;border:1px solid #bdcbd7;border-radius:6px;background:white;padding:8px 10px;font:inherit}.primary{border:0;border-radius:6px;background:#2563eb;color:white;padding:10px 18px;font-weight:700;cursor:pointer}.button{text-decoration:none;display:inline-block}.link{color:#1d5f91;font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}.search,.upload form,.password form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search input{min-width:280px;flex:1}.upload input[name=note]{flex:1;min-width:180px}
.flash{padding:11px 14px;border-radius:6px;margin-bottom:14px}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#244d6b,var(--navy) 55%)}.login-card{width:min(420px,92vw);background:white;border-radius:13px;padding:34px;box-shadow:0 25px 70px #0007;border-top:5px solid var(--orange)}.login-card .login-mark{margin:auto;border:1px solid var(--line)}.login-card h1{text-align:center;margin:14px 0 5px;color:#173650}.login-card>p{text-align:center;color:#708391;margin:0 0 24px}.login-card label{display:block;margin:14px 0;color:#536878}.login-card input{width:100%;display:block;margin-top:6px}.login-card .primary{width:100%;margin:8px 0 16px}.login-card>small{display:block;text-align:center;color:#8696a3}
@media(max-width:900px){.brandbar{height:auto;padding:9px 12px}.brandbar strong{font-size:15px}.brandbar small,.brandbar .online{display:none}nav{overflow-x:auto;padding:0}nav a{white-space:nowrap;padding:13px 15px}nav b,nav form{display:none}main{padding:14px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics a:last-child{grid-column:span 2}.title h1{font-size:23px}.panel{padding:12px}.upload form>*{width:100%}}
.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid.compact{grid-template-columns:2fr 2fr 1fr}.form-grid label{color:#536878}.form-grid input,.form-grid select{display:block;width:100%;margin-top:6px}.form-grid .check{display:flex;align-items:center;gap:7px;padding-top:26px}.form-grid .check input{width:auto;margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2{margin:0}.secondary{border:1px solid #9fb2c2;background:#edf3f7;color:#21455f;border-radius:6px;padding:8px 13px;font-weight:700}.danger{border:0;border-radius:5px;background:#fee2e2;color:#b91c1c;font-size:18px}.edit-table input,.edit-table select{width:92px;min-height:34px;padding:5px}.edit-table td:first-child input{width:130px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.result-grid>div{background:white;border:1px solid var(--line);border-top:4px solid #2b6f9f;border-radius:8px;padding:17px}.result-grid small{display:block;color:#697d8d}.result-grid strong{display:block;color:#1d5f91;font-size:24px;margin-top:7px}.breakdown{background:#eaf3fb;color:#1d4f73;border-radius:7px;padding:12px}.cost-warning{margin-top:10px;border-radius:7px;padding:12px}.cost-warning.active{background:#fff7ed;color:#9a3412;border:1px solid #fdba74}.cost-warning.ok{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.sticky-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:12px;background:#eef2f6eF;border-top:1px solid #ccd7df}
@media(max-width:900px){.form-grid,.form-grid.compact,.result-grid{grid-template-columns:1fr 1fr}.edit-table{min-width:1250px}.sticky-actions button{flex:1}}
.quote-result>div:last-child{border-top-color:#f97316}.quote-result b{display:block;color:#9a3412;margin-top:10px}.inline-status{margin:0}.inline-status select{min-height:32px;padding:4px 7px}
.result-grid.three{grid-template-columns:repeat(3,1fr)}details.editor summary{cursor:pointer;color:#1d5f91;font-weight:800;font-size:16px;margin-bottom:15px}.muted-note{color:#6b7d8c;line-height:1.7}
textarea{width:100%;margin-top:10px;border:1px solid #bdcbd7;border-radius:6px;padding:10px;font:inherit;resize:vertical}

.lan-nav{flex-wrap:wrap}.lan-nav a.selected{background:#fff;color:#143e59;border-bottom:3px solid #ff7a20}.home-links{display:flex;flex-wrap:wrap;gap:12px}.home-links a{padding:14px 20px;border:1px solid #cdd9e1;border-radius:8px;color:#174863;text-decoration:none}.machine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.machine-card form label{display:block;margin:12px 0}.machine-card input,.machine-card select{max-width:100%;width:100%}.actions{display:flex;gap:10px;margin:12px 0}.actions button{flex:1}button:disabled{opacity:.45;cursor:not-allowed}.result-grid.two{grid-template-columns:1fr 1fr}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.permission-grid input{min-height:0;width:auto}.table-wrap{overflow:auto}@media(max-width:750px){.machine-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}.lan-nav{max-height:190px;overflow:auto}.lan-nav form{display:block}.form-grid,.result-grid,.result-grid.three{grid-template-columns:1fr 1fr}}

.order-unpaid{background:#fff1f2!important;color:#9f1239}.order-partial{background:#fff7ed!important;color:#9a3412}.order-paid{background:#ecfdf5!important;color:#047857}#orderItems input{width:100%;min-width:90px}#orderItems td:first-child input{min-width:180px}

/* Compact company navigation and live production overview */
.brandbar{height:58px;padding:7px 20px}.brandbar .mark{width:38px;height:38px}.brandbar strong{font-size:17px}.brandbar small{font-size:10px}
.compact-nav{position:relative;flex-wrap:wrap;gap:0;padding:0 16px;min-height:44px;overflow:visible;max-height:none;z-index:20}.compact-nav>a,.nav-group>summary{padding:12px 14px;font-size:14px;white-space:nowrap}.nav-group{position:relative;color:#d1dbe4}.nav-group>summary{cursor:pointer;list-style:none;border-bottom:3px solid transparent}.nav-group.active>summary,.nav-group[open]>summary{background:#23435d;border-bottom-color:#f97316}.nav-menu{position:absolute;top:100%;left:0;min-width:190px;background:#fff;border:1px solid #d7e0e8;border-radius:0 0 8px 8px;box-shadow:0 9px 24px #102b4233;padding:5px}.nav-menu a{display:block;color:#173650;padding:9px 12px;border:0;border-radius:4px}.nav-menu a:hover,.nav-menu a.selected{background:#eaf2fa;color:#173650;border:0}.nav-account{margin-left:auto;display:flex;align-items:center;gap:6px}.nav-account form{display:block}.nav-account b{font-size:12px;margin-right:5px}
main{max-width:1800px;padding:18px 22px}.title{margin-bottom:12px}.title h1{font-size:24px}.live-overview{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:12px 0}.live-overview>div{padding:12px 10px;border-top-width:3px}.live-overview strong{font-size:21px}.live-overview .negative{color:#b91c1c}.compact-machines{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-machines .panel{padding:14px;margin:0}.compact-machines h2{font-size:16px;margin-bottom:8px}.compact-machines p{margin:8px 0}.compact-machines .result-grid{gap:6px;margin:10px 0}.compact-machines .result-grid>div{padding:8px;border-top-width:2px}.compact-machines .result-grid strong{font-size:20px}.machine-controls summary{cursor:pointer;color:#1d5f91;font-weight:700;padding:9px 0;border-top:1px solid #e3e9ee}.machine-controls button{padding:7px;font:inherit;cursor:pointer}.machine-controls label{font-size:12px}.compact-machines .actions{gap:5px}.home-links{gap:8px}.home-links a{padding:9px 13px}
@media(max-width:1150px){.live-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-machines{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-nav>a,.nav-group>summary{padding:11px 9px}}
@media(max-width:650px){.live-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-machines{grid-template-columns:1fr}.compact-nav{padding:0 6px}.nav-account{padding:5px}.nav-account b{display:block}.nav-menu{min-width:165px}.brandbar .online{display:none}main{padding:12px}.title{flex-wrap:wrap;gap:10px}}

@media(min-width:1151px){.live-overview{grid-template-columns:repeat(5,minmax(0,1fr))}}

.board-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:7px;background:#e5edf4;border-radius:7px}.board-tabs a{padding:8px 13px;color:#24455f;text-decoration:none;border-radius:5px}.board-tabs a.active{background:#173650;color:white}.board-tabs a:hover{background:#d2e2ef;color:#12334c}

.order-pending{background:#f1f5f9!important;color:#526779}