/* DAYO UI V1.0 sample implementation · V4.3.8.38 */
:root{--dayo-brand:#0f766e;--dayo-brand-soft:#ecfdf5;--dayo-bg:#f6f8f8;--dayo-line:#e5eaea;--dayo-head:#f3f6f6;--dayo-text:#1f2933;--dayo-muted:#718096}
body{background:var(--dayo-bg)}
.erp-page>.panel,.erp-page .table-panel{border:1px solid var(--dayo-line)!important;box-shadow:none!important;border-radius:10px!important;background:#fff!important}
.erp-page .panel-head{border-bottom:1px solid var(--dayo-line);padding-bottom:12px;margin-bottom:0}
.erp-page .table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important}
.erp-page table{border-collapse:separate;border-spacing:0;width:100%}.erp-page table th{background:var(--dayo-head)!important;border:0!important;border-bottom:1px solid var(--dayo-line)!important;font-weight:600;color:#425466;height:42px}.erp-page table td{border:0!important;border-bottom:1px solid #edf1f1!important;height:48px}.erp-page table tbody tr:hover td{background:#f8fbfa}
.erp-page .erp-filter-row,.erp-page .product-filter-row{background:transparent!important;border:0!important;padding:12px 0!important;gap:10px!important}
.erp-page .toolbar{margin-bottom:16px}.erp-page .toolbar h2{font-size:24px;letter-spacing:-.02em}.erp-page .erp-kicker{color:var(--dayo-brand);font-weight:600}
.outsource-document-panel{margin-top:14px!important}.outsource-document-panel .panel-head{padding:14px 16px!important}.outsource-document-panel .table-wrap{padding:0!important}
#erpOutsource .inventory-panel{padding:0!important}.section-line-title{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--dayo-line);padding:14px 0 10px;margin:12px 0}.section-line-title small{display:block;color:var(--dayo-muted);font-weight:400;margin-top:3px}
.dayo-list-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 2px;color:var(--dayo-muted);font-size:13px}.dayo-list-pager>div{display:flex;gap:6px;align-items:center}.dayo-list-pager .mini-btn.active{background:var(--dayo-brand);color:#fff;border-color:var(--dayo-brand)}
.payment-request-wide{width:min(1220px,96vw)!important}.payment-request-head{grid-template-columns:repeat(4,minmax(0,1fr))!important}.payment-request-head .wide{grid-column:span 2}.payment-detail-grid{background:#fafcfc;border:1px solid var(--dayo-line);border-radius:10px;padding:12px}.primary-lite{color:var(--dayo-brand)!important;border-color:#a7d9d3!important;background:#f0fdfa!important}
.payment-request-head .payment-request-note{grid-column:1/-1!important}.payment-request-note textarea{display:block;width:100%;min-height:92px;max-width:100%;resize:vertical;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.payment-order-note-cell{width:220px;max-width:260px}.payment-order-note-summary{display:block;width:100%;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}
.stock-count-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 16px}.stock-count-filter-grid label{display:flex;flex-direction:column;gap:6px}.stock-count-table input{min-width:110px;background:#fff;border:1px solid #cfdada}.stock-count-table input:focus{border-color:var(--dayo-brand);box-shadow:0 0 0 3px rgba(15,118,110,.08)}.stock-count-summary{font-weight:600}.stock-count-unit-summary{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px;color:#50606b}.stock-count-unit-summary span{background:#f7faf9;border-radius:6px;padding:5px 8px}
/* login sample */
.login-screen{background:linear-gradient(135deg,#eef7f5 0%,#f8faf9 42%,#edf3f2 100%)!important}.login-shell{width:min(1080px,92vw)!important;min-height:610px!important;border-radius:22px!important;overflow:hidden;box-shadow:0 24px 70px rgba(31,56,54,.12)!important;border:1px solid rgba(15,118,110,.10)!important}.login-visual{background:linear-gradient(145deg,#0b5e58 0%,#0f766e 55%,#159487 100%)!important;position:relative}.login-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom right,#000,transparent 75%)}.login-hero-icon{width:76px!important;height:76px!important;position:relative;z-index:1}.login-visual-copy,.login-feature-row{position:relative;z-index:1}.login-card{background:#fff!important;padding:64px 58px!important}.login-card h2{font-size:28px!important;color:var(--dayo-text)}.login-card input{height:46px!important;border:1px solid #d9e1e1!important;background:#fbfcfc!important}.login-card input:focus{border-color:var(--dayo-brand)!important;box-shadow:0 0 0 4px rgba(15,118,110,.08)!important}.login-btn{height:48px!important;background:var(--dayo-brand)!important;box-shadow:none!important}.login-security{color:#879595!important}
/* modals: flatter and aligned */
.modal-card{border-radius:14px!important;box-shadow:0 24px 70px rgba(18,38,36,.18)!important}.modal-head{border-bottom:1px solid var(--dayo-line)!important}.form-grid label,.modal-grid label{gap:6px}.form-grid input,.form-grid select,.modal-grid input,.modal-grid select{min-height:40px}
@media(max-width:900px){.payment-request-head,.stock-count-filter-grid{grid-template-columns:1fr 1fr!important}.payment-request-head .payment-request-note{grid-column:1/-1!important}.payment-request-note textarea{min-height:104px}.payment-order-note-cell{width:auto;max-width:100%}.payment-order-note-summary{max-width:100%}.login-visual{display:none!important}.login-shell{grid-template-columns:1fr!important}.login-card{padding:40px 28px!important}}