.theme-choice{width:100%;margin-bottom:9px}.theme-choice.selected{outline:3px solid var(--hot);background:#ffe2ee}.danger-clear{background:#bf315d;margin-top:15px}body[data-theme="soft"] .app-shell{background:linear-gradient(155deg,#fff,#f4f7fb)}body[data-theme="soft"]{--rose:#f2f5fa;--pink:#e5eef7;--lav:#edf0f7;--peach:#f7eee9}body[data-theme="lavender"] .app-shell{background:linear-gradient(155deg,#fffafd,#f2e8ff 58%,#fff7fb)}body[data-theme="lavender"]{--rose:#f1dcf7;--pink:#e8cdf5;--lav:#dfc8f8;--peach:#f7e2ed}

/* Min sida – tydliga personliga områden */
#profile .page-head{margin-bottom:12px}.profile-intro{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:13px;padding:15px;border:2px solid #fff;border-radius:25px;background:linear-gradient(145deg,#fff,#ffdfe9);box-shadow:var(--shadow)}.profile-intro-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#fff,#ffc9dc);font-size:32px;box-shadow:0 7px 16px #7b345326}.profile-intro small,.profile-card-label span,.profile-surface-title span{display:block;color:#c51b68;font-size:11px;font-weight:900;letter-spacing:.11em}.profile-intro h2{margin:2px 0 1px;font:800 23px/1.15 "Comic Sans MS",ui-rounded,cursive;color:#102457}.profile-intro p{margin:0;font-size:13px;line-height:1.3}.profile-intro button{border:0;border-radius:13px;background:#fff;color:#a21659;padding:10px;font-size:12px;font-weight:850;box-shadow:0 5px 13px #6f365817}
#profile .profile-quick-settings{gap:13px;margin-bottom:15px;padding:16px;border:1.5px solid #fff;background:rgba(255,255,255,.8)}.profile-card-label{padding-bottom:10px;border-bottom:1px solid #f1d8e2}.profile-card-label b{display:block;margin-top:3px;font-size:16px}.profile-quick-settings label{padding:2px 0}.profile-quick-settings .toggle{min-height:54px}
#profile .stack{gap:13px}.profile-surface{padding:12px;border:1.5px solid #fff;border-radius:27px;box-shadow:0 12px 28px rgba(75,35,61,.08)}.profile-surface-me{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,222,235,.76))}.profile-surface-content{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(238,231,255,.76))}.profile-surface-app{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,239,226,.76))}.profile-surface-title{padding:3px 4px 10px}.profile-surface-title h2{margin:2px 0 0;font:800 20px/1.2 "Comic Sans MS",ui-rounded,cursive;color:#102457}.profile-surface-grid{display:grid;gap:9px}.profile-surface-grid>.choice{min-height:64px;margin:0;border:1.5px solid #fff;box-shadow:0 6px 16px rgba(75,35,61,.07);transform:none}.profile-surface-grid>.profile-menu-choice{grid-template-columns:45px minmax(0,1fr)}.profile-surface-grid>.profile-menu-choice>span:first-child{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#fff0f6;font-size:24px}.profile-surface-content .profile-menu-choice>span:first-child{background:#f1ebff}.profile-surface-app .profile-menu-choice>span:first-child{background:#fff3e9}.profile-surface-grid .choice small{line-height:1.3}.profile-surface-grid>.choice:not(.profile-menu-choice){padding-left:16px}
@media(max-width:380px){.profile-intro{grid-template-columns:50px minmax(0,1fr);padding:12px}.profile-intro-icon{width:50px;height:50px}.profile-intro button{grid-column:1/-1;width:100%}.profile-surface{padding:9px}}

/* Min sida: all text ska alltid vara läsbar, även på en smal mobil. */
#profile .profile-surface-grid>.profile-menu-choice{
  width:100%;
  height:auto;
  min-height:76px;
  grid-template-columns:45px minmax(0,1fr);
  align-content:center;
  overflow:visible;
  padding:13px 42px 13px 12px;
}
#profile .profile-menu-choice>span:nth-child(2){
  display:block;
  min-width:0;
  overflow:visible;
}
#profile .profile-menu-choice b,
#profile .profile-menu-choice small{
  width:auto;
  max-width:none;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}
#profile .profile-menu-choice b{font-size:16px;line-height:1.25}
#profile .profile-menu-choice small{font-size:14px;line-height:1.35;margin-top:4px}

/* De tre huvuddelarna ska ligga under varandra, inte pressas ihop i två kolumner. */
#profile .stack{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:100%;
}
#profile .profile-surface{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
}
#profile .profile-surface-title,
#profile .profile-surface-grid{
  min-width:0;
}
@media(max-width:380px){
  #profile .profile-surface-grid>.profile-menu-choice{
    grid-template-columns:40px minmax(0,1fr);
    min-height:78px;
    padding:12px 38px 12px 10px;
    gap:9px;
  }
  #profile .profile-menu-choice b{font-size:15px}
  #profile .profile-menu-choice small{font-size:13px}
}

.profile-details-card label{display:grid;gap:7px}
.profile-details-card label>small{display:inline;color:#806878;font-size:13px;font-weight:650}
.profile-details-card textarea{min-height:96px;margin-top:0;line-height:1.45}
.profile-remember-note{margin:-2px 0 14px;padding:15px 17px;border:1.5px solid #fff;border-radius:22px;background:linear-gradient(145deg,#fff7fb,#eee7ff);box-shadow:var(--shadow);transform:rotate(-.25deg)}
.profile-remember-note small{display:block;color:#c51b68;font-size:11px;font-weight:900;letter-spacing:.11em}
.profile-remember-note p{margin:6px 0 0;white-space:pre-wrap;font:800 17px/1.4 "Comic Sans MS",ui-rounded,cursive;color:#102457}