:root {
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --color-bg: #e9f5ff;
    --color-header-bg: #e9f5ff;
    --color-sidebar-bg: #fafcfc;
    --color-panel: #ffffff;
    --color-panel-soft: #f4faff;
    --color-text: #212529;
    --color-muted: #64748b;
    --color-border-soft: #dbeafe;
    --color-accent: #3882f9;
    --color-accent-strong: #006dba;
    --color-accent-soft: #eaf4fe;
    --color-sidebar-active-start: #dcecf5;
    --color-sidebar-active-end: #e6f3f8;
    --color-cta: #ff8a00;
    --color-cta-hover: #e87500;
    --color-search-bg: #ffffff;
    --color-search-active-border: #6db1f6;
    --color-shadow-umbra: rgba(206, 225, 249, .14);
    --color-shadow-penumbra: rgba(206, 225, 249, .12);
    --color-shadow-ambient: rgba(206, 225, 249, .2);
    --shadow-soft-card: 0 10px 24px var(--color-shadow-umbra), 0 2px 8px var(--color-shadow-penumbra);
    --shadow-sidebar-card: 0 14px 36px var(--color-shadow-ambient);
    --z-modal-backdrop: 2000;
    --z-modal: 2010;
    --public-sidebar-width: 260px;
    --public-home-right-width: 306px;
    --public-home-shell-gap: var(--space-6);
    --public-header-height: 70px;
    --public-home-content-start: calc(var(--space-2) + 50px + var(--space-3));
    --public-sticky-filter-top: var(--public-header-height);
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 18px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;
    color: var(--color-text);
    background: var(--color-bg);
    font-family: var(--font-sans);
}

/* Gamification admin area */
.admin-gamification { --gamification-blue: #1672df; --gamification-muted: #64748b; display: grid; gap: 1.25rem; }
.admin-gamification__header { display: flex; align-items: center; gap: .9rem; }
.admin-gamification__icon { display: grid; place-items: center; width: 3.1rem; height: 3.1rem; border: 1px solid #b9d6ff; border-radius: 1rem; color: var(--gamification-blue); background: #eef6ff; }
.admin-gamification__header h1 { margin: .15rem 0 .35rem; }
.admin-gamification__header p:last-child, .admin-gamification__muted { color: var(--gamification-muted); }
.admin-gamification__eyebrow { margin: 0 0 .2rem; color: var(--gamification-blue); font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.admin-gamification__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.admin-gamification__stat { display: grid; gap: .35rem; padding: 1.1rem 1.2rem; }
.admin-gamification__stat span { color: var(--gamification-muted); font-size: .86rem; }
.admin-gamification__stat strong { color: #13213d; font-size: 1.7rem; }
.admin-gamification__stat small { color: var(--gamification-muted); }
.admin-gamification__card { padding: 1.25rem; }
.admin-gamification__card-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.admin-gamification__overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.admin-gamification__overview-card { display: grid; gap: .35rem; padding: 1.2rem; }
.admin-gamification__overview-card .admin-gamification__card-heading { margin-bottom: .2rem; }
.admin-gamification__overview-card .default-theme-icon { color: var(--gamification-blue); }
.admin-gamification__overview-card strong { color: #13213d; font-size: 1.8rem; }
.admin-gamification__overview-card small { color: var(--gamification-muted); }
.admin-gamification__overview-card a { margin-top: .45rem; color: var(--gamification-blue); font-weight: 700; text-decoration: none; }
.admin-gamification__card-heading h2 { margin: 0; }
.admin-gamification__button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.45rem; padding: 0 .95rem; border: 1px solid var(--gamification-blue); border-radius: .65rem; background: var(--gamification-blue); color: #fff; font-weight: 700; text-decoration: none; }
.admin-gamification__filter { display: flex; align-items: end; gap: .75rem; flex-wrap: wrap; }
.admin-gamification__filter label { display: grid; gap: .35rem; color: #13213d; font-weight: 700; }
.admin-gamification__filter input { min-width: min(28rem, 80vw); min-height: 2.45rem; padding: 0 .75rem; border: 1px solid #cbd9e8; border-radius: .65rem; }
.admin-gamification__event-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.admin-gamification__event-form label, .admin-gamification__event-edit label { display: grid; gap: .35rem; color: #13213d; font-weight: 700; }
.admin-gamification__event-form input, .admin-gamification__event-form select, .admin-gamification__event-form textarea, .admin-gamification__event-edit input { min-height: 2.4rem; padding: .5rem .7rem; border: 1px solid #cbd9e8; border-radius: .6rem; background: #fff; }
.admin-gamification__event-wide { grid-column: 1 / -1; }
.admin-gamification__event-form button { justify-self: start; }
.admin-gamification__event-list { display: grid; gap: .75rem; }
.admin-gamification__event-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid #e2ebf4; border-radius: .8rem; }
.admin-gamification__event-summary { display: grid; gap: .35rem; }
.admin-gamification__event-summary small { color: var(--gamification-muted); }
.admin-gamification__badge { margin-left: .5rem; padding: .2rem .5rem; border-radius: 999px; background: #eef5ff; color: var(--gamification-blue); font-size: .7rem; }
.admin-gamification__event-edit { display: flex; align-items: end; gap: .6rem; }
.admin-gamification__event-edit input { width: 5.5rem; }
.admin-gamification__event-edit input[type="file"] { width: 12rem; min-height: auto; padding: .3rem; }

.marketplace-page { display:grid; gap:1.25rem; padding:1rem 0 2rem; }
.marketplace-hero { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:2rem; border:1px solid #d4e6fa; border-radius:1.25rem; background:linear-gradient(115deg,#e6f2ff,#fff); }
.marketplace-hero h1, .marketplace-section-heading h1, .marketplace-form-page h1 { margin:.2rem 0 .5rem; color:#112044; }
.marketplace-hero p:last-child, .marketplace-form-page>p { color:#526988; }
.marketplace-eyebrow, .admin-marketplace__eyebrow { margin:0; color:#1672df; font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.marketplace-hero__icon { display:grid; place-items:center; width:5rem; height:5rem; border-radius:1.5rem; background:#1672df; color:#fff; font-size:2.5rem; box-shadow:0 .75rem 2rem #1672df33; }
.marketplace-toolbar { display:grid; grid-template-columns:1fr 12rem auto; gap:.75rem; padding:1rem; border:1px solid #dce9f7; border-radius:1rem; background:#fff; }
.marketplace-toolbar input,.marketplace-toolbar select,.marketplace-form input,.marketplace-form select,.marketplace-form textarea { min-height:2.7rem; padding:.55rem .75rem; border:1px solid #cbd9e8; border-radius:.65rem; background:#fff; }
.marketplace-toolbar button,.marketplace-button,.marketplace-buy { display:inline-flex; align-items:center; justify-content:center; min-height:2.7rem; padding:0 1rem; border:0; border-radius:.65rem; background:#1672df; color:#fff; font-weight:800; text-decoration:none; }
.marketplace-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.marketplace-card { overflow:hidden; border:1px solid #dce9f7; border-radius:1rem; background:#fff; box-shadow:0 .35rem 1.2rem #1c5b9610; }
.marketplace-card__media { display:grid; place-items:center; aspect-ratio:4/3; overflow:hidden; background:linear-gradient(135deg,#dcecff,#f7fbff); color:#4d82c5; font-weight:800; text-decoration:none; }
.marketplace-card__media img { width:100%; height:100%; object-fit:cover; }
.marketplace-card__body { padding:1rem; }.marketplace-card__body h2 { margin:.45rem 0; font-size:1.05rem; }.marketplace-card__body h2 a { color:#13213d; text-decoration:none; }.marketplace-card__body p { margin:0; color:#64748b; font-size:.88rem; }.marketplace-card__meta { display:flex; justify-content:space-between; gap:.5rem; color:#1672df; font-size:.78rem; }.marketplace-card__meta strong { color:#13213d; }
.marketplace-detail__card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2rem; padding:2rem; border:1px solid #dce9f7; border-radius:1.25rem; background:#fff; }.marketplace-detail__preview { display:grid; place-items:center; min-height:22rem; border-radius:1rem; background:linear-gradient(135deg,#dcecff,#f7fbff); color:#1672df; font-size:1.4rem; font-weight:800; }.marketplace-detail h1 { color:#112044; }.marketplace-detail__seller { color:#1672df; font-weight:700; }.marketplace-detail__price { margin:1.5rem 0; color:#112044; font-size:2rem; font-weight:900; }.marketplace-buy:disabled { cursor:not-allowed; opacity:.55; }.marketplace-detail small { display:block; margin-top:.75rem; color:#64748b; }.marketplace-back { color:#1672df; font-weight:700; text-decoration:none; }
.marketplace-section-heading { display:flex; justify-content:space-between; align-items:center; gap:1rem; }.marketplace-list-table,.marketplace-form { padding:1.25rem; border:1px solid #dce9f7; border-radius:1rem; background:#fff; }.marketplace-list-table { display:grid; gap:.75rem; }.marketplace-list-table>div { display:flex; justify-content:space-between; padding:1rem; border-bottom:1px solid #edf3f9; }.marketplace-list-table small { color:#64748b; }.marketplace-form { display:grid; gap:1rem; max-width:48rem; }.marketplace-form label { display:grid; gap:.35rem; color:#13213d; font-weight:700; }
.admin-marketplace { display:grid; gap:1.25rem; }.admin-marketplace__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.admin-marketplace__stats article,.admin-marketplace__card { padding:1.25rem; }.admin-marketplace__stats small { color:#64748b; }.admin-marketplace__stats strong { display:block; margin-top:.4rem; color:#13213d; font-size:1.8rem; }.admin-marketplace__links { display:flex; gap:.75rem; flex-wrap:wrap; }.admin-marketplace__links a { padding:.75rem 1rem; border:1px solid #b9d6ff; border-radius:.7rem; color:#1672df; background:#f4faff; font-weight:800; text-decoration:none; }.admin-marketplace__table { width:100%; border-collapse:collapse; }.admin-marketplace__table th,.admin-marketplace__table td { padding:.75rem; border-bottom:1px solid #e3edf7; text-align:left; vertical-align:middle; }.admin-marketplace__table small { display:block; color:#64748b; }.admin-marketplace__table input,.admin-marketplace__table select { max-width:12rem; min-height:2.2rem; padding:.35rem .5rem; border:1px solid #cbd9e8; border-radius:.5rem; }.admin-marketplace__table button { min-height:2.2rem; padding:0 .7rem; border:0; border-radius:.5rem; background:#1672df; color:#fff; font-weight:700; }
@media (max-width: 950px) { .marketplace-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .marketplace-detail__card { grid-template-columns:1fr; } }
@media (max-width: 640px) { .marketplace-grid,.marketplace-toolbar,.admin-marketplace__stats { grid-template-columns:1fr; } .marketplace-hero,.marketplace-section-heading { display:grid; } .admin-marketplace__table { display:block; overflow-x:auto; } }
.marketplace-detail-facts--body { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1rem; }
.marketplace-detail-feedback-form { margin:0 0 1.25rem; padding:1rem; border:1px solid #d9e8f8; border-radius:1rem; background:#f7fbff; }
.marketplace-detail-feedback-form fieldset { display:grid; gap:.7rem; border:0; padding:0; margin:0; }
.marketplace-detail-feedback-form input,.marketplace-detail-feedback-form select,.marketplace-detail-feedback-form textarea { width:100%; box-sizing:border-box; border:1px solid #cbdced; border-radius:.65rem; padding:.7rem .8rem; background:#fff; font:inherit; }
.marketplace-detail-feedback-form textarea { min-height:6rem; resize:vertical; }
.marketplace-detail-feedback-form button { justify-self:start; border:0; border-radius:.65rem; padding:.7rem 1rem; background:#1672df; color:#fff; font-weight:800; }
.marketplace-detail-feedback-item { padding:.85rem 0; border-bottom:1px solid #e4edf6; }
.marketplace-detail-feedback-item strong { margin-right:.75rem; }
.marketplace-detail-feedback-item span { color:#e99b00; font-weight:700; }
.marketplace-detail-feedback-item small { color:#71829c; margin-left:.6rem; }
.admin-marketplace-review-form { display:grid; gap:.75rem; grid-template-columns:2fr 1fr 2fr; margin-top:1rem; }
.admin-marketplace-review-form input,.admin-marketplace-review-form select,.admin-marketplace-review-form textarea { border:1px solid #cbd9e8; border-radius:.55rem; min-height:2.4rem; padding:.55rem .7rem; font:inherit; }
.admin-marketplace-review-form textarea { grid-column:1 / 3; min-height:5rem; resize:vertical; }
.admin-marketplace-review-form button { align-self:end; background:#1672df; border:0; border-radius:.55rem; color:#fff; font-weight:800; min-height:2.4rem; padding:0 1rem; }
@media (max-width: 800px) { .admin-marketplace-review-form { grid-template-columns:1fr; } .admin-marketplace-review-form textarea { grid-column:auto; } }
.admin-marketplace-dashboard { --amd-ink:#122647; --amd-muted:#6b7f9c; display:grid; gap:1.15rem; min-width:0; }
.admin-marketplace-dashboard__hero { background:radial-gradient(circle at 82% 32%,rgba(255,255,255,.96),transparent 25%),linear-gradient(135deg,#edf7ff 0%,#e6f2ff 56%,#f6f0ff 100%); border:1px solid #d8e8f8; border-radius:24px; box-shadow:0 18px 42px rgba(43,86,139,.09); display:flex; min-height:230px; overflow:hidden; padding:2rem 2.2rem; position:relative; }
.admin-marketplace-dashboard__hero-copy { max-width:650px; position:relative; z-index:1; }.admin-marketplace-dashboard__hero h1 { color:var(--amd-ink); font-size:clamp(2rem,4vw,3.15rem); letter-spacing:-.045em; line-height:1.04; margin:.65rem 0 .75rem; }.admin-marketplace-dashboard__hero h1 span { color:#2278e8; }.admin-marketplace-dashboard__hero p:not(.admin-marketplace__eyebrow) { color:var(--amd-muted); font-size:1rem; line-height:1.6; margin:0; max-width:600px; }.admin-marketplace-dashboard__actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.3rem; }.admin-marketplace-dashboard__actions a { align-items:center; background:#1672df; border-radius:.7rem; color:#fff; display:inline-flex; font-weight:800; gap:.45rem; padding:.75rem 1rem; text-decoration:none; }.admin-marketplace-dashboard__actions a.is-secondary { background:rgba(255,255,255,.78); border:1px solid #bddbfa; color:#1672df; }.admin-marketplace-dashboard__actions .default-theme-icon { height:1rem; width:1rem; }
.admin-marketplace-dashboard__hero-art { flex:1; min-width:250px; position:relative; }.admin-marketplace-dashboard__bag { align-items:center; background:linear-gradient(145deg,#3389f4,#1467d5); border-radius:15px 15px 25px 25px; box-shadow:0 22px 35px rgba(22,104,220,.25); color:#dcedff; display:flex; font-size:2.5rem; height:110px; justify-content:center; position:absolute; right:22%; top:26%; transform:rotate(7deg); width:125px; }.admin-marketplace-dashboard__bag:before { border:5px solid #3c8ff3; border-bottom:0; border-radius:50px 50px 0 0; content:''; height:45px; left:33px; position:absolute; top:-33px; width:55px; }.admin-marketplace-dashboard__orb { color:#fff; font-size:2rem; position:absolute; }.admin-marketplace-dashboard__orb--one { right:12%; top:12%; color:#7c3aed; }.admin-marketplace-dashboard__orb--two { bottom:15%; left:20%; color:#1672df; }.admin-marketplace-dashboard__hero-chip { background:rgba(255,255,255,.86); border:1px solid #fff; border-radius:999px; box-shadow:0 10px 24px rgba(43,86,139,.12); color:#466180; font-size:.7rem; font-weight:850; padding:.55rem .75rem; position:absolute; }.admin-marketplace-dashboard__hero-chip--one { bottom:15%; right:7%; color:#168252; }.admin-marketplace-dashboard__hero-chip--two { left:10%; top:24%; color:#1672df; }
.admin-marketplace-dashboard__metrics { display:grid; gap:1rem; grid-template-columns:repeat(5,minmax(0,1fr)); }.admin-marketplace-dashboard__metrics article { align-items:center; background:#fff; border:1px solid #e2eaf5; border-radius:17px; box-shadow:0 12px 30px rgba(43,86,139,.06); display:grid; grid-template-columns:44px 1fr; padding:1rem; }.admin-marketplace-dashboard__metrics article > span { align-items:center; background:#e8f1ff; border-radius:13px; color:#1769db; display:inline-flex; grid-row:span 3; height:43px; justify-content:center; width:43px; }.admin-marketplace-dashboard__metrics article > span.is-green { background:#e7faf1; color:#15935c; }.admin-marketplace-dashboard__metrics article > span.is-purple { background:#f1eaff; color:#7c3aed; }.admin-marketplace-dashboard__metrics article > span.is-gold { background:#fff2d7; color:#d88900; }.admin-marketplace-dashboard__metrics article > span.is-cyan { background:#e4f8fb; color:#07899b; }.admin-marketplace-dashboard__metrics small { color:#7185a1; font-size:.66rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }.admin-marketplace-dashboard__metrics strong { color:var(--amd-ink); font-size:1.4rem; line-height:1.15; margin-top:3px; }.admin-marketplace-dashboard__metrics em { color:#8191a8; font-size:.68rem; font-style:normal; margin-top:3px; }
.admin-marketplace-dashboard__grid { display:grid; gap:1.15rem; grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr); }.admin-marketplace-dashboard__grid--lower { grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); }.admin-marketplace-dashboard__section { background:#fff; border:1px solid #e2eaf5; border-radius:21px; box-shadow:0 14px 34px rgba(43,86,139,.06); min-width:0; padding:1.25rem; }.admin-marketplace-dashboard__section-heading { align-items:flex-end; display:flex; gap:1rem; justify-content:space-between; margin-bottom:1rem; }.admin-marketplace-dashboard__section-heading h2 { color:var(--amd-ink); font-size:1.25rem; margin:.25rem 0; }.admin-marketplace-dashboard__section-heading p { color:var(--amd-muted); font-size:.78rem; margin:0; }.admin-marketplace-dashboard__section-heading a { align-items:center; color:#1672df; display:inline-flex; font-size:.75rem; font-weight:850; gap:.35rem; text-decoration:none; white-space:nowrap; }.admin-marketplace-dashboard__kicker { color:#1672df!important; font-size:.65rem!important; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.admin-marketplace-dashboard__pulse-grid { display:grid; gap:.65rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-marketplace-dashboard__pulse-grid a { align-items:center; background:#f8faff; border:1px solid #e5edf7; border-radius:14px; color:var(--amd-ink); display:flex; gap:.7rem; padding:.8rem; text-decoration:none; transition:.18s ease; }.admin-marketplace-dashboard__pulse-grid a:hover { border-color:#9fc3ff; box-shadow:0 10px 22px rgba(43,86,139,.1); transform:translateY(-2px); }.admin-marketplace-dashboard__pulse-grid a > span { align-items:center; background:#e8f1ff; border-radius:11px; color:#1769db; display:inline-flex; flex:0 0 37px; height:37px; justify-content:center; }.admin-marketplace-dashboard__pulse-grid a > span.is-gold { background:#fff2d7; color:#d88900; }.admin-marketplace-dashboard__pulse-grid a > span.is-purple { background:#f1eaff; color:#7c3aed; }.admin-marketplace-dashboard__pulse-grid a > span.is-red { background:#ffebed; color:#d83c48; }.admin-marketplace-dashboard__pulse-grid strong { display:block; font-size:1.2rem; }.admin-marketplace-dashboard__pulse-grid small { color:#526987; display:block; font-size:.7rem; font-weight:850; margin-top:2px; }.admin-marketplace-dashboard__pulse-grid p { color:#8191a8!important; font-size:.68rem!important; margin-top:3px!important; }.admin-marketplace-dashboard__pulse-grid > a > .default-theme-icon { color:#91a2b8; height:15px; margin-left:auto; width:15px; }
.admin-marketplace-dashboard__mix { display:grid; gap:1rem; }.admin-marketplace-dashboard__mix > div > div { display:flex; justify-content:space-between; }.admin-marketplace-dashboard__mix span { color:#526987; font-size:.78rem; font-weight:750; }.admin-marketplace-dashboard__mix strong { color:var(--amd-ink); font-size:.8rem; }.admin-marketplace-dashboard__mix i { background:#edf3fa; border-radius:999px; display:block; height:8px; margin-top:.45rem; overflow:hidden; }.admin-marketplace-dashboard__mix b { background:linear-gradient(90deg,#398ef2,#7c3aed); border-radius:inherit; display:block; height:100%; }
.admin-marketplace-dashboard__listing-list,.admin-marketplace-dashboard__orders,.admin-marketplace-dashboard__seller-list,.admin-marketplace-dashboard__review-list { display:grid; gap:.55rem; }.admin-marketplace-dashboard__listing-list > a,.admin-marketplace-dashboard__orders > div { align-items:center; background:#f8faff; border:1px solid #e6edf7; border-radius:13px; color:var(--amd-ink); display:flex; gap:.7rem; min-width:0; padding:.7rem .8rem; text-decoration:none; }.admin-marketplace-dashboard__listing-list > a:hover { border-color:#9fc3ff; }.admin-marketplace-dashboard__listing-icon { align-items:center; background:#e8f1ff; border-radius:10px; color:#1769db; display:inline-flex; flex:0 0 34px; height:34px; justify-content:center; }.admin-marketplace-dashboard__listing-list strong,.admin-marketplace-dashboard__listing-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.admin-marketplace-dashboard__listing-list strong { font-size:.8rem; }.admin-marketplace-dashboard__listing-list small { color:#8191a8; font-size:.68rem; margin-top:3px; }.admin-marketplace-dashboard__listing-price { color:#1672df; font-size:.75rem; font-weight:850; margin-left:auto; white-space:nowrap; }.admin-marketplace-dashboard__status { border-radius:999px; font-size:.62rem; font-weight:850; margin-left:auto; padding:.3rem .5rem; text-transform:capitalize; white-space:nowrap; }.admin-marketplace-dashboard__status--published { background:#e7faf1; color:#168252; }.admin-marketplace-dashboard__status--pending_review { background:#fff2d7; color:#a56a00; }.admin-marketplace-dashboard__status--paused,.admin-marketplace-dashboard__status--removed { background:#f0f3f7; color:#63748c; }
.admin-marketplace-dashboard__seller-list > div { align-items:center; display:flex; gap:.65rem; padding:.55rem 0; }.admin-marketplace-dashboard__seller-list > div > span { align-items:center; background:linear-gradient(145deg,#237cf0,#8b5cf6); border-radius:10px; color:#fff; display:inline-flex; flex:0 0 33px; font-size:.75rem; font-weight:850; height:33px; justify-content:center; }.admin-marketplace-dashboard__seller-list strong,.admin-marketplace-dashboard__seller-list small { display:block; }.admin-marketplace-dashboard__seller-list strong { font-size:.78rem; }.admin-marketplace-dashboard__seller-list small { color:#8191a8; font-size:.67rem; margin-top:2px; }.admin-marketplace-dashboard__seller-list b { color:#168252; font-size:.75rem; margin-left:auto; }.admin-marketplace-dashboard__orders > div { gap:1rem; }.admin-marketplace-dashboard__orders > div > span { color:#8191a8; font-size:.68rem; font-weight:800; }.admin-marketplace-dashboard__orders strong { flex:1; font-size:.76rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.admin-marketplace-dashboard__orders small { color:#8191a8; font-size:.68rem; }.admin-marketplace-dashboard__orders b { color:#168252; font-size:.75rem; white-space:nowrap; }.admin-marketplace-dashboard__review-list > div { align-items:center; display:flex; gap:.65rem; padding:.45rem 0; }.admin-marketplace-dashboard__review-list > div > span { align-items:center; background:#fff2d7; border-radius:9px; color:#d88900; display:inline-flex; height:32px; justify-content:center; width:32px; }.admin-marketplace-dashboard__review-list strong,.admin-marketplace-dashboard__review-list small { display:block; }.admin-marketplace-dashboard__review-list strong { font-size:.75rem; }.admin-marketplace-dashboard__review-list small { color:#8191a8; font-size:.67rem; margin-top:2px; }.admin-marketplace-dashboard__empty { color:#8191a8; font-size:.78rem; margin:.5rem 0; }.admin-marketplace-dashboard__quick-links { display:grid; gap:.8rem; grid-template-columns:repeat(3,minmax(0,1fr)); }.admin-marketplace-dashboard__quick-links a { align-items:center; background:linear-gradient(135deg,#f4f9ff,#fff); border:1px solid #dce8f6; border-radius:15px; color:var(--amd-ink); display:flex; gap:.7rem; padding:.9rem 1rem; text-decoration:none; }.admin-marketplace-dashboard__quick-links a > .default-theme-icon:first-child { color:#1672df; height:20px; width:20px; }.admin-marketplace-dashboard__quick-links span { flex:1; }.admin-marketplace-dashboard__quick-links strong,.admin-marketplace-dashboard__quick-links small { display:block; }.admin-marketplace-dashboard__quick-links strong { font-size:.78rem; }.admin-marketplace-dashboard__quick-links small { color:#8191a8; font-size:.67rem; margin-top:3px; }.admin-marketplace-dashboard__quick-links a > .default-theme-icon:last-child { color:#8ba0b9; height:15px; width:15px; }
@media (max-width:1050px) { .admin-marketplace-dashboard__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-marketplace-dashboard__grid,.admin-marketplace-dashboard__grid--lower { grid-template-columns:1fr; } }
@media (max-width:700px) { .admin-marketplace-dashboard__hero { padding:1.35rem; }.admin-marketplace-dashboard__hero-art { display:none; }.admin-marketplace-dashboard__metrics,.admin-marketplace-dashboard__pulse-grid,.admin-marketplace-dashboard__quick-links { grid-template-columns:1fr; }.admin-marketplace-dashboard__section-heading { align-items:flex-start; flex-direction:column; gap:.5rem; }.admin-marketplace-dashboard__listing-list > a { align-items:flex-start; flex-wrap:wrap; }.admin-marketplace-dashboard__status { margin-left:0; }.admin-marketplace-dashboard__listing-price { margin-left:auto; } }

.admin-marketplace-listings { --aml-ink:#122647; --aml-muted:#6b7f9c; display:grid; gap:1.15rem; min-width:0; }
.admin-marketplace-listings__hero { align-items:center; background:linear-gradient(135deg,#eef8ff,#f7f1ff); border:1px solid #d8e8f8; border-radius:24px; box-shadow:0 18px 42px rgba(43,86,139,.08); display:flex; justify-content:space-between; min-height:150px; padding:1.7rem 2rem; }
.admin-marketplace-listings__hero h1 { color:var(--aml-ink); font-size:clamp(2rem,4vw,2.8rem); letter-spacing:-.045em; margin:.4rem 0 .45rem; }.admin-marketplace-listings__hero h1 span { color:#2278e8; }.admin-marketplace-listings__hero p:last-child { color:var(--aml-muted); margin:0; }.admin-marketplace-listings__hero-actions { display:flex; flex-wrap:wrap; gap:.65rem; }.admin-marketplace-listings__hero-actions a { align-items:center; background:#1672df; border-radius:.7rem; color:#fff; display:inline-flex; font-size:.78rem; font-weight:850; gap:.45rem; padding:.75rem .95rem; text-decoration:none; }.admin-marketplace-listings__hero-actions a svg { height:1rem; width:1rem; }.admin-marketplace-listings__hero-actions .admin-marketplace-listings__ghost { background:#fff; border:1px solid #c6def9; color:#1672df; }
.admin-marketplace-listings__stats { display:grid; gap:.85rem; grid-template-columns:repeat(5,minmax(0,1fr)); }.admin-marketplace-listings__stats > a,.admin-marketplace-listings__stats > div { align-items:center; background:#fff; border:1px solid #e2eaf5; border-radius:17px; box-shadow:0 12px 30px rgba(43,86,139,.05); color:var(--aml-ink); display:grid; gap:.7rem; grid-template-columns:39px 1fr; padding:.85rem; text-decoration:none; }.admin-marketplace-listings__stats > a:hover,.admin-marketplace-listings__stats > a.is-active { border-color:#9fc3ff; box-shadow:0 10px 24px rgba(43,86,139,.1); transform:translateY(-1px); }.admin-marketplace-listings__stats > span { align-items:center; background:#e8f1ff; border-radius:11px; color:#1769db; display:inline-flex; grid-row:span 3; height:39px; justify-content:center; width:39px; }.admin-marketplace-listings__stats > a > span,.admin-marketplace-listings__stats > div > span { align-items:center; background:#e8f1ff; border-radius:11px; color:#1769db; display:inline-flex; grid-row:span 3; height:39px; justify-content:center; width:39px; }.admin-marketplace-listings__stats > a > span.is-gold { background:#fff2d7; color:#d88900; }.admin-marketplace-listings__stats > a > span.is-green { background:#e7faf1; color:#15935c; }.admin-marketplace-listings__stats > a > span.is-purple { background:#f1eaff; color:#7c3aed; }.admin-marketplace-listings__stats > div > span.is-cyan { background:#e4f8fb; color:#07899b; }.admin-marketplace-listings__stats small,.admin-marketplace-listings__stats em { color:#7185a1; display:block; font-size:.64rem; font-style:normal; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.admin-marketplace-listings__stats strong { color:var(--aml-ink); display:block; font-size:1.35rem; line-height:1.15; margin:.2rem 0; }
.admin-marketplace-listings__toolbar { align-items:center; background:#fff; border:1px solid #e2eaf5; border-radius:18px; box-shadow:0 12px 30px rgba(43,86,139,.05); display:flex; gap:1rem; justify-content:space-between; padding:.85rem 1rem; }.admin-marketplace-listings__filters { align-items:end; display:flex; flex:1; flex-wrap:wrap; gap:.65rem; }.admin-marketplace-listings__filters label:not(.admin-marketplace-listings__search) { display:grid; gap:.25rem; }.admin-marketplace-listings__filters label > span { color:#70829a; font-size:.62rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }.admin-marketplace-listings__search { align-items:center; background:#f7faff; border:1px solid #dce8f5; border-radius:.65rem; display:flex; flex:1 1 270px; gap:.5rem; min-height:2.4rem; padding:0 .65rem; }.admin-marketplace-listings__search svg { color:#6e86a2; height:1rem; width:1rem; }.admin-marketplace-listings__search input { background:transparent; border:0; color:var(--aml-ink); flex:1; min-width:0; outline:0; }.admin-marketplace-listings__search kbd { background:#fff; border:1px solid #d9e5f3; border-radius:.35rem; color:#8294a9; font-size:.68rem; padding:.2rem .4rem; }.admin-marketplace-listings__filters select { background:#f7faff; border:1px solid #dce8f5; border-radius:.65rem; color:#334968; min-height:2.4rem; min-width:130px; padding:0 .6rem; }.admin-marketplace-listings__filters button { align-items:center; background:#1672df; border:0; border-radius:.65rem; color:#fff; display:inline-flex; font-weight:850; gap:.4rem; min-height:2.4rem; padding:0 .85rem; }.admin-marketplace-listings__filters button svg { height:1rem; width:1rem; }.admin-marketplace-listings__clear { align-items:center; color:#1672df; display:inline-flex; font-size:.75rem; font-weight:800; min-height:2.4rem; padding:0 .35rem; text-decoration:none; }.admin-marketplace-listings__toolbar-note { align-items:center; color:#7588a2; display:flex; font-size:.72rem; gap:.4rem; white-space:nowrap; }.admin-marketplace-listings__live-dot { background:#18a866; border-radius:50%; box-shadow:0 0 0 4px #e7faf1; height:.45rem; width:.45rem; }
.admin-marketplace-listings__catalogue { background:#fff; border:1px solid #e2eaf5; border-radius:21px; box-shadow:0 14px 34px rgba(43,86,139,.06); min-width:0; overflow:hidden; padding:1.25rem; }.admin-marketplace-listings__section-heading { align-items:flex-end; display:flex; gap:1rem; justify-content:space-between; margin-bottom:1rem; }.admin-marketplace-listings__section-heading h2 { color:var(--aml-ink); font-size:1.35rem; margin:.2rem 0; }.admin-marketplace-listings__section-heading p:last-child { color:var(--aml-muted); font-size:.78rem; margin:0; }.admin-marketplace-listings__section-heading a { align-items:center; color:#1672df; display:inline-flex; font-size:.75rem; font-weight:850; gap:.35rem; text-decoration:none; white-space:nowrap; }.admin-marketplace-listings__table-wrap { overflow-x:auto; }.admin-marketplace-listings__table { border-collapse:separate; border-spacing:0 .55rem; min-width:1050px; width:100%; }.admin-marketplace-listings__table th { color:#8191a8; font-size:.63rem; font-weight:850; letter-spacing:.05em; padding:0 .75rem .25rem; text-align:left; text-transform:uppercase; }.admin-marketplace-listings__table td { background:#f8faff; border-bottom:1px solid #e6edf7; border-top:1px solid #e6edf7; color:var(--aml-ink); padding:.75rem; vertical-align:middle; }.admin-marketplace-listings__table td:first-child { border-left:1px solid #e6edf7; border-radius:13px 0 0 13px; }.admin-marketplace-listings__table td:last-child { border-radius:0 13px 13px 0; border-right:1px solid #e6edf7; }.admin-marketplace-listings__listing,.admin-marketplace-listings__creator { align-items:center; display:flex; gap:.65rem; min-width:230px; }.admin-marketplace-listings__listing-icon,.admin-marketplace-listings__creator > span { align-items:center; background:#e8f1ff; border-radius:10px; color:#1672df; display:inline-flex; flex:0 0 37px; height:37px; justify-content:center; width:37px; }.admin-marketplace-listings__listing strong,.admin-marketplace-listings__listing small,.admin-marketplace-listings__listing code,.admin-marketplace-listings__creator strong,.admin-marketplace-listings__creator small { display:block; }.admin-marketplace-listings__listing strong,.admin-marketplace-listings__creator strong { font-size:.78rem; max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.admin-marketplace-listings__listing small,.admin-marketplace-listings__creator small,.admin-marketplace-listings__fee,.admin-marketplace-listings__published { color:#8191a8; font-size:.67rem; margin-top:.2rem; }.admin-marketplace-listings__listing code { color:#9aa9bb; font-size:.62rem; margin-top:.18rem; }.admin-marketplace-listings__creator > span { background:linear-gradient(145deg,#237cf0,#8b5cf6); color:#fff; font-size:.75rem; font-weight:850; }.admin-marketplace-listings__price { color:#1672df; display:block; font-size:.8rem; white-space:nowrap; }.admin-marketplace-listings__fee,.admin-marketplace-listings__published { display:block; }.admin-marketplace-listings__signals { display:flex; flex-wrap:wrap; gap:.5rem; }.admin-marketplace-listings__signals span { align-items:center; color:#687d99; display:inline-flex; font-size:.7rem; gap:.2rem; white-space:nowrap; }.admin-marketplace-listings__signals svg { color:#1672df; height:.85rem; width:.85rem; }.admin-marketplace-listings__status { align-items:center; border-radius:999px; display:inline-flex; font-size:.65rem; font-weight:850; gap:.35rem; padding:.35rem .55rem; white-space:nowrap; }.admin-marketplace-listings__status i { background:currentColor; border-radius:50%; height:.35rem; width:.35rem; }.admin-marketplace-listings__status--published { background:#e7faf1; color:#168252; }.admin-marketplace-listings__status--pending_review { background:#fff2d7; color:#a56a00; }.admin-marketplace-listings__status--paused { background:#edf2f7; color:#657891; }.admin-marketplace-listings__status--removed { background:#ffebed; color:#d83c48; }
.admin-marketplace-listings__tag-form { display:grid; gap:.4rem; min-width:205px; }.admin-marketplace-listings__tag-preview { display:flex; flex-wrap:wrap; gap:.25rem; }.admin-marketplace-listings__tag-preview span { background:#eaf3ff; border-radius:999px; color:#3873b8; font-size:.62rem; padding:.25rem .45rem; }.admin-marketplace-listings__tag-preview span.is-empty { background:#f0f3f7; color:#8796aa; }.admin-marketplace-listings__tag-edit { display:flex; gap:.3rem; }.admin-marketplace-listings__tag-edit input { background:#fff; border:1px solid #d8e4f0; border-radius:.45rem; color:#3b5270; font-size:.68rem; min-width:0; padding:.42rem .5rem; width:100%; }.admin-marketplace-listings__tag-edit button { align-items:center; background:#e7faf1; border:1px solid #b9ead0; border-radius:.45rem; color:#168252; display:inline-flex; justify-content:center; width:2rem; }.admin-marketplace-listings__tag-edit svg { height:.8rem; width:.8rem; }.admin-marketplace-listings__empty { padding:3rem 1rem; text-align:center; }.admin-marketplace-listings__empty > span { color:#1672df; font-size:2rem; }.admin-marketplace-listings__empty h3 { color:var(--aml-ink); margin:.6rem 0 .25rem; }.admin-marketplace-listings__empty p { color:var(--aml-muted); font-size:.8rem; margin:0 0 1rem; }.admin-marketplace-listings__empty a { color:#1672df; font-size:.78rem; font-weight:850; text-decoration:none; }.admin-marketplace-listings__pagination { padding-top:1rem; }.admin-marketplace-listings__pagination nav { display:flex; justify-content:center; }
@media (max-width:1200px) { .admin-marketplace-listings__stats { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px) { .admin-marketplace-listings__hero { align-items:flex-start; flex-direction:column; gap:1rem; padding:1.3rem; }.admin-marketplace-listings__hero-actions { width:100%; }.admin-marketplace-listings__hero-actions a { flex:1; justify-content:center; }.admin-marketplace-listings__stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-marketplace-listings__toolbar { align-items:stretch; flex-direction:column; }.admin-marketplace-listings__toolbar-note { justify-content:flex-end; }.admin-marketplace-listings__filters { align-items:stretch; flex-direction:column; }.admin-marketplace-listings__filters label,.admin-marketplace-listings__filters select,.admin-marketplace-listings__filters button { width:100%; }.admin-marketplace-listings__search { flex-basis:auto; }.admin-marketplace-listings__section-heading { align-items:flex-start; flex-direction:column; gap:.5rem; } }
@media (max-width:480px) { .admin-marketplace-listings__stats { grid-template-columns:1fr; } .admin-marketplace-listings__catalogue { padding:.85rem; } }
.admin-marketplace-reviews { --amr-ink:#122647; --amr-muted:#6b7f9c; display:grid; gap:1.15rem; min-width:0; }
.admin-marketplace-reviews__hero { align-items:center; background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.9),transparent 30%),linear-gradient(135deg,#edf7ff,#f4efff); border:1px solid #d8e8f8; border-radius:24px; box-shadow:0 18px 42px rgba(43,86,139,.08); display:flex; justify-content:space-between; min-height:170px; overflow:hidden; padding:1.7rem 2rem; }.admin-marketplace-reviews__hero h1 { color:var(--amr-ink); font-size:clamp(2rem,4vw,2.8rem); letter-spacing:-.045em; margin:.4rem 0 .45rem; }.admin-marketplace-reviews__hero h1 span { color:#2278e8; }.admin-marketplace-reviews__hero p:last-child { color:var(--amr-muted); margin:0; max-width:650px; }.admin-marketplace-reviews__hero-art { align-items:center; background:linear-gradient(145deg,#277ff0,#7548e8); border-radius:50%; box-shadow:0 18px 35px rgba(48,92,190,.22); color:#fff; display:flex; flex-direction:column; height:125px; justify-content:center; margin-right:3rem; position:relative; width:125px; }.admin-marketplace-reviews__hero-art::before,.admin-marketplace-reviews__hero-art::after { color:#89baff; content:'✦'; font-size:1.6rem; position:absolute; }.admin-marketplace-reviews__hero-art::before { left:-2rem; top:1rem; }.admin-marketplace-reviews__hero-art::after { bottom:.5rem; right:-2rem; }.admin-marketplace-reviews__hero-art span { color:#ffcf54; font-size:1.7rem; }.admin-marketplace-reviews__hero-art b { font-size:1.7rem; line-height:1.1; }.admin-marketplace-reviews__hero-art small { font-size:.65rem; opacity:.85; }
.admin-marketplace-reviews__stats { display:grid; gap:.85rem; grid-template-columns:repeat(4,minmax(0,1fr)); }.admin-marketplace-reviews__stats > div { align-items:center; background:#fff; border:1px solid #e2eaf5; border-radius:17px; box-shadow:0 12px 30px rgba(43,86,139,.05); display:grid; gap:.7rem; grid-template-columns:39px 1fr; padding:.85rem; }.admin-marketplace-reviews__stats > div > span { align-items:center; background:#e8f1ff; border-radius:11px; color:#1769db; display:inline-flex; grid-row:span 3; height:39px; justify-content:center; width:39px; }.admin-marketplace-reviews__stats > div > span.is-green { background:#e7faf1; color:#15935c; }.admin-marketplace-reviews__stats > div > span.is-gold { background:#fff2d7; color:#d88900; }.admin-marketplace-reviews__stats > div > span.is-purple { background:#f1eaff; color:#7c3aed; }.admin-marketplace-reviews__stats small,.admin-marketplace-reviews__stats em { color:#7185a1; display:block; font-size:.64rem; font-style:normal; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.admin-marketplace-reviews__stats strong { color:var(--amr-ink); display:block; font-size:1.35rem; line-height:1.15; margin:.2rem 0; }
.admin-marketplace-reviews__grid { align-items:stretch; display:grid; gap:1.15rem; grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr); }.admin-marketplace-reviews__composer,.admin-marketplace-reviews__side,.admin-marketplace-reviews__list { background:#fff; border:1px solid #e2eaf5; border-radius:21px; box-shadow:0 14px 34px rgba(43,86,139,.06); min-width:0; padding:1.25rem; }.admin-marketplace-reviews__section-heading { align-items:flex-start; display:flex; gap:1rem; justify-content:space-between; margin-bottom:1rem; }.admin-marketplace-reviews__section-heading h2 { color:var(--amr-ink); font-size:1.3rem; margin:.2rem 0; }.admin-marketplace-reviews__section-heading p:last-child { color:var(--amr-muted); font-size:.78rem; margin:0; }.admin-marketplace-reviews__heading-icon { align-items:center; background:#e8f1ff; border:1px solid #cfe3ff; border-radius:12px; color:#1672df; display:inline-flex; height:42px; justify-content:center; width:42px; }.admin-marketplace-reviews__heading-icon svg { height:19px; width:19px; }
.admin-marketplace-reviews__form { display:grid; gap:.85rem; grid-template-columns:1.5fr .7fr; }.admin-marketplace-reviews__form label { display:grid; gap:.3rem; }.admin-marketplace-reviews__form label.is-wide { grid-column:1 / -1; }.admin-marketplace-reviews__form label > span,.admin-marketplace-reviews__moderate label > span { color:#526987; font-size:.7rem; font-weight:850; }.admin-marketplace-reviews__form label > span small { color:#9aa9bb; font-weight:600; }.admin-marketplace-reviews__form input,.admin-marketplace-reviews__form select,.admin-marketplace-reviews__form textarea { background:#f8faff; border:1px solid #d5e3f1; border-radius:.65rem; box-sizing:border-box; color:var(--amr-ink); font:inherit; min-height:2.55rem; outline:0; padding:.6rem .7rem; width:100%; }.admin-marketplace-reviews__form textarea { resize:vertical; }.admin-marketplace-reviews__form input:focus,.admin-marketplace-reviews__form select:focus,.admin-marketplace-reviews__form textarea:focus { border-color:#5ba0fb; box-shadow:0 0 0 3px rgba(49,132,239,.12); }.admin-marketplace-reviews__form-footer { align-items:center; display:flex; gap:1rem; grid-column:1 / -1; justify-content:space-between; padding-top:.3rem; }.admin-marketplace-reviews__form-footer small { align-items:center; color:#7185a1; display:inline-flex; font-size:.7rem; gap:.35rem; }.admin-marketplace-reviews__form-footer small svg { color:#168252; height:15px; width:15px; }.admin-marketplace-reviews__form-footer button,.admin-marketplace-reviews__moderate button { align-items:center; background:#1672df; border:0; border-radius:.65rem; color:#fff; display:inline-flex; font-weight:850; gap:.4rem; min-height:2.45rem; padding:0 .85rem; }.admin-marketplace-reviews__form-footer button svg,.admin-marketplace-reviews__moderate button svg { height:15px; width:15px; }
.admin-marketplace-reviews__side { background:linear-gradient(145deg,#f5faff,#fbf8ff); display:flex; flex-direction:column; gap:1rem; }.admin-marketplace-reviews__side > div { border-bottom:1px solid #e0ebf7; padding-bottom:1rem; }.admin-marketplace-reviews__side > div:last-of-type { border-bottom:0; }.admin-marketplace-reviews__side-icon { align-items:center; background:#e7faf1; border-radius:11px; color:#168252; display:inline-flex; height:37px; justify-content:center; margin-bottom:.55rem; width:37px; }.admin-marketplace-reviews__side-icon.is-purple { background:#f1eaff; color:#7c3aed; }.admin-marketplace-reviews__side-icon svg { height:18px; width:18px; }.admin-marketplace-reviews__side h3 { color:var(--amr-ink); font-size:.9rem; margin:0 0 .25rem; }.admin-marketplace-reviews__side p { color:var(--amr-muted); font-size:.75rem; line-height:1.5; margin:0; }.admin-marketplace-reviews__side > a { align-items:center; color:#1672df; display:flex; font-size:.73rem; font-weight:850; gap:.35rem; margin-top:auto; text-decoration:none; }.admin-marketplace-reviews__side > a svg { height:14px; width:14px; }
.admin-marketplace-reviews__list { padding:1.25rem; }.admin-marketplace-reviews__cards { display:grid; gap:.8rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-marketplace-reviews__card { background:#f8faff; border:1px solid #e3edf7; border-radius:15px; min-width:0; padding:1rem; }.admin-marketplace-reviews__card-top { align-items:center; display:flex; gap:.55rem; }.admin-marketplace-reviews__avatar { align-items:center; background:linear-gradient(145deg,#237cf0,#8b5cf6); border-radius:50%; color:#fff; display:inline-flex; flex:0 0 34px; font-size:.7rem; font-weight:850; height:34px; justify-content:center; width:34px; }.admin-marketplace-reviews__card-top strong,.admin-marketplace-reviews__card-top small { display:block; }.admin-marketplace-reviews__card-top strong { color:var(--amr-ink); font-size:.76rem; }.admin-marketplace-reviews__card-top small { color:#8191a8; font-size:.65rem; margin-top:.15rem; }.admin-marketplace-reviews__status { border-radius:999px; font-size:.61rem; font-weight:850; margin-left:auto; padding:.3rem .5rem; }.admin-marketplace-reviews__status i { background:currentColor; border-radius:50%; display:inline-block; height:.32rem; margin-right:.25rem; width:.32rem; }.admin-marketplace-reviews__status--published { background:#e7faf1; color:#168252; }.admin-marketplace-reviews__status--pending { background:#fff2d7; color:#a56a00; }.admin-marketplace-reviews__status--hidden { background:#edf2f7; color:#657891; }.admin-marketplace-reviews__stars { color:#e2a319; font-size:.8rem; letter-spacing:.05em; margin:.8rem 0 .35rem; }.admin-marketplace-reviews__stars > span { color:#ccd6e2; }.admin-marketplace-reviews__stars b { color:#647a96; font-size:.68rem; font-weight:750; letter-spacing:0; margin-left:.3rem; }.admin-marketplace-reviews__card h3 { color:var(--amr-ink); font-size:.82rem; margin:.3rem 0; }.admin-marketplace-reviews__card > p { color:#647a96; font-size:.73rem; line-height:1.5; margin:.35rem 0 .75rem; min-height:2.2rem; }.admin-marketplace-reviews__listing-link { align-items:center; background:#fff; border:1px solid #e1ebf5; border-radius:10px; display:flex; gap:.5rem; padding:.5rem; }.admin-marketplace-reviews__listing-link > svg { color:#1672df; height:15px; width:15px; }.admin-marketplace-reviews__listing-link small,.admin-marketplace-reviews__listing-link strong { display:block; }.admin-marketplace-reviews__listing-link small { color:#91a0b4; font-size:.6rem; }.admin-marketplace-reviews__listing-link strong { color:#365274; font-size:.68rem; margin-top:.15rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.admin-marketplace-reviews__moderate { align-items:end; display:flex; gap:.45rem; margin-top:.7rem; }.admin-marketplace-reviews__moderate label { display:grid; flex:1; gap:.2rem; }.admin-marketplace-reviews__moderate select { background:#fff; border:1px solid #d5e3f1; border-radius:.5rem; color:#526987; min-height:2rem; padding:0 .45rem; }.admin-marketplace-reviews__moderate button { font-size:.68rem; min-height:2rem; }.admin-marketplace-reviews__empty { grid-column:1 / -1; padding:3rem 1rem; text-align:center; }.admin-marketplace-reviews__empty > span { color:#e2a319; font-size:2rem; }.admin-marketplace-reviews__empty h3 { color:var(--amr-ink); margin:.5rem 0 .25rem; }.admin-marketplace-reviews__empty p { color:var(--amr-muted); font-size:.8rem; }.admin-marketplace-reviews__pagination { padding-top:1rem; }.admin-marketplace-reviews__pagination nav { display:flex; justify-content:center; }
@media (max-width:1000px) { .admin-marketplace-reviews__grid { grid-template-columns:1fr; }.admin-marketplace-reviews__side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-marketplace-reviews__side > a { grid-column:1 / -1; } .admin-marketplace-reviews__stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) { .admin-marketplace-reviews__hero { align-items:flex-start; flex-direction:column; padding:1.3rem; }.admin-marketplace-reviews__hero-art { align-self:flex-end; margin:-1rem 1rem 0 0; }.admin-marketplace-reviews__form,.admin-marketplace-reviews__cards,.admin-marketplace-reviews__side { grid-template-columns:1fr; }.admin-marketplace-reviews__form label.is-wide { grid-column:auto; }.admin-marketplace-reviews__form-footer { align-items:stretch; flex-direction:column; }.admin-marketplace-reviews__form-footer button { justify-content:center; }.admin-marketplace-reviews__side > a { grid-column:auto; }.admin-marketplace-reviews__stats { grid-template-columns:1fr; } }
.admin-marketplace-settings { min-width: 0; }

/* Marketplace detail: compact fact tiles and wishlist control */
.marketplace-detail-like { align-items:center; background:rgba(255,255,255,.94); border:1px solid rgba(255,255,255,.8); border-radius:999px; box-shadow:0 10px 22px rgba(14,44,88,.16); color:#18345b; display:inline-flex; gap:.35rem; justify-content:center; min-height:2.35rem; padding:.35rem .72rem; text-decoration:none; transition:background .18s ease, color .18s ease, transform .18s ease; }
.marketplace-detail-like:hover { transform:translateY(-2px); }
.marketplace-detail-like svg { height:1rem; width:1rem; }
.marketplace-detail-like span { font-size:.68rem; font-weight:850; }
.marketplace-detail-like.is-active { background:#fff0f3; border-color:#ffc3cf; color:#e23b63; }
.marketplace-detail-like.is-active svg { fill:currentColor; }
.marketplace-detail-like.is-error { color:#c43b4d; }
.marketplace-detail-facts { background:linear-gradient(145deg,#f7fbff 0%,#fff 58%,#f8f5ff 100%); border:1px solid #dceafa; border-radius:18px; box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 28px rgba(43,86,139,.06); display:grid; gap:.55rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin:1rem 0 0; padding:.7rem; }
.marketplace-detail-facts > div { align-items:center; background:rgba(255,255,255,.78); border:1px solid #e5eef8; border-radius:12px; display:grid; gap:.45rem; grid-template-columns:1.15rem minmax(0,1fr); min-height:3.25rem; padding:.55rem .6rem; }
.marketplace-detail-facts dt { align-items:center; color:#527090; display:flex; font-size:.62rem; font-weight:800; gap:.35rem; grid-column:1 / -1; min-width:0; }
.marketplace-detail-facts dt .default-theme-icon { background:#e9f3ff; border-radius:7px; color:#1672df; height:1.35rem; padding:.28rem; width:1.35rem; }
.marketplace-detail-facts dd { align-items:center; color:#17345d; display:flex; font-size:.68rem; font-weight:850; gap:.28rem; grid-column:1 / -1; justify-content:flex-start; margin:0; min-width:0; overflow-wrap:anywhere; text-align:left; }
.marketplace-detail-facts dd .default-theme-icon { color:#93a5bb; height:.75rem; margin-left:auto; width:.75rem; }
.marketplace-detail-facts--body { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:0; }
.marketplace-detail-facts--body > div { min-height:3.5rem; }
.marketplace-detail-sfw { align-items:center; background:#ddf7e8; border:1px solid #b9ebcf; border-radius:999px; color:#168252; display:inline-flex; font-size:.58rem; font-weight:900; padding:.22rem .4rem; }
@media (max-width:600px) { .marketplace-detail-facts,.marketplace-detail-facts--body { grid-template-columns:1fr; } }

/* Keep marketplace facts readable: label left, value right. */
.marketplace-detail-facts > div { align-items:center; display:grid; gap:.7rem; grid-template-columns:minmax(0,1fr) minmax(0,auto); min-height:3rem; }
.marketplace-detail-facts dt { align-items:center; display:inline-flex; font-size:.64rem; gap:.45rem; grid-column:auto; line-height:1.25; min-width:0; }
.marketplace-detail-facts dt .default-theme-icon { flex:0 0 1.35rem; }
.marketplace-detail-facts dd { display:flex; font-size:.68rem; grid-column:auto; justify-content:flex-end; line-height:1.3; max-width:10rem; min-width:0; overflow-wrap:anywhere; text-align:right; }
.marketplace-detail-facts dd .marketplace-detail-sfw { flex:0 0 auto; }
.marketplace-detail-facts--body > div { min-height:3.2rem; }
@media (max-width:600px) { .marketplace-detail-facts > div { grid-template-columns:minmax(0,1fr) minmax(0,9rem); } .marketplace-detail-facts dd { max-width:9rem; } }

/* Marketplace facts — complete visual treatment */
.marketplace-detail-facts {
    background:linear-gradient(135deg,#f4f9ff 0%,#ffffff 48%,#faf6ff 100%);
    border:1px solid #d7e7f8;
    border-radius:22px;
    box-shadow:0 18px 38px rgba(39,84,139,.09), inset 0 1px 0 rgba(255,255,255,.9);
    gap:.7rem;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin:1.15rem 0 0;
    padding:.8rem;
    position:relative;
}
.marketplace-detail-facts::before {
    background:linear-gradient(90deg,#2d83f4,#8b5cf6);
    border-radius:999px;
    content:'';
    height:3px;
    left:1.1rem;
    opacity:.85;
    position:absolute;
    right:1.1rem;
    top:0;
}
.marketplace-detail-facts > div {
    align-items:center;
    background:rgba(255,255,255,.86);
    border:1px solid #e2edf8;
    border-radius:15px;
    box-shadow:0 5px 14px rgba(48,91,143,.045);
    display:grid;
    gap:.55rem;
    grid-template-columns:minmax(0,1fr) minmax(0,auto);
    min-height:4.1rem;
    padding:.65rem .7rem;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.marketplace-detail-facts > div:hover {
    border-color:#a9cef7;
    box-shadow:0 10px 20px rgba(48,91,143,.1);
    transform:translateY(-2px);
}
.marketplace-detail-facts dt {
    align-items:center;
    color:#526b8b;
    display:flex;
    font-size:.62rem;
    font-weight:850;
    gap:.5rem;
    grid-column:auto;
    letter-spacing:.025em;
    line-height:1.25;
    min-width:0;
}
.marketplace-detail-facts dt .default-theme-icon {
    background:linear-gradient(145deg,#e5f1ff,#f1eaff);
    border:1px solid #d2e5fc;
    border-radius:9px;
    color:#1672df;
    flex:0 0 1.65rem;
    height:1.65rem;
    padding:.34rem;
    width:1.65rem;
}
.marketplace-detail-facts dd {
    align-items:center;
    color:#172f52;
    display:flex;
    font-size:.7rem;
    font-weight:900;
    gap:.3rem;
    grid-column:auto;
    justify-content:flex-end;
    line-height:1.3;
    max-width:9.5rem;
    min-width:0;
    overflow-wrap:anywhere;
    text-align:right;
}
.marketplace-detail-facts dd .default-theme-icon { color:#9aabc0; height:.78rem; width:.78rem; }
.marketplace-detail-facts .marketplace-detail-sfw {
    background:#ddf8e9;
    border:1px solid #b6ebce;
    border-radius:7px;
    color:#168252;
    display:inline-flex;
    font-size:.58rem;
    font-weight:950;
    letter-spacing:.04em;
    padding:.25rem .38rem;
}
.marketplace-detail-facts--body {
    background:transparent;
    border:0;
    box-shadow:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin:0;
    padding:0;
}
.marketplace-detail-facts--body::before { display:none; }
.marketplace-detail-facts--body > div { background:#f8fbff; min-height:3.8rem; }
@media (max-width:700px) {
    .marketplace-detail-facts,.marketplace-detail-facts--body { grid-template-columns:1fr; }
    .marketplace-detail-facts dd { max-width:12rem; }
}

/* Marketplace listing facts: flat reference rows matching the listing detail design. */
.marketplace-detail-facts {
    background: transparent;
    border: 0;
    box-shadow: none;
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    margin: 1rem 0 0;
    padding: 0;
}
.marketplace-detail-facts::before { display: none; }
.marketplace-detail-facts:not(.marketplace-detail-facts--body) > .marketplace-detail-fact {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    gap: .45rem;
    grid-template-columns: 7.1rem minmax(0, 1fr);
    min-height: 1.85rem;
    padding: .18rem 0;
}
.marketplace-detail-facts dt {
    align-items: center;
    color: #172b49;
    display: flex;
    font-size: .65rem;
    font-weight: 800;
    gap: .38rem;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
    min-width: 0;
    white-space: nowrap;
}
.marketplace-detail-fact__icon {
    align-items: center;
    background: transparent;
    border-radius: 0;
    color: #176ce8;
    display: inline-flex;
    flex: 0 0 .85rem;
    height: .85rem;
    justify-content: center;
    width: .85rem;
}
.marketplace-detail-facts:not(.marketplace-detail-facts--body) .marketplace-detail-fact__icon .default-theme-icon {
    background: transparent;
    border: 0;
    color: inherit;
    height: .78rem;
    padding: 0;
    width: .78rem;
}
.marketplace-detail-facts dd {
    align-items: center;
    color: #50627f;
    display: flex;
    font-size: .64rem;
    font-weight: 700;
    gap: .28rem;
    justify-content: flex-end;
    line-height: 1.15;
    margin: 0;
    max-width: none;
    text-align: right;
}
.marketplace-detail-facts .marketplace-detail-sfw {
    background: #daf6e4;
    border: 0;
    border-radius: 4px;
    color: #118145;
    font-size: .49rem;
    letter-spacing: .03em;
    line-height: 1;
    padding: .18rem .28rem;
}
.marketplace-detail-facts--body {
    gap: .6rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0;
}
.marketplace-detail-facts--body > .marketplace-detail-fact {
    background: #fff;
    border-color: #e2eaf3;
    grid-template-columns: 1fr;
    min-height: 0;
}
.marketplace-detail-facts--body dt { color: #7588a0; font-size: .64rem; }
.marketplace-detail-facts--body dd { justify-content: flex-start; max-width: none; text-align: left; }
@media (max-width: 700px) {
    .marketplace-detail-facts { grid-template-columns: 1fr; }
    .marketplace-detail-facts--body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 430px) { .marketplace-detail-facts--body { grid-template-columns: 1fr; } }
.admin-marketplace-settings__hero { align-items: center; display: flex; gap: 1rem; padding: 1.35rem 1.5rem; }
.admin-marketplace-settings__hero-icon { align-items: center; background: #e8f3ff; border: 1px solid #c7e0ff; border-radius: .9rem; color: #1672df; display: inline-flex; flex: 0 0 3.2rem; height: 3.2rem; justify-content: center; }
.admin-marketplace-settings__hero h1 { margin: 0; }
.admin-marketplace-settings__hero p:last-child { margin-bottom: 0; }
.admin-marketplace-settings__status { align-items: center; background: #ecfbf3; border: 1px solid #bcebd1; border-radius: 999px; color: #147a4b; display: inline-flex; font-size: .78rem; font-weight: 800; gap: .4rem; margin-left: auto; padding: .45rem .7rem; white-space: nowrap; }
.admin-marketplace-settings__status span { background: #18a866; border-radius: 50%; height: .45rem; width: .45rem; }
.admin-marketplace-settings__notice { border-radius: .8rem; }
.admin-marketplace-settings__groups { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-marketplace-settings__group { display: grid; gap: 1.25rem; padding: 1.25rem; }
.admin-marketplace-settings__group-heading { align-items: flex-start; display: flex; gap: .8rem; }
.admin-marketplace-settings__group-heading h2 { margin: 0; }
.admin-marketplace-settings__group-heading p:last-child { margin-bottom: 0; }
.admin-marketplace-settings__group-icon { align-items: center; background: #f0f6ff; border: 1px solid #d9eaff; border-radius: .7rem; color: #1672df; display: inline-flex; flex: 0 0 2.45rem; height: 2.45rem; justify-content: center; }
.admin-marketplace-settings__fields { display: grid; gap: 1rem; }
.admin-marketplace-settings__field { border-top: 1px solid #e3edf7; display: grid; gap: .65rem; padding-top: 1rem; }
.admin-marketplace-settings__field-copy label { color: #13213d; display: block; font-weight: 800; }
.admin-marketplace-settings__field-copy p { color: #64748b; font-size: .82rem; line-height: 1.45; margin: .25rem 0 0; }
.admin-marketplace-settings__field > input[type="number"], .admin-marketplace-settings__field > select { border: 1px solid #cbd9e8; border-radius: .55rem; box-sizing: border-box; min-height: 2.45rem; padding: .45rem .65rem; width: min(100%, 18rem); }
.admin-marketplace-settings__switch { align-items: center; color: #52647d; display: inline-flex; gap: .6rem; width: fit-content; }
.admin-marketplace-settings__switch input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.admin-marketplace-settings__switch span { background: #cbd5e1; border-radius: 999px; height: 1.45rem; position: relative; transition: background .16s ease; width: 2.55rem; }
.admin-marketplace-settings__switch span::after { background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(15, 35, 70, .25); content: ''; height: 1.1rem; left: .18rem; position: absolute; top: .17rem; transition: transform .16s ease; width: 1.1rem; }
.admin-marketplace-settings__switch input:checked + span { background: #1672df; }
.admin-marketplace-settings__switch input:checked + span::after { transform: translateX(1.08rem); }
.admin-marketplace-settings__switch b { font-size: .8rem; }
.admin-marketplace-settings__choices { border: 0; display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; }
.admin-marketplace-settings__choices label { align-items: center; background: #f4f8fd; border: 1px solid #dce8f5; border-radius: .55rem; color: #314866; display: inline-flex; font-size: .82rem; gap: .35rem; padding: .5rem .65rem; }
.admin-marketplace-settings__choices label:has(input:checked) { background: #e9f4ff; border-color: #78b2ff; color: #0e6bd3; }
.admin-marketplace-settings__actions { align-items: center; display: flex; justify-content: space-between; gap: 1rem; }
.admin-marketplace-settings__actions button { background: #1672df; border: 0; border-radius: .65rem; color: #fff; font-weight: 800; min-height: 2.7rem; padding: 0 1rem; }
.admin-marketplace-settings__back { color: #1672df; font-weight: 800; text-decoration: none; }
@media (max-width: 860px) { .admin-marketplace-settings__groups { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .admin-marketplace-settings__hero { align-items: flex-start; flex-wrap: wrap; } .admin-marketplace-settings__status { margin-left: 0; } .admin-marketplace-settings__actions { align-items: stretch; flex-direction: column; } }
.marketplace-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.marketplace-stats article { padding:1.1rem 1.2rem; }.marketplace-stats small { color:#64748b; }.marketplace-stats strong { display:block; margin-top:.4rem; color:#13213d; font-size:1.5rem; }.marketplace-payout-card { padding:1.25rem; }.marketplace-payout-card h2 { margin-top:0; }
.admin-gamification__artwork-preview { display: block; width: 2.8rem; height: 2.8rem; margin-top: .2rem; border: 1px solid #dbe7f2; border-radius: .55rem; object-fit: cover; }
.admin-gamification__quest-card { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 1rem; padding: 1.2rem; }
.admin-gamification__quest-image { width: 5rem; height: 5rem; border-radius: .8rem; object-fit: cover; border: 1px solid #dbe7f2; }
.admin-gamification__quest-progress { display: grid; gap: .35rem; max-width: 32rem; margin-top: .7rem; }
.admin-gamification__quest-progress > div { display: flex; justify-content: space-between; gap: 1rem; }
.admin-gamification__quest-progress progress { width: 100%; height: .55rem; accent-color: var(--gamification-blue); }
.admin-gamification__toggle { align-self: center; white-space: nowrap; }
.admin-gamification__event-delete button { min-height: 2.4rem; padding: 0 .7rem; border: 1px solid #ef9b9b; border-radius: .6rem; color: #b42318; background: #fff; }
@media (max-width: 900px) { .admin-gamification__event-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .admin-gamification__event-row { grid-template-columns: 1fr; } .admin-gamification__event-delete { justify-self: start; } }
@media (max-width: 560px) { .admin-gamification__event-form { grid-template-columns: 1fr; } .admin-gamification__event-wide { grid-column: auto; } .admin-gamification__event-edit { align-items: start; flex-wrap: wrap; } }
.admin-gamification__clear { align-self: center; color: var(--gamification-blue); }
.admin-gamification__table-wrap { overflow-x: auto; }
.admin-gamification__table { width: 100%; border-collapse: collapse; }
.admin-gamification__table th, .admin-gamification__table td { padding: .8rem .65rem; border-bottom: 1px solid #e5edf5; text-align: left; vertical-align: middle; }
.admin-gamification__table th { color: var(--gamification-muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .03em; }
.admin-gamification__table td small { display: block; color: var(--gamification-muted); }
.admin-gamification__points { color: #07834f; font-weight: 800; }
@media (max-width: 900px) { .admin-gamification__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .admin-gamification__overview-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .admin-gamification__stats { grid-template-columns: 1fr; } .admin-gamification__card-heading { align-items: flex-start; flex-direction: column; } }

/* Badge catalogue: visual, reward-led administration UI. */
.admin-badges-page { --badge-blue: #1672df; --badge-ink: #10264b; --badge-muted: #69809e; display: grid; gap: 1.2rem; }
.admin-badges-hero { align-items: center; background: linear-gradient(120deg, #f5faff 0%, #eaf4ff 58%, #f5efff 100%); border: 1px solid #d5e7f8; border-radius: 1.35rem; box-shadow: 0 18px 45px rgba(32, 92, 155, .11); display: flex; justify-content: space-between; min-height: 245px; overflow: hidden; padding: clamp(1.5rem, 4vw, 3rem); position: relative; }
.admin-badges-hero__copy { max-width: 710px; position: relative; z-index: 1; }
.admin-badges-kicker { align-items: center; color: var(--badge-blue); display: inline-flex; font-size: .72rem; font-weight: 850; gap: .35rem; letter-spacing: .08em; text-transform: uppercase; }
.admin-badges-kicker .default-theme-icon { height: 15px; width: 15px; }
.admin-badges-hero h1 { color: var(--badge-ink); font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.045em; line-height: 1.02; margin: .6rem 0 .8rem; max-width: 650px; }
.admin-badges-hero p { color: #526d8f; font-size: 1rem; line-height: 1.6; margin: 0; max-width: 620px; }
.admin-badges-hero__actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.35rem; }
.admin-badges-button { align-items: center; border-radius: .7rem; display: inline-flex; font-size: .82rem; font-weight: 800; gap: .45rem; justify-content: center; min-height: 2.65rem; padding: 0 1rem; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.admin-badges-button:hover { transform: translateY(-1px); }
.admin-badges-button .default-theme-icon { height: 16px; width: 16px; }
.admin-badges-button--primary { background: linear-gradient(135deg, #136ce7, #3f91ff); border: 1px solid #1269df; box-shadow: 0 9px 20px rgba(22, 114, 223, .2); color: #fff; }
.admin-badges-button--primary:hover { box-shadow: 0 12px 24px rgba(22, 114, 223, .28); color: #fff; }
.admin-badges-button--ghost { background: rgba(255,255,255,.7); border: 1px solid #c9ddf2; color: #1d4e86; }
.admin-badges-button--ghost:hover { background: #fff; color: #135fbf; }
.admin-badges-hero__art { height: 230px; margin-right: 3%; position: relative; width: 280px; }
.admin-badges-hero__medal { align-items: center; background: linear-gradient(145deg, #ffca4c, #f18d16); border: 12px solid rgba(255,255,255,.72); border-radius: 50%; box-shadow: 0 20px 35px rgba(198, 122, 12, .23), inset 0 0 0 5px rgba(255,255,255,.24); color: #fff; display: flex; height: 118px; justify-content: center; left: 78px; position: absolute; top: 52px; transform: rotate(10deg); width: 118px; z-index: 2; }
.admin-badges-hero__medal .default-theme-icon { height: 54px; width: 54px; }
.admin-badges-hero__orbit { border: 2px solid rgba(93, 148, 230, .32); border-radius: 50%; height: 180px; left: 48px; position: absolute; top: 22px; transform: rotate(-25deg); width: 185px; }
.admin-badges-hero__orbit--two { height: 220px; left: 32px; top: 5px; transform: rotate(38deg); width: 218px; }
.admin-badges-hero__spark { color: #4f96ef; font-size: 2rem; position: absolute; }
.admin-badges-hero__spark--one { right: 10px; top: 30px; }
.admin-badges-hero__spark--two { bottom: 18px; left: 24px; font-size: 1.4rem; }
.admin-achievements-hero .admin-badges-hero__medal { background: linear-gradient(145deg, #9d6cf2, #5b3bc8); box-shadow: 0 20px 35px rgba(91, 59, 200, .23), inset 0 0 0 5px rgba(255,255,255,.24); }
.admin-achievements-hero__trophy { align-items: center; background: linear-gradient(145deg, #a77bff, #6341ce); border: 12px solid rgba(255,255,255,.72); border-radius: 1.7rem 1.7rem 2.8rem 2.8rem; box-shadow: 0 20px 35px rgba(91, 59, 200, .23), inset 0 0 0 5px rgba(255,255,255,.24); color: #fff; display: flex; height: 112px; justify-content: center; left: 78px; position: absolute; top: 52px; transform: rotate(8deg); width: 112px; z-index: 2; }
.admin-achievements-hero__trophy::before, .admin-achievements-hero__trophy::after { border: 8px solid #8e68ec; border-radius: 50%; content: ''; height: 32px; position: absolute; top: 18px; width: 28px; z-index: -1; }.admin-achievements-hero__trophy::before { left: -30px; }.admin-achievements-hero__trophy::after { right: -30px; }.admin-achievements-hero__trophy .default-theme-icon { height: 52px; width: 52px; }
.admin-badges-metrics { display: grid; gap: .85rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-badges-metric { align-items: center; background: #fff; border: 1px solid #dbe8f5; border-radius: 1rem; box-shadow: 0 8px 24px rgba(28, 76, 127, .06); display: flex; gap: .8rem; min-width: 0; padding: 1rem; }
.admin-badges-metric__icon { align-items: center; border-radius: .8rem; display: flex; flex: 0 0 2.6rem; height: 2.6rem; justify-content: center; }
.admin-badges-metric__icon .default-theme-icon { height: 19px; width: 19px; }
.admin-badges-metric__icon--blue { background: #e8f2ff; color: #2477e9; }.admin-badges-metric__icon--green { background: #e6faf1; color: #18a565; }.admin-badges-metric__icon--purple { background: #f1eaff; color: #8050de; }.admin-badges-metric__icon--gold { background: #fff4d9; color: #d99616; }
.admin-badges-metric small, .admin-badges-metric strong, .admin-badges-metric p { display: block; }.admin-badges-metric small { color: var(--badge-muted); font-size: .72rem; }.admin-badges-metric strong { color: var(--badge-ink); font-size: 1.55rem; line-height: 1.15; margin: .1rem 0; }.admin-badges-metric p { color: #8397af; font-size: .68rem; margin: 0; }
.admin-badges-create, .admin-badges-catalogue { background: #fff; border: 1px solid #dbe8f5; border-radius: 1.1rem; box-shadow: 0 8px 24px rgba(28, 76, 127, .05); padding: clamp(1rem, 2.5vw, 1.6rem); }
.admin-badges-section-heading { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1.1rem; }.admin-badges-section-heading h2 { color: var(--badge-ink); font-size: 1.35rem; letter-spacing: -.02em; margin: .2rem 0 .25rem; }.admin-badges-section-heading p { color: var(--badge-muted); font-size: .82rem; margin: 0; }.admin-badges-section-heading__icon { align-items: center; background: #eaf3ff; border: 1px solid #c9e0fb; border-radius: .8rem; color: var(--badge-blue); display: flex; height: 2.6rem; justify-content: center; width: 2.6rem; }.admin-badges-section-heading__icon .default-theme-icon { height: 18px; width: 18px; }
.admin-badges-form { display: grid; gap: .85rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }.admin-badges-form label, .admin-badge-edit-form label { color: #274566; display: grid; font-size: .74rem; font-weight: 800; gap: .35rem; }.admin-badges-form label > span, .admin-badge-edit-form label > span { align-items: center; display: flex; justify-content: space-between; }.admin-badges-form input, .admin-badges-form select, .admin-badges-form textarea, .admin-badge-edit-form input { background: #fbfdff; border: 1px solid #cddfed; border-radius: .6rem; box-sizing: border-box; color: #183557; font: inherit; font-weight: 500; min-height: 2.5rem; min-width: 0; padding: .55rem .7rem; width: 100%; }.admin-badges-form textarea { resize: vertical; }.admin-badges-form__wide { grid-column: 1 / -1; }.admin-badges-form__file em { color: #8da0b6; font-size: .63rem; font-style: normal; font-weight: 600; }.admin-badges-form__file input { padding: .35rem; }.admin-badges-form__submit { align-self: end; justify-self: start; }
.admin-badges-switch, .admin-badges-check { align-items: center; display: flex !important; gap: .55rem; }.admin-badges-switch input, .admin-badges-check input { min-height: auto; width: auto; }.admin-badges-switch__track { background: #cbd8e6; border-radius: 999px; display: inline-block; height: 1.35rem; position: relative; width: 2.35rem; }.admin-badges-switch__track::after { background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(15, 39, 70, .22); content: ''; height: 1rem; left: .16rem; position: absolute; top: .175rem; transition: transform .18s ease; width: 1rem; }.admin-badges-switch input { display: none; }.admin-badges-switch input:checked + .admin-badges-switch__track { background: var(--badge-blue); }.admin-badges-switch input:checked + .admin-badges-switch__track::after { transform: translateX(1rem); }.admin-badges-switch b, .admin-badges-switch small { display: block; }.admin-badges-switch b { color: #274566; font-size: .75rem; }.admin-badges-switch small { color: #8397af; font-size: .66rem; font-weight: 500; margin-top: .1rem; }
.admin-badges-section-heading--catalogue { align-items: center; }.admin-badges-count { background: #edf5ff; border: 1px solid #cfe3fb; border-radius: 999px; color: #1965c8; font-size: .75rem; font-weight: 800; padding: .45rem .7rem; white-space: nowrap; }
.admin-badges-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }.admin-badge-card { background: linear-gradient(180deg, #fff, #fbfdff); border: 1px solid #d9e7f4; border-radius: 1rem; box-shadow: 0 7px 18px rgba(28, 76, 127, .05); display: flex; flex-direction: column; min-width: 0; overflow: hidden; }.admin-badge-card__top { align-items: flex-start; background: linear-gradient(135deg, #eef6ff, #f8f2ff); display: flex; justify-content: space-between; min-height: 116px; padding: 1rem; }.admin-badge-card__art { align-items: center; background: rgba(255,255,255,.82); border: 1px solid rgba(159, 194, 234, .65); border-radius: 1rem; box-shadow: 0 8px 20px rgba(54, 112, 183, .12); color: #e5a51b; display: flex; height: 76px; justify-content: center; overflow: hidden; width: 76px; }.admin-badge-card__art img { height: 100%; object-fit: cover; width: 100%; }.admin-badge-card__art .default-theme-icon { height: 38px; width: 38px; }.admin-badge-card__status { align-items: flex-end; display: flex; flex-direction: column; gap: .45rem; }.admin-badge-card__status > span:first-child { align-items: center; border-radius: 999px; display: inline-flex; font-size: .66rem; font-weight: 800; gap: .3rem; padding: .28rem .5rem; }.admin-badge-card__status i { border-radius: 50%; display: inline-block; height: .4rem; width: .4rem; }.admin-badge-card__status .is-live { background: #ddfaea; color: #12804d; }.admin-badge-card__status .is-live i { background: #20b56d; }.admin-badge-card__status .is-paused { background: #edf1f5; color: #708197; }.admin-badge-card__status .is-paused i { background: #8b9aad; }.admin-badge-card__category { color: #627b99; font-size: .68rem; text-transform: capitalize; }
.admin-badge-card__body { display: grid; gap: .45rem; padding: 1rem; }.admin-badge-card__body h3 { color: var(--badge-ink); font-size: 1.1rem; margin: 0; }.admin-badge-card__body p { color: #7288a5; font-size: .76rem; line-height: 1.45; margin: 0; min-height: 2.2rem; }.admin-badge-card__facts { border-top: 1px solid #e5edf5; display: grid; gap: .6rem; grid-template-columns: repeat(2, 1fr); margin-top: .35rem; padding-top: .7rem; }.admin-badge-card__facts span { color: #7186a2; font-size: .67rem; }.admin-badge-card__facts small { display: block; font-size: .63rem; margin-bottom: .15rem; }.admin-badge-card__facts b { color: #1c4c80; font-size: .9rem; }
.admin-achievement-card .admin-badge-card__art { color: #8050de; }.admin-achievements-accent { background: #f1eaff; border-color: #decfff; color: #8050de; }.admin-achievement-card__earned { align-items: center; color: #7186a2; display: flex; font-size: .68rem; gap: .35rem; margin-top: .3rem; }.admin-achievement-card__earned .default-theme-icon { color: #8050de; height: 14px; width: 14px; }
.admin-badge-card__edit { border-top: 1px solid #e5edf5; padding: .8rem 1rem; }.admin-badge-card__edit summary { align-items: center; color: #1c65c4; cursor: pointer; display: flex; font-size: .75rem; font-weight: 800; gap: .4rem; list-style: none; }.admin-badge-card__edit summary::-webkit-details-marker { display: none; }.admin-badge-card__edit summary span { margin-left: auto; }.admin-badge-edit-form { display: grid; gap: .7rem; margin-top: .8rem; }.admin-badge-edit-form input[type=file] { font-size: .66rem; padding: .35rem; }.admin-badge-edit-form .admin-badges-button { border: 0; min-height: 2.35rem; }.admin-badges-check { color: #57718f !important; font-size: .7rem !important; font-weight: 600 !important; }.admin-badges-check input { accent-color: var(--badge-blue); }.admin-badge-card__delete { border-top: 1px solid #edf1f5; padding: .65rem 1rem; }.admin-badge-card__delete button { align-items: center; background: transparent; border: 0; color: #d13e4b; cursor: pointer; display: inline-flex; font-size: .7rem; font-weight: 800; gap: .35rem; padding: 0; }.admin-badge-card__delete .default-theme-icon { height: 14px; width: 14px; }
.admin-badges-empty { align-items: center; background: #f7fbff; border: 1px dashed #bdd8f2; border-radius: 1rem; display: flex; flex-direction: column; grid-column: 1 / -1; justify-content: center; min-height: 250px; padding: 2rem; text-align: center; }.admin-badges-empty > span { align-items: center; background: #eaf3ff; border-radius: 1rem; color: var(--badge-blue); display: flex; height: 3.4rem; justify-content: center; width: 3.4rem; }.admin-badges-empty .default-theme-icon { height: 25px; width: 25px; }.admin-badges-empty h3 { color: var(--badge-ink); margin: .8rem 0 .3rem; }.admin-badges-empty p { color: var(--badge-muted); margin: 0 0 1rem; }
@media (max-width: 1100px) { .admin-badges-hero__art { margin-right: 0; transform: scale(.82); } .admin-badges-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px) { .admin-badges-hero__art { display: none; } .admin-badges-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .admin-badges-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .admin-badges-hero { min-height: auto; padding: 1.4rem; } .admin-badges-hero h1 { font-size: 2rem; } .admin-badges-hero__actions, .admin-badges-hero__actions .admin-badges-button { width: 100%; } .admin-badges-metrics, .admin-badges-grid, .admin-badges-form { grid-template-columns: 1fr; } .admin-badges-form__wide { grid-column: auto; } .admin-badges-section-heading--catalogue { align-items: flex-start; flex-direction: column; } }
.admin-quests-hero .admin-badges-hero__orbit { border-color: rgba(23, 159, 126, .3); }
.admin-quests-hero__flag { align-items: center; background: linear-gradient(145deg, #2dbb8f, #168a72); border: 12px solid rgba(255,255,255,.72); border-radius: 1.25rem; box-shadow: 0 20px 35px rgba(22, 138, 114, .23), inset 0 0 0 5px rgba(255,255,255,.24); color: #fff; display: flex; height: 112px; justify-content: center; left: 78px; position: absolute; top: 52px; transform: rotate(8deg); width: 112px; z-index: 2; }
.admin-quests-hero__flag .default-theme-icon { height: 52px; width: 52px; }
.admin-quests-accent { background: #e5faf4; border-color: #c4eddf; color: #168a72; }
.admin-quest-card .admin-badge-card__art { color: #168a72; }
.admin-quest-card__meta { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: .25rem; }
.admin-quest-card__meta span { align-items: center; color: #647c99; display: inline-flex; font-size: .67rem; gap: .25rem; }
.admin-quest-card__meta .default-theme-icon { color: #238f7b; height: 13px; width: 13px; }
.admin-quest-card__automatic { align-items: center; background: #e9faf3; border-radius: .55rem; color: #138255; display: flex; font-size: .68rem; font-weight: 800; gap: .3rem; margin-top: .2rem; padding: .45rem .55rem; }
.admin-quest-card__automatic .default-theme-icon { height: 14px; width: 14px; }
.admin-quest-card__automatic:has([data-default-icon="lock"]) { background: #f1f4f7; color: #708197; }

/* Gamification events: a reward-led rule engine that shares the quests visual language. */
.admin-events-hero .admin-badges-hero__orbit { border-color: rgba(123, 92, 246, .2); }
.admin-events-hero__activity { align-items: center; background: linear-gradient(145deg, #8b5cf6, #2563eb); border-radius: 30px; box-shadow: 0 22px 38px rgba(37, 99, 235, .24), inset 0 1px 0 rgba(255,255,255,.38); color: #fff; display: grid; height: 92px; justify-items: center; transform: rotate(-8deg); width: 92px; }
.admin-events-hero__activity .default-theme-icon { height: 42px; width: 42px; }
.admin-events-accent { background: linear-gradient(145deg, #f1eaff, #e6edff); color: #7c3aed; }
.admin-events-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-event-card__art { background: linear-gradient(145deg, #8b5cf6, #2563eb) !important; color: #fff; }
.admin-event-card__art .default-theme-icon { height: 34px; width: 34px; }
.admin-event-card__meta, .admin-event-card__rewards { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.admin-event-card__meta span, .admin-event-card__rewards span { align-items: center; background: #f8faff; border: 1px solid #e4eaf5; border-radius: 10px; color: #52617d; display: inline-flex; font-size: .8rem; font-weight: 650; gap: 7px; min-height: 31px; padding: 6px 10px; }
.admin-event-card__meta .default-theme-icon, .admin-event-card__rewards .default-theme-icon { color: #2563eb; height: 15px; width: 15px; }
.admin-event-card__rewards span:first-child .default-theme-icon { color: #f59e0b; }
.admin-event-card__rewards span:last-child .default-theme-icon { color: #7c3aed; }
.admin-event-card__delete button:disabled { cursor: not-allowed; opacity: .55; }
@media (max-width: 1100px) { .admin-events-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .admin-events-grid { grid-template-columns: minmax(0, 1fr); } }

/* Gamification points: leaderboard styling keeps progress readable at a glance. */
.admin-points-hero .admin-badges-hero__orbit { border-color: rgba(245, 158, 11, .22); }
.admin-points-hero__medal { align-items: center; background: linear-gradient(145deg, #fbbf24, #f97316); border-radius: 30px; box-shadow: 0 22px 38px rgba(245, 158, 11, .25), inset 0 1px 0 rgba(255,255,255,.45); color: #fff; display: grid; height: 92px; justify-items: center; transform: rotate(8deg); width: 92px; }
.admin-points-hero__medal .default-theme-icon { height: 43px; width: 43px; }
.admin-points-accent { background: linear-gradient(145deg, #fff3d5, #e8edff); color: #e08b00; }
.admin-points-search__form { align-items: end; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; }
.admin-points-search__form .admin-badges-form__wide { grid-column: auto; }
.admin-points-search__clear { min-height: 46px; }
.admin-points-leaderboard { background: #fff; border: 1px solid #e2eaf5; border-radius: 24px; box-shadow: 0 16px 42px rgba(43, 86, 139, .08); padding: 1.35rem; }
.admin-points-table-wrap { overflow-x: auto; }
.admin-points-table { border-collapse: separate; border-spacing: 0 8px; min-width: 760px; width: 100%; }
.admin-points-table th { color: #7185a1; font-size: .7rem; font-weight: 850; letter-spacing: .08em; padding: 0 1rem .45rem; text-align: left; text-transform: uppercase; }
.admin-points-table td { background: #f8faff; border-bottom: 1px solid #e8eef7; border-top: 1px solid #e8eef7; color: #4d6280; font-size: .86rem; padding: 1rem; white-space: nowrap; }
.admin-points-table td:first-child { border-left: 1px solid #e8eef7; border-radius: 14px 0 0 14px; }
.admin-points-table td:last-child { border-radius: 0 14px 14px 0; border-right: 1px solid #e8eef7; }
.admin-points-rank { align-items: center; background: #e9f0ff; border-radius: 10px; color: #1769db; display: inline-flex; font-size: .78rem; font-weight: 850; height: 30px; justify-content: center; width: 30px; }
.admin-points-user { align-items: center; display: flex; gap: 10px; }
.admin-points-user__avatar { align-items: center; background: linear-gradient(145deg, #2563eb, #8b5cf6); border-radius: 12px; color: #fff; display: inline-flex; font-size: .78rem; font-weight: 850; height: 38px; justify-content: center; width: 38px; }
.admin-points-user strong { color: #1b3155; display: block; font-size: .9rem; }
.admin-points-user small { color: #7a8da7; display: block; font-size: .73rem; margin-top: 3px; }
.admin-points-level, .admin-points-streak { align-items: center; background: #fff; border: 1px solid #e0e8f3; border-radius: 999px; color: #5f7492; display: inline-flex; font-size: .77rem; font-weight: 750; gap: 5px; padding: 7px 10px; }
.admin-points-value { color: #1769db; font-size: 1.02rem; }
.admin-points-streak .default-theme-icon { color: #f97316; height: 15px; width: 15px; }
.admin-points-pagination { margin-top: 1rem; }
@media (max-width: 760px) { .admin-points-search__form { grid-template-columns: minmax(0, 1fr); } .admin-points-search__form .admin-badges-button { width: 100%; } .admin-points-leaderboard { padding: 1rem; } }

/* Security Center dashboard: high-signal security operations without noisy raw context. */
.admin-security-dashboard { --security-ink: #122647; --security-muted: #687d9b; --security-blue: #1769db; display: grid; gap: 1.2rem; }
.admin-security-kicker { align-items: center; color: #1769db; display: inline-flex; font-size: .7rem; font-weight: 850; gap: 6px; letter-spacing: .1em; text-transform: uppercase; }
.admin-security-kicker .default-theme-icon { height: 15px; width: 15px; }
.admin-security-dashboard__hero { background: radial-gradient(circle at 78% 25%, rgba(255,255,255,.9), transparent 25%), linear-gradient(135deg, #f4f9ff, #e7f2ff 56%, #f5f0ff); border: 1px solid #dce8f6; border-radius: 25px; box-shadow: 0 18px 42px rgba(43,86,139,.09); display: flex; gap: 2rem; min-height: 258px; overflow: hidden; padding: 2rem 2.2rem; position: relative; }
.admin-security-dashboard__hero-copy { max-width: 650px; position: relative; z-index: 1; }
.admin-security-dashboard__hero h1 { color: var(--security-ink); font-size: clamp(2rem, 4vw, 3.1rem); letter-spacing: -.04em; line-height: 1.04; margin: .7rem 0 .75rem; max-width: 630px; }
.admin-security-dashboard__hero p { color: var(--security-muted); font-size: 1rem; line-height: 1.65; margin: 0; max-width: 610px; }
.admin-security-dashboard__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 1.35rem; }
.admin-security-button { align-items: center; border: 1px solid #cfe0f5; border-radius: 11px; display: inline-flex; font-size: .82rem; font-weight: 850; gap: 7px; min-height: 42px; padding: 0 14px; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.admin-security-button:hover { box-shadow: 0 9px 20px rgba(43,86,139,.14); transform: translateY(-1px); }
.admin-security-button .default-theme-icon { height: 17px; width: 17px; }
.admin-security-button--primary { background: linear-gradient(135deg, #1769db, #3988f5); border-color: transparent; color: #fff !important; }
.admin-security-button--ghost { background: rgba(255,255,255,.72); color: #1769db !important; }
.admin-security-dashboard__hero-art { align-items: center; display: grid; flex: 1; justify-items: center; min-width: 260px; position: relative; }
.admin-security-dashboard__shield { align-items: center; background: linear-gradient(145deg, #2563eb, #7c3aed); border-radius: 32px 32px 40px 40px; box-shadow: 0 24px 44px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.46); color: #fff; display: grid; height: 108px; justify-items: center; transform: rotate(8deg); width: 92px; }
.admin-security-dashboard__shield .default-theme-icon { height: 47px; width: 47px; }
.admin-security-dashboard__spark { color: #7c3aed; font-size: 2rem; position: absolute; right: 12%; top: 12%; }
.admin-security-dashboard__pulse { background: #44cf95; border: 5px solid #e9fff5; border-radius: 50%; box-shadow: 0 0 0 8px rgba(68,207,149,.12); height: 13px; position: absolute; width: 13px; }
.admin-security-dashboard__pulse--one { bottom: 18%; right: 18%; }.admin-security-dashboard__pulse--two { background: #f6b73c; left: 13%; top: 25%; }
.admin-security-dashboard__hero-chip { background: rgba(255,255,255,.85); border: 1px solid rgba(255,255,255,.95); border-radius: 999px; box-shadow: 0 10px 24px rgba(43,86,139,.12); color: #526987; font-size: .7rem; font-weight: 850; padding: 8px 11px; position: absolute; }.admin-security-dashboard__hero-chip--one { bottom: 16%; left: 17%; color: #138255; }.admin-security-dashboard__hero-chip--two { right: 6%; top: 30%; color: #1769db; }
.admin-security-dashboard__metrics { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0,1fr)); }
.admin-security-dashboard__metric { align-items: center; background: #fff; border: 1px solid #e2eaf5; border-radius: 18px; box-shadow: 0 12px 30px rgba(43,86,139,.06); display: flex; gap: 12px; padding: 1.05rem; }.admin-security-dashboard__metric-icon { align-items: center; background: #fff4db; border-radius: 13px; color: #d88900; display: inline-flex; flex: 0 0 43px; height: 43px; justify-content: center; }.admin-security-dashboard__metric-icon .default-theme-icon { height: 21px; width: 21px; }.admin-security-dashboard__metric-icon--blue { background: #e8f1ff; color: #1769db; }.admin-security-dashboard__metric--warning { border-top: 3px solid #f6b73c; }.admin-security-dashboard__metric--danger { border-top: 3px solid #e95a61; }.admin-security-dashboard__metric--green { border-top: 3px solid #35b778; }.admin-security-dashboard__metric--warning .admin-security-dashboard__metric-icon { background: #fff4db; }.admin-security-dashboard__metric--danger .admin-security-dashboard__metric-icon { background: #ffebed; color: #d83c48; }.admin-security-dashboard__metric--green .admin-security-dashboard__metric-icon { background: #e8faf2; color: #138255; }.admin-security-dashboard__metric small { color: #7185a1; display: block; font-size: .68rem; font-weight: 850; text-transform: uppercase; }.admin-security-dashboard__metric strong { color: var(--security-ink); display: block; font-size: 1.55rem; line-height: 1.15; margin-top: 3px; }.admin-security-dashboard__metric p { color: #8191a8; font-size: .72rem; margin: 3px 0 0; }
.admin-security-dashboard__section { background: #fff; border: 1px solid #e2eaf5; border-radius: 24px; box-shadow: 0 16px 42px rgba(43,86,139,.07); padding: 1.35rem; }.admin-security-dashboard__section-heading { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 1.05rem; }.admin-security-dashboard__section-heading h2 { color: var(--security-ink); font-size: 1.35rem; margin: .35rem 0 .25rem; }.admin-security-dashboard__section-heading p { color: var(--security-muted); font-size: .82rem; margin: 0; }
.admin-security-dashboard__response-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); }.admin-security-dashboard__response-card { align-items: center; background: #f8faff; border: 1px solid #e6edf7; border-radius: 17px; color: var(--security-ink); display: flex; gap: 12px; padding: 1rem; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.admin-security-dashboard__response-card:hover { box-shadow: 0 12px 25px rgba(43,86,139,.11); transform: translateY(-2px); }.admin-security-dashboard__response-card > span { align-items: center; background: #e9f1ff; border-radius: 12px; color: #1769db; display: inline-flex; height: 40px; justify-content: center; width: 40px; }.admin-security-dashboard__response-card > span .default-theme-icon { height: 20px; width: 20px; }.admin-security-dashboard__response-card > .default-theme-icon { color: #8a9bb3; height: 18px; margin-left: auto; width: 18px; }.admin-security-dashboard__response-card small { color: #7185a1; display: block; font-size: .68rem; font-weight: 850; text-transform: uppercase; }.admin-security-dashboard__response-card strong { color: var(--security-ink); display: block; font-size: 1.45rem; margin-top: 2px; }.admin-security-dashboard__response-card p { color: #8191a8; font-size: .73rem; margin: 2px 0 0; }.admin-security-dashboard__response-card--danger > span { background: #ffebed; color: #d83c48; }.admin-security-dashboard__response-card--purple > span { background: #f0e9ff; color: #7c3aed; }
.admin-security-dashboard__posture-grid { display: grid; gap: 1px; grid-template-columns: repeat(3,1fr); overflow: hidden; }.admin-security-dashboard__posture-grid > div { background: #f8faff; padding: 1.1rem; }.admin-security-dashboard__posture-grid > div:first-child { border-radius: 14px 0 0 14px; }.admin-security-dashboard__posture-grid > div:last-child { border-radius: 0 14px 14px 0; }.admin-security-dashboard__posture-grid span { color: #7185a1; display: block; font-size: .75rem; font-weight: 750; }.admin-security-dashboard__posture-grid strong { color: var(--security-ink); display: block; font-size: 1.65rem; margin: 7px 0 3px; }.admin-security-dashboard__posture-grid small { color: #8191a8; font-size: .7rem; }
.admin-security-dashboard__layer-grid { display: grid; gap: 10px; grid-template-columns: repeat(3,1fr); }.admin-security-dashboard__layer-grid > div { align-items: center; background: #f8faff; border: 1px solid #e6edf7; border-radius: 15px; display: flex; gap: 10px; padding: .85rem; }.admin-security-dashboard__layer-icon { align-items: center; background: #e8f1ff; border-radius: 11px; color: #1769db; display: inline-flex; height: 38px; justify-content: center; width: 38px; }.admin-security-dashboard__layer-icon .default-theme-icon { height: 19px; width: 19px; }.admin-security-dashboard__layer-icon--purple { background: #f0e9ff; color: #7c3aed; }.admin-security-dashboard__layer-icon--gold { background: #fff1cf; color: #d88900; }.admin-security-dashboard__layer-grid strong { color: var(--security-ink); display: block; font-size: .85rem; }.admin-security-dashboard__layer-grid p { color: #8191a8; font-size: .7rem; margin: 3px 0 0; }.admin-security-dashboard__layer-grid b { background: #e8faf2; border-radius: 999px; color: #138255; font-size: .65rem; margin-left: auto; padding: 6px 8px; }
@media (max-width: 1000px) { .admin-security-dashboard__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.admin-security-dashboard__response-grid, .admin-security-dashboard__layer-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .admin-security-dashboard__hero { padding: 1.35rem; }.admin-security-dashboard__hero-art { display: none; }.admin-security-dashboard__metrics, .admin-security-dashboard__posture-grid { grid-template-columns: 1fr; }.admin-security-dashboard__posture-grid > div:first-child, .admin-security-dashboard__posture-grid > div:last-child { border-radius: 0; }.admin-security-dashboard__section-heading { align-items: flex-start; flex-direction: column; gap: 10px; } }

/* Audit trail workspace. */
.admin-security-audit { --security-ink: #122647; --security-muted: #687d9b; display: grid; gap: 1.2rem; }
.admin-security-audit__hero { align-items: center; background: linear-gradient(135deg, #f4f9ff, #edf5ff 60%, #f4efff); border: 1px solid #dce8f6; border-radius: 25px; box-shadow: 0 18px 42px rgba(43,86,139,.08); display: flex; justify-content: space-between; min-height: 190px; overflow: hidden; padding: 1.8rem 2rem; }.admin-security-audit__hero h1 { color: var(--security-ink); font-size: clamp(1.9rem, 3vw, 2.7rem); letter-spacing: -.04em; margin: .6rem 0 .5rem; }.admin-security-audit__hero p { color: var(--security-muted); margin: 0; max-width: 620px; }.admin-security-audit__hero-icon { align-items: center; background: linear-gradient(145deg, #2563eb, #7c3aed); border-radius: 28px; box-shadow: 0 20px 34px rgba(37,99,235,.25); color: #fff; display: inline-flex; height: 96px; justify-content: center; transform: rotate(8deg); width: 96px; }.admin-security-audit__hero-icon .default-theme-icon { height: 42px; width: 42px; }
.admin-security-audit__panel { background: #fff; border: 1px solid #e2eaf5; border-radius: 24px; box-shadow: 0 16px 42px rgba(43,86,139,.07); padding: 1.35rem; }.admin-security-audit__heading { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 1rem; }.admin-security-audit__heading h2 { color: var(--security-ink); font-size: 1.3rem; margin: .35rem 0 .2rem; }.admin-security-audit__heading p { color: var(--security-muted); font-size: .82rem; margin: 0; }.admin-security-audit__readonly { align-items: center; background: #e8faf2; border-radius: 999px; color: #138255; display: inline-flex; font-size: .72rem; font-weight: 850; gap: 6px; padding: 8px 11px; }.admin-security-audit__readonly .default-theme-icon { height: 15px; width: 15px; }
.admin-security-audit__filters { align-items: end; background: #f8faff; border: 1px solid #e6edf7; border-radius: 16px; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr) 180px auto auto; padding: 1rem; }.admin-security-audit__filters label span { color: #526987; display: block; font-size: .72rem; font-weight: 800; margin-bottom: 5px; }.admin-security-audit__filters input { background: #fff; min-height: 42px; }.admin-security-audit__table-wrap { margin-top: 1.1rem; overflow-x: auto; }.admin-security-audit__table { border-collapse: separate; border-spacing: 0 8px; min-width: 760px; width: 100%; }.admin-security-audit__table th { color: #7185a1; font-size: .68rem; font-weight: 850; letter-spacing: .08em; padding: 0 1rem .4rem; text-align: left; text-transform: uppercase; }.admin-security-audit__table td { background: #f8faff; border-bottom: 1px solid #e8eef7; border-top: 1px solid #e8eef7; color: #52617d; font-size: .82rem; padding: .9rem 1rem; white-space: nowrap; }.admin-security-audit__table td:first-child { border-left: 1px solid #e8eef7; border-radius: 14px 0 0 14px; }.admin-security-audit__table td:last-child { border-radius: 0 14px 14px 0; border-right: 1px solid #e8eef7; }.admin-security-audit__action { align-items: center; color: #1769db; display: inline-flex; font-weight: 800; gap: 6px; }.admin-security-audit__action .default-theme-icon { height: 15px; width: 15px; }.admin-security-audit__empty { border: 0 !important; border-radius: 14px !important; text-align: center; white-space: normal !important; }.admin-security-audit__empty .default-theme-icon { color: #8ba1be; display: block; height: 30px; margin: 0 auto 7px; width: 30px; }.admin-security-audit__empty strong, .admin-security-audit__empty span { display: block; }.admin-security-audit__empty strong { color: var(--security-ink); }.admin-security-audit__empty span { color: #8191a8; font-size: .76rem; margin-top: 4px; }
@media (max-width: 700px) { .admin-security-audit__hero { align-items: flex-start; }.admin-security-audit__hero-icon { display: none; }.admin-security-audit__heading { align-items: flex-start; flex-direction: column; gap: 10px; }.admin-security-audit__filters { grid-template-columns: 1fr; }.admin-security-audit__filters .admin-security-button { justify-content: center; width: 100%; } }

/* Security Events explorer. */
.admin-security-events-v2 { --security-ink: #122647; --security-muted: #687d9b; display: grid; gap: 1.2rem; }
.admin-security-events-v2__hero { background: radial-gradient(circle at 82% 35%, rgba(255,255,255,.9), transparent 24%), linear-gradient(135deg,#f4f9ff,#e8f3ff 60%,#f3edff); border: 1px solid #dce8f6; border-radius: 25px; box-shadow: 0 18px 42px rgba(43,86,139,.08); display: flex; gap: 1rem; min-height: 245px; overflow: hidden; padding: 1.9rem 2rem; }.admin-security-events-v2__hero-copy { max-width: 700px; position: relative; z-index: 1; }.admin-security-events-v2__hero h1 { color: var(--security-ink); font-size: clamp(2rem,4vw,3rem); letter-spacing: -.04em; margin: .6rem 0 .6rem; }.admin-security-events-v2__hero p { color: var(--security-muted); line-height: 1.6; margin: 0; max-width: 640px; }.admin-security-events-v2__actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 1.2rem; }.admin-security-events-v2__hero-art { align-items: center; display: grid; flex: 1; justify-items: center; min-width: 240px; position: relative; }.admin-security-events-v2__spark { color: #7c3aed; font-size: 2rem; position: absolute; right: 16%; top: 14%; }.admin-security-events-v2__radar { align-items: center; background: rgba(255,255,255,.65); border: 1px solid rgba(255,255,255,.9); border-radius: 50%; display: grid; height: 150px; justify-items: center; position: relative; width: 150px; }.admin-security-events-v2__radar:before,.admin-security-events-v2__radar:after { border: 1px solid rgba(37,99,235,.2); border-radius: 50%; content: ''; position: absolute; }.admin-security-events-v2__radar:before { height: 108px; width: 108px; }.admin-security-events-v2__radar:after { height: 62px; width: 62px; }.admin-security-events-v2__radar span { align-items: center; background: linear-gradient(145deg,#2563eb,#7c3aed); border-radius: 22px; box-shadow: 0 14px 26px rgba(37,99,235,.28); color: #fff; display: inline-flex; height: 58px; justify-content: center; position: relative; transform: rotate(-8deg); width: 58px; z-index: 1; }.admin-security-events-v2__radar span .default-theme-icon { height: 27px; width: 27px; }.admin-security-events-v2__radar i { background: #35b778; border: 3px solid #effff8; border-radius: 50%; height: 10px; position: absolute; width: 10px; }.admin-security-events-v2__radar i:nth-child(1) { right: 12px; top: 42px; }.admin-security-events-v2__radar i:nth-child(2) { bottom: 25px; left: 20px; background: #f6b73c; }.admin-security-events-v2__radar i:nth-child(3) { left: 15px; top: 35px; background: #7c3aed; }.admin-security-events-v2__chip { background: rgba(255,255,255,.87); border: 1px solid rgba(255,255,255,.95); border-radius: 999px; box-shadow: 0 10px 24px rgba(43,86,139,.12); color: #526987; font-size: .7rem; font-weight: 850; padding: 8px 11px; position: absolute; }.admin-security-events-v2__chip--one { bottom: 16%; left: 8%; color: #138255; }.admin-security-events-v2__chip--two { right: 1%; top: 30%; color: #1769db; }
.admin-security-events-v2__metrics { display: grid; gap: 1rem; grid-template-columns: repeat(4,minmax(0,1fr)); }.admin-security-events-v2__metrics article { align-items: center; background: #fff; border: 1px solid #e2eaf5; border-radius: 18px; box-shadow: 0 12px 30px rgba(43,86,139,.06); display: flex; gap: 11px; padding: 1rem; }.admin-security-events-v2__metrics article.is-warning { border-top: 3px solid #f6b73c; }.admin-security-events-v2__metrics article.is-danger { border-top: 3px solid #e95a61; }.admin-security-events-v2__metrics article.is-filtered { border-top: 3px solid #7c3aed; }.admin-security-events-v2__metric-icon { align-items: center; background: #e8f1ff; border-radius: 12px; color: #1769db; display: inline-flex; flex: 0 0 42px; height: 42px; justify-content: center; }.is-warning .admin-security-events-v2__metric-icon { background: #fff4db; color: #d88900; }.is-danger .admin-security-events-v2__metric-icon { background: #ffebed; color: #d83c48; }.is-filtered .admin-security-events-v2__metric-icon { background: #f0e9ff; color: #7c3aed; }.admin-security-events-v2__metric-icon .default-theme-icon { height: 20px; width: 20px; }.admin-security-events-v2__metrics small { color: #7185a1; display: block; font-size: .66rem; font-weight: 850; text-transform: uppercase; }.admin-security-events-v2__metrics strong { color: var(--security-ink); display: block; font-size: 1.45rem; line-height: 1.1; margin-top: 3px; }.admin-security-events-v2__metrics p { color: #8191a8; font-size: .7rem; margin: 3px 0 0; }
.admin-security-events-v2__workspace,.admin-security-events-v2__results { background: #fff; border: 1px solid #e2eaf5; border-radius: 24px; box-shadow: 0 16px 42px rgba(43,86,139,.07); padding: 1.35rem; }.admin-security-events-v2__heading,.admin-security-events-v2__results-heading { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 1rem; }.admin-security-events-v2__heading h2,.admin-security-events-v2__results-heading h2 { color: var(--security-ink); font-size: 1.3rem; margin: .35rem 0 .2rem; }.admin-security-events-v2__heading p { color: var(--security-muted); font-size: .82rem; margin: 0; }.admin-security-events-v2__filter-pill { align-items: center; background: #eaf3ff; border-radius: 999px; color: #1769db; display: inline-flex; font-size: .72rem; font-weight: 850; gap: 6px; padding: 8px 11px; }.admin-security-events-v2__filter-pill .default-theme-icon { height: 15px; width: 15px; }
.admin-security-events-v2__filters { align-items: end; background: #f8faff; border: 1px solid #e6edf7; border-radius: 16px; display: grid; gap: 11px; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 1rem; }.admin-security-events-v2__filters label span { color: #526987; display: block; font-size: .7rem; font-weight: 800; margin-bottom: 5px; }.admin-security-events-v2__filters input,.admin-security-events-v2__filters select { background: #fff; min-height: 41px; }.admin-security-events-v2__filters .is-wide { grid-column: span 2; }.admin-security-events-v2__filters .admin-security-button { justify-content: center; min-height: 41px; }.admin-security-events-v2__active { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }.admin-security-events-v2__active strong { color: #526987; font-size: .75rem; }.admin-security-events-v2__active span { background: #f0f5fb; border-radius: 999px; color: #526987; font-size: .7rem; padding: 6px 9px; }
.admin-security-events-v2__results-heading > span { color: #7185a1; font-size: .75rem; font-weight: 800; }.admin-security-events-v2__table-wrap { overflow-x: auto; }.admin-security-events-v2__table { border-collapse: separate; border-spacing: 0 8px; min-width: 930px; width: 100%; }.admin-security-events-v2__table th { color: #7185a1; font-size: .67rem; font-weight: 850; letter-spacing: .08em; padding: 0 1rem .4rem; text-align: left; text-transform: uppercase; }.admin-security-events-v2__table td { background: #f8faff; border-bottom: 1px solid #e8eef7; border-top: 1px solid #e8eef7; color: #52617d; font-size: .8rem; padding: .8rem 1rem; white-space: nowrap; }.admin-security-events-v2__table td:first-child { border-left: 1px solid #e8eef7; border-radius: 14px 0 0 14px; }.admin-security-events-v2__table td:last-child { border-radius: 0 14px 14px 0; border-right: 1px solid #e8eef7; }.admin-security-events-v2__event { align-items: center; color: var(--security-ink); display: flex; gap: 9px; text-decoration: none; }.admin-security-events-v2__event:hover strong { color: #1769db; }.admin-security-events-v2__event-icon { align-items: center; background: #e8f1ff; border-radius: 10px; color: #1769db; display: inline-flex; height: 34px; justify-content: center; width: 34px; }.admin-security-events-v2__event-icon .default-theme-icon { height: 16px; width: 16px; }.admin-security-events-v2__event strong,.admin-security-events-v2__event small { display: block; }.admin-security-events-v2__event small { color: #8191a8; font-size: .69rem; margin-top: 3px; }.admin-security-events-v2__tag,.admin-security-events-v2__severity,.admin-security-events-v2__handled { align-items: center; border-radius: 999px; display: inline-flex; font-size: .68rem; font-weight: 850; gap: 5px; padding: 7px 9px; }.admin-security-events-v2__tag { background: #eaf3ff; color: #1769db; }.admin-security-events-v2__severity { background: #e8faf2; color: #138255; }.admin-security-events-v2__severity--warning { background: #fff4db; color: #a15c00; }.admin-security-events-v2__severity--danger { background: #ffebed; color: #d83c48; }.admin-security-events-v2__severity i,.admin-security-events-v2__handled i { background: currentColor; border-radius: 50%; height: 6px; width: 6px; }.admin-security-events-v2__handled { background: #fff4db; color: #a15c00; }.admin-security-events-v2__handled.is-done { background: #e8faf2; color: #138255; }.admin-security-events-v2__risk { color: var(--security-ink); }.admin-security-events-v2__empty { border: 0 !important; border-radius: 14px !important; text-align: center; white-space: normal !important; }.admin-security-events-v2__empty .default-theme-icon { color: #8ba1be; display: block; height: 32px; margin: 0 auto 7px; width: 32px; }.admin-security-events-v2__empty strong,.admin-security-events-v2__empty span { display: block; }.admin-security-events-v2__empty strong { color: var(--security-ink); }.admin-security-events-v2__empty span { color: #8191a8; font-size: .75rem; margin-top: 4px; }
@media (max-width: 1050px) { .admin-security-events-v2__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.admin-security-events-v2__filters { grid-template-columns: repeat(2,minmax(0,1fr)); }.admin-security-events-v2__filters .is-wide { grid-column: span 2; } }
@media (max-width: 700px) { .admin-security-events-v2__hero { padding: 1.35rem; }.admin-security-events-v2__hero-art { display: none; }.admin-security-events-v2__metrics { grid-template-columns: 1fr; }.admin-security-events-v2__heading,.admin-security-events-v2__results-heading { align-items: flex-start; flex-direction: column; gap: 9px; }.admin-security-events-v2__filters { grid-template-columns: 1fr; }.admin-security-events-v2__filters .is-wide { grid-column: auto; }.admin-security-events-v2__filters .admin-security-button { justify-content: center; width: 100%; } }

.admin-security-events-v2 .pagination { align-items: center; display: flex; justify-content: space-between; margin: 1rem 0 0; min-height: 40px; }
.admin-security-events-v2 .pagination nav { width: 100%; }
.admin-security-events-v2 .pagination nav > div:first-child { color: #7185a1; font-size: .75rem; }
.admin-security-events-v2 .pagination nav > div:last-child { align-items: center; display: flex; justify-content: flex-end; gap: 6px; }
.admin-security-events-v2 .pagination a,
.admin-security-events-v2 .pagination span { align-items: center; background: #f8faff; border: 1px solid #e2eaf5; border-radius: 10px; color: #526987; display: inline-flex; font-size: .76rem; font-weight: 800; height: 36px; justify-content: center; min-width: 36px; padding: 0 10px; text-decoration: none; }
.admin-security-events-v2 .pagination a:hover { background: #eaf3ff; border-color: #a9caff; color: #1769db; }
.admin-security-events-v2 .pagination span[aria-current="page"],
.admin-security-events-v2 .pagination span[aria-current="page"] > span { background: #1769db; border-color: #1769db; color: #fff; }
.admin-security-events-v2 .pagination span[aria-disabled="true"] { color: #a7b5c8; cursor: not-allowed; opacity: .72; }
.admin-security-events-v2 .pagination svg { height: 16px; width: 16px; }
@media (max-width: 600px) { .admin-security-events-v2 .pagination nav > div:first-child { display: none; }.admin-security-events-v2 .pagination nav > div:last-child { justify-content: center; width: 100%; } }

/* Security Event detail workspace. */
.admin-security-event-detail-v2 { --security-ink: #122647; --security-muted: #687d9b; display: grid; gap: 1.2rem; }
.admin-security-event-detail-v2__hero { align-items: flex-end; background: linear-gradient(135deg,#f4f9ff,#e8f3ff 62%,#f4efff); border: 1px solid #dce8f6; border-radius: 25px; box-shadow: 0 18px 42px rgba(43,86,139,.08); display: flex; justify-content: space-between; overflow: hidden; padding: 1.7rem 2rem; }.admin-security-event-detail-v2__hero-copy { max-width: 760px; }.admin-security-event-detail-v2__back { align-items: center; color: #1769db; display: inline-flex; font-size: .76rem; font-weight: 850; gap: 6px; margin-bottom: 1.1rem; text-decoration: none; }.admin-security-event-detail-v2__back .default-theme-icon { height: 15px; width: 15px; }.admin-security-event-detail-v2__hero h1 { color: var(--security-ink); font-size: clamp(1.8rem,3vw,2.65rem); letter-spacing: -.04em; margin: .55rem 0 .45rem; overflow-wrap: anywhere; }.admin-security-event-detail-v2__hero p { color: var(--security-muted); margin: 0; }.admin-security-event-detail-v2__hero-status { align-items: flex-end; display: flex; flex-direction: column; gap: 8px; }.admin-security-event-detail-v2__severity,.admin-security-event-detail-v2__handled { align-items: center; border-radius: 999px; display: inline-flex; font-size: .72rem; font-weight: 850; gap: 6px; padding: 8px 11px; }.admin-security-event-detail-v2__severity i,.admin-security-event-detail-v2__handled i { background: currentColor; border-radius: 50%; height: 6px; width: 6px; }.admin-security-event-detail-v2__severity--safe { background: #e8faf2; color: #138255; }.admin-security-event-detail-v2__severity--warning { background: #fff4db; color: #a15c00; }.admin-security-event-detail-v2__severity--danger { background: #ffebed; color: #d83c48; }.admin-security-event-detail-v2__handled { background: #fff4db; color: #a15c00; }.admin-security-event-detail-v2__handled.is-done { background: #e8faf2; color: #138255; }
.admin-security-event-detail-v2__layout { display: grid; gap: 1.2rem; grid-template-columns: minmax(0,1.55fr) minmax(280px,.75fr); }.admin-security-event-detail-v2__main,.admin-security-event-detail-v2__aside { display: grid; align-content: start; gap: 1.2rem; }.admin-security-event-detail-v2__card { background: #fff; border: 1px solid #e2eaf5; border-radius: 22px; box-shadow: 0 14px 34px rgba(43,86,139,.06); padding: 1.3rem; }.admin-security-event-detail-v2__card-heading { align-items: flex-start; display: flex; justify-content: space-between; margin-bottom: 1rem; }.admin-security-event-detail-v2__card-heading h2 { color: var(--security-ink); font-size: 1.1rem; margin: .35rem 0 0; }.admin-security-event-detail-v2__card-icon { align-items: center; background: #e8f1ff; border-radius: 12px; color: #1769db; display: inline-flex; height: 38px; justify-content: center; width: 38px; }.admin-security-event-detail-v2__card-icon .default-theme-icon { height: 19px; width: 19px; }.admin-security-event-detail-v2__card-icon--purple { background: #f0e9ff; color: #7c3aed; }.admin-security-event-detail-v2__card-icon--gold { background: #fff1cf; color: #d88900; }.admin-security-event-detail-v2__card-icon--green { background: #e8faf2; color: #138255; }.admin-security-event-detail-v2__card-icon--danger { background: #ffebed; color: #d83c48; }
.admin-security-event-detail-v2__facts { display: grid; gap: 9px; grid-template-columns: repeat(3,minmax(0,1fr)); }.admin-security-event-detail-v2__facts > div { background: #f8faff; border: 1px solid #e6edf7; border-radius: 13px; padding: .8rem; }.admin-security-event-detail-v2__facts small { color: #7185a1; display: block; font-size: .67rem; font-weight: 850; text-transform: uppercase; }.admin-security-event-detail-v2__facts strong { color: var(--security-ink); display: block; font-size: .82rem; margin-top: 5px; overflow-wrap: anywhere; }.admin-security-event-detail-v2__uuid { align-items: center; border-top: 1px solid #edf2f8; display: flex; gap: 10px; margin-top: 1rem; padding-top: .9rem; }.admin-security-event-detail-v2__uuid span { color: #7185a1; font-size: .7rem; font-weight: 850; text-transform: uppercase; }.admin-security-event-detail-v2__uuid code { color: #526987; font-size: .72rem; overflow-wrap: anywhere; }
.admin-security-event-detail-v2__details { display: grid; gap: 0; grid-template-columns: minmax(150px,.45fr) minmax(0,1fr); margin: 0; }.admin-security-event-detail-v2__details dt,.admin-security-event-detail-v2__details dd { border-bottom: 1px solid #edf2f8; margin: 0; padding: .72rem 0; }.admin-security-event-detail-v2__details dt { color: #7185a1; font-size: .73rem; font-weight: 850; }.admin-security-event-detail-v2__details dd { color: var(--security-ink); font-size: .8rem; overflow-wrap: anywhere; }.admin-security-event-detail-v2__details dd small { color: #8191a8; display: block; font-size: .68rem; margin-top: 3px; }.admin-security-event-detail-v2__privacy-note { align-items: center; background: #f8faff; border: 1px solid #e6edf7; border-radius: 13px; color: #7185a1; display: flex; font-size: .8rem; gap: 8px; padding: 1rem; }.admin-security-event-detail-v2__privacy-note .default-theme-icon { color: #1769db; height: 18px; width: 18px; }.admin-security-event-detail-v2__context { background: #10213d; border-radius: 14px; color: #d9e8ff; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: .72rem; line-height: 1.6; margin: 0; max-height: 330px; overflow: auto; padding: 1rem; white-space: pre-wrap; }
.admin-security-event-detail-v2__action-card p { color: var(--security-muted); font-size: .8rem; line-height: 1.55; margin: -.2rem 0 1rem; }.admin-security-event-detail-v2__action-card .admin-security-button { justify-content: center; margin-top: 8px; width: 100%; }.admin-security-event-detail-v2__locked { align-items: center; background: #fff4db; border-radius: 12px; color: #a15c00; display: flex; font-size: .72rem; gap: 7px; margin: 8px 0; padding: 10px; }.admin-security-event-detail-v2__locked .default-theme-icon { height: 15px; width: 15px; }.admin-security-event-detail-v2__incident-list { display: grid; gap: 8px; }.admin-security-event-detail-v2__incident-list a { align-items: center; background: #f8faff; border: 1px solid #e6edf7; border-radius: 13px; color: var(--security-ink); display: flex; gap: 8px; justify-content: space-between; padding: .8rem; text-decoration: none; }.admin-security-event-detail-v2__incident-list a:hover { border-color: #a9caff; }.admin-security-event-detail-v2__incident-list strong,.admin-security-event-detail-v2__incident-list small { display: block; overflow-wrap: anywhere; }.admin-security-event-detail-v2__incident-list strong { font-size: .78rem; }.admin-security-event-detail-v2__incident-list small { color: #8191a8; font-size: .68rem; margin-top: 3px; }.admin-security-event-detail-v2__incident-list .default-theme-icon { color: #1769db; height: 16px; width: 16px; }.admin-security-event-detail-v2__empty { color: #8191a8; text-align: center; }.admin-security-event-detail-v2__empty .default-theme-icon { color: #35b778; display: block; height: 29px; margin: 0 auto 7px; width: 29px; }.admin-security-event-detail-v2__empty strong,.admin-security-event-detail-v2__empty span { display: block; }.admin-security-event-detail-v2__empty strong { color: var(--security-ink); font-size: .82rem; }.admin-security-event-detail-v2__empty span { font-size: .72rem; line-height: 1.45; margin-top: 4px; }
@media (max-width: 900px) { .admin-security-event-detail-v2__layout { grid-template-columns: 1fr; }.admin-security-event-detail-v2__aside { grid-row: 1; }.admin-security-event-detail-v2__facts { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .admin-security-event-detail-v2__hero { align-items: flex-start; flex-direction: column; padding: 1.35rem; }.admin-security-event-detail-v2__hero-status { align-items: flex-start; flex-direction: row; }.admin-security-event-detail-v2__facts { grid-template-columns: 1fr; }.admin-security-event-detail-v2__details { grid-template-columns: 1fr; }.admin-security-event-detail-v2__details dt { border-bottom: 0; padding-bottom: 0; }.admin-security-event-detail-v2__details dd { padding-top: .28rem; } }

/* Gamification dashboard: make the system feel like a living community engine. */
.admin-dashboard-hero .admin-badges-hero__orbit { border-color: rgba(37, 99, 235, .2); }
.admin-dashboard-hero__trophy { align-items: center; background: linear-gradient(145deg, #2563eb, #7c3aed); border-radius: 32px; box-shadow: 0 24px 42px rgba(37, 99, 235, .28), inset 0 1px 0 rgba(255,255,255,.45); color: #fff; display: grid; height: 104px; justify-items: center; transform: rotate(-7deg); width: 104px; }
.admin-dashboard-hero__trophy .default-theme-icon { height: 48px; width: 48px; }
.admin-dashboard-hero__bubble { backdrop-filter: blur(10px); background: rgba(255,255,255,.86); border: 1px solid rgba(255,255,255,.9); border-radius: 999px; box-shadow: 0 12px 25px rgba(43, 86, 139, .14); color: #1b4f9c; font-size: .75rem; font-weight: 850; padding: 9px 13px; position: absolute; }
.admin-dashboard-hero__bubble--one { right: 12%; top: 18%; }
.admin-dashboard-hero__bubble--two { bottom: 18%; left: 8%; color: #138255; }
.admin-dashboard-catalogue, .admin-dashboard-activity { background: #fff; border: 1px solid #e2eaf5; border-radius: 24px; box-shadow: 0 16px 42px rgba(43, 86, 139, .08); padding: 1.35rem; }
.admin-dashboard-catalogue-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-dashboard-catalogue-card { border: 1px solid #e2eaf5; border-radius: 20px; color: #1b3155; display: flex; flex-direction: column; min-height: 250px; overflow: hidden; padding: 1.1rem; position: relative; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.admin-dashboard-catalogue-card:hover { border-color: #9fc3ff; box-shadow: 0 16px 28px rgba(43, 86, 139, .13); transform: translateY(-3px); }
.admin-dashboard-catalogue-card--blue { background: linear-gradient(145deg, #f3f8ff, #fff); }
.admin-dashboard-catalogue-card--purple { background: linear-gradient(145deg, #faf7ff, #fff); }
.admin-dashboard-catalogue-card--gold { background: linear-gradient(145deg, #fffaf0, #fff); }
.admin-dashboard-catalogue-card__icon { align-items: center; background: #e8f1ff; border-radius: 14px; color: #1769db; display: inline-flex; height: 45px; justify-content: center; margin-bottom: 1.2rem; width: 45px; }
.admin-dashboard-catalogue-card--purple .admin-dashboard-catalogue-card__icon { background: #f0e9ff; color: #7c3aed; }
.admin-dashboard-catalogue-card--gold .admin-dashboard-catalogue-card__icon { background: #fff1cf; color: #d88900; }
.admin-dashboard-catalogue-card__icon .default-theme-icon { height: 23px; width: 23px; }
.admin-dashboard-catalogue-card small { color: #7185a1; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.admin-dashboard-catalogue-card h3 { font-size: 1.25rem; margin: 5px 0; }
.admin-dashboard-catalogue-card strong { color: #1769db; display: block; font-size: 2rem; line-height: 1.1; margin-top: 8px; }
.admin-dashboard-catalogue-card--purple strong { color: #7c3aed; }
.admin-dashboard-catalogue-card--gold strong { color: #d88900; }
.admin-dashboard-catalogue-card p { color: #7185a1; font-size: .82rem; line-height: 1.5; margin: 7px 0 1.2rem; }
.admin-dashboard-catalogue-card__link { align-items: center; color: #1769db; display: inline-flex; font-size: .8rem; font-weight: 850; gap: 6px; margin-top: auto; }
.admin-dashboard-catalogue-card__link .default-theme-icon { height: 15px; width: 15px; }
.admin-dashboard-activity__table-wrap { overflow-x: auto; }
.admin-dashboard-activity__table { border-collapse: separate; border-spacing: 0 8px; min-width: 680px; width: 100%; }
.admin-dashboard-activity__table th { color: #7185a1; font-size: .7rem; font-weight: 850; letter-spacing: .08em; padding: 0 1rem .45rem; text-align: left; text-transform: uppercase; }
.admin-dashboard-activity__table td { background: #f8faff; border-bottom: 1px solid #e8eef7; border-top: 1px solid #e8eef7; color: #52617d; font-size: .84rem; padding: .85rem 1rem; white-space: nowrap; }
.admin-dashboard-activity__table td:first-child { border-left: 1px solid #e8eef7; border-radius: 14px 0 0 14px; }
.admin-dashboard-activity__table td:last-child { border-radius: 0 14px 14px 0; border-right: 1px solid #e8eef7; }
.admin-dashboard-activity__user { align-items: center; display: flex; gap: 9px; }
.admin-dashboard-activity__user > span { align-items: center; background: linear-gradient(145deg, #2563eb, #8b5cf6); border-radius: 10px; color: #fff; display: inline-flex; font-size: .72rem; font-weight: 850; height: 32px; justify-content: center; width: 32px; }
.admin-dashboard-activity__user strong { color: #1b3155; font-size: .84rem; }
.admin-dashboard-activity__event { align-items: center; display: inline-flex; gap: 6px; }
.admin-dashboard-activity__event .default-theme-icon { color: #7c3aed; height: 15px; width: 15px; }
.admin-dashboard-activity__points { color: #07834f; }
@media (max-width: 1050px) { .admin-dashboard-catalogue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .admin-dashboard-catalogue-grid { grid-template-columns: minmax(0, 1fr); } .admin-dashboard-hero__bubble { display: none; } }

/* Cookie consent: the preferences control remains available after a choice. */
.cookie-consent-root[hidden],
.cookie-consent-root [hidden] {
    display: none !important;
}

.cookie-consent-root {
    color: #14213d;
    font-family: inherit;
}

.cookie-consent-backdrop {
    background: rgba(12, 31, 68, .42);
    inset: 0;
    position: fixed;
    z-index: 1200;
}

.cookie-consent-banner,
.cookie-consent-settings {
    background: #fff;
    border: 1px solid #dce8f8;
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(24, 72, 145, .2);
    position: fixed;
    z-index: 1201;
}

.cookie-consent-banner {
    align-items: center;
    bottom: 22px;
    display: flex;
    gap: 24px;
    left: 50%;
    max-width: 1120px;
    padding: 22px 26px;
    transform: translateX(-50%);
    width: calc(100% - 32px);
}

.cookie-consent-copy {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    min-width: 0;
}

.cookie-consent-icon {
    align-items: center;
    background: #e8f2ff;
    border-radius: 12px;
    color: #1168ed;
    display: inline-flex;
    flex: 0 0 42px;
    font-size: 22px;
    height: 42px;
    justify-content: center;
}

.cookie-consent-banner h2,
.cookie-consent-settings h2 {
    color: #102044;
    font-size: 19px;
    line-height: 1.25;
    margin: 0 0 6px;
}

.cookie-consent-banner p,
.cookie-consent-settings p {
    color: #5d6f8f;
    font-size: 13px;
    line-height: 1.55;
    margin: 0;
}

.cookie-consent-link {
    background: none;
    border: 0;
    color: #1168ed;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    padding: 0;
}

.cookie-consent-actions,
.cookie-consent-settings__actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

.cookie-consent-button {
    border-radius: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    min-height: 42px;
    padding: 0 17px;
    white-space: nowrap;
}

.cookie-consent-button--primary {
    background: #176cf2;
    border: 1px solid #176cf2;
    color: #fff;
}

.cookie-consent-button--secondary {
    background: #fff;
    border: 1px solid #b9d2f8;
    color: #1763cf;
}

.cookie-consent-settings {
    left: 50%;
    max-height: calc(100vh - 32px);
    max-width: 650px;
    overflow: auto;
    padding: 26px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 32px);
}

.cookie-consent-settings__header,
.cookie-consent-settings__header > div,
.cookie-consent-category {
    align-items: flex-start;
    display: flex;
}

.cookie-consent-settings__header {
    justify-content: space-between;
    margin-bottom: 18px;
}

.cookie-consent-settings__header > div {
    gap: 12px;
}

.cookie-consent-close {
    background: #f3f7fd;
    border: 0;
    border-radius: 50%;
    color: #526887;
    cursor: pointer;
    font-size: 22px;
    height: 32px;
    line-height: 1;
    width: 32px;
}

.cookie-consent-category {
    border: 1px solid #e0e9f5;
    border-radius: 12px;
    gap: 16px;
    justify-content: space-between;
    margin-top: 10px;
    padding: 14px 16px;
}

.cookie-consent-category strong {
    color: #172848;
    display: block;
    font-size: 14px;
    margin-bottom: 3px;
}

.cookie-consent-category input {
    accent-color: #176cf2;
    flex: 0 0 auto;
    height: 18px;
    margin-top: 2px;
    width: 18px;
}

.cookie-consent-always {
    color: #138a58;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.cookie-consent-disclaimer {
    margin-top: 16px !important;
}

.cookie-consent-settings__actions {
    justify-content: flex-end;
    margin-top: 22px;
}

.cookie-consent-preferences {
    background: #fff;
    border: 1px solid #b9d2f8;
    border-radius: 999px;
    bottom: 16px;
    box-shadow: 0 8px 26px rgba(24, 72, 145, .16);
    color: #1763cf;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    right: 16px;
    min-height: 38px;
    padding: 0 15px;
    position: fixed;
    z-index: 1199;
}

.public-sidebar-footer__cookie-settings {
    border-radius: 8px;
    bottom: auto;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    position: static;
    right: auto;
    width: 100%;
}
.account-danger-export__form { align-items: end; display: flex; flex-wrap: wrap; gap: 10px 12px; margin-top: 14px; }
.account-danger-export__form label { color: #536b8d; display: grid; font-size: 11px; font-weight: 700; gap: 5px; }
.account-danger-export__form select { background: #fff; border: 1px solid #e0e8f3; border-radius: 7px; color: #263b5d; min-height: 36px; padding: 0 9px; }
.account-danger-export__form .account-danger-export__confirm { align-items: center; display: flex; font-weight: 400; gap: 6px; }
.account-danger-export__confirm input { accent-color: #176cf2; }
.account-danger-export__form button { cursor: pointer; }

.public-main--narrow {
    margin-inline: auto;
    max-width: 980px;
    width: calc(100% - 32px);
}

.public-policy-page {
    background: #fff;
    border: 1px solid #dce8f8;
    border-radius: 20px;
    box-shadow: 0 16px 46px rgba(24, 72, 145, .1);
    color: #243858;
    margin: 34px auto;
    padding: clamp(24px, 5vw, 54px);
}

.public-policy-page h1 {
    color: #102044;
    font-size: clamp(30px, 4vw, 46px);
    margin: 0 0 12px;
}

.public-policy-page h2 {
    color: #102044;
    font-size: 21px;
    margin: 32px 0 8px;
}

.public-policy-page h3 {
    color: #102044;
    font-size: 16px;
    margin: 20px 0 5px;
}

.public-policy-page p {
    line-height: 1.7;
    margin: 0;
}

.public-policy-page__eyebrow {
    color: #176cf2;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 8px !important;
    text-transform: uppercase;
}

.public-policy-page__lead {
    color: #5d6f8f;
    font-size: 17px;
}

@media (max-width: 760px) {
    .cookie-consent-banner {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
        padding: 18px;
    }

    .cookie-consent-actions {
        justify-content: stretch;
    }

    .cookie-consent-actions .cookie-consent-button {
        flex: 1 1 0;
    }

    .cookie-consent-settings {
        padding: 20px;
    }
}

/* Account dashboard reference layout */
.account-main { background: #e9f5ff; min-height: 100vh; }
.account-main .default-theme-button-primary { background: #3882f9; border-color: #3882f9; }
.account-main .default-theme-button-primary:hover { background: #246fdf; border-color: #246fdf; }
.account-main .account-dashboard-heading,
.account-main .account-hero,
.account-main .account-stat-grid,
.account-main .account-panel { box-sizing: border-box; max-width: none; width: 100%; }
.account-settings-heading { margin: 0 0 12px; }
.account-settings-heading h1 { align-items: center; color: #10203f; display: flex; font-size: 32px; gap: 12px; letter-spacing: -.04em; margin: 0 0 8px; }
.account-settings-heading p { color: #365174; font-size: 16px; margin: 0; }
.account-settings-heading__icon { align-items: center; background: #e8f2ff; border-radius: 13px; color: #1472ed; display: inline-flex; height: 42px; justify-content: center; width: 42px; }
.account-settings-heading__icon svg { height: 25px; width: 25px; }
.account-settings-tabs { align-items: stretch; border-bottom: 1px solid #d4e2f3; display: flex; gap: 10px; margin-bottom: 16px; overflow-x: auto; }
.account-settings-tabs a { align-items: center; border-bottom: 3px solid transparent; color: #1d2d4b; display: inline-flex; font-size: 16px; gap: 10px; min-height: 52px; padding: 0 27px; text-decoration: none; white-space: nowrap; }
.account-settings-tabs a:hover, .account-settings-tabs a.is-active { color: #1472ed; }
.account-settings-tabs a.is-active { border-bottom-color: #1472ed; background: #fff; }
.account-settings-tabs svg { height: 22px; width: 22px; }
.account-settings-form { display: grid; gap: 0; }
.account-settings-card { background: #fff; border: 1px solid #dce8f7; box-shadow: 0 8px 26px rgba(37, 91, 160, .05); box-sizing: border-box; width: 100%; }
.account-settings-card--top { border-radius: 14px 14px 0 0; display: grid; grid-template-columns: minmax(0, 1fr) 390px; min-height: 320px; overflow: hidden; padding: 28px 26px 22px; }
.account-settings-card__fields { display: grid; gap: 25px; max-width: 680px; }
.account-settings-field { color: #172744; display: grid; gap: 7px; }
.account-settings-field strong { font-size: 14px; }
.account-settings-field > span { color: #536b8d; font-size: 14px; }
.account-settings-field input:not([type=file]), .account-settings-field textarea { background: #fff; border: 1px solid #cfe0f2; border-radius: 9px; box-sizing: border-box; color: #12233f; font: inherit; font-size: 14px; min-height: 40px; padding: 10px 13px; width: 100%; }
.account-settings-field textarea { min-height: 78px; resize: vertical; }
.account-settings-field input:focus, .account-settings-field textarea:focus { border-color: #3882f9; box-shadow: 0 0 0 3px rgba(56,130,249,.13); outline: 0; }
.account-settings-field small { color: #536b8d; font-size: 12px; }
.account-settings-art { align-items: center; display: flex; justify-content: center; }
.account-settings-art__card { align-items: center; background: linear-gradient(145deg, #edf5ff, #d6e7ff); border-radius: 22px; box-shadow: 0 18px 25px rgba(38,104,201,.16); color: #2479ed; display: flex; flex-direction: column; height: 135px; justify-content: center; position: relative; transform: rotate(-1deg); width: 210px; }
.account-settings-art__card > svg { background: #3882f9; border-radius: 50%; color: #fff; height: 42px; padding: 8px; width: 42px; }
.account-settings-art__card i { background: #a9c9f7; border-radius: 8px; display: block; height: 9px; margin-top: 10px; width: 115px; }
.account-settings-art__card i:nth-of-type(2) { width: 84px; }.account-settings-art__card i:nth-of-type(3) { width: 135px; }
.account-settings-art__card b { color: #1472ed; position: absolute; right: -28px; top: 70px; transform: rotate(35deg); }.account-settings-art__card b svg { height: 65px; width: 65px; }
.account-settings-card--lower { border-radius: 0 0 14px 14px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
.account-settings-column { display: grid; gap: 28px; padding: 20px 26px 24px; }.account-settings-column--identity { gap: 0; }.account-settings-column--identity .account-settings-field--username { border-bottom: 1px solid #e2ebf6; padding-bottom: 24px; }.account-settings-column--identity .account-settings-field--photo { padding-top: 24px; }.account-settings-banner-column { border-left: 1px solid #e2ebf6; }
.account-settings-username { align-items: center; background: #edf4ff; border-radius: 10px; color: #285b9e !important; display: inline-flex; gap: 10px; justify-self: start; padding: 9px 14px; }
.account-settings-username b { align-items: center; background: #70a8f3; border-radius: 50%; color: #fff; display: inline-flex; font-size: 12px; height: 25px; justify-content: center; width: 25px; }
.account-settings-photo-row { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 7px; }.account-settings-avatar { align-items: center; background: linear-gradient(145deg,#ecf5ff,#d1e5fb); border: 4px solid #edf4fc; border-radius: 50%; color: #287be9; display: inline-flex; height: 58px; justify-content: center; width: 58px; }.account-settings-avatar svg { height: 30px; width: 30px; }
.account-settings-upload-button, .account-settings-remove { align-items: center; background: #fff; border: 1px solid #75aaf5; border-radius: 8px; color: #126ce6; cursor: pointer; display: inline-flex; font-size: 14px; gap: 8px; justify-content: center; min-height: 40px; padding: 0 20px; }.account-settings-upload-button input { display: none; }.account-settings-remove { border-color: #d9e4f2; color: #e22d2d; }.account-settings-upload-button svg, .account-settings-remove svg { height: 18px; width: 18px; }
.account-settings-banner-preview { align-items: center; background: linear-gradient(105deg,#93c5ff,#dcecff 65%,#acd1ff); border-radius: 9px; color: #fff; display: flex; font-size: 23px; font-weight: 800; justify-content: space-between; min-height: 132px; overflow: hidden; padding: 0 30px; text-shadow: 0 2px 8px rgba(23,91,187,.4); }.account-settings-banner-preview svg { height: 78px; opacity: .8; width: 78px; }
.account-settings-upload-button--wide { width: 100%; box-sizing: border-box; margin-top: 10px; }
.account-settings-tip { align-items: flex-start; background: #edf6ff; border-radius: 10px; color: #176de2; display: flex; gap: 12px; margin: -1px 25px 0; padding: 13px 16px; }.account-settings-tip > svg { flex: 0 0 20px; height: 20px; }.account-settings-tip div { display: grid; gap: 2px; }.account-settings-tip strong { color: #193763; font-size: 14px; }.account-settings-tip span { color: #526b8d; font-size: 13px; }.account-settings-tip > span { margin-left: auto; }
.account-settings-save-row { display: flex; justify-content: flex-end; padding: 15px 0 0; }.account-settings-save-row button { align-items: center; background: #146ff0; border: 0; border-radius: 9px; color: #fff; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 700; gap: 9px; min-height: 42px; padding: 0 21px; }.account-settings-save-row svg { height: 18px; width: 18px; }
@media (max-width: 850px) { .account-settings-card--top { grid-template-columns: 1fr; }.account-settings-art { display: none; }.account-settings-card--lower { grid-template-columns: 1fr; }.account-settings-banner-column { border-left: 0; border-top: 1px solid #e2ebf6; }.account-settings-tabs a { padding: 0 15px; } }
.account-email-card { background: #fff; border: 1px solid #dce8f7; border-radius: 14px; box-shadow: 0 8px 26px rgba(37,91,160,.05); overflow: hidden; }
.account-email-hero { border-bottom: 1px solid #e3ecf6; display: grid; grid-template-columns: minmax(0,1fr) 390px; min-height: 190px; padding: 30px 26px 26px; }
.account-email-title { align-items: center; display: flex; gap: 14px; }.account-email-title > strong, .account-email-verification > strong, .account-email-update > strong, .account-email-preferences > strong, .account-email-recent strong { color: #172744; font-size: 15px; }.account-email-hero p, .account-email-verification p, .account-email-update p, .account-email-preferences p, .account-email-recent p { color: #536b8d; font-size: 14px; margin: 10px 0 16px; }
.account-email-verified { align-items: center; background: #e8f9ef; border-radius: 999px; color: #07934d; display: inline-flex; font-size: 13px; gap: 5px; padding: 5px 12px; }.account-email-verified svg { height: 16px; width: 16px; }
.account-email-address { align-items: center; background: #f3f7fd; border-radius: 9px; color: #152744; display: flex; font-size: 15px; justify-content: space-between; max-width: 635px; min-height: 58px; padding: 0 12px 0 16px; }.account-email-change-details summary { align-items: center; border: 1px solid #76aafa; border-radius: 8px; color: #126ce6; cursor: pointer; display: inline-flex; font-size: 14px; gap: 8px; list-style: none; padding: 10px 13px; }.account-email-change-details summary::-webkit-details-marker { display: none; }.account-email-change-details summary svg { height: 17px; width: 17px; }.account-email-change-details form { background: #fff; border: 1px solid #d9e7f5; border-radius: 10px; display: grid; gap: 10px; margin-top: 8px; padding: 14px; position: absolute; right: 0; width: 280px; z-index: 5; }.account-email-change-details { position: relative; }.account-email-change-details label { color: #233b5f; display: grid; font-size: 12px; gap: 4px; }.account-email-change-details input { border: 1px solid #cfe0f2; border-radius: 7px; min-height: 34px; padding: 6px 8px; }.account-email-change-details button { background: #146ff0; border: 0; border-radius: 7px; color: #fff; cursor: pointer; min-height: 36px; }
.account-email-art { align-items: center; display: flex; justify-content: center; position: relative; }.account-email-art:before { background: linear-gradient(145deg,#edf5ff,#c9deff); border-radius: 14px 14px 28px 28px; content: ''; height: 110px; transform: rotate(-5deg); width: 160px; }.account-email-art > svg:first-child { color: #2679ef; height: 70px; position: absolute; width: 70px; }.account-email-art > svg:last-child { background: #32c981; border: 5px solid #fff; border-radius: 50%; color: #fff; height: 32px; padding: 6px; position: absolute; right: 76px; top: 63px; width: 32px; }
.account-email-verification { padding: 21px 26px 23px; }.account-email-success { align-items: center; background: #effbf3; border-radius: 10px; color: #08743f; display: flex; gap: 12px; max-width: 635px; padding: 13px 16px; }.account-email-success > svg { color: #23bd71; height: 22px; width: 22px; }.account-email-success div { display: grid; gap: 3px; }.account-email-success strong { font-size: 14px; }.account-email-success span { font-size: 13px; }
.account-email-lower { border-top: 1px solid #e3ecf6; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); }.account-email-update, .account-email-preferences { padding: 24px 26px; }.account-email-preferences { border-left: 1px solid #e3ecf6; }.account-email-change-details--lower summary { margin-top: 7px; }.account-email-preferences__heading { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }.account-email-preferences__heading p { margin-bottom: 10px; }.account-email-preferences__status { background: #e8f9ef; border-radius: 999px; color: #08743f; font-size: 11px; padding: 5px 9px; white-space: nowrap; }.account-email-preferences__status:has(+ *) { display: inline-flex; }.account-email-preferences-form { display: grid; gap: 2px; }.account-email-preference { align-items: center; border-top: 1px solid #e3ecf6; display: flex; gap: 13px; margin: 0; min-height: 58px; position: relative; }.account-email-preference > svg { background: #edf4ff; border-radius: 9px; color: #286bc1; height: 23px; padding: 9px; width: 23px; }.account-email-preference span { display: grid; gap: 3px; }.account-email-preference b { color: #1c2f4d; font-size: 14px; font-weight: 500; }.account-email-preference small { color: #647a99; font-size: 12px; }.account-email-preference > input[type=checkbox] { height: 1px; opacity: 0; position: absolute; width: 1px; }.account-email-toggle { background: #1472ed; border-radius: 999px; height: 21px; margin-left: auto; position: relative; width: 39px; }.account-email-toggle:after { background: #fff; border-radius: 50%; content: ''; height: 17px; position: absolute; right: 2px; top: 2px; width: 17px; }.account-email-toggle--off { background: #b8c6d9; }.account-email-toggle--off:after { left: 2px; right: auto; }.account-email-preference:has(input[type=checkbox]:not(:checked)) .account-email-toggle { background: #b8c6d9; }.account-email-preference:has(input[type=checkbox]:not(:checked)) .account-email-toggle:after { left: 2px; right: auto; }.account-email-quiet-hours { background: #f5f9ff; border: 1px solid #dce8f7; border-radius: 10px; display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: 12px; padding: 12px; }.account-email-quiet-hours > div { display: grid; gap: 3px; flex: 1 1 100%; }.account-email-quiet-hours b { color: #1c2f4d; font-size: 13px; }.account-email-quiet-hours small { color: #647a99; font-size: 11px; }.account-email-quiet-hours label { align-items: center; color: #536b8d; display: inline-flex; font-size: 11px; gap: 5px; }.account-email-quiet-hours input[type=checkbox] { accent-color: #1472ed; }.account-email-quiet-hours input[type=time], .account-email-quiet-hours select { background: #fff; border: 1px solid #cfe0f2; border-radius: 6px; color: #1c2f4d; min-height: 30px; padding: 3px 6px; }.account-email-preferences-save { align-items: center; background: #146ff0; border: 0; border-radius: 8px; color: #fff; cursor: pointer; display: inline-flex; font-size: 12px; gap: 7px; justify-content: center; margin-top: 12px; min-height: 36px; padding: 0 13px; justify-self: end; }.account-email-preferences-save svg { height: 15px; width: 15px; }.account-email-pending { background: #fff8e8; border: 1px solid #f3d99c; border-radius: 9px; color: #7a5b13; margin: 12px 0; padding: 12px 16px; }.account-email-recent { display: block; margin-top: 14px; padding: 22px 26px; }.account-email-recent__heading strong { color: #172744; font-size: 15px; }.account-email-recent p { color: #536b8d; font-size: 14px; margin: 6px 0 14px; }.account-email-activity-list { border-top: 1px solid #e3ecf6; }.account-email-activity-row { align-items: center; border-bottom: 1px solid #e3ecf6; display: flex; gap: 10px; min-height: 56px; }.account-email-activity-icon { align-items: center; background: #edf4ff; border-radius: 8px; color: #286bc1; display: inline-flex; height: 30px; justify-content: center; width: 30px; }.account-email-activity-icon svg { height: 16px; width: 16px; }.account-email-activity-row > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }.account-email-activity-row b { color: #1c2f4d; font-size: 13px; }.account-email-activity-row small { color: #647a99; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.account-email-activity-row time { color: #647a99; font-size: 11px; margin-left: auto; white-space: nowrap; }.account-email-activity-status { border-radius: 999px; font-size: 10px; font-style: normal; padding: 4px 8px; }.account-email-activity-status--sent { background: #e8f9ef; color: #08743f; }.account-email-activity-status--failed { background: #fff0f0; color: #c72d2d; }.account-email-activity-empty { align-items: center; background: #f5f9ff; border-radius: 9px; color: #647a99; display: flex; font-size: 13px; gap: 10px; padding: 14px; }.account-email-activity-empty svg { color: #286bc1; height: 20px; width: 20px; }
@media (max-width: 850px) { .account-email-hero { grid-template-columns: 1fr; }.account-email-art { display: none; }.account-email-lower { grid-template-columns: 1fr; }.account-email-preferences { border-left: 0; border-top: 1px solid #e3ecf6; }.account-email-address { align-items: flex-start; flex-direction: column; gap: 10px; padding: 14px; }.account-email-change-details form { left: 0; right: auto; }.account-email-recent { align-items: flex-start; flex-direction: column; gap: 14px; } }
.account-notifications-hero { align-items: center; background: linear-gradient(100deg,#e5f1ff,#c7ddff); border: 1px solid #c4ddfb; border-radius: 14px; display: flex; justify-content: space-between; min-height: 132px; overflow: hidden; padding: 0 48px; }.account-notifications-hero h2 { color: #142543; font-size: 25px; margin: 0 0 9px; }.account-notifications-hero h2 span { color: #ffb300; }.account-notifications-hero p { color: #29466e; font-size: 14px; line-height: 1.55; margin: 0; }.account-notifications-hero__art { align-items: center; display: flex; gap: 18px; margin-right: 45px; }.account-notifications-hero__art svg { background: #3787ed; border-radius: 12px; color: #fff; height: 34px; padding: 12px; width: 34px; }.account-notifications-hero__art svg:nth-child(2) { background: #fff; color: #3787ed; transform: translateY(15px); }.account-notifications-hero__art svg:nth-child(3) { transform: translateY(-15px); }
.account-notifications-controls { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; margin-top: 12px; }.account-notification-control { align-items: center; background: #fff; border: 1px solid #dce8f7; border-radius: 13px; display: flex; gap: 13px; min-height: 84px; padding: 0 20px; }.account-notification-control__icon { align-items: center; background: #edf5ff; border-radius: 11px; color: #216ddb; display: inline-flex; height: 42px; justify-content: center; width: 42px; }.account-notification-control__icon--purple { background: #f0e8ff; color: #7136df; }.account-notification-control__icon svg { height: 23px; width: 23px; }.account-notification-control div { display: grid; gap: 4px; }.account-notification-control strong { color: #172744; font-size: 14px; }.account-notification-control small { color: #536b8d; font-size: 12px; }.account-notification-toggle { background: #1472ed; border-radius: 999px; display: inline-block; height: 23px; margin-left: auto; position: relative; width: 47px; }.account-notification-toggle:after { background: #fff; border-radius: 50%; content: ''; height: 19px; position: absolute; right: 2px; top: 2px; width: 19px; }.account-notification-toggle--off { background: #b9c7dc; }.account-notification-toggle--off:after { left: 2px; right: auto; }.account-notification-times { align-items: center; display: flex !important; gap: 7px !important; margin-left: 7px; }.account-notification-times span { border: 1px solid #cfdeef; border-radius: 7px; color: #1f3658; font-size: 12px; padding: 9px 8px; }.account-notification-times b { color: #7890ad; }.account-notification-times small { margin-left: 5px; white-space: nowrap; }
.account-notifications-layout { display: grid; gap: 12px; grid-template-columns: minmax(0,1.8fr) minmax(300px,.95fr); margin-top: 12px; }.account-notification-categories, .account-notification-side > section { background: #fff; border: 1px solid #dce8f7; border-radius: 13px; }.account-notification-categories { padding: 16px 24px; }.account-notification-categories header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 14px; }.account-notification-categories h2, .account-notification-side h2 { color: #172744; font-size: 17px; margin: 0; }.account-notification-categories header div { display: flex; gap: 10px; }.account-notification-categories button { align-items: center; background: #fff; border: 1px solid #bcd4f4; border-radius: 8px; color: #126ce6; display: inline-flex; font-size: 12px; gap: 6px; padding: 8px 12px; }.account-notification-categories button svg { height: 16px; width: 16px; }.account-notification-row { align-items: center; border: 1px solid #dce8f7; border-radius: 10px; display: flex; gap: 12px; margin-top: 8px; min-height: 54px; padding: 0 12px; }.account-notification-row__icon { align-items: center; border-radius: 10px; display: inline-flex; height: 34px; justify-content: center; width: 42px; }.account-notification-row__icon svg { height: 20px; width: 20px; }.account-notification-row__icon--pink { background: #ffe4ed; color: #ed2854; }.account-notification-row__icon--purple { background: #eee2ff; color: #7028dd; }.account-notification-row__icon--orange { background: #ffead7; color: #e7740e; }.account-notification-row__icon--blue { background: #e1efff; color: #1c6de0; }.account-notification-row__icon--green { background: #ddf7e8; color: #0a9c55; }.account-notification-row__icon--cyan { background: #ddf5f5; color: #128d9a; }.account-notification-row__copy { display: grid; gap: 2px; min-width: 220px; }.account-notification-row__copy strong { color: #1b2d4b; font-size: 13px; }.account-notification-row__copy small { color: #536b8d; font-size: 11px; }.account-notification-row label { align-items: center; color: #1d2d4b; display: flex; font-size: 12px; gap: 7px; white-space: nowrap; }.account-notification-row label input { accent-color: #1472ed; height: 16px; width: 16px; }.account-notification-required { background: #fff0c6; border-radius: 999px; color: #a96e00; font-size: 10px; padding: 4px 8px; }.account-notification-side { display: grid; gap: 12px; }.account-notification-side > section { padding: 17px 18px; }.account-notification-type { align-items: center; border: 1px solid #dce8f7; border-radius: 10px; display: flex; gap: 10px; margin-top: 9px; padding: 10px; }.account-notification-type.is-selected { background: #edf5ff; border-color: #a8cbfa; }.account-notification-type > span, .account-delivery-row > span { align-items: center; background: #eef5ff; border-radius: 9px; color: #2772dc; display: inline-flex; height: 32px; justify-content: center; width: 34px; }.account-notification-type svg, .account-delivery-row svg { height: 18px; width: 18px; }.account-notification-type b, .account-delivery-row b { color: #1d2d4b; display: grid; font-size: 12px; gap: 3px; }.account-notification-type small, .account-delivery-row small { color: #536b8d; font-size: 11px; font-weight: 400; }.account-notification-type > strong { color: #1472ed; margin-left: auto; }.account-delivery-row { align-items: center; border-bottom: 1px solid #e3ecf6; display: flex; gap: 10px; padding: 9px 0; }.account-delivery-row:last-child { border-bottom: 0; }.account-delivery-row em { background: #d8f7e7; border-radius: 999px; color: #0a9753; font-size: 10px; font-style: normal; margin-left: auto; padding: 5px 8px; }.account-delivery-row > strong { color: #0aab5b; margin-left: auto; }.account-delivery-row > i { border: 2px solid #9cacbf; border-radius: 50%; height: 13px; margin-left: auto; width: 13px; }.account-notification-tip { align-items: flex-start; background: #e1f0ff; border-radius: 10px; color: #1a71e3; display: flex; font-size: 12px; gap: 10px; padding: 14px; }.account-notification-tip svg { height: 20px; width: 20px; }.account-notification-tip span { color: #355579; line-height: 1.45; }.account-notification-tip strong { color: #193763; display: block; }.account-notification-tip b { color: #758ba8; margin-left: auto; }
@media (max-width: 1000px) { .account-notifications-layout { grid-template-columns: 1fr; }.account-notification-row__copy { min-width: 0; flex: 1; }.account-notifications-hero__art { margin-right: 0; } }
@media (max-width: 720px) { .account-notifications-controls { grid-template-columns: 1fr; }.account-notifications-hero { padding: 24px; }.account-notifications-hero__art { display: none; }.account-notification-categories { padding: 14px; }.account-notification-categories header { align-items: flex-start; flex-direction: column; gap: 10px; }.account-notification-row { flex-wrap: wrap; padding: 10px; }.account-notification-row .account-notification-toggle { margin-left: auto; } }
.account-security-layout { display: grid; gap: 12px; grid-template-columns: minmax(0,1.7fr) minmax(300px,.95fr); }.account-security-main, .account-security-side { display: grid; gap: 12px; }.account-security-card { background: #fff; border: 1px solid #dce8f7; border-radius: 13px; box-shadow: 0 8px 26px rgba(37,91,160,.05); padding: 20px 22px; }.account-security-card h2 { color: #172744; font-size: 15px; margin: 0 0 6px; }.account-security-card p { color: #536b8d; font-size: 12px; margin: 0 0 18px; }.account-security-password { display: grid; gap: 18px; grid-template-columns: 1fr 1.25fr; min-height: 232px; }.account-security-password__meter strong { color: #273f62; display: block; font-size: 12px; margin: 25px 0 10px; }.account-password-meter { background: #e4eaf2; border-radius: 999px; height: 8px; overflow: hidden; }.account-password-meter i { background: #10ac69; border-radius: inherit; display: block; height: 100%; width: 55%; }.account-security-password__meter > b { color: #079653; font-size: 12px; margin-left: calc(55% + 8px); white-space: nowrap; }.account-security-password form { display: grid; gap: 8px; }.account-security-password label, .account-security-action label { color: #1d3456; display: grid; font-size: 11px; gap: 4px; }.account-security-password input, .account-security-action input { background: #f7faff; border: 1px solid #cfe0f2; border-radius: 7px; box-sizing: border-box; min-height: 31px; padding: 5px 9px; width: 100%; }.account-security-password button { align-items: center; background: #146ff0; border: 0; border-radius: 7px; color: #fff; cursor: pointer; display: inline-flex; font-size: 12px; gap: 7px; justify-content: center; justify-self: start; margin-top: 3px; min-height: 34px; padding: 0 14px; }.account-security-password button svg { height: 15px; width: 15px; }.account-security-sessions > p, .account-security-recovery > p { margin-bottom: 10px; }.account-session-row { align-items: center; border: 1px solid #e0eaf5; display: flex; gap: 10px; min-height: 44px; padding: 0 10px; }.account-session-row:first-of-type { border-radius: 8px 8px 0 0; }.account-session-row:last-of-type { border-radius: 0 0 8px 8px; }.account-session-row > svg { background: #edf4ff; border-radius: 50%; color: #2275e5; height: 20px; padding: 7px; width: 20px; }.account-session-row b { color: #263b5d; display: grid; font-size: 11px; gap: 2px; }.account-session-row small { color: #647a99; font-size: 9px; font-weight: 400; }.account-session-row em { color: #56708f; font-size: 10px; font-style: normal; margin-left: auto; }.account-session-row button { background: #fff; border: 1px solid #ffc8c8; border-radius: 7px; color: #ef5656; font-size: 10px; padding: 7px 14px; }.account-session-current { background: #d9f8e8; border-radius: 999px; color: #079653; font-size: 9px; padding: 5px 7px; }.account-security-action { border: 1px solid #82b6fb; border-radius: 7px; margin-top: 10px; }.account-security-action summary { color: #126ce6; cursor: pointer; font-size: 12px; list-style: none; padding: 8px; text-align: center; }.account-security-action summary::-webkit-details-marker { display: none; }.account-security-action summary svg { height: 15px; vertical-align: middle; width: 15px; }.account-security-action form { border-top: 1px solid #dce8f7; display: flex; gap: 8px; padding: 10px; }.account-security-action button { background: #146ff0; border: 0; border-radius: 6px; color: #fff; padding: 0 10px; }.account-security-recovery > div { align-items: center; border: 1px solid #e0eaf5; display: flex; gap: 10px; min-height: 42px; padding: 0 10px; }.account-security-recovery > div:first-of-type { border-radius: 8px 8px 0 0; }.account-security-recovery > div:last-of-type { border-radius: 0 0 8px 8px; }.account-security-recovery > div > svg { color: #2772dc; height: 19px; width: 19px; }.account-security-recovery b { color: #263b5d; display: grid; font-size: 11px; gap: 2px; }.account-security-recovery small { color: #647a99; font-size: 10px; font-weight: 400; }.account-security-recovery em { background: #d9f8e8; border-radius: 999px; color: #079653; font-size: 9px; font-style: normal; margin-left: auto; padding: 5px 8px; }.account-security-recovery a { border: 1px solid #75aaf5; border-radius: 6px; color: #126ce6; font-size: 10px; margin-left: auto; padding: 6px 9px; text-decoration: none; }.account-security-mfa { min-height: 310px; position: relative; }.account-security-mfa > strong { color: #263b5d; display: block; font-size: 11px; margin-bottom: 8px; }.account-security-enabled { align-items: center; background: #e8f9ef; border-radius: 999px; color: #079653; display: inline-flex; font-size: 11px; gap: 5px; padding: 6px 10px; }.account-security-enabled svg { height: 15px; width: 15px; }.account-security-protected { align-items: center; background: #effbf3; border-radius: 9px; color: #079653; display: flex; gap: 9px; margin: 23px 0 12px; max-width: 225px; padding: 10px; }.account-security-protected > svg { height: 20px; width: 20px; }.account-security-protected span { display: grid; font-size: 11px; gap: 3px; }.account-security-protected small { color: #4c7a62; font-size: 9px; }.account-security-mfa > a { align-items: center; border-top: 1px solid #e2ebf6; color: #126ce6; display: flex; font-size: 10px; gap: 7px; padding: 14px 0; text-decoration: none; }.account-security-mfa > a svg { height: 16px; width: 16px; }.account-security-mfa > a svg:last-child { margin-left: auto; }.account-security-disable button { background: #fff; border: 1px solid #ff9e9e; border-radius: 7px; color: #e33b3b; font-size: 11px; padding: 7px 12px; }.account-security-mfa-art { align-items: center; background: linear-gradient(145deg,#91baff,#2c6df0); border-radius: 18px; bottom: 75px; color: #fff; display: flex; height: 85px; justify-content: center; position: absolute; right: 35px; transform: rotate(-5deg); width: 85px; }.account-security-mfa-art svg { height: 43px; width: 43px; }.account-security-mfa-art span { color: #fff; position: absolute; right: -22px; top: -20px; }.account-security-activity > div { align-items: center; border: 1px solid #e0eaf5; display: flex; gap: 9px; min-height: 38px; padding: 0 8px; }.account-security-activity > div > svg { background: #edf4ff; border-radius: 8px; color: #2275e5; height: 17px; padding: 6px; width: 17px; }.account-security-activity b { color: #263b5d; display: grid; font-size: 10px; gap: 2px; }.account-security-activity small { color: #647a99; font-size: 9px; font-weight: 400; }.account-security-activity em { color: #4c6c90; font-size: 9px; font-style: normal; margin-left: auto; }.account-security-activity > a { color: #126ce6; display: inline-flex; font-size: 11px; gap: 6px; margin-top: 12px; text-decoration: none; }.account-security-activity > a svg { height: 14px; width: 14px; }.account-security-support { align-items: center; background: #dceeff; border-radius: 10px; color: #126ce6; display: flex; gap: 10px; padding: 13px; }.account-security-support > svg { background: #448bf0; border-radius: 8px; color: #fff; height: 22px; padding: 7px; width: 22px; }.account-security-support span { color: #4b678b; display: grid; font-size: 10px; gap: 3px; }.account-security-support strong { color: #263b5d; font-size: 11px; }.account-security-support a { background: #146ff0; border-radius: 6px; color: #fff; font-size: 10px; margin-left: auto; padding: 8px 10px; text-decoration: none; white-space: nowrap; }
@media (max-width: 980px) { .account-security-layout { grid-template-columns: 1fr; }.account-security-password { grid-template-columns: 1fr; }.account-security-mfa-art { right: 60px; } }
@media (max-width: 600px) { .account-session-row { flex-wrap: wrap; padding: 8px; }.account-security-action form { flex-direction: column; }.account-security-support { align-items: flex-start; flex-wrap: wrap; }.account-security-mfa-art { display: none; } }
.account-privacy-form { display: grid; gap: 12px; }.account-privacy-visibility, .account-privacy-card, .account-privacy-footer { background: #fff; border: 1px solid #dce8f7; border-radius: 13px; box-shadow: 0 8px 26px rgba(37,91,160,.05); }.account-privacy-visibility { align-items: center; display: grid; grid-template-columns: minmax(0,1fr) 330px; min-height: 204px; overflow: hidden; padding: 22px 20px; }.account-privacy-visibility h2, .account-privacy-card h2 { color: #172744; font-size: 15px; margin: 0 0 5px; }.account-privacy-visibility p, .account-privacy-card > p { color: #536b8d; font-size: 12px; margin: 0 0 15px; }.account-privacy-options { display: grid; gap: 12px; grid-template-columns: repeat(3,1fr); }.account-privacy-option { align-items: flex-start; border: 1px solid #dce8f7; border-radius: 10px; cursor: pointer; display: flex; gap: 10px; min-height: 82px; padding: 15px; }.account-privacy-option.is-selected { background: #f2f7ff; border-color: #6eaaff; box-shadow: 0 0 0 1px #6eaaff; }.account-privacy-option input { accent-color: #1472ed; margin: 3px 0 0; }.account-privacy-option span { display: grid; gap: 8px; }.account-privacy-option b { color: #172744; font-size: 13px; }.account-privacy-option small { color: #536b8d; font-size: 11px; line-height: 1.35; }.account-privacy-art { align-items: center; display: flex; height: 150px; justify-content: center; position: relative; }.account-privacy-art:before { background: linear-gradient(145deg,#d9e9ff,#7ba9ff); border-radius: 50% 50% 45% 45%; content: ''; height: 105px; width: 105px; }.account-privacy-art svg:first-child { background: #3c70e9; border-radius: 22px; color: #fff; height: 47px; padding: 15px; position: absolute; transform: translateX(28px) rotate(8deg); width: 47px; }.account-privacy-art svg:last-child { background: #8dbaff; border: 5px solid #fff; border-radius: 50%; color: #fff; height: 27px; padding: 8px; position: absolute; transform: translate(-45px,35px); width: 27px; }.account-privacy-grid { display: grid; gap: 12px; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); }.account-privacy-card { padding: 17px 18px; }.account-privacy-detail { align-items: center; border: 1px solid #e0eaf5; display: flex; gap: 10px; min-height: 43px; padding: 0 9px; }.account-privacy-detail:first-of-type { border-radius: 8px 8px 0 0; }.account-privacy-detail:last-of-type { border-radius: 0 0 8px 8px; }.account-privacy-detail > svg:first-child { background: #edf4ff; border-radius: 8px; color: #2475dd; height: 17px; padding: 6px; width: 17px; }.account-privacy-detail b { color: #263b5d; display: grid; font-size: 11px; gap: 2px; }.account-privacy-detail small { color: #647a99; font-size: 9px; font-weight: 400; }.account-privacy-detail em { background: #d9f8e8; border-radius: 999px; color: #079653; font-size: 9px; font-style: normal; margin-left: auto; padding: 5px 8px; }.account-privacy-detail em.is-limited { background: #fff1d1; color: #b97600; }.account-privacy-detail em.is-hidden { background: #ffe3e3; color: #e33b3b; }.account-privacy-detail > svg:last-child { color: #7a94b5; height: 15px; width: 15px; }.account-privacy-advanced { align-items: center; border: 1px solid #bdd7f7; border-radius: 8px; color: #126ce6; display: flex; font-size: 11px; gap: 8px; margin-top: 14px; padding: 11px; text-decoration: none; }.account-privacy-advanced svg { height: 16px; width: 16px; }.account-privacy-advanced svg:last-child { margin-left: auto; }.account-privacy-side { display: grid; gap: 12px; }.account-privacy-toggle-row { align-items: center; border: 1px solid #e0eaf5; display: flex; gap: 10px; min-height: 43px; padding: 0 10px; }.account-privacy-toggle-row:first-of-type { border-radius: 8px 8px 0 0; }.account-privacy-toggle-row:last-of-type { border-radius: 0 0 8px 8px; }.account-privacy-toggle-row > svg { background: #f1f6fc; border-radius: 8px; color: #263b5d; height: 17px; padding: 6px; width: 17px; }.account-privacy-toggle-row b { color: #263b5d; display: grid; font-size: 11px; gap: 2px; }.account-privacy-toggle-row small { color: #647a99; font-size: 9px; font-weight: 400; }.account-privacy-toggle-row i { background: #1472ed; border-radius: 999px; height: 22px; margin-left: auto; position: relative; width: 42px; }.account-privacy-toggle-row i:after { background: #fff; border-radius: 50%; content: ''; height: 18px; position: absolute; right: 2px; top: 2px; width: 18px; }.account-privacy-toggle-row i.is-off { background: #b9c7dc; }.account-privacy-toggle-row i.is-off:after { left: 2px; right: auto; }.account-privacy-blocked { align-items: center; display: flex; min-height: 66px; padding: 12px 18px; }.account-privacy-blocked p { margin: 4px 0 0; }.account-privacy-blocked a { align-items: center; border: 1px solid #75aaf5; border-radius: 8px; color: #126ce6; display: inline-flex; font-size: 11px; gap: 8px; margin-left: auto; padding: 9px 12px; text-decoration: none; }.account-privacy-blocked a svg { height: 15px; width: 15px; }.account-privacy-footer { align-items: center; background: #eef7ff; border-color: #a6cdfb; display: flex; gap: 14px; padding: 15px 17px; }.account-privacy-footer > svg:first-child { background: #4b91ef; border-radius: 50%; color: #fff; height: 25px; padding: 9px; width: 25px; }.account-privacy-footer div { display: grid; gap: 4px; }.account-privacy-footer strong { color: #263b5d; font-size: 13px; }.account-privacy-footer span { color: #536b8d; font-size: 11px; }.account-privacy-footer a { color: #126ce6; font-size: 11px; text-decoration: none; }.account-privacy-footer > svg:last-child { color: #2475dd; height: 55px; margin-left: auto; width: 55px; }
@media (max-width: 950px) { .account-privacy-visibility { grid-template-columns: 1fr; }.account-privacy-art { display: none; }.account-privacy-options, .account-privacy-grid { grid-template-columns: 1fr; } }
.account-danger-heading .account-settings-heading__icon { background: #fff0f0; color: #ef333b; }.account-danger-heading h1 { color: #172744; }.account-danger-heading p { color: #172744; }.account-danger-warning, .account-danger-card, .account-danger-export, .account-danger-support { background: #fff; border: 1px solid #ffd4d4; border-radius: 13px; box-shadow: 0 8px 26px rgba(200,56,56,.04); }.account-danger-warning { align-items: center; background: linear-gradient(100deg,#fff4f4,#fffafa); display: flex; gap: 20px; min-height: 120px; overflow: hidden; padding: 0 22px; }.account-danger-warning > span { align-items: center; background: #ff6a6f; border-radius: 50%; color: #fff; display: inline-flex; height: 58px; justify-content: center; width: 58px; }.account-danger-warning > span svg { height: 30px; width: 30px; }.account-danger-warning h2 { color: #172744; font-size: 18px; margin: 0 0 8px; }.account-danger-warning p { color: #263b5d; font-size: 13px; line-height: 1.5; margin: 0; }.account-danger-warning__art { align-items: center; background: linear-gradient(145deg,#ffb0b4,#ef424d); border-radius: 14px 14px 5px 5px; color: #fff; display: flex; height: 75px; justify-content: center; margin-left: auto; margin-right: 70px; transform: rotate(3deg); width: 105px; }.account-danger-warning__art svg { background: #fff; border-radius: 7px; color: #ed3e48; height: 28px; padding: 8px; width: 28px; }.account-danger-grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; margin-top: 12px; }.account-danger-card { align-items: flex-start; display: grid; gap: 15px; grid-template-columns: 55px minmax(0,1fr) auto; min-height: 142px; padding: 20px; }.account-danger-icon { align-items: center; background: #fff0f0; border-radius: 10px; color: #ee363c; display: inline-flex; height: 36px; justify-content: center; width: 43px; }.account-danger-icon svg { height: 22px; width: 22px; }.account-danger-card h2, .account-danger-export h2, .account-danger-support h2 { color: #172744; font-size: 15px; margin: 2px 0 7px; }.account-danger-card p, .account-danger-export p, .account-danger-support p { color: #263b5d; font-size: 12px; line-height: 1.5; margin: 0; }.account-danger-card ul { color: #263b5d; font-size: 11px; line-height: 1.8; list-style: none; margin: 10px 0 0; padding: 0; }.account-danger-card li:before { color: #f05a5f; content: '•'; font-size: 17px; margin-right: 7px; vertical-align: middle; }.account-danger-card button, .account-danger-export button, .account-danger-support a { align-self: center; background: #fff; border: 1px solid #ff8585; border-radius: 8px; color: #eb3037; cursor: not-allowed; font-size: 12px; font-weight: 700; padding: 10px 15px; white-space: nowrap; }.account-danger-card button:disabled, .account-danger-export button:disabled { opacity: 1; }.account-danger-export { align-items: center; display: grid; gap: 15px; grid-template-columns: 55px minmax(0,1fr) auto; margin-top: 12px; padding: 18px 20px; }.account-danger-export button { align-items: center; display: inline-flex; gap: 7px; }.account-danger-export button svg { height: 17px; width: 17px; }.account-danger-support { align-items: center; background: #fff6f6; display: flex; gap: 16px; margin-top: 12px; padding: 16px 20px; }.account-danger-support > span { align-items: center; background: #ffd8d8; border-radius: 50%; color: #ef3c43; display: inline-flex; height: 43px; justify-content: center; width: 43px; }.account-danger-support > span svg { height: 24px; width: 24px; }.account-danger-support a { background: #fff; cursor: pointer; margin-left: auto; text-decoration: none; }.account-danger-support a:hover { background: #fff0f0; }
@media (max-width: 900px) { .account-danger-grid { grid-template-columns: 1fr; }.account-danger-warning__art { margin-right: 10px; } }
@media (max-width: 620px) { .account-danger-warning { align-items: flex-start; padding: 20px; }.account-danger-warning__art { display: none; }.account-danger-card, .account-danger-export { grid-template-columns: 45px 1fr; }.account-danger-card button, .account-danger-export button { grid-column: 2; justify-self: start; }.account-danger-export__form { align-items: stretch; flex-direction: column; }.account-danger-export__form button { align-self: flex-start; }.account-danger-support { align-items: flex-start; flex-wrap: wrap; }.account-danger-support a { margin-left: 0; } }
.search-page-heading { align-items: center; display: flex; justify-content: space-between; min-height: 112px; }.search-page-heading h1 { color: #172744; font-size: 32px; letter-spacing: -.04em; margin: 0 0 8px; }.search-page-heading h1 span { color: #3a88f5; font-size: 24px; }.search-page-heading p { color: #536b8d; font-size: 14px; margin: 0; }.search-page-heading__art { align-items: center; display: flex; gap: 13px; margin-right: 30px; }.search-page-heading__art svg { background: #cfe3ff; border-radius: 10px; color: #3882f9; height: 30px; padding: 10px; width: 30px; }.search-page-heading__art svg:first-child { border-radius: 50%; height: 47px; padding: 15px; width: 47px; }.search-page-form { align-items: end; background: #fff; border: 1px solid #dce8f7; border-radius: 12px; box-shadow: 0 8px 26px rgba(37,91,160,.05); display: grid; gap: 13px; grid-template-columns: minmax(0,1fr) 215px auto; padding: 20px; }.search-page-form label { display: grid; gap: 8px; }.search-page-form strong { color: #263b5d; font-size: 12px; }.search-page-form small { color: #647a99; font-size: 10px; }.search-page-input { align-items: center; border: 1px solid #cfe0f2; border-radius: 8px; display: flex; gap: 8px; min-height: 39px; padding: 0 11px; }.search-page-input svg { color: #7d94b1; height: 17px; width: 17px; }.search-page-input input, .search-page-form select { border: 0; color: #263b5d; font: inherit; font-size: 13px; min-width: 0; outline: none; width: 100%; }.search-page-form select { border: 1px solid #cfe0f2; border-radius: 8px; min-height: 39px; padding: 0 10px; }.search-page-form button { align-items: center; background: #3882f9; border: 0; border-radius: 8px; color: #fff; cursor: pointer; display: inline-flex; font-size: 13px; gap: 8px; min-height: 39px; padding: 0 18px; }.search-page-form button svg { height: 17px; width: 17px; }.search-page-tabs { background: #fff; border: 1px solid #dce8f7; border-radius: 10px; display: grid; gap: 10px; grid-template-columns: repeat(6,1fr); margin-top: 12px; padding: 9px; }.search-page-tabs a { align-items: center; border: 1px solid #e1eaf5; border-radius: 7px; color: #405776; display: flex; font-size: 12px; gap: 8px; justify-content: center; min-height: 34px; text-decoration: none; }.search-page-tabs a.is-active { background: #edf5ff; border-color: #78adf9; color: #1472ed; font-weight: 700; }.search-page-tabs svg { height: 16px; width: 16px; }.search-trending { align-items: center; display: flex; gap: 12px; margin: 14px 0; position: relative; }.search-trending > strong { align-items: center; color: #263b5d; display: flex; font-size: 12px; gap: 6px; white-space: nowrap; }.search-trending > strong svg { color: #3882f9; height: 17px; width: 17px; }.search-trending > div { display: flex; flex-wrap: wrap; gap: 8px; }.search-trending > div a { background: #e8f2ff; border-radius: 7px; color: #2871d4; font-size: 10px; padding: 8px 12px; text-decoration: none; }.search-trending-all { align-items: center; color: #2871d4; display: inline-flex; font-size: 10px; gap: 3px; margin-left: auto; text-decoration: none; white-space: nowrap; }.search-trending-all svg { height: 14px; width: 14px; }.search-start-card { align-items: center; border: 1px dashed #9ec6f7; border-radius: 9px; display: flex; gap: 17px; min-height: 102px; padding: 0 28px; }.search-start-card > span { align-items: center; background: #e7f1ff; border-radius: 50%; color: #3882f9; display: inline-flex; height: 42px; justify-content: center; width: 42px; }.search-start-card > span svg { height: 25px; width: 25px; }.search-start-card div { display: grid; gap: 5px; }.search-start-card strong { color: #263b5d; font-size: 14px; }.search-start-card p { color: #647a99; font-size: 11px; line-height: 1.4; margin: 0; }.search-start-card > svg { color: #70a8ef; height: 70px; margin-left: auto; width: 70px; }.search-discover-heading { align-items: center; display: flex; justify-content: space-between; margin: 16px 0 8px; }.search-discover-heading h2 { color: #172744; font-size: 14px; margin: 0 0 4px; }.search-discover-heading p { color: #647a99; font-size: 11px; margin: 0; }.search-discover-heading a { align-items: center; background: #e8f2ff; border-radius: 7px; color: #2871d4; display: inline-flex; font-size: 11px; gap: 5px; padding: 8px 11px; text-decoration: none; }.search-discover-heading a svg { height: 14px; width: 14px; }
@media (max-width: 800px) { .search-page-form { grid-template-columns: 1fr; }.search-page-tabs { grid-template-columns: repeat(3,1fr); }.search-trending { align-items: flex-start; flex-direction: column; }.search-trending-all { margin-left: 0; } }
.search-page-tabs { align-items: center; background: #f4faff; border: 0; border-radius: 999px; box-shadow: 0 10px 28px rgba(206,225,249,.28); display: flex; gap: 4px; grid-template-columns: none; min-height: 64px; overflow-x: auto; padding: 8px 12px; }
.search-page-tabs a { border: 1px solid transparent; border-radius: 999px; color: #3a3845; flex: 1 0 0; font-weight: 450; min-height: 40px; padding: 0 18px; transition: background .15s ease, color .15s ease; }
.search-page-tabs a.is-active { background: #fff; border-color: #b7dcef; color: var(--color-accent-strong); font-weight: 500; }
.search-page-tabs a:not(.is-active):hover, .search-page-tabs a:not(.is-active):focus { background: var(--color-panel-soft); color: var(--color-accent-strong); outline: none; }
.search-page-tabs svg { height: 15px; width: 15px; }
@media (max-width: 800px) { .search-page-tabs { display: flex; }.search-page-tabs a { flex: 0 0 auto; } }
.account-dashboard-heading { margin: 0 auto 25px; max-width: 1320px; }.account-dashboard-heading h1 { color: #10203f; font-size: 32px; letter-spacing: -.035em; margin: 0 0 10px; }.account-dashboard-heading h1 span { font-size: 27px; }.account-dashboard-heading p { color: #476181; font-size: 16px; margin: 0; }
.account-hero { align-items: stretch; background: #dceaff var(--account-header-art) center / cover no-repeat; border: 1px solid #d7e6fa; border-radius: 14px; display: flex; gap: 20px; justify-content: space-between; margin: 0 auto 20px; max-width: 1320px; min-height: 284px; overflow: hidden; padding: 28px 27px 28px 34px; }.account-hero__copy { padding-top: 10px; }.account-hero__copy h2 { color: #10203f; font-size: 32px; letter-spacing: -.04em; line-height: 1.25; margin: 0 0 18px; }.account-hero__copy h2 span:first-child { color: #1472ed; }.account-hero__copy h2 span:last-child { color: #10203f; font-size: 27px; }.account-hero__copy p { color: #4d6688; font-size: 16px; margin: 0 0 28px; }.account-create-button { align-items: center; background: #3882f9; border-radius: 9px; color: #fff; display: inline-flex; font-size: 15px; font-weight: 800; gap: 22px; padding: 14px 22px; text-decoration: none; }.account-create-button strong { font-size: 25px; font-weight: 400; line-height: .7; }
.account-level-card { align-self: center; background: rgba(255,255,255,.93); border-radius: 13px; color: #10203f; min-width: 360px; padding: 22px 27px; }.account-level-card h3 { font-size: 16px; margin: 0 0 12px; }.account-level-card p { color: #4d6688; font-size: 14px; line-height: 1.6; margin: 0 0 11px; }.account-level-card__body { align-items: center; display: flex; gap: 22px; }.account-score { align-items: center; border: 7px solid #2d82f6; border-left-color: #dcecff; border-radius: 50%; display: flex; flex-direction: column; height: 102px; justify-content: center; width: 102px; }.account-score strong { font-size: 27px; }.account-score span { color: #607796; font-size: 11px; }.account-level-items { display: grid; gap: 13px; flex: 1; }.account-level-items span { align-items: center; color: #31496e; display: flex; font-size: 14px; gap: 10px; white-space: nowrap; }.account-level-items svg { background: #edf4ff; border-radius: 7px; color: #3882f9; height: 27px; padding: 5px; width: 27px; }.account-level-items b { color: #10203f; margin-left: auto; }
.account-stat-grid { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 auto 20px; max-width: 1320px; }.account-stat { align-items: center; background: #fff; border: 1px solid #dce8f7; border-radius: 12px; display: flex; gap: 18px; min-height: 94px; padding: 16px 18px; }.account-stat__icon { align-items: center; background: #edf4ff; border-radius: 12px; color: #5d96ef; display: inline-flex; height: 50px; justify-content: center; width: 50px; }.account-stat__icon svg { height: 25px; width: 25px; }.account-stat > div > span, .account-stat strong, .account-stat small { display: block; }.account-stat > div > span { color: #54708f; font-size: 14px; }.account-stat strong { color: #142543; font-size: 27px; line-height: 1.25; }.account-stat small { color: #0e9b55; font-size: 13px; }.account-stat--purple .account-stat__icon { background: #f0ebff; color: #9368ed; }.account-stat--violet .account-stat__icon { background: #f3edff; color: #8d63ed; }.account-stat--sky .account-stat__icon { background: #edf5ff; color: #5a95ef; }
.account-panel { background: #fff; border: 1px solid #dce8f7; border-radius: 12px; margin: 0 auto 20px; max-width: 1320px; }.account-panel h2 { color: #10203f; font-size: 17px; margin: 0 0 17px; }.account-quick-links { align-items: center; display: flex; justify-content: space-between; min-height: 102px; overflow: hidden; padding: 18px 24px; }.account-quick-actions { display: flex; flex-wrap: wrap; gap: 11px; }.account-quick-actions a, .account-quick-actions span { align-items: center; border: 1px solid #dbe7f6; border-radius: 9px; color: #1472ed; display: inline-flex; font-size: 14px; font-weight: 700; gap: 10px; min-height: 48px; padding: 0 20px; text-decoration: none; }.account-quick-actions a:nth-child(2) { background: #edf5ff; }.account-quick-actions a:nth-child(3) { background: #f3edff; color: #895cf0; }.account-quick-actions a:nth-child(4) { background: #edfaf2; color: #07974f; }.account-quick-actions svg { height: 19px; width: 19px; }.account-quick-visual { background: var(--account-email-art) center / 180px auto no-repeat; height: 96px; margin-right: 15px; width: 210px; }
.account-status-panel { background: #fff var(--account-email-art) right 12px center / 120px auto no-repeat; min-height: 137px; padding: 24px; }.account-status-fields { display: flex; gap: 110px; }.account-status-fields > div > span { color: #3e5578; display: block; font-size: 14px; margin-bottom: 10px; }.account-status-fields strong { align-items: center; border-radius: 8px; display: inline-flex; font-size: 14px; gap: 6px; min-height: 40px; padding: 0 14px; }.account-enabled { background: #eaf8f0; color: #07974f; }.account-enabled svg { height: 17px; width: 17px; }.account-username { background: #edf4ff; color: #1669dd; }
@media (max-width: 1050px) { .account-hero { flex-direction: column; }.account-level-card { align-self: stretch; min-width: 0; }.account-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.account-quick-visual { display: none; } }
@media (max-width: 720px) { .account-shell { grid-template-columns: 1fr; }.account-shell .sidebar { display: none; }.account-shell .account-header { left: 16px; right: 16px; }.account-content-main { padding: 84px 16px 28px; }.account-stat-grid { grid-template-columns: 1fr; }.account-hero { padding: 22px; }.account-hero__copy h2 { font-size: 27px; }.account-quick-links { align-items: flex-start; }.account-quick-actions a, .account-quick-actions span { padding: 0 12px; }.account-status-fields { gap: 30px; } }

/* Admin user detail — reference-aligned workspace */
.admin-user-detail { color: #14264a; display: grid; gap: 20px; margin: 0; max-width: none; width: 100%; }
.admin-user-detail__back { color: #0768e9; font-size: 13px; font-weight: 700; text-decoration: none; }
.admin-user-detail__back:hover, .admin-user-detail__card-links a:hover, .admin-user-detail__card-link:hover, .admin-user-detail__text-button:hover { text-decoration: underline; }
.admin-user-detail__hero, .admin-user-detail__card, .admin-user-detail__report-section, .admin-user-detail__action-row { background: #fff; border: 1px solid #e4edf8; border-radius: 15px; box-shadow: 0 8px 28px rgba(37, 91, 160, .06); }
.admin-user-detail__hero { align-items: center; display: flex; gap: 24px; min-height: 122px; padding: 22px 26px; }
.admin-user-detail__avatar { align-items: center; background: linear-gradient(145deg, #e6f1ff, #c9dcf6); border: 5px solid #f5f8fc; border-radius: 50%; color: #0d70e8; display: flex; flex: 0 0 72px; height: 72px; justify-content: center; width: 72px; }
.admin-user-detail__avatar svg { height: 38px; width: 38px; }
.admin-user-detail__hero-copy { min-width: 0; }
.admin-user-detail__title-row { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; }
.admin-user-detail h1, .admin-user-detail h2, .admin-user-detail h3, .admin-user-detail p { margin-top: 0; }
.admin-user-detail h1 { color: #0b1d43; font-size: 32px; letter-spacing: -.03em; margin-bottom: 5px; }
.admin-user-detail__meta, .admin-user-detail__uuid { color: #607495; font-size: 15px; margin-bottom: 6px; }
.admin-user-detail__meta strong { color: #14264a; }
.admin-user-detail__uuid { align-items: center; display: flex; gap: 6px; }
.admin-user-detail__uuid button { background: transparent; border: 0; color: #607495; cursor: pointer; font-size: 16px; padding: 0 3px; }
.admin-user-detail__status, .admin-user-detail__pill { background: #edf2fa; border-radius: 999px; color: #4a6083; display: inline-flex; font-size: 13px; font-weight: 700; gap: 4px; padding: 5px 10px; }
.admin-user-detail__status--enabled, .admin-user-detail__status--active, .admin-user-detail__pill--success { background: #e7f8ee; color: #16834d; }
.admin-user-detail__hero-actions { display: flex; gap: 9px; margin-left: auto; }
.admin-user-detail__button { align-items: center; border-radius: 8px; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 700; justify-content: center; min-height: 40px; padding: 8px 16px; text-decoration: none; }
.admin-user-detail__button--ghost { background: #fff; border: 1px solid #d8e5f5; color: #0768e9; }
.admin-user-detail__button--primary { background: #0d70e8; border: 1px solid #0d70e8; color: #fff; }
.admin-user-detail__overview-grid { display: grid; gap: 20px; grid-template-columns: 1.1fr .95fr 1.05fr 1fr; }
.admin-user-detail__card { min-width: 0; padding: 22px 22px; }
.admin-user-detail__card-heading, .admin-user-detail__report-heading { align-items: center; display: flex; gap: 10px; margin-bottom: 15px; }
.admin-user-detail__card-heading h2, .admin-user-detail__report-heading h2 { color: #14264a; font-size: 17px; margin: 0; }
.admin-user-detail__heading-icon, .admin-user-detail__action-icon { color: #0d70e8; display: inline-flex; flex: 0 0 auto; }
.admin-user-detail__heading-icon svg { height: 19px; width: 19px; }
.admin-user-detail__heading-count { color: #607495; font-size: 11px; margin-left: auto; }
.admin-user-detail__facts { display: grid; gap: 0; margin: 0; }
.admin-user-detail__facts > div { align-items: center; border-bottom: 1px solid #edf2f8; display: grid; gap: 12px; grid-template-columns: minmax(110px, 1fr) minmax(0, 1.45fr); min-height: 41px; }
.admin-user-detail__facts > div:last-child { border-bottom: 0; }
.admin-user-detail__facts dt, .admin-user-detail__facts dd { color: #29436d; font-size: 14px; margin: 0; }
.admin-user-detail__facts dd { color: #14264a; overflow-wrap: anywhere; text-align: right; }
.admin-user-detail__facts dd form { display: inline; }
.admin-user-detail__inline-action { background: transparent; border: 0; color: #0768e9; cursor: pointer; font-size: 11px; font-weight: 700; margin-left: 5px; padding: 0; }
.admin-user-detail__role-list { display: grid; gap: 8px; min-height: 48px; }
.admin-user-detail__role { align-items: center; background: #f1f6ff; border: 1px solid #e0ebfa; border-radius: 8px; color: #1e579a; display: flex; font-size: 14px; justify-content: space-between; padding: 10px 11px; }
.admin-user-detail__role span { align-items: center; display: flex; gap: 6px; }
.admin-user-detail__role i { background: #23b876; border-radius: 50%; display: inline-block; height: 5px; width: 5px; }
.admin-user-detail__role button { background: transparent; border: 0; color: #7990ad; cursor: pointer; font-size: 17px; line-height: 1; }
.admin-user-detail__permissions { color: #29436d; font-size: 14px; line-height: 1.65; margin-bottom: 20px; overflow-wrap: anywhere; }
.admin-user-detail__text-button, .admin-user-detail__card-link, .admin-user-detail__card-links a { color: #0768e9; font-size: 14px; font-weight: 700; text-decoration: none; }
.admin-user-detail__text-button--muted { color: #7185a1; font-size: 11px; font-weight: 500; }
.admin-user-detail__content-counts { display: grid; gap: 0; }
.admin-user-detail__content-counts div { align-items: center; border-bottom: 1px solid #edf2f8; display: flex; justify-content: space-between; min-height: 38px; }
.admin-user-detail__content-counts span { align-items: center; color: #29436d; display: flex; font-size: 14px; gap: 9px; }
.admin-user-detail__content-counts svg { color: #6381a8; height: 14px; width: 14px; }
.admin-user-detail__content-counts strong { color: #29436d; font-size: 14px; }
.admin-user-detail__card-links { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 13px; }
.admin-user-detail__activity-grid { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; }
.admin-user-detail__card--wide { min-width: 0; }
.admin-user-detail__feed-list { display: grid; }
.admin-user-detail__feed-row { align-items: center; border-bottom: 1px solid #edf2f8; display: flex; gap: 14px; min-height: 62px; text-decoration: none; }
.admin-user-detail__thumb { align-items: center; background: #e9f2fc; border-radius: 6px; color: #3277ca; display: flex; flex: 0 0 48px; height: 36px; justify-content: center; }
.admin-user-detail__thumb svg { height: 18px; width: 18px; }
.admin-user-detail__feed-copy { align-items: center; display: flex; flex: 1; gap: 6px; justify-content: space-between; min-width: 0; }
.admin-user-detail__feed-copy > span { align-items: center; display: flex; gap: 12px; min-width: 0; }
.admin-user-detail__feed-copy strong { color: #14264a; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-user-detail__feed-copy small { color: #607495; font-size: 11px; white-space: nowrap; }
.admin-user-detail__type { border-radius: 999px; font-size: 10px; font-weight: 700; padding: 4px 8px; }
.admin-user-detail__type--image { background: #ddf7ea; color: #16834d; }.admin-user-detail__type--video { background: #eee4ff; color: #7650c7; }.admin-user-detail__type--prompt { background: #fff0e6; color: #d96b1b; }
.admin-user-detail__more { color: #2c5283; font-size: 18px; padding: 0 3px; }.admin-user-detail__card-link { display: inline-block; margin-top: 14px; }
.admin-user-detail__empty { color: #7185a1; font-size: 12px; margin-bottom: 0; }
.admin-user-detail__report-section { padding: 14px 18px; }
.admin-user-detail__report-heading { margin-bottom: 12px; }.admin-user-detail__report-heading span:last-child { color: #607495; font-size: 11px; margin-left: 8px; }
.admin-user-detail__report-grid { display: grid; gap: 1px; grid-template-columns: repeat(4, 1fr); }.admin-user-detail__report-card { border: 1px solid #e4edf8; min-height: 94px; padding: 13px 15px; }.admin-user-detail__report-card:first-child { border-radius: 10px 0 0 10px; }.admin-user-detail__report-card:last-child { border-radius: 0 10px 10px 0; }
.admin-user-detail__report-card .admin-user-detail__card-heading { margin-bottom: 7px; }.admin-user-detail__report-card h3 { font-size: 12px; margin: 0; }.admin-user-detail__report-number { display: block; font-size: 20px; margin-left: 29px; }.admin-user-detail__report-note { color: #607495; font-size: 11px; margin: 2px 0 0 29px; }.admin-user-detail__report-note a { color: #0768e9; text-decoration: none; }
.admin-user-detail__report-details { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); margin-top: 14px; }.admin-user-detail__report-table { border-top: 1px solid #e4edf8; overflow-x: auto; padding-top: 12px; }.admin-user-detail__report-table h3 { font-size: 13px; margin-bottom: 9px; }.admin-user-detail__report-table table { font-size: 11px; min-width: 620px; }
.admin-user-detail__actions { display: grid; gap: 10px; }.admin-user-detail__action-row { align-items: center; display: flex; gap: 18px; min-height: 72px; padding: 14px 22px; }.admin-user-detail__action-icon svg { height: 22px; width: 22px; }.admin-user-detail__action-row h2 { font-size: 17px; margin: 0; }.admin-user-detail__action-row small { color: #607495; display: block; font-size: 13px; margin-top: 4px; }.admin-user-detail__action-row form { align-items: center; display: flex; gap: 14px; margin-left: auto; }.admin-user-detail__action-row select { border: 1px solid #d8e5f5; border-radius: 7px; color: #29436d; min-width: 250px; padding: 10px 12px; }.admin-user-detail__action-row > .admin-user-detail__button { margin-left: auto; }.admin-user-detail__action-row--secondary { min-height: 58px; }
@media (max-width: 1100px) { .admin-user-detail__overview-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .admin-user-detail__hero { align-items: flex-start; flex-wrap: wrap; }.admin-user-detail__hero-actions { margin-left: 0; width: 100%; }.admin-user-detail__overview-grid, .admin-user-detail__activity-grid, .admin-user-detail__report-details { grid-template-columns: 1fr; }.admin-user-detail__report-grid { grid-template-columns: repeat(2, 1fr); }.admin-user-detail__report-card:first-child, .admin-user-detail__report-card:last-child { border-radius: 0; }.admin-user-detail__action-row { align-items: flex-start; flex-wrap: wrap; }.admin-user-detail__action-row form { margin-left: 0; width: 100%; }.admin-user-detail__action-row form select { flex: 1; min-width: 0; }.admin-user-detail__action-row > .admin-user-detail__button { margin-left: 0; } }

/* Butterfly.Invites:UI.1: screenshot-matched Invite Codes admin surface. */
.admin-invite-codes-page,
.admin-invite-code-detail-page {
    --invite-page-bg: #eef6ff;
    --invite-card-bg: #ffffff;
    --invite-card-border: #dfeaf7;
    --invite-card-radius: 15px;
    --invite-card-shadow: 0 8px 24px rgb(53 104 163 / 5%);
    --invite-primary: #0d70e8;
    --invite-primary-dark: #075cc4;
    --invite-text: #14264a;
    --invite-muted: #607495;
    --invite-control-height: 42px;
    --invite-grid-gap: 16px;
    color: var(--invite-text);
    display: grid;
    gap: var(--invite-grid-gap);
    min-width: 0;
    margin-top: -32px;
    padding: 28px 8px 40px;
}

/* Keep the shared shell untouched elsewhere while matching the reference width on this page. */
.admin-shell:has(.admin-invite-codes-page) .admin-shell-left,
.admin-shell:has(.admin-invite-code-detail-page) .admin-shell-left { width: 260px; }
.admin-shell:has(.admin-invite-codes-page) .admin-shell-main,
.admin-shell:has(.admin-invite-code-detail-page) .admin-shell-main { margin-left: calc(260px + var(--space-4)); margin-right: 0; }
.admin-shell:has(.admin-invite-codes-page) .admin-shell-content.content-main,
.admin-shell:has(.admin-invite-code-detail-page) .admin-shell-content.content-main { padding-left: var(--space-4); padding-right: var(--space-4); }
.admin-shell:has(.admin-invite-codes-page) .admin-shell-content,
.admin-shell:has(.admin-invite-code-detail-page) .admin-shell-content { overflow-x: hidden; }
.admin-shell:has(.admin-invite-codes-page) :where(.default-theme-header),
.admin-shell:has(.admin-invite-code-detail-page) :where(.default-theme-header) { left: calc(260px + var(--space-4)); right: var(--space-4); }

.admin-invite-codes-page,
.admin-invite-codes-page * { box-sizing: border-box; }

.admin-invite-code-detail-page,
.admin-invite-code-detail-page * { box-sizing: border-box; }

body:has(.admin-invite-codes-page),
body:has(.admin-invite-code-detail-page) { overflow-x: hidden; }

.admin-invite-codes__header {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 6px;
}

.admin-invite-codes__header h1,
.admin-invite-codes__header p,
.admin-invite-codes__card h2,
.admin-invite-codes__card p { margin: 0; }

.admin-invite-codes__header h1 {
    color: var(--invite-text);
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.1;
}

.admin-invite-codes__header p {
    color: var(--invite-muted);
    font-size: 13px;
    line-height: 1.4;
    margin-top: 5px;
}

.admin-invite-codes__header-icon,
.admin-invite-codes__kpi-icon {
    align-items: center;
    background: #edf5ff;
    color: var(--invite-primary);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.admin-invite-codes__header-icon {
    border-radius: 12px;
    height: 48px;
    width: 48px;
}

.admin-invite-codes__card {
    background: var(--invite-card-bg);
    border: 1px solid var(--invite-card-border);
    border-radius: var(--invite-card-radius);
    box-shadow: var(--invite-card-shadow);
    min-width: 0;
    padding: 22px 24px;
}

.admin-invite-codes__card-heading {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.admin-invite-codes__card-heading h2 {
    color: var(--invite-text);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
}

.admin-invite-codes__outline-button,
.admin-invite-codes__primary-button,
.admin-invite-codes__secondary-button,
.admin-invite-codes__filter-button,
.admin-invite-codes__icon-button {
    align-items: center;
    display: inline-flex;
    font: inherit;
    justify-content: center;
    text-decoration: none;
}

.admin-invite-codes__outline-button,
.admin-invite-codes__secondary-button {
    background: #fff;
    border: 1px solid #a8c9ef;
    border-radius: 8px;
    color: var(--invite-primary);
    gap: 8px;
    min-height: 36px;
    padding: 0 13px;
}

.admin-invite-codes__outline-button:hover,
.admin-invite-codes__secondary-button:hover { background: #f3f8ff; }

.admin-invite-codes__kpis {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.admin-invite-codes__kpi {
    align-items: center;
    display: flex;
    gap: 14px;
    min-width: 0;
    padding: 0 22px;
}

.admin-invite-codes__kpi:first-child { padding-left: 0; }
.admin-invite-codes__kpi:last-child { padding-right: 0; }

.admin-invite-codes__kpi + .admin-invite-codes__kpi { border-left: 1px solid #e4edf7; }

.admin-invite-codes__kpi-icon {
    border-radius: 12px;
    height: 56px;
    width: 56px;
}

.admin-invite-codes__kpi-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.admin-invite-codes__kpi-copy strong {
    color: var(--invite-text);
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
}

.admin-invite-codes__kpi-copy span {
    color: var(--invite-muted);
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
}

.admin-invite-codes__create-form {
    align-items: end;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(145px, 1.1fr) minmax(130px, .9fr) minmax(155px, 1fr) minmax(155px, 1fr) minmax(195px, 1.35fr) 158px;
}

.admin-invite-codes__field,
.admin-invite-codes__toolbar-field {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.admin-invite-codes__field label,
.admin-invite-codes__toolbar-field label {
    color: #496384;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.admin-invite-codes__field label > span { color: #496384; font-weight: 700; }
.admin-invite-codes__field label em { color: #8496b0; font-style: normal; font-weight: 500; }

.admin-invite-codes__field input,
.admin-invite-codes__toolbar input,
.admin-invite-codes__toolbar select {
    background: #fff;
    border: 1px solid #cbdced;
    border-radius: 8px;
    color: var(--invite-text);
    font: inherit;
    font-size: 12px;
    min-height: var(--invite-control-height);
    min-width: 0;
    padding: 0 12px;
    width: 100%;
}

.admin-invite-codes__field input::placeholder,
.admin-invite-codes__toolbar input::placeholder { color: #8496b0; opacity: 1; }

.admin-invite-codes__field input:focus,
.admin-invite-codes__toolbar input:focus,
.admin-invite-codes__toolbar select:focus {
    border-color: #5e9eea;
    box-shadow: 0 0 0 3px rgb(13 112 232 / 12%);
    outline: 0;
}

.admin-invite-codes__field-error { color: #b42318; font-size: 11px; }

.admin-invite-codes__primary-button,
.admin-invite-codes__filter-button {
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    gap: 8px;
    min-height: var(--invite-control-height);
    padding: 0 15px;
    white-space: nowrap;
}

.admin-invite-codes__primary-button {
    background: var(--invite-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.admin-invite-codes__primary-button:hover { background: var(--invite-primary-dark); }

.admin-invite-codes__helper {
    color: var(--invite-muted);
    font-size: 11px;
    margin-top: 8px !important;
}

.admin-invite-codes__create { padding-bottom: 16px; padding-top: 18px; }
.admin-invite-codes__create .admin-invite-codes__card-heading,
.admin-invite-codes__generated .admin-invite-codes__card-heading { margin-bottom: 12px; }
.admin-invite-codes__create .admin-invite-codes__helper { margin-top: 4px !important; }

.admin-invite-codes__toolbar {
    align-items: end;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(270px, 320px) 216px 216px 140px;
    margin-bottom: 19px;
}

.admin-invite-codes__search-field { position: relative; }

.admin-invite-codes__search-field input { padding-right: 39px; }

.admin-invite-codes__search-field > .default-theme-icon {
    color: #56769e;
    height: 17px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 38px;
    width: 17px;
}

.admin-invite-codes__filter-button {
    background: #eff6ff;
    border-color: #d9eaff;
    color: var(--invite-primary);
    font-size: 12px;
    font-weight: 700;
}

.admin-invite-codes__filter-button:hover { background: #e3f0ff; }

.admin-invite-codes__table-scroll {
    contain: paint;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.admin-invite-codes__table {
    border-collapse: collapse;
    min-width: 1160px;
    table-layout: auto;
    width: 100%;
}

.admin-invite-codes__table th,
.admin-invite-codes__table td {
    border-bottom: 1px solid #e8eef6;
    color: #2c4262;
    font-size: 11px;
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.admin-invite-codes__table th {
    color: #7890ad;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    padding-bottom: 11px;
    text-transform: uppercase;
}

.admin-invite-codes__table tbody tr:hover { background: #f8fbff; }

.admin-invite-codes__name-cell,
.admin-invite-codes__creator-cell,
.admin-invite-codes__created-cell {
    display: table-cell;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-invite-codes__name-cell strong,
.admin-invite-codes__creator-cell strong,
.admin-invite-codes__created-cell span {
    color: var(--invite-text);
    display: block;
    font-size: 11px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-invite-codes__name-cell span,
.admin-invite-codes__creator-cell span,
.admin-invite-codes__created-cell span + span {
    color: #8396b0;
    display: block;
    font-size: 10px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-invite-codes__masked-code {
    background: #eff6ff;
    border: 1px solid #dcecff;
    border-radius: 6px;
    color: var(--invite-primary);
    display: inline-block;
    font-family: var(--font-sans);
    font-size: 10px;
    padding: 6px 8px;
}

.admin-invite-codes__status {
    border-radius: 6px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    padding: 5px 8px;
}

.admin-invite-codes__status--active { background: #e6f8ed; color: #18804b; }
.admin-invite-codes__status--scheduled { background: #edf4ff; color: #286bc0; }
.admin-invite-codes__status--inactive { background: #f0f3f7; color: #62748d; }
.admin-invite-codes__status--expired,
.admin-invite-codes__status--exhausted { background: #fff0f0; color: #d64545; }

.admin-invite-codes__actions-cell {
    align-items: center;
    display: flex;
    gap: 8px;
}

.admin-invite-codes__icon-button {
    background: #fff;
    border: 1px solid #dbe6f2;
    border-radius: 7px;
    color: #587493;
    cursor: pointer;
    height: 30px;
    padding: 0;
    width: 30px;
}

.admin-invite-codes__icon-button:hover { border-color: #8db9ec; color: var(--invite-primary); }

.admin-invite-codes__menu-wrap { position: relative; }

.admin-invite-codes__action-menu {
    background: #fff;
    border: 1px solid var(--invite-card-border);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgb(29 76 126 / 14%);
    min-width: 126px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 4;
}

.admin-invite-codes__action-menu a {
    border-radius: 5px;
    color: var(--invite-text);
    display: block;
    font-size: 11px;
    padding: 7px 9px;
    text-decoration: none;
}

.admin-invite-codes__action-menu a:hover { background: #eff6ff; color: var(--invite-primary); }

.admin-invite-codes__pagination-row {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 17px;
}

.admin-invite-codes__pagination-row p {
    color: var(--invite-muted);
    font-size: 11px;
}

.admin-invite-codes__pagination .pagination { margin: 0; }

.admin-invite-codes__pagination .pagination > nav > div,
.admin-invite-codes__pagination .pagination > div {
    align-items: center;
    display: flex;
    gap: 5px;
}

.admin-invite-codes__pagination .pagination a,
.admin-invite-codes__pagination .pagination span {
    align-items: center;
    border: 1px solid #dbe6f2;
    border-radius: 7px;
    color: #597493;
    display: inline-flex;
    font-size: 11px;
    justify-content: center;
    min-height: 30px;
    min-width: 30px;
    padding: 0 8px;
    text-decoration: none;
}

.admin-invite-codes__pagination .pagination a:hover { border-color: #8db9ec; color: var(--invite-primary); }

.admin-invite-codes__pagination .pagination .active span {
    background: var(--invite-primary);
    border-color: var(--invite-primary);
    color: #fff;
}

.admin-invite-codes__pagination .pagination .disabled span { color: #a5b5c8; }

.admin-invite-codes__empty {
    align-items: center;
    color: var(--invite-muted);
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 150px;
    padding: 20px;
    text-align: center;
}

.admin-invite-codes__empty .default-theme-icon { color: var(--invite-primary); }
.admin-invite-codes__empty strong { color: var(--invite-text); font-size: 13px; }
.admin-invite-codes__empty span { font-size: 12px; }

.admin-invite-codes__notice,
.admin-invite-codes__readonly {
    background: #eff8f2;
    border: 1px solid #bfe7cd;
    border-radius: 10px;
    color: #196b3d;
    font-size: 12px;
    padding: 11px 14px;
}

.admin-invite-codes__notice { display: flex; gap: 7px; }
.admin-invite-codes__notice--error { background: #fff3f3; border-color: #f2c5c5; color: #a72c2c; }

.admin-invite-codes__one-time-row { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 13px; }
.admin-invite-codes__one-time p { color: var(--invite-muted); font-size: 12px; margin-top: 4px; }
.admin-invite-codes__plain-code { background: #f2f7ff; border: 1px solid #cfe2fa; border-radius: 7px; color: var(--invite-primary); padding: 10px 12px; }
.admin-invite-codes__one-time [data-invite-copy-status] { color: #237845; font-size: 11px; }

.admin-invite-codes__visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (max-width: 1280px) {
    .admin-invite-codes__create-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-invite-codes__field--note { grid-column: span 2; }
    .admin-invite-codes__create-form > .admin-invite-codes__primary-button { grid-column: span 1; }
    .admin-invite-codes__toolbar { grid-template-columns: minmax(240px, 1fr) repeat(2, minmax(150px, .7fr)) auto; }
}

@media (max-width: 960px) {
    .admin-invite-codes__kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 20px; }
    .admin-invite-codes__kpi:nth-child(4) { border-left: 0; padding-left: 0; }
    .admin-invite-codes__kpi:nth-child(4),
    .admin-invite-codes__kpi:nth-child(5) { padding-top: 4px; }
    .admin-invite-codes__toolbar { grid-template-columns: 1fr 1fr; }
    .admin-invite-codes__search-field { grid-column: span 2; }
    .admin-invite-codes__filter-button { min-width: 140px; }
}

@media (max-width: 800px) {
    .admin-invite-codes-page,
    .admin-invite-code-detail-page { margin-top: 0; padding: 20px 0 30px; }
    .admin-shell:has(.admin-invite-codes-page) .admin-shell-left,
    .admin-shell:has(.admin-invite-code-detail-page) .admin-shell-left { width: auto; }
    .admin-shell:has(.admin-invite-codes-page) .admin-shell-main,
    .admin-shell:has(.admin-invite-code-detail-page) .admin-shell-main { margin-left: 0; margin-right: 0; }
    .admin-shell:has(.admin-invite-codes-page) .admin-shell-content.content-main,
    .admin-shell:has(.admin-invite-code-detail-page) .admin-shell-content.content-main { padding-left: 0; padding-right: 0; }
    .admin-shell:has(.admin-invite-codes-page) :where(.default-theme-header),
    .admin-shell:has(.admin-invite-code-detail-page) :where(.default-theme-header) { left: auto; right: auto; }
    .admin-invite-codes__card { padding: 18px 16px; }
    .admin-invite-codes__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-invite-codes__kpi,
    .admin-invite-codes__kpi:first-child,
    .admin-invite-codes__kpi:last-child { padding: 0 8px; }
    .admin-invite-codes__kpi:nth-child(odd) { border-left: 0; padding-left: 0; }
    .admin-invite-codes__kpi:nth-child(even) { padding-right: 0; }
    .admin-invite-codes__kpi-icon { height: 46px; width: 46px; }
    .admin-invite-codes__create-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-invite-codes__field--note { grid-column: span 2; }
    .admin-invite-codes__create-form > .admin-invite-codes__primary-button { grid-column: span 2; }

    .admin-invite-code-detail__metadata-grid { grid-template-columns: 1fr; }
    .admin-invite-code-detail__metadata-grid dl + dl { border-left: 0; border-top: 1px solid #e4edf7; padding-left: 0; padding-top: 16px; }
    .admin-invite-code-detail__edit-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-invite-code-detail__edit-form label:nth-of-type(4) { grid-column: 1 / 2; }
    .admin-invite-code-detail__edit-form label:nth-of-type(5) { grid-column: 2 / 3; }
    .admin-invite-code-detail__primary-button { grid-column: 1 / -1; }
    .admin-invite-code-detail__card { padding: 18px 16px; }
}

/* Butterfly.Public:UI.MobileHeader.1: the public sidebar becomes an off-canvas drawer below desktop width. */
.public-mobile-drawer__backdrop,
.public-mobile-drawer__close,
.public-mobile-drawer__account-actions {
    display: none;
}

@media (max-width: 1023px) {
    .public-home-shell {
        overflow-x: clip;
        padding: 0 0 var(--space-8) 0;
    }

    .public-home-main-column {
        gap: var(--space-3);
        margin: 0;
        margin-left: calc(260px + var(--public-home-shell-gap));
        margin-right: calc(var(--public-home-right-width) + (var(--public-home-shell-gap) * 2));
        padding: 0 var(--space-4) var(--space-7);
    }

    .public-mobile-drawer {
        bottom: 0;
        height: 100dvh;
        left: 0;
        margin: 0;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        transition: transform .2s ease;
        width: min(88vw, 340px);
        z-index: 60;
    }

    .public-home-shell--mobile-drawer-open .public-mobile-drawer {
        transform: translateX(0);
    }

    .public-home-nav-card {
        border-radius: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 0;
        height: 100%;
        max-height: none;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: var(--space-4);
        width: 100%;
    }

    .public-mobile-drawer__backdrop {
        background: rgba(15, 23, 42, .48);
        border: 0;
        cursor: pointer;
        inset: 0;
        opacity: 0;
        padding: 0;
        pointer-events: none;
        position: fixed;
        transition: opacity .2s ease;
        width: 100vw;
        z-index: 59;
    }

    .public-home-shell--mobile-drawer-open .public-mobile-drawer__backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .public-mobile-drawer__backdrop[hidden] {
        display: none;
    }

    .public-mobile-drawer__header {
        align-items: center;
        display: flex;
        gap: var(--space-2);
        justify-content: space-between;
        min-width: 0;
        padding-bottom: var(--space-3);
    }

    .public-mobile-drawer__header .public-sidebar-brand {
        margin-bottom: 0;
    }

    .public-mobile-drawer__close {
        align-items: center;
        background: var(--color-panel);
        border: 1px solid var(--color-border-soft);
        border-radius: var(--radius-md);
        color: var(--color-text);
        cursor: pointer;
        display: inline-flex;
        flex: 0 0 42px;
        height: 42px;
        justify-content: center;
        padding: 0;
        width: 42px;
    }

    .public-mobile-drawer__account-actions {
        align-items: stretch;
        border-bottom: 1px solid var(--color-border-soft);
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-2);
        margin: 0 0 var(--space-3);
        padding-bottom: var(--space-3);
    }

    .public-mobile-drawer__account-actions > .default-theme-dropdown,
    .public-mobile-drawer__account-actions > .default-theme-header-link,
    .public-mobile-drawer__account-actions > .default-theme-dropdown-form {
        flex: 1 1 auto;
        min-width: 0;
    }

    .public-mobile-drawer__account-actions .default-theme-dropdown-summary,
    .public-mobile-drawer__account-actions .default-theme-header-link {
        justify-content: center;
        min-height: 42px;
        width: 100%;
    }

    .public-mobile-drawer__account-actions .ch-user-menu-name {
        max-width: 132px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .public-mobile-drawer__account-actions .default-theme-dropdown-menu {
        left: 0;
        max-width: calc(100vw - var(--space-8));
        right: auto;
        width: min(260px, calc(100vw - var(--space-8)));
    }

    .public-mobile-drawer__navigation {
        display: grid;
        gap: var(--space-1);
        min-width: 0;
    }

    .public-mobile-drawer__navigation .public-home-sidebar-link {
        align-items: center;
        display: flex;
        gap: var(--space-3);
        min-height: 44px;
        padding: 10px 12px;
    }

    .public-mobile-drawer__navigation .public-home-sidebar-icon {
        flex: 0 0 18px;
    }

    .default-theme-header {
        align-items: center;
        flex-direction: row;
        gap: 10px;
        left: auto;
        min-height: 64px;
        padding: 10px var(--space-4);
        position: sticky;
        right: auto;
        right: var(--public-home-shell-gap);
        top: 0;
        width: auto;
        z-index: 40;
    }

    .default-theme-header-left {
        flex: 1 1 auto;
        gap: 10px;
        min-width: 0;
        width: auto;
    }

    .default-theme-sidebar-toggle {
        flex: 0 0 44px;
        height: 44px;
        width: 44px;
    }

    .default-theme-header .default-theme-actions[data-default-header-actions],
    .default-theme-header .public-home-right-toggle {
        display: none;
    }

    .default-theme-search-form,
    .default-theme-search-shell,
    .default-theme-search {
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .default-theme-search-shell,
    .default-theme-search {
        min-height: 44px;
    }

    .public-home-right {
        height: auto;
        margin: 0 var(--space-4) var(--space-7);
        position: static;
        transform: none;
        width: auto;
    }

    .public-home-shell--right-collapsed .public-home-right {
        display: block;
    }

    .public-mobile-drawer__backdrop:focus-visible,
    .public-mobile-drawer__close:focus-visible,
    .default-theme-sidebar-toggle:focus-visible {
        outline: 3px solid rgba(56, 130, 249, .34);
        outline-offset: 2px;
    }

    .public-home-shell--mobile-drawer-open .default-theme-header {
        z-index: 30;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-mobile-drawer,
    .public-mobile-drawer__backdrop {
        transition-duration: .01ms;
    }
}

.public-mobile-drawer-open {
    overflow: hidden;
}

/* Keep the drawer contract last so legacy narrow-page rules cannot restore the desktop flow. */
@media (max-width: 1023px) {
    .public-home-shell {
        overflow-x: hidden;
        padding: 0;
    }

    .public-mobile-drawer {
        bottom: 0;
        height: 100dvh;
        left: 0;
        margin: 0;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        width: min(88vw, 340px);
        z-index: 60;
    }

    .public-home-shell--mobile-drawer-open .public-mobile-drawer {
        transform: translateX(0);
    }

    .public-home-nav-card {
        display: flex;
        flex-direction: column;
        grid-template-columns: none;
        height: 100%;
        max-height: none;
        min-height: 0;
        padding: var(--space-4);
    }

    .public-home-main-column {
        margin-left: 0;
        margin-right: 0;
        padding: 0 var(--space-4) var(--space-7);
    }

    .default-theme-header {
        align-items: center;
        flex-direction: row;
        left: auto;
        position: sticky;
        right: auto;
    }

    .default-theme-header-left {
        width: auto;
    }

    .default-theme-header .default-theme-actions[data-default-header-actions],
    .default-theme-header .public-home-right-toggle {
        display: none;
    }

    .public-home-right {
        height: auto;
        margin: 0 var(--space-4) var(--space-7);
        position: static;
        width: auto;
    }

}

@media (max-width: 560px) {
    .admin-invite-codes__header { align-items: flex-start; }
    .admin-invite-codes__header h1 { font-size: 26px; }
    .admin-invite-codes__card-heading { align-items: flex-start; flex-direction: column; }
    .admin-invite-codes__outline-button { align-self: flex-start; }
    .admin-invite-codes__kpis { grid-template-columns: 1fr; }
    .admin-invite-codes__kpi,
    .admin-invite-codes__kpi:first-child,
    .admin-invite-codes__kpi:last-child,
    .admin-invite-codes__kpi:nth-child(even) { border-left: 0; padding: 0; }
    .admin-invite-codes__kpi + .admin-invite-codes__kpi { border-top: 1px solid #e4edf7; padding-top: 14px; }
    .admin-invite-codes__create-form,
    .admin-invite-codes__toolbar { grid-template-columns: 1fr; }
    .admin-invite-codes__field--note,
    .admin-invite-codes__create-form > .admin-invite-codes__primary-button,
    .admin-invite-codes__search-field { grid-column: auto; }
    .admin-invite-codes__primary-button,
    .admin-invite-codes__filter-button { width: 100%; }
    .admin-invite-codes__pagination-row { align-items: flex-start; flex-direction: column; }

    .admin-invite-code-detail__title-row h1 { font-size: 26px; }
    .admin-invite-code-detail__card-heading { align-items: flex-start; flex-direction: column; }
    .admin-invite-code-detail__danger-button { align-self: flex-start; }
    .admin-invite-code-detail__metadata-grid dl > div { grid-template-columns: 105px minmax(0, 1fr); }
    .admin-invite-code-detail__edit-form { grid-template-columns: 1fr; }
    .admin-invite-code-detail__edit-form label:nth-of-type(4),
    .admin-invite-code-detail__edit-form label:nth-of-type(5),
    .admin-invite-code-detail__primary-button { grid-column: auto; }
    .admin-invite-code-detail__primary-button { width: 100%; }
    .admin-invite-code-detail__pagination-row { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .admin-invite-codes-page *,
    .admin-invite-codes-page *::before,
    .admin-invite-codes-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Butterfly.Invites:UI.2: screenshot-matched Invite Code detail surface. */
.admin-invite-code-detail-page {
    color: var(--invite-text);
    margin-top: -32px;
    min-width: 0;
    padding: 28px 8px 40px;
}

.admin-invite-code-detail__header {
    margin-bottom: 20px;
}

.admin-invite-code-detail__back {
    align-items: center;
    color: var(--invite-primary);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 3px;
    margin-bottom: 12px;
    text-decoration: none;
}

.admin-invite-code-detail__back:hover { text-decoration: underline; }

.admin-invite-code-detail__back:focus-visible,
.admin-invite-code-detail__icon-button:focus-visible,
.admin-invite-code-detail__danger-button:focus-visible,
.admin-invite-code-detail__primary-button:focus-visible {
    border-radius: 6px;
    outline: 3px solid rgb(13 112 232 / 22%);
    outline-offset: 2px;
}

.admin-invite-code-detail__title-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.admin-invite-code-detail__title-row h1 {
    color: var(--invite-text);
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.1;
    margin: 0;
    overflow-wrap: anywhere;
}

.admin-invite-code-detail__card {
    background: var(--invite-card-bg);
    border: 1px solid var(--invite-card-border);
    border-radius: var(--invite-card-radius);
    box-shadow: var(--invite-card-shadow);
    min-width: 0;
    padding: 20px 20px 22px;
}

.admin-invite-code-detail__card + .admin-invite-code-detail__card { margin-top: 17px; }

.admin-invite-code-detail__card-heading {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.admin-invite-code-detail__card-heading h2 {
    color: var(--invite-text);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
}

.admin-invite-code-detail__card-heading form { margin: 0; }

.admin-invite-code-detail__status {
    align-items: center;
    background: #edf4ff;
    border-radius: 6px;
    color: #286bc0;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    padding: 5px 8px;
    white-space: nowrap;
}

.admin-invite-code-detail__status--active,
.admin-invite-code-detail__status--enabled { background: #e6f8ed; color: #18804b; }
.admin-invite-code-detail__status--scheduled { background: #edf4ff; color: #286bc0; }
.admin-invite-code-detail__status--inactive,
.admin-invite-code-detail__status--unknown { background: #f0f3f7; color: #62748d; }
.admin-invite-code-detail__status--expired,
.admin-invite-code-detail__status--exhausted,
.admin-invite-code-detail__status--banned,
.admin-invite-code-detail__status--locked { background: #fff0f0; color: #d64545; }

.admin-invite-code-detail__danger-button,
.admin-invite-code-detail__primary-button,
.admin-invite-code-detail__icon-button {
    align-items: center;
    display: inline-flex;
    font: inherit;
    justify-content: center;
    text-decoration: none;
}

.admin-invite-code-detail__danger-button {
    background: #fff;
    border: 1px solid #f0baba;
    border-radius: 8px;
    color: #d64545;
    cursor: pointer;
    gap: 7px;
    min-height: 38px;
    padding: 0 12px;
}

.admin-invite-code-detail__danger-button:hover { background: #fff5f5; border-color: #e89090; }

.admin-invite-code-detail__metadata-grid {
    display: grid;
    gap: 26px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.admin-invite-code-detail__metadata-grid dl {
    display: grid;
    gap: 12px;
    margin: 0;
    min-width: 0;
}

.admin-invite-code-detail__metadata-grid dl + dl {
    border-left: 1px solid #e4edf7;
    padding-left: 26px;
}

.admin-invite-code-detail__metadata-grid dl > div {
    align-items: baseline;
    display: grid;
    gap: 12px;
    grid-template-columns: 110px minmax(0, 1fr);
    min-width: 0;
}

.admin-invite-code-detail__metadata-grid dt {
    color: #7890ad;
    font-size: 11px;
    font-weight: 700;
}

.admin-invite-code-detail__metadata-grid dd {
    color: #496384;
    font-size: 12px;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.admin-invite-code-detail__metadata-grid .admin-invite-code-detail__masked { color: var(--invite-primary); font-weight: 700; }
.admin-invite-code-detail__breakable { white-space: pre-wrap; }

.admin-invite-code-detail__edit-form {
    align-items: start;
    display: grid;
    gap: 14px 16px;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr) minmax(0, .85fr);
}

.admin-invite-code-detail__edit-form label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.admin-invite-code-detail__edit-form label > span {
    color: #496384;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.admin-invite-code-detail__edit-form label em { color: #8496b0; font-style: normal; font-weight: 500; }

.admin-invite-code-detail__edit-form input,
.admin-invite-code-detail__edit-form textarea {
    background: #fff;
    border: 1px solid #cbdced;
    border-radius: 8px;
    color: var(--invite-text);
    font: inherit;
    font-size: 12px;
    min-width: 0;
    outline: 0;
    padding: 0 11px;
    width: 100%;
}

.admin-invite-code-detail__edit-form input { height: 40px; }
.admin-invite-code-detail__edit-form textarea { min-height: 48px; padding-bottom: 9px; padding-top: 9px; resize: vertical; }
.admin-invite-code-detail__edit-form input:focus,
.admin-invite-code-detail__edit-form textarea:focus { border-color: #5e9eea; box-shadow: 0 0 0 3px rgb(13 112 232 / 12%); }
.admin-invite-code-detail__edit-form small { color: #b42318; font-size: 11px; }
.admin-invite-code-detail__edit-form label:nth-of-type(4) { grid-column: 1 / 2; }
.admin-invite-code-detail__edit-form label:nth-of-type(5) { grid-column: 2 / 4; }

.admin-invite-code-detail__primary-button {
    align-self: end;
    background: var(--invite-primary);
    border: 1px solid var(--invite-primary);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    gap: 7px;
    min-height: 38px;
    padding: 0 14px;
    width: max-content;
}

.admin-invite-code-detail__primary-button:hover { background: var(--invite-primary-dark); }

.admin-invite-code-detail__table-scroll {
    contain: paint;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.admin-invite-code-detail__table {
    border-collapse: collapse;
    min-width: 680px;
    table-layout: fixed;
    width: 100%;
}

.admin-invite-code-detail__table th,
.admin-invite-code-detail__table td {
    border-bottom: 1px solid #e8eef6;
    color: #496384;
    font-size: 11px;
    padding: 10px 10px;
    text-align: left;
    vertical-align: middle;
}

.admin-invite-code-detail__table th {
    color: #7890ad;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    padding-bottom: 11px;
    text-transform: uppercase;
}

.admin-invite-code-detail__table th:nth-child(1),
.admin-invite-code-detail__table td:nth-child(1) { width: 25%; }
.admin-invite-code-detail__table th:nth-child(2),
.admin-invite-code-detail__table td:nth-child(2) { width: 28%; }
.admin-invite-code-detail__table th:nth-child(3),
.admin-invite-code-detail__table td:nth-child(3) { width: 30%; }
.admin-invite-code-detail__table th:nth-child(4),
.admin-invite-code-detail__table td:nth-child(4) { width: 17%; }
.admin-invite-code-detail__table tbody tr:hover { background: #f8fbff; }
.admin-invite-code-detail__table td strong,
.admin-invite-code-detail__table td small { display: block; }
.admin-invite-code-detail__table td strong { color: var(--invite-text); font-size: 11px; }
.admin-invite-code-detail__table td small { color: #8396b0; font-size: 10px; margin-top: 3px; }

.admin-invite-code-detail__icon-button {
    background: #fff;
    border: 1px solid #dbe6f2;
    border-radius: 7px;
    color: #587493;
    height: 30px;
    padding: 0;
    width: 30px;
}

.admin-invite-code-detail__icon-button:hover { border-color: #8db9ec; color: var(--invite-primary); }

.admin-invite-code-detail__empty {
    align-items: center;
    color: var(--invite-muted);
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 125px;
    justify-content: center;
    padding: 14px;
    text-align: center;
}

.admin-invite-code-detail__empty-icon {
    align-items: center;
    background: #edf5ff;
    border-radius: 50%;
    color: var(--invite-primary);
    display: inline-flex;
    height: 58px;
    justify-content: center;
    margin-bottom: 2px;
    width: 58px;
}

.admin-invite-code-detail__empty strong { color: var(--invite-text); font-size: 14px; }
.admin-invite-code-detail__empty > span:last-child { font-size: 12px; }

.admin-invite-code-detail__pagination-row {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 16px;
}

.admin-invite-code-detail__pagination-row p {
    color: var(--invite-muted);
    font-size: 11px;
    margin: 0;
}

.admin-invite-code-detail__pagination .pagination { margin: 0; }
.admin-invite-code-detail__pagination .pagination > nav > div,
.admin-invite-code-detail__pagination .pagination > div { align-items: center; display: flex; gap: 5px; }
.admin-invite-code-detail__pagination .pagination a,
.admin-invite-code-detail__pagination .pagination span {
    align-items: center;
    border: 1px solid #dbe6f2;
    border-radius: 7px;
    color: #597493;
    display: inline-flex;
    font-size: 11px;
    height: 30px;
    justify-content: center;
    min-width: 30px;
    padding: 0 8px;
    text-decoration: none;
}

.admin-invite-code-detail__pagination .pagination a:hover { border-color: #8db9ec; color: var(--invite-primary); }
.admin-invite-code-detail__pagination .pagination .active span { background: var(--invite-primary); border-color: var(--invite-primary); color: #fff; }
.admin-invite-code-detail__pagination .pagination .disabled span { color: #a5b5c8; }

.admin-invite-code-detail__notice {
    background: #eff8f2;
    border: 1px solid #bfe7cd;
    border-radius: 10px;
    color: #196b3d;
    font-size: 12px;
    margin-bottom: 17px;
    padding: 11px 14px;
}

.admin-invite-code-detail__notice--error { background: #fff3f3; border-color: #f2c5c5; color: #a72c2c; }

.admin-invite-code-detail__visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Butterfly.8: moderation center stays scoped to the Admin operations page. */
.admin-moderation {
    display: grid;
    gap: var(--space-5);
    min-width: 0;
}

.admin-moderation__header,
.admin-moderation__section-heading,
.admin-moderation__queue-heading {
    align-items: flex-start;
    display: flex;
    gap: var(--space-4);
    justify-content: space-between;
}

.admin-moderation__header h1,
.admin-moderation__section-heading h2,
.admin-moderation__queue-heading h3 {
    color: var(--color-text, #172033);
    margin: 0;
}

.admin-moderation__header h1 { font-size: clamp(1.65rem, 2vw, 2.1rem); }
.admin-moderation__section-heading h2 { font-size: 1.05rem; }
.admin-moderation__queue-heading h3 { font-size: 1rem; }

.admin-moderation__eyebrow,
.admin-moderation__intro,
.admin-moderation__queue-heading p,
.admin-moderation__chart-summary {
    color: var(--color-muted, #667085);
    margin: .25rem 0 0;
}

.admin-moderation__eyebrow {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0;
    text-transform: uppercase;
}

.admin-moderation__stats {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-moderation__stat-card,
.admin-moderation__quick-actions,
.admin-moderation__queue,
.admin-moderation__panel,
.admin-moderation__empty {
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 10px;
    box-shadow: 0 4px 16px rgb(15 23 42 / 4%);
}

.admin-moderation__stat-card {
    align-items: flex-start;
    color: inherit;
    display: flex;
    gap: .75rem;
    min-height: 116px;
    padding: 1rem;
    text-decoration: none;
}

a.admin-moderation__stat-card:hover { border-color: #b9d5ff; transform: translateY(-1px); }
.admin-moderation__stat-icon,
.admin-moderation__quick-action-icon,
.admin-moderation__list-icon {
    align-items: center;
    background: #edf5ff;
    border-radius: 8px;
    color: #0875e1;
    display: inline-flex;
    flex: 0 0 auto;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.admin-moderation__stat-copy { display: grid; gap: .2rem; min-width: 0; }
.admin-moderation__stat-copy > span { color: #475467; font-size: .78rem; }
.admin-moderation__stat-copy strong { color: #172033; font-size: 1.55rem; line-height: 1; }
.admin-moderation__stat-copy small { color: var(--color-muted, #667085); font-size: .72rem; line-height: 1.35; }

.admin-moderation__quick-actions,
.admin-moderation__queue,
.admin-moderation__panel { padding: 1rem; }
.admin-moderation__quick-action-grid { display: grid; gap: .65rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 1rem; }
.admin-moderation__quick-action { align-items: center; border: 1px solid var(--color-border, #e5e7eb); border-radius: 8px; color: #24324a; display: flex; gap: .6rem; min-height: 48px; padding: .65rem .75rem; text-decoration: none; }
.admin-moderation__quick-action:hover { border-color: #a9cdf7; color: #0868c8; }

.admin-moderation__workspace { align-items: start; display: grid; gap: var(--space-5); grid-template-columns: minmax(0, 1.6fr) minmax(280px, .75fr); }
.admin-moderation__queue { min-width: 0; }
.admin-moderation__tabs { border-bottom: 1px solid var(--color-border, #e5e7eb); display: flex; gap: .25rem; margin: 1rem -1rem 1rem; overflow-x: auto; padding: 0 1rem; }
.admin-moderation__tab { border-bottom: 2px solid transparent; color: #667085; flex: 0 0 auto; font-size: .83rem; font-weight: 600; padding: .65rem .85rem .7rem; text-decoration: none; }
.admin-moderation__tab:hover,
.admin-moderation__tab.is-active { border-bottom-color: #1677e8; color: #0868c8; }
.admin-moderation__queue-heading { margin-bottom: 1rem; }
.admin-moderation__muted,
.admin-moderation__read-only { color: #667085; font-size: .75rem; }
.admin-moderation__text-link,
.admin-moderation__section-heading a { color: #0868c8; font-size: .78rem; font-weight: 700; text-decoration: none; }

.admin-moderation__pending-list,
.admin-moderation__report-list { border-top: 1px solid var(--color-border, #e5e7eb); }
.admin-moderation__pending-row { align-items: center; border-bottom: 1px solid var(--color-border, #edf0f3); display: grid; gap: .8rem; grid-template-columns: 64px minmax(160px, 1fr) 88px auto; padding: .8rem 0; }
.admin-moderation__pending-preview { align-items: center; background: #f4f6f8; border-radius: 7px; display: flex; height: 52px; justify-content: center; overflow: hidden; width: 64px; }
.admin-moderation__pending-preview img { height: 100%; object-fit: cover; width: 100%; }
.admin-moderation__pending-preview span { color: #8a96a8; }
.admin-moderation__pending-main { min-width: 0; }
.admin-moderation__pending-title-line { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; }
.admin-moderation__pending-title-line a,
.admin-moderation__report-row a,
.admin-moderation__list-copy a { color: #172033; font-weight: 700; overflow-wrap: anywhere; text-decoration: none; }
.admin-moderation__pending-title-line a:hover,
.admin-moderation__report-row a:hover,
.admin-moderation__list-copy a:hover { color: #0868c8; }
.admin-moderation__pending-meta { color: #667085; display: flex; flex-wrap: wrap; font-size: .74rem; gap: .45rem .8rem; margin: .35rem 0 0; }
.admin-moderation__state-label { color: #667085; display: block; font-size: .68rem; margin-bottom: .25rem; }
.admin-moderation__badge { border-radius: 999px; display: inline-flex; font-size: .68rem; font-weight: 700; line-height: 1.2; padding: .3rem .5rem; }
.admin-moderation__badge--type { background: #eef5ff; color: #1769c2; }
.admin-moderation__badge--safety { background: #fff7e5; color: #9a6700; }
.admin-moderation__badge--status { background: #edf8f0; color: #16733a; }
.admin-moderation__pending-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; }
.admin-moderation__pending-actions form { margin: 0; }
.admin-moderation__button { background: transparent; border: 1px solid var(--color-border, #d8dee8); border-radius: 6px; cursor: pointer; font: inherit; font-size: .74rem; font-weight: 700; min-height: 32px; padding: .35rem .55rem; }
.admin-moderation__button--secondary { color: #344054; text-decoration: none; }
.admin-moderation__button--approve { border-color: #b7e5c6; color: #16803d; }
.admin-moderation__button--reject { border-color: #f2b8b5; color: #c2413b; }
.admin-moderation__button:hover { background: #f7f9fc; }

.admin-moderation__rail { display: grid; gap: var(--space-5); min-width: 0; }
.admin-moderation__section-heading--compact { align-items: center; }
.admin-moderation__section-heading--compact h2 { font-size: .98rem; }
.admin-moderation__list { list-style: none; margin: 1rem 0 0; padding: 0; }
.admin-moderation__list-item { align-items: flex-start; border-top: 1px solid var(--color-border, #edf0f3); display: grid; gap: .55rem; grid-template-columns: 28px minmax(0, 1fr) auto; padding: .75rem 0; }
.admin-moderation__list-icon { height: 28px; width: 28px; }
.admin-moderation__list-icon--activity { background: #effaf5; color: #12805a; }
.admin-moderation__list-copy { display: grid; gap: .15rem; min-width: 0; }
.admin-moderation__list-copy small,
.admin-moderation__list-meta,
.admin-moderation__list-time { color: #667085; font-size: .7rem; line-height: 1.35; }
.admin-moderation__list-meta { align-items: flex-end; display: grid; gap: .25rem; justify-items: end; text-align: right; }
.admin-moderation__list-time { white-space: nowrap; }

.admin-moderation__report-row { align-items: flex-start; border-bottom: 1px solid var(--color-border, #edf0f3); display: flex; gap: 1rem; justify-content: space-between; padding: .85rem 0; }
.admin-moderation__report-row > div:first-child { min-width: 0; }
.admin-moderation__report-row p { color: #475467; font-size: .78rem; margin: .3rem 0; overflow-wrap: anywhere; }
.admin-moderation__report-row small { color: #667085; font-size: .72rem; }
.admin-moderation__report-meta { align-items: flex-end; color: #667085; display: grid; flex: 0 0 auto; font-size: .7rem; gap: .25rem; justify-items: end; text-align: right; }
.admin-moderation__report-meta time { white-space: nowrap; }

.admin-moderation__overview-grid { display: grid; gap: var(--space-5); grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
.admin-moderation__overview-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 1rem; }
.admin-moderation__overview-item { border-right: 1px solid var(--color-border, #edf0f3); display: grid; gap: .2rem; padding: .4rem .75rem; }
.admin-moderation__overview-item:first-child { padding-left: 0; }
.admin-moderation__overview-item:last-child { border-right: 0; }
.admin-moderation__overview-item strong { font-size: 1.25rem; }
.admin-moderation__overview-item span { color: #344054; font-size: .74rem; font-weight: 700; }
.admin-moderation__overview-item small { color: #667085; font-size: .68rem; line-height: 1.3; }
.admin-moderation__reason-list { display: grid; gap: .8rem; margin-top: 1rem; }
.admin-moderation__reason { display: grid; gap: .3rem; }
.admin-moderation__reason > div { display: flex; font-size: .75rem; justify-content: space-between; gap: .6rem; }
.admin-moderation__reason > div strong { color: #667085; font-size: .7rem; white-space: nowrap; }
.admin-moderation__reason-bar { background: #edf1f7; border-radius: 999px; display: block; height: 7px; overflow: hidden; }
.admin-moderation__reason-bar span { background: #1677e8; border-radius: inherit; display: block; height: 100%; }
.admin-moderation__empty { color: #667085; padding: 1rem; }
.admin-moderation__empty--wide { grid-column: 1 / -1; }
.admin-moderation :is(a, button):focus-visible { outline: 3px solid rgb(22 119 232 / 35%); outline-offset: 2px; }

@media (max-width: 1180px) {
    .admin-moderation__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-moderation__quick-action-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-moderation__workspace,
    .admin-moderation__overview-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .admin-moderation { gap: var(--space-4); }
    .admin-moderation__stats,
    .admin-moderation__quick-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-moderation__pending-row { align-items: flex-start; grid-template-columns: 56px minmax(0, 1fr); }
    .admin-moderation__pending-preview { height: 48px; width: 56px; }
    .admin-moderation__pending-state,
    .admin-moderation__pending-actions { grid-column: 2; justify-content: flex-start; }
    .admin-moderation__overview-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-moderation__overview-item,
    .admin-moderation__overview-item:first-child { border-bottom: 1px solid var(--color-border, #edf0f3); border-right: 0; padding: .65rem 0; }
    .admin-moderation__overview-item:last-child { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
    .admin-moderation__stats,
    .admin-moderation__quick-action-grid { grid-template-columns: 1fr; }
    .admin-moderation__stat-card { min-height: 0; }
    .admin-moderation__report-row { display: grid; }
    .admin-moderation__report-meta { align-items: flex-start; justify-items: start; text-align: left; }
    .admin-moderation__pending-state,
    .admin-moderation__pending-actions { grid-column: 1 / -1; }
    .admin-moderation__pending-actions { gap: .5rem; }
}

/* Profile progression pages: keep locked achievements clear, scannable and safe. */
.public-profile-achievement-history-grid .public-gamification-achievement-card { align-items: flex-start; min-height: 9.5rem; }
.public-profile-achievement-history-grid .public-gamification-achievement-card.is-locked { background: #f8fbff; }
.public-profile-achievement-history-grid .public-gamification-achievement-card.is-locked .public-gamification-achievement-card__image { filter: grayscale(1); opacity: .72; }
.public-profile-achievement-history-grid .public-gamification-achievement-card.is-locked h2,
.public-profile-achievement-history-grid .public-gamification-achievement-card.is-locked p { color: #8191a7; }
.public-profile-achievement-status { align-items: center; display: inline-flex; font-size: .7rem; gap: .28rem; margin-top: .65rem; }
.public-profile-achievement-status .default-theme-icon { height: .85rem; width: .85rem; }
.public-profile-achievement-status--unlocked { color: #159b5b; }
.public-profile-achievement-status--locked { color: #7b8da5; }
.public-profile-achievement-history-grid .public-gamification-achievement-card time { color: #7185a0; display: block; font-size: .66rem; margin-top: .25rem; }
.public-profile-activity-history-card { background: #fff; border: 1px solid #dce9f5; border-radius: 1rem; box-shadow: 0 .5rem 1.25rem rgba(33, 81, 132, .06); padding: 1.25rem 1.4rem; }
.public-profile-activity-history-card .public-profile-panel__heading { margin-bottom: .7rem; }
.public-profile-activity-history-card .public-profile-panel__heading span { color: #7185a0; font-size: .75rem; font-weight: 700; }
.public-profile-activity-list--full > div { grid-template-columns: 2.15rem 8rem minmax(0, 1fr) auto; padding: .85rem 0; }
.public-profile-activity-list--full > div strong { font-size: .9rem; }
.public-profile-activity-list--full > div time { color: #7185a0; font-size: .76rem; }
.public-profile-activity-list--full > div b { font-size: .8rem; }
.public-gamification-achievement-progress { background: #e6eef8; border-radius: 999px; height: .42rem; margin-top: .75rem; overflow: hidden; width: 100%; }
.public-gamification-achievement-progress span { background: linear-gradient(90deg, #1672df, #6d63f5); border-radius: inherit; display: block; height: 100%; min-width: 0; transition: width .35s ease; }
.public-gamification-achievement-card.is-unlocked .public-gamification-achievement-progress span { background: linear-gradient(90deg, #18a66a, #48c989); }
.public-gamification-achievement-progress-meta { align-items: center; color: #7185a0; display: flex; font-size: .66rem; gap: .6rem; justify-content: space-between; margin-top: .32rem; }
.public-gamification-achievement-unlocks { color: #7185a0; font-size: .68rem; font-weight: 700; margin-top: .72rem; }
@media (max-width: 680px) {
    .public-profile-achievement-history-grid .public-gamification-achievement-card { min-height: 0; }
    .public-profile-activity-list--full > div { gap: .55rem; grid-template-columns: 1.8rem minmax(0, 1fr) auto; }
    .public-profile-activity-list--full > div time { grid-column: 2; grid-row: 2; }
    .public-profile-activity-list--full > div strong { grid-column: 2; }
    .public-profile-activity-list--full > div b { grid-column: 3; grid-row: 1 / span 2; }
}

/* Butterfly.2 Admin dashboard content is scoped so public surfaces keep their existing layout. */
.admin-dashboard,
.admin-dashboard__grid,
.admin-dashboard__card,
.admin-dashboard__notice {
    min-width: 0;
}

.admin-dashboard {
    display: grid;
    gap: var(--space-4);
    max-width: 1480px;
}

.admin-dashboard__header,
.admin-dashboard__card-heading,
.admin-dashboard__notice-heading {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    justify-content: space-between;
}

.admin-dashboard__header {
    align-items: flex-start;
}

.admin-dashboard__header h1,
.admin-dashboard__card h2,
.admin-dashboard__notice h2 {
    margin: 0;
}

.admin-dashboard__header h1 {
    font-size: clamp(1.5rem, 2vw, 2rem);
}

.admin-dashboard__eyebrow,
.admin-dashboard__card-heading p,
.admin-dashboard__stat-card p {
    color: var(--color-muted);
    font-size: .75rem;
    letter-spacing: .04em;
    margin: 0 0 var(--space-1);
    text-transform: uppercase;
}

.admin-dashboard__intro,
.admin-dashboard__card-summary,
.admin-dashboard__notice p {
    color: var(--color-muted);
    margin: var(--space-1) 0 0;
}

.admin-dashboard__period {
    background: var(--color-panel);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--space-1);
    min-width: 150px;
    padding: var(--space-3) var(--space-4);
}

.admin-dashboard__period span,
.admin-dashboard__period strong {
    font-size: .8rem;
}

.admin-dashboard__period span {
    color: var(--color-muted);
}

.admin-dashboard__stats,
.admin-dashboard__grid {
    display: grid;
    gap: var(--space-4);
}

.admin-dashboard__stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.admin-dashboard__grid--primary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-dashboard__grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-dashboard__grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-dashboard__card,
.admin-dashboard__notice {
    background: var(--color-panel);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-soft-card);
    padding: var(--space-4);
}

.admin-dashboard__stat-card {
    align-items: flex-start;
    display: flex;
    gap: var(--space-3);
}

.admin-dashboard__stat-icon,
.admin-dashboard__list-icon,
.admin-dashboard__initials {
    align-items: center;
    background: var(--color-accent-soft);
    border-radius: 50%;
    color: var(--color-accent-strong);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.admin-dashboard__stat-icon {
    height: 36px;
    width: 36px;
}

.admin-dashboard__stat-card strong {
    display: block;
    font-size: 1.45rem;
    line-height: 1.2;
}

.admin-dashboard__stat-card span {
    color: var(--color-muted);
    display: block;
    font-size: .75rem;
    margin-top: var(--space-1);
}

.admin-dashboard__chart-total {
    font-size: 1.2rem;
}

.admin-dashboard__chart {
    align-items: end;
    background: linear-gradient(to bottom, transparent 24%, var(--color-border-soft) 25%, transparent 26%, transparent 49%, var(--color-border-soft) 50%, transparent 51%, transparent 74%, var(--color-border-soft) 75%, transparent 76%);
    height: 150px;
    margin-top: var(--space-4);
    padding: var(--space-2) 0;
}

.admin-dashboard__chart-bars {
    align-items: end;
    display: grid;
    gap: 3px;
    grid-auto-columns: minmax(3px, 1fr);
    grid-auto-flow: column;
    height: 100%;
}

.admin-dashboard__chart-bar {
    background: var(--color-accent);
    border-radius: 3px 3px 0 0;
    height: var(--admin-chart-height);
    min-height: 2px;
}

.admin-dashboard__chart-table {
    display: none;
}

.admin-dashboard__distribution-row {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: var(--space-4);
}

.admin-dashboard__distribution-row > div:first-child {
    display: flex;
    justify-content: space-between;
}

.admin-dashboard__distribution-row small {
    color: var(--color-muted);
    grid-column: 2;
    grid-row: 1;
}

.admin-dashboard__progress {
    background: var(--color-panel-soft);
    border-radius: 999px;
    grid-column: 1 / -1;
    height: 7px;
    overflow: hidden;
}

.admin-dashboard__progress span {
    background: var(--color-accent);
    border-radius: inherit;
    display: block;
    height: 100%;
    width: var(--admin-progress);
}

.admin-dashboard__activity-list,
.admin-dashboard__user-list {
    list-style: none;
    margin: var(--space-3) 0 0;
    padding: 0;
}

.admin-dashboard__activity-list li,
.admin-dashboard__user-list li {
    align-items: center;
    border-top: 1px solid var(--color-border-soft);
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3) 0;
}

.admin-dashboard__activity-list li:first-child,
.admin-dashboard__user-list li:first-child {
    border-top: 0;
}

.admin-dashboard__list-icon {
    height: 28px;
    width: 28px;
}

.admin-dashboard__activity-list strong,
.admin-dashboard__activity-list small,
.admin-dashboard__user-list a,
.admin-dashboard__user-list small {
    display: block;
}

.admin-dashboard__activity-list small,
.admin-dashboard__user-list small,
.admin-dashboard__table small {
    color: var(--color-muted);
    font-size: .75rem;
    margin-top: 2px;
}

.admin-dashboard__initials {
    font-size: .75rem;
    height: 32px;
    width: 32px;
}

.admin-dashboard__view-link,
.admin-dashboard__links a,
.admin-dashboard__quick-action {
    color: var(--color-accent-strong);
    text-decoration: none;
}

.admin-dashboard__view-link {
    font-size: .8rem;
    white-space: nowrap;
}

.admin-dashboard__table-wrap {
    max-width: 100%;
    overflow-x: auto;
}

.admin-dashboard__table {
    border-collapse: collapse;
    min-width: 420px;
    width: 100%;
}

.admin-dashboard__table th,
.admin-dashboard__table td {
    border-bottom: 1px solid var(--color-border-soft);
    padding: var(--space-2) var(--space-1);
    text-align: left;
    vertical-align: top;
}

.admin-dashboard__table th {
    color: var(--color-muted);
    font-size: .75rem;
    font-weight: 600;
}

.admin-dashboard__table td {
    font-size: .82rem;
}

.admin-dashboard__links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-3);
}

.admin-dashboard__health-list {
    margin-top: var(--space-3);
}

.admin-dashboard__health-list > div {
    border-top: 1px solid var(--color-border-soft);
    display: flex;
    justify-content: space-between;
    padding: var(--space-2) 0;
}

.admin-dashboard__health-list strong,
.admin-dashboard__status {
    color: var(--color-accent-strong);
    font-size: .78rem;
    font-weight: 600;
}

.admin-dashboard__status--degraded,
.admin-dashboard__status--unavailable {
    color: var(--color-cta-hover);
}

.admin-dashboard__report-grid {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--space-3);
}

.admin-dashboard__report-grid > div {
    background: var(--color-panel-soft);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 2px;
    padding: var(--space-3);
}

.admin-dashboard__report-grid span {
    color: var(--color-muted);
    font-size: .75rem;
}

.admin-dashboard__quick-action {
    align-items: center;
    border-top: 1px solid var(--color-border-soft);
    display: flex;
    justify-content: space-between;
    padding: var(--space-3) 0;
}

.admin-dashboard__notices {
    display: grid;
    gap: var(--space-3);
}

.admin-dashboard__notice {
    border-left: 4px solid var(--color-accent);
}

.admin-dashboard__notice--success {
    border-left-color: #16a34a;
}

.admin-dashboard__notice--warning {
    border-left-color: var(--color-cta);
}

.admin-dashboard__notice-heading span {
    color: var(--color-muted);
    font-size: .75rem;
}

.admin-dashboard__visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (max-width: 1200px) {
    .admin-dashboard__stats,
    .admin-dashboard__grid--primary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .admin-dashboard__stats,
    .admin-dashboard__grid--three,
    .admin-dashboard__grid--two,
    .admin-dashboard__grid--primary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Admin dashboard operational cards: compact, high-signal presentation. */
.admin-dashboard__card--activity,
.admin-dashboard__card--content,
.admin-dashboard__card--users,
.admin-dashboard__card--health,
.admin-dashboard__card--reports,
.admin-dashboard__card--actions { background: linear-gradient(145deg,#fff,#f8fbff); border: 1px solid #d9e9f8; border-radius: 22px; box-shadow: 0 14px 32px rgba(37,83,133,.07); overflow: hidden; padding: 20px; position: relative; }
.admin-dashboard__card-heading { align-items: flex-start; display: flex; gap: 14px; justify-content: space-between; }
.admin-dashboard__card-heading > div { min-width: 0; }
.admin-dashboard__card-summary { color: #7890ad; font-size: .76rem; line-height: 1.45; margin: 6px 0 0; max-width: 340px; }
.admin-dashboard__section-icon { align-items: center; border-radius: 13px; display: inline-flex; flex: 0 0 38px; height: 38px; justify-content: center; }
.admin-dashboard__section-icon--blue { background: #e8f3ff; color: #1672df; }
.admin-dashboard__section-icon--violet { background: #f0ecff; color: #7351d8; }
.admin-dashboard__section-icon--green { background: #e6f8ef; color: #159665; }
.admin-dashboard__card--activity .admin-dashboard__activity-list,
.admin-dashboard__card--users .admin-dashboard__user-list { display: grid; gap: 8px; margin: 17px 0 0; padding: 0; }
.admin-dashboard__activity-list--modern li,
.admin-dashboard__user-list--modern li { align-items: center; background: #f6faff; border: 1px solid #e4eff9; border-radius: 14px; display: flex; gap: 10px; list-style: none; min-height: 54px; padding: 9px 10px; }
.admin-dashboard__activity-list--modern li > div,
.admin-dashboard__user-list--modern li > div { display: grid; gap: 3px; min-width: 0; }
.admin-dashboard__activity-list--modern li > .default-theme-icon,
.admin-dashboard__user-list--modern li > .default-theme-icon { color: #9bb0c8; margin-left: auto; }
.admin-dashboard__list-icon { align-items: center; background: #e8f3ff; border-radius: 10px; color: #1672df; display: inline-flex; flex: 0 0 32px; height: 32px; justify-content: center; }
.admin-dashboard__activity-list--modern strong,
.admin-dashboard__user-list--modern a { color: #1b355b; font-size: .79rem; font-weight: 800; overflow-wrap: anywhere; }
.admin-dashboard__activity-list--modern small,
.admin-dashboard__user-list--modern small { color: #8296af; font-size: .68rem; }
.admin-dashboard__user-list--modern .admin-dashboard__initials { align-items: center; background: linear-gradient(145deg,#287ff0,#765be3); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 4px 10px rgba(43,104,206,.18); color: #fff; display: inline-flex; flex: 0 0 36px; font-size: .68rem; font-weight: 850; height: 36px; justify-content: center; width: 36px; }
.admin-dashboard__view-link { align-items: center; display: inline-flex; gap: 4px; }
.admin-dashboard__table--modern { margin-top: 17px; }
.admin-dashboard__table--modern th { background: #f4f8fd; border-bottom-color: #dcebf8; color: #7890ad; font-size: .65rem; letter-spacing: .06em; padding: 9px 8px; text-transform: uppercase; }
.admin-dashboard__table--modern td { border-bottom-color: #e5eff8; color: #506987; font-size: .74rem; padding: 11px 8px; }
.admin-dashboard__table--modern tr:last-child td { border-bottom: 0; }
.admin-dashboard__table--modern td strong { color: #1b355b; display: block; font-size: .78rem; }
.admin-dashboard__table--modern td small { color: #8296af; display: block; font-size: .67rem; margin-top: 3px; }
.admin-dashboard__type-pill,
.admin-dashboard__date-pill { background: #edf5ff; border: 1px solid #d8e9fb; border-radius: 999px; color: #2876d9; display: inline-flex; font-size: .65rem; font-weight: 800; padding: 5px 8px; white-space: nowrap; }
.admin-dashboard__date-pill { background: #f6f8fb; border-color: #e5ecf4; color: #7388a3; }
.admin-dashboard__health-list--modern { display: grid; gap: 8px; margin-top: 17px; }
.admin-dashboard__health-list--modern > div { align-items: center; background: #f6faff; border: 1px solid #e4eff9; border-radius: 13px; border-top: 1px solid #e4eff9; padding: 11px 12px; }
.admin-dashboard__health-list--modern > div > span { align-items: center; display: inline-flex; gap: 8px; }
.admin-dashboard__health-list--modern i,
.admin-dashboard__status i { background: #22b574; border-radius: 50%; box-shadow: 0 0 0 4px #22b5741c; display: inline-block; height: 7px; width: 7px; }
.admin-dashboard__health-list--modern strong { background: #e7f8ef; border: 1px solid #c9eedb; border-radius: 999px; color: #14875a; font-size: .67rem; padding: 5px 8px; }
.admin-dashboard__status { align-items: center; background: #e7f8ef; border: 1px solid #c9eedb; border-radius: 999px; display: inline-flex; gap: 7px; padding: 7px 10px; white-space: nowrap; }
.admin-dashboard__status--degraded,
.admin-dashboard__status--unavailable { background: #fff5e1; border-color: #f3ddb0; color: #b97800; }
.admin-dashboard__status--degraded i,
.admin-dashboard__status--unavailable i { background: #e5a128; box-shadow: 0 0 0 4px #e5a1281c; }
.admin-dashboard__report-grid--modern { gap: 9px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 17px; }
.admin-dashboard__report-grid--modern > div { align-content: start; background: #f6faff; border: 1px solid #e4eff9; border-radius: 14px; display: grid; gap: 5px; min-height: 92px; padding: 11px; }
.admin-dashboard__report-icon { align-items: center; background: #eaf3ff; border-radius: 9px; color: #2879ed; display: inline-flex; height: 29px; justify-content: center; width: 29px; }
.admin-dashboard__report-icon--amber { background: #fff4dc; color: #c8890c; }
.admin-dashboard__report-grid--modern strong { color: #1b355b; font-size: 1.25rem; line-height: 1; }
.admin-dashboard__report-grid--modern > div > span:last-child { color: #8296af; font-size: .68rem; }
.admin-dashboard__quick-actions-grid { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 17px; }
.admin-dashboard__quick-action { align-items: center; background: #f6faff; border: 1px solid #e4eff9; border-radius: 13px; display: grid; gap: 8px; grid-template-columns: auto minmax(0,1fr) auto; min-height: 54px; padding: 9px 10px; }
.admin-dashboard__quick-action > span:nth-child(2) { color: #1b355b; font-size: .72rem; font-weight: 800; line-height: 1.25; }
.admin-dashboard__quick-action > .default-theme-icon { color: #9bb0c8; }
.admin-dashboard__quick-action-icon { align-items: center; background: #e8f3ff; border-radius: 9px; color: #1672df; display: inline-flex; height: 29px; justify-content: center; width: 29px; }
@media (max-width: 760px) { .admin-dashboard__quick-actions-grid { grid-template-columns: 1fr; } .admin-dashboard__card-heading { gap: 8px; } }
.admin-dashboard__card--security-events { background: linear-gradient(145deg,#fff,#f5f9ff); border-color: #d7e7f8; }
.admin-dashboard__section-icon--security { background: #e8f1ff; color: #1769db; }
.admin-dashboard__security-list { display: grid; gap: 8px; margin: 17px 0 0; padding: 0; }
.admin-dashboard__security-list li { align-items: center; background: #f5f9ff; border: 1px solid #e1edf8; border-radius: 14px; display: flex; gap: 10px; list-style: none; min-height: 56px; padding: 9px 10px; }
.admin-dashboard__security-list li > div { display: grid; gap: 3px; min-width: 0; }
.admin-dashboard__security-list li > div strong { color: #1b355b; font-size: .78rem; overflow-wrap: anywhere; }
.admin-dashboard__security-list li > div small { color: #8296af; font-size: .68rem; }
.admin-dashboard__security-level { background: #eaf3ff; border: 1px solid #d4e7fb; border-radius: 999px; color: #2876d9; font-size: .64rem; font-weight: 850; margin-left: auto; padding: 5px 8px; white-space: nowrap; }
.admin-dashboard__security-level--warning,
.admin-dashboard__security-level--high { background: #fff4df; border-color: #f2ddb1; color: #b87800; }
.admin-dashboard__security-level--critical,
.admin-dashboard__security-level--danger { background: #fff0f2; border-color: #f5ccd2; color: #c34a5d; }
.admin-dashboard__security-level--success { background: #e7f8ef; border-color: #c9eedb; color: #14875a; }

@media (max-width: 620px) {
    .admin-dashboard__header,
    .admin-dashboard__stats,
    .admin-dashboard__grid--three,
    .admin-dashboard__grid--two,
    .admin-dashboard__grid--primary {
        grid-template-columns: 1fr;
    }

    .admin-dashboard__header {
        display: grid;
    }

    .admin-dashboard__period {
        min-width: 0;
    }
}

* {
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    margin: 0;
    background: var(--color-bg);
    font-family: var(--font-sans);
    overflow-x: hidden;
}

h1,
h2,
h3 {
    font-family: var(--font-sans);
    font-weight: 800;
}

a {
    color: inherit;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 3px solid #3882f9;
    outline-offset: 2px;
}

.default-theme-app-shell {
    background: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
}

.default-theme-public-grid,
.default-theme-admin-grid {
    display: grid;
    gap: var(--space-5);
    grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) minmax(260px, 320px);
    min-height: 100vh;
}

.default-theme-create-grid {
    display: grid;
    gap: var(--space-6);
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
}

.default-theme-auth-grid {
    display: grid;
    grid-template-columns: minmax(320px, .9fr) minmax(360px, 1fr);
    min-height: 100vh;
}

.default-theme-header {
    align-items: center;
    background: var(--color-header-bg);
    display: flex;
    gap: var(--space-4);
    justify-content: space-between;
    min-height: var(--public-header-height);
    padding: var(--space-2) 0;
    position: fixed;
    left: calc(var(--public-sidebar-width) + var(--public-home-shell-gap));
    right: var(--public-home-shell-gap);
    top: 0;
    transition: left .18s ease;
    z-index: 20;
}

.default-theme-search-form {
    flex: 1 1 auto;
    max-width: 720px;
    min-width: 0;
}

.default-theme-search-shell {
    align-items: center;
    background: var(--color-search-bg);
    border: 0;
    border-radius: var(--radius-lg);
    display: flex;
    gap: var(--space-3);
    min-height: 50px;
    padding: 0 var(--space-3);
    width: 100%;
}

.default-theme-search-shell:focus-within {
    box-shadow: 0 0 0 4px rgba(109, 177, 246, .18);
}

.default-theme-icon {
    display: inline-block;
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.default-theme-search-icon {
    color: var(--color-muted);
    height: 22px;
    width: 22px;
}

.default-theme-search-command {
    align-items: center;
    background: #ebf5fb;
    border: 1px solid #b7dcef;
    border-radius: var(--radius-sm);
    color: #40506a;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
    width: 32px;
}

.default-theme-header-left {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: var(--space-4);
    min-width: 0;
}

.default-theme-sidebar-toggle {
    align-items: center;
    background: var(--color-panel);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    color: var(--color-text);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    font-weight: 600;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.default-theme-actions {
    flex: 0 0 auto;
    justify-content: flex-end;
    margin-left: auto;
}

.default-theme-search {
    background: transparent;
    border: 0;
    color: var(--color-text);
    flex: 1 1 auto;
    min-height: 50px;
    min-width: 0;
    padding: 0;
    width: 100%;
}

.default-theme-search:focus {
    outline: none;
}

.default-theme-sidebar {
    background: var(--color-sidebar-bg);
    color: #3a3845;
    padding: var(--space-6) var(--space-4);
    position: sticky;
    top: 0;
}

.default-theme-sidebar-nav,
.default-theme-sidebar-section {
    display: grid;
    gap: var(--space-2);
}

.default-theme-sidebar-section + .default-theme-sidebar-section {
    margin-top: var(--space-5);
}

.default-theme-sidebar-heading {
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.default-theme-sidebar-link {
    border-radius: var(--radius-md);
    color: #3a3845;
    padding: 10px 12px;
    text-decoration: none;
}

.default-theme-sidebar-link[aria-current="page"],
.default-theme-sidebar-link.is-active {
    background: var(--color-accent-soft);
    color: var(--color-accent);
    font-weight: 800;
}

.default-theme-panel,
.default-theme-right-card,
.default-theme-content-card,
.default-theme-auth-card,
.default-theme-admin-stat-card {
    background: var(--color-panel);
    border: 0;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft-card);
}

.default-theme-right-card,
.default-theme-auth-card,
.default-theme-admin-stat-card {
    padding: var(--space-6);
}

.default-theme-right-card {
    align-content: start;
    align-items: stretch;
    display: grid;
    gap: var(--space-3);
    height: auto;
    justify-content: stretch;
    min-height: 0;
    padding: var(--space-4);
    padding-block-start: var(--space-3);
}

.default-theme-right-card-header {
    align-items: center;
    display: flex;
    gap: var(--space-3);
    justify-content: space-between;
}

.default-theme-right-card-title {
    align-items: center;
    color: #3a3845;
    display: inline-flex;
    font-size: 16px;
    font-weight: 800;
    gap: var(--space-2);
    margin: 0;
}

.default-theme-right-card-title-icon {
    height: 17px;
    width: 17px;
}

.default-theme-right-card-title-icon.is-gold {
    color: #f59e0b;
}

.default-theme-right-card-title-icon.is-fire {
    color: #ef4444;
}

.default-theme-right-card-body {
    align-self: start;
    min-height: 0;
}

.default-theme-right-card-action {
    color: var(--color-accent-strong);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
}

.default-theme-right-card-action-icon {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.default-theme-right-card-action:not(.default-theme-right-card-action-icon) {
    min-height: 24px;
}

.default-theme-right-card-action-icon:hover,
.default-theme-right-card-action-icon:focus {
    background: #eaf4fe;
    outline: none;
}

.default-theme-right-card-action-icon .default-theme-icon {
    height: 18px;
    width: 18px;
}

.default-theme-link-accent {
    color: var(--color-accent-strong);
    font-weight: 800;
    text-decoration: none;
}

.default-theme-hero {
    background: #0f172a;
    border-radius: var(--radius-xl);
    color: #ffffff;
    display: grid;
    gap: var(--space-3);
    align-content: center;
    justify-items: start;
    min-height: clamp(360px, 35vw, 500px);
    overflow: hidden;
    padding: clamp(42px, 5vw, 76px);
    position: relative;
}

.default-theme-hero.has-background {
    background-position: center;
    background-size: cover;
}

.default-theme-hero::before {
    background: linear-gradient(90deg, rgba(15, 23, 42, .82), rgba(15, 23, 42, .24));
    content: "";
    inset: 0;
    position: absolute;
}

.default-theme-hero > * {
    position: relative;
}

.default-theme-hero-title {
    font-size: clamp(44px, 4.4vw, 76px);
    line-height: 1.05;
    margin: 0;
    max-width: 760px;
}

.default-theme-hero-subtitle {
    color: rgba(255, 255, 255, .84);
    font-size: 17px;
    line-height: 1.6;
    margin: 0;
    max-width: 620px;
}

.default-theme-hero .default-theme-actions {
    justify-content: flex-start;
    margin-top: var(--space-1);
    margin-left: 0;
    width: 100%;
}

.default-theme-actions,
.default-theme-filter {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

.default-theme-button-primary,
.default-theme-button-secondary {
    align-items: center;
    border-radius: var(--radius-md);
    display: inline-flex;
    font-weight: 800;
    min-height: 42px;
    padding: 10px 16px;
    text-decoration: none;
}

.default-theme-button-primary {
    background: var(--color-cta);
    color: #ffffff;
}

.default-theme-button-primary:hover {
    background: var(--color-cta-hover);
}

.default-theme-header-link {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    color: #3a3845;
    display: inline-flex;
    font: inherit;
    font-weight: 800;
    min-height: 38px;
    padding: 8px 10px;
    text-decoration: none;
}

.default-theme-header-button {
    cursor: pointer;
}

.default-theme-dropdown {
    position: relative;
}

.default-theme-dropdown-summary {
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.default-theme-dropdown-summary::-webkit-details-marker {
    display: none;
}

.default-theme-dropdown-summary::after {
    content: "\25BE";
    font-size: 13px;
    margin-left: var(--space-2);
}

.default-theme-dropdown-summary.ch-header-action::after {
    content: none;
}

.default-theme-dropdown-menu {
    background: var(--color-panel);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft-card);
    display: grid;
    gap: var(--space-1);
    min-width: 170px;
    padding: var(--space-2);
    position: absolute;
    top: calc(100% + var(--space-2));
    z-index: 30;
}

.default-theme-dropdown-menu-right {
    right: 0;
}

.default-theme-dropdown:not([open]) .default-theme-dropdown-menu {
    display: none;
}

.default-theme-dropdown-item {
    background: transparent;
    border: 0;
    border-radius: var(--radius-md);
    color: var(--color-text);
    display: block;
    font: inherit;
    font-weight: 600;
    padding: 10px 12px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.default-theme-dropdown-item:hover,
.default-theme-dropdown-item:focus {
    background: var(--color-accent-soft);
    color: var(--color-accent-strong);
    outline: none;
}

.default-theme-dropdown-form {
    margin: 0;
}

.default-theme-dropdown-button {
    cursor: pointer;
}

.public-user-menu__divider {
    border-top: 1px solid var(--color-border-soft);
    margin: var(--space-2) 0;
}

.public-user-menu__section {
    display: grid;
    gap: var(--space-1);
}

.public-user-menu__section-label {
    color: var(--color-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    padding: 4px 12px 2px;
    text-transform: uppercase;
}

.ch-header-action {
    align-items: center;
    display: inline-flex;
    gap: var(--space-2);
    justify-content: center;
    line-height: 1;
    white-space: nowrap;
}

.ch-header-action-icon {
    flex: 0 0 auto;
    height: 17px;
    width: 17px;
}

.ch-header-action-chevron {
    flex: 0 0 auto;
    height: 15px;
    margin-left: 1px;
    width: 15px;
}

.ch-user-menu-trigger {
    max-width: 220px;
    padding-left: var(--space-2);
}

.ch-user-avatar {
    align-items: center;
    background: linear-gradient(135deg, #2f80ed, #8b5cf6);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    height: 30px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 1;
    width: 30px;
}

.ch-user-menu-name {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.ch-dropdown-item {
    align-items: center;
    display: flex;
    gap: var(--space-2);
}

.ch-dropdown-item-icon {
    color: var(--color-muted);
    height: 17px;
    width: 17px;
}

.ch-dropdown-item:hover .ch-dropdown-item-icon,
.ch-dropdown-item:focus .ch-dropdown-item-icon {
    color: currentColor;
}

.default-theme-login-pill {
    background: var(--color-accent-soft);
    border-color: #bfddfb;
    color: #111827;
    padding-inline: var(--space-5);
}

.default-theme-button-secondary {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .32);
    color: #ffffff;
}

.default-theme-hero-stats {
    background: rgba(255, 255, 255, .92);
    border-radius: var(--radius-lg);
    color: var(--color-text);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    padding: var(--space-3);
    margin-top: var(--space-1);
    width: fit-content;
}

.default-theme-hero-stat {
    display: grid;
    min-width: 120px;
    padding: var(--space-2) var(--space-3);
}

.default-theme-hero-stat strong {
    font-size: 18px;
}

.default-theme-hero-stat span {
    color: var(--color-muted);
    font-size: 13px;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.default-theme-filter-row {
    align-items: center;
    background: transparent;
    display: flex;
    gap: var(--space-4);
    justify-content: space-between;
    padding-block: var(--space-1);
    width: 100%;
}

.default-theme-filter-row.is-sticky {
    background: #e9f5ff;
    position: sticky;
    top: var(--public-sticky-filter-top);
    z-index: 12;
}

.default-theme-filter {
    background: #f4faff;
    border: 0;
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(206, 225, 249, .28);
    min-height: 64px;
    padding: var(--space-2) var(--space-3);
    width: fit-content;
}

.default-theme-filter-link {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #3a3845;
    display: inline-flex;
    gap: var(--space-2);
    font-weight: 450;
    padding: 12px 18px;
    text-decoration: none;
}

.default-theme-filter-link[aria-current="page"],
.default-theme-filter-link.is-active {
    background: #ffffff;
    border-color: #b7dcef;
    color: var(--color-accent-strong);
    font-weight: 500;
}

.default-theme-filter-link:not([aria-current="page"]):hover,
.default-theme-filter-link:not([aria-current="page"]):focus {
    background: var(--color-panel-soft);
    color: var(--color-accent-strong);
    outline: none;
}

.default-theme-filter-icon {
    flex: 0 0 auto;
    height: 15px;
    width: 15px;
}

.public-explore-main .default-theme-filter-link {
    gap: var(--space-2);
    line-height: 1;
    padding-inline: 18px;
}

.public-explore-main .default-theme-filter-link span {
    line-height: 1;
}

.is-filter-hot {
    color: #ff5f2e;
}

.is-filter-new {
    color: #8b5cf6;
}

.is-filter-liked {
    color: #2f80ed;
}

.is-filter-latest {
    color: #64748b;
}

.is-filter-rated {
    color: #d99a00;
}

.is-filter-video {
    color: #5755e5;
}

.is-filter-image {
    color: #0ea5e9;
}

.default-theme-filter-aside {
    flex: 0 0 auto;
    margin-left: auto;
}

.default-theme-filter-select-form {
    margin: 0;
}

.default-theme-filter-select {
    appearance: auto;
    background: #ffffff;
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    box-shadow: 0 10px 26px rgba(206, 225, 249, .22);
    color: var(--color-text);
    font: inherit;
    min-height: 50px;
    min-width: 160px;
    padding: 0 var(--space-4);
}

.default-theme-content-card,
.public-content-card {
    background: #ffffff;
    border: 0;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft-card);
    display: grid;
    overflow: hidden;
    transition: box-shadow .18s ease, transform .18s ease;
}

.public-content-card:hover,
.public-content-card:focus-within {
    box-shadow: 0 18px 36px rgba(31, 95, 191, .16);
    transform: translateY(-2px);
}

.public-content-card__media {
    aspect-ratio: 4 / 5;
    background:
        radial-gradient(circle at 24% 18%, rgba(56, 130, 249, .42), transparent 28%),
        linear-gradient(135deg, #071225 0%, #12316d 52%, #38177f 100%);
    overflow: hidden;
    position: relative;
}

.public-content-card__media-link,
.public-content-card__media img {
    display: block;
    height: 100%;
    width: 100%;
}

.public-content-card__media-link {
    color: #ffffff;
    text-decoration: none;
}

.public-content-card__media img {
    object-fit: cover;
    transition: transform .2s ease;
}

.public-content-card:hover .public-content-card__media img,
.public-content-card:focus-within .public-content-card__media img {
    transform: scale(1.025);
}

.public-content-card__placeholder {
    align-items: center;
    color: rgba(255, 255, 255, .78);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    padding: var(--space-5);
    text-align: center;
}

.public-content-card__overlay {
    background: linear-gradient(180deg, rgba(8, 15, 31, .12) 0%, rgba(8, 15, 31, .34) 42%, rgba(8, 15, 31, .9) 100%);
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.public-content-card__labels {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 6px;
    left: var(--space-3);
    position: absolute;
    top: var(--space-3);
    z-index: 2;
}

.public-content-card__badge,
.public-content-card__add {
    position: absolute;
    top: var(--space-3);
    z-index: 2;
}

.public-content-card__badge {
    background: rgba(56, 130, 249, .94);
    border-radius: var(--radius-sm);
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    padding: 6px 9px;
}

.public-content-card__featured {
    background: rgba(255, 190, 55, .96);
    border-radius: var(--radius-sm);
    color: #3e2900;
    font-size: 11px;
    font-weight: 900;
    left: auto;
    line-height: 1;
    padding: 6px 9px;
    position: static;
}

.public-content-card__add {
    align-items: center;
    background: rgba(8, 15, 31, .72);
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    right: var(--space-3);
    width: 34px;
}

.public-content-card__add .default-theme-icon {
    height: 20px;
    pointer-events: none;
    width: 20px;
}

.public-content-card__add:disabled {
    cursor: default;
    opacity: 1;
}

.public-content-card__content {
    bottom: 0;
    display: grid;
    gap: 7px;
    left: 0;
    padding: 0 var(--space-4) var(--space-4);
    position: absolute;
    right: 0;
    z-index: 1;
}

.public-content-card__title {
    color: #ffffff;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.18;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.public-content-card__summary {
    color: rgba(255, 255, 255, .82);
    display: -webkit-box;
    font-size: 12px;
    line-height: 1.35;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.public-content-card__author,
.public-content-card__rating,
.public-content-card__stat {
    align-items: center;
    display: inline-flex;
}

.public-content-card__author {
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
    gap: 7px;
    min-width: 0;
}

.public-content-card__avatar {
    border-radius: 999px;
    height: 24px;
    width: 24px;
}

.public-content-card__avatar-fallback {
    align-items: center;
    background: linear-gradient(135deg, #3882f9 0%, #ff8a00 100%);
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    justify-content: center;
}

.public-content-card__rating {
    color: #ffffff;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.public-content-card__stars {
    color: #facc15;
    display: inline-flex;
    gap: 2px;
}

.public-content-card__stars .default-theme-icon {
    fill: currentColor;
    height: 15px;
    width: 15px;
}

.public-content-card__stats {
    align-items: center;
    background: #ffffff;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 52px;
}

.public-content-card__stats--count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.public-content-card__stats--count-2 > .public-content-card__stat {
    width: 100%;
}

.public-content-card__stat {
    color: #3a3845;
    font-size: 13px;
    gap: 7px;
    justify-content: center;
    min-width: 0;
    padding: 0 var(--space-2);
}

.public-content-card__like {
    align-items: center;
    appearance: none;
    background: #fff !important;
    border: 0;
    color: #3a3845 !important;
    cursor: pointer;
    display: flex;
    font: inherit;
    width: 100%;
}

.public-content-card__like:hover,
.public-content-card__like:focus-visible {
    background: #f7fbff !important;
}

.public-content-card__like .default-theme-icon {
    color: #40506a;
}

.image-preview-grid--sortable .image-preview-tile {
    cursor: grab;
}

.image-preview-grid--sortable .image-preview-tile.is-dragging {
    cursor: grabbing;
    opacity: .55;
}

.image-preview-grid--sortable .image-preview-tile figcaption {
    display: grid;
    gap: 6px;
    padding: 8px;
}

.image-preview-grid--sortable .image-preview-tile figcaption label {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 6px;
}

.public-post-detail__moderation-notice {
    align-items: center;
    background: #eef7ff;
    border: 1px solid #afd3ff;
    border-radius: 12px;
    color: #28527f;
    display: flex;
    gap: 10px;
    margin: 0 0 16px;
    padding: 13px 16px;
}

.public-post-detail__moderation-notice .default-theme-icon {
    color: #1674ed;
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
}

.public-post-detail__moderation-notice strong {
    color: #0e4f9d;
    margin-right: 4px;
}

.video-safe-preview [data-video-thumbnail-preview-image] {
    display: block;
    max-height: 420px;
    object-fit: contain;
    width: 100%;
}

.video-safe-preview [data-video-thumbnail-preview-image][hidden],
.video-safe-preview [data-video-thumbnail-empty][hidden] {
    display: none;
}

.video-thumbnail-picker {
    background: #f8fbff;
    border: 1px solid #dce9f7;
    border-radius: 14px;
    margin-top: 18px;
    padding: 14px;
}

.video-thumbnail-picker__heading {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.video-thumbnail-picker__heading h3 {
    color: #172744;
    font-size: 14px;
    margin: 0;
}

.video-thumbnail-picker__heading p {
    color: #647a99;
    font-size: 12px;
    margin: 4px 0 0;
}

.video-thumbnail-picker__heading > .default-theme-icon {
    background: #e8f2ff;
    border-radius: 9px;
    color: #1674ed;
    height: 18px;
    padding: 8px;
    width: 18px;
}

.video-thumbnail-picker__dropzone {
    align-items: center;
    background: #fff;
    border: 1px dashed #8bbcf5;
    border-radius: 11px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    min-height: 64px;
    padding: 10px 12px;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.video-thumbnail-picker__dropzone:hover,
.video-thumbnail-picker__dropzone:focus-within {
    background: #f3f8ff;
    border-color: #1674ed;
    box-shadow: 0 0 0 3px rgba(22, 116, 237, .1);
}

.video-thumbnail-picker__icon {
    align-items: center;
    background: #e8f2ff;
    border-radius: 9px;
    color: #1674ed;
    display: inline-flex;
    flex: 0 0 35px;
    height: 35px;
    justify-content: center;
    width: 35px;
}

.video-thumbnail-picker__icon .default-theme-icon {
    height: 18px;
    width: 18px;
}

.video-thumbnail-picker__copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.video-thumbnail-picker__copy strong {
    color: #203454;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-thumbnail-picker__copy small {
    color: #7185a1;
    font-size: 11px;
}

.video-thumbnail-picker__button {
    background: #1674ed;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-left: auto;
    padding: 9px 11px;
    white-space: nowrap;
}

.video-thumbnail-picker > input[type="file"] {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.video-thumbnail-picker + .field-error,
.video-thumbnail-picker ~ .field-error {
    margin-top: 8px;
}

.public-content-card__stat + .public-content-card__stat {
    border-left: 1px solid #e5edf5;
}

.public-content-card__stat .default-theme-icon {
    color: #40506a;
    height: 17px;
    width: 17px;
}

.default-theme-tag {
    background: var(--color-accent-soft);
    border-radius: var(--radius-sm);
    color: var(--color-accent-strong);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    padding: 6px 10px;
    text-decoration: none;
}

.default-theme-rank-1 {
    color: #d97706;
}

.default-theme-rank-2 {
    color: #64748b;
}

.default-theme-rank-3 {
    color: #b45309;
}

.default-theme-dropzone {
    background: var(--color-panel);
    border: 2px dashed var(--color-border-soft);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft-card);
}

.default-theme-form-input {
    background: #ffffff;
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    min-height: 46px;
    padding: 0 var(--space-4);
}

.default-theme-form-input:focus {
    border-color: var(--color-search-active-border);
    box-shadow: 0 0 0 4px rgba(109, 177, 246, .18);
    outline: none;
}

.brand {
    align-items: center;
    color: #212529;
    display: inline-flex;
    font-size: 19px;
    font-weight: 800;
    gap: 10px;
    text-decoration: none;
}

.brand-mark {
    align-items: center;
    background: #3882f9;
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.brand-logo {
    border-radius: 8px;
    display: block;
    height: 34px;
    object-fit: contain;
    width: 34px;
}

.site-header {
    align-items: center;
    background: #e9f5ff;
    border-bottom: 1px solid #cfe4f2;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 16px 24px;
}

.top-nav,
.auth-nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.nav-link,
.sidebar-link,
.sidebar-placeholder,
.button-link {
    border-radius: 8px;
    display: inline-flex;
    min-height: 38px;
    padding: 9px 12px;
    text-decoration: none;
}

.nav-link,
.sidebar-link {
    color: #40506a;
}

.nav-link[aria-current="page"],
.sidebar-link[aria-current="page"] {
    background: #dcedf5;
    color: #3882f9;
    font-weight: 800;
}

.button-link {
    background: #3882f9;
    color: #ffffff;
    font-weight: 800;
}

.inline-logout-form,
.sidebar-logout-form {
    margin: 0;
}

.logout-button {
    background: transparent;
    color: #40506a;
    font: inherit;
    text-align: left;
}

.auth-nav .logout-button {
    border-color: transparent;
    padding: 9px 12px;
}

.sidebar-logout-form .logout-button {
    width: 100%;
}

.shell {
    display: grid;
    grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
    min-height: 100vh;
}

.sidebar {
    background: #fafcfc;
    border-right: 1px solid #cfe4f2;
    padding: 24px 16px;
}

.sidebar .brand {
    margin-bottom: 24px;
}

.sidebar-section {
    display: grid;
    gap: 6px;
    margin-bottom: 18px;
}

.sidebar-heading {
    color: #647084;
    font-size: 12px;
    font-weight: 800;
    padding: 0 12px;
    text-transform: uppercase;
}

.sidebar-placeholder {
    color: #8a94a6;
}

.main,
.content-main {
    padding: 32px;
}

.public-main {
    margin: 0 auto;
    max-width: 1160px;
    padding: 28px 20px 48px;
}

.public-home-main {
    max-width: none;
    padding: 0;
}

.public-profile-main {
    max-width: none;
    padding: 0;
}

.public-create-main {
    max-width: none;
    padding: 0;
}

/* Prompt composer: keep the prompt flow on the shared public shell. */
.public-create-prompt-shell .public-home-main-column { align-content: start; justify-items: stretch; }
.public-create-prompt { box-sizing: border-box; margin: 0 auto; max-width: 1440px; min-width: 0; padding-bottom: 2rem; width: 100%; }
.prompt-create-header { align-items: center; background: linear-gradient(110deg, #f7fbff 0%, #edf6ff 58%, #e5f1ff 100%); border: 1px solid #d7e8fa; border-radius: 1rem; display: flex; justify-content: space-between; margin-bottom: 1.1rem; min-height: 9rem; overflow: hidden; padding: 1.35rem 1.6rem; position: relative; }
.prompt-create-header h1 { color: #12213d; font-size: clamp(1.8rem, 3vw, 2.45rem); letter-spacing: -.035em; margin: .35rem 0 .3rem; }
.prompt-create-header h1 span { color: #1974f5; font-size: .8em; }
.prompt-create-header p:not(.prompt-create-eyebrow) { color: #627896; font-size: .95rem; margin: 0; }
.prompt-create-header .back-link { color: #186be4; font-size: .78rem; font-weight: 800; text-decoration: none; }
.prompt-create-eyebrow { align-items: center; color: #1670e7; display: flex; font-size: .68rem; font-weight: 900; gap: .35rem; letter-spacing: .1em; margin: .75rem 0 0; }
.prompt-create-eyebrow .default-theme-icon { height: .8rem; width: .8rem; }
.prompt-create-header-art { align-items: center; color: #2c82f6; display: flex; gap: 1rem; margin-right: 2rem; opacity: .7; transform: rotate(-8deg); }
.prompt-create-header-art .default-theme-icon:first-child { background: #ffffffaa; border-radius: 1.2rem; box-shadow: 0 .8rem 1.8rem #8bb9ed66; height: 4rem; padding: 1rem; width: 4rem; }
.prompt-create-header-art .default-theme-icon:last-child { height: 1.5rem; width: 1.5rem; }
.prompt-create-form { display: grid; gap: 1rem; }
.prompt-create-layout { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) minmax(18rem, 27rem); }
.prompt-create-main, .prompt-create-sidebar { display: grid; gap: 1rem; min-width: 0; }
.prompt-create-card, .prompt-create-help-card { background: #fff; border: 1px solid #dfeaf6; border-radius: .9rem; box-shadow: 0 .35rem 1.2rem #2c6ca50b; min-width: 0; padding: 1.15rem 1.25rem; }
.prompt-create-card-heading { align-items: flex-start; display: flex; justify-content: space-between; margin-bottom: 1.1rem; }
.prompt-create-card-heading > div { align-items: flex-start; display: flex; gap: .7rem; }
.prompt-create-card-heading h2 { color: #172944; font-size: 1.05rem; letter-spacing: -.015em; margin: 0; }
.prompt-create-card-heading p { color: #71839c; font-size: .76rem; line-height: 1.45; margin: .25rem 0 0; }
.prompt-create-step { align-items: center; background: #eaf3ff; border-radius: .55rem; color: #146cde; display: inline-flex; flex: 0 0 auto; font-size: .7rem; font-weight: 900; height: 2rem; justify-content: center; width: 2rem; }
.prompt-create-step--blue { background: #e6f3ff; color: #087ce5; }.prompt-create-step--purple { background: #f0eaff; color: #7a4bdd; }.prompt-create-step--green { background: #e7f9ef; color: #159b5b; }.prompt-create-step--orange { background: #fff1e4; color: #df7619; }
.prompt-create-card-badge { background: #eef5ff; border-radius: 999px; color: #3974bf; font-size: .67rem; font-weight: 800; padding: .38rem .6rem; }
.prompt-create-field { color: #263b5c; display: grid; gap: .35rem; min-width: 0; }
.prompt-create-field > span { font-size: .78rem; font-weight: 800; }
.prompt-create-field > span b { color: #e24b5c; }.prompt-create-field > span em { color: #8091a8; font-size: .68rem; font-style: normal; font-weight: 500; margin-left: .25rem; }
.prompt-create-field > small { color: #71839b; font-size: .68rem; line-height: 1.4; }
.prompt-create-field input:not([type=file]), .prompt-create-field select, .prompt-create-field textarea { background: #fbfdff; border: 1px solid #cbdced; border-radius: .5rem; box-sizing: border-box; color: #1f3554; font: inherit; font-size: .8rem; min-height: 2.65rem; padding: .65rem .75rem; width: 100%; }
.prompt-create-field textarea { line-height: 1.55; min-height: 5.5rem; resize: vertical; }
.prompt-create-prompt-card textarea[name="prompt"] { background: #fafdff; border-color: #a9cff6; min-height: 13rem; }
.prompt-create-field input[type=file] { background: #f7fbff; border: 1px dashed #a7c9ec; border-radius: .5rem; color: #56708e; font-size: .75rem; padding: .7rem; width: 100%; }
.prompt-create-field input:focus, .prompt-create-field select:focus, .prompt-create-field textarea:focus { border-color: #3988f5; box-shadow: 0 0 0 3px #3988f51c; outline: 0; }
.prompt-create-field-grid { display: grid; gap: .9rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: .9rem; }
.prompt-create-field-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.prompt-create-field-grid + .prompt-create-field { margin-top: .1rem; }
.prompt-create-publish-card { background: linear-gradient(180deg, #fff 0%, #fbfdff 100%); }
.prompt-create-status-note { align-items: flex-start; background: #eef8f2; border: 1px solid #d6f0df; border-radius: .6rem; color: #17814d; display: flex; gap: .55rem; margin-top: 1rem; padding: .75rem; }
.prompt-create-status-note .default-theme-icon { flex: 0 0 auto; height: 1.1rem; width: 1.1rem; }.prompt-create-status-note span { display: grid; gap: .2rem; }.prompt-create-status-note strong { font-size: .76rem; }.prompt-create-status-note small { color: #548269; font-size: .68rem; line-height: 1.35; }
.prompt-create-help-card { align-items: flex-start; background: #eff7ff; border-color: #d6eaff; color: #2379e5; display: flex; gap: .7rem; }.prompt-create-help-card .default-theme-icon { flex: 0 0 auto; height: 1.3rem; width: 1.3rem; }.prompt-create-help-card strong { color: #1c5fb3; font-size: .8rem; }.prompt-create-help-card p { color: #627895; font-size: .72rem; line-height: 1.5; margin: .25rem 0 0; }
.prompt-create-actions { align-items: center; background: #fff; border: 1px solid #dfeaf6; border-radius: .85rem; display: flex; justify-content: flex-end; gap: .7rem; padding: .9rem 1rem; }.prompt-create-actions button, .prompt-create-actions a { align-items: center; border-radius: .5rem; display: inline-flex; font-size: .8rem; font-weight: 800; gap: .4rem; justify-content: center; min-height: 2.65rem; padding: 0 1rem; text-decoration: none; }.prompt-create-actions .button-secondary { background: #fff; border: 1px solid #cbdced; color: #365274; }.prompt-create-actions .button-primary { background: linear-gradient(135deg, #2879f4, #1768e7); border: 0; color: #fff; cursor: pointer; }.prompt-create-actions .default-theme-icon { height: 1rem; width: 1rem; }
@media (max-width: 980px) { .prompt-create-layout { grid-template-columns: 1fr; }.prompt-create-field-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }.prompt-create-header-art { margin-right: 0; } }
@media (max-width: 620px) { .prompt-create-header { align-items: flex-start; padding: 1rem; }.prompt-create-header-art { display: none; }.prompt-create-card { padding: 1rem; }.prompt-create-field-grid, .prompt-create-field-grid--three { grid-template-columns: 1fr; }.prompt-create-actions { justify-content: stretch; }.prompt-create-actions > * { flex: 1; } }

/* Article composer visual refresh, aligned with the prompt composer and public shell. */
.public-create-article-shell .public-home-main-column { align-content: start; justify-items: stretch; }
.public-create-article .article-editor-shell { margin-top: 1rem; }
.article-create-header { align-items: center; background: linear-gradient(110deg, #f7fbff 0%, #eef7ff 58%, #e5f1ff 100%); border: 1px solid #d7e8fa; border-radius: 1rem; margin-bottom: 1rem; min-height: 8.5rem; overflow: hidden; padding: 1.35rem 1.6rem; position: relative; }
.article-create-header h1 { color: #12213d; font-size: clamp(1.8rem, 3vw, 2.4rem); letter-spacing: -.035em; margin: .35rem 0 .3rem; }
.article-create-header h1 span { color: #1974f5; font-size: .8em; }.article-create-header > div:first-child > p:last-child { color: #627896; font-size: .95rem; margin: 0; }
.article-create-header .back-link { background: transparent; border: 0; color: #186be4; font-size: .78rem; min-height: 0; padding: 0; }
.article-create-eyebrow { align-items: center; color: #1670e7; display: flex; font-size: .68rem; font-weight: 900; gap: .35rem; letter-spacing: .1em; margin: .75rem 0 0; }.article-create-eyebrow .default-theme-icon { height: .8rem; width: .8rem; }
.article-create-header-art { align-items: center; color: #2c82f6; display: flex; gap: 1rem; margin-right: 2rem; opacity: .7; transform: rotate(-8deg); }.article-create-header-art .default-theme-icon:first-child { background: #ffffffaa; border-radius: 1.2rem; box-shadow: 0 .8rem 1.8rem #8bb9ed66; height: 4rem; padding: 1rem; width: 4rem; }.article-create-header-art .default-theme-icon:last-child { height: 1.5rem; width: 1.5rem; }
.public-create-article .article-composer-grid { gap: 1rem; grid-template-columns: minmax(0, 1fr) minmax(18rem, 27rem); }.public-create-article .article-composer-main, .public-create-article > .article-editor-shell .article-composer-sidebar { gap: 1rem; }
.public-create-article .article-composer-panel, .public-create-article .article-sidebar-panel { border: 1px solid #dfeaf6; border-radius: .9rem; box-shadow: 0 .35rem 1.2rem #2c6ca50b; gap: 1rem; padding: 1.2rem 1.25rem; }
.public-create-article .article-composer-panel h2, .public-create-article .article-sidebar-panel h2 { color: #172944; font-size: 1.05rem; letter-spacing: -.015em; }.public-create-article .article-panel-heading { align-items: flex-start; }.public-create-article .article-panel-heading .muted { color: #71839c; font-size: .76rem; }
.public-create-article .article-composer-panel > label, .public-create-article .article-sidebar-panel > label { color: #263b5c; display: grid; font-size: .78rem; font-weight: 800; gap: .35rem; }.public-create-article .article-composer-panel > label input, .public-create-article .article-composer-panel > label textarea, .public-create-article .article-sidebar-panel > label input, .public-create-article .article-sidebar-panel > label select, .public-create-article .article-sidebar-panel > select { background: #fbfdff; border: 1px solid #cbdced; border-radius: .5rem; box-sizing: border-box; color: #1f3554; font: inherit; font-size: .8rem; min-height: 2.65rem; padding: .65rem .75rem; width: 100%; }.public-create-article .article-composer-panel > label textarea { line-height: 1.55; resize: vertical; }.public-create-article .article-composer-panel > label input:focus, .public-create-article .article-composer-panel > label textarea:focus, .public-create-article .article-sidebar-panel > label input:focus, .public-create-article .article-sidebar-panel > label select:focus { border-color: #3988f5; box-shadow: 0 0 0 3px #3988f51c; outline: 0; }
.public-create-article .article-title-input { font-size: 1.15rem !important; font-weight: 700 !important; }.public-create-article .editor-toolbar { background: #f4f9ff; border-color: #cbdced; border-radius: .55rem .55rem 0 0; gap: .35rem; padding: .55rem; }.public-create-article .editor-toolbar button { background: #fff; border: 1px solid #d7e4f1; border-radius: .4rem; color: #365274; font-size: .73rem; min-width: 2.1rem; padding: .45rem .55rem; }.public-create-article .tiptap-editor-shell { border-color: #cbdced; border-radius: 0 0 .55rem .55rem; min-height: 25rem; padding: 1rem; }.public-create-article .tiptap-editor-content { color: #263b5c; font-size: .9rem; line-height: 1.7; }
.public-create-article .article-sidebar-panel p.muted, .public-create-article .article-sidebar-panel small { color: #71839b; font-size: .7rem; line-height: 1.45; }.public-create-article .cover-dropzone { background: #f7fbff; border: 1px dashed #a7c9ec; border-radius: .55rem; color: #56708e; padding: .8rem; }.public-create-article .cover-dropzone input { margin-top: .55rem; max-width: 100%; }.public-create-article .article-publish-actions { display: grid; gap: .55rem; }.public-create-article .article-publish-actions button, .public-create-article .article-publish-actions a { border-radius: .5rem; font-size: .78rem; font-weight: 800; min-height: 2.6rem; padding: .55rem .75rem; }.public-create-article .article-publish-actions button.primary-action { background: linear-gradient(135deg, #2879f4, #1768e7); border-color: #1768e7; color: #fff; }.public-create-article .article-publish-actions .button-secondary { justify-content: center; }
@media (max-width: 980px) { .article-create-header-art { margin-right: 0; }.public-create-article .article-composer-grid { grid-template-columns: 1fr; }.public-create-article > .article-editor-shell .article-composer-sidebar { position: static; } }
@media (max-width: 620px) { .article-create-header { align-items: flex-start; padding: 1rem; }.article-create-header-art { display: none; }.public-create-article .article-composer-panel, .public-create-article .article-sidebar-panel { padding: 1rem; }.public-create-article .editor-toolbar { overflow-x: auto; flex-wrap: nowrap; }.public-create-article .tiptap-editor-shell { min-height: 18rem; } }

/* Branded file pickers used by prompt thumbnails and article covers. */
.prompt-file-picker, .cover-dropzone { align-items: center; background: linear-gradient(135deg, #f8fcff, #eef7ff); border: 1px dashed #9fc8f2; border-radius: .7rem; color: #53708f; display: grid; gap: .45rem; grid-template-columns: auto 1fr auto; min-height: 5.3rem; padding: .8rem 1rem; position: relative; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.prompt-file-picker:hover, .cover-dropzone:hover, .prompt-file-picker.has-file, .cover-dropzone.has-file { background: linear-gradient(135deg, #f1f8ff, #e8f3ff); border-color: #3988f5; box-shadow: 0 0 0 3px #3988f51c; }
.prompt-file-picker > .default-theme-icon, .cover-dropzone > .default-theme-icon { background: #ddecff; border-radius: .55rem; color: #1672e9; height: 1.45rem; padding: .55rem; width: 1.45rem; }
.prompt-file-picker > div, .cover-dropzone > strong { display: grid; gap: .2rem; min-width: 0; }.prompt-file-picker strong, .cover-dropzone strong { color: #1e385a; font-size: .78rem; }.prompt-file-picker small, .cover-dropzone small { color: #7186a0; font-size: .66rem; font-weight: 500; }
.prompt-file-picker__button, .cover-dropzone__button { align-items: center; background: #2679f2; border: 1px solid #2679f2; border-radius: .45rem; color: #fff; cursor: pointer; display: inline-flex; font-size: .7rem; font-weight: 800; justify-content: center; min-height: 2.25rem; padding: 0 .8rem; transition: background .16s ease, transform .16s ease; }.prompt-file-picker__button:hover, .cover-dropzone__button:hover { background: #1264dc; transform: translateY(-1px); }
.prompt-file-picker input[type=file], .cover-dropzone input[type=file] { height: 1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; }.prompt-file-picker [data-styled-file-name], .cover-dropzone [data-styled-file-name] { color: #69819d; font-size: .65rem; grid-column: 2 / -1; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.prompt-file-picker.has-file [data-styled-file-name], .cover-dropzone.has-file [data-styled-file-name] { color: #187c4d; font-weight: 700; }
.public-create-article .cover-dropzone { align-items: center; display: grid; gap: .4rem; grid-template-columns: auto 1fr auto; padding: .85rem 1rem; }.public-create-article .cover-dropzone > small { grid-column: 2 / -1; }.public-create-article .cover-dropzone [data-styled-file-name] { grid-column: 2 / -1; }
@media (max-width: 620px) { .prompt-file-picker, .cover-dropzone { grid-template-columns: auto 1fr; }.prompt-file-picker__button, .cover-dropzone__button { grid-column: 2; justify-self: start; }.prompt-file-picker [data-styled-file-name], .cover-dropzone [data-styled-file-name] { grid-column: 2; } }

.public-home-shell {
    display: block;
    margin: 0;
    max-width: none;
    min-height: 100vh;
    padding: 0 0 var(--space-8) 0;
    width: 100%;
}

.public-home-main-column {
    display: grid;
    gap: var(--public-home-shell-gap);
    margin-left: calc(var(--public-sidebar-width) + var(--public-home-shell-gap));
    margin-right: calc(var(--public-home-right-width) + (var(--public-home-shell-gap) * 2));
    min-width: 0;
    padding-top: var(--public-home-content-start);
    transition: margin-left .18s ease, margin-right .18s ease;
}

.public-profile-shell .public-home-main-column {
    align-content: start;
    justify-items: stretch;
}

.public-create-image-shell .public-home-main-column {
    align-content: start;
    justify-items: stretch;
}

.public-create-video-shell .public-home-main-column {
    align-content: start;
    justify-items: stretch;
}

.public-create-article-shell .public-home-main-column {
    align-content: start;
    justify-items: stretch;
}

.public-create-image-shell .public-home-header-region,
.public-create-image-shell .image-upload-first,
.public-create-image-shell .public-create-image-details {
    box-sizing: border-box;
    width: 100%;
}

.public-create-video-shell .public-home-header-region,
.public-create-video-shell .public-create-video,
.public-create-video-shell .public-create-video-details {
    box-sizing: border-box;
    width: 100%;
}

.public-create-article-shell .public-home-header-region {
    box-sizing: border-box;
    width: 100%;
}

.public-create-article-shell .public-create-article {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1440px;
    min-width: 0;
    width: 100%;
}

.public-create-article .article-editor-shell,
.public-create-article .article-composer-main,
.public-create-article .article-content-panel,
.public-create-article .tiptap-editor-shell {
    min-width: 0;
}

.public-create-article .article-composer-sidebar {
    top: calc(var(--public-header-height) + var(--space-4));
}

.public-article-shell .public-home-main-column {
    align-content: start;
    justify-items: stretch;
}

.public-article-detail {
    display: grid;
    gap: var(--space-4);
    min-width: 0;
}

.public-article-detail__surface {
    background: #ffffff;
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft-card);
    min-width: 0;
    overflow: hidden;
    padding: clamp(24px, 4vw, 56px);
}

.public-article-reading-column {
    margin-inline: auto;
    max-width: 820px;
    min-width: 0;
    width: 100%;
}

.public-article-detail__header {
    display: grid;
    gap: var(--space-3);
    padding-bottom: var(--space-5);
}

.public-article-detail__category {
    color: var(--color-accent-strong);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.public-article-detail__header h1 {
    color: var(--color-text);
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.08;
    margin: 0;
    overflow-wrap: anywhere;
}

.public-article-detail__subtitle {
    color: #40506a;
    font-size: 21px;
    line-height: 1.5;
    margin: 0;
}

.public-article-detail__excerpt {
    color: var(--color-muted);
    font-size: 17px;
    line-height: 1.65;
    margin: 0;
}

.public-article-detail__meta {
    align-items: center;
    color: var(--color-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: var(--space-3);
}

.public-article-detail__meta span,
.public-article-detail__meta a {
    align-items: center;
    color: inherit;
    display: inline-flex;
    gap: var(--space-1);
    text-decoration: none;
}

.public-article-detail__cover {
    align-items: center;
    background: #eef6fb;
    border-radius: var(--radius-md);
    display: flex;
    justify-content: center;
    margin: 0 auto var(--space-6);
    max-width: 1080px;
    overflow: hidden;
}

.public-article-detail__cover img {
    display: block;
    max-height: 560px;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.public-article-detail__body {
    color: #26344b;
    font-size: 17px;
    line-height: 1.78;
    overflow-wrap: anywhere;
}

.public-article-detail__body > :first-child {
    margin-top: 0;
}

.public-article-detail__body > :last-child {
    margin-bottom: 0;
}

.public-article-detail__body h2,
.public-article-detail__body h3 {
    color: var(--color-text);
    line-height: 1.25;
    margin: 2em 0 .7em;
}

.public-article-detail__body h2 {
    font-size: 30px;
}

.public-article-detail__body h3 {
    font-size: 23px;
}

.public-article-detail__body p,
.public-article-detail__body ul,
.public-article-detail__body ol,
.public-article-detail__body blockquote,
.public-article-detail__body pre {
    margin: 0 0 1.4em;
}

.public-article-detail__body ul,
.public-article-detail__body ol {
    padding-left: 1.5em;
}

.public-article-detail__body blockquote {
    border-left: 4px solid var(--color-accent);
    color: #526071;
    margin-inline: 0;
    padding: .3em 0 .3em 1.2em;
}

.public-article-detail__body pre {
    background: #111827;
    border-radius: var(--radius-md);
    color: #eef6ff;
    max-width: 100%;
    overflow-x: auto;
    padding: var(--space-4);
    white-space: pre;
}

.public-article-detail__body :not(pre) > code {
    background: #eaf3fb;
    border-radius: 4px;
    color: #174f91;
    padding: .12em .35em;
}

.public-article-detail__body a {
    color: var(--color-accent-strong);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.public-article-detail__body a:focus-visible {
    border-radius: 3px;
    outline: 3px solid rgba(15, 111, 223, .28);
    outline-offset: 3px;
}

.public-article-detail__body hr {
    border: 0;
    border-top: 1px solid var(--color-border-soft);
    margin: var(--space-6) 0;
}

.public-article-detail__body img {
    height: auto;
    max-width: 100%;
}

.public-article-detail__body table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.public-article-detail__footer {
    border-top: 1px solid var(--color-border-soft);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
}

.public-article-detail > .comments-panel {
    margin: 0;
}

.public-article-stats {
    grid-template-columns: 1fr;
}

.public-article-mini-list .public-post-mini-item img {
    object-fit: cover;
}

.public-create-video-shell .public-create-video {
    margin: 0;
    max-width: none;
    min-width: 0;
}

.public-create-video-shell .public-create-video-details {
    min-width: 0;
}

.video-details-shell form {
    display: block;
}

.video-details-shell textarea {
    border: 1px solid #cbd3df;
    border-radius: 8px;
    padding: 10px;
    resize: vertical;
    width: 100%;
}

.video-safe-preview {
    min-width: 0;
}

.public-create-image-shell .public-create-image-details {
    min-width: 0;
}

.public-create-image-shell .image-upload-first {
    margin: 0;
    max-width: none;
}

.public-profile-shell .public-home-header-region,
.public-profile-shell .default-theme-filter-row,
.public-profile-shell .public-profile-tabs,
.public-profile-shell .public-profile-content,
.public-profile-shell .public-profile-hero {
    box-sizing: border-box;
    width: 100%;
}

.public-home-left,
.public-home-right {
    align-self: start;
    position: fixed;
    top: 0;
    z-index: 15;
}

.public-home-left {
    height: 100vh;
    left: 0;
    transition: transform .18s ease, width .18s ease;
    width: var(--public-sidebar-width);
}

.public-home-right {
    height: calc(100vh - var(--public-home-content-start));
    right: var(--public-home-shell-gap);
    top: var(--public-home-content-start);
    transition: transform .18s ease, width .18s ease;
    width: var(--public-home-right-width);
}

.public-home-right-stack {
    align-content: start;
    display: grid;
    gap: var(--space-3);
    justify-items: stretch;
}

.public-home-shell--left-collapsed .public-home-left {
    transform: translateX(-100%);
}

.public-home-shell--left-collapsed .public-home-main-column {
    margin-left: var(--public-home-shell-gap);
}

.public-home-shell--left-collapsed .default-theme-header {
    left: var(--public-home-shell-gap);
}

.public-home-shell--right-collapsed .public-home-right {
    transform: translateX(calc(100% + var(--public-home-shell-gap)));
}

.public-home-shell--right-collapsed .public-home-main-column {
    margin-right: var(--public-home-shell-gap);
}

.admin-shell {
    min-height: 100vh;
    width: 100%;
}

.admin-shell-left {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    transition: transform .18s ease, width .18s ease;
    width: 260px;
    z-index: 15;
}

.admin-shell-main {
    margin-left: calc(260px + var(--public-home-shell-gap));
    margin-right: var(--public-home-shell-gap);
    min-height: 100vh;
    min-width: 0;
    padding-top: var(--public-home-content-start);
    transition: margin-left .18s ease;
}

.admin-shell-content {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    padding-bottom: var(--space-8);
}

.admin-shell-content.content-main {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
}

.admin-shell--left-collapsed .admin-shell-left {
    transform: translateX(-100%);
}

.admin-shell--left-collapsed .admin-shell-main {
    margin-left: var(--public-home-shell-gap);
}

.admin-shell--left-collapsed .default-theme-header {
    left: var(--public-home-shell-gap);
}

.admin-sidebar {
    border-right: 0;
    gap: var(--space-2);
}

.admin-sidebar-nav {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
}

.admin-sidebar-group {
    display: grid;
    gap: var(--space-1);
    min-width: 0;
}

.admin-sidebar-group + .admin-sidebar-group {
    margin-top: var(--space-3);
}

.admin-sidebar-group-toggle,
.admin-sidebar-heading {
    align-items: center;
    color: var(--color-muted);
    display: flex;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    gap: var(--space-2);
    min-height: 30px;
    padding: 5px 12px;
    text-align: left;
    text-transform: uppercase;
}

.admin-sidebar-group-toggle {
    background: transparent;
    border: 0;
    cursor: pointer;
    justify-content: flex-start;
    width: 100%;
}

.admin-sidebar-group-toggle:hover,
.admin-sidebar-group-toggle:focus-visible {
    color: var(--color-accent-strong);
}

.admin-sidebar-group-icon {
    flex: 0 0 auto;
    height: 15px;
    width: 15px;
}

.admin-sidebar-group-chevron {
    height: 14px;
    margin-left: auto;
    transition: transform .18s ease;
    width: 14px;
}

.admin-sidebar-group.is-collapsed .admin-sidebar-group-chevron {
    transform: rotate(-90deg);
}

.admin-sidebar-group-items {
    display: grid;
    gap: var(--space-1);
    min-width: 0;
}

.admin-sidebar-group-items[hidden] {
    display: none;
}

.admin-sidebar-link {
    min-width: 0;
}

.admin-sidebar-link.is-disabled {
    color: #94a3b8;
    cursor: not-allowed;
    justify-content: flex-start;
}

.admin-sidebar-link.is-disabled small {
    font-size: 10px;
    margin-left: auto;
    text-transform: none;
}

.admin-header-logout-form {
    margin: 0;
}

.admin-header-search .default-theme-search {
    cursor: not-allowed;
}

.admin-header-search .default-theme-search-shell {
    opacity: .92;
}

.public-home-right-toggle {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-border-soft);
    border-radius: 999px;
    color: var(--color-muted);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 34px;
    justify-content: center;
    padding: 0;
    width: 34px;
}

.public-home-right-toggle:hover,
.public-home-right-toggle:focus {
    background: var(--color-panel-soft);
    color: var(--color-accent-strong);
    outline: none;
}

.public-home-shell--right-collapsed .public-home-right-toggle .default-theme-icon {
    transform: scaleX(-1);
}

.public-home-header-region {
    min-width: 0;
}

.public-home-nav-card {
    background: var(--color-sidebar-bg);
    border-radius: 0;
    box-shadow: 10px 0 30px rgba(206, 225, 249, .18);
    display: grid;
    gap: var(--space-2);
    height: 100vh;
    align-content: start;
    padding: var(--space-2) var(--space-4) var(--space-5);
}

.public-home-scrollable-sidebar {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.public-home-scrollable-sidebar::-webkit-scrollbar {
    display: none;
}

.public-home-nav-card .brand {
    min-height: 50px;
    margin-bottom: var(--space-3);
}

.public-sidebar-brand {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: var(--space-3);
    min-width: 0;
}

.public-sidebar-brand .brand {
    margin-bottom: 0;
    min-width: 0;
    flex: 1 1 auto;
}

.public-sidebar-beta-badge {
    flex: 0 0 auto;
    border: 1px solid #9fc8f7;
    border-radius: 4px;
    background: #eaf4ff;
    color: #1264c5;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
}

.public-sidebar-beta-info {
    align-items: center;
    display: inline-flex;
    height: 24px;
    min-height: 24px;
    justify-content: center;
    width: 24px;
    flex: 0 0 24px;
    place-items: center;
    border: 1px solid #a9c9ed;
    border-radius: 8px;
    background: #edf6ff;
    color: #1672df;
    cursor: pointer;
    padding: 0;
}

.public-sidebar-beta-info .default-theme-icon {
    height: 15px;
    width: 15px;
}

.public-sidebar-beta-info:hover {
    border-color: #3882f9;
    background: #e1f0ff;
    color: #1264c5;
}

.public-sidebar-beta-info:focus-visible {
    outline: 3px solid rgba(56, 130, 249, .3);
    outline-offset: 2px;
}

.beta-info-modal__panel {
    display: flex;
    flex-direction: column;
    width: min(92vw, 560px);
    max-height: min(86vh, 720px);
    overflow: hidden;
}

.beta-info-modal__eyebrow {
    display: inline-block;
    margin-bottom: 4px;
    color: #1264c5;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.beta-info-modal__intro,
.beta-info-modal__footer,
.beta-info-modal__sections p {
    color: #526179;
}

.beta-info-modal__acknowledgement,
.beta-info-modal__error {
    margin: 12px 0 0;
    border: 1px solid #f5c36a;
    border-radius: 8px;
    background: #fff8e8;
    color: #6b4510;
    padding: 10px 12px;
}

.beta-info-modal__error {
    border-color: #ef9a9a;
    background: #fff2f2;
    color: #9f1d1d;
}

.beta-info-modal__sections {
    display: grid;
    min-height: 0;
    gap: 12px;
    margin: 18px 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 4px;
    overflow-wrap: anywhere;
}

.beta-info-modal__sections section {
    border-top: 1px solid #dbe7f2;
    padding-top: 12px;
}

.beta-info-modal__sections h3,
.beta-info-modal__sections p {
    margin: 0;
}

.beta-info-modal__sections h3 {
    margin-bottom: 4px;
    font-size: 15px;
}

.beta-info-modal__release,
.beta-info-modal__entry {
    display: grid;
    gap: 8px;
}

.beta-info-modal__release-meta,
.beta-info-modal__entry-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: #66758c;
    font-size: 12px;
}

.beta-info-modal__version,
.beta-info-modal__badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.beta-info-modal__version,
.beta-info-modal__badge--type-info,
.beta-info-modal__badge--severity-normal {
    background: #e8f2ff;
    color: #155da8;
}

.beta-info-modal__badge--type-new {
    background: #e7f8ee;
    color: #157346;
}

.beta-info-modal__badge--type-fix,
.beta-info-modal__badge--severity-medium {
    background: #fff3dc;
    color: #8a5100;
}

.beta-info-modal__badge--severity-critical {
    background: #fee9e9;
    color: #a12727;
}

.beta-info-modal__entry {
    border: 1px solid #dbe7f2;
    border-radius: var(--radius-md);
    padding: 12px;
}

.beta-info-modal__entry h4,
.beta-info-modal__entry p {
    margin: 0;
}

.beta-info-modal__entry h4 {
    font-size: 14px;
}

@media (max-width: 600px) {
    .beta-info-modal__panel {
        width: min(94vw, 560px);
        max-height: 90vh;
    }
}

@media (prefers-reduced-motion: reduce) {
    .beta-info-modal,
    .beta-info-modal__panel {
        scroll-behavior: auto;
        transition: none;
    }
}

/* Reporter customer portal */
.reporter-portal,
.reporter-detail {
    margin: 0 auto;
    max-width: 1180px;
    padding: 26px 24px 64px;
}

.reporter-portal__header,
.reporter-detail__header {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin: 18px 0 24px;
}

.reporter-portal__header h1,
.reporter-detail__header h1 {
    color: var(--text-strong, #12203a);
    font-size: clamp(28px, 4vw, 42px);
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0;
}

.reporter-portal__header p:not(.reporter-portal__eyebrow),
.reporter-detail__header p {
    color: var(--text-muted, #66748e);
    margin: 9px 0 0;
}

.reporter-portal__eyebrow {
    color: var(--accent-blue, #1268e8);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .08em;
    margin: 0 0 7px;
    text-transform: uppercase;
}

.reporter-portal__cta,
.reporter-comment-form button,
.reporter-portal-empty .default-theme-button-primary {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    white-space: nowrap;
}

.reporter-portal-tabs {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle, #e3eaf3);
    display: flex;
    gap: 7px;
    overflow-x: auto;
    padding: 0 0 1px;
}

.reporter-portal-tabs a {
    border-bottom: 3px solid transparent;
    color: var(--text-muted, #66748e);
    font-size: 14px;
    font-weight: 700;
    padding: 13px 16px 11px;
    text-decoration: none;
    white-space: nowrap;
}

.reporter-portal-tabs a:hover,
.reporter-portal-tabs a.is-active {
    border-bottom-color: var(--accent-blue, #1268e8);
    color: var(--accent-blue, #1268e8);
}

.reporter-portal-toolbar {
    align-items: end;
    background: var(--surface-muted, #f7faff);
    border: 1px solid var(--border-subtle, #e3eaf3);
    border-radius: 12px;
    display: flex;
    gap: 12px;
    margin: 20px 0;
    padding: 14px;
}

.reporter-portal-toolbar > label:not(.reporter-portal-search) {
    display: grid;
    gap: 5px;
    min-width: 150px;
}

.reporter-portal-toolbar label > span {
    color: var(--text-muted, #66748e);
    font-size: 12px;
    font-weight: 700;
}

.reporter-portal-search {
    align-items: center;
    background: #fff;
    border: 1px solid var(--border-subtle, #dbe4f0);
    border-radius: 8px;
    display: flex;
    flex: 1 1 auto;
    gap: 8px;
    min-height: 42px;
    padding: 0 12px;
}

.reporter-portal-search .default-theme-icon {
    color: var(--text-muted, #66748e);
    flex: 0 0 auto;
    height: 17px;
    width: 17px;
}

.reporter-portal-search input,
.reporter-portal-toolbar select {
    background: #fff;
    border: 1px solid var(--border-subtle, #dbe4f0);
    border-radius: 8px;
    color: var(--text-strong, #12203a);
    min-height: 42px;
    padding: 9px 11px;
}

.reporter-portal-search input {
    border: 0;
    min-width: 0;
    outline: 0;
    padding-left: 0;
    width: 100%;
}

.reporter-portal-toolbar .default-theme-button-secondary {
    min-height: 42px;
    white-space: nowrap;
}

.reporter-portal-list {
    display: grid;
    gap: 12px;
}

.reporter-issue-card {
    background: #fff;
    border: 1px solid var(--border-subtle, #e1e9f3);
    border-radius: 12px;
    color: inherit;
    display: block;
    padding: 18px 20px;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.reporter-issue-card:hover,
.reporter-issue-card:focus-visible {
    border-color: #8db8ff;
    box-shadow: 0 7px 22px rgb(33 103 220 / 10%);
    outline: 0;
    transform: translateY(-1px);
}

.reporter-issue-card__topline,
.reporter-issue-card__footer,
.reporter-detail__badges {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.reporter-issue-key {
    color: var(--accent-blue, #1268e8);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.reporter-status,
.reporter-type {
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 750;
    padding: 5px 10px;
}

.reporter-status { background: #edf4ff; color: #145dc5; }
.reporter-status--waiting_for_reporter { background: #fff4dd; color: #9a6200; }
.reporter-status--resolved { background: #e8f8ee; color: #158047; }
.reporter-status--closed,
.reporter-status--rejected,
.reporter-status--duplicate { background: #eef1f5; color: #5f6d82; }
.reporter-type { background: #f1edff; color: #6347c9; }

.reporter-issue-card h2 {
    color: var(--text-strong, #12203a);
    font-size: 17px;
    line-height: 1.3;
    margin: 12px 0 5px;
}

.reporter-issue-card__meta,
.reporter-issue-card__summary,
.reporter-issue-card__footer {
    color: var(--text-muted, #66748e);
    font-size: 13px;
    margin: 0;
}

.reporter-issue-card__summary {
    margin-top: 13px;
}

.reporter-issue-card__footer {
    border-top: 1px solid #edf1f6;
    display: flex;
    gap: 14px;
    justify-content: flex-start;
    margin-top: 16px;
    padding-top: 13px;
}

.reporter-issue-card__footer > span {
    align-items: center;
    display: inline-flex;
    gap: 5px;
}

.reporter-issue-card__open {
    color: var(--accent-blue, #1268e8);
    font-weight: 750;
    margin-left: auto;
}

.reporter-issue-card__open .default-theme-icon,
.reporter-issue-card__footer .default-theme-icon {
    height: 15px;
    width: 15px;
}

.reporter-pagination {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-top: 22px;
}

.reporter-pagination a,
.reporter-pagination span {
    color: var(--text-muted, #66748e);
    font-size: 13px;
    font-weight: 700;
    padding: 8px 10px;
    text-decoration: none;
}

.reporter-pagination a:hover { color: var(--accent-blue, #1268e8); }
.reporter-pagination .is-disabled { opacity: .45; }

.reporter-portal-empty {
    align-items: center;
    background: #fff;
    border: 1px dashed #b9cee8;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 58px 24px;
    text-align: center;
}

.reporter-portal-empty__icon {
    align-items: center;
    background: #eaf3ff;
    border-radius: 50%;
    color: var(--accent-blue, #1268e8);
    display: inline-flex;
    height: 48px;
    justify-content: center;
    margin-bottom: 7px;
    width: 48px;
}

.reporter-portal-empty h2 { color: var(--text-strong, #12203a); font-size: 20px; margin: 0; }
.reporter-portal-empty p { color: var(--text-muted, #66748e); margin: 0 0 12px; }

.reporter-detail__header { align-items: end; }
.reporter-detail__header h1 { font-size: clamp(26px, 3.5vw, 38px); margin-top: 10px; }
.reporter-detail__header p { font-size: 13px; }
.reporter-detail__badges { justify-content: flex-end; }

.reporter-status-panel,
.reporter-waiting-panel {
    align-items: flex-start;
    background: #eef6ff;
    border: 1px solid #c8defb;
    border-radius: 11px;
    color: #17497f;
    display: flex;
    gap: 11px;
    margin-bottom: 20px;
    padding: 15px 17px;
}

.reporter-status-panel--waiting_for_reporter,
.reporter-waiting-panel { background: #fff8e9; border-color: #f1d797; color: #76500a; }
.reporter-status-panel--resolved { background: #edf9f1; border-color: #bfe7ca; color: #1a6d3d; }
.reporter-status-panel__icon { flex: 0 0 auto; }
.reporter-status-panel strong,
.reporter-waiting-panel strong { display: block; font-size: 14px; }
.reporter-status-panel p,
.reporter-waiting-panel p { margin: 4px 0 0; }

.reporter-detail__layout { align-items: start; display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr) 300px; }
.reporter-detail__main { display: grid; gap: 18px; min-width: 0; }
.reporter-detail__rail { display: grid; gap: 18px; min-width: 0; }
.reporter-panel { background: #fff; border: 1px solid var(--border-subtle, #e1e9f3); border-radius: 12px; padding: 20px; }
.reporter-panel > header { align-items: center; border-bottom: 1px solid #edf1f6; display: flex; justify-content: space-between; margin-bottom: 17px; padding-bottom: 13px; }
.reporter-panel h2 { color: var(--text-strong, #12203a); font-size: 18px; margin: 0; }
.reporter-panel > header > span { color: var(--text-muted, #66748e); font-size: 12px; }
.reporter-field-block + .reporter-field-block { border-top: 1px solid #edf1f6; margin-top: 17px; padding-top: 17px; }
.reporter-field-block h3 { color: var(--text-strong, #12203a); font-size: 13px; margin: 0 0 7px; }
.reporter-field-block p { color: #455572; line-height: 1.65; margin: 0; white-space: normal; }
.reporter-safe-details { border-top: 1px solid #edf1f6; display: grid; gap: 10px; margin: 20px 0 0; padding-top: 16px; }
.reporter-safe-details div { display: grid; gap: 4px; grid-template-columns: 90px minmax(0, 1fr); }
.reporter-safe-details dt { color: var(--text-muted, #66748e); font-size: 12px; font-weight: 750; }
.reporter-safe-details dd { color: #455572; font-size: 13px; margin: 0; overflow-wrap: anywhere; }
.reporter-attachments { display: grid; gap: 9px; list-style: none; margin: 0; padding: 0; }
.reporter-attachments li { align-items: center; background: #f7faff; border: 1px solid #e6edf6; border-radius: 8px; display: flex; gap: 9px; padding: 10px 11px; }
.reporter-attachments li .default-theme-icon { color: var(--accent-blue, #1268e8); height: 17px; width: 17px; }
.reporter-attachments li span { color: var(--text-strong, #12203a); font-size: 13px; font-weight: 700; }
.reporter-attachments li a { color: var(--accent-blue, #1268e8); font-size: 12px; margin-left: auto; }
.reporter-panel__empty, .reporter-readonly-note { color: var(--text-muted, #66748e); font-size: 13px; margin: 0; }
.reporter-comments { display: grid; gap: 13px; list-style: none; margin: 0; padding: 0; }
.reporter-comments li { background: #f7faff; border: 1px solid #e6edf6; border-radius: 9px; padding: 13px; }
.reporter-comment__meta { align-items: center; display: flex; gap: 10px; justify-content: space-between; }
.reporter-comment__meta strong { color: var(--accent-blue, #1268e8); font-size: 13px; }
.reporter-comment__meta time { color: var(--text-muted, #66748e); font-size: 12px; }
.reporter-comments li p { color: #455572; line-height: 1.55; margin: 8px 0 0; white-space: normal; }
.reporter-comment-form { border-top: 1px solid #edf1f6; display: grid; gap: 9px; margin-top: 18px; padding-top: 18px; }
.reporter-comment-form label { color: var(--text-strong, #12203a); font-size: 13px; font-weight: 750; }
.reporter-comment-form textarea { border: 1px solid #ccd9e9; border-radius: 8px; color: var(--text-strong, #12203a); min-height: 120px; padding: 11px; resize: vertical; width: 100%; }
.reporter-comment-form textarea:focus { border-color: #3981ed; box-shadow: 0 0 0 3px rgb(57 129 237 / 13%); outline: 0; }
.reporter-comment-form button { justify-content: center; justify-self: start; }
.reporter-form-error { color: #b52b2b; font-size: 12px; }
.reporter-summary dl { display: grid; gap: 13px; margin: 0; }
.reporter-summary dl div { border-bottom: 1px solid #edf1f6; display: flex; justify-content: space-between; padding-bottom: 11px; }
.reporter-summary dl div:last-child { border-bottom: 0; padding-bottom: 0; }
.reporter-summary dt { color: var(--text-muted, #66748e); font-size: 12px; }
.reporter-summary dd { color: var(--text-strong, #12203a); font-size: 13px; font-weight: 700; margin: 0; text-align: right; }
.reporter-activity ol { display: grid; gap: 17px; list-style: none; margin: 0; padding: 0; }
.reporter-activity li { display: grid; gap: 10px; grid-template-columns: 10px minmax(0, 1fr); }
.reporter-activity li + li { border-top: 1px solid #edf1f6; padding-top: 15px; }
.reporter-activity__dot { background: #3981ed; border-radius: 50%; height: 8px; margin-top: 5px; width: 8px; }
.reporter-activity strong { color: var(--text-strong, #12203a); display: block; font-size: 13px; }
.reporter-activity p { color: #455572; font-size: 12px; line-height: 1.45; margin: 4px 0; }
.reporter-activity time { color: var(--text-muted, #66748e); display: block; font-size: 11px; margin-top: 4px; }
.reporter-detail__back { justify-content: center; text-align: center; }
.reporter-detail__back.default-theme-button-secondary { background: #fff; border-color: #cfe0f3; color: #1268e8; }
.reporter-attachment-modal { align-items: center; display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 1200; }
.reporter-attachment-modal[hidden] { display: none; }
.reporter-attachment-modal__backdrop { background: rgb(12 31 62 / 48%); border: 0; inset: 0; position: absolute; }
.reporter-attachment-modal__dialog { background: #fff; border: 1px solid #dbe7f4; border-radius: 16px; box-shadow: 0 24px 80px rgb(18 48 91 / 22%); display: grid; gap: 16px; max-height: min(820px, 92vh); max-width: min(860px, 94vw); overflow: hidden; padding: 20px; position: relative; width: 100%; }
.reporter-attachment-modal__dialog header { align-items: flex-start; display: flex; justify-content: space-between; }
.reporter-attachment-modal__dialog h2 { color: #12203a; font-size: 20px; margin: 0; }
.reporter-attachment-modal__close { background: transparent; border: 0; color: #63758d; cursor: pointer; font-size: 26px; line-height: 1; }
.reporter-attachment-modal__content { align-items: center; background: #f4f8fd; border: 1px solid #e1eaf4; border-radius: 10px; display: flex; justify-content: center; min-height: 220px; overflow: auto; padding: 12px; }
.reporter-attachment-modal__content img { display: block; max-height: 66vh; max-width: 100%; object-fit: contain; }
.reporter-attachment-modal__content iframe { border: 0; height: 66vh; min-height: 360px; width: 100%; }
.reporter-attachment-modal__content p { color: #52627d; margin: 0; text-align: center; }
.reporter-attachment-modal__dialog footer { display: flex; justify-content: flex-end; }

@media (max-width: 900px) {
    .reporter-detail__layout { grid-template-columns: 1fr; }
    .reporter-detail__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reporter-detail__back { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .reporter-portal,
    .reporter-detail { padding: 18px 14px 42px; }
    .reporter-portal__header,
    .reporter-detail__header { flex-direction: column; gap: 15px; margin-bottom: 18px; }
    .reporter-portal__cta { justify-content: center; width: 100%; }
    .reporter-portal-toolbar { align-items: stretch; flex-direction: column; }
    .reporter-portal-toolbar > label:not(.reporter-portal-search) { min-width: 0; }
    .reporter-portal-toolbar .default-theme-button-secondary { justify-content: center; width: 100%; }
    .reporter-detail__badges { justify-content: flex-start; }
    .reporter-detail__rail { grid-template-columns: 1fr; }
    .reporter-issue-card { padding: 15px; }
    .reporter-issue-card__footer { align-items: flex-start; flex-wrap: wrap; }
    .reporter-issue-card__open { margin-left: 0; width: 100%; }
    .reporter-safe-details div { grid-template-columns: 1fr; }
    .reporter-attachments li { align-items: flex-start; flex-wrap: wrap; }
    .reporter-attachments li a { margin-left: 26px; width: calc(100% - 26px); }
    .reporter-comment-form button { width: 100%; }
}

/* Admin Issues workspace */
.admin-issues { max-width: 1480px; margin: 0 auto; padding: 24px; color: var(--color-text, #172033); }
.admin-issues__header, .admin-issues__section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.admin-issues__header h1, .admin-issues__section-heading h2, .admin-issues__panel h2 { margin: 0; }
.admin-issues__header p, .admin-issues__section-heading p, .admin-issues__eyebrow { color: #667085; margin: 6px 0 0; }
.admin-issues__eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.admin-issues__actions, .admin-issues__inline-form { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.admin-issues__button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border: 1px solid #d6deeb; border-radius: 8px; font-weight: 700; text-decoration: none; cursor: pointer; background: #fff; color: #17305b; }
.admin-issues__button--primary { color: #fff; background: #1268e8; border-color: #1268e8; }
.admin-issues__kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.admin-issues__kpi, .admin-issues__panel, .admin-issues__board { border: 1px solid #e1e7f0; border-radius: 12px; background: #fff; box-shadow: 0 4px 16px rgba(28, 47, 79, .04); }
.admin-issues__kpi { padding: 16px; display: grid; gap: 8px; } .admin-issues__kpi span { color: #667085; font-size: 13px; } .admin-issues__kpi strong { font-size: 26px; }
.admin-issues__board, .admin-issues__panel { padding: 20px; margin-bottom: 18px; }
.admin-issues__columns { display: grid; grid-template-columns: repeat(5, minmax(190px, 1fr)); gap: 12px; overflow-x: auto; }
.admin-issues__column { min-width: 190px; background: #f7f9fc; border: 1px solid #e5eaf2; border-radius: 10px; padding: 10px; } .admin-issues__column h3 { font-size: 14px; margin: 0 0 10px; } .admin-issues__column h3 span { color: #667085; font-weight: 400; }
.admin-issues__column-scroll { max-height: 620px; overflow-y: auto; display: grid; gap: 8px; }
.admin-issues__ticket { display: grid; gap: 5px; padding: 12px; border: 1px solid #e1e7f0; border-radius: 8px; background: #fff; color: inherit; text-decoration: none; } .admin-issues__ticket strong { color: #1268e8; font-size: 12px; } .admin-issues__ticket span { font-weight: 700; } .admin-issues__ticket small { color: #667085; }
.admin-issues__filters { display: grid; grid-template-columns: 2fr repeat(4, 1fr) auto auto auto; align-items: end; gap: 12px; } .admin-issues label { display: grid; gap: 6px; color: #475467; font-size: 12px; font-weight: 700; } .admin-issues input, .admin-issues select, .admin-issues textarea { width: 100%; box-sizing: border-box; border: 1px solid #d6deeb; border-radius: 8px; padding: 10px 11px; background: #fff; color: inherit; font: inherit; } .admin-issues textarea { resize: vertical; }
.admin-issues__checkbox { display: flex !important; align-items: center; grid-template-columns: auto 1fr; min-height: 40px; } .admin-issues__checkbox input { width: auto; }
.admin-issues__table-wrap { overflow-x: auto; } .admin-issues__table { width: 100%; border-collapse: collapse; min-width: 760px; } .admin-issues__table th, .admin-issues__table td { text-align: left; padding: 13px 10px; border-top: 1px solid #edf0f5; vertical-align: top; } .admin-issues__table th { color: #667085; font-size: 12px; } .admin-issues__table td a { display: grid; gap: 3px; color: inherit; text-decoration: none; } .admin-issues__table td a strong { color: #1268e8; }
.admin-issues__badge, .admin-issues__label { display: inline-flex; width: fit-content; padding: 4px 8px; border-radius: 999px; background: #eef2f7; color: #475467; font-size: 12px; font-weight: 700; } .admin-issues__badge--critical { color: #b42318; background: #fee4e2; } .admin-issues__badge--high { color: #b54708; background: #fff1d6; }
.admin-issues__detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; } .admin-issues__prose { white-space: normal; color: #344054; line-height: 1.65; } .admin-issues__field { margin-top: 20px; padding-top: 16px; border-top: 1px solid #edf0f5; } .admin-issues__field h3 { font-size: 14px; margin: 0 0 7px; } .admin-issues__rail .admin-issues__panel form { margin-top: 12px; } .admin-issues__rail .admin-issues__button { width: 100%; }
.admin-issues__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 13px; } .admin-issues__meta dt { color: #667085; } .admin-issues__meta dd { margin: 0; text-align: right; font-weight: 700; }
.admin-issues__comment { padding: 12px 0; border-top: 1px solid #edf0f5; } .admin-issues__comment strong { margin-right: 10px; } .admin-issues__comment time, .admin-issues__activity time { color: #667085; font-size: 12px; } .admin-issues__comment p { margin: 8px 0 0; white-space: pre-wrap; } .admin-issues__comment--internal { background: #fffaf0; padding: 12px; border-radius: 8px; }
.admin-issues__comment-form { margin-top: 14px; display: grid; gap: 10px; } .admin-issues__activity { display: grid; grid-template-columns: 150px 1fr auto; gap: 12px; padding: 11px 0; border-top: 1px solid #edf0f5; font-size: 13px; } .admin-issues__notice { padding: 12px 14px; margin-bottom: 18px; border: 1px solid #f2c94c; border-radius: 8px; background: #fff8df; color: #7a4b00; }
.admin-issues__settings-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: end; } .admin-issues__toggle { display: flex !important; grid-template-columns: none; align-items: center; gap: 8px; min-height: 40px; } .admin-issues__toggle input { width: auto; } .admin-issues__label-list { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0; } .admin-issues__label--red { color: #b42318; background: #fee4e2; } .admin-issues__label--green { color: #027a48; background: #d1fadf; } .admin-issues__label--amber { color: #b54708; background: #fff1d6; } .admin-issues__label--purple { color: #6941c6; background: #ebe9fe; }
.admin-issues__empty { color: #667085; padding: 18px 0; } .admin-issues__sort { display: flex !important; align-items: center; grid-template-columns: auto auto; gap: 8px; }
@media (max-width: 1100px) { .admin-issues__kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } .admin-issues__filters { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .admin-issues { padding: 14px; } .admin-issues__header { display: grid; } .admin-issues__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .admin-issues__filters, .admin-issues__settings-form, .admin-issues__detail-grid { grid-template-columns: 1fr; } .admin-issues__actions { width: 100%; } .admin-issues__actions .admin-issues__button { flex: 1; } .admin-issues__activity { grid-template-columns: 1fr; gap: 4px; } }

/* Issues MarkI.1 */
.public-issue-main {
    min-height: 100vh;
}

.public-issue-page,
.public-issue-success {
    max-width: none;
    margin: 0 auto;
    padding: 28px 20px 56px;
}

.public-issue-heading {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 22px;
}

.public-issue-heading__icon,
.public-issue-success__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    color: var(--color-primary, #146ef5);
    background: var(--color-primary-soft, #eaf3ff);
    border-radius: 14px;
}

.public-issue-heading__icon .default-theme-icon,
.public-issue-success__icon .default-theme-icon {
    width: 24px;
    height: 24px;
}

.public-issue-eyebrow {
    margin: 0 0 5px;
    color: var(--color-primary, #146ef5);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.public-issue-heading h1,
.public-issue-success h1 {
    margin: 0;
    color: var(--text-strong, #172238);
    font-size: clamp(1.8rem, 3vw, 2.55rem);
}

.public-issue-heading p:last-child,
.public-issue-success > p:not(.public-issue-eyebrow):not(.public-issue-success__note) {
    margin: 7px 0 0;
    color: var(--text-muted, #62718b);
}

.public-issue-form,
.public-issue-success {
    border: 1px solid var(--border-soft, #dfe8f2);
    border-radius: 18px;
    background: var(--surface, #fff);
    box-shadow: 0 14px 34px rgba(23, 34, 56, .06);
}

.public-issue-form {
    padding: 24px;
}

.public-issue-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.public-issue-field {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
}

.public-issue-field--wide {
    grid-column: 1 / -1;
}

.public-issue-field label {
    color: var(--text-strong, #172238);
    font-size: .88rem;
    font-weight: 700;
}

.public-issue-field label span {
    color: #d84a4a;
}

.public-issue-field input,
.public-issue-field select,
.public-issue-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--border-soft, #dfe8f2);
    border-radius: 10px;
    background: #fff;
    color: var(--text-strong, #172238);
    font: inherit;
    padding: 11px 12px;
}

.public-issue-field textarea {
    min-height: 108px;
    resize: vertical;
}

.public-issue-field input:focus,
.public-issue-field select:focus,
.public-issue-field textarea:focus {
    border-color: var(--color-primary, #146ef5);
    outline: 3px solid rgba(20, 110, 245, .14);
}

.public-issue-field small,
.public-issue-form__footer p,
.public-issue-success__note {
    color: var(--text-muted, #62718b);
    font-size: .8rem;
    line-height: 1.5;
}

.public-issue-field small {
    display: block;
}

.public-issue-field small:not(:only-child) {
    color: #b23c3c;
}

.public-issue-alert {
    margin-bottom: 18px;
    padding: 13px 15px;
    border-radius: 10px;
}

.public-issue-alert--error {
    border: 1px solid #f0b5b5;
    background: #fff3f3;
    color: #9d2e2e;
}

.public-issue-alert ul {
    margin: 7px 0 0;
    padding-left: 20px;
}

.public-issue-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 24px;
    padding-top: 19px;
    border-top: 1px solid var(--border-soft, #dfe8f2);
}

.public-issue-form__footer p {
    max-width: 560px;
    margin: 0;
}

.public-issue-submit,
.public-issue-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 9px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.public-issue-submit {
    border: 1px solid var(--color-primary, #146ef5);
    background: var(--color-primary, #146ef5);
    color: #fff;
}

.public-issue-secondary {
    border: 1px solid var(--border-soft, #dfe8f2);
    color: var(--color-primary, #146ef5);
    background: #fff;
}

.public-issue-success {
    max-width: 720px;
    margin-top: 44px;
    padding: 42px 28px;
    text-align: center;
}

.public-issue-success__icon {
    margin: 0 auto 15px;
    border-radius: 50%;
    color: #16835a;
    background: #e7f8ef;
}

.public-issue-key {
    display: inline-flex;
    margin: 22px auto 18px;
    padding: 12px 18px;
    border: 1px solid #cbdffd;
    border-radius: 10px;
    background: #f1f7ff;
    color: var(--color-primary, #146ef5);
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .06em;
}

.public-issue-success__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    text-align: left;
}

.public-issue-success__summary div {
    padding: 13px;
    border: 1px solid var(--border-soft, #dfe8f2);
    border-radius: 10px;
}

.public-issue-success__summary dt {
    color: var(--text-muted, #62718b);
    font-size: .74rem;
}

.public-issue-success__summary dd {
    margin: 5px 0 0;
    color: var(--text-strong, #172238);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.public-issue-success__note {
    max-width: 560px;
    margin: 20px auto 0;
}

.public-issue-success__actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
}

.beta-info-modal__section-action {
    display: inline-flex;
    margin-top: 9px;
    color: var(--color-primary, #146ef5);
    font-size: .84rem;
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 700px) {
    .public-issue-page,
    .public-issue-success {
        padding: 22px 14px 40px;
    }

    .public-issue-form {
        padding: 17px;
    }

    .public-issue-form__grid,
    .public-issue-success__summary {
        grid-template-columns: 1fr;
    }

    .public-issue-field--wide {
        grid-column: auto;
    }

    .public-issue-form__footer,
    .public-issue-success__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .public-issue-submit,
    .public-issue-secondary {
        width: 100%;
    }
}

body.has-open-modal {
    overflow: hidden;
}

/* Issues MarkI.1a reference parity */
.public-issue-page {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0 auto;
    padding: 28px 24px 64px;
    box-sizing: border-box;
}

.public-issue-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    color: var(--text-muted, #62718b);
    font-size: 14px;
    line-height: 1.4;
}

.public-issue-breadcrumb a {
    color: var(--text-muted, #62718b);
    text-decoration: none;
}

.public-issue-breadcrumb a:hover,
.public-issue-breadcrumb span[aria-current="page"] {
    color: var(--color-primary, #146ef5);
}

.public-issue-breadcrumb > span[aria-hidden="true"] {
    display: inline-flex;
    align-items: center;
    color: var(--color-primary, #146ef5);
}

.public-issue-breadcrumb .default-theme-icon {
    width: 15px;
    height: 15px;
}

.public-issue-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--border-soft, #dfe8f2);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(23, 34, 56, .06);
}

.public-issue-card__header {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 32px 36px 28px;
}

.public-issue-heading__icon {
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    border-radius: 16px;
    color: var(--color-primary, #146ef5);
    background: var(--color-primary-soft, #eaf3ff);
}

.public-issue-heading__icon .default-theme-icon {
    width: 35px;
    height: 35px;
}

.public-issue-card__header h1 {
    margin: 3px 0 7px;
    color: var(--text-strong, #172238);
    font-size: clamp(1.75rem, 3vw, 2.1rem);
    line-height: 1.2;
}

.public-issue-card__header p {
    margin: 0;
    color: var(--text-muted, #62718b);
    font-size: 1rem;
    line-height: 1.5;
}

.public-issue-form {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0 36px 34px;
}

.public-issue-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
}

.public-issue-field {
    min-width: 0;
    gap: 8px;
}

.public-issue-field label {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
}

.public-issue-required {
    color: #d33f4c !important;
}

.public-issue-optional {
    color: var(--text-muted, #62718b) !important;
    font-weight: 500;
}

.public-issue-field input,
.public-issue-field select,
.public-issue-field textarea {
    min-height: 50px;
    border-color: #cfdceb;
    border-radius: 9px;
    padding: 13px 14px;
    color: var(--text-strong, #172238);
    line-height: 1.4;
}

.public-issue-field textarea {
    min-height: 96px;
}

.public-issue-field--wide textarea[name="description"] {
    min-height: 150px;
}

.public-issue-field--wide textarea[name="steps_to_reproduce"] {
    min-height: 116px;
}

.public-issue-field input::placeholder,
.public-issue-field textarea::placeholder {
    color: #8090aa;
    opacity: 1;
}

.public-issue-input-with-icon,
.public-issue-select {
    position: relative;
    min-width: 0;
}

.public-issue-input-with-icon > span {
    position: absolute;
    top: 50%;
    left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #7890af;
    pointer-events: none;
    transform: translateY(-50%);
}

.public-issue-input-with-icon .default-theme-icon,
.public-issue-select__icon .default-theme-icon,
.public-issue-helper .default-theme-icon,
.public-issue-submit .default-theme-icon,
.public-issue-dropzone__choose .default-theme-icon {
    display: block;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
}

.public-issue-input-with-icon input {
    padding-left: 44px;
}

.public-issue-select select {
    appearance: auto;
    padding-left: 52px;
    padding-right: 40px;
}

.public-issue-select__icon {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: #ef5964;
    background: #fff0f1;
    pointer-events: none;
}

.public-issue-select--impact .public-issue-select__icon {
    color: #ee9d17;
    background: #fff6e5;
}

.public-issue-helper {
    display: inline-flex !important;
    align-items: flex-start;
    gap: 8px;
    margin: 1px 0 0;
    color: var(--text-muted, #62718b) !important;
    font-size: 13px !important;
    line-height: 1.45;
}

.public-issue-helper .default-theme-icon {
    width: 15px;
    height: 15px;
    margin-top: 1px;
    color: #7890af;
}

.public-issue-error {
    color: #b23c3c !important;
    font-size: 13px !important;
}

.public-issue-dropzone {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 13px;
    min-width: 0;
    padding: 14px;
    border: 1px dashed #b8cbe2;
    border-radius: 9px;
    background: #fbfdff;
    transition: border-color .15s ease, background-color .15s ease;
}

.public-issue-dropzone:focus-within,
.public-issue-dropzone.is-dragging {
    border-color: var(--color-primary, #146ef5);
    background: #f3f8ff;
}

.public-issue-dropzone__choose {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 8px;
    white-space: nowrap;
}

.public-issue-dropzone__or {
    color: var(--text-muted, #62718b);
    font-size: 14px;
}

.public-issue-dropzone > .public-issue-helper {
    flex: 1 1 100%;
}

.public-issue-dropzone--disabled {
    opacity: .65;
}

.public-issue-file-list {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.public-issue-file-list li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    padding: 6px 8px 6px 10px;
    border: 1px solid #dce6f1;
    border-radius: 7px;
    color: var(--text-strong, #172238);
    font-size: 13px;
}

.public-issue-file-list li span {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-issue-file-list button {
    border: 0;
    color: var(--color-primary, #146ef5);
    background: transparent;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}

.public-issue-privacy {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 28px;
    padding: 15px 16px;
    border: 1px solid #cfe0fb;
    border-radius: 9px;
    color: #24508f;
    background: #f1f6ff;
}

.public-issue-privacy__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 9px;
    color: var(--color-primary, #146ef5);
    background: #e0ecff;
}

.public-issue-privacy__icon .default-theme-icon {
    width: 21px;
    height: 21px;
}

.public-issue-privacy strong,
.public-issue-privacy span:not(.public-issue-privacy__icon) {
    display: block;
    line-height: 1.45;
}

.public-issue-privacy strong {
    font-size: 14px;
}

.public-issue-privacy div span {
    margin-top: 3px;
    color: #6b7d99;
    font-size: 13px;
}

.public-issue-form__footer {
    margin-top: 24px;
    padding-top: 22px;
}

.public-issue-submit,
.public-issue-secondary {
    min-height: 44px;
    gap: 8px;
    padding: 0 18px;
}

.public-issue-submit:disabled {
    cursor: wait;
    opacity: .72;
}

@media (max-width: 900px) {
    .public-issue-page {
        padding: 24px 18px 48px;
    }

    .public-issue-card__header,
    .public-issue-form {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (max-width: 700px) {
    .public-issue-page {
        padding: 20px 14px 40px;
    }

    .public-issue-card__header {
        gap: 14px;
        padding: 24px 18px 22px;
    }

    .public-issue-heading__icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
        border-radius: 13px;
    }

    .public-issue-heading__icon .default-theme-icon {
        width: 27px;
        height: 27px;
    }

    .public-issue-card__header h1 {
        margin-top: 0;
        font-size: 1.6rem;
    }

    .public-issue-card__header p {
        font-size: .92rem;
    }

    .public-issue-form {
        padding: 0 18px 24px;
    }

    .public-issue-form__grid,
    .public-issue-success__summary {
        grid-template-columns: 1fr;
    }

    .public-issue-field--wide {
        grid-column: auto;
    }

    .public-issue-form__footer,
    .public-issue-success__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .public-issue-submit,
    .public-issue-secondary {
        width: 100%;
    }
}

.public-home-sidebar-link {
    align-items: center;
    border-radius: var(--radius-md);
    color: #3a3845;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: var(--space-3);
    line-height: 1.25;
    min-height: 34px;
    padding: 8px 12px;
    text-decoration: none;
}

.public-home-sidebar-icon {
    color: currentColor;
    height: 15px;
    width: 15px;
}

.public-home-sidebar-link:hover {
    background: var(--color-panel-soft);
    color: var(--color-accent-strong);
}

.public-home-sidebar-link[aria-current="page"] {
    background: linear-gradient(90deg, var(--color-sidebar-active-start) 0%, var(--color-sidebar-active-end) 100%);
    color: var(--color-accent);
}

.public-nav-group {
    min-width: 0;
    width: 100%;
}

.public-nav-group__toggle {
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
}

.public-nav-group__toggle:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}

.public-nav-group--active > .public-nav-group__toggle,
.public-nav-group--expanded > .public-nav-group__toggle {
    color: var(--color-accent-strong);
}

.public-nav-group__chevron {
    flex: 0 0 auto;
    height: 14px;
    margin-left: auto;
    transition: transform .18s ease;
    width: 14px;
}

.public-nav-group:not(.public-nav-group--expanded) .public-nav-group__chevron {
    transform: rotate(-90deg);
}

.public-nav-group__children {
    display: grid;
    gap: var(--space-1);
    margin-top: var(--space-1);
    min-width: 0;
    padding-left: var(--space-4);
}

.public-nav-group__children[hidden] {
    display: none;
}

.public-nav-group__child {
    min-width: 0;
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .public-nav-group__chevron {
        transition: none;
    }
}

.public-home-hero {
    background:
        linear-gradient(90deg, rgba(8, 16, 38, .96) 0%, rgba(8, 16, 38, .78) 42%, rgba(8, 16, 38, .2) 100%),
        radial-gradient(circle at 78% 28%, rgba(255, 83, 197, .78), transparent 20%),
        radial-gradient(circle at 88% 76%, rgba(91, 67, 255, .8), transparent 26%),
        radial-gradient(circle at 62% 52%, rgba(27, 118, 255, .64), transparent 32%),
        linear-gradient(135deg, #071225 0%, #132f74 52%, #3b1798 100%);
    background-blend-mode: normal, screen, screen, screen, normal;
}

.public-home-content-grid {
    align-items: start;
    display: grid;
    gap: var(--space-4);
    grid-template-columns: repeat(auto-fill, minmax(240px, 300px));
    justify-content: start;
}

.public-home-card-group {
    display: grid;
    gap: var(--space-5);
    min-height: 280px;
}

.public-home-card-group.is-loading {
    opacity: .62;
    pointer-events: none;
}

.public-home-card-group[data-skeleton-enabled="1"].is-loading {
    opacity: 1;
    pointer-events: none;
}

.public-home-card-group[data-skeleton-enabled="1"] {
    position: relative;
}

.public-home-card-group[data-skeleton-enabled="1"] .public-home-skeleton {
    display: none;
}

.public-home-card-group[data-skeleton-enabled="1"].is-loading .public-home-content-grid[data-home-content-grid-list] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.public-home-card-group[data-skeleton-enabled="1"].is-loading .public-home-skeleton {
    display: grid;
    inset: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    visibility: visible;
}

.public-home-skeleton-card {
    min-width: 0;
}

.public-home-skeleton-card__media {
    aspect-ratio: 4 / 5;
    background: linear-gradient(135deg, #e5f0fb 0%, #f7fbff 48%, #dcecff 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: var(--space-4);
    position: relative;
}

.public-home-skeleton-card__stats {
    align-items: center;
    background: #ffffff;
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 52px;
    padding: 0 var(--space-4);
}

.public-home-skeleton-card__line,
.public-home-skeleton-card__stats span {
    background: rgba(139, 178, 222, .36);
    border-radius: 999px;
    display: block;
}

.public-home-skeleton-card__line--badge {
    height: 20px;
    margin-bottom: auto;
    width: 64px;
}

.public-home-skeleton-card__line--title {
    height: 13px;
    width: 78%;
}

.public-home-skeleton-card__line--meta {
    height: 10px;
    margin-top: 9px;
    width: 52%;
}

.public-home-skeleton-card__stats span {
    height: 11px;
    justify-self: center;
    width: 52%;
}

@media (prefers-reduced-motion: no-preference) {
    body[data-performance-shimmer="1"] .public-home-card-group[data-skeleton-enabled="1"].is-loading .public-home-skeleton-card__media,
    body[data-performance-shimmer="1"] .public-home-card-group[data-skeleton-enabled="1"].is-loading .public-home-skeleton-card__line,
    body[data-performance-shimmer="1"] .public-home-card-group[data-skeleton-enabled="1"].is-loading .public-home-skeleton-card__stats span {
        animation: public-home-skeleton-shimmer 1.35s ease-in-out infinite;
        background: linear-gradient(110deg, rgba(139, 178, 222, .26) 25%, rgba(255, 255, 255, .75) 45%, rgba(139, 178, 222, .26) 65%);
        background-size: 220% 100%;
    }
}

@keyframes public-home-skeleton-shimmer {
    from { background-position: 120% 0; }
    to { background-position: -120% 0; }
}

.public-creators-content-region,
[data-creators-content-region] {
    position: relative;
}

[data-creators-content-region].has-skeleton-loading > *:not([data-creators-skeleton]) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

[data-creators-skeleton] {
    display: none;
}

[data-creators-content-region].has-skeleton-loading [data-creators-skeleton] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    inset: 0;
    position: absolute;
}

.public-creators-skeleton__card {
    background: #fff;
    border: 1px solid #dce8f7;
    border-radius: 16px;
    min-height: 305px;
    overflow: hidden;
    padding-bottom: 18px;
}

.public-creators-skeleton__banner,
.public-creators-skeleton__avatar,
.public-creators-skeleton__line {
    background: #dcecff;
    display: block;
}

.public-creators-skeleton__banner { aspect-ratio: 3.6 / 1; }
.public-creators-skeleton__avatar { border: 5px solid #fff; border-radius: 50%; height: 62px; margin: -31px 0 14px 18px; position: relative; width: 62px; }
.public-creators-skeleton__line { border-radius: 999px; height: 11px; margin: 10px 18px 0; width: 68%; }
.public-creators-skeleton__line--title { height: 15px; width: 52%; }
.public-creators-skeleton__line--copy { margin-top: 22px; width: 82%; }

@media (max-width: 900px) {
    [data-creators-content-region].has-skeleton-loading [data-creators-skeleton] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    [data-creators-content-region].has-skeleton-loading [data-creators-skeleton] { grid-template-columns: minmax(0, 1fr); }
}

.account-settings-skeleton {
    display: grid;
    gap: 16px;
    margin-top: 16px;
}

.account-settings-skeleton[hidden] { display: none; }
.account-settings-skeleton__heading,
.account-settings-skeleton__tabs,
.account-settings-skeleton__card { background: #e0edfb; border-radius: 16px; display: block; }
.account-settings-skeleton__heading { height: 78px; width: 58%; }
.account-settings-skeleton__tabs { height: 54px; width: 100%; }
.account-settings-skeleton__card { min-height: 280px; width: 100%; }
.account-settings-skeleton__card--short { min-height: 130px; }

.public-post-detail-skeleton {
    display: none;
}

.public-post-detail-skeleton__back,
.public-post-detail-skeleton__media,
.public-post-detail-skeleton__line,
.public-post-detail-skeleton__panel {
    background: #e0edfb;
    border-radius: 12px;
    display: block;
}

.public-post-detail-skeleton__back { height: 14px; margin-bottom: 18px; width: 120px; }
.public-post-detail-skeleton__layout { display: grid; gap: 20px; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr); }
.public-post-detail-skeleton__media { aspect-ratio: 4 / 3; min-height: 280px; }
.public-post-detail-skeleton__copy { display: grid; align-content: start; gap: 14px; }
.public-post-detail-skeleton__line { height: 13px; width: 88%; }
.public-post-detail-skeleton__line--title { height: 28px; width: 76%; }
.public-post-detail-skeleton__line--meta { width: 42%; }
.public-post-detail-skeleton__line--short { width: 58%; }
.public-post-detail-skeleton__panel { height: 170px; margin-top: 14px; }

html.mobile-navigation-loading body[data-performance-skeleton="1"] .public-post-detail [data-post-detail-skeleton],
html.mobile-navigation-loading body[data-performance-skeleton="1"] .public-article-detail [data-post-detail-skeleton],
body[data-performance-skeleton="1"] .public-post-detail.has-media-loading [data-post-detail-skeleton],
body[data-performance-skeleton="1"] .public-article-detail.has-media-loading [data-post-detail-skeleton] {
    display: block;
}

html.mobile-navigation-loading body[data-performance-skeleton="1"] .public-post-detail > :not([data-post-detail-skeleton]),
html.mobile-navigation-loading body[data-performance-skeleton="1"] .public-article-detail > :not([data-post-detail-skeleton]),
body[data-performance-skeleton="1"] .public-post-detail.has-media-loading > :not([data-post-detail-skeleton]),
body[data-performance-skeleton="1"] .public-article-detail.has-media-loading > :not([data-post-detail-skeleton]) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

@media (max-width: 760px) {
    .public-post-detail-skeleton__layout { grid-template-columns: minmax(0, 1fr); }
    .public-post-detail-skeleton__media { min-height: 220px; }
}

@media (prefers-reduced-motion: no-preference) {
    body[data-performance-shimmer="1"] .public-post-detail-skeleton__back,
    body[data-performance-shimmer="1"] .public-post-detail-skeleton__media,
    body[data-performance-shimmer="1"] .public-post-detail-skeleton__line,
    body[data-performance-shimmer="1"] .public-post-detail-skeleton__panel {
        animation: public-home-skeleton-shimmer 1.35s ease-in-out infinite;
        background: linear-gradient(110deg, rgba(139, 178, 222, .26) 25%, rgba(255, 255, 255, .75) 45%, rgba(139, 178, 222, .26) 65%);
        background-size: 220% 100%;
    }
}

@media (prefers-reduced-motion: no-preference) {
    body[data-performance-shimmer="1"] [data-creators-content-region].has-skeleton-loading [data-creators-skeleton] *,
    body[data-performance-shimmer="1"] .account-settings-skeleton.is-loading > * {
        animation: public-home-skeleton-shimmer 1.35s ease-in-out infinite;
        background: linear-gradient(110deg, rgba(139, 178, 222, .26) 25%, rgba(255, 255, 255, .75) 45%, rgba(139, 178, 222, .26) 65%);
        background-size: 220% 100%;
    }
}

.public-home-card-group .empty-state {
    align-items: center;
    min-height: 90px;
}

.public-explore-tip {
    color: var(--color-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.public-listing-heading {
    display: grid;
    gap: var(--space-2);
}

.public-listing-heading h1 {
    color: var(--color-text);
    font-size: 32px;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

.public-listing-heading p {
    color: var(--color-muted);
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

.explore-secondary-filter {
    background: #ffffff;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-lg);
    padding: var(--space-3);
}

.explore-secondary-filter__form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

.explore-secondary-filter__label {
    display: inline-flex;
    min-width: min(180px, 100%);
}

.explore-secondary-filter__select-shell {
    align-items: center;
    display: inline-flex;
    position: relative;
    width: 100%;
}

.explore-secondary-filter__reset {
    margin-left: auto;
}

.public-listing-filter__search-label {
    flex: 1 1 260px;
}

.public-listing-filter__search {
    padding-inline: var(--space-4);
    width: 100%;
}

.explore-secondary-filter__control,
.explore-secondary-filter__button,
.explore-secondary-filter__reset {
    align-items: center;
    background: #ffffff;
    border: 1px solid #b7dcef;
    border-radius: var(--radius-md);
    color: #1d2b45;
    display: inline-flex;
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 700;
    min-height: 38px;
    padding: 0 var(--space-4);
    text-decoration: none;
}

.explore-secondary-filter__control {
    appearance: none;
    line-height: 1;
    padding-inline: 42px;
    width: 100%;
}

.explore-secondary-filter__button,
.explore-secondary-filter__reset {
    cursor: pointer;
    justify-content: center;
}

.explore-secondary-filter__button:hover,
.explore-secondary-filter__button:focus,
.explore-secondary-filter__reset:hover,
.explore-secondary-filter__reset:focus,
.explore-secondary-filter__control:focus {
    border-color: var(--color-accent);
    outline: none;
}

.explore-secondary-filter__selected-icon,
.explore-secondary-filter__chevron {
    align-items: center;
    display: inline-flex;
    height: 18px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    z-index: 1;
}

.explore-secondary-filter__selected-icon {
    left: 14px;
    right: auto;
}

.explore-secondary-filter__chevron {
    color: #6b7b91;
}

.explore-secondary-filter__selected-icon .default-theme-icon,
.explore-secondary-filter__chevron {
    display: block;
    flex: 0 0 auto;
    height: 15px;
    vertical-align: middle;
    width: 15px;
}

.public-listing-card-group {
    min-height: 280px;
}

.public-listing-empty-action {
    align-items: center;
    border: 1px solid var(--color-accent);
    border-radius: var(--radius-md);
    color: var(--color-accent-strong);
    display: inline-flex;
    justify-content: center;
    justify-self: center;
    min-height: 40px;
    padding: 0 var(--space-4);
    text-decoration: none;
}

.public-listing-empty-action:hover,
.public-listing-empty-action:focus-visible {
    background: var(--color-accent-soft);
}

.is-sort-trending {
    color: #ef4444;
}

.is-sort-latest {
    color: #2f80ed;
}

.is-sort-new {
    color: #8b5cf6;
}

.is-sort-liked {
    color: #22a163;
}

.is-sort-viewed {
    color: #7c3aed;
}

.is-sort-commented {
    color: #0ea5e9;
}

.public-post-detail-main .public-home-main-column {
    gap: var(--space-4);
}

.public-post-detail {
    display: grid;
    gap: var(--space-4);
}

.public-post-detail__back {
    align-items: center;
    color: #26384f;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: var(--space-2);
    text-decoration: none;
}

.public-post-media,
.public-post-section,
.public-post-detail .comments-panel,
.public-post-related-grid {
    background: #ffffff;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft-card);
    padding: var(--space-4);
}

.public-post-detail__creator-row {
    align-items: center;
    display: flex;
    gap: var(--space-3);
}

.public-post-detail__avatar {
    align-items: center;
    background: linear-gradient(135deg, #e0f2fe, #bfdbfe);
    border: 1px solid #b7dcef;
    border-radius: 999px;
    color: #0f5fb8;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.public-post-detail__creator-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.public-post-detail__creator-name {
    color: #182235;
    font-weight: 800;
}

.public-post-detail__creator-meta {
    align-items: center;
    color: #65738a;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: var(--space-2);
}

.public-post-detail__badge {
    align-items: center;
    background: #e7f1ff;
    border: 1px solid rgba(15, 103, 216, .14);
    border-radius: 8px;
    box-sizing: border-box;
    color: #0f67d8;
    display: flex;
    font-size: 11px;
    font-weight: 800;
    gap: 5px;
    height: 28px;
    justify-content: flex-start;
    left: 14px;
    padding: 3px 9px;
    position: absolute;
    width: 132px;
    z-index: 4;
}

.public-post-detail__badge--featured {
    background: linear-gradient(135deg, #fff4c7, #ffe49a);
    box-shadow: 0 7px 18px rgba(198, 139, 19, .16);
    color: #8a5a00;
    top: 14px;
}
.public-post-detail__badge--pinned { background:#e8f1ff; color:#1d4ed8; border-color:#c9ddff; top: 48px; }

.public-content-card__pinned {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 9px;
    border: 1px solid rgba(37, 99, 235, .18);
    border-radius: 999px;
    background: rgba(239, 246, 255, .96);
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 5px 14px rgba(30, 64, 175, .14);
}

.public-content-card__labels .public-content-card__badge,
.public-content-card__labels .public-content-card__featured,
.public-content-card__labels .public-content-card__pinned {
    position: static;
}

.public-post-detail__badge--featured .default-theme-icon {
    height: 14px;
    width: 14px;
}

.public-post-media,
.prompt-detail-hero__media,
.public-article-detail__surface {
    position: relative;
}

.public-post-detail__badge .default-theme-icon {
    flex: 0 0 14px;
    height: 14px;
    width: 14px;
}

.public-post-collections-groups {
    display: grid;
    gap: var(--space-4);
}

.public-post-collections-group {
    display: grid;
    gap: var(--space-2);
}

.public-post-collections-group + .public-post-collections-group {
    border-top: 1px solid #e3edf6;
    padding-top: var(--space-3);
}

.public-post-collections-group h3 {
    color: #526a88;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    margin: 0;
    text-transform: uppercase;
}

.public-post-collection-list {
    display: grid;
    gap: 8px;
}

.public-post-collection-item {
    align-items: center;
    background: #f6faff;
    border: 1px solid #e1edf8;
    border-radius: 12px;
    color: inherit;
    display: grid;
    gap: 9px;
    grid-template-columns: 42px minmax(0, 1fr) 15px;
    padding: 8px;
    text-decoration: none;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.public-post-collection-item:hover {
    border-color: #8bbdff;
    box-shadow: 0 8px 20px rgba(53, 123, 225, .1);
    transform: translateY(-1px);
}

.public-post-collection-item__cover {
    align-items: center;
    background: linear-gradient(135deg, #dcecff, #f5f8ff);
    border-radius: 9px;
    color: #2b77e7;
    display: flex;
    height: 42px;
    justify-content: center;
    overflow: hidden;
    width: 42px;
}

.public-post-collection-item__cover img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.public-post-collection-item__copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.public-post-collection-item__copy strong,
.public-post-collection-item__copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-post-collection-item__copy strong {
    color: #17325a;
    font-size: 12px;
}

.public-post-collection-item__copy small {
    color: #7286a1;
    font-size: 11px;
}

.public-post-collection-item > .default-theme-icon {
    color: #6d89aa;
    height: 14px;
    width: 14px;
}

/* Keep collection cards flush with the full sidebar content width. */
.public-post-collections-card,
.public-post-collections-card .default-theme-right-card-body,
.public-post-collections-card .public-post-collections-groups,
.public-post-collections-card .public-post-collections-group,
.public-post-collections-card .public-post-collection-list,
.public-post-collections-card .public-post-collection-item {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
}

.public-post-collections-card .public-post-collection-item {
    max-width: none;
}

.public-post-detail__follow,
.public-post-detail__more {
    margin-left: auto;
}

.public-post-detail__follow,
.public-post-detail__more,
.public-post-action {
    align-items: center;
    background: #ffffff;
    border: 1px solid #b7dcef;
    border-radius: var(--radius-md);
    color: #0f5fb8;
    display: inline-flex;
    font-weight: 800;
    gap: var(--space-2);
    justify-content: center;
    min-height: 38px;
    padding: 0 var(--space-3);
    text-decoration: none;
}

.public-post-detail__more {
    color: #64748b;
    padding-inline: 10px;
}

.public-post-detail__description,
.public-post-detail__caption {
    background: #f4f8fd;
    border: 1px solid #dce9f7;
    border-radius: 12px;
    color: #42516a;
    line-height: 1.6;
    margin: 0;
    padding: 15px 18px;
}

.public-post-detail__tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.public-post-media {
    display: grid;
    gap: var(--space-3);
}

.public-post-media__viewer {
    align-items: center;
    background: #ffffff;
    border-radius: var(--radius-lg);
    display: flex;
    justify-content: center;
    min-height: 360px;
    overflow: hidden;
    position: relative;
}

.public-post-media__trigger {
    align-items: center;
    align-self: stretch;
    background: #ffffff;
    border: 0;
    cursor: zoom-in;
    display: flex;
    justify-content: center;
    min-height: 360px;
    padding: 0;
    width: 100%;
}

.public-post-media__image {
    display: block;
    height: auto;
    max-height: 680px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    width: auto;
}

.public-video-detail__header {
    display: grid;
    gap: var(--space-2);
}

.public-video-detail__header h1 {
    color: #17233a;
    font-size: 30px;
    line-height: 1.15;
    margin: 0;
}

.public-video-media__viewer {
    aspect-ratio: 16 / 9;
    background: #080b12;
    min-height: 220px;
}

.public-video-player__poster {
    background: transparent;
    border: 0;
    cursor: pointer;
    inset: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.public-video-player__poster img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.public-video-player__fallback {
    align-items: center;
    background: radial-gradient(circle at center, #17243a, #080b12 68%);
    color: #7b8aa3;
    display: flex;
    inset: 0;
    justify-content: center;
    position: absolute;
}

.public-video-player__fallback .default-theme-icon {
    height: 58px;
    width: 58px;
}

.public-video-player__play {
    align-items: center;
    background: rgba(15, 111, 223, .94);
    border: 4px solid rgba(255, 255, 255, .9);
    border-radius: 999px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .35);
    color: #ffffff;
    display: flex;
    height: 72px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: background .16s ease, transform .16s ease;
    width: 72px;
}

.public-video-player__poster:hover .public-video-player__play,
.public-video-player__poster:focus-visible .public-video-player__play {
    background: #0b5dbb;
    transform: translate(-50%, -50%) scale(1.05);
}

.public-video-player__play .default-theme-icon {
    fill: currentColor;
    height: 30px;
    margin-left: 3px;
    width: 30px;
}

.public-video-player__video {
    display: block;
    height: 100%;
    inset: 0;
    object-fit: contain;
    opacity: 0;
    position: absolute;
    transition: opacity .16s ease;
    width: 100%;
    z-index: 1;
}

.public-video-player.is-active .public-video-player__video {
    opacity: 1;
}

.public-video-player.is-active .public-video-player__poster {
    display: none;
}

.public-video-player__loading,
.public-video-player__error {
    background: rgba(8, 11, 18, .88);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: var(--radius-md);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: var(--space-2) var(--space-3);
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}

.public-video-player__loading[hidden],
.public-video-player__error[hidden] {
    display: none;
}

.public-post-media__arrow {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    border: 0;
    border-radius: 999px;
    color: #172036;
    display: inline-flex;
    font-size: 32px;
    height: 42px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    z-index: 2;
}

.public-post-media__arrow:disabled {
    color: #94a3b8;
    cursor: not-allowed;
    opacity: .55;
}

.public-post-media__arrow:not(:disabled):hover,
.public-post-media__arrow:not(:disabled):focus-visible {
    background: #ffffff;
    box-shadow: var(--shadow-soft-card);
    color: #0f6fdf;
}

.public-post-media__arrow-left {
    left: var(--space-3);
}

.public-post-media__arrow-right {
    right: var(--space-3);
}

.public-post-media__toolbar {
    align-items: center;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(183, 220, 239, .9);
    border-radius: 999px;
    bottom: var(--space-4);
    box-shadow: var(--shadow-soft-card);
    display: inline-flex;
    gap: var(--space-2);
    left: 50%;
    opacity: 0;
    padding: var(--space-2);
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%) translateY(6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
    visibility: hidden;
    z-index: 2;
}

.public-post-media__viewer:hover .public-post-media__toolbar,
.public-post-media__viewer:focus-within .public-post-media__toolbar {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%);
    visibility: visible;
}

.public-post-media__toolbar a,
.public-post-media__toolbar button {
    align-items: center;
    border-radius: 999px;
    color: #1d2b45;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.public-post-media__toolbar button {
    background: transparent;
    border: 0;
    padding: 0;
}

.public-post-media__toolbar a:hover,
.public-post-media__toolbar button:not(:disabled):hover,
.public-post-media__toolbar a:focus-visible,
.public-post-media__toolbar button:focus-visible {
    background: #eaf4ff;
    color: #0f6fdf;
}

.public-post-media__toolbar button:disabled {
    color: #94a3b8;
    cursor: not-allowed;
}

.public-post-media__thumbs {
    display: flex;
    gap: var(--space-2);
    overflow-x: auto;
    padding: 2px 2px var(--space-1);
    scrollbar-width: thin;
}

.public-post-media__thumb {
    background: #ffffff;
    border: 2px solid #d8e8f3;
    border-radius: var(--radius-md);
    cursor: pointer;
    flex: 0 0 96px;
    overflow: hidden;
    padding: 3px;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.public-post-media__thumb:hover,
.public-post-media__thumb:focus-visible {
    border-color: #8ac6ee;
    box-shadow: 0 10px 24px rgba(15, 111, 223, .12);
}

.public-post-media__thumb.is-active {
    border-color: #0f6fdf;
    box-shadow: 0 0 0 2px rgba(15, 111, 223, .12);
}

.public-post-media__thumb img {
    aspect-ratio: 1.18;
    border-radius: calc(var(--radius-md) - 4px);
    display: block;
    object-fit: cover;
    width: 100%;
}

.public-post-section {
    display: grid;
    gap: var(--space-3);
}

.public-post-section h2,
.public-post-detail .comments-heading h2 {
    color: #182235;
    font-size: 18px;
    margin: 0;
}

.public-post-detail-grid {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.public-post-detail-card {
    background: #f8fbff;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-md);
    display: grid;
    gap: 5px;
    padding: var(--space-3);
}

.public-post-detail-card span {
    color: #65738a;
    font-size: 12px;
    font-weight: 700;
}

.public-post-detail-card strong {
    color: #19253a;
    font-size: 14px;
}

.public-post-prompt-block {
    background: #f8fbff;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-md);
    color: #26384f;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    line-height: 1.6;
    margin: 0;
    max-height: 220px;
    overflow: auto;
    padding: var(--space-3);
    white-space: pre-wrap;
}

.public-post-workflow__body {
    display: grid;
    gap: var(--space-4);
    grid-template-columns: minmax(180px, .75fr) minmax(0, 1.25fr);
}

.public-post-workflow__placeholder {
    background: #f8fbff;
    border: 1px dashed #b7d3ea;
    border-radius: var(--radius-md);
    color: #65738a;
    margin: 0;
    padding: var(--space-4);
}

.public-post-workflow__steps,
.public-post-resources,
.public-post-actions,
.public-post-creator-card,
.public-post-mini-list,
.public-post-rights {
    display: grid;
    gap: var(--space-3);
}

.public-post-sidebar-stack {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    min-width: 0;
    width: 100%;
}

.public-post-sidebar-card {
    align-self: start;
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.public-post-creator-sidebar-card {
    border-radius: 20px;
    padding: 20px;
}

.public-post-creator-sidebar-card .default-theme-right-card-header {
    margin-bottom: var(--space-2);
}

.public-post-creator-sidebar-card .default-theme-right-card-body {
    width: 100%;
}

.public-post-creator-sidebar-card .default-theme-right-card-title {
    color: #252434;
    font-size: 20px;
    font-weight: 900;
    gap: var(--space-2);
    letter-spacing: 0;
    line-height: 1.1;
}

.public-post-creator-sidebar-card .default-theme-right-card-title-icon {
    height: 22px;
    width: 22px;
}

.public-post-actions-card .default-theme-right-card-body,
.public-post-stats-card .default-theme-right-card-body {
    height: auto;
    min-width: 0;
    width: 100%;
}

.public-post-workflow__step {
    align-items: center;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.public-post-workflow__step > span {
    align-items: center;
    background: #0f6fdf;
    border-radius: var(--radius-md);
    color: #ffffff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.public-post-workflow__step p,
.public-post-resource-card span,
.public-post-mini-item small {
    color: #65738a;
    margin: 0;
}

.public-post-resources {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.public-post-resource-card,
.public-post-mini-item {
    color: #1d2b45;
    text-decoration: none;
}

.public-post-resource-card {
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--space-2);
    padding: var(--space-2);
}

.public-post-resource-card img,
.public-post-mini-item img {
    aspect-ratio: 1;
    border-radius: var(--radius-sm);
    object-fit: cover;
    width: 100%;
}

.public-post-action {
    align-items: center;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-md);
    box-sizing: border-box;
    display: inline-flex;
    gap: var(--space-2);
    justify-content: center;
    min-height: 42px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.public-post-download-menu {
    width: 100%;
}

.public-post-download-menu summary {
    cursor: pointer;
    list-style: none;
}

.public-post-download-menu summary::-webkit-details-marker {
    display: none;
}

.public-post-download-menu__items {
    background: #f8fbff;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--space-1);
    margin-top: var(--space-2);
    padding: var(--space-2);
}

.public-post-download-menu__items a,
.public-post-download-menu__items button {
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    color: #1d2b45;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    padding: var(--space-2);
    text-align: left;
    text-decoration: none;
}

.public-post-download-menu__items a:hover,
.public-post-download-menu__items button:not(:disabled):hover {
    background: #eaf4ff;
    color: #0f6fdf;
}

.public-post-download-menu__items button:disabled {
    color: #94a3b8;
    cursor: not-allowed;
}

.public-post-action-primary {
    background: #0f6fdf;
    border-color: #0f6fdf;
    color: #ffffff;
    font-weight: 800;
    min-height: 52px;
}

.public-post-action.is-danger {
    color: #dc2626;
}

.public-post-action.is-disabled,
.public-post-action:disabled {
    background: #f8fafc;
    border-color: #d8e8f3;
    color: #94a3b8;
    cursor: not-allowed;
}

.public-post-info-list {
    display: grid;
    gap: var(--space-3);
    margin: 0;
}

.public-post-info-list div {
    display: grid;
    gap: var(--space-1);
    min-width: 0;
}

.public-post-info-list dt {
    color: #65738a;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.public-post-info-list dd {
    color: #1d2b45;
    font-weight: 800;
    margin: 0;
    overflow-wrap: anywhere;
}

.public-post-info-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
}

.public-post-stats {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.public-post-stat {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-md);
    box-sizing: border-box;
    display: grid;
    gap: 3px;
    justify-items: center;
    min-width: 0;
    padding: var(--space-2);
}

.public-post-stat .default-theme-icon {
    color: #0f6fdf;
}

.public-post-stat span {
    color: #65738a;
    font-size: 12px;
}

.public-post-creator-card {
    align-items: center;
    gap: var(--space-3);
    justify-items: center;
    text-align: center;
    width: 100%;
}

.public-post-creator-card__copy {
    display: grid;
    justify-items: center;
    min-width: 0;
    width: 100%;
}

.public-post-creator-card__profile {
    margin-bottom: 48px;
    position: relative;
    width: 100%;
}

.public-post-creator-card__banner {
    background:
        radial-gradient(circle at 78% 18%, rgba(236, 72, 153, .58), transparent 28%),
        radial-gradient(circle at 32% 70%, rgba(14, 165, 233, .5), transparent 34%),
        linear-gradient(135deg, rgba(8, 20, 42, .98), rgba(30, 27, 75, .9)),
        linear-gradient(45deg, #071225, #173f64 48%, #1e1b4b);
    border: 0;
    border-radius: 18px;
    box-shadow: inset 0 -58px 90px rgba(7, 18, 43, .34);
    height: 128px;
    overflow: hidden;
    width: 100%;
}

.public-post-creator-card__banner img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.public-post-creator-card__avatar-wrap {
    bottom: -48px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.public-post-creator-card__copy {
    gap: var(--space-2);
}

.public-post-creator-card__avatar {
    border: 6px solid #ffffff;
    box-shadow: 0 16px 34px rgba(15, 95, 184, .22);
    height: 104px;
    width: 104px;
}

.public-post-creator-card__initials {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #0f5fb8;
    font-size: 31px;
}

.public-post-creator-card__avatar img,
img.public-post-creator-card__avatar {
    object-fit: cover;
}

.public-post-creator-card__avatar-badge {
    align-items: center;
    background: #0f6fdf;
    border: 4px solid #ffffff;
    border-radius: 999px;
    bottom: 2px;
    box-shadow: 0 10px 24px rgba(15, 111, 223, .32);
    color: #ffffff;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    right: -4px;
    width: 34px;
}

.public-post-creator-card__avatar-badge .default-theme-icon {
    height: 16px;
    width: 16px;
}

.public-post-creator-card__avatar-badge img {
    border-radius: inherit;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.public-post-creator-card__avatar-link {
    border-radius: inherit;
    display: block;
    line-height: 0;
}

.public-post-creator-card__avatar-link:focus-visible {
    outline: 3px solid rgba(22, 114, 223, .42);
    outline-offset: 3px;
}

.public-post-creator-card__name,
.public-post-mini-item strong {
    overflow-wrap: anywhere;
}

.public-post-creator-card__name {
    color: #17233a;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.15;
}

.public-post-creator-card__name-link {
    color: inherit;
    text-decoration: none;
}

.public-post-creator-card__name-link:hover .public-post-creator-card__name,
.public-post-creator-card__name-link:focus-visible .public-post-creator-card__name {
    color: #1672df;
}

.public-post-creator-card__badge,
.public-post-creator-tag {
    align-items: center;
    background: #eaf4ff;
    border-radius: 999px;
    color: #0f6fdf;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    justify-self: center;
    min-width: 90px;
    padding: 5px 14px;
}

.public-post-creator-card__meta {
    align-items: stretch;
    display: grid;
    font-size: 13px;
    gap: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block: var(--space-2);
    position: relative;
    width: 100%;
}

.public-post-creator-card__meta-item {
    align-items: center;
    color: #65738a;
    display: grid;
    gap: var(--space-1);
    justify-items: center;
    min-width: 0;
    padding: var(--space-2);
}

.public-post-creator-card__meta-item + .public-post-creator-card__meta-item {
    border-left: 0;
}

.public-post-creator-card__meta-divider {
    background: #d8e8f3;
    bottom: 10px;
    left: 50%;
    position: absolute;
    top: 10px;
    transform: translateX(-50%);
    width: 1px;
}

.public-post-creator-card__meta-item .default-theme-icon {
    color: #0f6fdf;
    height: 24px;
    width: 24px;
}

.public-post-creator-card__meta-item strong {
    color: #17233a;
    font-size: 18px;
    line-height: 1.1;
}

.public-post-creator-card__meta-item span {
    color: #65738a;
    font-size: 13px;
}

.public-post-creator-card__action {
    align-items: center;
    border-color: #0f6fdf;
    border-radius: 14px;
    border-width: 2px;
    color: #0f6fdf;
    font-size: 16px;
    font-weight: 900;
    gap: var(--space-2);
    justify-content: center;
    max-width: none;
    min-height: 52px;
    width: 100%;
}

.public-post-creator-card__action:hover,
.public-post-creator-card__action:focus {
    background: #eaf4ff;
    outline: none;
}

.public-post-creator-card__action .default-theme-icon {
    height: 20px;
    width: 20px;
}

.public-profile-hero {
    background: #ffffff;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft-card);
    overflow: hidden;
}

.public-profile-hero__banner {
    background:
        radial-gradient(circle at 78% 18%, rgba(236, 72, 153, .52), transparent 28%),
        radial-gradient(circle at 32% 70%, rgba(14, 165, 233, .46), transparent 34%),
        linear-gradient(135deg, rgba(8, 20, 42, .98), rgba(30, 27, 75, .9)),
        linear-gradient(45deg, #071225, #173f64 48%, #1e1b4b);
    height: 210px;
}

.public-profile-hero__body {
    align-items: end;
    display: grid;
    gap: var(--space-5);
    grid-template-columns: auto 1fr;
    padding: 0 var(--space-6) var(--space-5);
}

.public-profile-hero__avatar {
    align-items: center;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border: 6px solid #ffffff;
    border-radius: 999px;
    box-shadow: 0 18px 40px rgba(15, 95, 184, .24);
    color: #0f5fb8;
    display: inline-flex;
    font-size: 34px;
    font-weight: 900;
    height: 116px;
    justify-content: center;
    margin-top: -58px;
    width: 116px;
}

.public-profile-hero__identity {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
    padding-top: var(--space-4);
}

.public-profile-hero__title-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.public-profile-hero__title-row h1 {
    color: #17233a;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.08;
    margin: 0;
}

.public-profile-hero__creator-badge {
    align-items: center;
    background: #eaf4ff;
    border-radius: 999px;
    color: #0f6fdf;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    padding: 5px 12px;
}

.public-profile-hero__handle,
.public-profile-hero__bio,
.public-profile-hero__joined {
    margin: 0;
}

.public-profile-hero__handle,
.public-profile-hero__bio {
    color: #42516a;
}

.public-profile-hero__bio {
    max-width: 720px;
}

.public-profile-hero__joined {
    align-items: center;
    color: #65738a;
    display: inline-flex;
    gap: var(--space-2);
}

.public-profile-hero__joined .default-theme-icon {
    color: #0f6fdf;
    height: 18px;
    width: 18px;
}

.public-profile-hero__stats {
    border-top: 1px solid #d8e8f3;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    padding: var(--space-4) var(--space-6);
}

.public-profile-hero__stats div {
    display: grid;
    gap: 3px;
    justify-items: center;
    min-width: 0;
}

.public-profile-hero__stats div + div {
    border-left: 1px solid #d8e8f3;
}

.public-profile-hero__stats strong {
    color: #17233a;
    font-size: 20px;
    line-height: 1.1;
}

.public-profile-hero__stats span {
    color: #65738a;
    font-size: 12px;
    text-align: center;
}

.public-profile-tabs {
    margin-top: var(--space-4);
}

.public-profile-content {
    margin-top: var(--space-4);
}

.public-profile-content .public-home-content-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    width: 100%;
}

.public-profile-about-list {
    display: grid;
    gap: var(--space-3);
    margin: 0;
}

.public-profile-about-list div {
    display: grid;
    gap: var(--space-1);
}

.public-profile-about-list dt {
    align-items: center;
    color: #65738a;
    display: flex;
    font-size: 12px;
    gap: var(--space-2);
}

.public-profile-about-list dt .default-theme-icon {
    color: #0f6fdf;
    height: 17px;
    width: 17px;
}

.public-profile-about-list dd {
    color: #17233a;
    font-weight: 800;
    margin: 0;
    overflow-wrap: anywhere;
}

.public-profile-side-list {
    display: grid;
    gap: var(--space-3);
}

.public-profile-side-item {
    align-items: center;
    color: inherit;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: 44px 1fr;
    text-decoration: none;
}

.public-profile-side-item strong,
.public-profile-side-item small {
    display: block;
    overflow-wrap: anywhere;
}

.public-profile-side-item strong {
    color: #17233a;
}

.public-profile-side-item small {
    color: #65738a;
    font-size: 12px;
}

.public-profile-side-thumb {
    align-items: center;
    background: #eaf4ff;
    border-radius: var(--radius-md);
    color: #0f6fdf;
    display: inline-flex;
    font-weight: 900;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.public-profile-report-form {
    display: grid;
    gap: var(--space-2);
}

.public-profile-report-form label {
    color: #42516a;
    font-weight: 800;
}

.public-profile-report-form select,
.public-profile-report-form textarea {
    width: 100%;
}

/* Profile showcase: wide desktop dashboard with compact creator signals. */
.public-profile-streak-panel { min-width: 0; }
.public-profile-streak-value { color: #10213f; font-size: 42px; font-weight: 900; line-height: 1; padding: 12px 0 4px; text-align: center; }
.public-profile-streak-value span { font-size: 36px; }
.public-profile-streak-value small { display: block; font-size: 12px; font-weight: 700; margin-top: 8px; }
.public-profile-week { display: flex; gap: 7px; justify-content: center; margin: 18px 0; }
.public-profile-week i { align-items: center; background: #d9eaff; border-radius: 50%; color: #1473e6; display: flex; font-size: 13px; font-style: normal; height: 25px; justify-content: center; width: 25px; }
.public-profile-streak-note { color: #4d6383; font-size: 12px; margin: 0; text-align: center; }
.public-profile-ranking-list, .public-profile-supporter-list { display: grid; gap: 5px; }
.public-profile-ranking-list > div { align-items: center; border-radius: 10px; display: grid; gap: 8px; grid-template-columns: 20px 28px minmax(0,1fr); padding: 7px; }
.public-profile-ranking-list > div:nth-child(3) { background: #eaf3ff; }
.public-profile-ranking-list i, .public-profile-supporter-list i { color: #7387a3; font-size: 11px; font-style: normal; text-align: center; }
.public-profile-ranking-avatar { align-items: center; background: linear-gradient(135deg,#2d7cf6,#733fe8); border-radius: 50%; color: #fff; display: flex; font-size: 11px; font-weight: 800; height: 28px; justify-content: center; width: 28px; }
.public-profile-ranking-list strong { color: #17233a; display: grid; font-size: 12px; gap: 2px; min-width: 0; }
.public-profile-ranking-list small { color: #6a7d99; font-size: 10px; font-weight: 500; }
.public-profile-supporter-list > div { align-items: center; display: grid; gap: 8px; grid-template-columns: 20px minmax(0,1fr) auto; padding: 7px 2px; }
.public-profile-supporter-list strong { color: #263654; font-size: 12px; }
.public-profile-supporter-list b { color: #324968; font-size: 11px; }
.public-profile-achievements-panel { grid-column: 1 / -1; }
.public-profile-achievements small { color: #6a7d99; font-size: 9px; }
.public-profile-achievements em { background: #e4f8ec; border-radius: 999px; color: #1c9b58; font-size: 9px; font-style: normal; padding: 3px 7px; }
.public-profile-activity-panel { grid-column: 1 / -1; }
.public-profile-activity-list { display: grid; gap: 0; }
.public-profile-activity-list > div { align-items: center; border-bottom: 1px solid #edf2f7; display: grid; gap: 9px; grid-template-columns: 28px 82px minmax(0,1fr) auto; padding: 10px 0; }
.public-profile-activity-list > div:last-child { border-bottom: 0; }
.public-profile-activity-icon { align-items: center; background: #eff6ff; border-radius: 9px; color: #1976ed; display: flex; height: 28px; justify-content: center; width: 28px; }
.public-profile-activity-list small { color: #7487a2; font-size: 10px; }
.public-profile-activity-list strong { color: #263654; font-size: 12px; }
.public-profile-activity-list b { color: #1b9c55; font-size: 11px; }
.public-profile-hero--showcase {
    background: #fff;
    border: 1px solid #d8e8f3;
    box-shadow: 0 16px 36px rgba(38, 87, 148, .08);
}
.public-profile-hero--showcase .public-profile-hero__banner {
    background-position: center;
    background-size: cover;
    height: 286px;
}
.public-profile-showcase__body {
    align-items: end;
    display: grid;
    gap: 20px;
    grid-template-columns: 132px minmax(0, 1fr) auto;
    margin-top: -74px;
    padding: 0 28px 24px;
    position: relative;
}
.public-profile-showcase__avatar {
    align-items: center;
    background: linear-gradient(135deg, #315cf5, #8547e8);
    background-position: center;
    background-size: cover;
    border: 6px solid #fff;
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(15, 95, 184, .3);
    color: #fff;
    display: flex;
    font-size: 32px;
    font-weight: 900;
    height: 132px;
    justify-content: center;
    width: 132px;
}
.public-profile-showcase__identity { color: #fff; min-width: 0; padding-bottom: 3px; text-shadow: 0 1px 2px rgba(0,0,0,.35); }
.public-profile-showcase__title { align-items: center; display: flex; flex-wrap: wrap; gap: 9px; }
.public-profile-showcase__title h1 { font-size: clamp(28px, 3vw, 42px); line-height: 1; margin: 0; }
.public-profile-verified { align-items: center; background: #287bf0; border-radius: 50%; display: inline-flex; font-size: 13px; height: 22px; justify-content: center; width: 22px; }
.public-profile-level { background: rgba(82, 38, 190, .9); border: 1px solid rgba(255,255,255,.3); border-radius: 7px; font-size: 12px; font-weight: 800; padding: 5px 9px; }
.public-profile-showcase__identity .public-profile-hero__handle,
.public-profile-showcase__identity .public-profile-hero__bio { color: rgba(255,255,255,.88); margin: 9px 0 0; }
.public-profile-showcase__details { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; }
.public-profile-showcase__details span { align-items: center; display: inline-flex; font-size: 12px; gap: 5px; }
.public-profile-showcase__details .default-theme-icon { height: 15px; width: 15px; }
.public-profile-showcase__actions { align-items: center; display: flex; gap: 8px; padding-bottom: 4px; }
.public-profile-showcase__actions .public-creator-follow-action,
.public-profile-share { border-radius: 8px; font-weight: 800; min-height: 42px; padding: 0 17px; }
.public-profile-share { background: #fff; border: 1px solid #dbe7f3; color: #17233a; cursor: pointer; }
.public-profile-stat-strip { background: #fff; border: 1px solid #d8e8f3; border-radius: 16px; box-shadow: 0 10px 26px rgba(38,87,148,.05); display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 16px; overflow: hidden; padding: 18px 10px; }
.public-profile-stat-strip div { display: grid; gap: 5px; justify-items: center; min-width: 0; padding: 0 10px; }
.public-profile-stat-strip div + div { border-left: 1px solid #e1ebf4; }
.public-profile-stat-strip strong { color: #17233a; font-size: 18px; white-space: nowrap; }
.public-profile-stat-strip span { color: #62748e; font-size: 11px; text-align: center; }
.public-profile-tabs--showcase { margin-top: 16px; }
.public-profile-showcase-grid { display: grid; gap: 16px; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .85fr); margin-top: 16px; }
.public-profile-showcase-main, .public-profile-showcase-about { display: grid; align-content: start; gap: 16px; min-width: 0; }
.public-profile-panel { background: #fff; border: 1px solid #d8e8f3; border-radius: 16px; box-shadow: 0 10px 26px rgba(38,87,148,.05); padding: 20px; }
.public-profile-panel__heading { align-items: start; display: flex; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.public-profile-panel__heading h2 { color: #17233a; font-size: 18px; margin: 3px 0 0; }
.public-profile-kicker { color: #1473e6; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.public-profile-panel-link { color: #1473e6; font-size: 12px; font-weight: 800; }
.public-profile-level-content { align-items: center; display: grid; gap: 18px; grid-template-columns: 108px minmax(0,1fr); }
.public-profile-level-emblem { align-items: center; background: linear-gradient(135deg,#fff1c2,#f0a414); border-radius: 50%; box-shadow: inset 0 0 0 8px rgba(255,255,255,.55), 0 10px 20px rgba(214,145,12,.18); color: #8c5b00; display: flex; font-size: 48px; height: 108px; justify-content: center; width: 108px; }
.public-profile-level-content strong { color: #17233a; display: block; font-size: 28px; }
.public-profile-level-content span, .public-profile-level-content small { color: #62748e; display: block; font-size: 12px; }
.public-profile-progress { background: #e6eef7; border-radius: 99px; height: 10px; margin: 17px 0 7px; overflow: hidden; }
.public-profile-progress i { background: linear-gradient(90deg,#1672df,#7b61ff); border-radius: inherit; display: block; height: 100%; }
.public-profile-content-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
.public-profile-about-copy { color: #42516a; line-height: 1.55; margin: 0; }
.public-profile-mini-stats { border-top: 1px solid #e1ebf4; display: grid; gap: 8px; grid-template-columns: repeat(3,1fr); margin-top: 18px; padding-top: 15px; }
.public-profile-mini-stats span { color: #62748e; font-size: 11px; }
.public-profile-mini-stats strong { color: #17233a; display: block; font-size: 17px; }
.public-profile-achievements { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.public-profile-achievements div { align-items: center; background: #f4f8fd; border: 1px solid #e1ebf4; border-radius: 12px; display: grid; gap: 7px; justify-items: center; min-width: 0; padding: 11px 7px; text-align: center; }
.public-profile-achievements img, .public-profile-achievements div > span { align-items: center; background: #eaf3ff; border-radius: 50%; color: #1672df; display: flex; height: 46px; justify-content: center; object-fit: cover; width: 46px; }
.public-profile-achievements strong { color: #263654; font-size: 11px; overflow-wrap: anywhere; }
.public-profile-badge-grid { display: grid; gap: 8px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.public-profile-badge-grid > span { align-items: center; aspect-ratio: 1; background: #f1f6fd; border: 1px solid #dce8f5; border-radius: 11px; color: #1672df; display: flex; justify-content: center; overflow: hidden; }
.public-profile-badge-grid img { height: 100%; object-fit: cover; width: 100%; }
.public-profile-badge-grid .default-theme-icon { height: 22px; width: 22px; }
.public-profile-collection-list { display: grid; gap: 9px; }
.public-profile-collection-list a { align-items: center; color: inherit; display: grid; gap: 8px; grid-template-columns: 44px minmax(0,1fr); text-decoration: none; }
.public-profile-collection-list a > span { align-items: center; background: #edf5ff; border-radius: 9px; display: flex; height: 44px; justify-content: center; overflow: hidden; width: 44px; }
.public-profile-collection-list img { height: 100%; object-fit: cover; width: 100%; }
.public-profile-collection-list strong, .public-profile-collection-list small { display: block; overflow-wrap: anywhere; }
.public-profile-collection-list strong { color: #17233a; font-size: 12px; }
.public-profile-collection-list small { color: #71819a; font-size: 11px; margin-top: 3px; }
.public-profile-signal-list { display: grid; gap: 11px; }
.public-profile-signal-list div { align-items: center; border-bottom: 1px solid #e5edf5; display: flex; justify-content: space-between; padding-bottom: 9px; }
.public-profile-signal-list div:last-child { border-bottom: 0; padding-bottom: 0; }
.public-profile-signal-list span { color: #62748e; font-size: 12px; }
.public-profile-signal-list strong { color: #17233a; font-size: 14px; }

@media (max-width: 900px) {
    .public-profile-showcase__body { grid-template-columns: 100px minmax(0,1fr); }
    .public-profile-showcase__avatar { height: 100px; width: 100px; }
    .public-profile-showcase__actions { grid-column: 2; }
    .public-profile-showcase-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 640px) {
    .public-profile-hero--showcase .public-profile-hero__banner { height: 210px; }
    .public-profile-showcase__body { gap: 12px; grid-template-columns: 82px minmax(0,1fr); margin-top: -45px; padding: 0 14px 16px; }
    .public-profile-showcase__avatar { border-width: 4px; font-size: 23px; height: 82px; width: 82px; }
    .public-profile-showcase__title h1 { font-size: 24px; }
    .public-profile-showcase__identity .public-profile-hero__bio { font-size: 12px; }
    .public-profile-showcase__actions { align-items: stretch; flex-wrap: wrap; grid-column: 1 / -1; }
    .public-profile-stat-strip { grid-template-columns: repeat(3,1fr); padding: 12px 4px; }
    .public-profile-stat-strip div { padding: 7px 3px; }
    .public-profile-stat-strip div:nth-child(4) { border-left: 0; }
    .public-profile-stat-strip strong { font-size: 14px; }
    .public-profile-content-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    .public-profile-panel { padding: 15px; }
    .public-profile-level-content { grid-template-columns: 76px minmax(0,1fr); }
    .public-profile-level-emblem { font-size: 32px; height: 76px; width: 76px; }
}

.public-post-mini-item {
    align-items: center;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: 56px 1fr;
}

.public-post-rights div {
    align-items: center;
    display: flex;
    gap: var(--space-3);
    justify-content: space-between;
}

.public-post-rights dt {
    color: #42516a;
    font-weight: 700;
}

.public-post-rights dd {
    color: #65738a;
    font-weight: 800;
    margin: 0;
    text-align: right;
}

.public-post-rights-details {
    margin-top: var(--space-3);
}

/* Usage rights card: compact license-at-a-glance presentation. */
.public-post-usage-rights-card .default-theme-right-card-body {
    display: grid;
    gap: 12px;
    width: 100%;
}

.public-post-rights-intro {
    align-items: center;
    background: linear-gradient(135deg, #edf6ff, #f8fbff);
    border: 1px solid #dceafa;
    border-radius: 11px;
    display: flex;
    gap: 10px;
    padding: 11px;
}

.public-post-rights-intro__icon {
    align-items: center;
    background: #dcebff;
    border-radius: 9px;
    color: #1672df;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
}

.public-post-rights-intro__icon .default-theme-icon {
    height: 17px;
    width: 17px;
}

.public-post-rights-intro strong {
    color: #21436e;
    display: block;
    font-size: 11px;
}

.public-post-rights-intro p {
    color: #7186a4;
    font-size: 10px;
    line-height: 1.4;
    margin: 3px 0 0;
}

.public-post-usage-rights-card .public-post-rights {
    border: 1px solid #e2edf7;
    border-radius: 10px;
    gap: 0;
    overflow: hidden;
}

.public-post-usage-rights-card .public-post-rights div {
    border-bottom: 1px solid #e8f0f7;
    min-height: 39px;
    padding: 7px 9px;
}

.public-post-usage-rights-card .public-post-rights div:last-child {
    border-bottom: 0;
}

.public-post-usage-rights-card .public-post-rights dt {
    align-items: center;
    display: inline-flex;
    font-size: 10px;
    gap: 7px;
}

.public-post-rights__icon {
    align-items: center;
    background: #f0f6ff;
    border-radius: 6px;
    color: #2678e7;
    display: inline-flex;
    font-size: 12px;
    height: 23px;
    justify-content: center;
    width: 23px;
}

.public-post-usage-rights-card .public-post-rights dd {
    background: #f1f5f9;
    border-radius: 999px;
    color: #71839a;
    font-size: 9px;
    padding: 4px 7px;
}

.public-post-usage-rights-card .public-post-rights dd.is-unknown::before {
    background: #94a3b8;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 5px;
    margin: 0 4px 1px 0;
    width: 5px;
}

.public-post-usage-rights-card .public-post-rights-details {
    align-items: center;
    background: #edf5ff;
    border: 1px solid #d3e6fb;
    border-radius: 8px;
    color: #1672df;
    display: flex;
    font-size: 10px;
    font-weight: 800;
    justify-content: space-between;
    margin-top: 0;
    padding: 9px 10px;
    text-decoration: none;
}

.public-post-usage-rights-card .public-post-rights-details .default-theme-icon {
    height: 13px;
    width: 13px;
}

.public-post-modal[hidden] {
    display: none;
}

.public-post-modal {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--space-4);
    position: fixed;
    z-index: 1010;
}

.public-post-modal__backdrop {
    background: rgba(8, 15, 28, .58);
    border: 0;
    inset: 0;
    position: absolute;
}

.public-post-modal__panel {
    background: #ffffff;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft-card);
    box-sizing: border-box;
    display: grid;
    gap: var(--space-4);
    max-width: min(520px, calc(100vw - 32px));
    padding: var(--space-5);
    position: relative;
    width: 100%;
    z-index: 1;
}

.public-post-modal__header {
    align-items: center;
    display: flex;
    gap: var(--space-3);
    justify-content: space-between;
}

.public-post-modal__header h2 {
    color: #142033;
    font-size: 22px;
    margin: 0;
}

.public-post-modal__close {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-md);
    color: #1d2b45;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.public-post-modal__form,
.public-post-share {
    display: grid;
    gap: var(--space-3);
}

.public-post-modal__form label,
.public-post-share label {
    color: #42516a;
    font-weight: 800;
}

.public-post-modal__form select,
.public-post-modal__form textarea,
.public-post-share input {
    background: #ffffff;
    border: 1px solid #d8e8f3;
    border-radius: var(--radius-md);
    box-sizing: border-box;
    color: #1d2b45;
    font: inherit;
    padding: var(--space-3);
    width: 100%;
}

.public-post-modal__actions,
.public-post-share__grid {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.public-post-modal__error {
    color: #dc2626;
    font-size: 13px;
    margin: 0;
}

.public-post-modal__status {
    color: #0f8a4b;
    font-size: 13px;
    font-weight: 800;
    margin: 0;
}

.has-post-modal {
    overflow: hidden;
}

.public-post-lightbox[hidden] {
    display: none;
}

.public-post-lightbox {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--space-4);
    position: fixed;
    z-index: 1000;
}

.public-post-lightbox__backdrop {
    background: rgba(8, 15, 28, .78);
    border: 0;
    cursor: zoom-out;
    inset: 0;
    position: absolute;
}

.public-post-lightbox__panel {
    align-items: center;
    background: #ffffff;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft-card);
    display: flex;
    justify-content: center;
    max-height: calc(100vh - 48px);
    max-width: min(1180px, calc(100vw - 48px));
    padding: var(--space-3);
    position: relative;
    z-index: 1;
}

.public-post-lightbox__image {
    display: block;
    max-height: calc(100vh - 96px);
    max-width: calc(100vw - 96px);
    object-fit: contain;
}

.public-post-lightbox__close {
    align-items: center;
    background: #ffffff;
    border: 1px solid #b7dcef;
    border-radius: 999px;
    color: #1d2b45;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 38px;
}

.has-post-lightbox {
    overflow: hidden;
}

@media (max-width: 760px) {
    .public-post-detail__creator-row {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .public-post-detail__follow {
        margin-left: 0;
    }

    .public-post-media__viewer,
    .public-post-media__trigger {
        min-height: 280px;
    }

    .public-post-media__toolbar {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(-50%);
        visibility: visible;
    }

    .public-post-workflow__body {
        grid-template-columns: 1fr;
    }
}

.explore-more-filters-open {
    overflow: hidden;
}

.explore-more-filters-modal[hidden] {
    display: none;
}

.explore-more-filters-modal {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--space-5);
    position: fixed;
    z-index: 80;
}

.explore-more-filters-modal__backdrop {
    background: rgba(15, 23, 42, .42);
    inset: 0;
    position: absolute;
}

.explore-more-filters-modal__panel {
    background: #ffffff;
    border: 1px solid #b7dcef;
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 54px rgba(24, 49, 83, .18);
    display: grid;
    gap: var(--space-3);
    max-width: 440px;
    padding: var(--space-5);
    position: relative;
    width: min(100%, 440px);
}

.explore-more-filters-modal__panel:focus {
    outline: 2px solid rgba(0, 109, 186, .22);
    outline-offset: 3px;
}

.explore-more-filters-modal__header {
    align-items: center;
    display: flex;
    gap: var(--space-3);
    justify-content: space-between;
}

.explore-more-filters-modal__header h2 {
    font-size: 20px;
    margin: 0;
}

.explore-more-filters-modal__panel p {
    color: var(--color-muted);
    margin: 0;
}

.explore-more-filters-modal__close {
    align-items: center;
    background: #ffffff;
    border: 1px solid #b7dcef;
    border-radius: 999px;
    color: #1d2b45;
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    width: 34px;
}

.explore-more-filters-modal__close .default-theme-icon {
    height: 16px;
    width: 16px;
}

.public-home-side-list {
    display: grid;
    gap: var(--space-3);
}

.public-home-side-row {
    align-items: center;
    display: flex;
    gap: var(--space-3);
    justify-content: space-between;
}

.public-home-side-row strong {
    color: var(--color-text);
}

.public-home-creator-rank {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    width: 14px;
}

.public-home-creator-avatar {
    align-items: center;
    background: linear-gradient(135deg, #1d7ee8 0%, #ff9a35 100%);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.public-home-creator-main {
    display: grid;
    flex: 1 1 auto;
    gap: 2px;
    min-width: 0;
}

.public-home-creator-main strong,
.public-home-creator-main .muted {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-home-creator-main strong {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
}

.public-home-creator-view {
    align-items: center;
    background: #ebf5fb;
    border: 1px solid #b7dcef;
    border-radius: 999px;
    color: #006dba;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 800;
    justify-content: center;
    line-height: 1;
    min-height: 32px;
    padding: 8px 14px;
    text-decoration: none;
}

.public-home-creator-view:hover,
.public-home-creator-view:focus {
    background: #dff0fa;
    color: #005c9d;
    outline: none;
}

.public-home-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.public-home-tag-list .default-theme-tag {
    background: #eaf4fe;
}

/* Home sidebar: compact discovery cards with a clear, creator-first hierarchy. */
.public-home-shell--home .public-home-right {
    padding: 2px 0 18px;
}

.public-home-shell--home .public-home-right-stack {
    gap: 14px;
}

.public-home-shell--home .default-theme-right-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(111, 181, 255, .14), transparent 42%),
        #fff;
    border: 1px solid #dceafa;
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(36, 91, 145, .08);
    padding: 18px;
    position: relative;
    overflow: hidden;
}

.public-home-shell--home .default-theme-right-card-header {
    margin-bottom: 2px;
}

.public-home-shell--home .default-theme-right-card-title {
    color: #132b4d;
    font-size: 15px;
    letter-spacing: -.015em;
}

.public-home-shell--home .default-theme-right-card-title-icon {
    background: #edf5ff;
    border-radius: 9px;
    box-sizing: content-box;
    color: #1672df;
    height: 16px;
    padding: 7px;
    width: 16px;
}

.public-home-shell--home .default-theme-right-card-title-icon.is-gold {
    background: #fff5d9;
    color: #e8a51b;
}

.public-home-shell--home .default-theme-right-card-title-icon.is-fire {
    background: #fff0ed;
    color: #f06445;
}

.public-home-shell--home .default-theme-right-card-action {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 4px;
    min-height: 28px;
    padding: 0 9px;
}

.public-home-shell--home .default-theme-right-card-action::after {
    content: "→";
    font-size: 15px;
    line-height: 1;
}

.public-home-shell--home .default-theme-right-card-header > .default-theme-right-card-action::after {
    display: none;
}

.public-home-shell--home .default-theme-right-card-action:hover,
.public-home-shell--home .default-theme-right-card-action:focus-visible {
    background: #edf6ff;
    outline: none;
}

.public-home-shell--home .public-home-side-list {
    gap: 8px;
}

.public-home-shell--home .public-home-side-row {
    background: rgba(247, 251, 255, .92);
    border: 1px solid #e3eef9;
    border-radius: 13px;
    gap: 9px;
    min-height: 51px;
    padding: 7px 8px;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.public-home-shell--home .public-home-side-row:hover {
    border-color: #acd1f7;
    box-shadow: 0 7px 16px rgba(22, 114, 223, .08);
    transform: translateY(-1px);
}

.public-home-shell--home .public-home-creator-rank {
    align-items: center;
    background: #eaf3ff;
    border-radius: 7px;
    color: #2575cf;
    display: inline-flex;
    font-size: 11px;
    height: 25px;
    justify-content: center;
    width: 25px;
}

.public-home-shell--home .public-home-creator-rank.default-theme-rank-1 {
    background: #fff1c7;
    color: #b77900;
}

.public-home-shell--home .public-home-creator-rank.default-theme-rank-2 {
    background: #edf0f5;
    color: #65728a;
}

.public-home-shell--home .public-home-creator-rank.default-theme-rank-3 {
    background: #ffeadc;
    color: #bd6931;
}

.public-home-shell--home .public-home-creator-avatar {
    background: linear-gradient(135deg, #1672df, #725cf2);
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(22, 114, 223, .18);
    height: 34px;
    width: 34px;
}

.public-home-shell--home .public-home-creator-main {
    gap: 3px;
}

.public-home-shell--home .public-home-creator-main strong {
    color: #17365c;
    font-size: 12px;
    font-weight: 850;
}

.public-home-shell--home .public-home-creator-main .muted {
    color: #7590ae;
    font-size: 10px;
}

.public-home-shell--home .public-home-creator-view {
    background: #fff;
    border: 1px solid #cfe2f7;
    color: #1672df;
    font-size: 0;
    min-height: 27px;
    padding: 0;
    width: 27px;
}

.public-home-shell--home .public-home-creator-view::after {
    content: "→";
    font-size: 15px;
}

.public-home-shell--home .public-home-tag-list {
    gap: 7px;
}

.public-home-shell--home .public-home-tag-list .default-theme-tag {
    background: #edf6ff;
    border: 1px solid #d8eafb;
    border-radius: 999px;
    color: #3975b8;
    display: inline-flex;
    font-size: 11px;
    font-weight: 750;
    padding: 7px 10px;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.public-home-shell--home .public-home-tag-list .default-theme-tag:hover {
    background: #e1f0ff;
    border-color: #afd2f6;
    color: #1769bd;
}

@media (max-width: 1050px) {
    .public-home-shell--home .public-home-right {
        padding-top: 0;
    }
}

.default-theme-card-placeholder {
    align-items: center;
    color: var(--color-muted);
    display: flex;
    font-weight: 800;
    height: 100%;
    justify-content: center;
    padding: var(--space-4);
    text-align: center;
}

.create-main {
    margin: 0 auto;
    max-width: 1180px;
    padding: 28px 20px 56px;
    width: 100%;
}

.hero,
.header {
    margin-bottom: 24px;
}

.hero h1,
.header h1 {
    color: #212529;
    font-size: 34px;
    line-height: 1.15;
    margin: 0 0 8px;
}

.header h1 {
    font-size: 28px;
}

.muted,
.meta {
    color: #667085;
}

.grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.card,
.panel,
.content-card {
    background: #ffffff;
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    padding: 18px;
}

.content-card {
    display: grid;
    gap: 10px;
}

.card h2,
.panel h2,
.content-card h3 {
    font-size: 17px;
    margin: 0 0 6px;
}

.media-placeholder {
    align-items: center;
    aspect-ratio: 16 / 9;
    background: #dcedf5;
    border: 1px dashed #9dc3dc;
    border-radius: 8px;
    color: #40506a;
    display: flex;
    justify-content: center;
    min-height: 112px;
    padding: 14px;
    text-align: center;
}

.media-image {
    aspect-ratio: 16 / 9;
    background: #eef5f8;
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    display: block;
    object-fit: cover;
    width: 100%;
}

.media-image-large {
    margin-bottom: 18px;
    max-height: 620px;
}

.admin-media-preview {
    align-items: center;
    background: #eef5f8;
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    display: flex;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    width: 112px;
}

.admin-media-preview img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.admin-media-preview-large {
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: 460px;
    width: min(100%, 760px);
}

.admin-media-placeholder {
    color: #40506a;
    font-size: 12px;
    padding: 8px;
    text-align: center;
}

.admin-media-preview-large .admin-media-placeholder {
    font-size: 14px;
    padding: 18px;
}

.admin-video-detail__player {
    align-items: center;
    background: #071426;
    border: 1px solid #cfe4f2;
    border-radius: 12px;
    display: flex;
    min-height: 220px;
    overflow: hidden;
    width: 100%;
}

.admin-video-detail__player video {
    aspect-ratio: 16 / 9;
    background: #071426;
    display: block;
    max-height: 460px;
    width: 100%;
}

.admin-video-detail__thumbnail-preview {
    align-items: center;
    color: #40506a;
    display: flex;
    font-size: 12px;
    gap: 12px;
    margin-top: 12px;
}

.admin-video-detail__thumbnail-preview img {
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    display: block;
    height: 64px;
    object-fit: cover;
    width: 112px;
}

.detail-list {
    display: grid;
    gap: 8px;
    margin: 16px 0;
}

.detail-row {
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
}

.detail-label {
    color: #667085;
    font-weight: 800;
}

.tags {
    color: #526071;
    font-size: 13px;
}

.empty-state {
    background: #ffffff;
    border: 1px dashed #9dc3dc;
    border-radius: 8px;
    color: #667085;
    padding: 18px;
}

.stat {
    font-size: 30px;
    font-weight: 800;
}

.profile-header {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.admin-emails__header { margin-bottom: 22px; }
.admin-emails__eyebrow { margin: 0 0 6px; color: #1475ed; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-emails__card, .admin-email-preview { padding: 22px; }
.admin-emails__filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.admin-emails__filters select, .admin-emails__filters button { min-height: 38px; padding: 0 12px; border: 1px solid #d8e3f1; border-radius: 8px; background: #fff; color: #122143; }
.admin-emails__filters button { border-color: #1475ed; background: #1475ed; color: #fff; cursor: pointer; font-weight: 700; }
.admin-emails__table-wrap { overflow-x: auto; }
.admin-emails__table { width: 100%; border-collapse: collapse; font-size: 13px; }
.admin-emails__table th, .admin-emails__table td { padding: 13px 10px; border-bottom: 1px solid #e5edf6; text-align: left; vertical-align: top; }
.admin-emails__table th { color: #52627d; font-size: 11px; text-transform: uppercase; }
.admin-emails__status { display: inline-flex; padding: 4px 9px; border-radius: 999px; font-size: 11px; font-weight: 800; }
.admin-emails__status--sent { background: #e4f8ed; color: #11854d; }
.admin-emails__status--failed { background: #ffe7e7; color: #c62828; }
.admin-emails__templates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.admin-email-preview__meta h2 { margin: 0 0 8px; color: #122143; font-size: 20px; }
.admin-email-preview__meta p { margin: 0 0 18px; color: #60708c; font-size: 13px; }
.admin-email-preview__mail { min-height: 300px; padding: 28px; border: 1px solid #dce7f3; border-radius: 10px; background: #fff; box-shadow: 0 10px 25px rgba(37,91,151,.08); color: #334565; }
.admin-email-preview__brand { margin-bottom: 26px; color: #1475ed; font-size: 21px; font-weight: 900; }
.admin-email-preview__mail h3 { margin: 0 0 16px; color: #122143; font-size: 22px; }
.admin-email-preview__mail p { margin: 0 0 14px; font-size: 14px; line-height: 1.55; }
.admin-email-preview__button { display: inline-flex; margin: 8px 0 18px; padding: 10px 16px; border-radius: 7px; background: #1475ed; color: #fff; font-size: 13px; font-weight: 800; text-decoration: none; }
.admin-email-preview__salutation { color: #60708c; }
@media (max-width: 900px) { .admin-emails__templates { grid-template-columns: 1fr; } }

.profile-header h1 {
    font-size: 34px;
    margin: 0;
}

.profile-stats {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(88px, 1fr));
}

.profile-stats div {
    background: #eef5f8;
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 12px;
}

.profile-stats span:last-child {
    color: #667085;
    font-size: 13px;
}

.profile-section {
    margin-top: 28px;
}

.quick-links,
.actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-notice {
    border-left: 4px solid #3882f9;
}

.local-tabs,
.table-actions,
.row-actions,
.theme-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.local-tabs {
    margin: 16px 0;
}

.local-tab {
    background: #eef6fb;
    border: 1px solid #cfe4f2;
    border-radius: 999px;
    color: #40506a;
    font-size: 13px;
    font-weight: 800;
    padding: 7px 12px;
}

.local-tab.active {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.table-actions {
    justify-content: space-between;
}

.row-actions,
.theme-actions {
    margin-top: 10px;
}

.row-actions button,
.theme-actions button {
    background: #eef2f7;
    border-color: #cbd4e1;
    color: #526071;
    cursor: not-allowed;
}

.wp-like-table input[disabled] {
    cursor: not-allowed;
}

.theme-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.theme-card {
    background: #ffffff;
    border: 1px solid #d9e0ea;
    border-radius: 8px;
    overflow: hidden;
}

.theme-card.active {
    border-color: #3882f9;
    box-shadow: 0 0 0 2px rgba(56, 130, 249, 0.14);
}

.theme-preview {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(56, 130, 249, 0.18), rgba(16, 185, 129, 0.14)),
        #eef5f8;
    border-bottom: 1px solid #d9e0ea;
    color: #40506a;
    display: flex;
    font-size: 13px;
    font-weight: 900;
    justify-content: center;
    min-height: 150px;
    text-transform: uppercase;
}

.theme-card-body {
    padding: 16px;
}

.theme-card h3 {
    margin: 0;
}

.meta-list {
    display: grid;
    gap: 8px;
    margin: 14px 0;
}

.meta-list div {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.meta-list dt {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.meta-list dd {
    margin: 0;
}

.diagnostics-panel summary {
    cursor: pointer;
    font-weight: 900;
}

.search-form {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1fr) minmax(150px, 220px) auto;
    margin-bottom: 18px;
}

.search-form label {
    display: grid;
    gap: 6px;
}

.search-form input,
.search-form select {
    border: 1px solid #9dc3dc;
    border-radius: 8px;
    min-height: 40px;
    padding: 8px 10px;
}

.search-summary {
    color: #526071;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 16px;
}

.badge {
    background: #eef6fb;
    border: 1px solid #cfe4f2;
    border-radius: 999px;
    color: #40506a;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    padding: 3px 9px;
}

.badge-status-published,
.badge-status-enabled,
.badge-success,
.badge-safety-safe,
.badge-visibility-public {
    background: #e3f8ed;
    border-color: #a7e4c3;
    color: #166534;
}

.badge-status-pending,
.badge-warning,
.badge-safety-unknown,
.badge-visibility-unlisted {
    background: #fff7db;
    border-color: #efd37a;
    color: #765a00;
}

.badge-status-rejected,
.badge-status-banned,
.badge-status-locked,
.badge-danger,
.badge-safety-blocked {
    background: #fee2e2;
    border-color: #f5b4b4;
    color: #991b1b;
}

.badge-status-archived,
.badge-status-disabled,
.badge-neutral,
.badge-safety-flagged,
.badge-visibility-private {
    background: #eef2f7;
    border-color: #cbd4e1;
    color: #526071;
}

.filters {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

label {
    display: grid;
    gap: 4px;
    font-size: 13px;
    font-weight: 800;
}

input,
select,
button {
    border: 1px solid #cbd3df;
    border-radius: 8px;
    min-height: 38px;
    padding: 0 10px;
}

button {
    background: #3882f9;
    color: #ffffff;
    cursor: pointer;
    font-weight: 800;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    border-bottom: 1px solid #e4e8f0;
    padding: 12px 10px;
    text-align: left;
    vertical-align: top;
}

th {
    color: #526071;
    font-size: 12px;
    text-transform: uppercase;
}

.pagination {
    margin-top: 18px;
}

.flash {
    background: #e3f8ed;
    border: 1px solid #a7e4c3;
    border-radius: 8px;
    color: #166534;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.flash-error,
.alert-danger {
    background: #fee2e2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.form-error {
    color: #b91c1c;
    font-size: 0.9rem;
    margin: 6px 0 12px;
}

/* Security settings control plane: shared admin palette, denser grouped controls. */
.admin-security-settings {
    --security-blue: #0d70e8;
    --security-blue-dark: #075cc4;
    --security-ink: #14264a;
    --security-muted: #607495;
    --security-border: #dfeaf7;
    --security-soft: #f4f8fe;
}

.admin-security-settings .panel {
    border-color: var(--security-border);
    border-radius: 15px;
    box-shadow: 0 8px 24px rgb(53 104 163 / 5%);
}

.admin-security-settings__hero {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 18px;
}

.admin-security-settings__hero-icon,
.admin-security-settings__group-mark {
    align-items: center;
    background: #edf5ff;
    color: var(--security-blue);
    display: inline-flex;
    justify-content: center;
}

.admin-security-settings__hero-icon {
    border-radius: 14px;
    flex: 0 0 54px;
    height: 54px;
}

.admin-security-settings__hero-copy { min-width: 0; }
.admin-security-settings__hero-copy h1 { color: var(--security-ink); margin-bottom: 5px; }
.admin-security-settings__hero-copy p:last-child { color: var(--security-muted); margin: 0; }

.admin-security-settings__eyebrow {
    color: var(--security-blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.admin-security-settings__status {
    align-items: center;
    background: #e8f8ef;
    border: 1px solid #bce8cc;
    border-radius: 999px;
    color: #167044;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    margin-left: auto;
    padding: 8px 12px;
    white-space: nowrap;
}

.admin-security-settings__status span {
    background: #20a25b;
    border-radius: 50%;
    height: 7px;
    width: 7px;
}

.admin-security-settings__notice {
    align-items: flex-start;
    background: #fff8e9;
    border: 1px solid #f2cf8d;
    border-radius: 14px;
    color: #684915;
    display: flex;
    gap: 10px;
    margin: 0 0 16px;
    padding: 14px 16px;
}

.admin-security-settings__notice > svg { color: #c78011; flex: 0 0 auto; margin-top: 1px; }
.admin-security-settings__notice div { display: grid; gap: 3px; }
.admin-security-settings__notice strong { font-size: 13px; }
.admin-security-settings__notice span { color: #84642d; font-size: 12px; line-height: 1.45; }
.admin-security-settings__notice code { font-size: .95em; }

.admin-security-settings__groups { display: grid; gap: 16px; }

.admin-security-settings__group {
    background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
    border: 1px solid var(--security-border);
    border-radius: 13px;
    padding: 20px;
}

.admin-security-settings__group-heading {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.admin-security-settings__group-heading h2 { color: var(--security-ink); margin: 0 0 4px; }
.admin-security-settings__group-heading p:last-child { color: var(--security-muted); margin: 0; max-width: 690px; }
.admin-security-settings__group-mark { border-radius: 10px; flex: 0 0 34px; height: 34px; }

.admin-security-settings__fields {
    display: grid;
    gap: 14px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-security-settings__fields .form-row {
    background: var(--security-soft);
    border: 1px solid #e7eef8;
    border-radius: 10px;
    margin: 0;
    padding: 13px;
}

.admin-security-settings__fields .form-row:has(textarea),
.admin-security-settings__fields .form-row:has(input[type="checkbox"]) { grid-column: span 2; }

.admin-security-settings__fields .form-row > label { color: #496384; font-size: 12px; }
.admin-security-settings__fields .form-row > p { font-size: 12px; line-height: 1.45; margin: 6px 0 10px; }
.admin-security-settings__fields input[type="number"],
.admin-security-settings__fields input[type="text"] { background: #fff; border-color: #cbdced; width: 100%; }

.admin-security-settings [data-admin-security-step-up] {
    background: #fff8ed;
    border: 1px solid #f3d49f;
    border-radius: 12px;
    display: grid;
    gap: 9px;
    margin-bottom: 18px;
    padding: 16px;
}

.admin-settings-basic-section {
    border: 1px solid #dce9f5;
    border-radius: 14px;
    margin: 0 0 18px;
    padding: 18px;
}

.admin-settings-basic-section h2 {
    margin: 0 0 5px;
}

.admin-settings-basic-section > .muted {
    margin: 0 0 16px;
}

.admin-security-settings [data-admin-security-step-up] h2 { color: #8a5510; margin: 0; }
.admin-security-settings [data-admin-security-step-up] p { color: #765b31; margin: 0 0 4px; }
.admin-security-settings [data-admin-security-step-up] input { background: #fff; max-width: 360px; }
.admin-security-settings form > button { background: var(--security-blue); border-radius: 9px; margin-top: 20px; min-height: 42px; padding: 0 18px; }
.admin-security-settings form > button:hover { background: var(--security-blue-dark); }

@media (max-width: 760px) {
    .admin-security-settings__hero { align-items: flex-start; flex-wrap: wrap; }
    .admin-security-settings__status { margin-left: 70px; }
    .admin-security-settings__fields { grid-template-columns: 1fr; }
    .admin-security-settings__fields .form-row:has(textarea),
    .admin-security-settings__fields .form-row:has(input[type="checkbox"]) { grid-column: span 1; }
}

/* Security events: calm telemetry surface matching the security settings control plane. */
.admin-security-events {
    --security-blue: #0d70e8;
    --security-blue-dark: #075cc4;
    --security-ink: #14264a;
    --security-muted: #607495;
    --security-border: #dfeaf7;
    --security-soft: #f4f8fe;
}
.admin-security-events .panel { border-color: var(--security-border); }
.admin-security-events__hero {
    align-items: center;
    background: linear-gradient(135deg, #f8fbff 0%, #edf6ff 100%);
    border-color: var(--security-border);
    display: flex;
    gap: 16px;
    min-height: 112px;
}
.admin-security-events__hero-icon {
    align-items: center;
    background: #e1efff;
    border: 1px solid #c7e0fb;
    border-radius: 15px;
    color: var(--security-blue);
    display: flex;
    flex: 0 0 52px;
    height: 52px;
    justify-content: center;
}
.admin-security-events__hero h1 { color: var(--security-ink); margin-bottom: 5px; }
.admin-security-events__hero p:last-child { color: var(--security-muted); margin: 0; }
.admin-security-events__eyebrow {
    color: var(--security-blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.admin-security-events__hero-meta {
    background: rgba(255,255,255,.72);
    border: 1px solid #d4e6f8;
    border-radius: 12px;
    display: grid;
    margin-left: auto;
    min-width: 120px;
    padding: 10px 14px;
    text-align: right;
}
.admin-security-events__hero-meta strong { color: var(--security-ink); font-size: 20px; line-height: 1.1; }
.admin-security-events__hero-meta span { color: var(--security-muted); font-size: 11px; margin-top: 4px; }
.admin-security-events__filter-panel { padding: 20px; }
.admin-security-events__section-heading { align-items: center; display: flex; justify-content: space-between; margin-bottom: 15px; }
.admin-security-events__section-heading h2 { color: var(--security-ink); font-size: 18px; margin: 0; }
.admin-security-events__filter-count,
.admin-security-events__detail-status {
    background: #eaf3ff;
    border: 1px solid #cfe3f8;
    border-radius: 999px;
    color: var(--security-blue-dark);
    font-size: 12px;
    font-weight: 800;
    padding: 7px 11px;
}
.admin-security-events__filters { background: var(--security-soft); border: 1px solid #e7eff8; border-radius: 13px; padding: 15px; }
.admin-security-events__filters label { color: #496384; font-size: 12px; font-weight: 700; }
.admin-security-events__filters input,
.admin-security-events__filters select { background: #fff; border-color: #cbdced; min-height: 39px; }
.admin-security-events__filters button { background: var(--security-blue); min-height: 39px; }
.admin-security-events__filters button:hover { background: var(--security-blue-dark); }
.admin-security-events__clear { align-self: center; color: var(--security-blue-dark); font-size: 13px; font-weight: 700; }
.admin-security-events__active-filters { margin: 14px 0 0; }
.admin-security-events__table-shell { border: 1px solid var(--security-border); border-radius: 13px; margin-top: 18px; overflow-x: auto; }
.admin-security-events__table { border: 0; margin: 0; min-width: 980px; }
.admin-security-events__table thead th { background: #f7faff; color: #607495; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.admin-security-events__table tbody tr:hover { background: #f8fbff; }
.admin-security-events__table td { border-bottom-color: #edf2f8; vertical-align: middle; }
.admin-security-events__event-cell a { color: var(--security-blue-dark); font-weight: 750; }
.admin-security-events__tag,
.admin-security-events__severity,
.admin-security-events__handled { align-items: center; border-radius: 999px; display: inline-flex; font-size: 11px; font-weight: 800; line-height: 1; padding: 7px 9px; white-space: nowrap; }
.admin-security-events__tag { background: #f0f5fb; color: #526987; }
.admin-security-events__tag--layer { background: #eaf3ff; color: var(--security-blue-dark); }
.admin-security-events__severity { background: #f0f5fb; color: #526987; text-transform: capitalize; }
.admin-security-events__severity--high { background: #fff0f0; color: #b42318; }
.admin-security-events__severity--medium { background: #fff7e8; color: #a15c00; }
.admin-security-events__severity--low { background: #edf9f2; color: #18794e; }
.admin-security-events__handled { color: #a15c00; gap: 6px; }
.admin-security-events__handled span { background: #efad3d; border-radius: 50%; height: 6px; width: 6px; }
.admin-security-events__handled--done { color: #18794e; }
.admin-security-events__handled--done span { background: #28a76a; }
.admin-security-events__risk { color: var(--security-ink); }
.admin-security-event-detail__summary { padding: 20px; }
.admin-security-event-detail__back { margin: 0 0 18px; }
.admin-security-event-detail__back a { color: var(--security-blue-dark); font-size: 13px; font-weight: 800; }
.admin-security-event-detail__grid { display: grid; gap: 12px 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.admin-security-event-detail__grid dt { color: var(--security-muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.admin-security-event-detail__grid dd { color: var(--security-ink); font-weight: 650; margin: 2px 0 0; overflow-wrap: anywhere; }
.admin-security-event-detail__card h2 { color: var(--security-ink); font-size: 17px; margin-top: 0; }
.admin-security-event-detail__context { background: #101d33; border: 1px solid #263a5a; border-radius: 10px; color: #dbeafe; font-size: 12px; line-height: 1.55; max-height: 440px; overflow: auto; padding: 16px; }
@media (max-width: 760px) {
    .admin-security-events__hero { align-items: flex-start; flex-wrap: wrap; }
    .admin-security-events__hero-meta { margin-left: 68px; text-align: left; }
    .admin-security-events__section-heading { align-items: flex-start; gap: 10px; }
    .admin-security-events__filters { grid-template-columns: 1fr; }
    .admin-security-event-detail__grid { grid-template-columns: 1fr; }
}

/* Security incidents: response workspace styling aligned with the telemetry views. */
.admin-security-incidents {
    --security-blue: #0d70e8;
    --security-blue-dark: #075cc4;
    --security-ink: #14264a;
    --security-muted: #607495;
    --security-border: #dfeaf7;
    --security-soft: #f4f8fe;
}
.admin-security-incidents .panel { border-color: var(--security-border); }
.admin-security-incidents__hero {
    align-items: center;
    background: linear-gradient(135deg, #f8fbff 0%, #edf6ff 100%);
    border-color: var(--security-border);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    min-height: 112px;
}
.admin-security-incidents__hero-icon { align-items: center; background: #e1efff; border: 1px solid #c7e0fb; border-radius: 15px; color: var(--security-blue); display: flex; flex: 0 0 52px; height: 52px; justify-content: center; }
.admin-security-incidents__hero h1 { color: var(--security-ink); margin-bottom: 5px; }
.admin-security-incidents__hero p:last-child { color: var(--security-muted); margin: 0; }
.admin-security-incidents__eyebrow { color: var(--security-blue); font-size: 11px; font-weight: 800; letter-spacing: .12em; margin: 0 0 5px; text-transform: uppercase; }
.admin-security-incidents__hero-meta { background: rgba(255,255,255,.72); border: 1px solid #d4e6f8; border-radius: 12px; display: grid; margin-left: auto; min-width: 120px; padding: 10px 14px; text-align: right; }
.admin-security-incidents__hero-meta strong { color: var(--security-ink); font-size: 20px; line-height: 1.1; }
.admin-security-incidents__hero-meta span { color: var(--security-muted); font-size: 11px; margin-top: 4px; }
.admin-security-incidents__hero-action { background: var(--security-blue); border-radius: 9px; color: #fff !important; font-size: 13px; font-weight: 800; margin-left: auto; padding: 10px 14px; text-decoration: none; }
.admin-security-incidents__hero-action:hover { background: var(--security-blue-dark); }
.admin-security-incidents__panel { padding: 20px; }
.admin-security-incidents__section-heading { align-items: center; display: flex; justify-content: space-between; margin-bottom: 15px; }
.admin-security-incidents__section-heading h2 { color: var(--security-ink); font-size: 18px; margin: 0; }
.admin-security-incidents__filter-count { background: #eaf3ff; border: 1px solid #cfe3f8; border-radius: 999px; color: var(--security-blue-dark); font-size: 12px; font-weight: 800; padding: 7px 11px; }
.admin-security-incidents__filters { background: var(--security-soft); border: 1px solid #e7eff8; border-radius: 13px; padding: 15px; }
.admin-security-incidents__filters label { color: #496384; font-size: 12px; font-weight: 700; }
.admin-security-incidents__filters input, .admin-security-incidents__filters select { background: #fff; border-color: #cbdced; min-height: 39px; }
.admin-security-incidents__filters button { background: var(--security-blue); min-height: 39px; }
.admin-security-incidents__filters button:hover { background: var(--security-blue-dark); }
.admin-security-incidents__clear, .admin-security-incidents__link { color: var(--security-blue-dark); font-size: 13px; font-weight: 800; }
.admin-security-incidents__active-filters { margin: 14px 0 0; }
.admin-security-incidents__table-shell, .admin-security-incident-detail__table-shell { border: 1px solid var(--security-border); border-radius: 13px; margin-top: 18px; overflow-x: auto; }
.admin-security-incidents__table { border: 0; margin: 0; min-width: 1040px; }
.admin-security-incidents__table thead th, .admin-security-incident-detail__table thead th { background: #f7faff; color: #607495; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.admin-security-incidents__table tbody tr:hover, .admin-security-incident-detail__table tbody tr:hover { background: #f8fbff; }
.admin-security-incidents__table td, .admin-security-incident-detail__table td { border-bottom-color: #edf2f8; vertical-align: middle; }
.admin-security-incidents__table td a, .admin-security-incident-detail__table td a { color: var(--security-blue-dark); font-weight: 750; }
.admin-security-incidents__event-count { background: #eaf3ff; border-radius: 999px; color: var(--security-blue-dark); display: inline-flex; min-width: 25px; padding: 6px 8px; justify-content: center; }
.admin-security-incidents__severity { background: #fff7e8; border-radius: 999px; color: #a15c00; display: inline-flex; font-size: 11px; font-weight: 800; padding: 7px 9px; text-transform: capitalize; }
.admin-security-incident-detail__hero-status { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.admin-security-incident-detail__sla { flex-basis: 100%; color: #8a5510 !important; font-weight: 700; }
.admin-security-incident-detail__card { padding: 20px; }
.admin-security-incident-detail__card h2 { color: var(--security-ink); font-size: 18px; margin-top: 0; }
.admin-security-incident-detail__section-heading { margin-bottom: 16px; }
.admin-security-incident-detail__grid { display: grid; gap: 13px 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.admin-security-incident-detail__grid dt { color: var(--security-muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.admin-security-incident-detail__grid dd { color: var(--security-ink); font-weight: 650; margin: 2px 0 0; overflow-wrap: anywhere; }
.admin-security-incident-detail__action-card { background: linear-gradient(180deg, #fff 0%, #fbfdff 100%); }
.admin-security-incident-detail__action-card form { align-items: end; display: flex; flex-wrap: wrap; gap: 12px; }
.admin-security-incident-detail__action-card form label { color: #496384; display: grid; flex: 1 1 280px; font-size: 12px; font-weight: 700; gap: 6px; }
.admin-security-incident-detail__action-card input, .admin-security-incident-detail__action-card select, .admin-security-incident-detail__action-card textarea { background: #fff; border-color: #cbdced; }
.admin-security-incidents__button, .admin-security-incident-detail__action-card button { background: var(--security-blue); border-radius: 9px; min-height: 40px; }
.admin-security-incident-detail__card article { border-left: 3px solid #cfe3f8; margin-top: 12px; padding: 10px 14px; }
@media (max-width: 760px) {
    .admin-security-incidents__hero { align-items: flex-start; }
    .admin-security-incidents__hero-meta, .admin-security-incidents__hero-action { margin-left: 68px; }
    .admin-security-incidents__section-heading { align-items: flex-start; gap: 10px; }
    .admin-security-incidents__filters { grid-template-columns: 1fr; }
    .admin-security-incident-detail__grid { grid-template-columns: 1fr; }
    .admin-security-incident-detail__action-card form { align-items: stretch; flex-direction: column; }
}

pre {
    white-space: pre-wrap;
}

.mfa-qr-wrap {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7deea;
    border-radius: 8px;
    display: inline-flex;
    margin: 12px 0;
    padding: 12px;
}

.mfa-qr-code {
    display: block;
    height: 244px;
    width: 244px;
}

.article-editor-header {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.article-editor-header h1 {
    color: #212529;
    font-size: 32px;
    line-height: 1.1;
    margin: 6px 0 6px;
}

.article-header-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.back-link,
.button-secondary {
    align-items: center;
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    color: #40506a;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    min-height: 36px;
    padding: 8px 11px;
    text-decoration: none;
}

.back-link {
    background: #ffffff;
}

.button-secondary {
    background: #eef6fb;
}

.article-editor-shell {
    margin-top: 16px;
}

.article-composer-grid {
    align-items: start;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
}

.article-composer-main,
.article-composer-sidebar {
    display: grid;
    gap: 16px;
}

.article-composer-sidebar {
    position: sticky;
    top: 20px;
}

.article-composer-panel,
.article-sidebar-panel {
    background: #ffffff;
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(56, 130, 249, 0.06);
    display: grid;
    gap: 12px;
    padding: 18px;
}

.article-composer-panel h2,
.article-sidebar-panel h2 {
    font-size: 16px;
    margin: 0;
}

.article-panel-heading {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.article-panel-heading .muted {
    margin: 4px 0 0;
}

.article-title-input {
    font-size: 22px;
    font-weight: 800;
    min-height: 52px;
}

.required-marker {
    color: #dc2626;
}

.editor-toolbar {
    align-items: center;
    background: #f6fbff;
    border: 1px solid #cfe4f2;
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
}

.editor-toolbar button {
    background: #ffffff;
    border-color: #cbd4e1;
    color: #40506a;
    min-width: 38px;
    padding: 7px 10px;
}

.editor-toolbar button:hover,
.editor-toolbar button.is-active {
    background: #dcedf5;
    border-color: #9dc3dc;
    color: #1f5fbf;
}

.tiptap-editor-shell {
    background: #ffffff;
    border: 1px solid #cfe4f2;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    min-height: 460px;
    padding: 20px;
}

.tiptap-editor-content {
    line-height: 1.7;
    min-height: 420px;
    outline: none;
}

.tiptap-editor-content p:first-child {
    margin-top: 0;
}

.tiptap-editor-content blockquote,
.article-rendered .article-body blockquote {
    border-left: 4px solid #8da2bf;
    color: #526071;
    margin-left: 0;
    padding-left: 14px;
}

.tiptap-editor-content hr,
.article-rendered .article-body hr {
    border: 0;
    border-top: 1px solid #d7deea;
    margin: 18px 0;
}

.is-wysiwyg-ready .editor-fallback-hidden {
    display: none;
}

.stacked-actions {
    align-items: stretch;
    display: grid;
}

.article-publish-actions {
    display: grid;
    gap: 8px;
}

.article-publish-actions button,
.article-publish-actions .button-secondary {
    justify-content: center;
    width: 100%;
}

.article-publish-actions button:not(.primary-action) {
    background: #ffffff;
    color: #40506a;
}

.article-publish-actions .primary-action {
    background: #3882f9;
}

.cover-preview,
.cover-placeholder,
.cover-dropzone,
.attachments-deferred {
    border: 1px dashed #9dc3dc;
    border-radius: 8px;
}

.cover-preview {
    overflow: hidden;
}

.cover-placeholder {
    align-items: center;
    aspect-ratio: 16 / 9;
    background: #eef6fb;
    color: #667085;
    display: flex;
    justify-content: center;
    padding: 14px;
    text-align: center;
}

.cover-dropzone {
    background: #f6fbff;
    color: #40506a;
    display: grid;
    gap: 10px;
    padding: 16px;
}

.cover-dropzone input {
    background: #ffffff;
    width: 100%;
}

.attachments-deferred {
    background: #f6fbff;
    color: #40506a;
    display: grid;
    gap: 4px;
    padding: 14px;
}

.compact-meta {
    display: grid;
    gap: 10px;
    margin: 0;
}

.compact-meta div {
    display: grid;
    gap: 3px;
}

.compact-meta dt {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.compact-meta dd {
    margin: 0;
}

.editor-preview-panel {
    border: 1px solid #d7deea;
    border-radius: 8px;
    padding: 12px;
}

.article-preview-live {
    background: #f6f9fc;
    border-radius: 8px;
    min-height: 120px;
    padding: 14px;
    white-space: pre-wrap;
}

.article-rendered .article-body {
    display: grid;
    gap: 12px;
    line-height: 1.7;
}

.article-rendered .article-body h2,
.article-rendered .article-body h3 {
    margin: 12px 0 0;
}

.image-upload-first,
.media-upload-first {
    display: grid;
    gap: 16px;
    margin: 0 auto;
    max-width: 760px;
}

.image-create-header,
.media-create-header {
    display: grid;
    gap: 12px;
}

.image-create-header h1,
.media-create-header h1 {
    font-size: 36px;
    line-height: 1.1;
    margin: 0;
}

.image-info-alert,
.media-info-alert {
    background: #dcedf5;
    border: 1px solid #9dc3dc;
    border-radius: 8px;
    color: #244766;
    display: grid;
    gap: 4px;
    padding: 14px 16px;
}

.image-upload-form,
.media-upload-form {
    background: #ffffff;
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(56, 130, 249, 0.06);
    display: grid;
    gap: 12px;
    padding: 18px;
}

.image-dropzone,
.media-dropzone {
    align-items: center;
    background: #fafcfc;
    border: 2px dashed #9dc3dc;
    border-radius: 8px;
    color: #40506a;
    cursor: pointer;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-height: 260px;
    padding: 28px;
    text-align: center;
}

.image-dropzone:focus,
.image-dropzone:focus-within,
.media-dropzone:focus,
.media-dropzone:focus-within,
.image-dropzone.is-drag-over,
.media-dropzone.is-drag-over {
    border-color: #3882f9;
    box-shadow: 0 0 0 4px rgba(56, 130, 249, 0.14);
    outline: none;
}

.visually-hidden-file-input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.image-selected-summary,
.media-selected-summary {
    color: #1f5fbf;
    font-size: 13px;
    font-weight: 800;
}

.image-dropzone-icon,
.media-dropzone-icon {
    align-items: center;
    background: #e6f2f7;
    border: 1px solid #9dc3dc;
    border-radius: 8px;
    color: #3882f9;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    height: 48px;
    justify-content: center;
    width: 56px;
}

.media-selected-files {
    color: #667085;
    font-size: 12px;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.image-accepted-types,
.image-policy-note,
.media-accepted-types,
.media-policy-note {
    color: #40506a;
    font-size: 13px;
    margin: 0;
    text-align: center;
}

.image-details-shell form {
    display: block;
}

.image-details-shell textarea {
    border: 1px solid #cbd3df;
    border-radius: 8px;
    padding: 10px;
    resize: vertical;
    width: 100%;
}

.image-generation-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.image-preview-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

.image-preview-tile {
    background: #fafcfc;
    border: 1px solid #d7e7f2;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 8px;
}

.image-preview-tile img {
    aspect-ratio: 1;
    border-radius: 6px;
    height: auto;
    object-fit: cover;
    width: 100%;
}

.image-preview-tile span {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
}

.image-delete-draft-form {
    margin-top: 16px;
}

.image-delete-draft-form button {
    background: #ffffff;
    border-color: #fecaca;
    color: #b91c1c;
}

.article-rendered .article-body pre {
    background: #f6f9fc;
    border: 1px solid #d7deea;
    border-radius: 8px;
    overflow-x: auto;
    padding: 12px;
}

.article-excerpt {
    font-size: 1.05rem;
    font-weight: 600;
}

.comments-panel {
    margin-top: 18px;
}

.comments-heading {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 14px;
}

.comment-form {
    background: #f6fbff;
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
    padding: 14px;
}

.comment-form.compact {
    margin-top: 8px;
}

.comment-form textarea {
    border: 1px solid #cbd3df;
    border-radius: 8px;
    padding: 10px;
    resize: vertical;
    width: 100%;
}

.comments-list,
.comment-replies {
    display: grid;
    gap: 12px;
}

.comment-replies {
    border-left: 2px solid #dcedf5;
    margin-top: 12px;
    padding-left: 14px;
}

.comment-card {
    display: grid;
    gap: 12px;
    grid-template-columns: 42px minmax(0, 1fr);
}

.comment-avatar {
    align-items: center;
    background: #dcedf5;
    border: 1px solid #9dc3dc;
    border-radius: 999px;
    color: #1f5fbf;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.comment-body-wrap {
    background: #ffffff;
    border: 1px solid #d7e7f2;
    border-radius: 8px;
    padding: 12px;
}

.comment-meta,
.comment-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.comment-meta {
    color: #667085;
    font-size: 13px;
    justify-content: space-between;
}

.comment-meta strong {
    color: #212529;
}

.comment-content {
    line-height: 1.6;
    margin: 10px 0;
}

.comment-content a {
    color: #1f5fbf;
    font-weight: 800;
}

.comment-actions {
    color: #667085;
    font-size: 13px;
}

.comment-actions form {
    margin: 0;
}

.comment-actions button,
.comment-reply-box summary,
.comment-report-box summary {
    background: #eef6fb;
    border: 1px solid #cfe4f2;
    border-radius: 8px;
    color: #40506a;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    min-height: 32px;
    padding: 6px 9px;
}

.comment-reply-box,
.comment-report-box {
    margin-top: 10px;
}

.announcements-strip {
    display: grid;
    gap: 8px;
    margin: 0 0 var(--space-4);
}

.announcements-list {
    display: grid;
    gap: 10px;
}

.announcement-card {
    align-items: start;
    background: #ffffff;
    border: 1px solid #d7e7f2;
    border-left: 4px solid #6aa6d8;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px;
}

.announcement-card-compact {
    align-items: center;
    background: #f4faff;
    border-color: #b7dcef;
    box-shadow: 0 8px 22px rgba(31, 95, 191, 0.08);
    gap: 10px;
    padding: 8px 10px 8px 12px;
}

.announcement-card-compact .announcement-card-main {
    align-items: start;
    display: grid;
    gap: 3px;
    min-width: 0;
}

.announcement-card-kicker {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.announcement-card-new {
    border-left-color: #2f9e44;
}

.announcement-card-info {
    border-left-color: #1f5fbf;
}

.announcement-card-warning {
    border-left-color: #f08c00;
}

.announcement-card-critical {
    border-left-color: #c92a2a;
}

.announcement-card h3 {
    margin: 8px 0 6px;
}

.announcement-card-compact h3 {
    font-size: 14px;
    line-height: 1.25;
    margin: 0;
    min-width: 0;
}

.announcement-card p {
    margin: 0;
}

.announcement-card-compact p {
    color: #40506a;
    font-size: 13px;
    line-height: 1.35;
}

.announcement-badge {
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    padding: 4px 9px;
}

.announcement-badge-new {
    background: #d3f9d8;
    color: #2b8a3e;
}

.announcement-badge-info {
    background: #dcedf5;
    color: #1f5fbf;
}

.announcement-badge-success {
    background: #d3f9d8;
    color: #2b8a3e;
}

.announcement-badge-warning {
    background: #fff3bf;
    color: #e67700;
}

.announcement-badge-critical {
    background: #ffe3e3;
    color: #c92a2a;
}

.announcement-actions {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.announcement-dismiss,
.announcement-help {
    align-items: center;
    background: #eef6fb;
    border: 1px solid #cfe4f2;
    border-radius: 999px;
    color: #40506a;
    cursor: pointer;
    display: inline-flex;
    font-size: 18px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    line-height: 1;
    width: 32px;
}

.announcement-help .default-theme-icon,
.announcement-dismiss .default-theme-icon {
    height: 16px;
    pointer-events: none;
    width: 16px;
}

.announcement-help:hover,
.announcement-help:focus,
.announcement-dismiss:hover,
.announcement-dismiss:focus {
    background: #eaf4fe;
    border-color: #9cc9e6;
    color: #1f5fbf;
}

.plugin-home-notices {
    display: grid;
    gap: 10px;
    margin: 18px 0;
}

.plugin-home-notice {
    background: #ffffff;
    border: 1px solid #d7e7f2;
    border-left: 4px solid #1f5fbf;
    border-radius: 8px;
    padding: 14px;
}

.plugin-home-notice-success {
    border-left-color: #2f9e44;
}

.plugin-home-notice-warning {
    border-left-color: #f08c00;
}

.plugin-home-notice h2 {
    margin: 8px 0 6px;
}

.plugin-home-notice p {
    margin: 0;
}

.public-home-shell--without-right .public-home-main-column {
    margin-right: var(--public-home-shell-gap);
}

.public-error-page {
    display: grid;
    gap: var(--space-8);
    margin: 0 auto;
    max-width: 1160px;
    min-width: 0;
    padding: var(--space-5) var(--space-6) var(--space-8);
    width: 100%;
}

.public-error-page__hero {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 0;
    text-align: center;
}

.public-error-page__illustration {
    align-items: center;
    aspect-ratio: 1624 / 968;
    display: flex;
    justify-content: center;
    max-width: 900px;
    overflow: hidden;
    width: 100%;
}

.public-error-page__illustration img {
    display: block;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
}

.public-error-page__fallback {
    color: var(--color-accent);
    font-size: 160px;
    font-weight: 900;
    line-height: 1;
}

.public-error-page__copy {
    display: grid;
    gap: var(--space-3);
    justify-items: center;
    max-width: 760px;
}

.public-error-page__copy h1 {
    color: var(--color-text);
    font-size: 40px;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

.public-error-page__copy p {
    color: var(--color-muted);
    font-size: 17px;
    line-height: 1.6;
    margin: 0;
}

.public-error-page__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    justify-content: center;
    margin-top: var(--space-6);
}

.public-error-page__action {
    align-items: center;
    display: inline-flex;
    gap: var(--space-2);
    justify-content: center;
    min-height: 46px;
    min-width: 180px;
    text-decoration: none;
}

.public-error-page__action .default-theme-icon,
.public-error-page__suggestion .default-theme-icon,
.public-error-page__help > .default-theme-icon {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.public-error-page .default-theme-button-secondary {
    background: var(--color-panel);
    border-color: var(--color-search-active-border);
    color: var(--color-accent-strong);
}

.public-error-page .default-theme-button-secondary:hover,
.public-error-page .default-theme-button-secondary:focus-visible {
    background: var(--color-accent-soft);
}

.public-error-page__suggestions {
    border-bottom: 1px solid var(--color-border-soft);
    border-top: 1px solid var(--color-border-soft);
    display: grid;
    gap: var(--space-5);
    padding: var(--space-6) 0;
}

.public-error-page__suggestions h2,
.public-error-page__help h2 {
    color: var(--color-text);
    font-size: 20px;
    letter-spacing: 0;
    margin: 0;
}

.public-error-page__suggestion-grid {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.public-error-page__suggestion {
    align-items: center;
    background: var(--color-panel);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    color: var(--color-text);
    display: inline-flex;
    font-weight: 700;
    gap: var(--space-2);
    justify-content: center;
    min-height: 48px;
    min-width: 0;
    padding: var(--space-3);
    text-decoration: none;
}

.public-error-page__suggestion:hover,
.public-error-page__suggestion:focus-visible {
    border-color: var(--color-search-active-border);
    color: var(--color-accent-strong);
}

.public-error-page__help {
    align-items: center;
    background: var(--color-panel-soft);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
    display: grid;
    gap: var(--space-4);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--space-5) var(--space-6);
}

.public-error-page__help > .default-theme-icon {
    color: var(--color-accent-strong);
    height: 28px;
    width: 28px;
}

.public-error-page__help div {
    display: grid;
    gap: var(--space-2);
}

.public-error-page__help p {
    color: var(--color-muted);
    line-height: 1.5;
    margin: 0;
}

.public-error-page__help-action {
    min-height: 42px;
    text-decoration: none;
}

@media (max-width: 1000px) {
    .public-error-page__suggestion-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .public-home-shell--without-right .public-home-main-column {
        margin-right: 0;
    }

    .public-error-page {
        gap: var(--space-7);
        padding: var(--space-4) 0 var(--space-7);
    }

    .public-error-page__copy h1 {
        font-size: 34px;
    }

    .public-error-page__help {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .public-error-page__help-action {
        grid-column: 1 / -1;
        justify-self: stretch;
        text-align: center;
    }
}

@media (max-width: 520px) {
    .public-error-page__illustration {
        aspect-ratio: 4 / 3;
    }

    .public-error-page__copy h1 {
        font-size: 30px;
    }

    .public-error-page__actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .public-error-page__action {
        width: 100%;
    }

    .public-error-page__suggestion-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-error-page__help {
        padding: var(--space-4);
    }
}

@media (max-width: 1400px) {
    .public-create-article .article-composer-grid {
        grid-template-columns: 1fr;
    }

    .public-create-article .article-composer-sidebar {
        position: static;
    }
}

@media (max-width: 800px) {
    .admin-shell {
        padding: 0 var(--space-4) var(--space-7);
    }

    .admin-shell-left {
        height: auto;
        position: static;
        width: auto;
    }

    .admin-shell-main {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
    }

    .admin-shell--left-collapsed .admin-shell-left {
        display: none;
        transform: none;
    }

    .admin-shell--left-collapsed .admin-shell-main {
        margin-left: 0;
    }

    .admin-shell--left-collapsed .default-theme-header {
        left: auto;
    }

    .admin-shell-content.content-main {
        padding-left: 0;
        padding-right: 0;
    }

    .admin-sidebar {
        height: auto;
        max-height: 50vh;
    }

    .site-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .public-home-shell {
        padding: var(--space-4);
    }

    .public-article-detail__surface {
        padding: var(--space-4);
    }

    .public-article-detail__header h1 {
        font-size: 34px;
    }

    .public-article-detail__subtitle {
        font-size: 18px;
    }

    .public-article-detail__body {
        font-size: 16px;
    }

    .public-home-left,
    .public-home-right {
        height: auto;
        margin-top: 0;
        position: static;
        transform: none;
        width: auto;
    }

    .public-home-main-column {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
    }

    .public-home-shell--left-collapsed .public-home-main-column {
        margin-left: 0;
    }

    .public-home-shell--right-collapsed .public-home-right {
        transform: none;
        width: auto;
    }

    .public-home-shell--right-collapsed .public-home-main-column {
        margin-right: 0;
    }

    .public-home-right-toggle {
        display: none;
    }

    .default-theme-header {
        align-items: stretch;
        flex-direction: column;
        left: auto;
        position: static;
        right: auto;
    }

    .default-theme-header-left,
    .default-theme-actions {
        width: 100%;
    }

    .default-theme-search-form,
    .default-theme-search {
        max-width: none;
        width: 100%;
    }

    .default-theme-filter-row {
        align-items: stretch;
        flex-direction: column;
    }

    .default-theme-filter-row.is-sticky {
        top: var(--space-4);
    }

    .default-theme-filter,
    .default-theme-filter-aside,
    .default-theme-filter-select {
        width: 100%;
    }

    .public-home-content-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    .public-profile-hero__banner {
        height: 150px;
    }

    .public-profile-hero__body {
        align-items: center;
        grid-template-columns: 1fr;
        justify-items: center;
        padding-inline: var(--space-4);
        text-align: center;
    }

    .public-profile-hero__identity,
    .public-profile-hero__title-row {
        justify-items: center;
        justify-content: center;
    }

    .public-profile-hero__stats {
        gap: var(--space-3);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-inline: var(--space-4);
    }

    .public-profile-hero__stats div + div {
        border-left: 0;
    }

    .public-home-nav-card {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        height: auto;
        max-height: 50vh;
    }

    .public-home-nav-card .brand {
        grid-column: 1 / -1;
    }

    .public-home-sidebar-link {
        min-height: 40px;
        padding: 10px 12px;
    }

    .shell {
        grid-template-columns: 1fr;
    }

    .main,
    .content-main {
        padding: 20px;
    }

    .detail-row {
        grid-template-columns: 1fr;
    }

    .article-editor-header,
    .article-panel-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .article-header-actions {
        justify-content: flex-start;
    }

    .article-composer-grid {
        grid-template-columns: 1fr;
    }

    .article-composer-sidebar {
        position: static;
    }

    .comments-heading,
    .comment-meta {
        align-items: stretch;
        flex-direction: column;
    }

    .comment-card {
        grid-template-columns: 1fr;
    }

    .announcement-card {
        grid-template-columns: 1fr;
    }
}

/* Butterfly.3 Admin Images index. */
.admin-images-index,
.admin-images-index__card,
.admin-images-index__table-wrap,
.admin-images-index__table {
    min-width: 0;
}

.admin-images-index {
    display: grid;
    gap: var(--space-4);
    max-width: 1480px;
}

.admin-images-index__header,
.admin-images-index__card-heading,
.admin-images-index__table-heading {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    justify-content: space-between;
}

.admin-images-index__header {
    align-items: flex-start;
}

.admin-images-index__header h1,
.admin-images-index__card h2,
.admin-images-index__empty h3 {
    margin: 0;
}

.admin-images-index__header h1 {
    font-size: clamp(1.5rem, 2vw, 2rem);
}

.admin-images-index__header p:last-child {
    color: var(--color-muted);
    margin: var(--space-1) 0 0;
}

.admin-images-index__eyebrow {
    color: var(--color-muted);
    font-size: .75rem;
    letter-spacing: .04em;
    margin: 0 0 var(--space-1);
    text-transform: uppercase;
}

.admin-images-index__primary-action,
.admin-images-index__filter-button {
    align-items: center;
    background: var(--color-accent);
    border: 1px solid var(--color-accent);
    border-radius: var(--radius-md);
    color: #fff;
    display: inline-flex;
    font-weight: 700;
    gap: var(--space-2);
    justify-content: center;
    min-height: 42px;
    padding: 0 var(--space-4);
    text-decoration: none;
}

.admin-images-index__primary-action:hover,
.admin-images-index__primary-action:focus-visible,
.admin-images-index__filter-button:hover,
.admin-images-index__filter-button:focus-visible {
    background: var(--color-accent-strong);
    border-color: var(--color-accent-strong);
    color: #fff;
}

.admin-images-index__card {
    background: var(--color-panel);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-soft-card);
    padding: var(--space-4);
}

.admin-images-index__clear-link,
.admin-images-index__table a,
.admin-images-index__action-menu a,
.admin-images-index__empty a {
    color: var(--color-accent-strong);
    text-decoration: none;
}

.admin-images-index__clear-link {
    font-size: .82rem;
    font-weight: 700;
}

.admin-images-index__filter-form {
    align-items: end;
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: var(--space-4);
}

.admin-images-index__filter-form label,
.admin-images-index__per-page label,
.admin-images-index__action-menu label {
    display: grid;
    gap: var(--space-1);
}

.admin-images-index__filter-form label > span,
.admin-images-index__per-page label > span,
.admin-images-index__action-menu label > span {
    color: var(--color-muted);
    font-size: .75rem;
    font-weight: 700;
}

.admin-images-index__filter-form input,
.admin-images-index__filter-form select,
.admin-images-index__per-page select,
.admin-images-index__action-menu select {
    background: var(--color-panel);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    min-height: 40px;
    min-width: 0;
    padding: 0 var(--space-3);
    width: 100%;
}

.admin-images-index__search-field {
    grid-column: span 2;
}

.admin-images-index__filter-actions {
    display: flex;
    justify-content: flex-end;
}

.admin-images-index__filter-button {
    border: 0;
    cursor: pointer;
    min-width: 110px;
}

.admin-images-index__per-page {
    align-items: end;
    display: flex;
    gap: var(--space-2);
}

.admin-images-index__per-page label {
    min-width: 122px;
}

.admin-images-index__per-page button {
    background: var(--color-panel);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    color: var(--color-accent-strong);
    cursor: pointer;
    min-height: 40px;
    padding: 0 var(--space-3);
}

.admin-images-index__table-wrap {
    margin: var(--space-4) calc(var(--space-4) * -1) 0;
    overflow-x: auto;
    padding: 0 var(--space-4);
    -webkit-overflow-scrolling: touch;
}

.admin-images-index__table {
    border-collapse: collapse;
    min-width: 1060px;
    width: 100%;
}

.admin-images-index__table th,
.admin-images-index__table td {
    border-bottom: 1px solid var(--color-border-soft);
    padding: var(--space-3) var(--space-2);
    text-align: left;
    vertical-align: middle;
}

.admin-images-index__table th {
    color: var(--color-muted);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.admin-images-index__table th a {
    align-items: center;
    display: inline-flex;
    gap: var(--space-1);
}

.admin-images-index__table th a span {
    color: var(--color-accent-strong);
    font-size: .8rem;
}

.admin-images-index__table td {
    font-size: .82rem;
}

.admin-images-index__title-cell {
    min-width: 300px;
}

.admin-images-index__image-cell {
    align-items: center;
    display: flex;
    gap: var(--space-3);
}

.admin-images-index__image-cell > img,
.admin-images-index__thumbnail-placeholder {
    align-items: center;
    background: var(--color-panel-soft);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    display: inline-flex;
    flex: 0 0 auto;
    height: 48px;
    justify-content: center;
    object-fit: cover;
    overflow: hidden;
    width: 64px;
}

.admin-images-index__thumbnail-placeholder {
    color: var(--color-muted);
}

.admin-images-index__image-cell strong {
    display: block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-images-index__chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin-top: var(--space-1);
}

.admin-images-index__chips span {
    background: var(--color-panel-soft);
    border-radius: 999px;
    color: var(--color-muted);
    font-size: .7rem;
    max-width: 110px;
    overflow: hidden;
    padding: 2px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-images-index__badge {
    background: var(--color-panel-soft);
    border-radius: 999px;
    color: var(--color-muted);
    display: inline-flex;
    font-size: .72rem;
    font-weight: 700;
    padding: 4px 8px;
    white-space: nowrap;
}

.admin-images-index__badge--published,
.admin-images-index__badge--safe,
.admin-images-index__badge--public {
    background: #ecfdf3;
    color: #15803d;
}

.admin-images-index__badge--pending,
.admin-images-index__badge--flagged,
.admin-images-index__badge--unlisted {
    background: #fff7ed;
    color: #c2410c;
}

.admin-images-index__badge--blocked,
.admin-images-index__badge--rejected {
    background: #fef2f2;
    color: #b91c1c;
}

.admin-images-index__stats {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    min-width: 120px;
}

.admin-images-index__stats span {
    align-items: center;
    color: var(--color-muted);
    display: inline-flex;
    gap: 3px;
    white-space: nowrap;
}

.admin-images-index__stats .default-theme-icon {
    flex: 0 0 auto;
}

.admin-images-index__actions {
    position: relative;
}

.admin-images-index__actions summary {
    align-items: center;
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    list-style: none;
    width: 34px;
}

.admin-images-index__actions summary::-webkit-details-marker {
    display: none;
}

.admin-images-index__action-menu {
    background: var(--color-panel);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-soft-card);
    display: grid;
    gap: var(--space-2);
    min-width: 180px;
    padding: var(--space-3);
    position: absolute;
    right: 0;
    top: calc(100% + var(--space-2));
    z-index: 5;
}

.admin-images-index__action-menu form {
    border-top: 1px solid var(--color-border-soft);
    display: grid;
    gap: var(--space-2);
    padding-top: var(--space-2);
}

.admin-images-index__action-menu button {
    background: var(--color-accent);
    border: 0;
    border-radius: var(--radius-sm);
    color: #fff;
    cursor: pointer;
    min-height: 34px;
}

.admin-images-index__empty {
    align-items: center;
    color: var(--color-muted);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    justify-content: center;
    min-height: 240px;
    padding: var(--space-6);
    text-align: center;
}

.admin-images-index__empty .default-theme-icon {
    color: var(--color-accent-strong);
}

.admin-images-index__empty h3 {
    color: var(--color-text);
    font-size: 1rem;
}

.admin-images-index__empty p {
    margin: 0;
}

.admin-images-index__pagination {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    justify-content: space-between;
    margin-top: var(--space-4);
}

.admin-images-index__pagination > span {
    color: var(--color-muted);
    font-size: .8rem;
}

.admin-images-index .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin: 0;
}

.admin-images-index .pagination a,
.admin-images-index .pagination span {
    align-items: center;
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    display: inline-flex;
    justify-content: center;
    min-height: 32px;
    min-width: 32px;
    padding: 0 8px;
}

.admin-images-index .pagination .active span {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: #fff;
}

.admin-images-index__visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (max-width: 1100px) {
    .admin-images-index__filter-form {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-images-index__search-field {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .admin-images-index__filter-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-images-index__search-field {
        grid-column: 1 / -1;
    }

    .admin-images-index__pagination,
    .admin-images-index__table-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .admin-images-index__header,
    .admin-images-index__filter-form {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    .admin-images-index__primary-action,
    .admin-images-index__filter-button {
        width: 100%;
    }

    .admin-images-index__search-field {
        grid-column: auto;
    }

    .admin-images-index__filter-actions {
        justify-content: stretch;
    }

    .admin-images-index__per-page {
        width: 100%;
    }

    .admin-images-index__per-page label {
        flex: 1;
    }

    .admin-images-index__card {
        padding: var(--space-3);
    }

    .admin-images-index__table-wrap {
        margin-inline: calc(var(--space-3) * -1);
        padding-inline: var(--space-3);
    }
}

/* Butterfly.4 Admin content index contract. */
.admin-videos-index,
.admin-articles-index,
.admin-prompts-index {
    min-width: 0;
}

.admin-content-index {
    --admin-content-border: #dbe5f0;
    --admin-content-muted: #64748b;
    --admin-content-blue: #1672df;
    color: #14233b;
}

.admin-content-index__header,
.admin-content-index__table-heading,
.admin-content-index__card-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-5);
}

.admin-content-index__header {
    margin-bottom: var(--space-5);
}

.admin-content-index__header h1,
.admin-content-index__card-heading h2,
.admin-content-index__table-heading h2 {
    margin: 0;
    color: #14233b;
}

.admin-content-index__header h1 {
    font-size: clamp(1.75rem, 2.5vw, 2.25rem);
}

.admin-content-index__header p:last-child {
    margin: var(--space-2) 0 0;
    color: var(--admin-content-muted);
}

.admin-content-index__eyebrow {
    margin: 0 0 var(--space-2);
    color: var(--admin-content-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-content-index__primary-action,
.admin-content-index__filter-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 42px;
    border: 1px solid var(--admin-content-blue);
    border-radius: 8px;
    background: var(--admin-content-blue);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.admin-content-index__primary-action {
    padding: 0 var(--space-4);
}

.admin-content-index__card {
    border: 1px solid var(--admin-content-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19, 49, 83, .06);
}

.admin-content-index__filters {
    margin-bottom: var(--space-5);
    padding: var(--space-5);
}

.admin-content-index__card-heading {
    align-items: center;
    margin-bottom: var(--space-4);
}

.admin-content-index__card-heading h2,
.admin-content-index__table-heading h2 {
    font-size: 1.15rem;
}

.admin-content-index__clear-link {
    color: var(--admin-content-blue);
    font-weight: 700;
}

.admin-content-index__filter-form {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-4);
    align-items: end;
}

.admin-content-index__filter-form label,
.admin-content-index__per-page label {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
    color: #263852;
    font-size: .8rem;
    font-weight: 700;
}

.admin-content-index__filter-form input,
.admin-content-index__filter-form select,
.admin-content-index__per-page select,
.admin-content-index__action-menu select {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--admin-content-border);
    border-radius: 7px;
    background: #fff;
    color: #14233b;
    padding: 0 .75rem;
}

.admin-content-index__search-field {
    grid-column: span 2;
}

.admin-content-index__filter-actions {
    display: flex;
    justify-content: flex-end;
}

.admin-content-index__filter-button {
    width: 100%;
    padding: 0 var(--space-4);
}

.admin-content-index__table-card {
    overflow: hidden;
}

.admin-content-index__table-heading {
    align-items: center;
    padding: var(--space-5);
}

.admin-content-index__per-page {
    display: flex;
    align-items: end;
    gap: var(--space-2);
}

.admin-content-index__per-page button,
.admin-content-index__action-menu button {
    min-height: 40px;
    border: 1px solid var(--admin-content-border);
    border-radius: 7px;
    background: #f8fbff;
    color: #164b86;
    padding: 0 .75rem;
    font-weight: 700;
    cursor: pointer;
}

.admin-content-index__table-wrap {
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.admin-content-index__table {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
    font-size: .84rem;
}

.admin-content-index__table th,
.admin-content-index__table td {
    border-top: 1px solid #e8eef5;
    padding: .85rem .9rem;
    text-align: left;
    vertical-align: middle;
}

.admin-content-index__table th {
    background: #f8fbff;
    color: #53657e;
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-content-index__table th a {
    color: inherit;
    text-decoration: none;
}

.admin-content-index__table th a:focus-visible,
.admin-content-index__table a:focus-visible,
.admin-content-index__table button:focus-visible,
.admin-content-index__table summary:focus-visible,
.admin-content-index__filter-form input:focus-visible,
.admin-content-index__filter-form select:focus-visible,
.admin-content-index__per-page select:focus-visible {
    outline: 3px solid rgba(22, 114, 223, .28);
    outline-offset: 2px;
}

.admin-content-index__title-cell {
    min-width: 340px;
}

.admin-content-index__media-cell {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
}

.admin-content-index__media-cell img,
.admin-content-index__thumbnail-placeholder {
    display: grid;
    flex: 0 0 64px;
    width: 64px;
    height: 48px;
    place-items: center;
    border: 1px solid var(--admin-content-border);
    border-radius: 7px;
    background: #eef5fc;
    color: #6d83a0;
    object-fit: cover;
}

.admin-content-index__media-cell > div {
    min-width: 0;
}

.admin-content-index__media-cell strong,
.admin-content-index__media-cell small {
    display: block;
    overflow: hidden;
    max-width: 270px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-content-index__media-cell small,
.admin-content-index__stack small {
    margin-top: .25rem;
    color: var(--admin-content-muted);
}

.admin-content-index__chips {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .35rem;
}

.admin-content-index__chips span {
    border-radius: 999px;
    background: #edf5ff;
    color: #376795;
    padding: .18rem .4rem;
    font-size: .68rem;
}

.admin-content-index__badge {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    border-radius: 999px;
    padding: .2rem .55rem;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.admin-content-index__badge--status { background: #eaf8f0; color: #177447; }
.admin-content-index__badge--visibility { background: #eef5ff; color: #2c5e9b; }
.admin-content-index__badge--safety { background: #fff7e7; color: #99620a; }

.admin-content-index__stack,
.admin-content-index__stats {
    display: grid;
    gap: .2rem;
    white-space: nowrap;
}

.admin-content-index__stats { color: #39516d; font-size: .77rem; }

.admin-content-index__actions details { position: relative; }

.admin-content-index__actions summary {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    border: 1px solid var(--admin-content-border);
    border-radius: 7px;
    background: #fff;
    color: #245487;
    padding: 0 .65rem;
    cursor: pointer;
    font-weight: 700;
    list-style: none;
    white-space: nowrap;
}

.admin-content-index__actions summary::-webkit-details-marker { display: none; }
.admin-content-index__actions summary::after { content: ' +'; }
.admin-content-index__actions details[open] summary::after { content: ' -'; }

.admin-content-index__action-menu {
    position: absolute;
    z-index: 3;
    top: calc(100% + .35rem);
    right: 0;
    display: grid;
    min-width: 170px;
    gap: .5rem;
    border: 1px solid var(--admin-content-border);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(19, 49, 83, .14);
    padding: .6rem;
}

.admin-content-index__action-menu a {
    color: var(--admin-content-blue);
    font-weight: 700;
    text-decoration: none;
}

.admin-content-index__action-menu form { display: grid; gap: .45rem; }

.admin-content-index__action-menu button { min-height: 34px; }

.admin-content-index__empty {
    display: grid;
    justify-items: center;
    gap: .55rem;
    border-top: 1px solid #e8eef5;
    padding: 3rem var(--space-5);
    text-align: center;
}

.admin-content-index__empty h3,
.admin-content-index__empty p { margin: 0; }
.admin-content-index__empty p { color: var(--admin-content-muted); }
.admin-content-index__empty a { color: var(--admin-content-blue); font-weight: 700; }

.admin-content-index__pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    border-top: 1px solid #e8eef5;
    padding: var(--space-4) var(--space-5);
}

.admin-content-index__pagination p { margin: 0; color: var(--admin-content-muted); font-size: .82rem; }
.admin-content-index__pagination-links { display: flex; flex-wrap: wrap; gap: .35rem; }
.admin-content-index__pagination-links a,
.admin-content-index__pagination-links span { min-width: 34px; padding: .45rem .55rem; border: 1px solid var(--admin-content-border); border-radius: 6px; color: #31577f; text-align: center; text-decoration: none; }
.admin-content-index__pagination-links span[aria-hidden="true"] { color: #9aaabd; }
.admin-content-index__pagination-links .is-current { border-color: var(--admin-content-blue); background: var(--admin-content-blue); color: #fff; font-weight: 700; }
.admin-content-index__visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 1100px) {
    .admin-content-index__filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-content-index__search-field { grid-column: auto; }
}

@media (max-width: 760px) {
    .admin-content-index__header,
    .admin-content-index__table-heading,
    .admin-content-index__pagination { align-items: stretch; flex-direction: column; }
    .admin-content-index__primary-action,
    .admin-content-index__filter-button { width: 100%; }
    .admin-content-index__filter-form { grid-template-columns: 1fr; }
    .admin-content-index__filters,
    .admin-content-index__table-heading,
    .admin-content-index__pagination { padding: var(--space-4); }
    .admin-content-index__per-page { align-items: end; justify-content: space-between; }
    .admin-content-index__per-page label { flex: 1; }
    .admin-content-index__pagination-links { justify-content: center; }
}

@media (max-width: 520px) {
    .admin-content-index__card-heading { align-items: flex-start; flex-direction: column; }
    .admin-content-index__table { min-width: 1080px; }
}

/* Butterfly.5 shared content-management finish. */
.admin-content-index,
.admin-images-index {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
}

.admin-content-index__card,
.admin-images-index__card {
    border: 1px solid #dbe5f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19, 49, 83, .06);
}

.admin-content-index__filter-form,
.admin-images-index__filter-form {
    align-items: end;
    display: grid;
    gap: var(--space-4);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-content-index__filter-form input,
.admin-content-index__filter-form select,
.admin-images-index__filter-form input,
.admin-images-index__filter-form select,
.admin-content-index__per-page select,
.admin-content-index__action-menu select {
    box-sizing: border-box;
    min-height: 40px;
}

.admin-content-index__filter-actions,
.admin-images-index__filter-actions {
    align-items: center;
    display: flex;
    gap: var(--space-3);
    justify-content: flex-end;
}

.admin-content-index__filter-button,
.admin-images-index__filter-button {
    align-items: center;
    background: #1672df;
    border: 1px solid #1672df;
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    font-size: .84rem;
    font-weight: 700;
    gap: var(--space-2);
    justify-content: center;
    min-height: 40px;
    padding: 0 var(--space-4);
}

.admin-content-index__filter-button:hover,
.admin-content-index__filter-button:focus-visible,
.admin-images-index__filter-button:hover,
.admin-images-index__filter-button:focus-visible {
    background: #0f5fbf;
    border-color: #0f5fbf;
}

.admin-content-index__clear-link,
.admin-images-index__clear-link {
    color: #1672df;
    font-size: .84rem;
    font-weight: 700;
    white-space: nowrap;
}

.admin-content-index__table-wrap,
.admin-images-index__table-wrap {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    position: relative;
}

.admin-content-index__table,
.admin-images-index__table {
    min-width: 1180px;
}

.admin-content-index__actions {
    align-items: center;
    display: inline-flex;
    gap: var(--space-2);
    position: relative;
    white-space: nowrap;
}

.admin-content-index__action-fallback {
    background: transparent;
    border: 0;
    color: #1672df;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
}

.admin-content-index__action-trigger {
    align-items: center;
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 7px;
    color: #245487;
    cursor: pointer;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px;
}

.admin-content-index__action-trigger:hover,
.admin-content-index__action-trigger:focus-visible {
    background: #eef5ff;
    border-color: #1672df;
}

.admin-content-index__action-menu {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(19, 49, 83, .18);
    display: grid;
    gap: .5rem;
    min-width: 180px;
    padding: .6rem;
}

.admin-content-index__action-menu[hidden] { display: none; }
.admin-content-index__action-menu a { color: #1672df; font-weight: 700; text-decoration: none; }
.admin-content-index__action-menu form { border-top: 1px solid #e8eef5; display: grid; gap: .45rem; padding-top: .45rem; }
.admin-content-index__action-menu button { min-height: 34px; }

.admin-content-modal[hidden] { display: none; }
.admin-content-modal { position: fixed; z-index: 2100; inset: 0; display: grid; place-items: center; padding: 1rem; }
.admin-content-modal__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(10, 26, 48, .58); cursor: default; }
.admin-content-modal__panel { position: relative; z-index: 1; display: grid; width: min(100%, 920px); max-height: min(920px, calc(100vh - 2rem)); overflow: hidden; border: 1px solid #d9e6f2; border-radius: 1rem; background: #fff; box-shadow: 0 24px 75px rgba(9, 32, 61, .28); }
.admin-content-modal__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.35rem; border-bottom: 1px solid #e3edf6; background: linear-gradient(120deg, #f8fcff, #fff); }
.admin-content-modal__eyebrow { margin: 0 0 .25rem; color: #1672df; font-size: .7rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.admin-content-modal__header h2 { margin: 0; color: #142b4f; font-size: 1.25rem; }
.admin-content-modal__header p:last-child { margin: .3rem 0 0; color: #7187a1; font-size: .78rem; }
.admin-content-modal__close { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid #cbdcec; border-radius: .5rem; background: #fff; color: #52708f; font-size: 1.35rem; line-height: 1; cursor: pointer; }
.admin-content-modal__close:hover, .admin-content-modal__close:focus-visible { border-color: #1672df; color: #1672df; }
.admin-content-modal__body { display: grid; gap: 1rem; overflow: auto; padding: 1.1rem 1.35rem 1.35rem; }
.admin-content-modal__preview { min-height: 15rem; overflow: hidden; border: 1px solid #dbe8f4; border-radius: .8rem; background: #f5faff; }
.admin-content-modal__preview .admin-media-preview { height: 100%; min-height: 15rem; }
.admin-content-modal__preview img { max-height: 27rem; object-fit: contain; }
.admin-content-modal__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.admin-content-modal__card { min-width: 0; padding: .9rem 1rem; border: 1px solid #e0ebf5; border-radius: .7rem; background: #fbfdff; }
.admin-content-modal__card h3 { margin: 0 0 .65rem; color: #1b355a; font-size: .9rem; }
.admin-content-modal__card p { margin: .2rem 0 0; color: #7187a1; font-size: .76rem; }
.admin-content-modal__card dl { display: grid; gap: .4rem; margin: 0; }
.admin-content-modal__card dl > div { display: grid; grid-template-columns: minmax(6rem, .7fr) minmax(0, 1.3fr); gap: .7rem; padding-bottom: .35rem; border-bottom: 1px solid #edf3f8; }
.admin-content-modal__card dl > div:last-child { padding-bottom: 0; border-bottom: 0; }
.admin-content-modal__card dt { color: #6f86a0; font-size: .72rem; font-weight: 800; }
.admin-content-modal__card dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: #263f61; font-size: .75rem; }
.admin-content-modal__metadata { border: 1px solid #e0ebf5; border-radius: .7rem; background: #fbfdff; }
.admin-content-modal__metadata summary { padding: .8rem 1rem; color: #1b355a; font-size: .8rem; font-weight: 800; cursor: pointer; }
.admin-content-modal__metadata pre { max-height: 14rem; overflow: auto; margin: 0; padding: 0 1rem 1rem; color: #526f91; font-size: .7rem; white-space: pre-wrap; }
.admin-content-modal__status { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.admin-content-modal__status form { display: flex; align-items: end; gap: .55rem; }
.admin-content-modal__status form label { display: grid; gap: .3rem; color: #6f86a0; font-size: .7rem; font-weight: 800; }
.admin-content-modal__status form select { min-height: 2.1rem; padding: .35rem .5rem; border: 1px solid #cbdcec; border-radius: .45rem; background: #fff; color: #263f61; }
.admin-content-modal__status form button { min-height: 2.1rem; padding: 0 .65rem; border: 1px solid #1672df; border-radius: .45rem; background: #1672df; color: #fff; font: inherit; font-size: .74rem; font-weight: 800; cursor: pointer; }
.admin-image-detail__action-modal { width: min(100%, 560px); }
.admin-image-detail__action-modal .admin-content-modal__card > h3 { margin-bottom: .9rem; }
.admin-image-detail__action-modal .admin-content-modal__card > form { display: flex; align-items: end; gap: .7rem; }
.admin-image-detail__action-modal .admin-content-modal__card > form label { display: grid; flex: 1; gap: .35rem; color: #6f86a0; font-size: .72rem; font-weight: 800; }
.admin-image-detail__action-modal .admin-content-modal__card > form select { min-height: 2.35rem; padding: .4rem .65rem; border: 1px solid #cbdcec; border-radius: .5rem; background: #fff; color: #263f61; font: inherit; }
.admin-image-detail__action-modal .admin-content-modal__card > form button { min-height: 2.35rem; padding: 0 .85rem; border: 1px solid #1672df; border-radius: .5rem; background: #1672df; color: #fff; font: inherit; font-size: .75rem; font-weight: 800; cursor: pointer; }
.admin-image-detail__delete-eyebrow { color: #d9364b; }
.admin-image-detail__delete-card { border-color: #ffd5dc; background: #fff8f9; }
.admin-image-detail__delete-card > p { margin: 0; color: #6f5360; font-size: .8rem; line-height: 1.55; }
.admin-image-detail__modal-actions { display: flex; justify-content: flex-end; gap: .65rem; margin-top: 1.1rem; }
.admin-image-detail__modal-cancel, .admin-image-detail__modal-delete { min-height: 2.35rem; padding: 0 .9rem; border-radius: .5rem; font: inherit; font-size: .75rem; font-weight: 800; cursor: pointer; }
.admin-image-detail__modal-cancel { border: 1px solid #cbdcec; background: #fff; color: #52708f; }
.admin-image-detail__modal-delete { border: 1px solid #df3b4b; background: #df3b4b; color: #fff; }
.admin-image-detail__modal-cancel:hover, .admin-image-detail__modal-cancel:focus-visible { border-color: #1672df; color: #1672df; }
.admin-image-detail__modal-delete:hover, .admin-image-detail__modal-delete:focus-visible { background: #c92e3f; border-color: #c92e3f; }
body.has-admin-content-modal { overflow: hidden; }
@media (max-width: 700px) { .admin-content-modal__grid { grid-template-columns: 1fr; }.admin-content-modal__status { align-items: stretch; flex-direction: column; }.admin-content-modal__status form { align-items: stretch; flex-direction: column; }.admin-content-modal__status form button { width: 100%; }.admin-image-detail__action-modal .admin-content-modal__card > form { align-items: stretch; flex-direction: column; }.admin-image-detail__action-modal .admin-content-modal__card > form button { width: 100%; }.admin-image-detail__modal-actions { flex-direction: column-reverse; }.admin-image-detail__modal-actions button { width: 100%; } }

@media (max-width: 1100px) {
    .admin-content-index__filter-form,
    .admin-images-index__filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-content-index__search-field,
    .admin-images-index__search-field { grid-column: auto; }
}

@media (max-width: 760px) {
    .admin-content-index__filter-form,
    .admin-images-index__filter-form { grid-template-columns: 1fr; }
    .admin-content-index__filter-actions,
    .admin-images-index__filter-actions { align-items: stretch; flex-direction: column; }
    .admin-content-index__filter-button,
    .admin-images-index__filter-button { width: 100%; }
    .admin-content-index__clear-link,
    .admin-images-index__clear-link { text-align: center; }
}

/* Butterfly.6 RBAC roles. */
.admin-rbac-index,
.admin-rbac-detail {
    min-width: 0;
}

.admin-rbac-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

.admin-rbac-summary__item,
.admin-rbac-summary-item {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
    border: 1px solid #dbe5f0;
    border-radius: 10px;
    background: #fff;
    padding: var(--space-4);
    box-shadow: 0 8px 22px rgba(19, 49, 83, .06);
}

.admin-rbac-summary__item > span:last-child,
.admin-rbac-summary-item > span:last-child {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.admin-rbac-summary__item strong {
    color: #14233b;
    font-size: 1.35rem;
    line-height: 1;
}

.admin-rbac-summary__item small,
.admin-rbac-summary-item small {
    color: #63758d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-rbac-summary__icon,
.admin-rbac-summary-item__icon,
.admin-rbac-role-cell__icon,
.admin-rbac-permission-row__icon,
.admin-rbac-user-row__avatar {
    display: inline-grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 9px;
}

.admin-rbac-summary__icon,
.admin-rbac-summary-item__icon--blue,
.admin-rbac-role-cell__icon,
.admin-rbac-permission-row__icon,
.admin-rbac-user-row__avatar { background: #e7f2ff; color: #1672df; }
.admin-rbac-summary__item--purple .admin-rbac-summary__icon,
.admin-rbac-summary-item__icon--purple { background: #f0eaff; color: #7044df; }
.admin-rbac-summary__item--green .admin-rbac-summary__icon,
.admin-rbac-summary-item__icon--green { background: #e7f8ef; color: #1a8a58; }
.admin-rbac-summary__item--orange .admin-rbac-summary__icon,
.admin-rbac-summary-item__icon--orange { background: #fff1dc; color: #b66a09; }

.admin-rbac-role-cell {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
}

.admin-rbac-role-cell > span:last-child {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.admin-rbac-role-cell strong,
.admin-rbac-role-cell small {
    display: block;
    max-width: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-rbac-role-cell strong a,
.admin-rbac-permission-row__copy strong a,
.admin-rbac-user-row__identity strong a {
    color: #14233b;
    text-decoration: none;
}

.admin-rbac-role-cell small,
.admin-rbac-user-row__identity small {
    color: #63758d;
}

.admin-rbac-table { min-width: 960px; }
.admin-rbac-filter-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-rbac-filter-form .admin-content-index__search-field { grid-column: span 2; }

.admin-rbac-detail__header { margin-bottom: var(--space-5); }
.admin-rbac-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin-bottom: .7rem;
    color: #63758d;
    font-size: .8rem;
    font-weight: 700;
}
.admin-rbac-breadcrumb a { color: #1672df; text-decoration: none; }
.admin-rbac-detail__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.admin-rbac-secondary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid #dbe5f0;
    border-radius: 8px;
    background: #fff;
    color: #245487;
    padding: 0 var(--space-4);
    font-weight: 700;
    text-decoration: none;
}

.admin-rbac-summary-panel,
.admin-rbac-tabs-panel {
    border: 1px solid #dbe5f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19, 49, 83, .06);
}
.admin-rbac-summary-panel { margin-bottom: var(--space-5); padding: var(--space-5); }
.admin-rbac-section-heading,
.admin-rbac-tab-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
}
.admin-rbac-section-heading h2,
.admin-rbac-tab-heading h2 { margin: 0; font-size: 1.15rem; }
.admin-rbac-section-heading .admin-content-index__eyebrow,
.admin-rbac-tab-heading .admin-content-index__eyebrow { margin: 0 0 .35rem; }
.admin-rbac-summary-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--space-3);
    margin-top: var(--space-5);
}
.admin-rbac-summary-item { border-radius: 8px; padding: var(--space-3); box-shadow: none; }
.admin-rbac-summary-item strong { color: #53657e; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; }
.admin-rbac-summary-item small { color: #14233b; font-weight: 700; }
.admin-rbac-summary-item__icon { flex-basis: 36px; width: 36px; height: 36px; }
.admin-rbac-edit-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
    border-top: 1px solid #e8eef5;
    margin-top: var(--space-5);
    padding-top: var(--space-5);
}
.admin-rbac-edit-fields label { display: grid; gap: .45rem; color: #263852; font-size: .8rem; font-weight: 700; }
.admin-rbac-edit-fields__wide { grid-column: 1 / -1; }
.admin-rbac-edit-fields input,
.admin-rbac-edit-fields textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #dbe5f0;
    border-radius: 7px;
    background: #fff;
    color: #14233b;
    font: inherit;
    padding: .7rem .75rem;
}
.admin-rbac-edit-fields small { color: #63758d; font-weight: 400; }
.admin-rbac-delete-form { margin: -1rem 0 var(--space-5); }
.admin-rbac-delete-form button { border: 1px solid #dc4f55; border-radius: 7px; background: #fff; color: #c7353d; padding: .65rem .9rem; font-weight: 700; cursor: pointer; }
.admin-rbac-readonly-note,
.admin-rbac-alert { display: flex; align-items: flex-start; gap: .5rem; border-radius: 8px; padding: .75rem .9rem; }
.admin-rbac-readonly-note { margin: -1rem 0 var(--space-5); background: #fff7e7; color: #825a10; }
.admin-rbac-alert { margin-bottom: var(--space-5); border: 1px solid #f0c7ca; background: #fff0f1; color: #9b2f37; }
.admin-rbac-alert ul { margin: 0; padding-left: 1.2rem; }

.admin-rbac-tabs { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 1px solid #dbe5f0; padding: 0 var(--space-5); }
.admin-rbac-tabs a { display: inline-flex; align-items: center; gap: .45rem; min-height: 52px; border-bottom: 2px solid transparent; color: #63758d; padding: 0 .85rem; font-weight: 700; text-decoration: none; }
.admin-rbac-tabs a.is-active { border-color: #1672df; color: #1672df; }
.admin-rbac-tab-panel { padding: var(--space-5); }
.admin-rbac-tab-heading { margin-bottom: var(--space-4); }
.admin-rbac-tab-heading p:last-child { margin: 0; color: #63758d; }
.admin-rbac-permission-toolbar { display: flex; justify-content: flex-end; gap: var(--space-3); margin-bottom: var(--space-4); }
.admin-rbac-permission-search,
.admin-rbac-permission-filter { display: flex; align-items: center; gap: .5rem; min-height: 40px; border: 1px solid #dbe5f0; border-radius: 7px; background: #fff; color: #63758d; padding: 0 .7rem; }
.admin-rbac-permission-search { width: min(320px, 100%); }
.admin-rbac-permission-search input { width: 100%; border: 0; outline: 0; color: #14233b; }
.admin-rbac-permission-filter select { border: 0; background: transparent; color: #14233b; outline: 0; }
.admin-rbac-permission-empty { border: 1px dashed #b9cce2; border-radius: 8px; color: #63758d; padding: 1rem; text-align: center; }
.admin-rbac-permission-module { border: 1px solid #dbe5f0; border-radius: 9px; margin-top: var(--space-3); overflow: hidden; }
.admin-rbac-permission-module__toggle { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); width: 100%; border: 0; background: #f8fbff; color: #14233b; padding: .8rem 1rem; text-align: left; cursor: pointer; }
.admin-rbac-permission-module__identity { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.admin-rbac-permission-module__identity > span:last-child { display: grid; gap: .2rem; min-width: 0; }
.admin-rbac-permission-module__identity small { color: #63758d; font-weight: 400; }
.admin-rbac-permission-module__meta { display: inline-flex; align-items: center; gap: .7rem; flex: 0 0 auto; color: #19734d; font-size: .75rem; font-weight: 700; }
.admin-rbac-permission-module__body { padding: 0 1rem 1rem; }
.admin-rbac-permission-list { border: 1px solid #e8eef5; border-radius: 7px; overflow: hidden; }
.admin-rbac-permission-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .75rem; border-top: 1px solid #e8eef5; padding: .7rem .8rem; }
.admin-rbac-permission-row:first-child { border-top: 0; }
.admin-rbac-permission-row__copy { display: grid; gap: .2rem; min-width: 0; }
.admin-rbac-permission-row__copy strong { overflow-wrap: anywhere; }
.admin-rbac-permission-row__copy small { color: #63758d; }
.admin-rbac-permission-row__state,
.admin-rbac-permission-row__readonly { font-size: .75rem; font-weight: 700; white-space: nowrap; }
.admin-rbac-permission-row__state--assigned { color: #177447; }
.admin-rbac-permission-row__state--unassigned,
.admin-rbac-permission-row__readonly { color: #63758d; }
.admin-rbac-permission-row form button { min-height: 32px; border: 1px solid #1672df; border-radius: 6px; background: #1672df; color: #fff; padding: 0 .7rem; font-weight: 700; cursor: pointer; }
.admin-rbac-permission-row form button:hover,
.admin-rbac-permission-row form button:focus-visible { background: #0f5fbf; }

.admin-rbac-user-list { border: 1px solid #e8eef5; border-radius: 8px; overflow: hidden; }
.admin-rbac-user-row { display: flex; align-items: center; gap: var(--space-3); border-top: 1px solid #e8eef5; padding: .85rem 1rem; }
.admin-rbac-user-row:first-child { border-top: 0; }
.admin-rbac-user-row__identity { display: grid; flex: 1 1 auto; gap: .2rem; min-width: 0; }
.admin-rbac-user-row__action { color: #63758d; font-size: .75rem; }
.admin-rbac-users-empty { border: 1px dashed #b9cce2; border-top: 0; }
.admin-rbac-add-user-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 1.25rem; }
.admin-rbac-add-user-modal[hidden] { display: none; }
.admin-rbac-add-user-modal__backdrop { position: absolute; inset: 0; border: 0; background: rgba(15, 35, 72, .35); }
.admin-rbac-add-user-modal__dialog { position: relative; width: min(500px, 100%); padding: 1.5rem; border: 1px solid #dbe5f0; border-radius: 14px; background: #fff; box-shadow: 0 24px 70px rgba(20, 61, 117, .22); }
.admin-rbac-add-user-modal__dialog h2 { margin: 0 0 .45rem; color: #14233b; }
.admin-rbac-add-user-modal__dialog p:not(.admin-content-index__eyebrow) { color: #63758d; }
.admin-rbac-add-user-modal__dialog form { display: grid; gap: .65rem; margin-top: 1.1rem; }
.admin-rbac-add-user-modal__dialog label { color: #263852; font-size: .8rem; font-weight: 700; }
.admin-rbac-add-user-modal__dialog select { min-height: 42px; border: 1px solid #cbd9e8; border-radius: 8px; background: #fff; padding: 0 .7rem; }
.admin-rbac-add-user-modal__dialog input[type="search"] { min-height: 42px; border: 1px solid #cbd9e8; border-radius: 8px; background: #fff; padding: 0 .7rem; }
.admin-rbac-add-user-modal__dialog select:focus, .admin-rbac-add-user-modal__dialog input[type="search"]:focus { outline: 2px solid rgba(40, 120, 238, .22); border-color: #2878ee; }
.admin-rbac-add-user-modal__dialog form button { justify-self: end; margin-top: .45rem; }
.admin-rbac-add-user-modal__close { position: absolute; top: .65rem; right: .75rem; border: 0; background: transparent; color: #63758d; font-size: 1.5rem; line-height: 1; cursor: pointer; }
.admin-content-detail-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.admin-content-detail-heading h2 { margin: 0; }
.admin-content-detail-heading a { border: 1px solid #9fc7f7; border-radius: 7px; color: #1672df; padding: .5rem .75rem; text-decoration: none; font-weight: 700; }

/* Admin image review detail */
.admin-image-detail { --aid-ink:#112447; --aid-muted:#607292; --aid-line:#dbe7f5; --aid-blue:#1678ed; --aid-bg:#eef7ff; color:var(--aid-ink); max-width:1480px; margin:0 auto; padding:8px 0 36px; }
.admin-image-detail__crumbs { display:flex; align-items:center; gap:10px; margin:0 0 14px; color:#7a8ba7; font-size:13px; }
.admin-image-detail__crumbs a { color:#415675; text-decoration:none; font-weight:700; }
.admin-image-detail__header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.admin-image-detail__title-row { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.admin-image-detail__header h1 { margin:0; font-size:30px; letter-spacing:-.03em; line-height:1.1; }
.admin-image-detail__header p { margin:8px 0 0; color:var(--aid-muted); font-size:14px; }
.admin-image-detail__status { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:5px 10px; font-size:12px; font-weight:800; white-space:nowrap; }
.admin-image-detail__status i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.admin-image-detail__status--success { color:#15965b; background:#dcf8e8; }.admin-image-detail__status--warning { color:#a66b00; background:#fff0c9; }.admin-image-detail__status--danger { color:#d43243; background:#ffe1e5; }.admin-image-detail__status--neutral { color:#61718d; background:#edf2f8; }
.admin-image-detail__status--featured { color:#8a5a00; background:#fff0c2; }
.admin-image-detail__status--pinned { color:#1d4ed8; background:#e5efff; }
.admin-image-detail__header-actions { display:flex; align-items:center; gap:10px; }
.admin-image-detail__back { color:#324969; text-decoration:none; font-size:13px; font-weight:700; margin-right:8px; }
.admin-image-detail__button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; border:1px solid var(--aid-line); border-radius:8px; padding:0 14px; background:#fff; color:var(--aid-ink); text-decoration:none; font:inherit; font-size:13px; font-weight:800; cursor:pointer; }
.admin-image-detail__button--primary { color:#fff; border-color:var(--aid-blue); background:var(--aid-blue); box-shadow:0 5px 13px #1678ed2b; }.admin-image-detail__button--icon { width:38px; padding:0; font-size:22px; }
.admin-image-detail__layout { display:grid; grid-template-columns:minmax(0,1fr) 304px; gap:16px; align-items:start; }.admin-image-detail__main { min-width:0; display:grid; gap:16px; }.admin-image-detail__aside { display:grid; gap:16px; }
.admin-image-detail__top-grid,.admin-image-detail__split-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.92fr); gap:16px; }.admin-image-detail__split-grid { grid-template-columns:1fr 1fr; }
.admin-image-detail__card { background:#fff; border:1px solid var(--aid-line); border-radius:12px; box-shadow:0 7px 22px #385f8710; padding:18px; min-width:0; }.admin-image-detail__preview-card,.admin-image-detail__summary-card { min-height:350px; }
.admin-article-detail__preview { align-items:center; background:#edf4fb; border:1px solid var(--aid-line); border-radius:10px; display:flex; min-height:278px; overflow:hidden; }
.admin-article-detail__preview-trigger { background:#edf4fb; border:0; cursor:zoom-in; display:block; min-height:278px; padding:0; width:100%; }
.admin-article-detail__preview-trigger:focus-visible { outline:3px solid #1672df; outline-offset:-3px; }
.admin-article-detail__preview-trigger img { display:block; height:100%; max-height:420px; object-fit:cover; width:100%; }
.admin-article-detail__body-card { min-height:0; }
.admin-article-detail__excerpt { background:#f5f9fe; border-left:3px solid #1672df; border-radius:6px; color:#405a7e; margin:0 0 1rem; padding:.75rem .9rem; }
.admin-article-detail__body { color:#263f63; font-size:.88rem; line-height:1.75; overflow-wrap:anywhere; }
.admin-article-detail__body > :first-child { margin-top:0; }
.admin-article-detail__body > :last-child { margin-bottom:0; }
.admin-article-detail__body img { border-radius:.6rem; height:auto; max-width:100%; }
.admin-prompt-detail__preview { align-items:center; background:#edf4fb; border:1px solid var(--aid-line); border-radius:10px; display:flex; min-height:278px; overflow:hidden; }
.admin-prompt-detail__preview-trigger { background:#edf4fb; border:0; cursor:zoom-in; display:block; min-height:278px; padding:0; width:100%; }
.admin-prompt-detail__preview-trigger:focus-visible { outline:3px solid #1672df; outline-offset:-3px; }
.admin-prompt-detail__preview-trigger img { display:block; height:100%; max-height:420px; object-fit:cover; width:100%; }
.admin-prompt-detail__prompt-card { min-height:0; }
.admin-prompt-detail__description { background:#f5f9fe; border-left:3px solid #1672df; border-radius:6px; color:#405a7e; margin:0 0 1rem; padding:.75rem .9rem; }
.admin-prompt-detail__prompt-grid { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-prompt-detail__prompt-grid h3 { color:#17365f; font-size:.8rem; margin:0 0 .45rem; }
.admin-prompt-detail__prompt-grid pre { background:#f5f9fe; border:1px solid var(--aid-line); border-radius:8px; color:#263f63; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.78rem; line-height:1.6; margin:0; max-height:360px; min-height:120px; overflow:auto; padding:.85rem; white-space:pre-wrap; overflow-wrap:anywhere; }
@media (max-width: 760px) { .admin-prompt-detail__prompt-grid { grid-template-columns:1fr; } }
.admin-prompt-detail .admin-image-detail__action-icon { font-size:0; }
.admin-prompt-detail .admin-image-detail__action-icon::after { font-size:1rem; line-height:1; }
.admin-prompt-detail .admin-image-detail__action-list > :nth-child(1) .admin-image-detail__action-icon::after { content:"\270e"; }
.admin-prompt-detail .admin-image-detail__action-list > :nth-child(2) .admin-image-detail__action-icon::after { content:"\25a3"; }
.admin-prompt-detail .admin-image-detail__action-list > :nth-child(3) .admin-image-detail__action-icon::after { content:"\2606"; }
.admin-prompt-detail .admin-image-detail__action-list > :nth-child(4) .admin-image-detail__action-icon::after { content:"\2691"; }
.admin-prompt-detail .admin-image-detail__action-list > :nth-child(5) .admin-image-detail__action-icon::after { content:"\2667"; }
.admin-prompt-detail .admin-image-detail__action-list > :nth-child(6) .admin-image-detail__action-icon::after { content:"\25a3"; }
.admin-image-detail__card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:15px; }.admin-image-detail__card-heading h2 { display:flex; align-items:center; gap:7px; margin:0; font-size:16px; letter-spacing:-.015em; }.admin-image-detail__card-heading a { color:var(--aid-blue); text-decoration:none; font-size:11px; font-weight:700; }
.admin-image-detail__heading-icon { display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; font-size:13px; }.admin-image-detail__heading-icon--blue { color:#2081ed; }.admin-image-detail__heading-icon--purple { color:#7c57e9; }
.admin-image-detail__gallery { display:grid; grid-template-columns:minmax(0,1fr) 72px; gap:10px; height:278px; }.admin-image-detail__primary-media { overflow:hidden; border-radius:10px; background:#edf4fb; min-width:0; }.admin-image-detail__primary-media img { display:block; width:100%; height:100%; object-fit:cover; }.admin-image-detail__empty-media { display:grid; height:100%; place-items:center; color:#8392a9; font-size:13px; }.admin-image-detail__thumbs { display:grid; grid-template-rows:repeat(2,1fr) 1fr; gap:10px; }.admin-image-detail__thumbs img,.admin-image-detail__add-thumb { width:72px; height:80px; border-radius:9px; object-fit:cover; border:1px solid var(--aid-line); }.admin-image-detail__thumbs img { display:block; }.admin-image-detail__add-thumb { display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--aid-blue); border-style:dashed; background:#fafdff; }.admin-image-detail__add-thumb span { font-size:25px; line-height:1; }.admin-image-detail__add-thumb small { text-align:center; font-size:10px; font-weight:700; }
.admin-image-detail__facts { display:grid; gap:0; margin:0; }.admin-image-detail__facts > div,.admin-image-detail__quick-facts > div { display:grid; grid-template-columns:80px minmax(0,1fr); gap:12px; align-items:center; min-height:32px; }.admin-image-detail__facts dt,.admin-image-detail__quick-facts dt { color:#526685; font-size:12px; font-weight:700; }.admin-image-detail__facts dd,.admin-image-detail__quick-facts dd { min-width:0; margin:0; overflow-wrap:anywhere; color:#33496d; font-size:12px; }.admin-image-detail__facts--compact > div { grid-template-columns:92px minmax(0,1fr); min-height:35px; border-bottom:1px solid #eef3f9; }.admin-image-detail__facts--compact > div:last-child { border-bottom:0; }.admin-image-detail__mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px!important; }.admin-image-detail__avatar { display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(135deg,#7d55ec,#2379ed); color:#fff; font-weight:800; }.admin-image-detail__avatar--small { width:21px; height:21px; margin-right:6px; font-size:9px; }.admin-image-detail__external,.admin-image-detail__copy { color:var(--aid-blue); margin-left:5px; font-weight:800; }
.admin-image-detail__all-media-card { grid-column:1 / -1; }
.admin-image-detail__card-heading > div { min-width:0; }
.admin-image-detail__card-subtitle { margin:.35rem 0 0; color:#7187a1; font-size:.75rem; }
.admin-image-detail__media-count { flex:0 0 auto; padding:.35rem .65rem; border:1px solid #d6e6f5; border-radius:999px; background:#f3f8fd; color:#3970a3; font-size:.7rem; font-weight:800; }
.admin-image-detail__all-media-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.admin-image-detail__all-media-item { min-width:0; margin:0; overflow:hidden; border:1px solid #dfeaf4; border-radius:10px; background:#fbfdff; }
.admin-image-detail__all-media-preview { position:relative; aspect-ratio:4 / 3; overflow:hidden; background:#edf4fb; }
.admin-image-detail__all-media-preview { display:block; width:100%; padding:0; border:0; color:inherit; cursor:zoom-in; }
.admin-image-detail__all-media-preview:focus-visible { outline:3px solid #1672df; outline-offset:-3px; }
.admin-image-detail__all-media-preview img { display:block; width:100%; height:100%; object-fit:cover; }
.admin-image-detail__media-badge { position:absolute; top:8px; left:8px; padding:.25rem .45rem; border-radius:999px; background:#1672df; color:#fff; font-size:.62rem; font-weight:800; }
.admin-image-detail__all-media-item figcaption { display:grid; gap:3px; padding:10px 11px 11px; }
.admin-image-detail__all-media-item figcaption strong { color:#1d3558; font-size:.76rem; }
.admin-image-detail__all-media-item figcaption span,
.admin-image-detail__all-media-item figcaption small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#7187a1; font-size:.68rem; }
.admin-image-detail__all-media-item figcaption small { color:#93a3b6; }
.admin-image-detail__action-list form { margin:0; }
.admin-image-detail__action-list form .admin-image-detail__action-button { width:100%; }
.admin-image-lightbox[hidden] { display:none; }
.admin-image-lightbox { position:fixed; z-index:2200; inset:0; display:grid; place-items:center; padding:1rem; }
.admin-image-lightbox__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(10,26,48,.7); cursor:default; }
.admin-image-lightbox__panel { position:relative; z-index:1; display:grid; width:min(100%, 980px); max-height:calc(100vh - 2rem); overflow:hidden; border:1px solid #d9e6f2; border-radius:1rem; background:#fff; box-shadow:0 24px 75px rgba(9,32,61,.35); }
.admin-image-lightbox__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; border-bottom:1px solid #e3edf6; background:linear-gradient(120deg,#f8fcff,#fff); }
.admin-image-lightbox__header p { margin:0 0 .25rem; color:#1672df; font-size:.68rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.admin-image-lightbox__header h2 { margin:0; color:#142b4f; font-size:1rem; }
.admin-image-lightbox__close { display:grid; width:2rem; height:2rem; place-items:center; border:1px solid #cbdcec; border-radius:.5rem; background:#fff; color:#52708f; font-size:1.35rem; line-height:1; cursor:pointer; }
.admin-image-lightbox__body { display:grid; min-height:18rem; max-height:calc(100vh - 7rem); place-items:center; overflow:auto; padding:1rem; background:#edf4fb; }
.admin-image-lightbox__body img { display:block; max-width:100%; max-height:calc(100vh - 9rem); object-fit:contain; border-radius:.55rem; box-shadow:0 12px 35px rgba(25,58,95,.2); }
body.has-admin-image-lightbox { overflow:hidden; }
.admin-video-detail__thumbnail-preview img { cursor:zoom-in; }
.admin-image-detail__summary-list { display:grid; gap:0; margin:0; }
.admin-image-detail__summary-list > div { align-items:center; border-bottom:1px solid #eef3f9; display:grid; gap:12px; grid-template-columns:92px minmax(0,1fr); min-height:39px; }
.admin-image-detail__summary-list > div:last-child { border-bottom:0; }
.admin-image-detail__summary-list dt { color:#526685; font-size:11px; font-weight:800; }
.admin-image-detail__summary-list dd { color:#33496d; font-size:12px; margin:0; min-width:0; overflow-wrap:anywhere; }
.admin-image-detail__summary-list > div:nth-child(1) dd { color:#58708f; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:10px; }
.admin-image-detail__summary-list > div:nth-child(5) dd { color:#1672df; font-weight:800; }
.admin-image-detail__owner-link { align-items:center; color:#1672df; display:inline-flex; gap:5px; font-weight:800; text-decoration:none; }
.admin-image-detail__owner-link:hover { text-decoration:underline; }
.admin-image-detail__owner-link > span:last-child { color:#6c85a4; font-size:11px; }
.admin-image-detail__metadata-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }.admin-image-detail__metadata-tile { display:flex; align-items:center; gap:9px; min-height:55px; padding:10px; background:#f5f9fe; border:1px solid #e0ebf8; border-radius:8px; }.admin-image-detail__metadata-icon { color:#257be8; font-size:18px; }.admin-image-detail__metadata-tile div { min-width:0; display:grid; gap:4px; }.admin-image-detail__metadata-tile strong { font-size:11px; }.admin-image-detail__metadata-tile span:not(.admin-image-detail__metadata-icon) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#677995; font-size:11px; }.admin-image-detail__muted { color:#7686a1; font-size:12px; margin:0; }
.admin-image-detail__status-card form { display:flex; align-items:flex-end; gap:10px; }.admin-image-detail__status-card form label { display:grid; gap:6px; flex:1; color:#526685; font-size:12px; font-weight:700; }.admin-image-detail__status-card form select { min-height:39px; border:1px solid #cbdced; border-radius:8px; padding:0 10px; color:var(--aid-ink); background:#fff; }.admin-image-detail__status-card form button { min-height:39px; border:0; border-radius:8px; padding:0 16px; color:#fff; background:var(--aid-blue); font-weight:800; cursor:pointer; }
.admin-image-detail__side-card { padding:16px; }.admin-image-detail__action-list { display:grid; gap:5px; }.admin-image-detail__action-list a { display:flex; align-items:center; gap:10px; padding:10px 8px; border-radius:8px; color:var(--aid-ink); text-decoration:none; }.admin-image-detail__action-list a:hover { background:#f3f8fe; }.admin-image-detail__action-list b { display:grid; place-items:center; width:24px; color:#287ce8; font-size:16px; }.admin-image-detail__action-list span { display:grid; gap:3px; min-width:0; }.admin-image-detail__action-list strong { font-size:12px; }.admin-image-detail__action-list small { color:#71829e; font-size:10px; }.admin-image-detail__action-list em { margin-left:auto; color:#7890ad; font-style:normal; }.admin-image-detail__quick-facts > div { grid-template-columns:1fr auto; min-height:29px; }.admin-image-detail__quick-facts dd { text-align:right; font-size:11px; }.admin-image-detail__notes-card { background:#fffaf0; border-color:#f4e6bf; }.admin-image-detail__note { display:flex; align-items:center; gap:8px; padding:9px 10px; margin-top:7px; border:1px solid #f5dfaa; border-radius:7px; background:#fff4d7; color:#9b6a08; font-size:11px; }.admin-image-detail__note--action { color:#db8b00; font-weight:800; }.admin-image-detail__activity { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:8px; padding:10px 0; border-bottom:1px solid #eef3f9; }.admin-image-detail__activity:last-child { border-bottom:0; }.admin-image-detail__activity i { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#e1f7e9; color:#15965b; font-style:normal; font-size:11px; }.admin-image-detail__activity span { display:grid; gap:3px; }.admin-image-detail__activity strong { font-size:11px; }.admin-image-detail__activity small,.admin-image-detail__activity time { color:#71829e; font-size:10px; }.admin-image-detail__activity time { text-align:right; }
@media (max-width:1100px) { .admin-image-detail__layout { grid-template-columns:1fr; }.admin-image-detail__aside { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-image-detail__metadata-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.admin-image-detail__all-media-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .admin-image-detail { padding-top:0; }.admin-image-detail__header,.admin-image-detail__header-actions { align-items:flex-start; flex-direction:column; }.admin-image-detail__header-actions { width:100%; }.admin-image-detail__top-grid,.admin-image-detail__split-grid,.admin-image-detail__aside { grid-template-columns:1fr; }.admin-image-detail__metadata-grid { grid-template-columns:1fr 1fr; }.admin-image-detail__gallery { height:250px; }.admin-image-detail__status-card form { align-items:stretch; flex-direction:column; }.admin-image-detail__all-media-card { grid-column:auto; }.admin-image-detail__all-media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:420px) { .admin-image-detail__all-media-grid { grid-template-columns:1fr; } }

/* Actions panel visual contract */
.admin-image-detail__action-list { gap:7px; }
.admin-image-detail__action-list a,
.admin-image-detail__action-button { min-height:61px; padding:9px 10px; border:0; border-radius:10px; background:#f7faff; }
.admin-image-detail__action-list a:hover,
.admin-image-detail__action-button:not(:disabled):hover { background:#eef6ff; }
.admin-image-detail__action-button { color:var(--aid-ink); font:inherit; text-align:left; cursor:pointer; }
.admin-image-detail__action-button:disabled { opacity:1; cursor:default; }
.admin-image-detail__action-button { display:grid; grid-template-columns:39px minmax(0,1fr); column-gap:12px; align-items:center; justify-content:initial; flex-direction:row; appearance:none; -webkit-appearance:none; }
.admin-image-detail__action-list > a { gap:12px; }
.admin-image-detail__action-button > span { min-width:0; display:grid; gap:4px; }
.admin-image-detail__action-button > b { margin:0; }
.admin-image-detail__action-icon { flex:0 0 39px; width:39px!important; height:39px; border-radius:10px; display:grid!important; place-items:center; font-size:20px!important; font-weight:400!important; }
.admin-image-detail__action-icon--blue { color:#2179ed!important; background:#edf5ff; }
.admin-image-detail__action-icon--green { color:#1baf70!important; background:#e9fbf2; }
.admin-image-detail__action-icon--red { color:#f04451!important; background:#fff0f1; }
.admin-image-detail__action-icon--dark { color:#253852!important; background:#f0f4f9; }
.admin-image-detail__action-button--danger strong { color:#ee3c4a; }

@media (max-width: 1100px) {
    .admin-rbac-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-rbac-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-rbac-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-rbac-filter-form .admin-content-index__search-field { grid-column: auto; }
}

@media (max-width: 760px) {
    .admin-rbac-summary,
    .admin-rbac-summary-grid,
    .admin-rbac-edit-fields { grid-template-columns: 1fr; }
    .admin-rbac-edit-fields__wide { grid-column: auto; }
    .admin-rbac-permission-toolbar { align-items: stretch; flex-direction: column; }
    .admin-rbac-permission-search { width: auto; }
    .admin-rbac-permission-row { grid-template-columns: auto minmax(0, 1fr) auto; }
    .admin-rbac-permission-row form,
    .admin-rbac-permission-row__readonly { grid-column: 2 / -1; }
    .admin-rbac-user-row { align-items: flex-start; flex-wrap: wrap; }
    .admin-rbac-user-row__action { flex-basis: 100%; padding-left: 50px; }
}

/* Butterfly.7 Admin permission catalogue. */
.admin-permission-catalogue {
    --admin-permission-border: #dbe5f0;
    --admin-permission-muted: #63758d;
    --admin-permission-blue: #1672df;
    box-sizing: border-box;
    min-width: 0;
    color: #14233b;
}

.admin-permission-catalogue__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-5);
    margin-bottom: var(--space-5);
}

.admin-permission-catalogue__header h1 {
    margin: 0;
    color: #14233b;
    font-size: clamp(1.75rem, 2.5vw, 2.25rem);
}

.admin-permission-catalogue__header p:last-child {
    margin: var(--space-2) 0 0;
    color: var(--admin-permission-muted);
}

.admin-permission-catalogue__summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

.admin-permission-catalogue__profiles,
.admin-permission-catalogue__catalogue,
.admin-permission-detail__panel {
    border: 1px solid var(--admin-permission-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19, 49, 83, .06);
}

.admin-permission-catalogue__profiles {
    margin-bottom: var(--space-5);
    padding: var(--space-5);
}

.admin-permission-catalogue__section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
}

.admin-permission-catalogue__section-heading h2 {
    margin: 0;
    color: #14233b;
    font-size: 1.15rem;
}

.admin-permission-catalogue__muted {
    margin: .35rem 0 0;
    color: var(--admin-permission-muted);
}

.admin-permission-catalogue__readonly,
.admin-permission-catalogue__readonly-note {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #825a10;
    font-size: .78rem;
    font-weight: 700;
}

.admin-permission-catalogue__profile-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
    margin-top: var(--space-4);
}

.admin-permission-catalogue__profile,
.admin-permission-detail__profile {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    border: 1px solid #e8eef5;
    border-radius: 8px;
    padding: .75rem;
}

.admin-permission-catalogue__profile > span:last-child,
.admin-permission-detail__profile {
    display: grid;
    gap: .2rem;
}

.admin-permission-catalogue__profile strong,
.admin-permission-catalogue__profile small,
.admin-permission-detail__profile strong,
.admin-permission-detail__profile small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-permission-catalogue__profile small,
.admin-permission-detail__profile small,
.admin-permission-detail__profile span { color: var(--admin-permission-muted); font-size: .75rem; }
.admin-permission-catalogue__profile-icon,
.admin-permission-detail__role-icon { display: inline-grid; flex: 0 0 32px; width: 32px; height: 32px; place-items: center; border-radius: 8px; background: #e7f2ff; color: var(--admin-permission-blue); }

.admin-permission-catalogue__catalogue { padding: var(--space-5); }
.admin-permission-catalogue__catalogue > .admin-permission-catalogue__section-heading { margin-bottom: var(--space-4); }

.admin-permission-catalogue__toolbar {
    display: grid;
    grid-template-columns: minmax(260px, 2fr) repeat(2, minmax(160px, 1fr)) auto;
    gap: var(--space-3);
    align-items: end;
    border: 1px solid #e8eef5;
    border-radius: 8px;
    background: #f8fbff;
    padding: var(--space-4);
}

.admin-permission-catalogue__toolbar label {
    display: grid;
    gap: .4rem;
    min-width: 0;
    color: #263852;
    font-size: .78rem;
    font-weight: 700;
}

.admin-permission-catalogue__toolbar input,
.admin-permission-catalogue__toolbar select {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--admin-permission-border);
    border-radius: 7px;
    background: #fff;
    color: #14233b;
    font: inherit;
    padding: 0 .7rem;
}

.admin-permission-catalogue__search {
    display: flex !important;
    grid-column: auto;
    align-items: center;
    gap: .5rem;
    min-height: 40px;
    border: 1px solid var(--admin-permission-border);
    border-radius: 7px;
    background: #fff;
    color: var(--admin-permission-muted);
    padding: 0 .7rem;
}

.admin-permission-catalogue__search input { min-height: 36px !important; border: 0 !important; outline: 0; padding: 0 !important; }
.admin-permission-catalogue__toolbar input:focus-visible,
.admin-permission-catalogue__toolbar select:focus-visible,
.admin-permission-catalogue__clear:focus-visible,
.admin-permission-catalogue__module-toggle:focus-visible,
.admin-permission-catalogue a:focus-visible { outline: 3px solid rgba(22, 114, 223, .28); outline-offset: 2px; }

.admin-permission-catalogue__clear {
    min-height: 40px;
    border: 1px solid var(--admin-permission-border);
    border-radius: 7px;
    background: #fff;
    color: var(--admin-permission-blue);
    padding: 0 .8rem;
    font: inherit;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.admin-permission-catalogue__result-count { margin: var(--space-4) 0 0; color: var(--admin-permission-muted); font-size: .8rem; }
.admin-permission-catalogue__empty { border: 1px dashed #b9cce2; border-radius: 8px; margin-top: var(--space-4); padding: 1.25rem; text-align: center; }
.admin-permission-catalogue__empty h3,
.admin-permission-catalogue__empty p { margin: 0; }
.admin-permission-catalogue__empty p,
.admin-permission-catalogue__empty-copy { color: var(--admin-permission-muted); }

.admin-permission-catalogue__module { border: 1px solid var(--admin-permission-border); border-radius: 9px; margin-top: var(--space-3); overflow: hidden; }
.admin-permission-catalogue__module[hidden] { display: none; }
.admin-permission-catalogue__module-toggle { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); width: 100%; border: 0; background: #f8fbff; color: #14233b; padding: .85rem 1rem; text-align: left; cursor: pointer; }
.admin-permission-catalogue__module-identity { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.admin-permission-catalogue__module-identity > span:last-child { display: grid; gap: .2rem; min-width: 0; }
.admin-permission-catalogue__module-identity small { color: var(--admin-permission-muted); font-weight: 400; }
.admin-permission-catalogue__module-icon { display: inline-grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 8px; background: #e7f2ff; color: var(--admin-permission-blue); }
.admin-permission-catalogue__module-meta { display: inline-flex; align-items: center; gap: .65rem; flex: 0 0 auto; color: #19734d; font-size: .75rem; font-weight: 700; }
.admin-permission-catalogue__module-body { padding: 0 1rem 1rem; }
.admin-permission-catalogue__rows { overflow: hidden; border: 1px solid #e8eef5; border-radius: 7px; }
.admin-permission-catalogue__row { display: grid; grid-template-columns: minmax(190px, 1.15fr) minmax(220px, 1.35fr) minmax(150px, .9fr) minmax(180px, 1.1fr); gap: .85rem; align-items: center; border-top: 1px solid #e8eef5; padding: .75rem .85rem; }
.admin-permission-catalogue__row:first-child { border-top: 0; }
.admin-permission-catalogue__row--heading { background: #f8fbff; color: #53657e; font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.admin-permission-catalogue__key { display: flex; align-items: flex-start; gap: .5rem; min-width: 0; }
.admin-permission-catalogue__key-icon { display: inline-grid; flex: 0 0 27px; width: 27px; height: 27px; place-items: center; border-radius: 6px; background: #f0eaff; color: #7044df; }
.admin-permission-catalogue__key a { align-self: center; color: #14233b; font-weight: 700; overflow-wrap: anywhere; text-decoration: none; }
.admin-permission-catalogue__row p { margin: 0; color: var(--admin-permission-muted); font-size: .82rem; line-height: 1.45; }
.admin-permission-catalogue__chips,
.admin-permission-catalogue__role-chips { display: flex; flex-wrap: wrap; gap: .3rem; min-width: 0; }
.admin-permission-catalogue__chips span,
.admin-permission-catalogue__role-chips a,
.admin-permission-catalogue__role-chips span { border-radius: 999px; background: #eef5ff; color: #376795; padding: .2rem .42rem; font-size: .68rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.admin-permission-catalogue__chips span.is-muted { background: #f1f4f7; color: #63758d; }
.admin-permission-catalogue__role-chips a.is-system { background: #e7f8ef; color: #177447; }
.admin-permission-catalogue__role-chips a.is-custom { background: #f0eaff; color: #7044df; }
.admin-permission-catalogue__usage { display: grid; gap: .35rem; min-width: 0; }
.admin-permission-catalogue__usage strong { font-size: .8rem; }
.admin-permission-catalogue__usage small { color: var(--admin-permission-muted); font-size: .72rem; }

.admin-permission-detail__summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin-bottom: var(--space-5); }
.admin-permission-detail__summary > div { display: grid; gap: .35rem; border: 1px solid var(--admin-permission-border); border-radius: 8px; background: #fff; padding: var(--space-4); box-shadow: 0 8px 22px rgba(19, 49, 83, .06); }
.admin-permission-detail__summary span { color: var(--admin-permission-muted); font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.admin-permission-detail__summary strong { overflow-wrap: anywhere; }
.admin-permission-detail__panel { margin-bottom: var(--space-5); padding: var(--space-5); }
.admin-permission-detail__role-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-4); }
.admin-permission-detail__role { display: flex; align-items: center; gap: .65rem; border: 1px solid #e8eef5; border-radius: 8px; color: #14233b; padding: .75rem; text-decoration: none; }
.admin-permission-detail__role > span:last-child { display: grid; gap: .2rem; min-width: 0; }
.admin-permission-detail__role small { color: var(--admin-permission-muted); }
.admin-permission-detail__profiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-4); }
.admin-permission-detail__profile.is-included { border-color: #9ed9b9; background: #f5fcf7; }
.admin-permission-detail__profile.is-included span { color: #177447; font-weight: 700; }
.admin-permission-catalogue__readonly-note { margin: var(--space-4) 0 0; border-radius: 8px; background: #fff7e7; padding: .75rem .9rem; }

@media (max-width: 1100px) {
    .admin-permission-catalogue__summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-permission-catalogue__profile-grid,
    .admin-permission-detail__profiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-permission-catalogue__toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-permission-catalogue__search { grid-column: 1 / -1; }
    .admin-permission-catalogue__clear { justify-self: start; }
}

@media (max-width: 760px) {
    .admin-permission-catalogue__header,
    .admin-permission-catalogue__section-heading { flex-direction: column; }
    .admin-permission-catalogue__summary,
    .admin-permission-catalogue__profile-grid,
    .admin-permission-detail__summary,
    .admin-permission-detail__role-list,
    .admin-permission-detail__profiles { grid-template-columns: 1fr; }
    .admin-permission-catalogue__profiles,
    .admin-permission-catalogue__catalogue,
    .admin-permission-detail__panel { padding: var(--space-4); }
    .admin-permission-catalogue__toolbar { grid-template-columns: 1fr; }
    .admin-permission-catalogue__search { grid-column: auto; }
    .admin-permission-catalogue__clear { width: 100%; }
    .admin-permission-catalogue__module-meta { align-items: flex-end; flex-direction: column; gap: .2rem; }
    .admin-permission-catalogue__module-body { padding: 0 .6rem .6rem; }
    .admin-permission-catalogue__row { grid-template-columns: 1fr; gap: .5rem; }
    .admin-permission-catalogue__row--heading { display: none; }
    .admin-permission-catalogue__row p { padding-left: 0; }
    .admin-permission-catalogue__row::before { color: var(--admin-permission-muted); font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
    .admin-permission-catalogue__row:not(.admin-permission-catalogue__row--heading) p::before { content: 'Description'; display: block; margin-bottom: .2rem; }
    .admin-permission-catalogue__chips::before { content: 'Profiles'; display: block; flex-basis: 100%; color: var(--admin-permission-muted); font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
    .admin-permission-catalogue__usage::before { content: 'Role usage'; color: var(--admin-permission-muted); font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
}
/* Public creators directory */
.public-creators-main {
    overflow-x: clip;
}

.public-creators-heading {
    margin-bottom: var(--space-5);
}

.public-creators-heading h1 {
    margin: 0 0 var(--space-2);
    font-size: 2rem;
    letter-spacing: 0;
}

.public-creators-filter-panel {
    position: relative;
    margin-bottom: var(--space-5);
    padding: var(--space-4);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    background: var(--color-panel);
}

.public-creators-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

.public-creators-toolbar__primary {
    display: flex;
    min-width: 0;
    flex: 1 1 660px;
    align-items: center;
    gap: var(--space-2);
}

.public-creators-search-field {
    min-width: 220px;
    flex: 1 1 540px;
}

.public-creators-menu {
    position: relative;
    flex: 0 0 auto;
}

.public-creators-menu summary {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    background: var(--color-panel);
    color: var(--color-text);
    padding: 0 var(--space-3);
    font-weight: 700;
    list-style: none;
    cursor: pointer;
    white-space: nowrap;
}

.public-creators-menu summary::-webkit-details-marker {
    display: none;
}

.public-creators-menu summary:hover {
    border-color: var(--color-accent);
    color: var(--color-accent-strong);
}

.public-creators-menu summary:focus-visible,
.default-theme-filter-chip:focus-visible,
.public-creators-clear:focus-visible {
    outline: 3px solid rgba(56, 130, 249, .35);
    outline-offset: 2px;
}

.public-creators-menu summary .default-theme-icon {
    width: 17px;
    height: 17px;
}

.public-creators-menu__popover {
    position: absolute;
    top: calc(100% + var(--space-2));
    left: 0;
    z-index: 20;
    display: grid;
    min-width: 190px;
    overflow: hidden;
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    background: var(--color-panel);
    box-shadow: var(--shadow-soft-card);
    padding: var(--space-2);
}

.public-creators-menu__popover--right {
    right: 0;
    left: auto;
    min-width: 220px;
}

.public-creators-menu__popover a,
.public-creators-menu__popover > span {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    padding: 0 var(--space-3);
    text-decoration: none;
}

.public-creators-menu__popover a:hover,
.public-creators-menu__popover a[aria-current="true"] {
    background: var(--color-accent-soft);
    color: var(--color-accent-strong);
}

.public-creators-menu__popover > span[aria-disabled="true"] {
    color: var(--color-muted);
    cursor: not-allowed;
    opacity: .62;
}

.public-creators-menu__popover small {
    font-size: .65rem;
    font-weight: 700;
    white-space: nowrap;
}

.public-creators-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-4);
}

.default-theme-filter-chip {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border-soft);
    border-radius: 999px;
    background: var(--color-panel);
    color: var(--color-text);
    padding: 0 var(--space-4);
    font-size: .8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.default-theme-filter-chip:not(.is-disabled):hover,
.default-theme-filter-chip.is-active {
    border-color: var(--color-accent);
    background: var(--color-accent-soft);
    color: var(--color-accent-strong);
}

.default-theme-filter-chip.is-disabled {
    color: var(--color-muted);
    cursor: not-allowed;
    opacity: .55;
}

.public-creators-results-heading {
    align-items: center;
    margin: var(--space-5) 0 0;
    gap: var(--space-4);
}

.public-creators-results-heading .pagination {
    margin-left: auto;
}

.public-creators-clear {
    display: inline-block;
    margin-top: var(--space-3);
    color: var(--color-accent-strong);
    font-size: .8rem;
    font-weight: 700;
}

.public-creators-pagination-bottom {
    display: flex;
    justify-content: center;
    margin: var(--space-5) 0;
}

.public-creators-invite {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-4);
    margin-top: var(--space-5);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    background: var(--color-panel);
    padding: var(--space-4) var(--space-5);
}

.public-creators-invite__icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: var(--radius-sm);
    background: var(--color-accent-soft);
    color: var(--color-accent-strong);
}

.public-creators-invite__icon .default-theme-icon,
.public-creators-invite__action .default-theme-icon {
    width: 20px;
    height: 20px;
}

.public-creators-invite__copy h2,
.public-creators-invite__copy p {
    margin: 0;
}

.public-creators-invite__copy h2 {
    font-size: 1rem;
    letter-spacing: 0;
}

.public-creators-invite__copy p {
    margin-top: var(--space-1);
    color: var(--color-muted);
    font-size: .875rem;
}

.public-creators-invite__action[disabled] {
    cursor: not-allowed;
    opacity: .58;
}

.public-creators-heading p,
.public-creators-results-heading p {
    margin: 0;
    color: var(--color-muted);
}

.public-creators-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto minmax(150px, auto) auto auto;
    align-items: end;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    background: var(--color-panel);
}

.public-creators-search-field {
    position: relative;
    display: flex;
    align-items: center;
}

.public-creators-search-field .default-theme-icon {
    position: absolute;
    left: var(--space-3);
    width: 18px;
    height: 18px;
    color: var(--color-muted);
    pointer-events: none;
}

.public-creators-search-field input,
.public-creators-sort-field select {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    background: var(--color-panel);
    color: var(--color-text);
}

.public-creators-search-field input {
    padding: 0 var(--space-3) 0 42px;
}

.public-creators-sort-field {
    display: grid;
    gap: var(--space-1);
}

.public-creators-sort-field label {
    font-size: .75rem;
    font-weight: 700;
}

.public-creators-sort-field select {
    padding: 0 38px 0 var(--space-3);
}

.public-creators-filter-tabs {
    display: flex;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    border: 0;
}

.public-creators-filter-tabs label {
    cursor: pointer;
}

.public-creators-filter-tabs input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.public-creators-filter-tabs span {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 var(--space-3);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    color: var(--color-muted);
    white-space: nowrap;
}

.public-creators-filter-tabs label.is-active span {
    border-color: var(--color-accent);
    color: var(--color-accent-strong);
    background: var(--color-accent-soft);
}

.public-creators-filter-tabs input:focus-visible + span {
    outline: 3px solid rgba(56, 130, 249, .35);
    outline-offset: 2px;
}

.public-creators-results-heading {
    display: flex;
    justify-content: space-between;
    margin: var(--space-5) 0 var(--space-3);
}

.public-creators-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
}

.public-creator-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 430px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    background: var(--color-panel);
    box-shadow: var(--shadow-soft-card);
}

.public-creator-card-banner {
    position: relative;
    height: 118px;
    flex: 0 0 118px;
    overflow: hidden;
    background: #dcecff;
}

.public-creator-card-banner::after {
    position: absolute;
    inset: 0;
    border-bottom: 1px solid rgba(30, 64, 175, 0.12);
    content: "";
}

.public-creator-card-banner img,
.public-creator-card-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-creator-card-avatar {
    position: absolute;
    top: 73px;
    left: var(--space-5);
    z-index: 1;
    display: grid;
    width: 88px;
    height: 88px;
    place-items: center;
    overflow: hidden;
    border: 4px solid var(--color-panel);
    border-radius: 50%;
    background: #2563eb;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 800;
}

.public-creator-card-avatar img {
    position: absolute;
    inset: 0;
}

.public-creator-card-body {
    display: flex;
    min-height: 310px;
    flex: 1;
    flex-direction: column;
    padding: 51px var(--space-5) var(--space-5);
}

.public-creator-card-identity h2 {
    margin: 0;
    font-size: 1.125rem;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.public-creator-card-identity h2 a {
    color: var(--color-text);
    text-decoration: none;
}

.public-creator-card-identity p {
    margin: var(--space-1) 0 0;
    color: var(--color-muted);
    overflow-wrap: anywhere;
}

.public-creator-card-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: var(--space-4) 0;
    padding: var(--space-3) 0;
    border-top: 1px solid var(--color-border-soft);
    border-bottom: 1px solid var(--color-border-soft);
}

.public-creator-card-stats div {
    display: flex;
    min-width: 0;
    flex-direction: column-reverse;
    align-items: center;
    gap: 2px;
    padding: 0 var(--space-2);
    text-align: center;
}

.public-creator-card-stats div + div {
    border-left: 1px solid var(--color-border-soft);
}

.public-creator-card-stats dt {
    color: var(--color-muted);
    font-size: 11px;
    line-height: 1.25;
}

.public-creator-card-stats dd {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
}

.public-creator-card-bio {
    display: -webkit-box;
    min-height: 42px;
    margin: 0 0 var(--space-4);
    overflow: hidden;
    color: var(--color-muted);
    font-size: .875rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.public-creator-card-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2);
    margin-top: auto;
}

.public-creator-card-actions > :only-child {
    grid-column: 1 / -1;
}

.public-creator-card-action,
.public-creator-follow-action {
    display: inline-flex;
    width: 100%;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
}

.public-creator-follow-form {
    min-width: 0;
}

.public-creator-card-action .default-theme-icon,
.public-creator-follow-action .default-theme-icon {
    width: 18px;
    height: 18px;
}

.public-profile-follow-action {
    margin-left: auto;
}

.public-profile-follow-action .public-creator-follow-action {
    min-width: 130px;
}

.public-creators-empty {
    display: grid;
    justify-items: start;
    gap: var(--space-3);
    padding: var(--space-6);
    border: 1px dashed var(--color-border-soft);
    border-radius: var(--radius-md);
    background: var(--color-panel);
}

.public-creators-side-list {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.public-creators-side-list li {
    display: grid;
    grid-template-columns: 22px 36px minmax(0, 1fr);
    align-items: center;
    gap: var(--space-2);
}

.public-creators-side-list--plain li {
    grid-template-columns: 36px minmax(0, 1fr);
}

.public-creators-side-rank {
    color: var(--color-muted);
    font-size: .75rem;
    text-align: center;
}

.public-creators-side-avatar {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 50%;
    background: #dcecff;
    color: #1d4ed8;
    font-size: .75rem;
    font-weight: 800;
}

.public-creators-side-main {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.public-creators-side-main a {
    overflow: hidden;
    color: var(--color-text);
    font-weight: 700;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-creators-side-main small {
    color: var(--color-muted);
}

.public-creators-directory-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.public-creators-directory-stats div {
    display: flex;
    min-width: 0;
    flex-direction: column-reverse;
    gap: var(--space-1);
    padding: 0 var(--space-2);
    text-align: center;
}

.public-creators-directory-stats div + div {
    border-left: 1px solid var(--color-border-soft);
}

.public-creators-directory-stats dt {
    color: var(--color-muted);
    font-size: 11px;
}

.public-creators-directory-stats dd {
    margin: 0;
    font-weight: 800;
}

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

    .public-creators-toolbar {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .public-creators-toolbar__ranking {
        margin-left: auto;
    }
}

@media (max-width: 760px) {
    .public-creators-filters,
    .public-creators-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-creators-filters > *,
    .public-creators-filter-tabs {
        grid-column: auto;
        grid-row: auto;
    }

    .public-creators-filter-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-creators-filter-tabs span {
        justify-content: center;
    }

    .public-creators-filters .button {
        width: 100%;
    }

    .public-creators-filter-panel {
        padding: var(--space-3);
    }

    .public-creators-toolbar,
    .public-creators-toolbar__primary {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .public-creators-search-field,
    .public-creators-menu,
    .public-creators-menu summary,
    .public-creators-toolbar__ranking {
        width: 100%;
        margin-left: 0;
    }

    .public-creators-menu__popover,
    .public-creators-menu__popover--right {
        right: 0;
        left: 0;
        min-width: 0;
    }

    .public-creators-chip-row {
        gap: var(--space-1);
    }

    .default-theme-filter-chip {
        min-height: 34px;
        padding: 0 var(--space-3);
    }

    .public-creators-results-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .public-creators-results-heading .pagination {
        max-width: 100%;
        margin-left: 0;
        overflow-x: auto;
    }

    .public-creators-invite {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .public-creators-invite__action {
        width: 100%;
    }
}
/* Butterfly Deployment administration */
.admin-deployment { display: grid; gap: 1rem; color: #0f1f36; }
.admin-deployment__header, .admin-deployment__panel-heading, .admin-deployment__form-actions, .admin-deployment__action-row, .admin-deployment__entry-heading, .admin-deployment__modal-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.admin-deployment__header h1, .admin-deployment__panel h2, .admin-deployment__panel h3 { margin: 0; letter-spacing: 0; }
.admin-deployment__header h1 { font-size: 1.75rem; }
.admin-deployment__header p, .admin-deployment__panel p { margin: .3rem 0 0; color: #5e7088; }
.admin-deployment__eyebrow { margin: 0 0 .25rem !important; color: #1672df !important; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.admin-deployment__notice, .admin-deployment__errors { display: flex; align-items: flex-start; gap: .75rem; border: 1px solid #b9d8fb; border-radius: 8px; background: #edf6ff; padding: .85rem 1rem; }
.admin-deployment__errors { border-color: #f4b9bd; background: #fff2f3; color: #9f2530; }
.admin-deployment__errors ul { margin: .35rem 0 0; }
.admin-deployment__summary { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .75rem; }
.admin-deployment__metric, .admin-deployment__panel { border: 1px solid #dfe8f2; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(28, 55, 90, .04); }
.admin-deployment__metric { display: grid; align-content: start; gap: .35rem; min-width: 0; min-height: 108px; padding: .9rem; }
.admin-deployment__metric > span, .admin-deployment__metric small { color: #667890; font-size: .72rem; }
.admin-deployment__metric strong { overflow-wrap: anywhere; font-size: 1.05rem; }
.admin-deployment__columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); align-items: start; gap: 1rem; }
.admin-deployment__main, .admin-deployment__rail { display: grid; gap: 1rem; min-width: 0; }
.admin-deployment__rail { position: sticky; top: 5.5rem; }
.admin-deployment__panel { min-width: 0; padding: 1rem; }
.admin-deployment__panel-heading { margin-bottom: 1rem; }
.admin-deployment__panel-heading h2 { font-size: 1rem; }
.admin-deployment__form { display: grid; gap: 1rem; }
.admin-deployment__create { margin-bottom: 1rem; border: 1px solid #cfe0f5; border-radius: 7px; background: #f7fbff; padding: 1rem; }
.admin-deployment__field-grid, .admin-deployment__toggle-grid, .admin-deployment__read-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.admin-deployment__field-grid label:not(.admin-deployment__toggle) { display: grid; gap: .4rem; color: #253750; font-size: .78rem; font-weight: 700; }
.admin-deployment__field-grid input, .admin-deployment__field-grid textarea, .admin-deployment__field-grid select, .admin-deployment__filters input, .admin-deployment__filters select { width: 100%; min-height: 40px; border: 1px solid #cddaea; border-radius: 6px; background: #fff; color: #13243c; padding: .6rem .7rem; font: inherit; }
.admin-deployment__field-grid textarea { resize: vertical; }
.admin-deployment__field-grid input[readonly] { background: #eef3f8; color: #64758b; }
.admin-deployment__field-grid label small { color: #728299; font-weight: 500; }
.admin-deployment__field-wide { grid-column: 1 / -1; }
.admin-deployment__toggle { display: flex; align-items: flex-start; gap: .65rem; border: 1px solid #dce6f1; border-radius: 7px; padding: .8rem; cursor: pointer; }
.admin-deployment__toggle input[type="checkbox"] { width: 18px; height: 18px; margin: .1rem 0 0; accent-color: #1672df; }
.admin-deployment__toggle span { display: grid; gap: .2rem; }
.admin-deployment__toggle small { color: #6b7c92; font-size: .72rem; font-weight: 500; }
.admin-deployment__toggle--compact { align-self: end; min-height: 40px; padding: .55rem .7rem; }
.admin-deployment__button { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 38px; border: 1px solid #1672df; border-radius: 6px; background: #1672df; color: #fff; padding: .55rem .85rem; font-size: .78rem; font-weight: 800; text-decoration: none; cursor: pointer; }
.admin-deployment__button:hover, .admin-deployment__button:focus-visible { background: #0f5fbd; }
.admin-deployment__button--secondary { background: #fff; color: #1267cb; }
.admin-deployment__button--ghost { border-color: transparent; background: transparent; color: #5b6e87; }
.admin-deployment__button--warning { border-color: #c67a14; background: #fff7e9; color: #9a5b06; }
.admin-deployment__button--danger { border-color: #dc4b58; background: #fff; color: #c62f3d; }
.admin-deployment__button--wide { width: 100%; }
.admin-deployment__button:disabled { opacity: .5; cursor: not-allowed; }
.admin-deployment__filters { display: grid; grid-template-columns: minmax(180px, 1fr) 180px auto auto; align-items: end; gap: .6rem; margin-bottom: 1rem; }
.admin-deployment__table-wrap { max-width: 100%; overflow-x: auto; }
.admin-deployment__table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: .76rem; }
.admin-deployment__table th, .admin-deployment__table td { border-bottom: 1px solid #e5edf5; padding: .7rem .55rem; text-align: left; vertical-align: middle; }
.admin-deployment__table th { color: #607188; font-size: .68rem; text-transform: uppercase; }
.admin-deployment__table tr.is-selected { background: #f1f7ff; }
.admin-deployment__table td:first-child a { display: grid; gap: .18rem; color: #12243c; text-decoration: none; }
.admin-deployment__table td:first-child span { color: #687b92; }
.admin-deployment__icon-link { display: inline-grid; width: 34px; height: 34px; place-items: center; border: 1px solid #d7e2ed; border-radius: 6px; color: #166bcf; }
.admin-deployment__badge { display: inline-flex; align-items: center; width: fit-content; border-radius: 5px; background: #edf2f7; color: #53657b; padding: .25rem .48rem; font-size: .67rem; font-weight: 800; line-height: 1; white-space: nowrap; }
.admin-deployment__badge--success, .admin-deployment__badge--published, .admin-deployment__badge--normal { background: #e5f7ed; color: #187849; }
.admin-deployment__badge--draft, .admin-deployment__badge--info, .admin-deployment__badge--type-info { background: #e8f3ff; color: #1268c9; }
.admin-deployment__badge--hidden { background: #eef1f5; color: #5b6879; }
.admin-deployment__badge--medium, .admin-deployment__badge--type-new { background: #fff3d9; color: #946000; }
.admin-deployment__badge--critical, .admin-deployment__badge--type-fix { background: #ffe7e9; color: #b52e3a; }
.admin-deployment__action-row { justify-content: flex-start; flex-wrap: wrap; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e4ecf4; }
.admin-deployment__read-grid { margin: 0; }
.admin-deployment__read-grid div { border: 1px solid #e4ecf4; border-radius: 6px; padding: .75rem; }
.admin-deployment__read-grid dt { color: #687a91; font-size: .7rem; }
.admin-deployment__read-grid dd { margin: .25rem 0 0; overflow-wrap: anywhere; font-weight: 700; }
.admin-deployment__details { border: 1px solid #dfe8f2; border-radius: 7px; margin-bottom: .8rem; padding: .75rem; }
.admin-deployment__details summary { display: flex; align-items: center; gap: .4rem; color: #1267cb; font-size: .78rem; font-weight: 800; cursor: pointer; }
.admin-deployment__details[open] summary { margin-bottom: 1rem; }
.admin-deployment__details--compact { margin: .65rem 0 0; background: #fafcff; }
.admin-deployment__entry-list { display: grid; gap: .65rem; }
.admin-deployment__entry { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: .75rem; border: 1px solid #e1eaf3; border-radius: 7px; padding: .8rem; }
.admin-deployment__entry-order { display: grid; align-content: start; justify-items: center; gap: .25rem; color: #6a7b91; font-size: .7rem; }
.admin-deployment__entry-order button, .admin-deployment__modal-heading > button { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #d7e2ed; border-radius: 5px; background: #fff; color: #50647d; cursor: pointer; }
.admin-deployment__entry-order button.is-up svg { transform: rotate(180deg); }
.admin-deployment__reorder-spacer { width: 30px; height: 30px; }
.admin-deployment__entry-heading { align-items: flex-start; }
.admin-deployment__entry-heading > div { display: flex; flex-wrap: wrap; gap: .35rem; }
.admin-deployment__entry-content > p { white-space: pre-line; overflow-wrap: anywhere; }
.admin-deployment__current { display: grid; gap: .55rem; }
.admin-deployment__current > strong { color: #1672df; font-size: 1.25rem; }
.admin-deployment__current dl { display: grid; gap: .5rem; margin: .4rem 0 0; }
.admin-deployment__current dl div { display: flex; justify-content: space-between; gap: .8rem; border-top: 1px solid #e7eef5; padding-top: .5rem; font-size: .75rem; }
.admin-deployment__current dt { color: #6a7b91; }
.admin-deployment__safe-list { display: grid; gap: .55rem; margin: 0; padding-left: 1.15rem; color: #5d7088; font-size: .77rem; }
.admin-deployment__empty { border: 1px dashed #bdd0e4; border-radius: 6px; color: #687b92; padding: 1rem; text-align: center; }
.admin-deployment__modal { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 1rem; }
.admin-deployment__modal[hidden] { display: none; }
.admin-deployment__modal-backdrop { position: absolute; inset: 0; border: 0; background: rgba(11, 25, 44, .58); }
.admin-deployment__modal-panel { position: relative; z-index: 1; width: min(100%, 480px); max-height: calc(100vh - 2rem); overflow-y: auto; border-radius: 8px; background: #fff; box-shadow: 0 24px 70px rgba(7, 23, 45, .25); padding: 1.1rem; }
.admin-deployment__modal-panel--preview { width: min(100%, 680px); }
.admin-deployment__modal-heading { align-items: flex-start; margin-bottom: 1rem; }
.admin-deployment__preview-beta { display: inline-flex; border-radius: 5px; background: #e8f3ff; color: #1268c9; padding: .35rem .55rem; font-size: .7rem; font-weight: 800; }
.admin-deployment__preview-release { margin: 1rem 0; border-left: 3px solid #1672df; background: #f4f9ff; padding: .8rem; }
.admin-deployment__preview-release > span { color: #5e7088; font-size: .7rem; font-weight: 700; }
.admin-deployment__preview-entries { display: grid; gap: .65rem; }
.admin-deployment__preview-entries article { border: 1px solid #e0e9f2; border-radius: 7px; padding: .8rem; }
.admin-deployment__preview-entries article > div { display: flex; gap: .35rem; }
.admin-deployment__preview-entries h3 { margin-top: .55rem; font-size: .9rem; }
.admin-deployment__preview-entries p { white-space: pre-line; }
.admin-deployment__preview-footer { border-top: 1px solid #e1e9f1; margin-top: 1rem !important; padding-top: .85rem; }
.admin-deployment :focus-visible { outline: 3px solid rgba(22, 114, 223, .3); outline-offset: 2px; }

@media (max-width: 1180px) {
    .admin-deployment__summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .admin-deployment__columns { grid-template-columns: 1fr; }
    .admin-deployment__rail { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .admin-deployment__header, .admin-deployment__panel-heading { align-items: flex-start; flex-direction: column; }
    .admin-deployment__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-deployment__rail, .admin-deployment__field-grid, .admin-deployment__toggle-grid, .admin-deployment__read-grid, .admin-deployment__filters { grid-template-columns: 1fr; }
    .admin-deployment__field-wide { grid-column: auto; }
    .admin-deployment__filters .admin-deployment__button { width: 100%; }
}
@media (max-width: 440px) {
    .admin-deployment__summary { grid-template-columns: 1fr; }
    .admin-deployment__action-row, .admin-deployment__form-actions { align-items: stretch; flex-direction: column; }
    .admin-deployment__action-row form, .admin-deployment__action-row button, .admin-deployment__form-actions button { width: 100%; }
    .admin-deployment__entry { grid-template-columns: 34px minmax(0, 1fr); padding: .65rem; }
}
@media (prefers-reduced-motion: reduce) {
    .admin-deployment *, .admin-deployment__modal * { scroll-behavior: auto !important; transition: none !important; }
}

/* Jarvis.Self.Deploy:MarkI.5a - the beta dialog is a body-level portal. */
.beta-modal-layer.beta-info-modal[hidden] {
    display: none;
}

.beta-modal-layer.beta-info-modal {
    display: block;
    inset: 0;
    isolation: isolate;
    overflow: hidden;
    padding: 0;
    position: fixed;
    z-index: var(--z-modal);
}

.beta-modal-layer .beta-modal-backdrop {
    background: rgba(8, 15, 28, .66);
    border: 0;
    cursor: default;
    inset: 0;
    position: absolute;
    z-index: var(--z-modal-backdrop);
}

.beta-modal-viewport {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    height: 100%;
    justify-items: center;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: clamp(12px, 4vh, 40px) clamp(12px, 4vw, 40px);
    position: relative;
    width: 100%;
    z-index: calc(var(--z-modal-backdrop) + 1);
}

.beta-modal-layer .beta-modal-dialog {
    background: #fff;
    border: 1px solid #d8e8f3;
    border-radius: 24px;
    box-shadow: 0 24px 70px rgba(8, 15, 28, .24), 0 4px 16px rgba(8, 15, 28, .12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: min(900px, calc(100dvh - 48px));
    max-width: none;
    min-height: min(560px, calc(100dvh - 48px));
    overflow: hidden;
    padding: clamp(24px, 4vw, 44px);
    position: relative;
    width: min(900px, calc(100vw - 48px));
    z-index: var(--z-modal);
}

.beta-modal-topbar {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.beta-info-modal__eyebrow {
    background: #eaf4ff;
    border-radius: 8px;
    color: #1264c5;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    padding: 8px 10px;
    text-transform: uppercase;
}

.beta-modal-layer .beta-modal-close {
    border-radius: 14px;
    height: 60px;
    width: 60px;
}

.beta-modal-layer .beta-modal-close .default-theme-icon {
    height: 25px;
    width: 25px;
}

.beta-modal-heading {
    align-items: center;
    display: grid;
    gap: 20px;
    grid-template-columns: 76px minmax(0, 1fr);
    margin: 20px 0 28px;
}

.beta-modal-icon-tile {
    align-items: center;
    background: #eef4ff;
    border-radius: 16px;
    color: #176be0;
    display: inline-flex;
    height: 76px;
    justify-content: center;
    width: 76px;
}

.beta-modal-icon-tile .default-theme-icon {
    height: 38px;
    width: 38px;
}

.beta-modal-icon-tile--small {
    border-radius: 14px;
    flex: 0 0 56px;
    height: 56px;
    width: 56px;
}

.beta-modal-icon-tile--small .default-theme-icon {
    height: 29px;
    width: 29px;
}

.beta-modal-heading h2 {
    color: #142033;
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.15;
    margin: 0 0 8px;
}

.beta-info-modal__intro,
.beta-info-modal__footer,
.beta-info-modal__sections p {
    color: #526179;
}

.beta-modal-heading .beta-info-modal__intro {
    font-size: 18px;
    margin: 0;
}

.beta-modal-body {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 8px;
    scrollbar-color: #abc7e5 transparent;
    scrollbar-width: thin;
    touch-action: pan-y;
}

.beta-modal-body::-webkit-scrollbar {
    width: 8px;
}

.beta-modal-body::-webkit-scrollbar-thumb {
    background: #abc7e5;
    border: 2px solid #fff;
    border-radius: 999px;
}

.beta-modal-body::-webkit-scrollbar-track {
    background: transparent;
}

.beta-modal-alert {
    align-items: flex-start;
    background: #fff8e8;
    border: 1px solid #f5c36a;
    border-radius: 16px;
    color: #6b4510;
    display: flex;
    gap: 18px;
    margin: 0 0 26px;
    padding: 24px 26px;
}

.beta-modal-alert__icon {
    align-items: center;
    background: #f3a51d;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 34px;
    font-size: 21px;
    font-weight: 800;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.beta-modal-alert strong {
    display: block;
    font-size: 19px;
    margin: 1px 0 6px;
}

.beta-modal-alert p {
    color: inherit;
    font-size: 17px;
    line-height: 1.45;
    margin: 0;
}

.beta-info-modal__sections {
    display: block;
    margin: 0;
    overflow: visible;
    padding: 0;
}

.beta-info-modal__info-row {
    align-items: center;
    border-top: 1px solid #dbe7f2;
    display: grid;
    gap: 20px;
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 26px 0;
}

.beta-info-modal__info-row h3,
.beta-info-modal__info-row p {
    margin: 0;
}

.beta-info-modal__info-row h3,
.beta-info-modal__changelog > h3 {
    color: #142033;
    font-size: 20px;
    line-height: 1.25;
}

.beta-info-modal__info-row p {
    font-size: 17px;
    line-height: 1.45;
    margin-top: 7px;
}

.beta-info-modal__changelog {
    border-top: 1px solid #dbe7f2;
    padding-top: 26px;
}

.beta-info-modal__changelog > h3 {
    margin: 0 0 16px;
}

.beta-info-modal__release {
    border: 1px solid #d8e8f3;
    border-radius: 16px;
    display: grid;
    gap: 16px;
    padding: 24px;
}

.beta-info-modal__release-heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.beta-info-modal__release-heading strong {
    color: #142033;
    font-size: 20px;
}

.beta-info-modal__release-heading .beta-info-modal__badge {
    margin-left: auto;
}

.beta-info-modal__release-meta {
    align-items: center;
    color: #66758c;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    gap: 12px;
}

.beta-info-modal__published {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.beta-info-modal__published .default-theme-icon {
    height: 20px;
    width: 20px;
}

.beta-info-modal__release-summary {
    color: #526179;
    margin: 0;
}

.beta-info-modal__version,
.beta-info-modal__badge {
    align-items: center;
    border-radius: 9px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    min-height: 32px;
    padding: 6px 10px;
}

.beta-info-modal__version,
.beta-info-modal__badge--type-info,
.beta-info-modal__badge--severity-normal {
    background: #e8f2ff;
    color: #155da8;
}

.beta-info-modal__badge--type-new {
    background: #e7f8ee;
    color: #157346;
}

.beta-info-modal__badge--type-fix,
.beta-info-modal__badge--severity-medium {
    background: #fff3dc;
    color: #8a5100;
}

.beta-info-modal__badge--severity-critical {
    background: #fee9e9;
    color: #a12727;
}

.beta-info-modal__entry {
    border-top: 1px solid #e3edf5;
    display: grid;
    gap: 8px;
    margin-top: 4px;
    padding-top: 16px;
}

.beta-info-modal__entry h4,
.beta-info-modal__entry p {
    margin: 0;
}

.beta-info-modal__entry h4 {
    color: #142033;
    font-size: 16px;
}

.beta-info-modal__entry-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.beta-modal-footer {
    border-top: 1px solid #dbe7f2;
    flex: 0 0 auto;
    margin-top: 24px;
    padding-top: 22px;
}

.beta-modal-footer .beta-info-modal__footer {
    margin: 0 0 14px;
}

.beta-modal-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.beta-modal-actions .public-post-action {
    min-height: 48px;
    padding-inline: 22px;
}

@media (max-width: 700px) {
    .beta-modal-layer .beta-modal-dialog {
        max-height: calc(100dvh - 24px);
        min-height: 0;
        width: calc(100vw - 24px);
    }

    .beta-modal-heading {
        align-items: flex-start;
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 14px;
        margin-block: 18px 22px;
    }

    .beta-modal-icon-tile {
        height: 56px;
        width: 56px;
    }

    .beta-modal-icon-tile .default-theme-icon {
        height: 30px;
        width: 30px;
    }

    .beta-modal-heading h2 {
        font-size: 24px;
    }

    .beta-modal-heading .beta-info-modal__intro,
    .beta-modal-alert p,
    .beta-info-modal__info-row p {
        font-size: 15px;
    }

    .beta-modal-alert {
        padding: 18px;
    }

    .beta-info-modal__release-heading .beta-info-modal__badge {
        margin-left: 0;
    }

    .beta-modal-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .beta-modal-actions .public-post-action {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .beta-modal-layer,
    .beta-modal-layer * {
        scroll-behavior: auto;
        transition: none;
    }
}

/* My Issues reference parity */
.reporter-portal {
    margin: 0 auto;
    max-width: none;
    padding: 28px 36px 72px;
}

.reporter-portal .public-issue-breadcrumb {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
}

.reporter-portal .public-issue-breadcrumb > span:not([aria-hidden="true"]) {
    color: #64738d;
}

.reporter-portal .public-issue-breadcrumb > span[aria-hidden="true"] {
    align-items: center;
    color: #9aabc2;
    display: inline-flex;
}

.reporter-portal .public-issue-breadcrumb .default-theme-icon {
    height: 14px;
    width: 14px;
}

.reporter-portal__header {
    align-items: center;
    gap: 24px;
    margin: 0 0 22px;
}

.reporter-portal__heading {
    align-items: center;
    display: flex;
    gap: 18px;
    min-width: 0;
}

.reporter-portal__icon-tile {
    align-items: center;
    background: #eaf3ff;
    border-radius: 12px;
    color: #1268e8;
    display: inline-flex;
    flex: 0 0 auto;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.reporter-portal__icon-tile .default-theme-icon {
    height: 34px;
    width: 34px;
}

.reporter-portal__header h1 {
    font-size: clamp(30px, 3vw, 38px);
    line-height: 1.1;
}

.reporter-portal__header p:not(.reporter-portal__eyebrow) {
    margin-top: 7px;
}

.reporter-portal__cta {
    flex: 0 0 auto;
    min-height: 42px;
    padding-inline: 20px;
}

.reporter-portal-tabs {
    gap: 10px;
    padding-inline: 0;
}

.reporter-portal-tabs a {
    padding: 13px 20px 12px;
}

.reporter-portal-toolbar {
    align-items: end;
    background: #fff;
    border-color: #e1e9f3;
    box-shadow: 0 4px 16px rgb(24 65 119 / 4%);
    gap: 16px;
    margin: 22px 0 20px;
    padding: 20px;
}

.reporter-portal-toolbar > label:not(.reporter-portal-search) {
    flex: 0 1 210px;
    min-width: 170px;
}

.reporter-portal-toolbar label > span {
    color: #52627d;
}

.reporter-portal-search {
    flex: 1 1 420px;
    min-height: 42px;
}

.reporter-portal-toolbar select,
.reporter-portal-search input {
    font-size: 14px;
}

.reporter-portal-toolbar__apply {
    align-items: center;
    background: #edf5ff;
    border-color: #d7e8ff;
    color: #1268e8;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    min-height: 42px;
    padding-inline: 16px;
}

.reporter-portal-toolbar__apply .default-theme-icon {
    height: 16px;
    width: 16px;
}

.reporter-portal-list {
    gap: 10px;
}

.reporter-issue-card {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: 48px minmax(0, 1fr) minmax(150px, 190px);
    min-height: 126px;
    padding: 18px;
}

.reporter-issue-card__icon {
    align-items: center;
    border-radius: 9px;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.reporter-issue-card__icon .default-theme-icon {
    height: 23px;
    width: 23px;
}

.reporter-issue-card__icon--danger { background: #fff0f1; color: #f15b68; }
.reporter-issue-card__icon--violet { background: #f2edff; color: #7956e8; }
.reporter-issue-card__icon--amber { background: #fff6e6; color: #e7a126; }
.reporter-issue-card__icon--blue { background: #eaf3ff; color: #2877e8; }
.reporter-issue-card__icon--neutral { background: #f0f3f7; color: #697990; }

.reporter-issue-card__content {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.reporter-issue-card__title {
    color: var(--text-strong, #12203a);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.reporter-issue-card__meta,
.reporter-issue-card__summary,
.reporter-issue-card__attachment {
    color: var(--text-muted, #66748e);
    font-size: 13px;
    line-height: 1.35;
}

.reporter-issue-card__summary {
    margin-top: 3px;
}

.reporter-issue-card__attachment {
    align-items: center;
    color: #52627d;
    display: inline-flex;
    gap: 5px;
    margin-top: 3px;
}

.reporter-issue-card__attachment .default-theme-icon {
    height: 14px;
    width: 14px;
}

.reporter-issue-card__aside {
    align-items: flex-end;
    align-self: stretch;
    display: grid;
    gap: 8px;
    grid-template-rows: 1fr auto;
    justify-items: end;
    min-width: 0;
    padding-block: 2px;
}

.reporter-issue-card__aside .reporter-status { align-self: center; }

.reporter-issue-card__updated {
    align-self: end;
    color: var(--text-muted, #66748e);
    font-size: 12px;
    white-space: nowrap;
}

.reporter-issue-card__chevron {
    align-self: center;
    color: #6e7f98;
    height: 17px;
    margin-left: 6px;
    position: absolute;
    right: 13px;
    width: 17px;
}

.reporter-issue-card__aside {
    padding-right: 22px;
    position: relative;
}

.reporter-status--under-review { background: #f0edff; color: #664fd0; }
.reporter-status--in-progress { background: #fff4dd; color: #9a6200; }
.reporter-status--not-planned { background: #fff0f1; color: #b3404d; }
.reporter-status--waiting { background: #fff4dd; color: #9a6200; }
.reporter-status--neutral { background: #eef1f5; color: #5f6d82; }

.reporter-portal__pagination-row {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin-top: 16px;
    min-height: 40px;
}

.reporter-results-count {
    color: #52627d;
    font-size: 13px;
    margin: 0;
}

.reporter-pagination {
    gap: 5px;
    justify-content: center;
    margin: 0;
}

.reporter-pagination a,
.reporter-pagination span {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 7px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    min-width: 32px;
    padding: 0 8px;
}

.reporter-pagination a:hover,
.reporter-pagination .is-current {
    background: #edf5ff;
    border-color: #8db8ff;
    color: #1268e8;
}

.reporter-pagination .default-theme-icon {
    height: 16px;
    width: 16px;
}

.reporter-pagination__previous {
    transform: rotate(180deg);
}

@media (max-width: 900px) {
    .reporter-portal {
        padding-inline: 24px;
    }

    .reporter-portal-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .reporter-portal-search,
    .reporter-portal-toolbar__apply {
        width: 100%;
    }

    .reporter-portal-search { grid-column: 1 / -1; }
    .reporter-portal-toolbar > label:not(.reporter-portal-search) { min-width: 0; }
    .reporter-portal-toolbar__apply { justify-content: center; }
}

@media (max-width: 700px) {
    .reporter-portal {
        padding: 20px 16px 48px;
    }

    .reporter-portal__header {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .reporter-portal__heading { align-items: flex-start; }
    .reporter-portal__icon-tile { height: 54px; width: 54px; }
    .reporter-portal__icon-tile .default-theme-icon { height: 28px; width: 28px; }
    .reporter-portal__cta { justify-content: center; width: 100%; }
    .reporter-portal-tabs { gap: 0; }
    .reporter-portal-tabs a { padding-inline: 14px; }

    .reporter-portal-toolbar {
        display: flex;
        flex-direction: column;
        margin-top: 18px;
        padding: 14px;
    }

    .reporter-portal-toolbar > label:not(.reporter-portal-search),
    .reporter-portal-search,
    .reporter-portal-toolbar__apply { width: 100%; }

    .reporter-issue-card {
        align-items: start;
        grid-template-columns: 44px minmax(0, 1fr);
        min-height: 0;
        padding: 16px;
    }

    .reporter-issue-card__icon { height: 44px; width: 44px; }
    .reporter-issue-card__aside {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        grid-column: 1 / -1;
        justify-content: space-between;
        padding: 10px 20px 0 0;
        border-top: 1px solid #edf1f6;
        width: 100%;
    }

    .reporter-issue-card__updated { align-self: auto; }
    .reporter-issue-card__chevron { right: 0; }
    .reporter-portal__pagination-row {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}

/* Issues UI.1a full-width content rail */
.public-main.public-issue-main {
    box-sizing: border-box;
    max-width: none;
    padding: 0;
    width: 100%;
}

.public-issues-page {
    box-sizing: border-box;
    margin: 0;
    max-width: none;
    min-width: 0;
    padding: 28px clamp(20px, 2vw, 32px) 64px;
    width: 100%;
}

.public-issues-page.reporter-portal {
    padding-bottom: 72px;
}

.public-issues-page.public-issue-page {
    padding-bottom: 64px;
}

.reporter-portal-results {
    min-width: 0;
    outline: none;
    position: relative;
    transition: opacity .16s ease;
}

.reporter-portal-results.is-loading {
    cursor: progress;
    opacity: .62;
    pointer-events: none;
}

.issue-report-success-modal {
    isolation: isolate;
    z-index: var(--z-modal);
}

.issue-report-success-modal__backdrop {
    background: rgba(8, 15, 28, .66);
    cursor: default;
    z-index: var(--z-modal-backdrop);
}

.issue-report-success-modal__panel {
    gap: 20px;
    max-height: min(560px, calc(100dvh - 32px));
    max-width: min(560px, calc(100vw - 32px));
    overflow-y: auto;
    padding: 28px;
    z-index: var(--z-modal);
}

.issue-report-success-modal__header {
    align-items: flex-start;
}

.issue-report-success-modal__icon {
    align-items: center;
    background: #e5f7ed;
    border-radius: 50%;
    color: #16834f;
    display: inline-flex;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.issue-report-success-modal__icon .default-theme-icon {
    height: 28px;
    width: 28px;
}

.issue-report-success-modal h2 {
    color: #142033;
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 10px;
}

.issue-report-success-modal__message,
.issue-report-success-modal__supporting {
    color: #526179;
    line-height: 1.5;
    margin: 0;
}

.issue-report-success-modal__message {
    color: #142033;
    font-weight: 750;
}

.issue-report-success-modal__supporting {
    margin-top: 8px;
}

.issue-report-success-modal__actions {
    border-top: 1px solid #e1e9f3;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 18px;
}

.issue-report-success-modal__actions .public-post-action {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 42px;
    text-decoration: none;
}

@media (max-width: 520px) {
    .issue-report-success-modal__panel {
        padding: 22px;
    }

    .issue-report-success-modal__actions {
        grid-template-columns: 1fr;
    }
}

.reporter-portal-live {
    color: #52627d;
    font-size: 13px;
    min-height: 1.3em;
    margin: 0 0 8px;
}

.reporter-portal-error {
    align-items: center;
    background: #fff4f4;
    border: 1px solid #f2b8bc;
    border-radius: 8px;
    color: #9f2935;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
    padding: 10px 12px;
}

.reporter-portal-error[hidden] {
    display: none;
}

.reporter-portal-error a {
    color: #1268c9;
    font-weight: 800;
}

@media (prefers-reduced-motion: reduce) {
    .reporter-portal-results {
        scroll-behavior: auto;
        transition: none;
    }
}

@media (max-width: 900px) {
    .public-issues-page {
        padding-inline: 24px;
    }
}

@media (max-width: 700px) {
    .public-issues-page {
        padding-inline: 16px;
    }

    .public-issues-page.reporter-portal {
        padding-bottom: 48px;
    }

    .public-issues-page.public-issue-page {
        padding-bottom: 40px;
    }
}

/* Reporter issue detail reference layout */
.public-issue-shell .reporter-detail {
    box-sizing: border-box;
    margin: 0;
    max-width: none;
    padding: 28px clamp(20px, 2vw, 32px) 64px;
    width: 100%;
}

.reporter-detail__header {
    align-items: center;
    margin: 0 0 22px;
}

.reporter-detail__heading {
    align-items: center;
    display: flex;
    gap: 16px;
    min-width: 0;
}

.reporter-detail__heading > div {
    min-width: 0;
}

.reporter-detail__type-icon {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.reporter-detail__type-icon .default-theme-icon {
    height: 32px;
    width: 32px;
}

.reporter-detail__header h1 {
    font-size: clamp(28px, 3vw, 38px);
    margin-top: 6px;
}

.reporter-detail__header-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
}

.reporter-detail__badges {
    justify-content: flex-end;
}

.reporter-status--under-review,
.reporter-status--in-progress { background: #edf4ff; color: #145dc5; }
.reporter-status--waiting { background: #fff4dd; color: #9a6200; }
.reporter-status--not-planned,
.reporter-status--duplicate { background: #eef1f5; color: #5f6d82; }
.reporter-type--danger { background: #fff0f1; color: #bf3041; }
.reporter-type--amber { background: #fff6e6; color: #9a6200; }
.reporter-type--blue { background: #edf4ff; color: #145dc5; }

.reporter-detail__actions {
    position: relative;
}

.reporter-detail__actions summary {
    align-items: center;
    color: #17305b;
    cursor: pointer;
    display: inline-flex;
    gap: 7px;
    list-style: none;
    white-space: nowrap;
}

.reporter-detail__actions summary::-webkit-details-marker { display: none; }
.reporter-detail__actions summary .default-theme-icon { height: 16px; width: 16px; }
.reporter-detail__actions[open] summary .default-theme-icon:last-child { transform: rotate(180deg); }

.reporter-detail__actions-menu {
    background: #fff;
    border: 1px solid #dfe8f2;
    border-radius: 9px;
    box-shadow: 0 12px 28px rgb(23 34 56 / 14%);
    display: grid;
    gap: 3px;
    min-width: 190px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 7px);
    z-index: 5;
}

.reporter-detail__actions-menu a {
    border-radius: 6px;
    color: #17305b;
    display: block;
    font-size: 13px;
    padding: 9px 10px;
    text-decoration: none;
}

.reporter-detail__actions-menu a:hover,
.reporter-detail__actions-menu a:focus-visible {
    background: #eef6ff;
    outline: 0;
}

.reporter-status-panel {
    margin-bottom: 18px;
}

.reporter-detail__layout {
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reporter-detail__main,
.reporter-detail__rail { gap: 18px; }

.reporter-panel {
    box-shadow: 0 5px 18px rgb(28 47 79 / 4%);
}

.reporter-safe-details dt {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.reporter-safe-details dt .default-theme-icon {
    color: #6f82a0;
    height: 14px;
    width: 14px;
}

.reporter-attachments li span {
    align-items: baseline;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 7px;
}

.reporter-attachments li span small {
    color: #66748e;
    font-size: 11px;
    font-weight: 600;
}

.reporter-attachments li a {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    white-space: nowrap;
}

.reporter-attachments li a .default-theme-icon { height: 13px; width: 13px; }

.reporter-detail__badge {
    align-items: center;
    background: #f1f5fb;
    border-radius: 999px;
    display: inline-flex;
    gap: 5px;
    padding: 5px 9px;
}

.reporter-detail__badge .default-theme-icon { height: 13px; width: 13px; }

.reporter-summary__status { color: #1268e8 !important; }
.reporter-summary__type { color: #bf3041 !important; }

.reporter-activity ol { gap: 0; position: relative; }
.reporter-activity ol::before {
    background: #d4e4fb;
    bottom: 17px;
    content: '';
    left: 4px;
    position: absolute;
    top: 17px;
    width: 1px;
}

.reporter-activity li,
.reporter-activity li + li {
    border-top: 0;
    padding: 0 0 18px;
}

.reporter-activity li:last-child { padding-bottom: 0; }
.reporter-activity__dot { box-shadow: 0 0 0 3px #edf4ff; position: relative; z-index: 1; }

@media (max-width: 900px) {
    .reporter-detail__layout { grid-template-columns: 1fr; }
    .reporter-detail__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reporter-detail__back { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .public-issue-shell .reporter-detail { padding: 18px 16px 42px; }
    .reporter-detail__header,
    .reporter-detail__header-actions { align-items: stretch; flex-direction: column; }
    .reporter-detail__header-actions,
    .reporter-detail__badges { justify-content: flex-start; }
    .reporter-detail__actions,
    .reporter-detail__actions summary { width: 100%; }
    .reporter-detail__actions summary { justify-content: center; }
    .reporter-detail__actions-menu { left: 0; right: 0; }
    .reporter-detail__rail { grid-template-columns: 1fr; }
    .reporter-detail__heading { align-items: flex-start; }
    .reporter-detail__type-icon { height: 54px; width: 54px; }
    .reporter-detail__header h1 { font-size: 28px; }
.reporter-attachments li a { margin-left: 26px; width: calc(100% - 26px); }
}

.admin-updates { color: var(--color-text, #172033); display: grid; gap: var(--space-5, 1.25rem); min-width: 0; }
.admin-updates__header, .admin-updates__panel-heading { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }
.admin-updates__header h1, .admin-updates__panel h2 { margin: 0; }
.admin-updates__header p:not(.admin-updates__eyebrow), .admin-updates__panel-heading p { color: var(--color-muted, #667085); margin: .35rem 0 0; }
.admin-updates__eyebrow { color: var(--color-muted, #667085); font-size: .72rem; font-weight: 700; letter-spacing: .04em; margin: 0 0 .35rem; text-transform: uppercase; }
.admin-updates__actions, .admin-updates__actions form { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; }
.admin-updates__button { align-items: center; background: #1677e8; border: 1px solid #1677e8; border-radius: 6px; color: #fff; cursor: pointer; display: inline-flex; font: inherit; font-size: .78rem; font-weight: 700; gap: .4rem; justify-content: center; min-height: 36px; padding: .5rem .8rem; text-decoration: none; }
.admin-updates__button--secondary { background: transparent; border-color: var(--color-border, #d8dee8); color: var(--color-text, #344054); }
.admin-updates__button--danger { background: transparent; border-color: #e35d68; color: #c2413b; }
.admin-updates__button:focus-visible, .admin-updates a:focus-visible, .admin-updates input:focus-visible, .admin-updates select:focus-visible { outline: 3px solid rgb(22 119 232 / 35%); outline-offset: 2px; }
.admin-updates__alert { border: 1px solid; border-radius: 6px; padding: .8rem 1rem; }
.admin-updates__alert--success { background: #effaf2; border-color: #b7e5c6; color: #16733a; }
.admin-updates__alert--error { background: #fff1f1; border-color: #f2b8b5; color: #a83232; }
.admin-updates__metrics { display: grid; gap: .75rem; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.admin-updates__panel--success { border-color: #b7e5c6; }
.admin-updates__panel--error { border-color: #f2b8b5; }
.admin-updates__metrics article, .admin-updates__panel { background: var(--color-panel, #fff); border: 1px solid var(--color-border, #e5e9f0); border-radius: 8px; box-shadow: 0 6px 18px rgb(23 32 51 / 4%); padding: 1rem; }
.admin-updates__metrics article { display: grid; gap: .25rem; }
.admin-updates__metrics span, .admin-updates__details dt, .admin-updates__muted { color: var(--color-muted, #667085); font-size: .75rem; }
.admin-updates__metrics strong { font-size: 1.2rem; }
.admin-updates__filters { align-items: end; display: grid; gap: .75rem; grid-template-columns: repeat(5, minmax(0, 1fr)) auto; margin-top: 1rem; }
.admin-updates__filters label, .admin-updates__auth-form label { color: var(--color-text, #344054); display: grid; font-size: .75rem; font-weight: 700; gap: .35rem; }
.admin-updates__filters input, .admin-updates__filters select, .admin-updates__auth-form input { background: var(--color-panel, #fff); border: 1px solid var(--color-border, #d8dee8); border-radius: 6px; color: inherit; font: inherit; min-height: 36px; padding: .45rem .6rem; }
.admin-updates__table-wrap { overflow-x: auto; }
.admin-updates__table { border-collapse: collapse; min-width: 900px; width: 100%; }
.admin-updates__table th, .admin-updates__table td { border-bottom: 1px solid var(--color-border-soft, #edf0f3); padding: .8rem .55rem; text-align: left; vertical-align: middle; }
.admin-updates__table th { color: var(--color-muted, #667085); font-size: .7rem; text-transform: uppercase; }
.admin-updates__table td { font-size: .78rem; }
.admin-updates__table td a { color: inherit; text-decoration: none; }
.admin-updates__table td a strong, .admin-updates__table td a span { display: block; }
.admin-updates__table td a span { color: var(--color-muted, #667085); font-size: .7rem; margin-top: .15rem; }
.admin-updates__text-link, .admin-updates__back { color: #1769c2 !important; font-weight: 700; }
.admin-updates__row-actions { align-items: center; display: flex; flex-wrap: wrap; gap: var(--space-2, .5rem); }
.admin-updates__row-actions form { margin: 0; }
.admin-updates__badge { background: #eef2f7; border-radius: 999px; display: inline-flex; font-size: .68rem; font-weight: 700; padding: .3rem .5rem; white-space: nowrap; }
.admin-updates__badge--upgrade_available, .admin-updates__badge--ready, .admin-updates__badge--pass, .admin-updates__badge--valid { background: #edf8f0; color: #16733a; }
.admin-updates__badge--same_version, .admin-updates__badge--downgrade_package, .admin-updates__badge--warning, .admin-updates__badge--inspecting { background: #fff7e5; color: #9a6700; }
.admin-updates__badge--invalid, .admin-updates__badge--blocked, .admin-updates__badge--fail, .admin-updates__badge--unsupported { background: #fff1f1; color: #a83232; }
.admin-updates__badge--missing, .admin-updates__badge--unavailable, .admin-updates__badge--neutral { background: #eef2f7; color: #667085; }
.admin-updates__empty { display: grid; gap: .35rem; padding: 2rem 1rem; text-align: center; }
.admin-updates__empty span { color: var(--color-muted, #667085); }
.admin-updates__progress { background: #edf2f7; border-radius: 999px; height: 10px; margin: 1rem 0; overflow: hidden; }
.admin-updates__progress span { background: #1677e8; border-radius: inherit; display: block; height: 100%; transition: width .2s ease; }
.admin-updates__history { display: grid; gap: .7rem; list-style: none; margin: 0; padding: 0; }
.admin-updates__history li { border-bottom: 1px solid var(--color-border-soft, #edf0f3); display: grid; gap: .2rem; padding: .7rem 0; }
.admin-updates__history li:last-child { border-bottom: 0; }
.admin-updates__history small { color: var(--color-muted, #667085); }
.admin-updates__start-form { border-top: 1px solid var(--color-border-soft, #edf0f3); display: grid; gap: .7rem; margin-top: 1rem; padding-top: 1rem; }
.admin-updates__start-form label { align-items: flex-start; display: flex; gap: .5rem; font-size: .78rem; }
.admin-updates__authorization { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; }
.admin-updates__sr-only { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.admin-updates__back { display: inline-block; text-decoration: none; }
.admin-updates__detail-grid { display: grid; gap: var(--space-5, 1.25rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-updates__details { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1rem 0 0; }
.admin-updates__details div { border-bottom: 1px solid var(--color-border-soft, #edf0f3); padding-bottom: .55rem; }
.admin-updates__details dd { margin: .2rem 0 0; overflow-wrap: anywhere; }
.admin-updates__history, .admin-updates__checks { display: grid; gap: .5rem; list-style: none; margin: 1rem 0 0; padding: 0; }
.admin-updates__history li, .admin-updates__checks li, .admin-updates__authorization { align-items: center; border-top: 1px solid var(--color-border-soft, #edf0f3); display: flex; flex-wrap: wrap; gap: .65rem; padding: .65rem 0; }
.admin-updates__history time, .admin-updates__history small { color: var(--color-muted, #667085); }
.admin-updates__preflight { border-left: 4px solid #1677e8; margin-top: 1rem; padding: .8rem 1rem; }
.admin-updates__preflight--ready, .admin-updates__preflight--ready_with_warnings { border-left-color: #16a34a; }
.admin-updates__preflight--blocked, .admin-updates__preflight--stale { border-left-color: #d9485f; }
.admin-updates__preflight p { margin: .35rem 0; }
.admin-updates__checks li span:last-child { color: var(--color-muted, #667085); flex: 1 1 280px; }
.admin-updates__auth-form { align-items: end; display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.admin-updates__auth-form label { flex: 1 1 240px; }
.admin-updates__authorization { justify-content: space-between; margin-top: 1rem; }
.admin-updates__authorization form { margin: 0; }
@media (max-width: 1200px) { .admin-updates__metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1000px) { .admin-updates__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); } .admin-updates__filters { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .admin-updates__header, .admin-updates__panel-heading { align-items: stretch; flex-direction: column; } .admin-updates__metrics, .admin-updates__filters, .admin-updates__detail-grid { grid-template-columns: 1fr; } .admin-updates__details { grid-template-columns: 1fr; } .admin-updates__actions { align-items: stretch; flex-direction: column; } .admin-updates__actions form, .admin-updates__actions .admin-updates__button { width: 100%; } }

/* Keep the mobile public shell contract after all legacy narrow-page rules. */
@media (max-width: 1023px) {
    .public-home-shell {
        overflow-x: hidden;
        padding: 0;
    }

    .public-mobile-drawer {
        bottom: 0;
        height: 100dvh;
        left: 0;
        margin: 0;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        width: min(88vw, 340px);
        z-index: 60;
    }

    .public-home-shell--mobile-drawer-open .public-mobile-drawer {
        transform: translateX(0);
    }

    .public-home-nav-card {
        display: flex;
        flex-direction: column;
        grid-template-columns: none;
        height: 100%;
        max-height: none;
        min-height: 0;
        padding: var(--space-4);
    }

    .public-home-main-column {
        margin-left: 0;
        margin-right: 0;
        padding: 0 var(--space-4) var(--space-7);
    }

    .default-theme-header {
        align-items: center;
        flex-direction: row;
        left: auto;
        position: sticky;
        right: auto;
    }

    .default-theme-header-left {
        width: auto;
    }

    .default-theme-header .default-theme-actions[data-default-header-actions],
    .default-theme-header .public-home-right-toggle {
        display: none;
    }

    .public-home-right {
        height: auto;
        margin: 0 var(--space-4) var(--space-7);
        position: static;
        width: auto;
    }

}

/* Keep the Home filter in one touch-scrollable row through tablet widths. */
@media (max-width: 1199px) {
    .public-home-main .default-theme-filter-row {
        align-items: center;
        flex-direction: row;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .public-home-main .default-theme-filter {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        touch-action: pan-x;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        width: 100%;
    }

    .public-home-main .default-theme-filter::-webkit-scrollbar {
        display: none;
        height: 0;
        width: 0;
    }

    .public-home-main .default-theme-filter-link {
        flex: 0 0 auto;
    }
}

/* Butterfly.Public:UI.DesktopSidebarRegression.1: keep desktop and drawer modes isolated. */
.public-desktop-sidebar {
    display: grid;
}

.public-mobile-drawer,
.public-mobile-drawer__backdrop {
    display: none;
}

@media (min-width: 1024px) {
    .public-desktop-sidebar {
        align-content: start;
        display: flex;
        flex-direction: column;
        gap: var(--space-2);
    }

    .public-desktop-sidebar__navigation,
    .public-desktop-sidebar__nav {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: var(--space-2);
        min-width: 0;
        width: 100%;
    }

    .public-desktop-sidebar__navigation > .public-home-sidebar-link,
    .public-desktop-sidebar__nav > .public-home-sidebar-link,
    .public-desktop-sidebar__navigation > .public-nav-group,
    .public-desktop-sidebar__nav > .public-nav-group {
        box-sizing: border-box;
        min-width: 0;
        width: 100%;
    }

    .public-home-left {
        height: 100vh;
        position: fixed;
        width: var(--public-sidebar-width);
    }

    .public-desktop-sidebar {
        height: 100%;
        width: 100%;
    }

    .public-mobile-drawer,
    .public-mobile-drawer__backdrop {
        display: none !important;
    }

    .public-home-shell--left-collapsed .public-home-left {
        transform: translateX(-100%);
    }

    .public-home-shell--left-collapsed .public-home-main-column {
        margin-left: var(--public-home-shell-gap);
    }

    .public-home-shell--left-collapsed .default-theme-header {
        left: var(--public-home-shell-gap);
    }
}

@media (max-width: 1023px) {
    .public-home-left {
        height: 0;
        position: static;
        transform: none !important;
        width: 0;
    }

    .public-desktop-sidebar {
        display: none !important;
    }

    .public-mobile-drawer {
        bottom: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 100dvh;
        left: 0;
        max-height: none;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        transition: transform .2s ease;
        width: min(88vw, 340px);
        z-index: 60;
    }

    .public-home-shell--mobile-drawer-open .public-mobile-drawer {
        transform: translateX(0);
    }

    .public-mobile-drawer__backdrop {
        background: rgba(15, 23, 42, .48);
        border: 0;
        cursor: pointer;
        display: block;
        inset: 0;
        opacity: 0;
        padding: 0;
        pointer-events: none;
        position: fixed;
        transition: opacity .2s ease;
        width: 100vw;
        z-index: 59;
    }

    .public-home-shell--mobile-drawer-open .public-mobile-drawer__backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .public-mobile-drawer__backdrop[hidden],
    .public-mobile-drawer[hidden] {
        display: none !important;
    }

    .public-mobile-drawer__header {
        align-items: center;
        display: flex;
        flex: 0 0 auto;
        gap: var(--space-2);
        justify-content: space-between;
        min-width: 0;
        padding-bottom: var(--space-3);
    }

    .public-mobile-drawer__header .public-sidebar-brand {
        margin-bottom: 0;
    }

    .public-mobile-drawer__account-actions {
        align-items: stretch;
        border-bottom: 1px solid var(--color-border-soft);
        display: flex;
        flex: 0 0 auto;
        flex-wrap: wrap;
        gap: var(--space-2);
        margin: 0 0 var(--space-3);
        padding-bottom: var(--space-3);
    }

    .public-mobile-drawer__navigation {
        display: grid;
        gap: var(--space-1);
        min-width: 0;
    }

    .public-mobile-drawer__navigation .public-home-sidebar-link {
        align-items: center;
        display: flex;
        gap: var(--space-3);
        min-height: 44px;
        padding: 10px 12px;
    }

    .public-mobile-drawer__navigation .public-home-sidebar-icon {
        flex: 0 0 18px;
    }

    .public-mobile-drawer__navigation .public-nav-group__children {
        padding-left: var(--space-3);
    }
}

/* GDPR admin: consent register */
.admin-gdpr-cookies {
    display: grid;
    gap: 18px;
}

.admin-gdpr-cookies__hero,
.admin-gdpr-cookies__info,
.admin-gdpr-cookies__section-heading {
    align-items: center;
    display: flex;
    gap: 16px;
}

.admin-gdpr-cookies__hero {
    justify-content: space-between;
}

.admin-gdpr-cookies__hero-icon {
    align-items: center;
    background: #eaf3ff;
    border: 1px solid #c8defb;
    border-radius: 14px;
    color: #146cf2;
    display: flex;
    flex: 0 0 52px;
    height: 52px;
    justify-content: center;
}

.admin-gdpr-cookies__eyebrow {
    color: #176cf2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.admin-gdpr-cookies h1,
.admin-gdpr-cookies h2,
.admin-gdpr-cookies p {
    margin-top: 0;
}

.admin-gdpr-cookies h1 { margin-bottom: 4px; }
.admin-gdpr-cookies h2 { margin-bottom: 5px; }
.admin-gdpr-cookies__hero p:not(.admin-gdpr-cookies__eyebrow),
.admin-gdpr-cookies__info p:not(.admin-gdpr-cookies__eyebrow) { color: #64748f; margin-bottom: 0; }

.admin-gdpr-cookies__policy,
.admin-gdpr-cookies__retention {
    background: #f1f7ff;
    border: 1px solid #d8e7fa;
    border-radius: 12px;
    color: #526987;
    font-size: 12px;
    padding: 10px 14px;
    text-align: right;
}

.admin-gdpr-cookies__policy { margin-left: auto; }
.admin-gdpr-cookies__policy span { display: block; font-size: 11px; }
.admin-gdpr-cookies__policy strong { color: #1763cf; display: block; margin-top: 3px; }

.admin-gdpr-cookies__stats {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-gdpr-cookies__stat { padding: 18px; }
.admin-gdpr-cookies__stat-label,
.admin-gdpr-cookies__stat small { color: #64748f; display: block; font-size: 12px; }
.admin-gdpr-cookies__stat strong { color: #132343; display: block; font-size: 28px; margin: 5px 0 2px; }

.admin-gdpr-cookies__info,
.admin-gdpr-cookies__filter-panel { padding: 22px; }
.admin-gdpr-cookies__info { justify-content: space-between; }
.admin-gdpr-cookies__info > div { min-width: 0; }
.admin-gdpr-cookies__info a,
.admin-gdpr-cookies__clear { color: #176cf2; font-size: 13px; font-weight: 700; white-space: nowrap; }
.admin-gdpr-cookies__info a { align-items: center; display: inline-flex; gap: 7px; }
.admin-gdpr-cookies__export { background: #176cf2; border: 0; border-radius: 9px; color: #fff; display: inline-flex; font-size: 13px; font-weight: 700; justify-content: center; padding: 10px 14px; text-decoration: none; white-space: nowrap; }
.admin-gdpr-cookies__export:hover { background: #0d5bd8; color: #fff; }
.admin-gdpr-cookies__section-heading { justify-content: space-between; margin-bottom: 16px; }

.admin-gdpr-cookies__filters { align-items: end; display: grid; gap: 12px; grid-template-columns: 1fr 1fr 1fr auto auto; }
.admin-gdpr-cookies__filters label { color: #526987; display: grid; font-size: 12px; font-weight: 700; gap: 6px; }
.admin-gdpr-cookies__filters input,
.admin-gdpr-cookies__filters select { min-height: 40px; }

.admin-gdpr-cookies__table-shell { overflow-x: auto; }
.admin-gdpr-cookies__table { border-collapse: collapse; min-width: 940px; width: 100%; }
.admin-gdpr-cookies__table th,
.admin-gdpr-cookies__table td { border-bottom: 1px solid #e8eef7; padding: 14px 10px; text-align: left; vertical-align: middle; }
.admin-gdpr-cookies__table th { color: #667895; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.admin-gdpr-cookies__table td { color: #263b5d; font-size: 13px; }
.admin-gdpr-cookies__table td small { color: #7b8ba3; display: block; font-size: 11px; margin-top: 3px; }
.admin-gdpr-cookies__table code { color: #607494; font-size: 11px; }

.admin-gdpr-cookies__action,
.admin-gdpr-cookies__categories span { border-radius: 999px; display: inline-block; font-size: 11px; font-weight: 700; padding: 5px 8px; }
.admin-gdpr-cookies__action--accept { background: #e4f8ef; color: #128251; }
.admin-gdpr-cookies__action--withdraw { background: #fff0f0; color: #c94444; }
.admin-gdpr-cookies__action--custom { background: #edf3ff; color: #2969c7; }
.admin-gdpr-cookies__categories { display: flex; flex-wrap: wrap; gap: 5px; max-width: 190px; }
.admin-gdpr-cookies__categories .is-enabled { background: #e9f7ef; color: #168251; }
.admin-gdpr-cookies__categories .is-disabled { background: #f3f5f8; color: #8a98aa; }
.admin-gdpr-exports__note { color: #64748f; margin: 4px 0 0; }
.admin-gdpr-exports__status--pending { background: #fff5d9; color: #9a6500; }
.admin-gdpr-exports__status--processing { background: #edf3ff; color: #2969c7; }
.admin-gdpr-exports__status--completed { background: #e4f8ef; color: #128251; }
.admin-gdpr-exports__status--in_review { background: #edf3ff; color: #2969c7; }
.admin-gdpr-exports__status--awaiting_verification { background: #fff5d9; color: #9a6500; }
.admin-gdpr-exports__status--failed,
.admin-gdpr-exports__status--expired,
.admin-gdpr-exports__status--rejected { background: #fff0f0; color: #c94444; }
.admin-gdpr-removal-action { align-items: center; display: flex; flex-wrap: wrap; gap: 5px; min-width: 270px; }
.admin-gdpr-removal-action select, .admin-gdpr-removal-action input { border: 1px solid #d5e2f2; border-radius: 6px; color: #263b5d; font-size: 11px; min-height: 30px; padding: 0 6px; }
.admin-gdpr-removal-action input { max-width: 130px; }
.admin-gdpr-removal-action button { background: #176cf2; border: 0; border-radius: 6px; color: #fff; cursor: pointer; font-size: 11px; font-weight: 700; min-height: 30px; padding: 0 9px; }
.account-danger-card__request-link { align-self: center; background: #fff; border: 1px solid #ff8585; border-radius: 8px; color: #eb3037; font-size: 12px; font-weight: 700; padding: 10px 15px; text-decoration: none; white-space: nowrap; }
.account-danger-card__request-form { align-self: center; display: flex; flex-direction: column; gap: 7px; min-width: 158px; }
.account-danger-card__request-form label { align-items: flex-start; color: #263b5d; display: flex; font-size: 10px; gap: 6px; line-height: 1.3; }
.account-danger-card__request-form label input { accent-color: #eb3037; margin: 1px 0 0; }
.account-danger-card__request-form button { align-self: flex-end; cursor: pointer; }
.admin-gdpr-consent-user-agent { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-privacy-export__card--danger { border-color: #ffd4d4; }
.public-privacy-export__card--danger .public-privacy-export__icon { background: #fff0f0; color: #e33b3b; }
.public-privacy-export__card--danger .public-privacy-export__eyebrow { color: #e33b3b; }
.public-privacy-export__danger-button { background: #e33b3b; border-color: #e33b3b; }
.public-privacy-export__danger-button:hover { background: #c92e35; }

.public-sidebar-footer { border-top: 1px solid #e7eef7; display: grid; gap: 14px; margin: auto 12px 0; padding: 18px 8px 4px; }
.public-sidebar-footer__links { display: grid; gap: 8px; }
.public-sidebar-footer__links a { align-items: center; color: #536987; display: flex; font-size: 12px; gap: 9px; text-decoration: none; }
.public-sidebar-footer__links a:hover { color: #176cf2; }
.public-sidebar-footer__links svg { color: #7290b5; height: 16px; width: 16px; }
.public-sidebar-footer__social { align-items: center; color: #7890ad; display: flex; font-size: 11px; justify-content: space-between; }
.public-sidebar-footer__social-icons { align-items: center; display: flex; gap: 6px; }
.public-sidebar-footer__social-icons a { align-items: center; background: #edf4ff; border-radius: 7px; color: #3979df; display: inline-flex; height: 27px; justify-content: center; width: 27px; }
.public-sidebar-footer__social-icons a:hover { background: #dceaff; color: #176cf2; }
.public-sidebar-footer__social-icons svg { height: 14px; width: 14px; }
.public-sidebar-footer__version { color: #9aabc0; font-size: 10px; }
.public-sidebar-footer--mobile { margin: 18px 16px 0; }
.public-help-page { display: grid; gap: 14px; margin: 24px auto; max-width: 900px; padding: 0 24px 40px; }
.public-help-card { align-items: flex-start; background: #fff; border: 1px solid #dce8f7; border-radius: 16px; box-shadow: 0 8px 24px rgba(37,91,160,.05); display: flex; gap: 16px; padding: 24px; }
.public-help-card > svg { background: #edf4ff; border-radius: 12px; color: #176cf2; height: 24px; padding: 12px; width: 24px; }
.public-help-card h1, .public-help-card h2 { color: #172744; margin: 0 0 6px; }
.public-help-card p { color: #536b8d; margin: 0 0 14px; }
.public-help-card a { color: #176cf2; font-weight: 700; text-decoration: none; }
.public-privacy-export { display: grid; min-height: 70vh; place-items: center; padding: 32px 16px; }
.public-privacy-export__card { background: #fff; border: 1px solid #dce8f7; border-radius: 18px; box-shadow: 0 12px 34px rgba(37,91,160,.08); max-width: 620px; padding: 32px; width: 100%; }
.public-privacy-export__icon { align-items: center; background: #edf4ff; border-radius: 13px; color: #176cf2; display: inline-flex; height: 28px; justify-content: center; padding: 10px; width: 28px; }
.public-privacy-export__icon svg { height: 26px; width: 26px; }
.public-privacy-export__eyebrow { color: #176cf2; font-size: 12px; font-weight: 800; letter-spacing: .08em; margin: 18px 0 7px; text-transform: uppercase; }
.public-privacy-export__card h1 { color: #172744; font-size: 28px; margin: 0 0 9px; }
.public-privacy-export__card > p:not(.public-privacy-export__eyebrow) { color: #536b8d; line-height: 1.6; margin: 0 0 20px; }
.public-privacy-export__form { display: grid; gap: 14px; }
.public-privacy-export__form label:not(.public-privacy-export__confirm) { color: #263b5d; display: grid; font-size: 12px; font-weight: 700; gap: 6px; }
.public-privacy-export__form input[type=email], .public-privacy-export__form select { background: #fff; border: 1px solid #cbdcf2; border-radius: 9px; color: #172744; min-height: 44px; padding: 0 12px; }
.public-privacy-export__confirm { align-items: flex-start; color: #536b8d; display: flex; font-size: 12px; gap: 8px; line-height: 1.4; }
.public-privacy-export__confirm input { accent-color: #176cf2; margin-top: 2px; }
.public-privacy-export__form button { align-items: center; display: inline-flex; gap: 8px; justify-content: center; margin-top: 4px; }
.public-privacy-export__form button svg { height: 17px; width: 17px; }
.public-privacy-export__note { border-top: 1px solid #e5edf7; color: #7890ad !important; font-size: 12px; margin-top: 22px !important; padding-top: 16px; }

@media (max-width: 900px) {
    .admin-gdpr-cookies__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-gdpr-cookies__filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .admin-gdpr-cookies__hero,
    .admin-gdpr-cookies__info,
    .admin-gdpr-cookies__section-heading { align-items: flex-start; flex-direction: column; }
    .admin-gdpr-cookies__policy { margin-left: 0; text-align: left; }
    .admin-gdpr-cookies__stats { grid-template-columns: 1fr; }
    .admin-gdpr-cookies__filters { grid-template-columns: 1fr; }
    .admin-gdpr-cookies__retention { text-align: left; }
}

/* Marketplace catalogue */
.marketplace-catalogue-page { padding: 1rem 0 2.5rem; }
.marketplace-catalogue-layout { display: grid; grid-template-columns: minmax(0, 1fr) 13.25rem; gap: 1.35rem; align-items: start; }
.marketplace-filters { display: grid; grid-column: 2; grid-row: 1; gap: 1.2rem; min-width: 0; padding: .2rem .1rem 1rem; color: #15294b; }
.marketplace-filters__section { display: grid; gap: .8rem; }
.marketplace-filters__heading { margin: 0; padding-bottom: .65rem; border-bottom: 1px solid #d7e8f7; color: #203a61; font-size: .76rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.marketplace-filter-link { display: grid; grid-template-columns: 1.1rem minmax(0, 1fr) auto; align-items: center; gap: .6rem; min-height: 2.2rem; padding: 0 .6rem; border-radius: .55rem; color: #19345c; font-size: .84rem; text-decoration: none; }
.marketplace-filter-link .default-theme-icon { width: 1rem; height: 1rem; color: #4d82c5; }
.marketplace-filter-link small { color: #617897; font-size: .76rem; }
.marketplace-filter-link:hover, .marketplace-filter-link.is-active { background: #e3f0ff; color: #0c6dd8; font-weight: 800; }
.marketplace-filter-link.is-active small { color: #5c83b1; font-weight: 600; }
.marketplace-filter-fieldset { display: grid; gap: .6rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.marketplace-filter-fieldset legend { margin-bottom: .1rem; color: #1e365a; font-size: .78rem; font-weight: 800; }
.marketplace-filter-control { display: grid; gap: .4rem; color: #1e365a; font-size: .78rem; font-weight: 800; }
.marketplace-filter-control select, .marketplace-price-inputs input { box-sizing: border-box; width: 100%; min-height: 2rem; padding: .35rem .5rem; border: 1px solid #c9dced; border-radius: .5rem; background: #fff; color: #294667; font: inherit; font-weight: 500; }
.marketplace-price-inputs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .4rem; color: #7890ab; }
.marketplace-price-inputs input { min-width: 0; }
.marketplace-range-pair { position: relative; height: 1.25rem; margin: .05rem .15rem 0; touch-action: none; }
.marketplace-range-track { position: absolute; top: .5rem; right: 0; left: 0; height: .24rem; border-radius: 99px; background: #cfe2f4; cursor: pointer; }
.marketplace-range-fill { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; border-radius: inherit; background: #1672df; }
.marketplace-range-thumb { position: absolute; top: 50%; width: .9rem; height: .9rem; margin: 0; padding: 0; border: 3px solid #fff; border-radius: 50%; transform: translate(-50%, -50%); background: #1672df; box-shadow: 0 0 0 1px #1672df, 0 .12rem .35rem #1672df55; cursor: grab; touch-action: none; }
.marketplace-range-thumb:hover, .marketplace-range-thumb:focus-visible { outline: 2px solid #78b5ff; outline-offset: 3px; }
.marketplace-range-thumb:active { cursor: grabbing; }
.marketplace-filter-range-labels { display: flex; justify-content: space-between; color: #6d829d; font-size: .73rem; }
.marketplace-rating-options { display: flex; gap: .35rem; flex-wrap: wrap; }
.marketplace-rating-button { min-height: 1.85rem; padding: 0 .45rem; border: 1px solid #c9dced; border-radius: .45rem; background: #fff; color: #213b61; font: inherit; font-size: .73rem; font-weight: 700; }
.marketplace-rating-button.is-active, .marketplace-rating-button:hover { border-color: #78b5ff; background: #e8f3ff; color: #076ddb; }
.marketplace-checkbox { display: grid; grid-template-columns: 1rem minmax(0, 1fr) 1rem; align-items: center; gap: .55rem; color: #274464; font-size: .78rem; }
.marketplace-checkbox input { width: .95rem; height: .95rem; accent-color: #1672df; }
.marketplace-checkbox .default-theme-icon { width: .9rem; height: .9rem; color: #1672df; }
.marketplace-clear-filters { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.2rem; padding: 0 .65rem; border: 1px solid #c6ddf4; border-radius: .55rem; background: #fff; color: #31547b; font-size: .76rem; font-weight: 800; text-decoration: none; }
.marketplace-clear-filters .default-theme-icon { width: .9rem; height: .9rem; }
.marketplace-use-filters { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.35rem; padding: 0 .65rem; border: 1px solid #1672df; border-radius: .55rem; background: #1672df; color: #fff; font: inherit; font-size: .76rem; font-weight: 900; cursor: pointer; }
.marketplace-use-filters:hover, .marketplace-use-filters:focus-visible { background: #0b60c4; border-color: #0b60c4; }
.marketplace-use-filters .default-theme-icon { width: .9rem; height: .9rem; }
.marketplace-catalogue-layout.is-loading { opacity: .68; transition: opacity .16s ease; }
.marketplace-catalogue-layout [data-marketplace-disabled="true"] { cursor: wait; }
.marketplace-catalogue-content { display: grid; grid-column: 1; grid-row: 1; gap: 1rem; min-width: 0; }
.marketplace-catalogue-content .marketplace-hero { min-height: 8.4rem; box-sizing: border-box; padding: 1.15rem 1.35rem; border-radius: .75rem; background: linear-gradient(115deg, #e8f4ff 0%, #f6fbff 62%, #edf7ff 100%); }
.marketplace-hero h1 { font-size: clamp(1.45rem, 2.2vw, 2.1rem); letter-spacing: -.035em; }
.marketplace-hero h1 span { color: #1672df; font-size: .9em; }
.marketplace-hero p:last-child { margin-bottom: 0; font-size: .82rem; }
.marketplace-hero-art { position: relative; width: min(31%, 19rem); min-width: 12.5rem; height: 7.2rem; overflow: hidden; }
.marketplace-hero-art__cloud { position: absolute; right: 5%; bottom: .4rem; width: 80%; height: 2rem; border-radius: 50%; background: #fff; filter: blur(.3px); box-shadow: -2rem .5rem 0 -.2rem #fff, 2rem .3rem 0 -.3rem #fff; opacity: .82; }
.marketplace-hero-art__bag { position: absolute; right: 24%; bottom: .7rem; display: grid; place-items: center; width: 5.4rem; height: 4.5rem; border-radius: .55rem .55rem .8rem .8rem; transform: skewY(-2deg); background: linear-gradient(135deg, #79b7ff, #0d67e8); box-shadow: inset .4rem 0 .6rem #a9d0ff55, .65rem .75rem 1.2rem #2478da44; color: #eaf5ff; font-size: 1.8rem; font-weight: 900; }
.marketplace-hero-art__bag::after { position: absolute; inset: .55rem .45rem .45rem; border: 1px solid #b9dbff55; border-radius: .3rem; content: ''; }
.marketplace-hero-art__bag-handle { position: absolute; right: 29%; bottom: 4.35rem; width: 2.9rem; height: 2.1rem; border: .45rem solid #0d67e8; border-bottom: 0; border-radius: 2rem 2rem 0 0; box-shadow: 0 -.1rem .4rem #166bd544; }
.marketplace-hero-art__spark { position: absolute; color: #a7ccfb; font-size: 1.25rem; }
.marketplace-hero-art__spark--one { right: 4%; top: .3rem; }.marketplace-hero-art__spark--two { left: 9%; top: 2.2rem; font-size: .8rem; }
.marketplace-hero-art__tile { position: absolute; display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: .4rem; background: #b8d9ff; color: #1672df; box-shadow: 0 .25rem .55rem #6da6e944; }
.marketplace-hero-art__tile .default-theme-icon { width: 1.1rem; height: 1.1rem; }.marketplace-hero-art__tile--image { left: 23%; top: .8rem; }.marketplace-hero-art__tile--play { left: 9%; bottom: 2.6rem; }.marketplace-hero-art__tile--spark { right: 4%; bottom: 2.1rem; }.marketplace-hero-art__tile--article { right: 14%; top: 1.65rem; }
.marketplace-toolbar { grid-template-columns: minmax(0, 1fr) 8.2rem auto; gap: .55rem; padding: .55rem; border-radius: .7rem; box-shadow: 0 .2rem .7rem #255f9510; }
.marketplace-search-control { display: flex; align-items: center; gap: .5rem; min-width: 0; min-height: 2.45rem; padding: 0 .65rem; border: 1px solid #cbd9e8; border-radius: .55rem; background: #fff; }
.marketplace-search-control .default-theme-icon { width: 1rem; height: 1rem; color: #547596; }.marketplace-search-control input { width: 100%; min-height: 2.2rem; padding: 0; border: 0; outline: 0; }
.marketplace-toolbar select { min-height: 2.45rem; padding: .35rem .45rem; }.marketplace-toolbar button { min-height: 2.45rem; padding: 0 .85rem; }.marketplace-toolbar button .default-theme-icon { width: 1rem; height: 1rem; margin-right: .35rem; }
.marketplace-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .35rem; }
.marketplace-tab { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 2.35rem; padding: 0 .5rem; border: 1px solid transparent; border-radius: .55rem; background: #fff; color: #203b61; font-size: .76rem; font-weight: 700; text-decoration: none; box-shadow: 0 .15rem .5rem #1c5b9608; }
.marketplace-tab .default-theme-icon { width: .95rem; height: .95rem; color: #1672df; }.marketplace-tab.is-active, .marketplace-tab:hover { border-color: #75b2ff; background: #edf6ff; color: #076ddb; }
.marketplace-results-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.marketplace-results-toolbar p { margin: 0; color: #54708f; font-size: .8rem; }.marketplace-results-toolbar p strong { color: #19375f; }.marketplace-results-toolbar label { display: inline-flex; align-items: center; gap: .45rem; color: #52708f; font-size: .76rem; }.marketplace-results-toolbar select { min-height: 2.1rem; padding: .25rem .45rem; border: 1px solid #cbd9e8; border-radius: .5rem; background: #fff; color: #213e62; font: inherit; }
.marketplace-catalogue-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }.marketplace-catalogue-card { border-radius: .7rem; box-shadow: 0 .3rem 1rem #1c5b9614; }.marketplace-catalogue-card .marketplace-card__media { position: relative; aspect-ratio: 1.7 / 1; background: linear-gradient(135deg, #dcecff, #f7fbff); }.marketplace-catalogue-card .marketplace-card__media img { transition: transform .18s ease; }.marketplace-catalogue-card:hover .marketplace-card__media img { transform: scale(1.03); }
.marketplace-card__fallback { display: grid; place-items: center; gap: .35rem; color: #3674bb; }.marketplace-card__fallback .default-theme-icon { width: 2rem; height: 2rem; }.marketplace-card__type-badge { position: absolute; left: .65rem; bottom: .55rem; display: inline-flex; align-items: center; gap: .25rem; padding: .24rem .45rem; border-radius: .4rem; background: #f4fff8eF; color: #183a2e; font-size: .66rem; font-weight: 900; }.marketplace-card__type-badge .default-theme-icon { width: .8rem; height: .8rem; }.marketplace-card__type-badge--video { background: #f1eaffF2; color: #5c319e; }.marketplace-card__type-badge--prompt { background: #fff4e8F2; color: #985019; }.marketplace-card__type-badge--article { background: #edf4ffF2; color: #185fae; }.marketplace-card__favorite { position: absolute; top: .55rem; right: .55rem; display: grid; place-items: center; width: 1.65rem; height: 1.65rem; border: 1px solid #ffffff88; border-radius: 50%; background: #0c1828a8; color: #fff; font-size: 1.25rem; line-height: 1; }
.marketplace-catalogue-card .marketplace-card__body { padding: .65rem .7rem .75rem; }.marketplace-card__title-row { display: flex; align-items: start; justify-content: space-between; gap: .35rem; }.marketplace-card__title-row h2 { min-width: 0; margin: 0; font-size: .82rem; line-height: 1.25; }.marketplace-card__title-row h2 a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }.marketplace-card__rating { flex: 0 0 auto; color: #f59e0b; font-size: .72rem; font-weight: 900; }.marketplace-card__rating small { color: #8191a5; font-size: .63rem; font-weight: 600; }.marketplace-card__seller-row { display: flex; align-items: center; gap: .3rem; margin-top: .65rem; color: #607994; font-size: .68rem; white-space: nowrap; }.marketplace-card__avatar { display: grid; place-items: center; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #d7e8fa; color: #1c5b9b; font-size: .5rem; font-weight: 900; }.marketplace-card__verified { color: #1680e5; font-size: .75rem; font-weight: 900; }.marketplace-card__price { margin-left: auto; padding: .33rem .42rem; border: 1px solid #bcd9f5; border-radius: .4rem; color: #1672df; background: #f7fbff; font-size: .68rem; font-weight: 900; }
.marketplace-pagination { display: flex; justify-content: center; }.marketplace-trust-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; padding: .8rem 1rem; border: 1px solid #cfe4f8; border-radius: .7rem; background: #f8fcff; }.marketplace-trust-strip > div { display: flex; align-items: center; gap: .55rem; min-width: 0; }.marketplace-trust-icon { display: grid; place-items: center; flex: 0 0 auto; width: 1.8rem; height: 1.8rem; border: 1px solid #c4e0fb; border-radius: 50%; color: #1672df; background: #fff; }.marketplace-trust-icon .default-theme-icon { width: 1rem; height: 1rem; }.marketplace-trust-strip strong, .marketplace-trust-strip small { display: block; }.marketplace-trust-strip strong { color: #19375e; font-size: .73rem; }.marketplace-trust-strip small { margin-top: .15rem; color: #7187a0; font-size: .63rem; }
@media (max-width: 1350px) { .marketplace-catalogue-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1050px) { .marketplace-catalogue-layout { grid-template-columns: minmax(0, 1fr) 11rem; gap: .9rem; }.marketplace-catalogue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.marketplace-hero-art { width: 34%; }.marketplace-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .marketplace-catalogue-layout { grid-template-columns: 1fr; }.marketplace-filters, .marketplace-catalogue-content { grid-column: auto; grid-row: auto; }.marketplace-filters { order: 2; }.marketplace-catalogue-content { order: 1; }.marketplace-filters__section { grid-template-columns: repeat(2, minmax(0, 1fr)); }.marketplace-filters__heading { grid-column: 1 / -1; }.marketplace-filter-link { min-height: 2rem; }.marketplace-catalogue-content .marketplace-hero { min-height: 10rem; }.marketplace-hero-art { position: absolute; right: 1rem; width: 42%; opacity: .45; }.marketplace-hero { position: relative; }.marketplace-hero > div:first-child { position: relative; z-index: 1; }.marketplace-toolbar { grid-template-columns: 1fr auto; }.marketplace-search-control { grid-column: 1 / -1; }.marketplace-toolbar select { min-width: 0; }.marketplace-toolbar button { min-width: 6rem; }.marketplace-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }.marketplace-results-toolbar { align-items: stretch; flex-direction: column; gap: .5rem; }.marketplace-trust-strip { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .marketplace-catalogue-grid { grid-template-columns: 1fr; }.marketplace-filters__section { grid-template-columns: 1fr; }.marketplace-filters__heading { grid-column: auto; }.marketplace-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }.marketplace-hero-art { width: 55%; }.marketplace-card__title-row h2 { font-size: .95rem; } }

/* Marketplace category tree and supplied hero artwork. */
.marketplace-filter-category { min-width: 0; }
.marketplace-filter-category > summary { list-style: none; cursor: pointer; }
.marketplace-filter-category > summary::-webkit-details-marker { display: none; }
.marketplace-filter-category > summary::after { content: '⌄'; color: #7290b5; font-size: .8rem; font-weight: 900; transform: translateY(-1px); transition: transform .16s ease; }
.marketplace-filter-category[open] > summary::after { transform: rotate(180deg); }
.marketplace-filter-category__children { display: grid; gap: .25rem; margin: .15rem 0 .25rem 1.7rem; padding-left: .65rem; border-left: 1px solid #d7e8f7; }
.marketplace-filter-category__link { display: flex; align-items: center; justify-content: space-between; gap: .45rem; min-height: 1.85rem; padding: 0 .45rem; border-radius: .4rem; color: #526f91; font-size: .75rem; text-decoration: none; }
.marketplace-filter-category__link small { color: #8296af; font-size: .68rem; }
.marketplace-filter-category__link:hover, .marketplace-filter-category__link.is-active { background: #edf6ff; color: #0c6dd8; font-weight: 800; }
.marketplace-filter-category__link.is-active small { color: #5c83b1; }
.marketplace-hero-art { align-items: center; display: flex; justify-content: flex-end; }
.marketplace-hero-art img { display: block; filter: brightness(1.22) saturate(1.3) contrast(1.08); height: 100%; max-width: 100%; object-fit: contain; object-position: center; width: 100%; mix-blend-mode: multiply; opacity: .86; }
.marketplace-hero-art > :not(img) { display: none; }

/* Taxonomy category management */
.admin-taxonomy-categories { display: grid; gap: 1rem; }
.admin-taxonomy-categories__header { margin-bottom: .25rem; }
.admin-taxonomy-categories__eyebrow { margin: 0 0 .3rem; color: #1672df; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.admin-taxonomy-categories__header h1, .admin-taxonomy-categories__section-heading h2 { margin: 0; color: #142b4f; }
.admin-taxonomy-categories__header p:last-child { margin: .35rem 0 0; color: #667d9b; }
.admin-taxonomy-categories__section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.admin-taxonomy-categories__section-heading h2 { font-size: 1.05rem; }
.admin-taxonomy-categories__hint { color: #7187a1; font-size: .78rem; }
.admin-taxonomy-categories__form, .admin-taxonomy-categories__edit-form { display: grid; gap: .9rem; }
.admin-taxonomy-categories__form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-taxonomy-categories__form label, .admin-taxonomy-categories__edit-grid label, .admin-taxonomy-categories fieldset { display: grid; gap: .35rem; min-width: 0; }
.admin-taxonomy-categories__form label > span, .admin-taxonomy-categories__edit-grid label > span, .admin-taxonomy-categories legend { color: #294667; font-size: .76rem; font-weight: 800; }
.admin-taxonomy-categories input, .admin-taxonomy-categories select, .admin-taxonomy-categories textarea { box-sizing: border-box; width: 100%; min-height: 2.2rem; padding: .45rem .6rem; border: 1px solid #cbdcec; border-radius: .5rem; background: #fff; color: #1e365a; font: inherit; }
.admin-taxonomy-categories textarea { resize: vertical; }
.admin-taxonomy-categories fieldset { grid-column: 1 / -1; margin: 0; padding: 0; border: 0; }
.admin-taxonomy-categories__choices { display: flex; flex-wrap: wrap; gap: .55rem; }
.admin-taxonomy-categories__choices label { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .55rem; border: 1px solid #d5e4f2; border-radius: .45rem; background: #f8fbff; color: #345575; font-size: .78rem; }
.admin-taxonomy-categories__choices input { width: 1rem; min-height: 1rem; accent-color: #1672df; }
.admin-taxonomy-categories__form-actions, .admin-taxonomy-categories__row-actions { display: flex; justify-content: flex-end; gap: .55rem; grid-column: 1 / -1; }
.admin-taxonomy-categories button { min-height: 2.2rem; padding: 0 .75rem; border: 1px solid #1672df; border-radius: .5rem; background: #1672df; color: #fff; font: inherit; font-size: .78rem; font-weight: 800; cursor: pointer; }
.admin-taxonomy-categories button:hover, .admin-taxonomy-categories button:focus-visible { background: #0b60c4; }
.admin-taxonomy-categories__row { position: relative; display: grid; gap: .65rem; padding: 1rem 0; border-top: 1px solid #e3edf6; }
.admin-taxonomy-categories__edit-grid { display: grid; grid-template-columns: 1fr 1.6fr .8fr .9fr; gap: .7rem; }
.admin-taxonomy-categories__row-meta { display: flex; flex-wrap: wrap; gap: .65rem; color: #6c829e; font-size: .75rem; }
.admin-taxonomy-categories__slug { color: #1672df; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.admin-taxonomy-categories__delete-form { position: absolute; right: 0; top: 1rem; }
.admin-taxonomy-categories__delete-form button { border-color: #f2a7ae; background: #fff4f5; color: #c33c49; }
.admin-taxonomy-categories__delete-form button:hover, .admin-taxonomy-categories__delete-form button:focus-visible { background: #ffe5e8; }
.admin-taxonomy-categories__read-only { display: grid; gap: .35rem; }
.admin-taxonomy-categories__read-only > div { display: flex; gap: .75rem; align-items: baseline; }
.admin-taxonomy-categories__read-only strong { color: #1b355a; }
.admin-taxonomy-categories__read-only span, .admin-taxonomy-categories__read-only small, .admin-taxonomy-categories__read-only p { color: #6c829e; font-size: .78rem; }
.admin-taxonomy-categories__read-only p { margin: 0; }
@media (max-width: 900px) { .admin-taxonomy-categories__edit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.admin-taxonomy-categories__delete-form { position: static; justify-self: start; } }
@media (max-width: 620px) { .admin-taxonomy-categories__form, .admin-taxonomy-categories__edit-grid { grid-template-columns: 1fr; }.admin-taxonomy-categories__form fieldset { grid-column: auto; }.admin-taxonomy-categories__section-heading { flex-direction: column; } }

/* Seller dashboard: marketplace workspace */
.seller-dashboard-sidebar { background: #fff; box-sizing: border-box; gap: 0; padding: 1.25rem 1rem 1rem; }
.seller-dashboard-sidebar__brand { margin-bottom: 1.8rem; }
.seller-dashboard-sidebar__navigation { display: grid; gap: .3rem; }
.seller-dashboard-sidebar__heading { color: #4c6382; font-size: .75rem; font-weight: 800; letter-spacing: .04em; margin: 0 0 .45rem .55rem; text-transform: uppercase; }
.seller-dashboard-sidebar__heading--resources { border-top: 1px solid #edf2f7; margin: 1.15rem 0 .45rem; padding: 1.15rem 0 0 .55rem; }
.seller-dashboard-sidebar__link { align-items: center; border-radius: .6rem; color: #263b5b; display: flex; font-size: .82rem; font-weight: 700; gap: .7rem; min-height: 2.35rem; padding: 0 .65rem; text-decoration: none; }
.seller-dashboard-sidebar__link:hover, .seller-dashboard-sidebar__link:focus-visible { background: #f3f8ff; color: #0f6fe3; }
.seller-dashboard-sidebar__link.is-active { background: #eaf3ff; color: #076bea; }
.seller-dashboard-sidebar__link .default-theme-icon { color: currentColor; height: 1.05rem; width: 1.05rem; }
.seller-dashboard-sidebar__pro-card { background: linear-gradient(145deg, #f2f7ff, #f8fbff); border: 1px solid #e2edfb; border-radius: .8rem; display: grid; gap: .35rem; margin-top: auto; padding: 1rem; }
.seller-dashboard-sidebar__pro-card > .default-theme-icon { background: #e4efff; border-radius: .55rem; color: #116fe4; height: 1.2rem; padding: .42rem; width: 1.2rem; }
.seller-dashboard-sidebar__pro-card strong { color: #116fe4; font-size: .84rem; }
.seller-dashboard-sidebar__pro-card p { color: #526886; font-size: .72rem; line-height: 1.5; margin: 0; }
.seller-dashboard-sidebar__pro-card a { align-items: center; border: 1px solid #b9d6ff; border-radius: .5rem; color: #116fe4; display: flex; font-size: .75rem; font-weight: 800; justify-content: center; min-height: 2rem; margin-top: .35rem; text-decoration: none; }

.seller-dashboard { color: #162846; display: grid; gap: 1rem; min-width: 0; padding: .35rem 0 2rem; }
.seller-dashboard__heading-row { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }
.seller-dashboard__setup-banner { align-items: center; background: linear-gradient(135deg, #edf6ff, #f7fbff); border: 1px solid #cfe2fb; border-radius: 1rem; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1.25rem; padding: 1rem 1.2rem; }
.seller-dashboard__setup-banner strong { color: #10264a; display: block; font-size: 1rem; }
.seller-dashboard__setup-banner p { color: #526783; font-size: .85rem; margin: .25rem 0 0; }
.seller-dashboard__setup-banner a { align-items: center; background: #1672df; border-radius: .65rem; color: #fff; display: inline-flex; flex: 0 0 auto; gap: .4rem; padding: .65rem .85rem; text-decoration: none; }
.seller-dashboard__setup-banner a .default-theme-icon { height: 1rem; width: 1rem; }
.seller-dashboard__eyebrow { color: #1672df; font-size: .72rem; font-weight: 800; letter-spacing: .08em; margin: 0 0 .25rem; text-transform: uppercase; }
.seller-dashboard__heading-row h1 { color: #101b32; font-size: 1.55rem; letter-spacing: -.03em; margin: 0 0 .35rem; }
.seller-dashboard__heading-row p:last-child { color: #526783; font-size: .82rem; margin: 0; }
.seller-dashboard__date-picker { color: #2d4568; display: grid; gap: .35rem; justify-items: end; }
.seller-dashboard__date-picker span { align-items: center; background: #fff; border: 1px solid #d9e6f5; border-radius: .45rem; display: inline-flex; font-size: .76rem; font-weight: 700; gap: .5rem; min-height: 2.35rem; padding: 0 .7rem; }
.seller-dashboard__date-picker span .default-theme-icon { color: #425e82; height: .95rem; width: .95rem; }
.seller-dashboard__date-picker span .default-theme-icon:last-child { margin-left: .25rem; }
.seller-dashboard__date-picker small { color: #697e9c; font-size: .67rem; }
.seller-dashboard__layout { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) 20.5rem; }
.seller-dashboard__main, .seller-dashboard__aside { display: grid; gap: 1rem; min-width: 0; }
.seller-dashboard__stats { display: grid; gap: .7rem; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.seller-dashboard__stat-card { align-items: flex-start; background: #fff; border: 1px solid #e3ecf7; border-radius: .65rem; display: flex; gap: .65rem; min-width: 0; padding: .85rem .7rem; }
.seller-dashboard__stat-card > div { min-width: 0; }
.seller-dashboard__stat-card small { color: #4c6282; display: block; font-size: .68rem; margin-bottom: .25rem; white-space: nowrap; }
.seller-dashboard__stat-card strong { color: #15223b; display: block; font-size: 1.25rem; letter-spacing: -.03em; line-height: 1.05; white-space: nowrap; }
.seller-dashboard__stat-card em { display: block; font-size: .61rem; font-style: normal; font-weight: 800; margin-top: .45rem; white-space: nowrap; }
.seller-dashboard__stat-card em b { color: #637996; font-weight: 500; }
.seller-dashboard__stat-card em.is-positive { color: #16a05d; }
.seller-dashboard__stat-card em.is-negative { color: #d94f5f; }
.seller-dashboard__stat-icon { align-items: center; border-radius: 50%; display: inline-flex; flex: 0 0 2.1rem; height: 2.1rem; justify-content: center; }
.seller-dashboard__stat-icon .default-theme-icon { height: 1.05rem; width: 1.05rem; }
.seller-dashboard__stat-icon--green { background: #e1f8eb; color: #19a45b; }
.seller-dashboard__stat-icon--blue { background: #e4f0ff; color: #267cf2; }
.seller-dashboard__stat-icon--violet { background: #eee8ff; color: #7c4de2; }
.seller-dashboard__stat-icon--purple { background: #f1e8ff; color: #9551dc; }
.seller-dashboard__stat-icon--rose { background: #ffe9ed; color: #f05269; }
.seller-dashboard__analytics-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 1fr); }
.seller-dashboard__card { background: #fff; border: 1px solid #e3ecf7; border-radius: .65rem; min-width: 0; }
.seller-dashboard__revenue-card, .seller-dashboard__type-card { min-height: 16rem; padding: 1.05rem 1.1rem .85rem; }
.seller-dashboard__card-heading { align-items: flex-start; display: flex; gap: .7rem; justify-content: space-between; }
.seller-dashboard__card-heading h2, .seller-dashboard__summary-card h2, .seller-dashboard__store-card h2, .seller-dashboard__quick-card h2 { color: #16243d; font-size: .86rem; margin: 0; }
.seller-dashboard__card-heading p { color: #6a7e9b; font-size: .68rem; margin: .2rem 0 0; }
.seller-dashboard__card-heading > a { align-items: center; color: #076bea; display: inline-flex; font-size: .7rem; font-weight: 800; gap: .15rem; text-decoration: none; white-space: nowrap; }
.seller-dashboard__card-heading > a .default-theme-icon { height: .85rem; width: .85rem; }
.seller-dashboard__select { align-items: center; background: #fff; border: 1px solid #d9e6f5; border-radius: .4rem; color: #2e4566; display: inline-flex; font: inherit; font-size: .68rem; gap: .45rem; min-height: 1.8rem; padding: 0 .55rem; }
.seller-dashboard__select .default-theme-icon { height: .8rem; width: .8rem; }
.seller-dashboard__chart { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); grid-template-rows: 9.5rem 1.1rem; margin-top: .55rem; }
.seller-dashboard__chart-scale { color: #627793; display: flex; flex-direction: column; font-size: .61rem; justify-content: space-between; padding: .35rem 0 .55rem; }
.seller-dashboard__chart svg { height: 9.5rem; overflow: visible; width: 100%; }
.seller-dashboard__chart-gridline { fill: none; stroke: #e7eef7; stroke-dasharray: 2 3; stroke-width: 1; }
.seller-dashboard__chart-area { fill: url(#sellerRevenueArea); }
.seller-dashboard__chart-line { fill: none; stroke: #1976ee; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.3; }
.seller-dashboard__chart-dot { fill: #fff; stroke: #1976ee; stroke-width: 1.8; }
.seller-dashboard__chart-labels { color: #637996; display: flex; font-size: .6rem; grid-column: 2; justify-content: space-between; padding-top: .35rem; }
.seller-dashboard__type-content { align-items: center; display: grid; gap: 1rem; grid-template-columns: 8.2rem minmax(0, 1fr); margin-top: 1.05rem; }
.seller-dashboard__donut { align-items: center; background: var(--seller-donut); border-radius: 50%; display: flex; height: 7.6rem; justify-content: center; position: relative; width: 7.6rem; }
.seller-dashboard__donut::after { background: #fff; border-radius: 50%; content: ''; inset: 1.3rem; position: absolute; }
.seller-dashboard__donut span { color: #16243d; font-size: .82rem; font-weight: 900; position: relative; text-align: center; z-index: 1; }
.seller-dashboard__donut small { color: #69809c; display: block; font-size: .6rem; font-weight: 600; margin-top: .15rem; }
.seller-dashboard__type-legend { display: grid; gap: .65rem; }
.seller-dashboard__type-legend > div { align-items: center; display: flex; font-size: .68rem; justify-content: space-between; gap: .45rem; }
.seller-dashboard__type-legend span { align-items: center; color: #4d6380; display: inline-flex; gap: .4rem; min-width: 0; }
.seller-dashboard__type-legend i { border-radius: 50%; height: .48rem; width: .48rem; }
.seller-dashboard__type-legend strong { color: #233958; font-size: .66rem; white-space: nowrap; }
.seller-dashboard__type-legend small { color: #7789a2; font-size: .6rem; font-weight: 600; }
.seller-dashboard__recent-card { overflow: hidden; padding: 1rem 1.1rem .75rem; }
.seller-dashboard__table-wrap { overflow-x: auto; }
.seller-dashboard__table { border-collapse: collapse; min-width: 42rem; width: 100%; }
.seller-dashboard__table th { color: #637996; font-size: .61rem; font-weight: 800; padding: .8rem .2rem .55rem; text-align: left; }
.seller-dashboard__table td { border-top: 1px solid #edf2f8; color: #304766; font-size: .66rem; padding: .58rem .2rem; white-space: nowrap; }
.seller-dashboard__table th:first-child, .seller-dashboard__table td:first-child { padding-left: 0; }
.seller-dashboard__item-name, .seller-dashboard__buyer { align-items: center; display: inline-flex; gap: .45rem; }
.seller-dashboard__item-thumb, .seller-dashboard__top-thumb { align-items: center; background: #eaf3ff; border-radius: .3rem; color: #2b7cef; display: inline-flex; flex: 0 0 1.7rem; height: 1.7rem; justify-content: center; overflow: hidden; }
.seller-dashboard__item-thumb .default-theme-icon, .seller-dashboard__top-thumb .default-theme-icon { height: .85rem; width: .85rem; }
.seller-dashboard__buyer span { align-items: center; background: #e6eef9; border-radius: 50%; color: #3972bf; display: inline-flex; font-size: .58rem; font-weight: 800; height: 1.4rem; justify-content: center; width: 1.4rem; }
.seller-dashboard__status-pill { border-radius: 999px; display: inline-flex; font-size: .6rem; font-weight: 800; padding: .25rem .55rem; }
.seller-dashboard__status-pill--success { background: #ddf7e8; color: #149252; }
.seller-dashboard__status-pill--neutral { background: #edf2f8; color: #647996; }
.seller-dashboard__empty-row { color: #637996 !important; padding: 1.5rem !important; text-align: center; }
.seller-dashboard__empty-row .default-theme-icon, .seller-dashboard__empty-row strong, .seller-dashboard__empty-row span { display: block; margin: .2rem auto; }
.seller-dashboard__empty-row .default-theme-icon { color: #7aa9df; height: 1.4rem; width: 1.4rem; }
.seller-dashboard__empty-row strong { color: #2a4364; font-size: .75rem; }
.seller-dashboard__empty-row span { font-size: .68rem; }
.seller-dashboard__table-action { align-items: center; border: 1px solid #dbe8f6; border-radius: .4rem; color: #076bea; display: flex; font-size: .7rem; font-weight: 800; gap: .35rem; justify-content: center; margin-top: .7rem; min-height: 2rem; text-decoration: none; }
.seller-dashboard__table-action .default-theme-icon { height: .85rem; width: .85rem; }
.seller-dashboard__boost-card { align-items: center; background: linear-gradient(105deg, #f5f9ff, #fbfcff); border: 1px solid #e4edf8; border-radius: .65rem; display: flex; gap: .8rem; min-height: 4.2rem; padding: .7rem 1rem; }
.seller-dashboard__boost-icon { align-items: center; background: #e2efff; border-radius: 50%; color: #1976ee; display: inline-flex; flex: 0 0 2.15rem; height: 2.15rem; justify-content: center; }
.seller-dashboard__boost-icon .default-theme-icon { height: 1rem; width: 1rem; }
.seller-dashboard__boost-card strong { color: #1a2d4a; display: block; font-size: .73rem; }
.seller-dashboard__boost-card p { color: #607795; font-size: .65rem; margin: .2rem 0 0; }
.seller-dashboard__boost-card a { border: 1px solid #b9d6ff; border-radius: .4rem; color: #076bea; font-size: .68rem; font-weight: 800; margin-left: auto; padding: .55rem .8rem; text-decoration: none; white-space: nowrap; }
.seller-dashboard__boost-card button { background: transparent; border: 0; color: #657b98; cursor: pointer; font-size: 1.1rem; padding: .35rem; }
.seller-dashboard__summary-card, .seller-dashboard__top-card, .seller-dashboard__store-card, .seller-dashboard__quick-card { padding: 1.05rem 1.1rem; }
.seller-dashboard__summary-card dl { display: grid; gap: .75rem; margin: 1rem 0 .8rem; }
.seller-dashboard__summary-card dl div, .seller-dashboard__earnings { align-items: center; display: flex; font-size: .7rem; justify-content: space-between; gap: .7rem; }
.seller-dashboard__summary-card dt { color: #536987; }
.seller-dashboard__summary-card dt span { color: #6d86a3; }
.seller-dashboard__summary-card dd { color: #2b3e5d; font-weight: 800; margin: 0; }
.seller-dashboard__earnings { border-top: 1px solid #e5edf6; color: #1e3557; padding-top: .8rem; }
.seller-dashboard__earnings b { color: #086bea; font-size: .98rem; }
.seller-dashboard__summary-card > a { align-items: center; border-top: 1px solid #e5edf6; color: #076bea; display: flex; font-size: .7rem; font-weight: 800; gap: .4rem; margin-top: .85rem; padding-top: .85rem; text-decoration: none; }
.seller-dashboard__summary-card > a .default-theme-icon { height: .9rem; width: .9rem; }
.seller-dashboard__top-card .seller-dashboard__card-heading { align-items: center; }
.seller-dashboard__top-card .seller-dashboard__card-heading a { font-size: .65rem; }
.seller-dashboard__top-card ol { display: grid; gap: .65rem; list-style: none; margin: 1rem 0 0; padding: 0; }
.seller-dashboard__top-card li { align-items: center; display: grid; gap: .45rem; grid-template-columns: 1.25rem 1.85rem minmax(0, 1fr) auto; }
.seller-dashboard__rank { align-items: center; background: #f0f3f8; border-radius: 50%; color: #415a7b; display: inline-flex; font-size: .62rem; height: 1.25rem; justify-content: center; width: 1.25rem; }
.seller-dashboard__top-thumb { background: #e7f1ff; height: 1.85rem; width: 1.85rem; }
.seller-dashboard__top-title { color: #203653; font-size: .66rem; font-weight: 800; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seller-dashboard__top-title small { color: #6b809b; display: block; font-size: .58rem; font-weight: 500; margin-top: .15rem; }
.seller-dashboard__top-card li > strong { color: #253a59; font-size: .65rem; white-space: nowrap; }
.seller-dashboard__top-empty { color: #667d9b; font-size: .7rem; grid-column: 1 / -1; padding: .5rem 0; }
.seller-dashboard__store-card > p:not(.seller-dashboard__store-status) { color: #607795; font-size: .68rem; line-height: 1.45; margin: .3rem 0 .9rem; }
.seller-dashboard__store-status { align-items: center; color: #179452; display: flex; font-size: .71rem; font-weight: 800; gap: .45rem; margin: .85rem 0 0; }
.seller-dashboard__store-status span { align-items: center; background: #25b767; border-radius: 50%; color: #fff; display: inline-flex; font-size: .65rem; height: 1.45rem; justify-content: center; width: 1.45rem; }
.seller-dashboard__store-card > a { border: 1px solid #d5e5f7; border-radius: .4rem; color: #076bea; display: flex; font-size: .7rem; font-weight: 800; justify-content: center; min-height: 2rem; padding: .55rem; text-decoration: none; }
.seller-dashboard__quick-card > div { display: grid; gap: .5rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 1rem; }
.seller-dashboard__quick-card a { color: #2c4566; font-size: .6rem; text-align: center; text-decoration: none; }
.seller-dashboard__quick-card a span { align-items: center; background: #eef5ff; border-radius: .45rem; color: #1976ee; display: flex; height: 2.05rem; justify-content: center; margin: 0 auto .35rem; width: 2.05rem; }
.seller-dashboard__quick-card a .default-theme-icon { height: .95rem; width: .95rem; }

@media (max-width: 1280px) {
    .seller-dashboard__layout { grid-template-columns: minmax(0, 1fr) 18rem; }
    .seller-dashboard__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .seller-dashboard__stat-card:nth-child(4), .seller-dashboard__stat-card:nth-child(5) { grid-column: span 1; }
}
@media (max-width: 1050px) {
    .seller-dashboard__layout { grid-template-columns: 1fr; }
    .seller-dashboard__aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .seller-dashboard__quick-card { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .seller-dashboard { padding-top: 0; }
    .seller-dashboard__heading-row { display: grid; }
    .seller-dashboard__date-picker { justify-items: start; }
    .seller-dashboard__stats, .seller-dashboard__analytics-grid, .seller-dashboard__aside { grid-template-columns: 1fr; }
    .seller-dashboard__quick-card { grid-column: auto; }
    .seller-dashboard__boost-card { align-items: flex-start; flex-wrap: wrap; }
    .seller-dashboard__boost-card a { margin-left: 0; }
}

/* Seller dashboard readability pass: keep the reference spacing while enlarging all copy by 25%. */
.seller-dashboard-sidebar__heading { font-size: .9375rem; }
.seller-dashboard-sidebar__link { font-size: .875rem; font-weight: 600; line-height: 1.25; }
.seller-dashboard-sidebar__pro-card strong { font-size: 1.05rem; }
.seller-dashboard-sidebar__pro-card p { font-size: .9rem; }
.seller-dashboard-sidebar__pro-card a { font-size: .9375rem; }
.seller-dashboard__eyebrow { font-size: .9rem; }
.seller-dashboard__heading-row h1 { font-size: 1.9375rem; }
.seller-dashboard__heading-row p:last-child { font-size: 1.025rem; }
.seller-dashboard__date-picker span { font-size: .95rem; }
.seller-dashboard__date-picker small { font-size: .8375rem; }
.seller-dashboard__stat-card small { font-size: .85rem; }
.seller-dashboard__stat-card strong { font-size: 1.5625rem; }
.seller-dashboard__stat-card em { font-size: .7625rem; }
.seller-dashboard__revenue-card, .seller-dashboard__type-card { font-size: 1.25rem; }
.seller-dashboard__card-heading h2, .seller-dashboard__summary-card h2, .seller-dashboard__store-card h2, .seller-dashboard__quick-card h2 { font-size: 1.075rem; }
.seller-dashboard__card-heading p { font-size: .85rem; }
.seller-dashboard__card-heading > a { font-size: .875rem; }
.seller-dashboard__select { font-size: .85rem; }
.seller-dashboard__chart-scale { font-size: .7625rem; }
.seller-dashboard__chart-labels { font-size: .75rem; }
.seller-dashboard__donut span { font-size: 1.025rem; }
.seller-dashboard__donut small { font-size: .75rem; }
.seller-dashboard__type-legend > div { font-size: .85rem; }
.seller-dashboard__type-legend strong { font-size: .825rem; }
.seller-dashboard__type-legend small { font-size: .75rem; }
.seller-dashboard__table th { font-size: .7625rem; }
.seller-dashboard__table td { font-size: .825rem; }
.seller-dashboard__empty-row strong { font-size: .9375rem; }
.seller-dashboard__empty-row span { font-size: .85rem; }
.seller-dashboard__table-action { font-size: .875rem; }
.seller-dashboard__boost-card strong { font-size: .9125rem; }
.seller-dashboard__boost-card p { font-size: .8125rem; }
.seller-dashboard__boost-card a { font-size: .85rem; }
.seller-dashboard__summary-card dl div, .seller-dashboard__earnings { font-size: .875rem; }
.seller-dashboard__earnings b { font-size: 1.225rem; }
.seller-dashboard__summary-card > a { font-size: .875rem; }
.seller-dashboard__top-card .seller-dashboard__card-heading a { font-size: .8125rem; }
.seller-dashboard__top-card li > strong { font-size: .8125rem; }
.seller-dashboard__top-title { font-size: .825rem; }
.seller-dashboard__top-title small { font-size: .725rem; }
.seller-dashboard__top-empty { font-size: .875rem; }
.seller-dashboard__store-card > p:not(.seller-dashboard__store-status) { font-size: .85rem; }
.seller-dashboard__store-status { font-size: .8875rem; }
.seller-dashboard__quick-card a { font-size: .75rem; }
.seller-dashboard__top-card li.seller-dashboard__top-empty { display: block; grid-column: 1 / -1; line-height: 1.45; max-width: 100%; overflow-wrap: normal; white-space: normal; width: 100%; }

/* Marketplace listing composer */
.marketplace-create-page { color: #152744; display: grid; gap: 1rem; min-width: 0; padding: .2rem 0 2.5rem; }
.marketplace-create-hero { align-items: center; display: flex; gap: 1rem; justify-content: space-between; min-height: 10rem; overflow: hidden; position: relative; }
.marketplace-create-hero__copy { min-width: 0; position: relative; z-index: 1; }
.marketplace-create-breadcrumbs { align-items: center; color: #6b7f9b; display: flex; font-size: .72rem; gap: .3rem; margin-bottom: .75rem; }
.marketplace-create-breadcrumbs a { color: #496482; text-decoration: none; }
.marketplace-create-breadcrumbs .default-theme-icon { height: .75rem; width: .75rem; }
.marketplace-create-hero h1 { color: #10213f; font-size: 1.75rem; letter-spacing: -.03em; margin: 0 0 .35rem; }
.marketplace-create-hero h1 span { color: #1672df; font-size: 1.5rem; margin-left: .3rem; }
.marketplace-create-hero p { color: #536a88; font-size: .82rem; margin: 0; }
.marketplace-create-hero__art { align-self: stretch; display: flex; flex: 0 0 18rem; justify-content: flex-end; min-width: 0; }
.marketplace-create-hero__art img { height: 10rem; max-width: 100%; object-fit: contain; object-position: right center; width: 18rem; }
.marketplace-create-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 6.2rem)); list-style: none; margin: 1.5rem 0 0; padding: 0; }
.marketplace-create-steps li { align-items: center; color: #6f819c; display: flex; flex-direction: column; font-size: .68rem; gap: .35rem; position: relative; text-align: center; }
.marketplace-create-steps li:not(:last-child)::after { background: #d7e6f7; content: ''; height: 2px; left: calc(50% + 1.1rem); position: absolute; right: calc(-50% + 1.1rem); top: 1rem; }
.marketplace-create-steps b { align-items: center; background: #fff; border: 1px solid #c9d9eb; border-radius: 50%; color: #7386a0; display: inline-flex; font-size: .72rem; height: 2rem; justify-content: center; position: relative; width: 2rem; z-index: 1; }
.marketplace-create-steps .is-active { color: #1e426f; font-weight: 800; }
.marketplace-create-steps .is-active b { background: #1976ee; border-color: #1976ee; color: #fff; }
.marketplace-create-layout { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) 19.5rem; }
.marketplace-create-form, .marketplace-create-sidebar { display: grid; gap: 1rem; min-width: 0; }
.marketplace-create-card, .marketplace-create-side-card { background: #fff; border: 1px solid #e0eaf6; border-radius: .7rem; box-shadow: 0 .25rem 1rem rgba(24, 73, 130, .04); min-width: 0; padding: 1.1rem; }
.marketplace-create-card__heading { margin-bottom: 1rem; }
.marketplace-create-card__heading h2, .marketplace-create-side-card h2 { color: #162744; font-size: .92rem; margin: 0; }
.marketplace-create-card__heading p { color: #607795; font-size: .7rem; margin: .3rem 0 0; }
.marketplace-create-type-grid { display: grid; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.marketplace-create-type { align-items: flex-start; background: #fff; border: 1px solid #d7e4f2; border-radius: .6rem; color: #1a304f; cursor: pointer; display: grid; font: inherit; gap: .5rem; grid-template-columns: 2.35rem minmax(0, 1fr); min-height: 7rem; padding: .7rem; position: relative; text-align: left; }
.marketplace-create-type:hover, .marketplace-create-type:focus-visible { border-color: #67a7ff; box-shadow: 0 0 0 3px #dcecff; outline: 0; }
.marketplace-create-type.is-disabled, .marketplace-create-type:disabled { cursor: not-allowed; opacity: .5; }
.marketplace-create-type.is-disabled:hover, .marketplace-create-type:disabled:hover { border-color: #d7e4f2; box-shadow: none; }
.marketplace-create-type.is-selected { border: 2px solid #277ef3; padding: calc(.7rem - 1px); }
.marketplace-create-type__icon { align-items: center; border-radius: .45rem; color: #fff; display: inline-flex; height: 2.35rem; justify-content: center; width: 2.35rem; }
.marketplace-create-type__icon .default-theme-icon { height: 1.15rem; width: 1.15rem; }
.marketplace-create-type--blue .marketplace-create-type__icon { background: #1976ee; }
.marketplace-create-type--purple .marketplace-create-type__icon { background: #7b5ce8; }
.marketplace-create-type--orange .marketplace-create-type__icon { background: #f49b22; }
.marketplace-create-type--light-blue .marketplace-create-type__icon { background: #6c9cf1; }
.marketplace-create-type strong { color: #172b48; display: block; font-size: .84rem; margin-top: .15rem; }
.marketplace-create-type small { color: #617792; display: block; font-size: .61rem; line-height: 1.45; margin-top: .35rem; }
.marketplace-create-type__check { background: #277ef3; border-radius: 50%; color: #fff; display: none; height: .9rem; padding: .12rem; position: absolute; right: .5rem; top: .5rem; width: .9rem; }
.marketplace-create-type.is-selected .marketplace-create-type__check { display: block; }
.marketplace-create-field { color: #253b5d; display: grid; gap: .35rem; min-width: 0; position: relative; }
.marketplace-create-field > span { font-size: .76rem; font-weight: 800; }
.marketplace-create-field > span em { color: #788ca5; font-size: .66rem; font-style: normal; font-weight: 500; margin-left: .25rem; }
.marketplace-create-field > small { color: #71849d; font-size: .65rem; font-weight: 500; }
.marketplace-create-content-select { border-top: 1px solid #edf2f8; margin-top: 1rem; padding-top: 1rem; }
.marketplace-create-field input, .marketplace-create-field select, .marketplace-create-field textarea { background: #fff; border: 1px solid #cbdced; border-radius: .45rem; box-sizing: border-box; color: #243a59; font: inherit; font-size: .77rem; min-height: 2.6rem; padding: .6rem .7rem; width: 100%; }
.marketplace-create-field textarea { min-height: 6.5rem; resize: vertical; }
.marketplace-create-field input:focus, .marketplace-create-field select:focus, .marketplace-create-field textarea:focus { border-color: #418cf4; box-shadow: 0 0 0 3px #dcecff; outline: 0; }
.marketplace-create-dropzone { align-items: center; border: 1px dashed #b9d2ed; border-radius: .55rem; display: flex; flex-direction: column; gap: .35rem; padding: 1.2rem; text-align: center; }
.marketplace-create-dropzone > span { align-items: center; background: #eaf3ff; border-radius: 50%; color: #1976ee; display: inline-flex; height: 2.1rem; justify-content: center; width: 2.1rem; }
.marketplace-create-dropzone > span .default-theme-icon { height: 1.1rem; width: 1.1rem; }
.marketplace-create-dropzone strong { color: #233b5d; font-size: .78rem; }
.marketplace-create-dropzone small { color: #71849d; font-size: .65rem; }
.marketplace-create-dropzone a { align-items: center; color: #1672df; display: inline-flex; font-size: .7rem; font-weight: 800; gap: .25rem; margin-top: .15rem; text-decoration: none; }
.marketplace-create-dropzone a .default-theme-icon { height: .8rem; width: .8rem; }
.marketplace-create-upload-zone, .marketplace-create-delivery-zone { cursor: pointer; position: relative; }
.marketplace-create-upload-zone input[type="file"], .marketplace-create-delivery-zone input[type="file"] { height: 1px; opacity: 0; position: absolute; width: 1px; }
.marketplace-create-dropzone b { background: #1672df; border-radius: .38rem; color: #fff; font-size: .68rem; padding: .45rem .75rem; }
.marketplace-create-delivery-zone { background: #fbfdff; margin-top: .7rem; }
.marketplace-create-delivery-status { color: #58708f; font-size: .7rem; margin: .45rem 0 0; }
.marketplace-create-preview-heading { align-items: center; display: flex; justify-content: space-between; margin-top: 1rem; }
.marketplace-create-preview-heading strong { color: #233b5d; font-size: .72rem; }
.marketplace-create-preview-heading small, .marketplace-create-preview-heading span { color: #7286a0; font-size: .63rem; font-weight: 500; }
.marketplace-create-preview-grid { display: grid; gap: .65rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: .55rem; }
.marketplace-create-preview-placeholder, .marketplace-create-preview-add { align-items: center; aspect-ratio: 4 / 3; background: linear-gradient(135deg, #dae9fb, #f6faff); border: 1px solid #cfe0f1; border-radius: .45rem; color: #6284ae; display: flex; flex-direction: column; gap: .25rem; justify-content: center; overflow: hidden; text-align: center; }
.marketplace-create-preview-placeholder .default-theme-icon { height: 1.25rem; width: 1.25rem; }
.marketplace-create-preview-placeholder span, .marketplace-create-preview-add span { font-size: .6rem; }
.marketplace-create-preview-add { background: #fbfdff; border-style: dashed; }
.marketplace-create-preview-add .default-theme-icon { color: #1976ee; height: 1.2rem; width: 1.2rem; }
.marketplace-create-reference-preview { aspect-ratio: 4 / 3; background: #f7fbff; border: 2px solid #d7e5f4; border-radius: .55rem; cursor: pointer; display: block; overflow: hidden; padding: 0; position: relative; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.marketplace-create-reference-preview:hover { border-color: #68a7ff; transform: translateY(-1px); }
.marketplace-create-reference-preview.is-primary { border-color: #1976ee; box-shadow: 0 0 0 3px rgba(25,118,238,.14); }
.marketplace-create-reference-preview img { display: block; height: 100%; object-fit: cover; width: 100%; }
.marketplace-create-reference-preview__marker { align-items: center; background: rgba(14,35,67,.86); border-radius: .35rem; bottom: .35rem; color: #fff; display: inline-flex; font-size: .58rem; font-weight: 700; height: 1.35rem; left: .35rem; line-height: 1; max-width: calc(100% - .7rem); padding: 0 .45rem; position: absolute; white-space: nowrap; }
.marketplace-create-reference-preview.is-primary .marketplace-create-reference-preview__marker { background: #1976ee; }
.marketplace-details-tags-input { background: #fff; border: 1px solid #cfe0f1; border-radius: .5rem; color: #233b5d; font: inherit; min-height: 2.45rem; padding: .6rem .75rem; width: 100%; }
.marketplace-details-tags-field > small { color: #7286a0; display: block; font-size: .65rem; margin-top: .35rem; }
.marketplace-details-tags-field > .marketplace-details-tags { display: none; }
.marketplace-pricing-discount-fields { background: #f4f9ff; border: 1px solid #d6e6f7; border-radius: .7rem; display: grid; gap: .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: .8rem; padding: .85rem; }
.marketplace-pricing-discount-fields.is-disabled { opacity: .58; }
.marketplace-pricing-discount-fields .marketplace-create-field { margin: 0; }
.marketplace-owner-listing-page { margin: 0 auto; max-width: 78rem; padding: 2rem; }
.marketplace-owner-listing-page > .marketplace-details-back { align-items: center; display: inline-flex; gap: .45rem; margin-bottom: 1rem; text-decoration: none; }
.marketplace-owner-listing-card { align-items: center; background: #fff; border: 1px solid #d7e6f5; border-radius: 1rem; box-shadow: 0 12px 30px rgba(35,85,145,.08); display: flex; gap: 1rem; padding: 1.4rem; }
.marketplace-owner-listing-card__icon { align-items: center; background: #eaf4ff; border-radius: .8rem; color: #1976ee; display: flex; flex: 0 0 3.4rem; height: 3.4rem; justify-content: center; }
.marketplace-owner-listing-card__icon .default-theme-icon { height: 1.5rem; width: 1.5rem; }
.marketplace-owner-listing-card h1 { color: #10234b; font-size: clamp(1.6rem, 2.4vw, 2.4rem); margin: .15rem 0 .35rem; }
.marketplace-owner-listing-card p { color: #617594; margin: 0; }
.marketplace-owner-listing-status { border-radius: 999px; font-size: .75rem; font-weight: 800; margin-left: auto; padding: .45rem .7rem; text-transform: capitalize; white-space: nowrap; }
.marketplace-owner-listing-status--pending_review { background: #fff5db; color: #a96d00; }
.marketplace-owner-listing-status--published { background: #e4f8ec; color: #16804b; }
.marketplace-owner-listing-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) minmax(18rem, .7fr); margin-top: 1rem; }
.marketplace-owner-listing-card--details { display: block; }
.marketplace-owner-listing-card h2 { color: #19345f; font-size: 1rem; margin: 0 0 1rem; }
.marketplace-owner-listing-card dl { display: grid; gap: .75rem; margin: 0; }
.marketplace-owner-listing-card dl div { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #edf3fa; padding-bottom: .65rem; }
.marketplace-owner-listing-card dt { color: #7184a0; }
.marketplace-owner-listing-card dd { color: #1d3558; font-weight: 700; margin: 0; text-align: right; }
.marketplace-owner-listing-card--preview { display: block; }
.marketplace-owner-listing-card--preview img { border-radius: .7rem; display: block; max-height: 22rem; object-fit: contain; width: 100%; }
@media (max-width: 760px) { .marketplace-pricing-discount-fields, .marketplace-owner-listing-grid { grid-template-columns: 1fr; } .marketplace-owner-listing-card { align-items: flex-start; flex-wrap: wrap; } .marketplace-owner-listing-status { margin-left: 0; } }
.marketplace-create-tip { align-items: center; background: #edf6ff; border-radius: .45rem; color: #4d698a; display: flex; font-size: .67rem; gap: .45rem; margin-top: .85rem; padding: .65rem .75rem; }
.marketplace-create-tip .default-theme-icon { color: #1976ee; flex: 0 0 1rem; height: 1rem; width: 1rem; }
.marketplace-create-tip strong { color: #294e7b; }
.marketplace-create-counter { bottom: .75rem; position: absolute; right: .7rem; }
.marketplace-create-pricing-grid { display: grid; gap: .75rem; grid-template-columns: 1.2fr .8fr .9fr; }
.marketplace-create-input-prefix { align-items: center; border: 1px solid #cbdced; border-radius: .45rem; display: flex; overflow: hidden; }
.marketplace-create-input-prefix b { background: #f3f7fc; border-right: 1px solid #dce8f4; color: #637a96; font-size: .8rem; min-height: 2.6rem; padding: .75rem; }
.marketplace-create-input-prefix input { border: 0; min-width: 0; }
.marketplace-create-input-prefix:focus-within { border-color: #418cf4; box-shadow: 0 0 0 3px #dcecff; }
.marketplace-create-submit-row { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.marketplace-create-submit-row label { align-items: flex-start; color: #607795; display: flex; font-size: .67rem; gap: .4rem; line-height: 1.45; max-width: 28rem; }
.marketplace-create-submit-row input { accent-color: #1976ee; margin-top: .15rem; }
.marketplace-create-submit { align-items: center; background: #1976ee; border: 0; border-radius: .45rem; color: #fff; cursor: pointer; display: inline-flex; font: inherit; font-size: .78rem; font-weight: 800; gap: .45rem; justify-content: center; min-height: 2.8rem; padding: 0 1rem; white-space: nowrap; }
.marketplace-create-submit:hover { background: #0e64d7; }
.marketplace-create-submit .default-theme-icon { height: 1rem; width: 1rem; }
.marketplace-create-side-card { padding: 1.05rem; }
.marketplace-create-side-card h2 { font-size: .85rem; margin-bottom: .9rem; }
.marketplace-create-side-card ul { display: grid; gap: .7rem; list-style: none; margin: 0; padding: 0; }
.marketplace-create-side-card li { color: #536c8d; font-size: .7rem; line-height: 1.35; padding-left: 1.25rem; position: relative; }
.marketplace-create-side-card li::before { color: #1daf67; content: '✓'; font-size: .82rem; font-weight: 900; left: 0; position: absolute; top: -.08rem; }
.marketplace-create-quality { align-items: center; background: #edf5ff; border-radius: .55rem; display: flex; gap: .65rem; margin-top: 1rem; padding: .8rem; }
.marketplace-create-quality > span { align-items: center; background: #d9eaff; border-radius: 50%; color: #1976ee; display: inline-flex; flex: 0 0 2rem; height: 2rem; justify-content: center; width: 2rem; }
.marketplace-create-quality .default-theme-icon { height: 1.05rem; width: 1.05rem; }
.marketplace-create-quality strong { color: #146cda; display: block; font-size: .73rem; }
.marketplace-create-quality p, .marketplace-create-help p { color: #607795; font-size: .65rem; line-height: 1.45; margin: .2rem 0 0; }
.marketplace-create-guidelines li::before { color: #7d91aa; content: '○'; }
.marketplace-create-guidelines a { align-items: center; color: #1672df; display: inline-flex; font-size: .7rem; font-weight: 800; gap: .25rem; margin-top: 1rem; text-decoration: none; }
.marketplace-create-guidelines a .default-theme-icon { height: .85rem; width: .85rem; }
.marketplace-create-help a { align-items: center; border: 1px solid #cbdff3; border-radius: .45rem; color: #1672df; display: flex; font-size: .7rem; font-weight: 800; gap: .45rem; margin-top: .85rem; min-height: 2.35rem; padding: 0 .7rem; text-decoration: none; }
.marketplace-create-help a .default-theme-icon { height: .95rem; width: .95rem; }
.marketplace-create-alert { background: #fff5f5; border: 1px solid #f0b8bf; border-radius: .55rem; color: #a13747; font-size: .72rem; padding: .75rem 1rem; }
.marketplace-create-alert strong { display: block; }
.marketplace-create-alert ul { margin: .35rem 0 0 1rem; padding: 0; }
@media (max-width: 1100px) { .marketplace-create-layout { grid-template-columns: minmax(0, 1fr) 17rem; } .marketplace-create-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 800px) { .marketplace-create-hero { align-items: flex-start; } .marketplace-create-hero__art { flex-basis: 12rem; } .marketplace-create-hero__art img { height: 8rem; width: 12rem; } .marketplace-create-layout { grid-template-columns: 1fr; } .marketplace-create-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .marketplace-create-help { grid-column: 1 / -1; } }
@media (max-width: 560px) { .marketplace-create-hero { display: block; } .marketplace-create-hero__art { display: none; } .marketplace-create-steps { grid-template-columns: repeat(4, 1fr); } .marketplace-create-type-grid, .marketplace-create-pricing-grid, .marketplace-create-preview-grid, .marketplace-create-sidebar { grid-template-columns: 1fr; } .marketplace-create-help { grid-column: auto; } .marketplace-create-submit-row { align-items: stretch; flex-direction: column; } .marketplace-create-submit { width: 100%; } }

/* Marketplace listing details step */
.marketplace-create-steps li > button { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; flex-direction: column; font: inherit; gap: .35rem; padding: 0; position: relative; text-align: center; width: 100%; }
.marketplace-create-steps li > button:disabled { cursor: default; }
.marketplace-create-steps li > button:focus-visible { border-radius: .5rem; box-shadow: 0 0 0 3px #dcecff; outline: 0; }
.marketplace-create-steps li.is-complete { color: #1e426f; font-weight: 800; }
.marketplace-create-steps li.is-complete b { background: #1976ee; border-color: #1976ee; color: #fff; }
.marketplace-create-steps li.is-complete b .default-theme-icon { height: .9rem; width: .9rem; }
.marketplace-create-steps li.is-complete::after { background: #8ebcff; }
.marketplace-create-page.is-loading { cursor: progress; opacity: .68; pointer-events: none; transition: opacity .15s ease; }
.marketplace-create-details-layout { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.55fr) minmax(16rem, .85fr) 17.5rem; }
.marketplace-create-details-form, .marketplace-create-details-preview, .marketplace-create-details-sidebar { min-width: 0; }
.marketplace-details-editor-card { min-height: 39rem; }
.marketplace-details-fields-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.25fr) minmax(10rem, .75fr); }
.marketplace-details-title-field, .marketplace-details-description-field { min-width: 0; }
.marketplace-details-input-wrap { align-items: center; border: 1px solid #cbdced; border-radius: .45rem; display: flex; min-height: 2.6rem; overflow: hidden; }
.marketplace-details-input-wrap:focus-within { border-color: #418cf4; box-shadow: 0 0 0 3px #dcecff; }
.marketplace-details-input-wrap input { border: 0; min-width: 0; }
.marketplace-details-input-wrap input:focus { box-shadow: none; }
.marketplace-details-input-wrap small { color: #607795; flex: 0 0 auto; font-size: .66rem; padding: 0 .7rem; }
.marketplace-details-description-field { grid-column: 1; }
.marketplace-details-editor { border: 1px solid #cbdced; border-radius: .45rem; min-height: 16.8rem; overflow: hidden; position: relative; }
.marketplace-details-toolbar { align-items: center; border-bottom: 1px solid #dbe6f2; display: flex; gap: .15rem; min-height: 2.35rem; padding: 0 .25rem; }
.marketplace-details-toolbar button { align-items: center; background: transparent; border: 0; color: #283f61; display: inline-flex; font: inherit; font-size: .72rem; gap: .25rem; min-height: 1.8rem; padding: 0 .45rem; }
.marketplace-details-toolbar button:disabled { opacity: 1; }
.marketplace-details-toolbar .default-theme-icon { height: .75rem; width: .75rem; }
.marketplace-details-editor textarea { border: 0; border-radius: 0; min-height: 13.5rem; padding: .85rem .7rem 1.8rem; resize: vertical; }
.marketplace-details-editor textarea:focus { box-shadow: none; }
.marketplace-details-description-counter { bottom: .55rem; color: #607795; font-size: .65rem; position: absolute; right: .7rem; }
.marketplace-details-side-fields { display: grid; gap: 1rem; grid-column: 2; grid-row: 2 / span 1; }
.marketplace-details-side-fields .marketplace-create-field > span { align-items: center; display: flex; gap: .3rem; }
.marketplace-details-side-fields .marketplace-create-field > span .default-theme-icon { color: #6d82a0; height: .75rem; width: .75rem; }
.marketplace-details-editor-card select[disabled] { color: #283f61; cursor: default; opacity: 1; }
.marketplace-details-inline-link { color: #126ee4; font-size: .68rem; font-weight: 700; text-decoration: none; }
.marketplace-details-tags-field { margin-top: 1rem; }
.marketplace-details-tags-field > span { color: #253b5d; display: block; font-size: .76rem; font-weight: 800; margin-bottom: .35rem; }
.marketplace-details-tags-field > span small { color: #6e839e; font-size: .64rem; font-weight: 500; }
.marketplace-details-tags { align-items: center; border: 1px solid #cbdced; border-radius: .45rem; display: flex; flex-wrap: wrap; gap: .5rem; min-height: 4.1rem; padding: .55rem .65rem; }
.marketplace-details-tags > span:not(.marketplace-details-tags__empty) { align-items: center; background: #edf3fa; border-radius: .35rem; color: #293f5f; display: inline-flex; font-size: .69rem; gap: .3rem; padding: .45rem .55rem; }
.marketplace-details-tags > span button { background: transparent; border: 0; color: #71839c; cursor: default; font-size: .9rem; line-height: 1; padding: 0; }
.marketplace-details-tags__empty { color: #71839c; font-size: .68rem; }
.marketplace-details-tags__add { align-items: center; background: #fff; border: 1px solid #cadced; border-radius: 50%; color: #126ee4; display: inline-flex; font-size: 1rem; height: 1.7rem; justify-content: center; width: 1.7rem; }
.marketplace-create-details-actions { align-items: center; background: #fff; border: 1px solid #e0eaf6; border-radius: .7rem; box-shadow: 0 .25rem 1rem rgba(24, 73, 130, .04); display: flex; gap: 1rem; justify-content: space-between; margin-top: 1rem; padding: .75rem .9rem; }
.marketplace-create-details-actions > div { align-items: center; display: flex; gap: .75rem; }
.marketplace-details-back, .marketplace-details-save, .marketplace-details-next { align-items: center; border-radius: .45rem; cursor: pointer; display: inline-flex; font: inherit; font-size: .72rem; font-weight: 800; gap: .4rem; justify-content: center; min-height: 2.45rem; padding: 0 .8rem; white-space: nowrap; }
.marketplace-details-back, .marketplace-details-save { background: #fff; border: 1px solid #c7d9ed; color: #176fdf; }
.marketplace-details-next { background: #1976ee; border: 1px solid #1976ee; color: #fff; }
.marketplace-details-back:hover, .marketplace-details-save:hover { background: #f2f7fd; }
.marketplace-details-next:hover { background: #0e64d7; }
.marketplace-details-back .default-theme-icon, .marketplace-details-save .default-theme-icon, .marketplace-details-next .default-theme-icon { height: .9rem; width: .9rem; }
.marketplace-details-preview-card { padding: 1rem; }
.marketplace-details-preview-heading { margin-bottom: .85rem; }
.marketplace-details-preview-heading h2 { color: #162744; font-size: .92rem; margin: 0; }
.marketplace-details-preview-main { aspect-ratio: 1 / 1; background: #e7f0fb; border-radius: .55rem; display: block; object-fit: cover; overflow: hidden; width: 100%; }
.marketplace-details-preview-main--empty { align-items: center; color: #6b88ac; display: flex; flex-direction: column; font-size: .7rem; gap: .4rem; justify-content: center; }
.marketplace-details-preview-main--empty .default-theme-icon { height: 2rem; width: 2rem; }
.marketplace-details-preview-thumbnails { display: grid; gap: .45rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: .65rem; }
.marketplace-details-preview-thumb { aspect-ratio: 1 / 1; border-radius: .35rem; overflow: hidden; position: relative; }
.marketplace-details-preview-thumb img { height: 100%; object-fit: cover; width: 100%; }
.marketplace-details-preview-thumb button { align-items: center; background: #fff; border: 0; border-radius: 50%; color: #172b48; display: inline-flex; font-size: .7rem; height: 1.1rem; justify-content: center; line-height: 1; padding: 0; position: absolute; right: .2rem; top: .2rem; width: 1.1rem; }
.marketplace-details-listing-preview { border: 1px solid #e1eaf4; border-radius: .5rem; margin-top: 1rem; padding: .75rem; }
.marketplace-details-seller { align-items: center; display: flex; gap: .45rem; }
.marketplace-details-seller-avatar { align-items: center; background: #dbe9f8; border-radius: 50%; color: #275684; display: inline-flex; flex: 0 0 2rem; font-size: .8rem; font-weight: 800; height: 2rem; justify-content: center; width: 2rem; }
.marketplace-details-seller div { display: grid; min-width: 0; }
.marketplace-details-seller strong { color: #1c3558; font-size: .68rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-details-seller small { color: #607795; font-size: .59rem; }
.marketplace-details-seller small b { color: #19a15c; }
.marketplace-details-rating { color: #f4a511; font-size: .68rem; margin-left: auto; white-space: nowrap; }
.marketplace-details-rating small { color: #607795; font-size: .58rem; }
.marketplace-details-listing-preview h3 { color: #172b48; font-size: .76rem; line-height: 1.35; margin: .8rem 0 .25rem; }
.marketplace-details-listing-preview p { color: #607795; font-size: .65rem; margin: 0; }
.marketplace-details-listing-preview p span { color: #a1b0c1; padding: 0 .25rem; }
.marketplace-details-listing-preview p strong { color: #1672df; float: right; font-size: 1rem; }
.marketplace-create-details-sidebar .marketplace-create-side-card p { color: #607795; font-size: .7rem; line-height: 1.5; margin: 0; }
.marketplace-create-details-sidebar .marketplace-create-help a + a { margin-top: .5rem; }
@media (max-width: 1180px) { .marketplace-create-details-layout { grid-template-columns: minmax(0, 1.35fr) minmax(14rem, .8fr) 15.5rem; } .marketplace-create-details-actions > div { gap: .4rem; } .marketplace-details-back, .marketplace-details-save, .marketplace-details-next { padding-left: .55rem; padding-right: .55rem; } }
@media (max-width: 980px) { .marketplace-create-details-layout { grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .85fr); } .marketplace-create-details-sidebar { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .marketplace-create-details-sidebar .marketplace-create-help { grid-column: auto; } }
@media (max-width: 800px) { .marketplace-create-details-layout { grid-template-columns: 1fr; } .marketplace-create-details-preview { grid-row: 2; } .marketplace-create-details-sidebar { grid-column: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); } .marketplace-create-details-sidebar .marketplace-create-help { grid-column: 1 / -1; } }
@media (max-width: 560px) { .marketplace-details-fields-grid { grid-template-columns: 1fr; } .marketplace-details-description-field, .marketplace-details-side-fields { grid-column: auto; grid-row: auto; } .marketplace-create-details-sidebar { grid-template-columns: 1fr; } .marketplace-create-details-sidebar .marketplace-create-help { grid-column: auto; } .marketplace-create-details-actions { align-items: stretch; flex-direction: column; } .marketplace-create-details-actions > div { justify-content: stretch; width: 100%; } .marketplace-details-back, .marketplace-details-save, .marketplace-details-next { flex: 1; } }

/* Marketplace listing pricing step */
.marketplace-create-pricing-layout { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.55fr) minmax(16rem, .85fr) 17.5rem; }
.marketplace-create-pricing-form, .marketplace-create-pricing-summary, .marketplace-create-pricing-sidebar { min-width: 0; }
.marketplace-pricing-editor-card { min-height: 30rem; }
.marketplace-pricing-section-label { color: #253b5d; font-size: .76rem; font-weight: 800; margin-bottom: .55rem; }
.marketplace-pricing-selling-options { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.marketplace-pricing-selling-option { align-items: center; background: #fff; border: 1px solid #cbdced; border-radius: .55rem; color: #243a59; cursor: pointer; display: grid; font: inherit; gap: .55rem; grid-template-columns: 2.2rem minmax(0, 1fr); min-height: 6rem; padding: .7rem; position: relative; text-align: left; }
.marketplace-pricing-selling-option:hover, .marketplace-pricing-selling-option.is-selected { border-color: #418cf4; box-shadow: 0 0 0 2px #dcecff; }
.marketplace-pricing-selling-option.is-selected { border-width: 2px; padding: calc(.7rem - 1px); }
.marketplace-pricing-option-icon { align-items: center; border-radius: .45rem; color: #fff; display: inline-flex; height: 2.2rem; justify-content: center; width: 2.2rem; }
.marketplace-pricing-option-icon--blue { background: #4f91f3; }
.marketplace-pricing-option-icon--purple { background: #8160e7; }
.marketplace-pricing-option-icon--green { background: #48b77a; }
.marketplace-pricing-option-icon .default-theme-icon { height: 1.1rem; width: 1.1rem; }
.marketplace-pricing-selling-option strong { color: #1b3150; display: block; font-size: .76rem; }
.marketplace-pricing-selling-option small { color: #637996; display: block; font-size: .61rem; line-height: 1.4; margin-top: .3rem; }
.marketplace-pricing-option-check { background: #277ef3; border-radius: 50%; color: #fff; display: none; height: .9rem; padding: .12rem; position: absolute; right: .5rem; top: .5rem; width: .9rem; }
.marketplace-pricing-selling-option.is-selected .marketplace-pricing-option-check { display: block; }
.marketplace-pricing-value-grid { align-items: start; display: grid; gap: 1.25rem; grid-template-columns: 1.15fr .9fr; margin-top: 1.6rem; }
.marketplace-pricing-input-wrap { align-items: center; border: 1px solid #cbdced; border-radius: .45rem; display: flex; min-height: 2.6rem; overflow: hidden; }
.marketplace-pricing-input-wrap:focus-within { border-color: #418cf4; box-shadow: 0 0 0 3px #dcecff; }
.marketplace-pricing-input-wrap > b { background: #f3f7fc; border-right: 1px solid #dce8f4; color: #637a96; font-size: .8rem; min-height: 2.6rem; padding: .75rem; }
.marketplace-pricing-input-wrap > input { border: 0; min-width: 0; }
.marketplace-pricing-input-wrap > input:focus { box-shadow: none; }
.marketplace-pricing-input-wrap > select { background: #fff; border: 0; border-left: 1px solid #dce8f4; border-radius: 0; color: #4e6582; font-size: .7rem; margin-left: auto; min-height: 2.6rem; padding: .4rem .55rem; width: auto; }
.marketplace-pricing-input-wrap > select:focus { box-shadow: none; outline: 0; }
.marketplace-pricing-earn-card { background: #effbf4; border: 1px solid #9bd9b5; border-radius: .5rem; display: grid; gap: .2rem; min-height: 5.6rem; padding: .8rem 1rem; }
.marketplace-pricing-earn-card > span { color: #294d3b; font-size: .73rem; font-weight: 800; }
.marketplace-pricing-earn-card > strong { color: #11a456; font-size: 1.55rem; letter-spacing: -.03em; }
.marketplace-pricing-earn-card > small { align-items: center; color: #547566; display: flex; font-size: .62rem; gap: .25rem; }
.marketplace-pricing-earn-card .default-theme-icon { height: .75rem; width: .75rem; }
.marketplace-pricing-divider { border-top: 1px solid #e5edf6; margin: 1rem 0 .85rem; }
.marketplace-pricing-toggle-row { align-items: center; display: grid; gap: .8rem; grid-template-columns: minmax(0, 1fr) auto; min-height: 3rem; }
.marketplace-pricing-toggle-row + .marketplace-pricing-toggle-row { margin-top: .5rem; }
.marketplace-pricing-toggle-row strong { color: #263d5d; display: block; font-size: .74rem; }
.marketplace-pricing-toggle-row strong em { color: #72839a; font-size: .65rem; font-style: normal; font-weight: 500; }
.marketplace-pricing-toggle-row small { color: #637996; display: block; font-size: .63rem; margin-top: .2rem; }
.marketplace-pricing-switch { display: inline-flex; position: relative; }
.marketplace-pricing-switch input { height: 0; opacity: 0; position: absolute; width: 0; }
.marketplace-pricing-switch i { background: #d4dfed; border-radius: 1rem; cursor: pointer; display: inline-block; height: 1.15rem; position: relative; width: 2.2rem; }
.marketplace-pricing-switch i::after { background: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(22, 46, 78, .18); content: ''; height: .85rem; left: .15rem; position: absolute; top: .15rem; transition: transform .15s ease; width: .85rem; }
.marketplace-pricing-switch input:checked + i { background: #1976ee; }
.marketplace-pricing-switch input:checked + i::after { transform: translateX(1.05rem); }
.marketplace-pricing-custom-row { grid-template-columns: minmax(0, 1fr) auto minmax(9rem, .55fr); }
.marketplace-pricing-minimum-field { opacity: .55; }
.marketplace-pricing-minimum-field > span { font-size: .65rem; font-weight: 500; }
.marketplace-pricing-minimum-field .marketplace-pricing-input-wrap { min-height: 2.2rem; }
.marketplace-pricing-minimum-field .marketplace-pricing-input-wrap > b, .marketplace-pricing-minimum-field .marketplace-pricing-input-wrap > input { min-height: 2.2rem; padding: .5rem; }
.marketplace-pricing-preview-card { display: grid; gap: 1rem; grid-template-columns: 1fr 1.05fr; margin-top: 1rem; }
.marketplace-pricing-preview-card h2 { color: #162744; font-size: .85rem; margin: 0 0 .8rem; }
.marketplace-pricing-preview-card p { color: #536c8b; display: flex; font-size: .68rem; justify-content: space-between; margin: .55rem 0; }
.marketplace-pricing-preview-card p strong { color: #263d5d; }
.marketplace-pricing-preview-card p strong.is-negative { color: #ef4c55; }
.marketplace-pricing-preview-card p.marketplace-pricing-total { border-top: 1px solid #e5edf6; color: #263d5d; font-weight: 800; margin-top: .8rem; padding-top: .8rem; }
.marketplace-pricing-preview-card p.marketplace-pricing-total strong { color: #0ca255; font-size: .95rem; }
.marketplace-pricing-preview-callout { align-items: flex-start; background: #eef6ff; border-radius: .55rem; display: flex; gap: .55rem; padding: .75rem; }
.marketplace-pricing-preview-callout > span { align-items: center; background: #dcecff; border-radius: 50%; color: #1976ee; display: inline-flex; flex: 0 0 2rem; height: 2rem; justify-content: center; width: 2rem; }
.marketplace-pricing-preview-callout .default-theme-icon { height: 1rem; width: 1rem; }
.marketplace-pricing-preview-callout strong { color: #136cda; display: block; font-size: .68rem; }
.marketplace-pricing-preview-callout p { display: block; font-size: .62rem; line-height: 1.45; margin: .25rem 0 .5rem; }
.marketplace-pricing-preview-callout a, .marketplace-pricing-fee-card a, .marketplace-create-quality a { align-items: center; color: #126ee4; display: inline-flex; font-size: .62rem; font-weight: 800; gap: .2rem; text-decoration: none; }
.marketplace-pricing-preview-callout a .default-theme-icon, .marketplace-pricing-fee-card a .default-theme-icon, .marketplace-create-quality a .default-theme-icon { height: .75rem; width: .75rem; }
.marketplace-pricing-summary-card { padding: 1rem; }
.marketplace-pricing-summary-card > h2 { color: #162744; font-size: .9rem; margin: 0 0 .85rem; }
.marketplace-pricing-summary-card > img, .marketplace-pricing-summary-empty { aspect-ratio: 1 / .9; background: #e7f0fb; border-radius: .55rem; display: block; object-fit: cover; width: 100%; }
.marketplace-pricing-summary-empty { align-items: center; color: #6b88ac; display: flex; flex-direction: column; gap: .4rem; justify-content: center; }
.marketplace-pricing-summary-empty .default-theme-icon { height: 2rem; width: 2rem; }
.marketplace-pricing-summary-type { background: #e6f4ec; border-radius: .25rem; color: #2d6d4a; display: inline-block; font-size: .62rem; font-weight: 800; margin-top: .6rem; padding: .25rem .45rem; }
.marketplace-pricing-summary-card h3 { color: #1b3150; font-size: .78rem; line-height: 1.4; margin: .55rem 0; }
.marketplace-pricing-summary-seller { align-items: center; color: #526b8b; display: flex; font-size: .62rem; gap: .35rem; }
.marketplace-pricing-summary-seller .marketplace-details-seller-avatar { flex-basis: 1.6rem; height: 1.6rem; width: 1.6rem; }
.marketplace-pricing-summary-seller > span:nth-child(2) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-pricing-summary-seller > span:last-child { color: #f3a20a; margin-left: auto; white-space: nowrap; }
.marketplace-pricing-summary-seller b { color: #1672df; }
.marketplace-pricing-summary-seller small { color: #627895; font-size: .56rem; }
.marketplace-pricing-summary-card ul { border-top: 1px solid #e6eef6; display: grid; gap: .8rem; list-style: none; margin: 1rem 0 0; padding: 1rem 0 0; }
.marketplace-pricing-summary-card li { align-items: center; color: #536b89; display: grid; font-size: .62rem; gap: .4rem; grid-template-columns: 1rem auto minmax(0, 1fr); }
.marketplace-pricing-summary-card li > .default-theme-icon { color: #1976ee; height: .8rem; width: .8rem; }
.marketplace-pricing-summary-card li strong { color: #263d5d; font-size: .62rem; }
.marketplace-pricing-summary-card li span { margin-left: auto; text-align: right; }
.marketplace-pricing-sfw { background: #dff5e6; border-radius: .25rem; color: #269456; font-size: .58rem; padding: .2rem .3rem; }
.marketplace-pricing-sidebar .marketplace-create-side-card h2 { align-items: center; display: flex; gap: .4rem; }
.marketplace-pricing-sidebar .marketplace-create-side-card h2 > .default-theme-icon { color: #1672df; height: 1rem; width: 1rem; }
.marketplace-pricing-sidebar .marketplace-create-quality { align-items: flex-start; }
.marketplace-pricing-sidebar .marketplace-create-quality > span { background: #dbeaff; color: #1672df; flex-basis: 2.2rem; height: 2.2rem; width: 2.2rem; }
.marketplace-pricing-sidebar .marketplace-create-quality strong { color: #126ee4; }
.marketplace-pricing-sidebar .marketplace-create-quality p { margin-bottom: .5rem; }
.marketplace-pricing-fee-card > strong { color: #1672df; display: block; font-size: 1.7rem; letter-spacing: -.04em; margin: .3rem 0; }
.marketplace-pricing-fee-card > p { margin-bottom: .75rem !important; }
@media (max-width: 1180px) { .marketplace-create-pricing-layout { grid-template-columns: minmax(0, 1.35fr) minmax(14rem, .8fr) 15.5rem; } .marketplace-pricing-preview-card { grid-template-columns: 1fr; } }
@media (max-width: 980px) { .marketplace-create-pricing-layout { grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .85fr); } .marketplace-create-pricing-sidebar { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); } .marketplace-create-pricing-sidebar .marketplace-create-help { grid-column: auto; } }
@media (max-width: 800px) { .marketplace-create-pricing-layout { grid-template-columns: 1fr; } .marketplace-create-pricing-summary { grid-row: 2; } .marketplace-create-pricing-sidebar { grid-column: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); } .marketplace-create-pricing-sidebar .marketplace-create-help { grid-column: 1 / -1; } }
@media (max-width: 560px) { .marketplace-pricing-selling-options, .marketplace-pricing-value-grid, .marketplace-pricing-preview-card { grid-template-columns: 1fr; } .marketplace-pricing-custom-row { grid-template-columns: minmax(0, 1fr) auto; } .marketplace-pricing-minimum-field { grid-column: 1 / -1; } .marketplace-create-pricing-sidebar { grid-template-columns: 1fr; } .marketplace-create-pricing-sidebar .marketplace-create-help { grid-column: auto; } }

/* Marketplace listing preview step */
.marketplace-create-preview-form { display: grid; gap: 1rem; min-width: 0; }
.marketplace-create-preview-hero .marketplace-create-hero__art { visibility: hidden; }
.marketplace-create-preview-layout { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) 18.5rem; }
.marketplace-preview-main-card { padding: 1rem; }
.marketplace-preview-card-heading { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: .8rem; }
.marketplace-preview-card-heading h2 { align-items: center; color: #172744; display: flex; font-size: .92rem; gap: .45rem; margin: 0; }
.marketplace-preview-card-heading h2 .default-theme-icon { color: #1976ee; height: 1rem; width: 1rem; }
.marketplace-preview-device-toggle { align-items: center; border: 1px solid #d8e5f3; border-radius: .45rem; display: flex; overflow: hidden; }
.marketplace-preview-device-toggle button { align-items: center; background: #fff; border: 0; color: #536b89; cursor: pointer; display: inline-flex; font: inherit; font-size: .68rem; gap: .35rem; min-height: 2.25rem; padding: 0 .8rem; }
.marketplace-preview-device-toggle button + button { border-left: 1px solid #e1eaf4; }
.marketplace-preview-device-toggle button.is-active { background: #f0f6ff; color: #1672df; font-weight: 800; }
.marketplace-preview-device-toggle .default-theme-icon { height: .85rem; width: .85rem; }
.marketplace-preview-listing-card { align-items: start; border: 1px solid #e0eaf6; border-radius: .6rem; display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1.12fr) minmax(16rem, .88fr); overflow: hidden; padding: 0; }
.marketplace-preview-gallery { min-width: 0; padding: 0; }
.marketplace-preview-gallery-main { aspect-ratio: 1.47 / 1; background: #dceafb; overflow: hidden; position: relative; }
.marketplace-preview-gallery-main > img { display: block; height: 100%; object-fit: cover; width: 100%; }
.marketplace-preview-gallery-main--empty { align-items: center; color: #6b88ac; display: flex; flex-direction: column; font-size: .75rem; gap: .4rem; justify-content: center; }
.marketplace-preview-gallery-main--empty .default-theme-icon { height: 2.2rem; width: 2.2rem; }
.marketplace-preview-type-badge { background: #fff; border-radius: .45rem; color: #253b5d; font-size: .65rem; font-weight: 800; left: .8rem; padding: .35rem .55rem; position: absolute; top: .8rem; }
.marketplace-preview-favorite, .marketplace-preview-gallery-arrow { align-items: center; background: rgba(255, 255, 255, .95); border: 0; border-radius: 50%; color: #1c304e; cursor: pointer; display: inline-flex; justify-content: center; position: absolute; }
.marketplace-preview-favorite { height: 2rem; right: .8rem; top: .8rem; width: 2rem; }
.marketplace-preview-favorite .default-theme-icon { height: 1.15rem; width: 1.15rem; }
.marketplace-preview-gallery-arrow { height: 2.1rem; top: calc(50% - 1.05rem); width: 2.1rem; }
.marketplace-preview-gallery-arrow--left { left: .8rem; }
.marketplace-preview-gallery-arrow--right { right: .8rem; }
.marketplace-preview-gallery-arrow .default-theme-icon { height: 1rem; width: 1rem; }
.marketplace-preview-gallery-thumbnails { align-items: center; display: flex; gap: .65rem; padding: .7rem .75rem; }
.marketplace-preview-gallery-thumb, .marketplace-preview-gallery-more { align-items: center; background: #dbe8f7; border: 1px solid transparent; border-radius: .45rem; display: inline-flex; height: 3.65rem; justify-content: center; overflow: hidden; padding: 0; position: relative; width: 3.65rem; }
.marketplace-preview-gallery-thumb { cursor: pointer; }
.marketplace-preview-gallery-thumb.is-active { border: 2px solid #1976ee; }
.marketplace-preview-gallery-thumb img { height: 100%; object-fit: cover; width: 100%; }
.marketplace-preview-gallery-more { background: #24344e; color: #fff; font-size: .8rem; font-weight: 800; }
.marketplace-preview-listing-info { min-width: 0; padding: .85rem 1rem 1rem 0; }
.marketplace-preview-listing-info h1 { color: #152744; font-size: 1.22rem; line-height: 1.22; margin: 0 0 .7rem; }
.marketplace-preview-seller-row { align-items: center; color: #5d7491; display: flex; font-size: .67rem; gap: .4rem; min-width: 0; }
.marketplace-preview-seller-row .marketplace-details-seller-avatar { flex: 0 0 1.65rem; height: 1.65rem; width: 1.65rem; }
.marketplace-preview-seller-row > span:nth-child(2) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-preview-seller-row strong { color: #1e416b; }
.marketplace-preview-verified { color: #1672df; }
.marketplace-preview-seller-level { background: #dff5e6; border-radius: 1rem; color: #20985b; font-size: .58rem; font-weight: 800; margin-left: auto; padding: .3rem .5rem; white-space: nowrap; }
.marketplace-preview-rating { color: #566d8b; font-size: .7rem; margin-top: .7rem; }
.marketplace-preview-rating > span { color: #f2a30b; font-size: 1.05rem; }
.marketplace-preview-rating strong { color: #263d5d; }
.marketplace-preview-price { color: #1672df; font-size: 1.75rem; font-weight: 900; letter-spacing: -.04em; margin: .85rem 0 .9rem; }
.marketplace-preview-facts { border-top: 1px solid #e6eef6; display: grid; gap: .7rem; margin: 0; padding: .9rem 0 0; }
.marketplace-preview-facts > div { align-items: center; display: flex; gap: .55rem; min-width: 0; }
.marketplace-preview-facts dt { align-items: center; color: #263d5d; display: inline-flex; flex: 0 0 8rem; font-size: .64rem; font-weight: 800; gap: .4rem; }
.marketplace-preview-facts dt .default-theme-icon { color: #1976ee; height: .8rem; width: .8rem; }
.marketplace-preview-facts dd { align-items: center; color: #607795; display: inline-flex; font-size: .62rem; gap: .25rem; justify-content: flex-end; margin: 0 0 0 auto; text-align: right; }
.marketplace-preview-facts dd .default-theme-icon { height: .72rem; width: .72rem; }
.marketplace-preview-actions { display: grid; gap: .55rem; grid-template-columns: minmax(0, 1fr) 3rem 3rem; margin-top: 1rem; }
.marketplace-preview-buy, .marketplace-preview-icon-button { align-items: center; background: #1976ee; border: 1px solid #1976ee; border-radius: .45rem; color: #fff; cursor: pointer; display: inline-flex; font: inherit; font-size: .72rem; font-weight: 800; gap: .4rem; justify-content: center; min-height: 2.55rem; }
.marketplace-preview-buy .default-theme-icon, .marketplace-preview-icon-button .default-theme-icon { height: .95rem; width: .95rem; }
.marketplace-preview-icon-button { background: #fff; color: #273e5e; }
.marketplace-preview-tabs { align-items: center; border-bottom: 1px solid #dce7f3; display: flex; gap: 1.45rem; margin-top: 1rem; }
.marketplace-preview-tabs button { background: transparent; border: 0; color: #4e6685; cursor: pointer; font: inherit; font-size: .7rem; min-height: 2.2rem; padding: 0 .15rem; position: relative; }
.marketplace-preview-tabs button.is-active { color: #1672df; font-weight: 800; }
.marketplace-preview-tabs button.is-active::after { background: #1976ee; bottom: -.05rem; content: ''; height: 2px; left: 0; position: absolute; right: 0; }
.marketplace-preview-description { color: #435d7d; font-size: .7rem; line-height: 1.55; padding: .85rem .1rem 0; }
.marketplace-preview-description p { margin: 0; max-width: 45rem; }
.marketplace-preview-feature-list { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .8rem; }
.marketplace-preview-feature-list span { align-items: center; border: 1px solid #dce7f3; border-radius: .35rem; color: #496482; display: inline-flex; font-size: .62rem; gap: .25rem; padding: .35rem .5rem; }
.marketplace-preview-feature-list .default-theme-icon { color: #18a15c; height: .75rem; width: .75rem; }
.marketplace-create-preview-sidebar { display: grid; gap: 1rem; min-width: 0; }
.marketplace-preview-ready-card h2, .marketplace-preview-summary-card h2 { font-size: .85rem; margin-bottom: .85rem; }
.marketplace-preview-ready-card ul { display: grid; gap: .75rem; list-style: none; margin: 0; padding: 0; }
.marketplace-preview-ready-card li { align-items: center; color: #536b89; display: grid; font-size: .67rem; gap: .45rem; grid-template-columns: 1rem minmax(0, 1fr) auto; }
.marketplace-preview-ready-card li > .default-theme-icon { color: #19a35f; height: .85rem; width: .85rem; }
.marketplace-preview-ready-card li strong { color: #536b89; font-size: .64rem; font-weight: 500; text-align: right; }
.marketplace-preview-ready-callout { align-items: flex-start; background: #effbf4; border: 1px solid #d4f0df; border-radius: .55rem; display: flex; gap: .55rem; margin-top: 1rem; padding: .75rem; }
.marketplace-preview-ready-callout > span { font-size: 1.25rem; line-height: 1; }
.marketplace-preview-ready-callout strong { color: #199957; display: block; font-size: .7rem; }
.marketplace-preview-ready-callout p { color: #587466; font-size: .62rem; line-height: 1.4; margin: .25rem 0 0; }
.marketplace-preview-summary-card dl { display: grid; gap: .7rem; margin: 0; }
.marketplace-preview-summary-card dl > div { align-items: start; display: flex; gap: .75rem; justify-content: space-between; }
.marketplace-preview-summary-card dt, .marketplace-preview-summary-card dd { color: #536b89; font-size: .67rem; line-height: 1.35; margin: 0; }
.marketplace-preview-summary-card dd { color: #3c5575; max-width: 9rem; text-align: right; }
.marketplace-preview-summary-total { border-top: 1px solid #e5edf6; margin-top: .2rem; padding-top: .8rem; }
.marketplace-preview-summary-total dt { color: #1c3558; font-weight: 800; }
.marketplace-preview-summary-total dd { color: #11a456; font-size: .95rem; font-weight: 900; }
.marketplace-preview-summary-card dd.is-negative { color: #ef4c55; }
.marketplace-preview-submit-row { margin-top: 0; }
.marketplace-preview-publish { align-items: center; background: #18ad62; border: 1px solid #18ad62; border-radius: .45rem; color: #fff; cursor: pointer; display: inline-flex; font: inherit; font-size: .72rem; font-weight: 800; gap: .35rem; justify-content: center; min-height: 2.45rem; padding: 0 .85rem; }
.marketplace-preview-publish:hover { background: #109451; }
.marketplace-preview-publish .default-theme-icon { height: .9rem; width: .9rem; }
.marketplace-create-preview-form.is-mobile-preview .marketplace-preview-listing-card { margin-left: auto; margin-right: auto; max-width: 28rem; }
.marketplace-create-preview-form.is-mobile-preview .marketplace-preview-listing-card { grid-template-columns: 1fr; }
.marketplace-create-preview-form.is-mobile-preview .marketplace-preview-listing-info { padding: 1rem; }
@media (max-width: 1180px) { .marketplace-create-preview-layout { grid-template-columns: minmax(0, 1fr) 16rem; } .marketplace-preview-listing-card { gap: 1rem; grid-template-columns: minmax(0, 1.05fr) minmax(14rem, .95fr); } .marketplace-preview-facts dt { flex-basis: 7rem; } }
@media (max-width: 980px) { .marketplace-create-preview-layout { grid-template-columns: 1fr; } .marketplace-create-preview-sidebar { grid-template-columns: repeat(3, minmax(0, 1fr)); } .marketplace-create-preview-sidebar .marketplace-create-help { grid-column: auto; } }
@media (max-width: 800px) { .marketplace-preview-listing-card { grid-template-columns: 1fr; } .marketplace-preview-listing-info { padding: 0 1rem 1rem; } .marketplace-create-preview-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .marketplace-create-preview-sidebar .marketplace-create-help { grid-column: 1 / -1; } }
@media (max-width: 560px) { .marketplace-preview-card-heading { align-items: flex-start; flex-direction: column; } .marketplace-preview-device-toggle { width: 100%; } .marketplace-preview-device-toggle button { flex: 1; justify-content: center; } .marketplace-preview-facts dt { flex-basis: 7.2rem; } .marketplace-preview-actions { grid-template-columns: minmax(0, 1fr) 2.7rem 2.7rem; } .marketplace-preview-tabs { gap: .65rem; justify-content: space-between; } .marketplace-preview-tabs button { font-size: .62rem; } .marketplace-create-preview-sidebar { grid-template-columns: 1fr; } .marketplace-create-preview-sidebar .marketplace-create-help { grid-column: auto; } .marketplace-preview-submit-row { align-items: stretch; flex-direction: column; } .marketplace-preview-submit-row > div { justify-content: stretch; width: 100%; } .marketplace-preview-submit-row > div > * { flex: 1; } }

/* Marketplace cart */
.marketplace-cart-sidebar { display: grid; gap: 1.1rem; min-width: 0; }
.marketplace-cart-sidebar-section { border-bottom: 1px solid #e6eef7; display: grid; gap: .25rem; padding-bottom: 1rem; }
.marketplace-cart-sidebar-heading { color: #61738e; font-size: .7rem; font-weight: 900; letter-spacing: .05em; margin: 0 0 .35rem; text-transform: uppercase; }
.marketplace-cart-sidebar-section > a { align-items: center; border-radius: .45rem; color: #243b5c; display: flex; font-size: .82rem; font-weight: 700; gap: .7rem; min-height: 2.05rem; padding: .35rem .45rem; text-decoration: none; }
.marketplace-cart-sidebar-section > a:hover { background: #eef5ff; color: #176fe3; }
.marketplace-cart-sidebar-section > a .default-theme-icon { color: #5e78a0; height: 1rem; width: 1rem; }
.marketplace-cart-sidebar-section > a:hover .default-theme-icon { color: #176fe3; }
.marketplace-cart-sidebar-categories { padding-top: .35rem; }
.marketplace-cart-sidebar-categories > a .default-theme-icon { color: #7188ad; }
.marketplace-cart-sidebar-view-all { color: #176fe3 !important; font-weight: 800 !important; }
.marketplace-cart-sidebar-view-all .default-theme-icon { color: #176fe3 !important; height: .8rem !important; width: .8rem !important; }
.marketplace-cart-premium-card { background: linear-gradient(145deg, #f1f7ff, #e9f3ff); border-radius: .7rem; color: #2a456b; display: grid; gap: .35rem; margin-top: .25rem; padding: 1rem .85rem; }
.marketplace-cart-premium-card > strong { color: #126ee4; font-size: .82rem; }
.marketplace-cart-premium-card p { color: #617896; font-size: .7rem; line-height: 1.45; margin: 0; }
.marketplace-cart-premium-icon { align-items: center; background: #fff2bb; border-radius: 50%; color: #e9a817; display: inline-flex; height: 1.8rem; justify-content: center; width: 1.8rem; }
.marketplace-cart-premium-icon .default-theme-icon { height: 1rem; width: 1rem; }
.marketplace-cart-premium-card a { align-items: center; background: #1976ee; border-radius: .4rem; color: #fff; display: flex; font-size: .72rem; font-weight: 800; justify-content: center; min-height: 2.2rem; margin-top: .35rem; text-decoration: none; }
.marketplace-cart-page { color: #172744; padding-bottom: 2rem; }
.public-home-main-column:has(.marketplace-cart-page) { padding-top: .75rem; }
.marketplace-cart-heading { margin: 1.15rem 0 1.55rem; }
.marketplace-cart-heading-title { align-items: center; display: flex; gap: .8rem; }
.marketplace-cart-heading-title > .default-theme-icon { color: #1976ee; height: 2rem; width: 2rem; }
.marketplace-cart-heading h1 { color: #152744; font-size: 1.75rem; letter-spacing: -.035em; margin: 0; }
.marketplace-cart-heading h1 span { align-items: center; background: #1976ee; border-radius: 50%; color: #fff; display: inline-flex; font-size: .8rem; height: 1.45rem; justify-content: center; margin-left: .35rem; vertical-align: middle; width: 1.45rem; }
.marketplace-cart-heading p { color: #536a88; font-size: .82rem; margin: .55rem 0 0 2.8rem; }
.marketplace-cart-feedback { border-radius: .5rem; font-size: .76rem; margin: -.55rem 0 1rem; padding: .7rem .9rem; }
.marketplace-cart-feedback--success { background: #effbf4; border: 1px solid #cdebd9; color: #24734a; }
.marketplace-cart-feedback--error { background: #fff4f4; border: 1px solid #f0c3c8; color: #a03c48; }
.marketplace-cart-layout { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) 22rem; }
.marketplace-cart-items-panel { background: #fff; border: 1px solid #e0eaf6; border-radius: .7rem; box-shadow: 0 .25rem 1rem rgba(24, 73, 130, .04); min-width: 0; padding: 1rem; }
.marketplace-cart-toolbar { align-items: center; display: flex; justify-content: space-between; padding: .1rem .25rem .85rem; }
.marketplace-cart-select-all { align-items: center; color: #263d5d; display: inline-flex; font-size: .76rem; font-weight: 700; gap: .45rem; }
.marketplace-cart-select-all input, .marketplace-cart-item-check input { accent-color: #1976ee; height: 1.1rem; margin: 0; width: 1.1rem; }
.marketplace-cart-remove-selected { align-items: center; background: transparent; border: 0; color: #ed4a51; cursor: pointer; display: inline-flex; font: inherit; font-size: .72rem; gap: .35rem; padding: .3rem; }
.marketplace-cart-remove-selected .default-theme-icon { height: .9rem; width: .9rem; }
.marketplace-cart-list { display: grid; gap: .85rem; }
.marketplace-cart-item { align-items: center; border: 1px solid #e1eaf4; border-radius: .6rem; display: grid; gap: .8rem; grid-template-columns: 2rem 10.7rem minmax(0, 1fr) 8.5rem; min-height: 9.4rem; padding: .8rem; }
.marketplace-cart-item-check { align-items: center; display: flex; justify-content: center; }
.marketplace-cart-item-media { align-self: stretch; background: #e7f0fb; border-radius: .5rem; display: block; min-height: 7.7rem; overflow: hidden; position: relative; }
.marketplace-cart-item-media img { display: block; height: 100%; object-fit: cover; width: 100%; }
.marketplace-cart-item-media > span { align-items: center; color: #6090ca; display: flex; height: 100%; justify-content: center; }
.marketplace-cart-item-media > span .default-theme-icon { height: 2rem; width: 2rem; }
.marketplace-cart-item-media > b { background: #fff; border-radius: .35rem; bottom: .45rem; color: #294365; font-size: .63rem; left: .45rem; padding: .27rem .45rem; position: absolute; }
.marketplace-cart-item-content { align-self: stretch; min-width: 0; padding: .3rem 0; }
.marketplace-cart-item-content h2 { margin: 0 0 .55rem; }
.marketplace-cart-item-content h2 a { color: #172744; font-size: .98rem; line-height: 1.25; text-decoration: none; }
.marketplace-cart-item-seller { align-items: center; color: #536b89; display: flex; font-size: .66rem; gap: .35rem; min-width: 0; }
.marketplace-cart-avatar { align-items: center; background: #dceafb; border-radius: 50%; color: #315b8c; display: inline-flex; flex: 0 0 1.35rem; font-size: .54rem; font-weight: 900; height: 1.35rem; justify-content: center; width: 1.35rem; }
.marketplace-cart-item-seller > span:nth-child(2) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-cart-verified, .marketplace-cart-recommendation p b { color: #1672df; }
.marketplace-cart-item-seller em { background: #dff5e6; border-radius: 1rem; color: #20985b; font-size: .57rem; font-style: normal; font-weight: 800; margin-left: .25rem; padding: .28rem .45rem; white-space: nowrap; }
.marketplace-cart-rating { color: #5a708e; font-size: .67rem; margin-top: .45rem; }
.marketplace-cart-rating > span { color: #f2a30b; font-size: .95rem; }
.marketplace-cart-rating strong { color: #253d60; }
.marketplace-cart-facts { align-items: center; color: #536b89; display: flex; flex-wrap: wrap; font-size: .65rem; gap: 1rem; margin-top: 1rem; }
.marketplace-cart-facts span { align-items: center; display: inline-flex; gap: .3rem; }
.marketplace-cart-facts .default-theme-icon { color: #6a80a0; height: .82rem; width: .82rem; }
.marketplace-cart-item-actions { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; padding: .25rem 0; }
.marketplace-cart-item-actions > strong { color: #1672df; font-size: 1.15rem; text-align: right; white-space: nowrap; }
.marketplace-cart-item-actions > div { display: flex; gap: .55rem; justify-content: flex-end; }
.marketplace-cart-icon-button { align-items: center; background: #fff; border: 1px solid #d4e3f2; border-radius: .45rem; color: #4f6686; cursor: pointer; display: inline-flex; height: 2.35rem; justify-content: center; width: 2.7rem; }
.marketplace-cart-icon-button:hover { border-color: #73aafa; color: #1672df; }
.marketplace-cart-icon-button .default-theme-icon { height: 1rem; width: 1rem; }
.marketplace-cart-remove-button:hover { border-color: #f49ca2; color: #ed4a51; }
.marketplace-cart-protection { align-items: center; background: #f0f7ff; border-radius: .55rem; display: flex; gap: .7rem; margin-top: 1.1rem; padding: .85rem; }
.marketplace-cart-protection > span { align-items: center; background: #dcecff; border-radius: .45rem; color: #1976ee; display: inline-flex; flex: 0 0 2.35rem; height: 2.35rem; justify-content: center; width: 2.35rem; }
.marketplace-cart-protection > span .default-theme-icon { height: 1.25rem; width: 1.25rem; }
.marketplace-cart-protection strong { color: #203859; display: block; font-size: .72rem; }
.marketplace-cart-protection p { color: #647996; font-size: .64rem; margin: .2rem 0 0; }
.marketplace-cart-protection a { color: #1672df; font-size: .68rem; font-weight: 800; margin-left: auto; text-decoration: none; white-space: nowrap; }
.marketplace-cart-continue { align-items: center; border: 1px solid #cfdeed; border-radius: .45rem; color: #2a466d; display: inline-flex; font-size: .72rem; font-weight: 800; gap: .4rem; margin-top: 1.1rem; min-height: 2.3rem; padding: 0 .75rem; text-decoration: none; }
.marketplace-cart-continue .default-theme-icon { color: #1672df; height: .9rem; width: .9rem; }
.marketplace-cart-empty { align-items: center; color: #5f7694; display: flex; flex-direction: column; min-height: 20rem; justify-content: center; padding: 2rem; text-align: center; }
.marketplace-cart-empty > span { align-items: center; background: #eaf3ff; border-radius: 50%; color: #1976ee; display: inline-flex; height: 4rem; justify-content: center; width: 4rem; }
.marketplace-cart-empty > span .default-theme-icon { height: 2rem; width: 2rem; }
.marketplace-cart-empty h2 { color: #203859; font-size: 1rem; margin: 1rem 0 .35rem; }
.marketplace-cart-empty p { font-size: .74rem; margin: 0; max-width: 22rem; }
.marketplace-cart-empty a { background: #1976ee; border-radius: .45rem; color: #fff; font-size: .74rem; font-weight: 800; margin-top: 1rem; padding: .7rem .95rem; text-decoration: none; }
.marketplace-cart-sidebar-column { display: grid; gap: 1rem; min-width: 0; }
.marketplace-cart-summary-card, .marketplace-cart-recommendations { background: #fff; border: 1px solid #e0eaf6; border-radius: .7rem; box-shadow: 0 .25rem 1rem rgba(24, 73, 130, .04); padding: 1.2rem; }
.marketplace-cart-summary-card h2, .marketplace-cart-recommendations h2 { color: #172744; font-size: .92rem; margin: 0 0 1.25rem; }
.marketplace-cart-summary-card dl { display: grid; gap: .85rem; margin: 0; }
.marketplace-cart-summary-card dl > div { align-items: center; display: flex; justify-content: space-between; }
.marketplace-cart-summary-card dt, .marketplace-cart-summary-card dd { color: #536b89; font-size: .7rem; margin: 0; }
.marketplace-cart-summary-card dt { align-items: center; display: inline-flex; gap: .28rem; }
.marketplace-cart-summary-card dt .default-theme-icon { height: .75rem; width: .75rem; }
.marketplace-cart-summary-card dd { color: #2a4163; font-weight: 700; }
.marketplace-cart-total { align-items: center; border-top: 1px solid #e6eef7; display: flex; justify-content: space-between; margin-top: 1rem; padding-top: 1rem; }
.marketplace-cart-total strong { color: #213858; font-size: .78rem; }
.marketplace-cart-total b { color: #1672df; font-size: 1.45rem; }
.marketplace-cart-checkout { align-items: center; background: #1976ee; border: 0; border-radius: .45rem; color: #fff; cursor: pointer; display: flex; font: inherit; font-size: .74rem; font-weight: 800; gap: .4rem; justify-content: center; margin-top: 1rem; min-height: 2.65rem; width: 100%; }
.marketplace-cart-checkout:disabled { cursor: not-allowed; opacity: .45; }
.marketplace-cart-checkout .default-theme-icon { height: .9rem; width: .9rem; }
.marketplace-cart-secure { align-items: center; color: #657a98; display: flex; font-size: .65rem; gap: .35rem; justify-content: center; margin: .85rem 0 0; }
.marketplace-cart-secure .default-theme-icon { height: .8rem; width: .8rem; }
.marketplace-cart-checkout-feedback { color: #a04a4e; font-size: .66rem; line-height: 1.4; margin: .7rem 0 0; text-align: center; }
.marketplace-cart-rewards-card { align-items: center; background: #effbf4; border: 1px solid #d5efdf; border-radius: .7rem; color: #2b704a; display: flex; gap: .65rem; padding: .85rem; }
.marketplace-cart-rewards-card > span { align-items: center; background: #d9f2e1; border-radius: .45rem; color: #2ca35d; display: inline-flex; flex: 0 0 2.2rem; height: 2.2rem; justify-content: center; width: 2.2rem; }
.marketplace-cart-rewards-card > span .default-theme-icon { height: 1.15rem; width: 1.15rem; }
.marketplace-cart-rewards-card strong { color: #243c58; display: block; font-size: .7rem; }
.marketplace-cart-rewards-card strong b { color: #14a356; }
.marketplace-cart-rewards-card p { color: #62816f; font-size: .64rem; margin: .25rem 0 0; }
.marketplace-cart-rewards-card > .default-theme-icon { height: .8rem; margin-left: auto; width: .8rem; }
.marketplace-cart-side-heading { align-items: center; display: flex; justify-content: space-between; }
.marketplace-cart-side-heading h2 { margin-bottom: .9rem; }
.marketplace-cart-side-heading a { color: #1672df; font-size: .68rem; text-decoration: none; }
.marketplace-cart-recommendation { align-items: center; display: grid; gap: .65rem; grid-template-columns: 3.8rem minmax(0, 1fr) 2.25rem; padding: .65rem 0; }
.marketplace-cart-recommendation + .marketplace-cart-recommendation { border-top: 1px solid #edf2f7; }
.marketplace-cart-recommendation-media { align-items: center; background: #e6f0fb; border-radius: .45rem; display: flex; height: 3.8rem; justify-content: center; overflow: hidden; }
.marketplace-cart-recommendation-media img { height: 100%; object-fit: cover; width: 100%; }
.marketplace-cart-recommendation-media .default-theme-icon { color: #5c8dcc; height: 1.3rem; width: 1.3rem; }
.marketplace-cart-recommendation h3 { margin: 0; }
.marketplace-cart-recommendation h3 a { color: #203858; display: -webkit-box; font-size: .68rem; line-height: 1.25; overflow: hidden; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.marketplace-cart-recommendation p { color: #607695; font-size: .59rem; margin: .25rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-cart-recommendation > div > span { color: #f0a50c; font-size: .64rem; }
.marketplace-cart-recommendation form { margin: 0; }
.marketplace-cart-recommendation button { align-items: center; background: #fff; border: 1px solid #cfe0f1; border-radius: .45rem; color: #1672df; cursor: pointer; display: inline-flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.marketplace-cart-recommendation button .default-theme-icon { height: 1rem; width: 1rem; }
.marketplace-cart-recommendations-empty { color: #71839b; font-size: .7rem; margin: 0; }
.marketplace-cart-trust-strip { align-items: center; background: #fff; border: 1px solid #e0eaf6; border-radius: .65rem; display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)) 1.6fr; margin-top: 1rem; padding: .9rem 1rem; }
.marketplace-cart-trust-strip > div:not(.marketplace-cart-payments) { align-items: center; display: flex; gap: .6rem; }
.marketplace-cart-trust-strip > div > span { align-items: center; background: #eef5ff; border-radius: .45rem; color: #1976ee; display: inline-flex; flex: 0 0 2.2rem; height: 2.2rem; justify-content: center; width: 2.2rem; }
.marketplace-cart-trust-strip > div > span .default-theme-icon { height: 1rem; width: 1rem; }
.marketplace-cart-trust-strip strong { color: #263e60; display: block; font-size: .68rem; }
.marketplace-cart-trust-strip strong small { color: #6a7f9b; display: block; font-size: .59rem; font-weight: 500; margin-top: .2rem; }
.marketplace-cart-payments { align-items: center; display: flex; gap: .35rem; justify-content: flex-end; }
.marketplace-cart-payments b { align-items: center; border: 1px solid #e0e8f2; border-radius: .4rem; color: #3769a8; display: inline-flex; font-size: .58rem; height: 2.15rem; justify-content: center; padding: 0 .55rem; white-space: nowrap; }
.marketplace-cart-payments b:nth-child(2) { color: #d55a42; }
.marketplace-cart-payments b:nth-child(3) { color: #2572bf; }
.marketplace-cart-payments b:nth-child(4) { color: #222; }
.marketplace-cart-payments b:nth-child(5) { color: #3d7fd2; }
.marketplace-card__cart-button, .marketplace-cart-add-button { align-items: center; background: #fff; border: 1px solid #cbdff2; border-radius: .4rem; color: #1672df; cursor: pointer; display: inline-flex; font: inherit; font-size: .67rem; font-weight: 800; gap: .3rem; justify-content: center; min-height: 2rem; padding: 0 .65rem; }
.marketplace-card__cart-button { margin-top: .55rem; width: 100%; }
.marketplace-card__cart-button:hover, .marketplace-cart-add-button:hover { background: #eff6ff; border-color: #79aefa; }
.marketplace-card__cart-button .default-theme-icon, .marketplace-cart-add-button .default-theme-icon { height: .8rem; width: .8rem; }
.marketplace-detail__purchase-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .65rem; margin-top: .8rem; }
.marketplace-detail__purchase-actions form { margin: 0; }
.marketplace-cart-add-button { min-height: 2.55rem; padding: 0 .85rem; }
@media (max-width: 1180px) { .marketplace-cart-layout { grid-template-columns: minmax(0, 1fr) 19rem; } .marketplace-cart-item { grid-template-columns: 1.8rem 9rem minmax(0, 1fr) 7.2rem; } .marketplace-cart-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .marketplace-cart-payments { justify-content: flex-start; } }
@media (max-width: 900px) { .marketplace-cart-layout { grid-template-columns: 1fr; } .marketplace-cart-sidebar-column { grid-template-columns: repeat(2, minmax(0, 1fr)); } .marketplace-cart-summary-card { grid-column: 1 / -1; } .marketplace-cart-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .marketplace-cart-item { align-items: start; grid-template-columns: 1.8rem 7rem minmax(0, 1fr); } .marketplace-cart-item-media { min-height: 6rem; } .marketplace-cart-item-actions { align-items: flex-end; grid-column: 3; grid-row: 2; padding-top: 0; } .marketplace-cart-item-actions > strong { font-size: 1rem; } .marketplace-cart-facts { margin-top: .65rem; } .marketplace-cart-sidebar-column, .marketplace-cart-trust-strip { grid-template-columns: 1fr; } .marketplace-cart-payments { flex-wrap: wrap; justify-content: flex-start; } .marketplace-cart-protection { align-items: flex-start; flex-wrap: wrap; } .marketplace-cart-protection a { margin-left: 3.05rem; } }

/* Marketplace listing detail */
.marketplace-detail-page {
    color: #172744;
    gap: 0;
    min-width: 0;
    padding: 0 1rem 2rem;
}
.marketplace-detail-sidebar {
    display: grid;
    gap: 1rem;
    min-width: 0;
}
.marketplace-detail-sidebar-section {
    border-bottom: 1px solid #e5edf6;
    display: grid;
    gap: .2rem;
    padding-bottom: .9rem;
}
.marketplace-detail-sidebar-heading {
    color: #60718b;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .04em;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}
.marketplace-detail-sidebar-section > a {
    align-items: center;
    border-radius: .42rem;
    color: #203858;
    display: flex;
    font-size: .78rem;
    font-weight: 700;
    gap: .65rem;
    min-height: 2rem;
    padding: .3rem .35rem;
    text-decoration: none;
}
.marketplace-detail-sidebar-section > a:hover {
    background: #eef5ff;
    color: #1672df;
}
.marketplace-detail-sidebar-section > a .default-theme-icon {
    color: #647b9d;
    height: .95rem;
    width: .95rem;
}
.marketplace-detail-sidebar-section > a:hover .default-theme-icon,
.marketplace-detail-sidebar-view-all .default-theme-icon {
    color: #1672df;
}
.marketplace-detail-sidebar-categories {
    padding-top: .15rem;
}
.marketplace-detail-sidebar-view-all {
    color: #1672df !important;
    font-weight: 800 !important;
}
.marketplace-detail-sidebar-view-all .default-theme-icon {
    height: .8rem !important;
    width: .8rem !important;
}
.marketplace-detail-premium-card {
    background: linear-gradient(145deg, #f1f7ff, #e9f3ff);
    border-radius: .65rem;
    color: #294665;
    display: grid;
    gap: .35rem;
    padding: .95rem .8rem;
}
.marketplace-detail-premium-card > span {
    align-items: center;
    background: #fff1b7;
    border-radius: 50%;
    color: #e5a313;
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    width: 1.75rem;
}
.marketplace-detail-premium-card > span .default-theme-icon {
    height: .95rem;
    width: .95rem;
}
.marketplace-detail-premium-card strong {
    color: #126ee4;
    font-size: .8rem;
}
.marketplace-detail-premium-card p {
    color: #637a98;
    font-size: .66rem;
    line-height: 1.45;
    margin: 0;
}
.marketplace-detail-premium-card a {
    align-items: center;
    background: #1976ee;
    border-radius: .4rem;
    color: #fff;
    display: flex;
    font-size: .68rem;
    font-weight: 800;
    justify-content: center;
    min-height: 2.1rem;
    margin-top: .3rem;
    text-decoration: none;
}
.marketplace-detail-breadcrumbs {
    align-items: center;
    color: #647996;
    display: flex;
    flex-wrap: wrap;
    font-size: .64rem;
    gap: .35rem;
    margin: 0 0 1.15rem;
    min-width: 0;
}
.marketplace-detail-breadcrumbs a {
    color: #536b89;
    text-decoration: none;
}
.marketplace-detail-breadcrumbs a:hover {
    color: #1672df;
}
.marketplace-detail-breadcrumbs strong {
    color: #334d70;
    font-weight: 700;
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.marketplace-detail-breadcrumbs .default-theme-icon {
    color: #8da2bd;
    height: .7rem;
    width: .7rem;
}
.marketplace-detail-layout {
    align-items: start;
    display: grid;
    gap: 1.2rem;
    grid-template-columns: minmax(0, 1fr) 20.5rem;
    min-width: 0;
}
.marketplace-detail-content {
    display: grid;
    gap: 1.15rem;
    min-width: 0;
}
.marketplace-detail-primary-grid {
    align-items: start;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1.17fr) minmax(17rem, .83fr);
    min-width: 0;
}
.marketplace-detail-gallery,
.marketplace-detail-info {
    min-width: 0;
}
.marketplace-detail-gallery-main {
    aspect-ratio: 1.42 / 1;
    background: #0c1827;
    border-radius: .62rem;
    min-height: 18rem;
    overflow: hidden;
    position: relative;
}
.marketplace-detail-gallery-main > img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.marketplace-detail-gallery-empty {
    align-items: center;
    color: #7395be;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    gap: .45rem;
    height: 100%;
    justify-content: center;
}
.marketplace-detail-gallery-empty .default-theme-icon {
    height: 2.2rem;
    width: 2.2rem;
}
.marketplace-detail-type-badge {
    align-items: center;
    background: #fff;
    border-radius: .4rem;
    color: #253b5b;
    display: inline-flex;
    font-size: .67rem;
    font-weight: 800;
    gap: .3rem;
    left: .75rem;
    padding: .34rem .52rem;
    position: absolute;
    top: .75rem;
}
.marketplace-detail-type-badge .default-theme-icon {
    color: #1976ee;
    height: .75rem;
    width: .75rem;
}
.marketplace-detail-like {
    align-items: center;
    background: rgba(8, 16, 27, .78);
    border: 0;
    border-radius: 1rem;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .69rem;
    gap: .3rem;
    padding: .35rem .55rem;
    position: absolute;
    right: .75rem;
    top: .75rem;
}
.marketplace-detail-like .default-theme-icon {
    height: .9rem;
    width: .9rem;
}
.marketplace-detail-gallery-arrow {
    align-items: center;
    background: rgba(255, 255, 255, .97);
    border: 0;
    border-radius: 50%;
    color: #1c3557;
    cursor: pointer;
    display: inline-flex;
    height: 2.1rem;
    justify-content: center;
    position: absolute;
    top: calc(50% - 1.05rem);
    width: 2.1rem;
}
.marketplace-detail-gallery-arrow--left { left: .75rem; }
.marketplace-detail-gallery-arrow--right { right: .75rem; }
.marketplace-detail-gallery-arrow .default-theme-icon {
    height: .95rem;
    width: .95rem;
}
.marketplace-detail-gallery-thumbnails {
    display: grid;
    gap: .72rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: .72rem;
}
.marketplace-detail-gallery-thumb {
    aspect-ratio: 1.12 / 1;
    background: #dae8f7;
    border: 1px solid transparent;
    border-radius: .48rem;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: relative;
}
button.marketplace-detail-gallery-thumb {
    cursor: pointer;
}
.marketplace-detail-gallery-thumb.is-active {
    border: 2px solid #1976ee;
}
.marketplace-detail-gallery-thumb img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.marketplace-detail-gallery-thumb--placeholder {
    align-items: center;
    color: #83a2c7;
}
.marketplace-detail-gallery-thumb--placeholder .default-theme-icon {
    height: 1.15rem;
    width: 1.15rem;
}
.marketplace-detail-info h1 {
    color: #122441;
    font-size: 1.45rem;
    letter-spacing: -.035em;
    line-height: 1.15;
    margin: .75rem 0 .8rem;
    overflow-wrap: anywhere;
}
.marketplace-detail-seller-line {
    align-items: center;
    color: #5a7190;
    display: flex;
    font-size: .68rem;
    gap: .4rem;
    min-width: 0;
}
.marketplace-detail-avatar,
.marketplace-detail-seller-photo {
    align-items: center;
    background: #dceafa;
    border-radius: 50%;
    color: #2b5b8e;
    display: inline-flex;
    flex: 0 0 1.65rem;
    font-size: .55rem;
    font-weight: 900;
    height: 1.65rem;
    justify-content: center;
    width: 1.65rem;
}
.marketplace-detail-seller-line strong,
.marketplace-detail-seller-heading h2 {
    color: #263e60;
}
.marketplace-detail-verified {
    color: #1672df;
    font-size: .75rem;
}
.marketplace-detail-seller-line em,
.marketplace-detail-seller-heading em {
    background: #dff5e6;
    border-radius: 1rem;
    color: #20985b;
    font-size: .58rem;
    font-style: normal;
    font-weight: 800;
    margin-left: auto;
    padding: .3rem .5rem;
    white-space: nowrap;
}
.marketplace-detail-rating {
    color: #5d7390;
    font-size: .7rem;
    margin-top: .68rem;
}
.marketplace-detail-rating > span {
    color: #f2a30b;
    font-size: 1.08rem;
    margin-right: .25rem;
}
.marketplace-detail-rating strong {
    color: #283f60;
}
.marketplace-detail-price {
    color: #1672df;
    font-size: 1.85rem;
    font-weight: 900;
    letter-spacing: -.04em;
    margin: 1rem 0 .95rem;
}
.marketplace-detail-facts {
    border-top: 1px solid #e5edf6;
    display: grid;
    gap: .78rem;
    margin: 0;
    padding: .95rem 0 0;
}
.marketplace-detail-facts > div {
    align-items: center;
    display: flex;
    gap: .5rem;
    min-width: 0;
}
.marketplace-detail-facts dt {
    align-items: center;
    color: #263d5e;
    display: inline-flex;
    flex: 0 0 7.8rem;
    font-size: .66rem;
    font-weight: 800;
    gap: .4rem;
}
.marketplace-detail-facts dt .default-theme-icon {
    color: #1976ee;
    height: .82rem;
    width: .82rem;
}
.marketplace-detail-facts dd {
    align-items: center;
    color: #5c7290;
    display: inline-flex;
    font-size: .64rem;
    gap: .28rem;
    justify-content: flex-end;
    margin: 0 0 0 auto;
    text-align: right;
}
.marketplace-detail-facts dd .default-theme-icon {
    height: .72rem;
    width: .72rem;
}
.marketplace-detail-sfw {
    background: #dff5e6;
    border-radius: .25rem;
    color: #259357;
    font-size: .57rem;
    padding: .2rem .28rem;
}
.marketplace-detail-description-card,
.marketplace-detail-purchase-card,
.marketplace-detail-seller-card,
.marketplace-detail-protection-card,
.marketplace-detail-more-card {
    background: #fff;
    border: 1px solid #dfeaf5;
    border-radius: .7rem;
    box-shadow: 0 .25rem 1rem rgba(24, 73, 130, .035);
    min-width: 0;
}
.marketplace-detail-description-card {
    overflow: hidden;
}
.marketplace-detail-tabs {
    align-items: center;
    border-bottom: 1px solid #dfe8f3;
    display: flex;
    gap: 1.35rem;
    padding: 0 1.1rem;
}
.marketplace-detail-tabs button {
    background: transparent;
    border: 0;
    color: #4f6686;
    cursor: pointer;
    font: inherit;
    font-size: .7rem;
    min-height: 2.75rem;
    padding: 0 .05rem;
    position: relative;
}
.marketplace-detail-tabs button.is-active {
    color: #1672df;
    font-weight: 800;
}
.marketplace-detail-tabs button.is-active::after {
    background: #1976ee;
    bottom: -.05rem;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}
.marketplace-detail-description-body {
    color: #415b7c;
    font-size: .72rem;
    line-height: 1.55;
    min-height: 12rem;
    padding: 1rem 1.1rem .8rem;
}
.marketplace-detail-description-body p {
    margin: 0;
    max-width: 52rem;
}
.marketplace-detail-description-body ul {
    display: grid;
    gap: .35rem;
    list-style: none;
    margin: .75rem 0 .8rem;
    padding: 0;
}
.marketplace-detail-description-body li {
    align-items: center;
    display: flex;
    gap: .35rem;
}
.marketplace-detail-description-body li .default-theme-icon {
    color: #18a15c;
    height: .8rem;
    width: .8rem;
}
.marketplace-detail-description-body label {
    color: #3d5575;
    display: block;
    font-size: .68rem;
    font-weight: 800;
    margin-bottom: .4rem;
}
.marketplace-detail-keywords {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}
.marketplace-detail-keywords span {
    background: #edf3f9;
    border-radius: .35rem;
    color: #324c6f;
    font-size: .63rem;
    padding: .35rem .55rem;
}
.marketplace-detail-keywords button {
    align-items: center;
    background: #fff;
    border: 1px solid #d6e4f2;
    border-radius: 50%;
    color: #1672df;
    display: inline-flex;
    height: 1.55rem;
    justify-content: center;
    width: 1.55rem;
}
.marketplace-detail-keywords button .default-theme-icon {
    height: .75rem;
    width: .75rem;
}
.marketplace-detail-description-actions {
    align-items: center;
    border-top: 1px solid #e5edf6;
    display: flex;
    justify-content: space-between;
    padding: .8rem 1.1rem;
}
.marketplace-detail-description-actions > div {
    display: flex;
    gap: .55rem;
}
.marketplace-detail-description-actions button {
    align-items: center;
    background: #fff;
    border: 1px solid #d4e2f0;
    border-radius: .45rem;
    color: #3f597a;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .67rem;
    font-weight: 700;
    gap: .35rem;
    min-height: 2.2rem;
    padding: 0 .7rem;
}
.marketplace-detail-description-actions button:hover {
    border-color: #79aefa;
    color: #1672df;
}
.marketplace-detail-description-actions .default-theme-icon {
    height: .85rem;
    width: .85rem;
}
.marketplace-detail-right-sidebar {
    display: grid;
    gap: 1rem;
    min-width: 0;
}
.marketplace-detail-purchase-card {
    padding: 1.15rem;
}
.marketplace-detail-sidebar-price {
    color: #1672df;
    display: block;
    font-size: 1.7rem;
    letter-spacing: -.04em;
    margin-bottom: .95rem;
}
.marketplace-detail-purchase-card form {
    margin: 0 0 .65rem;
}
.marketplace-detail-purchase-card form .marketplace-detail-buy { margin-top: 0; }
.marketplace-detail-purchase-card > a.marketplace-detail-add-cart { margin-bottom: .65rem; }
.marketplace-detail-add-cart,
.marketplace-detail-buy {
    align-items: center;
    border-radius: .45rem;
    display: flex;
    font: inherit;
    font-size: .73rem;
    font-weight: 800;
    gap: .4rem;
    justify-content: center;
    min-height: 2.55rem;
    text-decoration: none;
    width: 100%;
}
.marketplace-detail-add-cart {
    background: #1976ee;
    border: 1px solid #1976ee;
    color: #fff;
    cursor: pointer;
}
.marketplace-detail-add-cart:hover {
    background: #0f67d6;
}
.marketplace-detail-add-cart:disabled {
    cursor: not-allowed;
    opacity: .55;
}
.marketplace-detail-buy {
    background: #fff;
    border: 1px solid #cbdff2;
    color: #1672df;
    margin-top: .65rem;
}
.marketplace-detail-buy:hover {
    background: #f1f7ff;
    border-color: #79aefa;
}
.marketplace-detail-add-cart .default-theme-icon,
.marketplace-detail-buy .default-theme-icon {
    height: .9rem;
    width: .9rem;
}
.marketplace-detail-secure {
    align-items: center;
    color: #647995;
    display: flex;
    font-size: .65rem;
    gap: .35rem;
    justify-content: center;
    margin: .95rem 0 0;
}
.marketplace-detail-secure .default-theme-icon {
    height: .78rem;
    width: .78rem;
}
.marketplace-detail-earn {
    background: #effbf4;
    border: 1px solid #d5efdf;
    border-radius: .5rem;
    color: #547562;
    display: grid;
    gap: .14rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 1rem;
    padding: .72rem;
}
.marketplace-detail-earn strong {
    color: #253c59;
    font-size: .7rem;
    grid-column: 1;
}
.marketplace-detail-earn b {
    color: #13a15a;
    font-size: .72rem;
    grid-column: 1;
}
.marketplace-detail-earn span {
    font-size: .62rem;
    grid-column: 1;
}
.marketplace-detail-earn > .default-theme-icon {
    align-self: center;
    grid-column: 2;
    grid-row: 1 / span 3;
    height: .85rem;
    width: .85rem;
}
.marketplace-detail-seller-card,
.marketplace-detail-protection-card,
.marketplace-detail-more-card {
    padding: 1.1rem;
}
.marketplace-detail-seller-heading {
    align-items: center;
    display: flex;
    gap: .65rem;
}
.marketplace-detail-seller-photo {
    flex-basis: 2.55rem;
    font-size: .7rem;
    height: 2.55rem;
    width: 2.55rem;
}
.marketplace-detail-seller-heading h2 {
    font-size: .85rem;
    margin: 0 0 .35rem;
}
.marketplace-detail-seller-heading em {
    display: inline-flex;
    font-size: .58rem;
    margin-left: 0;
}
.marketplace-detail-seller-card > .marketplace-detail-rating {
    margin-top: .85rem;
}
.marketplace-detail-seller-card > p {
    color: #617895;
    font-size: .67rem;
    margin: .75rem 0 1rem;
}
.marketplace-detail-seller-card > p i {
    color: #b1bdca;
    font-style: normal;
    padding: 0 .45rem;
}
.marketplace-detail-seller-card > a {
    align-items: center;
    border: 1px solid #d2e1ef;
    border-radius: .45rem;
    color: #1672df;
    display: flex;
    font-size: .7rem;
    font-weight: 800;
    justify-content: center;
    min-height: 2.3rem;
    text-decoration: none;
}
.marketplace-detail-protection-card {
    align-items: flex-start;
    display: flex;
    gap: .7rem;
}
.marketplace-detail-protection-card > span {
    align-items: center;
    background: #eaf3ff;
    border-radius: 50%;
    color: #1976ee;
    display: inline-flex;
    flex: 0 0 2.35rem;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}
.marketplace-detail-protection-card > span .default-theme-icon {
    height: 1.15rem;
    width: 1.15rem;
}
.marketplace-detail-protection-card strong {
    color: #253c5c;
    display: block;
    font-size: .72rem;
}
.marketplace-detail-protection-card p {
    color: #5e7593;
    font-size: .65rem;
    line-height: 1.45;
    margin: .35rem 0 .7rem;
}
.marketplace-detail-protection-card a {
    color: #1672df;
    font-size: .66rem;
    font-weight: 800;
    text-decoration: none;
}
.marketplace-detail-side-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.marketplace-detail-side-heading h2 {
    color: #253b5c;
    font-size: .78rem;
    margin: 0;
}
.marketplace-detail-side-heading a {
    color: #1672df;
    font-size: .66rem;
    font-weight: 800;
    text-decoration: none;
}
.marketplace-detail-more-grid {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .85rem;
}
.marketplace-detail-more-grid > a {
    color: #243b5c;
    min-width: 0;
    text-decoration: none;
}
.marketplace-detail-more-grid > a > span {
    align-items: center;
    background: #e5effa;
    border-radius: .42rem;
    display: flex;
    height: 4.9rem;
    justify-content: center;
    overflow: hidden;
}
.marketplace-detail-more-grid > a > span img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.marketplace-detail-more-grid > a > span .default-theme-icon {
    color: #6693c6;
    height: 1.2rem;
    width: 1.2rem;
}
.marketplace-detail-more-grid > a > strong {
    color: #294364;
    display: block;
    font-size: .7rem;
    margin-top: .45rem;
}
.marketplace-detail-more-grid > p {
    color: #71839a;
    font-size: .67rem;
    grid-column: 1 / -1;
    margin: .4rem 0 0;
}
@media (max-width: 1280px) {
    .marketplace-detail-layout { grid-template-columns: minmax(0, 1fr) 18rem; }
    .marketplace-detail-primary-grid { grid-template-columns: minmax(0, 1.08fr) minmax(15rem, .92fr); }
    .marketplace-detail-info h1 { font-size: 1.3rem; }
    .marketplace-detail-facts dt { flex-basis: 6.7rem; }
}
@media (max-width: 1050px) {
    .marketplace-detail-layout { grid-template-columns: 1fr; }
    .marketplace-detail-right-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .marketplace-detail-purchase-card { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .marketplace-detail-page { padding-left: .75rem; padding-right: .75rem; }
    .marketplace-detail-primary-grid { grid-template-columns: 1fr; }
    .marketplace-detail-info h1 { margin-top: 0; }
    .marketplace-detail-right-sidebar { grid-template-columns: 1fr; }
    .marketplace-detail-purchase-card { grid-column: auto; }
    .marketplace-detail-tabs { gap: .65rem; justify-content: space-between; overflow-x: auto; }
    .marketplace-detail-tabs button { flex: 0 0 auto; font-size: .64rem; }
}
@media (max-width: 480px) {
    .marketplace-detail-gallery-thumbnails { gap: .4rem; }
    .marketplace-detail-facts dt { flex-basis: 6rem; }
    .marketplace-detail-description-actions { align-items: flex-start; flex-direction: column; gap: .55rem; }
    .marketplace-detail-description-actions > div { width: 100%; }
    .marketplace-detail-description-actions > div button { flex: 1; }
    .marketplace-detail-more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Registration consent cards (kept in the legacy production stylesheet for shared-hosting builds). */
.register-consents{background:#f5f8ff;border:1px solid #d9e5f5;border-radius:14px;display:grid;gap:9px;margin-top:18px;padding:12px}.register-consents label{align-items:flex-start;border:1px solid transparent;border-radius:10px;color:#334c75;cursor:pointer;display:flex;font-size:13px;gap:10px;line-height:1.45;padding:9px 10px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.register-consents label:hover{background:#fff;border-color:#c8dcfa}.register-consents label:focus-within{background:#fff;border-color:#82b5f8;box-shadow:0 0 0 3px rgba(39,123,239,.12)}.register-consents input{accent-color:#1976ed;flex:0 0 auto;height:18px;margin:1px 0 0;width:18px}.register-consents a{color:#1268e2;font-weight:700;text-decoration:none}.register-consents a:hover{text-decoration:underline}
.comment-form-status{color:#28744a;font-size:13px;margin:8px 0 0}.comment-form-status.is-error{color:#b42318}
.account-settings-avatar,.account-settings-banner-preview,.public-profile-hero__avatar,.public-profile-hero__banner{background-position:center;background-repeat:no-repeat;background-size:cover}.public-profile-privacy-state{align-items:center;background:#fff;border:1px solid #d7e3f6;border-radius:16px;box-shadow:0 10px 28px rgba(38,87,148,.07);display:flex;gap:18px;margin-top:20px;padding:28px}.public-profile-privacy-state__icon{align-items:center;background:#edf5ff;border-radius:14px;color:#1675ed;display:inline-flex;flex:0 0 48px;height:48px;justify-content:center}.public-profile-privacy-state h2{color:#101d3d;font-size:21px;margin:0 0 5px}.public-profile-privacy-state p{color:#60708c;margin:0 0 9px}.public-profile-privacy-state a{color:#1268e2;font-weight:700;text-decoration:none}
.post-created-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px}.post-created-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(15,35,72,.34);backdrop-filter:blur(3px);cursor:pointer}.post-created-modal__dialog{position:relative;width:min(460px,100%);padding:34px 34px 30px;border:1px solid #d8e7fa;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(33,82,150,.22);text-align:center;animation:post-created-modal-in .18s ease-out}.post-created-modal__close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#71819b;font-size:26px;line-height:1;cursor:pointer}.post-created-modal__icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:#e8f8ef;color:#17a765;font-size:30px;font-weight:800}.post-created-modal__eyebrow{margin:0 0 6px;color:#138b59;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.post-created-modal h2{margin:0;color:#10234b;font-size:25px;line-height:1.2}.post-created-modal__dialog>p:not(.post-created-modal__eyebrow):not(.post-created-modal__title){margin:14px auto 0;max-width:370px;color:#5f708c;line-height:1.6}.post-created-modal__title{margin:18px 0 0;padding:11px 14px;border-radius:10px;background:#f1f7ff;color:#19345f;font-weight:700;overflow-wrap:anywhere}.post-created-modal__action{min-width:150px;margin-top:22px}.post-created-modal.is-closing{opacity:0;transition:opacity .16s ease}.post-created-modal.is-closing .post-created-modal__dialog{transform:translateY(8px);transition:transform .16s ease}@keyframes post-created-modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.account-delete-heading__icon{background:#fff0f1;color:#d83e4b}.account-delete-page{display:grid;gap:18px;margin:0 auto;max-width:1120px;padding:24px 0 60px}.account-delete-page__hero{align-items:flex-start;background:linear-gradient(135deg,#fff1f2,#fff8f8);border:1px solid #f3cbd0;border-radius:18px;display:flex;gap:18px;padding:26px}.account-delete-page__warning{align-items:center;background:#f46b75;border-radius:50%;color:#fff;display:inline-flex;flex:0 0 52px;height:52px;justify-content:center}.account-delete-page__warning .default-theme-icon{height:27px;width:27px}.account-delete-page__eyebrow{color:#c33f4b;font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.account-delete-page h2{color:#14233b;font-size:28px;margin:0 0 8px}.account-delete-page__hero p:not(.account-delete-page__eyebrow),.account-delete-page__card>p{color:#5e6e88;line-height:1.6;margin:0}.account-delete-page__notice{align-items:flex-start;background:#eef8f2;border:1px solid #bce6ca;border-radius:12px;color:#176d3d;display:flex;gap:12px;padding:15px 17px}.account-delete-page__notice .default-theme-icon{flex:0 0 20px}.account-delete-page__notice strong{display:block}.account-delete-page__notice p{margin:3px 0 0}.account-delete-page__grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.account-delete-page__card{background:#fff;border:1px solid #e0e9f3;border-radius:16px;box-shadow:0 7px 20px rgb(35 71 119 / 5%);padding:24px}.account-delete-page__card h3{color:#14233b;font-size:18px;margin:0 0 14px}.account-delete-page__list{color:#455875;display:grid;gap:11px;line-height:1.45;list-style:none;margin:0;padding:0}.account-delete-page__list li{padding-left:23px;position:relative}.account-delete-page__list li::before{color:#dc4f5b;content:'!';font-weight:800;left:0;position:absolute}.account-delete-page__legal{border-top:1px solid #edf1f6;font-size:12px;margin-top:22px!important;padding-top:14px}.account-delete-page__card--action form{display:grid;gap:8px;margin-top:18px}.account-delete-page__card--action label{color:#253a5b;font-size:13px;font-weight:700}.account-delete-page__card--action input[type=password]{border:1px solid #cbd9e8;border-radius:9px;min-height:44px;padding:0 12px}.account-delete-page__confirm{align-items:flex-start;display:flex;gap:9px!important;margin:7px 0 5px}.account-delete-page__confirm input{accent-color:#d83e4b;flex:0 0 auto;margin-top:2px}.account-delete-page__card--action button,.account-delete-confirm__card button{align-items:center;background:#d83e4b;border:1px solid #d83e4b;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:750;gap:7px;justify-content:center;min-height:44px;padding:0 16px}.account-danger-card__delete-link{align-items:center;background:#fff;border:1px solid #e15c67;border-radius:8px;color:#c53543;display:inline-flex;font-weight:750;justify-content:center;margin-top:8px;padding:10px 14px;text-decoration:none}.account-delete-page__back{align-items:center;color:#1268e8;display:inline-flex;font-weight:700;gap:6px;text-decoration:none}.account-delete-confirm{align-items:center;background:#f7fbff;display:flex;justify-content:center;min-height:100vh;padding:24px}.account-delete-confirm__card{background:#fff;border:1px solid #f0cbd0;border-radius:18px;box-shadow:0 20px 60px rgb(35 71 119 / 12%);max-width:520px;padding:34px;text-align:center}.account-delete-confirm__card .account-delete-page__warning{margin-bottom:17px}.account-delete-confirm__card h1{color:#14233b;font-size:28px;margin:0 0 12px}.account-delete-confirm__card>p:not(.account-delete-page__eyebrow){color:#5e6e88;line-height:1.6;margin:0}.account-delete-confirm__card form{margin-top:22px}.account-delete-confirm__card button{width:100%}.account-delete-confirm__card>a{color:#1268e8;display:inline-block;font-weight:700;margin-top:16px;text-decoration:none}@media(max-width:700px){.account-delete-page{padding:18px 16px 42px}.account-delete-page__grid{grid-template-columns:1fr}.account-delete-confirm__card{padding:26px 20px}}
.admin-issue-detail-new{color:#12203a;display:grid;gap:18px;max-width:1400px}.admin-issue-detail-new__back{align-items:center;color:#1672df;display:inline-flex;font-size:13px;font-weight:750;gap:6px;text-decoration:none}.admin-issue-detail-new__hero{align-items:flex-start;background:linear-gradient(135deg,#edf6ff,#fff);border:1px solid #d9e8f8;border-radius:16px;box-shadow:0 8px 22px rgb(36 84 139 / 5%);display:flex;gap:20px;justify-content:space-between;padding:25px}.admin-issue-detail-new__hero-main h1{font-size:clamp(27px,3vw,38px);line-height:1.15;margin:5px 0 8px}.admin-issue-detail-new__hero-main p{color:#66748e;margin:0}.admin-issue-detail-new__eyebrow{color:#3975bd;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-issue-detail-new__hero-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-issue-detail-new__status{background:#e8f8ef;border-radius:999px;color:#16834b;font-size:12px;font-weight:750;padding:6px 11px}.admin-issue-detail-new__notice{align-items:center;background:#fff8e9;border:1px solid #f1d797;border-radius:10px;color:#76500a;display:flex;gap:9px;padding:12px 15px}.admin-issue-detail-new__grid{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 340px}.admin-issue-detail-new__main,.admin-issue-detail-new__rail{display:grid;gap:18px;min-width:0}.admin-issue-detail-new__panel{background:#fff;border:1px solid #e0e9f3;border-radius:14px;box-shadow:0 7px 20px rgb(35 71 119 / 5%);padding:20px}.admin-issue-detail-new__panel>header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.admin-issue-detail-new__panel h2{font-size:18px;margin:4px 0 0}.admin-issue-detail-new__panel-icon{align-items:center;background:#edf5ff;border-radius:10px;color:#1672df;display:inline-flex;height:36px;justify-content:center;width:36px}.admin-issue-detail-new__prose{color:#425674;line-height:1.65;white-space:normal}.admin-issue-detail-new__field{border-top:1px solid #edf1f6;margin-top:18px;padding-top:16px}.admin-issue-detail-new__field h3{color:#203a60;font-size:13px;margin:0 0 7px}.admin-issue-detail-new__comment{border-top:1px solid #edf1f6;padding:14px 0}.admin-issue-detail-new__comment:first-of-type{border-top:0;padding-top:0}.admin-issue-detail-new__comment>div{align-items:center;display:flex;gap:8px}.admin-issue-detail-new__comment strong{font-size:13px}.admin-issue-detail-new__comment time,.admin-issue-detail-new__activity time{color:#7b8ba3;font-size:11px}.admin-issue-detail-new__comment p{color:#425674;line-height:1.55;margin:7px 0 0}.admin-issue-detail-new__comment--internal{background:#fffaf0;border:1px solid #f5e4b9;border-radius:9px;margin:8px 0;padding:12px}.admin-issue-detail-new__form{display:grid;gap:8px;margin-top:14px}.admin-issue-detail-new__form label{color:#334b6d;display:grid;font-size:12px;font-weight:750;gap:6px}.admin-issue-detail-new__form textarea,.admin-issue-detail-new__form select{background:#fff;border:1px solid #cedbea;border-radius:8px;color:#233957;font:inherit;min-height:42px;padding:9px}.admin-issue-detail-new__form textarea{resize:vertical}.admin-issue-detail-new__button{background:#fff;border:1px solid #c9dbef;border-radius:8px;color:#1672df;cursor:pointer;font:inherit;font-size:12px;font-weight:750;min-height:38px;padding:8px 13px}.admin-issue-detail-new__button--primary{background:#1672df;border-color:#1672df;color:#fff}.admin-issue-detail-new__attachments{display:grid;gap:8px}.admin-issue-detail-new__attachments>a{align-items:center;background:#f7faff;border:1px solid #e3edf7;border-radius:9px;color:#1672df;display:flex;gap:10px;padding:11px;text-decoration:none}.admin-issue-detail-new__attachments>a>span{color:#233957;display:grid;flex:1;font-size:13px;font-weight:750;gap:2px}.admin-issue-detail-new__attachments small{color:#7b8ba3;font-size:11px;font-weight:500}.admin-issue-detail-new__meta{display:grid;gap:10px;grid-template-columns:1fr auto;margin:0}.admin-issue-detail-new__meta dt{color:#7b8ba3;font-size:12px}.admin-issue-detail-new__meta dd{color:#263f63;font-size:12px;font-weight:700;margin:0;text-align:right}.admin-issue-detail-new__activity{display:grid;gap:10px;grid-template-columns:9px 1fr;padding:0 0 15px;position:relative}.admin-issue-detail-new__activity:not(:last-child):before{background:#d9e8f8;bottom:0;content:'';left:4px;position:absolute;top:9px;width:1px}.admin-issue-detail-new__activity>span{background:#3981ed;border-radius:50%;height:9px;margin-top:3px;position:relative;width:9px}.admin-issue-detail-new__activity strong{font-size:12px}.admin-issue-detail-new__activity p{color:#52627d;font-size:12px;margin:3px 0}.admin-issue-detail-new__empty{color:#7b8ba3;font-size:13px;margin:0}.admin-issue-detail-new__panel .admin-issues__badge{align-self:center}@media(max-width:850px){.admin-issue-detail-new__grid{grid-template-columns:1fr}.admin-issue-detail-new__hero{flex-direction:column}.admin-issue-detail-new__rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.admin-issue-detail-new__rail{grid-template-columns:1fr}.admin-issue-detail-new__hero{padding:19px}.admin-issue-detail-new__panel{padding:16px}}
.gamification-reward-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1300}.gamification-reward-modal__backdrop{background:rgb(12 31 62 / 48%);border:0;inset:0;position:absolute}.gamification-reward-modal__dialog{background:#fff;border:1px solid #d8e7fa;border-radius:20px;box-shadow:0 24px 80px rgb(18 48 91 / 24%);max-width:520px;padding:30px;position:relative;text-align:center;width:100%}.gamification-reward-modal__close{background:transparent;border:0;color:#71819b;cursor:pointer;font-size:26px;line-height:1;position:absolute;right:14px;top:12px}.gamification-reward-modal__icon{align-items:center;background:linear-gradient(135deg,#e8f2ff,#f5edff);border-radius:50%;color:#2878ee;display:inline-flex;height:62px;justify-content:center;margin-bottom:13px;width:62px}.gamification-reward-modal__icon .default-theme-icon{height:31px;width:31px}.gamification-reward-modal__eyebrow{color:#2878ee;font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.gamification-reward-modal__dialog h2{color:#14233b;font-size:26px;margin:0}.gamification-reward-modal__intro{color:#66748e;margin:10px 0 18px}.gamification-reward-modal__list{display:grid;gap:9px;text-align:left}.gamification-reward-modal__list article{background:#f5f9ff;border:1px solid #e0ecfa;border-radius:11px;padding:12px 14px}.gamification-reward-modal__list span{color:#2878ee;display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.gamification-reward-modal__list strong{color:#14233b;display:block;font-size:16px;margin-top:3px}.gamification-reward-modal__list p{color:#52627d;font-size:13px;margin:4px 0 0}.gamification-reward-modal__list b{color:#16834b;display:block;font-size:12px;margin-top:7px}.gamification-reward-modal__action{margin-top:20px;min-width:140px}
/* Collections */
.collection-modal[hidden] { display:none; }
.collection-modal { position:fixed; inset:0; z-index:220; display:grid; place-items:center; padding:1.25rem; }
.collection-modal__backdrop { position:absolute; inset:0; background:rgba(11,28,61,.42); backdrop-filter:blur(5px); }
.collection-modal__dialog { position:relative; width:min(100%, 34rem); max-height:min(90vh, 42rem); overflow:auto; padding:1.5rem; border:1px solid #dce8f7; border-radius:1.25rem; background:#fff; box-shadow:0 24px 70px rgba(32,82,150,.2); }
.collection-modal__header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.collection-modal__header h2 { margin:0; color:#0d2046; font-size:1.25rem; }
.collection-modal__close { display:grid; place-items:center; width:2.25rem; height:2.25rem; border:1px solid #dce8f7; border-radius:.7rem; background:#fff; color:#557092; cursor:pointer; }
.collection-modal__list { display:grid; gap:.55rem; }
.collection-modal__item { display:flex; align-items:center; justify-content:space-between; width:100%; padding:.8rem .9rem; border:1px solid #dce8f7; border-radius:.8rem; background:#fff; color:#10264d; text-align:left; cursor:pointer; }
.collection-modal__item:hover { border-color:#2d75f5; background:#f4f8ff; }
.collection-modal__item span { display:grid; gap:.2rem; }
.collection-modal__item small, .collection-modal__empty, .collection-modal__loading { color:#6b7d9b; font-size:.82rem; }
.collection-modal__item i { color:#146af5; font-size:1.25rem; font-style:normal; }
.collection-modal__new { width:100%; margin-top:1rem; padding:.75rem; border:1px dashed #9bbcf4; border-radius:.8rem; background:#f7fbff; color:#1268ee; font-weight:700; cursor:pointer; }
.collection-modal__form { display:grid; gap:.75rem; margin-top:1rem; padding-top:1rem; border-top:1px solid #e5edf7; }
.collection-modal__form[hidden] { display:none; }
.collection-modal__form label { display:grid; gap:.35rem; color:#20365c; font-size:.86rem; font-weight:700; }
.collection-modal__form input, .collection-modal__form select { min-height:2.7rem; padding:.55rem .7rem; border:1px solid #cbdcf2; border-radius:.65rem; background:#fff; }
.collection-modal__form textarea { min-height:5rem; padding:.55rem .7rem; border:1px solid #cbdcf2; border-radius:.65rem; resize:vertical; }
.collection-modal__success { display:grid; justify-items:center; gap:.6rem; padding:1.5rem .5rem .5rem; text-align:center; }
.collection-modal__success[hidden] { display:none; }
.collection-modal__success-icon { display:grid; place-items:center; width:3.5rem; height:3.5rem; border-radius:50%; background:#dff8eb; color:#159a59; font-size:2rem; font-weight:800; }
.collection-modal__success h3 { margin:.25rem 0 0; color:#10264d; }
.collection-modal__success p { margin:0 0 .5rem; color:#687c9b; }
.collections-page { width:min(100%, 92rem); margin:0 auto; padding:2rem clamp(1rem, 3vw, 3rem) 4rem; }
.collections-page__header { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }
.collections-page__eyebrow { display:flex; align-items:center; gap:.4rem; margin:0 0 .5rem; color:#166cf0; font-size:.78rem; font-weight:800; letter-spacing:.08em; }
.collections-page__header h1, .collection-detail-header h1 { margin:0; color:#0d2046; font-size:clamp(1.7rem, 3vw, 2.5rem); }
.collections-page__header p:not(.collections-page__eyebrow), .collection-detail-header p { color:#617493; }
.collections-grid, .collection-items-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(15rem, 1fr)); gap:1rem; }
.collection-card { display:grid; gap:.8rem; padding:1rem; border:1px solid #dce8f7; border-radius:1rem; background:#fff; color:#10264d; box-shadow:0 8px 24px rgba(39,92,157,.06); }
.collection-card:hover { border-color:#79aaf7; transform:translateY(-1px); }
.collection-card__art { display:grid; place-items:center; min-height:9rem; border-radius:.8rem; background:linear-gradient(135deg,#eaf3ff,#f7f1ff); color:#2474ee; }
.collection-card h2, .collection-item-card h2 { margin:0; font-size:1rem; }
.collection-card p, .collection-item-card small { margin:.25rem 0 0; color:#6b7d9b; font-size:.82rem; }
.collections-empty { grid-column:1/-1; display:grid; justify-items:center; gap:.65rem; padding:4rem 1rem; border:1px dashed #b7d0f2; border-radius:1rem; background:#f8fbff; text-align:center; color:#6b7d9b; }
.collections-empty svg { width:2.5rem; height:2.5rem; color:#2876f3; }
.collection-detail-header { display:flex; align-items:center; gap:1rem; margin:1.2rem 0 1.5rem; padding:1.25rem; border:1px solid #dce8f7; border-radius:1rem; background:#fff; }
.collection-detail-header__icon, .collection-detail-header__cover { flex:0 0 5rem; width:5rem; height:5rem; border-radius:.85rem; object-fit:cover; }
.collection-detail-header__icon { display:grid; place-items:center; background:#eaf3ff; color:#2876f3; }
.collection-detail-header__icon svg { width:2rem; height:2rem; }
.collection-detail-header small { color:#6b7d9b; }
.collection-cover-form { margin-left:auto; display:flex; align-items:center; gap:.5rem; }
.collection-cover-form label { display:grid; gap:.2rem; color:#637695; font-size:.75rem; }
.collection-cover-form input { max-width:13rem; font-size:.75rem; }
.collection-item-card { overflow:hidden; border:1px solid #dce8f7; border-radius:1rem; background:#fff; color:#10264d; box-shadow:0 8px 24px rgba(39,92,157,.06); }
.collection-item-card img, .collection-item-card__placeholder { display:block; width:100%; height:10rem; object-fit:cover; }
.collection-item-card__placeholder { display:grid; place-items:center; background:#eef5ff; color:#2876f3; }
.collection-item-card h2, .collection-item-card small, .collection-item-card > button { display:block; margin:.75rem 1rem 0; }
.collection-item-card > button { margin-bottom:1rem; border:0; background:none; color:#df4b55; cursor:pointer; }
.collection-share-card { display:grid; grid-template-columns:1fr minmax(18rem, 28rem); gap:1rem; margin-bottom:1rem; padding:1.1rem 1.25rem; border:1px solid #dce8f7; border-radius:1rem; background:#fff; }
.collection-share-card h2 { margin:0; color:#10264d; font-size:1.05rem; }
.collection-share-card p { margin:.35rem 0 0; color:#687c9b; font-size:.85rem; }
.collection-share-card form { display:flex; align-items:end; gap:.55rem; }
.collection-share-card label { display:grid; flex:1; gap:.3rem; color:#20365c; font-size:.8rem; font-weight:700; }
.collection-share-card input { min-height:2.5rem; padding:.5rem .65rem; border:1px solid #cbdcf2; border-radius:.65rem; }
.collection-share-results { grid-column:2; display:grid; gap:.25rem; margin-top:-.65rem; padding:.35rem; border:1px solid #dce8f7; border-radius:.65rem; background:#fff; }
.collection-share-results[hidden] { display:none; }
.collection-share-results button { padding:.45rem .6rem; border:0; border-radius:.4rem; background:#f2f7ff; color:#176cf0; text-align:left; cursor:pointer; }
.collection-share-results span { padding:.4rem; color:#71839f; font-size:.8rem; }
.collection-members { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:.45rem; }
.collection-members:empty { display:none; }
.collection-members span { display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .55rem; border-radius:999px; background:#edf5ff; color:#2467c7; font-size:.8rem; }
.collection-members button { border:0; background:transparent; color:#6681a7; cursor:pointer; }
body.collection-modal-open { overflow:hidden; }
@media (max-width:700px) { .collections-page__header, .collection-detail-header { align-items:stretch; flex-direction:column; } .collection-cover-form { margin-left:0; flex-wrap:wrap; } .collection-share-card { grid-template-columns:1fr; } .collection-share-card form, .collection-share-results { grid-column:1; } }
/* Collections redesign: shared AiCORPly library layout */
.public-collections-shell { background:#f6faff; }
.collections-page { box-sizing:border-box; margin-left:auto; margin-right:auto; max-width:1240px; padding:20px 0 64px; width:calc(100% - 80px); }

.default-theme-notifications { position:relative; z-index:100; }
.default-theme-notifications__toggle { position:relative; }
.default-theme-notifications__badge { position:absolute; right:1px; top:1px; min-width:16px; height:16px; padding:0 4px; border-radius:999px; background:#e53935; color:#fff; font-size:10px; font-weight:800; line-height:16px; text-align:center; }
.default-theme-cart-link { position:relative; }
.default-theme-notifications__menu { position:absolute; z-index:80; top:calc(100% + 12px); right:0; width:min(380px, calc(100vw - 28px)); overflow:hidden; border:1px solid #dce8f7; border-radius:16px; background:#fff; box-shadow:0 18px 50px rgba(24,66,126,.16); }
.default-theme-notifications__menu[hidden] { display:none !important; }
.default-theme-notifications__menu.is-open { display:block; }
.default-theme-notifications__head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; border-bottom:1px solid #e7eef8; color:#0d2046; }
.default-theme-notifications__head button { border:0; background:transparent; color:#166cf0; cursor:pointer; font-size:12px; font-weight:700; }
.default-theme-notifications__list { max-height:390px; overflow:auto; }
.default-theme-notification { display:flex; gap:12px; padding:14px 16px; color:#243858; text-decoration:none; border-bottom:1px solid #eef3fa; }
.default-theme-notification:hover, .default-theme-notification.is-unread { background:#f4f8ff; }
.default-theme-notification__icon { display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; border-radius:10px; background:#e7f0ff; color:#166cf0; font-size:20px; }
.default-theme-notification strong, .default-theme-notification small, .default-theme-notification em { display:block; }
.default-theme-notification strong { color:#0d2046; font-size:13px; }
.default-theme-notification small { margin-top:3px; font-size:12px; line-height:1.35; }
.prompt-detail-hero { background: linear-gradient(135deg,#ffffff,#f0f7ff); border: 1px solid #d8e8f3; border-radius: var(--radius-lg); box-shadow: var(--shadow-soft-card); display: grid; gap: 28px; grid-template-columns: minmax(250px,.8fr) minmax(0,1.2fr); overflow: hidden; padding: 20px; }
.prompt-detail-hero__media { align-items: center; background: linear-gradient(145deg,#dbeeff,#eff7ff); border-radius: 14px; display: flex; justify-content: center; min-height: 280px; overflow: hidden; }
.prompt-detail-hero__media img { height: 100%; max-height: 390px; object-fit: cover; width: 100%; }
.prompt-detail-hero__placeholder { align-items: center; color: #2773df; display: flex; flex-direction: column; font-weight: 800; gap: 10px; justify-content: center; min-height: 280px; }
.prompt-detail-hero__placeholder svg { height: 58px; width: 58px; }
.prompt-detail-hero__copy { align-self: center; padding: 14px 22px 14px 0; }
.prompt-detail-hero__eyebrow, .prompt-code-section__eyebrow { align-items: center; color: #176eea; display: flex; font-size: 11px; font-weight: 800; gap: 6px; letter-spacing: .13em; margin: 0 0 9px; text-transform: uppercase; }
.prompt-detail-hero__eyebrow svg { height: 16px; width: 16px; }
.prompt-detail-hero__copy h1 { color: #10264b; font-size: clamp(28px,4vw,46px); letter-spacing: -.035em; line-height: 1.08; margin: 0 0 15px; }
.prompt-detail-hero__copy p { color: #536b8d; font-size: 16px; line-height: 1.6; margin: 20px 0; }
.prompt-detail-hero__creator, .prompt-detail-hero__meta { align-items: center; color: #607492; display: flex; flex-wrap: wrap; font-size: 13px; gap: 10px; }
.prompt-detail-hero__creator .public-post-detail__avatar { height: 34px; width: 34px; }
.prompt-detail-hero__creator strong { color: #17325a; }
.prompt-detail-hero__meta { border-top: 1px solid #dae8f6; margin-top: 18px; padding-top: 16px; }
.prompt-detail-hero__meta span { align-items: center; display: inline-flex; gap: 5px; }
.prompt-detail-hero__meta svg { color: #2773df; height: 16px; width: 16px; }
.public-prompt-detail .public-post-detail__tags { margin-top: 18px; }
.public-prompt-detail .public-post-detail__tags span { background: #e9f2ff; border-radius: 999px; color: #2e5b91; font-size: 12px; padding: 7px 11px; }
.prompt-detail-actions { display: flex; gap: 10px; justify-content: flex-end; }
.prompt-code-section__header { align-items: center; display: flex; justify-content: space-between; gap: 16px; }
.prompt-code-section__eyebrow { margin-bottom: 5px; }
.prompt-code-section h2 { margin: 0; }
.prompt-copy-button { align-items: center; background: #fff; border: 1px solid #b7dcef; border-radius: var(--radius-md); color: #126ce6; cursor: pointer; display: inline-flex; font-weight: 800; gap: 7px; min-height: 38px; padding: 0 14px; }
.prompt-copy-button svg { height: 17px; width: 17px; }
.prompt-code-block { background: #f5f9ff; border: 1px solid #dce9f7; border-radius: 12px; margin-top: 15px; overflow: auto; }
.prompt-code-block.is-json { background: #102541; border-color: #1d4d80; }
.prompt-code-block pre { color: #29466e; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 13px; line-height: 1.65; margin: 0; max-height: 440px; overflow: auto; padding: 18px; white-space: pre-wrap; overflow-wrap: anywhere; }
.prompt-code-block.is-json pre { color: #dbeeff; }
.prompt-copy-status { color: #16834d; font-size: 12px; margin: 8px 0 0; }
@media (max-width: 800px) { .prompt-detail-hero { grid-template-columns: 1fr; }.prompt-detail-hero__copy { padding: 8px 4px 4px; }.prompt-detail-actions { justify-content: flex-start; }.prompt-detail-hero__copy h1 { font-size: 34px; } }
.account-notifications-page { box-sizing: border-box; max-width: 1440px; margin: 0 auto; padding: 42px 28px 80px; width: 100%; }
.account-notifications-page__header { align-items: flex-end; display: flex; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.account-notifications-page__eyebrow { color: #176eea; font-size: 11px; font-weight: 800; letter-spacing: .14em; margin: 0 0 7px; }
.account-notifications-page__header h1 { color: #10264b; font-size: clamp(30px, 3vw, 42px); margin: 0; }
.account-notifications-page__header p { color: #5e7395; font-size: 15px; margin: 8px 0 0; }
.account-notifications-page__list { background: #fff; border: 1px solid #dce8f7; border-radius: 16px; box-shadow: 0 12px 34px rgba(42, 91, 150, .07); overflow: hidden; }
.account-notifications-page__filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.account-notifications-page__filter { align-items: center; background: rgba(255,255,255,.82); border: 1px solid #dce8f7; border-radius: 999px; color: #516987; cursor: pointer; display: inline-flex; font-size: 12px; font-weight: 700; gap: 8px; padding: 9px 13px; }
.account-notifications-page__filter b { align-items: center; background: #eef5ff; border-radius: 999px; color: #3274cf; display: inline-flex; font-size: 11px; height: 20px; justify-content: center; min-width: 20px; padding: 0 5px; }
.account-notifications-page__filter.is-active { background: #176eea; border-color: #176eea; color: #fff; box-shadow: 0 7px 16px rgba(23,110,234,.18); }
.account-notifications-page__filter.is-active b { background: rgba(255,255,255,.2); color: #fff; }
.account-notifications-page__item { align-items: center; color: #243858; display: flex; gap: 14px; min-height: 86px; padding: 16px 22px; text-decoration: none; transition: background .15s ease; }
.account-notifications-page__item[hidden] { display: none !important; }
.account-notifications-page__item + .account-notifications-page__item { border-top: 1px solid #edf2f8; }
.account-notifications-page__item:hover, .account-notifications-page__item.is-unread { background: #f4f8ff; }
.account-notifications-page__icon { align-items: center; background: #e8f1ff; border-radius: 12px; color: #176eea; display: inline-flex; flex: 0 0 42px; font-size: 25px; height: 42px; justify-content: center; }
.account-notifications-page__copy { display: grid; gap: 4px; min-width: 0; }
.account-notifications-page__copy strong { color: #10264b; font-size: 15px; }
.account-notifications-page__copy span { color: #496384; font-size: 13px; overflow-wrap: anywhere; }
.account-notifications-page__category { background: #eaf3ff; border-radius: 999px; color: #176eea; display: inline-block; font-size: 10px; font-style: normal; font-weight: 800; margin-right: 7px; padding: 3px 7px; vertical-align: 1px; }
.account-notifications-page__copy small { color: #8495ad; font-size: 11px; }
.account-notifications-page__dot { background: #176eea; border-radius: 50%; height: 8px; margin-left: auto; width: 8px; }
.account-notifications-page__empty { color: #607492; padding: 72px 24px; text-align: center; }
.account-notifications-page__empty > span { color: #176eea; display: block; font-size: 44px; }
.account-notifications-page__empty h2 { color: #10264b; margin: 12px 0 6px; }
.account-notifications-page__empty p { margin: 0; }
@media (max-width: 720px) { .account-notifications-page { padding: 24px 16px 56px; }.account-notifications-page__header { align-items: flex-start; flex-direction: column; }.account-notifications-page__item { padding: 14px 16px; } }
.default-theme-notification em { margin-top:5px; color:#8191aa; font-size:11px; font-style:normal; }
.default-theme-notifications__empty { margin:0; padding:28px 18px; color:#7283a0; font-size:13px; text-align:center; }
.admin-notification-test-panel { display:grid; gap:18px; }
.admin-notification-test-panel__heading { align-items:flex-start; display:flex; justify-content:space-between; gap:16px; }
.admin-notification-test-panel__heading h2 { margin:0 0 5px; color:#172744; }
.admin-notification-test-panel__heading p { margin:0; }
.admin-notification-test-panel__fields { display:grid; gap:14px; grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr); }
.admin-notification-test-panel__fields label { display:grid; gap:6px; color:#263b5d; font-size:12px; font-weight:700; }
.admin-notification-test-panel__fields label:last-child { grid-column:1 / -1; }
.admin-notification-test-panel__fields input, .admin-notification-test-panel__fields textarea { width:100%; box-sizing:border-box; border:1px solid #cfe0f2; border-radius:8px; background:#f8fbff; color:#172744; padding:10px 11px; font:inherit; font-size:13px; }
.admin-notification-test-panel__results { display:grid; position:absolute; z-index:20; width:min(420px, calc(100% - 32px)); margin-top:78px; overflow:hidden; border:1px solid #dbe7f4; border-radius:8px; background:#fff; box-shadow:0 12px 30px rgba(24,66,126,.14); }
.admin-notification-test-panel__results button { border:0; border-bottom:1px solid #edf2f8; background:#fff; color:#263b5d; cursor:pointer; padding:10px 12px; text-align:left; }
.admin-notification-test-panel__results button:hover { background:#f1f7ff; color:#126ce6; }
.admin-notification-test-panel form > button { border:0; border-radius:8px; background:#146ff0; color:#fff; cursor:pointer; font-weight:800; padding:11px 18px; }
.admin-notification-test-panel__error { border-radius:8px; background:#fff0f0; color:#bd3030; padding:10px 12px; }
@media(max-width:700px) { .admin-notification-test-panel__fields { grid-template-columns:1fr; } .admin-notification-test-panel__fields label:last-child { grid-column:auto; } }
@media(max-width:760px) { .collections-page { padding-top:20px; } }
.collections-hero { align-items:center; background:linear-gradient(115deg,#f8fbff 0%,#edf6ff 62%,#e6f1ff 100%); border:1px solid #d8e7f8; border-radius:22px; box-shadow:0 14px 35px rgba(39,92,157,.07); display:flex; justify-content:space-between; gap:24px; margin-bottom:22px; min-height:148px; overflow:hidden; padding:24px 28px; position:relative; }
.collections-hero::after { background:radial-gradient(circle,#b7d8ff 0 2px,transparent 3px); background-size:24px 24px; content:''; height:150px; opacity:.32; position:absolute; right:18px; top:-34px; width:260px; }
.collections-hero__copy { align-items:center; display:flex; gap:16px; position:relative; z-index:1; }
.collections-hero__icon { align-items:center; background:#2277ef; border-radius:16px; box-shadow:0 8px 18px rgba(34,119,239,.2); color:#fff; display:inline-flex; flex:0 0 52px; height:52px; justify-content:center; }
.collections-hero__icon .default-theme-icon { height:26px; width:26px; }
.collections-hero h1 { color:#10234b; font-size:clamp(28px,3vw,40px); line-height:1.08; margin:0; }
.collections-hero h1 span { color:#2778ed; }
.collections-hero__copy p:not(.collections-page__eyebrow) { color:#5d7191; font-size:15px; margin:8px 0 0; }
.collections-hero__button { align-items:center; display:inline-flex; gap:8px; position:relative; z-index:1; }
.collections-summary { align-items:center; background:#fff; border:1px solid #dce8f7; border-radius:14px; color:#5d7191; display:flex; flex-wrap:wrap; gap:28px; margin-bottom:24px; min-height:66px; padding:14px 26px; }
.collections-summary strong { color:#10234b; font-size:18px; margin-right:4px; }
.collections-summary__hint { align-items:center; display:inline-flex; gap:6px; margin-left:auto; }
.collections-summary__hint .default-theme-icon { color:#22a96b; height:17px; width:17px; }
.collections-grid--polished { gap:22px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.collection-card--polished { gap:0; overflow:hidden; padding:0; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.collection-card--polished:hover { box-shadow:0 16px 32px rgba(39,92,157,.12); transform:translateY(-3px); }
.collection-card__preview { aspect-ratio:1.46/1; background:linear-gradient(135deg,#e8f2ff,#f4eeff); overflow:hidden; position:relative; }
.collection-card__preview > img { height:100%; object-fit:cover; width:100%; }
.collection-card__preview-grid { display:grid; grid-template-columns:repeat(3,1fr); height:100%; gap:3px; }
.collection-card__preview-grid img,.collection-card__preview-empty { height:100%; min-width:0; object-fit:cover; width:100%; }
.collection-card__preview-empty { align-items:center; background:#edf5ff; color:#6e9ff0; display:flex; justify-content:center; }
.collection-card__preview-empty .default-theme-icon { height:30px; width:30px; }
.collection-card__empty-preview { align-items:center; color:#78a9ed; display:flex; height:100%; justify-content:center; }
.collection-card__empty-preview .default-theme-icon { height:42px; opacity:.75; width:42px; }
.collection-card__count { background:rgba(16,35,75,.78); border-radius:999px; bottom:10px; color:#fff; font-size:12px; font-weight:750; padding:5px 10px; position:absolute; right:10px; }
.collection-card__body { display:flex; flex-direction:column; gap:12px; min-height:158px; padding:17px 17px 18px; }
.collection-card__body h2 { color:#10234b; font-size:18px; line-height:1.25; }
.collection-card__body p { color:#6b7d9b; font-size:13px; line-height:1.45; margin:6px 0 0; }
.collection-visibility-badge { align-items:center; align-self:flex-start; background:#edf5ff; border-radius:999px; color:#2b6fc7; display:inline-flex; font-size:12px; font-weight:750; gap:5px; padding:6px 9px; }
.collection-visibility-badge .default-theme-icon { height:14px; width:14px; }
.collections-empty--polished { background:#fff; border:1px dashed #a9c9f5; box-shadow:0 8px 24px rgba(39,92,157,.05); grid-column:1/-1; padding:65px 20px; }
.collections-empty__icon { align-items:center; background:#eaf3ff; border-radius:50%; color:#2876f3; display:inline-flex; height:64px; justify-content:center; width:64px; }
.collections-empty__icon .default-theme-icon { height:31px; width:31px; }
.collections-empty--polished h2 { color:#10234b; font-size:22px; margin:0; }
.collections-empty--polished p { color:#6b7d9b; margin:0 0 8px; }
.collection-detail-page { max-width:1240px; }
.collections-back-link { align-items:center; color:#166cf0; display:inline-flex; font-size:13px; font-weight:750; gap:6px; margin-bottom:16px; text-decoration:none; }
.collections-back-link .default-theme-icon { height:16px; width:16px; }
.collection-detail-hero { align-items:stretch; background:#fff; border:1px solid #dce8f7; border-radius:22px; box-shadow:0 14px 35px rgba(39,92,157,.07); display:grid; grid-template-columns:minmax(260px,380px) 1fr; margin-bottom:18px; overflow:hidden; }
.collection-detail-hero__art { background:linear-gradient(135deg,#e8f2ff,#f4eeff); min-height:240px; overflow:hidden; }
.collection-detail-hero__art > img { height:100%; object-fit:cover; width:100%; }
.collection-detail-hero__grid { display:grid; grid-template-columns:repeat(3,1fr); height:100%; gap:4px; }
.collection-detail-hero__grid img,.collection-detail-hero__grid-empty { height:100%; min-width:0; object-fit:cover; width:100%; }
.collection-detail-hero__grid-empty { align-items:center; background:#edf5ff; color:#6e9ff0; display:flex; justify-content:center; }
.collection-detail-hero__grid-empty .default-theme-icon { height:30px; width:30px; }
.collection-detail-hero__empty { align-items:center; color:#70a1ee; display:flex; height:100%; justify-content:center; }
.collection-detail-hero__empty .default-theme-icon { height:58px; width:58px; }
.collection-detail-hero__copy { align-self:center; padding:34px 40px; }
.collection-detail-hero__copy h1 { color:#10234b; font-size:clamp(28px,4vw,46px); line-height:1.08; margin:15px 0 10px; }
.collection-detail-hero__copy p { color:#5d7191; font-size:16px; line-height:1.6; margin:0 0 16px; max-width:620px; }
.collection-detail-hero__copy small { color:#71839f; font-size:13px; }
.collection-detail-hero__copy small strong { color:#246ad0; }
.collection-content-heading { align-items:end; display:flex; justify-content:space-between; margin:30px 0 14px; }
.collection-content-heading h2 { color:#10234b; font-size:24px; margin:0; }
.collection-content-heading > span { color:#6b7d9b; font-size:13px; }
.collection-items-grid--polished { gap:18px; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); }
.collection-item-card--polished { transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.collection-item-card--polished:hover { border-color:#7eaff5; box-shadow:0 14px 30px rgba(39,92,157,.11); transform:translateY(-2px); }
.collection-item-card--polished img,.collection-item-card--polished .collection-item-card__placeholder { height:170px; }
.collection-item-card__meta { padding:14px 16px 16px; }
.collection-item-card__meta > span { color:#2878ed; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.collection-item-card__meta h2 { color:#10234b; font-size:16px; line-height:1.35; margin:6px 0 0; }
.collection-item-card--polished .collection-item-card__meta > button { margin:13px 0 0; padding:0; }
.collection-edit-form { background:#fff; border:1px solid #dce8f7; border-radius:16px; padding:18px; }
.collection-owner-tools { display:grid; gap:14px; grid-template-columns:minmax(0,1fr) minmax(260px,360px); margin-bottom:22px; }
.collection-cover-form--polished { align-items:stretch; background:#f7fbff; border:1px solid #dce8f7; border-radius:16px; display:flex; flex-direction:column; justify-content:center; margin:0; padding:18px; }
.collection-cover-form.video-thumbnail-picker { align-items:stretch; background:#f7fbff; border:1px solid #dce8f7; border-radius:16px; display:grid; gap:10px; margin:0; padding:16px; }
.collection-cover-form.video-thumbnail-picker .video-thumbnail-picker__dropzone { min-height:72px; }
.collection-cover-submit { justify-self:start; margin-top:2px; }
.collection-cover-form--polished label { color:#20365c; display:grid; gap:6px; }
.collection-cover-form--polished label span { font-size:14px; font-weight:800; }
.collection-cover-form--polished label small { color:#71839f; font-size:12px; font-weight:500; }
.collection-cover-form--polished input { color:#526987; font-size:12px; max-width:none; }
.collection-cover-form--polished button { align-self:flex-start; border:1px solid #b9d4f7; border-radius:9px; color:#176cf0; cursor:pointer; font-weight:750; margin-top:8px; padding:9px 13px; }
@media(max-width:760px) { .collection-owner-tools { grid-template-columns:1fr; } }
@media(max-width:1100px) { .collections-grid--polished { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .collections-page { padding:28px 0 48px; width:calc(100% - 32px); } .collections-hero { align-items:stretch; flex-direction:column; padding:20px; } .collections-hero__button { align-self:flex-start; } .collections-summary { gap:12px 20px; } .collections-summary__hint { margin-left:0; width:100%; } .collections-grid--polished { grid-template-columns:repeat(2,minmax(0,1fr)); } .collection-detail-hero { grid-template-columns:1fr; } .collection-detail-hero__art { min-height:190px; } .collection-detail-hero__copy { padding:24px; } .collection-detail-hero__copy h1 { font-size:32px; } }
@media(max-width:520px) { .collections-grid--polished { grid-template-columns:1fr; } }

/* Sidebar collections: curated, compact and action-oriented. */
.public-post-collections-card .public-post-collections-groups {
    gap: 13px;
}

.public-post-collections-intro {
    align-items: center;
    background: linear-gradient(135deg, #edf6ff, #f8fbff);
    border: 1px solid #dceafa;
    border-radius: 11px;
    display: flex;
    gap: 9px;
    padding: 10px;
}

.public-post-collections-intro__icon {
    align-items: center;
    background: #dcebff;
    border-radius: 8px;
    color: #1672df;
    display: inline-flex;
    flex: 0 0 29px;
    height: 29px;
    justify-content: center;
}

.public-post-collections-intro__icon .default-theme-icon {
    height: 15px;
    width: 15px;
}

.public-post-collections-intro strong,
.public-post-collections-intro small {
    display: block;
}

.public-post-collections-intro strong {
    color: #21436e;
    font-size: 11px;
}

.public-post-collections-intro small {
    color: #7186a4;
    font-size: 9px;
    line-height: 1.35;
    margin-top: 2px;
}

.public-post-collections-card .public-post-collections-group h3 {
    color: #587291;
    font-size: 10px;
    letter-spacing: .08em;
}

.public-post-collections-card .public-post-collection-item {
    background: linear-gradient(105deg, #f7fbff, #fff);
    border-color: #d9e9f8;
    gap: 10px;
    min-height: 56px;
    padding: 7px;
}

.public-post-collections-card .public-post-collection-item:hover {
    background: #f1f7ff;
    border-color: #77b0f6;
    box-shadow: 0 7px 17px rgba(53, 123, 225, .14);
    transform: translateY(-1px);
}

.public-post-collections-card .public-post-collection-item__cover {
    height: 44px;
    position: relative;
    width: 44px;
}

.public-post-collection-item__count {
    align-items: center;
    background: #1672df;
    border: 2px solid #fff;
    border-radius: 999px;
    bottom: -4px;
    color: #fff;
    display: inline-flex;
    font-size: 8px;
    font-weight: 800;
    height: 17px;
    justify-content: center;
    min-width: 17px;
    padding: 0 3px;
    position: absolute;
    right: -5px;
}

.public-post-collections-card .public-post-collection-item__copy strong {
    color: #17325a;
    font-size: 11px;
}

.public-post-collections-card .public-post-collection-item__copy small {
    color: #7186a4;
    font-size: 10px;
}

.public-post-collections-card .public-post-collection-item > .default-theme-icon {
    height: 15px;
    width: 15px;
}

/* Usage rights typography is intentionally one step more prominent for readability. */
.public-post-usage-rights-card .default-theme-right-card-title {
    font-size: 18px;
}

.public-post-usage-rights-card .public-post-rights-intro strong {
    font-size: 12.5px;
}

.public-post-usage-rights-card .public-post-rights-intro p {
    font-size: 11.5px;
}

.public-post-usage-rights-card .public-post-rights dt {
    font-size: 11.5px;
}

.public-post-usage-rights-card .public-post-rights dd {
    font-size: 10.5px;
}

.public-post-usage-rights-card .public-post-rights-details {
    font-size: 11.5px;
}

/* More from creator: a discovery rail instead of a plain list. */
.public-post-more-card .default-theme-right-card-body {
    display: grid;
    gap: 11px;
    width: 100%;
}

.public-post-more-intro {
    align-items: center;
    background: linear-gradient(135deg, #f4efff, #fbfaff);
    border: 1px solid #e6dcff;
    border-radius: 11px;
    display: flex;
    gap: 9px;
    padding: 10px;
}

.public-post-more-intro__icon {
    align-items: center;
    background: #eee5ff;
    border-radius: 8px;
    color: #7950d5;
    display: inline-flex;
    flex: 0 0 29px;
    height: 29px;
    justify-content: center;
}

.public-post-more-intro__icon .default-theme-icon {
    height: 15px;
    width: 15px;
}

.public-post-more-intro strong,
.public-post-more-intro small {
    display: block;
}

.public-post-more-intro strong {
    color: #3c2b6e;
    font-size: 11px;
}

.public-post-more-intro small {
    color: #776d94;
    font-size: 9px;
    line-height: 1.35;
    margin-top: 2px;
}

.public-post-more-card .public-post-mini-list {
    gap: 8px;
}

.public-post-more-card .public-post-mini-item {
    align-items: center;
    background: linear-gradient(105deg, #f8fbff, #fff);
    border: 1px solid #deebf7;
    border-radius: 10px;
    display: grid;
    gap: 9px;
    grid-template-columns: 50px minmax(0, 1fr) 14px;
    min-width: 0;
    padding: 7px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.public-post-more-card .public-post-mini-item:hover {
    border-color: #a8c9f1;
    box-shadow: 0 7px 17px rgba(53, 123, 225, .12);
    transform: translateY(-1px);
}

.public-post-mini-item__media {
    align-items: center;
    background: linear-gradient(135deg, #dcecff, #f3edff);
    border-radius: 8px;
    color: #377ce1;
    display: flex;
    height: 50px;
    justify-content: center;
    overflow: hidden;
    width: 50px;
}

.public-post-mini-item__media img {
    border-radius: 0;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.public-post-more-card .public-post-mini-item strong {
    color: #17325a;
    display: block;
    font-size: 11px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-post-more-card .public-post-mini-item small {
    color: #7186a4;
    display: block;
    font-size: 9.5px;
    margin-top: 4px;
}

.public-post-mini-item__type {
    color: #2778ed;
    font-weight: 800;
}

.public-post-more-card .public-post-mini-item > .default-theme-icon {
    color: #6d89aa;
    height: 14px;
    width: 14px;
}

/* Collections typography +5% for a balanced sidebar hierarchy. */
.public-post-collections-card .public-post-collections-intro strong { font-size: 11.5px; }
.public-post-collections-card .public-post-collections-intro small { font-size: 9.5px; }
.public-post-collections-card .public-post-collections-group h3 { font-size: 10.5px; }
.public-post-collections-card .public-post-collection-item__copy strong { font-size: 11.55px; }
.public-post-collections-card .public-post-collection-item__copy small { font-size: 10.5px; }

/* Stats: make performance visible at a glance. */
.public-post-stats-card .default-theme-right-card-body {
    display: grid;
    gap: 11px;
}

.public-post-stats-intro {
    align-items: center;
    background: linear-gradient(135deg, #edf6ff, #f5f1ff);
    border: 1px solid #dce8fa;
    border-radius: 11px;
    display: flex;
    gap: 9px;
    padding: 10px;
}

.public-post-stats-intro__icon {
    align-items: center;
    background: #dcebff;
    border-radius: 8px;
    color: #1672df;
    display: inline-flex;
    flex: 0 0 29px;
    height: 29px;
    justify-content: center;
}

.public-post-stats-intro__icon .default-theme-icon {
    height: 15px;
    width: 15px;
}

.public-post-stats-intro strong,
.public-post-stats-intro small {
    display: block;
}

.public-post-stats-intro strong {
    color: #21436e;
    font-size: 11px;
}

.public-post-stats-intro small {
    color: #7186a4;
    font-size: 9px;
    margin-top: 2px;
}

.public-post-stats-card .public-post-stats {
    gap: 8px;
}

.public-post-stats-card .public-post-stat {
    background: linear-gradient(145deg, #f8fbff, #fff);
    border-color: #dceaf8;
    border-radius: 10px;
    min-height: 72px;
    padding: 9px 7px;
    position: relative;
}

.public-post-stats-card .public-post-stat .default-theme-icon {
    background: #eaf3ff;
    border-radius: 7px;
    color: #1672df;
    height: 25px;
    padding: 5px;
    width: 25px;
}

.public-post-stats-card .public-post-stat strong {
    color: #17325a;
    font-size: 18px;
    line-height: 1;
}

.public-post-stats-card .public-post-stat span {
    color: #7186a4;
    font-size: 10px;
}

/* Final +5% type scale for all redesigned sidebar cards. */
.public-post-collections-card .public-post-collections-intro strong { font-size: 12px; }
.public-post-collections-card .public-post-collections-intro small { font-size: 10px; }
.public-post-collections-card .public-post-collections-group h3 { font-size: 11px; }
.public-post-collections-card .public-post-collection-item__copy strong { font-size: 12px; }
.public-post-collections-card .public-post-collection-item__copy small { font-size: 11px; }
.public-post-more-card .public-post-more-intro strong { font-size: 11.55px; }
.public-post-more-card .public-post-more-intro small { font-size: 10px; }
.public-post-more-card .public-post-mini-item strong { font-size: 11.55px; }
.public-post-more-card .public-post-mini-item small { font-size: 10px; }
.public-post-usage-rights-card .default-theme-right-card-title { font-size: 19px; }
.public-post-usage-rights-card .public-post-rights-intro strong { font-size: 13px; }
.public-post-usage-rights-card .public-post-rights-intro p { font-size: 12px; }
.public-post-usage-rights-card .public-post-rights dt { font-size: 12px; }
.public-post-usage-rights-card .public-post-rights dd { font-size: 11px; }
.public-post-usage-rights-card .public-post-rights-details { font-size: 12px; }

/* Post information: turn raw metadata into a polished content snapshot. */
.public-post-info-card .default-theme-right-card-body {
    display: grid;
    gap: 11px;
    width: 100%;
}

.public-post-info-intro {
    align-items: center;
    background: linear-gradient(135deg, #edf6ff, #f8fbff);
    border: 1px solid #dceafa;
    border-radius: 11px;
    display: flex;
    gap: 9px;
    padding: 10px;
}

.public-post-info-intro__icon {
    align-items: center;
    background: #dcebff;
    border-radius: 8px;
    color: #1672df;
    display: inline-flex;
    flex: 0 0 29px;
    height: 29px;
    justify-content: center;
}

.public-post-info-intro__icon .default-theme-icon {
    height: 15px;
    width: 15px;
}

.public-post-info-intro strong,
.public-post-info-intro small {
    display: block;
}

.public-post-info-intro strong {
    color: #21436e;
    font-size: 11.55px;
}

.public-post-info-intro small {
    color: #7186a4;
    font-size: 10px;
    margin-top: 2px;
}

.public-post-info-card .public-post-info-list {
    border: 1px solid #e0ecf7;
    border-radius: 10px;
    gap: 0;
    overflow: hidden;
}

.public-post-info-card .public-post-info-list > div {
    background: linear-gradient(105deg, #f8fbff, #fff);
    border-bottom: 1px solid #e8f0f7;
    gap: 6px;
    padding: 9px 10px;
}

.public-post-info-card .public-post-info-list > div:last-child {
    border-bottom: 0;
}

.public-post-info-card .public-post-info-list dt {
    align-items: center;
    color: #587291;
    display: flex;
    font-size: 10.5px;
    gap: 7px;
    letter-spacing: .03em;
}

.public-post-info-list__icon {
    align-items: center;
    background: #edf5ff;
    border-radius: 6px;
    color: #2678e7;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.public-post-info-card .public-post-info-list dd {
    color: #203c62;
    font-size: 11.5px;
    line-height: 1.35;
    padding-left: 29px;
}

.public-post-info-card .public-post-info-tags {
    gap: 5px;
}

.public-post-info-card .public-post-info-tags .default-theme-tag {
    background: #edf5ff;
    border: 1px solid #d7e9fb;
    border-radius: 999px;
    color: #2678e7;
    font-size: 9.5px;
    padding: 4px 7px;
}

/* Stats readability +5%. */
.public-post-stats-intro strong { font-size: 12px; }
.public-post-stats-intro small { font-size: 9.5px; }
.public-post-stats-card .public-post-stat strong { font-size: 19px; }
.public-post-stats-card .public-post-stat span { font-size: 10.5px; }

/* Creator spotlight: a stronger identity card for the sidebar. */
.public-post-creator-sidebar-card .default-theme-right-card-body {
    width: 100%;
}

.public-post-creator-sidebar-card .public-post-creator-card__profile {
    margin-bottom: 38px;
}

.public-post-creator-sidebar-card .public-post-creator-card__banner {
    border-radius: 14px;
    height: 94px;
}

.public-post-creator-sidebar-card .public-post-creator-card__avatar-wrap {
    bottom: -42px;
}

.public-post-creator-sidebar-card .public-post-creator-card__avatar {
    border-width: 5px;
    height: 88px;
    width: 88px;
}

.public-post-creator-sidebar-card .public-post-creator-card__initials {
    font-size: 26px;
}

.public-post-creator-sidebar-card .public-post-creator-card__avatar-badge {
    border-width: 3px;
    bottom: 0;
    height: 27px;
    right: -3px;
    width: 27px;
}

.public-post-creator-sidebar-card .public-post-creator-card__avatar-badge .default-theme-icon {
    height: 13px;
    width: 13px;
}

.public-post-creator-sidebar-card .public-post-creator-card__copy {
    align-items: center;
    display: grid;
    gap: 5px;
    justify-items: center;
    text-align: center;
}

.public-post-creator-sidebar-card .public-post-creator-card__name {
    color: #17325a;
    font-size: 18px;
}

.public-post-creator-sidebar-card .public-post-creator-card__badge,
.public-post-creator-sidebar-card .public-post-creator-tag {
    font-size: 10px;
    min-width: 0;
    padding: 4px 9px;
}

.public-post-creator-card__tagline {
    color: #7186a4;
    font-size: 10px;
    font-weight: 500;
}

.public-post-creator-sidebar-card .public-post-creator-card__meta {
    background: #f7faff;
    border: 1px solid #e0ecf7;
    border-radius: 10px;
    margin: 11px 0;
    overflow: hidden;
}

.public-post-creator-sidebar-card .public-post-creator-card__meta-item {
    gap: 3px;
    padding: 9px 6px;
}

.public-post-creator-sidebar-card .public-post-creator-card__meta-item .default-theme-icon {
    height: 18px;
    width: 18px;
}

.public-post-creator-sidebar-card .public-post-creator-card__meta-item strong {
    color: #17325a;
    font-size: 15px;
}

.public-post-creator-sidebar-card .public-post-creator-card__meta-item span {
    color: #7186a4;
    font-size: 9px;
}

.public-post-creator-sidebar-card .public-post-creator-card__action {
    background: linear-gradient(135deg, #1672df, #3a8cff);
    border: 0;
    border-radius: 9px;
    box-shadow: 0 8px 18px rgba(22, 114, 223, .2);
    color: #fff;
    font-size: 11.5px;
    min-height: 42px;
}

.public-post-creator-sidebar-card .public-post-creator-card__action:hover,
.public-post-creator-sidebar-card .public-post-creator-card__action:focus {
    background: linear-gradient(135deg, #1265c8, #287ce9);
    color: #fff;
}

.public-post-creator-sidebar-card .public-post-creator-card__action .default-theme-icon {
    height: 16px;
    width: 16px;
}

/* Gamification-first creator activity panel. */
.public-post-creator-growth {
    background: linear-gradient(135deg, #f5f9ff, #faf7ff);
    border: 1px solid #dfebf8;
    border-radius: 11px;
    display: grid;
    gap: 9px;
    margin: 11px 0;
    padding: 11px;
    text-align: left;
    width: 100%;
}

.public-post-creator-growth__headline {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.public-post-creator-growth__headline small,
.public-post-creator-badges > small {
    color: #6e86a5;
    display: block;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .08em;
}

.public-post-creator-growth__headline strong {
    color: #17325a;
    display: block;
    font-size: 18px;
    line-height: 1.1;
    margin-top: 3px;
}

.public-post-creator-growth__headline strong em {
    color: #7186a4;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
}

.public-post-creator-growth__level {
    background: #eee5ff;
    border-radius: 999px;
    color: #7047c4;
    font-size: 9px;
    font-weight: 850;
    padding: 5px 8px;
}

.public-post-creator-growth__stats {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.public-post-creator-growth__stats > span {
    background: rgba(255, 255, 255, .78);
    border: 1px solid #e4edf7;
    border-radius: 8px;
    display: grid;
    gap: 2px;
    padding: 7px;
}

.public-post-creator-growth__stats strong {
    color: #1d4675;
    font-size: 14px;
    line-height: 1;
}

.public-post-creator-growth__stats small {
    color: #7186a4;
    font-size: 9px;
}

.public-post-creator-badges > div {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 5px;
}

.public-post-creator-badges > div > span {
    align-items: center;
    aspect-ratio: 1;
    background: linear-gradient(145deg, #fff8df, #fff1bd);
    border: 1px solid #f6e6a7;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(155, 107, 0, .1);
    display: grid;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    padding: 5px;
}

.public-post-creator-badges .default-theme-icon {
    color: #e4a817;
    height: 24px;
    width: 24px;
}

.public-post-creator-badges img {
    border-radius: 7px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.public-post-creator-badges--empty {
    border-top: 1px solid #e6edf6;
    padding-top: 8px;
}

.public-post-creator-badges--empty p {
    color: #7186a4;
    font-size: 9px;
    line-height: 1.4;
    margin: 4px 0 0;
}

.public-post-creator-badges__none {
    color: #7186a4;
    display: block;
    font-size: 9px;
    margin-top: 5px;
}

/* Actions: a clear, high-conversion action hub. */
.public-post-actions-card .default-theme-right-card-body {
    width: 100%;
}

.public-post-actions-card .public-post-actions {
    gap: 8px;
}

.public-post-actions-intro {
    align-items: center;
    background: linear-gradient(135deg, #edf6ff, #f4efff);
    border: 1px solid #dce8fa;
    border-radius: 11px;
    display: flex;
    gap: 9px;
    margin-bottom: 2px;
    padding: 10px;
}

.public-post-actions-intro__icon {
    align-items: center;
    background: #e4efff;
    border-radius: 8px;
    color: #1672df;
    display: inline-flex;
    flex: 0 0 29px;
    height: 29px;
    justify-content: center;
}

.public-post-actions-intro__icon .default-theme-icon {
    height: 15px;
    width: 15px;
}

.public-post-actions-intro strong,
.public-post-actions-intro small {
    display: block;
}

.public-post-actions-intro strong {
    color: #21436e;
    font-size: 11.5px;
}

.public-post-actions-intro small {
    color: #7186a4;
    font-size: 9.5px;
    margin-top: 2px;
}

.public-post-actions-card .public-post-action,
.public-post-actions-card .public-post-download-menu summary {
    background: linear-gradient(105deg, #f8fbff, #fff);
    border: 1px solid #dceaf7;
    border-radius: 9px;
    color: #29456d;
    font-size: 11px;
    font-weight: 750;
    min-height: 40px;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.public-post-actions-card .public-post-action:hover,
.public-post-actions-card .public-post-action:focus,
.public-post-actions-card .public-post-download-menu summary:hover,
.public-post-actions-card .public-post-download-menu summary:focus {
    background: #edf6ff;
    border-color: #9ec8f5;
    box-shadow: 0 6px 14px rgba(53, 123, 225, .1);
    color: #1672df;
    outline: none;
    transform: translateY(-1px);
}

.public-post-actions-card .public-post-action-primary,
.public-post-actions-card .public-post-download-menu summary.public-post-action-primary {
    background: linear-gradient(135deg, #1672df, #3a8cff);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(22, 114, 223, .2);
    color: #fff;
}

.public-post-actions-card .public-post-action-primary:hover,
.public-post-actions-card .public-post-action-primary:focus,
.public-post-actions-card .public-post-download-menu summary.public-post-action-primary:hover,
.public-post-actions-card .public-post-download-menu summary.public-post-action-primary:focus {
    background: linear-gradient(135deg, #1265c8, #287ce9);
    color: #fff;
}

.public-post-actions-card .public-post-action .default-theme-icon,
.public-post-actions-card .public-post-download-menu summary .default-theme-icon {
    height: 17px;
    width: 17px;
}

.public-post-actions-card .public-post-action.is-danger {
    background: #fff7f7;
    border-color: #ffd5d8;
    color: #d93646;
}

.public-post-actions-card .public-post-action.is-danger:hover,
.public-post-actions-card .public-post-action.is-danger:focus {
    background: #fff0f1;
    border-color: #ffadb5;
    color: #c72d3e;
}

.public-post-actions-card .public-post-action.is-disabled,
.public-post-actions-card .public-post-action.is-disabled:hover {
    background: #f5f8fb;
    border-color: #e0e9f1;
    box-shadow: none;
    color: #9aabba;
    cursor: not-allowed;
    transform: none;
}
@media(min-width:1024px) {
    .public-collections-shell .public-home-main-column { align-items:stretch; display:block; justify-items:stretch; max-width:none; min-width:0; width:auto; }
    .public-collections-shell .collections-page { display:block; justify-self:stretch; margin-left:0; margin-right:0; max-width:none; min-width:0; width:100%; }
}
.admin-settings-reaction-options{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.admin-settings-reaction-option{align-items:center;display:inline-flex;gap:7px;border:1px solid #d8e5f3;border-radius:999px;background:#f8fbff;color:#29466e;cursor:pointer;font-size:12px;padding:8px 11px}.admin-settings-reaction-option:has(input:checked){border-color:#8dbaf2;background:#eaf4ff;color:#126ce6}.admin-settings-reaction-option input{accent-color:#176eea}
.admin-settings-custom-reactions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.admin-settings-custom-reaction{display:grid;gap:8px;padding:16px;border:1px solid #dbe7f4;border-radius:14px;background:linear-gradient(180deg,#fff,#f7fbff)}.admin-settings-custom-reaction__heading{color:#14284a;font-weight:800}.admin-settings-custom-reaction label{display:grid;gap:5px;color:#526987;font-size:13px;font-weight:700}.admin-settings-custom-reaction input[type=text],.admin-settings-custom-reaction input[type=file]{width:100%}.admin-settings-custom-reaction__preview{width:42px;height:42px;border:1px solid #cfe0f2;border-radius:10px;object-fit:cover}
.admin-comments-settings-page{--comments-ink:#10234b;--comments-muted:#657895;--comments-blue:#176ff0;--comments-border:#dce9f7}.admin-comments-settings-page .admin-security-settings__hero{position:relative;isolation:isolate;overflow:hidden;align-items:center;min-height:142px;margin:0 0 20px;padding:26px 28px;border:1px solid #cfe2f7;border-radius:24px;background:linear-gradient(118deg,#fafdff 0%,#eef6ff 56%,#e5f0ff 100%);box-shadow:0 16px 38px rgba(43,102,170,.10)}.admin-comments-settings-page .admin-security-settings__hero:before{position:absolute;z-index:-1;top:-90px;right:18%;width:220px;height:220px;border:1px solid rgba(77,145,234,.14);border-radius:50%;box-shadow:0 0 0 30px rgba(77,145,234,.035),0 0 0 60px rgba(77,145,234,.025);content:""}.admin-comments-settings-page .admin-security-settings__hero-icon{border:1px solid #bfdafe;border-radius:16px;background:#2479ed;color:#fff;box-shadow:0 10px 18px rgba(34,112,225,.25)}.admin-comments-settings-page .admin-security-settings__hero-copy{position:relative;z-index:1}.admin-comments-settings-page .admin-security-settings__hero-copy h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}.admin-comments-settings-page .admin-security-settings__hero-copy p:last-of-type{max-width:650px;font-size:15px;line-height:1.55}.admin-comments-hero__signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.admin-comments-hero__signals span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(137,184,241,.5);border-radius:999px;background:rgba(255,255,255,.66);color:#4e6b91;font-size:11px;font-weight:750}.admin-comments-hero__signals i{width:6px;height:6px;border-radius:50%;background:#27b968;box-shadow:0 0 0 3px rgba(39,185,104,.12)}.admin-comments-hero__visual{position:absolute;right:105px;bottom:22px;display:flex;align-items:center;justify-content:center;width:128px;height:90px;opacity:.96}.admin-comments-hero__bubble{display:grid;place-items:center;width:64px;height:64px;border:1px solid #b9d7fb;border-radius:22px;background:linear-gradient(145deg,#fff,#dcecff);color:#2275e8;box-shadow:0 12px 24px rgba(54,112,188,.14);transform:rotate(-8deg)}.admin-comments-hero__spark{position:absolute;top:0;right:9px;color:#2e82ef;font-size:26px}.admin-comments-hero__reaction{position:absolute;bottom:1px;left:8px;display:grid;place-items:center;width:32px;height:32px;border:3px solid #fff;border-radius:50%;background:#ff718e;color:#fff;font-size:16px;box-shadow:0 7px 13px rgba(229,77,111,.25);transform:rotate(-10deg)}.admin-comments-overview{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.7fr);gap:22px;align-items:stretch;margin:0 0 20px;padding:22px;border:1px solid #d6e6f7;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(37,91,151,.07)}.admin-comments-overview__intro{display:flex;flex-direction:column;justify-content:center;padding:4px 6px}.admin-comments-overview__eyebrow{margin:0 0 6px;color:var(--comments-blue);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.admin-comments-overview__intro h2{margin:0 0 7px;color:var(--comments-ink);font-size:24px;letter-spacing:-.03em}.admin-comments-overview__intro p{margin:0;color:var(--comments-muted);font-size:13px;line-height:1.55;max-width:370px}.admin-comments-overview__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-comments-stat{display:flex;min-height:110px;flex-direction:column;justify-content:space-between;padding:13px;border:1px solid #e1ebf7;border-radius:15px;background:#f8fbff;color:var(--comments-ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.admin-comments-stat:hover{border-color:#9fc5f3;box-shadow:0 10px 18px rgba(47,113,193,.11);transform:translateY(-2px)}.admin-comments-stat__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e7f1ff;color:#2679eb}.admin-comments-stat strong{font-size:21px;line-height:1}.admin-comments-stat small{color:#6b809e;font-size:11px;font-weight:750}.admin-comments-stat--violet .admin-comments-stat__icon{background:#f0eaff;color:#7651db}.admin-comments-stat--green .admin-comments-stat__icon{background:#e6f8ef;color:#1b9b5b}.admin-comments-stat--orange .admin-comments-stat__icon{background:#fff0db;color:#e08712;font-size:17px}.admin-comments-settings-page .admin-security-settings__groups{gap:18px}.admin-comments-settings-page .admin-comments-settings__group{position:relative;overflow:hidden;border-radius:20px;padding:24px;background:linear-gradient(145deg,#fff 0%,#fbfdff 72%,#f1f7ff 100%);box-shadow:0 9px 24px rgba(37,91,151,.055);transition:border-color .18s ease,box-shadow .18s ease}.admin-comments-settings-page .admin-comments-settings__group:target{border-color:#77aaf0;box-shadow:0 0 0 4px rgba(42,119,235,.10),0 13px 28px rgba(37,91,151,.10)}.admin-comments-settings-page .admin-comments-settings__group:after{position:absolute;right:-35px;bottom:-60px;width:150px;height:150px;border:1px solid rgba(92,154,232,.10);border-radius:50%;content:""}.admin-comments-settings-page .admin-comments-settings__group-heading{position:relative;z-index:1;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5eef8}.admin-comments-settings-page .admin-comments-settings__group-heading h2{font-size:21px;letter-spacing:-.025em}.admin-comments-settings-page .admin-comments-settings__group-heading p:last-child{font-size:13px;line-height:1.5}.admin-comments-settings-page .admin-security-settings__group-mark{width:40px;height:40px;border:1px solid #cfe2f8;border-radius:13px;background:#edf5ff;box-shadow:0 5px 12px rgba(44,110,189,.08)}.admin-comments-settings-page .admin-security-settings__fields{position:relative;z-index:1;gap:12px 16px}.admin-comments-settings-page .admin-security-settings__fields .form-row{border:1px solid #e2ecf7;border-radius:13px;background:rgba(247,251,255,.88);padding:15px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.admin-comments-settings-page .admin-security-settings__fields .form-row:hover{border-color:#bed8f5;background:#fff;box-shadow:0 5px 14px rgba(47,113,193,.06)}.admin-comments-settings-page .admin-security-settings__fields .form-row>label{color:#2b476d;font-size:12px;font-weight:800}.admin-comments-settings-page .admin-security-settings__fields .form-row>p{color:#7185a2;font-size:11px}.admin-comments-settings-page .admin-security-settings__fields input,.admin-comments-settings-page .admin-security-settings__fields select,.admin-comments-settings-page .admin-security-settings__fields textarea{border-radius:10px}.admin-comments-settings-page .admin-settings-custom-reactions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-comments-settings-page .admin-settings-custom-reaction{position:relative;border:1px solid #d8e8f8;border-radius:15px;background:linear-gradient(145deg,#fff,#f2f8ff);padding:14px;box-shadow:0 5px 12px rgba(48,112,184,.05)}.admin-comments-settings-page .admin-settings-custom-reaction__heading{display:flex;align-items:center;gap:7px;color:#18345d;font-size:13px}.admin-comments-settings-page .admin-settings-custom-reaction__heading:before{width:7px;height:7px;border-radius:50%;background:#277af0;content:""}.admin-comments-settings-page .admin-settings-custom-reaction__preview{width:48px;height:48px;border-radius:13px;box-shadow:0 5px 11px rgba(44,101,174,.14)}.admin-comments-settings-page .admin-settings-reaction-options{gap:9px}.admin-comments-settings-page .admin-settings-reaction-option{padding:9px 12px;border-radius:12px;background:#fff;font-weight:750}.admin-comments-settings-page form>button{min-height:48px;border-radius:13px;box-shadow:0 8px 16px rgba(21,105,226,.2);font-weight:800}.admin-comments-settings-page .panel{border-radius:20px}@media(max-width:1050px){.admin-comments-overview{grid-template-columns:1fr}.admin-comments-overview__stats{grid-template-columns:repeat(4,minmax(100px,1fr))}.admin-comments-hero__visual{right:90px;opacity:.55}.admin-comments-settings-page .admin-settings-custom-reactions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.admin-comments-settings-page .admin-security-settings__hero{padding:20px}.admin-comments-hero__visual{display:none}.admin-comments-overview__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-comments-settings-page .admin-settings-custom-reactions{grid-template-columns:1fr}.admin-comments-settings-page .admin-security-settings__fields{grid-template-columns:1fr}.admin-comments-settings-page .admin-security-settings__fields .form-row:has(textarea),.admin-comments-settings-page .admin-security-settings__fields .form-row:has(input[type="checkbox"]){grid-column:span 1}}
/* Comments settings: dedicated experience layer. The generic .panel wrapper is intentionally omitted. */
.admin-comments-settings-page .admin-comments-settings-tabs{margin:0 0 18px;padding:0;border:0;background:transparent;box-shadow:none}
.admin-comments-settings-page .admin-comments-settings-tabs .tabs{display:flex;gap:8px;overflow-x:auto;padding:5px;border:1px solid #d9e8f7;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 8px 20px rgba(35,91,151,.06)}
.admin-comments-settings-page .admin-comments-settings-tabs .tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:11px;color:#5d7393;font-size:12px;font-weight:800;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.admin-comments-settings-page .admin-comments-settings-tabs .tabs a:hover{color:#176ff0;background:#f2f8ff;transform:translateY(-1px)}
.admin-comments-settings-page .admin-comments-settings-tabs .tabs a.active{border-color:#bed9fb;background:#fff;color:#176ff0;box-shadow:0 5px 12px rgba(34,113,226,.12)}
.admin-comments-settings-page .admin-comments-settings-shell{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.admin-comments-settings-page .admin-comments-settings-form{display:flex;flex-direction:column;gap:0}
.admin-comments-settings-page .admin-comments-settings__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.admin-comments-settings-page .admin-comments-settings__group{min-width:0}
.admin-comments-settings-page .admin-comments-settings__group:nth-child(3n+1){background:linear-gradient(145deg,#fff 0%,#fbfdff 56%,#eef6ff 100%)}
.admin-comments-settings-page .admin-comments-settings__group:nth-child(3n+2){background:linear-gradient(145deg,#fff 0%,#fdfbff 58%,#f3efff 100%)}
.admin-comments-settings-page .admin-comments-settings__group:nth-child(3n){background:linear-gradient(145deg,#fff 0%,#fbfffd 58%,#edfbf3 100%)}
.admin-comments-settings-page .admin-comments-settings__group-heading{min-height:76px}
.admin-comments-settings-page .admin-comments-settings__group-heading>div{min-width:0}
.admin-comments-settings-page .admin-comments-settings__group-heading h2{display:flex;align-items:center;gap:8px}
.admin-comments-settings-page .admin-comments-settings__group-heading h2:after{display:inline-flex;align-items:center;height:20px;padding:0 7px;border:1px solid #d8e8f8;border-radius:999px;background:#f8fbff;color:#7b91ad;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;content:"Live control"}
.admin-comments-settings-page .admin-comments-settings__fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-comments-settings-page .admin-comments-settings__fields .form-row:has(textarea),.admin-comments-settings-page .admin-comments-settings__fields .form-row:has(input[type="checkbox"]){grid-column:span 2}
.admin-comments-settings-page .admin-comments-settings__fields .form-row:has(input[type="file"]){background:linear-gradient(135deg,#f7fbff,#fff)}
.admin-comments-settings-page .admin-comments-settings__actionbar{position:sticky;z-index:4;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:13px 15px 13px 18px;border:1px solid #cfe2f7;border-radius:18px;background:rgba(255,255,255,.91);box-shadow:0 15px 34px rgba(24,83,145,.18);backdrop-filter:blur(14px)}
.admin-comments-settings-page .admin-comments-settings__actionbar-copy{display:flex;align-items:center;gap:11px;min-width:0;color:#1d3c65}
.admin-comments-settings-page .admin-comments-settings__actionbar-copy>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.admin-comments-settings-page .admin-comments-settings__actionbar-copy strong{font-size:13px;line-height:1.3}
.admin-comments-settings-page .admin-comments-settings__actionbar-copy span:not(.admin-comments-settings__actionbar-icon){color:#7286a2;font-size:11px;line-height:1.4}
.admin-comments-settings-page .admin-comments-settings__actionbar-icon{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;border:1px solid #cbe0fb;border-radius:12px;background:#edf5ff;color:#1b73e8}
.admin-comments-settings-page .admin-comments-settings__actionbar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#277ef2,#1263dc);color:#fff;box-shadow:0 9px 18px rgba(25,106,226,.25);font-size:13px;font-weight:850;white-space:nowrap}
.admin-comments-settings-page .admin-comments-settings__actionbar button:hover{filter:brightness(1.04);transform:translateY(-1px)}
@media(max-width:1050px){.admin-comments-settings-page .admin-comments-settings__groups{grid-template-columns:1fr}}
@media(max-width:760px){.admin-comments-settings-page .admin-comments-settings__fields{grid-template-columns:1fr}.admin-comments-settings-page .admin-comments-settings__fields .form-row:has(textarea),.admin-comments-settings-page .admin-comments-settings__fields .form-row:has(input[type="checkbox"]){grid-column:span 1}.admin-comments-settings-page .admin-comments-settings__actionbar{align-items:stretch;flex-direction:column}.admin-comments-settings-page .admin-comments-settings__actionbar button{width:100%}}

/* Reference layout refinements: compact admin hero, KPI strip and full-width notifications. */
.admin-comments-settings-page .admin-security-settings__hero{min-height:132px;padding:22px 26px;border-radius:18px;background:linear-gradient(112deg,#fff 0%,#f9fcff 54%,#eef7ff 100%);box-shadow:0 10px 28px rgba(35,91,151,.07)}
.admin-comments-settings-page .admin-security-settings__hero-icon{width:42px;height:42px;border-radius:12px}
.admin-comments-settings-page .admin-security-settings__hero-copy h1{font-size:30px;letter-spacing:-.045em}
.admin-comments-settings-page .admin-security-settings__hero-copy p:last-of-type{max-width:520px;font-size:12px;line-height:1.45}
.admin-comments-settings-page .admin-security-settings__status{padding:6px 10px;border:1px solid #c8efd8;border-radius:999px;background:#eafaf0;color:#159447;font-size:10px;font-weight:850}
.admin-comments-settings-page .admin-comments-dashboard{grid-template-columns:1fr;gap:14px;margin-bottom:18px;padding:14px;border-radius:17px}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-overview__intro{display:none}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-overview__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-stat{position:relative;min-height:92px;padding:14px 42px 12px 15px;justify-content:center;gap:5px;border-radius:14px}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-stat strong{font-size:20px;letter-spacing:-.03em}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-stat small{order:-1;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-stat span{color:#7185a2;font-size:10px}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-stat i{position:absolute;top:15px;right:13px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e9f3ff;color:#2479ed;font-style:normal}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-stat--violet i{background:#f1edff;color:#7651db}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-stat--green i{background:#e6f8ef;color:#1b9b5b}
.admin-comments-settings-page .admin-comments-dashboard .admin-comments-stat--orange i{background:#fff0db;color:#e08712}
.admin-comments-settings-page .admin-comments-settings__group:nth-child(7){grid-column:1/-1}
.admin-comments-settings-page .admin-comments-settings__group:nth-child(7) .admin-comments-settings__fields{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.admin-comments-settings-page .admin-comments-dashboard .admin-comments-overview__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-comments-settings-page .admin-comments-settings__group:nth-child(7){grid-column:auto}.admin-comments-settings-page .admin-comments-settings__group:nth-child(7) .admin-comments-settings__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-comments-settings-page .admin-comments-settings__group:nth-child(7) .admin-comments-settings__fields{grid-template-columns:1fr}}
.admin-comments-settings-page .admin-comments-settings__fields .form-row--switch{position:relative;min-height:76px;padding-right:58px}
.admin-comments-settings-page .admin-comments-settings__fields .form-row--switch>.admin-setting-switch{position:absolute;top:18px;right:15px;display:block;width:28px;height:18px;margin:0;padding:0;color:transparent;font-size:0;cursor:pointer}
.admin-comments-settings-page .admin-comments-settings__fields .form-row--switch>.admin-setting-switch input{position:absolute!important;display:block!important;width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;min-height:1px!important;max-height:1px!important;margin:0!important;padding:0!important;opacity:0!important;appearance:none!important}
.admin-comments-settings-page .admin-setting-switch__track{position:absolute;inset:0;display:block!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;border:1px solid #b8c5d5;border-radius:999px;background:#c6d0dc;box-shadow:inset 0 1px 2px rgba(30,59,91,.12);transition:background .18s ease,border-color .18s ease}
.admin-comments-settings-page .admin-setting-switch__track>span{position:absolute;top:2px;left:2px;display:block!important;width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;min-height:12px!important;max-height:12px!important;margin:0!important;padding:0!important;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(23,52,82,.28);transition:transform .18s ease}
.admin-comments-settings-page .admin-setting-switch input:checked+.admin-setting-switch__track{border-color:#1381ea;background:#1687ee}
.admin-comments-settings-page .admin-setting-switch input:checked+.admin-setting-switch__track>span{transform:translateX(10px)}
.admin-comments-settings-page .admin-setting-switch input:focus-visible+.admin-setting-switch__track{outline:3px solid rgba(23,126,235,.22);outline-offset:2px}
.admin-comments-settings-page .admin-comments-settings__group:after{display:none}

/* Comments Settings v2: a calmer, task-focused administration surface. */
.admin-comments-settings-v2{--v2-ink:#10264b;--v2-muted:#6d819e;--v2-blue:#176fe8;--v2-line:#dce8f5;--v2-soft:#f6faff;max-width:1480px}
.admin-comments-settings-v2 .admin-security-settings__hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;min-height:122px;margin:0 0 14px;padding:24px 26px;border:1px solid #d7e7f7;border-radius:22px;background:linear-gradient(115deg,#fff 0%,#f6fbff 62%,#edf6ff 100%);box-shadow:0 12px 28px rgba(35,91,151,.08)}
.admin-comments-settings-v2 .admin-security-settings__hero:before{display:none}
.admin-comments-settings-v2 .admin-security-settings__hero-icon{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:15px;background:linear-gradient(145deg,#2d88f5,#1264db);box-shadow:0 10px 19px rgba(25,107,224,.22)}
.admin-comments-settings-v2 .admin-security-settings__hero-copy h1{margin:2px 0 6px;color:var(--v2-ink);font-size:clamp(26px,2.7vw,36px);letter-spacing:-.045em}
.admin-comments-settings-v2 .admin-security-settings__hero-copy p:last-of-type{max-width:620px;margin:0;color:var(--v2-muted);font-size:13px;line-height:1.5}
.admin-comments-settings-v2 .admin-security-settings__eyebrow{margin:0;color:var(--v2-blue);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.admin-comments-settings-v2 .admin-security-settings__status{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #bfe8d0;border-radius:999px;background:#ecfbf2;color:#13934c;font-size:11px;font-weight:850;white-space:nowrap}
.admin-comments-settings-v2 .admin-security-settings__status span{width:7px;height:7px;border-radius:50%;background:#20b762;box-shadow:0 0 0 4px rgba(32,183,98,.12)}
.admin-comments-settings-v2 .admin-comments-settings-tabs{margin:0 0 14px;padding:0;border:0;background:transparent;box-shadow:none}
.admin-comments-settings-v2 .admin-comments-settings-tabs .tabs{display:flex;gap:4px;overflow:auto;padding:5px;border:1px solid var(--v2-line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(35,91,151,.05);scrollbar-width:none}
.admin-comments-settings-v2 .admin-comments-settings-tabs .tabs::-webkit-scrollbar{display:none}
.admin-comments-settings-v2 .admin-comments-settings-tabs .tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border:1px solid transparent;border-radius:9px;color:#6b7e99;font-size:11px;font-weight:800;white-space:nowrap;transition:all .18s ease}
.admin-comments-settings-v2 .admin-comments-settings-tabs .tabs a:hover{background:#f1f7ff;color:var(--v2-blue)}
.admin-comments-settings-v2 .admin-comments-settings-tabs .tabs a.active{border-color:#c5dcf8;background:#eaf4ff;color:var(--v2-blue);box-shadow:none}
.admin-comments-settings-v2 .admin-comments-dashboard{display:block;margin:0 0 16px;padding:0;border:0;background:transparent;box-shadow:none}
.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-overview__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-stat{position:relative;display:grid;min-height:88px;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:4px;padding:15px 16px;border:1px solid var(--v2-line);border-radius:16px;background:#fff;box-shadow:0 5px 15px rgba(35,91,151,.05)}
.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-stat small{grid-column:1;color:#7a8da6;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-stat strong{grid-column:1;color:var(--v2-ink);font-size:20px;line-height:1.1}
.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-stat>span{grid-column:1;color:#7b8da5;font-size:10px}
.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-stat>i{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#e9f3ff;color:#1e75e9;font-style:normal}
.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-stat--violet>i{background:#f0ecff;color:#7656d8}
.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-stat--green>i{background:#e7f8ef;color:#159b57}
.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-stat--orange>i{background:#fff0dc;color:#e58a17}
.admin-comments-settings-v2 .admin-comments-settings-shell{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.admin-comments-settings-v2 .admin-comments-settings__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.admin-comments-settings-v2 .admin-comments-settings__group{min-width:0;margin:0;padding:20px;border:1px solid var(--v2-line);border-radius:18px;background:#fff!important;box-shadow:0 7px 20px rgba(35,91,151,.055);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.admin-comments-settings-v2 .admin-comments-settings__group:hover{border-color:#bfd8f4;box-shadow:0 12px 25px rgba(35,91,151,.09);transform:translateY(-1px)}
.admin-comments-settings-v2 .admin-comments-settings__group:target{border-color:#83b7ef;box-shadow:0 0 0 3px rgba(40,123,235,.12),0 12px 25px rgba(35,91,151,.09)}
.admin-comments-settings-v2 .admin-comments-settings__group-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;min-height:0;margin:0 0 16px;padding:0 0 15px;border-bottom:1px solid #edf2f8}
.admin-comments-settings-v2 .admin-comments-settings__group-heading h2{margin:4px 0 5px;color:var(--v2-ink);font-size:18px;letter-spacing:-.025em}
.admin-comments-settings-v2 .admin-comments-settings__group-heading h2:after{display:none}
.admin-comments-settings-v2 .admin-comments-settings__group-heading p:last-child{margin:0;color:var(--v2-muted);font-size:11px;line-height:1.45}
.admin-comments-settings-v2 .admin-comments-settings__group-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #cfe2f8;border-radius:11px;background:#eff6ff;color:#2378e9;box-shadow:none}
.admin-comments-settings-v2 .admin-comments-settings__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row{position:relative;min-width:0;min-height:0;margin:0;padding:11px 12px;border:1px solid #e6eef7;border-radius:12px;background:#fbfdff;box-shadow:none;transition:border-color .16s ease,background .16s ease}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row:hover{border-color:#c8def5;background:#fff;box-shadow:none}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row>label:not(.admin-setting-switch){display:block;color:#29466e;font-size:11px;font-weight:800;line-height:1.3}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row>p{margin:5px 0 0;color:#8293a9;font-size:10px;line-height:1.4}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row>p code{display:none}
.admin-comments-settings-v2 .admin-comments-settings__fields input[type=text],.admin-comments-settings-v2 .admin-comments-settings__fields input[type=number],.admin-comments-settings-v2 .admin-comments-settings__fields select,.admin-comments-settings-v2 .admin-comments-settings__fields textarea{box-sizing:border-box;width:100%;min-height:32px;margin-top:8px;border:1px solid #d5e3f2;border-radius:8px;background:#fff;color:#29466e;font-size:11px}
.admin-comments-settings-v2 .admin-comments-settings__fields textarea{padding:8px;resize:vertical}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row:has(textarea),.admin-comments-settings-v2 .admin-comments-settings__fields .form-row:has(.admin-settings-custom-reactions),.admin-comments-settings-v2 .admin-comments-settings__fields .form-row:has(.admin-settings-reaction-options){grid-column:1/-1}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row--switch{min-height:72px;padding-right:54px}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row--switch>.admin-setting-switch{top:17px;right:14px;width:32px!important;height:20px!important}
.admin-comments-settings-v2 .admin-setting-switch__track{width:32px!important;min-width:32px!important;max-width:32px!important;height:20px!important;min-height:20px!important;max-height:20px!important;border-color:#bfccda;background:#d1dae5}
.admin-comments-settings-v2 .admin-setting-switch__track>span{top:2px;width:14px!important;min-width:14px!important;max-width:14px!important;height:14px!important;min-height:14px!important;max-height:14px!important}
.admin-comments-settings-v2 .admin-setting-switch input:checked+.admin-setting-switch__track{border-color:#1778ea;background:#197ff0}
.admin-comments-settings-v2 .admin-setting-switch input:checked+.admin-setting-switch__track>span{transform:translateX(12px)}
.admin-comments-settings-v2 .admin-comments-settings__group:nth-child(7){grid-column:1/-1}
.admin-comments-settings-v2 .admin-comments-settings__group:nth-child(7) .admin-comments-settings__fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-comments-settings-v2 .admin-settings-custom-reactions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-comments-settings-v2 .admin-settings-custom-reaction{padding:12px;border-radius:12px;background:#fff}
.admin-comments-settings-v2 .admin-comments-settings__actionbar{margin-top:16px;border-radius:15px;box-shadow:0 10px 24px rgba(35,91,151,.12)}
@media(max-width:1050px){.admin-comments-settings-v2 .admin-comments-dashboard .admin-comments-overview__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-comments-settings-v2 .admin-comments-settings__groups{grid-template-columns:1fr}.admin-comments-settings-v2 .admin-comments-settings__group:nth-child(7){grid-column:auto}.admin-comments-settings-v2 .admin-comments-settings__group:nth-child(7) .admin-comments-settings__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.admin-comments-settings-v2 .admin-security-settings__hero{grid-template-columns:auto minmax(0,1fr);padding:18px}.admin-comments-settings-v2 .admin-security-settings__status{grid-column:2;justify-self:start}.admin-comments-settings-v2 .admin-comments-settings__fields,.admin-comments-settings-v2 .admin-comments-settings__group:nth-child(7) .admin-comments-settings__fields{grid-template-columns:1fr}.admin-comments-settings-v2 .admin-comments-settings__fields .form-row:has(textarea),.admin-comments-settings-v2 .admin-comments-settings__fields .form-row:has(.admin-settings-custom-reactions),.admin-comments-settings-v2 .admin-comments-settings__fields .form-row:has(.admin-settings-reaction-options){grid-column:auto}}
.admin-comments-settings-v2 .admin-setting-switch--inline{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 0;padding:0;color:#526987;font-size:10px;font-weight:750;cursor:pointer}
.admin-comments-settings-v2 .admin-setting-switch--inline input,.admin-comments-settings-v2 .admin-setting-switch--choice input{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;margin:0!important;padding:0!important;opacity:0!important;appearance:none!important}
.admin-comments-settings-v2 .admin-setting-switch--inline .admin-setting-switch__track{position:relative;inset:auto;flex:0 0 32px;width:32px!important;height:20px!important;min-width:32px!important;min-height:20px!important;max-width:32px!important;max-height:20px!important}
.admin-comments-settings-v2 .admin-setting-switch--inline .admin-setting-switch__track>span{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important}
.admin-comments-settings-v2 .admin-setting-switch--inline input:checked+.admin-setting-switch__track{border-color:#1778ea;background:#197ff0}
.admin-comments-settings-v2 .admin-setting-switch--inline input:checked+.admin-setting-switch__track>span{transform:translateX(12px)}
.admin-comments-settings-v2 .admin-settings-reaction-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 0}
.admin-comments-settings-v2 .admin-settings-reaction-option.admin-setting-switch--choice{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:38px;margin:0;padding:7px 9px;border:1px solid #dce8f5;border-radius:10px;background:#fff;color:#526987;font-size:10px;font-weight:800;cursor:pointer}
.admin-comments-settings-v2 .admin-settings-reaction-option.admin-setting-switch--choice>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-comments-settings-v2 .admin-setting-switch--choice .admin-setting-switch__track{position:relative;inset:auto;flex:0 0 27px;width:27px!important;height:17px!important;min-width:27px!important;min-height:17px!important;max-width:27px!important;max-height:17px!important;border-radius:999px;background:#d0d9e4}
.admin-comments-settings-v2 .admin-setting-switch--choice .admin-setting-switch__track>span{top:2px;left:2px;width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;max-width:11px!important;max-height:11px!important}
.admin-comments-settings-v2 .admin-setting-switch--choice input:checked~.admin-setting-switch__track{border-color:#1778ea;background:#197ff0}
.admin-comments-settings-v2 .admin-setting-switch--choice input:checked~.admin-setting-switch__track>span{transform:translateX(10px)}
.admin-comments-settings-v2 .admin-setting-switch--choice:has(input:checked){border-color:#b8d7f8;background:#f4f9ff;color:#176fe8}
.admin-comments-settings-v2 .admin-setting-switch input:focus-visible+.admin-setting-switch__track{outline:3px solid rgba(23,126,235,.2);outline-offset:2px}
@media(max-width:680px){.admin-comments-settings-v2 .admin-settings-reaction-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row:has(> .admin-setting-switch:not(.admin-setting-switch--inline):not(.admin-setting-switch--choice)){position:relative!important;min-height:72px!important;padding:12px 58px 12px 12px!important}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row> .admin-setting-switch:not(.admin-setting-switch--inline):not(.admin-setting-switch--choice){position:absolute!important;top:17px!important;right:14px!important;display:block!important;width:32px!important;height:20px!important;min-width:32px!important;max-width:32px!important;margin:0!important;padding:0!important;color:transparent!important;font-size:0!important;line-height:0!important;z-index:2!important}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row> .admin-setting-switch:not(.admin-setting-switch--inline):not(.admin-setting-switch--choice) input{position:absolute!important;top:0!important;left:0!important;display:block!important;width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;min-height:1px!important;max-height:1px!important;margin:0!important;padding:0!important;opacity:0!important;appearance:none!important}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row> .admin-setting-switch:not(.admin-setting-switch--inline):not(.admin-setting-switch--choice) .admin-setting-switch__track{position:absolute!important;inset:0!important;display:block!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row--switch{display:block!important;position:relative!important;min-height:72px!important;padding:12px 58px 12px 12px!important}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row--switch>label:first-child{display:block!important;margin:0!important;padding:0!important;color:#29466e!important;font-size:11px!important;font-weight:800!important}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row--switch>p{margin:5px 0 0!important;padding:0!important}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row--switch>.admin-setting-switch{position:absolute!important;top:17px!important;right:14px!important;display:block!important;width:32px!important;height:20px!important;min-width:32px!important;max-width:32px!important;margin:0!important;padding:0!important;color:transparent!important;font-size:0!important;line-height:0!important}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row--switch>.admin-setting-switch input,.admin-comments-settings-v2 .admin-setting-switch:not(.admin-setting-switch--inline):not(.admin-setting-switch--choice) input{position:absolute!important;display:block!important;inset:auto!important;top:0!important;left:0!important;width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;min-height:1px!important;max-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;appearance:none!important}
.admin-comments-settings-v2 .admin-comments-settings__fields .form-row--switch>.admin-setting-switch>.admin-setting-switch__track{position:absolute!important;inset:0!important;display:block!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important;border-radius:999px!important}

/* Comment settings: boolean rows use the shared security fields container. */
.admin-comments-settings-v2 .admin-security-settings__fields .form-row--switch{display:block!important;position:relative!important;min-height:72px!important;padding:12px 58px 12px 12px!important}
.admin-comments-settings-v2 .admin-security-settings__fields .form-row--switch>label:first-child{display:block!important;margin:0!important;padding:0!important;color:#29466e!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important}
.admin-comments-settings-v2 .admin-security-settings__fields .form-row--switch>p{margin:5px 0 0!important;padding:0!important}
.admin-comments-settings-v2 .admin-security-settings__fields .form-row--switch>.admin-setting-switch:not(.admin-setting-switch--inline):not(.admin-setting-switch--choice){position:absolute!important;top:17px!important;right:14px!important;display:block!important;width:32px!important;height:20px!important;min-width:32px!important;max-width:32px!important;margin:0!important;padding:0!important;color:transparent!important;font-size:0!important;line-height:0!important;z-index:2!important;cursor:pointer!important}
.admin-comments-settings-v2 .admin-security-settings__fields .form-row--switch>.admin-setting-switch:not(.admin-setting-switch--inline):not(.admin-setting-switch--choice) input{position:absolute!important;inset:0!important;display:block!important;width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;min-height:1px!important;max-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;appearance:none!important}
.admin-comments-settings-v2 .admin-security-settings__fields .form-row--switch>.admin-setting-switch:not(.admin-setting-switch--inline):not(.admin-setting-switch--choice)>.admin-setting-switch__track{position:absolute!important;inset:0!important;display:block!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important;border-radius:999px!important}
.admin-comments-settings-v2 .admin-security-settings__fields .form-row--switch>.admin-setting-switch--disabled{opacity:.58!important;cursor:not-allowed!important}
.admin-comments-settings-v2 .admin-security-settings__fields .form-row--switch>p code{display:none!important}
.admin-comments-settings-v2 .admin-settings-custom-reaction__picker{display:grid;gap:10px;margin-top:2px;padding:12px;border:1px solid #dce8f6;border-radius:14px;background:#f8fbff}
.admin-comments-settings-v2 .admin-settings-custom-reaction__picker .video-thumbnail-picker__heading{margin:0}
.admin-comments-settings-v2 .admin-settings-custom-reaction__picker .video-thumbnail-picker__heading h3{font-size:12px}
.admin-comments-settings-v2 .admin-settings-custom-reaction__picker .video-thumbnail-picker__heading p{font-size:10px}
.admin-comments-settings-v2 .admin-settings-custom-reaction__picker .video-thumbnail-picker__dropzone{min-height:62px;padding:10px}
.admin-comments-settings-v2 .admin-settings-custom-reaction__picker .video-thumbnail-picker__button{font-size:10px}
.admin-comments-settings-v2 .admin-settings-custom-reaction__preview-wrap{display:flex;align-items:center;gap:9px;color:#647b9a;font-size:10px;font-weight:750}
.admin-comments-settings-v2 .admin-settings-custom-reaction__preview{width:44px;height:44px;border:1px solid #cfe0f2;border-radius:11px;object-fit:cover}
.admin-prompt-detail .admin-image-detail__action-icon { color:transparent !important; font-size:0 !important; line-height:1 !important; position:relative; }
.admin-prompt-detail .admin-image-detail__action-icon::after { align-items:center; color:currentColor; display:grid; font-size:20px !important; font-weight:400; inset:0; justify-items:center; line-height:1; position:absolute; }
.admin-prompt-detail .admin-image-detail__action-icon--blue::after { color:#1672df; }
.admin-prompt-detail .admin-image-detail__action-icon--green::after { color:#12a878; }
.admin-prompt-detail .admin-image-detail__action-icon--red::after { color:#ef4050; }
.admin-prompt-detail .admin-image-detail__action-icon--dark::after { color:#243c5d; }
.admin-comment-detail { color:#1d3459; }
.admin-comment-detail__crumbs { align-items:center; color:#7186a4; display:flex; font-size:12px; gap:10px; margin:0 0 14px; }
.admin-comment-detail__crumbs a { color:#1672df; text-decoration:none; }
.admin-comment-detail__header { align-items:flex-start; display:flex; gap:20px; justify-content:space-between; margin-bottom:22px; }
.admin-comment-detail__title-row { align-items:center; display:flex; flex-wrap:wrap; gap:10px; }
.admin-comment-detail__title-row h1 { color:#142d54; font-size:27px; letter-spacing:-.03em; margin:0; }
.admin-comment-detail__header p { color:#5d7495; margin:7px 0 0; }
.admin-comment-detail__header-actions { align-items:center; display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.admin-comment-detail__button,.admin-comment-detail__icon-button,.admin-comment-detail__outline-button,.admin-comment-detail__copy-button,.admin-comment-detail__inline-button { background:#fff; border:1px solid #cfe0f2; border-radius:7px; color:#21436e; cursor:pointer; font:inherit; font-size:12px; font-weight:700; padding:10px 14px; text-decoration:none; }
.admin-comment-detail__button--primary { background:#1672df; border-color:#1672df; color:#fff; }
.admin-comment-detail__icon-button { min-width:38px; padding:10px; }
.admin-comment-detail__top-grid { display:grid; gap:16px; grid-template-columns:minmax(0,1.65fr) minmax(250px,.85fr) minmax(245px,.8fr); }
.admin-comment-detail__card { background:#fff; border:1px solid #dce8f5; border-radius:11px; box-shadow:0 7px 22px #385f8710; min-width:0; padding:17px; }
.admin-comment-detail__card-heading { align-items:center; border-bottom:1px solid #e8f0f8; display:flex; gap:9px; justify-content:space-between; margin:-17px -17px 12px; padding:14px 17px; }
.admin-comment-detail__card-heading h2 { align-items:center; color:#172f54; display:flex; font-size:16px; gap:9px; margin:0; }
.admin-comment-detail__heading-icon { align-items:center; background:#edf5ff; border-radius:7px; color:#1672df; display:inline-flex; height:31px; justify-content:center; width:31px; }
.admin-comment-detail__heading-icon--purple { background:#f3edff; color:#7655dc; }.admin-comment-detail__heading-icon--red { background:#fff0f1; color:#ef4050; }
.admin-comment-detail__overview dl,.admin-comment-detail__moderation dl { margin:0; }.admin-comment-detail__overview dl>div,.admin-comment-detail__moderation dl>div { align-items:center; display:grid; gap:12px; grid-template-columns:120px minmax(0,1fr); min-height:37px; }
.admin-comment-detail dt { color:#4f6789; font-size:11px; font-weight:750; }.admin-comment-detail dd { color:#263f63; font-size:12px; margin:0; min-width:0; overflow-wrap:anywhere; }.admin-comment-detail dd small { color:#7186a4; }
.admin-comment-detail__avatar { align-items:center; background:#5e62e9; border-radius:50%; color:#fff; display:inline-flex; font-size:10px; height:25px; justify-content:center; margin-right:7px; vertical-align:middle; width:25px; }
.admin-comment-detail__inline-button { float:right; font-size:10px; padding:6px 8px; }.admin-comment-detail__truncate { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-comment-detail__badge { border-radius:999px; display:inline-flex; font-size:10px; font-weight:750; padding:4px 8px; white-space:nowrap; }.admin-comment-detail__badge--success { background:#e5f8ed; color:#13915d; }.admin-comment-detail__badge--warning { background:#fff4d8; color:#a66b00; }.admin-comment-detail__badge--danger { background:#fff0f1; color:#d93646; }
.admin-comment-detail__moderation { display:flex; flex-direction:column; }.admin-comment-detail__moderation-actions { margin-top:auto; padding-top:18px; }.admin-comment-detail__moderation-actions .actions { display:flex; flex-wrap:wrap; gap:9px; }.admin-comment-detail__moderation-actions .actions form { margin:0; }.admin-comment-detail__moderation-actions button { background:#fff; border:1px solid #cfe0f2; border-radius:7px; color:#21436e; cursor:pointer; font-size:11px; font-weight:750; padding:9px 15px; }.admin-comment-detail__moderation-actions form:nth-child(2) button { border-color:#ef7c83; color:#ef4050; }
.admin-comment-detail__side-stack { display:grid; gap:16px; }.admin-comment-detail__compact-list { margin:0 0 14px; }.admin-comment-detail__compact-list>div { align-items:center; display:flex; justify-content:space-between; min-height:38px; }.admin-comment-detail__compact-list dd { font-weight:750; }.admin-comment-detail__outline-button { display:block; text-align:center; width:100%; }
.admin-comment-detail__content-card { margin-top:16px; }.admin-comment-detail__body { color:#263f63; font-size:13px; line-height:1.65; padding:4px 0; white-space:pre-wrap; }.admin-comment-detail__copy-button { font-size:10px; padding:6px 10px; }
.admin-comment-detail__bottom-grid { display:grid; gap:16px; grid-template-columns:minmax(0,2fr) minmax(280px,.9fr); margin-top:16px; }.admin-comment-detail__timeline ol { list-style:none; margin:0; padding:0 0 0 16px; }.admin-comment-detail__timeline li { border-left:1px solid #bfd8f4; display:grid; gap:12px; grid-template-columns:12px minmax(0,1fr) auto; min-height:64px; padding:0 0 17px 15px; position:relative; }.admin-comment-detail__timeline li>span { background:#277ee7; border:3px solid #e5f1ff; border-radius:50%; height:12px; left:-7px; position:absolute; top:1px; width:12px; }.admin-comment-detail__timeline strong,.admin-comment-detail__tools strong { color:#1d3459; display:block; font-size:12px; }.admin-comment-detail__timeline small,.admin-comment-detail__tools small { color:#657c9d; display:block; font-size:11px; margin-top:4px; }.admin-comment-detail__timeline time { color:#657c9d; font-size:10px; }.admin-comment-detail__tools { display:flex; flex-direction:column; gap:1px; }.admin-comment-detail__tools>a,.admin-comment-detail__tools>button { background:#f7faff; border:0; border-bottom:1px solid #e4edf7; color:inherit; display:block; padding:11px 10px; position:relative; text-align:left; text-decoration:none; }.admin-comment-detail__tools>a span,.admin-comment-detail__tools>button span { color:#6e84a2; position:absolute; right:10px; top:18px; }
@media (max-width: 1100px) { .admin-comment-detail__top-grid { grid-template-columns:1fr 1fr; }.admin-comment-detail__side-stack { grid-column:1/-1; grid-template-columns:1fr 1fr; } }
@media (max-width: 760px) { .admin-comment-detail__header,.admin-comment-detail__header-actions { align-items:stretch; flex-direction:column; }.admin-comment-detail__top-grid,.admin-comment-detail__side-stack,.admin-comment-detail__bottom-grid { grid-template-columns:1fr; }.admin-comment-detail__overview dl>div,.admin-comment-detail__moderation dl>div { grid-template-columns:105px minmax(0,1fr); } }
.admin-comment-detail__user-agent-value { overflow-wrap:anywhere; }.admin-comment-detail__user-agent-value.is-expanded { white-space:normal; }
.admin-comment-detail__modal[hidden] { display:none; }.admin-comment-detail__modal { inset:0; position:fixed; z-index:1200; }.admin-comment-detail__modal-backdrop { background:#102b4a66; border:0; inset:0; position:absolute; width:100%; }.admin-comment-detail__modal-panel { background:#fff; border:1px solid #d6e5f4; border-radius:14px; box-shadow:0 24px 70px #17365f33; left:50%; max-height:min(620px,calc(100vh - 40px)); max-width:560px; overflow:auto; padding:18px; position:absolute; top:50%; transform:translate(-50%,-50%); width:calc(100% - 32px); }.admin-comment-detail__modal-panel header { align-items:flex-start; border-bottom:1px solid #e7eff7; display:flex; justify-content:space-between; margin:-18px -18px 12px; padding:16px 18px; }.admin-comment-detail__modal-panel header p { color:#7186a4; font-size:11px; margin:0 0 4px; }.admin-comment-detail__modal-panel header h2 { color:#172f54; font-size:20px; margin:0; }.admin-comment-detail__modal-panel header button { background:#f2f7fc; border:0; border-radius:7px; color:#45617f; cursor:pointer; height:30px; width:30px; }.admin-comment-detail__reaction-list { display:grid; gap:8px; }.admin-comment-detail__reaction-list>div { align-items:center; background:#f7faff; border:1px solid #e3edf7; border-radius:8px; display:grid; gap:10px; grid-template-columns:95px minmax(0,1fr) auto; padding:10px 12px; }.admin-comment-detail__reaction-type { color:#1672df; font-size:11px; font-weight:750; }.admin-comment-detail__reaction-list strong { color:#243e63; font-size:12px; }.admin-comment-detail__reaction-list small { color:#7186a4; font-size:10px; }.admin-comment-detail__muted { color:#7186a4; font-size:12px; }
.admin-comment-detail__timeline li { grid-template-columns:12px minmax(0,1fr) minmax(125px,auto); }
.admin-comment-detail__timeline li > div { min-width:0; }
.admin-comment-detail__timeline li > div strong { overflow-wrap:normal; word-break:normal; }
.admin-comment-detail__timeline time { min-width:125px; text-align:right; white-space:nowrap; }
@media (max-width:760px) { .admin-comment-detail__timeline li { grid-template-columns:12px minmax(0,1fr); }.admin-comment-detail__timeline time { grid-column:2; min-width:0; text-align:left; } }

/* Reports workspace */
.admin-reports-page { color:#1d3459; }
.admin-reports-page__hero { align-items:center; background:linear-gradient(135deg,#f5faff,#eaf4ff); border:1px solid #d6e6f6; border-radius:14px; display:flex; gap:16px; justify-content:space-between; margin-bottom:16px; padding:22px; }
.admin-reports-page__hero-icon { align-items:center; background:#eaf3ff; border:1px solid #cde1f8; border-radius:12px; color:#1672df; display:flex; flex:0 0 50px; height:50px; justify-content:center; }
.admin-reports-page__eyebrow { color:#1672df; font-size:10px; font-weight:800; letter-spacing:.08em; margin:0 0 5px; text-transform:uppercase; }
.admin-reports-page__hero h1 { color:#142d54; font-size:28px; letter-spacing:-.03em; margin:0; }
.admin-reports-page__hero p:not(.admin-reports-page__eyebrow) { color:#5d7495; margin:5px 0 0; }
.admin-reports-page__hero-actions { display:flex; flex-wrap:wrap; gap:9px; justify-content:flex-end; }
.admin-reports-page__primary-button,.admin-reports-page__secondary-button { border:1px solid #cfe0f2; border-radius:8px; font-size:11px; font-weight:750; padding:10px 14px; text-decoration:none; }
.admin-reports-page__primary-button { background:#1672df; border-color:#1672df; color:#fff; }
.admin-reports-page__secondary-button { background:#fff; color:#21436e; }
.admin-reports-page__stats { display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:16px; }
.admin-reports-page__stats article { align-items:center; background:#fff; border:1px solid #dce8f5; border-radius:11px; box-shadow:0 7px 22px #385f8710; display:flex; gap:12px; padding:14px; }
.admin-reports-page__stat-icon { align-items:center; background:#edf5ff; border-radius:10px; display:flex; flex:0 0 36px; height:36px; justify-content:center; }
.admin-reports-page__stat-icon--blue { color:#1672df; }.admin-reports-page__stat-icon--orange { background:#fff5df; color:#bf7d00; }.admin-reports-page__stat-icon--red { background:#fff0f1; color:#ef4050; }.admin-reports-page__stat-icon--green { background:#e8faf1; color:#13915d; }
.admin-reports-page__stats small { color:#6b82a1; display:block; font-size:10px; }.admin-reports-page__stats strong { color:#172f54; display:block; font-size:22px; line-height:1.1; margin:4px 0; }.admin-reports-page__stats article div span { color:#7186a4; display:block; font-size:10px; }
.admin-reports-page__filter-card,.admin-reports-page__list-card { background:#fff; border:1px solid #dce8f5; border-radius:11px; box-shadow:0 7px 22px #385f8710; margin-bottom:16px; padding:17px; }
.admin-reports-page__section-heading { align-items:center; display:flex; justify-content:space-between; margin-bottom:13px; }.admin-reports-page__section-heading h2 { color:#172f54; font-size:17px; margin:0; }.admin-reports-page__section-heading>span { color:#7186a4; font-size:11px; }
.admin-reports-page__filters { align-items:end; display:grid; gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)) auto auto; }.admin-reports-page__filters label { color:#4f6789; display:grid; font-size:10px; font-weight:750; gap:5px; }.admin-reports-page__filters select { background:#fff; border:1px solid #cfe0f2; border-radius:7px; color:#29436d; font:inherit; padding:10px; }.admin-reports-page__clear { color:#1672df; font-size:11px; padding:10px 0; text-decoration:none; }
.admin-reports-page__row { align-items:center; border-top:1px solid #e7eff7; display:grid; gap:12px; grid-template-columns:36px minmax(0,1fr) auto 18px; padding:13px 5px; text-decoration:none; }.admin-reports-page__row:first-of-type { border-top:0; }.admin-reports-page__row:hover { background:#f7faff; border-radius:8px; }.admin-reports-page__row-icon { align-items:center; background:#fff4d8; border-radius:9px; color:#a66b00; display:flex; height:34px; justify-content:center; width:34px; }.admin-reports-page__row-icon--danger { background:#fff0f1; color:#ef4050; }.admin-reports-page__row-icon--success { background:#e8faf1; color:#13915d; }.admin-reports-page__row-main strong { color:#1d3459; display:block; font-size:12px; }.admin-reports-page__row-main em { color:#8295ae; font-style:normal; font-weight:500; }.admin-reports-page__row-main small,.admin-reports-page__row-meta small { color:#7186a4; display:block; font-size:10px; margin-top:4px; }.admin-reports-page__row-meta { text-align:right; }.admin-reports-page__badge { border-radius:999px; display:inline-flex; font-size:10px; font-weight:750; padding:4px 8px; }.admin-reports-page__badge--warning { background:#fff4d8; color:#a66b00; }.admin-reports-page__badge--danger { background:#fff0f1; color:#d93646; }.admin-reports-page__badge--success { background:#e5f8ed; color:#13915d; }.admin-reports-page__badge--neutral { background:#eef4fa; color:#607895; }.admin-reports-page__row-arrow { color:#1672df; font-size:18px; }.admin-reports-page__empty { padding:38px 15px; text-align:center; }.admin-reports-page__empty>span { color:#13a66d; font-size:24px; }.admin-reports-page__empty h3 { color:#172f54; margin:8px 0 4px; }.admin-reports-page__empty p { color:#7186a4; font-size:12px; margin:0; }.admin-reports-page__pagination { border-top:1px solid #e7eff7; padding-top:12px; }
@media (max-width:1050px) { .admin-reports-page__stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-reports-page__filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .admin-reports-page__hero { align-items:flex-start; flex-direction:column; }.admin-reports-page__hero-actions { justify-content:flex-start; }.admin-reports-page__stats { grid-template-columns:1fr; }.admin-reports-page__filters { grid-template-columns:1fr; }.admin-reports-page__row { grid-template-columns:36px minmax(0,1fr) 18px; }.admin-reports-page__row-meta { grid-column:2; text-align:left; }.admin-reports-page__row-arrow { grid-column:3; grid-row:1/3; } }

/* Report detail workspace */
.admin-report-detail { color:#1d3459; }.admin-report-detail__crumbs { align-items:center; color:#8094ae; display:flex; font-size:11px; gap:8px; margin:0 0 12px; }.admin-report-detail__crumbs a { color:#1672df; text-decoration:none; }.admin-report-detail__crumbs strong { color:#365476; font-weight:700; }
.admin-report-detail__hero { align-items:center; background:linear-gradient(135deg,#f5faff,#eaf4ff); border:1px solid #d6e6f6; border-radius:14px; display:flex; justify-content:space-between; margin-bottom:14px; padding:20px 22px; }.admin-report-detail__hero-copy { align-items:center; display:flex; gap:14px; }.admin-report-detail__hero-icon { align-items:center; background:#eaf3ff; border:1px solid #cde1f8; border-radius:12px; color:#1672df; display:flex; flex:0 0 48px; height:48px; justify-content:center; }.admin-report-detail__hero h1 { color:#142d54; font-size:27px; letter-spacing:-.03em; margin:0; }.admin-report-detail__hero h1 span { color:#6e86a4; font-weight:600; }.admin-report-detail__hero p:not(.admin-reports-page__eyebrow) { color:#5d7495; margin:5px 0 0; }.admin-report-detail__hero-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.admin-report-detail__button { border:1px solid #cfe0f2; border-radius:8px; cursor:pointer; display:inline-flex; font-size:11px; font-weight:750; justify-content:center; padding:10px 13px; text-decoration:none; }.admin-report-detail__button--primary { background:#1672df; border-color:#1672df; color:#fff; }.admin-report-detail__button--secondary { background:#fff; color:#21436e; }.admin-report-detail__button--full { width:100%; }
.admin-report-detail__statusbar { background:#fff; border:1px solid #dce8f5; border-radius:11px; box-shadow:0 7px 22px #385f8710; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:14px; overflow:hidden; }.admin-report-detail__statusbar>div { border-right:1px solid #e7eff7; padding:14px 16px; }.admin-report-detail__statusbar>div:last-child { border-right:0; }.admin-report-detail__statusbar small,.admin-report-detail__facts small,.admin-report-detail__target-row small { color:#7186a4; display:block; font-size:10px; font-weight:700; margin-bottom:6px; text-transform:uppercase; }.admin-report-detail__statusbar strong { color:#1d3459; display:block; font-size:13px; }.admin-report-detail__status { border-radius:999px; display:inline-flex!important; font-size:11px!important; padding:4px 8px; }.admin-report-detail__status--warning { background:#fff4d8; color:#a66b00!important; }.admin-report-detail__status--danger { background:#fff0f1; color:#d93646!important; }.admin-report-detail__status--success { background:#e5f8ed; color:#13915d!important; }.admin-report-detail__status--neutral { background:#eef4fa; color:#607895!important; }.admin-report-detail__mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:10px!important; overflow-wrap:anywhere; }
.admin-report-detail__layout { align-items:start; display:grid; gap:14px; grid-template-columns:minmax(0,1fr) 315px; }.admin-report-detail__main,.admin-report-detail__aside { display:grid; gap:14px; }.admin-report-detail__card { background:#fff; border:1px solid #dce8f5; border-radius:11px; box-shadow:0 7px 22px #385f8710; padding:17px; }.admin-report-detail__card-heading { align-items:center; border-bottom:1px solid #e7eff7; display:flex; gap:10px; margin:-17px -17px 15px; padding:15px 17px; }.admin-report-detail__card-heading>div { min-width:0; }.admin-report-detail__card-heading h2 { color:#172f54; font-size:16px; margin:0; }.admin-report-detail__card-heading p { color:#7186a4; font-size:10px; margin:4px 0 0; }.admin-report-detail__card-icon { align-items:center; background:#edf5ff; border-radius:9px; color:#1672df; display:flex; flex:0 0 32px; height:32px; justify-content:center; }.admin-report-detail__card-icon--purple { background:#f2ecff; color:#8451d7; }.admin-report-detail__card-icon--green { background:#e8faf1; color:#13915d; }.admin-report-detail__card-icon--orange { background:#fff5df; color:#bf7d00; }.admin-report-detail__safe-label { background:#e5f8ed; border-radius:999px; color:#13915d; font-size:10px; font-weight:750; margin-left:auto; padding:5px 8px; }
.admin-report-detail__facts { display:grid; gap:0 22px; grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-report-detail__facts>div { border-bottom:1px solid #edf2f7; padding:11px 0; }.admin-report-detail__facts>div:nth-last-child(-n+2) { border-bottom:0; }.admin-report-detail__facts strong { color:#29456d; display:block; font-size:12px; }.admin-report-detail__facts span { color:#8295ae; display:block; font-size:10px; margin-top:4px; overflow-wrap:anywhere; }.admin-report-detail__details { background:#f7faff; border:1px solid #e3edf7; border-radius:8px; color:#3f597b; font-size:12px; line-height:1.65; min-height:80px; overflow-wrap:anywhere; padding:13px; white-space:pre-wrap; }.admin-report-detail__target-row { align-items:center; display:flex; justify-content:space-between; gap:15px; }.admin-report-detail__target-row strong { color:#29456d; display:block; font-size:13px; }.admin-report-detail__inline-link { color:#1672df; font-size:11px; font-weight:750; text-decoration:none; white-space:nowrap; }.admin-report-detail__muted,.admin-report-detail__readonly { color:#7186a4; font-size:11px; }
.admin-report-detail__timeline { list-style:none; margin:0; padding:0; }.admin-report-detail__timeline li { align-items:start; display:grid; gap:10px; grid-template-columns:12px minmax(0,1fr) minmax(120px,auto); padding:12px 0; position:relative; }.admin-report-detail__timeline li:not(:last-child):after { background:#bcd8f6; content:""; left:5px; position:absolute; top:27px; bottom:-5px; width:2px; }.admin-report-detail__timeline li>span { background:#1672df; border:3px solid #e5f1ff; border-radius:50%; height:12px; position:relative; width:12px; z-index:1; }.admin-report-detail__timeline li.is-pending>span { background:#f0b53a; }.admin-report-detail__timeline strong { color:#29456d; display:block; font-size:12px; }.admin-report-detail__timeline small,.admin-report-detail__timeline time { color:#7186a4; font-size:10px; }.admin-report-detail__timeline time { text-align:right; white-space:nowrap; }
.admin-report-detail__review-form { display:grid; gap:7px; }.admin-report-detail__review-form label { color:#4f6789; font-size:10px; font-weight:750; }.admin-report-detail__review-form select { background:#fff; border:1px solid #cfe0f2; border-radius:7px; color:#29436d; font:inherit; padding:10px; }.admin-report-detail__action-link,.admin-report-detail__incident-form button { align-items:center; background:#f7faff; border:1px solid #e3edf7; border-radius:8px; color:#29456d; display:flex; gap:10px; margin-top:12px; padding:11px; text-align:left; text-decoration:none; width:100%; }.admin-report-detail__action-link>span,.admin-report-detail__incident-form button>span { align-items:center; background:#e8faf1; border-radius:8px; color:#13915d; display:flex; flex:0 0 30px; height:30px; justify-content:center; }.admin-report-detail__action-link div,.admin-report-detail__incident-form button div { min-width:0; }.admin-report-detail__action-link strong,.admin-report-detail__incident-form button strong { display:block; font-size:11px; }.admin-report-detail__action-link small,.admin-report-detail__incident-form button small { color:#7186a4; display:block; font-size:10px; margin-top:3px; }.admin-report-detail__action-link b,.admin-report-detail__incident-form button b { color:#1672df; margin-left:auto; }.admin-report-detail__incident-form { margin:0; }.admin-report-detail__incident-form button { cursor:pointer; font:inherit; }.admin-report-detail__incident-form button>span { background:#fff4d8; color:#bf7d00; }.admin-report-detail__metadata { margin:0; }.admin-report-detail__metadata>div { border-bottom:1px solid #edf2f7; display:flex; gap:12px; justify-content:space-between; padding:10px 0; }.admin-report-detail__metadata>div:last-child { border-bottom:0; }.admin-report-detail__metadata dt { color:#7186a4; font-size:10px; }.admin-report-detail__metadata dd { color:#29456d; font-size:10px; margin:0; text-align:right; }.admin-report-detail__card--tip { align-items:flex-start; background:linear-gradient(135deg,#edf7ff,#f8fbff); border-color:#cfe3f8; display:flex; gap:10px; }.admin-report-detail__card--tip>span { color:#1672df; font-size:22px; }.admin-report-detail__card--tip strong { color:#1d4675; font-size:12px; }.admin-report-detail__card--tip p { color:#7186a4; font-size:10px; line-height:1.5; margin:4px 0 0; }
@media (max-width:1050px) { .admin-report-detail__layout { grid-template-columns:minmax(0,1fr) 275px; } }.admin-report-detail__hero-actions .admin-report-detail__button { white-space:nowrap; }
@media (max-width:760px) { .admin-report-detail__hero { align-items:flex-start; flex-direction:column; }.admin-report-detail__hero-actions { justify-content:flex-start; }.admin-report-detail__statusbar { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-report-detail__statusbar>div:nth-child(2) { border-right:0; }.admin-report-detail__layout { grid-template-columns:1fr; }.admin-report-detail__facts { grid-template-columns:1fr; }.admin-report-detail__facts>div:nth-last-child(-n+2) { border-bottom:1px solid #edf2f7; }.admin-report-detail__facts>div:last-child { border-bottom:0; }.admin-report-detail__target-row { align-items:flex-start; flex-direction:column; }.admin-report-detail__timeline li { grid-template-columns:12px minmax(0,1fr); }.admin-report-detail__timeline time { grid-column:2; text-align:left; } }

/* Security incidents workspace */
.admin-security-incidents-v2{color:#1d3459}.admin-security-incidents-v2__hero{align-items:stretch;background:linear-gradient(135deg,#f5faff,#e7f3ff);border:1px solid #d5e6f7;border-radius:16px;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px;min-height:178px;overflow:hidden;padding:24px;position:relative}.admin-security-incidents-v2__hero-copy{max-width:680px;position:relative;z-index:1}.admin-security-kicker{color:#1672df;display:inline-flex;font-size:10px;font-weight:850;gap:6px;letter-spacing:.08em;text-transform:uppercase}.admin-security-incidents-v2 h1{color:#142d54;font-size:30px;letter-spacing:-.04em;margin:9px 0 6px}.admin-security-incidents-v2__hero p{color:#5d7495;font-size:13px;line-height:1.55;margin:0;max-width:630px}.admin-security-incidents-v2__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.admin-security-button{align-items:center;border:1px solid #cfe0f2;border-radius:8px;display:inline-flex;font-size:11px;font-weight:800;gap:7px;padding:10px 14px;text-decoration:none}.admin-security-button--primary{background:#1672df;border-color:#1672df;color:#fff}.admin-security-button--ghost{background:#fff;color:#21436e}.admin-security-incidents-v2__hero-art{align-items:center;background:radial-gradient(circle,#8cc8ff55 0 2px,transparent 3px) 0 0/22px 22px;display:flex;flex:0 0 260px;justify-content:center;min-height:150px;position:relative}.admin-security-incidents-v2__spark{color:#1672df;font-size:32px;position:absolute;right:18px;top:0}.admin-security-incidents-v2__radar{align-items:center;background:linear-gradient(145deg,#ffffffcc,#dceeff);border:1px solid #c7e1fa;border-radius:50%;box-shadow:0 15px 35px #3c84bd22;display:flex;height:112px;justify-content:center;position:relative;width:112px}.admin-security-incidents-v2__radar>span{align-items:center;background:#1672df;border-radius:18px;color:#fff;display:flex;height:52px;justify-content:center;width:52px}.admin-security-incidents-v2__radar i{border:1px solid #89c5f4;border-radius:50%;inset:16px;position:absolute}.admin-security-incidents-v2__radar i:nth-of-type(2){inset:29px}.admin-security-incidents-v2__radar i:nth-of-type(3){border-color:#1672df;border-style:dashed;inset:5px}.admin-security-incidents-v2__chip{background:#fff;border:1px solid #d4e5f5;border-radius:999px;box-shadow:0 8px 18px #2e5e8d17;color:#385878;font-size:10px;font-weight:800;padding:7px 10px;position:absolute}.admin-security-incidents-v2__chip--one{right:2px;top:28px}.admin-security-incidents-v2__chip--two{bottom:18px;left:0}.admin-security-incidents-v2__metrics{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.admin-security-incidents-v2__metrics article{align-items:center;background:#fff;border:1px solid #dce8f5;border-radius:11px;box-shadow:0 7px 22px #385f8710;display:flex;gap:11px;padding:14px}.admin-security-incidents-v2__metric-icon{align-items:center;background:#edf5ff;border-radius:10px;color:#1672df;display:flex;flex:0 0 37px;height:37px;justify-content:center}.admin-security-incidents-v2__metrics .is-warning .admin-security-incidents-v2__metric-icon{background:#fff5df;color:#bf7d00}.admin-security-incidents-v2__metrics .is-danger .admin-security-incidents-v2__metric-icon{background:#fff0f1;color:#ef4050}.admin-security-incidents-v2__metrics .is-purple .admin-security-incidents-v2__metric-icon{background:#f3edff;color:#7655dc}.admin-security-incidents-v2__metrics small{color:#7186a4;display:block;font-size:10px;font-weight:750}.admin-security-incidents-v2__metrics strong{color:#172f54;display:block;font-size:22px;line-height:1.1;margin:4px 0}.admin-security-incidents-v2__metrics p{color:#8295ae;font-size:10px;margin:0}.admin-security-incidents-v2__workspace,.admin-security-incidents-v2__results{background:#fff;border:1px solid #dce8f5;border-radius:12px;box-shadow:0 7px 22px #385f8710;margin-bottom:16px;padding:18px}.admin-security-incidents-v2__heading,.admin-security-incidents-v2__results-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.admin-security-incidents-v2 h2{color:#172f54;font-size:18px;letter-spacing:-.02em;margin:4px 0}.admin-security-incidents-v2__heading p{color:#7186a4;font-size:11px;margin:0}.admin-security-incidents-v2__filter-pill{align-items:center;background:#edf5ff;border-radius:999px;color:#1672df;display:inline-flex;font-size:10px;font-weight:800;gap:5px;padding:7px 10px}.admin-security-incidents-v2__filters{align-items:end;background:#f7faff;border:1px solid #e2edf7;border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px}.admin-security-incidents-v2__filters label{color:#4f6789;display:grid;font-size:10px;font-weight:800;gap:5px}.admin-security-incidents-v2__filters label.is-wide{grid-column:span 2}.admin-security-incidents-v2__filters input,.admin-security-incidents-v2__filters select{background:#fff;border:1px solid #cfe0f2;border-radius:7px;color:#29436d;font:inherit;min-width:0;padding:9px}.admin-security-incidents-v2__filters .admin-security-button{justify-content:center}.admin-security-incidents-v2__active{align-items:center;color:#7186a4;display:flex;flex-wrap:wrap;font-size:10px;gap:7px;margin-top:11px}.admin-security-incidents-v2__active span{background:#edf5ff;border-radius:999px;color:#385878;padding:5px 8px}.admin-security-incidents-v2__results-heading>span{color:#7186a4;font-size:11px}.admin-security-incidents-v2__table-wrap{overflow-x:auto}.admin-security-incidents-v2__table{border-collapse:collapse;min-width:850px;width:100%}.admin-security-incidents-v2__table th{color:#7186a4;font-size:10px;font-weight:850;padding:10px 9px;text-align:left;text-transform:uppercase}.admin-security-incidents-v2__table td{border-top:1px solid #e8f0f8;color:#526b8c;font-size:11px;padding:12px 9px;vertical-align:middle}.admin-security-incidents-v2__table tbody tr:hover{background:#f8fbff}.admin-security-incidents-v2__incident{align-items:center;color:inherit;display:flex;gap:9px;text-decoration:none}.admin-security-incidents-v2__incident-icon,.admin-security-incidents-v2__event-count{align-items:center;background:#edf5ff;border-radius:9px;color:#1672df;display:inline-flex;height:31px;justify-content:center;width:31px}.admin-security-incidents-v2__incident strong{color:#1d3459;display:block;font-size:12px}.admin-security-incidents-v2__incident small{color:#8295ae;display:block;font-size:10px;margin-top:3px}.admin-security-incidents-v2__event-count{background:#f3edff;color:#7655dc;font-size:11px;font-weight:850;height:27px;width:27px}.admin-security-incidents-v2__row-actions{display:flex;gap:8px}.admin-security-incidents-v2__row-actions a{color:#1672df;font-size:10px;font-weight:850;text-decoration:none}.admin-security-incidents-v2__empty{padding:45px 15px!important;text-align:center}.admin-security-incidents-v2__empty>*{display:block;margin:6px auto}.admin-security-incidents-v2__empty svg{color:#13915d;height:28px;width:28px}.admin-security-incidents-v2__empty strong{color:#1d3459;font-size:14px}.admin-security-incidents-v2__empty span{color:#7186a4;font-size:11px}.admin-security-incidents-v2 .pagination{margin-top:14px}.admin-security-incidents-v2 .pagination a,.admin-security-incidents-v2 .pagination span{border-radius:7px}
.admin-security-incidents-v2__pagination{align-items:center;border-top:1px solid #e7eff7;display:flex;gap:14px;justify-content:space-between;margin-top:14px;padding-top:13px}.admin-security-incidents-v2__pagination>span{color:#7186a4;font-size:10px;font-weight:750}.admin-security-incidents-v2__pagination>div{min-width:0}.admin-security-incidents-v2__pagination .pagination{align-items:center;display:flex;gap:5px;margin:0}.admin-security-incidents-v2__pagination .pagination>*,.admin-security-incidents-v2__pagination .pagination a,.admin-security-incidents-v2__pagination .pagination span{align-items:center;background:#fff;border:1px solid #d7e5f3;color:#496584;display:inline-flex;font-size:10px;font-weight:800;height:30px;justify-content:center;min-width:30px;padding:0 8px;text-decoration:none}.admin-security-incidents-v2__pagination .pagination .active span{background:#1672df;border-color:#1672df;color:#fff}.admin-security-incidents-v2__pagination .pagination .disabled span{background:#f5f8fb;color:#a5b5c7;cursor:not-allowed}
.admin-security-incidents-v2 h1{font-size:34.5px}.admin-security-incidents-v2 h2{font-size:20.7px}.admin-security-incidents-v2 .admin-security-kicker{font-size:11.5px}.admin-security-incidents-v2__hero p{font-size:14.95px}.admin-security-incidents-v2 .admin-security-button{font-size:12.65px}.admin-security-incidents-v2__metrics small{font-size:11.5px}.admin-security-incidents-v2__metrics strong{font-size:25.3px}.admin-security-incidents-v2__metrics p{font-size:11.5px}.admin-security-incidents-v2__heading p{font-size:12.65px}.admin-security-incidents-v2__filter-pill{font-size:11.5px}.admin-security-incidents-v2__filters label,.admin-security-incidents-v2__filters input,.admin-security-incidents-v2__filters select{font-size:11.5px}.admin-security-incidents-v2__active{font-size:11.5px}.admin-security-incidents-v2__results-heading>span{font-size:12.65px}.admin-security-incidents-v2__table th{font-size:11.5px}.admin-security-incidents-v2__table td{font-size:12.65px}.admin-security-incidents-v2__incident strong{font-size:13.8px}.admin-security-incidents-v2__incident small,.admin-security-incidents-v2__row-actions a{font-size:11.5px}.admin-security-incidents-v2 .pagination{align-items:center;display:flex;justify-content:space-between;margin:1rem 0 0;min-height:40px}.admin-security-incidents-v2 .pagination nav{width:100%}.admin-security-incidents-v2 .pagination nav>div:first-child{color:#7185a1;font-size:.8625rem}.admin-security-incidents-v2 .pagination nav>div:last-child{align-items:center;display:flex;justify-content:flex-end;gap:6px}.admin-security-incidents-v2 .pagination a,.admin-security-incidents-v2 .pagination span{align-items:center;background:#f8faff;border:1px solid #e2eaf5;border-radius:10px;color:#526987;display:inline-flex;font-size:.874rem;font-weight:800;height:36px;justify-content:center;min-width:36px;padding:0 10px;text-decoration:none}.admin-security-incidents-v2 .pagination a:hover{background:#eaf3ff;border-color:#a9caff;color:#1769db}.admin-security-incidents-v2 .pagination span[aria-current=page],.admin-security-incidents-v2 .pagination span[aria-current=page]>span{background:#1769db;border-color:#1769db;color:#fff}.admin-security-incidents-v2 .pagination span[aria-disabled=true]{color:#a7b5c8;cursor:not-allowed;opacity:.72}.admin-security-incidents-v2 .pagination svg{height:16px;width:16px}
/* User detail workspace */
.admin-user-detail-v2{gap:16px}.admin-user-detail-v2__back{align-items:center;display:inline-flex;font-size:12px;gap:6px;width:max-content}.admin-user-detail-v2 .admin-user-detail__hero{background:linear-gradient(135deg,#f5faff,#e7f3ff);border-color:#d5e6f7;min-height:148px;overflow:hidden;padding:24px;position:relative}.admin-user-detail-v2 .admin-user-detail__hero:after{background:radial-gradient(circle,#75b7fb55 0 2px,transparent 3px) 0 0/22px 22px;content:"";height:180px;opacity:.8;position:absolute;right:0;top:0;width:300px}.admin-user-detail-v2 .admin-user-detail__avatar,.admin-user-detail-v2 .admin-user-detail__hero-copy,.admin-user-detail-v2 .admin-user-detail__hero-actions{position:relative;z-index:1}.admin-user-detail-v2 .admin-user-detail__avatar{background:linear-gradient(145deg,#1672df,#7668e9);border:5px solid #eaf4ff;color:#fff;height:78px;width:78px}.admin-user-detail-v2 h1{font-size:34px}.admin-user-detail-v2 .admin-user-detail__meta,.admin-user-detail-v2 .admin-user-detail__uuid{font-size:13px}.admin-user-detail-v2 .admin-user-detail__status,.admin-user-detail-v2 .admin-user-detail__pill{font-size:11px;padding:5px 9px}.admin-user-detail-v2 .admin-user-detail__button{font-size:12px;min-height:38px}.admin-user-detail-v2 .admin-user-detail__overview-grid{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-user-detail-v2 .admin-user-detail__card,.admin-user-detail-v2 .admin-user-detail__report-section,.admin-user-detail-v2 .admin-user-detail__action-row{border-color:#dce8f5;border-radius:12px;box-shadow:0 7px 22px #385f8710}.admin-user-detail-v2 .admin-user-detail__card{padding:18px}.admin-user-detail-v2 .admin-user-detail__card-heading{border-bottom:1px solid #e7eff7;margin:-18px -18px 14px;padding:14px 18px}.admin-user-detail-v2 .admin-user-detail__card-heading h2,.admin-user-detail-v2 .admin-user-detail__report-heading h2{font-size:16px}.admin-user-detail-v2 .admin-user-detail__heading-icon{align-items:center;background:#edf5ff;border-radius:8px;height:30px;justify-content:center;width:30px}.admin-user-detail-v2 .admin-user-detail__heading-icon svg{height:16px;width:16px}.admin-user-detail-v2 .admin-user-detail__facts>div{min-height:38px}.admin-user-detail-v2 .admin-user-detail__facts dt{font-size:10px}.admin-user-detail-v2 .admin-user-detail__facts dd{font-size:11px}.admin-user-detail-v2 .admin-user-detail__permissions{font-size:11px;line-height:1.6}.admin-user-detail-v2 .admin-user-detail__role{background:#f7faff;border:1px solid #e1edf8;border-radius:8px;font-size:11px;margin-bottom:7px;padding:9px}.admin-user-detail-v2 .admin-user-detail__content-counts>div{font-size:11px;min-height:32px}.admin-user-detail-v2 .admin-user-detail__content-counts strong{font-size:14px}.admin-user-detail-v2 .admin-user-detail__activity-grid{gap:14px}.admin-user-detail-v2 .admin-user-detail__feed-row{min-height:52px;padding:9px}.admin-user-detail-v2 .admin-user-detail__feed-copy strong{font-size:11px}.admin-user-detail-v2 .admin-user-detail__feed-copy small{font-size:10px}.admin-user-detail-v2 .admin-user-detail__report-section{padding:18px}.admin-user-detail-v2 .admin-user-detail__report-heading{border-bottom:1px solid #e7eff7;padding-bottom:12px}.admin-user-detail-v2 .admin-user-detail__report-heading>span:last-child{color:#7186a4;font-size:10px;margin-left:auto}.admin-user-detail-v2 .admin-user-detail__action-row{min-height:64px;padding:14px 18px}.admin-user-detail-v2 .admin-user-detail__action-row h2{font-size:13px}.admin-user-detail-v2 .admin-user-detail__action-row small{font-size:10px}.admin-user-detail-v2 .admin-user-detail__action-row form{gap:8px}.admin-user-detail-v2 .admin-user-detail__action-row select{font-size:11px;padding:8px}.admin-user-detail-v2 .admin-user-detail__card-links a,.admin-user-detail-v2 .admin-user-detail__card-link{font-size:11px}
@media (min-width:1101px){.admin-user-detail-v2 .admin-user-detail__overview-grid{gap:16px;grid-template-columns:repeat(6,minmax(0,1fr))}.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card:nth-child(1),.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card:nth-child(2),.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card:nth-child(3),.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card:nth-child(4){grid-column:span 3}}
.admin-user-detail-v2 .admin-user-detail__hero{background:linear-gradient(120deg,#ffffff 0%,#f4f9ff 58%,#e7f3ff 100%);box-shadow:0 12px 34px #385f8714}.admin-user-detail-v2 .admin-user-detail__hero-copy{padding:3px 0}.admin-user-detail-v2 .admin-user-detail__title-row h1{background:linear-gradient(100deg,#142d54,#1672df);-webkit-background-clip:text;background-clip:text;color:transparent}.admin-user-detail-v2 .admin-user-detail__hero-actions{align-self:center}.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card{min-height:245px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card:hover{border-color:#b9d7f5;box-shadow:0 13px 30px #385f8720;transform:translateY(-2px)}.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card:before{background:linear-gradient(90deg,#1672df,#78b9f7);border-radius:12px 12px 0 0;content:"";height:3px;left:-1px;position:absolute;right:-1px;top:-1px}.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card:nth-child(2):before{background:linear-gradient(90deg,#7655dc,#b59aff)}.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card:nth-child(3):before{background:linear-gradient(90deg,#12a878,#7adcb5)}.admin-user-detail-v2 .admin-user-detail__overview-grid>.admin-user-detail__card:nth-child(4):before{background:linear-gradient(90deg,#f0a62e,#ffd26f)}.admin-user-detail-v2 .admin-user-detail__role-list,.admin-user-detail-v2 .admin-user-detail__permissions,.admin-user-detail-v2 .admin-user-detail__content-counts{padding-top:4px}.admin-user-detail-v2 .admin-user-detail__permissions{background:#f7faff;border:1px solid #e2edf7;border-radius:9px;max-height:144px;overflow:auto;padding:11px}.admin-user-detail-v2 .admin-user-detail__activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-detail-v2 .admin-user-detail__activity-grid .admin-user-detail__card{min-height:215px}.admin-user-detail-v2 .admin-user-detail__feed-row{border:1px solid transparent;border-radius:8px;margin:3px 0;transition:background .2s ease,border-color .2s ease}.admin-user-detail-v2 .admin-user-detail__feed-row:hover{background:#f4f9ff;border-color:#d9e9f8}.admin-user-detail-v2 .admin-user-detail__report-section{background:linear-gradient(145deg,#fff,#f8fbff)}.admin-user-detail-v2 .admin-user-detail__report-grid{gap:10px}.admin-user-detail-v2 .admin-user-detail__report-card{background:#f7faff;border:1px solid #e1edf8;border-radius:10px;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.admin-user-detail-v2 .admin-user-detail__report-card:hover{box-shadow:0 8px 18px #385f8714;transform:translateY(-2px)}.admin-user-detail-v2 .admin-user-detail__action-row{background:linear-gradient(100deg,#fff,#f8fbff);transition:border-color .2s ease,box-shadow .2s ease}.admin-user-detail-v2 .admin-user-detail__action-row:hover{border-color:#b9d7f5;box-shadow:0 9px 22px #385f8714}.admin-user-detail-v2 .admin-user-detail__action-icon{align-items:center;background:#edf5ff;border-radius:9px;height:32px;justify-content:center;width:32px}.admin-user-detail-v2 .admin-user-detail__actions{gap:10px}
@media (max-width:1100px){.admin-user-detail-v2 .admin-user-detail__overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.admin-user-detail-v2 .admin-user-detail__hero{align-items:flex-start;flex-direction:column}.admin-user-detail-v2 .admin-user-detail__hero-actions{align-self:flex-start;margin-left:0}.admin-user-detail-v2 .admin-user-detail__overview-grid,.admin-user-detail-v2 .admin-user-detail__activity-grid{grid-template-columns:1fr}.admin-user-detail-v2 .admin-user-detail__report-heading{align-items:flex-start;flex-direction:column}.admin-user-detail-v2 .admin-user-detail__report-heading>span:last-child{margin-left:0}.admin-user-detail-v2 .admin-user-detail__action-row{align-items:flex-start;flex-wrap:wrap}.admin-user-detail-v2 .admin-user-detail__action-row form{margin-left:0;width:100%}.admin-user-detail-v2 h1{font-size:28px}}

/* User detail split workspace */
.admin-user-detail-v2__body{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 300px}.admin-user-detail-v2__main{display:grid;gap:16px;min-width:0}.admin-user-detail-v2__main .admin-user-detail__activity-grid{margin:0}.admin-user-detail-v2__main .admin-user-detail__report-section{margin:0}.admin-user-detail-v2__sidebar{background:linear-gradient(180deg,#f7fbff,#eef6ff);border:1px solid #d6e6f6;border-radius:14px;display:grid;gap:10px;padding:12px;position:sticky;top:16px}.admin-user-detail-v2__sidebar-heading{align-items:center;display:flex;gap:9px;padding:4px 4px 8px}.admin-user-detail-v2__sidebar-heading .admin-user-detail__heading-icon{align-items:center;background:#e5f1ff;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.admin-user-detail-v2__sidebar-heading span{color:#7186a4;display:block;font-size:10px}.admin-user-detail-v2__sidebar-heading strong{color:#172f54;display:block;font-size:15px;margin-top:2px}.admin-user-detail-v2__sidebar .admin-user-detail__actions{display:grid;gap:10px}.admin-user-detail-v2__sidebar .admin-user-detail__action-row{align-items:center;display:grid;gap:10px;grid-template-columns:32px minmax(0,1fr);margin:0;padding:12px}.admin-user-detail-v2__sidebar .admin-user-detail__action-row form,.admin-user-detail-v2__sidebar .admin-user-detail__action-row>a{grid-column:1/-1;margin:0}.admin-user-detail-v2__sidebar .admin-user-detail__action-row form{display:grid;gap:7px;grid-template-columns:minmax(0,1fr) auto}.admin-user-detail-v2__sidebar .admin-user-detail__action-row form select{min-width:0}.admin-user-detail-v2__sidebar .admin-user-detail__action-row h2{font-size:12px}.admin-user-detail-v2__sidebar .admin-user-detail__action-row small{font-size:10px}.admin-user-detail-v2__sidebar .admin-user-detail__action-row--secondary{grid-template-columns:minmax(0,1fr)}.admin-user-detail-v2__sidebar .admin-user-detail__action-row--secondary form{grid-template-columns:1fr}.admin-user-detail-v2__permission-summary{align-items:baseline;display:flex;gap:7px;padding:7px 0}.admin-user-detail-v2__permission-summary strong{color:#1672df;font-size:31px;letter-spacing:-.04em}.admin-user-detail-v2__permission-summary span{color:#7186a4;font-size:11px}.admin-user-detail-v2__permission-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.admin-user-detail-v2__permission-categories span{background:#edf5ff;border:1px solid #d7e8f8;border-radius:999px;color:#385878;font-size:10px;font-weight:800;padding:5px 8px}.admin-user-detail-v2__view-permissions{align-items:center;background:#1672df;border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font:inherit;font-size:11px;font-weight:800;gap:7px;justify-content:center;padding:10px 12px;width:100%}.admin-user-detail-v2__view-permissions span{font-size:15px;margin-left:auto}.admin-user-detail-v2__modal[hidden]{display:none}.admin-user-detail-v2__modal{inset:0;position:fixed;z-index:1300}.admin-user-detail-v2__modal-backdrop{background:#102b4a66;border:0;inset:0;position:absolute;width:100%}.admin-user-detail-v2__modal-panel{background:#fff;border:1px solid #d6e5f4;border-radius:15px;box-shadow:0 24px 70px #17365f33;left:50%;max-height:calc(100vh - 40px);max-width:620px;overflow:auto;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px)}.admin-user-detail-v2__modal-panel header{align-items:flex-start;border-bottom:1px solid #e7eff7;display:flex;justify-content:space-between;margin:-20px -20px 16px;padding:18px 20px}.admin-user-detail-v2__modal-panel header h2{color:#172f54;font-size:22px;margin:5px 0 3px}.admin-user-detail-v2__modal-panel header p{color:#7186a4;font-size:11px;margin:0}.admin-user-detail-v2__modal-panel header button{background:#f2f7fc;border:0;border-radius:8px;color:#45617f;cursor:pointer;font-size:20px;height:30px;width:30px}.admin-user-detail-v2__permission-list{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-detail-v2__permission-list span{align-items:center;background:#f7faff;border:1px solid #e1edf8;border-radius:8px;color:#29456d;display:flex;font-size:11px;gap:8px;min-height:38px;padding:8px 10px;overflow-wrap:anywhere}.admin-user-detail-v2__permission-list svg{color:#13915d;flex:0 0 15px;height:15px;width:15px}.admin-user-detail-v2__permission-list p{color:#7186a4;font-size:12px;grid-column:1/-1}.admin-user-detail-v2__modal-open{overflow:hidden}
@media (max-width:1050px){.admin-user-detail-v2__body{grid-template-columns:minmax(0,1fr) 270px}}
@media (max-width:760px){.admin-user-detail-v2__body{grid-template-columns:1fr}.admin-user-detail-v2__sidebar{position:static}.admin-user-detail-v2__permission-list{grid-template-columns:1fr}}

/* User settings workspace */
.admin-user-settings-v2{color:#1d3459}.admin-user-settings-v2__hero{align-items:stretch;background:linear-gradient(135deg,#f5faff,#e7f3ff);border:1px solid #d5e6f7;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:16px;min-height:176px;overflow:hidden;padding:24px;position:relative}.admin-user-settings-v2__hero-copy{max-width:680px;position:relative;z-index:1}.admin-user-settings-v2__kicker{color:#1672df;display:inline-flex;font-size:10px;font-weight:850;gap:6px;letter-spacing:.08em;text-transform:uppercase}.admin-user-settings-v2 h1{color:#142d54;font-size:30px;letter-spacing:-.04em;margin:9px 0 6px}.admin-user-settings-v2__hero p{color:#5d7495;font-size:13px;line-height:1.55;margin:0}.admin-user-settings-v2__hero-actions{margin-top:18px}.admin-user-settings-v2__button{align-items:center;border:1px solid #cfe0f2;border-radius:8px;display:inline-flex;font-size:11px;font-weight:800;gap:7px;padding:10px 14px;text-decoration:none}.admin-user-settings-v2__button--primary{background:#1672df;border-color:#1672df;color:#fff}.admin-user-settings-v2__button--ghost{background:#fff;color:#21436e}.admin-user-settings-v2__hero-art{align-items:center;background:radial-gradient(circle,#8cc8ff55 0 2px,transparent 3px) 0 0/22px 22px;display:flex;flex:0 0 270px;justify-content:center;position:relative}.admin-user-settings-v2__hero-art>div{align-items:center;background:linear-gradient(145deg,#1672df,#7668e9);border:9px solid #e8f4ff;border-radius:28px;box-shadow:0 16px 30px #3c84bd25;color:#fff;display:flex;height:88px;justify-content:center;transform:rotate(-7deg);width:88px}.admin-user-settings-v2__hero-art>div svg{height:37px;width:37px}.admin-user-settings-v2__hero-art>span{color:#1672df;font-size:30px;position:absolute;right:13px;top:0}.admin-user-settings-v2__hero-art>b{background:#fff;border:1px solid #d4e5f5;border-radius:999px;bottom:17px;color:#385878;font-size:10px;padding:7px 10px;position:absolute;right:0}.admin-user-settings-v2__notice,.admin-user-settings-v2__demo{align-items:center;border-radius:10px;display:flex;font-size:11px;gap:9px;margin-bottom:16px;padding:12px 15px}.admin-user-settings-v2__notice{background:#e8faf1;border:1px solid #ccefdc;color:#13915d}.admin-user-settings-v2__demo{background:#fff5df;border:1px solid #f6dfaa;color:#936a18}.admin-user-settings-v2__demo strong{color:#76530b;margin-right:4px}.admin-user-settings-v2__status-card,.admin-user-settings-v2__card{background:#fff;border:1px solid #dce8f5;border-radius:12px;box-shadow:0 7px 22px #385f8710}.admin-user-settings-v2__status-card{margin-bottom:16px;padding:18px}.admin-user-settings-v2__section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.admin-user-settings-v2 h2{color:#172f54;font-size:18px;letter-spacing:-.02em;margin:4px 0}.admin-user-settings-v2__section-heading p{color:#7186a4;font-size:11px;margin:0}.admin-user-settings-v2__availability{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:850;gap:6px;padding:7px 10px}.admin-user-settings-v2__availability i{background:currentColor;border-radius:50%;height:7px;width:7px}.admin-user-settings-v2__availability.is-open{background:#e5f8ed;color:#13915d}.admin-user-settings-v2__availability.is-closed{background:#fff0f1;color:#d93646}.admin-user-settings-v2__kpis{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-user-settings-v2__kpis article{align-items:center;background:#f7faff;border:1px solid #e2edf7;border-radius:10px;display:flex;gap:10px;padding:13px}.admin-user-settings-v2__kpi-icon{align-items:center;background:#edf5ff;border-radius:9px;color:#1672df;display:flex;flex:0 0 34px;height:34px;justify-content:center}.admin-user-settings-v2__kpis .is-purple .admin-user-settings-v2__kpi-icon{background:#f3edff;color:#7655dc}.admin-user-settings-v2__kpis .is-green .admin-user-settings-v2__kpi-icon{background:#e8faf1;color:#13915d}.admin-user-settings-v2__kpis .is-orange .admin-user-settings-v2__kpi-icon{background:#fff5df;color:#bf7d00}.admin-user-settings-v2__kpis small{color:#7186a4;display:block;font-size:10px}.admin-user-settings-v2__kpis strong{color:#172f54;display:block;font-size:21px;line-height:1.1;margin:3px 0}.admin-user-settings-v2__kpis p{color:#8295ae;font-size:10px;margin:0}.admin-user-settings-v2__settings{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-settings-v2__card{padding:18px}.admin-user-settings-v2__card header{align-items:center;border-bottom:1px solid #e7eff7;display:flex;gap:10px;margin:-18px -18px 16px;padding:14px 18px}.admin-user-settings-v2__card header h2{font-size:16px;margin:0}.admin-user-settings-v2__card header p{color:#7186a4;font-size:10px;margin:3px 0 0}.admin-user-settings-v2__card-icon{align-items:center;background:#edf5ff;border-radius:9px;color:#1672df;display:flex;height:32px;justify-content:center;width:32px}.admin-user-settings-v2__card-icon--purple{background:#f3edff;color:#7655dc}.admin-user-settings-v2__card label{color:#4f6789;display:grid;font-size:11px;font-weight:800;gap:6px;margin-bottom:14px}.admin-user-settings-v2__card label:last-child{margin-bottom:0}.admin-user-settings-v2__card input:not(.admin-user-settings-v2__switch),.admin-user-settings-v2__card select{background:#fff;border:1px solid #cfe0f2;border-radius:8px;color:#29436d;font:inherit;padding:10px}.admin-user-settings-v2__card label small{color:#8295ae;font-size:10px;font-weight:500}.admin-user-settings-v2__switch-row{align-items:center;background:#f7faff;border:1px solid #e1edf8;border-radius:9px;display:flex!important;gap:10px;grid-template-columns:1fr auto;padding:11px}.admin-user-settings-v2__switch-row strong,.admin-user-settings-v2__switch-row small{display:block}.admin-user-settings-v2__switch{appearance:none;background:#c8d5e3;border-radius:999px;cursor:pointer;height:22px;margin:0 0 0 auto;position:relative;width:40px}.admin-user-settings-v2__switch:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #29436d44;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:16px}.admin-user-settings-v2__switch:checked{background:#1672df}.admin-user-settings-v2__switch:checked:before{transform:translateX(18px)}.admin-user-settings-v2__save{grid-column:1/-1;display:flex;justify-content:flex-end}.admin-user-settings-v2__save .admin-user-settings-v2__button{cursor:pointer}
@media (max-width:900px){.admin-user-settings-v2__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-settings-v2__settings{grid-template-columns:1fr}}
@media (max-width:650px){.admin-user-settings-v2__hero{padding:18px}.admin-user-settings-v2__hero-art{display:none}.admin-user-settings-v2 h1{font-size:26px}.admin-user-settings-v2__section-heading{align-items:flex-start;flex-direction:column;gap:9px}.admin-user-settings-v2__kpis{grid-template-columns:1fr}.admin-user-settings-v2__save{justify-content:stretch}.admin-user-settings-v2__save .admin-user-settings-v2__button{justify-content:center;width:100%}}

/* Invite codes workspace */
.admin-invite-codes-v2{color:#1d3459}.admin-invite-codes-v2 .admin-invite-codes__header{align-items:stretch;background:linear-gradient(135deg,#f5faff,#e7f3ff);border:1px solid #d5e6f7;border-radius:16px;min-height:148px;overflow:hidden;padding:24px;position:relative}.admin-invite-codes-v2 .admin-invite-codes__header:after{background:radial-gradient(circle,#75b7fb55 0 2px,transparent 3px) 0 0/22px 22px;content:"";height:180px;position:absolute;right:0;top:0;width:300px}.admin-invite-codes-v2 .admin-invite-codes__header-icon{background:linear-gradient(145deg,#1672df,#7668e9);border:7px solid #e7f3ff;border-radius:20px;color:#fff;height:64px;position:relative;width:64px;z-index:1}.admin-invite-codes-v2 .admin-invite-codes__header h1,.admin-invite-codes-v2 .admin-invite-codes__header p{position:relative;z-index:1}.admin-invite-codes-v2 .admin-invite-codes__header h1{color:#142d54;font-size:30px;letter-spacing:-.04em}.admin-invite-codes-v2 .admin-invite-codes__header p{color:#5d7495;font-size:13px;margin-top:6px}.admin-invite-codes-v2 .admin-invite-codes__card{border-color:#dce8f5;border-radius:12px;box-shadow:0 7px 22px #385f8710}.admin-invite-codes-v2 .admin-invite-codes__notice,.admin-invite-codes-v2 .admin-invite-codes__readonly{border-radius:10px;font-size:11px}.admin-invite-codes-v2 .admin-invite-codes__one-time{background:linear-gradient(135deg,#eef8ff,#f7fbff);border-color:#bfe0fa}.admin-invite-codes-v2 .admin-invite-codes__plain-code{background:#fff;border:1px dashed #89bdf0;border-radius:8px;color:#1672df;font-size:15px;letter-spacing:.04em;padding:10px 12px}.admin-invite-codes-v2 .admin-invite-codes__overview{padding:18px}.admin-invite-codes-v2 .admin-invite-codes__card-heading{border-bottom:1px solid #e7eff7;padding-bottom:13px}.admin-invite-codes-v2 .admin-invite-codes__card-heading h2{color:#172f54;font-size:17px}.admin-invite-codes-v2 .admin-invite-codes__kpis{gap:10px}.admin-invite-codes-v2 .admin-invite-codes__kpi{background:#f7faff;border:1px solid #e1edf8;border-radius:10px;padding:13px}.admin-invite-codes-v2 .admin-invite-codes__kpi-icon{background:#edf5ff;border-radius:9px;color:#1672df}.admin-invite-codes-v2 .admin-invite-codes__kpi-copy strong{color:#172f54;font-size:23px}.admin-invite-codes-v2 .admin-invite-codes__kpi-copy>span{color:#7186a4;font-size:10px}.admin-invite-codes-v2 .admin-invite-codes__create{padding:18px}.admin-invite-codes-v2 .admin-invite-codes__create-form{background:#f7faff;border:1px solid #e1edf8;border-radius:10px;padding:14px}.admin-invite-codes-v2 .admin-invite-codes__field label{color:#4f6789;font-size:10px;font-weight:800}.admin-invite-codes-v2 .admin-invite-codes__field input,.admin-invite-codes-v2 .admin-invite-codes__toolbar input,.admin-invite-codes-v2 .admin-invite-codes__toolbar select{background:#fff;border:1px solid #cfe0f2;border-radius:8px;color:#29436d;font-size:11px;padding:10px}.admin-invite-codes-v2 .admin-invite-codes__primary-button,.admin-invite-codes-v2 .admin-invite-codes__filter-button{background:#1672df;border:1px solid #1672df;border-radius:8px;font-size:11px;font-weight:800}.admin-invite-codes-v2 .admin-invite-codes__generated{padding:18px}.admin-invite-codes-v2 .admin-invite-codes__toolbar{background:#f7faff;border:1px solid #e1edf8;border-radius:10px;padding:12px}.admin-invite-codes-v2 .admin-invite-codes__table-scroll{border:1px solid #e1edf8;border-radius:10px;margin-top:14px}.admin-invite-codes-v2 .admin-invite-codes__table th{background:#f7faff;color:#7186a4;font-size:10px;font-weight:850;text-transform:uppercase}.admin-invite-codes-v2 .admin-invite-codes__table td{border-color:#e8f0f8;color:#526b8c;font-size:11px}.admin-invite-codes-v2 .admin-invite-codes__table tbody tr:hover{background:#f8fbff}.admin-invite-codes-v2 .admin-invite-codes__name-cell strong,.admin-invite-codes-v2 .admin-invite-codes__creator-cell strong{color:#1d3459;font-size:12px}.admin-invite-codes-v2 .admin-invite-codes__masked-code{background:#edf5ff;border-radius:6px;color:#1672df;font-size:11px;padding:5px 7px}.admin-invite-codes-v2 .admin-invite-codes__pagination-row{align-items:center;border-top:1px solid #e7eff7;margin-top:14px;padding-top:13px}.admin-invite-codes-v2 .admin-invite-codes__pagination-row p{color:#7185a1;font-size:10px}.admin-invite-codes-v2 .admin-invite-codes__pagination a,.admin-invite-codes-v2 .admin-invite-codes__pagination span{align-items:center;background:#f8faff;border:1px solid #e2eaf5;border-radius:10px;color:#526987;display:inline-flex;font-size:.76rem;font-weight:800;height:36px;justify-content:center;min-width:36px;padding:0 10px;text-decoration:none}.admin-invite-codes-v2 .admin-invite-codes__pagination span[aria-current=page],.admin-invite-codes-v2 .admin-invite-codes__pagination span[aria-current=page]>span{background:#1769db;border-color:#1769db;color:#fff}
@media (max-width:900px){.admin-invite-codes-v2 .admin-invite-codes__header{padding:18px}.admin-invite-codes-v2 .admin-invite-codes__header:after{display:none}.admin-invite-codes-v2 .admin-invite-codes__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.admin-invite-codes-v2 .admin-invite-codes__header{align-items:flex-start;flex-direction:column}.admin-invite-codes-v2 .admin-invite-codes__kpis{grid-template-columns:1fr}.admin-invite-codes-v2 .admin-invite-codes__one-time-row{align-items:stretch;flex-direction:column}.admin-invite-codes-v2 .admin-invite-codes__create-form{grid-template-columns:1fr}.admin-invite-codes-v2 .admin-invite-codes__pagination-row{align-items:flex-start;flex-direction:column;gap:8px}}

.admin-invite-codes-v2 .admin-invite-codes__filter-button{color:#fff!important;isolation:isolate;position:relative;z-index:1}.admin-invite-codes-v2 .admin-invite-codes__filter-button span,.admin-invite-codes-v2 .admin-invite-codes__filter-button svg{color:#fff!important;opacity:1!important;visibility:visible!important}.admin-invite-codes-v2 .admin-invite-codes__filter-button:hover{background:#0d63c9}

/* Collections workspace */
.public-collections-shell,.public-collections-shell .public-home-main-column{background:#e9f5ff!important}
.collections-page-v2{box-sizing:border-box!important;margin:0 auto!important;max-width:1480px!important;padding:28px clamp(18px,3vw,42px) 70px!important;width:100%!important}.collections-page-v2 .collections-hero{background:linear-gradient(120deg,#f8fbff,#edf6ff 58%,#e4f0ff);border-color:#cfe2f7;border-radius:18px;box-shadow:0 14px 35px #275c9d12;min-height:174px;padding:30px 34px}.collections-page-v2 .collections-hero__icon{background:linear-gradient(145deg,#1672df,#7668e9);border-radius:17px;box-shadow:0 10px 20px #1672df2e;height:60px;width:60px}.collections-page-v2 .collections-hero h1{font-size:clamp(32px,3.4vw,46px);letter-spacing:-.05em}.collections-page-v2 .collections-hero__copy p:not(.collections-page__eyebrow){font-size:16px}.collections-page-v2 .collections-hero__button{box-shadow:0 8px 18px #1672df2b;font-size:13px;padding:12px 17px}.collections-page-v2 .collections-summary{align-items:center;background:#fff;border:1px solid #dce8f5;border-radius:13px;box-shadow:0 7px 22px #385f8710;display:flex;gap:28px;margin-bottom:22px;padding:17px 22px}.collections-page-v2 .collections-summary>span{color:#7186a4;font-size:13px}.collections-page-v2 .collections-summary strong{color:#172f54;font-size:22px;margin-right:5px}.collections-page-v2 .collections-summary__hint{align-items:center;display:inline-flex;gap:7px;margin-left:auto}.collections-page-v2 .collections-summary__hint svg{color:#13915d}.collections-page-v2 .collections-grid--polished{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.collections-page-v2 .collection-card--polished{background:#fff;border:1px solid #dce8f5;border-radius:15px;box-shadow:0 7px 22px #385f8710;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.collections-page-v2 .collection-card--polished:hover{border-color:#a9caff;box-shadow:0 16px 32px #385f8720;transform:translateY(-4px)}.collections-page-v2 .collection-card__preview{aspect-ratio:1.45;min-height:0}.collections-page-v2 .collection-card__count{background:#172f54e8;border-radius:999px;font-size:11px;padding:6px 9px}.collections-page-v2 .collection-card__body{gap:12px;min-height:142px;padding:17px}.collections-page-v2 .collection-card__body h2{color:#172f54;font-size:18px;letter-spacing:-.02em}.collections-page-v2 .collection-card__body p{color:#7186a4;font-size:12px;line-height:1.5}.collections-page-v2 .collection-visibility-badge{background:#edf5ff;border-radius:999px;color:#1672df;font-size:11px;font-weight:800;padding:6px 9px}.collections-page-v2 .collections-empty--polished{background:linear-gradient(145deg,#f7fbff,#edf6ff);border:1px solid #cfe2f7;border-radius:15px;grid-column:1/-1;padding:58px 20px}.collections-page-v2 .collections-empty__icon{background:#1672df;border-radius:15px;color:#fff;display:inline-flex;padding:14px}.collections-page-v2 .collections-empty--polished h2{color:#172f54;font-size:24px}.collections-page-v2 .collections-empty--polished p{color:#7186a4;font-size:13px}
@media (max-width:1100px){.collections-page-v2 .collections-grid--polished{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.collections-page-v2{padding:22px 16px 48px!important}.collections-page-v2 .collections-hero{padding:22px}.collections-page-v2 .collections-summary{align-items:flex-start;flex-wrap:wrap;gap:13px 20px}.collections-page-v2 .collections-summary__hint{margin-left:0;width:100%}.collections-page-v2 .collections-grid--polished{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.collections-page-v2 .collections-grid--polished{grid-template-columns:1fr}}

/* Users workspace */
.admin-user-settings-v2 .admin-user-settings-v2__switch{appearance:none!important;background:#c8d5e3!important;border:0!important;border-radius:999px!important;box-sizing:border-box;cursor:pointer;display:block!important;flex:0 0 44px;height:24px!important;margin:0 0 0 auto!important;outline:0;padding:0!important;position:relative;width:44px!important}.admin-user-settings-v2 .admin-user-settings-v2__switch:before{background:#fff;border:0;border-radius:50%;box-shadow:0 1px 4px #29436d44;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:18px}.admin-user-settings-v2 .admin-user-settings-v2__switch:checked{background:#1672df!important}.admin-user-settings-v2 .admin-user-settings-v2__switch:checked:before{transform:translateX(20px)}.admin-user-settings-v2 .admin-user-settings-v2__switch:focus-visible{box-shadow:0 0 0 3px #1672df33}.admin-user-settings-v2 .admin-user-settings-v2__switch:disabled{cursor:not-allowed;opacity:.6}
.admin-users-v2{color:#1d3459}.admin-users-v2__hero{align-items:stretch;background:linear-gradient(135deg,#f5faff,#e7f3ff);border:1px solid #d5e6f7;border-radius:16px;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px;min-height:178px;overflow:hidden;padding:24px;position:relative}.admin-users-v2__hero-copy{max-width:680px;position:relative;z-index:1}.admin-users-v2__kicker{color:#1672df;display:inline-flex;font-size:10px;font-weight:850;gap:6px;letter-spacing:.08em;text-transform:uppercase}.admin-users-v2 h1{color:#142d54;font-size:30px;letter-spacing:-.04em;margin:9px 0 6px}.admin-users-v2__hero p{color:#5d7495;font-size:13px;line-height:1.55;margin:0}.admin-users-v2__hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.admin-users-v2__button{align-items:center;border:1px solid #cfe0f2;border-radius:8px;display:inline-flex;font-size:11px;font-weight:800;gap:7px;padding:10px 14px;text-decoration:none}.admin-users-v2__button--primary{background:#1672df;border-color:#1672df;color:#fff}.admin-users-v2__button--ghost{background:#fff;color:#21436e}.admin-users-v2__hero-art{align-items:center;background:radial-gradient(circle,#8cc8ff55 0 2px,transparent 3px) 0 0/22px 22px;display:flex;flex:0 0 260px;justify-content:center;min-height:150px;position:relative}.admin-users-v2__spark{color:#1672df;font-size:32px;position:absolute;right:18px;top:0}.admin-users-v2__orbit{align-items:center;background:linear-gradient(145deg,#ffffffcc,#dceeff);border:1px solid #c7e1fa;border-radius:50%;box-shadow:0 15px 35px #3c84bd22;display:flex;height:112px;justify-content:center;position:relative;width:112px}.admin-users-v2__orbit>span{align-items:center;background:#1672df;border-radius:18px;color:#fff;display:flex;height:52px;justify-content:center;width:52px}.admin-users-v2__orbit i{border:1px solid #89c5f4;border-radius:50%;inset:12px;position:absolute}.admin-users-v2__orbit i:nth-of-type(2){inset:28px}.admin-users-v2__hero-chip{background:#fff;border:1px solid #d4e5f5;border-radius:999px;box-shadow:0 8px 18px #2e5e8d17;color:#385878;font-size:10px;padding:7px 10px;position:absolute}.admin-users-v2__hero-chip--one{right:2px;top:28px}.admin-users-v2__hero-chip--two{bottom:18px;left:0}.admin-users-v2__metrics{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.admin-users-v2__metrics article{align-items:center;background:#fff;border:1px solid #dce8f5;border-radius:11px;box-shadow:0 7px 22px #385f8710;display:flex;gap:11px;padding:14px}.admin-users-v2__metric-icon{align-items:center;background:#edf5ff;border-radius:10px;color:#1672df;display:flex;flex:0 0 37px;height:37px;justify-content:center}.admin-users-v2__metrics .is-green .admin-users-v2__metric-icon{background:#e8faf1;color:#13915d}.admin-users-v2__metrics .is-purple .admin-users-v2__metric-icon{background:#f3edff;color:#7655dc}.admin-users-v2__metrics .is-danger .admin-users-v2__metric-icon{background:#fff0f1;color:#ef4050}.admin-users-v2__metrics small{color:#7186a4;display:block;font-size:10px;font-weight:750}.admin-users-v2__metrics strong{color:#172f54;display:block;font-size:22px;line-height:1.1;margin:4px 0}.admin-users-v2__metrics p{color:#8295ae;font-size:10px;margin:0}.admin-users-v2__workspace,.admin-users-v2__results{background:#fff;border:1px solid #dce8f5;border-radius:12px;box-shadow:0 7px 22px #385f8710;margin-bottom:16px;padding:18px}.admin-users-v2__section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.admin-users-v2 h2{color:#172f54;font-size:18px;letter-spacing:-.02em;margin:4px 0}.admin-users-v2__section-heading p{color:#7186a4;font-size:11px;margin:0}.admin-users-v2__section-heading>span:not(.admin-users-v2__filter-pill){color:#7186a4;font-size:11px}.admin-users-v2__filter-pill{align-items:center;background:#edf5ff;border-radius:999px;color:#1672df;display:inline-flex;font-size:10px;font-weight:800;gap:5px;padding:7px 10px}.admin-users-v2__filters{align-items:end;background:#f7faff;border:1px solid #e2edf7;border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px}.admin-users-v2__filters label{color:#4f6789;display:grid;font-size:10px;font-weight:800;gap:5px}.admin-users-v2__filters label.is-wide{grid-column:span 2}.admin-users-v2__filters input,.admin-users-v2__filters select{background:#fff;border:1px solid #cfe0f2;border-radius:7px;color:#29436d;font:inherit;min-width:0;padding:9px}.admin-users-v2__filters .admin-users-v2__button{justify-content:center}.admin-users-v2__table-wrap{overflow-x:auto}.admin-users-v2__table{border-collapse:collapse;min-width:980px;width:100%}.admin-users-v2__table th{color:#7186a4;font-size:10px;font-weight:850;padding:10px 9px;text-align:left;text-transform:uppercase}.admin-users-v2__table td{border-top:1px solid #e8f0f8;color:#526b8c;font-size:11px;padding:12px 9px;vertical-align:middle}.admin-users-v2__table tbody tr:hover{background:#f8fbff}.admin-users-v2__user{align-items:center;color:inherit;display:flex;gap:9px;text-decoration:none}.admin-users-v2__avatar{align-items:center;background:linear-gradient(135deg,#7169eb,#397fe9);border:3px solid #e7f1ff;border-radius:50%;color:#fff;display:inline-flex;font-size:10px;font-weight:850;height:34px;justify-content:center;width:34px}.admin-users-v2__user strong{color:#1d3459;display:block;font-size:12px}.admin-users-v2__user small,.admin-users-v2__email,.admin-users-v2__roles,.admin-users-v2__activity,.admin-users-v2__date{color:#8295ae;display:block;font-size:10px;margin-top:3px;max-width:180px;overflow-wrap:anywhere}.admin-users-v2__verification{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;gap:5px;padding:5px 8px;white-space:nowrap}.admin-users-v2__verification.is-verified{background:#e5f8ed;color:#13915d}.admin-users-v2__verification.is-pending{background:#fff4d8;color:#a66b00}.admin-users-v2__activity b{color:#365476}.admin-users-v2__view{align-items:center;color:#1672df;display:inline-flex;font-size:10px;font-weight:850;gap:4px;text-decoration:none;white-space:nowrap}.admin-users-v2__empty{padding:45px 15px!important;text-align:center}.admin-users-v2__empty>*{display:block;margin:6px auto}.admin-users-v2__empty svg{color:#1672df;height:28px;width:28px}.admin-users-v2__empty strong{color:#1d3459;font-size:14px}.admin-users-v2__empty span{color:#7186a4;font-size:11px}.admin-users-v2 .pagination{align-items:center;display:flex;justify-content:space-between;margin:1rem 0 0;min-height:40px}.admin-users-v2 .pagination nav{width:100%}.admin-users-v2 .pagination nav>div:first-child{color:#7185a1;font-size:.75rem}.admin-users-v2 .pagination nav>div:last-child{align-items:center;display:flex;gap:6px;justify-content:flex-end}.admin-users-v2 .pagination a,.admin-users-v2 .pagination span{align-items:center;background:#f8faff;border:1px solid #e2eaf5;border-radius:10px;color:#526987;display:inline-flex;font-size:.76rem;font-weight:800;height:36px;justify-content:center;min-width:36px;padding:0 10px;text-decoration:none}.admin-users-v2 .pagination a:hover{background:#eaf3ff;border-color:#a9caff;color:#1769db}.admin-users-v2 .pagination span[aria-current=page],.admin-users-v2 .pagination span[aria-current=page]>span{background:#1769db;border-color:#1769db;color:#fff}.admin-users-v2 .pagination span[aria-disabled=true]{color:#a7b5c8;cursor:not-allowed;opacity:.72}.admin-users-v2 .pagination svg{height:16px;width:16px}
.admin-users-v2 h1{font-size:34.5px}.admin-users-v2 h2{font-size:20.7px}.admin-users-v2__kicker{font-size:11.5px}.admin-users-v2__hero p{font-size:14.95px}.admin-users-v2__button{font-size:12.65px}.admin-users-v2__metrics small{font-size:11.5px}.admin-users-v2__metrics strong{font-size:25.3px}.admin-users-v2__metrics p{font-size:11.5px}.admin-users-v2__section-heading p{font-size:12.65px}.admin-users-v2__section-heading>span:not(.admin-users-v2__filter-pill){font-size:12.65px}.admin-users-v2__filter-pill{font-size:11.5px}.admin-users-v2__filters label,.admin-users-v2__filters input,.admin-users-v2__filters select{font-size:11.5px}.admin-users-v2__table th{font-size:11.5px}.admin-users-v2__table td{font-size:12.65px}.admin-users-v2__user strong{font-size:13.8px}.admin-users-v2__user small,.admin-users-v2__email,.admin-users-v2__roles,.admin-users-v2__activity,.admin-users-v2__date,.admin-users-v2__verification,.admin-users-v2__view{font-size:11.5px}.admin-users-v2 .pagination nav>div:first-child{font-size:.8625rem}.admin-users-v2 .pagination a,.admin-users-v2 .pagination span{font-size:.874rem}
@media (max-width:1050px){.admin-users-v2__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-v2__filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.admin-users-v2__hero{padding:18px}.admin-users-v2__hero-art{display:none}.admin-users-v2 h1{font-size:25px}.admin-users-v2__metrics{grid-template-columns:1fr}.admin-users-v2__section-heading{align-items:flex-start;flex-direction:column;gap:8px}.admin-users-v2__filters{grid-template-columns:1fr}.admin-users-v2__filters label.is-wide{grid-column:auto}.admin-users-v2__hero-actions{align-items:stretch;flex-direction:column}.admin-users-v2__button{justify-content:center}.admin-users-v2 .pagination nav>div:first-child{display:none}.admin-users-v2 .pagination nav>div:last-child{justify-content:center;width:100%}}

@media (max-width:1050px){.admin-security-incidents-v2__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-security-incidents-v2__filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.admin-security-incidents-v2__hero{padding:18px}.admin-security-incidents-v2__hero-art{display:none}.admin-security-incidents-v2 h1{font-size:25px}.admin-security-incidents-v2__metrics{grid-template-columns:1fr}.admin-security-incidents-v2__heading,.admin-security-incidents-v2__results-heading{align-items:flex-start;flex-direction:column;gap:8px}.admin-security-incidents-v2__filters{grid-template-columns:1fr}.admin-security-incidents-v2__filters label.is-wide{grid-column:auto}.admin-security-incidents-v2__actions{align-items:stretch;flex-direction:column}.admin-security-button{justify-content:center}.admin-security-incidents-v2__pagination{align-items:flex-start;flex-direction:column}.admin-security-incidents-v2__pagination>div{max-width:100%;overflow-x:auto;padding-bottom:2px}}
@media (max-width:600px){.admin-security-incidents-v2 .pagination nav>div:first-child{display:none}.admin-security-incidents-v2 .pagination nav>div:last-child{justify-content:center;width:100%}}

/* Admin dashboard platform signals */
.admin-dashboard__insights{background:linear-gradient(135deg,#f5faff,#edf6ff 55%,#fdfbff);border:1px solid #d7e7f7;border-radius:24px;box-shadow:0 18px 42px rgba(43,86,139,.08);margin-top:18px;padding:22px}
.admin-dashboard__insights-heading{align-items:flex-start;display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}
.admin-dashboard__insights-heading h2{color:#172f54;font-size:1.25rem;letter-spacing:-.025em;margin:4px 0 5px}
.admin-dashboard__insights-heading p:last-child{color:#7185a1;font-size:.82rem;margin:0;max-width:620px}
.admin-dashboard__insights-pulse{align-items:center;background:#e7f8ef;border:1px solid #c9eedb;border-radius:999px;color:#138255;display:inline-flex;font-size:.72rem;font-weight:850;gap:7px;padding:8px 11px;white-space:nowrap}
.admin-dashboard__insights-pulse i{background:#25b873;border-radius:50%;box-shadow:0 0 0 4px #25b87322;height:7px;width:7px}
.admin-dashboard__insights-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-dashboard__insight-card{align-items:center;background:rgba(255,255,255,.88);border:1px solid #dce9f6;border-radius:16px;color:#526b8c;display:flex;gap:11px;min-height:78px;padding:13px;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
a.admin-dashboard__insight-card:hover{border-color:#9fc3ff;box-shadow:0 12px 24px rgba(43,86,139,.12);transform:translateY(-2px)}
.admin-dashboard__insight-card>.default-theme-icon{color:#9ab0c9;margin-left:auto}
.admin-dashboard__insight-icon{align-items:center;background:#eaf3ff;border-radius:12px;color:#1769db;display:inline-flex;flex:0 0 38px;height:38px;justify-content:center}
.admin-dashboard__insight-copy{display:grid;gap:2px;min-width:0}
.admin-dashboard__insight-copy strong{color:#263f62;font-size:.76rem;line-height:1.2;overflow-wrap:anywhere}
.admin-dashboard__insight-copy b{color:#1769db;font-size:1.25rem;letter-spacing:-.03em;line-height:1.1}
.admin-dashboard__insight-copy small{color:#8295ae;font-size:.68rem;line-height:1.25}
@media (max-width:1150px){.admin-dashboard__insights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:850px){.admin-dashboard__insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.admin-dashboard__insights{padding:16px}.admin-dashboard__insights-heading{flex-direction:column}.admin-dashboard__insights-grid{grid-template-columns:1fr}.admin-dashboard__insight-card{min-height:70px}}

/* Admin command center: a calmer hierarchy for the main dashboard. */
.admin-dashboard__hero{align-items:stretch;background:linear-gradient(120deg,#102f60 0%,#1559a8 58%,#277ff0 100%);border:1px solid #2d75c8;border-radius:26px;box-shadow:0 22px 48px rgba(24,78,143,.2);color:#fff;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 220px auto;min-height:218px;overflow:hidden;padding:30px 32px;position:relative}
.admin-dashboard__hero::after{background:radial-gradient(circle,#85c6ff2b 1px,transparent 1.5px);background-size:18px 18px;content:"";height:260px;opacity:.75;position:absolute;right:0;top:0;width:320px}
.admin-dashboard__hero-copy{position:relative;z-index:1}
.admin-dashboard__hero .admin-dashboard__eyebrow{align-items:center;color:#c9e4ff;display:flex;font-size:.72rem;font-weight:850;gap:8px;margin-bottom:10px}
.admin-dashboard__hero-dot{background:#69e6b1;border-radius:50%;box-shadow:0 0 0 5px #69e6b12b;height:7px;width:7px}
.admin-dashboard__hero h1{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.055em;line-height:1.04;margin:0;max-width:650px}
.admin-dashboard__hero h1 span{color:#9bd0ff}
.admin-dashboard__hero .admin-dashboard__intro{color:#d9edff;font-size:.98rem;line-height:1.55;margin:12px 0 0;max-width:620px}
.admin-dashboard__hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.admin-dashboard__hero-action{align-items:center;background:#ffffff1c;border:1px solid #ffffff3a;border-radius:12px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:800;gap:8px;padding:10px 13px;text-decoration:none;transition:background .18s ease,transform .18s ease}
.admin-dashboard__hero-action:hover{background:#ffffff2d;transform:translateY(-2px)}
.admin-dashboard__hero-orbit{align-self:center;height:150px;justify-self:center;position:relative;width:190px;z-index:1}
.admin-dashboard__hero-orbit-ring{border:1px solid #b5dcff75;border-radius:50%;height:142px;left:23px;position:absolute;top:4px;transform:rotate(-22deg);width:142px}
.admin-dashboard__hero-orbit-ring::after{background:#9ee2ff;border-radius:50%;box-shadow:0 0 0 6px #9ee2ff26;height:10px;left:10px;position:absolute;top:20px;width:10px}
.admin-dashboard__hero-orbit-core{align-items:center;background:linear-gradient(145deg,#8dd6ff,#2e81f4);border:1px solid #bde6ff;border-radius:24px;box-shadow:0 16px 32px #08265b66;display:flex;height:72px;justify-content:center;left:61px;position:absolute;top:38px;width:72px}
.admin-dashboard__hero-orbit-core .default-theme-icon{color:#fff}
.admin-dashboard__hero-chip{backdrop-filter:blur(8px);background:#ffffff20;border:1px solid #ffffff45;border-radius:999px;color:#eaf6ff;font-size:.62rem;font-weight:850;padding:7px 9px;position:absolute;white-space:nowrap}
.admin-dashboard__hero-chip--top{right:0;top:0}
.admin-dashboard__hero-chip--bottom{bottom:3px;left:0}
.admin-dashboard__hero .admin-dashboard__period{align-self:start;background:#ffffff14;border:1px solid #ffffff3b;border-radius:15px;min-width:160px;padding:13px 15px;position:relative;z-index:1}
.admin-dashboard__hero .admin-dashboard__period span{color:#bde1ff;font-size:.66rem;font-weight:800;text-transform:uppercase}
.admin-dashboard__hero .admin-dashboard__period strong{color:#fff;font-size:.85rem}
.admin-dashboard__hero .admin-dashboard__period small{color:#c7e5ff;font-size:.68rem}
.admin-dashboard__section-heading{align-items:end;display:flex;justify-content:space-between;margin:2px 2px -3px}
.admin-dashboard__section-heading h2{color:var(--color-text);font-size:1.28rem;letter-spacing:-.025em;margin:0}
.admin-dashboard__section-heading>span{color:var(--color-muted);font-size:.76rem}
.admin-dashboard__section-heading--compact{margin-top:4px}
.admin-dashboard__priority{background:linear-gradient(135deg,#fafdff,#f2f8ff);border:1px solid #d7e8f8;border-radius:22px;box-shadow:0 14px 34px rgba(35,80,130,.06);padding:21px 22px}
.admin-dashboard__priority .admin-dashboard__eyebrow{margin-bottom:4px}
.admin-dashboard__priority-grid{display:grid;gap:11px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}
.admin-dashboard__priority-card{align-items:center;background:#fff;border:1px solid #e1edf8;border-radius:15px;display:grid;gap:11px;grid-template-columns:auto minmax(0,1fr) auto;min-height:78px;padding:13px 14px;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.admin-dashboard__priority-card:hover{border-color:#9dcaff;box-shadow:0 12px 24px rgba(35,100,190,.1);transform:translateY(-2px)}
.admin-dashboard__priority-card>.default-theme-icon{color:#849ab6}
.admin-dashboard__priority-icon{align-items:center;background:#eef6ff;border-radius:12px;color:#2879ed;display:flex;height:40px;justify-content:center;width:40px}
.admin-dashboard__priority-card--amber .admin-dashboard__priority-icon{background:#fff6df;color:#d48b00}.admin-dashboard__priority-card--violet .admin-dashboard__priority-icon{background:#f1edff;color:#7351d8}.admin-dashboard__priority-card--rose .admin-dashboard__priority-icon{background:#fff0f3;color:#df5b79}
.admin-dashboard__priority-card strong{color:var(--color-text);display:block;font-size:1.18rem;line-height:1.1}
.admin-dashboard__priority-card small{color:var(--color-muted);display:block;font-size:.7rem;margin-top:4px}
.admin-dashboard__priority-card--amber strong{color:#b97800}.admin-dashboard__priority-card--rose strong{color:#c54a68}
.admin-dashboard__insights{margin-top:0}
@media (max-width:1180px){.admin-dashboard__hero{grid-template-columns:minmax(0,1fr) 160px auto}.admin-dashboard__hero-orbit{transform:scale(.82)}.admin-dashboard__priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.admin-dashboard__hero{grid-template-columns:1fr;min-height:0;padding:24px}.admin-dashboard__hero-orbit{display:none}.admin-dashboard__hero .admin-dashboard__period{justify-self:start}.admin-dashboard__section-heading{align-items:flex-start;flex-direction:column;gap:5px}.admin-dashboard__priority-grid{grid-template-columns:1fr}}

/* Platform overview: KPI tiles and analytics share the command-center language. */
.admin-dashboard__stats{gap:12px}
.admin-dashboard__stat-card{background:linear-gradient(145deg,#fff,#f7fbff);border-color:#dceaf8;border-radius:18px;box-shadow:0 10px 26px rgba(37,83,133,.055);display:block;min-height:145px;padding:16px;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.admin-dashboard__stat-card:hover{border-color:#a9d0fa;box-shadow:0 15px 30px rgba(37,103,191,.1);transform:translateY(-2px)}
.admin-dashboard__stat-card-top{align-items:center;display:flex;justify-content:space-between}
.admin-dashboard__stat-icon{background:linear-gradient(145deg,#e8f3ff,#d9ebff);border:1px solid #d1e6fb;border-radius:13px;color:#2878e8;height:42px;width:42px}
.admin-dashboard__stat-live{background:#e8f8f0;border:1px solid #c9eddb;border-radius:999px;color:#178454;font-size:.61rem;font-weight:850;padding:5px 8px}
.admin-dashboard__stat-copy{margin-top:15px}
.admin-dashboard__stat-card p{font-size:.68rem;font-weight:800;letter-spacing:.075em;margin:0 0 5px}
.admin-dashboard__stat-card strong{color:#17345c;font-size:1.72rem;letter-spacing:-.045em}
.admin-dashboard__stat-card span:not(.admin-dashboard__stat-live){font-size:.7rem;line-height:1.35;margin-top:3px}
.admin-dashboard__grid--primary{gap:14px}
.admin-dashboard__chart-card,.admin-dashboard__distribution-card{border-color:#dbeaf8;border-radius:20px;box-shadow:0 12px 30px rgba(37,83,133,.06);padding:19px}
.admin-dashboard__card-heading{align-items:flex-start}
.admin-dashboard__card-heading h2{color:#17345c;font-size:1.22rem;letter-spacing:-.035em}
.admin-dashboard__card-heading .admin-dashboard__eyebrow{color:#6a86a8;font-size:.64rem;font-weight:850}
.admin-dashboard__card-summary{font-size:.79rem;line-height:1.45;max-width:420px}
.admin-dashboard__chart-total-wrap{align-items:flex-end;display:flex;flex-direction:column;gap:2px}
.admin-dashboard__chart-total-wrap span{color:#8aa0bb;font-size:.62rem;font-weight:800;text-transform:uppercase}
.admin-dashboard__chart-total{color:#2377e8;font-size:1.55rem;letter-spacing:-.04em}
.admin-dashboard__chart{background:linear-gradient(to bottom,transparent 24%,#dceafa 25%,transparent 26%,transparent 49%,#dceafa 50%,transparent 51%,transparent 74%,#dceafa 75%,transparent 76%),linear-gradient(180deg,#f8fbff,#fff);border:1px solid #edf4fb;border-radius:14px;height:178px;margin-top:17px;padding:12px 10px 8px}
.admin-dashboard__chart-bars{gap:4px}
.admin-dashboard__chart-bar{background:linear-gradient(180deg,#2e86f4,#75b5ff);border-radius:5px 5px 2px 2px;box-shadow:0 3px 8px #3d91ed33}
.admin-dashboard__chart-footer{align-items:center;color:#8aa0bb;display:flex;font-size:.68rem;justify-content:space-between;margin-top:11px}
.admin-dashboard__chart-footer span:first-child{align-items:center;display:inline-flex;gap:6px}
.admin-dashboard__chart-footer i{background:#2e86f4;border-radius:50%;box-shadow:0 0 0 4px #2e86f41c;height:6px;width:6px}
.admin-dashboard__distribution-row{background:#f8fbff;border:1px solid #edf3fa;border-radius:12px;margin-top:11px;padding:10px 11px}
.admin-dashboard__distribution-row>div:first-child{align-items:center}
.admin-dashboard__distribution-label{align-items:center;display:inline-flex;gap:7px}
.admin-dashboard__distribution-label i{background:#3988eb;border-radius:4px;height:8px;width:8px}
.admin-dashboard__distribution-row:nth-of-type(2) .admin-dashboard__distribution-label i{background:#7c5ce5}.admin-dashboard__distribution-row:nth-of-type(3) .admin-dashboard__distribution-label i{background:#24b878}.admin-dashboard__distribution-row:nth-of-type(4) .admin-dashboard__distribution-label i{background:#efad35}
.admin-dashboard__distribution-row strong{color:#1d4b7d;font-size:.88rem}
.admin-dashboard__progress{background:#e5effa;height:6px;margin-top:5px}
.search-page-form { align-items: start; }
.search-page-form .search-page-input,
.search-page-form select { box-sizing: border-box; height: 42px; min-height: 42px; }
.search-page-form > button { align-self: start; height: 42px; margin-top: 24px; min-height: 42px; }
.search-results-grid { margin-top: 16px; }
.search-results-grid .default-theme-content-card { min-width: 0; }
.search-trending > strong { font-size: 14px; }
.search-trending > div a { font-size: 13px; padding: 9px 13px; }
.search-trending-all { font-size: 13px; }
@media (max-width: 800px) {
    .search-page-form > button { margin-top: 0; }
}

.public-mobile-bottom-nav { display: none; }
@media (max-width: 900px) {
    .public-mobile-bottom-nav { align-items: stretch; background: #fff; border: 1px solid #d6e6f7; border-radius: 999px; bottom: calc(8px + var(--public-mobile-bottom-nav-viewport-offset, 0px)); box-shadow: 0 10px 26px rgba(28,82,142,.14); display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); left: 12px; max-width: 520px; overflow: visible; padding: 7px 8px calc(7px + env(safe-area-inset-bottom)); position: fixed; right: 12px; z-index: 1200; }
    .public-mobile-bottom-nav__item { align-items: center; color: #607494; display: inline-flex; flex-direction: column; font-size: 10px; font-weight: 700; gap: 3px; justify-content: center; min-height: 48px; min-width: 0; padding: 2px 4px; text-decoration: none; }
    .public-mobile-bottom-nav__icon { align-items: center; background: transparent; border-radius: 999px; display: inline-flex; height: 29px; justify-content: center; width: 42px; }
    .public-mobile-bottom-nav__icon svg { height: 18px; width: 18px; }
    .public-mobile-bottom-nav__item.is-active { color: #1472ed; }
    .public-mobile-bottom-nav__item.is-active .public-mobile-bottom-nav__icon { background: #e8f2ff; box-shadow: none; }
    .public-mobile-bottom-nav__item.is-create .public-mobile-bottom-nav__icon { background: #1877ed; border-radius: 50%; box-shadow: 0 7px 16px rgba(24,119,237,.28); color: #fff; height: 38px; margin-top: -11px; width: 38px; }
    .public-mobile-bottom-nav__item.is-create { color: #1472ed; }
    .public-mobile-bottom-nav__item.is-create { background: transparent; border: 0; cursor: pointer; font: inherit; width: 100%; }
    .public-mobile-bottom-nav__create-wrap { align-items: center; display: flex; justify-content: center; min-width: 0; position: relative; }
    .public-mobile-bottom-nav__create-menu { background: #fff; border: 1px solid #d6e6f7; border-radius: 18px; bottom: 68px; box-shadow: 0 14px 32px rgba(28,82,142,.18); display: grid; gap: 4px; left: 50%; min-width: 176px; padding: 8px; position: absolute; transform: translateX(-50%); }
    .public-mobile-bottom-nav__create-menu[hidden] { display: none; }
    .public-mobile-bottom-nav__create-menu a { align-items: center; border-radius: 10px; color: #243b60; display: flex; font-size: 12px; font-weight: 700; gap: 9px; padding: 9px 11px; text-decoration: none; }
    .public-mobile-bottom-nav__create-menu a:hover, .public-mobile-bottom-nav__create-menu a:focus-visible { background: #edf5ff; color: #1472ed; }
    .public-mobile-bottom-nav__create-menu a span { align-items: center; background: #e8f2ff; border-radius: 8px; color: #1472ed; display: inline-flex; height: 28px; justify-content: center; width: 28px; }
    .public-mobile-bottom-nav__create-menu svg { height: 16px; width: 16px; }
    body.has-public-mobile-bottom-nav { padding-bottom: calc(var(--public-mobile-bottom-nav-height, 72px) + 16px); }
    body:not(.has-public-mobile-bottom-nav) { padding-bottom: 0; }
}
.account-notification-times input[type="time"] { background: #fff; border: 1px solid #cfdeef; border-radius: 7px; color: #1f3658; font-family: inherit; font-size: 12px; min-width: 78px; padding: 8px; }
.mobile-navigation-loading .public-mobile-bottom-nav { opacity: .72; pointer-events: none; }
.public-mobile-bottom-nav__loader { align-items: center; background: rgba(255,255,255,.96); border: 1px solid #cfe2f7; border-radius: 999px; bottom: calc(78px + env(safe-area-inset-bottom)); box-shadow: 0 10px 26px rgba(28,82,142,.16); color: #176eea; display: inline-flex; font-size: 11px; font-weight: 800; gap: 7px; left: 50%; padding: 7px 11px; position: fixed; transform: translateX(-50%); z-index: 1201; }
.public-mobile-bottom-nav__loader[hidden] { display: none; }
.public-mobile-bottom-nav__loader-orbit { animation: mobile-navigation-loader-spin .8s linear infinite; border: 2px solid #dbeaff; border-radius: 50%; border-top-color: #176eea; display: inline-block; height: 14px; width: 14px; }
@keyframes mobile-navigation-loader-spin { to { transform: rotate(360deg); } }

/* Keep the public document inside the dynamic iOS Safari viewport. */
@media (max-width: 1023px) {
    body,
    .public-home-shell { min-height: 100vh; min-height: 100dvh; }
}

/* Public profile reference layout (1536 x 1024 source composition). */
.public-profile-shell--reference {
    --public-sidebar-width: 232px;
    --public-home-right-width: 272px;
    --public-home-shell-gap: 16px;
}
html:has(.public-profile-shell--reference) { scrollbar-width: none; }
html:has(.public-profile-shell--reference)::-webkit-scrollbar { display: none; width: 0; }
.public-profile-shell--reference .public-home-main-column { gap: 10px; padding-top: 58px; }
.public-profile-shell--reference .public-home-left { width: var(--public-sidebar-width); }
.public-profile-shell--reference .public-home-right { width: var(--public-home-right-width); }
.public-profile-shell--reference .default-theme-right-card { border-color: #e3edf7; border-radius: 12px; box-shadow: 0 5px 18px rgba(30,72,124,.04); padding: 14px; }
.public-profile-shell--reference .default-theme-right-card__header { margin-bottom: 10px; }
.public-profile-shell--reference .default-theme-right-card__header h2 { font-size: 14px; }
.public-profile-shell--reference .default-theme-right-card__action { font-size: 10px; }

.public-profile-shell--reference .public-profile-hero--showcase {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 7px 22px rgba(8,30,65,.12);
    height: 286px;
    min-height: 286px;
    overflow: hidden;
    position: relative;
}
.public-profile-shell--reference .public-profile-hero__banner { height: 100%; inset: 0; position: absolute; width: 100%; }
.public-profile-showcase__shade { background: linear-gradient(90deg,rgba(4,13,29,.72),rgba(4,13,29,.18) 64%,rgba(4,13,29,.56)); inset: 0; position: absolute; }
.public-profile-shell--reference .public-profile-showcase__body {
    align-items: center;
    display: grid;
    gap: 0 18px;
    grid-template-columns: 140px minmax(0,1fr) 238px;
    grid-template-rows: 1fr auto;
    height: 100%;
    margin: 0;
    padding: 22px 12px 22px 18px;
    position: relative;
    z-index: 2;
}
.public-profile-shell--reference .public-profile-showcase__avatar {
    border: 4px solid #ffd66d;
    box-shadow: 0 0 0 3px rgba(255,255,255,.9),0 0 20px rgba(255,192,50,.72);
    grid-column: 1;
    grid-row: 1 / 3;
    height: 128px;
    width: 128px;
}
.public-profile-showcase__level-medal { align-items:center; background:linear-gradient(145deg,#7852e8,#3f158b); border:0; bottom:74px; border-radius:9px 9px 13px 13px; color:#fff; display:flex; font-size:12px; font-weight:900; height:34px; justify-content:center; left:112px; position:absolute; width:38px; }
.public-profile-shell--reference .public-profile-showcase__identity { align-self: end; grid-column: 2; grid-row: 1; padding: 0 0 8px; }
.public-profile-shell--reference .public-profile-showcase__title h1 { font-size: 34px; letter-spacing: -.035em; }
.public-profile-shell--reference .public-profile-verified { font-size: 11px; height: 19px; width: 19px; }
.public-profile-shell--reference .public-profile-level { font-size: 10px; padding: 4px 8px; }
.public-profile-shell--reference .public-profile-hero__handle { font-size: 12px; }
.public-profile-shell--reference .public-profile-hero__bio { font-size: 12px; line-height: 1.48; max-width: 530px; }
.public-profile-shell--reference .public-profile-showcase__details { gap: 15px; margin-top: 10px; }
.public-profile-shell--reference .public-profile-showcase__details span { font-size: 11px; }
.public-profile-shell--reference .public-profile-showcase__actions { align-self: start; grid-column: 2; grid-row: 2; padding: 0; }
.public-profile-showcase__primary-action,
.public-profile-shell--reference .public-profile-showcase__actions .public-creator-follow-action,
.public-profile-shell--reference .public-profile-share,
.public-profile-more { align-items:center; border-radius:6px; display:inline-flex; font-size:12px; font-weight:800; justify-content:center; min-height:34px; padding:0 14px; text-decoration:none; }
.public-profile-showcase__primary-action { background:#1976ef; color:#fff; }
.public-profile-shell--reference .public-profile-showcase__actions .public-creator-follow-action { flex:0 0 auto; width:auto !important; }
.public-profile-more { background:#fff; border:1px solid #dce6f0; color:#17233a; cursor:pointer; min-width:38px; padding:0 9px; }
.public-profile-prestige { align-self:center; background:linear-gradient(145deg,rgba(14,27,49,.92),rgba(7,13,27,.95)); border:1px solid rgba(255,255,255,.14); border-radius:10px; box-shadow:0 10px 22px rgba(0,0,0,.22); color:#fff; grid-column:3; grid-row:1 / 3; min-height:178px; padding:18px; }
.public-profile-prestige__top { align-items:center; display:grid; gap:10px; grid-template-columns:64px minmax(0,1fr); }
.public-profile-prestige__top img { height:64px; object-fit:contain; width:64px; }
.public-profile-prestige__top div { display:grid; gap:4px; }
.public-profile-prestige__top span { font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.public-profile-prestige__top strong { font-size:23px; line-height:1; }
.public-profile-prestige p { border-bottom:1px solid rgba(255,255,255,.15); font-size:10px; margin:12px 0; padding-bottom:12px; }
.public-profile-prestige__rank { align-items:center; display:flex; font-size:10px; gap:7px; }
.public-profile-prestige__rank svg { height:13px; width:13px; }

.public-profile-shell--reference .public-profile-stat-strip { border-radius:10px; box-shadow:none; height:92px; margin-top:6px; padding:15px 6px; }
.public-profile-shell--reference .public-profile-stat-strip div { align-content:center; grid-template-columns:auto auto; column-gap:9px; row-gap:2px; justify-content:center; justify-items:start; padding:0 8px; }
.public-profile-shell--reference .public-profile-stat-strip i { font-size:27px; font-style:normal; grid-row:1 / 3; }
.public-profile-shell--reference .public-profile-stat-strip strong { font-size:17px; }
.public-profile-shell--reference .public-profile-stat-strip span { font-size:9px; text-align:left; }
.public-profile-shell--reference .public-profile-tabs--showcase { background:transparent; border:0; border-bottom:1px solid #dfe9f3; border-radius:0; flex-wrap:nowrap; gap:2px; height:36px; margin-top:0; min-height:36px; overflow:hidden; padding:0 4px; }
.public-profile-shell--reference .public-profile-tabs .default-theme-filter-link { border:0; border-bottom:2px solid transparent; border-radius:0; flex:0 0 auto; font-size:11px; height:36px; padding:0 15px; }
.public-profile-shell--reference .public-profile-tabs .default-theme-filter-link[aria-current="page"] { background:#eef6ff; border-bottom-color:#1676ef; color:#126de2; }
.public-profile-shell--reference .public-profile-tabs b { align-items:center; background:#e2efff; border-radius:999px; color:#1672df; display:inline-flex; font-size:9px; height:17px; justify-content:center; margin-left:4px; min-width:17px; padding:0 4px; }

.public-profile-overview-grid { display:grid; gap:14px; grid-template-columns:1.15fr .95fr .95fr; margin-top:4px; }
.public-profile-overview-grid .public-profile-panel { border-radius:10px; box-shadow:0 6px 18px rgba(35,83,137,.04); padding:15px; }
.public-profile-overview-grid .public-profile-panel__heading { align-items:center; margin-bottom:12px; }
.public-profile-overview-grid .public-profile-panel__heading h2 { font-size:13px; margin:0; }
.public-profile-overview-grid .public-profile-panel__heading a,
.public-profile-overview-grid .public-profile-panel__heading span { color:#1672df; font-size:9px; font-weight:700; text-decoration:none; }
.public-profile-overview-grid .public-profile-level-panel,
.public-profile-overview-grid .public-profile-streak-panel,
.public-profile-overview-grid .public-profile-about-panel { height:273px; }
.public-profile-overview-grid .public-profile-level-content { gap:16px; grid-template-columns:150px minmax(0,1fr); height:215px; }
.public-profile-overview-grid .public-profile-level-content img { height:150px; object-fit:contain; width:150px; }
.public-profile-overview-grid .public-profile-level-content strong { font-size:20px; }
.public-profile-overview-grid .public-profile-level-content span,
.public-profile-overview-grid .public-profile-level-content small { font-size:10px; }
.public-profile-overview-grid .public-profile-progress { height:9px; margin:18px 0 8px; }
.public-profile-overview-grid .public-profile-progress i { background:linear-gradient(90deg,#1475ed,#48b8ff,#d7eaff); }
.public-profile-overview-grid .public-profile-streak-value { font-size:47px; padding-top:14px; }
.public-profile-overview-grid .public-profile-streak-value span { font-size:42px; }
.public-profile-week-labels { display:grid; grid-template-columns:repeat(7,25px); justify-content:center; margin-top:20px; }
.public-profile-week-labels span { color:#415470; font-size:9px; text-align:center; }
.public-profile-overview-grid .public-profile-week { margin:5px 0 22px; }
.public-profile-overview-grid .public-profile-about-panel p { color:#42516a; font-size:10px; line-height:1.5; margin:0 0 10px; }
.public-profile-overview-grid .public-profile-about-panel h3 { color:#17233a; font-size:10px; margin:8px 0 5px; }
.public-profile-chip-list { display:flex; flex-wrap:wrap; gap:5px; }
.public-profile-chip-list span { background:#edf4fc; border-radius:5px; color:#38506f; font-size:8px; padding:4px 7px; }
.public-profile-about-closing { margin-top:12px !important; }
.public-profile-social-row { display:flex; gap:6px; }
.public-profile-social-row i { align-items:center; border:1px solid #d8e5f2; border-radius:50%; color:#1672df; display:flex; font-size:9px; font-style:normal; height:21px; justify-content:center; width:21px; }
.public-profile-overview-grid .public-profile-achievements-panel { grid-column:1 / 3; height:204px; }
.public-profile-overview-grid .public-profile-achievements { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.public-profile-overview-grid .public-profile-achievements div { background:#f8fbff; border-radius:8px; gap:3px; padding:7px 4px; }
.public-profile-overview-grid .public-profile-achievements img { background:transparent; height:70px; object-fit:contain; width:70px; }
.public-profile-overview-grid .public-profile-achievements strong { font-size:9px; }
.public-profile-overview-grid .public-profile-achievements small { font-size:7px; }
.public-profile-overview-grid .public-profile-achievements em { font-size:7px; padding:2px 5px; }
.public-profile-overview-grid .public-profile-activity-panel { grid-column:3; height:204px; }
.public-profile-overview-grid .public-profile-activity-list > div { gap:5px; grid-template-columns:17px 64px minmax(0,1fr) auto; padding:7px 0; }
.public-profile-overview-grid .public-profile-activity-icon { background:transparent; height:17px; width:17px; }
.public-profile-overview-grid .public-profile-activity-icon svg { height:11px; width:11px; }
.public-profile-overview-grid .public-profile-activity-list small,
.public-profile-overview-grid .public-profile-activity-list strong,
.public-profile-overview-grid .public-profile-activity-list b { font-size:8px; }
.public-profile-overview-grid .public-profile-content { grid-column:1 / -1; }

.public-profile-shell--reference .public-profile-ranking-list { gap:0; }
.public-profile-shell--reference .public-profile-ranking-list > div { border-radius:7px; grid-template-columns:18px 25px minmax(0,1fr); padding:7px 5px; }
.public-profile-shell--reference .public-profile-ranking-list > div.is-current { background:#eaf4ff; }
.public-profile-shell--reference .public-profile-ranking-avatar { height:25px; width:25px; }
.public-profile-shell--reference .public-profile-ranking-list strong { font-size:10px; }
.public-profile-shell--reference .public-profile-ranking-list small { font-size:8px; }
.public-profile-shell--reference .public-profile-supporter-list > div { grid-template-columns:15px 20px minmax(0,1fr) auto; padding:7px 0; }
.public-profile-shell--reference .public-profile-supporter-list img { height:20px; object-fit:contain; width:20px; }
.public-profile-shell--reference .public-profile-supporter-list strong,
.public-profile-shell--reference .public-profile-supporter-list b { font-size:9px; }
.public-profile-shell--reference .public-profile-badge-grid { gap:5px; }
.public-profile-shell--reference .public-profile-badge-grid > span { background:transparent; border:0; border-radius:0; }
.public-profile-shell--reference .public-profile-badge-grid img { object-fit:contain; }

@media (min-width: 1181px) {
    .public-profile-shell--reference .default-theme-right-card:has(.public-profile-ranking-list) .public-profile-ranking-list > div { padding:11px 5px; }
    .public-profile-shell--reference .default-theme-right-card:has(.public-profile-badge-grid) { min-height:194px; }
    .public-profile-shell--reference .public-home-right { gap:14px; }
    .public-profile-overview-grid .public-profile-achievements-panel { width:616px; }
    .public-profile-overview-grid .public-profile-activity-panel { margin-left:-55px; width:calc(100% + 55px); }
}

@media (max-width: 1180px) {
    .public-profile-shell--reference { --public-sidebar-width:220px; --public-home-right-width:250px; --public-home-shell-gap:12px; }
    .public-profile-shell--reference .public-profile-showcase__body { grid-template-columns:120px minmax(0,1fr) 205px; }
    .public-profile-shell--reference .public-profile-showcase__avatar { height:108px; width:108px; }
    .public-profile-showcase__level-medal { left:96px; }
    .public-profile-prestige { padding:14px; }
    .public-profile-overview-grid { grid-template-columns:1fr 1fr; }
    .public-profile-overview-grid .public-profile-about-panel { grid-column:1 / -1; height:auto; }
    .public-profile-overview-grid .public-profile-achievements-panel { grid-column:1 / -1; }
    .public-profile-overview-grid .public-profile-activity-panel { grid-column:1 / -1; }
}
@media (max-width: 900px) {
    .public-profile-shell--reference .public-profile-hero--showcase { height:auto; min-height:420px; }
    .public-profile-shell--reference .public-profile-showcase__body { align-content:end; grid-template-columns:90px minmax(0,1fr); grid-template-rows:auto auto auto; padding:24px; }
    .public-profile-shell--reference .public-profile-showcase__avatar { grid-row:1; height:86px; width:86px; }
    .public-profile-shell--reference .public-profile-showcase__identity { grid-column:2; grid-row:1; }
    .public-profile-shell--reference .public-profile-showcase__actions { grid-column:1 / -1; grid-row:2; margin-top:14px; }
    .public-profile-prestige { grid-column:1 / -1; grid-row:3; margin-top:14px; min-height:0; }
    .public-profile-showcase__level-medal { display:none; }
    .public-profile-overview-grid { grid-template-columns:1fr; }
    .public-profile-overview-grid .public-profile-level-panel,
    .public-profile-overview-grid .public-profile-streak-panel,
    .public-profile-overview-grid .public-profile-about-panel,
    .public-profile-overview-grid .public-profile-achievements-panel,
    .public-profile-overview-grid .public-profile-activity-panel { grid-column:1; height:auto; }
}

/* Profile showcase polish: aligned identity, readable type and compact tabs. */
.public-profile-shell--reference .public-profile-showcase__body {
    align-items: center;
}

.public-profile-shell--reference .public-profile-showcase__avatar {
    align-self: center;
}

.public-profile-shell--reference .public-profile-showcase__identity {
    align-self: center;
    padding-bottom: 0;
}

.public-profile-shell--reference .public-profile-showcase__title h1 {
    font-size: 39px;
}

.public-profile-shell--reference .public-profile-showcase__identity .public-profile-hero__handle,
.public-profile-shell--reference .public-profile-showcase__identity .public-profile-hero__bio {
    font-size: 14px;
}

.public-profile-shell--reference .public-profile-showcase__identity .public-profile-showcase__details,
.public-profile-shell--reference .public-profile-showcase__identity .public-profile-showcase__details span {
    font-size: 13px;
}

.public-profile-shell--reference .public-profile-showcase__identity .public-profile-level {
    font-size: 12px;
}

.public-profile-shell--reference .public-profile-showcase__actions > * {
    font-size: 14px;
}

.public-profile-shell--reference .public-profile-stat-strip div {
    align-items: center;
}

.public-profile-shell--reference .public-profile-stat-strip i {
    align-self: center;
    font-size: 31px;
    line-height: 1;
}

.public-profile-shell--reference .public-profile-stat-strip strong {
    font-size: 20px;
    line-height: 1.15;
}

.public-profile-shell--reference .public-profile-stat-strip span {
    font-size: 10px;
    line-height: 1.2;
}

.public-profile-shell--reference .public-profile-tabs--showcase {
    gap: 10px;
    justify-content: flex-start;
}

.public-profile-shell--reference .public-profile-tabs .default-theme-filter-link {
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
}

.public-profile-shell--reference .public-profile-tabs .default-theme-filter-link b {
    font-size: 11px;
}

.public-profile-shell--reference .public-profile-level-panel {
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}

.public-profile-shell--reference .public-profile-level-panel .public-profile-panel__heading h2 {
    font-size: 16px;
}

.public-profile-shell--reference .public-profile-level-panel .public-profile-panel__heading a {
    font-size: 12px;
}

.public-profile-shell--reference .public-profile-level-content {
    align-items: center;
    gap: 18px;
    grid-template-columns: 150px minmax(0, 1fr);
    min-height: 215px;
}

.public-profile-shell--reference .public-profile-level-content > div {
    min-width: 0;
}

.public-profile-shell--reference .public-profile-level-content img {
    height: 150px;
    width: 150px;
}

.public-profile-shell--reference .public-profile-level-content strong {
    font-size: 24px;
    line-height: 1.1;
}

.public-profile-shell--reference .public-profile-level-content span {
    font-size: 14px;
    margin-top: 6px;
}

.public-profile-shell--reference .public-profile-level-content small {
    font-size: 12px;
    line-height: 1.35;
}

.public-profile-shell--reference .public-profile-level-content .public-profile-progress {
    height: 15px;
    margin: 18px 0 8px;
}

@media (max-width: 900px) {
    .public-profile-shell--reference .public-profile-level-content {
        gap: 12px;
        grid-template-columns: 100px minmax(0, 1fr);
        min-height: 180px;
    }

    .public-profile-shell--reference .public-profile-level-content img {
        height: 100px;
        width: 100px;
    }
}

/* Profile showcase streak refinement. */
.public-profile-shell--reference .public-profile-level-panel {
    background: #fff;
}

.public-profile-shell--reference .public-profile-streak-panel {
    background: #fff;
}

.public-profile-shell--reference .public-profile-streak-panel .public-profile-panel__heading h2 {
    font-size: 16px;
}

.public-profile-shell--reference .public-profile-streak-value {
    align-items: center;
    column-gap: 8px;
    display: grid;
    font-size: 58px;
    grid-template-columns: auto auto;
    justify-content: center;
    line-height: .95;
    padding: 22px 0 0;
    row-gap: 4px;
}

.public-profile-shell--reference .public-profile-streak-value span {
    font-size: 54px;
    line-height: 1;
}

.public-profile-shell--reference .public-profile-streak-value small {
    font-size: 16px;
    grid-column: 1 / -1;
    line-height: 1.1;
    margin-top: 0;
}

.public-profile-shell--reference .public-profile-week-labels {
    column-gap: 10px;
    grid-template-columns: repeat(7, 32px);
    margin-top: 28px;
}

.public-profile-shell--reference .public-profile-week-labels span {
    font-size: 13px;
}

.public-profile-shell--reference .public-profile-week {
    gap: 10px;
    margin: 5px 0 27px;
}

.public-profile-shell--reference .public-profile-week i {
    font-size: 16px;
    height: 32px;
    width: 32px;
}

.public-profile-shell--reference .public-profile-streak-note {
    font-size: 15px;
}

@media (max-width: 900px) {
    .public-profile-shell--reference .public-profile-streak-value {
        font-size: 46px;
    }

    .public-profile-shell--reference .public-profile-streak-value span {
        font-size: 42px;
    }

    .public-profile-shell--reference .public-profile-week-labels {
        column-gap: 6px;
        grid-template-columns: repeat(7, 27px);
    }

    .public-profile-shell--reference .public-profile-week {
        gap: 6px;
    }

    .public-profile-shell--reference .public-profile-week i {
        height: 27px;
        width: 27px;
    }
}

/* Profile showcase finishing pass: compact tabs, contained streak note and achievement states. */
.public-profile-shell--reference .public-profile-tabs--showcase {
    gap: 10px;
    justify-content: flex-start;
}

.public-profile-shell--reference .public-profile-tabs .default-theme-filter-link {
    font-size: 13px;
    padding-left: 2px;
    padding-right: 2px;
}

.public-profile-shell--reference .public-profile-streak-panel .public-profile-week {
    margin-bottom: 10px;
}

.public-profile-shell--reference .public-profile-streak-note {
    margin-top: -2px;
    transform: translateY(-4px);
}

.public-profile-shell--reference .public-profile-week i.is-missed {
    background: #fff0f1;
    color: #e04b5a;
}

.public-profile-shell--reference .public-profile-week i.is-upcoming {
    background: #f0f5fb;
    color: #9aabc0;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-about-panel p {
    font-size: 12px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-about-panel h3 {
    font-size: 12px;
}

.public-profile-shell--reference .public-profile-about-panel .public-profile-chip-list span {
    font-size: 9px;
}

.public-profile-shell--reference .public-profile-about-panel .public-profile-about-closing {
    font-size: 12px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements-panel {
    height: 235px;
    padding: 17px;
}

.public-profile-shell--reference .public-profile-achievements-panel .public-profile-panel__heading h2 {
    font-size: 15px;
}

.public-profile-shell--reference .public-profile-achievements-panel .public-profile-panel__heading a {
    font-size: 10px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements {
    gap: 9px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements div {
    gap: 5px;
    padding: 9px 5px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements img,
.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievement-placeholder {
    height: 81px;
    width: 81px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements strong {
    font-size: 10px;
    line-height: 1.2;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements small {
    font-size: 8px;
    line-height: 1.25;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements em {
    font-size: 8px;
    padding: 3px 6px;
}

.public-profile-shell--reference .public-profile-achievements .public-profile-achievement-placeholder {
    align-items: center;
    background: #eef4fb;
    border: 1px dashed #b9cce0;
    border-radius: 50%;
    color: #8093aa;
    display: flex;
    font-size: 42px;
    font-weight: 800;
    justify-content: center;
    line-height: 1;
}

.public-profile-shell--reference .public-profile-achievements .is-locked {
    background: #f7faff;
}

.public-profile-shell--reference .public-profile-achievements .is-locked strong {
    color: #6c819c;
}

.public-profile-shell--reference .public-profile-achievements .is-locked em {
    background: #edf2f7;
    color: #7a8da6;
}

@media (max-width: 900px) {
    .public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements-panel {
        height: auto;
    }

    .public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Profile lower-row balance: contained achievements and a wider activity panel. */
@media (min-width: 1181px) {
    .public-profile-shell--reference .public-profile-overview-grid {
        column-gap: 1.5%;
        grid-template-columns: 1.1fr .95fr 1fr;
    }

    .public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements-panel {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 235px;
        min-width: 0;
        overflow: hidden;
    }

    .public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-panel {
        box-sizing: border-box;
        height: 235px;
        margin-left: 0;
        min-width: 0;
        width: auto;
    }
}

.public-profile-shell--reference .public-profile-achievements-panel .public-profile-panel__heading h2,
.public-profile-shell--reference .public-profile-activity-panel .public-profile-panel__heading h2 {
    font-size: 17px;
}

.public-profile-shell--reference .public-profile-achievements-panel .public-profile-panel__heading a,
.public-profile-shell--reference .public-profile-activity-panel .public-profile-panel__heading a {
    font-size: 12px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements {
    align-items: stretch;
    flex: 1;
    min-height: 0;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements div {
    align-content: center;
    box-sizing: border-box;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements strong {
    font-size: 12px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements small {
    font-size: 9px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements em {
    font-size: 9px;
}

.public-profile-shell--reference .public-profile-achievements .public-profile-achievement-placeholder {
    font-size: 48px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-list small,
.public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-list strong,
.public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-list b {
    font-size: 9px;
}

@media (max-width: 900px) {
    .public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements-panel,
    .public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-panel {
        height: auto;
    }
}

/* Profile lower-row proportions: achievements ~65%, activity ~33%, gap ~2%. */
@media (min-width: 1181px) {
    .public-profile-shell--reference .public-profile-overview-grid {
        column-gap: 2%;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.06fr);
    }

    .public-profile-shell--reference .public-profile-overview-grid .public-profile-achievements-panel,
    .public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-panel {
        height: 270px;
        margin-left: 0;
        min-width: 0;
        width: auto;
    }
}

/* Profile content cards use the same sizing contract as Home and Explore. */
.public-profile-shell--reference .public-profile-content .public-home-content-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 300px)) !important;
    justify-content: start;
}

@media (max-width: 1100px) {
    .public-profile-shell--reference .public-profile-content .public-home-content-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    }
}

.account-settings-profile-details {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.public-profile-shell--reference .public-profile-showcase__details a {
    align-items: center;
    color: inherit;
    display: inline-flex;
    gap: 5px;
    text-decoration: none;
}

.public-profile-shell--reference .public-profile-showcase__details a:hover,
.public-profile-shell--reference .public-profile-showcase__details a:focus-visible {
    color: #4ca4ff;
    text-decoration: underline;
}

.public-profile-prestige__metrics {
    border-top: 1px solid rgba(255, 255, 255, .15);
    display: grid;
    gap: 8px 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
    padding-top: 12px;
}

.public-profile-prestige__metrics div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.public-profile-prestige__metrics strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.1;
}

.public-profile-prestige__metrics span {
    color: rgba(255, 255, 255, .68);
    font-size: 8px;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 850px) {
    .account-settings-profile-details {
        grid-template-columns: 1fr;
    }
}

/* Keep the level badge attached to the avatar instead of positioning it
   against the full hero body. Half of the diamond intentionally overlaps the
   avatar edge and half remains outside it. */
.public-profile-shell--reference .public-profile-showcase__avatar-wrap {
    align-self: center;
    grid-column: 1;
    grid-row: 1 / 3;
    height: 128px;
    margin-top: -58px;
    position: relative;
    width: 128px;
    z-index: 4;
}

.public-profile-shell--reference .public-profile-showcase__avatar-wrap .public-profile-showcase__avatar {
    height: 100%;
    margin: 0;
    width: 100%;
}

.public-profile-shell--reference .public-profile-showcase__avatar-wrap .public-profile-showcase__level-medal {
    bottom: -24px;
    left: 50%;
    top: auto;
    transform: translateX(-50%);
}

@media (min-width: 901px) and (max-width: 1180px) {
    .public-profile-shell--reference .public-profile-showcase__avatar-wrap {
        height: 108px;
        margin-top: -58px;
        width: 108px;
    }

    .public-profile-shell--reference .public-profile-showcase__avatar-wrap .public-profile-showcase__level-medal {
        bottom: -19px;
        height: 38px;
        width: 38px;
    }
}

@media (max-width: 900px) {
    .public-profile-shell--reference .public-profile-showcase__avatar-wrap {
        height: 86px;
        margin-top: -58px;
        width: 86px;
    }

    .public-profile-shell--reference .public-profile-showcase__avatar-wrap .public-profile-showcase__level-medal {
        bottom: -19px;
        height: 38px;
        left: 50%;
        top: auto;
        width: 38px;
    }
}

/* Gamification level polish: the medal anchors to the avatar edge and reads as a diamond. */
.public-profile-shell--reference .public-profile-showcase__level-medal {
    align-items: center;
    background: linear-gradient(145deg, #7d5cf2 0%, #3b1592 100%);
    border: 0;
    border-radius: 0;
    bottom: auto;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    display: flex;
    font-size: 13px;
    height: 48px;
    justify-content: center;
    left: 103px;
    position: absolute;
    top: calc(50% + 45px);
    transform: none;
    width: 48px;
    z-index: 5;
}

.public-profile-shell--reference .public-profile-prestige__heading {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 850;
    justify-content: space-between;
}

.public-profile-shell--reference .public-profile-prestige__heading svg {
    color: #6faaff;
    height: 17px;
    width: 17px;
}

.public-profile-shell--reference .public-profile-prestige__intro {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .72);
    font-size: 10px;
    line-height: 1.45;
    margin: 10px 0 12px;
    padding-bottom: 12px;
}

.public-profile-shell--reference .public-profile-prestige__metrics {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

@media (min-width: 901px) and (max-width: 1300px) {
    .public-profile-overview-grid .public-profile-level-content {
        gap: 10px;
        grid-template-columns: 108px minmax(0, 1fr);
    }

    .public-profile-overview-grid .public-profile-level-content img {
        height: 108px;
        width: 108px;
    }

    .public-profile-overview-grid .public-profile-level-content strong {
        font-size: 21px;
        white-space: nowrap;
    }

    .public-profile-overview-grid .public-profile-level-content span {
        font-size: 12px;
    }

    .public-profile-overview-grid .public-profile-level-content small {
        font-size: 10px;
    }
}

@media (max-width: 900px) {
    .public-profile-shell--reference .public-profile-showcase__level-medal {
        display: flex;
        height: 38px;
        left: 66px;
        top: calc(50% + 30px);
        width: 38px;
    }
}
/* Gamification catalogue labels stay admin-only; public surfaces use the flags
   only as an explicit display filter. */
.admin-badge-card__top-label {
    background: linear-gradient(135deg, #fff2c7, #ffe0a1);
    border: 1px solid #f4c96b;
    border-radius: 999px;
    color: #8a5b00;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .02em;
    padding: .28rem .5rem;
    text-align: center;
}

/* Profile creator details and real activity presentation. */
.account-settings-card--creator-details {
    display: block;
    margin-top: 16px;
}

.account-settings-section-intro,
.account-settings-social-heading {
    align-items: center;
    display: flex;
    gap: 12px;
}

.account-settings-section-intro__icon {
    align-items: center;
    background: #eaf3ff;
    border: 1px solid #c9dfff;
    border-radius: 12px;
    color: #1672df;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.account-settings-section-intro strong,
.account-settings-social-heading strong {
    color: #15223d;
    display: block;
    font-size: 15px;
    font-weight: 800;
}

.account-settings-section-intro span,
.account-settings-social-heading span {
    color: #647894;
    display: block;
    font-size: 12px;
    margin-top: 3px;
}

.account-settings-profile-details--wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
}

.account-settings-social-heading {
    border-top: 1px solid #e3edf7;
    margin-top: 18px;
    padding-top: 18px;
}

.account-settings-social-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 14px;
}

@media (max-width: 760px) {
    .account-settings-profile-details--wide,
    .account-settings-social-grid {
        grid-template-columns: 1fr;
    }
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-about-panel {
    font-size: 1.15em;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-about-panel p,
.public-profile-shell--reference .public-profile-overview-grid .public-profile-about-panel h3,
.public-profile-shell--reference .public-profile-about-panel .public-profile-about-closing {
    font-size: 13.8px;
}

.public-profile-shell--reference .public-profile-about-panel .public-profile-chip-list span {
    font-size: 10.35px;
}

.public-profile-shell--reference .public-profile-about-panel .public-profile-chip-list span.is-placeholder {
    color: #8192a9;
    font-style: italic;
}

.public-profile-shell--reference .public-profile-social-row {
    align-items: center;
    min-height: 28px;
}

.public-profile-shell--reference .public-profile-social-row a {
    display: inline-flex;
    text-decoration: none;
}

.public-profile-shell--reference .public-profile-social-row a i,
.public-profile-shell--reference .public-profile-social-row > i {
    font-size: 11px;
    height: 25px;
    width: 25px;
}

.public-profile-shell--reference .public-profile-social-empty {
    color: #7b8ea8;
    font-size: 10px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-list small,
.public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-list strong,
.public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-list b {
    font-size: 10.35px;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-list strong {
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-list > div {
    align-items: center;
    grid-template-columns: 20px 76px minmax(0, 1fr) auto;
}

/* Recent activity timestamps use the same compact muted treatment as the
   reference layout. The feed renders a semantic <time>, not a <small>. */
.public-profile-shell--reference .public-profile-overview-grid .public-profile-activity-list time {
    color: #7185a1;
    display: block;
    font-size: 10.35px;
    line-height: 1.25;
    min-width: 0;
    white-space: nowrap;
}

/* Profile loading state: keep the same geometry as the showcase so AJAX
   navigation never flashes a blank or reflows the desktop composition. */
.public-profile-skeleton,
.public-profile-sidebar-skeleton {
    display: none;
}

.public-profile-skeleton {
    gap: 10px;
    min-width: 0;
}

.public-profile-skeleton__hero,
.public-profile-skeleton__stats,
.public-profile-skeleton__tabs,
.public-profile-skeleton__panel,
.public-profile-sidebar-skeleton {
    background: #e0edfb;
    border: 1px solid #d8e8f3;
    border-radius: 10px;
    overflow: hidden;
}

.public-profile-skeleton__hero {
    height: 286px;
    position: relative;
}

.public-profile-skeleton__hero-banner {
    background: #cfe1f6;
    inset: 0;
    position: absolute;
}

.public-profile-skeleton__hero-body {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: 140px minmax(0, 1fr) 238px;
    grid-template-rows: 1fr auto;
    inset: 0;
    padding: 22px 12px 22px 18px;
    position: absolute;
}

.public-profile-skeleton__avatar {
    background: #bcd4ef;
    border: 4px solid #eef6ff;
    border-radius: 50%;
    grid-row: 1 / 3;
    height: 128px;
    width: 128px;
}

.public-profile-skeleton__identity {
    align-self: end;
    display: grid;
    gap: 10px;
    padding-bottom: 8px;
}

.public-profile-skeleton__line,
.public-profile-skeleton__actions span,
.public-profile-skeleton__stats span,
.public-profile-skeleton__tabs span,
.public-profile-sidebar-skeleton__heading,
.public-profile-sidebar-skeleton__row,
.public-profile-sidebar-skeleton__badges {
    background: #c8ddf3;
    border-radius: 999px;
    display: block;
}

.public-profile-skeleton__line--title { height: 27px; width: 48%; }
.public-profile-skeleton__line--handle { height: 12px; width: 31%; }
.public-profile-skeleton__line--bio { height: 11px; width: 76%; }
.public-profile-skeleton__line--details { height: 10px; width: 54%; }

.public-profile-skeleton__actions {
    align-items: center;
    align-self: start;
    display: flex;
    gap: 8px;
    grid-column: 2;
    grid-row: 2;
}

.public-profile-skeleton__actions span { height: 34px; width: 104px; }
.public-profile-skeleton__actions span:last-child { width: 38px; }

.public-profile-skeleton__stats {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    height: 92px;
    padding: 15px 6px;
}

.public-profile-skeleton__stats span {
    align-self: center;
    height: 35px;
    justify-self: center;
    width: 72%;
}

.public-profile-skeleton__tabs {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #dfe9f3;
    border-radius: 0;
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    height: 36px;
    padding: 0 4px;
}

.public-profile-skeleton__tabs span {
    align-self: stretch;
    border-radius: 6px 6px 0 0;
    height: auto;
    margin: 4px 15px 0;
}

.public-profile-skeleton__overview {
    display: grid;
    gap: 14px;
    grid-template-columns: 1.15fr .95fr .95fr;
    margin-top: 4px;
}

.public-profile-skeleton__panel { min-height: 0; }
.public-profile-skeleton__panel--level,
.public-profile-skeleton__panel--streak,
.public-profile-skeleton__panel--about { height: 273px; }
.public-profile-skeleton__panel--achievements { grid-column: 1 / 3; height: 204px; }
.public-profile-skeleton__panel--activity { grid-column: 3; height: 204px; }
.public-profile-skeleton__panel--content { height: 220px; margin-top: 0; }

.public-profile-sidebar-skeleton {
    gap: 10px;
    padding: 14px;
}

.public-profile-sidebar-skeleton__heading { height: 16px; margin-bottom: 4px; width: 56%; }
.public-profile-sidebar-skeleton__heading--short { width: 42%; }
.public-profile-sidebar-skeleton__row { height: 32px; width: 100%; }
.public-profile-sidebar-skeleton--badges { min-height: 194px; }
.public-profile-sidebar-skeleton__badges { height: 105px; margin-top: 10px; width: 100%; }

html.mobile-navigation-loading body[data-performance-skeleton="1"] .public-profile-shell[data-profile-skeleton-shell] .public-profile-skeleton {
    display: grid;
}

html.mobile-navigation-loading body[data-performance-skeleton="1"] .public-profile-shell[data-profile-skeleton-shell] .public-home-main-column > :not(.public-home-header-region):not([data-profile-skeleton]),
html.mobile-navigation-loading body[data-performance-skeleton="1"] .public-profile-shell[data-profile-skeleton-shell] .public-home-right > :not([data-profile-sidebar-skeleton]) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

html.mobile-navigation-loading body[data-performance-skeleton="1"] .public-profile-shell[data-profile-skeleton-shell] .public-profile-sidebar-skeleton {
    display: grid;
}

@media (prefers-reduced-motion: no-preference) {
    body[data-performance-shimmer="1"] .public-profile-shell[data-profile-skeleton-shell] .public-profile-skeleton * ,
    body[data-performance-shimmer="1"] .public-profile-shell[data-profile-skeleton-shell] [data-profile-sidebar-skeleton] * {
        animation: public-home-skeleton-shimmer 1.35s ease-in-out infinite;
        background: linear-gradient(110deg, rgba(139, 178, 222, .26) 25%, rgba(255, 255, 255, .75) 45%, rgba(139, 178, 222, .26) 65%);
        background-size: 220% 100%;
    }
}

@media (max-width: 1180px) {
    .public-profile-skeleton__hero-body { grid-template-columns: 120px minmax(0, 1fr) 205px; }
    .public-profile-skeleton__avatar { height: 108px; width: 108px; }
    .public-profile-skeleton__overview { grid-template-columns: 1fr 1fr; }
    .public-profile-skeleton__panel--about,
    .public-profile-skeleton__panel--achievements,
    .public-profile-skeleton__panel--activity { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
    .public-profile-skeleton__hero { height: 420px; }
    .public-profile-skeleton__hero-body { align-content: end; grid-template-columns: 90px minmax(0, 1fr); grid-template-rows: auto auto auto; padding: 24px; }
    .public-profile-skeleton__avatar { grid-row: 1; height: 86px; width: 86px; }
    .public-profile-skeleton__actions { grid-column: 1 / -1; grid-row: 2; margin-top: 14px; }
    .public-profile-skeleton__overview { grid-template-columns: 1fr; }
    .public-profile-skeleton__panel--level,
    .public-profile-skeleton__panel--streak,
    .public-profile-skeleton__panel--about,
    .public-profile-skeleton__panel--achievements,
    .public-profile-skeleton__panel--activity { grid-column: 1; }
}

@media (max-width: 640px) {
    .public-profile-skeleton__hero { height: 350px; }
    .public-profile-skeleton__hero-body { gap: 12px; grid-template-columns: 82px minmax(0, 1fr); padding: 18px 14px 16px; }
    .public-profile-skeleton__avatar { height: 82px; width: 82px; }
    .public-profile-skeleton__stats { grid-template-columns: repeat(3, 1fr); height: auto; min-height: 128px; }
    .public-profile-skeleton__tabs span { margin-left: 4px; margin-right: 4px; }
}

/* Profile sidebar: real creator links and an explicit locked-badge state. */
.public-profile-ranking-list > a {
    align-items: center;
    border-radius: 10px;
    color: inherit;
    display: grid;
    gap: 8px;
    grid-template-columns: 20px 28px minmax(0, 1fr);
    padding: 7px;
    text-decoration: none;
}

.public-profile-ranking-list > a:hover,
.public-profile-ranking-list > a:focus-visible {
    background: #f1f7ff;
    outline: none;
}

.public-profile-ranking-list > a.is-current { background: #eaf3ff; }
.public-profile-ranking-avatar--image { object-fit: cover; overflow: hidden; }
.public-profile-sidebar-empty { color: #6a7d99; font-size: 11px; margin: 8px 0 2px; }
.public-profile-badge-grid > span.is-locked {
    align-items: center;
    background: #f7faff;
    color: #7890ad;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
}
.public-profile-badge-placeholder {
    align-items: center;
    background: #e6eef8;
    border-radius: 50%;
    color: #7890ad;
    display: inline-flex;
    font-size: 16px;
    height: 25px;
    justify-content: center;
    width: 25px;
}
.public-profile-badge-grid > span.is-locked small { color: #7890ad; font-size: 8px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }

.public-profile-shell--reference .public-profile-ranking-list > a {
    border-radius: 7px;
    grid-template-columns: 18px 25px minmax(0, 1fr);
    padding: 7px 5px;
}
.public-profile-shell--reference .public-profile-ranking-list > a.is-current { background: #eaf4ff; }
.public-profile-shell--reference .public-profile-ranking-list > a strong { font-size: 10px; }
.public-profile-shell--reference .public-profile-ranking-list > a small { font-size: 8px; }
.public-profile-shell--reference .public-profile-ranking-list > a .public-profile-ranking-avatar { height: 25px; width: 25px; }

/* Keep the profile sidebar typography readable at desktop reference scale. */
.public-profile-shell--reference .default-theme-right-card:has(.public-profile-ranking-list) .default-theme-right-card-title,
.public-profile-shell--reference .default-theme-right-card:has(.public-profile-badge-grid) .default-theme-right-card-title { font-size: 17.6px; }
.public-profile-shell--reference .default-theme-right-card:has(.public-profile-ranking-list) .default-theme-right-card-action,
.public-profile-shell--reference .default-theme-right-card:has(.public-profile-badge-grid) .default-theme-right-card-action { font-size: 12.1px; }
.public-profile-shell--reference .public-profile-ranking-list > a i { font-size: 12.1px; }
.public-profile-shell--reference .public-profile-ranking-list > a strong { font-size: 11px; }
.public-profile-shell--reference .public-profile-ranking-list > a small { font-size: 8.8px; }
.public-profile-shell--reference .public-profile-badge-grid > span.is-locked small { font-size: 8.8px; }

/* Public gamification catalogue: the profile CTAs land on a full, responsive catalogue. */
.public-gamification-main { max-width: none; padding: 0; }
.public-gamification-shell .public-home-main-column { align-content: start; }
.public-gamification-page { display: grid; gap: 1rem; margin: 0 auto; max-width: 1440px; padding: 1rem 0 2.5rem; width: 100%; }
.public-gamification-page__hero { align-items: center; background: linear-gradient(115deg, #f6fbff, #eaf4ff 58%, #f5efff); border: 1px solid #d7e8fa; border-radius: 1.15rem; box-shadow: 0 .8rem 2rem rgba(38, 103, 170, .08); display: flex; justify-content: space-between; min-height: 11rem; overflow: hidden; padding: clamp(1.35rem, 3vw, 2.4rem); }
.public-gamification-page__hero h1 { color: #12213d; font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.045em; margin: .35rem 0 .5rem; }
.public-gamification-page__hero h1 span { color: #287af0; }
.public-gamification-page__hero p:last-child { color: #607692; font-size: 1rem; line-height: 1.55; margin: 0; max-width: 42rem; }
.public-gamification-page__eyebrow, .public-gamification-card__eyebrow { color: #1672df; font-size: .72rem; font-weight: 900; letter-spacing: .09em; margin: 0; text-transform: uppercase; }
.public-gamification-page__hero-icon { align-items: center; background: #fff; border: 1px solid #d6e7fa; border-radius: 1.2rem; box-shadow: 0 .8rem 1.6rem rgba(60, 117, 184, .13); color: #2478ed; display: flex; font-size: 4rem; height: 7rem; justify-content: center; margin-right: 2rem; transform: rotate(7deg); width: 7rem; }
.public-gamification-page__tabs { align-items: center; background: #fff; border: 1px solid #dce9f5; border-radius: .9rem; display: flex; gap: .35rem; padding: .35rem; }
.public-gamification-page__tabs a { border-radius: .65rem; color: #526b8a; font-size: .88rem; font-weight: 800; padding: .75rem 1.15rem; text-decoration: none; }
.public-gamification-page__tabs a:hover, .public-gamification-page__tabs a.is-active { background: #eaf3ff; color: #126be0; }
.public-gamification-level-grid, .public-gamification-achievement-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.public-gamification-level-card, .public-gamification-achievement-card { background: #fff; border: 1px solid #dce9f5; border-radius: 1rem; box-shadow: 0 .35rem 1.2rem rgba(38, 103, 170, .06); min-width: 0; padding: 1.15rem; }
.public-gamification-level-card { align-items: center; display: grid; gap: .8rem; grid-template-columns: 3.2rem minmax(0, 1fr); position: relative; }
.public-gamification-level-card__number { align-items: center; background: linear-gradient(145deg, #1672df, #6f53e8); border-radius: .9rem; box-shadow: 0 .5rem 1rem rgba(22, 114, 223, .2); color: #fff; display: flex; font-size: 1.45rem; font-weight: 900; height: 3.2rem; justify-content: center; width: 3.2rem; }
.public-gamification-level-card h2, .public-gamification-achievement-card h2 { color: #162945; font-size: 1.05rem; margin: .2rem 0; }
.public-gamification-level-card p, .public-gamification-achievement-card p { color: #6a7d99; font-size: .78rem; line-height: 1.45; margin: 0; }
.public-gamification-level-card > strong { color: #1672df; font-size: .9rem; grid-column: 2; }
.public-gamification-level-card > strong small { color: #7185a0; font-size: .7rem; font-weight: 600; }
.public-gamification-achievement-card { align-items: center; display: grid; gap: 1rem; grid-template-columns: 5.2rem minmax(0, 1fr); }
.public-gamification-achievement-card__image { align-items: center; background: #f1f7ff; border: 1px solid #dceafa; border-radius: 1rem; display: flex; height: 5.2rem; justify-content: center; width: 5.2rem; }
.public-gamification-achievement-card__image img { height: 4.25rem; object-fit: contain; width: 4.25rem; }
.public-gamification-achievement-card__title { align-items: center; display: flex; gap: .45rem; justify-content: space-between; }
.public-gamification-achievement-card__title span { background: #fff3cf; border-radius: 999px; color: #a36a00; font-size: .62rem; font-weight: 900; padding: .25rem .45rem; }
.public-gamification-achievement-card small { color: #1672df; display: block; font-size: .7rem; font-weight: 800; margin-top: .55rem; text-transform: capitalize; }
@media (max-width: 1000px) { .public-gamification-level-grid, .public-gamification-achievement-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .public-gamification-page { padding: .75rem .75rem 5.5rem; }.public-gamification-page__hero { align-items: flex-start; }.public-gamification-page__hero-icon { display: none; }.public-gamification-level-grid, .public-gamification-achievement-grid { grid-template-columns: 1fr; }.public-gamification-page__tabs a { flex: 1; text-align: center; } }

/* Profile-specific level history. */
.public-gamification-back-link { align-items: center; color: #1672df; display: inline-flex; font-size: .82rem; font-weight: 800; gap: .35rem; text-decoration: none; width: max-content; }
.public-gamification-back-link:hover { color: #0d56b6; }
.public-gamification-back-link .default-theme-icon { height: 1rem; width: 1rem; }
.public-profile-levels-page .public-gamification-page__hero { align-items: center; }
.public-profile-levels-summary { background: linear-gradient(135deg, #1672df, #5d69ed); border-radius: 1rem; box-shadow: 0 1rem 2rem rgba(22, 114, 223, .18); color: #fff; display: grid; gap: .2rem; min-width: 9rem; padding: 1rem 1.15rem; text-align: right; }
.public-profile-levels-summary strong { font-size: 1.1rem; }
.public-profile-levels-summary span { font-size: .74rem; font-weight: 700; opacity: .88; }
.public-profile-levels-list { display: grid; gap: .75rem; }
.public-profile-level-row { align-items: center; background: #fff; border: 1px solid #dce9f5; border-radius: 1rem; box-shadow: 0 .5rem 1.25rem rgba(33, 81, 132, .06); display: grid; gap: 1rem; grid-template-columns: 4.25rem minmax(0, 1fr) minmax(10rem, auto); padding: 1rem 1.15rem; }
.public-profile-level-row__badge { align-items: center; background: linear-gradient(145deg, #1672df, #6d6ef0); border-radius: 1.15rem; box-shadow: 0 .5rem 1rem rgba(22, 114, 223, .2); color: #fff; display: flex; font-size: 1.3rem; font-weight: 900; height: 4.25rem; justify-content: center; width: 4.25rem; }
.public-profile-level-row.is-locked .public-profile-level-row__badge { background: #eef3f8; box-shadow: none; color: #8091a8; }
.public-profile-level-row__title { align-items: center; display: flex; gap: .6rem; justify-content: space-between; }
.public-profile-level-row__title h2 { color: #162945; font-size: 1.05rem; margin: 0; }
.public-profile-level-row__title span { background: #edf5ff; border-radius: 999px; color: #1672df; font-size: .7rem; font-weight: 900; padding: .28rem .5rem; white-space: nowrap; }
.public-profile-level-row__copy p { color: #6a7d99; font-size: .78rem; line-height: 1.45; margin: .35rem 0 .45rem; }
.public-profile-level-row__copy small { color: #7185a0; font-size: .7rem; font-weight: 700; }
.public-profile-level-row__status { display: grid; gap: .25rem; justify-items: end; text-align: right; }
.public-profile-level-row__status strong { align-items: center; color: #159b5b; display: inline-flex; font-size: .82rem; gap: .3rem; }
.public-profile-level-row__status .default-theme-icon { height: .95rem; width: .95rem; }
.public-profile-level-row__status small { color: #6a7d99; font-size: .7rem; }
.public-profile-level-row.is-locked .public-profile-level-row__status strong { color: #8091a8; }
.public-profile-levels-private { align-items: center; background: #fff; border: 1px solid #dce9f5; border-radius: 1rem; display: flex; gap: 1rem; padding: 1.5rem; }
.public-profile-levels-private > span { align-items: center; background: #edf5ff; border-radius: .9rem; color: #1672df; display: flex; height: 3rem; justify-content: center; width: 3rem; }
.public-profile-levels-private .default-theme-icon { height: 1.25rem; width: 1.25rem; }
.public-profile-levels-private h2 { color: #162945; font-size: 1rem; margin: 0 0 .25rem; }
.public-profile-levels-private p { color: #6a7d99; font-size: .78rem; margin: 0; }
@media (max-width: 700px) { .public-profile-levels-page .public-gamification-page__hero { align-items: flex-start; display: grid; gap: 1rem; }.public-profile-levels-summary { min-width: 0; text-align: left; width: max-content; }.public-profile-level-row { grid-template-columns: 3.2rem minmax(0, 1fr); padding: .85rem; }.public-profile-level-row__badge { border-radius: .9rem; font-size: 1rem; height: 3.2rem; width: 3.2rem; }.public-profile-level-row__status { grid-column: 2; justify-items: start; text-align: left; }.public-profile-level-row__title { align-items: flex-start; flex-direction: column; gap: .3rem; } }

/* Creator identity settings: public-profile aligned, compact, and scannable. */
.account-settings-card--creator-details {
    background: linear-gradient(145deg, #ffffff 0%, #f9fcff 100%);
    border: 1px solid #d6e6f6;
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(37, 91, 160, .07);
    margin-top: 16px;
    overflow: hidden;
    padding: 0;
}
.account-settings-creator-header {
    align-items: center;
    background: linear-gradient(110deg, #edf6ff 0%, #ffffff 62%, #f3f0ff 100%);
    border-bottom: 1px solid #e0ebf7;
    display: flex;
    gap: 14px;
    padding: 22px 24px;
}
.account-settings-creator-header__icon,
.account-settings-social-heading__icon,
.account-settings-creator-field__icon,
.account-settings-social-field__icon {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}
.account-settings-creator-header__icon { background: #1776ed; border-radius: 13px; box-shadow: 0 8px 16px rgba(23, 118, 237, .2); color: #fff; height: 44px; width: 44px; }
.account-settings-creator-header__icon svg { height: 23px; width: 23px; }
.account-settings-creator-header__copy { min-width: 0; }
.account-settings-creator-header__eyebrow { color: #1472ed; display: block; font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.account-settings-creator-header__copy h2 { color: #142344; font-size: 21px; letter-spacing: -.02em; margin: 4px 0 3px; }
.account-settings-creator-header__copy p { color: #607795; font-size: 13px; margin: 0; }
.account-settings-creator-header__status { align-items: center; background: #e8f8ef; border: 1px solid #c8ecd7; border-radius: 999px; color: #18864f; display: inline-flex; font-size: 11px; font-weight: 800; gap: 6px; margin-left: auto; padding: 7px 10px; white-space: nowrap; }
.account-settings-creator-header__status svg { height: 14px; width: 14px; }
.account-settings-creator-fields { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 20px 24px 0; }
.account-settings-creator-field { background: #f8fbff; border: 1px solid #dce9f6; border-radius: 14px; display: grid; gap: 9px; grid-template-columns: 38px minmax(0, 1fr); padding: 15px; }
.account-settings-creator-field__icon { background: #e8f3ff; border-radius: 10px; color: #1974e8; grid-row: 1 / span 3; height: 38px; width: 38px; }
.account-settings-creator-field__icon--violet { background: #f0ebff; color: #754bd7; }
.account-settings-creator-field__icon--gold { background: #fff5d8; color: #b77908; }
.account-settings-creator-field__icon svg { height: 19px; width: 19px; }
.account-settings-creator-field__copy { display: grid; gap: 2px; min-width: 0; }
.account-settings-creator-field__copy strong { color: #172744; font-size: 14px; }
.account-settings-creator-field__copy small { color: #647894; font-size: 11px; line-height: 1.35; }
.account-settings-creator-field input,
.account-settings-creator-field select,
.account-settings-social-field input { background: #fff; border: 1px solid #cfe0f2; border-radius: 9px; box-sizing: border-box; color: #12233f; font: inherit; font-size: 13px; min-height: 39px; padding: 9px 11px; width: 100%; }
.account-settings-creator-field input,
.account-settings-creator-field select { grid-column: 2; }
.account-settings-creator-field--selected-badge { margin: 14px 24px 0; }
.account-settings-creator-field input:focus,
.account-settings-creator-field select:focus,
.account-settings-social-field input:focus { border-color: #3882f9; box-shadow: 0 0 0 3px rgba(56, 130, 249, .13); outline: 0; }
.account-settings-token-row { display: flex; flex-wrap: wrap; gap: 5px; grid-column: 2; min-height: 22px; }
.account-settings-token-row span { background: #eaf3ff; border: 1px solid #d6e7fa; border-radius: 999px; color: #2d65a3; font-size: 10px; font-weight: 750; padding: 4px 7px; }
.account-settings-token-row span.is-placeholder { background: transparent; border: 0; color: #7b8ea8; font-style: italic; padding-left: 0; }
.account-settings-social-heading { align-items: center; border-top: 1px solid #e3edf7; display: flex; gap: 10px; margin: 20px 24px 0; padding: 18px 0 0; }
.account-settings-social-heading__icon { background: #edf5ff; border: 1px solid #d8e8f7; border-radius: 9px; color: #1672df; height: 32px; width: 32px; }
.account-settings-social-heading__icon svg { height: 16px; width: 16px; }
.account-settings-social-heading > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.account-settings-social-heading strong { color: #172744; font-size: 14px; }
.account-settings-social-heading small { color: #647894; font-size: 11px; }
.account-settings-social-heading em { color: #7a8ea8; font-size: 10px; font-style: normal; margin-left: auto; }
.account-settings-social-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 14px 24px 0; }
.account-settings-social-field { align-items: center; background: #fff; border: 1px solid #e0eaf5; border-radius: 11px; display: grid; gap: 9px; grid-template-columns: 28px minmax(0, 1fr); padding: 10px; }
.account-settings-social-field__icon { background: #f0f6fd; border-radius: 8px; color: #4f6c92; height: 28px; width: 28px; }
.account-settings-social-field__icon svg { height: 14px; width: 14px; }
.account-settings-social-field__copy { display: grid; gap: 1px; min-width: 0; }
.account-settings-social-field__copy strong { color: #223556; font-size: 12px; }
.account-settings-social-field__copy small { color: #7b8ea8; font-size: 10px; }
.account-settings-social-field input { grid-column: 1 / -1; min-height: 35px; }
.account-settings-creator-note { align-items: center; background: #edf6ff; border: 1px solid #d5e8fb; border-radius: 11px; color: #1a70dc; display: flex; gap: 10px; margin: 16px 24px 22px; padding: 10px 12px; }
.account-settings-creator-note > svg { flex: 0 0 auto; height: 18px; width: 18px; }
.account-settings-creator-note span { display: grid; gap: 2px; }
.account-settings-creator-note strong { color: #193763; font-size: 11px; }
.account-settings-creator-note small { color: #587391; font-size: 10px; line-height: 1.35; }
@media (max-width: 760px) {
    .account-settings-creator-header { align-items: flex-start; flex-wrap: wrap; padding: 18px; }
    .account-settings-creator-header__status { margin-left: 58px; }
    .account-settings-creator-fields,
    .account-settings-social-grid { grid-template-columns: 1fr; padding-left: 18px; padding-right: 18px; }
    .account-settings-creator-field--selected-badge { margin-left: 18px; margin-right: 18px; }
    .account-settings-social-heading { margin-left: 18px; margin-right: 18px; }
    .account-settings-creator-note { margin-left: 18px; margin-right: 18px; }
}

/* Shared creator identity media and role markers. */
.ch-user-avatar { overflow: hidden; }
.ch-user-avatar img { height: 100%; object-fit: cover; width: 100%; }
.public-post-creator-card__labels { align-items: center; display: flex; flex-wrap: wrap; gap: 5px; }
.public-post-creator-tag--role { background: #f0ebff; border-color: #ddd2ff; color: #6641b8; }
.public-post-creator-card__tagline { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.public-post-creator-growth__level { align-items: flex-end; display: inline-flex; flex-direction: column; gap: 2px; }
.public-post-creator-growth__level small { color: inherit; font-size: 9px; font-weight: 700; opacity: .78; }

/* Profile settings identity fields: structured, spacious and consistent with the public UI. */
.account-settings-card--top {
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 68%, #eef6ff 100%);
    border-color: #d5e5f5;
    border-radius: 18px 18px 0 0;
    box-shadow: 0 14px 34px rgba(37, 91, 160, .07);
    gap: 24px;
    min-height: 0;
    padding: 24px;
}
.account-settings-card--top .account-settings-card__fields {
    gap: 14px;
    max-width: none;
    min-width: 0;
}
.account-settings-card--top .account-settings-field {
    background: rgba(255, 255, 255, .78);
    border: 1px solid #dce9f6;
    border-radius: 14px;
    box-shadow: 0 5px 16px rgba(45, 96, 159, .035);
    gap: 6px;
    padding: 13px 15px;
}
.account-settings-card--top .account-settings-field strong {
    color: #142744;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -.01em;
}
.account-settings-card--top .account-settings-field > span {
    color: #607795;
    font-size: 12px;
    line-height: 1.4;
}
.account-settings-card--top .account-settings-field input:not([type=file]),
.account-settings-card--top .account-settings-field textarea {
    background: #fff;
    border-color: #cbdff3;
    border-radius: 10px;
    font-size: 14px;
    margin-top: 3px;
    min-height: 44px;
    padding: 10px 12px;
}
.account-settings-card--top .account-settings-field textarea {
    min-height: 104px;
    line-height: 1.5;
}
.account-settings-card--top .account-settings-field small {
    color: #6f86a3;
    font-size: 11px;
    font-weight: 600;
}
.account-settings-card--top .account-settings-profile-details { gap: 14px; }
.account-settings-card--top .account-settings-profile-details .account-settings-field { min-width: 0; }
.account-settings-card--top .account-settings-art {
    align-self: stretch;
    background: radial-gradient(circle at 50% 42%, rgba(115, 176, 255, .22), transparent 48%), linear-gradient(145deg, rgba(238, 247, 255, .9), rgba(220, 237, 255, .62));
    border: 1px solid rgba(205, 225, 245, .9);
    border-radius: 16px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
}
.account-settings-card--top .account-settings-art::before,
.account-settings-card--top .account-settings-art::after {
    background: rgba(255, 255, 255, .6);
    border-radius: 50%;
    content: "";
    height: 90px;
    position: absolute;
    width: 90px;
}
.account-settings-card--top .account-settings-art::before { left: -28px; top: 20px; }
.account-settings-card--top .account-settings-art::after { bottom: -35px; right: -18px; }
.account-settings-card--top .account-settings-art__card { position: relative; z-index: 1; }

/* Social links are editable connection tiles rather than a dense field grid. */
.account-settings-social-heading {
    background: linear-gradient(110deg, #f5faff, #fff);
    border: 1px solid #dce9f6;
    border-radius: 14px;
    margin: 20px 24px 0;
    padding: 13px 15px;
}
.account-settings-social-heading__icon {
    background: #eaf4ff;
    border-color: #d2e6fa;
    border-radius: 10px;
    height: 36px;
    width: 36px;
}
.account-settings-social-heading__icon svg { height: 18px; width: 18px; }
.account-settings-social-heading strong { font-size: 15px; }
.account-settings-social-heading small { font-size: 11px; line-height: 1.4; }
.account-settings-social-heading em {
    background: #eef6ff;
    border: 1px solid #d8e9fb;
    border-radius: 999px;
    color: #3973b7;
    font-size: 10px;
    font-weight: 800;
    padding: 5px 9px;
}
.account-settings-social-grid {
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 14px 24px 0;
}
.account-settings-social-field {
    background: #f9fcff;
    border-color: #d9e8f6;
    border-radius: 14px;
    gap: 10px;
    padding: 12px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.account-settings-social-field:hover,
.account-settings-social-field:focus-within {
    border-color: #8ebcf3;
    box-shadow: 0 8px 20px rgba(39, 112, 218, .09);
    transform: translateY(-1px);
}
.account-settings-social-field__icon {
    background: #eaf4ff;
    border: 1px solid #d9e9f8;
    border-radius: 9px;
    color: #1974e8;
    height: 32px;
    width: 32px;
}
.account-settings-social-field__icon svg { height: 16px; width: 16px; }
.account-settings-social-field__copy strong { font-size: 13px; }
.account-settings-social-field__copy small { font-size: 10px; }
.account-settings-social-field input {
    border-color: #cbdff3;
    border-radius: 10px;
    font-size: 13px;
    min-height: 40px;
}
.account-settings-social-field input::placeholder { color: #92a6bf; }

@media (max-width: 850px) {
    .account-settings-card--top { gap: 14px; padding: 18px; }
    .account-settings-card--top .account-settings-art { display: none; }
}
@media (max-width: 760px) {
    .account-settings-social-grid { grid-template-columns: 1fr; margin-left: 18px; margin-right: 18px; }
    .account-settings-social-heading { margin-left: 18px; margin-right: 18px; }
}

/* Profile settings media and username: distinct cards with calm, focused actions. */
.account-settings-card--lower {
    background: linear-gradient(145deg, #f8fbff, #eef6ff);
    border-color: #d5e5f5;
    border-radius: 0 0 18px 18px;
    gap: 18px;
    padding: 18px;
}
.account-settings-card--lower .account-settings-column {
    background: rgba(255, 255, 255, .92);
    border: 1px solid #dce9f6;
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(37, 91, 160, .045);
    gap: 18px;
    padding: 20px;
}
.account-settings-card--lower .account-settings-banner-column { border-left: 1px solid #dce9f6; }
.account-settings-column--identity .account-settings-field--username,
.account-settings-column--identity .account-settings-field--photo {
    background: #f8fbff;
    border: 1px solid #dce9f6;
    border-radius: 14px;
    padding: 15px;
}
.account-settings-column--identity .account-settings-field--username {
    border-bottom: 1px solid #dce9f6;
    padding-bottom: 15px;
}
.account-settings-column--identity .account-settings-field--photo { padding-top: 15px; }
.account-settings-card--lower .account-settings-field strong {
    color: #142744;
    font-size: 14px;
    font-weight: 800;
}
.account-settings-card--lower .account-settings-field > span:not(.account-settings-username):not(.account-settings-avatar) {
    color: #607795;
    font-size: 12px;
    line-height: 1.45;
}
.account-settings-card--lower .account-settings-field input:not([type=file]) {
    border-color: #cbdff3;
    border-radius: 10px;
    font-size: 14px;
    min-height: 44px;
}
.account-settings-username {
    background: linear-gradient(135deg, #eaf4ff, #f3f8ff);
    border: 1px solid #d5e7fa;
    border-radius: 11px;
    color: #1f5798 !important;
    font-size: 14px;
    font-weight: 750;
    padding: 10px 13px;
}
.account-settings-username b {
    background: linear-gradient(135deg, #3788f6, #176de0);
    box-shadow: 0 4px 10px rgba(31, 112, 226, .22);
    font-size: 11px;
    height: 27px;
    width: 27px;
}
.account-settings-photo-row {
    align-items: center;
    background: #fff;
    border: 1px solid #e0ebf7;
    border-radius: 12px;
    gap: 11px;
    margin-top: 5px;
    padding: 11px;
}
.account-settings-avatar {
    background-color: #eef6ff;
    border: 3px solid #dcecff;
    box-shadow: 0 7px 15px rgba(30, 103, 202, .12);
    flex: 0 0 auto;
    height: 68px;
    width: 68px;
}
.account-settings-avatar svg { height: 32px; width: 32px; }
.account-settings-upload-button,
.account-settings-remove {
    border-radius: 10px;
    font-size: 13px;
    min-height: 42px;
    padding: 0 14px;
}
.account-settings-upload-button {
    background: #fff;
    border-color: #75aaf5;
    box-shadow: 0 4px 10px rgba(37, 112, 222, .06);
}
.account-settings-remove { background: #fff8f8; border-color: #f0c7cc; }
.account-settings-banner-column > .account-settings-field { gap: 8px; }
.account-settings-banner-preview {
    background-color: #dcecff;
    border: 1px solid #c9def4;
    border-radius: 14px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3), 0 8px 18px rgba(37, 91, 160, .08);
    min-height: 178px;
    padding: 0 24px;
}
.account-settings-banner-preview::after {
    background: linear-gradient(180deg, transparent 40%, rgba(10, 40, 88, .22));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}
.account-settings-banner-preview { position: relative; }
.account-settings-banner-preview > * { position: relative; z-index: 1; }
.account-settings-upload-button--wide { margin-top: 4px; min-height: 44px; }
@media (max-width: 850px) {
    .account-settings-card--lower { gap: 14px; padding: 14px; }
    .account-settings-card--lower .account-settings-column { padding: 16px; }
    .account-settings-card--lower .account-settings-banner-column { border-left: 0; border-top: 1px solid #dce9f6; }
}
@media (max-width: 520px) {
    .account-settings-photo-row { align-items: stretch; flex-direction: column; }
    .account-settings-avatar { align-self: center; }
    .account-settings-upload-button,
    .account-settings-remove { width: 100%; }
    .account-settings-banner-preview { min-height: 130px; }
}

/* AJAX profile sections: keep the replacement content visually consistent with the overview. */
.public-profile-tab-panel {
    margin-top: 4px;
    min-width: 0;
}
.public-profile-tab-content {
    background: #fff;
    border: 1px solid #d8e8f3;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(35, 83, 137, .04);
    padding: 18px;
}
.public-profile-tab-heading {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.public-profile-tab-heading h2 {
    color: #17233a;
    font-size: 18px;
    line-height: 1.2;
    margin: 3px 0 5px;
}
.public-profile-tab-heading p { color: #62748e; font-size: 12px; margin: 0; }
.public-profile-tab-eyebrow {
    color: #1473e6 !important;
    font-size: 10px !important;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.public-profile-tab-state,
.public-profile-tab-loading {
    align-items: center;
    color: #62748e;
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    min-height: 190px;
    text-align: center;
}
.public-profile-tab-state > .default-theme-icon {
    color: #1976ed;
    height: 30px;
    margin-bottom: 3px;
    width: 30px;
}
.public-profile-tab-state strong,
.public-profile-tab-loading strong { color: #263654; font-size: 14px; }
.public-profile-tab-state span,
.public-profile-tab-loading span { font-size: 12px; }
.public-profile-tab-state--error strong { color: #c34755; }
.public-profile-tab-loading__spinner {
    animation: public-profile-tab-spin .8s linear infinite;
    border: 3px solid #dcecff;
    border-radius: 50%;
    border-top-color: #1672df;
    height: 30px;
    width: 30px;
}
@keyframes public-profile-tab-spin { to { transform: rotate(360deg); } }
.public-profile-collection-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.public-profile-collection-card {
    background: #f8fbff;
    border: 1px solid #dce8f5;
    border-radius: 10px;
    color: inherit;
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.public-profile-collection-card:hover {
    border-color: #9bc5f6;
    box-shadow: 0 12px 24px rgba(31, 105, 190, .11);
    transform: translateY(-2px);
}
.public-profile-collection-card__media {
    align-items: center;
    aspect-ratio: 1.35;
    background: linear-gradient(135deg, #eaf4ff, #f4efff);
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.public-profile-collection-card__media img { height: 100%; object-fit: cover; width: 100%; }
.public-profile-collection-card__media > span:first-child:not(.public-profile-collection-card__count) {
    align-items: center;
    color: #1672df;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}
.public-profile-collection-card__media .default-theme-icon { height: 28px; width: 28px; }
.public-profile-collection-card__count {
    background: rgba(18, 35, 61, .82);
    border-radius: 999px;
    bottom: 8px;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 8px;
    position: absolute;
    right: 8px;
}
.public-profile-collection-card__body { padding: 12px; }
.public-profile-collection-card__body h3 {
    color: #17233a;
    font-size: 13px;
    margin: 0 0 5px;
    overflow-wrap: anywhere;
}
.public-profile-collection-card__body p {
    color: #62748e;
    font-size: 11px;
    line-height: 1.45;
    margin: 0 0 10px;
    min-height: 2.9em;
}
.public-profile-collection-card__body > span {
    align-items: center;
    color: #1672df;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 5px;
}
.public-profile-collection-card__body > span .default-theme-icon { height: 13px; width: 13px; }
.public-profile-tab-content__grid { margin-top: 0; }
.public-profile-tab-content__grid .default-theme-content-card { min-width: 0; }
.public-profile-activity-list--sidebar > div { gap: 7px; grid-template-columns: 24px 64px minmax(0, 1fr) auto; }
.public-profile-activity-list--sidebar time { color: #7185a0; font-size: 10px; }
.public-profile-activity-list--sidebar strong { font-size: 11px; overflow-wrap: anywhere; }
.public-profile-activity-list--sidebar b { font-size: 10px; }
.public-profile-more-wrap { position: relative; }
.public-profile-more-menu { background: #fff; border: 1px solid #d8e8f3; border-radius: 12px; box-shadow: 0 14px 34px rgba(32, 73, 120, .16); min-width: 172px; padding: 6px; position: absolute; right: 0; top: calc(100% + 8px); z-index: 12; }
.public-profile-more-menu[hidden] { display: none; }
.public-profile-more-menu button { align-items: center; background: transparent; border: 0; border-radius: 8px; color: #2b3e5d; cursor: pointer; display: flex; font: inherit; font-size: 12px; font-weight: 800; gap: 8px; padding: 9px 10px; text-align: left; width: 100%; }
.public-profile-more-menu button:hover, .public-profile-more-menu button:focus-visible { background: #f0f6ff; color: #1672df; outline: 0; }
.public-profile-more-menu .default-theme-icon { height: 15px; width: 15px; }
.public-profile-modal__eyebrow { color: #1672df; font-size: 10px; font-weight: 900; letter-spacing: .1em; margin: 0 0 4px; text-transform: uppercase; }
.public-profile-share-modal__panel, .public-profile-report-modal__panel { gap: 16px; }
.public-profile-share-modal__intro { align-items: center; background: #f1f7ff; border: 1px solid #dceafa; border-radius: 13px; display: flex; gap: 11px; padding: 11px 13px; }
.public-profile-share-modal__intro > span, .public-profile-report-login > span { align-items: center; background: #e0efff; border-radius: 10px; color: #1672df; display: flex; flex: 0 0 auto; height: 36px; justify-content: center; width: 36px; }
.public-profile-share-modal__intro .default-theme-icon, .public-profile-report-login .default-theme-icon { height: 18px; width: 18px; }
.public-profile-share-modal__intro p, .public-profile-report-copy { color: #607492; font-size: 12px; line-height: 1.5; margin: 0; }
.public-profile-report-copy { background: #f8fbff; border: 1px solid #e4edf6; border-radius: 10px; padding: 10px 12px; }
.public-profile-report-modal__panel label span { color: #8394aa; font-size: 11px; font-weight: 600; margin-left: 4px; }
.public-profile-report-login { align-items: flex-start; display: grid; gap: 6px 11px; grid-template-columns: 36px minmax(0, 1fr); }
.public-profile-report-login > span { grid-row: 1 / span 3; }
.public-profile-report-login strong { align-self: end; color: #263654; font-size: 14px; }
.public-profile-report-login p { color: #6f829b; font-size: 12px; margin: 0; }
.public-profile-modal__primary-link { background: #1672df; border-radius: 9px; color: #fff; display: inline-flex; font-size: 12px; font-weight: 800; justify-content: center; margin-top: 7px; padding: 10px 14px; text-decoration: none; width: max-content; }
.public-profile-modal__primary-link:hover { background: #0f60c6; }
.public-post-action-danger { background: #fff4f5; border-color: #f1c2c7; color: #c43b4d; }
.public-post-action-danger:hover, .public-post-action-danger:focus-visible { background: #ffe8eb; border-color: #e797a1; color: #ad263a; }
.public-profile-activity-history-card--tab {
    background: #f8fbff;
    border: 1px solid #e1ebf4;
    border-radius: 10px;
    padding: 14px;
}
.public-profile-activity-history-card--tab .public-profile-panel__heading { margin-bottom: 2px; }
.public-profile-activity-history-card--tab .public-profile-panel__heading h3 { color: #17233a; font-size: 14px; margin: 0; }
.public-profile-activity-history-card--tab .public-profile-panel__heading span { color: #71819a; font-size: 11px; }

@media (max-width: 1100px) {
    .public-profile-collection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .public-profile-collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .public-profile-tab-content { padding: 14px; }
    .public-profile-tab-heading h2 { font-size: 16px; }
    .public-profile-collection-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .public-profile-tab-loading__spinner { animation: none; }
    .public-profile-collection-card { transition: none; }
}

.public-profile-tab-summary { align-items: flex-end; background: #f3f8ff; border: 1px solid #dceafa; border-radius: 14px; display: flex; flex-direction: column; gap: 3px; min-width: 150px; padding: 12px 14px; text-align: right; }
.public-profile-tab-summary strong { color: #1672df; font-size: 14px; }
.public-profile-tab-summary span { color: #6f829b; font-size: 11px; }
.public-profile-gamification-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.public-profile-gamification-card { align-items: flex-start; background: #fff; border: 1px solid #dce9f5; border-radius: 16px; box-shadow: 0 .35rem 1.2rem rgba(38, 103, 170, .06); display: grid; gap: 12px; grid-template-columns: 54px minmax(0, 1fr); min-width: 0; padding: 14px; }
.public-profile-gamification-card.is-completed { border-color: #bfe8d2; }
.public-profile-gamification-card__icon { align-items: center; background: #eef6ff; border: 1px solid #d5e8fb; border-radius: 14px; color: #1672df; display: flex; height: 54px; justify-content: center; overflow: hidden; width: 54px; }
.public-profile-gamification-card__icon img { height: 100%; object-fit: cover; width: 100%; }
.public-profile-gamification-card__icon .default-theme-icon { height: 24px; width: 24px; }
.public-profile-gamification-card__body { min-width: 0; }
.public-profile-gamification-card__title { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
.public-profile-gamification-card__title h3 { color: #172943; font-size: 14px; margin: 0; overflow-wrap: anywhere; }
.public-profile-gamification-card__title > span { background: #eaf8f0; border-radius: 999px; color: #138a53; flex: 0 0 auto; font-size: 9px; font-weight: 800; padding: 4px 7px; text-transform: uppercase; }
.public-profile-gamification-card__body p { color: #657895; font-size: 12px; line-height: 1.45; margin: 5px 0; }
.public-profile-gamification-card__body small { color: #1672df; display: block; font-size: 10px; font-weight: 800; margin-top: 8px; text-transform: capitalize; }
.public-profile-gamification-card__body time { align-items: center; color: #7085a0; display: flex; font-size: 10px; gap: 4px; margin-top: 8px; }
.public-profile-gamification-card__body time .default-theme-icon { height: 13px; width: 13px; }
.public-profile-badge-history-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.public-profile-badge-history-card { background: #fff; border: 1px solid #dce9f5; border-radius: 16px; box-shadow: 0 .35rem 1.2rem rgba(38, 103, 170, .06); min-width: 0; padding: 12px; }
.public-profile-badge-history-card.is-locked { background: #f8fbff; }
.public-profile-badge-history-card__image { align-items: center; aspect-ratio: 1.45; background: #f1f7ff; border: 1px solid #dceafa; border-radius: 13px; color: #7e91aa; display: flex; justify-content: center; overflow: hidden; position: relative; }
.public-profile-badge-history-card.is-locked .public-profile-badge-history-card__image { filter: grayscale(1); opacity: .72; }
.public-profile-badge-history-card__image img { height: 82%; object-fit: contain; width: 82%; }
.public-profile-badge-history-card__image > .default-theme-icon { height: 32px; width: 32px; }
.public-profile-badge-history-card__lock { align-items: center; background: rgba(255, 255, 255, .92); border: 1px solid #dbe7f2; border-radius: 999px; bottom: 7px; display: flex; height: 23px; justify-content: center; position: absolute; right: 7px; width: 23px; }
.public-profile-badge-history-card__lock .default-theme-icon { height: 13px; width: 13px; }
.public-profile-badge-history-card__body { min-width: 0; padding: 9px 2px 1px; }
.public-profile-badge-history-card__body p { color: #657895; font-size: 11px; line-height: 1.4; margin: 5px 0; }
.public-profile-badge-history-card__body small { color: #1672df; display: block; font-size: 10px; font-weight: 800; margin-top: 7px; text-transform: capitalize; }
.public-profile-badge-history-card__body time { color: #7085a0; display: block; font-size: 10px; margin-top: 5px; }
.public-profile-badge-history-card.is-locked h3, .public-profile-badge-history-card.is-locked p { color: #8191a7; }

@media (max-width: 900px) {
    .public-profile-gamification-grid, .public-profile-badge-history-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .public-profile-tab-heading { align-items: flex-start; flex-direction: column; }
    .public-profile-tab-summary { align-items: flex-start; text-align: left; }
    .public-profile-gamification-grid, .public-profile-badge-history-grid { grid-template-columns: 1fr; }
}

/* Keep the profile actions menu above the hero boundary and following content. */
.public-profile-shell--reference .public-profile-hero--showcase {
    overflow: visible;
    position: relative;
    z-index: 20;
}

.public-profile-shell--reference .public-profile-hero--showcase .public-profile-hero__banner {
    border-radius: inherit;
}

.public-profile-shell--reference .public-profile-showcase__body,
.public-profile-shell--reference .public-profile-showcase__actions,
.public-profile-shell--reference .public-profile-more-wrap {
    overflow: visible;
    position: relative;
}

.public-profile-shell--reference .public-profile-showcase__actions {
    z-index: 30;
}

.public-profile-shell--reference .public-profile-more-wrap {
    z-index: 40;
}

.public-profile-shell--reference .public-profile-more-menu {
    z-index: 50;
}

/* Shared dropdown language: match the comments sort menu across the platform. */
.default-theme-dropdown-menu,
.public-profile-shell--reference .public-profile-more-menu {
    background: #fff;
    border: 1px solid #d9e5f3;
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(37, 91, 151, .16);
    gap: 4px;
    min-width: 176px;
    padding: 6px;
}

.default-theme-dropdown-item,
.public-profile-shell--reference .public-profile-more-menu button {
    align-items: center;
    border-radius: 8px;
    color: #243556;
    font-size: 13px;
    font-weight: 600;
    min-height: 38px;
    padding: 10px 11px;
}

.default-theme-dropdown-item:hover,
.default-theme-dropdown-item:focus,
.public-profile-shell--reference .public-profile-more-menu button:hover,
.public-profile-shell--reference .public-profile-more-menu button:focus-visible {
    background: #eef6ff;
    color: #1475ed;
    outline: none;
}

.public-profile-shell--reference .public-profile-more-menu button {
    display: flex;
    gap: 14px;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
}

.public-profile-shell--reference .public-profile-more-menu button .default-theme-icon {
    flex: 0 0 auto;
}