/* SIGER V2 unified UX layer — 2026-09-11 */
:root{--ux-red:#ed1b2f;--ux-navy:#0f1c36;--ux-text:#101828;--ux-muted:#667085;--ux-line:#e4e7ec;--ux-bg:#f5f7fa;--ux-green:#12b76a;--ux-orange:#f79009}
.ux-page{max-width:1440px!important;margin:0 auto;padding:28px 26px 44px!important;color:var(--ux-text)}
.ux-page .panel{border:1px solid var(--ux-line);box-shadow:0 10px 30px rgba(16,24,40,.045)}
.ux-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px!important;border-radius:26px!important;background:linear-gradient(120deg,#fff 0%,#fff 68%,#fff3f4 100%)!important;margin-bottom:14px}.ux-hero-copy{min-width:0;max-width:900px}.ux-hero h2{font-size:32px!important;line-height:1.12;margin:12px 0 9px!important;letter-spacing:-.035em}.ux-hero p{margin:0;color:var(--ux-muted);font-size:14px;line-height:1.55}.kicker{display:inline-flex!important;width:max-content;padding:6px 10px;border-radius:999px;background:#fff1f2;border:1px solid #fecdd3;color:#c8102e;font-size:10px!important;font-weight:900!important;letter-spacing:.5px}.ux-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.ux-chips span{padding:6px 9px;border-radius:999px;background:#f8fafc;border:1px solid #e7eaf0;font-size:10px;font-weight:750;color:#475467}.ux-hero-side{min-width:220px;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #f1d8db;border-radius:17px;background:rgba(255,255,255,.8)}.ux-hero-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff0f1;font-size:20px}.ux-hero-side b,.ux-hero-side small{display:block}.ux-hero-side b{font-size:12px}.ux-hero-side small{margin-top:3px;color:var(--ux-muted);font-size:10px;line-height:1.35}
.ux-guide-card{display:flex;align-items:center;gap:12px;padding:13px 16px!important;border-radius:17px!important;margin-bottom:14px;background:#fffaf5!important}.ux-guide-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff1bd}.ux-guide-card>div:nth-child(2){display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.ux-guide-card b{font-size:12px}.ux-guide-card span{font-size:11px;color:#475467;line-height:1.45}.ux-status-legend{margin-left:auto;display:flex!important;gap:10px!important;flex-wrap:wrap}
.ux-filter-card,.ux-table-card{padding:20px 22px!important;border-radius:22px!important;margin-bottom:14px}.ux-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.ux-section-title h3{margin:8px 0 3px;font-size:18px;letter-spacing:-.02em}.ux-section-title p{margin:0;color:var(--ux-muted);font-size:11px}.ux-section-actions,.ux-table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ux-btn{appearance:none;border:1px solid #d0d5dd;border-radius:11px;min-height:40px;padding:0 14px;background:#fff;color:#344054;font:inherit;font-size:11px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.16s}.ux-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(16,24,40,.07)}.ux-btn-primary{border-color:var(--ux-red);background:linear-gradient(135deg,#e60022,#ff4050);color:#fff;box-shadow:0 6px 15px rgba(237,27,47,.16)}.ux-btn-ghost{background:#fff}
.ux-filter-grid{display:grid;gap:10px;align-items:end}.ux-summary-filter-grid{grid-template-columns:1.1fr 1fr 1fr auto}.ux-filter-grid-3{grid-template-columns:1fr 1fr 1.4fr!important}.ux-filter-grid label{display:flex;flex-direction:column;gap:5px;font-size:10px!important;font-weight:850!important;color:#344054}.ux-filter-grid select,.ux-filter-grid input,.ux-filter-card select,.ux-filter-card input{width:100%;box-sizing:border-box;min-height:42px;border:1px solid #d0d5dd;border-radius:11px;background:#fff;padding:8px 11px;font:inherit;font-size:11px;color:#101828;outline:none}.ux-filter-grid select:focus,.ux-filter-grid input:focus{border-color:#f97078;box-shadow:0 0 0 3px rgba(237,27,47,.08)}.ux-filter-actions{display:flex}.ux-filter-actions .ux-btn{min-height:42px}
.ux-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.ux-kpi-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ux-kpi{min-width:0;padding:14px 15px;background:#fff;border:1px solid var(--ux-line);border-radius:16px;box-shadow:0 6px 20px rgba(16,24,40,.035)}.ux-kpi span,.ux-kpi b,.ux-kpi small{display:block}.ux-kpi span{font-size:10px;font-weight:750;color:#667085}.ux-kpi b{margin:5px 0 3px;font-size:25px;line-height:1.05;color:#101828}.ux-kpi small{font-size:9px;color:#98a2b3;line-height:1.3}.ux-kpi.success{background:#f3fbf6;border-color:#c8efda}.ux-kpi.success b{color:#067647}.ux-kpi.warning{background:#fff9f0;border-color:#fde4bb}.ux-kpi.warning b{color:#b54708}.ux-kpi.danger{background:#fff5f5;border-color:#ffd2d6}.ux-kpi.danger b{color:#c0102d}
.ux-inline-help{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 9px;color:#667085;font-size:10px}.ux-table-wrap{overflow:auto;border:1px solid var(--ux-line);border-radius:14px;background:#fff;max-width:100%}.ux-data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.ux-data-table th,.ux-data-table td{padding:10px 11px;border-bottom:1px solid #e7eaf0;vertical-align:middle}.ux-data-table thead th{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15px}.ux-data-table tbody tr:hover td{background:#fafcff}.ux-data-table tfoot td{font-weight:900;background:#eef2f7}.ux-table-title{align-items:center}.summary-table-wrap{max-height:520px}.summary-table th,.summary-table td{text-align:center}.summary-table th:first-child,.summary-table td:first-child{text-align:left}.summary-table .th-red{background:#d90429!important;color:#fff}.summary-table .th-navy{background:#071d55!important;color:#fff}.summary-table thead tr:first-child th:first-child{border-radius:12px 0 0 0}.summary-table thead tr:first-child th:last-child{border-radius:0 12px 0 0}
/* make product/price pages visually consistent and less horizontally exhausting */
.product-management-page,.price-management-page{max-width:1440px!important}.pm-table-wrap,.pmx-table-wrap{scrollbar-width:thin}.pmx-main-panel{padding:20px 22px!important;border-radius:22px!important}.pmx-toolbar{gap:9px!important}.pmx-price-table th,.pmx-price-table td{padding:9px 10px!important}.pmx-save-btn{padding:8px 11px!important;min-width:72px}.pmx-history-panel{border-radius:22px!important}.pmc-main{padding:20px 22px!important;border-radius:22px!important}
@media(max-width:1180px){.ux-kpi-grid-6{grid-template-columns:repeat(3,1fr)}.ux-summary-filter-grid{grid-template-columns:1fr 1fr}.ux-filter-actions .ux-btn{width:100%}.ux-hero-side{min-width:190px}}
@media(max-width:760px){.ux-page{padding:16px 12px 30px!important}.ux-hero{padding:20px!important;flex-direction:column;align-items:stretch}.ux-hero h2{font-size:26px!important}.ux-hero-side{min-width:0}.ux-guide-card{align-items:flex-start}.ux-guide-card>div:nth-child(2){display:block}.ux-status-legend{margin-left:0}.ux-section-title{align-items:stretch;flex-direction:column}.ux-section-actions,.ux-table-actions{width:100%}.ux-section-actions .ux-btn,.ux-table-actions .ux-btn{flex:1}.ux-summary-filter-grid,.ux-filter-grid-3{grid-template-columns:1fr!important}.ux-kpi-grid,.ux-kpi-grid-6{grid-template-columns:1fr 1fr}.ux-filter-card,.ux-table-card,.pmc-main,.pmx-main-panel{padding:16px!important}.ux-data-table{font-size:10px}}
@media(max-width:440px){.ux-kpi-grid,.ux-kpi-grid-6{grid-template-columns:1fr}}


/* Dashboard order sorting + purchase phone UX — 2026-09-11 */
.dashboard-order-tools{display:flex;align-items:flex-end;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.dashboard-sort-control{display:flex;flex-direction:column;gap:5px;min-width:190px}
.dashboard-sort-control>span{font-size:10px;font-weight:850;color:#667085}
.dashboard-sort-control select{height:40px;border:1px solid #d0d5dd;border-radius:11px;background:#fff;padding:0 34px 0 12px;font:inherit;font-size:11px;font-weight:750;color:#344054;outline:none;cursor:pointer}
.dashboard-sort-control select:focus{border-color:#f97078;box-shadow:0 0 0 3px rgba(237,27,47,.08)}
@media(max-width:760px){.dashboard-order-tools{width:100%;justify-content:stretch;align-items:stretch}.dashboard-sort-control{min-width:0;flex:1 1 100%}.dashboard-status-legend{justify-content:flex-start}}
/* SIGER V2 Monitoring/Kelola Harga polish — 2026-09-11 */
.price7-main{padding:20px 22px 18px!important;overflow:hidden}
.price7-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;margin-bottom:14px;border:1px solid #e4e7ec;border-radius:14px;background:#f8fafc}
.price7-tools>div:first-child{display:flex;flex-direction:column;gap:3px}.price7-tools>div:first-child>b{font-size:14px}.price7-tools>div:first-child>span{font-size:11px;color:#667085}
.price7-filters{grid-template-columns:repeat(7,minmax(120px,1fr))!important;gap:9px!important;margin-bottom:10px}.price7-filters .search{grid-column:span 2}
.price7-filters select,.price7-filters input{height:42px!important}
.price7-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:10px 0 12px;border-top:1px solid #eef2f6;margin-top:4px}
.price7-title>div:first-child{display:flex;flex-direction:column;gap:2px}.price7-title>div:first-child>b{font-size:17px}.price7-title>div:first-child>span{font-size:10px;color:#667085}
.p7-list-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.p7-sort-control,.p7-page-size{display:flex;align-items:center;gap:7px}.p7-sort-control label,.p7-page-size label,.p7-page-size span{font-size:10px;font-weight:750;color:#667085}.p7-sort-control select,.p7-page-size select{height:36px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:0 30px 0 10px;font-size:11px;font-weight:750;color:#344054}
.price7-table-wrap{max-height:590px!important;overflow:auto!important;border-radius:14px!important;scrollbar-width:thin;box-shadow:inset 0 0 0 1px #e4e7ec}
.price7-table{min-width:1680px!important}.price7-table thead th{position:sticky;top:0;z-index:5;background:#0f2348!important;color:#fff!important;white-space:nowrap}.price7-table th,.price7-table td{padding:10px 11px!important;line-height:1.25}.price7-table tbody tr:nth-child(even) td{background:#fbfcfe}.price7-table tbody tr:hover td{background:#f7faff!important}
.price7-table th:nth-child(1),.price7-table td:nth-child(1){position:sticky;left:0;z-index:4;min-width:135px;box-shadow:1px 0 0 #e5e7eb}.price7-table th:nth-child(1){z-index:7}.price7-table td:nth-child(1){background:#fff}.price7-table tbody tr:nth-child(even) td:nth-child(1){background:#fbfcfe}.price7-table tbody tr:hover td:nth-child(1){background:#f7faff!important}
.p7pill{white-space:nowrap}.p7product{min-width:210px}.p7product b{white-space:nowrap}.p7product small{display:block;margin-top:3px;color:#98a2b3}.p7price{min-width:135px}.p7updated{white-space:nowrap}
.p7-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px 2px}.p7-page-info{font-size:11px;color:#667085;font-weight:700}.p7-page-buttons{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.p7-page-buttons button,.p7-pages button{appearance:none;min-width:34px;height:34px;padding:0 9px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.15s}.p7-page-buttons button:hover:not(:disabled),.p7-pages button:hover{border-color:#f97078;background:#fff5f6;color:#c0102d}.p7-pages{display:flex;align-items:center;gap:5px}.p7-pages button.active{border-color:#ed1b2f;background:#ed1b2f;color:#fff;box-shadow:0 4px 10px rgba(237,27,47,.18)}.p7-page-buttons button:disabled{opacity:.35;cursor:not-allowed;background:#f2f4f7}.p7-page-gap{padding:0 2px;color:#98a2b3;font-weight:800}
.price7-history{margin-top:16px}.price7-history-wrap{overflow:auto;border:1px solid #e4e7ec;border-radius:13px}.price7-history-wrap table{min-width:1100px;width:100%;border-collapse:separate;border-spacing:0}.price7-history-wrap th{background:#f8fafc!important;color:#475467!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.2px;position:sticky;top:0}.price7-history-wrap th,.price7-history-wrap td{padding:10px 12px;border-bottom:1px solid #eef2f6}
@media(max-width:1280px){.price7-filters{grid-template-columns:repeat(4,minmax(140px,1fr))!important}.price7-filters .search{grid-column:span 2}}
@media(max-width:820px){.price7-main{padding:15px!important}.price7-tools,.price7-title{align-items:stretch;flex-direction:column}.price7-filters{grid-template-columns:1fr 1fr!important}.price7-filters .search{grid-column:1/-1}.p7-list-controls{width:100%}.p7-sort-control,.p7-page-size{flex:1 1 220px;justify-content:space-between}.p7-pagination{align-items:flex-start;flex-direction:column}.p7-page-buttons{width:100%}.price7-table-wrap{max-height:520px!important}}
@media(max-width:520px){.price7-filters{grid-template-columns:1fr!important}.price7-filters .search{grid-column:auto}.p7-sort-control,.p7-page-size{flex:1 1 100%}}

/* 2026-09-14 — Kelola Harga: split Voucher Fisik & Kartu Perdana */
.p7-split-card{margin-top:20px;border:1px solid #e3e8f1;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.p7-split-card+.p7-split-card{margin-top:28px}
.p7-split-head{padding:18px 20px!important;margin:0!important;border-bottom:1px solid #edf0f5;background:linear-gradient(180deg,#fff,#fbfcfe)}
.p7-split-head>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.p7-split-head>div:first-child>b{font-size:17px;color:#172033}
.p7-split-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef3f8;color:#334155;font-size:11px;font-weight:800;letter-spacing:.04em}
.p7-split-kicker.perdana{background:#fff0f2;color:#d7192d}
.p7-split-card .price7-table-wrap{margin:0;border:0;border-radius:0}
.p7-split-card .p7-pagination{padding:14px 18px;border-top:1px solid #edf0f5;margin:0}
.p7-perdana-card{border-color:#f1dce0}
.p7-perdana-card .p7-split-head{background:linear-gradient(180deg,#fff,#fff9fa)}
@media(max-width:900px){.p7-split-head{align-items:flex-start!important}.p7-split-head .p7-list-controls{width:100%;justify-content:flex-start}}

/* ===== CHECKLIST FINAL VISUAL — 15 Sep 2026 ===== */
.ux-checklist-page{max-width:1440px!important}
.ux-checklist-page .ux-hero{
 background:radial-gradient(circle at 88% 18%,rgba(237,27,47,.09),transparent 27%),linear-gradient(135deg,#fff 0%,#fffafb 58%,#fff3f5 100%)!important;
 border:1px solid #f0dfe3!important;border-radius:28px!important;padding:30px 34px!important;
 box-shadow:0 16px 42px rgba(15,23,42,.055)!important
}
.ux-checklist-page .ux-hero h2{font-size:34px!important;letter-spacing:-.8px!important}
.ux-checklist-page .ux-hero-side{background:rgba(255,255,255,.82)!important;border:1px solid #f2cfd6!important;border-radius:20px!important;padding:18px 20px!important}
.ux-checklist-page .ux-chips span{background:#fff!important;border:1px solid #e6ebf2!important;border-radius:999px!important;padding:7px 11px!important}
.ux-checklist-page .ux-guide-card{border-radius:20px!important;padding:16px 20px!important;background:linear-gradient(100deg,#fff8eb 0%,#fff 45%,#f7f5ff 100%)!important;border:1px solid #f1e2c7!important}
.ux-checklist-page .pmc-main{border-radius:26px!important;padding:26px!important;box-shadow:0 14px 36px rgba(15,23,42,.05)!important}
.ux-checklist-page .ux-section-title{padding-bottom:18px!important;border-bottom:1px solid #edf0f5!important;margin-bottom:18px!important}
.ux-checklist-page .pm-counter{min-width:108px!important;background:#fff7f8!important;border:1px solid #ffd0d6!important;border-top:3px solid #ed1b2f!important;border-radius:16px!important}
.ux-checklist-page .pm-counter b{color:#d7192d!important;font-size:27px!important}
.ux-checklist-page .pm-toolbar{background:#f8fafc!important;border:1px solid #e5eaf1!important;border-radius:18px!important;padding:16px!important}
.ux-checklist-page .pm-toolbar label{font-weight:800!important;color:#27364d!important}
.ux-checklist-page .pm-toolbar select,.ux-checklist-page .pm-toolbar input{background:#fff!important;border:1px solid #d7deea!important;border-radius:13px!important;min-height:48px!important}
.ux-checklist-page .ux-inline-help{margin:14px 0!important;padding:10px 13px!important;background:#f8fafc!important;border-radius:12px!important;color:#66758b!important}
.ux-checklist-page .pm-table-wrap{border:1px solid #dfe5ee!important;border-radius:20px!important;box-shadow:inset 0 1px 0 #fff!important}
.ux-checklist-page .pm-table thead tr:first-child th{background:#102d5b!important;color:#fff!important}
.ux-checklist-page .pm-table .pm-brand-head.simpati{background:linear-gradient(135deg,#d7192d,#ef3348)!important;color:#fff!important}
.ux-checklist-page .pm-table .pm-brand-head.byu{background:linear-gradient(135deg,#6137cf,#7c4de4)!important;color:#fff!important}
.ux-checklist-page .pm-col-head{background:#f6f8fb!important;color:#172033!important;border-bottom:2px solid #e5eaf1!important}
.ux-checklist-page .pm-default-off-col{background:#fff8ed!important}
.ux-checklist-page .pm-master-label{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;padding:5px 8px!important;margin-top:5px!important;border:1px solid #e1e6ee!important;background:#fff!important;border-radius:10px!important;cursor:pointer!important}
.ux-checklist-page .pm-master-label:hover{border-color:#f4a8b2!important;box-shadow:0 4px 12px rgba(237,27,47,.10)!important}
.ux-checklist-page .pm-master-label input{width:18px!important;height:18px!important;accent-color:#ed1b2f!important;cursor:pointer!important}
.ux-checklist-page .pm-table tbody tr:nth-child(even) td{background:#fbfcfe}
.ux-checklist-page .pm-table tbody tr:hover td{background:#f3f7fc!important}
.ux-checklist-page .pm-table td{border-bottom:1px solid #e8edf3!important}
.ux-checklist-page .pm-state.is-on{background:#e8f8ef!important;color:#087a42!important;padding:3px 6px!important;border-radius:999px!important;font-weight:800!important}
.ux-checklist-page .pm-state.is-off{background:#eef1f5!important;color:#657083!important;padding:3px 6px!important;border-radius:999px!important;font-weight:800!important}
.ux-checklist-page .pm-message.success{background:#ecfdf3!important;color:#087a42!important;border:1px solid #a7e8c4!important;border-radius:14px!important;padding:12px 15px!important}
.ux-checklist-page .pm-message.error{background:#fff1f2!important;color:#b42318!important;border:1px solid #fecdd3!important;border-radius:14px!important;padding:12px 15px!important}


/* ===== SALES SIGER — FINAL CLEAN UI/UX 15 SEP 2026 ===== */
.sales-siger-page{padding-bottom:56px!important}
.sales-siger-hero{margin-bottom:18px!important}
.sales-siger-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px}
.sales-siger-kpis.kpis-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.sales-siger-kpis.kpis-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sales-siger-kpis.kpis-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.sales-kpi{position:relative;overflow:hidden;min-height:118px;padding:17px 18px 15px;border:1px solid #e4e7ec;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(16,24,40,.045)}
.sales-kpi:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:#d0d5dd}
.sales-kpi span,.sales-kpi b,.sales-kpi small{display:block}.sales-kpi span{min-height:28px;color:#667085;font-size:10px;font-weight:850;text-transform:uppercase}.sales-kpi b{margin:7px 0 5px;color:#101828;font-size:24px;line-height:1;font-weight:900}.sales-kpi small{color:#475467;font-size:12px;font-weight:750}
.sales-kpi.simpati-vf:before{background:#ed1b2f}
.sales-kpi.byu-vf:before{background:#7040d8}
.sales-kpi.total-vf{border-color:#bfdbfe;background:linear-gradient(145deg,#eff6ff,#fff)}.sales-kpi.total-vf:before{background:#1d4ed8}.sales-kpi.total-vf b,.sales-kpi.total-vf small{color:#1e40af}
.sales-kpi.simpati-pd:before{background:#c8102e}
.sales-kpi.byu-pd:before{background:#5c28c8}
.sales-kpi.total-pd{border-color:#fed7aa;background:linear-gradient(145deg,#fff7ed,#fff)}.sales-kpi.total-pd:before{background:#c2410c}.sales-kpi.total-pd b,.sales-kpi.total-pd small{color:#9a3412}
.sales-kpi.total{border-color:#cbd5e1;background:linear-gradient(145deg,#f8fafc,#fff)}.sales-kpi.total:before{background:#0f172a}.sales-kpi.total b,.sales-kpi.total small{color:#0f172a}

.sales-siger-main{padding:22px 24px!important;border-radius:24px!important;overflow:hidden!important}
.sales-filter{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin:18px 0 22px}
.sales-filter label{display:flex;flex-direction:column;gap:7px;color:#17243a;font-size:11px;font-weight:850}.sales-filter select,.sales-filter input{box-sizing:border-box;width:100%;height:52px;border:1px solid #ced8e6;border-radius:14px;background:#fff;padding:0 15px;color:#17243a;font:inherit;font-size:12px;font-weight:700;outline:none}.sales-filter select:focus,.sales-filter input:focus{border-color:#f97078;box-shadow:0 0 0 3px rgba(237,27,47,.08)}.sales-filter .ux-btn{height:52px;padding:0 22px;border-radius:14px;white-space:nowrap}

/* Summary table: spacious, unconstrained, horizontal scrolling, no text overlap */
.sales-siger-page .sales-summary-wrap{position:relative;width:100%!important;max-width:100%!important;max-height:640px;overflow-x:auto!important;overflow-y:auto!important;border:1px solid #cbd5e1!important;border-radius:18px!important;background:#fff;box-shadow:0 4px 20px rgba(15,23,42,0.06);scrollbar-width:thin;scrollbar-gutter:stable}
.sales-siger-page .sales-summary-table{width:max-content!important;min-width:2280px!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important;font-size:12.5px!important}
.sales-siger-page .sales-summary-table.perdana-only-table{min-width:1420px!important}
.sales-siger-page .sales-summary-table col.c-no{width:55px;min-width:55px}
.sales-siger-page .sales-summary-table col.c-branch{width:130px;min-width:130px}
.sales-siger-page .sales-summary-table col.c-cluster{width:150px;min-width:150px}
.sales-siger-page .sales-summary-table col.c-qty{width:95px;min-width:95px}
.sales-siger-page .sales-summary-table col.c-money{width:130px;min-width:130px}
.sales-siger-page .sales-summary-table col.c-sum-qty{width:110px;min-width:110px}
.sales-siger-page .sales-summary-table col.c-sum-money{width:145px;min-width:145px}
.sales-siger-page .sales-summary-table col.c-totalqty{width:115px;min-width:115px}
.sales-siger-page .sales-summary-table col.c-totalmoney{width:155px;min-width:155px}
.sales-siger-page .sales-summary-table col.c-detail{width:65px;min-width:65px}
.sales-siger-page .sales-summary-table th,.sales-siger-page .sales-summary-table td{box-sizing:border-box!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.sales-siger-page .sales-summary-table thead th{position:sticky;top:0;z-index:8;height:52px!important;padding:12px 14px!important;background:#0f172a!important;color:#fff!important;font-size:11.5px!important;font-weight:900!important;line-height:1.2!important;text-transform:uppercase;letter-spacing:.02em!important;overflow:visible!important;text-overflow:clip!important}
.sales-siger-page .sales-summary-table thead tr:nth-child(2) th{top:52px!important;z-index:9;height:42px!important;padding:8px 10px!important;background:#1e293b!important;color:#f1f5f9!important;font-size:11px!important;font-weight:800!important}
.sales-siger-page .sales-summary-table thead .sales-head{height:52px!important;padding:0 14px!important;font-size:12px!important;text-align:center!important;vertical-align:middle!important;font-weight:900!important;letter-spacing:.03em!important}
.sales-siger-page .sales-summary-table thead .sales-head.simpati{background:#e11d48!important}
.sales-siger-page .sales-summary-table thead .sales-head.byu{background:#7c3aed!important}
.sales-siger-page .sales-summary-table thead .sales-head.total-vf{background:#1d4ed8!important}
.sales-siger-page .sales-summary-table thead .sales-head.simpati-pd{background:#be123c!important}
.sales-siger-page .sales-summary-table thead .sales-head.byu-pd{background:#4338ca!important}
.sales-siger-page .sales-summary-table thead .sales-head.perdana{background:#c2410c!important}
.sales-siger-page .sales-summary-table thead .sales-head.total-grand{background:#0f172a!important}
.sales-siger-page .sales-summary-table thead .sales-head.outlet-order{background:#0891b2!important}
.sales-siger-page .sales-summary-table tbody td{height:54px!important;padding:10px 14px!important;background:#fff;color:#0f172a;font-size:12.5px!important}
.sales-siger-page .sales-summary-table tbody tr:nth-child(even):not(.sales-grand-total) td{background:#f8fafc}
.sales-siger-page .sales-summary-table tbody tr:not(.sales-grand-total):hover td{background:#f1f5f9!important}
.sales-siger-page .sales-summary-table tbody td:nth-child(2),.sales-siger-page .sales-summary-table tbody td:nth-child(3){font-weight:750!important;text-align:center!important}
.sales-siger-page .sales-summary-table tbody td:nth-child(n+4){font-variant-numeric:tabular-nums}
.sales-siger-page .sales-summary-table tbody td.cell-highlight-vf{background:#eff6ff!important;color:#1e40af!important;font-weight:800!important}
.sales-siger-page .sales-summary-table tbody td.cell-highlight-pd{background:#fff7ed!important;color:#9a3412!important;font-weight:800!important}
.sales-siger-page .sales-summary-table tbody td.cell-highlight-grand{background:#f1f5f9!important;color:#0f172a!important;font-weight:900!important}
.sales-siger-page .sales-summary-table .sales-grand-total td{position:sticky!important;bottom:0!important;z-index:6!important;height:56px!important;padding:12px 14px!important;background:#e2e8f0!important;border-top:2px solid #94a3b8!important;color:#0f172a!important;font-weight:900!important;font-size:13px!important;text-align:center!important}
.sales-siger-page .sales-summary-table .sales-grand-total td.cell-highlight-vf{background:#dbeafe!important;color:#1e40af!important}
.sales-siger-page .sales-summary-table .sales-grand-total td.cell-highlight-pd{background:#ffedd5!important;color:#9a3412!important}
.sales-siger-page .sales-summary-table .sales-grand-total td.cell-highlight-grand{background:#cbd5e1!important;color:#0f172a!important}
.sales-siger-page .sales-eye{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;margin:0 auto!important;padding:0!important;border:1px solid #ffc3ca!important;border-radius:11px!important;background:#fff7f8!important;color:#e11d48!important;font-size:15px!important;cursor:pointer;transition:.15s}
.sales-siger-page .sales-eye:hover{background:#e11d48!important;color:#fff!important;border-color:#e11d48!important;transform:translateY(-1px);box-shadow:0 4px 10px rgba(225,29,72,.2)}

/* Detail modal */
.sales-modal[hidden]{display:none!important}.sales-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(15,28,54,.58);backdrop-filter:blur(4px)}body.sales-modal-open{overflow:hidden}.sales-modal-card{display:flex;flex-direction:column;width:min(1540px,97vw);max-height:92vh;overflow:hidden;border:1px solid #e4e7ec;border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(15,28,54,.28)}.sales-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid #eaecf0;background:linear-gradient(110deg,#fff 0%,#fff7f8 62%,#fff3f5 100%)}.sales-modal-head h3{margin:7px 0 0;font-size:24px}.sales-modal-head button{width:38px;height:38px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;font-size:24px;cursor:pointer}.sales-modal-summary{display:flex;gap:10px;flex-wrap:wrap;padding:14px 26px;border-bottom:1px solid #eef2f6;background:#f8fafc}.sales-modal-summary .sales-stat{min-width:132px;padding:10px 13px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:3px}.sales-modal-summary .sales-stat small{font-size:8px;font-weight:900;color:#667085}.sales-modal-summary .sales-stat b{font-size:14px;font-weight:900}.sales-modal-summary .sales-stat.qty{border-top:3px solid #344054}.sales-modal-summary .sales-stat.vf{border-top:3px solid #ed1b2f}.sales-modal-summary .sales-stat.perdana{border-top:3px solid #f79009}.sales-modal-summary .sales-stat.omset{border-top:3px solid #12b76a;min-width:160px}
.sales-detail-wrap{width:100%;max-width:100%;max-height:calc(92vh - 180px);overflow:auto;scrollbar-width:thin}.sales-detail-table{width:100%;min-width:1350px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:10px}.sales-detail-table col.d-order{width:7%}.sales-detail-table col.d-date{width:10%}.sales-detail-table col.d-city{width:14%}.sales-detail-table col.d-buyer{width:11%}.sales-detail-table col.d-cat{width:9%}.sales-detail-table col.d-brand{width:7%}.sales-detail-table col.d-product{width:11%}.sales-detail-table col.d-valid{width:7%}.sales-detail-table col.d-qty{width:5%}.sales-detail-table col.d-price{width:7%}.sales-detail-table col.d-subtotal{width:7%}.sales-detail-table col.d-status{width:5%}.sales-detail-table th,.sales-detail-table td{box-sizing:border-box;padding:9px 7px;border-bottom:1px solid #eef2f6;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-detail-table thead th{position:sticky;top:0;z-index:2;height:42px;background:#112e5d;color:#fff;font-size:9px;text-transform:uppercase}.sales-detail-table td{height:46px;color:#344054}.sales-detail-table tbody tr:nth-child(even) td{background:#f8fafc}.sales-detail-table tbody tr:hover td{background:#fff8f8}.sales-detail-table th:nth-child(9),.sales-detail-table td:nth-child(9),.sales-detail-table th:nth-child(10),.sales-detail-table td:nth-child(10),.sales-detail-table th:nth-child(11),.sales-detail-table td:nth-child(11){text-align:right}.sales-detail-table th:last-child,.sales-detail-table td:last-child{text-align:center}.sales-cat{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850}.sales-cat.voucher{background:#eef2f6;color:#344054;border:1px solid #e4e7ec}.sales-cat.perdana{background:#fff4e8;color:#b54708;border:1px solid #fedf89}.sales-status{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 6px;border-radius:999px;font-size:8px;font-weight:900;border:1px solid transparent}.sales-status.pending{background:#fff7e8;color:#b54708;border-color:#fedf89}.sales-status.process{background:#eff8ff;color:#175cd3;border-color:#b2ddff}.sales-status.delivery{background:#f4f3ff;color:#5925dc;border-color:#d9d6fe}.sales-status.done{background:#ecfdf3;color:#027a48;border-color:#abefc6}.sales-status.cancel{background:#fff1f3;color:#c01048;border-color:#fecdd6}.sales-status.default{background:#f2f4f7;color:#475467;border-color:#e4e7ec}.sales-loading{text-align:center!important;padding:32px!important;color:#667085!important}

@media(max-width:1280px){.sales-siger-kpis{grid-template-columns:repeat(3,1fr)}.sales-kpi.total{grid-column:span 3}.sales-filter{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.sales-siger-kpis{grid-template-columns:1fr 1fr}.sales-kpi.total{grid-column:1/-1}.sales-filter{grid-template-columns:1fr 1fr}.sales-filter .ux-btn{width:100%}.sales-siger-main{padding:16px!important}.sales-modal{padding:10px}.sales-modal-card{width:100%;max-height:94vh;border-radius:18px}.sales-modal-summary .sales-stat{min-width:calc(50% - 5px)}.sales-modal-summary .sales-stat.omset{min-width:100%}}
@media(max-width:520px){.sales-siger-kpis,.sales-filter{grid-template-columns:1fr}.sales-kpi.total{grid-column:auto}.sales-kpi{min-height:108px}.sales-kpi b{font-size:25px}}
@media(max-width:820px){.sales-siger-kpis{grid-template-columns:1fr 1fr}.sales-kpi.total{grid-column:1/-1}.sales-filter{grid-template-columns:1fr 1fr}.sales-filter .ux-btn{width:100%}.sales-siger-main{padding:16px!important}.sales-modal{padding:10px}.sales-modal-card{width:100%;max-height:94vh;border-radius:18px}.sales-modal-summary .sales-stat{min-width:calc(50% - 5px)}.sales-modal-summary .sales-stat.omset{min-width:100%}}
@media(max-width:520px){.sales-siger-kpis,.sales-filter{grid-template-columns:1fr}.sales-kpi.total{grid-column:auto}.sales-kpi{min-height:108px}.sales-kpi b{font-size:25px}}


/* FINAL 2 PRICE COLUMNS - product management only */
/* SIGER V2 unified UX layer — 2026-09-11 */
:root{--ux-red:#ed1b2f;--ux-navy:#0f1c36;--ux-text:#101828;--ux-muted:#667085;--ux-line:#e4e7ec;--ux-bg:#f5f7fa;--ux-green:#12b76a;--ux-orange:#f79009}
.ux-page{max-width:1440px!important;margin:0 auto;padding:28px 26px 44px!important;color:var(--ux-text)}
.ux-page .panel{border:1px solid var(--ux-line);box-shadow:0 10px 30px rgba(16,24,40,.045)}
.ux-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px!important;border-radius:26px!important;background:linear-gradient(120deg,#fff 0%,#fff 68%,#fff3f4 100%)!important;margin-bottom:14px}.ux-hero-copy{min-width:0;max-width:900px}.ux-hero h2{font-size:32px!important;line-height:1.12;margin:12px 0 9px!important;letter-spacing:-.035em}.ux-hero p{margin:0;color:var(--ux-muted);font-size:14px;line-height:1.55}.kicker{display:inline-flex!important;width:max-content;padding:6px 10px;border-radius:999px;background:#fff1f2;border:1px solid #fecdd3;color:#c8102e;font-size:10px!important;font-weight:900!important;letter-spacing:.5px}.ux-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.ux-chips span{padding:6px 9px;border-radius:999px;background:#f8fafc;border:1px solid #e7eaf0;font-size:10px;font-weight:750;color:#475467}.ux-hero-side{min-width:220px;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #f1d8db;border-radius:17px;background:rgba(255,255,255,.8)}.ux-hero-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff0f1;font-size:20px}.ux-hero-side b,.ux-hero-side small{display:block}.ux-hero-side b{font-size:12px}.ux-hero-side small{margin-top:3px;color:var(--ux-muted);font-size:10px;line-height:1.35}
.ux-guide-card{display:flex;align-items:center;gap:12px;padding:13px 16px!important;border-radius:17px!important;margin-bottom:14px;background:#fffaf5!important}.ux-guide-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff1bd}.ux-guide-card>div:nth-child(2){display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.ux-guide-card b{font-size:12px}.ux-guide-card span{font-size:11px;color:#475467;line-height:1.45}.ux-status-legend{margin-left:auto;display:flex!important;gap:10px!important;flex-wrap:wrap}
.ux-filter-card,.ux-table-card{padding:20px 22px!important;border-radius:22px!important;margin-bottom:14px}.ux-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.ux-section-title h3{margin:8px 0 3px;font-size:18px;letter-spacing:-.02em}.ux-section-title p{margin:0;color:var(--ux-muted);font-size:11px}.ux-section-actions,.ux-table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ux-btn{appearance:none;border:1px solid #d0d5dd;border-radius:11px;min-height:40px;padding:0 14px;background:#fff;color:#344054;font:inherit;font-size:11px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.16s}.ux-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(16,24,40,.07)}.ux-btn-primary{border-color:var(--ux-red);background:linear-gradient(135deg,#e60022,#ff4050);color:#fff;box-shadow:0 6px 15px rgba(237,27,47,.16)}.ux-btn-ghost{background:#fff}
.ux-filter-grid{display:grid;gap:10px;align-items:end}.ux-summary-filter-grid{grid-template-columns:1.1fr 1fr 1fr auto}.ux-filter-grid-3{grid-template-columns:1fr 1fr 1.4fr!important}.ux-filter-grid label{display:flex;flex-direction:column;gap:5px;font-size:10px!important;font-weight:850!important;color:#344054}.ux-filter-grid select,.ux-filter-grid input,.ux-filter-card select,.ux-filter-card input{width:100%;box-sizing:border-box;min-height:42px;border:1px solid #d0d5dd;border-radius:11px;background:#fff;padding:8px 11px;font:inherit;font-size:11px;color:#101828;outline:none}.ux-filter-grid select:focus,.ux-filter-grid input:focus{border-color:#f97078;box-shadow:0 0 0 3px rgba(237,27,47,.08)}.ux-filter-actions{display:flex}.ux-filter-actions .ux-btn{min-height:42px}
.ux-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.ux-kpi-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ux-kpi{min-width:0;padding:14px 15px;background:#fff;border:1px solid var(--ux-line);border-radius:16px;box-shadow:0 6px 20px rgba(16,24,40,.035)}.ux-kpi span,.ux-kpi b,.ux-kpi small{display:block}.ux-kpi span{font-size:10px;font-weight:750;color:#667085}.ux-kpi b{margin:5px 0 3px;font-size:25px;line-height:1.05;color:#101828}.ux-kpi small{font-size:9px;color:#98a2b3;line-height:1.3}.ux-kpi.success{background:#f3fbf6;border-color:#c8efda}.ux-kpi.success b{color:#067647}.ux-kpi.warning{background:#fff9f0;border-color:#fde4bb}.ux-kpi.warning b{color:#b54708}.ux-kpi.danger{background:#fff5f5;border-color:#ffd2d6}.ux-kpi.danger b{color:#c0102d}
.ux-inline-help{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 9px;color:#667085;font-size:10px}.ux-table-wrap{overflow:auto;border:1px solid var(--ux-line);border-radius:14px;background:#fff;max-width:100%}.ux-data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.ux-data-table th,.ux-data-table td{padding:10px 11px;border-bottom:1px solid #e7eaf0;vertical-align:middle}.ux-data-table thead th{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15px}.ux-data-table tbody tr:hover td{background:#fafcff}.ux-data-table tfoot td{font-weight:900;background:#eef2f7}.ux-table-title{align-items:center}.summary-table-wrap{max-height:520px}.summary-table th,.summary-table td{text-align:center}.summary-table th:first-child,.summary-table td:first-child{text-align:left}.summary-table .th-red{background:#d90429!important;color:#fff}.summary-table .th-navy{background:#071d55!important;color:#fff}.summary-table thead tr:first-child th:first-child{border-radius:12px 0 0 0}.summary-table thead tr:first-child th:last-child{border-radius:0 12px 0 0}
/* make product/price pages visually consistent and less horizontally exhausting */
.product-management-page,.price-management-page{max-width:1440px!important}.pm-table-wrap,.pmx-table-wrap{scrollbar-width:thin}.pmx-main-panel{padding:20px 22px!important;border-radius:22px!important}.pmx-toolbar{gap:9px!important}.pmx-price-table th,.pmx-price-table td{padding:9px 10px!important}.pmx-save-btn{padding:8px 11px!important;min-width:72px}.pmx-history-panel{border-radius:22px!important}.pmc-main{padding:20px 22px!important;border-radius:22px!important}
@media(max-width:1180px){.ux-kpi-grid-6{grid-template-columns:repeat(3,1fr)}.ux-summary-filter-grid{grid-template-columns:1fr 1fr}.ux-filter-actions .ux-btn{width:100%}.ux-hero-side{min-width:190px}}
@media(max-width:760px){.ux-page{padding:16px 12px 30px!important}.ux-hero{padding:20px!important;flex-direction:column;align-items:stretch}.ux-hero h2{font-size:26px!important}.ux-hero-side{min-width:0}.ux-guide-card{align-items:flex-start}.ux-guide-card>div:nth-child(2){display:block}.ux-status-legend{margin-left:0}.ux-section-title{align-items:stretch;flex-direction:column}.ux-section-actions,.ux-table-actions{width:100%}.ux-section-actions .ux-btn,.ux-table-actions .ux-btn{flex:1}.ux-summary-filter-grid,.ux-filter-grid-3{grid-template-columns:1fr!important}.ux-kpi-grid,.ux-kpi-grid-6{grid-template-columns:1fr 1fr}.ux-filter-card,.ux-table-card,.pmc-main,.pmx-main-panel{padding:16px!important}.ux-data-table{font-size:10px}}
@media(max-width:440px){.ux-kpi-grid,.ux-kpi-grid-6{grid-template-columns:1fr}}


/* Dashboard order sorting + purchase phone UX — 2026-09-11 */
.dashboard-order-tools{display:flex;align-items:flex-end;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.dashboard-sort-control{display:flex;flex-direction:column;gap:5px;min-width:190px}
.dashboard-sort-control>span{font-size:10px;font-weight:850;color:#667085}
.dashboard-sort-control select{height:40px;border:1px solid #d0d5dd;border-radius:11px;background:#fff;padding:0 34px 0 12px;font:inherit;font-size:11px;font-weight:750;color:#344054;outline:none;cursor:pointer}
.dashboard-sort-control select:focus{border-color:#f97078;box-shadow:0 0 0 3px rgba(237,27,47,.08)}
@media(max-width:760px){.dashboard-order-tools{width:100%;justify-content:stretch;align-items:stretch}.dashboard-sort-control{min-width:0;flex:1 1 100%}.dashboard-status-legend{justify-content:flex-start}}

/* SIGER V2 final pricing terminology: only Harga Pokok + Setting TP visible */
.price-internal-hidden{display:none!important;}

/* =========================================================
   SIGER V2
   LINE UP VOUCHER - FINAL TABLE REVISION
   KUOTA C-B -> KUOTA
   REMOVE FT & SFT FROM UI
   ========================================================= */

.lineup-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: auto;

    border: 1px solid #e3e9f1;
    border-radius: 16px;

    background: #fff;

    max-height: 620px;
}


/* TABLE
--------------------------------------------------------- */

.lineup-table {
    width: 100% !important;
    min-width: 1280px !important;

    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    margin: 0 !important;
}


/* HEADER
--------------------------------------------------------- */

.lineup-table thead th {
    position: sticky;
    top: 0;
    z-index: 5;

    height: 54px;

    padding: 0 14px !important;

    background: #10264b !important;
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;

    text-align: center !important;
    vertical-align: middle !important;

    white-space: nowrap !important;

    border-right: 1px solid rgba(255,255,255,.08);
    border-bottom: 0 !important;
}


/* BODY
--------------------------------------------------------- */

.lineup-table tbody td {
    min-height: 64px;

    padding: 13px 14px !important;

    font-size: 13px !important;
    line-height: 1.4 !important;

    color: #152238;

    vertical-align: middle !important;

    border-right: 1px solid #edf1f6;
    border-bottom: 1px solid #e7ecf2;

    background: #ffffff;
}


.lineup-table tbody tr:nth-child(even) td {
    background: #fafbfd;
}


.lineup-table tbody tr:hover td {
    background: #f7f9fc;
}


/* =========================================================
   COLUMN WIDTH
   ========================================================= */

.lineup-table .col-status {
    width: 90px;
    text-align: center;
}

.lineup-table .col-brand {
    width: 100px;
    text-align: center;
}

.lineup-table .col-validity {
    width: 105px;
    text-align: center;
}

.lineup-table .col-product {
    width: 310px;
    text-align: left;
}

.lineup-table .col-kuota {
    width: 110px;
    text-align: center;
}

.lineup-table .col-hpp {
    width: 125px;
    text-align: right;
}

.lineup-table .col-setting {
    width: 125px;
    text-align: right;
}

.lineup-table .col-activity {
    width: 190px;
    text-align: left;
}

.lineup-table .col-stock {
    width: 190px;
    text-align: left;
}


/* =========================================================
   PRODUCT
   ========================================================= */

.lineup-product-name {
    color: #111c30;

    font-size: 13px;
    font-weight: 800;

    line-height: 1.35;

    white-space: normal;
    word-break: normal;
}


.lineup-product-code {
    margin-top: 3px;

    color: #8995a8;

    font-size: 11px;
    font-weight: 500;

    line-height: 1.3;
}


/* =========================================================
   BRAND
   ========================================================= */

.lineup-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 65px;

    padding: 5px 9px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .2px;
}


.lineup-brand.simpati {
    color: #e31b32;
    background: #fff0f2;
}


.lineup-brand.by\.u,
.lineup-brand.byu {
    color: #6132d5;
    background: #f1ecff;
}


/* =========================================================
   STATUS
   ========================================================= */

.lineup-status-cell {
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 5px;
}


.lineup-status-text {
    font-size: 10px;
    font-weight: 800;
}


.lineup-status-text.active {
    color: #059669;
}


.lineup-status-text.off {
    color: #8995a8;
}


/* SWITCH */

.lineup-switch {
    position: relative;

    display: inline-block;

    width: 46px;
    height: 25px;
}


.lineup-switch input {
    width: 0;
    height: 0;

    opacity: 0;
}


.lineup-slider {
    position: absolute;

    inset: 0;

    cursor: pointer;

    background: #d9e0e9;

    border-radius: 999px;

    transition: .2s ease;
}


.lineup-slider::before {
    content: "";

    position: absolute;

    width: 19px;
    height: 19px;

    left: 3px;
    top: 3px;

    background: #ffffff;

    border-radius: 50%;

    box-shadow: 0 1px 3px rgba(0,0,0,.20);

    transition: .2s ease;
}


.lineup-switch input:checked + .lineup-slider {
    background: #11b981;
}


.lineup-switch input:checked + .lineup-slider::before {
    transform: translateX(21px);
}


/* =========================================================
   OTHER
   ========================================================= */

.lineup-muted {
    color: #9aa5b5;
}


.lineup-empty {
    padding: 40px !important;

    text-align: center !important;

    color: #778397;
}


/* Scrollbar */

.lineup-table-wrap::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}


.lineup-table-wrap::-webkit-scrollbar-track {
    background: #f1f4f8;
}


.lineup-table-wrap::-webkit-scrollbar-thumb {
    background: #aeb8c6;
    border-radius: 999px;
}


.lineup-table-wrap::-webkit-scrollbar-thumb:hover {
    background: #8995a6;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

    .lineup-table {
        min-width: 1180px !important;
    }

    .lineup-table .col-product {
        width: 270px;
    }

    .lineup-table .col-activity,
    .lineup-table .col-stock {
        width: 170px;
    }
}