/* DAYO V4.3.8.39 · full-system ERP visual system + responsive/mobile */
:root{
  --dayo:#0f766e;--dayo-2:#0b5f59;--dayo-soft:#ecfdf5;--dayo-bg:#f6f8f8;
  --dayo-panel:#fff;--dayo-line:#e3e9e8;--dayo-head:#f2f6f5;--dayo-text:#17302d;--dayo-muted:#71817e;
  --dayo-danger:#c2413a;--dayo-warn:#b7791f;--dayo-radius:10px;--dayo-shadow:0 1px 2px rgba(15,45,42,.04)
}
html,body{background:var(--dayo-bg)!important;color:var(--dayo-text)}
.main{background:var(--dayo-bg)!important}.page{padding:20px 22px 28px!important}.topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--dayo-line)!important;box-shadow:none!important;backdrop-filter:blur(10px)}
.topbar h1{font-size:20px!important}.eyebrow{letter-spacing:.08em!important;color:#78908c!important}
.sidebar{background:linear-gradient(180deg,#073c3c 0%,#0b4f4b 100%)!important;box-shadow:none!important}.sidebar nav button{border-radius:7px!important;margin:2px 8px!important}.sidebar nav button.active,.nav-submenu button.active{background:rgba(31,170,155,.18)!important;color:#fff!important;box-shadow:inset 3px 0 0 #41c7b6!important}.nav-section-title{opacity:.68!important;letter-spacing:.08em!important}
.toolbar,.erp-toolbar{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;align-items:flex-start!important}.toolbar h2,.erp-toolbar h2{font-size:24px!important;line-height:1.2;margin-bottom:5px!important}.toolbar p,.erp-toolbar p{color:var(--dayo-muted)!important;margin-top:3px!important}
.panel,.table-panel,.metric-card,.role-task-panel,.role-shortcut-panel{background:var(--dayo-panel)!important;border:1px solid var(--dayo-line)!important;box-shadow:var(--dayo-shadow)!important;border-radius:var(--dayo-radius)!important}.panel{padding:16px!important}.table-panel{padding:0!important;overflow:hidden}.table-panel>.panel-head{padding:16px 18px 12px!important}
.panel-head{border-bottom:1px solid var(--dayo-line)!important}.panel-head h3{font-size:17px!important}.panel-head p{color:var(--dayo-muted)!important}
.metric-grid{gap:12px!important}.metric-card{min-height:108px!important;padding:16px!important}.metric-card strong{font-size:25px!important}.metric-card small,.metric-card span{color:var(--dayo-muted)!important}
.erp-filter-row,.product-filter-row,.filter-row,.settlement-filter{display:grid!important;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px!important;padding:12px 16px!important;margin:0!important;background:#fbfcfc!important;border-top:1px solid var(--dayo-line)!important;border-bottom:1px solid var(--dayo-line)!important}.erp-filter-row label,.product-filter-row label,.filter-row label{min-width:0!important}.erp-filter-row button,.product-filter-row button,.filter-row button{align-self:end!important;min-height:40px!important}
label{color:#536964!important;font-weight:600!important;font-size:13px!important}input,select,textarea{border:1px solid #cfdbd9!important;border-radius:7px!important;background:#fff!important;min-height:40px!important;box-shadow:none!important;color:var(--dayo-text)!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--dayo)!important;box-shadow:0 0 0 3px rgba(15,118,110,.08)!important}
.primary-btn{background:var(--dayo)!important;border-color:var(--dayo)!important;box-shadow:none!important;border-radius:7px!important}.primary-btn:hover{background:var(--dayo-2)!important}.outline-btn,.ghost-btn,.mini-btn{border-radius:7px!important;box-shadow:none!important}.danger-btn{color:var(--dayo-danger)!important;background:#fff8f7!important;border-color:#f1c8c4!important;border-radius:7px!important}
.table-wrap{border:0!important;border-radius:0!important;background:#fff!important;overflow:auto!important}.table-wrap table{width:100%!important;border-collapse:collapse!important}.table-wrap th{background:var(--dayo-head)!important;color:#506763!important;font-size:13px!important;font-weight:700!important;height:42px!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid var(--dayo-line)!important;white-space:nowrap}.table-wrap td{height:48px!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid #edf1f0!important;vertical-align:middle!important}.table-wrap tbody tr:hover td{background:#f8fbfa!important}.table-wrap tfoot td{background:#f7faf9!important;font-weight:600!important;border-top:1px solid var(--dayo-line)!important}.money-cell,.num-cell{text-align:right!important;font-variant-numeric:tabular-nums}.table-actions{display:flex!important;gap:6px!important;flex-wrap:nowrap!important}
.badge{border-radius:999px!important;padding:4px 9px!important;font-size:12px!important}.badge.success{background:#e7f8f0!important;color:#166b52!important}.badge.warning{background:#fff6df!important;color:#95621d!important}.badge.danger{background:#fff0ee!important;color:#b63c34!important}.badge.neutral{background:#eef3f2!important;color:#667a76!important}
.modal{padding:20px!important}.modal-card{width:min(1120px,96vw)!important;max-height:92vh!important;border-radius:14px!important;border:1px solid var(--dayo-line)!important;box-shadow:0 22px 70px rgba(15,45,42,.18)!important}.modal-head{padding:16px 20px!important;border-bottom:1px solid var(--dayo-line)!important}.modal-body{padding:18px 20px!important}.modal-actions{border-top:1px solid var(--dayo-line)!important;margin-top:16px!important;padding-top:14px!important;gap:8px!important}.modal-grid,.form-grid{gap:12px!important}.detail-grid{gap:1px!important;background:var(--dayo-line)!important;border:1px solid var(--dayo-line)!important;border-radius:8px!important;overflow:hidden}.detail-grid>div{background:#fff!important;padding:11px 12px!important}
.product-form-note,.callout{background:#f3faf8!important;border:0!important;border-left:3px solid #44a99e!important;border-radius:6px!important;color:#46645f!important}
.section-line-title{border-bottom:1px solid var(--dayo-line)!important;margin:16px 0 0!important;padding:11px 2px!important}.dayo-list-pager{border-top:1px solid var(--dayo-line)!important;padding:12px 16px!important;background:#fff!important}
/* login */
.login-screen{background:radial-gradient(circle at 20% 10%,rgba(15,118,110,.14),transparent 34%),linear-gradient(135deg,#eaf4f2 0%,#f7faf9 45%,#eef3f2 100%)!important}.login-shell{width:min(1080px,92vw)!important;min-height:610px!important;grid-template-columns:46% 54%!important;border-radius:20px!important;border:1px solid rgba(15,118,110,.12)!important;box-shadow:0 28px 80px rgba(30,59,55,.13)!important}.login-visual{background:linear-gradient(155deg,#083f42 0%,#0b6b65 55%,#128b7f 100%)!important}.login-visual-copy h1{font-size:38px!important;line-height:1.17!important}.login-feature-row{border-top-color:rgba(255,255,255,.18)!important}.login-card{padding:64px 60px!important}.login-card h2{font-size:28px!important}.login-form-brand{margin-bottom:36px!important}
/* cleaner outsource and stock screens */
#erpOutsource .outsource-document-panel,#erpInventoryReports .panel,#erpSettlementPaymentOrders .panel{box-shadow:none!important}.outsource-document-tabs{background:transparent!important;border-bottom:1px solid var(--dayo-line)!important}.outsource-document-tabs button{border-radius:0!important;border:0!important;border-bottom:2px solid transparent!important}.outsource-document-tabs button.active{border-bottom-color:var(--dayo)!important;background:transparent!important;color:var(--dayo)!important}
.stock-count-wide{width:min(1500px,98vw)!important}.stock-count-table input{min-width:105px!important}.stock-count-unit-summary{display:flex;gap:10px;flex-wrap:wrap}.stock-count-unit-summary span{border:1px solid var(--dayo-line)!important;background:#fff!important}
.opening-stock-grid{display:grid;grid-template-columns:1.2fr 1.2fr .9fr .9fr 1.4fr auto;gap:8px;align-items:end}.opening-stock-list{max-height:52vh;overflow:auto}.opening-stock-list input,.opening-stock-list select{width:100%;min-width:90px}.opening-stock-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:12px 0}
/* desktop density */
@media(min-width:1200px){.main{min-width:0}.erp-page .table-wrap{max-width:100%}.erp-filter-row{grid-template-columns:repeat(6,minmax(120px,1fr))}.modal-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
/* tablet */
@media(max-width:1100px){.page{padding:16px!important}.erp-filter-row,.product-filter-row,.filter-row,.settlement-filter{grid-template-columns:repeat(3,minmax(0,1fr))!important}.modal-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.topbar .eyebrow{display:none!important}.opening-stock-grid{grid-template-columns:1fr 1fr 1fr}}
/* phone */
@media(max-width:700px){
  body{font-size:14px!important}.page{padding:12px 10px 76px!important}.main{width:100%!important;margin-left:0!important}.topbar{padding:10px 12px 10px 58px!important;min-height:58px!important}.topbar h1{font-size:18px!important}.top-actions{gap:5px!important}.top-actions .security-pill,.top-actions button:not(:last-child){display:none!important}
  .toolbar,.erp-toolbar{display:flex!important;flex-direction:column!important;gap:10px!important}.toolbar h2,.erp-toolbar h2{font-size:21px!important}.toolbar-actions{width:100%!important;display:flex!important;gap:7px!important;overflow-x:auto!important}.toolbar-actions button{flex:0 0 auto!important}
  .panel{padding:12px!important}.table-panel{padding:0!important}.panel-head{padding:12px!important;display:flex!important;gap:8px!important}.panel-head p{font-size:12px!important}
  .erp-filter-row,.product-filter-row,.filter-row,.settlement-filter{grid-template-columns:1fr!important;padding:10px 12px!important}.erp-filter-row button,.product-filter-row button,.filter-row button{width:100%!important}.metric-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.metric-card{min-height:88px!important;padding:12px!important}.metric-card strong{font-size:20px!important}.metric-card small{display:none!important}
  .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.table-wrap table{min-width:780px!important}.table-wrap.small table{min-width:620px!important}.table-wrap th{height:38px!important;padding:7px 9px!important}.table-wrap td{height:44px!important;padding:7px 9px!important}.dayo-list-pager{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.dayo-list-pager>div{width:100%;overflow-x:auto!important}
  .modal{padding:0!important;align-items:stretch!important}.modal-card,.modal-card.detail-wide,.modal-card.stock-count-wide,.modal-card.payment-request-wide{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important}.modal-head{padding:13px 14px!important;position:sticky!important;top:0!important;background:#fff!important;z-index:4}.modal-body{padding:12px!important;overflow:auto!important}.modal-grid,.form-grid,.stock-count-filter-grid{grid-template-columns:1fr!important}.modal-grid .wide,.form-grid .wide{grid-column:auto!important}.modal-actions{position:sticky!important;bottom:0!important;background:#fff!important;margin:12px -12px -12px!important;padding:10px 12px!important;z-index:4}.modal-actions button{flex:1!important;min-height:42px!important}
  .login-shell{grid-template-columns:1fr!important;width:100%!important;min-height:100dvh!important;border-radius:0!important;border:0!important}.login-visual{display:none!important}.login-card{padding:42px 24px!important;justify-content:center!important}.login-screen{padding:0!important}.login-card h2{font-size:26px!important}.login-form-brand{margin-bottom:28px!important}
  .stock-count-wide .table-wrap table{min-width:920px!important}.opening-stock-grid{grid-template-columns:1fr!important}.opening-stock-list{max-height:none!important}
  .table-actions{gap:4px!important}.table-actions button{padding:6px 8px!important;font-size:12px!important}.product-form-note{padding:10px!important}
}