/* Seller dashboard tabs + minimalist cards — declutters the page into
       Profile/Products/Analytics/Orders/Messages panels without changing the
       dashboard's existing dark color system. */
    .sd-tabs{ display:flex; flex-wrap:wrap; gap:.4rem; margin:1rem 0 .5rem; border-bottom:1px solid var(--border); padding-bottom:.6rem; }
    .sd-tab{ background:transparent; border:1px solid transparent; border-radius:999px; padding:.5rem 1rem; font-size:.85rem; font-weight:600; color:var(--muted); cursor:pointer; transition:all .2s ease; display:inline-flex; align-items:center; gap:.35rem; }
    .sd-tab:hover{ color:var(--text); background:rgba(255,255,255,0.06); }
    .sd-tab[aria-selected="true"]{ color:#fff; background:linear-gradient(135deg,#0ea5a4,#0284c7); box-shadow:0 6px 16px rgba(2,6,23,0.18); }

    .sd-tab-panel[hidden], .sd-tab-panel-inline[hidden]{ display:none !important; }
    .sd-tab-panel-inline{ display:contents; }
    @media (prefers-reduced-motion: no-preference){
      .sd-tab-panel{ animation:sdFadeIn .18s ease; }
      @keyframes sdFadeIn{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:none; } }
    }

    .sd-card{ border-radius:16px; box-shadow:0 6px 18px rgba(2,6,23,0.08); transition:box-shadow .2s ease; }
    .sd-card:hover{ box-shadow:0 12px 26px rgba(2,6,23,0.12); }
    body[data-theme="light"] .sd-card{ box-shadow:0 4px 14px rgba(15,23,42,0.06); }

    .sd-edit-btn{ font-size:.75rem; padding:5px 10px; white-space:nowrap; }

    /* Profile hero — logo/name/pills sit directly on the cover photo (one
       integrated image, no separate white/dark block underneath it). */
    .sd-hero{ position:relative; border-radius:20px; overflow:hidden; min-height:260px; background-size:cover; background-position:center; background-color:#111827; display:flex; align-items:flex-end; box-shadow:0 10px 28px rgba(2,6,23,0.18); }
    .sd-hero-noimg{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.5); font-size:.9rem; }
    .sd-hero-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.85) 100%); }
    .sd-hero-content{ position:relative; z-index:1; width:100%; padding:1.25rem; color:#fff; }
    .sd-hero-top{ display:flex; align-items:center; gap:.9rem; margin-bottom:.9rem; }
    .sd-hero-logo{ width:76px; height:76px; border-radius:20px; object-fit:cover; border:2px solid rgba(255,255,255,0.85); box-shadow:0 8px 18px rgba(0,0,0,0.35); flex-shrink:0; }
    .sd-hero-name{ font-size:1.3rem; font-weight:800; line-height:1.25; text-shadow:0 2px 10px rgba(0,0,0,0.4); }
    .sd-hero-desc{ font-size:.82rem; opacity:.92; margin-top:.2rem; text-shadow:0 1px 6px rgba(0,0,0,0.35); }
    .sd-hero-pills{ display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.4rem; }
    .sd-hero-pill{ background:rgba(255,255,255,0.16); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,0.25); color:#fff; padding:5px 11px; border-radius:999px; font-size:.78rem; display:inline-flex; align-items:center; gap:.3rem; }
    .sd-hero-pill a{ color:#fff; text-decoration:underline; }
    .sd-hero-social{ margin-top:.4rem; font-size:.78rem; opacity:.88; text-shadow:0 1px 6px rgba(0,0,0,0.35); }
    @media (min-width: 640px){
      .sd-hero{ min-height:320px; }
      .sd-hero-logo{ width:104px; height:104px; }
      .sd-hero-name{ font-size:1.7rem; }
      .sd-hero-content{ padding:1.75rem; }
    }

    @media (max-width: 640px){
      .sd-tabs{ gap:.3rem; }
      .sd-tab{ padding:.4rem .75rem; font-size:.78rem; }
    }