:root {
        --bg: #f4f7fb;
        --bg-2: #eaf0f7;
        --panel: #ffffff;
        --panel-2: #fbfdff;
        --panel-3: #f0f5fb;
        --line: rgba(23, 32, 51, 0.09);
        --line-strong: rgba(23, 32, 51, 0.16);
        --text: #172033;
        --muted: #65738a;
        --muted-2: #8a97a8;
        --brand: #2563eb;
        --brand-2: #1d4ed8;
        --brand-3: #14b8a6;
        --green: #16a36a;
        --red: #dc4c64;
        --amber: #f59e0b;
        --purple: #7c3aed;
        --shadow: 0 20px 56px rgba(23, 32, 51, 0.09);
        --radius: 20px;
      }
      :root[data-theme="dark"] {
        --bg: #0b1220;
        --bg-2: #101a2e;
        --panel: #121c2e;
        --panel-2: #172337;
        --panel-3: #0e182a;
        --line: rgba(148, 163, 184, 0.17);
        --line-strong: rgba(148, 163, 184, 0.27);
        --text: #f5f7fb;
        --muted: #9aa8bc;
        --muted-2: #6d7b93;
        --brand: #60a5fa;
        --brand-2: #3b82f6;
        --brand-3: #2dd4bf;
        --green: #34d399;
        --red: #fb7185;
        --amber: #fbbf24;
        --purple: #c4b5fd;
        --shadow: 0 28px 88px rgba(0, 0, 0, 0.38);
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        background:
          radial-gradient(
            circle at 88% -5%,
            rgba(37, 99, 235, 0.16),
            transparent 30%
          ),
          radial-gradient(
            circle at 15% 110%,
            rgba(20, 184, 166, 0.12),
            transparent 35%
          ),
          var(--bg);
        color: var(--text);
        font-family:
          Inter,
          ui-sans-serif,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          sans-serif;
        min-height: 100vh;
      }
      body:before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        opacity: 0.22;
        background-image:
          linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
          linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px
          );
        background-size: 36px 36px;
        mask-image: linear-gradient(to bottom, black, transparent 75%);
      }
      html { color-scheme: light; }
      html[data-theme="dark"] { color-scheme: dark; }
      html[data-theme="light"] body {
        background:
          radial-gradient(circle at 88% -5%, rgba(37, 99, 235, 0.09), transparent 30%),
          radial-gradient(circle at 15% 110%, rgba(20, 184, 166, 0.10), transparent 35%),
          var(--bg);
      }
      html[data-theme="dark"] body {
        background:
          radial-gradient(circle at 88% -5%, rgba(37, 99, 235, 0.16), transparent 30%),
          radial-gradient(circle at 15% 110%, rgba(20, 184, 166, 0.12), transparent 35%),
          var(--bg);
      }
      html[data-theme="light"] body:before {
        opacity: 0.18;
        background-image:
          linear-gradient(rgba(23, 32, 51, 0.04) 1px, transparent 1px),
          linear-gradient(90deg, rgba(23, 32, 51, 0.04) 1px, transparent 1px);
      }
      html[data-theme="light"] .panel {
        background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.98));
        box-shadow: 0 14px 38px rgba(23, 32, 51, 0.08);
      }
      html[data-theme="light"] .btn,
      html[data-theme="light"] .field,
      html[data-theme="light"] .select,
      html[data-theme="light"] .textarea {
        background: #ffffff;
        color: var(--text);
      }
      html[data-theme="light"] .btn { border-color: rgba(23, 32, 51, 0.12); }
      html[data-theme="light"] .btn:not(.primary):not(.danger):not(.ghost) { background: #ffffff; }
      html[data-theme="light"] .progress { background: #dde6f0; }
      html[data-theme="light"] .demo-banner { color: #8a5b06; }
      html[data-theme="light"] .reset-warning { color: #7f1d1d; }
      html[data-theme="light"] .reset-warning strong { color: #7f1d1d; }
      html[data-theme="light"] .profile-photo-actions .text-button,
      html[data-theme="light"] .text-button { color: var(--brand-2); }
      html[data-theme="light"] .status { background: rgba(37, 99, 235, 0.08); color: var(--brand-2); border-color: rgba(37, 99, 235, 0.14); }
      html[data-theme="light"] .data-table th { color: var(--muted); }
      html[data-theme="light"] .data-table td { color: var(--text); }
      html[data-theme="light"] .workspace { color: var(--text); }
      html[data-theme="light"] .page-title,
      html[data-theme="light"] .panel-title,
      html[data-theme="light"] h1,
      html[data-theme="light"] h2,
      html[data-theme="light"] h3 { color: var(--text); }
      html[data-theme="light"] .app-update-banner { background: rgba(255,255,255,0.98); border-color: rgba(23,32,51,0.12); box-shadow: 0 14px 38px rgba(23, 32, 51, 0.14); }
      html[data-theme="light"] .modal-card { background: #fff; }
      html[data-theme="light"] .show-mode-shell { background: linear-gradient(180deg, #f5f7fa 0%, #edf2f7 100%); }
      html[data-theme="light"] .show-mode-header,
      html[data-theme="light"] .show-mode-main,
      html[data-theme="light"] .show-mode-stats,
      html[data-theme="light"] .show-mode-actions { color: var(--text); }
      html[data-theme="light"] .global-search-input-wrap .field { background: #ffffff; }
      html[data-theme="light"] .sidebar { box-shadow: inset -1px 0 0 rgba(255,255,255,0.03); }
      html[data-theme="light"] .nav-btn.active { color: #fff; }
      html[data-theme="dark"] .app-update-banner { background: rgba(8,22,36,0.96); }
      
      button,
      input,
      select,
      textarea {
        font: inherit;
      }
      button {
        cursor: pointer;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      .app {
        display: grid;
        grid-template-columns: 276px minmax(0, 1fr);
        min-height: 100vh;
      }
      .sidebar {
        position: sticky;
        top: 0;
        height: 100vh;
        padding: 20px 16px;
        border-right: 1px solid var(--line);
        background: rgba(5, 14, 25, 0.88);
        backdrop-filter: blur(24px);
        z-index: 20;
        display: flex;
        flex-direction: column;
      }
      .brand {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 4px 6px 22px;
      }
      .brand-logo {
        width: 58px;
        height: 58px;
        border-radius: 17px;
        display: grid;
        place-items: center;
        background: linear-gradient(
          145deg,
          rgba(255, 255, 255, 0.09),
          rgba(255, 255, 255, 0.02)
        );
        border: 1px solid var(--line);
        box-shadow:
          inset 0 1px rgba(255, 255, 255, 0.08),
          0 16px 34px rgba(0, 0, 0, 0.22);
        overflow: hidden;
        flex: 0 0 auto;
      }
      .brand-logo img {
        width: 56px;
        height: 56px;
        object-fit: contain;
      }
      .brand-name {
        font-weight: 850;
        font-size: 19px;
        letter-spacing: -0.02em;
      }
      .brand-name span {
        color: var(--brand-3);
      }
      .brand-sub {
        font-size: 12px;
        color: var(--muted);
        margin-top: 3px;
      }
      .nav-label {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.16em;
        color: var(--muted-2);
        padding: 0 12px;
        margin: 7px 0;
      }
      .nav {
        display: grid;
        gap: 5px;
      }
      .nav-btn {
        appearance: none;
        border: 0;
        background: transparent;
        color: #b9c6d6;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 13px;
        border-radius: 13px;
        text-align: left;
        font-weight: 650;
        transition: 0.2s ease;
        position: relative;
        width: 100%;
      }
      .nav-btn svg {
        width: 19px;
        height: 19px;
        stroke: currentColor;
        opacity: 0.9;
      }
      .nav-btn:hover {
        background: rgba(255, 255, 255, 0.045);
        color: #fff;
        transform: translateX(2px);
      }
      .nav-btn.active {
        background: linear-gradient(
          90deg,
          rgba(20, 184, 166, 0.16),
          rgba(37, 99, 235, 0.08)
        );
        color: #fff;
        border: 1px solid rgba(20, 184, 166, 0.18);
      }
      .nav-btn.active:before {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        bottom: 10px;
        width: 3px;
        background: var(--brand);
        border-radius: 0 3px 3px 0;
        box-shadow: 0 0 18px var(--brand);
      }
      .sidebar-bottom {
        margin-top: auto;
        display: grid;
        gap: 10px;
      }
      .storage-card {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 14px;
        background: linear-gradient(
          145deg,
          rgba(20, 184, 166, 0.08),
          rgba(37, 99, 235, 0.04)
        );
      }
      .storage-card strong {
        display: block;
        font-size: 14px;
      }
      .storage-card p {
        margin: 5px 0 10px;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.5;
      }
      .progress {
        height: 7px;
        border-radius: 999px;
        background: #13263a;
        overflow: hidden;
      }
      .progress span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--brand), var(--brand-2));
        width: 24%;
      }
      .workspace {
        min-width: 0;
        padding: 26px 30px 64px;
        max-width: 1680px;
        width: 100%;
        margin: 0 auto;
      }
      .topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 26px;
      }
      .eyebrow {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: var(--brand-3);
        font-weight: 800;
        margin-bottom: 7px;
      }
      h1,
      h2,
      h3,
      p {
        margin-top: 0;
      }
      .page-title {
        font-size: clamp(28px, 4vw, 40px);
        letter-spacing: -0.045em;
        margin-bottom: 5px;
      }
      .page-sub {
        color: var(--muted);
        font-size: 15px;
        margin-bottom: 0;
        max-width: 780px;
        line-height: 1.55;
      }
      .top-actions {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-end;
      }
      .btn {
        border: 1px solid var(--line-strong);
        background: #0a192b;
        color: #eef5fb;
        border-radius: 12px;
        min-height: 43px;
        padding: 0 15px;
        font-weight: 720;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        transition: 0.2s ease;
        white-space: nowrap;
      }
      .btn:hover {
        border-color: rgba(20, 184, 166, 0.46);
        transform: translateY(-1px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
      }
      .btn.primary {
        border-color: transparent;
        background: linear-gradient(135deg, var(--brand), #3a9ad9);
        color: #04131b;
        box-shadow: 0 12px 30px rgba(20, 184, 166, 0.18);
      }
      .btn.primary:hover {
        box-shadow: 0 15px 34px rgba(20, 184, 166, 0.28);
      }
      .btn.ghost {
        background: transparent;
      }
      .btn.danger {
        color: #ffc1c8;
        border-color: rgba(255, 122, 138, 0.28);
        background: rgba(255, 122, 138, 0.06);
      }
      .btn.danger:hover {
        color: #fff;
        border-color: rgba(255, 122, 138, 0.55);
        background: rgba(255, 122, 138, 0.14);
        box-shadow: 0 12px 28px rgba(255, 122, 138, 0.12);
      }
      .reset-warning {
        border: 1px solid rgba(255, 122, 138, 0.28);
        background: rgba(255, 122, 138, 0.07);
        border-radius: 14px;
        padding: 14px;
        margin-bottom: 14px;
        color: #ffd3d8;
        font-size: 13px;
        line-height: 1.55;
      }
      .reset-warning strong {
        color: #fff;
      }
      .btn.small {
        min-height: 34px;
        padding: 0 11px;
        border-radius: 10px;
        font-size: 13px;
      }
      .btn.icon {
        width: 40px;
        padding: 0;
      }
      .demo-banner {
        display: none;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        border: 1px solid rgba(244, 191, 89, 0.24);
        background: linear-gradient(
          90deg,
          rgba(244, 191, 89, 0.08),
          rgba(244, 191, 89, 0.03)
        );
        border-radius: 14px;
        padding: 11px 14px;
        margin-bottom: 18px;
        color: #f8ddb0;
        font-size: 13px;
      }
      .demo-banner.show {
        display: flex;
      }
      .view {
        display: none;
        animation: fadeUp 0.35s ease;
      }
      .view.active {
        display: block;
      }
      @keyframes fadeUp {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      .grid {
        display: grid;
        gap: 16px;
      }
      .kpi-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-bottom: 16px;
      }
      .split {
        grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);
      }
      .two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .panel {
        background: linear-gradient(
          180deg,
          rgba(16, 35, 57, 0.92),
          rgba(9, 23, 39, 0.95)
        );
        border: 1px solid var(--line);
        border-radius: var(--radius);
        box-shadow: 0 16px 45px rgba(0, 0, 0, 0.15);
        overflow: hidden;
      }
      .panel-pad {
        padding: 20px;
      }
      .panel-head {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        align-items: flex-start;
        padding: 20px 20px 0;
      }
      .panel-title {
        font-size: 17px;
        font-weight: 820;
        margin-bottom: 4px;
      }
      .panel-sub {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.45;
      }
      .kpi {
        padding: 18px;
        position: relative;
        overflow: hidden;
        min-height: 132px;
      }
      .kpi:after {
        content: "";
        position: absolute;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        right: -42px;
        top: -38px;
        background: var(--glow, rgba(20, 184, 166, 0.12));
        filter: blur(2px);
      }
      .kpi-label {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.11em;
        color: var(--muted);
        font-weight: 750;
      }
      .kpi-value {
        font-size: 29px;
        letter-spacing: -0.04em;
        font-weight: 880;
        margin: 9px 0 6px;
      }
      .kpi-foot {
        font-size: 12px;
        color: var(--muted);
      }
      .up {
        color: var(--green);
      }
      .down {
        color: var(--red);
      }
      .chart-wrap {
        padding: 10px 20px 20px;
      }
      .bar-chart {
        height: 260px;
        display: flex;
        align-items: flex-end;
        gap: 14px;
        border-bottom: 1px solid var(--line);
        padding: 22px 4px 0;
      }
      .bar-item {
        flex: 1;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        position: relative;
        min-width: 52px;
      }
      .bar {
        width: min(50px, 74%);
        min-height: 5px;
        border-radius: 10px 10px 3px 3px;
        background: linear-gradient(180deg, var(--brand-3), var(--brand-2));
        box-shadow: 0 10px 26px rgba(37, 99, 235, 0.18);
        position: relative;
        transition: 0.35s ease;
      }
      .bar.negative {
        background: linear-gradient(180deg, #ff9aa7, #b83250);
      }
      .bar:hover {
        filter: brightness(1.12);
      }
      .bar-tooltip {
        position: absolute;
        bottom: calc(100% + 8px);
        left: 50%;
        transform: translateX(-50%);
        font-size: 11px;
        background: #04101d;
        border: 1px solid var(--line);
        padding: 5px 7px;
        border-radius: 7px;
        opacity: 0;
        pointer-events: none;
        white-space: nowrap;
      }
      .bar:hover .bar-tooltip {
        opacity: 1;
      }
      .bar-label {
        position: absolute;
        bottom: -29px;
        font-size: 11px;
        color: var(--muted);
        text-align: center;
        max-width: 76px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .mix-list {
        padding: 16px 20px 20px;
        display: grid;
        gap: 15px;
      }
      .mix-row {
        display: grid;
        grid-template-columns: 92px 1fr 44px;
        gap: 10px;
        align-items: center;
        font-size: 13px;
      }
      .mix-row span:first-child {
        color: #c9d4e0;
      }
      .mix-track {
        height: 8px;
        background: #13253a;
        border-radius: 999px;
        overflow: hidden;
      }
      .mix-track i {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--brand), var(--brand-2));
      }
      .mix-row b {
        text-align: right;
      }
      .activity {
        padding: 8px 20px 18px;
      }
      .activity-item {
        display: grid;
        grid-template-columns: 38px 1fr auto;
        gap: 11px;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid var(--line);
      }
      .activity-item:last-child {
        border: 0;
      }
      .activity-icon {
        width: 36px;
        height: 36px;
        border-radius: 11px;
        display: grid;
        place-items: center;
        background: rgba(20, 184, 166, 0.1);
        border: 1px solid rgba(20, 184, 166, 0.14);
        font-size: 17px;
      }
      .activity-name {
        font-size: 14px;
        font-weight: 720;
        margin-bottom: 2px;
      }
      .activity-meta {
        font-size: 12px;
        color: var(--muted);
      }
      .activity-value {
        font-size: 14px;
        font-weight: 800;
      }
      .empty {
        padding: 46px 20px;
        text-align: center;
        color: var(--muted);
      }
      .empty strong {
        display: block;
        color: #e8eff7;
        margin-bottom: 6px;
        font-size: 16px;
      }
      .empty-icon {
        font-size: 34px;
        margin-bottom: 8px;
        opacity: 0.7;
      }
      .toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
        margin-bottom: 16px;
      }
      .toolbar-left,
      .toolbar-right {
        display: flex;
        gap: 9px;
        align-items: center;
        flex-wrap: wrap;
      }
      .field,
      .select,
      .textarea {
        width: 100%;
        border: 1px solid var(--line-strong);
        background: #071524;
        color: #f3f7fb;
        border-radius: 12px;
        min-height: 44px;
        padding: 0 13px;
        outline: none;
        transition: 0.2s;
      }
      .field:focus,
      .select:focus,
      .textarea:focus {
        border-color: rgba(20, 184, 166, 0.65);
        box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.08);
      }
      .textarea {
        padding: 12px 13px;
        min-height: 94px;
        resize: vertical;
      }
      .search {
        min-width: 260px;
        padding-left: 38px;
      }
      .search-wrap {
        position: relative;
      }
      .search-wrap svg {
        position: absolute;
        left: 12px;
        top: 13px;
        width: 18px;
        stroke: var(--muted);
        pointer-events: none;
      }
      .show-selector {
        display: flex;
        gap: 10px;
        overflow: auto;
        padding: 2px 1px 12px;
        scrollbar-width: thin;
      }
      .show-chip {
        flex: 0 0 auto;
        border: 1px solid var(--line);
        background: rgba(11, 26, 44, 0.84);
        border-radius: 14px;
        padding: 12px 14px;
        min-width: 190px;
        text-align: left;
        color: #dbe5ef;
      }
      .show-chip.active {
        border-color: rgba(20, 184, 166, 0.55);
        background: linear-gradient(
          145deg,
          rgba(20, 184, 166, 0.14),
          rgba(37, 99, 235, 0.08)
        );
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
      }
      .show-chip strong {
        display: block;
        font-size: 14px;
      }
      .show-chip span {
        font-size: 11px;
        color: var(--muted);
        margin-top: 4px;
        display: block;
      }
      .show-hero {
        padding: 22px;
        background: linear-gradient(
          135deg,
          rgba(20, 184, 166, 0.13),
          rgba(37, 99, 235, 0.07) 52%,
          rgba(180, 156, 255, 0.05)
        );
        border: 1px solid rgba(20, 184, 166, 0.18);
        border-radius: 22px;
        margin-bottom: 16px;
        position: relative;
        overflow: hidden;
      }
      .show-hero:after {
        content: "";
        position: absolute;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        background: rgba(20, 184, 166, 0.07);
        right: -90px;
        top: -120px;
      }
      .show-hero-top {
        display: flex;
        justify-content: space-between;
        gap: 18px;
        align-items: flex-start;
        position: relative;
        z-index: 1;
      }
      .show-hero h2 {
        font-size: 25px;
        letter-spacing: -0.03em;
        margin-bottom: 4px;
      }
      .show-meta {
        color: var(--muted);
        font-size: 13px;
      }
      .show-stats {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 10px;
        margin-top: 20px;
        position: relative;
        z-index: 1;
      }
      .stat-box {
        padding: 13px 14px;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: rgba(4, 16, 29, 0.42);
      }
      .stat-box label {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: var(--muted);
        font-weight: 750;
      }
      .stat-box b {
        display: block;
        font-size: 19px;
        margin-top: 5px;
      }
      .table-card {
        overflow: hidden;
      }
      .table-scroll {
        overflow: auto;
      }
      .data-table {
        width: 100%;
        border-collapse: collapse;
        min-width: 980px;
      }
      .data-table th {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        color: var(--muted);
        font-weight: 780;
        text-align: left;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
        background: rgba(4, 15, 27, 0.35);
      }
      .data-table td {
        padding: 13px 14px;
        border-bottom: 1px solid var(--line);
        font-size: 13px;
        vertical-align: middle;
      }
      .data-table tr:last-child td {
        border-bottom: 0;
      }
      .data-table tbody tr:hover {
        background: rgba(255, 255, 255, 0.018);
      }
      .card-name-cell strong {
        display: block;
        font-size: 14px;
      }
      .card-name-cell small {
        color: var(--muted);
        display: block;
        margin-top: 3px;
      }
      .money {
        font-variant-numeric: tabular-nums;
        font-weight: 730;
      }
      .positive {
        color: var(--green);
      }
      .negative {
        color: var(--red);
      }
      .status {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border-radius: 999px;
        padding: 5px 9px;
        font-size: 11px;
        font-weight: 750;
        border: 1px solid transparent;
      }
      .status:before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: currentColor;
      }
      .status.sold {
        color: #8ff1b2;
        background: rgba(88, 214, 141, 0.09);
        border-color: rgba(88, 214, 141, 0.14);
      }
      .status.inventory {
        color: #ffd282;
        background: rgba(244, 191, 89, 0.08);
        border-color: rgba(244, 191, 89, 0.14);
      }
      .status.pc {
        color: #9fc3ff;
        background: rgba(37, 99, 235, 0.09);
        border-color: rgba(37, 99, 235, 0.14);
      }
      .status.grading {
        color: #d2c3ff;
        background: rgba(180, 156, 255, 0.09);
        border-color: rgba(180, 156, 255, 0.14);
      }
      .actions {
        display: flex;
        gap: 6px;
      }
      .action {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        border: 1px solid var(--line);
        background: #091829;
        color: #bcc9d8;
        display: grid;
        place-items: center;
      }
      .action:hover {
        color: #fff;
        border-color: rgba(20, 184, 166, 0.4);
      }
      .action svg {
        width: 14px;
        height: 14px;
        stroke: currentColor;
      }
      .collection-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }
      .collect-card {
        border: 1px solid var(--line);
        background: linear-gradient(180deg, #10233a, #0a1829);
        border-radius: 18px;
        overflow: hidden;
        transition: 0.25s ease;
        min-width: 0;
      }
      .collect-card:hover {
        transform: translateY(-3px);
        border-color: rgba(20, 184, 166, 0.3);
        box-shadow: 0 20px 46px rgba(0, 0, 0, 0.24);
      }
      .collect-image {
        aspect-ratio: 4/3;
        background: linear-gradient(145deg, #132944, #091627);
        display: grid;
        place-items: center;
        overflow: hidden;
        position: relative;
      }
      .collect-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 10px;
      }
      .collect-placeholder {
        width: 60px;
        height: 82px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 7px;
        background: linear-gradient(
          145deg,
          rgba(255, 255, 255, 0.07),
          rgba(255, 255, 255, 0.01)
        );
        display: grid;
        place-items: center;
        font-size: 22px;
        color: var(--muted);
      }
      .collect-badge {
        position: absolute;
        left: 10px;
        top: 10px;
      }
      .collect-body {
        padding: 14px;
      }
      .collect-title {
        font-weight: 780;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .collect-meta {
        color: var(--muted);
        font-size: 11px;
        margin: 5px 0 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .collect-values {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        border-top: 1px solid var(--line);
        padding-top: 11px;
      }
      .collect-values label {
        font-size: 10px;
        text-transform: uppercase;
        color: var(--muted);
        letter-spacing: 0.08em;
      }
      .collect-values b {
        display: block;
        font-size: 14px;
        margin-top: 3px;
      }
      .collect-foot {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12px;
      }
      .collect-location {
        font-size: 11px;
        color: var(--muted);
        max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .list-view .collection-grid {
        display: block;
      }
      .list-view .collect-card {
        display: grid;
        grid-template-columns: 120px 1fr;
        margin-bottom: 10px;
      }
      .list-view .collect-image {
        aspect-ratio: auto;
        min-height: 120px;
      }
      .list-view .collect-body {
        display: grid;
        grid-template-columns: minmax(0, 1.5fr) 1fr auto;
        align-items: center;
        gap: 18px;
      }
      .list-view .collect-meta {
        margin-bottom: 0;
      }
      .list-view .collect-values {
        border-top: 0;
        padding-top: 0;
        min-width: 220px;
      }
      .list-view .collect-foot {
        margin-top: 0;
        justify-content: flex-end;
        gap: 12px;
      }
      .quick-add-layout {
        grid-template-columns: minmax(360px, 0.8fr) minmax(480px, 1.2fr);
      }
      .upload-card {
        padding: 20px;
      }
      .upload-zone {
        min-height: 420px;
        border: 1.5px dashed rgba(20, 184, 166, 0.42);
        border-radius: 18px;
        background: linear-gradient(
          145deg,
          rgba(20, 184, 166, 0.05),
          rgba(37, 99, 235, 0.025)
        );
        display: grid;
        place-items: center;
        text-align: center;
        overflow: hidden;
        position: relative;
      }
      .upload-zone.drag {
        border-color: var(--brand);
        background: rgba(20, 184, 166, 0.08);
      }
      .upload-zone img {
        max-width: 100%;
        max-height: 400px;
        object-fit: contain;
        padding: 15px;
      }
      .upload-placeholder {
        padding: 26px;
      }
      .upload-placeholder .big {
        font-size: 44px;
        margin-bottom: 10px;
      }
      .upload-placeholder h3 {
        margin-bottom: 5px;
      }
      .upload-placeholder p {
        color: var(--muted);
        font-size: 13px;
        line-height: 1.55;
        max-width: 320px;
        margin: 0 auto;
      }
      .upload-tools {
        display: flex;
        gap: 9px;
        justify-content: center;
        margin-top: 14px;
        flex-wrap: wrap;
      }
      .form-card {
        padding: 22px;
      }
      .form-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;
      }
      .form-group label,
      .form-group .form-label {
        display: block;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: var(--muted);
        margin: 0 0 7px;
        font-weight: 720;
      }
      .form-group.full {
        grid-column: 1/-1;
      }
      .form-section {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: var(--brand-3);
        font-weight: 800;
        grid-column: 1/-1;
        padding-top: 5px;
      }
      .form-actions {
        display: flex;
        gap: 10px;
        justify-content: flex-end;
        margin-top: 18px;
        flex-wrap: wrap;
      }
      .report-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
      }
      .report-card {
        padding: 20px;
      }
      .report-value {
        font-size: 26px;
        font-weight: 860;
        letter-spacing: -0.04em;
        margin: 8px 0;
      }
      .report-note {
        font-size: 12px;
        color: var(--muted);
      }
      .breakdown {
        display: grid;
        gap: 11px;
        margin-top: 16px;
      }
      .break-row {
        display: grid;
        grid-template-columns: 110px 1fr 50px;
        gap: 10px;
        align-items: center;
        font-size: 12px;
      }
      .break-track {
        height: 7px;
        border-radius: 999px;
        background: #13263a;
        overflow: hidden;
      }
      .break-track span {
        height: 100%;
        display: block;
        background: linear-gradient(90deg, var(--brand), var(--brand-2));
        border-radius: inherit;
      }
      .modal-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(1, 7, 13, 0.72);
        backdrop-filter: blur(8px);
        z-index: 100;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
      }
      .modal-backdrop.show {
        display: flex;
      }
      .modal {
        width: min(760px, 100%);
        max-height: 92vh;
        overflow: auto;
        background: linear-gradient(180deg, #11243a, #081626);
        border: 1px solid var(--line-strong);
        border-radius: 22px;
        box-shadow: var(--shadow);
      }
      .modal-head {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        align-items: flex-start;
        padding: 20px;
        border-bottom: 1px solid var(--line);
      }
      .modal-head h3 {
        margin: 0 0 4px;
        font-size: 19px;
      }
      .modal-head p {
        margin: 0;
        color: var(--muted);
        font-size: 12px;
      }
      .modal-body {
        padding: 20px;
      }
      .modal-actions {
        display: flex;
        justify-content: flex-end;
        gap: 9px;
        padding: 16px 20px;
        border-top: 1px solid var(--line);
      }
      .toast-wrap {
        position: fixed;
        right: 20px;
        bottom: 20px;
        z-index: 200;
        display: grid;
        gap: 8px;
      }
      .toast {
        background: #0c1d30;
        border: 1px solid var(--line-strong);
        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
        border-radius: 13px;
        padding: 12px 14px;
        min-width: 260px;
        display: flex;
        gap: 10px;
        align-items: flex-start;
        animation: toastIn 0.25s ease;
      }
      .toast b {
        font-size: 13px;
      }
      .toast p {
        font-size: 11px;
        color: var(--muted);
        margin: 3px 0 0;
      }
      .toast-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--brand);
        margin-top: 4px;
        box-shadow: 0 0 12px var(--brand);
      }
      @keyframes toastIn {
        from {
          opacity: 0;
          transform: translateY(10px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      .mobile-head {
        display: none;
      }

      .save-status {
        position: fixed;
        right: 18px;
        top: 16px;
        z-index: 60;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 32px;
        padding: 0 11px;
        border-radius: 999px;
        border: 1px solid var(--line);
        background: rgba(5, 16, 29, 0.82);
        backdrop-filter: blur(16px);
        color: var(--muted);
        font-size: 11px;
        font-weight: 750;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
        pointer-events: none;
      }
      .save-status:before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--green);
        box-shadow: 0 0 12px rgba(88, 214, 141, 0.7);
      }
      .show-actions-row {
        display: flex;
        gap: 9px;
        flex-wrap: wrap;
        margin: 14px 0 16px;
      }
      .show-summary-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin-top: 16px;
      }
      .summary-panel {
        padding: 18px;
      }
      .summary-list {
        display: grid;
        gap: 10px;
        margin-top: 14px;
      }
      .summary-row {
        display: flex;
        justify-content: space-between;
        gap: 14px;
        align-items: center;
        padding-bottom: 9px;
        border-bottom: 1px solid var(--line);
        font-size: 12px;
      }
      .summary-row:last-child {
        padding-bottom: 0;
        border-bottom: 0;
      }
      .summary-row span {
        color: var(--muted);
      }
      .summary-row b {
        font-size: 13px;
        text-align: right;
      }
      .ocr-panel {
        margin-top: 14px;
        padding: 15px;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: rgba(4, 16, 29, 0.38);
      }
      .ocr-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
      }
      .ocr-title { font-size: 13px; font-weight: 800; }
      .ocr-title-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
      .ocr-method-badge { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 8px; border-radius: 999px; border: 1px solid var(--line); background: #0a1828; color: #b9c7d6; font-size: 10px; font-weight: 800; letter-spacing: .02em; }
      .ocr-method-badge.cloud { border-color: rgba(61, 232, 214, .38); background: rgba(61, 232, 214, .10); color: #79f2e6; }
      .ocr-method-badge.local { border-color: rgba(117, 156, 255, .38); background: rgba(117, 156, 255, .10); color: #a9c0ff; }
      .ocr-method-badge.fallback { border-color: rgba(255, 190, 92, .4); background: rgba(255, 190, 92, .10); color: #ffd18a; }
      .ocr-method-badge.error { border-color: rgba(255, 104, 128, .42); background: rgba(255, 104, 128, .10); color: #ff9eb0; }
      .ocr-sub { font-size: 11px; color: var(--muted); margin-top: 3px; line-height: 1.45; }
      .ocr-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
      .ocr-actions .btn.ghost { background: transparent; }
      .ocr-privacy { margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.06); color: #71849a; font-size: 10px; line-height: 1.45; }
      .ocr-progress { height: 7px; background: #13253a; border-radius: 999px; overflow: hidden; margin-top: 12px; }
      .ocr-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--brand), var(--brand-2)); transition: width .25s ease; }
      .ocr-result { margin-top: 10px; font-size: 12px; color: #c9d4e0; line-height: 1.5; }
      .ocr-result strong { color: var(--green); }
      .ocr-raw { margin-top: 10px; }
      .ocr-raw summary { cursor: pointer; color: var(--muted); font-size: 11px; }
      .ocr-raw pre { white-space: pre-wrap; word-break: break-word; max-height: 150px; overflow: auto; padding: 10px; border-radius: 10px; background: #06111f; border: 1px solid var(--line); font-size: 10px; color: #b8c7d6; }
      .field:disabled, .select:disabled { opacity: .55; cursor: not-allowed; }
      .hidden { display: none !important; }
      .show-mobile-cards {
        display: none;
      }
      .show-sale-card {
        border: 1px solid var(--line);
        background: linear-gradient(
          180deg,
          rgba(15, 34, 55, 0.96),
          rgba(7, 20, 35, 0.96)
        );
        border-radius: 17px;
        padding: 14px;
      }
      .show-sale-top {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: flex-start;
      }
      .show-sale-name {
        font-weight: 800;
        font-size: 14px;
        line-height: 1.35;
      }
      .show-sale-meta {
        color: var(--muted);
        font-size: 11px;
        margin-top: 4px;
      }
      .show-sale-money {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin: 13px 0;
      }
      .show-sale-money div {
        border: 1px solid var(--line);
        background: rgba(4, 15, 27, 0.42);
        border-radius: 11px;
        padding: 9px;
      }
      .show-sale-money label {
        display: block;
        color: var(--muted);
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 0.09em;
        margin-bottom: 4px;
      }
      .show-sale-money b {
        font-size: 13px;
      }
      .show-sale-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .quick-sell {
        color: #051b18;
        background: linear-gradient(135deg, var(--brand-3), var(--brand));
        border-color: transparent;
      }
      .mobile-bottom-nav {
        display: none;
      }
      .print-only {
        display: none;
      }
      @media print {
        body {
          background: #fff !important;
          color: #111 !important;
        }
        body:before,
        .sidebar,
        .mobile-head,
        .mobile-bottom-nav,
        .save-status,
        .demo-banner,
        .topbar,
        .show-selector,
        .show-actions-row,
        #showAddArea,
        .table-card,
        .toast-wrap {
          display: none !important;
        }
        .app {
          display: block;
        }
        .workspace {
          padding: 0;
          max-width: none;
        }
        .view {
          display: none !important;
        }
        #view-shows {
          display: block !important;
        }
        .show-hero,
        .panel {
          background: #fff !important;
          color: #111 !important;
          box-shadow: none !important;
          border-color: #bbb !important;
        }
        .show-meta,
        .panel-sub,
        .summary-row span,
        .stat-box label {
          color: #555 !important;
        }
        .show-summary-grid {
          grid-template-columns: repeat(3, 1fr);
        }
        .print-only {
          display: block !important;
        }
      }
      @media (max-width: 680px) {
        .ocr-top { align-items: flex-start; }
        .ocr-actions { width: 100%; justify-content: stretch; }
        .ocr-actions .btn { flex: 1; }
      }
      @media (max-width: 1250px) {
        .kpi-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .collection-grid {
          grid-template-columns: repeat(3, 1fr);
        }
        .show-stats {
          grid-template-columns: repeat(3, 1fr);
        }
        .split {
          grid-template-columns: 1fr;
        }
        .report-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 930px) {
        .app {
          grid-template-columns: 1fr;
        }
        .sidebar {
          position: fixed;
          left: 0;
          top: 0;
          bottom: 0;
          width: 276px;
          transform: translateX(-102%);
          transition: 0.28s ease;
          box-shadow: 20px 0 50px rgba(0, 0, 0, 0.38);
        }
        .sidebar.open {
          transform: none;
        }
        .workspace {
          padding: 18px 18px 56px;
        }
        .mobile-head {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 18px;
        }
        .mobile-brand {
          display: flex;
          align-items: center;
          gap: 9px;
          font-weight: 820;
        }
        .mobile-brand img {
          width: 38px;
          height: 38px;
        }
        .menu-btn {
          width: 42px;
          height: 42px;
          border-radius: 12px;
          border: 1px solid var(--line);
          background: #0b1b2d;
          color: #fff;
        }
        .topbar {
          align-items: flex-start;
        }
        .top-actions {
          display: none;
        }
        .collection-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .quick-add-layout {
          grid-template-columns: 1fr;
        }
        .report-grid {
          grid-template-columns: 1fr 1fr;
        }
        .list-view .collect-card {
          grid-template-columns: 90px 1fr;
        }
        .list-view .collect-body {
          grid-template-columns: 1fr;
        }
        .list-view .collect-values {
          min-width: 0;
        }
        .list-view .collect-foot {
          justify-content: space-between;
        }
        body {
          padding-bottom: 78px;
        }
        .save-status {
          top: 12px;
          right: 66px;
        }
        .mobile-bottom-nav {
          position: fixed;
          display: grid;
          grid-template-columns: repeat(6, minmax(0, 1fr));
          left: 10px;
          right: 10px;
          bottom: calc(9px + env(safe-area-inset-bottom));
          z-index: 80;
          min-height: 62px;
          border: 1px solid var(--line-strong);
          background: rgba(5, 15, 27, 0.92);
          backdrop-filter: blur(24px);
          border-radius: 20px;
          box-shadow: 0 20px 55px rgba(0, 0, 0, 0.42);
          overflow: hidden;
        }
        .mobile-nav-btn {
          appearance: none;
          border: 0;
          background: transparent;
          color: var(--muted);
          display: grid;
          place-items: center;
          align-content: center;
          gap: 3px;
          font-size: 10px;
          font-weight: 750;
          min-width: 0;
        }
        .mobile-nav-btn b {
          font-size: 19px;
          line-height: 1;
          font-weight: 600;
        }
        .mobile-nav-btn.active {
          color: var(--brand-3);
          background: rgba(20, 184, 166, 0.08);
        }
        .mobile-nav-btn.add-mobile {
          margin: 7px 4px;
          border-radius: 15px;
          color: #04131b;
          background: linear-gradient(135deg, var(--brand), #3a9ad9);
        }
      }
      @media (max-width: 620px) {
        .workspace {
          padding: 14px 12px 42px;
        }
        .page-title {
          font-size: 29px;
        }
        .kpi-grid,
        .two,
        .report-grid {
          grid-template-columns: 1fr;
        }
        .collection-grid {
          grid-template-columns: 1fr;
        }
        .show-stats {
          grid-template-columns: repeat(2, 1fr);
        }
        .show-hero-top {
          display: block;
        }
        .show-hero-top .actions {
          margin-top: 12px;
        }
        .toolbar {
          align-items: stretch;
        }
        .toolbar-left,
        .toolbar-right {
          width: 100%;
        }
        .search-wrap,
        .search {
          width: 100%;
          min-width: 0;
        }
        .form-grid {
          grid-template-columns: 1fr;
        }
        .form-group.full,
        .form-section {
          grid-column: auto;
        }
        .panel-head {
          display: block;
        }
        .panel-head .btn {
          margin-top: 10px;
        }
        .list-view .collect-card {
          display: block;
        }
        .list-view .collect-image {
          min-height: 180px;
        }
        .list-view .collect-body {
          display: block;
        }
        .list-view .collect-values {
          margin-top: 12px;
          border-top: 1px solid var(--line);
          padding-top: 10px;
        }
        .list-view .collect-foot {
          margin-top: 12px;
        }
        .demo-banner {
          align-items: flex-start;
          flex-direction: column;
        }
        .show-summary-grid {
          grid-template-columns: 1fr;
        }
        .show-mobile-cards {
          display: grid;
          gap: 10px;
          padding: 14px;
        }
        .show-desktop-table {
          display: none;
        }
        .show-sale-actions .btn {
          flex: 1;
          min-width: 92px;
        }
        .show-actions-row .btn {
          flex: 1;
        }
        .show-sale-money {
          grid-template-columns: repeat(3, 1fr);
        }
        .save-status {
          display: none;
        }
        .modal {
          max-height: 92vh;
          border-radius: 22px 22px 0 0;
          margin-top: auto;
        }
        .modal-backdrop {
          align-items: flex-end;
          padding: 0;
        }
        .modal-actions {
          position: sticky;
          bottom: 0;
          background: #0b1b2d;
        }
      }

/* Premium V6 performance refinements */
.dashboard-pulse {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: -2px 0 16px;
}
.pulse-card {
  min-width: 0;
  padding: 15px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(16, 35, 58, .82), rgba(7, 20, 35, .78));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.pulse-label {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.pulse-value {
  margin-top: 7px;
  color: #f6f9fc;
  font-size: 16px;
  font-weight: 820;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pulse-detail {
  display: flex;
  justify-content: space-between;
  gap: 9px;
  margin-top: 6px;
  color: var(--muted);
  font-size: 10px;
}
.pulse-detail span,
.pulse-detail small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pulse-detail small { color: var(--muted-2); }

.chart-wrap { padding: 10px 20px 20px; }
.bar-chart {
  height: auto;
  min-height: 260px;
  display: grid;
  align-content: start;
  gap: 12px;
  border-bottom: 0;
  padding: 8px 0 0;
}
.profit-show-row {
  display: grid;
  grid-template-columns: minmax(155px, .8fr) minmax(160px, 1.25fr) 88px;
  gap: 14px;
  align-items: center;
}
.profit-show-copy { min-width: 0; }
.profit-show-copy strong {
  display: block;
  color: #edf4fa;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profit-show-copy span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profit-show-track,
.report-profit-track,
.report-break-track,
.performance-track {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #13253a;
}
.profit-show-track i,
.report-profit-track i,
.report-break-track i,
.performance-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  box-shadow: 0 0 18px rgba(20,184,166,.2);
}
.profit-show-track i.negative,
.report-profit-track i.negative {
  background: linear-gradient(90deg, #b83250, #ff7a8a);
}
.profit-show-row > b {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.eyebrow.mini { margin-bottom: 7px; font-size: 9px; }
.show-performance-strip {
  display: grid;
  grid-template-columns: minmax(300px, 1.5fr) minmax(160px, .55fr) minmax(160px, .55fr);
  gap: 12px;
  margin: 16px 0;
}
.show-performance-strip > div {
  padding: 15px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(8, 22, 38, .72);
}
.show-performance-strip span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.show-performance-strip b {
  float: right;
  color: #f4f8fc;
  font-size: 15px;
}
.show-performance-strip small {
  display: block;
  clear: both;
  margin-top: 8px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}
.show-performance-strip .performance-track {
  clear: both;
  height: 7px;
  margin-top: 10px;
}
.performance-metric b {
  float: none;
  display: block;
  margin-top: 7px;
  font-size: 20px;
  letter-spacing: -.03em;
}
.performance-metric small { margin-top: 4px; }

.show-add-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 14px;
}
.form-tip {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(20,184,166,.18);
  border-radius: 999px;
  color: var(--brand-3);
  background: rgba(20,184,166,.07);
  font-size: 10px;
  font-weight: 750;
}
.inventory-head { padding-bottom: 12px; }
.show-inventory-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 20px 14px;
  border-bottom: 1px solid var(--line);
}
.show-inventory-toolbar .search-wrap { flex: 1; max-width: 430px; }
.show-inventory-toolbar .search { width: 100%; min-width: 0; }
.segmented {
  display: inline-flex;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(4,15,27,.52);
}
.segmented button {
  appearance: none;
  border: 0;
  border-radius: 9px;
  padding: 8px 11px;
  color: var(--muted);
  background: transparent;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.segmented button.active {
  color: #06131e;
  background: linear-gradient(135deg, var(--brand-3), var(--brand));
}

.report-visual-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(250px, .75fr) minmax(250px, .75fr);
  align-items: stretch;
}
.report-chart-panel { min-width: 0; }
.report-profit-list,
.report-breakdown {
  display: grid;
  gap: 13px;
  padding: 4px 20px 20px;
}
.report-profit-row {
  display: grid;
  grid-template-columns: minmax(125px, .9fr) minmax(110px, 1fr) 80px;
  gap: 12px;
  align-items: center;
}
.report-profit-row > div:first-child,
.report-break-row > div:first-child { min-width: 0; }
.report-profit-row strong,
.report-break-row strong {
  display: block;
  color: #eaf2f9;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-profit-row span,
.report-break-row span {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 9px;
}
.report-profit-row > b,
.report-break-row > b {
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.report-break-row {
  display: grid;
  grid-template-columns: minmax(105px, .85fr) minmax(85px, 1fr) 74px;
  gap: 10px;
  align-items: center;
}
.report-break-track { height: 7px; }
.report-break-track i {
  background: linear-gradient(90deg, var(--brand-2), var(--purple));
}

@media (max-width: 1250px) {
  .dashboard-pulse { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-visual-grid { grid-template-columns: 1fr 1fr; }
  .report-visual-grid > :first-child { grid-column: 1 / -1; }
  .break-even-amounts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 930px) {
  .show-performance-strip { grid-template-columns: 1fr 1fr; }
  .show-performance-strip > :first-child { grid-column: 1 / -1; }
  .report-visual-grid { grid-template-columns: 1fr; }
  .report-visual-grid > :first-child { grid-column: auto; }
}
@media (max-width: 620px) {
  .dashboard-pulse { grid-template-columns: 1fr; }
  .profit-show-row { grid-template-columns: minmax(0, 1fr) 70px; gap: 9px; }
  .profit-show-track { grid-column: 1 / -1; grid-row: 2; }
  .profit-show-row > b { grid-column: 2; grid-row: 1; }
  .show-performance-strip { grid-template-columns: 1fr; }
  .show-performance-strip > :first-child { grid-column: auto; }
  .show-add-heading { display: block; }
  .form-tip { display: inline-block; margin-top: 10px; }
  .show-inventory-toolbar { align-items: stretch; flex-direction: column; padding: 0 14px 14px; }
  .show-inventory-toolbar .search-wrap { max-width: none; width: 100%; }
  .segmented { width: 100%; }
  .segmented button { flex: 1; }
  .report-profit-row { grid-template-columns: minmax(0, 1fr) 74px; }
  .report-profit-track { grid-column: 1 / -1; grid-row: 2; }
  .report-profit-row > b { grid-column: 2; grid-row: 1; }
  .report-break-row { grid-template-columns: minmax(0, 1fr) 70px; }
  .report-break-track { grid-column: 1 / -1; grid-row: 2; }
  .report-break-row > b { grid-column: 2; grid-row: 1; }
}

/* Premium V9: break-even command center */
.break-even-panel {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background:
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, .16), transparent 34%),
    linear-gradient(145deg, rgba(12, 35, 57, .96), rgba(6, 21, 37, .96)) !important;
  border-color: rgba(20, 184, 166, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 14px 34px rgba(0,0,0,.14);
}
.break-even-panel:after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -95px;
  bottom: -115px;
  border-radius: 50%;
  background: rgba(20, 184, 166, .06);
  pointer-events: none;
}
.break-even-panel.close {
  border-color: rgba(244, 191, 89, .3) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 191, 89, .12), transparent 36%),
    linear-gradient(145deg, rgba(31, 35, 43, .96), rgba(7, 22, 37, .96)) !important;
}
.break-even-panel.profitable {
  border-color: rgba(88, 214, 141, .32) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(88, 214, 141, .15), transparent 36%),
    linear-gradient(145deg, rgba(8, 39, 42, .96), rgba(6, 22, 36, .96)) !important;
}
.break-even-panel.empty { opacity: .92; }
.break-even-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  position: relative;
  z-index: 1;
}
.break-even-kicker {
  display: block;
  color: var(--brand-3) !important;
}
.break-even-top h3 {
  margin: 7px 0 0;
  color: #f5f9fc;
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.18;
  letter-spacing: -.025em;
  max-width: 620px;
}
.break-even-status {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(20, 184, 166, .22);
  border-radius: 999px;
  background: rgba(20, 184, 166, .08);
  color: var(--brand-3) !important;
  font-size: 10px !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
}
.break-even-status:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px currentColor;
}
.break-even-panel.close .break-even-status {
  color: #ffd282 !important;
  border-color: rgba(244, 191, 89, .22);
  background: rgba(244, 191, 89, .08);
}
.break-even-panel.profitable .break-even-status {
  color: #8ff1b2 !important;
  border-color: rgba(88, 214, 141, .22);
  background: rgba(88, 214, 141, .08);
}
.break-even-amounts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 15px;
  position: relative;
  z-index: 1;
}
.break-even-amounts > div {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 12px;
  background: rgba(2, 12, 23, .32);
}
.break-even-amounts small {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 9px !important;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.break-even-amounts b {
  float: none !important;
  display: block;
  margin-top: 5px;
  font-size: 15px !important;
  letter-spacing: -.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.break-even-track {
  position: relative;
  z-index: 1;
  height: 12px;
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 999px;
  background: rgba(2, 12, 23, .6);
  box-shadow: inset 0 2px 5px rgba(0,0,0,.3);
}
.break-even-track i {
  display: block;
  height: 100%;
  min-width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  box-shadow: 0 0 20px rgba(20,184,166,.32);
  transition: width .45s ease;
}
.break-even-panel.close .break-even-track i {
  background: linear-gradient(90deg, #e0a63d, #ffd282);
  box-shadow: 0 0 20px rgba(244,191,89,.3);
}
.break-even-panel.profitable .break-even-track i {
  background: linear-gradient(90deg, #3fba76, #8ff1b2);
  box-shadow: 0 0 20px rgba(88,214,141,.35);
}
.break-even-marker {
  position: absolute;
  right: 4px;
  top: 50%;
  width: 3px;
  height: 18px;
  transform: translateY(-50%);
  border-radius: 3px;
  background: rgba(255,255,255,.85);
  box-shadow: 0 0 8px rgba(255,255,255,.35);
}
.break-even-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 1;
  margin-top: 9px;
  color: var(--muted);
  font-size: 10px;
}
.break-even-footer b {
  float: none !important;
  font-size: inherit !important;
  margin-left: 4px;
}

/* Payment-driven sale fields */
#showSoldGroup,
#mSoldGroup,
#mSoldDateGroup {
  transition: opacity .18s ease, transform .18s ease;
}

@media (max-width: 620px) {
  .break-even-top { display: block; }
  .break-even-status { margin-top: 11px; }
  .break-even-amounts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .break-even-footer { align-items: flex-start; flex-direction: column; gap: 5px; }
}


/* Premium V11: clarity, lifecycle, and focused workflows */
.show-chip-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.show-chip-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:5px 8px;border-radius:999px;border:1px solid var(--line);font-size: 9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.show-status.active{color:#8ff1b2;border-color:rgba(88,214,141,.25);background:rgba(88,214,141,.08)}.show-status.upcoming{color:#9fd6ff;border-color:rgba(37,99,235,.25);background:rgba(37,99,235,.08)}.show-status.completed{color:#d2c8ff;border-color:rgba(180,156,255,.25);background:rgba(180,156,255,.08)}.show-status.archived{color:#aeb9c6;background:rgba(148,163,184,.06)}
.compact-show-hero{margin-bottom:12px}.show-section-tabs{display:flex;gap:6px;overflow:auto;margin:0 0 16px;padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(7,20,35,.72);scrollbar-width:none}.show-section-tabs::-webkit-scrollbar{display:none}.show-section-tabs button{flex:1;min-width:110px;border:0;border-radius:11px;padding:11px 16px;background:transparent;color:var(--muted);font-weight:760;cursor:pointer}.show-section-tabs button.active{color:#06131e;background:linear-gradient(135deg,var(--brand-3),var(--brand));box-shadow:0 8px 24px rgba(37,99,235,.16)}.show-section-content{min-width:0}.overview-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;margin-top:16px}.btn.warning{border-color:rgba(244,191,89,.35);color:#ffd282}.closed-show-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;margin-bottom:16px;border-color:rgba(180,156,255,.22);background:rgba(180,156,255,.05)}.closed-show-notice p{margin:4px 0 0;color:var(--muted);font-size: 12px}.show-expense-layout{align-items:start}.expense-summary-card{padding:22px;position:sticky;top:18px}.summary-row.total{margin-top:4px;padding-top:12px;border-top:1px solid var(--line-strong);border-bottom:0}.summary-row.total span,.summary-row.total b{color:#f5f8fc;font-weight:820}.summary-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.compact-entry-grid{align-items:end}.sale-details{grid-column:1/-1;padding:14px;border:1px solid rgba(20,184,166,.15);background:rgba(20,184,166,.035);border-radius:14px}.sale-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row-action-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px}.row-menu{position:relative}.row-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;min-width:36px;height:34px;border:1px solid var(--line);border-radius:10px;color:#c9d4e0;background:#0a192a;font-weight:900;letter-spacing:.08em}.row-menu summary::-webkit-details-marker{display:none}.row-menu-pop{position:absolute;right:0;top:calc(100% + 7px);z-index:30;min-width:150px;padding:6px;border:1px solid var(--line-strong);border-radius:12px;background:#071522;box-shadow:0 18px 40px rgba(0,0,0,.4)}.row-menu-pop button{display:block;width:100%;border:0;background:transparent;color:#dce6ef;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer;font:inherit;font-size: 11px}.row-menu-pop button:hover{background:rgba(255,255,255,.05)}.row-menu-pop .danger-text{color:#ff9aa7}.mobile-row-menu{margin-left:auto}.mobile-row-menu summary{display:flex;padding:0 12px;font-size: 11px;letter-spacing:0}
.mobile-show-cta{display:none}.polished-empty p{max-width:430px;margin:7px auto 14px;color:var(--muted);line-height:1.5}.report-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:16px}.report-filter-controls{display:flex;align-items:center;gap:10px}.report-filter-controls>span{font-size: 11px;color:var(--muted);white-space:nowrap}.report-filter-controls .select{min-width:190px}.report-grid-primary{grid-template-columns:repeat(4,minmax(0,1fr))}.beta-badge{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:999px;background:rgba(244,191,89,.1);border:1px solid rgba(244,191,89,.22);color:#ffd282;font-size: 9px;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
@media(max-width:1250px){.report-grid-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-actions{align-items:flex-start}.overview-actions .actions{justify-content:flex-end}.sale-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:930px){.overview-actions{display:block}.overview-actions .actions{margin-top:13px;justify-content:flex-start}.expense-summary-card{position:static}.show-expense-layout{grid-template-columns:1fr}.mobile-show-cta{display:block;position:fixed;right:16px;bottom:82px;z-index:90;border:0;border-radius:999px;padding:14px 19px;background:linear-gradient(135deg,var(--brand-3),var(--brand));color:#06131e;font-weight:850;box-shadow:0 18px 44px rgba(0,0,0,.38)}.report-filter-bar{align-items:flex-start}.row-menu-pop{position:fixed;right:14px;left:14px;top:auto;bottom:82px;min-width:0}.show-section-tabs{position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}}
@media(max-width:620px){.show-section-tabs button{min-width:92px;padding:10px 12px}.show-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.break-even-amounts{grid-template-columns:1fr 1fr}.sale-details-grid{grid-template-columns:1fr}.report-grid-primary{grid-template-columns:1fr}.report-filter-bar{display:block}.report-filter-controls{margin-top:12px;display:block}.report-filter-controls>span{display:block;margin-bottom:7px}.report-filter-controls .select{width:100%;min-width:0}.summary-actions{justify-content:stretch}.summary-actions .btn{flex:1}.closed-show-notice{align-items:flex-start;flex-direction:column}.show-sale-actions{align-items:center}.show-sale-actions>.btn{flex:1}.show-add-heading{display:block}.show-add-heading .form-tip{display:inline-flex;margin-top:10px}}


/* V11 visual cleanup */
.break-even-amounts{grid-template-columns:repeat(4,minmax(0,1fr))}
.glance-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.glance-row:last-child{border-bottom:0}.glance-row>div:first-child{min-width:0}.glance-row .activity-name{white-space:normal}.glance-row .activity-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.glance-row .activity-value{flex:0 0 auto;text-align:right}
.report-visual-grid{grid-template-columns:1fr 1fr}.report-visual-grid>:first-child{grid-column:1/-1}.report-break-row{grid-template-columns:minmax(145px,1.1fr) minmax(120px,1fr) minmax(112px,max-content)}.report-break-row>b{min-width:112px;white-space:nowrap;text-align:right}.report-breakdown{overflow:hidden}
@media(max-width:1250px){.break-even-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.report-visual-grid{grid-template-columns:1fr 1fr}.report-visual-grid>:first-child{grid-column:1/-1}}
@media(max-width:930px){.report-visual-grid{grid-template-columns:1fr}.report-visual-grid>:first-child{grid-column:auto}.report-break-row{grid-template-columns:minmax(125px,1fr) minmax(90px,1fr) minmax(100px,max-content)}}
@media(max-width:620px){.break-even-amounts{grid-template-columns:1fr 1fr}.glance-row .activity-meta{max-width:190px}.report-break-row{grid-template-columns:minmax(100px,1fr) minmax(70px,.8fr) minmax(88px,max-content);gap:8px}.report-break-row>b{min-width:88px}}


/* Premium V12: clarity, validation, and mobile workflow polish */
.starter-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:22px 24px;border:1px solid rgba(20,184,166,.24);border-radius:20px;background:linear-gradient(135deg,rgba(20,184,166,.10),rgba(37,99,235,.05))}.starter-panel h2{margin:5px 0 7px;font-size:22px;letter-spacing:-.03em}.starter-panel p{margin:0;color:var(--muted);font-size: 13px;line-height:1.55;max-width:660px}.starter-actions{display:flex;gap:9px;flex-wrap:wrap;flex:0 0 auto}
.calculation-note{margin-bottom:16px;padding:12px 15px;border:1px solid rgba(37,99,235,.18);border-radius:13px;background:rgba(37,99,235,.055);color:var(--muted);font-size: 12px;line-height:1.5}.calculation-note strong{color:#dce9f5}
.calculation-guide{display:grid;gap:11px}.calculation-guide>div{padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.calculation-guide strong{display:block;font-size: 13px}.calculation-guide p{margin:5px 0 0;color:var(--muted);font-size: 12px;line-height:1.55}
.show-section-tabs button{display:flex;align-items:center;justify-content:center;gap:7px}.show-section-tabs button em{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(148,163,184,.12);color:currentColor;font-size: 9px;font-style:normal}.show-section-tabs button.active em{background:rgba(6,19,30,.14)}
.inventory-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.inventory-snapshot>div{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(10,27,45,.72);min-width:0}.inventory-snapshot span{display:block;color:var(--muted);font-size: 9px;text-transform:uppercase;letter-spacing:.09em}.inventory-snapshot b{display:block;margin-top:5px;font-size: 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.segmented button span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:999px;background:rgba(148,163,184,.12);font-size: 9px}.segmented button.active span{background:rgba(6,19,30,.13)}
.field-help{display:block;margin-top:6px;color:var(--muted);font-size: 10px;line-height:1.35}
@media(max-width:930px){.starter-panel{align-items:flex-start;flex-direction:column}.starter-actions{width:100%}.starter-actions .btn{flex:1}.inventory-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.starter-panel{padding:18px}.starter-actions{display:grid;grid-template-columns:1fr}.inventory-snapshot{grid-template-columns:1fr 1fr}.inventory-snapshot>div{padding:11px 12px}.inventory-snapshot b{font-size: 14px}.calculation-note{font-size: 11px}.show-section-tabs button span:first-child{white-space:nowrap}}

/* Premium V13: account access and cloud-ready sync */
.app-shell-locked { display: none !important; }
.auth-gate {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: clamp(22px, 4vw, 54px);
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 10%, rgba(20,184,166,.14), transparent 31%),
    radial-gradient(circle at 92% 86%, rgba(37,99,235,.15), transparent 34%),
    #06101d;
}
.auth-gate.hidden { display: none; }
.auth-orb { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.auth-orb-one { width: 410px; height: 410px; left: -210px; bottom: -180px; background: rgba(20,184,166,.07); }
.auth-orb-two { width: 520px; height: 520px; right: -250px; top: -260px; background: rgba(37,99,235,.08); }
.auth-shell {
  width: min(1120px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .75fr);
  border: 1px solid rgba(148,163,184,.17);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 38px 100px rgba(0,0,0,.42);
  position: relative;
  z-index: 1;
  background: rgba(7,19,33,.87);
  backdrop-filter: blur(22px);
}
.auth-story { padding: clamp(34px, 6vw, 72px); min-height: 650px; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(145deg, rgba(20,184,166,.08), rgba(37,99,235,.045)); border-right: 1px solid rgba(148,163,184,.13); }
.auth-brand-lockup { display: flex; gap: 13px; align-items: center; }
.auth-mark { width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; color: #04111d; font-weight: 950; letter-spacing: -.06em; font-size: 19px; background: linear-gradient(135deg, var(--brand-3), var(--brand-2)); box-shadow: 0 14px 36px rgba(37,99,235,.18); }
.auth-brand-name { font-size: 22px; line-height: 1; font-weight: 900; letter-spacing: -.04em; }
.auth-brand-name span { color: var(--brand-3); }
.auth-brand-sub { color: var(--muted); font-size: 11px; margin-top: 6px; }
.auth-copy { max-width: 600px; margin: 70px 0 50px; }
.auth-copy h1 { font-size: clamp(38px, 5vw, 62px); line-height: .98; letter-spacing: -.06em; margin: 15px 0 22px; max-width: 650px; }
.auth-copy p { color: #9fb0c3; line-height: 1.72; font-size: 16px; max-width: 560px; }
.auth-benefits { display: grid; gap: 13px; }
.auth-benefits > div { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: start; padding: 13px 14px; border: 1px solid rgba(148,163,184,.11); border-radius: 15px; background: rgba(2,12,23,.24); }
.auth-benefits > div > b { color: var(--brand-3); font-size: 11px; letter-spacing: .1em; padding-top: 3px; }
.auth-benefits span { display: grid; gap: 4px; }
.auth-benefits strong { font-size: 13px; }
.auth-benefits small { color: var(--muted); line-height: 1.45; font-size: 11px; }
.auth-card { padding: clamp(28px, 5vw, 52px); display: flex; flex-direction: column; justify-content: center; background: rgba(5,15,27,.78); }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border: 1px solid var(--line); background: rgba(2,12,23,.5); border-radius: 14px; margin-bottom: 28px; }
.auth-tab { min-height: 42px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); font-weight: 780; cursor: pointer; }
.auth-tab.active { color: #06131e; background: linear-gradient(135deg, var(--brand-3), var(--brand-2)); }
.auth-form { display: grid; gap: 14px; }
.auth-form.hidden { display: none; }
.auth-form-heading { margin-bottom: 5px; }
.auth-form-heading h2 { font-size: 28px; letter-spacing: -.045em; margin-bottom: 7px; }
.auth-form-heading p { color: var(--muted); font-size: 13px; line-height: 1.55; }
.auth-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.auth-check { display: inline-flex; gap: 8px; align-items: flex-start; color: var(--muted); font-size: 11px; line-height: 1.45; cursor: pointer; }
.auth-check input { accent-color: var(--brand); margin-top: 1px; }
.auth-terms { margin: 2px 0 3px; }
.text-button { border: 0; background: none; padding: 0; color: var(--brand-3); font-size: 11px; cursor: pointer; }
.auth-submit { width: 100%; min-height: 50px; margin-top: 4px; font-size: 14px; }
.auth-message { display: none; padding: 11px 12px; margin-top: 13px; border-radius: 11px; font-size: 11px; line-height: 1.5; }
.auth-message.show { display: block; }
.auth-message.error { color: #ffc2ca; border: 1px solid rgba(255,122,138,.22); background: rgba(255,122,138,.08); }
.auth-message.success { color: #9bf0c2; border: 1px solid rgba(88,214,141,.22); background: rgba(88,214,141,.08); }
.auth-mode-note { display: grid; grid-template-columns: 9px 1fr; gap: 10px; align-items: start; border-top: 1px solid var(--line); margin-top: 24px; padding-top: 18px; }
.auth-mode-note > span { width: 8px; height: 8px; margin-top: 3px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 11px currentColor; }
.auth-mode-note.cloud > span { background: var(--green); }
.auth-mode-note div { display: grid; gap: 3px; }
.auth-mode-note strong { font-size: 11px; }
.auth-mode-note small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.auth-password-grid { gap: 10px; }
.account-card { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--line); border-radius: 14px; background: rgba(7,22,38,.72); }
.account-avatar { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; color: #04111d; font-size: 14px; font-weight: 900; background: linear-gradient(135deg, var(--brand-3), var(--brand-2)); }
.account-copy { min-width: 0; display: grid; gap: 3px; }
.account-copy strong, .account-copy span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.account-copy strong { font-size: 11px; }
.account-copy span { color: var(--muted); font-size: 9px; }
.account-sync { padding: 4px 6px; border: 1px solid rgba(20,184,166,.18); border-radius: 999px; color: var(--brand-3); background: rgba(20,184,166,.07); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.account-sync.local { color: #ffd282; border-color: rgba(244,191,89,.2); background: rgba(244,191,89,.07); }

@media (max-width: 900px) {
  .auth-gate { align-items: start; padding: 16px; }
  .auth-shell { grid-template-columns: 1fr; border-radius: 23px; }
  .auth-story { min-height: auto; padding: 26px; border-right: 0; border-bottom: 1px solid rgba(148,163,184,.13); }
  .auth-copy { margin: 38px 0 24px; }
  .auth-copy h1 { font-size: clamp(34px, 10vw, 48px); }
  .auth-benefits { display: none; }
  .auth-card { padding: 26px; }
}
@media (max-width: 540px) {
  .auth-gate { padding: 0; }
  .auth-shell { min-height: 100dvh; border-radius: 0; border: 0; }
  .auth-story { padding: 22px 20px; }
  .auth-copy { margin: 28px 0 5px; }
  .auth-copy h1 { font-size: 35px; }
  .auth-copy p { display: none; }
  .auth-card { padding: 25px 20px 34px; justify-content: start; }
  .auth-password-grid { grid-template-columns: 1fr; }
}


/* Profile and secure password recovery */
.account-card-link { cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.account-card-link:hover, .account-card-link:focus-visible { border-color: rgba(20,184,166,.42); background: rgba(20,184,166,.08); transform: translateY(-1px); outline: none; }
.reset-auth-shell { max-width: 1050px; }
.profile-topbar { margin-bottom: 18px; }
.profile-hero { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 22px; margin-bottom: 16px; background: linear-gradient(135deg,rgba(20,184,166,.12),rgba(37,99,235,.07) 55%,rgba(180,156,255,.06)); }
.profile-avatar-large { width: 74px; height: 74px; border-radius: 22px; display: grid; place-items: center; font-size: 29px; font-weight: 900; color: #06131e; background: linear-gradient(135deg,var(--brand-3),var(--brand)); box-shadow: 0 16px 40px rgba(37,99,235,.2); }
.profile-hero-copy h2 { margin: 8px 0 3px; font-size: 24px; letter-spacing: -.035em; }
.profile-hero-copy p { margin: 0; color: var(--muted); font-size: 13px; }
.profile-hero-meta { display: grid; grid-template-columns: repeat(2,minmax(120px,1fr)); gap: 10px; }
.profile-hero-meta > div { padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(4,16,29,.35); }
.profile-hero-meta small { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }
.profile-hero-meta b { display: block; margin-top: 5px; font-size: 13px; }
.profile-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.profile-panel { min-width: 0; padding-bottom: 20px; }
.profile-form { padding: 0 20px; }
.profile-form .form-actions { padding-top: 4px; }
.profile-note { margin-top: 10px; padding: 10px 12px; border: 1px solid rgba(244,191,89,.16); border-radius: 11px; background: rgba(244,191,89,.055); color: var(--muted); font-size: 11px; line-height: 1.5; }
.profile-security-actions { justify-content: flex-start; }
.profile-data-list { display: grid; gap: 0; padding: 0 20px 15px; }
.profile-data-list > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.profile-data-list > div:last-child { border-bottom: 0; }
.profile-data-list span { color: var(--muted); }
.profile-data-list code { max-width: 62%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #c8d8e8; font-size: 10px; }
.profile-action-stack { display: flex; gap: 9px; flex-wrap: wrap; padding: 0 20px; }
.profile-danger-panel { border-color: rgba(255,122,138,.18); }
.profile-danger-copy { padding: 0 20px 14px; }
.profile-danger-copy strong { font-size: 13px; }
.profile-danger-copy p { color: var(--muted); font-size: 11px; line-height: 1.55; margin: 5px 0 0; }
.profile-danger-panel > .btn { margin-left: 20px; }
#passwordResetGate .auth-card { align-self: center; }
#passwordResetGate .auth-submit + .auth-submit { margin-top: 9px; }

@media(max-width:930px){
  .profile-hero { grid-template-columns: auto 1fr; }
  .profile-hero-meta { grid-column: 1 / -1; }
}
@media(max-width:700px){
  .profile-grid { grid-template-columns: 1fr; }
  .profile-hero { grid-template-columns: 58px 1fr; padding: 17px; }
  .profile-avatar-large { width: 58px; height: 58px; border-radius: 17px; font-size: 23px; }
  .profile-hero-meta { grid-template-columns: 1fr 1fr; }
  .profile-security-actions, .profile-action-stack { flex-direction: column; align-items: stretch; }
  .profile-security-actions .btn, .profile-action-stack .btn { width: 100%; }
}
@media(max-width:430px){
  .profile-hero-meta { grid-template-columns: 1fr; }
}

/* WarrantyVault V16 enhancements */
.global-search-shell {
  position: relative;
  z-index: 35;
  margin: 0 0 18px;
}
.global-search-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 15px;
  background: rgba(5, 18, 32, .88);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .18);
  backdrop-filter: blur(16px);
}
.global-search-input-wrap:focus-within {
  border-color: rgba(20, 184, 166, .58);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, .09), 0 16px 44px rgba(0, 0, 0, .22);
}
.global-search-input-wrap svg {
  width: 19px;
  height: 19px;
  margin-left: 15px;
  stroke: var(--muted);
  flex: 0 0 auto;
}
.global-search-input-wrap .field {
  width: 100%;
  min-width: 0;
  height: 46px;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 80px 0 11px;
}
.global-search-input-wrap .field:focus { box-shadow: none; }
.global-search-input-wrap kbd {
  position: absolute;
  right: 42px;
  min-width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-bottom-color: rgba(255,255,255,.18);
  border-radius: 6px;
  color: var(--muted);
  background: rgba(255,255,255,.035);
  font: 700 10px/1 system-ui;
}
.global-search-clear {
  position: absolute;
  right: 9px;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 8px;
  color: var(--muted);
  background: transparent;
  font-size: 19px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.global-search-shell.has-query .global-search-clear { opacity: 1; pointer-events: auto; }
.global-search-shell.has-query .global-search-input-wrap kbd { opacity: 0; }
.global-search-results {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  display: none;
  max-height: min(520px, 64vh);
  overflow: auto;
  padding: 8px;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 16px;
  background: rgba(5, 17, 30, .98);
  box-shadow: 0 24px 70px rgba(0,0,0,.46);
  backdrop-filter: blur(20px);
}
.global-search-results.show { display: grid; gap: 4px; }
.global-search-result {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 11px 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  text-align: left;
  color: var(--text);
  background: transparent;
  cursor: pointer;
}
.global-search-result:hover,
.global-search-result.active {
  border-color: rgba(20,184,166,.2);
  background: rgba(20,184,166,.075);
}
.global-search-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #07131d;
  background: linear-gradient(135deg, var(--brand-3), var(--brand-2));
  font-size: 14px;
  font-weight: 900;
}
.global-search-result strong,
.global-search-result small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.global-search-result strong { font-size: 12px; }
.global-search-result small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.global-search-type { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.global-search-empty { padding: 18px 14px; color: var(--muted); text-align: center; font-size: 11px; }

.duplicate-warning {
  margin: 4px 0 14px;
  padding: 13px 14px;
  border: 1px solid rgba(244, 191, 89, .28);
  border-radius: 13px;
  background: rgba(244, 191, 89, .075);
}
.duplicate-warning strong { display: block; color: #ffd989; font-size: 12px; }
.duplicate-warning p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.duplicate-list { display: grid; gap: 8px; margin-top: 12px; }
.duplicate-list > div { padding: 10px 11px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.duplicate-list b, .duplicate-list small { display: block; }
.duplicate-list b { font-size: 11px; }
.duplicate-list small { margin-top: 3px; color: var(--muted); font-size: 9px; }

.account-avatar,
.profile-avatar-large,
.mobile-profile-btn {
  overflow: hidden;
  position: relative;
}
.account-avatar img,
.profile-avatar-large img,
.mobile-profile-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.profile-avatar-control { display: grid; justify-items: center; gap: 7px; }
.profile-avatar-large {
  border: 0;
  padding: 0;
  cursor: pointer;
}
.profile-avatar-large:focus-visible { outline: 3px solid rgba(20,184,166,.28); outline-offset: 3px; }
.profile-avatar-edit {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 2px solid #0a1724;
  border-radius: 8px;
  color: #07131d;
  background: var(--brand-3);
  font-size: 11px;
}
.profile-photo-actions { display: flex; gap: 8px; }
.profile-photo-actions .text-button { font-size: 10px; }
.profile-photo-note { border-color: rgba(20,184,166,.18); background: rgba(20,184,166,.05); }
.mobile-head-actions { display: flex; align-items: center; gap: 8px; }
.mobile-profile-btn {
  width: 34px;
  height: 34px;
  display: none;
  place-items: center;
  border: 1px solid rgba(20,184,166,.22);
  border-radius: 10px;
  color: #07131d;
  background: linear-gradient(135deg,var(--brand-3),var(--brand-2));
  font-size: 12px;
  font-weight: 900;
}

.sync-offline { color: #ffd989 !important; }
.sync-error { color: #ff9ca9 !important; }
.sync-saving { color: #9dc5ff !important; }
.csv-preview-list { display: grid; gap: 8px; margin: 12px 0; max-height: 250px; overflow: auto; }
.csv-preview-row { padding: 10px 11px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.csv-preview-row b, .csv-preview-row small { display: block; }
.csv-preview-row b { font-size: 11px; }
.csv-preview-row small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.csv-import-summary { color: var(--muted); font-size: 11px; line-height: 1.55; }
.csv-import-summary strong { color: var(--text); }

@media (max-width: 820px) {
  .mobile-profile-btn { display: grid; }
  .global-search-shell { margin: 0 12px 14px; position: sticky; top: 7px; z-index: 42; }
  .global-search-input-wrap { min-height: 44px; border-radius: 13px; }
  .global-search-input-wrap .field { height: 42px; padding-right: 44px; font-size: 12px; }
  .global-search-input-wrap kbd { display: none; }
  .global-search-results { max-height: 58vh; }
  .profile-avatar-control { justify-self: start; }
}
@media (max-width: 680px) {
  #view-add .sticky-form-actions {
    position: sticky;
    bottom: 70px;
    z-index: 30;
    margin: 0 -14px -14px;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--line);
    background: rgba(6, 18, 31, .96);
    box-shadow: 0 -16px 36px rgba(0,0,0,.28);
    backdrop-filter: blur(16px);
  }
  #view-add .sticky-form-actions .btn { flex: 1 1 100%; }
  .global-search-result { grid-template-columns: auto minmax(0,1fr); }
  .global-search-type { display: none; }
}


/* V17 Import Center */
.import-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:18px;align-items:start}.import-main-column,.import-side-column{display:grid;gap:16px}.import-side-column{position:sticky;top:18px}.import-step-card,.import-preview-panel,.import-format-card,.import-help-card{padding:22px}.import-step-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}.import-step-heading>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:var(--accent,#ef4444);color:#fff;font-weight:800}.import-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.import-choice{display:flex;gap:12px;padding:16px;border:1px solid var(--line,#e5e7eb);border-radius:14px;cursor:pointer;background:var(--panel,#fff);transition:.18s ease}.import-choice:hover{border-color:rgba(239,68,68,.45);transform:translateY(-1px)}.import-choice:has(input:checked){border-color:var(--accent,#ef4444);box-shadow:0 0 0 3px rgba(239,68,68,.09)}.import-choice input{margin-top:3px;accent-color:var(--accent,#ef4444)}.import-choice span{display:grid;gap:4px}.import-choice small{color:var(--muted,#6b7280);line-height:1.45}.import-show-select{margin-top:16px}.import-empty-shows{margin-top:16px;border:1px dashed var(--line,#d1d5db);border-radius:14px;padding:18px;background:rgba(148,163,184,.06)}.import-empty-shows p{color:var(--muted);margin:5px 0 12px}.import-source-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);gap:14px}.import-upload-zone,.import-paste-zone{border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:18px;background:rgba(148,163,184,.035)}.import-upload-zone{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:270px;border-style:dashed}.import-upload-zone.dragging{border-color:var(--accent,#ef4444);background:rgba(239,68,68,.06)}.import-upload-icon{font-size:34px;line-height:1;margin-bottom:10px}.import-upload-zone p{max-width:360px;color:var(--muted);font-size: 14px;line-height:1.5}.import-upload-zone small{margin-top:10px;color:var(--muted);word-break:break-word}.import-paste-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.import-paste-heading span{font-size: 13px;color:var(--muted)}.import-paste-area{min-height:210px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size: 13px;line-height:1.5;white-space:pre}.import-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.import-stat-grid>div{padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(148,163,184,.035)}.import-stat-grid small{display:block;color:var(--muted);font-size: 12px;text-transform:uppercase;letter-spacing:.04em}.import-stat-grid b{display:block;margin-top:5px;font-size:20px}.import-warning{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.08);border-radius:13px;padding:13px 15px;margin-bottom:14px}.import-warning p{margin:4px 0 0;color:var(--muted);font-size: 14px}.import-preview-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;max-height:430px}.import-preview-table{min-width:760px}.import-preview-table thead{position:sticky;top:0;background:var(--panel,#fff);z-index:1}.import-invalid-list{margin-top:14px;border:1px solid rgba(239,68,68,.25);border-radius:13px;padding:14px;background:rgba(239,68,68,.045)}.import-invalid-list>strong{display:block;margin-bottom:8px}.import-invalid-list>div{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:10px;padding:8px 0;border-top:1px solid rgba(239,68,68,.12);font-size: 14px}.import-invalid-list span{color:var(--muted)}.import-confirm-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:16px}.import-confirm-row .auth-check{margin:0}.import-format-card .panel-sub{margin-top:4px}.import-format-section{margin-top:18px}.import-format-section>small{display:block;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-bottom:8px}.import-format-section>div{display:flex;flex-wrap:wrap;gap:7px}.import-format-section span,.import-format-section em{display:inline-flex;border:1px solid var(--line);background:rgba(148,163,184,.06);border-radius:999px;padding:6px 9px;font-size: 12px;font-style:normal}.import-format-section em{border-style:dashed;color:var(--muted)}.import-rules{margin-top:20px}.import-rules ul{padding-left:19px;margin:9px 0 0;color:var(--muted);font-size: 13px;line-height:1.65}.import-example{margin:18px 0}.import-example small{display:block;color:var(--muted);margin-bottom:7px}.import-example code{display:block;max-height:116px;overflow:auto;padding:11px;border-radius:10px;background:rgba(15,23,42,.92);color:#e2e8f0;font-size: 11px;line-height:1.5;white-space:normal;word-break:break-word}.import-help-card ol{padding-left:20px;color:var(--muted);font-size: 14px;line-height:1.7}.import-help-card p{color:var(--muted);font-size: 13px;line-height:1.5}.btn.wide{width:100%}
@media(max-width:1050px){.import-layout{grid-template-columns:1fr}.import-side-column{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.import-source-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.import-side-column{grid-template-columns:1fr}.import-source-grid,.import-destination-grid{grid-template-columns:1fr}.import-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-confirm-row{align-items:stretch;flex-direction:column}.import-confirm-row .btn{width:100%}.import-step-card,.import-preview-panel,.import-format-card,.import-help-card{padding:16px}.import-paste-heading{align-items:flex-start;flex-direction:column}.import-invalid-list>div{grid-template-columns:1fr}.import-topbar .top-actions{width:100%}}


/* V19 raw / graded entry mode */
.entry-mode-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.entry-mode-option {
  appearance: none;
  width: 100%;
  min-height: 82px;
  padding: 14px 15px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(4, 15, 27, .48);
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.entry-mode-option:hover {
  border-color: rgba(20, 184, 166, .38);
  transform: translateY(-1px);
}
.entry-mode-option.active {
  border-color: rgba(20, 184, 166, .78);
  background: linear-gradient(145deg, rgba(20, 184, 166, .14), rgba(37, 99, 235, .08));
  box-shadow: inset 0 0 0 1px rgba(20, 184, 166, .11);
}
.entry-mode-option span {
  display: block;
  font-size: 15px;
  font-weight: 850;
  letter-spacing: -.01em;
}
.entry-mode-option small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}
.entry-mode-option.active small { color: #bfd7df; }
.entry-mode-help {
  margin-top: 9px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.ocr-field-warning {
  margin-top: 9px;
  padding: 9px 10px;
  border: 1px solid rgba(226, 174, 75, .3);
  border-radius: 11px;
  color: #f0cf8c;
  background: rgba(226, 174, 75, .08);
  font-size: 11px;
  line-height: 1.45;
}
.ocr-player-review {
  margin-top: 9px;
  padding: 10px;
  border: 1px solid rgba(61, 232, 214, .28);
  border-radius: 11px;
  background: rgba(61, 232, 214, .07);
}
.ocr-player-review b { display: block; color: #8af3e8; font-size: 12px; }
.ocr-player-review span { display: block; margin-top: 3px; color: #b8c8d6; font-size: 11px; line-height: 1.4; }
.ocr-player-options { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.ocr-player-options button {
  appearance: none;
  border: 1px solid rgba(61, 232, 214, .32);
  border-radius: 999px;
  padding: 6px 10px;
  background: #0a1828;
  color: #d9f8f4;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.ocr-player-options button:hover,
.ocr-player-options button.selected { border-color: var(--green); background: rgba(61, 232, 214, .16); color: #ffffff; }
@media (max-width: 620px) {
  .entry-mode-picker { grid-template-columns: 1fr; }
  .entry-mode-option { min-height: 0; }
}

.upload-mode-block { margin-bottom: 14px; }
.upload-mode-label { margin-bottom: 9px; color: var(--brand-3); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }

/* WarrantyVault workflow refinements */
.dashboard-quick-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}
.dashboard-quick-actions button {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 14px 15px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(15, 36, 58, .82), rgba(6, 19, 33, .82));
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.dashboard-quick-actions button:hover { transform: translateY(-2px); border-color: rgba(20,184,166,.5); background: rgba(20,45,68,.92); }
.dashboard-quick-actions button.primary-quick {
  border-color: rgba(20,184,166,.42);
  background: linear-gradient(145deg, rgba(24, 61, 78, .92), rgba(7, 28, 42, .9));
  box-shadow: inset 0 0 0 1px rgba(20,184,166,.05);
}
.dashboard-quick-actions button.primary-quick > span {
  background: rgba(20,184,166,.2);
  box-shadow: 0 0 18px rgba(20,184,166,.1);
}
.dashboard-quick-actions button > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 12px;
  background: rgba(20,184,166,.12);
  color: var(--brand-3);
  font-weight: 900;
  font-size: 19px;
}
.dashboard-quick-actions b, .dashboard-quick-actions small { display: block; }
.dashboard-quick-actions b { font-size: 14px; }
.dashboard-quick-actions small { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.35; }
.dashboard-attention { margin-bottom: 16px; padding: 18px; }
.dashboard-attention-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.dashboard-attention-head h3 { margin: 4px 0 0; font-size: 19px; }
.dashboard-attention-head > span { padding: 6px 10px; border-radius: 999px; background: rgba(244,191,89,.1); color: #f4cf7d; font-size: 11px; font-weight: 850; }
.attention-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 10px; }
.attention-grid button {
  min-height: 104px;
  padding: 13px;
  border: 1px solid rgba(244,191,89,.22);
  border-radius: 14px;
  background: rgba(244,191,89,.055);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}
.attention-grid button:hover { border-color: rgba(244,191,89,.55); background: rgba(244,191,89,.1); }
.attention-grid b, .attention-grid span, .attention-grid small { display: block; }
.attention-grid b { color: #f4cf7d; font-size: 22px; }
.attention-grid span { margin-top: 5px; font-size: 12px; font-weight: 800; line-height: 1.35; }
.attention-grid small { margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.dashboard-attention-empty { display: flex; align-items: center; gap: 12px; }
.dashboard-attention-empty > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(20,184,166,.12); color: var(--brand-3); font-weight: 900; }
.dashboard-attention-empty b, .dashboard-attention-empty small { display: block; }
.dashboard-attention-empty small { margin-top: 3px; color: var(--muted); }

.active-filter-row { display: flex; flex-wrap: wrap; gap: 7px; min-height: 0; margin: -2px 0 14px; }
.active-filter-row:empty { display: none; }
.active-filter-row button {
  appearance: none;
  border: 1px solid rgba(20,184,166,.28);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(20,184,166,.08);
  color: #d7f4ef;
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}
.active-filter-row button span { margin-left: 4px; color: var(--muted); }
.active-filter-row button.clear-all { border-color: var(--line); background: transparent; color: var(--muted); }
.collect-card.needs-review { border-color: rgba(244,191,89,.34); box-shadow: inset 0 0 0 1px rgba(244,191,89,.05); }
.review-badge { position: absolute; top: 42px; right: 10px; padding: 5px 8px; border-radius: 999px; background: rgba(244,191,89,.92); color: #152033; font-size: 10px; font-weight: 900; letter-spacing: .03em; text-transform: uppercase; }
.collect-tags { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 6px; }
.collect-tags span { padding: 4px 7px; border: 1px solid rgba(112,145,176,.2); border-radius: 999px; background: rgba(112,145,176,.08); color: #bfd0df; font-size: 10px; font-weight: 750; }

.report-range-presets { display: flex; flex-wrap: wrap; gap: 6px; }
.report-range-presets button { appearance: none; border: 1px solid var(--line); border-radius: 999px; padding: 7px 10px; background: transparent; color: var(--muted); font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.report-range-presets button.active { border-color: rgba(20,184,166,.52); background: rgba(20,184,166,.12); color: var(--brand-3); }

.mobile-action-backdrop { position: fixed; inset: 0; z-index: 1500; display: flex; align-items: flex-end; justify-content: center; padding: 16px; background: rgba(1,8,15,.66); opacity: 0; pointer-events: none; transition: opacity .18s ease; }
.mobile-action-backdrop.show { opacity: 1; pointer-events: auto; }
.mobile-action-sheet { width: min(520px, 100%); padding: 10px 12px 12px; border: 1px solid var(--line); border-radius: 22px; background: #0b1b2d; box-shadow: 0 24px 70px rgba(0,0,0,.46); transform: translateY(18px); transition: transform .18s ease; }
.mobile-action-backdrop.show .mobile-action-sheet { transform: translateY(0); }
.mobile-action-handle { width: 42px; height: 4px; margin: 1px auto 10px; border-radius: 999px; background: rgba(188,211,229,.25); }
.mobile-action-title { padding: 2px 5px 9px; font-size: 15px; font-weight: 900; }
.mobile-action-sheet > button:not(.mobile-action-cancel) { display: flex; align-items: center; gap: 12px; width: 100%; padding: 13px 10px; border: 0; border-top: 1px solid rgba(96,126,154,.15); background: transparent; color: var(--text); text-align: left; cursor: pointer; }
.mobile-action-sheet > button > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: rgba(20,184,166,.1); color: var(--brand-3); font-weight: 900; }
.mobile-action-sheet b, .mobile-action-sheet small { display: block; }
.mobile-action-sheet small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.mobile-action-cancel { width: 100%; margin-top: 8px; padding: 11px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); color: var(--muted); font: inherit; font-weight: 800; cursor: pointer; }

@media (max-width: 1100px) {
  .dashboard-quick-actions { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .attention-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .dashboard-quick-actions { grid-template-columns: 1fr 1fr; gap: 8px; }
  .dashboard-quick-actions button { min-height: 68px; padding: 11px; }
  .dashboard-quick-actions button[data-dashboard-action="mode"] { grid-column: 1 / -1; }
  .dashboard-quick-actions button > span { width: 34px; height: 34px; flex-basis: 34px; }
  .attention-grid { grid-template-columns: 1fr 1fr; }
  .toolbar-left { width: 100%; }
  .toolbar-left .select { flex: 1 1 calc(50% - 6px); min-width: 145px; }
  .report-filter-controls { align-items: flex-start; }
  .report-range-presets { width: 100%; }
  .report-range-presets button { flex: 1 1 auto; }
}
@media (min-width: 761px) {
  .mobile-action-backdrop { display: none; }
}

/* WarrantyVault V28 dashboard refinement */
.dashboard-topbar {
  margin-bottom: 14px;
}
.dashboard-topbar .page-sub {
  max-width: 620px;
}
.dashboard-kpi-grid .kpi {
  min-height: 112px;
  padding: 15px 16px;
}
.dashboard-kpi-grid .kpi-value {
  margin: 7px 0 5px;
  font-size: 25px;
}
.dashboard-kpi-grid .kpi-foot {
  line-height: 1.35;
}
.dashboard-attention-compact {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border-color: rgba(244, 191, 89, .22);
  background: linear-gradient(90deg, rgba(244,191,89,.07), rgba(9,23,39,.95) 46%);
}
.attention-compact-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 12px;
  background: rgba(244,191,89,.14);
  color: #f4cf7d;
  font-size: 19px;
  font-weight: 900;
}
.attention-compact-icon.complete {
  background: rgba(20,184,166,.12);
  color: var(--brand-3);
}
.attention-compact-copy {
  min-width: 0;
  flex: 1;
}
.attention-compact-copy b,
.attention-compact-copy span {
  display: block;
}
.attention-compact-copy b {
  color: #f3f7fb;
  font-size: 13px;
}
.attention-compact-copy span {
  margin-top: 4px;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
  gap: 16px;
}
.dashboard-panel-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.dashboard-range-select {
  width: auto;
  min-width: 128px;
  height: 34px;
  padding: 6px 30px 6px 10px;
  font-size: 11px;
}
.dashboard-performance-panel .bar-chart {
  min-height: 232px;
}
.dashboard-recent-panel .activity {
  padding-bottom: 8px;
}
.dashboard-recent-panel .activity-item:last-child {
  border-bottom: 0;
}
@media (max-width: 1250px) {
  .dashboard-lower-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .dashboard-topbar {
    margin-bottom: 10px;
  }
  .dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .dashboard-kpi-grid .kpi {
    min-height: 104px;
    padding: 13px;
  }
  .dashboard-kpi-grid .kpi-label {
    font-size: 10px;
  }
  .dashboard-kpi-grid .kpi-value {
    font-size: 22px;
  }
  .dashboard-kpi-grid .kpi-foot {
    font-size: 10px;
  }
  .dashboard-attention-compact {
    align-items: flex-start;
  }
  .attention-compact-copy span {
    white-space: normal;
  }
  .dashboard-panel-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .dashboard-range-select {
    flex: 1;
  }
}
@media (max-width: 430px) {
  .dashboard-kpi-grid {
    grid-template-columns: 1fr 1fr;
  }
  .dashboard-kpi-grid .kpi-value {
    font-size: 20px;
  }
  .dashboard-attention-compact .btn {
    align-self: center;
  }
}


/* V29 security */
.security-code-input{letter-spacing:.28em;font-variant-numeric:tabular-nums;text-align:center;font-size: 19px!important;font-weight:800}
.profile-security-panel{grid-column:span 2}.profile-security-block{margin:20px 20px 0;padding-top:20px;border-top:1px solid var(--line)}
.security-block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:13px}.security-block-head strong{display:block;font-size: 13px}.security-block-head p{margin:4px 0 0;color:var(--muted);font-size: 11px;line-height:1.5}
.security-inline-form{display:flex;align-items:end;gap:10px}.security-inline-form .form-group{flex:1;margin:0}.security-action-stack{padding:0}
.mfa-factor-list{display:grid;gap:8px;margin:0 0 12px}.mfa-factor-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(4,16,29,.28)}.mfa-factor-row strong{display:block;font-size: 12px}.mfa-factor-row small{display:block;margin-top:3px;color:var(--muted);font-size: 10px}.mfa-factor-row .btn{padding:8px 10px;font-size: 10px}.mfa-empty{padding:11px 12px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size: 11px;line-height:1.5}
.mfa-enrollment{margin-top:14px;padding:16px;border:1px solid rgba(20,184,166,.22);border-radius:15px;background:rgba(20,184,166,.045)}.mfa-setup-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start}.mfa-qr-wrap{padding:12px;border-radius:14px;background:#fff}.mfa-qr-wrap img{display:block;width:100%;height:auto}.mfa-setup-grid strong{display:block;font-size: 13px;margin-bottom:5px}.mfa-setup-grid p{color:var(--muted);font-size: 11px;line-height:1.55;margin:0 0 14px}.secret-copy-row{display:flex;align-items:center;gap:8px}.secret-copy-row code{flex:1;min-width:0;overflow-wrap:anywhere;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.2);color:#d9e7f4;font-size: 11px}.secret-copy-row .btn.icon{width:auto;min-width:54px}.mfa-code-row{margin-top:8px;align-items:center}.mfa-code-row .field{max-width:180px}.profile-mfa-note{border-color:rgba(180,156,255,.18);background:rgba(180,156,255,.05)}
.session-warning-backdrop{position:fixed;inset:0;z-index:2000;display:none;place-items:center;padding:20px;background:rgba(1,7,14,.78);backdrop-filter:blur(10px)}.session-warning-backdrop.show{display:grid}.session-warning-card{width:min(460px,100%);padding:24px;border:1px solid rgba(244,191,89,.25);border-radius:20px;background:linear-gradient(145deg,#0d1b2b,#081421);box-shadow:0 28px 90px rgba(0,0,0,.5)}.session-warning-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:15px;border-radius:14px;background:rgba(244,191,89,.12);font-size:23px}.session-warning-card h3{margin:5px 0 7px;font-size:22px}.session-warning-card p{margin:0;color:var(--muted);font-size: 12px;line-height:1.6}.session-warning-card p strong{color:#fff1bd;font-variant-numeric:tabular-nums}.session-warning-actions{display:flex;gap:10px;margin-top:20px}.session-warning-actions .btn{flex:1}
@media(max-width:850px){.profile-security-panel{grid-column:auto}}@media(max-width:650px){.security-block-head,.security-inline-form,.mfa-code-row,.session-warning-actions{flex-direction:column;align-items:stretch}.mfa-setup-grid{grid-template-columns:1fr}.mfa-qr-wrap{width:min(230px,100%);margin:0 auto}.mfa-code-row .field{max-width:none}.security-inline-form .btn,.mfa-code-row .btn{width:100%}}

/* V30 profile flow and final-factor security */
.profile-hero-compact {
  grid-template-columns: auto minmax(0,1fr) auto;
  padding: 18px 20px;
  margin-bottom: 14px;
}
.profile-hero-compact .profile-avatar-large {
  width: 64px;
  height: 64px;
  border-radius: 19px;
  font-size: 25px;
}
.profile-hero-status {
  display: grid;
  grid-template-columns: repeat(3,minmax(110px,1fr));
  gap: 8px;
}
.profile-hero-status > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(4,16,29,.3);
}
.profile-hero-status small {
  display: block;
  color: var(--muted);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .09em;
}
.profile-hero-status b {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-settings-shell {
  display: grid;
  grid-template-columns: 230px minmax(0,1fr);
  gap: 16px;
  align-items: start;
}
.profile-settings-nav {
  position: sticky;
  top: 16px;
  display: grid;
  gap: 6px;
  padding: 8px;
}
.profile-settings-nav-btn {
  appearance: none;
  width: 100%;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--muted);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
.profile-settings-nav-btn:hover {
  color: var(--text);
  background: rgba(255,255,255,.025);
}
.profile-settings-nav-btn.active {
  color: var(--text);
  border-color: rgba(20,184,166,.24);
  background: linear-gradient(135deg,rgba(20,184,166,.11),rgba(37,99,235,.06));
  box-shadow: inset 3px 0 0 var(--brand);
}
.profile-settings-nav-btn:active { transform: translateY(1px); }
.profile-settings-nav-btn b,
.profile-settings-nav-btn small { display: block; }
.profile-settings-nav-btn b { font-size: 12px; }
.profile-settings-nav-btn small { margin-top: 3px; font-size: 9.5px; line-height: 1.35; }
.profile-nav-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--brand);
  background: rgba(20,184,166,.08);
  font-size: 12px;
  font-weight: 900;
}
.profile-settings-content { min-width: 0; }
.profile-settings-section { display: none; }
.profile-settings-section.active { display: block; animation: profileSectionIn .18s ease; }
@keyframes profileSectionIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.profile-focused-panel { min-height: 420px; padding-bottom: 20px; }
.profile-focused-panel .panel-head { padding-bottom: 17px; }
.settings-group {
  margin: 0 20px;
  padding: 18px 0;
  border-top: 1px solid var(--line);
}
.settings-group:first-of-type { border-top: 0; padding-top: 0; }
.settings-group-last { padding-bottom: 0; }
.settings-group-heading,
.security-block-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.settings-group-heading strong,
.security-block-head strong { font-size: 13px; }
.settings-group-heading p,
.security-block-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.5;
}
.profile-form-contained { padding: 14px 0 0; }
.settings-inline-contained { margin-top: 14px; }
.settings-help {
  margin-top: 10px;
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.55;
}
.data-action-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  padding: 0 20px 20px;
}
.data-action-card {
  appearance: none;
  min-height: 94px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--text);
  background: rgba(255,255,255,.018);
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.data-action-card:hover {
  transform: translateY(-2px);
  border-color: rgba(20,184,166,.25);
  background: rgba(20,184,166,.045);
}
.data-action-card b,
.data-action-card small { display: block; }
.data-action-card b { font-size: 12px; }
.data-action-card small { margin-top: 7px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.profile-danger-zone {
  margin: 0 20px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255,122,138,.18);
  border-radius: 14px;
  background: rgba(255,122,138,.035);
}
.profile-danger-zone strong { font-size: 12px; }
.profile-danger-zone p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }

.profile-account-delete-zone { margin-top: 18px; }
.account-delete-summary { display: grid; gap: 14px; }
.account-delete-warning {
  padding: 15px;
  border: 1px solid rgba(255,122,138,.22);
  border-radius: 14px;
  background: rgba(255,122,138,.055);
  color: var(--text);
}
.account-delete-warning strong { display: block; margin-bottom: 7px; color: var(--red); font-size: 13px; }
.account-delete-warning p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.account-delete-list { margin: 0; padding-left: 20px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.account-delete-list b { color: var(--text); }
.account-delete-export { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel-2); }
.account-delete-export div { min-width: 0; }
.account-delete-export b, .account-delete-export small { display: block; }
.account-delete-export b { font-size: 11px; }
.account-delete-export small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.account-delete-confirm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.account-delete-confirm-grid .full { grid-column: 1 / -1; }
.account-delete-final-note { color: var(--muted); font-size: 10px; line-height: 1.5; }
@media (max-width: 620px) {
  .account-delete-confirm-grid { grid-template-columns: 1fr; }
  .account-delete-confirm-grid .full { grid-column: auto; }
  .account-delete-export { align-items: stretch; flex-direction: column; }
  .account-delete-export .btn { width: 100%; }
}
html[data-theme="light"] .account-delete-warning { color:#7f1d1d; border-color:rgba(220,38,38,.18); background:#fff7f7; }
.mfa-remove-backdrop {
  position: fixed;
  inset: 0;
  z-index: 240;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(1,7,13,.78);
  backdrop-filter: blur(9px);
}
.mfa-remove-backdrop.show { display: flex; }
.mfa-remove-card {
  width: min(430px,100%);
  padding: 22px;
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  background: linear-gradient(180deg,#11243a,#081626);
  box-shadow: var(--shadow);
}
.mfa-remove-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 14px;
  border-radius: 13px;
  color: var(--brand);
  background: rgba(20,184,166,.09);
  font-weight: 900;
}
.mfa-remove-card h3 { margin: 5px 0 7px; font-size: 19px; }
.mfa-remove-card > p { margin: 0 0 16px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.mfa-remove-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 16px; }

@media (max-width: 1020px) {
  .profile-hero-compact { grid-template-columns: auto minmax(0,1fr); }
  .profile-hero-status { grid-column: 1 / -1; }
  .profile-settings-shell { grid-template-columns: 200px minmax(0,1fr); }
  .data-action-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .profile-topbar .page-sub { max-width: 34rem; }
  .profile-hero-compact { grid-template-columns: 58px minmax(0,1fr); padding: 16px; }
  .profile-hero-compact .profile-avatar-large { width: 56px; height: 56px; border-radius: 17px; }
  .profile-hero-status { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
  .profile-hero-status > div { padding: 9px; }
  .profile-settings-shell { display: block; }
  .profile-settings-nav {
    position: static;
    display: flex;
    overflow-x: auto;
    gap: 7px;
    padding: 7px;
    margin-bottom: 12px;
    scrollbar-width: none;
  }
  .profile-settings-nav::-webkit-scrollbar { display: none; }
  .profile-settings-nav-btn {
    flex: 0 0 auto;
    width: auto;
    min-width: 132px;
    grid-template-columns: 24px auto;
    padding: 10px;
  }
  .profile-settings-nav-btn small { display: none; }
  .profile-nav-icon { width: 24px; height: 24px; }
  .profile-focused-panel { min-height: 0; }
  .profile-danger-zone { align-items: stretch; flex-direction: column; }
  .profile-danger-zone .btn { width: 100%; }
}
@media (max-width: 520px) {
  .profile-hero-status { grid-template-columns: 1fr; }
  .profile-hero-status > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .profile-hero-status b { margin-top: 0; }
  .settings-group-heading,
  .security-block-head { flex-direction: column; }
  .mfa-remove-actions { flex-direction: column-reverse; }
  .mfa-remove-actions .btn { width: 100%; }
}


/* WarrantyVault V31: branding and focused interface polish */
.brand-v31 { padding: 2px 5px 17px; gap: 11px; }
.brand-icon-logo { width: 46px; height: 46px; border-radius: 14px; background: #06131f; border-color: rgba(226,218,214,.2); }
.brand-icon-logo img { width: 46px; height: 46px; object-fit: cover; }
.brand-copy-v31 { min-width: 0; }
.brand-v31 .brand-name { font-size: 19px; letter-spacing: -.035em; }
.brand-v31 .brand-sub { font-size: 10px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar { padding-top: 16px; }
.sidebar .nav { gap: 4px; }
.sidebar .nav button { min-height: 43px; }

.mobile-brand-v31 { display:flex; align-items:center; gap:9px; font-size: 16px; font-weight:900; letter-spacing:-.035em; }
.mobile-brand-v31 img { width:36px; height:36px; border-radius:11px; object-fit:cover; border:1px solid rgba(226,218,214,.18); }
.mobile-brand-v31 span { white-space:nowrap; }

.auth-full-brand { align-items:center; gap:20px; }
.auth-full-logo { width:148px; height:148px; flex:0 0 148px; object-fit:cover; border-radius:28px; border:1px solid rgba(226,218,214,.2); box-shadow:0 22px 55px rgba(0,0,0,.35); }
.auth-product-name { font-size:29px; line-height:1; font-weight:950; letter-spacing:-.055em; }
.auth-product-sub { max-width:240px; margin-top:8px; color:var(--muted); font-size: 11px; line-height:1.45; }
.auth-compact-logo { width:54px; height:54px; border-radius:16px; object-fit:cover; border:1px solid rgba(226,218,214,.18); box-shadow:0 12px 32px rgba(0,0,0,.25); }
.auth-story { padding-top:clamp(30px,4vw,52px); }
.auth-copy { margin:42px 0 36px; }
.auth-copy h1 { font-size:clamp(36px,4.5vw,56px); }
.auth-benefits > div { padding:12px 13px; }
.auth-card { position:relative; }
.auth-card::before { content:""; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg,transparent,rgba(20,184,166,.38),transparent); }

/* WarrantyVault V34.14: keep collection action labels readable at laptop card widths */
.collection-grid:not(.list-view) .collect-action-strip > button,
.collection-grid:not(.list-view) .collect-action-strip > details > summary,
.list-view .collect-action-strip > button,
.list-view .collect-action-strip > details > summary {
  grid-template-columns:24px minmax(0,1fr);
  grid-template-areas:"icon title";
  min-height:48px;
  padding:7px;
  column-gap:6px;
}
.collection-grid .collect-action-icon { width:24px; height:24px; border-radius:7px; }
.collection-grid .collect-action-strip b {
  overflow:visible;
  font-size:10px;
  line-height:1.1;
  text-overflow:clip;
  white-space:nowrap;
}
.collection-grid .collect-action-strip small { display:none; }

/* WarrantyVault V34.14: logged-out experience refresh */
.auth-shell { width:min(1240px,100%); grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr); }
.auth-story {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 20px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.11), transparent 36%),
    linear-gradient(145deg, rgba(20,184,166,.08), rgba(37,99,235,.045));
}
.auth-copy { max-width: 700px; margin: 8px 0 0; }
.auth-copy h1 { max-width: 780px; margin: 12px 0 16px; }
.auth-copy p { max-width: 660px; }
.auth-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top: 2px; }
.auth-hero-btn { min-width: 180px; min-height: 50px; padding-inline: 18px; }
.auth-hero-actions .btn.ghost { border-color: rgba(148,163,184,.24); background: rgba(2,12,23,.22); }
.auth-value-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.auth-value-grid > div {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 18px;
  background: rgba(2,12,23,.22);
  box-shadow: inset 0 1px rgba(255,255,255,.02);
}
.auth-value-grid span,
.auth-plan-card span,
.auth-preview-head span,
.auth-preview-chart span,
.auth-preview-stats span { display:block; color: var(--brand-3); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.auth-value-grid strong { display:block; margin-top: 10px; font-size: 15px; line-height: 1.25; }
.auth-value-grid small { display:block; margin-top: 7px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.auth-preview-panel {
  padding: 18px;
  border: 1px solid rgba(148,163,184,.13);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(8,22,37,.72), rgba(4,14,25,.6));
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 22px 50px rgba(0,0,0,.15);
}
.auth-preview-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom: 16px; }
.auth-preview-head b { display:block; margin-top: 5px; font-size: 22px; letter-spacing: -.04em; }
.auth-preview-pills { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.auth-preview-pills small {
  padding: 6px 9px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  color: #d4deea;
  font-size: 10px;
  font-weight: 700;
}
.auth-preview-window {
  padding: 14px;
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(9,25,41,.98), rgba(6,17,29,.95));
}
.auth-preview-toolbar {
  display:flex;
  align-items:center;
  gap:7px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(148,163,184,.12);
}
.auth-preview-toolbar i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(148,163,184,.4);
}
.auth-preview-toolbar i:first-child { background: #f59e0b; }
.auth-preview-toolbar i:nth-child(2) { background: #14b8a6; }
.auth-preview-toolbar i:nth-child(3) { background: #3b82f6; }
.auth-preview-toolbar b { margin-left: 6px; font-size: 12px; }
.auth-preview-stats { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
.auth-preview-stats > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148,163,184,.11);
  border-radius: 14px;
  background: rgba(255,255,255,.03);
}
.auth-preview-stats b { display:block; margin-top: 7px; font-size: 18px; letter-spacing: -.04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.auth-preview-layout { display:grid; grid-template-columns: minmax(0,1.05fr) minmax(250px,.95fr); gap: 12px; margin-top: 12px; }
.auth-preview-chart,
.auth-preview-list {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148,163,184,.11);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
}
.auth-preview-bars { display:flex; align-items:flex-end; gap: 8px; height: 112px; margin: 16px 0 12px; }
.auth-preview-bars i {
  flex: 1 1 0;
  border-radius: 999px 999px 10px 10px;
  background: linear-gradient(180deg, rgba(45,212,191,.95), rgba(37,99,235,.88));
  box-shadow: 0 8px 20px rgba(37,99,235,.18);
}
.auth-preview-bars i:nth-child(1) { height: 36%; }
.auth-preview-bars i:nth-child(2) { height: 52%; }
.auth-preview-bars i:nth-child(3) { height: 47%; }
.auth-preview-bars i:nth-child(4) { height: 76%; }
.auth-preview-bars i:nth-child(5) { height: 63%; }
.auth-preview-bars i:nth-child(6) { height: 88%; }
.auth-preview-chart small { color: var(--muted); font-size: 11px; line-height: 1.5; }
.auth-preview-list { display:grid; gap: 10px; }
.auth-preview-list > div {
  padding: 12px;
  border: 1px solid rgba(148,163,184,.1);
  border-radius: 14px;
  background: rgba(255,255,255,.03);
}
.auth-preview-list b,
.auth-plan-card b { display:block; }
.auth-preview-list small,
.auth-plan-card small { display:block; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.auth-plan-row { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.auth-plan-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 18px;
  background: rgba(2,12,23,.2);
}
.auth-plan-card b { margin-top: 10px; font-size: 15px; }
.auth-plan-card.pro {
  border-color: rgba(20,184,166,.22);
  background: linear-gradient(145deg, rgba(20,184,166,.07), rgba(37,99,235,.05));
}
.auth-card { justify-content: center; }

@media (max-width: 1180px) {
  .auth-shell { grid-template-columns: minmax(0,1fr) minmax(360px,.9fr); }
  .auth-value-grid { grid-template-columns: 1fr; }
  .auth-preview-layout { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .auth-shell { display:block; }
  .auth-story { gap: 16px; }
  .auth-copy p { display: block; font-size: 14px; }
  .auth-hero-actions { margin-top: 0; }
  .auth-preview-head { flex-direction: column; }
  .auth-preview-pills { justify-content: flex-start; }
  .auth-preview-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .auth-plan-row { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  .auth-shell { display:block; min-height:100dvh; }
  .auth-story { padding: 22px 20px 18px; }
  .auth-copy { margin-top: 0; }
  .auth-copy h1 { font-size:33px; line-height:1.02; }
  .auth-copy p { display: block; font-size: 13px; line-height: 1.62; }
  .auth-hero-actions { display: grid; grid-template-columns: 1fr; }
  .auth-hero-btn { width: 100%; }
  .auth-value-grid { gap: 10px; }
  .auth-value-grid > div { padding: 14px; border-radius: 16px; }
  .auth-preview-panel,
  .auth-plan-row { display:none; }
  .auth-card { padding: 24px 20px max(34px,env(safe-area-inset-bottom)); }
}

.dashboard-welcome-v32 { position:relative; overflow:hidden; min-height:154px; padding:25px 28px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(135deg,rgba(11,34,52,.94),rgba(6,18,31,.94)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.dashboard-welcome-v32::after { content:""; position:absolute; width:330px; height:330px; right:-160px; top:-190px; border-radius:50%; background:rgba(20,184,166,.08); pointer-events:none; }
.dashboard-welcome-copy { position:relative; z-index:1; max-width:720px; padding-right:145px; }
.dashboard-welcome-v32 .page-title { margin-top:7px; font-size:clamp(29px,3vw,42px); }
.dashboard-welcome-v32 .page-sub { max-width:670px; line-height:1.55; }
.dashboard-brand-visual { position:absolute; z-index:1; right:22px; top:50%; width:118px; height:118px; transform:translateY(-50%); border-radius:25px; overflow:hidden; border:1px solid rgba(226,218,214,.2); box-shadow:0 18px 45px rgba(0,0,0,.32); opacity:.92; }
.dashboard-brand-visual img { width:100%; height:100%; object-fit:cover; }
.dashboard-quick-actions { margin-top:14px; }
.dashboard-quick-actions button { min-height:72px; border-radius:15px; }
.dashboard-kpi-grid .kpi { border-radius:17px; }
.starter-panel-v31 { border-color:rgba(20,184,166,.22); background:linear-gradient(135deg,rgba(20,184,166,.075),rgba(7,22,38,.88)); }

.polished-empty { min-height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:26px; text-align:center; border:1px dashed rgba(148,163,184,.22); border-radius:17px; background:linear-gradient(145deg,rgba(12,29,47,.52),rgba(6,18,30,.38)); }
.polished-empty .empty-icon { display:grid; place-items:center; width:44px; height:44px; margin:0 auto 11px; border-radius:14px; background:rgba(20,184,166,.09); color:var(--brand-3); font-size:20px; }
.polished-empty strong { font-size: 15px; }
.polished-empty .btn { margin-top:2px; }
.dashboard-empty-state { min-height:220px; }
.collection-empty-v31 { min-height:300px; }
.inventory-empty-v31 { min-height:175px; }

.purchase-mode-panel { border-color:rgba(20,184,166,.26); box-shadow:inset 0 1px rgba(255,255,255,.025), 0 15px 40px rgba(0,0,0,.11); }
.purchase-intent-card { display:flex; gap:11px; align-items:center; padding:12px 13px; border:1px solid rgba(20,184,166,.2); border-radius:13px; background:rgba(20,184,166,.055); }
.purchase-intent-card > span { display:inline-flex; padding:5px 8px; border-radius:999px; color:#06131e; background:var(--brand-3); font-size: 9px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.purchase-intent-card div { display:grid; gap:3px; }
.purchase-intent-card strong { font-size: 12px; }
.purchase-intent-card small { color:var(--muted); font-size: 10px; line-height:1.4; }
.purchase-collection-toggle { display:flex; gap:11px; align-items:flex-start; padding:13px; border:1px solid var(--line); border-radius:13px; background:rgba(148,163,184,.035); cursor:pointer; }
.purchase-collection-toggle input { margin-top:3px; accent-color:var(--brand-3); }
.purchase-collection-toggle span { display:grid; gap:3px; }
.purchase-collection-toggle strong { font-size: 12px; }
.purchase-collection-toggle small { color:var(--muted); font-size: 10px; line-height:1.45; }
.purchase-collection-toggle:has(input:checked) { border-color:rgba(20,184,166,.35); background:rgba(20,184,166,.065); }

.ocr-result-lead { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 7px; }
.ocr-result-lead strong { color:#69ef9d; }
.ocr-result-lead span { color:#d7e1eb; }
.ocr-review-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; }
.ocr-review-grid > div { min-width:0; padding:10px; border:1px solid var(--line); border-radius:12px; background:rgba(7,22,38,.62); }
.ocr-review-grid span,.ocr-review-grid b,.ocr-review-grid small { display:block; overflow:hidden; text-overflow:ellipsis; }
.ocr-review-grid span { color:var(--muted); font-size: 9px; text-transform:uppercase; letter-spacing:.09em; }
.ocr-review-grid b { margin-top:5px; color:#f0f6fb; font-size: 13px; white-space:nowrap; }
.ocr-review-grid small { margin-top:4px; font-size: 9px; white-space:nowrap; }
.ocr-review-grid .confirmed { border-color:rgba(20,184,166,.2); }
.ocr-review-grid .confirmed small { color:#76dfc8; }
.ocr-review-grid .review { border-color:rgba(244,191,89,.3); background:rgba(244,191,89,.045); }
.ocr-review-grid .review small { color:#f4cf7d; }
.ocr-review-grid .missing { border-color:rgba(255,122,138,.2); background:rgba(255,122,138,.035); }
.ocr-review-grid .missing small { color:#f0a5af; }
.ocr-field-warning { border-radius:13px; }
.ocr-player-review { border-radius:13px; }

.profile-settings-nav { padding:8px; gap:4px; }
.profile-settings-nav-btn { min-height:56px; padding:9px 10px; }
.profile-settings-nav-btn small { margin-top:2px; }
.profile-focused-panel { border-radius:18px; }
.profile-danger-zone { border-width:1px; }

@media (max-width:900px) {
  .auth-full-logo { width:112px; height:112px; flex-basis:112px; border-radius:23px; }
  .auth-product-name { font-size:25px; }
  .auth-copy { margin:28px 0 20px; }
}
@media (max-width:760px) {
  .dashboard-welcome-v32 { min-height:128px; padding:20px; }
  .dashboard-welcome-copy { padding-right:86px; }
  .dashboard-brand-visual { width:72px; height:72px; right:17px; border-radius:18px; }
  .dashboard-welcome-v32 .page-title { font-size:27px; }
  .dashboard-welcome-v32 .page-sub { font-size: 11px; }
  .ocr-review-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:540px) {
  .auth-full-brand { gap:13px; }
  .auth-full-logo { width:82px; height:82px; flex-basis:82px; border-radius:19px; }
  .auth-product-name { font-size:22px; }
  .auth-product-sub { font-size: 10px; }
  .auth-copy { margin:18px 0 4px; }
  .auth-copy h1 { font-size:31px; }
  .dashboard-welcome-copy { padding-right:0; }
  .dashboard-brand-visual { display:none; }
  .dashboard-welcome-v32 { min-height:auto; }
  .polished-empty { min-height:170px; padding:21px 16px; }
  .purchase-intent-card { align-items:flex-start; flex-direction:column; }
}


/* WarrantyVault V32: show mode, fast workflows, timeline, OCR confidence, and recovery */
body.show-mode-active { overflow: hidden; }
.show-mode-nav-btn { color: #dffcf6 !important; border-color: rgba(20,184,166,.16) !important; background: rgba(20,184,166,.045) !important; }
.show-mode-shell { position: fixed; inset: 0; z-index: 1400; display: none; overflow-y: auto; color: var(--text); background: radial-gradient(circle at 20% 0%, rgba(20,184,166,.13), transparent 34%), linear-gradient(145deg,#07111f,#091a2b 55%,#06111d); }
.show-mode-shell.show { display: block; }
.show-mode-glow { position: fixed; width: 420px; height: 420px; border-radius: 50%; filter: blur(80px); opacity: .16; pointer-events: none; }
.show-mode-glow-one { top: -180px; right: -110px; background: #14b8a6; }
.show-mode-glow-two { bottom: -230px; left: -130px; background: #2563eb; }
.show-mode-header { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 78px; padding: 14px clamp(18px,4vw,54px); border-bottom: 1px solid rgba(148,163,184,.14); background: rgba(5,16,28,.86); backdrop-filter: blur(18px); }
.show-mode-brand { display: flex; align-items: center; gap: 11px; }
.show-mode-brand img { width: 48px; height: 48px; border-radius: 14px; object-fit: cover; border: 1px solid rgba(226,218,214,.18); }
.show-mode-brand div { display: grid; gap: 2px; }
.show-mode-brand span { font-size: 18px; font-weight: 950; letter-spacing: -.04em; }
.show-mode-brand small { color: var(--brand-3); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.show-mode-header-actions { display: flex; align-items: center; gap: 10px; }
.show-mode-header-actions .select { width: min(340px,38vw); }
.show-mode-main { position: relative; z-index: 1; width: min(1320px,calc(100% - 36px)); margin: 0 auto; padding: clamp(26px,4vw,54px) 0 60px; }
.show-mode-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.show-mode-hero h1 { margin: 7px 0 6px; font-size: clamp(34px,5vw,64px); line-height: 1; letter-spacing: -.055em; }
.show-mode-hero p { max-width: 720px; color: var(--muted); }
.show-mode-clock { flex: 0 0 auto; color: #dce8f2; font-size: clamp(21px,3vw,34px); font-weight: 900; letter-spacing: -.045em; }
.show-mode-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 25px; }
.show-mode-stat { min-width: 0; padding: 17px 18px; border: 1px solid rgba(148,163,184,.15); border-radius: 17px; background: rgba(11,31,49,.72); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.show-mode-stat span,.show-mode-stat b,.show-mode-stat small { display: block; }
.show-mode-stat span { color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.show-mode-stat b { margin-top: 8px; font-size: clamp(22px,3vw,34px); letter-spacing: -.045em; }
.show-mode-stat small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.show-mode-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 18px; }
.show-mode-action { min-height: 190px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 6px; padding: 22px; border: 1px solid rgba(148,163,184,.17); border-radius: 22px; color: var(--text); text-align: left; background: linear-gradient(145deg,rgba(14,39,61,.95),rgba(7,21,35,.92)); box-shadow: 0 20px 48px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.035); cursor: pointer; transition: transform .15s ease,border-color .15s ease,background .15s ease; }
.show-mode-action:hover { transform: translateY(-3px); border-color: rgba(20,184,166,.4); }
.show-mode-action > span { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: auto; border-radius: 15px; font-size: 24px; font-weight: 950; background: rgba(20,184,166,.1); color: var(--brand-3); }
.show-mode-action b { font-size: 18px; }
.show-mode-action small { color: var(--muted); font-size: 11px; }
.show-mode-action.sale > span { color: #8ebdff; background: rgba(37,99,235,.12); }
.show-mode-action.expense > span { color: #f4cf7d; background: rgba(244,191,89,.1); }
.show-mode-inventory-panel { margin-top: 20px; padding: 18px; border: 1px solid rgba(148,163,184,.14); border-radius: 21px; background: rgba(6,18,31,.72); }
.show-mode-section-head { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 13px; }
.show-mode-section-head div { display: grid; gap: 2px; }
.show-mode-section-head span { font-weight: 900; }
.show-mode-section-head small { color: var(--muted); font-size: 10px; }
.show-mode-inventory { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.show-mode-inventory-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 13px 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(12,31,49,.72); }
.show-mode-inventory-card > div { min-width: 0; }
.show-mode-inventory-card strong,.show-mode-inventory-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.show-mode-inventory-card strong { font-size: 12px; }
.show-mode-inventory-card small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.show-mode-empty { grid-column: 1/-1; padding: 24px; color: var(--muted); text-align: center; }

.whats-new-backdrop { position: fixed; inset: 0; z-index: 1600; display: none; align-items: center; justify-content: center; padding: 18px; background: rgba(1,8,15,.82); backdrop-filter: blur(12px); }
.whats-new-backdrop.show { display: flex; }
.whats-new-card { position: relative; width: min(760px,100%); max-height: calc(100vh - 36px); overflow-y: auto; padding: clamp(24px,4vw,38px); border: 1px solid rgba(20,184,166,.25); border-radius: 25px; background: linear-gradient(145deg,#0c2235,#071522); box-shadow: 0 32px 100px rgba(0,0,0,.48); }
.whats-new-badge { position: absolute; top: 22px; right: 22px; padding: 7px 10px; border-radius: 999px; color: #06131f; background: var(--brand-3); font-size: 11px; font-weight: 950; }
.whats-new-card h2 { margin: 8px 0 8px; font-size: clamp(29px,4vw,42px); letter-spacing: -.05em; }
.whats-new-card > p { max-width: 610px; color: var(--muted); }
.whats-new-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 22px 0 18px; }
.whats-new-grid > div { display: grid; grid-template-columns: 38px 1fr; column-gap: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: rgba(6,18,31,.54); }
.whats-new-grid span { grid-row: 1/3; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: var(--brand-3); background: rgba(20,184,166,.09); font-weight: 950; }
.whats-new-grid b { font-size: 12px; }
.whats-new-grid small { margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.whats-new-check { margin: 4px 0 17px; }
.whats-new-card > .btn { width: 100%; min-height: 46px; }

@media (max-width: 700px) {
  .whats-new-backdrop {
    align-items: stretch;
    padding: 12px;
  }
  .whats-new-card {
    max-height: calc(100dvh - 24px);
    padding: 24px 20px max(16px, env(safe-area-inset-bottom));
  }
  .whats-new-grid {
    grid-template-columns: 1fr;
    gap: 9px;
    margin: 18px 0 12px;
  }
  .whats-new-check {
    margin-bottom: 10px;
  }
  .whats-new-card > .btn {
    position: sticky;
    bottom: 0;
    z-index: 2;
    box-shadow: 0 -12px 28px rgba(7,21,34,.78), 0 12px 26px rgba(37,99,235,.2);
  }
}

@media (max-width: 430px) {
  .whats-new-badge {
    top: 18px;
    right: 18px;
  }
  .whats-new-card h2 {
    padding-right: 62px;
    font-size: 28px;
    line-height: 1.08;
  }
  .whats-new-card > p {
    font-size: 14px;
    line-height: 1.55;
  }
  .whats-new-grid > div {
    grid-template-columns: 34px 1fr;
    padding: 11px;
  }
  .whats-new-grid span {
    width: 34px;
    height: 34px;
  }
  .whats-new-grid small {
    font-size: 10px;
  }
}

.timeline-list { display: grid; gap: 0; }
.timeline-event { position: relative; display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding-bottom: 18px; }
.timeline-event:not(:last-child)::after { content: ""; position: absolute; left: 16px; top: 34px; bottom: 0; width: 1px; background: rgba(148,163,184,.2); }
.timeline-dot { position: relative; z-index: 1; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(20,184,166,.25); border-radius: 12px; color: var(--brand-3); background: #0a2133; font-size: 13px; font-weight: 900; }
.timeline-copy { min-width: 0; padding-top: 1px; }
.timeline-copy strong { display: block; font-size: 12px; }
.timeline-copy span { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.timeline-copy time { display: block; margin-top: 5px; color: #7890a5; font-size: 9px; }
.timeline-empty { padding: 28px 10px; color: var(--muted); text-align: center; }

.ocr-confidence { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin: 12px 0 2px; padding: 11px 12px; border: 1px solid rgba(20,184,166,.18); border-radius: 13px; background: rgba(20,184,166,.045); }
.ocr-confidence > span { font-size: 10px; font-weight: 900; }
.ocr-confidence-track { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(148,163,184,.14); }
.ocr-confidence-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#2563eb,#14b8a6); }
.ocr-confidence b { font-size: 14px; }
.ocr-confidence.medium { border-color: rgba(244,191,89,.24); background: rgba(244,191,89,.045); }
.ocr-confidence.low { border-color: rgba(255,122,138,.22); background: rgba(255,122,138,.04); }

.sale-profit-preview { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding: 12px; border: 1px solid rgba(20,184,166,.2); border-radius: 14px; background: rgba(20,184,166,.045); }
.sale-profit-preview div { min-width: 0; }
.sale-profit-preview span,.sale-profit-preview b { display: block; }
.sale-profit-preview span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.sale-profit-preview b { margin-top: 4px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
.quick-workflow-note { grid-column: 1/-1; padding: 10px 12px; border-radius: 12px; color: #b9cad8; background: rgba(37,99,235,.07); font-size: 10px; line-height: 1.5; }

.toast { pointer-events: auto; }
.toast-action-btn { align-self: center; margin-left: auto; padding: 7px 9px; border: 1px solid rgba(20,184,166,.28); border-radius: 9px; color: var(--brand-3); background: rgba(20,184,166,.07); font: inherit; font-size: 10px; font-weight: 900; cursor: pointer; }
.draft-restored-banner { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; padding: 11px 12px; border: 1px solid rgba(37,99,235,.22); border-radius: 13px; color: #cbd9e6; background: rgba(37,99,235,.06); font-size: 10px; }
.keyboard-hint { color: var(--muted); font-size: 9px; }

@media (max-width: 980px) {
  .show-mode-stats,.show-mode-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .show-mode-inventory { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .show-mode-header { align-items: stretch; flex-direction: column; padding: 12px 16px; }
  .show-mode-header-actions { width: 100%; }
  .show-mode-header-actions .select { width: 100%; }
  .show-mode-header-actions .btn { white-space: nowrap; }
  .show-mode-main { width: min(100% - 24px,1320px); padding-top: 24px; }
  .show-mode-hero { align-items: flex-start; flex-direction: column; }
  .show-mode-clock { order: -1; font-size: 18px; }
  .show-mode-actions { grid-template-columns: 1fr 1fr; gap: 10px; }
  .show-mode-action { min-height: 150px; padding: 17px; }
  .show-mode-inventory { grid-template-columns: 1fr; }
  .whats-new-grid { grid-template-columns: 1fr; }
  .sale-profit-preview { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 460px) {
  .show-mode-stats { grid-template-columns: 1fr 1fr; }
  .show-mode-stat { padding: 13px; }
  .show-mode-action { min-height: 137px; }
  .show-mode-action > span { width: 40px; height: 40px; font-size: 20px; }
  .show-mode-action b { font-size: 15px; }
  .show-mode-action small { font-size: 9px; }
  .show-mode-section-head { align-items: flex-start; flex-direction: column; }
}
.show-mode-active .modal-backdrop { z-index: 1500; }
.show-mode-active .toast-wrap { z-index: 1550; }


/* WarrantyVault V32 update: direct purchases and secure PSA certification lookup */
.quick-psa-lookup {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(207, 34, 46, .28);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(207, 34, 46, .09), rgba(37, 99, 235, .07));
}
.quick-psa-lookup > div:first-child { display: grid; gap: 4px; }
.quick-psa-lookup strong { font-size: .95rem; }
.quick-psa-lookup small { color: var(--muted); line-height: 1.45; }
.field-action-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.psa-lookup-status { min-height: 18px; color: var(--muted); font-size: .78rem; }
.psa-lookup-status.loading { color: #8bb8ff; }
.psa-lookup-status.success { color: #68d8b9; }
.psa-lookup-status.error { color: #ff8d94; }
.psa-lookup-result.hidden { display: none; }
.psa-result-card {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 11px;
  border-radius: 13px;
  background: rgba(8, 14, 28, .42);
  border: 1px solid rgba(255,255,255,.08);
}
.psa-result-card img, .psa-preview-placeholder {
  width: 82px;
  height: 104px;
  object-fit: contain;
  border-radius: 9px;
  background: rgba(255,255,255,.06);
}
.psa-preview-placeholder { display: grid; place-items: center; font-weight: 900; color: #e7454f; letter-spacing: .08em; }
.psa-result-card > div { display: grid; gap: 4px; min-width: 0; }
.psa-result-card strong { white-space: normal; }
.psa-result-card span, .psa-result-card small { color: var(--muted); font-size: .77rem; }
.psa-result-card a { width: fit-content; color: #8bb8ff; font-size: .77rem; text-decoration: none; font-weight: 750; }
.psa-result-card a:hover { text-decoration: underline; }
.quick-purchase-image-preview {
  margin-top: 10px;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 13px;
  background: rgba(8, 14, 28, .34);
}
.quick-purchase-image-preview.hidden { display: none; }
.quick-purchase-image-preview img {
  width: 84px;
  height: 108px;
  object-fit: contain;
  border-radius: 9px;
  background: rgba(255,255,255,.05);
}
.purchase-destination-note {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border: 1px solid rgba(20,184,166,.22);
  border-radius: 13px;
  background: rgba(20,184,166,.07);
}
.purchase-destination-note small { color: var(--muted); }
@media (max-width: 620px) {
  .field-action-row { grid-template-columns: 1fr; }
  .field-action-row .btn { width: 100%; }
  .psa-result-card { grid-template-columns: 68px minmax(0, 1fr); }
  .psa-result-card img, .psa-preview-placeholder { width: 68px; height: 88px; }
}

.dashboard-psa-status {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding: 15px 17px;
  overflow: hidden;
  position: relative;
}
.dashboard-psa-status::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--brand);
}
.dashboard-psa-status.limited::after { background: var(--amber); }
.dashboard-psa-status.used::after { background: var(--brand-2); }
.dashboard-psa-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg,#d51f35,#8c1322);
  box-shadow: inset 0 1px rgba(255,255,255,.2),0 9px 24px rgba(207,34,46,.22);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .08em;
}
.dashboard-psa-status > div:nth-child(2) { min-width: 0; }
.dashboard-psa-status > div:nth-child(2) b,
.dashboard-psa-status > div:nth-child(2) span { display: block; }
.dashboard-psa-status > div:nth-child(2) b { font-size: 14px; }
.dashboard-psa-status > div:nth-child(2) span { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }

.psa-status-row { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.psa-status-row > small { color: var(--muted); font-size: 9px; }
.psa-quota-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid rgba(20,184,166,.2);
  border-radius: 999px;
  color: #bfeee5;
  background: rgba(20,184,166,.07);
  font-size: 9px;
  line-height: 1;
  width: fit-content;
}
.psa-quota-badge > span {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 4px rgba(20,184,166,.1);
}
.psa-quota-badge.limited { color: #f7d58e; border-color: rgba(244,191,89,.25); background: rgba(244,191,89,.07); }
.psa-quota-badge.limited > span { background: var(--amber); box-shadow: 0 0 0 4px rgba(244,191,89,.1); }
.psa-quota-badge.used { color: #a9caff; border-color: rgba(37,99,235,.25); background: rgba(37,99,235,.07); }
.psa-quota-badge.used > span { background: var(--brand-2); box-shadow: 0 0 0 4px rgba(37,99,235,.1); }
.psa-cert-actions { grid-template-columns: minmax(150px,1fr) auto auto; }

.photo-side-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 14px 0 10px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(4,13,23,.45);
}
.photo-side-tabs.compact { margin: 0 0 10px; }
.photo-side-tab {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #aebed0;
  background: transparent;
  text-align: left;
  transition: background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.photo-side-tab:hover { color: #fff; background: rgba(255,255,255,.035); }
.photo-side-tab.active { color: #fff; border-color: rgba(20,184,166,.25); background: linear-gradient(135deg,rgba(20,184,166,.13),rgba(37,99,235,.07)); }
.photo-side-tab span { font-weight: 850; font-size: 11px; }
.photo-side-tab small { color: var(--muted); font-size: 9px; }
.photo-side-tab.active small { color: var(--brand-3); }
.photo-workbench-tools,.modal-photo-actions {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 13px;
  background: rgba(4,13,23,.86);
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
}
.photo-workbench-tools.hidden,.modal-photo-actions.hidden { display: none; }
.photo-cover-badge,.photo-cover-label {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  padding: 6px 9px;
  border-radius: 999px;
  color: #06131f;
  background: var(--brand-3);
  font-size: 9px;
  font-weight: 950;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
}
.modal-photo-workbench { position: relative; }
.quick-purchase-image-preview { position: relative; justify-content: center; min-height: 150px; }
.quick-purchase-image-preview img { width: min(210px,100%); height: 210px; object-fit: contain; }
.modal-photo-actions { position: static; margin-top: 10px; background: rgba(4,13,23,.55); box-shadow: none; }

.barcode-scanner-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2200;
  display: grid;
  place-items: center;
  padding: 18px;
  opacity: 0;
  visibility: hidden;
  background: rgba(1,7,13,.9);
  backdrop-filter: blur(16px);
  transition: opacity .18s ease,visibility .18s ease;
}
.barcode-scanner-backdrop.show { opacity: 1; visibility: visible; }
.barcode-scanner-dialog {
  width: min(580px,100%);
  max-height: calc(100vh - 36px);
  overflow-y: auto;
  padding: 20px;
  border: 1px solid rgba(20,184,166,.25);
  border-radius: 24px;
  background: linear-gradient(145deg,#0d2235,#071521);
  box-shadow: 0 36px 110px rgba(0,0,0,.55);
  transform: translateY(10px) scale(.985);
  transition: transform .18s ease;
}
.barcode-scanner-backdrop.show .barcode-scanner-dialog { transform: translateY(0) scale(1); }
.barcode-scanner-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.barcode-scanner-head h3 { margin: 4px 0 5px; font-size: 22px; letter-spacing: -.035em; }
.barcode-scanner-head p { margin: 0; color: var(--muted); font-size: 11px; }
.barcode-video-wrap {
  position: relative;
  min-height: 320px;
  margin: 17px 0 12px;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 19px;
  background: #020910;
}
.barcode-video-wrap video { display: block; width: 100%; min-height: 320px; object-fit: cover; }
.barcode-frame {
  position: absolute;
  inset: 18% 10%;
  border: 2px solid rgba(120,232,211,.8);
  border-radius: 18px;
  box-shadow: 0 0 0 999px rgba(0,0,0,.32),0 0 30px rgba(20,184,166,.24);
}
.barcode-frame::before,.barcode-frame::after,.barcode-frame span::before,.barcode-frame span::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  border-color: #fff;
  border-style: solid;
}
.barcode-frame::before { top: -2px; left: -2px; border-width: 3px 0 0 3px; border-radius: 12px 0 0 0; }
.barcode-frame::after { top: -2px; right: -2px; border-width: 3px 3px 0 0; border-radius: 0 12px 0 0; }
.barcode-frame span::before { bottom: -2px; left: -2px; border-width: 0 0 3px 3px; border-radius: 0 0 0 12px; }
.barcode-frame span::after { bottom: -2px; right: -2px; border-width: 0 3px 3px 0; border-radius: 0 0 12px 0; }
.barcode-scan-status { min-height: 20px; color: #c7d5e3; font-size: 11px; text-align: center; }
.barcode-scan-actions { display: flex; justify-content: center; gap: 9px; margin-top: 12px; }
.barcode-scanner-dialog > .field-help { display: block; margin-top: 12px; text-align: center; }

.workflow-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(4,13,23,.45);
}
.workflow-switch button {
  min-height: 38px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--muted);
  background: transparent;
  font-weight: 850;
  font-size: 10px;
}
.workflow-switch button.active { color: #fff; border-color: rgba(20,184,166,.22); background: rgba(20,184,166,.1); }
.bulk-purchase-shared { padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: rgba(6,18,31,.42); }
.bulk-purchase-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin: 20px 0 10px; }
.bulk-purchase-head strong,.bulk-purchase-head small { display: block; }
.bulk-purchase-head strong { font-size: 14px; }
.bulk-purchase-head small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.bulk-purchase-head > div:last-child { display: flex; gap: 8px; }
.bulk-card-list { display: grid; gap: 10px; }
.bulk-card-row {
  position: relative;
  display: grid;
  grid-template-columns: 31px minmax(0,1fr) 30px;
  gap: 10px;
  align-items: start;
  padding: 13px 11px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 16px;
  background: rgba(8,24,39,.58);
  transition: border-color .16s ease,transform .16s ease,background .16s ease;
}
.bulk-card-row:focus-within { border-color: rgba(20,184,166,.34); background: rgba(10,31,49,.72); transform: translateY(-1px); }
.bulk-row-number { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 10px; color: var(--brand-3); background: rgba(20,184,166,.09); font-size: 10px; font-weight: 950; }
.bulk-row-fields { display: grid; grid-template-columns: minmax(220px,2fr) repeat(5,minmax(95px,1fr)); gap: 9px; }
.bulk-row-fields .form-group { margin: 0; }
.bulk-row-fields label { font-size: 9px; }
.bulk-row-fields .field,.bulk-row-fields .select { min-height: 38px; padding: 8px 9px; font-size: 10px; }
.bulk-row-remove { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(255,122,138,.2); border-radius: 9px; color: #ff9ca7; background: rgba(255,122,138,.06); font-weight: 900; }
.bulk-row-remove:hover { background: rgba(255,122,138,.12); }
.bulk-allocation-summary {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(20,184,166,.18);
  border-radius: 15px;
  background: rgba(20,184,166,.045);
}
.bulk-allocation-summary > div { padding: 4px 8px; min-width: 0; }
.bulk-allocation-summary span,.bulk-allocation-summary b { display: block; }
.bulk-allocation-summary span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.bulk-allocation-summary b { margin-top: 5px; font-size: 13px; }

.data-quality-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.data-quality-head > span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: #f4d488; background: rgba(244,191,89,.09); font-size: 9px; font-weight: 900; }
.data-quality-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.data-quality-grid button {
  appearance: none;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 13px;
  color: var(--text);
  background: rgba(6,18,31,.45);
  text-align: left;
  transition: transform .16s ease,border-color .16s ease,background .16s ease;
}
.data-quality-grid button:hover { transform: translateY(-2px); border-color: rgba(20,184,166,.27); background: rgba(9,28,45,.7); }
.quality-count { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: #f7d58e; background: rgba(244,191,89,.09); font-size: 13px; font-weight: 950; }
.data-quality-grid button > div { min-width: 0; }
.data-quality-grid b,.data-quality-grid small { display: block; overflow: hidden; text-overflow: ellipsis; }
.data-quality-grid b { font-size: 10px; white-space: nowrap; }
.data-quality-grid small { margin-top: 3px; color: var(--muted); font-size: 9px; white-space: nowrap; }
.data-quality-grid i { color: var(--muted); font-style: normal; }
.data-quality-complete { display: flex; align-items: center; gap: 12px; padding: 5px 0; }
.data-quality-complete > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: var(--brand-3); background: rgba(20,184,166,.1); font-weight: 950; }
.data-quality-complete b,.data-quality-complete small { display: block; }
.data-quality-complete small { margin-top: 4px; color: var(--muted); font-size: 10px; }

.sale-profit-preview {
  display: block;
  padding: 0;
  overflow: hidden;
  border-color: rgba(20,184,166,.24);
  background: linear-gradient(145deg,rgba(20,184,166,.075),rgba(37,99,235,.045));
}
.sale-preview-card { display: grid !important; grid-template-columns: 48px minmax(0,1fr); gap: 10px; align-items: center; padding: 11px 12px; border-bottom: 1px solid rgba(148,163,184,.13); }
.sale-preview-card > img,.sale-preview-card > span { width: 48px; height: 58px; border-radius: 9px; object-fit: contain; background: rgba(255,255,255,.055); }
.sale-preview-card > span { display: grid; place-items: center; color: var(--brand-3); font-size: 11px; font-weight: 950; }
.sale-preview-card small,.sale-preview-card strong,.sale-preview-card em { display: block; }
.sale-preview-card small { color: var(--brand-3); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.sale-preview-card strong { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.sale-preview-card em { margin-top: 4px; color: var(--muted); font-size: 9px; font-style: normal; }
.sale-preview-metrics { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; }
.sale-preview-metrics > div { padding: 10px 11px; border-right: 1px solid rgba(148,163,184,.1); }
.sale-preview-metrics > div:last-child { border-right: 0; }
.sale-preview-metrics span { font-size: 9px; }
.sale-preview-metrics b { font-size: 12px; }

/* Small interaction and accessibility refinements */
.btn,.action,.nav-btn,.photo-side-tab,.workflow-switch button,.data-quality-grid button,.bulk-row-remove { -webkit-tap-highlight-color: transparent; }
.btn,.action,.field,.select,textarea,.photo-side-tab,.workflow-switch button { transition: border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline: 2px solid var(--brand-3);
  outline-offset: 2px;
}
.btn:active,.action:active,.photo-side-tab:active,.workflow-switch button:active { transform: translateY(1px); }
.field::placeholder,textarea::placeholder { color: #60758a; }
.modal-actions { position: sticky; bottom: 0; z-index: 4; background: linear-gradient(to top,#0a1a2b 74%,rgba(10,26,43,0)); }

@media (max-width: 1180px) {
  .bulk-row-fields { grid-template-columns: minmax(220px,2fr) repeat(2,minmax(105px,1fr)); }
  .data-quality-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .dashboard-psa-status { grid-template-columns: auto minmax(0,1fr); }
  .dashboard-psa-status > .btn { grid-column: 1/-1; width: 100%; }
  .psa-cert-actions { grid-template-columns: 1fr 1fr; }
  .psa-cert-actions .field { grid-column: 1/-1; }
  .bulk-purchase-head { align-items: stretch; flex-direction: column; }
  .bulk-purchase-head > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
  .bulk-card-row { grid-template-columns: 29px minmax(0,1fr) 29px; padding: 11px 9px; }
  .bulk-row-fields { grid-template-columns: 1fr 1fr; }
  .bulk-name { grid-column: 1/-1; }
  .bulk-allocation-summary { grid-template-columns: 1fr; }
  .sale-preview-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sale-preview-metrics > div { border-bottom: 1px solid rgba(148,163,184,.1); }
  .data-quality-grid { grid-template-columns: 1fr; }
  .barcode-video-wrap,.barcode-video-wrap video { min-height: 270px; }
}
@media (max-width: 480px) {
  .photo-side-tab { min-height: 46px; }
  .photo-workbench-tools { left: 7px; right: 7px; bottom: 7px; }
  .photo-workbench-tools .btn { flex: 1 1 42%; }
  .barcode-scanner-dialog { padding: 15px; border-radius: 20px; }
  .barcode-scan-actions { display: grid; grid-template-columns: 1fr; }
  .barcode-video-wrap,.barcode-video-wrap video { min-height: 235px; }
  .bulk-row-fields { grid-template-columns: 1fr; }
  .bulk-name { grid-column: auto; }
  .bulk-purchase-head > div:last-child { grid-template-columns: 1fr; }
  .sale-preview-card { grid-template-columns: 42px minmax(0,1fr); }
  .sale-preview-card > img,.sale-preview-card > span { width: 42px; height: 52px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
/* Keep bulk line items readable inside the modal, independent of viewport width. */
.bulk-row-fields { grid-template-columns: repeat(4,minmax(0,1fr)); }
.bulk-row-fields .bulk-name { grid-column: span 2; }
@media (max-width: 1180px) {
  .bulk-row-fields { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .bulk-row-fields { grid-template-columns: 1fr 1fr; }
  .bulk-row-fields .bulk-name { grid-column: 1/-1; }
}
@media (max-width: 480px) {
  .bulk-row-fields { grid-template-columns: 1fr; }
  .bulk-row-fields .bulk-name { grid-column: auto; }
}
input[type="file"].field { padding: 6px; color: var(--muted); }
input[type="file"].field::file-selector-button {
  margin-right: 10px;
  padding: 8px 11px;
  border: 1px solid rgba(20,184,166,.2);
  border-radius: 9px;
  color: var(--text);
  background: rgba(20,184,166,.08);
  font: inherit;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}


#view-dashboard { padding-top: 2px; }
#dashboardStarter { display: none !important; }
.dashboard-quick-actions {
  gap: 9px;
  margin: 0 0 12px;
}
.dashboard-quick-actions button {
  min-height: 64px;
  padding: 12px 13px;
  border-radius: 14px;
}
.dashboard-quick-actions button > span {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
  border-radius: 11px;
  font-size: 17px;
}
.dashboard-quick-actions b { font-size: 13px; }
.dashboard-quick-actions small {
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.3;
}
.dashboard-psa-status {
  padding: 14px 16px;
  border-radius: 18px;
}
.dashboard-psa-status > div:nth-child(2) b { font-size: 13px; }
.dashboard-psa-status > div:nth-child(2) span {
  margin-top: 3px;
  font-size: 9px;
}
.dashboard-psa-status > .btn {
  min-height: 36px;
  padding: 8px 13px;
}
.dashboard-kpi-grid {
  gap: 12px;
  margin-bottom: 12px;
}
.dashboard-kpi-grid .kpi {
  min-height: 104px;
  padding: 14px 15px;
}
.dashboard-kpi-grid .kpi-value {
  margin: 6px 0 5px;
  font-size: 23px;
}
.dashboard-attention-compact {
  min-height: 60px;
  margin-bottom: 12px;
  padding: 10px 12px;
  gap: 10px;
}
.attention-compact-icon {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  border-radius: 10px;
  font-size: 17px;
}
.attention-compact-copy b { font-size: 12px; }
.attention-compact-copy span {
  margin-top: 3px;
  font-size: 10px;
}
.dashboard-lower-grid { gap: 12px; }
.dashboard-performance-panel .panel-head,
.dashboard-recent-panel .panel-head { padding: 16px 16px 0; }
.dashboard-performance-panel .chart-wrap,
.dashboard-recent-panel .activity { padding-top: 0; }
@media (max-width: 1100px) {
  .dashboard-quick-actions { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .dashboard-quick-actions { gap: 8px; }
  .dashboard-quick-actions button {
    min-height: 60px;
    padding: 10px 11px;
  }
  .dashboard-quick-actions button > span {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    font-size: 16px;
  }
  .dashboard-kpi-grid { gap: 8px; }
  .dashboard-attention-compact {
    min-height: 0;
    padding: 10px 11px;
  }
}


.dashboard-utility-row { margin: 0 0 12px; }
.dashboard-actions-shell {
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(12,30,48,.74), rgba(7,18,30,.62));
}
.dashboard-section-head.compact {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
}
.dashboard-section-head.compact .panel-title { font-size: 15px; }
.dashboard-section-head.compact .panel-sub { font-size: 11px; }
.dashboard-snapshot-head { margin: 0 0 10px; }
.dashboard-quick-actions { margin: 0; }
.dashboard-quick-actions + .dashboard-quick-actions { margin-top: 8px; }
.dashboard-quick-actions-primary { grid-template-columns: repeat(4, minmax(0,1fr)); }
.dashboard-quick-actions-secondary { grid-template-columns: repeat(3, minmax(0,1fr)); }
.dashboard-quick-actions-secondary button { min-height: 58px; }
.dashboard-quick-actions-secondary b { font-size: 12px; }
.dashboard-quick-actions-secondary small { font-size: 9px; }
.dashboard-psa-status {
  padding: 12px 14px;
  min-height: 0;
  border-radius: 16px;
}
.dashboard-psa-icon {
  width: 42px;
  height: 42px;
  font-size: 16px;
}
.dashboard-psa-status > div:nth-child(2) b { font-size: 13px; }
.dashboard-psa-status > div:nth-child(2) span { font-size: 9px; }
.dashboard-kpi-grid { margin-bottom: 10px; }
.dashboard-attention { margin-bottom: 12px; }
.dashboard-performance-panel .bar-chart { min-height: 210px; }
.dashboard-recent-panel .activity-item { padding-top: 13px; padding-bottom: 13px; }
@media (max-width: 1100px) {
  .dashboard-quick-actions-primary { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboard-quick-actions-secondary { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .dashboard-actions-shell { padding: 12px; }
  .dashboard-section-head.compact .panel-sub { line-height: 1.4; }
  .dashboard-quick-actions-primary,
  .dashboard-quick-actions-secondary { grid-template-columns: 1fr 1fr; }
  .dashboard-quick-actions-secondary button[data-dashboard-action="mode"] { grid-column: 1 / -1; }
  .dashboard-psa-status > .btn { width: auto; }
}
@media (max-width: 520px) {
  .dashboard-quick-actions-primary,
  .dashboard-quick-actions-secondary { grid-template-columns: 1fr; }
  .dashboard-section-head.compact { margin-bottom: 9px; }
}


.storage-card-v33-4 { padding: 13px; }
.storage-card-v33-4 > p { margin-bottom: 11px; }
.workspace-storage-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}
.workspace-storage-stats > div {
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(112,145,176,.15);
  border-radius: 11px;
  background: rgba(5,17,29,.34);
}
.workspace-storage-stats span,
.workspace-storage-stats b { display: block; }
.workspace-storage-stats span {
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.25;
  text-overflow: ellipsis;
  text-transform: uppercase;
  letter-spacing: .07em;
  white-space: nowrap;
}
.workspace-storage-stats b {
  margin-top: 5px;
  overflow: hidden;
  color: #eef5fb;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-storage-note {
  display: block;
  margin-top: 9px;
  color: #71869a;
  font-size: 9px;
  line-height: 1.4;
}


.quick-psa-lookup {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.quick-psa-lookup > * { min-width: 0; }
.psa-cert-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  min-width: 0;
}
.psa-cert-actions .field {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.psa-cert-actions .btn {
  width: 100%;
  min-width: 0;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .quick-psa-lookup { padding: 14px; }
  .psa-cert-actions { grid-template-columns: 1fr; }
  .psa-cert-actions .field,
  .psa-cert-actions .btn { grid-column: 1; }
  .psa-status-row { align-items: flex-start; }
}


html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Keep the new brand line readable without making tight navigation bulky. */
.brand-v31 .brand-sub,
.auth-product-sub {
  color: #a9b9ca;
  letter-spacing: .01em;
}
.brand-v31 .brand-sub { font-size: 10.5px; }
.auth-product-sub { font-size: 12px; font-weight: 700; }

/* Core type hierarchy and controls. */
.nav-label { font-size: 11px; }
.nav-btn { min-height: 45px; font-size: 14px; }
.page-sub { font-size: 15px; }
.panel-title { font-size: 17px; }
.panel-sub { font-size: 13px; }
.btn { min-height: 44px; }
.btn.small { min-height: 36px; font-size: 13px; }
.field,
.select,
.textarea { min-height: 46px; font-size: 15px; }
.form-group label,
.form-group .form-label { line-height: 1.35; }
.data-table th { font-size: 10.5px; padding-top: 14px; padding-bottom: 14px; }
.data-table td { font-size: 13px; padding-top: 14px; padding-bottom: 14px; }
.card-name-cell strong { font-size: 14px; }
.status { font-size: 11px; }

/* Raise the smallest operational labels to a practical reading size. */
.workspace-storage-stats span,
.workspace-storage-note,
.dashboard-quick-actions-secondary small,
.dashboard-psa-status > div:nth-child(2) span,
.data-quality-grid small,
.sale-preview-card small,
.sale-preview-metrics span,
.bulk-row-fields label,
.bulk-allocation-summary span,
.ocr-review-grid span,
.ocr-review-grid small {
  font-size: 10px;
}
.workspace-storage-stats b { font-size: 12px; }
.dashboard-quick-actions b { font-size: 14px; }
.dashboard-quick-actions small { font-size: 11px; line-height: 1.4; }
.dashboard-section-head.compact .panel-title { font-size: 15px; }
.dashboard-section-head.compact .panel-sub { font-size: 12px; }
.dashboard-psa-status > div:nth-child(2) b { font-size: 14px; }
.attention-compact-copy b { font-size: 13px; }
.attention-compact-copy span { font-size: 11px; line-height: 1.4; }
.dashboard-kpi-grid .kpi-label,
.dashboard-kpi-grid .kpi-foot { font-size: 11px; }

/* Give the slightly larger type enough breathing room. */
.dashboard-actions-shell { padding: 16px; }
.dashboard-quick-actions button { min-height: 70px; padding: 13px 14px; }
.dashboard-quick-actions-secondary button { min-height: 66px; }
.dashboard-kpi-grid .kpi { min-height: 112px; padding: 16px; }
.workspace-storage-stats > div { padding: 10px; }
.account-card { padding: 11px; }

@media (max-width: 930px) {
  body {
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
    overflow-x: hidden;
  }
  .sidebar { width: min(320px, 88vw); }
  .workspace {
    padding: 16px 14px calc(104px + env(safe-area-inset-bottom));
  }
  .mobile-head {
    position: relative;
    z-index: 45;
    min-height: 48px;
    margin-bottom: 14px;
  }
  .mobile-brand-v31 { font-size: 16px; }
  .menu-btn,
  .mobile-profile-btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
  input,
  select,
  textarea,
  .field,
  .select,
  .textarea,
  .bulk-row-fields .field,
  .bulk-row-fields .select {
    font-size: 16px !important;
  }
  .mobile-bottom-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    left: 8px;
    right: 8px;
    min-height: 68px;
    border-radius: 18px;
  }
  .mobile-nav-btn {
    min-height: 62px;
    padding: 5px 2px;
    font-size: 10.5px;
    line-height: 1.1;
  }
  .mobile-nav-btn b { font-size: 20px; }
  .mobile-action-sheet > button:not(.mobile-action-cancel) {
    min-height: 58px;
    padding: 14px 11px;
  }
  .mobile-action-sheet b { font-size: 14px; }
  .mobile-action-sheet small { font-size: 12px; line-height: 1.4; }
  .global-search-shell { margin-left: 0; margin-right: 0; }
  .global-search-input-wrap { min-height: 48px; }
  .global-search-input-wrap .field { height: 46px; font-size: 16px !important; }
  .global-search-result strong { font-size: 13px; }
  .global-search-result small { font-size: 11px; }
  .modal {
    width: 100%;
    max-height: calc(100dvh - env(safe-area-inset-top));
  }
  .modal-head { padding: 18px 18px 13px; }
  .modal-body { padding: 18px; }
  .modal-actions {
    padding: 14px 18px calc(14px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 620px) {
  .workspace { padding-left: 12px; padding-right: 12px; }
  .topbar { display: block; margin-bottom: 20px; }
  .page-title { font-size: 30px; line-height: 1.06; }
  .page-sub { font-size: 15px; line-height: 1.6; }
  .panel-head { padding: 18px 18px 0; }
  .panel-head .btn { width: 100%; }
  .panel-pad { padding: 18px; }
  .dashboard-actions-shell { padding: 14px; }
  .dashboard-quick-actions button {
    min-height: 74px;
    padding: 14px;
  }
  .dashboard-kpi-grid .kpi { min-height: 116px; padding: 15px; }
  .dashboard-kpi-grid .kpi-value { font-size: 22px; }
  .dashboard-kpi-grid .kpi-label,
  .dashboard-kpi-grid .kpi-foot { font-size: 11px; }
  .dashboard-psa-status {
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
  }
  .dashboard-psa-status > .btn { min-height: 44px; }
  .show-sale-money { grid-template-columns: 1fr 1fr; }
  .show-sale-money > div:last-child { grid-column: 1 / -1; }
  .show-sale-card { padding: 16px; }
  .show-sale-name { font-size: 15px; }
  .show-sale-meta { font-size: 12px; }
  .show-sale-money label { font-size: 10px; }
  .show-sale-money b { font-size: 14px; }
  .modal-actions { gap: 10px; }
  .modal-actions .btn { flex: 1; }
  .auth-form-heading p { font-size: 14px; }
  .auth-check,
  .text-button { font-size: 12px; }
}

@media (max-width: 430px) {
  .auth-story { padding: 20px 18px; }
  .auth-card { padding-left: 18px; padding-right: 18px; }
  .auth-full-logo { width: 76px; height: 76px; flex-basis: 76px; }
  .auth-product-name { font-size: 22px; }
  .auth-product-sub { font-size: 11px; }
  .dashboard-kpi-grid { grid-template-columns: 1fr 1fr; }
  .dashboard-kpi-grid .kpi-value { font-size: 20px; }
  .mobile-nav-btn { font-size: 10px; }
}

@media (max-width: 360px) {
  .dashboard-kpi-grid { grid-template-columns: 1fr; }
  .mobile-bottom-nav { left: 5px; right: 5px; }
  .mobile-nav-btn { font-size: 9.5px; }
  .mobile-nav-btn b { font-size: 19px; }
}

:root {
  --wv-surface-flat: rgba(8, 20, 34, .78);
  --wv-surface-raised: rgba(13, 32, 51, .86);
}

.panel { border-radius: 16px; }

#view-dashboard { padding-top: 0; }

.dashboard-command-center {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  gap: 22px;
  align-items: stretch;
  margin-bottom: 14px;
  padding: clamp(20px, 3vw, 30px);
  border-color: rgba(20, 184, 166, .24);
  background:
    radial-gradient(circle at 100% 0%, rgba(20, 184, 166, .14), transparent 32%),
    linear-gradient(135deg, rgba(12, 34, 52, .96), rgba(6, 17, 30, .96));
}

.dashboard-command-copy .page-title {
  max-width: 720px;
  margin: 8px 0 8px;
  font-size: clamp(34px, 4vw, 52px);
  line-height: .98;
}

.dashboard-command-copy .page-sub { max-width: 660px; }

.dashboard-command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.dashboard-command-side {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 18px;
  background: rgba(4, 14, 25, .38);
}

.dashboard-command-side img {
  width: 88px;
  height: 88px;
  border: 1px solid rgba(226, 218, 214, .16);
  border-radius: 20px;
  object-fit: cover;
}

.dashboard-command-stats {
  display: grid;
  gap: 8px;
}

.dashboard-command-stats > div {
  padding: 10px 11px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 13px;
  background: rgba(255, 255, 255, .035);
}

.dashboard-command-stats span,
.dashboard-command-stats b,
.dashboard-command-stats small {
  display: block;
}

.dashboard-command-stats span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dashboard-command-stats b {
  margin-top: 4px;
  font-size: 18px;
  letter-spacing: -.035em;
}

.dashboard-command-stats small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
}

.dashboard-utility-row { margin-bottom: 12px; }

.dashboard-actions-shell {
  border-radius: 16px;
  background: rgba(8, 23, 38, .65);
}

.dashboard-quick-actions-primary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dashboard-quick-actions-secondary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dashboard-quick-actions button { border-radius: 14px; }
.dashboard-quick-actions-primary button { min-height: 82px; }
.dashboard-quick-actions-secondary button { min-height: 58px; opacity: .9; }

.dashboard-kpi-grid .kpi {
  background: linear-gradient(180deg, rgba(18, 42, 65, .86), rgba(9, 22, 37, .94));
}

.card-entry-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: -4px 0 16px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(5, 16, 28, .6);
}

.card-entry-stepper > div {
  display: grid;
  grid-template-areas:
    "num title"
    "num copy";
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 9px;
  align-items: center;
  padding: 10px 11px;
  border-radius: 13px;
  color: var(--muted);
}

.card-entry-stepper > div.active {
  border: 1px solid rgba(20, 184, 166, .18);
  color: var(--text);
  background: linear-gradient(135deg, rgba(20, 184, 166, .14), rgba(37, 99, 235, .08));
}

.card-entry-stepper span {
  grid-area: num;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  color: var(--brand-3);
  font-weight: 900;
  background: rgba(148, 163, 184, .1);
}

.card-entry-stepper b {
  grid-area: title;
  font-size: 12px;
}

.card-entry-stepper small {
  grid-area: copy;
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-add-layout {
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
  align-items: start;
}

.upload-card,
.form-card {
  border-radius: 18px;
}

.upload-card {
  position: sticky;
  top: 18px;
  background: linear-gradient(180deg, rgba(14, 35, 55, .92), rgba(7, 20, 34, .95));
}

.upload-zone {
  min-height: 380px;
  border-radius: 18px;
}

.entry-mode-option { border-radius: 14px; }

.form-card {
  background: linear-gradient(180deg, rgba(16, 37, 59, .9), rgba(8, 20, 34, .96));
}

.form-section {
  margin-top: 8px;
  padding-top: 6px;
  color: var(--brand-3);
}

.collection-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.collect-card {
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(16, 37, 58, .96), rgba(7, 19, 32, .98));
}

.collect-image {
  aspect-ratio: 3 / 2;
  background:
    radial-gradient(circle at 50% 30%, rgba(20, 184, 166, .12), transparent 42%),
    linear-gradient(145deg, #132a43, #071423);
}

.collect-image img { padding: 12px; }

.collect-placeholder {
  width: 76px;
  height: 104px;
  border-radius: 11px;
  color: rgba(222, 235, 244, .62);
  font-size: 20px;
}

.collect-grade-pill {
  position: absolute;
  bottom: 10px;
  left: 10px;
  max-width: calc(100% - 20px);
  padding: 5px 8px;
  overflow: hidden;
  border: 1px solid rgba(20, 184, 166, .22);
  border-radius: 999px;
  color: #dffcf6;
  font-size: 10px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(3, 13, 23, .68);
  backdrop-filter: blur(8px);
}

.collect-badge {
  top: 10px;
  left: 10px;
}

.review-badge {
  top: 10px;
  right: 10px;
}

.collect-title {
  display: -webkit-box;
  min-height: 38px;
  overflow: hidden;
  font-size: 15px;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.collect-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 8px 0 5px;
}

.collect-tags span {
  padding: 4px 7px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: #c9d7e3;
  font-size: 9px;
  font-weight: 800;
  background: rgba(148, 163, 184, .06);
}

.collect-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.collect-foot .actions {
  opacity: .35;
  transition: opacity .16s ease;
}

.collect-card:hover .collect-foot .actions { opacity: 1; }

.report-intelligence-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(20, 184, 166, .08), rgba(37, 99, 235, .045));
}

.report-intelligence-strip > div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, .11);
  border-radius: 14px;
  background: rgba(5, 16, 28, .52);
}

.report-intelligence-strip span,
.report-intelligence-strip b,
.report-intelligence-strip small {
  display: block;
}

.report-intelligence-strip span {
  color: var(--brand-3);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.report-intelligence-strip b {
  margin-top: 6px;
  overflow: hidden;
  font-size: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.report-intelligence-strip small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
}

.report-filter-bar { border-radius: 16px; }

.report-grid-primary { gap: 12px; }

.report-card {
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(17, 40, 62, .9), rgba(8, 21, 36, .96));
}

.report-visual-grid { gap: 14px; }

.report-chart-panel { border-radius: 16px; }

.show-mode-shell {
  background:
    radial-gradient(circle at 12% 0%, rgba(20, 184, 166, .18), transparent 34%),
    radial-gradient(circle at 90% 16%, rgba(37, 99, 235, .14), transparent 30%),
    linear-gradient(145deg, #06101b, #081a2c 56%, #050d17);
}

.show-mode-main { width: min(1440px, calc(100% - 40px)); }

.show-mode-hero {
  min-height: 170px;
  padding: 26px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(12, 34, 52, .74), rgba(5, 14, 25, .48));
}

.show-mode-hero h1 { font-size: clamp(42px, 6vw, 78px); }

.show-mode-stats { gap: 14px; }

.show-mode-stat {
  min-height: 120px;
  border-radius: 20px;
  background: rgba(10, 31, 49, .78);
}

.show-mode-actions { gap: 16px; }

.show-mode-action {
  min-height: 220px;
  padding: 26px;
  border-radius: 26px;
}

.show-mode-action > span {
  width: 58px;
  height: 58px;
  border-radius: 18px;
}

.show-mode-action b { font-size: 21px; }

.show-mode-inventory-panel { border-radius: 24px; }

@media (max-width: 1250px) {
  .dashboard-command-center { grid-template-columns: 1fr; }
  .dashboard-command-side { grid-template-columns: 72px minmax(0, 1fr); }
  .dashboard-command-side img { width: 72px; height: 72px; }
  .collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-intelligence-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 930px) {
  .dashboard-command-center { padding: 20px; }
  .dashboard-command-copy .page-title { font-size: 34px; }
  .dashboard-command-actions .btn { flex: 1; }
  .dashboard-quick-actions-primary,
  .dashboard-quick-actions-secondary {
    grid-template-columns: 1fr 1fr;
  }
  .card-entry-stepper { grid-template-columns: 1fr; }
  .quick-add-layout { grid-template-columns: 1fr; }
  .upload-card { position: static; }
  .show-mode-action { min-height: 165px; }
}

@media (max-width: 620px) {
  .dashboard-command-side { grid-template-columns: 1fr; }
  .dashboard-command-side img { display: none; }
  .dashboard-command-stats { grid-template-columns: 1fr; }
  .dashboard-quick-actions-primary,
  .dashboard-quick-actions-secondary {
    grid-template-columns: 1fr;
  }
  .collection-grid { grid-template-columns: 1fr; }
  .report-intelligence-strip { grid-template-columns: 1fr; }
  .show-mode-hero {
    min-height: auto;
    padding: 18px;
  }
}

:root {
  --bg: #07111d;
  --bg-2: #0a1725;
  --panel: #0d1b2b;
  --panel-2: #112235;
  --panel-3: #091522;
  --line: rgba(148, 163, 184, .14);
  --line-strong: rgba(148, 163, 184, .24);
  --text: #f7f9fc;
  --muted: #9aabba;
  --muted-2: #6f8296;
  --shadow: 0 18px 48px rgba(0, 0, 0, .24);
  --radius: 18px;
}

body {
  background: var(--bg);
  font-size: 15px;
  line-height: 1.5;
}
body::before { display: none; }

.app { grid-template-columns: 248px minmax(0, 1fr); }
.sidebar {
  padding: 20px 14px 16px;
  border-right-color: rgba(148, 163, 184, .12);
  background: rgba(6, 15, 26, .96);
  backdrop-filter: blur(18px);
}
.brand { padding: 2px 6px 18px; }
.brand-logo {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  box-shadow: none;
}
.brand-logo img { width: 48px; height: 48px; }
.brand-name { font-size: 17px; font-weight: 700; }
.brand-v31 .brand-sub { font-size: 12px; }
.nav-label {
  margin: 16px 0 7px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.nav { gap: 4px; }
.nav-btn {
  min-height: 46px;
  gap: 11px;
  padding: 11px 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #b6c3d0;
  font-size: 14px;
  font-weight: 600;
  transform: none;
}
.nav-btn:hover {
  color: #fff;
  border-color: rgba(148, 163, 184, .1);
  background: rgba(255, 255, 255, .035);
  transform: none;
}
.nav-btn.active {
  color: #fff;
  border-color: rgba(20, 184, 166, .18);
  background: rgba(20, 184, 166, .1);
}
.nav-btn.active::before { display: none; }
.sidebar-add-card {
  justify-content: center;
  min-height: 48px;
  margin: 2px 0 0;
  border-color: rgba(20, 184, 166, .42);
  color: #04231d;
  font-weight: 750;
  background: linear-gradient(135deg, #71e0ce, #14b8a6);
  box-shadow: 0 12px 26px rgba(20, 184, 166, .16);
}
.sidebar-add-card:hover,
.sidebar-add-card.active {
  color: #031c18;
  border-color: rgba(120, 232, 211, .68);
  background: linear-gradient(135deg, #82ead8, #53cfba);
}
.sidebar-add-card svg { width: 18px; height: 18px; }

.sidebar-bottom { gap: 9px; }
.account-card {
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
}
.account-card:hover {
  border-color: var(--line);
  background: rgba(255, 255, 255, .03);
}
.account-avatar { width: 38px; height: 38px; }
.account-copy strong { font-size: 13px; }
.account-copy span { font-size: 12px; }
.account-sync { font-size: 11px; }
.sidebar-save-state {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 10px 11px;
  border-top: 1px solid var(--line);
  color: var(--muted);
}
.sidebar-save-dot,
.dashboard-save-pill > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 4px rgba(20, 184, 166, .1);
}
.sidebar-save-state strong,
.sidebar-save-state small { display: block; }
.sidebar-save-state strong { color: #d9e3eb; font-size: 12px; font-weight: 650; }
.sidebar-save-state small { margin-top: 1px; font-size: 11px; }
.sidebar-save-state > b { font-size: 11px; font-weight: 600; white-space: nowrap; }
.sidebar-storage-hooks { display: none; }

.workspace {
  max-width: 1560px;
  padding: 24px clamp(22px, 3vw, 42px) 72px;
}
.global-search-shell { margin-bottom: 20px; }
.global-search-input-wrap {
  min-height: 50px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(13, 27, 43, .82);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}
.global-search-input-wrap:focus-within {
  border-color: rgba(20, 184, 166, .42);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, .08);
}
.global-search-input-wrap .field { font-size: 15px; }

.panel,
.toolbar,
.report-card,
.form-card,
.upload-card {
  border-color: var(--line);
  background: var(--panel);
  box-shadow: none;
}
.panel { border-radius: 16px; }
.btn {
  min-height: 44px;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 650;
}
.btn:not(.primary):not(.danger) {
  border-color: var(--line);
  background: rgba(255, 255, 255, .035);
}
.btn:not(.primary):not(.danger):hover {
  border-color: var(--line-strong);
  background: rgba(255, 255, 255, .065);
}
.btn.primary {
  color: #03201a;
  background: linear-gradient(135deg, #71e0ce, #14b8a6);
  box-shadow: 0 10px 22px rgba(20, 184, 166, .13);
}
.field,
.select,
.textarea {
  border-radius: 11px;
  border-color: var(--line);
  background: rgba(5, 15, 26, .66);
}
.field:focus,
.select:focus,
.textarea:focus {
  border-color: rgba(20, 184, 166, .48);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, .08);
}

.eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}
.page-title {
  margin-top: 5px;
  font-size: clamp(32px, 3.5vw, 44px);
  font-weight: 720;
  line-height: 1.05;
  letter-spacing: -.045em;
}
.page-sub {
  max-width: 680px;
  margin-top: 8px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}
.panel-title { font-size: 17px; font-weight: 700; }
.panel-sub { font-size: 13px; line-height: 1.5; }
.topbar { align-items: flex-end; margin-bottom: 22px; }

/* Focused dashboard */
#view-dashboard { padding-top: 2px; }
.dashboard-welcome {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.dashboard-welcome .page-title { margin-bottom: 0; }
.dashboard-save-pill {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #cbd6df;
  font-size: 12px;
  background: rgba(255, 255, 255, .025);
}
.dashboard-save-pill.warning > span { background: var(--amber); box-shadow: 0 0 0 4px rgba(244, 191, 89, .1); }
.dashboard-action-bar {
  margin-bottom: 12px;
  padding: 10px;
  background: rgba(13, 27, 43, .72);
}
.dashboard-quick-actions-primary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.dashboard-quick-actions button {
  min-height: 72px;
  padding: 12px 13px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  transform: none;
}
.dashboard-quick-actions button:hover {
  border-color: var(--line);
  background: rgba(255, 255, 255, .035);
  transform: none;
}
.dashboard-quick-actions button.primary-quick {
  border-color: rgba(20, 184, 166, .08);
  background: rgba(20, 184, 166, .055);
}
.dashboard-quick-actions button > span {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
  border: 0;
  border-radius: 10px;
  color: var(--brand-3);
  font-size: 17px;
  background: rgba(20, 184, 166, .09);
}
.dashboard-quick-actions b { font-size: 14px; font-weight: 700; }
.dashboard-quick-actions small { margin-top: 2px; font-size: 12px; line-height: 1.35; }
.dashboard-more-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.dashboard-more-grid button {
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 78px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 13px;
  color: var(--text);
  text-align: left;
  background: rgba(255, 255, 255, .025);
}
.dashboard-more-grid button:hover { background: rgba(255, 255, 255, .055); }
.dashboard-more-grid button > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 11px;
  color: var(--brand-3);
  background: rgba(20, 184, 166, .1);
}
.dashboard-more-grid b,
.dashboard-more-grid small { display: block; }
.dashboard-more-grid b { font-size: 14px; }
.dashboard-more-grid small { margin-top: 3px; color: var(--muted); font-size: 12px; }
.dashboard-utility-row { margin: 0 0 16px; }
.dashboard-psa-status {
  min-height: 56px;
  padding: 11px 13px;
  border-radius: 13px;
  background: rgba(13, 27, 43, .62);
}
.dashboard-snapshot-head { margin-top: 0; }
.dashboard-kpi-grid { gap: 10px; }
.dashboard-kpi-grid .kpi {
  min-height: 108px;
  padding: 15px;
  border-radius: 14px;
  background: var(--panel);
}
.dashboard-kpi-grid .kpi::before { opacity: .35; }
.dashboard-kpi-grid .kpi-label,
.dashboard-kpi-grid .kpi-foot { font-size: 12px; }
.dashboard-kpi-grid .kpi-value { font-size: 25px; font-weight: 720; }
.dashboard-attention { margin-top: 12px; }
.data-quality-grid { gap: 7px; }
.data-quality-grid button {
  min-height: 58px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .025);
}
.data-quality-grid b { font-size: 13px; }
.data-quality-grid small { font-size: 12px; }
.dashboard-lower-grid { gap: 12px; }
.dashboard-performance-panel,
.dashboard-recent-panel { background: var(--panel); }

/* Collection cards built around the card image */
.collection-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}
.collect-card {
  overflow: visible;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel);
  box-shadow: none;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.collect-card:hover {
  border-color: rgba(148, 163, 184, .26);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .18);
  transform: translateY(-2px);
}
.collect-image {
  aspect-ratio: 3 / 4;
  border-bottom: 1px solid var(--line);
  border-radius: 15px 15px 0 0;
  background: #091624;
}
.collect-image img {
  width: 100%;
  height: 100%;
  padding: 13px;
  object-fit: contain;
}
.collect-placeholder {
  width: 102px;
  height: 142px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-size: 22px;
  background: rgba(255, 255, 255, .025);
}
.collect-grade-pill,
.collect-badge,
.review-badge {
  font-size: 11px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.collect-grade-pill {
  bottom: 10px;
  left: 10px;
  padding: 5px 8px;
  border-color: rgba(20, 184, 166, .2);
  background: rgba(4, 13, 22, .78);
}
.collect-body { gap: 13px; padding: 14px; }
.collect-identity { min-width: 0; }
.collect-player {
  overflow: hidden;
  color: var(--brand-3);
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collect-title {
  min-height: 42px;
  margin-top: 3px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}
.collect-meta {
  min-height: 34px;
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.collect-tags { display: none; }
.collect-values {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.collect-values > div {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(255, 255, 255, .022);
}
.collect-values label { font-size: 11px; }
.collect-values b { margin-top: 3px; font-size: 15px; }
.collect-foot {
  min-height: 38px;
  padding-top: 2px;
  border-top: 0;
}
.collect-foot > div:first-child { min-width: 0; }
.collect-location,
.collect-gain { display: block; }
.collect-location {
  max-width: 150px;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collect-gain { margin-top: 1px; font-size: 12px; font-weight: 700; }
.collect-foot .actions {
  display: flex;
  gap: 6px;
  align-items: center;
  opacity: 1;
}
.action {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 10px;
}
.action-edit {
  border-color: rgba(20, 184, 166, .2);
  color: var(--brand-3);
  background: rgba(20, 184, 166, .08);
}
.card-more { position: relative; }
.card-more summary { display: grid; place-items: center; list-style: none; }
.card-more summary::-webkit-details-marker { display: none; }
.card-more[open] summary { border-color: var(--line-strong); background: rgba(255, 255, 255, .065); }
.card-more > div {
  position: absolute;
  right: 0;
  bottom: calc(100% + 7px);
  z-index: 20;
  width: 150px;
  padding: 6px;
  border: 1px solid var(--line-strong);
  border-radius: 11px;
  background: #0b1928;
  box-shadow: var(--shadow);
}
.card-more button {
  width: 100%;
  min-height: 36px;
  padding: 8px 9px;
  border: 0;
  border-radius: 8px;
  color: #dbe5ec;
  font-size: 12px;
  text-align: left;
  background: transparent;
}
.card-more button:hover { background: rgba(255, 255, 255, .06); }
.card-more .danger-text { color: #ff9aa6; }
.collect-card.needs-review { border-color: rgba(244, 191, 89, .3); }

.list-view .collection-grid { gap: 10px; }
.list-view .collect-card {
  grid-template-columns: 138px minmax(0, 1fr);
  min-height: 184px;
}
.list-view .collect-image {
  aspect-ratio: auto;
  height: 100%;
  border-right: 1px solid var(--line);
  border-bottom: 0;
  border-radius: 15px 0 0 15px;
}
.list-view .collect-body {
  grid-template-columns: minmax(0, 1fr) 230px;
  align-items: center;
}
.list-view .collect-values { align-self: stretch; }
.list-view .collect-foot { grid-column: 1 / -1; }

.toolbar {
  gap: 10px;
  padding: 11px;
  border-radius: 14px;
}
.toolbar-left,
.toolbar-right { gap: 8px; }
.active-filter-row button { font-size: 12px; }

/* Card entry progress that responds to the form */
.card-entry-stepper {
  gap: 6px;
  margin-bottom: 16px;
  padding: 6px;
  border-radius: 15px;
  background: rgba(13, 27, 43, .66);
}
.card-entry-stepper > div {
  min-height: 58px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 11px;
}
.card-entry-stepper > div.active {
  border-color: rgba(20, 184, 166, .28);
  background: rgba(20, 184, 166, .09);
}
.card-entry-stepper > div.complete { color: #cfe0dd; }
.card-entry-stepper > div.complete span {
  color: #04231d;
  background: var(--brand);
}
.card-entry-stepper span {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 750;
}
.card-entry-stepper b { font-size: 12px; font-weight: 700; }
.card-entry-stepper small { font-size: 11px; }
.upload-card,
.form-card { border-radius: 16px; background: var(--panel); }
.upload-zone { border-radius: 14px; }
.entry-mode-option { border-radius: 12px; }
.sticky-form-actions {
  border-top-color: var(--line);
  background: rgba(13, 27, 43, .96);
  backdrop-filter: blur(12px);
}

/* Reduce visual noise in reports and show mode */
.report-intelligence-strip,
.report-card,
.report-chart-panel,
.show-mode-hero,
.show-mode-stat,
.show-mode-inventory-panel {
  background: var(--panel);
}
.report-intelligence-strip { border-radius: 15px; }
.report-intelligence-strip span { font-size: 11px; }
.report-intelligence-strip small { font-size: 12px; }
.show-mode-shell { background: #06101b; }
.show-mode-action { border-radius: 20px; }

@media (max-width: 1320px) {
  .collection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  .dashboard-lower-grid { grid-template-columns: 1fr; }
  .collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .list-view .collect-body { grid-template-columns: 1fr; }
}

@media (max-width: 930px) {
  body { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
  .app { display: block; }
  .sidebar { width: min(318px, 88vw); }
  .workspace { padding: 14px 14px calc(104px + env(safe-area-inset-bottom)); }
  .mobile-head { margin-bottom: 12px; }
  .global-search-shell { margin-bottom: 17px; }
  .dashboard-welcome { margin-top: 2px; }
  .dashboard-quick-actions-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .card-entry-stepper { grid-template-columns: repeat(5, minmax(86px, 1fr)); overflow-x: auto; }
  .card-entry-stepper > div { min-width: 86px; }
  .quick-add-layout { grid-template-columns: 1fr; }
  .upload-card { position: static; }

  .mobile-bottom-nav {
    left: 8px;
    right: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom));
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 68px;
    padding: 5px;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 19px;
    background: rgba(8, 20, 33, .94);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .38);
    backdrop-filter: blur(20px);
  }
  .mobile-nav-btn {
    min-height: 57px;
    padding: 5px 2px;
    border-radius: 13px;
    color: #95a7b8;
    font-size: 10px;
    font-weight: 650;
  }
  .mobile-nav-btn b { font-size: 19px; }
  .mobile-nav-btn.active {
    color: var(--text);
    background: rgba(255, 255, 255, .055);
  }
  .mobile-nav-btn.add-mobile {
    position: relative;
    top: -11px;
    min-height: 65px;
    border: 1px solid rgba(20, 184, 166, .4);
    color: #03201a;
    background: linear-gradient(135deg, #71e0ce, #14b8a6);
    box-shadow: 0 11px 24px rgba(20, 184, 166, .18);
  }
  .mobile-nav-btn.add-mobile b { font-size: 22px; }
  .mobile-nav-btn.add-mobile.active { color: #031e19; background: linear-gradient(135deg, #82ead8, #53cfba); }
}

@media (max-width: 680px) {
  .workspace { padding-left: 12px; padding-right: 12px; }
  .page-title { font-size: 31px; }
  .dashboard-welcome { display: block; }
  .dashboard-save-pill { margin-top: 12px; }
  .dashboard-action-bar { padding: 7px; }
  .dashboard-quick-actions-primary { grid-template-columns: 1fr 1fr; gap: 6px; }
  .dashboard-quick-actions button {
    min-height: 78px;
    padding: 11px;
  }
  .dashboard-quick-actions button > span { width: 33px; height: 33px; flex-basis: 33px; }
  .dashboard-quick-actions small { font-size: 11px; }
  .dashboard-more-grid { grid-template-columns: 1fr; }
  .dashboard-kpi-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .dashboard-kpi-grid .kpi { min-height: 112px; }
  .dashboard-kpi-grid .kpi-value { font-size: 22px; }
  .collection-grid { grid-template-columns: 1fr; }
  .collect-card { max-width: 520px; width: 100%; margin-inline: auto; }
  .collect-image { aspect-ratio: 4 / 5; }
  .toolbar { align-items: stretch; flex-direction: column; }
  .toolbar-left,
  .toolbar-right { width: 100%; }
  .toolbar-left .search-wrap { width: 100%; max-width: none; flex: 1 0 100%; }
  .toolbar-left .select { flex: 1 1 calc(50% - 5px); min-width: 0; }
  .toolbar-right .select { flex: 1; }
  .list-view .collect-card { display: block; }
  .list-view .collect-image { height: auto; aspect-ratio: 4 / 5; border-right: 0; border-bottom: 1px solid var(--line); border-radius: 15px 15px 0 0; }
  .list-view .collect-body { display: grid; grid-template-columns: 1fr; }
  .card-entry-stepper { margin-inline: -2px; }
  .card-entry-stepper small { display: none; }
  .card-entry-stepper > div { min-width: 72px; min-height: 50px; }
  .sticky-form-actions {
    position: sticky;
    bottom: calc(80px + env(safe-area-inset-bottom));
    z-index: 12;
    margin: 14px -16px -16px;
    padding: 12px 16px;
  }
}

@media (max-width: 390px) {
  .dashboard-kpi-grid { grid-template-columns: 1fr; }
  .dashboard-quick-actions-primary { grid-template-columns: 1fr; }
  .dashboard-quick-actions button { min-height: 68px; }
  .mobile-nav-btn span { font-size: 9px; }
  .mobile-bottom-nav { left: 5px; right: 5px; }
}

@media (max-width: 930px) {
  .menu-btn { display: none; }
}
@media (max-width: 390px) {
  .dashboard-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-quick-actions-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-quick-actions button { min-height: 76px; }
}
@media (max-width: 345px) {
  .dashboard-kpi-grid,
  .dashboard-quick-actions-primary { grid-template-columns: 1fr; }
}

.collection-mobile-controls,
.collection-filter-sheet-head,
.collection-filter-backdrop { display: none; }

@media (max-width: 680px) {
  .collection-mobile-controls {
    display: block;
    margin: 0 0 10px;
  }
  .mobile-filter-trigger {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding: 10px 13px;
    text-align: left;
  }
  .mobile-filter-trigger > span {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    color: var(--brand-3);
    background: rgba(20, 184, 166, .09);
  }
  .mobile-filter-trigger b { font-size: 14px; }
  .mobile-filter-trigger small { color: var(--muted); font-size: 12px; }
  .collection-filter-backdrop {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: block;
    opacity: 0;
    pointer-events: none;
    background: rgba(1, 7, 13, .66);
    backdrop-filter: blur(3px);
    transition: opacity .18s ease;
  }
  .collection-filter-backdrop.show {
    opacity: 1;
    pointer-events: auto;
  }
  .collection-filter-sheet {
    position: fixed;
    right: 8px;
    bottom: calc(82px + env(safe-area-inset-bottom));
    left: 8px;
    z-index: 80;
    display: block;
    max-height: min(72dvh, 620px);
    margin: 0;
    padding: 14px;
    overflow: auto;
    border: 1px solid var(--line-strong);
    border-radius: 18px;
    background: rgba(10, 24, 39, .98);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
    opacity: 0;
    pointer-events: none;
    transform: translateY(22px) scale(.985);
    transition: opacity .18s ease, transform .18s ease;
  }
  .collection-filter-sheet.mobile-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }
  .collection-filter-sheet-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--line);
  }
  .collection-filter-sheet-head b,
  .collection-filter-sheet-head small { display: block; }
  .collection-filter-sheet-head b { font-size: 16px; }
  .collection-filter-sheet-head small { margin-top: 2px; color: var(--muted); font-size: 12px; }
  .collection-filter-sheet .toolbar-left,
  .collection-filter-sheet .toolbar-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    width: 100%;
  }
  .collection-filter-sheet .toolbar-left .search-wrap {
    grid-column: 1 / -1;
    width: 100%;
  }
  .collection-filter-sheet .toolbar-left .select,
  .collection-filter-sheet .toolbar-right .select {
    width: 100% !important;
    min-width: 0;
  }
  .collection-filter-sheet .toolbar-right {
    margin-top: 9px;
  }
  .collection-filter-sheet .toolbar-right .select { grid-column: 1 / -1; }
  .collection-filter-sheet .toolbar-right .btn { width: 100%; }
}


.dashboard-kpi-grid .kpi::after { display: none; }
#dashboardAttention { padding: 18px; }
.needs-attention-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.needs-attention-head > span {
  flex: 0 0 auto;
  padding: 7px 11px;
  border-radius: 999px;
  color: #f4d488;
  background: rgba(244,191,89,.1);
  font-size: 12px;
  font-weight: 800;
}
.needs-attention-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.needs-attention-item {
  appearance: none;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 16px;
  color: var(--text);
  background: rgba(7,18,30,.52);
  text-align: left;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.needs-attention-item:hover {
  transform: translateY(-2px);
  border-color: rgba(20,184,166,.28);
  background: rgba(10,24,39,.72);
}
.needs-attention-item > div { min-width: 0; }
.needs-attention-item b,
.needs-attention-item small { display: block; }
.needs-attention-item b { font-size: 14px; font-weight: 700; }
.needs-attention-item small { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.needs-attention-item i { color: var(--muted); font-style: normal; font-size: 18px; }
.needs-attention-count {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #f7d58e;
  background: rgba(244,191,89,.12);
  font-size: 16px;
  font-weight: 900;
}
.needs-attention-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(148,163,184,.12);
}
.needs-attention-footer small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.dashboard-recent-panel .activity-item {
  grid-template-columns: 42px minmax(0,1fr) auto;
  gap: 14px;
}
.dashboard-recent-panel .activity-name { font-size: 14px; font-weight: 700; }
.dashboard-recent-panel .activity-meta { margin-top: 4px; font-size: 12px; }
.dashboard-recent-panel .activity-value { font-size: 14px; font-weight: 700; }
.card-entry-stepper { grid-template-columns: repeat(4, minmax(0,1fr)); }
.card-entry-stepper > div { min-height: 62px; }
.global-search-input-wrap input::placeholder { text-overflow: ellipsis; }
@media (max-width: 980px) {
  .needs-attention-list { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .needs-attention-footer {
    flex-direction: column;
    align-items: stretch;
  }
  .card-entry-stepper { grid-template-columns: repeat(4, minmax(88px, 1fr)); overflow-x: auto; }
}


.dashboard-attention-compact {
  display: block;
  min-height: 0;
  padding: 18px;
  border-color: var(--line);
  background: var(--panel);
}
.needs-attention-layout {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(280px, 2fr) auto;
  align-items: center;
  gap: 18px;
}
.needs-attention-copy { min-width: 0; }
.needs-attention-copy .panel-sub {
  max-width: 300px;
  margin-top: 5px;
}
.needs-attention-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin: 0;
}
.needs-attention-review {
  white-space: nowrap;
  align-self: center;
}
@media (max-width: 1100px) {
  .needs-attention-layout {
    grid-template-columns: minmax(190px, .7fr) minmax(260px, 1.5fr) auto;
  }
  .needs-attention-list { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .dashboard-attention-compact { padding: 15px; }
  .needs-attention-layout {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .needs-attention-copy .panel-sub { max-width: none; }
  .needs-attention-review { width: 100%; }
}


.dashboard-attention-compact {
  min-height: 0;
  padding: 14px 16px;
}
.attention-strip {
  display: grid;
  grid-template-columns: minmax(180px, .72fr) minmax(300px, 2.4fr) auto;
  align-items: center;
  gap: 14px;
}
.attention-strip-title {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.attention-strip-title > span {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  color: #f7d58e;
  background: rgba(244,191,89,.11);
  font-size: 17px;
  font-weight: 900;
}
.attention-strip-title b,
.attention-strip-title small { display: block; }
.attention-strip-title b { font-size: 15px; font-weight: 750; }
.attention-strip-title small { margin-top: 3px; color: var(--muted); font-size: 12px; }
.attention-strip-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
  min-width: 0;
}
.attention-strip-item {
  appearance: none;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 13px;
  color: var(--text);
  background: rgba(7,18,30,.4);
  text-align: left;
  transition: border-color .16s ease, background .16s ease;
}
.attention-strip-item:hover {
  border-color: rgba(20,184,166,.27);
  background: rgba(10,24,39,.68);
}
.attention-strip-item > strong {
  min-width: 20px;
  color: #f7d58e;
  font-size: 16px;
  font-weight: 850;
  text-align: center;
}
.attention-strip-item > span { min-width: 0; }
.attention-strip-item b,
.attention-strip-item small { display: block; }
.attention-strip-item b { font-size: 13px; font-weight: 700; }
.attention-strip-item small {
  margin-top: 2px;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attention-strip-item i { color: var(--muted); font-size: 17px; font-style: normal; }
.attention-strip-review { white-space: nowrap; }
@media (max-width: 1100px) {
  .attention-strip { grid-template-columns: minmax(175px,.7fr) minmax(260px,1.7fr) auto; }
  .attention-strip-items { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .dashboard-attention-compact { padding: 14px; }
  .attention-strip { grid-template-columns: 1fr; gap: 11px; }
  .attention-strip-review { width: 100%; }
  .attention-strip-item small { white-space: normal; }
}


.psa-beta-panel {
  gap: 13px;
  padding: 17px;
  border-color: rgba(207,34,46,.2);
  background: rgba(8,18,31,.58);
}
.psa-lookup-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.psa-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.psa-title-row strong,
.psa-title-row b { font-size: 15px; font-weight: 750; }
.psa-beta-badge,
.psa-quota-badge em {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 7px;
  border: 1px solid rgba(207,34,46,.26);
  border-radius: 999px;
  color: #ffb1b8;
  background: rgba(207,34,46,.1);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.psa-quota-badge { gap: 7px; font-size: 11px; }
.psa-quota-badge em { min-height: 18px; padding: 2px 6px; font-size: 9px; }
.psa-status-row > small { font-size: 11px; }
.psa-cert-actions { grid-template-columns: minmax(180px,1fr) auto auto; }
.psa-lookup-status { min-height: 20px; font-size: 12px; line-height: 1.45; }
.psa-result-card.review {
  align-items: stretch;
  padding: 13px;
  border-color: rgba(20,184,166,.2);
  background: rgba(7,20,33,.7);
}
.psa-result-content { display: flex !important; flex-direction: column; align-items: flex-start; gap: 5px !important; }
.psa-result-source {
  width: fit-content;
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--brand-3);
  background: rgba(20,184,166,.09);
  font-size: 10px;
  font-weight: 750;
}
.psa-result-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 7px; }
.psa-result-actions a.btn { text-decoration: none; }
.psa-result-link { margin-top: 3px; }
.psa-result-skeleton {
  display: grid;
  grid-template-columns: 82px minmax(0,1fr);
  gap: 13px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 13px;
  background: rgba(8,14,28,.36);
}
.psa-result-skeleton > span { height: 104px; border-radius: 9px; background: rgba(255,255,255,.07); animation: psaPulse 1.15s ease-in-out infinite; }
.psa-result-skeleton > div { display: grid; align-content: center; gap: 10px; }
.psa-result-skeleton i { display: block; height: 11px; border-radius: 999px; background: rgba(255,255,255,.07); animation: psaPulse 1.15s ease-in-out infinite; }
.psa-result-skeleton i:nth-child(1) { width: 78%; }
.psa-result-skeleton i:nth-child(2) { width: 52%; }
.psa-result-skeleton i:nth-child(3) { width: 65%; }
@keyframes psaPulse { 50% { opacity: .45; } }
.dashboard-psa-lookup-strip {
  grid-template-columns: minmax(250px,.9fr) minmax(360px,1.25fr);
  gap: 18px;
  padding: 14px 16px;
}
.dashboard-psa-lookup-strip::after { display: none; }
.dashboard-psa-copy { display: flex; align-items: center; gap: 12px; min-width: 0; }
.dashboard-psa-copy > div:last-child { min-width: 0; }
.dashboard-psa-copy small { display: block; margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-psa-lookup-strip .dashboard-psa-icon { width: 39px; height: 39px; border-radius: 11px; box-shadow: none; }
.dashboard-psa-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; min-width: 0; }
.dashboard-psa-cert-field { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; min-width: 0; }
.dashboard-psa-cert-field .field { min-width: 0; }
.dashboard-psa-inline-status {
  grid-column: 1 / -1;
  min-height: 0;
  margin-top: -8px;
  padding-left: 51px;
  color: var(--muted);
  font-size: 10px;
}
.dashboard-psa-inline-status.error { color: #ff9299; }
@media (max-width: 980px) {
  .dashboard-psa-lookup-strip { grid-template-columns: 1fr; }
  .dashboard-psa-inline-status { padding-left: 0; margin-top: -7px; }
}
@media (max-width: 620px) {
  .psa-cert-actions { grid-template-columns: 1fr; }
  .psa-cert-actions .btn { width: 100%; }
  .dashboard-psa-controls { grid-template-columns: 1fr; }
  .dashboard-psa-cert-field { grid-template-columns: minmax(0,1fr) auto; }
  .dashboard-psa-lookup-strip { padding: 14px; }
  .dashboard-psa-copy small { white-space: normal; }
  .psa-result-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .psa-result-actions .btn { width: 100%; justify-content: center; }
}

.psa-cert-actions .field { grid-column: auto; }

.dashboard-lower-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
  align-items: start;
  gap: 14px;
}
.dashboard-lower-grid > .panel {
  align-self: start;
  min-height: 0;
  overflow: hidden;
}
.dashboard-performance-panel .panel-head,
.dashboard-recent-panel .panel-head {
  align-items: flex-start;
  padding: 20px 20px 0;
}
.dashboard-performance-panel .chart-wrap {
  padding: 14px 20px 20px;
}
.dashboard-performance-panel .bar-chart {
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
  border: 0;
}
.performance-overview {
  display: grid;
  gap: 14px;
}
.performance-summary-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 15px;
  background: rgba(148, 163, 184, .12);
}
.performance-summary-strip > div {
  min-width: 0;
  padding: 14px 15px;
  background: rgba(7, 19, 32, .92);
}
.performance-summary-strip span,
.performance-summary-strip b,
.performance-summary-strip small {
  display: block;
  min-width: 0;
}
.performance-summary-strip span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 650;
}
.performance-summary-strip b {
  margin-top: 6px;
  overflow: hidden;
  color: #f3f7fb;
  font-size: 18px;
  font-weight: 760;
  letter-spacing: -.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.performance-summary-strip b.positive,
.performance-summary-strip small.positive { color: var(--green); }
.performance-summary-strip b.negative,
.performance-summary-strip small.negative { color: var(--red); }
.performance-summary-strip small {
  margin-top: 4px;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.performance-show-list {
  display: grid;
  gap: 8px;
}
.performance-show-card {
  appearance: none;
  display: grid;
  grid-template-columns: minmax(155px, .9fr) minmax(92px, .45fr) minmax(180px, 1fr) 14px;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 14px;
  color: var(--text);
  background: rgba(8, 21, 35, .56);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.performance-show-card:hover {
  transform: translateY(-1px);
  border-color: rgba(20, 184, 166, .28);
  background: rgba(10, 26, 42, .78);
}
.performance-show-identity,
.performance-show-sales,
.performance-show-result { min-width: 0; }
.performance-show-identity strong,
.performance-show-identity span,
.performance-show-sales span,
.performance-show-sales b { display: block; }
.performance-show-identity strong {
  overflow: hidden;
  color: #f1f6fb;
  font-size: 13px;
  font-weight: 740;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.performance-show-identity span,
.performance-show-sales span {
  margin-top: 4px;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.performance-show-sales b {
  margin-top: 3px;
  color: #d9e4ed;
  font-size: 12px;
  font-weight: 700;
}
.performance-show-result {
  display: grid;
  grid-template-columns: minmax(70px, 1fr) auto;
  align-items: center;
  gap: 11px;
}
.performance-show-track {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #13253a;
}
.performance-show-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
}
.performance-show-track i.negative {
  background: linear-gradient(90deg, #b83250, #ff7a8a);
}
.performance-show-result > b {
  min-width: 74px;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  text-align: right;
}
.performance-show-arrow {
  color: var(--muted);
  font-size: 18px;
  font-style: normal;
}
.dashboard-recent-panel .activity {
  padding: 8px 20px 16px;
}
.activity-feed-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 14px 0;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
}
.activity-feed-item:last-child { border-bottom: 0; }
.activity-feed-marker {
  position: relative;
  align-self: stretch;
  display: grid;
  place-items: center;
}
.activity-feed-marker::before {
  content: "";
  position: absolute;
  top: -14px;
  bottom: -14px;
  left: 50%;
  width: 1px;
  background: rgba(148, 163, 184, .14);
  transform: translateX(-50%);
}
.activity-feed-item:first-child .activity-feed-marker::before { top: 50%; }
.activity-feed-item:last-child .activity-feed-marker::before { bottom: 50%; }
.activity-feed-marker span {
  position: relative;
  z-index: 1;
  width: 9px;
  height: 9px;
  border: 2px solid #0b1b2d;
  border-radius: 50%;
  background: var(--brand-3);
  box-shadow: 0 0 0 4px rgba(20, 184, 166, .12);
}
.activity-feed-marker.sale span { background: var(--green); box-shadow: 0 0 0 4px rgba(66, 211, 146, .12); }
.activity-feed-marker.expense span { background: #f4bf59; box-shadow: 0 0 0 4px rgba(244, 191, 89, .12); }
.activity-feed-marker.purchase span { background: #8da7ff; box-shadow: 0 0 0 4px rgba(141, 167, 255, .12); }
.activity-feed-marker.show span { background: #b49cff; box-shadow: 0 0 0 4px rgba(180, 156, 255, .12); }
.activity-feed-copy { min-width: 0; }
.activity-feed-label-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin-bottom: 6px;
}
.activity-feed-label {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 7px;
  border-radius: 999px;
  color: #9ee7db;
  background: rgba(20, 184, 166, .1);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.activity-feed-label.sale { color: #9bedc6; background: rgba(66, 211, 146, .1); }
.activity-feed-label.expense { color: #f7d58e; background: rgba(244, 191, 89, .1); }
.activity-feed-label.purchase { color: #b8c7ff; background: rgba(141, 167, 255, .1); }
.activity-feed-label.show { color: #d1c5ff; background: rgba(180, 156, 255, .1); }
.activity-feed-label-row time {
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-feed-copy > b {
  display: block;
  overflow: hidden;
  color: #edf3f8;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-feed-value {
  padding-left: 10px;
  color: #dfe7ee;
  font-size: 13px;
  font-weight: 730;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.activity-feed-value.positive { color: var(--green); }
.activity-feed-value.negative { color: var(--red); }

@media (max-width: 1220px) {
  .dashboard-lower-grid { grid-template-columns: 1fr; }
  .dashboard-performance-panel,
  .dashboard-recent-panel { width: 100%; }
}
@media (max-width: 760px) {
  .dashboard-performance-panel .panel-head,
  .dashboard-recent-panel .panel-head { padding: 16px 16px 0; }
  .dashboard-performance-panel .chart-wrap { padding: 12px 16px 16px; }
  .performance-summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .performance-summary-strip > div:first-child { grid-column: 1 / -1; }
  .performance-show-card {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px 12px;
    padding: 13px;
  }
  .performance-show-sales { grid-column: 1; grid-row: 2; }
  .performance-show-result { grid-column: 1 / -1; grid-row: 3; }
  .performance-show-arrow { grid-column: 2; grid-row: 1 / span 2; }
  .dashboard-recent-panel .activity { padding: 6px 16px 12px; }
  .activity-feed-item { grid-template-columns: 20px minmax(0, 1fr); gap: 10px; }
  .activity-feed-value {
    grid-column: 2;
    padding-left: 0;
    margin-top: -4px;
    font-size: 12px;
  }
  .activity-feed-copy > b { white-space: normal; }
}
@media (max-width: 480px) {
  .performance-summary-strip { grid-template-columns: 1fr; }
  .performance-summary-strip > div:first-child { grid-column: auto; }
  .performance-summary-strip > div { padding: 12px 13px; }
}


/* Current dashboard overview */
.vault-overview {
  display: grid;
  grid-template-columns: minmax(290px, .8fr) minmax(0, 2.2fr);
  padding: 0;
  overflow: hidden;
  border-color: rgba(20,184,166,.18);
  background: linear-gradient(135deg, rgba(13,35,53,.96), rgba(8,24,40,.96));
}
.vault-overview-profile {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 22px;
  border-right: 1px solid rgba(148,163,184,.13);
  background: rgba(4,16,28,.22);
}
.vault-overview-profile-button {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  color: var(--text);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.vault-overview-profile-button:hover .vault-overview-avatar,
.vault-overview-profile-button:focus-visible .vault-overview-avatar {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(37,99,235,.2);
}
.vault-overview-profile-button:focus-visible { outline: none; }
.vault-overview-avatar {
  position: relative;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 22px;
  color: #04111d;
  background: linear-gradient(135deg, var(--brand-3), var(--brand-2));
  font-size: 27px;
  font-weight: 900;
  transition: transform .16s ease, box-shadow .16s ease;
}
.vault-overview-avatar img { width: 100%; height: 100%; object-fit: cover; }
.vault-overview-identity { min-width: 0; }
.vault-overview-identity small,
.vault-overview-identity strong,
.vault-overview-identity em { display: block; }
.vault-overview-identity small {
  color: var(--brand-3);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.vault-overview-identity strong {
  margin-top: 5px;
  overflow: hidden;
  font-size: clamp(19px, 1.6vw, 25px);
  font-weight: 760;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vault-overview-identity em {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.4;
}
.vault-overview-save {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 7px;
  color: var(--muted);
  font-size: 11px;
}
.vault-overview-save > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--brand-3);
  box-shadow: 0 0 0 4px rgba(20,184,166,.08);
}
.vault-overview-save.warning > span { background: #f4bf59; box-shadow: 0 0 0 4px rgba(244,191,89,.09); }
.vault-record-status {
  appearance: none;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  margin-top: auto;
  padding: 11px 12px;
  border: 1px solid rgba(148,163,184,.13);
  border-radius: 14px;
  color: var(--text);
  background: rgba(5,18,31,.45);
  text-align: left;
}
button.vault-record-status { cursor: pointer; transition: border-color .16s ease, background .16s ease; }
button.vault-record-status:hover { border-color: rgba(244,191,89,.28); background: rgba(244,191,89,.055); }
.vault-record-status > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 11px;
  color: var(--brand-3);
  background: rgba(20,184,166,.1);
  font-size: 15px;
  font-weight: 900;
}
.vault-record-status.attention > span { color: #f4d488; background: rgba(244,191,89,.1); }
.vault-record-status b,
.vault-record-status small { display: block; }
.vault-record-status b { font-size: 12px; font-weight: 750; }
.vault-record-status small { margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.vault-record-status i { color: var(--brand-3); font-size: 11px; font-style: normal; font-weight: 750; }
.vault-overview-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  min-width: 0;
}
.vault-overview-metric {
  appearance: none;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 184px;
  padding: 22px;
  border: 0;
  border-left: 1px solid rgba(148,163,184,.12);
  color: var(--text);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease;
}
.vault-overview-metric:first-child { border-left: 0; }
.vault-overview-metric:hover,
.vault-overview-metric:focus-visible { background: rgba(20,184,166,.035); outline: none; }
.vault-overview-metric span,
.vault-overview-metric b,
.vault-overview-metric small { display: block; min-width: 0; }
.vault-overview-metric span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  line-height: 1.35;
  text-transform: uppercase;
}
.vault-overview-metric b {
  margin-top: 13px;
  overflow: hidden;
  font-size: clamp(24px, 2.25vw, 35px);
  font-weight: 730;
  line-height: 1.05;
  letter-spacing: -.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vault-overview-metric small {
  margin-top: 11px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
@media (max-width: 1180px) {
  .vault-overview { grid-template-columns: minmax(270px, .9fr) minmax(0, 1.7fr); }
  .vault-overview-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .vault-overview-metric { min-height: 112px; padding: 18px; }
  .vault-overview-metric:nth-child(3),
  .vault-overview-metric:nth-child(4) { border-top: 1px solid rgba(148,163,184,.12); }
  .vault-overview-metric:nth-child(3) { border-left: 0; }
}
@media (max-width: 760px) {
  .vault-overview { display: block; }
  .vault-overview-profile { padding: 18px; border-right: 0; border-bottom: 1px solid rgba(148,163,184,.13); }
  .vault-overview-avatar { width: 62px; height: 62px; border-radius: 19px; font-size: 23px; }
  .vault-overview-identity strong { font-size: 20px; }
  .vault-overview-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .vault-overview-metric { min-height: 108px; padding: 16px; }
  .vault-overview-metric:nth-child(3) { border-left: 0; }
  .vault-overview-metric:nth-child(3),
  .vault-overview-metric:nth-child(4) { border-top: 1px solid rgba(148,163,184,.12); }
  .vault-overview-metric b { margin-top: 9px; font-size: 23px; }
  .vault-overview-metric small { margin-top: 7px; font-size: 11px; }
}
@media (max-width: 430px) {
  .vault-overview-profile-button { gap: 12px; }
  .vault-overview-avatar { width: 56px; height: 56px; border-radius: 17px; }
  .vault-record-status { grid-template-columns: auto minmax(0,1fr); }
  .vault-record-status i { display: none; }
  .vault-overview-metric span { font-size: 10px; }
  .vault-overview-metric b { font-size: 21px; }
}


:root {
  --bg: #0b1625;
  --bg-2: #102033;
  --panel: #12263c;
  --panel-2: #18324c;
  --panel-3: #102234;
  --line: rgba(168, 184, 205, 0.22);
  --line-strong: rgba(168, 184, 205, 0.34);
  --text: #f7fbff;
  --muted: #a4b4c8;
  --muted-2: #7385a0;
  --brand: #53d2be;
  --brand-3: #89f1de;
  --shadow: 0 24px 72px rgba(0, 0, 0, 0.26);
}
body {
  background:
    radial-gradient(circle at 88% -5%, rgba(72, 144, 238, 0.18), transparent 32%),
    radial-gradient(circle at 15% 110%, rgba(83, 210, 190, 0.13), transparent 37%),
    var(--bg);
}
body:before {
  opacity: 0.16;
}
.panel {
  background: linear-gradient(180deg, rgba(22, 41, 64, 0.96), rgba(15, 31, 49, 0.98));
  border-color: var(--line);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.12);
}
.btn {
  background: #13273b;
  color: #f6fbff;
  border-color: var(--line-strong);
}
.btn:hover {
  border-color: rgba(83, 210, 190, 0.5);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14);
}
.btn.primary {
  background: linear-gradient(135deg, var(--brand), #4c9ee3);
  color: #07161d;
  box-shadow: 0 12px 28px rgba(83, 210, 190, 0.22);
}
.btn.primary:hover {
  box-shadow: 0 15px 32px rgba(83, 210, 190, 0.3);
}
.field,
.select,
.textarea {
  background: #102235;
  color: var(--text);
  border-color: var(--line-strong);
}
.field::placeholder,
.textarea::placeholder {
  color: #8ea1b8;
}
.field:focus,
.select:focus,
.textarea:focus {
  border-color: rgba(83, 210, 190, 0.72);
  box-shadow: 0 0 0 3px rgba(83, 210, 190, 0.1);
}
.global-search-input-wrap,
.search-wrap .field,
.toolbar .field,
.toolbar .select {
  background-color: #102235;
}
.activity-icon,
.vault-overview-avatar,
.profile-avatar,
.mobile-profile-btn,
.dashboard-save-pill,
.quick-metric-icon {
  background-color: rgba(83, 210, 190, 0.12);
}
.sidebar-save-state,
.collection-filter-sheet,
.global-search-results,
.modal-card {
  background: linear-gradient(180deg, rgba(23, 43, 67, 0.98), rgba(16, 31, 49, 0.99));
}
.topbar .page-sub,
.panel-sub,
.activity-meta,
.kpi-foot,
.kpi-label,
.vault-overview-sub,
.vault-overview-meta,
.vault-overview-status small,
.needs-attention-item small,
.empty,
.empty strong + p,
label + small {
  color: var(--muted);
}


/* True mobile bottom dock with protected content area */
@media (max-width: 930px) {
  :root {
    --mobile-dock-height: 78px;
  }

  html,
  body {
    min-height: 100%;
  }

  body {
    padding-bottom: calc(var(--mobile-dock-height) + env(safe-area-inset-bottom));
  }

  .workspace {
    padding-bottom: calc(var(--mobile-dock-height) + 34px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: var(--mobile-dock-height);
    margin: 0 !important;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
    background: rgba(10, 25, 40, .98);
    box-shadow: 0 -12px 36px rgba(0, 0, 0, .28);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    transform: translateZ(0);
    z-index: 1000;
    overflow: visible;
  }

  .mobile-nav-btn {
    min-height: 58px;
    border-radius: 13px;
  }

  .mobile-nav-btn.add-mobile,
  .mobile-nav-btn.add-mobile.active {
    position: static;
    top: auto;
    margin: 0 3px;
    min-height: 58px;
    border-radius: 14px;
    box-shadow: none;
  }

  .sticky-form-actions {
    bottom: calc(var(--mobile-dock-height) + env(safe-area-inset-bottom)) !important;
  }

  .collection-grid,
  #collectionWrap,
  .show-mobile-cards,
  .activity,
  .report-grid,
  .quick-add-layout {
    scroll-margin-bottom: calc(var(--mobile-dock-height) + 24px + env(safe-area-inset-bottom));
  }

  .collect-card:last-child,
  .show-mobile-cards > :last-child,
  .activity > :last-child,
  .view.active > :last-child {
    margin-bottom: 18px;
  }
}


/* Raw-card back-photo prompt */
.raw-back-photo-prompt {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(83,210,190,.2);
  border-radius: 16px;
  background: rgba(83,210,190,.06);
}
.raw-back-photo-prompt-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  color: var(--brand-3);
  background: rgba(83,210,190,.12);
  font-size: 22px;
}
.raw-back-photo-prompt b { display: block; font-size: 15px; }
.raw-back-photo-prompt p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
@media (max-width: 560px) {
  .raw-back-photo-prompt { grid-template-columns: 42px minmax(0,1fr); padding: 14px; }
  .raw-back-photo-prompt-icon { width: 42px; height: 42px; }
}


/* OCR identity review clarity */
.ocr-player-options button.selected {
  border-color: rgba(83, 210, 190, .66);
  background: rgba(83, 210, 190, .14);
  color: var(--brand-3);
}

/* WarrantyVault V33.26: Whatnot repack bookkeeping workspace */
.repack-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}
.repack-metric {
  min-width: 0;
  padding: 17px 18px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: linear-gradient(180deg, rgba(25, 47, 71, .96), rgba(16, 33, 52, .98));
}
.repack-metric span,
.repack-metric b,
.repack-metric small { display: block; }
.repack-metric span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.repack-metric b {
  margin-top: 8px;
  font-size: 25px;
  line-height: 1.08;
  font-weight: 780;
}
.repack-metric small {
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.repack-metric.positive b { color: var(--green); }
.repack-metric.negative b { color: var(--red); }
.repack-selector {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 2px 1px 12px;
  margin-bottom: 4px;
  scrollbar-width: thin;
}
.repack-chip {
  appearance: none;
  flex: 0 0 min(330px, 78vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-radius: 15px;
  color: var(--text);
  background: rgba(15, 32, 51, .82);
  text-align: left;
  transition: .18s ease;
}
.repack-chip:hover,
.repack-chip.active {
  border-color: rgba(83, 210, 190, .45);
  background: rgba(23, 49, 70, .96);
}
.repack-chip.active { box-shadow: inset 0 0 0 1px rgba(83, 210, 190, .14); }
.repack-chip span { min-width: 0; }
.repack-chip b,
.repack-chip small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.repack-chip b { font-size: 14px; }
.repack-chip small { margin-top: 4px; color: var(--muted); font-size: 12px; }
.repack-chip strong { flex: 0 0 auto; font-size: 13px; }
.repack-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 21px;
  margin-bottom: 14px;
}
.repack-hero h2 { margin: 7px 0 5px; font-size: clamp(22px, 2.2vw, 31px); }
.repack-hero p { margin: 0; color: var(--muted); font-size: 13px; }
.repack-title-row { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; }
.repack-status {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border-radius: 999px;
  color: #f5d58e;
  background: rgba(244, 191, 89, .11);
  font-weight: 800;
}
.repack-status.completed { color: var(--brand-3); background: rgba(83, 210, 190, .11); }
.repack-hero-actions { display: flex; gap: 9px; align-items: center; }
.repack-breakdown {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 14px;
}
.repack-breakdown .repack-metric {
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}
.repack-breakdown .repack-metric:last-child { border-right: 0; }
.repack-breakdown .repack-metric b { font-size: 20px; }
.repack-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(360px, .7fr);
  gap: 14px;
  align-items: start;
}
.repack-cards-panel,
.repack-financial-panel { overflow: visible; }
.repack-card-total {
  color: var(--brand-3);
  font-size: 18px;
  font-weight: 800;
}
.repack-card-list { padding: 14px 20px 0; }
.repack-card-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) minmax(125px, 170px) 42px;
  gap: 9px;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid rgba(168, 184, 205, .13);
}
.repack-card-row > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  color: var(--muted);
  background: rgba(255, 255, 255, .035);
  font-size: 12px;
  font-weight: 800;
}
.repack-card-row .field { min-height: 41px; }
.money-field { position: relative; min-width: 0; }
.money-field > span {
  position: absolute;
  left: 12px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  color: var(--muted);
  pointer-events: none;
}
.money-field .field { padding-left: 27px; }
.repack-remove-card { color: var(--muted); }
.repack-card-actions { display: flex; justify-content: flex-end; padding: 14px 20px; }
.repack-add-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 170px) auto;
  gap: 10px;
  align-items: end;
  padding: 16px 20px 20px;
  border-top: 1px solid var(--line);
  background: rgba(7, 20, 33, .2);
}
.repack-add-card label { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 750; color: var(--muted); }
.repack-details-form { padding: 16px 20px 20px; }
.repack-details-form > .form-group,
.repack-details-form > .form-grid { margin-bottom: 14px; }
.repack-live-result {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 4px 0 15px;
  padding: 11px;
  border: 1px solid rgba(83, 210, 190, .18);
  border-radius: 15px;
  background: rgba(83, 210, 190, .045);
}
.repack-live-result > div { padding: 7px 8px; }
.repack-live-result span,
.repack-live-result b { display: block; }
.repack-live-result span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.repack-live-result b { margin-top: 5px; font-size: 16px; }
.repack-empty { padding: 58px 22px; }
.new-repack-cards-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 18px 0 8px;
}
.new-repack-cards-heading b,
.new-repack-cards-heading small { display: block; }
.new-repack-cards-heading small { color: var(--muted); font-size: 12px; }
.new-repack-card-list { display: grid; gap: 8px; }
.new-repack-card-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) minmax(120px, 165px);
  gap: 9px;
  align-items: center;
}
.new-repack-card-row > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  color: var(--muted);
  background: rgba(255,255,255,.04);
  font-size: 12px;
  font-weight: 800;
}
.activity-feed-label.repack { color: #d8c7ff; background: rgba(180,156,255,.1); }
.activity-feed-marker.repack { border-color: rgba(180,156,255,.25); }
.activity-feed-marker.repack span { background: var(--purple); }
@media (max-width: 1180px) {
  .repack-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .repack-breakdown { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .repack-breakdown .repack-metric:nth-child(3) { border-right: 0; }
  .repack-breakdown .repack-metric:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .repack-workspace-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .repack-topbar .top-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .repack-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .repack-metric { padding: 14px; }
  .repack-metric b { font-size: 21px; }
  .repack-hero { align-items: flex-start; flex-direction: column; }
  .repack-hero-actions { width: 100%; }
  .repack-hero-actions .btn { flex: 1; }
  .repack-breakdown { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .repack-breakdown .repack-metric { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .repack-breakdown .repack-metric:nth-child(2n) { border-right: 0; }
  .repack-breakdown .repack-metric:nth-last-child(-n+2) { border-bottom: 0; }
  .repack-card-row { grid-template-columns: 28px minmax(0, 1fr) 42px; }
  .repack-card-row .money-field { grid-column: 2; }
  .repack-card-row .repack-remove-card { grid-column: 3; grid-row: 1 / span 2; }
  .repack-add-card { grid-template-columns: 1fr; }
  .repack-add-card .btn { width: 100%; }
  .new-repack-card-row { grid-template-columns: 28px minmax(0, 1fr); }
  .new-repack-card-row .money-field { grid-column: 2; }
  .new-repack-cards-heading { align-items: flex-start; flex-direction: column; }
}


/* WarrantyVault V33.26: repack templates and expanded performance summaries */
.repack-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.repack-template-toolbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.repack-template-list {
  display: grid;
  gap: 10px;
}
.repack-template-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(16,34,53,.72);
}
.repack-template-card > div:first-child { min-width: 0; }
.repack-template-card b,
.repack-template-card small { display: block; }
.repack-template-card b { font-size: 14px; }
.repack-template-card small { margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.repack-template-card > div:last-child { display: flex; gap: 8px; flex: 0 0 auto; }
.repack-template-empty { padding: 30px 18px; }
@media (max-width: 1050px) {
  .repack-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .repack-topbar .top-actions { grid-template-columns: 1fr 1fr; }
  .repack-topbar .top-actions #newRepackBtn { grid-column: 1 / -1; }
  .repack-template-card { align-items: stretch; flex-direction: column; }
  .repack-template-card > div:last-child { width: 100%; }
  .repack-template-card > div:last-child .btn { flex: 1; }
}


/* V33.27 repack time-of-day analytics */
.repack-time-panel{margin-bottom:18px}.repack-time-report{display:grid;gap:10px}.repack-time-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,1.2fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.55)}.repack-time-row strong{display:block;font-size:13px}.repack-time-row span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.repack-time-row b{font-size:13px;text-align:right}.repack-time-report-empty{padding:14px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);display:grid;gap:5px}.repack-time-report-empty strong{color:var(--text)}@media(max-width:700px){.repack-time-row{grid-template-columns:1fr}.repack-time-row b{text-align:left}}
.mfa-recovery-panel{margin-top:14px;padding:16px;border:1px solid rgba(180,156,255,.22);border-radius:15px;background:rgba(180,156,255,.045)}
.mfa-recovery-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.mfa-recovery-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:10px}
.mfa-recovery-code{padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.22);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.04em;text-align:center;color:#d9e7f4}
@media(max-width:650px){.mfa-recovery-actions{flex-direction:column}.mfa-recovery-actions .btn{width:100%}}

/* V33.29 repack analytics refresh */
.repack-primary-breakdown{grid-template-columns:repeat(5,minmax(0,1fr));}
.repack-hit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-bottom:18px;padding:0;overflow:hidden;}
.repack-hit-card{padding:16px 18px 18px;border-right:1px solid var(--line);min-width:0;}
.repack-hit-card:last-child{border-right:0;}
.repack-hit-label{display:flex;align-items:flex-start;gap:9px;min-width:0;min-height:36px;}
.repack-hit-label>span:last-child{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;overflow-wrap:normal;word-break:normal;padding-top:2px;}
.repack-stat-icon{display:grid!important;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:rgba(83,210,190,.1);color:var(--brand-3);}
.repack-stat-icon.cards{color:#a98df5;background:rgba(169,141,245,.12)}
.repack-stat-icon.spins{color:#4ca9ff;background:rgba(76,169,255,.12)}
.repack-stat-icon.ev{color:#f2c94c;background:rgba(242,201,76,.12)}
.repack-stat-icon.profit{color:#53d2be;background:rgba(83,210,190,.12)}
.repack-stat-icon.low{color:#ff6f7f;background:rgba(255,111,127,.11)}
.repack-stat-icon.high{color:#55d98a;background:rgba(85,217,138,.11)}
.repack-stat-icon.big{color:#ffbd59;background:rgba(255,189,89,.11)}
.repack-icon-svg{display:block;width:18px;height:18px;}
.repack-hit-card b{display:block;margin-top:11px;color:var(--text);font-size:22px;line-height:1.05;}
.repack-hit-card small{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip;min-height:34px;overflow-wrap:anywhere;}
.repack-time-panel{margin-bottom:18px;overflow:hidden;}
.repack-time-headline{border-bottom:1px solid var(--line);}
.repack-time-report{display:block;padding:0;}
.repack-time-table{width:100%;}
.repack-time-head,.repack-time-row{display:grid;grid-template-columns:1.45fr .75fr .9fr 1.05fr .9fr 1.2fr;gap:14px;align-items:center;}
.repack-time-head{padding:13px 22px;color:var(--muted);background:rgba(255,255,255,.035);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;}
.repack-time-row{padding:14px 22px;border-top:1px solid rgba(168,184,205,.12);background:rgba(7,20,33,.18);}
.repack-time-row.best{background:linear-gradient(90deg,rgba(83,210,190,.1),rgba(83,210,190,.025));}
.repack-time-name{display:flex;gap:12px;align-items:center;min-width:0;}
.repack-time-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:rgba(83,210,190,.1);color:var(--brand-3);}
.repack-time-icon .repack-icon-svg{width:22px;height:22px;}
.repack-time-icon.morning{color:#7ee787;background:rgba(126,231,135,.12)}
.repack-time-icon.afternoon{color:#ffd95a;background:rgba(255,217,90,.12)}
.repack-time-icon.evening{color:#ff984f;background:rgba(255,152,79,.12)}
.repack-time-icon.late-night{color:#a98df5;background:rgba(169,141,245,.13)}
.repack-time-icon.no-time-entered{color:var(--muted);background:rgba(168,184,205,.1)}
.repack-time-row strong,.repack-time-row b{display:block;color:var(--text);font-size:15px;}
.repack-time-row small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35;}
.repack-performance{display:grid;grid-template-columns:minmax(80px,1fr) auto;gap:10px;align-items:center;}
.repack-performance b{font-size:12px;color:var(--brand-3);}
.repack-time-foot{margin:12px 22px 18px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:rgba(255,255,255,.03);font-size:12px;}
.repack-time-report-empty{margin:18px 22px;padding:18px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);display:grid;gap:5px;background:rgba(255,255,255,.025);}
.repack-time-report-empty strong{color:var(--text);}
@media(max-width:1240px){.repack-primary-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));}.repack-hit-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.repack-hit-card{border-bottom:1px solid var(--line);}.repack-time-head,.repack-time-row{grid-template-columns:1.25fr .65fr .8fr .95fr .85fr;}.repack-time-head span:nth-child(6),.repack-time-row .repack-performance{display:none;}}
@media(max-width:780px){.repack-primary-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));}.repack-hit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.repack-hit-card:nth-child(2n){border-right:0;}.repack-time-head{display:none;}.repack-time-row{grid-template-columns:1fr 1fr;padding:14px;}.repack-time-name{grid-column:1/-1}.repack-performance{display:grid!important;grid-column:1/-1}.repack-time-foot{margin:12px 14px 16px;}}


/* WarrantyVault V33.32: repack overview/detail split */
.repack-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.repack-overview-time{margin-bottom:22px}
.repack-selector{display:block;overflow:visible;padding:0;margin:0 0 24px}
.repack-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 2px 12px}
.repack-list-heading>span{color:var(--muted);font-size:12px;font-weight:800}
.repack-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.repack-overview-card{appearance:none;display:block;width:100%;min-width:0;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(21,43,65,.96),rgba(13,29,46,.98));color:var(--text);text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.repack-overview-card:hover{transform:translateY(-2px);border-color:rgba(83,210,190,.5);background:linear-gradient(180deg,rgba(25,51,73,.98),rgba(15,34,52,.98))}
.repack-overview-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.repack-overview-card-top>strong{font-size:14px}
.repack-overview-card h3{margin:14px 0 5px;font-size:17px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repack-overview-card>p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repack-overview-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 13px;padding:12px 0;border-top:1px solid rgba(168,184,205,.13);border-bottom:1px solid rgba(168,184,205,.13)}
.repack-overview-card-stats span,.repack-overview-card-stats small,.repack-overview-card-stats b{display:block;min-width:0}
.repack-overview-card-stats small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repack-overview-card-stats b{margin-top:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repack-open-link{display:flex;align-items:center;justify-content:space-between;color:var(--brand-3);font-size:12px;font-weight:800}
.repack-open-link span{font-size:20px;line-height:1}
.repack-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.repack-detail-nav>span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
@media(max-width:1120px){.repack-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.repack-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repack-overview-grid{grid-template-columns:1fr}.repack-list-heading{align-items:flex-start;flex-direction:column}.repack-detail-nav>span{display:none}.repack-detail-nav .btn{width:100%}}
@media(max-width:480px){.repack-summary-grid{grid-template-columns:1fr}.repack-overview-card-stats{grid-template-columns:1fr 1fr}.repack-overview-card-stats span:last-child{grid-column:1/-1}}

/* WarrantyVault V33.33: browser-safe repack icons */
@media(max-width:780px){.repack-stat-icon{flex-basis:28px;width:28px;height:28px}.repack-hit-label{gap:7px}.repack-time-icon{width:40px;height:40px;flex-basis:40px}}


/* V33.35: prevent repack metric labels and descriptions from clipping */
@media(min-width:1241px){.repack-hit-card{padding-left:16px;padding-right:16px}.repack-hit-grid{align-items:stretch}}


/* WarrantyVault V33.36: repack filters, quality alerts, and overview cards */
.repack-overview-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(13,31,49,.76)}
.repack-overview-controls>div>span{display:block;margin-bottom:9px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.repack-overview-controls>strong{color:var(--muted);font-size:12px;white-space:nowrap}
.repack-range-chips{display:flex;gap:7px;flex-wrap:wrap}
.repack-range-chip{appearance:none;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}
.repack-range-chip:hover{border-color:rgba(83,210,190,.4);color:var(--text)}
.repack-range-chip.active{border-color:rgba(83,210,190,.55);background:rgba(83,210,190,.12);color:var(--brand-3)}
.repack-quality-panel{margin-bottom:18px;padding:0;overflow:hidden;border-color:rgba(244,191,89,.25)}
.repack-quality-panel.good{padding:15px 18px;border-color:rgba(83,210,190,.22);background:linear-gradient(90deg,rgba(83,210,190,.075),rgba(15,33,51,.82))}
.repack-quality-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid rgba(244,191,89,.15)}
.repack-quality-head>span{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:rgba(244,191,89,.11);color:#f4bf59;font-size:11px;font-weight:900}
.repack-quality-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.repack-quality-list button{appearance:none;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:14px 18px;border:0;border-right:1px solid rgba(168,184,205,.12);border-bottom:1px solid rgba(168,184,205,.12);background:rgba(8,22,36,.35);color:var(--text);text-align:left;cursor:pointer}
.repack-quality-list button:nth-child(2n){border-right:0}
.repack-quality-list button:hover{background:rgba(244,191,89,.055)}
.repack-quality-list button>div{min-width:0}
.repack-quality-list strong,.repack-quality-list small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.repack-quality-list strong{font-size:13px}
.repack-quality-list small{margin-top:4px;color:var(--muted);font-size:11px}
.repack-quality-list b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:rgba(244,191,89,.11);color:#f4bf59;font-size:11px}
.repack-quality-list i{color:var(--muted);font-size:20px;font-style:normal}
.repack-quality-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(244,191,89,.11);color:#f4bf59;font-size:14px;font-weight:950}
.repack-quality-summary{display:flex;align-items:center;gap:12px}
.repack-quality-summary .repack-quality-icon{background:rgba(83,210,190,.11);color:var(--brand-3)}
.repack-quality-summary strong,.repack-quality-summary small{display:block}
.repack-quality-summary small{margin-top:4px;color:var(--muted);font-size:12px}
.repack-detail-alert{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:18px;margin:0 0 14px;padding:15px 17px;border:1px solid rgba(244,191,89,.28);border-radius:16px;background:linear-gradient(90deg,rgba(244,191,89,.09),rgba(16,34,52,.88))}
.repack-detail-alert>div:first-child strong,.repack-detail-alert>div:first-child span{display:block}
.repack-detail-alert>div:first-child strong{color:#f4d488;font-size:14px}
.repack-detail-alert>div:first-child span{margin-top:4px;color:var(--muted);font-size:11px}
.repack-detail-alert>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.repack-detail-alert>div:last-child span{padding:6px 9px;border:1px solid rgba(244,191,89,.19);border-radius:999px;background:rgba(244,191,89,.06);color:#f4d488;font-size:11px;font-weight:750}
.repack-overview-card{padding:18px;min-height:245px}
.repack-overview-card-top{align-items:flex-start}
.repack-overview-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.repack-quality-badge{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}
.repack-quality-badge.warning{background:rgba(244,191,89,.1);color:#f4bf59}
.repack-quality-badge.good{background:rgba(83,210,190,.1);color:var(--brand-3)}
.repack-overview-card-top>strong{padding-top:5px;font-size:15px;white-space:nowrap}
.repack-overview-card h3{margin-top:16px}
.repack-overview-card-stats{gap:0;margin:15px 0 10px;padding:0;border:1px solid rgba(168,184,205,.12);border-radius:13px;overflow:hidden}
.repack-overview-card-stats span{padding:11px 10px;border-right:1px solid rgba(168,184,205,.12);background:rgba(255,255,255,.018)}
.repack-overview-card-stats span:last-child{border-right:0}
.repack-overview-card-stats small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
.repack-overview-card-stats b{font-size:14px;overflow:visible;text-overflow:clip}
.repack-overview-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 1px 12px;color:var(--muted);font-size:11px}
.repack-open-link{padding-top:11px;border-top:1px solid rgba(168,184,205,.12)}
.repack-filter-empty{margin-bottom:20px}
@media(max-width:900px){.repack-quality-list{grid-template-columns:1fr}.repack-quality-list button{border-right:0}.repack-detail-alert{grid-template-columns:1fr}.repack-detail-alert>div:last-child{justify-content:flex-start}}
@media(max-width:680px){.repack-overview-controls{align-items:flex-start;flex-direction:column}.repack-overview-controls>strong{white-space:normal}.repack-range-chips{width:100%}.repack-range-chip{flex:1}.repack-overview-card-stats{grid-template-columns:1fr}.repack-overview-card-stats span{border-right:0;border-bottom:1px solid rgba(168,184,205,.12)}.repack-overview-card-stats span:last-child{border-bottom:0}.repack-overview-card-meta{align-items:flex-start;flex-direction:column;gap:4px}}


/* WarrantyVault V33.37: align time-of-day report columns and sublabels */
.repack-time-head,
.repack-time-row {
  grid-template-columns:
    minmax(280px, 1.45fr)
    minmax(90px, .5fr)
    minmax(130px, .72fr)
    minmax(160px, .88fr)
    minmax(130px, .72fr)
    minmax(230px, 1.15fr);
  column-gap: 26px;
}
.repack-time-head .repack-time-col,
.repack-time-row .repack-time-cell {
  min-width: 0;
}
.repack-time-head .time,
.repack-time-row .time {
  text-align: left;
}
.repack-time-head .breaks,
.repack-time-row .breaks {
  text-align: center;
}
.repack-time-head .avg-profit,
.repack-time-head .per-spin,
.repack-time-head .total-net,
.repack-time-row .avg-profit,
.repack-time-row .per-spin,
.repack-time-row .total-net {
  text-align: right;
}
.repack-time-head .performance,
.repack-time-row .performance {
  text-align: left;
}
.repack-time-row .repack-time-cell > b,
.repack-time-row .repack-time-cell > small {
  width: 100%;
  text-align: inherit;
  font-variant-numeric: tabular-nums;
}
.repack-time-row .breaks,
.repack-time-row .avg-profit,
.repack-time-row .per-spin,
.repack-time-row .total-net {
  display: flex;
  min-height: 46px;
  flex-direction: column;
  justify-content: center;
}
.repack-time-row .breaks {
  align-items: center;
}
.repack-time-row .avg-profit,
.repack-time-row .per-spin,
.repack-time-row .total-net {
  align-items: flex-end;
}
.repack-time-row .performance {
  grid-template-columns: minmax(130px, 1fr) 34px;
  gap: 12px;
}
.repack-time-row .performance > b {
  width: auto;
  text-align: right;
}
@media (max-width: 1240px) {
  .repack-time-head,
  .repack-time-row {
    grid-template-columns:
      minmax(240px, 1.35fr)
      minmax(80px, .48fr)
      minmax(120px, .68fr)
      minmax(145px, .82fr)
      minmax(120px, .68fr);
    column-gap: 20px;
  }
}
@media (max-width: 780px) {
  .repack-time-row .breaks,
  .repack-time-row .avg-profit,
  .repack-time-row .per-spin,
  .repack-time-row .total-net {
    align-items: flex-start;
    text-align: left;
  }
  .repack-time-row .performance {
    grid-template-columns: minmax(100px, 1fr) 34px;
  }
}


/* V33.38 Card Ladder valuation workflow */
.card-ladder-panel {
  border: 1px solid rgba(64, 169, 255, .25);
  border-radius: 16px;
  padding: 15px;
  background: linear-gradient(145deg, rgba(30, 87, 153, .10), rgba(11, 25, 43, .48));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.card-ladder-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:12px; }
.card-ladder-title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:13px; font-weight:800; color:var(--text); }
.card-ladder-title span { padding:3px 7px; border-radius:999px; background:rgba(64,169,255,.13); color:#8dc9ff; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.card-ladder-head small { display:block; margin-top:4px; color:var(--muted); line-height:1.45; }
.card-ladder-mark { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:12px; border:1px solid rgba(64,169,255,.32); background:rgba(64,169,255,.14); color:#9fd3ff; font-size:12px; font-weight:900; letter-spacing:.05em; }
.card-ladder-query { display:grid; gap:5px; padding:10px 11px; margin-bottom:10px; border:1px solid var(--line); border-radius:11px; background:rgba(4,12,24,.42); }
.card-ladder-query span { color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.card-ladder-query code { color:var(--text); white-space:normal; overflow-wrap:anywhere; font-family:inherit; font-size:11px; line-height:1.45; }
.card-ladder-actions { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.card-ladder-sales-input { min-height:108px; margin-top:6px; font-variant-numeric:tabular-nums; }
.card-ladder-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.card-ladder-summary > div { display:grid; gap:3px; padding:10px; border:1px solid var(--line); border-radius:11px; background:rgba(4,12,24,.38); }
.card-ladder-summary > div span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.card-ladder-summary > div b { font-size:13px; font-variant-numeric:tabular-nums; }
.card-ladder-summary > small { grid-column:1/-1; color:var(--muted); font-size:10px; }
.card-ladder-summary.empty { display:block; padding:10px 11px; border:1px dashed var(--line); border-radius:11px; color:var(--muted); font-size:10px; }
.modal-card-ladder-panel { margin-top:2px; }
.collect-values > div { position:relative; }
.collect-value-source { display:block; margin-top:3px; color:#79bfff; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
@media (max-width: 640px) {
  .card-ladder-panel { padding:13px; }
  .card-ladder-head { gap:10px; }
  .card-ladder-summary { grid-template-columns:1fr; }
  .card-ladder-summary > small { grid-column:auto; }
  .card-ladder-actions .btn { flex:1 1 0; }
}

/* V34.05 Card Ladder manual-comp workflow */
.card-ladder-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; }
.card-ladder-footer small { max-width:620px; color:var(--muted); font-size:9px; line-height:1.45; }
.card-ladder-footer .btn { flex:0 0 auto; }
.card-ladder-card-btn { display:inline-flex; align-items:center; gap:6px; min-height:30px; padding:5px 8px; border:1px solid rgba(64,169,255,.3); border-radius:9px; background:rgba(64,169,255,.1); color:var(--text); font:inherit; cursor:pointer; }
.card-ladder-card-btn:hover { border-color:rgba(64,169,255,.55); background:rgba(64,169,255,.16); }
.card-ladder-card-btn span { display:grid; place-items:center; width:20px; height:20px; border-radius:6px; background:rgba(64,169,255,.18); color:#9fd3ff; font-size:8px; font-weight:900; letter-spacing:.04em; }
.card-ladder-card-btn b { font-size:9px; white-space:nowrap; }
@media (max-width: 680px) {
  .card-ladder-footer { align-items:stretch; flex-direction:column; }
  .card-ladder-footer .btn { width:100%; }
  .card-ladder-card-btn b { display:none; }
  .card-ladder-card-btn { padding:5px; }
}


/* V33.40 recovery, archive safety, and responsive UX */
.cloud-safety-card { max-width: 520px; }
.cloud-safety-list { display: grid; gap: 10px; margin: 18px 0 22px; }
.cloud-safety-list > div { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(148,163,184,.18); border-radius: 14px; background: rgba(15,23,42,.48); }
.cloud-safety-list b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 999px; background: rgba(56,189,248,.14); color: #7dd3fc; font-size: 12px; }
.cloud-safety-list span { color: var(--muted, #a8b3c5); line-height: 1.4; }
.cloud-safety-signout { display: block; margin: 14px auto 0; color: #fca5a5; }

/* WarrantyVault V33.40: recovery center, archive safety, and responsive refinements */
.sync-details-trigger{cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.sync-details-trigger:hover,.sync-details-trigger:focus-visible{border-color:rgba(20,184,166,.38);background:rgba(20,184,166,.07);outline:none;transform:translateY(-1px)}
.sync-details-trigger:after{content:"Details";margin-left:auto;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

#dashboardStarter{display:none!important}
#dashboardStarter:not(:empty){display:block!important;margin-bottom:16px}
.onboarding-checklist{padding:0;overflow:hidden;border-color:rgba(20,184,166,.26);background:linear-gradient(140deg,rgba(20,184,166,.085),rgba(7,22,38,.96) 52%,rgba(37,99,235,.055))}
.onboarding-checklist-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;border-bottom:1px solid var(--line)}
.onboarding-checklist-head h2{margin:5px 0 5px;font-size:22px;letter-spacing:-.035em}.onboarding-checklist-head p{margin:0;color:var(--muted);font-size:12px}
.onboarding-progress{display:flex;align-items:center;gap:10px;min-width:190px}.onboarding-progress>span{height:8px;flex:1;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.onboarding-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#5caeff)}.onboarding-progress b{font-size:12px;color:var(--accent)}
.onboarding-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.onboarding-task{border:0;background:rgba(6,18,31,.98);color:var(--text);display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;text-align:left;cursor:pointer;transition:background .18s ease}
.onboarding-task:hover:not(:disabled){background:rgba(20,184,166,.07)}.onboarding-task>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid rgba(20,184,166,.32);color:var(--accent);font-weight:900}.onboarding-task b{display:block;font-size:12px}.onboarding-task small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.onboarding-task>i{font-style:normal;color:var(--accent);font-size:10px;font-weight:800;white-space:nowrap}.onboarding-task.done{opacity:.58;cursor:default}.onboarding-task.done>span{background:rgba(20,184,166,.13)}

.recovery-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;color:var(--muted)}.recovery-loading>span{width:18px;height:18px;border:2px solid rgba(20,184,166,.22);border-top-color:var(--accent);border-radius:50%;animation:wv-spin .8s linear infinite}@keyframes wv-spin{to{transform:rotate(360deg)}}
.recovery-center-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.recovery-center-intro>div,.sync-detail-grid>div,.recovery-preview-grid>div{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:13px}.recovery-center-intro strong,.sync-detail-grid span,.recovery-preview-grid span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.recovery-center-intro b{display:block;margin-top:6px;font-size:17px}
.recovery-version-list{display:grid;gap:10px;max-height:min(52vh,560px);overflow:auto;padding-right:3px}.recovery-version-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:15px;padding:14px 15px;background:rgba(255,255,255,.02)}.recovery-version-card.latest{border-color:rgba(20,184,166,.32);background:rgba(20,184,166,.045)}.recovery-version-main{min-width:0}.recovery-version-heading{display:flex;align-items:center;gap:8px;margin-bottom:5px}.recovery-version-heading span{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.recovery-version-heading b{padding:4px 7px;border-radius:999px;background:rgba(20,184,166,.1);font-size:8px;color:#8af1df}.recovery-version-main>strong{font-size:13px}.recovery-version-main>p{margin:3px 0 8px;color:var(--muted);font-size:10px}.recovery-version-counts{display:flex;flex-wrap:wrap;gap:6px}.recovery-version-counts span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.045);color:var(--muted);font-size:9px}.recovery-version-actions{display:flex;gap:7px;flex:0 0 auto}.recovery-center-note{margin-top:12px;padding:11px 12px;border-radius:12px;background:rgba(37,99,235,.07);color:var(--muted);font-size:10px;line-height:1.45}.recovery-empty{min-height:190px}.recovery-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}.recovery-preview-head span{color:var(--accent);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.recovery-preview-head h4{margin:5px 0 3px;font-size:18px}.recovery-preview-head p{margin:0;color:var(--muted);font-size:10px}.recovery-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.recovery-preview-grid b{display:block;margin-top:6px;font-size:21px}.recovery-preview-grid small{display:block;margin-top:7px;color:var(--muted);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recovery-back-button{margin-top:15px}

.sync-detail-status{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.sync-detail-status>span{width:11px;height:11px;border-radius:50%;background:#8aa0b7;box-shadow:0 0 0 5px rgba(138,160,183,.09)}.sync-detail-status.good>span{background:var(--accent);box-shadow:0 0 0 5px rgba(20,184,166,.1)}.sync-detail-status.warning>span{background:#f4bf59;box-shadow:0 0 0 5px rgba(244,191,89,.1)}.sync-detail-status strong{display:block;font-size:13px}.sync-detail-status small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.sync-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.sync-detail-grid b{display:block;margin-top:6px;font-size:13px;overflow-wrap:anywhere}.sync-detail-grid small{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}.sync-detail-actions{display:flex;flex-wrap:wrap;gap:8px}

.archived-record-list{display:grid;gap:9px;max-height:min(55vh,580px);overflow:auto}.archived-record-list article{display:grid;grid-template-columns:70px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.archived-record-type{font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.archived-record-list strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archived-record-list small{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.record-more{position:relative}.record-more>summary{list-style:none;cursor:pointer}.record-more>summary::-webkit-details-marker{display:none}.record-more>div{position:absolute;right:0;top:calc(100% + 7px);z-index:30;min-width:170px;padding:6px;border:1px solid var(--line);border-radius:11px;background:#0b1a2a;box-shadow:0 16px 40px rgba(0,0,0,.34)}.record-more>div button{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;font:inherit;font-size:10px;cursor:pointer}.record-more>div button:hover{background:rgba(255,255,255,.05)}

#repackControls{margin-top:14px}.repack-selector{margin-top:14px}#repackContent{margin-top:14px}.repack-overview-grid{align-items:stretch}.repack-overview-card{height:100%}
.report-show-mobile{display:none}.report-show-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:rgba(255,255,255,.02)}.report-show-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.report-show-card-head h3{margin:7px 0 3px;font-size:14px}.report-show-card-head p{margin:0;color:var(--muted);font-size:9px}.report-show-card-head>b{font-size:16px;white-space:nowrap}.report-show-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:13px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--line)}.report-show-card-grid>div{padding:10px;background:#0a1726}.report-show-card-grid span,.report-show-card-foot span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.report-show-card-grid b{display:block;margin-top:4px;font-size:11px}.report-show-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}

.data-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.data-action-card{min-height:104px}.top-actions{align-items:center}.top-actions>.btn:last-child{margin-left:auto}.collect-card,.repack-overview-card,.report-card{min-height:0}

@media(max-width:900px){.data-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-task-list{grid-template-columns:1fr}.onboarding-checklist-head{align-items:flex-start}.recovery-center-intro{grid-template-columns:1fr 1fr}.recovery-center-intro>div:last-child{grid-column:1/-1}.archived-record-list article{grid-template-columns:62px minmax(0,1fr) auto}.archived-record-list article>.btn.danger{grid-column:3}.recovery-version-card{align-items:flex-start}}
@media(max-width:760px){
  .onboarding-checklist-head{padding:18px;flex-direction:column}.onboarding-progress{width:100%;min-width:0}.onboarding-task{padding:14px;grid-template-columns:31px minmax(0,1fr)}.onboarding-task>i{grid-column:2;margin-top:2px}.onboarding-task.done>i{display:none}
  .recovery-version-card{display:block}.recovery-version-actions{margin-top:12px}.recovery-version-actions .btn{flex:1}.recovery-preview-head{display:block}.recovery-preview-head .btn{width:100%;margin-top:12px}.recovery-preview-grid,.sync-detail-grid{grid-template-columns:1fr}.sync-detail-actions{display:grid;grid-template-columns:1fr}.archived-record-list article{grid-template-columns:1fr auto}.archived-record-type{grid-column:1/-1}.archived-record-list article>.btn{grid-row:3}.archived-record-list article>.btn.danger{grid-column:2;grid-row:3}
  #view-reports .table-card .table-scroll{display:none}.report-show-mobile{display:grid;gap:10px}.report-show-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .repack-overview-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-right:-18px;padding-right:18px}.repack-overview-card{min-width:min(86vw,330px);scroll-snap-align:start}.repack-list-heading{align-items:flex-start}.repack-list-heading>span{display:none}
  .record-more>div{position:fixed;right:16px;left:16px;top:auto;bottom:84px;min-width:0}
  .data-action-grid{grid-template-columns:1fr}.data-action-card{min-height:88px}.top-actions>.btn:last-child{margin-left:0}
}
.workspace-established #view-collection>.topbar .page-sub,.workspace-established #view-shows>.topbar .page-sub,.workspace-established #view-repacks>.topbar .page-sub,.workspace-established #view-reports>.topbar .page-sub{display:none}
.record-more>div button{color:var(--text)}

/* V33.40.1 modal cleanup: hidden action buttons must not be restored by button display rules. */
#modalSave[hidden] { display: none !important; }

/* V33.41 performance release: visual design intentionally unchanged. */

/* V33.42 dashboard controls, onboarding dismissal, and backup visibility */
.dashboard-customize-btn { flex: 0 0 auto; margin-top: 3px; }
.dashboard-panel-hidden { display: none !important; }
.vault-overview-save-block { display: grid; justify-items: start; gap: 5px; align-self: flex-start; }
.vault-overview-backup { appearance: none; border: 0; padding: 0; color: #8296a9; background: transparent; font: inherit; font-size: 9px; font-weight: 750; cursor: pointer; text-align: left; }
.vault-overview-backup:hover,.vault-overview-backup:focus-visible { color: var(--brand-3); outline: none; text-decoration: underline; text-underline-offset: 3px; }
.vault-overview-backup.recommended { color: #f4bf59; }
.onboarding-checklist { position: relative; }
.onboarding-dismiss { position: absolute; z-index: 3; top: 12px; right: 13px; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(148,163,184,.2); border-radius: 10px; color: var(--muted); background: rgba(5,18,31,.55); font: inherit; font-size: 19px; line-height: 1; cursor: pointer; transition: color .16s ease,border-color .16s ease,background .16s ease; }
.onboarding-dismiss:hover,.onboarding-dismiss:focus-visible { color: var(--text); border-color: rgba(20,184,166,.4); background: rgba(20,184,166,.08); outline: none; }
.onboarding-checklist-head { padding-right: 60px; }
.onboarding-task.done { padding-top: 11px; padding-bottom: 11px; grid-template-columns: 27px minmax(0,1fr) auto; }
.onboarding-task.done > span { width: 24px; height: 24px; font-size: 11px; }
.onboarding-task.done small { display: none; }
.onboarding-task.done b { color: #c1ced8; font-size: 11px; }
.dashboard-pref-list { display: grid; gap: 9px; }
.dashboard-pref-option { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: 11px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); cursor: pointer; }
.dashboard-pref-option:hover { border-color: rgba(20,184,166,.3); background: rgba(20,184,166,.045); }
.dashboard-pref-option input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--accent); }
.dashboard-pref-option b,.dashboard-pref-option small { display: block; }
.dashboard-pref-option b { font-size: 12px; }
.dashboard-pref-option small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.dashboard-pref-option.disabled { opacity: .55; cursor: default; }
.dashboard-pref-option.disabled:hover { border-color: var(--line); background: rgba(255,255,255,.025); }
.dashboard-pref-note { margin-top: 12px; padding: 10px 12px; border-radius: 12px; color: var(--muted); background: rgba(37,99,235,.065); font-size: 10px; }
.dashboard-pref-reset { margin-top: 12px; }
.data-action-card:disabled { opacity: .5; cursor: default; transform: none !important; }
.polished-empty .btn { margin-top: 12px; }

@media (max-width: 760px) {
  .dashboard-welcome { align-items: stretch; }
  .dashboard-customize-btn { width: 100%; margin-top: 2px; }
  .onboarding-checklist-head { padding-right: 50px; }
  .onboarding-dismiss { top: 10px; right: 10px; }
  .onboarding-task.done { padding-top: 10px; padding-bottom: 10px; }
  .vault-overview-save-block { justify-items: start; }
}
.dashboard-lower-grid.single-visible-panel { grid-template-columns: minmax(0,1fr); }

/* V33.43 on-demand Export Center */
.export-center { display: grid; gap: 16px; }
.export-format-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.export-format-card { position: relative; display: grid; grid-template-columns: 50px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 12px; align-items: center; min-height: 88px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); cursor: pointer; transition: border-color .16s ease,background .16s ease,transform .16s ease; }
.export-format-card:hover { transform: translateY(-1px); border-color: rgba(20,184,166,.34); }
.export-format-card.active { border-color: rgba(20,184,166,.62); background: rgba(20,184,166,.08); box-shadow: inset 0 0 0 1px rgba(20,184,166,.12); }
.export-format-card input { position: absolute; opacity: 0; pointer-events: none; }
.export-format-card .export-format-icon { grid-row: 1 / 3; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; color: #d8fff9; background: linear-gradient(145deg,rgba(20,184,166,.22),rgba(37,99,235,.16)); border: 1px solid rgba(20,184,166,.24); font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.export-format-card b,.export-format-card small { display: block; min-width: 0; }
.export-format-card b { align-self: end; font-size: 13px; }
.export-format-card small { align-self: start; margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.export-options-grid { margin-top: 0; }
.export-check-list { display: grid; gap: 9px; }
.export-check-list > label { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: 11px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.022); cursor: pointer; }
.export-check-list input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--accent); }
.export-check-list b,.export-check-list small { display: block; }
.export-check-list b { font-size: 12px; }
.export-check-list small { margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.export-performance-note { padding: 12px 14px; border: 1px solid rgba(20,184,166,.18); border-radius: 14px; background: rgba(20,184,166,.055); }
.export-performance-note span { display: inline-flex; padding: 4px 8px; border-radius: 999px; color: #9ff2e5; background: rgba(20,184,166,.13); font-size: 8px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.export-performance-note p { margin: 8px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.export-progress { display: grid; gap: 10px; padding: 13px 14px; border: 1px solid rgba(37,99,235,.24); border-radius: 14px; background: rgba(37,99,235,.06); }
.export-progress > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.export-progress b { font-size: 11px; }
.export-progress span { color: var(--muted); font-size: 9px; }
.export-progress-track { height: 7px; border-radius: 999px; background: rgba(148,163,184,.14); overflow: hidden; }
.export-progress-track i { display: block; width: 4%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--brand),var(--brand-2)); transition: width .18s ease; }
#modalSave:disabled,#modalCancel:disabled { opacity: .55; cursor: wait; }
@media (max-width: 620px) {
  .export-format-grid { grid-template-columns: 1fr; }
  .export-format-card { min-height: 78px; }
  .export-progress > div:first-child { display: grid; gap: 3px; }
}

/* =========================================================
   WarrantyVault V33.50 — Precision PSA Centering and stability polish
   ========================================================= */
.centering-topbar { align-items: flex-start; margin-bottom: 12px; }
.centering-local-badge {
  display: flex; align-items: center; gap: 9px; min-width: 180px; padding: 9px 11px;
  border: 1px solid rgba(88,214,141,.2); border-radius: 999px;
  background: rgba(88,214,141,.065); color: #dff9e9;
}
.centering-local-badge > span { color: var(--green); font-size: 10px; text-shadow: 0 0 12px rgba(88,214,141,.75); }
.centering-local-badge b,.centering-local-badge small { display: block; }
.centering-local-badge b { font-size: 11px; line-height: 1.1; }
.centering-local-badge small { margin-top: 1px; color: var(--muted); font-size: 9px; }
.centering-compact-notice {
  display: flex; align-items: center; gap: 9px; margin-bottom: 14px; padding: 9px 12px;
  border: 1px solid rgba(20,184,166,.16); border-radius: 12px;
  background: rgba(20,184,166,.045);
}
.centering-compact-notice > span {
  width: 21px; height: 21px; display: grid; place-items: center; flex: 0 0 auto;
  border-radius: 50%; background: rgba(20,184,166,.12); color: var(--brand-3); font-size: 11px; font-weight: 900;
}
.centering-compact-notice p { flex: 1; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.centering-compact-notice strong { color: #dce8f4; }
.centering-compact-notice a { color: var(--brand-3); font-size: 10px; font-weight: 750; white-space: nowrap; }
.centering-stepper {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 14px;
}
.centering-stepper > div {
  display: flex; align-items: center; gap: 9px; min-width: 0; padding: 9px 11px;
  border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); opacity: .66;
}
.centering-stepper > div > span {
  width: 25px; height: 25px; display: grid; place-items: center; flex: 0 0 auto;
  border-radius: 9px; background: rgba(255,255,255,.05); color: var(--muted); font-size: 10px; font-weight: 900;
}
.centering-stepper b,.centering-stepper small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.centering-stepper b { color: #dce7f2; font-size: 11px; }
.centering-stepper small { margin-top: 1px; color: var(--muted); font-size: 9px; }
.centering-stepper > div.active { opacity: 1; border-color: rgba(20,184,166,.28); background: rgba(20,184,166,.065); }
.centering-stepper > div.active > span { background: var(--brand); color: #05131b; }
.centering-stepper > div.complete { opacity: .9; }
.centering-stepper > div.complete > span { background: rgba(88,214,141,.16); color: #bff2d0; }
.psa-centering-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(320px,.72fr); gap: 14px; align-items: start; }
.centering-workbench-panel,.centering-results-panel { padding: 17px; }
.centering-results-panel { position: sticky; top: 16px; }
.centering-panel-head,.centering-result-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 13px;
}
.centering-side-tabs {
  display: inline-grid; grid-template-columns: 1fr 1fr; padding: 3px; border-radius: 11px;
  border: 1px solid var(--line); background: rgba(4,13,23,.66);
}
.centering-side-tabs button {
  min-width: 86px; padding: 7px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); text-align: left;
}
.centering-side-tabs button span,.centering-side-tabs button small { display: block; }
.centering-side-tabs button span { color: inherit; font-size: 11px; font-weight: 800; }
.centering-side-tabs button small { margin-top: 1px; font-size: 9px; }
.centering-side-tabs button.active { background: rgba(20,184,166,.14); color: #fff; box-shadow: inset 0 0 0 1px rgba(20,184,166,.18); }
.centering-upload {
  min-height: 330px; display: grid; place-items: center; align-content: center; text-align: center; padding: 28px;
  border: 1px dashed rgba(105,145,180,.38); border-radius: 17px;
  background: radial-gradient(circle at 50% 18%,rgba(37,99,235,.1),transparent 40%),rgba(6,16,29,.38);
}
.centering-upload-icon {
  width: 56px; height: 56px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 17px;
  background: linear-gradient(145deg,rgba(20,184,166,.16),rgba(37,99,235,.12));
  border: 1px solid rgba(20,184,166,.2); color: var(--brand-3); font-size: 24px;
}
.centering-upload h3 { margin: 0; font-size: 18px; }
.centering-upload p { max-width: 520px; margin: 7px auto 15px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.centering-upload > small { margin-top: 11px; color: var(--muted-2); font-size: 9px; }
.centering-upload-actions { display: flex; justify-content: center; gap: 8px; }
.centering-editor { display: grid; gap: 10px; }
.centering-stage-wrap {
  position: relative; display: grid; place-items: center; min-height: 355px; overflow: hidden;
  border: 1px solid rgba(111,145,178,.26); border-radius: 16px; background: #06101c;
  box-shadow: inset 0 0 44px rgba(0,0,0,.28);
}
#centeringCanvas { display: block; max-width: 100%; touch-action: none; user-select: none; cursor: crosshair; }
.centering-stage-help {
  position: static;
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(37,99,235,.045);
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
  pointer-events: none;
}
html[data-theme="dark"] .centering-stage-help {
  background: rgba(96,165,250,.055);
  color: #c7d4e5;
}
.centering-guide-readout { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.centering-guide-readout > div { padding: 8px 10px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.02); }
.centering-guide-readout span,.centering-guide-readout b { display: block; }
.centering-guide-readout span { color: var(--muted); font-size: 9px; }
.centering-guide-readout b { margin-top: 2px; color: #fff; font-size: 12px; }
.centering-adjustment-card { padding: 11px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.018); }
.centering-adjustment-copy { margin-bottom: 9px; }
.centering-adjustment-copy b,.centering-adjustment-copy small { display: block; }
.centering-adjustment-copy b { font-size: 11px; }
.centering-adjustment-copy small { margin-top: 2px; color: var(--muted); font-size: 9px; line-height: 1.4; }
.centering-mode-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.centering-mode-switch button {
  display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 9px; border: 1px solid var(--line);
  border-radius: 11px; background: rgba(255,255,255,.02); color: var(--muted); text-align: left;
}
.centering-mode-switch button > span {
  width: 25px; height: 25px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px;
  background: rgba(255,255,255,.05); color: var(--muted); font-size: 10px; font-weight: 900;
}
.centering-mode-switch b,.centering-mode-switch small { display: block; }
.centering-mode-switch b { color: #dce6f1; font-size: 11px; }
.centering-mode-switch small { margin-top: 1px; font-size: 9px; }
.centering-mode-switch button.active:first-child { border-color: rgba(88,230,208,.34); background: rgba(88,230,208,.075); }
.centering-mode-switch button.active:first-child > span { color: #06151d; background: #58e6d0; }
.centering-mode-switch button.active:last-child { border-color: rgba(255,209,115,.32); background: rgba(255,209,115,.065); }
.centering-mode-switch button.active:last-child > span { color: #231805; background: #ffd173; }
.centering-more-controls,.centering-photo-tips,.centering-quality-details,.centering-disclaimer,.centering-standards-panel { overflow: hidden; }
.centering-more-controls { border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.014); }
.centering-more-controls summary,.centering-quality-details summary,.centering-standards-summary {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; list-style: none;
}
.centering-more-controls summary::-webkit-details-marker,.centering-quality-details summary::-webkit-details-marker,.centering-standards-summary::-webkit-details-marker,.centering-disclaimer summary::-webkit-details-marker,.centering-photo-tips summary::-webkit-details-marker { display: none; }
.centering-more-controls summary { padding: 9px 11px; }
.centering-more-controls summary b,.centering-more-controls summary small { display: block; }
.centering-more-controls summary b { font-size: 10px; }
.centering-more-controls summary small { margin-top: 1px; color: var(--muted); font-size: 9px; }
.centering-more-controls summary > span,.centering-quality-details summary > span { color: var(--muted); transition: transform .18s ease; }
.centering-more-controls[open] summary > span,.centering-quality-details[open] summary > span { transform: rotate(180deg); }
.centering-toolbar { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 10px 10px; }
.danger-soft { color: #ffc5cc; border-color: rgba(255,122,138,.25)!important; background: rgba(255,122,138,.06)!important; }
.centering-photo-tips { margin-top: 10px; border-top: 1px solid rgba(148,163,184,.1); }
.centering-photo-tips summary { display: flex; align-items: baseline; gap: 8px; padding: 11px 2px 0; cursor: pointer; list-style: none; }
.centering-photo-tips summary b { font-size: 10px; }
.centering-photo-tips summary span { color: var(--muted); font-size: 9px; }
.centering-photo-tip-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; padding-top: 9px; }
.centering-photo-tip-grid > div { display: flex; gap: 8px; padding: 9px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.015); }
.centering-photo-tip-grid > div > span { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 7px; background: rgba(20,184,166,.1); color: var(--brand-3); font-size: 9px; font-weight: 900; }
.centering-photo-tip-grid p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.centering-photo-tip-grid b { color: #dce7f2; }
.centering-empty-result { min-height: 300px; display: grid; place-items: center; align-content: center; padding: 18px; text-align: center; }
.centering-empty-result > div { width: 55px; height: 55px; display: grid; place-items: center; border-radius: 50%; background: rgba(20,184,166,.075); color: var(--brand-3); font-size: 24px; }
.centering-empty-result h3 { margin: 12px 0 4px; font-size: 15px; }
.centering-empty-result p { max-width: 260px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.centering-result-content { display: grid; gap: 9px; }
.centering-grade-hero {
  display: grid; grid-template-columns: 112px minmax(0,1fr); align-items: center; gap: 13px; padding: 12px;
  border: 1px solid rgba(20,184,166,.18); border-radius: 15px;
  background: radial-gradient(circle at 14% 18%,rgba(20,184,166,.1),transparent 42%),rgba(7,18,30,.54);
}
.centering-grade-ring {
  aspect-ratio: 1; display: grid; place-items: center; align-content: center; text-align: center; border-radius: 50%;
  border: 6px solid rgba(20,184,166,.28); outline: 1px solid rgba(20,184,166,.18); outline-offset: 3px;
  background: radial-gradient(circle,rgba(20,184,166,.14),rgba(6,16,29,.92) 68%);
  box-shadow: 0 11px 28px rgba(0,0,0,.22),inset 0 0 20px rgba(20,184,166,.07);
}
.centering-grade-ring.grade-10 { border-color: rgba(88,214,141,.64); }
.centering-grade-ring.grade-9,.centering-grade-ring.grade-8 { border-color: rgba(20,184,166,.58); }
.centering-grade-ring.grade-7,.centering-grade-ring.grade-6,.centering-grade-ring.grade-5 { border-color: rgba(244,191,89,.58); }
.centering-grade-ring.grade-3,.centering-grade-ring.grade-1 { border-color: rgba(255,122,138,.58); }
.centering-grade-ring small,.centering-grade-ring strong,.centering-grade-ring span { display: block; }
.centering-grade-ring small { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.centering-grade-ring strong { margin-top: 3px; font-size: 16px; line-height: 1.05; }
.centering-grade-ring span { margin-top: 4px; color: var(--brand-3); font-size: 8px; font-weight: 750; }
.centering-grade-copy b { display: block; font-size: 11px; line-height: 1.45; }
.centering-grade-copy p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.centering-ratio-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.centering-ratio-grid > article:only-child { grid-column: 1/-1; }
.centering-ratio-card { padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.centering-ratio-card-head { display: flex; justify-content: space-between; gap: 8px; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid rgba(148,163,184,.1); }
.centering-ratio-card-head span { color: #e6edf6; font-size: 10px; font-weight: 800; }
.centering-ratio-card-head b { color: var(--brand-3); font-size: 9px; }
.centering-ratio-card > div:not(.centering-ratio-card-head) { display: flex; align-items: baseline; justify-content: space-between; gap: 7px; margin-top: 5px; }
.centering-ratio-card small { color: var(--muted); font-size: 9px; }
.centering-ratio-card strong { font-size: 14px; }
.centering-ratio-card p { margin: 7px 0 0; color: var(--muted-2); font-size: 8px; }
.centering-confidence-card { padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.016); }
.centering-confidence-card > div:first-child { display: grid; grid-template-columns: 1fr auto auto; align-items: baseline; gap: 7px; }
.centering-confidence-card span { color: var(--muted); font-size: 9px; }
.centering-confidence-card strong { font-size: 11px; }
.centering-confidence-card small { color: var(--muted-2); font-size: 9px; }
.centering-confidence-meter { height: 5px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: rgba(148,163,184,.12); }
.centering-confidence-meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--brand-2),var(--brand)); }
.centering-confidence-card.confidence-low .centering-confidence-meter i { background: linear-gradient(90deg,var(--red),var(--amber)); }
.centering-confidence-card.confidence-medium .centering-confidence-meter i { background: linear-gradient(90deg,var(--amber),var(--brand)); }
.centering-confidence-card p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.4; }
.centering-quality-details { border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.012); }
.centering-quality-details summary { padding: 9px 10px; }
.centering-quality-details summary b,.centering-quality-details summary small { display: block; }
.centering-quality-details summary b { font-size: 10px; }
.centering-quality-details summary small { margin-top: 1px; color: var(--muted); font-size: 8px; line-height: 1.35; }
.centering-quality-list { overflow: hidden; border-top: 1px solid rgba(148,163,184,.1); }
.centering-quality-title { padding: 8px 10px; background: rgba(255,255,255,.025); color: #dbe7f4; font-size: 9px; font-weight: 800; }
.centering-quality-row { display: grid; grid-template-columns: 23px minmax(0,1fr); align-items: center; gap: 7px; padding: 7px 9px; border-top: 1px solid rgba(148,163,184,.08); }
.centering-quality-row > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 7px; font-size: 8px; font-weight: 900; }
.centering-quality-row.good > span { color: #b9f3ce; background: rgba(88,214,141,.11); }
.centering-quality-row.warn > span { color: #ffe0a1; background: rgba(244,191,89,.11); }
.centering-quality-row.bad > span { color: #ffc0c8; background: rgba(255,122,138,.11); }
.centering-quality-row b,.centering-quality-row small { display: block; }
.centering-quality-row b { font-size: 9px; }
.centering-quality-row small { margin-top: 1px; color: var(--muted); font-size: 8px; line-height: 1.35; }
.centering-result-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.centering-export-pdf { grid-column: 1 / -1; }
.centering-export-pdf:disabled { cursor: progress; opacity: .72; }
.centering-disclaimer { border: 1px solid rgba(244,191,89,.14); border-radius: 11px; background: rgba(244,191,89,.035); }
.centering-disclaimer summary { padding: 8px 10px; color: #ffe2aa; cursor: pointer; list-style: none; font-size: 9px; font-weight: 750; }
.centering-disclaimer p { margin: 0; padding: 0 10px 9px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.centering-standards-panel { margin-top: 14px; padding: 0; }
.centering-standards-summary { padding: 13px 15px; }
.centering-standards-summary > span { color: var(--brand-3); font-size: 9px; font-weight: 750; white-space: nowrap; }
.centering-standards-panel[open] .centering-standards-summary { border-bottom: 1px solid var(--line); }
.centering-standards-body { padding: 13px 15px 15px; }
.centering-standards-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 13px; }
.centering-standards-grid > div { min-height: 76px; display: grid; align-content: center; gap: 4px; padding: 10px; border-right: 1px solid var(--line); background: rgba(255,255,255,.014); }
.centering-standards-grid > div:last-child { border-right: 0; }
.centering-standards-grid > div.gem { background: linear-gradient(145deg,rgba(88,214,141,.08),rgba(20,184,166,.028)); }
.centering-standards-grid b,.centering-standards-grid span,.centering-standards-grid small { display: block; }
.centering-standards-grid b { color: #eef6ff; font-size: 10px; }
.centering-standards-grid span { color: var(--brand-3); font-size: 9px; font-weight: 750; }
.centering-standards-grid small { color: var(--muted); font-size: 8px; }
.centering-standards-note { margin: 9px 1px 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
@media (max-width: 1220px) {
  .psa-centering-layout { grid-template-columns: minmax(0,1fr) 330px; }
  .centering-photo-tip-grid { grid-template-columns: 1fr; }
  .centering-standards-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .centering-standards-grid > div { border-bottom: 1px solid var(--line); }
  .centering-standards-grid > div:nth-child(4n) { border-right: 0; }
}
@media (max-width: 980px) {
  .psa-centering-layout { grid-template-columns: 1fr; }
  .centering-results-panel { position: static; }
  .centering-standards-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .centering-standards-grid > div:nth-child(4n) { border-right: 1px solid var(--line); }
  .centering-standards-grid > div:nth-child(3n) { border-right: 0; }
}
@media (max-width: 680px) {
  .centering-topbar,.centering-panel-head { display: block; }
  .centering-local-badge { width: fit-content; margin-top: 10px; }
  .centering-compact-notice { align-items: flex-start; flex-wrap: wrap; }
  .centering-compact-notice p { min-width: calc(100% - 34px); }
  .centering-compact-notice a { margin-left: 30px; }
  .centering-stepper { gap: 5px; }
  .centering-stepper > div { display: grid; justify-items: center; gap: 4px; padding: 8px 5px; text-align: center; }
  .centering-stepper small { display: none; }
  .centering-workbench-panel,.centering-results-panel { padding: 13px; }
  .centering-side-tabs { width: 100%; margin-top: 10px; }
  .centering-side-tabs button { min-width: 0; }
  .centering-upload { min-height: 300px; padding: 20px 14px; }
  .centering-upload-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .centering-stage-wrap { min-height: 300px; }
  .centering-mode-switch { grid-template-columns: 1fr; }
  .centering-toolbar .btn { flex: 1 1 calc(50% - 7px); }
  .centering-guide-readout { grid-template-columns: 1fr 1fr; }
  .centering-guide-readout > div:last-child { grid-column: 1/-1; }
  .centering-grade-hero { grid-template-columns: 100px minmax(0,1fr); gap: 10px; padding: 10px; }
  .centering-ratio-grid { grid-template-columns: 1fr; }
  .centering-ratio-grid > article:only-child { grid-column: auto; }
  .centering-standards-summary { align-items: flex-start; }
  .centering-standards-summary > span { padding-top: 2px; }
  .centering-standards-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .centering-standards-grid > div:nth-child(3n) { border-right: 1px solid var(--line); }
  .centering-standards-grid > div:nth-child(2n) { border-right: 0; }
}
@media (max-width: 430px) {
  .centering-upload-actions,.centering-result-actions { grid-template-columns: 1fr; }
  .centering-grade-hero { grid-template-columns: 1fr; text-align: center; }
  .centering-grade-ring { width: 118px; margin: 0 auto; }
  .centering-confidence-card > div:first-child { grid-template-columns: 1fr auto; }
  .centering-confidence-card > div:first-child small { grid-column: 1/-1; }
  .centering-standards-summary { display: block; }
  .centering-standards-summary > span { display: inline-block; margin-top: 7px; }
  .centering-standards-grid { grid-template-columns: 1fr; }
  .centering-standards-grid > div { border-right: 0!important; }
}
.centering-confirm-guides { width: 100%; margin-top: 9px; }
.centering-confirm-guides.confirmed { color: #bff2d0; border-color: rgba(88,214,141,.28); background: rgba(88,214,141,.1); }


/* =========================================================
   WarrantyVault V33.50 — Precision controls, mobile actions, updates
   ========================================================= */
.centering-guide-status {
  display:flex; align-items:center; gap:8px; margin-top:9px; min-height:28px;
}
.centering-guide-status span {
  flex:0 0 auto; padding:5px 8px; border-radius:999px; font-size:9px; font-weight:850; letter-spacing:.02em;
}
.centering-guide-status span.auto { color:#b9e7ff; background:rgba(37,99,235,.12); }
.centering-guide-status span.manual { color:#ffe0a1; background:rgba(244,191,89,.12); }
.centering-guide-status span.reviewed { color:#bff2d0; background:rgba(88,214,141,.12); }
.centering-guide-status small { color:var(--muted); font-size:9px; line-height:1.35; }
.centering-precision-details {
  margin-top:9px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.014);
}
.centering-precision-details summary {
  display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 11px; cursor:pointer; list-style:none;
}
.centering-precision-details summary::-webkit-details-marker { display:none; }
.centering-precision-details summary b,.centering-precision-details summary small { display:block; }
.centering-precision-details summary b { font-size:10px; }
.centering-precision-details summary small { margin-top:1px; color:var(--muted); font-size:9px; }
.centering-precision-details summary>span { color:var(--muted); transition:transform .18s ease; }
.centering-precision-details[open] summary>span { transform:rotate(180deg); }
.centering-precision-body { display:grid; gap:8px; padding:0 10px 10px; border-top:1px solid rgba(148,163,184,.09); }
.centering-selected-guide { padding-top:9px; }
.centering-selected-guide span,.centering-selected-guide b,.centering-selected-guide small { display:block; }
.centering-selected-guide span { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.centering-selected-guide b { margin-top:2px; font-size:11px; }
.centering-selected-guide small { margin-top:2px; color:var(--muted-2); font-size:8px; }
.centering-guide-picker { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.centering-guide-picker button {
  min-height:31px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.02); color:var(--muted); font-size:9px; font-weight:800;
}
.centering-guide-picker button.active { color:#06151d; border-color:transparent; background:var(--brand); }
.centering-nudge-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.centering-nudge-pad { display:grid; grid-template-columns:repeat(4,34px); gap:5px; }
.centering-nudge-pad button {
  width:34px; height:34px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); color:#e9f2fb; font-size:15px; font-weight:800;
}
.centering-nudge-pad button:hover:not(:disabled) { border-color:rgba(20,184,166,.32); background:rgba(20,184,166,.08); }
.centering-nudge-pad button:disabled { opacity:.25; cursor:not-allowed; }
.centering-undo-guide { white-space:nowrap; }
.centering-keyboard-hint { color:var(--muted-2); font-size:8px; line-height:1.4; }
.centering-limiting-reason {
  margin-top:8px; padding:7px 8px; border:1px solid rgba(244,191,89,.16); border-radius:9px; background:rgba(244,191,89,.045);
}
.centering-limiting-reason span,.centering-limiting-reason strong { display:block; }
.centering-limiting-reason span { color:#f4c974; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.centering-limiting-reason strong { margin-top:2px; color:#f3e5c7; font-size:9px; line-height:1.35; }
.btn.is-busy { cursor:progress; opacity:.78; }
.app-update-banner {
  position:fixed; left:50%; bottom:24px; z-index:2100; display:flex; align-items:center; justify-content:space-between; gap:18px;
  width:min(620px,calc(100vw - 32px)); padding:12px 13px 12px 15px; border:1px solid rgba(20,184,166,.3); border-radius:16px;
  background:rgba(8,23,37,.97); box-shadow:0 20px 55px rgba(0,0,0,.46); backdrop-filter:blur(18px); transform:translate(-50%,18px); opacity:0; pointer-events:none; transition:.2s ease;
}
.app-update-banner.show { transform:translate(-50%,0); opacity:1; pointer-events:auto; }
.app-update-banner>div { display:flex; align-items:center; gap:10px; min-width:0; }
.app-update-banner>div>span { display:grid; place-items:center; width:30px; height:30px; flex:0 0 auto; border-radius:10px; color:#052019; background:var(--brand); font-weight:900; }
.app-update-banner p,.app-update-banner b,.app-update-banner small { display:block; margin:0; }
.app-update-banner b { font-size:12px; }
.app-update-banner small { margin-top:2px; color:var(--muted); font-size:9px; }
@media (max-width:680px) {
  #view-add.active .form-card { padding-bottom:112px; }
  #view-add.active .sticky-form-actions {
    position:fixed!important; left:12px; right:12px; bottom:calc(var(--mobile-dock-height,76px) + 12px + env(safe-area-inset-bottom))!important;
    z-index:88; display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:0; padding:9px;
    border:1px solid rgba(148,163,184,.22); border-radius:15px; background:rgba(8,21,34,.96); box-shadow:0 16px 42px rgba(0,0,0,.42);
  }
  #view-add.active .sticky-form-actions .btn { width:100%; min-width:0; padding-inline:8px; font-size:10px; }
  #view-add.active .sticky-form-actions .btn.primary { grid-column:1/-1; }
  .centering-nudge-row { align-items:stretch; flex-direction:column; }
  .centering-nudge-pad { grid-template-columns:repeat(4,1fr); width:100%; }
  .centering-nudge-pad button { width:100%; }
  .centering-undo-guide { width:100%; }
  .app-update-banner { bottom:calc(88px + env(safe-area-inset-bottom)); align-items:stretch; flex-direction:column; gap:9px; }
  .app-update-banner .btn { width:100%; }
}


/* =========================================================
   WarrantyVault V33.52 — Light-mode contrast and component polish
   ========================================================= */
html[data-theme="light"] {
  --bg: #f5f7fa;
  --bg-2: #edf2f7;
  --panel: #ffffff;
  --panel-2: #f8fafc;
  --panel-3: #eef3f8;
  --line: rgba(23, 32, 51, .11);
  --line-strong: rgba(23, 32, 51, .18);
  --text: #172033;
  --muted: #64748b;
  --muted-2: #8794a6;
  --brand: #14b8a6;
  --brand-2: #2563eb;
  --brand-3: #087e8b;
  --green: #15803d;
  --red: #dc2626;
  --amber: #b45309;
  --purple: #7c3aed;
  --shadow: 0 12px 34px rgba(23, 32, 51, .08);
}
html[data-theme="light"] body {
  color: var(--text);
  background:
    radial-gradient(circle at 88% -5%, rgba(37,99,235,.075), transparent 30%),
    radial-gradient(circle at 15% 110%, rgba(20,184,166,.08), transparent 35%),
    var(--bg);
}
html[data-theme="light"] body::before {
  display: block;
  opacity: .12;
  background-image:
    linear-gradient(rgba(23,32,51,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,32,51,.035) 1px, transparent 1px);
}
html[data-theme="light"] .workspace,
html[data-theme="light"] .view,
html[data-theme="light"] .page-title,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] strong,
html[data-theme="light"] b { color: var(--text); }
html[data-theme="light"] .page-sub,
html[data-theme="light"] .panel-sub,
html[data-theme="light"] .activity-meta,
html[data-theme="light"] .kpi-foot,
html[data-theme="light"] .kpi-label,
html[data-theme="light"] label + small { color: var(--muted); }
html[data-theme="light"] .eyebrow { color: #087e8b; }

html[data-theme="light"] .panel,
html[data-theme="light"] .form-card,
html[data-theme="light"] .dashboard-action-bar,
html[data-theme="light"] .dashboard-performance-panel,
html[data-theme="light"] .dashboard-recent-panel,
html[data-theme="light"] .profile-focused-panel,
html[data-theme="light"] .profile-hero,
html[data-theme="light"] .centering-workbench-panel,
html[data-theme="light"] .centering-results-panel,
html[data-theme="light"] .centering-standards-panel {
  color: var(--text);
  border-color: var(--line);
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23,32,51,.075);
}
html[data-theme="light"] .panel-head,
html[data-theme="light"] .panel-title { color: var(--text); }

html[data-theme="light"] .btn {
  color: #243047;
  border-color: rgba(23,32,51,.14);
  background: #ffffff;
  box-shadow: 0 2px 7px rgba(23,32,51,.035);
}
html[data-theme="light"] .btn:hover {
  color: #172033;
  border-color: rgba(37,99,235,.3);
  background: #f8fbff;
  box-shadow: 0 8px 20px rgba(23,32,51,.08);
}
html[data-theme="light"] .btn.primary {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb, #1677d2);
  box-shadow: 0 10px 24px rgba(37,99,235,.2);
}
html[data-theme="light"] .btn.primary:hover { color:#fff; box-shadow:0 12px 27px rgba(37,99,235,.27); }
html[data-theme="light"] .btn.ghost { color:#344155; background:transparent; }
html[data-theme="light"] .btn.danger,
html[data-theme="light"] .danger-soft { color:#b91c1c; border-color:rgba(220,38,38,.2)!important; background:rgba(220,38,38,.05)!important; }

html[data-theme="light"] .field,
html[data-theme="light"] .select,
html[data-theme="light"] .textarea,
html[data-theme="light"] .global-search-input-wrap,
html[data-theme="light"] .search-wrap .field,
html[data-theme="light"] .toolbar .field,
html[data-theme="light"] .toolbar .select {
  color: var(--text);
  border-color: rgba(23,32,51,.14);
  background: #ffffff;
}
html[data-theme="light"] .field::placeholder,
html[data-theme="light"] .textarea::placeholder { color:#8b97a8; }
html[data-theme="light"] .field:focus,
html[data-theme="light"] .select:focus,
html[data-theme="light"] .textarea:focus {
  border-color: rgba(37,99,235,.52);
  box-shadow: 0 0 0 3px rgba(37,99,235,.09);
}
html[data-theme="light"] .global-search-results,
html[data-theme="light"] .collection-filter-sheet,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .mobile-action-sheet {
  color: var(--text);
  border-color: var(--line);
  background: #ffffff;
  box-shadow: 0 20px 60px rgba(23,32,51,.16);
}

/* Dashboard */
html[data-theme="light"] .dashboard-welcome { color:var(--text); }
html[data-theme="light"] .vault-overview {
  color: var(--text);
  border-color: rgba(37,99,235,.13);
  background: #ffffff;
  box-shadow: 0 14px 36px rgba(23,32,51,.08);
}
html[data-theme="light"] .vault-overview-profile {
  border-color: rgba(23,32,51,.09);
  background: linear-gradient(145deg,#f8fbff,#f3f8fc);
}
html[data-theme="light"] .vault-overview-profile-button,
html[data-theme="light"] .vault-overview-metric,
html[data-theme="light"] .vault-record-status { color:var(--text); }
html[data-theme="light"] .vault-overview-identity small { color:#087e8b; }
html[data-theme="light"] .vault-overview-identity strong { color:#172033; }
html[data-theme="light"] .vault-overview-identity em,
html[data-theme="light"] .vault-overview-save,
html[data-theme="light"] .vault-overview-metric span,
html[data-theme="light"] .vault-overview-metric small,
html[data-theme="light"] .vault-record-status small { color:#64748b; }
html[data-theme="light"] .vault-record-status {
  border-color: rgba(23,32,51,.1);
  background:#ffffff;
}
html[data-theme="light"] .vault-record-status > span { color:#087e8b; background:rgba(20,184,166,.1); }
html[data-theme="light"] .vault-overview-metrics { background:#ffffff; }
html[data-theme="light"] .vault-overview-metric { border-color:rgba(23,32,51,.09); background:#ffffff; }
html[data-theme="light"] .vault-overview-metric:hover,
html[data-theme="light"] .vault-overview-metric:focus-visible { background:#f7fafc; }
html[data-theme="light"] .vault-overview-metric b { color:#172033; }
html[data-theme="light"] .vault-overview-metric b.positive { color:#15803d; }
html[data-theme="light"] .vault-overview-metric b.negative { color:#dc2626; }
html[data-theme="light"] .vault-overview-backup { color:#64748b; }
html[data-theme="light"] .vault-overview-backup.recommended { color:#a16207; }

html[data-theme="light"] .dashboard-action-bar { padding:8px; background:#fff; }
html[data-theme="light"] .dashboard-quick-actions button {
  color:#172033;
  border-color:rgba(23,32,51,.1);
  background:#ffffff;
  box-shadow:0 4px 12px rgba(23,32,51,.045);
}
html[data-theme="light"] .dashboard-quick-actions button:hover { border-color:rgba(37,99,235,.25); background:#f8fbff; }
html[data-theme="light"] .dashboard-quick-actions button.primary-quick {
  color:#ffffff;
  border-color:transparent;
  background:linear-gradient(145deg,#2563eb,#1478d0);
  box-shadow:0 10px 24px rgba(37,99,235,.2);
}
html[data-theme="light"] .dashboard-quick-actions button.primary-quick b,
html[data-theme="light"] .dashboard-quick-actions button.primary-quick small { color:#ffffff; }
html[data-theme="light"] .dashboard-quick-actions button > span { color:#087e8b; background:rgba(20,184,166,.11); }
html[data-theme="light"] .dashboard-quick-actions button.primary-quick > span { color:#ffffff; background:rgba(255,255,255,.18); }
html[data-theme="light"] .dashboard-quick-actions b { color:#172033; }
html[data-theme="light"] .dashboard-quick-actions small { color:#64748b; }
html[data-theme="light"] .dashboard-performance-panel .bar-chart,
html[data-theme="light"] .dashboard-recent-panel .activity { color:var(--text); }
html[data-theme="light"] .activity-item { border-color:rgba(23,32,51,.08); }
html[data-theme="light"] .activity-name,
html[data-theme="light"] .activity-value { color:#172033; }
html[data-theme="light"] .activity-icon { color:#087e8b; background:rgba(20,184,166,.1); }
html[data-theme="light"] .bar-track { background:#e7edf4; }
html[data-theme="light"] .bar-label,
html[data-theme="light"] .bar-value { color:#475569; }
html[data-theme="light"] .dashboard-attention-head > span { color:#92400e; background:#fff7ed; }
html[data-theme="light"] .attention-grid button { color:var(--text); border-color:#fed7aa; background:#fffaf5; }
html[data-theme="light"] .attention-grid b { color:#b45309; }

/* Collection, shows, reports, and profile */
html[data-theme="light"] .collect-card,
html[data-theme="light"] .show-chip,
html[data-theme="light"] .data-action-card,
html[data-theme="light"] .profile-settings-nav,
html[data-theme="light"] .settings-group,
html[data-theme="light"] .profile-data-list > div,
html[data-theme="light"] .polished-empty,
html[data-theme="light"] .ocr-review-grid > div,
html[data-theme="light"] .mfa-factor-row {
  color:var(--text);
  border-color:rgba(23,32,51,.1);
  background:#ffffff;
}
html[data-theme="light"] .polished-empty { background:linear-gradient(145deg,#ffffff,#f7fafc); }
html[data-theme="light"] .collect-tags span { color:#475569; border-color:rgba(71,85,105,.14); background:#f1f5f9; }
html[data-theme="light"] .active-filter-row button { color:#087e8b; border-color:rgba(20,184,166,.23); background:rgba(20,184,166,.075); }
html[data-theme="light"] .show-section-tabs { border-color:var(--line); background:#eef3f8; }
html[data-theme="light"] .show-section-tabs button { color:#64748b; }
html[data-theme="light"] .show-section-tabs button.active { color:#ffffff; background:#2563eb; box-shadow:0 7px 18px rgba(37,99,235,.18); }
html[data-theme="light"] .profile-settings-nav-btn { color:#334155; }
html[data-theme="light"] .profile-settings-nav-btn.active { color:#172033; background:#edf5ff; }
html[data-theme="light"] .profile-settings-nav-btn small { color:#64748b; }
html[data-theme="light"] .data-action-card:hover { border-color:rgba(37,99,235,.25); background:#f8fbff; }
html[data-theme="light"] .profile-danger-zone { color:#7f1d1d; border-color:rgba(220,38,38,.16); background:#fff7f7; }
html[data-theme="light"] .summary-row.total span,
html[data-theme="light"] .summary-row.total b { color:#172033; }

/* Centering tool */
html[data-theme="light"] .centering-compact-notice,
html[data-theme="light"] .centering-stepper,
html[data-theme="light"] .centering-upload,
html[data-theme="light"] .centering-adjustment-card,
html[data-theme="light"] .centering-more-controls,
html[data-theme="light"] .centering-precision-details,
html[data-theme="light"] .centering-ratio-card,
html[data-theme="light"] .centering-confidence-card,
html[data-theme="light"] .centering-quality-details,
html[data-theme="light"] .centering-photo-tip-grid > div {
  color:var(--text);
  border-color:rgba(23,32,51,.1);
  background:#f8fafc;
}
html[data-theme="light"] .centering-stage-wrap { border-color:rgba(23,32,51,.14); background:#e8edf3; }
html[data-theme="light"] .centering-mode-switch button,
html[data-theme="light"] .centering-guide-picker button,
html[data-theme="light"] .centering-nudge-pad button {
  color:#475569;
  border-color:rgba(23,32,51,.12);
  background:#ffffff;
}
html[data-theme="light"] .centering-mode-switch b,
html[data-theme="light"] .centering-photo-tip-grid b,
html[data-theme="light"] .centering-ratio-card-head span,
html[data-theme="light"] .centering-quality-title,
html[data-theme="light"] .centering-standards-grid b,
html[data-theme="light"] .centering-nudge-pad button,
html[data-theme="light"] .centering-limiting-reason strong { color:#172033; }
html[data-theme="light"] .centering-grade-hero { border-color:rgba(20,184,166,.18); background:linear-gradient(145deg,#f1fbfa,#ffffff); }
html[data-theme="light"] .centering-grade-ring { color:#172033; background:radial-gradient(circle,#ffffff,#edf8f7 72%); box-shadow:0 8px 22px rgba(23,32,51,.09),inset 0 0 18px rgba(20,184,166,.08); }
html[data-theme="light"] .centering-quality-title { background:#eef3f8; }
html[data-theme="light"] .centering-standards-grid > div { background:#ffffff; }
html[data-theme="light"] .centering-standards-grid > div.gem { background:linear-gradient(145deg,#f0fdf4,#f5fffb); }
html[data-theme="light"] .centering-empty-result > div { background:rgba(20,184,166,.1); }
html[data-theme="light"] .centering-limiting-reason { border-color:#fed7aa; background:#fff7ed; }
html[data-theme="light"] .centering-limiting-reason span { color:#b45309; }

/* Mobile surfaces */
html[data-theme="light"] .mobile-head {
  color:#ffffff;
  border-color:rgba(255,255,255,.08);
  background:#16233a;
}
html[data-theme="light"] .mobile-bottom-nav { border-color:rgba(255,255,255,.08); background:#16233a; box-shadow:0 -9px 28px rgba(23,32,51,.18); }
html[data-theme="light"] .mobile-nav-btn { color:#b9c6d6; }
html[data-theme="light"] .mobile-nav-btn.active { color:#ffffff; }
html[data-theme="light"] .mobile-action-sheet > button:not(.mobile-action-cancel) { color:var(--text); border-color:rgba(23,32,51,.08); }
html[data-theme="light"] .mobile-action-cancel { color:#475569; border-color:var(--line); background:#f8fafc; }
html[data-theme="light"] #view-add.active .sticky-form-actions { border-color:rgba(23,32,51,.14); background:rgba(255,255,255,.97); box-shadow:0 16px 42px rgba(23,32,51,.18); }

html[data-theme="light"] .status.good,
html[data-theme="light"] .status.inventory { color:#15803d; border-color:rgba(21,128,61,.16); background:#f0fdf4; }
html[data-theme="light"] .status.warning { color:#a16207; border-color:rgba(161,98,7,.18); background:#fffbeb; }
html[data-theme="light"] .status.sold { color:#6d28d9; border-color:rgba(109,40,217,.16); background:#f5f3ff; }


/* V33.53: keep dark surfaces readable while the app uses Light mode */
html[data-theme="light"] .sidebar,
html[data-theme="light"] .auth-gate,
html[data-theme="light"] .auth-shell,
html[data-theme="light"] .auth-story,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .whats-new-card {
  color: #f5f8fc;
}

/* Sidebar stays dark in every appearance mode. */
.sidebar .brand-name,
.sidebar .account-copy strong,
.sidebar .sidebar-save-state strong,
.sidebar .sidebar-save-state > b {
  color: #f5f8fc;
}
.sidebar .brand-sub,
.sidebar .account-copy span,
.sidebar .sidebar-save-state small {
  color: #91a2b8;
}
.sidebar .account-sync {
  color: #2dd4bf;
}

/* Authentication is intentionally a dark, high-contrast surface. */
html[data-theme="light"] .auth-product-name,
html[data-theme="light"] .auth-brand-name,
html[data-theme="light"] .auth-copy h1,
html[data-theme="light"] .auth-form-heading h2,
html[data-theme="light"] .auth-benefits strong,
html[data-theme="light"] .auth-form label,
html[data-theme="light"] .auth-card strong,
html[data-theme="light"] .auth-card b {
  color: #f5f8fc;
}
html[data-theme="light"] .auth-product-sub,
html[data-theme="light"] .auth-brand-sub,
html[data-theme="light"] .auth-copy p,
html[data-theme="light"] .auth-form-heading p,
html[data-theme="light"] .auth-benefits small,
html[data-theme="light"] .auth-check,
html[data-theme="light"] .auth-row,
html[data-theme="light"] .auth-mode-note small,
html[data-theme="light"] .auth-tab:not(.active) {
  color: #9fb0c3;
}
html[data-theme="light"] .auth-gate .eyebrow,
html[data-theme="light"] .auth-benefits > div > b {
  color: #2dd4bf;
}
html[data-theme="light"] .auth-tabs {
  border-color: rgba(148,163,184,.17);
  background: rgba(2,12,23,.52);
}
html[data-theme="light"] .auth-tab.active {
  color: #ffffff;
  background: linear-gradient(135deg,#0891b2,#2563eb);
}
html[data-theme="light"] .auth-card .field,
html[data-theme="light"] .auth-card .select,
html[data-theme="light"] .auth-card .textarea {
  color: #172033;
  border-color: rgba(148,163,184,.28);
  background: #ffffff;
}
html[data-theme="light"] .auth-card .field::placeholder,
html[data-theme="light"] .auth-card .textarea::placeholder {
  color: #7b8797;
}
html[data-theme="light"] .auth-card .btn.primary {
  color: #ffffff;
  background: linear-gradient(135deg,#2563eb,#1478d0);
}
html[data-theme="light"] .auth-card .btn.ghost {
  color: #dbe7f2;
  border-color: rgba(148,163,184,.22);
}
html[data-theme="light"] .auth-card .text-button {
  color: #60a5fa;
}
html[data-theme="light"] .auth-message.success {
  color: #9bf0c2;
}
html[data-theme="light"] .auth-message.error {
  color: #ffc2ca;
}

/* What's New remains a dark modal, with explicit readable text. */
html[data-theme="light"] .whats-new-card h2,
html[data-theme="light"] .whats-new-grid b,
html[data-theme="light"] .whats-new-check {
  color: #f5f8fc;
}
html[data-theme="light"] .whats-new-card > p,
html[data-theme="light"] .whats-new-grid small {
  color: #9fb0c3;
}
html[data-theme="light"] .whats-new-grid > div {
  border-color: rgba(148,163,184,.17);
  background: rgba(2,12,23,.44);
}
html[data-theme="light"] .whats-new-grid span {
  color: #2dd4bf;
  background: rgba(20,184,166,.11);
}
html[data-theme="light"] .whats-new-card > .btn.primary {
  color: #ffffff;
  background: linear-gradient(135deg,#2563eb,#1478d0);
}

/* The update banner itself is light, so its copy must be dark. */
html[data-theme="light"] .app-update-banner b {
  color: #172033;
}
html[data-theme="light"] .app-update-banner small {
  color: #64748b;
}
html[data-theme="light"] .app-update-banner .btn.primary {
  color: #ffffff;
}

/* =========================================================
   WarrantyVault V33.54 — Complete light/dark readability pass
   Final cascade layer intentionally lives at the end of the file.
   ========================================================= */

/* Let component surfaces control their own foreground color. The previous
   global heading/strong override caused dark cards to inherit dark text in
   Light mode. */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] strong,
html[data-theme="light"] b { color: inherit; }

:root[data-theme="light"] {
  --bg: #f4f7fb;
  --bg-2: #eaf0f7;
  --panel: #ffffff;
  --panel-2: #f7f9fc;
  --panel-3: #edf2f7;
  --line: rgba(24, 34, 53, .11);
  --line-strong: rgba(24, 34, 53, .18);
  --text: #182235;
  --muted: #59697f;
  --muted-2: #738196;
  --brand: #0f9f91;
  --brand-2: #2563eb;
  --brand-3: #087b87;
  --green: #15803d;
  --red: #c62828;
  --amber: #a85a08;
  --purple: #6d3cc7;
  --shadow: 0 14px 38px rgba(24, 34, 53, .09);
  --wv-surface-flat: #f7f9fc;
  --wv-surface-raised: #ffffff;
}

:root[data-theme="dark"] {
  --bg: #07111f;
  --bg-2: #0a1929;
  --panel: #0f2134;
  --panel-2: #142a41;
  --panel-3: #0b1a2b;
  --line: rgba(167, 182, 200, .18);
  --line-strong: rgba(167, 182, 200, .29);
  --text: #f4f8fc;
  --muted: #a7b6c8;
  --muted-2: #8092a8;
  --brand: #4fd1bd;
  --brand-2: #5a9ff3;
  --brand-3: #8cebdd;
  --green: #67db98;
  --red: #ff8896;
  --amber: #f3c66b;
  --purple: #c0a9ff;
  --shadow: 0 24px 72px rgba(0, 0, 0, .34);
  --wv-surface-flat: rgba(9, 24, 40, .86);
  --wv-surface-raised: rgba(16, 37, 58, .94);
}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 88% -5%, rgba(37, 99, 235, .075), transparent 31%),
    radial-gradient(circle at 15% 110%, rgba(15, 159, 145, .075), transparent 36%),
    var(--bg);
}
html[data-theme="dark"] body {
  background:
    radial-gradient(circle at 88% -5%, rgba(90, 159, 243, .15), transparent 32%),
    radial-gradient(circle at 15% 110%, rgba(79, 209, 189, .10), transparent 37%),
    var(--bg);
}

/* Predictable keyboard focus in both themes. */
:where(button, a, input, select, textarea, summary, [role="button"]):focus-visible {
  outline: 3px solid rgba(37, 99, 235, .28);
  outline-offset: 2px;
}
html[data-theme="dark"] :where(button, a, input, select, textarea, summary, [role="button"]):focus-visible {
  outline-color: rgba(140, 235, 221, .38);
}

/* ---------- Light-mode core surfaces ---------- */
html[data-theme="light"] .panel,
html[data-theme="light"] .upload-card,
html[data-theme="light"] .form-card,
html[data-theme="light"] .kpi,
html[data-theme="light"] .repack-metric,
html[data-theme="light"] .pulse-card,
html[data-theme="light"] .report-card,
html[data-theme="light"] .stat-box,
html[data-theme="light"] .show-sale-card,
html[data-theme="light"] .show-performance-strip > div,
html[data-theme="light"] .report-show-card,
html[data-theme="light"] .import-step-card,
html[data-theme="light"] .import-preview-panel,
html[data-theme="light"] .import-format-card,
html[data-theme="light"] .import-help-card {
  color: var(--text);
  border-color: var(--line);
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(24, 34, 53, .07);
}

html[data-theme="light"] .panel-sub,
html[data-theme="light"] .page-sub,
html[data-theme="light"] .kpi-label,
html[data-theme="light"] .kpi-foot,
html[data-theme="light"] .report-note,
html[data-theme="light"] .activity-meta,
html[data-theme="light"] .field-help,
html[data-theme="light"] .form-group label,
html[data-theme="light"] .form-group .form-label {
  color: var(--muted);
}

html[data-theme="light"] .field,
html[data-theme="light"] .select,
html[data-theme="light"] .textarea {
  color: var(--text);
  border-color: rgba(24, 34, 53, .15);
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(24, 34, 53, .02);
}
html[data-theme="light"] .field::placeholder,
html[data-theme="light"] .textarea::placeholder { color: #7c899b; opacity: 1; }
html[data-theme="light"] .field:disabled,
html[data-theme="light"] .select:disabled,
html[data-theme="light"] .textarea:disabled {
  color: #66758a;
  background: #eef2f6;
  opacity: 1;
}

html[data-theme="light"] .btn {
  color: #243047;
  border-color: rgba(24, 34, 53, .14);
  background: #ffffff;
}
html[data-theme="light"] .btn:hover:not(:disabled) {
  color: #172033;
  border-color: rgba(37, 99, 235, .30);
  background: #f7faff;
}
html[data-theme="light"] .btn.primary {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb, #1677d2);
}
html[data-theme="light"] .btn.primary:hover:not(:disabled) { color: #ffffff; }
html[data-theme="light"] .btn:disabled { opacity: .58; }

/* ---------- Dashboard ---------- */
html[data-theme="light"] .dashboard-command-center {
  color: var(--text);
  border-color: rgba(15, 159, 145, .18);
  background:
    radial-gradient(circle at 100% 0%, rgba(15, 159, 145, .09), transparent 33%),
    linear-gradient(135deg, #ffffff, #f5f9fd);
  box-shadow: 0 14px 38px rgba(24, 34, 53, .08);
}
html[data-theme="light"] .dashboard-command-side,
html[data-theme="light"] .dashboard-command-stats > div,
html[data-theme="light"] .dashboard-actions-shell {
  color: var(--text);
  border-color: var(--line);
  background: #f7f9fc;
}
html[data-theme="light"] .dashboard-kpi-grid .kpi {
  color: var(--text);
  background: linear-gradient(180deg, #ffffff, #f7f9fc);
}
html[data-theme="light"] .dashboard-quick-actions-secondary button { opacity: 1; }
html[data-theme="light"] .needs-attention-item {
  color: var(--text);
  border-color: rgba(24, 34, 53, .10);
  background: #ffffff;
}
html[data-theme="light"] .needs-attention-item:hover { background: #f8fbff; }

/* ---------- Add card / assisted entry ---------- */
html[data-theme="light"] .card-entry-stepper {
  color: var(--text);
  border-color: rgba(24, 34, 53, .10);
  background: #eef2f6;
}
html[data-theme="light"] .card-entry-stepper > div {
  color: #58687d;
  border-color: transparent;
  background: transparent;
}
html[data-theme="light"] .card-entry-stepper > div.active {
  color: #172033;
  border-color: rgba(15, 159, 145, .28);
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(24, 34, 53, .08);
}
html[data-theme="light"] .card-entry-stepper > div.complete { color: #285e57; }
html[data-theme="light"] .card-entry-stepper span {
  color: #087b87;
  background: #dfe8ef;
}
html[data-theme="light"] .card-entry-stepper > div.active span {
  color: #ffffff;
  background: #0f9f91;
}
html[data-theme="light"] .card-entry-stepper > div.complete span {
  color: #ffffff;
  background: #0f9f91;
}
html[data-theme="light"] .card-entry-stepper small { color: #718096; }

html[data-theme="light"] .entry-mode-option {
  color: var(--text);
  border-color: rgba(24, 34, 53, .13);
  background: #f3f6f9;
}
html[data-theme="light"] .entry-mode-option:hover {
  border-color: rgba(15, 159, 145, .36);
  background: #f8fbfb;
}
html[data-theme="light"] .entry-mode-option.active {
  color: var(--text);
  border-color: rgba(15, 159, 145, .52);
  background: linear-gradient(145deg, #effbf9, #f3f7ff);
  box-shadow: inset 0 0 0 1px rgba(15, 159, 145, .09);
}
html[data-theme="light"] .entry-mode-option small,
html[data-theme="light"] .entry-mode-option.active small,
html[data-theme="light"] .entry-mode-help { color: #607087; }

html[data-theme="light"] .photo-side-tabs {
  border-color: rgba(24, 34, 53, .11);
  background: #eef2f6;
}
html[data-theme="light"] .photo-side-tab {
  color: #536277;
  background: transparent;
}
html[data-theme="light"] .photo-side-tab:hover {
  color: #172033;
  background: #f8fafc;
}
html[data-theme="light"] .photo-side-tab.active {
  color: #172033;
  border-color: rgba(15, 159, 145, .28);
  background: #ffffff;
  box-shadow: 0 5px 14px rgba(24, 34, 53, .07);
}
html[data-theme="light"] .photo-side-tab small { color: #748398; }
html[data-theme="light"] .photo-side-tab.active small { color: #087b87; }

html[data-theme="light"] .upload-zone {
  color: var(--text);
  border-color: rgba(15, 159, 145, .36);
  background: linear-gradient(145deg, #f7fcfb, #f8fbff);
}
html[data-theme="light"] .ocr-panel,
html[data-theme="light"] .ocr-review-grid > div,
html[data-theme="light"] .raw-back-photo-prompt,
html[data-theme="light"] .card-ladder-panel,
html[data-theme="light"] .card-ladder-query,
html[data-theme="light"] .card-ladder-summary > div {
  color: var(--text);
  border-color: rgba(24, 34, 53, .10);
  background: #f7f9fc;
}
html[data-theme="light"] .ocr-method-badge,
html[data-theme="light"] .ocr-player-options button {
  color: #334155;
  border-color: rgba(24, 34, 53, .13);
  background: #ffffff;
}
html[data-theme="light"] .ocr-review-grid b,
html[data-theme="light"] .ocr-player-review span,
html[data-theme="light"] .card-ladder-query code { color: var(--text); }
html[data-theme="light"] .ocr-progress,
html[data-theme="light"] .progress,
html[data-theme="light"] .mix-track,
html[data-theme="light"] .break-track,
html[data-theme="light"] .profit-show-track,
html[data-theme="light"] .report-profit-track,
html[data-theme="light"] .report-break-track,
html[data-theme="light"] .performance-track { background: #dfe7ef; }

/* ---------- Collection ---------- */
html[data-theme="light"] .collect-card {
  color: var(--text);
  border-color: rgba(24, 34, 53, .10);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(24, 34, 53, .07);
}
html[data-theme="light"] .collect-card:hover {
  border-color: rgba(37, 99, 235, .22);
  box-shadow: 0 16px 34px rgba(24, 34, 53, .11);
}
html[data-theme="light"] .collect-image {
  color: #526176;
  background: linear-gradient(145deg, #eef3f8, #e5ebf2);
}
html[data-theme="light"] .action,
html[data-theme="light"] .row-menu summary {
  color: #415168;
  border-color: rgba(24, 34, 53, .12);
  background: #ffffff;
}

/* ---------- Shows ---------- */
html[data-theme="light"] .show-chip,
html[data-theme="light"] .show-sale-card,
html[data-theme="light"] .show-performance-strip > div,
html[data-theme="light"] .pulse-card {
  color: var(--text);
  border-color: rgba(24, 34, 53, .10);
  background: #ffffff;
}
html[data-theme="light"] .show-chip.active {
  color: var(--text);
  border-color: rgba(15, 159, 145, .40);
  background: linear-gradient(145deg, #effbf9, #f3f7ff);
  box-shadow: 0 9px 24px rgba(24, 34, 53, .08);
}
html[data-theme="light"] .show-hero {
  color: var(--text);
  border-color: rgba(15, 159, 145, .17);
  background: linear-gradient(135deg, #effbf9, #f6f9ff 58%, #faf8ff);
}
html[data-theme="light"] .stat-box,
html[data-theme="light"] .show-sale-money div,
html[data-theme="light"] .show-inventory-toolbar,
html[data-theme="light"] .segmented {
  color: var(--text);
  border-color: rgba(24, 34, 53, .10);
  background: #f7f9fc;
}
html[data-theme="light"] .segmented button { color: #5d6d82; }
html[data-theme="light"] .segmented button.active { color: #ffffff; }
html[data-theme="light"] .data-table th {
  color: #526176;
  background: #f2f5f8;
}
html[data-theme="light"] .data-table td { color: var(--text); }

html[data-theme="light"] .break-even-panel,
html[data-theme="light"] .break-even-panel.close,
html[data-theme="light"] .break-even-panel.profitable {
  color: var(--text);
  border-color: rgba(15, 159, 145, .18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, .08), transparent 35%),
    linear-gradient(145deg, #ffffff, #f5f9fd) !important;
  box-shadow: 0 12px 32px rgba(24, 34, 53, .07);
}
html[data-theme="light"] .break-even-panel.close {
  border-color: rgba(168, 90, 8, .22) !important;
  background: linear-gradient(145deg, #fffaf2, #ffffff) !important;
}
html[data-theme="light"] .break-even-panel.profitable {
  border-color: rgba(21, 128, 61, .22) !important;
  background: linear-gradient(145deg, #f1fbf5, #ffffff) !important;
}
html[data-theme="light"] .break-even-top h3 { color: var(--text); }
html[data-theme="light"] .break-even-amounts > div {
  border-color: rgba(24, 34, 53, .10);
  background: rgba(255, 255, 255, .82);
}

/* ---------- Whatnot repacks ---------- */
html[data-theme="light"] .repack-summary-grid .kpi,
html[data-theme="light"] .repack-metric {
  color: var(--text);
  border-color: rgba(24, 34, 53, .10);
  background: linear-gradient(180deg, #ffffff, #f7f9fc);
  box-shadow: 0 10px 27px rgba(24, 34, 53, .065);
}
html[data-theme="light"] .repack-overview-controls {
  color: var(--text);
  border-color: rgba(24, 34, 53, .11);
  background: #eef2f6;
}
html[data-theme="light"] .repack-overview-controls > strong,
html[data-theme="light"] .repack-overview-controls > div > span { color: #56667b; }
html[data-theme="light"] .repack-range-chip {
  color: #56667b;
  border-color: rgba(24, 34, 53, .12);
  background: #ffffff;
}
html[data-theme="light"] .repack-range-chip:hover { color: #172033; }
html[data-theme="light"] .repack-range-chip.active {
  color: #087b87;
  border-color: rgba(15, 159, 145, .42);
  background: #e9f8f5;
}
html[data-theme="light"] .repack-overview-card,
html[data-theme="light"] .repack-chip,
html[data-theme="light"] .repack-template-card {
  color: var(--text);
  border-color: rgba(24, 34, 53, .10);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(24, 34, 53, .065);
}
html[data-theme="light"] .repack-overview-card:hover,
html[data-theme="light"] .repack-chip:hover,
html[data-theme="light"] .repack-chip.active {
  color: var(--text);
  border-color: rgba(15, 159, 145, .32);
  background: #f8fbfb;
}
html[data-theme="light"] .repack-overview-card-stats {
  border-color: rgba(24, 34, 53, .10);
  background: #f7f9fc;
}
html[data-theme="light"] .repack-overview-card-stats span {
  border-color: rgba(24, 34, 53, .08);
  background: transparent;
}
html[data-theme="light"] .repack-quality-panel.good {
  color: var(--text);
  background: linear-gradient(90deg, #eefaf7, #ffffff);
}
html[data-theme="light"] .repack-quality-list button {
  color: var(--text);
  border-color: rgba(24, 34, 53, .09);
  background: #ffffff;
}
html[data-theme="light"] .repack-quality-list button:hover { background: #fffaf2; }
html[data-theme="light"] .repack-detail-alert {
  color: var(--text);
  border-color: rgba(168, 90, 8, .22);
  background: linear-gradient(90deg, #fff7ed, #ffffff);
}
html[data-theme="light"] .repack-time-head {
  color: #526176;
  background: #eef2f6;
}
html[data-theme="light"] .repack-time-row {
  color: var(--text);
  border-color: rgba(24, 34, 53, .09);
  background: #ffffff;
}
html[data-theme="light"] .repack-time-row.best {
  background: linear-gradient(90deg, #eefaf7, #ffffff);
}
html[data-theme="light"] .repack-time-foot,
html[data-theme="light"] .repack-time-report-empty {
  color: #59697f;
  border-color: rgba(24, 34, 53, .10);
  background: #f7f9fc;
}
html[data-theme="light"] .repack-add-card,
html[data-theme="light"] .repack-card-row > span,
html[data-theme="light"] .new-repack-card-row > span {
  color: #59697f;
  border-color: rgba(24, 34, 53, .09);
  background: #f7f9fc;
}

/* ---------- Reports ---------- */
html[data-theme="light"] .report-filter-bar {
  color: var(--text);
  border-color: rgba(24, 34, 53, .11);
  background: #eef2f6;
  box-shadow: none;
}
html[data-theme="light"] .report-range-presets button {
  color: #56667b;
  border-color: rgba(24, 34, 53, .12);
  background: #ffffff;
}
html[data-theme="light"] .report-range-presets button:hover { color: #172033; }
html[data-theme="light"] .report-range-presets button.active {
  color: #087b87;
  border-color: rgba(15, 159, 145, .42);
  background: #e9f8f5;
}
html[data-theme="light"] .report-show-card-grid > div {
  color: var(--text);
  background: #f7f9fc;
}

/* ---------- Profile, import, recovery, export ---------- */
html[data-theme="light"] .profile-settings-nav,
html[data-theme="light"] .settings-group,
html[data-theme="light"] .profile-data-list > div,
html[data-theme="light"] .data-action-card,
html[data-theme="light"] .dashboard-pref-option,
html[data-theme="light"] .export-format-card,
html[data-theme="light"] .export-check-list > label,
html[data-theme="light"] .recovery-version-card,
html[data-theme="light"] .archived-record-list article,
html[data-theme="light"] .import-upload-zone,
html[data-theme="light"] .import-paste-zone,
html[data-theme="light"] .import-choice,
html[data-theme="light"] .import-stat-grid > div {
  color: var(--text);
  border-color: rgba(24, 34, 53, .10);
  background: #ffffff;
}
html[data-theme="light"] .profile-settings-nav-btn { color: #435269; }
html[data-theme="light"] .profile-settings-nav-btn.active {
  color: #172033;
  background: #eaf2ff;
}
html[data-theme="light"] .onboarding-checklist {
  color: var(--text);
  border-color: rgba(15, 159, 145, .20);
  background: linear-gradient(140deg, #effbf9, #ffffff 55%, #f4f7ff);
}
html[data-theme="light"] .onboarding-task {
  color: var(--text);
  border-color: rgba(24, 34, 53, .08);
  background: #ffffff;
}
html[data-theme="light"] .onboarding-task.done b { color: #536277; }
html[data-theme="light"] .onboarding-dismiss {
  color: #59697f;
  border-color: rgba(24, 34, 53, .12);
  background: #ffffff;
}
html[data-theme="light"] .export-format-card .export-format-icon {
  color: #087b87;
  background: linear-gradient(145deg, #e4f7f3, #eaf1ff);
}
html[data-theme="light"] .export-performance-note span { color: #087b87; }

/* ---------- Menus, dialogs, dropdowns ---------- */
html[data-theme="light"] .modal,
html[data-theme="light"] .modal-actions,
html[data-theme="light"] .global-search-results,
html[data-theme="light"] .row-menu-pop,
html[data-theme="light"] .record-more > div,
html[data-theme="light"] .collection-filter-sheet,
html[data-theme="light"] .mobile-action-sheet {
  color: var(--text);
  border-color: rgba(24, 34, 53, .13);
  background: #ffffff;
  box-shadow: 0 22px 64px rgba(24, 34, 53, .18);
}
html[data-theme="light"] .modal-actions { border-top-color: rgba(24, 34, 53, .10); }
html[data-theme="light"] .row-menu-pop button,
html[data-theme="light"] .record-more > div button,
html[data-theme="light"] .card-more button { color: #334155; }
html[data-theme="light"] .row-menu-pop button:hover,
html[data-theme="light"] .record-more > div button:hover,
html[data-theme="light"] .card-more button:hover { background: #f1f5f9; }
html[data-theme="light"] .card-more .danger-text { color: #ef6b7a; }
html[data-theme="light"] .card-more summary { color: #475569; }
html[data-theme="light"] .toast {
  color: #f5f8fc;
  border-color: rgba(167, 182, 200, .22);
  background: #102338;
}
html[data-theme="light"] .toast strong,
html[data-theme="light"] .toast b { color: #f5f8fc; }
html[data-theme="light"] .toast small,
html[data-theme="light"] .toast p { color: #b7c4d2; }

/* Keep intentional dark chrome readable in Light mode. */
html[data-theme="light"] .sidebar,
html[data-theme="light"] .auth-gate,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .whats-new-card,
html[data-theme="light"] .show-mode-shell,
html[data-theme="light"] .mobile-head,
html[data-theme="light"] .mobile-bottom-nav {
  --text: #f4f8fc;
  --muted: #a7b6c8;
  --muted-2: #8092a8;
  color: #f4f8fc;
}
html[data-theme="light"] .sidebar h1,
html[data-theme="light"] .sidebar h2,
html[data-theme="light"] .sidebar h3,
html[data-theme="light"] .sidebar strong,
html[data-theme="light"] .sidebar b,
html[data-theme="light"] .auth-gate h1,
html[data-theme="light"] .auth-gate h2,
html[data-theme="light"] .auth-gate h3,
html[data-theme="light"] .auth-gate strong,
html[data-theme="light"] .auth-gate b,
html[data-theme="light"] .whats-new-card h1,
html[data-theme="light"] .whats-new-card h2,
html[data-theme="light"] .whats-new-card h3,
html[data-theme="light"] .whats-new-card strong,
html[data-theme="light"] .whats-new-card b { color: inherit; }

/* ---------- Dark-mode refinement ---------- */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .upload-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .kpi,
html[data-theme="dark"] .repack-metric,
html[data-theme="dark"] .collect-card,
html[data-theme="dark"] .show-sale-card,
html[data-theme="dark"] .pulse-card,
html[data-theme="dark"] .report-card {
  color: var(--text);
  border-color: var(--line);
  background: linear-gradient(180deg, #11263c, #0d1e31);
}
html[data-theme="dark"] .dashboard-kpi-grid .kpi,
html[data-theme="dark"] .repack-summary-grid .kpi {
  background: linear-gradient(180deg, #142b43, #0e2033);
}
html[data-theme="dark"] .field,
html[data-theme="dark"] .select,
html[data-theme="dark"] .textarea {
  color: var(--text);
  border-color: var(--line-strong);
  background: #0b1d30;
}
html[data-theme="dark"] .field::placeholder,
html[data-theme="dark"] .textarea::placeholder { color: #8fa0b4; opacity: 1; }
html[data-theme="dark"] .btn {
  color: #f4f8fc;
  border-color: var(--line-strong);
  background: #11273c;
}
html[data-theme="dark"] .btn:hover:not(:disabled) {
  border-color: rgba(140, 235, 221, .42);
  background: #162e46;
}
html[data-theme="dark"] .btn.primary {
  color: #07151d;
  border-color: transparent;
  background: linear-gradient(135deg, #57d7c3, #63a9f1);
}
html[data-theme="dark"] .card-entry-stepper,
html[data-theme="dark"] .photo-side-tabs,
html[data-theme="dark"] .repack-overview-controls,
html[data-theme="dark"] .report-filter-bar,
html[data-theme="dark"] .dashboard-actions-shell {
  color: var(--text);
  border-color: var(--line);
  background: #0b1c2e;
}
html[data-theme="dark"] .card-entry-stepper > div { color: #a7b6c8; }
html[data-theme="dark"] .card-entry-stepper > div.active {
  color: var(--text);
  border-color: rgba(79, 209, 189, .30);
  background: #142c42;
}
html[data-theme="dark"] .entry-mode-option {
  color: var(--text);
  border-color: var(--line);
  background: #0c1d30;
}
html[data-theme="dark"] .entry-mode-option.active {
  border-color: rgba(79, 209, 189, .52);
  background: linear-gradient(145deg, rgba(79, 209, 189, .13), rgba(90, 159, 243, .09));
}
html[data-theme="dark"] .entry-mode-option.active small { color: #b8c7d6; }
html[data-theme="dark"] .photo-side-tab { color: #a7b6c8; }
html[data-theme="dark"] .photo-side-tab.active {
  color: #f4f8fc;
  background: #142c42;
}
html[data-theme="dark"] .repack-overview-card,
html[data-theme="dark"] .repack-chip,
html[data-theme="dark"] .repack-template-card,
html[data-theme="dark"] .repack-time-row,
html[data-theme="dark"] .repack-quality-list button {
  color: var(--text);
  border-color: var(--line);
  background: #10243a;
}
html[data-theme="dark"] .repack-overview-card:hover,
html[data-theme="dark"] .repack-chip:hover,
html[data-theme="dark"] .repack-chip.active,
html[data-theme="dark"] .repack-quality-list button:hover { background: #162d45; }
html[data-theme="dark"] .repack-time-head,
html[data-theme="dark"] .data-table th { color: #a7b6c8; background: #0b1b2c; }
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-actions,
html[data-theme="dark"] .global-search-results,
html[data-theme="dark"] .row-menu-pop,
html[data-theme="dark"] .record-more > div,
html[data-theme="dark"] .collection-filter-sheet,
html[data-theme="dark"] .mobile-action-sheet {
  color: var(--text);
  border-color: var(--line-strong);
  background: #0f2236;
}
html[data-theme="dark"] .modal-actions { border-top-color: var(--line); }

/* Avoid unreadable ghosted text on active controls. */
html[data-theme="light"] .repack-range-chip.active,
html[data-theme="light"] .report-range-presets button.active,
html[data-theme="light"] .photo-side-tab.active,
html[data-theme="light"] .entry-mode-option.active,
html[data-theme="light"] .card-entry-stepper > div.active,
html[data-theme="dark"] .repack-range-chip.active,
html[data-theme="dark"] .report-range-presets button.active,
html[data-theme="dark"] .photo-side-tab.active,
html[data-theme="dark"] .entry-mode-option.active,
html[data-theme="dark"] .card-entry-stepper > div.active { opacity: 1; }

@media (max-width: 680px) {
  html[data-theme="light"] #view-add.active .sticky-form-actions {
    border-color: rgba(24, 34, 53, .13);
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 16px 42px rgba(24, 34, 53, .17);
  }
  html[data-theme="dark"] #view-add.active .sticky-form-actions {
    border-color: var(--line-strong);
    background: rgba(9, 25, 41, .98);
  }
}

/* WarrantyVault V33.56: precise Whatnot paid-spin and payout accounting */
.whatnot-import-top-btn,
.whatnot-import-action {
  border-color: rgba(255, 221, 45, .42);
  background: rgba(255, 221, 45, .08);
  color: #ffe44d;
}
.whatnot-import-top-btn:hover,
.whatnot-import-action:hover {
  border-color: rgba(255, 221, 45, .72);
  background: rgba(255, 221, 45, .14);
}
.whatnot-import-panel { margin-bottom: 14px; overflow: hidden; }
.whatnot-import-empty {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 20px;
  border-style: dashed;
}
.whatnot-import-empty-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(255, 221, 45, .11);
  color: #ffe44d;
  font-size: 23px;
  font-weight: 900;
}
.whatnot-import-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 20px 16px;
}
.whatnot-import-title-row,
.whatnot-import-actions,
.whatnot-orders-head,
.whatnot-order-modal-summary {
  display: flex;
  align-items: center;
  gap: 9px;
}
.whatnot-import-title-row { margin-bottom: 9px; flex-wrap: wrap; }
.whatnot-import-badge,
.whatnot-import-mini-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid rgba(255, 221, 45, .34);
  border-radius: 999px;
  background: rgba(255, 221, 45, .10);
  color: #ffe44d;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.whatnot-import-badge.compact { min-height: 20px; padding: 3px 7px; font-size: 9px; }
.whatnot-import-mini-badge { min-height: 22px; padding: 3px 8px; font-size: 9px; }
.whatnot-stream-id {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
}
.whatnot-import-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.whatnot-import-metrics > div {
  min-width: 0;
  padding: 16px 18px;
  border-right: 1px solid var(--line);
}
.whatnot-import-metrics > div:last-child { border-right: 0; }
.whatnot-import-metrics small,
.whatnot-import-metrics b,
.whatnot-import-metrics span { display: block; }
.whatnot-import-metrics small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.whatnot-import-metrics b { margin: 6px 0 4px; font-size: 20px; }
.whatnot-import-metrics span { color: var(--muted); font-size: 11px; line-height: 1.4; }
.whatnot-orders-head {
  justify-content: space-between;
  padding: 17px 20px 10px;
}
.whatnot-orders-head > div b,
.whatnot-orders-head > div small { display: block; }
.whatnot-orders-head > div small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.whatnot-orders-table-wrap { overflow-x: auto; padding: 0 20px 18px; }
.whatnot-orders-table-wrap.modal-table { max-height: 52vh; overflow: auto; padding: 0; }
.whatnot-orders-table { min-width: 760px; }
.whatnot-orders-table td { vertical-align: middle; }
.whatnot-orders-table td:first-child,
.whatnot-orders-table td:nth-child(2) { min-width: 155px; }
.whatnot-orders-table td b,
.whatnot-orders-table td small { display: block; }
.whatnot-orders-table td small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.whatnot-order-status {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .13);
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}
.whatnot-order-status.paid { background: rgba(37, 211, 102, .13); color: #61e895; }
.whatnot-order-status.canceled { background: rgba(255, 91, 91, .13); color: #ff8b8b; }
.whatnot-order-status.giveaway { background: rgba(167, 112, 255, .14); color: #c7a5ff; }
.whatnot-order-status.pending { background: rgba(255, 190, 60, .13); color: #ffd26d; }
.whatnot-import-modal { display: grid; gap: 14px; }
.whatnot-import-guide {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
}
.whatnot-import-guide > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgba(255, 221, 45, .12);
  color: #ffe44d;
  font-weight: 900;
}
.whatnot-import-guide b,
.whatnot-import-guide small { display: block; }
.whatnot-import-guide small { margin-top: 3px; color: var(--muted); }
.whatnot-file-drop {
  appearance: none;
  display: grid;
  justify-items: center;
  gap: 6px;
  width: 100%;
  padding: 25px 18px;
  border: 1px dashed rgba(255, 221, 45, .42);
  border-radius: 17px;
  background: rgba(255, 221, 45, .045);
  color: var(--text);
  cursor: pointer;
}
.whatnot-file-drop:hover { border-color: rgba(255, 221, 45, .78); background: rgba(255, 221, 45, .075); }
.whatnot-file-drop > span { color: #ffe44d; font-size: 27px; }
.whatnot-file-drop > b { font-size: 15px; }
.whatnot-file-drop > small { color: var(--muted); }
.whatnot-import-error,
.whatnot-import-warning,
.whatnot-picker-note {
  padding: 12px 13px;
  border: 1px solid rgba(37, 211, 102, .26);
  border-radius: 12px;
  background: rgba(37, 211, 102, .07);
  color: var(--text);
}
.whatnot-import-error {
  border-color: rgba(255, 91, 91, .32);
  background: rgba(255, 91, 91, .08);
  color: #ffaaaa;
}
.whatnot-import-warning.warning {
  border-color: rgba(255, 190, 60, .32);
  background: rgba(255, 190, 60, .08);
}
.whatnot-import-warning strong,
.whatnot-import-warning span { display: block; }
.whatnot-import-warning span { margin-top: 3px; color: var(--muted); font-size: 11px; }
.whatnot-import-preview { display: grid; gap: 13px; }
.whatnot-import-preview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.whatnot-import-preview-metrics > div,
.whatnot-order-modal-summary > span {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
}
.whatnot-import-preview-metrics small,
.whatnot-import-preview-metrics b,
.whatnot-order-modal-summary small,
.whatnot-order-modal-summary b { display: block; }
.whatnot-import-preview-metrics small,
.whatnot-order-modal-summary small { color: var(--muted); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.whatnot-import-preview-metrics b,
.whatnot-order-modal-summary b { margin-top: 5px; font-size: 15px; }
.whatnot-import-preview .whatnot-orders-table-wrap { padding: 0; }
.whatnot-preview-foot { color: var(--muted); font-size: 10px; }
.whatnot-order-modal-summary { align-items: stretch; margin-bottom: 14px; }
.whatnot-order-modal-summary > span { flex: 1; }
.whatnot-picker-note { color: var(--muted); font-size: 12px; line-height: 1.5; }
.whatnot-field-help { color: #d7c948; }

html[data-theme="light"] .whatnot-import-top-btn,
html[data-theme="light"] .whatnot-import-action { color: #806d00; background: #fff9d8; border-color: #d7c84c; }
html[data-theme="light"] .whatnot-import-badge,
html[data-theme="light"] .whatnot-import-mini-badge { color: #776500; background: #fff8cc; border-color: #d9ca55; }
html[data-theme="light"] .whatnot-import-empty-icon,
html[data-theme="light"] .whatnot-import-guide > span { color: #786600; background: #fff7c8; }
html[data-theme="light"] .whatnot-file-drop { background: #fffdf1; border-color: #cfbe37; }
html[data-theme="light"] .whatnot-file-drop > span { color: #806d00; }
html[data-theme="light"] .whatnot-order-status.paid { color: #167b43; }
html[data-theme="light"] .whatnot-order-status.canceled { color: #a63434; }
html[data-theme="light"] .whatnot-order-status.giveaway { color: #6842a5; }
html[data-theme="light"] .whatnot-order-status.pending { color: #8a6500; }

@media (max-width: 980px) {
  .whatnot-import-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .whatnot-import-metrics > div:nth-child(2) { border-right: 0; }
  .whatnot-import-metrics > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 760px) {
  #view-repacks .top-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  #view-repacks .top-actions .btn { width: 100%; margin-left: 0; }
  #view-repacks .top-actions .whatnot-import-top-btn,
  #view-repacks .top-actions #newRepackBtn { grid-column: 1 / -1; }
  .whatnot-import-empty { grid-template-columns: auto 1fr; }
  .whatnot-import-empty .btn { grid-column: 1 / -1; width: 100%; }
  .whatnot-import-head { flex-direction: column; }
  .whatnot-import-actions { width: 100%; }
  .whatnot-import-actions .btn { flex: 1; }
  .whatnot-import-preview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .whatnot-order-modal-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .repack-hero-actions { flex-wrap: wrap; }
  .repack-hero-actions .whatnot-import-action { flex-basis: 100%; }
}
@media (max-width: 480px) {
  .whatnot-import-metrics { grid-template-columns: 1fr; }
  .whatnot-import-metrics > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .whatnot-import-metrics > div:last-child { border-bottom: 0; }
  .whatnot-import-preview-metrics,
  .whatnot-order-modal-summary { grid-template-columns: 1fr; }
}


/* WarrantyVault V33.57: streamlined Whatnot repack workflow (retained base styles) */
.repack-top-more { flex: 0 0 auto; }
.repack-top-more > div { min-width: 190px; }
.repack-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.repack-overview-card-simple { min-height: 218px; }
.repack-overview-card-stats-simple { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.repack-overview-card-stats-simple span:nth-child(2) { border-right: 0; }
.repack-overview-card-stats-simple span:nth-child(-n+2) { border-bottom: 1px solid rgba(168,184,205,.12); }
.repack-overview-card-stats-simple span { min-width: 0; }
.repack-overview-card-stats-simple small { min-height: 0; }
.repack-analytics-details,
.repack-additional-details { margin-top: 16px; overflow: hidden; }
.repack-analytics-details > summary,
.repack-additional-details > summary,
.repack-collapsible-panel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  list-style: none;
  cursor: pointer;
}
.repack-analytics-details > summary::-webkit-details-marker,
.repack-additional-details > summary::-webkit-details-marker,
.repack-collapsible-panel > summary::-webkit-details-marker { display: none; }
.repack-analytics-details > summary,
.repack-additional-details > summary { padding: 17px 20px; }
.repack-analytics-details > summary b,
.repack-analytics-details > summary small,
.repack-additional-details > summary b,
.repack-additional-details > summary small { display: block; }
.repack-analytics-details > summary small,
.repack-additional-details > summary small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.repack-analytics-details > summary > span,
.repack-additional-details > summary > span { color: var(--brand-3); font-size: 11px; font-weight: 850; }
.repack-analytics-details[open] > summary,
.repack-additional-details[open] > summary { border-bottom: 1px solid var(--line); }
.repack-analytics-body { display: grid; gap: 14px; padding: 14px; }
.repack-analytics-body .repack-quality-panel,
.repack-analytics-body .repack-time-panel { margin: 0; }
.repack-hero-simple { margin-bottom: 14px; }
.repack-result-strip { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.repack-result-strip .repack-metric { min-height: 116px; }
.repack-result-strip .repack-metric span { white-space: normal; line-height: 1.3; }
.repack-additional-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.repack-additional-grid > div { padding: 15px 18px; border-right: 1px solid var(--line); }
.repack-additional-grid > div:last-child { border-right: 0; }
.repack-additional-grid small,
.repack-additional-grid b { display: block; }
.repack-additional-grid small { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.repack-additional-grid b { margin-top: 7px; font-size: 17px; }
.whatnot-import-optional { border-color: rgba(255, 221, 45, .22); background: linear-gradient(90deg, rgba(255,221,45,.045), rgba(14,31,49,.76)); }
.whatnot-optional-label { margin-bottom: 5px; color: #ffe44d; font-size: 10px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.whatnot-import-metrics-streamlined { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.whatnot-import-foot { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 11px 18px 14px; color: var(--muted); font-size: 10px; }
.whatnot-import-foot span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025); }
.repack-workspace-streamlined { grid-template-columns: 1fr; margin-top: 14px; }
.repack-workspace-streamlined.completed .repack-financial-panel { order: 1; }
.repack-workspace-streamlined.completed .repack-cards-panel { order: 2; }
.repack-collapsible-panel { overflow: hidden; }
.repack-collapsible-panel > summary { padding: 20px; }
.repack-collapsible-panel[open] > summary { border-bottom: 1px solid var(--line); }
.repack-collapsible-panel > summary .panel-sub { max-width: 520px; }
.repack-form-section { margin-bottom: 16px; padding-bottom: 2px; }
.repack-form-section + .repack-form-section { padding-top: 16px; border-top: 1px solid var(--line); }
.repack-form-section-title { margin-bottom: 12px; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.repack-form-section > .form-group,
.repack-form-section > .form-grid { margin-bottom: 13px; }
.repack-form-section-result { margin-bottom: 10px; }
.repack-live-result-streamlined { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.repack-notes-details { margin: 4px 0 15px; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.repack-notes-details > summary { padding: 12px 14px; cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 800; }
.repack-notes-details[open] > summary { border-bottom: 1px solid var(--line); }
.repack-notes-details .form-group { margin: 0; padding: 12px; }
@media (max-width: 1180px) {
  .repack-result-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .repack-result-strip .repack-metric:nth-child(3) { border-right: 0; }
  .repack-result-strip .repack-metric:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .repack-additional-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .repack-additional-grid > div:nth-child(3) { border-right: 0; }
  .repack-additional-grid > div:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 760px) {
  .repack-topbar .top-actions { grid-template-columns: 1fr 1fr; }
  .repack-topbar .top-actions #newRepackBtn { grid-column: 1 / -1; }
  .repack-top-more > summary { width: 100%; justify-content: center; }
  .repack-overview-card-stats-simple { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .repack-overview-card-stats-simple span:nth-child(2) { border-right: 0; }
  .repack-overview-card-stats-simple span:nth-child(-n+2) { border-bottom: 1px solid rgba(168,184,205,.12); }
  .repack-result-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .repack-result-strip .repack-metric { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .repack-result-strip .repack-metric:nth-child(2n) { border-right: 0; }
  .repack-result-strip .repack-metric:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  .whatnot-import-empty { grid-template-columns: auto minmax(0, 1fr); }
  .whatnot-import-empty .btn { grid-column: 1 / -1; width: 100%; }
  .whatnot-import-head { flex-direction: column; }
  .whatnot-import-actions { width: 100%; }
  .whatnot-import-actions .btn { flex: 1; }
  .whatnot-import-metrics-streamlined { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .whatnot-import-metrics-streamlined > div:nth-child(2) { border-right: 0; }
  .whatnot-import-metrics-streamlined > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .repack-additional-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .repack-additional-grid > div { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .repack-additional-grid > div:nth-child(2n) { border-right: 0; }
  .repack-additional-grid > div:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
}
@media (max-width: 520px) {
  .repack-summary-grid { grid-template-columns: 1fr 1fr; }
  .repack-result-strip { grid-template-columns: 1fr; }
  .repack-result-strip .repack-metric,
  .repack-result-strip .repack-metric:nth-child(n) { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .repack-result-strip .repack-metric:last-child { border-bottom: 0; }
  .repack-hero-actions { display: grid; grid-template-columns: 1fr 1fr auto; }
  .repack-hero-actions .btn { width: 100%; }
}

/* WarrantyVault V33.58: focused repack analytics */
.repack-analytics-body .repack-insight-panel,
.repack-analytics-body .repack-day-panel { margin: 0; overflow: hidden; }
.repack-insight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.repack-insight-grid > div {
  min-width: 0;
  padding: 16px 18px;
  border-right: 1px solid var(--line);
}
.repack-insight-grid > div:last-child { border-right: 0; }
.repack-insight-grid small,
.repack-insight-grid b,
.repack-insight-grid span { display: block; }
.repack-insight-grid small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.repack-insight-grid b { margin-top: 8px; font-size: 20px; line-height: 1.1; }
.repack-insight-grid span { margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.repack-day-panel { overflow: hidden; }
.repack-day-table { width: 100%; }
.repack-day-head,
.repack-day-row {
  display: grid;
  grid-template-columns: 1.15fr .65fr 1fr 1fr .85fr 1fr;
  gap: 14px;
  align-items: center;
}
.repack-day-head {
  padding: 13px 20px;
  background: rgba(255,255,255,.035);
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.repack-day-row {
  padding: 14px 20px;
  border-top: 1px solid rgba(168,184,205,.12);
  background: rgba(7,20,33,.18);
}
.repack-day-row.best { background: linear-gradient(90deg,rgba(83,210,190,.1),rgba(83,210,190,.025)); }
.repack-day-row > div { min-width: 0; }
.repack-day-row strong,
.repack-day-row b,
.repack-day-row small { display: block; }
.repack-day-row strong,
.repack-day-row b { color: var(--text); font-size: 14px; }
.repack-day-row small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.3; }
.repack-additional-grid-analytics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.repack-additional-grid-analytics > div {
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.repack-additional-grid-analytics > div:nth-child(4n) { border-right: 0; }
.repack-additional-grid-analytics > div:nth-last-child(-n+4) { border-bottom: 0; }
.repack-additional-grid-analytics > div span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}
html[data-theme="light"] .repack-day-head { background: #f4f7fb; }
html[data-theme="light"] .repack-day-row { background: #fff; }
html[data-theme="light"] .repack-day-row.best { background: linear-gradient(90deg,#eefbf8,#fff); }
html[data-theme="dark"] .repack-day-row { background: #10263b; }
html[data-theme="dark"] .repack-day-head { background: #0b1d2e; }
@media (max-width: 1100px) {
  .repack-insight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .repack-insight-grid > div { border-bottom: 1px solid var(--line); }
  .repack-insight-grid > div:nth-child(2n) { border-right: 0; }
  .repack-insight-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
  .repack-additional-grid-analytics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .repack-additional-grid-analytics > div:nth-child(n) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .repack-additional-grid-analytics > div:nth-child(2n) { border-right: 0; }
  .repack-additional-grid-analytics > div:nth-last-child(-n+2) { border-bottom: 0; }
}
@media (max-width: 780px) {
  .repack-day-head { display: none; }
  .repack-day-row { grid-template-columns: 1fr 1fr; padding: 14px; }
  .repack-day-row > div:first-child { grid-column: 1 / -1; padding-bottom: 4px; }
}
@media (max-width: 560px) {
  .repack-insight-grid { grid-template-columns: 1fr; }
  .repack-insight-grid > div:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--line); }
  .repack-insight-grid > div:last-child { border-bottom: 0; }
  .repack-additional-grid-analytics { grid-template-columns: 1fr; }
  .repack-additional-grid-analytics > div:nth-child(n) { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .repack-additional-grid-analytics > div:last-child { border-bottom: 0; }
}


/* WarrantyVault V33.62: keep repack More menu above surrounding panels */
.repack-hero.panel {
  position: relative;
  z-index: 20;
  overflow: visible;
}
.repack-hero .record-more[open] { z-index: 45; }
.repack-hero .record-more > div {
  max-height: min(70vh, 380px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (max-width: 760px) {
  .repack-hero.panel { z-index: 35; }
  .repack-hero .record-more > div { max-height: min(62vh, 430px); }
}


/* V33.62 plans, billing, and complimentary access */
.auth-pricing-strip {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 13px 15px;
  border: 1px solid rgba(20, 184, 166, 0.24);
  border-radius: 15px;
  background: rgba(20, 184, 166, 0.08);
}
.auth-pricing-strip span {
  color: var(--brand-3);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.auth-pricing-strip b { font-size: 16px; }
.auth-pricing-strip small { color: var(--muted); }

.billing-panel { overflow: hidden; }
.billing-plan-hero {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  padding: 2px 0 22px;
  border-bottom: 1px solid var(--line);
}
.billing-plan-hero h3 {
  margin: 7px 0 6px;
  font-size: clamp(24px, 4vw, 34px);
}
.billing-plan-hero p {
  margin: 0;
  max-width: 680px;
  color: var(--muted);
  line-height: 1.55;
}
.billing-usage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 20px 0;
}
.billing-usage-grid > div {
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: var(--panel-2);
}
.billing-usage-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.billing-usage-grid b {
  display: block;
  margin-top: 7px;
  font-size: 18px;
}
.billing-usage-grid i {
  display: block;
  height: 6px;
  margin-top: 11px;
  overflow: hidden;
  border-radius: 99px;
  background: var(--panel-3);
}
.billing-usage-grid em {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  transition: width .22s ease;
}
.billing-usage-grid em.near-limit { background: var(--amber); }
.billing-usage-grid em.over-limit { background: var(--red); }
.billing-access-note {
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--muted);
  background: rgba(37, 99, 235, 0.06);
  line-height: 1.5;
}
.billing-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 18px 0 24px;
}
.billing-actions .text-button { margin-left: auto; }
.billing-price-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.billing-price-grid article {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--panel-2);
}
.billing-price-grid article.featured {
  border-color: rgba(20, 184, 166, 0.42);
  background:
    linear-gradient(150deg, rgba(20, 184, 166, 0.10), rgba(37, 99, 235, 0.08)),
    var(--panel-2);
}
.billing-price-grid article > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
.billing-price-grid article > div span {
  font-weight: 800;
  font-size: 15px;
}
.billing-price-grid article > div b {
  font-size: 28px;
}
.billing-price-grid article > div small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}
.billing-price-grid ul {
  margin: 18px 0 0;
  padding-left: 19px;
  color: var(--muted);
  line-height: 1.85;
}
.billing-price-grid p {
  margin: 14px 0 0;
  color: var(--brand-3);
  font-weight: 700;
}
.status.negative {
  color: var(--red);
  border-color: color-mix(in srgb, var(--red) 30%, transparent);
  background: color-mix(in srgb, var(--red) 9%, transparent);
}
.upgrade-modal { display: grid; gap: 18px; }
.upgrade-modal > p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.upgrade-modal-price {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  padding: 18px;
  border: 1px solid rgba(20, 184, 166, 0.34);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(20,184,166,.11), rgba(37,99,235,.08));
}
.upgrade-modal-price span {
  width: 100%;
  color: var(--brand-3);
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
}
.upgrade-modal-price b { font-size: 32px; }
.upgrade-modal-price b small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}
.upgrade-modal-price em {
  color: var(--muted);
  font-style: normal;
}
.upgrade-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.upgrade-modal-grid > div {
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--panel-2);
}
.upgrade-modal-grid b,
.upgrade-modal-grid small { display: block; }
.upgrade-modal-grid small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.4;
}

@media (max-width: 980px) {
  .billing-usage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .billing-plan-hero { display: grid; }
  .billing-usage-grid,
  .billing-price-grid,
  .upgrade-modal-grid { grid-template-columns: 1fr; }
  .billing-actions { align-items: stretch; }
  .billing-actions .btn { width: 100%; }
  .billing-actions .text-button {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}


/* WarrantyVault V33.66: built-in feedback form */
.nav-label-help {
  margin-top: 18px;
}
.nav-help {
  margin-bottom: 2px;
}

.suggestions-topbar {
  margin-bottom: 20px;
}
.suggestions-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 16px;
  align-items: stretch;
}
.suggestions-primary-card,
.suggestions-guide-card {
  padding: clamp(20px, 3vw, 32px);
}
.suggestions-primary-card {
  min-height: 360px;
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  background:
    radial-gradient(circle at 8% 18%, rgba(20, 184, 166, .13), transparent 34%),
    linear-gradient(145deg, rgba(14, 32, 50, .98), rgba(9, 23, 37, .98));
}
.suggestions-icon {
  width: 104px;
  height: 104px;
  border-radius: 28px;
  display: grid;
  place-items: center;
  color: var(--brand);
  border: 1px solid rgba(20, 184, 166, .24);
  background: rgba(20, 184, 166, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.suggestions-icon svg {
  width: 54px;
  height: 54px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.suggestions-primary-copy {
  max-width: 690px;
}
.suggestions-kicker {
  display: block;
  margin-bottom: 8px;
  color: var(--brand-3);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.suggestions-primary-copy h2 {
  margin-bottom: 11px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.12;
  letter-spacing: -.035em;
}
.suggestions-primary-copy p {
  max-width: 610px;
  margin-bottom: 22px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}
.suggestions-email-btn {
  width: fit-content;
  text-decoration: none;
}
.suggestions-email-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.suggestions-guide-card {
  display: flex;
  flex-direction: column;
}
.suggestions-prompt-list {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}
.suggestions-prompt-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
}
.suggestions-prompt-list > div > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--brand);
  background: rgba(20, 184, 166, .08);
  border: 1px solid rgba(20, 184, 166, .18);
  font-size: 12px;
  font-weight: 800;
}
.suggestions-prompt-list p,
.suggestions-prompt-list b,
.suggestions-prompt-list small {
  display: block;
}
.suggestions-prompt-list p {
  margin: 0;
}
.suggestions-prompt-list b {
  color: var(--text);
  font-size: 14px;
  line-height: 1.35;
}
.suggestions-prompt-list small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.suggestions-direct-email {
  margin-top: auto;
  padding-top: 24px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.suggestions-direct-email a {
  display: block;
  width: fit-content;
  margin-top: 4px;
  color: var(--brand-3);
  font-weight: 700;
  text-decoration: none;
}
.suggestions-direct-email a:hover {
  text-decoration: underline;
}

.site-footer {
  margin-top: clamp(48px, 7vw, 84px);
  color: var(--muted);
  font-size: 12px;
}
.site-footer-rule {
  height: 1px;
  background: var(--line);
}
.site-footer-content {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.site-footer p {
  margin: 0;
  line-height: 1.5;
}
.site-footer nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  white-space: nowrap;
}
.site-footer a {
  color: var(--muted);
  font-weight: 650;
  text-decoration: none;
  transition: color .18s ease;
}
.site-footer a:hover,
.site-footer a:focus-visible {
  color: var(--brand-3);
}
.site-footer nav span {
  color: var(--line-strong);
}

html[data-theme="light"] .suggestions-primary-card {
  background:
    radial-gradient(circle at 8% 18%, rgba(20, 141, 124, .11), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(246, 250, 252, .98));
}
html[data-theme="light"] .suggestions-icon {
  color: #138a78;
  border-color: rgba(19, 138, 120, .2);
  background: rgba(19, 138, 120, .08);
}
html[data-theme="light"] .suggestions-prompt-list > div > span {
  color: #138a78;
  background: rgba(19, 138, 120, .08);
  border-color: rgba(19, 138, 120, .18);
}

@media (max-width: 980px) {
  .suggestions-layout {
    grid-template-columns: 1fr;
  }
  .suggestions-guide-card {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .suggestions-primary-card {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 22px;
  }
  .suggestions-guide-card {
    padding: 22px;
  }
  .suggestions-icon {
    width: 74px;
    height: 74px;
    border-radius: 21px;
  }
  .suggestions-icon svg {
    width: 39px;
    height: 39px;
  }
  .suggestions-email-btn {
    width: 100%;
  }
  .site-footer {
    margin-top: 48px;
  }
  .site-footer-content {
    min-height: 0;
    padding: 20px 0 4px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .site-footer nav {
    justify-content: flex-start;
    flex-wrap: wrap;
    white-space: normal;
  }
}



/* V33.66 feedback form */
.feedback-layout {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  align-items: start;
}
.feedback-form-card {
  padding: clamp(20px, 3vw, 32px);
  background:
    radial-gradient(circle at 5% 5%, rgba(20, 184, 166, .11), transparent 29%),
    var(--panel);
}
.feedback-form-heading {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin-bottom: 26px;
}
.feedback-form-heading .suggestions-icon {
  width: 82px;
  height: 82px;
  border-radius: 23px;
}
.feedback-form-heading .suggestions-icon svg {
  width: 43px;
  height: 43px;
}
.feedback-form-heading h2 {
  margin: 0 0 7px;
  font-size: clamp(23px, 2.7vw, 31px);
  line-height: 1.15;
  letter-spacing: -.03em;
}
.feedback-form-heading p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
.feedback-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px;
}
.feedback-full-row {
  grid-column: 1 / -1;
}
.feedback-textarea {
  min-height: 150px;
  resize: vertical;
  line-height: 1.55;
}
.feedback-textarea.compact {
  min-height: 105px;
}
.feedback-field-meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}
.feedback-field-meta span:last-child {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}
.feedback-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
.feedback-form-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 22px;
}
.feedback-submit-btn {
  min-width: 190px;
}
.feedback-submit-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.feedback-form-status {
  min-height: 20px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.feedback-form-status.error {
  color: var(--danger, #ff7b7b);
}
.feedback-form-status.success {
  color: var(--brand-3);
}
.feedback-form-status.sending {
  color: var(--text);
}
.feedback-success {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin-top: 20px;
  padding: 15px 16px;
  border: 1px solid rgba(20, 184, 166, .24);
  border-radius: 15px;
  background: rgba(20, 184, 166, .08);
}
.feedback-success > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #06111e;
  background: var(--brand);
  font-weight: 900;
}
.feedback-success b,
.feedback-success p {
  display: block;
}
.feedback-success b {
  color: var(--text);
  font-size: 14px;
}
.feedback-success p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.feedback-guide-card {
  min-height: 100%;
}
.feedback-privacy-note {
  display: grid;
  gap: 5px;
  margin-top: auto;
  padding-top: 24px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.feedback-privacy-note b {
  color: var(--text);
  font-size: 13px;
}
.site-footer-link {
  appearance: none;
  border: 0;
  padding: 0;
  color: var(--muted);
  background: transparent;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
  transition: color .18s ease;
}
.site-footer-link:hover,
.site-footer-link:focus-visible {
  color: var(--brand-3);
}
html[data-theme="light"] .feedback-form-card {
  background:
    radial-gradient(circle at 5% 5%, rgba(19, 138, 120, .09), transparent 29%),
    var(--panel);
}
@media (max-width: 980px) {
  .feedback-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .feedback-form-card {
    padding: 22px;
  }
  .feedback-form-heading {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 22px;
  }
  .feedback-form-heading .suggestions-icon {
    width: 68px;
    height: 68px;
    border-radius: 19px;
  }
  .feedback-form-heading .suggestions-icon svg {
    width: 36px;
    height: 36px;
  }
  .feedback-form-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .feedback-full-row {
    grid-column: auto;
  }
  .feedback-form-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .feedback-submit-btn {
    width: 100%;
  }
  .feedback-field-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
}

/* WarrantyVault V33.70: batch scanner photo import */
.batch-photo-topbar { align-items: flex-start; }
.batch-photo-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 18px;
}
.batch-photo-steps > div {
  display: grid;
  grid-template-columns: 34px 1fr;
  column-gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
}
.batch-photo-steps span {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(37,99,235,.12);
  color: var(--blue);
  font-weight: 800;
}
.batch-photo-steps b { font-size: 13px; line-height: 1.15; }
.batch-photo-steps small { color: var(--muted); font-size: 11px; line-height: 1.25; margin-top: 2px; }
.batch-photo-layout {
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(520px, 1.55fr);
  gap: 18px;
  align-items: start;
}
.batch-photo-upload-panel { position: sticky; top: 18px; }
.batch-photo-drop-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 255px;
  margin-top: 18px;
  padding: 28px;
  text-align: center;
  border: 1.5px dashed rgba(37,99,235,.42);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(37,99,235,.08), rgba(37,99,235,.025));
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
  cursor: pointer;
}
.batch-photo-drop-zone:hover,
.batch-photo-drop-zone:focus-visible,
.batch-photo-drop-zone.dragging {
  border-color: var(--blue);
  background: rgba(37,99,235,.12);
  transform: translateY(-1px);
  outline: none;
}
.batch-photo-drop-zone .btn { pointer-events: auto; }
.batch-photo-drop-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 14px;
  border-radius: 18px;
  background: rgba(37,99,235,.14);
  color: var(--blue);
  font-size: 28px;
  font-weight: 800;
}
.batch-photo-drop-zone h3 { margin: 0 0 8px; font-size: 19px; }
.batch-photo-drop-zone p { max-width: 420px; margin: 0 0 18px; color: var(--muted); line-height: 1.5; }
.batch-photo-drop-zone code,
.batch-photo-file-help code,
.batch-photo-unmatched code {
  padding: 2px 5px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel-2);
  color: var(--text);
  font-size: .88em;
}
.batch-photo-rules { display: grid; gap: 10px; margin-top: 16px; }
.batch-photo-rules > div {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2);
}
.batch-photo-rules b { display: block; font-size: 12px; }
.batch-photo-rules small { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; line-height: 1.35; }
.rule-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 900;
}
.rule-icon.required { background: rgba(88,214,141,.14); color: #2ebf75; }
.rule-icon.optional { background: rgba(244,191,89,.14); color: #b88210; }
.rule-icon.paired { background: rgba(37,99,235,.14); color: var(--blue); }
.batch-photo-file-help {
  display: grid;
  gap: 6px;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  color: var(--muted);
  font-size: 11px;
  line-height: 1.55;
}
.batch-photo-file-help strong { color: var(--text); font-size: 12px; }
.batch-photo-review-panel { min-width: 0; }
.batch-photo-review-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.batch-photo-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0;
}
.batch-photo-summary > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2);
}
.batch-photo-summary span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .055em; }
.batch-photo-summary b { display: block; margin-top: 3px; font-size: 19px; }
.batch-photo-empty {
  display: grid;
  place-items: center;
  min-height: 310px;
  padding: 32px;
  text-align: center;
  border: 1px dashed var(--line);
  border-radius: 16px;
  color: var(--muted);
}
.batch-photo-empty.hidden { display: none; }
.batch-photo-empty > div { font-size: 34px; margin-bottom: 8px; color: var(--blue); }
.batch-photo-empty strong { color: var(--text); }
.batch-photo-empty p { max-width: 430px; margin: 8px 0 0; line-height: 1.5; }
.batch-photo-list { display: grid; gap: 12px; max-height: 690px; overflow: auto; padding-right: 3px; }
.batch-photo-pair {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel-2);
  overflow: hidden;
}
.batch-photo-pair.ready { border-color: rgba(88,214,141,.24); }
.batch-photo-pair.needs-review { border-color: rgba(238,93,93,.28); }
.batch-photo-pair-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 11px 13px;
  border-bottom: 1px solid var(--line);
}
.batch-photo-pair-head strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.batch-photo-pair-head small { display: block; margin-top: 2px; color: var(--muted); font-size: 10px; }
.batch-photo-select input { position: absolute; opacity: 0; pointer-events: none; }
.batch-photo-select span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1.5px solid var(--line-strong, var(--line));
  border-radius: 7px;
  background: var(--panel);
}
.batch-photo-select input:checked + span { border-color: var(--blue); background: var(--blue); }
.batch-photo-select input:checked + span::after { content: "✓"; color: white; font-size: 13px; font-weight: 900; }
.batch-photo-select input:disabled + span { opacity: .42; cursor: not-allowed; }
.batch-photo-status {
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}
.batch-photo-status.ready { background: rgba(88,214,141,.14); color: #35b975; }
.batch-photo-status.warning { background: rgba(244,191,89,.14); color: #b88210; }
.batch-photo-status.error { background: rgba(238,93,93,.13); color: #d85656; }
.batch-photo-sides { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); }
.batch-photo-side {
  position: relative;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  background: var(--panel);
}
.batch-photo-side img {
  width: 66px;
  height: 86px;
  object-fit: contain;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
}
.batch-photo-side-copy { min-width: 0; }
.batch-photo-side-copy b { display: block; font-size: 11px; }
.batch-photo-side-copy small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.batch-photo-side.missing { grid-template-columns: 66px 1fr; color: var(--muted); }
.batch-photo-side.missing:first-child { color: #d85656; }
.batch-photo-side-placeholder {
  display: grid;
  place-items: center;
  width: 66px;
  height: 86px;
  border: 1px dashed currentColor;
  border-radius: 9px;
  font-size: 18px;
  font-weight: 900;
  opacity: .65;
}
.batch-photo-remove-file {
  align-self: start;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: 18px;
}
.batch-photo-remove-file:hover { background: rgba(238,93,93,.12); color: #d85656; }
.batch-photo-side.duplicate { background: rgba(238,93,93,.055); }
.batch-photo-duplicates {
  grid-column: 1 / -1;
  display: grid;
  gap: 5px;
  margin-top: 3px;
}
.batch-photo-duplicates span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 5px 7px;
  border-radius: 7px;
  background: rgba(238,93,93,.09);
  color: #d85656;
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.batch-photo-duplicates button,
.batch-photo-unmatched button {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-weight: 800;
}
.batch-photo-unmatched { display: grid; gap: 6px; padding: 14px; }
.batch-photo-unmatched b { color: #d85656; font-size: 12px; }
.batch-photo-unmatched small { color: var(--muted); line-height: 1.45; }
.batch-photo-unmatched span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 9px;
  background: rgba(238,93,93,.07);
  font-size: 11px;
}
.batch-photo-import-progress { display: grid; gap: 7px; margin-top: 14px; }
.batch-photo-import-progress.hidden { display: none; }
.batch-photo-import-progress > span { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(37,99,235,.12); }
.batch-photo-import-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--blue); transition: width .2s ease; }
.batch-photo-import-progress small { color: var(--muted); font-size: 10px; }
.batch-photo-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.batch-photo-footer > div { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-width: 0; }
.batch-photo-footer small { color: var(--muted); font-size: 10px; text-align: right; line-height: 1.35; }
.identify-card-inline { width: 100%; justify-content: center; margin-top: 10px; }

@media (max-width: 1100px) {
  .batch-photo-layout { grid-template-columns: 1fr; }
  .batch-photo-upload-panel { position: static; }
  .batch-photo-list { max-height: none; }
}
@media (max-width: 720px) {
  .batch-photo-steps { grid-template-columns: 1fr 1fr; }
  .batch-photo-layout { gap: 12px; }
  .batch-photo-upload-panel,
  .batch-photo-review-panel { padding: 15px; }
  .batch-photo-drop-zone { min-height: 220px; padding: 22px 14px; }
  .batch-photo-summary { grid-template-columns: 1fr 1fr; }
  .batch-photo-review-head { align-items: center; }
  .batch-photo-pair-head { grid-template-columns: auto minmax(0, 1fr); }
  .batch-photo-status { grid-column: 2; justify-self: start; }
  .batch-photo-sides { grid-template-columns: 1fr; }
  .batch-photo-footer { align-items: stretch; flex-direction: column; }
  .batch-photo-footer > div { align-items: stretch; flex-direction: column; }
  .batch-photo-footer small { text-align: left; }
  .batch-photo-footer .btn { width: 100%; justify-content: center; }
}
@media (max-width: 430px) {
  .batch-photo-steps { gap: 7px; }
  .batch-photo-steps > div { padding: 9px 10px; grid-template-columns: 28px 1fr; column-gap: 8px; }
  .batch-photo-steps span { width: 27px; height: 27px; font-size: 11px; }
  .batch-photo-steps small { display: none; }
  .batch-photo-side { grid-template-columns: 58px minmax(0, 1fr) auto; }
  .batch-photo-side img,
  .batch-photo-side-placeholder { width: 58px; height: 76px; }
}

/* V33.70 batch review clarity fixes */
.batch-photo-select input {
  position: static;
  width: 20px;
  height: 20px;
  opacity: 1;
  pointer-events: auto;
  accent-color: var(--blue);
  cursor: pointer;
}
.batch-photo-select span { display: none; }
.batch-photo-side.missing b,
.batch-photo-side.missing small { display: block; }
.batch-photo-side.missing small { margin-top: 4px; font-size: 10px; color: var(--muted); }
.batch-photo-side.missing:first-child small { color: #d85656; }

/* WarrantyVault V33.70: refined Smart Scan quality and source review */
.ocr-quality-summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:10px 0 0;
  padding:10px 12px;
  border:1px solid rgba(20,184,166,.22);
  border-radius:13px;
  background:rgba(20,184,166,.045);
}
.ocr-quality-summary > div { min-width:0; }
.ocr-quality-summary span,
.ocr-quality-summary b,
.ocr-quality-summary small { display:block; }
.ocr-quality-summary span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.09em; }
.ocr-quality-summary b { margin-top:4px; color:#eaf5f2; font-size:12px; }
.ocr-quality-summary small { color:#7edfc9; font-size:10px; text-align:right; }
.ocr-quality-summary.fair { border-color:rgba(244,191,89,.3); background:rgba(244,191,89,.05); }
.ocr-quality-summary.fair small { color:#f4cf7d; }
.ocr-quality-summary.poor { border-color:rgba(255,122,138,.28); background:rgba(255,122,138,.045); }
.ocr-quality-summary.poor small { color:#f0a5af; }
@media (max-width:620px) {
  .ocr-quality-summary { align-items:flex-start; flex-direction:column; gap:6px; }
  .ocr-quality-summary small { text-align:left; }
}
html[data-theme="light"] .ocr-quality-summary b { color:#173247; }


/* WarrantyVault V33.83: light-sidebar contrast correction */
:root {
  --wv-ease: cubic-bezier(.22,.8,.28,1);
  --wv-shadow-soft: 0 8px 24px rgba(24,34,53,.07);
  --wv-shadow-hover: 0 18px 44px rgba(24,34,53,.13);
  --wv-focus-ring: 0 0 0 4px rgba(37,99,235,.13);
}
:root[data-theme="dark"] {
  --wv-shadow-soft: 0 10px 28px rgba(0,0,0,.20);
  --wv-shadow-hover: 0 22px 50px rgba(0,0,0,.34);
  --wv-focus-ring: 0 0 0 4px rgba(79,209,189,.14);
}

/* Smoother, more consistent interactive feedback. */
:where(button, summary, a, [role="button"], .action) {
  -webkit-tap-highlight-color: transparent;
}
:where(.btn, .action, .nav-btn, .mobile-nav-btn, summary, [role="button"]) {
  transition-property: transform, border-color, background-color, color, box-shadow, opacity;
  transition-duration: 160ms;
  transition-timing-function: var(--wv-ease);
}
:where(.btn, .action, .nav-btn, .mobile-nav-btn, summary, [role="button"]):active:not(:disabled) {
  transform: translateY(0) scale(.975);
}
:where(button, summary, [role="button"]):disabled,
:where(button, summary, [role="button"])[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .48;
  box-shadow: none !important;
  transform: none !important;
}

/* Cleaner content surfaces with less visual noise. */
.panel {
  border-color: color-mix(in srgb, var(--line-strong) 70%, transparent);
  box-shadow: var(--wv-shadow-soft);
}
html[data-theme="light"] .panel {
  background: linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,251,254,.985));
}
html[data-theme="dark"] .panel {
  background: linear-gradient(180deg, rgba(16,36,57,.97), rgba(12,29,47,.97));
}
.panel-head {
  gap: 16px;
}
.page-title {
  text-wrap: balance;
}
.page-sub,
.panel-sub {
  text-wrap: pretty;
}

/* Buttons now read as controls more clearly without becoming visually heavy. */
.btn {
  box-shadow: 0 1px 1px rgba(24,34,53,.025);
}
.btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(24,34,53,.11);
}
:root[data-theme="dark"] .btn:hover:not(:disabled) {
  box-shadow: 0 13px 28px rgba(0,0,0,.26);
}
.btn.primary {
  background: linear-gradient(135deg, var(--brand) 0%, #36a8c6 52%, var(--brand-2) 115%);
  color: #04131b;
}
.btn.primary:hover:not(:disabled) {
  filter: saturate(1.04) brightness(1.02);
}
.btn.icon,
.action,
.card-more > summary,
.row-menu > summary {
  min-width: 42px;
  min-height: 42px;
  border-radius: 13px;
}
.action,
.card-more > summary,
.row-menu > summary {
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel) 84%, transparent);
  color: var(--muted);
  box-shadow: 0 4px 12px rgba(24,34,53,.045);
}
.action:hover,
.card-more > summary:hover,
.row-menu > summary:hover {
  color: var(--text);
  border-color: color-mix(in srgb, var(--brand) 46%, var(--line));
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  box-shadow: 0 9px 22px rgba(24,34,53,.10);
  transform: translateY(-2px);
}
:root[data-theme="dark"] .action,
:root[data-theme="dark"] .card-more > summary,
:root[data-theme="dark"] .row-menu > summary {
  background: rgba(8,22,37,.78);
  box-shadow: 0 5px 16px rgba(0,0,0,.18);
}
.collect-foot .actions {
  gap: 9px;
}

/* Card tiles are easier to scan and feel more deliberate. */
.collect-card {
  border-color: color-mix(in srgb, var(--line-strong) 76%, transparent);
  box-shadow: 0 8px 24px rgba(24,34,53,.065);
  overflow: clip;
}
.collect-card:hover {
  border-color: color-mix(in srgb, var(--brand) 32%, var(--line-strong));
  box-shadow: var(--wv-shadow-hover);
  transform: translateY(-4px);
}
.collect-image {
  background:
    radial-gradient(circle at 50% 30%, rgba(37,99,235,.07), transparent 58%),
    color-mix(in srgb, var(--panel-3) 88%, transparent);
}
.collect-image img {
  transition: transform 260ms var(--wv-ease), filter 260ms var(--wv-ease);
}
.collect-card:hover .collect-image img {
  transform: scale(1.018);
}
.collect-title {
  line-height: 1.35;
  text-wrap: pretty;
}
.collect-meta {
  line-height: 1.5;
}

/* Sidebar and navigation have clearer hover and active states. */
.nav-btn {
  min-height: 46px;
}
.nav-btn:hover {
  background: rgba(255,255,255,.065);
  transform: translateX(3px);
}
.nav-btn.active {
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 7px 20px rgba(0,0,0,.10);
}
.mobile-nav-btn:hover,
.mobile-nav-btn:focus-visible {
  color: var(--brand-3);
}

/* Form controls are calmer at rest and much clearer when active. */
.field,
.select,
.textarea {
  transition: border-color 150ms var(--wv-ease), box-shadow 150ms var(--wv-ease), background-color 150ms var(--wv-ease);
}
.field:hover:not(:disabled),
.select:hover:not(:disabled),
.textarea:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--brand) 28%, var(--line-strong));
}
.field:focus,
.select:focus,
.textarea:focus {
  border-color: color-mix(in srgb, var(--brand-2) 58%, var(--line-strong));
  box-shadow: var(--wv-focus-ring);
  outline: none;
}
.field::placeholder,
.textarea::placeholder {
  color: color-mix(in srgb, var(--muted) 72%, transparent);
}

/* Menus feel attached to the button that opened them. */
.card-more > div,
.row-menu-pop,
.record-more > div {
  border: 1px solid var(--line-strong);
  box-shadow: 0 20px 46px rgba(24,34,53,.18);
  backdrop-filter: blur(18px);
}
:root[data-theme="dark"] .card-more > div,
:root[data-theme="dark"] .row-menu-pop,
:root[data-theme="dark"] .record-more > div {
  box-shadow: 0 24px 54px rgba(0,0,0,.42);
}

/* Custom tooltip layer. It works on mouse hover and keyboard focus. */
.wv-global-tooltip {
  position: fixed;
  z-index: 100000;
  max-width: min(310px, calc(100vw - 20px));
  padding: 9px 11px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 10px;
  background: rgba(8,18,31,.965);
  color: #f7fbff;
  box-shadow: 0 16px 38px rgba(0,0,0,.30);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.38;
  letter-spacing: .002em;
  pointer-events: none;
  opacity: 0;
  transform: translateY(4px) scale(.985);
  transform-origin: center;
  transition: opacity 110ms ease, transform 110ms ease;
  backdrop-filter: blur(14px);
}
.wv-global-tooltip.show {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.wv-global-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 8px;
  height: 8px;
  background: rgba(8,18,31,.965);
  border-right: 1px solid rgba(255,255,255,.13);
  border-bottom: 1px solid rgba(255,255,255,.13);
}
.wv-global-tooltip[data-placement="top"]::after {
  bottom: -5px;
  transform: translateX(-50%) rotate(45deg);
}
.wv-global-tooltip[data-placement="bottom"]::after {
  top: -5px;
  transform: translateX(-50%) rotate(225deg);
}

/* Better visible keyboard focus, especially on icon buttons. */
:where(button, a, input, select, textarea, summary, [role="button"]):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--brand-2) 34%, transparent);
  outline-offset: 3px;
}
:root[data-theme="dark"] :where(button, a, input, select, textarea, summary, [role="button"]):focus-visible {
  outline-color: color-mix(in srgb, var(--brand) 44%, transparent);
}

@media (hover: none) {
  .wv-global-tooltip { display: none !important; }
  .collect-card:hover,
  .btn:hover,
  .action:hover,
  .card-more > summary:hover,
  .row-menu > summary:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  :where(.btn, .action, .nav-btn, .mobile-nav-btn, summary, [role="button"], .collect-card, .collect-image img, .wv-global-tooltip) {
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
  }
}


/* WarrantyVault V33.83: Fresh Vault palette and surface refresh */
html[data-theme="light"] body {
  background:
    radial-gradient(circle at 88% -5%, rgba(37, 99, 235, 0.11), transparent 32%),
    radial-gradient(circle at 12% 110%, rgba(20, 184, 166, 0.09), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,0)),
    var(--bg);
}
html[data-theme="dark"] body {
  background:
    radial-gradient(circle at 85% -5%, rgba(59, 130, 246, 0.18), transparent 32%),
    radial-gradient(circle at 12% 110%, rgba(45, 212, 191, 0.10), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
    var(--bg);
}
html[data-theme="light"] .sidebar {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.98));
  border-right: 1px solid rgba(23, 32, 51, 0.07);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.72), 18px 0 48px rgba(23, 32, 51, 0.045);
}
html[data-theme="dark"] .sidebar {
  background: linear-gradient(180deg, rgba(18,28,46,.98), rgba(13,22,38,.98));
  border-right: 1px solid rgba(148,163,184,.10);
}
html[data-theme="light"] .panel,
html[data-theme="light"] .collect-card,
html[data-theme="light"] .topbar,
html[data-theme="light"] .card-more > div,
html[data-theme="light"] .row-menu-pop,
html[data-theme="light"] .record-more > div {
  background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(249,252,255,.98));
  border-color: rgba(23,32,51,.08);
  box-shadow: 0 18px 46px rgba(23,32,51,.055);
}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .collect-card,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .card-more > div,
html[data-theme="dark"] .row-menu-pop,
html[data-theme="dark"] .record-more > div {
  background: linear-gradient(180deg, rgba(18,28,46,.98), rgba(15,24,42,.98));
  border-color: rgba(148,163,184,.12);
  box-shadow: 0 24px 60px rgba(0,0,0,.32);
}
html[data-theme="light"] .nav-btn.active,
html[data-theme="light"] .sidebar-add-card,
html[data-theme="light"] .btn.primary,
html[data-theme="light"] .show-section-tabs button.active {
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color: #fff;
  box-shadow: 0 14px 32px rgba(37, 99, 235, 0.20);
}
html[data-theme="dark"] .nav-btn.active,
html[data-theme="dark"] .sidebar-add-card,
html[data-theme="dark"] .btn.primary,
html[data-theme="dark"] .show-section-tabs button.active {
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color: #07111d;
  box-shadow: 0 16px 34px rgba(59, 130, 246, 0.22);
}
html[data-theme="light"] .nav-btn:not(.active):hover,
html[data-theme="light"] .dashboard-quick-actions button:hover,
html[data-theme="light"] .data-action-card:hover {
  background: #f8fbff;
  border-color: rgba(37,99,235,.22);
}
html[data-theme="light"] .action,
html[data-theme="light"] .card-more summary {
  background: #f7faff;
  border-color: rgba(23, 32, 51, 0.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
html[data-theme="light"] .action:hover,
html[data-theme="light"] .card-more summary:hover {
  background: #eef5ff;
  border-color: rgba(37,99,235,.22);
}
html[data-theme="light"] .action-edit {
  color: var(--brand-2);
  background: rgba(37,99,235,.07);
  border-color: rgba(37,99,235,.16);
}
html[data-theme="light"] .collect-card:hover {
  border-color: rgba(37,99,235,.18);
  box-shadow: 0 22px 52px rgba(23,32,51,.10);
}
html[data-theme="dark"] .collect-card:hover {
  border-color: rgba(96,165,250,.22);
  box-shadow: 0 24px 52px rgba(0,0,0,.34);
}
html[data-theme="light"] .collect-values > div,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: rgba(255,255,255,.98);
  border-color: rgba(23,32,51,.10);
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .collect-values > div {
  background: rgba(14,24,42,.94);
}
html[data-theme="light"] .status,
html[data-theme="light"] .collect-grade-pill,
html[data-theme="light"] .collect-badge,
html[data-theme="light"] .review-badge {
  backdrop-filter: blur(12px);
}
.wv-global-tooltip {
  border-color: rgba(96,165,250,.20);
  background: rgba(14, 23, 39, 0.97);
  color: #f8fbff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.28);
}
.wv-global-tooltip::after {
  background: rgba(14, 23, 39, 0.97);
  border-right-color: rgba(96,165,250,.20);
  border-bottom-color: rgba(96,165,250,.20);
}


/* WarrantyVault V33.83: light-sidebar contrast and brand readability */
html[data-theme="light"] .sidebar {
  --text: #172033;
  --muted: #65738a;
  --muted-2: #8a97a8;
  color: var(--text);
}
html[data-theme="light"] .sidebar .brand-name,
html[data-theme="light"] .sidebar .account-copy strong,
html[data-theme="light"] .sidebar .sidebar-save-state strong,
html[data-theme="light"] .sidebar .sidebar-save-state > b {
  color: #172033;
}
html[data-theme="light"] .sidebar .brand-sub,
html[data-theme="light"] .sidebar .account-copy span,
html[data-theme="light"] .sidebar .sidebar-save-state small,
html[data-theme="light"] .sidebar .nav-label {
  color: #65738a;
}
html[data-theme="light"] .sidebar .brand-name {
  text-shadow: none;
}
html[data-theme="light"] .sidebar .nav-btn:not(.active) {
  color: #344258;
}
html[data-theme="light"] .sidebar .nav-btn:not(.active) svg {
  color: #65738a;
  stroke: currentColor;
}
html[data-theme="light"] .sidebar .nav-btn.active,
html[data-theme="light"] .sidebar .sidebar-add-card,
html[data-theme="light"] .sidebar .sidebar-add-card.active {
  color: #ffffff;
}
html[data-theme="light"] .sidebar .nav-btn.active svg,
html[data-theme="light"] .sidebar .sidebar-add-card svg {
  color: #ffffff;
  stroke: currentColor;
}
html[data-theme="light"] .sidebar .account-sync,
html[data-theme="light"] .sidebar .sidebar-save-dot {
  color: #0f9f91;
}


/* WarrantyVault V33.83: workspace sync panel matches the Fresh Vault sidebar */
.sidebar-save-state.sync-details-trigger {
  position: relative;
  grid-template-columns: auto minmax(0, 1fr) auto;
  row-gap: 3px;
  padding: 11px 12px 10px;
  border: 1px solid var(--line);
  border-radius: 13px;
  overflow: hidden;
}
.sidebar-save-state.sync-details-trigger::after {
  content: "View details";
  grid-column: 2 / 4;
  justify-self: end;
  margin-left: 0;
  color: var(--brand-3);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}
html[data-theme="light"] .sidebar-save-state.sync-details-trigger {
  color: var(--muted);
  background: linear-gradient(180deg, #fbfdff, #f3f7fc);
  border-color: rgba(23, 32, 51, .09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 8px 20px rgba(23,32,51,.045);
}
html[data-theme="light"] .sidebar-save-state.sync-details-trigger:hover,
html[data-theme="light"] .sidebar-save-state.sync-details-trigger:focus-visible {
  background: linear-gradient(180deg, #ffffff, #edf4ff);
  border-color: rgba(37,99,235,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 10px 24px rgba(37,99,235,.075);
}
html[data-theme="light"] .sidebar-save-state.sync-details-trigger strong,
html[data-theme="light"] .sidebar-save-state.sync-details-trigger > b {
  color: #172033;
}
html[data-theme="light"] .sidebar-save-state.sync-details-trigger small {
  color: #65738a;
}
html[data-theme="light"] .sidebar-save-state.sync-details-trigger::after {
  color: #2563eb;
}
html[data-theme="light"] .sidebar-save-state .sidebar-save-dot {
  background: #14b8a6;
  box-shadow: 0 0 0 5px rgba(20,184,166,.10);
}
html[data-theme="dark"] .sidebar-save-state.sync-details-trigger {
  background: linear-gradient(180deg, rgba(24,38,59,.98), rgba(16,27,45,.99));
  border-color: rgba(148,163,184,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme="dark"] .sidebar-save-state.sync-details-trigger:hover,
html[data-theme="dark"] .sidebar-save-state.sync-details-trigger:focus-visible {
  background: linear-gradient(180deg, rgba(28,45,69,.99), rgba(18,31,50,.99));
  border-color: rgba(96,165,250,.24);
}

html[data-theme="light"] .card-more > div button {
  color: #334155;
}
html[data-theme="light"] .card-more > div button:hover {
  background: #f1f5f9;
}
html[data-theme="light"] .card-more > div .danger-text {
  color: #ef6b7a;
}

/* WarrantyVault V33.83: centering guidance moved below the card image */


/* WarrantyVault V33.83: consistency audit, bulk collection tools, and scan review */
:root {
  --surface-raised: rgba(255,255,255,.985);
  --surface-soft: #f7faff;
  --surface-hover: #eef5ff;
  --menu-text: #334155;
}
:root[data-theme="dark"] {
  --surface-raised: rgba(18,28,46,.985);
  --surface-soft: rgba(14,24,42,.94);
  --surface-hover: rgba(96,165,250,.10);
  --menu-text: #e5edf8;
}
/* Consistent interactive surfaces across cards, dialogs, sheets, dropdowns, and menus. */
:where(.modal, .global-search-results, .row-menu-pop, .card-more > div, .record-more > div, .collection-filter-sheet, .mobile-action-sheet, .show-mode-sheet) {
  color: var(--text);
  border-color: var(--line-strong);
  background: var(--surface-raised);
  box-shadow: var(--shadow);
}
:where(.row-menu-pop, .card-more > div, .record-more > div) button {
  color: var(--menu-text);
}
:where(.row-menu-pop, .card-more > div, .record-more > div) button:hover,
:where(.row-menu-pop, .card-more > div, .record-more > div) button:focus-visible {
  background: var(--surface-hover);
}
:where(.field, .select, input, textarea, select) {
  color: var(--text);
  background: var(--surface-raised);
  border-color: var(--line);
}
:where(.field, .select, input, textarea, select):hover:not(:disabled) { border-color: color-mix(in srgb, var(--brand) 30%, var(--line)); }
:where(button, .btn, .action, input, select, textarea):disabled {
  opacity: .56;
  cursor: not-allowed;
  filter: saturate(.72);
}
.polished-empty,
.empty,
.import-empty-shows {
  color: var(--text);
  border-color: var(--line);
  background: linear-gradient(180deg, var(--surface-raised), var(--panel-2));
}
.polished-empty p,
.empty p { color: var(--muted); }
.danger-outline { color: var(--red); border-color: color-mix(in srgb, var(--red) 30%, var(--line)); background: color-mix(in srgb, var(--red) 6%, transparent); }
.danger-outline:hover { background: color-mix(in srgb, var(--red) 12%, transparent); border-color: color-mix(in srgb, var(--red) 46%, var(--line)); }

/* Multi-select and bulk collection management. */
.collection-bulk-bar {
  position: sticky;
  top: 10px;
  z-index: 32;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 12px 0 16px;
  padding: 13px 15px;
  border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--line));
  border-radius: 15px;
  background: color-mix(in srgb, var(--panel) 92%, var(--brand) 8%);
  box-shadow: 0 16px 36px rgba(23,32,51,.10);
  backdrop-filter: blur(16px);
}
.collection-bulk-summary span,
.collection-bulk-summary small { display: block; }
.collection-bulk-summary span { font-weight: 800; color: var(--text); }
.collection-bulk-summary small { margin-top: 2px; color: var(--muted); font-size: 11px; }
.collection-bulk-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
#collectionSelectModeBtn.active { color: #fff; border-color: transparent; background: linear-gradient(135deg,var(--brand),var(--brand-2)); }
.collect-card { position: relative; }
.collection-select-toggle {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 8;
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: 10px;
  color: #fff;
  background: rgba(9,22,36,.74);
  box-shadow: 0 8px 20px rgba(0,0,0,.20);
  opacity: 0;
  transform: scale(.92);
  transition: opacity .16s ease, transform .16s ease, background .16s ease;
  backdrop-filter: blur(10px);
}
.collect-card:hover .collection-select-toggle,
.selection-mode .collection-select-toggle,
.collect-card.selected .collection-select-toggle { opacity: 1; transform: scale(1); }
.collection-select-toggle span { display: grid; place-items: center; width: 17px; height: 17px; border: 2px solid rgba(255,255,255,.82); border-radius: 5px; font-size: 12px; font-weight: 900; }
.collect-card.selected { border-color: color-mix(in srgb, var(--brand) 58%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 14%, transparent), 0 20px 42px rgba(23,32,51,.12); }
.collect-card.selected .collection-select-toggle { background: var(--brand); border-color: var(--brand); }
.collect-card.selected .collection-select-toggle span { border-color: transparent; }
@media (max-width: 900px) {
  .collection-bulk-bar { position: relative; top: auto; align-items: flex-start; flex-direction: column; }
  .collection-bulk-actions { justify-content: flex-start; width: 100%; }
}
@media (max-width: 620px) {
  .collection-bulk-actions .btn { flex: 1 1 calc(50% - 7px); }
  .collection-select-toggle { opacity: 1; }
}

/* Scanner review gives uncertain fields a distinct, actionable state. */
.ocr-review-grid > .low-confidence {
  border-color: color-mix(in srgb, var(--amber) 38%, var(--line));
  background: color-mix(in srgb, var(--amber) 7%, var(--panel));
}
.ocr-review-grid > .low-confidence small { color: var(--amber); }
.ocr-apply-field {
  margin-top: 8px;
  padding: 5px 8px;
  border: 1px solid color-mix(in srgb, var(--amber) 34%, var(--line));
  border-radius: 8px;
  color: var(--text);
  background: transparent;
  font-size: 10px;
  font-weight: 750;
  cursor: pointer;
}
.ocr-apply-field:hover { background: color-mix(in srgb, var(--amber) 10%, transparent); }
.ocr-source-summary { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.ocr-source-summary span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: var(--panel-2); font-size: 10px; font-weight: 700; }
.ocr-source-summary span.active { color: var(--brand-3); border-color: color-mix(in srgb, var(--brand-3) 28%, var(--line)); background: color-mix(in srgb, var(--brand-3) 7%, var(--panel)); }
.ocr-review-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
#ocrResult.review-confirmed { border-color: color-mix(in srgb, var(--green) 35%, var(--line)); }
#ocrResult.review-confirmed .ocr-result-lead strong::after { content: " • Reviewed"; color: var(--green); }


/* WarrantyVault V33.83: clearer Free vs Pro plan comparison */
.billing-compare-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
  margin: 26px 0 16px;
}
.billing-compare-head h4,
.billing-difference-head h4,
.billing-tier h4 {
  margin: 5px 0 0;
  color: var(--text);
}
.billing-compare-head h4 { font-size: clamp(18px, 2.4vw, 24px); }
.billing-compare-head p,
.billing-difference-head p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.55;
}
.billing-pro-gains {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.billing-pro-gains span,
.upgrade-modal-gains span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--brand) 20%, var(--line));
  border-radius: 999px;
  color: var(--muted);
  background: color-mix(in srgb, var(--brand) 6%, var(--panel));
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}
.billing-pro-gains b,
.upgrade-modal-gains b { color: var(--brand); font-size: 12px; }
.billing-price-grid.billing-price-grid-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
.billing-tier {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
  padding: 21px;
  overflow: hidden;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.billing-tier:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--brand) 24%, var(--line));
  box-shadow: 0 20px 44px rgba(23, 32, 51, .08);
}
:root[data-theme="dark"] .billing-tier:hover { box-shadow: 0 24px 52px rgba(0,0,0,.25); }
.billing-tier.current-plan {
  border-color: color-mix(in srgb, var(--brand) 50%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 9%, transparent);
}
.billing-tier.pro-access-active {
  border-color: color-mix(in srgb, var(--brand-3) 38%, var(--line));
}
.billing-tier-pro {
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 42%),
    var(--panel-2) !important;
}
.billing-tier.featured {
  border-color: color-mix(in srgb, var(--brand) 48%, var(--line));
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand-3) 18%, transparent), transparent 38%),
    linear-gradient(150deg, color-mix(in srgb, var(--brand) 8%, transparent), color-mix(in srgb, var(--brand-3) 8%, transparent)),
    var(--panel-2) !important;
}
.billing-best-value {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 12px;
  border-radius: 0 17px 0 13px;
  color: #fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.billing-tier-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding-right: 2px;
}
.billing-tier.featured .billing-tier-top { padding-top: 12px; }
.billing-tier-kicker {
  color: var(--brand-3);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.billing-tier-top h4 { font-size: 17px; }
.billing-plan-state {
  flex: 0 0 auto;
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: var(--panel);
  font-size: 10px;
  font-weight: 750;
  white-space: nowrap;
}
.billing-plan-state.pro,
.billing-plan-state.annual {
  color: var(--brand);
  border-color: color-mix(in srgb, var(--brand) 22%, var(--line));
  background: color-mix(in srgb, var(--brand) 7%, var(--panel));
}
.billing-price-row {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin-top: 20px;
}
.billing-price-row b { font-size: clamp(31px, 4vw, 40px); letter-spacing: -.035em; }
.billing-price-row small { color: var(--muted); font-size: 12px; font-weight: 650; }
.billing-effective-price {
  margin-top: 7px;
  color: var(--brand-3);
  font-size: 11px;
  line-height: 1.45;
}
.billing-effective-price b { color: inherit; }
.billing-tier-summary {
  min-height: 62px;
  margin: 13px 0 0 !important;
  color: var(--muted) !important;
  font-size: 12px;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}
.billing-feature-list {
  display: grid;
  gap: 11px;
  margin: 18px 0 20px !important;
  padding: 0 !important;
  list-style: none;
  color: var(--text) !important;
  line-height: 1.35 !important;
}
.billing-feature-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}
.billing-feature-list li > span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  color: var(--brand-3);
  background: color-mix(in srgb, var(--brand-3) 10%, transparent);
  font-size: 11px;
  font-weight: 900;
}
.billing-feature-list b,
.billing-feature-list small { display: block; }
.billing-feature-list b { color: var(--text); font-size: 12px; }
.billing-feature-list small { margin-top: 2px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.billing-feature-list.compact { margin-bottom: auto !important; }
.billing-plan-cta { margin-top: auto; }
.billing-tier-footnote {
  margin-top: 10px;
  color: var(--muted-2);
  font-size: 9px;
  line-height: 1.45;
  text-align: center;
}
.billing-difference-panel {
  margin-top: 18px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 34%),
    var(--panel-2);
}
.billing-difference-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
}
.billing-difference-head p { max-width: 470px; text-align: right; }
.billing-difference-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
  margin-top: 16px;
}
.billing-difference-grid > div {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--panel);
}
.billing-difference-grid span,
.billing-difference-grid b,
.billing-difference-grid small { display: block; }
.billing-difference-grid span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.billing-difference-grid b { margin-top: 6px; color: var(--text); font-size: 12px; line-height: 1.35; }
.billing-difference-grid small { margin-top: 4px; color: var(--brand-3); font-size: 9px; line-height: 1.4; }
.billing-management-actions {
  justify-content: flex-end;
  margin: 16px 0 0;
}
.billing-management-actions .text-button { margin-left: 0; }
.upgrade-modal-gains { display: flex; flex-wrap: wrap; gap: 7px; }
@media (max-width: 1180px) {
  .billing-price-grid.billing-price-grid-three { grid-template-columns: 1fr; }
  .billing-tier-summary { min-height: 0; }
  .billing-difference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .billing-compare-head,
  .billing-difference-head { display: grid; }
  .billing-pro-gains { justify-content: flex-start; }
  .billing-difference-head p { text-align: left; }
  .billing-difference-grid { grid-template-columns: 1fr; }
  .billing-management-actions { justify-content: stretch; }
  .billing-management-actions .btn,
  .billing-management-actions .text-button { width: 100%; text-align: center; }
}

/* WarrantyVault V33.83: Collector Showcase */
.community-topbar { align-items: flex-end; }
.community-safety-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -2px 0 16px;
}
.community-safety-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--brand-3) 24%, var(--line));
  border-radius: 999px;
  color: var(--muted);
  background: color-mix(in srgb, var(--brand-3) 5%, var(--panel));
  font-size: 11px;
  font-weight: 700;
}
.community-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin-bottom: 16px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: color-mix(in srgb, var(--panel) 90%, var(--bg-2));
  scrollbar-width: none;
}
.community-tabs::-webkit-scrollbar { display: none; }
.community-tab {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 9px 14px;
  border: 0;
  border-radius: 11px;
  color: var(--muted);
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}
.community-tab:hover { color: var(--text); background: color-mix(in srgb, var(--brand) 7%, transparent); }
.community-tab.active {
  color: #fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 10px 24px color-mix(in srgb, var(--brand) 24%, transparent);
}
:root[data-theme="dark"] .community-tab.active { color: #07111d; }
.community-content { min-height: 420px; }
.community-content.is-loading { opacity: .82; }
.community-reminder,
.community-explore-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.community-reminder {
  margin-bottom: 14px;
  padding: 13px 15px;
  border: 1px solid rgba(245, 158, 11, .24);
  border-radius: 14px;
  background: rgba(245, 158, 11, .065);
}
.community-reminder div { display: grid; gap: 3px; }
.community-reminder b { font-size: 13px; }
.community-reminder span { color: var(--muted); font-size: 12px; line-height: 1.45; }
.community-explore-head { padding: 22px; margin-bottom: 14px; }
.community-explore-head h2,
.community-profile-form-card h2,
.community-collector-hero h2 { margin: 5px 0 7px; font-size: clamp(21px, 2.4vw, 30px); }
.community-explore-head p,
.community-profile-form-card > p { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.55; }
.community-filter-bar {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) 190px;
  gap: 10px;
  margin-bottom: 15px;
}
.community-filter-bar .search-wrap { position: relative; }
.community-filter-bar .search-wrap > span {
  position: absolute;
  left: 13px;
  top: 50%;
  z-index: 2;
  color: var(--muted);
  transform: translateY(-50%);
}
.community-filter-bar .search-wrap input { padding-left: 38px; }
.community-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}
.community-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: var(--panel);
  box-shadow: 0 14px 38px rgba(23, 32, 51, .055);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.community-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--brand) 27%, var(--line));
  box-shadow: 0 20px 46px rgba(23, 32, 51, .10);
}
.community-card-image {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  color: inherit;
  background:
    radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 58%),
    var(--panel-3);
  cursor: pointer;
}
.community-card-image > img { width: 100%; height: 100%; padding: 12px; object-fit: contain; }
.community-listing-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #fff;
  background: rgba(37,99,235,.88);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}
.community-card-body { display: grid; gap: 8px; padding: 14px; }
.community-owner {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.community-owner-avatar,
.showcase-comment-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--brand-2);
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  font-weight: 850;
}
.community-owner-avatar img,
.showcase-comment-avatar img { width: 100%; height: 100%; object-fit: cover; }
.community-owner div { display: grid; }
.community-owner b { font-size: 11px; }
.community-owner small { color: var(--muted); font-size: 10px; }
.community-card-player { color: var(--brand-3); font-size: 11px; font-weight: 800; }
.community-card h3 { min-height: 40px; margin: 0; font-size: 14px; line-height: 1.4; }
.community-card p { min-height: 34px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.community-card-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}
.community-price { display: grid; }
.community-price small { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.community-price b { margin-top: 2px; font-size: 14px; }
.community-yours { color: var(--muted); font-size: 10px; font-weight: 750; }
.community-social-actions { display: flex; gap: 6px; }
.community-social-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: var(--panel-2);
  cursor: pointer;
  font: inherit;
}
.community-social-button span { font-size: 13px; }
.community-social-button b { font-size: 10px; }
.community-social-button:hover { color: var(--text); border-color: color-mix(in srgb, var(--brand) 30%, var(--line)); }
.community-social-button.liked { color: #e11d48; border-color: rgba(225,29,72,.24); background: rgba(225,29,72,.06); }
.community-loading,
.community-error { padding: 34px; text-align: center; color: var(--muted); }
.community-error { color: var(--red); }
.community-empty { min-height: 270px; }
.community-setup-required {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 24px;
}
.community-setup-required h2 { margin: 5px 0 7px; }
.community-setup-required p { margin: 0; color: var(--muted); }
.community-setup-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, var(--panel));
  font-size: 24px;
}
.community-setup-steps { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.community-setup-steps span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 10px; }
.community-setup-steps b { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 999px; color: #fff; background: var(--brand); }
.community-profile-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 16px;
  align-items: start;
}
.community-profile-form-card,
.community-profile-summary { padding: 22px; }
.community-profile-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}
.community-profile-form .full,
.community-profile-form .auth-check,
.community-profile-form .form-actions { grid-column: 1 / -1; }
.community-handle-field {
  display: flex;
  align-items: center;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  background: var(--panel);
}
.community-handle-field > span { padding-left: 12px; color: var(--muted); font-weight: 800; }
.community-handle-field input { border: 0; box-shadow: none !important; }
.community-profile-summary { position: sticky; top: 18px; text-align: center; }
.community-profile-avatar {
  display: grid;
  place-items: center;
  width: 78px;
  height: 78px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 23px;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 9%, var(--panel));
  font-size: 28px;
  font-weight: 900;
}
.community-profile-summary .community-profile-avatar { margin: 0 auto; }
.community-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.community-profile-summary h3 { margin: 12px 0 2px; }
.community-profile-summary > span { color: var(--muted); font-size: 12px; }
.community-profile-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 17px; }
.community-profile-stats div { min-width: 0; padding: 10px 5px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel-2); }
.community-profile-stats b,
.community-profile-stats small { display: block; overflow-wrap: anywhere; }
.community-profile-stats b { font-size: 15px; }
.community-profile-stats small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.community-privacy-note { display: grid; gap: 4px; margin-top: 15px; padding: 12px; border-radius: 11px; text-align: left; background: color-mix(in srgb, var(--brand-3) 6%, var(--panel-2)); }
.community-privacy-note b { font-size: 11px; }
.community-privacy-note span { color: var(--muted); font-size: 10px; line-height: 1.5; }
.community-collector-hero { display: grid; gap: 18px; padding: 22px; margin-bottom: 15px; }
.community-collector-hero > .btn { width: fit-content; }
.community-collector-identity { display: flex; align-items: center; gap: 16px; }
.community-collector-identity > div { min-width: 0; }
.community-collector-identity h2 { margin-bottom: 2px; }
.community-collector-identity span { color: var(--muted); font-size: 12px; }
.community-collector-identity p { max-width: 760px; margin: 8px 0 0; color: var(--muted); line-height: 1.55; }
.showcase-comment-card {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--panel-2);
}
.showcase-comment-card-image { display: grid; place-items: center; width: 76px; height: 98px; overflow: hidden; border-radius: 9px; background: var(--panel-3); }
.showcase-comment-card-image img { width: 100%; height: 100%; object-fit: contain; }
.showcase-comment-card > div:last-child { display: grid; gap: 3px; }
.showcase-comment-card span { color: var(--brand-3); font-size: 10px; font-weight: 800; }
.showcase-comment-card b { font-size: 13px; }
.showcase-comment-card small { color: var(--muted); font-size: 10px; }
.showcase-comment-list { display: grid; gap: 10px; max-height: 360px; overflow-y: auto; padding-right: 3px; }
.showcase-comment {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2);
}
.showcase-comment > div:last-child { min-width: 0; }
.showcase-comment header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.showcase-comment header > button:first-child { display: grid; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.showcase-comment header b { font-size: 11px; }
.showcase-comment header small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.showcase-comment p { margin: 7px 0 0; font-size: 12px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.showcase-comments-empty,
.showcase-comments-disabled { padding: 20px; border: 1px dashed var(--line); border-radius: 12px; color: var(--muted); text-align: center; font-size: 11px; }
.showcase-comment-form { display: grid; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.showcase-comment-form textarea { min-height: 78px; resize: vertical; }
.showcase-comment-form > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.showcase-comment-form small { color: var(--muted); font-size: 9px; }

@media (max-width: 1180px) {
  .community-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .community-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .community-profile-layout { grid-template-columns: 1fr; }
  .community-profile-summary { position: static; }
}
@media (max-width: 620px) {
  .community-safety-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .community-safety-strip span { justify-content: center; text-align: center; }
  .community-explore-head,
  .community-reminder,
  .community-setup-required { align-items: stretch; flex-direction: column; }
  .community-explore-head { display: grid; }
  .community-setup-required { display: grid; grid-template-columns: 1fr; }
  .community-filter-bar { grid-template-columns: 1fr; }
  .community-grid { grid-template-columns: 1fr; }
  .community-card { max-width: 470px; width: 100%; margin-inline: auto; }
  .community-card-image { aspect-ratio: 4 / 5; }
  .community-profile-form { grid-template-columns: 1fr; }
  .community-profile-form .full,
  .community-profile-form .auth-check,
  .community-profile-form .form-actions { grid-column: auto; }
  .community-collector-identity { align-items: flex-start; }
  .community-profile-avatar { width: 66px; height: 66px; flex: 0 0 66px; }
  .community-profile-stats { grid-template-columns: 1fr; }
  .showcase-comment-card { grid-template-columns: 60px minmax(0, 1fr); }
  .showcase-comment-card-image { width: 60px; height: 80px; }
  .showcase-comment-form > div { align-items: stretch; flex-direction: column; }
  .showcase-comment-form .btn { width: 100%; }
}

/* WarrantyVault V33.83: collector directory and publication verification */
.community-collector-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}
.community-collector-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 17px;
  color: var(--text);
  background: var(--panel);
  box-shadow: 0 14px 38px rgba(23, 32, 51, .055);
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.community-collector-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--brand) 30%, var(--line));
  box-shadow: 0 20px 46px rgba(23, 32, 51, .10);
}
.community-collector-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.community-collector-card-top .community-profile-avatar {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 17px;
  font-size: 21px;
}
.community-collector-card-top > div { min-width: 0; }
.community-collector-card h3 {
  overflow: hidden;
  margin: 0 0 3px;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.community-collector-card-top span,
.community-collector-card-top small {
  display: block;
  color: var(--muted);
  font-size: 10px;
}
.community-collector-card-top small {
  margin-top: 4px;
  color: var(--brand-3);
  font-weight: 800;
}
.community-collector-card > p {
  min-height: 44px;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.community-collector-card-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.community-collector-card-stats > span {
  min-width: 0;
  padding: 9px 6px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel-2);
  text-align: center;
}
.community-collector-card-stats b,
.community-collector-card-stats small { display: block; overflow-wrap: anywhere; }
.community-collector-card-stats b { font-size: 13px; }
.community-collector-card-stats small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.community-collector-card-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 11px;
  border-top: 1px solid var(--line);
  color: var(--brand);
  font-size: 11px;
  font-weight: 800;
}
.community-collector-card-action span { font-size: 16px; }
.community-sync-verification {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2);
}
.community-sync-verification > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  color: var(--muted);
  background: var(--panel-3);
  font-size: 12px;
  font-weight: 900;
}
.community-sync-verification.verified {
  border-color: color-mix(in srgb, var(--brand-3) 30%, var(--line));
  background: color-mix(in srgb, var(--brand-3) 6%, var(--panel));
}
.community-sync-verification.verified > span {
  color: #fff;
  background: var(--brand-3);
}
.community-sync-verification div { display: grid; gap: 2px; min-width: 0; }
.community-sync-verification b { font-size: 11px; }
.community-sync-verification small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.community-profile-form .form-actions { display: flex; flex-wrap: wrap; gap: 8px; }

@media (max-width: 1000px) {
  .community-collector-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .community-collector-grid { grid-template-columns: 1fr; }
  .community-sync-verification { grid-template-columns: auto minmax(0, 1fr); }
  .community-sync-verification .text-button { grid-column: 1 / -1; justify-self: stretch; text-align: center; }
}

/* WarrantyVault V33.84: Collector Showcase community experience */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.community-top-actions { align-items: center; }
.community-notification-button {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 13px;
  color: var(--text);
  background: var(--panel);
  cursor: pointer;
  font: inherit;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}
.community-notification-button:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--brand) 34%, var(--line)); background: var(--panel-2); }
.community-notification-button > span:first-child { font-size: 20px; line-height: 1; }
.community-notification-button b {
  position: absolute;
  top: -6px;
  right: -6px;
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: 2px solid var(--bg);
  border-radius: 999px;
  color: #fff;
  background: #ef4444;
  font-size: 9px;
  line-height: 1;
}
.community-tab span {
  display: inline-grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  margin-left: 5px;
  padding: 0 5px;
  border-radius: 999px;
  color: #fff;
  background: #ef4444;
  font-size: 9px;
}
.community-tab.active span { color: var(--brand); background: #fff; }
.community-discovery-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  margin-bottom: 14px;
  padding: 25px;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 30%, color-mix(in srgb, var(--brand-3) 16%, transparent), transparent 34%),
    radial-gradient(circle at 70% 90%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 40%),
    var(--panel);
}
.community-discovery-hero h2 { margin: 5px 0 8px; font-size: clamp(23px, 3vw, 36px); }
.community-discovery-hero p { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.6; }
.community-discovery-stats { display: grid; grid-template-columns: repeat(2, minmax(100px, 1fr)); gap: 8px; }
.community-discovery-stats span { display: grid; gap: 3px; min-width: 118px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: color-mix(in srgb, var(--panel) 82%, transparent); text-align: center; }
.community-discovery-stats b { font-size: 15px; }
.community-discovery-stats small { color: var(--muted); font-size: 9px; }
.community-filter-bar-wide { grid-template-columns: minmax(240px, 1fr) 150px 165px auto auto; align-items: center; }
.community-filter-bar-directory { grid-template-columns: minmax(230px, 1fr) 145px 180px 165px; }
.community-layout-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
}
.community-layout-toggle button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
}
.community-layout-toggle button.active { color: #fff; background: var(--brand); }
.community-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 18px 0 11px;
}
.community-section-heading h3 { margin: 3px 0 0; font-size: clamp(18px, 2vw, 24px); }
.community-section-heading > span { color: var(--muted); font-size: 11px; }
.community-card-title {
  min-height: 40px;
  padding: 0;
  border: 0;
  color: var(--text);
  background: transparent;
  text-align: left;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
}
.community-card-title:hover { color: var(--brand); }
.community-card-badges {
  position: absolute;
  right: 9px;
  bottom: 9px;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  max-width: calc(100% - 18px);
}
.community-card-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 4px 7px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 999px;
  color: #fff;
  background: rgba(15,23,42,.72);
  font-size: 8px;
  font-weight: 850;
  backdrop-filter: blur(8px);
}
.community-card-badge.featured { background: rgba(245,158,11,.9); }
.community-grid-list { grid-template-columns: 1fr; }
.community-grid-list .community-card { display: grid; grid-template-columns: 180px minmax(0, 1fr); min-height: 240px; }
.community-grid-list .community-card-image { height: 100%; min-height: 240px; aspect-ratio: auto; border-right: 1px solid var(--line); border-bottom: 0; }
.community-grid-list .community-card-body { align-content: center; padding: 22px; }
.community-grid-list .community-card-title { min-height: 0; font-size: 17px; }
.community-grid-list .community-card p { min-height: 0; }
.community-collector-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.community-collector-card {
  display: block;
  overflow: hidden;
  padding: 0;
  cursor: default;
}
.community-collector-card:hover { transform: translateY(-2px); }
.community-collector-banner {
  display: block;
  width: 100%;
  height: 94px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 75% 30%, color-mix(in srgb, var(--brand-3) 22%, transparent), transparent 36%),
    linear-gradient(135deg, color-mix(in srgb, var(--brand) 13%, var(--panel-2)), var(--panel-3));
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
.community-collector-card-body { display: grid; gap: 12px; padding: 15px; }
.community-collector-card-top { margin-top: -43px; align-items: flex-end; }
.community-collector-card-top .community-profile-avatar { border: 4px solid var(--panel); box-shadow: 0 8px 22px rgba(15,23,42,.15); }
.community-collector-card-top > div { flex: 1; padding-bottom: 4px; }
.community-collector-card-top > div > button {
  display: block;
  max-width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.community-collector-card-body > p { min-height: 48px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.community-collector-card-action {
  width: 100%;
  padding: 11px 0 0;
  border: 0;
  border-top: 1px solid var(--line);
  color: var(--brand);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  text-align: left;
}
.community-updated-label { margin-top: -6px; color: var(--muted); font-size: 9px; }
.community-profile-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.community-profile-tags span { display: inline-flex; align-items: center; min-height: 26px; padding: 5px 9px; border: 1px solid color-mix(in srgb, var(--brand-3) 22%, var(--line)); border-radius: 999px; color: var(--brand-3); background: color-mix(in srgb, var(--brand-3) 6%, transparent); font-size: 9px; font-weight: 750; }
.community-notification-list { display: grid; gap: 9px; }
.community-notification-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--text);
  background: var(--panel);
  cursor: pointer;
  text-align: left;
  transition: border-color .16s ease, transform .16s ease;
}
.community-notification-item:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--brand) 28%, var(--line)); }
.community-notification-item.unread { border-color: color-mix(in srgb, var(--brand) 34%, var(--line)); background: color-mix(in srgb, var(--brand) 5%, var(--panel)); }
.community-notification-avatar { display: grid; place-items: center; width: 42px; height: 42px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; color: var(--brand); background: var(--panel-3); font-weight: 850; }
.community-notification-avatar img { width: 100%; height: 100%; object-fit: cover; }
.community-notification-item p { margin: 0; font-size: 12px; line-height: 1.45; }
.community-notification-item small { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
.community-notification-item > img { width: 46px; height: 58px; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-3); }
.community-collector-hero { overflow: hidden; padding: 0 24px 24px; }
.community-collector-cover {
  height: 190px;
  margin: 0 -24px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 80% 25%, color-mix(in srgb, var(--brand-3) 20%, transparent), transparent 35%),
    linear-gradient(135deg, color-mix(in srgb, var(--brand) 13%, var(--panel-2)), var(--panel-3));
  background-position: center;
  background-size: cover;
}
.community-collector-identity { display: flex; align-items: flex-end; gap: 15px; margin-top: -52px; }
.community-collector-avatar { display: grid; place-items: center; flex: 0 0 104px; width: 104px; height: 104px; overflow: hidden; border: 6px solid var(--panel); border-radius: 28px; color: var(--brand); background: var(--panel-3); box-shadow: 0 12px 30px rgba(15,23,42,.16); font-size: 34px; font-weight: 900; }
.community-collector-avatar img { width: 100%; height: 100%; object-fit: cover; }
.community-collector-identity > div:nth-child(2) { min-width: 0; padding-bottom: 6px; }
.community-collector-identity h2 { margin: 3px 0; }
.community-collector-identity > div:nth-child(2) > span { color: var(--muted); font-size: 12px; }
.community-collector-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-left: auto; padding-bottom: 7px; }
.community-collector-hero > p { max-width: 800px; margin: 18px 0 12px; color: var(--muted); line-height: 1.6; }
.community-collector-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }
.community-collector-stats > div { display: grid; gap: 2px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); text-align: center; }
.community-collector-stats b { font-size: 16px; }
.community-collector-stats small { color: var(--muted); font-size: 9px; }
.community-collector-tools { display: grid; grid-template-columns: minmax(220px, 1fr) 180px auto; gap: 9px; align-items: center; margin: 15px 0; }
.community-collector-tools .search-wrap { position: relative; }
.community-collector-tools .search-wrap > span { position: absolute; left: 13px; top: 50%; z-index: 2; transform: translateY(-50%); color: var(--muted); }
.community-collector-tools .field { padding-left: 38px; }
.community-profile-section { margin-top: 20px; }
.community-featured-section { padding: 18px; border: 1px solid color-mix(in srgb, #f59e0b 25%, var(--line)); border-radius: 18px; background: color-mix(in srgb, #f59e0b 4%, var(--panel)); }
.community-back { margin-bottom: 12px; }
.community-profile-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.community-profile-form .form-actions.full { grid-column: 1 / -1; }
.community-banner-picker {
  display: grid;
  place-items: center;
  min-height: 110px;
  border: 1px dashed var(--line-strong);
  border-radius: 14px;
  color: var(--muted);
  background: var(--panel-2);
  background-position: center;
  background-size: cover;
  font-size: 10px;
  text-align: center;
}
.community-banner-picker.has-image span { padding: 5px 8px; border-radius: 999px; color: #fff; background: rgba(15,23,42,.66); backdrop-filter: blur(7px); }
.community-banner-actions { display: flex; gap: 6px; margin-top: 7px; }
.community-summary-banner { height: 115px; margin: -22px -22px 0; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 12%, var(--panel-2)), var(--panel-3)); background-position: center; background-size: cover; }
.community-profile-summary .community-profile-avatar { margin-top: -42px; border: 5px solid var(--panel); }
.community-profile-summary > p { margin: 9px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; text-align: center; }
.showcase-manage-intro { display: grid; gap: 4px; margin-bottom: 12px; }
.showcase-manage-intro span { color: var(--muted); font-size: 11px; line-height: 1.5; }
.showcase-manage-list { display: grid; gap: 8px; max-height: min(62vh, 680px); overflow-y: auto; padding-right: 4px; }
.showcase-manage-row { display: grid; grid-template-columns: 50px minmax(150px, 1fr) auto auto 150px; align-items: center; gap: 10px; padding: 9px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.showcase-manage-thumb { display: grid; place-items: center; width: 50px; height: 64px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: var(--panel-3); font-size: 10px; font-weight: 800; }
.showcase-manage-thumb img { width: 100%; height: 100%; object-fit: contain; }
.showcase-manage-copy { display: grid; gap: 3px; min-width: 0; }
.showcase-manage-copy b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.showcase-manage-copy small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.showcase-manage-row label { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.showcase-manage-row .field { min-width: 0; height: 36px; padding: 7px 9px; font-size: 10px; }
.modal-card:has(#showcaseCardDetail),
.modal-card:has(.showcase-manage-list) { width: min(1040px, calc(100vw - 28px)); max-width: 1040px; }
.showcase-card-detail { display: grid; grid-template-columns: minmax(280px, .92fr) minmax(300px, 1.08fr); gap: 22px; }
.showcase-card-detail-media { min-width: 0; }
.showcase-card-detail-photo { display: grid; place-items: center; min-height: 430px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--panel-3); }
.showcase-card-detail-photo img { width: 100%; max-height: 620px; padding: 14px; object-fit: contain; }
.showcase-photo-tabs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 8px; }
.showcase-photo-tabs button { min-height: 38px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: var(--panel-2); cursor: pointer; font: inherit; font-size: 10px; font-weight: 750; }
.showcase-photo-tabs button.active { color: #fff; border-color: var(--brand); background: var(--brand); }
.showcase-card-detail-copy { min-width: 0; }
.showcase-card-detail-copy h2 { margin: 10px 0 7px; font-size: clamp(21px, 3vw, 31px); line-height: 1.25; }
.showcase-card-detail-copy > p { margin: 0; color: var(--muted); line-height: 1.5; }
.showcase-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }
.showcase-detail-grid > div { display: grid; gap: 3px; padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel-2); }
.showcase-detail-grid small { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.showcase-detail-grid b { overflow-wrap: anywhere; font-size: 11px; }
.showcase-card-detail-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.showcase-related-cards { grid-column: 1 / -1; padding-top: 18px; border-top: 1px solid var(--line); }
.showcase-related-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.showcase-related-grid button { display: grid; gap: 5px; min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 11px; color: var(--text); background: var(--panel-2); cursor: pointer; text-align: left; }
.showcase-related-grid img, .showcase-related-grid button > span { display: grid; place-items: center; width: 100%; aspect-ratio: 3 / 4; object-fit: contain; border-radius: 7px; background: var(--panel-3); }
.showcase-related-grid b { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.showcase-related-grid small { color: var(--muted); font-size: 8px; }
.showcase-comment header > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.showcase-comment-replies { display: grid; gap: 8px; margin: 10px 0 0 8px; padding-left: 10px; border-left: 2px solid color-mix(in srgb, var(--brand) 20%, var(--line)); }
.showcase-comment-replies .showcase-comment { padding: 9px; background: var(--panel); }
.showcase-replying { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--line)); border-radius: 10px; color: var(--muted); background: color-mix(in srgb, var(--brand) 5%, var(--panel)); font-size: 10px; }
.showcase-report-form { display: grid; gap: 14px; }
.community-report-note { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.showcase-block-list { display: grid; gap: 8px; }
.showcase-block-list > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.showcase-block-list > div > div { display: flex; align-items: center; gap: 9px; }
.showcase-block-list span { display: grid; gap: 2px; }
.showcase-block-list b { font-size: 11px; }
.showcase-block-list small { color: var(--muted); font-size: 9px; }

@media (max-width: 1100px) {
  .community-filter-bar-wide { grid-template-columns: minmax(220px, 1fr) 145px 160px auto; }
  .community-filter-bar-wide > .btn { grid-column: 1 / -1; width: fit-content; }
  .community-filter-bar-directory { grid-template-columns: minmax(220px, 1fr) 145px 170px; }
  .community-filter-bar-directory #communityCollectorSort { grid-column: 1 / -1; width: 190px; }
  .showcase-related-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .community-discovery-hero { grid-template-columns: 1fr; }
  .community-discovery-stats { width: 100%; }
  .community-collector-identity { align-items: center; flex-wrap: wrap; }
  .community-collector-actions { width: 100%; margin-left: 0; }
  .community-collector-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .showcase-card-detail { grid-template-columns: 1fr; }
  .showcase-card-detail-photo { min-height: 360px; }
  .showcase-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .showcase-manage-row { grid-template-columns: 46px minmax(130px, 1fr) auto auto; }
  .showcase-manage-row .field { grid-column: 2 / -1; }
}
@media (max-width: 700px) {
  .community-filter-bar-wide,
  .community-filter-bar-directory,
  .community-collector-tools { grid-template-columns: 1fr; }
  .community-filter-bar-wide > .btn,
  .community-filter-bar-directory #communityCollectorSort { grid-column: auto; width: 100%; }
  .community-layout-toggle { width: fit-content; }
  .community-grid-list .community-card { grid-template-columns: 120px minmax(0, 1fr); min-height: 190px; }
  .community-grid-list .community-card-image { min-height: 190px; }
  .community-grid-list .community-card-body { padding: 14px; }
  .community-collector-cover { height: 145px; }
  .community-collector-avatar { flex-basis: 82px; width: 82px; height: 82px; border-radius: 23px; font-size: 27px; }
  .community-collector-identity { margin-top: -40px; }
  .community-collector-actions .btn { flex: 1 1 auto; }
  .community-profile-form { grid-template-columns: 1fr; }
  .community-profile-form .full,
  .community-profile-form .form-actions.full { grid-column: auto; }
  .showcase-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .community-top-actions { width: 100%; justify-content: space-between; }
  .community-safety-strip { gap: 5px; }
  .community-safety-strip span { font-size: 9px; }
  .community-discovery-stats { grid-template-columns: 1fr; }
  .community-grid-list .community-card { grid-template-columns: 96px minmax(0, 1fr); min-height: 165px; }
  .community-grid-list .community-card-image { min-height: 165px; }
  .community-grid-list .community-owner { display: none; }
  .community-collector-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .community-notification-item { grid-template-columns: auto minmax(0, 1fr); }
  .community-notification-item > img { display: none; }
  .showcase-manage-row { grid-template-columns: 42px minmax(0, 1fr); }
  .showcase-manage-row label { grid-column: span 1; }
  .showcase-manage-row .field { grid-column: 1 / -1; }
  .showcase-card-detail-photo { min-height: 300px; }
  .showcase-detail-grid { grid-template-columns: 1fr; }
  .showcase-card-detail-actions .btn { flex: 1 1 calc(50% - 7px); }
}
.community-safety-strip button {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--line));
  border-radius: 999px;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 5%, var(--panel));
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}
.community-guidelines { display: grid; gap: 9px; }
.community-guidelines > div { display: grid; gap: 4px; padding: 11px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.community-guidelines b { font-size: 12px; }
.community-guidelines span { color: var(--muted); font-size: 10px; line-height: 1.55; }

/* WarrantyVault V33.86: community report email alerts */
.community-profile-page {
  display: grid;
  gap: 16px;
}
.community-profile-page-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr);
  align-items: center;
  gap: 22px;
  padding: 20px 22px;
}
.community-profile-heading-copy { min-width: 0; }
.community-profile-heading-copy h2 { margin: 5px 0 6px; }
.community-profile-heading-copy p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.community-profile-page-head .community-sync-verification { margin: 0; }
.community-profile-layout-clean {
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 16px;
}
.community-profile-editor {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.community-settings-section {
  padding: 0;
  overflow: hidden;
}
.community-settings-heading {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 17px 19px 14px;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-2) 64%, var(--panel));
}
.community-settings-heading > span {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 9%, var(--panel));
  font-size: 11px;
  font-weight: 900;
}
.community-settings-heading > div { min-width: 0; }
.community-settings-heading h3 {
  margin: 0;
  font-size: 14px;
}
.community-settings-heading p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}
.community-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 17px 19px 19px;
}
.community-settings-grid .full { grid-column: 1 / -1; }
.community-settings-grid .form-group { margin: 0; }
.community-settings-grid .form-group > small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.4;
}
.community-settings-grid .textarea { min-height: 96px; }
.community-settings-grid-media { align-items: start; }
.community-cover-control .community-banner-picker { min-height: 112px; }
.community-privacy-settings .community-settings-heading { border-bottom: 0; }
.community-toggle-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 19px 19px;
}
.community-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2);
  cursor: pointer;
}
.community-toggle-row > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.community-toggle-row b { font-size: 11px; }
.community-toggle-row small {
  color: var(--muted);
  font-size: 9px;
  line-height: 1.4;
}
.community-toggle-row input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  accent-color: var(--brand);
}
.community-profile-save-section .community-settings-heading {
  border-bottom: 1px solid var(--line);
}
.community-profile-savebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 19px 19px;
}
.community-profile-savebar > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.community-profile-savebar > div:first-child b { font-size: 12px; }
.community-profile-savebar > div:first-child span {
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}
.community-profile-primary-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
}
.community-more-actions { position: relative; }
.community-more-actions > summary {
  list-style: none;
  user-select: none;
}
.community-more-actions > summary::-webkit-details-marker { display: none; }
.community-more-actions[open] > summary {
  border-color: color-mix(in srgb, var(--brand) 34%, var(--line));
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 6%, var(--panel));
}
.community-more-menu {
  position: absolute;
  z-index: 30;
  right: 0;
  bottom: calc(100% + 8px);
  display: grid;
  width: min(300px, calc(100vw - 36px));
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--panel);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .18);
}
.community-more-menu button {
  display: grid;
  gap: 2px;
  width: 100%;
  padding: 10px 11px;
  border: 0;
  border-radius: 9px;
  color: var(--text);
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.community-more-menu button:hover { background: var(--panel-2); }
.community-more-menu b { font-size: 10px; }
.community-more-menu span {
  color: var(--muted);
  font-size: 9px;
  line-height: 1.35;
}
.community-profile-summary-clean {
  padding: 0 18px 18px;
  overflow: hidden;
}
.community-preview-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 -18px;
  padding: 11px 16px;
  border-bottom: 1px solid var(--line);
  background: var(--panel-2);
}
.community-preview-label span {
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.community-preview-label small {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 4px 8px;
  border-radius: 999px;
  color: var(--brand-3);
  background: color-mix(in srgb, var(--brand-3) 8%, var(--panel));
  font-size: 8px;
  font-weight: 800;
}
.community-profile-summary-clean .community-summary-banner {
  height: 108px;
  margin: 0 -18px;
}
.community-profile-summary-clean .community-profile-avatar {
  margin-top: -38px;
}
.community-profile-summary-clean h3 { font-size: 16px; }
.community-preview-placeholder { font-style: italic; }
.community-profile-summary-clean .community-privacy-note {
  margin-top: 13px;
  padding: 11px;
}

@media (max-width: 1100px) {
  .community-profile-page-head { grid-template-columns: 1fr; }
  .community-profile-layout-clean { grid-template-columns: minmax(0, 1fr) 285px; }
}
@media (max-width: 900px) {
  .community-profile-layout-clean { grid-template-columns: 1fr; }
  .community-profile-summary-clean {
    position: static;
    order: -1;
    max-width: 560px;
    width: 100%;
    margin-inline: auto;
  }
}
@media (max-width: 700px) {
  .community-profile-page-head { padding: 17px; }
  .community-settings-grid,
  .community-toggle-list { grid-template-columns: 1fr; }
  .community-settings-grid .full { grid-column: auto; }
  .community-profile-savebar {
    align-items: stretch;
    flex-direction: column;
  }
  .community-profile-primary-actions { justify-content: stretch; }
  .community-profile-primary-actions > .btn,
  .community-profile-primary-actions > .community-more-actions { flex: 1 1 calc(50% - 7px); }
  .community-more-actions > summary { justify-content: center; }
}
@media (max-width: 480px) {
  .community-settings-heading,
  .community-settings-grid { padding-left: 14px; padding-right: 14px; }
  .community-toggle-list { padding-left: 14px; padding-right: 14px; }
  .community-profile-primary-actions > .btn,
  .community-profile-primary-actions > .community-more-actions { flex-basis: 100%; width: 100%; }
  .community-more-actions > summary { width: 100%; }
  .community-more-menu { right: auto; left: 0; width: 100%; }
}


/* WarrantyVault V33.92: cleaner Showcase header */
.community-guidelines-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 7px 4px;
  border: 0;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.community-guidelines-link:hover,
.community-guidelines-link:focus-visible {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#view-community .community-tabs {
  margin-top: 2px;
}
@media (max-width: 520px) {
  .community-top-actions {
    gap: 8px;
  }
  .community-guidelines-link {
    order: 3;
    min-height: 32px;
    padding-inline: 2px;
  }
}


/* WarrantyVault V33.92: collector card alignment polish */
.community-collector-grid {
  align-items: stretch;
}
.community-collector-card {
  height: 100%;
}
.community-collector-card-body {
  grid-template-rows: auto minmax(52px, auto) minmax(0, auto) auto auto;
  min-height: 100%;
}
.community-collector-card-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
}
.community-collector-card-copy {
  min-width: 0;
  padding-bottom: 4px;
}
.community-collector-card-copy > button {
  display: block;
  max-width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.community-collector-card-top-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 140px;
  padding-bottom: 3px;
}
.community-collector-owner-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--brand-3) 32%, var(--line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand-3) 12%, var(--panel));
  color: var(--brand-3);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.community-collector-card-body > p {
  min-height: 52px;
}
.community-profile-tags {
  min-height: 30px;
  align-content: start;
}
.community-profile-tags-empty {
  min-height: 30px;
}
.community-collector-card-stats {
  margin-top: auto;
}
.community-updated-label {
  display: block;
  margin-top: -2px;
}
@media (max-width: 900px) {
  .community-collector-card-top-action {
    min-width: 0;
  }
}
@media (max-width: 640px) {
  .community-collector-card-top {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .community-collector-card-top-action {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-bottom: 0;
    margin-top: 2px;
  }
}

/* WarrantyVault V33.92: uniform collector directory cards */
.community-collector-grid {
  align-items: stretch;
  grid-auto-rows: 1fr;
}
.community-collector-card {
  height: 100%;
}
.community-collector-card-body {
  grid-template-rows: 84px 52px 30px auto 45px 18px;
  min-height: 100%;
  gap: 11px;
}
.community-collector-card-top {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 128px;
  align-items: center;
  min-height: 84px;
  margin-top: -43px;
  gap: 12px;
}
.community-collector-card-top .community-profile-avatar {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border-radius: 20px;
}
.community-collector-card-copy {
  align-self: center;
  padding: 0;
}
.community-collector-card-copy h3 {
  line-height: 1.2;
}
.community-collector-card-copy > button > span {
  margin-top: 5px;
}
.community-collector-card-top-action {
  align-self: center;
  min-width: 128px;
  padding: 0;
}
.community-collector-card-top-action .btn,
.community-collector-owner-pill {
  width: 128px;
  min-width: 128px;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 999px;
}
.community-collector-card-body > p {
  display: -webkit-box;
  min-height: 52px;
  max-height: 52px;
  overflow: hidden;
  margin: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.community-profile-tags,
.community-profile-tags-empty {
  min-height: 30px;
  max-height: 30px;
  overflow: hidden;
  align-content: center;
}
.community-collector-card-stats {
  align-self: end;
  min-height: 88px;
}
.community-collector-card-stats > span {
  display: grid;
  place-content: center;
  min-height: 88px;
}
.community-collector-card-action {
  align-self: end;
  min-height: 45px;
  padding-top: 12px;
}
.community-updated-label {
  align-self: end;
  min-height: 18px;
  margin: 0;
}
@media (max-width: 760px) {
  .community-collector-card-body {
    grid-template-rows: auto 52px 30px auto 45px 18px;
  }
  .community-collector-card-top {
    grid-template-columns: 66px minmax(0, 1fr);
    min-height: 118px;
  }
  .community-collector-card-top .community-profile-avatar {
    width: 66px;
    height: 66px;
    flex-basis: 66px;
  }
  .community-collector-card-top-action {
    grid-column: 1 / -1;
    justify-content: flex-start;
    width: 100%;
  }
  .community-collector-card-top-action .btn,
  .community-collector-owner-pill {
    width: 100%;
    min-width: 0;
  }
}

/* WarrantyVault V33.92: compact collector directory cards */
.community-collector-grid {
  align-items: stretch;
  grid-auto-rows: auto;
}
.community-collector-card {
  height: auto;
  min-height: 0;
  align-self: start;
}
.community-collector-banner {
  height: 88px;
}
.community-collector-card-body {
  grid-template-rows: 76px 44px 28px 74px 40px 14px;
  min-height: 0;
  height: auto;
  align-content: start;
  gap: 9px;
  padding: 14px;
}
.community-collector-card-top {
  grid-template-columns: 68px minmax(0, 1fr) 122px;
  min-height: 76px;
  margin-top: -39px;
  gap: 10px;
}
.community-collector-card-top .community-profile-avatar {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  border-radius: 19px;
}
.community-collector-card-top-action {
  min-width: 122px;
}
.community-collector-card-top-action .btn,
.community-collector-owner-pill {
  width: 122px;
  min-width: 122px;
  min-height: 40px;
  padding-inline: 10px;
}
.community-collector-card-body > p {
  min-height: 44px;
  max-height: 44px;
  line-height: 1.45;
}
.community-profile-tags,
.community-profile-tags-empty {
  min-height: 28px;
  max-height: 28px;
}
.community-collector-card-stats {
  min-height: 74px;
  margin-top: 0;
  align-self: auto;
}
.community-collector-card-stats > span {
  min-height: 74px;
  padding-block: 8px;
}
.community-collector-card-action {
  min-height: 40px;
  padding-top: 10px;
  align-self: auto;
}
.community-updated-label {
  min-height: 14px;
  margin: 0;
  align-self: auto;
}
@media (max-width: 760px) {
  .community-collector-banner {
    height: 84px;
  }
  .community-collector-card-body {
    grid-template-rows: auto 44px 28px 74px 40px 14px;
  }
  .community-collector-card-top {
    grid-template-columns: 62px minmax(0, 1fr);
    min-height: 108px;
    margin-top: -37px;
  }
  .community-collector-card-top .community-profile-avatar {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
  }
  .community-collector-card-top-action {
    min-width: 0;
  }
  .community-collector-card-top-action .btn,
  .community-collector-owner-pill {
    width: 100%;
    min-width: 0;
  }
}



/* WarrantyVault V33.93: Showcase experience refinement */
.community-topbar { align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 6%, var(--panel)), var(--panel)); }
.community-topbar > div:first-child { max-width: 920px; }
.community-topbar .page-title { margin-bottom: 8px; }
.community-topbar .page-sub { max-width: 860px; }
.community-discover-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.community-discover-segments { display: inline-flex; flex-wrap: wrap; gap: 6px; padding: 5px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.community-discover-segments button { min-height: 36px; padding: 8px 14px; border: 0; border-radius: 10px; color: var(--muted); background: transparent; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; }
.community-discover-segments button.active { color: #fff; background: linear-gradient(135deg, var(--brand), var(--brand-2)); box-shadow: 0 10px 24px color-mix(in srgb, var(--brand) 20%, transparent); }
:root[data-theme="dark"] .community-discover-segments button.active { color: #07111d; }
.community-filter-bar-discover { grid-template-columns: minmax(240px, 1fr) 170px auto auto; align-items: center; }
.community-explore-head-compact { padding: 18px 20px; }
.community-summary-insights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 12px; }
.community-summary-insights div { padding: 9px 6px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel-2); }
.community-summary-insights b, .community-summary-insights small { display: block; }
.community-summary-insights b { font-size: 14px; }
.community-summary-insights small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.community-summary-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.community-completion-checklist { display: grid; gap: 7px; margin-top: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); text-align: left; }
.community-completion-checklist b { font-size: 11px; }
.community-completion-checklist span { color: var(--muted); font-size: 10px; }
.community-completion-checklist span.done { color: var(--text); font-weight: 700; }
.community-banner-collage, .community-banner-fallback { position: relative; overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 13%, var(--panel-2)), var(--panel-3)); }
.community-banner-collage { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 10px; }
.community-banner-collage span { display: block; min-height: 100%; border-radius: 14px; background-position: center; background-size: cover; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }
.community-banner-collage i { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(15,23,42,.12)); pointer-events: none; }
.community-summary-banner.community-banner-collage { height: 115px; margin: -22px -22px 0; border-bottom: 1px solid var(--line); }
.community-summary-banner.community-banner-fallback { height: 115px; margin: -22px -22px 0; border-bottom: 1px solid var(--line); }
.community-collector-cover.community-banner-collage, .community-collector-cover.community-banner-fallback { height: 190px; margin: 0 -24px; border-bottom: 1px solid var(--line); }
.community-social-button.bookmarked { color: var(--brand); border-color: color-mix(in srgb, var(--brand) 28%, var(--line)); background: color-mix(in srgb, var(--brand) 6%, var(--panel)); }
.community-suggested-panel { margin-top: 16px; }
.community-suggested-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.community-suggested-card { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: var(--panel); }
.community-suggested-actions { display: flex; gap: 8px; }
.community-suggested-actions .btn { flex: 1 1 0; }
.showcase-manage-row { grid-template-columns: 50px minmax(150px, 1fr) auto auto 90px 150px; }
.showcase-manage-order { display: grid !important; gap: 4px; }
.showcase-manage-order span { color: var(--muted); font-size: 9px; font-weight: 700; }
.showcase-manage-order .field { width: 100%; }
.showcase-share-sheet { display: grid; gap: 16px; }
.showcase-share-copy { display: grid; gap: 7px; }
.showcase-share-copy > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.showcase-share-copy small { color: var(--muted); font-size: 10px; line-height: 1.5; }
.showcase-share-qr { display: grid; justify-items: center; gap: 8px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-2); }
.showcase-share-qr img { width: 220px; max-width: 100%; border-radius: 14px; background: #fff; }
.showcase-share-qr small { color: var(--muted); font-size: 10px; text-align: center; }
.showcase-share-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.showcase-saved-list { display: grid; gap: 10px; }
.showcase-saved-card { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); color: var(--text); text-align: left; }
.showcase-saved-card > img, .showcase-saved-card > span { display: grid; place-items: center; width: 56px; height: 72px; border-radius: 10px; object-fit: contain; background: var(--panel-3); }
.showcase-saved-card div { display: grid; gap: 3px; min-width: 0; }
.showcase-saved-card b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.showcase-saved-card small { color: var(--muted); font-size: 9px; }
@media (max-width: 1100px) { .community-filter-bar-discover { grid-template-columns: minmax(220px, 1fr) 160px auto; } .community-filter-bar-discover > .btn { grid-column: 1 / -1; width: fit-content; } .community-suggested-list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 900px) { .showcase-manage-row { grid-template-columns: 46px minmax(130px, 1fr) auto auto 90px; } .showcase-manage-row .field[data-manage-section] { grid-column: 2 / -1; } .community-topbar { align-items: flex-start; } }
@media (max-width: 700px) { .community-filter-bar-discover, .showcase-share-copy > div { grid-template-columns: 1fr; } .community-suggested-list { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .community-topbar { padding: 18px; } .community-summary-insights { grid-template-columns: 1fr; } .community-summary-actions .btn { flex: 1 1 calc(50% - 8px); } .showcase-saved-card { grid-template-columns: 48px minmax(0, 1fr); } .showcase-saved-card .text-button { grid-column: 2; justify-self: start; } }

.showcase-saved-open { display: grid; gap: 3px; min-width: 0; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }

/* WarrantyVault V33.93: Showcase filters, insights, and card ordering */
.community-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: -4px 0 14px;
}
.community-active-filters span {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--line));
  border-radius: 999px;
  color: var(--muted);
  background: color-mix(in srgb, var(--brand) 5%, var(--panel));
  font-size: 9px;
}
.community-active-filters b { color: var(--text); }
.community-collector-card { cursor: pointer; }
.community-collector-banner.community-banner-collage {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 6px;
}
.community-collector-banner.community-banner-collage span:not(.sr-only) {
  min-height: 82px;
  border-radius: 9px;
}
.community-social-actions { flex-wrap: wrap; justify-content: flex-end; }
.community-insights-setup {
  display: grid;
  gap: 4px;
  margin-top: 12px;
  padding: 11px;
  border: 1px dashed color-mix(in srgb, var(--brand) 28%, var(--line));
  border-radius: 12px;
  background: color-mix(in srgb, var(--brand) 5%, var(--panel-2));
  text-align: left;
}
.community-insights-setup b { font-size: 10px; }
.community-insights-setup span { color: var(--muted); font-size: 9px; line-height: 1.45; }
.community-insights-detail {
  display: grid;
  gap: 5px;
  margin-top: 8px;
  padding: 10px;
  border-radius: 11px;
  background: color-mix(in srgb, var(--brand-3) 5%, var(--panel-2));
  text-align: left;
}
.community-insights-detail span { color: var(--muted); font-size: 9px; line-height: 1.4; }
.community-insights-detail b { color: var(--text); }
.showcase-manage-row {
  grid-template-columns: 30px 50px minmax(150px, 1fr) auto auto 150px 62px;
}
.showcase-drag-handle {
  display: grid;
  place-items: center;
  width: 30px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--muted);
  background: var(--panel);
  cursor: grab;
  font: inherit;
  font-size: 16px;
}
.showcase-drag-handle:active { cursor: grabbing; }
.showcase-manage-row.dragging {
  opacity: .55;
  border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
  box-shadow: 0 12px 28px color-mix(in srgb, var(--brand) 16%, transparent);
}
.showcase-row-move { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; }
.showcase-row-move button {
  display: grid;
  place-items: center;
  min-width: 28px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  background: var(--panel);
  cursor: pointer;
  font: inherit;
}
.showcase-row-move button:hover { color: var(--text); border-color: color-mix(in srgb, var(--brand) 28%, var(--line)); }
@media (max-width: 1050px) {
  .showcase-manage-row { grid-template-columns: 30px 46px minmax(130px, 1fr) auto auto 120px; }
  .showcase-row-move { grid-column: 3 / -1; justify-self: end; width: 62px; }
}
@media (max-width: 700px) {
  .community-filter-bar-discover,
  .community-filter-bar-directory {
    position: sticky;
    top: 8px;
    z-index: 25;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel) 95%, transparent);
    box-shadow: 0 12px 28px rgba(15,23,42,.08);
    backdrop-filter: blur(12px);
  }
  .showcase-manage-row { grid-template-columns: 28px 44px minmax(0, 1fr); }
  .showcase-manage-row > label,
  .showcase-manage-row > .field,
  .showcase-row-move { grid-column: 2 / -1; }
  .showcase-manage-row > label { justify-self: start; }
  .showcase-row-move { justify-self: start; }
}
.community-preview-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--line));
  border-radius: 14px;
  background: color-mix(in srgb, var(--brand) 6%, var(--panel));
}
.community-preview-notice > div { display: grid; gap: 3px; }
.community-preview-notice b { font-size: 12px; }
.community-preview-notice span { color: var(--muted); font-size: 10px; line-height: 1.45; }
@media (max-width: 620px) {
  .community-preview-notice { align-items: stretch; flex-direction: column; }
  .community-preview-notice .btn { width: 100%; }
}
.community-social-button.bookmark-only { width: 34px; justify-content: center; padding-inline: 0; }


/* WarrantyVault V33.94: trusted-device MFA */
.mfa-stay-verified {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 2px 0 4px;
  padding: 12px 13px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: color-mix(in srgb, var(--panel-2) 88%, transparent);
  cursor: pointer;
}
.mfa-stay-verified input { position: absolute; opacity: 0; pointer-events: none; }
.mfa-stay-toggle {
  position: relative;
  width: 44px;
  height: 25px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--muted) 58%, var(--panel-3));
  transition: background .16s ease;
}
.mfa-stay-toggle::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 7px rgba(15,23,42,.22);
  transition: transform .16s ease;
}
.mfa-stay-verified input:checked + .mfa-stay-toggle { background: linear-gradient(135deg, var(--brand), var(--brand-2)); }
.mfa-stay-verified input:checked + .mfa-stay-toggle::after { transform: translateX(19px); }
.mfa-stay-verified input:focus-visible + .mfa-stay-toggle { outline: 3px solid color-mix(in srgb, var(--brand) 24%, transparent); outline-offset: 2px; }
.mfa-stay-copy { display: grid; gap: 3px; min-width: 0; }
.mfa-stay-copy b { font-size: 12px; }
.mfa-stay-copy small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.mfa-trusted-device-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2);
}
.mfa-trusted-device-row strong { display: block; font-size: 12px; }
.mfa-trusted-device-row p { margin: 3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.mfa-trusted-device-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
#profileMfaTrustedStatus.trusted { color: var(--brand-3); border-color: color-mix(in srgb, var(--brand-3) 28%, var(--line)); background: color-mix(in srgb, var(--brand-3) 7%, var(--panel)); }
@media (max-width: 650px) {
  .mfa-trusted-device-row { align-items: stretch; flex-direction: column; }
  .mfa-trusted-device-actions { justify-content: stretch; }
  .mfa-trusted-device-actions .btn { width: 100%; }
}


/* WarrantyVault V33.96 includes restored update dialog controls */
.whats-new-close {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  color: #fff;
  background: rgba(6,18,31,.58);
  cursor: pointer;
  font: inherit;
  font-size: 24px;
  line-height: 1;
}
.whats-new-close:hover { background: rgba(20,184,166,.15); border-color: rgba(20,184,166,.42); }
.whats-new-footer {
  position: sticky;
  bottom: -1px;
  display: grid;
  gap: 12px;
  margin: 18px -4px -4px;
  padding: 15px 4px 4px;
  background: linear-gradient(180deg, rgba(7,21,34,0), #071522 28%);
}
.whats-new-footer .whats-new-check { margin: 0; }
.whats-new-footer .btn { width: 100%; min-height: 46px; }
html[data-theme="light"] .whats-new-close { color: var(--text); background: rgba(255,255,255,.85); border-color: var(--line); }
html[data-theme="light"] .whats-new-footer { background: linear-gradient(180deg, rgba(255,255,255,0), #fff 28%); }
@media (max-width: 520px) {
  .whats-new-close { top: 12px; left: 12px; width: 34px; height: 34px; }
  .whats-new-badge { top: 14px; right: 14px; }
  .whats-new-card { padding-top: 62px; }
}


/* WarrantyVault V33.97: legacy preview sizing retained for custom covers */
.community-profile-summary-clean .community-preview-label {
  position: relative;
  z-index: 3;
}
.community-profile-summary-clean .community-summary-banner {
  height: 94px;
  margin: 0 -18px;
}
.community-profile-summary-clean .community-summary-banner.community-banner-collage {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  height: 94px;
  padding: 6px;
  border-bottom: 1px solid var(--line);
}
.community-profile-summary-clean .community-summary-banner.community-banner-collage span {
  min-height: 82px;
  border-radius: 9px;
  background-position: center;
  background-size: cover;
}
.community-profile-summary-clean .community-summary-banner.community-banner-fallback {
  height: 94px;
  border-bottom: 1px solid var(--line);
}
.community-profile-summary-clean .community-summary-banner:not(.community-banner-collage):not(.community-banner-fallback) {
  height: 94px;
  background-position: center;
  background-size: cover;
  border-bottom: 1px solid var(--line);
}
.community-profile-summary-clean .community-profile-avatar {
  margin-top: -34px;
}


/* WarrantyVault V33.97: match My Showcase fallback banner to Collectors and improve update-dialog contrast */
.community-profile-summary-clean .community-summary-banner.community-banner-fallback {
  display: block;
  height: 94px;
  padding: 0;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 75% 30%, color-mix(in srgb, var(--brand-3) 22%, transparent), transparent 36%),
    linear-gradient(135deg, color-mix(in srgb, var(--brand) 13%, var(--panel-2)), var(--panel-3));
  background-position: center;
  background-size: cover;
}

.whats-new-footer,
html[data-theme="light"] .whats-new-footer {
  position: sticky;
  bottom: -1px;
  z-index: 4;
  gap: 10px;
  margin: 18px -4px -4px;
  padding: 14px 4px 4px;
  border-top: 1px solid rgba(148,163,184,.18);
  background: #071522;
  box-shadow: 0 -14px 28px rgba(7,21,34,.92);
}
.whats-new-footer .whats-new-check,
html[data-theme="light"] .whats-new-footer .whats-new-check {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 11px 12px;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 12px;
  color: #f5f8fc !important;
  background: #0c2235;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}
.whats-new-footer .whats-new-check input,
html[data-theme="light"] .whats-new-footer .whats-new-check input {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #14b8a6;
}
.whats-new-footer .btn.primary,
html[data-theme="light"] .whats-new-footer .btn.primary {
  color: #fff;
}


/* WarrantyVault V33.98: polished My Showcase card collage and fully visible avatar */
.community-profile-summary-clean {
  overflow: hidden;
}
.community-profile-summary-clean .community-summary-banner {
  position: relative;
  z-index: 1;
  height: 118px;
  margin: 0 -18px;
  border-bottom: 1px solid var(--line);
}
.community-profile-summary-clean .community-summary-banner.community-profile-card-collage {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 9px;
  height: 118px;
  padding: 10px 12px;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 22%, color-mix(in srgb, var(--brand-3) 18%, transparent), transparent 38%),
    linear-gradient(135deg, color-mix(in srgb, var(--brand) 10%, var(--panel-2)), color-mix(in srgb, var(--brand-3) 6%, var(--panel-3)));
}
.community-profile-summary-clean .community-summary-banner.community-profile-card-collage.cards-1 {
  grid-template-columns: minmax(0, 44%);
  justify-content: center;
}
.community-profile-summary-clean .community-summary-banner.community-profile-card-collage.cards-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-inline: 15%;
}
.community-profile-summary-clean .community-summary-banner.community-profile-card-collage > span {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, #fff 46%, var(--line));
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  box-shadow: 0 8px 18px rgba(15,23,42,.13);
}
.community-profile-summary-clean .community-summary-banner.community-profile-card-collage > span img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 3px;
  object-fit: contain;
  border-radius: 12px;
}
.community-profile-summary-clean .community-summary-banner.community-profile-card-collage > i {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(15,23,42,.035));
}
.community-profile-summary-clean .community-summary-banner.community-profile-custom-banner {
  height: 118px;
  background-position: center;
  background-size: cover;
}
.community-profile-summary-clean .community-summary-banner.community-banner-fallback {
  height: 118px;
}
.community-profile-summary-clean .community-profile-avatar {
  position: relative;
  z-index: 6;
  width: 82px;
  height: 82px;
  margin-top: -26px;
  border: 6px solid var(--panel);
  border-radius: 24px;
  background: var(--panel);
  box-shadow: 0 10px 24px rgba(15,23,42,.18);
}
.community-profile-summary-clean .community-profile-avatar img {
  position: relative;
  z-index: 1;
  object-fit: cover;
}
.community-profile-summary-clean h3 {
  margin-top: 14px;
}
@media (max-width: 520px) {
  .community-profile-summary-clean .community-summary-banner,
  .community-profile-summary-clean .community-summary-banner.community-profile-card-collage,
  .community-profile-summary-clean .community-summary-banner.community-profile-custom-banner,
  .community-profile-summary-clean .community-summary-banner.community-banner-fallback {
    height: 108px;
  }
  .community-profile-summary-clean .community-summary-banner.community-profile-card-collage {
    gap: 6px;
    padding: 8px;
  }
  .community-profile-summary-clean .community-summary-banner.community-profile-card-collage > span {
    border-radius: 11px;
  }
  .community-profile-summary-clean .community-profile-avatar {
    width: 76px;
    height: 76px;
    margin-top: -22px;
    border-width: 5px;
    border-radius: 22px;
  }
}


/* WarrantyVault V34.05: live PSA centering magnifier */
.showcase-manage-intro .showcase-manage-order-status {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}
.showcase-manage-intro .showcase-manage-order-status.changed {
  color: var(--brand);
}
.showcase-drag-handle {
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  cursor: grab;
}
.showcase-drag-handle:hover,
.showcase-drag-handle:focus-visible {
  color: var(--text);
  border-color: color-mix(in srgb, var(--brand) 38%, var(--line));
  background: color-mix(in srgb, var(--brand) 7%, var(--panel));
  outline: none;
}
.showcase-manage-row.pointer-dragging {
  position: relative;
  z-index: 8;
  opacity: .82;
  transform: scale(.992);
  background: color-mix(in srgb, var(--brand) 6%, var(--panel-2));
}
body.showcase-reordering,
body.showcase-reordering * {
  cursor: grabbing !important;
}
body.showcase-reordering {
  user-select: none;
  -webkit-user-select: none;
}
.showcase-row-move button:disabled {
  opacity: .32;
  cursor: default;
}
@media (pointer: coarse) {
  .showcase-drag-handle {
    width: 38px;
    height: 44px;
    font-size: 18px;
  }
  .showcase-row-move button {
    min-width: 36px;
    height: 38px;
  }
}
@media (pointer: coarse) and (min-width: 1051px) {
  .showcase-manage-row { grid-template-columns: 38px 50px minmax(150px, 1fr) auto auto 150px 76px; }
}
@media (pointer: coarse) and (min-width: 701px) and (max-width: 1050px) {
  .showcase-manage-row { grid-template-columns: 38px 46px minmax(130px, 1fr) auto auto 120px; }
  .showcase-row-move { width: 76px; }
}
@media (pointer: coarse) and (max-width: 700px) {
  .showcase-manage-row { grid-template-columns: 38px 44px minmax(0, 1fr); }
  .showcase-row-move { width: 76px; }
}


/* WarrantyVault V34.05: full-screen mobile workspace navigation */
.mobile-menu-close,
.mobile-menu-intro {
  display: none;
}
.menu-btn svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}
.menu-btn span {
  line-height: 1;
}

@media (max-width: 930px) {
  :root {
    --mobile-dock-height: 0px;
  }

  body {
    padding-bottom: 0 !important;
  }
  body.mobile-menu-open {
    overflow: hidden;
  }

  .workspace {
    padding-top: calc(14px + env(safe-area-inset-top)) !important;
    padding-bottom: calc(40px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-head {
    position: relative;
    z-index: 50;
    min-height: 48px;
  }
  .mobile-head-actions {
    flex: 0 0 auto;
  }
  .menu-btn {
    width: auto !important;
    min-width: 82px;
    height: 44px;
    min-height: 44px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(20, 184, 166, .24);
    border-radius: 13px;
    color: #f7f9fc;
    background: rgba(10, 25, 40, .96);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
    font-size: 13px;
    font-weight: 780;
  }
  .menu-btn:active {
    transform: scale(.98);
  }

  .mobile-bottom-nav {
    display: none !important;
  }

  .sidebar {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    padding: calc(18px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background:
      radial-gradient(circle at 90% 4%, rgba(20, 184, 166, .13), transparent 27%),
      radial-gradient(circle at 8% 92%, rgba(37, 99, 235, .11), transparent 30%),
      #07111d !important;
    box-shadow: none !important;
    transform: translateY(104%) !important;
    transition: transform .26s cubic-bezier(.22, .8, .25, 1) !important;
    z-index: 2200 !important;
    -webkit-overflow-scrolling: touch;
  }
  .sidebar.open {
    transform: translateY(0) !important;
  }

  .mobile-menu-close {
    position: absolute;
    top: calc(18px + env(safe-area-inset-top));
    right: 18px;
    z-index: 3;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 14px;
    color: #f7f9fc;
    background: rgba(255, 255, 255, .055);
  }
  .mobile-menu-close svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
  }

  .sidebar .brand {
    min-height: 54px;
    padding: 0 58px 13px 0;
    gap: 11px;
  }
  .sidebar .brand-logo,
  .sidebar .brand-logo img {
    width: 50px;
    height: 50px;
  }
  .sidebar .brand-name {
    font-size: 20px;
  }
  .sidebar .brand-sub {
    font-size: 11px;
  }

  .mobile-menu-intro {
    display: block;
    margin: 3px 0 16px;
    padding: 14px 15px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
  }
  .mobile-menu-intro span {
    display: block;
    color: #58d4bf;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  .mobile-menu-intro p {
    margin: 5px 0 0;
    color: #a9b8c8;
    font-size: 13px;
    line-height: 1.45;
  }

  .sidebar-add-card {
    min-height: 54px !important;
    margin: 0 0 15px !important;
    border-radius: 15px !important;
    font-size: 15px !important;
  }

  .sidebar .nav-label {
    margin: 4px 0 9px;
    padding: 0 2px;
    color: #8194a8;
    font-size: 10px;
    letter-spacing: .14em;
  }
  .sidebar .nav-label-help {
    margin-top: 20px;
  }

  .sidebar .nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .sidebar .nav .nav-btn {
    min-height: 94px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 15px !important;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 17px;
    color: #d5dee8;
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px rgba(255, 255, 255, .02);
    font-size: 13px;
    font-weight: 740;
    line-height: 1.2;
    transform: none !important;
  }
  .sidebar .nav .nav-btn svg {
    width: 25px;
    height: 25px;
    color: #67d9c5;
    opacity: 1;
  }
  .sidebar .nav .nav-btn:hover,
  .sidebar .nav .nav-btn:active {
    border-color: rgba(20, 184, 166, .25);
    background: rgba(20, 184, 166, .07);
  }
  .sidebar .nav .nav-btn.active {
    border-color: rgba(20, 184, 166, .42);
    color: #ffffff;
    background: linear-gradient(145deg, rgba(20, 184, 166, .17), rgba(37, 99, 235, .08));
    box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
  }
  .sidebar .nav .nav-btn.active svg {
    color: #8ce8d8;
  }

  .sidebar > .nav:not(.nav-help) .nav-btn:last-child {
    grid-column: 1 / -1;
    min-height: 76px !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .sidebar .nav-help {
    grid-template-columns: 1fr;
  }
  .sidebar .nav-help .nav-btn {
    min-height: 72px !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }

  .sidebar-bottom {
    margin-top: 24px;
    padding-top: 15px;
    border-top: 1px solid rgba(148, 163, 184, .13);
  }
  .sidebar .account-card {
    padding: 12px;
    border-color: rgba(148, 163, 184, .13);
    background: rgba(255, 255, 255, .03);
  }
  .sidebar .sidebar-save-state {
    border: 1px solid rgba(148, 163, 184, .11);
    border-radius: 13px;
    background: rgba(255, 255, 255, .025);
  }

  .sticky-form-actions {
    bottom: env(safe-area-inset-bottom) !important;
  }
}

@media (max-width: 390px) {
  .sidebar {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .sidebar .nav {
    gap: 8px;
  }
  .sidebar .nav .nav-btn {
    min-height: 88px !important;
    padding: 13px !important;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar {
    transition: none !important;
  }
}


/* WarrantyVault V34.05: numbered add-card sections and copy-first Card Ladder flow */
.card-ladder-section-title { display:flex; align-items:baseline; gap:7px; }
.card-ladder-section-title span { color:var(--muted); font-size:9px; letter-spacing:.06em; }
.raw-grading-note { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:1px dashed var(--line); border-radius:12px; background:rgba(255,255,255,.018); }
.raw-grading-note span { color:var(--text); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.raw-grading-note small { color:var(--muted); font-size:10px; }
.card-ladder-two-step { margin-bottom:6px; }
.card-ladder-two-step .btn { min-width:150px; }
.card-ladder-two-step .btn:disabled { opacity:.48; cursor:not-allowed; transform:none; }
.card-ladder-open-status { display:block; margin:0 0 12px; color:var(--muted); font-size:9px; line-height:1.45; }
.card-ladder-open-status.ready { color:var(--accent); }
@media (max-width:640px) {
  .raw-grading-note { align-items:flex-start; flex-direction:column; gap:4px; }
  .card-ladder-two-step { display:grid; grid-template-columns:1fr; }
  .card-ladder-two-step .btn { width:100%; min-width:0; }
}


/* WarrantyVault V34.07: mobile release panel, scan upload choices, and collection Card Ladder placement */
.whats-new-close { display: none !important; }
.whats-new-card {
  display: flex;
  flex-direction: column;
  width: min(760px, 100%);
  max-height: calc(100dvh - 36px);
  overflow-y: auto;
}
.whats-new-card .whats-new-footer {
  flex: 0 0 auto;
  width: 100%;
}
.collect-card-ladder-row { margin-top: -3px; }
.collect-card-ladder-row .card-ladder-card-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  gap: 9px;
  border-radius: 11px;
}
.collect-card-ladder-row .card-ladder-card-btn span {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  font-size: 9px;
}
.collect-card-ladder-row .card-ladder-card-btn b {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 11px;
  text-align: left;
}
.collect-card-ladder-row .card-ladder-card-btn em {
  flex: 0 0 auto;
  color: #9fd3ff;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}
@media (max-width: 700px) {
  .whats-new-backdrop {
    align-items: center;
    justify-content: center;
    padding: 8px;
  }
  .whats-new-card {
    width: 100%;
    max-height: calc(100dvh - 16px);
    padding: 20px 16px max(12px, env(safe-area-inset-bottom));
    border-radius: 20px;
  }
  .whats-new-badge { top: 14px; right: 14px; }
  .whats-new-card > .eyebrow { max-width: calc(100% - 84px); font-size: 10px; line-height: 1.3; }
  .whats-new-card h2 {
    margin: 12px 0 7px;
    padding-right: 0;
    font-size: 28px;
    line-height: 1.06;
  }
  .whats-new-card > p { margin: 0; font-size: 12.5px; line-height: 1.5; }
  .whats-new-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 14px 0 10px;
  }
  .whats-new-grid > div {
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 8px;
    min-width: 0;
    padding: 9px;
    border-radius: 12px;
  }
  .whats-new-grid span { width: 30px; height: 30px; border-radius: 9px; font-size: 12px; }
  .whats-new-grid b { font-size: 10.5px; line-height: 1.25; }
  .whats-new-grid small { font-size: 8.5px; line-height: 1.35; }
  .whats-new-footer,
  html[data-theme="light"] .whats-new-footer {
    margin: 10px -2px -2px;
    padding: 10px 2px 2px;
  }
  .whats-new-footer .whats-new-check,
  html[data-theme="light"] .whats-new-footer .whats-new-check {
    padding: 9px 10px;
    font-size: 10.5px;
  }
  .whats-new-footer .btn { min-height: 44px; }
  .upload-tools .btn { flex: 1 1 130px; }
  .collect-card-ladder-row .card-ladder-card-btn b { display: block; }
}
@media (max-width: 360px) {
  .whats-new-card { padding-inline: 13px; }
  .whats-new-grid { gap: 6px; }
  .whats-new-grid > div { grid-template-columns: 26px minmax(0,1fr); padding: 8px; }
  .whats-new-grid span { width: 26px; height: 26px; }
  .whats-new-grid small { font-size: 8px; }
}

/* WarrantyVault V34.08: mobile card wizard, price-only comps, and collection action strip */
.card-entry-stepper > button {
  display: grid;
  grid-template-areas: "num title" "num copy";
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 9px;
  align-items: center;
  min-width: 0;
  min-height: 58px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.card-entry-stepper > button:hover { background: rgba(148,163,184,.06); }
.card-entry-stepper > button.active {
  border-color: rgba(20,184,166,.28);
  background: rgba(20,184,166,.09);
  color: var(--text);
}
.card-entry-stepper > button.complete { color: #cfe0dd; }
.card-entry-stepper > button.complete span { color:#04231d; background:var(--brand); }
.card-entry-stepper > button span { grid-area:num; display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:var(--brand-3); background:rgba(148,163,184,.1); font-size:12px; font-weight:750; }
.card-entry-stepper > button b { grid-area:title; min-width:0; font-size:12px; font-weight:700; }
.card-entry-stepper > button small { grid-area:copy; min-width:0; overflow:hidden; color:var(--muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.card-wizard-nav { display:none; }
.card-wizard-review { display:grid; gap:14px; margin-top:2px; padding:16px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(20,184,166,.06),rgba(37,99,235,.05)); }
.card-wizard-review.hidden { display:none !important; }
.card-wizard-review-head { display:flex; align-items:center; gap:13px; }
.card-wizard-review-head > div { display:grid; place-items:center; flex:0 0 62px; width:62px; height:78px; overflow:hidden; border:1px solid var(--line); border-radius:11px; background:rgba(148,163,184,.08); color:var(--muted); font-weight:900; }
.card-wizard-review-head img { width:100%; height:100%; object-fit:cover; }
.card-wizard-review-head section { min-width:0; }
.card-wizard-review-head small { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.card-wizard-review-head h3 { margin:4px 0; font-size:17px; line-height:1.2; }
.card-wizard-review-head p { margin:0; color:var(--muted); font-size:11px; line-height:1.45; }
.card-wizard-review-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.card-wizard-review-grid > div { display:grid; gap:4px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:12px; background:rgba(4,12,24,.28); }
.card-wizard-review-grid span { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.card-wizard-review-grid b { overflow-wrap:anywhere; font-size:13px; }
.card-wizard-review-grid small { min-height:14px; color:var(--muted); font-size:9px; line-height:1.4; }
.card-wizard-review-note { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border-radius:11px; background:rgba(20,184,166,.08); }
.card-wizard-review-note b { font-size:11px; }
.card-wizard-review-note span { color:var(--muted); font-size:10px; text-align:right; }

.card-ladder-price-heading { display:flex; align-items:end; justify-content:space-between; gap:10px; margin:4px 0 8px; }
.card-ladder-price-heading label { color:var(--text); font-size:11px; font-weight:800; }
.card-ladder-price-heading small { color:var(--muted); font-size:9px; }
.card-ladder-price-list { display:grid; gap:8px; }
.card-ladder-price-row { display:grid; grid-template-columns:64px minmax(0,1fr) 36px; gap:8px; align-items:center; }
.card-ladder-price-row > span { color:var(--muted); font-size:10px; font-weight:800; }
.card-ladder-price-row label { position:relative; display:block; }
.card-ladder-price-row label i { position:absolute; left:12px; top:50%; z-index:1; transform:translateY(-50%); color:var(--muted); font-size:12px; font-style:normal; font-weight:800; pointer-events:none; }
.card-ladder-price-row input { padding-left:27px; font-variant-numeric:tabular-nums; }
.card-ladder-remove-price { width:36px; height:36px; min-height:36px; padding:0; color:var(--muted); }
.card-ladder-price-tools { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:9px; }
.card-ladder-price-tools small { color:var(--muted); font-size:9px; text-align:right; }
.card-ladder-duplicate { margin-top:9px; padding:9px 10px; border:1px solid rgba(244,191,89,.34); border-radius:10px; background:rgba(244,191,89,.08); color:#f5c96b; font-size:9px; line-height:1.45; }
.card-ladder-duplicate.hidden { display:none; }

.collect-action-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; padding-top:1px; }
.collect-action-strip > button,
.collect-action-strip > details > summary {
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-areas:"icon title" "icon copy";
  column-gap:8px;
  align-items:center;
  min-width:0;
  min-height:48px;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(148,163,184,.035);
  color:var(--text);
  font:inherit;
  text-align:left;
  cursor:pointer;
  list-style:none;
}
.collect-action-strip > button:hover,
.collect-action-strip > details > summary:hover { border-color:rgba(20,184,166,.3); background:rgba(20,184,166,.07); }
.collect-action-strip > details > summary::-webkit-details-marker { display:none; }
.collect-action-icon { grid-area:icon; display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:rgba(64,169,255,.12); color:#8dc9ff; font-size:9px; font-weight:900; }
.collect-action-icon.edit-icon svg { width:15px; height:15px; stroke:currentColor; }
.collect-action-strip b { grid-area:title; min-width:0; font-size:10px; }
.collect-action-strip small { grid-area:copy; min-width:0; overflow:hidden; color:var(--muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.collect-action-strip .collect-more { position:relative; min-width:0; }
.collect-action-strip .collect-more > div { right:0; left:auto; min-width:190px; }
.collect-foot { margin-bottom:1px; }

.card-comps-identity { display:flex; align-items:center; gap:12px; margin-bottom:13px; }
.card-comps-identity > div { display:grid; place-items:center; flex:0 0 54px; width:54px; height:68px; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:rgba(148,163,184,.08); color:var(--muted); font-weight:900; }
.card-comps-identity img { width:100%; height:100%; object-fit:cover; }
.card-comps-identity section { min-width:0; }
.card-comps-identity small { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.card-comps-identity b { display:block; margin:3px 0; overflow-wrap:anywhere; font-size:14px; }
.card-comps-identity p { margin:0; color:var(--muted); font-size:10px; line-height:1.4; }
.card-comps-value-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; margin-top:12px; }
.card-comps-value-row .form-group { margin:0; }
.card-comps-value-row .btn { min-height:42px; }

html[data-theme="light"] .card-entry-stepper > button.active,
html[data-theme="light"] .card-wizard-review,
html[data-theme="light"] .collect-action-strip > button,
html[data-theme="light"] .collect-action-strip > details > summary { background:rgba(31,111,235,.04); }
html[data-theme="light"] .card-wizard-review-grid > div { background:rgba(255,255,255,.7); }
html[data-theme="light"] .card-ladder-duplicate { color:#8a5b00; }

@media (max-width: 800px) {
  #view-add .card-entry-stepper { grid-template-columns:repeat(5,minmax(96px,1fr)); overflow-x:auto; scroll-snap-type:x proximity; }
  #view-add .card-entry-stepper > button { min-width:96px; scroll-snap-align:start; }
  #view-add [data-card-wizard-step]:not(.wizard-current) { display:none !important; }
  #view-add .form-card { min-width:0; }
  #view-add .form-grid { grid-template-columns:1fr; }
  #view-add .card-wizard-nav {
    position:sticky;
    bottom:calc(8px + env(safe-area-inset-bottom));
    z-index:18;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:15px;
    padding:10px;
    border:1px solid var(--line-strong);
    border-radius:14px;
    background:rgba(8,22,38,.96);
    box-shadow:0 12px 30px rgba(0,0,0,.24);
    backdrop-filter:blur(12px);
  }
  #view-add .card-wizard-nav > div { display:flex; align-items:center; gap:9px; }
  #view-add .card-wizard-nav small { color:var(--muted); font-size:9px; white-space:nowrap; }
  #view-add .card-wizard-nav .btn { min-width:92px; }
  #view-add[data-card-wizard-step="5"] .card-wizard-nav { position:static; box-shadow:none; }
  #view-add:not([data-card-wizard-step="5"]) .sticky-form-actions { display:none !important; }
  #view-add[data-card-wizard-step="5"] .sticky-form-actions { margin-top:10px; }
  .card-wizard-review-grid { grid-template-columns:1fr; }
  .card-wizard-review-note { align-items:flex-start; flex-direction:column; }
  .card-wizard-review-note span { text-align:left; }
  .card-ladder-price-heading { align-items:flex-start; flex-direction:column; gap:3px; }
  .card-ladder-price-row { grid-template-columns:54px minmax(0,1fr) 36px; }
  .card-ladder-price-tools { align-items:stretch; flex-direction:column; }
  .card-ladder-price-tools .btn { width:100%; }
  .card-ladder-price-tools small { text-align:left; }
  .collect-action-strip { gap:6px; }
  .collect-action-strip > button,
  .collect-action-strip > details > summary { grid-template-columns:24px minmax(0,1fr); min-height:46px; padding:7px; column-gap:6px; }
  .collect-action-icon { width:24px; height:24px; border-radius:7px; }
  .collect-action-strip b { font-size:9px; }
  .collect-action-strip small { font-size:7.5px; }
  .card-comps-value-row { grid-template-columns:1fr; }
  .card-comps-value-row .btn { width:100%; }
  .modal-backdrop.card-comps-sheet .modal { max-height:calc(100dvh - 30px); }
  .modal-backdrop.card-comps-sheet .modal-body { padding-bottom:8px; }
}
.card-entry-stepper { grid-template-columns:repeat(5,minmax(0,1fr)); }
.collect-action-strip > details > summary { justify-items:start; }
.list-view .collect-action-strip { grid-column:1 / -1; }


/* WarrantyVault V34.11: keep mobile wizard navigation clear of form controls */
@media (max-width: 800px) {
  #view-add:not([data-card-wizard-step="5"]) {
    --card-wizard-nav-height: 74px;
    scroll-padding-bottom: calc(var(--card-wizard-nav-height) + 24px + env(safe-area-inset-bottom));
  }

  #view-add.active:not([data-card-wizard-step="5"]) .form-card {
    padding-bottom: 22px;
  }

  #view-add:not([data-card-wizard-step="5"]) #cardForm .form-grid {
    padding-bottom: calc(var(--card-wizard-nav-height) + 22px);
  }

  #view-add:not([data-card-wizard-step="5"]) .card-wizard-nav {
    position: fixed;
    left: max(12px, env(safe-area-inset-left));
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 92;
    min-height: var(--card-wizard-nav-height);
    margin: 0;
    padding: 9px 10px;
  }

  #view-add:not([data-card-wizard-step="5"]) .card-wizard-nav > div {
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
  }

  #view-add:not([data-card-wizard-step="5"]) .card-wizard-nav .btn {
    min-height: 50px;
  }

  #view-add:not([data-card-wizard-step="5"]) input,
  #view-add:not([data-card-wizard-step="5"]) textarea,
  #view-add:not([data-card-wizard-step="5"]) select,
  #view-add:not([data-card-wizard-step="5"]) button,
  #view-add:not([data-card-wizard-step="5"]) .upload-zone,
  #view-add:not([data-card-wizard-step="5"]) .card-ladder-panel {
    scroll-margin-bottom: calc(var(--card-wizard-nav-height) + 34px + env(safe-area-inset-bottom));
  }

  #view-add.wizard-field-focused:not([data-card-wizard-step="5"]) .card-wizard-nav {
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + 18px));
  }

  #view-add:not([data-card-wizard-step="5"]) .card-wizard-nav {
    transition: opacity .16s ease, transform .16s ease;
  }
}

@media (max-width: 430px) {
  #view-add:not([data-card-wizard-step="5"]) {
    --card-wizard-nav-height: 70px;
  }

  #view-add:not([data-card-wizard-step="5"]) .card-wizard-nav {
    gap: 8px;
    padding: 8px;
    border-radius: 15px;
  }

  #view-add:not([data-card-wizard-step="5"]) .card-wizard-nav .btn {
    min-width: 84px;
    min-height: 48px;
    padding-inline: 14px;
  }

  #view-add:not([data-card-wizard-step="5"]) .card-wizard-nav small {
    font-size: 8.5px;
  }
}


/* V34.10: card features, comp freshness, and full-screen card photo viewer */
.card-feature-form { align-self: start; }
.card-feature-picker { display:flex; flex-wrap:wrap; gap:8px; }
.card-feature-picker label { position:relative; display:inline-flex; cursor:pointer; }
.card-feature-picker input { position:absolute; opacity:0; pointer-events:none; }
.card-feature-picker span {
  display:inline-flex; align-items:center; min-height:36px; padding:8px 12px;
  border:1px solid var(--line); border-radius:999px; background:rgba(148,163,184,.035);
  color:var(--muted); font-size:11px; font-weight:800; transition:.16s ease;
}
.card-feature-picker label:hover span { border-color:rgba(20,184,166,.32); color:var(--text); }
.card-feature-picker label.active span,
.card-feature-picker input:checked + span {
  border-color:rgba(20,184,166,.4); background:rgba(20,184,166,.12); color:var(--text);
  box-shadow:inset 0 0 0 1px rgba(20,184,166,.08);
}
.card-feature-picker input:focus-visible + span { outline:2px solid var(--brand); outline-offset:2px; }
.card-feature-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.card-feature-badges span {
  display:inline-flex; align-items:center; min-height:23px; padding:4px 8px;
  border:1px solid rgba(64,169,255,.2); border-radius:999px; background:rgba(64,169,255,.08);
  color:#9ed1ff; font-size:9px; font-weight:850; line-height:1; letter-spacing:.02em;
}
.card-feature-badges span.serial { border-color:rgba(244,191,89,.28); background:rgba(244,191,89,.09); color:#f5cb72; }
.collection-card-features { margin-top:8px; }
.collect-comp-status {
  display:grid; grid-template-columns:30px minmax(0,1fr); grid-template-areas:"icon title" "icon copy";
  gap:2px 8px; align-items:center; min-height:46px; padding:8px 10px;
  border:1px solid var(--line); border-radius:11px; background:rgba(148,163,184,.025);
}
.collect-comp-status > span { grid-area:icon; display:grid; place-items:center; width:30px; height:30px; border-radius:9px; background:rgba(64,169,255,.1); color:#8dc9ff; font-size:9px; font-weight:900; }
.collect-comp-status b { grid-area:title; min-width:0; font-size:10px; }
.collect-comp-status small { grid-area:copy; min-width:0; color:var(--muted); font-size:8px; }
.collect-comp-status.due { border-color:rgba(244,191,89,.24); background:rgba(244,191,89,.05); }
.collect-comp-status.due > span { background:rgba(244,191,89,.12); color:#f5cb72; }
.collect-comp-status.stale { border-color:rgba(251,113,133,.25); background:rgba(251,113,133,.055); }
.collect-comp-status.stale > span { background:rgba(251,113,133,.12); color:#fda4af; }
.collect-comp-status.never { border-style:dashed; }
.collect-image-button { width:100%; padding:0; border:0; border-bottom:1px solid var(--line); appearance:none; color:inherit; font:inherit; text-align:inherit; cursor:zoom-in; }
.collect-image-button:focus-visible { outline:2px solid var(--brand); outline-offset:-3px; }
.review-card-features { margin-top:-2px; }

.card-photo-viewer {
  position:fixed; inset:0; z-index:5000; display:none; place-items:center; padding:18px;
  background:rgba(2,7,13,.92); backdrop-filter:blur(14px); opacity:0; transition:opacity .18s ease;
}
.card-photo-viewer.show { display:grid; opacity:1; }
body.card-photo-viewer-open { overflow:hidden; }
.card-photo-viewer-shell {
  display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:min(1120px,100%); height:min(920px,calc(100dvh - 36px));
  overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:#06111d;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
}
.card-photo-viewer-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.1); }
.card-photo-viewer-tabs { display:flex; gap:7px; }
.card-photo-viewer-tabs button,
.card-photo-viewer-close { border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); color:#cbd5e1; font:inherit; cursor:pointer; }
.card-photo-viewer-tabs button { min-width:82px; min-height:38px; padding:8px 14px; border-radius:10px; font-size:11px; font-weight:850; }
.card-photo-viewer-tabs button.active { border-color:rgba(20,184,166,.42); background:rgba(20,184,166,.13); color:#ecfeff; }
.card-photo-viewer-tabs button:disabled { opacity:.35; cursor:not-allowed; }
.card-photo-viewer-close { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; font-size:25px; line-height:1; }
.card-photo-viewer-stage { position:relative; display:grid; place-items:center; min-height:0; overflow:hidden; background:radial-gradient(circle at 50% 45%,rgba(37,99,235,.11),transparent 52%),#02070d; touch-action:none; user-select:none; }
.card-photo-viewer-stage img { max-width:94%; max-height:94%; object-fit:contain; transform-origin:center; will-change:transform; cursor:grab; }
.card-photo-viewer-stage img:active { cursor:grabbing; }
.card-photo-viewer-stage img.hidden { display:none; }
.card-photo-viewer-empty { display:none; color:#94a3b8; font-size:13px; font-weight:750; }
.card-photo-viewer-empty.show { display:block; }
.card-photo-viewer-hint { position:absolute; left:50%; bottom:12px; transform:translateX(-50%); padding:7px 10px; border-radius:999px; background:rgba(2,7,13,.7); color:#94a3b8; font-size:9px; font-weight:800; white-space:nowrap; pointer-events:none; }
.card-photo-viewer-meta { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 16px; border-top:1px solid rgba(255,255,255,.1); background:#071421; }
.card-photo-viewer-meta > div { min-width:0; }
.card-photo-viewer-meta small { color:#6ee7d8; font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.card-photo-viewer-meta h2 { margin:4px 0 3px; overflow-wrap:anywhere; color:#f8fafc; font-size:18px; line-height:1.2; }
.card-photo-viewer-meta p { margin:0; color:#94a3b8; font-size:11px; line-height:1.45; }
.card-photo-viewer-features .card-feature-badges { margin-top:8px; }
.card-photo-viewer-edit { flex:0 0 auto; }

html[data-theme="light"] .card-feature-picker span { background:rgba(15,23,42,.025); }
html[data-theme="light"] .card-feature-badges span { color:#1d5f91; background:rgba(37,99,235,.06); }
html[data-theme="light"] .card-feature-badges span.serial { color:#8a5a08; background:rgba(217,119,6,.07); }

@media (max-width:800px) {
  .card-feature-picker { gap:7px; }
  .card-feature-picker span { min-height:40px; padding:9px 12px; font-size:11px; }
  .card-photo-viewer { padding:0; }
  .card-photo-viewer-shell { width:100%; height:100dvh; border:0; border-radius:0; }
  .card-photo-viewer-top { padding:calc(10px + env(safe-area-inset-top)) 12px 10px; }
  .card-photo-viewer-stage { min-height:0; }
  .card-photo-viewer-stage img { max-width:98%; max-height:96%; }
  .card-photo-viewer-meta { align-items:flex-end; padding:12px 12px calc(12px + env(safe-area-inset-bottom)); }
  .card-photo-viewer-meta h2 { font-size:15px; }
  .card-photo-viewer-meta p { font-size:10px; }
  .card-photo-viewer-edit { min-height:44px; }
  .card-photo-viewer-hint { bottom:9px; }
}


/* WarrantyVault V34.14: collection card detail workspace + logged-out refresh */
.card-detail-view {
  position:fixed; inset:0; z-index:4700; display:none; place-items:center; padding:18px;
  background:rgba(4,10,20,.72); backdrop-filter:blur(14px);
}
.card-detail-view.show { display:grid; }
body.card-detail-open { overflow:hidden; }
.card-detail-shell {
  display:grid; grid-template-rows:auto minmax(0,1fr); width:min(1120px,100%); height:min(920px,calc(100dvh - 36px));
  overflow:hidden; border:1px solid var(--line-strong); border-radius:22px; background:var(--bg);
  box-shadow:0 32px 100px rgba(2,7,13,.42);
}
.card-detail-toolbar {
  display:grid; grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr); align-items:center; gap:12px;
  min-height:66px; padding:10px 14px; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--panel) 94%,transparent);
}
.card-detail-toolbar > div { min-width:0; text-align:center; }
.card-detail-toolbar strong { display:block; font-size:13px; }
.card-detail-toolbar small { display:block; max-width:360px; margin:2px auto 0; overflow:hidden; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.card-detail-back,.card-detail-close { border:1px solid var(--line); background:var(--panel-2); color:var(--text); font:inherit; cursor:pointer; }
.card-detail-back { justify-self:start; display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:8px 12px; border-radius:11px; font-size:11px; font-weight:800; }
.card-detail-back span { font-size:23px; line-height:.7; }
.card-detail-close { justify-self:end; display:grid; place-items:center; width:40px; height:40px; border-radius:12px; font-size:24px; line-height:1; }
.card-detail-scroll { min-height:0; overflow:auto; overscroll-behavior:contain; }
.card-detail-content { width:min(1040px,100%); margin:0 auto; padding:26px; }
.card-detail-hero { display:grid; grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr); gap:28px; align-items:center; }
.card-detail-media-column { min-width:0; }
.card-detail-side-tabs { display:flex; justify-content:center; gap:7px; margin-bottom:9px; }
.card-detail-side-tabs button { min-width:74px; min-height:34px; padding:7px 12px; border:1px solid var(--line); border-radius:10px; background:var(--panel); color:var(--muted); font:inherit; font-size:10px; font-weight:850; cursor:pointer; }
.card-detail-side-tabs button.active { border-color:color-mix(in srgb,var(--brand-3) 42%,var(--line)); background:color-mix(in srgb,var(--brand-3) 10%,var(--panel)); color:var(--text); }
.card-detail-side-tabs button:disabled { opacity:.35; cursor:not-allowed; }
.card-detail-media { position:relative; display:grid; place-items:center; width:100%; min-height:410px; max-height:500px; padding:16px; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 52%),var(--panel-3); cursor:zoom-in; }
.card-detail-media img { width:100%; height:100%; max-height:458px; object-fit:contain; filter:drop-shadow(0 18px 26px rgba(2,7,13,.22)); }
.card-detail-media-empty { display:grid; place-items:center; color:var(--muted); }
.card-detail-media-empty span { display:grid; place-items:center; width:88px; height:88px; border:1px solid var(--line); border-radius:24px; background:var(--panel); color:var(--brand); font-size:25px; font-weight:900; }
.card-detail-media-empty p { margin:12px 0 0; font-size:12px; font-weight:750; }
.card-detail-zoom-label { position:absolute; right:12px; bottom:12px; padding:7px 10px; border:1px solid var(--line); border-radius:999px; background:color-mix(in srgb,var(--panel) 88%,transparent); color:var(--muted); font-size:9px; font-weight:850; }
.card-detail-head { min-width:0; }
.card-detail-pills { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; }
.card-detail-grade-pill { display:inline-flex; align-items:center; min-height:28px; padding:5px 10px; border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line)); border-radius:999px; background:color-mix(in srgb,var(--brand) 8%,var(--panel)); color:var(--text); font-size:10px; font-weight:850; }
.card-detail-eyebrow { color:var(--brand-3); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.card-detail-head h1 { margin:7px 0 5px; overflow-wrap:anywhere; font-size:clamp(28px,4vw,45px); line-height:1.04; letter-spacing:-.035em; }
.card-detail-head h2 { margin:0; color:var(--text); font-size:18px; line-height:1.3; }
.card-detail-head > p { margin:9px 0 0; color:var(--muted); font-size:12px; line-height:1.55; }
.card-detail-features { margin-top:14px; }
.card-detail-action-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:24px; }
.card-detail-action-rail button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:54px; padding:10px 12px; border:1px solid var(--line); border-radius:14px; background:var(--panel); color:var(--text); font:inherit; cursor:pointer; }
.card-detail-action-rail button:hover { border-color:var(--line-strong); background:var(--panel-2); }
.card-detail-action-rail button span { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; background:color-mix(in srgb,var(--brand) 9%,var(--panel-3)); color:var(--brand); font-size:11px; font-weight:900; }
.card-detail-action-rail button span svg { width:16px; height:16px; stroke:currentColor; }
.card-detail-action-rail button b { font-size:11px; }
.card-detail-snapshot { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:26px 0 18px; }
.card-detail-snapshot > div { min-width:0; min-height:102px; padding:15px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.card-detail-snapshot small { display:block; color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.card-detail-snapshot b { display:block; margin-top:8px; overflow-wrap:anywhere; font-size:18px; line-height:1.15; }
.card-detail-snapshot span { display:block; margin-top:6px; color:var(--muted); font-size:9px; line-height:1.35; }
.card-detail-snapshot .positive b,.card-detail-ownership-kpis .positive b { color:var(--green); }
.card-detail-snapshot .negative b,.card-detail-ownership-kpis .negative b { color:var(--red); }
.card-detail-snapshot .stale { border-color:color-mix(in srgb,var(--red) 26%,var(--line)); }
.card-detail-snapshot .due { border-color:color-mix(in srgb,var(--amber) 30%,var(--line)); }
.card-detail-tabs { position:sticky; top:0; z-index:4; display:flex; gap:7px; padding:8px; overflow-x:auto; border:1px solid var(--line); border-radius:15px; background:color-mix(in srgb,var(--panel) 94%,transparent); backdrop-filter:blur(12px); }
.card-detail-tabs button { display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:1 0 120px; min-height:42px; padding:8px 14px; border:0; border-radius:11px; background:transparent; color:var(--muted); font:inherit; font-size:11px; font-weight:850; cursor:pointer; }
.card-detail-tabs button.active { background:color-mix(in srgb,var(--brand) 9%,var(--panel-3)); color:var(--text); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 18%,var(--line)); }
.card-detail-tabs em { display:grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:var(--brand); color:#fff; font-size:8px; font-style:normal; }
.card-detail-panel { padding:18px 0 10px; }
.card-detail-section-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.card-detail-group,.card-detail-note { padding:18px; border:1px solid var(--line); border-radius:17px; background:var(--panel); }
.card-detail-group-head { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.card-detail-group-head > span { display:grid; place-items:center; flex:0 0 auto; width:31px; height:31px; border-radius:10px; background:color-mix(in srgb,var(--brand-3) 11%,var(--panel-3)); color:var(--brand-3); font-size:11px; font-weight:900; }
.card-detail-group-head small,.card-detail-panel-heading small,.card-detail-note small { color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.card-detail-group-head h3,.card-detail-panel-heading h3 { margin:2px 0 0; font-size:14px; }
.card-detail-field-list { margin:0; }
.card-detail-field-list > div { display:grid; grid-template-columns:minmax(110px,.85fr) minmax(0,1.15fr); gap:16px; padding:10px 0; border-top:1px solid var(--line); }
.card-detail-field-list > div:first-child { border-top:0; }
.card-detail-field-list dt { color:var(--muted); font-size:10px; }
.card-detail-field-list dd { margin:0; overflow-wrap:anywhere; text-align:right; font-size:10px; font-weight:780; }
.card-detail-notes-group p,.card-detail-note p { margin:0; color:var(--muted); font-size:11px; line-height:1.65; white-space:pre-wrap; }
.card-detail-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.card-detail-comp-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.card-detail-comp-summary > div { min-height:88px; padding:14px; border:1px solid var(--line); border-radius:15px; background:var(--panel); }
.card-detail-comp-summary small { display:block; color:var(--muted); font-size:8px; font-weight:850; text-transform:uppercase; }
.card-detail-comp-summary b { display:block; margin-top:8px; overflow-wrap:anywhere; font-size:14px; line-height:1.25; }
.card-detail-comp-summary .stale { border-color:color-mix(in srgb,var(--red) 26%,var(--line)); }
.card-detail-comp-summary .due { border-color:color-mix(in srgb,var(--amber) 30%,var(--line)); }
.card-detail-sales-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.card-detail-sales-list > div { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.card-detail-sales-list span { color:var(--muted); font-size:10px; }
.card-detail-sales-list b { font-size:12px; }
.card-detail-comp-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); font-size:10px; }
.card-detail-comp-foot span { color:var(--muted); }
.card-detail-ownership-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.card-detail-ownership-kpis > div { min-height:104px; padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.card-detail-ownership-kpis small { display:block; color:var(--muted); font-size:8px; font-weight:850; text-transform:uppercase; }
.card-detail-ownership-kpis b { display:block; margin-top:8px; font-size:19px; }
.card-detail-ownership-kpis span { display:block; margin-top:6px; color:var(--muted); font-size:9px; }
.card-detail-note { margin-top:12px; }
.card-detail-note p { margin-top:8px; }
.card-detail-history-list { display:grid; gap:9px; }
.card-detail-history-list article { display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; padding:14px; border:1px solid var(--line); border-radius:15px; background:var(--panel); }
.card-detail-history-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:color-mix(in srgb,var(--brand) 9%,var(--panel-3)); color:var(--brand); font-size:13px; font-weight:900; }
.card-detail-history-list strong { display:block; font-size:11px; }
.card-detail-history-list p { margin:4px 0; color:var(--muted); font-size:10px; line-height:1.45; }
.card-detail-history-list time { color:var(--muted-2); font-size:8px; }
.card-detail-empty { display:grid; place-items:center; min-height:300px; padding:34px; border:1px dashed var(--line-strong); border-radius:18px; background:var(--panel); text-align:center; }
.card-detail-empty > span { display:grid; place-items:center; width:58px; height:58px; border-radius:18px; background:color-mix(in srgb,var(--brand) 10%,var(--panel-3)); color:var(--brand); font-size:16px; font-weight:900; }
.card-detail-empty h3 { margin:16px 0 6px; font-size:17px; }
.card-detail-empty p { max-width:480px; margin:0 0 18px; color:var(--muted); font-size:11px; line-height:1.55; }
.collect-image-button { cursor:pointer; }

@media (max-width:800px) {
  .card-detail-view { padding:0; }
  .card-detail-shell { width:100%; height:100dvh; border:0; border-radius:0; }
  .card-detail-toolbar { grid-template-columns:1fr auto; min-height:calc(58px + env(safe-area-inset-top)); padding:calc(8px + env(safe-area-inset-top)) 12px 8px; }
  .card-detail-toolbar > div { display:none; }
  .card-detail-back { min-height:42px; }
  .card-detail-close { width:42px; height:42px; }
  .card-detail-content { padding:15px 14px calc(22px + env(safe-area-inset-bottom)); }
  .card-detail-hero { grid-template-columns:1fr; gap:20px; }
  .card-detail-media { width:min(330px,100%); min-height:360px; max-height:430px; margin:0 auto; }
  .card-detail-media img { max-height:395px; }
  .card-detail-head h1 { font-size:27px; }
  .card-detail-head h2 { font-size:16px; }
  .card-detail-action-rail { margin-top:18px; }
  .card-detail-action-rail button { min-height:50px; padding:8px; }
  .card-detail-action-rail button span { width:27px; height:27px; }
  .card-detail-snapshot { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:20px; }
  .card-detail-snapshot > div { min-height:94px; padding:13px; }
  .card-detail-snapshot b { font-size:16px; }
  .card-detail-tabs { top:-1px; margin-inline:-2px; }
  .card-detail-tabs button { flex:0 0 auto; min-width:105px; }
  .card-detail-section-grid { grid-template-columns:1fr; }
  .card-detail-comp-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .card-detail-ownership-kpis { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .card-detail-media { min-height:320px; max-height:385px; }
  .card-detail-media img { max-height:350px; }
  .card-detail-head h1 { font-size:24px; }
  .card-detail-action-rail button { flex-direction:column; gap:4px; min-height:62px; }
  .card-detail-action-rail button b { font-size:10px; }
  .card-detail-snapshot { gap:8px; }
  .card-detail-snapshot > div { min-height:98px; padding:12px; }
  .card-detail-field-list > div { grid-template-columns:1fr; gap:3px; }
  .card-detail-field-list dd { text-align:left; }
  .card-detail-sales-list { grid-template-columns:1fr; }
  .card-detail-panel-heading { align-items:flex-start; }
}


/* WarrantyVault V34.11: keep collection actions readable on narrow phones */
@media (max-width: 600px) {
  .collect-action-strip { gap:7px; }
  .collect-action-strip > button,
  .collect-action-strip > details > summary {
    grid-template-columns:26px minmax(0,1fr);
    grid-template-areas:"icon title";
    min-height:48px;
    padding:8px 9px;
    column-gap:7px;
  }
  .collect-action-icon { width:26px; height:26px; border-radius:8px; }
  .collect-action-strip b {
    overflow:hidden;
    font-size:10px;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .collect-action-strip small { display:none; }
}


/* WarrantyVault V34.15: full signed-out cleanup */
#authGate {
  --auth-bg: #eef4f8;
  --auth-bg-2: #f8fbfd;
  --auth-surface: #ffffff;
  --auth-surface-alt: #f5f9fc;
  --auth-border: rgba(29, 41, 64, .10);
  --auth-text: #1d2940;
  --auth-muted: #6d7b8f;
  --auth-muted-2: #8d9aac;
  --auth-accent: #214d7e;
  --auth-accent-2: #2a8698;
  color: var(--auth-text);
  background:
    radial-gradient(circle at top left, rgba(42,134,152,.10), transparent 26%),
    radial-gradient(circle at right 14%, rgba(33,77,126,.10), transparent 30%),
    linear-gradient(180deg, #f3f7fb 0%, #ebf2f8 100%);
}
#authGate .auth-orb-one { width: 360px; height: 360px; left: -150px; bottom: -150px; background: rgba(42,134,152,.08); filter: blur(8px); }
#authGate .auth-orb-two { width: 420px; height: 420px; right: -180px; top: -190px; background: rgba(33,77,126,.08); filter: blur(8px); }
#authGate .auth-shell {
  width: min(1240px, 100%);
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .72fr);
  border: 1px solid var(--auth-border);
  border-radius: 32px;
  background: rgba(248, 251, 253, .92);
  box-shadow: 0 32px 80px rgba(17, 24, 39, .14);
  backdrop-filter: blur(16px);
}
#authGate .auth-story {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 22px;
  padding: clamp(34px, 4.6vw, 58px);
  border-right: 1px solid var(--auth-border);
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(241,247,252,.90));
}
#authGate .auth-story-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
#authGate .auth-story-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(33,77,126,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: var(--auth-accent);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
#authGate .auth-full-brand { gap: 16px; align-items: center; }
#authGate .auth-full-logo { width: 82px; height: 82px; flex-basis: 82px; border-radius: 22px; border: 1px solid rgba(33,77,126,.12); box-shadow: 0 14px 34px rgba(33,77,126,.08); }
#authGate .auth-product-name,
#authGate .auth-brand-name,
#authGate .auth-copy h1,
#authGate .auth-form-heading h2,
#authGate .auth-benefits strong,
#authGate .auth-card strong,
#authGate .auth-card b { color: var(--auth-text); }
#authGate .auth-product-name { font-size: 30px; letter-spacing: -.05em; }
#authGate .auth-product-sub,
#authGate .auth-brand-sub,
#authGate .auth-copy p,
#authGate .auth-form-heading p,
#authGate .auth-check,
#authGate .auth-row,
#authGate .auth-mode-note small,
#authGate .auth-tab:not(.active) { color: var(--auth-muted); }
#authGate .auth-product-sub { margin-top: 6px; font-size: 12px; }
#authGate .eyebrow,
#authGate .auth-gate .eyebrow { color: var(--auth-accent-2); }
#authGate .auth-copy { max-width: 720px; margin: 0; }
#authGate .auth-copy h1 { max-width: 820px; margin: 10px 0 16px; font-size: clamp(42px, 4.8vw, 60px); line-height: 1.02; letter-spacing: -.065em; }
#authGate .auth-copy p { max-width: 650px; font-size: 17px; line-height: 1.68; }
#authGate .auth-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
#authGate .auth-hero-btn { min-width: 180px; min-height: 52px; padding-inline: 18px; }
#authGate .btn.primary,
#authGate .auth-card .btn.primary,
#authGate .auth-card .btn.primary:hover { color: #fff; background: linear-gradient(135deg, #214d7e, #2a8698); }
#authGate .btn.ghost,
#authGate .auth-card .btn.ghost { color: var(--auth-accent); border-color: rgba(33,77,126,.18); background: rgba(255,255,255,.82); }
#authGate .text-button { color: var(--auth-accent); }
#authGate .auth-flow-list { display: grid; gap: 10px; }
#authGate .auth-flow-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.75);
}
#authGate .auth-flow-list > div > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(42,134,152,.10);
  color: var(--auth-accent);
  font-size: 12px;
  font-weight: 900;
}
#authGate .auth-flow-list strong { display: block; font-size: 14px; }
#authGate .auth-flow-list small { display: block; margin-top: 4px; color: var(--auth-muted); font-size: 11px; line-height: 1.55; }
#authGate .auth-preview-panel {
  padding: 18px;
  border: 1px solid var(--auth-border);
  border-radius: 24px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 42px rgba(17,24,39,.06);
}
#authGate .auth-preview-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
#authGate .auth-preview-head span,
#authGate .auth-preview-chart span,
#authGate .auth-preview-stats span,
#authGate .auth-plan-card span { display: block; color: var(--auth-accent-2); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
#authGate .auth-preview-head b { display: block; margin-top: 5px; font-size: 23px; line-height: 1.15; color: var(--auth-text); letter-spacing: -.04em; }
#authGate .auth-preview-pills { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
#authGate .auth-preview-pills small { padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(33,77,126,.12); background: #fff; color: var(--auth-accent); font-size: 10px; font-weight: 700; }
#authGate .auth-preview-window { padding: 15px; border: 1px solid rgba(29,41,64,.08); border-radius: 20px; background: var(--auth-surface-alt); }
#authGate .auth-preview-toolbar { display: flex; align-items: center; gap: 7px; padding-bottom: 12px; border-bottom: 1px solid rgba(29,41,64,.08); }
#authGate .auth-preview-toolbar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(141,154,172,.45); }
#authGate .auth-preview-toolbar i:first-child { background: #f59e0b; }
#authGate .auth-preview-toolbar i:nth-child(2) { background: #2a8698; }
#authGate .auth-preview-toolbar i:nth-child(3) { background: #214d7e; }
#authGate .auth-preview-toolbar b { margin-left: 6px; color: var(--auth-text); font-size: 12px; }
#authGate .auth-preview-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
#authGate .auth-preview-stats > div,
#authGate .auth-preview-chart,
#authGate .auth-preview-list > div,
#authGate .auth-plan-card {
  min-width: 0;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 16px;
  background: #fff;
}
#authGate .auth-preview-stats > div { padding: 12px; }
#authGate .auth-preview-stats b { display: block; margin-top: 7px; color: var(--auth-text); font-size: 18px; letter-spacing: -.04em; }
#authGate .auth-preview-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr); gap: 12px; margin-top: 12px; }
#authGate .auth-preview-chart { padding: 14px; }
#authGate .auth-preview-bars { display: flex; align-items: flex-end; gap: 8px; height: 104px; margin: 16px 0 12px; }
#authGate .auth-preview-bars i { flex: 1 1 0; border-radius: 999px 999px 10px 10px; background: linear-gradient(180deg, rgba(42,134,152,.92), rgba(33,77,126,.92)); box-shadow: 0 8px 18px rgba(33,77,126,.10); }
#authGate .auth-preview-bars i:nth-child(1) { height: 35%; }
#authGate .auth-preview-bars i:nth-child(2) { height: 50%; }
#authGate .auth-preview-bars i:nth-child(3) { height: 45%; }
#authGate .auth-preview-bars i:nth-child(4) { height: 72%; }
#authGate .auth-preview-bars i:nth-child(5) { height: 64%; }
#authGate .auth-preview-bars i:nth-child(6) { height: 86%; }
#authGate .auth-preview-chart small,
#authGate .auth-preview-list small,
#authGate .auth-plan-card small { color: var(--auth-muted); font-size: 11px; line-height: 1.5; }
#authGate .auth-preview-list { display: grid; gap: 10px; }
#authGate .auth-preview-list > div { padding: 12px; }
#authGate .auth-preview-list b,
#authGate .auth-plan-card b { display: block; color: var(--auth-text); }
#authGate .auth-plan-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#authGate .auth-plan-card { padding: 15px; }
#authGate .auth-plan-card b { margin-top: 9px; font-size: 15px; }
#authGate .auth-plan-card.pro { border-color: rgba(42,134,152,.18); background: linear-gradient(180deg, #ffffff, #f3fafb); }
#authGate .auth-card {
  position: relative;
  justify-content: center;
  padding: clamp(28px, 4vw, 42px);
  background: rgba(255,255,255,.96);
}
#authGate .auth-card::before { background: none; }
#authGate .auth-tabs { border-color: rgba(29,41,64,.10); background: #f3f7fb; margin-bottom: 26px; }
#authGate .auth-tab { color: var(--auth-muted); }
#authGate .auth-tab.active { color: #fff; background: var(--auth-accent); }
#authGate .auth-form label,
#authGate .auth-check,
#authGate .auth-row { color: var(--auth-text); }
#authGate .auth-card .field,
#authGate .auth-card .select,
#authGate .auth-card .textarea { color: var(--auth-text); border-color: rgba(29,41,64,.12); background: #fff; }
#authGate .auth-card .field::placeholder,
#authGate .auth-card .textarea::placeholder { color: var(--auth-muted-2); }
#authGate .auth-message.success { color: #166534; border: 1px solid rgba(22,101,52,.18); background: #f0fdf4; }
#authGate .auth-message.error { color: #991b1b; border: 1px solid rgba(153,27,27,.16); background: #fef2f2; }
#authGate .auth-mode-note { margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(29,41,64,.10); }
#authGate .auth-mode-note > span { background: var(--green); }
#authGate .auth-mode-note strong { color: var(--auth-text); }

/* WarrantyVault V34.15: collection actions use one clean row across laptop and mobile */
.collect-action-strip > button,
.collect-action-strip > details > summary {
  grid-template-areas: "icon title";
  align-items: center;
}
.collect-action-strip small { display: none; }
.collect-action-strip b {
  overflow: hidden;
  font-size: 10px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 980px) {
  #authGate .auth-shell { grid-template-columns: 1fr; border-radius: 26px; }
  #authGate .auth-story { border-right: 0; border-bottom: 1px solid var(--auth-border); }
  #authGate .auth-preview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #authGate .auth-preview-layout { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  #authGate { padding: 14px; }
  #authGate .auth-story-head,
  #authGate .auth-preview-head { flex-direction: column; }
  #authGate .auth-story-kicker { white-space: normal; }
  #authGate .auth-preview-pills { justify-content: flex-start; }
  #authGate .auth-plan-row { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  #authGate { padding: 0; }
  #authGate .auth-shell { min-height: 100dvh; border-radius: 0; border: 0; }
  #authGate .auth-story { padding: 24px 20px 18px; gap: 18px; }
  #authGate .auth-full-logo { width: 68px; height: 68px; flex-basis: 68px; border-radius: 18px; }
  #authGate .auth-product-name { font-size: 26px; }
  #authGate .auth-copy h1 { font-size: 37px; }
  #authGate .auth-copy p { font-size: 14px; line-height: 1.6; }
  #authGate .auth-hero-actions { display: grid; grid-template-columns: 1fr; }
  #authGate .auth-hero-btn { width: 100%; }
  #authGate .auth-flow-list > div { padding: 12px 13px; }
  #authGate .auth-preview-panel { padding: 14px; }
  #authGate .auth-preview-window { padding: 12px; }
  #authGate .auth-preview-stats { gap: 8px; }
  #authGate .auth-preview-stats > div { padding: 10px; }
  #authGate .auth-preview-stats b { font-size: 16px; }
  #authGate .auth-preview-bars { height: 88px; gap: 6px; }
  #authGate .auth-card { padding: 22px 20px 30px; }
}


/* WarrantyVault V34.15: full landing page redesign */
#authGate {
  --auth-bg: #eef4f8;
  --auth-bg-2: #f9fbfd;
  --auth-surface: #ffffff;
  --auth-surface-soft: #f4f8fb;
  --auth-border: rgba(29, 41, 64, .10);
  --auth-text: #1d2940;
  --auth-muted: #66768d;
  --auth-muted-2: #8a97aa;
  --auth-navy: #214d7e;
  --auth-teal: #2a8698;
  background:
    radial-gradient(circle at top left, rgba(42,134,152,.10), transparent 25%),
    radial-gradient(circle at right 16%, rgba(33,77,126,.08), transparent 28%),
    linear-gradient(180deg, #f4f8fb 0%, #ebf2f8 100%);
  color: var(--auth-text);
}
#authGate .auth-shell {
  width: min(1240px, 100%);
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .68fr);
  border: 1px solid var(--auth-border);
  border-radius: 34px;
  background: rgba(248,251,253,.94);
  box-shadow: 0 30px 80px rgba(17,24,39,.14);
  overflow: hidden;
}
#authGate .auth-story {
  display: grid;
  align-content: start;
  gap: 24px;
  min-height: 0;
  padding: clamp(34px, 4.5vw, 58px);
  border-right: 1px solid var(--auth-border);
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(243,248,252,.96));
}
#authGate .auth-story-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
#authGate .auth-story-badge {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid rgba(33,77,126,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  color: var(--auth-navy);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
#authGate .auth-full-brand { gap: 16px; align-items: center; }
#authGate .auth-full-logo { width: 82px; height: 82px; flex-basis: 82px; border-radius: 22px; border: 1px solid rgba(33,77,126,.12); box-shadow: 0 14px 34px rgba(33,77,126,.08); }
#authGate .auth-product-name,
#authGate .auth-brand-name,
#authGate .auth-copy h1,
#authGate .auth-form-heading h2,
#authGate .auth-card strong,
#authGate .auth-card b { color: var(--auth-text); }
#authGate .auth-product-name { font-size: 30px; letter-spacing: -.05em; }
#authGate .auth-product-sub,
#authGate .auth-copy p,
#authGate .auth-form-heading p,
#authGate .auth-check,
#authGate .auth-row,
#authGate .auth-mode-note small,
#authGate .auth-tab:not(.active) { color: var(--auth-muted); }
#authGate .auth-product-sub { margin-top: 6px; font-size: 12px; }
#authGate .auth-copy-clean { max-width: 720px; margin: 0; }
#authGate .eyebrow { color: var(--auth-teal); }
#authGate .auth-copy-clean h1 { margin: 10px 0 16px; max-width: 790px; font-size: clamp(42px, 4.9vw, 62px); line-height: 1.02; letter-spacing: -.065em; }
#authGate .auth-copy-clean p { max-width: 650px; font-size: 17px; line-height: 1.7; }
#authGate .auth-feature-grid { display: grid; gap: 12px; }
#authGate .auth-feature-grid article {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 16px 18px;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 20px;
  background: rgba(255,255,255,.78);
}
#authGate .auth-feature-grid article > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: rgba(42,134,152,.12);
  color: var(--auth-navy);
  font-size: 12px;
  font-weight: 900;
}
#authGate .auth-feature-grid strong { display: block; font-size: 15px; }
#authGate .auth-feature-grid small { display: block; margin-top: 5px; color: var(--auth-muted); font-size: 11px; line-height: 1.55; }
#authGate .auth-preview-panel-clean {
  padding: 18px;
  border: 1px solid var(--auth-border);
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 40px rgba(17,24,39,.06);
}
#authGate .auth-preview-head-clean { margin-bottom: 14px; }
#authGate .auth-preview-head-clean span,
#authGate .auth-preview-chart span { display: block; color: var(--auth-teal); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
#authGate .auth-preview-head-clean b { display: block; margin-top: 6px; font-size: 24px; line-height: 1.18; letter-spacing: -.04em; color: var(--auth-text); }
#authGate .auth-preview-window-clean { padding: 15px; border: 1px solid rgba(29,41,64,.08); border-radius: 20px; background: var(--auth-surface-soft); }
#authGate .auth-preview-toolbar { display: flex; align-items: center; gap: 7px; padding-bottom: 12px; border-bottom: 1px solid rgba(29,41,64,.08); }
#authGate .auth-preview-toolbar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(138,151,170,.45); }
#authGate .auth-preview-toolbar i:first-child { background: #f59e0b; }
#authGate .auth-preview-toolbar i:nth-child(2) { background: var(--auth-teal); }
#authGate .auth-preview-toolbar i:nth-child(3) { background: var(--auth-navy); }
#authGate .auth-preview-toolbar b { margin-left: 6px; font-size: 12px; color: var(--auth-text); }
#authGate .auth-preview-hero-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
#authGate .auth-preview-hero-stats > div,
#authGate .auth-preview-chart,
#authGate .auth-preview-list-clean > div,
#authGate .auth-summary-row > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 16px;
  background: #fff;
}
#authGate .auth-preview-hero-stats small { display: block; color: var(--auth-teal); font-size: 9px; font-weight: 900; letter-spacing: .10em; text-transform: uppercase; }
#authGate .auth-preview-hero-stats b { display: block; margin-top: 7px; font-size: 20px; color: var(--auth-text); letter-spacing: -.04em; }
#authGate .auth-preview-layout-clean { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr); gap: 12px; margin-top: 12px; }
#authGate .auth-preview-chart { padding: 14px; }
#authGate .auth-preview-bars { display: flex; align-items: flex-end; gap: 8px; height: 106px; margin: 16px 0 12px; }
#authGate .auth-preview-bars i { flex: 1 1 0; border-radius: 999px 999px 10px 10px; background: linear-gradient(180deg, rgba(42,134,152,.92), rgba(33,77,126,.92)); box-shadow: 0 8px 18px rgba(33,77,126,.10); }
#authGate .auth-preview-bars i:nth-child(1) { height: 35%; }
#authGate .auth-preview-bars i:nth-child(2) { height: 50%; }
#authGate .auth-preview-bars i:nth-child(3) { height: 45%; }
#authGate .auth-preview-bars i:nth-child(4) { height: 72%; }
#authGate .auth-preview-bars i:nth-child(5) { height: 64%; }
#authGate .auth-preview-bars i:nth-child(6) { height: 86%; }
#authGate .auth-preview-chart small,
#authGate .auth-preview-list-clean small,
#authGate .auth-summary-row span { color: var(--auth-muted); font-size: 11px; line-height: 1.5; }
#authGate .auth-preview-list-clean { display: grid; gap: 10px; }
#authGate .auth-preview-list-clean > div { padding: 12px; }
#authGate .auth-preview-list-clean b,
#authGate .auth-summary-row b { display: block; color: var(--auth-text); }
#authGate .auth-summary-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#authGate .auth-summary-row > div { padding: 14px; }
#authGate .auth-summary-row span { display: block; margin-top: 6px; }
#authGate .auth-card {
  position: relative;
  justify-content: center;
  padding: clamp(28px, 4vw, 44px);
  background: rgba(255,255,255,.97);
}
#authGate .auth-card::before { background: none; }
#authGate .auth-tabs { border-color: rgba(29,41,64,.10); background: #f3f7fb; margin-bottom: 26px; }
#authGate .auth-tab { color: var(--auth-muted); }
#authGate .auth-tab.active { color: #fff; background: var(--auth-navy); }
#authGate .auth-form label,
#authGate .auth-check,
#authGate .auth-row { color: var(--auth-text); }
#authGate .auth-card .field,
#authGate .auth-card .select,
#authGate .auth-card .textarea { color: var(--auth-text); border-color: rgba(29,41,64,.12); background: #fff; }
#authGate .auth-card .field::placeholder,
#authGate .auth-card .textarea::placeholder { color: var(--auth-muted-2); }
#authGate .auth-card .btn.primary { color: #fff; background: linear-gradient(135deg, var(--auth-navy), var(--auth-teal)); }
#authGate .text-button { color: var(--auth-navy); }
#authGate .auth-message.success { color: #166534; border: 1px solid rgba(22,101,52,.18); background: #f0fdf4; }
#authGate .auth-message.error { color: #991b1b; border: 1px solid rgba(153,27,27,.16); background: #fef2f2; }
#authGate .auth-mode-note { margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(29,41,64,.10); }
#authGate .auth-mode-note strong { color: var(--auth-text); }

/* Keep collection action buttons single-line across laptop and mobile */
.collect-action-strip > button,
.collect-action-strip > details > summary { grid-template-areas: "icon title"; align-items: center; }
.collect-action-strip small { display: none; }
.collect-action-strip b { overflow: hidden; font-size: 10px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 980px) {
  #authGate .auth-shell { grid-template-columns: 1fr; }
  #authGate .auth-story { border-right: 0; border-bottom: 1px solid var(--auth-border); }
}
@media (max-width: 720px) {
  #authGate { padding: 14px; }
  #authGate .auth-story-head { flex-direction: column; }
  #authGate .auth-story-badge { white-space: normal; }
  #authGate .auth-preview-hero-stats,
  #authGate .auth-summary-row { grid-template-columns: 1fr; }
  #authGate .auth-preview-layout-clean { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  #authGate { padding: 0; }
  #authGate .auth-shell { min-height: 100dvh; border-radius: 0; border: 0; }
  #authGate .auth-story { padding: 24px 20px 18px; gap: 18px; }
  #authGate .auth-full-logo { width: 70px; height: 70px; flex-basis: 70px; border-radius: 18px; }
  #authGate .auth-product-name { font-size: 26px; }
  #authGate .auth-copy-clean h1 { font-size: 37px; }
  #authGate .auth-copy-clean p { font-size: 14px; line-height: 1.6; }
  #authGate .auth-feature-grid article { padding: 14px; }
  #authGate .auth-preview-panel-clean { padding: 14px; }
  #authGate .auth-preview-window-clean { padding: 12px; }
  #authGate .auth-preview-bars { height: 88px; gap: 6px; }
  #authGate .auth-card { padding: 22px 20px 30px; }
}


/* WarrantyVault V34.16: proper landing page, no split-screen login */
#authGate {
  --landing-bg: #eef4f8;
  --landing-surface: #ffffff;
  --landing-surface-soft: #f4f8fb;
  --landing-border: rgba(29, 41, 64, .10);
  --landing-text: #1d2940;
  --landing-muted: #6b7a8f;
  --landing-muted-2: #8d99aa;
  --landing-navy: #214d7e;
  --landing-teal: #2a8698;
  color: var(--landing-text);
  background:
    radial-gradient(circle at top left, rgba(42,134,152,.10), transparent 25%),
    radial-gradient(circle at right 14%, rgba(33,77,126,.08), transparent 28%),
    linear-gradient(180deg, #f4f8fb 0%, #ebf2f8 100%);
}
#authGate .auth-orb-one,
#authGate .auth-orb-two { opacity: .65; filter: blur(10px); }
#authGate .auth-shell-landing {
  display: block;
  width: min(1280px, 100%);
  border: 1px solid var(--landing-border);
  border-radius: 34px;
  background: rgba(248, 251, 253, .94);
  box-shadow: 0 30px 80px rgba(17,24,39,.14);
  overflow: hidden;
}
#authGate .landing-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 28px;
  border-bottom: 1px solid var(--landing-border);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(12px);
}
#authGate .landing-brand { gap: 14px; align-items: center; }
#authGate .auth-full-logo { width: 72px; height: 72px; flex-basis: 72px; border-radius: 20px; border: 1px solid rgba(33,77,126,.12); }
#authGate .auth-product-name { color: var(--landing-text); font-size: 29px; letter-spacing: -.05em; }
#authGate .auth-product-sub { color: var(--landing-muted); margin-top: 5px; font-size: 12px; }
#authGate .landing-nav { display: flex; align-items: center; gap: 18px; }
#authGate .landing-nav a { color: var(--landing-muted); font-size: 14px; font-weight: 700; text-decoration: none; }
#authGate .landing-nav a:hover { color: var(--landing-text); }
#authGate .landing-top-actions,
#authGate .landing-hero-actions,
#authGate .landing-final-cta-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#authGate .btn.primary { color: #fff; background: linear-gradient(135deg, var(--landing-navy), var(--landing-teal)); }
#authGate .btn.ghost { color: var(--landing-navy); border-color: rgba(33,77,126,.16); background: rgba(255,255,255,.85); }
#authGate .landing-hero {
  display: grid;
  gap: 28px;
  padding: clamp(34px, 4.8vw, 64px);
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(242,248,252,.9));
}
#authGate .landing-hero-copy { max-width: 760px; }
#authGate .eyebrow { color: var(--landing-teal); }
#authGate .landing-hero-copy h1 { margin: 10px 0 14px; color: var(--landing-text); font-size: clamp(48px, 7vw, 74px); line-height: .98; letter-spacing: -.07em; }
#authGate .landing-hero-copy p { max-width: 700px; color: var(--landing-muted); font-size: 18px; line-height: 1.7; }
#authGate .landing-trust-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 10px; }
#authGate .landing-trust-row > div,
#authGate .landing-proof-band > div,
#authGate .landing-feature-block,
#authGate .landing-price-card,
#authGate .landing-final-cta,
#authGate .landing-auth-section {
  border: 1px solid var(--landing-border);
  border-radius: 24px;
  background: rgba(255,255,255,.86);
}
#authGate .landing-trust-row > div { padding: 16px; }
#authGate .landing-trust-row strong,
#authGate .landing-proof-band strong,
#authGate .landing-preview-card b,
#authGate .landing-price-card h3,
#authGate .landing-feature-copy h3,
#authGate .landing-auth-intro h2,
#authGate .landing-final-cta h2 { display: block; color: var(--landing-text); }
#authGate .landing-trust-row span,
#authGate .landing-proof-band span,
#authGate .landing-preview-card p,
#authGate .landing-preview-card small,
#authGate .landing-auth-intro p,
#authGate .landing-final-cta p,
#authGate .landing-price-card p,
#authGate .landing-feature-copy p,
#authGate .landing-feature-copy li { color: var(--landing-muted); }
#authGate .landing-trust-row span { display: block; margin-top: 5px; font-size: 12px; }
#authGate .landing-hero-visual { margin-top: 4px; }
#authGate .landing-mockup-card { padding: 18px; border: 1px solid var(--landing-border); border-radius: 28px; background: rgba(255,255,255,.92); box-shadow: 0 20px 50px rgba(17,24,39,.08); }
#authGate .landing-mockup-topbar { display: flex; align-items: center; gap: 7px; padding-bottom: 12px; border-bottom: 1px solid rgba(29,41,64,.08); }
#authGate .landing-mockup-topbar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(141,153,170,.45); }
#authGate .landing-mockup-topbar i:first-child { background: #f59e0b; }
#authGate .landing-mockup-topbar i:nth-child(2) { background: var(--landing-teal); }
#authGate .landing-mockup-topbar i:nth-child(3) { background: var(--landing-navy); }
#authGate .landing-mockup-topbar b { margin-left: 6px; font-size: 12px; }
#authGate .landing-mockup-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-top: 16px; }
#authGate .landing-mockup-header small,
#authGate .landing-section-head span,
#authGate .landing-price-card small,
#authGate .landing-auth-intro span,
#authGate .landing-final-cta span,
#authGate .landing-mockup-stats span,
#authGate .landing-mockup-chart span,
#authGate .landing-preview-grid span {
  display: block; color: var(--landing-teal); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase;
}
#authGate .landing-mockup-header h2 { margin: 6px 0 0; color: var(--landing-text); font-size: 28px; line-height: 1.1; letter-spacing: -.05em; }
#authGate .landing-mockup-badge { display: inline-flex; align-items: center; min-height: 34px; padding: 8px 12px; border-radius: 999px; background: rgba(42,134,152,.10); color: var(--landing-navy); font-size: 11px; font-weight: 800; }
#authGate .landing-mockup-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
#authGate .landing-mockup-stats > div,
#authGate .landing-mockup-chart,
#authGate .landing-mockup-list > div,
#authGate .landing-preview-card,
#authGate .landing-auth-card {
  min-width: 0;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 18px;
  background: #fff;
}
#authGate .landing-mockup-stats > div { padding: 14px; }
#authGate .landing-mockup-stats b { display: block; margin-top: 7px; color: var(--landing-text); font-size: 19px; letter-spacing: -.04em; }
#authGate .landing-mockup-body { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(270px, .92fr); gap: 12px; margin-top: 12px; }
#authGate .landing-mockup-chart,
#authGate .landing-mockup-list > div,
#authGate .landing-preview-card { padding: 14px; }
#authGate .landing-mockup-bars { display: flex; align-items: flex-end; gap: 8px; height: 118px; margin: 16px 0 12px; }
#authGate .landing-mockup-bars i { flex: 1 1 0; border-radius: 999px 999px 10px 10px; background: linear-gradient(180deg, rgba(42,134,152,.92), rgba(33,77,126,.92)); box-shadow: 0 8px 18px rgba(33,77,126,.10); }
#authGate .landing-mockup-bars i:nth-child(1) { height: 35%; }
#authGate .landing-mockup-bars i:nth-child(2) { height: 50%; }
#authGate .landing-mockup-bars i:nth-child(3) { height: 45%; }
#authGate .landing-mockup-bars i:nth-child(4) { height: 74%; }
#authGate .landing-mockup-bars i:nth-child(5) { height: 64%; }
#authGate .landing-mockup-bars i:nth-child(6) { height: 88%; }
#authGate .landing-mockup-chart p { margin: 0; font-size: 12px; line-height: 1.55; }
#authGate .landing-mockup-list { display: grid; gap: 10px; }
#authGate .landing-proof-band,
#authGate .landing-section,
#authGate .landing-final-cta,
#authGate .landing-auth-section { margin: 0 clamp(24px, 4.2vw, 46px) clamp(24px, 4.2vw, 46px); }
#authGate .landing-proof-band { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#authGate .landing-proof-band > div { padding: 18px; }
#authGate .landing-section { padding: 24px; }
#authGate .landing-section-head { max-width: 760px; margin-bottom: 18px; }
#authGate .landing-section-head h2 { margin: 8px 0 10px; color: var(--landing-text); font-size: 38px; line-height: 1.1; letter-spacing: -.05em; }
#authGate .landing-section-head p { color: var(--landing-muted); font-size: 15px; line-height: 1.68; }
#authGate .landing-feature-stack { display: grid; gap: 16px; }
#authGate .landing-feature-block { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .95fr); gap: 18px; padding: 18px; }
#authGate .landing-feature-block.reverse { grid-template-columns: minmax(320px, .95fr) minmax(0, 1fr); }
#authGate .landing-feature-copy { display: grid; align-content: start; gap: 10px; }
#authGate .landing-feature-copy > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 14px; background: rgba(42,134,152,.12); color: var(--landing-navy); font-size: 12px; font-weight: 900; }
#authGate .landing-feature-copy h3 { margin: 0; font-size: 28px; line-height: 1.12; letter-spacing: -.04em; }
#authGate .landing-feature-copy p { margin: 0; font-size: 14px; line-height: 1.65; }
#authGate .landing-feature-copy ul { margin: 0; padding-left: 18px; }
#authGate .landing-feature-copy li { margin: 6px 0 0; font-size: 13px; }
#authGate .landing-feature-preview { display: grid; }
#authGate .landing-preview-card.soft { background: linear-gradient(180deg, #ffffff, #f7fbfd); }
#authGate .landing-preview-card.accent { background: linear-gradient(180deg, #f8fcfd, #eef7fb); }
#authGate .landing-preview-card small { display: block; color: var(--landing-teal); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
#authGate .landing-preview-card b { margin-top: 8px; font-size: 22px; line-height: 1.12; letter-spacing: -.04em; }
#authGate .landing-preview-card p { margin: 8px 0 0; font-size: 13px; line-height: 1.6; }
#authGate .landing-preview-grid,
#authGate .landing-mini-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
#authGate .landing-preview-grid > div,
#authGate .landing-mini-metrics > div { padding: 12px; border: 1px solid rgba(29,41,64,.08); border-radius: 14px; background: rgba(244,248,251,.9); }
#authGate .landing-preview-grid strong,
#authGate .landing-mini-metrics strong { display: block; margin-top: 6px; color: var(--landing-text); font-size: 18px; letter-spacing: -.04em; }
#authGate .landing-report-lines { display: grid; gap: 9px; margin-top: 18px; }
#authGate .landing-report-lines i { display: block; height: 12px; border-radius: 999px; background: linear-gradient(90deg, rgba(33,77,126,.12), rgba(42,134,152,.16)); }
#authGate .landing-pricing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#authGate .landing-price-card { padding: 20px; }
#authGate .landing-price-card h3 { margin: 10px 0 10px; font-size: 28px; line-height: 1.1; letter-spacing: -.04em; }
#authGate .landing-price-card p { margin: 0; font-size: 14px; line-height: 1.65; }
#authGate .landing-price-card ul { margin: 16px 0 20px; padding-left: 18px; }
#authGate .landing-price-card li { margin-top: 8px; color: var(--landing-muted); font-size: 13px; }
#authGate .landing-price-card.featured { background: linear-gradient(180deg, #ffffff, #f3fafb); box-shadow: inset 0 0 0 1px rgba(42,134,152,.12); }
#authGate .landing-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px; }
#authGate .landing-final-cta h2 { margin: 8px 0 10px; font-size: 36px; line-height: 1.08; letter-spacing: -.05em; }
#authGate .landing-final-cta p { margin: 0; max-width: 640px; font-size: 14px; line-height: 1.65; }
#authGate .landing-auth-section { padding: 24px; }
#authGate .landing-auth-intro { max-width: 720px; margin: 0 auto 18px; text-align: center; }
#authGate .landing-auth-intro h2 { margin: 8px 0 10px; font-size: 36px; line-height: 1.08; letter-spacing: -.05em; }
#authGate .landing-auth-intro p { margin: 0 auto; max-width: 640px; font-size: 14px; line-height: 1.68; }
#authGate .landing-auth-card { max-width: 560px; margin: 0 auto; padding: 22px; box-shadow: 0 16px 34px rgba(17,24,39,.06); }
#authGate .auth-tabs { margin-bottom: 22px; border-color: rgba(29,41,64,.10); background: #f3f7fb; }
#authGate .auth-tab { color: var(--landing-muted); }
#authGate .auth-tab.active { color: #fff; background: var(--landing-navy); }
#authGate .auth-form label,
#authGate .auth-check,
#authGate .auth-row,
#authGate .auth-form-heading p { color: var(--landing-text); }
#authGate .auth-form-heading p,
#authGate .auth-message,
#authGate .auth-mode-note small { color: var(--landing-muted); }
#authGate .auth-card .field,
#authGate .auth-card .select,
#authGate .auth-card .textarea { color: var(--landing-text); border-color: rgba(29,41,64,.12); background: #fff; }
#authGate .auth-card .field::placeholder { color: var(--landing-muted-2); }
#authGate .text-button { color: var(--landing-navy); }

/* keep collection action buttons single-line */
.collect-action-strip > button,
.collect-action-strip > details > summary { grid-template-areas: "icon title"; align-items: center; }
.collect-action-strip small { display: none; }
.collect-action-strip b { overflow: hidden; font-size: 10px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1100px) {
  #authGate .landing-nav { display: none; }
  #authGate .landing-mockup-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #authGate .landing-mockup-body,
  #authGate .landing-feature-block,
  #authGate .landing-feature-block.reverse,
  #authGate .landing-pricing-grid,
  #authGate .landing-proof-band,
  #authGate .landing-trust-row { grid-template-columns: 1fr; }
  #authGate .landing-final-cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 700px) {
  #authGate { padding: 14px; }
  #authGate .auth-shell-landing { border-radius: 26px; }
  #authGate .landing-topbar { flex-wrap: wrap; padding: 18px 18px 14px; }
  #authGate .landing-top-actions { width: 100%; }
  #authGate .landing-top-actions .btn { flex: 1 1 0; }
  #authGate .landing-hero,
  #authGate .landing-section,
  #authGate .landing-final-cta,
  #authGate .landing-auth-section { padding-left: 18px; padding-right: 18px; }
  #authGate .landing-proof-band,
  #authGate .landing-section,
  #authGate .landing-final-cta,
  #authGate .landing-auth-section { margin-left: 18px; margin-right: 18px; }
  #authGate .landing-mockup-header { flex-direction: column; }
}
@media (max-width: 540px) {
  #authGate { padding: 0; }
  #authGate .auth-shell-landing { width: 100%; min-height: 100dvh; border: 0; border-radius: 0; }
  #authGate .landing-topbar { padding: 16px; }
  #authGate .auth-full-logo { width: 62px; height: 62px; flex-basis: 62px; border-radius: 18px; }
  #authGate .auth-product-name { font-size: 24px; }
  #authGate .landing-top-actions { display: grid; grid-template-columns: 1fr 1fr; }
  #authGate .landing-hero { padding: 24px 16px; gap: 18px; }
  #authGate .landing-hero-copy h1 { font-size: 42px; }
  #authGate .landing-hero-copy p { font-size: 15px; line-height: 1.62; }
  #authGate .landing-hero-actions { display: grid; grid-template-columns: 1fr; }
  #authGate .landing-trust-row { grid-template-columns: 1fr; }
  #authGate .landing-mockup-card { padding: 14px; border-radius: 22px; }
  #authGate .landing-mockup-header h2 { font-size: 22px; }
  #authGate .landing-mockup-stats { grid-template-columns: 1fr 1fr; }
  #authGate .landing-mockup-bars { height: 88px; gap: 6px; }
  #authGate .landing-proof-band,
  #authGate .landing-section,
  #authGate .landing-final-cta,
  #authGate .landing-auth-section { margin: 0 16px 16px; }
  #authGate .landing-section { padding: 16px; }
  #authGate .landing-section-head h2,
  #authGate .landing-final-cta h2,
  #authGate .landing-auth-intro h2 { font-size: 30px; }
  #authGate .landing-feature-block { padding: 14px; }
  #authGate .landing-feature-copy h3,
  #authGate .landing-price-card h3,
  #authGate .landing-preview-card b { font-size: 22px; }
  #authGate .landing-price-card,
  #authGate .landing-final-cta,
  #authGate .landing-auth-section { padding: 16px; }
  #authGate .landing-auth-card { padding: 18px; }
}


/* WarrantyVault V34.17: fix landing-page anchor navigation and top clipping */
html { scroll-behavior: smooth; }

#authGate.auth-gate {
  display: block;
  min-height: 100vh;
  min-height: 100dvh;
  padding: clamp(22px, 4vw, 54px);
  overflow: visible;
}

#authGate .auth-shell-landing {
  margin: 0 auto;
  overflow: visible;
}

#authGate .landing-topbar {
  position: sticky;
  top: 0;
  z-index: 60;
  border-radius: 34px 34px 0 0;
  box-shadow: 0 8px 28px rgba(17, 24, 39, .06);
}

#landingFeatures,
#landingPricing,
#landingAuth,
#authAccess {
  scroll-margin-top: 112px;
}

@media (max-width: 700px) {
  #authGate.auth-gate { padding: 14px; }
  #authGate .landing-topbar { border-radius: 26px 26px 0 0; }
  #landingFeatures,
  #landingPricing,
  #landingAuth,
  #authAccess { scroll-margin-top: 148px; }
}

@media (max-width: 540px) {
  #authGate.auth-gate { padding: 0; }
  #authGate .landing-topbar {
    border-radius: 0;
    top: 0;
  }
  #landingFeatures,
  #landingPricing,
  #landingAuth,
  #authAccess { scroll-margin-top: 152px; }
}


/* WarrantyVault V34.18: visible report example on landing page */
#authGate .landing-report-preview {
  display: grid;
  min-height: 100%;
  padding: 14px;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 18px;
  background: linear-gradient(145deg,#eef5f9,#f8fbfd);
}
#authGate .landing-report-paper {
  display: grid;
  gap: 12px;
  width: 100%;
  padding: 16px;
  border: 1px solid rgba(29,41,64,.10);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(17,24,39,.08);
}
#authGate .landing-report-head,
#authGate .landing-report-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#authGate .landing-report-head small,
#authGate .landing-report-summary small,
#authGate .landing-report-chart span {
  display: block;
  color: var(--landing-teal);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}
#authGate .landing-report-head b {
  display: block;
  margin-top: 3px;
  color: var(--landing-text);
  font-size: 16px;
  letter-spacing: -.03em;
}
#authGate .landing-report-head > span {
  color: var(--landing-muted);
  font-size: 9px;
  font-weight: 700;
}
#authGate .landing-report-summary {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
}
#authGate .landing-report-summary > div {
  padding: 10px;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 10px;
  background: #f7fafc;
}
#authGate .landing-report-summary strong {
  display: block;
  margin-top: 5px;
  color: var(--landing-text);
  font-size: 14px;
  letter-spacing: -.03em;
}
#authGate .landing-report-chart {
  padding: 11px;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 10px;
  background: #fbfdfe;
}
#authGate .landing-report-chart > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#authGate .landing-report-chart b {
  color: var(--landing-text);
  font-size: 9px;
}
#authGate .landing-report-chart-bars {
  display: flex;
  align-items: flex-end;
  gap: 7px;
  height: 58px;
  margin-top: 10px;
}
#authGate .landing-report-chart-bars i {
  flex: 1 1 0;
  border-radius: 5px 5px 2px 2px;
  background: linear-gradient(180deg,rgba(42,134,152,.9),rgba(33,77,126,.85));
}
#authGate .landing-report-chart-bars i:nth-child(1){height:42%}
#authGate .landing-report-chart-bars i:nth-child(2){height:66%}
#authGate .landing-report-chart-bars i:nth-child(3){height:54%}
#authGate .landing-report-chart-bars i:nth-child(4){height:82%}
#authGate .landing-report-chart-bars i:nth-child(5){height:70%}
#authGate .landing-report-table {
  overflow: hidden;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 10px;
}
#authGate .landing-report-row {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) .7fr .55fr;
  gap: 8px;
  padding: 8px 9px;
  border-top: 1px solid rgba(29,41,64,.06);
  color: var(--landing-muted);
  font-size: 8.5px;
}
#authGate .landing-report-row:first-child { border-top: 0; }
#authGate .landing-report-row.heading {
  color: var(--landing-text);
  background: #f4f8fb;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
#authGate .landing-report-row span:last-child { text-align: right; }
#authGate .landing-report-foot {
  padding-top: 2px;
  color: var(--landing-muted-2);
  font-size: 8px;
}
#authGate .landing-report-foot b { color: var(--landing-muted); font-size: 8px; }

@media (max-width: 540px) {
  #authGate .landing-report-preview { padding: 10px; }
  #authGate .landing-report-paper { padding: 12px; gap: 10px; }
  #authGate .landing-report-summary { grid-template-columns: 1fr 1fr; }
  #authGate .landing-report-summary > div:last-child { grid-column: 1 / -1; }
  #authGate .landing-report-row { grid-template-columns: minmax(0,1.35fr) .7fr .55fr; font-size: 7.5px; }
}


/* WarrantyVault V34.19: explicit light landing-page contrast */
html[data-theme="light"] #authGate.auth-gate,
html[data-theme="light"] #authGate .auth-shell-landing {
  --text: #1d2940;
  --muted: #5f6f85;
  --muted-2: #7b889b;
  color: #1d2940;
}

#authGate .auth-shell-landing {
  color: var(--landing-text, #1d2940);
}

#authGate .auth-shell-landing h1,
#authGate .auth-shell-landing h2,
#authGate .auth-shell-landing h3,
#authGate .auth-shell-landing strong,
#authGate .auth-shell-landing b,
#authGate .auth-shell-landing label {
  color: var(--landing-text, #1d2940);
}

#authGate .auth-shell-landing p,
#authGate .auth-shell-landing small,
#authGate .auth-shell-landing li,
#authGate .auth-shell-landing .auth-product-sub,
#authGate .auth-shell-landing .auth-form-heading p,
#authGate .auth-shell-landing .auth-mode-note small {
  color: var(--landing-muted, #5f6f85);
}

#authGate .landing-nav a,
#authGate .landing-trust-row span,
#authGate .landing-proof-band span,
#authGate .landing-mockup-chart p,
#authGate .landing-mockup-list small,
#authGate .landing-feature-copy p,
#authGate .landing-feature-copy li,
#authGate .landing-preview-card p,
#authGate .landing-price-card p,
#authGate .landing-price-card li,
#authGate .landing-final-cta p,
#authGate .landing-auth-intro p,
#authGate .landing-report-row,
#authGate .landing-report-foot {
  color: var(--landing-muted, #5f6f85);
}

#authGate .landing-mockup-topbar b,
#authGate .landing-mockup-list b,
#authGate .landing-preview-card b,
#authGate .landing-preview-grid strong,
#authGate .landing-mini-metrics strong,
#authGate .landing-report-head b,
#authGate .landing-report-summary strong,
#authGate .landing-report-chart b,
#authGate .landing-report-row.heading,
#authGate .landing-report-foot b {
  color: var(--landing-text, #1d2940);
}

#authGate .landing-mockup-header small,
#authGate .landing-section-head > span,
#authGate .landing-price-card > small,
#authGate .landing-auth-intro > span,
#authGate .landing-final-cta > div > span,
#authGate .landing-mockup-stats span,
#authGate .landing-mockup-chart > span,
#authGate .landing-preview-grid span,
#authGate .landing-preview-card > small,
#authGate .landing-report-head small,
#authGate .landing-report-summary small,
#authGate .landing-report-chart span,
#authGate .eyebrow {
  color: var(--landing-teal, #2a8698);
}

#authGate .landing-auth-card .auth-tab:not(.active),
#authGate .landing-auth-card .auth-check,
#authGate .landing-auth-card .auth-row {
  color: var(--landing-muted, #5f6f85);
}

#authGate .landing-auth-card .auth-tab.active,
#authGate .landing-auth-card .btn.primary {
  color: #ffffff;
}


/* WarrantyVault V34.20: Showcase, transparent pricing, and modal account access */
#landingShowcase,
#landingPricing,
#landingAuth { scroll-margin-top: 112px; }

#authGate .landing-trust-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }

#authGate .landing-showcase-section {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
  gap: 24px;
  margin: 0 clamp(24px, 4.2vw, 46px) clamp(24px, 4.2vw, 46px);
  padding: 28px;
  border: 1px solid var(--landing-border);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(239,248,250,.92));
  box-shadow: inset 0 0 0 1px rgba(42,134,152,.05);
}
#authGate .landing-showcase-copy { display: grid; align-content: center; gap: 12px; }
#authGate .landing-showcase-copy > span {
  color: var(--landing-teal);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#authGate .landing-showcase-copy h2 {
  margin: 0;
  color: var(--landing-text);
  font-size: clamp(34px, 4.1vw, 48px);
  line-height: 1.04;
  letter-spacing: -.055em;
}
#authGate .landing-showcase-copy > p {
  margin: 0;
  color: var(--landing-muted);
  font-size: 15px;
  line-height: 1.68;
}
#authGate .landing-showcase-benefits { display: grid; gap: 9px; margin-top: 5px; }
#authGate .landing-showcase-benefits > div {
  padding: 12px 14px;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 15px;
  background: rgba(255,255,255,.76);
}
#authGate .landing-showcase-benefits b { display: block; color: var(--landing-text); font-size: 13px; }
#authGate .landing-showcase-benefits small { display: block; margin-top: 4px; color: var(--landing-muted); font-size: 11px; line-height: 1.5; }
#authGate .landing-showcase-preview {
  overflow: hidden;
  border: 1px solid rgba(29,41,64,.10);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(17,24,39,.08);
}
#authGate .landing-showcase-banner {
  height: 82px;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.20), transparent 22%),
    linear-gradient(120deg, #214d7e, #2a8698 62%, #74b9c4);
}
#authGate .landing-showcase-profile {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 0 16px 14px;
  margin-top: -23px;
}
#authGate .landing-showcase-avatar {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 4px solid #fff;
  border-radius: 18px;
  background: #e7f2f5;
  color: var(--landing-navy);
  font-size: 15px;
  font-weight: 950;
}
#authGate .landing-showcase-profile small { display: block; color: var(--landing-teal); font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
#authGate .landing-showcase-profile b { display: block; margin-top: 3px; color: var(--landing-text); font-size: 16px; }
#authGate .landing-showcase-profile span { display: block; margin-top: 3px; color: var(--landing-muted); font-size: 9px; }
#authGate .landing-showcase-follow {
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgba(33,77,126,.16);
  border-radius: 10px;
  background: #f2f7fb;
  color: var(--landing-navy);
  font: inherit;
  font-size: 10px;
  font-weight: 850;
}
#authGate .landing-showcase-stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  padding: 0 16px 14px;
}
#authGate .landing-showcase-stats > div {
  padding: 9px;
  border: 1px solid rgba(29,41,64,.07);
  border-radius: 11px;
  background: #f7fafc;
  text-align: center;
}
#authGate .landing-showcase-stats b { display: block; color: var(--landing-text); font-size: 14px; }
#authGate .landing-showcase-stats span { display: block; margin-top: 2px; color: var(--landing-muted); font-size: 8px; }
#authGate .landing-showcase-cards {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(29,41,64,.07);
  background: #f7fafc;
}
#authGate .landing-showcase-cards article {
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(29,41,64,.08);
  border-radius: 13px;
  background: #fff;
}
#authGate .landing-showcase-card-art {
  display: grid;
  place-items: center;
  aspect-ratio: 5 / 6.8;
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: 950;
  letter-spacing: -.05em;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
}
#authGate .landing-showcase-card-art.baseball { background: linear-gradient(145deg,#1c3557,#5e98a3); }
#authGate .landing-showcase-card-art.football { background: linear-gradient(145deg,#42245f,#2477a4); }
#authGate .landing-showcase-card-art.basketball { background: linear-gradient(145deg,#155c88,#ee8b31); }
#authGate .landing-showcase-cards article > b { display: block; margin-top: 8px; overflow: hidden; color: var(--landing-text); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
#authGate .landing-showcase-cards article > small { display: block; margin-top: 3px; overflow: hidden; color: var(--landing-muted); font-size: 7.5px; text-overflow: ellipsis; white-space: nowrap; }
#authGate .landing-showcase-cards article > em { display: block; margin-top: 6px; color: var(--landing-teal); font-size: 8px; font-style: normal; font-weight: 850; }

#authGate .landing-pricing-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
#authGate .landing-price-card { position: relative; display: flex; flex-direction: column; }
#authGate .landing-price-card ul { flex: 1 1 auto; }
#authGate .landing-price-amount { display: flex; align-items: baseline; gap: 7px; margin: 11px 0 10px; }
#authGate .landing-price-amount b { color: var(--landing-text); font-size: 34px; line-height: 1; letter-spacing: -.06em; }
#authGate .landing-price-amount span { color: var(--landing-muted); font-size: 12px; font-weight: 750; }
#authGate .landing-price-savings {
  margin: -2px 0 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(42,134,152,.09);
  color: var(--landing-navy);
  font-size: 10px;
  font-weight: 850;
}
#authGate .landing-price-note { margin-top: 10px; color: var(--landing-muted); font-size: 9px; line-height: 1.4; }
#authGate .landing-price-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 6px 9px;
  border-radius: 999px;
  background: var(--landing-teal);
  color: #fff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.landing-auth-open { overflow: hidden; }
#authGate .landing-auth-modal {
  position: fixed;
  inset: 0;
  z-index: 2400;
  display: grid;
  place-items: center;
  padding: 20px;
}
#authGate .landing-auth-modal.hidden { display: none; }
#authGate .landing-auth-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15,27,45,.58);
  backdrop-filter: blur(10px);
  cursor: default;
}
#authGate .landing-auth-dialog {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: 26px;
  border: 1px solid rgba(29,41,64,.12);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 36px 100px rgba(17,24,39,.28);
}
#authGate .landing-auth-close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(29,41,64,.10);
  border-radius: 11px;
  background: #f5f8fb;
  color: var(--landing-text);
  font: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
#authGate .landing-auth-dialog-head { padding-right: 44px; margin-bottom: 18px; }
#authGate .landing-auth-dialog-head > span { color: var(--landing-teal); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
#authGate .landing-auth-dialog-head h2 { margin: 5px 0 5px; color: var(--landing-text); font-size: 27px; letter-spacing: -.045em; }
#authGate .landing-auth-dialog-head p { margin: 0; color: var(--landing-muted); font-size: 12px; line-height: 1.5; }
#authGate .landing-auth-dialog .auth-tabs { margin-bottom: 20px; }

@media (max-width: 1100px) {
  #authGate .landing-trust-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #authGate .landing-showcase-section { grid-template-columns: 1fr; }
  #authGate .landing-pricing-grid-three { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  #landingShowcase,
  #landingPricing,
  #landingAuth { scroll-margin-top: 148px; }
  #authGate .landing-showcase-section { margin-left: 18px; margin-right: 18px; padding: 18px; }
}
@media (max-width: 540px) {
  #landingShowcase,
  #landingPricing,
  #landingAuth { scroll-margin-top: 152px; }
  #authGate .landing-trust-row { grid-template-columns: 1fr 1fr; }
  #authGate .landing-showcase-section { margin: 0 16px 16px; padding: 16px; border-radius: 22px; }
  #authGate .landing-showcase-copy h2 { font-size: 31px; }
  #authGate .landing-showcase-profile { grid-template-columns: 52px minmax(0,1fr); }
  #authGate .landing-showcase-avatar { width: 52px; height: 52px; }
  #authGate .landing-showcase-follow { grid-column: 1 / -1; width: 100%; }
  #authGate .landing-showcase-cards { grid-template-columns: 1fr 1fr 1fr; gap: 7px; padding-inline: 10px; }
  #authGate .landing-auth-modal { padding: 10px; }
  #authGate .landing-auth-dialog { max-height: calc(100dvh - 20px); padding: 20px 16px; border-radius: 20px; }
}

/* V34.20 finishing pass: keep landing preview labels separated */
#authGate .landing-mockup-list b,
#authGate .landing-mockup-list small {
  display: block;
}
#authGate .landing-mockup-list small {
  margin-top: 4px;
  line-height: 1.45;
}


/* WarrantyVault sold-comp research and Card Ladder workflow */
.marketplace-comp-panel {
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--line));
  border-radius: 16px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--brand) 6%, var(--panel)), color-mix(in srgb, var(--brand-3) 5%, var(--panel)));
}
.marketplace-comp-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.marketplace-comp-title { color:var(--text); font-size:14px; font-weight:900; letter-spacing:-.02em; }
.marketplace-comp-head small { display:block; max-width:660px; margin-top:5px; color:var(--muted); font-size:10px; line-height:1.5; }
.marketplace-comp-mark { display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; border-radius:12px; color:var(--brand); background:color-mix(in srgb, var(--brand) 10%, var(--panel-3)); font-size:17px; font-weight:950; }
.marketplace-comp-query { display:grid; gap:6px; margin-top:13px; padding:11px 12px; border:1px solid var(--line); border-radius:12px; background:color-mix(in srgb, var(--panel-2) 88%, transparent); }
.marketplace-comp-query span { color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.marketplace-comp-query code { overflow-wrap:anywhere; color:var(--text); font-family:inherit; font-size:11px; font-weight:760; line-height:1.45; }
.marketplace-comp-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:10px; }
.marketplace-comp-actions .btn { min-height:42px; }
.marketplace-comp-note { display:block; margin-top:9px; color:var(--muted); font-size:9px; line-height:1.5; }
.card-comps-panel + .marketplace-comp-panel,
.marketplace-comp-panel + .card-ladder-panel { margin-top:12px; }
html[data-theme="light"] .marketplace-comp-panel { background:linear-gradient(145deg,#f5f9ff,#f3fbfa); }
html[data-theme="light"] .marketplace-comp-query { background:#fff; }
@media (max-width:700px) {
  .marketplace-comp-panel { padding:14px; }
  .marketplace-comp-head { align-items:flex-start; }
  .marketplace-comp-actions { grid-template-columns:1fr; }
  .marketplace-comp-actions .btn { width:100%; }
}

/* WarrantyVault V34.23: public Showcase route, sharing hub, and comp search modes */
body.public-showcase-open { margin: 0; overflow-x: hidden; background: #eef4f8; }
.public-showcase-gate {
  --public-navy: #173f6b;
  --public-teal: #2a8698;
  --public-text: #17243a;
  --public-muted: #63748a;
  min-height: 100dvh;
  color: var(--public-text);
  background:
    radial-gradient(circle at 8% 8%, rgba(42,134,152,.11), transparent 28%),
    radial-gradient(circle at 92% 2%, rgba(33,77,126,.10), transparent 30%),
    #eef4f8;
}
.public-showcase-gate.hidden { display: none !important; }
.public-showcase-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 76px;
  padding: 12px clamp(18px,4vw,58px);
  border-bottom: 1px solid rgba(23,63,107,.12);
  background: rgba(248,251,253,.94);
  backdrop-filter: blur(18px);
}
.public-showcase-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0;
  border: 0;
  color: var(--public-text);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.public-showcase-brand img { width: 44px; height: 44px; border-radius: 13px; box-shadow: 0 8px 20px rgba(23,63,107,.15); }
.public-showcase-brand span { display: grid; gap: 1px; }
.public-showcase-brand b { font-size: 16px; font-weight: 900; letter-spacing: -.02em; }
.public-showcase-brand small { color: var(--public-muted); font-size: 10px; }
.public-showcase-top-actions { display: flex; gap: 9px; }
.public-showcase-main { width: min(1180px,calc(100% - 32px)); margin: 0 auto; padding: 34px 0 58px; }
.public-showcase-loading,
.public-showcase-error {
  min-height: 58vh;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 30px;
  text-align: center;
}
.public-showcase-loading > span {
  width: 42px;
  height: 42px;
  border: 4px solid rgba(42,134,152,.18);
  border-top-color: var(--public-teal);
  border-radius: 50%;
  animation: public-showcase-spin .8s linear infinite;
}
@keyframes public-showcase-spin { to { transform: rotate(360deg); } }
.public-showcase-loading b { font-size: 18px; }
.public-showcase-loading small { color: var(--public-muted); }
.public-showcase-error > span { display:grid; place-items:center; width:54px; height:54px; border-radius:18px; color:#b42318; background:#fee4e2; font-size:24px; font-weight:900; }
.public-showcase-error h1 { margin: 4px 0 0; font-size: clamp(28px,4vw,44px); }
.public-showcase-error p { max-width: 650px; margin: 0; color: var(--public-muted); line-height: 1.6; }
.public-showcase-error > div { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:8px; }
.public-showcase-hero,
.public-showcase-featured-card,
.public-showcase-join-note,
.public-showcase-section {
  border: 1px solid rgba(23,63,107,.12);
  border-radius: 24px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 20px 50px rgba(23,63,107,.08);
}
.public-showcase-hero { overflow: hidden; }
.public-showcase-cover { height: clamp(150px,24vw,270px); background: linear-gradient(135deg,#173f6b,#2a8698); background-position:center; background-size:cover; }
.public-showcase-identity { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:18px; align-items:end; padding:0 clamp(20px,4vw,42px); margin-top:-42px; }
.public-showcase-avatar { display:grid; place-items:center; width:94px; height:94px; overflow:hidden; border:5px solid #fff; border-radius:28px; color:#fff; background:linear-gradient(135deg,#173f6b,#2a8698); box-shadow:0 12px 28px rgba(23,63,107,.2); font-size:32px; font-weight:950; }
.public-showcase-avatar img { width:100%; height:100%; object-fit:cover; }
.public-showcase-identity > div:nth-child(2) { padding-bottom:6px; }
.public-showcase-identity span { color:var(--public-teal); font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.public-showcase-identity h1 { margin:4px 0 2px; font-size:clamp(28px,4vw,44px); letter-spacing:-.04em; }
.public-showcase-identity b { color:var(--public-muted); font-size:13px; }
.public-showcase-actions { display:flex; gap:8px; padding-bottom:8px; }
.public-showcase-hero > p { max-width:760px; margin:24px clamp(20px,4vw,42px) 0; color:var(--public-muted); font-size:14px; line-height:1.65; }
.public-showcase-tags { display:flex; flex-wrap:wrap; gap:8px; margin:16px clamp(20px,4vw,42px) 0; }
.public-showcase-tags span { padding:7px 10px; border-radius:999px; color:#214d7e; background:#edf5fb; font-size:10px; font-weight:800; }
.public-showcase-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:28px; border-top:1px solid rgba(23,63,107,.1); background:rgba(23,63,107,.08); }
.public-showcase-stats div { display:grid; gap:3px; padding:18px clamp(16px,3vw,34px); background:#fff; }
.public-showcase-stats b { font-size:22px; }
.public-showcase-stats small { color:var(--public-muted); font-size:10px; }
.public-showcase-featured-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,330px); gap:28px; align-items:center; margin-top:20px; padding:clamp(22px,4vw,42px); background:linear-gradient(135deg,#173f6b,#245f80); color:#fff; }
.public-showcase-featured-card > div > span { color:#8fe4ef; font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.public-showcase-featured-card h2 { margin:8px 0; font-size:clamp(27px,4vw,43px); letter-spacing:-.04em; }
.public-showcase-featured-card p { color:#d6e4ef; line-height:1.55; }
.public-showcase-featured-card > div > div { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.public-showcase-featured-card > img,
.public-showcase-featured-placeholder { width:100%; max-height:390px; object-fit:contain; border-radius:20px; background:rgba(255,255,255,.12); box-shadow:0 18px 42px rgba(0,0,0,.22); }
.public-showcase-featured-placeholder { display:grid; place-items:center; min-height:280px; font-size:62px; font-weight:950; }
.public-showcase-join-note { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; padding:18px 22px; }
.public-showcase-join-note > div { display:grid; gap:3px; }
.public-showcase-join-note b { font-size:14px; }
.public-showcase-join-note span { color:var(--public-muted); font-size:11px; }
.public-showcase-section { margin-top:20px; padding:clamp(20px,3vw,32px); }
.public-showcase-section > header { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.public-showcase-section > header span { color:var(--public-teal); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.public-showcase-section > header h2 { margin:5px 0 0; font-size:clamp(23px,3vw,32px); letter-spacing:-.03em; }
.public-showcase-section > header small { color:var(--public-muted); }
.public-showcase-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.public-showcase-card { min-width:0; overflow:hidden; border:1px solid rgba(23,63,107,.1); border-radius:17px; background:#fff; box-shadow:0 8px 24px rgba(23,63,107,.06); }
.public-showcase-card.featured { border-color:rgba(42,134,152,.34); }
.public-showcase-card-image { position:relative; display:grid; place-items:center; aspect-ratio:4/5; overflow:hidden; background:linear-gradient(145deg,#e9f1f6,#dceaf0); }
.public-showcase-card-image img { width:100%; height:100%; object-fit:contain; }
.public-showcase-card-image > span { color:#214d7e; font-size:38px; font-weight:950; }
.public-showcase-card-image em { position:absolute; top:10px; left:10px; padding:6px 9px; border-radius:999px; color:#fff; background:#2a8698; font-size:8px; font-style:normal; font-weight:900; text-transform:uppercase; }
.public-showcase-card-copy { padding:14px; }
.public-showcase-card-copy > small { color:var(--public-teal); font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.public-showcase-card-copy h3 { min-height:38px; margin:6px 0; overflow:hidden; color:var(--public-text); font-size:13px; line-height:1.35; }
.public-showcase-card-copy p { min-height:32px; margin:0; color:var(--public-muted); font-size:9px; line-height:1.45; }
.public-showcase-card-copy > div { display:flex; align-items:center; gap:10px; margin-top:12px; color:var(--public-muted); font-size:9px; }
.public-showcase-card-copy > div b { margin-left:auto; color:#173f6b; font-size:12px; }
.public-showcase-empty { padding:42px 20px; color:var(--public-muted); text-align:center; }
.public-showcase-footer { display:flex; align-items:center; justify-content:center; gap:20px; padding:24px; border-top:1px solid rgba(23,63,107,.1); color:var(--public-muted); background:#f8fbfd; font-size:10px; }

.community-share-hub { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; align-items:center; padding:22px; border-color:color-mix(in srgb,var(--brand) 25%,var(--line)); background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),color-mix(in srgb,var(--brand-3) 8%,var(--panel))); }
.community-share-hub.inactive { opacity:.92; }
.community-share-hub-copy h3 { margin:5px 0 6px; font-size:22px; letter-spacing:-.03em; }
.community-share-hub-copy > p { max-width:720px; margin:0; color:var(--muted); font-size:11px; line-height:1.55; }
.community-share-url { display:flex; align-items:center; gap:8px; margin-top:15px; padding:9px 10px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.community-share-url code { min-width:0; flex:1; overflow:hidden; color:var(--text); font-family:inherit; font-size:10px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.community-share-hub-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.community-share-hub-qr { display:grid; justify-items:center; gap:6px; padding:14px; border:1px solid var(--line); border-radius:17px; background:#fff; color:#17243a; text-align:center; }
.community-share-hub-qr img { width:180px; max-width:100%; border-radius:12px; }
.community-share-hub-qr b { font-size:11px; }
.community-share-hub-qr small { color:#63748a; font-size:9px; line-height:1.4; }
.community-share-hub-placeholder { display:grid; place-items:center; width:160px; height:160px; border:2px dashed #b8c7d3; border-radius:14px; color:#7f91a3; background:#f5f8fa; font-size:28px; font-weight:900; }
.community-handle-qr-warning { display:block !important; margin-top:7px !important; padding:8px 10px; border:1px solid rgba(217,119,6,.28); border-radius:10px; color:#9a4f04 !important; background:rgba(245,158,11,.1); font-weight:750; line-height:1.45; }
.community-handle-qr-warning.hidden { display:none !important; }

.marketplace-comp-modes { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.marketplace-comp-modes button { min-height:34px; padding:7px 11px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:var(--panel-2); font:inherit; font-size:9px; font-weight:850; cursor:pointer; }
.marketplace-comp-modes button.active { border-color:color-mix(in srgb,var(--brand) 55%,var(--line)); color:var(--brand); background:color-mix(in srgb,var(--brand) 11%,var(--panel)); }
.marketplace-comp-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
.card-comp-snapshot { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:12px 0; }
.card-comp-snapshot > div { display:grid; gap:4px; min-width:0; padding:11px 12px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.card-comp-snapshot span { color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.card-comp-snapshot b { overflow-wrap:anywhere; color:var(--text); font-size:11px; line-height:1.35; }
.card-comp-snapshot b.positive { color:var(--success); }
.card-comp-snapshot b.negative { color:var(--danger); }

@media (max-width: 980px) {
  .public-showcase-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .community-share-hub { grid-template-columns:minmax(0,1fr) 220px; }
  .card-comp-snapshot { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .public-showcase-topbar { min-height:68px; padding:10px 14px; }
  .public-showcase-brand small { display:none; }
  .public-showcase-top-actions .btn { min-height:38px; padding-inline:12px; font-size:10px; }
  .public-showcase-main { width:min(100% - 20px,1180px); padding-top:14px; }
  .public-showcase-hero,
  .public-showcase-featured-card,
  .public-showcase-join-note,
  .public-showcase-section { border-radius:18px; }
  .public-showcase-cover { height:155px; }
  .public-showcase-identity { grid-template-columns:auto minmax(0,1fr); gap:12px; margin-top:-34px; padding-inline:16px; }
  .public-showcase-avatar { width:74px; height:74px; border-radius:22px; font-size:25px; }
  .public-showcase-actions { grid-column:1/-1; width:100%; padding-bottom:0; }
  .public-showcase-actions .btn { flex:1; }
  .public-showcase-hero > p,
  .public-showcase-tags { margin-inline:16px; }
  .public-showcase-stats div { padding:14px 12px; }
  .public-showcase-stats b { font-size:18px; }
  .public-showcase-featured-card { grid-template-columns:1fr; gap:18px; }
  .public-showcase-featured-card > img,
  .public-showcase-featured-placeholder { max-height:330px; }
  .public-showcase-join-note { align-items:stretch; flex-direction:column; }
  .public-showcase-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .public-showcase-section { padding:16px 12px; }
  .public-showcase-footer { flex-direction:column; gap:5px; }
  .community-share-hub { grid-template-columns:1fr; padding:16px; }
  .community-share-hub-qr { order:-1; }
  .community-share-hub-qr img { width:200px; }
  .community-share-hub-actions .btn,
  .community-share-hub-actions a { width:100%; }
  .community-share-url { align-items:stretch; flex-direction:column; }
  .community-share-url code { width:100%; white-space:normal; overflow-wrap:anywhere; }
  .marketplace-comp-modes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .marketplace-comp-actions { grid-template-columns:1fr; }
}
@media (max-width: 430px) {
  .public-showcase-brand img { width:38px; height:38px; }
  .public-showcase-brand b { font-size:14px; }
  .public-showcase-top-actions .btn.ghost { display:none; }
  .public-showcase-card-grid { grid-template-columns:1fr 1fr; }
  .public-showcase-card-copy { padding:11px; }
  .public-showcase-card-copy h3 { font-size:11px; }
  .card-comp-snapshot { grid-template-columns:1fr; }
}

/* V34.24 large-collection progressive rendering */
.collection-progressive-footer {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px 12px 6px;
  color: var(--muted);
  font-size: 13px;
}
@media (max-width: 640px) {
  .collection-progressive-footer { flex-direction: column; }
}

/* WarrantyVault V34.25: Showcase Next Level */
body.public-showcase-layer-open { overflow: hidden !important; }
.public-showcase-gate {
  --showcase-accent: #2a8698;
  --showcase-surface: #ffffff;
  --showcase-surface-2: #f5f9fb;
  --showcase-border: rgba(23,63,107,.13);
  --showcase-shadow: 0 20px 52px rgba(23,63,107,.09);
}
.public-showcase-gate [data-public-spotlight],
.public-showcase-gate [data-public-presentation],
.public-showcase-gate [data-public-share] { font: inherit; }
.public-showcase-hero-next .public-showcase-cover {
  background-image: linear-gradient(135deg, color-mix(in srgb,var(--showcase-accent) 70%,#173f6b), color-mix(in srgb,var(--showcase-accent) 78%,#48a7b6));
}
.public-showcase-hero-next .public-showcase-avatar {
  background: linear-gradient(135deg,color-mix(in srgb,var(--showcase-accent) 65%,#173f6b),var(--showcase-accent));
}
.public-showcase-social-links {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:15px clamp(20px,4vw,42px) 0;
}
.public-showcase-social-links a {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid color-mix(in srgb,var(--showcase-accent) 22%,var(--showcase-border));
  border-radius:999px;
  color:color-mix(in srgb,var(--showcase-accent) 72%,#173f6b);
  background:color-mix(in srgb,var(--showcase-accent) 7%,#fff);
  font-size:10px;
  font-weight:850;
  text-decoration:none;
}
.public-showcase-social-links a:hover { transform:translateY(-1px); border-color:var(--showcase-accent); }
.public-showcase-hero-next .public-showcase-stats { grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); }
.public-showcase-filters {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-top:20px;
  padding:16px;
  border:1px solid var(--showcase-border);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--showcase-shadow);
}
.public-showcase-filter-search {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 14px;
  border:1px solid var(--showcase-border);
  border-radius:13px;
  background:var(--showcase-surface-2);
}
.public-showcase-filter-search span { color:var(--showcase-accent); font-size:19px; font-weight:900; }
.public-showcase-filter-search input {
  min-width:0;
  width:100%;
  border:0;
  outline:0;
  color:var(--public-text);
  background:transparent;
  font:inherit;
  font-size:13px;
}
.public-showcase-filter-toggle {
  min-height:46px;
  padding:0 15px;
  border:1px solid var(--showcase-border);
  border-radius:13px;
  color:var(--public-text);
  background:var(--showcase-surface);
  font:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.public-showcase-filter-toggle span { color:var(--showcase-accent); }
.public-showcase-filter-grid {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding-top:3px;
}
.public-showcase-filter-grid:not(.open) { display:none; }
.public-showcase-filter-grid label {
  display:grid;
  gap:5px;
  min-width:0;
  color:var(--public-muted);
  font-size:8px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.public-showcase-filter-grid select,
.public-showcase-filter-grid input {
  min-width:0;
  width:100%;
  min-height:40px;
  padding:8px 10px;
  border:1px solid var(--showcase-border);
  border-radius:10px;
  outline:0;
  color:var(--public-text);
  background:var(--showcase-surface);
  font:inherit;
  font-size:10px;
}
.public-showcase-filter-grid select:focus,
.public-showcase-filter-grid input:focus { border-color:var(--showcase-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--showcase-accent) 14%,transparent); }
.public-showcase-filter-grid > button { align-self:end; min-height:40px; }
.public-showcase-filter-result {
  grid-column:1/-1;
  min-height:14px;
  color:var(--public-muted);
  font-size:9px;
  font-weight:750;
}
.public-showcase-featured-section {
  border-color:color-mix(in srgb,var(--showcase-accent) 34%,var(--showcase-border));
  background:linear-gradient(145deg,color-mix(in srgb,var(--showcase-accent) 5%,#fff),#fff);
}
.public-showcase-card { transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.public-showcase-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--showcase-accent) 42%,var(--showcase-border)); box-shadow:0 16px 34px rgba(23,63,107,.13); }
.public-showcase-card-image {
  width:100%;
  padding:0;
  border:0;
  cursor:pointer;
}
.public-showcase-card-badges {
  position:absolute;
  top:9px;
  left:9px;
  right:9px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  pointer-events:none;
}
.public-showcase-card-image .public-showcase-card-badges em {
  position:static;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(15,25,40,.78);
  box-shadow:0 5px 15px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
}
.public-showcase-card-copy > button {
  display:block;
  width:100%;
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.public-showcase-card-copy > button:hover h3 { color:var(--showcase-accent); }
.public-showcase-pop {
  display:block;
  margin-top:8px;
  color:color-mix(in srgb,var(--showcase-accent) 80%,#173f6b);
  font-size:8px;
  font-weight:850;
}
.public-showcase-card-prices {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px !important;
  margin-top:11px !important;
}
.public-showcase-card-prices span {
  display:grid;
  gap:2px;
  min-width:0;
  padding:8px;
  border:1px solid var(--showcase-border);
  border-radius:10px;
  background:var(--showcase-surface-2);
}
.public-showcase-card-prices small { color:var(--public-muted); font-size:7px; font-weight:850; text-transform:uppercase; }
.public-showcase-card-prices b { margin:0 !important; overflow:hidden; color:var(--public-text) !important; font-size:10px !important; text-overflow:ellipsis; }

/* Public card spotlight */
.public-showcase-spotlight,
.public-showcase-presentation {
  position:fixed;
  inset:0;
  z-index:10000;
}
.public-showcase-spotlight.hidden,
.public-showcase-presentation.hidden { display:none !important; }
.public-showcase-spotlight {
  display:grid;
  place-items:center;
  padding:20px;
}
.public-showcase-spotlight-backdrop { position:absolute; inset:0; background:rgba(7,14,25,.82); backdrop-filter:blur(16px); }
.public-showcase-spotlight-panel {
  position:relative;
  z-index:1;
  width:min(1080px,100%);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  color:#17243a;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.4);
}
.public-showcase-spotlight-panel > header {
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 20px;
  border-bottom:1px solid rgba(23,63,107,.12);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
}
.public-showcase-spotlight-panel > header span { color:var(--showcase-accent,#2a8698); font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.public-showcase-spotlight-panel > header h2 { max-width:780px; margin:4px 0 0; overflow:hidden; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.public-showcase-spotlight-panel > header > button {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 auto;
  border:1px solid rgba(23,63,107,.14);
  border-radius:12px;
  color:#17243a;
  background:#f5f8fa;
  font-size:24px;
  cursor:pointer;
}
.public-showcase-spotlight-layout { display:grid; grid-template-columns:minmax(280px,440px) minmax(0,1fr); gap:28px; padding:24px; }
.public-showcase-spotlight-media { min-width:0; }
.public-showcase-spotlight-main-photo {
  display:grid;
  place-items:center;
  min-height:470px;
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(145deg,#eaf1f5,#dce8ee);
}
.public-showcase-spotlight-main-photo img { width:100%; height:100%; object-fit:contain; }
.public-showcase-spotlight-main-photo > span { color:#214d7e; font-size:70px; font-weight:950; }
.public-showcase-spotlight-sides { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.public-showcase-spotlight-sides button {
  min-height:40px;
  border:1px solid rgba(23,63,107,.13);
  border-radius:10px;
  color:#63748a;
  background:#f5f8fa;
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.public-showcase-spotlight-sides button.active { border-color:var(--showcase-accent,#2a8698); color:#fff; background:var(--showcase-accent,#2a8698); }
.public-showcase-spotlight-copy { min-width:0; }
.public-showcase-spotlight-pills { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.public-showcase-spotlight-pills span { padding:6px 9px; border-radius:999px; color:#fff; background:var(--showcase-accent,#2a8698); font-size:8px; font-weight:900; text-transform:uppercase; }
.public-showcase-spotlight-copy > small { color:var(--showcase-accent,#2a8698); font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.public-showcase-spotlight-copy > h3 { margin:7px 0; font-size:clamp(25px,3.4vw,42px); letter-spacing:-.04em; line-height:1.05; }
.public-showcase-spotlight-copy > p { margin:0; color:#63748a; font-size:12px; line-height:1.55; }
.public-showcase-spotlight-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:18px 0; }
.public-showcase-spotlight-grid > div { display:grid; gap:4px; min-width:0; padding:11px; border:1px solid rgba(23,63,107,.12); border-radius:12px; background:#f7fafc; }
.public-showcase-spotlight-grid small,
.public-showcase-spotlight-copy section > small { color:#63748a; font-size:8px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.public-showcase-spotlight-grid b { overflow-wrap:anywhere; font-size:11px; }
.public-showcase-spotlight-copy section { margin-top:12px; padding:13px; border:1px solid rgba(23,63,107,.12); border-radius:13px; background:#f7fafc; }
.public-showcase-spotlight-copy section p { margin:7px 0 0; color:#41536a; font-size:11px; line-height:1.6; white-space:pre-wrap; }
.public-showcase-spotlight-comps > div { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
.public-showcase-spotlight-comps b { padding:7px 9px; border-radius:9px; color:#173f6b; background:#fff; font-size:10px; }
.public-showcase-spotlight-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:16px; }
.public-showcase-spotlight-actions .btn { width:100%; }
.public-showcase-spotlight-qr { display:flex; align-items:center; gap:12px; margin-top:14px; padding:12px; border:1px dashed rgba(23,63,107,.22); border-radius:14px; background:#f7fafc; }
.public-showcase-spotlight-qr img { width:86px; height:86px; border-radius:9px; background:#fff; }
.public-showcase-spotlight-qr > div { display:grid; gap:4px; min-width:0; }
.public-showcase-spotlight-qr b { font-size:11px; }
.public-showcase-spotlight-qr span { overflow-wrap:anywhere; color:#63748a; font-size:8px; }

/* Full-screen card-show presentation mode */
.public-showcase-presentation { color:#fff; background:#030508; }
.public-presentation-stage { display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-height:100dvh; background:radial-gradient(circle at 50% 40%,rgba(42,134,152,.15),transparent 38%),#030508; }
.public-presentation-stage > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:15px clamp(16px,3vw,38px);
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(3,5,8,.82);
  backdrop-filter:blur(14px);
}
.public-presentation-stage > header > div:first-child { display:grid; gap:2px; }
.public-presentation-stage > header span { color:#8ca0b8; font-size:8px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.public-presentation-stage > header b { font-size:14px; }
.public-presentation-stage > header > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.public-presentation-stage button {
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  color:#fff;
  background:rgba(255,255,255,.07);
  font:inherit;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.public-presentation-stage button:hover { border-color:#77d6e2; background:rgba(42,134,152,.18); }
.public-presentation-stage > main {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:clamp(12px,3vw,42px);
  align-items:center;
  min-height:0;
  padding:clamp(18px,3vw,40px);
}
.public-presentation-card { display:grid; grid-template-columns:minmax(260px,48vh) minmax(280px,620px); gap:clamp(24px,5vw,76px); align-items:center; justify-content:center; min-width:0; max-width:1350px; margin:0 auto; }
.public-presentation-image {
  display:grid;
  place-items:center;
  width:100%;
  max-height:68vh;
  aspect-ratio:4/5;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:rgba(255,255,255,.06);
  box-shadow:0 30px 90px rgba(0,0,0,.7);
}
.public-presentation-image img { width:100%; height:100%; object-fit:contain; }
.public-presentation-image > span { font-size:90px; font-weight:950; }
.public-presentation-copy { min-width:0; }
.public-presentation-copy > small { color:#77d6e2; font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.public-presentation-copy h1 { max-width:760px; margin:12px 0 8px; font-size:clamp(32px,5.2vw,76px); letter-spacing:-.055em; line-height:.98; }
.public-presentation-copy h2 { margin:0 0 11px; color:#ccd7e3; font-size:clamp(18px,2.2vw,30px); font-weight:700; }
.public-presentation-copy > p { max-width:680px; margin:0; color:#91a1b4; font-size:clamp(11px,1.2vw,16px); line-height:1.55; }
.public-presentation-copy > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:24px; }
.public-presentation-copy > div > span { display:grid; gap:5px; min-width:0; padding:15px; border:1px solid rgba(255,255,255,.12); border-radius:15px; background:rgba(255,255,255,.055); }
.public-presentation-copy > div small { color:#8293a8; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.public-presentation-copy > div b { overflow-wrap:anywhere; font-size:clamp(14px,1.7vw,22px); }
.public-presentation-arrow {
  display:grid !important;
  place-items:center;
  width:54px;
  height:72px;
  padding:0 !important;
  border-radius:18px !important;
  font-size:38px !important;
}
.public-presentation-stage > footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:12px clamp(18px,3vw,38px);
  border-top:1px solid rgba(255,255,255,.1);
  color:#8ca0b8;
  background:rgba(3,5,8,.82);
  font-size:10px;
}
.public-presentation-stage > footer > div { display:flex; align-items:center; gap:10px; color:#fff; }
.public-presentation-stage > footer img { width:62px; height:62px; border-radius:8px; background:#fff; }
.public-presentation-stage > footer b { font-size:10px; }

/* Owner editor and signed-in community detail additions */
.showcase-manage-row-next { display:grid; gap:0; }
.showcase-manage-row-main { display:grid; grid-template-columns:auto 48px minmax(180px,1fr) auto auto minmax(130px,180px) auto; gap:10px; align-items:center; padding:10px; }
.showcase-card-public-details { border-top:1px solid var(--line); background:color-mix(in srgb,var(--panel-2) 82%,transparent); }
.showcase-card-public-details > summary { padding:10px 14px; color:var(--brand); font-size:9px; font-weight:850; cursor:pointer; list-style-position:inside; }
.showcase-card-public-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:0 14px 14px; }
.showcase-card-public-grid .full { grid-column:1/-1; }
.showcase-card-public-grid textarea { min-height:90px; }
.community-toggle-row.compact { align-self:end; min-height:64px; padding:8px 10px; }
.community-summary-insights-next { grid-template-columns:repeat(3,minmax(0,1fr)); }
.community-insights-detail { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
.community-insights-detail span { padding:7px 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--panel-2); font-size:8px; }
.community-insights-detail b { color:var(--text); }
.showcase-detail-status-row { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0; }
.showcase-detail-status-row span { padding:6px 9px; border-radius:999px; color:var(--brand); background:color-mix(in srgb,var(--brand) 11%,var(--panel)); font-size:8px; font-weight:900; text-transform:uppercase; }
.showcase-card-story { margin-top:12px; padding:13px; border:1px solid var(--line); border-radius:13px; background:var(--panel-2); }
.showcase-card-story > small,
.showcase-public-comps > header small { color:var(--muted); font-size:8px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.showcase-card-story p { margin:7px 0 0; color:var(--text); font-size:10px; line-height:1.6; white-space:pre-wrap; }
.showcase-card-story.compact { opacity:.92; }
.showcase-public-comps { margin-top:12px; padding:13px; border:1px solid var(--line); border-radius:13px; background:var(--panel-2); }
.showcase-public-comps > header { display:flex; justify-content:space-between; gap:12px; }
.showcase-public-comps > header b { color:var(--muted); font-size:8px; }
.showcase-public-comps > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:9px; }
.showcase-public-comps span { display:grid; gap:3px; padding:8px; border:1px solid var(--line); border-radius:9px; background:var(--panel); }
.showcase-public-comps span small { color:var(--muted); font-size:7px; }
.showcase-public-comps span b { font-size:10px; }
.showcase-market-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:13px; }

/* Public theme presets keep one layout while changing atmosphere */
.public-showcase-gate[data-showcase-theme="dark"] {
  --public-text:#f2f6fb;
  --public-muted:#9aaac0;
  --showcase-surface:#111923;
  --showcase-surface-2:#17212d;
  --showcase-border:rgba(255,255,255,.11);
  background:radial-gradient(circle at 10% 5%,color-mix(in srgb,var(--showcase-accent) 18%,transparent),transparent 30%),#080d14;
}
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-topbar,
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-hero,
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-section,
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-join-note,
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-filters,
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-card { color:var(--public-text); background:rgba(17,25,35,.95); }
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-topbar { border-color:rgba(255,255,255,.1); }
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-card-copy h3,
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-card-prices b,
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-brand { color:var(--public-text) !important; }
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-stats,
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-stats div,
.public-showcase-gate[data-showcase-theme="dark"] .public-showcase-footer { color:var(--public-text); background:#111923; }
.public-showcase-gate[data-showcase-theme="clean"] { background:#fff; }
.public-showcase-gate[data-showcase-theme="clean"] .public-showcase-hero,
.public-showcase-gate[data-showcase-theme="clean"] .public-showcase-section,
.public-showcase-gate[data-showcase-theme="clean"] .public-showcase-join-note,
.public-showcase-gate[data-showcase-theme="clean"] .public-showcase-filters { box-shadow:0 8px 30px rgba(23,63,107,.055); }
.public-showcase-gate[data-showcase-theme="card_show"] { background:linear-gradient(180deg,#17243a 0 220px,#edf3f7 220px); }
.public-showcase-gate[data-showcase-theme="card_show"] .public-showcase-topbar { color:#fff; background:rgba(15,26,43,.94); }
.public-showcase-gate[data-showcase-theme="card_show"] .public-showcase-brand,
.public-showcase-gate[data-showcase-theme="card_show"] .public-showcase-brand small { color:#fff; }
.public-showcase-gate[data-showcase-theme="team"] .public-showcase-cover { background:linear-gradient(135deg,color-mix(in srgb,var(--showcase-accent) 85%,#0a1525),var(--showcase-accent)); }
.public-showcase-gate[data-showcase-theme="team"] .public-showcase-section > header span,
.public-showcase-gate[data-showcase-theme="team"] .public-showcase-card-copy > small { color:var(--showcase-accent); }

@media (max-width: 980px) {
  .public-showcase-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .public-showcase-spotlight-layout { grid-template-columns:minmax(240px,360px) minmax(0,1fr); }
  .public-presentation-card { grid-template-columns:minmax(220px,40vh) minmax(260px,1fr); gap:30px; }
  .showcase-manage-row-main { grid-template-columns:auto 44px minmax(150px,1fr) auto auto; }
  .showcase-manage-row-main > [data-manage-section] { grid-column:3/6; }
  .showcase-manage-row-main .showcase-row-move { grid-column:6; grid-row:1/3; }
  .showcase-card-public-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .public-showcase-filters { grid-template-columns:minmax(0,1fr) auto; padding:11px; border-radius:16px; }
  .public-showcase-filter-toggle { padding-inline:11px; }
  .public-showcase-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .public-showcase-social-links { margin-inline:16px; }
  .public-showcase-card-prices { grid-template-columns:1fr; }
  .public-showcase-spotlight { padding:0; align-items:end; }
  .public-showcase-spotlight-panel { width:100%; max-height:94dvh; border-radius:22px 22px 0 0; }
  .public-showcase-spotlight-layout { grid-template-columns:1fr; gap:18px; padding:15px; }
  .public-showcase-spotlight-main-photo { min-height:0; max-height:55dvh; }
  .public-showcase-spotlight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .public-showcase-spotlight-actions { grid-template-columns:1fr; }
  .public-presentation-stage > header { align-items:flex-start; }
  .public-presentation-stage > header > div:last-child button:nth-child(2) { display:none; }
  .public-presentation-stage > main { grid-template-columns:1fr; padding:12px 14px; }
  .public-presentation-card { grid-template-columns:1fr; gap:16px; width:100%; }
  .public-presentation-image { width:min(68vw,330px); max-height:48dvh; margin:0 auto; border-radius:18px; }
  .public-presentation-copy { text-align:center; }
  .public-presentation-copy h1 { margin-top:8px; font-size:clamp(27px,8vw,45px); }
  .public-presentation-copy h2 { font-size:17px; }
  .public-presentation-copy > p { margin-inline:auto; }
  .public-presentation-copy > div { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:13px; }
  .public-presentation-copy > div > span { padding:10px; }
  .public-presentation-arrow { position:absolute; top:42%; z-index:2; width:42px; height:58px; border-radius:14px !important; }
  .public-presentation-arrow.previous { left:8px; }
  .public-presentation-arrow.next { right:8px; }
  .public-presentation-stage > footer img { width:48px; height:48px; }
  .showcase-manage-row-main { grid-template-columns:auto 42px minmax(0,1fr) auto; gap:7px; }
  .showcase-manage-row-main > label { grid-row:2; }
  .showcase-manage-row-main > label:nth-of-type(1) { grid-column:2/3; }
  .showcase-manage-row-main > label:nth-of-type(2) { grid-column:3/4; }
  .showcase-manage-row-main > [data-manage-section] { grid-column:2/5; grid-row:3; }
  .showcase-manage-row-main .showcase-row-move { grid-column:4; grid-row:1/3; }
  .showcase-card-public-grid { grid-template-columns:1fr; }
  .showcase-card-public-grid .full { grid-column:auto; }
  .community-summary-insights-next { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .showcase-public-comps > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .showcase-market-actions { grid-template-columns:1fr; }
}
@media (max-width: 430px) {
  .public-showcase-filter-grid { grid-template-columns:1fr; }
  .public-showcase-spotlight-grid { grid-template-columns:1fr 1fr; }
  .public-showcase-spotlight-qr { align-items:flex-start; }
  .public-showcase-spotlight-qr img { width:74px; height:74px; }
  .public-presentation-stage > header { padding:9px 11px; }
  .public-presentation-stage > header > div:last-child button { min-height:34px; padding:6px 8px; }
  .public-presentation-image { width:min(76vw,300px); }
  .public-presentation-copy > div { gap:6px; }
  .public-presentation-copy > div > span { padding:8px; }
}
.community-advanced-insights { display:grid; gap:10px; margin-top:11px; }
.community-advanced-insights > section { padding:11px; border:1px solid var(--line); border-radius:13px; background:var(--panel-2); }
.community-advanced-insights header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.community-advanced-insights header b { font-size:10px; }
.community-advanced-insights header small { color:var(--muted); font-size:7px; }
.community-advanced-insights section > div { display:grid; gap:5px; }
.community-advanced-insights section span { display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:7px; align-items:center; min-width:0; }
.community-advanced-insights section i { display:grid; place-items:center; width:22px; height:22px; border-radius:7px; color:var(--brand); background:color-mix(in srgb,var(--brand) 10%,var(--panel)); font-size:8px; font-style:normal; font-weight:900; }
.community-advanced-insights section span b { min-width:0; overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.community-advanced-insights section span small { color:var(--muted); font-size:7px; white-space:nowrap; }

/* WarrantyVault V34.27: owner-only repack compliance management */
.landing-compliance-section {
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(420px, 1.05fr);
  gap:54px;
  align-items:center;
  max-width:1180px;
  margin:0 auto;
  padding:96px 34px;
}
.landing-compliance-copy > span,
.repack-checklist-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#50c8d8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.landing-compliance-copy h2 { margin:14px 0 16px; max-width:690px; font-size:clamp(31px,4vw,52px); line-height:1.02; letter-spacing:-.045em; }
.landing-compliance-copy > p { max-width:670px; color:var(--muted); font-size:15px; line-height:1.75; }
.landing-compliance-points { display:grid; gap:12px; margin:28px 0; }
.landing-compliance-points > div { display:grid; grid-template-columns:150px 1fr; gap:16px; align-items:start; padding:15px 0; border-bottom:1px solid var(--line); }
.landing-compliance-points b { font-size:12px; }
.landing-compliance-points small { color:var(--muted); font-size:11px; line-height:1.55; }
.landing-compliance-card { position:relative; overflow:hidden; padding:28px; border:1px solid rgba(101,214,224,.28); border-radius:28px; background:linear-gradient(145deg,rgba(10,28,46,.97),rgba(9,19,34,.95)); box-shadow:0 30px 90px rgba(1,10,20,.32); color:#f8fcff; }
.landing-compliance-card:before { content:""; position:absolute; width:260px; height:260px; right:-90px; top:-130px; border-radius:50%; background:rgba(48,174,191,.17); filter:blur(3px); }
.landing-compliance-card-head,.landing-compliance-series { position:relative; display:flex; flex-direction:column; gap:7px; }
.landing-compliance-card-head span,.landing-compliance-series small { color:#85dce5; font-size:9px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.landing-compliance-card-head b { font-size:22px; }
.landing-compliance-series { margin:25px 0 15px; padding:18px; border:1px solid rgba(255,255,255,.11); border-radius:17px; background:rgba(255,255,255,.055); }
.landing-compliance-series strong { font-size:14px; }
.landing-compliance-series span { color:#b5c7d5; font-size:10px; }
.landing-compliance-table { position:relative; display:grid; gap:8px; }
.landing-compliance-table > div { display:grid; grid-template-columns:54px 1fr 100px 65px; gap:10px; align-items:center; padding:12px 13px; border-radius:12px; background:rgba(255,255,255,.06); font-size:9px; }
.landing-compliance-table b { color:#70d2df; }.landing-compliance-table em { color:#c3d0dc; font-style:normal; }.landing-compliance-table small { text-align:right; color:#fff; }
.landing-compliance-card > p { position:relative; margin:16px 0 0; color:#96aebe; font-size:9px; line-height:1.55; }

.repack-checklist-gate { position:fixed; inset:0; z-index:2600; overflow:auto; background:#eef3f6; color:#102237; }
.repack-checklist-topbar { position:sticky; top:0; z-index:12; display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:72px; padding:12px max(22px,calc((100vw - 1240px)/2)); border-bottom:1px solid rgba(16,46,75,.12); background:rgba(248,251,252,.93); backdrop-filter:blur(18px); }
.repack-checklist-brand { display:flex; align-items:center; gap:11px; padding:0; border:0; background:none; color:#102237; text-align:left; cursor:pointer; }
.repack-checklist-brand img { width:38px; height:38px; object-fit:contain; }
.repack-checklist-brand span { display:flex; flex-direction:column; line-height:1.1; }.repack-checklist-brand b { font-size:13px; }.repack-checklist-brand small { margin-top:4px; color:#64788d; font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.repack-checklist-main { width:min(1180px,calc(100% - 38px)); min-height:calc(100vh - 128px); margin:0 auto; padding:52px 0 72px; }
.repack-checklist-footer { display:flex; justify-content:center; align-items:center; gap:18px; padding:22px; border-top:1px solid rgba(16,46,75,.12); background:#f8fbfc; color:#6f8294; font-size:9px; }
body.repack-checklist-open { overflow:hidden; }
.repack-checklist-loading { display:flex; min-height:55vh; flex-direction:column; justify-content:center; align-items:center; gap:10px; text-align:center; }
.repack-checklist-loading > span { width:34px; height:34px; border:3px solid rgba(31,123,139,.2); border-top-color:#218fa1; border-radius:50%; animation:spin .8s linear infinite; }
.repack-checklist-loading b { font-size:16px; }.repack-checklist-loading small { color:#6a7d90; }
.repack-checklist-error { max-width:680px; margin:80px auto; padding:36px; border:1px solid rgba(153,49,64,.2); border-radius:24px; background:#fff; box-shadow:0 22px 60px rgba(25,48,70,.12); text-align:center; }
.repack-checklist-error > span { display:grid; place-items:center; width:46px; height:46px; margin:0 auto 15px; border-radius:15px; background:#fff0f2; color:#a52f42; font-size:21px; font-weight:900; }.repack-checklist-error h1 { margin:0 0 10px; }.repack-checklist-error p { color:#687b8e; line-height:1.65; }
.repack-checklist-hero { overflow:hidden; position:relative; padding:40px; border-radius:28px; background:linear-gradient(145deg,#071827,#0e2a3d); color:#fff; box-shadow:0 28px 80px rgba(13,39,60,.2); }
.repack-checklist-hero:after { content:""; position:absolute; width:340px; height:340px; right:-120px; top:-180px; border-radius:50%; background:rgba(63,198,212,.17); }
.repack-checklist-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:start; }
.repack-checklist-manufacturer { display:flex; gap:18px; align-items:flex-start; }.repack-checklist-logo { display:grid; place-items:center; flex:0 0 74px; width:74px; height:74px; border:1px solid rgba(255,255,255,.15); border-radius:20px; background:rgba(255,255,255,.08); overflow:hidden; font-size:26px; font-weight:900; }.repack-checklist-logo img { width:100%; height:100%; object-fit:cover; }
.repack-checklist-manufacturer h1 { margin:6px 0; font-size:clamp(28px,4vw,46px); letter-spacing:-.04em; }.repack-checklist-manufacturer p { margin:0; color:#b9ccd8; font-size:11px; }.repack-checklist-hero-stats { display:grid; grid-template-columns:repeat(2,minmax(100px,1fr)); gap:10px; }.repack-checklist-hero-stats > div { min-width:120px; padding:15px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(255,255,255,.06); }.repack-checklist-hero-stats b { display:block; font-size:18px; }.repack-checklist-hero-stats small { color:#9fb4c2; font-size:8px; text-transform:uppercase; letter-spacing:.1em; }
.repack-checklist-disclosures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:22px; }.repack-checklist-disclosure { padding:22px; border:1px solid rgba(255,255,255,.11); border-radius:18px; background:rgba(255,255,255,.055); }.repack-checklist-disclosure small { display:block; margin-bottom:7px; color:#7fd3de; font-size:8px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.repack-checklist-disclosure b { display:block; margin-bottom:7px; font-size:12px; }.repack-checklist-disclosure p { margin:0; color:#c5d3dc; font-size:10px; line-height:1.65; white-space:pre-wrap; }
.repack-checklist-directory-head { display:flex; justify-content:space-between; align-items:end; gap:22px; margin:42px 0 18px; }.repack-checklist-directory-head h2 { margin:5px 0 0; font-size:28px; letter-spacing:-.03em; }.repack-checklist-directory-head p { margin:0; color:#6a7d90; font-size:10px; }
.repack-checklist-series-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.repack-checklist-series-card { display:flex; flex-direction:column; gap:18px; padding:24px; border:1px solid rgba(28,67,98,.13); border-radius:21px; background:#fff; box-shadow:0 12px 30px rgba(30,57,78,.07); }.repack-checklist-series-card header { display:flex; justify-content:space-between; gap:16px; }.repack-checklist-series-card header span { padding:6px 9px; border-radius:999px; background:#eaf7f8; color:#217d8c; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.repack-checklist-series-card h3 { margin:0 0 4px; font-size:18px; }.repack-checklist-series-card p { margin:0; color:#6a7d90; font-size:10px; }.repack-checklist-series-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.repack-checklist-series-metrics > div { padding:12px; border-radius:13px; background:#f2f6f8; }.repack-checklist-series-metrics b { display:block; font-size:14px; }.repack-checklist-series-metrics small { color:#708397; font-size:7px; text-transform:uppercase; letter-spacing:.08em; }.repack-checklist-series-card footer { display:flex; justify-content:space-between; align-items:center; gap:14px; padding-top:4px; }.repack-checklist-series-card footer small { color:#7b8d9e; font-size:8px; }
.repack-checklist-empty { padding:48px; border:1px dashed rgba(30,69,100,.22); border-radius:22px; background:rgba(255,255,255,.65); text-align:center; color:#6a7d90; }
.repack-checklist-breadcrumbs { display:flex; align-items:center; gap:8px; margin-bottom:18px; color:#60778b; font-size:9px; }.repack-checklist-breadcrumbs button, .repack-checklist-breadcrumbs a { padding:0; border:0; background:none; color:#167f90; cursor:pointer; font-weight:800; }
.repack-checklist-series-hero { padding:34px; border-radius:26px; background:#fff; box-shadow:0 18px 50px rgba(24,53,76,.09); }.repack-checklist-series-hero header { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }.repack-checklist-series-hero h1 { margin:8px 0 6px; font-size:clamp(28px,4vw,44px); letter-spacing:-.045em; }.repack-checklist-series-hero p { margin:0; color:#667b8e; }.repack-checklist-finalized-badge { flex:0 0 auto; align-self:flex-start; width:max-content; max-width:100%; line-height:1; padding:10px 13px; border-radius:999px; background:#e8f7ed; color:#167242; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }.repack-checklist-series-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:24px; }.repack-checklist-series-summary > div { padding:15px; border-radius:14px; background:#f1f5f7; }.repack-checklist-series-summary small { display:block; margin-bottom:5px; color:#748698; font-size:7px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.repack-checklist-series-summary b { font-size:12px; }
.repack-checklist-finalization { margin-top:16px; padding:18px 20px; border:1px solid rgba(20,125,71,.15); border-radius:16px; background:#f0faf4; color:#185c39; font-size:10px; line-height:1.65; }.repack-checklist-finalization b { display:block; margin-bottom:4px; }
.repack-checklist-overview { margin-top:18px; padding:24px; border-radius:20px; background:#0c2435; color:#fff; }.repack-checklist-overview h2 { margin:0 0 8px; }.repack-checklist-overview p { color:#c3d1da; line-height:1.7; white-space:pre-wrap; }.repack-checklist-overview .front-label { margin-top:16px; padding:14px; border:1px solid rgba(255,255,255,.12); border-radius:13px; color:#9fdbe3; font-size:9px; }
.repack-checklist-table-panel { margin-top:18px; overflow:hidden; border:1px solid rgba(28,67,98,.13); border-radius:22px; background:#fff; box-shadow:0 12px 34px rgba(30,57,78,.06); }.repack-checklist-table-head { display:flex; justify-content:space-between; gap:20px; padding:22px 24px; border-bottom:1px solid rgba(28,67,98,.1); }.repack-checklist-table-head h2 { margin:0 0 4px; }.repack-checklist-table-head p { margin:0; color:#708397; font-size:9px; }.repack-checklist-table-wrap { overflow:auto; }.repack-checklist-table { width:100%; min-width:900px; border-collapse:collapse; }.repack-checklist-table th { padding:13px 14px; background:#f2f6f8; color:#647b8e; font-size:8px; text-align:left; letter-spacing:.08em; text-transform:uppercase; }.repack-checklist-table td { padding:14px; border-top:1px solid rgba(28,67,98,.08); font-size:10px; vertical-align:top; }.repack-checklist-table td:first-child { color:#6b8294; font-weight:800; }.repack-checklist-table td strong { display:block; font-size:11px; }.repack-checklist-table td small { display:block; margin-top:4px; color:#75899a; line-height:1.45; }.repack-checklist-source-note { margin-top:16px; color:#748799; font-size:8px; line-height:1.65; text-align:center; }

.repack-compliance-center { display:grid; gap:18px; }.repack-compliance-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.repack-compliance-status > div { padding:15px; border:1px solid var(--line); border-radius:14px; background:var(--panel-soft); }.repack-compliance-status small { display:block; margin-bottom:5px; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }.repack-compliance-status b { font-size:13px; }.repack-compliance-actions { display:flex; flex-wrap:wrap; gap:9px; }.repack-compliance-profile-summary { padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--panel-soft); }.repack-compliance-profile-summary h4 { margin:0 0 5px; }.repack-compliance-profile-summary p { margin:5px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }.repack-compliance-series-list { display:grid; gap:10px; }.repack-compliance-series-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; padding:16px; border:1px solid var(--line); border-radius:15px; background:var(--panel); }.repack-compliance-series-row h4 { margin:0 0 4px; }.repack-compliance-series-row p { margin:0; color:var(--muted); font-size:9px; }.repack-compliance-series-row .status { display:inline-flex; margin-right:6px; padding:4px 7px; border-radius:999px; background:var(--panel-soft); font-size:7px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }.repack-compliance-series-row .status.finalized { background:rgba(37,151,86,.12); color:#219354; }.repack-compliance-row-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.repack-manufacturer-form textarea { min-height:94px; }.repack-profile-public-toggle { display:flex; gap:10px; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--panel-soft); }.repack-profile-public-toggle input { margin-top:3px; }.repack-profile-public-toggle b { display:block; }.repack-profile-public-toggle small { color:var(--muted); font-size:9px; line-height:1.45; }
.repack-series-editor { display:grid; gap:18px; }.repack-series-rule-note { padding:14px 16px; border:1px solid rgba(213,151,48,.25); border-radius:14px; background:rgba(213,151,48,.08); color:var(--text); font-size:9px; line-height:1.55; }.repack-series-rule-note b { display:block; margin-bottom:3px; }.repack-series-items-head { display:flex; justify-content:space-between; align-items:center; gap:14px; }.repack-series-items-head h4 { margin:0; }.repack-series-items-head small { color:var(--muted); }.repack-series-item-list { display:grid; gap:10px; }.repack-series-item-row { display:grid; grid-template-columns:48px 72px 82px minmax(160px,1.4fr) minmax(130px,1fr) 105px 115px 38px; gap:8px; align-items:end; padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--panel-soft); }.repack-series-item-row > span { align-self:center; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:var(--panel); font-size:9px; font-weight:900; }.repack-series-item-row label { display:grid; gap:5px; min-width:0; color:var(--muted); font-size:7px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }.repack-series-item-row .field { min-width:0; }.repack-series-item-row .remove { align-self:end; height:38px; padding:0; }.repack-single-show-fields.hidden { display:none; }.repack-compliance-copy-link { display:flex; gap:8px; }.repack-compliance-copy-link .field { flex:1; }

@media (max-width:900px) {
  .landing-compliance-section { grid-template-columns:1fr; padding:72px 22px; }.landing-compliance-card { max-width:680px; }
  .repack-checklist-hero-grid,.repack-checklist-disclosures,.repack-checklist-series-grid { grid-template-columns:1fr; }.repack-checklist-hero-stats { grid-template-columns:repeat(2,1fr); }.repack-checklist-series-summary { grid-template-columns:repeat(2,1fr); }.repack-series-item-row { grid-template-columns:42px 68px 80px minmax(170px,1fr); overflow:auto; }.repack-series-item-row label:nth-of-type(n+4),.repack-series-item-row .remove { grid-column:auto; }.repack-compliance-status { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .landing-compliance-points > div { grid-template-columns:1fr; gap:5px; }.landing-compliance-table > div { grid-template-columns:45px 1fr; }.landing-compliance-table em,.landing-compliance-table small { display:none; }
  .repack-checklist-main { width:min(100% - 24px,1180px); padding-top:24px; }.repack-checklist-topbar { min-height:62px; padding:9px 12px; }.repack-checklist-top-actions .btn { min-height:36px; padding:8px 10px; font-size:8px; }.repack-checklist-hero,.repack-checklist-series-hero { padding:23px; border-radius:21px; }.repack-checklist-manufacturer { flex-direction:column; }.repack-checklist-hero-stats { width:100%; }.repack-checklist-directory-head,.repack-checklist-series-hero header { align-items:flex-start; flex-direction:column; }.repack-checklist-series-summary { grid-template-columns:1fr 1fr; }.repack-checklist-series-card footer { align-items:stretch; flex-direction:column; }.repack-checklist-series-card footer .btn { width:100%; }.repack-checklist-footer { flex-direction:column; gap:5px; }
  .repack-compliance-series-row { grid-template-columns:1fr; }.repack-compliance-row-actions { justify-content:flex-start; }.repack-series-item-row { display:grid; grid-template-columns:36px 1fr; }.repack-series-item-row > label,.repack-series-item-row .remove { grid-column:2; }.repack-series-item-row > span { grid-row:1 / span 7; align-self:start; }
}

/* WarrantyVault V34.28: authorized client sellers, logo uploads, and test-series cleanup */
.repack-compliance-status { grid-template-columns:repeat(4,minmax(0,1fr)); }
.repack-compliance-profile-summary { display:flex; align-items:center; gap:14px; }
.repack-profile-summary-logo,.repack-client-admin-logo,.repack-logo-preview,.repack-client-public-logo {
  display:grid; place-items:center; flex:0 0 auto; overflow:hidden; border:1px solid var(--line); background:var(--panel); font-weight:900;
}
.repack-profile-summary-logo { width:52px; height:52px; border-radius:15px; }
.repack-profile-summary-logo img,.repack-client-admin-logo img,.repack-logo-preview img,.repack-client-public-logo img { width:100%; height:100%; object-fit:contain; }
.repack-logo-upload { display:flex; align-items:center; gap:16px; padding:14px; border:1px solid var(--line); border-radius:15px; background:var(--panel-soft); }
.repack-logo-preview { width:88px; height:88px; border-radius:18px; color:var(--muted); }
.repack-logo-upload > div:last-child { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.repack-logo-upload small { flex-basis:100%; color:var(--muted); font-size:8px; line-height:1.45; }
.repack-client-manager-head { display:grid; gap:12px; }
.repack-client-manager-head > .btn { justify-self:start; }
.repack-client-admin-list { display:grid; gap:10px; margin-top:14px; }
.repack-client-admin-list > article { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:15px; border:1px solid var(--line); border-radius:15px; background:var(--panel); }
.repack-client-admin-list > article > div { display:flex; align-items:center; gap:12px; }
.repack-client-admin-list h4 { margin:0 0 4px; }
.repack-client-admin-list p,.repack-client-admin-list small { display:block; margin:0; color:var(--muted); font-size:9px; }
.repack-client-admin-logo { width:46px; height:46px; border-radius:13px; }
.repack-series-client-inline { display:inline-flex; align-items:center; gap:7px; margin-top:8px; color:var(--muted); font-size:9px; }
.repack-series-client-inline .repack-client-admin-logo { width:28px; height:28px; border-radius:8px; }
.repack-test-badge { display:inline-flex; margin-right:6px; padding:4px 7px; border-radius:999px; background:rgba(213,151,48,.14); color:#b87912; font-size:7px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.repack-test-series-toggle { margin-top:-4px; }
.repack-admin-delete-warning { margin-bottom:14px; padding:15px; border:1px solid rgba(194,54,74,.25); border-radius:14px; background:rgba(194,54,74,.08); }
.repack-admin-delete-warning b { color:#b52f43; }
.repack-admin-delete-warning p { margin:6px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }
.repack-client-public-section { margin-top:22px; }
.repack-client-public-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.repack-client-public-card { display:grid; gap:15px; padding:23px; border:1px solid rgba(28,67,98,.13); border-radius:21px; background:#fff; box-shadow:0 12px 34px rgba(30,57,78,.06); }
.repack-client-public-card header { display:flex; align-items:center; gap:14px; }
.repack-client-public-logo { width:48px; height:48px; border-radius:14px; background:#f1f5f7; color:#1b6d79; }
.repack-client-public-logo.large { width:68px; height:68px; border-radius:18px; }
.repack-client-public-card header span,.repack-series-public-client small,.repack-series-client-band small { display:block; color:#21899a; font-size:7px; font-weight:900; text-transform:uppercase; letter-spacing:.09em; }
.repack-client-public-card h3 { margin:4px 0 2px; font-size:18px; }
.repack-client-public-card header p,.repack-client-public-notes { margin:0; color:#687d90; font-size:9px; line-height:1.55; }
.repack-client-series-links { display:grid; gap:7px; }
.repack-client-series-links button, .repack-client-series-links a { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:11px 12px; border:1px solid rgba(28,67,98,.11); border-radius:12px; background:#f3f7f8; color:#173149; text-align:left; cursor:pointer; }
.repack-client-series-links span { font-size:10px; font-weight:800; }
.repack-client-series-links small { color:#6e8295; font-size:8px; }
.repack-client-username { color:#207f8f; font-size:9px; font-weight:800; }
.repack-series-client-band { display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:13px; background:#eef7f8; }
.repack-series-client-band .repack-client-public-logo { width:38px; height:38px; border-radius:10px; }
.repack-series-client-band b { display:block; margin-top:2px; font-size:11px; }
.repack-series-public-client { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:18px; padding:23px; border:1px solid rgba(28,67,98,.13); border-radius:20px; background:#fff; box-shadow:0 12px 34px rgba(30,57,78,.06); }
.repack-series-public-client > div { display:flex; align-items:center; gap:15px; }
.repack-series-public-client h2 { margin:4px 0; }
.repack-series-public-client p { margin:3px 0 0; color:#687d90; font-size:9px; line-height:1.5; }
@media (max-width:900px) {
  .repack-compliance-status { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .repack-client-public-grid { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .repack-compliance-status { grid-template-columns:1fr; }
  .repack-logo-upload,.repack-client-admin-list > article,.repack-series-public-client { align-items:flex-start; flex-direction:column; }
  .repack-client-admin-list > article > div:last-child { width:100%; }
  .repack-client-admin-list > article > div:last-child .btn { flex:1; }
  .repack-series-public-client > .btn { width:100%; }
  .repack-client-series-links button, .repack-client-series-links a { align-items:flex-start; flex-direction:column; }
}


/* WarrantyVault V34.30: CSV-first checklists, collapsible disclosures, and client history */
.repack-checklist-disclosure-intro { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:22px; color:#dce8ef; }
.repack-checklist-disclosure-intro b { font-size:11px; }
.repack-checklist-disclosure-intro small { color:#8fa8b7; font-size:8px; }
.repack-checklist-disclosures { margin-top:10px; }
.repack-checklist-disclosure { padding:0; overflow:hidden; }
.repack-checklist-disclosure summary { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:20px 22px; cursor:pointer; list-style:none; }
.repack-checklist-disclosure summary::-webkit-details-marker { display:none; }
.repack-checklist-disclosure summary small { margin-bottom:6px; }
.repack-checklist-disclosure summary b { margin:0; }
.repack-checklist-disclosure summary > span { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(127,211,222,.28); border-radius:999px; color:#7fd3de; font-size:16px; transition:transform .2s ease; }
.repack-checklist-disclosure[open] summary > span { transform:rotate(45deg); }
.repack-checklist-disclosure-body { padding:0 22px 21px; }
.repack-checklist-disclosure-body p { padding-top:15px; border-top:1px solid rgba(255,255,255,.09); }
.repack-client-history { min-width:0; }
.repack-client-history summary { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; cursor:pointer; list-style:none; }
.repack-client-history summary::-webkit-details-marker { display:none; }
.repack-client-history summary > div:nth-child(2) { min-width:0; }
.repack-client-history summary > div:nth-child(2) > small { display:block; margin-top:6px; color:#8195a7; font-size:8px; }
.repack-client-history summary > b { padding:7px 10px; border-radius:999px; background:#eef6f8; color:#267b88; font-size:8px; white-space:nowrap; }
.repack-client-history-panel { display:grid; gap:12px; margin-top:15px; padding:15px; border:1px solid rgba(28,67,98,.11); border-radius:15px; background:#f7fafb; }
.repack-client-history-panel h4 { margin:0 0 3px; font-size:12px; }
.repack-client-history-panel small { color:#73879a; font-size:8px; }
.repack-client-no-history { margin:0; color:#7c8fa0; font-size:9px; }
.repack-client-current-series { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:16px; border:1px solid rgba(24,158,145,.17); border-radius:16px; background:#effaf8; }
.repack-client-current-series > div { min-width:0; }
.repack-client-current-series span { display:block; color:#138979; font-size:7px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.repack-client-current-series h4 { margin:5px 0 3px; font-size:15px; }
.repack-client-current-series p { margin:0 0 5px; color:#62788a; font-size:9px; }
.repack-client-current-series small { display:block; color:#6f8494; font-size:8px; line-height:1.45; }
.repack-checklist-all-series { margin-top:26px; border:1px solid rgba(28,67,98,.13); border-radius:22px; background:#fff; box-shadow:0 12px 30px rgba(30,57,78,.05); overflow:hidden; }
.repack-checklist-all-series > summary { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:24px; cursor:pointer; list-style:none; }
.repack-checklist-all-series > summary::-webkit-details-marker { display:none; }
.repack-checklist-all-series > summary h2 { margin:4px 0; font-size:20px; }
.repack-checklist-all-series > summary p { margin:0; color:#718598; font-size:9px; }
.repack-checklist-all-series > summary > b { min-width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:#eaf7f8; color:#217d8c; }
.repack-checklist-all-series > .repack-checklist-series-grid { padding:0 24px 24px; }
.repack-checklist-finalization > span { display:block; margin-bottom:7px; color:#44765b; font-size:8px; font-weight:800; }
.repack-checklist-csv-panel { display:grid; gap:14px; padding:18px; border:1px solid rgba(20,155,139,.22); border-radius:18px; background:linear-gradient(135deg,rgba(20,155,139,.08),rgba(54,128,160,.06)); }
.repack-checklist-csv-head { display:flex; justify-content:space-between; align-items:center; gap:18px; }
.repack-checklist-csv-head span { display:block; margin-bottom:4px; color:#178c7f; font-size:7px; font-weight:900; text-transform:uppercase; letter-spacing:.11em; }
.repack-checklist-csv-head h4 { margin:0 0 4px; font-size:15px; }
.repack-checklist-csv-head p { max-width:620px; margin:0; color:var(--muted); font-size:9px; line-height:1.55; }
.repack-checklist-csv-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.repack-checklist-csv-status { display:grid; gap:5px; padding:12px 14px; border:1px dashed rgba(28,67,98,.18); border-radius:13px; background:var(--panel); }
.repack-checklist-csv-status b { font-size:10px; }
.repack-checklist-csv-status small { color:var(--muted); font-size:8px; }
.repack-checklist-csv-status.success { border-style:solid; border-color:rgba(20,155,139,.25); background:rgba(20,155,139,.08); }
.repack-checklist-csv-status.error { border-style:solid; border-color:rgba(196,61,61,.25); background:rgba(196,61,61,.07); }
.repack-checklist-csv-status.error b { color:#a63d3d; }
.repack-checklist-csv-status ul { margin:4px 0 2px; padding-left:18px; color:#8a3c3c; font-size:8px; line-height:1.55; }
.repack-checklist-csv-status > div { display:flex; flex-wrap:wrap; gap:6px; margin-top:3px; }
.repack-checklist-csv-status > div span { padding:5px 7px; border-radius:999px; background:rgba(255,255,255,.78); color:#496274; font-size:7px; }
.repack-manual-entry-backup { border:1px solid var(--line); border-radius:17px; background:var(--panel-soft); overflow:hidden; }
.repack-manual-entry-backup > summary { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:16px 18px; cursor:pointer; list-style:none; }
.repack-manual-entry-backup > summary::-webkit-details-marker { display:none; }
.repack-manual-entry-backup > summary b { display:block; font-size:11px; }
.repack-manual-entry-backup > summary small { color:var(--muted); font-size:8px; }
.repack-manual-entry-backup > summary > span { padding:6px 9px; border-radius:999px; background:var(--panel); color:var(--muted); font-size:8px; font-weight:800; }
.repack-manual-entry-body { display:grid; gap:13px; padding:0 16px 16px; }
@media (max-width:760px) {
  .repack-checklist-disclosure-intro,.repack-checklist-csv-head,.repack-client-current-series { align-items:stretch; flex-direction:column; }
  .repack-checklist-csv-actions { justify-content:stretch; }
  .repack-checklist-csv-actions .btn,.repack-client-current-series .btn { width:100%; }
  .repack-client-history summary { grid-template-columns:auto 1fr; }
  .repack-client-history summary > b { grid-column:2; justify-self:start; }
  .repack-checklist-all-series > .repack-checklist-series-grid { padding:0 14px 14px; }
}

/* WarrantyVault V34.31: unmistakable current vs past series hierarchy */
.repack-series-directory-body { display:grid; gap:22px; padding:0 24px 24px; }
.repack-current-series-section { display:grid; gap:15px; }
.repack-series-status-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 20px; border:1px solid rgba(18,151,135,.2); border-radius:18px; background:linear-gradient(135deg,#eefaf7,#f6fbfc); }
.repack-series-status-heading h3 { margin:4px 0; font-size:18px; }
.repack-series-status-heading p { margin:0; color:#667e90; font-size:9px; }
.repack-series-status-heading > b { min-width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:#159c8d; color:#fff; font-size:14px; }
.repack-checklist-series-card.is-current { border:2px solid rgba(21,156,141,.42); background:linear-gradient(180deg,#fff 0%,#f8fffd 100%); box-shadow:0 16px 38px rgba(20,132,121,.13); }
.repack-checklist-series-card.is-past { border-color:rgba(65,84,101,.12); background:#fbfcfd; box-shadow:0 8px 20px rgba(30,57,78,.04); }
.repack-checklist-series-card.is-past > header,
.repack-checklist-series-card.is-past .repack-series-client-band,
.repack-checklist-series-card.is-past .repack-checklist-series-metrics { opacity:.82; }
.repack-series-status { display:flex; justify-content:space-between; align-items:center; gap:14px; margin:-8px -8px 0; padding:13px 14px; border-radius:14px; }
.repack-series-status > div { min-width:0; }
.repack-series-status span { display:flex; align-items:center; gap:7px; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.repack-series-status small { display:block; margin-top:4px; font-size:8px; line-height:1.4; }
.repack-series-status > b { padding:6px 9px; border-radius:999px; font-size:7px; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.repack-series-status.current { border:1px solid rgba(21,156,141,.18); background:#e9f9f5; color:#0c796d; }
.repack-series-status.current small { color:#517b76; }
.repack-series-status.current > b { background:#159c8d; color:#fff; }
.repack-series-status.current i { width:8px; height:8px; border-radius:50%; background:#18ad9c; box-shadow:0 0 0 4px rgba(24,173,156,.14); }
.repack-series-status.past { border:1px solid rgba(91,110,126,.14); background:#f1f4f6; color:#5d7183; }
.repack-series-status.past small { color:#7c8d9c; }
.repack-series-status.past > b { background:#dfe5e9; color:#526676; }
.repack-past-series-archive { border:1px solid rgba(40,67,88,.13); border-radius:19px; background:#f8fafb; overflow:hidden; }
.repack-past-series-archive > summary { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:20px; cursor:pointer; list-style:none; }
.repack-past-series-archive > summary::-webkit-details-marker { display:none; }
.repack-past-series-archive > summary h3 { margin:4px 0; font-size:17px; }
.repack-past-series-archive > summary p { margin:0; color:#728596; font-size:9px; }
.repack-past-series-archive > summary > b { min-width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:#e3e9ed; color:#506777; }
.repack-past-series-archive > .repack-checklist-series-grid { padding:0 20px 20px; }
.repack-no-past-series { padding:18px 20px; border:1px dashed rgba(54,80,100,.18); border-radius:17px; background:#fafcfd; }
.repack-no-past-series b { font-size:11px; }
.repack-no-past-series p { margin:5px 0 0; color:#748798; font-size:9px; }
@media (max-width:760px) {
  .repack-series-directory-body { padding:0 14px 14px; }
  .repack-series-status-heading,.repack-series-status { align-items:flex-start; }
  .repack-series-status-heading { flex-direction:column; }
  .repack-series-status-heading > b { min-width:36px; height:36px; }
  .repack-series-status { flex-direction:column; }
  .repack-past-series-archive > summary { align-items:flex-start; }
  .repack-past-series-archive > .repack-checklist-series-grid { padding:0 12px 12px; }
}

/* WarrantyVault V34.36: dynamic sitemap release */
.landing-compliance-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:6px; }
.landing-compliance-actions .btn { min-width:170px; justify-content:center; }
.checklist-center-topbar { align-items:flex-end; }
.checklist-center-view-shell { min-height:420px; }
.checklist-center-view-shell > .repack-compliance-center { padding:22px; border:1px solid var(--line); border-radius:22px; background:var(--panel); box-shadow:var(--shadow); }
.checklist-center-view-shell .repack-compliance-profile-summary { display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; }
.checklist-center-loading { min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; padding:32px; border:1px solid var(--line); border-radius:22px; background:var(--panel); text-align:center; }
.checklist-center-loading span { width:32px; height:32px; border:3px solid color-mix(in srgb,var(--brand-3) 20%,transparent); border-top-color:var(--brand-3); border-radius:50%; animation:spin .8s linear infinite; }
.checklist-center-loading b { font-size:16px; }
.checklist-center-loading small { color:var(--muted); }
.checklist-center-setup { min-height:340px; }
body.partner-inquiry-open { overflow:hidden; }
.partner-inquiry-modal { position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:24px; }
.partner-inquiry-modal.hidden { display:none !important; }
.partner-inquiry-backdrop { position:absolute; inset:0; border:0; background:rgba(3,10,19,.76); backdrop-filter:blur(8px); cursor:default; }
.partner-inquiry-card { position:relative; z-index:1; width:min(920px,100%); max-height:min(900px,calc(100vh - 36px)); overflow:auto; padding:28px; border:1px solid rgba(255,255,255,.12); border-radius:24px; background:var(--panel); box-shadow:0 30px 90px rgba(0,0,0,.38); }
.partner-inquiry-close { position:absolute; top:14px; right:14px; width:38px; height:38px; border:1px solid var(--line); border-radius:50%; background:var(--panel-3); color:var(--text); font-size:22px; cursor:pointer; }
.partner-inquiry-head { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:20px; align-items:start; padding-right:42px; margin-bottom:22px; }
.partner-inquiry-head span { display:block; margin-bottom:6px; color:var(--brand-3); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.partner-inquiry-head h2 { margin:0 0 8px; font-size:clamp(24px,3vw,36px); line-height:1.05; }
.partner-inquiry-head p { margin:0; color:var(--muted); line-height:1.65; }
.partner-inquiry-role { padding:15px; border:1px solid color-mix(in srgb,var(--brand-3) 35%,var(--line)); border-radius:16px; background:color-mix(in srgb,var(--brand-3) 8%,var(--panel-3)); }
.partner-inquiry-role b,.partner-inquiry-role small { display:block; }
.partner-inquiry-role small { margin-top:5px; color:var(--muted); line-height:1.45; }
.partner-inquiry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.partner-inquiry-grid .full { grid-column:1 / -1; }
.partner-inquiry-grid textarea { min-height:145px; resize:vertical; }
.partner-inquiry-count { display:flex; justify-content:space-between; gap:12px; margin-top:6px; color:var(--muted); font-size:9px; }
.partner-inquiry-honeypot { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; }
.partner-inquiry-confirm { display:flex; gap:11px; align-items:flex-start; margin-top:18px; padding:14px; border:1px solid var(--line); border-radius:15px; background:var(--panel-3); }
.partner-inquiry-confirm input { margin-top:3px; }
.partner-inquiry-confirm b,.partner-inquiry-confirm small { display:block; }
.partner-inquiry-confirm small { margin-top:4px; color:var(--muted); line-height:1.45; }
.partner-inquiry-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }
.partner-inquiry-status { min-height:18px; margin:9px 0 0; text-align:right; color:var(--muted); font-size:10px; }
.partner-inquiry-status.error { color:var(--red); }
.partner-inquiry-status.success { color:var(--green); }
.partner-inquiry-success { display:flex; gap:14px; align-items:center; padding:22px; border:1px solid color-mix(in srgb,var(--green) 35%,var(--line)); border-radius:18px; background:color-mix(in srgb,var(--green) 9%,var(--panel-3)); }
.partner-inquiry-success > span { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--green); color:white; font-weight:900; font-size:20px; }
.partner-inquiry-success b { display:block; margin-bottom:4px; }
.partner-inquiry-success p { margin:0; color:var(--muted); }
@media (max-width:760px) {
  .checklist-center-topbar { align-items:stretch; }
  .checklist-center-topbar .top-actions { width:100%; }
  .checklist-center-topbar .top-actions .btn { flex:1; }
  .checklist-center-view-shell > .repack-compliance-center { padding:15px; border-radius:18px; }
  .partner-inquiry-modal { padding:10px; align-items:end; }
  .partner-inquiry-card { max-height:94vh; padding:22px 16px calc(20px + env(safe-area-inset-bottom)); border-radius:22px 22px 0 0; }
  .partner-inquiry-head { grid-template-columns:1fr; padding-right:34px; }
  .partner-inquiry-role { display:none; }
  .partner-inquiry-grid { grid-template-columns:1fr; }
  .partner-inquiry-grid .full { grid-column:auto; }
  .partner-inquiry-count { flex-direction:column; gap:3px; }
  .partner-inquiry-actions { position:sticky; bottom:0; padding-top:12px; background:linear-gradient(transparent,var(--panel) 24%); }
  .partner-inquiry-actions .btn { flex:1; }
  .repack-checklist-top-actions { gap:6px; }
  .repack-checklist-top-actions .btn { padding-inline:10px; font-size:9px; }
}

.repack-checklist-breadcrumbs a, .repack-client-series-links a { text-decoration:none; }


/* WarrantyVault V34.38: public repack trust center */
.repack-archive-tools{margin-top:22px;padding:24px;border:1px solid rgba(28,67,98,.13);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(30,57,78,.06)}
.repack-archive-tools-copy h2{margin:5px 0 4px}.repack-archive-tools-copy p{margin:0;color:#708397;font-size:10px}
.repack-archive-counts{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px;padding:12px 14px;border-radius:14px;background:#f2f6f8}.repack-archive-counts b{font-size:12px}.repack-archive-counts span{color:#6d8192;font-size:9px}
.repack-archive-controls{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr));gap:10px;margin-bottom:18px}.repack-archive-controls label{display:grid;gap:5px}.repack-archive-controls label>span{color:#64798b;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.repack-archive-result-count{margin:10px 0;color:#6f8293;font-size:9px}.repack-archive-result-count b{color:#22384c}
.repack-test-preview-archive{margin-top:16px;border:1px solid rgba(205,139,37,.3);border-radius:19px;background:#fffaf0;overflow:hidden}.repack-test-preview-archive>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;cursor:pointer;list-style:none}.repack-test-preview-archive>summary::-webkit-details-marker{display:none}.repack-test-preview-archive>summary h3{margin:4px 0;font-size:17px}.repack-test-preview-archive>summary p{margin:0;color:#836c46;font-size:9px}.repack-test-preview-archive>summary>b{min-width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f6dfb3;color:#8a5b0e}.repack-test-preview-archive>.repack-checklist-series-grid{padding:0 20px 20px}.repack-test-preview-note{display:flex;gap:10px;align-items:center;margin:0 20px 16px;padding:11px 13px;border-radius:12px;background:#fff1cf;color:#765015;font-size:9px}.repack-test-preview-note b{padding:5px 8px;border-radius:999px;background:#d89018;color:#fff;text-transform:uppercase;font-size:7px;letter-spacing:.08em}
.repack-checklist-series-card.is-test{border-color:rgba(205,139,37,.3);background:#fffdf8}.repack-series-status.test{background:#fff2d8;color:#8a5b0e}.repack-series-status.test i{background:#d89018}.repack-series-audit-ref{padding:10px 12px;border:1px dashed rgba(43,78,103,.2);border-radius:12px;background:#f7fafc}.repack-series-audit-ref small{display:block;color:#718496;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.repack-series-audit-ref b{font-size:10px;letter-spacing:.04em}
.repack-public-test-banner{margin-bottom:16px;padding:16px 18px;border:1px solid rgba(205,139,37,.36);border-radius:17px;background:#fff5df;color:#795216}.repack-public-test-banner b{display:block;font-size:13px}.repack-public-test-banner p{margin:4px 0 0;font-size:10px;line-height:1.5}.repack-checklist-finalized-badge.test{background:#fff0cf;color:#8a5b0e}
.repack-checklist-lock-notice{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 16px;border:1px solid rgba(21,156,141,.23);border-radius:15px;background:#f2fbf9}.repack-checklist-lock-notice>div{display:grid;gap:3px}.repack-checklist-lock-notice b{font-size:11px}.repack-checklist-lock-notice span{color:#657f82;font-size:8px}.repack-checklist-lock-notice code{padding:7px 9px;border-radius:8px;background:#dff3ef;color:#176b61;font-size:9px;font-weight:800}
.repack-checklist-actionbar{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.repack-checklist-qr-panel{display:flex;align-items:center;gap:15px;margin-top:14px;padding:15px;border:1px dashed rgba(28,67,98,.22);border-radius:16px;background:#f7fafc}.repack-checklist-qr-panel img{width:132px;height:132px;border-radius:11px;background:#fff}.repack-checklist-qr-panel>div{display:grid;gap:5px;min-width:0}.repack-checklist-qr-panel b{font-size:12px}.repack-checklist-qr-panel span{overflow-wrap:anywhere;color:#4f6a7d;font-size:9px}.repack-checklist-qr-panel small{color:#788b9b;font-size:8px;line-height:1.5}.repack-table-audit-reference{align-self:center;padding:7px 9px;border-radius:9px;background:#eef4f7;color:#4f687b;font-size:8px;font-weight:800;letter-spacing:.04em}
.repack-admin-delete-warning.severe{border-color:rgba(192,50,50,.3);background:rgba(220,55,55,.08)}
@media(max-width:900px){.repack-archive-controls{grid-template-columns:1fr 1fr}.repack-checklist-series-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.repack-archive-controls{grid-template-columns:1fr}.repack-archive-counts,.repack-checklist-lock-notice,.repack-checklist-qr-panel{align-items:flex-start;flex-direction:column}.repack-checklist-qr-panel img{width:160px;height:160px;margin:auto}.repack-test-preview-archive>.repack-checklist-series-grid{padding:0 12px 12px}.repack-test-preview-note{margin:0 12px 12px}}

/* V34.38: keep public checklist status pills compact instead of stretching vertically. */