/* ============================================================
   ghosts.ink — Estilos do Painel Admin
   ============================================================ */

.admin-body { background: var(--bg-alt); }

/* Admin layout refresh: consistent rhythm, clear sections and compact tables. */
.admin-body { color: var(--text); }
.admin-header { background: rgba(17,19,18,.94); border-bottom-color: var(--border); }
.admin-header-inner { min-height: 72px; }
.admin-sector-nav { background: #151816; border-bottom: 1px solid var(--border); }
.admin-sector-nav-inner { max-width: var(--maxw); margin: 0 auto; padding: 0 24px; display: flex; gap: 8px; overflow-x: auto; }
.admin-sector-nav a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 16px; border-bottom: 2px solid transparent; color: var(--text-dim); font-size: 12px; font-weight: 700; white-space: nowrap; }
.admin-sector-nav a:hover, .admin-sector-nav a.active { color: var(--text); border-bottom-color: var(--neon); }
.admin-stats { padding: 24px 0 30px; }
.admin-stats .container { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.stat-card { min-width: 0; padding: 18px; background: #202421; border-color: #373e39; border-radius: 8px; }
.stat-card::before { background: var(--neon); }
.stat-card:hover { transform: translateY(-2px); }
.stat-icon { width: 44px; height: 44px; background: #2b302c; color: #dfe5df; }
.stat-card--blusas .stat-icon, .stat-card--stickers .stat-icon, .stat-card--adesivos .stat-icon, .stat-card--acessorios .stat-icon { color: #dfe5df; }
.stat-label-small { color: #c0c6c0; }
.admin-settings, .admin-toolbar { scroll-margin-top: 20px; }
.admin-settings { padding-bottom: 32px; }
.payment-settings { border-color: #414943; border-radius: 8px; overflow: hidden; }
.payment-settings summary { min-height: 64px; padding: 18px 22px; }
.payment-settings summary #paymentSettingsState { display: inline-flex; align-items: center; gap: 8px; }
.payment-settings-form { padding: 0 22px 22px; }
.payment-settings-grid input[type="password"], .payment-settings-grid input[type="url"] { min-height: 44px; background: #141715; border-color: #525d55; border-radius: 6px; }
.payment-settings-grid input:focus { outline: 3px solid rgba(57,255,20,.32); outline-offset: 1px; border-color: var(--neon); }
.admin-toolbar { padding-bottom: 18px; }
.toolbar-inner { align-items: flex-end; }
.toolbar-title { font-size: clamp(22px, 2.5vw, 30px); }
.toolbar-right { gap: 10px; }
.search-box, .select-cat { min-height: 44px; border-color: #465049; border-radius: 6px; background: #202421; }
.search-box input { min-height: 42px; }
.product-table-wrap { overflow: auto; border-color: #373e39; border-radius: 9px; }
.product-table { table-layout: fixed; min-width: 900px; }
.product-table th:nth-child(1), .product-table td:nth-child(1) { width: 34%; }
.product-table th:nth-child(2), .product-table td:nth-child(2) { width: 13%; }
.product-table th:nth-child(3), .product-table td:nth-child(3) { width: 14%; }
.product-table th:nth-child(4), .product-table td:nth-child(4) { width: 7%; }
.product-table th:nth-child(5), .product-table td:nth-child(5) { width: 20%; }
.product-table th:nth-child(6), .product-table td:nth-child(6) { width: 12%; }
.product-table th { padding: 13px 14px; background: #242925; }
.product-table td { padding: 14px; overflow-wrap: anywhere; }
.td-product { min-width: 0; gap: 11px; }
.td-product > div:last-child { min-width: 0; }
.td-product-name { overflow-wrap: anywhere; }
.td-product-desc { line-height: 1.45; }
.td-tags { align-items: flex-start; }
.tag-pill { line-height: 1.4; }
.tag-pill--lan { background: rgba(57,255,20,.12); color: #a5ff92; }
.tag-pill--dest { color: #ffdc81; }
.icon-btn { width: 38px; height: 38px; border-radius: 6px; }
.icon-btn--delete:hover { color: #ff9b9b; border-color: #b95b5b; background: rgba(185,91,91,.1); }
.admin-promo-section { padding: 50px 0; scroll-margin-top: 18px; }
.admin-promo-section--alt { background: #151816; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.admin-section-heading { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
.admin-section-heading h2 { font: 700 clamp(22px, 2.6vw, 30px)/1.2 var(--font-display); }
.admin-section-heading p { max-width: 670px; margin-top: 7px; color: var(--text-dim); font-size: 13px; }
.admin-panel-card { padding: 22px; background: #202421; border: 1px solid #373e39; border-radius: 9px; }
.admin-promo-form { display: grid; grid-template-columns: 1.2fr .9fr .8fr .9fr 1fr auto; align-items: end; gap: 12px; }
.admin-promo-form label { display: grid; gap: 7px; min-width: 0; color: #d4dad4; font-size: 11px; font-weight: 700; }
.admin-promo-form input, .admin-promo-form select { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid #525d55; border-radius: 6px; background: #141715; color: var(--text); font: inherit; font-size: 13px; }
.admin-promo-form input:focus, .admin-promo-form select:focus { outline: 3px solid rgba(57,255,20,.3); outline-offset: 1px; border-color: var(--neon); }
.admin-promo-form .btn { min-height: 44px; padding: 0 17px; font-size: 11px; white-space: nowrap; }
.admin-promo-form--credit { grid-template-columns: 1.3fr 1fr 1fr auto; }
.admin-inline-status { min-height: 20px; margin: 9px 0 10px; color: #c9d1ca; font-size: 12px; }
.admin-data-table-wrap { overflow-x: auto; }
.admin-data-table { width: 100%; border-collapse: collapse; min-width: 660px; }
.admin-data-table th, .admin-data-table td { padding: 13px 12px; text-align: left; border-bottom: 1px solid #39413b; font-size: 12px; }
.admin-data-table th { color: #bdc5bd; background: #292e2a; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.admin-data-table tr:last-child td { border-bottom: 0; }
.admin-data-table td { color: #e1e5e1; }
.admin-data-table .admin-code { font-weight: 800; letter-spacing: .07em; }
.admin-status-pill { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 999px; background: #28372b; color: #b6f0aa; font-size: 10px; font-weight: 700; }
.admin-status-pill.is-off { background: #38302b; color: #f0c4a5; }
.admin-table-actions { display: flex; align-items: center; gap: 7px; }
.admin-table-actions button { padding: 6px 9px; border: 1px solid #525d55; border-radius: 5px; color: #e2e6e2; font-size: 10px; font-weight: 700; cursor: pointer; }
.admin-table-actions button:hover { border-color: var(--neon); }
.credit-issued { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 16px 0; padding: 16px; border: 1px solid #4c7047; border-radius: 8px; background: #19241a; }
.credit-issued > div { display: grid; gap: 5px; }
.credit-issued code { color: #bdffb1; font: 800 17px/1.4 ui-monospace, monospace; letter-spacing: .07em; }
.credit-issued small, .admin-note { color: #bac2bb; font-size: 11px; }
.admin-note { margin-top: 13px; line-height: 1.5; }
.admin-body :focus-visible { outline: 3px solid var(--neon); outline-offset: 3px; }

/* ===== ADMIN HEADER ===== */
.admin-header {
    position: sticky; top: 0; z-index: 50;
    background: rgba(5,5,5,.9); backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border);
}
.admin-header-inner {
    max-width: var(--maxw); margin: 0 auto;
    padding: 16px 24px;
    display: flex; align-items: center; gap: 16px;
}
.admin-badge {
    font-size: 10px; font-weight: 700; letter-spacing: 0.2em;
    background: var(--text); color: var(--bg);
    padding: 3px 10px; border-radius: 3px;
}
.admin-header-right { margin-left: auto; }
.btn-sm { padding: 10px 18px; font-size: 11px; }

/* ===== STATS ===== */
.admin-stats { padding: 28px 0; }
.admin-stats .container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.stat-card {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 24px;
    display: flex; align-items: center; gap: 16px;
    transition: all .3s var(--ease); position: relative; overflow: hidden;
}
.stat-card::before {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 3px; background: var(--text-dim); transition: background .3s;
}
.stat-card:hover { border-color: var(--border-bright); transform: translateY(-3px); }
.stat-card:hover::before { background: var(--text); }
.stat-icon {
    width: 48px; height: 48px; border-radius: var(--radius);
    background: var(--surface); display: grid; place-items: center;
    color: var(--text-dim); flex-shrink: 0;
}
.stat-icon svg { width: 23px; height: 23px; transition: transform .25s var(--ease), filter .25s; }
.stat-card:hover .stat-icon svg { transform: translateY(-2px) scale(1.06); filter: drop-shadow(0 0 6px currentColor); }
.stat-card--total .stat-icon { color: var(--text); }
.stat-card--blusas .stat-icon { color: #8ba7ff; }
.stat-card--stickers .stat-icon { color: #ffc861; }
.stat-card--adesivos .stat-icon { color: #5dffaa; }
.stat-card--acessorios .stat-icon { color: #d59bff; }
.stat-data { display: flex; flex-direction: column; }
.stat-num-big { font-family: var(--font-display); font-size: 32px; font-weight: 700; line-height: 1; }
.stat-label-small { font-size: 12px; color: var(--text-dim); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.05em; }

/* ===== MERCADO PAGO SETTINGS ===== */
.admin-settings { padding: 0 0 28px; }
.payment-settings { background: var(--bg-card); border: 1px solid var(--border-bright); border-radius: var(--radius); }
.payment-settings summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 20px; cursor:pointer; font-weight:700; }
.payment-settings summary span { color:var(--text-dim); font-size:12px; font-weight:500; }
.payment-settings summary .settings-heading { display:flex; align-items:center; gap:10px; color:var(--text); font-size:15px; font-weight:700; }
.settings-heading svg { width:19px; height:19px; color:var(--neon); transition:transform .3s var(--ease); }
.payment-settings[open] .settings-heading svg { transform:rotate(30deg); }
.payment-settings summary #paymentSettingsState { text-align:right; }
.payment-settings-form { padding:0 20px 20px; border-top:1px solid var(--border); }
.payment-settings-form > p { color:var(--text-dim); font-size:13px; margin:16px 0; }
.payment-settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.payment-settings-grid > label { display:flex; flex-direction:column; gap:7px; color:var(--text-dim); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.payment-settings-grid input[type="password"], .payment-settings-grid input[type="url"] { width:100%; padding:11px 12px; color:var(--text); background:#050705; border:1px solid var(--border-bright); border-radius:3px; font-size:13px; text-transform:none; letter-spacing:normal; }
.payment-settings-grid input:focus { outline:none; border-color:var(--neon); }
.payment-settings-grid small { color:var(--text-muted); font-size:11px; font-weight:400; text-transform:none; letter-spacing:normal; }
.settings-clear { display:flex; align-items:center; gap:7px; color:#d88b8b; font-size:11px; font-weight:500; text-transform:none; letter-spacing:normal; }
.settings-clear input { accent-color:#e55; }
.settings-url { grid-column:1/-1; }
.payment-settings-actions { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:18px; }
.payment-settings-actions #paymentSettingsMessage { color:var(--text-dim); font-size:12px; }
@media(max-width:700px) { .payment-settings-grid { grid-template-columns:1fr; } .settings-url { grid-column:auto; } .payment-settings-actions { align-items:stretch; flex-direction:column; } }

/* ===== TOOLBAR ===== */
.admin-toolbar { padding: 0 0 24px; }
.toolbar-inner {
    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.toolbar-left { display: flex; align-items: baseline; gap: 12px; }
.toolbar-title { font-family: var(--font-display); font-size: 24px; font-weight: 700; }
.toolbar-sub { font-size: 13px; color: var(--text-dim); }
.toolbar-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.toolbar-right .btn svg { flex-shrink:0; }

.search-box {
    display: flex; align-items: center; gap: 8px;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 0 12px;
    color: var(--text-dim); transition: border-color .2s;
}
.search-box:focus-within { border-color: var(--border-bright); }
.search-box input { background: none; padding: 10px 0; font-size: 13px; color: var(--text); width: 180px; }
.search-box input::placeholder { color: var(--text-muted); }
.search-box input:focus { outline: none; }

.select-cat {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 10px 12px;
    font-size: 13px; color: var(--text); cursor: pointer;
    transition: border-color .2s;
}
.select-cat:focus { outline: none; border-color: var(--border-bright); }

/* ===== TABELA ===== */
.admin-products { padding-bottom: 60px; }
.product-table-wrap {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius); overflow: hidden;
}
.product-table { width: 100%; border-collapse: collapse; }
.product-table th {
    text-align: left; padding: 14px 20px;
    font-size: 11px; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.1em; color: var(--text-dim);
    border-bottom: 1px solid var(--border); background: var(--surface);
}
.product-table td {
    padding: 16px 20px; border-bottom: 1px solid var(--border);
    font-size: 14px; vertical-align: middle;
}
.product-table tbody tr {
    transition: background .2s; animation: rowIn .4s var(--ease) both;
}
.product-table tbody tr:hover { background: var(--surface); }
.product-table tbody tr:last-child td { border-bottom: none; }

@keyframes rowIn { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }
@keyframes rowOut { to { opacity: 0; transform: translateX(20px); height: 0; } }

.product-table tr.removing { animation: rowOut .35s var(--ease) forwards; }

/* Coluna produto (thumb + nome) */
.td-product { display: flex; align-items: center; gap: 14px; }
.td-product-thumb {
    width: 52px; height: 52px; background: var(--surface);
    border-radius: var(--radius); display: grid; place-items: center;
    color: var(--text-dim); flex-shrink: 0; border: 1px solid var(--border);
}
.td-product-thumb svg { width: 34px; height: 34px; }
.td-product-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.td-product-name { font-weight: 600; line-height: 1.3; }
.td-product-desc { font-size: 12px; color: var(--text-dim); margin-top: 2px; }

.td-cat { white-space: nowrap; }
.cat-tag {
    display: inline-block; font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.05em;
    padding: 4px 10px; border-radius: 3px;
    background: var(--surface); color: var(--text-dim);
}
.cat-tag[data-cat="blusas"] { background: rgba(100,140,255,.1); color: #6b8cff; }
.cat-tag[data-cat="stickers"] { background: rgba(255,200,100,.1); color: #ffc861; }
.cat-tag[data-cat="adesivos"] { background: rgba(100,255,180,.1); color: #5dffaa; }

.td-price { font-weight: 700; }
.td-price-old { font-size: 12px; color: var(--text-muted); text-decoration: line-through; display: block; }
.td-discount { color: #5dffaa; font-weight: 600; font-size: 13px; }

.td-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.tag-pill {
    font-size: 10px; font-weight: 600; padding: 3px 8px;
    border-radius: 3px; text-transform: uppercase; letter-spacing: 0.05em;
    cursor: pointer; transition: all .2s; user-select: none;
}
.tag-pill--lan { background: rgba(57,255,20,.12); color: #39ff14; }
.tag-pill--dest { background: rgba(255,200,50,.12); color: #ffc832; }
.tag-pill--off { opacity: 0.25; }

.td-actions { display: flex; gap: 6px; }
.icon-btn {
    width: 36px; height: 36px; border-radius: var(--radius);
    display: grid; place-items: center; cursor: pointer;
    color: var(--text-dim); border: 1px solid var(--border);
    background: var(--surface); transition: all .2s;
}
.icon-btn:hover { color: var(--text); border-color: var(--border-bright); }
.icon-btn--delete:hover { color: #39ff14; border-color: rgba(57,255,20,.4); background: rgba(57,255,20,.05); }

/* ===== EMPTY STATE ===== */
.empty-state {
    text-align: center; padding: 80px 20px; color: var(--text-dim);
}
.empty-state svg { margin: 0 auto 20px; color: var(--text-muted); }
.empty-state .btn svg { margin: 0; }
.empty-state h3 { font-size: 20px; margin-bottom: 8px; color: var(--text); }
.empty-state p { margin-bottom: 24px; }

/* ===== MODAL ===== */
.modal-overlay {
    position: fixed; inset: 0; z-index: 300;
    background: rgba(0,0,0,.7); backdrop-filter: blur(4px);
    display: none; align-items: center; justify-content: center; padding: 24px;
    animation: overlayIn .3s ease;
}
.modal-overlay.open { display: flex; }
@keyframes overlayIn { from { opacity: 0; } to { opacity: 1; } }

.modal {
    background: var(--bg-alt); border: 1px solid var(--border);
    border-radius: 8px; width: 100%; max-width: 560px;
    max-height: 90vh; overflow-y: auto;
    animation: modalIn .4s var(--ease);
}
@keyframes modalIn { from { opacity: 0; transform: scale(0.92) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } }

.modal-confirm { max-width: 400px; }

.modal-header {
    padding: 20px 24px; border-bottom: 1px solid var(--border);
    display: flex; align-items: center; justify-content: space-between;
}
.modal-header h3 { font-size: 18px; font-weight: 700; }
.modal-close { font-size: 28px; color: var(--text-dim); cursor: pointer; line-height: 1; transition: color .2s; }
.modal-close:hover { color: var(--text); }

.modal-body { padding: 24px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-group { margin-bottom: 16px; display: flex; flex-direction: column; gap: 6px; }
.form-group label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-dim); }
.form-group input, .form-group select, .form-group textarea {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 12px 14px;
    font-size: 14px; color: var(--text); font-family: var(--font);
    transition: border-color .2s;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
    outline: none; border-color: var(--border-bright);
}
.form-group input.error, .form-group select.error { border-color: #39ff14; animation: shake .4s; }
@keyframes shake { 0%,100% { transform: translateX(0); } 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } }
.form-group textarea { resize: vertical; min-height: 70px; }

.form-checks { grid-template-columns: 1fr 1fr; }
.check-pill {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 16px; background: var(--bg-card);
    border: 1px solid var(--border); border-radius: var(--radius);
    cursor: pointer; transition: all .2s; user-select: none;
}
.check-pill:hover { border-color: var(--border-bright); }
.check-pill input { width: 18px; height: 18px; cursor: pointer; accent-color: var(--text); }
.check-pill-text { font-size: 14px; font-weight: 500; }

.form-preview {
    margin-top: 8px; padding: 16px;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius); display: flex; align-items: center; gap: 16px;
}
.form-preview-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); flex-shrink: 0; }
.form-preview-visual {
    width: 60px; height: 60px; background: var(--surface);
    border-radius: var(--radius); display: grid; place-items: center; color: var(--text-dim);
}
.form-preview-visual svg { width: 40px; height: 40px; }

.modal-footer {
    display: flex; justify-content: flex-end; gap: 10px;
    margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border);
}

.btn-danger { background: #39ff14; color: #fff; }
.btn-danger:hover { background: #2ee60f; transform: translateY(-2px); }

/* ===== CONFIRM MODAL ===== */
.confirm-icon { font-size: 48px; text-align: center; margin-bottom: 16px; }
.modal-confirm .modal-body p { text-align: center; font-size: 15px; }
.confirm-sub { color: var(--text-dim) !important; font-size: 13px !important; margin-top: 4px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .admin-stats .container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .toolbar-inner { flex-direction: column; align-items: stretch; }
    .toolbar-right { justify-content: flex-end; }
    .product-table { font-size: 12px; }
    .product-table th, .product-table td { padding: 10px 12px; }
    .td-product-thumb { width: 40px; height: 40px; }
    .td-product-thumb svg { width: 26px; height: 26px; }
    .form-row { grid-template-columns: 1fr; }
    .form-checks { grid-template-columns: 1fr; }
    .search-box input { width: 120px; }
    .product-table-wrap { overflow-x: auto; }
    .product-table { min-width: 600px; }
}

@media (max-width: 980px) {
    .admin-promo-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-promo-form .btn { grid-column: span 1; }
}
@media (max-width: 640px) {
    .admin-header-inner { padding-left: 16px; padding-right: 16px; }
    .admin-sector-nav-inner { padding: 0 12px; }
    .admin-sector-nav a { min-height: 44px; padding: 0 12px; font-size: 11px; }
    .admin-stats .container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-promo-section { padding: 36px 0; }
    .admin-panel-card { padding: 15px; }
    .admin-promo-form, .admin-promo-form--credit { grid-template-columns: 1fr 1fr; }
    .admin-promo-form .btn { grid-column: 1 / -1; }
    .credit-issued { align-items: flex-start; flex-direction: column; }
    .payment-settings summary { gap: 10px; }
    .toolbar-left { align-items: flex-start; flex-direction: column; gap: 3px; }
    .toolbar-right { display: grid; grid-template-columns: 1fr 1fr; }
    .search-box { grid-column: 1 / -1; }
    .search-box input { width: 100%; }
    .toolbar-right #btnNovo { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
    .admin-header-inner { flex-wrap: wrap; gap: 10px 12px; padding: 12px 16px; }
    .admin-header-right { width: 100%; display: flex; justify-content: flex-end; gap: 8px; }
    .admin-header-right .btn { padding: 9px 12px; }
    .admin-stats .container { gap: 10px; padding-left: 16px; padding-right: 16px; }
    .stat-card { min-width: 0; padding: 12px 10px; gap: 9px; }
    .stat-icon { width: 38px; height: 38px; }
    .stat-icon svg { width: 20px; height: 20px; }
    .stat-num-big { font-size: 25px; }
    .stat-label-small { font-size: 10px; line-height: 1.3; }
    .payment-settings summary { flex-wrap: wrap; align-items: flex-start; gap: 8px; padding: 15px 14px; }
    .payment-settings summary #paymentSettingsState { margin-left: 29px; text-align: left; }
    .payment-settings-form { padding: 0 14px 16px; }
    .toolbar-title { font-size: 21px; }
    .toolbar-right { justify-content: stretch; }
    .toolbar-right > * { max-width: 100%; }
    .modal-overlay { padding: 12px; }
    .modal-header { padding: 16px; }
    .modal-body { padding: 16px; }
    .modal-footer { flex-wrap: wrap; }
    .modal-footer .btn { flex: 1 1 auto; }
}

/* Correções finais: navegação em abas e etiquetas da tabela. */
.admin-sector-nav-inner { gap: 6px; }
.admin-sector-nav button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 16px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--text-dim); font: 700 12px/1.2 var(--font-display); white-space: nowrap; cursor: pointer; }
.admin-sector-nav button > span { font-size: 16px; line-height: 1; }
.admin-sector-nav button:hover, .admin-sector-nav button.active { color: var(--text); border-bottom-color: var(--neon); }
.admin-sector-nav button:focus-visible { outline: 2px solid var(--neon); outline-offset: -3px; }
[data-admin-panel][hidden] { display: none !important; }
.admin-products { padding: 0 0 32px; }
.product-table { table-layout: fixed; width: 100%; min-width: 960px; }
.product-table th:nth-child(1), .product-table td:nth-child(1) { width: 34%; }
.product-table th:nth-child(2), .product-table td:nth-child(2) { width: 13%; }
.product-table th:nth-child(3), .product-table td:nth-child(3) { width: 14%; }
.product-table th:nth-child(4), .product-table td:nth-child(4) { width: 8%; }
.product-table th:nth-child(5), .product-table td:nth-child(5) { width: 19%; }
.product-table th:nth-child(6), .product-table td:nth-child(6) { width: 12%; }
.product-table td { overflow-wrap: normal; }
.product-table td.td-tags { display: table-cell; }
.td-tags-list { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px; min-width: 0; }
.td-tags-list .tag-pill { display: inline-flex; flex: 0 1 auto; align-items: center; width: max-content; max-width: 100%; white-space: nowrap; overflow-wrap: normal; word-break: normal; }

@media (max-width: 640px) {
    .admin-sector-nav-inner { gap: 0; }
    .admin-sector-nav button { min-height: 46px; padding: 0 12px; font-size: 11px; }
    .admin-sector-nav button > span { display: none; }
}