/* Devchitra (admin v2): the "New admin" skin over the existing pages.
   docs/design/admin-v2/admin.css — a working tool first: quiet surfaces,
   hairlines instead of boxes, one accent, type does the work.
   Shwet (light, the v6 "jewel" palette) and Brahmand (dark: navy, starfield,
   antique gold, Cinzel titles). Everything is scoped to body.admin-v2, so
   "Classic admin" (account menu) is untouched. Loaded last in welcome.blade.php. */

body.admin-v2 {
    --v2-bg: #FFFFFF; --v2-side: #FAF7F2; --v2-panel: #F7F3EC; --v2-hover: #F6F2EB;
    --v2-line: #E8E1D5; --v2-line2: #F0EBE2;
    --v2-ink: #1F1A17; --v2-ink2: #433A33; --v2-muted: #746A60; --v2-faint: #A69B8E;
    --v2-esp: #2B201A; --v2-esp2: #3A2B22; --v2-on-esp: #FFFFFF;
    --v2-gold: #A8803F; --v2-gold4: #D4AF63; --v2-gold-s: #F5ECD9;
    --v2-kum: #B3261E; --v2-kum-s: #FBEBE9; --v2-tul: #2E6B4A; --v2-tul-s: #E8F2EC;
    --v2-ind: #4A5D9A; --v2-ind-s: #ECEFF8; --v2-saf: #C46A1B; --v2-saf-s: #FCEFE2;
    --v2-sel: #F3EBDC; --v2-focus: rgba(168, 128, 63, .28);
    --v2-f: "Mona Sans", "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --v2-f-title: var(--v2-f);

    /* the classic variables, re-pointed */
    --app-sidebar-w: 240px;
    --app-header-h: 56px;
    --app-ink: var(--v2-ink);
    --app-muted: var(--v2-muted);
    --app-border: var(--v2-line);
    --app-surface: var(--v2-bg);
    --app-card-bg: var(--v2-bg);
    --app-card-border: var(--v2-line);
    --app-thead-bg: var(--v2-panel);
    --app-hover: var(--v2-hover);
    --app-control-border: var(--v2-line);
    --bs-primary: #2B201A !important;
    --bs-primary-rgb: 43, 32, 26 !important;
    --bs-body-color: var(--v2-ink);
    --bs-border-color: var(--v2-line);
    background-color: var(--v2-bg) !important;
    color: var(--v2-ink);
    font-family: var(--v2-f) !important;
    font-variant-numeric: proportional-nums;
}

body.admin-v2.theme-dark {
    --v2-bg: #0B1026; --v2-side: #080C20; --v2-panel: #111737; --v2-hover: #141B40;
    --v2-line: #232B57; --v2-line2: #1A2149;
    --v2-ink: #E9ECFA; --v2-ink2: #C9CFEA; --v2-muted: #9199C0; --v2-faint: #646D98;
    --v2-esp: #D4AF63; --v2-esp2: #E0C07E; --v2-on-esp: #0B1026;
    --v2-gold: #D4AF63; --v2-gold4: #D4AF63; --v2-gold-s: #262A45;
    --v2-kum: #F08A80; --v2-kum-s: #33192A; --v2-tul: #7CC8A0; --v2-tul-s: #132B29;
    --v2-ind: #9DB0F0; --v2-ind-s: #1B2552; --v2-saf: #E8893A; --v2-saf-s: #2E241F;
    --v2-sel: #19214A; --v2-focus: rgba(212, 175, 99, .35);
    --v2-f-title: "Cinzel", "Playfair Display", serif;
    --bs-primary: #D4AF63 !important;
    --bs-primary-rgb: 212, 175, 99 !important;
    --bs-body-bg: #0B1026 !important;
    background-color: #0B1026 !important;
    /* the storefront's quiet starfield, kept to the canvas */
    background-image: radial-gradient(1.2px 1.2px at 12% 18%, rgba(255,255,255,.35) 50%, transparent),
        radial-gradient(1px 1px at 68% 9%, rgba(255,255,255,.28) 50%, transparent),
        radial-gradient(1px 1px at 38% 62%, rgba(207,216,255,.25) 50%, transparent),
        radial-gradient(1px 1px at 86% 44%, rgba(255,255,255,.25) 50%, transparent),
        radial-gradient(1.3px 1.3px at 22% 88%, rgba(207,216,255,.3) 50%, transparent) !important;
    background-size: 560px 560px !important;
}

body.admin-v2 ::selection { background: var(--v2-gold-s); }
body.admin-v2 :focus-visible { outline: 2px solid var(--v2-focus); outline-offset: 1px; }
body.admin-v2 h1, body.admin-v2 h2, body.admin-v2 h3, body.admin-v2 h4, body.admin-v2 h5, body.admin-v2 h6 {
    font-family: var(--v2-f-title) !important; color: var(--v2-ink); letter-spacing: -.01em;
}
body.admin-v2.theme-dark h1, body.admin-v2.theme-dark h2, body.admin-v2.theme-dark h3, body.admin-v2.theme-dark h4 { letter-spacing: .02em; }

/* ---------------- sidebar: by job, a colour per module ---------------- */
body.admin-v2 #sidebar .sidebar-wrapper { background: var(--v2-side) !important; border-right: 1px solid var(--v2-line) !important; }
body.admin-v2 .sidebar-wrapper .sidebar-header { padding: 14px 16px !important; }
body.admin-v2 .sidebar-wrapper .container-logo { max-height: 30px; width: auto; }
body.admin-v2.theme-dark .sidebar-wrapper .container-logo { filter: brightness(0) invert(1); }
body.admin-v2 .sidebar-wrapper .menu { padding: 0 8px !important; }
body.admin-v2 .menu .sidebar-title {
    color: var(--v2-faint) !important; font-size: 11px !important; letter-spacing: .08em !important;
    margin: 14px 0 4px !important; padding: 0 10px !important;
}
body.admin-v2 .menu .sidebar-title.v2-foot-sep { border-top: 1px solid var(--v2-line); margin: 12px 4px 4px !important; padding: 0 !important; height: 0; }
body.admin-v2 .sidebar-item { --m: var(--v2-gold); margin-top: 1px !important; }
body.admin-v2 .sidebar-item[data-m="home"] { --m: #A8803F; }
body.admin-v2 .sidebar-item[data-m="orders"] { --m: #C46A1B; }
body.admin-v2 .sidebar-item[data-m="products"] { --m: #2E6B4A; }
body.admin-v2 .sidebar-item[data-m="customers"] { --m: #4A5D9A; }
body.admin-v2 .sidebar-item[data-m="inbox"] { --m: #7A4E9A; }
body.admin-v2 .sidebar-item[data-m="marketing"] { --m: #B3261E; }
body.admin-v2 .sidebar-item[data-m="analytics"] { --m: #2C6E8F; }
body.admin-v2 .sidebar-item[data-m="finance"] { --m: #6B5A1E; }
body.admin-v2 .sidebar-item[data-m="shipping"], body.admin-v2 .sidebar-item[data-m="delivery"] { --m: #8A5A2B; }
body.admin-v2 .sidebar-item[data-m="store"] { --m: #A8803F; }
body.admin-v2 .sidebar-item[data-m="settings"], body.admin-v2 .sidebar-item[data-m="more"] { --m: #746A60; }
body.admin-v2.theme-dark .sidebar-item { --m: var(--v2-gold) !important; }
body.admin-v2 .sidebar-link {
    height: 34px; padding: 0 10px !important; border-radius: 6px !important; gap: 10px;
    color: var(--v2-ink2) !important; font-size: 13.5px !important; font-weight: 500 !important;
    background: transparent !important;
}
body.admin-v2 .sidebar-link span { margin-left: 0 !important; color: inherit !important; }
body.admin-v2 .sidebar-link svg { width: 16px !important; height: 16px !important; color: var(--v2-muted) !important; fill: none !important; }
body.admin-v2 .sidebar-link:hover { background: var(--v2-hover) !important; color: var(--v2-ink) !important; }
body.admin-v2 .sidebar-item.active > .sidebar-link,
body.admin-v2 .sidebar-item.active > .sidebar-link span {
    background: var(--v2-sel) !important; color: var(--v2-ink) !important; font-weight: 600 !important;
}
body.admin-v2 .sidebar-item.active > .sidebar-link svg { color: var(--m) !important; }
body.admin-v2 .sidebar-item.active > .sidebar-link { box-shadow: inset 2px 0 0 var(--m); }
body.admin-v2 .menu .submenu .submenu-item a {
    padding: 6px 10px 6px 36px !important; font-size: 13px !important; color: var(--v2-muted) !important; border-radius: 6px;
}
body.admin-v2 .menu .submenu .submenu-item a::before { display: none; }
body.admin-v2 .menu .submenu .submenu-item a:hover { color: var(--v2-ink) !important; background: var(--v2-hover); margin-left: 0 !important; }
body.admin-v2 .menu .submenu .submenu-item.active > a { color: var(--v2-ink) !important; font-weight: 600 !important; }
body.admin-v2 .menu .submenu .submenu-item.active > a::after {
    content: ""; position: absolute; left: 22px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: var(--m);
}
body.admin-v2 .sidebar-search-box .form-control { background: var(--v2-bg) !important; border-color: var(--v2-line) !important; height: 34px; font-size: 13px; }

/* ---------------- top bar ---------------- */
body.admin-v2 .app-header { background: var(--v2-bg) !important; border-bottom: 1px solid var(--v2-line) !important; }
body.admin-v2.theme-dark .app-header { background: rgba(11, 16, 38, .92) !important; }
body.admin-v2 .app-header .navbar { height: 56px !important; min-height: 56px !important; }
body.admin-v2 .v2-modesw, body.admin-v2 .v2-thm {
    display: inline-flex; padding: 2px; gap: 2px; border: 1px solid var(--v2-line); border-radius: 8px; background: var(--v2-panel);
}
body.admin-v2 .v2-modesw button, body.admin-v2 .v2-thm button {
    display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border: 0; border-radius: 6px;
    background: transparent; color: var(--v2-muted); font: 500 12.5px var(--v2-f);
}
body.admin-v2 .v2-modesw button.on, body.admin-v2 .v2-thm button.on {
    background: var(--v2-bg); color: var(--v2-ink); box-shadow: 0 1px 2px rgba(31, 26, 23, .08);
}
body.admin-v2.theme-dark .v2-modesw button.on, body.admin-v2.theme-dark .v2-thm button.on { background: var(--v2-sel); color: var(--v2-gold); }
body.admin-v2 .v2-gs {
    display: inline-flex; align-items: center; gap: 8px; height: 34px; min-width: 260px; padding: 0 10px; margin-left: 6px;
    border: 1px solid var(--v2-line); border-radius: 8px; background: var(--v2-bg); color: var(--v2-faint); font: 400 13px var(--v2-f);
}
body.admin-v2 .v2-gs span { flex: 1; text-align: left; }
body.admin-v2 .v2-gs kbd {
    font: 500 11.5px var(--v2-f); color: var(--v2-muted); background: var(--v2-panel); border: 1px solid var(--v2-line);
    border-radius: 4px; padding: 1px 5px; box-shadow: none;
}
body.admin-v2 .v2-gs:hover { border-color: var(--v2-faint); }
body.admin-v2 .v2-toplink { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--v2-ink2); padding: 0 8px; }
body.admin-v2 .v2-toplink:hover { color: var(--v2-ink); text-decoration: underline; }
@media (max-width: 991.98px) {
    body.admin-v2 .v2-gs { min-width: 0; }
    body.admin-v2 .v2-gs span, body.admin-v2 .v2-gs kbd, body.admin-v2 .v2-modesw span, body.admin-v2 .v2-thm span { display: none; }
}

/* ---------------- surfaces: hairlines, not shadows ---------------- */
body.admin-v2 .main-content { padding: 20px 24px !important; }
body.admin-v2 .card, body.admin-v2 .list-surface {
    background: var(--v2-bg) !important; border: 1px solid var(--v2-line) !important; border-radius: 8px !important; box-shadow: none !important;
}
body.admin-v2.theme-dark .card, body.admin-v2.theme-dark .list-surface { background: rgba(17, 23, 55, .82) !important; }
body.admin-v2 .card .card-header { background: transparent !important; border-bottom: 1px solid var(--v2-line2) !important; }
body.admin-v2 .modal-content, body.admin-v2 .dropdown-menu, body.admin-v2 .offcanvas {
    background: var(--v2-bg) !important; border: 1px solid var(--v2-line) !important; border-radius: 8px;
    box-shadow: 0 16px 48px rgba(31, 26, 23, .14), 0 2px 6px rgba(31, 26, 23, .06) !important;
}

/* lists: clear column lines and banded rows */
body.admin-v2 .table { --bs-table-bg: transparent; color: var(--v2-ink); }
body.admin-v2 .table thead th {
    background: var(--v2-panel) !important; color: var(--v2-muted) !important; font: 600 12px var(--v2-f) !important;
    text-transform: none !important; letter-spacing: 0 !important; border-bottom: 1px solid var(--v2-line) !important;
}
body.admin-v2 .table thead th + th, body.admin-v2 .table tbody td + td { border-left: 1px solid var(--v2-line2); }
body.admin-v2 .table tbody tr:nth-child(even) > td { background: color-mix(in srgb, var(--v2-panel) 55%, transparent) !important; }
body.admin-v2 .table tbody tr:hover > td { background: var(--v2-hover) !important; }
body.admin-v2 .table tbody td { border-bottom: 1px solid var(--v2-line2) !important; color: var(--v2-ink); }

/* controls */
body.admin-v2 .form-control, body.admin-v2 .form-select, body.admin-v2 .multiselect__tags {
    border-color: var(--v2-line) !important; border-radius: 6px !important; background-color: var(--v2-bg) !important; color: var(--v2-ink) !important;
}
body.admin-v2 .form-control:focus, body.admin-v2 .form-select:focus { border-color: var(--v2-gold) !important; box-shadow: 0 0 0 3px var(--v2-focus) !important; }
body.admin-v2 .btn { border-radius: 6px !important; font-family: var(--v2-f) !important; }
body.admin-v2 .btn-primary { background: var(--v2-esp) !important; border-color: var(--v2-esp) !important; color: var(--v2-on-esp) !important; }
body.admin-v2 .btn-primary:hover { background: var(--v2-esp2) !important; border-color: var(--v2-esp2) !important; }
body.admin-v2 .btn-outline-primary { color: var(--v2-ink) !important; border-color: var(--v2-line) !important; background: var(--v2-bg) !important; }
body.admin-v2 .btn-outline-primary:hover { border-color: var(--v2-ink) !important; }
body.admin-v2 .nav-tabs .nav-link.active, body.admin-v2 .nav-pills .nav-link.active { box-shadow: none !important; }
body.admin-v2 .nav-tabs .nav-link.active::after { background: var(--v2-esp) !important; box-shadow: none !important; }
body.admin-v2 .badge.bg-primary { background: var(--v2-gold-s) !important; color: var(--v2-ink) !important; }
body.admin-v2 a:not(.btn):not(.sidebar-link):not(.dropdown-item) { color: inherit; }
body.admin-v2 .text-primary { color: var(--v2-gold) !important; }
body.admin-v2 .page-item.active .page-link { background: var(--v2-esp) !important; border-color: var(--v2-esp) !important; color: var(--v2-on-esp) !important; box-shadow: none !important; }
body.admin-v2 .page-link { color: var(--v2-ink) !important; border-color: var(--v2-line) !important; background: var(--v2-bg) !important; }
body.admin-v2 .btn-light, body.admin-v2 .btn-secondary.btn-light {
    background: var(--v2-panel) !important; border: 1px solid var(--v2-line) !important; color: var(--v2-ink) !important;
}
body.admin-v2 .btn-light:hover { border-color: var(--v2-faint) !important; }

/* ---------------- Orders (v2): status tabs, badges, Columns menu ---------------- */
body.admin-v2 .v2-otabs { display: flex; gap: 2px; flex-wrap: wrap; border-bottom: 1px solid var(--v2-line); margin-bottom: 12px; }
body.admin-v2 .v2-otabs button {
    display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 0; background: transparent;
    color: var(--v2-muted); font: 500 13.5px var(--v2-f); border-bottom: 2px solid transparent; margin-bottom: -1px;
}
body.admin-v2 .v2-otabs button.on { color: var(--v2-ink); border-bottom-color: var(--v2-esp); font-weight: 600; }
body.admin-v2 .v2-otabs .cnt { font-size: 11.5px; padding: 0 6px; border-radius: 999px; background: var(--v2-panel); color: var(--v2-muted); }
body.admin-v2 .v2-otabs button.on .cnt { background: var(--v2-sel); color: var(--v2-ink); }
body.admin-v2 .v2-src { display: inline-block; font: 600 11.5px var(--v2-f); padding: 1px 7px; border-radius: 4px; background: var(--v2-panel); color: var(--v2-ink2); }
body.admin-v2 .v2-src.s-MWEB, body.admin-v2 .v2-src.s-WEB { background: var(--v2-saf-s); color: var(--v2-saf); }
body.admin-v2 .v2-src.s-Android, body.admin-v2 .v2-src.s-IOS { background: var(--v2-ind-s); color: var(--v2-ind); }
body.admin-v2 .v2-pay, body.admin-v2 .v2-ful { display: inline-block; font: 600 12px var(--v2-f); padding: 2px 8px; border-radius: 999px; background: var(--v2-panel); color: var(--v2-ink2); white-space: nowrap; }
body.admin-v2 .v2-pay.p-paid, body.admin-v2 .v2-ful.f-done { background: var(--v2-tul-s); color: var(--v2-tul); }
body.admin-v2 .v2-pay.p-collect, body.admin-v2 .v2-ful.f-today { background: var(--v2-saf-s); color: var(--v2-saf); }
body.admin-v2 .v2-pay.p-pend, body.admin-v2 .v2-ful.f-transit { background: var(--v2-ind-s); color: var(--v2-ind); }
body.admin-v2 .v2-pay.p-refund, body.admin-v2 .v2-ful.f-late { background: var(--v2-kum-s); color: var(--v2-kum); }
body.admin-v2 .v2-colmenu { position: relative; }
body.admin-v2 .v2-colpop {
    position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 220px; padding: 8px; display: flex; flex-direction: column;
    background: var(--v2-bg); border: 1px solid var(--v2-line); border-radius: 8px; box-shadow: 0 16px 48px rgba(31, 26, 23, .14);
}
body.admin-v2 .v2-colpop label { display: flex; align-items: center; gap: 8px; padding: 5px 6px; font-size: 13px; border-radius: 6px; cursor: pointer; }
body.admin-v2 .v2-colpop label:hover { background: var(--v2-hover); }

/* ---------------- Settings: navigator beside every settings page ---------------- */
body.admin-v2 .v2-set-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 20px; align-items: start; }
body.admin-v2 .v2-set-page { min-width: 0; }
@media (max-width: 991.98px) { body.admin-v2 .v2-set-layout { grid-template-columns: 1fr; } body.admin-v2 .v2-set-layout > nav { position: static; max-height: none; } }
/* settings forms: section headings (General: Store identity, Contact, Order numbering, Store rules) */
.v2-fsec { display: none; }
body.admin-v2 .v2-fsec {
    display: block; font: 600 13px var(--v2-f); color: var(--v2-ink); margin: 18px 0 10px; padding-bottom: 6px;
    border-bottom: 1px solid var(--v2-line2); letter-spacing: 0;
}

/* ---------------- Categories: deity symbol on the tile, table view ---------------- */
body.admin-v2 .entity-card-media { position: relative; }
body.admin-v2 .v2-cat-sym {
    position: absolute; left: 10px; bottom: 10px; z-index: 2; width: 44px; height: 44px; border-radius: 50%;
    background: var(--v2-panel); border: 1px solid var(--v2-line); display: inline-flex; align-items: center; justify-content: center;
}
body.admin-v2 .v2-cat-sym svg { width: 58%; height: 58%; }
body.admin-v2 .v2-cat-sym.sm { position: static; width: 34px; height: 34px; }
body.admin-v2.theme-dark .v2-cat-sym svg [fill="#1F1A17"], body.admin-v2.theme-dark .v2-cat-sym svg [fill="#1f1a17"] { fill: var(--v2-ink); }
body.admin-v2.theme-dark .v2-cat-sym svg [stroke="#1F1A17"], body.admin-v2.theme-dark .v2-cat-sym svg [stroke="#1f1a17"] { stroke: var(--v2-ink); }
body.admin-v2 .v2-cat-thumb { width: 34px; height: 34px; object-fit: cover; border-radius: 6px; }

/* ---------------- Returns: the "Needs you" queue ---------------- */
body.admin-v2 .v2-queue { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
body.admin-v2 .v2-q {
    display: flex; align-items: center; gap: 14px; padding: 14px 16px; text-align: left; border: 1px solid var(--v2-line);
    border-radius: 8px; background: var(--v2-bg); color: var(--v2-ink);
}
body.admin-v2 .v2-q b { font-size: 26px; min-width: 44px; }
body.admin-v2 .v2-q strong { display: block; font-size: 14px; }
body.admin-v2 .v2-q small { color: var(--v2-muted); font-size: 12.5px; }
body.admin-v2 .v2-q.q-decide b { color: var(--v2-saf); }
body.admin-v2 .v2-q.q-collect b { color: var(--v2-ind); }
body.admin-v2 .v2-q.q-refund b { color: var(--v2-kum); }
body.admin-v2 .v2-q.on { border-color: var(--v2-ink); box-shadow: inset 0 0 0 1px var(--v2-ink); }
@media (max-width: 767.98px) { body.admin-v2 .v2-queue { grid-template-columns: 1fr; } }

/* ---------------- ⓘ tips: field help shows when its field is hovered or focused ---------------- */
body.admin-v2 .form-group:has(> small.text-muted) > label::after,
body.admin-v2 .form-group:has(> small.form-text) > label::after {
    content: "ⓘ"; margin-left: 6px; font-size: 12px; color: var(--v2-faint); font-weight: 400;
}
body.admin-v2 .form-group > small.text-muted, body.admin-v2 .form-group > small.form-text {
    display: block; max-height: 0; overflow: hidden; opacity: 0; transition: opacity .15s, max-height .15s;
}
body.admin-v2 .form-group:hover > small.text-muted, body.admin-v2 .form-group:focus-within > small.text-muted,
body.admin-v2 .form-group:hover > small.form-text, body.admin-v2 .form-group:focus-within > small.form-text {
    max-height: 120px; opacity: 1;
}

/* ---------------- summaries over lists (Transactions, Wishlists) ---------------- */
body.admin-v2 .v2-sum { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) 2fr; gap: 12px; margin-bottom: 14px; }
body.admin-v2 .v2-sum > div { border: 1px solid var(--v2-line); border-radius: 8px; padding: 12px 14px; background: var(--v2-bg); }
body.admin-v2 .v2-sum small { display: block; color: var(--v2-muted); font-size: 12px; }
body.admin-v2 .v2-sum b { font-size: 20px; }
body.admin-v2 .v2-sum em { font-style: normal; color: var(--v2-muted); font-size: 12.5px; margin-left: 6px; }
body.admin-v2 .v2-sum-split span { display: inline-block; margin: 4px 14px 0 0; font-size: 13px; }
body.admin-v2 .v2-sum-split b { font-size: 14px; }
body.admin-v2 .v2-most { margin-bottom: 14px; }
body.admin-v2 .v2-most-h { font: 600 13px var(--v2-f); margin-bottom: 8px; }
body.admin-v2 .v2-most-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
body.admin-v2 .v2-most-i { display: flex; gap: 10px; align-items: center; padding: 8px; border: 1px solid var(--v2-line); border-radius: 8px; background: var(--v2-bg); color: var(--v2-ink); min-width: 0; }
body.admin-v2 .v2-most-i img { width: 36px; height: 44px; object-fit: cover; border-radius: 4px; }
body.admin-v2 .v2-most-i span { min-width: 0; }
body.admin-v2 .v2-most-i b { display: block; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.admin-v2 .v2-most-i small { color: var(--v2-muted); font-size: 12px; }
@media (max-width: 1199.98px) { body.admin-v2 .v2-sum { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.admin-v2 .v2-most-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Stock: Size x Finish grid (ManageStock product view) */
body.admin-v2 .v2-sgrid-wrap { overflow-x: auto; margin-bottom: 10px; }
body.admin-v2 .v2-sgrid-store { font-size: 12px; font-weight: 600; color: var(--v2-muted); margin: 4px 0 6px; display: flex; align-items: center; gap: 6px; }
body.admin-v2 .v2-sgrid { border-collapse: separate; border-spacing: 6px; }
body.admin-v2 .v2-sgrid th { font-size: 12px; font-weight: 600; color: var(--v2-muted); text-align: left; padding: 0 6px; white-space: nowrap; }
body.admin-v2 .v2-sgrid thead th { text-align: center; }
body.admin-v2 .v2-sgrid td { padding: 0; }
body.admin-v2 .v2-sgrid-cell { min-width: 92px; min-height: 52px; justify-content: center; display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 7px 10px; border-radius: 8px; border: 1px solid var(--v2-line); background: var(--v2-bg); color: var(--v2-ink); cursor: pointer; }
body.admin-v2 .v2-sgrid-cell:hover:not(:disabled) { border-color: var(--v2-gold); }
body.admin-v2 .v2-sgrid-cell:disabled { cursor: default; opacity: .8; }
body.admin-v2 .v2-sgrid-cell b { font-size: 14px; }
body.admin-v2 .v2-sgrid-cell small { font-size: 11px; color: var(--v2-muted); }
body.admin-v2 .v2-sgrid-cell.is-low { background: var(--v2-gold-s); border-color: var(--v2-gold4); }
body.admin-v2 .v2-sgrid-cell.is-out { background: var(--v2-kum-s); border-color: var(--v2-kum); }
body.admin-v2 .v2-sgrid-cell.is-out b { color: var(--v2-kum); }

/* Zones / Stores: Cards / Table toggle, store figures on the card */
body.admin-v2 .v2-vtog { margin-left: 8px; flex: 0 0 auto; }
body.admin-v2 .v2-vtog .btn { display: inline-flex; align-items: center; gap: 5px; }
body.admin-v2 .v2-zc-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--v2-line); border: 1px solid var(--v2-line); border-radius: 8px; overflow: hidden; margin: 10px 0 4px; }
body.admin-v2 .v2-zc-g > span { background: var(--v2-bg); padding: 8px 10px; display: flex; flex-direction: column; gap: 1px; }
body.admin-v2 .v2-zc-g small { font-size: 11px; color: var(--v2-muted); }
body.admin-v2 .v2-zc-g b { font-size: 15px; color: var(--v2-ink); }
body.admin-v2 .v2-zc-g em { font-style: normal; font-size: 11px; color: var(--v2-faint); }

/* Push / Email: last sent strip */
body.admin-v2 .v2-lastc { grid-template-columns: 2fr repeat(3, minmax(0, 1fr)); }
body.admin-v2 .v2-lastc em { display: block; margin-left: 0; }
body.admin-v2 .v2-lastc-l b { font-size: 15px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 900px) { body.admin-v2 .v2-lastc { grid-template-columns: 1fr 1fr; } }
/* Popup: preview beside the form */
body.admin-v2 .v2-pop-st { font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 999px; background: var(--v2-panel); color: var(--v2-muted); }
body.admin-v2 .v2-pop-st.is-live { background: var(--v2-tul-s); color: var(--v2-tul); }
body.admin-v2 .v2-pop-st.is-soon { background: var(--v2-gold-s); color: var(--v2-gold); }
body.admin-v2 .v2-pop-frame { background: rgba(31, 26, 23, .55); border-radius: 10px; padding: 26px 22px; display: flex; justify-content: center; }
body.admin-v2 .v2-pop-card { position: relative; width: 100%; max-width: 260px; background: #fff; border-radius: 14px; overflow: hidden; color: #1F1A17; }
body.admin-v2 .v2-pop-card img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
body.admin-v2 .v2-pop-card img.is-wide { aspect-ratio: 4 / 3; }
body.admin-v2 .v2-pop-noimg { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; color: #746A60; font-size: 13px; background: #F7F3EC; }
body.admin-v2 .v2-pop-x { position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; border-radius: 50%; background: rgba(255, 255, 255, .9); display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; color: #1F1A17; }
body.admin-v2 .v2-pop-words { padding: 14px; text-align: center; display: flex; flex-direction: column; gap: 4px; }
body.admin-v2 .v2-pop-words b { font-size: 16px; }
body.admin-v2 .v2-pop-words span { font-size: 12.5px; color: #6F6B66; }
body.admin-v2 .v2-pop-words i { font-style: normal; margin: 6px auto 0; padding: 6px 16px; border-radius: 999px; background: #2E6B4A; color: #fff; font-size: 12.5px; font-weight: 600; }
body.admin-v2 .v2-pop-facts { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 16px 0 10px; font-size: 13px; }
body.admin-v2 .v2-pop-facts dt { color: var(--v2-muted); font-weight: 500; }
body.admin-v2 .v2-pop-facts dd { margin: 0; color: var(--v2-ink); word-break: break-word; }
body.admin-v2 .v2-pop-form > .col-md-4 { flex: 0 0 50%; max-width: 50%; }
body.admin-v2 .v2-pop-form > .col-md-6 { flex: 0 0 100%; max-width: 100%; }

/* Spin wheel list: small wheel beside the campaign name */
body.admin-v2 .v2-spin-name { display: flex; align-items: center; gap: 10px; }
body.admin-v2 .v2-spin-wh { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--v2-bg); box-shadow: 0 0 0 1px var(--v2-line); }

/* Carts: recovery header */
body.admin-v2 .v2-recov { grid-template-columns: 1fr 1fr 2fr; }
body.admin-v2 .v2-recov em { display: block; margin-left: 0; }
body.admin-v2 .v2-recov-auto b { font-size: 16px; }
body.admin-v2 .v2-recov-auto b.is-on { color: var(--v2-tul); }
body.admin-v2 .v2-recov-auto b.is-off { color: var(--v2-kum); }
@media (max-width: 900px) { body.admin-v2 .v2-recov { grid-template-columns: 1fr; } }

/* Role edit: area x action matrix */
body.admin-v2 .v2-perm table { font-size: 13px; }
body.admin-v2 .v2-perm thead th { position: sticky; top: 0; z-index: 1; background: var(--v2-panel); }
body.admin-v2 .v2-perm tr.v2-perm-g th { background: var(--v2-side); color: var(--v2-ink); font-weight: 600; padding-top: 12px; }
body.admin-v2 .v2-perm td { vertical-align: middle; }
body.admin-v2 .v2-perm .v2-perm-ar { color: var(--v2-ink2); white-space: nowrap; }
body.admin-v2 .v2-perm td > .form-check-input { margin: 0; float: none; }
body.admin-v2 .v2-perm .v2-perm-o { display: inline-flex; align-items: center; gap: 4px; margin: 2px 14px 2px 0; }
body.admin-v2 .v2-perm thead th:first-child { width: 18%; }
body.admin-v2 .v2-perm thead th.text-center { width: 64px; }
body.admin-v2 .v2-perm .v2-perm-os { display: flex; flex-wrap: wrap; }

/* Shipments: courier strip */
body.admin-v2 .v2-cstrip { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 26px; border: 1px solid var(--v2-line); border-radius: 8px; background: var(--v2-bg); padding: 12px 16px; margin-bottom: 14px; }
body.admin-v2 .v2-cstrip > span { display: flex; flex-direction: column; }
body.admin-v2 .v2-cstrip small { font-size: 12px; color: var(--v2-muted); }
body.admin-v2 .v2-cstrip b.num { font-size: 18px; color: var(--v2-ink); }
body.admin-v2 .v2-cstrip b.is-bad { color: var(--v2-kum); }
body.admin-v2 .v2-cstrip .v2-cs-b { flex-direction: row; align-items: center; gap: 8px; }
body.admin-v2 .v2-cs-pill { font-size: 11.5px; font-weight: 600; padding: 2px 9px; border-radius: 999px; }
body.admin-v2 .v2-cs-pill.is-on { background: var(--v2-tul-s); color: var(--v2-tul); }
body.admin-v2 .v2-cs-pill.is-off { background: var(--v2-panel); color: var(--v2-muted); }

/* Ratings: average, star spread, tabs */
body.admin-v2 .v2-rsum { display: grid; grid-template-columns: 180px 1fr 200px; gap: 20px; align-items: center; border: 1px solid var(--v2-line); border-radius: 8px; background: var(--v2-bg); padding: 14px 18px; margin-bottom: 12px; }
body.admin-v2 .v2-rs-avg { display: flex; flex-direction: column; }
body.admin-v2 .v2-rs-avg b { font-size: 30px; line-height: 1.1; color: var(--v2-ink); }
body.admin-v2 .v2-rs-stars { color: var(--v2-gold); letter-spacing: 2px; }
body.admin-v2 .v2-rs-avg small, body.admin-v2 .v2-rs-act small { color: var(--v2-muted); font-size: 12px; }
body.admin-v2 .v2-rs-r { display: grid; grid-template-columns: 36px 1fr 40px; gap: 10px; align-items: center; font-size: 12.5px; color: var(--v2-ink2); }
body.admin-v2 .v2-rs-r i { height: 8px; border-radius: 4px; background: var(--v2-panel); overflow: hidden; }
body.admin-v2 .v2-rs-r i b { display: block; height: 100%; }
body.admin-v2 .v2-rs-r i b.is-good { background: var(--v2-tul); }
body.admin-v2 .v2-rs-r i b.is-mid { background: var(--v2-gold4); }
body.admin-v2 .v2-rs-r i b.is-low { background: var(--v2-kum); }
body.admin-v2 .v2-rs-r em { font-style: normal; text-align: right; }
body.admin-v2 .v2-rs-act { display: flex; flex-direction: column; }
body.admin-v2 .v2-rs-act b { font-size: 22px; color: var(--v2-ink); }
body.admin-v2 .v2-rtabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
body.admin-v2 .v2-rtabs button { border: 1px solid var(--v2-line); background: var(--v2-bg); color: var(--v2-ink2); border-radius: 999px; padding: 5px 14px; font-size: 13px; }
body.admin-v2 .v2-rtabs button.on { background: var(--v2-esp); border-color: var(--v2-esp); color: var(--v2-on-esp); }
body.admin-v2 .v2-rtabs button span { opacity: .7; margin-left: 4px; }
@media (max-width: 900px) { body.admin-v2 .v2-rsum { grid-template-columns: 1fr; } }

/* Customer detail: tags under the name */
body.admin-v2 .v2-ctags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
body.admin-v2 .v2-ctags span { font-size: 12px; font-weight: 600; padding: 2px 10px; border-radius: 999px; background: var(--v2-panel); color: var(--v2-ink2); }
body.admin-v2 .v2-ctags span.is-good { background: var(--v2-tul-s); color: var(--v2-tul); }
body.admin-v2 .v2-ctags span.is-warn { background: var(--v2-saf-s); color: var(--v2-saf); }
body.admin-v2 .v2-ctags span.is-gold { background: var(--v2-gold-s); color: var(--v2-gold); }

/* Top bar: quick commerce off chip, keyboard shortcuts */
body.admin-v2 .v2-qcoff { display: inline-flex; align-items: center; gap: 5px; margin-left: 8px; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--v2-saf-s); color: var(--v2-saf); text-decoration: none; white-space: nowrap; }
.v2-keys { position: fixed; inset: 0; z-index: 2000; background: rgba(0, 0, 0, .35); display: flex; align-items: flex-start; justify-content: center; padding-top: 12vh; }
.v2-keys-box { width: min(420px, calc(100vw - 32px)); background: var(--v2-bg, #fff); color: var(--v2-ink, #1F1A17); border: 1px solid var(--v2-line, #E8E1D5); border-radius: 12px; padding: 14px 18px 18px; box-shadow: 0 12px 40px rgba(0, 0, 0, .2); }
.v2-keys-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.v2-keys dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; margin: 0; font-size: 13.5px; }
.v2-keys dd { margin: 0; }
.v2-keys kbd { background: var(--v2-panel, #F7F3EC); color: var(--v2-ink, #1F1A17); border: 1px solid var(--v2-line, #E8E1D5); border-radius: 5px; padding: 1px 6px; font-size: 12px; box-shadow: none; }
@media (max-width: 1599px) { body.admin-v2 .v2-thm button span { display: none; } body.admin-v2 .v2-thm button { padding-left: 8px; padding-right: 8px; } }
body.admin-v2 .v2-rsum { grid-template-columns: 160px minmax(0, 420px) 1fr; }