/* Shared table / icon / link styles (portal IA Phase 3, 2026-08-18; the
   quote/licensing blocks were deleted with the deployments layer in the
   Free-vs-Pro cutover, 2026-08-27). Used by the dashboard's Games table
   (games-table.js), the game page's link cards (game.js) and the checkout
   summary (checkout.js). File name + `dep-`/`lic-` prefixes are internal
   identifiers — kept so nothing churns. */

/* ---- Icons ---- */
.dep-icon {
    width: 40px; height: 40px; flex: 0 0 40px;
    border-radius: var(--radius-sm);
    object-fit: cover;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    vertical-align: middle;
}
.dep-icon-blank {
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 700; color: var(--text-muted); font-size: 1rem;
}

/* ---- Tables (the Games table) ---- */
.lic-table-wrap { overflow-x: auto; }
.lic-table { width: 100%; border-collapse: collapse; font-size: var(--font-size-sm); }
.lic-table th {
    text-align: left;
    color: var(--text-muted);
    font-weight: 600;
    padding: 6px 12px 6px 0;
    border-bottom: 1px solid var(--border-color);
    white-space: nowrap;
}
.lic-table td {
    padding: 10px 12px 10px 0;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-secondary);
    vertical-align: middle;
}
.lic-table tr:last-child td { border-bottom: 0; }
.lic-table .lic-title-cell { display: flex; align-items: center; gap: var(--space-sm); color: var(--text-primary); font-weight: 600; min-width: 10rem; }
.lic-table .lic-title-cell small { display: block; color: var(--text-muted); font-weight: 400; }
.lic-table .num { text-align: right; white-space: nowrap; }
.lic-table .lic-actions { text-align: right; }
.lic-table .lic-actions .dash-btn { margin: 2px 0 2px 4px; white-space: nowrap; }
.lic-table .lic-actions a.dash-btn { text-decoration: none; }

/* Link cell: truncated, copy on the side */
.lic-link { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; }
.lic-link code {
    display: inline-block;
    max-width: 11rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 8px;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    color: var(--color-gold);
    vertical-align: middle;
}