/* Jiin Posta — masaüstünde iki sütun, telefonda tam ekran okuma. */
#ws-modal:has(.mailbox-v2) {
  --mb-bg:#0d0d0e; --mb-surface:#141415; --mb-hover:#1e1e20;
  --mb-text:#eeece7; --mb-muted:#aaa69d; --mb-line:#2a2927;
  --mb-gold:#d5ae63; --mb-soft:#252118; --mb-button:#d5ae63; --mb-button-ink:#18140c;
  --mb-danger:#e99c97;
  background:var(--mb-bg); color:var(--mb-text);
  padding:calc(12px + env(safe-area-inset-top)) clamp(16px,3vw,48px) calc(12px + env(safe-area-inset-bottom));
  max-height:100dvh; box-sizing:border-box;
}
html[data-tema="beyaz"] #ws-modal:has(.mailbox-v2),
html[data-tema="fildisi"] #ws-modal:has(.mailbox-v2),
html[data-tema="hardal"] #ws-modal:has(.mailbox-v2) {
  --mb-bg:#f6f5f2; --mb-surface:#fff; --mb-hover:#f0eeea;
  --mb-text:#242320; --mb-muted:#6b6861; --mb-line:#dedbd5;
  --mb-gold:#826015; --mb-soft:#f5eddc; --mb-button:#d5ae63; --mb-danger:#ac3e39;
}
#ws-modal .mailbox-v2 {
  /* Resolve card colors here, after the embedded mailbox receives its theme palette. */
  --mb-card-bg:var(--mb-surface);
  --mb-card-line:color-mix(in srgb,var(--mb-text) 18%,var(--mb-surface));
  --mb-card-hover:color-mix(in srgb,var(--mb-text) 4%,var(--mb-surface));
  width:100%;max-width:1600px;margin:0 auto;min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;color:var(--mb-text);font-family:'DM Sans',system-ui,sans-serif;font-size:15px;line-height:1.5; }
#ws-modal .mailbox-v2 * { box-sizing:border-box; }
#ws-modal .mailbox-v2 [hidden] { display:none!important; }
#jiin-feature-stage .jiin-feature-content:has(#ws-modal-overlay[data-jiin-embedded]:not([data-jiin-suspended]) .mailbox-v2:not(.compose)) { padding-bottom:0; }
#ws-modal .mailbox-v2 button,#ws-modal .mailbox-v2 input,#ws-modal .mailbox-v2 textarea { font:inherit; }
#ws-modal .mailbox-v2 button,#ws-modal .mailbox-v2 summary { cursor:pointer; }
#ws-modal .mailbox-v2 button:focus-visible,#ws-modal .mailbox-v2 summary:focus-visible,#ws-modal .mailbox-v2 input:focus-visible,#ws-modal .mailbox-v2 textarea:focus-visible { outline:2px solid var(--mb-gold);outline-offset:3px; }
#ws-modal .mailbox-v2 button:disabled { opacity:.55;cursor:wait; }
#ws-modal .mailbox-v2 svg { width:17px;height:17px;flex-shrink:0;vertical-align:middle; }
#ws-modal .mailbox-v2 .mb-chrome { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 44px 16px 0;border-bottom:1px solid var(--mb-line);flex-shrink:0; }
#ws-modal .mailbox-v2 .mb-brand { display:flex;align-items:center;gap:8px;font-size:17px;font-weight:650;white-space:nowrap; }
#ws-modal .mailbox-v2 .mb-brand svg { color:var(--mb-gold); }
#ws-modal .mailbox-v2 .mb-brand span { border-left:1px solid var(--mb-line);padding-left:12px;margin-left:4px;color:var(--mb-muted);font-size:12px;font-weight:400; }
#ws-modal .mailbox-v2 details { position:relative; }
#ws-modal .mailbox-v2 summary { list-style:none;user-select:none; }
#ws-modal .mailbox-v2 summary::-webkit-details-marker { display:none; }
#ws-modal .mailbox-v2 .mb-address-wrap summary { color:var(--mb-muted);font-size:12px;padding:8px 0; }
#ws-modal .mailbox-v2 .mb-address-pop { position:absolute;top:calc(100% + 6px);right:0;z-index:10;width:min(330px,calc(100vw - 80px));background:var(--mb-surface);border:1px solid var(--mb-line);box-shadow:0 14px 35px #0003;border-radius:10px;padding:15px;font-size:13px;color:var(--mb-muted);overflow-wrap:anywhere; }
#ws-modal .mailbox-v2 .mailbox-address-btn { margin:8px 0;padding:0;display:block;color:var(--mb-gold);border:0;background:transparent;font-size:13px;text-align:left;text-decoration:none;white-space:normal; }
#ws-modal .mailbox-v2 .mb-address-note { display:block;font-size:12px; }
#ws-modal .mailbox-v2 .mailbox-head { padding:27px 0 25px;margin:0;gap:16px;align-items:center;flex-shrink:0; }
#ws-modal .mailbox-v2 .mailbox-title { font-family:inherit;color:var(--mb-text);font-size:29px;line-height:1.25;letter-spacing:-.8px;font-weight:600;margin:0; }
#ws-modal .mailbox-v2 .mailbox-sub { margin:6px 0 0;font-size:13px;color:var(--mb-muted); }
#ws-modal .mailbox-v2 .mailbox-compose { display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--mb-button);color:var(--mb-button-ink);border:1px solid transparent;border-radius:9px;padding:11px 16px;font-size:14px;font-weight:600;min-height:42px;flex-shrink:0; }
#ws-modal .mailbox-v2 .mailbox-compose:hover { filter:brightness(1.07); }
#ws-modal .mailbox-v2 .mailbox-tools { gap:28px;flex-wrap:nowrap;margin:0;border-bottom:1px solid var(--mb-line); }
#ws-modal .mailbox-v2 .mailbox-tools button { display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 0 14px;background:transparent;color:var(--mb-muted);font-size:14px;font-weight:450;min-height:38px;white-space:nowrap; }
#ws-modal .mailbox-v2 .mailbox-tools button.active { color:var(--mb-text);border-bottom-color:var(--mb-gold);background:transparent; }
#ws-modal .mailbox-v2 .mb-count { background:var(--mb-soft);color:var(--mb-gold);border-radius:5px;padding:1px 6px;font-size:11px; }
#ws-modal .mailbox-v2 .mailbox-layout { grid-template-columns:minmax(280px,.39fr) minmax(0,.61fr);gap:0;flex:1;min-height:0;min-width:0;overflow:hidden;transform:none;filter:none;transition:none; }
#ws-modal .mailbox-v2 .mb-list-panel { display:flex;flex-direction:column;min-height:0;min-width:0;padding:18px 18px 0 0;border-right:1px solid var(--mb-line); }
#ws-modal .mailbox-v2 .mb-list-tools { display:flex;align-items:center;gap:8px;flex-shrink:0; }
#ws-modal .mailbox-v2 .mailbox-search { display:flex;align-items:center;gap:9px;position:relative;flex:1;min-width:0;margin:0;background:var(--mb-surface);border:1px solid var(--mb-line);border-radius:8px;padding:10px 12px;flex-wrap:nowrap;color:var(--mb-muted); }
#ws-modal .mailbox-v2 .mailbox-search input { width:100%;min-width:0;flex:1;padding:0 23px 0 0;border:0;background:transparent;color:var(--mb-text);font-size:13px;border-radius:0;line-height:1.5; }
#ws-modal .mailbox-v2 input::placeholder,#ws-modal .mailbox-v2 textarea::placeholder { color:var(--mb-muted);opacity:1; }
#ws-modal .mailbox-v2 .mailbox-search input::-webkit-search-cancel-button { display:none; }
#ws-modal .mailbox-v2 .mailbox-search .mbx-q-clear { right:4px;padding:7px 9px;font-size:20px;border:0;background:transparent;color:var(--mb-muted); }
#ws-modal .mailbox-v2 .mb-list-more summary,#ws-modal .mailbox-v2 .mb-reader-more summary { display:flex;align-items:center;justify-content:center;width:36px;min-height:38px;font-size:23px;border-radius:7px;color:var(--mb-muted); }
#ws-modal .mailbox-v2 summary:hover { color:var(--mb-text); }
#ws-modal .mailbox-v2 .mb-menu { position:absolute;top:calc(100% + 5px);right:0;z-index:8;width:240px;max-width:calc(100vw - 48px);padding:5px;border:1px solid var(--mb-line);border-radius:9px;background:var(--mb-surface);box-shadow:0 12px 32px #0003; }
#ws-modal .mailbox-v2 .mb-menu button { display:block;width:100%;min-height:40px;white-space:normal;text-align:left;border:0;border-radius:5px;padding:10px 11px;background:transparent;color:var(--mb-text);font-size:13px; }
#ws-modal .mailbox-v2 .mb-menu button:hover { background:var(--mb-hover); }
#ws-modal .mailbox-v2 .mb-menu .mailbox-clearall,#ws-modal .mailbox-v2 .mb-menu .danger { color:var(--mb-danger); }
#ws-modal .mailbox-v2 .mb-menu .armed { background:var(--mb-soft);font-weight:650; }
#ws-modal .mailbox-v2 .mb-list-meta { display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--mb-muted);padding:11px 12px;margin:14px 0 12px;border:1px solid var(--mb-card-line);border-radius:8px;background:var(--mb-card-bg);flex-shrink:0; }
#ws-modal .mailbox-v2 .mailbox-list { display:flex;flex-direction:column;gap:12px;flex:1;height:auto;min-height:0;border:0;border-radius:0;background:transparent;padding:0 4px 10px 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mb-line) transparent; }
#ws-modal .mailbox-v2 .mailbox-row { display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;flex-shrink:0;padding:14px;margin:0;border:1px solid var(--mb-card-line);border-radius:12px;background:var(--mb-card-bg);color:var(--mb-text);box-shadow:none;cursor:pointer;transition:background .12s,border-color .12s; }
#ws-modal .mailbox-v2 .mailbox-row:hover { background:var(--mb-card-hover); }
#ws-modal .mailbox-v2 .mailbox-row.selected { background:color-mix(in srgb,var(--mb-gold) 8%,var(--mb-card-bg));border-color:var(--mb-gold);box-shadow:inset 3px 0 var(--mb-gold); }
#ws-modal .mailbox-v2 .mailbox-avatar { width:32px;height:32px;border-radius:8px;border:1px solid var(--mb-line);background:var(--mb-hover);color:var(--mb-muted);font-size:12px;font-weight:600;flex-shrink:0;margin-top:0; }
#ws-modal .mailbox-v2 .mailbox-row.selected .mailbox-avatar { background:var(--mb-surface);color:var(--mb-gold); }
#ws-modal .mailbox-v2 .mailbox-row-main { display:block;flex:1;min-width:0; }
#ws-modal .mailbox-v2 .mailbox-row-top { display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px; }
#ws-modal .mailbox-v2 .mailbox-row-top strong { color:var(--mb-text);font-weight:500; }
#ws-modal .mailbox-v2 .mailbox-row-top .mb-row-date { display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;color:var(--mb-muted);font-size:12px;font-variant-numeric:tabular-nums; }
#ws-modal .mailbox-v2 .mb-unread-dot { display:inline-block;width:5px;height:5px;background:var(--mb-gold);border-radius:50%;flex-shrink:0; }
#ws-modal .mailbox-v2 .mailbox-row-sub { display:block;color:var(--mb-text);font-size:14px;font-weight:450;margin-top:7px; }
#ws-modal .mailbox-v2 .mailbox-row.unread .mailbox-row-sub,#ws-modal .mailbox-v2 .mailbox-row.unread strong { font-weight:650; }
#ws-modal .mailbox-v2 .mailbox-row-prev { display:block;color:var(--mb-muted);font-size:12px;margin-top:4px; }
#ws-modal .mailbox-v2 .mailbox-empty { display:flex;justify-content:center;align-items:center;min-height:160px;padding:36px 22px;color:var(--mb-muted);font-size:14px; }
#ws-modal .mailbox-v2 .mailbox-detail { min-width:0;min-height:0;margin:18px 0 0 22px;border:1px solid var(--mb-line);border-radius:12px;background:var(--mb-surface);color:var(--mb-text);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mb-line) transparent; }
#ws-modal .mailbox-v2 .mb-reader-tools { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 17px;border-bottom:1px solid var(--mb-line);min-height:55px; }
#ws-modal .mailbox-v2 .mb-reader-location { color:var(--mb-muted);font-size:12px; }
#ws-modal .mailbox-v2 .mb-reader-controls { display:flex;align-items:center;gap:5px;margin-left:auto; }
#ws-modal .mailbox-v2 .mb-reader-controls>button,#ws-modal .mailbox-v2 .mb-back { border:0;border-radius:7px;background:transparent;color:var(--mb-muted);padding:8px 10px;font-size:13px;min-height:38px; }
#ws-modal .mailbox-v2 .mb-reader-controls>button:hover { background:var(--mb-hover); }
#ws-modal .mailbox-v2 .mb-back { display:none; }
#ws-modal .mailbox-v2 .mailbox-detail-head { display:block;padding:30px 30px 22px;border-bottom:0; }
#ws-modal .mailbox-v2 .mailbox-detail-subj { color:var(--mb-text);font-family:inherit;font-size:27px;line-height:1.35;font-weight:550;letter-spacing:-.5px;margin:0; }
#ws-modal .mailbox-v2 .mb-sender { display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding-bottom:22px;border-bottom:1px solid var(--mb-line); }
#ws-modal .mailbox-v2 .mb-sender .mailbox-avatar { width:40px;height:40px; }
#ws-modal .mailbox-v2 .mb-sender-copy { min-width:0; }
#ws-modal .mailbox-v2 .mb-sender-copy>strong { font-size:14px;font-weight:600; }
#ws-modal .mailbox-v2 .mailbox-detail-meta { margin-top:2px;font-size:12px;color:var(--mb-muted); }
#ws-modal .mailbox-v2 .mailbox-detail-time { font-size:12px;color:var(--mb-muted);margin-top:4px; }
#ws-modal .mailbox-v2 .mailbox-actions { display:flex;gap:8px;flex-wrap:wrap;padding:0 30px 22px; }
#ws-modal .mailbox-v2 .mailbox-actions.top { border:0;padding-bottom:8px; }
#ws-modal .mailbox-v2 .mailbox-actions button { display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:var(--mb-text);border:1px solid var(--mb-line);border-radius:8px;padding:9px 13px;font-size:13px;font-weight:500;min-height:39px; }
#ws-modal .mailbox-v2 .mailbox-actions button:hover { background:var(--mb-hover); }
#ws-modal .mailbox-v2 .mailbox-actions button.ai { color:var(--mb-gold);border-color:var(--mb-line); }
#ws-modal .mailbox-v2 .mailbox-body { padding:20px 30px 30px;font:15px/1.85 'DM Sans',system-ui,sans-serif;color:var(--mb-text);background:transparent; }
#ws-modal .mailbox-v2 .mailbox-body a { color:var(--mb-gold); }
#ws-modal .mailbox-v2 .mb-block-add { display:flex;gap:8px;padding:0 30px 18px; }
#ws-modal .mailbox-v2 .mb-block-add input { flex:1;min-width:0;color:var(--mb-text);background:var(--mb-surface);border:1px solid var(--mb-line);border-radius:8px;padding:10px 13px;font-size:14px; }
#ws-modal .mailbox-v2 .mb-block-add button,#ws-modal .mailbox-v2 .mb-block-list button { flex-shrink:0;background:transparent;color:var(--mb-text);border:1px solid var(--mb-line);border-radius:8px;padding:9px 13px;font-size:13px;font-weight:500;min-height:39px;cursor:pointer; }
#ws-modal .mailbox-v2 .mb-block-add button:hover,#ws-modal .mailbox-v2 .mb-block-list button:hover { background:var(--mb-hover); }
#ws-modal .mailbox-v2 .mb-block-list { list-style:none;margin:0;padding:0 30px 30px; }
#ws-modal .mailbox-v2 .mb-block-list li { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--mb-line); }
#ws-modal .mailbox-v2 .mb-block-list li span { min-width:0;overflow-wrap:anywhere;font-size:14px;color:var(--mb-text); }
#ws-modal .mailbox-v2.compose { overflow-y:auto; }
#ws-modal .mailbox-v2 .mb-compose-fields { width:100%;max-width:850px;margin:0 auto;min-width:0;padding-bottom:16px; }
#ws-modal .mailbox-v2 .mb-compose-fields label { color:var(--mb-muted);font-size:13px;margin:16px 0 7px; }
#ws-modal .mailbox-v2 .mb-compose-fields input,#ws-modal .mailbox-v2 .mb-compose-fields textarea { color:var(--mb-text);background:var(--mb-surface);border:1px solid var(--mb-line);border-radius:8px;padding:12px 14px;font-size:15px; }
#ws-modal .mailbox-v2 .mb-compose-fields textarea { min-height:240px;line-height:1.7; }
#ws-modal .mailbox-v2 .mailbox-compose-foot { display:flex;align-items:center;gap:16px;margin-top:18px; }
#ws-modal .mailbox-v2 .mailbox-compose-foot .mailbox-actions { padding:0;flex-shrink:0; }
#ws-modal .mailbox-v2 .mailbox-compose-foot .mailbox-compose { background:var(--mb-button);color:var(--mb-button-ink);border-color:transparent; }
#ws-modal .mailbox-v2 #mb-compose-hint { font-size:13px;color:var(--mb-muted);overflow-wrap:anywhere; }
#ws-modal .mailbox-v2 .mb-compose-back { border:0;background:transparent;color:var(--mb-muted);font-size:13px;padding:8px 0; }
@media (max-width:1100px) and (min-width:761px) {
  #ws-modal .mailbox-v2 .mailbox-layout { grid-template-columns:minmax(270px,.42fr) minmax(0,.58fr); }
  #ws-modal .mailbox-v2 .mailbox-row { gap:9px;padding:14px 10px; }
  #ws-modal .mailbox-v2 .mb-list-panel { padding-right:14px; }
  #ws-modal .mailbox-v2 .mailbox-detail { margin-left:16px; }
  #ws-modal .mailbox-v2 .mailbox-detail-head { padding:24px 22px 18px; }
  #ws-modal .mailbox-v2 .mailbox-body { padding-left:22px;padding-right:22px; }
  #ws-modal .mailbox-v2 .mailbox-actions { padding-left:22px;padding-right:22px; }
  #ws-modal .mailbox-v2 .mailbox-detail-subj { font-size:24px; }
}
@media (max-width:760px) {
  #ws-modal:has(.mailbox-v2) { padding:calc(8px + env(safe-area-inset-top)) 16px calc(10px + env(safe-area-inset-bottom)); }
  #ws-modal .mailbox-v2 .mb-chrome { padding-bottom:10px;padding-right:39px; }
  #ws-modal .mailbox-v2 .mb-brand span { display:none; }
  #ws-modal .mailbox-v2 .mb-address-wrap summary { font-size:11px; }
  #ws-modal .mailbox-v2 .mailbox-head { padding:22px 0;gap:10px; }
  #ws-modal .mailbox-v2 .mailbox-title { font-size:24px; }
  #ws-modal .mailbox-v2 .mailbox-sub { font-size:12px; }
  #ws-modal .mailbox-v2 .mailbox-compose { padding:10px 12px;font-size:13px; }
  #ws-modal .mailbox-v2 .mailbox-head .mailbox-compose svg { display:none; }
  #ws-modal .mailbox-v2 .mailbox-tools { gap:22px; }
  #ws-modal .mailbox-v2 .mailbox-tools button { font-size:13px;padding-bottom:12px; }
  #ws-modal .mailbox-v2 .mailbox-layout { display:flex;flex-direction:column; }
  #ws-modal .mailbox-v2 .mb-list-panel { flex:1;padding:14px 0 0;border:0; }
  #ws-modal .mailbox-v2 .mailbox-list { max-height:none;padding:0 4px 8px 0; }
  #ws-modal .mailbox-v2 .mailbox-row { padding:14px 11px;gap:11px; }
  #ws-modal .mailbox-v2 .mailbox-detail { display:none; }
  #ws-modal .mailbox-v2.mb-reading>.mb-chrome,#ws-modal .mailbox-v2.mb-reading>.mailbox-head,#ws-modal .mailbox-v2.mb-reading>.mailbox-tools,#ws-modal .mailbox-v2.mb-reading .mb-list-panel { display:none; }
  #ws-modal .mailbox-v2.mb-reading .mailbox-detail { display:block;flex:1;margin:0;border:0;border-radius:0;background:var(--mb-bg); }
  #ws-modal .mailbox-v2 .mb-reader-tools { padding:2px 42px 12px 0;position:sticky;top:0;z-index:3;background:var(--mb-bg);min-height:56px; }
  #ws-modal .mailbox-v2 .mb-reader-location { display:none; }
  #ws-modal .mailbox-v2 .mb-back { display:inline-flex;align-items:center;gap:7px;color:var(--mb-text);padding-left:0; }
  #ws-modal .mailbox-v2 .mb-reader-controls>button { padding:8px; }
  #ws-modal .mailbox-v2 .mailbox-detail-head { padding:24px 2px 16px; }
  #ws-modal .mailbox-v2 .mailbox-detail-subj { font-size:25px; }
  #ws-modal .mailbox-v2 .mailbox-actions { padding:0 2px 22px; }
  #ws-modal .mailbox-v2 .mailbox-body { padding:20px 2px 28px;font-size:15px; }
  #ws-modal .mailbox-v2 .mb-block-add { padding:0 2px 16px; }
  #ws-modal .mailbox-v2 .mb-block-list { padding:0 2px 28px; }
  #ws-modal .mailbox-v2 input,#ws-modal .mailbox-v2 textarea { font-size:16px!important; }
  #ws-modal .mailbox-v2 .mailbox-compose-foot { flex-direction:column;align-items:stretch; }
  #ws-modal .mailbox-v2 .mailbox-compose-foot .mailbox-actions { justify-content:flex-end; }
  #ws-modal .mailbox-v2 .mb-menu { max-width:calc(100vw - 72px); }
}
@media (max-width:360px) {
  #ws-modal .mailbox-v2 .mailbox-head { flex-wrap:wrap; }
  #ws-modal .mailbox-v2 .mailbox-tools { gap:17px; }
  #ws-modal .mailbox-v2 .mb-reader-controls>button { font-size:12px; }
  #ws-modal .mailbox-v2 .mb-reader-tools { gap:3px; }
  #ws-modal .mailbox-v2 .mb-back { font-size:12px;gap:3px; }
}
@media (pointer:coarse) {
  #ws-modal .mailbox-v2 button,#ws-modal .mailbox-v2 summary { min-height:44px; }
  #ws-modal .mailbox-v2 .mb-list-more summary,#ws-modal .mailbox-v2 .mb-reader-more summary { width:44px; }
  #ws-modal .mailbox-v2 .mailbox-search .mbx-q-clear { min-width:44px; }
}
@media (prefers-reduced-motion:reduce) { #ws-modal .mailbox-v2 * { transition:none;scroll-behavior:auto; } }