.nmbx-area-tabs{display:flex;gap:8px;padding:7px;border:1px solid var(--nmbx-line);border-radius:15px;background:rgba(240,224,193,.88);box-shadow:0 8px 20px rgba(36,22,11,.08)}
.nmbx-area-tabs button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;flex:1 1 0;padding:9px 14px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--nmbx-muted);font-weight:800;cursor:pointer}
.nmbx-area-tabs button[aria-selected="true"]{border-color:var(--nmbx-line);background:#fff8e9;color:var(--nmbx-accent-strong);box-shadow:0 4px 12px rgba(63,37,16,.08)}
.nmbx-area-tabs span{display:inline-flex;min-width:23px;height:23px;align-items:center;justify-content:center;padding:3px 6px;border-radius:999px;background:var(--nmbx-accent-strong);color:#fff;font-size:.72rem}
.pmbx-shell{display:flex;min-width:0;flex-direction:column;gap:12px;color:var(--nmbx-ink)}
.pmbx-shell *{box-sizing:border-box}
.pmbx-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--nmbx-line);border-radius:16px;background:linear-gradient(135deg,rgba(249,241,219,.98),rgba(226,204,163,.95));box-shadow:0 12px 28px rgba(30,18,9,.1)}
.pmbx-header h2,.pmbx-compose h3,.pmbx-letter-detail h3{margin:0;color:var(--nmbx-ink)}
.pmbx-header p,.pmbx-compose header p,.pmbx-letter-detail header p{margin:5px 0 0;color:var(--nmbx-muted)}
.pmbx-summary{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.pmbx-unread,.pmbx-new,.pmbx-read{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.78rem;font-weight:800;line-height:1.1}
.pmbx-unread{min-height:34px;padding:7px 11px;background:var(--nmbx-accent-strong);color:#fff8e9}
.pmbx-new{padding:4px 7px;background:var(--nmbx-accent-strong);color:#fff}
.pmbx-read{padding:4px 7px;background:var(--nmbx-paper-deep);color:var(--nmbx-accent-strong)}
.pmbx-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px;border:1px solid var(--nmbx-line);border-radius:14px;background:rgba(244,234,211,.92)}
.pmbx-tabs button{min-height:46px;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--nmbx-muted);font-weight:800;cursor:pointer}
.pmbx-tabs button span{margin-left:5px}
.pmbx-tabs button[aria-selected="true"]{border-color:var(--nmbx-line);background:#fff8e9;color:var(--nmbx-accent-strong)}
.pmbx-tabpanel{min-width:0}
.pmbx-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);min-height:clamp(500px,62dvh,700px);max-height:700px;border:1px solid var(--nmbx-line);border-radius:16px;overflow:hidden;background:rgba(255,251,240,.92)}
.pmbx-list-pane{min-width:0;padding:10px;border-right:1px solid var(--nmbx-line);overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,rgba(229,209,168,.72),rgba(245,234,210,.92));scrollbar-gutter:stable}
.pmbx-letter-list{display:flex;flex-direction:column;gap:9px}
.pmbx-letter-card{display:flex;width:100%;min-width:0;flex-direction:column;align-items:stretch;gap:6px;padding:13px;border:1px solid var(--nmbx-line);border-radius:13px;background:rgba(255,250,237,.9);color:var(--nmbx-ink);text-align:left;overflow-wrap:anywhere;cursor:pointer}
.pmbx-letter-card:hover,.pmbx-letter-card.is-selected{border-color:var(--nmbx-accent);background:#fff8e9}
.pmbx-letter-card.is-unread{border-left:5px solid var(--nmbx-accent-strong)}
.pmbx-letter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.pmbx-letter-card small{color:var(--nmbx-muted);line-height:1.35}
.pmbx-detail-pane{min-width:0;min-height:0;overflow:auto;background:rgba(255,251,240,.94)}
.pmbx-detail-empty,.pmbx-loading{display:flex;height:100%;min-height:280px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:28px;color:var(--nmbx-muted);text-align:center}
.pmbx-empty{padding:24px 12px;color:var(--nmbx-muted);text-align:center}
.pmbx-empty p,.pmbx-detail-empty p{margin:5px 0 0}
.pmbx-letter-detail{display:flex;min-height:100%;flex-direction:column}
.pmbx-letter-detail>header{display:flex;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid var(--nmbx-line);background:rgba(247,235,210,.72)}
.pmbx-letter-detail>header>div{min-width:0;flex:1}
.pmbx-mobile-back{display:none}
.pmbx-letter-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:15px 18px;border-bottom:1px solid var(--nmbx-line)}
.pmbx-letter-meta div{min-width:0}
.pmbx-letter-meta dt{color:var(--nmbx-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}
.pmbx-letter-meta dd{margin:3px 0 0;overflow-wrap:anywhere;font-weight:700}
.pmbx-letter-meta code,.pmbx-reply-context code{font-size:.72rem;overflow-wrap:anywhere}
.pmbx-letter-body{flex:1;min-height:180px;padding:22px 20px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.pmbx-letter-detail>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--nmbx-line);background:rgba(248,238,216,.96)}
.pmbx-compose{display:grid;gap:14px;max-width:860px;width:100%;margin:0 auto;padding:20px;border:1px solid var(--nmbx-line);border-radius:16px;background:rgba(255,251,240,.94)}
.pmbx-compose>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pmbx-compose form{display:grid;gap:13px}
.pmbx-field{display:grid;gap:6px;min-width:0}
.pmbx-field label{font-weight:800;color:var(--nmbx-accent-strong)}
.pmbx-field input,.pmbx-field textarea{width:100%;min-width:0;padding:11px;border:1px solid var(--nmbx-line);border-radius:10px;background:#fffdf7;color:var(--nmbx-ink);font:inherit;line-height:1.45}
.pmbx-field textarea{min-height:180px;max-height:45dvh;resize:vertical}
.pmbx-field small,.pmbx-hint{margin:0;color:var(--nmbx-muted);font-size:.8rem}
.pmbx-hint.is-error{color:var(--nmbx-error)}
.pmbx-search-results{display:flex;max-height:240px;flex-direction:column;gap:5px;padding:6px;border:1px solid var(--nmbx-line);border-radius:10px;background:#fffdf7;overflow:auto}
.pmbx-search-results button{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--nmbx-ink);text-align:left;cursor:pointer}
.pmbx-search-results button:hover{border-color:var(--nmbx-line);background:var(--nmbx-paper)}
.pmbx-search-results small{overflow-wrap:anywhere}
.pmbx-selected-recipient{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;padding:11px;border:1px solid var(--nmbx-line);border-radius:11px;background:#fff7e7}
.pmbx-selected-recipient span,.pmbx-selected-recipient strong,.pmbx-selected-recipient small{grid-column:1}
.pmbx-selected-recipient button{grid-column:2;grid-row:1/4}
.pmbx-quote{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--nmbx-line);border-radius:11px;background:var(--nmbx-paper);color:var(--nmbx-muted)}
.pmbx-quote.is-ready{border-color:rgba(49,92,58,.38);background:#eef8ed;color:var(--nmbx-ok)}
.pmbx-quote.is-error{border-color:rgba(138,46,46,.4);background:#fff0ec;color:var(--nmbx-error)}
.pmbx-reply-context{padding:11px;border-left:4px solid var(--nmbx-accent);border-radius:8px;background:var(--nmbx-paper)}
.pmbx-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--nmbx-muted);font-size:.84rem}
.pmbx-compose-actions button{min-width:150px;min-height:46px}
.pmbx-send-status,.pmbx-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--nmbx-line);border-radius:11px;background:#fff9e9;color:var(--nmbx-ink)}
.pmbx-send-status.is-error,.pmbx-alert.is-error{border-color:rgba(138,46,46,.45);background:#fff0ec;color:#702222}
.pmbx-alert.is-ok{border-color:rgba(49,92,58,.4);background:#eef8ed;color:var(--nmbx-ok)}
.pmbx-load-more{display:block;min-height:42px;margin:12px auto}
.pmbx-poll-note{margin:0;padding:3px 4px;color:var(--nmbx-muted);font-size:.76rem;text-align:center}
.pmbx-shell button:focus-visible,.pmbx-shell input:focus-visible,.pmbx-shell textarea:focus-visible,.nmbx-area-tabs button:focus-visible{outline:3px solid #b46c28;outline-offset:2px}
.pmbx-shell button[disabled],.pmbx-shell input[disabled],.pmbx-shell textarea[disabled]{cursor:not-allowed;opacity:.62}

@media(max-width:900px){
  .pmbx-header{align-items:stretch;flex-direction:column}
  .pmbx-summary{justify-content:flex-start}
  .pmbx-layout{grid-template-columns:minmax(250px,310px) minmax(0,1fr)}
  .pmbx-letter-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  .nmbx-area-tabs{position:sticky;top:0;z-index:3}
  .pmbx-header{padding:14px}
  .pmbx-summary>*{flex:1 1 auto}
  .pmbx-layout{display:block;min-height:calc(100dvh - 300px);max-height:none;overflow:visible}
  .pmbx-list-pane{min-height:calc(100dvh - 300px);border-right:0;overflow:visible}
  .pmbx-detail-pane{display:none;min-height:calc(100dvh - 300px)}
  .pmbx-shell.is-letter-open .pmbx-list-pane{display:none}
  .pmbx-shell.is-letter-open .pmbx-detail-pane{display:block}
  .pmbx-mobile-back{display:inline-flex;min-height:44px;flex:0 0 auto}
  .pmbx-letter-detail>header{padding:13px}
  .pmbx-letter-meta{padding:13px}
  .pmbx-letter-body{padding:18px 14px}
  .pmbx-compose{padding:14px;border-radius:13px}
  .pmbx-field textarea{min-height:160px;max-height:38dvh}
}

@media(max-width:420px){
  .nmbx-area-tabs{gap:5px;padding:5px}
  .nmbx-area-tabs button{padding-inline:7px}
  .pmbx-tabs{gap:3px;padding:5px}
  .pmbx-tabs button{padding-inline:4px;font-size:.78rem}
  .pmbx-letter-meta{grid-template-columns:1fr}
  .pmbx-compose>header,.pmbx-compose-actions,.pmbx-send-status,.pmbx-alert{align-items:stretch;flex-direction:column}
  .pmbx-compose-actions button{width:100%}
  .pmbx-selected-recipient{grid-template-columns:1fr}
  .pmbx-selected-recipient button{grid-column:1;grid-row:auto;margin-top:5px}
}