.app-workspace .account-panel {
  width: min(100%, 700px);
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
  padding: clamp(22px, 4vw, 42px);
}
.app-workspace .account-panel h1 {
  font-size: clamp(28px, 3.4vw, 46px);
  line-height: 1.12;
  letter-spacing: -.045em;
  max-width: 22ch;
  margin: 18px 0;
  overflow-wrap: anywhere;
}
.account-panel p { line-height: 1.6; overflow-wrap: anywhere; }
.account-panel form { display: grid; gap: 18px; min-width: 0; margin-top: 25px; }
.account-panel .field { min-width: 0; margin: 0; }
.account-panel input, .account-panel select { width: 100%; min-width: 0; box-sizing: border-box; }
.account-panel [hidden] { display: none !important; }
.account-panel [data-code] { min-width: 0; }
.account-panel [data-code] .note { margin-bottom: 0; font-size: 14px; }
.account-panel .account-actions, .account-panel .account-links { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
.app-workspace .account-panel .quiet { padding: 9px 12px; min-height: 44px; line-height: 1.4; text-align: left; border: 1px solid var(--line, #e0e5da); border-radius: 10px; }
.account-panel .account-help { border-top: 1px solid var(--line, #e0e5da); padding-top: 18px; font-size: 14px; }
.account-panel summary { cursor: pointer; padding: 8px 0; font-weight: 600; }
.account-panel .account-recovery-note { border-left: 3px solid #728b50; padding: 12px 16px; background: #f2f5ec; font-size: 14px; }
@media(max-width: 480px) {
  .app-workspace .account-panel { padding: 22px 18px; }
  .app-workspace .account-panel h1 { font-size: 30px; }
  .account-panel .account-actions > button { width: 100%; }
}

/* Hide private content while retaining a same-account draft in a closed dialog. */
.session-locked #app,.session-locked #workspace-filters,.session-locked #workspace-greeting{visibility:hidden}
#session-lock{position:fixed;inset:0;z-index:10000;background:#f8f9f3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#213d2a}
#session-lock h2{font-size:clamp(24px,5vw,38px);margin:0 0 16px;letter-spacing:-1px}
#session-lock p{max-width:520px;line-height:1.7;margin:0 0 22px}

.account-panel .phone-entry.with-country { display: flex; flex-wrap: wrap; gap: 10px; }
.account-panel .phone-entry.with-country select { flex: 1 1 160px; width: auto; }
.account-panel .phone-entry.with-country input { flex: 2 1 200px; width: auto; }
.account-panel .phone-hint { display: block; color: var(--muted, #697563); line-height: 1.5; margin-top: 8px; }

.account-panel .code-boxes { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(5px, 1.6vw, 10px); width: min(100%, 352px); margin-top: 10px; }
.account-panel .code-boxes .code-box { height: 56px; padding: 0; text-align: center; font: 600 24px/1 ui-monospace, monospace; border: 2px solid var(--line, #e0e5da); border-radius: 12px; background: #fff; color: var(--ink, #172016); }
.account-panel .code-boxes .code-box:focus { outline: 3px solid #e5f99d; outline-offset: 2px; border-color: #50763d; }
.account-panel .code-boxes .code-box.filled { border-color: #637e4c; background: #f5f8ed; }
.account-panel .code-boxes .code-box:disabled { opacity: .7; }
@media (max-width: 380px) { .account-panel .code-boxes .code-box { height: 48px; font-size: 22px; } }

select.lang { max-width:10rem; min-height:44px; padding:.45rem .65rem; border:1px solid #d8dfcf; border-radius:1rem; color:inherit; background:#f8f9f4; font:inherit; font-size:.85rem; }
@media(max-width:600px){select.lang{max-width:7.4rem;}}

.language-control{display:inline-flex;align-items:center;flex-shrink:0;gap:6px;padding-left:10px;border:1px solid #ccd7bf;border-radius:999px;background:#edf2e6;color:#284731;}
.language-control>svg{width:17px;height:17px;fill:none;stroke:#587b30;stroke-width:1.5;flex-shrink:0;}
.language-control select.lang{width:auto;min-width:0;max-width:9rem;border:0;background:transparent;font-size:12px;font-weight:600;cursor:pointer;}
.language-control:focus-within{outline:2px solid #54773a;outline-offset:2px;}
@media(max-width:600px){.language-control{gap:2px;padding-left:7px;}.language-control select.lang{max-width:6.2rem;font-size:11px;}}