@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{--pc-purple:#c4b5fd;--pc-blue:#93c5fd;--pc-pink:#f9a8d4;--pc-green:#86efac;--pc-yellow:#fde047;--pc-primary:#6366f1;--pc-primary-strong:#4f46e5;--pc-gradient:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--pc-radius:14px;--pc-shadow:0 10px 30px #0f172a1f;font-family:Inter,Noto Sans Thai,system-ui,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f0f4f8;--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#f1f5f9;--text:#1e293b;--text-muted:#64748b;--border:#cbd5e1;--primary:#6366f1;--primary-hover:#4f46e5;--primary-contrast:#fff;--sidebar-bg:#fff;--sidebar-text:#334155;--sidebar-active:#e0e7ff;--sidebar-active-text:#4338ca;--success-bg:#dcfce7;--success-text:#166534;--warning-bg:#fef3c7;--warning-text:#92400e;--danger-bg:#fee2e2;--danger-text:#991b1b}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#0f172a;--surface:#1e293b;--surface-soft:#172033;--surface-muted:#273449;--text:#f8fafc;--text-muted:#94a3b8;--border:#334155;--primary:#c4b5fd;--primary-hover:#a78bfa;--primary-contrast:#1e1b4b;--sidebar-bg:#111827;--sidebar-text:#cbd5e1;--sidebar-active:#c4b5fd29;--sidebar-active-text:#ddd6fe;--success-bg:#86efac29;--success-text:#86efac;--warning-bg:#fde04729;--warning-text:#fde047;--danger-bg:#f9a8d429;--danger-text:#f9a8d4;--pc-shadow:0 14px 36px #00000047}html,body,#root{background:var(--page-bg)!important;color:var(--text)!important;font-family:Inter,Noto Sans Thai,system-ui,sans-serif!important}body,button,input,select,textarea{font-family:Inter,Noto Sans Thai,system-ui,sans-serif!important}h1,h2,h3,h4,h5,h6,.brand,.brand-name,.page-title,.section-title,button{font-family:Outfit,Noto Sans Thai,system-ui,sans-serif!important}.app-shell,.main-content,.content,.page-content,.workspace{background:var(--page-bg)!important;color:var(--text)!important}.sidebar{background:var(--sidebar-bg)!important;color:var(--sidebar-text)!important;border-right-color:var(--border)!important}.sidebar a,.sidebar button,.nav-item{color:var(--sidebar-text)!important}.sidebar a.active,.sidebar button.active,.nav-item.active,.nav-item[aria-current=page]{background:var(--sidebar-active)!important;color:var(--sidebar-active-text)!important}.topbar,.page-header,.card,.panel,.workspace-card,.table-shell,.drawer,.modal,.kpi-card,.summary-card,.toolbar,.filter-bar{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.card,.panel,.workspace-card,.table-shell,.kpi-card,.summary-card,.drawer,.modal{box-shadow:var(--pc-shadow)}.eyebrow,.muted,.subtitle,.helper-text,.field-hint,.meta,.secondary-text{color:var(--text-muted)!important}.workspace-card,.loading-list,.empty-state,.detail-body,.detail-table,.quality-decision,.workflow-panel,.workflow-card,.workflow-list article,.import-dropzone,.import-preview,.import-history,.user-menu,.user-card{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.loading-list i{background:linear-gradient(90deg, var(--surface-muted), var(--surface-soft), var(--surface-muted))!important}.master-tabs,.table-footer,.detail-footer,.drawer header,.modal header{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--border)!important}.drawer>header{background:var(--pc-gradient)!important;color:#1e293b!important;border-color:var(--border)!important}.drawer>header h2,.drawer>header .eyebrow{color:#1e293b!important}.drawer>header p{color:#475569!important}.drawer.rms-detail-dialog{width:min(1300px,100vw - 48px);height:min(88dvh,900px);max-height:min(88dvh,900px)}.rms-detail-dialog>header{box-sizing:border-box;min-height:88px}.rms-detail-dialog>header>div{min-width:0}.rms-detail-dialog>header p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rms-detail-dialog .rms-record-form{flex:1;min-height:0;overflow:hidden}.rms-record-body{scrollbar-gutter:stable;background:var(--surface);flex:1;min-height:0;overflow-y:auto}.rms-record-fields{border:0;min-width:0;margin:0;padding:0}.record-section{border-bottom:1px solid var(--border);min-width:0;padding:20px 24px}.record-section>h3{color:var(--text);margin:0 0 16px;font-size:13px}.rms-detail-dialog .detail-footer{flex-wrap:wrap;flex:none;justify-content:flex-end;margin-top:0;position:static}.rms-record-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rms-record-dialog .form-grid>.wide{grid-column:1/-1}.rms-record-dialog .brand-record-columns{gap:20px}.rms-record-dialog .brand-record-column{border:0;align-content:start;gap:12px;display:grid}.rms-record-dialog .brand-record-row{background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;padding:0}.rms-record-dialog .brand-record-row>span{text-align:left;color:var(--text);font-size:12px;font-weight:600}.rms-record-dialog .brand-record-row>strong{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-soft);min-height:38px;color:var(--text);border-radius:12px;align-items:center;padding:8px 12px;font-size:14px;font-weight:400;display:flex}.rms-record-dialog .brand-record-row input,.rms-record-dialog .brand-record-row select{border:1px solid var(--border);border-radius:12px;min-height:38px;padding:0 12px;font-size:14px}.rms-record-dialog input:disabled,.rms-record-dialog select:disabled,.rms-record-dialog textarea:disabled{opacity:1;-webkit-text-fill-color:var(--text);cursor:default}.rms-record-dialog .brand-exchange-row{margin-top:20px}.rms-record-dialog .brand-audit-grid{padding-inline:0}.rms-record-dialog .form-grid .brand-record-row{display:grid}.rms-record-dialog .comparison-head{position:static}.rms-detail-dialog .approval-detail-body{flex:1;min-height:0;overflow-y:auto}.rms-record-body{background:var(--surface-soft)}.rms-record-fields{padding:16px}.rms-record-dialog .rms-detail-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:12px;padding:0;overflow:hidden;box-shadow:0 2px 5px #152c4610}.rms-detail-card>h3{background:var(--surface-soft);border-bottom:1px solid var(--border);margin:0;padding:0}.rms-detail-card>h3>[role=button]{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:14px;display:flex}.rms-detail-card>h3>[role=button]:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.rms-detail-card-body{padding:20px}.rms-detail-card-body[hidden],.rms-detail-control>[hidden]{display:none!important}.rms-record-dialog .brand-record-row,.rms-record-dialog .form-grid>label{grid-template-columns:minmax(110px,34%) minmax(0,1fr);align-items:center;gap:12px;display:grid}.rms-record-dialog .brand-record-row>span:first-child,.rms-record-dialog .form-grid>label>span:not(.rms-detail-control){text-align:right;font-size:13px;font-weight:500;line-height:1.5}.rms-detail-control{min-width:0;min-height:38px;display:block}.rms-detail-control input:not([type=checkbox]),.rms-detail-control select,.rms-detail-control textarea{box-sizing:border-box;width:100%;min-height:38px;margin:0}.rms-detail-value{box-sizing:border-box;min-height:38px;color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;align-items:center;padding:0 12px;font-size:14px;font-weight:400;display:flex}.rms-detail-control:has(textarea){min-height:82px}.rms-detail-control:has(textarea) .rms-detail-value{min-height:82px}.rms-record-dialog .rms-detail-control textarea{min-height:82px;display:block}.rms-record-dialog .brand-record-row>strong{background:0 0;border:0}.rms-record-dialog .checkbox-field{display:grid!important}.rms-record-dialog .checkbox-field>.rms-detail-control{grid-area:1/2;width:100%}.rms-record-dialog .checkbox-field>span:not(.rms-detail-control){grid-area:1/1}.rms-record-dialog .brand-record-row.readonly{background:0 0}.rms-detail-control input,.rms-detail-control select,.rms-detail-control textarea{font-weight:400}.rms-record-dialog .toggle-row>.rms-detail-control{flex:0 0 60px;width:60px}.rms-record-dialog .comparison-current{background:0 0}.rms-record-dialog .comparison-current output{background:0 0;border:0}.rms-record-dialog .comparison-current,.rms-record-dialog .comparison-grid label{grid-template-columns:minmax(90px,34%) minmax(0,1fr);align-items:center;gap:12px}.rms-record-dialog .comparison-current>span,.rms-record-dialog .comparison-grid label>span:not(.rms-detail-control){text-align:right;font-size:13px;font-weight:500;line-height:1.5}@media (width<=720px){.drawer.rms-detail-dialog{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.rms-record-dialog .form-grid,.rms-record-dialog .brand-record-columns{grid-template-columns:1fr}.record-section{padding:18px 16px}.rms-detail-dialog>header{min-height:80px}.rms-record-dialog .brand-record-row,.rms-record-dialog .form-grid>label{grid-template-columns:minmax(90px,34%) minmax(0,1fr);gap:8px}.rms-detail-card-body{padding:14px 12px}}.form-section,.drawer form>footer{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.drawer form>footer{background:var(--surface-soft)!important}.form-section h3,.form-grid label>span{color:var(--text)!important}.master-tabs button{color:var(--text-muted)!important}.master-tabs button.active{color:var(--primary)!important;border-color:var(--primary)!important}.product-cell strong,.subtle-strong,.price-value,.detail-grid strong,.workflow-product strong{color:var(--text)!important}.product-cell small,.block,.table-footer,.drawer p,.detail-grid small{color:var(--text-muted)!important}input,select,textarea,.search-input{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--border)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}button,.button,.btn{border-color:var(--border)!important}.primary-button,.btn-primary,button.primary{background:var(--pc-gradient)!important;color:#fff!important;border-color:#0000!important}.secondary-button,.ghost-button,.icon-button,.theme-toggle{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--border)!important}.top-theme-button:hover{background:var(--surface-muted)!important}.top-action-divider{background:var(--border)!important}.user-chip{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=dark] .user-chip-avatar{color:#7dd3fc;background:#60a5fa29}.top-logout-button{background:var(--danger-bg)!important;color:var(--danger-text)!important;border-color:color-mix(in srgb, var(--danger-text) 35%, transparent)!important}.theme-toggle{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.badge,.status-badge,.chip{border-color:var(--border)!important}.rms-data-grid{border:1px solid var(--border);border-radius:var(--pc-radius);background:var(--surface);--ag-font-family:"Inter", "Noto Sans Thai", system-ui, sans-serif;--ag-font-size:10.5px;--ag-cell-horizontal-padding:4px;--ag-grid-size:4px;--ag-background-color:var(--surface);--ag-foreground-color:var(--text);--ag-secondary-foreground-color:var(--text-muted);--ag-header-background-color:var(--surface-muted);--ag-header-foreground-color:var(--text);--ag-odd-row-background-color:var(--surface-soft);--ag-row-hover-color:#93c5fd21;--ag-selected-row-background-color:#c4b5fd2e;--ag-border-color:var(--border);--ag-row-border-color:var(--border);--ag-input-border-color:var(--border);--ag-input-focus-border-color:var(--primary);--ag-accent-color:var(--primary);--ag-checkbox-checked-color:var(--primary);--ag-wrapper-border-radius:var(--pc-radius);--ag-header-column-resize-handle-color:var(--primary);width:100%;min-height:340px;overflow:hidden}.rms-data-grid .ag-root-wrapper{border-radius:var(--pc-radius);border:0}.rms-data-grid .ag-watermark{display:none!important}.rms-data-grid .ag-header-cell-label,.rms-data-grid .ag-paging-panel{font-size:10.5px;font-weight:500}.rms-data-grid .ag-cell{text-overflow:ellipsis;white-space:nowrap;align-items:center;font-size:10.5px;font-weight:400;display:flex;overflow:hidden}.product-grid-clickable .ag-row:not(.ag-full-width-row){cursor:pointer}.rms-data-grid .ag-header-cell,.rms-data-grid .ag-cell{border-inline-end:1px solid var(--border)}.rms-data-grid .ag-header-cell.ag-column-last,.rms-data-grid .ag-cell.ag-column-last{border-inline-end:0}.rms-data-grid .ag-cell-wrapper,.rms-data-grid .ag-cell-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.rms-data-grid .ag-paging-panel{color:var(--text-muted);border-top-color:var(--border);min-height:38px}.rms-data-grid-host{cursor:grab;width:100%;height:100%}.rms-data-grid-host.is-dragging-horizontal{cursor:grabbing;-webkit-user-select:none;user-select:none}.rms-data-grid-host button,.rms-data-grid-host input,.rms-data-grid-host select,.rms-data-grid-host textarea,.rms-data-grid-host a,.rms-data-grid-host .ag-header-cell-resize{cursor:auto}.rms-data-grid.grouped .rms-data-grid-host{height:calc(100% - 34px)}.rms-data-grid.filtered .rms-data-grid-host{height:calc(100% - 36px)}.rms-data-grid.grouped.filtered .rms-data-grid-host{height:calc(100% - 70px)}.rms-data-grid.auto-height .rms-data-grid-host,.rms-data-grid.auto-height.grouped .rms-data-grid-host,.rms-data-grid.auto-height.filtered .rms-data-grid-host,.rms-data-grid.auto-height.grouped.filtered .rms-data-grid-host{height:auto;min-height:0}.rms-active-filter-banner{background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-bottom:1px solid color-mix(in srgb, var(--primary) 42%, var(--border));min-height:36px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:14px;padding:5px 10px;font-size:10.5px;display:flex}.rms-active-filter-banner strong{color:var(--primary)}.rms-active-filter-banner button{font:inherit;cursor:pointer;flex:none;font-weight:700;color:var(--primary)!important;background:0 0!important;border:0!important}.rms-grid-group-banner{background:var(--surface-muted);border-bottom:1px solid var(--border);height:34px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:10.5px;display:flex}.rms-grid-group-banner strong{color:var(--text)}.rms-grid-group-banner button{cursor:pointer;font-size:10.5px;font-weight:600;color:var(--primary)!important;background:0 0!important;border:0!important}.rms-grid-group-row{background:color-mix(in srgb, var(--primary) 9%, var(--surface));border-block:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));align-items:center;gap:10px;width:100%;height:100%;padding:0 18px;display:flex}.rms-grid-group-row span{color:var(--text-muted);text-transform:uppercase;font-size:12px}.rms-grid-group-row strong{color:var(--text)}.rms-grid-group-row b{color:var(--primary);margin-left:auto;font-size:12px}.rms-data-grid .ag-header-cell-comp-wrapper,.rms-data-grid .ag-header-cell-label{width:100%;height:100%}.rms-data-grid .ag-header-cell{padding-inline:4px 2px}.rms-data-grid .ag-header-cell-resize{z-index:5;opacity:1;cursor:col-resize;width:10px;right:-5px}.rms-data-grid .ag-header-cell-resize:after{background:color-mix(in srgb, var(--primary) 72%, var(--border));width:2px;height:54%}.rms-grid-header{align-items:center;width:100%;min-width:0;height:100%;display:flex;position:relative}.rms-grid-header-label{cursor:pointer;text-align:left;flex:1;align-items:center;gap:3px;min-width:0;height:100%;padding:0;font-size:10.5px;font-weight:500;display:flex;color:var(--text)!important;background:0 0!important;border:0!important;font-family:Inter,Noto Sans Thai,system-ui,sans-serif!important}.rms-grid-header-label>span:first-child{-webkit-line-clamp:2;white-space:normal;overflow-wrap:normal;word-break:keep-all;line-break:auto;-webkit-hyphens:none;hyphens:none;-webkit-box-orient:vertical;width:100%;min-width:0;line-height:1.15;display:-webkit-box;overflow:hidden}.rms-grid-header-word{display:inline}.rms-grid-menu-button{z-index:4;cursor:pointer;opacity:0;pointer-events:none;border-radius:5px;place-items:center;width:18px;height:18px;padding:0;font-size:9px;transition:opacity .12s,background-color .12s;display:grid;position:absolute;top:50%;right:1px;transform:translateY(-50%);background:color-mix(in srgb, var(--primary) 13%, transparent)!important;color:var(--primary)!important;border:0!important;font-family:Inter,sans-serif!important}.rms-grid-header:hover .rms-grid-menu-button,.rms-grid-header:focus-within .rms-grid-menu-button,.rms-grid-header.filtered .rms-grid-menu-button{opacity:1;pointer-events:auto}.rms-grid-header:hover .rms-grid-header-label,.rms-grid-header:focus-within .rms-grid-header-label,.rms-grid-header.filtered .rms-grid-header-label{padding-right:20px}.rms-data-grid .status-badge,.rms-data-grid .badge,.rms-data-grid .chip{border-radius:999px!important;padding:1px 5px!important;font-size:9.5px!important;font-weight:500!important;line-height:1.2!important}.rms-grid-menu-button:hover,.rms-grid-header.filtered .rms-grid-menu-button{background:color-mix(in srgb, var(--primary) 25%, transparent)!important}.rms-grid-header.filtered .rms-grid-menu-button{font-size:8px}.rms-filter-icon{color:currentColor;flex:0 0 18px;place-items:center;width:18px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;display:inline-grid}.rms-filter-icon.group{letter-spacing:-2px;transform:translate(-1px)}.rms-filter-icon.chevron{margin-left:auto}.rms-grid-filter-popup{z-index:10000;border:1px solid var(--border);background:var(--surface);width:260px;max-height:min(560px,100vh - 16px);color:var(--text);border-radius:8px;padding:7px 0;font-family:Inter,Noto Sans Thai,system-ui,sans-serif;font-size:13px;position:fixed;overflow:auto;box-shadow:0 16px 42px #0f172a47}.rms-grid-filter-popup>button{cursor:pointer;text-align:left;border-radius:0;align-items:center;gap:9px;width:100%;min-height:34px;padding:7px 14px;font-size:13px;font-weight:500;display:flex;color:var(--text)!important;background:0 0!important;border:0!important;font-family:Inter,Noto Sans Thai,system-ui,sans-serif!important}.rms-grid-filter-popup>button:hover,.rms-grid-filter-popup>button.active{background:var(--surface-muted)!important;color:var(--primary)!important}.rms-grid-filter-popup>button:disabled{opacity:.42;cursor:default}.rms-filter-divider{background:var(--border);height:1px;margin:5px 0}.rms-filter-condition-panel{background:var(--surface-soft);border-block:1px solid var(--border);gap:7px;padding:8px 12px 9px;display:grid}.rms-filter-condition-panel select,.rms-filter-condition-panel input{border:1px solid var(--border);border-radius:6px;width:100%;height:34px;padding:0 9px;font-size:13px;background:var(--surface)!important;color:var(--text)!important;font-family:Inter,Noto Sans Thai,system-ui,sans-serif!important}.rms-grid-filter-popup>button.rms-filter-apply{font-weight:700;color:var(--primary)!important}.rms-filter-search{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;align-items:center;gap:5px;height:34px;margin:7px 11px;padding:0 8px;display:flex}.rms-filter-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 22%, transparent)}.rms-filter-search input{outline:0;width:100%;height:30px;padding:0;font-size:13px;color:var(--text)!important;background:0 0!important;border:0!important;font-family:Inter,Noto Sans Thai,system-ui,sans-serif!important}.rms-filter-values{max-height:224px;padding:2px 9px 5px;overflow:auto}.rms-filter-values label{cursor:pointer;border-radius:5px;align-items:center;gap:8px;min-height:29px;padding:4px 5px;display:flex}.rms-filter-values label:hover{background:var(--surface-muted)}.rms-filter-values input{width:15px;height:15px;accent-color:var(--primary);margin:0}.rms-filter-values span,.rms-filter-values strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rms-filter-values p{color:var(--text-muted);text-align:center;margin:14px 5px}.rms-grid-filter-popup>button.rms-filter-reset{border-top:1px solid var(--border)!important;color:var(--text-muted)!important}.rms-column-filter-host{display:none}@media (width<=760px){.rms-data-grid{min-height:420px}}:root{--sidebar-expanded-width:280px;--sidebar-collapsed-width:84px;color:#1d2b27;font-synthesis:none;background:#f3f5f1;font-family:Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.app-shell{grid-template-columns:var(--sidebar-expanded-width) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1);display:grid}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.sidebar{z-index:6;width:var(--sidebar-expanded-width);min-width:var(--sidebar-expanded-width);max-width:var(--sidebar-expanded-width);color:#475569;background:#fff;border-right:1px solid #dbe3eb;transition:width .35s cubic-bezier(.4,0,.2,1),min-width .35s cubic-bezier(.4,0,.2,1),max-width .35s cubic-bezier(.4,0,.2,1);position:fixed;inset:0 auto 0 0;overflow:visible}.sidebar.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width);max-width:var(--sidebar-collapsed-width)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, currentColor 38%, transparent) transparent;flex-direction:column;width:100%;height:100%;padding:24px;display:flex;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:7px}.sidebar-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 35%, transparent);border-radius:8px}.sidebar-toggle{z-index:8;color:#64748b;background:#fff;border:1px solid #dbe3eb;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;transition:color .2s,transform .2s,background .2s;display:grid;position:absolute;top:24px;right:-14px;box-shadow:0 4px 12px #0f172a1f}.sidebar-toggle svg{width:16px;height:16px}.sidebar-toggle:hover{color:#6366f1;transform:scale(1.08)}.brand-mark{align-items:center;min-height:42px;margin:0 5px 25px;display:flex}.brand-wordmark{letter-spacing:-.04em;color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfa 0%,#6366f1 52%,#60a5fa 100%);-webkit-background-clip:text;background-clip:text;align-items:baseline;gap:5px;font-family:Outfit,Noto Sans Thai,sans-serif;font-size:25px;line-height:1;display:inline-flex}.brand-wordmark strong{font:inherit;font-weight:700}.brand-wordmark b{font:inherit;letter-spacing:.06em;font-size:15px;font-weight:600}.brand-monogram{color:#6366f1;background:linear-gradient(135deg,#c4b5fd57,#93c5fd52);border-radius:12px;place-items:center;width:38px;height:38px;font:700 20px/1 Outfit,sans-serif;display:none}.sidebar nav{flex-direction:column;gap:4px;padding:0;display:flex}.nav-item{color:#475569;border-radius:11px;align-items:center;gap:14px;min-height:44px;padding:10px 16px;font-family:Outfit,Noto Sans Thai,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s,transform .2s;display:flex;position:relative}.nav-item:hover{color:#1e293b;background:#93c5fd29}.nav-item.active{color:#4f46e5;background:#c4b5fd4d;font-weight:600;box-shadow:inset 3px 0 #6366f1,0 8px 22px #6366f114}.nav-item>svg{color:#93c5fd;flex:0 0 20px;width:20px;height:20px;transition:color .2s}.nav-tone-purple>svg,.nav-tone-purple .sidebar-section-icon{color:#a78bfa}.nav-tone-blue>svg,.nav-tone-blue .sidebar-section-icon{color:#60a5fa}.nav-tone-green>svg,.nav-tone-green .sidebar-section-icon{color:#4ade80}.nav-tone-pink>svg,.nav-tone-pink .sidebar-section-icon{color:#f472b6}.nav-tone-yellow>svg,.nav-tone-yellow .sidebar-section-icon{color:#facc15}.nav-tone-orange>svg,.nav-tone-orange .sidebar-section-icon{color:#fb923c}.sidebar-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity .2s;overflow:hidden}.sidebar-item-container{position:relative}.sidebar-section-title{color:#64748b;letter-spacing:.14em;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:38px;margin-top:8px;padding:15px 16px 4px;font-family:Outfit,Noto Sans Thai,sans-serif;font-size:11px;font-weight:600;display:flex}.sidebar-section-title:hover{color:#334155}.sidebar-section-title>svg{width:15px;height:15px}.sidebar-section-icon{display:none}.sidebar-submenu{flex-direction:column;gap:3px;margin:6px 0 2px;padding-left:32px;display:none;position:relative}.sidebar-item-container.open>.sidebar-submenu{display:flex}.sidebar-submenu:before{content:"";background:#93c5fd3d;border-radius:2px;width:2px;position:absolute;top:2px;bottom:10px;left:18px}.sidebar-submenu .nav-item{gap:12px;min-height:42px;padding:9px 10px}.sidebar-submenu .nav-item>svg{flex-basis:18px;width:18px;height:18px}.sidebar-nav-group{flex-direction:column;gap:2px;display:flex}.sidebar-child-pages{border-left:1px solid #dbe5ed;flex-direction:column;gap:1px;margin:-1px 0 5px 31px;padding-left:12px;display:flex}.sidebar-child-pages a{color:#7b8898;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:600;text-decoration:none}.sidebar-child-pages a:hover{color:#34455a;background:#93c5fd1a}.sidebar-child-pages a.active{color:#5364e8;background:#6366f11a}.sidebar-popover{display:none}.sidebar.collapsed .sidebar-scroll{padding:24px 12px}.sidebar.collapsed .brand-mark{justify-content:center;margin-inline:0}.sidebar.collapsed .brand-wordmark{display:none}.sidebar.collapsed .brand-monogram{display:grid}.sidebar.collapsed .sidebar-text{opacity:0;display:none}.sidebar.collapsed nav>.nav-item{justify-content:center;padding-inline:0}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-section-title{border-radius:11px;justify-content:center;height:44px;min-height:44px;margin:7px 0 0;padding:10px}.sidebar.collapsed .sidebar-section-title:hover,.sidebar.collapsed .section-active .sidebar-section-title{background:#93c5fd21}.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-section-title>svg{display:none}.sidebar.collapsed .sidebar-section-icon{place-items:center;display:grid}.sidebar.collapsed .sidebar-section-icon svg{width:20px;height:20px}.sidebar.collapsed .sidebar-submenu{display:none!important}.sidebar.collapsed .prototype-note{justify-content:center;padding-inline:0}.sidebar.collapsed .prototype-note>div{display:none}.prototype-note{color:#64748b;align-items:center;gap:11px;margin-top:auto;padding:18px 12px 4px;display:flex}.prototype-note strong,.prototype-note small{font-size:11px;display:block}.prototype-note small{color:#94a3b8;margin-top:2px}.pulse-dot{background:#64d6a1;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #64d6a11f}.main-area{grid-column:2;min-width:0}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#ffffffe8;border-bottom:1px solid #e2e7e1;justify-content:space-between;align-items:center;min-height:92px;padding:18px 34px;display:flex;position:sticky;top:0}.topbar h1{margin:3px 0 0;font-size:22px}.eyebrow,.section-kicker{color:#87958f;letter-spacing:.18em;font:600 10px/1 Outfit}.top-actions{align-items:center;gap:10px;display:flex}.icon-button{color:#52645e;background:#fff;border:1px solid #dfe5df;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.top-theme-button{background:0 0;border-color:#0000}.top-theme-button:hover{color:#334155;background:#f5f7f9}.top-action-divider{background:#dfe4e9;width:1px;height:32px;margin:0 10px 0 2px}.user-chip{color:#26354a;background:#fff;border:1px solid #d6dee7;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:4px 14px 4px 5px;display:flex}.user-chip-avatar{color:#1683c7;background:#e3f3ff;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.user-chip-avatar svg{stroke-width:2px;width:18px;height:18px}.user-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font:700 14px/1.2 Outfit,Noto Sans Thai,sans-serif;overflow:hidden}.top-logout-button{color:#f04455;background:#fff0f2;border:1px solid #ffcbd1;border-radius:11px;place-items:center;width:40px;height:40px;padding:0;display:grid}.top-logout-button:hover{color:#e11d48;background:#ffe4e8;border-color:#fda4af}.top-logout-button svg{width:19px;height:19px}.content{max-width:1500px;margin:auto;padding:32px 34px 50px}.product-content{padding-top:18px}.product-list-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.master-view-select{color:var(--text-muted,#64766f);grid-template-columns:auto minmax(240px,360px);align-items:center;gap:12px;margin-right:auto;font-size:13px;font-weight:700;display:grid}.master-view-select select{border:1px solid var(--border,#d7dfda);background:var(--surface,#fff);min-height:48px;color:var(--text,#20342d);font:inherit;border-radius:12px;padding:0 14px}.product-lifecycle-tabs{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.product-lifecycle-tabs button{border:1px solid var(--border,#d7dfda);background:var(--surface,#fff);color:var(--text-muted,#5b6d66);min-height:36px;font:inherit;cursor:pointer;border-radius:999px;padding:0 14px}.product-lifecycle-tabs button span{background:var(--surface-muted,#eef3f0);border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;font-size:11px;display:inline-grid}.product-lifecycle-tabs button.active{border-color:var(--primary,#6c63ff);color:var(--primary,#6c63ff);background:color-mix(in srgb, var(--primary,#6c63ff) 10%, var(--surface,#fff));font-weight:700}.product-lifecycle-select{color:var(--text-muted,#5b6d66);grid-template-columns:auto minmax(250px,360px);justify-content:start;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;font-weight:700;display:grid}.product-lifecycle-select select{border:1px solid var(--border,#d7dfda);background:var(--surface,#fff);min-height:40px;color:var(--text,#293a34);font:inherit;cursor:pointer;border-radius:9px;padding:0 38px 0 13px}.product-content>.workflow-card{margin-bottom:12px}.intro-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.intro-row h2{letter-spacing:-.02em;margin:7px 0 5px;font-size:29px;line-height:1.2}.intro-row p:not(.section-kicker){color:#708079;margin:0;font-size:14px}.intro-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.primary-button,.secondary-button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#1b5245;box-shadow:0 6px 16px #1b52452e}.primary-button:hover{background:#123f35}.primary-button:disabled{opacity:.65;cursor:wait}.secondary-button{color:#40544d;background:#fff;border:1px solid #dce3de}.secondary-button svg{width:17px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.kpi-card{background:#fff;border:1px solid #e1e6e1;border-radius:14px;align-items:center;gap:15px;padding:19px;display:flex;box-shadow:0 3px 12px #233a3209}.kpi-icon{border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.kpi-card.forest .kpi-icon{color:#175143;background:#dcebe6}.kpi-card.emerald .kpi-icon{color:#2d7d51;background:#e1f3e9}.kpi-card.amber .kpi-icon{color:#b9780c;background:#fff1d5}.kpi-card.blue .kpi-icon{color:#426a91;background:#e1eaf4}.kpi-card small{color:#7a8883;margin-bottom:2px;font-size:12px;display:block}.kpi-card strong{font:700 27px/1.1 Outfit,sans-serif}.workspace-card{background:#fff;border:1px solid #dfe5df;border-radius:15px;overflow:hidden;box-shadow:0 8px 28px #24362f0d}.master-tabs{border-bottom:1px solid #e7ebe7;gap:6px;padding:14px 18px 0;display:flex}.master-tabs button{color:#72817b;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 13px;font-size:12px;font-weight:700}.master-tabs button.active{color:#1b5949;border-bottom-color:#1b5949}.toolbar{border-bottom:1px solid #e7ebe7;gap:10px;padding:17px 18px;display:flex}.search-box{color:#84928d;background:#fbfcfb;border:1px solid #d9e0db;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:240px;height:42px;padding:0 12px;display:flex}.search-box:focus-within{border-color:#77a698;box-shadow:0 0 0 3px #205f4f14}.search-box input{color:#273631;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search-box button{color:#89948f;background:0 0;border:0;font-size:21px}.toolbar select,.form-grid select,.form-grid input,.form-grid textarea{color:#1e293b;background:#fff;border:1.5px solid #94a3b8;border-radius:12px;outline:0;min-height:38px;padding:0 12px;font-size:14px}.form-grid textarea{resize:vertical;min-height:82px;font:inherit;padding:9px 12px}.toolbar select{min-width:150px;font-size:13px}.table-scroll{overflow-x:auto}.master-grid th:first-child,.master-grid td:first-child{z-index:2;background:#fff;min-width:210px;position:sticky;left:0;box-shadow:2px 0 5px #1f372d12}.master-grid th:first-child{z-index:3;background:#f8faf8}.master-grid tbody tr:hover td:first-child{background:#fbfcfa}.table-scroll>table th:first-child,.table-scroll>table td:first-child,.detail-table>table th:first-child,.detail-table>table td:first-child{z-index:2;background:#fff;position:sticky;left:0;box-shadow:2px 0 5px #1f372d12}.table-scroll>table th:first-child,.detail-table>table th:first-child{z-index:3;background:#f8faf8}.table-scroll>table tbody tr:hover td:first-child,.detail-table>table tbody tr:hover td:first-child{background:#fbfcfa}table{border-collapse:collapse;width:100%;min-width:920px}th{color:#84918c;text-align:left;letter-spacing:.08em;text-transform:uppercase;background:#f8faf8;border-bottom:1px solid #e7ece8;padding:11px 16px;font-size:10px}td{color:#42524c;border-bottom:1px solid #edf0ed;padding:13px 16px;font-size:12px}tbody tr{transition:background .15s}tbody tr:hover{background:#fbfcfa}.product-cell{align-items:center;gap:12px;min-width:270px;display:flex}.product-cell>span{color:#326255;text-transform:uppercase;background:linear-gradient(145deg,#e7efeb,#d7e4df);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font:700 11px Outfit;display:grid}.product-cell strong,.product-cell small,.block{display:block}.product-cell strong{color:#21322c;margin-bottom:2px;font-size:13px}.product-cell small,.block{color:#8b9792;font-size:10px}.subtle-strong{color:#40514a;font-size:12px}code{color:#3c5c52;background:#f0f5f2;border-radius:6px;padding:4px 7px;font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}code.missing{color:#a97b2d;background:#fff8e9}.uom-chip{color:#51625b;background:#eff2f0;border-radius:6px;place-items:center;min-width:34px;padding:4px 8px;font-weight:700;display:inline-grid}.status-pill,.verify-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.status-pill i{border-radius:50%;width:6px;height:6px}.status-pill.active{color:#26714d;background:#e6f5ec}.status-pill.active i{background:#3bad75}.status-pill.inactive{color:#7f8884;background:#eff1ef}.status-pill.inactive i{background:#929b97}.status-pill.pending{color:#9a5b00;background:#fff1d6}.status-pill.pending i{background:#e59a21}.verify-pill.verified{color:#416657;background:#ebf2ef}.verify-pill.provisional{color:#a36a0a;background:#fff1d5}.row-action{color:#71817a;letter-spacing:2px;background:0 0;border:0;border-radius:7px;padding:5px 7px}.row-action:hover{color:#244d42;background:#edf2ef}.row-action{letter-spacing:0;background:#fff;border:1px solid #dbe4df;font:700 11px Noto Sans Thai,sans-serif}.table-footer{color:#82908a;background:#fbfcfb;justify-content:space-between;align-items:center;min-height:48px;padding:0 18px;font-size:11px;display:flex}.live-indicator{align-items:center;gap:7px;display:flex}.live-indicator i{background:#45b97a;border-radius:50%;width:7px;height:7px}.loading-list{gap:12px;padding:18px;display:grid}.loading-list i{background:linear-gradient(90deg,#f0f3f1,#f8faf8,#f0f3f1) 0 0/200%;border-radius:8px;height:45px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty-state,.error-state{color:#7c8b85;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state>span,.error-state>span{color:#547168;background:#eef3ef;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:12px;font-size:24px;display:grid}.empty-state strong,.error-state strong{color:#334740}.empty-state p,.error-state p{margin:4px 0 14px;font-size:12px}.drawer-layer{z-index:20;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a73;border:0;position:absolute;inset:0}.drawer{background:#fff;border:1px solid #cbd5e1;border-radius:20px;flex-direction:column;width:min(720px,96vw);max-height:88vh;animation:.2s cubic-bezier(.16,1,.3,1) modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40,0 10px 20px -5px #0000001a}.detail-drawer{width:min(1120px,96vw)}.rms-detail-dialog>header{flex:none}.rms-detail-dialog>header h2{text-overflow:ellipsis;white-space:nowrap;max-width:min(820px,75vw);overflow:hidden}@keyframes modal-in{0%{opacity:.65;transform:translateY(12px)scale(.985)}}.drawer>header{background:linear-gradient(135deg,#c4b5fd,#93c5fd);border-bottom:1px solid #cbd5e1;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.drawer header h2{margin:2px 0;font-size:21px;line-height:1.25}.drawer header p{color:#475569;margin:0;font-size:12px}.drawer header>button{color:#334155;background:#ffffff9e;border:1px solid #4755692e;border-radius:50%;width:34px;height:34px;font-size:21px}.drawer form{flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer form>.form-grid{padding:20px 24px}.form-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 24px}.form-section h3{color:#334155;margin:0 0 14px;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.form-grid label{align-content:start;gap:5px;min-width:0;display:grid}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{color:#475569;font-size:12px;font-weight:600}.form-grid label em{color:#94a3b8;float:right;font-style:normal;font-weight:400}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 4px #c4b5fd40}.barcode-input{color:#84938d;background:#fff;border:1px solid #d7dfda;border-radius:9px;align-items:center;padding-left:12px;display:flex}.barcode-input input{box-shadow:none;border:0;flex:1}.toggle-row{align-items:flex-start;gap:10px;margin-top:18px;display:flex}.toggle-row input{accent-color:#1b6652;width:36px;height:20px}.toggle-row span{font-size:11px;font-weight:600}.toggle-row small{color:#8a9691;margin-top:2px;font-weight:400;display:block}.form-error{color:#984a3e;background:#fff0ed;border:1px solid #f2cec7;border-radius:9px;margin:18px 28px 0;padding:12px 14px;font-size:11px}.form-error strong,.form-error span{display:block}.form-error span{margin-top:2px}.delete-control,.delete-blocked,.delete-confirm{background:#fff8f6;border:1px solid #ecd1cb;border-radius:10px;margin:18px 28px 0;padding:14px}.danger-button{color:#9d493d;background:#fff;border:1px solid #d99588;border-radius:9px;min-height:38px;padding:0 14px;font-weight:700}.danger-button:hover{background:#fff0ed}.danger-button:disabled{opacity:.55}.danger-text{color:#a0473c;margin-top:7px;display:block}.delete-blocked strong{color:#923f35;font-size:12px}.delete-blocked ul{color:#75554f;margin:8px 0;padding-left:19px;font-size:11px}.delete-blocked small{color:#816961}.delete-confirm{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.delete-confirm span{color:#7e443b;flex:1;min-width:190px;font-size:12px;font-weight:700}.checkbox-field{align-self:end;align-items:center;min-height:38px;gap:9px!important;display:flex!important}.checkbox-field input{accent-color:#6366f1;width:18px;height:18px;min-height:0}.drawer form>footer{background:#f8fafc;border-top:1px solid #cbd5e1;justify-content:center;gap:10px;margin-top:auto;padding:14px 24px;display:flex;position:sticky;bottom:0}.product-import-dialog-layer{justify-content:center;align-items:center;padding:24px}.product-import-dialog{border:1px solid var(--border,#d7dfda);background:var(--surface,#fff);border-radius:20px;flex-direction:column;width:min(920px,96vw);max-height:min(860px,92vh);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #11182747}.product-import-dialog>header{border-bottom:1px solid var(--border,#d7dfda);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 26px;display:flex}.product-import-dialog>header h2{margin:4px 0;font-size:25px}.product-import-dialog>header span{color:var(--text-muted,#5b6d66);font-size:13px}.product-import-dialog>header>button{background:var(--surface-muted,#eef3f0);width:36px;height:36px;color:var(--text,#293a34);cursor:pointer;border:0;border-radius:50%;font-size:22px}.product-import-dialog-body{gap:16px;padding:22px 26px;display:grid;overflow-y:auto}.product-import-template-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.product-import-template-row div{gap:3px;display:grid}.product-import-template-row strong{font-size:18px}.product-import-template-row small{color:var(--text-muted,#5b6d66)}.product-import-preview-button{justify-content:center;width:100%}.product-import-popup-preview{gap:14px;min-height:0;display:grid}.product-import-popup-preview .table-scroll{max-height:280px}.product-import-dialog>footer{border-top:1px solid var(--border,#d7dfda);background:var(--surface,#fff);justify-content:flex-end;gap:10px;padding:16px 26px;display:flex}.product-maintenance-drawer{width:min(1300px,96vw);height:85vh}.brand-maintenance-drawer{width:min(1200px,96vw)}.brand-maintenance-drawer .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-maintenance-drawer .form-grid label.wide{grid-column:1/-1}.brand-record-drawer{width:min(1500px,98vw);height:88vh}.brand-record-drawer>header{flex:none}.brand-record-drawer>header small{color:#334155;font-size:11px;font-weight:700;display:block}.brand-record-drawer>header h2{margin-top:2px;font-size:28px}.brand-record-form{min-height:0;overflow:hidden!important}.brand-record-body{background:#fff;flex:1;min-height:0;overflow-y:auto}.brand-record-columns{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.brand-record-column:first-child{border-right:1px solid #dce3e8}.brand-record-row{color:#1e293b;border-bottom:1px solid #dce3e8;grid-template-columns:minmax(135px,38%) minmax(0,1fr);align-items:center;gap:16px;min-height:40px;margin:0;padding:0 18px;display:grid}.brand-record-row>span{color:#64748b;text-align:right;font-size:12px}.brand-record-row>strong{color:#334155;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:500}.brand-record-row input,.brand-record-row select{color:#0f172a;width:100%;min-width:0;min-height:34px;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;outline:0;padding:0 4px}.brand-record-row input:focus,.brand-record-row select:focus{box-shadow:none;border-bottom-color:#7c5cff}.brand-record-row.readonly{background:#fafbfc}.brand-exchange-row{border-top:1px solid #dce3e8;border-bottom:1px solid #dce3e8;grid-template-columns:minmax(135px,19%) minmax(0,1fr);align-items:center;gap:16px;min-height:52px;padding:0 18px;display:grid}.brand-exchange-row>span{color:#64748b;text-align:right;font-size:12px}.brand-exchange-row>strong{color:#334155;font-size:12px;font-weight:500}.brand-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:14px 18px;display:grid}.brand-audit-grid>div{border:1px solid #dce3e8;grid-template-columns:minmax(120px,35%) minmax(0,1fr);align-items:center;gap:16px;min-height:58px;padding:10px 18px;display:grid;box-shadow:0 2px 7px #0f172a0f}.brand-audit-grid span{color:#64748b;text-align:right;font-size:12px}.brand-audit-grid strong{color:#334155;font-size:12px;font-weight:500}.brand-record-footer{background:#f8fafc;border-top:1px solid #cbd5e1;flex:none;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.brand-record-form>.brand-record-footer{margin-top:0;position:static}.legacy-readonly-section h3{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.legacy-readonly-section h3 small{color:var(--text-muted,#75857f);font-size:11px;font-weight:500}.product-maintenance-drawer form{background:var(--background,#f8faf8)}.comparison-head{z-index:3;background:var(--surface,white);border-bottom:1px solid var(--border,#e2e7e3);grid-template-columns:1fr 1fr;gap:14px;padding:14px 28px;display:grid;position:sticky;top:0}.comparison-head strong{color:var(--text,#293a34);font-family:Outfit,Noto Sans Thai,sans-serif}.comparison-grid{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.comparison-row{display:contents}.comparison-current,.comparison-grid label{align-content:start;gap:6px;min-width:0;display:grid}.comparison-current>span,.comparison-grid label>span{color:var(--text-muted,#5b6d66);font-size:11px;font-weight:600}.comparison-current output{border:1px solid var(--border,#d7dfda);background:var(--surface-muted,#eef3f0);min-height:38px;color:var(--text,#293a34);overflow-wrap:anywhere;border-radius:12px;padding:8px 12px;font-size:14px}.comparison-grid input,.comparison-grid select,.comparison-grid textarea{border:1.5px solid var(--border,#94a3b8);background:var(--surface,white);width:100%;min-height:38px;color:var(--text,#293a34);border-radius:12px;padding:0 12px;font-size:14px}.comparison-grid textarea{resize:vertical;min-height:76px;padding-block:10px}.comparison-grid input[type=checkbox]{justify-self:start;width:22px;min-height:22px;margin-top:8px}.comparison-grid input:read-only,.comparison-grid input:disabled,.comparison-grid textarea:read-only,.comparison-grid select:disabled{background:var(--surface-muted,#eef3f0);cursor:not-allowed}.comparison-grid label em{color:var(--text-muted,#83908b);font-style:normal;font-weight:400}.detail-body{flex:1;min-height:0;padding:0 28px 28px;overflow-y:auto}.master-detail-drawer{width:min(1120px,96vw)}.master-detail-body{background:#f8fafc;flex:1;min-height:0;padding-top:22px;overflow-y:auto}.detail-section-list{gap:18px;display:grid}.detail-section{min-width:0}.detail-section+.detail-section{margin-top:22px}.detail-section-list .detail-section+.detail-section{margin-top:0}.detail-section>.subsection-title{color:#334155;margin:0 0 10px;font-size:13px}.detail-notice{color:#526174;background:#f1f5f9;border:1px solid #dbe5ef;border-radius:10px;margin:0 0 10px;padding:10px 13px}.detail-tabs{border-bottom:1px solid #e1e7e2;gap:5px;padding:15px 0;display:flex;overflow-x:auto}.detail-tabs button{white-space:nowrap;color:#73837c;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700}.detail-tabs button.active{color:#1a5949;background:#e4efe9}.detail-note{color:#71817b;margin:17px 0;font-size:12px}.detail-grid{background:#fff;border:1px solid #dce5ee;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 3px 12px #0f172a0a}.detail-grid>div{border-bottom:1px solid #e5eaf0;border-right:1px solid #e5eaf0;min-height:66px;padding:12px 14px}.detail-grid>div:nth-child(2n){border-right:0}.detail-grid>div:nth-last-child(-n+2){border-bottom:0}.detail-grid small{color:#718096;margin-bottom:4px;font-size:10px;display:block}.detail-grid strong{color:#1e293b;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;font-weight:600;display:block}.detail-table{border:1px solid #e0e7e2;border-radius:10px;margin:18px 0;overflow-x:auto}.detail-table table{min-width:670px}.detail-table td{white-space:nowrap}.subsection-title{margin:25px 0 -4px;font-size:13px}.detail-empty,.empty-source{color:#7d8b85;text-align:center;border:1px dashed #ccd9d1;border-radius:10px;margin:18px 0;padding:30px;font-size:12px}.source-explainer{max-width:650px;padding-top:10px}.source-explainer h3{font-size:14px}.source-explainer p,.source-explainer li{color:#63746d;font-size:12px;line-height:1.65}.source-explainer ul{padding-left:19px}.detail-footer{background:#f8fafc;border-top:1px solid #dce5ee;flex:none;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.detail-loading{color:#73837c;flex:1;place-items:center;font-size:13px;display:grid}.quality-toolbar .search-box{min-width:360px}.quality-source-key{text-overflow:ellipsis;white-space:nowrap;max-width:290px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.quality-breakdown{margin-top:20px;padding:18px;overflow:visible}.quality-breakdown h3{margin:0 0 13px;font-size:13px}.quality-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.quality-chips button{text-align:left;color:#42544d;background:#fafcfa;border:1px solid #e0e6e1;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.quality-chips button:hover{background:#f3f8f5;border-color:#89aa9f}.quality-chips span{color:#75847e;font-size:9px}.quality-chips strong{text-overflow:ellipsis;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.quality-chips b{color:#9b6a17;font:700 13px Outfit}.quality-decision{background:#fff;border-top:1px solid #e1e7e2;padding:18px 28px}.quality-decision label{gap:7px;display:grid}.quality-decision label>span{color:#52665e;font-size:11px;font-weight:700}.quality-decision textarea{resize:vertical;color:#2d3e38;border:1px solid #d7dfda;border-radius:9px;outline:0;width:100%;min-height:88px;padding:11px 12px;font:12px Noto Sans Thai,sans-serif}.quality-decision textarea:focus{border-color:#6b9e90;box-shadow:0 0 0 3px #1e5b4b12}.quality-decision .form-error{margin:10px 0 0}.field-chip-list{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.break-value{overflow-wrap:anywhere}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.link-button{text-decoration:none}.import-layout{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}.import-panel{padding:20px;overflow:visible}.import-panel-header,.import-preview-header,.import-history>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.import-panel-header>div{align-items:center;gap:11px;display:flex}.import-panel-header strong,.import-panel-header small{display:block}.import-panel-header small{color:#7f8d87;margin-top:2px;font-size:10px}.step-number{color:#fff;background:#1b5949;border-radius:10px;place-items:center;width:33px;height:33px;font:700 13px Outfit;display:grid}.template-columns{flex-wrap:wrap;gap:7px;margin:20px 0 16px;display:flex}.template-columns>span{color:#88958f;border:1px solid #dfe6e1;border-radius:8px;gap:3px;padding:7px 8px;font-size:9px;display:grid}.template-columns>span.required{color:#33705d;background:#f2f8f5;border-color:#b9d3c9}.template-columns code{background:0 0;padding:0}.import-guidance{color:#607169;background:#f5f8f6;border-radius:10px;padding:12px 14px}.import-guidance p{margin:0 0 7px;font-size:11px}.import-guidance ul{flex-wrap:wrap;gap:25px;margin:0;padding-left:18px;display:flex}.import-guidance li{font-size:10px}.file-drop{text-align:center;color:#708079;cursor:pointer;background:#fafcfa;border:1.5px dashed #bfcfc7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;margin:19px 0 12px;display:flex}.file-drop:hover,.file-drop.selected{background:#f2f8f5;border-color:#5f9987}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.file-drop strong{color:#344a42;font-size:12px}.file-drop small{margin-top:3px;font-size:10px}.file-icon{color:#24604f;background:#dfece7;border-radius:50%;place-items:center;width:35px;height:35px;margin-bottom:8px;font-size:20px;display:grid}.import-preview-button{width:100%}.import-error{margin:12px 0 0}.import-success{color:#27704d;background:#e7f5ed;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:11px}.import-mode-tabs{background:#f4f7fb;border:1px solid #d8e0ed;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin:16px 0 7px;padding:4px;display:grid}.import-mode-tabs button{color:#53647f;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 14px;font-weight:700}.import-mode-tabs button.active{color:#5148e7;background:#fff;box-shadow:0 1px 4px #1c2b4421}.import-mode-help{color:#66758b;min-height:34px;margin:0 0 10px;font-size:11px}.import-preview{margin-bottom:20px}.import-preview-header{border-bottom:1px solid #e5eae6;padding:18px}.import-preview-header h3,.import-history h3{margin:4px 0 2px;font-size:17px}.import-preview-header small{color:#89958f;font-size:10px}.import-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.danger-link{color:#9c4a3f;border-color:#ebccc6}.import-counts{background:#e5eae6;border-bottom:1px solid #e5eae6;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.import-count{background:#fbfcfb;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.import-count span{letter-spacing:.08em;font:600 9px Outfit}.import-count strong{font:700 20px Outfit}.import-count.create strong{color:#27724e}.import-count.change strong{color:#386b9a}.import-count.unchanged strong{color:#6f7b76}.import-count.reject strong{color:#ae4d42}.import-pill{letter-spacing:.04em;color:#697770;background:#edf1ef;border-radius:15px;padding:5px 8px;font:700 9px Outfit;display:inline-flex}.import-pill.create,.import-pill.committed{color:#28704d;background:#e4f3ea}.import-pill.change,.import-pill.validated{color:#35658f;background:#e5eef7}.import-pill.reject,.import-pill.error{color:#a4483d;background:#fae9e6}.import-row-errors{color:#9d493f;white-space:normal;max-width:300px}.import-history{margin-top:20px}.import-history>header{border-bottom:1px solid #e5eae6;padding:17px 18px}.import-empty{text-align:center;color:#87948f;padding:35px}.toast{z-index:30;color:#fff;background:#173f35;border-radius:11px;align-items:center;gap:9px;padding:13px 17px;font-size:12px;animation:.2s ease-out pop;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #112d2540}.toast span{background:#50b584;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.workflow-card{background:#fff;border:1px solid #dfe5df;border-radius:15px;padding:18px 22px;box-shadow:0 8px 28px #24362f0d}.workflow-empty{align-items:center;min-height:76px;display:flex}.workflow-empty div{gap:4px;display:grid}.workflow-empty small{color:#82908a}.workflow-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.workflow-heading span{color:#729085;letter-spacing:.16em;font-size:9px;font-weight:800}.workflow-heading h3{margin:3px 0 0;font-size:16px}.workflow-heading>strong{color:#1a5949;background:#e6f2ed;border-radius:16px;padding:6px 10px;font-size:11px}.workflow-list{gap:8px;display:grid}.workflow-list article{border:1px solid #e2e8e4;border-radius:11px;grid-template-columns:minmax(190px,1fr) minmax(140px,.7fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.workflow-product,.workflow-owner{gap:3px;display:grid}.workflow-product small,.workflow-owner small{color:#82908a;font-size:10px}.workflow-owner span{font-size:11px;font-weight:700}.workflow-status{white-space:nowrap;border-radius:20px;justify-self:start;padding:5px 9px;font-size:10px;font-weight:800}.workflow-status.draft{color:#6d716f;background:#eff1ef}.workflow-status.submitted{color:#326493;background:#e7f0f8}.workflow-status.rejected{color:#9b572d;background:#fbeede}.workflow-actions{justify-content:flex-end;gap:6px;display:flex}.primary-button.compact,.secondary-button.compact{min-height:30px;padding:7px 10px;font-size:10px}.danger-text{color:#a3413b!important}.workflow-remark{color:#9b572d;background:#fff7ed;border-radius:7px;grid-column:1/-1;margin:0;padding:7px 9px;font-size:10px}.workflow-notice{background:#edf6f1;border:1px solid #cfe2d8;border-radius:10px;gap:3px;margin:18px 28px 0;padding:11px 13px;display:grid}.workflow-notice strong{color:#1a5949;font-size:11px}.workflow-notice span{color:#65756e;font-size:10px}.audit-list{gap:11px;padding:4px 0 18px;display:grid}.audit-list article{background:#fff;border:1px solid #dfe6e1;border-radius:11px;padding:13px 15px}.audit-list article>header{justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:9px;display:flex}.audit-list header div{gap:3px;display:grid}.audit-list header small,.audit-list time{color:#7e8c86;font-size:10px}.audit-list article>p{color:#7e8c86;margin:5px 0 0;font-size:11px}.audit-changes{gap:5px;display:grid}.audit-changes>div{background:#f6f8f6;border-radius:7px;grid-template-columns:minmax(100px,.65fr) minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;gap:8px;padding:7px 9px;font-size:10px;display:grid}.audit-changes span{color:#596b64;font-weight:700}.audit-changes del{color:#9a4c47;text-decoration:none}.audit-changes ins{color:#246c4d;font-weight:700;text-decoration:none}.audit-changes b{color:#93a19b}@media (width<=900px){.workflow-list article{grid-template-columns:1fr auto}.workflow-owner{display:none}.workflow-actions,.workflow-remark{grid-column:1/-1;justify-content:flex-start}.audit-changes>div{grid-template-columns:1fr}.audit-changes b{display:none}}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}@media (width<=1050px){.kpi-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.import-layout{grid-template-columns:1fr}}@media (width<=720px){.app-shell{display:block}.sidebar{display:none}.main-area{grid-column:1}.topbar{min-height:74px;padding:14px 18px}.top-actions{gap:6px}.top-action-divider{margin-inline:2px}.user-chip{padding-right:5px}.user-chip strong{display:none}.content{padding:22px 16px 35px}.product-content{padding-top:12px}.intro-row{align-items:flex-start}.intro-row h2{font-size:24px}.intro-row p:not(.section-kicker){display:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{gap:10px;padding:13px}.kpi-icon{width:38px;height:38px}.kpi-card strong{font-size:22px}.toolbar{flex-wrap:wrap}.search-box,.quality-toolbar .search-box{flex-basis:100%;min-width:0}.toolbar select{flex:1}.product-lifecycle-select{grid-template-columns:1fr}.product-lifecycle-select select{width:100%}.product-import-dialog-layer{padding:10px}.product-import-dialog{max-height:96vh}.product-import-dialog>header,.product-import-dialog-body,.product-import-dialog>footer{padding-inline:16px}.product-import-template-row{flex-direction:column;align-items:stretch}.form-grid,.comparison-grid,.comparison-head{grid-template-columns:1fr}.form-grid label.wide{grid-column:1}.quality-chips{grid-template-columns:1fr}.import-panel-header,.import-preview-header{flex-direction:column;align-items:flex-start}.import-actions{justify-content:flex-start}.import-counts{grid-template-columns:1fr 1fr}.drawer-layer{padding:0}.drawer,.detail-drawer,.product-maintenance-drawer,.brand-maintenance-drawer{border-radius:0;width:100vw;height:100vh;max-height:100vh}.brand-maintenance-drawer .form-grid{grid-template-columns:1fr}.brand-maintenance-drawer .form-grid label.wide{grid-column:1}.drawer>header,.form-section,.drawer form>.form-grid,.drawer form>footer{padding-inline:16px}.rms-detail-dialog>header h2{max-width:72vw}.detail-body{padding-inline:16px}.detail-grid{grid-template-columns:1fr}.detail-grid>div{border-right:0}.detail-grid>div:nth-last-child(-n+2){border-bottom:1px solid #e5eaf0}.detail-grid>div:last-child{border-bottom:0}.detail-footer{padding-inline:16px}.brand-record-drawer{border-radius:0;width:100vw;height:100vh;max-height:100vh}.brand-record-columns,.brand-audit-grid{grid-template-columns:1fr}.brand-record-column:first-child{border-right:0}.brand-record-row,.brand-exchange-row{grid-template-columns:minmax(110px,38%) minmax(0,1fr);padding-inline:12px}.brand-audit-grid{padding-inline:12px}.brand-record-footer{padding-inline:16px}}.forecast-page{max-width:none}.forecast-page .intro-row{align-items:center}.forecast-month-picker{color:#667a71;gap:4px;font-size:11px;font-weight:700;display:grid}.forecast-month-picker input,.forecast-controls select,.forecast-product-search input,.forecast-detail input,.forecast-detail select{color:#263e33;background:#fff;border:1px solid #d6e1da;border-radius:9px;min-height:39px;padding:7px 10px}.forecast-status-bar{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.forecast-status-bar>span{color:#728279;background:#fff;border:1px solid #dde8e0;border-radius:10px;padding:9px 13px;font-size:11px}.forecast-status-bar b{color:#a16d18;margin-left:5px}.forecast-status-bar b.ok{color:#267750}.forecast-coverage{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.forecast-coverage span{color:#956724;background:#f9eddc;border-radius:7px;padding:7px 9px;font-size:10px}.forecast-coverage .coverage-complete{color:#26734c;background:#e5f4e9}.forecast-coverage .coverage-missing{color:#a04c41;background:#f5e9e6}.forecast-actual-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.forecast-actual-card{background:#fff;border:1px solid #d9e5dd;border-radius:12px;gap:5px;padding:13px 15px;display:grid}.forecast-actual-card small{color:#667b70;font-size:11px;font-weight:700}.forecast-actual-card strong{color:#194e3d;font-variant-numeric:tabular-nums;font-size:20px}.forecast-actual-card span{color:#7c8c82;font-size:10px}.forecast-actual-overview>p{color:#7b8c82;grid-column:1/-1;margin:0;font-size:10px}.forecast-controls,.forecast-section-head,.forecast-detail-title,.forecast-detail-footer,.forecast-pr-panel{justify-content:space-between;align-items:center;gap:15px;display:flex}.forecast-controls{flex-wrap:wrap;margin:18px 0}.forecast-view-context{color:#527468;font-size:12px;font-weight:700}.forecast-controls select{min-width:200px;max-width:360px}.forecast-tabs{background:#e8eeea;border-radius:12px;gap:4px;padding:4px;display:flex}.forecast-tabs button{color:#63776d;background:0 0;border:0;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:700}.forecast-tabs button.active{color:#1b5949;background:#fff;box-shadow:0 1px 5px #1e32271c}.forecast-section-head{margin:20px 0 12px}.forecast-section-head h3,.forecast-detail h3,.forecast-pr-panel h3{margin:0 0 3px;font-size:17px}.forecast-section-head small,.forecast-detail small,.forecast-pr-panel p{color:#75867d;font-size:11px}.forecast-action-row{flex-wrap:wrap;gap:8px;display:flex}.forecast-empty{text-align:center;color:#74857c;padding:34px}.forecast-empty h3{color:#264a3d;margin:0}.forecast-empty p{margin:8px 0 20px;font-size:12px}.forecast-message{margin:0 0 13px}.forecast-table-wrap{overflow:hidden}.forecast-grid-scroll{max-height:65vh;overflow:auto}.forecast-grid{table-layout:fixed;min-width:1650px}.forecast-grid th,.forecast-grid td{white-space:nowrap;border-right:1px solid #eef1ed;padding:9px 10px}.forecast-grid th{z-index:2;background:#f6f9f6;position:sticky;top:0}.forecast-grid th:first-child,.forecast-grid td:first-child{width:185px}.forecast-grid .freeze-first{z-index:3;background:#fff;position:sticky;left:0;box-shadow:2px 0 4px #263e320f}.forecast-grid th.freeze-first{z-index:4;background:#f6f9f6}.forecast-grid td.freeze-first strong,.forecast-grid td.freeze-first small{text-overflow:ellipsis;display:block;overflow:hidden}.forecast-grid td.freeze-first small{color:#839189;max-width:160px}.forecast-grid .actual-cell{color:#64776b;font-variant-numeric:tabular-nums;background:#f9fbf9}.forecast-edit-cell{min-width:145px}.forecast-edit-cell input{text-align:right;color:#164b3b;border:1px solid #d5e2d9;border-radius:7px;width:100%;min-height:34px;padding:5px 7px;font-weight:700}.forecast-edit-cell input:focus{outline:2px solid #8ac4a7}.forecast-edit-cell input:disabled{background:0 0;border-color:#0000}.forecast-central-grid .ag-cell{align-items:flex-start}.forecast-grid-editor{flex-direction:column;width:100%;min-width:0;padding:4px 0;display:flex}.forecast-grid-editor .forecast-cell-tools{min-width:0}.rms-embedded-grid{margin:0}.rms-detail-grid{margin-block:6px 12px}.forecast-cell-tools{color:#8b9b90;justify-content:space-between;align-items:center;gap:4px;margin-top:4px;font-size:10px;display:flex}.forecast-cell-tools button{color:#327b5d;background:0 0;border:0;padding:2px;font-size:10px}.forecast-cell-tools button:disabled{color:#a9b5ac}.forecast-detail{margin-top:16px;padding:19px}.forecast-detail-columns{border-top:1px solid #e6eee7;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px;padding-top:15px;display:grid}.forecast-detail-columns>div{align-content:start;gap:8px;display:grid}.forecast-detail h4{margin:0;font-size:13px}.forecast-detail p{color:#84928a;margin:0;font-size:11px}.forecast-detail ul{color:#5e6f63;margin:6px 0;padding-left:17px;font-size:11px}.forecast-detail li{margin-bottom:4px}.forecast-detail li button{color:#a44d43;background:0 0;border:0}.forecast-inline{flex-wrap:wrap;gap:7px;display:flex}.forecast-inline input{flex:1;min-width:75px}.forecast-brand-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.forecast-brand-summary>div{background:#fff;border:1px solid #dce8df;border-radius:12px;gap:4px;padding:12px 15px;display:grid}.forecast-brand-summary small{color:#6b8073;font-size:11px}.forecast-brand-summary strong{color:#215141;font-size:18px}.forecast-brand-summary strong.forecast-negative{color:#af5241}.forecast-channel-bar{color:#3d6653;background:#eaf2ec;border-radius:11px;flex-wrap:wrap;align-items:end;gap:18px;margin:12px 0;padding:13px 16px;font-size:12px;display:flex}.forecast-channel-bar label{gap:5px;font-weight:700;display:grid}.forecast-channel-bar select{background:#fff;border:1px solid #c8d9cd;border-radius:8px;min-width:220px;min-height:36px;padding:5px 9px}.forecast-product-search{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.forecast-product-search>input{flex:1;min-width:280px}.forecast-product-search .forecast-all-products{color:#476b57;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.forecast-product-search .forecast-all-products input{min-width:0;min-height:0}.forecast-product-search span{color:#84928a;font-size:11px}.product-forecast-grid{min-width:1850px}.product-forecast-grid tbody tr:not(.forecast-spacer){height:90px}.product-forecast-grid .forecast-spacer td{background:0 0;border:0;padding:0}.forecast-price-issue,.forecast-negative{color:#af5241}.forecast-warning-panel{color:#76501e;background:#fff8ec;border-color:#e9bd76;margin-bottom:12px;padding:14px 18px}.forecast-warning-panel p{margin:4px 0 0}.forecast-price-issue{white-space:normal!important}.forecast-price-issue small{display:block}.forecast-pagination{color:#76867c;justify-content:flex-end;align-items:center;gap:12px;margin:13px 0 20px;font-size:11px;display:flex}.forecast-allocation-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;max-height:270px;margin-top:14px;display:grid;overflow:auto}.forecast-allocation-grid label{color:#677c70;gap:4px;font-size:10px;font-weight:700;display:grid}.forecast-allocation-grid input{width:100%}.forecast-detail-footer{border-top:1px solid #e6eee7;margin-top:16px;padding-top:14px;font-size:12px;font-weight:700}.comparison-grid{min-width:850px}.product-approve-content{padding-top:22px}.approval-view-select{margin-bottom:10px}.approval-summary-bar{border:1px solid var(--border,#d7dfda);background:var(--surface,#fff);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;padding:10px 14px;display:flex}.approval-summary-bar>div{align-items:baseline;gap:9px;display:flex}.approval-summary-bar span,.approval-summary-bar p{color:var(--text-muted,#5b6d66);font-size:11px}.approval-summary-bar strong{color:var(--text,#293a34);font-size:16px}.approval-summary-bar p{margin:0}.approval-grid-actions{align-items:center;gap:4px;height:100%;display:flex}.approval-grid-actions button{cursor:pointer;border-radius:6px;min-height:22px;padding:0 7px;font-size:9px;font-weight:700}.approval-grid-actions button:disabled{cursor:wait;opacity:.55}.grid-reject-button{color:#a0473c;background:#fff4f2;border:1px solid #e4aaa2}.grid-approve-button{color:#176247;background:#edf8f2;border:1px solid #92c5ae}.approval-detail-drawer{flex-direction:column;display:flex}.approval-detail-body{background:var(--background,#f8faf8);flex:1;min-height:0;overflow-y:auto}.approval-detail-body .workflow-notice{margin:18px 28px 0}.approval-detail-body .comparison-head{top:0}.approval-comparison-list{gap:8px;display:grid}.approval-comparison-row{border:1px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:7px;display:grid}.approval-comparison-row.changed{background:#7c5cff0f;border-color:#d8c8ff}.comparison-proposed{align-content:start;gap:6px;min-width:0;display:grid}.comparison-proposed>span{color:var(--text-muted,#5b6d66);font-size:11px;font-weight:600}.comparison-proposed>span em{color:#6f52e5;margin-left:5px;font-size:9px;font-style:normal}.comparison-proposed output{border:1.5px solid var(--border,#94a3b8);background:var(--surface,#fff);min-height:38px;color:var(--text,#293a34);overflow-wrap:anywhere;border-radius:12px;padding:8px 12px;font-size:14px}.approval-comparison-row.changed .comparison-proposed output{border-color:#a78bfa;box-shadow:inset 3px 0 #7c5cff}.approval-detail-footer{border-top:1px solid var(--border,#cbd5e1);background:var(--surface,#fff);flex:none;justify-content:center;gap:10px;padding:14px 24px;display:flex}.approval-detail-footer .danger-text{margin-top:0;display:inline-flex}.reject-product-layer{z-index:90}.reject-product-dialog{width:min(560px,94vw);height:auto;max-height:90vh}.reject-product-dialog form{flex-direction:column;min-height:0;display:flex}.reject-reason-field{color:var(--text-muted,#5b6d66);gap:7px;font-size:11px;font-weight:700;display:grid}.reject-reason-field textarea{border:1px solid var(--border,#cbd5e1);background:var(--surface,#fff);width:100%;min-height:150px;color:var(--text,#293a34);resize:vertical;border-radius:10px;padding:12px}.reject-product-dialog .danger-button{background:#fff0ed}@media (width<=720px){.approval-summary-bar{flex-direction:column;align-items:flex-start;gap:5px}.approval-comparison-row{grid-template-columns:1fr}.approval-detail-body .workflow-notice{margin-inline:16px}.approval-detail-footer{flex-wrap:wrap;padding-inline:16px}}.forecast-empty-inline{text-align:center;color:#839187;padding:20px;font-size:12px}.forecast-pr-panel{margin-top:18px;padding:20px}.forecast-season-policy{grid-template-columns:minmax(280px,1fr) auto auto auto;align-items:center;gap:16px;margin-bottom:14px;padding:16px 18px;display:grid}.forecast-season-policy h3{margin:1px 0 3px;font-size:16px}.forecast-season-policy small{color:#76867d;font-size:10px}.forecast-season-policy label{color:#5d7368;gap:4px;font-size:10px;font-weight:700;display:grid}.forecast-season-policy select{background:#fff;border:1px solid #d5e1d9;border-radius:8px;min-height:37px;padding:5px 8px}.forecast-season-policy .forecast-switch{flex-direction:row;align-items:center;gap:7px;font-size:11px;display:flex}.forecast-candidate-panel{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:15px 18px;display:flex}.forecast-candidate-panel h3{margin:1px 0 3px;font-size:15px}.forecast-candidate-panel small{color:#76867d;font-size:10px}.forecast-candidate-results{margin-bottom:14px;padding:14px 18px}.forecast-candidate-results>p{color:#718178;margin:0;font-size:11px}.forecast-candidate-summary{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.forecast-candidate-summary strong{color:#245843;font-size:13px}.forecast-candidate-summary span{color:#7a8a80;font-size:9px}.forecast-candidate-list{gap:6px;max-height:330px;display:grid;overflow:auto}.forecast-candidate-list button{color:#385b4c;text-align:left;background:#fafcfb;border:1px solid #e0e8e2;border-radius:8px;grid-template-columns:minmax(150px,1.2fr) minmax(140px,1fr) minmax(130px,.8fr) minmax(220px,1.5fr);align-items:center;gap:12px;width:100%;padding:9px 11px;display:grid}.forecast-candidate-list button.recommended{background:#edf7f1;border-color:#84b59f}.forecast-candidate-list span,.forecast-candidate-list strong,.forecast-candidate-list small,.forecast-candidate-list b{display:block}.forecast-candidate-list small{color:#7a8a81;margin-top:2px;font-size:9px;font-weight:400}.forecast-candidate-list b{font-size:10px}.forecast-component-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:15px 0;display:grid}.forecast-component-grid>div{background:#f4f8f5;border-radius:9px;gap:3px;padding:10px 12px;display:grid}.forecast-component-grid small{font-size:9px}.forecast-component-grid strong{color:#215743;font-size:15px}.forecast-yoy{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.forecast-yoy span{color:#718279;border:1px solid #e0e7e2;border-radius:8px;gap:2px;padding:8px;font-size:9px;display:grid}.forecast-yoy b{color:#315646;font-size:12px}.forecast-score-list{gap:5px;display:grid}.forecast-score-list span{color:#708178;border:1px solid #e2e9e4;border-radius:7px;padding:7px 8px;font-size:9px}.forecast-score-list span.selected{color:#285f4b;background:#edf6f1;border-color:#8eb9a7}.forecast-pos-list{gap:6px;max-height:240px;display:grid;overflow:auto}.forecast-pos-list>div{border:1px solid #e2e9e4;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:8px 9px;font-size:10px;display:grid}.forecast-pos-list small{font-size:8px}.forecast-promotion-builder{border-top:1px solid #e1e9e3;gap:10px;margin-top:18px;padding-top:17px;display:grid}.forecast-promotion-builder h4,.forecast-promotion-builder p{margin:0}.forecast-customer-picks{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:7px;max-height:260px;display:grid;overflow:auto}.forecast-customer-picks label{border:1px solid #e0e7e2;border-radius:8px;grid-template-columns:auto minmax(0,1fr) 90px;align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:grid}.forecast-customer-picks input[type=number]{min-width:0;min-height:32px}.forecast-campaign-list{gap:7px;display:grid}.forecast-campaign-list>div{background:#f6f8f6;border-radius:8px;justify-content:space-between;gap:12px;padding:9px 11px;display:flex}.forecast-campaign-list strong,.forecast-campaign-list small{display:block}.forecast-campaign-list button{color:#a24e43;background:0 0;border:0;align-self:center}@media (width<=950px){.forecast-detail-columns{grid-template-columns:1fr}.forecast-section-head{flex-direction:column;align-items:flex-start}}@media (width<=1100px){.forecast-season-policy{grid-template-columns:1fr 1fr}.forecast-component-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=950px){.forecast-candidate-panel,.forecast-candidate-summary{flex-direction:column;align-items:flex-start}.forecast-candidate-list button{grid-template-columns:1fr 1fr}.forecast-actual-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.forecast-brand-summary,.forecast-actual-overview{grid-template-columns:1fr}.forecast-channel-bar select{width:100%;min-width:0}}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}