/* Inbox presentation; shared account and broadcast layouts remain independent. */
.inbox-page{background:#eef2f3;color:#253c40;font-family:"Leelawadee UI",Tahoma,system-ui,sans-serif}
.inbox-page .topbar{height:88px;padding:0 30px;border-bottom:1px solid #dfe7e7;background:#fff;gap:24px}
.inbox-page .brand{letter-spacing:-.8px;font-size:25px;gap:11px;flex-shrink:0}
.inbox-page .brand>span{width:43px;height:43px;border-radius:15px;background:#12665e;font-size:36px;font-weight:500;box-shadow:0 4px 9px #155c5c15}
.inbox-page .brand small{font-size:10px;font-weight:400;letter-spacing:0;color:#778a8c;margin-top:2px}
.inbox-page .account{gap:6px;flex-wrap:wrap;justify-content:flex-end}
.inbox-page .account a{color:#61787a;text-decoration:none;font-size:12px;padding:10px 12px;border-radius:9px;white-space:nowrap}
.inbox-page .account a:hover{background:#f0f6f4;color:#12665e}
.inbox-page .account .nav-current{background:#e9f4f0;color:#12665e;font-weight:700}
.inbox-page #admin-email{font-size:11px;color:#687c7f;max-width:180px;padding:0 10px;border-left:1px solid #dfe7e7;margin-left:7px}
.inbox-page #logout{font-size:11px;border:0;background:#f5f6f7;color:#69797d;padding:9px 11px}
.inbox-page main{height:calc(100dvh - 88px);padding:22px;gap:20px;grid-template-columns:310px minmax(0,1fr);max-width:1700px}
.inbox-page aside{border:1px solid #e0e7e7;border-radius:20px;padding:24px 12px;box-shadow:0 5px 18px #254e4705}
.inbox-page .inbox-heading{padding:0 12px 24px}
.inbox-page .section-label{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#869b9c;margin:0 0 11px}
.inbox-page h1{font-size:25px;letter-spacing:-.7px;margin-bottom:12px}
.inbox-page #connection{display:inline-block;font-size:11px;color:#527578;background:#eff6f4;padding:6px 10px;border-radius:7px}
.inbox-page .list-controls{margin:0 8px 18px;padding-top:18px;border-top:1px solid #edf1f0;gap:7px}
.inbox-page .list-controls label{color:#748589;font-size:11px}
.inbox-page .list-controls select{border-color:#e1e8e6;background:#f9fbfa;font-size:12px;padding:9px;color:#3b5655;border-radius:9px}
.inbox-page #refresh{border-color:#e1e8e6;width:36px;height:36px;padding:0;font-size:20px}
.inbox-page #list-status{font-size:12px;line-height:1.8}
.inbox-page #list-status:empty{display:none}
.inbox-page #conversations{gap:5px}
.inbox-page .conversation{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;min-height:66px;padding:10px 10px 10px 51px;border-radius:10px;border:1px solid #edf1f0;background:#fff;transition:background .15s,border-color .15s}
.inbox-page .conversation::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:31px;height:31px;border-radius:10px;background:radial-gradient(circle at 50% 37%,#6a9791 0 4px,transparent 4.5px),radial-gradient(ellipse at 50% 94%,#6a9791 0 9px,transparent 9.5px),#eaf2ef}
.inbox-page .conversation:hover{background:#f7faf8;border-color:#c9ddd5}
.inbox-page .conversation.active{background:#edf7f2;border-color:#8bbca9;box-shadow:inset 3px 0 #228670}
.inbox-page .conversation strong{grid-column:1;grid-row:1;font-size:13px;line-height:20px;color:#294a46}
.inbox-page .conversation p{grid-column:1 / -1;grid-row:2;font-size:12px;line-height:18px;margin:0;color:#7b8c8b}
.inbox-page .conversation small{grid-column:2;grid-row:1;font-size:9px;line-height:14px;max-width:98px;text-align:right;color:#849591}
.inbox-page .conversation .waiting{grid-column:2;grid-row:2;justify-self:end;display:inline-block;background:#a34408;color:#fff;padding:3px 7px;border-radius:5px;font-size:11px;line-height:16px;font-weight:700;white-space:nowrap;margin:0}
.inbox-page .conversation.needs-reply{background:#fff7ea;border-color:#e1af6c;box-shadow:inset 3px 0 #c26012}
.inbox-page .conversation.needs-reply:hover{background:#fff0d8;border-color:#c26012}
.inbox-page .conversation.needs-reply.active{border-color:#b9550c;box-shadow:inset 4px 0 #b9550c;background:#fff1dc}
.inbox-page .conversation.needs-reply p{grid-column:1;color:#725437}
.inbox-page .conversation.needs-reply strong{color:#734619}
.inbox-page .conversation.needs-reply::before{background:radial-gradient(circle at 50% 37%,#a66529 0 4px,transparent 4.5px),radial-gradient(ellipse at 50% 94%,#a66529 0 9px,transparent 9.5px),#fae5c5}
.inbox-page .workspace{padding:0;border-radius:20px;background:#f9fbfa;border:1px solid #dfe7e5;box-shadow:0 5px 18px #254e4705}
.inbox-page #welcome{background:radial-gradient(ellipse at 50% 38%,#e6f1eb,transparent 58%);padding:32px 18px}
.inbox-page .welcome-mark{width:90px;height:90px;border-radius:29px;background:#fff;color:#38816f;box-shadow:0 12px 32px #22564512,0 0 0 12px #eaf3ed;margin-bottom:36px;transform:rotate(-5deg)}
.inbox-page .welcome-mark svg{width:43px;height:43px;transform:rotate(5deg)}
.inbox-page #welcome .section-label{font-size:9px;letter-spacing:1.5px;margin-bottom:13px;color:#76968b}
.inbox-page #welcome h2{font-size:25px;letter-spacing:-.5px;color:#30584f;margin:0 0 15px}
.inbox-page #welcome>p:not(.section-label){font-size:13px;color:#7a8e86;line-height:1.9}
.inbox-page .welcome-hint{margin-top:33px;font-size:11px;color:#8a9c95;border-top:1px solid #dfe9e2;padding-top:19px}
.inbox-page #thread{border:0;border-radius:0;overflow:hidden}
.inbox-page .thread-header{padding:20px 26px;border-bottom:1px solid #e8efeb;flex-shrink:0;background:#fff;min-height:108px}
.inbox-page .thread-header h2{font-size:19px;letter-spacing:-.3px;color:#294a46}
.inbox-page .thread-header p{font-size:10px;color:#8b9b98;margin:6px 0}
.inbox-page #edit-name{border:0;padding:3px 0;background:transparent;color:#548879;text-decoration:underline;text-underline-offset:3px;font-size:10px;margin-top:6px}
.inbox-page #thread-state{font-size:10px;color:#6e8680}
.inbox-page #toggle-state{font-size:11px;background:#f7f9f8;border-color:#e0e8e4;border-radius:9px;padding:10px 12px}
.inbox-page #transcript{padding:26px;background:radial-gradient(circle,#dfe8e3 1px,transparent 1px) 0 0/18px 18px,#f5f8f6;min-height:100px}
.inbox-page #messages{gap:20px}
.inbox-page #messages li{max-width:78%}
.inbox-page #messages p{border:1px solid #e5ebe6;background:#fff;border-radius:16px 16px 16px 4px;box-shadow:0 2px 5px #264d3d05;font-size:14px;padding:13px 17px;line-height:1.8}
.inbox-page #messages .admin p{background:#176b5e;border-color:#176b5e;color:#fff;border-radius:16px 16px 4px 16px}
.inbox-page #messages small{font-size:10px;color:#81958b;margin:7px 3px 0;line-height:1.6}
.inbox-page #reply-form{padding:18px 24px 20px;background:#fff;border-top:1px solid #e5ede7;flex-shrink:0}
.inbox-page #reply-form label{font-size:12px;font-weight:600;color:#3e5e52;margin-bottom:9px}
.inbox-page #reply{background:#f9fbfa;border:1px solid #dae6df;border-radius:12px;padding:13px 15px;min-height:82px;font-size:13px;resize:vertical}
.inbox-page #reply::placeholder{color:#96a59d}
.inbox-page .image-controls{gap:9px;margin-top:10px}
.inbox-page .image-controls button{border-color:#e1e9e5;background:#fff;border-radius:8px;font-size:11px;padding:7px 10px}
.inbox-page .image-controls small,.inbox-page #image-selection{font-size:10px;color:#899a90}
.inbox-page .reply-controls{margin-top:12px}
.inbox-page .reply-controls small{font-size:10px;color:#91a198}
.inbox-page #send{background:linear-gradient(135deg,#20866f,#126459);padding:12px 21px;min-width:126px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 4px 9px #16685920}
.inbox-page #send:hover:not(:disabled){filter:brightness(1.09)}
.inbox-page #name-form{max-height:240px;overflow:auto;padding:14px 24px}
.inbox-page button:focus-visible,.inbox-page a:focus-visible,.inbox-page input:focus-visible,.inbox-page textarea:focus-visible,.inbox-page select:focus-visible{outline:3px solid #6cae98;outline-offset:3px}
@media(max-width:1100px){.inbox-page .topbar{padding:12px 20px;height:auto;min-height:88px}.inbox-page .account{gap:3px}.inbox-page .account a{padding:8px;font-size:11px}.inbox-page #admin-email{max-width:140px;font-size:10px}.inbox-page main{grid-template-columns:275px minmax(0,1fr);gap:14px;padding:16px;height:calc(100dvh - 100px)}}
@media(max-width:760px){.inbox-page .topbar{display:block;padding:16px}.inbox-page .brand{font-size:22px}.inbox-page .account{justify-content:flex-start;flex-direction:row;align-items:center;margin-top:14px;gap:4px}.inbox-page #admin-email{margin-left:0;padding-left:0;border-left:0;max-width:none;flex:1}.inbox-page .account a{font-size:11px}.inbox-page main{display:flex;flex-direction:column;height:auto;padding:12px;gap:12px}.inbox-page aside{max-height:300px;padding:16px 10px;border-radius:16px}.inbox-page .inbox-heading{padding-bottom:12px}.inbox-page .section-label{font-size:9px;margin-bottom:6px}.inbox-page h1{font-size:21px;margin-bottom:8px}.inbox-page .list-controls{padding-top:12px;margin-bottom:12px}.inbox-page .conversation{padding-top:10px;padding-bottom:10px}.inbox-page .workspace{min-height:420px;border-radius:16px}.inbox-page #welcome{min-height:420px}.inbox-page #welcome h2{font-size:22px}.inbox-page #thread{height:720px;max-height:none}.inbox-page .thread-header{padding:16px;min-height:105px}.inbox-page #transcript{padding:16px}.inbox-page #messages li{max-width:90%}.inbox-page #reply-form{padding:14px}.inbox-page .image-controls small{width:100%}.inbox-page .reply-controls{align-items:flex-end}.inbox-page .reply-controls small{max-width:140px;line-height:1.6}.inbox-page #send{min-width:108px;padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.inbox-page .conversation{transition:none}}