/* ==========================================
   COLLECTION WORKSPACE
========================================== */

.collection-workspace-view{
    width:100%;
    max-width:1560px;
    margin:0 auto;
    color:var(--text);
}

.collection-workspace-view button,
.collection-workspace-view input,
.collection-workspace-view select,
.collection-workspace-view textarea{ font-family:inherit; }

.ca-section-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px;
}

.ca-eyebrow{
    display:block;
    color:var(--workspace-accent);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.ca-section-header h2{
    margin:5px 0 5px;
    color:var(--text);
    font-size:clamp(27px,3vw,38px);
    line-height:1.17;
    letter-spacing:-.8px;
}

.ca-section-header p{
    max-width:820px;
    margin:0;
    color:var(--text-light);
    font-size:13px;
    line-height:1.7;
}

.ca-primary-action,
.ca-load-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:43px;
    padding:10px 15px;
    border:1px solid rgba(var(--workspace-accent-rgb),.5);
    border-radius:12px;
    background:rgba(var(--workspace-accent-rgb),.13);
    color:var(--text);
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    transition:.2s ease;
}

.ca-primary-action:hover,
.ca-load-more:hover{ border-color:var(--workspace-accent); background:rgba(var(--workspace-accent-rgb),.2); transform:translateY(-1px); }

.ca-progress{
    width:100%;
    height:7px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.07);
}

.ca-progress > span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,color-mix(in srgb,var(--workspace-accent) 72%,#bb7a14),var(--workspace-accent));
    transition:width .35s ease;
}

/* Overview */

.ca-overview-hero{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:24px;
    min-height:190px;
    padding:26px;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:21px;
    background:linear-gradient(120deg,rgba(var(--workspace-accent-rgb),.11),transparent 54%),var(--panel);
}

.ca-overview-hero::after{
    content:"";
    position:absolute;
    right:-70px;
    bottom:-100px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(var(--workspace-accent-rgb),.08);
    pointer-events:none;
}

.ca-completion-ring{
    width:126px;
    height:126px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:conic-gradient(var(--workspace-accent) var(--completion),rgba(255,255,255,.07) 0);
}

.ca-completion-ring::before{
    content:"";
    grid-area:1/1;
    width:98px;
    height:98px;
    border:1px solid var(--border);
    border-radius:50%;
    background:var(--panel);
}

.ca-completion-ring > span{
    grid-area:1/1;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.ca-completion-ring strong{ font-size:28px; line-height:1; }
.ca-completion-ring small{ margin-top:6px; color:var(--text-light); font-size:12px; }
.ca-overview-copy > span{ color:var(--workspace-accent); font-size:12px; font-weight:700; text-transform:uppercase; }
.ca-overview-copy h3{ max-width:700px; margin:6px 0 5px; font-size:23px; line-height:1.32; }
.ca-overview-copy p{ margin:0; color:var(--text-light); font-size:13px; }

.ca-value-position{
    position:relative;
    z-index:1;
    min-width:230px;
    padding:17px;
    border:1px solid rgba(var(--workspace-accent-rgb),.3);
    border-radius:15px;
    background:rgba(var(--workspace-accent-rgb),.07);
}

.ca-value-position span,
.ca-value-position strong,
.ca-value-position small{ display:block; }
.ca-value-position span{ color:var(--text-light); font-size:12px; }
.ca-value-position strong{ margin-top:3px; font-size:27px; }
.ca-value-position small{ margin-top:6px; color:var(--workspace-accent); font-size:12px; line-height:1.45; }

.ca-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
    margin-top:14px;
}

.ca-kpi-grid article{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    column-gap:12px;
    padding:17px;
    border:1px solid var(--border);
    border-radius:15px;
    background:var(--panel);
}

.ca-kpi-grid i{
    grid-row:1/4;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:rgba(var(--workspace-accent-rgb),.11);
    color:var(--workspace-accent);
    font-size:14px;
}

.ca-kpi-grid span{ color:var(--text-light); font-size:12px; }
.ca-kpi-grid strong{ margin-top:2px; font-size:20px; }
.ca-kpi-grid small{ color:var(--text-light); font-size:12px; }

.ca-dashboard-grid,
.ca-statistics-grid{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
    gap:14px;
    margin-top:14px;
}

.ca-panel{
    min-width:0;
    padding:20px;
    border:1px solid var(--border);
    border-radius:17px;
    background:var(--panel);
}

.ca-panel > header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:15px;
}

.ca-panel > header h3{ margin:4px 0 0; font-size:18px; }
.ca-panel > header button{ border:0; background:transparent; color:var(--text-light); font-size:12px; font-weight:600; cursor:pointer; }
.ca-panel > header button:hover{ color:var(--workspace-accent); }

.ca-set-list{ display:grid; gap:9px; }
.ca-set-card{
    min-width:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    width:100%;
    padding:18px;
    border:1px solid var(--border);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(var(--workspace-accent-rgb),.055),transparent 55%),var(--panel);
    color:var(--text);
    text-align:left;
    cursor:pointer;
    transition:.2s ease;
}

.ca-set-card:hover{ border-color:rgba(var(--workspace-accent-rgb),.55); transform:translateY(-2px); }
.ca-set-card.compact{ padding:12px; border-radius:12px; background:rgba(255,255,255,.025); }
.ca-set-card-icon{ width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:rgba(var(--workspace-accent-rgb),.12); color:var(--workspace-accent); }
.ca-set-card-copy{ min-width:0; display:flex; flex-direction:column; }
.ca-set-card-copy > span{ color:var(--workspace-accent); font-size:12px; font-weight:700; text-transform:uppercase; }
.ca-set-card-copy strong{ overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.ca-set-card-copy small{ color:var(--text-light); font-size:12px; }
.ca-set-card-percent{ color:var(--workspace-accent); font-size:18px; font-weight:700; }
.ca-set-card > .ca-progress{ grid-column:1/-1; }
.ca-set-card-stats{ grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:10px; padding-top:10px; border-top:1px solid var(--border); }
.ca-set-card-stats > span{ display:flex; flex-direction:column; }
.ca-set-card-stats strong{ font-size:14px; }
.ca-set-card-stats small{ color:var(--text-light); font-size:12px; }
.ca-set-card-stats > i{ color:var(--workspace-accent); }
.ca-set-card.compact .ca-set-card-stats{ display:none; }

.ca-activity-list{ display:grid; gap:7px; }
.ca-activity-list button{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    width:100%;
    padding:10px;
    border:1px solid transparent;
    border-radius:11px;
    background:rgba(255,255,255,.025);
    color:var(--text);
    text-align:left;
    cursor:pointer;
}
.ca-activity-list button:hover{ border-color:var(--border); background:rgba(var(--workspace-accent-rgb),.06); }
.ca-activity-list button > i{ width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); }
.ca-activity-list button > span{ min-width:0; display:flex; flex-direction:column; }
.ca-activity-list strong{ overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ca-activity-list small{ overflow:hidden; color:var(--text-light); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ca-activity-list time{ color:var(--text-light); font-size:12px; white-space:nowrap; }

.ca-mini-card-row{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.ca-mini-card-row button{ min-width:0; padding:8px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.02); color:var(--text); text-align:left; cursor:pointer; }
.ca-mini-card-row button:hover{ border-color:var(--workspace-accent); }
.ca-mini-card-row img{ width:100%; aspect-ratio:2.5/3.5; object-fit:contain; border-radius:8px; }
.ca-mini-card-row span{ display:flex; flex-direction:column; margin-top:7px; }
.ca-mini-card-row strong{ overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ca-mini-card-row small{ overflow:hidden; color:var(--text-light); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }

.ca-master-list{ display:grid; gap:8px; }
.ca-master-list button{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; padding:11px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.025); color:var(--text); text-align:left; cursor:pointer; }
.ca-master-list button:hover{ border-color:var(--workspace-accent); }
.ca-rank{ width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:rgba(var(--workspace-accent-rgb),.12); color:var(--workspace-accent); font-size:13px; font-weight:700; }
.ca-master-list button > span:nth-child(2){ min-width:0; display:grid; gap:3px; }
.ca-master-list strong{ font-size:13px; }
.ca-master-list small{ color:var(--text-light); font-size:12px; }
.ca-master-list b{ color:var(--workspace-accent); font-size:14px; }
.ca-empty-inline{ padding:18px; color:var(--text-light); font-size:12px; text-align:center; }

/* Collection and sets */

.ca-game-hero{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:20px;
    padding:24px;
    border:1px solid rgba(var(--workspace-accent-rgb),.32);
    border-radius:19px;
    background:linear-gradient(115deg,rgba(var(--workspace-accent-rgb),.13),transparent 60%),var(--panel);
}
.ca-game-icon{ width:58px; height:58px; display:grid; place-items:center; border-radius:17px; background:rgba(var(--workspace-accent-rgb),.14); color:var(--workspace-accent); font-size:22px; }
.ca-game-hero > div > span{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.ca-game-hero h3{ margin:2px 0; font-size:25px; }
.ca-game-hero p{ margin:0 0 10px; color:var(--text-light); font-size:13px; }
.ca-game-hero > strong{ color:var(--workspace-accent); font-size:30px; }
.ca-game-hero > button{ min-height:42px; padding:9px 13px; border:1px solid rgba(var(--workspace-accent-rgb),.45); border-radius:11px; background:rgba(var(--workspace-accent-rgb),.12); color:var(--text); font-size:12px; font-weight:600; cursor:pointer; }
.ca-set-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:14px; }

/* Card browser */

.ca-workspace-search{ width:min(410px,40vw); display:flex; align-items:center; gap:10px; min-height:44px; padding:0 13px; border:1px solid var(--border); border-radius:12px; background:var(--panel); color:var(--text-light); }
.ca-workspace-search:focus-within{ border-color:var(--workspace-accent); }
.ca-workspace-search input{ width:100%; border:0; outline:0; background:transparent; color:var(--text); font-size:13px; }
.ca-browser-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; padding:12px 14px; border:1px solid var(--border); border-radius:14px; background:var(--panel); }
.ca-browser-toolbar > div:first-child{ display:flex; align-items:baseline; gap:7px; }
.ca-browser-toolbar > div:first-child strong{ font-size:20px; }
.ca-browser-toolbar > div:first-child span{ color:var(--text-light); font-size:12px; }
.ca-status-filter-tabs{ flex:1; display:flex; align-items:center; justify-content:center; gap:9px; min-width:0; }
.ca-status-filter-tabs button{ min-width:116px; height:40px; display:flex; align-items:center; justify-content:center; gap:8px; padding:0 13px; border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.025); color:var(--text-light); font-family:inherit; font-size:12px; font-weight:600; cursor:pointer; transition:.2s ease; }
.ca-status-filter-tabs button strong{ min-width:24px; padding:2px 6px; border-radius:999px; background:rgba(255,255,255,.055); color:var(--text); font-size:12px; line-height:1.4; text-align:center; }
.ca-status-filter-tabs button.owned i{ color:var(--success); }
.ca-status-filter-tabs button.missing i{ color:#9aa5b9; }
.ca-status-filter-tabs button.duplicates i{ color:var(--workspace-accent); }
.ca-status-filter-tabs button.bulk-trade{ min-width:178px; border-color:rgba(66,211,146,.3); color:var(--text); }
.ca-status-filter-tabs button.bulk-trade i{ color:var(--success); }
.ca-status-filter-tabs button.bulk-trade:hover{ border-color:var(--success); background:rgba(66,211,146,.09); }
.ca-status-filter-tabs button.bulk-trade.complete{ border-color:rgba(66,211,146,.34); background:rgba(66,211,146,.08); color:var(--success); }
.ca-status-filter-tabs button.bulk-trade:disabled{ cursor:default; opacity:.72; }
.ca-status-filter-tabs button:hover{ border-color:rgba(var(--workspace-accent-rgb),.55); background:rgba(var(--workspace-accent-rgb),.07); color:var(--text); }
.ca-status-filter-tabs button.active{ border-color:var(--workspace-accent); background:rgba(var(--workspace-accent-rgb),.14); color:var(--text); box-shadow:inset 0 0 0 1px rgba(var(--workspace-accent-rgb),.08); }
.ca-status-filter-tabs button.active strong{ background:rgba(var(--workspace-accent-rgb),.18); color:var(--workspace-accent); }
.ca-shape-filters{ display:flex; align-items:center; gap:8px; }
.ca-shape-filters button{ min-width:44px; height:40px; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 10px; border:1px solid var(--border); background:rgba(255,255,255,.025); color:var(--text-light); font-size:12px; font-weight:700; cursor:pointer; transition:.2s ease; }
.ca-shape-filters button.all{ border-radius:12px; }
.ca-shape-filters button.owned{ border-radius:50% 12px 12px 50%; }
.ca-shape-filters button.missing{ border-radius:12px 50% 50% 12px; }
.ca-shape-filters button.duplicates{ border-radius:4px 14px 4px 14px; }
.ca-shape-filters button:hover,.ca-shape-filters button.active{ border-color:var(--workspace-accent); background:rgba(var(--workspace-accent-rgb),.12); color:var(--workspace-accent); }

.ca-card-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:13px; }
.ca-card-tile{ position:relative; min-width:0; overflow:hidden; border:1px solid var(--border); border-radius:15px; background:var(--panel); transition:.2s ease; }
.ca-card-tile:hover{ border-color:rgba(var(--workspace-accent-rgb),.55); transform:translateY(-2px); }
.ca-card-open{ width:100%; padding:0; border:0; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.ca-card-image-shell{ position:relative; display:grid; place-items:center; aspect-ratio:2.5/3.15; padding:12px 12px 5px; background:linear-gradient(145deg,rgba(var(--workspace-accent-rgb),.08),transparent); }
.ca-card-image-shell img{ width:100%; height:100%; object-fit:contain; border-radius:9px; }
.ca-image-fallback{ width:100%; height:100%; display:grid; place-items:center; align-content:center; gap:8px; border:1px dashed var(--border); border-radius:10px; color:var(--text-light); }
.ca-image-fallback i{ font-size:25px; color:var(--workspace-accent); }
.ca-image-fallback small{ font-size:12px; }
.ca-owned-badge{ position:absolute; left:10px; bottom:8px; padding:5px 8px; border:1px solid; border-radius:999px; background:rgba(15,17,23,.88); font-size:12px; font-weight:700; }
.ca-owned-badge.owned{ border-color:rgba(66,211,146,.45); color:var(--success); }
.ca-owned-badge.missing{ border-color:rgba(167,175,191,.35); color:var(--text-light); }
.ca-card-copy{ display:flex; flex-direction:column; min-width:0; padding:11px 12px; }
.ca-card-copy small,.ca-card-copy span{ overflow:hidden; color:var(--text-light); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ca-card-copy strong{ overflow:hidden; margin:3px 0; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.ca-card-copy{ padding-right:118px; }
.ca-card-quantity{ position:absolute; right:10px; bottom:64px; z-index:2; display:grid; grid-template-columns:27px minmax(44px,auto) 27px; align-items:center; min-height:29px; overflow:hidden; border:1px solid var(--border); border-radius:9px; background:rgba(15,17,23,.92); box-shadow:0 4px 12px rgba(0,0,0,.14); }
.ca-card-quantity button{ width:27px; height:29px; display:grid; place-items:center; border:0; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); font-size:12px; cursor:pointer; }
.ca-card-quantity button:hover:not(:disabled){ background:rgba(var(--workspace-accent-rgb),.22); }
.ca-card-quantity button:disabled{ color:var(--text-light); cursor:not-allowed; opacity:.35; }
.ca-card-quantity > span{ display:flex; align-items:baseline; justify-content:center; gap:3px; padding:0 5px; white-space:nowrap; }
.ca-card-quantity small{ color:var(--text-light); font-size:12px; text-transform:uppercase; }
.ca-card-quantity strong{ color:var(--text); font-size:12px; }
html[data-theme="light"] .ca-card-quantity{ background:rgba(255,255,255,.96); }
.ca-card-tile footer{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:53px; padding:9px 12px; border-top:1px solid var(--border); }
.ca-card-tile footer > span{ min-width:0; display:flex; flex-direction:column; }
.ca-card-tile footer small{ color:var(--text-light); font-size:12px; }
.ca-card-tile footer strong{ overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ca-icon-action{ width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--border); border-radius:10px; background:transparent; color:var(--text-light); cursor:pointer; }
.ca-card-actions{ display:flex!important; flex-direction:row!important; align-items:center; gap:6px; flex:0 0 auto; }
.ca-icon-action.wishlist:hover,.ca-icon-action.wishlist.active{ border-color:var(--danger); background:rgba(255,93,115,.08); color:var(--danger); }
.ca-icon-action.trade:hover,.ca-icon-action.trade.active{ border-color:var(--success); background:rgba(66,211,146,.09); color:var(--success); }
.ca-icon-action:disabled{ cursor:not-allowed; opacity:.32; }
.ca-load-more{ display:flex; margin:18px auto 0; }
.ca-empty-state{ display:grid; place-items:center; min-height:310px; padding:28px; border:1px dashed var(--border); border-radius:18px; background:var(--panel); text-align:center; }
.ca-empty-state > i{ font-size:35px; color:var(--workspace-accent); }
.ca-empty-state h3{ margin:12px 0 3px; font-size:19px; }
.ca-empty-state p{ max-width:500px; margin:0; color:var(--text-light); font-size:13px; }

/* Achievements and statistics */

.ca-level-hero{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; padding:23px; border:1px solid rgba(var(--workspace-accent-rgb),.33); border-radius:18px; background:linear-gradient(120deg,rgba(var(--workspace-accent-rgb),.13),transparent 58%),var(--panel); }
.ca-level-hero > span{ width:55px; height:55px; display:grid; place-items:center; border-radius:16px; background:rgba(var(--workspace-accent-rgb),.14); color:var(--workspace-accent); font-size:22px; }
.ca-level-hero small{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.ca-level-hero h3{ margin:2px 0; font-size:24px; }
.ca-level-hero p{ margin:0 0 9px; color:var(--text-light); font-size:12px; }
.ca-level-hero > strong{ color:var(--workspace-accent); font-size:21px; }
.ca-achievement-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:14px; }
.ca-achievement-grid article{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:13px; padding:17px; border:1px solid var(--border); border-radius:15px; background:var(--panel); }
.ca-achievement-grid article.unlocked{ border-color:rgba(var(--workspace-accent-rgb),.42); background:linear-gradient(145deg,rgba(var(--workspace-accent-rgb),.07),transparent),var(--panel); }
.ca-achievement-grid article > span{ width:39px; height:39px; display:grid; place-items:center; border-radius:11px; background:rgba(var(--workspace-accent-rgb),.11); color:var(--workspace-accent); }
.ca-achievement-grid article.locked > span{ filter:grayscale(1); opacity:.6; }
.ca-achievement-grid small{ color:var(--workspace-accent); font-size:12px; text-transform:uppercase; }
.ca-achievement-grid h3{ margin:2px 0; font-size:15px; }
.ca-achievement-grid p{ min-height:38px; margin:0 0 9px; color:var(--text-light); font-size:12px; line-height:1.55; }
.ca-achievement-grid footer{ display:flex; justify-content:space-between; gap:8px; margin-top:7px; color:var(--text-light); font-size:12px; }
.ca-achievement-grid footer strong{ color:var(--workspace-accent); }
.ca-stat-kpis{ margin-top:0; }
.ca-bar-chart,.ca-rarity-list{ display:grid; gap:10px; }
.ca-bar-chart button,.ca-rarity-list > div{ display:grid; grid-template-columns:minmax(155px,.8fr) minmax(120px,1.2fr) 45px; align-items:center; gap:12px; width:100%; padding:10px; border:1px solid transparent; border-radius:11px; background:rgba(255,255,255,.02); color:var(--text); text-align:left; }
.ca-bar-chart button{ cursor:pointer; }
.ca-bar-chart button:hover{ border-color:var(--border); }
.ca-bar-chart span:first-child,.ca-rarity-list span:first-child{ min-width:0; display:flex; flex-direction:column; }
.ca-bar-chart strong,.ca-rarity-list strong{ overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ca-bar-chart small,.ca-rarity-list small{ color:var(--text-light); font-size:12px; }
.ca-bar-chart b,.ca-rarity-list b{ color:var(--workspace-accent); font-size:13px; text-align:right; }

/* Card details */

.ca-card-dialog{
    width:min(1040px,calc(100vw - 36px));
    max-height:calc(100vh - 36px);
    padding:0;
    overflow:auto;
    border:1px solid var(--border);
    border-radius:21px;
    background:var(--panel);
    color:var(--text);
}
.ca-card-dialog::backdrop{ background:rgba(4,6,11,.78); backdrop-filter:blur(5px); }
.ca-dialog-close{ position:absolute; top:15px; right:15px; z-index:3; width:39px; height:39px; display:grid; place-items:center; border:1px solid var(--border); border-radius:11px; background:rgba(15,17,23,.82); color:var(--text); cursor:pointer; }
.ca-dialog-layout{ display:grid; grid-template-columns:minmax(300px,.82fr) minmax(400px,1.18fr); min-height:650px; }
.ca-dialog-image{ position:relative; display:grid; place-items:center; min-width:0; padding:44px 34px; background:linear-gradient(145deg,rgba(var(--workspace-accent-rgb),.14),transparent 58%),#131722; }
.ca-dialog-image img{ width:100%; max-width:360px; max-height:570px; object-fit:contain; border-radius:16px; }
.ca-dialog-image .ca-image-fallback{ max-width:350px; min-height:490px; }
.ca-dialog-owned{ position:absolute; left:25px; bottom:24px; padding:7px 10px; border:1px solid; border-radius:999px; background:rgba(15,17,23,.88); font-size:12px; font-weight:700; }
.ca-dialog-owned.owned{ border-color:rgba(66,211,146,.45); color:var(--success); }
.ca-dialog-owned.missing{ border-color:var(--border); color:var(--text-light); }
.ca-dialog-content{ min-width:0; padding:38px 34px 28px; }
.ca-dialog-content > h2{ margin:5px 0 2px; font-size:30px; line-height:1.2; }
.ca-dialog-content > p{ margin:0; color:var(--text-light); font-size:13px; }
.ca-dialog-values{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:18px; }
.ca-dialog-values article{ padding:15px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.025); }
.ca-dialog-values span,.ca-dialog-values strong,.ca-dialog-values small{ display:block; }
.ca-dialog-values span{ color:var(--text-light); font-size:12px; }
.ca-dialog-values strong{ margin-top:3px; font-size:22px; }
.ca-dialog-values small{ margin-top:4px; color:var(--workspace-accent); font-size:12px; line-height:1.45; }
.ca-dialog-editor{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:13px; }
.ca-dialog-editor label{ min-width:0; display:flex; flex-direction:column; gap:6px; }
.ca-dialog-editor label > span:first-child{ color:var(--text-light); font-size:12px; font-weight:600; }
.ca-dialog-editor input,.ca-dialog-editor select,.ca-dialog-editor textarea{ width:100%; min-height:42px; padding:9px 10px; border:1px solid var(--border); border-radius:10px; outline:0; background:var(--panel-light); color:var(--text); font-size:13px; }
.ca-dialog-editor input:focus,.ca-dialog-editor select:focus,.ca-dialog-editor textarea:focus{ border-color:var(--workspace-accent); }
.ca-notes-field{ grid-column:1/-1; }
.ca-quantity-field > span:last-child{ display:grid; grid-template-columns:40px minmax(55px,1fr) 40px; align-items:center; min-height:42px; overflow:hidden; border:1px solid var(--border); border-radius:10px; background:var(--panel-light); }
.ca-quantity-field button{ height:40px; border:0; background:rgba(var(--workspace-accent-rgb),.09); color:var(--workspace-accent); cursor:pointer; }
.ca-quantity-field strong{ text-align:center; font-size:16px; }
.ca-dialog-actions{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:13px; }
.ca-dialog-actions button{ min-height:42px; padding:9px 11px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.025); color:var(--text-light); font-size:12px; font-weight:600; cursor:pointer; }
.ca-dialog-actions button i{ margin-right:7px; }
.ca-dialog-actions button:hover,.ca-dialog-actions button.active{ border-color:var(--workspace-accent); background:rgba(var(--workspace-accent-rgb),.1); color:var(--text); }
.ca-dialog-actions button:disabled{ cursor:not-allowed; opacity:.45; }
.ca-save-status{ display:flex; align-items:center; gap:7px; margin:13px 0 0; color:var(--text-light); font-size:12px; }
.ca-save-status.saving{ color:var(--warning); }
.ca-save-status.saved{ color:var(--success); }
.ca-save-status.error{ color:var(--danger); }
.ca-market-source{ display:block; margin-top:8px; color:var(--text-light); font-size:12px; }

.atlas-light-theme .ca-progress{ background:rgba(25,32,48,.1); }
.atlas-light-theme .ca-dialog-image{ background:linear-gradient(145deg,rgba(var(--workspace-accent-rgb),.12),transparent 58%),var(--sidebar); }
.atlas-light-theme .ca-owned-badge,.atlas-light-theme .ca-dialog-owned,.atlas-light-theme .ca-dialog-close{ background:rgba(255,255,255,.9); }

@media (max-width:1450px){
    .ca-card-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); }
    .ca-set-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:1220px){
    .ca-card-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
    .ca-kpi-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ca-dashboard-grid,.ca-statistics-grid{ grid-template-columns:1fr; }
}

@media (max-width:920px){
    .ca-overview-hero{ grid-template-columns:auto minmax(0,1fr); }
    .ca-value-position{ grid-column:1/-1; }
    .ca-card-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    .ca-achievement-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ca-dialog-layout{ grid-template-columns:1fr; }
    .ca-dialog-image{ min-height:520px; }
}

@media (max-width:700px){
    .ca-section-header{ align-items:flex-start; flex-direction:column; }
    .ca-section-header h2{ font-size:26px; }
    .ca-overview-hero{ grid-template-columns:1fr; justify-items:center; text-align:center; padding:21px; }
    .ca-value-position{ width:100%; min-width:0; }
    .ca-kpi-grid,.ca-set-grid,.ca-achievement-grid{ grid-template-columns:1fr; }
    .ca-mini-card-row{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ca-game-hero{ grid-template-columns:auto minmax(0,1fr); }
    .ca-game-hero > strong,.ca-game-hero > button{ grid-column:1/-1; }
    .ca-game-hero > button{ width:100%; }
    .ca-browser-toolbar{ align-items:flex-start; flex-direction:column; }
    .ca-status-filter-tabs{ width:100%; justify-content:flex-start; overflow-x:auto; padding-bottom:2px; }
    .ca-status-filter-tabs button{ flex:1 0 116px; }
    .ca-status-filter-tabs button.bulk-trade{ flex-basis:178px; }
    .ca-shape-filters{ width:100%; justify-content:space-between; }
    .ca-shape-filters button{ flex:1; }
    .ca-workspace-search{ width:100%; }
    .ca-card-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ca-level-hero{ grid-template-columns:auto minmax(0,1fr); }
    .ca-level-hero > strong{ grid-column:1/-1; }
    .ca-bar-chart button,.ca-rarity-list > div{ grid-template-columns:1fr 45px; }
    .ca-bar-chart .ca-progress,.ca-rarity-list .ca-progress{ grid-column:1; }
    .ca-dialog-content{ padding:28px 20px 22px; }
    .ca-dialog-image{ min-height:430px; padding:40px 24px; }
    .ca-dialog-image img{ max-height:380px; }
    .ca-dialog-editor,.ca-dialog-values,.ca-dialog-actions{ grid-template-columns:1fr; }
    .ca-notes-field{ grid-column:auto; }
}

@media (max-width:470px){
    .ca-card-grid{ grid-template-columns:1fr; }
    .ca-card-image-shell{ aspect-ratio:2.5/2.65; }
    .ca-card-image-shell img{ max-width:210px; }
    .ca-shape-filters button span{ display:none; }
}

@media (prefers-reduced-motion:reduce){
    .ca-set-card,.ca-card-tile,.ca-primary-action,.ca-load-more{ transition:none; }
}