/* ===== Değişkenler ===== */
:root {
    --bg-primary: #0f0f1a;
    --bg-secondary: #1a1a2e;
    --bg-card: #16213e;
    --bg-hover: #1f3460;
    --text-primary: #e0e0e0;
    --text-secondary: #a0a0a0;
    --accent: #4f6df5;
    --accent-hover: #6b84ff;
    --success: #4caf50;
    --warning: #ff9800;
    --danger: #f44336;
    --border: #2a2a4a;
    --sidebar-width: 260px;
    --radius: 12px;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.bulk-mockup-match-list article.confirmed{border-color:#86c89b;background:#f5fff8}.bulk-match-choice{display:flex;align-items:center;gap:10px;min-width:0}.bulk-match-choice>span{flex:1;min-width:0;font-size:13px;color:#344054}.bulk-match-result{font-size:12px;white-space:nowrap}.bulk-match-result.updated{color:#138a45}.bulk-match-result.failed{color:#c62828}.bulk-match-check-summary{margin:12px 0;color:#475467;font-weight:600}.bulk-replace-progress{display:grid;gap:7px;margin-top:14px}.bulk-replace-progress>div{display:flex;justify-content:space-between}.bulk-replace-progress progress{width:100%;height:14px}.bulk-listing-picker-modal{width:min(820px,94vw);max-height:88vh}.bulk-listing-picker-search{width:100%;padding:12px;border:1px solid #cfd5df;border-radius:9px;margin:14px 0}.bulk-listing-picker-results{display:grid;gap:8px;max-height:55vh;overflow:auto}.bulk-listing-picker-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid #e2e7ef;background:#fff;border-radius:10px;padding:9px;cursor:pointer}.bulk-listing-picker-row:hover{border-color:#6b8afd;background:#f7f9ff}.bulk-listing-picker-row img{width:64px;height:52px;object-fit:cover;border-radius:7px}.bulk-listing-picker-row span{min-width:0}.bulk-listing-picker-row strong,.bulk-listing-picker-row small{display:block}.bulk-listing-picker-row small{color:#667085;margin-top:4px}.bulk-listing-picker-row>b{color:#3157c8}@media(max-width:760px){.bulk-match-choice{align-items:flex-start;flex-wrap:wrap}.bulk-listing-picker-row{grid-template-columns:48px 1fr}.bulk-listing-picker-row img{width:48px;height:48px}.bulk-listing-picker-row>b{grid-column:2}}
.bulk-mockup-match-list .bulk-match-error-detail{margin-top:7px;padding:7px 9px;border-radius:7px;background:#fff0f0;color:#a61b1b;overflow-wrap:anywhere}

.mockup-library-card.busy{pointer-events:none;opacity:.72}
.mockup-library-card.busy:after{content:"İşleniyor...";position:absolute;z-index:4;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.72);color:#07695f;font-size:12px;font-weight:850;backdrop-filter:blur(2px)}
.mockup-library-card-actions button:disabled{cursor:wait;opacity:.55}
.mockup-library-card .mockup-library-card-actions{z-index:6;pointer-events:auto}
.mockup-library-card .mockup-library-card-actions button{position:relative;z-index:7;pointer-events:auto}
.mockup-library-remove-confirm{display:flex;align-items:center;gap:4px;padding:5px;border-radius:10px;background:#fff;box-shadow:0 3px 12px #0004;white-space:nowrap}.mockup-library-remove-confirm b{padding:0 3px;color:#7e2e2e;font-size:11px}.mockup-library-card-actions .mockup-library-remove-confirm button{width:auto;height:28px;padding:0 8px;font-size:11px;font-weight:800;box-shadow:none;background:#edf3f2}.mockup-library-card-actions .mockup-library-remove-confirm button.confirm{background:#b83b3b;color:#fff}

/* ===== Reset ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    min-height: 100vh;
    overflow-x: hidden;
}

/* ===== Layout ===== */
.app {
    display: flex;
    min-height: 100vh;
}

/* ===== Sidebar ===== */
.sidebar {
    width: var(--sidebar-width);
    background: var(--bg-secondary);
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    position: fixed;
    height: 100vh;
    z-index: 100;
}

.logo {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border-bottom: 1px solid var(--border);
}

.logo-icon {
    display: none;
}

.logo-text {
    font-size: 21px;
    font-weight: 800;
    letter-spacing: .03em;
    color: var(--text-primary);
}

.logo-tagline {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text-secondary);
}

.lang-switcher {
    display: flex;
    gap: 6px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--border);
}

.lang-option {
    flex: 1;
    padding: 5px 0;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--bg-primary);
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.03em;
    cursor: pointer;
}

.lang-option.active {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
}

.nav-menu {
    list-style: none;
    padding: 16px 12px;
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 4px;
    border-radius: var(--radius);
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--text-secondary);
}

.nav-item:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.nav-item.active {
    background: var(--accent);
    color: white;
}

.nav-section-title {
    margin: 16px 16px 6px;
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nav-subitem {
    margin-left: 10px;
}

.nav-subitem-deep {
    margin-left: 24px;
    font-size: 13px;
}

.nav-icon {
    font-size: 20px;
    width: 24px;
    text-align: center;
}

/* Categorized accordion navigation */
.nav-home-item{margin-bottom:10px!important}.nav-group{list-style:none;margin:5px 0}.nav-group-toggle{display:grid;grid-template-columns:25px minmax(0,1fr) auto 18px;align-items:center;gap:9px;width:100%;padding:11px 12px;border:0;border-radius:10px;color:var(--text-secondary);background:transparent;text-align:left;cursor:pointer;transition:.2s ease}.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{color:var(--text-primary);background:var(--bg-hover)}.nav-group-icon{font-size:17px;text-align:center}.nav-group-title{font-size:12px;font-weight:750}.nav-group-count{display:grid;min-width:22px;height:20px;place-items:center;padding:0 5px;border-radius:999px;color:var(--text-secondary);background:var(--bg-primary);font-size:8px}.nav-group-chevron{font-size:16px;transition:transform .2s ease}.nav-group.open .nav-group-chevron{transform:rotate(180deg)}.nav-group-items{display:grid;max-height:0;overflow:hidden;list-style:none;opacity:0;transition:max-height .28s ease,opacity .2s ease,padding .2s ease}.nav-group.open .nav-group-items{max-height:900px;padding:5px 0 7px;opacity:1}.nav-group-items .nav-item{min-height:38px;margin:1px 5px;padding:9px 11px 9px 18px;border-radius:8px;font-size:12px}.nav-group-items .nav-icon{width:20px;font-size:15px}.nav-group-items .nav-item.active{box-shadow:inset 3px 0 0 rgba(255,255,255,.75)}.mobile-menu-toggle,.sidebar-backdrop{display:none}

.sidebar-footer {
    padding: 16px 24px;
    border-top: 1px solid var(--border);
}

.status-indicator {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-secondary);
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--warning);
    animation: pulse 2s infinite;
}

.status-dot.online {
    background: var(--success);
}

.status-dot.offline {
    background: var(--danger);
    animation: none;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* ===== Main Content ===== */
.main-content {
    flex: 1;
    margin-left: var(--sidebar-width);
    padding: 32px;
    min-height: 100vh;
}

/* ===== Panels ===== */
.panel {
    display: none;
}

.panel.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

/* Module back navigation */
.module-back-row{display:flex;align-items:center;gap:10px;margin:-8px 0 18px}.module-back-button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;color:var(--text-primary);background:var(--bg-card);font:inherit;font-size:11px;font-weight:750;cursor:pointer;transition:.18s ease}.module-back-button span{font-size:17px;line-height:1}.module-back-button:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateX(-2px)}.module-back-location{overflow:hidden;color:var(--text-secondary);font-size:9px;text-overflow:ellipsis;white-space:nowrap}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.panel-header {
    margin-bottom: 32px;
}

.panel-header h1 {
    font-size: 28px;
    margin-bottom: 8px;
}

.panel-header p {
    color: var(--text-secondary);
    font-size: 15px;
}

/* ===== Stats Grid ===== */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-bottom: 32px;
}

.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 0.2s ease;
}

.stat-card:hover {
    border-color: var(--accent);
    transform: translateY(-2px);
}

.stat-icon {
    font-size: 40px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-hover);
    border-radius: var(--radius);
}

.stat-info h3 {
    font-size: 16px;
    margin-bottom: 4px;
}

.stat-info p {
    font-size: 13px;
    color: var(--text-secondary);
}

/* ===== Quick Actions ===== */
.quick-actions {
    margin-bottom: 32px;
}

.quick-actions h2 {
    font-size: 18px;
    margin-bottom: 16px;
}

.action-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.action-btn {
    background: var(--bg-card);
    border: 1px solid var(--border);
    color: var(--text-primary);
    padding: 14px 24px;
    border-radius: var(--radius);
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}

.action-btn:hover {
    background: var(--accent);
    border-color: var(--accent);
}

/* ===== Models Section ===== */
.models-section h2 {
    font-size: 18px;
    margin-bottom: 16px;
}

.models-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
}

.model-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.model-icon {
    font-size: 24px;
}

.model-info h4 {
    font-size: 14px;
    margin-bottom: 2px;
}

.model-info p {
    font-size: 12px;
    color: var(--text-secondary);
}

/* ===== Tabs ===== */
.etsy-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 12px;
    flex-wrap: wrap;
}

.tab-btn {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 10px 20px;
    border-radius: var(--radius);
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
}

.tab-btn:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.tab-btn.active {
    background: var(--accent);
    color: white;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

/* ===== Forms ===== */
.form-group {
    margin-bottom: 16px;
}

.form-group label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: var(--text-secondary);
}

input[type="text"],
input[type="number"],
select,
textarea {
    width: 100%;
    padding: 12px 16px;
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text-primary);
    font-size: 14px;
    transition: all 0.2s ease;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(79, 109, 245, 0.2);
}

.checkbox-group {
    margin: 12px 0;
}

.checkbox-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 13px;
}

/* ===== Buttons ===== */
.btn {
    padding: 12px 24px;
    border: none;
    border-radius: var(--radius);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-primary {
    background: var(--accent);
    color: white;
}

.btn-primary:hover {
    background: var(--accent-hover);
    transform: translateY(-1px);
}

.btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* ===== Upload Zone ===== */
.upload-zone {
    border: 2px dashed var(--border);
    border-radius: var(--radius);
    padding: 48px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.upload-zone:hover {
    border-color: var(--accent);
    background: rgba(79, 109, 245, 0.05);
}

.upload-zone.dragover {
    border-color: var(--accent);
    background: rgba(79, 109, 245, 0.1);
}

.upload-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.upload-hint {
    font-size: 12px;
    color: var(--text-secondary);
    margin-top: 8px;
    display: block;
}

/* ===== Image Preview ===== */
.image-preview {
    text-align: center;
    padding: 24px;
    background: var(--bg-card);
    border-radius: var(--radius);
    margin-top: 16px;
}

.image-preview img {
    max-width: 100%;
    max-height: 400px;
    border-radius: var(--radius);
    margin-bottom: 16px;
}

/* ===== Image Grid ===== */
.image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.image-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    transition: all 0.2s ease;
}

.image-card:hover {
    border-color: var(--accent);
    transform: translateY(-2px);
}

.image-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.image-card-info {
    padding: 12px;
}

.image-card-info h4 {
    font-size: 13px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.image-card-meta {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--text-secondary);
}

.image-card-actions {
    padding: 8px 12px;
    border-top: 1px solid var(--border);
    display: flex;
    gap: 8px;
}

.image-card-actions button {
    flex: 1;
    padding: 6px 12px;
    font-size: 12px;
}

/* ===== Search Bar ===== */
.search-bar {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.search-bar input {
    flex: 1;
}

.search-bar select {
    width: 180px;
}

.filter-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 12px 16px;
    background: var(--bg-card);
    border-radius: var(--radius);
}

.filter-bar select {
    width: 200px;
}

/* ===== File Tools ===== */
.file-tools {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 24px;
}

.tool-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 24px;
}

.tool-card.full-width {
    grid-column: 1 / -1;
}

.tool-card h3 {
    font-size: 16px;
    margin-bottom: 12px;
}

.tool-card p {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

/* ===== Result Box ===== */
.result-box {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 24px;
    margin-top: 24px;
    font-size: 13px;
    line-height: 1.6;
    overflow-y: visible;
    max-height: none !important;
    width: 100%;
}

.result-box pre {
    white-space: pre-wrap;
    font-family: 'Consolas', monospace;
}

/* Etsy sekmesi tam ekran */
#panel-etsy .tab-content {
    width: 100%;
}
#panel-etsy .smart-creator {
    width: 100%;
}

.result-box h3 {
    margin-bottom: 12px;
    color: var(--accent);
}

/* ===== Status Message ===== */
.status-message {
    padding: 16px 24px;
    border-radius: var(--radius);
    margin-top: 16px;
    font-size: 14px;
}

.status-message.loading {
    background: rgba(79, 109, 245, 0.1);
    border: 1px solid var(--accent);
    color: var(--accent);
}

.status-message.success {
    background: rgba(76, 175, 80, 0.1);
    border: 1px solid var(--success);
    color: var(--success);
}

.status-message.error {
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid var(--danger);
    color: var(--danger);
}

/* ===== Loading ===== */
.loading {
    text-align: center;
    padding: 24px;
    color: var(--text-secondary);
}

.loading::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--border);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 8px;
    vertical-align: middle;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* ===== Scrollbar ===== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .sidebar {
        width:min(88vw,320px);
        transform:translateX(-105%);
        transition:transform .25s ease;
        box-shadow:18px 0 45px rgba(0,0,0,.4);
    }
    .sidebar.mobile-open{transform:translateX(0)}
    .logo-text,.nav-text{display:inline}
    .logo{padding:18px 58px 18px 18px}.logo-icon{font-size:26px}
    .nav-menu{padding:10px}.nav-group-toggle{padding:12px}.nav-group-title{font-size:13px}.nav-group-items .nav-item{padding:11px 12px 11px 20px;font-size:13px}
    .mobile-menu-toggle{position:fixed;top:12px;left:12px;z-index:130;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:10px;color:var(--text-primary);background:var(--bg-card);box-shadow:var(--shadow);font-size:19px;cursor:pointer}
    .sidebar-backdrop{position:fixed;inset:0;z-index:90;background:rgba(3,5,15,.68);backdrop-filter:blur(2px)}body.mobile-menu-open .sidebar-backdrop{display:block}body.mobile-menu-open{overflow:hidden}
    
    .main-content {
        margin-left: 0;
        padding:68px 12px 16px;
    }
    .module-back-row{position:sticky;top:56px;z-index:20;margin:-4px -2px 14px;padding:6px 0;background:linear-gradient(var(--bg-primary) 70%,transparent)}.module-back-button{min-height:40px;padding:9px 13px}.module-back-location{font-size:8px}
    
    .search-bar {
        flex-direction: column;
    }
    
    .search-bar select {
        width: 100%;
    }
}

/* ===== Smart Creator ===== */
.smart-creator {
    width: 100%;
    max-width: 100%;
}

.required {
    color: var(--danger);
}

.upload-zone-smart {
    border: 2px dashed var(--border);
    border-radius: var(--radius);
    padding: 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.upload-zone-smart:hover {
    border-color: var(--accent);
    background: rgba(79, 109, 245, 0.05);
}

.upload-icon-small {
    font-size: 32px;
    margin-bottom: 8px;
}

.image-preview-small {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    background: var(--bg-card);
    border-radius: var(--radius);
    margin-top: 12px;
}

.image-preview-small img {
    max-width: 100px;
    max-height: 100px;
    border-radius: 8px;
}

.button-group {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.btn-large {
    padding: 16px 32px;
    font-size: 16px;
}

.btn-secondary {
    background: var(--bg-hover);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover {
    background: var(--border);
}

.btn-danger {
    background: var(--danger);
    color: white;
}

.btn-small {
    padding: 6px 12px;
    font-size: 12px;
}

/* ===== Copy Button ===== */
.copy-btn {
    background: var(--success);
    color: white;
    border: none;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.copy-btn:hover {
    background: #45a049;
    transform: translateY(-1px);
}

.copy-btn.copied {
    background: var(--accent);
}

/* ===== Titles List ===== */
.titles-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.title-item {
    background: var(--bg-hover);
    border: 1px solid var(--border);
    padding: 10px 14px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
}

.title-item:hover {
    border-color: var(--accent);
}

.title-number {
    background: var(--accent);
    color: white;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    flex-shrink: 0;
}

.title-text {
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
}

/* ===== Tags Display ===== */
.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.tag-item {
    background: var(--bg-hover);
    border: 1px solid var(--border);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.tag-item:hover {
    border-color: var(--accent);
    background: rgba(79, 109, 245, 0.1);
}

.tag-number {
    color: var(--accent);
    font-weight: bold;
}

/* ===== Smart Result Full-Screen Layout ===== */
.result-box {
    max-height: none !important;
}

.smart-result-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 16px;
    min-height: 70vh;
}

.smart-result-left {
    min-width: 0;
    overflow-y: auto;
    max-height: 85vh;
    padding-right: 8px;
}

.smart-result-right {
    min-width: 0;
    overflow-y: auto;
    max-height: 85vh;
    border-left: 1px solid var(--border);
    padding-left: 24px;
}

/* Competitor card */
.competitor-card {
    padding: 12px 14px;
    margin-bottom: 10px;
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: 10px;
    transition: all 0.2s ease;
}
.competitor-card:hover {
    border-color: var(--accent);
    background: rgba(79, 109, 245, 0.05);
}
.competitor-rank {
    font-size: 18px;
    min-width: 32px;
    font-weight: bold;
}

.seo-rank-filters { margin: 10px 0 14px; }
.seo-trend { display: block; margin-top: 5px; color: var(--text-secondary); }
.seo-trend-good { color: var(--success); }
.seo-trend-bad { color: var(--danger); }
.seo-alert { display:flex; gap:12px; align-items:center; padding:10px 12px; margin:6px 0; border-radius:8px; border:1px solid var(--border); }
.seo-alert strong { min-width:220px; }
.seo-alert span { flex:1; }
.seo-alert small { color:var(--text-secondary); }
.seo-alert-warning { border-color:rgba(239,68,68,.45); background:rgba(239,68,68,.07); }
.seo-alert-success { border-color:rgba(34,197,94,.45); background:rgba(34,197,94,.07); }
.seo-alert-info { border-color:rgba(59,130,246,.45); background:rgba(59,130,246,.07); }
.seo-alert-action { display:block; margin-top:4px; color:var(--accent); }
.seo-alert-muted { opacity:.55; }
.health-batch-preview { margin:16px 0; padding:16px; border:1px solid var(--border); border-radius:10px; }
.health-batch-card { margin:10px 0; padding:12px; border:1px solid var(--border); border-radius:8px; }
.health-batch-card label { display:inline-block; margin:6px 12px 6px 0; font-weight:600; }
.health-batch-diff { display:flex; gap:8px; margin:4px 0 10px 22px; color:var(--text-secondary); }
.health-batch-diff strong { color:var(--text-primary); }
.health-batch-meta { display:flex; align-items:center; gap:10px; }
.health-batch-meta img { width:42px; height:42px; object-fit:cover; border-radius:6px; }
.health-batch-meta h3 { margin:0; }
.health-batch-meta small { display:block; color:var(--text-secondary); font-weight:normal; }
.health-batch-warning { margin:8px 0; padding:7px 9px; color:#7a4d00; background:#fff3cd; border:1px solid #f0c36d; border-radius:6px; font-size:11px; }
.competitor-shop {
    font-size: 11px;
    color: var(--accent);
    margin-bottom: 2px;
}
.competitor-title {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 6px;
    word-break: break-word;
}
.competitor-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-bottom: 6px;
}
.competitor-tag {
    display: inline-block;
    padding: 2px 8px;
    background: rgba(79, 109, 245, 0.1);
    border: 1px solid rgba(79, 109, 245, 0.2);
    border-radius: 8px;
    font-size: 10px;
    color: var(--text-secondary);
}
.competitor-stats {
    display: flex;
    gap: 14px;
    font-size: 11px;
    color: var(--text-secondary);
    flex-wrap: wrap;
}
.competitor-link {
    color: var(--accent);
    text-decoration: none;
    font-size: 11px;
}
.competitor-link:hover {
    text-decoration: underline;
}

/* Keyword volume bar */
.kw-item {
    margin-bottom: 6px;
    padding: 4px 0;
}
.kw-header {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 2px;
}
.kw-name {
    font-weight: 500;
}
.kw-volume {
    color: var(--text-secondary);
}
.kw-bar-bg {
    background: var(--bg-hover);
    border-radius: 4px;
    height: 6px;
    overflow: hidden;
}
.kw-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--accent), var(--warning));
    border-radius: 4px;
    transition: width 0.5s;
}
.kw-competition-low { border-left: 3px solid var(--success); }
.kw-competition-medium { border-left: 3px solid var(--warning); }
.kw-competition-high { border-left: 3px solid var(--danger); }

/* Smart result panel sections */
.smart-section-header {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.smart-section {
    margin-bottom: 20px;
    padding: 16px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
}

@media (max-width: 1200px) {
    .smart-result-grid {
        grid-template-columns: 1fr;
    }
    .smart-result-right {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid var(--border);
        padding-top: 20px;
        margin-top: 10px;
    }
    .smart-result-left, .smart-result-right {
        max-height: none;
    }
}

/* ===== Agent Chat ===== */
.agent-container {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 24px;
    height: calc(100vh - 200px);
}

.agent-tools-info {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 20px;
    overflow-y: auto;
}

.agent-tools-info h3 {
    font-size: 14px;
    margin-bottom: 16px;
    color: var(--text-secondary);
}

.tools-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tool-item {
    background: var(--bg-primary);
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 12px;
}

.tool-item-name {
    color: var(--accent);
    font-weight: 500;
    margin-bottom: 2px;
}

.tool-item-desc {
    color: var(--text-secondary);
    font-size: 11px;
}

.chat-container {
    display: flex;
    flex-direction: column;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
}

.chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

.chat-message {
    margin-bottom: 16px;
    display: flex;
}

.chat-message.user {
    justify-content: flex-end;
}

.chat-message.assistant {
    justify-content: flex-start;
}

.message-content {
    max-width: 80%;
    padding: 12px 16px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.5;
}

.chat-message.user .message-content {
    background: var(--accent);
    color: white;
    border-bottom-right-radius: 4px;
}

.chat-message.assistant .message-content {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-bottom-left-radius: 4px;
}

.message-content ul {
    margin: 8px 0;
    padding-left: 20px;
}

.message-content li {
    margin-bottom: 4px;
}

.chat-input-container {
    padding: 16px;
    border-top: 1px solid var(--border);
    background: var(--bg-primary);
}

.chat-input-container textarea {
    width: 100%;
    padding: 12px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text-primary);
    font-size: 14px;
    resize: none;
    font-family: inherit;
}

.chat-input-container textarea:focus {
    outline: none;
    border-color: var(--accent);
}

.etsy-sidebar-connect {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 7px;
    margin: auto 12px 10px;
    padding: 12px;
    border: 1px solid rgba(79, 109, 245, 0.35);
    border-radius: 10px;
    background: rgba(79, 109, 245, 0.08);
}

.etsy-sidebar-summary{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px}
.etsy-sidebar-shop-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent)}
.etsy-sidebar-connect.disconnected .etsy-sidebar-shop-dot{background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 18%,transparent)}
.etsy-sidebar-connect.connection-error .etsy-sidebar-shop-dot{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 18%,transparent)}
.etsy-sidebar-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.etsy-sidebar-manage{padding:5px 7px;border:1px solid var(--border);border-radius:7px;background:var(--bg-card);color:var(--text-primary);font-size:9px;font-weight:800;cursor:pointer}
.etsy-sidebar-connect-body{display:flex;flex-direction:column;gap:7px}

.etsy-sidebar-connect strong {
    font-size: 12px;
    line-height: 1.35;
}

.etsy-sidebar-connect p {
    margin: 0;
    color: var(--text-secondary);
    font-size: 11px;
    line-height: 1.4;
}

.etsy-sidebar-connect .btn {
    justify-content: center;
    width: 100%;
    padding: 8px 9px;
    font-size: 11px;
    line-height: 1.3;
    white-space: normal;
}

@media (min-width:721px) {
    .etsy-sidebar-connect:not(.expanded) .etsy-sidebar-connect-body{display:none}
    .etsy-sidebar-connect.expanded{position:relative;z-index:130}
    .etsy-sidebar-connect.expanded .etsy-sidebar-connect-body{position:absolute;left:-1px;right:-1px;bottom:calc(100% + 8px);display:flex;max-height:min(540px,calc(100vh - 110px));overflow:auto;padding:13px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:#073f3d;box-shadow:0 20px 48px rgba(3,28,27,.42)}
}

@media (max-width: 720px) {
    .etsy-sidebar-connect {
        margin-right: 8px;
        margin-left: 8px;
    }
}

.chat-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}
.batch-progress-card {
    margin: 14px 0 18px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-primary);
}

.batch-progress-header,
.batch-progress-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.batch-progress-header span {
    color: var(--accent);
    font-weight: 700;
}

.batch-progress-track {
    position: relative;
    height: 12px;
    margin: 12px 0;
    overflow: hidden;
    border-radius: 999px;
    background: var(--bg-hover);
}

.batch-progress-fill {
    height: 100%;
    min-width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent), #8b5cf6);
    transition: width 0.35s ease;
}

.batch-progress-indeterminate .batch-progress-fill {
    width: 38%;
    animation: batch-progress-loading 1.15s ease-in-out infinite;
}

.batch-progress-stats {
    justify-content: flex-start;
    flex-wrap: wrap;
    color: var(--text-secondary);
    font-size: 13px;
}

.batch-progress-stats span {
    min-width: 95px;
}

.batch-progress-current {
    margin-top: 10px;
    overflow-wrap: anywhere;
    font-size: 13px;
}

.batch-progress-detail {
    margin-top: 8px;
    color: var(--text-secondary);
    font-size: 12px;
}

@keyframes batch-progress-loading {
    0% { transform: translateX(-110%); }
    100% { transform: translateX(290%); }
}

/* Etsy mağaza listing yönetimi */
.shop-listings-panel {
    padding-bottom: 90px;
}

.shop-manager-header,
.shop-listing-toolbar,
.shop-editor-heading,
.variation-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.shop-listing-toolbar {
    flex-wrap: wrap;
}

.shop-listing-toolbar select,
.shop-listing-toolbar input {
    min-width: 150px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg-card);
    color: var(--text-primary);
}

.shop-manager-status,
.variation-status {
    margin: 0 0 14px;
    padding: 10px 13px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    color: var(--text-secondary);
    font-size: 13px;
}

.shop-manager-status.error {
    border-color: var(--danger);
    color: var(--danger);
}

.shop-manager-layout {
    display: grid;
    grid-template-columns: minmax(290px, 36%) minmax(0, 1fr);
    gap: 18px;
    min-height: 580px;
}

.shop-listing-browser,
.shop-listing-editor {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}

.shop-listing-browser {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 240px);
}

.shop-listing-count {
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 700;
}

.shop-listing-list {
    overflow-y: auto;
    flex: 1;
}

.shop-listing-item {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid var(--border);
    background: transparent;
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
}

.shop-listing-item:hover {
    background: var(--bg-hover);
}

.shop-listing-item.active {
    box-shadow: inset 3px 0 var(--accent);
    background: rgba(79, 109, 245, 0.12);
}

.shop-listing-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 48px;
    overflow: hidden;
    border-radius: 7px;
    background: var(--bg-hover);
}

.shop-listing-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-listing-item-info {
    min-width: 0;
}

.shop-listing-item-info strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.shop-listing-item-info small {
    display: block;
    margin-top: 5px;
    color: var(--text-secondary);
    font-size: 10px;
}

.shop-load-more {
    margin: 10px;
}

.shop-listing-editor {
    padding: 20px;
}

.shop-editor-empty {
    display: grid;
    min-height: 300px;
    place-items: center;
    color: var(--text-secondary);
    text-align: center;
}

.shop-editor-heading {
    margin-bottom: 20px;
}

.shop-editor-heading small {
    margin-left: 8px;
    color: var(--text-secondary);
}

.shop-editor-heading a {
    color: var(--accent);
    font-size: 12px;
}

.shop-sku-editor {
    display: grid;
    gap: 8px;
    max-height: 260px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-primary);
}

.shop-sku-row {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(180px, 1fr);
    align-items: center;
    gap: 10px;
}

.shop-sku-row span {
    overflow-wrap: anywhere;
    color: var(--text-secondary);
    font-size: 12px;
}

.shop-sku-row input {
    width: 100%;
}

.shop-inventory-divider {
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 12px;
    font-weight: 700;
}

.shop-bulk-create-panel {
    padding-bottom: 70px;
}

.bulk-variation-tool {
    margin: 16px 0;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}

.bulk-variation-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.bulk-variation-heading h2,
.bulk-variation-heading p {
    margin: 0;
}

.bulk-variation-heading p {
    margin-top: 5px;
    color: var(--text-secondary);
}

.bulk-variation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.bulk-variation-grid label {
    display: grid;
    gap: 6px;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 700;
}

.shop-bulk-variation-panel {
    padding-bottom: 70px;
}

.bulk-variation-listing-container {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}

.bulk-variation-listing-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--border);
}

.bulk-variation-listing-toolbar h2,
.bulk-variation-listing-toolbar p {
    margin: 0;
}

.bulk-variation-listing-toolbar p {
    margin-top: 5px;
    color: var(--text-secondary);
    font-size: 12px;
}

.bulk-variation-listing-toolbar input {
    width: min(420px, 100%);
}

.bulk-variation-listing-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 10px;
    max-height: 620px;
    overflow-y: auto;
    padding: 14px;
}

.bulk-variation-listing-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 10px;
    color: var(--text-primary);
    background: var(--bg-primary);
    text-align: left;
    cursor: pointer;
}

.bulk-variation-listing-card:hover {
    border-color: var(--accent);
}

.bulk-variation-listing-card.selected {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);
}

.bulk-variation-listing-thumb {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    overflow: hidden;
    border-radius: 8px;
    background: var(--bg-secondary);
}

.bulk-variation-listing-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bulk-variation-listing-info {
    min-width: 0;
}

.bulk-variation-listing-info strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bulk-variation-listing-info small,
.bulk-variation-listing-sku {
    display: block;
    margin-top: 6px;
    overflow: hidden;
    color: var(--text-secondary);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-variation-preview-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 9px;
    color: var(--text-primary);
    background: color-mix(in srgb, var(--accent) 12%, var(--bg-primary));
}

.bulk-variation-preview-summary span {
    color: var(--text-secondary);
    font-size: 12px;
}

.bulk-variation-preview-list {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.bulk-variation-preview-card {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-primary);
}

.bulk-variation-preview-card[open] {
    border-color: color-mix(in srgb, var(--accent) 58%, var(--border));
}

.bulk-variation-preview-card summary {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 15px;
    cursor: pointer;
    font-size: 12px;
}

.bulk-variation-preview-card summary span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-variation-preview-card summary b {
    flex-shrink: 0;
    color: var(--success);
}

.bulk-variation-preview-card.skipped summary b,
.bulk-variation-preview-card .error {
    color: var(--danger);
}

.bulk-variation-preview-card .error {
    margin: 0;
    padding: 0 15px 14px;
}

.bulk-variation-preview-table-wrap {
    overflow-x: auto;
    border-top: 1px solid var(--border);
}

.bulk-variation-preview-table-wrap table {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    font-size: 11px;
}

.bulk-variation-preview-table-wrap .bulk-price-preview-table {
    min-width: 820px;
}

.price-difference-negative {
    color: var(--danger);
    font-weight: 800;
}

.variation-price-tool {
    margin-top: 24px;
}

.variation-price-picker {
    margin: 4px 0 16px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-primary);
}

.variation-price-search-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: min(620px, 100%);
}

.variation-price-search-actions input {
    flex: 1;
    min-width: 220px;
}

.variation-price-load-actions {
    margin-bottom: 14px;
}

.variation-price-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

.variation-price-column {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--bg-primary);
}

.variation-price-column-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.variation-price-column-heading h3,
.variation-price-column-heading p {
    margin: 0;
}

.variation-price-column-heading p {
    margin-top: 4px;
    color: var(--text-secondary);
    font-size: 11px;
    line-height: 1.45;
}

.variation-price-column-heading .btn {
    flex-shrink: 0;
    padding: 7px 10px;
    font-size: 11px;
}

.variation-price-value-list {
    display: grid;
    gap: 7px;
    max-height: 390px;
    overflow-y: auto;
}

.variation-price-value-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg-card);
    cursor: pointer;
}

.variation-price-value-item:hover {
    border-color: var(--accent);
}

.variation-price-value-item:has(input:checked) {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 10%, var(--bg-card));
}

.variation-price-value-item input {
    flex-shrink: 0;
    width: 17px;
    height: 17px;
}

.variation-price-value-item span,
.variation-price-value-item small {
    display: block;
    min-width: 0;
}

.variation-price-reference-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 10px 11px;
    border: 1px solid var(--border);
    border-radius: 9px;
    color: var(--text-primary);
    background: var(--bg-card);
    text-align: left;
    cursor: pointer;
}

.variation-price-reference-item:hover,
.variation-price-reference-item.selected {
    border-color: var(--accent);
}

.variation-price-reference-item.selected {
    background: color-mix(in srgb, var(--accent) 10%, var(--bg-card));
}

.variation-price-reference-item span,
.variation-price-reference-item small {
    display: block;
}

.variation-price-reference-item small {
    margin-top: 3px;
    color: var(--text-secondary);
    font-size: 11px;
}

.variation-price-reference-item b {
    flex-shrink: 0;
    color: var(--accent);
    font-size: 11px;
}

.variation-price-manual-item {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg-card);
}

.variation-price-manual-item[open] {
    border-color: var(--accent);
}

.variation-price-manual-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px;
    cursor: pointer;
}

.variation-price-manual-item summary span,
.variation-price-manual-item summary small {
    display: block;
}

.variation-price-manual-item summary small {
    margin-top: 3px;
    color: var(--text-secondary);
    font-size: 11px;
}

.variation-price-manual-item summary b {
    color: var(--accent);
    font-size: 11px;
}

.variation-price-manual-body {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(170px, 240px);
    gap: 10px 14px;
    padding: 12px;
    border-top: 1px solid var(--border);
    background: var(--bg-primary);
}

.variation-price-manual-body label {
    display: grid;
    gap: 6px;
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 700;
}

.variation-price-manual-body .variation-price-manual-check {
    display: flex;
    align-items: center;
    color: var(--text-primary);
}

.variation-price-manual-body small {
    grid-column: 1 / -1;
    color: var(--text-secondary);
}

.variation-price-old-prices {
    grid-column: 1 / -1;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
}

.variation-price-old-prices > strong {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
}

.variation-price-old-prices > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.variation-price-old-prices span {
    padding: 5px 8px;
    border-radius: 999px;
    color: var(--text-primary);
    background: var(--bg-secondary);
    font-size: 11px;
    font-weight: 800;
}

.variation-unsaved-modal {
    width: min(620px, calc(100vw - 28px));
}

.variation-unsaved-summary {
    display: grid;
    gap: 5px;
    margin: 16px 0;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--warning) 50%, var(--border));
    border-radius: 10px;
    background: color-mix(in srgb, var(--warning) 10%, var(--bg-primary));
}

.variation-unsaved-summary span {
    color: var(--text-secondary);
    font-size: 12px;
}

.variation-structure-confirm-modal {
    width: min(760px, calc(100vw - 28px));
}

.variation-structure-counts {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 16px 0 12px;
}

.variation-structure-counts span {
    display: grid;
    gap: 3px;
    min-width: 120px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg-primary);
}

.variation-structure-counts small {
    color: var(--text-secondary);
}

.variation-structure-counts .added strong {
    color: var(--success);
}

.variation-structure-counts .removed strong {
    color: var(--danger);
}

.variation-structure-report-list {
    display: grid;
    gap: 7px;
    max-height: 360px;
    overflow-y: auto;
    margin-bottom: 14px;
}

.variation-structure-report-row,
.variation-structure-report-empty {
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent);
    border-radius: 8px;
    background: var(--bg-primary);
}

.variation-structure-report-row.removed {
    border-left-color: var(--danger);
}

.variation-structure-report-row.added {
    border-left-color: var(--success);
}

.variation-structure-report-row span,
.variation-structure-report-row small {
    display: block;
}

.bulk-image-upload-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.bulk-image-upload-grid label {
    display: grid;
    gap: 6px;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 700;
}

.bulk-image-file-field {
    grid-column: span 2;
}

.bulk-image-file-field small {
    color: var(--accent);
}

.bulk-image-file-preview {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
}

.bulk-image-file-card {
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-primary);
}

.bulk-image-file-card img {
    width: 100%;
    height: 112px;
    border-radius: 7px;
    object-fit: cover;
}

.bulk-image-file-card strong,
.bulk-image-file-card small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-image-file-card strong {
    font-size: 11px;
}

.bulk-image-file-card small {
    color: var(--text-secondary);
}

.bulk-image-result-list {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    max-height: 650px;
    overflow-y: auto;
}

.bulk-image-result-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg-primary);
}

.bulk-image-result-card.skipped {
    border-color: color-mix(in srgb, var(--danger) 45%, var(--border));
}

.bulk-image-result-thumb {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    overflow: hidden;
    border-radius: 7px;
    background: var(--bg-secondary);
}

.bulk-image-result-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bulk-image-result-card strong,
.bulk-image-result-card small {
    display: block;
}

.bulk-image-result-card small {
    margin-top: 4px;
    color: var(--text-secondary);
}

.bulk-image-result-card p {
    margin: 5px 0 0;
    color: var(--danger);
    font-size: 11px;
}

.bulk-image-result-card > b {
    color: var(--success);
    font-size: 11px;
}

.bulk-image-result-card.skipped > b {
    color: var(--danger);
}

.bulk-image-progress {
    margin: 14px 0;
}

.bulk-image-progress > div:first-child {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    color: var(--text-secondary);
    font-size: 11px;
}

.bulk-image-progress-track {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--bg-secondary);
}

.bulk-image-progress-track span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--accent);
    transition: width .25s ease;
}

@media (max-width: 900px) {
    .bulk-image-upload-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .bulk-image-upload-grid {
        grid-template-columns: 1fr;
    }

    .bulk-image-file-field {
        grid-column: auto;
    }
}

.variation-structure-report-row small {
    margin-top: 4px;
    color: var(--text-secondary);
}

.variation-price-value-item strong {
    font-size: 12px;
}

.variation-price-value-item small {
    margin-top: 3px;
    color: var(--text-secondary);
    font-size: 11px;
}

.bulk-variation-preview-table-wrap th,
.bulk-variation-preview-table-wrap td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--border);
    text-align: left;
    vertical-align: top;
}

.bulk-variation-preview-table-wrap th {
    color: var(--text-secondary);
    background: var(--bg-secondary);
}

.preview-before,
.preview-after,
.preview-arrow {
    display: inline-block;
}

.preview-before {
    color: var(--text-secondary);
}

.preview-arrow {
    margin: 0 6px;
    color: var(--accent);
}

.preview-after {
    color: var(--success);
    font-weight: 800;
}

.bulk-variation-listing-sku {
    color: var(--accent);
    font-weight: 700;
}

@media (max-width: 760px) {
    .bulk-variation-grid {
        grid-template-columns: 1fr;
    }

    .bulk-variation-listing-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .bulk-variation-listing-toolbar input {
        width: 100%;
    }

    .variation-price-columns {
        grid-template-columns: 1fr;
    }

    .variation-price-search-actions {
        align-items: stretch;
        flex-direction: column;
    }
}

.full-auto-workspace {
    max-width: 1500px;
}

.full-auto-folder-row,
.full-auto-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.full-auto-folder-row input {
    flex: 1;
    min-width: 0;
}

.full-auto-hint {
    margin: 16px 0;
    color: var(--text-secondary);
    line-height: 1.55;
}

.full-auto-actions {
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.full-auto-result-list {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.full-auto-result-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 13px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg-primary);
}

.full-auto-result-item span {
    color: var(--text-secondary);
    text-align: right;
}

.full-auto-result-item .error {
    color: var(--danger);
}

.full-auto-result-identity {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.full-auto-result-thumb {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 7px;
    background: var(--bg-secondary);
    flex-shrink: 0;
}

.full-auto-mode-picker {
    display: inline-flex;
    gap: 8px;
}

.full-auto-mode-option {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 105px;
    justify-content: center;
    padding: 9px 13px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

.full-auto-mode-option.selected {
    border-color: #2fc679;
    background: #16894d;
}

.full-auto-mode-option.rejected {
    border-color: #ef6767;
    background: #a52f36;
}

.full-auto-loader {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-primary);
}

.full-auto-loader-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.full-auto-loader-track {
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--border) 70%, transparent);
}

.full-auto-loader-fill {
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #4f6df5, #2fc679);
    transition: width 0.35s ease;
}

.full-auto-output-grid {
    display: block;
    width: 100%;
}

.full-auto-review {
    margin-top: 14px;
    width: 100%;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}

.full-auto-review[hidden] {
    display: none;
}

.full-auto-review-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
}

.full-auto-review-head h2 {
    margin: 0 0 5px;
    font-size: 18px;
}

.full-auto-review-head p,
.full-auto-review-head span {
    margin: 0;
    color: var(--text-secondary);
    font-size: 12px;
}

.full-auto-review-item {
    display: none;
    padding: 4px 2px 90px;
}

.full-auto-review-item.active {
    display: block;
}

.full-auto-review-item h3 {
    margin: 0 0 12px;
    font-size: 15px;
}

.full-auto-quality-summary {
    display: grid;
    gap: 5px;
    margin-bottom: 14px;
    padding: 11px 12px;
    border: 1px solid var(--border);
    border-left: 4px solid #dc9b22;
    border-radius: 9px;
    background: var(--bg-secondary);
    font-size: 11px;
}

.full-auto-quality-summary.passed {
    border-left-color: #28a36a;
}

.full-auto-quality-summary span {
    color: var(--text-secondary);
}

.full-auto-quality-badge {
    justify-self: start;
    padding: 2px 7px;
    border-radius: 999px;
    color: #7a4c00;
    background: #fff0c7;
    font-size: 10px;
    font-weight: 800;
}

.full-auto-quality-badge.passed {
    color: #12613e;
    background: #d9f7e9;
}

.full-auto-review-item label {
    display: grid;
    gap: 5px;
    margin-bottom: 9px;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 700;
}

.full-auto-review-item input,
.full-auto-review-item textarea {
    width: 100%;
    padding: 11px 12px;
    line-height: 1.45;
}

.full-auto-review-item textarea {
    min-height: 105px;
    resize: vertical;
}

.full-auto-review-workbench {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    min-height: 520px;
    align-items: start;
    overflow: visible;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--bg-primary);
}

.full-auto-review-nav {
    overflow: visible;
    padding: 10px;
    border-right: 1px solid var(--border);
    background: var(--bg-secondary);
}

.full-auto-review-nav-button {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    width: 100%;
    margin-bottom: 7px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--text-primary);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.full-auto-review-nav-button:hover {
    border-color: var(--border);
    background: var(--bg-card);
}

.full-auto-review-nav-button.active {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 14%, var(--bg-card));
}

.full-auto-review-nav-number {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: var(--border);
    font-size: 11px;
    font-weight: 800;
}

.full-auto-review-nav-thumb {
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 6px;
    background: var(--bg-secondary);
}

.full-auto-review-nav-name {
    overflow: hidden;
    align-self: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
}

.full-auto-review-editor {
    position: sticky;
    top: 12px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    padding: 18px;
}

.full-auto-selected-title {
    border-left: 3px solid var(--accent);
    padding-left: 10px;
}

.full-auto-selected-title::before {
    content: "Yüklenecek başlık";
    justify-self: start;
    padding: 2px 7px;
    border-radius: 999px;
    color: #fff;
    background: var(--accent);
    font-size: 10px;
}

.full-auto-field-meta {
    text-align: right;
    color: var(--text-secondary);
    font-size: 11px;
}

.full-auto-review-actions {
    position: sticky;
    bottom: 12px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--bg-card) 94%, transparent);
    backdrop-filter: blur(8px);
}

@media (max-width: 1100px) {
    .full-auto-review-workbench {
        grid-template-columns: 1fr;
        max-height: none;
    }

    .full-auto-review-nav {
        display: flex;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .full-auto-review-editor {
        position: static;
        max-height: none;
    }

    .full-auto-review-nav-button {
        min-width: 190px;
    }
}

.bulk-analysis-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}

.bulk-analysis-banner strong,
.bulk-analysis-banner span {
    display: block;
}

.bulk-analysis-banner div > span {
    margin-top: 5px;
    color: var(--text-secondary);
    font-size: 13px;
}

.bulk-analysis-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.bulk-upload-workspace,
.bulk-publish-settings {
    margin-bottom: 18px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}

.bulk-merge-builder {
    margin-bottom: 20px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent) 7%, var(--bg-primary));
}

.bulk-merge-builder h2 {
    margin: 0 0 14px;
    font-size: 18px;
}

.bulk-merge-builder > p {
    margin: 12px 0;
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.5;
}

.bulk-merge-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.bulk-merge-grid label {
    display: grid;
    gap: 7px;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 700;
}

.bulk-merge-grid input,
.bulk-merge-grid select {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-primary);
    color: var(--text-primary);
}

.bulk-upload-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.bulk-template-selector {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.4fr) auto;
    align-items: end;
    gap: 14px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border);
}

.bulk-template-selector h2 {
    margin: 0 0 5px;
    font-size: 18px;
}

.bulk-template-selector p {
    margin: 0;
    color: var(--text-secondary);
    font-size: 13px;
}

.bulk-template-selector select {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-primary);
    color: var(--text-primary);
}

.bulk-upload-controls h2,
.bulk-publish-settings h2 {
    margin: 0 0 5px;
    font-size: 18px;
}

.bulk-upload-controls p,
.bulk-publish-settings > p {
    margin: 0;
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.5;
}

.bulk-upload-workspace .shop-manager-status {
    margin-top: 15px;
}

.bulk-excel-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 15px 0;
}

@media (max-width: 760px) {
    .bulk-merge-grid {
        grid-template-columns: 1fr;
    }
}

.etsy-sidebar-connect select {
    width: 100%;
    margin-top: 10px;
    padding: 9px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-primary);
    color: var(--text-primary);
}

.etsy-sidebar-connect #etsyConnectNewShopButton {
    width: 100%;
    margin-top: 8px;
    justify-content: center;
    text-decoration: none;
}

.etsy-sidebar-connect #etsyNewShopHint {
    color: var(--text-secondary);
    font-size: 10px;
    line-height: 1.35;
}

.new-shop-guide {
    position: relative;
    width: min(560px, calc(100vw - 32px));
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-card);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55);
}

#newShopGuideModal {
    position: fixed;
    inset: 0;
    z-index: 11000;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.72);
}

.new-shop-guide .modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: grid;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    place-items: center;
    background: rgba(239, 68, 68, 0.13);
    color: var(--danger);
    font-size: 22px;
    cursor: pointer;
}

.new-shop-guide > p {
    margin: 10px 0 18px;
    color: var(--text-secondary);
    line-height: 1.55;
}

.new-shop-step {
    display: grid;
    gap: 8px;
    margin-top: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-primary);
}

.new-shop-step span {
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1.5;
}

.new-shop-step .btn {
    justify-self: start;
    text-decoration: none;
}

@media (max-height: 620px) {
    #newShopGuideModal {
        align-items: flex-start;
    }
}

.bulk-excel-controls span {
    flex: 1;
    overflow: hidden;
    color: var(--text-secondary);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-folder-preview {
    display: grid;
    gap: 12px;
}

.bulk-folder-card {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-primary);
}

.bulk-folder-card.invalid {
    border-color: var(--danger);
}

.bulk-folder-heading {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.bulk-folder-heading span {
    color: var(--text-secondary);
    font-size: 12px;
}

.bulk-folder-images {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 8px;
}

.bulk-folder-image {
    position: relative;
    min-width: 0;
}

.bulk-folder-image img {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 7px;
    object-fit: cover;
}

.bulk-folder-image small {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    color: var(--text-secondary);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-folder-image.primary::after {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 3px 5px;
    border-radius: 5px;
    background: var(--accent);
    color: white;
    content: "Ana";
    font-size: 9px;
    font-weight: 700;
}

.bulk-folder-warnings {
    margin: 10px 0 0;
    padding-left: 18px;
    color: var(--danger);
    font-size: 12px;
}

.bulk-settings-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 15px 0;
}

.bulk-settings-grid label {
    display: grid;
    align-content: start;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
}

.bulk-settings-grid select {
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-primary);
    color: var(--text-primary);
}

.bulk-check-setting {
    grid-template-columns: auto 1fr;
    align-items: center;
}

.bulk-check-setting input {
    width: 18px;
    height: 18px;
}

.bulk-analysis-card,
.bulk-recommendation,
.bulk-recommendation-note {
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}

.bulk-analysis-card {
    padding: 18px;
}

.bulk-card-number {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    font-size: 28px;
    font-weight: 800;
}

.bulk-analysis-card p,
.bulk-flow span,
.bulk-recommendation-note {
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

.bulk-analysis-card p {
    margin: 7px 0 0;
}

.bulk-recommendation {
    padding: 20px;
}

.bulk-recommendation h2 {
    margin: 0 0 16px;
    font-size: 18px;
}

.bulk-flow {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bulk-flow li {
    display: grid;
    gap: 4px;
    padding: 13px 0;
    border-bottom: 1px solid var(--border);
}

.bulk-flow li:last-child {
    border-bottom: 0;
}

.bulk-recommendation-note {
    margin-top: 18px;
    padding: 15px 18px;
}

.bulk-recommendation-note strong {
    color: var(--text-primary);
}

@media (max-width: 900px) {
    .bulk-analysis-grid,
    .bulk-settings-grid {
        grid-template-columns: 1fr;
    }

    .bulk-upload-controls {
        align-items: stretch;
        flex-direction: column;
    }

    .bulk-excel-controls {
        align-items: stretch;
        flex-direction: column;
    }

    .bulk-template-selector {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}

.listing-state-badge {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #22c55e;
    font-size: 11px;
    font-weight: 700;
}

.shop-listing-editor textarea,
.shop-listing-editor select,
.variation-fields input {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: inherit;
}

.shop-listing-editor textarea:focus,
.shop-listing-editor select:focus,
.variation-fields input:focus {
    outline: none;
    border-color: var(--accent);
}

.shop-editor-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.field-error {
    color: var(--danger) !important;
}

.variation-edit-button {
    margin-top: 4px;
}

.shop-save-dock {
    position: fixed;
    right: 24px;
    bottom: 20px;
    z-index: 50;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 12px 10px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.28);
    background: var(--bg-card);
}

.shop-save-state {
    max-width: 320px;
    color: var(--text-secondary);
    font-size: 12px;
}

.button-loader {
    display: none;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: shop-button-spin 0.75s linear infinite;
}

.button-loader.active {
    display: inline-block;
}

.variation-header {
    align-items: flex-end;
}

.variation-header h1 {
    margin-top: 14px;
}

.variation-editor-list {
    display: grid;
    gap: 12px;
}

.variation-types-panel,
.listing-variation-builder {
    margin-bottom: 20px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-card);
}

.variation-types-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.variation-types-heading p {
    margin: 5px 0 0;
    color: var(--text-secondary);
    font-size: 12px;
}

.variation-type-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
    padding: 13px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg-primary);
}

.variation-type-number {
    display: grid;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    place-items: center;
    background: rgba(79, 109, 245, 0.15);
    color: var(--accent);
    font-size: 12px;
    font-weight: 800;
}

.variation-type-fields {
    display: grid;
    grid-template-columns: minmax(130px, 0.65fr) minmax(260px, 1.7fr);
    gap: 12px;
    align-items: start;
}

.variation-type-fields label {
    color: var(--text-secondary);
    font-size: 11px;
}

.variation-type-fields input,
.variation-type-fields textarea {
    display: block;
    width: 100%;
    margin-top: 6px;
    padding: 9px 10px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: var(--bg-card);
    color: var(--text-primary);
    font-family: inherit;
}

.variation-type-fields input[readonly] {
    opacity: 0.7;
    cursor: not-allowed;
}

.variation-values-area {
    min-width: 0;
}

.variation-values-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    color: var(--text-secondary);
    font-size: 11px;
}

.variation-values-list {
    display: grid;
    gap: 7px;
}

.variation-value-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 6px;
}

.variation-value-row input {
    margin: 0;
}

.variation-value-remove,
.variation-modal-close {
    border: 0;
    border-radius: 7px;
    background: rgba(239, 68, 68, 0.12);
    color: var(--danger);
    font-size: 18px;
    cursor: pointer;
}

.variation-value-empty {
    padding: 9px 10px;
    border: 1px dashed var(--border);
    border-radius: 7px;
    color: var(--text-secondary);
    font-size: 11px;
}

.variation-type-empty,
.creation-variation-preview {
    margin-bottom: 12px;
    padding: 11px 12px;
    border: 1px dashed var(--border);
    border-radius: 8px;
    color: var(--text-secondary);
    font-size: 12px;
}

.variation-combinations-title {
    margin: 18px 0 12px;
}

.creation-variation-chip {
    display: inline-block;
    margin: 5px 6px 0 0;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(79, 109, 245, 0.12);
    font-size: 12px;
}

.variation-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10000;
    padding: 20px;
    place-items: center;
    background: rgba(0, 0, 0, 0.66);
}

.variation-modal {
    width: min(760px, 100%);
    max-height: min(760px, calc(100vh - 40px));
    overflow-y: auto;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
    background: var(--bg-card);
}

.variation-modal-header,
.variation-modal-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.variation-modal-header {
    margin-bottom: 18px;
}

.variation-modal-header p {
    margin: 5px 0 0;
    color: var(--text-secondary);
    font-size: 12px;
}

.variation-modal-close {
    width: 34px;
    height: 34px;
}

.variation-modal-combinations {
    display: grid;
    gap: 9px;
    margin: 14px 0 18px;
}

.variation-modal-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 130px 80px;
    gap: 12px;
    align-items: end;
    padding: 11px 12px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg-primary);
}

.variation-modal-row-name {
    align-self: center;
    overflow-wrap: anywhere;
    font-size: 12px;
    font-weight: 700;
}

.variation-modal-row label {
    color: var(--text-secondary);
    font-size: 11px;
}

.variation-modal-row input[type="number"] {
    display: block;
    width: 100%;
    margin-top: 5px;
    padding: 8px 9px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: var(--bg-card);
    color: var(--text-primary);
}

.variation-modal-active {
    align-self: center;
    color: var(--text-primary) !important;
}

.variation-modal-actions {
    justify-content: flex-end;
}

.bulk-variation-manual-modal {
    width: min(900px, 100%);
}

.bulk-manual-row {
    grid-template-columns: minmax(200px, 1fr) 130px 110px 90px;
}

.bulk-mockup-modal {
    width: min(960px, 100%);
    max-height: min(860px, calc(100vh - 40px));
}

.bulk-mockup-modal-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.bulk-mockup-tab {
    padding: 8px 14px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--bg-primary);
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.bulk-mockup-tab.active {
    background: #7054d6;
    border-color: #7054d6;
    color: #fff;
}

.bulk-mockup-panel-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-secondary);
}

.bulk-mockup-thumb-group {
    margin-bottom: 16px;
    padding: 10px;
    border: 1px solid #e3dff0;
    border-radius: 12px;
    background: #fbfaff;
}

.bulk-mockup-thumb-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
}

.bulk-mockup-thumb-group-head strong {
    font-size: 11px;
    font-weight: 800;
    color: #6651b8;
}

.bulk-mockup-thumb-group-head span {
    display: flex;
    gap: 6px;
}

.bulk-mockup-thumb-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 8px;
}

.bulk-mockup-thumb {
    position: relative;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 9px;
    overflow: hidden;
    background: var(--bg-primary);
    cursor: pointer;
    line-height: 0;
}

.bulk-mockup-thumb img {
    display: block;
    width: 100%;
    height: 96px;
    object-fit: cover;
}

.bulk-mockup-thumb-label {
    display: block;
    padding: 4px;
    font-size: 9px;
    line-height: 1.3;
    color: var(--text-secondary);
    background: var(--bg-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bulk-mockup-thumb-check {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 18px;
    height: 18px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #7054d6;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.bulk-mockup-thumb.selected {
    border-color: #7054d6;
}

.bulk-mockup-thumb.selected .bulk-mockup-thumb-check {
    display: flex;
}

.ai-mockup-bulk-section {
    margin-top: 4px;
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--border);
}

.ai-mockup-single-heading {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 800;
    color: var(--text-primary);
}

.full-auto-reference-preview {
    display: none;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 5px 8px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-secondary);
    font-size: 10px;
    color: var(--text-secondary);
}

.full-auto-reference-preview:not(:empty) {
    display: flex;
}

.full-auto-reference-preview img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 6px;
    background: var(--bg-primary);
    flex-shrink: 0;
}

.full-auto-reference-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    max-height: min(54vh, 570px);
    overflow-y: auto;
    padding: 4px 5px 4px 1px;
}

.full-auto-reference-tile {
    position: relative;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) 24px;
    gap: 11px;
    align-items: center;
    min-height: 78px;
    padding: 7px 10px 7px 7px;
    border: 1px solid rgba(122, 102, 210, .16);
    border-radius: 14px;
    background: rgba(255, 255, 255, .82);
    cursor: pointer;
    text-align: left;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.full-auto-reference-tile img {
    width: 68px;
    height: 64px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 10px;
    background: var(--bg-secondary);
}

.full-auto-reference-tile-noimg {
    display: grid;
    width: 68px;
    height: 64px;
    place-items: center;
    border-radius: 10px;
    background: var(--bg-secondary);
    font-size: 18px;
}

.full-auto-reference-tile-copy {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.full-auto-reference-tile-copy strong {
    overflow: hidden;
    color: var(--text-primary);
    font-size: 12px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.full-auto-reference-tile small {
    overflow: hidden;
    color: var(--text-secondary);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.full-auto-reference-tile em {
    width: max-content;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(112, 84, 214, .08);
    color: #6651bd;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
}

.full-auto-reference-check {
    display: grid;
    width: 21px;
    height: 21px;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 50%;
    color: transparent;
    font-size: 11px;
    font-style: normal;
}

.full-auto-reference-tile:hover {
    transform: translateY(-1px);
    border-color: rgba(112, 84, 214, .42);
    box-shadow: 0 10px 25px rgba(53, 40, 106, .09);
}

.full-auto-reference-tile.active {
    border-color: var(--accent);
    background: linear-gradient(135deg, rgba(112, 84, 214, .11), rgba(80, 194, 181, .07));
    box-shadow: 0 8px 24px rgba(91, 67, 186, .13);
}

.full-auto-reference-tile.active .full-auto-reference-check {
    border-color: var(--accent);
    background: var(--accent);
    color: #fff;
}

.full-auto-reference-launch {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 18px;
    align-items: center;
    padding: 15px 17px;
    border: 1px solid rgba(112, 84, 214, .2);
    border-radius: 16px;
    background: linear-gradient(120deg, rgba(112, 84, 214, .08), rgba(63, 191, 176, .06));
}

.full-auto-reference-launch-copy { display: flex; align-items: center; gap: 11px; }
.full-auto-reference-launch-copy div { display: grid; gap: 3px; }
.full-auto-reference-launch-copy small { color: var(--text-secondary); }
.full-auto-ai-mark {
    display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px;
    color: #fff; background: linear-gradient(145deg, #7054d6, #36b7a9);
    box-shadow: 0 8px 22px rgba(112, 84, 214, .25);
    animation: fullAutoSpark 2.8s ease-in-out infinite;
}

.full-auto-reference-summary { grid-column: 1 / -1; display: flex; gap: 8px; flex-wrap: wrap; }
.full-auto-reference-summary > span {
    display: grid; grid-template-columns: 30px auto; grid-template-rows: auto auto;
    min-width: 142px; padding: 6px 10px; border: 1px solid var(--border);
    border-radius: 10px; background: rgba(255,255,255,.7);
}
.full-auto-reference-summary img { grid-row: 1 / 3; width: 30px; height: 30px; margin-right: 8px; object-fit: cover; border-radius: 7px; }
.full-auto-reference-summary b { font-size: 10px; }
.full-auto-reference-summary small { color: var(--text-secondary); font-size: 9px; }
.full-auto-reference-summary .empty { opacity: .65; }

body.full-auto-modal-open { overflow: hidden; }
.full-auto-reference-modal[hidden] { display: none; }
.full-auto-reference-modal { position: fixed; inset: 0; z-index: 5000; display: grid; place-items: center; padding: 22px; }
.full-auto-reference-backdrop { position: absolute; inset: 0; background: rgba(16, 15, 31, .62); backdrop-filter: blur(9px); animation: fullAutoFade .2s ease-out; }
.full-auto-reference-dialog {
    position: relative; isolation: isolate; width: min(1160px, 96vw); max-height: 92vh;
    overflow: hidden; border: 1px solid rgba(255,255,255,.55); border-radius: 24px;
    background: linear-gradient(145deg, rgba(250,249,255,.98), rgba(241,249,248,.98));
    box-shadow: 0 35px 100px rgba(10, 8, 31, .34); animation: fullAutoDialogIn .28s cubic-bezier(.2,.8,.2,1);
}
.full-auto-reference-dialog::after {
    content: ''; position: absolute; z-index: -1; inset: 0; opacity: .35; pointer-events: none;
    background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.9) 49%, transparent 63%);
    transform: translateX(-100%); animation: fullAutoScan 7s ease-in-out infinite;
}
.full-auto-ai-orb { position: absolute; z-index: -2; width: 240px; height: 240px; border-radius: 50%; filter: blur(55px); opacity: .24; animation: fullAutoFloat 7s ease-in-out infinite; }
.full-auto-ai-orb.orb-one { top: -100px; left: -70px; background: #8268e5; }
.full-auto-ai-orb.orb-two { right: -70px; bottom: -100px; background: #46c8b6; animation-delay: -3s; }
.full-auto-reference-dialog-head { display: flex; justify-content: space-between; gap: 20px; padding: 24px 26px 17px; border-bottom: 1px solid rgba(112,84,214,.12); }
.full-auto-reference-dialog-head h2 { margin: 4px 0; font-size: 24px; }
.full-auto-reference-dialog-head p { margin: 0; color: var(--text-secondary); font-size: 12px; }
.full-auto-modal-kicker { color: #7054d6; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.full-auto-modal-close { width: 38px; height: 38px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255,255,255,.7); color: var(--text-primary); font-size: 24px; cursor: pointer; }
.full-auto-reference-filters { display: grid; grid-template-columns: .9fr 1.35fr .9fr; gap: 7px; padding: 0 0 11px; }
.full-auto-reference-filters input, .full-auto-reference-filters select { width: 100%; min-width: 0; margin: 0; font-size: 10px; }
.full-auto-reference-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0 26px 17px; }
.full-auto-reference-column { min-width: 0; padding: 13px; border: 1px solid rgba(112,84,214,.13); border-radius: 17px; background: rgba(255,255,255,.56); }
.full-auto-reference-column > header { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }
.full-auto-reference-column > header > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: rgba(112,84,214,.1); color: #7054d6; font-size: 19px; }
.full-auto-reference-column h3 { margin: 0; font-size: 14px; }
.full-auto-reference-column header small { color: var(--text-secondary); font-size: 9px; }
.full-auto-reference-dialog-actions { display: flex; align-items: center; justify-content: flex-end; gap: 15px; padding: 14px 26px 20px; border-top: 1px solid rgba(112,84,214,.1); }
.full-auto-reference-dialog-actions span { margin-right: auto; color: var(--text-secondary); font-size: 11px; }

@keyframes fullAutoDialogIn { from { opacity: 0; transform: translateY(16px) scale(.975); } to { opacity: 1; transform: none; } }
@keyframes fullAutoFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes fullAutoSpark { 0%,100% { transform: rotate(0) scale(1); } 50% { transform: rotate(8deg) scale(1.08); } }
@keyframes fullAutoFloat { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(20px,16px,0); } }
@keyframes fullAutoScan { 0%,55% { transform: translateX(-100%); } 85%,100% { transform: translateX(100%); } }

@media (max-width: 820px) {
    .full-auto-reference-columns { grid-template-columns: 1fr; overflow-y: auto; max-height: 62vh; }
    .full-auto-reference-filters { grid-template-columns: 1fr; }
    .full-auto-reference-column .full-auto-reference-grid { max-height: 330px; }
    .full-auto-reference-launch { grid-template-columns: 1fr; }
}

.variation-card {
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-card);
}

.variation-card-title {
    margin-bottom: 12px;
}

.variation-fields {
    display: grid;
    grid-template-columns: minmax(140px, 1.4fr) repeat(2, minmax(100px, 0.7fr)) 90px;
    gap: 12px;
    align-items: end;
}

.variation-fields label {
    color: var(--text-secondary);
    font-size: 12px;
}

.variation-fields input {
    display: block;
    margin-top: 6px;
}

.variation-enabled {
    padding-bottom: 11px;
    color: var(--text-primary) !important;
}

.variation-enabled input {
    display: inline;
    width: auto;
    margin: 0 5px 0 0;
}

@keyframes shop-button-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 980px) {
    .shop-manager-layout {
        grid-template-columns: 1fr;
    }

    .shop-listing-browser {
        max-height: 420px;
    }

    .variation-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .shop-manager-header,
    .shop-editor-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .shop-editor-grid,
    .variation-fields,
    .variation-type-fields {
        grid-template-columns: 1fr;
    }

    .variation-types-heading {
        flex-direction: column;
    }

    .variation-type-card {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .variation-modal-row {
        grid-template-columns: 1fr;
    }

    .variation-type-card > .btn {
        grid-column: 2;
        justify-self: start;
    }

    .shop-save-dock {
        right: 10px;
        bottom: 10px;
        left: 10px;
        justify-content: space-between;
    }
}
.seo-intelligence-panel { max-width: 1500px; }
.seo-header { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.seo-notice { margin:12px 0; padding:11px 14px; border:1px solid var(--border); border-radius:9px; background:var(--bg-secondary); color:var(--text-secondary); font-size:12px; }
.seo-metrics { display:grid; grid-template-columns:repeat(6,minmax(120px,1fr)); gap:12px; margin:18px 0; }
.seo-metric-card { padding:15px; border:1px solid var(--border); border-radius:10px; background:var(--bg-card); }
.seo-metric-card span { display:block; color:var(--text-secondary); font-size:11px; margin-bottom:7px; }
.seo-metric-card strong { font-size:22px; color:var(--text-primary); }
.seo-tabs { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:12px; border-bottom:1px solid var(--border); }
.seo-tab { border:1px solid var(--border); border-radius:8px; padding:9px 13px; background:var(--bg-card); color:var(--text-secondary); cursor:pointer; }
.seo-tab.active { color:#fff; background:var(--accent); border-color:var(--accent); }
.seo-tab-content { display:none; padding-top:16px; }
.seo-tab-content.active { display:block; }
.seo-tool-card,.seo-tag-card { display:grid; gap:14px; margin-bottom:16px; padding:16px; border:1px solid var(--border); border-radius:10px; background:var(--bg-card); }
.seo-tool-card h2,.seo-tag-card h3 { margin:0 0 5px; }
.seo-tool-card p { margin:0; color:var(--text-secondary); font-size:12px; }
.seo-tool-card textarea,.seo-tool-card input { width:100%; }
.seo-inline-form { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.seo-inline-form input { flex:1 1 180px; }
.seo-table-wrap { overflow:auto; border-radius:9px; }
.seo-table { width:100%; border-collapse:collapse; min-width:720px; background:var(--bg-card); }
.seo-table th,.seo-table td { padding:10px 12px; border-bottom:1px solid var(--border); text-align:left; font-size:12px; vertical-align:top; }
.seo-table th { color:var(--text-secondary); background:var(--bg-secondary); position:sticky; top:0; }
.seo-score { display:inline-flex; padding:4px 8px; border-radius:999px; color:#fff; background:var(--accent); font-weight:700; }
.seo-error { padding:14px; border:1px solid #ef4444; border-radius:9px; color:#ef4444; }
@media (max-width:1100px){.seo-metrics{grid-template-columns:repeat(3,minmax(120px,1fr));}}
@media (max-width:640px){.seo-header{align-items:stretch;flex-direction:column}.seo-metrics{grid-template-columns:repeat(2,minmax(100px,1fr));}}
.listing-health-panel { max-width:1500px; }
.health-actions,.health-filters,.health-detail-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.health-filters { margin:16px 0; }
.health-filters input { flex:1 1 260px; }
.health-layout { display:grid; grid-template-columns:minmax(360px,.85fr) minmax(460px,1.15fr); gap:16px; align-items:start; }
.health-report-list { display:grid; gap:9px; max-height:720px; overflow:auto; }
.health-report-card { width:100%; display:grid; grid-template-columns:58px minmax(0,1fr) 52px; gap:12px; align-items:center; padding:10px; border:1px solid var(--border); border-radius:10px; color:var(--text-primary); background:var(--bg-card); text-align:left; cursor:pointer; }
.health-report-card:hover,.health-report-card.active { border-color:var(--accent); transform:translateY(-1px); }
.health-thumb { width:58px; height:58px; display:grid; place-items:center; overflow:hidden; border-radius:8px; background:var(--bg-secondary); }
.health-thumb img { width:100%; height:100%; object-fit:cover; }
.health-report-main { min-width:0; display:grid; gap:4px; }
.health-report-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.health-report-main small,.health-report-main span { color:var(--text-secondary); font-size:11px; }
.health-score { width:46px; height:46px; display:grid; place-items:center; border-radius:50%; color:#fff; font-weight:800; }
.health-score.large { width:64px; height:64px; font-size:20px; flex:0 0 auto; }
.health-score.healthy { background:#16a34a; }.health-score.improve { background:#d97706; }.health-score.critical { background:#dc2626; }
.health-list-legend { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:0 0 14px; font-size:11.5px; color:var(--text-secondary); }
.health-legend-dot { display:inline-block; width:9px; height:9px; border-radius:50%; margin-left:4px; }
.health-legend-dot.healthy { background:#16a34a; }.health-legend-dot.improve { background:#d97706; }.health-legend-dot.critical { background:#dc2626; }
.health-detail { min-height:320px; padding:18px; border:1px solid var(--border); border-radius:12px; background:var(--bg-card); }
.health-detail-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.health-detail-head h2 { margin:10px 0 5px; font-size:18px; }
.health-performance { display:grid; grid-template-columns:repeat(5,minmax(80px,1fr)); gap:8px; margin:18px 0; }
.health-performance span { padding:10px; border-radius:8px; background:var(--bg-secondary); color:var(--text-secondary); font-size:10px; }
.health-performance strong { display:block; margin-top:5px; color:var(--text-primary); font-size:15px; }
.health-dimensions { display:grid; gap:10px; margin:16px 0; }
.health-dimension { display:grid; grid-template-columns:140px minmax(100px,1fr) 45px; gap:10px; align-items:center; font-size:11px; }
.health-dimension>div { height:7px; overflow:hidden; border-radius:5px; background:var(--bg-secondary); }
.health-dimension i { display:block; height:100%; border-radius:5px; background:var(--accent); }
.health-protected { margin:16px 0; padding:12px; border:1px solid #16a34a; border-radius:9px; }
.health-protected strong { display:block; margin-bottom:9px; color:#16a34a; }
.health-recommendations { display:grid; gap:8px; padding:0; list-style:none; }
.health-recommendations li { display:flex; gap:9px; align-items:flex-start; padding:9px; border-radius:8px; background:var(--bg-secondary); }
.health-recommendations li>span { width:22px; height:22px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#fff; background:var(--accent); font-size:10px; font-weight:700; }
.health-recommendations p { margin:2px 0 0; font-size:12px; }
@media(max-width:1050px){.health-layout{grid-template-columns:1fr}.health-report-list{max-height:450px}.health-performance{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.health-report-card{grid-template-columns:48px minmax(0,1fr) 46px}.health-thumb{width:48px;height:48px}.health-performance{grid-template-columns:repeat(2,1fr)}.health-dimension{grid-template-columns:110px minmax(80px,1fr) 42px}}
.health-smart-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:18px 0 12px; padding:14px; border:1px solid var(--accent); border-radius:10px; background:var(--bg-secondary); }
.health-smart-actions h3,.health-smart-actions p { margin:0; }.health-smart-actions p { margin-top:5px; color:var(--text-secondary); font-size:11px; }
.health-evidence { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:12px 0; padding:11px; border-radius:9px; background:var(--bg-secondary); font-size:11px; }
.health-fix-card { display:grid; gap:10px; margin:12px 0; padding:14px; border:1px solid var(--border); border-radius:10px; }
.health-fix-card h3 { margin:0; }
.health-fix-option { display:grid; gap:9px; padding:11px; border-radius:9px; background:var(--bg-secondary); }
.health-diff { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.health-diff>div { min-width:0; padding:10px; border:1px solid var(--border); border-radius:8px; background:var(--bg-card); }
.health-diff small { color:var(--text-secondary); font-weight:700; }
.health-diff p { max-height:180px; overflow:auto; margin:6px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:11px; }
.health-fix-meta { display:flex; gap:8px; flex-wrap:wrap; color:var(--text-secondary); font-size:11px; }
.health-fix-meta span { padding:4px 7px; border-radius:999px; background:var(--bg-card); }
.health-fix-option>.btn,.health-fix-card>.btn { justify-self:start; }
.health-applied { background:#16a34a !important; border-color:#16a34a !important; }
.health-history-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px; border-radius:8px; background:var(--bg-secondary); font-size:11px; }
.health-history-row strong { color:#16a34a; }
@media(max-width:650px){.health-smart-actions{align-items:stretch;flex-direction:column}.health-diff{grid-template-columns:1fr}}
.niche-finder-panel { max-width:1500px; }
.niche-search-card { display:grid; gap:12px; padding:16px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }
.niche-search-card textarea { width:100%; }
.niche-search-actions,.niche-filters,.niche-detail-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.niche-search-actions small { color:var(--text-secondary); }
.niche-filters { margin:14px 0; }.niche-filters input,.niche-filters select { flex:1 1 160px; }
.niche-layout { display:grid; grid-template-columns:minmax(350px,.8fr) minmax(500px,1.2fr); gap:16px; align-items:start; }
.niche-result-list { display:grid; gap:9px; max-height:760px; overflow:auto; }

/* Rakip Shop Analyzer */
.shop-analyzer-panel { width:100%; max-width:none; }
#competitorShopReport { width:100%; }
.shop-analyzer-search { display:flex; gap:10px; margin:16px 0; }
.shop-analyzer-search input { flex:1; min-width:240px; }
.competitor-saved { display:flex; align-items:center; gap:8px; overflow-x:auto; margin:10px 0 18px; }
.competitor-saved h3 { flex:0 0 auto; font-size:12px; }
.competitor-saved button { display:grid; flex:0 0 auto; gap:3px; padding:8px 11px; border:1px solid var(--border); border-radius:9px; color:var(--text-primary); background:var(--bg-card); cursor:pointer; }
.competitor-saved small { color:var(--text-secondary); font-size:9px; }
.competitor-saved-item { display:flex; align-items:center; gap:7px; flex:0 0 auto; padding:6px; border:1px solid var(--border); border-radius:10px; background:var(--bg-card); }
.competitor-saved-item>label { display:grid; justify-items:center; gap:2px; color:var(--text-secondary); font-size:9px; cursor:pointer; }
.competitor-saved-item>label input { width:17px; height:17px; accent-color:var(--accent); }
.competitor-saved-item>button { border:0; padding:3px 7px; }
.competitor-compare-workspace:empty { display:none; }
.competitor-multi-compare { margin:18px 0; padding:18px; border:1px solid var(--accent); border-radius:12px; background:var(--bg-card); }
.competitor-compare-title { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.competitor-compare-title h2,.competitor-compare-title p { margin:0; }.competitor-compare-title p { margin-top:6px; color:var(--text-secondary); font-size:11px; }
.competitor-compare-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; margin:16px 0 20px; }
.competitor-compare-cards article { display:grid; gap:6px; padding:14px; border:1px solid var(--border); border-radius:10px; background:var(--bg-secondary); }
.competitor-compare-cards h3 { margin:0 0 5px; }.competitor-compare-cards span { color:var(--text-secondary); font-size:11px; }
.competitor-opportunity-table { margin-top:14px; }.competitor-opportunity-table table { min-width:820px; }
.competitor-product-gaps { margin:18px 0; padding:18px; border:1px solid var(--border); border-radius:12px; background:var(--bg-card); }
.competitor-gap-header,.competitor-gap-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.competitor-gap-header h2,.competitor-gap-header p,.competitor-gap-card h3 { margin:0; }.competitor-gap-header p { margin-top:6px; color:var(--text-secondary); font-size:11px; }
.competitor-gap-header>span { padding:6px 10px; border-radius:999px; color:var(--accent); background:var(--bg-secondary); font-size:11px; }
.competitor-gap-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(430px,1fr)); gap:12px; margin-top:15px; }
.competitor-gap-card { display:grid; gap:12px; padding:15px; border:1px solid var(--border); border-radius:11px; background:var(--bg-secondary); }
.competitor-gap-card-head small { color:var(--text-secondary); font-size:10px; }
.competitor-gap-components { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }.competitor-gap-components span { display:grid; gap:4px; padding:8px; border-radius:7px; color:var(--text-secondary); background:var(--bg-card); font-size:9px; }.competitor-gap-components b { color:var(--text-primary); font-size:11px; }
.competitor-gap-evidence-list { display:grid; gap:6px; }.competitor-gap-evidence { display:grid; grid-template-columns:48px minmax(0,1fr); gap:9px; align-items:center; padding:7px; border:0; border-radius:8px; color:var(--text-primary); background:var(--bg-card); text-align:left; cursor:pointer; }.competitor-gap-evidence:hover { outline:1px solid var(--accent); }.competitor-gap-evidence img,.competitor-gap-evidence>span:first-child { width:48px; height:48px; object-fit:cover; border-radius:7px; }.competitor-gap-evidence>span:last-child { display:grid; min-width:0; gap:3px; }.competitor-gap-evidence strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }.competitor-gap-evidence small { color:var(--text-secondary); font-size:9px; }
@media(max-width:650px){.competitor-gap-grid{grid-template-columns:1fr}.competitor-gap-components{grid-template-columns:1fr 1fr}}

/* Etsy Ads Karar Merkezi */
.ads-decision-panel { width:100%; max-width:none; }
.ads-import-card,.ads-listing-section,.ads-report-head { margin:16px 0; padding:18px; border:1px solid var(--border); border-radius:12px; background:var(--bg-card); }
.ads-file-field { display:grid; gap:7px; }.ads-file-field label,.ads-settings-grid label { color:var(--text-secondary); font-size:10px; font-weight:700; }.ads-file-field input { width:100%; padding:12px; border:1px dashed var(--accent); border-radius:9px; }
.ads-settings-grid { display:grid; grid-template-columns:repeat(6,minmax(120px,1fr)); gap:10px; margin:14px 0; }.ads-settings-grid label { display:grid; gap:6px; }.ads-settings-grid input { width:100%; }
.ads-import-actions,.ads-report-head,.ads-table-toolbar,.ads-table-toolbar>div { display:flex; align-items:center; gap:12px; }.ads-import-actions span,.ads-report-head p,.ads-table-toolbar small { color:var(--text-secondary); font-size:10px; }
.ads-report-head,.ads-table-toolbar { justify-content:space-between; }.ads-report-head h2,.ads-report-head p,.ads-table-toolbar h2 { margin:0; }.ads-report-head p { margin-top:5px; }.ads-report-head>span { padding:7px 10px; border-radius:999px; color:var(--accent); background:var(--bg-secondary); }
.ads-action-summary { display:grid; grid-template-columns:repeat(6,1fr); gap:9px; margin:15px 0; }.ads-action-card { display:grid; gap:5px; padding:13px; border:1px solid var(--border); border-left:4px solid var(--text-secondary); border-radius:9px; color:var(--text-primary); background:var(--bg-card); text-align:left; cursor:pointer; }.ads-action-card strong { font-size:20px; }.ads-action-card span { color:var(--text-secondary); font-size:10px; }
.ads-action-card.scale,.ads-decision-badge.scale { border-color:#16a34a; }.ads-action-card.keep,.ads-decision-badge.keep { border-color:#2563eb; }.ads-action-card.pause,.ads-decision-badge.pause { border-color:#dc2626; }.ads-action-card.creative,.ads-decision-badge.creative { border-color:#d97706; }.ads-action-card.listing,.ads-decision-badge.listing { border-color:#9333ea; }
.ads-table-toolbar>div:last-child { flex-wrap:wrap; }.ads-table-toolbar input { min-width:260px; }.ads-decision-table table { width:100%; min-width:1280px; }.ads-decision-table th,.ads-decision-table td { vertical-align:top; }
.ads-decision-badge { display:inline-flex; max-width:130px; padding:6px 8px; border:1px solid var(--border); border-left-width:4px; border-radius:7px; font-size:9px; font-weight:800; }
.ads-listing-link,.ads-listing-label { display:grid; min-width:260px; gap:4px; color:var(--text-primary); text-align:left; }.ads-listing-link { padding:0; border:0; background:none; cursor:pointer; }.ads-listing-link:hover strong { color:var(--accent); }.ads-listing-link small,.ads-listing-label small,.ads-decision-table td small { display:block; margin-top:3px; color:var(--text-secondary); font-size:9px; }
.ads-profit-positive { color:#16a34a; font-weight:800; }.ads-profit-negative { color:#dc2626; font-weight:800; }.ads-reason { min-width:300px; max-width:440px; white-space:normal; }
@media(max-width:1100px){.ads-settings-grid{grid-template-columns:repeat(3,1fr)}.ads-action-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.ads-settings-grid{grid-template-columns:1fr 1fr}.ads-action-summary{grid-template-columns:1fr 1fr}.ads-report-head,.ads-table-toolbar,.ads-import-actions{align-items:stretch;flex-direction:column}.ads-table-toolbar input{min-width:0;width:100%}}

/* Müşteri Sesi */
.customer-voice-panel { width:100%; max-width:none; }.voice-search-card { display:grid; grid-template-columns:minmax(280px,1fr) 190px auto; gap:11px; align-items:end; margin:16px 0; padding:16px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }.voice-search-card label { display:grid; gap:6px; color:var(--text-secondary); font-size:10px; font-weight:700; }
.voice-report-head,.voice-summary,.voice-two-column>section,.voice-action-grid>section,.voice-history { margin:14px 0; padding:17px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }.voice-report-head { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; }.voice-report-head h2 { margin:8px 0 4px; }.voice-report-head p,.voice-summary p { color:var(--text-secondary); }.voice-analysis-mode { padding:7px 10px; border-radius:999px; color:var(--accent); background:var(--bg-secondary); font-size:10px; font-weight:700; }
.voice-summary>div { display:flex; gap:8px; flex-wrap:wrap; }.voice-summary span { padding:6px 9px; border-radius:999px; font-size:10px; }.voice-summary .positive { color:#16a34a; background:color-mix(in srgb,#16a34a 12%,transparent); }.voice-summary .negative { color:#dc2626; background:color-mix(in srgb,#dc2626 12%,transparent); }.voice-summary .neutral { color:var(--text-secondary); background:var(--bg-secondary); }
.voice-two-column,.voice-action-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.voice-two-column>section { margin:0; }.voice-insight-card { margin-top:8px; padding:11px; border-left:4px solid var(--border); border-radius:8px; background:var(--bg-secondary); }.voice-insight-card.positive { border-color:#16a34a; }.voice-insight-card.negative { border-color:#dc2626; }.voice-insight-card.request { border-color:#9333ea; }.voice-insight-card.topic { border-color:#2563eb; }.voice-insight-card>div { display:flex; justify-content:space-between; gap:10px; }.voice-insight-card h4 { margin:0; }.voice-insight-card span,.voice-action-list small,.voice-faq-list small { color:var(--text-secondary); font-size:9px; }.voice-insight-card blockquote { margin:8px 0 0; padding:7px 9px; border-left:2px solid var(--border); color:var(--text-secondary); font-size:10px; }
.voice-action-grid>section { margin:14px 0 0; }.voice-action-list,.voice-faq-list { display:grid; gap:8px; }.voice-action-list article,.voice-faq-list article { display:flex; justify-content:space-between; gap:12px; padding:11px; border-radius:8px; background:var(--bg-secondary); }.voice-action-list h4,.voice-action-list p,.voice-faq-list h4,.voice-faq-list p { margin:0; }.voice-action-list p,.voice-faq-list p { margin-top:5px; font-size:11px; }.voice-action-list .btn { flex:0 0 auto; align-self:start; }
.voice-history { display:flex; align-items:stretch; gap:8px; overflow-x:auto; }.voice-history h3 { flex:0 0 auto; }.voice-history button { display:grid; flex:0 0 260px; gap:5px; padding:10px; border:1px solid var(--border); border-radius:8px; color:var(--text-primary); background:var(--bg-secondary); text-align:left; cursor:pointer; }.voice-history button span,.voice-history button small { color:var(--text-secondary); font-size:9px; }
@media(max-width:850px){.voice-search-card{grid-template-columns:1fr 1fr}.voice-search-card .btn{grid-column:1/-1}.voice-two-column,.voice-action-grid{grid-template-columns:1fr}}
@media(max-width:560px){.voice-search-card{grid-template-columns:1fr}.voice-search-card .btn{grid-column:auto}.voice-report-head{flex-direction:column}}

/* Growth Operations */
.growth-panel { width:100%; max-width:none; }.growth-inline-form { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:10px; margin:16px 0; padding:16px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }.growth-inline-form label { display:grid; gap:6px; color:var(--text-secondary); font-size:10px; }.growth-notice { margin:12px 0; padding:11px; border-radius:8px; color:var(--text-secondary); background:var(--bg-secondary); font-size:10px; }.growth-table { margin-top:14px; }.growth-table table { min-width:1000px; }.growth-table td small { display:block; color:var(--text-secondary); }.growth-severity { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:9px; font-weight:800; }.growth-severity.high { color:#dc2626; background:color-mix(in srgb,#dc2626 12%,transparent); }.growth-severity.medium { color:#d97706; background:color-mix(in srgb,#d97706 12%,transparent); }.growth-severity.low,.growth-severity.clear { color:#16a34a; background:color-mix(in srgb,#16a34a 12%,transparent); }.growth-finding { display:grid; gap:2px; margin:3px 0; padding:6px; border-radius:6px; background:var(--bg-secondary); }.growth-finding span { color:var(--text-secondary); font-size:9px; }
.order-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:10px; }.order-ops-card { display:grid; gap:10px; padding:14px; border:1px solid var(--border); border-radius:10px; background:var(--bg-card); }.order-ops-card.urgent { border-color:#dc2626; }.order-ops-card h3 { margin:8px 0 3px; }.order-ops-card small { color:var(--text-secondary); }.order-message-draft { padding:10px; border-radius:8px; background:var(--bg-secondary); }.order-message-draft p { margin:0 0 8px; font-size:11px; }
.social-package-head { display:flex; justify-content:space-between; align-items:center; margin:15px 0; padding:14px; border:1px solid var(--border); border-radius:10px; background:var(--bg-card); }.social-package-head h2,.social-package-head p { margin:0; }.social-package-head p { color:var(--text-secondary); }.social-draft-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:12px; }.social-draft-card { overflow:hidden; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }.social-draft-card>img,.social-image-empty { width:100%; aspect-ratio:2/3; max-height:380px; object-fit:cover; }.social-image-empty { display:grid; place-items:center; background:var(--bg-secondary); }.social-draft-card>div { padding:13px; }.social-draft-card h3 { margin:7px 0; }.social-draft-card p,.social-draft-card small { color:var(--text-secondary); font-size:10px; }.social-draft-card>div>div { display:flex; gap:7px; margin-top:10px; }
.cockpit-priorities { margin:15px 0; padding:17px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }.cockpit-priority { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:10px; width:100%; margin-top:7px; padding:10px; border:1px solid var(--border); border-left:4px solid var(--accent); border-radius:8px; color:var(--text-primary); background:var(--bg-secondary); text-align:left; cursor:pointer; }.cockpit-priority.critical { border-left-color:#dc2626; }.cockpit-priority.warning { border-left-color:#d97706; }.cockpit-priority>span { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; background:var(--bg-card); font-weight:900; }.cockpit-priority small { color:var(--text-secondary); }.cockpit-module-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:9px; }.cockpit-module-grid button { display:grid; gap:6px; padding:15px; border:1px solid var(--border); border-radius:9px; color:var(--text-primary); background:var(--bg-card); text-align:left; cursor:pointer; }.cockpit-module-grid button:hover { border-color:var(--accent); }.cockpit-module-grid span { color:var(--text-secondary); }
@media(max-width:650px){.growth-inline-form{grid-template-columns:1fr}.cockpit-priority{grid-template-columns:42px 1fr}.cockpit-priority small{grid-column:2}}

/* Innovation Lab */
.research-add-form { display:grid; grid-template-columns:150px 1fr 190px 1fr auto; gap:8px; margin:15px 0; padding:14px; border:1px solid var(--border); border-radius:10px; background:var(--bg-card); }.research-card-grid,.portfolio-grid,.video-result-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); gap:11px; }.research-card,.portfolio-card,.video-result-card { padding:14px; border:1px solid var(--border); border-radius:10px; background:var(--bg-card); }.research-card { display:flex; justify-content:space-between; gap:12px; }.research-card h3,.research-card p { margin:5px 0; }.research-card span,.research-card p { color:var(--text-secondary); font-size:10px; }.research-card>div:last-child { display:flex; align-items:flex-start; gap:6px; flex:0 0 auto; }
.video-create-form { grid-template-columns:150px 150px minmax(210px,1fr) auto; justify-content:end; }.video-result-card { overflow:hidden; padding:0; }.video-result-card video { width:100%; aspect-ratio:4/3; background:#000; }.video-result-card>div { padding:13px; }.video-result-card h3,.video-result-card p { margin:0 0 7px; }.video-result-card p { color:var(--text-secondary); font-size:10px; }.video-result-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.video-uploaded{display:inline-flex;margin:0 0 9px;padding:5px 9px;border-radius:999px;color:#15803d;background:#dcfce7;font-size:9px;font-weight:800}.btn-danger{color:#b91c1c!important;border-color:#fecaca!important;background:#fff1f2!important}
.video-job-progress{max-width:760px;margin:18px auto;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.video-job-progress>div:first-child{display:flex;justify-content:space-between;gap:12px}.video-job-progress p{margin:10px 0 4px}.video-job-progress small{color:var(--text-secondary)}.video-job-track{height:12px;margin-top:12px;overflow:hidden;border-radius:999px;background:var(--bg-secondary)}.video-job-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#46d7a0);transition:width .35s ease}
.video-create-form{grid-template-columns:150px 150px minmax(220px,280px) auto}
.video-listing-picker{margin:15px 0;padding:17px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.video-picker-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.video-picker-head h2,.video-picker-head p{margin:0 0 5px}.video-picker-head p,.video-picker-head>span{color:var(--text-secondary);font-size:10px}.video-picker-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(170px,1fr) 190px 160px 170px;gap:8px;margin:14px 0}.video-picker-filters label,.video-listing-select-wrap{display:grid;gap:5px;color:var(--text-secondary);font-size:9px}.video-listing-select-wrap select{min-height:230px;padding:6px}.video-listing-select-wrap option{padding:8px;border-bottom:1px solid var(--border)}.video-selected-listing{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:14px;min-height:115px;margin-top:12px;padding:12px;border:1px solid var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--bg-secondary))}.video-selected-thumb img,.video-selected-thumb>span{display:grid;width:110px;height:90px;place-items:center;object-fit:cover;border-radius:8px;background:var(--bg-secondary);font-size:28px}.video-selected-listing h3{margin:7px 0 5px}.video-selected-listing p,.video-selected-listing small{color:var(--text-secondary);font-size:10px}.video-create-form .btn:disabled{cursor:not-allowed;opacity:.5}
.portfolio-card.active { border-color:var(--accent); }.portfolio-card>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:10px; }.portfolio-card h2 { margin:0; }.portfolio-card>div:first-child span { color:var(--accent); font-size:9px; }.portfolio-metrics { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:12px; }.portfolio-metrics span { display:grid; gap:4px; padding:9px; border-radius:7px; color:var(--text-secondary); background:var(--bg-secondary); font-size:9px; }.portfolio-metrics b { color:var(--text-primary); font-size:12px; }
.trend-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:15px 0; }.trend-summary strong { padding:14px; border:1px solid var(--border); border-radius:9px; background:var(--bg-card); }.trend-state { padding:5px 8px; border-radius:999px; font-size:9px; font-weight:800; }.trend-state.rising { color:#16a34a; background:color-mix(in srgb,#16a34a 12%,transparent); }.trend-state.falling { color:#dc2626; background:color-mix(in srgb,#dc2626 12%,transparent); }.trend-state.stable { color:#2563eb; background:color-mix(in srgb,#2563eb 12%,transparent); }

.research-report-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.research-report-head h2{margin:0;font-size:16px}.research-report-head span{color:var(--text-secondary);font-size:11px}
.research-score-card{display:flex;align-items:center;gap:18px;margin:14px 0;padding:16px;border:1px solid var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--bg-card))}.research-score-main{display:grid;place-items:center;min-width:80px}.research-score-main strong{font-size:32px;color:var(--accent)}.research-score-main span{font-size:9px;color:var(--text-secondary);font-weight:800}.research-score-sub{display:flex;gap:16px}.research-score-sub div{display:grid;place-items:center}.research-score-sub b{font-size:18px}.research-score-sub span{font-size:9px;color:var(--text-secondary)}.research-score-card>small{margin-left:auto;max-width:220px;color:var(--text-secondary);font-size:9px;cursor:help}
.research-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:14px 0}.research-stats-grid div{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--bg-card);text-align:center}.research-stats-grid strong{display:block;font-size:16px}.research-stats-grid span{font-size:9px;color:var(--text-secondary)}
.research-tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.research-tag-cloud span{padding:5px 9px;border-radius:999px;background:var(--bg-secondary);font-size:10px;color:var(--text-secondary)}.research-tag-cloud b{color:var(--text-primary);margin-left:4px}
.research-listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:10px 0}
.research-listing-card{position:relative;display:block;width:100%;padding:0 0 9px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);overflow:hidden;text-decoration:none;color:inherit;text-align:left;cursor:pointer;font:inherit}.research-listing-thumb{display:grid;place-items:center;width:100%;height:120px;background:var(--bg-secondary);font-size:26px}.research-listing-thumb img{width:100%;height:100%;object-fit:cover}.research-listing-card strong{display:block;margin:8px 9px 4px;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.research-listing-card span{display:block;margin:0 9px;font-size:9px;color:var(--text-secondary)}.research-listing-card:hover{border-color:var(--accent)}
.product-research-card-wrap{position:relative}.product-research-select{position:absolute;z-index:5;top:8px;left:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.25)}.product-research-select input{width:17px;height:17px}.product-research-selection-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0}.product-research-selection-tools small{margin-right:auto}.product-research-export-modal{max-width:620px}.product-research-export-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:18px}.product-research-export-fields label{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary)}
.product-research-page-select{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.product-research-page-select input{width:16px;height:16px;cursor:pointer}
.research-listing-badge{position:absolute;top:8px;right:8px;z-index:1;padding:3px 7px;border-radius:999px;background:rgba(0,0,0,.65);font-size:12px}
.research-listing-estimate{color:var(--accent)!important;font-weight:700}
.research-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 6px}.research-result-head small{color:var(--text-secondary);font-size:10px}.research-result-head h2{margin:2px 0 0;font-size:18px}
.research-scale-note{display:block;margin-top:6px;color:var(--text-secondary);font-size:10px}
.research-heart{padding:6px 10px;border:1px solid var(--border);border-radius:9px;background:var(--bg-card);cursor:pointer;font-size:14px}.research-heart.large{font-size:20px;padding:8px 12px}.research-heart:hover{border-color:var(--accent)}
.research-tab-row{display:flex;gap:4px;margin:14px 0;border-bottom:1px solid var(--border)}.research-tab-row button{padding:9px 16px;border:none;background:none;color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.research-tab-row button.active{color:var(--accent);border-bottom-color:var(--accent)}
.research-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0}
.research-stat-card{display:grid;gap:6px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.research-stat-card>span{font-size:10px;color:var(--text-secondary)}.research-stat-card em{font-style:normal;color:var(--accent);font-size:8px;font-weight:800}.research-stat-card strong{font-size:22px}
.research-level-pill{justify-self:start;padding:3px 9px;border-radius:999px;font-size:9px;font-weight:800}.research-level-pill.low{color:#16a34a;background:color-mix(in srgb,#16a34a 15%,transparent)}.research-level-pill.medium{color:#d97706;background:color-mix(in srgb,#d97706 15%,transparent)}.research-level-pill.high{color:#dc2626;background:color-mix(in srgb,#dc2626 15%,transparent)}
.research-trend-card{margin:14px 0;padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.research-trend-card h3{margin:0 0 10px;display:flex;align-items:baseline;gap:8px}.research-trend-card h3 small{color:var(--text-secondary);font-size:9px;font-weight:400}
.research-trend-chart{width:100%;height:120px}
.research-trend-axis{display:flex;justify-content:space-between;margin-top:6px;color:var(--text-secondary);font-size:9px}
.research-sparkline{width:70px;height:20px}
.research-trend-empty{color:var(--text-secondary)}
.research-table-toolbar{display:flex;align-items:center;gap:9px;margin:10px 0;flex-wrap:wrap}
.research-segmented{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.research-segmented button{padding:7px 12px;border:none;background:var(--bg-card);color:var(--text-secondary);font-size:10px;cursor:pointer}.research-segmented button.active{background:var(--accent);color:#fff}
.research-table-toolbar input[type="search"]{min-width:200px}
.research-selected-count{margin-left:auto;font-size:10px;color:var(--text-secondary)}
.research-columns-wrap{position:relative}
.research-columns-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;gap:6px;min-width:170px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--bg-card);box-shadow:0 12px 30px rgba(0,0,0,.25)}.research-columns-menu label{display:flex;align-items:center;gap:7px;font-size:10px}
.research-data-table{width:100%;border-collapse:collapse;min-width:760px;background:var(--bg-card)}.research-data-table th,.research-data-table td{padding:9px 11px;border-bottom:1px solid var(--border);text-align:left;font-size:11px;vertical-align:middle}.research-data-table th{color:var(--text-secondary);background:var(--bg-secondary);position:sticky;top:0;white-space:nowrap}.research-data-table th.research-sortable{cursor:pointer;user-select:none}.research-data-table th.research-sortable:hover{color:var(--text-primary)}
.research-check-col{width:34px;text-align:center!important}.research-check-col input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}
.research-row-clickable{cursor:pointer}.research-row-clickable:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.research-table-title{display:flex;align-items:center;gap:10px}.research-table-thumb{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;overflow:hidden;background:var(--bg-secondary);font-size:16px;flex-shrink:0}.research-table-thumb.round{border-radius:999px}.research-table-thumb img{width:100%;height:100%;object-fit:cover}
.research-table-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}.research-table-tags span{padding:3px 7px;border-radius:999px;background:var(--bg-secondary);font-size:9px;color:var(--text-secondary)}
@media(max-width:900px){.research-data-table{min-width:640px}.research-table-toolbar input[type="search"]{min-width:140px}}
.order-tracking-table{width:100%;min-width:0;table-layout:fixed}.order-tracking-table th,.order-tracking-table td{white-space:normal;word-break:break-word;font-size:10.5px}.order-tracking-table th{white-space:normal}.order-tracking-input{width:100%;max-width:120px;padding:6px 8px;border:1px solid var(--border);border-radius:7px;font-size:11px;box-sizing:border-box}.order-tracking-table select{max-width:120px;font-size:10.5px}.order-tracking-badge{display:inline-block;max-width:100%;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:850;text-transform:uppercase;white-space:normal;word-break:normal;overflow-wrap:break-word;box-sizing:border-box}.order-tracking-badge.overdue{background:#fee2e2;color:#b91c1c}.order-tracking-badge.due_soon{background:#fef3c7;color:#92400e}.order-tracking-badge.clear{background:#dcfce7;color:#166534}.order-tracking-badge.shipped{background:#e0e7ff;color:#3730a3}.order-tracking-badge.unknown{background:#f1f5f9;color:#64748b}.order-tracking-badge.delivered{background:#d1fae5;color:#065f46}.order-tracking-badge.canceled{background:#f3f4f6;color:#4b5563;text-decoration:line-through}.order-tracking-summary{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 4px;font-size:12px;color:var(--text-secondary)}.order-tracking-summary-item{display:flex;align-items:center;gap:6px}.order-tracking-summary-total{font-weight:700;color:var(--text-primary)}
.ship-integration-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}
.ship-integration-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-card)}
.ship-integration-logo{padding:22px 16px;text-align:center;font-weight:900;font-size:22px;letter-spacing:.02em}
.ship-integration-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ship-integration-status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}
.ship-integration-status.connected{background:#d1fae5;color:#065f46}
.ship-integration-status.unconnected{background:#f1f5f9;color:#64748b}
.ship-integration-status.error{background:#fee2e2;color:#b91c1c}
.ship-integration-form{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid var(--border)}
.ship-integration-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}
.ship-integration-form input,.ship-integration-form select{padding:7px 9px;border:1px solid var(--border);border-radius:7px;font-size:12px}
.ship-integration-form-actions{display:flex;gap:8px}
.ship-integration-error{font-size:11px;color:#b91c1c;background:#fee2e2;padding:6px 8px;border-radius:6px}
.ship-shipper-settings{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
.ship-shipper-hint{font-size:12px;color:var(--text-secondary);max-width:720px}
.ship-shipper-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
.ship-shipper-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}
.ship-shipper-form input,.ship-shipper-form select{padding:7px 9px;border:1px solid var(--border);border-radius:7px;font-size:12px}
.order-tracking-fedex-btn{display:block;margin-top:6px;width:100%}
.order-tracking-edit-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.order-tracking-edit-actions .btn{flex:1 1 auto}
.order-tracking-edit-btn,.order-tracking-label-btn{display:block;margin-top:6px;width:100%}
.order-tracking-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.order-tracking-toolbar select,.order-tracking-toolbar input[type="search"]{padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-size:12px}.order-tracking-toolbar input[type="search"]{min-width:200px}.order-tracking-toolbar-spacer{flex:1}.order-tracking-toolbar label{display:flex;align-items:center;gap:6px;font-size:12px}.order-tracking-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0;font-size:12px;color:var(--text-secondary)}.order-tracking-autoclose{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;font-size:12px;font-weight:750;cursor:pointer;margin-right:10px}
.research-tag-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.research-estimate-badge{color:var(--accent)!important}
.research-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:10px 0}
.research-shop-card{padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}
.research-shop-card-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.research-shop-card-name{flex:1;min-width:0}.research-shop-card-name strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.research-shop-card-name a{font-size:9px}
.research-shop-card-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:10px;color:var(--text-secondary)}
.research-shop-example{display:flex;gap:9px;padding:9px;border-radius:9px;background:var(--bg-secondary);cursor:pointer}.research-shop-example:hover{outline:1px solid var(--accent)}.research-shop-example img{width:52px;height:52px;border-radius:7px;object-fit:cover;flex-shrink:0}.research-shop-example>span{width:52px;height:52px;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.research-shop-example-title{font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px;line-height:1.3}
.research-shop-example-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px;font-size:9px;color:var(--text-secondary)}
.research-shop-example-empty{padding:9px;border-radius:9px;background:var(--bg-secondary);font-size:10px;color:var(--text-secondary)}
.research-copy-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.research-copy-chip{padding:2px 7px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);font-size:8px;color:var(--text-secondary);cursor:pointer}.research-copy-chip:hover{border-color:var(--accent);color:var(--text-primary)}
.research-copy-icon{border:none;background:none;cursor:pointer;font-size:9px;padding:0;line-height:1;opacity:.7}.research-copy-icon:hover{opacity:1}
.research-shop-head{display:flex;align-items:center;gap:14px;margin:14px 0}.research-shop-head img,.research-shop-head>span{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--bg-secondary)}.research-shop-head span{display:grid;place-items:center;font-size:26px}.research-shop-head h2{margin:0 0 4px}.research-shop-head a{font-size:10px}.research-shop-head span+span,.research-shop-head div span{display:block;color:var(--text-secondary);font-size:10px;margin-top:4px}
.research-compare-btn{margin:6px 0}
.research-modal-tag-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 8px}
.research-modal-tag-chips{display:flex;flex-wrap:wrap;gap:6px}
.research-modal-tag-checkbox{display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border);font-size:9px;color:var(--text-secondary);cursor:pointer}.research-modal-tag-checkbox input{width:12px;height:12px;accent-color:var(--accent);cursor:pointer}.research-modal-tag-checkbox:has(input:checked){border-color:var(--accent);color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.research-listing-detail{display:grid;grid-template-columns:minmax(160px,260px) 1fr;gap:16px;margin:14px 0}.research-listing-images{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.research-listing-images img{width:76px;height:76px;object-fit:cover;border-radius:8px}.research-listing-detail h2{margin:0 0 6px;font-size:15px}.research-listing-detail p{color:var(--text-secondary);font-size:11px;line-height:1.5}
.research-price-bars{display:grid;gap:5px;margin:10px 0}.research-price-bars div{display:flex;align-items:center;gap:8px;font-size:10px}.research-price-bars span{min-width:70px;color:var(--text-secondary)}.research-price-bars b{padding:5px 8px;border-radius:6px;background:var(--accent);color:#fff;font-size:9px;min-width:18px;text-align:right}
@media(max-width:700px){.research-listing-detail{grid-template-columns:1fr}.research-score-card{flex-wrap:wrap}.research-score-card>small{margin-left:0;max-width:none}}
@media(max-width:1100px){.video-picker-filters{grid-template-columns:1fr 1fr 1fr}.video-picker-filters label:nth-child(1),.video-picker-filters label:nth-child(2){grid-column:auto}}@media(max-width:1000px){.research-add-form{grid-template-columns:1fr 1fr}.research-add-form .btn{grid-column:1/-1}.video-create-form{grid-template-columns:1fr 1fr}.video-create-form .btn{grid-column:1/-1}}
@media(max-width:650px){.video-picker-head{flex-direction:column}.video-picker-filters,.video-create-form{grid-template-columns:1fr}.video-create-form .btn{grid-column:auto}.video-selected-listing{grid-template-columns:1fr}.video-selected-thumb img,.video-selected-thumb>span{width:100%;height:160px}}@media(max-width:600px){.research-add-form{grid-template-columns:1fr}.research-add-form .btn{grid-column:auto}.research-card{flex-direction:column}.trend-summary{grid-template-columns:1fr}}
.task-add-form{grid-template-columns:1fr 160px 180px auto}.task-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.task-kanban>section{min-height:260px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.task-kanban article{display:grid;gap:6px;margin:8px 0;padding:10px;border-radius:8px;background:var(--bg-secondary)}.task-kanban article span{color:var(--text-secondary);font-size:9px}.visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.visual-grid article{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.visual-grid img{width:100%;aspect-ratio:1;object-fit:cover}.visual-grid article>div{display:grid;gap:5px;padding:10px}.visual-grid span,.visual-grid p{color:var(--text-secondary);font-size:9px}.pin-schedule-form{grid-template-columns:180px 1fr 1fr 1fr 190px auto}.pin-queue,.launch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px;margin-top:14px}.pin-queue article,.launch-grid article{display:grid;gap:6px;padding:13px;border:1px solid var(--border);border-radius:9px;background:var(--bg-card)}.pin-queue span,.launch-grid span,.launch-grid small{color:var(--text-secondary);font-size:9px}.launch-grid article>div{height:7px;overflow:hidden;border-radius:4px;background:var(--bg-secondary)}.launch-grid i{display:block;height:100%;background:var(--accent)}
@media(max-width:1000px){.task-kanban{grid-template-columns:1fr 1fr}.pin-schedule-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.task-kanban,.pin-schedule-form{grid-template-columns:1fr}}
.competitor-report-head,.competitor-report-actions,.competitor-listing-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.competitor-report-head { margin:22px 0 14px; padding:16px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }
.competitor-report-head h2,.competitor-report-head p { margin:0; }.competitor-report-head p { color:var(--text-secondary); font-size:11px; }
.competitor-report-actions { justify-content:flex-end; }
.competitor-change-summary { display:flex; justify-content:space-between; gap:12px; margin:14px 0; padding:12px 14px; border-radius:9px; background:color-mix(in srgb,var(--accent) 10%,var(--bg-card)); }
.competitor-change-summary span { color:var(--text-secondary); font-size:11px; }
.competitor-compare,.competitor-opportunities,.competitor-history { margin:14px 0; padding:16px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }
.competitor-compare table { width:100%; border-collapse:collapse; }.competitor-compare th,.competitor-compare td { padding:8px; border-bottom:1px solid var(--border); text-align:left; }
.competitor-insight-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:14px 0; }.competitor-insight-grid section { padding:16px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }
.competitor-chip-list { display:flex; flex-wrap:wrap; gap:7px; }.competitor-chip-list>span,.competitor-chip-list>button { padding:6px 9px; border:1px solid var(--border); border-radius:999px; color:var(--text-primary); background:var(--bg-secondary); font-size:11px; }.competitor-chip-list small { color:var(--accent); }.competitor-chip-list.action button { cursor:pointer; }.competitor-chip-list.action button:hover { border-color:var(--accent); }
.competitor-listings-section { width:100%; margin-top:20px; padding:18px; border:1px solid var(--border); border-radius:12px; background:var(--bg-card); }
.competitor-listing-toolbar { margin-bottom:14px; }.competitor-listing-toolbar>div:first-child small { color:var(--accent); }.competitor-listing-tools { display:flex; align-items:center; gap:9px; }.competitor-listing-toolbar input { min-width:320px; }.competitor-listing-table { width:100%; overflow-x:auto; }.competitor-listing-table table { width:100%; min-width:1050px; }.competitor-check-cell { width:38px; text-align:center!important; }.competitor-check-cell input { width:18px; height:18px; accent-color:var(--accent); cursor:pointer; }.competitor-listing-title { display:flex; align-items:center; gap:12px; min-width:420px; }.competitor-listing-title img { width:64px; height:64px; object-fit:cover; border-radius:9px; }.competitor-listing-title span { display:grid; gap:5px; }.competitor-listing-title strong { max-width:680px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.competitor-listing-title small { color:var(--text-secondary); }
.competitor-history>div { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--border); }.competitor-history span { color:var(--text-secondary); }
.competitor-listing-row { cursor:pointer; }.competitor-listing-row:hover { background:color-mix(in srgb,var(--accent) 8%,transparent); }
.competitor-pagination { display:flex; align-items:center; justify-content:center; gap:12px; padding:18px 10px 4px; }.competitor-pagination button { min-width:42px; padding:8px 13px; border:1px solid var(--border); border-radius:8px; color:var(--text-primary); background:var(--bg-card); cursor:pointer; }.competitor-pagination button:hover,.competitor-pagination button.active { border-color:var(--accent); color:#fff; background:var(--accent); }.competitor-pagination button:disabled { cursor:not-allowed; opacity:.45; }.competitor-pagination span { color:var(--text-secondary); font-size:11px; }.competitor-page-numbers { display:flex; gap:6px; }
#competitorListingModal,#researchListingModal { display:none; align-items:center; justify-content:center; padding:24px; }
.competitor-listing-modal { width:min(1320px,92vw); max-width:none; max-height:90vh; margin:auto; padding:18px; overflow:hidden; }
.competitor-listing-modal-body { max-height:calc(90vh - 92px); overflow-y:auto; padding:14px 10px 18px; }
.research-modal-shop{display:flex;align-items:center;gap:9px;margin:8px 0 12px;padding:9px;border-radius:9px;background:var(--bg-secondary)}.research-modal-shop img,.research-modal-shop>span{width:36px;height:36px;border-radius:999px;object-fit:cover;flex-shrink:0}.research-modal-shop span{display:grid;place-items:center;font-size:16px;background:var(--bg-card)}.research-modal-shop strong{display:block;font-size:11px}.research-modal-shop span+span,.research-modal-shop div span{display:block;color:var(--text-secondary);font-size:9px}.research-modal-shop a{margin-left:auto;font-size:9px;white-space:nowrap}
.competitor-modal-summary { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:18px; }
.competitor-modal-images { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-height:480px; overflow:auto; }
.competitor-modal-images img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:9px; }
.competitor-score-total { display:grid; width:100px; height:100px; place-items:center; margin:14px 0; border:8px solid var(--accent); border-radius:999px; font-size:22px; font-weight:900; }
.competitor-score-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.competitor-score-grid span,.competitor-sales-metrics strong { padding:9px; border-radius:8px; background:var(--bg-secondary); }
.competitor-score-grid span { display:flex; justify-content:space-between; }
.competitor-sales-metrics { display:grid; gap:7px; margin-top:12px; }
.competitor-description-analysis { margin:18px 0; padding:14px; border:1px solid var(--border); border-radius:10px; }
.competitor-description-analysis p { max-height:220px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.competitor-keyword-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:14px; }
.competitor-keyword-head p { color:var(--text-secondary); font-size:11px; }
.competitor-listing-modal-body>section:last-child { width:100%; padding:16px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }
.competitor-listing-modal-body>section:last-child .seo-table-wrap { width:100%; overflow-x:auto; }
.competitor-listing-modal-body>section:last-child table { width:100%; min-width:1180px; table-layout:fixed; }
.competitor-listing-modal-body>section:last-child th,.competitor-listing-modal-body>section:last-child td { padding:14px 18px; line-height:1.45; vertical-align:middle; }
.competitor-listing-modal-body>section:last-child th:nth-child(1),.competitor-listing-modal-body>section:last-child td:nth-child(1){width:70px;text-align:center}
.competitor-listing-modal-body>section:last-child th:nth-child(2),.competitor-listing-modal-body>section:last-child td:nth-child(2){width:220px}
.competitor-listing-modal-body>section:last-child th:nth-child(3),.competitor-listing-modal-body>section:last-child td:nth-child(3){width:145px}
.competitor-listing-modal-body>section:last-child th:nth-child(4),.competitor-listing-modal-body>section:last-child td:nth-child(4){width:145px}
.competitor-listing-modal-body>section:last-child th:nth-child(5),.competitor-listing-modal-body>section:last-child td:nth-child(5){width:140px}
.competitor-listing-modal-body>section:last-child th:nth-child(6),.competitor-listing-modal-body>section:last-child td:nth-child(6){width:145px}
.competitor-listing-modal-body>section:last-child th:nth-child(7),.competitor-listing-modal-body>section:last-child td:nth-child(7){width:285px}
.competitor-keyword-check{width:19px;height:19px;accent-color:var(--accent)}
@media(max-width:900px){.competitor-modal-summary{grid-template-columns:1fr}.competitor-modal-images{grid-template-columns:repeat(2,1fr)}.competitor-keyword-head{align-items:stretch;flex-direction:column}}
@media(max-width:900px){.shop-analyzer-search,.competitor-report-head,.competitor-listing-toolbar,.competitor-change-summary{align-items:stretch;flex-direction:column}.competitor-insight-grid{grid-template-columns:1fr}.competitor-listing-tools{align-items:stretch;flex-direction:column}.competitor-listing-toolbar input{min-width:0;width:100%}.competitor-pagination{flex-wrap:wrap}.competitor-listings-section{padding:10px}}
.niche-result-card { display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:11px; align-items:center; width:100%; padding:11px; border:1px solid var(--border); border-radius:10px; background:var(--bg-card); color:var(--text-primary); text-align:left; cursor:pointer; }
.niche-result-card:hover,.niche-result-card.active { border-color:var(--accent); transform:translateY(-1px); }
.niche-result-card>span:nth-child(2) { display:grid; gap:4px; min-width:0; }.niche-result-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.niche-result-card small { color:var(--text-secondary); }.niche-result-card em { color:var(--text-secondary); font-size:10px; font-style:normal; }
.niche-score { width:46px; height:46px; display:grid; place-items:center; border-radius:50%; color:#fff; font-weight:800; }.niche-score.healthy{background:#16a34a}.niche-score.improve{background:#d97706}.niche-score.critical{background:#dc2626}
.niche-detail { min-height:360px; padding:18px; border:1px solid var(--border); border-radius:12px; background:var(--bg-card); }
.niche-detail-head { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; }.niche-detail-head h2 { margin:9px 0 5px; }.niche-detail-head small { display:block; max-width:650px; color:var(--text-secondary); }
.niche-market-metrics { display:grid; grid-template-columns:repeat(5,minmax(80px,1fr)); gap:8px; margin:16px 0; }.niche-market-metrics span { padding:10px; border-radius:8px; color:var(--text-secondary); background:var(--bg-secondary); font-size:10px; }.niche-market-metrics strong { display:block; margin-top:5px; color:var(--text-primary); font-size:14px; }
.niche-risk,.niche-safe { margin:13px 0; padding:11px; border-radius:9px; font-size:11px; }.niche-risk { border:1px solid #dc2626; color:#dc2626; }.niche-risk p { margin:5px 0 0; }.niche-safe { border:1px solid #16a34a; color:#16a34a; }
.niche-recommendations { display:grid; gap:7px; padding-left:20px; font-size:12px; }
.niche-competitors { display:grid; gap:8px; }.niche-competitor { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:10px; align-items:center; padding:8px; border-radius:9px; background:var(--bg-secondary); }.niche-competitor img,.niche-competitor>span { width:48px; height:48px; display:grid; place-items:center; object-fit:cover; border-radius:7px; background:var(--bg-card); }.niche-competitor>div { display:grid; gap:4px; min-width:0; }.niche-competitor strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }.niche-competitor small,.niche-competitor a { color:var(--text-secondary); font-size:10px; }
.niche-saved-panel { margin-top:16px; padding:16px; border:1px solid var(--border); border-radius:11px; background:var(--bg-card); }.niche-saved-head,.niche-saved-row { display:flex; justify-content:space-between; gap:12px; align-items:center; }.niche-saved-head h2 { margin:0; }.niche-saved-row { margin-top:8px; padding:10px; border-radius:8px; background:var(--bg-secondary); }.niche-saved-row>span { display:grid; gap:3px; }.niche-saved-row small { color:var(--text-secondary); }
@media(max-width:1050px){.niche-layout{grid-template-columns:1fr}.niche-result-list{max-height:450px}.niche-market-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.niche-detail-head{flex-direction:column}.niche-market-metrics{grid-template-columns:repeat(2,1fr)}.niche-result-card{grid-template-columns:46px minmax(0,1fr)}.niche-result-card>b{grid-column:2}.niche-competitor{grid-template-columns:42px minmax(0,1fr)}.niche-competitor a{grid-column:2}}

/* Keyword Intelligence Center */
.keyword-intelligence-panel{width:100%;max-width:none}.keyword-intel-search{display:grid;grid-template-columns:minmax(320px,1fr) 220px auto;align-items:end;gap:10px;margin:15px 0;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.keyword-intel-search textarea{grid-row:span 2;resize:vertical}.keyword-intel-toolbar{display:grid;grid-template-columns:1fr 220px 180px;gap:9px;margin:14px 0}.keyword-intel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(540px,1fr));gap:12px}.keyword-intel-card{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.keyword-intel-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.keyword-intel-card h2{margin:7px 0 3px}.keyword-intel-card header small,.keyword-intel-status{color:var(--text-secondary);font-size:9px}.keyword-intel-status{padding:5px 8px;border-radius:999px;background:var(--bg-secondary)}.keyword-intel-score{display:grid;min-width:90px;text-align:right}.keyword-intel-score strong{color:var(--accent);font-size:28px}.keyword-intel-score span{color:var(--text-secondary);font-size:9px}.keyword-intel-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.keyword-intel-metrics span,.keyword-intel-components span{display:grid;gap:4px;padding:9px;border-radius:8px;color:var(--text-secondary);background:var(--bg-secondary);font-size:9px}.keyword-intel-metrics b,.keyword-intel-components b{color:var(--text-primary);font-size:11px}.keyword-intel-card details{margin:10px 0}.keyword-intel-card summary{cursor:pointer;color:var(--accent);font-size:10px}.keyword-intel-components{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:9px}.keyword-intel-card footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:12px}.keyword-intel-card footer select{margin-right:auto;min-width:130px}
@media(max-width:900px){.keyword-intel-search,.keyword-intel-toolbar{grid-template-columns:1fr}.keyword-intel-search textarea{grid-row:auto}.keyword-intel-grid{grid-template-columns:1fr}.keyword-intel-metrics{grid-template-columns:1fr 1fr}.keyword-intel-components{grid-template-columns:1fr 1fr}}

/* Catalog Tag Portfolio */
.tag-portfolio-panel{width:100%;max-width:none}.tag-portfolio-market{display:grid;grid-template-columns:minmax(300px,1fr) minmax(220px,.5fr);align-items:center;gap:12px;margin:14px 0;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.tag-portfolio-market small{color:var(--text-secondary)}.tag-portfolio-toolbar{display:grid;grid-template-columns:1fr 250px 210px;gap:9px;margin:14px 0}.tag-portfolio-selection{position:sticky;top:8px;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0;padding:10px 13px;border:1px solid var(--accent);border-radius:10px;background:var(--bg-card);box-shadow:0 8px 20px rgba(0,0,0,.12)}.tag-portfolio-selection strong{margin-right:auto}.tag-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:11px}.tag-portfolio-card{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.tag-portfolio-card.protected{border-color:#16a34a}.tag-portfolio-card header{display:flex;align-items:start;justify-content:space-between;gap:10px}.tag-portfolio-card h2{margin:0 0 4px}.tag-portfolio-card header span{color:var(--text-secondary);font-size:9px}.tag-portfolio-card header>strong{padding:5px 8px;border-radius:999px;color:#16a34a;background:color-mix(in srgb,#16a34a 12%,transparent);font-size:9px}.tag-performance{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:12px 0}.tag-performance span{display:grid;gap:4px;padding:8px;border-radius:7px;color:var(--text-secondary);background:var(--bg-secondary);font-size:8px}.tag-performance b{color:var(--text-primary);font-size:10px}.tag-flags{display:flex;gap:6px;flex-wrap:wrap}.tag-flags span{padding:4px 7px;border-radius:999px;color:#d97706;background:color-mix(in srgb,#d97706 12%,transparent);font-size:8px}.tag-flags span.good{color:#16a34a;background:color-mix(in srgb,#16a34a 12%,transparent)}.tag-portfolio-card details{margin-top:11px}.tag-portfolio-card summary{cursor:pointer;color:var(--accent);font-size:10px}.tag-listing-options{display:grid;max-height:230px;overflow:auto;margin-top:8px}.tag-listing-option{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;padding:7px;border-bottom:1px solid var(--border);cursor:pointer}.tag-listing-option span{display:grid;grid-template-columns:90px 1fr;gap:6px;min-width:0;font-size:9px}.tag-listing-option span:not(b){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-preview{margin:14px 0;padding:16px;border:1px solid var(--accent);border-radius:11px;background:var(--bg-card)}.tag-preview-head{display:flex;justify-content:space-between;gap:14px}.tag-preview-head h2,.tag-preview-head p{margin:0 0 5px}.tag-preview-head p{color:var(--text-secondary);font-size:10px}.tag-preview article{display:grid;gap:7px;margin-top:8px;padding:11px;border-left:4px solid #16a34a;border-radius:8px;background:var(--bg-secondary)}.tag-preview article.not-ready{border-left-color:var(--border);opacity:.7}.tag-preview article>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.tag-preview article span,.tag-preview article small{color:var(--text-secondary);font-size:9px}
@media(max-width:850px){.tag-portfolio-market,.tag-portfolio-toolbar{grid-template-columns:1fr}.tag-portfolio-grid{grid-template-columns:1fr}.tag-performance{grid-template-columns:repeat(3,1fr)}.tag-preview-head{flex-direction:column}.tag-preview article>div{grid-template-columns:1fr}.tag-portfolio-selection{flex-wrap:wrap}}

/* SERP Observation Network */
.serp-network-panel{width:100%;max-width:none}.serp-create-form{display:grid;grid-template-columns:1fr 150px 160px auto;gap:9px;margin:15px 0;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.serp-actions{display:flex;justify-content:flex-end;gap:8px;margin:12px 0}.serp-track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:11px}.serp-track-card{padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.serp-track-card header{display:flex;justify-content:space-between;gap:12px}.serp-track-card h2{margin:0 0 5px}.serp-track-card header span,.serp-track-card>small{color:var(--text-secondary);font-size:9px}.serp-track-card header>strong{color:var(--accent);font-size:22px}.serp-track-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.serp-track-metrics span{display:grid;gap:4px;padding:8px;border-radius:7px;color:var(--text-secondary);background:var(--bg-secondary);font-size:8px}.serp-track-metrics b{color:var(--text-primary);font-size:11px}.serp-track-card footer{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.serp-history,.serp-alerts,.serp-discover{margin:15px 0;padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.serp-history-head{display:flex;justify-content:space-between;gap:12px}.serp-history-head h2,.serp-history-head p{margin:0 0 5px}.serp-history-head p,.serp-discover p{color:var(--text-secondary);font-size:9px}.serp-timeline{display:flex;gap:7px;overflow-x:auto;margin:12px 0}.serp-timeline span{flex:0 0 auto;padding:8px;border-radius:7px;background:var(--bg-secondary);font-size:8px}.serp-result-table{min-width:950px}.serp-result-table td small{display:block;color:var(--text-secondary)}.serp-result-table a{color:var(--text-primary)}.serp-own-row{background:color-mix(in srgb,var(--accent) 12%,transparent)!important}.serp-alerts article,.serp-discover article{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:9px;margin-top:7px;padding:9px;border-left:4px solid var(--accent);border-radius:7px;background:var(--bg-secondary)}.serp-alerts article.warning{border-left-color:#dc2626}.serp-alerts article.success{border-left-color:#16a34a}.serp-discover article>div{display:grid;gap:4px}.serp-discover article span{color:var(--text-secondary);font-size:9px}
@media(max-width:750px){.serp-create-form{grid-template-columns:1fr}.serp-track-grid{grid-template-columns:1fr}.serp-track-metrics{grid-template-columns:1fr 1fr}.serp-alerts article,.serp-discover article{grid-template-columns:1fr}.serp-history-head{flex-direction:column}}

/* Four Listing Comparison Lab */
.listing-compare-panel{width:100%;max-width:none}.listing-compare-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;margin:15px 0;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.listing-compare-report-head{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.listing-compare-report-head h2,.listing-compare-report-head p{margin:0 0 5px}.listing-compare-report-head p{color:var(--text-secondary);font-size:9px}.listing-compare-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.listing-compare-cards>article{overflow:hidden;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.listing-compare-image{position:relative;margin:-12px -12px 11px}.listing-compare-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.listing-compare-image>span{position:absolute;top:8px;left:8px;padding:5px 8px;border-radius:999px;color:#fff;background:var(--accent);font-size:8px;font-weight:800}.listing-compare-cards h2{display:-webkit-box;min-height:42px;margin:0 0 5px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}.listing-compare-cards small{color:var(--text-secondary);font-size:8px}.listing-compare-tags,.listing-compare-shared>div,.listing-compare-gap-tags{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.listing-compare-tags span,.listing-compare-shared span,.listing-compare-gap-tags button{padding:4px 6px;border:1px solid var(--border);border-radius:999px;color:var(--text-primary);background:var(--bg-secondary);font-size:8px}.listing-compare-cards details p{max-height:180px;overflow:auto;white-space:pre-wrap;color:var(--text-secondary);font-size:9px}.listing-compare-card-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.listing-compare-matrix{width:100%;min-width:900px;margin-top:14px;border-collapse:collapse}.listing-compare-matrix th,.listing-compare-matrix td{padding:10px;border-bottom:1px solid var(--border);text-align:left}.listing-compare-matrix th:first-child{position:sticky;left:0;background:var(--bg-card)}.listing-compare-matrix .compare-winner{color:#16a34a;background:color-mix(in srgb,#16a34a 10%,transparent);font-weight:800}.listing-compare-shared,.listing-compare-opportunities,.listing-compare-history{margin:14px 0;padding:15px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.listing-compare-opportunities article{padding:10px;border-radius:8px;background:var(--bg-secondary)}.listing-compare-history>div{display:flex;justify-content:space-between}.listing-compare-history>button{display:flex;justify-content:space-between;width:100%;margin-top:6px;padding:9px;border:1px solid var(--border);border-radius:7px;color:var(--text-primary);background:var(--bg-secondary);cursor:pointer}.listing-compare-history span{color:var(--text-secondary);font-size:9px}
@media(max-width:1100px){.listing-compare-cards{grid-template-columns:1fr 1fr}.listing-compare-form{grid-template-columns:1fr 1fr}.listing-compare-form .btn{grid-column:1/-1}}@media(max-width:650px){.listing-compare-cards,.listing-compare-form{grid-template-columns:1fr}.listing-compare-form .btn{grid-column:auto}.listing-compare-report-head{flex-direction:column}}

/* Category and Season Opportunity Radar */
.category-radar-panel{width:100%;max-width:none}.category-radar-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin:15px 0;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.category-radar-form label{display:grid;gap:6px}.category-radar-form textarea{resize:vertical}.category-radar-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.category-radar-summary>div{display:grid;gap:4px;padding:13px;border-radius:9px;background:var(--bg-card);border:1px solid var(--border)}.category-radar-summary strong{font-size:18px}.category-radar-summary span{color:var(--text-secondary);font-size:9px}.category-opportunity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:11px}.category-opportunity-card{padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.category-opportunity-card header{display:flex;justify-content:space-between;gap:12px}.category-opportunity-card h2{margin:4px 0}.category-opportunity-card header small{color:var(--text-secondary);font-size:9px}.category-opportunity-card header>strong{color:var(--accent);font-size:28px}.category-radar-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0}.category-radar-metrics span,.category-score-parts span{display:grid;gap:4px;padding:8px;border-radius:7px;color:var(--text-secondary);background:var(--bg-secondary);font-size:8px}.category-radar-metrics b,.category-score-parts b{color:var(--text-primary);font-size:11px}.category-radar-metrics small{font-size:8px}.category-opportunity-card summary{cursor:pointer;color:var(--accent);font-size:10px}.category-score-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0}.category-taxonomy{display:flex;gap:5px;flex-wrap:wrap}.category-taxonomy span{padding:5px 7px;border:1px solid var(--border);border-radius:999px;font-size:8px}.category-opportunity-card footer{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.season-calendar{margin:16px 0;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.season-calendar h2,.season-calendar p{margin:0 0 5px}.season-calendar p{color:var(--text-secondary);font-size:9px}.season-calendar table{min-width:950px}
@media(max-width:800px){.category-radar-form,.category-radar-summary{grid-template-columns:1fr}.category-opportunity-grid{grid-template-columns:1fr}.category-radar-metrics{grid-template-columns:1fr 1fr}.category-score-parts{grid-template-columns:1fr 1fr}}

/* Listing change and SEO impact analysis */
.seo-impact-panel{width:100%;max-width:none}.seo-impact-toolbar{display:grid;grid-template-columns:220px 1fr 220px;gap:9px;margin:15px 0}.seo-impact-toolbar label{display:grid;gap:5px}.seo-impact-manual{margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-card)}.seo-impact-manual summary{cursor:pointer;color:var(--accent)}.seo-impact-manual>div{display:grid;grid-template-columns:140px 170px 1fr 1fr 210px auto;gap:7px;margin-top:10px}.seo-impact-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0}.seo-impact-summary>div{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-card)}.seo-impact-summary strong{font-size:20px}.seo-impact-summary span{color:var(--text-secondary);font-size:9px}.seo-impact-timeline{display:grid;gap:12px}.seo-impact-event{padding:16px;border:1px solid var(--border);border-left:5px solid var(--border);border-radius:11px;background:var(--bg-card)}.seo-impact-event.positive{border-left-color:#16a34a}.seo-impact-event.negative{border-left-color:#dc2626}.seo-impact-event.neutral{border-left-color:#d97706}.seo-impact-event header{display:flex;justify-content:space-between;gap:14px}.seo-impact-event header small,.seo-impact-event h2 span{color:var(--text-secondary);font-size:9px}.seo-impact-event h2{margin:5px 0}.seo-impact-fields{display:flex;gap:5px;flex-wrap:wrap}.seo-impact-fields span{padding:4px 7px;border-radius:999px;background:var(--bg-secondary);font-size:8px}.seo-impact-verdict{display:grid;align-content:start;gap:4px;min-width:190px;text-align:right}.seo-impact-verdict strong{font-size:16px}.seo-impact-verdict small{color:var(--text-secondary)}.seo-impact-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:13px 0}.seo-impact-metrics>span{display:grid;gap:4px;padding:9px;border-radius:8px;background:var(--bg-secondary)}.seo-impact-metrics small{color:var(--text-secondary);font-size:8px}.seo-impact-metrics b{font-size:10px}.seo-impact-metrics em{font-style:normal;font-size:9px}.seo-impact-metrics em.up{color:#16a34a}.seo-impact-metrics em.down{color:#dc2626}.seo-impact-coverage{color:var(--text-secondary);font-size:9px}.seo-impact-event details{margin-top:10px}.seo-impact-event summary{cursor:pointer;color:var(--accent);font-size:10px}.seo-impact-changes{display:grid;gap:7px;margin-top:9px}.seo-impact-changes article{padding:9px;border-radius:8px;background:var(--bg-secondary)}.seo-impact-changes article>div{display:grid;grid-template-columns:1fr 20px 1fr;gap:7px;margin-top:6px}.seo-impact-changes article span{max-height:150px;overflow:auto;white-space:pre-wrap;font-size:9px}.seo-impact-changes article small{display:block;color:var(--text-secondary)}.seo-impact-changes article i{align-self:center;text-align:center}.seo-impact-serp{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.seo-impact-serp span{padding:6px 8px;border:1px solid var(--border);border-radius:7px;font-size:8px}.seo-impact-event footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:11px}.seo-impact-warning{margin-right:auto;color:#dc2626;font-size:9px}
@media(max-width:1000px){.seo-impact-manual>div{grid-template-columns:1fr 1fr}.seo-impact-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.seo-impact-toolbar,.seo-impact-summary{grid-template-columns:1fr}.seo-impact-event header{flex-direction:column}.seo-impact-verdict{text-align:left}.seo-impact-metrics{grid-template-columns:1fr 1fr}.seo-impact-manual>div{grid-template-columns:1fr}.seo-impact-changes article>div{grid-template-columns:1fr}.seo-impact-changes article i{display:none}}

/* Keyword cannibalization and listing collision center */
.cannibalization-panel{width:100%;max-width:none}.cannibalization-toolbar{display:grid;grid-template-columns:1fr 220px 220px;align-items:center;gap:9px;margin:14px 0}.cannibalization-toolbar label{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.cannibalization-grid{display:grid;gap:12px}.cannibalization-cluster{padding:16px;border:1px solid var(--border);border-left:5px solid var(--border);border-radius:11px;background:var(--bg-card)}.cannibalization-cluster.high{border-left-color:#dc2626}.cannibalization-cluster.medium{border-left-color:#d97706}.cannibalization-cluster>header{display:flex;justify-content:space-between;gap:14px}.cannibalization-cluster>header h2{margin:5px 0}.cannibalization-cluster>header span,.cannibalization-cluster>header small{color:var(--text-secondary);font-size:9px}.cannibalization-cluster>header>strong{display:grid;align-content:start;color:var(--accent);font-size:24px;text-align:right}.cannibalization-cluster>header>strong small{font-size:8px}.cannibalization-cluster>p{color:var(--text-secondary);font-size:10px}.cannibalization-cluster-metrics,.cannibalization-member-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0}.cannibalization-cluster-metrics span,.cannibalization-member-metrics span{display:grid;gap:4px;padding:8px;border-radius:7px;color:var(--text-secondary);background:var(--bg-secondary);font-size:8px}.cannibalization-cluster-metrics b,.cannibalization-member-metrics b{color:var(--text-primary);font-size:11px}.cannibalization-cluster summary{cursor:pointer;color:var(--accent);font-size:10px}.cannibalization-members{display:grid;gap:8px;margin-top:10px}.cannibalization-member{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--bg-secondary)}.cannibalization-member.primary{border-color:#16a34a}.cannibalization-member.reposition{border-color:#d97706}.cannibalization-member>header{display:flex;justify-content:space-between;gap:10px}.cannibalization-member h3{margin:4px 0;font-size:12px}.cannibalization-member header strong{font-size:9px}.cannibalization-member header small{color:var(--text-secondary);font-size:8px}.cannibalization-member-metrics{grid-template-columns:repeat(4,1fr);margin:9px 0}.cannibalization-alternatives>small{color:var(--text-secondary);font-size:8px}.cannibalization-alternatives>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.cannibalization-alternatives button{display:grid;gap:2px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-primary);background:var(--bg-card);cursor:pointer;font-size:8px}.cannibalization-alternatives button small{color:var(--text-secondary);font-size:7px}.cannibalization-preview{display:grid;grid-template-columns:1fr 25px 1fr;gap:8px;margin-top:8px}.cannibalization-preview span{max-height:130px;overflow:auto;padding:8px;border-radius:7px;background:var(--bg-card);font-size:9px}.cannibalization-preview small{display:block;color:var(--text-secondary)}.cannibalization-preview i{align-self:center;text-align:center}.cannibalization-cluster>footer{display:flex;justify-content:flex-end;margin-top:10px}
@media(max-width:750px){.cannibalization-toolbar{grid-template-columns:1fr}.cannibalization-cluster>header,.cannibalization-member>header{flex-direction:column}.cannibalization-cluster-metrics{grid-template-columns:1fr 1fr}.cannibalization-preview{grid-template-columns:1fr}.cannibalization-preview i{display:none}}

/* Unified listing opportunity and priority queue */
.priority-queue-panel{width:100%;max-width:none}.priority-view-tabs{display:flex;gap:7px;margin:14px 0}.priority-view-tabs button{padding:9px 13px;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);background:var(--bg-card);cursor:pointer}.priority-view-tabs button.active{border-color:var(--accent);color:var(--accent)}.priority-queue-toolbar{display:grid;grid-template-columns:1fr 220px 240px;gap:8px;margin:12px 0}.priority-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:11px}.priority-action-card{padding:15px;border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:11px;background:var(--bg-card)}.priority-action-card.critical{border-left-color:#dc2626}.priority-action-card.warning{border-left-color:#d97706}.priority-action-card>header{display:flex;justify-content:space-between;gap:12px}.priority-action-card>header span,.priority-action-card>header small{color:var(--text-secondary);font-size:9px}.priority-action-card h2{margin:5px 0}.priority-action-card>header>strong{display:grid;align-content:start;color:var(--accent);font-size:26px;text-align:right}.priority-action-card>header>strong small{font-size:8px}.priority-action-card>p{color:var(--text-secondary);font-size:10px}.priority-factors{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.priority-factors>span{display:grid;gap:4px;padding:8px;border-radius:7px;background:var(--bg-secondary)}.priority-factors small{color:var(--text-secondary);font-size:8px}.priority-factors b{font-size:10px}.priority-factors i{height:4px;overflow:hidden;border-radius:999px;background:var(--border)}.priority-factors em{display:block;height:100%;background:var(--accent)}.priority-action-card>footer{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-top:11px}.priority-action-card>footer>button:first-child{margin-right:auto}.priority-outcome{display:grid;gap:3px;padding:9px;border-radius:8px;background:var(--bg-secondary);font-size:9px}.priority-outcome.positive{border-left:3px solid #16a34a}.priority-outcome.negative{border-left:3px solid #dc2626}.priority-outcome span{color:var(--text-secondary)}.priority-week{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:8px;overflow-x:auto}.priority-week>article{padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.priority-week>article>header{display:flex;justify-content:space-between;gap:6px;margin-bottom:8px}.priority-week header span{color:var(--text-secondary);font-size:8px}.priority-week button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:6px;width:100%;margin-top:6px;padding:8px;border:1px solid var(--border);border-radius:7px;color:var(--text-primary);background:var(--bg-secondary);text-align:left;cursor:pointer}.priority-week button strong{color:var(--accent)}.priority-week button span{font-size:9px}
@media(max-width:850px){.priority-queue-toolbar{grid-template-columns:1fr}.priority-action-grid{grid-template-columns:1fr}.priority-factors{grid-template-columns:1fr 1fr}.priority-action-card>header{flex-direction:column}.priority-action-card>header>strong{text-align:left}.priority-action-card>footer>button:first-child{margin-right:0}.priority-view-tabs{overflow-x:auto}}

/* Shop benchmark, goals, and snapshot orchestrator */
.benchmark-panel{width:100%;max-width:none}.benchmark-period{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:14px 0}.benchmark-period label{display:grid;gap:5px}.benchmark-period span{color:var(--text-secondary);font-size:9px}.benchmark-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.benchmark-metrics article{display:grid;gap:5px;padding:13px;border:1px solid var(--border);border-radius:9px;background:var(--bg-card)}.benchmark-metrics span,.benchmark-metrics small,.benchmark-metrics em{color:var(--text-secondary);font-size:8px;font-style:normal}.benchmark-metrics strong{font-size:19px}.benchmark-targets,.snapshot-sources,.snapshot-logs{margin:16px 0;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.benchmark-targets>div:first-child h2,.benchmark-targets>div:first-child p,.snapshot-sources>div:first-child h2,.snapshot-sources>div:first-child p{margin:0 0 5px}.benchmark-targets>div:first-child p,.snapshot-sources>div:first-child p{color:var(--text-secondary);font-size:9px}.benchmark-target-form{display:grid;grid-template-columns:240px 160px 180px auto;gap:8px;margin:12px 0}.benchmark-targets #benchmarkTargetList{display:grid;gap:7px}.benchmark-targets #benchmarkTargetList>article{display:grid;grid-template-columns:1fr 260px auto;align-items:center;gap:10px;padding:10px;border-left:4px solid var(--accent);border-radius:8px;background:var(--bg-secondary)}.benchmark-targets #benchmarkTargetList>article.achieved{border-left-color:#16a34a}.benchmark-targets #benchmarkTargetList>article.behind{border-left-color:#dc2626}.benchmark-targets article>div{display:grid;gap:3px}.benchmark-targets article span,.benchmark-targets article small{color:var(--text-secondary);font-size:8px}.snapshot-runtime{display:flex;justify-content:space-between;gap:10px;margin:12px 0;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--bg-card)}.snapshot-runtime.active{display:grid}.snapshot-runtime>div{display:flex;justify-content:space-between}.snapshot-runtime span{color:var(--text-secondary);font-size:9px}.snapshot-runtime>i{height:7px;overflow:hidden;border-radius:999px;background:var(--bg-secondary)}.snapshot-runtime em{display:block;height:100%;background:var(--accent)}#snapshotSourceList{display:grid;gap:7px;margin-top:12px}#snapshotSourceList>article{display:grid;grid-template-columns:minmax(220px,1fr) 100px 160px 160px auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary)}#snapshotSourceList>article.due{border-color:#d97706}#snapshotSourceList>article.awaiting_configuration{opacity:.7}#snapshotSourceList>article>div{display:grid;gap:3px}#snapshotSourceList span,#snapshotSourceList small{color:var(--text-secondary);font-size:8px}#snapshotSourceList label{display:flex;align-items:center;gap:5px;font-size:9px}#snapshotSourceList input[type=number]{width:70px}.snapshot-state{padding:5px 7px;border-radius:999px;background:var(--bg-card);text-align:center}.snapshot-logs summary{cursor:pointer;color:var(--accent)}#snapshotLogList{display:grid;gap:5px;margin-top:10px}#snapshotLogList article{display:grid;grid-template-columns:220px 220px 1fr;gap:8px;padding:8px;border-radius:7px;background:var(--bg-secondary)}#snapshotLogList article.failed{border-left:3px solid #dc2626}#snapshotLogList span,#snapshotLogList small{color:var(--text-secondary);font-size:8px}
@media(max-width:900px){.benchmark-target-form{grid-template-columns:1fr 1fr}.benchmark-targets #benchmarkTargetList>article,#snapshotSourceList>article{grid-template-columns:1fr 1fr}.benchmark-period{align-items:stretch;flex-direction:column}}@media(max-width:600px){.benchmark-target-form,.benchmark-targets #benchmarkTargetList>article,#snapshotSourceList>article{grid-template-columns:1fr}.snapshot-runtime>div{flex-direction:column}#snapshotLogList article{grid-template-columns:1fr}}

/* Etsy official SEO foundation */
.official-seo-panel{width:100%;max-width:none}.official-seo-summary{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:9px;margin:14px 0}.official-seo-summary>div{display:grid;gap:4px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.official-seo-summary strong{font-size:22px}.official-seo-summary span,.official-seo-unavailable span{color:var(--text-secondary);font-size:9px}.official-seo-unavailable{display:grid;gap:4px;padding:11px;border-radius:8px;background:var(--bg-secondary)}.official-seo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:11px;margin-top:13px}.official-seo-list>article{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.official-seo-list header{display:flex;justify-content:space-between;gap:10px}.official-seo-list header h2{margin:3px 0}.official-seo-list header small{color:var(--text-secondary)}.official-seo-list header>strong{font-size:22px;color:var(--accent)}.official-seo-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.official-seo-checks section{display:grid;grid-template-columns:24px 1fr;gap:7px;padding:8px;border-radius:7px;background:var(--bg-secondary)}.official-seo-checks section>span{font-weight:800}.official-seo-checks .passed>span{color:#16a34a}.official-seo-checks .failed>span{color:#dc2626}.official-seo-checks small,.official-seo-checks p{display:block;margin:3px 0;color:var(--text-secondary);font-size:8px}.official-seo-sources{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.official-seo-sources h2{width:100%}.official-seo-sources a{padding:7px 9px;border-radius:7px;background:var(--bg-secondary);color:var(--accent)}@media(max-width:700px){.official-seo-summary,.official-seo-checks{grid-template-columns:1fr}.official-seo-list{grid-template-columns:1fr}}

/* Unused private development styles intentionally have no route or panel */

/* SEO revenue operating system */
.seo-revenue-panel{width:100%;max-width:none}.seo-revenue-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 230px 220px;gap:9px;align-items:center;margin:14px 0}.seo-revenue-summary{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px}.seo-revenue-summary>div{display:grid;gap:4px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.seo-revenue-summary strong{font-size:21px}.seo-revenue-summary span{color:var(--text-secondary);font-size:9px}.seo-revenue-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(540px,1fr));gap:11px;margin-top:13px}.seo-revenue-list>article{padding:15px;border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:11px;background:var(--bg-card)}.seo-revenue-list>article.protect_scale{border-left-color:#16a34a}.seo-revenue-list>article.conversion_fix,.seo-revenue-list>article.ctr_fix{border-left-color:#d97706}.seo-revenue-list>article.differentiate{border-left-color:#dc2626}.seo-revenue-list header{display:flex;justify-content:space-between;gap:12px}.seo-revenue-list header h2{margin:5px 0}.seo-revenue-list header small{color:var(--text-secondary);font-size:9px}.seo-revenue-list header>strong{font-size:27px;color:var(--accent)}.seo-revenue-decision{font-size:9px;font-weight:700;color:var(--accent)}.seo-revenue-intents,.seo-revenue-coverage{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.seo-revenue-intents span,.seo-revenue-coverage span{padding:5px 7px;border-radius:999px;background:var(--bg-secondary);font-size:8px}.seo-revenue-intents .protected,.seo-revenue-coverage .yes{background:#dcfce7;color:#166534}.seo-revenue-intents .collision,.seo-revenue-coverage .no{background:#fee2e2;color:#991b1b}.seo-revenue-metrics,.seo-revenue-components{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.seo-revenue-metrics span,.seo-revenue-components span{display:grid;gap:3px;padding:8px;border-radius:7px;background:var(--bg-secondary);font-size:8px}.seo-revenue-reason{font-size:10px}.seo-revenue-plan{display:grid;gap:5px;padding:10px;border-radius:8px;background:var(--bg-secondary);font-size:9px}.seo-revenue-components{grid-template-columns:repeat(5,1fr);margin-top:8px}.seo-revenue-list footer{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.seo-revenue-empty{margin-top:14px;padding:25px;text-align:center}@media(max-width:900px){.seo-revenue-toolbar{grid-template-columns:1fr 1fr}.seo-revenue-summary{grid-template-columns:repeat(3,1fr)}.seo-revenue-list{grid-template-columns:1fr}.seo-revenue-metrics,.seo-revenue-components{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.seo-revenue-toolbar,.seo-revenue-summary{grid-template-columns:1fr}.seo-revenue-metrics,.seo-revenue-components{grid-template-columns:1fr 1fr}.seo-revenue-list footer{align-items:stretch;flex-direction:column}}

/* Basket intelligence and bundle opportunities */
.basket-intel-panel{width:100%;max-width:none}.basket-summary{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px;margin:14px 0}.basket-summary>div{display:grid;gap:4px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.basket-summary strong{font-size:20px}.basket-summary span,.basket-opportunity-head p{color:var(--text-secondary);font-size:9px}.basket-opportunity-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.basket-opportunity-head h2,.basket-opportunity-head p{margin:3px 0}.basket-opportunity-head>span{padding:6px 9px;border-radius:999px;background:var(--accent);color:white}.basket-opportunities{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:11px}.basket-opportunities>article{padding:15px;border:1px solid var(--border);border-left:5px solid #16a34a;border-radius:11px;background:var(--bg-card)}.basket-opportunities header{display:flex;justify-content:space-between;gap:12px}.basket-opportunities header span,.basket-opportunities header small{color:var(--text-secondary);font-size:9px}.basket-opportunities header h2{margin:5px 0}.basket-opportunities header>strong{font-size:24px;color:var(--accent)}.basket-evidence,.basket-components{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:12px 0}.basket-evidence span,.basket-components span{display:grid;gap:4px;padding:8px;border-radius:7px;background:var(--bg-secondary);font-size:9px}.basket-opportunities details{padding:9px;border-radius:8px;background:var(--bg-secondary)}.basket-opportunities details p{color:var(--text-secondary);font-size:9px}.basket-opportunities footer{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.basket-products{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.basket-products td small{display:block;color:var(--text-secondary)}@media(max-width:900px){.basket-summary{grid-template-columns:repeat(3,1fr)}.basket-opportunities{grid-template-columns:1fr}.basket-evidence,.basket-components{grid-template-columns:1fr 1fr}}@media(max-width:560px){.basket-summary{grid-template-columns:1fr 1fr}.basket-opportunity-head{align-items:flex-start;flex-direction:column}.basket-evidence,.basket-components{grid-template-columns:1fr}.basket-opportunities footer{align-items:stretch;flex-direction:column}}

/* Catalog intelligence suite */
.catalog-intel-panel{width:100%;max-width:none}.catalog-intel-summary{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:9px;margin:14px 0}.catalog-intel-summary.lifecycle{grid-template-columns:repeat(5,minmax(130px,1fr))}.catalog-intel-summary>div,.template-metrics>div{display:grid;gap:4px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.catalog-intel-summary strong{font-size:23px}.catalog-intel-summary span,.template-metrics span{color:var(--text-secondary);font-size:9px}.catalog-alert-list,.catalog-lifecycle-grid,.bulk-approval-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:10px}.catalog-alert-list>article,.catalog-lifecycle-grid>article,.bulk-approval-list>article{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.catalog-alert-list>article{border-left:5px solid #d97706}.catalog-alert-list>article.critical{border-left-color:#dc2626}.catalog-alert-list header,.catalog-lifecycle-grid header{display:flex;justify-content:space-between;gap:10px}.catalog-alert-list h2,.catalog-lifecycle-grid h2{margin:3px 0}.catalog-alert-list header>strong{font-size:24px;color:#dc2626}.catalog-period-compare,.catalog-lifecycle-grid article>div{display:flex;gap:12px;margin:10px 0}.catalog-period-compare span,.catalog-lifecycle-grid article>div span{padding:8px;border-radius:7px;background:var(--bg-secondary)}.catalog-related-change,.catalog-evidence{padding:9px;border-radius:7px;background:var(--bg-secondary);color:var(--text-secondary);font-size:9px}.catalog-lifecycle-grid>article{border-top:4px solid var(--accent)}.catalog-lifecycle-grid>article.declining{border-top-color:#dc2626}.catalog-lifecycle-grid>article.dormant{border-top-color:#64748b}.catalog-lifecycle-grid>article.rising{border-top-color:#16a34a}.catalog-lifecycle-grid header span{font-weight:700;color:var(--accent)}.catalog-lifecycle-grid p{color:var(--text-secondary);font-size:9px}.template-metrics{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px;margin:14px 0}.template-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-columns>div,.template-winners{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.template-columns span{display:inline-flex;gap:5px;margin:3px;padding:6px 8px;border-radius:999px;background:var(--bg-secondary);font-size:9px}.template-columns span b{color:var(--accent)}.template-winners{margin-top:12px}.template-winners article{display:flex;justify-content:space-between;gap:10px;padding:8px;border-bottom:1px solid var(--border)}.template-winners span{color:var(--text-secondary);font-size:9px}.bulk-approval-bar{display:flex;justify-content:space-between;align-items:center;margin:14px 0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.bulk-approval-list>article{display:grid;grid-template-columns:36px 220px 1fr;gap:10px;align-items:start}.bulk-approval-list>article>label input{width:18px;height:18px}.bulk-approval-list header h2{margin:4px 0;font-size:13px}.bulk-approval-list header small,.bulk-approval-list>article>div small{display:block;color:var(--text-secondary);font-size:8px}.bulk-approval-list header strong{color:var(--accent);font-size:9px}.bulk-approval-list>article>div{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;overflow-wrap:anywhere}.bulk-approval-list i{align-self:center;color:var(--accent)}@media(max-width:850px){.catalog-intel-summary,.catalog-intel-summary.lifecycle,.template-metrics,.template-columns{grid-template-columns:1fr 1fr}.catalog-alert-list,.catalog-lifecycle-grid,.bulk-approval-list{grid-template-columns:1fr}.bulk-approval-list>article{grid-template-columns:30px 1fr}.bulk-approval-list>article>div{grid-column:1/-1}}@media(max-width:560px){.catalog-intel-summary,.catalog-intel-summary.lifecycle,.template-metrics,.template-columns{grid-template-columns:1fr}.catalog-period-compare{flex-direction:column}.bulk-approval-bar{align-items:stretch;flex-direction:column;gap:8px}}

/* Listing change journal and guarded rollback */
.listing-change-panel{width:100%;max-width:none}.listing-change-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 240px;gap:9px;margin:14px 0}.listing-change-summary{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:9px}.listing-change-summary>div{display:grid;gap:4px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.listing-change-summary strong{font-size:22px}.listing-change-summary span,.listing-change-list small{color:var(--text-secondary);font-size:9px}.listing-change-list{display:grid;gap:11px;margin-top:13px}.listing-change-list>article{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card)}.listing-change-list header{display:flex;justify-content:space-between}.listing-change-list h2{margin:4px 0}.listing-change-list header span{color:var(--text-secondary);font-size:9px}.listing-change-fields{display:grid;gap:8px;margin-top:11px}.listing-change-fields>section{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:9px;padding:10px;border-radius:8px;background:var(--bg-secondary)}.listing-change-fields>section>div{display:grid;grid-template-columns:1fr auto 1fr;gap:9px}.listing-change-fields span{min-width:0;overflow-wrap:anywhere}.listing-change-fields span small{display:block;margin-bottom:3px}.listing-change-fields i{align-self:center;color:var(--accent)}@media(max-width:720px){.listing-change-toolbar,.listing-change-summary{grid-template-columns:1fr}.listing-change-fields>section{grid-template-columns:1fr}.listing-change-fields>section>div{grid-template-columns:1fr}.listing-change-fields i{transform:rotate(90deg);justify-self:center}}

/* Evidence-first sales intelligence operating system */
.sales-os-panel{width:100%;max-width:none}.sales-os-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:14px 0}.sales-os-summary>div{display:grid;gap:4px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.sales-os-summary strong{font-size:24px;color:var(--accent)}.sales-os-summary span,.sales-decision-list small,.sales-learning small{color:var(--text-secondary)}.sales-os-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:13px}.sales-os-grid>article{padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.sales-decision-list{display:grid;gap:8px}.sales-decision-list>section{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px;border-radius:9px;background:var(--bg-secondary)}.sales-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800}.sales-decision-list header{display:flex;justify-content:space-between;gap:10px}.sales-decision-list header span{font-size:18px;color:var(--accent);font-weight:800}.sales-decision-list p{margin:5px 0}.sales-stage{font-weight:700}.sales-learning{display:grid;gap:8px}.sales-learning section{display:grid;gap:3px;padding:10px;background:var(--bg-secondary);border-radius:8px}.sales-provenance,.sales-guardrails{display:flex;gap:7px;flex-wrap:wrap}.sales-provenance span,.sales-guardrails span{padding:7px 9px;border-radius:999px;background:var(--bg-secondary);font-size:9px}.sales-guardrails{margin-top:13px;padding:12px;border:1px solid var(--border);border-radius:10px}@media(max-width:900px){.sales-os-summary{grid-template-columns:1fr 1fr}.sales-os-grid{grid-template-columns:1fr}}@media(max-width:520px){.sales-os-summary{grid-template-columns:1fr}}
.official-seo-checks .unavailable>span{color:#64748b}.official-seo-checks .unavailable{opacity:.78}

/* 2026 light Etsy intelligence workspace */
:root{--bg-primary:#f7f8fc;--bg-secondary:#fff;--bg-card:#fff;--bg-hover:#f1effc;--text-primary:#25223a;--text-secondary:#77758a;--accent:#6c55d9;--accent-hover:#5942c8;--success:#22a77a;--warning:#e99a43;--danger:#df6072;--border:#e8e7ef;--sidebar-width:268px;--radius:14px;--shadow:0 14px 40px rgba(48,38,92,.08)}
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 88% 4%,#f1edff 0,transparent 25%),var(--bg-primary);color:var(--text-primary)}
.sidebar{background:rgba(255,255,255,.94);border-right:1px solid #eceaf3;box-shadow:5px 0 30px rgba(53,43,94,.035);backdrop-filter:blur(18px)}.logo{padding:22px 20px;border-bottom:0}.logo-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#755ee5,#a67eea);font-size:20px;box-shadow:0 8px 20px rgba(108,85,217,.24)}.logo-text{font-size:17px;background:none;-webkit-text-fill-color:var(--text-primary);letter-spacing:-.02em}.nav-menu{padding:6px 12px 16px}.nav-item{min-height:44px;padding:11px 13px;border-radius:11px;color:#6f6d80}.nav-item:hover{background:#f5f3fc;color:#403b63}.nav-item.active{background:linear-gradient(135deg,#7660df,#6550ce);box-shadow:0 8px 22px rgba(101,80,206,.2);color:#fff}.nav-group-toggle{border-radius:11px;color:#747185}.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{background:#f5f3fb;color:#3f3b57}.nav-group-count{background:#f0eef8}.nav-group-items .nav-item.active{box-shadow:0 7px 18px rgba(101,80,206,.18)}.sidebar-footer{border-top:1px solid #efedf5}.status-dot{box-shadow:0 0 0 4px rgba(34,167,122,.12)}
.main-content{padding:28px 34px 60px}.panel-header h1{letter-spacing:-.035em}.panel-header p{color:var(--text-secondary)}.panel,.panel.active{color:var(--text-primary)}.stat-card,.home-card,.shop-listing-editor,.shop-listing-browser{box-shadow:0 8px 30px rgba(48,38,92,.045)}input,select,textarea{background:#fff!important;color:var(--text-primary)!important;border-color:#dedce8!important}input:focus,select:focus,textarea:focus{border-color:#8d78e8!important;box-shadow:0 0 0 3px rgba(108,85,217,.11)!important}.btn{border-radius:10px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#765fe0,#624bc9);border-color:transparent;color:#fff;box-shadow:0 7px 18px rgba(98,75,201,.18)}.btn-primary:hover{background:linear-gradient(135deg,#6a53d4,#563fc0)}.btn-secondary{background:#fff;color:#544d72;border-color:#dedbe9}.btn-secondary:hover{background:#f7f5fd;border-color:#bdb5df}.seo-notice,.growth-notice,.shop-manager-status{background:#f7f5fd;border-color:#e3def7;color:#665f7d}
#panel-dashboard>.panel-header,#panel-dashboard>.stats-grid,#panel-dashboard>.quick-actions,#panel-dashboard>.models-section{display:none!important}.shop-home{max-width:1480px;margin:0 auto}.home-loading{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:9px;color:var(--text-secondary)}.home-loading span{width:34px;height:34px;border:3px solid #e4e0f6;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.home-loading strong{color:var(--text-primary);font-size:17px}.home-loading small{font-size:12px}.home-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:8px 2px}.home-shop-identity{display:flex;align-items:center;gap:15px}.home-shop-avatar{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:4px solid #fff;border-radius:17px;background:linear-gradient(135deg,#755ee5,#ee9ba7);box-shadow:0 9px 26px rgba(74,59,132,.15);color:#fff;font-size:24px;font-weight:800}.home-shop-avatar img{width:100%;height:100%;object-fit:cover}.home-eyebrow{display:block;margin-bottom:5px;color:#8a82aa;font-size:9px;font-weight:850;letter-spacing:.15em}.home-hero h1{margin:0;font-size:28px;letter-spacing:-.045em}.home-hero p{margin:4px 0 0;color:var(--text-secondary)}.home-hero-actions{display:flex;gap:9px}.home-metrics{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:13px;margin-bottom:14px}.home-metrics article{position:relative;overflow:hidden;min-height:132px;padding:20px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(47,37,88,.045)}.home-metrics article:after{content:"";position:absolute;right:-18px;top:-25px;width:92px;height:92px;border-radius:50%;background:currentColor;opacity:.08}.home-metrics article.violet{color:#7058d9}.home-metrics article.mint{color:#27a97c}.home-metrics article.peach{color:#e48a52}.home-metrics article.blue{color:#4d86d9}.home-metrics span{display:block;color:#77748a;font-size:11px;font-weight:700}.home-metrics strong{display:block;margin:10px 0 5px;color:currentColor;font-size:30px;letter-spacing:-.04em}.home-metrics strong em{font-size:12px;font-style:normal}.home-metrics small{color:#9794a5;font-size:10px}.home-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);gap:14px}.home-card{padding:20px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.96)}.home-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.home-card h2{font-size:16px;letter-spacing:-.02em}.home-card header button{border:0;background:none;color:var(--accent);font-size:10px;font-weight:750;cursor:pointer}.home-live-dot{padding:5px 8px;border-radius:999px;background:#eaf8f3;color:#188764;font-size:9px;font-weight:800}.home-sparkline{width:100%;height:155px;overflow:visible}.home-sparkline .line{fill:none;stroke:#7159dd;stroke-width:2;vector-effect:non-scaling-stroke}.home-sparkline .area{fill:url(#homeArea)}.home-chart-empty{display:grid;height:155px;place-items:center;border-radius:12px;background:#faf9fd;color:#aaa6b6;font-size:11px}.home-chart-legend{display:flex;justify-content:space-between;color:#8c899b;font-size:10px}.home-chart-legend i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#7159dd}.home-funnel-bars{display:grid;gap:13px}.home-funnel-bars>div{display:grid;grid-template-columns:82px 1fr 28px;align-items:center;gap:9px;font-size:10px}.home-funnel-bars b{height:8px;overflow:hidden;border-radius:99px;background:#f0eef5}.home-funnel-bars i{display:block;height:100%;min-width:2px;border-radius:99px}.home-funnel-bars strong{text-align:right}.home-priorities{grid-column:1/2}.home-priority-list{display:grid;gap:6px}.home-priority-list>button{display:grid;grid-template-columns:28px 1fr 34px;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:11px;background:#faf9fd;color:inherit;text-align:left;cursor:pointer}.home-priority-list>button:hover{background:#f3f0fc}.home-priority-list>button>span{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#ece8fb;color:#6550ce;font-size:10px;font-weight:800}.home-priority-list strong,.home-priority-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-priority-list strong{font-size:11px}.home-priority-list small{margin-top:3px;color:#9692a5;font-size:9px}.home-priority-list>button>b{color:var(--accent);font-size:13px}.home-inline-empty{padding:30px;text-align:center;color:#9894a6;font-size:11px}.home-ready-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-ready-grid>div{display:grid;grid-template-columns:25px 1fr;align-items:center;padding:10px;border-radius:10px;background:#faf9fd}.home-ready-grid>div>span{grid-row:1/3;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;font-size:10px}.home-ready-grid .ready>span{background:#dff5ed;color:#178460}.home-ready-grid .waiting>span{background:#eeecf3;color:#9793a4}.home-ready-grid strong{font-size:10px}.home-ready-grid small{color:#9995a6;font-size:8px}.home-connect{min-height:calc(100vh - 90px);display:grid;grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);align-items:center;gap:8%;padding:7% 8%;overflow:hidden;border:1px solid #ebe7f5;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,245,255,.95));box-shadow:0 24px 70px rgba(57,42,112,.1)}.home-connect h1{margin:10px 0 18px;font-size:clamp(34px,4vw,60px);line-height:1.04;letter-spacing:-.055em}.home-connect p{max-width:640px;color:#747084;font-size:16px;line-height:1.75}.home-connect-art{position:relative;display:grid;aspect-ratio:1;max-width:390px;place-items:center;border-radius:44% 56% 59% 41%;background:linear-gradient(145deg,#ede7ff,#fbe8eb);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.home-connect-art span{font-size:100px;color:#735bdd;text-shadow:0 18px 40px rgba(87,62,190,.22)}.home-connect-art i,.home-connect-art b{position:absolute;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(73,55,132,.13);font-style:normal}.home-connect-art i{left:6%;top:12%;width:70px;height:70px;color:#e48a65;font-size:33px}.home-connect-art b{right:5%;bottom:12%;width:58px;height:58px;color:#2ca27b;font-size:24px}.home-connect-actions{display:flex;align-items:center;gap:14px;margin-top:28px}.home-connect-actions small{color:#9894a5;font-size:9px}.home-state-card{max-width:720px;margin:15vh auto;padding:50px;border:1px solid var(--border);border-radius:24px;background:#fff;text-align:center;box-shadow:var(--shadow)}.home-state-card h1{margin:10px 0}.home-state-card p{margin-bottom:20px;color:var(--text-secondary)}
@media(max-width:1050px){.home-metrics{grid-template-columns:1fr 1fr}.home-layout{grid-template-columns:1fr}.home-priorities{grid-column:auto}.home-connect{grid-template-columns:1fr;padding:9%}.home-connect-art{display:none}}@media(max-width:700px){.main-content{padding:18px 14px 40px}.home-hero{align-items:flex-start;flex-direction:column}.home-hero-actions{width:100%}.home-hero-actions .btn{flex:1}.home-metrics{grid-template-columns:1fr 1fr;gap:9px}.home-metrics article{min-height:116px;padding:16px}.home-layout{grid-template-columns:1fr}.home-ready-grid{grid-template-columns:1fr}.home-connect{min-height:calc(100vh - 36px);padding:28px;border-radius:20px}.home-connect h1{font-size:36px}.home-connect-actions{align-items:stretch;flex-direction:column}}@media(max-width:430px){.home-metrics{grid-template-columns:1fr}.home-shop-avatar{width:48px;height:48px}.home-hero h1{font-size:23px}}

/* ========================================================================== */
/* LUXURY AI WORKSPACE — global proportion, depth and interaction system      */
/* ========================================================================== */
:root{--sidebar-width:280px;--surface-glass:rgba(255,255,255,.86);--surface-soft:#f8f7fc;--surface-strong:#fff;--ink:#242039;--muted:#817d91;--luxury-purple:#6d56d9;--luxury-cyan:#39a9c8;--luxury-line:rgba(68,53,115,.105);--luxury-shadow:0 18px 55px rgba(45,34,89,.07);--luxury-shadow-hover:0 22px 65px rgba(54,39,112,.12)}
html{scroll-behavior:smooth}.ai-workspace{background:#f6f7fb}.ai-ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(145deg,#f9faff 0%,#f6f7fb 48%,#faf8ff 100%)}.ai-ambient i{position:absolute;border-radius:50%;filter:blur(8px);opacity:.5;animation:ambientFloat 16s ease-in-out infinite}.ai-ambient i:nth-child(1){top:-18%;right:-7%;width:520px;height:520px;background:radial-gradient(circle,rgba(126,97,231,.18),transparent 68%)}.ai-ambient i:nth-child(2){left:28%;bottom:-26%;width:600px;height:600px;background:radial-gradient(circle,rgba(55,176,197,.11),transparent 70%);animation-delay:-6s}.ai-ambient i:nth-child(3){left:12%;top:34%;width:240px;height:240px;background:radial-gradient(circle,rgba(239,142,176,.08),transparent 70%);animation-delay:-11s}.ai-ambient span{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(89,71,150,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(89,71,150,.026) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 78%)}@keyframes ambientFloat{50%{transform:translate3d(24px,18px,0) scale(1.06)}}
.sidebar{width:var(--sidebar-width);background:rgba(255,255,255,.9);border-right:1px solid rgba(69,55,114,.09);box-shadow:12px 0 45px rgba(43,34,82,.045);backdrop-filter:blur(24px) saturate(1.15)}.logo{min-height:76px;padding:18px 20px}.logo-icon{position:relative;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#7c65e8,#5742bd);box-shadow:0 10px 24px rgba(97,73,203,.28)}.logo-icon:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(111,85,218,.18);border-radius:16px}.logo-text{font-size:16px;font-weight:820;letter-spacing:-.025em}.nav-menu{padding:4px 11px 18px;scrollbar-width:thin}.nav-home-item{position:sticky;top:0;z-index:8;margin:0 2px 10px!important;border:1px solid rgba(107,84,215,.12);background:linear-gradient(135deg,#f4f1ff,#faf9ff);box-shadow:0 8px 22px rgba(63,48,121,.07);font-weight:800}.nav-home-item:before{content:"⌂";display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:#e9e4fd;color:#624bc8;font-size:14px}.nav-home-item .nav-icon{display:none}.nav-home-item.active{border-color:transparent;background:linear-gradient(135deg,#765fe0,#5c46c3);box-shadow:0 11px 26px rgba(92,70,195,.24)}.nav-home-item.active:before{background:rgba(255,255,255,.18);color:#fff}.nav-group{margin:5px 0}.nav-group-toggle{min-height:44px;padding:10px 11px;border:1px solid transparent;border-radius:12px}.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{border-color:rgba(105,83,205,.08);background:linear-gradient(135deg,#f4f2fb,#faf9fd)}.nav-group-title{font-size:11px;font-weight:800;letter-spacing:.005em}.nav-group-count{height:19px;background:#ebe8f5;color:#77718d}.nav-group-items{position:relative}.nav-group-items:before{content:"";position:absolute;left:20px;top:4px;bottom:9px;width:1px;background:linear-gradient(#dcd6f4,transparent)}.nav-group-items .nav-item{position:relative;z-index:1;min-height:37px;margin:2px 3px;padding:8px 10px 8px 28px;border:1px solid transparent;border-radius:9px;font-size:11px}.nav-group-items .nav-item:hover{border-color:#ebe7f7;background:#f8f6fd;transform:translateX(2px)}.nav-group-items .nav-item.active{border-color:rgba(107,84,215,.15);background:linear-gradient(135deg,#7560db,#624bc5);box-shadow:0 8px 20px rgba(93,71,193,.2);transform:none}.nav-group-items .nav-icon{font-size:13px}.etsy-sidebar-connect{margin:8px 12px;padding:10px;border-color:#e5e0f5;background:linear-gradient(145deg,#f7f4ff,#fff);box-shadow:0 8px 24px rgba(66,48,127,.055)}.etsy-sidebar-connect p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:9px}.etsy-sidebar-connect strong{font-size:10px}.etsy-sidebar-connect .btn{padding:7px;font-size:9px}.sidebar-footer{padding:10px 20px}.status-indicator{font-size:10px}
.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:10001;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:6px 16px;background:rgba(255,255,255,.97);border-top:1px solid var(--border,#e8e7ef);backdrop-filter:blur(10px);font-size:9px;color:#9793a5}
.site-footer-links{display:flex;gap:12px;flex-wrap:wrap}
.site-footer a{color:#6f6b80;text-decoration:none;font-weight:600}
.site-footer a:hover{color:var(--accent,#6c55d9)}
.site-footer small{color:#adaabb}
@media(max-width:700px){.site-footer{flex-direction:column;gap:3px;padding:6px 10px;text-align:center}}
.main-content{width:calc(100% - var(--sidebar-width));min-width:0;margin-left:var(--sidebar-width);padding:20px clamp(20px,2.5vw,42px) 64px}.workspace-panel{width:100%!important;max-width:1580px!important;min-width:0;margin:0 auto;overflow:visible}.workspace-panel>*{max-width:100%}.panel-entering{animation:luxuryPanelIn .46s cubic-bezier(.2,.8,.2,1) both}@keyframes luxuryPanelIn{from{opacity:0;transform:translateY(12px) scale(.995);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}.module-back-row{height:36px;margin:0 0 8px;padding:0}.module-back-button{height:32px;padding:6px 10px;border-color:#e5e1ef;border-radius:9px;background:rgba(255,255,255,.76);box-shadow:0 5px 16px rgba(50,38,92,.04);font-size:9px}.module-back-button:hover{background:#fff;box-shadow:0 8px 22px rgba(61,45,122,.1)}.module-back-location{font-size:8px}.panel-header,.workspace-header{position:relative;margin:0 0 16px!important;padding:17px 19px;border:1px solid var(--luxury-line);border-radius:16px;background:linear-gradient(125deg,rgba(255,255,255,.94),rgba(248,246,255,.88));box-shadow:0 10px 35px rgba(47,36,91,.045);overflow:hidden}.panel-header:after,.workspace-header:after{content:"";position:absolute;right:-45px;top:-72px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(112,87,219,.11),transparent 68%);pointer-events:none}.panel-header h1,.workspace-header h1{margin:0 0 5px!important;font-size:clamp(20px,1.8vw,27px)!important;line-height:1.16;letter-spacing:-.04em}.panel-header p,.workspace-header p{max-width:860px;margin:0!important;font-size:11px!important;line-height:1.55}.seo-header{align-items:center;gap:14px}.seo-header>div:last-child{display:flex;gap:7px;flex-wrap:wrap}
.stats-grid,.seo-metrics,.sales-os-summary,.catalog-intel-summary,.benchmark-metrics,.listing-change-summary,.seo-impact-summary,.category-radar-summary,.template-metrics{gap:9px!important;margin:10px 0 14px!important}.stat-card,.seo-metric,.seo-metrics>div,.sales-os-summary>div,.catalog-intel-summary>div,.benchmark-metrics>div,.listing-change-summary>div,.seo-impact-summary>div,.category-radar-summary>div,.template-metrics>div{min-height:82px!important;padding:12px 14px!important;border:1px solid var(--luxury-line)!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#fbfaff)!important;box-shadow:0 7px 24px rgba(46,35,89,.04);transition:border-color .2s,box-shadow .2s,transform .2s}.stat-card:hover,.seo-metric:hover,.seo-metrics>div:hover,.sales-os-summary>div:hover{border-color:rgba(107,84,215,.26)!important;box-shadow:0 13px 34px rgba(60,44,123,.09);transform:translateY(-2px)}.sales-os-summary strong,.catalog-intel-summary strong,.listing-change-summary strong,.seo-impact-summary strong{font-size:20px!important}.seo-notice,.growth-notice,.shop-manager-status{margin:9px 0!important;padding:9px 12px!important;border:1px solid #e6e1f5!important;border-radius:10px!important;background:linear-gradient(135deg,#f8f6ff,#fcfbff)!important;font-size:9px!important;line-height:1.5}
.sales-os-panel{padding-top:0!important}.sales-os-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:11px}.sales-os-grid>article{padding:13px;border-color:var(--luxury-line);border-radius:14px;box-shadow:var(--luxury-shadow)}.sales-os-grid h2{font-size:14px;margin-bottom:10px}.sales-decision-list{gap:7px}.sales-decision-list>section{position:relative;grid-template-columns:30px minmax(0,1fr);padding:10px 12px;border:1px solid #e9e6f1;border-left:4px solid #755ddc;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(46,35,89,.035);transition:.2s}.sales-decision-list>section:nth-child(4n+2){border-left-color:#35a887}.sales-decision-list>section:nth-child(4n+3){border-left-color:#e59a54}.sales-decision-list>section:nth-child(4n){border-left-color:#4b91d7}.sales-decision-list>section:hover{box-shadow:0 10px 28px rgba(51,38,101,.09);transform:translateX(2px)}.sales-rank{width:27px;height:27px;font-size:10px}.sales-decision-list header strong{font-size:11px}.sales-decision-list header span{font-size:15px}.sales-decision-list p{font-size:9px;line-height:1.45}.sales-decision-list small{font-size:8px}.sales-learning section{border:1px solid #ebe8f3;background:#faf9fd}.sales-guardrails{padding:9px;margin-top:10px}
.shop-listing-list,.health-report-list,.official-seo-list,.priority-action-grid,.catalog-alert-list,.catalog-lifecycle-grid,.bulk-approval-list,.keyword-intel-grid,.category-opportunity-grid,.listing-change-list{gap:9px!important}.shop-listing-item,.health-report-card,.official-seo-list>article,.priority-action-card,.catalog-alert-list>article,.catalog-lifecycle-grid>article,.bulk-approval-list>article,.keyword-intel-card,.category-opportunity-card,.listing-change-list>article{border:1px solid #e7e4ee!important;border-radius:12px!important;background:#fff!important;box-shadow:0 6px 22px rgba(44,34,83,.035);transition:border-color .2s,box-shadow .2s,transform .2s}.shop-listing-item:hover,.health-report-card:hover,.official-seo-list>article:hover,.priority-action-card:hover,.catalog-alert-list>article:hover,.catalog-lifecycle-grid>article:hover,.keyword-intel-card:hover,.category-opportunity-card:hover,.listing-change-list>article:hover{border-color:rgba(108,85,217,.3)!important;box-shadow:0 13px 34px rgba(55,41,111,.09);transform:translateY(-1px)}.shop-listing-item{position:relative;padding:9px}.shop-listing-item:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:#7660dc;opacity:.5}.shop-listing-item.active:before{opacity:1}.shop-listing-thumb{border:1px solid #ece9f2;box-shadow:0 4px 12px rgba(40,31,74,.08)}.official-seo-list,.keyword-intel-grid,.category-opportunity-grid,.priority-action-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.official-seo-list>article{padding:12px}.official-seo-checks{gap:5px}.official-seo-checks section{padding:7px;border:1px solid #edeaf3;background:#faf9fc}.health-layout,.shop-manager-layout{gap:12px}.health-detail,.shop-listing-editor,.shop-listing-browser{border:1px solid var(--luxury-line);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:var(--luxury-shadow)}
.table-wrapper,.seo-table-wrapper,.growth-table,.ads-decision-table,.competitor-listing-table,.table-scroll{overflow:auto;border:1px solid #e7e4ee;border-radius:13px;background:#fff;box-shadow:0 8px 28px rgba(45,34,89,.04)}table{border-spacing:0}table th{position:sticky;top:0;z-index:2;padding:10px 11px!important;border-bottom:1px solid #e8e4f0!important;background:#f5f3fa!important;color:#68627d!important;font-size:8px!important;font-weight:850!important;letter-spacing:.045em;text-transform:uppercase}table td{padding:10px 11px!important;border-bottom:1px solid #efedf3!important;background:#fff;color:#393549;font-size:9px}table tbody tr:nth-child(even) td{background:#fcfbfe}table tbody tr:hover td{background:#f7f4ff}.btn{min-height:34px;padding:8px 12px;font-size:10px;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}
.ai-panel-transition{position:fixed;left:var(--sidebar-width);right:0;top:0;z-index:500;display:grid;height:3px;place-items:center;pointer-events:none;opacity:0}.ai-panel-transition:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#755ee0,#3eb4c5,transparent);transform:scaleX(0);transform-origin:left}.ai-panel-transition.visible{opacity:1}.ai-panel-transition.visible:before{animation:aiProgress .52s cubic-bezier(.2,.8,.2,1)}.ai-transition-core,.ai-panel-transition small{display:none}@keyframes aiProgress{0%{transform:scaleX(0);opacity:.3}55%{transform:scaleX(.72);opacity:1}100%{transform:scaleX(1);opacity:0}}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background-clip:padding-box;background:#c9c4d8}::-webkit-scrollbar-thumb:hover{background:#a99fca}
@media(max-width:1100px){.sales-os-grid{grid-template-columns:1fr}.official-seo-list,.keyword-intel-grid,.category-opportunity-grid,.priority-action-grid{grid-template-columns:1fr}.main-content{padding-right:20px;padding-left:20px}}@media(max-width:768px){:root{--sidebar-width:280px}.main-content{width:100%;margin-left:0;padding:64px 12px 35px}.workspace-panel{overflow:hidden}.panel-header,.workspace-header{padding:14px;border-radius:13px}.panel-header h1,.workspace-header h1{font-size:20px!important}.module-back-row{position:relative;top:auto;margin:0 0 7px;padding:0;background:none}.sales-os-summary,.catalog-intel-summary,.listing-change-summary{grid-template-columns:1fr 1fr!important}.sales-os-grid{grid-template-columns:1fr}.ai-panel-transition{left:0}.seo-header{align-items:stretch;flex-direction:column}.seo-header>div:last-child .btn{flex:1}.etsy-sidebar-connect{margin-bottom:6px}}@media(max-width:480px){.sales-os-summary,.catalog-intel-summary,.listing-change-summary{grid-template-columns:1fr!important}.main-content{padding-right:9px;padding-left:9px}.panel-header,.workspace-header{padding:13px}.official-seo-checks{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Compact review workspace: bulk approval is a decision table, not card wall */
.bulk-approval-command{position:sticky;top:8px;z-index:12;display:grid;grid-template-columns:auto minmax(360px,1fr) auto;align-items:center;gap:14px;margin:10px 0 8px;padding:10px 12px;border:1px solid #e4e0ee;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(48,35,96,.08);backdrop-filter:blur(16px)}.bulk-approval-selection{display:flex;align-items:center;gap:9px;min-width:145px}.bulk-selection-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#eeeafd;color:#684fd2;font-weight:900}.bulk-approval-selection strong,.bulk-approval-selection small{display:block}.bulk-approval-selection strong{font-size:11px}.bulk-approval-selection small{margin-top:2px;color:var(--text-secondary);font-size:8px}.bulk-approval-filters{display:grid;grid-template-columns:minmax(220px,1fr) 150px;gap:7px}.bulk-approval-filters input,.bulk-approval-filters select{height:34px;padding:6px 9px;font-size:9px}.bulk-approval-columns{display:grid;grid-template-columns:32px minmax(180px,.72fr) minmax(240px,1fr) 24px minmax(240px,1fr) 30px;gap:10px;padding:5px 12px;color:#8a8598;font-size:7px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.bulk-approval-list{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.bulk-approval-list>article{display:grid!important;grid-template-columns:32px minmax(180px,.72fr) minmax(240px,1fr) 24px minmax(240px,1fr) 30px!important;align-items:center!important;gap:10px!important;min-height:76px;padding:9px 12px!important;border-left:3px solid #755ddd!important;border-radius:10px!important}.bulk-approval-list>article[data-field="tags"]{border-left-color:#32a982!important}.bulk-approval-list>article[data-field="description"]{border-left-color:#e39a55!important}.bulk-approval-list>article:hover{transform:translateX(2px)!important}.bulk-check{display:grid;place-items:center}.bulk-check input{width:17px;height:17px;accent-color:#6c53d6}.bulk-approval-list>article>header{display:grid;min-width:0;gap:3px}.bulk-approval-list>article>header small{overflow:hidden;color:#9994a6;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.bulk-approval-list>article>header h2{overflow:hidden;margin:0;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.bulk-approval-list>article>header strong{justify-self:start;padding:3px 6px;border-radius:999px;background:#eeeafd;color:#664dcc;font-size:7px}.bulk-approval-list>article[data-field="tags"]>header strong{background:#e5f7f1;color:#168260}.bulk-approval-list>article[data-field="description"]>header strong{background:#fff1e5;color:#b66c2f}.bulk-diff{display:contents!important}.bulk-diff>span{min-width:0;padding:7px 9px;border:1px solid #ece9f1;border-radius:8px;background:#faf9fc}.bulk-diff>span:last-child{border-color:#e4def8;background:#f8f6ff}.bulk-diff>span>small{display:block;margin-bottom:3px;color:#9691a2;font-size:7px;font-weight:800}.bulk-value{display:-webkit-box!important;overflow:hidden;max-height:32px;color:#454052;font-size:9px;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bulk-diff>i{color:#765ddd;font-size:14px;text-align:center}.bulk-expand{display:grid;width:27px;height:27px;place-items:center;border:1px solid #e5e1ec;border-radius:8px;background:#fff;color:#6d56d9;cursor:pointer}.bulk-expand:hover{background:#f2effd}.bulk-approval-list>article.expanded{align-items:start!important}.bulk-approval-list>article.expanded .bulk-value{display:block!important;max-height:240px;overflow:auto;-webkit-line-clamp:unset}.bulk-approval-list>article.expanded .bulk-diff>span{padding:10px}.bulk-approval-bar{display:none!important}
@media(max-width:1050px){.bulk-approval-command{grid-template-columns:1fr auto}.bulk-approval-filters{grid-column:1/-1;grid-row:2}.bulk-approval-columns{display:none}.bulk-approval-list>article{grid-template-columns:28px minmax(150px,.65fr) minmax(0,1fr) 28px!important}.bulk-diff{display:grid!important;grid-template-columns:1fr 20px 1fr;gap:6px}.bulk-expand{grid-column:4}.bulk-approval-list>article>header{grid-column:2}.bulk-approval-list>article>.bulk-diff{grid-column:3}.bulk-check{grid-row:1}.bulk-approval-list>article.expanded>.bulk-diff{grid-column:2/5;margin-left:0}}@media(max-width:680px){.bulk-approval-command{position:relative;top:auto;grid-template-columns:1fr}.bulk-approval-command>.btn{width:100%}.bulk-approval-filters{grid-column:auto;grid-template-columns:1fr}.bulk-approval-list>article{grid-template-columns:28px minmax(0,1fr) 28px!important}.bulk-approval-list>article>header{grid-column:2}.bulk-approval-list>article>.bulk-diff{grid-column:1/4;grid-row:2;grid-template-columns:1fr}.bulk-diff>i{transform:rotate(90deg)}.bulk-expand{grid-column:3;grid-row:1}.bulk-check{grid-column:1}.bulk-approval-list>article.expanded>.bulk-diff{grid-column:1/4}}

/* Amazon public category and product trend radar */
.amazon-radar-panel{width:100%;max-width:none}.amazon-radar-form{display:grid;grid-template-columns:170px minmax(260px,1fr) 180px 140px;gap:9px;align-items:end;margin:14px 0;padding:15px;border:1px solid var(--luxury-line);border-radius:14px;background:linear-gradient(145deg,#fff,#fbfaff);box-shadow:0 10px 30px rgba(49,35,97,.05)}.amazon-radar-form label{display:grid;gap:5px;color:var(--text-secondary);font-size:9px}.amazon-search-field{grid-column:1/-2}.amazon-search-field small{font-size:8px}.amazon-radar-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.amazon-radar-summary>div{display:grid;gap:5px;min-height:78px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.amazon-radar-summary strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.amazon-radar-summary span,.amazon-radar-heading p{color:var(--text-secondary);font-size:9px}.amazon-radar-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px}.amazon-radar-heading h2,.amazon-radar-heading p{margin:0 0 4px}.amazon-radar-heading>span{padding:6px 10px;border-radius:999px;background:#eeeafd;color:#674fd1;font-size:9px;font-weight:800}.amazon-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:11px}.amazon-product-card{display:grid;grid-template-columns:135px 1fr;overflow:hidden;min-height:210px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card);box-shadow:0 8px 24px rgba(47,34,91,.04)}.amazon-product-image{position:relative;display:grid;place-items:center;background:#f7f5fb}.amazon-product-image img{width:100%;height:100%;object-fit:contain}.amazon-product-image>b{position:absolute;top:8px;left:8px;padding:5px 8px;border-radius:999px;color:#fff;background:#6d54d7;font-size:9px}.amazon-product-body{display:flex;min-width:0;padding:12px;flex-direction:column}.amazon-product-body>small{color:var(--text-secondary);font-size:8px}.amazon-product-body h2{display:-webkit-box;overflow:hidden;margin:6px 0;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.amazon-product-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.amazon-product-metrics>span{display:grid;gap:3px;padding:6px;border-radius:7px;background:var(--bg-secondary);color:var(--text-secondary);font-size:7px}.amazon-product-metrics b{color:var(--text-primary);font-size:9px}.amazon-rank-up{color:#15803d!important}.amazon-rank-down{color:#dc2626!important}.amazon-match-tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.amazon-match-tags span{padding:4px 7px;border-radius:999px;background:#eeeafd;color:#654ccc;font-size:8px}.amazon-product-body footer{display:flex;gap:6px;margin-top:auto;justify-content:flex-end}@media(max-width:900px){.amazon-radar-form{grid-template-columns:1fr 1fr}.amazon-search-field{grid-column:1/-1}.amazon-radar-summary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.amazon-radar-form,.amazon-radar-summary,.amazon-product-grid{grid-template-columns:1fr}.amazon-search-field{grid-column:auto}.amazon-product-card{grid-template-columns:100px 1fr}.amazon-product-metrics{grid-template-columns:1fr 1fr}}

/* Listing lookup and generated video actions */
.listing-finder{margin:14px 0;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:12px;background:linear-gradient(135deg,var(--bg-card),color-mix(in srgb,var(--accent) 4%,var(--bg-card)))}.listing-finder-fields{display:grid;grid-template-columns:1fr 1fr minmax(280px,1.45fr) auto;gap:9px;align-items:end}.listing-finder label{display:grid;gap:5px;color:var(--text-secondary);font-size:10px}.listing-finder>small{display:block;margin-top:8px;color:var(--text-secondary)}.listing-compare-id.finder-filled{outline:2px solid var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}.seo-impact-toolbar{grid-template-columns:190px 1fr 220px 190px}@media(max-width:1000px){.listing-finder-fields,.video-create-form{grid-template-columns:1fr 1fr}.listing-finder-fields .btn,.video-create-form .btn{grid-column:1/-1}}@media(max-width:650px){.listing-finder-fields,.video-create-form{grid-template-columns:1fr}}

/* Unified compact empty/loading states prevent visually empty full-height pages */
.workspace-panel .shop-editor-empty{position:relative;min-height:118px;margin:10px 0;padding:30px 18px;border:1px dashed #ddd7ed;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,246,255,.86));color:#817c91;font-size:11px;line-height:1.6}.workspace-panel .shop-editor-empty:before{content:"✦";display:grid;width:28px;height:28px;margin:0 auto 8px;place-items:center;border-radius:9px;background:#eeeafd;color:#6b52d4;font-size:12px}.workspace-panel .loading{min-height:96px;margin:10px 0;padding:34px;border:1px solid #e8e4f0;border-radius:13px;background:rgba(255,255,255,.84)}.workspace-panel .seo-error{margin:10px 0;padding:12px 14px;border-color:#f0c7ce;border-radius:11px;background:#fff7f8;color:#bd4558}
/* AI Mockup Studio */
.ai-mockup-count{padding:10px 14px;border-radius:999px;background:#f0fdf4;color:#166534;font-weight:800;white-space:nowrap}
.ai-mockup-catalog-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ai-mockup-room-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff}.ai-mockup-room-filters[hidden]{display:none}.ai-mockup-room-filters>strong{margin-right:4px}.ai-mockup-room-chip{display:grid;grid-template-columns:auto auto;gap:1px 7px;align-items:center;padding:8px 11px;border:1px solid #ddd7ed;border-radius:12px;background:#faf9fd;color:var(--text);cursor:pointer}.ai-mockup-room-chip b{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:#eeeafd;color:#6346cf}.ai-mockup-room-chip small{grid-column:1/3;color:var(--text-muted)}.ai-mockup-room-chip.active{border-color:#7255d9;background:#f1edff;box-shadow:0 0 0 2px rgba(114,85,217,.12)}
.ai-mockup-room-select{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;padding:10px;border:1px solid #e3dff0;border-radius:12px;background:#fbfaff}.ai-mockup-room-select legend{grid-column:1/-1;font-size:10px;font-weight:800;color:#6651b8}.ai-mockup-room-select label{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-secondary)}.ai-mockup-room-select input{accent-color:#7054d6}
.smart-manual-title-editor{display:flex;gap:7px;align-items:center;margin-top:8px;padding:9px;border:1px solid #e4def7;border-radius:10px;background:linear-gradient(135deg,#faf8ff,#f4fbf8)}.smart-manual-title-editor input{flex:1;min-width:0}.smart-manual-title-editor button{white-space:nowrap}
.ai-mockup-result-actions .btn.active{border-color:#7255d9;background:#7255d9;color:#fff}
.smart-reference-picker-button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--text);text-align:left;cursor:pointer}.smart-reference-chosen{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-reference-picker{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#faf9fd;box-shadow:0 16px 36px rgba(48,35,88,.12)}.smart-reference-picker[hidden]{display:none}.smart-reference-list-column{display:grid;gap:8px;min-width:0}.smart-reference-list-column>input{width:100%}.smart-reference-list{max-height:300px;overflow:auto;display:grid;gap:5px;padding-right:4px}.smart-reference-row{display:grid;gap:3px;padding:9px 11px;border:1px solid transparent;border-radius:9px;background:#fff;color:var(--text);text-align:left;cursor:pointer}.smart-reference-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-reference-row small{color:var(--text-muted)}.smart-reference-row:hover,.smart-reference-row:focus{border-color:#8065db;background:#f2eeff;outline:none}.smart-reference-preview{position:sticky;top:0;align-self:start;display:grid;gap:8px;min-height:220px;padding:10px;border:1px solid #e1dbea;border-radius:12px;background:#fff;overflow:hidden}.smart-reference-preview img,.smart-reference-no-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:#f0edf6}.smart-reference-no-image{display:grid;place-items:center;color:var(--text-muted)}.smart-reference-preview strong{font-size:12px;line-height:1.35}.smart-reference-preview span,.smart-reference-preview small{font-size:11px;color:var(--text-muted)}.smart-reference-preview-empty{display:grid;min-height:200px;place-items:center;text-align:center;color:var(--text-muted);font-size:12px}@media(max-width:700px){.smart-reference-picker{grid-template-columns:1fr}.smart-reference-preview{position:static;grid-template-columns:90px 1fr;min-height:0}.smart-reference-preview img,.smart-reference-no-image{grid-row:1/4;width:90px}}
.smart-etsy-create-status{position:relative;display:grid;gap:4px;margin:12px 0;padding:12px 14px;border:1px solid #ddd7ed;border-radius:12px;background:#fff;color:var(--text);box-shadow:0 10px 28px rgba(47,35,85,.12)}.smart-etsy-create-status.loading{border-color:#a995ed;background:#f5f2ff;color:#5137ad}.smart-etsy-create-status.error{border-color:#efb8c1;background:#fff5f6;color:#ae3047}.smart-etsy-create-status.success{border-color:#9edabd;background:#f1fff8;color:#17643e}.smart-etsy-create-status strong,.smart-etsy-create-status span{display:block}
.smart-etsy-create-actions{position:sticky;bottom:12px;z-index:80;display:flex;justify-content:flex-end;margin-top:12px;padding:12px;border:1px solid #ded8ec;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 16px 38px rgba(46,33,87,.18);backdrop-filter:blur(10px)}.smart-etsy-create-actions #smartEtsyCreateButton{min-width:260px;pointer-events:auto}
.ai-mockup-workspace{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:22px;align-items:start;margin-top:18px}
.ai-mockup-controls{position:sticky;top:58px;display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(76,61,120,.08)}
.ai-mockup-controls>label:not(.ai-mockup-upload){display:grid;gap:7px;font-weight:750;color:var(--text)}
.ai-mockup-upload{display:grid;gap:5px;padding:22px;border:2px dashed #b8a9eb;border-radius:16px;background:#f8f6ff;text-align:center;cursor:pointer;color:#5b3fb4}
.ai-mockup-upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0}
.ai-mockup-upload span{font-weight:850}.ai-mockup-upload small{color:var(--text-muted)}
.ai-mockup-source{min-height:110px;display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:#f7f7fb;color:var(--text-muted)}
.ai-mockup-source img{width:90px;height:90px;object-fit:cover;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.12)}
.ai-mockup-source div{display:grid;gap:5px;min-width:0}.ai-mockup-source strong{color:var(--text);overflow:hidden;text-overflow:ellipsis}.ai-mockup-source span{font-size:12px}
.ai-mockup-controls fieldset{display:grid;gap:9px;padding:12px;border:1px solid var(--border);border-radius:12px}.ai-mockup-controls legend{padding:0 6px;font-weight:800}.ai-mockup-controls fieldset label{display:flex;align-items:center;gap:8px}
.ai-mockup-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.ai-mockup-reveal-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:14px 0;padding:13px 18px;border:1px solid #d9d0f3;border-radius:14px;background:linear-gradient(135deg,#f5f1ff,#eefbf7);color:#6048c6;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(88,67,168,.12);animation:aiRevealPulse 1.8s ease-in-out infinite}.ai-mockup-reveal-more span{font-size:18px;animation:aiSparkle 1.2s ease-in-out infinite}.ai-mockup-reveal-more b{font-size:10px;color:#81779b}.ai-mockup-reveal-more.ai-mockup-ai-open{animation:aiRevealOpen .52s ease-out}
.ai-mockup-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(41,30,82,.08)}
.ai-mockup-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 12px 30px rgba(41,30,82,.12)}
.ai-mockup-card>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#f4f1fa}
.ai-mockup-card{position:relative}.ai-mockup-card::after{content:"";position:fixed;z-index:10000;inset:50% auto auto 50%;width:min(60vw,720px);height:min(60vw,720px);transform:translate(-50%,-50%) scale(.96);border:8px solid #fff;border-radius:18px;background-image:var(--mockup-preview);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#17131f;box-shadow:0 28px 90px rgba(0,0,0,.58);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s,transform .16s ease}.ai-mockup-card:has(>img:hover)::after{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition:opacity .16s ease 1s,visibility 0s linear 1s,transform .16s ease 1s}
.ai-mockup-card>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:14px}.ai-mockup-card small,.ai-mockup-card strong{grid-column:1}.ai-mockup-card a{grid-column:2;grid-row:1/3}
.ai-mockup-select{grid-column:1/3!important;display:flex;align-items:center;gap:7px;font-weight:800;cursor:pointer}.ai-mockup-select input{width:18px;height:18px}.ai-mockup-result-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff}.ai-mockup-result-actions span{display:flex;gap:8px;flex-wrap:wrap}
.ai-mockup-result-actions[hidden]{display:none}
@keyframes aiRevealPulse{0%,100%{box-shadow:0 8px 24px rgba(88,67,168,.12);transform:translateY(0)}50%{box-shadow:0 12px 30px rgba(88,67,168,.24);transform:translateY(-2px)}}@keyframes aiSparkle{0%,100%{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(18deg) scale(1.25);opacity:1}}@keyframes aiRevealOpen{from{opacity:.3;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:1050px){.ai-mockup-workspace{grid-template-columns:1fr}.ai-mockup-controls{position:static}.ai-mockup-results{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.ai-mockup-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ai-mockup-results{grid-template-columns:1fr}.ai-mockup-card>div{grid-template-columns:1fr}.ai-mockup-card a{grid-column:1;grid-row:auto}}

/* LUNC düz yazı wordmark — bu dosyadaki önceki katmanlı logo kurallarının
   tümünü ezmesi için bilerek dosyanın en sonuna eklendi. */
.logo{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important}
.logo-icon,.brand .logo-icon{display:none!important}
.logo-text{background:none!important;-webkit-text-fill-color:var(--text-primary)!important;font-size:21px!important;font-weight:800!important;letter-spacing:.03em!important;color:var(--text-primary)}
.logo-tagline{display:block;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}

.home-subtext{display:block;margin-top:2px;font-size:10px;font-weight:600;color:var(--text-secondary)}

.sales-os-subtitle{margin:0 0 12px;font-size:11px;line-height:1.55;color:var(--text-secondary)}
.sales-decision-list header span i{margin-left:1px;font-style:normal;font-size:10px;font-weight:600;opacity:.65}

.price-position-badge,.price-action-badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
.price-position-badge.below_market{background:#fef3c7;color:#92400e}
.price-position-badge.in_market{background:#dbeafe;color:#1e40af}
.price-position-badge.above_market{background:#ede9fe;color:#6d28d9}
.price-position-badge.unavailable{background:#f1f5f9;color:#64748b}
.price-action-badge.raise{background:#dcfce7;color:#166534}
.price-action-badge.lower{background:#fee2e2;color:#991b1b}
.price-action-badge.hold{background:#e0e7ff;color:#3730a3}
.price-action-badge.unavailable{background:#f1f5f9;color:#64748b}

.account-health-banner{display:flex;flex-direction:column;gap:3px;padding:16px 18px;margin:14px 0;border-radius:12px;border-left:5px solid}
.account-health-banner strong{font-size:16px}
.account-health-banner span{font-size:12px;color:var(--text-secondary)}
.account-health-banner.clear{background:#f0fdf4;border-color:#16a34a}
.account-health-banner.watch{background:#fffbeb;border-color:#d97706}
.account-health-banner.at_risk{background:#fef2f2;border-color:#dc2626}
.account-health-orders{display:grid;gap:8px;margin-bottom:14px}
.account-health-order-group{padding:11px 13px;border-radius:9px;border:1px solid var(--border);background:var(--bg-card)}
.account-health-order-group strong{display:block;font-size:13px}
.account-health-order-group small{color:var(--text-secondary);font-size:11px}
.account-health-order-group.at_risk{border-left:4px solid #dc2626}
.account-health-order-group.watch{border-left:4px solid #d97706}
.account-health-order-group.clear{border-left:4px solid #16a34a}
.account-health-status{display:inline-block;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
.account-health-status.pass{background:#dcfce7;color:#166534}
.account-health-status.fail{background:#fee2e2;color:#991b1b}
.account-health-status.unknown,.account-health-status.unavailable{background:#f1f5f9;color:#64748b}

.rank-drop-card{padding:14px 16px;margin-bottom:10px;border:1px solid var(--border);border-left:4px solid;border-radius:10px;background:var(--bg-card)}
.rank-drop-card.own_edit{border-left-color:#d97706}
.rank-drop-card.external{border-left-color:#64748b}
.rank-drop-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.rank-drop-card header strong{display:block;font-size:13px}
.rank-drop-card header small{color:var(--text-secondary);font-size:11px}
.rank-drop-card p{margin:8px 0 0;font-size:12px;color:var(--text-secondary)}
.rank-drop-cause-badge{flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
.rank-drop-cause-badge.own_edit{background:#fef3c7;color:#92400e}
.rank-drop-cause-badge.external{background:#f1f5f9;color:#475569}
.rank-drop-changes{margin:10px 0 0;padding:0 0 0 16px;display:grid;gap:6px;font-size:11px}
.rank-drop-changes small{color:var(--text-secondary)}

.smart-etsy-publish-choice{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.smart-etsy-publish-choice .title-item{cursor:pointer}
.smart-etsy-publish-choice .title-text small{display:block;margin-top:2px;color:var(--text-secondary);font-weight:400}
.ai-cover-editor[hidden]{display:none}.ai-cover-editor{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.72);backdrop-filter:blur(8px)}.ai-cover-editor-dialog{width:min(980px,96vw);max-height:94vh;overflow:auto;padding:22px;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28)}.ai-cover-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ai-cover-editor-head h2{margin:0 0 5px}.ai-cover-editor-head p{margin:0;color:var(--text-secondary)}.ai-cover-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.ai-cover-compare figure{margin:0}.ai-cover-compare figcaption{margin-bottom:7px;font-size:12px;font-weight:800}.ai-cover-compare figure>img,.ai-cover-preview{width:100%;aspect-ratio:4/3;border:1px solid #d8e5e3;border-radius:14px;background:#edf3f2}.ai-cover-compare figure>img{object-fit:contain}.ai-cover-preview{position:relative;overflow:hidden;background-position:center;background-size:cover}.ai-cover-preview:before{content:"";position:absolute;inset:-20px;background:inherit;filter:blur(18px) brightness(.82);transform:scale(1.12)}.ai-cover-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center;transition:transform .08s linear}.ai-cover-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ai-cover-controls label{display:grid;gap:7px;font-size:12px;font-weight:750}.ai-cover-controls output{color:var(--accent)}.ai-cover-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.ai-cover-card-action{width:100%;margin-top:6px}@media(max-width:760px){.ai-cover-compare,.ai-cover-controls{grid-template-columns:1fr}.ai-cover-editor{padding:8px}.ai-cover-editor-dialog{padding:14px}.ai-cover-editor-head{flex-direction:column}}
.mockup-placement-editor[hidden]{display:none}.mockup-placement-editor{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;padding:14px;background:rgba(15,23,42,.72);backdrop-filter:blur(8px)}.mockup-placement-dialog{width:min(1470px,98vw);max-height:97vh;overflow:auto;padding:22px;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28)}.mockup-placement-viewport{position:relative;overflow:hidden;width:100%;height:min(80vh,900px);margin:16px 0;border:1px solid #d8e5e3;border-radius:14px;background:#1b2430;cursor:grab;touch-action:none}.mockup-placement-viewport.dragging{cursor:grabbing}.mockup-placement-stage{position:absolute;left:0;top:0;transform-origin:0 0;--stage-scale:1}.mockup-placement-stage img{display:block;max-width:none;pointer-events:none;user-select:none}.mockup-placement-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(34,197,94,.18);border:1.5px solid rgba(34,197,94,.9);pointer-events:none}.mockup-placement-handle{position:absolute;width:18px;height:18px;background:transparent;cursor:grab;touch-action:none;transform:scale(calc(1 / var(--stage-scale)));filter:drop-shadow(0 0 2px rgba(0,0,0,.7))}.mockup-placement-handle:active{cursor:grabbing}.mockup-placement-handle[data-corner="0"]{border-top:2.5px solid #22c55e;border-left:2.5px solid #22c55e;transform-origin:0 0}.mockup-placement-handle[data-corner="1"]{border-top:2.5px solid #22c55e;border-right:2.5px solid #22c55e;transform-origin:100% 0}.mockup-placement-handle[data-corner="2"]{border-bottom:2.5px solid #22c55e;border-right:2.5px solid #22c55e;transform-origin:100% 100%}.mockup-placement-handle[data-corner="3"]{border-bottom:2.5px solid #22c55e;border-left:2.5px solid #22c55e;transform-origin:0 100%}.mockup-placement-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;background:rgba(15,23,42,.35)}.mockup-placement-loading[hidden]{display:none}.mockup-placement-needs-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#fde68a;color:#7c4a03;font-size:10px;font-weight:850;text-transform:uppercase;vertical-align:middle}.mockup-placement-edit-btn{width:100%;margin-top:4px;padding:5px 0;border:1px solid #d8e5e3;border-radius:8px;background:#f8fbfa;font-size:11px;font-weight:750;cursor:pointer}.mockup-placement-edit-btn.needs-placement{border-color:#e7ae0b;background:#fff7e0;color:#7c4a03}.mockup-library-card .mockup-placement-edit-btn{margin:6px 0 0}@media(max-width:760px){.mockup-placement-viewport{height:60vh}.mockup-placement-dialog{padding:14px}}

.custom-mockup-modal{position:relative!important;margin:auto!important;max-width:none!important;width:min(1280px,96vw)!important;height:min(900px,94vh);max-height:94vh;overflow:auto;border-radius:22px}.variation-modal-backdrop#customMockupModal{position:fixed;inset:0;z-index:10030;align-items:center!important;justify-content:center!important;padding:3vh 2vw;background:rgba(5,37,36,.72);backdrop-filter:blur(7px)}
.custom-mockup-guidance ul{margin:8px 0;padding-left:20px;display:grid;gap:6px}
.custom-mockup-guidance li{font-size:12px;line-height:1.5}
.custom-mockup-guidance p{margin:8px 0 0;font-size:11.5px;color:var(--text-secondary)}
.custom-mockup-orientation-block{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}
.custom-mockup-orientation-block header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.custom-mockup-orientation-block header h3{margin:0;font-size:14px}
.custom-mockup-orientation-block header small{color:var(--text-secondary);flex:1 1 auto}
.custom-mockup-status .loading{font-size:11px;color:var(--text-secondary)}
.custom-mockup-result{margin:6px 0;padding:8px 10px;border-radius:8px;font-size:11.5px}
.custom-mockup-result.ok{background:#dcfce7;color:#166534}
.custom-mockup-result.error{background:#fee2e2;color:#991b1b}
.custom-mockup-result.error ul{margin:4px 0 0;padding-left:16px}
.custom-mockup-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:8px}
.mockup-library-shell{margin-bottom:18px}.mockup-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mockup-library-toolbar>div{display:flex;gap:9px;flex-wrap:wrap}.mockup-library-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;border-radius:14px;background:#edf4f3}.mockup-library-tab{padding:11px;border:0;border-radius:10px;background:transparent;color:#536d6a;font-weight:800;cursor:pointer}.mockup-library-tab.active{background:#fff;color:#076f69;box-shadow:0 4px 14px rgba(26,68,65,.1)}.mockup-library-tab b{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:5px;border-radius:99px;background:#dff3ef}.mockup-library-help{margin:10px 0 14px;color:#607875;font-size:12px}.mockup-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;min-height:240px}.mockup-library-card{position:relative;border:2px solid #d8e5e3;border-radius:16px;overflow:hidden;background:#fff}.mockup-library-card.active{border-color:#0b8f84;box-shadow:0 8px 24px rgba(11,143,132,.12)}.mockup-library-card.inactive{opacity:.58}.mockup-library-card>img{display:block;width:100%;height:160px;object-fit:cover}.mockup-library-card>div{padding:10px}.mockup-library-card strong,.mockup-library-card small{display:block}.mockup-library-card small{color:#667;margin-top:3px}.mockup-library-active{display:flex!important;align-items:center;gap:7px;padding:9px 10px;background:#f4faf8;color:#07695f!important;font-size:11px;font-weight:800;cursor:pointer}.mockup-library-active input{width:17px;height:17px}.mockup-library-card-actions{position:absolute;right:5px;top:45px;display:flex;gap:3px;padding:0!important}.mockup-library-card-actions button{width:30px;height:30px;border:0;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0003;cursor:pointer}.custom-mockup-upload-details{margin-top:18px}.custom-mockup-upload-details>summary{cursor:pointer;font-weight:700;padding:12px;border:1px solid #d8e5e3;border-radius:12px}.system-mockup-picker{margin-top:16px;padding:14px;border:1px solid #b8d8d3;border-radius:14px;background:#f7fbfa}.system-mockup-picker>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.system-mockup-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:520px;overflow:auto}.system-mockup-option{position:relative;border:1px solid #d8e5e3;border-radius:10px;padding:6px;background:#fff;cursor:pointer}.system-mockup-option input{position:absolute;top:9px;left:9px}.system-mockup-option img{width:100%;height:110px;object-fit:cover;border-radius:7px}.system-mockup-option small{display:block;padding:4px}@media(max-width:700px){.custom-mockup-modal{width:98vw!important;height:96vh}.mockup-library-toolbar{align-items:flex-start;flex-direction:column}.mockup-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mockup-active-section{margin-top:22px;padding:18px;border:1px solid #bddbd7;border-radius:18px;background:#f4faf8}.mockup-active-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.mockup-active-section h3,.mockup-active-section p{margin:0}.mockup-active-section p{margin-top:4px;color:#607875;font-size:12px}.mockup-active-section>header>strong{padding:6px 10px;border-radius:99px;background:#dff3ef;color:#07695f}.mockup-active-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:9px}.mockup-active-list article{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid #d8e5e3;border-radius:12px;background:#fff}.mockup-active-list img{width:54px;height:54px;border-radius:8px;object-fit:cover}.mockup-active-list strong,.mockup-active-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-active-list small{margin-top:3px;color:#607875}.mockup-active-list button{padding:7px 9px;border:1px solid #efb6bd;border-radius:8px;background:#fff5f5;color:#a62f3c;font-size:10px;font-weight:800;cursor:pointer}.variation-modal-backdrop#newMockupUploadModal{position:fixed;inset:0;z-index:10050;align-items:center;justify-content:center;background:rgba(5,37,36,.76);backdrop-filter:blur(8px)}.new-mockup-upload-modal{width:min(720px,94vw);max-height:90vh;overflow:auto;border-radius:20px}.new-mockup-orientation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:20px}.new-mockup-orientation-grid button{display:grid;gap:7px;min-height:150px;padding:24px 16px;border:2px solid #d8e5e3;border-radius:16px;background:#fff;color:#173736;cursor:pointer;transition:.16s}.new-mockup-orientation-grid button:hover{border-color:#0b8f84;background:#f0faf8;transform:translateY(-2px)}.new-mockup-orientation-grid strong{font-size:20px}.new-mockup-orientation-grid span{color:#607875;font-size:12px}.new-mockup-rules{margin:0 20px 14px}.new-mockup-frame-toggle{display:flex;align-items:flex-start;gap:8px;margin:0 20px 14px;padding:10px 12px;border:1px solid #d8e5e3;border-radius:10px;background:#f4faf8;color:#173736;font-size:12px;line-height:1.4;cursor:pointer}.new-mockup-frame-toggle input{margin-top:2px;flex-shrink:0}#mockupPlacementEditor .new-mockup-frame-toggle{margin:0 0 12px}.new-mockup-upload-modal .custom-mockup-status{padding:0 20px 20px}@media(max-width:700px){.mockup-active-list{grid-template-columns:1fr}.new-mockup-orientation-grid{grid-template-columns:1fr}.new-mockup-orientation-grid button{min-height:95px}}
.mockup-active-groups{display:grid;gap:14px}.mockup-active-group{padding:12px;border:1px solid #d8e5e3;border-radius:14px;background:#fff}.mockup-active-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.mockup-active-group h4{margin:0;color:#173736}.mockup-active-group>header span{padding:4px 8px;border-radius:99px;background:#edf5f3;color:#52706d;font-size:10px;font-weight:800}.mockup-active-group .shop-editor-empty{min-height:64px;padding:18px}
.custom-mockup-thumb{position:relative;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-hover)}
.custom-mockup-thumb img{width:100%;height:84px;object-fit:cover;display:block}
.custom-mockup-thumb small{display:block;padding:3px 5px;font-size:9px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-mockup-thumb button{position:absolute;top:3px;right:3px;width:18px;height:18px;border:0;border-radius:50%;background:rgba(220,38,38,.9);color:#fff;font-size:12px;line-height:1;cursor:pointer}

/* LUNC Professional SaaS UI — presentation-only restoration layer */
:root{--bg-primary:#f3f6f6;--bg-secondary:#edf4f3;--bg-card:#fff;--bg-hover:#e4efed;--text-primary:#142f30;--text-secondary:#667a7a;--accent:#0b8f84;--accent-hover:#08766f;--success:#16866d;--warning:#d58a18;--danger:#d14d5c;--border:#dce6e5;--sidebar-width:272px;--radius:12px;--shadow:0 8px 30px rgba(20,56,55,.08);--luxury-line:#dce6e5;--luxury-soft:#f7faf9;--text:#142f30;--text-muted:#718483}
html{background:#f3f6f6}body{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#f5f8f7,#eef4f3);color:var(--text-primary)}body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 95% 0,rgba(21,164,147,.08),transparent 32rem);pointer-events:none}
.sidebar{background:linear-gradient(180deg,#073f3d 0%,#052f2e 100%);border-right:0;box-shadow:8px 0 35px rgba(5,45,43,.09);color:#d8ece9}.logo{min-height:82px;padding:20px 22px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}.logo-text{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:22px!important;letter-spacing:-.035em!important}.logo-tagline{color:#a9ceca!important;font-size:9px!important}.lang-switcher{padding:12px 16px;border-bottom-color:rgba(255,255,255,.08)}.lang-option{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#c1d9d6}.lang-option:hover{background:rgba(255,255,255,.11);color:#fff}.lang-option.active{border-color:#55d7c6;background:#087b73;color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.16)}
.nav-menu{padding:13px 10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.nav-item{min-height:42px;margin-bottom:3px;padding:10px 13px;border-radius:9px;color:#c0d8d5}.nav-item:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#159a8f,#08766f);color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.18)}.nav-section-title{color:#8db4b0;font-size:9px;letter-spacing:.13em}.nav-group-toggle{color:#c0d8d5}.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{background:rgba(255,255,255,.09);color:#fff}.nav-group-count{background:rgba(255,255,255,.1);color:#c4ddda}.nav-group-items .nav-item.active{box-shadow:inset 3px 0 0 #8af2df,0 6px 18px rgba(0,0,0,.12)}
.etsy-sidebar-connect{margin:10px;padding:14px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;background:rgba(255,255,255,.065)!important;color:#fff!important;box-shadow:none!important}.etsy-sidebar-connect>strong,.etsy-sidebar-connect>p,.etsy-sidebar-connect>small,.etsy-sidebar-connect label{color:#e2f1ef!important}.etsy-sidebar-connect p,.etsy-sidebar-connect small{color:#b8d3d0!important}.etsy-sidebar-connect select,.etsy-sidebar-connect input{background:#fff!important;color:#173736!important;-webkit-text-fill-color:#173736!important}.etsy-sidebar-connect select option{background:#fff!important;color:#173736!important}.etsy-sidebar-connect .btn-primary,.etsy-sidebar-connect .btn-primary *{color:#fff!important}.etsy-sidebar-connect .btn-secondary,.etsy-sidebar-connect .btn-secondary *{color:#294746!important}.sidebar-footer{border-top-color:rgba(255,255,255,.1);color:#bdd5d2}.sidebar-footer *,.status-indicator{color:#bdd5d2}.status-dot{box-shadow:0 0 0 4px rgba(32,185,166,.16)}
.main-content{background:transparent}.panel{padding:28px 32px 48px}.panel-header{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #dde7e6}.panel-header h1,.seo-header h1{color:#143636;font-size:25px;line-height:1.2;letter-spacing:-.035em}.panel-header p,.seo-header p{margin-top:6px;color:#607674;line-height:1.55}
.btn{min-height:39px;border-radius:9px;font-weight:750;letter-spacing:-.01em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{border-color:#087a72;background:linear-gradient(135deg,#0f9b8f,#08736c);color:#fff!important;box-shadow:0 7px 18px rgba(11,143,132,.19)}.btn-primary:hover{background:linear-gradient(135deg,#0d8a80,#065f5a);color:#fff!important;box-shadow:0 10px 24px rgba(11,143,132,.25)}.btn-secondary{border-color:#d4e1df;background:#fff;color:#294746;box-shadow:0 2px 6px rgba(20,56,55,.04)}.btn-secondary:hover{border-color:#a8c7c3;background:#f7fbfa}
input,select,textarea{border-color:#d6e2e0!important;border-radius:9px!important;background:#fff!important;color:#173736!important;box-shadow:0 1px 2px rgba(17,54,52,.02);transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:#36a99f!important;outline:none!important;box-shadow:0 0 0 3px rgba(11,143,132,.11)!important}label{color:#405c59}
.stat-card,.result-box,.tool-card,.research-card,.seo-card,.shop-card,.dashboard-card{border-color:#dce7e5!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 24px rgba(25,65,63,.055)!important}.stat-card:hover,.tool-card:hover{border-color:#b6d5d1!important;box-shadow:0 13px 34px rgba(25,65,63,.09)!important}.stat-icon{background:#e5f5f2!important;color:#087f78!important;border-radius:11px!important}.stats-grid{gap:14px}.seo-metrics>div,.amazon-radar-summary>div,.sales-kpi-grid>article{border-color:#dce7e5!important;background:linear-gradient(145deg,#fff,#f9fbfb)!important;box-shadow:0 6px 20px rgba(28,68,66,.045)}
.seo-notice,.shop-manager-status{border-color:#d4e7e3!important;border-radius:11px!important;background:#f4faf8!important;color:#405e5b!important}.workspace-panel .shop-editor-empty{border-color:#cddfdd;background:linear-gradient(145deg,#fff,#f4f9f8);color:#607875}.workspace-panel .shop-editor-empty:before{background:#dff3ef;color:#087f78}table{border-collapse:separate;border-spacing:0;background:#fff}th{background:#f2f7f6!important;color:#445f5c!important;font-size:10px!important;letter-spacing:.035em;text-transform:uppercase}td,th{border-color:#e1e9e8!important}tbody tr:hover{background:#f6faf9!important}
.tab-buttons,.tabs{border-color:#dbe6e4!important;background:#edf4f3!important;border-radius:11px!important}.tab-btn{border-radius:8px!important;color:#536d6a!important}.tab-btn.active{background:#fff!important;color:#076f69!important;box-shadow:0 3px 10px rgba(26,68,65,.08)!important}.upload-zone,.upload-zone-smart,.ai-mockup-upload{border-color:#9ecbc5!important;background:#f3faf8!important;color:#076d67!important}.progress-bar{background:#e2ecea!important}.progress-fill{background:linear-gradient(90deg,#087a72,#21b39f)!important}.modal{background:rgba(5,37,36,.66)!important;backdrop-filter:blur(5px)}.modal-content{border:1px solid #d5e4e2!important;border-radius:18px!important;background:#fff!important;color:#173736!important;box-shadow:0 30px 90px rgba(4,35,33,.28)!important}
.ai-mockup-controls,.ai-mockup-card,.ai-mockup-result-actions,.smart-reference-picker,.smart-etsy-create-actions{border-color:#d8e5e3!important;background:#fff!important;box-shadow:0 10px 30px rgba(24,63,61,.07)!important}.ai-mockup-room-chip.active,.ai-mockup-card.is-selected{border-color:#0b8f84!important;background:#eaf7f4!important;box-shadow:0 0 0 2px rgba(11,143,132,.12)!important}.ai-mockup-room-chip b{background:#dff3ef;color:#07695f}
.ai-cover-badge{display:inline-flex;align-items:center;width:fit-content;margin-bottom:6px;padding:5px 9px;border:1px solid rgba(16,185,129,.38);border-radius:999px;background:rgba(16,185,129,.13);color:#047857;font-size:12px;line-height:1;grid-column:1/-1}
.ai-cover-badge.candidate{border-color:#c8b5f4;background:#f4efff;color:#6542a5}.ai-mockup-card.is-primary{border-color:#0b8f84;box-shadow:0 0 0 3px rgba(11,143,132,.16),0 18px 40px rgba(24,63,61,.13)}
.ai-mockup-sequence{margin:18px 0;padding:16px;border:1px solid #d8e5e3;border-radius:18px;background:linear-gradient(135deg,#fbfdfd,#f2f8f7)}.ai-mockup-sequence>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ai-mockup-sequence header div{display:grid;gap:2px}.ai-mockup-sequence header small{color:var(--text-secondary)}.ai-mockup-sequence header>span{padding:5px 9px;border-radius:999px;background:#dff3ef;color:#07695f;font-weight:800}.ai-mockup-sequence>div{display:flex;gap:10px;overflow-x:auto;padding:3px}.ai-mockup-sequence article{position:relative;flex:0 0 112px;padding:6px;border:1px solid #d8e5e3;border-radius:13px;background:#fff;cursor:grab}.ai-mockup-sequence article:first-child{border-color:#0b8f84;box-shadow:0 0 0 2px rgba(11,143,132,.12)}.ai-mockup-sequence article b{position:absolute;top:10px;left:10px;z-index:2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#102f2d;color:#fff}.ai-mockup-sequence article img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.ai-mockup-sequence article small{display:block;padding:6px 2px 1px;overflow:hidden;color:#526967;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.ai-cover-candidate-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.ai-cover-candidate-rail button{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #d8e5e3;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.ai-cover-candidate-rail button.active{border-color:#0b8f84;background:#eaf7f4;box-shadow:0 0 0 2px rgba(11,143,132,.12)}.ai-cover-candidate-rail img{width:68px;aspect-ratio:1;object-fit:cover;border-radius:9px}.ai-cover-candidate-rail span{display:grid;gap:3px}.ai-cover-candidate-rail small{color:#607472}.ai-cover-compare{grid-template-columns:1fr 1fr .58fr}.ai-cover-mobile>div{position:relative;overflow:hidden;width:100%;aspect-ratio:1;border:1px solid #d8e5e3;border-radius:14px;background:#f4f1ec}.ai-cover-mobile img{width:100%;height:100%;object-fit:cover;transform-origin:center}.ai-cover-mode{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px;border:1px solid #d8e5e3;border-radius:13px;background:#f8fbfa}.ai-cover-mode label{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;background:#fff;cursor:pointer}.ai-cover-mode small{color:#0b8f84;font-weight:800}
@media(max-width:760px){.ai-cover-candidate-rail{grid-template-columns:1fr}.ai-cover-compare{grid-template-columns:1fr}.ai-cover-mode{align-items:flex-start;flex-direction:column}}
/* Contrast repair for every dark/green application surface. */
.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4,.sidebar strong,.sidebar b,.sidebar a,.sidebar button,.sidebar .nav-icon,.sidebar .nav-arrow,.sidebar .user-name{color:inherit}.nav-item.active *,.nav-group-toggle:hover *,.nav-group.open>.nav-group-toggle *{color:#fff!important}.btn-primary *{color:#fff!important}
[class*="dark"],[class*="gradient"]{--dark-surface-text:#f4fbfa}.dashboard-hero,.sales-hero,.seo-hero,.welcome-banner,.premium-banner,.upgrade-banner,.hero-card,.insight-hero,.growth-hero,.account-header,.dark-card,.gradient-card{color:#f4fbfa!important}.dashboard-hero h1,.dashboard-hero h2,.dashboard-hero h3,.dashboard-hero p,.dashboard-hero span,.sales-hero h1,.sales-hero h2,.sales-hero h3,.sales-hero p,.sales-hero span,.seo-hero h1,.seo-hero h2,.seo-hero h3,.seo-hero p,.seo-hero span,.welcome-banner *,.premium-banner *,.upgrade-banner *,.dark-card *,.gradient-card *{color:inherit!important}.dashboard-hero small,.sales-hero small,.seo-hero small,.welcome-banner small,.premium-banner small,.dark-card small,.gradient-card small{color:#c6dfdc!important}
/* Secondary information surfaces are intentionally light throughout modules. */
.sales-learning section,.sales-provenance span,.sales-guardrails span,.sales-decision-list>section,.health-evidence,.health-performance span,.health-recommendations li,.health-smart-actions,.health-fix-option,.health-history-row,.seo-notice,.growth-notice,.catalog-related-change,.catalog-evidence,.catalog-period-compare span,.listing-change-fields>section,.basket-evidence span,.basket-components span,.basket-opportunities details,.seo-revenue-intents span,.seo-revenue-coverage span,.seo-revenue-metrics span,.seo-revenue-components span,.seo-revenue-plan,.official-seo-unavailable,.official-seo-checks section{background:#edf4f3;color:#173736}
.sales-learning section strong,.sales-learning section span,.sales-provenance span,.sales-guardrails span,.health-evidence,.health-evidence strong,.health-evidence span,.health-recommendations li,.health-smart-actions,.health-smart-actions h3,.health-smart-actions p,.basket-evidence b,.basket-components b,.seo-revenue-metrics b,.seo-revenue-components b,.official-seo-checks strong{color:#173736!important}
.sales-learning section small,.sales-learning>p,.health-evidence small,.health-recommendations small,.basket-opportunities details p,.official-seo-checks small,.official-seo-checks p{color:#5d7471!important}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:10px;background:#bccdca;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#8fa9a5;background-clip:padding-box}@media(max-width:900px){.panel{padding:22px 18px 40px}.sidebar{box-shadow:12px 0 42px rgba(4,35,33,.23)}.mobile-menu-toggle{border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#073f3d;color:#fff;box-shadow:0 8px 24px rgba(4,35,33,.22)}}
.bulk-mockup-cover-preview{margin:16px 0;padding:14px;border:1px solid #d8e5e3;border-radius:14px;background:#f7fbfa}.bulk-mockup-cover-preview h3{margin:0 0 10px}.bulk-mockup-cover-preview>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.bulk-mockup-cover-preview figure{margin:0;overflow:hidden;border:1px solid #d8e5e3;border-radius:11px;background:#fff}.bulk-mockup-cover-preview img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.bulk-mockup-cover-preview figcaption{display:flex;justify-content:space-between;gap:8px;padding:8px;font-size:11px}.bulk-mockup-cover-preview figcaption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bulk-cover-summary{display:flex;align-items:center;gap:12px;margin:10px 0 14px;padding:9px 12px;border:1px solid #d4e7e3;border-radius:10px;background:#f4faf8}.bulk-cover-summary strong{white-space:nowrap;color:#173736}.bulk-cover-summary span{overflow:hidden;color:#607875;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.bulk-mockup-review{display:grid;gap:18px;margin:14px 0}.bulk-cover-product{padding:16px;border:1px solid #d8e5e3;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(24,63,61,.07)}.bulk-cover-product>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.bulk-cover-product header div{display:grid;gap:3px}.bulk-cover-product header small{color:#607875}.bulk-cover-product header>span{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850;text-transform:uppercase}.bulk-cover-product header>span.review{background:#fff2d8;color:#8b5b00}.bulk-cover-product header>span.approved{background:#dff3ef;color:#07695f}.bulk-cover-product>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bulk-cover-product button{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px;border:1px solid #d8e5e3;border-radius:13px;background:#fbfdfd;text-align:left;cursor:pointer;transition:.18s}.bulk-cover-product button:hover{border-color:#0b8f84;box-shadow:0 10px 28px rgba(24,63,61,.12);transform:translateY(-2px)}.bulk-cover-product button img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:9px;background:#eef3f2}.bulk-cover-product button span{display:grid;gap:2px}.bulk-cover-product button small{overflow:hidden;color:#607875;text-overflow:ellipsis;white-space:nowrap}.ai-cover-preview{cursor:grab;touch-action:none}.ai-cover-preview:active{cursor:grabbing}@media(max-width:760px){.bulk-cover-product>div{grid-template-columns:1fr}.bulk-cover-summary{align-items:flex-start;flex-direction:column}.bulk-cover-summary span{white-space:normal}}
.shop-copy-config{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin:18px 0}.shop-copy-config label{display:grid;gap:6px;font-size:12px;font-weight:750}.shop-copy-config select{width:100%}.shop-copy-filters{display:grid;grid-template-columns:150px 190px minmax(190px,1fr) minmax(150px,.7fr) 160px auto;gap:10px;align-items:center;margin:14px 0}.shop-copy-selection-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#f7faf9}.shop-copy-selection-bar label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.shop-copy-selection-bar>span{padding:5px 9px;border-radius:999px;background:#e6f3f0;color:#17645f;font-size:11px;font-weight:800}.shop-copy-preserve{margin-left:auto}.shop-copy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-top:14px}.shop-copy-card{display:grid;grid-template-columns:auto 64px 1fr;align-items:center;gap:11px;padding:10px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:.15s}.shop-copy-card:hover{border-color:#9ccbc5;transform:translateY(-1px)}.shop-copy-card.selected{border-color:#0b8f84;background:#effaf7;box-shadow:0 0 0 2px rgba(11,143,132,.1)}.shop-copy-card>input{width:17px;height:17px}.shop-copy-card>img,.shop-copy-no-image{width:64px;height:54px;border-radius:8px;object-fit:cover;background:#e9f2f0;display:grid;place-items:center}.shop-copy-card div{min-width:0}.shop-copy-card strong,.shop-copy-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-copy-card strong{margin:4px 0;font-size:12px}.shop-copy-card small{color:var(--text-secondary);font-size:10px}.shop-copy-progress{position:relative;height:28px;margin:12px 0;overflow:hidden;border-radius:9px;background:#e4edeb}.shop-copy-progress i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#0b8f84,#31baa8);transition:width .25s}.shop-copy-progress span{position:relative;z-index:1;display:grid;place-items:center;height:100%;font-size:11px;font-weight:800;color:#173736}.shop-copy-results{display:grid;gap:7px;margin-top:16px}.shop-copy-results h3{margin:0 0 6px}.shop-copy-result{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-left:4px solid;border-radius:8px;background:#f7faf9;font-size:11px}.shop-copy-result.copied{border-color:#16a34a}.shop-copy-result.failed{border-color:#dc2626}.shop-copy-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.shop-copy-config{grid-template-columns:1fr 1fr}.shop-copy-filters{grid-template-columns:1fr 1fr 1fr}}@media(max-width:700px){.shop-copy-config,.shop-copy-filters{grid-template-columns:1fr}.shop-copy-preserve{margin-left:0}.shop-copy-list{grid-template-columns:1fr}}
.bulk-mockup-listing-replace{margin:18px 0;padding:18px;border:1px solid var(--border-color,#d9dee8);border-radius:14px;background:var(--card-bg,#fff)}
.bulk-mockup-listing-replace>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.bulk-mockup-listing-replace h3{margin:0 0 4px}.bulk-mockup-listing-replace p{margin:0;color:#667085}.bulk-mockup-listing-replace>label{display:grid;gap:6px;margin:14px 0}.bulk-mockup-listing-replace input,.bulk-mockup-listing-replace select{width:100%;padding:10px;border:1px solid #cfd5df;border-radius:8px;background:#fff}.bulk-mockup-match-list{display:grid;gap:10px;max-height:520px;overflow:auto}.bulk-mockup-match-list article{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(320px,2fr);gap:12px;align-items:center;padding:10px;border:1px solid #e5e9f0;border-radius:10px}.bulk-mockup-match-list small{display:block;color:#667085;margin-top:3px}@media(max-width:760px){.bulk-mockup-match-list article{grid-template-columns:1fr}}

/* Final responsive layer must follow the visual-theme overrides above. */
@media (min-width:901px) and (max-width:1440px), (min-width:901px) and (max-height:850px) {
    :root{--sidebar-width:238px}
    .sidebar .logo{min-height:50px!important;padding:10px 16px!important}
    .sidebar .logo-text{font-size:19px!important}
    .sidebar .logo-tagline{display:none!important}
    .sidebar .lang-switcher{gap:4px;padding:6px 10px!important}
    .sidebar .lang-option{padding:4px 0;font-size:9px}
    .sidebar .nav-menu{min-height:0;padding:8px!important}
    .sidebar .nav-home-item{margin-bottom:5px!important}
    .sidebar .nav-item{min-height:36px!important;margin-bottom:2px!important;padding:7px 9px!important;gap:9px}
    .sidebar .nav-icon{width:21px;font-size:15px!important}
    .sidebar .nav-text{font-size:11px}
    .sidebar .nav-group{margin:2px 0}
    .sidebar .nav-group-toggle{min-height:37px;padding:7px 9px;grid-template-columns:21px minmax(0,1fr) auto 15px;gap:7px}
    .sidebar .nav-group-title{font-size:11px}
    .sidebar .nav-group-items .nav-item{min-height:35px!important;margin:1px 3px!important;padding:7px 9px 7px 14px!important;font-size:11px}
    .sidebar .etsy-sidebar-connect{margin:6px 8px!important;padding:7px 9px!important;border-radius:10px!important}
    .sidebar .etsy-sidebar-summary{min-height:30px}
    .sidebar .etsy-sidebar-connect strong{font-size:10px}
    .sidebar .sidebar-footer{padding:8px 14px}
    .sidebar .status-indicator{font-size:10px}
}
/* Persistent mockup preparation */
.mockup-profile-state,.mockup-preparation-loader{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:#f1f5ff;color:#253556;font-size:13px}
.mockup-profile-state small,.mockup-preparation-loader small{line-height:1.45;color:#53637d}
.mockup-profile-state progress,.mockup-preparation-loader progress{width:100%;height:10px;accent-color:#6d5ee8}
.mockup-profile-preview{max-width:min(90vw,1000px);border:0;border-radius:16px;padding:16px}
.mockup-profile-preview::backdrop{background:#17203499}
.mockup-profile-preview img{display:block;max-width:100%;max-height:75vh;margin:12px auto}