.dash-wrap { max-width: 640px; margin: 2rem auto; padding: 0 1rem; }

      /* ── Sidebar TOC — uses .chap-sidebar from views.css ──── */
      /* Dashboard-specific: section headers + common-test links */
      .chap-sidebar .toc-section {
        font-size: .66rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .05em; color: #bbb; margin: .5rem 0 .2rem .4rem;
      }
      .chap-sidebar .toc-section:first-child { margin-top: 0; }
      .chap-nav-btn.toc-common { color: #7c3aed; }
      .chap-nav-btn.toc-common:hover { background: #f5f3ff; }
      @media (max-width: 820px) {
        .chap-sidebar { display: none; }
      }

      /* ── Greeting ─────────────────────────────────────────────── */
      .dash-greeting {
        display: flex; align-items: center; justify-content: space-between;
        margin-bottom: 1.5rem; gap: 1rem;
      }
      .dash-hello { display: block; font-size: 1.1rem; font-weight: 700; color: #1a1a2e; }
      .dash-stats { display: block; font-size: .83rem; color: #888; margin-top: .15rem; }

      /* ── Buttons ──────────────────────────────────────────────── */
      .btn-new {
        display: block; width: 100%; padding: .85rem 1.2rem;
        background: linear-gradient(135deg, #1a1a2e 0%, #2d2d5e 100%);
        color: #fff; border: none; border-radius: 0;
        font-size: 1.05rem; font-weight: 700; cursor: pointer; text-decoration: none;
        text-align: center; margin: 1rem 0 .6rem; letter-spacing: .02em;
        box-shadow: 0 3px 12px rgba(26,26,46,.22);
        transition: transform .12s, box-shadow .15s;
      }
      .btn-new:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(26,26,46,.32); }

      /* ── Rename inline ────────────────────────────────────────── */
      .rename-form { display:none; gap:.3rem; align-items:center; margin-top:.3rem; }
      .rename-form.open { display:flex; }
      .rename-input { flex:1; font-size:.9rem; padding:.25rem .5rem; border:1px solid #c7d2fe;
        border-radius: 0; outline:none; }
      .rename-input:focus { border-color:#6366f1; }
      .rename-save { font-size:.8rem; padding:.24rem .6rem; background:#1a1a2e; color:#fff;
        border:none; border-radius: 0; cursor:pointer; }
      .rename-cancel { font-size:.8rem; padding:.24rem .5rem; background:none; border:none;
        color:#999; cursor:pointer; }
      .rename-btn { background:none; border:none; font-size:.75rem; color:#bbb; cursor:pointer;
        padding:0 .15rem; vertical-align:middle; }
      .rename-btn:hover { color:#6366f1; }

      /* ── Test list ────────────────────────────────────────────── */
      .test-list { display: flex; flex-direction: column; gap: .75rem; }

      /* ── Test card (flex column) ──────────────────────────────── */
      .test-card { background: #fff; border-radius: 0; padding: 1rem 1.1rem;
        box-shadow: 0 1px 4px rgba(0,0,0,.1); display: flex; flex-direction: column; }
      /* card-body kept for demo-card compat (demo-card is flex row) */
      .card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
      .card-body .info strong { font-size: 1rem; display: block; }
      .card-body .meta { font-size: .8rem; color: #888; margin-top: .2rem; }

      /* ── Card header (image + info row) ──────────────────────── */
      .card-header { display: flex; align-items: flex-start; gap: .9rem; margin-bottom: .45rem; }
      .card-info { flex: 1; min-width: 0; }

      /* ── CTA sloupec vpravo ───────────────────────────────────── */
      .card-cta { display: flex; flex-direction: column; align-items: flex-end; gap: .35rem;
                  flex-shrink: 0; padding-top: .1rem; }
      .btn-spustit { display: block; white-space: nowrap;
                     background: #1a1a2e; color: #fff; border: none; border-radius: 0;
                     padding: .55rem 1.1rem; font-size: .88rem; font-weight: 700;
                     text-decoration: none; cursor: pointer;
                     transition: background .15s; }
      .btn-spustit:hover { background: #2d2d5e; color: #fff; }
      .btn-prehled { display: block; white-space: nowrap;
                     background: #f3f4f6; color: #374151; border: 1px solid #e5e7eb;
                     border-radius: 0; padding: .55rem 1.1rem; font-size: .88rem; font-weight: 700;
                     text-decoration: none; text-align: center;
                     transition: background .15s; }
      .btn-prehled:hover { background: #e5e7eb; color: #111; }
      .card-info strong { font-size: 1rem; display: block; }
      .card-info .meta { font-size: .8rem; color: #888; margin-top: .2rem; }
      .card-title-link { color: inherit; text-decoration: none; }
      .card-title-link:hover { text-decoration: underline; }

      /* ── Dash audio mini player ────────────────────────────────── */
      .dash-audio-mini { padding: .4rem 0 0; width: 100%; }
      .dash-audio-mini a { text-decoration: none; }
      .dash-audio-mini a:hover { text-decoration: underline; }

      /* ── Mini map ─────────────────────────────────────────────── */
      .mini-map {
        width: 88px; height: 88px; flex-shrink: 0;
        border-radius: 0; overflow: hidden;
        background: #f4f4f8; border: 1px solid #ebebf2;
      }
      .mini-map--placeholder {
        display: flex; align-items: flex-end; padding: .4rem;
      }
      .mini-map__progress {
        width: 100%; height: 5px; background: #e0e0e8; border-radius: 0; overflow: hidden;
      }
      .mini-map__progress div { height: 100%; background: #6c6ca8; border-radius: 0; }

      /* ── Status badge ─────────────────────────────────────────── */
      .badge { display: inline-block; font-size: .75rem; padding: .15rem .5rem;
        border-radius: 0; font-weight: 600; }
      .badge-progress { background: #fff3cd; color: #856404; }
      .badge-done     { background: #d4edda; color: #155724; }

      /* ── Metric badges row ────────────────────────────────────── */
      .badge-row { display: flex; flex-wrap: wrap; gap: .3rem .6rem; margin-top: .45rem; }
      .dash-badge { font-size: .75rem; color: #555; }
      .dash-badge span { font-weight: 600; color: #333; }

      /* ── View links (button style) ───────────────────────────── */
      .view-list { display: flex; flex-direction: column; gap: .35rem; margin-top: .65rem; }
      .vl-btn {
        display: block; font-size: .875rem; color: #374151; text-decoration: none;
        padding: .48rem .85rem; border: 1px solid #e5e7eb; border-radius: 0;
        background: #f9fafb; transition: background .12s, border-color .12s;
      }
      .vl-btn:hover { background: #f3f4f6; border-color: #d1d5db; text-decoration: none; }
      .vl-ai      { color: #7c3aed; border-color: #ede9fe; background: #faf5ff; }
      .vl-ai:hover { background: #ede9fe; border-color: #c4b5fd; }
      .vl-gallery { color: #6b7280; }
      .vl-tipi    { color: #5b21b6; border-color: #ede9fe; background: #faf5ff; }
      .vl-locked { color: #ccc; cursor: default; font-size: .875rem; display: block;
        padding: .48rem .85rem; border: 1px solid #f3f4f6; border-radius: 0; background: #fafafa; }
      .vl-badge { font-size: .68rem; display: inline-block; background: #d1fae5; color: #065f46;
        border-radius: 0; padding: .05rem .28rem; margin-left: .3rem; vertical-align: middle;
        font-weight: 700; white-space: nowrap; }
      .vl-badge-purple { background: #ede9fe; color: #5b21b6; }
      .vl-gallery-info { font-size: .75rem; color: #aaa; margin-left: .2rem; }
      .vl-personal { color: #b45309; }
      .vl-map-self { color: #7c3aed; border-color: #ede9fe; background: #faf5ff; }

      /* ── Admin výklad — highlighted button ────────────────────── */
      .admin-note-btn {
        display: flex; align-items: center; gap: .5rem;
        padding: .45rem .9rem; margin-top: .5rem;
        background: linear-gradient(135deg,#fef3c7,#fde68a);
        border: 1.5px solid #f59e0b; border-radius: 0;
        color: #78350f; font-size: .86rem; font-weight: 700;
        text-decoration: none; white-space: nowrap;
        transition: background .12s, border-color .12s;
      }
      .admin-note-btn:hover {
        background: linear-gradient(135deg,#fde68a,#fcd34d);
        border-color: #d97706; color: #451a03;
      }
      .admin-note-btn .anb-star { font-size: 1rem; flex-shrink: 0; }

      /* ── Mini map link wrapper ────────────────────────────────── */
      .mini-map-link { display: block; flex-shrink: 0; text-decoration: none; transition: opacity .15s; border-radius: 0; overflow: hidden; }
      .mini-map-link:hover { opacity: .8; }

      /* ── Two-column links grid ────────────────────────────────── */
      .card-links-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .25rem .9rem;
        margin-top: .15rem; align-items: start; }
      @media (max-width: 420px) { .card-links-grid { grid-template-columns: 1fr; } }
      .links-col { display: flex; flex-direction: column; gap: .05rem; }
      .col-label { font-size: .68rem; font-weight: 700; letter-spacing: .06em;
        text-transform: uppercase; color: #bbb; margin-bottom: .1rem; }

      /* ── "Více" details inside links column ──────────────────── */
      .card-more { margin-top: .2rem; }
      .card-more > summary { font-size: .75rem; color: #bbb; cursor: pointer;
        list-style: none; user-select: none; display: inline-block; padding: .1rem 0; }
      .card-more > summary::-webkit-details-marker { display: none; }
      .card-more > summary::before { content: "▸ Více"; }
      .card-more[open] > summary::before { content: "▾ Méně"; }
      .card-more-list { display: flex; flex-direction: column; gap: .05rem; padding-top: .1rem; }

      /* ── "brzy" (soon) ───────────────────────────────────────── */
      .vl-soon { color: #ccc; cursor: default; }
      .vl-badge-soon { font-size: .65rem; background: #f3f4f6; color: #9ca3af;
        border-radius: 0; padding: .05rem .28rem; margin-left: .3rem; font-weight: 600; }
      /* ── Partner link ─────────────────────────────────────────── */
      .vl-partner { color: #4f46e5 !important; border-color: #c7d2fe !important; background: #eef2ff !important; }
      .vl-partner:hover { background: #e0e7ff !important; border-color: #a5b4fc !important; }
      /* ── Partner inbox ────────────────────────────────────────── */
      .partner-inbox { background: #f0f4ff; border: 1px solid #c7d2fe; border-radius: 0;
        padding: .9rem 1.1rem; margin-bottom: 1rem; }
      .partner-inbox-title { font-size: .78rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .06em; color: #3730a3; margin-bottom: .5rem; }
      .partner-invite-row { display: flex; align-items: center; justify-content: space-between;
        gap: .6rem; flex-wrap: wrap; padding: .4rem 0;
        border-top: 1px solid #dde0f8; }
      .partner-invite-row:first-of-type { border-top: none; }
      .pi-row-info { font-size: .88rem; color: #374151; flex: 1; min-width: 180px; }
      .pi-row-btn { display: inline-block; padding: .3rem .75rem; background: #6366f1;
        color: #fff; border-radius: 0; text-decoration: none; font-size: .82rem;
        font-weight: 600; white-space: nowrap; }
      .pi-row-btn:hover { background: #4f46e5; }

      /* ── Gallery section (full width) ────────────────────────── */
      .card-gallery { margin-top: .55rem; border-top: 1px solid #f0f0f2; padding-top: .35rem; }
      .card-gallery-summary { font-size: .78rem; color: #aaa; cursor: pointer;
        list-style: none; user-select: none; display: inline-block; }
      .card-gallery-summary::-webkit-details-marker { display: none; }
      .gallery-thumbs { display: flex; gap: .4rem; margin-top: .4rem; flex-wrap: wrap; align-items: center; }
      .gallery-thumb img { width: 64px; height: 48px; object-fit: cover;
        border-radius: 0; border: 1px solid #eee; display: block; }
      .gallery-more { font-size: .75rem; color: #999; text-decoration: none; align-self: center; }
      .gallery-more:hover { text-decoration: underline; }

      /* ── Card footer (delete) ─────────────────────────────────── */
      .card-footer { margin-top: .7rem; padding-top: .5rem; border-top: 1px solid #f0f0f2; }
      .btn-del-text { background: none; border: none; color: #bbb; cursor: pointer;
        font-size: .78rem; padding: 0; }
      .btn-del-text:hover { color: #c0392b; }

      /* ── Description details ──────────────────────────────────── */
      .card-desc { margin-top: .4rem; }
      .card-desc summary {
        font-size: .75rem; color: #bbb; cursor: pointer; list-style: none;
        user-select: none; display: inline-block;
      }
      .card-desc summary::-webkit-details-marker { display: none; }
      .card-desc summary::before { content: "▸ popis"; font-size: .7rem; }
      .card-desc[open] summary::before { content: "▾ popis"; }
      .card-desc p {
        margin-top: .3rem; font-size: .8rem; color: #666; line-height: 1.6;
        background: #f7f7f8; border-radius: 0; padding: .4rem .65rem;
        white-space: pre-wrap; word-break: break-word;
      }

      /* ── Action buttons ───────────────────────────────────────── */
      .btn-action { display: inline-block; margin-top: .65rem; padding: .35rem .85rem;
        background: #1a1a2e; color: #fff; border-radius: 0;
        text-decoration: none; font-size: .85rem; white-space: nowrap; }
      .btn-action:hover { background: #2d2d5e; }

      /* ── Demo view collapse ──────────────────────────────────── */
      .demo-views-details { position: relative; }
      .demo-views-hint { font-size: .73rem; color: #9b8fd4; cursor: pointer; padding: .2rem 0 .1rem;
        list-style: none; -webkit-appearance: none; user-select: none; }
      .demo-views-hint::-webkit-details-marker { display: none; }
      .demo-views-hint::before { content: "▸ "; }
      .demo-views-details[open] > .demo-views-hint::before { content: "▾ "; }
      .demo-views-hint:hover { color: #6d4fcf; }

      /* ── Demo section ────────────────────────────────────────── */
      .demo-section { margin-bottom: 1.5rem; }
      .demo-label { font-size: .72rem; font-weight: 700; letter-spacing: .06em;
        text-transform: uppercase; color: #9b8fd4; margin-bottom: .5rem; }
      .demo-test-card { background: #f3f0ff !important; border-color: #c9bfef !important; }
      .demo-card { background: #f7f5ff; border: 1px solid #ddd8f5; border-radius: 0;
        overflow: hidden; }
      .demo-card-toggle {
        display: flex; align-items: center; gap: .85rem;
        padding: .85rem 1.1rem; cursor: pointer; user-select: none;
        transition: background .12s;
      }
      .demo-card-toggle:hover { background: #ede9fd; }
      .demo-head-info { flex: 1; min-width: 0; }
      .demo-head-info strong { font-size: 1rem; display: block; color: #1a1a2e; }
      .demo-head-info .meta { font-size: .8rem; color: #888; margin-top: .15rem; }
      .demo-expand-hint { font-size: .74rem; color: #9b8fd4; white-space: nowrap; flex-shrink: 0; }
      .demo-card-body { padding: .1rem 1.1rem 1rem; border-top: 1px solid #e4dff7; }
      .demo-card-body[hidden] { display: none; }
      .btn-hide-demo { background: none; border: none; color: #ccc; cursor: pointer;
        font-size: .72rem; padding: 0; }
      .btn-hide-demo:hover { color: #999; text-decoration: underline; }

      /* ── Misc ─────────────────────────────────────────────────── */
      .error { background: #fde8e8; color: #b00; border-radius: 0; padding: .6rem .9rem; margin-bottom: 1rem; font-size: .9rem; }
      .empty { color: #888; font-size: .95rem; margin-top: .5rem; }
      .offset-note { font-size: .8rem; color: #999; margin-top: 1.5rem; }

      /* ── Experimenty ──────────────────────────────────────────── */
      .exp-section { margin-top: 2rem; border-radius: 0; border: 1px solid #e5e7eb;
                     background: #fff; overflow: hidden; }
      .exp-section > summary {
        padding: .75rem 1.1rem; cursor: pointer; font-size: .9rem; font-weight: 600;
        color: #374151; list-style: none; user-select: none;
        display: flex; align-items: center; gap: .4rem;
      }
      .exp-section > summary::after { content: " ▸"; font-size:.8em; color:#bbb; margin-left:auto; }
      .exp-section[open] > summary::after { content: " ▾"; }
      .exp-section > summary::-webkit-details-marker { display: none; }
      .exp-body { padding: .8rem 1.1rem 1.2rem; border-top: 1px solid #e5e7eb; }
      .exp-card { }
      .exp-card h3 { font-size: .92rem; font-weight: 700; color: #1a1a2e; margin-bottom: .25rem; }
      .exp-card p  { font-size: .83rem; color: #6b7280; margin-bottom: .6rem; }
      .exp-meta    { font-size: .82rem; color: #6b7280; margin-bottom: .5rem; }
      .exp-tipi-badge { display:inline-block; background:#ede9fe; color:#5b21b6;
                        border-radius: 0; font-size:.68rem; font-weight:700;
                        padding:.05rem .35rem; margin-left:.3rem; vertical-align:middle; }
      .exp-link { font-size: .85rem; color: #6c6ca8; text-decoration: none; margin-right: .8rem; }
      .exp-link:hover { text-decoration: underline; }
      .exp-link-primary { display:inline-block; padding:.45rem 1rem; background:#6c6ca8;
                          color:#fff; border-radius: 0; text-decoration:none; font-size:.85rem; }
      .exp-link-primary:hover { background:#5a5a96; }

      /* ── Plan notice ──────────────────────────────────────────── */
      .plan-notice-banner {
        border-radius: 0; padding: .8rem 1.1rem; margin-bottom: 1.25rem;
        font-size: .9rem; display: flex; align-items: center; gap: .6rem;
      }
      .plan-notice-banner.success { background: #d1fae5; color: #065f46; border: 1px solid #6ee7b7; }
      .plan-notice-banner.info    { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }

      /* ── Login notification modal ─────────────────────────────── */
      .lnotif-overlay {
        position: fixed; inset: 0; background: rgba(0,0,0,.45);
        z-index: 9000; display: flex; align-items: center; justify-content: center;
        padding: 1rem;
      }
      .lnotif-overlay.hidden { display: none; }
      .lnotif-box {
        background: #fff; border-radius: 0; max-width: 480px; width: 100%;
        box-shadow: 0 8px 32px rgba(0,0,0,.18); overflow: hidden;
      }
      .lnotif-head {
        background: #1a1a2e; color: #fff; padding: .9rem 1.2rem;
        display: flex; justify-content: space-between; align-items: center;
      }
      .lnotif-head h2 { margin: 0; font-size: 1rem; font-weight: 700; }
      .lnotif-close {
        background: none; border: none; color: #fff; font-size: 1.3rem;
        cursor: pointer; line-height: 1; padding: 0 .2rem;
      }
      .lnotif-close:hover { color: #c7d2fe; }
      .lnotif-body { padding: 1rem 1.2rem; max-height: 65vh; overflow-y: auto; }
      .lnotif-section { margin-bottom: 1rem; }
      .lnotif-section-title {
        font-size: .72rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .07em; color: #6b7280; margin-bottom: .4rem;
      }
      .lnotif-item {
        display: flex; align-items: flex-start; gap: .6rem;
        padding: .55rem .7rem; border-radius: 0; margin-bottom: .35rem;
        text-decoration: none; color: inherit;
      }
      .lnotif-item:hover { background: #f3f4f6; }
      .lnotif-icon { font-size: 1.1rem; flex-shrink: 0; margin-top: .05rem; }
      .lnotif-text { font-size: .9rem; line-height: 1.4; color: #374151; }
      .lnotif-text strong { color: #1a1a2e; }
      .lnotif-meta { font-size: .77rem; color: #9ca3af; margin-top: .1rem; }
      .lnotif-footer {
        border-top: 1px solid #e5e7eb; padding: .75rem 1.2rem;
        display: flex; justify-content: flex-end;
      }
      .lnotif-ok-btn {
        padding: .5rem 1.4rem; background: #1a1a2e; color: #fff;
        border: none; border-radius: 0; cursor: pointer; font-size: .95rem; font-weight: 600;
      }
      .lnotif-ok-btn:hover { background: #2d2d5e; }

      /* ── Orders section ────────────────────────────────────── */
      .orders-section { margin-bottom: 1.25rem; }
      .orders-label { font-size: .72rem; font-weight: 700; letter-spacing: .06em;
        text-transform: uppercase; color: #b45309; margin-bottom: .5rem; }
      .order-row {
        display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
        background: #fff; border: 1px solid #e5e7eb; border-radius: 0;
        padding: .65rem .9rem; margin-bottom: .4rem; font-size: .88rem;
      }
      .order-row.order-pending { border-color: #fcd34d; background: #fffbeb; }
      .order-row.order-paid    { border-color: #6ee7b7; background: #f0fdf4; }
      .order-badge { font-size: .72rem; font-weight: 700; border-radius: 0; padding: .1rem .4rem; flex-shrink: 0; }
      .order-badge-pending { background: #fef3c7; color: #92400e; }
      .order-badge-paid    { background: #d1fae5; color: #065f46; }
      .order-badge-failed  { background: #fee2e2; color: #991b1b; }
      .order-name { flex: 1; min-width: 0; color: #374151; font-weight: 600; }
      .order-amount { color: #6b7280; font-size: .83rem; flex-shrink: 0; }
      .order-date { color: #9ca3af; font-size: .78rem; flex-shrink: 0; }
      .order-link { font-size: .82rem; color: #7c3aed; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
      .order-link:hover { text-decoration: underline; }

      /* ── Nový design karty testu ───────────────────────────────── */
      .card-status-done { color:#059669; font-size:.8rem; font-weight:600; }
      .card-status-ip   { color:#d97706; font-size:.8rem; font-weight:600; }

      .card-question { font-size:.82rem; color:#555; margin-top:.3rem; line-height:1.5;
                       word-break:break-word; text-align:left; }
      .card-question-label { font-size:.7rem; font-weight:700; letter-spacing:.04em;
                             text-transform:uppercase; color:#bbb; margin-right:.3rem; }

      .card-tabs   { display:flex; gap:.3rem; margin-top:.65rem; flex-wrap:wrap; }
      .card-tab    { font-size:.77rem; color:#6b7280; border:1px solid #e5e7eb;
                     border-radius: 0; padding:.22rem .7rem; cursor:pointer;
                     background:#fff; user-select:none; white-space:nowrap; transition:background .1s; }
      .card-tab:hover { background:#f9fafb; }
      .card-tab.active { background:#1a1a2e; color:#fff; border-color:#1a1a2e; }

      .card-tab-panel      { display:none; padding:.6rem 0 .25rem; flex-direction:column; gap:.35rem; }
      .card-tab-panel.open { display:flex; }

      .vl-audio-btn { display:flex; align-items:center; gap:.45rem; padding:.4rem .85rem;
                      background:linear-gradient(135deg,#ecfdf5,#d1fae5);
                      border:1.5px solid #34d399; border-radius: 0;
                      color:#065f46; font-size:.86rem; font-weight:700;
                      text-decoration:none; margin-bottom:.3rem; }
      .vl-audio-btn:hover { background:linear-gradient(135deg,#d1fae5,#a7f3d0); }

      .vl-locked-soft { font-size:.875rem; color:#d1d5db; padding:.48rem .85rem; display:block;
                        border: 1px solid #f3f4f6; border-radius: 0; background: #fafafa; }

      .vl-more-toggle { font-size:.74rem; color:#bbb; cursor:pointer; border:none;
                        background:none; padding:.25rem 0; margin-top:.1rem; font-family:inherit; }
      .vl-more-inner  { display:none; flex-direction:column; gap:.35rem; margin-top:.1rem; }
      .vl-more-inner.open { display:flex; }

      .card-exp-list { display:flex; flex-direction:column; gap:.35rem; padding:.3rem 0 .1rem; }

      .card-foot-links { display:flex; gap:.8rem; align-items:center; margin-top:.5rem;
                         padding-top:.4rem; border-top:1px solid #f0f0f2; flex-wrap:wrap; }
      .card-foot-link  { font-size:.78rem; color:#9ca3af; text-decoration:none; }
      .card-foot-link:hover { color:#6b7280; text-decoration:underline; }
      .card-foot-del   { margin-left:auto; }

      @media (max-width:480px) {
        .card-tabs { gap:.2rem; }
        .card-tab  { font-size:.72rem; padding:.18rem .5rem; }
      }

      /* ── User info block ──────────────────────────────────────── */
      .uib-card {
        background: #f8f9fc; border: 1px solid #e5e7eb;
        border-radius: 0; padding: .65rem 1rem;
        margin-bottom: 1rem; display: flex; flex-direction: column; gap: .35rem;
      }
      .uib-row { display: flex; align-items: flex-start; gap: .5rem;
        font-size: .84rem; color: #374151; line-height: 1.5; }
      .uib-icon { flex-shrink: 0; }
      .uib-body { flex: 1; }
      .uib-plan-link { color: #4338ca; font-weight: 700; text-decoration: none; }
      .uib-plan-link:hover { text-decoration: underline; }
      .uib-link { color: #4338ca; text-decoration: none; }
      .uib-link:hover { text-decoration: underline; }
      .uib-highlight { color: #065f46; font-weight: 600; }
      .uib-arrow { color: #059669; margin-left: .3rem; }

      /* ── Demo hidden note ─────────────────────────────────────── */
      .demo-hidden-note { font-size:.78rem; color:#ccc; padding:.3rem 0; margin:.3rem 0 0; }

      /* AI stats block */
      .dash-ai-stats { background:#f8fafc; border:1px solid #e2e8f0; border-radius: 0; padding:.85rem 1.1rem; margin-top:1rem; }
      .dash-ai-title { font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#94a3b8; margin-bottom:.5rem; }
      .dash-ai-row { display:flex; justify-content:space-between; align-items:center; padding:.22rem 0; font-size:.85rem; color:#374151; }
      .dash-ai-row + .dash-ai-row { border-top:1px solid #f1f5f9; }
      .dash-ai-count { font-weight:700; color:#4f46e5; font-size:.9rem; }