/* Seitenspezifische Styles für backup.html */

/* ---- Seitenstil ---- */
.syncbar{position:sticky;top:0;z-index:100;background:#fff;padding:max(10px,env(safe-area-inset-top)) 16px 10px}
.headrow{margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.headrow h1{font-size:1.25rem;margin:0}.back-btn,.btn{border:1px solid var(--smartcart-black);background:#fff;color:var(--smartcart-black);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:7px;font:inherit;font-weight:600;cursor:pointer}.panel:first-child{margin-top:0}.panel h2{margin:0 0 8px;font-size:1rem}.hint{margin:0 0 14px;color:#666;line-height:1.4;font-size:.92rem}
.slot{border-top:1px solid #ddd;padding:13px 0}.slot:first-of-type{border-top:0;padding-top:0}.slot:last-child{padding-bottom:0}
.slot-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.slot-number{font-weight:700;flex:0 0 auto}.slot input{width:100%;min-width:0;border:1px solid #aaa;border-radius:7px;padding:9px 10px;font:inherit;color:var(--smartcart-black);background:var(--sc-field-bg)}
.slot-actions{display:flex;gap:8px}.slot-actions .btn{flex:1;padding:9px 10px}.btn:disabled{opacity:.45;cursor:default}
.slot-meta{min-height:1.2em;margin-top:7px;color:#888888;font-size:.82rem}.status{min-height:1.25em;margin-top:12px;font-size:.9rem}.status.ok{color:#267a35}.status.error{color:#b52323}
.transfer-block h3{margin:0 0 8px;font-size:.98rem}.transfer-divider{border-top:1px solid #ccc;margin:20px 0}.area-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:12px 0 14px}.area-list label{display:flex;align-items:center;gap:8px;min-width:0}.area-list input{width:18px;height:18px;flex:none}.wide{width:100%}.file-input{width:100%;font:inherit;margin:4px 0 12px}.import-info{font-size:.9rem;line-height:1.4;padding:10px;border:1px solid #ddd;border-radius:7px;background:#fafafa}.import-areas:empty{display:none}.import-mode{display:grid;gap:9px;margin:14px 0}.import-mode label{display:flex;align-items:flex-start;gap:9px;border:1px solid #ddd;border-radius:7px;padding:10px;cursor:pointer}.import-mode input{margin-top:3px}.import-mode span{display:block}.import-mode small{display:block;color:#666;line-height:1.35;margin-top:3px}.transfer-block .status{margin-top:9px}@media(max-width:520px){.area-list{grid-template-columns:1fr}}
.backup-load-btn{background:#888888!important;border-color:#888888!important;color:#fff!important}

/* v668: Größe des Exports vor dem Herunterladen, Option ohne Bilder */
.area-list .groesse{color:#777;font-weight:400;font-size:.88rem;margin-left:auto;white-space:nowrap}
html[data-theme="dark"] .area-list .groesse{color:#9e9e9e}
.export-ohne-bilder{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.export-ohne-bilder input{width:18px;height:18px;flex:none}
.export-groesse{margin:0 0 14px;padding:10px 12px;border-radius:7px;background:#f3f6f3;font-size:.9rem;line-height:1.35}
.export-groesse.zu-gross{background:#fdecea;color:#8a1f1f}
html[data-theme="dark"] .export-groesse{background:#24302a;color:#d8e6dc}
html[data-theme="dark"] .export-groesse.zu-gross{background:#3a2020;color:#f3c4c4}
.status.warn{color:#9a5b00}
html[data-theme="dark"] .status.warn{color:#f0b85a}

/* v672: Infofeld des Imports im dunklen Modus (war weiß mit kaum lesbarer Schrift) */
html[data-theme="dark"] .import-info{background:#2a2a2a;border-color:#555;color:#f1f1f1}
/* v705: Startprofil in der Basiskonfiguration farblich hervorgehoben */
.slot.sc-startprofil{border:1px solid #3A83F7;border-left-width:5px;border-radius:7px;background:#eaf2ff;padding:13px 14px;margin:6px 0 14px}
.slot.sc-startprofil .slot-number{color:#1f5fc9}
html[data-theme="dark"] .slot.sc-startprofil{background:#17263d;border-color:#4d8ff8}
html[data-theme="dark"] .slot.sc-startprofil .slot-number{color:#8fb8ff}
/* v706: Basiskonfiguration – nur das Startprofil */
#slots[hidden],#geraeteHinweis[hidden],#datenbankBereich[hidden]{display:none!important}