.settings-note { margin: 0 0 14px; padding: 14px 16px; border-radius: 17px; background: #fff1f7; line-height: 1.4; box-shadow: var(--shadow); }
#profile-details .profile-card { margin-top: 6px; }
.accessibility-settings { display: grid; gap: 10px; margin-top: 13px; }
.accessibility-settings>div>b, .accessibility-settings>div>small { display: block; }
.accessibility-settings>div>small { margin-top: 3px; color: #766578; }
.text-size-choices { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 10px; }
.text-size-choices button { border: 2px solid #ecd3e2; border-radius: 13px; background: #fff; color: var(--ink); padding: 10px 5px; font-weight: 800; }
.text-size-choices button.selected { border-color: var(--hot); background: #ffeaf3; color: #9f1959; }
body[data-text-size="large"] .screen p, body[data-text-size="large"] .screen button, body[data-text-size="large"] .screen input, body[data-text-size="large"] .screen textarea, body[data-text-size="large"] .screen select, body[data-text-size="large"] .screen label { font-size: max(16px,1em); }
body[data-text-size="largest"] .screen p, body[data-text-size="largest"] .screen button, body[data-text-size="largest"] .screen input, body[data-text-size="largest"] .screen textarea, body[data-text-size="largest"] .screen select, body[data-text-size="largest"] .screen label { font-size: max(18px,1em); line-height: 1.5; }
body.reduce-motion *, body.reduce-motion *::before, body.reduce-motion *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
body.high-contrast { --ink: #102044; }
body.high-contrast .screen button, body.high-contrast .profile-card, body.high-contrast .entry, body.high-contrast input, body.high-contrast textarea, body.high-contrast select { border-color: #8a3b68 !important; }
body.high-contrast small { color: #4c4051 !important; }
.page-reader { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; align-items: center; padding: 12px 0; }
.page-reader>div b,.page-reader>div small { display: block; }
.page-reader>div small { margin-top: 3px; color: #766578; }
.page-reader button { grid-column: 2; grid-row: 1; border: 0; border-radius: 14px; background: #f1e8fb; color: var(--ink); padding: 11px; font-weight: 800; }
body.simple-view .page-head p,body.simple-view .home-card p,body.simple-view .choice small,body.simple-view .message-menu small,body.simple-view .gentle-note,body.simple-view .sticky-note { display: none !important; }
body.simple-view .screen.active { background-image: none !important; }
body.simple-view .home-card,body.simple-view .choice,body.simple-view .message-menu button { box-shadow: 0 4px 12px rgba(53,39,67,.08) !important; }
body.large-touch button,body.large-touch a.choice,body.large-touch input,body.large-touch select { min-height: 52px; }
body.large-touch .bottom-nav button { min-height: 64px; }
@media (max-width: 390px) { .text-size-choices { grid-template-columns: 1fr; } }

/* Tema och startsida */
.settings-section-head{margin-bottom:12px}.settings-section-head>span{display:block;color:#c51b68;font-size:11px;font-weight:900;letter-spacing:.12em}.settings-section-head h2{margin:3px 0 0;font:800 21px/1.2 "Comic Sans MS",ui-rounded,cursive}.theme-palette{padding:13px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,230,240,.66));border:1.5px solid #fff}.theme-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-palette-grid>button,.custom-theme-choice{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:76px;padding:10px;border:2px solid transparent;border-radius:18px;background:#fff;text-align:left;box-shadow:0 6px 16px rgba(75,35,61,.07)}.theme-palette-grid>button.selected{border-color:var(--hot);background:#fff8fb}.theme-palette-grid span b,.theme-palette-grid span small{display:block}.theme-palette-grid span small{margin-top:3px;color:#746276;font-size:12px;line-height:1.2}.theme-palette-grid em{display:none;color:var(--hot);font-style:normal;font-weight:900}.theme-palette-grid .selected em{display:block}.theme-swatch,.custom-theme-choice input{width:42px;height:42px;border:3px solid #fff;border-radius:14px;box-shadow:0 4px 11px #57324526}.pink-swatch{background:linear-gradient(145deg,#ff8fbd,#ffd9e7)}.blue-swatch{background:linear-gradient(145deg,#91bde9,#e1f1ff)}.green-swatch{background:linear-gradient(145deg,#8bc8b2,#e6f5e9)}.purple-swatch{background:linear-gradient(145deg,#aa8bd8,#eadcff)}.dark-swatch{background:linear-gradient(145deg,#172451,#5d4d73)}.custom-theme-choice{grid-template-columns:42px minmax(0,1fr);cursor:pointer}.custom-theme-choice input{padding:0;border-width:2px;overflow:hidden}
.settings-home-head{margin:0 3px 9px;display:grid;grid-template-columns:1fr auto;align-items:end}.settings-home-head>span,.settings-home-head h2{grid-column:1}.settings-home-head>small{grid-column:2;grid-row:1/3;color:#8a6078;font-size:12px;font-weight:800}.home-card-settings{gap:8px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(238,231,255,.65));border:1.5px solid #fff}.home-card-settings .toggle{position:relative;min-height:68px;padding:10px 11px 10px 58px;border:2px solid transparent;border-radius:17px;background:#fff}.home-card-settings .toggle:before{content:attr(data-setting-icon);position:absolute;left:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#fff0f6;font-size:22px}.home-card-settings .toggle.is-on{border-color:#efbad0}.home-card-settings .toggle span b,.setting-choice-status{display:block}.setting-choice-status{margin-top:3px;color:#826b7a;font-size:12px;font-weight:600}.home-card-settings input{accent-color:var(--hot);width:25px;height:25px}
body[data-theme="blue"]{--rose:#e3f0ff;--pink:#d7ebff;--lav:#e8edff;--peach:#f7eee9}body[data-theme="blue"] .app-shell{background:linear-gradient(155deg,#fff,#edf6ff 58%,#fff8fb)}body[data-theme="green"]{--rose:#e3f3ec;--pink:#d8efe5;--lav:#e8eddf;--peach:#f7eee9}body[data-theme="green"] .app-shell{background:linear-gradient(155deg,#fff,#eef8f2 58%,#fff8f4)}body[data-theme="purple"]{--rose:#f1dcf7;--pink:#e8cdf5;--lav:#dfc8f8;--peach:#f7e2ed}body[data-theme="purple"] .app-shell{background:linear-gradient(155deg,#fffafd,#f2e8ff 58%,#fff7fb)}body[data-theme="dark"]{--rose:#e6ddeb;--pink:#d9c9e5;--lav:#d5c8e7;--peach:#eadcd7}body[data-theme="dark"]{background:#171321}body[data-theme="dark"] .app-shell{background:linear-gradient(155deg,#30283c,#201b2d 58%,#342535)}body[data-theme="dark"] .screen>.page-head{box-shadow:0 10px 28px #0004}body[data-theme="dark"] .bottom-nav,body[data-theme="dark"] .topbar{background:#fffaf6ee}
@media(max-width:380px){.theme-palette-grid{grid-template-columns:1fr}.settings-home-head{display:block}.settings-home-head>small{display:block;margin-top:4px}}

/* Enkel ordning av korten på startsidan. */
.home-card-settings .toggle{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.home-order-actions{display:flex;gap:5px}
.home-order-actions button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #efbfd5;border-radius:12px;background:#fff;color:#a10051;font-size:19px;font-weight:900}
.home-order-actions button:disabled{opacity:.28}
.reset-home-layout{width:100%;min-height:48px;margin:0 0 12px;border:1px solid #efbfd5;border-radius:16px;background:#fff;color:#8d315f;font-weight:850}
