/* GENERATED CONSERVATIVE CSS BUNDLE
 * surface=home
 * bundle=auto-home-01.css
 * Only directly contiguous link tags were merged.
 */

/* ===== SOURCE: assets/app.css ===== */
@font-face{font-family:InterV2;src:url('./inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#172033;--muted:#69758c;--line:#e5e9f2;--surface:#fff;--canvas:#f5f7fb;--nav:#101827;--nav2:#172238;--brand:#6457f2;--brand2:#4279ee;--success:#15966b;--warning:#d98918;--danger:#d84658;--radius:16px;--shadow:0 12px 35px rgba(25,35,60,.07)}
*{box-sizing:border-box}html{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong{font-family:'Manrope',sans-serif}button,a{touch-action:manipulation}.eyebrow{margin:0 0 8px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.13em}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:0;border-radius:11px;font-weight:700;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 9px 22px rgba(84,88,235,.24)}.button-dark{color:#fff;background:#1d293d}.button-ghost{color:var(--ink);background:#fff;border:1px solid var(--line)}.button-wide{width:100%}.brand{display:flex;align-items:center;gap:11px}.brand>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#786cf5,#3e77ec);font:800 13px 'Manrope'}.brand strong{font-size:16px;line-height:1}.brand small{display:block;margin-top:5px;color:#8090ab;font:700 8px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}
/* Authentication */
.auth-body{min-height:100vh;background:#f3f5fa}.auth-shell{display:grid;grid-template-columns:minmax(420px,46%) 1fr;min-height:100vh}.auth-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px 56px;color:#fff;background:radial-gradient(circle at 18% 12%,rgba(105,92,242,.44),transparent 34%),radial-gradient(circle at 80% 85%,rgba(39,121,238,.27),transparent 37%),#0c1525}.auth-story:after{content:'';position:absolute;right:-140px;bottom:-150px;width:440px;height:440px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.brand-light small{color:#a9b4ca}.auth-message{position:relative;z-index:1;max-width:580px}.auth-message .eyebrow{color:#9d96ff}.auth-message h1{margin-bottom:22px;font-size:clamp(42px,5vw,69px);line-height:1.03;letter-spacing:-.055em}.auth-message>p:not(.eyebrow){max-width:530px;color:#b6c0d2;font-size:17px;line-height:1.7}.auth-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.auth-proof span{padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);font-size:12px}.auth-foot{position:relative;z-index:1;margin:0;color:#74829b;font-size:11px}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(440px,100%)}.auth-card-head{margin-bottom:30px}.auth-card-head h2{margin-bottom:10px;font-size:29px;letter-spacing:-.035em}.auth-card-head>p:last-child{color:var(--muted)}.form-stack{display:grid;gap:18px}.form-stack label:not(.check-row),.dialog-body label{display:grid;gap:8px}.form-stack label>span,.dialog-body label>span{font-size:13px;font-weight:700}.form-stack input,.dialog-body input,.dialog-body textarea,.catalog-toolbar input,.catalog-toolbar select{width:100%;border:1px solid #dfe4ee;border-radius:11px;outline:0;background:#fff;color:var(--ink)}.form-stack input,.dialog-body input,.dialog-body textarea{padding:13px 14px}.form-stack input:focus,.dialog-body input:focus,.dialog-body textarea:focus,.catalog-toolbar input:focus,.catalog-toolbar select:focus{border-color:#877cf4;box-shadow:0 0 0 4px rgba(100,87,242,.1)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.check-row input{width:16px}.form-error{padding:12px 14px;border-radius:10px;color:#ad243b;background:#fff0f2;font-size:13px}.auth-switch{margin:24px 0 0;text-align:center;color:var(--muted);font-size:13px}.auth-switch a{color:var(--brand);font-weight:700}
/* Application shell */
.app-frame{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:30;display:flex;flex-direction:column;height:100vh;padding:25px 16px 16px;color:#c4cce0;background:linear-gradient(180deg,var(--nav),#0b1321)}.sidebar .brand{padding:0 8px 25px;color:#fff;border-bottom:1px solid rgba(255,255,255,.07)}.side-nav{display:grid;gap:5px;margin-top:23px}.side-nav p{margin:14px 11px 5px;color:#66748e;font-size:9px;font-weight:800;letter-spacing:.14em}.side-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:600}.side-nav a i{width:20px;color:#8593af;font-style:normal;text-align:center}.side-nav a em{margin-left:auto;padding:2px 6px;border-radius:5px;color:#8490a8;background:rgba(255,255,255,.06);font-size:8px;font-style:normal;text-transform:uppercase}.side-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}.side-nav a.active{color:#fff;background:linear-gradient(110deg,rgba(101,87,242,.28),rgba(62,118,235,.16));box-shadow:inset 3px 0 #766af4}.side-nav a.active i{color:#a49cff}.side-status{display:flex;gap:10px;margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.035)}.side-status>span{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#35d49e;box-shadow:0 0 0 4px rgba(53,212,158,.1)}.side-status strong,.side-status small,.side-user strong,.side-user small{display:block}.side-status strong{color:#dfe5f2;font-size:10px}.side-status small{margin-top:4px;color:#76849e;font-size:8px}.side-user{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px}.side-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#6659ee,#4180e9);font-size:12px;font-weight:800}.side-user strong{max-width:150px;overflow:hidden;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.side-user small{max-width:150px;margin-top:3px;overflow:hidden;color:#75839c;font-size:8px;text-overflow:ellipsis}.app-main{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;height:72px;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.93);backdrop-filter:blur(12px)}.icon-button{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#59657a;cursor:pointer}.menu-trigger{display:none}.topbar-context{margin-left:3px}.topbar-context span,.topbar-context strong{display:block}.topbar-context span{color:#909aad;font-size:9px}.topbar-context strong{margin-top:3px;font-size:13px}.topbar-actions{display:flex;align-items:center;gap:13px;margin-left:auto}.wallet{padding-right:16px;text-align:right;border-right:1px solid var(--line)}.wallet span,.wallet strong{display:block}.wallet span{color:#8b96aa;font-size:9px}.wallet strong{margin-top:3px;font-size:13px}.content{width:min(1460px,100%);margin:auto;padding:34px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.page-heading.compact{margin-bottom:18px}.page-heading h1{margin-bottom:7px;font-size:30px;letter-spacing:-.045em}.page-heading p:last-child{margin-bottom:0;color:var(--muted);font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 6px 20px rgba(25,35,60,.035)}.metric-card.accent{color:#fff;border:0;background:linear-gradient(135deg,#6155e9,#407de8);box-shadow:0 13px 28px rgba(76,92,226,.22)}.metric-card>div{display:flex;justify-content:space-between}.metric-card span{color:#7b879c;font-size:11px;font-weight:600}.metric-card.accent span,.metric-card.accent small{color:#d8d6ff}.metric-card b{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#6a61e5;background:#f0efff;font-size:12px}.metric-card.accent b{color:#fff;background:rgba(255,255,255,.15)}.metric-card>strong{display:block;margin:16px 0 5px;font:800 27px 'Manrope'}.metric-card small{color:#99a2b2;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-top:16px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.panel>header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid var(--line)}.panel h2{margin:0;font-size:16px}.panel>header a{color:var(--brand);font-size:11px;font-weight:700}.quick-panel{padding:20px}.quick-panel>header{padding:0 0 16px;border:0}.service-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-shortcuts a{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--line);border-radius:12px;transition:.18s}.service-shortcuts a:hover{border-color:#aaa4f7;transform:translateY(-2px)}.service-shortcuts i{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;color:#6258e6;background:#f0efff;font-style:normal}.service-shortcuts span{min-width:0}.service-shortcuts strong,.service-shortcuts small{display:block}.service-shortcuts strong{font-size:11px}.service-shortcuts small{margin-top:4px;color:#8a95a8;font-size:8px}.service-shortcuts b{margin-left:auto;color:#a5adbc}.notice-panel{padding:23px;color:#e7ebf4;background:radial-gradient(circle at 100% 0,rgba(103,88,240,.3),transparent 40%),#172238}.notice-panel .eyebrow{color:#9f98ff}.notice-panel h2{margin-bottom:12px;color:#fff;font-size:20px}.notice-panel>p:not(.eyebrow){color:#9eabc1;font-size:12px;line-height:1.65}.security-score{display:flex;align-items:center;gap:5px;margin-top:23px}.security-score span{width:30px;height:4px;border-radius:3px;background:#39c995}.security-score i{margin-left:7px;color:#8fa0ba;font-size:8px;font-style:normal}.table-panel{margin-top:16px;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{padding:11px 17px;color:#8a95a8;background:#fafbfc;font-size:9px;letter-spacing:.07em;text-align:left;text-transform:uppercase}td{padding:14px 17px;border-top:1px solid #edf0f5;font-size:11px}td strong,td small{display:block}td small{margin-top:4px;color:#929cad;font-size:8px}.table-link{padding:6px 9px;border:1px solid var(--line);border-radius:7px;font-weight:700}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;text-transform:capitalize}.status-pending{color:#a8680d;background:#fff5df}.status-processing{color:#3d62c8;background:#edf2ff}.status-completed{color:#127653;background:#e5f8f0}.status-cancelled,.status-failed{color:#b43146;background:#ffedf0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:25px;text-align:center}.empty-state i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:12px;color:#7167ea;background:#efeeff;font-style:normal}.empty-state strong{font-size:13px}.empty-state span{margin-top:6px;color:#8c96a8;font-size:10px}.empty-state a{margin-top:13px;color:var(--brand);font-size:10px;font-weight:700}.toast{margin-bottom:20px;padding:13px 15px;border-radius:11px;font-size:12px;font-weight:700}.toast.success{color:#106d4e;background:#e8f8f2}
/* Catalogue */
.type-tabs{display:flex;gap:5px;margin-bottom:14px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff}.type-tabs a{flex:1;padding:10px;border-radius:8px;color:#7c879a;font-size:11px;font-weight:700;text-align:center}.type-tabs a.active{color:#fff;background:#1c2739;box-shadow:0 6px 13px rgba(23,32,51,.15)}.catalog-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 230px auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.search-control{position:relative}.search-control span{position:absolute;left:14px;top:11px;color:#9aa3b2}.catalog-toolbar input,.catalog-toolbar select{height:42px;padding:0 13px}.catalog-toolbar .search-control input{padding-left:40px}.catalog-summary{display:flex;justify-content:space-between;margin:18px 2px 10px;color:#8994a7;font-size:10px}.catalog-summary strong{color:var(--ink)}.catalog-list{display:grid;gap:9px}.service-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.18s}.service-row:hover{border-color:#b9b4f5;box-shadow:0 10px 25px rgba(35,43,78,.07);transform:translateY(-1px)}.service-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:#6258e6;background:linear-gradient(145deg,#eeeefe,#e7f1ff);font:800 14px 'Manrope'}.service-info>div{display:flex;align-items:center;gap:7px}.service-group,.featured{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.service-group{color:#6b61e4}.featured{padding:3px 6px;border-radius:5px;color:#9e650e;background:#fff1d6}.service-info h2{margin:5px 0 5px;font-size:13px}.service-info p{margin:0;overflow:hidden;color:#828da0;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.service-meta{display:flex;gap:12px;margin-top:8px;color:#8f99aa;font-size:8px}.service-buy{min-width:150px;text-align:right}.service-buy small,.service-buy strong{display:block}.service-buy small{color:#919bad;font-size:8px}.service-buy strong{margin:4px 0 9px;font:800 15px 'Manrope'}.service-buy .button{min-height:35px;padding:8px 12px;font-size:10px}.order-dialog{width:min(570px,calc(100% - 28px));padding:0;border:0;border-radius:18px;color:var(--ink);box-shadow:0 30px 90px rgba(9,16,32,.35)}.order-dialog::backdrop{background:rgba(9,15,27,.62);backdrop-filter:blur(3px)}.order-dialog header{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.order-dialog header h2{margin:7px 0 6px;font-size:18px}.order-dialog header p{margin:0;color:var(--muted);font-size:10px}.order-dialog header button{width:33px;height:33px;border:0;border-radius:9px;background:#f1f3f7;font-size:20px;cursor:pointer}.dialog-body{display:grid;gap:15px;max-height:58vh;overflow:auto;padding:22px}.dialog-body label b{color:var(--danger)}.order-total{display:flex;justify-content:space-between;padding:14px;border-radius:10px;background:#f4f5fa;font-size:11px}.order-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid var(--line);background:#fafbfc}.pagination{margin-top:18px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.pagination svg{width:14px}.pagination a,.pagination span[aria-current]>span{display:inline-flex;padding:7px 10px;border:1px solid var(--line);background:#fff}.back-link{display:inline-block;margin-bottom:17px;color:var(--muted);font-size:11px;font-weight:700}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-card{padding:21px}.detail-card h2{margin-bottom:18px}.detail-card dl{display:grid;gap:0;margin:0}.detail-card dl div{display:grid;grid-template-columns:150px 1fr;padding:11px 0;border-top:1px solid var(--line)}.detail-card dt{color:#8a95a8;font-size:10px}.detail-card dd{margin:0;font-size:11px;font-weight:700;word-break:break-word}.sidebar-scrim{display:none}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.service-shortcuts{grid-template-columns:1fr 1fr}.app-frame{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.auth-shell{display:block}.auth-story{display:none}.auth-panel{min-height:100vh;padding:28px 20px}.app-frame{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:265px;transition:.22s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;z-index:25;background:rgba(10,16,28,.52)}.sidebar-open .sidebar-scrim{display:block}.topbar{height:64px;padding:0 16px}.menu-trigger{display:grid;margin-right:10px}.wallet span{display:none}.content{padding:23px 16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .button{width:100%}.metric-grid{grid-template-columns:1fr 1fr}.service-shortcuts{grid-template-columns:1fr}.catalog-toolbar{grid-template-columns:1fr}.service-row{grid-template-columns:auto minmax(0,1fr)}.service-buy{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:left}.service-buy strong{margin:3px 0}.detail-grid{grid-template-columns:1fr}}
@media(max-width:480px){.field-pair,.metric-grid{grid-template-columns:1fr}.auth-card-head h2{font-size:25px}.type-tabs{overflow:auto}.type-tabs a{min-width:70px}.service-info p{white-space:normal}.detail-card dl div{grid-template-columns:1fr;gap:5px}}
[hidden],dialog:not([open]){display:none!important}

/* Administration */
.admin-sidebar{background:linear-gradient(180deg,#111827,#0a111e)}.view-store{color:#667389;font-size:10px;font-weight:700}.toast.error{color:#a62e42;background:#ffedf0}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.7fr);gap:16px}.catalogue-health{margin-top:16px;overflow:hidden}.catalogue-health>div{display:grid}.catalogue-health a{display:grid;grid-template-columns:1fr auto auto;gap:13px;padding:16px 19px;border-top:1px solid var(--line);font-size:11px}.catalogue-health a:hover{background:#fafbfe}.catalogue-health strong{font:800 14px 'Manrope'}.catalogue-health i{color:#9ba4b4;font-style:normal}.admin-filter{grid-template-columns:minmax(260px,1fr) 160px 160px auto}.service-admin-table>header>small{color:#8b96a8;font-size:9px}.type-chip{display:inline-flex;padding:4px 7px;border-radius:6px;color:#6258d9;background:#efeeff;font-size:8px;font-weight:800;text-transform:uppercase}.positive{color:#11845d!important}.negative{color:#c33b50!important}.drawer-layer{position:fixed;inset:0;z-index:60}.drawer-scrim{position:absolute;inset:0;background:rgba(7,12,23,.55);backdrop-filter:blur(2px)}.editor-drawer{position:absolute;right:0;top:0;width:min(630px,100%);height:100%;overflow:auto;background:#fff;box-shadow:-20px 0 70px rgba(7,12,23,.22)}.editor-drawer.wide{width:min(810px,100%)}.editor-drawer>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;padding:24px 27px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.editor-drawer>header h2{margin:0 0 5px;font-size:21px}.editor-drawer>header p:last-child{margin:0;color:var(--muted);font-size:10px}.editor-drawer>header>a{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f0f2f6;font-size:20px}.drawer-form{padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label:not(.toggle-row),.new-field label,.balance-form label{display:grid;gap:7px}.form-grid label>span,.new-field label>span,.balance-form label>span{font-size:10px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.new-field input,.new-field select,.field-row input,.field-row select,.balance-form input,.admin-order-dialog select{width:100%;padding:11px 12px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.new-field input:focus,.field-row input:focus,.balance-form input:focus{border-color:#8880ed;box-shadow:0 0 0 3px rgba(100,87,242,.1)}.span-2{grid-column:1/-1}.toggle-row{display:flex;align-items:center;gap:9px;padding-top:23px;font-size:10px;font-weight:700}.toggle-row input{width:auto}.drawer-form>footer{display:flex;justify-content:flex-end;gap:8px;margin:24px -25px -25px;padding:18px 25px;border-top:1px solid var(--line);background:#fafbfc}.drawer-tabs{position:sticky;top:111px;z-index:2;display:flex;gap:4px;padding:9px 25px;border-bottom:1px solid var(--line);background:#fff}.drawer-tabs button{padding:9px 12px;border:0;border-radius:8px;color:#7d8799;background:transparent;font-size:10px;font-weight:700;cursor:pointer}.drawer-tabs button.active{color:#fff;background:#1a2638}.drawer-tabs button span{margin-left:4px;padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.15)}.field-builder{padding:25px}.field-builder-intro{margin-bottom:20px}.field-builder-intro h3{margin-bottom:8px}.field-builder-intro p:last-child{color:var(--muted);font-size:10px;line-height:1.5}.field-list{display:grid;gap:7px}.field-row{display:grid;grid-template-columns:1.25fr 1fr 100px auto auto auto;gap:7px;align-items:center;padding:10px;padding-right:43px;border:1px solid var(--line);border-radius:11px;background:#fff}.field-row label{display:flex;gap:5px;font-size:8px;white-space:nowrap}.field-row label input{width:auto}.field-row .button{min-height:36px;padding:7px 10px;font-size:9px}.field-list{position:relative}.field-delete{position:relative;height:0}.field-delete button{position:absolute;right:10px;bottom:18px;width:25px;height:25px;border:0;border-radius:7px;color:#b8374c;background:#ffedf0;cursor:pointer}.new-field{margin-top:22px;padding:18px;border:1px dashed #cbd1df;border-radius:13px;background:#fafbfe}.new-field h3{font-size:13px}.new-field>div{display:grid;grid-template-columns:1.3fr 1fr 120px;gap:10px}.new-field-options{display:flex!important;align-items:center;margin-top:12px}.new-field-options label{display:flex;align-items:center;gap:6px;font-size:9px}.new-field-options input{width:auto}.new-field-options .button{margin-left:auto}.danger-zone{margin:27px;padding:22px;border:1px solid rgba(206,60,82,.32);border-radius:13px;background:rgba(206,60,82,.065)}.danger-zone h3{color:#ae2e43}.danger-zone p{color:#7d6870;font-size:11px;line-height:1.6}.danger-button{color:#fff;background:#ce3c52}.admin-order-filter{grid-template-columns:minmax(260px,1fr) 190px auto}.admin-order-list{display:grid;gap:9px;margin-top:14px}.admin-order-card{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(180px,.8fr) 140px auto;gap:20px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:#fff}.order-main h2{margin:7px 0 4px;font-size:13px}.order-main p,.order-customer span,.order-amount span{margin:0;color:#8b96a8;font-size:8px}.order-customer small,.order-customer strong,.order-customer span,.order-amount small,.order-amount strong,.order-amount span{display:block}.order-customer small,.order-amount small{color:#919bad;font-size:8px}.order-customer strong,.order-amount strong{margin:4px 0;font-size:11px}.submitted-fields{display:grid;gap:7px}.submitted-fields>div{display:grid;grid-template-columns:150px 1fr;padding:10px;border-radius:8px;background:#f6f7fa}.submitted-fields span{color:#7e899b;font-size:9px}.submitted-fields strong{font-size:10px;word-break:break-word}.customer-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.single-search{grid-template-columns:minmax(260px,1fr) auto}.customer-admin-card{padding:18px}.customer-admin-card>header{display:flex;align-items:center;gap:11px}.customer-admin-card>header>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#6559ef,#4480ec);font-weight:800}.customer-admin-card>header div{min-width:0}.customer-admin-card>header h2{margin:0;font-size:13px}.customer-admin-card>header p{margin:4px 0 0;color:#8792a6;font-size:9px}.customer-admin-card>header i{margin-left:auto;font-style:normal}.customer-stats{display:grid;grid-template-columns:1fr 1fr;margin:16px 0;padding:13px;border-radius:10px;background:#f6f7fa}.customer-stats div+div{padding-left:15px;border-left:1px solid var(--line)}.customer-stats span,.customer-stats strong{display:block}.customer-stats span{color:#8b95a7;font-size:8px}.customer-stats strong{margin-top:4px;font-size:12px}.balance-form{display:grid;grid-template-columns:130px 1fr auto;gap:8px;align-items:end}.balance-form .button{min-height:39px;font-size:9px}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.finance-summary article{padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff}.finance-summary span,.finance-summary strong{display:block}.finance-summary span{color:#8994a6;font-size:9px}.finance-summary strong{margin-top:8px;font:800 20px 'Manrope'}.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.supplier-card{padding:18px}.supplier-card>header{display:flex;align-items:center;gap:11px}.supplier-card>header>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#6258e5;background:#efeeff;font-weight:800}.supplier-card h2{margin:3px 0 0;font-size:13px}.supplier-card header i{margin-left:auto;font-style:normal}.supplier-card dl{margin:17px 0}.supplier-card dl div{padding:10px 0;border-top:1px solid var(--line)}.supplier-card dt{color:#8c96a7;font-size:8px}.supplier-card dd{margin:4px 0 0;overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.text-danger{padding:0;border:0;color:#c2394e;background:transparent;font-size:9px;font-weight:700;cursor:pointer}
@media(max-width:1100px){.admin-dashboard-grid{grid-template-columns:1fr}.customer-admin-grid{grid-template-columns:1fr}.supplier-grid{grid-template-columns:1fr 1fr}.admin-order-card{grid-template-columns:minmax(260px,1fr) 170px auto}.order-amount{display:none}.field-row{grid-template-columns:1fr 1fr 90px}.field-row label{margin-top:4px}}
@media(max-width:760px){.view-store{display:none}.admin-filter,.admin-order-filter,.single-search{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.editor-drawer>header{padding:20px}.drawer-form,.field-builder{padding:18px}.drawer-tabs{top:100px;padding:8px 18px;overflow:auto}.admin-order-card{grid-template-columns:1fr auto}.order-customer{display:none}.supplier-grid,.finance-summary{grid-template-columns:1fr}.balance-form{grid-template-columns:1fr}.field-row,.new-field>div{grid-template-columns:1fr}.field-delete button{bottom:20px}.new-field-options{align-items:flex-start!important;flex-direction:column}.new-field-options .button{width:100%;margin:8px 0 0}}

/* Account, payments and support */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{overflow:hidden}.settings-card>header,.funding-form>header,.payment-history>header{padding:20px;border-bottom:1px solid var(--line)}.settings-card>header p:last-child,.funding-form>header p{margin:7px 0 0;color:var(--muted);font-size:10px}.settings-card.span-all{grid-column:1/-1}.settings-form{display:grid;gap:14px;padding:20px}.settings-form label,.gateway-fields label{display:grid;gap:7px}.settings-form label span,.gateway-fields label span{font-size:9px;font-weight:700}.settings-form input,.settings-form select,.gateway-fields input,.gateway-fields textarea,.reply-form textarea,.reply-form select{width:100%;padding:11px 12px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;outline:0}.settings-form .button{justify-self:start}.api-token-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.api-token-box p{margin:5px 0 0;color:var(--muted);font-size:10px}.token-reveal{display:grid;gap:6px;min-width:0}.token-reveal span{color:#8a95a8;font-size:9px}.token-reveal code{display:block;max-width:100%;overflow:auto;padding:11px;border-radius:8px;color:#3e347e;background:#f0efff;font-size:10px}.token-actions{display:flex;gap:8px;flex:none}.balance-hero{padding:15px 18px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#6256ea,#3e7cea);text-align:right}.balance-hero span,.balance-hero strong{display:block}.balance-hero span{color:#d8d6ff;font-size:8px}.balance-hero strong{margin-top:4px;font:800 18px 'Manrope'}.funds-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:15px}.payment-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px 17px;border-top:1px solid var(--line)}.payment-row strong,.payment-row small{display:block}.payment-row strong{font-size:11px}.payment-row small{margin-top:3px;color:#8b96a7;font-size:8px}.payment-row time{color:#8b96a7;font-size:8px}.conversation{overflow:hidden}.message-list{display:grid;gap:13px;padding:22px;background:#f8f9fc}.message{width:min(720px,90%);padding:15px;border:1px solid var(--line);border-radius:5px 14px 14px;background:#fff}.message.staff{justify-self:end;border-color:#dcd9ff;background:#f0efff}.message header{display:flex;justify-content:space-between;gap:20px}.message header strong{font-size:10px}.message header time{color:#8b96a8;font-size:8px}.message p{margin:10px 0 0;font-size:11px;line-height:1.65;white-space:pre-wrap}.reply-form{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:9px;align-items:end;padding:17px;border-top:1px solid var(--line)}.payment-review-list{display:grid;gap:10px}.payment-tabs{max-width:600px}.payment-review{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(350px,1fr) auto;align-items:center;gap:25px;padding:18px}.payment-review h2{margin:8px 0 4px;font-size:17px}.payment-review p{margin:0;color:var(--muted);font-size:9px}.payment-review dl{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0}.payment-review dt{color:#8b96a8;font-size:8px}.payment-review dd{margin:4px 0 0;font-size:10px;font-weight:700}.payment-actions{display:flex;gap:7px}.payment-actions .button{font-size:9px}.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gateway-card{padding:19px}.gateway-card>header{display:flex;align-items:center;justify-content:space-between}.gateway-card>header>div{display:flex;align-items:center;gap:10px}.gateway-card>header>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#6459e6;background:#efeeff;font-weight:800}.gateway-card h2{font-size:13px}.gateway-card>header label{font-size:9px;font-weight:700}.gateway-fields{display:grid;gap:12px;margin:17px 0}.gateway-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.supplier-actions{display:flex;align-items:center;justify-content:space-between}.supplier-actions .button{min-height:34px;padding:7px 11px;font-size:9px}
@media(max-width:900px){.payment-review{grid-template-columns:1fr auto}.payment-review dl{grid-column:1/-1;grid-row:2}.reply-form{grid-template-columns:1fr}.funds-grid{grid-template-columns:1fr}}
@media(max-width:760px){.settings-grid,.gateway-grid{grid-template-columns:1fr}.settings-card.span-all{grid-column:auto}.api-token-box{align-items:flex-start;flex-direction:column}.token-actions{width:100%}.token-actions form,.token-actions .button{width:100%}.payment-review{grid-template-columns:1fr}.payment-review dl{grid-template-columns:1fr}.payment-actions{width:100%}.payment-actions form,.payment-actions .button{flex:1}.reply-form{grid-template-columns:1fr}}

/* Professional service card catalogue */
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{display:flex;min-width:0;min-height:270px;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 28px rgba(24,35,62,.055);transition:border-color .18s,box-shadow .18s,transform .18s}.service-card:hover{border-color:#b8b1f7;box-shadow:0 18px 42px rgba(35,43,78,.1);transform:translateY(-3px)}.service-card-top{display:flex;align-items:center;gap:12px}.service-card-top>div:last-child{display:flex;min-width:0;flex-wrap:wrap;gap:6px}.service-card .service-info{margin-top:18px}.service-card .service-info h2{display:-webkit-box;min-height:42px;margin:0 0 9px;overflow:hidden;font-size:15px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.service-card .service-info p{display:-webkit-box;min-height:42px;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.service-card .service-meta{flex-wrap:wrap}.service-card .service-buy{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;width:100%;min-width:0;margin-top:auto;padding-top:20px;text-align:left}.service-card .service-buy strong{margin:4px 0 0}.service-card .service-buy .button{flex:none}.dialog-body select{width:100%;padding:13px 14px;border:1px solid #dfe4ee;border-radius:11px;background:#fff;color:var(--ink)}.field-help{color:var(--muted);font-size:10px;line-height:1.45}.field-checkbox{display:flex!important;align-items:center;gap:9px;font-weight:600!important}.field-checkbox input[type=checkbox]{width:18px;height:18px}.field-checkbox input[type=hidden]{display:none}
.side-nav-group{display:grid;gap:4px}.side-subnav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 5px 5px 43px}.side-subnav a{justify-content:center!important;padding:6px 4px!important;border-radius:7px!important;color:#74839d!important;font-size:8px!important;text-align:center}.side-subnav a.active{color:#fff!important;background:rgba(101,87,242,.22)!important;box-shadow:none!important}.admin-service-tabs{max-width:720px}.admin-filter{grid-template-columns:minmax(260px,1fr) 180px 160px auto}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.catalog-grid{grid-template-columns:1fr}.service-card{min-height:240px}.service-card .service-buy{align-items:stretch;flex-direction:column}.service-card .service-buy .button{width:100%}}

/* Keep flash feedback above drawers and order dialogs. */
.toast{position:fixed;top:86px;right:24px;z-index:1000;width:min(460px,calc(100vw - 32px));margin:0;border:1px solid rgba(20,35,60,.1);box-shadow:0 16px 40px rgba(16,28,52,.18);pointer-events:auto}

.gateway-card>header small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.gateway-toggle{display:flex;align-items:center;gap:7px}.gateway-fields label,.binance-create-fields label{display:grid;gap:7px}.gateway-fields label>span,.binance-create-fields label>span{font-size:10px;font-weight:700}.gateway-fields input,.gateway-fields select,.gateway-fields textarea,.binance-create-fields input,.binance-create-fields select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.gateway-security-note,.funding-security{display:grid;gap:4px;padding:13px;border:1px solid #dbe3ff;border-radius:11px;background:#f3f6ff}.gateway-security-note strong,.funding-security strong{color:#3f53b7;font-size:10px}.gateway-security-note span,.funding-security span,.gateway-help{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.binance-create-fields{display:grid;gap:13px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fafbff}.settings-form [data-manual-payment-fields]{display:grid;gap:13px}.funding-security{margin-top:2px}

html,h1,h2,h3,.brand strong,.brand>span{font-family:InterV2,system-ui,sans-serif}
.dialog-composite{display:block}.embedded-form{padding:0}.supplier-reference{display:grid;grid-template-columns:1fr auto;gap:4px;padding:13px;border-radius:9px;background:#edf2ff}.supplier-reference span,.supplier-reference small{color:#73809a;font-size:8px}.supplier-reference small{grid-column:1/-1}.supplier-reference strong{font-size:10px}.supplier-order-actions{align-items:center}.supplier-order-actions form{margin:0}
.group-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.group-column{overflow:hidden}.group-column>header{padding:17px;border-bottom:1px solid var(--line)}.group-admin-row{display:grid;grid-template-columns:minmax(150px,1fr) 72px auto auto auto;gap:7px;align-items:center;padding:11px 42px 11px 13px;border-top:1px solid var(--line)}.group-admin-row:first-child{border-top:0}.group-admin-row input{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px}.group-admin-row label,.group-admin-row span{color:#788396;font-size:8px;white-space:nowrap}.group-admin-row .button{min-height:33px;padding:6px 9px;font-size:8px}.group-remove{position:relative;height:0}.group-remove button{position:absolute;right:12px;bottom:17px;width:24px;height:24px;border:0;border-radius:6px;color:#bb354a;background:#ffedf0;cursor:pointer}@media(max-width:1050px){.group-admin-grid{grid-template-columns:1fr}}@media(max-width:600px){.group-admin-row{grid-template-columns:1fr 65px auto;padding-right:13px}.group-admin-row>span{display:none}.group-remove{height:auto}.group-remove button{position:static;margin:0 0 10px 13px}}

/* Theme system and security center */
html[data-theme="dark"]{color-scheme:dark;--ink:#edf2fb;--muted:#9da9bd;--line:#2a3548;--surface:#151e2d;--canvas:#0c1320;--nav:#080e18;--nav2:#101a2a;--brand:#8f83ff;--brand2:#5c94ff;--shadow:0 16px 42px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){html[data-theme="system"]{color-scheme:dark;--ink:#edf2fb;--muted:#9da9bd;--line:#2a3548;--surface:#151e2d;--canvas:#0c1320;--nav:#080e18;--nav2:#101a2a;--brand:#8f83ff;--brand2:#5c94ff;--shadow:0 16px 42px rgba(0,0,0,.28)}}
body,.app-body,.auth-body{color:var(--ink);background:var(--canvas)}.panel,.metric-card,.topbar,.customer-header,.type-tabs,.catalog-toolbar,.service-row,.order-dialog,.editor-drawer,.editor-drawer>header,.drawer-tabs,.customer-nav,.button-ghost,.icon-button,.finance-summary article,.admin-order-card,.field-row,.group-column,.gateway-card{color:var(--ink);border-color:var(--line);background:var(--surface)}
input,select,textarea,.settings-form input,.settings-form select,.gateway-fields input,.gateway-fields select,.gateway-fields textarea,.form-grid input,.form-grid select,.form-grid textarea,.new-field input,.new-field select,.field-row input,.field-row select,.balance-form input,.dialog-body input,.dialog-body select,.dialog-body textarea,.catalog-toolbar input,.catalog-toolbar select{color:var(--ink);border-color:var(--line);background:var(--surface)}
th,.drawer-form>footer,.order-dialog footer,.catalogue-health a:hover,.announcement-preview>div>a:hover{background:var(--canvas)}td,.panel>header,.settings-card>header,.funding-form>header,.payment-history>header,.customer-header{border-color:var(--line)}.customer-nav a:hover{background:var(--canvas)}.customer-stats,.submitted-fields>div,.order-total,.message-list,.new-field,.binance-create-fields{background:var(--canvas)}.message{background:var(--surface)}.button-dark,.customer-nav a.active,.type-tabs a.active{color:#fff;background:#222e42}.gateway-security-note,.funding-security{border-color:var(--line);background:color-mix(in srgb,var(--brand) 9%,var(--surface))}.gateway-security-note strong,.funding-security strong{color:var(--brand)}
.preference-button{font-size:10px;font-weight:800}.auth-panel{position:relative}.auth-locale{position:absolute;right:26px;top:22px}.auth-locale button,.auth-form-link a{border:0;color:var(--brand);background:transparent;font-size:11px;font-weight:800;cursor:pointer}.auth-form-link{margin-top:-9px;text-align:right}.auth-secondary-form{margin-top:12px}.verification-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:17px 20px}.verification-banner strong,.verification-banner span{display:block}.verification-banner span{margin-top:5px;color:var(--muted);font-size:10px}.preference-list{display:grid;gap:8px}.preference-list label{display:flex!important;align-items:center;gap:9px}.preference-list input{width:17px}.totp-setup{display:grid;justify-items:center;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);text-align:center}.totp-setup p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.totp-qr{display:grid;place-items:center;padding:10px;border-radius:10px;background:#fff}.totp-qr svg{width:180px;height:180px}.recovery-box{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.recovery-box p{margin:5px 0 10px;color:var(--muted);font-size:9px}.recovery-box>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.recovery-box code{padding:7px;border-radius:6px;background:var(--surface);font-size:9px;text-align:center}.settings-form.danger-zone{margin:0;padding:16px}.session-list{display:grid}.session-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border-top:1px solid var(--line)}.session-row:first-child{border-top:0}.session-row strong,.session-row span,.session-row small{display:block}.session-row span{max-width:900px;margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.session-row small{margin-top:4px;color:var(--muted);font-size:8px}.security-indicators{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.account-control-form{display:grid;gap:10px;margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--canvas)}.account-control-form>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.account-control-form label:not(.check-row){display:grid;gap:5px}.account-control-form label>span{font-size:8px;font-weight:700}.account-control-form select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface)}.account-control-form .button{justify-self:start}.customer-stats{grid-template-columns:repeat(3,1fr)}.password-reset-action{margin-top:10px}
@media(max-width:760px){.verification-banner,.session-row{align-items:stretch;flex-direction:column}.session-row .button,.verification-banner .button{width:100%}.account-control-form>div{grid-template-columns:1fr}.customer-stats{grid-template-columns:1fr}.customer-stats div+div{padding:10px 0 0;border:0}.auth-locale{right:15px;top:14px}}
.sidebar{overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#303b50 transparent}.gateway-security-note code{overflow-wrap:anywhere;word-break:break-word}.page-heading p:last-child{line-height:1.65}.customer-admin-card>header p,.customer-admin-card .security-indicators,.account-control-form label>span{line-height:1.45}
.token-actions{align-items:end}.token-create-form{display:flex;align-items:end;gap:8px}.token-create-form label{display:grid;gap:5px}.token-create-form label span{color:var(--muted);font-size:8px;font-weight:700}.token-create-form input{min-width:220px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface)}

/* Functional admin dashboard cards and professional order review. */
.metric-card-link{display:block;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}.metric-card-link:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));transform:translateY(-3px);box-shadow:0 14px 34px rgba(25,35,60,.1)}.metric-card-link.accent{color:#fff}.metric-card-link>div{display:flex;justify-content:space-between}
.admin-order-review-dialog{width:min(940px,calc(100% - 30px));max-height:calc(100vh - 30px);overflow:hidden;border-radius:21px}.admin-order-review-dialog .dialog-composite{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100vh - 30px)}.admin-order-review-dialog .admin-order-review-header{align-items:flex-start;padding:20px 22px}.order-review-title{display:flex;align-items:flex-start;gap:13px;min-width:0}.order-review-title>div{min-width:0}.order-review-title .status{margin-top:1px}.admin-order-review-dialog .admin-order-review-header h2{max-width:710px;margin:5px 0;font-size:18px;line-height:1.35}.admin-order-review-dialog .admin-order-review-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.72fr);gap:0;max-height:none;min-height:0;overflow:hidden;padding:0}.order-review-data{min-width:0;overflow:auto;padding:22px}.order-review-control{min-width:0;padding:22px;border-left:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 70%,var(--surface))}.order-review-section-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.order-review-section-title>span{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));font-size:8px;font-weight:850}.order-review-section-title strong,.order-review-section-title small{display:block}.order-review-section-title strong{font-size:11px}.order-review-section-title small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.4}.supplier-section-title{margin-top:20px}.review-submitted-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.review-submitted-fields>div{display:block;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.review-submitted-fields span,.review-submitted-fields strong{display:block}.review-submitted-fields span{font-size:8px;text-transform:uppercase;letter-spacing:.04em}.review-submitted-fields strong{margin-top:5px;font-size:10px;line-height:1.45}.review-supplier-reference{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;background:transparent}.review-supplier-reference>div{padding:12px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--brand) 7%,var(--surface))}.review-supplier-reference span,.review-supplier-reference strong{display:block}.review-supplier-reference strong{margin-top:5px;font-size:11px}.order-awaiting-supplier{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--warning) 28%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--warning) 7%,var(--surface))}.order-awaiting-supplier>span{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:8px;color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,var(--surface))}.order-awaiting-supplier strong,.order-awaiting-supplier small{display:block}.order-awaiting-supplier strong{font-size:10px}.order-awaiting-supplier small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}.order-supplier-error{display:grid;gap:4px;margin-top:10px;padding:11px;border-radius:9px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface));font-size:8px}.admin-order-state-form{display:grid;gap:10px}.admin-order-state-form label{display:grid;gap:5px}.admin-order-state-form label>span{font-size:9px;font-weight:750}.admin-order-state-form select,.admin-order-state-form textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);outline:0}.admin-order-state-form textarea{min-height:90px;resize:vertical}.admin-order-state-form select:focus,.admin-order-state-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.admin-order-state-form .button{justify-self:start;min-height:37px}.admin-order-review-dialog .supplier-order-actions{padding:12px 18px}.admin-order-review-dialog .supplier-order-actions .button{min-height:37px;font-size:10px}
@media(max-width:760px){.dashboard-metric-links{grid-template-columns:1fr 1fr}.admin-order-review-dialog .admin-order-review-body{grid-template-columns:1fr;overflow:auto}.order-review-data{overflow:visible;padding:17px}.order-review-control{padding:17px;border-top:1px solid var(--line);border-left:0}.review-submitted-fields{grid-template-columns:1fr}.admin-order-review-dialog .supplier-order-actions{flex-wrap:wrap}.admin-order-review-dialog .supplier-order-actions form{flex:1}.admin-order-review-dialog .supplier-order-actions form .button{width:100%}}
@media(max-width:520px){.dashboard-metric-links{grid-template-columns:1fr}.order-review-title{display:block}.order-review-title .status{margin-top:7px}.review-supplier-reference{grid-template-columns:1fr}}

/* Compact admin operations workspace */
.admin-body .app-frame{grid-template-columns:226px minmax(0,1fr)}.admin-body .sidebar{padding:18px 12px 12px}.admin-body .sidebar .brand{padding:0 7px 17px}.admin-body .side-nav{gap:3px;margin-top:13px}.admin-body .side-nav p{margin:9px 10px 3px;font-size:8px}.admin-body .side-nav>a,.admin-body .side-nav-group>a{padding:9px 10px;border-radius:9px;font-size:11px}.admin-body .side-subnav{padding:0 4px 3px 39px}.admin-body .side-subnav a{padding:5px 3px!important}.admin-body .side-status{padding:9px}.admin-body .side-user{margin-top:5px;padding:8px}.admin-body .topbar{height:62px;padding:0 23px}.admin-body .content{width:min(1540px,100%);padding:23px}.admin-body .page-heading{margin-bottom:18px}.admin-body .page-heading h1{font-size:27px}.admin-body .page-heading p:last-child{font-size:10px}.admin-command-heading{align-items:center}.admin-command-heading .button{min-height:39px;padding:8px 13px;font-size:9px}
.admin-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.admin-status-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:92px;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--surface);transition:transform .18s,border-color .18s,box-shadow .18s}.admin-status-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,35,62,.08)}.admin-status-card>i{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;font-size:17px;font-style:normal;font-weight:850}.admin-status-card span,.admin-status-card strong{display:block}.admin-status-card span{font-size:10px;font-weight:750}.admin-status-card strong{margin-top:5px;font:800 20px 'Manrope'}.admin-status-card>b{color:var(--muted);font-size:13px}.admin-status-card.waiting{background:color-mix(in srgb,#64748b 6%,var(--surface))}.admin-status-card.waiting>i{color:#5c6b7c;background:color-mix(in srgb,#64748b 16%,var(--surface))}.admin-status-card.processing{background:color-mix(in srgb,#e89000 7%,var(--surface))}.admin-status-card.processing>i{color:#c97900;background:color-mix(in srgb,#e89000 17%,var(--surface))}.admin-status-card.success{background:color-mix(in srgb,#18a77c 7%,var(--surface))}.admin-status-card.success>i{color:#118967;background:color-mix(in srgb,#18a77c 17%,var(--surface))}.admin-status-card.rejected{background:color-mix(in srgb,#df4050 7%,var(--surface))}.admin-status-card.rejected>i{color:#c93445;background:color-mix(in srgb,#df4050 16%,var(--surface))}
.admin-operations-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:12px;margin-top:12px}.admin-operations-left{display:grid;gap:12px}.admin-financial-panel{overflow:hidden}.admin-financial-panel>header,.admin-month-panel>header{padding:15px 17px}.admin-financial-list{display:grid}.admin-financial-list>a,.admin-month-panel>div>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--line);transition:background .18s}.admin-financial-list>a:first-child,.admin-month-panel>div>a:first-child{border-top:0}.admin-financial-list>a:hover,.admin-month-panel>div>a:hover{background:var(--canvas)}.admin-financial-list i,.admin-month-panel i{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;font-style:normal;font-weight:850}.admin-financial-list i.positive{color:#14936c;background:color-mix(in srgb,#18a77c 12%,var(--surface))}.admin-financial-list i.revenue{color:#6358e6;background:color-mix(in srgb,var(--brand) 12%,var(--surface))}.admin-financial-list span strong,.admin-financial-list span small,.admin-month-panel span strong,.admin-month-panel span small{display:block}.admin-financial-list span strong,.admin-month-panel span strong{font-size:10px}.admin-financial-list span small,.admin-month-panel span small{margin-top:3px;color:var(--muted);font-size:8px}.admin-financial-list>a>b,.admin-month-panel>div>a>b{font-size:11px;text-align:right}.admin-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-resource-grid>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:transform .18s,border-color .18s}.admin-resource-grid>a:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));transform:translateY(-2px)}.admin-resource-grid strong,.admin-resource-grid small{display:block}.admin-resource-grid strong{font:800 20px 'Manrope'}.admin-resource-grid small{margin-top:5px;color:var(--muted);font-size:9px}.admin-resource-grid i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));font-style:normal}.admin-month-panel{overflow:hidden}.admin-month-panel>div>a{min-height:64px}.admin-month-panel i.month-profit,.admin-month-panel i.month-success{color:#118967;background:color-mix(in srgb,#18a77c 13%,var(--surface))}.admin-month-panel i.month-payments{color:#178baa;background:color-mix(in srgb,#24abc8 12%,var(--surface))}.admin-month-panel i.month-customers{color:#c97900;background:color-mix(in srgb,#e89000 12%,var(--surface))}.admin-month-panel i.month-failed{color:#c93445;background:color-mix(in srgb,#df4050 12%,var(--surface))}
.admin-lower-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.55fr);align-items:start;gap:12px;margin-top:12px}.admin-latest-orders,.compact-catalogue-health{margin-top:0}.admin-latest-orders>header,.compact-catalogue-health>header{padding:14px 16px}.admin-latest-orders th{padding:8px 12px}.admin-latest-orders td{padding:10px 12px}.compact-catalogue-health a{padding:13px 15px}
.admin-body .type-tabs{margin-bottom:10px}.admin-body .catalog-toolbar{gap:8px;padding:10px;border-radius:12px}.admin-body .catalog-toolbar input,.admin-body .catalog-toolbar select{height:38px}.admin-body .service-admin-table{margin-top:10px}.admin-body .service-admin-table>header{padding:12px 14px}.admin-body .service-admin-table th{padding:8px 11px}.admin-body .service-admin-table td{padding:9px 11px}.admin-body .service-admin-table td:first-child{width:36px}.admin-body .service-admin-table td:nth-child(2){max-width:420px}.admin-body .service-admin-table td:nth-child(2)>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-body .service-admin-table .table-link{padding:5px 8px;font-size:8px}.admin-body .editor-drawer.wide{width:min(1080px,94vw)}.admin-body .editor-drawer>header{padding:16px 20px}.admin-body .editor-drawer>header h2{font-size:18px}.admin-body .drawer-tabs{top:94px;padding:7px 20px}.admin-body .drawer-form,.admin-body .field-builder{padding:18px 18px 20px}.admin-body .editor-drawer.wide .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-body .editor-drawer.wide .form-grid .span-2{grid-column:1/-1}.admin-body .form-grid input,.admin-body .form-grid select,.admin-body .form-grid textarea{padding:9px 10px}.admin-body .drawer-form>footer{margin:16px -18px -20px;padding:13px 18px}.admin-body .field-list{gap:6px}.admin-body .field-row{padding-top:8px;padding-bottom:8px}
@media(max-width:1180px){.admin-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-operations-grid{grid-template-columns:1fr}.admin-lower-grid{grid-template-columns:1fr}.admin-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-body .editor-drawer.wide .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-body .app-frame{display:block}.admin-body .content{padding:17px 14px}.admin-status-grid{grid-template-columns:1fr 1fr}.admin-status-card{min-height:78px;padding:11px}.admin-status-card>i{width:36px;height:36px}.admin-status-card>b{display:none}.admin-resource-grid{grid-template-columns:1fr 1fr}.admin-body .editor-drawer.wide{width:100%}.admin-body .editor-drawer.wide .form-grid{grid-template-columns:1fr}.admin-body .editor-drawer.wide .form-grid .span-2{grid-column:auto}}

/* Premium v4 interface finishing */
.search-control>.ui-icon{position:absolute;left:13px;top:50%;z-index:1;width:16px;height:16px;color:#8d99ad;transform:translateY(-50%)}
.editor-drawer>header>a .ui-icon{width:17px;height:17px}.field-delete button{display:grid;place-items:center}.field-delete button .ui-icon{width:13px;height:13px}.service-image-admin-preview span{display:grid;place-items:center}.service-image-admin-preview .ui-icon{width:22px;height:22px}.button>span{line-height:1}.admin-body .side-nav>a,.admin-body .side-nav-group>a{font-size:11.5px}.admin-body .side-subnav a{font-size:9.5px}.admin-body td{font-size:12.5px}.admin-body td small{font-size:9px}.admin-body .drawer-tabs button{font-size:10.5px}.admin-body .field-builder-intro p:last-child{font-size:10.5px}.admin-body .field-row label,.admin-body .new-field-options label{font-size:9.5px}
@media(max-width:480px){.admin-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-status-card{min-height:92px}.admin-status-card>i{width:32px;height:32px}.admin-status-card strong{font-size:18px}.admin-status-card span{font-size:8px}.admin-resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.admin-status-grid,.admin-resource-grid{grid-template-columns:1fr}.admin-command-heading{align-items:stretch}.admin-command-heading .button{width:100%}}
@media(max-width:760px){.token-actions,.token-create-form{width:100%;align-items:stretch;flex-direction:column}.token-create-form input{width:100%;min-width:0}}
.service-table-header{gap:18px}.service-table-header>div:first-child small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.service-bulk-actions{display:flex;align-items:center;gap:11px}.service-bulk-actions label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:700}.service-bulk-actions>span{color:var(--muted);font-size:9px}.service-bulk-actions .button{min-height:34px;padding:7px 11px;font-size:9px}.service-bulk-actions .button:disabled{opacity:.42;cursor:not-allowed;transform:none}.select-cell{width:38px;padding-right:4px!important;text-align:center}.select-cell input{width:16px;height:16px;accent-color:var(--brand)}
@media(max-width:760px){.service-table-header{align-items:flex-start!important;flex-direction:column}.service-bulk-actions{width:100%;flex-wrap:wrap}.service-bulk-actions .button{margin-left:auto}}

/* Professional authentication workspace */
.auth-body{background:linear-gradient(145deg,#eef2f9 0,#f9faff 56%,#eef2fb 100%)}.auth-shell{grid-template-columns:minmax(520px,1.08fr) minmax(450px,.92fr)}.auth-story{padding:34px clamp(38px,4vw,66px);background:radial-gradient(circle at 15% 0,rgba(104,87,242,.42),transparent 32%),radial-gradient(circle at 95% 86%,rgba(44,125,239,.3),transparent 35%),linear-gradient(145deg,#091221,#111d32 62%,#0d1729)}.auth-story:before{content:'';position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 70%,transparent)}.auth-message{max-width:620px}.auth-message h1{max-width:600px;margin-bottom:14px;font-size:clamp(38px,4vw,57px);line-height:1.02}.auth-message>p:not(.eyebrow){max-width:570px;margin-bottom:18px;font-size:14px;line-height:1.65}.auth-visual-console{margin:25px 0 0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 28px 60px rgba(0,0,0,.2);backdrop-filter:blur(14px)}.auth-console-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#d9e1ef;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.auth-console-head>span{display:flex;align-items:center;gap:7px}.auth-console-head i{width:7px;height:7px;border-radius:50%;background:#2bd596;box-shadow:0 0 0 4px rgba(43,213,150,.12)}.auth-console-head b{color:#7f8ca4;font-size:8px}.auth-console-search{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#7f8ca4;background:rgba(4,10,20,.25);font-size:10px}.auth-console-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-console-search kbd{margin-left:auto;padding:5px 7px;border:1px solid rgba(255,255,255,.09);border-radius:6px;color:#8f9db3;background:rgba(255,255,255,.04);font:700 7px inherit;white-space:nowrap}.auth-console-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.auth-console-grid article{position:relative;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.055)}.auth-console-grid small,.auth-console-grid strong{display:block}.auth-console-grid small{color:#8f9bb0;font-size:8px}.auth-console-grid strong{margin-top:6px;color:#fff;font-size:12px}.auth-console-grid em{position:absolute;right:12px;top:19px;color:#45d5aa;font-size:10px;font-style:normal}.auth-console-flow{display:flex;align-items:center;gap:5px;margin-top:12px}.auth-console-flow span{height:4px;flex:1;border-radius:5px;background:linear-gradient(90deg,#6559ed,#4084ed)}.auth-console-flow span:nth-child(2){opacity:.78}.auth-console-flow span:nth-child(3){opacity:.52}.auth-console-flow span:nth-child(4){opacity:.3}.auth-console-flow b{margin-left:7px;color:#8290a8;font-size:7px;white-space:nowrap}.auth-proof{margin-top:17px}.auth-proof span{padding:7px 10px;font-size:9px}.auth-panel{position:relative;padding:72px clamp(28px,5vw,72px) 38px;background:radial-gradient(circle at 100% 0,rgba(101,87,242,.1),transparent 29%)}.auth-panel-inner{width:min(500px,100%)}.auth-trust-line{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--success) 20%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--success) 6%,var(--surface))}.auth-trust-line>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#fff;background:var(--success);font-size:11px;font-weight:900}.auth-trust-line strong,.auth-trust-line small{display:block}.auth-trust-line strong{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.auth-trust-line small{margin-top:3px;color:var(--muted);font-size:8px}.auth-card{width:100%;padding:28px;border:1px solid rgba(215,221,234,.9);border-radius:21px;background:rgba(255,255,255,.92);box-shadow:0 25px 60px rgba(27,37,67,.11);backdrop-filter:blur(16px)}.auth-card-head{margin-bottom:22px}.auth-card-head .eyebrow{font-size:9px}.auth-card-head h2{margin-bottom:8px;font-size:27px}.auth-card-head>p:last-child{margin-bottom:0;font-size:11px;line-height:1.55}.auth-card .form-stack{gap:14px}.auth-card .form-stack label>span{font-size:10px}.auth-card .form-stack input{min-height:47px;padding:12px 13px;border-radius:10px;background:#fbfcff}.auth-card .check-row{font-size:10px}.auth-card .button{min-height:47px}.auth-card .auth-switch{margin-top:18px;font-size:10px}.auth-form-link{margin-top:-5px}.auth-password-hint{margin:-4px 0 0;color:var(--success);font-size:9px}.auth-privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0 0;color:var(--muted);font-size:8px;text-align:center}.auth-privacy-note span{color:var(--brand);font-weight:900}.auth-locale{right:24px;top:22px}.auth-locale button{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.72)}
@media(max-width:1040px){.auth-shell{grid-template-columns:minmax(410px,.9fr) minmax(420px,1fr)}.auth-story{padding:30px}.auth-message h1{font-size:40px}.auth-console-search kbd{display:none}}
@media(max-width:820px){.auth-shell{display:block}.auth-story{display:none}.auth-panel{min-height:100vh;padding:72px 20px 28px}.auth-panel-inner{margin:auto}}
@media(max-width:520px){.auth-panel{padding-right:14px;padding-left:14px}.auth-card{padding:22px 18px;border-radius:17px}.auth-card .field-pair{grid-template-columns:1fr}.auth-card-head h2{font-size:24px}.auth-trust-line{align-items:flex-start}.auth-locale{right:14px;top:14px}}

/* Authentication experience v3 */
.auth-body{display:grid;min-height:100vh;padding:24px;background:radial-gradient(circle at 8% 8%,rgba(87,99,238,.14),transparent 29%),radial-gradient(circle at 92% 88%,rgba(37,147,221,.1),transparent 27%),#eef2f8}
.auth-shell-v3{width:min(1180px,100%);min-height:min(760px,calc(100vh - 48px));margin:auto;overflow:hidden;border:1px solid rgba(215,221,234,.9);border-radius:30px;background:#fff;box-shadow:0 34px 90px rgba(20,31,56,.16)}
.auth-story-v3{padding:40px 46px;background:radial-gradient(circle at 12% 8%,rgba(108,88,242,.44),transparent 31%),radial-gradient(circle at 96% 86%,rgba(39,130,238,.34),transparent 35%),linear-gradient(145deg,#091322,#111f37 65%,#0b1729)}
.auth-story-v3 .auth-message h1{max-width:590px;margin-bottom:16px;font-size:clamp(39px,4.3vw,56px)}.auth-story-v3 .auth-message>p:not(.eyebrow){max-width:560px;font-size:14px}.auth-story-v3 .auth-proof span{font-size:10px}
.auth-workspace-preview{max-width:590px;margin-top:26px;padding:17px;border-radius:19px}.auth-preview-toolbar{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(2,8,17,.28)}.auth-preview-toolbar>span{min-width:0;margin-right:auto;overflow:hidden;color:#8290a7;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.auth-preview-toolbar>b{padding:5px 7px;border-radius:6px;color:#c7d0df;background:rgba(255,255,255,.06);font-size:7px}
.auth-preview-wallet{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:15px 16px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#3569ee,#6759ed)}.auth-preview-wallet small,.auth-preview-wallet strong{display:block}.auth-preview-wallet small{color:#d8ddff;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-preview-wallet strong{margin-top:5px;font-size:22px}.auth-preview-wallet>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.1)}
.auth-preview-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.auth-preview-stages article{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.055)}.auth-preview-stages i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:#8fd4ff;background:rgba(64,155,220,.16);font-style:normal}.auth-preview-stages article:nth-child(1) i{color:#ffd38b;background:rgba(225,146,38,.16)}.auth-preview-stages article:nth-child(3) i{color:#7ce3bb;background:rgba(32,181,130,.16)}.auth-preview-stages small,.auth-preview-stages strong{display:block}.auth-preview-stages small{color:#8492a8;font-size:7px}.auth-preview-stages strong{margin-top:3px;color:#fff;font-size:13px}
.auth-panel-v3{padding:58px clamp(34px,4vw,58px) 38px;background:linear-gradient(160deg,#fff,#f7f9fd)}.auth-panel-v3 .auth-panel-inner{width:min(440px,100%)}.auth-panel-v3 .auth-card{padding:30px;border-radius:22px;box-shadow:0 24px 60px rgba(27,37,67,.1)}.auth-panel-v3 .auth-card-head h2{font-size:30px}.auth-panel-v3 .auth-card-head>p:last-child{font-size:12px}.auth-panel-v3 .form-stack label>span{font-size:11px}.auth-panel-v3 .auth-card .form-stack input{font-size:12px}.auth-panel-v3 .auth-switch{font-size:11px}
@media(max-width:900px){.auth-body{padding:0}.auth-shell-v3{width:100%;min-height:100vh;border:0;border-radius:0;grid-template-columns:1fr}.auth-story-v3{min-height:auto;padding:22px 24px}.auth-story-v3 .auth-message{display:none}.auth-story-v3 .auth-foot{display:none}.auth-panel-v3{padding:42px 20px}.auth-panel-v3 .auth-panel-inner{margin:auto}}
@media(max-width:520px){.auth-panel-v3{padding:72px 14px 28px}.auth-panel-v3 .auth-card{padding:23px 18px}.auth-panel-v3 .auth-card-head h2{font-size:25px}}

/* Balanced, form-first authentication layout */
.auth-shell-v3{grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr)}
.auth-story-v3 .auth-message h1{font-size:clamp(36px,3.7vw,49px);line-height:1.06}
.auth-panel-v3{place-items:center;padding:52px clamp(34px,5vw,70px) 38px}
.auth-panel-v3 .auth-panel-inner{width:min(470px,100%)}
.auth-panel-brand{display:none;align-items:center;margin:0 0 22px}
.auth-panel-brand>span{width:46px;height:46px}
.auth-panel-brand strong{font-size:18px}
.auth-panel-brand small{font-size:8px}
.auth-panel-v3 .auth-trust-line strong{font-size:10px}
.auth-panel-v3 .auth-trust-line small{font-size:9px}
.auth-panel-v3 .auth-card-head h2{font-size:31px}
.auth-panel-v3 .auth-card-head>p:last-child{font-size:13px}
.auth-panel-v3 .form-stack label>span{font-size:12px}
.auth-panel-v3 .auth-card .form-stack input{font-size:14px}
.auth-panel-v3 .auth-card .check-row,.auth-panel-v3 .auth-switch{font-size:12px}

@media(max-width:1180px){
  .auth-body{padding:0}
  .auth-shell-v3{width:100%;min-height:100vh;border:0;border-radius:0;grid-template-columns:1fr}
  .auth-story-v3{display:none}
  .auth-panel-v3{min-height:100vh;padding:64px 24px 38px}
  .auth-panel-v3 .auth-panel-inner{margin:auto}
  .auth-panel-brand{display:flex}
}
@media(max-width:520px){.auth-panel-v3{padding:70px 14px 28px}.auth-panel-brand{margin-bottom:16px}.auth-panel-v3 .auth-card-head h2{font-size:27px}}

/* Central brand assets and balanced authentication forms */
.brand-symbol.has-image{overflow:hidden;background:#fff!important}.brand-symbol.has-image img{width:100%;height:100%;object-fit:contain}.auth-panel-v3{place-items:start center;align-content:start}.auth-panel-v3 .auth-panel-inner{margin-top:clamp(8px,3vh,32px)}.auth-preview-status strong{font-size:17px}.auth-preview-status-stages strong{font-size:11px;letter-spacing:.02em}
@media(max-width:1180px){.auth-panel-v3 .auth-panel-inner{margin:auto}}

/* System settings control centre */
.admin-settings-nav{position:sticky;top:70px;z-index:8}.admin-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.system-settings-card{overflow:hidden}.system-settings-card.span-all{grid-column:1/-1}.system-settings-card>header>div>p:last-child{margin:6px 0 0;color:var(--muted);font-size:10px}.system-settings-card .settings-form{padding:18px}.settings-form-wide{gap:14px}.system-connection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.event-selector{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:13px;border:1px solid var(--line);border-radius:12px}.event-selector legend{padding:0 7px;color:var(--muted);font-size:9px;font-weight:800}.event-selector label,.toggle-line{display:flex!important;align-items:center;gap:8px!important;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--canvas);font-size:10px}.event-selector input,.toggle-line input{width:16px;height:16px;accent-color:var(--brand)}.inline-test-form,.pairing-command,.connected-account{display:flex;align-items:end;gap:11px;margin:0 18px 18px;padding:14px;border:1px dashed var(--line);border-radius:12px;background:var(--canvas)}.inline-test-form label{display:grid;flex:1;gap:6px}.inline-test-form label span,.pairing-command span{color:var(--muted);font-size:9px;font-weight:700}.inline-test-form input,.pairing-command input,.connected-account input{min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.pairing-command{align-items:center;justify-content:space-between;border-color:color-mix(in srgb,var(--brand) 30%,var(--line));background:color-mix(in srgb,var(--brand) 5%,var(--surface))}.pairing-command>div span,.pairing-command>div code{display:block}.pairing-command code{margin-top:6px;font-size:14px;font-weight:800}.pairing-command form,.connected-account form{display:flex;gap:8px}.connected-account{align-items:center;justify-content:space-between}.connected-account>span{font-size:10px;font-weight:700}.system-settings-card table{width:100%}.system-settings-card th,.system-settings-card td{padding:10px 14px;text-align:left;border-top:1px solid var(--line);font-size:9px}.system-settings-card th{color:var(--muted);background:var(--canvas);font-size:8px;text-transform:uppercase}.telegram-settings-card{border-color:color-mix(in srgb,#2aabee 22%,var(--line))}
.pairing-command small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.pairing-actions{display:flex;align-items:center;gap:8px}.button-telegram{border-color:#229ed9!important;color:#fff!important;background:linear-gradient(135deg,#229ed9,#1688c5)!important;box-shadow:0 8px 18px rgba(34,158,217,.18)}.telegram-unavailable{margin:18px;padding:16px;border:1px dashed var(--line);border-radius:12px;background:var(--canvas)}.telegram-unavailable strong{font-size:11px}.telegram-unavailable p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
.connected-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.connected-account-actions form{display:flex;align-items:center;gap:7px}.connected-account-actions input{width:150px}.connected-account-actions .button{white-space:nowrap}
@media(max-width:1000px){.system-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-system-grid{grid-template-columns:1fr}.system-settings-card.span-all{grid-column:auto}}
@media(max-width:680px){.system-connection-grid{grid-template-columns:1fr}.inline-test-form,.pairing-command,.connected-account,.pairing-command form,.connected-account form,.connected-account-actions{align-items:stretch;flex-direction:column}.connected-account-actions input{width:100%}.admin-settings-nav{position:static;overflow:auto}}

/* Premium interface system v4 */
:root{--ink:#111a2d;--muted:#647089;--line:#e2e7f0;--surface:#fff;--canvas:#f3f6fb;--nav:#0d1628;--nav2:#14213a;--brand:#6157f4;--brand2:#3d78ee;--success:#0d9a70;--warning:#d78a18;--danger:#df455b;--radius:18px;--shadow:0 18px 45px rgba(19,31,57,.075);--shadow-soft:0 8px 24px rgba(19,31,57,.055)}
html,body,button,input,select,textarea{font-family:InterV2,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,.brand strong,.metric-card>strong,.catalogue-health strong{font-family:InterV2,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ui-icon{display:block;width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button .ui-icon{width:16px;height:16px}.button{min-height:44px;padding:10px 17px;border-radius:12px;font-size:12px;font-weight:750;letter-spacing:-.01em}.button-primary{background:linear-gradient(135deg,#6658f5,#3e79ed);box-shadow:0 10px 24px rgba(80,88,231,.23)}.button-dark{background:#17243a}.button-ghost{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.15em}.panel{border-color:var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.panel>header{padding:20px 22px}.panel h2{font-size:17px;letter-spacing:-.025em}.panel>header a{display:inline-flex;align-items:center;gap:5px;font-size:11px}.panel>header a .ui-icon{width:14px;height:14px}.toast{display:flex;align-items:center;gap:9px}.toast .ui-icon{width:16px;height:16px}.content{width:min(1600px,100%);padding:30px 32px 54px}.page-heading h1{font-size:32px}.page-heading p:last-child{font-size:13px;line-height:1.55}th{padding:12px 18px;font-size:9.5px}td{padding:15px 18px;font-size:12px}.table-link{font-size:10px}.status{font-size:9.5px}.form-stack label>span,.dialog-body label>span,.form-grid label>span,.new-field label>span,.balance-form label>span{font-size:11px}.form-stack input,.form-grid input,.form-grid select,.form-grid textarea,.new-field input,.new-field select,.field-row input,.field-row select,.balance-form input,.admin-order-dialog select{font-size:13px}

/* Authentication: balanced two-panel operations portal */
.auth-body{display:grid;min-height:100vh;padding:22px;background:radial-gradient(circle at 0 0,rgba(93,86,240,.16),transparent 36%),radial-gradient(circle at 100% 100%,rgba(52,128,231,.13),transparent 34%),#eef2f8}.auth-shell-v4{display:grid;grid-template-columns:minmax(460px,.92fr) minmax(500px,1.08fr);width:min(1320px,100%);min-height:min(820px,calc(100vh - 44px));margin:auto;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:#fff;box-shadow:0 35px 90px rgba(27,39,70,.18)}.auth-story-v4{position:relative;display:flex;min-width:0;padding:42px 48px 34px;overflow:hidden;flex-direction:column;justify-content:flex-start;color:#fff;background:radial-gradient(circle at 8% 8%,rgba(103,84,242,.42),transparent 33%),radial-gradient(circle at 100% 92%,rgba(45,119,226,.3),transparent 40%),#0c172a}.auth-story-v4:before{content:"";position:absolute;right:-220px;bottom:-300px;width:620px;height:620px;border:1px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 85px rgba(255,255,255,.02),0 0 0 170px rgba(255,255,255,.012)}.auth-story-v4:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%);pointer-events:none}.auth-story-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.auth-story-v4 .brand>span{width:44px;height:44px;border-radius:13px}.auth-story-v4 .brand strong{font-size:17px}.auth-story-v4 .brand small{color:#9ba9c1}.auth-environment{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#aebbd0;background:rgba(255,255,255,.04);font-size:9px;font-weight:750;text-transform:uppercase}.auth-environment i,.auth-console-head i{width:7px;height:7px;border-radius:50%;background:#2fd59f;box-shadow:0 0 0 4px rgba(47,213,159,.12)}.auth-story-v4 .auth-message{position:relative;z-index:2;max-width:640px;margin:24px 0 22px}.auth-story-v4 .auth-message>.eyebrow{color:#a49cff}.auth-story-v4 .auth-message>h1{max-width:560px;margin:0 0 17px;font-size:clamp(42px,4vw,58px);font-weight:800;line-height:1.02;letter-spacing:-.058em}.auth-story-v4 .auth-message>p:not(.eyebrow){max-width:560px;margin:0 0 26px;color:#b7c2d4;font-size:15px;line-height:1.65}.auth-operations-preview{padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:rgba(255,255,255,.065);box-shadow:0 20px 45px rgba(0,0,0,.13);backdrop-filter:blur(12px)}.auth-console-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#dfe6f2;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.auth-console-head span{display:flex;align-items:center;gap:8px}.auth-console-head b{color:#7f8da5}.auth-preview-command{display:flex;align-items:center;gap:8px;height:42px;padding:0 11px;border:1px solid rgba(255,255,255,.06);border-radius:11px;color:#8190aa;background:rgba(6,15,30,.35);font-size:9px}.auth-preview-command .ui-icon{width:14px}.auth-preview-command>div{display:flex;gap:6px;margin-left:auto}.auth-preview-command b{padding:6px 8px;border-radius:7px;color:#aeb9cc;background:rgba(255,255,255,.06);font-size:7px}.auth-preview-balance,.auth-preview-security{display:flex;align-items:center;justify-content:space-between;min-height:88px;margin-top:10px;padding:17px 18px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#3b6ff0,#6a56ef)}.auth-preview-balance small,.auth-preview-balance strong,.auth-preview-security small,.auth-preview-security strong{display:block}.auth-preview-balance small,.auth-preview-security small{margin-bottom:6px;color:#d9ddff;font-size:8px;font-weight:800;text-transform:uppercase}.auth-preview-balance strong,.auth-preview-security strong{font-size:20px}.auth-preview-balance>i{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.12);font-size:20px;font-style:normal}.auth-preview-security{justify-content:flex-start;background:linear-gradient(135deg,#375ee4,#6654ee)}.auth-preview-security>span{display:grid;place-items:center;width:40px;height:40px;margin-right:12px;border-radius:11px;background:rgba(255,255,255,.14)}.auth-preview-security>span .ui-icon{width:21px;height:21px}.auth-preview-security>b{margin-left:auto;padding:6px 8px;border-radius:7px;color:#dffbef;background:rgba(19,61,53,.28);font-size:7px;letter-spacing:.08em}.auth-preview-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.auth-preview-stages article{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.045)}.auth-preview-stages article>.ui-icon{width:17px;height:17px;color:#77d8bd}.auth-preview-stages small,.auth-preview-stages strong{display:block}.auth-preview-stages small{overflow:hidden;margin-bottom:4px;color:#7f8da5;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.auth-preview-stages strong{color:#eef2f8;font-size:10px}.auth-story-v4 .auth-proof{display:flex;gap:7px;margin-top:16px}.auth-story-v4 .auth-proof span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#b2bfd2;background:rgba(255,255,255,.035);font-size:8px}.auth-story-v4 .auth-proof .ui-icon{width:11px;height:11px;color:#58d3a7}.auth-story-v4 .auth-foot{position:relative;z-index:2;display:flex;align-items:center;gap:8px;color:#718099;font-size:9pxmargin-top:auto}.auth-story-v4 .auth-foot span{width:3px;height:3px;border-radius:50%;background:#53627b}.auth-panel-v4{position:relative;display:grid;place-items:center;min-width:0;padding:70px 54px 42px;background:linear-gradient(180deg,#fff,#fbfcff)}.auth-panel-v4:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--line) 20%,var(--line) 80%,transparent)}.auth-locale{position:absolute;right:28px;top:25px}.auth-locale button{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--brand);background:#fff;font-size:10px;font-weight:750;cursor:pointer}.auth-locale .ui-icon{width:14px;height:14px}.auth-panel-inner{width:min(470px,100%)}.auth-panel-brand{display:none}.auth-trust-line{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:12px 13px;border:1px solid #cde9df;border-radius:13px;color:#087756;background:#f2fbf8}.auth-trust-line>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:#119c73}.auth-trust-line .ui-icon{width:18px}.auth-trust-line strong,.auth-trust-line small{display:block}.auth-trust-line strong{font-size:9px;letter-spacing:.04em;text-transform:uppercase}.auth-trust-line small{margin-top:4px;color:#5f8579;font-size:8px}.auth-card{width:100%;padding:30px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 22px 55px rgba(24,36,62,.09)}.auth-card-head{margin-bottom:24px}.auth-card-head h2{margin:0 0 8px;font-size:30px;line-height:1.1;letter-spacing:-.045em}.auth-card-head>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.form-stack{gap:15px}.form-stack label:not(.check-row){gap:7px}.form-stack input{min-height:49px;padding:12px 14px;border-radius:11px;font-size:13px}.auth-form-link{margin-top:-4px;text-align:right}.auth-form-link a{color:var(--brand);font-size:10px;font-weight:750}.check-row{font-size:11px}.auth-card .button-wide{min-height:50px;margin-top:4px;font-size:13px}.auth-switch{margin:19px 0 0;font-size:11px}.auth-privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:15px 0 0;color:#8a95a8;font-size:8px}.auth-privacy-note .ui-icon{width:12px;height:12px;color:var(--brand)}.auth-password-hint{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:9px}

/* Admin shell */
.premium-admin-shell{grid-template-columns:274px minmax(0,1fr);background:var(--canvas)}.premium-admin-sidebar{padding:22px 15px 14px;background:radial-gradient(circle at 15% 0,rgba(100,87,242,.18),transparent 26%),linear-gradient(180deg,#101a2d,#09111e)}.premium-admin-sidebar .brand{min-height:62px;padding:0 10px 20px}.premium-admin-sidebar .brand>span{width:42px;height:42px}.premium-admin-sidebar .brand strong{font-size:15px}.premium-admin-sidebar .brand small{color:#718099}.admin-workspace-label{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;margin:14px 6px 5px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.035)}.admin-workspace-label>span{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#28ce96;box-shadow:0 0 0 4px rgba(40,206,150,.1)}.admin-workspace-label strong{color:#dbe2ef;font-size:9px}.admin-workspace-label small{margin-top:2px;color:#6e7c94;font-size:7px}.premium-admin-sidebar .side-nav{gap:3px;margin-top:8px;overflow-y:auto;scrollbar-width:thin}.premium-admin-sidebar .side-nav p{margin:14px 12px 5px;font-size:8px}.premium-admin-sidebar .side-nav>a,.premium-admin-sidebar .side-nav-group>a{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 11px;border-radius:10px;color:#96a4ba;font-size:11px;font-weight:680}.premium-admin-sidebar .side-nav a>.ui-icon{width:17px;height:17px;color:#76859e}.premium-admin-sidebar .side-nav a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-admin-sidebar .side-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}.premium-admin-sidebar .side-nav a.active{color:#fff;background:linear-gradient(105deg,rgba(102,87,243,.34),rgba(59,116,234,.13));box-shadow:inset 3px 0 #786cf5}.premium-admin-sidebar .side-nav a.active>.ui-icon{color:#afa7ff}.premium-admin-sidebar .side-nav a em{margin-left:auto}.premium-admin-sidebar .side-subnav{display:grid;gap:2px;margin:3px 0 5px 20px;padding-left:19px;border-left:1px solid rgba(255,255,255,.08)}.premium-admin-sidebar .side-subnav a{display:flex;align-items:center;gap:8px;min-height:31px;padding:6px 9px;color:#75849b;font-size:9px}.premium-admin-sidebar .side-subnav a i{width:5px;height:5px;border-radius:50%;background:#46536a}.premium-admin-sidebar .side-subnav a.active{box-shadow:none;background:rgba(255,255,255,.04)}.premium-admin-sidebar .side-subnav a.active i{background:#8c82ff}.premium-admin-sidebar .side-status{margin-top:12px}.premium-admin-sidebar .side-user{margin-top:5px}.premium-admin-topbar{height:74px;padding:0 30px;border-bottom-color:var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 5px 20px rgba(18,29,53,.035)}.premium-admin-topbar .topbar-context span{font-size:8px;text-transform:uppercase;letter-spacing:.05em}.premium-admin-topbar .topbar-context strong{font-size:14px}.admin-top-search{position:relative;display:flex;align-items:center;width:min(420px,36vw);height:40px;margin-left:34px;border:1px solid var(--line);border-radius:11px;background:var(--canvas)}.admin-top-search .ui-icon{position:absolute;left:12px;width:15px;height:15px;color:#8b96aa}.admin-top-search input{width:100%;height:100%;padding:0 13px 0 38px;border:0;outline:0;color:var(--ink);background:transparent;font-size:10px}.premium-admin-topbar .view-store{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.premium-admin-topbar .view-store .ui-icon{width:13px;height:13px}.premium-admin-topbar .icon-button{width:36px;height:36px}.admin-status-grid{gap:13px}.admin-status-card{min-height:115px;border-radius:16px;box-shadow:var(--shadow-soft)}.admin-status-card .ui-icon{width:20px;height:20px}.admin-operations-grid{gap:16px}.admin-resource-grid>a{border-radius:16px}.editor-drawer{width:min(690px,100%);background:var(--surface)}.editor-drawer.wide{width:min(880px,100%)}.editor-drawer>header{background:color-mix(in srgb,var(--surface) 94%,transparent)}

html[data-theme="dark"]{--ink:#e7edf8;--muted:#91a0b8;--line:#25334a;--surface:#111c2d;--canvas:#0b1422;--nav:#08101d;--nav2:#101b2d}html[data-theme="dark"] .premium-admin-topbar,html[data-theme="dark"] .editor-drawer>header{background:rgba(17,28,45,.94)}html[data-theme="dark"] .button-ghost,html[data-theme="dark"] .icon-button,html[data-theme="dark"] .form-stack input,html[data-theme="dark"] .form-grid input,html[data-theme="dark"] .form-grid select,html[data-theme="dark"] .form-grid textarea{color:var(--ink);background:var(--surface)}

@media(max-width:1180px){.auth-shell-v4{grid-template-columns:minmax(390px,.82fr) minmax(470px,1.18fr)}.auth-story-v4{padding:34px}.auth-story-v4 .auth-message>h1{font-size:44px}.premium-admin-shell{grid-template-columns:235px minmax(0,1fr)}.admin-top-search{display:none}}
@media(max-width:820px){.auth-body{padding:0;background:#fff}.auth-shell-v4{display:block;min-height:100vh;border:0;border-radius:0}.auth-story-v4{display:none}.auth-panel-v4{min-height:100vh;padding:86px 20px 34px}.auth-panel-v4:before{display:none}.auth-panel-brand{display:flex;margin-bottom:22px}.auth-trust-line{margin-bottom:12px}.premium-admin-shell{display:block}.premium-admin-sidebar{position:fixed;width:278px}.premium-admin-topbar{height:64px;padding:0 15px}.premium-admin-topbar .menu-trigger{display:grid;margin-right:10px}.premium-admin-topbar .topbar-actions{gap:6px}.premium-admin-topbar .view-store{display:none}.content{padding:23px 16px 44px}}
@media(max-width:520px){.auth-panel-v4{place-items:start center;padding-top:74px}.auth-card{padding:23px 20px;border-radius:17px;box-shadow:0 16px 38px rgba(24,36,62,.08)}.auth-card-head h2{font-size:26px}.auth-trust-line small{display:none}.auth-locale{right:17px;top:17px}.auth-panel-brand .brand-symbol{width:40px;height:40px}.field-pair{grid-template-columns:1fr}}

.staff-telegram-card{border-color:color-mix(in srgb,#6957ef 28%,var(--line))}.staff-telegram-card>header{background:linear-gradient(145deg,color-mix(in srgb,#6957ef 7%,var(--surface)),var(--surface))}.bot-command-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 18px 18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.bot-command-summary>strong{margin-right:4px;font-size:9px}.bot-command-summary>span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface);font-size:8px}.bot-command-summary code{color:var(--brand);font-weight:850}

.admin-status-card>.ui-icon{width:14px;height:14px;color:var(--muted)}.admin-status-card>i .ui-icon{width:20px;height:20px}.admin-resource-grid i .ui-icon,.admin-month-panel i .ui-icon{width:18px;height:18px}.catalogue-health a>.ui-icon{width:14px;height:14px;color:var(--muted)}.admin-financial-panel>header a,.admin-latest-orders>header a{display:flex;align-items:center;gap:5px}.admin-financial-panel>header a .ui-icon,.admin-latest-orders>header a .ui-icon{width:13px;height:13px}

@media(min-width:1181px){.auth-shell-v3{width:min(1360px,calc(100vw - 48px));grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr)}}

/* Final responsive compactness */
@media(max-width:480px){.admin-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-status-card{min-height:92px;padding:11px}.admin-status-card>i{width:32px;height:32px}.admin-status-card strong{font-size:18px}.admin-status-card span{font-size:8px}.admin-resource-grid{grid-template-columns:1fr 1fr}}

/* Premium v6: flexible uploaded brand artwork */
.brand-upload-preview{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 5%,var(--surface)),var(--canvas))}.brand-upload-mark{display:grid;place-items:center;width:66px;height:56px;flex:0 0 66px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));font-size:18px;font-weight:850}.brand-upload-mark.has-image{width:112px;flex-basis:112px;padding:5px 8px;background:#fff}.brand-upload-mark img{display:block;width:auto;max-width:100%;height:100%;max-height:46px;object-fit:contain}.brand-upload-preview>div{display:grid;min-width:0}.brand-upload-preview strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.brand-upload-preview small{overflow:hidden;margin-top:3px;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.brand-upload-preview em{margin-top:7px;color:var(--brand);font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.brand-file-field small{display:block;margin-top:7px;color:var(--muted);font-size:8px;line-height:1.45}.premium-admin-sidebar .brand-symbol.has-image,.auth-story-v4 .brand-symbol.has-image,.auth-panel-brand .brand-symbol.has-image{width:auto!important;min-width:44px;max-width:96px;padding:3px 6px;overflow:hidden;background:#fff}.premium-admin-sidebar .brand-symbol.has-image img,.auth-story-v4 .brand-symbol.has-image img,.auth-panel-brand .brand-symbol.has-image img{display:block;width:auto!important;max-width:100%;height:100%!important;object-fit:contain}
.admin-settings-nav{position:sticky;z-index:12;top:82px;display:flex;gap:5px;margin:0 0 16px;padding:6px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 8px 24px rgba(19,31,57,.055);backdrop-filter:blur(14px);scrollbar-width:none}.admin-settings-nav::-webkit-scrollbar{display:none}.admin-settings-nav a{display:flex;align-items:center;min-width:max-content;min-height:37px;padding:7px 12px;border-radius:9px;color:var(--muted);font-size:10px;font-weight:750;text-decoration:none}.admin-settings-nav a:first-child{color:#fff;background:linear-gradient(135deg,#19263d,#2b405e);box-shadow:0 6px 15px rgba(18,31,54,.16)}.admin-settings-nav a:hover{color:var(--ink);background:var(--canvas)}@media(max-width:820px){.admin-settings-nav{position:static;margin-bottom:13px}}

/* Premium v7: compact admin command centre and security rail */
.admin-body{overflow-x:hidden}.premium-admin-shell,.app-main,.admin-body .content,.admin-body .panel,.admin-body .table-scroll{min-width:0;max-width:100%}.premium-admin-shell{grid-template-columns:250px minmax(0,1fr)}.admin-body .content{width:min(1480px,100%);padding:24px 26px 48px}.premium-admin-sidebar{padding-top:17px}.premium-admin-sidebar .brand{min-width:0;padding-bottom:14px}.premium-admin-sidebar .brand-symbol.has-image{width:fit-content!important;min-width:42px;max-width:112px;flex:0 1 auto}.premium-admin-sidebar .brand-symbol.has-image img{width:auto!important;max-width:104px;height:auto!important;max-height:38px}.premium-admin-sidebar .brand-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-admin-sidebar .brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-command-heading{margin-bottom:14px}.admin-command-status{position:relative;gap:8px;padding:11px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(102,85,241,.32),transparent 34%),linear-gradient(135deg,#132039,#1a2d4d);box-shadow:0 18px 42px rgba(17,29,52,.16)}.admin-command-status:after{content:"";position:absolute;right:-180px;bottom:-310px;width:480px;height:480px;border:1px solid rgba(255,255,255,.045);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.016),0 0 0 140px rgba(255,255,255,.01);pointer-events:none}.admin-command-status .admin-status-card{position:relative;z-index:1;min-height:86px;padding:13px 14px;color:#eaf0fa;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.055);box-shadow:none}.admin-command-status .admin-status-card:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.09)}.admin-command-status .admin-status-card span{color:#94a4bd}.admin-command-status .admin-status-card strong{color:#fff}.admin-command-status .admin-status-card>.ui-icon{color:#72839e}
.admin-security-rail{display:grid;grid-template-columns:minmax(190px,.8fr) repeat(4,minmax(130px,1fr)) auto;align-items:center;gap:7px;margin-top:11px;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-soft)}.admin-security-title{display:flex;align-items:center;gap:10px;padding:4px 8px}.admin-security-title>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1b2a43,#304969)}.admin-security-title .ui-icon{width:18px;height:18px}.admin-security-title small,.admin-security-title strong,.admin-security-rail article small,.admin-security-rail article strong{display:block}.admin-security-title small{color:var(--brand);font-size:7px;font-weight:850;letter-spacing:.1em}.admin-security-title strong{margin-top:3px;font-size:10px}.admin-security-rail article{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.admin-security-rail article i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#22bd89;box-shadow:0 0 0 4px color-mix(in srgb,#22bd89 12%,transparent)}.admin-security-rail article.needs-attention i{background:#e6a029;box-shadow:0 0 0 4px color-mix(in srgb,#e6a029 12%,transparent)}.admin-security-rail article span{min-width:0}.admin-security-rail article small{color:var(--muted);font-size:7px}.admin-security-rail article strong{overflow:hidden;margin-top:3px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-security-rail>a{display:flex;align-items:center;gap:4px;padding:9px;color:var(--brand);font-size:9px;font-weight:800;white-space:nowrap}.admin-security-rail>a .ui-icon{width:13px;height:13px}
.admin-channel-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.admin-channel-rail>a{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;min-height:70px;padding:10px 13px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface),var(--canvas));box-shadow:0 8px 22px rgba(19,31,57,.045);transition:.18s}.admin-channel-rail>a:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:#6c5af4}.admin-channel-rail>a.channel-server:before{background:#18a97b}.admin-channel-rail>a.channel-remote:before{background:#e39622}.admin-channel-rail>a:hover{border-color:color-mix(in srgb,var(--brand) 25%,var(--line));transform:translateY(-1px)}.admin-channel-rail i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#6759e6;background:#efedff}.admin-channel-rail .channel-server i{color:#0b8b68;background:#e4f7f0}.admin-channel-rail .channel-remote i{color:#b56b0b;background:#fff0d8}.admin-channel-rail i .ui-icon{width:18px;height:18px}.admin-channel-rail span{min-width:0}.admin-channel-rail small,.admin-channel-rail strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-channel-rail small{color:var(--muted);font-size:7px;letter-spacing:.08em}.admin-channel-rail strong{margin-top:4px;font-size:11px}.admin-channel-rail b{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:99px;color:var(--muted);background:var(--surface);font-size:9px}.admin-channel-rail>a>.ui-icon{width:14px;height:14px;color:var(--muted)}.admin-lower-grid-wide{grid-template-columns:minmax(0,1fr)}
html[data-theme="dark"] .admin-command-status .admin-status-card{background:rgba(255,255,255,.05)}html[data-theme="dark"] .admin-security-rail,html[data-theme="dark"] .admin-channel-rail>a{background:var(--surface)}html[data-theme="dark"] .admin-channel-rail i{background:#282345}html[data-theme="dark"] .admin-channel-rail .channel-server i{background:#123c32}html[data-theme="dark"] .admin-channel-rail .channel-remote i{background:#47331c}
@media(max-width:1280px){.admin-security-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-security-title{grid-column:1/-2}.admin-security-rail>a{justify-self:end}.premium-admin-shell{grid-template-columns:232px minmax(0,1fr)}}
@media(max-width:960px){.admin-security-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-security-title{grid-column:1/-1}.admin-security-rail>a{grid-column:1/-1;justify-self:end}.admin-channel-rail{grid-template-columns:1fr}}
@media(max-width:820px){.premium-admin-shell{display:block}.admin-body .content{padding:18px 14px 42px}.admin-command-status{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.admin-security-rail{grid-template-columns:1fr}.admin-security-rail>a{grid-column:auto}.admin-command-status{padding:8px}.admin-command-status .admin-status-card{min-height:78px}.admin-channel-rail>a{min-height:64px}}
.system-settings-card{scroll-margin-top:148px}

/* V8 directory workspaces, stable branding and language menu */
.locale-switcher{position:relative;z-index:160}.locale-switcher>summary{display:flex;align-items:center;justify-content:center;gap:5px;width:42px;height:39px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);font-size:9px;font-weight:850;list-style:none;cursor:pointer}.locale-switcher>summary::-webkit-details-marker{display:none}.locale-switcher>summary .ui-icon{width:14px;height:14px}.locale-switcher-menu{position:absolute;right:0;top:calc(100% + 9px);width:210px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 22px 55px rgba(13,25,48,.2)}.locale-switcher-menu:before{content:"";position:absolute;right:15px;top:-5px;width:9px;height:9px;border-left:1px solid var(--line);border-top:1px solid var(--line);background:var(--surface);transform:rotate(45deg)}.locale-switcher-menu form{margin:0}.locale-switcher-menu button{display:grid!important;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;width:100%;min-height:39px!important;padding:6px 9px!important;border:0!important;border-radius:9px!important;color:var(--ink)!important;background:transparent!important;text-align:left;font-size:10px!important;cursor:pointer}.locale-switcher-menu button:hover,.locale-switcher-menu button.active{background:var(--canvas)!important}.locale-switcher-menu button b{color:var(--brand);font-size:8px}.locale-switcher-menu button i{color:var(--success);font-style:normal}.auth-locale .locale-switcher>summary{width:auto;min-width:76px;padding:0 11px}.auth-locale .locale-switcher-menu button{box-shadow:none!important}.auth-locale .locale-switcher-menu{z-index:220}

.premium-admin-sidebar .brand.brand-has-image{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:4px 5px 15px}.premium-admin-sidebar .brand.brand-has-image .brand-copy{display:none!important}.premium-admin-sidebar .brand.brand-has-image .brand-symbol.has-image{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:194px!important;height:52px!important;min-height:52px;padding:5px 8px!important;border-radius:13px}.premium-admin-sidebar .brand.brand-has-image .brand-symbol.has-image img{width:100%!important;max-width:178px!important;height:100%!important;max-height:42px!important;object-fit:contain!important}.auth-story .brand.brand-has-image .brand-copy,.auth-panel-brand.brand-has-image .brand-copy{display:none!important}.auth-story .brand.brand-has-image .brand-symbol.has-image{width:260px!important;max-width:260px!important;height:62px!important;padding:5px 8px!important}.auth-story .brand.brand-has-image .brand-symbol.has-image img{width:100%!important;height:100%!important;max-height:54px!important;object-fit:contain!important}

.admin-directory-filter{display:grid;grid-template-columns:minmax(260px,1fr) 210px 170px auto;gap:9px;margin-bottom:14px}.admin-directory-filter select{min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface)}.admin-directory-panel{margin-top:14px;overflow:hidden}.admin-directory-panel>header{min-height:72px}.admin-directory-table th:first-child,.admin-directory-table td:first-child{padding-left:20px}.admin-directory-table tr:hover td{background:color-mix(in srgb,var(--brand) 2.5%,var(--surface))}.directory-identity{display:flex;align-items:center;gap:11px;min-width:250px}.directory-identity>i{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--brand),var(--brand2));font-size:11px;font-style:normal;font-weight:850}.directory-identity>span{min-width:0}.directory-identity strong,.directory-identity small{overflow:hidden;max-width:340px;text-overflow:ellipsis;white-space:nowrap}.customer-group-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--group-color) 25%,var(--line));border-radius:999px;color:color-mix(in srgb,var(--group-color) 80%,#121c2e);background:color-mix(in srgb,var(--group-color) 8%,var(--surface));font-size:8px;font-weight:850}.customer-group-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--group-color)}.muted-dash{color:var(--muted)}.security-dot{display:inline-block;width:9px;height:9px;margin-right:5px;border:2px solid var(--surface);border-radius:50%;background:#d9deE8;box-shadow:0 0 0 1px #ccd3df}.security-dot.ok{background:#20bf8d;box-shadow:0 0 0 1px #9ce2cc}.group-name-cell{display:flex;align-items:center;gap:10px}.group-name-cell>i{width:9px;height:34px;border-radius:9px;background:var(--group-color)}

.admin-record-dialog{width:min(920px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;overflow:hidden;border:0;border-radius:22px;color:var(--ink);background:var(--surface);box-shadow:0 34px 100px rgba(7,14,29,.42)}.admin-record-dialog::backdrop{background:rgba(8,15,29,.65);backdrop-filter:blur(5px)}.admin-record-dialog>article,.admin-record-dialog>form{display:flex;max-height:calc(100vh - 28px);margin:0;flex-direction:column}.admin-record-dialog>article>header,.admin-record-dialog>form>header{display:flex;align-items:center;gap:13px;min-height:88px;padding:16px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--canvas))}.admin-record-dialog header>div{min-width:0}.admin-record-dialog header h2{overflow:hidden;margin:3px 0;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.admin-record-dialog header small{color:var(--muted);font-size:9px}.admin-record-dialog header>button{display:grid;place-items:center;width:39px;height:39px;margin-left:auto;border:0;border-radius:11px;color:var(--ink);background:var(--canvas);font-size:21px;cursor:pointer}.record-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--brand),var(--brand2));font-size:16px;font-weight:850}.record-dialog-body{padding:18px;overflow:auto}.record-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;margin-bottom:14px;border:1px solid var(--line);border-radius:13px;background:var(--canvas)}.record-summary-strip>div{display:grid;gap:5px;padding:13px 15px;border-left:1px solid var(--line)}.record-summary-strip>div:first-child{border-left:0}.record-summary-strip span{color:var(--muted);font-size:8px;text-transform:uppercase}.record-summary-strip strong{font-size:12px}.record-control-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:13px}.record-side-stack{display:grid;align-content:start;gap:13px}.record-control-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.record-control-card>header{display:flex;align-items:center;gap:9px}.record-control-card>header>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface));font-size:8px;font-weight:850}.record-control-card>header div{display:grid;gap:3px}.record-control-card>header strong{font-size:11px}.record-control-card>header small{color:var(--muted);font-size:8px}.record-control-card label:not(.check-row){display:grid;gap:6px}.record-control-card label>span{font-size:9px;font-weight:750}.record-control-card input,.record-control-card select,.record-control-card textarea,.admin-record-dialog>.record-dialog-body input,.admin-record-dialog>.record-dialog-body select,.admin-record-dialog>.record-dialog-body textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface)}.record-control-card input[type="color"],.admin-record-dialog input[type="color"]{padding:4px}.record-control-card>.button{justify-self:start}.record-reset-card,.record-danger-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--canvas)}.record-reset-card div,.record-danger-row div{display:grid;gap:4px}.record-reset-card strong,.record-danger-row strong{font-size:10px}.record-reset-card small,.record-danger-row small{color:var(--muted);font-size:8px}.record-danger-row{margin-top:13px;border-color:#f5cdd4;background:#fff7f8}.admin-record-dialog>article>footer,.admin-record-dialog>form>footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid var(--line);background:var(--canvas)}.compact-record-dialog{width:min(620px,calc(100% - 28px))}.compact-record-dialog .record-dialog-body.form-grid{display:grid}

/* PRODUCT_REQUEST_ADMIN_DIALOG_V2_BEGIN */
.product-request-admin-dialog{
    width:min(570px,calc(100% - 24px));
    border-radius:18px;
}

.product-request-admin-dialog>article{
    max-height:calc(100vh - 24px);
}

.product-request-admin-dialog>article>header{
    min-height:70px;
    gap:11px;
    padding:12px 15px;
}

.product-request-admin-dialog .record-avatar{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:11px;
    font-size:13px;
}

.product-request-admin-dialog header .eyebrow{
    font-size:8.5px;
    letter-spacing:.075em;
}

.product-request-admin-dialog header h2{
    margin:2px 0;
    font-size:17px;
    line-height:1.15;
}

.product-request-admin-dialog header small{
    font-size:9px;
}

.product-request-admin-dialog header>button{
    width:36px;
    height:36px;
    border-radius:10px;
    font-size:18px;
}

.product-request-admin-dialog .record-dialog-body{
    display:grid;
    gap:9px;
    padding:12px 14px;
}

.product-request-admin-dialog .record-control-card{
    gap:8px;
    padding:11px 12px;
    border-radius:12px;
}

.product-request-admin-dialog .record-control-card>strong{
    font-size:11px;
}

.product-request-admin-dialog .record-control-card>p{
    margin:0;
    font-size:11px;
    line-height:1.45;
}

.product-request-admin-dialog .product-request-last-reply{
    background:var(--canvas);
}

.product-request-admin-dialog .product-request-last-reply small{
    font-size:8.5px;
}

.product-request-admin-dialog .list-live-indicator{
    gap:7px;
    min-height:20px;
    margin:0;
    padding:0 2px;
    font-size:9px;
    line-height:1.35;
}

.product-request-admin-dialog .list-live-indicator i{
    width:7px;
    height:7px;
    flex:0 0 7px;
}

.product-request-admin-dialog .record-control-card label>span{
    font-size:9.5px;
}

.product-request-admin-dialog textarea{
    min-height:82px !important;
    padding:10px 11px !important;
    font-size:11px !important;
    line-height:1.45 !important;
    border-radius:10px !important;
}

.product-request-admin-dialog .button{
    min-height:36px;
    padding:0 13px;
    font-size:10px;
    border-radius:10px;
}

.product-request-admin-dialog>article>footer{
    gap:7px;
    padding:9px 14px;
}

.product-request-admin-dialog>article>footer form{
    margin:0;
}

@media(max-width:620px){
    .product-request-admin-dialog{
        width:calc(100% - 10px);
        max-height:calc(100vh - 10px);
        border-radius:15px;
    }

    .product-request-admin-dialog .record-dialog-body{
        padding:10px;
    }

    .product-request-admin-dialog>article>header{
        padding:11px 12px;
    }

    .product-request-admin-dialog textarea{
        min-height:76px !important;
    }
}
/* PRODUCT_REQUEST_ADMIN_DIALOG_V2_END */

.customer-group-dialog{width:min(780px,calc(100% - 28px))}.group-member-list{margin-top:13px;overflow:hidden;border:1px solid var(--line);border-radius:13px}.group-member-list>header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--canvas)}.group-member-list>header strong{font-size:10px}.group-member-list>header small{color:var(--muted);font-size:8px}.group-member-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--line)}.group-member-list>a:hover{background:var(--canvas)}.group-member-list>a>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface));font-size:9px;font-weight:850}.group-member-list>a>div{display:grid;gap:3px}.group-member-list>a strong{font-size:10px}.group-member-list>a small{color:var(--muted);font-size:8px}.group-member-list>a em{font-size:9px;font-style:normal;font-weight:800}.empty-inline{padding:18px;color:var(--muted);font-size:9px;text-align:center}.compact-admin-tabs{width:max-content;max-width:100%;margin-bottom:12px}.compact-admin-tabs a{min-width:80px}.list-live-indicator{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;font-weight:750}.list-live-indicator i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}

.record-control-card .check-row{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:26px;margin:0;color:var(--ink)}.record-control-card .check-row input[type="checkbox"]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--brand)}.record-control-card .check-row>span{font-size:9px;font-weight:750}
.admin-system-grid.settings-workspace{display:block}.admin-system-grid.settings-workspace>.system-settings-card{width:100%;min-height:420px;margin:0}.admin-system-grid.settings-workspace>.system-settings-card[hidden]{display:none!important}.admin-settings-nav{display:flex;gap:5px;padding:7px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 9px 28px rgba(19,31,57,.07);scrollbar-width:none}.admin-settings-nav::-webkit-scrollbar{display:none}.admin-settings-nav a{display:flex;align-items:center;justify-content:center;min-width:max-content;min-height:39px;padding:7px 13px;border-radius:9px;color:var(--muted);font-size:9px;font-weight:780}.admin-settings-nav a.active{color:#fff;background:linear-gradient(135deg,#19263d,#293d5b);box-shadow:0 7px 17px rgba(17,31,55,.17)}

@media(max-width:900px){.admin-directory-filter{grid-template-columns:1fr 1fr}.admin-directory-filter .search-control{grid-column:1/-1}.record-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.record-summary-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.record-summary-strip>div:nth-child(4){border-top:1px solid var(--line)}.record-control-grid{grid-template-columns:1fr}}
@media(max-width:560px){.admin-directory-filter{grid-template-columns:1fr}.admin-directory-filter .search-control{grid-column:auto}.record-summary-strip{grid-template-columns:1fr 1fr}.admin-record-dialog{width:calc(100% - 10px);max-height:calc(100vh - 10px);border-radius:16px}.admin-record-dialog>article,.admin-record-dialog>form{max-height:calc(100vh - 10px)}.record-dialog-body{padding:12px}.record-control-card .form-grid{grid-template-columns:1fr}.record-reset-card,.record-danger-row{align-items:stretch;flex-direction:column}.record-reset-card .button,.record-danger-row .button{width:100%}}

.live-price-preview{display:flex;flex-direction:column;gap:5px;padding:12px 16px;border:1px solid #bee4d8;border-radius:10px;background:#effaf6;color:#16634e;min-width:0}.live-price-preview output{font-size:16px;font-weight:750;overflow-wrap:anywhere}.live-price-preview>span,.live-price-preview>small{font-size:12px}.group-price-row>.live-price-preview{grid-column:2/-1;margin-top:6px}

.editor-drawer>.toast,.toast.toast-in-dialog{position:sticky!important;top:0!important;right:auto!important;transform:none!important;flex-shrink:0;margin:12px!important;width:auto!important;max-width:none!important;z-index:10}

/* Admin services filter polish */
body.admin-body .admin-filter[data-admin-live-service-filter] {
    display:grid !important;
    grid-template-columns:minmax(260px,1fr) minmax(240px,320px) minmax(135px,165px) 108px !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px !important;
    border-radius:15px !important;
}

body.admin-body .admin-filter[data-admin-live-service-filter] .search-control,
body.admin-body .admin-filter[data-admin-live-service-filter] select,
body.admin-body .admin-filter[data-admin-live-service-filter] .button {
    min-width:0 !important;
    height:44px !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

body.admin-body .admin-filter[data-admin-live-service-filter] input,
body.admin-body .admin-filter[data-admin-live-service-filter] select {
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    padding:0 38px 0 14px !important;
    border:1px solid var(--line) !important;
    border-radius:11px !important;
    background-color:var(--surface) !important;
    color:var(--ink) !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:1.2 !important;
    box-shadow:none !important;
}

body.admin-body .admin-filter[data-admin-live-service-filter] .search-control input {
    padding-left:40px !important;
}

body.admin-body .admin-filter[data-admin-live-service-filter] select:focus,
body.admin-body .admin-filter[data-admin-live-service-filter] input:focus {
    border-color:var(--brand) !important;
    outline:0 !important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent) !important;
}

body.admin-body .admin-filter[data-admin-live-service-filter] .button {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 16px !important;
    border-radius:11px !important;
    font-size:11px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}

body.admin-body .admin-filter[data-admin-live-service-filter] select[name="group"] {
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    overflow:hidden !important;
}

body.admin-body .service-admin-table .status {
    min-width:58px !important;
    justify-content:center !important;
    text-align:center !important;
}

body.admin-body .service-admin-table .table-link {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:32px !important;
    padding:6px 11px !important;
    border:1px solid var(--line) !important;
    border-radius:9px !important;
    background:var(--surface) !important;
    white-space:nowrap !important;
}

body.admin-body .service-admin-table td {
    vertical-align:middle !important;
}

body.admin-body .page-heading > .button {
    min-height:42px !important;
    padding:0 17px !important;
    border-radius:11px !important;
}

/* Keep the services toolbar usable on narrower admin screens */
@media (max-width:1100px) {
    body.admin-body .admin-filter[data-admin-live-service-filter] {
        grid-template-columns:minmax(220px,1fr) minmax(210px,1fr) 150px 100px !important;
    }
}

@media (max-width:820px) {
    body.admin-body .admin-filter[data-admin-live-service-filter] {
        grid-template-columns:1fr 1fr !important;
    }

    body.admin-body .admin-filter[data-admin-live-service-filter] .search-control {
        grid-column:1 / -1 !important;
    }
}


/* Compact admin service field editor */
body.admin-body .admin-field-extra {
    display:grid;
    grid-template-columns:minmax(220px,1.25fr) minmax(180px,.9fr) auto;
    gap:8px;
    align-items:end;
    width:100%;
    margin-top:8px;
    padding-top:8px;
    border-top:1px dashed #dbe3ef;
}

body.admin-body .admin-field-extra label {
    display:grid;
    gap:4px;
    margin:0;
}

body.admin-body .admin-field-extra label > span {
    font-size:10px;
    font-weight:800;
    color:#64748b;
    letter-spacing:.02em;
}

body.admin-body .admin-field-extra input {
    width:100%;
    min-width:0;
    height:36px;
    padding:7px 10px;
    border-radius:9px;
    font-size:12px;
}

body.admin-body .admin-field-source {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:5px 9px;
    border-radius:999px;
    background:#e8f3ff;
    color:#2563eb;
    font-size:9px;
    font-weight:800;
    white-space:nowrap;
}

body.admin-body .admin-field-source.manual {
    background:#eef2f7;
    color:#64748b;
}

body.admin-body [data-tab-panel="fields"] form {
    padding:9px !important;
}

body.admin-body [data-tab-panel="fields"] input,
body.admin-body [data-tab-panel="fields"] select {
    min-height:38px !important;
}

body.admin-body [data-tab-panel="fields"] .button {
    min-height:34px !important;
    padding:7px 11px !important;
    font-size:10px !important;
}

@media (max-width:900px) {
    body.admin-body .admin-field-extra {
        grid-template-columns:1fr;
    }

    body.admin-body .admin-field-source {
        justify-self:start;
    }
}

/* Clean DHRU-style field builder */
body.admin-body .dhru-field-builder {
    padding:18px 20px 24px;
}

body.admin-body .dhru-field-intro {
    margin-bottom:14px;
}

body.admin-body .dhru-field-intro h3 {
    margin:4px 0 5px;
    font-size:17px;
}

body.admin-body .dhru-field-intro p:last-child {
    margin:0;
    color:var(--muted);
    font-size:11px;
    line-height:1.45;
}

body.admin-body .dhru-field-table {
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
    background:var(--surface);
}

body.admin-body .dhru-field-head,
body.admin-body .dhru-field-row {
    display:grid;
    grid-template-columns:120px 1fr 1.6fr 82px 88px 82px;
    gap:10px;
    align-items:center;
}

body.admin-body .dhru-field-head {
    padding:9px 12px;
    background:#f5f7fb;
    border-bottom:1px solid var(--line);
}

body.admin-body .dhru-field-head span {
    color:#52627a;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}

body.admin-body .dhru-field-record {
    position:relative;
    border-bottom:1px solid var(--line);
}

body.admin-body .dhru-field-record:last-child {
    border-bottom:0;
}

body.admin-body .dhru-field-row {
    padding:10px 48px 10px 12px;
}

body.admin-body .dhru-field-row > input:not([type=hidden]),
body.admin-body .dhru-field-row > select,
body.admin-body .dhru-new-field-grid > input,
body.admin-body .dhru-new-field-grid > select {
    width:100%;
    height:38px;
    min-height:38px;
    padding:7px 10px;
    border:1px solid #dfe4ec;
    border-radius:8px;
    background:#fff;
    font-size:12px;
    box-sizing:border-box;
}

body.admin-body .dhru-field-row > input:focus,
body.admin-body .dhru-field-row > select:focus,
body.admin-body .dhru-new-field input:focus,
body.admin-body .dhru-new-field select:focus {
    outline:0;
    border-color:#8880ed;
    box-shadow:0 0 0 3px rgba(100,87,242,.1);
}

body.admin-body .dhru-check {
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
}

body.admin-body .dhru-check input {
    width:16px;
    height:16px;
}

body.admin-body .dhru-field-actions {
    display:flex;
    justify-content:flex-end;
}

body.admin-body .dhru-field-actions .button {
    min-height:34px;
    height:34px;
    padding:6px 10px;
    border-radius:8px;
    font-size:10px;
}

body.admin-body .dhru-field-delete {
    position:absolute;
    right:10px;
    top:16px;
}

body.admin-body .dhru-field-delete button {
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    padding:0;
    border:0;
    border-radius:7px;
    color:#c2394e;
    background:#ffedf0;
    cursor:pointer;
}

body.admin-body .dhru-field-delete .ui-icon {
    width:13px;
    height:13px;
}

body.admin-body .dhru-field-advanced {
    grid-column:1 / -1;
    margin-top:0;
    padding-top:0;
}

body.admin-body .dhru-field-advanced summary {
    width:max-content;
    cursor:pointer;
    color:#456ee8;
    font-size:9px;
    font-weight:800;
}

body.admin-body .dhru-field-advanced > div {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-top:8px;
    padding:10px;
    border-radius:9px;
    background:#f8f9fc;
}

body.admin-body .dhru-field-advanced label {
    display:grid;
    gap:4px;
}

body.admin-body .dhru-field-advanced label > span {
    color:#718096;
    font-size:8px;
    font-weight:800;
}

body.admin-body .dhru-field-advanced input {
    width:100%;
    height:32px;
    padding:6px 8px;
    border:1px solid #dfe4ec;
    border-radius:7px;
    font-size:10px;
}

body.admin-body .dhru-field-advanced code {
    display:block;
    min-height:32px;
    padding:8px;
    border-radius:7px;
    background:#eef2f7;
    color:#334155;
    font-size:9px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

body.admin-body .dhru-new-field {
    margin-top:16px;
    padding:14px;
    border:1px dashed #cbd5e1;
    border-radius:12px;
    background:#fafbfe;
}

body.admin-body .dhru-new-field h3 {
    margin:0 0 10px;
    font-size:13px;
}

body.admin-body .dhru-new-field-grid {
    display:grid;
    grid-template-columns:120px 1fr 1.6fr 100px 110px 82px;
    gap:10px;
    align-items:center;
}

body.admin-body .dhru-check.labeled {
    justify-content:flex-start;
    gap:6px;
    font-size:9px;
    font-weight:700;
}

body.admin-body .dhru-new-field-grid .button {
    min-height:36px;
    height:36px;
    padding:6px 10px;
    font-size:10px;
}

body.admin-body .dhru-new-advanced {
    margin-top:9px;
}

@media (max-width:1000px) {
    body.admin-body .dhru-field-head,
    body.admin-body .dhru-field-row {
        grid-template-columns:100px 1fr 1.4fr 62px 70px 70px;
        gap:7px;
    }

    body.admin-body .dhru-new-field-grid {
        grid-template-columns:100px 1fr 1.4fr 80px 90px 70px;
        gap:7px;
    }
}

@media (max-width:760px) {
    body.admin-body .dhru-field-head {
        display:none;
    }

    body.admin-body .dhru-field-row,
    body.admin-body .dhru-new-field-grid {
        grid-template-columns:1fr;
    }

    body.admin-body .dhru-field-row {
        padding-right:48px;
    }

    body.admin-body .dhru-check {
        justify-content:flex-start;
    }

    body.admin-body .dhru-field-actions {
        justify-content:flex-start;
    }

    body.admin-body .dhru-field-advanced > div {
        grid-template-columns:1fr;
    }
}

/* Field editor action alignment fix */
body.admin-body .dhru-field-record {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 42px !important;
    align-items:start !important;
    position:relative !important;
}

body.admin-body .dhru-field-row {
    grid-column:1 !important;
    width:100% !important;
    padding:10px 8px 10px 12px !important;
    grid-template-columns:120px 1fr 1.6fr 82px 88px 96px !important;
}

body.admin-body .dhru-field-actions {
    display:flex !important;
    justify-content:flex-end !important;
    min-width:0 !important;
}

body.admin-body .dhru-field-actions .button {
    width:88px !important;
    min-width:88px !important;
    height:36px !important;
    min-height:36px !important;
    padding:6px 10px !important;
    overflow:visible !important;
    white-space:nowrap !important;
}

body.admin-body .dhru-field-delete {
    position:static !important;
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:15px !important;
}

body.admin-body .dhru-field-delete button {
    position:static !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    padding:0 !important;
}

@media (max-width:1000px) {
    body.admin-body .dhru-field-row {
        grid-template-columns:100px 1fr 1.4fr 66px 74px 90px !important;
    }
}


/* ADMIN DRAWER TOPBAR OVERLAP FIX */

/* desktop admin topbar = 74px */
@media (min-width:821px){
    body.admin-body .drawer-layer{
        inset:74px 0 0 0 !important;
        height:auto !important;
    }

    body.admin-body .editor-drawer{
        top:0 !important;
        height:100% !important;
        max-height:100% !important;
    }
}

/* mobile admin topbar = 64px */
@media (max-width:820px){
    body.admin-body .drawer-layer{
        inset:64px 0 0 0 !important;
        height:auto !important;
    }

    body.admin-body .editor-drawer{
        top:0 !important;
        height:100% !important;
        max-height:100% !important;
    }
}


/* ADMIN SERVICE EDITOR COMFORT FINAL */

/* Only the edit-service drawer */

.admin-body .drawer-layer.service-editor-modal-layer{
position:fixed!important;
inset:0!important;
z-index:9999!important;
display:grid!important;
place-items:center!important;
box-sizing:border-box!important;
padding:clamp(16px,3vh,30px)!important;
}
/*
 * ADMIN_SERVICE_EDITOR_FIXED_HEIGHT_V1
 * Servis editorunun dis olcusu sekme icerigine gore degismez.
 * Genel / Fiyatlandirma / Gorsel / Siparis alanlari / API ayni boyda kalir.
 */
.admin-body .editor-drawer.wide.v24-service-editor{
    width:min(1040px,calc(100vw - 56px))!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    height:86vh!important;
    min-height:86vh!important;
    max-height:86vh!important;
    margin:0!important;
    border-radius:20px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:var(--canvas)!important;
    box-shadow:0 30px 100px rgba(7,12,23,.34)!important;
    box-sizing:border-box!important;
    z-index:1!important;
}

/* Inputs get proper room */
.admin-body .editor-drawer.wide.v24-service-editor
.form-grid{
    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:14px !important;
}

/* Full width fields remain full */
.admin-body .editor-drawer.wide.v24-service-editor
.form-grid .span-2{
    grid-column:1 / -1 !important;
}

/* Prevent labels/content from squeezing columns */
.admin-body .editor-drawer.wide.v24-service-editor
.form-grid > *{
    min-width:0 !important;
}

/* Footer buttons remain clean */
.admin-body .editor-drawer.wide.v24-service-editor
.drawer-form > footer{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
}

/* Moderate screens */
@media(max-width:1180px){
    .admin-body .editor-drawer.wide.v24-service-editor{
        width:min(1000px,95vw) !important;
    }
}

/* Mobile / narrow tablet stays one column */
@media(max-width:760px){
    .admin-body .editor-drawer.wide.v24-service-editor{
        width:100vw !important;
        max-width:100vw !important;
    }

    .admin-body .editor-drawer.wide.v24-service-editor
    .form-grid{
        grid-template-columns:1fr !important;
    }
}



/* ADMIN_SERVICES_COMPACT_V1 */

body.admin-body .admin-services-heading{
    align-items:center;
    gap:12px;
    margin:0 0 10px;
}

body.admin-body .admin-services-title{
    min-width:0;
}

body.admin-body .admin-services-heading h1{
    margin:0;
    font-size:23px;
    line-height:1.12;
    letter-spacing:-.025em;
}

body.admin-body .admin-services-heading-actions{
    display:flex;
    align-items:center;
    gap:7px;
    margin-left:auto;
}

body.admin-body #catalogue-order{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
}

body.admin-body #catalogue-order .button,
body.admin-body .admin-services-heading>.admin-services-heading-actions>.button{
    min-height:36px;
    padding:7px 11px;
    border-radius:9px;
    font-size:9.5px;
}

body.admin-body .admin-services-heading .button .ui-icon{
    width:13px;
    height:13px;
}


/* IMEI / SERVER / REMOTE */
body.admin-body .admin-service-tabs{
display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    margin:0 0 9px;
    padding:4px;
    border-radius:11px;
}

body.admin-body .admin-service-tabs a{
display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    min-height:34px;
    padding:6px 10px;
    border-radius:8px;
    font-size:10.75px;
    font-weight:750;
    line-height:1;
    text-align:center;
}


/* Search / group / status */
body.admin-body .catalog-toolbar.admin-filter{
    gap:6px;
    margin:0 0 10px;
    padding:7px;
    border-radius:12px;
}

body.admin-body .catalog-toolbar.admin-filter .search-control,
body.admin-body .catalog-toolbar.admin-filter input,
body.admin-body .catalog-toolbar.admin-filter select{
    min-height:38px;
    height:38px;
    font-size:10.5px;
}

body.admin-body .catalog-toolbar.admin-filter .button{
    min-height:38px;
    padding:7px 12px;
    border-radius:9px;
    font-size:9.5px;
}

body.admin-body .catalog-toolbar.admin-filter .admin-pretty-select{
    min-height:38px;
}


/* Service list header */
body.admin-body .service-admin-table{
    border-radius:14px;
}

body.admin-body .service-admin-table .service-table-header{
    min-height:52px;
    padding:9px 14px;
}

body.admin-body .service-admin-table .service-table-header h2{
    margin:0;
    font-size:15px;
    line-height:1.2;
}

body.admin-body .service-admin-table .service-table-header small{
    font-size:8px;
}

body.admin-body .service-bulk-actions{
    gap:8px;
    font-size:8.5px;
}

body.admin-body .service-bulk-actions .button{
    min-height:34px;
    padding:6px 10px;
    border-radius:8px;
    font-size:8.5px;
}


/* Table */
body.admin-body .service-admin-table th{
    padding:9px 12px;
    font-size:8px;
}

body.admin-body .service-admin-table td{
    padding:10px 12px;
    font-size:10px;
}

body.admin-body .service-admin-table td>strong{
    font-size:11.75px;
    line-height:1.25;
}

body.admin-body .service-admin-table td>small{
    margin-top:3px;
    font-size:7.5px;
}

body.admin-body .service-admin-table .type-chip,
body.admin-body .service-admin-table .status{
    font-size:8px;
}

body.admin-body .service-admin-table .table-link{
    font-size:8.5px;
}

body.admin-body .service-admin-table .catalogue-sort-controls{
    gap:3px;
}

body.admin-body .service-admin-table
.catalogue-sort-controls button{
    width:27px;
    height:27px;
    min-height:27px;
    padding:0;
    border-radius:7px;
    font-size:9px;
}


/* Responsive */
@media(max-width:760px){
    body.admin-body .admin-services-heading{
        align-items:stretch;
    }

    body.admin-body .admin-services-heading-actions{
        width:100%;
        margin-left:0;
    }

    body.admin-body .admin-services-heading-actions>*{
        flex:1;
    }
}

/* /ADMIN_SERVICES_COMPACT_V1 */

/* GLOBAL_BRAND_LOGO_SCALE_V1_START */

/*
 * Platform genelindeki yüklenmiş logoyu hafif büyüt.
 * Login/Register kendi özel auth kuralını kullanmaya devam eder.
 */
.brand.brand-has-image {
    overflow:visible !important;
}

.brand.brand-has-image .brand-symbol,
.brand.brand-has-image .mobile-brand-emblem,
.brand.brand-has-image .mobile-brand-treatment {
    overflow:visible !important;
}

@media (min-width:821px) {

    body:not(.auth-login-concept-v1)
    .brand.brand-has-image img[data-brand-logo] {
        transform:scale(1.10) !important;
        transform-origin:left center !important;
    }
}

/* Mobilde daha hafif */
@media (max-width:820px) {

    body:not(.auth-login-concept-v1)
    .brand.brand-has-image img[data-brand-logo] {
        transform:scale(1.06) !important;
        transform-origin:left center !important;
    }
}

/* GLOBAL_BRAND_LOGO_SCALE_V1_END */


/* ADMIN_CUSTOMER_DIRECTORY_CLEAN_V1 */

body.admin-body .customer-directory-tabs-clean{
    display:flex;
    align-items:center;
    gap:10px;
}

body.admin-body
.customer-directory-tabs-clean
.admin-customer-group-tabs{
    flex:1 1 auto;
    min-width:0;
    overflow-x:auto;
}

body.admin-body
.customer-directory-tabs-clean
.admin-customer-group-tabs > a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}

body.admin-body .customer-directory-count{
    display:inline-grid;
    place-items:center;
    min-width:21px;
    height:18px;
    padding:0 5px;
    border-radius:99px;
    color:var(--muted);
    background:var(--canvas);
    font-size:8px;
    font-weight:800;
}

body.admin-body
.customer-directory-tabs-clean
.admin-customer-group-tabs > a.active
.customer-directory-count{
    color:#fff;
    background:rgba(255,255,255,.18);
}

body.admin-body .customer-telegram-summary{
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
    min-height:34px;
    padding:6px 11px;
    border:1px solid var(--line);
    border-radius:10px;
    color:var(--muted);
    background:var(--surface);
    font-size:9px;
    font-weight:750;
    white-space:nowrap;
}

body.admin-body .customer-telegram-summary i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#15976f;
    box-shadow:0 0 0 4px rgba(21,151,111,.10);
}

body.admin-body .customer-telegram-summary strong{
    color:var(--ink);
    font-size:11px;
}

body.admin-body .customer-directory-filter-clean{
    grid-template-columns:
        minmax(320px,1fr)
        minmax(160px,190px)
        minmax(140px,160px)
        minmax(155px,180px)
        auto !important;

    align-items:center;
    gap:8px !important;
}

body.admin-body
.customer-directory-filter-clean > *{
    min-width:0;
    margin:0;
}

body.admin-body
.customer-directory-filter-clean
.search-control,
body.admin-body
.customer-directory-filter-clean
select,
body.admin-body
.customer-directory-filter-submit{
    height:42px;
}

body.admin-body
.customer-directory-filter-clean
select{
    width:100%;
    padding:0 34px 0 11px;
    border:1px solid var(--line);
    border-radius:10px;
    color:var(--ink);
    background:var(--surface);
    font-size:10px;
    font-weight:700;
    outline:0;
}

body.admin-body
.customer-directory-filter-clean
select:focus{
    border-color:#496DDA;
    box-shadow:0 0 0 3px rgba(73,109,218,.10);
}

body.admin-body .customer-directory-filter-submit{
    width:auto !important;
    min-width:100px;
    padding:0 17px;
}

@media(max-width:1050px){
    body.admin-body .customer-directory-filter-clean{
        grid-template-columns:1fr 1fr !important;
    }

    body.admin-body
    .customer-directory-filter-clean
    > .search-control{
        grid-column:1 / -1;
    }

    body.admin-body .customer-directory-filter-submit{
        width:100% !important;
    }
}

@media(max-width:700px){
    body.admin-body .customer-directory-tabs-clean{
        align-items:flex-start;
        flex-direction:column;
    }

    body.admin-body .customer-directory-filter-clean{
        grid-template-columns:1fr !important;
    }

    body.admin-body
    .customer-directory-filter-clean
    > .search-control{
        grid-column:auto;
    }
}


/* PRODUCT_REQUEST_ADMIN_BADGE_V1 */
.admin-product-request-alert{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    flex:none;
    border:1px solid var(--line);
    border-radius:11px;
    color:var(--ink);
    background:var(--surface);
    text-decoration:none;
}
.admin-product-request-alert>span{
    font-size:16px;
    line-height:1;
}
.admin-product-request-alert>b{
    position:absolute;
    right:-5px;
    top:-6px;
    display:grid;
    place-items:center;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border:2px solid var(--surface);
    border-radius:999px;
    color:#fff;
    background:#e23d57;
    font-size:9px;
    font-weight:900;
    line-height:1;
}


/* ADMIN_BULK_DEACTIVATE_BUTTON_STYLE_V1
 * Servis toplu pasif et aksiyonu:
 * primary mavi ile danger kirmizi arasinda soft amber.
 */
body.admin-body
.service-bulk-actions
.service-bulk-deactivate-button{
    color:#9a5a08 !important;
    border:1px solid #edbd68 !important;
    background:#fff6e5 !important;
    box-shadow:none !important;
}

body.admin-body
.service-bulk-actions
.service-bulk-deactivate-button:not(:disabled):hover{
    color:#814704 !important;
    border-color:#dfa23a !important;
    background:#ffedc9 !important;
    box-shadow:0 5px 14px rgba(188,120,20,.10) !important;
}

body.admin-body
.service-bulk-actions
.service-bulk-deactivate-button:not(:disabled):active{
    transform:translateY(1px);
    background:#ffe5b4 !important;
}

/* DARK */
html[data-theme="dark"]
body.admin-body
.service-bulk-actions
.service-bulk-deactivate-button,
html.v121-dark
body.admin-body
.service-bulk-actions
.service-bulk-deactivate-button{
    color:#f2c574 !important;
    border-color:rgba(232,171,63,.42) !important;
    background:rgba(184,116,18,.14) !important;
    box-shadow:none !important;
}

html[data-theme="dark"]
body.admin-body
.service-bulk-actions
.service-bulk-deactivate-button:not(:disabled):hover,
html.v121-dark
body.admin-body
.service-bulk-actions
.service-bulk-deactivate-button:not(:disabled):hover{
    color:#ffd58b !important;
    border-color:rgba(239,181,76,.64) !important;
    background:rgba(196,128,24,.22) !important;
}

@media (prefers-color-scheme:dark){
    html[data-theme="system"]
    body.admin-body
    .service-bulk-actions
    .service-bulk-deactivate-button{
        color:#f2c574 !important;
        border-color:rgba(232,171,63,.42) !important;
        background:rgba(184,116,18,.14) !important;
        box-shadow:none !important;
    }
}


/* ADMIN_SERVICES_BULK_DEACTIVATE_SCOPE_V2 */

body.admin-body .bulk-deactivate-drawer{
    width:min(720px,94vw);
}

body.admin-body .bulk-deactivate-mode-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}

body.admin-body .bulk-deactivate-mode-card,
body.admin-body .bulk-deactivate-group-option{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px 13px;
    border:1px solid var(--line);
    border-radius:11px;
    background:var(--surface);
    cursor:pointer;
}

body.admin-body .bulk-deactivate-mode-card:hover,
body.admin-body .bulk-deactivate-group-option:hover{
    border-color:#d9a449;
    background:#fff9ee;
}

body.admin-body .bulk-deactivate-mode-card input,
body.admin-body .bulk-deactivate-group-option input{
    flex:0 0 auto;
    width:17px;
    height:17px;
    margin-top:2px;
    accent-color:#d69a32;
}

body.admin-body .bulk-deactivate-mode-card span,
body.admin-body .bulk-deactivate-group-option span{
    display:grid;
    gap:3px;
    min-width:0;
}

body.admin-body .bulk-deactivate-mode-card strong,
body.admin-body .bulk-deactivate-group-option strong{
    color:var(--ink);
    font-size:11px;
}

body.admin-body .bulk-deactivate-mode-card small,
body.admin-body .bulk-deactivate-group-option small{
    color:var(--muted);
    font-size:9px;
    line-height:1.45;
}

body.admin-body .bulk-deactivate-groups{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid var(--line);
}

body.admin-body .bulk-deactivate-groups[hidden]{
    display:none !important;
}

body.admin-body .bulk-deactivate-groups-title{
    grid-column:1/-1;
    margin:0 0 3px;
    color:var(--muted);
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}

body.admin-body .bulk-deactivate-footer{
    display:flex;
    justify-content:flex-end;
    gap:8px;
}

html[data-theme="dark"]
body.admin-body .bulk-deactivate-mode-card:hover,
html[data-theme="dark"]
body.admin-body .bulk-deactivate-group-option:hover,
html.v121-dark
body.admin-body .bulk-deactivate-mode-card:hover,
html.v121-dark
body.admin-body .bulk-deactivate-group-option:hover{
    border-color:rgba(232,171,63,.48);
    background:rgba(184,116,18,.11);
}

@media(max-width:720px){
    body.admin-body .bulk-deactivate-mode-grid,
    body.admin-body .bulk-deactivate-groups{
        grid-template-columns:1fr;
    }
}


/* BULK_DEACTIVATE_POPUP_STATE_FIX_V1 */

/*
 * Servisler sayfasina girildiginde popup ASLA acilmaz.
 * Sadece JS is-open class'i verdiginde gorunur.
 */
body.admin-body
.bulk-deactivate-layer{
    display:none !important;
}

body.admin-body
.bulk-deactivate-layer[hidden]{
    display:none !important;
}

body.admin-body
.bulk-deactivate-layer.is-open:not([hidden]){
    display:grid !important;
}


/* ADMIN_ORDER_TYPE_TABS_ONE_ROW_V1 */
body.admin-body .admin-order-type-tabs{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:stretch !important;
    margin:0 0 14px !important;
}

body.admin-body .admin-order-type-tabs > a{
    grid-column:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:48px !important;
    padding:14px 16px !important;
    margin:0 !important;
    border:1px solid #d9e2f1 !important;
    border-radius:16px !important;
    background:#fff !important;
    color:#6f829f !important;
    text-align:center !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
}

body.admin-body .admin-order-type-tabs > a.active{
    grid-column:auto !important;
    background:#162846 !important;
    color:#fff !important;
    border-color:#162846 !important;
    box-shadow:none !important;
}

@media (max-width:900px){
    body.admin-body .admin-order-type-tabs{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:560px){
    body.admin-body .admin-order-type-tabs{
        grid-template-columns:1fr !important;
    }
}

/* ANNOUNCEMENT_PAGINATION_UI_V1_BEGIN */

html body .announcement-pagination-v1{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;

    margin:14px 0 6px !important;
    padding:6px !important;

    box-sizing:border-box !important;
}

html body .announcement-pagination-v1 nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    max-width:100% !important;

    margin:0 !important;
}

html body .announcement-pagination-v1
nav > div:nth-child(2){
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;

    margin:0 !important;
}

html body .announcement-pagination-v1
nav > div:nth-child(2) > div:first-child{
    display:none !important;
}

html body .announcement-pagination-v1
nav > div:nth-child(2) > div:last-child{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:5px !important;

    margin:0 !important;
}

html body .announcement-pagination-v1
nav > div:nth-child(2) > div:last-child > span{
    display:flex !important;
    align-items:center !important;

    gap:5px !important;

    margin:0 !important;
}


/* ONCEKI / SONRAKI / SAYFA NUMARALARI */
html body .announcement-pagination-v1 a,
html body .announcement-pagination-v1
span[aria-disabled="true"] > span,
html body .announcement-pagination-v1
span[aria-current="page"] > span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:34px !important;
    height:34px !important;

    margin:0 !important;
    padding:0 9px !important;

    box-sizing:border-box !important;

    border:1px solid var(--line, #dbe2ee) !important;
    border-radius:8px !important;

    color:var(--ink, #17233d) !important;
    background:var(--surface, #ffffff) !important;

    font-size:12px !important;
    font-weight:750 !important;
    line-height:1 !important;

    text-decoration:none !important;

    box-shadow:none !important;

    transition:
        border-color .16s ease,
        background .16s ease,
        color .16s ease !important;
}


/* AKTIF SAYFA */
html body .announcement-pagination-v1
span[aria-current="page"] > span{
    width:34px !important;
    min-width:34px !important;

    padding:0 !important;

    color:#ffffff !important;
    background:#5261eb !important;
    border-color:#5261eb !important;

    box-shadow:
        0 4px 10px rgba(82,97,235,.16) !important;
}


/* DIGER SAYFA NUMARALARI */
html body .announcement-pagination-v1
a[aria-label*="page"],
html body .announcement-pagination-v1
a[aria-label*="Page"]{
    width:34px !important;
    min-width:34px !important;

    padding:0 !important;
}


html body .announcement-pagination-v1 a:hover{
    color:#5261eb !important;
    border-color:#8d98ef !important;

    background:
        color-mix(
            in srgb,
            #5261eb 6%,
            var(--surface, #fff)
        ) !important;
}


/* DISABLED */
html body .announcement-pagination-v1
span[aria-disabled="true"] > span{
    color:var(--muted, #98a2b4) !important;

    background:
        color-mix(
            in srgb,
            var(--surface, #fff) 90%,
            var(--canvas, #f4f6fa)
        ) !important;

    opacity:.7 !important;
}


/* OKLAR */
html body .announcement-pagination-v1 svg{
    display:block !important;

    width:14px !important;
    height:14px !important;

    min-width:14px !important;
    min-height:14px !important;

    margin:0 !important;
}


/* MOBIL */
@media (max-width:760px){

    html body .announcement-pagination-v1{
        justify-content:flex-start !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        padding:6px 2px 8px !important;

        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    html body .announcement-pagination-v1::-webkit-scrollbar{
        display:none;
    }

    html body .announcement-pagination-v1
    nav > div:first-child{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:5px !important;

        width:max-content !important;
        min-width:100% !important;
    }

    html body .announcement-pagination-v1
    nav > div:nth-child(2){
        display:none !important;
    }

    html body .announcement-pagination-v1 a,
    html body .announcement-pagination-v1
    span[aria-disabled="true"] > span,
    html body .announcement-pagination-v1
    span[aria-current="page"] > span{
        min-width:32px !important;
        height:32px !important;

        padding:0 8px !important;

        border-radius:8px !important;

        font-size:11px !important;
    }
}

/* ANNOUNCEMENT_PAGINATION_UI_V1_END */

/* REGISTRATION_PENDING_CLEAR_V3_BEGIN */

html body.auth-body .registration-pending-card{
    display:grid;
    gap:10px;

    width:100%;
    max-width:500px;

    margin:0 auto;
    padding:20px;

    box-sizing:border-box;

    border:1px solid #dce4ef;
    border-radius:19px;

    background:#fff;

    box-shadow:
        0 18px 44px
        rgba(20,34,58,.09);
}

html body.auth-body .registration-pending-topline,
html body.auth-body .registration-pending-title,
html body.auth-body .registration-pending-step,
html body.auth-body .registration-pending-whatsapp,
html body.auth-body .registration-pending-back{
    width:100%;
    box-sizing:border-box;
}


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

html body.auth-body .registration-pending-topline{
    display:flex;
    align-items:center;
    gap:7px;

    min-height:46px;

    padding:0 13px;

    border:1px solid #efc36b;
    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            #fff9eb,
            #fff3d9
        );
}

html body.auth-body .registration-pending-pulse{
    width:9px;
    height:9px;

    flex:0 0 9px;

    border-radius:50%;

    background:#f59e0b;

    animation:
        pendingDotPulse 1.15s ease-out infinite;
}

html body.auth-body .registration-pending-topline strong{
    color:#754600 !important;

    font-size:10.5px;
    line-height:1.2;

    font-weight:900;

    letter-spacing:.02em;
}

html body.auth-body .registration-pending-topline small{
    color:#956119 !important;

    font-size:9px;
    line-height:1.2;

    font-weight:800;
}

html body.auth-body .registration-pending-separator{
    color:#c18b36;
}


/* ===== ACCOUNT CREATED ===== */

html body.auth-body .registration-pending-title{
    display:grid;

    grid-template-columns:
        46px minmax(0,1fr);

    align-items:center;

    gap:12px;

    min-height:80px;

    padding:12px 13px;

    border:1px solid #91d4b3;
    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            #edf9f3,
            #f8fcfa
        );
}

html body.auth-body .registration-pending-success{
    display:grid;
    place-items:center;

    width:46px;
    height:46px;

    border-radius:13px;

    color:#fff;

    background:#18ad68;

    box-shadow:
        0 7px 18px
        rgba(24,173,104,.17);
}

html body.auth-body .registration-pending-success .ui-icon{
    width:20px;
    height:20px;
}

html body.auth-body .registration-pending-title h2{
    margin:0;

    color:#10233c !important;

    font-size:18px;
    line-height:1.18;

    font-weight:900;

    letter-spacing:-.015em;
}

html body.auth-body .registration-pending-title p{
    margin:5px 0 0;

    color:#53677e !important;

    font-size:10.5px;
    line-height:1.38;

    font-weight:700;
}

html body.auth-body .registration-pending-title p > span{
    display:block;

    margin-top:2px;

    color:#8392a5 !important;

    font-size:9px;

    font-weight:650;
}


/* ===== STEPS ===== */

html body.auth-body .registration-pending-step{
    display:grid;

    grid-template-columns:
        38px minmax(0,1fr);

    align-items:center;

    gap:12px;

    min-height:72px;

    padding:11px 13px;

    border:1px solid #253d5f;
    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            #172942,
            #122137
        );
}

html body.auth-body .registration-pending-step-number{
    display:grid;
    place-items:center;

    width:38px;
    height:38px;

    border-radius:10px;

    color:#8d9fff;

    background:#202f55;

    font-size:13px;

    font-weight:950;
}

html body.auth-body .registration-pending-step strong{
    display:block;

    color:#fff !important;

    font-size:12px;
    line-height:1.28;

    font-weight:900;
}

html body.auth-body .registration-pending-step small{
    display:block;

    margin-top:4px;

    color:#c2cede !important;

    font-size:9.7px;
    line-height:1.38;

    font-weight:700;
}

html body.auth-body .registration-pending-step small > span{
    color:#899bb4 !important;

    font-weight:650;
}


/* ===== STEP 1 ===== */

html body.auth-body .registration-pending-step-important{
    border-color:#edbd58;

    background:
        linear-gradient(
            135deg,
            #fff8e9,
            #fff2d7
        );

    animation:
        pendingInstructionGlow
        1.6s
        ease-in-out
        infinite;
}

html body.auth-body
.registration-pending-step-important
.registration-pending-step-number{
    color:#8c5400;

    background:#ffe9b7;
}

html body.auth-body
.registration-pending-step-important strong{
    color:#643d00 !important;
}

html body.auth-body
.registration-pending-step-important small{
    color:#775b28 !important;
}

html body.auth-body
.registration-pending-step-important small > span{
    color:#a17c3d !important;
}


/* ===== WHATSAPP PRIMARY CTA ===== */

html body.auth-body .registration-pending-whatsapp{
    display:grid;

    grid-template-columns:
        46px minmax(0,1fr) auto;

    align-items:center;

    gap:12px;

    min-height:72px;

    padding:11px 13px;

    border:1px solid #60c890;
    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            #e9faf1,
            #f5fcf8
        );

    color:#086b39;

    text-decoration:none;

    box-shadow:
        0 5px 16px
        rgba(32,184,93,.06);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

html body.auth-body .registration-pending-whatsapp:hover{
    transform:translateY(-1px);

    border-color:#39b573;

    box-shadow:
        0 9px 22px
        rgba(32,184,93,.13);
}

html body.auth-body .registration-pending-wa{
    display:grid;
    place-items:center;

    width:46px;
    height:46px;

    border-radius:50%;

    color:#fff;

    background:#20b85d;

    font-size:15px;
    font-weight:950;

    box-shadow:
        0 7px 17px
        rgba(32,184,93,.18);
}

html body.auth-body .registration-pending-wa-copy{
    min-width:0;
}

html body.auth-body .registration-pending-wa-copy strong{
    display:block;

    color:#08703b !important;

    font-size:13px;
    line-height:1.2;

    font-weight:900;
}

html body.auth-body .registration-pending-wa-copy small{
    display:block;

    margin-top:4px;

    color:#4c715e !important;

    font-size:9.7px;

    font-weight:700;
}

html body.auth-body .registration-pending-wa-copy small span{
    color:#799585 !important;
}

html body.auth-body .registration-pending-arrow{
    color:#087f45;

    font-size:22px;
    line-height:1;

    font-weight:900;

    animation:
        pendingArrowMove
        .9s
        ease-in-out
        infinite;
}


/* ===== BACK ===== */

html body.auth-body .registration-pending-back{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:7px;

    min-height:46px;

    padding:0 13px;

    border:1px solid #172942;
    border-radius:11px;

    color:#fff !important;

    background:#17253a;

    font-size:10.5px;

    font-weight:850;

    text-decoration:none;
}


/* ===== DARK ===== */

html[data-theme="dark"]
body.auth-body .registration-pending-card{
    border-color:#263b57;

    background:#111d2e;
}

html[data-theme="dark"]
body.auth-body .registration-pending-topline{
    border-color:#72582d;

    background:#2a2419;
}

html[data-theme="dark"]
body.auth-body .registration-pending-topline strong{
    color:#f0cb82 !important;
}

html[data-theme="dark"]
body.auth-body .registration-pending-topline small{
    color:#c6a967 !important;
}

html[data-theme="dark"]
body.auth-body .registration-pending-title{
    border-color:#2b694a;

    background:#132a21;
}

html[data-theme="dark"]
body.auth-body .registration-pending-title h2{
    color:#f3f8f5 !important;
}

html[data-theme="dark"]
body.auth-body .registration-pending-title p{
    color:#b4c8bb !important;
}

html[data-theme="dark"]
body.auth-body .registration-pending-title p > span{
    color:#82988a !important;
}

html[data-theme="dark"]
body.auth-body .registration-pending-step-important{
    border-color:#765b27;

    background:#2b251a;
}

html[data-theme="dark"]
body.auth-body .registration-pending-step-important strong{
    color:#f3d28b !important;
}

html[data-theme="dark"]
body.auth-body .registration-pending-step-important small{
    color:#d0b579 !important;
}

html[data-theme="dark"]
body.auth-body .registration-pending-whatsapp{
    border-color:#31704f;

    background:#132b21;
}

html[data-theme="dark"]
body.auth-body .registration-pending-wa-copy strong{
    color:#7be5a7 !important;
}

html[data-theme="dark"]
body.auth-body .registration-pending-wa-copy small{
    color:#aecbb9 !important;
}


/* ===== MOBILE ===== */

@media(max-width:640px){

    html body.auth-body .registration-pending-card{
        gap:9px;

        max-width:100%;

        padding:15px;

        border-radius:17px;
    }

    html body.auth-body .registration-pending-topline{
        min-height:44px;

        padding:7px 10px;

        flex-wrap:wrap;
    }

    html body.auth-body .registration-pending-topline strong{
        font-size:9px;
    }

    html body.auth-body .registration-pending-topline small{
        font-size:7.5px;
    }

    html body.auth-body .registration-pending-title{
        grid-template-columns:
            42px minmax(0,1fr);

        min-height:76px;

        gap:10px;

        padding:10px 11px;
    }

    html body.auth-body .registration-pending-success{
        width:42px;
        height:42px;
    }

    html body.auth-body .registration-pending-title h2{
        font-size:15px;
    }

    html body.auth-body .registration-pending-title p{
        font-size:9.5px;
    }

    html body.auth-body .registration-pending-title p > span{
        font-size:8px;
    }

    html body.auth-body .registration-pending-step{
        min-height:70px;

        grid-template-columns:
            35px minmax(0,1fr);

        gap:10px;

        padding:10px 11px;
    }

    html body.auth-body .registration-pending-step-number{
        width:35px;
        height:35px;
    }

    html body.auth-body .registration-pending-step strong{
        font-size:11px;
    }

    html body.auth-body .registration-pending-step small{
        font-size:9px;
    }

    html body.auth-body .registration-pending-whatsapp{
        min-height:69px;

        grid-template-columns:
            42px minmax(0,1fr) auto;

        gap:10px;

        padding:10px 11px;
    }

    html body.auth-body .registration-pending-wa{
        width:42px;
        height:42px;
    }

    html body.auth-body .registration-pending-wa-copy strong{
        font-size:11.5px;
    }

    html body.auth-body .registration-pending-wa-copy small{
        font-size:9px;
    }

    html body.auth-body .registration-pending-back{
        min-height:44px;

        font-size:10px;
    }
}


/* ===== MOTION ===== */

@keyframes pendingDotPulse{
    0%{
        box-shadow:
            0 0 0 0
            rgba(245,158,11,.5);
    }

    70%{
        box-shadow:
            0 0 0 7px
            rgba(245,158,11,0);
    }

    100%{
        box-shadow:
            0 0 0 0
            rgba(245,158,11,0);
    }
}

@keyframes pendingInstructionGlow{
    0%,
    100%{
        box-shadow:
            0 0 0 0
            rgba(245,158,11,0);
    }

    50%{
        box-shadow:
            0 0 0 4px
            rgba(245,158,11,.07),
            0 7px 18px
            rgba(183,121,15,.07);
    }
}

@keyframes pendingArrowMove{
    0%,
    100%{
        transform:translateX(0);
    }

    50%{
        transform:translateX(5px);
    }
}

@media(prefers-reduced-motion:reduce){

    html body.auth-body .registration-pending-pulse,
    html body.auth-body .registration-pending-step-important,
    html body.auth-body .registration-pending-arrow{
        animation:none !important;
    }
}

/* REGISTRATION_PENDING_CLEAR_V3_END */

/* FRIENDLY_429_LOGIN_V1_BEGIN */

html body.rate-limit-error-body{
    min-height:100vh;

    margin:0;

    display:grid;
    place-items:center;

    padding:24px;

    box-sizing:border-box;

    color:var(--ink,#17233d);

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(73,104,223,.08),
            transparent 34%
        ),
        var(--canvas,#f5f7fb);
}


html body.rate-limit-error-body
.rate-limit-error-shell{
    width:100%;
    max-width:500px;
}


html body.rate-limit-error-body
.rate-limit-error-card{
    display:grid;

    gap:14px;

    width:100%;

    padding:24px;

    box-sizing:border-box;

    border:1px solid var(--line,#dce4ef);
    border-radius:21px;

    background:var(--surface,#fff);

    box-shadow:
        0 24px 60px
        rgba(20,34,58,.11);
}


/* STATUS */
html body.rate-limit-error-body
.rate-limit-status{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:6px;

    min-height:42px;

    padding:0 12px;

    box-sizing:border-box;

    border:
        1px solid
        rgba(245,158,11,.30);

    border-radius:12px;

    color:#995b00;

    background:
        rgba(245,158,11,.075);
}


html body.rate-limit-error-body
.rate-limit-status strong{
    font-size:9px;
    font-weight:900;
    letter-spacing:.04em;
}


html body.rate-limit-error-body
.rate-limit-status small{
    font-size:8px;
    font-weight:800;
    letter-spacing:.035em;
}


/* PULSE */
html body.rate-limit-error-body
.rate-limit-pulse{
    width:9px;
    height:9px;

    flex:0 0 9px;

    border-radius:50%;

    background:#f59e0b;

    animation:
        rateLimitPulse
        1.1s
        ease-out
        infinite;
}


@keyframes rateLimitPulse{

    0%{
        box-shadow:
            0 0 0 0
            rgba(245,158,11,.55);
    }

    70%{
        box-shadow:
            0 0 0 11px
            rgba(245,158,11,0);
    }

    100%{
        box-shadow:
            0 0 0 0
            rgba(245,158,11,0);
    }

}


/* TITLE */
html body.rate-limit-error-body
.rate-limit-heading{
    display:grid;

    grid-template-columns:
        46px
        minmax(0,1fr);

    gap:13px;

    align-items:center;

    min-height:75px;

    padding:8px 10px;
}


html body.rate-limit-error-body
.rate-limit-icon{
    display:grid;
    place-items:center;

    width:46px;
    height:46px;

    border-radius:14px;

    color:#fff;
    background:#f59e0b;

    font-size:23px;
    font-weight:950;

    animation:
        rateLimitIconGlow
        1.7s
        ease-in-out
        infinite;
}


@keyframes rateLimitIconGlow{

    0%,
    100%{
        box-shadow:
            0 0 0 0
            rgba(245,158,11,0);
    }

    50%{
        box-shadow:
            0 0 0 6px
            rgba(245,158,11,.10);
    }

}


html body.rate-limit-error-body
.rate-limit-heading h1{
    margin:0;

    color:var(--ink,#17233d);

    font-size:22px;
    font-weight:900;
    line-height:1.12;
}


html body.rate-limit-error-body
.rate-limit-heading p{
    margin:4px 0 0;

    color:var(--muted,#708099);

    font-size:11px;
    font-weight:700;
}


/* INFO STEPS */
html body.rate-limit-error-body
.rate-limit-info{
    display:grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    align-items:center;

    gap:11px;

    min-height:64px;

    padding:11px 13px;

    box-sizing:border-box;

    border:1px solid var(--line,#dce4ef);
    border-radius:13px;

    background:
        color-mix(
            in srgb,
            #5267df 3%,
            var(--surface,#fff)
        );
}


html body.rate-limit-error-body
.rate-limit-info-warning{
    border-color:
        rgba(245,158,11,.34);

    background:
        rgba(245,158,11,.055);

    animation:
        rateLimitWarningGlow
        1.55s
        ease-in-out
        infinite;
}


@keyframes rateLimitWarningGlow{

    0%,
    100%{
        border-color:
            rgba(245,158,11,.27);

        box-shadow:none;
    }

    50%{
        border-color:
            rgba(245,158,11,.72);

        box-shadow:
            0 0 0 5px
            rgba(245,158,11,.07);
    }

}


html body.rate-limit-error-body
.rate-limit-step{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    border-radius:10px;

    color:#a86000;
    background:
        rgba(245,158,11,.14);

    font-size:12px;
    font-weight:950;
}


html body.rate-limit-error-body
.rate-limit-info strong{
    display:block;

    font-size:11px;
    font-weight:900;
}


html body.rate-limit-error-body
.rate-limit-info small{
    display:block;

    margin-top:3px;

    color:var(--muted,#708099);

    font-size:9px;
    font-weight:650;
}


/* TIMER */
html body.rate-limit-error-body
.rate-limit-timer{
    display:grid;
    place-items:center;

    gap:3px;

    min-height:100px;

    padding:12px;

    border:
        1px solid
        rgba(82,103,223,.20);

    border-radius:14px;

    background:
        color-mix(
            in srgb,
            #5267df 5%,
            var(--surface,#fff)
        );

    text-align:center;
}


html body.rate-limit-error-body
.rate-limit-timer > span{
    color:var(--muted,#708099);

    font-size:8px;
    font-weight:900;
    letter-spacing:.10em;
}


html body.rate-limit-error-body
.rate-limit-timer strong{
    color:#5267df;

    font-size:34px;
    font-weight:950;
    line-height:1;
}


html body.rate-limit-error-body
.rate-limit-timer strong small{
    font-size:12px;
    font-weight:850;
}


html body.rate-limit-error-body
.rate-limit-timer em{
    color:var(--muted,#708099);

    font-size:8px;
    font-style:normal;
    font-weight:750;
}


/* VISUAL WAIT BAR */
html body.rate-limit-error-body
.rate-limit-progress{
    position:relative;

    height:6px;

    overflow:hidden;

    border-radius:999px;

    background:
        color-mix(
            in srgb,
            #5267df 10%,
            var(--line,#dce4ef)
        );
}


html body.rate-limit-error-body
.rate-limit-progress span{
    position:absolute;

    inset:0 auto 0 0;

    width:100%;

    border-radius:inherit;

    background:
        linear-gradient(
            90deg,
            #5267df,
            #7b8cf2
        );

    transform-origin:left center;

    animation:
        rateLimitProgress
        60s
        linear
        forwards;
}


@keyframes rateLimitProgress{

    from{
        transform:scaleX(1);
    }

    to{
        transform:scaleX(0);
    }

}


/* BACK */
html body.rate-limit-error-body
.rate-limit-back{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:6px;

    min-height:44px;

    padding:0 12px;

    box-sizing:border-box;

    border:1px solid var(--line,#dce4ef);
    border-radius:11px;

    color:var(--ink,#17233d);
    background:var(--surface,#fff);

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

    text-decoration:none;
}


html body.rate-limit-error-body
.rate-limit-back:hover{
    border-color:
        rgba(82,103,223,.40);

    color:#5267df;
}


html body.rate-limit-error-body
.rate-limit-auto-note{
    margin:0;

    color:var(--muted,#708099);

    font-size:9px;
    font-weight:700;
    line-height:1.55;

    text-align:center;
}


html body.rate-limit-error-body
.rate-limit-auto-note small{
    display:block;

    margin-top:2px;

    font:inherit;

    opacity:.8;
}


/* DARK */
@media(prefers-color-scheme:dark){

    html[data-theme="system"]
    body.rate-limit-error-body{
        --ink:#e7edf8;
        --muted:#91a0b8;
        --line:#25334a;
        --surface:#111c2d;
        --canvas:#0b1422;
    }

}


/* MOBILE */
@media(max-width:640px){

    html body.rate-limit-error-body{
        padding:18px;
    }

    html body.rate-limit-error-body
    .rate-limit-error-card{
        gap:11px;

        padding:18px;

        border-radius:18px;
    }

    html body.rate-limit-error-body
    .rate-limit-heading h1{
        font-size:20px;
    }

    html body.rate-limit-error-body
    .rate-limit-timer{
        min-height:90px;
    }

    html body.rate-limit-error-body
    .rate-limit-timer strong{
        font-size:30px;
    }

}


@media(prefers-reduced-motion:reduce){

    html body.rate-limit-error-body
    .rate-limit-pulse,

    html body.rate-limit-error-body
    .rate-limit-icon,

    html body.rate-limit-error-body
    .rate-limit-info-warning{
        animation:none !important;
    }

}

/* FRIENDLY_429_LOGIN_V1_END */


/* FRIENDLY_429_PASSWORD_RESET_STEP_V1 */

html body.rate-limit-error-body
.rate-limit-password-reset{
    grid-template-columns:
        34px
        minmax(0,1fr)
        auto;

    color:inherit;
    text-decoration:none;

    cursor:pointer;

    transition:
        border-color .16s ease,
        background .16s ease,
        transform .16s ease;
}

html body.rate-limit-error-body
.rate-limit-password-reset:hover{
    transform:translateY(-1px);

    border-color:
        rgba(82,103,223,.45);

    background:
        color-mix(
            in srgb,
            #5267df 7%,
            var(--surface,#fff)
        );
}

html body.rate-limit-error-body
.rate-limit-reset-arrow{
    color:#5267df;

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

    animation:
        rateLimitResetArrow
        1.15s
        ease-in-out
        infinite;
}

@keyframes rateLimitResetArrow{
    0%,
    100%{
        transform:translateX(0);
    }

    50%{
        transform:translateX(4px);
    }
}

/* ADMIN_ORDER_BULK_MANUAL_DISPATCH_V1_BEGIN */
.admin-order-bulk-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:14px;
    padding:11px 13px;
    border:1px solid var(--line);
    border-radius:13px;
    background:var(--canvas);
}

.admin-order-bulk-toolbar>div{
    min-width:0;
}

.admin-order-bulk-toolbar strong,
.admin-order-bulk-toolbar small{
    display:block;
}

.admin-order-bulk-toolbar strong{
    font-size:11px;
}

.admin-order-bulk-toolbar small{
    margin-top:3px;
    color:var(--muted);
    font-size:9px;
    line-height:1.45;
}

.admin-order-card.admin-order-bulk-card{
    grid-template-columns:
        32px
        minmax(280px,1.4fr)
        minmax(180px,.8fr)
        140px
        auto;
}

.admin-order-select-cell{
    display:grid;
    place-items:center;
    width:32px;
    min-width:32px;
}

.admin-order-select-cell input{
    width:18px;
    height:18px;
    margin:0;
    accent-color:var(--brand);
    cursor:pointer;
}

.admin-order-select-placeholder{
    display:block;
    width:18px;
    height:18px;
}

@media(max-width:760px){
    .admin-order-bulk-toolbar{
        align-items:stretch;
        flex-direction:column;
        gap:9px;
    }

    .admin-order-bulk-toolbar .button{
        width:100%;
    }

    .admin-order-card.admin-order-bulk-card{
        grid-template-columns:28px minmax(0,1fr) auto;
        gap:10px;
    }

    .admin-order-bulk-card>.admin-order-select-cell{
        grid-column:1;
        grid-row:1 / span 2;
        width:28px;
        min-width:28px;
    }

    .admin-order-bulk-card>.order-main{
        grid-column:2;
        grid-row:1;
    }

    .admin-order-bulk-card>.order-amount{
        grid-column:2;
        grid-row:2;
    }

    .admin-order-bulk-card>.button{
        grid-column:3;
        grid-row:1 / span 2;
        align-self:center;
    }
}
/* ADMIN_ORDER_BULK_MANUAL_DISPATCH_V1_END */

/* ADMIN_ORDER_BULK_SELECT_ALL_V1_BEGIN */
.admin-order-bulk-toolbar-v2{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.admin-order-bulk-select-all{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    cursor:pointer;
}

.admin-order-bulk-select-all>input{
    width:18px;
    height:18px;
    margin:0;
    flex:0 0 18px;
    accent-color:var(--brand);
    cursor:pointer;
}

.admin-order-bulk-select-all>span{
    min-width:0;
}

.admin-order-bulk-select-all strong,
.admin-order-bulk-select-all small{
    display:block;
}

.admin-order-bulk-select-all strong{
    font-size:11px;
}

.admin-order-bulk-select-all small{
    margin-top:2px;
    color:var(--muted);
    font-size:9px;
}

.admin-order-bulk-summary{
    display:flex;
    align-items:center;
    gap:12px;
}

.admin-order-bulk-summary>span{
    color:var(--muted);
    font-size:10px;
    font-weight:700;
    white-space:nowrap;
}

.admin-order-bulk-summary>span b{
    color:var(--text);
    font-weight:850;
}

.admin-order-bulk-summary .button:disabled{
    opacity:.48;
    cursor:not-allowed;
}

@media(max-width:760px){
    .admin-order-bulk-toolbar-v2,
    .admin-order-bulk-summary{
        align-items:stretch;
        flex-direction:column;
    }

    .admin-order-bulk-summary{
        gap:8px;
    }

    .admin-order-bulk-summary .button{
        width:100%;
    }
}
/* ADMIN_ORDER_BULK_SELECT_ALL_V1_END */

/* ===== SOURCE: assets/premium-v9.css ===== */
/* UnlockGrid premium v9 — stable branding, group prices, bank automation and flatter customer flows */
.editor-drawer{overflow-x:hidden!important}
.brand:has(.brand-logo-only){gap:0!important}.brand .brand-symbol.brand-logo-only{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:174px!important;min-width:0!important;max-width:174px!important;height:50px!important;flex:0 1 174px!important;padding:4px 7px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 8px 22px rgba(12,22,43,.14)!important}.brand .brand-symbol.brand-logo-only img{display:block!important;width:100%!important;max-width:160px!important;height:100%!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important}.customer-brand.brand-has-image{width:188px!important;min-width:188px!important;max-width:188px!important;flex:0 0 188px!important;height:58px!important;padding:0 14px 0 0!important}.customer-brand.brand-has-image .brand-symbol.brand-logo-only{width:174px!important;max-width:174px!important;flex-basis:174px!important}.premium-admin-sidebar>.brand:has(.brand-logo-only){justify-content:center;padding-inline:5px!important}.premium-admin-sidebar .brand-symbol.brand-logo-only{width:190px!important;max-width:190px!important;flex-basis:190px!important}.premium-admin-sidebar .brand-symbol.brand-logo-only img{max-width:176px!important;object-position:center}.auth-story .brand-symbol.brand-logo-only{background:rgba(255,255,255,.96)!important}.auth-panel-brand .brand-symbol.brand-logo-only{border-color:var(--line)!important}

.group-price-badge{display:inline-flex;margin-left:6px;padding:3px 6px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff;background:#695cf0;font:800 7px/1.2 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}.dialog-group-price{display:block;margin-top:3px;color:var(--brand);font-size:8px;font-weight:800}.service-group-pricing-form{padding:0!important}.group-pricing-intro{display:flex;gap:14px;padding:22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),var(--surface))}.group-pricing-intro>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2))}.group-pricing-intro h3{margin:0 0 5px;font-size:17px}.group-pricing-intro p:last-child{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.group-price-list{display:grid;gap:8px;padding:18px 22px}.group-price-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) 170px;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.group-price-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--group-color);background:color-mix(in srgb,var(--group-color) 12%,var(--surface));font-weight:900}.group-price-name strong,.group-price-name small{display:block}.group-price-name strong{font-size:12px}.group-price-name small{margin-top:4px;color:var(--muted);font-size:8px}.group-price-input{display:flex;align-items:center;height:42px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.group-price-input em{padding:0 10px;color:var(--muted);font-size:9px;font-style:normal;font-weight:800}.group-price-input input{height:100%;min-width:0;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}.service-group-pricing-form>footer{padding:16px 22px;border-top:1px solid var(--line);text-align:right}

.bank-mail-security-banner{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #bfe9dd;border-radius:12px;color:#116c53;background:#f0fbf7}.bank-mail-security-banner strong{font-size:11px}.bank-mail-security-banner span{color:#4d776c;font-size:9px}.bank-mail-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px;padding:17px 22px;border-top:1px solid var(--line);background:var(--canvas)}.bank-mail-tools>div strong,.bank-mail-tools>div span,.bank-mail-tools>div small{display:block}.bank-mail-tools>div strong{font-size:11px}.bank-mail-tools>div span,.bank-mail-tools>div small{margin-top:4px;color:var(--muted);font-size:8px}.bank-mail-tools form{display:flex;align-items:end;gap:7px}.bank-mail-tools input{width:155px;height:42px;padding:0 10px;border:1px solid var(--line);border-radius:10px}.bank-mail-log{padding:18px 22px}.bank-mail-log>header{display:flex;justify-content:space-between;margin-bottom:10px}.bank-mail-log>header strong{font-size:12px}.bank-mail-log>header span{color:var(--muted);font-size:8px}.bank-mail-log>div:not(.empty-inline){display:grid;grid-template-columns:82px 110px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line);font-size:9px}.bank-mail-log time{color:var(--muted)}

.automatic-bank-card{margin:0 0 16px;overflow:hidden;border-color:#cbe8df!important;background:linear-gradient(135deg,#fff 0%,#f4fbf8 100%)!important}.automatic-bank-card>header{padding:17px 20px!important}.automatic-bank-card>header h2{font-size:16px!important}.automatic-bank-grid{display:grid;grid-template-columns:.8fr 1.4fr 1.1fr;gap:0;padding:0 20px 18px}.automatic-bank-grid>div{min-width:0;padding:15px;border:1px solid var(--line);border-right:0;background:var(--surface)}.automatic-bank-grid>div:first-child{border-radius:12px 0 0 12px}.automatic-bank-grid>div:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}.automatic-bank-grid span,.automatic-bank-grid strong,.automatic-bank-grid small{display:block}.automatic-bank-grid span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.automatic-bank-grid strong{margin-top:7px;overflow-wrap:anywhere;font-size:12px}.bank-deposit-code strong{color:var(--brand);font:800 15px ui-monospace,SFMono-Regular,Consolas,monospace}.automatic-bank-grid small{margin-top:5px;color:var(--muted);font-size:8px}.automatic-bank-card>footer{display:flex;justify-content:space-between;padding:12px 20px;color:#397564;background:#eaf8f3;font-size:9px}.automatic-bank-card>footer b{color:#116c53}

.compact-catalogue-group{overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 82%,var(--brand))!important;background:var(--surface)!important}.compact-catalogue-group>header{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 4%,var(--surface)),var(--surface))}.compact-service-grid{padding:10px!important;gap:10px!important;background:var(--canvas)}.compact-service-card{overflow:hidden;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(26,39,68,.04)!important}.compact-service-card-open{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand) 2.5%,var(--surface)))}.compact-service-card-open:hover{background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.compact-service-media{box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}

.compact-order-dialog{overflow:hidden!important;border:1px solid rgba(255,255,255,.7)!important;background:var(--surface)!important}.compact-order-header{position:relative;color:#fff;border:0!important;background:radial-gradient(circle at 88% 20%,rgba(99,90,242,.46),transparent 33%),linear-gradient(135deg,#111e34,#203555)!important}.compact-order-header .service-group,.compact-order-header p{color:#aebcd0!important}.compact-order-header h2{color:#fff}.compact-order-header button{color:#fff!important;background:rgba(255,255,255,.1)!important}.compact-order-facts{overflow:hidden;border:1px solid var(--line);background:var(--canvas)}.compact-required-section{border:1px solid var(--line)!important;background:var(--surface)!important}.compact-checkout-row{align-items:stretch}.compact-order-summary{border:1px solid #dbe2f0;background:linear-gradient(135deg,#f6f8fc,#eef2f9)!important}.compact-secure-note{border-color:#cde9df!important;background:#f2fbf8!important}.compact-order-dialog>form>footer{background:var(--surface)!important;box-shadow:0 -8px 22px rgba(24,35,58,.035)}

.order-detail-heading{padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-soft)}.order-detail-shell{margin-top:12px!important;padding:12px!important;background:var(--canvas)!important}.history-status-hero{border:0!important;color:#fff!important;background:radial-gradient(circle at 88% 0,rgba(102,89,242,.42),transparent 38%),linear-gradient(135deg,#142238,#253b60)!important}.history-status-hero span{color:#aebdd2!important}.history-status-hero strong{color:#fff!important}.order-progress-track{margin:0!important;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.history-detail-grid{gap:12px!important}.history-detail-card{overflow:hidden;background:var(--surface)!important}.history-detail-card>header{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 5%,var(--surface)),var(--surface))}.order-result-block pre{color:#d9f8ee!important;border-color:#233c51!important;background:#0d1927!important;box-shadow:inset 3px 0 #24c68e}

@media(max-width:1100px){.customer-brand.brand-has-image{width:122px!important;min-width:122px!important;max-width:122px!important;flex-basis:122px!important}.customer-brand.brand-has-image .brand-symbol.brand-logo-only{width:112px!important;max-width:112px!important;flex-basis:112px!important}.customer-brand.brand-has-image .brand-symbol.brand-logo-only img{max-width:100px!important}.automatic-bank-grid{grid-template-columns:1fr 1fr}.bank-deposit-code{grid-column:1/-1;border-left:1px solid var(--line)!important;border-radius:0 0 12px 12px!important}.bank-iban{border-right:1px solid var(--line)!important;border-radius:0 12px 0 0!important}.automatic-bank-grid>div:first-child{border-radius:12px 0 0!important}.bank-mail-tools{grid-template-columns:1fr}.bank-mail-tools form{justify-content:flex-start}}
@media(max-width:700px){.brand .brand-symbol.brand-logo-only{width:90px!important;max-width:90px!important;flex-basis:90px!important}.brand .brand-symbol.brand-logo-only img{max-width:80px!important}.group-price-row{grid-template-columns:38px minmax(0,1fr)}.group-price-input{grid-column:1/-1}.automatic-bank-grid{grid-template-columns:1fr}.automatic-bank-grid>div{border-right:1px solid var(--line);border-bottom:0;border-radius:0!important}.automatic-bank-grid>div:first-child{border-radius:12px 12px 0 0!important}.automatic-bank-grid>div:last-child{border-bottom:1px solid var(--line);border-radius:0 0 12px 12px!important}.automatic-bank-card>footer{align-items:flex-start;flex-direction:column;gap:7px}.bank-mail-log>div:not(.empty-inline){grid-template-columns:80px 1fr}.bank-mail-log time{grid-column:2}}

/* V1.2.7: final group selling prices are shown in the pricing workspace. */
.service-group-pricing-form>p{margin:0;padding:14px 22px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}
.group-price-base{border-color:color-mix(in srgb,var(--brand) 32%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface))}
.group-price-base .group-price-avatar{color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,var(--surface))}
.group-price-base .group-price-input{justify-content:space-between;padding-right:12px}
.group-price-base .group-price-input strong{font-size:17px}

.profile-group-badge{
display:inline-flex;
align-items:center;
gap:4px;
margin-top:4px;
padding:3px 9px;
border-radius:999px;
font-size:9px;
font-weight:800;
letter-spacing:.04em;
color:#fff;
background:linear-gradient(135deg,#635bff,#7c3aed);
box-shadow:0 4px 12px rgba(99,91,255,.25);
text-transform:uppercase;
width:max-content;
}


.customer-profile-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:2px;
}

.customer-profile-copy strong{
line-height:18px;
}

.customer-profile-copy small{
line-height:15px;
}

.profile-group-badge{
display:inline-flex;
align-items:center;
height:18px;
margin-top:2px;
padding:0 8px;
border-radius:999px;
font-size:8px;
font-weight:900;
letter-spacing:.06em;
color:#fff;
background:linear-gradient(135deg,#7567ff,#5b4bdf);
box-shadow:0 3px 10px rgba(100,90,255,.35);
white-space:nowrap;
}


.profile-name-row{
display:flex;
align-items:center;
gap:5px;
max-width:210px;
}

.profile-name-row strong{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.profile-group-badge{
display:inline-flex;
align-items:center;
height:15px;
padding:0 6px;
border-radius:5px;
font-size:7px;
font-weight:900;
background:#00c6ff;
color:#06203b;
letter-spacing:.03em;
white-space:nowrap;
}

.customer-profile-copy small{
color:#00e59b;
font-weight:800;
font-size:11px;
}


.profile-group-badge{
display:inline-flex;
align-items:center;
height:16px;
padding:0 7px;
border-radius:8px;
font-size:8px;
font-weight:900;
line-height:16px;
background:linear-gradient(135deg,#6d5dfc,#8b5cf6);
color:#fff;
text-transform:uppercase;
max-width:90px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.profile-name-row{
display:flex;
align-items:center;
gap:6px;
}


.customer-profile-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:3px;
}

.profile-group-badge{
display:inline-flex;
align-items:center;
justify-content:center;
height:15px;
padding:0 8px;
border-radius:999px;
background:linear-gradient(135deg,#6d5dfc,#8b5cf6);
color:#fff;
font-size:8px;
font-weight:900;
letter-spacing:.4px;
line-height:15px;
max-width:110px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
box-shadow:0 3px 8px rgba(109,93,252,.35);
}


.profile-group-badge{
display:inline-flex;
align-items:center;
justify-content:center;
height:18px;
max-width:100px;
padding:0 8px;
margin-top:4px;
border-radius:6px;
background:var(--group-color,#6658f4);
color:#fff;
font-size:9px;
font-weight:900;
letter-spacing:.03em;
text-transform:uppercase;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
box-shadow:0 4px 12px rgba(0,0,0,.18);
}

.customer-profile-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
}


.customer-name-line{
display:flex;
align-items:center;
gap:6px;
max-width:170px;
}

.customer-name-line strong{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.profile-group-badge{
display:inline-flex;
align-items:center;
height:17px;
padding:0 7px;
border-radius:5px;
background:var(--group-color,#6658f4);
color:#fff;
font-size:8px;
font-weight:900;
line-height:17px;
text-transform:uppercase;
white-space:nowrap;
max-width:55px;
overflow:hidden;
text-overflow:ellipsis;
}


.customer-name-line{
display:flex;
align-items:center;
gap:5px;
}

.customer-name-line strong{
max-width:120px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.profile-group-badge{
display:inline-flex;
align-items:center;
height:15px;
padding:0 7px;
border-radius:5px;
background:#19b9ef;
color:#fff;
font-size:8px;
font-weight:900;
line-height:15px;
text-transform:uppercase;
white-space:nowrap;
max-width:55px;
overflow:hidden;
text-overflow:ellipsis;
}


/* customer name + group compact layout */

.customer-profile-copy{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:2px!important;
}

.customer-profile-copy > strong{
display:inline!important;
}

.customer-profile-copy > small{
display:block!important;
}

.customer-profile-copy > .profile-group-badge{
position:absolute;
margin-left:78px;
margin-top:-1px;
height:15px;
padding:0 6px;
border-radius:5px;
background:#18bdf2;
color:#fff;
font-size:8px;
font-weight:900;
line-height:15px;
text-transform:uppercase;
max-width:55px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.customer-profile-copy{
position:relative;
}


.customer-name-line{
display:flex!important;
align-items:center!important;
gap:5px!important;
max-width:160px!important;
min-width:0!important;
}

.customer-name-line strong{
flex:1 1 auto!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}

.profile-group-badge{
flex:0 0 auto!important;
max-width:58px!important;
font-size:7px!important;
padding:0 5px!important;
}

.customer-profile-copy{
min-width:0!important;
max-width:170px!important;
}


.customer-name-line{
display:flex!important;
align-items:center!important;
gap:6px!important;
min-width:0!important;
max-width:180px!important;
}

.customer-name-line strong{
flex:1!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}

.profile-group-badge{
flex:0 0 auto!important;
max-width:45px!important;
height:14px!important;
padding:0 5px!important;
font-size:6.5px!important;
letter-spacing:0!important;
border-radius:5px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}


/* profile final compact fix */
.customer-profile-copy{
display:grid!important;
grid-template-columns:auto auto!important;
grid-template-rows:auto auto!important;
column-gap:6px!important;
align-items:center!important;
max-width:190px!important;
}

.customer-profile-copy strong{
grid-column:1;
grid-row:1;
max-width:125px!important;
}

.customer-profile-copy .profile-group-badge{
grid-column:2;
grid-row:1;
margin:0!important;
max-width:60px!important;
}

.customer-profile-copy small{
grid-column:1 / span 2;
grid-row:2;
}


/* customer profile name + group compact */
.customer-profile-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-width:0!important;
}

.customer-name-line{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    max-width:180px!important;
}

.customer-name-line strong{
    max-width:90px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.profile-group-badge{
    flex:0 0 auto!important;
    max-width:75px!important;
    height:16px!important;
    padding:0 6px!important;
    font-size:7px!important;
    border-radius:6px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}


/* customer profile readable size fix */
.customer-name-line{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    max-width:220px!important;
}

.customer-name-line strong{
    font-size:13px!important;
    font-weight:900!important;
    max-width:120px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.profile-group-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:20px!important;
    padding:0 9px!important;
    border-radius:7px!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
    max-width:110px!important;
    color:#fff!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.customer-profile-copy small{
    margin-top:4px!important;
    font-size:11px!important;
    font-weight:800!important;
}


/* profile width expansion */
.customer-profile-copy{
    min-width:230px!important;
    width:230px!important;
}

.customer-name-line{
    max-width:230px!important;
    width:230px!important;
}

.customer-name-line strong{
    max-width:135px!important;
}

.profile-group-badge{
    max-width:120px!important;
}

.customer-profile-trigger{
    min-width:310px!important;
}


/* FORCE CUSTOMER PROFILE SPACE */
.customer-account{
    min-width:360px!important;
}

.customer-profile-trigger{
    width:360px!important;
    min-width:360px!important;
    display:flex!important;
}

.customer-profile-copy{
    flex:1!important;
    min-width:220px!important;
    width:auto!important;
}

.customer-name-line{
    width:100%!important;
    max-width:none!important;
}

.customer-name-line strong{
    max-width:150px!important;
}

.profile-group-badge{
    max-width:130px!important;
}


/* CUSTOMER GROUP BADGE SPACE FIX */
html body.customer-body .premium-account-cluster .customer-profile-trigger{
    width:240px!important;
    min-width:240px!important;
    max-width:240px!important;
}

html body.customer-body .premium-account-cluster .customer-profile-copy{
    width:auto!important;
    min-width:0!important;
    max-width:170px!important;
    flex:1!important;
}

html body.customer-body .premium-account-cluster .customer-name-line{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    max-width:170px!important;
}

html body.customer-body .premium-account-cluster .customer-name-line strong{
    max-width:90px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

html body.customer-body .premium-account-cluster .profile-group-badge{
    flex:0 0 auto!important;
    max-width:110px!important;
    font-size:9px!important;
    padding:3px 8px!important;
    border-radius:8px!important;
    white-space:nowrap!important;
}


/* PROFILE BOX FINAL ALIGN */
html body.customer-body .premium-account-cluster{
    min-width:260px!important;
}

html body.customer-body .premium-account-cluster .customer-profile-trigger{
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
    height:52px!important;
    padding:6px 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
}

html body.customer-body .premium-account-cluster .customer-profile-copy{
    flex:1!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
}

html body.customer-body .premium-account-cluster .customer-name-line{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
}

html body.customer-body .premium-account-cluster .customer-name-line strong{
    flex:0 1 auto!important;
    max-width:95px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

html body.customer-body .premium-account-cluster .profile-group-badge{
    flex:1 1 auto!important;
    max-width:none!important;
    justify-content:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    height:20px!important;
    font-size:9px!important;
    padding:0 10px!important;
}

html body.customer-body .premium-account-cluster .customer-profile-trigger>.ui-icon{
    flex:0 0 auto!important;
}


/* HEADER PROFILE CARD FINAL POSITION */

.customer-account{
    margin-left:20px!important;
    width:320px!important;
    min-width:320px!important;
}

.customer-profile-dropdown{
    width:100%!important;
}

.customer-profile-trigger{
    width:100%!important;
    min-width:320px!important;
    max-width:320px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:8px 14px!important;
    box-sizing:border-box!important;
}

.customer-profile-copy{
    flex:1!important;
    min-width:0!important;
}

.customer-name-line{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
}

.customer-name-line strong{
    max-width:120px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.profile-group-badge{
    max-width:120px!important;
    flex-shrink:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.profile-chevron{
    flex:0 0 auto!important;
}





/* MOVE PROFILE CLOSER TO ANNOUNCEMENTS */

.customer-header .premium-account-cluster{
    margin-left:-80px!important;
}

.customer-header{
    gap:20px!important;
}


/* HEADER PROFILE POSITION FIX */

.customer-header-inner{
    display:flex!important;
    align-items:center!important;
}

.customer-header-inner .premium-account-cluster{
    margin-left:20px!important;
}

.customer-header-inner .customer-profile-trigger{
    transform:translateX(-40px)!important;
}


/* MOVE PROFILE CLOSER IN HEADER */

.premium-command-bar{
    display:flex!important;
    align-items:center!important;
}

.premium-command-bar .premium-account-cluster{
    margin-left:-60px!important;
}


/* CLEAN HEADER PROFILE CARD */

.premium-command-bar .premium-account-cluster{
    margin-left:0!important;
    width:250px!important;
    min-width:250px!important;
}

.premium-command-bar .customer-profile-trigger{
    width:250px!important;
    min-width:250px!important;
    height:58px!important;
    padding:6px 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}

.premium-command-bar .customer-avatar{
    flex:0 0 42px!important;
}

.premium-command-bar .customer-profile-copy{
    flex:1!important;
    min-width:0!important;
    justify-content:center!important;
}

.premium-command-bar .profile-top-line{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
}

.premium-command-bar .profile-top-line strong{
    font-size:12px!important;
    white-space:nowrap!important;
}

.premium-command-bar .profile-group-badge{
    height:18px!important;
    padding:0 7px!important;
    font-size:8px!important;
    max-width:110px!important;
}

.premium-command-bar .customer-profile-copy small{
    font-size:10px!important;
    margin-top:2px!important;
}

.premium-command-bar .profile-chevron{
    margin-left:auto!important;
    font-size:12px!important;
}


/* FINAL PROFILE CLEAN OVERRIDE */

html body.customer-body .premium-account-cluster{
    margin-left:auto!important;
    padding-left:10px!important;
}

html body.customer-body .premium-account-cluster .customer-profile-trigger{
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    height:58px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 10px!important;
}

html body.customer-body .premium-account-cluster .customer-profile-copy{
    max-width:none!important;
    width:auto!important;
    flex:1!important;
    min-width:0!important;
}

html body.customer-body .premium-account-cluster .profile-top-line{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
}

html body.customer-body .premium-account-cluster .profile-top-line strong{
    max-width:110px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

html body.customer-body .premium-account-cluster .profile-group-badge{
    max-width:120px!important;
    flex-shrink:1!important;
}

html body.customer-body .premium-account-cluster .profile-chevron{
    margin-left:auto!important;
}

/* ===== SOURCE: assets/professional-v10.css ===== */
/* UnlockGrid V10 — shared workspace theme; loaded after the legacy layers. */
:root {
    --ui-font:InterV2,system-ui,-apple-system,"Segoe UI",sans-serif;
    --canvas:#f4f6fa; --surface:#fff; --ink:#19253a; --muted:#63728a;
    --line:#dfe5ee; --brand:#3866d9; --brand2:#5887ec; --soft:#edf3ff;
    --success:#168263; --danger:#c43f53;
    --shadow-soft:0 3px 14px rgba(22,39,69,.035);
}
html[data-theme="dark"] {
    --canvas:#101722; --surface:#192333; --ink:#e6edf7; --muted:#a5b4c9;
    --line:#2c3b50; --brand:#85aaff; --brand2:#6091f1; --soft:#223451;
    --success:#54cba3; --danger:#ff889a; --shadow-soft:0 3px 14px rgba(0,0,0,.12);
}
@media(prefers-color-scheme:dark) {
    html[data-theme="system"] {
        --canvas:#101722; --surface:#192333; --ink:#e6edf7; --muted:#a5b4c9;
        --line:#2c3b50; --brand:#85aaff; --brand2:#6091f1; --soft:#223451;
        --success:#54cba3; --danger:#ff889a; --shadow-soft:0 3px 14px rgba(0,0,0,.12);
    }
}
body.app-body,body.auth-body {font-family:var(--ui-font);color:var(--ink);background:var(--canvas);font-size:13px}
:is(.app-body,.auth-body) :is(h1,h2,h3,h4,p,a,label,small,strong,em,b,span,button,input,select,textarea,td,th,dt,dd,summary) {font-family:var(--ui-font)!important}
button,input,select,textarea {font:inherit}
:where(a,button,input,select,textarea,summary):focus-visible {outline:3px solid var(--brand);outline-offset:3px}
.app-body .panel,.app-body .table-panel,.professional-settings-card,.professional-funding-form,.professional-payment-history {
    border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft);background:var(--surface);
}
.app-body .button {min-height:38px;border-radius:9px;font-size:12px;font-weight:650;letter-spacing:0;box-shadow:none}
.app-body .button-primary {background:#3866d9;color:#fff;border-color:#3866d9}
.app-body .button-primary:hover {background:#2955c2;border-color:#2955c2;box-shadow:0 3px 10px rgba(56,102,217,.18)}
.app-body .button-ghost {color:var(--ink);background:var(--surface);border-color:var(--line)}
.app-body .settings-form input:not([type="checkbox"]),.app-body .settings-form select,.app-body .settings-form textarea {
    border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface);font-size:13px;
}
.app-body .settings-form label>span,.app-body .settings-form label>small {font-size:11px;line-height:1.5}
.app-body .settings-form label>small {color:var(--muted)}
.app-body .status {font-size:10px;line-height:1.4;font-weight:650;letter-spacing:.025em;border-radius:6px}
.app-body th {padding-top:12px;padding-bottom:12px;color:var(--muted);background:var(--canvas);font-size:10px!important;font-weight:700;letter-spacing:.045em}
.app-body td {padding-top:13px;padding-bottom:13px;font-size:12px!important;border-color:var(--line)}
.app-body td small {font-size:10px!important;line-height:1.5}
.app-body tbody tr:hover {background:color-mix(in srgb,var(--brand) 3%,var(--surface))}
.app-body .table-panel {overflow-x:auto!important}
.app-body .empty-state {color:var(--muted);padding:34px 20px}
.app-body .empty-state strong {color:var(--ink);font-size:15px}
.app-body .eyebrow {color:var(--muted);font-size:9px;letter-spacing:.12em}
.app-body .workspace-heading,.app-body .page-heading {margin-bottom:20px}
.app-body .workspace-heading h1,.app-body .page-heading h1,.premium-dashboard-titlebar h1 {color:var(--ink);font-size:28px!important;line-height:1.2;letter-spacing:-.035em}
.app-body .workspace-heading p:last-child,.app-body .page-heading p:last-child {color:var(--muted);font-size:12px;line-height:1.6}
.app-body .toast {border-radius:10px;font-size:12px;line-height:1.5}

/* Customer shell */
.customer-body {--customer-max:1380px}
.customer-content {max-width:var(--customer-max);margin-inline:auto;padding:26px 24px 48px}
.customer-header {background:#13233c!important;box-shadow:0 2px 10px rgba(12,29,53,.12)!important}
.customer-header:after {height:1px;background:rgba(255,255,255,.12)}
.premium-command-bar {height:72px!important}
.premium-customer-nav {background:transparent!important;border-color:transparent!important;gap:3px!important}
.premium-customer-nav .customer-nav-link {font-size:11px!important;border-radius:8px!important}
.premium-customer-nav .customer-nav-link.active {background:#294367!important;box-shadow:none!important}
.premium-customer-nav .customer-nav-link.nav-order-link:not(.active) {background:rgba(98,145,231,.14)!important;color:#e4edff!important}
.customer-profile-trigger {box-shadow:none!important;border-radius:9px!important}
.customer-profile-menu {border-radius:12px!important;box-shadow:0 12px 38px rgba(15,30,50,.16)!important}
.operations-command-card {padding:12px;border-radius:14px;box-shadow:var(--shadow-soft);background:var(--surface)}
.premium-control-deck .dashboard-kpi {background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:11px!important;box-shadow:none!important}
.premium-control-deck .dashboard-kpi strong {font-size:26px!important;color:var(--ink)!important}
.premium-control-deck .dashboard-kpi>span {color:var(--muted)!important}
.operations-command-card>header {color:var(--muted)!important}
.operations-command-card>header>div,.operations-command-card>header span {color:var(--muted)!important}
.premium-control-deck .dashboard-kpi small {font-size:10px!important}
.premium-control-deck .dashboard-kpi em {font-size:9px!important}
.premium-control-deck .compact-wallet-card {border-radius:11px!important;background:linear-gradient(120deg,#213959,#315884)!important;box-shadow:none!important}
.premium-channel-dock {margin-top:12px;border-radius:12px;background:var(--surface)}
.premium-channel-dock .dashboard-channel-list a {border-radius:10px!important;box-shadow:none!important}
.premium-channel-dock .dashboard-channel-list strong {font-size:12px}
.premium-channel-dock .dashboard-channel-list small {font-size:10px}
.customer-security-alert {border-radius:11px;box-shadow:none}
.catalogue-control-deck {gap:10px;padding:9px;border-radius:12px;box-shadow:var(--shadow-soft)}
.compact-type-tabs {padding:3px;border-radius:9px;background:var(--canvas)}
.compact-type-tabs a {min-width:72px;min-height:39px;padding:6px 9px;font-size:11px;border-radius:7px}
.compact-type-tabs a.active {color:var(--brand);background:var(--surface);box-shadow:0 1px 5px rgba(20,40,70,.08)}
.compact-type-tabs a.active i {color:var(--brand);background:var(--soft)}
.compact-catalog-toolbar input,.compact-catalog-toolbar select,.compact-catalog-toolbar .search-control {height:44px!important;font-size:12px!important;border-radius:8px!important}
.compact-catalogue-group {margin:20px 0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.compact-catalogue-group>header {min-height:42px!important;margin-bottom:10px!important;padding:0 0 9px!important;border-bottom:1px solid var(--line)!important;background:transparent!important}
.compact-catalogue-group>header h2 {font-size:14px;letter-spacing:-.015em}
.compact-catalogue-group>header span {font-size:9px;color:var(--muted)}
.compact-catalogue-group>header .catalogue-group-mark {width:32px;height:32px;border:1px solid var(--line);border-radius:9px;color:var(--brand);background:var(--surface);font-size:12px}
.compact-service-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start;gap:10px!important;padding:0!important;background:transparent!important}
/* Reset the legacy outer card padding as well as the inner button dimensions. */
.customer-body .compact-service-card {display:block;min-width:0;min-height:0!important;padding:0!important;grid-column:auto;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;box-shadow:var(--shadow-soft)!important}
.customer-body .compact-service-card:hover {transform:none;border-color:color-mix(in srgb,var(--brand) 45%,var(--line))!important;box-shadow:0 4px 14px rgba(32,63,110,.08)!important}
.customer-body .compact-service-card-open {grid-template-columns:48px minmax(0,1fr) 18px!important;gap:10px;width:100%;min-height:94px!important;padding:12px!important;background:var(--surface)!important}
.customer-body .compact-service-card-open:hover {background:color-mix(in srgb,var(--brand) 3%,var(--surface))!important}
.customer-body .compact-service-media {width:48px!important;height:48px!important;border:1px solid var(--line);border-radius:10px!important;box-shadow:none}
.compact-service-media .service-media-fallback {position:relative;font-size:18px;background:linear-gradient(140deg,var(--soft),var(--surface));color:var(--brand)}
.compact-service-media .service-media-fallback small {display:none}
.customer-body .compact-service-card .service-card-content>strong {min-height:0;font-size:12px!important;line-height:1.4;overflow-wrap:anywhere;-webkit-line-clamp:2;color:var(--ink)}
.compact-service-card .service-card-kicker {gap:6px;margin-bottom:4px!important}
.compact-service-card .service-card-kicker>b {font-size:9px;color:var(--muted)}
.compact-service-card .service-card-kicker em {font-size:8px;padding:2px 4px}
.compact-service-card .service-card-bottom {gap:7px;flex-wrap:wrap;margin-top:6px!important}
.compact-service-card .service-card-bottom>b {padding:0;background:transparent;color:var(--success);font-size:12px;font-weight:750;white-space:nowrap}
.compact-service-card .service-card-bottom>small {font-size:9px;color:var(--muted);max-width:100%}
.compact-service-card-open>i {color:var(--muted);font-size:14px}
.group-price-badge {margin-left:4px;padding:2px 5px;border:0;border-radius:4px;color:var(--brand);background:var(--soft);font-size:8px}
.record-avatar[data-group-color] {background:var(--group-color,var(--brand))}

/* Short checkout: a single scrolling body with persistent header and actions. */
.customer-body .compact-order-dialog {width:min(740px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line)!important;border-radius:16px;box-shadow:0 24px 80px rgba(8,20,37,.3);color:var(--ink);background:var(--surface)!important}
.compact-order-dialog>form {display:flex;flex-direction:column;max-height:calc(100dvh - 34px);min-height:0}
.compact-order-header {flex:none;min-height:68px!important;gap:12px;padding:12px 16px!important;background:#1d3453!important}
.compact-order-header>div:nth-child(2) {min-width:0;flex:1}
.compact-order-header h2 {font-size:15px!important;line-height:1.4;overflow-wrap:anywhere;margin:3px 0!important}
.order-dialog-title-media {width:40px;height:40px;flex:0 0 40px;border-radius:9px}
.compact-order-header button {flex:0 0 34px;min-width:34px;height:34px}
.compact-order-body {min-height:0;max-height:none;overflow-y:auto;padding:14px 16px;display:grid;gap:12px;overscroll-behavior:contain}
.compact-order-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;background:var(--canvas)}
.compact-order-facts>div {padding:9px 11px;min-width:0}
.compact-order-facts>div span {font-size:10px}
.compact-order-facts>div strong {font-size:12px;overflow-wrap:anywhere}
.compact-required-section {margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.compact-required-section .order-section-heading {padding:0 0 8px!important;margin-bottom:10px;gap:8px;border-bottom:1px solid var(--line)}
.order-section-heading h3 {font-size:12px}
.order-section-heading p {font-size:10px;line-height:1.4}
.compact-field-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.compact-field-grid .field-wide {grid-column:1/-1}
.order-field-label {font-size:11px;font-weight:650}
.order-field input:not([type="checkbox"]),.order-field select,.order-field textarea {min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:13px}
.order-field textarea {min-height:64px;max-height:140px}
.critical-info-control {border-radius:8px;background:var(--canvas)}
.critical-file-button {font-size:11px!important}
.critical-file-status,.field-help {font-size:10px!important;line-height:1.45}
.compact-checkout-row {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0!important;padding:10px 0 0!important}
.compact-quantity-section,.compact-order-summary {margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--canvas)!important}
.compact-quantity-section strong,.compact-order-summary strong {font-size:12px}
.compact-quantity-section span,.compact-order-summary span {font-size:10px}
.compact-secure-note {gap:6px;margin:0;border:0!important;background:transparent!important}
.compact-secure-note span {font-size:10px;line-height:1.5;background:transparent!important;color:var(--muted)}
.compact-service-details {padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--canvas)}
.compact-service-details summary {cursor:pointer;font-size:11px;font-weight:650}
.compact-service-description {font-size:11px;line-height:1.6;max-height:150px;overflow:auto;margin:8px 0 0;white-space:pre-line}
.compact-order-dialog>form>footer {flex:none;align-items:center;gap:8px;margin:0;padding:11px 16px;background:var(--surface)!important;border-top:1px solid var(--line);box-shadow:none}
.compact-footer-total {font-size:10px;margin-right:auto}
.compact-footer-total strong {font-size:15px;color:var(--ink)}
.compact-order-dialog footer .button {min-height:40px;font-size:12px}
.history-status-hero {background:#213959!important;box-shadow:none!important;border-radius:12px!important}
.history-detail-card,.order-detail-card {border-radius:12px!important}
.order-result-block pre {font-size:12px!important;line-height:1.6!important}
.automatic-bank-card {background:var(--surface)!important;border-color:var(--line)!important}
.bank-mail-security-banner {align-items:flex-start;line-height:1.5;background:var(--soft);border-color:var(--line);color:var(--ink)}
.bank-mail-security-banner span {font-size:11px;color:var(--muted)}
.bank-mail-tools>div span,.bank-mail-tools>div small,.bank-mail-log>div:not(.empty-inline) {font-size:11px}

/* Administration and sign-in use the same type, surfaces and spacing. */
.premium-admin-sidebar {background:#14243c!important;border-right:1px solid #243750;box-shadow:none!important}
.premium-admin-sidebar .side-nav a {font-size:12px!important;border-radius:8px!important}
.premium-admin-sidebar .side-nav>a.active,.premium-admin-sidebar .side-nav-group>a.active {background:#2a4468!important;box-shadow:none!important}
.premium-admin-sidebar .side-nav p {color:#91a4bd;font-size:9px;letter-spacing:.12em}
.premium-admin-topbar {background:var(--surface)!important;border-bottom:1px solid var(--line);box-shadow:none!important}
.admin-body .content {padding:24px;max-width:1600px;margin:0 auto}
.admin-body .topbar-context strong {font-size:16px}
.admin-body .metric-card,.admin-body .kpi-card,.admin-body .stat-card {border-radius:12px!important;box-shadow:var(--shadow-soft)!important}
.admin-body .panel>header {background:var(--surface);border-bottom:1px solid var(--line)}
.admin-body .panel>header h2 {font-size:15px}
.admin-body .panel>header p {font-size:11px;line-height:1.5;color:var(--muted)}
.admin-body .editor-drawer {border-radius:16px 0 0 16px;background:var(--surface)}
.admin-body .editor-drawer input,.admin-body .editor-drawer select,.admin-body .editor-drawer textarea {font-size:13px}
.auth-story {background:linear-gradient(145deg,#14243c,#294669)!important}
.auth-panel {background:var(--surface)!important;color:var(--ink)}
.auth-panel h1 {font-size:30px;letter-spacing:-.04em}
.auth-panel input {min-height:46px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:14px}
.auth-panel .button-primary {background:#3866d9;border-color:#3866d9;border-radius:9px;color:#fff}
.error-page {display:grid;place-items:center;min-height:100dvh;margin:0;padding:24px}
.error-card {width:min(480px,100%);padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft)}
.error-card h1 {margin:12px 0 20px;font-size:24px}
.error-card>strong {color:var(--brand);font-size:13px;letter-spacing:.08em}
@media(max-width:1040px) {.compact-service-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px) {
    .customer-content,.admin-body .content {padding:20px 16px 36px}
    .premium-command-bar {height:64px!important;padding-inline:16px!important}
    .premium-customer-nav {background:#13233c!important;border-color:#334965!important}
    .compact-field-grid {grid-template-columns:1fr}
    .compact-catalog-toolbar {grid-template-columns:minmax(0,1fr)}
    .app-body .workspace-heading h1,.premium-dashboard-titlebar h1 {font-size:25px!important}
}
@media(max-width:560px) {
    .compact-service-grid {grid-template-columns:minmax(0,1fr)!important}
    .customer-content,.admin-body .content {padding-inline:12px}
    .customer-body .compact-service-card-open {min-height:90px!important}
    .compact-type-tabs {grid-template-columns:repeat(4,minmax(0,1fr))}
    .compact-type-tabs a {min-width:0;padding-inline:5px;font-size:10px}
    .customer-body .compact-order-dialog {width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}
    .compact-order-dialog>form {max-height:calc(100dvh - 18px)}
    .compact-order-header {padding:11px 12px!important}
    .compact-order-body {padding:12px;gap:10px}
    .compact-order-facts>div {padding:8px}
    .compact-order-facts>div span {font-size:9px}
    .compact-order-facts>div strong {font-size:11px}
    .compact-checkout-row {grid-template-columns:1fr}
    .compact-order-dialog>form>footer {padding:10px 12px;flex-wrap:wrap}
    .compact-footer-total {flex:1 0 100%;display:flex;justify-content:space-between;align-items:center}
    .compact-order-dialog footer .button {flex:1}
    .bank-mail-tools form {flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V11: full-wordmark branding and a legible shared visual system. */
html {color-scheme:light}
html[data-theme="dark"] {color-scheme:dark}
@media(prefers-color-scheme:dark) {html[data-theme="system"] {color-scheme:dark}}
html body .premium-command-bar {background:#13233c!important}
.app-body .nav-badge {background:#ba2943!important;color:#fff!important}
.app-body .status-pending,.app-body .status-processing {color:#835008;background:#fff2d7}
.app-body .customer-profile-menu,.app-body .customer-profile-menu:before {color:var(--ink);background:var(--surface);border-color:var(--line)}
.app-body .customer-profile-menu>a,.app-body .customer-profile-menu form button {color:var(--ink)}
.app-body .customer-profile-menu :is(small,header small) {color:var(--muted);font-size:11px}
.app-body .customer-profile-menu>a:hover,.app-body .customer-profile-menu form button:hover {background:var(--canvas)}
.app-body .customer-profile-menu>header {background:var(--canvas)}
.app-body .customer-profile-trigger small,.app-body .header-wallet small {color:#b7c6da;font-size:10px}
.premium-admin-sidebar :is(.admin-workspace-label small,.side-subnav a,.sidebar-user small,.brand small) {color:#afbdd0;font-size:11px}
.app-body .dashboard-channel-list a>em {color:var(--muted);font-size:11px}
.app-body .automatic-bank-card>footer {background:var(--soft);color:var(--muted);font-size:11px;line-height:1.6}
.app-body .automatic-bank-card>footer b {color:var(--ink)}
.app-body .automatic-bank-grid :is(span,small) {font-size:11px;line-height:1.5}
.app-body .customer-security-alert {background:color-mix(in srgb,var(--danger) 9%,var(--surface));border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
.app-body .customer-security-alert strong {color:var(--danger);font-size:12px}
.app-body .customer-security-alert p {color:var(--muted);font-size:12px}
.app-body .settings-section-nav a {background:transparent;box-shadow:none;color:var(--muted)}
.app-body .settings-section-nav a.active {background:var(--soft);color:var(--brand)}
.app-body :is(.bank-mail-tools,.inline-test-form) input {background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.app-body input::file-selector-button {padding:7px 10px;margin-right:10px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--ink);font:inherit;cursor:pointer}
.app-body .record-danger-row {background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}
.app-body .compact-service-card:focus-within {outline:2px solid var(--brand);outline-offset:2px}
.app-body .settings-form .check-row {display:flex!important;align-items:center;gap:10px;grid-template-columns:none}
.app-body .settings-form .check-row input[type="checkbox"] {width:17px;height:17px;min-height:0;flex:0 0 17px;margin:0;accent-color:#3866d9}
html {--logo-slot-width:208px;--logo-slot-height:56px}
html body .customer-brand.brand-has-image {
    display:flex!important;align-items:center!important;width:var(--logo-slot-width)!important;
    min-width:0!important;max-width:var(--logo-slot-width)!important;flex:0 0 var(--logo-slot-width)!important;
    height:var(--logo-slot-height)!important;padding:0!important;margin-right:16px;border:0!important;
}
html body .brand .brand-symbol.has-image,
html body .customer-brand.brand-has-image .brand-symbol.has-image,
html body .premium-admin-sidebar .brand-symbol.has-image,
html body .auth-panel-brand .brand-symbol.has-image {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;max-width:var(--logo-slot-width)!important;
    height:var(--logo-slot-height)!important;flex:0 1 var(--logo-slot-width)!important;
    padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
}
html body .brand .brand-symbol.has-image img,
html body .customer-brand.brand-has-image .brand-symbol.has-image img,
html body .premium-admin-sidebar .brand-symbol.has-image img {
    display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;object-position:center!important;filter:none!important;border-radius:0!important;
}
html body .brand .brand-symbol.has-image{overflow:hidden!important;padding:4px 6px!important}
html body .brand .brand-symbol.has-image img{transform:none!important;clip-path:none!important}
html body .brand .brand-symbol.has-image.brand-logo-mark {width:46px!important;max-width:46px!important;height:46px!important;flex:0 0 46px!important}
html body .customer-brand.brand-has-image:has(.brand-logo-mark) {gap:10px!important}
html body .customer-brand.brand-has-image:has(.brand-logo-mark) .brand-copy {display:block!important}
.premium-admin-sidebar>.brand:has(.has-image) {height:76px!important;padding:8px 0!important;justify-content:center}
.premium-admin-sidebar .brand-symbol.has-image {--logo-slot-width:182px;--logo-slot-height:56px}
.auth-story .brand:has(.has-image),.auth-panel-brand:has(.has-image) {max-width:260px;width:100%;--logo-slot-width:260px;--logo-slot-height:76px}
html body .auth-story .brand:has(.has-image) {max-width:260px!important;flex:0 1 260px!important}
html body .brand .brand-symbol.has-image[data-logo-tone="light"],.brand-upload-mark[data-logo-tone="light"] {background:#fff!important;border-radius:6px!important}
html body .brand .brand-symbol.has-image[data-logo-tone="dark"],.brand-upload-mark[data-logo-tone="dark"] {background:#13233c!important}
html body :is(.auth-story,.premium-admin-sidebar) .brand .brand-symbol.has-image[data-logo-tone="dark"] {background:transparent!important}
.brand-upload-preview {align-items:center;gap:18px;flex-wrap:wrap}
.brand-upload-preview .brand-upload-mark {display:flex;align-items:center;justify-content:center;width:260px!important;max-width:100%!important;height:84px!important;flex:0 1 260px!important;padding:0!important;border:0!important;border-radius:8px;background:#13233c}
.brand-upload-preview .brand-upload-mark img {width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center}
.brand-upload-mark[data-logo-tone="transparent"] {background:var(--canvas)!important}
.app-body .settings-section-nav {border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:none}
.app-body .settings-section-nav a {font-size:12px;line-height:1.5}
.app-body .settings-section-nav a.active {color:var(--brand);background:var(--soft);border-radius:8px}
.app-body .panel>header a,.app-body .table-link {font-size:11px;line-height:1.5}
.app-body :is(.field-help,.settings-form label>small,.empty-inline) {font-size:11px!important;line-height:1.6}
.app-body :is(.form-grid,.settings-form) label>span {font-size:12px!important;line-height:1.45}
.customer-body .compact-service-card .service-card-content>strong {font-size:13px!important;line-height:1.45}
.compact-service-card .service-card-kicker>b,.compact-service-card .service-card-bottom>small {font-size:10px!important}
.compact-service-card .service-card-bottom>b {font-size:13px!important}
.compact-catalogue-group>header span {font-size:10px}
.compact-catalogue-group>header h2 {font-size:15px}
.operations-command-card>header :is(strong,a) {font-size:11px!important;color:var(--muted)!important}
.operations-command-card>header nav .command-new-order {color:#fff!important;background:#3866d9!important;border-color:#3866d9!important}
.customer-body .compact-order-facts>div strong,.customer-body .compact-order-summary strong {font-size:13px}
.customer-body .compact-order-facts>div span,.customer-body .compact-order-summary span {font-size:11px}
.customer-body .compact-order-header h2 {font-size:16px!important}
.app-body :is(.system-settings-card,.professional-settings-card)>header h2 {font-size:16px!important}
.app-body :is(.system-settings-card,.professional-settings-card)>header p {font-size:12px!important;line-height:1.6}
.app-body .table-panel td {font-size:13px!important}
.app-body input::placeholder,.app-body textarea::placeholder {color:var(--muted);opacity:1}
@media(max-width:820px) {
    html {--logo-slot-width:152px;--logo-slot-height:46px}
    html body .customer-profile-trigger {width:46px!important;min-width:46px!important;max-width:46px!important;padding:5px!important}
    .customer-profile-trigger .customer-profile-copy,.customer-profile-trigger .profile-chevron {display:none!important}
    .customer-menu-trigger {flex:0 0 36px;margin-right:7px}
    .customer-account .preference-button {display:grid}
    .customer-account {gap:5px}
    html body .customer-brand.brand-has-image {margin-right:6px}
    .brand-upload-preview .brand-upload-mark {height:74px!important}
    .app-body :is(input,select,textarea) {font-size:16px!important}
}
@media(max-width:380px) {
    html {--logo-slot-width:112px;--logo-slot-height:40px}
    html body .premium-command-bar {padding-inline:12px!important}
    .customer-menu-trigger {flex-basis:32px;width:32px;margin-right:4px}
    .customer-account .icon-button {width:32px}
    .premium-account-cluster {gap:4px!important}
    .customer-body .compact-service-card .service-card-content>strong {font-size:12px!important}
}

/* Semantic states also follow the operating-system dark preference. */

html[data-theme="dark"] .app-body :is(.status-pending,.status-processing,.featured) {color:#ffd28a!important;background:#47351e!important;border-color:#6a512f!important}
html[data-theme="dark"] .app-body :is(.status-completed,.status-paid,.status-active,.status-approved) {color:#83e2bf!important;background:#163d34!important;border-color:#2a5b4d!important}
html[data-theme="dark"] .app-body :is(.status-failed,.status-rejected,.status-cancelled,.status-inactive) {color:#ffacb9!important;background:#482632!important;border-color:#69404b!important}
html[data-theme="dark"] .app-body :is(.status-pending_review,.status-open) {color:#b5caff!important;background:#263b60!important}
html[data-theme="dark"] .app-body :is(.pagination a,.pagination span[aria-current]>span,.order-total,.order-dialog footer) {color:var(--ink);background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .app-body :is(.admin-channel-rail i,.dashboard-channel-list a>i,.metric-icon.revenue) {color:#b4aaff!important;background:#302e51!important}
html[data-theme="dark"] .app-body :is(.admin-channel-rail .channel-server i,.dashboard-channel-list .channel-server>i,.metric-icon.positive) {color:#7ce1bd!important;background:#163d34!important}
html[data-theme="dark"] .app-body :is(.admin-channel-rail .channel-remote i,.dashboard-channel-list .channel-remote>i) {color:#ffd28a!important;background:#47351e!important}
html[data-theme="dark"] .app-body :is(.detail-card dt,.finance-summary span,.payment-summary span) {color:var(--muted)}
html[data-theme="dark"] .app-body .customer-profile-menu form button strong {color:var(--danger)}

@media(prefers-color-scheme:dark) {

html[data-theme="system"] .app-body :is(.status-pending,.status-processing,.featured) {color:#ffd28a!important;background:#47351e!important;border-color:#6a512f!important}
html[data-theme="system"] .app-body :is(.status-completed,.status-paid,.status-active,.status-approved) {color:#83e2bf!important;background:#163d34!important;border-color:#2a5b4d!important}
html[data-theme="system"] .app-body :is(.status-failed,.status-rejected,.status-cancelled,.status-inactive) {color:#ffacb9!important;background:#482632!important;border-color:#69404b!important}
html[data-theme="system"] .app-body :is(.status-pending_review,.status-open) {color:#b5caff!important;background:#263b60!important}
html[data-theme="system"] .app-body :is(.pagination a,.pagination span[aria-current]>span,.order-total,.order-dialog footer) {color:var(--ink);background:var(--surface);border-color:var(--line)}
html[data-theme="system"] .app-body :is(.admin-channel-rail i,.dashboard-channel-list a>i,.metric-icon.revenue) {color:#b4aaff!important;background:#302e51!important}
html[data-theme="system"] .app-body :is(.admin-channel-rail .channel-server i,.dashboard-channel-list .channel-server>i,.metric-icon.positive) {color:#7ce1bd!important;background:#163d34!important}
html[data-theme="system"] .app-body :is(.admin-channel-rail .channel-remote i,.dashboard-channel-list .channel-remote>i) {color:#ffd28a!important;background:#47351e!important}
html[data-theme="system"] .app-body :is(.detail-card dt,.finance-summary span,.payment-summary span) {color:var(--muted)}
html[data-theme="system"] .app-body .customer-profile-menu form button strong {color:var(--danger)}
}

/* V14 mobile authentication refinement: compact brand, trust strip and form. */
@media(max-width:820px){
    html body .auth-panel-v4{min-height:100dvh;padding:54px 14px 22px!important;place-items:start center;align-content:start}
    html body .auth-panel-v4 .auth-panel-inner{width:min(410px,100%);margin:0 auto!important}
    html body .auth-panel-brand.brand-has-image{display:flex!important;width:190px!important;min-width:190px!important;max-width:190px!important;height:46px!important;min-height:46px!important;max-height:46px!important;flex:0 0 190px!important;margin:0 0 10px!important;--logo-slot-width:132px;--logo-slot-height:38px}
    html body .auth-panel-brand.brand-has-image .brand-symbol.has-image{width:132px!important;min-width:132px!important;max-width:132px!important;height:38px!important;min-height:38px!important;max-height:38px!important;flex:0 0 132px!important}
    html body .auth-panel-brand.brand-has-image .brand-symbol.has-image img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important}
    html body .auth-panel-v4 .auth-trust-line{min-height:44px;margin-bottom:9px;padding:7px 10px;border-radius:10px}
    html body .auth-panel-v4 .auth-trust-line>span{width:30px;height:30px;border-radius:8px}
    html body .auth-panel-v4 .auth-trust-line .ui-icon{width:15px}
    html body .auth-panel-v4 .auth-trust-line strong{font-size:8px}
    html body .auth-panel-v4 .auth-trust-line small{margin-top:2px;font-size:7px}
    html body .auth-panel-v4 .auth-card{padding:18px 16px;border-radius:15px;box-shadow:0 14px 34px rgba(24,36,62,.08)}
    html body .auth-panel-v4 .auth-card-head{margin-bottom:15px}
    html body .auth-panel-v4 .auth-card-head h2{margin-bottom:5px;font-size:23px!important}
    html body .auth-panel-v4 .auth-card-head>p:last-child{font-size:10px;line-height:1.45}
    html body .auth-panel-v4 .form-stack{gap:10px}
    html body .auth-panel-v4 .form-stack label:not(.check-row){gap:5px}
    html body .auth-panel-v4 .form-stack label>span{font-size:10px!important}
    html body .auth-panel-v4 .form-stack input{min-height:43px!important;padding:9px 11px!important;border-radius:9px}
    html body .auth-panel-v4 .auth-card .button{min-height:43px!important}
    html body .auth-panel-v4 .check-row{font-size:10px}
    html body .auth-panel-v4 .auth-switch{margin-top:12px;font-size:9px}
    html body .auth-panel-v4 .auth-privacy-note{margin-top:9px;font-size:7px}
    html body .auth-panel-v4 .auth-locale{right:12px;top:10px}
    html body .auth-panel-v4 .auth-locale button{min-height:34px;padding:0 9px}
}

/* V17: one predictable, uncropped wordmark on the mobile sign-in screen. */
@media(max-width:820px){
    html body .auth-panel-brand:has(.mobile-brand-image-only){width:190px!important;max-width:190px!important;flex-basis:190px!important}
    html body .auth-panel-brand>.mobile-brand-treatment.mobile-brand-image-only{display:flex!important;width:100%!important;height:38px!important;padding:0!important;background:transparent!important}
    html body .auth-panel-brand .mobile-brand-image-only>.mobile-brand-emblem.has-uploaded-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:38px!important;flex:1 1 100%!important;padding:3px 6px!important;border:0!important;border-radius:8px!important;background:#13233c!important;box-shadow:none!important}
    html body .auth-panel-brand .mobile-brand-image-only>.mobile-brand-emblem.has-uploaded-logo:after{content:none!important}
    html body .auth-panel-brand .mobile-brand-image-only>.mobile-brand-emblem.has-uploaded-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important}
}
@media(max-width:380px){
    html body .auth-panel-v4{padding-top:49px!important}
    html body .auth-panel-brand.brand-has-image{width:160px!important;min-width:160px!important;max-width:160px!important;height:40px!important;min-height:40px!important;max-height:40px!important;flex-basis:160px!important;--logo-slot-width:116px;--logo-slot-height:34px}
    html body .auth-panel-brand.brand-has-image .brand-symbol.has-image{width:116px!important;min-width:116px!important;max-width:116px!important;height:34px!important;min-height:34px!important;max-height:34px!important;flex-basis:116px!important}
    html body .auth-panel-v4 .auth-card{padding:16px 14px}
    html body .auth-panel-v4 .auth-card-head h2{font-size:21px!important}
}

/* V14 fixed header treatment: the uploaded logo remains available outside the compact header. */
.brand>.mobile-brand-treatment{display:none;align-items:center;min-width:0}
.header-brand-setting-note{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;min-height:64px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--soft)}
.header-brand-setting-note .mobile-brand-emblem{display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:11px;color:#fff;background:linear-gradient(145deg,#4268d3,#24488f);box-shadow:0 7px 18px rgba(38,73,151,.18)}
.header-brand-setting-note .mobile-brand-emblem .ui-icon{width:18px;height:18px}
.header-brand-setting-note strong,.header-brand-setting-note small{display:block}.header-brand-setting-note strong{font-size:11px}.header-brand-setting-note small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}
@media(max-width:820px){
    html body .auth-panel-brand{width:190px!important;min-width:0!important;max-width:190px!important;height:46px!important;min-height:46px!important;max-height:46px!important;flex:0 1 190px!important;--logo-slot-width:172px;--logo-slot-height:40px}
    html body .auth-panel-brand.auth-panel-brand>.brand-symbol,html body .auth-panel-brand.auth-panel-brand>.brand-copy{display:none!important}
    html body .auth-panel-brand>.mobile-brand-treatment{display:flex!important;gap:8px;width:100%;height:40px;color:#13233c}
    .auth-panel-brand .mobile-brand-emblem{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;color:#fff;background:linear-gradient(145deg,#3866d9,#244baf);box-shadow:0 6px 15px rgba(45,86,190,.2)}
    .auth-panel-brand .mobile-brand-emblem .ui-icon{width:16px;height:16px}
    .auth-panel-brand .mobile-brand-treatment>strong{display:grid;min-width:0;line-height:1.05}
    .auth-panel-brand .mobile-brand-treatment b{overflow:hidden;font-size:13px;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
    .auth-panel-brand .mobile-brand-treatment small{overflow:hidden;margin-top:3px;color:#60708a;font-size:7px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
}

/* ===== SOURCE: assets/home-v138.css ===== */
.public-home-body{background:#f5f7fb;color:#13233d}.home-shell{width:100%;max-width:none;margin:0;padding:16px 16px 40px}.home-header{height:68px;border:1px solid #e2e9f4;border-radius:16px;background:#fff;padding:0 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 26px #203a6810}.home-header nav{display:flex;align-items:center;gap:10px}.home-header nav>a:not(.home-start):not(.home-login){font-size:13px;font-weight:700;color:#56708f;padding:10px}.home-start,.home-login{display:inline-flex;align-items:center;gap:9px;border-radius:10px;padding:11px 15px;font-size:13px;font-weight:800;white-space:nowrap}.home-start{background:#4267dc;color:white;box-shadow:0 8px 18px #4267dc33}.home-start .ui-icon{width:16px}.home-login{border:1px solid #d9e3f1;color:#1d3150;background:#fff}.home-header .locale-switcher{margin-left:2px}.home-hero{min-height:500px;padding:86px 42px 72px;display:grid;grid-template-columns:1.06fr .94fr;gap:68px;align-items:center}.home-eyebrow,.section-intro>p,.home-process>div>p{font-size:11px;font-weight:900;letter-spacing:.12em;color:#4569d8;margin:0 0 16px}.home-eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19b884;margin:0 8px 1px 0}.home-copy h1{font-size:clamp(38px,4.4vw,60px);line-height:1.06;letter-spacing:-.05em;margin:0;max-width:660px}.home-lead{font-size:17px;line-height:1.7;color:#657a98;max-width:600px;margin:24px 0}.home-cta{display:flex;gap:11px}.home-trust{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#6b7d96;margin:24px 0 0}.home-trust .ui-icon{width:17px;color:#15936e}.home-console{background:#11223f;border-radius:22px;padding:18px;box-shadow:0 28px 55px #142a501f;color:#eaf0ff}.console-top,.console-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.06em}.console-top span{color:#61d6b1}.console-top span i{display:inline-block;width:7px;height:7px;background:#42d6a0;border-radius:9px;margin-right:6px}.console-top b{color:#aebfe0}.console-search{display:flex;align-items:center;gap:9px;margin:19px 0 12px;padding:13px;background:#0b1930;border:1px solid #2a4265;border-radius:10px;color:#9fb0ca;font-size:12px}.console-search .ui-icon{width:16px}.console-search kbd{margin-left:auto;color:#b5c4de;background:#203653;padding:3px 6px;border-radius:4px;font-size:10px}.console-grid{display:grid;gap:9px}.console-grid article{display:flex;align-items:center;gap:11px;padding:12px;background:#172b4b;border:1px solid #2b4366;border-radius:12px}.console-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px}.console-icon .ui-icon{width:20px}.console-icon.imei{background:#253a69;color:#8ba4ff}.console-icon.server{background:#1d4e4a;color:#6be0bd}.console-icon.remote{background:#3c3164;color:#b398ff}.console-grid small{font-size:9px;font-weight:900;color:#8fa4c7;letter-spacing:.1em}.console-grid strong{display:block;font-size:12px;margin-top:2px}.console-grid i{font-style:normal;font-size:10px;color:#7389af;margin-left:auto}.console-foot{margin-top:13px;border-top:1px solid #2b4366;padding:13px 3px 1px;color:#9bb0d2}.console-foot span{display:flex;gap:6px;align-items:center}.console-foot .ui-icon{width:15px;color:#57d8ae}.console-foot b{color:#e8f0ff}.home-services{background:#fff;border:1px solid #e0e8f3;border-radius:20px;padding:32px;box-shadow:0 12px 28px #243d6609}.section-intro h2,.home-process h2{font-size:26px;letter-spacing:-.03em;margin:0}.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.home-service-grid article{min-height:100px;border:1px solid #e3e9f4;border-radius:14px;padding:18px;display:flex;align-items:center;gap:12px}.home-service-grid article>.ui-icon{width:19px;margin-left:auto;color:#7084a0}.home-service-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.home-service-icon .ui-icon{width:22px}.home-service-icon.imei{background:#edf0ff;color:#5273e8}.home-service-icon.server{background:#e8f6f1;color:#129477}.home-service-icon.remote{background:#f2edff;color:#8a65ed}.home-service-grid small{font-size:10px;font-weight:900;color:#8292a9}.home-service-grid h3{font-size:13px;margin:3px 0 0}.home-process{margin:24px 0 38px;display:flex;justify-content:space-between;gap:42px;padding:42px 32px;background:#17315b;border-radius:20px;color:#fff}.home-process>div>p{color:#8eabff}.home-process h2{max-width:470px}.home-process ol{list-style:none;display:flex;align-items:center;gap:16px;margin:0;padding:0}.home-process li{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#d9e4fb}.home-process b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #506a96;border-radius:50%;font-size:10px;color:#a8baff}.home-site-footer{justify-content:center;padding:0;background:transparent!important;border:0!important}
.home-header-dark{background:#142947;border-color:#203d67;box-shadow:0 13px 30px #0c1a3224}.home-header-dark .brand{padding:0!important;background:transparent!important}.home-header-dark .brand-symbol{background:transparent!important}.home-header-dark nav>a:not(.home-start):not(.home-login){color:#c2d0e7}.home-header-dark .home-login{border-color:#415a80;background:#1c3559;color:#fff}.home-header-dark .locale-switcher{background:#1c3559;border-color:#415a80}.console-stat{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #294464;color:#aebfda;font-size:13px}.console-stat strong{font-size:28px;letter-spacing:-.04em;color:white}.console-stat strong small{font-size:14px;color:#71e2bd;margin-left:2px}.home-stream{margin:24px 0;background:#fff;border:1px solid #d9e5f6;border-radius:20px;padding:30px 36px;box-shadow:0 14px 30px #1b3f7710}.home-stream .section-intro{display:flex;align-items:end;gap:16px;border-bottom:1px solid #dce7f6;padding-bottom:20px}.home-stream .section-intro>p{position:absolute;margin-top:-42px}.home-stream .section-intro h2{font-size:23px}.home-stream .section-intro h2 i{display:inline-block;width:10px;height:10px;background:#13bb83;border-radius:50%;margin-right:10px}.home-stream .section-intro span{margin-left:auto;color:#8296b5;font-size:12px;font-family:ui-monospace,monospace}.home-stream-list{display:grid;gap:10px;margin-top:26px;overflow:hidden}.home-stream-list article{display:flex;align-items:center;gap:12px;min-height:52px;border:1px solid #dce7f6;background:#f5f8fc;border-radius:11px;padding:0 18px;transition:opacity .25s,transform .25s}.home-stream-list article>i{width:10px;height:10px;border-radius:50%;background:#16bb85;flex:0 0 auto}.home-stream-list span{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-stream-list small{margin-left:auto;font-size:11px;font-family:ui-monospace,monospace;color:#8194ae;white-space:nowrap}
.home-promo{position:relative;overflow:hidden;min-height:340px;border-radius:20px;margin:0 0 24px;background:#08182f;color:#fff;display:flex;align-items:center}.home-promo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07162d 2%,#08182fdc 38%,#08182f25 74%)}.home-promo-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.home-promo-slides img.active{opacity:1}.home-promo>div:not(.home-promo-slides){position:relative;z-index:1;max-width:580px;padding:52px}.home-promo p{font-size:11px;letter-spacing:.14em;font-weight:900;color:#8eb2ff;margin:0 0 15px}.home-promo h2{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:0}.home-promo span{display:block;color:#c7d5ed;line-height:1.6;margin:16px 0 26px;font-size:15px}.home-promo .home-start{width:max-content}.home-promo-dots{display:flex;gap:7px;margin-top:24px}.home-promo-dots button{width:22px;height:3px;padding:0;border:0;border-radius:4px;background:#90a6cf77}.home-promo-dots button.active{background:#fff}.home-stream-list{height:362px}@media(max-width:850px){.home-promo{min-height:400px;align-items:end}.home-promo:after{background:linear-gradient(0deg,#07162df5 25%,#08182f80 100%)}.home-promo>div:not(.home-promo-slides){padding:26px}.home-promo h2{font-size:28px}.home-stream-list{height:300px}}
@media(max-width:850px){.home-shell{padding:12px 16px 28px}.home-header{padding:0 14px;height:61px}.home-header nav>a:not(.home-start):not(.home-login),.home-header .locale-switcher{display:none}.home-header .brand-copy small{display:none}.home-header .brand{max-width:210px}.home-hero{padding:60px 6px 48px;grid-template-columns:1fr;gap:38px}.home-copy h1{font-size:42px}.home-console{max-width:530px;width:100%}.home-services{padding:22px 16px}.home-service-grid{grid-template-columns:1fr}.home-process{padding:28px 20px;display:block}.home-process ol{margin-top:24px;flex-wrap:wrap}.home-process li{width:100%}.home-login{display:none}.home-start{padding:10px 13px;font-size:12px}}
.home-promo-clean{min-height:clamp(300px,30vw,470px);display:block;margin:16px 0 14px;border:1px solid #dce7f6;background:#0b1c36}.home-promo-clean:after{display:none}.home-promo-clean .home-promo-slides{position:absolute;inset:0}.home-promo-clean .home-promo-slides:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07162d22,#07162d00 55%,#07162d18)}.home-promo-clean .home-promo-slides img{display:block}.home-promo-clean .home-promo-dots{position:absolute;z-index:3;left:50%;bottom:16px;transform:translateX(-50%);margin:0;padding:7px 10px;border-radius:20px;background:#08162a66;backdrop-filter:blur(5px)}.home-promo-clean .home-promo-dots button{cursor:pointer}.home-service-grid>a{min-height:100px;border:1px solid #e3e9f4;border-radius:14px;padding:18px;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-service-grid>a:hover{transform:translateY(-2px);border-color:#aabff2;box-shadow:0 11px 24px #29466a12}.home-service-grid>a>.ui-icon{width:19px;margin-left:auto;color:#7084a0}.home-stream .section-intro{display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:end}.home-stream .section-intro>p{position:static;margin:0;grid-column:1/-1}.home-stream .section-intro h2{margin:0}.home-stream .section-intro span{margin:0}.home-stream-list{height:322px;display:flex;flex-direction:column;gap:9px}.home-stream-list article{flex:0 0 52px}@media(max-width:850px){.home-promo-clean{min-height:210px;margin:12px 0 0}.home-stream .section-intro{display:block}.home-stream .section-intro span{display:block;margin-top:8px}.home-stream-list{height:300px}.home-service-grid>a{min-height:86px}.home-promo-clean .home-promo-dots{bottom:10px}}.home-promo-admin-gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:12px;margin:8px 0 18px}.home-promo-admin-gallery>label{display:block!important;width:auto!important;max-width:180px!important;margin:0!important;padding:8px!important;border:1px solid #dce5f2!important;border-radius:10px!important;background:#f8fbff!important}.home-promo-admin-gallery>label img{display:block!important;width:100%!important;height:82px!important;max-height:82px!important;object-fit:cover!important;border-radius:6px!important;margin:0 0 7px!important}.home-promo-admin-gallery>label span{display:flex!important;align-items:center;gap:6px;font-size:12px!important}.home-promo-admin-gallery>label input{width:auto!important;margin:0!important}
/* HOME_SLIDER_VIDEO_MOTION_V1
   HOME_SLIDER_REFERENCE_FADE_V1

   Reference behaviour:
   old creative washes softly toward white,
   new creative appears alive through the wash.
*/

html body .home-promo-clean{
    position:relative!important;

    /*
     * JS bunu her aktif resmin gerçek oranıyla
     * inline !important olarak günceller.
     */
    transition:
        aspect-ratio .55s
        cubic-bezier(.22,.61,.36,1)!important;
}


/* GORSEL SAHNESI */
.home-promo-clean .home-promo-slides{
    position:absolute!important;
    inset:0!important;

    width:100%!important;
    height:100%!important;

    overflow:hidden!important;

    border-radius:inherit!important;

    background:#07172e!important;

    isolation:isolate!important;
}


/*
 * Eski gradient overlay kapalı.
 * Beyaz geçişi dış ::after yapacak.
 */
.home-promo-clean
.home-promo-slides:after{
    display:none!important;
}


/* BUTUN SLIDELAR AYNI SAHNEDE */
.home-promo-clean
.home-promo-slides > .home-promo-slide{
    position:absolute!important;
    inset:0!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    opacity:0!important;

    z-index:1!important;

    pointer-events:none!important;

    transition:
        opacity 1.35s
        cubic-bezier(.20,.62,.30,1)!important;

    will-change:opacity;
}


/* NORMAL AKTIF */
.home-promo-clean
.home-promo-slides > .home-promo-slide.active{
    opacity:1!important;
    z-index:2!important;
}


/*
 * YENI SLIDE:
 * alttan görünmeye baslar.
 */
.home-promo-clean
.home-promo-slides > .home-promo-slide.is-entering{
    opacity:1!important;
    z-index:3!important;
}


/*
 * ESKI SLIDE:
 * yeni slide'ın üstünde yavaşça silinir.
 */
.home-promo-clean
.home-promo-slides > .home-promo-slide.is-leaving{
    opacity:0!important;
    z-index:4!important;
}


/*
 * Resim tam alanı doldurur.
 *
 * Slider oranı resmin doğal oranına
 * JS ile getirildiği için cover crop yapmaz.
 */
.home-promo-clean
.home-promo-slides > .home-promo-slide img{
    position:absolute!important;
    inset:0!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:none!important;
    max-height:none!important;

    margin:0!important;
    padding:0!important;

    object-fit:cover!important;
    object-position:center center!important;

    opacity:1!important;

    transform:none!important;

    background:#07172e!important;

    backface-visibility:hidden;

    will-change:
        opacity,
        filter;
}


/*
 * GELEN GORSEL:
 * beyaz geçişin içinden canlı/net hale gelir.
 */
.home-promo-clean
.home-promo-slide.is-entering img{
    animation:
        homePromoReferenceEnter 1.35s
        cubic-bezier(.20,.62,.30,1)
        both!important;
}

@keyframes homePromoReferenceEnter{

    0%{
        filter:
            brightness(1.18)
            saturate(.68)
            contrast(.91);
    }

    42%{
        filter:
            brightness(1.10)
            saturate(.78)
            contrast(.94);
    }

    72%{
        filter:
            brightness(1.04)
            saturate(.92)
            contrast(.98);
    }

    100%{
        filter:
            brightness(1)
            saturate(1)
            contrast(1);
    }
}


/*
 * CIKAN GORSEL:
 * kararmak yerine referanstaki gibi
 * beyaza / soluk tona doğru gider.
 */
.home-promo-clean
.home-promo-slide.is-leaving img{
    animation:
        homePromoReferenceLeave 1.35s
        cubic-bezier(.20,.62,.30,1)
        both!important;
}

@keyframes homePromoReferenceLeave{

    0%{
        filter:
            brightness(1)
            saturate(1)
            contrast(1);
    }

    45%{
        filter:
            brightness(1.13)
            saturate(.72)
            contrast(.92);
    }

    100%{
        filter:
            brightness(1.26)
            saturate(.48)
            contrast(.84);
    }
}


/*
 * REFERANS VIDEODAKI ANA FARK:
 * geçiş ortasında ekran süt/beyaz bir
 * perdeyle hafifçe yıkanır.
 */
html body .home-promo-clean:after{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    display:block!important;

    z-index:8!important;

    border-radius:inherit!important;

    background:
        rgba(244,248,255,.92)!important;

    opacity:0!important;

    pointer-events:none!important;
}


html body
.home-promo-clean.is-transitioning:after{
    animation:
        homePromoWhiteWash 1.35s
        cubic-bezier(.20,.62,.30,1)
        both!important;
}


@keyframes homePromoWhiteWash{

    0%{
        opacity:0;
    }

    34%{
        opacity:.42;
    }

    50%{
        opacity:.72;
    }

    65%{
        opacity:.45;
    }

    100%{
        opacity:0;
    }
}


@media(prefers-reduced-motion:reduce){

    .home-promo-clean
    .home-promo-slide{
        transition:none!important;
    }

    .home-promo-clean
    .home-promo-slide img{
        animation:none!important;
        filter:none!important;
    }

    html body
    .home-promo-clean.is-transitioning:after{
        animation:none!important;
        opacity:0!important;
    }
}

/* HOME SLIDER CLEAN V3
   HOME_SLIDER_REFERENCE_PROGRESS_V1

   Small centered functional indicators
   matching the reference approach.
*/

html body .home-promo-clean{
    overflow:visible!important;
    margin-bottom:45px!important;
}


/*
 * Sadece resim bölgesi kırpılır.
 * Progress dışarıda kalır.
 */
html body
.home-promo-clean .home-promo-slides{
    overflow:hidden!important;
}


/* ORTALANMIS KISA CIZGILER */
.home-promo-clean > .home-promo-dots{
    position:absolute!important;

    left:50%!important;
    bottom:-27px!important;

    z-index:10!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    gap:7px!important;

    width:auto!important;
    max-width:calc(100% - 30px)!important;

    margin:0!important;
    padding:0!important;

    transform:translateX(-50%)!important;

    border:0!important;

    background:transparent!important;

    box-shadow:none!important;
    backdrop-filter:none!important;
}


/* PASIF */
.home-promo-clean > .home-promo-dots button{
    position:relative!important;

    display:block!important;

    flex:0 0 43px!important;

    width:43px!important;
    min-width:43px!important;
    max-width:43px!important;

    height:3px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border:0!important;
    border-radius:99px!important;

    background:#c8d1de!important;

    opacity:.76!important;

    font-size:0!important;
    line-height:0!important;

    cursor:pointer!important;

    transition:
        width .20s ease,
        flex-basis .20s ease,
        height .20s ease,
        opacity .20s ease,
        background .20s ease,
        box-shadow .20s ease!important;
}


/* AKTIF RAY DAHA BELIRGIN */
.home-promo-clean > .home-promo-dots button.active{
    flex-basis:54px!important;

    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;

    height:4px!important;

    opacity:1!important;

    background:#aebddd!important;

    box-shadow:
        0 2px 6px rgba(43,86,189,.16)!important;
}


/* DOLUM */
.home-promo-clean > .home-promo-dots button:after{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    border-radius:inherit!important;

    background:#315dc3!important;

    transform:scaleX(0)!important;
    transform-origin:left center!important;
}


/*
 * Hangi slide aktifse:
 * koyu mavi bölüm soldan sağa ilerler.
 */
.home-promo-clean
> .home-promo-dots
> button.active:after{
    animation:
        homePromoReferenceProgress 6500ms
        linear
        forwards!important;
}


@keyframes homePromoReferenceProgress{

    from{
        transform:scaleX(0);
    }

    to{
        transform:scaleX(1);
    }
}


.home-promo-clean
> .home-promo-dots
> button:hover{
    opacity:1!important;
    background:#aeb9c9!important;
}


@media(max-width:850px){

    html body .home-promo-clean{
        margin-bottom:32px!important;
    }

    .home-promo-clean > .home-promo-dots{
        bottom:-20px!important;
        gap:5px!important;
    }

    .home-promo-clean
    > .home-promo-dots
    > button{
        flex-basis:27px!important;

        width:27px!important;
        min-width:27px!important;
        max-width:27px!important;

        height:3px!important;
    }

    .home-promo-clean
    > .home-promo-dots
    > button.active{
        flex-basis:35px!important;

        width:35px!important;
        min-width:35px!important;
        max-width:35px!important;

        height:4px!important;
    }
}


@media(prefers-reduced-motion:reduce){

    .home-promo-clean
    > .home-promo-dots
    > button.active:after{
        animation:none!important;
        transform:scaleX(1)!important;
    }
}

/* HOME_LOGO_STABLE_V2_BEGIN */

@media (min-width:851px){

    .home-header.home-header-dark
    > a.brand.brand-has-image
    > .mobile-brand-treatment{
        display:none !important;
    }

    .home-header.home-header-dark
    > a.brand.brand-has-image{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;

        height:60px !important;

        padding:0 !important;
        margin:0 !important;
        gap:0 !important;

        overflow:visible !important;
    }

    .home-header.home-header-dark
    > a.brand.brand-has-image
    > .brand-symbol.has-image{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;

        height:50px !important;
        min-height:50px !important;
        max-height:50px !important;

        flex:0 0 300px !important;

        padding:0 !important;
        margin:0 !important;

        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;

        overflow:visible !important;
    }

    .home-header.home-header-dark
    > a.brand.brand-has-image
    > .brand-symbol.has-image
    > img[data-brand-logo]{
        display:block !important;

        width:300px !important;
        max-width:300px !important;

        height:auto !important;
        max-height:46px !important;

        object-fit:contain !important;
        object-position:left center !important;

        transform:none !important;
        filter:none !important;
    }
}

/* HOME_LOGO_STABLE_V2_END */


/* HOME_MOBILE_AUTH_UNDER_LOGO_V3_BEGIN */

/*
 * Desktop:
 * mobile auth row hidden.
 */
.home-mobile-auth-row{
    display:none;
}


/*
 * MOBILE FINAL
 *
 * Logo
 * [ Login ] [ Registration ]
 *
 * Header nav mobile'da gizli.
 * Hero'daki ikinci Login/Register grubu gizli.
 */
@media (max-width:700px){

    html,
    body.public-home-body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }


    /* ============================
       HEADER
       ============================ */

    .public-home-body
    .home-header{
        display:grid !important;

        grid-template-columns:
            minmax(0,1fr) !important;

        width:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;

        min-height:0 !important;
        max-height:none !important;

        gap:9px !important;

        margin:0 !important;

        padding:
            11px 12px 12px !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    /* ============================
       LOGO
       ============================ */

    .public-home-body
    .home-header
    > .brand{
        display:flex !important;

        align-items:center !important;
        justify-content:flex-start !important;

        width:
            min(
                245px,
                100%
            ) !important;

        min-width:0 !important;
        max-width:245px !important;

        height:50px !important;

        min-height:50px !important;
        max-height:50px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    .public-home-body
    .home-header
    > .brand
    .brand-symbol,

    .public-home-body
    .home-header
    > .brand
    .brand-symbol.brand-logo-only{
        display:flex !important;

        align-items:center !important;
        justify-content:flex-start !important;

        width:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        height:50px !important;

        min-height:50px !important;
        max-height:50px !important;

        flex:1 1 auto !important;

        margin:0 !important;

        padding:
            2px 3px !important;

        overflow:hidden !important;

        border:0 !important;

        background:
            transparent !important;

        box-shadow:none !important;

        box-sizing:border-box !important;
    }


    .public-home-body
    .home-header
    > .brand
    .brand-copy{
        display:none !important;
    }


    .public-home-body
    .home-header
    > .brand img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        min-width:0 !important;

        max-width:100% !important;
        max-height:100% !important;

        object-fit:contain !important;

        object-position:
            left center !important;
    }


    /* ============================
       OLD TOP NAV
       ============================ */

    .public-home-body
    .home-header
    > nav{
        display:none !important;
    }


    /* ============================
       AUTH ROW DIRECTLY UNDER LOGO
       ============================ */

    .public-home-body
    .home-mobile-auth-row{
        display:grid !important;

        grid-template-columns:
            minmax(0,.82fr)
            minmax(0,1.18fr) !important;

        align-items:stretch !important;

        width:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        gap:8px !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }


    .public-home-body
    .home-mobile-auth-row
    .home-login,

    .public-home-body
    .home-mobile-auth-row
    .home-start{
        display:flex !important;

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

        width:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        height:43px !important;

        min-height:43px !important;
        max-height:43px !important;

        margin:0 !important;

        padding:
            0 10px !important;

        box-sizing:border-box !important;

        border-radius:
            11px !important;

        font-size:
            clamp(
                11px,
                3vw,
                13px
            ) !important;

        font-weight:850 !important;

        line-height:1 !important;

        white-space:nowrap !important;

        overflow:hidden !important;

        text-overflow:ellipsis !important;

        transform:none !important;
    }


    .public-home-body
    .home-mobile-auth-row
    .home-start
    .ui-icon{
        width:13px !important;
        height:13px !important;

        min-width:13px !important;

        flex:
            0 0 13px !important;

        margin-left:
            5px !important;
    }


    /* ============================
       HERO'DAKI ESKI BUTTONLAR
       MOBILE'DA ARTIK YOK
       ============================ */

    .public-home-body
    .home-hero
    .home-cta{
        display:none !important;
    }


    /*
     * CTA kalktigi icin trust satiri
     * basliga biraz daha yaklasir.
     */
    .public-home-body
    .home-hero
    .home-trust{
        margin-top:
            22px !important;
    }

}


/* ================================
   DAR TELEFON
   ================================ */

@media (max-width:380px){

    .public-home-body
    .home-header{
        padding:
            10px !important;

        gap:
            8px !important;
    }


    .public-home-body
    .home-header
    > .brand{
        width:
            min(
                220px,
                100%
            ) !important;

        max-width:
            220px !important;

        height:
            47px !important;

        min-height:
            47px !important;

        max-height:
            47px !important;
    }


    .public-home-body
    .home-header
    > .brand
    .brand-symbol,

    .public-home-body
    .home-header
    > .brand
    .brand-symbol.brand-logo-only{
        height:
            47px !important;

        min-height:
            47px !important;

        max-height:
            47px !important;
    }


    .public-home-body
    .home-mobile-auth-row{
        grid-template-columns:
            minmax(0,.78fr)
            minmax(0,1.22fr) !important;

        gap:
            6px !important;
    }


    .public-home-body
    .home-mobile-auth-row
    .home-login,

    .public-home-body
    .home-mobile-auth-row
    .home-start{
        height:
            41px !important;

        min-height:
            41px !important;

        max-height:
            41px !important;

        padding:
            0 7px !important;

        font-size:
            11px !important;
    }


    .public-home-body
    .home-mobile-auth-row
    .home-start
    .ui-icon{
        display:none !important;
    }

}

/* HOME_MOBILE_AUTH_UNDER_LOGO_V3_END */

/* ===== SOURCE: assets/brand-surface-v1.css ===== */
/*
 * PLATFORM LOGO CANONICAL V2
 *
 * TEK AKTIF LOGO GORUNUM SAHIBI
 *
 * Kaynak:
 * Admin -> PlatformSettings -> platformBrand.logo_url
 *
 * Renderer:
 * resources/views/partials/platform-logo.blade.php
 */


/* =========================================================
   GLOBAL
   ========================================================= */

html body img[data-brand-logo]{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    box-shadow:none !important;

    object-fit:contain !important;

    transform:none !important;
    clip-path:none !important;
}


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

html body
.brand.brand-has-image{
    min-width:0 !important;
    overflow:visible !important;
}

html body
.brand.brand-has-image
> .mobile-brand-treatment{
    display:none !important;
}

html body
.brand.brand-has-image
> .brand-symbol.has-image{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-start !important;

    min-width:0 !important;

    padding:0 !important;

    overflow:visible !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
}

html body
.brand.brand-has-image
> .brand-symbol.brand-logo-only
> img[data-brand-logo]{
    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    object-position:left center !important;
}

html body
.brand.brand-has-image:has(> .brand-symbol.brand-logo-only)
> .brand-copy{
    display:none !important;
}


/* Logo + text modu */

html body
.brand.brand-has-image
> .brand-symbol.brand-logo-mark{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;

    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;

    flex:0 0 46px !important;
}


/* =========================================================
   SURFACE
   ========================================================= */

html body
.brand-symbol.has-image[data-logo-surface="auto"],
html body
.brand-symbol.has-image[data-logo-surface="transparent"],
html body
.ub-header-brand-symbol[data-logo-surface="auto"],
html body
.ub-header-brand-symbol[data-logo-surface="transparent"]{
    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
}

html body
.brand-symbol.has-image[data-logo-surface="light"],
html body
.ub-header-brand-symbol[data-logo-surface="light"]{
    background:#fff !important;
}

html body
.brand-symbol.has-image[data-logo-surface="dark"],
html body
.ub-header-brand-symbol[data-logo-surface="dark"]{
    background:#0b1729 !important;
}


/* =========================================================
   HOME
   ========================================================= */

html body
.home-header
.brand.brand-has-image:has(> .brand-symbol.brand-logo-only){
    width:240px !important;
    min-width:240px !important;
    max-width:240px !important;

    height:58px !important;

    flex:0 0 240px !important;

    padding:0 !important;
}

html body
.home-header
.brand.brand-has-image
> .brand-symbol.brand-logo-only{
    width:240px !important;
    min-width:240px !important;
    max-width:240px !important;

    height:58px !important;

    flex:0 0 240px !important;
}


/* =========================================================
   AUTH DESKTOP
   LOGIN + REGISTER AYNI STANDARD
   ========================================================= */

@media (min-width:821px){

    html body.auth-body
    .auth-story
    .brand.brand-has-image:has(> .brand-symbol.brand-logo-only),

    html body.auth-login-concept-v1
    .auth-login-v1-brand.brand-has-image:has(> .brand-symbol.brand-logo-only){

        display:flex !important;

        width:280px !important;
        min-width:280px !important;
        max-width:280px !important;

        height:68px !important;
        min-height:68px !important;
        max-height:68px !important;

        flex:0 0 280px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }


    html body.auth-body
    .auth-story
    .brand.brand-has-image
    > .brand-symbol.brand-logo-only,

    html body.auth-login-concept-v1
    .auth-login-v1-brand.brand-has-image
    > .brand-symbol.brand-logo-only{

        display:flex !important;

        width:280px !important;
        min-width:280px !important;
        max-width:280px !important;

        height:68px !important;
        min-height:68px !important;
        max-height:68px !important;

        flex:0 0 280px !important;

        margin:0 !important;
        padding:0 !important;
    }
}


/* =========================================================
   AUTH MOBILE
   ========================================================= */

@media (max-width:820px){

    html body.auth-body
    .auth-panel-brand.brand-has-image{

        display:flex !important;

        width:190px !important;
        min-width:190px !important;
        max-width:190px !important;

        height:46px !important;
        min-height:46px !important;
        max-height:46px !important;

        flex:0 0 190px !important;

        margin:0 0 12px !important;
        padding:0 !important;
    }


    html body.auth-body
    .auth-panel-brand.brand-has-image
    > .brand-symbol.brand-logo-only{

        display:flex !important;

        width:190px !important;
        min-width:190px !important;
        max-width:190px !important;

        height:46px !important;
        min-height:46px !important;
        max-height:46px !important;

        flex:0 0 190px !important;

        padding:0 !important;
    }
}


@media (max-width:380px){

    html body.auth-body
    .auth-panel-brand.brand-has-image,

    html body.auth-body
    .auth-panel-brand.brand-has-image
    > .brand-symbol.brand-logo-only{

        width:160px !important;
        min-width:160px !important;
        max-width:160px !important;

        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;

        flex-basis:160px !important;
    }
}


/* =========================================================
   ADMIN SIDEBAR
   ========================================================= */

html body.admin-body
aside#sidebar.premium-admin-sidebar
> a.brand.brand-has-image{

    display:flex !important;

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

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;

    padding:5px 4px 11px !important;

    overflow:visible !important;
}


html body.admin-body
aside#sidebar.premium-admin-sidebar
> a.brand.brand-has-image
> .brand-symbol.brand-logo-only{

    display:flex !important;

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

    width:220px !important;
    min-width:0 !important;
    max-width:220px !important;

    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;

    flex:0 1 220px !important;

    margin:0 auto !important;
    padding:0 !important;

    overflow:visible !important;
}


html body.admin-body
aside#sidebar.premium-admin-sidebar
> a.brand.brand-has-image
> .brand-symbol.brand-logo-only
> img[data-brand-logo]{

    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    object-position:center center !important;
}


/* =========================================================
   CUSTOMER ISOLATED HEADER
   Slot/grid customer-header.css'e ait.
   Görsel davranışı burada.
   ========================================================= */

html body.customer-body
.ub-header-brand-symbol
> img[data-brand-logo]{

    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    object-fit:contain !important;
    object-position:left center !important;

    transform:none !important;
}


/* =========================================================
   ADMIN LOGO PREVIEW
   ========================================================= */

html body
.brand-upload-mark.has-image[data-logo-surface="auto"],
html body
.brand-upload-mark.has-image[data-logo-surface="transparent"]{

    background:transparent !important;

    border-color:transparent !important;

    box-shadow:none !important;
}

html body
.brand-upload-mark
img{

    object-fit:contain !important;
    object-position:center center !important;
}