*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:var(--font,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);background:var(--app-bg,#f4f7fb);color:var(--text,#182234);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}:root{--primary:#2563eb;--secondary:#0f172a;--accent:#14b8a6;--app-bg:#f4f7fb;--surface:#fff;--text:#182234;--muted:#64748b;--radius:18px;--border:#e5ebf3;--shadow:0 16px 42px rgba(15,23,42,.08);--shadow-sm:0 6px 20px rgba(15,23,42,.06)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--secondary),#111c31);color:#e7edf8;padding:18px 14px;display:flex;flex-direction:column;z-index:40;box-shadow:14px 0 36px rgba(15,23,42,.08)}.brand{display:flex;align-items:center;gap:11px;padding:7px 8px 19px;font-weight:800;font-size:1.02rem}.brand img{width:38px;height:38px;border-radius:12px;object-fit:contain;background:#fff;padding:4px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 9px 24px rgba(37,99,235,.3)}.brand>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-chip{margin:0 4px 14px;padding:13px 14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:15px;display:grid;gap:2px}.tenant-chip small{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:#8ea0ba}.tenant-chip strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-chip span{font-size:.75rem;color:#a9b7ca}.nav{display:grid;gap:3px;overflow:auto;padding:0 3px 16px;scrollbar-width:thin}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:12px;font-size:.86rem;color:#aebbd0;transition:.18s ease}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}.nav-link.active{background:linear-gradient(90deg,rgba(37,99,235,.28),rgba(20,184,166,.12));color:#fff;box-shadow:inset 3px 0 var(--accent)}.nav-icon{width:22px;text-align:center;font-size:.9rem}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:13px 4px 0}.user-mini{display:flex;align-items:center;gap:10px;padding:10px 6px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:.78rem;font-weight:800;flex:0 0 auto}.user-mini div{min-width:0;display:grid}.user-mini strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini small{color:#8ea0ba;font-size:.72rem}.main-shell{min-width:0;display:flex;min-height:100vh;flex-direction:column}.topbar{height:72px;display:flex;align-items:center;gap:14px;padding:0 25px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.menu-btn{display:none;border:0;background:#eef3fa;border-radius:10px;width:38px;height:38px;color:var(--text)}.top-title{display:grid}.top-title small{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.top-title strong{font-size:.95rem}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.quick-btn{padding:8px 12px;border-radius:11px;font-weight:700;font-size:.8rem;color:#fff;background:var(--primary)}.quick-btn.alt{background:#eef2ff;color:var(--primary)}.user-menu{position:relative}.user-menu summary{list-style:none;cursor:pointer}.user-menu summary::-webkit-details-marker{display:none}.user-menu>div{position:absolute;right:0;top:45px;background:var(--surface);min-width:190px;border:1px solid var(--border);border-radius:14px;padding:7px;box-shadow:var(--shadow);display:grid;z-index:50}.user-menu a,.user-menu button{border:0;background:none;text-align:left;padding:9px 10px;border-radius:9px;color:var(--text);font-size:.82rem;width:100%}.user-menu a:hover,.user-menu button:hover{background:#f1f5f9}.page{width:100%;max-width:1680px;margin:0 auto;padding:25px;flex:1}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px}.page-head h1{font-size:1.55rem;letter-spacing:-.035em;margin:0}.page-head p{margin:5px 0 0;color:var(--muted);font-size:.86rem}.app-footer{display:flex;justify-content:space-between;padding:14px 25px;border-top:1px solid var(--border);color:var(--muted);font-size:.74rem;background:var(--surface)}
.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 15px;border-radius:11px;border:1px solid transparent;font-weight:750;font-size:.82rem;transition:.15s ease}.primary-btn{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,var(--accent)));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 20%,transparent)}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 25%,transparent)}.ghost-btn{background:var(--surface);border-color:var(--border);color:var(--text)}.ghost-btn:hover{background:#f8fafc;border-color:#cbd5e1}.full{width:100%}.flash{padding:12px 15px;border-radius:12px;margin:0 0 18px;font-size:.83rem;border:1px solid}.flash.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.flash.error{background:#fff1f2;color:#be123c;border-color:#fecdd3}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.top-gap{margin-top:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.panel-head h2{margin:0;font-size:1rem;letter-spacing:-.02em}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:.77rem}.panel-head>a{font-size:.78rem;color:var(--primary);font-weight:750}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:18px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px;min-width:0}.kpi>div:not(.kpi-icon),.kpi>div{min-width:0}.kpi small{display:block;color:var(--muted);font-size:.7rem}.kpi strong{display:block;margin-top:4px;font-size:1.05rem;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi em{display:block;font-style:normal;color:var(--muted);font-size:.66rem;margin-top:2px}.kpi-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-weight:800;flex:0 0 auto}.kpi-icon.teal{background:#ecfdf5;color:#0f9f83}.kpi-icon.violet{background:#f5f3ff;color:#7c3aed}.kpi-icon.amber{background:#fffbeb;color:#d97706}.kpi-icon.red{background:#fff1f2;color:#e11d48}.kpi-icon.sky{background:#f0f9ff;color:#0284c7}.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}.dash-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.vehicle-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vehicle-card{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;padding:12px;transition:.16s}.vehicle-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.vehicle-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e0e7ff,#dbeafe);color:var(--primary);display:grid;place-items:center;font-weight:850;font-size:.78rem}.vehicle-card>div:last-child{min-width:0;display:grid}.vehicle-card strong{font-size:.82rem}.vehicle-card span,.vehicle-card small{color:var(--muted);font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.due-list{display:grid}.due-list>a{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:11px;padding:10px 2px;border-bottom:1px solid var(--border)}.due-list>a:last-child{border-bottom:0}.due-date{width:40px;height:43px;border-radius:10px;background:#eff6ff;color:var(--primary);display:grid;place-items:center;line-height:1;font-size:.62rem;text-transform:uppercase}.due-date b{font-size:.9rem}.due-date.late{background:#fff1f2;color:#e11d48}.due-list strong{display:block;font-size:.79rem}.due-list small{display:block;color:var(--muted);font-size:.68rem}.due-list em{font-style:normal;font-size:.76rem;font-weight:800}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.search-box{display:flex;gap:7px;max-width:560px;flex:1}.search-box input{flex:1}.search-box button{border:0;border-radius:10px;background:var(--secondary);color:#fff;padding:0 14px;font-weight:700;font-size:.78rem}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}.data-table,.table-panel table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td,.table-panel th,.table-panel td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;font-size:.78rem}.data-table th,.table-panel th{background:#f8fafc;color:#64748b;text-transform:uppercase;letter-spacing:.045em;font-size:.64rem;font-weight:800;white-space:nowrap}.data-table tbody tr:hover,.table-panel tbody tr:hover{background:#fafcff}.data-table tbody tr:last-child td,.table-panel tbody tr:last-child td{border-bottom:0}.cell-sub{display:block;color:var(--muted);font-size:.66rem;margin-top:2px}.row-actions{white-space:nowrap}.row-actions a,.table-action{display:inline-flex;border:0;background:#f1f5f9;color:#334155;padding:6px 9px;border-radius:8px;font-size:.7rem;font-weight:700;margin:1px}.row-actions form{display:inline-block}.row-actions select{padding:5px 7px;font-size:.7rem}.empty,.empty-cell{padding:28px!important;text-align:center!important;color:var(--muted);font-size:.8rem}.pager{margin-top:14px}.pager ul{display:flex;gap:5px;list-style:none;padding:0}.pager a,.pager span{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:.73rem}.status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:.64rem;font-weight:800;text-transform:capitalize;background:#f1f5f9;color:#64748b}.status.success,.status.active,.status.paid,.status.delivered,.status.available{background:#ecfdf5;color:#047857}.status.info,.status.trial,.status.partial,.status.booked{background:#eff6ff;color:#1d4ed8}.status.danger,.status.suspended,.status.expired,.status.overdue{background:#fff1f2;color:#be123c}.status.pending{background:#fffbeb;color:#b45309}.status.muted{background:#f1f5f9;color:#64748b}.money-positive{color:#047857}.money-negative{color:#be123c}
.form-card{padding-bottom:0}.dynamic-form{display:grid;gap:15px}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:19px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title>div{display:flex;align-items:center;gap:9px}.section-title>div>span{display:block;width:4px;height:22px;background:linear-gradient(var(--primary),var(--accent));border-radius:3px}.section-title h2,.section-title strong{margin:0;font-size:.92rem}.section-title small{color:var(--muted);font-size:.67rem}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.field,.form-grid>label,.settings-form label{display:flex;flex-direction:column;gap:6px;font-size:.73rem;font-weight:700;color:#334155}.field label{font-size:.73rem}.field em{color:#e11d48;font-style:normal;margin-left:3px}.field input,.field select,.field textarea,.form-grid>label input,.form-grid>label select,.form-grid>label textarea,.settings-form input,.settings-form select,.settings-form textarea,.search-box input{width:100%;border:1px solid #dce4ee;background:#fff;color:#172033;border-radius:10px;padding:9px 11px;min-height:40px;outline:none;transition:.15s}.field textarea,.form-grid textarea,.settings-form textarea{resize:vertical;min-height:83px}.field input:focus,.field select:focus,.field textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus,.search-box input:focus{border-color:color-mix(in srgb,var(--primary) 65%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 11%,transparent)}.field input[readonly],.field select:disabled,.field textarea[readonly]{background:#f8fafc;color:#64748b}.help{font-size:.64rem!important;color:var(--muted);font-weight:500!important}.file-current{font-size:.7rem}.file-current a{color:var(--primary)}.switch-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-height:40px}.switch-row input{position:absolute;opacity:0;width:1px!important}.switch{width:37px;height:21px;border-radius:999px;background:#cbd5e1;position:relative;transition:.15s}.switch:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:white;box-shadow:0 1px 3px #64748b;transition:.15s}.switch-row input:checked+.switch{background:var(--primary)}.switch-row input:checked+.switch:after{transform:translateX(16px)}.sticky-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(13px);border-top:1px solid var(--border);padding:13px 0;margin-top:16px;z-index:10}.checkbox-card{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;border:1px solid var(--border);border-radius:12px;padding:11px 12px;background:#f8fafc}.checkbox-card input{width:17px!important;min-height:17px!important;height:17px;margin-top:2px}.checkbox-card span{display:grid;gap:2px}.checkbox-card strong,.checkbox-card b{font-size:.75rem}.checkbox-card small{font-size:.63rem;color:var(--muted);font-weight:500}.form-actions{display:flex;justify-content:flex-end}.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.permission-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;border:1px solid var(--border);padding:9px 10px;border-radius:10px;background:#fafcff}.permission-item input{width:15px!important;min-height:15px!important}.permission-item span{font-size:.68rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.record-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px}.detail-section{font-size:.83rem;border-bottom:1px solid var(--border);padding:13px 0 8px;margin:0 0 3px;color:var(--primary)}.detail-section:first-child{padding-top:0}.detail-row{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:9px 0;border-bottom:1px dashed #edf0f5}.detail-row>span{color:var(--muted);font-size:.7rem}.detail-row>strong{font-size:.75rem;word-break:break-word}.detail-row a{color:var(--primary)}.side-card{align-self:start;position:sticky;top:90px}.side-card h3{margin:0 0 12px;font-size:.9rem}.mini-stat{display:grid;padding:11px 0;border-bottom:1px solid var(--border)}.mini-stat:last-child{border:0}.mini-stat span,.mini-stat small{color:var(--muted);font-size:.65rem}.mini-stat strong{font-size:.9rem}
.finance-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finance-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:17px;box-shadow:var(--shadow-sm);display:grid;gap:13px}.finance-top{display:flex;justify-content:space-between;gap:12px}.finance-no,.eyebrow{font-size:.61rem;letter-spacing:.09em;text-transform:uppercase;color:var(--primary);font-weight:850}.finance-top h3{margin:5px 0 1px;font-size:.98rem}.finance-top p{margin:0;color:var(--muted);font-size:.7rem}.finance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.finance-metrics div{padding:9px;background:#f8fafc;border-radius:10px}.finance-metrics small{display:block;color:var(--muted);font-size:.58rem}.finance-metrics strong{font-size:.72rem}.finance-note{border-left:3px solid var(--accent);padding-left:10px;display:grid}.finance-note b{font-size:.7rem}.finance-note span{font-size:.62rem;color:var(--muted)}.card-actions{display:flex;gap:7px}.card-actions a{flex:1;text-align:center;padding:7px;border-radius:9px;background:#f1f5f9;color:#334155;font-size:.67rem;font-weight:750}.finance-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.finance-hero h2{margin:4px 0 1px}.finance-hero p{margin:0;color:var(--muted);font-size:.73rem}.hero-actions{display:flex;gap:8px}.kpi-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.legal-note{padding:13px 15px;margin-bottom:14px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:13px;color:#1e3a8a}.legal-note strong{font-size:.77rem}.legal-note p{margin:3px 0 0;font-size:.69rem}.segmented{display:inline-flex;border:1px solid var(--border);background:var(--surface);padding:4px;border-radius:12px}.segmented a{padding:7px 12px;border-radius:8px;color:var(--muted);font-size:.73rem;font-weight:750}.segmented a.active{background:var(--secondary);color:#fff}.collect-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.collect-head h2{margin:4px 0}.collect-head p{margin:0;color:var(--muted);font-size:.74rem}.current-emi{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px}.current-emi>div{background:#f8fafc;border:1px solid var(--border);padding:11px;border-radius:11px}.current-emi .wide{grid-column:span 4;background:#eef6ff}.current-emi small{display:block;color:var(--muted);font-size:.62rem}.current-emi strong{font-size:.86rem}
.settings-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:15px;padding:5px;background:#eaf0f7;border-radius:13px}.settings-tabs button{border:0;background:transparent;padding:8px 13px;border-radius:9px;color:#64748b;font-size:.72rem;font-weight:800;white-space:nowrap}.settings-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 4px 13px rgba(15,23,42,.07)}.settings-pane{display:none;gap:15px}.settings-pane.active{display:grid}.theme-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.theme-grid label{border:1px solid var(--border);background:#f8fafc;padding:9px;border-radius:11px;font-size:.65rem}.theme-grid input[type=color]{padding:2px;height:35px}.brand-preview{height:52px;width:90px;object-fit:contain;object-position:left;margin:5px 0;padding:3px;background:#fff;border:1px solid var(--border);border-radius:8px}.receipt-preview{max-width:700px;margin-top:15px;border:2px dashed #d4dde8}.receipt-mini-head{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:2px solid var(--primary)}.receipt-mini-head img{width:55px;height:55px;object-fit:contain}.receipt-mini-head h3{margin:0}.receipt-mini-head p,.receipt-mini-head small{margin:0;color:var(--muted);font-size:.68rem}.receipt-preview>b{display:block;text-align:center;margin-top:13px;font-size:.75rem}.receipt-preview-lines{display:grid;gap:5px;margin-top:13px}.receipt-preview-lines span{height:7px;background:#edf2f7;border-radius:4px}.receipt-preview-lines span:nth-child(2){width:75%}.receipt-preview-lines span:nth-child(3){width:45%}
.builder-intro{display:flex;align-items:center;gap:15px;margin-bottom:16px}.builder-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-size:1.2rem}.builder-intro h2{margin:0;font-size:1rem}.builder-intro p{margin:4px 0 0;color:var(--muted);font-size:.73rem}.form-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalog-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:15px;display:flex;gap:11px;box-shadow:var(--shadow-sm)}.catalog-card>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:var(--primary);font-weight:850;font-size:.7rem}.catalog-card h3{margin:0;font-size:.83rem}.catalog-card p{margin:3px 0 8px;color:var(--muted);font-size:.66rem}.catalog-card b{color:var(--primary);font-size:.65rem}.builder-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.field-config-list{display:grid;gap:9px}.field-config{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:13px;display:grid;grid-template-columns:44px minmax(180px,1.4fr) repeat(5,minmax(80px,.65fr));gap:10px;align-items:center}.drag-handle{width:34px;height:34px;border-radius:9px;background:#f1f5f9;display:grid;place-items:center;color:#94a3b8}.field-config label{font-size:.63rem}.field-config input,.field-config select{min-height:34px!important;padding:6px 8px!important;font-size:.7rem!important}.field-config-main strong{display:block;font-size:.74rem}.field-config-main small{display:block;color:var(--muted);font-size:.61rem}.field-badges{display:flex;gap:4px;margin-top:4px}.field-badges span{font-size:.55rem;background:#f1f5f9;padding:2px 5px;border-radius:5px}.custom-field-panel{margin-bottom:14px}
.login-body{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#071222;overflow:hidden}.login-art{position:relative;display:flex;align-items:flex-end;padding:8vw;color:#fff;background:radial-gradient(circle at 20% 20%,#173766 0,transparent 37%),radial-gradient(circle at 75% 30%,rgba(20,184,166,.18),transparent 35%),linear-gradient(145deg,#071222,#0b1e38);overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(255,255,255,.12)}.orb.o1{width:420px;height:420px;right:-120px;top:-110px;background:rgba(37,99,235,.1)}.orb.o2{width:250px;height:250px;left:8%;top:9%;background:rgba(20,184,166,.07)}.car-line{position:absolute;right:12%;top:37%;font-size:16rem;line-height:1;color:rgba(255,255,255,.025);transform:rotate(-9deg)}.login-copy{position:relative;max-width:660px}.login-copy h1{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.02;letter-spacing:-.055em;margin:.6rem 0 1rem}.login-copy p{max-width:560px;color:#a9b8cd;font-size:.98rem}.eyebrow{color:#71e4cf}.login-feature-row{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.login-feature-row span{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#bac9dc;font-size:.68rem;background:rgba(255,255,255,.04)}.login-panel{background:#f6f8fc;display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e5ebf3;border-radius:24px;padding:34px;box-shadow:0 30px 70px rgba(15,23,42,.13)}.login-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:white;display:grid;place-items:center;font-weight:850}.login-card h2{font-size:1.5rem;margin:17px 0 3px}.login-card>p{margin:0 0 22px;color:#64748b;font-size:.8rem}.login-card label{display:grid;gap:6px;font-size:.72rem;font-weight:750;margin:12px 0}.login-card input{border:1px solid #dce4ee;border-radius:11px;padding:10px 12px;min-height:43px;outline:none}.login-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.demo-box{margin-top:15px;border:1px dashed #cbd5e1;border-radius:11px;padding:10px;background:#f8fafc;display:grid;gap:2px}.demo-box strong{font-size:.67rem}.demo-box span{font-size:.6rem;color:#64748b}
.receipt-toolbar{max-width:820px;margin:22px auto 10px;display:flex;justify-content:space-between}.receipt-sheet{width:min(820px,calc(100% - 30px));margin:0 auto 35px;background:#fff;color:#172033;border:1px solid #d8e0e9;box-shadow:0 20px 50px rgba(15,23,42,.12);padding:30px}.receipt-company{display:flex;gap:18px;align-items:center;border-bottom:3px solid var(--primary,#2563eb);padding-bottom:16px}.receipt-logo{width:82px;height:72px;object-fit:contain}.receipt-brand h1{margin:0;font-size:1.45rem;letter-spacing:-.03em}.receipt-brand div{font-size:.72rem;font-weight:650}.receipt-brand p{margin:2px 0;color:#475569;font-size:.67rem}.receipt-title{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #e2e8f0}.receipt-title span{font-size:.85rem;font-weight:850;letter-spacing:.05em}.receipt-title small{display:block;color:#64748b;font-size:.6rem}.receipt-number{text-align:right}.receipt-number strong{display:block;font-size:.9rem}.receipt-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 0}.receipt-meta>div{border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;padding:8px}.receipt-meta span{display:block;color:#64748b;font-size:.57rem;text-transform:uppercase}.receipt-meta strong{font-size:.7rem}.receipt-details{width:100%;border-collapse:collapse;margin:4px 0 13px}.receipt-details th,.receipt-details td{border:1px solid #dfe6ee;padding:8px;text-align:left;font-size:.66rem}.receipt-details th{width:17%;background:#f8fafc;color:#64748b}.receipt-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.receipt-amount-grid>div{padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.receipt-amount-grid span{display:block;font-size:.57rem;color:#64748b}.receipt-amount-grid strong{font-size:.8rem}.receipt-amount-grid .receipt-total{grid-column:span 3;display:flex;align-items:center;justify-content:space-between;background:#eef6ff;border-color:#bfdbfe}.receipt-total strong{font-size:1.05rem;color:#1d4ed8}.receipt-balance{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-top:10px;border-radius:8px;background:#111827;color:#fff}.receipt-balance span{font-size:.66rem}.receipt-balance strong{font-size:.92rem}.receipt-remarks{margin-top:10px;font-size:.65rem;padding:9px;border:1px dashed #cbd5e1}.receipt-footer{display:grid;grid-template-columns:1fr 200px;gap:25px;align-items:end;margin-top:28px;padding-top:16px;border-top:1px solid #e2e8f0}.receipt-footer p{font-size:.68rem;margin:0 0 4px}.receipt-footer small{font-size:.55rem;color:#64748b}.signature-box{text-align:center;display:grid;justify-items:center}.signature-box img{max-width:120px;max-height:55px;object-fit:contain}.signature-box strong{border-top:1px solid #94a3b8;width:100%;padding-top:5px;font-size:.65rem}.signature-box span{font-size:.55rem;color:#64748b}.receipt-system-note{text-align:center;color:#94a3b8;font-size:.5rem;margin-top:20px}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.finance-cards{grid-template-columns:repeat(2,1fr)}.theme-grid{grid-template-columns:repeat(4,1fr)}.field-config{grid-template-columns:36px 1fr repeat(3,120px)}.field-config>*:nth-child(n+6){grid-column:span 1}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-285px;width:270px;transition:.2s}.app-shell.menu-open .sidebar{left:0}.menu-btn{display:grid;place-items:center}.page{padding:18px}.topbar{padding:0 16px}.dash-grid,.collect-grid,.detail-grid{grid-template-columns:1fr}.side-card{position:static}.form-catalog{grid-template-columns:repeat(2,1fr)}.permission-grid{grid-template-columns:repeat(2,1fr)}.span-3,.span-4{grid-column:span 6}.finance-cards{grid-template-columns:1fr}.field-config{grid-template-columns:36px 1fr 1fr}.field-config>*{grid-column:auto}.field-config-main{grid-column:span 2}}@media(max-width:680px){.quick-btn{display:none}.top-title small{display:none}.page-head{align-items:flex-start;flex-direction:column}.kpi-grid,.kpi-grid.compact,.compact-kpis{grid-template-columns:1fr 1fr}.vehicle-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-3,.span-4,.span-6,.span-8,.span-12{grid-column:span 1}.form-catalog{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.detail-row{grid-template-columns:1fr;gap:2px}.current-emi{grid-template-columns:1fr 1fr}.current-emi .wide{grid-column:span 2}.finance-hero{align-items:flex-start;gap:12px;flex-direction:column}.finance-metrics{grid-template-columns:1fr}.login-body{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:18px}.login-card{padding:25px}.field-config{grid-template-columns:1fr}.field-config-main{grid-column:span 1}.drag-handle{display:none}.receipt-sheet{padding:18px;width:calc(100% - 16px)}.receipt-company{align-items:flex-start}.receipt-meta{grid-template-columns:1fr 1fr}.receipt-amount-grid{grid-template-columns:1fr}.receipt-amount-grid .receipt-total{grid-column:span 1}.receipt-footer{grid-template-columns:1fr}.receipt-details th,.receipt-details td{font-size:.58rem;padding:5px}}
@media print{body{background:#fff}.no-print{display:none!important}.receipt-sheet{width:100%;max-width:none;margin:0;box-shadow:none;border:0;padding:8mm}.receipt-system-note{margin-top:10px}@page{size:A4;margin:8mm}}
/* Form Builder detail layout */
.builder-toolbar>div{display:grid}.builder-toolbar>div strong{font-size:.78rem}.builder-toolbar>div span{font-size:.65rem;color:var(--muted)}.field-config{grid-template-columns:36px minmax(0,1fr)}.field-config-main{min-width:0}.field-config-head{display:flex;align-items:center;gap:7px}.field-label-input{font-weight:800!important;flex:1}.field-config-head code{font-size:.6rem;color:#64748b;background:#f1f5f9;padding:3px 5px;border-radius:5px}.type-chip{font-size:.56rem;text-transform:uppercase;color:var(--primary);background:#eff6ff;padding:3px 6px;border-radius:999px;font-weight:850}.field-config-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.field-config-grid .wide{grid-column:span 2}.field-flags{display:flex;gap:11px;flex-wrap:wrap;margin-top:8px}.field-flags label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;font-size:.62rem!important}.field-flags input{width:14px!important;height:14px!important;min-height:14px!important}.role-fields{margin-top:8px;border-top:1px dashed var(--border);padding-top:7px}.role-fields summary{font-size:.62rem;color:var(--primary);cursor:pointer;font-weight:750}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.role-grid>div{background:#f8fafc;padding:8px;border-radius:9px}.role-grid b{display:block;font-size:.63rem;margin-bottom:4px}.role-grid label{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:3px!important;margin-right:7px;font-size:.58rem!important}.role-grid input{width:13px!important;height:13px!important;min-height:13px!important}@media(max-width:780px){.field-config-grid{grid-template-columns:1fr 1fr}.field-config-grid .wide{grid-column:span 2}.role-grid{grid-template-columns:1fr}}
.branch-switcher select{max-width:180px;border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:7px 9px;color:#334155;font-size:.69rem;font-weight:750}
.plan-price{display:flex;align-items:baseline;gap:4px;margin:8px 0 12px}.plan-price strong{font-size:1.4rem}.plan-price span,.plan-price small{font-size:.65rem;color:var(--muted)}.plan-price small{margin-left:auto}.plan-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.plan-limits span{background:#f8fafc;border-radius:8px;padding:7px;font-size:.6rem;color:var(--muted)}.plan-limits b{display:block;color:var(--text);font-size:.8rem}.plan-features{display:flex;gap:4px;flex-wrap:wrap;margin:11px 0}.plan-features span{font-size:.55rem;background:#eef2ff;color:#4338ca;padding:3px 6px;border-radius:999px}
.document-details{margin-top:14px}.document-details th{width:32%}.document-details td{font-weight:650}


/* PhoneLedger v2 premium automotive glass UI */
body{background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 28%),radial-gradient(circle at 92% 14%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 26%),var(--app-bg);background-attachment:fixed}
.page:before{content:"";position:fixed;inset:72px 0 0 270px;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--primary) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 3%,transparent) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 72%);z-index:-1}.glass-card,.panel,.kpi{background:color-mix(in srgb,var(--surface) calc(var(--glass-opacity, .88)*100%),transparent);backdrop-filter:blur(18px) saturate(1.14);-webkit-backdrop-filter:blur(18px) saturate(1.14);border:1px solid color-mix(in srgb,var(--surface) 65%,var(--primary) 10%);box-shadow:0 var(--elevation,18px) calc(var(--elevation,18px)*2.4) rgba(15,23,42,.10),inset 0 1px rgba(255,255,255,.62)}
.kpi{position:relative;overflow:hidden;transition:.2s ease}.kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-35px;background:color-mix(in srgb,var(--primary) 8%,transparent)}.kpi:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(15,23,42,.14)}.panel{transition:box-shadow .2s,transform .2s}.topbar{background:color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:0 7px 24px rgba(15,23,42,.045)}.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 94%,#172554),color-mix(in srgb,var(--secondary) 92%,#020617));border-right:1px solid rgba(255,255,255,.07)}
.primary-btn{border-radius:14px;box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 28%,transparent)}input,select,textarea{transition:border-color .16s,box-shadow .16s,transform .16s}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)!important}.data-table th,.table-panel th,.panel table th{background:color-mix(in srgb,var(--surface) 82%,var(--primary) 3%)}
.billing-hero,.update-hero,.accounting-head,.exchange-hero{padding:26px 28px;border-radius:calc(var(--radius) + 4px);display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}.billing-hero:after,.update-hero:after,.accounting-head:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-110px;background:color-mix(in srgb,var(--primary) 11%,transparent);pointer-events:none}.billing-hero h2,.update-hero h2,.accounting-head h2,.exchange-hero h2{margin:3px 0 5px;font-size:1.5rem;letter-spacing:-.04em}.billing-hero p,.update-hero p,.accounting-head p,.exchange-hero p{margin:0;color:var(--muted);font-size:.82rem;max-width:720px}.subscription-status{min-width:185px;padding:15px;border-radius:16px;text-align:center;background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.subscription-status.ok{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.subscription-status small,.subscription-status span{display:block;font-size:.62rem}.subscription-status strong{display:block;font-size:.86rem;margin:4px 0}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{padding:22px;border-radius:22px}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-top h3{margin:0;font-size:1.05rem}.plan-top span{font-size:.6rem;color:var(--muted)}.price-row{display:flex;align-items:baseline;gap:4px;margin-top:16px}.price-row strong{font-size:1.7rem;letter-spacing:-.05em}.price-row small,.year-price{color:var(--muted);font-size:.66rem}.subscription-buy{margin-top:16px;display:grid;gap:10px}.subscription-buy label{display:grid;gap:5px;font-size:.65rem;font-weight:750}.subscription-buy button:disabled{opacity:.55;cursor:not-allowed}.settings-banner{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)));border:1px solid var(--border)}.settings-banner>div{display:grid}.settings-banner strong{font-size:.85rem}.settings-banner span{font-size:.65rem;color:var(--muted)}
.exchange-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.exchange-card{padding:16px;border-radius:18px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;transition:.18s}.exchange-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(15,23,42,.13)}.exchange-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:1.3rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 22%,transparent)}.exchange-icon.big{width:62px;height:62px;border-radius:19px;font-size:1.6rem}.exchange-card>div:nth-child(2){display:grid;min-width:0}.exchange-card small,.exchange-card span{font-size:.62rem;color:var(--muted)}.exchange-card strong{font-size:.85rem}.exchange-value{text-align:right;display:grid;justify-items:end}.exchange-value b{font-size:.9rem}.exchange-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exchange-summary>div{padding:16px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,#fff),color-mix(in srgb,var(--accent) 5%,#fff));border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border))}.exchange-summary small{display:block;color:var(--muted);font-size:.62rem}.exchange-summary strong{font-size:1.2rem;letter-spacing:-.03em}.exchange-hero{justify-content:flex-start}.exchange-hero>.status{margin-left:auto}
.update-drop{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.update-drop input{max-width:280px}.status.installed,.status.paid,.status.active,.status.completed{background:#ecfdf5;color:#047857}.status.failed,.status.expired{background:#fff1f2;color:#be123c}.status.created,.status.uploaded,.status.valuation{background:#eff6ff;color:#1d4ed8}
@media(max-width:980px){.page:before{inset:72px 0 0 0}.plan-grid{grid-template-columns:1fr 1fr}.exchange-grid{grid-template-columns:1fr}.billing-hero,.update-hero,.accounting-head{align-items:flex-start;flex-direction:column}.update-drop{width:100%;flex-wrap:wrap}}
@media(max-width:650px){.plan-grid{grid-template-columns:1fr}.exchange-card{grid-template-columns:42px 1fr}.exchange-value{grid-column:2;text-align:left;justify-items:start}.exchange-summary{grid-template-columns:1fr}}

/* ===== PhoneLedger Premium UI 2.1 ===== */
html{background:var(--app-bg)}body{position:relative;overflow-x:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--app-bg) 93%,#fff),var(--app-bg));}
.ambient-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;opacity:var(--ambient-opacity,.58)}
.ambient-orb{position:absolute;border-radius:999px;filter:blur(7px);mix-blend-mode:multiply;will-change:transform;animation:ambientFloat 18s ease-in-out infinite alternate}
.orb-a{width:460px;height:460px;left:-160px;top:-120px;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--primary) 42%,transparent),transparent 68%)}
.orb-b{width:540px;height:540px;right:-180px;top:8%;background:radial-gradient(circle at 45% 42%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 70%);animation-duration:24s;animation-delay:-7s}
.orb-c{width:420px;height:420px;left:24%;bottom:-190px;background:radial-gradient(circle,color-mix(in srgb,#f59e0b 24%,transparent),transparent 69%);animation-duration:21s;animation-delay:-4s}
.orb-d{width:340px;height:340px;right:18%;bottom:8%;background:radial-gradient(circle,color-mix(in srgb,#a855f7 20%,transparent),transparent 69%);animation-duration:27s;animation-delay:-10s}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--primary) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 5%,transparent) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 78%)}
.ambient-road{position:absolute;width:920px;height:280px;right:-260px;bottom:-90px;border:1px solid color-mix(in srgb,var(--primary) 13%,transparent);border-radius:50%;transform:rotate(-10deg);box-shadow:0 0 0 42px color-mix(in srgb,var(--accent) 2%,transparent),0 0 0 84px color-mix(in srgb,var(--primary) 2%,transparent)}
@keyframes ambientFloat{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(34px,-22px,0) scale(1.08)}100%{transform:translate3d(-18px,30px,0) scale(.96)}}

.app-shell{position:relative;background:transparent}.main-shell{background:transparent}.page{position:relative;z-index:1;padding:30px}.page-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.62rem;font-weight:850;letter-spacing:.16em;color:var(--primary);margin-bottom:5px}.page-eyebrow:before{content:"";width:22px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent))}.page-head h1{font-size:1.72rem;font-weight:850}.page-head p{font-size:.88rem}

.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 97%,#111827),color-mix(in srgb,var(--secondary) 87%,#020617));box-shadow:18px 0 55px rgba(15,23,42,.16);border-right:1px solid rgba(255,255,255,.07)}
.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 5%,color-mix(in srgb,var(--primary) 26%,transparent),transparent 28%),radial-gradient(circle at 85% 70%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 28%);pointer-events:none}.sidebar>*{position:relative}.tenant-chip{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));backdrop-filter:blur(16px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.15)}
.nav-link{padding:9px 10px;border:1px solid transparent}.nav-link:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.07)}.nav-link.active{background:linear-gradient(100deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border-color:rgba(255,255,255,.10);box-shadow:0 9px 24px rgba(0,0,0,.14),inset 3px 0 var(--accent)}
.nav-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff!important;font-weight:850;box-shadow:0 6px 16px rgba(0,0,0,.16);font-size:.78rem}.tone-1{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important}.tone-2{background:linear-gradient(135deg,#0ea5e9,#06b6d4)!important;color:#fff!important}.tone-3{background:linear-gradient(135deg,#10b981,#22c55e)!important;color:#fff!important}.tone-4{background:linear-gradient(135deg,#f59e0b,#f97316)!important;color:#fff!important}.tone-5{background:linear-gradient(135deg,#ef4444,#ec4899)!important;color:#fff!important}.tone-6{background:linear-gradient(135deg,#06b6d4,#14b8a6)!important;color:#fff!important}.tone-7{background:linear-gradient(135deg,#8b5cf6,#d946ef)!important;color:#fff!important}.tone-8{background:linear-gradient(135deg,#64748b,#334155)!important;color:#fff!important}

.topbar{height:78px;margin:10px 16px 0;border:1px solid color-mix(in srgb,var(--surface) 60%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface) var(--glass-percent,82%),transparent);box-shadow:0 12px 34px rgba(15,23,42,.08);backdrop-filter:blur(24px) saturate(145%);top:10px}.quick-btn{border-radius:13px;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 23%,transparent)}.quick-btn.alt{background:color-mix(in srgb,var(--surface) 74%,var(--accent) 8%);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:color-mix(in srgb,var(--accent) 78%,#0f172a)}

.panel,.glass-card,.form-section,.catalog-card,.exchange-card,.plan-card,.receipt-designer-card{background:color-mix(in srgb,var(--surface) var(--glass-percent,82%),transparent)!important;border:1px solid color-mix(in srgb,var(--surface) 54%,color-mix(in srgb,var(--primary) 16%,#dbe4ef))!important;backdrop-filter:blur(22px) saturate(135%);box-shadow:var(--shadow-card)!important;position:relative;overflow:visible}.panel:after,.glass-card:after,.form-section:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.66);opacity:.7}.premium-panel{transition:transform .22s ease,box-shadow .22s ease}.premium-panel:hover{box-shadow:0 calc(var(--elevation) + 4px) 68px rgba(15,23,42,.14)!important}.panel-head{position:relative;z-index:1}.section-title{position:relative;z-index:1}.section-title>div>span{width:5px;height:26px;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 25%,transparent)}
.table-panel{overflow:hidden}.table-panel .panel-head{padding:19px 20px 6px}.data-table th,.table-panel th{background:color-mix(in srgb,var(--surface) 72%,var(--primary) 4%);color:color-mix(in srgb,var(--text) 56%,var(--muted));border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,var(--border))}.data-table tbody tr,.table-panel tbody tr{transition:.16s}.data-table tbody tr:hover,.table-panel tbody tr:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}

.kpi-grid{gap:16px}.kpi{border-radius:calc(var(--radius) - 3px);padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface) 68%,transparent));border:1px solid rgba(255,255,255,.64);box-shadow:var(--shadow-card);backdrop-filter:blur(18px);position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.kpi:before{content:"";position:absolute;width:100px;height:100px;right:-35px;bottom:-52px;border-radius:50%;background:color-mix(in srgb,var(--primary) 8%,transparent);z-index:-1}.kpi:hover{transform:translateY(-5px);box-shadow:0 28px 65px rgba(15,23,42,.16)}.kpi-icon{width:48px;height:48px;border-radius:15px;font-size:1rem;box-shadow:0 11px 24px rgba(15,23,42,.18);color:#fff}.kpi small{font-size:.69rem;font-weight:650}.kpi strong{font-size:1.15rem;font-weight:850}.kpi em{font-size:.65rem}.kpi-glow{position:absolute;width:70px;height:70px;right:-22px;top:-28px;border-radius:50%;background:color-mix(in srgb,var(--primary) 11%,transparent);filter:blur(2px)}

.module-launch-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0 0 20px}.module-card{padding:14px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;border-radius:18px;transition:.2s ease;min-height:82px}.module-card:hover{transform:translateY(-4px) scale(1.01);border-color:color-mix(in srgb,var(--primary) 24%,#fff)!important}.module-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;box-shadow:0 9px 22px rgba(15,23,42,.18)}.module-card div{display:grid;min-width:0}.module-card strong{font-size:.82rem}.module-card small{font-size:.65rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card>b{font-size:1.3rem;color:var(--muted)}

.vehicle-card{background:color-mix(in srgb,var(--surface) 72%,transparent);border-color:color-mix(in srgb,var(--primary) 9%,var(--border));box-shadow:0 8px 20px rgba(15,23,42,.055)}.premium-vehicle-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.10)}.vehicle-badge{width:48px;height:48px;border-radius:15px;box-shadow:0 10px 22px rgba(15,23,42,.16)}.card-arrow{margin-left:auto;color:var(--muted);font-size:1.25rem}.due-list>a{margin:2px 0;padding:10px;border:1px solid transparent;border-radius:13px;transition:.17s}.due-list>a:hover{background:color-mix(in srgb,var(--surface) 68%,var(--primary) 4%);border-color:color-mix(in srgb,var(--primary) 10%,transparent);transform:translateX(2px)}

/* Premium text fields */
.field,.form-grid>label,.settings-form label{color:color-mix(in srgb,var(--text) 82%,var(--muted));font-weight:750;letter-spacing:.005em}.field input,.field textarea,.form-grid>label input,.form-grid>label textarea,.settings-form input,.settings-form textarea,.search-box input{min-height:var(--input-height,48px);border-radius:var(--input-radius,15px);padding:11px 14px;border:1px solid color-mix(in srgb,var(--primary) 12%,#cbd5e1);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 84%,transparent),color-mix(in srgb,var(--surface) 64%,var(--app-bg) 8%));box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 7px 18px rgba(15,23,42,.045);transition:border-color .18s,box-shadow .18s,transform .18s}.field input:hover,.field textarea:hover,.form-grid>label input:hover,.form-grid>label textarea:hover,.settings-form input:hover,.settings-form textarea:hover{border-color:color-mix(in srgb,var(--primary) 25%,#cbd5e1)}.field input:focus,.field textarea:focus,.form-grid input:focus,.form-grid textarea:focus,.settings-form input:focus,.settings-form textarea:focus,.search-box input:focus{border-color:color-mix(in srgb,var(--primary) 68%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent),0 12px 26px rgba(15,23,42,.07);background:color-mix(in srgb,var(--surface) 93%,transparent)}textarea{line-height:1.55}.subheading{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:var(--primary);padding:9px 2px 1px}

/* Searchable smart select */
.smart-select{position:relative;width:100%;min-width:0}.native-smart-select{position:absolute!important;left:8px!important;bottom:2px!important;width:2px!important;height:2px!important;opacity:.001!important;pointer-events:none!important;padding:0!important;border:0!important;min-height:0!important}.smart-select-trigger{width:100%;min-height:var(--input-height,48px);display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid color-mix(in srgb,var(--primary) 12%,#cbd5e1);border-radius:var(--input-radius,15px);padding:10px 13px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 86%,transparent),color-mix(in srgb,var(--surface) 67%,var(--app-bg) 7%));color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 7px 18px rgba(15,23,42,.045);font-weight:650;font-size:.78rem;transition:.17s}.smart-select-trigger:hover{border-color:color-mix(in srgb,var(--primary) 28%,#cbd5e1)}.smart-select.open .smart-select-trigger{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent),0 12px 28px rgba(15,23,42,.08)}.smart-select-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-select-trigger.placeholder .smart-select-value{color:var(--muted);font-weight:550}.smart-select-chevron{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);font-size:.9rem;transition:.18s}.smart-select.open .smart-select-chevron{transform:rotate(180deg);background:var(--primary);color:#fff}.smart-select-popover{display:none;position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:1000;border-radius:16px;padding:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(28px) saturate(150%);border:1px solid color-mix(in srgb,var(--primary) 14%,#dbe2ea);box-shadow:0 24px 55px rgba(15,23,42,.20);transform-origin:top;animation:selectPop .13s ease}.smart-select.open .smart-select-popover{display:block}@keyframes selectPop{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}.smart-select-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--primary) 10%,#dbe2ea);border-radius:11px;padding:0 10px;background:color-mix(in srgb,var(--app-bg) 54%,#fff);margin-bottom:7px}.smart-select-search-wrap>span{color:var(--primary);font-weight:900}.smart-select-search{height:38px;min-height:38px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:5px 0!important;outline:0;font-size:.75rem}.smart-select-options{max-height:260px;overflow:auto;display:grid;gap:3px;padding:1px}.smart-option{border:0;background:transparent;color:var(--text);border-radius:10px;padding:9px 10px;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;font-size:.76rem}.smart-option:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:color-mix(in srgb,var(--primary) 75%,var(--text))}.smart-option b{display:none;color:var(--primary)}.smart-option.selected{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 12%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));font-weight:800}.smart-option.selected b{display:block}.smart-select-empty{padding:17px;text-align:center;color:var(--muted);font-size:.72rem}.smart-select.compact .smart-select-trigger{min-height:38px;padding:6px 10px;border-radius:11px}.branch-switcher .smart-select{min-width:175px}

.checkbox-card{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 78%,transparent),color-mix(in srgb,var(--primary) 3%,transparent));border-color:color-mix(in srgb,var(--primary) 10%,var(--border));border-radius:15px;box-shadow:0 7px 18px rgba(15,23,42,.045)}.premium-check:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 22%,var(--border))}.premium-check input[type=checkbox]{accent-color:var(--primary)}

.glass-tabs{padding:7px;background:color-mix(in srgb,var(--surface) 55%,transparent);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.66);box-shadow:0 12px 30px rgba(15,23,42,.08);border-radius:17px}.settings-tabs button{min-height:38px;padding:8px 15px;border-radius:11px}.settings-tabs button.active{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 68%,var(--accent)));color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 24%,transparent)}.theme-grid label{background:color-mix(in srgb,var(--surface) 68%,transparent);border-radius:14px;box-shadow:0 7px 16px rgba(15,23,42,.04)}.theme-grid input[type=color]{height:42px;border-radius:10px!important;padding:4px!important}.theme-demo{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.theme-demo-card,.theme-demo-fields{border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:18px;padding:16px;background:color-mix(in srgb,var(--surface) 68%,transparent);box-shadow:0 12px 28px rgba(15,23,42,.07)}.theme-demo-card{display:flex;align-items:center;gap:13px}.demo-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;box-shadow:0 12px 26px rgba(15,23,42,.16)}.theme-demo-card small,.theme-demo-card p{display:block;color:var(--muted);font-size:.66rem;margin:2px 0}.theme-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-demo-fields label{font-size:.67rem}

.receipt-designer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.receipt-designer-card{padding:18px;border-radius:var(--radius)}.receipt-card-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.receipt-card-head h3{margin:1px 0 0;font-size:.92rem}.receipt-card-head small{font-size:.64rem;color:var(--muted)}.receipt-doc-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 10px 22px rgba(15,23,42,.16)}.receipt-doc-icon.purchase{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.receipt-doc-icon.sale{background:linear-gradient(135deg,#10b981,#14b8a6)}.receipt-doc-icon.exchange{background:linear-gradient(135deg,#f59e0b,#f97316)}.compact-form{gap:10px}.mini-document-preview{margin-top:14px;border-radius:13px;background:#fff;color:#1e293b;border:1px solid #e2e8f0;padding:13px;box-shadow:0 10px 26px rgba(15,23,42,.08);position:relative;overflow:hidden}.mini-document-preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--doc-accent)}.mini-doc-brand{display:flex;gap:8px;align-items:center;padding-bottom:8px;border-bottom:2px solid var(--doc-accent)}.mini-doc-brand>span{width:27px;height:27px;border-radius:8px;background:linear-gradient(135deg,var(--doc-accent),#e2e8f0)}.mini-doc-brand div{display:grid}.mini-doc-brand b{font-size:.63rem}.mini-doc-brand small{font-size:.5rem;color:#64748b}.mini-document-preview>strong{display:block;text-align:center;margin:9px 0;font-size:.6rem;color:var(--doc-accent)}.mini-document-preview>i{display:block;height:6px;border-radius:4px;background:#eef2f7;margin:5px 0}.mini-document-preview>i:nth-last-child(2){width:78%}.mini-document-preview>i:last-child{width:54%}
.premium-sticky{margin-left:-2px;margin-right:-2px;padding:13px 4px;background:color-mix(in srgb,var(--surface) 78%,transparent);border-radius:16px 16px 0 0;box-shadow:0 -13px 34px rgba(15,23,42,.07)}

.exchange-grid{gap:14px}.exchange-card{border-radius:19px;transition:.2s}.exchange-card:hover{transform:translateY(-4px);box-shadow:0 26px 55px rgba(15,23,42,.14)!important}.exchange-summary>div{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 11%,#fff),color-mix(in srgb,var(--accent) 7%,#fff));box-shadow:0 9px 20px rgba(15,23,42,.06)}

.primary-btn{border-radius:13px;min-height:43px;padding:10px 17px;box-shadow:0 11px 25px color-mix(in srgb,var(--primary) 25%,transparent)}.ghost-btn{border-radius:13px;min-height:43px;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(10px);box-shadow:0 6px 16px rgba(15,23,42,.05)}
.flash{box-shadow:0 10px 26px rgba(15,23,42,.08);backdrop-filter:blur(12px)}

/* configurable document print designs */
.receipt-body{background:#eef2f7!important}.receipt-sheet{--doc-accent:var(--primary);box-shadow:0 30px 70px rgba(15,23,42,.18)!important;border-radius:16px!important;overflow:hidden}.receipt-sheet.doc-modern{border-top:6px solid var(--doc-accent)}.receipt-sheet.doc-classic{border:2px solid var(--doc-accent);border-radius:4px!important}.receipt-sheet.doc-compact{max-width:760px}.receipt-company{border-bottom-color:var(--doc-accent)!important}.receipt-company.logo-center{flex-direction:column;text-align:center}.receipt-company.logo-center .receipt-brand{text-align:center}.receipt-company.logo-right{flex-direction:row-reverse;text-align:right}.receipt-title{background:linear-gradient(90deg,color-mix(in srgb,var(--doc-accent) 8%,#fff),#fff);border-color:color-mix(in srgb,var(--doc-accent) 18%,#e2e8f0)}.receipt-title span{color:var(--doc-accent)}.receipt-header-banner{max-height:94px;width:100%;object-fit:contain;object-position:center;margin-bottom:10px}.receipt-details th{color:color-mix(in srgb,var(--doc-accent) 72%,#334155)}

@media(max-width:1280px){.module-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.receipt-designer-grid{grid-template-columns:1fr 1fr}.premium-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.topbar{margin:8px 10px 0;top:8px}.page{padding:20px}.module-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-designer-grid{grid-template-columns:1fr}.theme-demo{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.module-launch-grid,.premium-kpis{grid-template-columns:1fr 1fr}.module-card{grid-template-columns:42px 1fr}.module-card>b{display:none}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-demo-fields{grid-template-columns:1fr}.top-actions .quick-btn.alt{display:none}.page{padding:16px 12px}.topbar{border-radius:16px;margin:6px 7px 0}.smart-select-popover{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:70vh}.smart-select-options{max-height:45vh}}
.exchange-form-band{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,#fff),color-mix(in srgb,var(--accent) 7%,#fff));border:1px solid color-mix(in srgb,var(--primary) 13%,var(--border));box-shadow:0 10px 22px rgba(15,23,42,.06)}.exchange-form-band>div{display:grid}.exchange-form-band strong{font-size:.82rem}.exchange-form-band small{font-size:.66rem;color:var(--muted)}.premium-exchange-summary>div{display:flex;align-items:center;gap:12px}.premium-exchange-summary .module-icon{width:42px;height:42px}.premium-exchange-summary>div>div{display:grid}
.field-style-soft .field input,.field-style-soft .field textarea,.field-style-soft .form-grid>label input,.field-style-soft .form-grid>label textarea,.field-style-soft .settings-form input,.field-style-soft .settings-form textarea,.field-style-soft .smart-select-trigger{background:color-mix(in srgb,var(--app-bg) 72%,var(--surface));box-shadow:inset 0 1px 1px rgba(15,23,42,.035)}.field-style-solid .field input,.field-style-solid .field textarea,.field-style-solid .form-grid>label input,.field-style-solid .form-grid>label textarea,.field-style-solid .settings-form input,.field-style-solid .settings-form textarea,.field-style-solid .smart-select-trigger{background:var(--surface);box-shadow:none;border-color:color-mix(in srgb,var(--text) 16%,transparent)}

/* ===== PhoneLedger v2.2 operational UX fixes ===== */
.smart-select-popover.smart-select-portal{position:fixed!important;display:none;z-index:2147483000!important;min-width:260px;max-width:calc(100vw - 16px);max-height:340px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,#dbe2ea);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 28px 75px rgba(15,23,42,.28),0 0 0 1px rgba(255,255,255,.45);backdrop-filter:blur(30px) saturate(170%)}.smart-select-popover.smart-select-portal.open{display:block}.smart-select-popover.smart-select-portal .smart-select-options{max-height:270px}.smart-select.open{z-index:10}.form-section,.panel,.glass-card,.settings-pane{overflow:visible!important}

.quick-customer-section{margin-bottom:14px}.soft-btn,.danger-btn,.whatsapp-btn{border:0;border-radius:12px;min-height:38px;padding:8px 13px;font-weight:800;font-size:.7rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.soft-btn{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));box-shadow:0 7px 18px rgba(15,23,42,.05)}.soft-btn:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(15,23,42,.08)}.danger-btn{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}.whatsapp-btn{color:#087f5b;background:linear-gradient(135deg,#dcfce7,#ecfdf5);border:1px solid #a7f3d0;box-shadow:0 9px 22px rgba(16,185,129,.12)}.soft-btn:disabled,.whatsapp-btn:disabled,.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.quick-customer-box{grid-column:1/-1;margin-top:11px;padding:15px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),color-mix(in srgb,var(--accent) 5%,var(--surface)));border:1px dashed color-mix(in srgb,var(--primary) 25%,var(--border));box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.quick-customer-copy{display:flex;align-items:center;gap:10px;margin-bottom:12px}.quick-customer-copy>div{display:grid;gap:2px}.quick-customer-copy strong{font-size:.78rem}.quick-customer-copy small{font-size:.64rem;color:var(--muted)}.quick-customer-action{display:flex;align-items:end}.quick-customer-action .primary-btn{width:100%}.inline-feedback{min-height:18px;color:var(--primary);font-size:.68rem;font-weight:750}

.document-upload-card{margin-top:14px}.document-upload-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.document-drop{position:relative;min-height:145px;border:1px dashed color-mix(in srgb,var(--primary) 23%,#cbd5e1);border-radius:17px;padding:14px;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--primary) 4%,transparent));box-shadow:0 10px 24px rgba(15,23,42,.06);cursor:pointer;overflow:hidden}.document-drop:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 16px 32px rgba(15,23,42,.10)}.document-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.document-drop strong{font-size:.76rem}.document-drop small,.document-drop a,.photo-count{font-size:.6rem;color:var(--muted);position:relative;z-index:2}.document-drop a{color:var(--primary);font-weight:800}.document-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:.68rem;font-weight:900;color:#fff;box-shadow:0 10px 22px rgba(15,23,42,.13)}.car-photo-drop{grid-column:span 1}.transaction-photo-strip{display:flex;gap:8px;overflow:auto;padding:12px 1px 2px}.transaction-photo-strip a{flex:0 0 86px;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 18px rgba(15,23,42,.08)}.transaction-photo-strip img{display:block;width:86px;height:70px;object-fit:cover}.transaction-photo-strip.large a{flex-basis:132px}.transaction-photo-strip.large img{width:132px;height:95px}.document-view-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.document-view-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;padding:12px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface) 76%,transparent);box-shadow:0 9px 22px rgba(15,23,42,.06)}.document-view-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(15,23,42,.10)}.document-view-card>div{display:grid}.document-view-card strong{font-size:.73rem}.document-view-card small{font-size:.6rem;color:var(--muted)}.document-view-card>b{color:var(--primary)}

.expanded-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.report-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:15px}.report-tabs a{padding:9px 14px;border-radius:11px;font-size:.68rem;font-weight:850;color:var(--muted);white-space:nowrap}.report-tabs a.active{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 68%,var(--accent)));color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 22%,transparent)}.report-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.report-filter{align-items:end;padding:12px 0}.report-filter-action{display:flex;align-items:end}.report-filter-action button{width:100%;height:var(--input-height)}.report-table{max-height:64vh;overflow:auto}.report-table thead th{position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--surface) 97%,#fff)}.table-actions{display:flex;gap:6px;align-items:center}.table-actions form{margin:0}

.communications-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:16px}.reminder-compose-card{min-height:480px}.reminder-actions{display:flex;flex-wrap:wrap;gap:8px}.reminder-guide{align-self:start;position:sticky;top:92px}.reminder-guide>p{color:var(--muted);font-size:.7rem;line-height:1.6}.reminder-guide .big{width:55px;height:55px;font-size:1.2rem}.reminder-guide h3{margin:12px 0 3px}

/* Premium animated car login */
.premium-login{grid-template-columns:minmax(0,1.28fr) minmax(420px,.72fr);background:#050b16;position:relative}.premium-login .login-art{padding:clamp(42px,7vw,105px);background:radial-gradient(circle at 22% 18%,rgba(65,105,225,.22),transparent 34%),radial-gradient(circle at 74% 28%,rgba(17,184,164,.16),transparent 30%),linear-gradient(145deg,#070e1c,#0b1d35 58%,#071421);align-items:flex-end}.premium-login .login-copy{z-index:8}.premium-login .login-copy h1 em{font-style:normal;background:linear-gradient(90deg,#7dd3fc,#6ee7b7,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-login .login-copy p{line-height:1.7}.login-bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to right,#000 58%,transparent 82%)}.login-light{position:fixed;border-radius:50%;filter:blur(75px);pointer-events:none;animation:loginGlow 7s ease-in-out infinite alternate}.login-light-a{width:300px;height:300px;left:18%;top:8%;background:rgba(59,130,246,.18)}.login-light-b{width:260px;height:260px;left:46%;bottom:5%;background:rgba(16,185,129,.12);animation-delay:-3s}@keyframes loginGlow{to{transform:translate(42px,30px) scale(1.15)}}.animated-car-wrap{position:absolute;width:min(58vw,720px);right:-4%;top:18%;z-index:3;animation:carFloat 4.2s ease-in-out infinite}.animated-car{width:100%;overflow:visible;filter:drop-shadow(0 22px 30px rgba(0,0,0,.34))}.car-body{stroke:rgba(255,255,255,.8);stroke-width:2}.car-shadow{fill:rgba(0,0,0,.35);filter:blur(7px)}.wheel-outer{fill:#0a101c;stroke:#73839a;stroke-width:5;transform-box:fill-box;transform-origin:center;animation:wheelSpin 1.2s linear infinite}.wheel-inner{fill:#9ba9bd;stroke:#111827;stroke-width:6}.headlamp{fill:#dff7ff;filter:drop-shadow(0 0 12px #60a5fa)}.taillamp{fill:#fb7185;filter:drop-shadow(0 0 10px #ef4444)}.car-line-detail{stroke:#8495aa;stroke-width:3;stroke-linecap:round}.headlight-beam{position:absolute;width:270px;height:72px;left:-200px;top:47%;background:linear-gradient(90deg,transparent,rgba(125,211,252,.14));clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);filter:blur(8px);animation:beamPulse 2s ease-in-out infinite}.login-road{position:absolute;right:-10%;left:24%;top:68%;height:2px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.35),transparent);transform:perspective(500px) rotateZ(-5deg)}.login-road span{position:absolute;height:2px;width:120px;background:rgba(255,255,255,.45);animation:roadDash 1.6s linear infinite}.login-road span:nth-child(2){left:42%;animation-delay:-.5s}.login-road span:nth-child(3){left:77%;animation-delay:-1s}.speed-lines{position:absolute;right:0;top:30%;width:45%;height:42%;opacity:.35}.speed-lines i{position:absolute;right:-20px;width:150px;height:1px;background:linear-gradient(90deg,transparent,#60a5fa);animation:speedLine 2s linear infinite}.speed-lines i:nth-child(2){top:30%;width:240px;animation-delay:-.7s}.speed-lines i:nth-child(3){top:65%;width:180px;animation-delay:-1.3s}.speed-lines i:nth-child(4){top:88%;width:90px;animation-delay:-.3s}@keyframes carFloat{50%{transform:translateY(-10px) rotate(-.5deg)}}@keyframes wheelSpin{to{transform:rotate(360deg)}}@keyframes beamPulse{50%{opacity:.45;transform:scaleX(1.08)}}@keyframes roadDash{from{transform:translateX(220px)}to{transform:translateX(-650px)}}@keyframes speedLine{from{transform:translateX(100px);opacity:0}30%{opacity:1}to{transform:translateX(-420px);opacity:0}}.premium-login .login-panel{background:linear-gradient(145deg,#f6f9ff,#eef4fb);position:relative;z-index:10}.premium-login-card{border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.86);backdrop-filter:blur(30px);box-shadow:0 40px 90px rgba(15,23,42,.18),inset 0 1px 0 #fff}.premium-login-card .login-logo{position:relative;width:54px;height:54px;border-radius:17px;box-shadow:0 13px 30px rgba(37,99,235,.28)}.premium-login-card .login-logo span{position:absolute;width:9px;height:9px;border-radius:50%;right:-2px;top:-2px;background:#34d399;border:3px solid #fff}.eyebrow.dark{display:block;color:#64748b;font-size:.58rem;letter-spacing:.13em;margin-top:16px}.login-input-wrap{display:grid;grid-template-columns:35px 1fr;align-items:center;border:1px solid #dce4ee;border-radius:14px;background:#fff;box-shadow:0 8px 19px rgba(15,23,42,.045);overflow:hidden}.login-input-wrap>span{text-align:center;color:#6366f1;font-size:.8rem}.premium-login-card .login-input-wrap input{border:0!important;border-radius:0;box-shadow:none!important;background:transparent}.login-submit{margin-top:14px;justify-content:space-between;padding-left:18px;padding-right:15px}.login-submit b{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.16);display:grid;place-items:center}.login-security{text-align:center;margin:13px 0 3px;color:#64748b;font-size:.61rem}.login-security span{color:#10b981}

@media(max-width:1280px){.expanded-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.document-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.document-view-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.communications-grid{grid-template-columns:1fr}.reminder-guide{position:static}.premium-login{grid-template-columns:1fr}.premium-login .login-art{min-height:48vh}.premium-login .login-panel{min-height:52vh}.animated-car-wrap{width:min(78vw,620px);top:10%;right:-7%}.expanded-kpis,.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.document-upload-grid,.document-view-grid{grid-template-columns:1fr 1fr}.car-photo-drop{grid-column:span 2}.expanded-kpis{grid-template-columns:1fr 1fr}.reminder-actions>*{width:100%}.premium-login .login-art{padding:28px 22px;min-height:440px}.animated-car-wrap{width:110vw;right:-35%;top:7%;opacity:.68}.premium-login .login-copy h1{font-size:2.15rem}.premium-login .login-panel{padding:18px}.premium-login-card{padding:26px 22px}.report-tabs{margin-inline:-5px}.smart-select-popover.smart-select-portal{left:12px!important;right:auto!important;top:auto!important;bottom:12px!important;width:calc(100vw - 24px)!important;max-height:72vh}.smart-select-popover.smart-select-portal .smart-select-options{max-height:52vh}}

/* ===== PhoneLedger v2.2.1 premium detail UI + stable searchable selects ===== */
.page-head{padding:8px 4px 4px}.page-head h1{letter-spacing:-.035em}.page-head:after{content:"";display:block;width:min(340px,36vw);height:1px;margin-top:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 45%,transparent),transparent)}
.panel,.glass-card,.form-section,.catalog-card,.exchange-card,.plan-card,.receipt-designer-card{box-shadow:0 max(14px,var(--elevation,18px)) 44px rgba(15,23,42,.10),0 4px 14px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.76)!important}
.form-section{padding:21px;border-radius:calc(var(--radius) + 1px);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 91%,transparent),color-mix(in srgb,var(--primary) 2.8%,var(--surface)))!important}.form-section>.section-title{padding-bottom:13px;border-bottom:1px solid color-mix(in srgb,var(--primary) 9%,var(--border))}.dynamic-form .field{padding:10px 11px 12px;border:1px solid color-mix(in srgb,var(--primary) 8%,var(--border));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 76%,transparent),color-mix(in srgb,var(--app-bg) 62%,transparent));box-shadow:0 7px 16px rgba(15,23,42,.035);transition:.18s ease}.dynamic-form .field:focus-within{border-color:color-mix(in srgb,var(--primary) 26%,var(--border));box-shadow:0 13px 27px rgba(15,23,42,.075),0 0 0 3px color-mix(in srgb,var(--primary) 5%,transparent);transform:translateY(-1px)}.dynamic-form .field>label{font-size:.67rem;text-transform:uppercase;letter-spacing:.045em;color:color-mix(in srgb,var(--text) 65%,var(--muted))}

/* Robust shared searchable select overlay. Inline JS visibility wins even if a tenant theme is stale. */
.native-smart-select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;opacity:.001!important;pointer-events:none!important;padding:0!important;border:0!important;z-index:-1!important}
.smart-select{position:relative;width:100%;min-width:0}.smart-select.disabled{opacity:.65}.smart-select-trigger{min-height:var(--input-height,48px)!important;border-radius:var(--input-radius,15px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--primary) 3%,var(--surface)))!important;border:1px solid color-mix(in srgb,var(--primary) 14%,#cbd5e1)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 18px rgba(15,23,42,.05)!important;padding:10px 13px!important}.smart-select-trigger:hover{border-color:color-mix(in srgb,var(--primary) 38%,#cbd5e1)!important;box-shadow:0 11px 24px rgba(15,23,42,.08)!important}.smart-select.open .smart-select-trigger{border-color:var(--primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent),0 14px 30px rgba(15,23,42,.10)!important}.smart-select-chevron{width:27px!important;height:27px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--primary) 9%,transparent)!important}.smart-select-chevron i{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.smart-select.open .smart-select-chevron i{transform:translateY(2px) rotate(225deg)}
#dealerSmartSelectPortal.smart-select-popover.smart-select-portal{position:fixed!important;display:none;visibility:hidden;opacity:0;pointer-events:none;z-index:2147483646!important;min-width:280px;max-width:calc(100vw - 20px);padding:10px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 22%,#dbe2ea);background:color-mix(in srgb,var(--surface) 98%,#fff);box-shadow:0 34px 90px rgba(15,23,42,.34),0 10px 28px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(34px) saturate(180%);-webkit-backdrop-filter:blur(34px) saturate(180%);overflow:hidden;transform-origin:top center;animation:dsSelectIn .14s ease}#dealerSmartSelectPortal.smart-select-popover.smart-select-portal.open{display:block;visibility:visible;opacity:1;pointer-events:auto}#dealerSmartSelectPortal.open-up{transform-origin:bottom center}@keyframes dsSelectIn{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
#dealerSmartSelectPortal .smart-select-search-wrap{min-height:44px;border-radius:13px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--primary) 3%,#f8fafc));border:1px solid color-mix(in srgb,var(--primary) 12%,#dbe2ea);box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(15,23,42,.05);margin-bottom:8px}#dealerSmartSelectPortal .smart-select-search{height:42px!important;min-height:42px!important;font-size:.78rem!important;color:var(--text)!important}#dealerSmartSelectPortal .smart-select-options{max-height:min(300px,52vh);overflow:auto;display:grid;gap:4px;padding:2px;scrollbar-width:thin}#dealerSmartSelectPortal .smart-option{min-height:42px;border-radius:12px;padding:9px 11px;font-size:.76rem;background:transparent;border:1px solid transparent;transition:.12s ease}#dealerSmartSelectPortal .smart-option:hover,#dealerSmartSelectPortal .smart-option:focus{outline:0;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));border-color:color-mix(in srgb,var(--primary) 10%,transparent);transform:translateX(2px)}#dealerSmartSelectPortal .smart-option.selected{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border-color:color-mix(in srgb,var(--primary) 16%,transparent);color:color-mix(in srgb,var(--primary) 78%,var(--text));font-weight:850}#dealerSmartSelectPortal .smart-option.selected b{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--primary);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--primary) 25%,transparent)}

/* Rich record/360 detail layouts */
.premium-record-actions{position:relative;z-index:2}.record-hero{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:17px;padding:21px 22px;border-radius:calc(var(--radius) + 4px);overflow:hidden!important;isolation:isolate}.record-hero:before{content:"";position:absolute;right:-80px;top:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 15%,transparent),transparent 67%);z-index:-1}.record-hero:after{content:"";position:absolute;left:35%;bottom:-95px;width:290px;height:170px;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;transform:rotate(-8deg);z-index:-1;box-shadow:0 0 0 30px color-mix(in srgb,var(--primary) 2%,transparent),0 0 0 60px color-mix(in srgb,var(--accent) 2%,transparent)}.record-hero-icon{width:66px;height:66px;border-radius:21px;display:grid;place-items:center;font-size:1.25rem;font-weight:900;box-shadow:0 17px 34px rgba(15,23,42,.22)}.record-hero-copy{min-width:0}.record-hero-copy small{display:block;font-size:.61rem;font-weight:900;letter-spacing:.13em;color:var(--primary)}.record-hero-copy h2{margin:3px 0 2px;font-size:1.36rem;letter-spacing:-.03em}.record-hero-copy p{margin:0;color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-hero-chip{display:grid;justify-items:end;gap:2px;padding:9px 12px;border-radius:13px;background:color-mix(in srgb,var(--surface) 65%,transparent);border:1px solid rgba(255,255,255,.68);box-shadow:0 9px 22px rgba(15,23,42,.07)}.record-hero-chip span{font-size:.68rem;font-weight:900;color:var(--primary)}.record-hero-chip strong{font-size:.54rem;letter-spacing:.1em;color:var(--muted)}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:17px;align-items:start}.detail-sections{display:grid;gap:17px;min-width:0}.detail-section-card{padding:18px 19px}.detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--primary) 9%,var(--border))}.detail-section-head>div{display:flex;align-items:center;gap:10px}.detail-section-head small{display:block;font-size:.54rem;letter-spacing:.13em;color:var(--muted);font-weight:850}.detail-section-head h3{margin:1px 0 0;font-size:.92rem}.detail-section-head>b{font-size:.61rem;color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,transparent);padding:5px 8px;border-radius:999px}.section-orb{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;box-shadow:0 9px 20px rgba(15,23,42,.15);font-size:.7rem}.detail-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-info-card{--card-accent:#6366f1;min-height:104px;display:grid;grid-template-columns:42px 1fr;align-items:start;gap:10px;padding:13px;border:1px solid color-mix(in srgb,var(--card-accent) 10%,var(--border));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--card-accent) 4%,var(--surface)));box-shadow:0 9px 20px rgba(15,23,42,.055);position:relative;overflow:hidden;transition:.18s ease}.detail-info-card:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;right:-28px;bottom:-32px;background:color-mix(in srgb,var(--card-accent) 8%,transparent)}.detail-info-card:hover{transform:translateY(-3px);box-shadow:0 17px 32px rgba(15,23,42,.095);border-color:color-mix(in srgb,var(--card-accent) 22%,var(--border))}.detail-info-card:nth-child(8n+1){--card-accent:#6366f1}.detail-info-card:nth-child(8n+2){--card-accent:#0ea5e9}.detail-info-card:nth-child(8n+3){--card-accent:#10b981}.detail-info-card:nth-child(8n+4){--card-accent:#f59e0b}.detail-info-card:nth-child(8n+5){--card-accent:#ef4444}.detail-info-card:nth-child(8n+6){--card-accent:#14b8a6}.detail-info-card:nth-child(8n+7){--card-accent:#a855f7}.detail-info-card:nth-child(8n+8){--card-accent:#64748b}.detail-info-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:.65rem;font-weight:950;box-shadow:0 9px 18px rgba(15,23,42,.17);position:relative;z-index:1}.detail-info-card>div{min-width:0;position:relative;z-index:1}.detail-info-card small{display:block;color:var(--muted);font-size:.59rem;text-transform:uppercase;letter-spacing:.045em;font-weight:800}.detail-info-card strong{display:block;margin-top:4px;font-size:.76rem;line-height:1.4;word-break:break-word}.detail-info-card em{display:block;margin-top:3px;font-style:normal;color:var(--muted);font-size:.57rem}.detail-link-card{cursor:pointer}.record-side-stack{display:grid;gap:14px;position:sticky;top:106px}.record-summary-card{padding:17px}.side-card-title{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:5px;border-bottom:1px solid var(--border)}.side-card-title small{display:block;color:var(--muted);font-size:.54rem;letter-spacing:.1em}.side-card-title h3{margin:1px 0 0;font-size:.87rem}.side-metric{display:grid;grid-template-columns:37px 1fr;gap:9px;align-items:center;padding:11px 2px;border-bottom:1px solid color-mix(in srgb,var(--primary) 7%,var(--border))}.side-metric:last-child{border-bottom:0}.side-metric-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-size:.62rem;font-weight:900;box-shadow:0 8px 17px rgba(15,23,42,.14)}.side-metric>div{min-width:0}.side-metric small{display:block;font-size:.56rem;color:var(--muted);text-transform:uppercase}.side-metric strong{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-metric em{display:block;font-size:.56rem;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-gallery-panel{overflow:hidden!important}.finance-detail-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.finance-detail-kpis .kpi{min-height:102px}.finance-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-legal-note{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;border-radius:16px;box-shadow:0 10px 25px rgba(37,99,235,.08)}.premium-legal-note p{line-height:1.55}.finance-table-panel{overflow:hidden!important}.table-number-chip{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,#fff),color-mix(in srgb,var(--accent) 8%,#fff));color:var(--primary);font-weight:900}.table-link{color:var(--primary);font-weight:850}.table-link:hover{text-decoration:underline}

/* Stronger colorful dashboard/list card identity */
.kpi.kpi-elevated{border-top:3px solid color-mix(in srgb,var(--primary) 42%,transparent);box-shadow:0 18px 42px rgba(15,23,42,.10),0 5px 14px rgba(15,23,42,.045)}.module-card{box-shadow:0 15px 32px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.75)!important}.module-card:nth-child(8n+1){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,#6366f1 5%,var(--surface)))!important}.module-card:nth-child(8n+2){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,#0ea5e9 5%,var(--surface)))!important}.module-card:nth-child(8n+3){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,#10b981 5%,var(--surface)))!important}.module-card:nth-child(8n+4){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,#f59e0b 5%,var(--surface)))!important}.module-card:nth-child(8n+5){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,#ef4444 4%,var(--surface)))!important}.module-card:nth-child(8n+6){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,#14b8a6 5%,var(--surface)))!important}.module-card:nth-child(8n+7){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,#a855f7 5%,var(--surface)))!important}.module-card:nth-child(8n+8){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,#64748b 5%,var(--surface)))!important}
.ambient-road{animation:ambientRoad 13s ease-in-out infinite alternate}.ambient-grid{animation:ambientGrid 24s linear infinite}.orb-a,.orb-c{filter:blur(10px)}@keyframes ambientRoad{to{transform:rotate(-6deg) translate3d(-45px,-18px,0)}}@keyframes ambientGrid{to{background-position:54px 54px}}

@media(max-width:1180px){.detail-card-grid,.finance-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.detail-layout{grid-template-columns:1fr}.record-side-stack{position:static}.record-hero{grid-template-columns:62px 1fr}.record-hero-chip{grid-column:2;justify-self:start}.record-hero-icon{width:56px;height:56px;border-radius:18px}.finance-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.record-hero{grid-template-columns:50px 1fr;padding:16px}.record-hero-icon{width:48px;height:48px;border-radius:15px;font-size:.95rem}.record-hero-copy h2{font-size:1.05rem}.record-hero-copy p{white-space:normal}.detail-card-grid,.finance-info-grid{grid-template-columns:1fr}.finance-detail-kpis{grid-template-columns:1fr 1fr}.detail-info-card{min-height:92px}#dealerSmartSelectPortal.smart-select-popover.smart-select-portal{left:12px!important;right:auto!important;top:auto!important;bottom:12px!important;width:calc(100vw - 24px)!important;max-height:72vh!important;border-radius:20px}#dealerSmartSelectPortal .smart-select-options{max-height:52vh}.dynamic-form .field{padding:8px 9px 10px}}

/* PhoneLedger v2.2.1 — Glass + Clay premium layer */
:root{--clay-hi:rgba(255,255,255,.88);--clay-low:rgba(15,23,42,.10);--clay-shadow:0 20px 45px rgba(15,23,42,.11),0 6px 16px rgba(15,23,42,.055),inset 0 2px 0 rgba(255,255,255,.84),inset 0 -2px 0 rgba(15,23,42,.025)}
.panel,.glass-card,.form-section,.finance-card,.exchange-card,.receipt-designer-card,.catalog-card,.market-card,.conversation-card{box-shadow:var(--clay-shadow)!important;border-color:color-mix(in srgb,var(--primary) 10%,rgba(255,255,255,.78))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 91%,transparent),color-mix(in srgb,var(--primary) 2.8%,color-mix(in srgb,var(--surface) 82%,transparent)))!important}
.panel:before,.glass-card:before,.form-section:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.26),transparent 32%,transparent 70%,rgba(15,23,42,.018));z-index:0}.panel>*:not(.smart-select-popover),.glass-card>*:not(.smart-select-popover),.form-section>*:not(.smart-select-popover){position:relative;z-index:1}

/* Make all operational table rows feel like colorful elevated entries, not flat bootstrap rows. */
.table-panel{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.table-wrap{overflow:auto;padding:3px 4px 12px}.data-table,.table-panel table{border-collapse:separate!important;border-spacing:0 9px!important}.data-table thead th,.table-panel thead th{border:0!important;background:transparent!important;padding-bottom:7px!important}.data-table tbody tr,.table-panel tbody tr{filter:drop-shadow(0 8px 10px rgba(15,23,42,.055));transition:transform .18s ease,filter .18s ease}.data-table tbody tr:hover,.table-panel tbody tr:hover{transform:translateY(-2px);filter:drop-shadow(0 14px 18px rgba(15,23,42,.09));background:transparent!important}.data-table tbody td,.table-panel tbody td{background:color-mix(in srgb,var(--surface) 88%,transparent)!important;border-top:1px solid color-mix(in srgb,var(--primary) 7%,var(--border))!important;border-bottom:1px solid color-mix(in srgb,var(--primary) 7%,var(--border))!important;padding-top:13px!important;padding-bottom:13px!important}.data-table tbody td:first-child,.table-panel tbody td:first-child{border-left:1px solid color-mix(in srgb,var(--primary) 8%,var(--border))!important;border-radius:15px 0 0 15px!important;padding-left:52px!important;position:relative}.data-table tbody td:last-child,.table-panel tbody td:last-child{border-right:1px solid color-mix(in srgb,var(--primary) 8%,var(--border))!important;border-radius:0 15px 15px 0!important}.data-table tbody td:first-child:before,.table-panel tbody td:first-child:before{content:"◆";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:29px;height:29px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:.62rem;font-weight:950;box-shadow:0 8px 17px rgba(15,23,42,.17)}.data-table tbody tr:nth-child(8n+1) td:first-child:before,.table-panel tbody tr:nth-child(8n+1) td:first-child:before{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.data-table tbody tr:nth-child(8n+2) td:first-child:before,.table-panel tbody tr:nth-child(8n+2) td:first-child:before{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.data-table tbody tr:nth-child(8n+3) td:first-child:before,.table-panel tbody tr:nth-child(8n+3) td:first-child:before{background:linear-gradient(135deg,#10b981,#22c55e)}.data-table tbody tr:nth-child(8n+4) td:first-child:before,.table-panel tbody tr:nth-child(8n+4) td:first-child:before{background:linear-gradient(135deg,#f59e0b,#f97316)}.data-table tbody tr:nth-child(8n+5) td:first-child:before,.table-panel tbody tr:nth-child(8n+5) td:first-child:before{background:linear-gradient(135deg,#ef4444,#ec4899)}.data-table tbody tr:nth-child(8n+6) td:first-child:before,.table-panel tbody tr:nth-child(8n+6) td:first-child:before{background:linear-gradient(135deg,#06b6d4,#14b8a6)}.data-table tbody tr:nth-child(8n+7) td:first-child:before,.table-panel tbody tr:nth-child(8n+7) td:first-child:before{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.data-table tbody tr:nth-child(8n+8) td:first-child:before,.table-panel tbody tr:nth-child(8n+8) td:first-child:before{background:linear-gradient(135deg,#64748b,#334155)}
.row-actions a,.table-action{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--primary) 4%,#fff));border:1px solid color-mix(in srgb,var(--primary) 9%,var(--border));box-shadow:0 6px 13px rgba(15,23,42,.055);border-radius:10px}.row-actions a:hover,.table-action:hover{transform:translateY(-1px);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}

/* Hard fix for searchable dropdown visibility. The portal lives under BODY and uses fixed positioning. */
#dealerSmartSelectPortal{display:none;position:fixed!important;z-index:2147483646!important;overflow:hidden!important;isolation:isolate!important;transform:none!important;clip:auto!important;clip-path:none!important;contain:none!important;visibility:hidden;opacity:0;pointer-events:none;background:rgba(255,255,255,.985)!important;color:#162033!important;border:1px solid color-mix(in srgb,var(--primary) 25%,#dce5f0)!important;border-radius:18px!important;box-shadow:0 30px 90px rgba(15,23,42,.30),inset 0 1px 0 #fff!important;backdrop-filter:blur(28px) saturate(170%)!important;-webkit-backdrop-filter:blur(28px) saturate(170%)!important}#dealerSmartSelectPortal.open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}#dealerSmartSelectPortal .smart-select-search-wrap{position:sticky;top:0;z-index:3;background:rgba(248,250,252,.97);border-color:#dde6f1;margin:0 0 7px;padding:0 11px}#dealerSmartSelectPortal .smart-select-search{color:#162033!important}#dealerSmartSelectPortal .smart-select-options{display:block!important;overflow:auto!important;max-height:270px!important;padding:2px!important}#dealerSmartSelectPortal .smart-option{display:flex!important;width:100%!important;color:#162033!important;min-height:42px!important;align-items:center!important;padding:10px 11px!important;border-radius:11px!important}#dealerSmartSelectPortal .smart-option:hover,#dealerSmartSelectPortal .smart-option:focus{background:#eef5ff!important;outline:none!important}#dealerSmartSelectPortal .smart-option.selected{background:linear-gradient(90deg,#eef2ff,#ecfeff)!important;color:#2736a5!important}.smart-select-trigger{position:relative;z-index:1}.smart-select.open .smart-select-trigger{transform:translateY(-1px)}

/* Dealer Marketplace */
.market-toolbar{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.market-toolbar>div{display:grid}.market-toolbar>div>strong{font-size:.86rem}.market-toolbar>div>small{font-size:.65rem;color:var(--muted)}.market-toolbar-actions{display:flex!important;grid-auto-flow:column;gap:8px}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.market-card{border-radius:23px!important;overflow:hidden!important;padding:0!important;transition:transform .22s ease,box-shadow .22s ease}.market-card:hover{transform:translateY(-7px);box-shadow:0 34px 70px rgba(15,23,42,.17),inset 0 1px #fff!important}.market-photo{height:230px;display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#ede9fe)}.market-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.market-card:hover .market-photo img{transform:scale(1.045)}.market-no-photo{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:7px;color:var(--primary);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.88),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,#eef2ff),color-mix(in srgb,var(--accent) 12%,#ecfeff))}.market-no-photo span{font-size:3rem}.market-no-photo b{font-size:.58rem;letter-spacing:.13em}.market-kind,.market-photo-count{position:absolute;top:13px;padding:6px 9px;border-radius:999px;color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.06em;backdrop-filter:blur(13px);box-shadow:0 7px 16px rgba(15,23,42,.17)}.market-kind{left:13px;background:rgba(15,23,42,.76)}.market-photo-count{right:13px;background:rgba(79,70,229,.82)}.market-card-body{padding:17px 18px 18px}.market-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.market-title small{display:block;color:var(--muted);font-size:.59rem;text-transform:uppercase;letter-spacing:.055em;font-weight:750}.market-title h3{margin:3px 0 0;font-size:1.05rem;letter-spacing:-.025em}.market-price{font-size:1.25rem;font-weight:900;color:var(--text);margin:12px 0 10px}.market-price small{display:block;color:var(--muted);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.market-price.hero{font-size:1.75rem}.market-specs{display:flex;gap:7px;flex-wrap:wrap}.market-specs span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:10px;background:color-mix(in srgb,var(--primary) 5%,#fff);border:1px solid color-mix(in srgb,var(--primary) 7%,var(--border));font-size:.62rem;color:#48556a}.market-specs b{color:var(--primary)}.market-note{min-height:34px;color:var(--muted);font-size:.67rem;line-height:1.45;margin:10px 0}.market-actions{display:flex;gap:8px;margin-top:13px}.market-actions>*{flex:1}.market-actions.large>*{flex:0 1 auto}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px}.empty-state h3{margin:4px 0 0}.empty-state p{max-width:480px;color:var(--muted);font-size:.75rem;margin:0}
.market-admin-hero{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px}.market-admin-copy{display:flex;align-items:flex-start;gap:13px}.market-admin-copy small{font-size:.57rem;color:var(--primary);font-weight:900;letter-spacing:.12em}.market-admin-copy h2{margin:2px 0 5px}.market-admin-copy p{margin:0;max-width:720px;color:var(--muted);font-size:.72rem;line-height:1.55}.market-switch-card{display:grid;gap:10px;padding:13px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.68),color-mix(in srgb,var(--primary) 4%,#fff));box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(15,23,42,.07)}.switch-row{display:grid!important;grid-template-columns:44px 1fr;gap:10px;align-items:center;cursor:pointer}.switch-row>input{position:absolute;opacity:0;pointer-events:none}.switch-row>span{width:42px;height:24px;border-radius:999px;background:#d7dfeb;position:relative;transition:.2s}.switch-row>span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(15,23,42,.2);transition:.2s}.switch-row>input:checked+span{background:linear-gradient(90deg,var(--primary),var(--accent))}.switch-row>input:checked+span:after{transform:translateX(18px)}.switch-row>div{display:grid}.switch-row strong{font-size:.7rem}.switch-row small{font-size:.58rem;color:var(--muted);font-weight:550}.market-manage-grid{display:grid;gap:10px}.market-manage-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 8%,var(--border));border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.78),color-mix(in srgb,var(--primary) 3%,#fff));box-shadow:0 10px 24px rgba(15,23,42,.055)}.manage-photo{width:92px;height:70px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:#eef3fa}.manage-photo img{width:100%;height:100%;object-fit:cover}.manage-info{display:grid;min-width:0}.manage-info small{font-size:.57rem;color:var(--muted)}.manage-info strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-info span{font-size:.7rem;font-weight:850;color:var(--primary)}.manage-info em{font-style:normal;font-size:.57rem;color:var(--muted)}.manage-actions{display:flex;gap:6px}.manage-actions form{display:contents}.status.muted{background:#f1f5f9;color:#64748b}.status.success{background:#ecfdf5;color:#059669}.market-publish-layout{display:grid;gap:17px}.market-publish-vehicle{display:flex;gap:13px;align-items:flex-start}.market-publish-vehicle small{font-size:.57rem;color:var(--primary);font-weight:850}.market-publish-vehicle h2{margin:2px 0 3px;font-size:1.12rem}.market-publish-vehicle p{margin:0;color:var(--muted);font-size:.68rem}.privacy-box,.privacy-strip{display:grid;grid-template-columns:44px 1fr;gap:11px;padding:12px;border-radius:15px;background:linear-gradient(135deg,#fff1f2,#fff7ed);border:1px solid #fed7d7}.privacy-box strong{font-size:.72rem}.privacy-box p,.privacy-strip p{margin:2px 0 0;color:#7c3b44;font-size:.62rem;line-height:1.5}.choice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.choice-card{display:grid!important;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:11px;border-radius:15px;border:1px solid var(--border);background:rgba(255,255,255,.68);box-shadow:0 8px 18px rgba(15,23,42,.045);cursor:pointer;position:relative}.choice-card input{position:absolute;right:10px;top:10px;accent-color:var(--primary)}.choice-card strong{display:block;font-size:.69rem}.choice-card small{display:block;font-size:.56rem;color:var(--muted)}.market-photo-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.photo-choice{position:relative;display:block!important;padding:8px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(15,23,42,.05)}.photo-choice>input{position:absolute;top:13px;left:13px;z-index:2;accent-color:var(--primary)}.photo-choice img{width:100%;height:125px;object-fit:cover;border-radius:11px;display:block}.photo-choice>span{display:block;font-size:.58rem;font-weight:800;margin:7px 0 2px}.cover-radio{font-size:.56rem!important;color:var(--muted)!important}.market-upload{display:flex!important;align-items:center;gap:11px;margin-top:11px;padding:12px;border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--primary) 3%,#fff);cursor:pointer}.market-upload div{display:grid}.market-upload strong{font-size:.7rem}.market-upload small{font-size:.57rem;color:var(--muted)}.market-upload input{margin-left:auto;max-width:260px}.sticky-form-actions{position:sticky;bottom:14px;z-index:12;display:flex;justify-content:flex-end;gap:8px;padding:11px;border-radius:16px;background:rgba(255,255,255,.86);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);box-shadow:0 15px 35px rgba(15,23,42,.12)}
.market-detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px}.market-detail-gallery,.market-detail-card{padding:16px}.market-main-photo{height:480px;border-radius:19px;overflow:hidden;background:#eef3fa}.market-main-photo img{width:100%;height:100%;object-fit:cover}.market-thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px;padding-bottom:3px}.market-thumb{border:2px solid transparent;border-radius:12px;padding:2px;background:#fff;width:82px;height:64px;flex:0 0 auto}.market-thumb.active{border-color:var(--primary)}.market-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.market-dealer-line{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center}.market-dealer-line div{display:grid}.market-dealer-line small{font-size:.53rem;color:var(--muted);letter-spacing:.1em}.market-dealer-line strong{font-size:.75rem}.market-dealer-line em{font-size:.58rem;color:var(--muted);font-style:normal}.market-detail-card>h1{font-size:1.55rem;margin:19px 0 2px}.market-detail-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.market-description{padding:12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,#fff);border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))}.market-description strong{font-size:.67rem}.market-description p{margin:3px 0 0;color:var(--muted);font-size:.64rem}.privacy-strip{grid-template-columns:28px 1fr;background:#f8fafc;border-color:#e2e8f0;margin-top:12px}.privacy-strip p{color:#64748b;margin:0}
.conversation-grid{display:grid;gap:10px}.conversation-card{display:grid;grid-template-columns:82px 1fr 24px;align-items:center;gap:12px;padding:10px;border-radius:18px;transition:.18s}.conversation-card:hover{transform:translateX(4px)}.conversation-photo{width:82px;height:64px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:#eef3fa}.conversation-photo img{width:100%;height:100%;object-fit:cover}.conversation-card>div:nth-child(2){display:grid}.conversation-card small{font-size:.58rem;color:var(--muted)}.conversation-card strong{font-size:.78rem}.conversation-card span{font-size:.69rem;color:var(--primary);font-weight:800}.conversation-card em{font-size:.55rem;color:var(--muted);font-style:normal}.chat-layout{display:grid;gap:12px}.chat-head{display:grid;grid-template-columns:82px 1fr auto;gap:12px;align-items:center;padding:11px 14px}.chat-head h2{margin:1px 0;font-size:.94rem}.chat-head small{font-size:.58rem;color:var(--muted)}.chat-head span{font-size:.67rem;color:var(--primary);font-weight:850}.chat-head-actions{display:flex;gap:7px}.chat-window{padding:13px}.chat-messages{height:min(58vh,600px);overflow:auto;display:flex;flex-direction:column;gap:8px;padding:7px}.chat-message{max-width:72%;padding:9px 11px;border-radius:15px;background:#f1f5f9;box-shadow:0 7px 17px rgba(15,23,42,.05)}.chat-message.mine{align-self:flex-end;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),color-mix(in srgb,var(--accent) 8%,#fff));border-bottom-right-radius:5px}.chat-message.theirs{align-self:flex-start;border-bottom-left-radius:5px}.chat-message small{font-size:.52rem;color:var(--muted)}.chat-message p{margin:3px 0;font-size:.7rem;line-height:1.5}.chat-message em{display:block;text-align:right;font-size:.5rem;color:var(--muted);font-style:normal}.chat-empty{margin:auto;display:grid;place-items:center;text-align:center;gap:5px;max-width:420px}.chat-empty small{color:var(--muted);font-size:.63rem}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--border);padding-top:10px;margin-top:7px}.chat-compose textarea{min-height:68px;resize:vertical;border-radius:15px;border:1px solid var(--border);padding:11px;background:rgba(255,255,255,.8)}

@media(max-width:1200px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-admin-hero{grid-template-columns:1fr}.market-detail-layout{grid-template-columns:1fr}.market-main-photo{height:430px}}
@media(max-width:760px){.market-grid{grid-template-columns:1fr}.market-toolbar{align-items:stretch;flex-direction:column}.market-toolbar-actions{display:flex!important;flex-wrap:wrap}.market-manage-card{grid-template-columns:78px 1fr}.manage-photo{width:78px;height:64px}.manage-status,.manage-actions{grid-column:2}.manage-actions{flex-wrap:wrap}.choice-card-grid{grid-template-columns:1fr 1fr}.market-photo-selector{grid-template-columns:1fr 1fr}.market-main-photo{height:300px}.market-detail-spec-grid{grid-template-columns:1fr}.chat-head{grid-template-columns:68px 1fr}.chat-head-actions{grid-column:2;flex-wrap:wrap}.conversation-photo{width:68px;height:58px}.chat-message{max-width:88%}.chat-compose{grid-template-columns:1fr}.data-table tbody td:first-child,.table-panel tbody td:first-child{padding-left:45px!important}}

/* PhoneLedger v2.3.0 transaction finance, referrals, support and billing reports */
.finance-managed-note{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,rgba(91,95,239,.13),rgba(16,185,129,.12));border:1px solid rgba(91,95,239,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 24px rgba(15,23,42,.08);font-size:12px;font-weight:800;color:var(--text)}
.entry-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.entry-premium-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px;border-radius:calc(var(--radius) + 2px);text-decoration:none;color:var(--text);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow-card),inset 2px 2px 0 rgba(255,255,255,.82),inset -2px -2px 0 rgba(15,23,42,.035);transition:.22s ease}.entry-premium-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(15,23,42,.16),inset 2px 2px 0 rgba(255,255,255,.9)}.entry-icon,.table-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.55)}.table-icon{width:32px;height:32px;border-radius:10px;margin-right:8px;vertical-align:middle}.entry-copy{min-width:0;display:grid;gap:3px}.entry-copy small,.entry-copy em,.entry-money small{font-size:11px;color:var(--muted);font-style:normal}.entry-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-money{text-align:right;display:grid;gap:2px}.entry-money strong{font-size:16px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chat-thread{padding:20px;display:grid;gap:12px;max-height:58vh;overflow:auto;border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(238,243,249,.56));box-shadow:var(--shadow-soft),inset 1px 1px 0 rgba(255,255,255,.85)}.chat-bubble{max-width:min(760px,84%);padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.88);box-shadow:0 10px 26px rgba(15,23,42,.09)}.chat-bubble.mine{justify-self:end;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,white),color-mix(in srgb,var(--accent) 10%,white))}.chat-bubble.other{justify-self:start}.chat-bubble small{display:block;font-size:10px;font-weight:900;color:var(--primary);letter-spacing:.04em;text-transform:uppercase}.chat-bubble p{margin:6px 0;line-height:1.5}.chat-bubble em{display:block;text-align:right;font-size:10px;color:var(--muted);font-style:normal}.status.in_progress,.status.contacted{background:#fff3cd;color:#8a5b00}.status.awaiting_dealer,.status.received{background:#e0f2fe;color:#075985}.status.resolved,.status.converted,.status.paid,.status.approved{background:#dcfce7;color:#166534}.status.closed,.status.lost,.status.waived{background:#e5e7eb;color:#374151}
@media(max-width:900px){.two-col{grid-template-columns:1fr}.entry-card-grid{grid-template-columns:1fr}.entry-premium-card{grid-template-columns:auto minmax(0,1fr);}.entry-premium-card>.status,.entry-premium-card>.entry-money{grid-column:2;justify-self:start;text-align:left}}

/* ======================================================================
   PhoneLedger v3.0.2 — AutoERP-inspired production UI
   Shared glass + clay visual language across dashboard and internal pages
   ====================================================================== */
:root{
  --auto-navy:#09142f;--auto-blue:#2d7ff9;--auto-blue-2:#1867ed;--auto-cyan:#25c4e8;
  --auto-green:#18b978;--auto-orange:#ff7b2e;--auto-purple:#8c4ff7;--auto-pink:#ed4b9a;
  --auto-soft:#eef6ff;--auto-line:rgba(115,154,206,.18);--auto-panel:rgba(255,255,255,.72);
  --auto-panel-strong:rgba(255,255,255,.88);--auto-clay:0 16px 35px rgba(70,116,170,.14),inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(96,132,181,.08);
  --auto-float:0 22px 60px rgba(72,112,164,.17),inset 1px 1px 0 rgba(255,255,255,.92);
}
body.autoerp-ui{background:linear-gradient(135deg,#edf6ff 0%,#f7fbff 42%,#eaf4ff 100%);color:var(--auto-navy);overflow-x:hidden}
.autoerp-background{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:
 linear-gradient(120deg,rgba(255,255,255,.7),transparent 34%),
 radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 24%),
 radial-gradient(circle at 14% 88%,rgba(56,189,248,.12),transparent 28%)}
.bg-blob{position:absolute;border-radius:44% 56% 55% 45% / 52% 48% 52% 48%;filter:blur(3px);opacity:.7;animation:autoFloat 14s ease-in-out infinite alternate}.blob-one{width:520px;height:420px;right:-140px;top:-120px;background:linear-gradient(145deg,rgba(132,185,255,.18),rgba(255,255,255,.5))}.blob-two{width:560px;height:450px;left:18%;bottom:-260px;background:linear-gradient(145deg,rgba(141,211,255,.16),rgba(173,165,255,.12));animation-delay:-6s}.bg-ridge{position:absolute;width:760px;height:260px;transform:skewX(-18deg) rotate(-8deg);border-radius:46%;border:1px solid rgba(89,137,204,.08);background:linear-gradient(145deg,rgba(255,255,255,.26),rgba(97,166,249,.05));box-shadow:inset 0 1px rgba(255,255,255,.7)}.ridge-one{right:5%;top:15%}.ridge-two{left:18%;bottom:3%;transform:skewX(18deg) rotate(7deg)}.bg-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(66,130,210,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(66,130,210,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 88%)}
@keyframes autoFloat{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(26px,24px,0) rotate(8deg)}}
body.autoerp-ui .ambient-bg{display:none!important}
body.autoerp-ui .app-shell{grid-template-columns:255px minmax(0,1fr);gap:14px;padding:12px 14px 12px 14px;min-height:100vh}
body.autoerp-ui .sidebar{position:sticky;top:12px;height:calc(100vh - 24px);border-radius:28px;padding:17px 14px 14px;color:#173461;background:linear-gradient(155deg,rgba(255,255,255,.88),rgba(226,241,255,.68))!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 24px 60px rgba(79,120,171,.16),inset 1px 1px 0 #fff!important;backdrop-filter:blur(28px) saturate(150%);overflow:hidden;z-index:50}
body.autoerp-ui .sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 4%,rgba(76,156,255,.13),transparent 28%),radial-gradient(circle at 86% 76%,rgba(93,170,255,.10),transparent 31%),linear-gradient(155deg,transparent 48%,rgba(114,178,255,.07));pointer-events:none}
body.autoerp-ui .brand{position:relative;padding:7px 9px 18px;gap:12px;color:var(--auto-navy);font-weight:800;min-height:58px}
body.autoerp-ui .brand img{width:48px;height:48px;border-radius:16px;object-fit:contain;background:rgba(255,255,255,.88);box-shadow:0 10px 22px rgba(63,116,181,.12);padding:5px}
.auto-mark{width:46px;height:46px;position:relative;display:block;filter:drop-shadow(0 8px 13px rgba(34,106,237,.3));transform:rotate(-4deg)}.auto-mark:before,.auto-mark:after,.auto-mark i,.auto-mark b{content:"";position:absolute;border-radius:20px;background:linear-gradient(160deg,#33a8ff,#1256ec)}.auto-mark:before{width:15px;height:42px;left:9px;top:2px;transform:skew(-21deg)}.auto-mark:after{width:15px;height:42px;right:9px;top:2px;transform:skew(21deg);background:linear-gradient(160deg,#65c5ff,#3a78ff)}.auto-mark i{width:28px;height:9px;left:9px;top:23px;transform:skew(-8deg);background:#205dea}.auto-mark b{width:10px;height:10px;right:0;bottom:1px;background:#6ad3ff}
.brand-copy{display:grid;min-width:0;line-height:1.12}.brand-copy strong{font-size:20px;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy small{font-size:9px;color:#48658f;font-weight:600;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.autoerp-ui .nav{position:relative;display:grid;gap:6px;padding:0 1px 12px;scrollbar-width:none}body.autoerp-ui .nav::-webkit-scrollbar{display:none}
body.autoerp-ui .nav-link{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 15px;align-items:center;gap:10px;min-height:48px;padding:5px 8px;border-radius:15px;color:#1b3d6d;font-size:13px;font-weight:650;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}
body.autoerp-ui .nav-link:hover{background:rgba(255,255,255,.66);box-shadow:0 8px 20px rgba(65,115,174,.08);color:#102f5f;transform:translateX(2px)}
body.autoerp-ui .nav-link.active{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,#258dff),#2474f6)!important;box-shadow:0 11px 24px color-mix(in srgb,var(--primary) 31%,transparent),inset 1px 1px 0 rgba(255,255,255,.38)!important}
body.autoerp-ui .nav-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(230,242,255,.82));border:1px solid rgba(255,255,255,.95);box-shadow:0 6px 16px rgba(68,111,166,.10),inset 1px 1px 0 #fff;color:#214f91;text-align:center}
body.autoerp-ui .nav-icon svg{width:20px;height:20px}.nav-link.active .nav-icon{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.34);box-shadow:inset 0 1px rgba(255,255,255,.3);color:#fff}.nav-arrow{font-size:21px;font-weight:400;opacity:.88}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.autoerp-ui .sidebar-promo{position:relative;margin:8px 5px 12px;height:175px;display:block;overflow:hidden;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(193,224,255,.66));border:1px solid rgba(255,255,255,.94);box-shadow:var(--auto-clay);isolation:isolate}.sidebar-promo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(69,151,255,.28),transparent 28%),linear-gradient(180deg,transparent,rgba(34,116,218,.10));z-index:-1}.sidebar-promo>div{padding:14px;position:relative;z-index:2}.sidebar-promo strong{display:block;color:#153d77;font-size:15px;line-height:1.05}.sidebar-promo small{display:block;margin-top:5px;color:#54729d;font-size:10px}.sidebar-promo img{position:absolute;width:215px;max-width:none;right:-35px;bottom:-8px;filter:drop-shadow(0 12px 18px rgba(32,81,140,.18))}.sidebar-promo>span{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4c9fff,#2977f1);box-shadow:0 8px 18px rgba(45,126,249,.3);z-index:3}.sidebar-promo>span svg{width:17px;height:17px}
body.autoerp-ui .sidebar-bottom{position:relative;margin-top:auto;padding:8px 9px 2px;border-top:0;display:grid;gap:2px}.version-line,.copyright-line{font-size:9px;color:#5d789e}.copyright-line{opacity:.86}
body.autoerp-ui .main-shell{min-width:0;overflow:visible}
body.autoerp-ui .topbar{position:sticky;top:12px;z-index:45;height:60px;margin:0 0 12px;padding:0 4px 0 12px;border:0;border-radius:22px;background:transparent!important;box-shadow:none!important;backdrop-filter:none;display:flex;gap:12px}
.global-search{height:52px;width:min(500px,47vw);display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 14px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(65,111,169,.12),inset 1px 1px 0 #fff;backdrop-filter:blur(22px)}.global-search>span{color:#1f4e93;display:grid;place-items:center}.global-search svg{width:19px;height:19px}.global-search input{height:auto!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:12px;color:#18345f}.global-search input:focus{box-shadow:none!important}.global-search input::placeholder{color:#5f78a0}.global-search kbd{font-family:inherit;font-size:10px;color:#526f99;border:1px solid rgba(75,124,188,.16);background:rgba(239,246,255,.8);border-radius:8px;padding:4px 7px;box-shadow:inset 0 1px #fff}
.platform-title{display:grid;padding:6px 9px}.platform-title small{font-size:9px;color:#6781a8;letter-spacing:.14em;font-weight:800}.platform-title strong{font-size:17px;letter-spacing:-.03em}.menu-btn{width:48px!important;height:48px!important;border-radius:16px!important;background:rgba(255,255,255,.84)!important;border:1px solid rgba(255,255,255,.94)!important;color:#24528f!important;box-shadow:var(--auto-clay)!important}.menu-btn svg{width:21px;height:21px}
body.autoerp-ui .top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.top-circle{position:relative;width:48px;height:48px;border-radius:17px;border:1px solid rgba(255,255,255,.96);background:rgba(255,255,255,.82);color:#173c74;display:grid;place-items:center;box-shadow:var(--auto-clay);backdrop-filter:blur(20px)}.top-circle svg{width:22px;height:22px}.notification-circle b{position:absolute;right:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#ff304f;border:2px solid white}.branch-switcher .smart-select{min-width:170px}.branch-switcher .smart-select-trigger{min-height:48px!important;border-radius:16px!important;background:rgba(255,255,255,.82)!important}
body.autoerp-ui .user-menu summary{min-width:210px;height:50px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:9px;padding:5px 10px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:var(--auto-clay);backdrop-filter:blur(22px)}body.autoerp-ui .user-menu .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#183e73,#4a8ee9);box-shadow:0 5px 13px rgba(37,87,151,.22)}.user-summary-copy{display:grid;line-height:1.15}.user-summary-copy strong{font-size:12px}.user-summary-copy small{font-size:9px;color:#4e6b96;margin-top:3px}.summary-chevron{font-size:17px;color:#234d83}.user-menu>div{top:58px;border-radius:17px;border:1px solid rgba(255,255,255,.94);background:rgba(255,255,255,.94);box-shadow:0 20px 50px rgba(52,90,140,.18);backdrop-filter:blur(24px)}
body.autoerp-ui .page{max-width:none;width:100%;padding:0 3px 20px;overflow:visible}
.dashboard-page .page{padding-top:0}.auto-page-head{position:relative;display:flex;align-items:center;justify-content:space-between;margin:3px 0 15px;padding:16px 18px;border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(224,241,255,.56));border:1px solid rgba(255,255,255,.96);box-shadow:var(--auto-clay);overflow:hidden}.auto-page-head:after{content:"";position:absolute;width:290px;height:160px;right:-50px;top:-85px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 15%,transparent),transparent 68%)}.auto-page-head>div:first-child{display:flex;align-items:center;gap:13px;position:relative;z-index:2}.page-title-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;box-shadow:0 11px 22px rgba(51,105,174,.18),inset 1px 1px 0 rgba(255,255,255,.35)}.page-title-icon svg{width:23px;height:23px}.page-eyebrow{font-size:9px;letter-spacing:.15em;color:#6780a5;font-weight:900}.auto-page-head h1{font-size:23px!important;margin:1px 0 0!important;letter-spacing:-.045em!important}.auto-page-head p{font-size:11px!important;color:#536f98!important;margin:3px 0 0!important}.page-date-card{position:relative;z-index:2;display:grid;grid-template-columns:34px auto;gap:9px;align-items:center;padding:9px 13px;border-radius:17px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.84)}.page-date-card>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#2c6fcf;background:linear-gradient(145deg,#fff,#e5f1ff);box-shadow:0 7px 14px rgba(76,119,172,.09)}.page-date-card svg{width:17px}.page-date-card div{display:grid}.page-date-card strong{font-size:10px}.page-date-card small{font-size:8px;color:#5d789d}
body.autoerp-ui .flash{border-radius:17px;border:1px solid rgba(255,255,255,.88);box-shadow:var(--auto-clay);backdrop-filter:blur(18px)}
/* universal glass-clay cards */
body.autoerp-ui .panel,body.autoerp-ui .glass-card,body.autoerp-ui .form-section,body.autoerp-ui .finance-card,body.autoerp-ui .exchange-card,body.autoerp-ui .receipt-designer-card,body.autoerp-ui .catalog-card,body.autoerp-ui .market-card,body.autoerp-ui .conversation-card,body.autoerp-ui .plan-card{border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(232,244,255,.58))!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:var(--auto-clay)!important;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);overflow:visible;color:var(--auto-navy)}
body.autoerp-ui .panel:after,body.autoerp-ui .glass-card:after,body.autoerp-ui .form-section:after{box-shadow:inset 1px 1px 0 rgba(255,255,255,.8),inset -1px -1px 0 rgba(88,130,183,.03)}
body.autoerp-ui .panel-head h2,body.autoerp-ui .section-title h2{font-size:14px;letter-spacing:-.025em;color:#102e5c}body.autoerp-ui .panel-head p,body.autoerp-ui .section-title small{font-size:10px;color:#6480a8}
body.autoerp-ui .primary-btn{min-height:43px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,#339dff),color-mix(in srgb,var(--primary) 94%,#0a5ae8));box-shadow:0 11px 24px color-mix(in srgb,var(--primary) 26%,transparent),inset 1px 1px 0 rgba(255,255,255,.38);font-size:11px}.ghost-btn,.soft-btn{border-radius:14px!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(151,181,219,.23)!important;box-shadow:0 8px 18px rgba(69,111,163,.07),inset 1px 1px 0 white!important;color:#234878!important}
/* dynamic forms */
body.autoerp-ui .dynamic-form{display:grid;gap:16px}.dynamic-form .form-section{padding:18px 18px 20px!important}.dynamic-form .section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid rgba(125,161,207,.12)}.dynamic-form .section-title>div{display:flex;align-items:center;gap:9px}.dynamic-form .section-title>div>span{width:5px;height:29px;border-radius:999px;background:linear-gradient(180deg,var(--primary),var(--accent));box-shadow:0 6px 13px color-mix(in srgb,var(--primary) 24%,transparent)}.dynamic-form .section-title h2{margin:0}.dynamic-form .field{padding:8px 9px 10px!important;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(236,246,255,.38));border:1px solid rgba(255,255,255,.75);box-shadow:inset 1px 1px 0 rgba(255,255,255,.8)}.dynamic-form .field>label,.dynamic-form label:not(.switch-row):not(.document-drop){font-size:10px;font-weight:800;color:#31547f;letter-spacing:.012em}.dynamic-form .field em{color:#ff4d65;font-style:normal}.dynamic-form input,.dynamic-form textarea,.dynamic-form select,.search-box input,.filter-row input,.filter-row select{border:1px solid rgba(116,155,205,.20)!important;background:rgba(255,255,255,.74)!important;color:#14345f!important;border-radius:13px!important;box-shadow:inset 0 1px 2px rgba(53,91,137,.03),0 6px 14px rgba(73,111,158,.04)!important}.dynamic-form input:focus,.dynamic-form textarea:focus,.search-box input:focus{border-color:color-mix(in srgb,var(--primary) 44%,transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent),0 8px 18px rgba(63,109,169,.07)!important}.dynamic-form textarea{min-height:88px}.help{font-size:9px!important;color:#7189aa!important}.sticky-actions,.sticky-form-actions{bottom:12px;border-radius:18px;background:rgba(246,251,255,.88);border:1px solid rgba(255,255,255,.95);box-shadow:0 17px 42px rgba(52,94,148,.16),inset 1px 1px 0 #fff;backdrop-filter:blur(26px)}
.document-drop{border-radius:17px!important;background:rgba(255,255,255,.68)!important;border:1px dashed rgba(79,136,207,.28)!important;box-shadow:0 8px 19px rgba(62,103,157,.06),inset 1px 1px 0 #fff}.document-drop:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 40%,transparent)!important;box-shadow:0 14px 26px rgba(54,100,162,.10),inset 1px 1px 0 white}
/* search and toolbar */
body.autoerp-ui .toolbar{margin-bottom:13px;padding:8px;border-radius:19px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.74);box-shadow:0 9px 24px rgba(68,111,164,.07);backdrop-filter:blur(16px)}body.autoerp-ui .search-box{max-width:600px;gap:8px}.search-box input{height:42px;padding:0 13px}.search-box button{border-radius:13px;background:linear-gradient(135deg,#153c74,#275d9f);box-shadow:0 8px 17px rgba(28,72,126,.16);font-size:10px;padding:0 16px}
/* data tables as rich entries */
body.autoerp-ui .table-panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.table-wrap{padding:0 2px 10px!important}.data-table,.table-panel table{border-collapse:separate!important;border-spacing:0 9px!important}.data-table thead th,.table-panel thead th{background:transparent!important;color:#6480a4!important;font-size:9px!important;letter-spacing:.08em!important;border:0!important;padding:7px 13px!important}.data-table tbody tr,.table-panel tbody tr{filter:none!important;transition:transform .18s ease}.data-table tbody tr:hover,.table-panel tbody tr:hover{transform:translateY(-2px)!important}.data-table tbody td,.table-panel tbody td{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(236,246,255,.65))!important;border-top:1px solid rgba(255,255,255,.98)!important;border-bottom:1px solid rgba(124,162,210,.13)!important;padding:13px 14px!important;font-size:11px!important;color:#17375f;box-shadow:0 8px 18px rgba(68,105,151,.055)}.data-table tbody td:first-child,.table-panel tbody td:first-child{border-left:1px solid rgba(255,255,255,.98)!important;border-radius:16px 0 0 16px!important;padding-left:55px!important;font-weight:750}.data-table tbody td:last-child,.table-panel tbody td:last-child{border-right:1px solid rgba(255,255,255,.98)!important;border-radius:0 16px 16px 0!important}.data-table tbody td:first-child:before,.table-panel tbody td:first-child:before{left:12px!important;width:32px!important;height:32px!important;border-radius:11px!important;content:""!important;background-image:linear-gradient(135deg,#2f84ff,#65b2ff)!important;box-shadow:0 9px 18px rgba(46,126,238,.23),inset 1px 1px 0 rgba(255,255,255,.45)!important}.data-table tbody tr:nth-child(8n+2) td:first-child:before,.table-panel tbody tr:nth-child(8n+2) td:first-child:before{background-image:linear-gradient(135deg,#18ba7a,#50dbaa)!important}.data-table tbody tr:nth-child(8n+3) td:first-child:before,.table-panel tbody tr:nth-child(8n+3) td:first-child:before{background-image:linear-gradient(135deg,#ff7b2d,#ffae5f)!important}.data-table tbody tr:nth-child(8n+4) td:first-child:before,.table-panel tbody tr:nth-child(8n+4) td:first-child:before{background-image:linear-gradient(135deg,#8b4df4,#b77aff)!important}.data-table tbody tr:nth-child(8n+5) td:first-child:before,.table-panel tbody tr:nth-child(8n+5) td:first-child:before{background-image:linear-gradient(135deg,#ec4899,#ff78ba)!important}.row-actions a,.table-action{min-height:31px;align-items:center;border-radius:10px!important;background:rgba(255,255,255,.84)!important;border:1px solid rgba(117,156,205,.14)!important;color:#315989!important;box-shadow:0 6px 12px rgba(64,103,153,.06)!important}.row-actions a:hover,.table-action:hover{color:var(--primary)!important;background:white!important}
.status,.vehicle-status{border-radius:999px!important;padding:5px 9px!important;font-size:9px!important;font-weight:850!important;border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px rgba(255,255,255,.8)}
/* detail views */
.record-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.record-hero{min-height:115px;display:grid!important;grid-template-columns:62px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding:18px 20px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(214,235,255,.62))!important;overflow:hidden!important}.record-hero:before{content:"";position:absolute;right:-20px;bottom:-85px;width:390px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 13%,transparent),transparent 68%)}.record-hero-icon{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 14px 27px rgba(55,104,166,.18),inset 1px 1px 0 rgba(255,255,255,.4)}.record-hero-copy{position:relative;z-index:2}.record-hero-copy small{font-size:9px;color:#6380a7;letter-spacing:.13em;font-weight:900}.record-hero-copy h2{margin:3px 0 1px;font-size:23px;letter-spacing:-.045em}.record-hero-copy p{margin:0;color:#5a759d;font-size:11px}.record-hero-chip{position:relative;z-index:2;display:grid;place-items:end;padding:11px 14px;border-radius:16px;background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.85)}.record-hero-chip span{font-size:19px;font-weight:900;color:var(--primary)}.record-hero-chip strong{font-size:8px;letter-spacing:.12em;color:#657fa4}.detail-layout{grid-template-columns:minmax(0,1fr) minmax(250px,310px)!important;gap:16px!important}.detail-sections{display:grid;gap:15px}.detail-section-card{padding:17px!important}.detail-section-head{padding-bottom:12px;border-bottom:1px solid rgba(121,158,205,.12)}.detail-section-head>div{display:flex;align-items:center;gap:10px}.detail-section-head h3{font-size:14px!important;margin:0}.detail-section-head small{font-size:8px;color:#6b85a9;letter-spacing:.11em}.detail-section-head>b{font-size:9px;color:#6280a7}.section-orb{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:10px;box-shadow:0 8px 17px rgba(68,108,159,.16)}.detail-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:12px}.detail-info-card{min-height:79px;display:grid!important;grid-template-columns:39px minmax(0,1fr)!important;align-items:center;gap:10px;padding:11px 12px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(232,244,255,.53))!important;border:1px solid rgba(255,255,255,.91)!important;box-shadow:0 9px 19px rgba(69,106,151,.055),inset 1px 1px 0 white!important;transition:transform .16s ease,box-shadow .16s ease}.detail-info-card:hover{transform:translateY(-2px);box-shadow:0 14px 25px rgba(66,109,166,.10),inset 1px 1px 0 white!important}.detail-info-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900;box-shadow:0 8px 16px rgba(52,97,153,.16)}.detail-info-card div{min-width:0}.detail-info-card small{font-size:8px;color:#6c86a8;text-transform:uppercase;letter-spacing:.06em}.detail-info-card strong{display:block;font-size:11px;margin-top:2px;color:#12345f;overflow-wrap:anywhere}.detail-info-card em{font-size:8px;color:#7189aa}.record-side-stack{display:grid;gap:14px}.record-summary-card{padding:16px!important}.side-card-title{display:flex;gap:9px;align-items:center;margin-bottom:10px}.side-card-title h3{font-size:13px;margin:0}.side-card-title small{font-size:8px;color:#6b84a5}.side-metric{display:grid!important;grid-template-columns:37px 1fr!important;gap:9px!important;padding:9px 0!important;border-bottom:1px solid rgba(110,151,201,.10)}.side-metric-icon{width:36px!important;height:36px!important;border-radius:11px!important}.side-metric small{font-size:8px!important;color:#6d86a8}.side-metric strong{font-size:11px!important}.side-metric em{font-size:8px!important}.document-view-card{border-radius:16px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 9px 18px rgba(67,105,154,.06),inset 1px 1px 0 #fff!important}
/* colorful tone surfaces */
.tone-1{background:linear-gradient(135deg,#2d83ff,#63b0ff)!important;color:#fff!important}.tone-2{background:linear-gradient(135deg,#158bf2,#21c7e9)!important;color:#fff!important}.tone-3{background:linear-gradient(135deg,#18b879,#52dcaa)!important;color:#fff!important}.tone-4{background:linear-gradient(135deg,#ff7629,#ffac58)!important;color:#fff!important}.tone-5{background:linear-gradient(135deg,#ff4d62,#ff7a8c)!important;color:#fff!important}.tone-6{background:linear-gradient(135deg,#8847f5,#bb74ff)!important;color:#fff!important}.tone-7{background:linear-gradient(135deg,#466a9a,#6b8fba)!important;color:#fff!important}.tone-8{background:linear-gradient(135deg,#e7479a,#ff77b7)!important;color:#fff!important}
/* dashboard */
.dashboard-hero{position:relative;height:110px;margin:0 0 11px;border-radius:25px;display:grid;grid-template-columns:minmax(400px,1.15fr) 220px minmax(290px,.9fr) auto;align-items:center;gap:12px;padding:0 18px;background:linear-gradient(130deg,rgba(255,255,255,.50),rgba(206,231,255,.33));border:1px solid rgba(255,255,255,.74);overflow:hidden;isolation:isolate}.dashboard-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 38% -30%,rgba(255,255,255,.95),transparent 35%),linear-gradient(118deg,transparent 58%,rgba(79,151,240,.12));z-index:-1}.dashboard-hero:after{content:"";position:absolute;width:480px;height:170px;right:80px;bottom:-100px;border-radius:50%;background:radial-gradient(ellipse,rgba(74,151,246,.16),transparent 65%);z-index:-1}.greeting-chip{font-size:8px;letter-spacing:.14em;color:#6982a6;font-weight:900}.dashboard-greeting h1{font-size:27px;margin:2px 0 1px;letter-spacing:-.055em}.dashboard-greeting p{margin:0;color:#52709b;font-size:12px}.hero-tagline strong{font-size:14px;line-height:1.12;color:#173c72}.hero-car-scene{position:relative;align-self:stretch;overflow:hidden}.hero-car-scene img{position:absolute;width:330px;max-width:none;right:-10px;bottom:-22px;filter:drop-shadow(0 15px 18px rgba(42,89,146,.13));z-index:2}.hero-city{position:absolute;bottom:0;width:34px;background:linear-gradient(180deg,rgba(76,139,218,.12),rgba(76,139,218,.03));border-radius:4px 4px 0 0}.city-a{height:74px;right:220px;box-shadow:42px 23px 0 rgba(76,139,218,.07),80px -8px 0 rgba(76,139,218,.08),120px 35px 0 rgba(76,139,218,.05)}.city-b{height:55px;right:45px;box-shadow:38px 14px 0 rgba(76,139,218,.08),71px -17px 0 rgba(76,139,218,.07)}.hero-date{justify-self:end;display:grid;grid-template-columns:33px auto;align-items:center;gap:8px;padding:9px 12px;border-radius:17px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.83)}.hero-date>span{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:rgba(236,246,255,.8);color:#1d62be}.hero-date svg{width:16px}.hero-date div{display:grid}.hero-date strong{font-size:10px}.hero-date small{font-size:8px;color:#5d789e}
.dashboard-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:12px;margin-bottom:12px}.primary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.metric-card{position:relative;min-height:170px;padding:17px 15px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(227,242,255,.58))!important;border:1px solid rgba(255,255,255,.95);box-shadow:var(--auto-clay);color:#193a67!important}.metric-card:before{content:"";position:absolute;inset:auto -30px -60px auto;width:145px;height:145px;border-radius:50%;background:currentColor;opacity:.045}.metric-card.tone-1{--card-color:#21b989;background:linear-gradient(145deg,rgba(240,255,250,.90),rgba(215,252,239,.58))!important}.metric-card.tone-2{--card-color:#2e7ff6;background:linear-gradient(145deg,rgba(245,250,255,.92),rgba(216,235,255,.62))!important}.metric-card.tone-4{--card-color:#ff7c2e;background:linear-gradient(145deg,rgba(255,250,244,.92),rgba(255,226,208,.62))!important}.metric-card.tone-6{--card-color:#914ff5;background:linear-gradient(145deg,rgba(251,247,255,.92),rgba(235,218,255,.62))!important}.metric-icon{position:relative;z-index:2;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:var(--card-color)!important;color:#fff!important;box-shadow:0 10px 21px color-mix(in srgb,var(--card-color) 25%,transparent),inset 1px 1px rgba(255,255,255,.35)}.metric-icon svg{width:21px;height:21px}.metric-copy{position:relative;z-index:2;margin-top:9px}.metric-copy small{display:block;font-size:10px;color:#365879}.metric-copy strong{display:block;font-size:22px;line-height:1.1;margin-top:4px;letter-spacing:-.045em;color:#0c1732}.metric-trend{display:inline-block;margin-top:9px;font-size:9px;font-weight:900}.metric-trend.up{color:#0c9b56}.metric-trend.down{color:#e24357}.metric-copy em{display:block;margin-top:2px;font-size:8px;color:#59779d;font-style:normal}.metric-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:var(--card-color);opacity:.28;font-size:18px;z-index:2;pointer-events:none}.metric-spark{position:absolute;width:105px;height:54px;right:-3px;bottom:7px;color:var(--card-color);opacity:.95}.journey-card{position:relative;min-height:170px;border-radius:23px;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.74),rgba(157,206,255,.40));border:1px solid rgba(255,255,255,.96);box-shadow:var(--auto-clay);isolation:isolate}.journey-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 18%,rgba(87,158,246,.24),transparent 30%),linear-gradient(180deg,transparent 52%,rgba(47,122,217,.13));z-index:-1}.journey-card img{position:absolute;width:260px;max-width:none;right:-38px;bottom:-30px;opacity:.78}.journey-card>div{position:relative;z-index:2;padding:22px 18px}.journey-card strong{display:block;font-size:16px;line-height:1.12;color:#123664}.journey-card small{display:block;font-size:9px;margin-top:8px;color:#365d8b}.journey-card span{display:inline-flex;align-items:center;gap:9px;margin-top:15px;padding:9px 12px;border-radius:11px;background:linear-gradient(135deg,#2e82f8,#196bea);color:#fff;font-size:9px;font-weight:850;box-shadow:0 10px 18px rgba(44,124,238,.25)}.journey-card span svg{width:13px}
.dashboard-middle-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.82fr) minmax(300px,.85fr);gap:12px;margin-bottom:12px}.auto-panel{position:relative;border-radius:22px;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(233,245,255,.58));border:1px solid rgba(255,255,255,.95);box-shadow:var(--auto-clay);backdrop-filter:blur(22px);overflow:hidden}.auto-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.auto-panel-head>div:first-child{display:flex;align-items:center;gap:8px}.auto-panel-head h2{font-size:13px;margin:0;letter-spacing:-.025em}.panel-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;box-shadow:0 7px 14px rgba(62,102,153,.12),inset 1px 1px rgba(255,255,255,.38)}.panel-icon svg{width:16px;height:16px}.auto-panel-head>a{font-size:9px;color:var(--primary);font-weight:800}.panel-more{border:0;background:transparent;color:#607da4;font-weight:900;letter-spacing:1px}.chart-legend{display:flex;align-items:center;gap:10px;font-size:8px;color:#557397}.chart-legend span{display:flex;align-items:center;gap:4px}.chart-legend i{width:7px;height:7px;border-radius:50%}.sales-dot{background:#2c84f7}.purchase-dot{background:#9b76f7}.chart-legend b{padding:5px 8px;border-radius:10px;background:rgba(255,255,255,.70);border:1px solid rgba(122,160,208,.13);font-size:8px;color:#52729a}.bar-chart{height:210px;display:grid;grid-template-columns:45px 1fr;gap:8px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:26px;color:#6a85a9;font-size:8px;text-align:right}.chart-stage{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;padding:10px 12px 23px;background-image:linear-gradient(rgba(74,126,191,.09) 1px,transparent 1px);background-size:100% 25%;border-bottom:1px solid rgba(73,124,188,.14)}.week-group{height:100%;display:grid;grid-template-rows:1fr auto;align-items:end;gap:7px}.bars{height:100%;display:flex;align-items:end;justify-content:center;gap:8px}.bars i{display:block;width:27px;min-height:5px;border-radius:5px 5px 2px 2px;box-shadow:0 7px 12px rgba(61,103,156,.10)}.sales-bar{background:linear-gradient(180deg,#62b0ff,#2f80ef)}.purchase-bar{background:linear-gradient(180deg,#c9b7ff,#9573ef)}.week-group>span{text-align:center;color:#6480a4;font-size:8px}.status-content{display:grid;grid-template-columns:148px 1fr;align-items:center;gap:10px;padding-top:9px}.donut{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 10px 24px rgba(55,105,165,.08)}.donut:after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:rgba(250,253,255,.94);box-shadow:inset 0 3px 8px rgba(72,110,159,.08),0 4px 12px rgba(63,106,160,.06)}.donut>div{position:relative;z-index:2;text-align:center;display:grid}.donut strong{font-size:22px;letter-spacing:-.04em}.donut small{font-size:8px;color:#6782a5}.status-legend{display:grid;gap:10px}.status-legend span{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:9px;color:#476789}.status-legend span i{width:8px;height:8px;border-radius:50%;box-shadow:0 3px 7px rgba(50,91,143,.12)}.status-legend b{font-weight:650}.status-legend strong{font-size:10px;color:#132e57}.activity-list{display:grid}.activity-list>a{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid rgba(107,148,199,.10)}.activity-list>a:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;box-shadow:0 7px 14px rgba(59,102,158,.12)}.activity-icon svg{width:16px;height:16px}.activity-list>a>div{display:grid;min-width:0}.activity-list strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-list small{font-size:8px;color:#6681a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-list em{font-size:7px;color:#6b84a5;font-style:normal;white-space:nowrap}.empty-mini{font-size:10px;color:#6983a5;padding:18px;text-align:center}
.financial-pulse{margin-bottom:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.section-heading>div{display:flex;gap:9px;align-items:center}.section-heading h2{font-size:13px;margin:0}.section-heading p{font-size:9px;color:#6480a5;margin:2px 0 0}.compact-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.compact-metric{display:grid;grid-template-columns:37px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:11px;border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(232,244,255,.54));border:1px solid rgba(255,255,255,.94);box-shadow:0 9px 20px rgba(65,105,157,.07),inset 1px 1px 0 #fff;transition:transform .18s ease}.compact-metric:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(59,104,161,.12),inset 1px 1px 0 #fff}.compact-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;box-shadow:0 8px 15px rgba(55,99,155,.13)}.compact-icon svg{width:17px;height:17px}.compact-metric>div{display:grid;min-width:0}.compact-metric small{font-size:8px;color:#6680a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-metric strong{font-size:11px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-metric em{font-size:7px;color:#7a90ad;font-style:normal}.compact-metric>b{color:#55759b;font-size:16px}
.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.58fr);gap:12px}.latest-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.latest-vehicle{display:block;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.79),rgba(233,245,255,.55));border:1px solid rgba(255,255,255,.94);box-shadow:0 8px 18px rgba(66,105,154,.065),inset 1px 1px 0 #fff;transition:transform .18s ease,box-shadow .18s ease}.latest-vehicle:hover{transform:translateY(-3px);box-shadow:0 15px 27px rgba(62,106,162,.12),inset 1px 1px 0 #fff}.vehicle-photo{position:relative;height:112px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(249,252,255,.90),rgba(227,241,255,.66));overflow:hidden}.vehicle-photo img{width:100%;height:100%;object-fit:cover}.vehicle-photo img.fallback-car{width:125%;height:125%;object-fit:contain;transform:translateY(6px)}.heart{position:absolute;right:8px;top:7px;color:#6582ab;font-size:20px;line-height:1}.vehicle-card-copy{padding:9px 10px 10px}.vehicle-card-copy>strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-card-copy>b{display:block;font-size:14px;margin-top:2px}.vehicle-card-copy>div{display:flex;gap:6px;margin-top:6px;align-items:center;min-width:0}.vehicle-status,.vehicle-kind{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:800;white-space:nowrap}.vehicle-status{background:#e8fff5;color:#0c9b59}.vehicle-status.delivered,.vehicle-status.sold{background:#eaf2ff;color:#216bd2}.vehicle-status.reserved,.vehicle-status.booked{background:#fff2e7;color:#d96816}.vehicle-kind{background:#eef4fb;color:#557195;overflow:hidden;text-overflow:ellipsis}.quick-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-action{display:flex;align-items:center;gap:8px;min-height:50px;padding:9px 10px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(231,244,255,.55))!important;color:#173963!important;border:1px solid rgba(255,255,255,.94);box-shadow:0 8px 16px rgba(65,104,153,.065),inset 1px 1px 0 #fff;font-size:9px;font-weight:800}.quick-action>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--primary)}.quick-action>span svg{width:15px}.quick-action.tone-2>span{background:#168de8}.quick-action.tone-4>span{background:#ff7a2f}.quick-action.tone-6>span{background:#8d4df4}.quick-action.tone-3>span{background:#17b979}.quick-action.tone-7>span{background:#4b6f9e}.upcoming-emi{margin-top:12px;padding-top:10px;border-top:1px solid rgba(108,149,200,.10)}.mini-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.mini-head strong{font-size:10px}.mini-head a{font-size:8px;color:var(--primary);font-weight:800}.upcoming-emi>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid rgba(103,146,199,.08)}.mini-date{width:32px;height:34px;border-radius:9px;display:grid;place-items:center;line-height:.8;background:#eaf4ff;color:#2b6fc7;font-size:7px}.mini-date b{font-size:10px}.mini-date.late{background:#fff0f2;color:#d83e57}.upcoming-emi>a>div{display:grid;min-width:0}.upcoming-emi>a>div strong{font-size:8px}.upcoming-emi>a>div small{font-size:7px;color:#6680a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-emi>a>b{font-size:8px}
/* app footer */
body.autoerp-ui .app-footer{padding:10px 8px;border:0;background:transparent;color:#7188a6;font-size:8px}
/* Smart searchable select portal - force visible over all cards */
#dealerSmartSelectPortal{z-index:2147483647!important;border-radius:17px!important;background:rgba(253,254,255,.98)!important;border:1px solid rgba(84,137,204,.20)!important;box-shadow:0 28px 70px rgba(35,75,127,.25),inset 1px 1px 0 #fff!important;color:#14355f!important;backdrop-filter:blur(30px) saturate(160%)!important}#dealerSmartSelectPortal.open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}#dealerSmartSelectPortal .smart-select-search-wrap{background:rgba(245,250,255,.98)!important;border-bottom:1px solid rgba(92,143,206,.14)!important;padding:8px!important}#dealerSmartSelectPortal .smart-select-search{min-height:38px!important;border-radius:11px!important;border:1px solid rgba(105,151,207,.17)!important;background:#fff!important;padding:0 10px!important;color:#17385f!important}#dealerSmartSelectPortal .smart-option{border-radius:11px!important;min-height:39px!important;font-size:10px!important;color:#23476f!important;padding:8px 10px!important}#dealerSmartSelectPortal .smart-option:hover,#dealerSmartSelectPortal .smart-option:focus{background:#eef6ff!important;color:#185baf!important}#dealerSmartSelectPortal .smart-option.selected{background:linear-gradient(90deg,#e9f3ff,#eefaff)!important;color:#175ab1!important}.smart-select-trigger{border-radius:13px!important;background:rgba(255,255,255,.76)!important;border:1px solid rgba(106,152,207,.18)!important;box-shadow:0 6px 14px rgba(58,100,154,.04),inset 1px 1px 0 #fff!important;color:#193b64!important}.smart-select-value{font-size:10px!important}.smart-select-chevron{color:#2a609e!important}
/* responsive */
@media(max-width:1450px){body.autoerp-ui .app-shell{grid-template-columns:235px minmax(0,1fr)}.dashboard-hero{grid-template-columns:minmax(330px,1.05fr) 160px minmax(235px,.75fr) auto}.primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:145px}.dashboard-top-grid{grid-template-columns:minmax(0,1fr) 275px}.dashboard-middle-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr)}.activity-panel{grid-column:1/-1}.activity-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.activity-list>a{border:1px solid rgba(112,153,203,.10);border-radius:13px;padding:8px;background:rgba(255,255,255,.5)}.compact-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.latest-vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){body.autoerp-ui .app-shell{grid-template-columns:210px minmax(0,1fr);padding:9px}.brand-copy strong{font-size:17px}.nav-link{grid-template-columns:36px minmax(0,1fr) 12px!important;gap:7px!important}.nav-icon{width:34px!important;height:34px!important}.dashboard-hero{grid-template-columns:1fr 200px auto}.hero-tagline{display:none}.dashboard-top-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.journey-card{display:none}.dashboard-middle-grid{grid-template-columns:1fr 1fr}.activity-panel{grid-column:1/-1}.compact-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.latest-vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.global-search{width:min(430px,45vw)}}
@media(max-width:900px){body.autoerp-ui .app-shell{display:block;padding:8px}.sidebar{position:fixed!important;left:8px;top:8px!important;height:calc(100vh - 16px)!important;width:min(285px,86vw)!important;transform:translateX(calc(-100% - 20px));transition:transform .22s ease;z-index:100!important}.app-shell.menu-open .sidebar{transform:translateX(0)}body.autoerp-ui .topbar{top:8px}.menu-btn{display:grid!important}.global-search{width:min(500px,65vw)}.user-summary-copy,.summary-chevron{display:none}.user-menu summary{min-width:50px!important;width:50px!important;grid-template-columns:38px!important;padding:5px!important}.dashboard-hero{height:auto;min-height:120px;grid-template-columns:1fr auto;padding:14px}.hero-car-scene{position:absolute;right:80px;bottom:0;width:300px;height:100%;opacity:.5;z-index:-1}.hero-date{grid-column:2}.dashboard-greeting{position:relative;z-index:2}.primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-middle-grid{grid-template-columns:1fr}.activity-panel{grid-column:auto}.activity-list{grid-template-columns:1fr}.compact-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr!important}.page-date-card{display:none}}
@media(max-width:640px){body.autoerp-ui .topbar{height:54px;padding:0}.global-search{height:48px;width:calc(100vw - 145px);grid-template-columns:20px 1fr;padding:0 10px}.global-search kbd{display:none}.top-circle{width:44px;height:44px}.top-circle:first-of-type{display:none}.user-menu summary{width:44px!important;min-width:44px!important;height:44px!important}.user-menu .avatar{width:32px!important;height:32px!important}.dashboard-hero{margin-top:3px;min-height:115px}.dashboard-greeting h1{font-size:22px}.dashboard-greeting p{font-size:10px;max-width:260px}.hero-date{display:none}.hero-car-scene{right:-70px;opacity:.42}.primary-metrics{grid-template-columns:1fr}.metric-card{min-height:132px}.metric-spark{width:125px}.compact-metric-grid{grid-template-columns:1fr}.latest-vehicle-grid{grid-template-columns:1fr 1fr}.vehicle-photo{height:98px}.dashboard-bottom-grid{display:block}.quick-panel{margin-top:12px}.auto-page-head{padding:13px}.page-title-icon{width:43px;height:43px}.auto-page-head h1{font-size:19px!important}.auto-page-head p{font-size:9px!important}.detail-card-grid{grid-template-columns:1fr}.record-hero{grid-template-columns:48px minmax(0,1fr)!important}.record-hero-icon{width:47px;height:47px;border-radius:15px}.record-hero-chip{display:none}.table-wrap{overflow-x:auto}.dynamic-form .form-grid{display:block}.dynamic-form .field{margin-bottom:9px}.document-upload-grid{grid-template-columns:1fr!important}}
body.autoerp-ui .table-panel tbody td.has-entry-icon{padding-left:12px!important;display:table-cell}body.autoerp-ui .table-panel tbody td.has-entry-icon:before{display:none!important}.has-entry-icon .table-icon{display:inline-grid!important;vertical-align:middle;margin-right:8px;width:32px;height:32px;border-radius:10px;color:#fff}.has-entry-icon .table-icon svg{width:15px;height:15px}
.primary-btn svg,.ghost-btn svg{width:14px;height:14px}
.detail-info-icon svg,.record-hero-icon svg,.section-orb svg,.side-metric-icon svg{width:18px;height:18px}.section-orb svg{width:15px;height:15px}

/* ========================================================================
   PhoneLedger v3.0.2 — compact responsive internal workspace
   Keeps dashboard visual language while removing dashboard-only spacing from
   operational screens.
   ======================================================================== */
body.internal-page .page{max-width:none!important;padding:12px 14px 16px!important;overflow:visible!important}
body.internal-page .main-shell{min-width:0;overflow:visible}
body.internal-page .topbar{height:58px!important;min-height:58px!important;padding:0 12px!important;margin-bottom:0!important}
body.internal-page .global-search{height:44px!important;max-width:520px}
body.internal-page .auto-page-head{margin:8px 0 10px!important;padding:12px 14px!important;min-height:72px!important;border-radius:18px!important;overflow:hidden!important;align-items:center!important;gap:12px!important}
body.internal-page .page-title-block{display:flex;align-items:center;gap:11px;min-width:0;position:relative;z-index:2}
body.internal-page .page-title-icon{width:42px!important;height:42px!important;border-radius:13px!important;flex:0 0 auto}
body.internal-page .page-title-icon svg{width:20px!important;height:20px!important}
body.internal-page .page-head-copy{min-width:0}
body.internal-page .page-eyebrow{font-size:7px!important;line-height:1.1}
body.internal-page .auto-page-head h1{font-size:18px!important;line-height:1.15!important;margin:2px 0 0!important;white-space:normal}
body.internal-page .auto-page-head p{font-size:9px!important;line-height:1.35!important;margin:2px 0 0!important;max-width:780px}
body.internal-page .page-date-card{padding:7px 10px!important;border-radius:14px!important;grid-template-columns:30px auto!important;gap:7px!important;flex:0 0 auto}
body.internal-page .page-date-card>span{width:30px!important;height:30px!important;border-radius:9px!important}
body.internal-page .page-date-card strong{font-size:8px!important}body.internal-page .page-date-card small{font-size:7px!important}
body.internal-page .flash{margin-bottom:10px!important;padding:9px 12px!important;border-radius:12px!important;font-size:10px!important}

/* Compact operational toolbars */
body.internal-page .toolbar{margin:0 0 10px!important;padding:9px 10px!important;min-height:52px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(230,243,255,.56));border:1px solid rgba(255,255,255,.94);box-shadow:0 9px 22px rgba(62,106,160,.07),inset 1px 1px 0 #fff;backdrop-filter:blur(18px)}
body.internal-page .search-box{max-width:620px!important;min-width:0}
body.internal-page .search-box input{min-height:36px!important;height:36px!important;border-radius:11px!important;font-size:10px!important;padding:7px 10px!important}
body.internal-page .search-box button{min-height:36px!important;height:36px!important;border-radius:11px!important;padding:0 13px!important;font-size:9px!important;background:linear-gradient(135deg,#173d73,#285f9e)!important}
body.internal-page .primary-btn,body.internal-page .ghost-btn,body.internal-page .soft-btn,body.internal-page .danger-btn,body.internal-page .whatsapp-btn{min-height:36px!important;padding:7px 12px!important;border-radius:11px!important;font-size:9px!important;white-space:nowrap}
body.internal-page .danger-btn.small{min-height:30px!important;padding:5px 9px!important;font-size:8px!important}

/* Panels, forms and sections */
body.internal-page .panel,body.internal-page .form-section,body.internal-page .glass-card,body.internal-page .premium-panel{border-radius:17px!important}
body.internal-page .panel:not(.table-panel){padding:13px!important}
body.internal-page .top-gap{margin-top:10px!important}
body.internal-page .panel-head{margin-bottom:9px!important;gap:10px!important}
body.internal-page .panel-head h2{font-size:12px!important;line-height:1.2!important;color:#183b66}
body.internal-page .panel-head h2:before{content:"";display:inline-block;width:5px;height:17px;border-radius:999px;background:linear-gradient(180deg,var(--primary),var(--accent));margin-right:8px;vertical-align:-4px;box-shadow:0 4px 10px color-mix(in srgb,var(--primary) 24%,transparent)}
body.internal-page .panel-head p{font-size:8px!important;line-height:1.35!important;margin-top:2px!important}
body.internal-page .dynamic-form{gap:10px!important}
body.internal-page .dynamic-form .form-section{padding:12px 13px 13px!important}
body.internal-page .dynamic-form .section-title{margin-bottom:9px!important;padding-bottom:8px!important}
body.internal-page .dynamic-form .section-title>div>span{width:4px!important;height:23px!important}
body.internal-page .dynamic-form .section-title h2{font-size:11px!important}
body.internal-page .dynamic-form .section-title small{font-size:7px!important}
body.internal-page .form-grid{gap:8px!important}
body.internal-page .dynamic-form .field{padding:6px 7px 7px!important;border-radius:12px!important;gap:4px!important}
body.internal-page .dynamic-form .field>label,body.internal-page .dynamic-form label:not(.switch-row):not(.document-drop),body.internal-page .form-grid>label,body.internal-page .settings-form label{font-size:8px!important;gap:4px!important}
body.internal-page .dynamic-form input,body.internal-page .dynamic-form textarea,body.internal-page .dynamic-form select,body.internal-page .settings-form input,body.internal-page .settings-form textarea,body.internal-page .settings-form select{min-height:36px!important;padding:7px 9px!important;border-radius:10px!important;font-size:10px!important}
body.internal-page .dynamic-form textarea,body.internal-page .settings-form textarea{min-height:68px!important}
body.internal-page .help{font-size:7px!important;line-height:1.3!important}
body.internal-page .sticky-actions,body.internal-page .sticky-form-actions{position:sticky!important;bottom:8px!important;margin-top:8px!important;padding:8px!important;border-radius:14px!important;z-index:20!important}
body.internal-page .quick-customer-section{margin-bottom:0!important}
body.internal-page .quick-customer-box{margin-top:8px!important}
body.internal-page .document-upload-grid{gap:8px!important}
body.internal-page .document-drop{min-height:108px!important;padding:10px!important;border-radius:13px!important}
body.internal-page .document-drop strong{font-size:9px!important}body.internal-page .document-drop small{font-size:7px!important}

/* Compact beautiful data tables */
body.internal-page .table-panel{padding:0!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(232,245,255,.62))!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 12px 28px rgba(54,97,150,.08),inset 1px 1px 0 #fff!important}
body.internal-page .table-wrap{overflow:auto!important;max-width:100%;scrollbar-width:thin;scrollbar-color:#b8cce4 transparent}
body.internal-page .data-table,body.internal-page .table-panel table{min-width:680px!important;background:transparent!important}
body.internal-page .data-table th,body.internal-page .table-panel th{padding:9px 10px!important;background:rgba(225,240,255,.62)!important;color:#55749a!important;font-size:7px!important;letter-spacing:.085em!important;border-bottom:1px solid rgba(109,151,201,.12)!important;position:sticky;top:0;z-index:2}
body.internal-page .data-table td,body.internal-page .table-panel td{padding:8px 10px!important;font-size:9px!important;border-bottom:1px solid rgba(105,149,200,.09)!important;color:#254a74!important;line-height:1.3!important}
body.internal-page .data-table tbody tr,body.internal-page .table-panel tbody tr{transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
body.internal-page .data-table tbody tr:hover,body.internal-page .table-panel tbody tr:hover{background:rgba(240,248,255,.9)!important;box-shadow:inset 4px 0 color-mix(in srgb,var(--primary) 70%,#6ee7ff)}
body.internal-page .data-table tbody tr:last-child td,body.internal-page .table-panel tbody tr:last-child td{border-bottom:0!important}
body.internal-page .table-icon,body.internal-page .auto-row-icon{width:28px!important;height:28px!important;border-radius:9px!important;display:inline-grid!important;place-items:center!important;color:#fff!important;vertical-align:middle!important;margin-right:7px!important;box-shadow:0 6px 13px rgba(52,91,139,.13),inset 1px 1px 0 rgba(255,255,255,.35)}
body.internal-page .auto-row-icon svg,body.internal-page .table-icon svg{width:13px!important;height:13px!important}
body.internal-page .row-actions{white-space:nowrap!important}
body.internal-page .row-actions a,body.internal-page .table-action{padding:5px 8px!important;border-radius:9px!important;font-size:7px!important;font-weight:850!important;background:linear-gradient(145deg,#fff,#eaf4ff)!important;color:#2c5e95!important;border:1px solid rgba(96,145,205,.13)!important;box-shadow:0 5px 11px rgba(65,102,148,.06)!important;margin:1px!important}
body.internal-page .row-actions a:hover,body.internal-page .table-action:hover{transform:translateY(-1px);background:#e9f4ff!important;color:#135db1!important}
body.internal-page .empty,body.internal-page .empty-cell{padding:18px!important;font-size:9px!important;min-height:0!important}
body.internal-page .empty strong{font-size:10px!important;color:#315b89}
body.internal-page .pager{margin-top:8px!important}.pager a,.pager span{min-width:30px!important;height:30px!important;border-radius:8px!important;font-size:8px!important}
body.internal-page .status{padding:3px 7px!important;font-size:7px!important}

/* Detail / 360 pages */
body.internal-page .record-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px!important}
body.internal-page .record-hero{padding:12px!important;border-radius:17px!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:10px!important}
body.internal-page .record-hero-icon{width:43px!important;height:43px!important;border-radius:13px!important}
body.internal-page .record-hero-copy small{font-size:7px!important}.record-hero-copy h2{font-size:15px!important;margin:1px 0!important}.record-hero-copy p{font-size:8px!important;margin:1px 0!important}
body.internal-page .record-hero-chip{padding:7px 9px!important;border-radius:11px!important}
body.internal-page .detail-layout{gap:10px!important;margin-top:10px!important}
body.internal-page .detail-sections{gap:10px!important}
body.internal-page .detail-section-card{padding:12px!important}
body.internal-page .detail-section-head{margin-bottom:8px!important}
body.internal-page .detail-section-head h3{font-size:11px!important}.detail-section-head small{font-size:6px!important}.detail-section-head b{font-size:7px!important}
body.internal-page .detail-card-grid{gap:7px!important}
body.internal-page .detail-info-card{min-height:62px!important;padding:8px!important;border-radius:12px!important;grid-template-columns:31px minmax(0,1fr)!important;gap:7px!important}
body.internal-page .detail-info-icon{width:30px!important;height:30px!important;border-radius:9px!important}
body.internal-page .detail-info-card small{font-size:6px!important}.detail-info-card strong{font-size:9px!important;line-height:1.3!important}.detail-info-card em{font-size:6px!important}
body.internal-page .record-side-stack{gap:9px!important}.record-summary-card{padding:11px!important}.side-metric{padding:7px!important}

/* Reports / settings / tabs */
body.internal-page .report-tabs,body.internal-page .glass-tabs{margin-bottom:9px!important;padding:5px!important;border-radius:13px!important;gap:4px!important;overflow-x:auto!important;white-space:nowrap}
body.internal-page .report-tabs a,body.internal-page .glass-tabs a{padding:7px 9px!important;font-size:8px!important;border-radius:9px!important}
body.internal-page .kpi-grid{gap:8px!important}.internal-page .kpi{min-height:76px!important;padding:10px!important;border-radius:15px!important}.internal-page .kpi small{font-size:7px!important}.internal-page .kpi strong{font-size:15px!important}
body.internal-page .report-filter{padding:8px!important;margin-bottom:8px!important;gap:7px!important;background:rgba(242,249,255,.55);border-radius:12px}

/* Backup manager */
.backup-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px!important;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(221,241,255,.62))!important}.backup-hero-copy{display:flex;align-items:center;gap:11px;min-width:0}.backup-hero-copy h2{margin:1px 0;font-size:14px}.backup-hero-copy small{font-size:7px;font-weight:900;letter-spacing:.12em;color:#5579a6}.backup-hero-copy p{margin:2px 0 0;font-size:8px;color:#607da1;max-width:780px}.backup-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.backup-upload-form{display:grid;grid-template-columns:minmax(300px,1fr) minmax(180px,260px) auto;gap:8px;align-items:end}.backup-drop{display:flex!important;align-items:center!important;gap:10px!important;padding:9px!important;border-radius:12px!important;border:1px dashed rgba(80,133,199,.28)!important;background:rgba(241,248,255,.68)!important}.backup-drop>div{display:grid}.backup-drop strong{font-size:9px}.backup-drop small{font-size:7px;color:#6a83a2}.backup-drop input{margin-left:auto;max-width:260px;font-size:8px}.restore-confirm{display:grid;gap:4px;font-size:8px;font-weight:800;color:#496987}.restore-confirm input{min-height:36px;border:1px solid rgba(93,145,206,.2);border-radius:10px;padding:7px 9px;background:#fff}.backup-list-head{padding:12px 13px 0}.backup-actions{display:flex!important;align-items:center;gap:4px}.inline-restore{display:inline-block;position:relative}.inline-restore summary{list-style:none;cursor:pointer}.inline-restore summary::-webkit-details-marker{display:none}.inline-restore form{position:absolute;right:0;top:32px;width:210px;z-index:50;padding:9px;border-radius:12px;background:rgba(255,255,255,.98);border:1px solid rgba(91,141,202,.18);box-shadow:0 16px 38px rgba(32,75,126,.18);display:grid;gap:6px}.inline-restore input{min-height:32px;border:1px solid #dbe8f5;border-radius:9px;padding:6px 8px;font-size:8px}.backup-security-note{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:start;margin-top:9px;padding:9px 11px;border-radius:13px;background:linear-gradient(135deg,#eef8ff,#f8fbff);border:1px solid #dcecff;color:#31577f}.backup-security-note>span{width:31px;height:31px;border-radius:9px;background:#e2f0ff;color:#2764a8;display:grid;place-items:center}.backup-security-note svg{width:15px}.backup-security-note strong{font-size:8px}.backup-security-note p{font-size:7px;margin:2px 0 0;color:#6b83a1}.empty-compact{display:flex;justify-content:center;align-items:center;gap:9px}.empty-compact>div{display:grid;text-align:left}.empty-compact small{font-size:7px;color:#7289a7}

/* Generic multicolor row tones used by JS */
.auto-row-icon.tone-1,.table-icon.tone-1,.compact-icon.tone-1{background:linear-gradient(135deg,#2888ff,#4f6df8)}.auto-row-icon.tone-2,.table-icon.tone-2,.compact-icon.tone-2{background:linear-gradient(135deg,#09aeea,#21d4b1)}.auto-row-icon.tone-3,.table-icon.tone-3,.compact-icon.tone-3{background:linear-gradient(135deg,#14b86e,#49d894)}.auto-row-icon.tone-4,.table-icon.tone-4,.compact-icon.tone-4{background:linear-gradient(135deg,#ff7a32,#ffab46)}.auto-row-icon.tone-5,.table-icon.tone-5,.compact-icon.tone-5{background:linear-gradient(135deg,#ff4d75,#ff7796)}.auto-row-icon.tone-6,.table-icon.tone-6,.compact-icon.tone-6{background:linear-gradient(135deg,#8d48ef,#ba69ff)}.auto-row-icon.tone-7,.table-icon.tone-7,.compact-icon.tone-7{background:linear-gradient(135deg,#456d9e,#6788b2)}.auto-row-icon.tone-8,.table-icon.tone-8,.compact-icon.tone-8{background:linear-gradient(135deg,#ec3e9d,#ff65bc)}

/* Responsive internal pages */
@media(max-width:1180px){body.internal-page .page{padding:10px 11px 14px!important}.backup-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-upload-form{grid-template-columns:1fr 220px}.backup-upload-form>button{grid-column:1/-1;justify-self:end}.internal-page .span-3{grid-column:span 4}.internal-page .span-4{grid-column:span 4}}
@media(max-width:900px){body.internal-page .page{padding:9px!important}.internal-page .auto-page-head{margin-top:6px!important}.internal-page .toolbar{align-items:stretch!important}.internal-page .search-box{max-width:none!important}.backup-hero{align-items:flex-start;flex-direction:column}.backup-upload-form{grid-template-columns:1fr}.backup-upload-form>button{grid-column:auto;justify-self:stretch}.internal-page .span-3,.internal-page .span-4{grid-column:span 6}.internal-page .span-8{grid-column:span 12}.internal-page .table-wrap{-webkit-overflow-scrolling:touch}.internal-page .page-date-card{display:none!important}}
@media(max-width:700px){body.internal-page .topbar{height:54px!important;padding:0 4px!important}.internal-page .global-search{width:calc(100vw - 146px)!important;height:44px!important}.internal-page .auto-page-head{padding:10px!important;min-height:62px!important}.internal-page .page-title-icon{width:38px!important;height:38px!important}.internal-page .auto-page-head h1{font-size:15px!important}.internal-page .auto-page-head p{font-size:8px!important;max-width:100%}.internal-page .toolbar{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important}.internal-page .search-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.internal-page .primary-btn{align-self:stretch}.backup-stat-grid{grid-template-columns:1fr}.internal-page .form-grid{display:grid!important;grid-template-columns:1fr!important}.internal-page .span-3,.internal-page .span-4,.internal-page .span-6,.internal-page .span-8,.internal-page .span-12{grid-column:1!important}.internal-page .dynamic-form .field{margin:0!important}.internal-page .record-hero{grid-template-columns:40px minmax(0,1fr)!important}.internal-page .record-hero-chip{display:none!important}.internal-page .detail-card-grid{grid-template-columns:1fr!important}.backup-drop{align-items:flex-start!important;flex-wrap:wrap}.backup-drop input{max-width:100%;width:100%;margin-left:0}.backup-actions{min-width:190px}.internal-page .data-table,.internal-page .table-panel table{min-width:620px!important}}
@media(max-width:460px){body.internal-page .page{padding:7px!important}.internal-page .toolbar{grid-template-columns:1fr!important}.internal-page .toolbar>.primary-btn{width:100%}.internal-page .search-box{grid-template-columns:1fr auto!important}.internal-page .auto-page-head p{display:none}.backup-hero-copy{align-items:flex-start}.backup-hero form,.backup-hero .primary-btn{width:100%}.internal-page .record-actions>*{flex:1}.internal-page .latest-vehicle-grid{grid-template-columns:1fr!important}}

/* v3.0.5 QA fixture utility */
.compact-stats{margin-bottom:12px}.compact-panel{padding:16px!important;margin-bottom:14px!important}.test-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.test-actions>form{padding:14px;border:1px solid color-mix(in srgb,var(--border) 80%,white);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,white),color-mix(in srgb,var(--surface) 96%,var(--primary) 4%));box-shadow:0 10px 26px rgba(30,64,175,.06),inset 0 1px 0 rgba(255,255,255,.85);display:grid;gap:10px}.test-actions p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.mini-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-info-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.mini-info-card strong{font-size:10px}.notice-card.warning{background:#fffaf0;border:1px solid #fde7a8;border-radius:16px;padding:14px 16px;margin:12px 0;color:#7c5700}.notice-card.warning p{margin:4px 0 0;font-size:10px;line-height:1.55}.table-entity{display:inline-flex;align-items:center;gap:9px}.row-icon{width:30px;height:30px;border-radius:10px;display:inline-grid;place-items:center;box-shadow:0 6px 14px rgba(15,23,42,.08)}.row-icon svg{width:15px;height:15px}.status-chip.danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}@media(max-width:920px){.test-actions{grid-template-columns:1fr}.mini-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.mini-card-grid{grid-template-columns:1fr}}

/* v3.0.5 purchase-to-stock, inline customer and table challan */
.relation-inline-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}.relation-inline-row>select{min-width:0}.inline-add-customer{min-height:36px;border:1px solid color-mix(in srgb,var(--primary) 24%,#dbe7f4);border-radius:10px;padding:0 11px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--primary) 7%,#fff));color:color-mix(in srgb,var(--primary) 82%,#173b69);font:800 8px/1 system-ui;white-space:nowrap;cursor:pointer;box-shadow:0 6px 14px rgba(34,80,135,.08);transition:transform .15s ease,box-shadow .15s ease}.inline-add-customer:hover{transform:translateY(-1px);box-shadow:0 9px 18px rgba(34,80,135,.13)}
.customer-modal-open{overflow:hidden}.inline-customer-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px}.inline-customer-modal[hidden]{display:none}.inline-customer-backdrop{position:absolute;inset:0;background:rgba(13,31,54,.48);backdrop-filter:blur(8px)}.inline-customer-dialog{position:relative;width:min(640px,calc(100vw - 28px));padding:18px!important;border-radius:20px!important;background:rgba(250,253,255,.97)!important;box-shadow:0 26px 70px rgba(8,34,66,.28)!important}.inline-customer-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:13px}.inline-customer-head small{font-size:7px;font-weight:900;letter-spacing:.14em;color:#5e80a8}.inline-customer-head h3{margin:2px 0;font-size:18px}.inline-customer-head p{margin:0;font-size:9px;color:#68809d}.inline-customer-x{width:34px;height:34px;border:0;border-radius:11px;background:#eef5fc;color:#49698e;font-size:20px;cursor:pointer}.inline-customer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.inline-customer-modal .inline-feedback{min-height:18px;font-size:8px;color:#526f91}
.purchase-stock-builder{padding:15px!important;margin-bottom:11px!important;border:1px solid rgba(68,128,205,.17)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(250,253,255,.94),rgba(231,244,255,.72))!important;box-shadow:0 14px 32px rgba(37,84,139,.08),inset 0 1px 0 rgba(255,255,255,.92)!important}.purchase-stock-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.purchase-stock-title>div{display:flex;align-items:center;gap:8px}.purchase-stock-title>div>span{width:8px;height:30px;border-radius:10px;background:linear-gradient(180deg,#2f87ff,#6f63ef);box-shadow:0 6px 13px rgba(69,105,222,.24)}.purchase-stock-title small{display:block;font-size:6px;letter-spacing:.16em;font-weight:900;color:#6684a7}.purchase-stock-title h2{margin:1px 0;font-size:13px}.purchase-stock-badge{display:grid;justify-items:end}.purchase-stock-badge b{padding:5px 8px;border-radius:999px;background:#eaf7ef;color:#167a45;font-size:7px;letter-spacing:.08em}.purchase-stock-badge small{font-size:6px;color:#6d85a2;margin-top:3px}.purchase-stock-callout{display:flex;gap:9px;align-items:center;margin:9px 0 11px;padding:9px 11px;border-radius:13px;background:linear-gradient(135deg,#f6fbff,#eef6ff);border:1px solid #dcecff}.purchase-stock-callout>div{display:grid;gap:2px}.purchase-stock-callout strong{font-size:9px;color:#294d78}.purchase-stock-callout small{font-size:7px;line-height:1.45;color:#66809f}.vehicle-spec-fetchbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:13px;background:linear-gradient(135deg,#f0faff,#f4f2ff);border:1px solid #d8e9fb}.vehicle-spec-fetchbar>div{display:flex;align-items:center;gap:8px}.vehicle-spec-fetchbar>div>div{display:grid}.vehicle-spec-fetchbar strong{font-size:9px}.vehicle-spec-fetchbar small{font-size:7px;line-height:1.4;color:#667f9c}.vehicle-spec-feedback{padding:8px 10px;border-radius:11px;background:#edf6ff;border:1px solid #d8eaff;color:#3c628c;font-size:8px;font-weight:750}.vehicle-spec-feedback.success{background:#effaf4;border-color:#ccebd9;color:#236943}.vehicle-spec-feedback.error{background:#fff4f4;border-color:#f7d5d7;color:#9f3740}.vehicle-spec-match-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:9px;border-radius:12px;background:#fff;border:1px solid #e0ebf7}.vehicle-spec-match-wrap label{display:grid;gap:4px;font-size:7px;font-weight:850}.vehicle-spec-match-wrap small{padding-bottom:9px;font-size:7px;color:#6f839c}.purchase-entry-mode-field{padding:8px;border:1px dashed #cfe1f4;border-radius:12px;background:rgba(238,247,255,.54)}
.vehicle-online-spec-panel{margin-top:9px;padding:13px!important}.online-spec-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.online-spec-item{min-height:54px;padding:8px 9px;border:1px solid #dfebf7;border-radius:11px;background:linear-gradient(145deg,#fff,#f6faff);display:grid;align-content:center;gap:3px}.online-spec-item small{font-size:6px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#7790ae}.online-spec-item strong{font-size:8px;line-height:1.35;color:#27486d;overflow-wrap:anywhere}.online-spec-raw{margin-top:9px;border:1px solid #dce9f6;border-radius:11px;background:#f8fbff;overflow:hidden}.online-spec-raw summary{cursor:pointer;padding:9px 10px;font-size:8px;font-weight:850;color:#44688f}.online-spec-raw pre{max-height:340px;overflow:auto;margin:0;padding:11px;background:#14243a;color:#e8f3ff;font:7px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}
.table-challan-body{background:#edf3f9!important;padding-bottom:36px}.table-challan{max-width:860px!important;padding:26px!important;border-top:5px solid var(--doc-accent)!important}.table-challan .receipt-company{padding:0 0 14px;margin-bottom:12px}.challan-title-table{display:grid;grid-template-columns:minmax(0,1fr) 210px;border:1px solid #dbe5ef;border-radius:12px;overflow:hidden;margin:8px 0 12px}.challan-title-table>div{padding:11px 13px;background:linear-gradient(135deg,color-mix(in srgb,var(--doc-accent) 8%,#fff),#fff);display:grid;gap:2px}.challan-title-table>div+div{border-left:1px solid #dbe5ef;background:#f8fbfe}.challan-title-table small{font-size:6px;letter-spacing:.1em;text-transform:uppercase;color:#71869d;font-weight:850}.challan-title-table strong{font-size:13px;color:#1c3552}.challan-title-table span{font-size:7px;color:#607991}.challan-detail-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #d8e3ee;border-radius:12px;overflow:hidden;margin-bottom:11px}.challan-detail-table th,.challan-detail-table td{padding:8px 9px;border-bottom:1px solid #e3ebf3;border-right:1px solid #e3ebf3;text-align:left;vertical-align:top;font-size:8px;line-height:1.35}.challan-detail-table th{width:17%;background:#f4f8fc;color:#5b7189;font-weight:850}.challan-detail-table td{width:33%;background:#fff;color:#1f344c;font-weight:650}.challan-detail-table tr:last-child>*{border-bottom:0}.challan-detail-table tr>*:last-child{border-right:0}.challan-remarks,.challan-terms{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:9px 10px!important;margin:9px 0;border:1px solid #dfe8f1!important;border-radius:10px;background:#fbfdff;font-size:8px}.challan-remarks strong,.challan-terms strong{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#607b99}.challan-terms p{margin:0;line-height:1.55;color:#405b78}.challan-signature-table{width:100%;border-collapse:separate;border-spacing:7px;margin:20px -7px 6px;width:calc(100% + 14px)}.challan-signature-table td{width:33.333%;padding:10px;border:1px solid #dce6f0;border-radius:11px;text-align:center;background:linear-gradient(180deg,#fff,#f8fbfe)}.signature-space{height:54px;display:grid;place-items:end center;border-bottom:1px solid #91a6bd;margin-bottom:7px}.signature-space img{max-width:120px;max-height:48px;object-fit:contain}.challan-signature-table strong{display:block;font-size:8px;color:#263f5d}.challan-signature-table span{display:block;min-height:13px;margin-top:2px;font-size:7px;color:#4e6b89}.challan-signature-table small{display:block;margin-top:4px;font-size:6px;color:#8495a8}.challan-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:15px;padding-top:11px;border-top:1px solid #dfe7ef}.challan-footer>div{display:grid;gap:2px}.challan-footer strong{font-size:8px}.challan-footer span,.challan-footer small{font-size:6px;color:#7b8da0;line-height:1.45}
@media(max-width:900px){.online-spec-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-spec-fetchbar{align-items:flex-start;flex-direction:column}.vehicle-spec-fetchbar .primary-btn{width:100%}.challan-title-table{grid-template-columns:1fr}.challan-title-table>div+div{border-left:0;border-top:1px solid #dbe5ef}}
@media(max-width:700px){.relation-inline-row{grid-template-columns:1fr}.inline-add-customer{width:100%}.purchase-stock-title{align-items:flex-start!important}.purchase-stock-badge small{display:none}.vehicle-spec-match-wrap{grid-template-columns:1fr}.online-spec-summary{grid-template-columns:1fr}.table-challan{padding:14px!important}.challan-detail-table{display:block;overflow-x:auto}.challan-detail-table tbody{display:table;width:700px}.challan-signature-table{border-spacing:4px;margin-left:-4px;width:calc(100% + 8px)}.challan-signature-table td{padding:7px}.challan-remarks,.challan-terms{grid-template-columns:1fr}.challan-footer{align-items:flex-start;flex-direction:column}}
@media print{.table-challan-body{background:#fff!important}.table-challan{width:100%!important;max-width:none!important;padding:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;box-shadow:none!important}.challan-title-table,.challan-detail-table,.challan-signature-table,.challan-remarks,.challan-terms{break-inside:avoid}.challan-signature-table{margin-top:12mm}.signature-space{height:18mm}.online-spec-raw{display:none!important}}

/* v3.0.6 inventory source control, exchange stock movement and branded striped challans */
.field-inline-hint{display:block;margin-top:2px;font-size:6px;font-weight:800;color:#6d86a3}.exchange-main-copy{min-width:0;display:grid;gap:3px}.exchange-mini-flow{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap;margin-top:3px}.exchange-mini-flow span{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 6px;border-radius:8px;font-size:7px;line-height:1.25;color:#53708f;background:#f5f9fd;border:1px solid #e1ebf5}.exchange-mini-flow span b{font-size:6px;letter-spacing:.1em}.exchange-mini-flow .stock-out b{color:#c64055}.exchange-mini-flow .stock-in b{color:#17815a}.exchange-mini-flow i{font-style:normal;color:#8aa0b7;font-weight:900}.exchange-stock-card{align-items:center!important}
.exchange-stock-flow{padding:14px!important}.stock-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.stock-flow-heading small{font-size:6px;letter-spacing:.13em;font-weight:900;color:#7189a5}.stock-flow-heading h3{margin:2px 0 0;font-size:13px}.stock-flow-grid{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:9px;align-items:stretch}.stock-flow-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border-radius:15px;border:1px solid #dde8f3;background:linear-gradient(145deg,#fff,#f7fbff);min-width:0}.stock-flow-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:900}.stock-flow-out .stock-flow-icon{background:#fff0f3;color:#ca3d56}.stock-flow-in .stock-flow-icon{background:#edf9f3;color:#19815b}.stock-flow-card small{display:block;font-size:6px;font-weight:900;letter-spacing:.11em;color:#758da8}.stock-flow-card strong{display:block;margin:2px 0;font-size:13px;color:#213f60}.stock-flow-card p{margin:0;font-size:8px;font-weight:750;color:#496887;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-flow-card em{display:block;margin-top:3px;font-size:6px;font-style:normal;color:#8498ad}.stock-flow-arrow{display:grid;place-items:center;font-size:20px;font-weight:900;color:#8ca4bd}
.table-challan{position:relative!important;isolation:isolate}.table-challan>:not(.challan-watermark){position:relative;z-index:2}.challan-watermark{position:absolute;inset:18% 8% 18%;z-index:0!important;display:grid;place-items:center;align-content:center;gap:10px;pointer-events:none;user-select:none;opacity:.055;transform:rotate(-18deg)}.challan-watermark img{width:210px;height:150px;object-fit:contain;filter:grayscale(1)}.challan-watermark strong{max-width:82%;font-size:31px;line-height:1;text-align:center;letter-spacing:.04em;text-transform:uppercase;color:#233d5a;overflow-wrap:anywhere}.challan-watermark-fallback{width:150px;height:150px;border:8px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:950;color:#233d5a}.challan-company-header{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;gap:18px!important;align-items:center!important}.challan-company-header .receipt-brand{text-align:left!important}.challan-company-logo-wrap{min-height:78px;display:grid;place-items:center end;padding-left:10px;border-left:1px solid #e1e9f1}.challan-company-logo{width:98px!important;height:74px!important;object-fit:contain!important}.challan-logo-fallback{width:68px;height:68px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--doc-accent) 12%,#fff),#f5f9fd);border:1px solid color-mix(in srgb,var(--doc-accent) 22%,#dce7f2);display:grid;place-items:center;color:var(--doc-accent);font-size:17px;font-weight:950;letter-spacing:.04em}.challan-striped-table tbody tr:nth-child(odd) th{background:#edf4fa!important}.challan-striped-table tbody tr:nth-child(odd) td{background:rgba(255,255,255,.92)!important}.challan-striped-table tbody tr:nth-child(even) th{background:color-mix(in srgb,var(--doc-accent) 7%,#f4f8fc)!important}.challan-striped-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--doc-accent) 3%,#fbfdff)!important}
@media(max-width:800px){.stock-flow-grid{grid-template-columns:1fr}.stock-flow-arrow{height:18px;transform:rotate(90deg)}.challan-company-header{grid-template-columns:minmax(0,1fr) 86px!important}.challan-company-logo{width:76px!important;height:60px!important}.challan-watermark strong{font-size:24px}.challan-watermark img{width:160px;height:120px}}
@media print{.challan-watermark{opacity:.04!important;inset:17% 8% 17%!important}.challan-watermark img{filter:grayscale(1)!important}.challan-company-logo-wrap{border-left-color:#d9e2eb!important}.challan-striped-table tbody tr:nth-child(odd) th{background:#eef2f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.challan-striped-table tbody tr:nth-child(odd) td{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.challan-striped-table tbody tr:nth-child(even) th{background:#e5ebf0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.challan-striped-table tbody tr:nth-child(even) td{background:#f6f8fa!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* PhoneLedger v3.0.7 — tree RBAC, employee credentials and formal challan */
.toolbar-copy{display:grid;gap:2px;min-width:0}.toolbar-copy strong{font-size:12px;color:#163963}.toolbar-copy small{font-size:8px;color:#758aa2}.role-list-toolbar,.employee-list-toolbar{justify-content:space-between;align-items:center;margin-bottom:10px}.role-list-toolbar .primary-btn svg,.employee-list-toolbar .primary-btn svg{width:14px;height:14px}
.employee-login-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(85,127,183,.17);border-radius:16px;background:linear-gradient(135deg,rgba(49,135,247,.08),rgba(139,92,246,.06),rgba(255,255,255,.78));box-shadow:0 9px 22px rgba(57,93,143,.06)}.employee-login-banner>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff;color:#397df1;box-shadow:0 7px 16px rgba(49,104,184,.12)}.employee-login-banner>span svg{width:20px;height:20px}.employee-login-banner div{display:grid;gap:2px}.employee-login-banner strong{font-size:11px;color:#1e416f}.employee-login-banner small{font-size:8px;color:#6d829c;line-height:1.45}.employee-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.employee-status-grid .checkbox-card{grid-column:auto!important;min-height:72px}
.role-tree-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0 5px}.role-tree-head>div:first-child{display:grid;gap:3px}.role-tree-head strong{font-size:13px;color:#173a64}.role-tree-head small{font-size:8px;color:#73879e;max-width:720px;line-height:1.5}.role-tree-actions{display:flex;gap:7px;flex:0 0 auto}.permission-tree{display:grid;gap:10px}.permission-module{border:1px solid rgba(79,122,176,.16);border-radius:18px;background:rgba(255,255,255,.75);box-shadow:0 8px 22px rgba(54,91,141,.06);overflow:hidden}.permission-module>summary{list-style:none;display:grid;grid-template-columns:44px minmax(0,1fr) auto 22px;gap:11px;align-items:center;padding:12px 14px;cursor:pointer;background:linear-gradient(135deg,rgba(248,251,255,.96),rgba(241,247,253,.8));user-select:none}.permission-module>summary::-webkit-details-marker{display:none}.permission-module[open]>summary{border-bottom:1px solid rgba(79,122,176,.12)}.permission-module-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:white;box-shadow:0 7px 17px rgba(45,82,133,.09)}.permission-module-icon svg{width:20px;height:20px}.permission-module-copy{display:grid;gap:2px;min-width:0}.permission-module-copy strong{font-size:11px;color:#17395f}.permission-module-copy small{font-size:7px;line-height:1.35;color:#71869e}.tree-master{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:11px;background:#fff;border:1px solid rgba(77,118,170,.14);font-size:8px;font-weight:850;color:#3d5e82}.tree-master input,.submodule-check input,.permission-action input{accent-color:var(--primary,#3187f7)}.tree-chevron{font-size:16px;color:#7690ad;transition:transform .2s ease}.permission-module[open] .tree-chevron{transform:rotate(180deg)}.permission-subtree{padding:11px;display:grid;gap:9px}.permission-submodule{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:12px;padding:10px;border:1px solid #e1e9f1;border-radius:14px;background:#fbfdff}.permission-submodule-head{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:start;padding:5px 3px}.permission-submodule-head>div{display:grid;gap:2px}.permission-submodule-head strong{font-size:9px;color:#274a73}.permission-submodule-head small{font-size:7px;line-height:1.4;color:#7b8fa5}.submodule-check{padding-top:1px}.permission-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.permission-action{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:center;min-height:52px;padding:7px 9px;border:1px solid #e1e9f1;border-radius:12px;background:#fff;cursor:pointer;transition:.18s ease}.permission-action:hover{transform:translateY(-1px);border-color:rgba(49,135,247,.28);box-shadow:0 7px 16px rgba(54,96,151,.06)}.permission-action:has(input:checked){border-color:color-mix(in srgb,var(--primary,#3187f7) 32%,#dce6ef);background:color-mix(in srgb,var(--primary,#3187f7) 6%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary,#3187f7) 8%,transparent)}.permission-action span{display:grid;gap:2px;min-width:0}.permission-action b{font-size:8px;color:#28496c}.permission-action small{font-size:6px;color:#8798aa;overflow-wrap:anywhere}

/* v3.0.7 formal challan + tree RBAC + employee credentials */
/* Formal A4 vehicle challan */
.formal-challan-body{background:#eaf0f6!important;padding-bottom:40px}.formal-challan{position:relative!important;isolation:isolate;max-width:920px!important;min-height:1120px;margin:22px auto!important;padding:30px!important;border:1px solid #ccd8e4!important;border-top:7px solid var(--doc-accent)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 24px 55px rgba(35,64,99,.16)!important;overflow:hidden}.formal-challan>:not(.formal-watermark){position:relative;z-index:2}.formal-watermark{inset:22% 12% 22%!important;opacity:.045!important;transform:rotate(-20deg)!important}.formal-watermark img{width:245px!important;height:175px!important}.formal-watermark strong{font-size:34px!important}.formal-company-header{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:22px;align-items:center;padding-bottom:18px;border-bottom:2px solid #243d5a}.formal-company-copy{display:grid;gap:3px}.formal-kicker{font-size:7px;font-weight:900;letter-spacing:.16em;color:var(--doc-accent);text-transform:uppercase}.formal-company-copy h1{margin:2px 0 1px;font-size:23px;line-height:1.05;color:#172f4c;letter-spacing:-.03em}.formal-company-copy p{margin:0;font-size:8px;line-height:1.5;color:#526b85}.formal-company-logo{height:92px;display:grid;place-items:center;border-left:1px solid #d8e2eb;padding-left:18px}.formal-company-logo img{max-width:125px;max-height:84px;object-fit:contain}.formal-company-logo span{width:78px;height:78px;border-radius:18px;display:grid;place-items:center;border:2px solid var(--doc-accent);color:var(--doc-accent);font-size:19px;font-weight:950}.formal-doc-title{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:stretch;margin:15px 0 18px;padding:12px 14px;border:1px solid #d5e0ea;background:linear-gradient(135deg,color-mix(in srgb,var(--doc-accent) 6%,#fff),#fff);border-radius:6px}.formal-doc-title>div{display:grid;align-content:center;gap:2px}.formal-doc-title small{font-size:6px;font-weight:900;letter-spacing:.18em;color:#778ca4}.formal-doc-title h2{margin:0;font-size:17px;letter-spacing:.03em;color:#173655}.formal-doc-title p{margin:0;font-size:7px;color:#6b8097}.formal-doc-title table{width:100%;border-collapse:collapse;background:#fff}.formal-doc-title th,.formal-doc-title td{border:1px solid #d9e3ec;padding:7px 8px;text-align:left;font-size:8px}.formal-doc-title th{width:42%;background:#f1f5f9;color:#586f87;text-transform:uppercase;font-size:6px;letter-spacing:.08em}.formal-doc-title td{font-weight:850;color:#243e5d}.formal-section{margin-top:16px}.formal-section-heading{display:flex;align-items:center;gap:8px;margin-bottom:7px}.formal-section-heading>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#213d5e;color:#fff;font-size:7px;font-weight:900}.formal-section-heading>div{display:grid;gap:1px}.formal-section-heading strong{font-size:10px;color:#1f3b5b;text-transform:uppercase;letter-spacing:.05em}.formal-section-heading small{font-size:6px;color:#8091a4}.formal-party-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d5e0e9;border-radius:6px;overflow:hidden}.formal-party-card{min-height:98px;padding:12px 13px;background:#fff}.formal-party-card+ .formal-party-card{border-left:1px solid #d5e0e9}.formal-party-card small{display:block;margin-bottom:5px;font-size:6px;font-weight:900;letter-spacing:.12em;color:var(--doc-accent)}.formal-party-card strong{display:block;margin-bottom:4px;font-size:12px;color:#203b5c}.formal-party-card p{margin:1px 0;font-size:7px;line-height:1.45;color:#60768e}.formal-data-table{width:100%;border-collapse:collapse;border:1px solid #cfdbe6}.formal-data-table th,.formal-data-table td{border:1px solid #d8e2eb;padding:8px 9px;text-align:left;vertical-align:top;font-size:8px;line-height:1.45}.formal-data-table thead th{background:#243d5a!important;color:#fff!important;font-size:6px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;-webkit-print-color-adjust:exact;print-color-adjust:exact}.formal-data-table tbody th{width:20%;font-size:6px;text-transform:uppercase;letter-spacing:.04em;color:#5d7186;font-weight:900}.formal-data-table td{color:#243f5e;font-weight:650}.formal-striped-table tbody tr:nth-child(odd)>*{background:#f8fafc}.formal-striped-table tbody tr:nth-child(even)>*{background:#edf3f8}.vehicle-particular-table th:nth-child(1){width:28%}.vehicle-particular-table td:first-child{font-weight:850}.exchange-movement-table th:first-child{width:15%}.exchange-movement-table th:nth-child(2){width:30%}.stock-chip{display:inline-block;border-radius:999px;padding:4px 7px;font-size:6px;font-weight:950;letter-spacing:.08em}.stock-out{background:#fee9e9;color:#ad3232}.stock-in{background:#e7f8ef;color:#178057}.formal-inline-identifiers{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8e2eb;border-top:0}.formal-inline-identifiers span{padding:8px 9px;display:grid;gap:2px}.formal-inline-identifiers span+span{border-left:1px solid #d8e2eb}.formal-inline-identifiers small{font-size:6px;text-transform:uppercase;color:#71859a}.formal-inline-identifiers b{font-size:8px;color:#27425e}.settlement-table th{width:20%!important}.settlement-table td{width:30%}.formal-declaration{border:1px solid #d5e0e9;border-radius:6px;padding:11px 12px;background:#fbfcfe;min-height:74px}.formal-declaration p{margin:0;font-size:7px;line-height:1.65;color:#405b76;text-align:justify}.formal-declaration>div{margin-top:8px;padding-top:7px;border-top:1px dashed #c9d6e2;font-size:7px;color:#3d5975}.formal-signature-section{margin-top:24px}.formal-signature-table{width:100%;border-collapse:collapse}.formal-signature-table td{width:33.333%;padding:0 11px 9px;text-align:center;vertical-align:bottom}.formal-signature-table td+td{border-left:1px solid #e1e7ed}.formal-signature-space{height:82px;display:grid;place-items:end center;border-bottom:1px solid #6d8297;margin-bottom:7px}.formal-signature-space img{max-width:130px;max-height:65px;object-fit:contain}.formal-signature-table strong{display:block;font-size:8px;text-transform:uppercase;color:#283f59}.formal-signature-table span{display:block;min-height:14px;margin-top:2px;font-size:7px;color:#526b83}.formal-signature-table small{display:block;margin-top:3px;font-size:6px;color:#8393a4}.formal-challan-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:18px;padding-top:10px;border-top:2px solid #243d5a}.formal-challan-footer>div{display:grid;gap:2px}.formal-challan-footer>div:last-child{text-align:right}.formal-challan-footer strong,.formal-challan-footer b{font-size:8px;color:#243e5b}.formal-challan-footer span,.formal-challan-footer small{font-size:6px;color:#7b8da0;line-height:1.4}
@media(max-width:900px){.permission-submodule{grid-template-columns:1fr}.permission-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formal-challan{min-height:0;margin:12px!important;padding:18px!important}.formal-doc-title{grid-template-columns:1fr}.formal-company-header{grid-template-columns:minmax(0,1fr) 110px}.formal-company-logo{height:75px}.formal-company-logo img{max-width:96px;max-height:68px}.formal-party-grid{grid-template-columns:1fr}.formal-party-card+.formal-party-card{border-left:0;border-top:1px solid #d5e0e9}.formal-data-table{display:block;overflow-x:auto}.formal-data-table tbody,.formal-data-table thead{min-width:690px}}
@media(max-width:650px){.role-tree-head{align-items:flex-start;flex-direction:column}.role-tree-actions{width:100%}.role-tree-actions>*{flex:1}.permission-module>summary{grid-template-columns:38px minmax(0,1fr) auto 16px;padding:9px}.permission-module-icon{width:36px;height:36px}.permission-action-grid{grid-template-columns:1fr}.employee-status-grid{grid-template-columns:1fr}.formal-company-header{grid-template-columns:1fr}.formal-company-logo{border-left:0;border-top:1px solid #d8e2eb;padding:10px 0 0;place-items:center start}.formal-doc-title{padding:9px}.formal-signature-table td{padding:0 5px 7px}}
@media print{.formal-challan-body{background:#fff!important}.formal-challan{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;box-shadow:none!important}.formal-watermark{opacity:.035!important}.formal-company-header,.formal-doc-title,.formal-party-grid,.formal-data-table,.formal-declaration,.formal-signature-table{break-inside:avoid}.formal-striped-table tbody tr:nth-child(odd)>*{background:#f7f7f7!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.formal-striped-table tbody tr:nth-child(even)>*{background:#ededed!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.formal-data-table thead th{background:#263b50!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.formal-signature-space{height:24mm}.formal-section{margin-top:6mm}.formal-company-header{padding-bottom:4mm}.formal-doc-title{margin:4mm 0}.formal-challan-footer{margin-top:5mm}}

/* v3.0.8 login branding / tenant subdomain hotfix */
.has-login-side-image .login-art{background-image:linear-gradient(90deg,rgba(4,12,25,.82),rgba(4,12,25,.28) 58%,rgba(4,12,25,.48)),linear-gradient(180deg,rgba(7,18,34,.08),rgba(7,18,34,.56)),var(--tenant-login-bg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.has-login-side-image .login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,9,18,.48));pointer-events:none;z-index:1}
.has-login-side-image .login-copy{z-index:5;text-shadow:0 2px 24px rgba(0,0,0,.42)}
.has-login-side-image .login-copy p{color:rgba(240,247,255,.82)}
.has-login-side-image .login-feature-row span{background:rgba(7,18,34,.42);border-color:rgba(255,255,255,.2);color:#eef6ff;backdrop-filter:blur(10px)}
.tenant-login-logo-wrap{min-height:72px;display:flex;align-items:center;margin-bottom:4px}.tenant-login-logo{display:block;max-width:190px;max-height:72px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 18px rgba(15,23,42,.08))}
.tenant-branded-login .premium-login-card{padding-top:30px}.tenant-branded-login .eyebrow.dark{margin-top:10px}
.login-branding-admin-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}.login-branding-preview{display:block;margin:10px 0 12px;border:1px solid #e1e8f2;border-radius:16px;background:#f8fbff;box-shadow:0 8px 22px rgba(15,23,42,.06);object-fit:contain}.login-branding-preview.logo{width:100%;height:110px;padding:16px}.login-branding-preview.background{width:100%;height:170px;object-fit:cover;padding:0}.remove-upload{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:.68rem;color:#64748b}.remove-upload input{width:auto;min-height:auto}.login-branding-empty{height:110px;margin:10px 0 12px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;display:grid;place-items:center;color:#94a3b8;font-size:.72rem;text-align:center;padding:12px}.login-branding-empty.wide{height:170px}.login-branding-company-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(91,95,239,.08),rgba(16,185,129,.08));border:1px solid rgba(148,163,184,.2)}.login-branding-company-head small{font-size:.57rem;letter-spacing:.12em;color:#64748b}.login-branding-company-head h3{margin:3px 0 0;font-size:1.05rem}.subdomain-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #dbe4ef;border-radius:var(--input-radius,15px);background:#fff;overflow:hidden}.subdomain-input-row input{border:0!important;border-radius:0!important;box-shadow:none!important}.subdomain-input-row span{height:100%;display:flex;align-items:center;padding:0 14px;background:#f1f5f9;color:#64748b;font-size:.72rem;border-left:1px solid #e2e8f0;white-space:nowrap}.login-url-preview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dbeafe;border-radius:14px;background:#eff6ff}.login-url-preview span{font-size:.61rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.login-url-preview strong{font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.login-url-preview a{font-size:.7rem;font-weight:750}.login-branding-selector{padding-bottom:13px;border-bottom:1px solid #edf2f7}
@media(max-width:1100px){.login-branding-admin-grid{grid-template-columns:1fr}}
@media(max-width:680px){.tenant-login-logo{max-width:160px;max-height:64px}.login-url-preview{grid-template-columns:1fr}.subdomain-input-row{grid-template-columns:1fr}.subdomain-input-row span{border-left:0;border-top:1px solid #e2e8f0;padding:10px 12px}.login-branding-preview.background,.login-branding-empty.wide{height:140px}}

/* v3.1.0 financial accounting + compact transaction + services/payroll */
.compact-transaction-form{display:grid;gap:8px!important}.compact-transaction-form>.form-section,.compact-transaction-form>.transaction-services{margin:0!important}.compact-transaction-form .form-section:not(.compact-disclosure){padding:10px 11px!important}.compact-transaction-form .section-title{margin-bottom:7px!important;padding-bottom:6px!important}.compact-transaction-form .section-title h2{font-size:10px!important}.compact-transaction-form .form-grid{gap:6px!important}.compact-transaction-form .field{padding:5px 6px!important}.compact-transaction-form textarea{min-height:48px!important;resize:vertical}.compact-transaction-form input,.compact-transaction-form select{min-height:33px!important}.compact-transaction-form .sticky-actions{margin-top:2px!important}
.compact-disclosure{border:1px solid rgba(102,145,196,.15)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(237,247,255,.62))!important;box-shadow:0 8px 20px rgba(52,91,139,.06)!important;overflow:hidden}.compact-disclosure>summary{list-style:none;cursor:pointer;min-height:42px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:900;color:#254f7c}.compact-disclosure>summary::-webkit-details-marker{display:none}.compact-disclosure>summary:after{content:'+';width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid rgba(85,136,196,.16);font-size:13px;color:#4c739f;flex:none}.compact-disclosure[open]>summary:after{content:'−'}.compact-disclosure>summary span{font-weight:900}.compact-disclosure>summary small{margin-left:auto;font-size:7px;font-weight:700;color:#7890ab}.compact-disclosure[open]>summary{border-bottom:1px solid rgba(105,149,200,.1)}.compact-disclosure>.form-grid,.compact-disclosure>.service-charge-panel-body,.compact-disclosure>.document-upload-grid{padding:9px 10px!important}
.purchase-advanced-specs{margin-top:8px}.compact-advanced-grid{padding-top:7px!important}.compact-exchange-grid{gap:7px!important}.compact-band{min-height:42px!important;padding:8px 10px!important}.compact-exchange-grid textarea{min-height:48px!important}.compact-exchange-grid .subheading{margin:2px 0!important;padding:7px 9px!important;font-size:8px!important}.compact-exchange-grid .form-actions{margin-top:2px!important}
.transaction-services{padding:0!important}.service-charge-panel-body{display:grid;gap:7px}.service-charge-list{display:grid;gap:5px}.service-charge-row{display:grid!important;grid-template-columns:20px minmax(150px,1fr) minmax(105px,135px) minmax(78px,100px);align-items:center;gap:8px!important;min-height:44px;padding:7px 9px!important;border:1px solid rgba(101,146,200,.12);border-radius:11px;background:rgba(255,255,255,.72)}.service-charge-row>input[type=checkbox]{width:16px;height:16px;min-height:0!important}.service-charge-copy{display:grid;gap:1px}.service-charge-copy strong{font-size:8px}.service-charge-copy small{font-size:6px;color:#7890aa}.service-rate{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.service-rate input{min-height:30px!important;padding:4px 6px!important;font-size:8px!important}.service-rate small{font-size:7px}.service-charge-row>[data-service-amount]{font-size:8px;text-align:right}.service-charge-total{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:7px 9px;border-radius:10px;background:rgba(222,240,255,.58);font-size:8px}.service-charge-total strong{font-size:10px;color:#1f5c9c}.service-charge-detail-panel .total-row>*{background:rgba(225,241,255,.8)!important}.striped-table tbody tr:nth-child(even) td{background:rgba(236,245,253,.46)}
.accounting-head{padding:15px 17px!important}.accounting-head h2{font-size:17px!important}.accounting-head .toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.accounting-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:9px 0}.accounting-report-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px!important;min-height:66px;border-radius:14px!important;text-decoration:none}.accounting-report-card .module-icon{width:33px;height:33px;border-radius:10px}.accounting-report-card>div{display:grid;gap:2px}.accounting-report-card strong{font-size:9px;color:#244d78}.accounting-report-card small{font-size:6.5px;color:#7690aa;line-height:1.25}.accounting-report-card b{font-size:17px;color:#93aac2}.compact-accounting-form{padding:11px!important}.voucher-lines{display:grid;gap:5px;margin-top:9px}.voucher-line{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(105px,.5fr) minmax(105px,.5fr) minmax(160px,1fr) 30px;gap:6px;align-items:center}.voucher-line input,.voucher-line select{min-height:34px!important}.voucher-head{padding:0 3px;font-size:7px;font-weight:900;color:#6c87a4}.voucher-balance{margin-top:8px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.voucher-balance span{padding:6px 9px;border-radius:9px;background:#f2f7fc;font-size:7px}.voucher-balance [data-balance-state].ok{background:#e9f8ef;color:#16784c}.compact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-form-grid .field{display:grid;gap:4px;font-size:8px;font-weight:800}.compact-form-grid .field input,.compact-form-grid .field select{min-height:36px;border:1px solid rgba(91,139,196,.18);border-radius:10px;padding:7px 9px;background:#fff}.compact-form-grid .span-2{grid-column:span 2}.compact-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;margin-top:2px}.ledger-opening-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;margin-bottom:6px;border-radius:10px;background:#eff6ff;color:#315d8b;font-size:8px}.compact-report-filter .form-actions{align-items:end}.table-total th{font-weight:900!important}.accounting-settlement-form{max-width:900px}
.payroll-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.payroll-toolbar>div:first-child{display:grid;gap:2px}.payroll-toolbar strong{font-size:11px}.payroll-toolbar small{font-size:7px;color:#718aa6}.payroll-toolbar .toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.payroll-preview input{min-width:90px;max-width:120px;min-height:31px!important;padding:4px 6px!important}.payroll-run-form>.panel{padding:10px!important}.payroll-run-form .form-grid{gap:7px!important}.payroll-run-form .checkbox-card{min-height:43px!important}.payroll-run-form .sticky-actions{margin-top:7px!important}.compact-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.service-charge-detail-panel{padding:10px!important}
.formal-subtable-title{margin:7px 0 4px;font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#526d89}
@media(max-width:1100px){.accounting-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-charge-row{grid-template-columns:20px minmax(130px,1fr) 110px 90px}.voucher-line{grid-template-columns:minmax(160px,1fr) 95px 95px minmax(130px,1fr) 30px}}
@media(max-width:720px){.accounting-report-grid{grid-template-columns:1fr}.accounting-head{align-items:flex-start!important}.service-charge-row{grid-template-columns:20px 1fr 85px}.service-charge-row>[data-service-amount]{grid-column:2/4;text-align:right}.compact-form-grid{grid-template-columns:1fr}.compact-form-grid .span-2{grid-column:auto}.voucher-line{grid-template-columns:1fr 1fr}.voucher-line select,.voucher-line input[name="memo[]"]{grid-column:1/-1}.voucher-head{display:none}.voucher-line [data-remove-line]{justify-self:end}.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.payroll-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.employee-payroll-profile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.employee-payroll-profile>div{display:flex;align-items:center;gap:10px}.employee-payroll-profile h2{margin:0;font-size:13px}.employee-payroll-profile p{margin:2px 0 0;font-size:7px;color:#718aa6}.inline-recovery{position:relative}.inline-recovery summary{list-style:none;cursor:pointer;padding:5px 7px;border-radius:8px;background:#eef6ff;color:#32679f;font-size:7px;font-weight:900}.inline-recovery summary::-webkit-details-marker{display:none}.inline-recovery form{position:absolute;right:0;top:29px;z-index:40;width:250px;padding:8px;display:grid;gap:6px;border:1px solid rgba(90,138,195,.18);border-radius:11px;background:#fff;box-shadow:0 16px 35px rgba(35,69,110,.18)}.inline-recovery input,.inline-recovery select{min-height:31px!important;padding:5px 7px!important;font-size:8px!important}.payroll-grid .panel{min-width:0}.payroll-grid .data-table{min-width:620px!important}
@media(max-width:980px){.payroll-grid{grid-template-columns:1fr}}

/* PhoneLedger v3.1.1: sale acquisition cost + readable transaction accounting */
.sale-purchase-price{display:flex!important;align-items:center;gap:5px;margin-top:4px!important;padding:4px 7px;border-radius:8px;background:#eef8f2;color:#16704b!important;font-size:7px!important;font-weight:850!important;width:max-content;max-width:100%}.sale-purchase-price::before{content:'↳';font-weight:950}.sale-purchase-price.missing{background:#fff7ed;color:#b45309!important}.smart-option-copy{display:grid;gap:2px;min-width:0;flex:1}.smart-option-copy>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-option-copy>small{font-size:6.5px;line-height:1.2;color:#7188a3;font-weight:750}.smart-option.selected .smart-option-copy>small{color:#4f72a0}
.accounting-transaction-kpis{margin-top:8px}.accounting-transaction-kpis .kpi em{display:block;margin-top:2px;color:#7991aa;font-size:6.5px;font-style:normal}.accounting-warning-strip{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:9px 0;padding:8px 11px;border:1px solid #fed7aa;border-radius:11px;background:#fff7ed;color:#9a4d08;font-size:7px}.accounting-warning-strip strong{font-size:8px}.accounting-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.accounting-transaction-panel .data-table,.compact-account-table{min-width:860px}.compact-account-table th,.compact-account-table td{padding:9px 10px!important}.accounting-source-register{min-width:1320px!important}.accounting-source-register td{vertical-align:top!important}.accounting-source-register .status{white-space:nowrap}
@media(max-width:1050px){.accounting-dual-grid{grid-template-columns:1fr}.accounting-warning-strip{align-items:flex-start;flex-direction:column}}
.voucher-source-link{display:flex;align-items:center;gap:7px;margin-top:7px;padding:6px 8px;border-radius:9px;background:#f2f7fc;font-size:7px}.voucher-source-link>span{color:#7890a9;font-weight:800}.voucher-source-link a{color:#245d98;font-weight:800}.voucher-source-link a small{display:block;color:#7188a3;font-size:6.5px;margin-top:1px}
.sale-margin-hint{display:block!important;margin-top:3px!important;color:#5f7b99!important;font-size:6.7px!important;font-weight:750!important}.sale-margin-hint.negative{color:#b42318!important}

/* v3.1.2 transaction validation */
.validation-summary{grid-column:1/-1;border:1px solid rgba(220,38,38,.24);background:rgba(254,242,242,.92);border-radius:16px;padding:13px 16px;color:#991b1b;box-shadow:0 10px 30px rgba(127,29,29,.07);margin:0 0 12px}.validation-summary strong{display:block;font-size:14px;margin-bottom:5px}.validation-summary ul{margin:0;padding-left:18px;display:grid;gap:3px;font-size:12px}.field-invalid{border-radius:12px}.field-invalid>input,.field-invalid>select,.field-invalid>textarea,.field-invalid .relation-inline-row>select,.field-invalid .searchable-select-trigger{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.08)!important}.field-invalid>label,.field-invalid label:first-child{color:#991b1b}.field-error{display:block!important;color:#b91c1c!important;font-size:11px!important;font-weight:700!important;line-height:1.35;margin-top:5px}.field-error:before{content:'⚠ ';font-size:10px}.compact-transaction-form .validation-summary{margin-top:4px}

/* PhoneLedger v3.1.3 — readable modern typography */
html,body{font-family:var(--font,Aptos,Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif)!important}
body{font-size:var(--ui-font-base,15px)!important;line-height:1.5!important}
body.internal-page .page-head h1,body.internal-page .page-title h1{font-size:var(--ui-font-title,24px)!important;line-height:1.15!important;letter-spacing:-.02em!important}
body.internal-page .page-head p,body.internal-page .page-title p,body.internal-page .panel-head p{font-size:var(--ui-font-small,12px)!important;line-height:1.45!important}
body.internal-page .panel-head h2,body.internal-page .dynamic-form .section-title h2,body.internal-page .detail-section-head h3,body.internal-page .record-hero-copy h2{font-size:var(--ui-font-section,17px)!important;line-height:1.25!important}
body.internal-page .dynamic-form .section-title small,body.internal-page .detail-section-head small,body.internal-page .record-hero-copy small,body.internal-page .record-hero-copy p{font-size:var(--ui-font-small,12px)!important;line-height:1.4!important}
body.internal-page .dynamic-form .field>label,body.internal-page .dynamic-form label:not(.switch-row):not(.document-drop),body.internal-page .form-grid>label,body.internal-page .settings-form label,body.internal-page .compact-form-grid .field{font-size:var(--ui-font-label,13px)!important;line-height:1.35!important}
body.internal-page .dynamic-form input,body.internal-page .dynamic-form textarea,body.internal-page .dynamic-form select,body.internal-page .settings-form input,body.internal-page .settings-form textarea,body.internal-page .settings-form select,body.internal-page input,body.internal-page select,body.internal-page textarea{font-size:var(--ui-font-base,15px)!important}
body.internal-page .help,body.internal-page .cell-sub,body.internal-page small,body.internal-page .sale-purchase-price,body.internal-page .sale-margin-hint,body.internal-page .accounting-report-card small,body.internal-page .accounting-warning-strip,body.internal-page .voucher-source-link{font-size:var(--ui-font-small,12px)!important;line-height:1.4!important}
body.internal-page .data-table th,body.internal-page .table-panel th,body.internal-page table th{font-size:var(--ui-font-tiny,11px)!important;line-height:1.3!important;letter-spacing:.045em!important;padding:11px 12px!important}
body.internal-page .data-table td,body.internal-page .table-panel td,body.internal-page table td{font-size:var(--ui-font-table,14px)!important;line-height:1.45!important;padding:10px 12px!important}
body.internal-page .primary-btn,body.internal-page .ghost-btn,body.internal-page .soft-btn,body.internal-page .danger-btn,body.internal-page .whatsapp-btn,body.internal-page .table-action,body.internal-page .row-actions a,body.internal-page button{font-size:var(--ui-font-button,13px)!important;line-height:1.2!important}
body.internal-page .status{font-size:var(--ui-font-tiny,11px)!important;padding:5px 9px!important}
body.internal-page .detail-info-card small{font-size:var(--ui-font-small,12px)!important}.detail-info-card strong{font-size:var(--ui-font-table,14px)!important;line-height:1.4!important}.detail-info-card em{font-size:var(--ui-font-tiny,11px)!important}
body.internal-page .accounting-report-card strong,body.internal-page .payroll-toolbar strong{font-size:var(--ui-font-table,14px)!important}.accounting-report-card small,body.internal-page .payroll-toolbar small{font-size:var(--ui-font-small,12px)!important}
body.internal-page .page-date-card strong{font-size:var(--ui-font-small,12px)!important}body.internal-page .page-date-card small{font-size:var(--ui-font-tiny,11px)!important}
body.internal-page .flash,body.internal-page .empty,body.internal-page .empty-cell{font-size:var(--ui-font-table,14px)!important}
body.internal-page .search-box input{font-size:var(--ui-font-base,15px)!important}
.gst-billing-panel .gst-live-summary{font-size:var(--ui-font-small,12px)!important}.gst-billing-panel .gst-live-summary strong{font-size:var(--ui-font-table,14px)!important}
@media print{.no-print,.app-sidebar,.topbar,.app-footer{display:none!important}}

/* PhoneLedger v3.1.5 quick-fix: responsive auth/signup + styled books search */
.powered-line{display:block!important;color:#8090a7!important;font-size:10px!important;font-weight:700!important;margin-top:3px}.app-footer{gap:14px;flex-wrap:wrap}.booking-btn-label{display:inline!important;visibility:visible!important;opacity:1!important;color:inherit!important}.booking-btn-icon{display:inline-flex;margin-right:5px}.books-search-toolbar,.books-account-toolbar{align-items:center!important;gap:12px!important}.premium-books-search{position:relative;max-width:760px!important;flex:1;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important;padding:6px!important;border:1px solid rgba(116,155,205,.18);background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(36,79,129,.08);border-radius:16px;backdrop-filter:blur(16px)}.premium-books-search .search-leading{width:34px;height:34px;display:grid;place-items:center;font-size:18px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,#fff);border-radius:11px}.premium-books-search input{border:0!important;box-shadow:none!important;background:transparent!important;min-width:0!important;height:38px!important;font-size:14px!important;padding:0 10px!important}.premium-books-search button{height:38px!important;border-radius:11px!important}.booking-search-box{max-width:680px!important;margin:12px 0!important}.login-register-link{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid #e8edf4;font-size:12px;color:#64748b}.login-register-link a{font-weight:800;color:#2563eb;text-decoration:none}.login-powered{text-align:center;margin-top:10px;color:#8492a6;font-size:10px;letter-spacing:.02em}.login-powered strong{color:#53647c}.stockwheels-login-logo{letter-spacing:-.04em}
.signup-body{min-height:100vh;margin:0;background:#eef4fb;font-family:Aptos,Inter,"Segoe UI",sans-serif;color:#182234}.signup-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)}.signup-brand-panel{position:relative;overflow:hidden;padding:clamp(28px,4vw,64px);background:radial-gradient(circle at 18% 10%,rgba(55,110,255,.24),transparent 34%),radial-gradient(circle at 85% 72%,rgba(20,184,166,.18),transparent 34%),linear-gradient(155deg,#071325,#0e2b4e 58%,#0a1b30);color:white;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.signup-brand-panel:after{content:"";position:absolute;right:-100px;bottom:-90px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}.signup-brand,.payment-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.stockwheels-mark{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-weight:900;letter-spacing:-.05em;color:#fff;background:linear-gradient(135deg,#ff8a00,#18b46f);box-shadow:0 14px 32px rgba(0,0,0,.18)}.signup-brand strong,.payment-brand strong{display:block;font-size:20px}.signup-brand small,.payment-brand small{display:block;opacity:.7;font-size:11px}.signup-copy{position:relative;z-index:1;max-width:560px}.signup-copy h1{font-size:clamp(32px,4.2vw,58px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px}.signup-copy p{color:#b8c8dc;line-height:1.7;max-width:520px}.signup-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.signup-steps span{display:grid;gap:6px;color:#99abc3;font-size:10px;font-weight:800}.signup-steps b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.signup-steps .active{color:#fff}.signup-steps .active b{background:linear-gradient(135deg,#2563eb,#14b8a6)}.powered-public{position:relative;z-index:1;color:#95a8c1;font-size:11px}.powered-public strong{color:#dbe8f7}.signup-form-panel{padding:clamp(20px,4vw,56px);overflow:auto}.signup-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1050px;margin:0 auto 20px}.signup-form-head h2{font-size:clamp(26px,3vw,38px);margin:5px 0 6px;letter-spacing:-.035em}.signup-form-head p{margin:0;color:#6b7d96}.signup-form{max-width:1050px;margin:auto;display:grid;gap:16px}.signup-section{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.96);border-radius:22px;padding:20px;box-shadow:0 16px 46px rgba(37,71,112,.08);backdrop-filter:blur(20px)}.signup-section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.signup-section-title>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#2563eb,#14b8a6);font-weight:900}.signup-section-title strong{display:block;font-size:16px}.signup-section-title small{display:block;color:#788aa2;margin-top:2px}.signup-form label{font-size:12px;font-weight:800;color:#36506f}.signup-form input,.signup-form select,.signup-form textarea{width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #dce6f1;border-radius:12px;background:#fbfdff;color:#17365e;padding:10px 12px;font:inherit;min-height:43px;outline:none}.signup-form input:focus,.signup-form select:focus,.signup-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.signup-logo-field small{display:block;margin-top:5px;color:#7c8da4;font-weight:600}.public-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.public-plan-card{position:relative!important;display:flex!important;gap:12px!important;padding:16px!important;border:1px solid #dce5f0;border-radius:17px;background:#fafdff;cursor:pointer;transition:.18s}.public-plan-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,75,120,.08)}.public-plan-card input{position:absolute;opacity:0;pointer-events:none}.plan-select-dot{width:18px;height:18px;flex:0 0 18px;border:2px solid #a7b7cb;border-radius:50%;margin-top:2px;box-shadow:inset 0 0 0 4px #fff}.public-plan-card:has(input:checked){border-color:#4d7fe1;background:#f3f7ff;box-shadow:0 0 0 3px rgba(37,99,235,.07)}.public-plan-card:has(input:checked) .plan-select-dot{background:#2563eb;border-color:#2563eb}.public-plan-card strong{display:block;font-size:15px}.public-plan-card small{display:block;color:#72839a;font-size:10px;line-height:1.45;margin-top:3px}.public-plan-card b{display:block;font-size:20px;margin-top:10px;color:#173d73}.public-plan-card b em{font-size:10px;font-style:normal;color:#7a8ba1}.billing-cycle-row{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.billing-cycle-row label{display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:12px;background:#f4f7fb;border:1px solid #e2e9f2}.billing-cycle-row input{width:auto;min-height:0;margin:0}.signup-submit-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:6px 4px 28px}.signup-consent{display:flex!important;align-items:flex-start;gap:9px!important;max-width:660px;font-size:11px!important;color:#657890!important}.signup-consent input{width:auto;min-height:0;margin:2px 0 0}.signup-next{min-width:260px}.payment-stage{display:grid;place-items:center;padding:22px;box-sizing:border-box;background:radial-gradient(circle at 15% 15%,#dfeaff,transparent 35%),linear-gradient(145deg,#f6f9fd,#e9f0f8)}.payment-public-shell{width:min(760px,100%);display:grid;gap:16px}.payment-brand{color:#17365e}.public-payment-card{background:rgba(255,255,255,.92);border:1px solid white;border-radius:26px;padding:clamp(24px,5vw,44px);box-shadow:0 30px 80px rgba(31,68,112,.14)}.public-payment-card h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin:8px 0}.public-payment-card>p{color:#6b7e97;line-height:1.55}.payment-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.payment-summary-grid>div{padding:13px;border-radius:14px;background:#f4f8fd;border:1px solid #e5ecf5}.payment-summary-grid small{display:block;color:#7b8da4;font-size:9px;text-transform:uppercase;font-weight:800}.payment-summary-grid strong{display:block;margin-top:5px;font-size:13px}.activation-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.activation-steps span{padding:10px;border-radius:11px;background:#f6f8fb;color:#8391a5;font-size:9px;font-weight:800;text-align:center}.activation-steps .done{color:#15805d;background:#ebfaf4}.activation-steps .active{color:#1d4ed8;background:#edf3ff}.public-pay-btn{margin-top:8px;min-height:48px}.ghost-link{display:block;text-align:center;margin-top:12px;color:#61758f;text-decoration:none;font-size:11px;font-weight:700}.payment-security-note{display:block;text-align:center;color:#8b9aab;font-size:9px;margin-top:14px}
@media(max-width:980px){.signup-shell{grid-template-columns:1fr}.signup-brand-panel{min-height:auto;padding:28px}.signup-copy h1{font-size:34px}.signup-copy p{font-size:13px}.signup-steps{max-width:600px}.signup-form-panel{padding:24px}.public-plan-grid{grid-template-columns:repeat(2,1fr)}.premium-login.login-body{grid-template-columns:1fr!important;overflow:auto!important;min-height:100dvh}.premium-login .login-art{display:flex!important;min-height:280px!important;padding:30px!important;align-items:flex-end!important}.premium-login .animated-car-wrap{transform:scale(.72);transform-origin:left bottom;left:10px!important}.premium-login .login-copy{max-width:620px}.premium-login .login-copy h1{font-size:36px!important}.premium-login .login-panel{padding:0 18px 26px!important;place-items:start center!important}.premium-login .premium-login-card{margin-top:-24px;position:relative;z-index:5;width:min(520px,100%)!important}}
@media(max-width:680px){.signup-brand-panel{padding:22px;gap:20px}.signup-copy h1{font-size:29px}.signup-copy p{font-size:12px}.signup-steps{grid-template-columns:repeat(2,1fr)}.signup-form-panel{padding:16px}.signup-form-head{align-items:flex-start}.signup-form-head .ghost-btn{white-space:nowrap}.signup-section{padding:15px;border-radius:17px}.public-plan-grid{grid-template-columns:1fr}.signup-submit-row{align-items:stretch;flex-direction:column}.signup-next{width:100%;min-width:0}.payment-summary-grid,.activation-steps{grid-template-columns:1fr 1fr}.premium-login .login-art{display:flex!important;min-height:215px!important;padding:20px!important}.premium-login.has-login-side-image .login-art{background-position:center!important}.premium-login .login-copy h1{font-size:27px!important;margin-bottom:7px}.premium-login .login-copy p{font-size:11px!important;max-width:90%}.premium-login .login-feature-row{display:none}.premium-login .animated-car-wrap,.premium-login .speed-lines,.premium-login .login-road{display:none!important}.premium-login .login-panel{padding:0 12px 18px!important}.premium-login .premium-login-card{margin-top:-18px!important;padding:22px!important;border-radius:20px!important}.premium-books-search{grid-template-columns:auto minmax(0,1fr) auto!important}.premium-books-search .ghost-btn{display:none}.books-account-toolbar{display:grid!important;grid-template-columns:1fr!important}.books-account-toolbar>.primary-btn{width:100%}}
@media(max-width:420px){.signup-form-head{display:grid}.payment-summary-grid,.activation-steps{grid-template-columns:1fr}.premium-login .login-art{min-height:180px!important}.premium-login .login-copy p{display:none}.premium-login .premium-login-card{padding:18px!important}.premium-books-search{grid-template-columns:minmax(0,1fr) auto!important}.premium-books-search .search-leading{display:none}.premium-books-search button{padding:0 11px!important;font-size:10px!important}}

/* PhoneLedger v1.0 — mobile/computer shop workspace */
.shop-hero{position:relative;overflow:hidden;min-height:112px;padding:18px 190px 18px 18px!important;background:linear-gradient(105deg,rgba(255,255,255,.92),rgba(229,241,255,.86) 70%,rgba(198,222,252,.94))!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 16px 44px rgba(44,86,134,.08)!important}.shop-hero h1{margin:3px 0 5px!important;font-size:24px!important;letter-spacing:-.04em}.shop-hero p{margin:0;color:#6a7f9d;font-size:10px}.shop-hero .hero-copy{position:absolute;right:152px;top:20px;min-width:150px}.shop-hero .hero-copy strong{display:block;color:#173b6e;font-size:11px;line-height:1.35}.shop-hero .hero-copy small{display:block;margin-top:4px;color:#7790af;font-size:7px}.device-hero-art{position:absolute;right:20px;bottom:-2px;width:136px;height:94px}.phone-shape{position:absolute;right:82px;bottom:6px;width:35px;height:70px;border-radius:8px;background:linear-gradient(145deg,#6aa8f8,#d4e8ff);border:4px solid #315b91;box-shadow:0 12px 20px rgba(48,92,146,.16);transform:rotate(-7deg)}.phone-shape:after{content:"";position:absolute;inset:5px;border-radius:4px;background:linear-gradient(160deg,#d9edff,#80b8fb)}.laptop-shape{position:absolute;right:0;bottom:12px;width:86px;height:55px;border-radius:7px;background:linear-gradient(145deg,#bcd8f9,#6da5eb);border:4px solid #315b91;box-shadow:0 12px 20px rgba(48,92,146,.14)}.laptop-shape:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-9px;height:8px;border-radius:3px 3px 8px 8px;background:#315b91}.shop-hero .hero-date{position:absolute;right:16px;top:13px;z-index:2;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:8px 10px!important;border-radius:12px!important;transform:translateY(0);box-shadow:0 7px 20px rgba(47,86,128,.07)}.shop-hero .hero-date span{width:24px;height:24px}.shop-hero .hero-date b{font-size:7px}.shop-hero .hero-date small{font-size:6px}
.metric-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(180px,.92fr);gap:9px;margin:10px 0}.metric-card,.metric-promo{position:relative;min-height:105px;border-radius:18px;border:1px solid rgba(255,255,255,.96);box-shadow:0 11px 30px rgba(47,83,128,.08);overflow:hidden}.metric-card{padding:12px 13px;background:linear-gradient(145deg,#f2fbf8,#ddf7ef)}.metric-card.card-2{background:linear-gradient(145deg,#f5f9ff,#e5efff)}.metric-card.card-3{background:linear-gradient(145deg,#fff8f3,#ffecdf)}.metric-card.card-4{background:linear-gradient(145deg,#fbf7ff,#eee4ff)}.metric-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;bottom:-30px;background:rgba(255,255,255,.32)}.metric-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:white;margin-bottom:6px;box-shadow:0 8px 16px rgba(31,67,112,.12)}.metric-icon svg{width:15px;height:15px}.metric-card small{display:block;font-size:7px;color:#617b9a;font-weight:750}.metric-card>strong{display:block;font-size:17px;line-height:1.15;letter-spacing:-.035em;color:#152f54;margin-top:2px}.metric-card em{display:block;font-style:normal;font-size:6px;color:#7e93ac;margin-top:4px}.metric-card .spark{position:absolute;right:11px;bottom:12px;width:54px;height:25px;border-bottom:2px solid #32bd8c;border-radius:50%;transform:skewY(-12deg);opacity:.75}.card-2 .spark{border-color:#3f83f8}.card-3 .spark{border-color:#ff7b3e}.card-4 .spark{border-color:#8f52f4}.metric-promo{padding:12px 12px;background:linear-gradient(145deg,#eef7ff,#cfe6ff);color:#173c6a;text-decoration:none;display:grid;align-content:space-between}.metric-promo strong{font-size:11px;line-height:1.2}.metric-promo small{font-size:7px;color:#6d89aa}.metric-promo .primary-btn{width:max-content;min-height:27px!important;padding:6px 10px!important;font-size:7px!important;z-index:2}.mini-device-art{position:absolute;right:-4px;bottom:0;width:90px;height:65px;opacity:.55}.mini-device-art i{position:absolute;right:42px;bottom:8px;width:22px;height:42px;border:3px solid #31669d;border-radius:6px;background:#82b8ee}.mini-device-art b{position:absolute;right:0;bottom:9px;width:50px;height:32px;border:3px solid #31669d;border-radius:5px;background:#9cc9f5}.mini-device-art b:after{content:"";position:absolute;left:-6px;right:-6px;bottom:-7px;height:5px;background:#31669d;border-radius:5px}
.dashboard-mid-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:9px}.auto-panel{background:rgba(255,255,255,.88);border:1px solid rgba(212,228,246,.78);border-radius:18px;box-shadow:0 11px 32px rgba(44,82,126,.06);overflow:hidden}.auto-panel-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #edf3fa}.auto-panel-head>div{display:flex;align-items:center;gap:7px}.auto-panel-head h2{font-size:9px;margin:0;color:#173355}.auto-panel-head a{font-size:7px;text-decoration:none;color:#326fc4;font-weight:800}.panel-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;color:#fff}.panel-icon svg{width:13px}.chart-legend{display:flex!important;gap:8px!important;font-size:6px;color:#7890ab;align-items:center}.chart-legend span{display:flex;align-items:center;gap:3px}.chart-legend i{width:5px;height:5px;border-radius:50%;background:#3c83f7}.chart-legend span:nth-child(2) i{background:#8c5bf4}.chart-legend b{padding:4px 7px;border-radius:10px;background:#f4f7fb;color:#5e7591}.bar-chart{position:relative;height:170px;padding:15px 20px 18px}.chart-lines{position:absolute;inset:15px 20px 30px;display:flex;flex-direction:column;justify-content:space-between}.chart-lines i{height:1px;background:#e8eff8}.bar-stage{position:absolute;inset:15px 28px 15px;display:flex;justify-content:space-around;align-items:flex-end;gap:20px}.week-group{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.week-group .bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:calc(100% - 18px);width:100%}.week-group .bars i{width:min(25%,22px);border-radius:5px 5px 2px 2px;min-height:5px;box-shadow:0 3px 10px rgba(46,91,151,.12)}.sales-bar{background:linear-gradient(#4b93ff,#3577ef)}.purchase-bar{background:linear-gradient(#a176ff,#7c50ec)}.week-group>span{font-size:6px;color:#7890ab}.status-content{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:14px;padding:18px 15px}.shop-donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(#ed3e94 0 25%,#2e85fa 25% 50%,#ff7b3f 50% 75%,#8852ee 75%);position:relative;display:grid;place-items:center;box-shadow:0 12px 28px rgba(230,65,147,.12)}.shop-donut:before{content:"";position:absolute;inset:17px;border-radius:50%;background:#fff}.shop-donut>div{position:relative;z-index:1;text-align:center}.shop-donut strong{display:block;font-size:17px;color:#173355}.shop-donut small{font-size:6px;color:#7189a5}.status-legend{display:grid;gap:9px}.status-legend span{display:grid;grid-template-columns:8px 1fr auto;gap:5px;align-items:center;font-size:6px;color:#6d84a0}.status-legend i{width:6px;height:6px;border-radius:50%}.dot-1{background:#ed3e94}.dot-2{background:#2e85fa}.dot-3{background:#ff7b3f}.dot-4{background:#8852ee}.status-legend b{font-weight:700}.status-legend strong{color:#18355c}
.financial-pulse{margin-top:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px}.section-heading>div{display:flex;align-items:center;gap:7px}.section-heading h2{font-size:9px;margin:0}.section-heading p{font-size:6px;color:#778ea9;margin:1px 0 0}.compact-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.compact-metric{background:rgba(255,255,255,.88);border:1px solid #e4eef8;border-radius:13px;min-height:48px;padding:7px 9px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;text-decoration:none;color:inherit;box-shadow:0 7px 20px rgba(47,84,129,.05);transition:.18s}.compact-metric:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(47,84,129,.09)}.compact-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;color:white}.compact-icon svg{width:13px}.compact-metric small{display:block;font-size:6px;color:#7189a5}.compact-metric strong{display:block;font-size:9px;color:#16365d}.compact-metric em{font-style:normal;font-size:5px;color:#91a1b5}.compact-metric>b{font-size:14px;color:#4c74a3}.dashboard-bottom-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:9px;margin-top:9px}.recent-invoice-list{display:grid}.recent-invoice-list>a{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:8px 11px;border-bottom:1px solid #edf3fa;text-decoration:none;color:inherit}.recent-invoice-list>a:last-child{border-bottom:0}.activity-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff}.activity-icon svg{width:14px}.recent-invoice-list strong{font-size:8px}.recent-invoice-list small{display:block;font-size:6px;color:#7a90aa;margin-top:2px}.recent-invoice-list>a>b{text-align:right;font-size:8px}.recent-invoice-list>a>b .status{margin-top:3px}.quick-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.quick-action{padding:9px;border-radius:11px;background:#f5f8fc;display:flex;align-items:center;gap:7px;text-decoration:none;color:#345476;font-size:7px;font-weight:800;border:1px solid #edf2f8}.quick-action span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:white}.quick-action svg{width:12px}.latest-stock-panel{margin-top:9px}.stock-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px}.stock-product{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid #e9f0f8;border-radius:12px;background:#fbfdff;text-decoration:none;color:inherit;min-width:0}.product-placeholder{width:34px;height:34px;border-radius:10px;color:white;display:grid;place-items:center}.product-placeholder svg{width:16px}.stock-product small{display:block;font-size:5px;color:#7b91a9}.stock-product strong{display:block;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-product em{display:block;font-style:normal;font-size:5px;color:#93a1b2}.stock-product>div:last-child{text-align:right}.stock-product>div:last-child>b{display:block;font-size:7px;margin-bottom:3px}
/* shared record, invoice, forms */
.detail-hero{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;margin-bottom:10px;border-radius:18px;background:linear-gradient(135deg,#f9fcff,#e8f3ff);border:1px solid #e0edf9;box-shadow:0 10px 28px rgba(47,84,129,.06)}.detail-hero>div:first-child{display:flex;align-items:center;gap:10px}.detail-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2c7cf6,#6955e8);color:white;font-weight:900;font-size:14px}.detail-hero h2{margin:0;font-size:16px}.detail-hero p{margin:3px 0 0;color:#7187a2;font-size:8px}.detail-hero-actions,.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.detail-metrics>div,.invoice-summary-box{padding:11px;border-radius:14px;background:#fff;border:1px solid #e5eef8;box-shadow:0 7px 20px rgba(38,76,120,.04)}.detail-metrics small,.invoice-summary-box small{display:block;color:#758aa4;font-size:6px}.detail-metrics strong,.invoice-summary-box strong{display:block;font-size:13px;color:#17395f;margin-top:3px}.detail-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-grid>div{padding:9px 10px;border-radius:11px;background:#f8fbff;border:1px solid #edf3f9}.detail-grid small{display:block;font-size:6px;color:#7b90aa}.detail-grid strong{font-size:8px}.record-primary{display:flex;align-items:center;gap:8px}.danger-text{color:#c7354d!important}.identifier-chip{display:inline-flex;align-items:center;max-width:200px;padding:3px 6px;border-radius:999px;background:#edf4ff;color:#2e67ad;font-size:6px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qty-small{font-size:7px;color:#7087a2}.padded-inline{padding:11px!important}.form-section-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;padding-bottom:7px;border-bottom:1px solid #edf2f8}.form-section-head strong{font-size:10px}.form-section-head small{font-size:6px;color:#7b90aa}.line-editor{grid-column:1/-1;border:1px solid #e3edf8;border-radius:14px;background:#fbfdff;overflow:hidden}.line-table,.sale-line-table{display:grid}.line-row,.line-head{display:grid;grid-template-columns:minmax(190px,2fr) minmax(85px,.65fr) minmax(90px,.7fr) minmax(75px,.55fr) 30px;gap:7px;align-items:center;padding:8px;border-bottom:1px solid #ecf2f8}.line-head{background:#f3f8fe;color:#5f7895;font-size:7px;font-weight:900}.line-row:last-child{border-bottom:0}.line-row select,.line-row input{min-height:34px!important;margin:0!important;font-size:8px!important}.icon-remove{width:28px;height:28px;border:0;border-radius:8px;background:#fff0f2;color:#c62943;font-size:14px;cursor:pointer}.toggle-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.switch-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;padding:10px!important;border:1px solid #e4edf7;border-radius:13px;background:#f9fcff}.switch-card input{width:auto!important;min-height:auto!important;margin:0!important}.switch-card strong{display:block;font-size:8px}.switch-card small{display:block;font-size:6px;color:#7a91aa}.code-field{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}
.invoice-mode-tabs{display:flex;gap:5px;padding:5px;width:max-content;margin:0 0 8px;border-radius:12px;background:#eaf2fb;border:1px solid #dae8f7}.invoice-mode-tabs a{padding:6px 11px;border-radius:8px;text-decoration:none;color:#5d7796;font-size:7px;font-weight:900}.invoice-mode-tabs a.active{background:#fff;color:#205da9;box-shadow:0 4px 12px rgba(44,86,135,.09)}.invoice-card-list{display:grid;padding:4px 10px 10px}.invoice-record{display:grid;grid-template-columns:34px minmax(0,1fr) auto 18px;gap:9px;align-items:center;padding:9px 4px;border-bottom:1px solid #edf3f9;text-decoration:none;color:inherit}.invoice-record:last-child{border-bottom:0}.customer-avatar{width:32px;height:32px;border-radius:10px;color:white;display:grid;place-items:center;font-size:7px;font-weight:900}.invoice-main strong{display:block;font-size:8px}.invoice-main small{display:block;font-size:6px;color:#788ea8;margin:2px 0 3px}.invoice-main>div{display:flex;gap:4px}.invoice-money{text-align:right}.invoice-money>strong{display:block;font-size:9px}.invoice-money>small{display:block;font-size:6px;color:#8094ab;margin:1px 0 3px}.invoice-arrow{font-size:16px;color:#7191b8}
/* invoice designer */
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.template-card{display:grid;grid-template-rows:150px auto;border:1px solid #e1ebf6;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 9px 25px rgba(40,78,122,.05)}.template-preview{padding:12px;background:#f3f7fc}.template-preview.design-classic{background:#fafafa}.template-preview.design-modern{background:linear-gradient(145deg,#edf5ff,#fafdff)}.template-preview.design-compact{background:#f7fafc}.tp-head{height:26px;border-bottom:3px solid #377df0;display:flex;justify-content:space-between;align-items:flex-start}.tp-head:before,.tp-head:after{content:"";height:7px;border-radius:4px;background:#244a78}.tp-head:before{width:42%}.tp-head:after{width:24%;opacity:.45}.tp-lines{display:grid;gap:6px;margin:12px 0}.tp-lines i{height:4px;border-radius:4px;background:#d3dfec}.tp-lines i:nth-child(2){width:72%}.tp-lines i:nth-child(3){width:88%}.tp-table{height:45px;border:1px solid #d7e3ef;border-radius:6px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 13px,#e7eef6 14px)}.tp-total{width:38%;height:23px;margin:10px 0 0 auto;border-top:2px solid #377df0;background:#eaf2ff}.template-copy{padding:11px}.template-copy strong{display:block;font-size:9px}.template-copy p{font-size:7px;color:#748aa4;line-height:1.5;margin:3px 0 8px}.template-copy .row-actions{justify-content:space-between}.template-card.default{box-shadow:0 0 0 2px rgba(44,125,240,.18),0 12px 28px rgba(44,86,136,.08)}
/* reports */
.report-command{display:grid;gap:10px}.report-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:8px;align-items:end;padding:11px;background:rgba(255,255,255,.88);border:1px solid #e4eef8;border-radius:15px}.report-filters label{font-size:7px;font-weight:800;color:#5f7895}.report-filters input,.report-filters select{width:100%;box-sizing:border-box;margin-top:4px;min-height:34px;border:1px solid #dfe9f4;border-radius:9px;background:#fff;padding:6px 8px;font-size:8px}.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.report-summary-card{padding:10px 11px;border-radius:13px;background:linear-gradient(145deg,#fff,#f5f9fe);border:1px solid #e5edf7;box-shadow:0 7px 18px rgba(43,80,124,.04)}.report-summary-card small{display:block;font-size:6px;color:#7188a3}.report-summary-card strong{display:block;margin-top:2px;font-size:14px;color:#17395f}.report-table{overflow:auto;background:#fff;border:1px solid #e5eef8;border-radius:15px}.report-table table{min-width:740px;width:100%;border-collapse:collapse}.report-table th{background:#f3f8fe;color:#5d7592;font-size:7px;padding:8px;text-align:left}.report-table td{padding:8px;border-top:1px solid #edf2f8;font-size:7px}.report-table tr:hover td{background:#fbfdff}
/* Superadmin mobile billing mappings */
.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.provider-card{padding:14px;border:1px solid #e1ecf7;border-radius:17px;background:linear-gradient(145deg,#fff,#f5f9fe);box-shadow:0 9px 24px rgba(43,80,124,.05)}.provider-card .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.provider-card .head strong{font-size:10px}.provider-card .field{margin-bottom:8px}.provider-card label{font-size:7px;color:#637b98;font-weight:800}.provider-card input,.provider-card select,.provider-card textarea{width:100%;box-sizing:border-box;margin-top:4px;border:1px solid #dfe8f2;border-radius:9px;padding:7px 8px;font-size:8px;background:#fff}.platform-note{padding:10px 12px;border-radius:13px;background:#edf7ff;border:1px solid #d7eafb;color:#365e89;font-size:7px;line-height:1.55;margin-bottom:10px}.registration-payment-banner{background:linear-gradient(135deg,#eefbf6,#f8fffc)!important;border-color:#d6f1e6!important}
@media(max-width:1200px){.metric-ribbon{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-promo{grid-column:1/-1;min-height:76px}.stock-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.shop-hero{padding-right:160px!important}.shop-hero .hero-copy{display:none}.metric-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-promo{grid-column:1/-1}.dashboard-mid-grid,.dashboard-bottom-grid,.detail-two-col{grid-template-columns:1fr}.compact-metric-grid,.detail-metrics,.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-grid,.template-grid{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr 1fr}.report-filters>*:last-child{grid-column:1/-1}.toggle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shop-hero{padding:14px!important}.device-hero-art,.shop-hero .hero-date{display:none}.shop-hero h1{font-size:19px!important}.metric-ribbon{grid-template-columns:1fr}.metric-promo{grid-column:auto}.compact-metric-grid,.detail-metrics,.report-summary-grid,.stock-product-grid,.detail-grid{grid-template-columns:1fr}.status-content{grid-template-columns:110px 1fr;padding:12px}.shop-donut{width:95px;height:95px}.invoice-record{grid-template-columns:32px minmax(0,1fr) 14px}.invoice-money{grid-column:2/3;text-align:left}.invoice-arrow{grid-column:3;grid-row:1/3}.line-editor{overflow:auto}.line-table,.sale-line-table{min-width:600px}.toggle-grid{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr}.report-filters>*:last-child{grid-column:auto}.detail-hero{align-items:flex-start;flex-direction:column}.detail-hero-actions{width:100%}.detail-hero-actions>*{flex:1}.invoice-mode-tabs{width:100%;box-sizing:border-box}.invoice-mode-tabs a{flex:1;text-align:center}}

/* ========================================================================
   PhoneLedger v1.1.0 — universal form language + Exchange/Reports/Accounting
   ======================================================================== */
.sidebar .nav{flex:1;min-height:0;padding-bottom:18px}

/* Replace leftover browser/basic form controls across company + superadmin pages. */
body.autoerp-ui .page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
body.autoerp-ui .page select,
body.autoerp-ui .page textarea{
  width:100%;box-sizing:border-box;min-height:42px;margin-top:5px;padding:9px 12px;
  border:1px solid color-mix(in srgb,var(--border) 82%,#b9cbe2);border-radius:12px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,#fff),color-mix(in srgb,var(--surface) 94%,#edf5ff));
  color:var(--text);font-size:11px;font-weight:650;line-height:1.35;outline:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 5px 15px rgba(40,76,120,.045);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
body.autoerp-ui .page textarea{min-height:90px;resize:vertical;line-height:1.55}
body.autoerp-ui .page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):hover,
body.autoerp-ui .page select:hover,body.autoerp-ui .page textarea:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:var(--surface)}
body.autoerp-ui .page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,
body.autoerp-ui .page select:focus,body.autoerp-ui .page textarea:focus{
  border-color:color-mix(in srgb,var(--primary) 66%,#8eb7ee);background:var(--surface);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent),0 8px 22px rgba(38,80,130,.07);transform:translateY(-1px)
}
body.autoerp-ui .page input::placeholder,body.autoerp-ui .page textarea::placeholder{color:#97a9bd;font-weight:550;opacity:1}
body.autoerp-ui .page select{appearance:none;-webkit-appearance:none;padding-right:35px;background-image:linear-gradient(45deg,transparent 50%,#7890aa 50%),linear-gradient(135deg,#7890aa 50%,transparent 50%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,#fff),color-mix(in srgb,var(--surface) 94%,#edf5ff));background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%,0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat}
body.autoerp-ui .page .field,body.autoerp-ui .page .form-grid>label{color:#58718e;font-size:9px;font-weight:850;letter-spacing:.01em}
body.autoerp-ui .page .field>span:first-child,body.autoerp-ui .page .form-grid>label>span:first-child{display:block;margin-bottom:1px;color:#4d6785}
body.autoerp-ui .page input[type="checkbox"],body.autoerp-ui .page input[type="radio"]{accent-color:var(--primary);width:17px;height:17px}
body.autoerp-ui .page input[type="file"]{width:100%;padding:8px;border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:12px;background:#f8fbff;color:#617895;font-size:10px}
body.autoerp-ui .page input[type="file"]::file-selector-button{border:0;border-radius:9px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 76%,var(--accent)));color:#fff;padding:8px 11px;margin-right:10px;font-weight:800;cursor:pointer}

/* Reporting command center */
.reports-command-hero,.accounting-command-hero,.exchange-create-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;margin-bottom:12px;background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--primary) 11%,transparent),transparent 36%),linear-gradient(135deg,#fff,#f6faff)}
.reports-command-hero h2,.accounting-command-hero h2,.exchange-create-hero h2{margin:3px 0 4px;font-size:18px;letter-spacing:-.035em;color:#16365d}.reports-command-hero p,.accounting-command-hero p,.exchange-create-hero p{margin:0;max-width:800px;color:#7086a0;font-size:9px;line-height:1.55}.reports-hero-actions,.accounting-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.page-eyebrow{font-size:6px;font-weight:950;letter-spacing:.18em;color:#5680b4}
.report-library{display:grid;gap:10px;margin-bottom:12px}.report-library-group{padding:10px;border:1px solid #e4eef8;border-radius:17px;background:rgba(255,255,255,.75);box-shadow:0 7px 20px rgba(45,80,122,.035)}.report-library-title{display:flex;align-items:center;gap:7px;margin:0 0 8px 3px;color:#57708e;font-size:8px}.report-library-title span{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 8%,transparent)}.report-tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.report-module-tile{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;align-items:center;gap:8px;min-height:63px;padding:8px 9px;border:1px solid #e4edf7;border-radius:13px;background:linear-gradient(145deg,#fff,#f8fbff);transition:.16s ease}.report-module-tile:hover,.report-module-tile.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 38%,#d7e5f4);box-shadow:0 8px 20px rgba(44,86,138,.07)}.report-module-tile.active{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 6%,#fff),#fff)}.report-module-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#edf5ff;color:#2870d1}.report-module-copy{min-width:0}.report-module-copy strong{display:block;font-size:8px;color:#254766}.report-module-copy small{display:block;margin-top:2px;color:#8396ab;font-size:6px;line-height:1.25}.report-module-arrow{color:#7b97b7;font-size:15px}.enhanced-report-filters{grid-template-columns:minmax(170px,1.5fr) 1fr 1fr auto auto auto}.enhanced-report-summary{grid-template-columns:repeat(6,minmax(0,1fr));margin:10px 0}.report-result-panel{margin-top:10px}.report-result-actions{display:flex;align-items:center;gap:7px}

/* Financial Accounting */
.accounting-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:11px}.accounting-kpi{position:relative;overflow:hidden;padding:12px;border:1px solid #e3edf7;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 8px 22px rgba(43,81,124,.045);transition:.16s}.accounting-kpi:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-28px;bottom:-36px;background:color-mix(in srgb,var(--primary) 7%,transparent)}.accounting-kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 30%,#dbe8f5)}.accounting-kpi small{display:block;color:#7088a4;font-size:6px;font-weight:850}.accounting-kpi strong{display:block;margin:4px 0 2px;color:#183b63;font-size:13px;letter-spacing:-.02em}.accounting-kpi span{display:block;color:#91a1b3;font-size:5.5px}.accounting-kpi.profit{background:linear-gradient(145deg,#edfdf7,#fff);border-color:#d8f2e7}.accounting-tool-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 13px;margin-bottom:11px;background:linear-gradient(135deg,#f0f7ff,#f9fcff)}.accounting-tool-strip strong{display:block;font-size:8px;color:#24547f}.accounting-tool-strip small{display:block;margin-top:2px;color:#6f87a0;font-size:6px;line-height:1.4}.accounting-report-library{margin-bottom:11px}.accounting-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.accounting-report-card{display:grid;grid-template-columns:31px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:9px;border:1px solid #e5edf7;border-radius:13px;background:#fbfdff;transition:.16s}.accounting-report-card:hover{background:#fff;border-color:#bdd5ef;transform:translateY(-1px);box-shadow:0 7px 18px rgba(41,81,128,.05)}.accounting-report-card>span:nth-child(2){min-width:0}.accounting-report-card strong{display:block;font-size:8px;color:#2b4a69}.accounting-report-card small{display:block;margin-top:2px;color:#8498ae;font-size:6px;line-height:1.3}.accounting-report-card>b{color:#7a97b8;font-size:14px}.accounting-report-icon,.manual-voucher-icon,.settlement-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#e9f3ff,#eefbfa);color:#236bc7}.accounting-voucher-register .accounting-search{display:flex;gap:6px;min-width:min(440px,48vw)}.accounting-voucher-register .accounting-search input{margin:0!important;min-height:36px!important}.table-link{font-weight:800;color:#2769bc}.accounting-report-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px}.accounting-report-head h2{margin:2px 0;font-size:16px}.accounting-report-head p{margin:0;color:#768ba4;font-size:8px}.accounting-report-filter{display:grid;grid-template-columns:1fr 1fr minmax(230px,1.6fr) auto;gap:8px;align-items:end}.accounting-report-filter label{font-size:8px;font-weight:850;color:#58718e}.accounting-report-filter .wide{grid-column:auto}.accounting-report-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:9px 0}.accounting-report-summary>div{padding:10px 11px;border:1px solid #e4edf7;border-radius:13px;background:linear-gradient(145deg,#fff,#f7fbff)}.accounting-report-summary small{display:block;color:#7c91a8;font-size:6px}.accounting-report-summary strong{display:block;color:#1d4068;font-size:12px;margin-top:2px}.accounting-statement-table{padding:0;overflow:hidden}.settlement-shell{display:grid;gap:10px;max-width:960px}.settlement-intro,.manual-voucher-intro{display:flex;align-items:center;gap:11px;padding:14px}.settlement-intro h2,.manual-voucher-intro h2{margin:2px 0;font-size:15px}.settlement-intro p,.manual-voucher-intro p{margin:0;color:#71879e;font-size:8px}.settlement-form,.manual-voucher-form{padding:16px}.settlement-ledger-preview,.exchange-accounting-preview{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;margin-top:10px;border:1px solid #dceaf7;border-radius:13px;background:linear-gradient(135deg,#f4f9ff,#fbfdff);color:#456989;font-size:8px}.settlement-ledger-preview span,.exchange-accounting-preview span{font-size:6px;font-weight:900;letter-spacing:.08em;color:#7d93aa;text-transform:uppercase}.settlement-ledger-preview strong,.exchange-accounting-preview strong{color:#285d92}.voucher-paper{padding:0;overflow:hidden}.voucher-paper .voucher-detail-head{padding:18px;background:linear-gradient(135deg,#f9fcff,#edf6ff)}.voucher-source-pill{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #dbe8f5;color:#2867b1;font-size:7px;font-weight:800}.voucher-date-box{display:grid;gap:4px;text-align:right}.voucher-date-box small{font-size:6px;color:#8294a9}.voucher-lines-table .num{text-align:right}.manual-voucher-form .voucher-lines{margin-top:10px}.manual-voucher-form .voucher-line select,.manual-voucher-form .voucher-line input{margin:0!important;min-height:36px!important}

/* Device Exchange */
.exchange-flow-mini{display:flex;align-items:center;gap:8px;white-space:nowrap}.exchange-flow-mini span{display:grid;padding:8px 10px;border:1px solid #dbe9f7;border-radius:11px;background:#fff;color:#6d85a0;font-size:6px}.exchange-flow-mini span b{color:#285f97;font-size:8px}.exchange-flow-mini i{font-style:normal;color:#3180db;font-size:18px}.exchange-workflow{display:grid;gap:10px}.exchange-step{padding:15px}.exchange-step-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid #e9f0f7}.exchange-step-head>div{min-width:0}.exchange-step-head h3{margin:0;font-size:11px;color:#244766}.exchange-step-head p{margin:2px 0 0;color:#8497ac;font-size:7px}.exchange-step-no{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,var(--accent)));color:#fff;font-size:8px;font-weight:950;box-shadow:0 6px 15px color-mix(in srgb,var(--primary) 17%,transparent)}.flow-badge{margin-left:auto;padding:5px 8px;border-radius:999px;font-size:6px;font-weight:900;letter-spacing:.07em}.flow-badge.stock-in{background:#eafaf3;color:#16825d}.flow-badge.stock-out{background:#eef5ff;color:#286dc5}.exchange-info-card{align-self:end;min-height:61px;padding:9px 10px;border:1px dashed #cadff2;border-radius:12px;background:#f7fbff}.exchange-info-card small,.exchange-info-card span{display:block;color:#8298af;font-size:6px}.exchange-info-card strong{display:block;margin:2px 0;color:#28577f;font-size:8px}.exchange-selected-device{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce9f6;border-radius:13px;background:linear-gradient(135deg,#f5f9ff,#fff)}.exchange-selected-device>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eaf3ff;color:#2b73d0}.exchange-selected-device small,.exchange-selected-device em{display:block;color:#8095ad;font-size:6px;font-style:normal}.exchange-selected-device strong{display:block;color:#254b70;font-size:9px;margin:1px 0}.exchange-settlement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.exchange-settlement-grid>div{padding:10px;border:1px solid #e0ebf6;border-radius:13px;background:#fbfdff}.exchange-settlement-grid>div.accent{background:linear-gradient(135deg,#edf8ff,#f4fffb);border-color:#cfe5f3}.exchange-settlement-grid small{display:block;color:#8195ab;font-size:6px}.exchange-settlement-grid strong{display:block;color:#224b74;font-size:13px;margin-top:2px}.exchange-register-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.exchange-register-head h2{margin:2px 0;font-size:16px}.exchange-register-head p{margin:0;color:#7d91a8;font-size:8px}.exchange-search{margin-bottom:10px}.exchange-flow-detail{display:grid;grid-template-columns:1fr 45px 1fr;gap:8px;align-items:stretch;margin-bottom:10px}.exchange-flow-card{padding:15px;border:1px solid #e0ebf6;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 8px 22px rgba(40,80,124,.045)}.exchange-flow-card.stock-in{background:linear-gradient(145deg,#f2fff9,#fff)}.exchange-flow-card.stock-out{background:linear-gradient(145deg,#f2f7ff,#fff)}.exchange-flow-card .flow-kicker{display:inline-flex;padding:4px 7px;border-radius:999px;background:#e8f8f1;color:#17855f;font-size:6px;font-weight:950;letter-spacing:.08em}.exchange-flow-card.stock-out .flow-kicker{background:#eaf2ff;color:#2c6ab8}.exchange-flow-card h3{margin:7px 0 2px;font-size:12px;color:#244665}.exchange-flow-card>p{margin:0 0 9px;color:#7890a8;font-size:7px}.exchange-flow-card>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px dashed #e3ebf4}.exchange-flow-card small{color:#8195ab;font-size:6px}.exchange-flow-card strong{font-size:8px;color:#2c4f70}.flow-state{display:inline-flex;margin-top:8px;color:#376b9c;font-size:6px;font-weight:850}.flow-state.success{color:#16805e}.exchange-flow-arrow{display:grid;place-items:center;font-size:25px;color:#5592d6}.exchange-detail-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.exchange-accounting-note{display:flex;align-items:center;gap:11px;margin-top:10px;padding:12px 14px}.exchange-accounting-note>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e9f4ff;color:#286dbc}.exchange-accounting-note>div{min-width:0;flex:1}.exchange-accounting-note strong{display:block;font-size:9px;color:#28516f}.exchange-accounting-note p{margin:2px 0 0;color:#7a90a8;font-size:7px}

@media(max-width:1280px){.report-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.enhanced-report-summary,.accounting-report-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.accounting-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.accounting-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.reports-command-hero,.accounting-command-hero,.exchange-create-hero{align-items:flex-start;flex-direction:column}.reports-hero-actions,.accounting-hero-actions{justify-content:flex-start}.report-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enhanced-report-filters{grid-template-columns:1fr 1fr}.enhanced-report-filters>*:first-child{grid-column:1/-1}.accounting-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-report-filter{grid-template-columns:1fr 1fr}.accounting-report-filter .wide{grid-column:1/-1}.exchange-flow-detail{grid-template-columns:1fr}.exchange-flow-arrow{height:28px}.exchange-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.report-tile-grid,.accounting-report-grid,.accounting-kpi-grid,.exchange-settlement-grid{grid-template-columns:1fr}.enhanced-report-summary,.accounting-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.enhanced-report-filters,.accounting-report-filter{grid-template-columns:1fr}.enhanced-report-filters>*:first-child,.accounting-report-filter .wide{grid-column:auto}.accounting-tool-strip,.accounting-report-head,.exchange-register-head,.exchange-accounting-note{align-items:flex-start;flex-direction:column}.accounting-voucher-register .panel-head{align-items:stretch;flex-direction:column}.accounting-voucher-register .accounting-search{min-width:0;width:100%}.exchange-flow-mini{white-space:normal;flex-wrap:wrap}.exchange-detail-metrics{grid-template-columns:1fr}.settlement-ledger-preview,.exchange-accounting-preview{align-items:flex-start;flex-direction:column}.exchange-step-head{align-items:flex-start}.flow-badge{margin-left:0}}

/* ========================================================================
   PhoneLedger v1.2.0 — contrast-safe actions, wholesale workspace, customer KYC
   ======================================================================== */
/* Theme-safe button contrast: even very light custom brand colors remain readable. */
body.autoerp-ui .primary-btn,
body.autoerp-ui button.primary-btn,
body.autoerp-ui a.primary-btn,
body.autoerp-ui .quick-btn,
body.autoerp-ui .search-box button,
body.autoerp-ui input[type="submit"].primary-btn{color:var(--on-primary,#fff)!important;text-shadow:none!important}
body.autoerp-ui .sidebar{color:var(--on-secondary,#fff)}
body.autoerp-ui .sidebar .nav-link{color:color-mix(in srgb,var(--on-secondary,#fff) 76%,transparent)}
body.autoerp-ui .sidebar .nav-link:hover,body.autoerp-ui .sidebar .nav-link.active{color:var(--on-secondary,#fff)!important}
body.autoerp-ui .soft-btn,body.autoerp-ui .ghost-btn{color:color-mix(in srgb,var(--text) 88%,var(--primary))!important}
body.autoerp-ui button,body.autoerp-ui a.primary-btn,body.autoerp-ui a.soft-btn,body.autoerp-ui a.ghost-btn{opacity:1}

/* Keep controls readable and visibly customized on every internal page. */
body.autoerp-ui .page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
body.autoerp-ui .page select,body.autoerp-ui .page textarea{
  color:var(--text)!important;background-color:color-mix(in srgb,var(--surface) 97%,#edf5ff)!important;
  -webkit-text-fill-color:var(--text);caret-color:var(--primary)
}
body.autoerp-ui .page select option{color:#142033;background:#fff}
body.autoerp-ui .page input:disabled,body.autoerp-ui .page select:disabled,body.autoerp-ui .page textarea:disabled{opacity:.72;color:color-mix(in srgb,var(--text) 72%,#94a3b8)!important;-webkit-text-fill-color:color-mix(in srgb,var(--text) 72%,#94a3b8)}
body.autoerp-ui .page .form-grid>label,body.autoerp-ui .page .field{font-size:var(--ui-font-label,13px)!important;color:color-mix(in srgb,var(--text) 72%,var(--primary))!important}
body.autoerp-ui .page .field>span:first-child,body.autoerp-ui .page .form-grid>label>span:first-child{color:color-mix(in srgb,var(--text) 78%,var(--primary))!important}
body.autoerp-ui .page .line-row select,body.autoerp-ui .page .line-row input{font-size:var(--ui-font-small,12px)!important}

/* Customer KYC photo cards. */
.customer-photo-field input[type="file"]{background:linear-gradient(145deg,#f7fbff,#fff)!important}
.kyc-photo-preview{display:flex;align-items:center;gap:10px;margin:5px 0 7px;padding:8px;border:1px solid #dce9f6;border-radius:12px;background:#f8fbff}
.kyc-photo-preview img{width:68px;height:48px;object-fit:cover;border-radius:9px;border:1px solid #d8e5f2;background:#fff}
.kyc-photo-preview span{font-size:10px;color:#65809d;font-weight:750}
.detail-photo-card{overflow:hidden}.detail-photo-card img{width:72px;height:58px;object-fit:cover;border-radius:10px;border:1px solid #dce7f2;background:#fff;flex:0 0 auto}

/* Dedicated wholesale page. */
.wholesale-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;padding:17px 18px;background:radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 35%),linear-gradient(135deg,#f9fcff,#f1f8ff)}
.wholesale-hero h2{margin:3px 0 4px;font-size:18px;color:#17395f}.wholesale-hero p{margin:0;color:#6f86a0;font-size:10px}.wholesale-hero-actions{display:flex;gap:7px;flex-wrap:wrap}
.wholesale-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.wholesale-kpi{padding:12px 13px;border:1px solid #e1ebf6;border-radius:15px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 8px 21px rgba(42,80,124,.045)}.wholesale-kpi small{display:block;color:#778da6;font-size:9px}.wholesale-kpi strong{display:block;margin-top:3px;color:#1c456d;font-size:16px}.wholesale-kpi em{display:block;margin-top:2px;color:#8aa0b6;font-size:8px;font-style:normal}
.wholesale-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 170px auto auto;gap:8px;align-items:center;margin-bottom:10px}.wholesale-filterbar .search-box{max-width:none}.wholesale-filterbar select{margin:0!important;min-height:38px!important}.wholesale-records{display:grid;gap:7px}.wholesale-record{display:grid;grid-template-columns:38px minmax(0,1.5fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(120px,.7fr) 18px;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e7eef7;border-radius:14px;background:#fbfdff;color:inherit;transition:.16s}.wholesale-record:hover{transform:translateY(-1px);background:#fff;border-color:#cfe0f1;box-shadow:0 8px 20px rgba(42,82,128,.055)}.wholesale-record strong{font-size:11px;color:#234967}.wholesale-record small{display:block;margin-top:2px;color:#7d91a7;font-size:8px}.wholesale-money{text-align:right}.wholesale-money b{display:block;color:#214d76;font-size:11px}.wholesale-money span{display:block;font-size:8px;color:#8095ab}.wholesale-gstin{font-size:8px;color:#42698f}.wholesale-arrow{font-size:18px;color:#6f91b8}
.wholesale-form-note{grid-column:1/-1;padding:9px 11px;border:1px solid #d8e8f7;border-radius:12px;background:linear-gradient(135deg,#f3f9ff,#fbfffd);color:#50708f;font-size:9px}

/* Product/device challan designer language. */
.device-field-grid .permission-item{min-height:44px}.device-doc-hint{padding:9px 11px;border-radius:12px;background:#f4f9ff;border:1px solid #dceaf7;color:#587694;font-size:9px;line-height:1.45}

@media(max-width:900px){.wholesale-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.wholesale-filterbar{grid-template-columns:1fr 1fr}.wholesale-filterbar .search-box{grid-column:1/-1}.wholesale-record{grid-template-columns:36px minmax(0,1fr) auto}.wholesale-record .wholesale-gstin,.wholesale-record .wholesale-paid{display:none}}
@media(max-width:600px){.wholesale-hero{align-items:flex-start;flex-direction:column}.wholesale-hero-actions{width:100%}.wholesale-hero-actions>*{flex:1}.wholesale-kpis{grid-template-columns:1fr 1fr}.wholesale-filterbar{grid-template-columns:1fr}.wholesale-filterbar>*{grid-column:auto!important}.wholesale-record{grid-template-columns:34px minmax(0,1fr) 14px}.wholesale-money{grid-column:2;text-align:left}.wholesale-arrow{grid-column:3;grid-row:1/3}}

/* ========================================================================
   PhoneLedger v1.2.1 — light sidebar text/contrast hotfix
   The AutoERP glass sidebar is intentionally light. v1.2.0 incorrectly
   reused --on-secondary for its foreground, which can resolve to white.
   ======================================================================== */
body.autoerp-ui aside.sidebar{
  color:#173461!important;
  -webkit-text-fill-color:initial!important;
}
body.autoerp-ui aside.sidebar .brand,
body.autoerp-ui aside.sidebar .brand-copy,
body.autoerp-ui aside.sidebar .brand-copy strong{
  color:#102e5c!important;
  -webkit-text-fill-color:#102e5c!important;
}
body.autoerp-ui aside.sidebar .brand-copy small{
  color:#48658f!important;
  -webkit-text-fill-color:#48658f!important;
}
body.autoerp-ui aside.sidebar .nav-link:not(.active),
body.autoerp-ui aside.sidebar .nav-link:not(.active) .nav-label,
body.autoerp-ui aside.sidebar .nav-link:not(.active) .nav-arrow{
  color:#1b3d6d!important;
  -webkit-text-fill-color:#1b3d6d!important;
  opacity:1!important;
}
body.autoerp-ui aside.sidebar .nav-link:not(.active):hover,
body.autoerp-ui aside.sidebar .nav-link:not(.active):hover .nav-label,
body.autoerp-ui aside.sidebar .nav-link:not(.active):hover .nav-arrow{
  color:#102f5f!important;
  -webkit-text-fill-color:#102f5f!important;
}
body.autoerp-ui aside.sidebar .nav-link.active,
body.autoerp-ui aside.sidebar .nav-link.active .nav-label,
body.autoerp-ui aside.sidebar .nav-link.active .nav-arrow,
body.autoerp-ui aside.sidebar .nav-link.active .nav-icon{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
body.autoerp-ui aside.sidebar .sidebar-bottom,
body.autoerp-ui aside.sidebar .version-line,
body.autoerp-ui aside.sidebar .powered-line,
body.autoerp-ui aside.sidebar .copyright-line{
  color:#5d789e!important;
  -webkit-text-fill-color:#5d789e!important;
  opacity:1!important;
}
body.autoerp-ui aside.sidebar .sidebar-bottom .ghost-btn{
  color:#234878!important;
  -webkit-text-fill-color:#234878!important;
}

/* ========================================================================
   PhoneLedger v1.2.2 — structured purchase device specs + sale auto-fetch
   ======================================================================== */
.device-purchase-lines,.sale-device-lines{display:grid;gap:10px}.device-purchase-line,.sale-device-line{border:1px solid rgba(88,137,194,.16);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,250,255,.82));box-shadow:0 10px 26px rgba(47,88,139,.055);overflow:hidden}.device-line-toolbar{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid rgba(93,138,190,.11)}.device-line-toolbar strong{font-size:10px;color:#244c76}.device-line-number{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#6557ff));color:#fff;font-size:10px;font-weight:900;box-shadow:0 7px 14px color-mix(in srgb,var(--primary) 20%,transparent)}.tracked-badge,.purchase-source-badge{margin-left:auto;padding:4px 8px;border-radius:999px;background:#edf8ff;border:1px solid #d7eafb;color:#39709f;font-size:7px;font-weight:900;letter-spacing:.06em}.device-line-toolbar .icon-remove{margin-left:0}.device-line-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;padding:11px 12px}.device-line-main .span-5{grid-column:span 5}.device-line-main .span-2{grid-column:span 2}.device-line-main .span-1{grid-column:span 1}
.tracked-device-specs{margin:0 12px 12px;padding:11px;border-radius:15px;border:1px solid #dceaf6;background:linear-gradient(135deg,#f6fbff,#fbfffd)}.tracked-device-specs[hidden],.apple-device-field[hidden],.sale-device-preview[hidden],.sale-device-spec-grid>[hidden]{display:none!important}.device-spec-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.device-spec-heading>div,.sale-device-preview-head>div{display:flex;align-items:center;gap:8px}.device-spec-heading>div>div,.sale-device-preview-head>div>div{display:grid}.device-spec-heading strong,.sale-device-preview-head strong{font-size:10px;color:#244d76}.device-spec-heading small,.sale-device-preview-head small{font-size:7px;color:#7890a8}.device-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.device-spec-grid .field{margin:0}.device-spec-grid .field span small{font-size:7px;color:#7d91a8}.apple-device-field{border-radius:12px;padding:6px;background:linear-gradient(145deg,#fbf8ff,#f6fbff);border:1px solid #e5ddfb}.device-spec-note{margin-top:9px;padding:8px 10px;border-radius:11px;background:#fff;border:1px dashed #d3e2ef;color:#627f9c;font-size:8px;line-height:1.45}
.sale-line-grid{display:grid;grid-template-columns:minmax(210px,1.6fr) minmax(240px,1.8fr) 74px 100px 78px 90px 32px;gap:8px;align-items:end;padding:11px 12px}.sale-line-grid .field{margin:0}.sale-remove{margin-bottom:2px}.sale-device-preview{margin:0 12px 12px;padding:10px 11px;border-radius:15px;border:1px solid #d9e9f6;background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--primary) 8%,transparent),transparent 28%),linear-gradient(145deg,#f8fcff,#fff)}.sale-device-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.sale-device-spec-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sale-device-spec-grid>div{min-width:0;padding:7px 8px;border:1px solid #e2edf7;border-radius:10px;background:#fff}.sale-device-spec-grid small{display:block;color:#8194aa;font-size:7px}.sale-device-spec-grid b{display:block;margin-top:2px;color:#294f76;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-source-badge{margin-left:0;background:#eef8f3;border-color:#d7eee1;color:#2d8660}
.invoice-device-specs{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.invoice-device-specs span{padding:3px 6px;border-radius:999px;background:#f1f7fd;border:1px solid #dce9f5;color:#466b8f;font-size:7px;font-weight:750}.invoice-device-battery{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;color:#7455a8;font-size:8px}.identity-stack{display:grid;gap:3px;justify-items:start}.identity-stack .identifier-chip{display:inline-flex;width:max-content;max-width:100%}
.purchase-detail-list{display:grid;gap:9px;padding:0 12px 12px}.purchase-detail-item{padding:11px;border:1px solid #e0eaf4;border-radius:15px;background:#fbfdff}.purchase-detail-main{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.purchase-detail-main h3{margin:2px 0;font-size:11px;color:#244b72}.purchase-detail-main small{font-size:7px;color:#7c90a5}.purchase-line-money{text-align:right;display:grid;gap:2px}.purchase-line-money strong{font-size:12px;color:#214e78}.purchase-line-money span{font-size:7px;color:#7f93a8}.purchase-device-cards{display:grid;gap:7px;margin-top:9px}.purchase-device-card{padding:9px;border:1px solid #dce9f4;border-radius:12px;background:#fff}.purchase-device-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}.purchase-device-card-head strong{font-size:9px;color:#2c5278}.purchase-device-card-head span{font-size:7px;font-weight:850;color:#4a769f;background:#eef7ff;border:1px solid #dbeaf8;padding:3px 6px;border-radius:999px}.purchase-device-spec-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.purchase-device-spec-grid>div{padding:6px 7px;border-radius:9px;background:#f7fbff;border:1px solid #e6eef6;min-width:0}.purchase-device-spec-grid small{display:block;font-size:6px;color:#8697a9}.purchase-device-spec-grid b{display:block;margin-top:1px;font-size:8px;color:#315576;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantity-stock-note{margin-top:8px;padding:7px 9px;border-radius:10px;background:#f7fafc;border:1px dashed #dbe5ee;color:#75889a;font-size:8px}
@media(max-width:1200px){.device-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sale-line-grid{grid-template-columns:minmax(200px,1.3fr) minmax(220px,1.5fr) 70px 92px 72px 84px 30px}.sale-device-spec-grid,.purchase-device-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.device-line-main{grid-template-columns:1fr 1fr}.device-line-main .span-5,.device-line-main .span-2,.device-line-main .span-1{grid-column:span 1}.device-line-main .span-5{grid-column:1/-1}.device-spec-grid{grid-template-columns:1fr 1fr}.sale-line-grid{grid-template-columns:1fr 1fr}.sale-product-field,.sale-unit-field{grid-column:1/-1}.sale-remove{justify-self:end}.sale-device-spec-grid,.purchase-device-spec-grid{grid-template-columns:1fr 1fr}.purchase-detail-main{display:grid}.purchase-line-money{text-align:left}.purchase-source-badge{display:none}}
@media(max-width:480px){.device-spec-grid,.sale-device-spec-grid,.purchase-device-spec-grid{grid-template-columns:1fr}.device-line-main{grid-template-columns:1fr}.device-line-main .span-5,.device-line-main .span-2,.device-line-main .span-1{grid-column:1/-1}.sale-line-grid{grid-template-columns:1fr}.sale-product-field,.sale-unit-field{grid-column:auto}}

/* ========================================================================
   PhoneLedger v1.3.0 — Repair / Job Cards, Party Ledgers & Reporting
   ======================================================================== */
.repair-command-hero,.repair-intake-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,250,255,.9))}.repair-command-hero h2,.repair-intake-strip h2{margin:3px 0 4px;color:#173a64;font-size:18px}.repair-command-hero p,.repair-intake-strip p{margin:0;color:#6e86a0;font-size:9px}.repair-stage-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.repair-stage-chips span{padding:6px 9px;border:1px solid #dce8f4;border-radius:999px;background:#fff;color:#466b91;font-size:7px;font-weight:850;box-shadow:0 6px 16px rgba(42,85,130,.05)}
.repair-summary-grid{margin:12px 0}.repair-filters{grid-template-columns:minmax(200px,1.8fr) repeat(4,minmax(120px,1fr)) auto}.repair-form{display:grid;gap:12px}.repair-section{overflow:visible}.repair-section .panel-head{padding-bottom:7px}.device-type-switch{display:flex;gap:8px;padding:0 14px 12px}.device-type-switch label{cursor:pointer}.device-type-switch input{position:absolute;opacity:0;pointer-events:none}.device-type-switch span{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #dce7f2;border-radius:13px;background:#f8fbfe;color:#4d6c8c;font-size:9px;font-weight:850;transition:.18s ease}.device-type-switch input:checked+span{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#6158ff));border-color:transparent;color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 22%,transparent)}
.repair-lines{display:grid;gap:8px;padding:0 12px 13px}.repair-line{display:grid;grid-template-columns:115px minmax(160px,1.1fr) minmax(200px,1.8fr) 82px 100px 105px 30px;align-items:end;gap:8px;padding:10px;border:1px solid #e0eaf4;border-radius:15px;background:linear-gradient(145deg,#fbfdff,#f7fbff)}.repair-line .field{margin:0;min-width:0}.repair-line-description{min-width:0}.repair-line-total{display:grid;gap:3px;align-self:stretch;align-content:center;padding:6px 8px;border:1px solid #e4edf6;border-radius:10px;background:#fff}.repair-line-total small{font-size:6px;color:#8295a8}.repair-line-total strong{font-size:9px;color:#24527c}.icon-danger-btn{width:29px;height:29px;border:1px solid #ffd9de;border-radius:9px;background:#fff5f6;color:#c94152;font-weight:900;cursor:pointer}.repair-financial-section{margin-bottom:80px}.repair-total-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 13px 13px;padding:10px;border:1px solid #dce8f3;border-radius:15px;background:#f7fbff}.repair-total-preview>div{padding:8px 9px;border-radius:10px;background:#fff;border:1px solid #e5edf6}.repair-total-preview small{display:block;font-size:6px;color:#8296aa}.repair-total-preview b{display:block;margin-top:2px;color:#285177;font-size:10px}.repair-total-preview .grand{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,#fff),#fff)}.repair-total-preview .grand b{color:var(--primary);font-size:12px}
.repair-card-list{display:grid;gap:7px;padding:0 11px 12px}.repair-record-card{display:grid;grid-template-columns:38px minmax(230px,2fr) minmax(120px,.8fr) minmax(115px,.75fr) auto 16px;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e1eaf3;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:.16s ease}.repair-record-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 25%,#dfe9f3);box-shadow:0 10px 26px rgba(40,83,128,.07)}.repair-record-main,.repair-record-tech,.repair-record-money{display:grid;gap:2px;min-width:0}.repair-record-main small,.repair-record-tech small,.repair-record-money small{font-size:6px;color:#8496a8}.repair-record-main strong{font-size:9px;color:#244d74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repair-record-main em,.repair-record-tech em,.repair-record-money em{font-style:normal;font-size:7px;color:#71879d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repair-record-tech b,.repair-record-money b{font-size:8px;color:#315879}.repair-open-arrow{font-size:18px;color:#8ba1b7}
.status.received,.status.diagnosis,.status.awaiting_approval,.status.approved,.status.in_repair,.status.waiting_parts,.status.ready,.status.delivered,.status.cancelled{font-size:6px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.status.received{background:#edf6ff;color:#3775ad}.status.diagnosis{background:#f4f0ff;color:#6c50b8}.status.awaiting_approval{background:#fff6e9;color:#a56520}.status.approved{background:#ebfbf2;color:#2d8760}.status.in_repair{background:#eef2ff;color:#4e62bc}.status.waiting_parts{background:#fff1f1;color:#ac4f4f}.status.ready{background:#e9faf5;color:#248167}.status.delivered{background:#eaf8ed;color:#2e7c44}.status.cancelled{background:#f5f6f8;color:#7a8390}
.repair-detail-top{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:12px}.repair-device-panel,.repair-customer-panel{min-width:0}.repair-device-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.repair-device-title .record-avatar{width:38px;height:38px}.spec-chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.spec-chip-grid span{padding:7px 8px;border:1px solid #e2ebf4;border-radius:10px;background:#f9fcff;min-width:0}.spec-chip-grid small{display:block;color:#8497aa;font-size:6px}.spec-chip-grid b{display:block;margin-top:2px;color:#294f74;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repair-identities{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.warranty-card{margin-top:9px;padding:9px 10px;border-radius:12px;border:1px solid #e5e4f6;background:linear-gradient(135deg,#fbf9ff,#f8fcff);display:grid;gap:2px}.warranty-card small{font-size:6px;color:#8c83a6}.warranty-card strong{font-size:9px;color:#5d518a}.warranty-card span,.warranty-card em{font-size:7px;color:#756f8e;font-style:normal}.repair-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin:12px 0}.repair-notes-stack{display:grid;gap:7px;padding:0 12px 12px}.repair-notes-stack>div{padding:8px 9px;border:1px solid #e5edf4;border-radius:11px;background:#fbfdff}.repair-notes-stack small{font-size:6px;color:#8296aa;font-weight:800}.repair-notes-stack p{margin:3px 0 0;color:#355674;font-size:8px;line-height:1.5}.timeline-list{display:grid;gap:9px;padding:0 12px 10px}.timeline-list>div{display:grid;grid-template-columns:10px 1fr;gap:8px}.timeline-list>div>span{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}.timeline-list strong{font-size:8px;color:#2b5277}.timeline-list small{display:block;margin-top:2px;font-size:6px;color:#8295a8}.timeline-list p{margin:3px 0 0;font-size:7px;color:#617b95}.repair-status-form{display:grid;gap:7px;padding:10px 12px 12px;border-top:1px solid #edf1f5}.repair-status-form .field{margin:0}.repair-job-summary{margin:10px 12px 12px auto;max-width:340px}
.party-ledger-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px}.party-ledger-profile{display:flex;align-items:center;gap:11px;min-width:0}.party-ledger-profile h2{margin:2px 0;color:#173a64;font-size:17px}.party-ledger-profile p{margin:0;color:#7189a0;font-size:8px}.party-ledger-actions{display:flex;gap:7px;flex-wrap:wrap}.ledger-balance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:11px 0}.ledger-balance-card{padding:11px 12px;border:1px solid #e1eaf3;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 9px 22px rgba(42,84,126,.04)}.ledger-balance-card small{display:block;color:#8295a8;font-size:6px}.ledger-balance-card strong{display:block;margin-top:4px;color:#244f78;font-size:13px}.ledger-balance-card em{display:block;margin-top:2px;font-size:6px;color:#7d91a5;font-style:normal}.ledger-balance-card.closing{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,#fff),#fff);border-color:color-mix(in srgb,var(--primary) 18%,#dfe8f2)}.ledger-running{font-weight:850;color:#315779}.ledger-reference a{font-weight:800;color:var(--primary);text-decoration:none}.ledger-reference a:hover{text-decoration:underline}.ledger-row-opening td{background:#fafcff}.ledger-dr{color:#a34755}.ledger-cr{color:#277d5e}
.report-library{margin-top:12px}.report-library-group+.report-library-group{margin-top:12px}.report-library-title{display:flex;align-items:center;gap:7px;margin:0 0 6px 3px;color:#496986;font-size:8px}.report-library-title span{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)}.report-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.report-module-tile{min-width:0}.reports-hero-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.enhanced-report-filters{grid-template-columns:minmax(190px,1.4fr) 135px 135px auto auto auto}.enhanced-report-summary{margin:11px 0}
@media(max-width:1200px){.repair-line{grid-template-columns:110px minmax(150px,1fr) minmax(180px,1.5fr) 75px 90px 95px 30px}.repair-record-card{grid-template-columns:38px minmax(220px,2fr) minmax(100px,.8fr) minmax(100px,.7fr) auto 14px}.report-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.repair-filters{grid-template-columns:1.5fr repeat(2,1fr);}.enhanced-report-filters{grid-template-columns:1.3fr 1fr 1fr}.enhanced-report-filters button,.enhanced-report-filters a{min-height:34px}.spec-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.repair-command-hero,.repair-intake-strip,.party-ledger-hero{align-items:flex-start;flex-direction:column}.repair-stage-chips{justify-content:flex-start}.repair-line{grid-template-columns:1fr 1fr}.repair-line-description{grid-column:1/-1}.repair-record-card{grid-template-columns:36px minmax(0,1fr) auto}.repair-record-tech,.repair-record-money{grid-column:2}.repair-record-card>.status{grid-column:3;grid-row:1}.repair-open-arrow{grid-column:3;grid-row:2/4}.repair-detail-top,.repair-detail-grid{grid-template-columns:1fr}.report-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-balance-strip{grid-template-columns:1fr 1fr}.repair-total-preview{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.repair-filters,.enhanced-report-filters{grid-template-columns:1fr}.repair-filters>*,.enhanced-report-filters>*{grid-column:auto!important}.repair-line{grid-template-columns:1fr}.repair-line-description{grid-column:auto}.repair-record-card{grid-template-columns:34px minmax(0,1fr) 14px}.repair-record-tech,.repair-record-money{grid-column:2}.repair-record-card>.status{grid-column:2;grid-row:auto;justify-self:start}.repair-open-arrow{grid-column:3;grid-row:1/5}.spec-chip-grid,.report-tile-grid,.ledger-balance-strip,.repair-total-preview{grid-template-columns:1fr}.device-type-switch{flex-direction:column}.device-type-switch label,.device-type-switch span{width:100%}.party-ledger-actions{width:100%}.party-ledger-actions>*{flex:1;text-align:center}}