/* Appearance settings and the home layout share the existing Daraban palette. */
#launcher [data-home-module][hidden],#launcher [data-home-shortcut][hidden],
#homeCardsEmpty[hidden],#appearanceResetConfirm[hidden],#shuffleStage .module-card[hidden]{display:none!important}
#launcher .home-section-actions{display:flex;gap:10px;flex-wrap:wrap}
#launcher .home-section-title{flex-wrap:wrap;gap:6px}
#launcher .home-bottom-nav{display:flex!important}
#launcher .home-bottom-nav>button{flex:1;min-width:0;white-space:normal}
#launcher .home-bottom-nav>button img{width:26px;height:26px;object-fit:contain}
.home-cards-empty{padding:20px;border:1px dashed var(--d-line);border-radius:18px;line-height:1.9;text-align:center;color:var(--d-text)}
.home-cards-empty button{border:1px solid var(--d-line);border-radius:12px;background:var(--d-bg2);color:var(--d-text);padding:10px 14px;font:inherit}
#shellSettings .home-personalization,#shellSettings .appearance-preview-section,#shellSettings .appearance-reset-section{margin-block:22px;padding-top:18px;border-top:1px solid var(--d-line)}
#shellSettings .home-personalization h3,#shellSettings .appearance-preview-section h3,#shellSettings .appearance-reset-section h3{font-size:15px;line-height:1.6;margin:0 0 7px}
#shellSettings .home-personalization p,#shellSettings .appearance-preview-section>p,#shellSettings .appearance-reset-section p{font-size:11px;line-height:1.9;margin:7px 0 12px;color:var(--d-muted)}
#homeCardChoices{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
#homeCardChoices .home-option{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--d-line);border-radius:14px;background:var(--d-bg2)}
#homeCardChoices .home-option>img{width:30px;height:30px;object-fit:contain}
#homeCardChoices label{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:1.7;cursor:pointer;color:var(--d-text)}
#homeCardChoices input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:var(--d-teal,#008a7d)}
.home-order-actions{display:flex;gap:4px}
#homeCardChoices button{width:44px;height:44px;padding:10px;border:1px solid var(--d-line);border-radius:11px;background:var(--d-bg);color:var(--d-text);cursor:pointer}
#homeCardChoices button:disabled{opacity:.3;cursor:default}
#homeCardChoices button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#shellSettings .home-shortcut-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
#shellSettings .home-shortcut-fields label{display:grid;gap:6px;font-size:11px;color:var(--d-text);min-width:0}
#shellSettings .home-shortcut-fields select{width:100%;min-width:0;min-height:46px;padding:9px;border:1px solid var(--d-line);border-radius:11px;background:var(--d-bg2);color:var(--d-text);font:inherit}
#appearanceLivePreview{border:1px solid var(--d-line);border-radius:20px;padding:15px;overflow-wrap:anywhere}
#appearanceLivePreview .appearance-preview-kicker{font-size:11px;line-height:1.7}
#appearanceLivePreview .appearance-preview-value{display:block;font-size:20px;margin-block:5px 12px;line-height:1.6}
#appearanceLivePreview .appearance-preview-value small{font-size:11px}
#appearanceLivePreview .appearance-preview-kicker,#appearanceLivePreview .appearance-preview-value,#appearanceLivePreview .appearance-preview-value small,#homePreviewShortcuts{color:var(--preview-card-text,var(--d-text))!important}
#homePreviewCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#homePreviewCards>div{padding:12px 7px;display:grid;justify-items:center;gap:6px;background:var(--preview-card-bg,var(--d-bg2));color:var(--preview-card-text,var(--d-text));border:1px solid var(--preview-card-line,var(--d-line));border-radius:13px;text-align:center}
#homePreviewCards img{width:30px;height:30px;object-fit:contain}
#homePreviewCards b{font-size:11px;line-height:1.7}
#homePreviewCards>p{grid-column:1/-1;font-size:12px;line-height:1.8}
#homePreviewShortcuts{font-size:11px;line-height:1.9;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--d-line);text-align:center}
#shellSettings .appearance-action{width:100%;min-height:46px;margin-top:10px;padding:11px 14px;border:1px solid var(--d-line);border-radius:13px;background:var(--d-bg2);color:var(--d-text);font:inherit;font-size:12px;line-height:1.7;cursor:pointer}
#shellSettings .appearance-action.primary{background:var(--d-text);color:var(--d-bg);font-weight:700}
#appearanceSaveStatus{font-size:11px;line-height:1.9;color:var(--d-text);min-height:1.9em}
#appearanceSaveStatus.save-failed{color:#b33c39}
#shellSettings .appearance-save-section{margin-block:18px 24px;padding-top:12px;border-top:1px solid var(--d-line)}
#shellSettings .appearance-save-section .appearance-action{margin-top:0;white-space:normal;overflow-wrap:anywhere}
#shellSettings .appearance-save-section :focus-visible{outline:2px solid var(--d-teal,#008a7d);outline-offset:3px}
#shellSettings .appearance-save-section #appearanceSaveStatus{margin:10px 0 0}
#shellSettings .appearance-save-section #appearanceSaveStatus.save-failed{color:var(--d-text);font-weight:700}
#appearanceResetConfirm{border:1px solid var(--d-line);border-radius:14px;padding:12px;margin-top:12px;background:var(--d-bg2)}
#shellSettings .home-personalization :focus-visible,#shellSettings .appearance-reset-section :focus-visible{outline:2px solid var(--d-teal,#008a7d);outline-offset:3px}
@media(max-width:380px){#shellSettings .home-shortcut-fields{grid-template-columns:1fr}#homeCardChoices .home-option{grid-template-columns:24px minmax(0,1fr);gap:7px}#homeCardChoices .home-option>img{width:24px;height:24px}.home-order-actions{grid-column:2;justify-content:flex-end}}
