/* ============================================================
   SURYAPOWER - SELLER CENTER STYLES
   ============================================================ */
.seller-body{background:#f1f5f9}
.s-layout{display:flex;min-height:100vh}

/* SIDEBAR */
.s-sidebar{width:250px;background:var(--green-900);color:#cbd5e1;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.s-brand{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.s-brand .logo{font-size:18px}.s-brand small{font-size:10px;display:block}
.s-store{display:flex;gap:10px;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.s-store-ava{width:42px;height:42px;border-radius:10px;background:var(--green-700);display:flex;align-items:center;justify-content:center;font-size:20px}
.s-store b{color:#fff;font-size:14px}.s-store small{font-size:11px;color:#86efac}
.s-menu{padding:12px;display:flex;flex-direction:column;gap:2px}
.s-menu a{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:8px;font-size:14px;color:#cbd5e1}
.s-menu a span{width:20px;text-align:center}
.s-menu a:hover{background:rgba(255,255,255,.08);color:#fff}
.s-menu a.active{background:var(--green-700);color:#fff;font-weight:600}

/* MAIN */
.s-main{flex:1;display:flex;flex-direction:column;min-width:0}
.s-topbar{background:#fff;border-bottom:1px solid var(--line);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}
.s-topbar-right{display:flex;align-items:center;gap:20px}
.s-bell{position:relative;font-size:20px}
.s-bell-badge{position:absolute;top:-6px;right:-8px;background:var(--red-500);color:#fff;font-size:10px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}
.s-user{display:flex;gap:10px;align-items:center}
.s-user-ava{width:38px;height:38px;border-radius:50%;background:var(--green-100);display:flex;align-items:center;justify-content:center}
.s-content{padding:28px;flex:1}

/* STAT CARDS */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.stat-card .sc-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}
.sc-green{background:var(--green-50);color:var(--green-700)}
.sc-blue{background:#eff6ff;color:#2563eb}
.sc-amber{background:#fffbeb;color:#d97706}
.sc-purple{background:#faf5ff;color:#9333ea}
.stat-card .sc-val{font-size:26px;font-weight:800}
.stat-card .sc-label{color:var(--muted);font-size:13px}
.stat-card .sc-trend{font-size:12px;margin-top:6px}
.sc-up{color:var(--green-600)}.sc-down{color:var(--red-500)}

/* PANELS */
.s-grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:20px}
.s-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:20px}
.s-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.s-panel-head h3{font-size:16px}

/* TABLE */
.s-table{width:100%;border-collapse:collapse;font-size:14px}
.s-table th{text-align:left;padding:12px;background:#f8fafc;color:var(--muted);font-weight:600;font-size:12.5px;border-bottom:1px solid var(--line)}
.s-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}
.s-table tr:hover td{background:#f8fafc}

/* simple bar chart */
.bar-chart{display:flex;align-items:flex-end;gap:14px;height:200px;padding-top:10px}
.bar-chart .bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.bar-chart .bar{width:60%;background:var(--green-600);border-radius:6px 6px 0 0;min-height:4px;transition:.2s}
.bar-chart .bar:hover{background:var(--green-700)}
.bar-chart small{color:var(--muted);font-size:11px}

/* auth seller */
.s-auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.s-auth-side{background:linear-gradient(160deg,var(--green-900),var(--green-700));color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:center}
.s-auth-form{display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}

@media(max-width:900px){
  .s-sidebar{position:fixed;left:-250px;z-index:100;transition:.2s}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .s-grid-2,.s-auth{grid-template-columns:1fr}
  .s-auth-side{display:none}
}