@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#18283a;background:#f3f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{height:72px;background:#10243a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1160px)/2));box-shadow:0 4px 18px #10243a20}.brand{display:flex;gap:12px;align-items:center}.brandmark{width:38px;height:38px;border-radius:11px;background:#e5a83b;color:#10243a;font-weight:800;display:grid;place-items:center}.brand strong{display:block;font-family:Manrope;font-size:15px}.brand small{display:block;color:#aebdcb;font-size:11px;margin-top:2px}.connection{font-size:12px;color:#d9e5ef}main{max-width:1160px;margin:34px auto;padding:0 22px;min-height:calc(100vh - 150px)}h1,h2{font-family:Manrope;margin:4px 0 8px;letter-spacing:-.03em}h1{font-size:clamp(25px,4vw,34px)}h2{font-size:22px}.muted{color:#718095;font-size:13px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#b27a1c}.login-wrap{min-height:65vh;display:grid;place-items:center}.login-card{width:min(100%,460px);background:white;border:1px solid #e5ebf0;border-radius:20px;padding:34px;box-shadow:0 16px 50px #1b38500d}.login-card h1{font-size:27px;margin-top:10px}.login-card>p{line-height:1.6;margin-bottom:26px}.welcome{display:flex;align-items:center;justify-content:space-between;margin:12px 0 26px}.tabs{display:flex;gap:8px;border-bottom:1px solid #dce4eb;margin-bottom:22px}.tab{background:none;border:0;padding:12px 18px;color:#708095;font-weight:700;border-bottom:3px solid transparent;cursor:pointer}.tab.active{color:#10243a;border-color:#e5a83b}.panel{background:#fff;border:1px solid #e3eaf0;border-radius:18px;padding:26px;box-shadow:0 8px 28px #10243a08}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.pill{background:#edf3f7;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:700;color:#496076}label{display:block;font-size:12px;font-weight:700;color:#4c5c6e;margin:0 0 7px}input,select{width:100%;border:1px solid #d8e1e9;border-radius:9px;padding:11px 12px;background:#fff;color:#1c2d40;font:inherit;font-size:14px;min-height:42px;outline:none}input:focus,select:focus{border-color:#d29a36;box-shadow:0 0 0 3px #d29a361a}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.span-2{grid-column:span 2}.weight-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#f5f8fa;border:1px solid #e8eef2;border-radius:12px;padding:15px;gap:12px}.weight-strip small,.result-bar small{display:block;color:#718095;font-size:11px;margin-bottom:6px}.weight-strip strong{font-family:Manrope;font-size:18px}.layer-head{margin:28px 0 14px}.layer-head h2{font-size:19px}.layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.layer-card{background:#f8fafb;border:1px solid #e5ebf0;border-radius:12px;padding:14px}.layer-card h3{font-size:13px;margin:0 0 10px}.layer-card .coefficient{font-size:12px;color:#64758a;margin-top:9px;min-height:18px}.result-bar{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #e8edf1}.result-bar strong{font-size:13px}.primary,.ghost{border:0;border-radius:9px;padding:12px 17px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.primary{background:#102d49;color:white}.primary:hover{background:#1c4265}.primary:disabled{opacity:.55;cursor:wait}.ghost{background:#eaf0f4;color:#294057}.full{width:100%;margin-top:16px}.error{color:#b42318;font-size:12px}.admin-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.code-result{margin-top:18px;padding:18px;border:1px dashed #d19a37;background:#fffaf0;border-radius:12px}.code-result code{display:block;font-size:22px;letter-spacing:.1em;font-weight:800;margin:8px 0 12px;word-break:break-all}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf1f4;white-space:nowrap}th{color:#68788a;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.danger{color:#b42318;background:#fff0ef;border:0;border-radius:7px;padding:7px 10px;cursor:pointer}footer{text-align:center;color:#8b98a8;font-size:11px;padding:20px}footer span{padding:0 5px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#10243a;color:white;padding:12px 18px;border-radius:10px;font-size:13px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:760px){main{margin:22px auto;padding:0 13px}.panel{padding:18px}.form-grid,.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form{grid-template-columns:1fr}.weight-strip{grid-template-columns:1fr;gap:14px}.weight-strip>div{display:flex;justify-content:space-between;align-items:center}.result-bar{align-items:stretch;gap:12px;flex-direction:column}.result-bar .primary{width:100%}.welcome{align-items:flex-start}.login-card{padding:25px}.topbar{padding:0 14px}}@media(max-width:390px){.form-grid,.form-grid.compact{grid-template-columns:1fr}.span-2{grid-column:auto}.tabs .tab{padding:11px 10px;font-size:12px}}
.chemical-section{border-top:1px solid #e8edf1;padding-top:20px;margin-top:22px}.chemical-section h3{font-family:Manrope;font-size:16px;margin:0 0 15px}.chemical-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.chemical-summary>div{background:#f5f8fa;border:1px solid #e8eef2;border-radius:12px;padding:14px}.chemical-summary small{display:block;color:#718095;font-size:11px;margin-bottom:6px}.chemical-summary strong{font:700 22px Manrope}.chemical-form-action{display:flex;align-items:end}.chemical-low{color:#b42318;font-weight:700}.chemical-ok{color:#167344;font-weight:700}.chemical-disabled{color:#8995a3;font-size:11px}@media(max-width:760px){.chemical-summary{grid-template-columns:1fr 1fr}.chemical-form-action .primary{width:100%}}

.alert-section{border:1px solid #f1d2cd;background:#fffafa;border-radius:12px;padding:18px}.alert-section h3{color:#a52a20}.alert-section .chemical-low{font-size:13px}
.daily-consumption-section{background:#fbfcfd;border:1px solid #e1e9ef;border-radius:14px;padding:20px}.daily-consumption-section>h3{font-size:19px}.daily-layer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.daily-layer-card{border:1px solid #e3eaf0;background:#fff;border-radius:11px;padding:13px}.daily-layer-card h4{font:700 14px Manrope;margin:0 0 10px}.daily-layer-card .daily-coeff{font-size:12px;color:#526b83;margin-top:9px}.daily-form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #e8edf1}.daily-filter{display:flex;align-items:center;gap:8px}.daily-filter label{margin:0}.daily-filter input{width:auto}.daily-history-layer{display:block;line-height:1.7}.daily-history-layer small{color:#718095}.daily-diluant-row{margin-top:14px}@media(max-width:760px){.daily-layer-grid{grid-template-columns:1fr 1fr}.daily-form-footer{align-items:stretch;flex-direction:column}.daily-form-footer .primary{width:100%}.daily-filter{align-items:flex-start;flex-direction:column}}
@media(max-width:390px){.daily-layer-grid{grid-template-columns:1fr}}

.form-inline{display:flex;align-items:center;gap:8px}.form-inline label{margin:0;white-space:nowrap}.form-inline select{width:auto;min-width:105px}

.checkbox-label{display:flex;align-items:center;gap:9px;min-height:42px;font-size:13px;color:#34485d}.checkbox-label input{width:18px;height:18px;min-height:18px;accent-color:#b42318}.nonconforming-notifications{border-color:#e9b9b2;background:#fff7f6}.nonconforming-notifications h3{color:#a52a20}.nonconforming-alert-row td{background:#fffafa}.notification-code{display:block;color:#718095;margin-top:3px;font-size:10px}

.paint-choice-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;align-items:center;margin-bottom:10px}.paint-choice-row .add-paint{padding:8px 0;min-height:40px;font-size:20px;line-height:1}.film-section{background:#fbfcfd;border:1px solid #e2eaf0;border-radius:13px;padding:18px}.film-section h3{margin-bottom:8px}.record-extra{display:block;white-space:normal;max-width:340px;color:#708095;font-size:10px;line-height:1.5;margin-top:4px}.film-section input[readonly]{background:#f2f5f7;color:#52677d;font-weight:700}.layer-card select{font-size:12px;padding:9px 8px}.layer-card .add-paint[hidden]{display:none!important}@media(max-width:760px){.film-section .form-grid{grid-template-columns:1fr 1fr}}@media(max-width:390px){.film-section .form-grid{grid-template-columns:1fr}}
.auto-barrel,[data-barrel]{display:none!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important}

@media print{
  body *{visibility:hidden!important}
  #chemicalConsumptionHistorySection,#chemicalConsumptionHistorySection *,#dailyPaintHistorySection,#dailyPaintHistorySection *{visibility:visible!important}
  #chemicalConsumptionHistorySection,#dailyPaintHistorySection{display:none!important;position:absolute;left:0;top:0;width:100%;padding:0;margin:0;border:0}
  body:not(.print-daily-history) #chemicalConsumptionHistorySection{display:block!important}
  body.print-daily-history #dailyPaintHistorySection{display:block!important}
  #chemicalConsumptionHistorySection button,#dailyPaintHistorySection button{display:none!important}
  #chemicalConsumptionHistorySection .table-wrap,#dailyPaintHistorySection .table-wrap{overflow:visible!important}
  #chemicalConsumptionHistorySection table,#dailyPaintHistorySection table{width:100%;font-size:10pt}
  #dailyPaintHistorySection .daily-filter{display:none!important}
}

.muted-row{opacity:.62}

.role-label{display:block!important;font-weight:800;color:#1c4265;margin-top:5px}.role-label[hidden]{display:none!important}