/* Local UI acceptance: fluid personal library and independent membership artwork. */
html.ice-peak-theme .account-page {
  height:auto;
  min-height:100svh;
  overflow:visible;
}
html.ice-peak-theme .account-page > .dashboard-page {
  flex:1 0 auto;
  min-height:0;
  overflow:visible;
  padding:clamp(24px,3.5vw,56px) 0 clamp(48px,6vw,96px);
}
html.ice-peak-theme .account-page > .dashboard-page > .shell {
  width:min(1500px,calc(100% - clamp(32px,6vw,112px)));
  height:auto;
}
html.ice-peak-theme .account-layout.account-workspace {
  --account-ink:#172d43;
  --account-muted:#425b71;
  --account-blue:#145cba;
  grid-template-columns:clamp(280px,24vw,340px) minmax(0,1fr);
  gap:clamp(24px,3.3vw,56px);
  height:auto;
  overflow:visible;
  align-items:start;
}
html.ice-peak-theme .account-workspace .account-sidebar {
  position:sticky;
  top:clamp(16px,2vw,32px);
  display:flex;
  flex-direction:column;
  gap:0;
  height:auto;
  overflow:visible;
  min-width:0;
  padding:clamp(20px,2vw,30px);
  border:1px solid rgba(104,125,143,.22)!important;
  border-radius:22px;
  background:linear-gradient(150deg,rgba(255,255,255,.84),rgba(235,239,241,.68))!important;
  box-shadow:0 16px 44px rgba(26,52,75,.07),inset 0 1px 0 #fff!important;
}
.account-workspace .account-profile { min-width:0; }
.account-workspace .account-profile-heading { display:flex;align-items:flex-start;gap:15px; }
.account-workspace .account-avatar { display:grid;place-items:center;flex:0 0 clamp(54px,4.5vw,64px);aspect-ratio:1;border-radius:20px;color:#fff;background:linear-gradient(145deg,#1572d6,#0a315e);box-shadow:0 9px 18px rgba(16,76,132,.18),inset 0 1px 0 rgba(255,255,255,.28);font-size:28px;font-weight:800; }
.account-workspace .account-profile-name { display:flex;align-items:flex-start;flex-direction:column;gap:6px;min-width:0; }
.account-workspace .account-profile-name > span:first-child { color:var(--account-muted);font-size:13px;font-weight:650; }
.account-workspace .account-profile-name > strong { max-width:100%;color:var(--account-ink);font-size:clamp(21px,1.65vw,26px);font-weight:850;line-height:1.35;overflow-wrap:anywhere; }
.account-workspace .account-profile-identity { display:flex;align-items:center;min-height:30px;margin-top:14px; }
.account-workspace .account-profile-identity .user-identity-badge { min-height:26px;padding-inline:10px;font-size:12px; }
.account-workspace .account-profile-gold-mark { display:block;width:150px;max-width:100%;line-height:0; }
.account-workspace .account-profile-gold-mark .user-identity-artwork { width:100%;max-width:164px;margin:0;padding:0;border:0;background:transparent;box-shadow:none; }
.account-workspace .account-profile-details { display:grid;gap:11px;margin:22px 0 0;padding:0;border:0; }
.account-workspace .account-profile-details > div { display:grid;grid-template-columns:65px minmax(0,1fr);align-items:baseline;gap:10px; }
.account-workspace .account-profile-details dt { color:var(--account-muted);font-size:14px;font-weight:650; }
.account-workspace .account-profile-details dd { margin:0;color:var(--account-ink);font-size:15px;font-weight:750;line-height:1.5;overflow-wrap:anywhere; }
.account-workspace .account-profile-details .account-profile-uid { color:#1f4d79;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;letter-spacing:.025em; }
.account-workspace .account-identity-section { display:grid;gap:12px;padding:22px 0 8px;background:transparent;border:0;box-shadow:none;min-width:0; }
.account-workspace .account-sidebar-caption { color:var(--account-muted);font-size:13px;font-weight:800;letter-spacing:.06em; }
.account-workspace .account-gold-artwork-link { display:block;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;line-height:0; }
.account-workspace .account-gold-artwork-link .user-identity-artwork { width:100%;max-width:310px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none; }
.account-workspace .account-gold-artwork-link img { padding:0;border:0;border-radius:0;background:transparent;box-shadow:none; }
.account-workspace .account-standard-identity { display:flex;flex-wrap:wrap;align-items:center;gap:10px; }
.account-workspace .account-standard-identity > span:last-child { color:var(--account-ink);font-size:15px;font-weight:700; }
.account-workspace .account-identity-section p { margin:0;color:var(--account-muted);font-size:14px;line-height:1.65; }
.account-workspace .account-membership-guide { display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--account-blue);font-size:14px;font-weight:750; }
html.ice-peak-theme .account-workspace .account-sidebar nav { display:grid;grid-template-columns:1fr;gap:7px;margin:22px 0 20px; }
html.ice-peak-theme .account-workspace .account-sidebar nav button {
  display:flex;align-items:center;gap:12px;min-width:0;min-height:50px;padding:11px 14px;border:1px solid transparent;border-radius:12px;color:#304c64;background:transparent;box-shadow:none;font-size:16px;font-weight:750;line-height:1.4;
}
.account-workspace .account-sidebar nav button > svg { flex:none; }
.account-workspace .account-nav-count { margin-left:auto;min-width:24px;text-align:center;font-family:ui-monospace,monospace;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;opacity:.85; }
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button:hover { color:#123e70;border-color:#ccdae8;background:#e5edf5;box-shadow:none; }
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button.active { color:#fff!important;border-color:#176dcc!important;background:linear-gradient(115deg,#1265c5,#174e8e)!important;box-shadow:0 7px 16px rgba(20,90,160,.16)!important; }
/* Legacy button/theme rules also color descendants and add decorative overlays.
   Keep each navigation state explicit so text, SVG and counts always agree. */
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button:not(.active) {
  color:#28475f!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;
}
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button:not(.active):is(:hover,:focus-visible) {
  color:#123e70!important;border-color:#b5cde4!important;background:#e3edf6!important;box-shadow:none!important;
}
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button.active:is(:hover,:focus-visible) {
  color:#fff!important;border-color:#4595e6!important;background:linear-gradient(115deg,#1059ae,#153f76)!important;
}
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button > :is(span,svg,b) {
  color:inherit!important;opacity:1!important;text-shadow:none!important;transition:none!important;
}
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button {
  transition: border-color .18s ease, transform .18s ease!important;
}
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button > svg,
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button > svg path {
  fill:none!important;stroke:currentColor!important;filter:none!important;opacity:1!important;transition:none!important;
}
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button::before,
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button::after {
  content:none!important;display:none!important;
}
html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button:focus-visible {
  outline:3px solid #2382df!important;outline-offset:3px;
}
@media (prefers-reduced-motion:reduce) {
  html.ice-peak-theme .account-layout.account-workspace .account-sidebar nav button { transition:none!important; }
}
.account-workspace .account-sidebar-footer { display:grid;gap:10px;padding-top:18px;border-top:1px solid rgba(93,116,136,.2); }
html.ice-peak-theme .account-workspace .account-sidebar :is(.admin-entry,.logout-button) { display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin:0;padding:10px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#28465f;font-size:14px;font-weight:700;line-height:1.5;box-shadow:none; }
html.ice-peak-theme .account-workspace .account-sidebar .admin-entry { color:#16528f;border-color:#c9dbea;background:#e7eff7; }
html.ice-peak-theme .account-workspace .account-sidebar .logout-button:hover { color:#8d3434;background:#f3e7e4; }
.account-workspace :is(button,a,input):focus-visible { outline:3px solid #2382df;outline-offset:3px; }
html.ice-peak-theme .account-workspace .account-content { min-width:0;min-height:0;overflow:visible;padding:4px 0 0;background:transparent!important; }
.account-workspace .account-title { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(24px,3vw,36px); }
.account-workspace .account-title > div { min-width:0; }
.account-workspace .account-title > div > span { color:#225b90;font-size:12px;font-weight:800;letter-spacing:.1em; }
html.ice-peak-theme .account-workspace .account-title h1 { margin:10px 0 10px;color:var(--account-ink)!important;font-family:inherit;font-size:clamp(30px,2.7vw,42px);font-weight:850;line-height:1.25; }
.account-workspace .account-title p { margin:0;color:var(--account-muted);font-size:clamp(15px,1.1vw,17px);line-height:1.7; }
.account-workspace .account-title .account-library-total { flex:none;color:#456278;font-size:13px;font-weight:650;letter-spacing:0; }
.account-workspace .account-library-total strong { display:block;margin-bottom:4px;color:#173c62;font-size:32px;font-weight:750;line-height:1.2;font-variant-numeric:tabular-nums; }
.account-workspace .library-toolbar { flex-direction:row;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:20px; }
.account-workspace .account-filter-dropdown { flex:0 1 210px;width:auto;min-width:150px;max-width:100%; }
html.ice-peak-theme .account-workspace .account-filter-dropdown > span { color:#3d576c;font-size:14px; }
.account-workspace .account-filter-dropdown > button { min-height:46px;padding:10px 13px; }
html.ice-peak-theme .account-workspace .account-filter-dropdown > button > strong,
html.ice-peak-theme .account-workspace .account-filter-dropdown-menu > button { font-size:15px; }
.account-workspace .account-filter-dropdown-menu { min-width:100%;max-width:min(310px,calc(100vw - 56px)); }
html.ice-peak-theme .account-workspace .library-toolbar > button { min-height:44px;margin-left:auto;font-size:14px; }
.account-workspace .library-list { gap:16px; }
html.ice-peak-theme .account-workspace .library-list article { align-items:flex-start;gap:clamp(16px,2vw,28px);min-width:0;padding:clamp(20px,2vw,30px);border-color:rgba(104,125,143,.2)!important;border-radius:18px;background:linear-gradient(140deg,rgba(255,255,255,.78),rgba(237,240,241,.56))!important;box-shadow:0 10px 28px rgba(26,52,75,.035)!important; }
.account-workspace .library-list article > div:first-child { min-width:0;flex:1; }
html.ice-peak-theme .account-workspace .library-list h2 { margin:10px 0;font-size:clamp(20px,1.65vw,24px);line-height:1.5;overflow-wrap:anywhere; }
html.ice-peak-theme .account-workspace .library-list p { color:#344f65!important;font-size:16px;line-height:1.85;overflow-wrap:anywhere; }
html.ice-peak-theme .account-workspace .library-list article > div > span,
html.ice-peak-theme .account-workspace .library-list article small { color:#405c73;font-size:13px;line-height:1.65; }
.account-workspace .library-item-actions { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;flex:0 1 150px; }
html.ice-peak-theme .account-workspace .library-item-actions :is(a,button) { width:auto;min-height:40px;padding:9px 12px;font-size:14px;line-height:1.5;white-space:nowrap; }
.account-workspace .settings-stack { gap:24px; }
html.ice-peak-theme .account-workspace .account-sidebar nav button:disabled { opacity:.48;cursor:not-allowed;box-shadow:none; }
html.ice-peak-theme .account-workspace .settings-panel { width:100%;max-width:none;padding:clamp(20px,2.3vw,32px);border-radius:18px; }
html.ice-peak-theme .account-workspace .settings-panel h2,
html.ice-peak-theme .account-workspace .danger-zone h2 { margin-bottom:20px;font-size:23px;font-weight:800; }
html.ice-peak-theme .account-workspace .settings-panel form { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;border:0;box-shadow:none;background:transparent; }
html.ice-peak-theme .account-workspace .settings-panel label { min-width:0;color:#2d495f;font-size:15px;line-height:1.6; }
html.ice-peak-theme .account-workspace .settings-panel input { min-width:0;min-height:48px;color:#1c354d;font-size:16px; }
html.ice-peak-theme .account-workspace .settings-panel input:disabled { color:#455c70; }
.account-workspace .settings-panel form > :is(button,small) { grid-column:1/-1; }
.account-workspace .phone-settings-panel .settings-phone-code { grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:12px; }
.account-workspace .phone-settings-panel .settings-phone-code button { min-height:48px;border:1px solid rgba(11,91,211,.32);border-radius:10px;color:#0b5bd3;background:#f5f9ff;font-weight:700;cursor:pointer; }
.account-workspace .phone-settings-panel .settings-phone-code button:disabled { color:#8e9aa5;border-color:#d5dce2;background:#eef1f3;cursor:not-allowed; }
.account-workspace .phone-settings-panel .form-alert { grid-column:1/-1;margin:0; }
.account-workspace .phone-bind-status { color:#365e80;font-weight:700; }
.account-workspace .phone-security-note { padding:22px;border:1px solid rgba(11,91,211,.16);border-radius:14px;background:#f5f9fd;color:#36516a; }
.account-workspace .phone-security-note strong { display:block;margin-bottom:7px;color:#17375c;font-size:16px; }
.account-workspace .phone-security-note p { margin:0;line-height:1.7; }
html.ice-peak-theme .account-workspace .settings-panel button { justify-self:start;min-height:46px;font-size:15px; }
html.ice-peak-theme .account-workspace .settings-panel small,
html.ice-peak-theme .account-workspace .danger-zone p { color:#40576b;font-size:15px;line-height:1.8; }
html.ice-peak-theme .account-workspace .danger-zone { width:100%;max-width:none;padding:clamp(20px,2.3vw,32px);border-radius:18px; }
html.ice-peak-theme .account-workspace .danger-zone button { min-height:44px;font-size:15px; }
.account-workspace .empty-state.small { padding:clamp(36px,5vw,72px) clamp(20px,3vw,40px); }
.account-workspace .empty-state.small h2 { color:var(--account-ink);font-size:24px; }
.account-workspace .empty-state.small p { color:var(--account-muted)!important;font-size:16px;line-height:1.8; }
.account-workspace .empty-state.small a { font-size:15px;font-weight:750; }
@media(min-width:1101px) {
  .account-workspace .settings-stack { grid-template-columns:repeat(2,minmax(0,1fr));align-items:start; }
  .account-workspace .settings-stack > .settings-panel:not(.phone-settings-panel) form { grid-template-columns:1fr; }
  .account-workspace .phone-settings-panel { grid-column:1/-1; }
}
@media(min-width:901px) and (max-height:840px) {
  html.ice-peak-theme .account-workspace .account-sidebar { position:static; }
}
@media(max-width:1100px) {
  .account-workspace .library-list article { flex-direction:column; }
  .account-workspace .library-item-actions { flex:0 1 auto;justify-content:flex-start; }
}
@media(max-width:900px) {
  html.ice-peak-theme .account-layout.account-workspace { grid-template-columns:1fr;gap:32px; }
  html.ice-peak-theme .account-workspace .account-sidebar { position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(20px,4vw,40px); }
  .account-workspace .account-profile-details { padding-bottom:0;border-bottom:0; }
  .account-workspace .account-identity-section { align-content:start;padding-top:0; }
  html.ice-peak-theme .account-workspace .account-sidebar nav { grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px;margin-bottom:16px; }
  html.ice-peak-theme .account-workspace .account-sidebar nav button { justify-content:center;gap:8px;padding:12px 8px;font-size:15px; }
  .account-workspace .account-sidebar nav .account-nav-count { display:none; }
  .account-workspace .account-sidebar-footer { grid-column:1/-1;display:flex;justify-content:space-between;padding-top:12px; }
  html.ice-peak-theme .account-workspace .account-sidebar-footer :is(.admin-entry,.logout-button) { width:auto;min-width:130px; }
}
@media(max-width:600px) {
  html.ice-peak-theme .account-page > .dashboard-page > .shell { width:calc(100% - 28px); }
  html.ice-peak-theme .account-workspace .account-sidebar { grid-template-columns:1fr;padding:20px; }
  .account-workspace .account-profile-heading { align-items:center; }
  .account-workspace .account-profile-name { flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 10px; }
  .account-workspace .account-profile-name > span:first-child { flex-basis:100%; }
  .account-workspace .account-profile-name > strong { max-width:100%;font-size:23px; }
  .account-workspace .account-profile-gold-mark,
  .account-workspace .account-profile-gold-mark .user-identity-artwork { width:142px;max-width:142px; }
  .account-workspace .account-profile-details { padding-bottom:0;border-bottom:0; }
  .account-workspace .account-identity-section { padding-top:20px; }
  .account-workspace .account-gold-artwork-link .user-identity-artwork { max-width:280px; }
  html.ice-peak-theme .account-workspace .account-sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px; }
  html.ice-peak-theme .account-workspace .account-sidebar nav button { justify-content:flex-start;min-height:48px;padding:12px; }
  .account-workspace .account-title { align-items:flex-start;gap:12px;margin-bottom:24px; }
  .account-workspace .account-title .account-library-total { padding-top:24px; }
  .account-workspace .account-library-total strong { font-size:26px; }
  .account-workspace .account-title > div > span { font-size:11px; }
  .account-workspace .account-filter-dropdown { flex:1 1 0;min-width:0; }
  html.ice-peak-theme .account-workspace .library-toolbar > button { margin-left:0; }
  html.ice-peak-theme .account-workspace .settings-panel form { grid-template-columns:1fr; }
  .account-workspace .phone-settings-panel .settings-phone-code { grid-template-columns:1fr; }
  html.ice-peak-theme .account-workspace .library-list article { padding:20px; }
  .account-workspace .account-sidebar-footer { flex-wrap:wrap; }
}