.mail-shell{padding:8px 0 24px;color:#24251f}.mail-head,.mail-controls,.mail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mail-head{justify-content:space-between;margin-bottom:16px}.mail-head h2{margin:0;font-size:24px}.mail-head p{margin:6px 0;color:#5d6057}.mail-banner{padding:16px 20px;background:#f3eb30;border:1px solid #c8c5be;border-radius:16px;color:#24251f;margin-bottom:16px}.mail-banner p{margin:6px 0 0;line-height:1.7}.mail-controls{background:#f6f4ef;padding:16px;border-radius:16px;margin-bottom:12px}.mail-controls label{display:grid;gap:5px;font-size:12px;color:#5d6057;flex:1;min-width:160px}.mail-shell input,.mail-shell select,.mail-shell textarea,.mail-dialog input,.mail-dialog select,.mail-dialog textarea{background:#fffefa;color:#24251f;border:1px solid #c8c5be;border-radius:8px;padding:10px;font:inherit;min-width:0;max-width:100%;box-sizing:border-box}.mail-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}.mail-panel{background:#f6f4ef;border:1px solid #c8c5be;border-radius:16px;overflow:hidden;min-width:0}.mail-panel-heading{padding:16px 20px;border-bottom:1px solid #c8c5be;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mail-panel-heading h3{margin:0;font-size:16px}.mail-list{max-height:650px;overflow:auto}.mail-row{width:100%;display:block;text-align:left;background:transparent;border:0;border-bottom:1px solid #d8d5ce;padding:16px 20px;cursor:pointer;color:#24251f;min-height:80px;font:inherit}.mail-row:hover{background:#eeece5}.mail-row[aria-current=true]{background:#f3eb30}.mail-row strong,.mail-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row small{color:#5d6057;font-size:12px;margin-top:6px}.mail-reading{padding:24px;overflow-wrap:anywhere;min-height:300px}.mail-reading h3{font-size:20px;line-height:1.5;margin:0 0 12px}.mail-reading dl{display:grid;grid-template-columns:65px minmax(0,1fr);font-size:13px;gap:8px}.mail-reading dt{color:#5d6057}.mail-reading dd{margin:0}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-family:inherit;font-size:14px;margin-top:24px}.mail-empty{padding:32px 24px;line-height:1.8;color:#5d6057}.mail-empty strong{color:#24251f;display:block;margin-bottom:8px}.mail-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:8px}.mail-message{margin:10px 0;padding:12px 16px;border-radius:10px;background:#fce0cc;color:#52280c;line-height:1.6}.mail-message:empty{display:none}.mail-dialog{border:1px solid #c8c5be;border-radius:20px;background:#f6f4ef;color:#24251f;padding:24px;width:min(680px,calc(100vw - 32px));box-sizing:border-box;max-height:90vh;overflow:auto}.mail-dialog::backdrop{background:#24232280}.mail-dialog h3{margin:0 0 16px;font-size:20px}.mail-dialog form{display:grid;gap:16px}.mail-dialog label{display:grid;gap:6px;font-size:14px}.mail-dialog .mail-consent{display:flex;align-items:flex-start;line-height:1.7;font-size:13px}.mail-dialog .mail-consent input{flex:none;margin-top:5px}.mail-dialog textarea{width:100%;min-height:220px;resize:vertical;line-height:1.7}.mail-hint{color:#5d6057;font-size:13px;line-height:1.7}.mail-accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0}.mail-account{padding:16px;border:1px solid #c8c5be;border-radius:14px;background:#fffefa;overflow-wrap:anywhere}.mail-account h4{margin:0 0 8px}.mail-account p{margin:6px 0;font-size:13px;line-height:1.6}.mail-account time{font-variant-numeric:tabular-nums}.mail-members{margin:16px 0}.mail-shell :focus-visible,.mail-dialog :focus-visible{outline:3px solid #2456a6;outline-offset:3px}.mail-dialog .btn-primary{color:#24251f;background:#f3eb30;border:1px solid #b2ac24}.mail-shell .btn-primary{color:#24251f;background:#f3eb30}.mail-status{font-size:12px;color:#5d6057}.mail-tabs{display:flex;gap:8px;flex-wrap:wrap}.mail-tabs .active{background:#f3eb30;color:#24251f}.mail-folder-note{padding:12px 20px;color:#5d6057;font-size:12px;border-top:1px solid #c8c5be}@media(max-width:950px){.mail-grid{grid-template-columns:minmax(0,1fr)}.mail-list{max-height:400px}.mail-reading{min-height:150px}}@media(max-width:600px){.mail-controls{display:grid;grid-template-columns:1fr}.mail-controls label{min-width:0}.mail-head h2{font-size:22px}.mail-dialog{padding:18px}.mail-accounts{grid-template-columns:minmax(0,1fr)}}