/* EKANNTO v38 — refined premium design system, layered over v37 without changing app logic */
:root{--ek-espresso:#382215;--ek-espresso-2:#4a2b1b;--ek-cream:#fbf8f3;--ek-paper:#fff;--ek-ink:#211912;--ek-muted:#81766d;--ek-line:#eee5dc;--ek-gold:#b78b50;--ek-radius:20px;--ek-shadow:0 12px 34px rgba(56,34,21,.075)}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--ek-cream)!important;color:var(--ek-ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,.btn,[role=button]{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}button:active,.btn:active,[role=button]:active{transform:translateY(1px)}:focus-visible{outline:3px solid rgba(183,139,80,.55)!important;outline-offset:3px!important}
#app{min-height:100dvh}.container{width:min(100% - 28px,1240px);margin-inline:auto}.brand,.loading-brand{gap:10px}.brand img,.loading-brand img{object-fit:contain}.brand-name{font-weight:850;letter-spacing:.14em;color:var(--ek-espresso)}
header,.site-header,.topbar,.app-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(56,34,21,.08)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.card,.product-card,.panel,.stat-card,.dashboard-card,.seller-card,.plan-card,.feature-card,.order-card,.tool-card{border:1px solid rgba(56,34,21,.075)!important;border-radius:var(--ek-radius)!important;box-shadow:var(--ek-shadow);background:#fff;overflow:hidden}
.product-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(56,34,21,.12);border-color:rgba(183,139,80,.35)!important}.product-card img{display:block;object-fit:cover}.product-card .price,.price,.current-price{color:var(--ek-espresso);font-weight:850;letter-spacing:-.025em}.old-price,.muted,.subtle{color:var(--ek-muted)}
button.primary,.btn.primary,.btn:not(.outline):not(.secondary):not(.danger),button[type=submit]{background:var(--ek-espresso);border-color:var(--ek-espresso);color:#fff;border-radius:13px;font-weight:750;box-shadow:0 5px 14px rgba(56,34,21,.12)}button.primary:hover,.btn.primary:hover,button[type=submit]:hover{background:var(--ek-espresso-2);box-shadow:0 8px 20px rgba(56,34,21,.18)}.btn.outline,button.outline{background:#fff;color:var(--ek-espresso);border:1px solid #dfd1c3;border-radius:12px}.badge,.pill,.status-badge{border-radius:999px;font-weight:700}
input,select,textarea,.field input,.field select,.field textarea{border:1px solid #e4d9ce!important;border-radius:12px!important;background:#fff!important;min-height:44px;color:var(--ek-ink)}input:focus,select:focus,textarea:focus{border-color:var(--ek-gold)!important;box-shadow:0 0 0 3px rgba(183,139,80,.13)!important;outline:0}
nav a,.nav-item,.sidebar a{border-radius:12px;transition:background .18s,color .18s}.nav-item:hover,.sidebar a:hover,nav a:hover{background:#f4ede5;color:var(--ek-espresso)}
/* Premium seller workspace */
.seller-dashboard,.seller-workspace,.dashboard-layout{gap:18px}.seller-dashboard .dashboard-hero,.seller-hero,.store-banner{border-radius:24px!important;background:linear-gradient(125deg,#382215 0%,#533522 58%,#89653e 100%)!important;color:white!important;box-shadow:0 18px 44px rgba(56,34,21,.18);overflow:hidden}.seller-dashboard .dashboard-hero h1,.seller-hero h1,.store-banner h1{color:#fff;letter-spacing:-.035em}.seller-dashboard .quick-actions,.quick-actions,.dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-actions a,.quick-actions button,.dashboard-actions a,.dashboard-actions button{min-height:94px;border:1px solid var(--ek-line);border-radius:17px;background:#fff;padding:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;text-align:left;color:var(--ek-espresso);font-weight:750;box-shadow:0 5px 18px rgba(56,34,21,.035)}.quick-actions a:hover,.quick-actions button:hover,.dashboard-actions a:hover,.dashboard-actions button:hover{border-color:#c7a77d;background:#fffcf8;transform:translateY(-2px)}
/* Premium plans */
.plan-grid,.plans-grid,.subscription-plans{gap:16px}.plan-card,.pricing-card{padding:22px!important}.plan-card h2,.pricing-card h2{letter-spacing:-.03em}.plan-card.featured,.pricing-card.featured{border:1.5px solid #b78b50!important;background:linear-gradient(180deg,#fffdf8,#fff)!important;box-shadow:0 16px 40px rgba(139,98,48,.13)}
/* Tables and admin data */
table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--ek-line);border-radius:16px;overflow:hidden}th{background:#f6f0e9;color:#604631;font-weight:800}td,th{padding:12px 14px;border-bottom:1px solid #f0e8e0;text-align:left}tr:last-child td{border-bottom:0}.admin-sidebar,.sidebar{background:#fff;border-right:1px solid var(--ek-line)}
/* Product and search controls */
.search-box,.search-bar{border:1px solid #e5d9cc;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(56,34,21,.045)}.filter-chip,.category-chip{border:1px solid #e6dbd0;border-radius:999px;background:#fff;color:#5a4433;padding:8px 13px}.filter-chip.active,.category-chip.active{background:var(--ek-espresso);color:#fff;border-color:var(--ek-espresso)}
/* Accessible reduced motion and compact phones */
@media(max-width:760px){.container{width:min(100% - 20px,1240px)}.seller-dashboard .quick-actions,.quick-actions,.dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-actions a,.quick-actions button,.dashboard-actions a,.dashboard-actions button{min-height:82px;padding:12px}.card,.product-card,.panel,.stat-card,.dashboard-card,.seller-card,.plan-card,.feature-card,.order-card,.tool-card{border-radius:16px!important}.plan-card,.pricing-card{padding:17px!important}td,th{padding:10px;font-size:13px}.table-wrap{max-width:100%;overflow-x:auto}.seller-dashboard .dashboard-hero,.seller-hero,.store-banner{border-radius:20px!important}}
@media(max-width:360px){.container{width:calc(100% - 16px)}.quick-actions a,.quick-actions button,.dashboard-actions a,.dashboard-actions button{font-size:12px;padding:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}