.inbox-page{padding:0 20px 12px;min-width:0}.mail-topline{display:flex;gap:22px;align-items:center;margin:0 0 18px;font-size:13px;color:#687997}.mail-topline b{color:#142c58;margin-left:8px}.mail-topline>small{margin-left:auto;font-size:10px}.mail-unread-total b{background:#e0edff;border-radius:5px;padding:3px 7px;color:#075cff}.mail-shell{display:grid;grid-template-columns:335px minmax(0,1fr);background:#fff;border:1px solid #e5edf7;border-radius:14px;overflow:hidden;height:calc(100vh - 187px);min-height:550px;max-height:1000px;box-shadow:0 5px 25px #173e6805}.mail-list{border-right:1px solid #e7eef8;display:flex;flex-direction:column;min-height:0}.mail-list-tools{padding:20px 17px 14px}.mail-list-tools input{width:100%;border:1px solid #e4ebf5;background:#f8faff;border-radius:8px;padding:12px;font:inherit;font-size:12px;color:#203a65}.mail-tabs{display:flex;gap:4px;margin-top:15px;background:#f6f8fc;padding:3px;border-radius:8px}.mail-tabs button{flex:1;padding:8px 3px;font-size:10px;border-radius:6px;color:#7888a4}.mail-tabs button[aria-pressed=true]{background:#e3eeff;color:#075cff;font-weight:bold}.mail-threads{overflow:auto;min-height:0}.mail-thread{display:flex;gap:11px;width:100%;padding:20px 15px;text-align:left;border-bottom:1px solid #edf2f8;border-left:3px solid transparent;min-width:0}.mail-thread:hover{background:#f8fbff}.mail-thread.selected{background:#edf4ff;border-left-color:#075cff}.mail-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#e1ebff;color:#0754d7;border-radius:50%;font-size:12px;font-weight:bold}.tone-1{background:#e7f5ec;color:#278b57}.tone-2{background:#fff3d3;color:#9e7c10}.tone-3{background:#eee8fc;color:#8059bf}.mail-thread-copy{min-width:0;flex:1;display:grid;gap:6px}.mail-thread-copy strong{font-size:12px;color:#33486e;font-weight:500}.mail-thread.unread strong{font-weight:700;color:#0b1b47}.mail-thread-copy b{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-thread-copy small{color:#8a97ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.mail-thread-copy em{font-style:normal;font-size:9px;color:#98a5ba;margin-top:3px}.mail-thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:9px;color:#8e9cb3}.mail-thread-meta i{width:7px;height:7px;border-radius:50%;background:#075cff}.mail-thread-meta small{color:#12a576}.mail-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.mail-welcome{margin:auto;max-width:360px;text-align:center;padding:30px}.mail-welcome>span{display:grid;place-items:center;background:#edf4ff;border-radius:22px;color:#075cff;font-size:38px;width:88px;height:88px;margin:0 auto 22px}.mail-welcome h2{font-size:21px;margin-bottom:12px}.mail-welcome p{font-size:13px;color:#8292ad;line-height:1.7}.mail-conversation-head{padding:20px 23px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf2f8;flex-wrap:wrap}.mail-conversation-head h2{font-size:17px;margin-bottom:7px}.mail-conversation-head p{font-size:11px;color:#7a8ba7}.mail-state{display:inline-block;background:#e5f7ed;color:#168556;padding:3px 7px;border-radius:5px;margin-left:10px;font-size:9px}.mail-state.closed{background:#edf0f6;color:#7c8ba5}.mail-actions{display:flex;gap:7px;margin-left:auto;flex-wrap:wrap}.mail-actions button,.mail-closed-note button{border:1px solid #e3ebf6;padding:9px;border-radius:7px;font-size:10px;color:#60789d}.mail-actions .resolve{background:#eaf7ef;color:#168351;border-color:#eaf7ef}.mail-reservation{display:flex;align-items:center;gap:20px;background:#f8fbff;padding:14px 23px;border-bottom:1px solid #edf2f8;flex-wrap:wrap}.mail-reservation small{display:block;color:#8e9bb1;font-size:9px;margin-bottom:5px}.mail-reservation strong{display:block;font-size:11px;font-weight:500}.mail-reservation button{margin-left:auto;color:#075cff;font-size:11px}.mail-history{padding:22px 25px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:17px;min-height:150px;background:linear-gradient(#fff,#fcfdff)}.mail-day{text-align:center;color:#9ba9bd;font-size:10px;margin-bottom:8px}.mail-bubble{max-width:79%;padding:13px 16px;border-radius:12px;flex-shrink:0}.mail-bubble p{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.mail-bubble small{display:block;text-align:right;font-size:9px;margin-top:8px;color:#8c9cb5}.mail-bubble.incoming{align-self:flex-start;background:#f1f4f9;border-bottom-left-radius:3px}.mail-bubble.outgoing{align-self:flex-end;background:#e8f1ff;border-bottom-right-radius:3px}#mail-reply-form{padding:16px 22px 20px;border-top:1px solid #edf2f8}#mail-reply{resize:vertical;min-height:70px;max-height:200px;width:100%;font:inherit;font-size:13px;border:1px solid #e1e9f5;border-radius:9px;padding:12px;color:#203a65}#mail-reply-form>div{display:flex;align-items:center;gap:15px;margin-top:12px}#mail-reply-form small{font-size:9px;color:#91a0b6;max-width:350px;line-height:1.5}#mail-reply-form .btn{margin-left:auto;font-size:12px;white-space:nowrap;min-height:39px}.mail-closed-note{padding:23px;display:flex;gap:15px;align-items:center;font-size:12px;color:#7a8da9;border-top:1px solid #edf2f8}.mail-demo{font-size:10px;color:#91a0b6;margin-top:13px}.mail-empty-list{padding:30px 20px;color:#8292ac;font-size:12px;text-align:center}.mail-back{display:none}@media(max-width:1200px){.mail-shell{grid-template-columns:290px minmax(0,1fr)}.mail-conversation-head{padding:17px}.mail-actions{margin-left:0}.mail-reservation{padding:13px 17px;gap:12px}.mail-reservation button{margin-left:0}.mail-bubble{max-width:90%}}@media(max-width:750px){.inbox-page{padding:0 12px 12px}.mail-shell{grid-template-columns:1fr;height:calc(100dvh - 210px);min-height:530px}.mail-conversation{display:none}.mail-selected .mail-conversation{display:flex}.mail-selected .mail-list{display:none}.mail-back{display:block;color:#075cff;font-size:12px;flex-basis:100%;text-align:left;margin-bottom:8px}.mail-topline{gap:12px;font-size:11px}.mail-topline>small{display:none}.mail-history{padding:18px 15px}.mail-conversation-head h2{font-size:16px}.mail-bubble p{font-size:12px}#mail-reply-form{padding:13px}#mail-reply-form>div{flex-wrap:wrap}.mail-closed-note{flex-wrap:wrap}.mail-actions{margin-left:auto}.mail-list{border:0}}