:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142430;background:#f4f7f9;--navy:#143d59;--blue:#2f7dd1;--line:#dce5ea;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}*{box-sizing:border-box}body{margin:0;background:#f4f7f9}button,input,select,textarea{font:inherit}.login{min-height:100dvh;padding:calc(84px + var(--safe-top)) 28px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(165deg,#e8f4fb,#fff 55%)}.login[hidden],#shell[hidden]{display:none}.brand-mark{display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:var(--navy);color:#fff;font-size:28px;font-weight:800;box-shadow:0 14px 30px #143d5938}.login h1{margin:24px 0 8px;font-size:34px}.login p{max-width:330px;color:#58707d;line-height:1.5}.login small{margin-top:18px;color:#728792}.primary{border:0;border-radius:14px;background:var(--blue);color:white;font-weight:700;padding:14px 20px;min-height:48px}.topbar{position:sticky;top:0;z-index:5;padding:calc(10px + var(--safe-top)) 10px 10px;display:flex;align-items:center;gap:8px;color:#fff;background:var(--navy);box-shadow:0 2px 10px #102c3e44}.topbar>div{display:flex;flex:1;min-width:0;flex-direction:column}.topbar strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar span{font-size:12px;opacity:.75}.icon{width:42px;height:42px;border:0;border-radius:12px;background:#ffffff17;color:inherit;font-size:25px}.mailboxes,.folders{display:flex;gap:8px;padding:12px 12px 6px;overflow:auto}.mailboxes button,.folders button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;color:#4c6572}.mailboxes button.active,.folders button.active{background:#dcecff;border-color:#9dc7f2;color:#174c80;font-weight:700}.search{display:flex;margin:6px 12px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.search input{width:100%;border:0;padding:12px 14px;outline:0}.search button{width:48px;border:0;background:#fff;font-size:22px}.folders{padding-top:6px;padding-bottom:11px;border-bottom:1px solid var(--line)}.notice{min-height:0;padding:0 14px;color:#a43425}.notice:not(:empty){padding:10px 14px;background:#fff0ed;border-bottom:1px solid #f0c6bd}.loading,.empty{padding:54px 20px;text-align:center;color:#6d818b}.thread{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:15px 16px;background:#fff;border-bottom:1px solid var(--line)}.thread.unread{background:#edf6ff}.thread .from{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread .date{font-size:12px;color:#72838b}.thread .subject,.thread .snippet,.thread .badges{grid-column:1/-1}.thread .subject{font-weight:650}.thread .snippet{color:#5b707a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.thread .badges{display:flex;gap:6px}.badge{font-size:11px;padding:4px 8px;border-radius:999px;background:#edf1f3;color:#526873}.detail{padding-bottom:calc(90px + var(--safe-bottom))}.detail-title{padding:20px 16px 10px;font-size:22px}.team-state{margin:0 12px 14px;padding:12px;background:#e9f3f9;border-radius:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-state label{font-size:12px;color:#526974}.team-state select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #bfcfd7;border-radius:10px;background:#fff}.message-card{margin:10px 12px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.message-head{padding:13px;border-bottom:1px solid var(--line)}.message-head strong,.message-head span{display:block;overflow-wrap:anywhere}.message-head time{font-size:12px;color:#71848e}.message-body{padding:15px;white-space:pre-wrap;line-height:1.5;overflow:auto}.message-body img{max-width:100%;height:auto}.attachments{display:flex;flex-wrap:wrap;gap:8px;padding:0 15px 15px}.attachments button{border:1px solid var(--line);background:#f7fafb;border-radius:10px;padding:9px}.actions{position:fixed;bottom:0;left:0;right:0;display:flex;gap:8px;padding:10px 12px calc(10px + var(--safe-bottom));background:#fff;border-top:1px solid var(--line);z-index:4}.actions button{flex:1;border:0;border-radius:12px;padding:12px;background:#e8f0f4;color:#264b60}.actions .reply{background:var(--blue);color:#fff}.composer{margin:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:15px}.composer textarea{width:100%;min-height:110px;margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:10px}dialog{width:min(90vw,420px);border:0;border-radius:20px;padding:22px;box-shadow:0 20px 60px #102c3e55}dialog::backdrop{background:#102c3e88}dialog button{display:block;width:100%;margin-top:10px;padding:12px;border:0;border-radius:11px;background:#edf2f4}dialog ol{padding-left:22px;line-height:1.6}@media(min-width:760px){#content{max-width:820px;margin:auto}.mailboxes,.folders,.search{max-width:820px;margin-left:auto;margin-right:auto}.thread{border-left:1px solid var(--line);border-right:1px solid var(--line)}}