/* QS REV135 — Modern Enterprise UI. Visual-only layer; no IDs, field order, or JS behavior changed. */
:root{--ui-bg:#eef2f6;--ui-panel:#fff;--ui-soft:#f7f9fc;--ui-line:#d7dee8;--ui-text:#172033;--ui-muted:#667085;--ui-navy:#172b4d;--ui-primary:#2457d6;--ui-primary-dark:#1d46ad;--ui-danger:#c73535;--ui-radius:10px;--ui-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06)}
*{box-sizing:border-box}html{background:var(--ui-bg)}
body{background:var(--ui-bg)!important;color:var(--ui-text)!important;font-family:'Sarabun','Segoe UI',sans-serif!important}
.container{background:var(--ui-panel)!important;border:1px solid #d8dee8!important;border-radius:14px!important;box-shadow:0 12px 34px rgba(30,45,70,.08)!important}
/* Mainform: turn the legacy header into a real enterprise command bar */
.container>.sticky.top-0{background:var(--ui-navy)!important;border:0!important;border-radius:10px!important;padding:10px 12px!important;box-shadow:0 5px 14px rgba(23,43,77,.18)!important}
.container>.sticky.top-0 h1{color:#fff!important;font-weight:700!important;letter-spacing:-.01em}.container>.sticky.top-0 .page-subtitle{color:#bdc9da!important}.page-title-icon{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important}
.container>.sticky.top-0 .top-action-link,.container>.sticky.top-0 .top-action-button{background:transparent!important;color:#eaf0f8!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:none!important}.container>.sticky.top-0 .top-action-link:hover,.container>.sticky.top-0 .top-action-button:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.38)!important}
#sheetLinksBar{background:#f8fafc!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;padding:9px 10px!important;margin:10px 0!important}#sheetLinksBar>.text-xs{color:#758196!important;font-weight:600!important}
#company-sheet-toolbar button.company-btn{background:#fff!important;color:#344054!important;border:1px solid #d0d7e2!important;border-radius:8px!important;box-shadow:none!important}#company-sheet-toolbar button.company-btn:hover{border-color:#94a3b8!important;background:#f8fafc!important;transform:none!important}
.form-section{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;box-shadow:none!important}
/* Main five panels: preserve exact positions, radically simplify the visual language */
.mt-3.overflow-x-auto section.form-section{background:#fff!important;border:1px solid #d6dee9!important;box-shadow:0 2px 8px rgba(30,45,70,.04)!important}
.mt-3.overflow-x-auto section.form-section>h2{background:#f2f5f9!important;color:#24324a!important;border:0!important;border-bottom:1px solid #dbe2ec!important;border-radius:9px 9px 0 0!important;font-weight:700!important;letter-spacing:0!important}
.mt-3.overflow-x-auto section.form-section>h2 svg{color:#526581!important}
.label-text{color:#475467!important;font-weight:600!important}.input-field,.po-master-input,.editable-cell input,input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),select,textarea{background:#fff!important;border:1px solid #cbd4e0!important;border-radius:7px!important;box-shadow:0 1px 1px rgba(16,24,40,.02)!important;color:#1d2939!important}.input-field:hover,.po-master-input:hover,input:hover,select:hover,textarea:hover{border-color:#98a6b8!important}.input-field:focus,.po-master-input:focus,input:focus,select:focus,textarea:focus{outline:none!important;border-color:#5d7fd7!important;box-shadow:0 0 0 3px rgba(36,87,214,.11)!important}.input-field.gray-bg,.non-editable-cell,.non-editable-cell input,.non-editable-cell select{background:#f2f4f7!important;color:#475467!important}
/* PO remains visually identifiable but no yellow worksheet styling */
.po-master-panel{background:#f8fafc!important;border:1px solid #d5dde8!important;box-shadow:none!important;border-radius:8px!important}.po-master-panel label{background:#eef2f6!important;color:#344054!important;border-color:#d5dde8!important;font-weight:600!important}.po-master-input{background:#fff!important;border-color:#d5dde8!important}.po-under-title{color:#344054!important;font-weight:700!important}
/* Actions: one primary, quiet secondary, destructive outline */
#saveButton,#clearButton,#searchButton,#searchPoButton,#exportDataButton,#deleteButton{background:#fff!important;color:#344054!important;border:1px solid #cbd5e1!important;box-shadow:none!important;height:48px!important;min-height:48px!important;max-height:48px!important;border-radius:8px!important;font-weight:700!important}
#saveButton{background:var(--ui-primary)!important;color:#fff!important;border-color:var(--ui-primary)!important}#saveButton:hover{background:var(--ui-primary-dark)!important}
#searchButton,#searchPoButton{background:#f8fafc!important}#clearButton{background:#fff!important;color:#475467!important}#exportDataButton{background:#334155!important;color:#fff!important;border-color:#334155!important}#deleteButton{background:#fff!important;color:var(--ui-danger)!important;border-color:#e4a8a8!important}#deleteButton:hover{background:#fff5f5!important}
button:hover{box-shadow:none!important;transform:none!important}
/* Product table */
.table-header-row th,table thead th{background:#eef2f6!important;color:#344054!important;border-color:#d6dee8!important;font-weight:700!important;text-shadow:none!important}.product-items-table .points-column-header{background:#e8edf3!important;color:#344054!important}#dataTableBody tr:nth-child(even){background:#fafbfc!important}#dataTableBody tr:hover{background:#f3f6fa!important}td{border-color:#e4e8ef!important}
/* Preserve semantic yes/no colors only */
#point-collection.points-yes,.product-collect-points.points-yes{background:#16794b!important;color:#fff!important;border-color:#16794b!important}#point-collection.points-no,.product-collect-points.points-no{background:#c73535!important;color:#fff!important;border-color:#c73535!important}
/* Generic pages */
.card,.panel,.module,section.box{border-color:var(--ui-line)!important;box-shadow:none!important}table{border-color:var(--ui-line)!important}hr{border-color:var(--ui-line)!important}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#eef2f6}::-webkit-scrollbar-thumb{background:#bcc5d1;border:2px solid #eef2f6;border-radius:8px}
@media(max-width:768px){.container{border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}.container>.sticky.top-0{border-radius:8px!important}}
@media print{body{background:#fff!important}.container,.form-section{box-shadow:none!important}}