*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1d2433}aside{position:fixed;left:0;top:0;bottom:0;width:240px;background:#111827;padding:24px;color:#fff}aside h2{font-size:20px}aside a{display:block;color:#cbd5e1;text-decoration:none;padding:11px 10px;border-radius:8px;margin:4px 0}aside a:hover{background:#1f2937;color:#fff}.content{margin-left:240px;padding:30px}.panel,.card,.center-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.center-card{max-width:520px;margin:8vh auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card b{font-size:34px;display:block}.card span{color:#64748b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,button{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}button{background:#111827;color:#fff;border:0;cursor:pointer}.notice{padding:12px 14px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;margin-bottom:18px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}code{background:#f1f5f9;padding:2px 5px;border-radius:4px}@media(max-width:900px){aside{position:relative;width:auto}.content{margin-left:0}.form-grid,.grid{grid-template-columns:1fr}table{display:block;overflow:auto}}

.status-badge{display:inline-block;padding:5px 10px;border-radius:999px;font-weight:700;font-size:12px}.status-online{background:#dcfce7;color:#166534}.status-offline,.status-timeout{background:#fee2e2;color:#991b1b}.status-auth{background:#fef3c7;color:#92400e}.compact-form{min-width:520px;margin-top:12px}details summary{cursor:pointer;font-weight:600}
.btn-danger{background:#b91c1c}.inline-form{display:inline-block;margin-top:8px}.inline-form button{width:auto;padding:8px 12px}.mini-status{margin-top:10px;font-size:13px;color:#64748b}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.dot.online{background:#16a34a}.dot.offline{background:#dc2626}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-card{border:1px solid #e5e7eb;border-radius:10px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.status-card small{grid-column:1/-1;color:#64748b}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.image-preview{border:1px solid #e5e7eb;border-radius:10px;padding:8px;background:#f8fafc;overflow:hidden}.image-preview img{display:block;width:100%;height:100px;object-fit:contain;background:white;border-radius:6px}.image-preview small{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-controls{display:grid;grid-template-columns:180px 1fr;gap:12px;max-width:720px}.hidden{display:none}.image-job{margin-top:18px}.progress-wrap{height:28px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-bar{height:100%;min-width:0;background:#16a34a;color:white;display:flex;align-items:center;justify-content:center;font-weight:700;transition:width .25s ease}.image-stats{padding:12px 0;font-weight:600}.image-log{margin-top:12px;max-height:260px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#0f172a;color:#e2e8f0;padding:10px;font:12px/1.5 monospace}.log-error{color:#fca5a5}.log-ok{color:#86efac}.log-existing{color:#fde68a}@media(max-width:900px){.status-grid{grid-template-columns:1fr}.download-controls{grid-template-columns:1fr}}

/* v2.3 compact image browser + category importer */
input[type="checkbox"]{width:auto;min-width:16px;height:16px;vertical-align:middle}
.btn-secondary{background:#475569}
.status-pending{background:#f1f5f9;color:#475569}
.category-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.category-toolbar button{width:auto}.category-toolbar span{color:#64748b;font-size:13px}.category-list{max-height:520px;overflow:auto;border:1px solid #e5e7eb;border-radius:10px}.category-list table{margin:0}.category-list th{position:sticky;top:0;background:#f8fafc;z-index:1}
.image-compact-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.image-compact-item{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #e5e7eb;border-radius:9px;padding:7px;background:#fff}.image-thumb{width:64px;height:64px;min-width:64px;border-radius:7px;border:1px solid #e5e7eb;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-thumb img{display:block;width:100%;height:100%;max-width:64px;max-height:64px;object-fit:contain}.image-meta{min-width:0;display:flex;flex-direction:column;gap:4px}.image-meta strong{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-meta small{font-size:13px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-meta .muted{color:#94a3b8}
@media(max-width:700px){.image-compact-list{grid-template-columns:1fr}.image-thumb{width:56px;height:56px;min-width:56px}.image-thumb img{max-width:56px;max-height:56px}}

/* v2.4 pricing, full-image preview, paginated approval + AJAX sync */
.preview-controls{display:grid;grid-template-columns:180px 180px minmax(240px,1fr);gap:12px;align-items:end;max-width:900px}.preview-controls label{font-size:13px;font-weight:600}.preview-summary{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.summary-pill{padding:7px 12px;border-radius:999px;background:#f1f5f9;font-size:13px;font-weight:700}.summary-pill.ok{background:#dcfce7;color:#166534}.summary-pill.error{background:#fee2e2;color:#991b1b}.product-preview-list{display:flex;flex-direction:column;gap:12px}.preview-product{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}.preview-product.has-error{border-color:#fecaca;background:#fffafa}.preview-product-head{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:start;margin-bottom:10px}.preview-product-head strong{font-size:14px}.preview-product-head small{display:block;color:#64748b;margin-top:3px}.preview-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:13px;font-weight:700}.preview-badge.error{background:#fee2e2;color:#991b1b}.preview-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.5fr);gap:14px}.preview-images{display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start}.preview-thumb{width:70px;height:70px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;overflow:hidden;display:block}.preview-thumb img{width:100%;height:100%;object-fit:contain;display:block}.sql-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.sql-value{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(100px,1.3fr);gap:6px;font-size:12px;padding:5px 0;border-bottom:1px dashed #e5e7eb;min-width:0}.sql-value code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sql-value span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-change{padding:8px 10px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:8px;font-size:12px}.category-note{font-size:12px;color:#475569;margin-bottom:8px}.preview-error{padding:9px 10px;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.pagination button,.pagination a{width:auto;min-width:38px;padding:8px 11px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;text-decoration:none;cursor:pointer}.pagination button.active{background:#111827;color:#fff;border-color:#111827}.pagination button:disabled{opacity:.45;cursor:not-allowed}.sync-approval{margin-top:18px;padding-top:18px;border-top:1px solid #e5e7eb}.sync-approval button{background:#166534}.sync-approval button:disabled{background:#94a3b8;cursor:not-allowed}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.inline-pager-form{width:auto}.inline-pager-form select{width:90px}.image-product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.image-product-row{display:flex;flex-direction:column;gap:9px;align-items:stretch;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff;min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.04)}.image-product-info{min-width:0}.image-product-info strong,.image-product-info small,.image-product-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-product-info strong{font-size:12px;line-height:1.35}.image-product-info small{font-size:13px;color:#64748b;margin-top:3px}.image-product-info span{font-size:12px;color:#16a34a;margin-top:3px;font-weight:700}.multi-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:0}.multi-thumb{width:100%;aspect-ratio:1/1;min-width:0;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;overflow:hidden;display:block}.multi-thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}@media(max-width:900px){.preview-controls{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr}.sql-values{grid-template-columns:1fr}.section-head{flex-direction:column}.preview-product-head{grid-template-columns:1fr}.image-product-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:520px){.image-product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-product-row{padding:8px}.multi-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.6 */
.image-summary-cards{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.image-summary-cards span{display:inline-flex;align-items:baseline;gap:6px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;font-size:12px}.image-summary-cards b{font-size:18px}.field-note{display:block;margin-top:4px;max-width:240px;color:#64748b;font-size:13px;line-height:1.35}
/* v2.7 automation */
.automation-meta{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.automation-meta span{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}.table-scroll{overflow-x:auto}.panel pre{white-space:pre-wrap;word-break:break-all;background:#0f172a;color:#e2e8f0;padding:14px;border-radius:10px;overflow:auto}

/* v2.8 professional UI refresh */
:root{--bg:#f4f7fb;--panel:#ffffff;--line:#e6ebf2;--text:#172033;--muted:#6b7280;--dark:#0b1220;--dark-2:#111b2e;--accent:#2563eb;--accent-soft:#eff6ff;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--shadow:0 18px 45px rgba(15,23,42,.07)}
html{background:var(--bg)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent)}
.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#0a1120 0%,#111b2e 100%);padding:0;color:#fff;display:flex;flex-direction:column;z-index:50;box-shadow:18px 0 40px rgba(15,23,42,.10)}
.sidebar-brand{min-height:92px;padding:20px 20px 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-brand img{width:52px;height:52px;object-fit:contain;border-radius:12px;background:#fff;padding:1px}
.sidebar-brand>div:last-child{min-width:0}
.sidebar-brand strong{display:block;font-size:14px;line-height:1.25;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.sidebar-brand small{display:block;margin-top:4px;color:#8290a8;font-size:13px;letter-spacing:.04em}
.brand-mark,.login-brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;font-weight:900;letter-spacing:-.04em;box-shadow:0 10px 24px rgba(37,99,235,.3)}
.brand-mark.large{width:92px;height:92px;font-size:28px;border-radius:22px}
.sidebar nav{padding:15px 12px;overflow:auto;flex:1}
.sidebar nav a{display:flex;align-items:center;gap:11px;color:#aeb9cc;text-decoration:none;padding:10px 12px;border-radius:10px;margin:3px 0;font-size:13px;font-weight:600;transition:.18s ease}
.sidebar nav a span{width:22px;text-align:center;color:#7f8da5;font-size:16px}
.sidebar nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(37,99,235,.24),rgba(37,99,235,.10));color:#fff;box-shadow:inset 3px 0 0 #60a5fa}
.sidebar nav a.active span{color:#93c5fd}
.sidebar-footer{padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.08)}
.sidebar-footer a{display:block;text-align:center;text-decoration:none;color:#cbd5e1;padding:10px 12px;border:1px solid rgba(255,255,255,.10);border-radius:10px;font-size:12px}
.content{margin-left:270px;padding:0 30px 28px;min-height:100vh;max-width:1800px}
.page-topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(226,232,240,.8);margin-bottom:26px}
.page-topbar h1{margin:3px 0 0;font-size:25px;letter-spacing:-.03em}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#8491a5}
.topbar-actions{display:flex;align-items:center;gap:10px}
.btn-link,.hero-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;font-weight:700}
.btn-link{padding:10px 14px;background:#fff;border:1px solid var(--line);color:#344054;font-size:12px;box-shadow:0 3px 12px rgba(15,23,42,.04)}
.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0f172a;color:#fff;text-decoration:none;font-size:13px;font-weight:800}
.panel,.card{border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px rgba(15,23,42,.045)}
.panel{padding:22px}.panel h3{margin-top:0;letter-spacing:-.02em}.modern-panel{background:rgba(255,255,255,.94)}
.notice{background:#eff6ff;border-color:#bfdbfe;color:#1e40af;box-shadow:0 6px 18px rgba(37,99,235,.06)}
input,select,button{min-height:42px;border-color:#d8dee9;border-radius:10px;font-family:inherit;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus{outline:0;border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
button{background:linear-gradient(135deg,#172033,#0f172a);font-weight:700;box-shadow:0 8px 20px rgba(15,23,42,.13)}
button:hover{filter:brightness(1.06)}
.dashboard-hero{position:relative;overflow:hidden;min-height:245px;border-radius:22px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:radial-gradient(circle at 85% 10%,rgba(96,165,250,.25),transparent 34%),linear-gradient(135deg,#0b1220,#14223b);color:#fff;box-shadow:0 24px 55px rgba(15,23,42,.18);margin-bottom:22px}
.dashboard-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.07);right:-90px;bottom:-170px}
.hero-kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:#93c5fd}
.dashboard-hero h2{margin:9px 0 8px;font-size:30px;letter-spacing:-.04em}.dashboard-hero p{max-width:680px;margin:0;color:#aebbd0;font-size:14px;line-height:1.65}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-btn{padding:10px 14px;border:1px solid rgba(255,255,255,.16);color:#dbeafe;font-size:12px}.hero-btn.primary{background:#fff;color:#0f172a;border-color:#fff}
.hero-health{min-width:205px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.11);border-radius:17px;padding:20px;position:relative;z-index:1}.hero-health span,.hero-health small{display:block;color:#aebbd0}.hero-health span{font-size:13px;text-transform:uppercase;letter-spacing:.10em}.hero-health strong{display:block;font-size:24px;margin:8px 0}.hero-health small{font-size:13px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.kpi-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 8px 26px rgba(15,23,42,.04)}
.kpi-icon{width:48px;height:48px;min-width:48px;border-radius:13px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:12px;font-weight:900}.kpi-card.alert .kpi-icon{background:#fff7ed;color:#d97706}.kpi-card small{display:block;color:#7c889b;font-size:13px;font-weight:700}.kpi-card strong{display:block;font-size:28px;line-height:1.05;margin:4px 0;color:#111827}.kpi-card span{font-size:13px;color:#8a94a6}.kpi-card .kpi-ok{color:#16a34a}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:20px}
.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px}.panel-title-row h3{margin:3px 0 0;font-size:18px}.panel-title-row>a{font-size:13px;font-weight:800;text-decoration:none;color:#64748b;padding:7px 9px;border-radius:8px;background:#f8fafc}
.modern-status-grid{display:grid;grid-template-columns:1fr;gap:8px}.modern-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;padding:11px 12px;border:1px solid #edf0f4;border-radius:12px;background:#fbfcfe}.modern-status small{grid-column:auto!important;display:block;margin-top:3px;font-size:12px;color:#8a94a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:900}.status-icon.sql{background:#eff6ff;color:#2563eb}.status-icon.xml{background:#ecfdf5;color:#059669}
.automation-list{display:flex;flex-direction:column;gap:8px}.automation-row{padding:12px;border:1px solid #edf0f4;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.automation-row strong{font-size:12px}.automation-row small{display:block;color:#8a94a6;font-size:12px;margin-top:4px}.empty-state{padding:24px;border:1px dashed #d9e1ec;border-radius:12px;background:#fafcff;color:#8491a5;text-align:center;font-size:12px}
.modern-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8491a5;background:#f8fafc}.modern-table td{font-size:12px}.modern-table tr:last-child td{border-bottom:0}
.branding-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center}.logo-preview-box{height:150px;border:1px dashed #cfd7e4;border-radius:16px;background:#f8fafc;display:grid;place-items:center;padding:18px}.logo-preview-box img{max-width:100%;max-height:112px;object-fit:contain}.branding-fields{display:grid;gap:11px;max-width:620px}.branding-fields label{font-size:12px;font-weight:700;color:#475569}.branding-fields input{margin-top:6px}.danger-check{color:#b91c1c!important}
.app-footer{margin-top:30px;padding:20px 4px 0;border-top:1px solid #e3e8ef;display:flex;justify-content:space-between;gap:12px;color:#8a94a6;font-size:13px}.app-footer a{font-weight:800;text-decoration:none;color:#334155}
/* Login */
.login-body{min-height:100vh;background:#0b1220}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.25fr) minmax(430px,.75fr)}
.login-showcase{position:relative;overflow:hidden;padding:60px;background:radial-gradient(circle at 20% 25%,rgba(37,99,235,.30),transparent 32%),radial-gradient(circle at 85% 75%,rgba(14,165,233,.18),transparent 30%),linear-gradient(135deg,#08101f,#101c33);display:flex;align-items:flex-end;color:#fff}
.login-showcase:before{content:"";position:absolute;inset:32px;border:1px solid rgba(255,255,255,.06);border-radius:28px;pointer-events:none}.login-showcase:after{content:"XML";position:absolute;right:-25px;top:30px;font-size:180px;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.025)}
.login-showcase-inner{position:relative;z-index:2;max-width:650px;margin-bottom:6vh}.login-kicker{font-size:13px;letter-spacing:.18em;font-weight:800;color:#7dd3fc}.login-showcase h1{font-size:46px;line-height:1.06;letter-spacing:-.055em;margin:14px 0 16px;max-width:600px}.login-showcase p{max-width:570px;font-size:15px;line-height:1.7;color:#aab9d0}.login-features{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.login-features span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-size:13px;color:#dbeafe}
.login-panel{background:#f8fafc;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-card{width:min(100%,430px);background:#fff;border:1px solid #e6ebf2;border-radius:22px;padding:36px;box-shadow:0 28px 70px rgba(15,23,42,.13)}.login-logo{display:block;max-width:180px;max-height:75px;object-fit:contain;margin:0 auto 24px}.login-brand-mark{margin:0 auto 22px;width:62px;height:62px;font-size:18px}.login-card h2{text-align:center;font-size:24px;margin:0;letter-spacing:-.035em}.login-subtitle{text-align:center;color:#8a94a6;font-size:13px;margin:7px 0 25px}.login-form{display:grid;gap:14px}.login-form label{font-size:13px;font-weight:800;color:#475569}.login-form input{margin-top:7px;height:46px}.login-form button{height:46px;margin-top:3px;background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 12px 28px rgba(37,99,235,.25)}.login-security{text-align:center;color:#9aa4b3;font-size:12px;margin-top:18px}.login-error{padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:13px;margin-bottom:15px}.login-copyright{font-size:12px;color:#9aa4b3;margin-top:18px}.login-copyright a{font-weight:900;text-decoration:none;color:#475569}
@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh}}
@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto;box-shadow:none}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.sidebar-footer{display:none}.content{margin-left:0;padding:0 16px 22px}.page-topbar{height:78px}.dashboard-hero{padding:24px;align-items:flex-start;flex-direction:column}.hero-health{width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr)}.branding-grid{grid-template-columns:1fr}.logo-preview-box{height:130px}.app-footer{flex-direction:column}.compact-form{min-width:0}}
@media(max-width:560px){.sidebar nav{grid-template-columns:1fr}.page-topbar h1{font-size:20px}.topbar-actions .btn-link{display:none}.dashboard-hero h2{font-size:25px}.kpi-grid{grid-template-columns:1fr}.login-panel{padding:20px}.login-card{padding:26px 20px}.form-grid{grid-template-columns:1fr}}
/* v2.9 branding + image counters */
.favicon-current{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:10px;background:rgba(255,255,255,.03)}
.favicon-current img{width:32px;height:32px;object-fit:contain;border-radius:6px;background:#fff;padding:3px}
.favicon-current span{font-size:12px;opacity:.75}
.image-summary-cards .success-stat{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.08)}
.image-summary-cards .success-stat b{color:#22c55e}
.image-summary-cards .warning-stat{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.08)}
.image-summary-cards .warning-stat b{color:#f59e0b}

/* v3.0 refined pricing settings */
.pricing-panel{overflow:hidden}.pricing-intro{max-width:900px;color:#64748b;line-height:1.6;margin:2px 0 18px}.pricing-status{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.03em}.pricing-status.is-on{background:#dcfce7;color:#166534}.pricing-status.is-off{background:#f1f5f9;color:#64748b}.pricing-form{display:flex;flex-direction:column;gap:16px}.pricing-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid #dbe4ee;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc)}.pricing-toggle-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.pricing-toggle-copy strong{font-size:14px;color:#0f172a}.pricing-toggle-copy span{font-size:12px;line-height:1.5;color:#64748b}.switch{position:relative;display:inline-flex;flex:0 0 auto;width:48px;height:26px;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-slider{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;transition:.2s ease;box-shadow:inset 0 0 0 1px rgba(15,23,42,.06)}.switch-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.22);transition:.2s ease}.switch input:checked+.switch-slider{background:#16a34a}.switch input:checked+.switch-slider:before{transform:translateX(22px)}.switch input:focus-visible+.switch-slider{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.pricing-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;transition:.2s ease}.pricing-settings-grid label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:700;color:#334155}.pricing-settings-grid label>span{font-size:12px}.pricing-settings-grid input,.pricing-settings-grid select{margin:0}.pricing-settings-grid small{font-size:12px;line-height:1.4;font-weight:400;color:#94a3b8}.pricing-settings-grid.is-disabled{opacity:.48;background:#f8fafc}.pricing-settings-grid.is-disabled input,.pricing-settings-grid.is-disabled select{pointer-events:none}.pricing-actions{display:flex;justify-content:flex-end}.pricing-actions button{width:auto;min-width:220px;padding-left:18px;padding-right:18px}@media(max-width:1100px){.pricing-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.pricing-toggle-card{align-items:flex-start}.pricing-settings-grid{grid-template-columns:1fr;padding:12px}.pricing-actions button{width:100%;min-width:0}}


/* v3.1 missing image analysis/download */
.missing-download-btn{margin-top:12px;width:auto;display:inline-flex;align-items:center;gap:8px;background:#f59e0b;color:#111827;font-weight:800;box-shadow:0 8px 22px rgba(245,158,11,.18)}
.missing-download-btn:hover{background:#fbbf24}.all-images-ok{display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:10px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.24);color:#16a34a;font-size:12px;font-weight:800}


/* FTP / FTPS image destination */
.ftp-settings{margin:18px 0;padding:18px;border:1px solid #dbe4ef;border-radius:16px;background:#f8fafc;transition:.2s ease}
.ftp-settings.is-disabled{opacity:.48;filter:saturate(.6)}
.ftp-settings.is-disabled input,.ftp-settings.is-disabled select{pointer-events:none}
.ftp-settings .section-head{margin-bottom:14px}
.ftp-settings h4{margin:0 0 4px;font-size:16px}
.ftp-settings p{margin:0;color:#64748b;font-size:13px}
.ftp-test-result{display:inline-flex;margin-left:10px;font-size:13px;font-weight:700;color:#64748b}
.ftp-test-result.is-ok{color:#15803d}.ftp-test-result.is-error{color:#b91c1c}
.destination-note{margin:12px 0 0;color:#475569;font-size:13px}
.btn-secondary{background:#334155;color:#fff}
@media(max-width:760px){.ftp-test-result{display:block;margin:10px 0 0}}

/* v3.3 - SQL aktarım durdurma */
.sync-stop-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.danger-btn{background:#b42318!important;border-color:#b42318!important;color:#fff!important}
.danger-btn:hover{filter:brightness(.94)}
.sync-stop-row .muted{font-size:12px}

/* v3.4 - gelişmiş SQL alan eşleme */
.mapping-help{display:flex;gap:8px;flex-direction:column;padding:14px 16px;margin:14px 0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}
.mapping-help span{font-size:13px;color:#64748b}
.mapping-table td{vertical-align:top}
.mapping-table select,.mapping-table input{min-width:150px}
.field-type{display:block;margin-top:5px;color:#94a3b8;font-size:13px}
.mapping-static:disabled,.mapping-xml:disabled{opacity:.45;background:#f1f5f9}
@media(max-width:900px){.mapping-table{min-width:980px}}

/* v3.5 - hızlı manuel SQL değerleri */
.manual-sql-panel{margin:0 0 18px;padding:18px;border:1px solid #dbe4ee;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdff)}
.manual-sql-panel>p{margin:8px 0 16px;color:#64748b}
.manual-sql-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.manual-sql-card{padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;display:grid;gap:8px}
.manual-sql-name{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.manual-sql-name code{font-weight:700}
.mapping-source-tag{font-size:12px;padding:3px 6px;border-radius:999px;background:#e0f2fe;color:#075985;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mapping-source-tag.static{background:#dcfce7;color:#166534}
.manual-sql-card select,.manual-sql-card input{width:100%}
.manual-sql-example{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#f8fafc}
.manual-sql-example span{padding:3px 7px;border-radius:7px;background:#fff;border:1px solid #e2e8f0}
@media(max-width:1100px){.manual-sql-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.manual-sql-grid{grid-template-columns:1fr}}

/* v3.6 - yedek XML fiyat/değer alanı */
.mapping-table-advanced{min-width:1400px}
.mapping-checks{display:grid;gap:7px;min-width:170px}
.mapping-checks label{display:flex;gap:6px;align-items:flex-start;font-size:13px;color:#475569;line-height:1.3}
.mapping-checks input{min-width:auto;margin-top:2px}
.mapping-fallback:disabled{opacity:.45;background:#f1f5f9}

/* v3.7 - fiyat kaynağı güvenliği */
.pricing-check{display:flex!important;align-items:center;gap:9px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.pricing-check input{width:auto!important;min-width:auto!important}
.price-change code{white-space:nowrap}

/* v3.8 - para metni temizleme */
.mapping-table select option[value="money"]{font-weight:600}

/* v4.0 - kayıt geri bildirimi */
.notice-success{background:#ecfdf3!important;border:1px solid #86efac!important;color:#166534!important}
.notice-error{background:#fef2f2!important;border:1px solid #fca5a5!important;color:#991b1b!important}
#globalNotice{position:relative;transition:.2s ease;box-shadow:0 8px 24px rgba(15,23,42,.06)}
#globalNotice.notice-visible{transform:translateY(0);opacity:1}
.mapping-save-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.mapping-save-bar .muted{font-size:12px}

/* v4.1 - XML Kontrol ve hata analizi */
.xml-check-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}
.preview-filter-group{display:flex;gap:7px;flex-wrap:wrap}
.preview-filter{background:#f8fafc!important;color:#334155!important;border:1px solid #cbd5e1!important}
.preview-filter.active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}
.preview-filter.danger-outline{color:#b42318!important;border-color:#fca5a5!important}
.preview-filter.danger-outline.active{background:#b42318!important;color:#fff!important;border-color:#b42318!important}
.xml-check-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#64748b}
.error-analysis{padding:14px!important}
.error-analysis-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}
.error-type-badge{padding:4px 8px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:13px;font-weight:700}
.error-main{font-weight:700;color:#991b1b;margin:7px 0}
.error-help{margin:7px 0;color:#7f1d1d}
.error-source{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.error-source code{background:#fff;border:1px solid #fecaca;border-radius:6px;padding:4px 7px}
.skip-errors-option{display:flex;align-items:flex-start;gap:9px;padding:10px 13px;border:1px solid #fbbf24;border-radius:10px;background:#fffbeb;color:#78350f}
.skip-errors-option input{margin-top:3px}
.skip-errors-option span{display:grid;gap:2px}
.skip-errors-option small{font-size:13px;color:#92400e}
.sync-approval{display:flex!important;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}

/* v4.3 - aktarım kalite filtreleri */
.skip-errors-option.neutral{border-color:#cbd5e1;background:#f8fafc;color:#334155}
.skip-errors-option.neutral small{color:#64748b}
.sync-options{align-items:stretch!important}
.cleanup-panel{margin-top:16px;border:1px dashed #cbd5e1;background:#fbfdff}
.cleanup-panel h4{margin-top:0}
.cleanup-result{margin-top:12px}
.cleanup-list{max-height:260px;overflow:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.cleanup-list>div{padding:8px 10px;border-bottom:1px solid #f1f5f9;font-size:12px}
.cleanup-list>div:last-child{border-bottom:0}

/* v4.5 - Genel Ayarlar ve fiyatlandırma yeniden tasarımı */
.settings-shell{display:grid;gap:18px}
.settings-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.16)}
.settings-hero h2{margin:4px 0 6px;font-size:28px}
.settings-hero p{margin:0;color:#cbd5e1;max-width:760px}
.settings-hero .eyebrow{color:#93c5fd}
.settings-hero-badge{min-width:120px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.08);display:grid;gap:4px;text-align:right}
.settings-hero-badge span{font-size:13px;color:#bfdbfe}.settings-hero-badge strong{font-size:20px}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
.settings-main{display:grid;gap:18px}
.settings-side{display:grid;gap:14px;position:sticky;top:18px}
.settings-card{border-radius:18px!important;padding:20px!important}
.settings-chip{font-size:13px;font-weight:700;padding:6px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8}
.settings-description{margin:6px 0 16px;color:#64748b}
.branding-form{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}
.brand-preview-column{display:grid;gap:12px}
.brand-preview-card{padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.large-preview{height:120px!important;border-radius:14px!important}
.brand-preview-meta{display:grid;gap:2px;margin-top:10px}.brand-preview-meta small{color:#64748b}
.favicon-preview-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.favicon-preview-card img{width:36px;height:36px;object-fit:contain}.favicon-preview-card div{display:grid}.favicon-preview-card small{color:#64748b}
.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field-block{display:grid;gap:7px}.field-block>span{font-weight:700;color:#0f172a;font-size:13px}.field-block small{color:#64748b;line-height:1.35}
.file-field{padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#fbfdff}
.settings-check{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}
.settings-check input{width:auto!important;min-width:auto!important}
.settings-action-row{grid-column:1/-1;display:flex;justify-content:flex-end}
.settings-help-card{padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.settings-help-card h4{margin:5px 0 14px}.settings-help-card p{margin:6px 0 0;color:#64748b;line-height:1.5}
.settings-help-card.compact{background:#fffbeb;border-color:#fde68a}
.settings-step{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #f1f5f9}.settings-step:last-child{border-bottom:0}
.settings-step b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#0f172a;color:#fff;font-size:13px}.settings-step span{font-size:12px;color:#475569;line-height:1.45}
.redesigned-pricing{overflow:hidden}
.pricing-summary-banner{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:14px}
.pricing-summary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1d4ed8;color:#fff;font-size:20px;font-weight:800}
.pricing-summary-banner>div:last-child{display:grid;gap:3px}.pricing-summary-banner span{font-size:12px;color:#475569}
.pricing-master-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;margin-bottom:16px}
.pricing-master-toggle>div{display:grid;gap:4px}.pricing-master-toggle span{font-size:12px;color:#64748b}
.pricing-groups{display:grid;gap:16px;transition:.2s ease}
.pricing-groups.is-disabled{opacity:.5;filter:grayscale(.08)}
.pricing-group{padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fbfdff}
.pricing-group-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.pricing-group-head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0f172a;color:#fff;font-size:12px;font-weight:800}
.pricing-group-head>div{display:grid;gap:2px}.pricing-group-head small{color:#64748b}
.pricing-grid{display:grid;gap:14px}.pricing-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-check-stack{display:grid;gap:8px;align-content:start}
.pricing-check{margin:0!important}
.emphasized-field{padding:12px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa}
.input-suffix{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:10px;background:#fff;overflow:hidden}
.input-suffix input{border:0!important;border-radius:0!important;flex:1}.input-suffix b{padding:0 12px;color:#64748b;font-size:12px}
.pricing-save-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px 16px;border-radius:14px;background:#0f172a;color:#fff}
.pricing-save-bar>div{display:grid;gap:3px}.pricing-save-bar span{font-size:12px;color:#cbd5e1}
.pricing-save-bar button{white-space:nowrap}
@media(max-width:1200px){.settings-layout{grid-template-columns:1fr}.settings-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.branding-form{grid-template-columns:1fr}.settings-form-grid,.pricing-grid.two-col,.pricing-grid.three-col,.settings-side{grid-template-columns:1fr}.settings-hero{align-items:flex-start}.settings-hero-badge{display:none}.pricing-save-bar{align-items:flex-start;flex-direction:column}.pricing-save-bar button{width:100%}}

/* v4.6 - ipucu alanları ana düzen içine alındı */
.settings-layout.single-column{grid-template-columns:1fr!important}
.settings-layout.single-column .settings-main{max-width:none}
.settings-side{display:none!important}

.pricing-inline-guide{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:10px;
  align-items:center;
  padding:14px 16px;
  margin-bottom:16px;
  border:1px solid #dbeafe;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbff,#f1f5ff);
}
.pricing-guide-step{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.pricing-guide-step>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:#1d4ed8;
  color:#fff;
  font-size:13px;
  font-weight:800;
  flex:0 0 auto;
}
.pricing-guide-step>div{
  display:grid;
  gap:2px;
  min-width:0;
}
.pricing-guide-step strong{
  color:#0f172a;
  font-size:13px;
}
.pricing-guide-step small{
  color:#64748b;
  font-size:13px;
  line-height:1.3;
}
.pricing-guide-arrow{
  color:#94a3b8;
  font-weight:800;
  font-size:18px;
}

.inline-info-strip,
.inline-warning-strip{
  display:flex;
  align-items:flex-start;
  gap:8px;
  flex-wrap:wrap;
  padding:10px 12px;
  margin-bottom:12px;
  border-radius:10px;
  font-size:12px;
  line-height:1.45;
}
.inline-info-strip{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
}
.inline-warning-strip{
  margin-top:14px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
}
.inline-info-strip strong,
.inline-warning-strip strong{
  white-space:nowrap;
}

.settings-card .panel-title-row{
  margin-bottom:4px;
}

@media(max-width:900px){
  .pricing-inline-guide{
    grid-template-columns:1fr 1fr;
  }
  .pricing-guide-arrow{
    display:none;
  }
}
@media(max-width:620px){
  .pricing-inline-guide{
    grid-template-columns:1fr;
  }
}

/* v4.7 - SEO URL kuralı */
.seo-panel{margin-top:18px}
.seo-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.seo-check{align-self:end}
.seo-example-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin:8px 0 14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a8a}
.seo-example-box strong{width:100%;font-size:12px}
.seo-example-box code{background:#fff;border:1px solid #dbeafe;border-radius:7px;padding:5px 8px}
.is-muted{opacity:.45;filter:grayscale(.1)}
@media(max-width:800px){.seo-rule-grid{grid-template-columns:1fr}}

/* v4.8 - Önizleme & Aktarım modern kompakt düzen */
.sync-page-shell{display:grid;gap:16px}
.compact-picker{padding:14px!important}
.sync-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.sync-control-card,.compact-cleanup,.sync-preview-card{border-radius:18px!important}
.sync-intro{margin:5px 0 14px;color:#64748b}
.sync-control-strip{padding:12px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}
.compact-controls{display:grid!important;grid-template-columns:140px 150px minmax(220px,1fr);gap:10px;align-items:end!important}
.compact-controls label{display:grid;gap:5px;font-size:13px;color:#64748b}
.compact-controls input,.compact-controls select{min-height:38px}
.compact-controls button{min-height:38px;justify-self:end}

.sync-policy-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.sync-policy{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #dbe4ee;border-radius:11px;background:#fff;cursor:pointer}
.sync-policy input{width:auto!important;min-width:auto!important;margin-top:3px}
.sync-policy span{display:grid;gap:1px}.sync-policy strong{font-size:12px;color:#0f172a}.sync-policy small{font-size:12px;color:#64748b}
.sync-policy.hidden{display:none!important}

.compact-cleanup{padding:18px!important}
.compact-cleanup p{font-size:12px;line-height:1.5;color:#64748b}
.compact-cleanup button{width:100%}
.compact-cleanup .cleanup-result{max-height:320px;overflow:auto}

.sync-preview-card{padding:18px!important}
.sync-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.sync-preview-head h3{margin:3px 0 0}
.compact-summary{display:flex!important;gap:6px!important;flex-wrap:wrap;justify-content:flex-end}
.compact-summary .summary-pill{font-size:12px!important;padding:5px 7px!important;border-radius:8px!important}

.compact-toolbar{margin:12px 0!important;padding:8px 0;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}
.compact-filters{display:flex;gap:5px!important;flex-wrap:wrap}
.compact-filters .preview-filter{padding:5px 9px!important;min-height:28px!important;border-radius:8px!important;font-size:12px!important;font-weight:700}
.compact-toolbar .xml-check-note{font-size:12px}

.compact-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.compact-product-grid .preview-product{margin:0!important;padding:11px!important;border-radius:13px!important;min-width:0}
.compact-product-grid .preview-product-head{gap:8px}
.compact-product-grid .preview-product-head strong{font-size:12px;line-height:1.3}
.compact-product-grid .preview-product-head small{font-size:11px}
.compact-product-grid .preview-badge{font-size:11px;padding:3px 6px}
.compact-product-grid .price-change,.compact-product-grid .category-note,.compact-product-grid .preview-error{font-size:12px;padding:7px 8px;margin-top:7px}
.compact-product-grid .preview-grid{grid-template-columns:86px minmax(0,1fr)!important;gap:8px!important;margin-top:8px}
.compact-product-grid .preview-images{display:grid!important;grid-template-columns:repeat(2,36px)!important;gap:4px!important}
.compact-product-grid .preview-thumb{width:36px!important;height:36px!important;border-radius:7px!important}
.compact-product-grid .preview-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
.compact-product-grid .sql-values{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;max-height:180px;overflow:auto}
.compact-product-grid .sql-value{grid-template-columns:minmax(70px,100px) minmax(0,1fr)!important;padding:4px 5px!important;font-size:11px!important}
.compact-product-grid .sql-value code,.compact-product-grid .sql-value span{font-size:11px!important}
.compact-product-grid .error-source code{font-size:11px}

.compact-pagination{margin-top:12px}
.compact-pagination button{padding:5px 8px!important;min-width:28px!important;font-size:12px!important}

.sync-bottom-bar{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid #eef2f7;margin-top:10px}
.sync-bottom-bar button{min-width:240px}
.compact-progress-box{margin-top:12px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fbfdff}

@media(max-width:1250px){
  .compact-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1050px){
  .sync-top-grid{grid-template-columns:1fr}
  .compact-controls{grid-template-columns:1fr 1fr}
  .compact-controls button{grid-column:1/-1;width:100%}
}
@media(max-width:760px){
  .sync-policy-strip{grid-template-columns:1fr}
  .compact-product-grid{grid-template-columns:1fr}
  .compact-controls{grid-template-columns:1fr}
  .compact-controls button{grid-column:auto}
  .sync-bottom-bar button{width:100%;min-width:0}
}

/* v4.9 - kompakt marka ayarları */
.compact-branding-card{padding:18px!important}
.compact-branding-form{display:grid;gap:14px}
.panel-title-full{width:100%}
.panel-title-full input{width:100%;font-size:15px;padding:11px 12px}
.brand-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.brand-asset-card{border:1px solid #e2e8f0;border-radius:14px;background:#fbfdff;padding:12px}
.brand-asset-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.brand-asset-head>div{display:grid;gap:2px}
.brand-asset-head strong{font-size:13px;color:#0f172a}
.brand-asset-head small{font-size:12px;color:#64748b;line-height:1.35}
.asset-delete-btn{background:#fff!important;color:#b42318!important;border:1px solid #fecaca!important;border-radius:8px!important;padding:5px 8px!important;font-size:12px!important;min-height:auto!important}
.asset-delete-btn:hover{background:#fef2f2!important}
.brand-asset-body{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center}
.asset-preview{height:64px;border:1px dashed #cbd5e1;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.asset-preview img{max-width:100%;max-height:100%;object-fit:contain}
.logo-asset-preview{padding:7px}
.favicon-asset-preview{width:64px}
.favicon-asset-preview img{width:34px;height:34px}
.brand-mark.mini{width:30px;height:30px;font-size:12px}
.asset-upload{display:grid;gap:5px}
.asset-upload span{font-size:13px;font-weight:700;color:#334155}
.asset-upload input[type=file]{font-size:12px;padding:7px;background:#fff;border:1px solid #dbe4ee;border-radius:9px;width:100%}
.compact-action-row{margin-top:0!important}
.compact-action-row button{min-width:220px}
@media(max-width:800px){.brand-assets-grid{grid-template-columns:1fr}}

/* v5.0 - Genel Ayarlar / Panel Kimliği modern UI */
.modern-branding-v5{
  padding:22px!important;
  overflow:hidden;
}
.branding-title-row{
  align-items:flex-start!important;
}
.branding-title-row .settings-description{
  margin:5px 0 0;
}
.branding-v5-form{
  display:grid;
  gap:16px;
}
.branding-title-field{
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fbfdff;
}
.branding-title-field input{
  height:44px;
  font-size:15px;
  font-weight:600;
  background:#fff;
}
.brand-assets-v5-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.brand-asset-v5{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  grid-template-rows:auto auto auto;
  gap:12px 16px;
  padding:16px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  box-shadow:0 8px 24px rgba(15,23,42,.035);
}
.brand-asset-v5-head{
  grid-column:2;
  grid-row:1;
}
.brand-asset-v5-head h4{
  margin:2px 0 4px;
  font-size:15px;
  color:#0f172a;
}
.brand-asset-v5-head p{
  margin:0;
  font-size:12px;
  color:#64748b;
}
.asset-kicker{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  color:#64748b;
}
.brand-preview-v5{
  grid-column:1;
  grid-row:1 / span 2;
  min-height:118px;
  display:grid;
  place-items:center;
  padding:12px;
  border:1px solid #dbe4ee;
  border-radius:14px;
  background:
    linear-gradient(45deg,#f8fafc 25%,transparent 25%),
    linear-gradient(-45deg,#f8fafc 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#f8fafc 75%),
    linear-gradient(-45deg,transparent 75%,#f8fafc 75%),
    #fff;
  background-size:14px 14px;
  background-position:0 0,0 7px,7px -7px,-7px 0;
  overflow:hidden;
}
.logo-preview-v5 img{
  width:auto;
  max-width:120px;
  max-height:92px;
  object-fit:contain;
}
.favicon-preview-v5 img{
  width:72px;
  height:72px;
  object-fit:contain;
  image-rendering:auto;
}
.asset-delete-row{
  grid-column:1;
  grid-row:3;
  display:flex;
  justify-content:center;
}
.asset-delete-btn-v5{
  width:auto!important;
  min-width:88px!important;
  max-width:120px!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#b42318!important;
  border:1px solid #fecaca!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.asset-delete-btn-v5:hover{
  background:#fef2f2!important;
  border-color:#fca5a5!important;
}
.asset-upload-v5{
  grid-column:2;
  grid-row:2 / span 2;
  display:grid;
  align-content:start;
  gap:7px;
}
.asset-upload-v5>span{
  font-size:13px;
  font-weight:700;
  color:#334155;
}
.asset-upload-v5 input[type=file]{
  width:100%;
  min-height:42px;
  padding:8px;
  border:1px dashed #cbd5e1;
  border-radius:10px;
  background:#fff;
  font-size:12px;
}
.branding-save-v5{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:13px 15px;
  border-radius:13px;
  background:#0f172a;
  color:#fff;
}
.branding-save-v5>div{
  display:grid;
  gap:2px;
}
.branding-save-v5 strong{
  font-size:12px;
}
.branding-save-v5 small{
  font-size:12px;
  color:#cbd5e1;
}
.branding-save-v5 button{
  width:auto!important;
  min-width:210px;
  white-space:nowrap;
}
@media(max-width:1100px){
  .brand-assets-v5-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .brand-asset-v5{
    grid-template-columns:1fr;
  }
  .brand-preview-v5,
  .brand-asset-v5-head,
  .asset-delete-row,
  .asset-upload-v5{
    grid-column:1;
    grid-row:auto;
  }
  .brand-preview-v5{
    min-height:130px;
  }
  .branding-save-v5{
    align-items:flex-start;
    flex-direction:column;
  }
  .branding-save-v5 button{
    width:100%!important;
    min-width:0;
  }
}

/* v5.1 - Ürün Alan Eşleme kompakt modern UI */
.mapping-picker-card{padding:12px 16px!important}
.mapping-workspace{
  padding:18px!important;
  border-radius:18px!important;
  overflow:hidden;
}
.mapping-workspace-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}
.mapping-workspace-head h3{margin:3px 0 4px}
.mapping-workspace-head p{
  margin:0;
  max-width:820px;
  color:#64748b;
  font-size:12px;
}
.mapping-config-grid{
  display:grid;
  grid-template-columns:1.1fr 1.1fr 1fr;
  gap:10px;
  padding:12px;
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#f8fafc;
}
.mapping-config-grid label{
  display:grid;
  gap:5px;
  font-size:13px;
  font-weight:700;
  color:#334155;
}
.mapping-config-grid select{
  min-height:38px;
  padding:7px 9px;
  font-size:13px;
}
.mapping-summary-strip{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin:10px 0;
}
.mapping-summary-strip span{
  padding:5px 8px;
  border:1px solid #e2e8f0;
  border-radius:8px;
  background:#fff;
  color:#64748b;
  font-size:12px;
}
.mapping-summary-strip b{color:#0f172a}
.mapping-table-wrap{
  max-height:66vh;
  overflow:auto;
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#fff;
}
.compact-mapping-table{
  min-width:1260px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.compact-mapping-table thead th,
.compact-mapping-table tr:first-child th{
  position:sticky;
  top:0;
  z-index:3;
  background:#f8fafc!important;
  box-shadow:0 1px 0 #e2e8f0;
}
.compact-mapping-table th{
  padding:8px 7px!important;
  font-size:11px!important;
  letter-spacing:.03em;
  color:#64748b;
  white-space:nowrap;
}
.compact-mapping-table td{
  padding:6px 7px!important;
  vertical-align:middle!important;
  border-bottom:1px solid #f1f5f9!important;
}
.compact-mapping-table tr:hover td{background:#fbfdff}
.compact-mapping-table td:first-child{
  width:150px;
  background:#fcfdff;
}
.compact-mapping-table td:first-child code{
  font-size:12px;
  font-weight:800;
  color:#0f172a;
}
.compact-mapping-table .field-type{
  font-size:11px!important;
  margin-top:2px!important;
}
.compact-mapping-table .field-note{
  font-size:11px!important;
  line-height:1.25;
}
.compact-mapping-table select,
.compact-mapping-table input{
  min-width:120px!important;
  height:32px!important;
  padding:4px 6px!important;
  border-radius:7px!important;
  font-size:11px!important;
}
.compact-mapping-table .mapping-mode{min-width:100px!important}
.compact-mapping-table .mapping-checks{
  min-width:140px!important;
  gap:4px!important;
}
.compact-mapping-table .mapping-checks label{
  font-size:11px!important;
  line-height:1.2!important;
}
.compact-mapping-table .mapping-checks input{
  width:auto!important;
  height:auto!important;
  min-width:auto!important;
}
.compact-save-bar{
  position:sticky;
  bottom:0;
  z-index:4;
  justify-content:flex-end!important;
  padding:10px 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%);
}
.compact-save-bar button{
  min-width:210px;
  min-height:38px;
}
.compact-manual-panel{
  margin-top:14px!important;
  padding:16px!important;
  border-radius:16px!important;
}
.compact-manual-panel .panel-title-row{margin-bottom:4px}
.compact-manual-panel>p{font-size:13px;margin:4px 0 12px!important}
.compact-manual-panel .manual-sql-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.compact-manual-panel .manual-sql-card{
  padding:9px!important;
  border-radius:10px!important;
  gap:6px!important;
}
.compact-manual-panel .manual-sql-card select,
.compact-manual-panel .manual-sql-card input{
  min-height:32px;
  padding:5px 7px;
  font-size:11px;
}
.compact-manual-panel .manual-sql-name code{font-size:11px}
.compact-manual-panel .mapping-source-tag{font-size:11px}
.compact-manual-panel .manual-sql-example{
  padding:8px 10px!important;
  margin-bottom:10px!important;
  font-size:11px;
}
.compact-mapping-help{
  padding:10px 12px!important;
  margin:10px 0!important;
  border-radius:10px!important;
}
.compact-mapping-help strong{font-size:13px}
.compact-mapping-help span{font-size:12px!important}
.compact-seo-panel{
  margin-top:14px!important;
  padding:16px!important;
  border-radius:16px!important;
}
.compact-seo-panel .settings-description{font-size:13px}
.compact-seo-panel .seo-rule-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.compact-seo-panel .seo-example-box{
  padding:9px 11px!important;
  margin:7px 0 10px!important;
  font-size:11px;
}
@media(max-width:1250px){
  .compact-manual-panel .manual-sql-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .compact-seo-panel .seo-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .mapping-config-grid{grid-template-columns:1fr}
  .compact-manual-panel .manual-sql-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .mapping-workspace-head{flex-direction:column}
  .compact-manual-panel .manual-sql-grid,
  .compact-seo-panel .seo-rule-grid{grid-template-columns:1fr!important}
}

/* v5.2 - Otomasyon sayfası */
.automation-page-shell{display:grid;gap:16px}
.automation-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start}
.automation-main-card,.automation-cron-card{border-radius:18px!important;padding:18px!important}
.automation-status{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}
.automation-status.is-on{background:#dcfce7;color:#166534}.automation-status.is-off{background:#f1f5f9;color:#64748b}
.automation-intro{margin:5px 0 14px;color:#64748b;font-size:12px;line-height:1.5}
.automation-enable-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;border:1px solid #dbe4ee;border-radius:13px;background:#f8fafc;margin-bottom:12px}
.automation-enable-card>div{display:grid;gap:3px}.automation-enable-card span{font-size:13px;color:#64748b}
.automation-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.hours-input{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:10px;background:#fff;overflow:hidden}
.hours-input input{border:0!important;border-radius:0!important;flex:1;min-width:0}.hours-input b{padding:0 12px;color:#64748b;font-size:13px}
.interval-field{padding:11px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}
.automation-wide-check{grid-column:1/-1}
.automation-save-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:13px;padding:12px 14px;border-radius:13px;background:#0f172a;color:#fff}
.automation-save-bar>div{display:grid;gap:2px}.automation-save-bar span{font-size:12px;color:#cbd5e1}.automation-save-bar button{white-space:nowrap}
.modern-meta{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;margin-top:12px!important}
.modern-meta span{display:grid!important;gap:3px;padding:9px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fbfdff}
.modern-meta small{font-size:11px;color:#64748b}.modern-meta b{font-size:12px;color:#0f172a}
.automation-run-now{display:flex;justify-content:flex-end;margin-top:10px}.automation-run-now button{min-width:220px}
.automation-cron-card p{font-size:13px;line-height:1.5;color:#64748b}
.cron-code-block{margin-top:10px}.cron-code-block>span{display:block;margin-bottom:5px;font-size:12px;font-weight:800;color:#334155}.cron-code-block pre{font-size:11px;white-space:pre-wrap;word-break:break-all}
.automation-info-strip{display:grid;gap:3px;margin-top:10px;padding:10px 11px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a;font-size:12px}
@media(max-width:1150px){.automation-grid{grid-template-columns:1fr}}
@media(max-width:720px){.automation-settings-grid,.modern-meta{grid-template-columns:1fr}.automation-save-bar{align-items:flex-start;flex-direction:column}.automation-save-bar button,.automation-run-now button{width:100%;min-width:0}}

/* v5.3 - Önizleme & Aktarım okunabilir boyut + yatay filtreler */
.sync-top-grid{
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:18px!important;
}
.sync-control-card{
  padding:20px!important;
  min-height:250px;
}
.sync-control-card .panel-title-row h3{
  font-size:20px!important;
  line-height:1.25!important;
}
.sync-intro{
  font-size:13px!important;
  line-height:1.55!important;
  max-width:980px;
}
.compact-controls label{
  font-size:12px!important;
}
.compact-controls input,
.compact-controls select{
  min-height:42px!important;
  font-size:12px!important;
}
.compact-controls button{
  min-height:42px!important;
  font-size:12px!important;
}
.sync-policy strong{font-size:12px!important}
.sync-policy small{font-size:13px!important}

.sync-preview-card{
  padding:20px!important;
}
.sync-preview-head h3{
  font-size:20px!important;
}
.compact-summary .summary-pill{
  font-size:13px!important;
  padding:6px 9px!important;
}
.compact-toolbar{
  display:block!important;
  overflow:hidden;
}
.compact-filters{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  overflow-x:auto;
  padding-bottom:3px;
  scrollbar-width:thin;
}
.compact-filters .preview-filter{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  padding:7px 12px!important;
  min-height:34px!important;
  font-size:13px!important;
  border-radius:9px!important;
}
.compact-toolbar .xml-check-note{
  margin-top:7px;
  font-size:13px!important;
}
.compact-product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.compact-product-grid .preview-product{
  padding:14px!important;
  border-radius:14px!important;
}
.compact-product-grid .preview-product-head strong{
  font-size:13px!important;
  line-height:1.4!important;
}
.compact-product-grid .preview-product-head small{
  font-size:12px!important;
}
.compact-product-grid .preview-badge{
  font-size:12px!important;
  padding:4px 7px!important;
}
.compact-product-grid .price-change,
.compact-product-grid .category-note,
.compact-product-grid .preview-error{
  font-size:13px!important;
  line-height:1.45!important;
  padding:9px 10px!important;
}
.compact-product-grid .preview-grid{
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:10px!important;
}
.compact-product-grid .preview-images{
  grid-template-columns:repeat(2,48px)!important;
  gap:6px!important;
}
.compact-product-grid .preview-thumb{
  width:48px!important;
  height:48px!important;
}
.compact-product-grid .sql-values{
  max-height:260px!important;
  gap:4px!important;
}
.compact-product-grid .sql-value{
  grid-template-columns:minmax(90px,120px) minmax(0,1fr)!important;
  padding:5px 7px!important;
  font-size:12px!important;
}
.compact-product-grid .sql-value code,
.compact-product-grid .sql-value span{
  font-size:12px!important;
}
.preview-load-error{
  display:grid;
  gap:5px;
  padding:14px 16px;
  margin-top:12px;
  border:1px solid #fecaca;
  border-radius:12px;
  background:#fef2f2;
  color:#991b1b;
}
.preview-load-error span{font-size:12px}
.preview-load-error small{font-size:12px;color:#b91c1c}
@media(max-width:1200px){
  .sync-top-grid{grid-template-columns:1fr!important}
  .compact-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .compact-product-grid{grid-template-columns:1fr!important}
}

/* v5.4 - Önizleme & Aktarım tam genişlik ve taşma düzeltmesi */
.sync-page-shell,
.sync-page-shell *{
  box-sizing:border-box;
}
.sync-page-shell{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
.sync-control-full{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  padding:20px!important;
}
.sync-control-header-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:18px;
  width:100%;
  align-items:stretch;
}
.sync-control-main{
  min-width:0;
}
.sync-cleanup-inline{
  min-width:0;
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#f8fafc;
  align-self:stretch;
}
.sync-cleanup-inline>strong{
  display:block;
  margin:4px 0 5px;
  font-size:13px;
  color:#0f172a;
}
.sync-cleanup-inline p{
  margin:0 0 10px;
  font-size:13px;
  line-height:1.45;
  color:#64748b;
}
.sync-cleanup-inline button{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  padding:8px 11px!important;
  font-size:12px!important;
  white-space:normal!important;
}
.sync-cleanup-inline .cleanup-result{
  max-height:180px;
  overflow:auto;
  margin-top:8px;
}

.compact-controls{
  display:grid!important;
  grid-template-columns:125px 140px minmax(220px,1fr)!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
.compact-controls>*{
  min-width:0!important;
}
#buildSyncPreview{
  width:auto!important;
  min-width:220px!important;
  max-width:360px!important;
  justify-self:start!important;
  padding-left:18px!important;
  padding-right:18px!important;
}

.sync-policy-strip{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
}
.sync-policy{
  min-width:0!important;
}

.sync-preview-card{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.compact-toolbar{
  width:100%!important;
  overflow:visible!important;
}
.compact-filters{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.compact-filters .preview-filter{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:32px!important;
  min-height:32px!important;
  padding:6px 12px!important;
  margin:0!important;
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:1!important;
}
.sync-bottom-bar{
  justify-content:flex-end!important;
  width:100%!important;
}
#startApprovedSync{
  width:auto!important;
  min-width:230px!important;
  max-width:360px!important;
  padding:9px 16px!important;
}
#stopApprovedSync{
  width:auto!important;
  min-width:0!important;
}

.compact-product-grid{
  width:100%!important;
  min-width:0!important;
}
.compact-product-grid .preview-product{
  min-width:0!important;
  overflow:hidden!important;
}
.compact-product-grid .sql-values,
.compact-product-grid .sql-value{
  min-width:0!important;
}
.compact-product-grid .sql-value span{
  overflow-wrap:anywhere;
}

.compact-pagination{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.compact-pagination button{
  width:auto!important;
  min-width:30px!important;
  max-width:none!important;
}

@media(max-width:1050px){
  .sync-control-header-grid{
    grid-template-columns:1fr!important;
  }
  .sync-cleanup-inline{
    width:100%;
  }
}
@media(max-width:760px){
  .compact-controls{
    grid-template-columns:1fr!important;
  }
  #buildSyncPreview{
    width:100%!important;
    max-width:none!important;
  }
  .sync-policy-strip{
    grid-template-columns:1fr!important;
  }
  .compact-filters{
    flex-wrap:wrap!important;
  }
  #startApprovedSync{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

/* v5.6 - Resimsiz SQL temizliği sayfa sonuna geri alındı */
.sync-control-header-grid.single-control{
  grid-template-columns:1fr!important;
}
.bottom-cleanup-panel{
  margin-top:16px;
  padding:20px!important;
  border-radius:18px!important;
  width:100%;
}
.bottom-cleanup-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.bottom-cleanup-head h3{
  margin:4px 0 5px;
  font-size:18px;
}
.bottom-cleanup-head p{
  margin:0;
  max-width:900px;
  color:#64748b;
  font-size:12px;
  line-height:1.5;
}
.bottom-cleanup-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  padding:12px;
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#f8fafc;
}
.cleanup-info-box{
  display:grid;
  gap:3px;
}
.cleanup-info-box strong{
  font-size:12px;
  color:#0f172a;
}
.cleanup-info-box span{
  font-size:12px;
  color:#64748b;
}
.cleanup-scan-btn{
  width:auto!important;
  min-width:220px!important;
  max-width:320px!important;
  padding:9px 14px!important;
  white-space:nowrap!important;
}
.bottom-cleanup-result{
  margin-top:12px;
  max-height:360px;
  overflow:auto;
}
@media(max-width:760px){
  .bottom-cleanup-head,
  .bottom-cleanup-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .cleanup-scan-btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* v5.7 - Otomasyon form hizalama düzeltmesi */
.aligned-settings-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.automation-field-card{
  display:grid!important;
  grid-template-rows:auto 42px minmax(32px,auto);
  gap:7px!important;
  min-width:0;
  min-height:116px;
  padding:12px!important;
  border:1px solid #dbe4ee;
  border-radius:12px;
  background:#fff;
}
.automation-field-card.interval-field{
  background:#eff6ff!important;
  border-color:#bfdbfe!important;
}
.automation-field-label{
  display:block;
  min-height:18px;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
  color:#0f172a!important;
}
.automation-field-card select,
.automation-field-card input{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  font-size:12px!important;
  align-self:start;
}
.automation-field-card small{
  display:block;
  min-height:30px;
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#64748b!important;
}
.automation-missing-card{
  grid-column:1/-1;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:12px 13px!important;
  border:1px solid #e2e8f0!important;
  border-radius:11px!important;
  background:#f8fafc!important;
}
.automation-missing-card input{
  width:auto!important;
  min-width:auto!important;
  height:auto!important;
  margin-top:3px!important;
}
.automation-missing-card>span{
  display:grid;
  gap:3px;
}
.automation-missing-card strong{
  font-size:13px;
  color:#0f172a;
}
.automation-missing-card small{
  font-size:12px;
  color:#64748b;
}
@media(max-width:760px){
  .aligned-settings-grid{
    grid-template-columns:1fr!important;
  }
}

/* v5.8 - Otomasyon tam genişlik + okunabilir tipografi */
.automation-page-shell{
  width:100%;
  max-width:100%;
}
.automation-grid{
  grid-template-columns:1fr!important;
  width:100%!important;
  max-width:100%!important;
}
.automation-main-card{
  width:100%!important;
  max-width:none!important;
  padding:22px!important;
}
.automation-cron-card{
  width:100%!important;
  max-width:none!important;
}

/* Ana başlık ve açıklamalar */
.automation-main-card .panel-title-row h3{
  font-size:20px!important;
  line-height:1.3!important;
}
.automation-main-card .eyebrow{
  font-size:12px!important;
}
.automation-intro{
  font-size:13px!important;
  line-height:1.6!important;
  max-width:none!important;
}

/* Etkinleştirme alanı */
.automation-enable-card{
  padding:15px 16px!important;
}
.automation-enable-card strong{
  font-size:14px!important;
}
.automation-enable-card span{
  font-size:13px!important;
  line-height:1.45!important;
}

/* Dört ana ayar kartı */
.aligned-settings-grid{
  gap:14px!important;
}
.automation-field-card{
  min-height:132px!important;
  padding:14px!important;
  gap:9px!important;
}
.automation-field-label{
  font-size:13px!important;
  min-height:20px!important;
}
.automation-field-card select,
.automation-field-card input{
  height:44px!important;
  min-height:44px!important;
  font-size:13px!important;
  padding:9px 11px!important;
}
.automation-field-card small{
  min-height:34px!important;
  font-size:13px!important;
  line-height:1.5!important;
}

/* XML'den kaybolan ürün seçeneği */
.automation-missing-card{
  padding:14px 15px!important;
}
.automation-missing-card strong{
  font-size:12px!important;
}
.automation-missing-card small{
  font-size:13px!important;
  line-height:1.5!important;
}

/* Kaydetme şeridi */
.automation-save-bar{
  padding:14px 16px!important;
}
.automation-save-bar strong{
  font-size:14px!important;
}
.automation-save-bar span{
  font-size:13px!important;
  line-height:1.45!important;
}
.automation-save-bar button{
  min-height:42px!important;
  font-size:12px!important;
}

/* Durum kutuları */
.modern-meta{
  gap:10px!important;
}
.modern-meta span{
  padding:11px 12px!important;
}
.modern-meta small{
  font-size:12px!important;
}
.modern-meta b{
  font-size:13px!important;
}

/* Şimdi çalıştır */
.automation-run-now button{
  min-height:42px!important;
  font-size:12px!important;
}

/* Eğer CRON kartı sayfada görünüyorsa tam genişlik ve okunabilir olsun */
.automation-cron-card p{
  font-size:12px!important;
  line-height:1.6!important;
}
.cron-code-block>span{
  font-size:13px!important;
}
.cron-code-block pre{
  font-size:12px!important;
  line-height:1.5!important;
}
.automation-info-strip{
  font-size:13px!important;
  line-height:1.5!important;
}

@media(max-width:760px){
  .automation-main-card{
    padding:16px!important;
  }
  .automation-main-card .panel-title-row h3{
    font-size:18px!important;
  }
}

/* v5.9 - Otomasyon sayfası kararlı dikey akış */
.automation-page-shell{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.automation-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  position:static!important;
  overflow:visible!important;
}
.automation-stack > .automation-main-card,
.automation-stack > .automation-cron-card{
  display:block!important;
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  z-index:auto!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Ana otomasyon kartı */
.automation-main-card{
  padding:22px!important;
  background:#fff!important;
  overflow:visible!important;
}
.automation-main-card .panel-title-row{
  position:static!important;
}
.automation-intro{
  font-size:13px!important;
  line-height:1.55!important;
  color:#64748b!important;
}
.automation-form{
  display:block!important;
  position:static!important;
}
.automation-enable-card{
  position:static!important;
  margin-bottom:14px!important;
}
.aligned-settings-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  position:static!important;
}
.automation-field-card{
  position:static!important;
  min-width:0!important;
  min-height:132px!important;
}
.automation-missing-card{
  position:static!important;
  grid-column:1/-1!important;
}
.automation-save-bar{
  position:static!important;
  margin-top:14px!important;
}
.modern-meta{
  position:static!important;
  margin-top:12px!important;
}
.automation-run-now{
  position:static!important;
  margin-top:10px!important;
}

/* CRON kartı ana kartın ALTINDA normal akışta */
.automation-cron-card{
  padding:20px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.automation-cron-card .panel-title-row{
  position:static!important;
  margin-bottom:8px!important;
}
.automation-cron-card h3{
  font-size:18px!important;
  margin:3px 0 0!important;
}
.automation-cron-card p{
  margin:6px 0 12px!important;
  font-size:12px!important;
  line-height:1.55!important;
  color:#64748b!important;
}
.cron-code-block{
  display:block!important;
  position:static!important;
  margin-top:10px!important;
  width:100%!important;
}
.cron-code-block > span{
  display:block!important;
  margin-bottom:6px!important;
  font-size:13px!important;
  font-weight:800!important;
}
.cron-code-block pre{
  display:block!important;
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:11px 12px!important;
  border-radius:10px!important;
  overflow:auto!important;
  white-space:pre-wrap!important;
  word-break:break-all!important;
  font-size:12px!important;
  line-height:1.5!important;
  background:#0f172a!important;
  color:#e5e7eb!important;
}
.automation-info-strip{
  position:static!important;
  margin-top:10px!important;
}

/* Eski automation-grid kurallarının etkisini tamamen kapat */
.automation-grid{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  position:static!important;
}

/* Sayfa içeriğinin üstüne hiçbir otomasyon elemanı binmesin */
.automation-page-shell .panel,
.automation-page-shell form,
.automation-page-shell pre,
.automation-page-shell .automation-info-strip{
  transform:none!important;
}

@media(max-width:760px){
  .aligned-settings-grid{
    grid-template-columns:1fr!important;
  }
  .automation-main-card,
  .automation-cron-card{
    padding:16px!important;
  }
}

/* v6.0 - Otomasyon tipografisi: daha rahat okunabilir */
.automation-page-shell .compact-picker,
.automation-page-shell .compact-picker label,
.automation-page-shell .compact-picker select{
  font-size:14px!important;
}
.automation-main-card .eyebrow,
.automation-cron-card .eyebrow{
  font-size:13px!important;
  letter-spacing:.12em!important;
}
.automation-main-card .panel-title-row h3{
  font-size:21px!important;
}
.automation-intro{
  font-size:14px!important;
  line-height:1.6!important;
}
.automation-status{
  font-size:13px!important;
}
.automation-enable-card strong{
  font-size:15px!important;
}
.automation-enable-card span{
  font-size:12px!important;
}
.automation-field-label{
  font-size:14px!important;
}
.automation-field-card select,
.automation-field-card input{
  font-size:14px!important;
}
.automation-field-card small{
  font-size:12px!important;
  line-height:1.5!important;
}
.automation-missing-card strong{
  font-size:13px!important;
}
.automation-missing-card small{
  font-size:12px!important;
}
.automation-save-bar strong{
  font-size:15px!important;
}
.automation-save-bar span{
  font-size:12px!important;
}
.automation-save-bar button,
.automation-run-now button{
  font-size:13px!important;
}
.modern-meta small{
  font-size:13px!important;
}
.modern-meta b{
  font-size:12px!important;
}
.automation-cron-card h3{
  font-size:19px!important;
}
.automation-cron-card p{
  font-size:13px!important;
}
.cron-code-block>span{
  font-size:12px!important;
}
.cron-code-block pre{
  font-size:13px!important;
}
.automation-info-strip{
  font-size:12px!important;
}

/* v6.1 - CRON / Heartbeat başlık kontrast düzeltmesi */
.automation-cron-card .eyebrow{
  color:#2563eb!important;
  opacity:1!important;
}
.automation-cron-card .panel-title-row h3,
.automation-cron-card h3{
  color:#0f172a!important;
  opacity:1!important;
}

/* v6.2 - CRON okunabilirlik + Yardım / Kullanım Kılavuzu */

/* CRON başlığında başka genel stiller beyaz rengi zorlamasın */
.automation-page-shell .automation-cron-card,
.automation-page-shell .automation-cron-card .panel-title-row,
.automation-page-shell .automation-cron-card .panel-title-row > div{
  color:#0f172a!important;
}
.automation-page-shell .automation-cron-card .eyebrow{
  color:#2563eb!important;
  opacity:1!important;
  -webkit-text-fill-color:#2563eb!important;
}
.automation-page-shell .automation-cron-card h3,
.automation-page-shell .automation-cron-card .panel-title-row h3{
  color:#0f172a!important;
  opacity:1!important;
  -webkit-text-fill-color:#0f172a!important;
  text-shadow:none!important;
}
.automation-page-shell .automation-cron-card p,
.automation-page-shell .automation-cron-card .cron-code-block>span,
.automation-page-shell .automation-cron-card .automation-info-strip{
  font-size:13px!important;
}
.automation-page-shell .automation-cron-card .cron-code-block pre{
  font-size:13px!important;
  line-height:1.55!important;
}

/* Help page */
.help-page{display:grid;gap:16px}
.help-hero{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:24px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#1e293b);
  color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.13)
}
.help-hero .eyebrow{color:#93c5fd!important}
.help-hero h2{margin:4px 0 7px;font-size:27px;color:#fff}
.help-hero p{margin:0;max-width:900px;font-size:13px;line-height:1.6;color:#cbd5e1}
.help-version{display:grid;gap:3px;min-width:90px;padding:12px 14px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.07);text-align:right}
.help-version small{font-size:12px;color:#bfdbfe}.help-version strong{font-size:18px;color:#fff}
.help-flow{display:flex;gap:7px;overflow-x:auto;padding:3px 0 5px}
.help-flow a{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;color:#334155;text-decoration:none;font-size:13px;font-weight:700}
.help-flow a b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#0f172a;color:#fff;font-size:11px}
.help-flow a:hover{border-color:#93c5fd;background:#eff6ff}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.help-card{position:relative;padding:19px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.035);scroll-margin-top:20px}
.help-card.wide{grid-column:1/-1}
.help-number{position:absolute;right:15px;top:14px;font-size:12px;font-weight:800;color:#94a3b8}
.help-card h3{margin:0 0 8px;padding-right:38px;font-size:17px;color:#0f172a}
.help-card p{margin:6px 0 10px;font-size:12px;line-height:1.6;color:#475569}
.help-card ul,.help-card ol{margin:8px 0 0;padding-left:20px;color:#475569}
.help-card li{margin:6px 0;font-size:12px;line-height:1.5}
.help-card code{font-size:13px}
.help-code{padding:9px 11px;margin:8px 0;border:1px solid #dbe4ee;border-radius:9px;background:#f8fafc;font:600 11px/1.45 monospace;color:#0f172a}
.help-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}
.help-columns>div{display:grid;gap:3px;padding:10px 11px;border:1px solid #e2e8f0;border-radius:11px;background:#fbfdff}
.help-columns strong{font-size:12px;color:#0f172a}.help-columns span{font-size:13px;line-height:1.5;color:#64748b}
.help-tip,.help-warning{padding:10px 12px;margin-top:11px;border-radius:10px;font-size:13px;line-height:1.5}
.help-tip{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}
.help-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.help-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.help-checklist span{padding:9px 10px;border:1px solid #dbe4ee;border-radius:9px;background:#f8fafc;font-size:13px;color:#334155}
@media(max-width:900px){.help-grid{grid-template-columns:1fr}.help-card.wide{grid-column:auto}}
@media(max-width:650px){.help-hero{align-items:flex-start}.help-version{display:none}.help-columns,.help-checklist{grid-template-columns:1fr}}

/* v6.3 - Ürün Görselleri modern UI */
.images-page-shell{
  display:grid;
  gap:16px;
  width:100%;
}
.images-picker-card{
  padding:14px 16px!important;
  border-radius:16px!important;
}
.images-page-shell .panel{
  border-radius:18px;
}
.images-page-shell h2,
.images-page-shell h3{
  color:#0f172a;
}
.images-page-shell .eyebrow{
  color:#64748b;
}

/* Sayaçlar */
.modern-image-stats,
.images-page-shell .image-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px!important;
  margin:12px 0 16px!important;
}
.modern-image-stats>div,
.images-page-shell .image-stats>div{
  padding:14px 15px!important;
  border:1px solid #e2e8f0!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  box-shadow:0 7px 20px rgba(15,23,42,.035);
}
.modern-image-stats strong,
.images-page-shell .image-stats strong{
  display:block;
  font-size:22px!important;
  line-height:1.1;
  color:#0f172a!important;
}
.modern-image-stats span,
.images-page-shell .image-stats span,
.modern-image-stats small,
.images-page-shell .image-stats small{
  display:block;
  margin-top:4px;
  font-size:13px!important;
  color:#64748b!important;
}

/* Aksiyon alanları */
.modern-image-actions,
.images-page-shell .image-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding:11px 12px!important;
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#f8fafc;
}
.modern-image-actions button,
.images-page-shell .image-actions button{
  width:auto!important;
  min-width:0!important;
  min-height:36px!important;
  padding:8px 12px!important;
  border-radius:9px!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
.modern-image-actions select,
.images-page-shell .image-actions select,
.modern-image-actions input,
.images-page-shell .image-actions input{
  min-height:36px!important;
  font-size:13px!important;
}

/* Görsel kartları */
.modern-image-grid,
.images-page-shell .image-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch;
}
.modern-image-grid .image-card,
.images-page-shell .image-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:10px!important;
  border:1px solid #e2e8f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(15,23,42,.04);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.modern-image-grid .image-card:hover,
.images-page-shell .image-card:hover{
  transform:translateY(-2px);
  border-color:#bfdbfe!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.modern-image-grid .image-card img,
.images-page-shell .image-card img{
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  object-fit:contain!important;
  padding:8px!important;
  border:1px solid #eef2f7;
  border-radius:11px!important;
  background:
    linear-gradient(45deg,#f8fafc 25%,transparent 25%),
    linear-gradient(-45deg,#f8fafc 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#f8fafc 75%),
    linear-gradient(-45deg,transparent 75%,#f8fafc 75%),
    #fff;
  background-size:16px 16px;
  background-position:0 0,0 8px,8px -8px,-8px 0;
}
.modern-image-grid .image-card strong,
.images-page-shell .image-card strong{
  margin-top:8px;
  font-size:13px!important;
  line-height:1.35!important;
  color:#0f172a!important;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.modern-image-grid .image-card small,
.images-page-shell .image-card small{
  margin-top:4px;
  font-size:11px!important;
  line-height:1.35!important;
  color:#64748b!important;
  overflow-wrap:anywhere;
}
.modern-image-grid .image-card .status,
.images-page-shell .image-card .status{
  margin-top:auto;
  padding-top:7px;
}

/* FTP alanı */
.modern-ftp-panel,
.images-page-shell .ftp-panel{
  margin-top:14px!important;
  padding:16px!important;
  border:1px solid #dbe4ee!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fbfdff,#f8fafc)!important;
}
.modern-ftp-panel h3,
.images-page-shell .ftp-panel h3{
  margin-top:0;
  font-size:16px!important;
}
.modern-ftp-panel label,
.images-page-shell .ftp-panel label{
  font-size:13px!important;
  font-weight:700;
}
.modern-ftp-panel input,
.modern-ftp-panel select,
.images-page-shell .ftp-panel input,
.images-page-shell .ftp-panel select{
  min-height:38px!important;
  font-size:13px!important;
}

/* Progress + log */
.images-page-shell .progress-wrap{
  height:22px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#e2e8f0!important;
}
.images-page-shell .progress-bar{
  min-height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:800!important;
  border-radius:999px!important;
}
.modern-image-log,
.images-page-shell .image-log{
  max-height:280px;
  overflow:auto;
  margin-top:10px;
  padding:10px!important;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#0f172a!important;
  color:#e5e7eb!important;
  font-size:12px!important;
  line-height:1.5;
}

/* Pagination */
.modern-image-pagination,
.images-page-shell .pagination{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-top:14px!important;
}
.modern-image-pagination button,
.images-page-shell .pagination button,
.modern-image-pagination a,
.images-page-shell .pagination a{
  width:auto!important;
  min-width:32px!important;
  height:32px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  font-size:12px!important;
}

/* Responsive */
@media(max-width:1500px){
  .modern-image-grid,
  .images-page-shell .image-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1250px){
  .modern-image-grid,
  .images-page-shell .image-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .modern-image-stats,
  .images-page-shell .image-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modern-image-grid,
  .images-page-shell .image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .modern-image-grid,
  .images-page-shell .image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .modern-image-stats,
  .images-page-shell .image-stats{grid-template-columns:1fr}
  .modern-image-grid,
  .images-page-shell .image-grid{grid-template-columns:1fr!important}
}

/* v6.4 - Yöneticiler */
.admin-avatar-top{overflow:hidden;padding:0!important}
.admin-avatar-top img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.admins-page-shell{display:grid;gap:16px}
.admins-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;border-radius:19px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}
.admins-hero .eyebrow{color:#93c5fd}.admins-hero h2{margin:4px 0 5px;font-size:25px;color:#fff}.admins-hero p{margin:0;font-size:13px;color:#cbd5e1}
.admins-count{display:grid;justify-items:end;gap:1px}.admins-count small,.admins-count span{font-size:12px;color:#bfdbfe}.admins-count strong{font-size:28px}
.admins-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}
.admin-create-card,.admins-list-card,.admin-log-card{border-radius:18px!important;padding:18px!important}
.admin-create-form{display:grid;gap:11px}
.admin-create-form .field-block span,.admin-photo-upload>span{font-size:12px;font-weight:800;color:#0f172a}
.admin-create-form input{min-height:40px;font-size:12px}
.admin-photo-upload{display:grid;gap:7px}
.admin-photo-drop{position:relative;display:grid;place-items:center;gap:2px;min-height:88px;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;text-align:center;overflow:hidden}
.admin-photo-drop b{font-size:12px;color:#334155}.admin-photo-drop small{font-size:12px;color:#64748b}
.admin-photo-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.admins-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-user-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:11px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;min-width:0}
.admin-user-card.is-self{border-color:#bfdbfe;background:#f8fbff}
.admin-photo{grid-row:1/span 2;width:68px;height:68px;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:#e2e8f0;color:#334155;font-size:18px;font-weight:800}
.admin-photo img{width:100%;height:100%;object-fit:cover}
.admin-user-info{min-width:0}.admin-name-row{display:flex;align-items:center;gap:6px;min-width:0}.admin-name-row strong{font-size:13px;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-name-row em{font-style:normal;font-size:11px;padding:3px 5px;border-radius:999px;background:#dbeafe;color:#1d4ed8}
.admin-user-info>code{display:block;margin-top:2px;font-size:11px;color:#64748b}
.admin-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:6px}.admin-meta span{font-size:11px;padding:3px 6px;border-radius:999px;font-weight:800}.admin-meta .online{background:#dcfce7;color:#166534}.admin-meta .offline{background:#fee2e2;color:#991b1b}.admin-meta small{font-size:11px;color:#64748b}
.admin-card-actions{grid-column:2;display:flex;gap:6px;align-items:center}.admin-card-actions form{margin:0}.admin-card-actions button{width:auto!important;min-height:28px!important;padding:5px 8px!important;font-size:11px!important;border-radius:7px!important}
.admin-status-btn{background:#f8fafc!important;color:#334155!important;border:1px solid #cbd5e1!important}.admin-delete-btn{background:#fff!important;color:#b42318!important;border:1px solid #fecaca!important}.admin-self-note{font-size:11px;color:#2563eb;font-weight:700}
.admin-log-table table{min-width:760px}.admin-log-table th{font-size:12px}.admin-log-table td{font-size:12px}.admin-log-action{display:inline-block;padding:4px 7px;border-radius:7px;background:#f1f5f9;color:#334155;font-size:11px;font-weight:700}
@media(max-width:1200px){.admins-layout{grid-template-columns:1fr}.admin-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-create-form button{grid-column:1/-1}.admin-photo-upload{grid-column:1/-1}}
@media(max-width:850px){.admins-grid{grid-template-columns:1fr}}
@media(max-width:620px){.admins-hero{align-items:flex-start}.admins-count{display:none}.admin-create-form{grid-template-columns:1fr}.admin-photo-upload,.admin-create-form button{grid-column:auto}}

/* v6.5 - Yönetici düzenleme */
.editable-admin-grid{grid-template-columns:1fr!important}
.editable-admin-card{display:block!important}
.admin-summary-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:11px;align-items:start}
.editable-admin-card .admin-card-actions{grid-column:auto;margin-top:10px;padding-top:9px;border-top:1px solid #eef2f7}
.admin-edit-btn{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}
.admin-edit-form{margin-top:12px;padding:13px;border:1px solid #bfdbfe;border-radius:12px;background:#f8fbff}
.admin-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-edit-grid label{display:grid;gap:5px}
.admin-edit-grid label>span{font-size:12px;font-weight:800;color:#334155}
.admin-edit-grid input[type=text],
.admin-edit-grid input[type=password],
.admin-edit-grid input:not([type]){min-height:36px;padding:7px 9px;font-size:13px}
.admin-edit-grid small{font-size:11px;color:#64748b}
.admin-edit-photo input[type=file]{min-height:36px;padding:6px;font-size:11px;background:#fff;border:1px solid #dbe4ee;border-radius:8px}
.admin-active-check,.admin-remove-photo{display:flex!important;align-items:center;gap:7px;padding:8px 9px;border:1px solid #e2e8f0;border-radius:9px;background:#fff}
.admin-active-check input,.admin-remove-photo input{width:auto!important;min-width:auto!important}
.admin-edit-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}
.admin-edit-actions button{width:auto!important;min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
.admin-edit-cancel{background:#fff!important;color:#475569!important;border:1px solid #cbd5e1!important}
@media(max-width:720px){.admin-edit-grid{grid-template-columns:1fr}}

/* v6.7 - Modül üst başlık kartları */
.module-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  width:100%;
  margin-bottom:16px;
  padding:24px 22px;
  border-radius:20px;
  background:linear-gradient(135deg,#0f172a,#1e293b);
  color:#fff;
  box-shadow:0 18px 48px rgba(15,23,42,.13);
}
.module-hero .eyebrow{
  color:#93c5fd!important;
  font-size:12px!important;
  letter-spacing:.12em;
}
.module-hero h2{
  margin:5px 0 6px;
  font-size:25px;
  line-height:1.25;
  color:#fff!important;
}
.module-hero p{
  margin:0;
  max-width:900px;
  font-size:13px;
  line-height:1.55;
  color:#cbd5e1!important;
}
.module-hero-badge{
  display:grid;
  gap:3px;
  min-width:112px;
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.07);
  text-align:right;
  flex:0 0 auto;
}
.module-hero-badge span{
  font-size:11px;
  color:#bfdbfe;
  letter-spacing:.08em;
}
.module-hero-badge strong{
  font-size:18px;
  color:#fff;
}
@media(max-width:700px){
  .module-hero{
    align-items:flex-start;
    padding:18px;
  }
  .module-hero h2{font-size:21px}
  .module-hero-badge{display:none}
}

/* v6.8 - Gelişmiş rapor merkezi */
.report-page-shell{display:grid;gap:16px}
.report-filter-card{padding:14px 16px!important;border-radius:16px!important}
.report-filter-form{display:flex;align-items:end;justify-content:space-between;gap:14px}
.report-filter-form label{display:grid;gap:6px;min-width:340px;max-width:620px;flex:1}
.report-filter-form label>span{font-size:13px;font-weight:800;color:#334155}
.report-filter-form select{height:40px;font-size:12px}
.report-filter-scope{display:grid;gap:2px;text-align:right}.report-filter-scope small{font-size:11px;color:#64748b}.report-filter-scope strong{font-size:12px;color:#0f172a}
.report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.report-kpi{display:grid;gap:3px;padding:14px 15px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.035)}
.report-kpi small{font-size:12px;font-weight:700;color:#64748b}.report-kpi strong{font-size:24px;line-height:1.1;color:#0f172a}.report-kpi span{font-size:11px;color:#94a3b8}
.report-kpi.primary{border-color:#bfdbfe;background:#eff6ff}.report-kpi.success{border-color:#bbf7d0;background:#f0fdf4}.report-kpi.warning{border-color:#fde68a;background:#fffbeb}.report-kpi.danger{border-color:#fecaca;background:#fef2f2}
.report-kpi .report-date{font-size:12px;line-height:1.35;margin-top:4px}
.report-section{padding:17px!important;border-radius:17px!important}
.report-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.report-table{min-width:760px}.report-table th{font-size:11px;white-space:nowrap}.report-table td{font-size:12px}.report-table code{font-size:11px}
.report-status{display:inline-block;padding:4px 7px;border-radius:7px;font-size:11px;font-weight:800;background:#f1f5f9;color:#475569}.report-status.good{background:#dcfce7;color:#166534}.report-status.bad{background:#fee2e2;color:#991b1b}
@media(max-width:1250px){.report-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-two-col{grid-template-columns:1fr}}
@media(max-width:850px){.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-form{align-items:stretch;flex-direction:column}.report-filter-form label{min-width:0;max-width:none;width:100%}.report-filter-scope{text-align:left}}
@media(max-width:520px){.report-kpi-grid{grid-template-columns:1fr}}

/* v7.3 - Ürün hareketleri adet seçimi */
.report-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
.report-title-row{
  margin-bottom:0!important;
}
.report-subtitle{
  margin:4px 0 0;
  font-size:12px;
  color:#64748b;
}
.movement-limit-form{
  flex:0 0 auto;
  margin:0;
}
.movement-limit-form label{
  display:flex;
  align-items:center;
  gap:7px;
}
.movement-limit-form label>span{
  font-size:12px;
  font-weight:800;
  color:#64748b;
}
.movement-limit-form select{
  width:auto!important;
  min-width:88px;
  height:34px;
  padding:5px 8px;
  font-size:13px;
  border-radius:8px;
}
@media(max-width:700px){
  .report-section-head{
    flex-direction:column;
    align-items:stretch;
  }
  .movement-limit-form label{
    justify-content:space-between;
  }
  .movement-limit-form select{
    min-width:120px;
  }
}

/* v7.3 - Genel okunabilirlik iyileştirmesi */
:root{--ui-font-min:12px}
body{font-size:13px}
small,.muted,.hint,.help-text,.form-help,.field-help,.report-subtitle{
  font-size:12px!important;
  line-height:1.5!important;
}
label,.form-label,.field-label{
  font-size:12px;
}
input,select,textarea,button{
  font-size:12px;
}
table th{
  font-size:12px!important;
}
table td{
  font-size:12px!important;
  line-height:1.45;
}
.settings-chip,.report-status,.badge,.status-badge{
  font-size:11px!important;
}
.eyebrow,.module-hero .eyebrow{
  font-size:11px!important;
}
.sidebar a,.sidebar button,.nav-link{
  font-size:12px;
}
code{
  font-size:11px;
}

/* v7.3 - Stok raporu alt detay tabloları tek sütun */
.report-page-shell .report-two-col{
  grid-template-columns:1fr!important;
}

/* v7.3 - Log silme yönetimi */
.logs-panel{padding:17px!important;border-radius:17px!important}
.logs-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:13px}
.logs-toolbar h3{margin:3px 0 4px;font-size:18px}.logs-toolbar p{margin:0;font-size:12px;color:#64748b}
.logs-toolbar form,.log-delete-form{margin:0}
.logs-clear-btn{width:auto!important;min-height:36px!important;padding:7px 12px!important;background:#fff!important;color:#b42318!important;border:1px solid #fecaca!important;font-size:12px!important;white-space:nowrap}
.log-delete-btn{width:auto!important;min-width:48px!important;min-height:30px!important;padding:5px 9px!important;background:#fff!important;color:#b42318!important;border:1px solid #fecaca!important;font-size:12px!important;border-radius:7px!important}
.log-delete-btn:hover,.logs-clear-btn:hover{background:#fef2f2!important}
.logs-table{min-width:1180px}
@media(max-width:700px){.logs-toolbar{align-items:stretch;flex-direction:column}.logs-clear-btn{width:100%!important}}

/* v7.3 - Profesyonel iki aşamalı kurulum arayüzü */
.setup-body{
  margin:0;
  min-height:100vh;
  background:#071426;
  color:#0f172a;
}
.setup-shell{
  display:grid;
  grid-template-columns:minmax(380px,1.08fr) minmax(480px,.92fr);
  min-height:100vh;
  background:#071426;
}
.setup-showcase{
  position:relative;
  display:flex;
  align-items:center;
  padding:64px clamp(42px,6vw,100px);
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,rgba(37,99,235,.26),transparent 32%),
    radial-gradient(circle at 75% 75%,rgba(14,165,233,.14),transparent 30%),
    linear-gradient(145deg,#061222 0%,#0b1d35 56%,#0d2746 100%);
}
.setup-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom right,#000,transparent);
}
.setup-showcase-content{
  position:relative;
  z-index:1;
  width:min(620px,100%);
}
.setup-brand-badge{
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  margin-bottom:28px;
  border:1px solid rgba(147,197,253,.28);
  border-radius:18px;
  background:rgba(37,99,235,.16);
  box-shadow:0 20px 55px rgba(0,0,0,.22);
  color:#fff;
  font-size:21px;
  font-weight:900;
  letter-spacing:.04em;
}
.setup-kicker{
  display:block;
  margin-bottom:11px;
  color:#60a5fa;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
}
.setup-showcase h1{
  margin:0;
  color:#fff;
  font-size:clamp(38px,4.2vw,64px);
  line-height:1.06;
  letter-spacing:-.035em;
}
.setup-showcase>div>p,
.setup-showcase-content>p{
  max-width:560px;
  margin:22px 0 31px;
  color:#b9c8db;
  font-size:15px;
  line-height:1.75;
}
.setup-feature-list{
  display:grid;
  gap:10px;
}
.setup-feature-list>div{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:#dbeafe;
}
.setup-feature-list span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:rgba(37,99,235,.20);
  color:#93c5fd;
  font-size:11px;
  font-weight:900;
}
.setup-feature-list strong{
  font-size:13px;
  font-weight:700;
}
.setup-security-note{
  display:grid;
  gap:3px;
  margin-top:24px;
  padding:13px 15px;
  border-left:3px solid #2563eb;
  border-radius:0 10px 10px 0;
  background:rgba(37,99,235,.08);
}
.setup-security-note strong{color:#dbeafe;font-size:12px}
.setup-security-note span{color:#8fa6bf;font-size:12px;line-height:1.5}

.setup-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px clamp(30px,4vw,70px) 24px;
  background:#f8fafc;
}
.setup-card{
  width:min(560px,100%);
  margin:auto;
  padding:30px;
  border:1px solid #e2e8f0;
  border-radius:22px;
  background:#fff;
  box-shadow:0 30px 80px rgba(15,23,42,.11);
}
.setup-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:24px;
}
.setup-mini-brand{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  color:#0f172a;
}
.setup-step-indicator{
  display:flex;
  align-items:center;
  gap:6px;
}
.setup-step-indicator span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:#e2e8f0;
  color:#64748b;
  font-size:11px;
  font-weight:900;
}
.setup-step-indicator span.active{
  background:#2563eb;
  color:#fff;
  box-shadow:0 5px 16px rgba(37,99,235,.25);
}
.setup-step-indicator span.done{
  background:#dcfce7;
  color:#166534;
}
.setup-step-indicator i{
  width:24px;
  height:2px;
  background:#e2e8f0;
}
.setup-section-title{
  margin-bottom:20px;
}
.setup-section-title>span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.10em;
  color:#2563eb;
}
.setup-section-title h2{
  margin:5px 0 6px;
  font-size:26px;
  color:#0f172a;
}
.setup-section-title p{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:#64748b;
}
.setup-form{
  display:grid;
  gap:13px;
}
.setup-form-grid{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:10px;
}
.setup-field{
  display:grid;
  gap:6px;
}
.setup-field>span{
  font-size:12px;
  font-weight:800;
  color:#334155;
}
.setup-field input{
  width:100%;
  min-height:44px;
  padding:9px 11px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  color:#0f172a;
  font-size:13px;
  outline:none;
  box-sizing:border-box;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.setup-field input:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}
.setup-primary-btn,
.setup-login-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:48px;
  margin-top:4px;
  padding:10px 15px;
  border:0;
  border-radius:11px;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  box-shadow:0 12px 25px rgba(37,99,235,.22);
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.setup-primary-btn:hover,
.setup-login-btn:hover{
  background:linear-gradient(135deg,#1e40af,#1d4ed8);
}
.setup-alert{
  display:grid;
  gap:3px;
  margin-bottom:18px;
  padding:12px 14px;
  border-radius:11px;
}
.setup-alert strong{font-size:13px}
.setup-alert span{font-size:12px;line-height:1.5}
.setup-alert.error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.setup-alert.success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}

.setup-db-success{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-bottom:19px;
  padding:11px 12px;
  border:1px solid #bbf7d0;
  border-radius:12px;
  background:#f0fdf4;
}
.setup-check{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:#16a34a;
  color:#fff;
  font-size:17px;
  font-weight:900;
}
.setup-db-success>div:nth-child(2){
  display:grid;
  gap:2px;
}
.setup-db-success strong{font-size:12px;color:#166534}
.setup-db-success span{font-size:11px;color:#4b7b5b;overflow-wrap:anywhere}
.setup-db-success a{font-size:11px;font-weight:800;color:#166534;text-decoration:none}

.setup-password-note{
  display:grid;
  gap:3px;
  padding:10px 12px;
  border:1px solid #dbeafe;
  border-radius:10px;
  background:#eff6ff;
}
.setup-password-note strong{font-size:12px;color:#1e3a8a}
.setup-password-note span{font-size:12px;line-height:1.5;color:#3b5d8f}

.setup-complete{
  display:grid;
  justify-items:center;
  text-align:center;
  padding:10px 0 2px;
}
.setup-complete-icon{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  margin-bottom:17px;
  border-radius:22px;
  background:#dcfce7;
  color:#16a34a;
  font-size:34px;
  font-weight:900;
}
.setup-complete-kicker{
  color:#16a34a;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.setup-complete h2{
  margin:6px 0 7px;
  color:#0f172a;
  font-size:29px;
}
.setup-complete>p{
  max-width:420px;
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.6;
}
.setup-complete-list{
  display:grid;
  gap:7px;
  width:100%;
  margin:22px 0;
  text-align:left;
}
.setup-complete-list>div{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 11px;
  border:1px solid #e2e8f0;
  border-radius:9px;
  background:#f8fafc;
}
.setup-complete-list span{color:#16a34a;font-weight:900}
.setup-complete-list strong{font-size:12px;color:#334155}
.setup-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  width:min(560px,100%);
  margin:18px auto 0;
  color:#64748b;
  font-size:12px;
}
.setup-footer a{
  color:#2563eb;
  font-weight:800;
  text-decoration:none;
}

@media(max-width:980px){
  .setup-shell{grid-template-columns:1fr}
  .setup-showcase{display:none}
  .setup-panel{min-height:100vh;background:linear-gradient(145deg,#071426,#0d2746);padding:28px 20px}
  .setup-footer{color:#94a3b8}
}
@media(max-width:560px){
  .setup-card{padding:21px;border-radius:18px}
  .setup-form-grid{grid-template-columns:1fr}
  .setup-footer{align-items:flex-start;flex-direction:column}
}

/* v7.5 - Footer her zaman sayfanın gerçek en altında */
html,body{min-height:100%}
body:not(.setup-body){
  min-height:100vh;
}
body:not(.setup-body) .app,
body:not(.setup-body) .app-shell,
body:not(.setup-body) .layout{
  min-height:100vh;
}
body:not(.setup-body) main,
body:not(.setup-body) .main,
body:not(.setup-body) .content,
body:not(.setup-body) .main-content{
  min-height:100vh;
}
body:not(.setup-body) footer{
  margin-top:auto;
}

/* Ana panel kolonunu viewport yüksekliğine yay; kısa sayfalarda footer aşağı itilir. */
body:not(.login-body):not(.setup-body) .content{
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box;
}
body:not(.login-body):not(.setup-body) .content>.app-footer{
  margin-top:auto!important;
  flex-shrink:0;
  width:100%;
  box-sizing:border-box;
}