:root{font:16px/1.5 Arial,Helvetica,sans-serif;color:#16384a;background:#f0f5f8;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{background:#007fae;color:white;display:flex;gap:20px;align-items:center;padding:20px 28px}header strong{font-size:21px}header small{font-size:14px}header button{margin-left:auto}main{max-width:1250px;margin:auto;padding:28px}h1{font-size:25px;line-height:1.25}p{margin:12px 0}button,input,select,textarea{font:inherit}button{background:#007fae;color:white;border:0;border-radius:8px;padding:10px 16px;cursor:pointer}button:disabled{opacity:.5;cursor:default}input,select,textarea{border:1px solid #b8cdd7;background:white;border-radius:8px;padding:11px;color:#16384a;max-width:100%}textarea{resize:vertical;min-height:65px}label{font-size:14px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e5ac00;outline-offset:2px}[hidden]{display:none!important}.login{max-width:400px;margin:50px auto;background:#fff;padding:28px;border-radius:14px;display:flex;flex-direction:column;gap:12px}.toolbar{display:flex;align-items:center;gap:14px;padding:12px 0;flex-wrap:wrap}.toolbar button{margin-left:auto}.toolbar h1{margin-right:auto}.layout{display:grid;grid-template-columns:280px 1fr;background:white;border:1px solid #d7e4eb;border-radius:12px;overflow:hidden}aside{border-right:1px solid #d7e4eb;max-height:650px;overflow:auto;min-width:0}.item{display:block;text-align:left;width:100%;border-radius:0;border-bottom:1px solid #e5eef3;background:white;color:#173a4d;padding:20px}.item.active{background:#e5f5fc;box-shadow:inset 4px 0 #007fae}.item small{display:block;color:#567483;font-size:13px;margin-top:8px}.conversation{min-width:0;padding:16px;display:flex;flex-direction:column;height:650px}#messages{overflow:auto;flex:1;min-height:100px;display:flex;flex-direction:column;gap:12px;padding:16px 3px}.bubble{padding:12px 15px;border-radius:12px;max-width:85%;background:#edf2f5;align-self:flex-start;overflow-wrap:anywhere;flex-shrink:0}.bubble.mine{background:#d9f1fc;align-self:flex-end}.bubble p{white-space:pre-wrap;margin:0}.bubble small{font-size:12px;display:block;color:#526c7a;margin-top:5px}#composer{display:flex;gap:10px;border-top:1px solid #d7e4eb;padding-top:14px}#composer textarea{flex:1;min-width:0}#error{color:#a1282f;white-space:pre-wrap;font-size:14px}#error:empty{display:none}.muted{color:#577381;font-size:13px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.widget-page{height:100dvh;display:flex;flex-direction:column;background:white}.widget-page header{padding:18px;display:block}.widget-page header small{display:block;margin-top:4px}.widget-page main{margin:0;padding:16px;display:flex;flex:1;min-height:0;flex-direction:column}.widget-page h1{margin:10px 0;font-size:23px}.widget-page select{width:100%;margin:8px 0}.widget-page #composer{flex-direction:column;flex-shrink:0}.widget-page #messages:empty{min-height:0}.widget-page .bubble{font-size:14px}.widget-page #composer button{align-self:flex-end}@media(max-width:700px){main{padding:12px}header{padding:16px;flex-wrap:wrap}header strong{font-size:18px}.layout{grid-template-columns:1fr}aside{max-height:180px;border-right:0;border-bottom:1px solid #d7e4eb}.conversation{height:65dvh;min-height:380px}.login{margin:25px auto}.toolbar{font-size:14px}#composer{flex-direction:column}}
/* Workspace v2 */
.layout{grid-template-columns:240px minmax(280px,1fr) 280px}.card{padding:18px;border-left:1px solid #d7e4eb;max-height:760px;overflow:auto}.card h2{font-size:19px;margin:0}.card form,#template-form,#away-form{display:flex;flex-direction:column;gap:8px}.card label{margin-top:7px}.conversation{height:760px}#composer{flex-direction:column}#composer button{align-self:flex-end}.template-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.template-picker select{flex:1;min-width:100px}#assignment{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;padding-bottom:12px;border-bottom:1px solid #d7e4eb}#assignment button{padding:7px 10px}#owner{width:100%}#transfer-to{max-width:210px}.tabs{display:flex;gap:5px;margin-right:auto}.tabs button{background:#dfebf2;color:#16384a}.tabs [aria-pressed=true]{background:#007fae;color:white}.tabs span{font-size:13px;margin-left:4px}#capacity{width:70px}header button{font-size:14px;margin-left:0;background:#00678e}header #logout{margin-left:auto}header #break[aria-pressed=true]{background:#865509}dialog{border:1px solid #b8cdd7;border-radius:14px;width:min(600px,95vw);max-height:90dvh;overflow:auto;color:#16384a;padding:24px}dialog::backdrop{background:#122b4680}dialog textarea{width:100%}#settings-error,#profile-result{font-size:14px;white-space:pre-wrap}#settings-error{color:#a1282f}.bubble.system{background:#fff4d9;color:#634d1f;align-self:center;font-size:14px}#inbox{padding-top:8px}@media(max-width:1100px){.layout{grid-template-columns:220px minmax(280px,1fr)}.card{grid-column:1/-1;border-left:0;border-top:1px solid #d7e4eb;max-height:none}.card form{display:grid;grid-template-columns:150px 1fr}.workspace{padding:12px}}@media(max-width:700px){.layout{grid-template-columns:1fr}.card{grid-column:auto}.card form{display:flex}.tabs{width:100%}.conversation{height:75dvh;min-height:550px}header{gap:10px}.toolbar{gap:8px}.tabs button{padding:9px 12px}}
#intake{display:flex;flex-direction:column;gap:7px}#intake input{width:100%}#intake label{display:block}#intake button{margin-top:8px}.widget-page #start{overflow:auto;max-height:100%;flex-shrink:1}.widget-page #intake p{margin:6px 0}.widget-page #start h1{font-size:21px}.widget-page #start>p{font-size:14px}header a{color:#fff}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-nav button[aria-pressed=true]{background:#164459}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-box{background:white;border:1px solid #d7e4eb;border-radius:12px;padding:20px;min-width:0}.admin-box form{display:flex;flex-direction:column;gap:8px}.admin-list{max-height:500px;overflow:auto}.admin-row{display:block;width:100%;margin-bottom:5px;text-align:left;background:#eaf3f7;color:#16384a}.admin-row small{display:block}.admin-stats{display:flex;gap:16px;flex-wrap:wrap}.admin-stats span{padding:18px;background:white;border-radius:10px}.checks label{display:flex;align-items:center;gap:8px;margin:5px 0}.checks input{width:auto}#admin-transcript{max-height:400px;overflow:auto}.admin-box textarea{width:100%}.pager{display:flex;align-items:center;gap:12px;margin:12px 0}#admin-error{color:#a1282f;white-space:pre-wrap}#admin-status{color:#176d45}.admin-box h2{font-size:21px}.admin-box h3{font-size:18px}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}}

.template-order-row{display:flex;gap:5px;align-items:center;margin:8px 0}.template-order-row>.admin-row{flex:1;margin:0;cursor:grab}.template-order-row>button:not(.admin-row){font-size:12px;padding:8px}.template-order-row:focus-within{outline:1px solid #007fae}
#file-panel{border-top:1px solid #d7e4eb;padding:8px 0;flex-shrink:0}#file-panel label,#file-panel small{display:block;font-size:12px}#attachment{font-size:12px;padding:5px;max-width:100%}#file-status{font-size:12px;margin:4px 0}.file-open{display:block;font-size:13px;margin-top:8px;text-align:left;overflow-wrap:anywhere}.file-dialog{max-width:700px;width:95vw;max-height:90dvh;overflow:auto;padding:20px}.file-dialog img{display:block;max-width:100%;max-height:55dvh;object-fit:contain;margin:10px auto}.file-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 monospace;max-height:55dvh;overflow:auto;background:#eef3f6;padding:12px}.file-dialog textarea{width:100%;font:13px/1.5 monospace}.file-dialog a{display:block;margin-top:12px}#upload-error{color:#a1282f;font-size:14px}.widget-page #messages{min-height:0}.widget-page #file-panel[hidden]{display:none}
/* Familiar three-column operator workspace */
.operator-page{color:#292c30;background:#fff;font:14px/1.45 Arial,Helvetica,sans-serif}.operator-page>header{height:64px;background:#202124;padding:12px 22px;gap:18px}.operator-page>header strong{color:#ffcf19;letter-spacing:.3px;font-size:21px}.operator-page>header button{background:#343639;border:1px solid #555;color:#fff}.operator-page>header #break{background:#167d56;border-color:#167d56}.operator-page>header #break[aria-pressed=true]{background:#7d6225}.operator-page main{padding:0;max-width:none}.operator-page #error:not(:empty){margin:0;padding:10px 20px;background:#fff0ee}.operator-page .layout{grid-template-columns:280px minmax(340px,1fr) 280px;height:calc(100dvh - 64px);border:0;border-radius:0}.operator-page .queue-column{display:flex;flex-direction:column;min-height:0;background:#fafafa;border-right:1px solid #e1e1e1}.operator-page .queue-controls{padding:18px 14px 10px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.queue-controls h2{font-size:18px;margin:0 0 4px;grid-column:1/-1}.queue-controls #chat-search{grid-column:1/-1;width:100%;font-size:12px}.operator-page input,.operator-page select,.operator-page textarea{color:#30343a;border:1px solid #ddd;border-radius:5px;padding:9px;background:#fff}.operator-page button{background:#ffce19;color:#252525;border-radius:5px;font-size:13px;padding:9px 12px}.operator-page .tabs{grid-column:1/-1;display:flex;flex-direction:column;gap:2px;margin:4px 0;width:100%}.operator-page .tabs button{display:flex;justify-content:space-between;text-align:left;background:transparent;color:#565a60;padding:10px}.operator-page .tabs button[aria-pressed=true]{background:#fff0ad;color:#242424}.operator-page .tabs span{background:#e9e9e9;min-width:23px;text-align:center;border-radius:12px}.queue-controls label{font-size:12px;color:#676d72}.queue-controls #department-filter{width:150px;font-size:12px}.queue-controls #capacity{width:60px}.queue-controls #capacity-save{grid-column:1/-1;background:#eee}.operator-page #inbox{padding:0;max-height:none;flex:1;border:0}.operator-page .item{position:relative;padding:15px 12px 15px 62px;background:#fafafa;min-height:95px;border-bottom:1px solid #ededed;border-radius:0;color:#30343a}.operator-page .item.active{background:#fff0ad;box-shadow:inset 3px 0 #f3c100}.operator-page .item strong{display:block;font-size:14px;padding-right:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator-page .item small{margin-top:4px;font-size:12px;color:#72767b}.chat-avatar{position:absolute;left:14px;top:17px;width:36px;height:36px;background:#65b2cb;color:white;border-radius:50%;display:grid;place-items:center;font-size:17px}.unread-badge{position:absolute;right:10px;top:14px;border-radius:12px;min-width:22px;padding:2px;background:#f3ca22;font-size:11px;text-align:center}.operator-page .conversation{height:100%;min-height:0;padding:0;background:#f6f6f6}.operator-page .conversation>.toolbar{padding:15px 22px;border-bottom:1px solid #e1e1e1;background:white;min-height:57px}.operator-page #messages{padding:22px;gap:18px;min-height:0}.operator-page .bubble{background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:12px 15px;max-width:86%;color:#30343a;box-shadow:0 1px 2px #00000005}.operator-page .bubble.mine{background:#fff9dd;border-color:#f3e9be}.operator-page .bubble.system{font-size:12px;background:#eeeeee;border:0;color:#777;box-shadow:none;max-width:95%;text-align:center}.operator-page .bubble small{color:#888;font-size:11px;margin-top:8px}.operator-page #reply-note{padding:0 18px}.operator-page #reply-note:empty{display:none}.operator-page #composer{margin:0;padding:12px 18px;background:#fff;border-top:1px solid #e2e2e2;gap:7px}.operator-page #composer textarea{width:100%;min-height:76px;max-height:200px;resize:vertical;border-color:#e6e6e6}.operator-page #composer .templates-trigger{align-self:flex-start;background:transparent;color:#676b70;padding:3px 0}.operator-page #composer small{font-size:11px;color:#8b8e91}.operator-page #composer #send{min-width:115px}.operator-page .card{height:100%;max-height:none;min-height:0;grid-column:auto;padding:18px;border-color:#e1e1e1;background:#fff}.operator-page .card h2{font-size:16px;margin-bottom:15px}.operator-page .card label{font-size:12px;color:#72767b;margin-top:6px}.operator-page .card input{font-size:13px;width:100%}.operator-page #assignment{border-bottom:0;padding:0;gap:7px}.operator-page #owner{font-size:13px;color:#555}.operator-page #transfer-to{max-width:100%;width:100%;font-size:12px}.operator-page #transfer{background:#eee}.operator-page #close{width:100%;margin:14px 0 6px}.operator-page #profile-reload{background:#f0f0f0;color:#656565;font-size:12px}.operator-page .muted{color:#84888c;font-size:12px}.operator-page dialog{color:#292c30;border:0;border-radius:10px;box-shadow:0 15px 50px #0003}.operator-page #templates-dialog{width:min(820px,95vw);padding:20px;overflow:hidden}.template-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.template-dialog-head h2{font-size:23px;margin:0}.operator-page #templates-close{background:transparent;color:#777;font-size:26px;padding:0 6px}.template-dialog-grid{display:grid;grid-template-columns:280px minmax(0,1fr);height:min(500px,65dvh)}.template-list-pane{padding-right:18px;border-right:1px solid #ddd;display:flex;min-height:0;flex-direction:column;gap:10px}.template-list-pane input{width:100%}#template-results{overflow:auto;flex:1}.operator-page .template-choice{display:block;text-align:left;width:100%;background:transparent;border-radius:0;padding:11px 10px;font-size:13px}.operator-page .template-choice[aria-pressed=true]{background:#fff0ad}.template-preview-pane{padding-left:22px;display:flex;flex-direction:column;min-height:0}#preview-title{font-size:15px;font-weight:normal;margin:0;padding:12px 0;border-bottom:1px solid #ddd}#preview-body{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;flex:1;padding:20px 0;font-size:14px}#template-picker-error{color:#a1282f;font-size:12px}#template-picker-error:empty{display:none}.operator-page #template-use{flex-shrink:0}.operator-page #profile{display:flex}.operator-page .login{border:1px solid #e4e4e4}.operator-page .file-open{background:#eee;color:#333}
@media(min-width:1450px){.operator-page .layout{grid-template-columns:310px minmax(340px,1fr) 310px}}
@media(max-width:1000px){.operator-page .layout{grid-template-columns:230px minmax(280px,1fr);height:auto;min-height:calc(100dvh - 64px)}.operator-page .conversation{height:calc(100dvh - 64px)}.operator-page .queue-column{max-height:calc(100dvh - 64px)}.operator-page .card{grid-column:1/-1;height:auto;border-top:1px solid #ddd}.operator-page>header{height:auto;min-height:64px;flex-wrap:wrap}.operator-page .queue-controls{grid-template-columns:1fr}.queue-controls #department-filter{width:100%}}
@media(max-width:650px){.operator-page .layout{display:flex;flex-direction:column}.operator-page .queue-column{max-height:340px}.operator-page .tabs{flex-direction:row;flex-wrap:wrap}.operator-page .tabs button{font-size:11px;flex:1}.operator-page .queue-controls{display:flex;flex-wrap:wrap}.queue-controls h2,.queue-controls #chat-search{width:100%}.queue-controls #department-filter{width:auto}.operator-page .conversation{height:75dvh;min-height:420px}.template-dialog-grid{grid-template-columns:1fr;height:70dvh}.template-list-pane{height:24dvh;border-right:0;border-bottom:1px solid #ddd;padding:0 0 10px}.template-preview-pane{padding:0;min-height:0;height:43dvh}.operator-page #messages{padding:12px}}
.attachment-icon{display:inline-grid!important;place-items:center;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:22px;color:#435864;background:#edf2f5}.attachment-icon:hover{background:#dce8ee}#file-panel{display:flex;align-items:center;gap:8px}#file-panel #file-status{margin:0}.connection-info{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin:14px 0;padding:12px 0}.connection-info h3{font-size:14px;margin:0 0 8px}.connection-info dl{display:grid;grid-template-columns:95px 1fr;gap:5px;margin:0}.connection-info dt{color:#777;font-size:12px}.connection-info dd{margin:0;overflow-wrap:anywhere;font-size:12px}.connection-info details{font-size:12px;margin-top:8px}.technical-value{font:11px/1.4 monospace;overflow-wrap:anywhere;color:#666}.channel-status{display:flex;align-items:center;gap:8px;margin:8px 0}.channel-dot{width:11px;height:11px;border-radius:50%;background:#aaa}.channel-dot.ok{background:#1c9b61}.channel-dot.bad{background:#c04444}.channel-box{margin-bottom:18px}.channel-box code{overflow-wrap:anywhere}
[data-channel]{display:flex;flex-direction:column;gap:8px}[data-channel] label{display:block}[data-channel] input{display:block;width:100%;margin-top:4px}#channel-summary code{display:block;margin:0 0 8px;padding-left:19px;font-size:12px}