/* Ubudiyah ERP UI v2 - runtime override, no Vite rebuild required */
:root{--erp-pink:#ec4899;--erp-pink-dark:#db2777;--erp-ink:#17211d;--erp-muted:#718078;--erp-line:#e3e8e5;--erp-bg:#f3f6f5;--erp-side:#141b24}
html,body{background:var(--erp-bg)!important;color:var(--erp-ink);font-family:"Instrument Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px;letter-spacing:-.01em}

/* SIDEBAR - enterprise dark */
[data-sidebar="sidebar"]{background:linear-gradient(180deg,#151c25 0%,#101720 100%)!important;color:#d8dfe5!important;border-color:rgba(255,255,255,.07)!important}
[data-sidebar="header"]{min-height:92px!important;padding:12px 10px 8px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
[data-sidebar="content"]{padding:10px 8px 18px!important}
[data-sidebar="footer"]{padding:10px 8px!important;border-top:1px solid rgba(255,255,255,.07)!important}
[data-sidebar="menu-button"]{min-height:42px!important;border-radius:11px!important;padding:0 12px!important;color:#c8d0d7!important;font-size:13px!important;transition:.18s ease!important}
[data-sidebar="menu-button"] span{font-size:13px!important;font-weight:600!important}
[data-sidebar="menu-button"] svg{width:17px!important;height:17px!important}
[data-sidebar="menu-button"]:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
[data-sidebar="menu-button"][data-active="true"]{background:linear-gradient(90deg,#ec4899,#db2777)!important;color:#fff!important;box-shadow:0 10px 24px rgba(219,39,119,.18)!important}
[data-sidebar="menu-sub"]{border-color:rgba(255,255,255,.1)!important}
[data-sidebar="menu-sub-button"]{font-size:12px!important;color:#aab4bd!important;border-radius:8px!important}
[data-sidebar="menu-sub-button"]:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}

/* APP SHELL */
[data-slot="sidebar-inset"]{background:var(--erp-bg)!important}
[data-slot="sidebar-inset"]>header{height:68px!important;margin:14px 16px 0!important;padding:0 18px!important;border:1px solid var(--erp-line)!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(21,44,34,.05)!important}
[data-slot="sidebar-inset"]>header [data-sidebar="trigger"]{border:1px solid #e4e9e6!important;border-radius:10px!important;background:#fff!important}

/* Generic content rhythm */
[data-slot="sidebar-inset"]>.flex.flex-1.flex-col{gap:14px!important;padding:16px!important}
[data-slot="sidebar-inset"] h1{font-size:30px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.045em!important;color:#16211c!important}
[data-slot="sidebar-inset"] h2,[data-slot="sidebar-inset"] [data-slot="card-title"]{font-weight:750!important;letter-spacing:-.025em!important}
[data-slot="sidebar-inset"] p.text-muted-foreground{font-size:12px!important;color:#849089!important}

/* Cards */
[data-slot="card"]{border:1px solid var(--erp-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(24,46,37,.045)!important}
[data-slot="card-header"]{padding:17px 18px 9px!important}
[data-slot="card-content"]{padding:10px 18px 18px!important}
[data-slot="card-description"]{font-size:11px!important;font-weight:600!important;color:#849089!important}

/* Form elements */
[data-slot="sidebar-inset"] input,[data-slot="sidebar-inset"] textarea,[data-slot="sidebar-inset"] button[role="combobox"]{height:40px!important;border-color:#dfe5e2!important;border-radius:10px!important;background:#fff!important;font-size:12px!important;box-shadow:0 2px 7px rgba(15,23,42,.025)!important}
[data-slot="sidebar-inset"] label{font-size:11px!important;font-weight:650!important;color:#46534d!important}

/* Buttons */
[data-slot="sidebar-inset"] button{font-size:12px;font-weight:650}
[data-slot="sidebar-inset"] .bg-pink-500,[data-slot="sidebar-inset"] button.bg-pink-500{background:linear-gradient(135deg,#ec4899,#db2777)!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(219,39,119,.16)!important}

/* TABLES - compact ERP */
[data-slot="sidebar-inset"] table{font-size:11.5px!important;border-collapse:separate!important;border-spacing:0!important}
[data-slot="sidebar-inset"] table thead tr{background:#fff0f7!important;color:#b72d6b!important}
[data-slot="sidebar-inset"] table thead th{height:42px!important;padding:0 14px!important;background:#fff0f7!important;color:#b72d6b!important;border-bottom:1px solid #f3d7e4!important;font-size:10.5px!important;font-weight:800!important;white-space:nowrap!important}
[data-slot="sidebar-inset"] table tbody td{height:47px!important;padding:0 14px!important;border-bottom:1px solid #edf1ef!important;font-size:11.5px!important;color:#526059!important;vertical-align:middle!important;white-space:nowrap!important}
[data-slot="sidebar-inset"] table tbody tr:hover td{background:#fcfdfc!important}
[data-slot="sidebar-inset"] table tbody td .text-xs{font-size:9.5px!important}

/* REPORT PAGE - match Aparture-like reference */
html[data-erp-route="/laporan/bulanan"] [data-slot="sidebar-inset"]>.flex.flex-1.flex-col>div:first-child{padding:10px 4px 3px!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="sidebar-inset"]>.flex.flex-1.flex-col>div:first-child>div:first-child:before{content:"FINANCE & SALES REPORT";display:block;margin-bottom:7px;font-size:9px;font-weight:800;letter-spacing:.18em;color:#89938e}
html[data-erp-route="/laporan/bulanan"] [data-slot="sidebar-inset"]>.flex.flex-1.flex-col>.grid{gap:12px!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="card"]{min-height:0!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="card"] [data-slot="card-content"] .text-2xl,
html[data-erp-route="/laporan/bulanan"] [data-slot="card"] [data-slot="card-content"] .text-xl{font-size:25px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.04em!important;color:#17211d!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="card"] [data-slot="card-header"]{padding-bottom:4px!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="card"] [data-slot="card-content"]{padding-top:6px!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="card"]:has([data-slot="card-title"]){background:linear-gradient(135deg,#fff 0%,#fff9fc 55%,#fff4f8 100%)!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="card-title"]{font-size:15px!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="card-description"]{font-size:11px!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="card"]:has(table){overflow:hidden!important;background:#fff!important}
html[data-erp-route="/laporan/bulanan"] [data-slot="card"]:has(table) [data-slot="card-content"]{padding:0 18px 8px!important}

/* DASHBOARD - ERP command center feel */
/*html[data-erp-route="/dashboard"] [data-slot="sidebar-inset"]>.flex.flex-1.flex-col:before{content:"OWNER COMMAND CENTER\A Selamat Datang di ERP Ubudiyah\A Pantau penjualan, produksi, customer dan order dari satu dashboard terintegrasi.";white-space:pre-line;display:block;padding:27px 30px 29px;border-radius:22px;background:linear-gradient(120deg,#7e1748 0%,#d72e78 55%,#f05c9b 100%);color:#fff;font-size:13px;line-height:1.75;box-shadow:0 16px 34px rgba(177,32,101,.16)}*/
html[data-erp-route="/dashboard"] [data-slot="sidebar-inset"]>.flex.flex-1.flex-col:before:first-line{font-size:10px;font-weight:800;letter-spacing:.18em}
html[data-erp-route="/dashboard"] [data-slot="card"]{border-radius:18px!important}
html[data-erp-route="/dashboard"] [data-slot="card-title"]{font-size:12px!important}
html[data-erp-route="/dashboard"] [data-slot="card-content"]>.text-2xl{font-size:25px!important;font-weight:800!important;letter-spacing:-.04em!important}

/* LOGIN - split ERP without changing React/route logic */
html[data-erp-route="/login"] body{background:#f8faf9!important}
html[data-erp-route="/login"] body:before{content:"";position:fixed;z-index:0;inset:0 50% 0 0;background-image:url("/assets/images/logo-ubudiyah.png"),linear-gradient(145deg,#fff 0%,#fff0f6 45%,#f6c1d7 100%);background-repeat:no-repeat,no-repeat;background-size:230px auto,cover;background-position:7vw 8vh,center;pointer-events:none}
html[data-erp-route="/login"] body:after{content:"ERP SYSTEM\A\A Satu Sistem untuk Pertumbuhan Ubudiyah\A\A Kelola penjualan, stok, produksi, keuangan dan pelanggan dalam satu sistem terintegrasi.";white-space:pre-line;position:fixed;z-index:1;left:7vw;top:33%;width:36vw;color:#2c1722;font-size:15px;line-height:1.65;font-weight:500;pointer-events:none}
html[data-erp-route="/login"] #app{position:relative;z-index:2}
html[data-erp-route="/login"] #app>.flex.min-h-svh{align-items:flex-end!important;justify-content:center!important;padding:0 8vw 0 58vw!important;background:transparent!important;min-height:100vh!important}
html[data-erp-route="/login"] #app>.flex.min-h-svh>.w-full{max-width:470px!important;border:1px solid #e1e7e4!important;border-radius:24px!important;background:rgba(255,255,255,.97)!important;padding:38px!important;box-shadow:0 24px 60px rgba(30,48,40,.09)!important;margin:auto 0!important}
html[data-erp-route="/login"] #app>.flex.min-h-svh>.w-full:before{content:"UBUDIYAH ERP SYSTEM";display:block;margin-bottom:20px;color:#db2777;font-size:10px;font-weight:800;letter-spacing:.18em}
html[data-erp-route="/login"] #app>.flex.min-h-svh .text-xl{font-size:32px!important;font-weight:800!important;letter-spacing:-.04em!important;color:#17211d!important}
html[data-erp-route="/login"] #app>.flex.min-h-svh .max-w-sm input{height:44px!important;border-radius:11px!important;border-color:#dfe5e2!important;background:#fff!important;font-size:13px!important}
html[data-erp-route="/login"] #app>.flex.min-h-svh button[type="submit"]{height:44px!important;border-radius:11px!important;background:linear-gradient(90deg,#ec4899,#db2777)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(219,39,119,.18)!important}
html[data-erp-route="/login"] #app>.flex.min-h-svh img[src*="logo-ubudiyah"],html[data-erp-route="/login"] #app>.flex.min-h-svh svg{color:#ec4899}

@media(max-width:1100px){
 html[data-erp-route="/login"] body:before,html[data-erp-route="/login"] body:after{display:none}
 html[data-erp-route="/login"] #app>.flex.min-h-svh{align-items:center!important;padding:24px!important}
 html[data-erp-route="/login"] #app>.flex.min-h-svh>.w-full{margin:auto!important}
}
@media(max-width:760px){
 [data-slot="sidebar-inset"]>header{height:60px!important;margin:8px 8px 0!important;border-radius:14px!important;padding:0 12px!important}
 [data-slot="sidebar-inset"]>.flex.flex-1.flex-col{padding:10px 8px 18px!important;gap:10px!important}
 [data-slot="sidebar-inset"] h1{font-size:25px!important}
 [data-slot="card"]{border-radius:15px!important}
 [data-slot="sidebar-inset"] table thead th{padding:0 11px!important}
 [data-slot="sidebar-inset"] table tbody td{padding:0 11px!important;height:45px!important}
 html[data-erp-route="/login"] #app>.flex.min-h-svh>.w-full{padding:28px 22px!important;border-radius:20px!important}
}