/* GBC blue workspace: fixed tools, independent content panes. */
:root{--blue:#255de1;--navy:#172b55;--line:#dfe5f0;--muted:#63718b;--red:#d63c52}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#f2f5fb;color:#26364f;font-family:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}button:hover:not(:disabled){transform:none}button{transition:background .15s,border-color .15s;box-shadow:none;border-color:var(--line);color:#344560;border-radius:9px;font-size:12px}
button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
button.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 8px #255de124}button.primary:hover{background:#194bbf}.brand{background:var(--red);color:white;box-shadow:none}
.demobar{height:58px;padding:0 18px;background:white;border-bottom:1px solid var(--line);gap:10px;position:relative;z-index:12;color:#53627c}.demobar strong{font-size:10px;letter-spacing:.25px;color:#63718b}.demobar label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.demobar button{height:32px;font-size:11px}.demobar select{height:32px;border-color:var(--line);background:#f7f9fd}.demobar [data-action=reset]{color:var(--red)}
.presence-control{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#f8faff;border-radius:22px;padding:0 11px;flex-shrink:0;height:36px}.presence-control select{border:0;background:transparent;padding:0 4px;font-size:12px;font-weight:600;max-width:138px}.presence-light{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#18a863;box-shadow:0 0 0 4px #18a86318,0 0 9px #18a86365}.presence-control[data-state=pause] .presence-light{background:#e9a21b;box-shadow:0 0 0 4px #e9a21b18,0 0 9px #e9a21b65}.presence-control[data-state=away] .presence-light{background:#df4055;box-shadow:0 0 0 4px #df405518,0 0 9px #df405565}
.shell{height:calc(100dvh - 58px);min-width:0;width:100%;display:grid;grid-template-columns:60px 176px 280px minmax(0,1fr) 270px;overflow:hidden;position:relative}.shell>*{min-width:0;min-height:0}.rail{background:var(--navy);padding:18px 0;gap:16px}.rail .selected{background:#ffffff20;color:white}.rail .avatar{background:#dce6fc;color:#254987}.nav{padding:22px 11px;background:#f8faff;overflow-y:auto;overscroll-behavior:contain}.navitem{font-size:12px;min-height:39px}.navitem.active{background:#e8eeff;color:#2457cf}.nav .presence{padding-top:10px}.workspace{color:var(--navy)}
.list{overflow:hidden;background:#fff}.listhead{padding:21px 16px 12px;flex-shrink:0}.listhead h2{font-size:20px;color:var(--navy)}.search{height:38px;background:#f7f9fd;border-color:var(--line);margin-top:14px}.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #255de114}.tabs,.filters,.listfooter{flex-shrink:0}.tabs span{cursor:pointer}.tabs .on{color:var(--blue);border-color:var(--blue)}.contact-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.contact{padding:16px 14px;min-height:106px;gap:10px}.contact.active{background:#edf2ff;border-left:3px solid var(--blue);padding-left:11px}.contact .row{align-items:flex-start}.contact strong{font-size:12px}.contact small{font-size:10px;white-space:nowrap}.contact p{color:#718098}.contact .meta{gap:6px}.contact .chip{font-size:9px}.listfooter{position:static;margin-top:0;font-size:10px;padding:13px}.avatar{background:#e7edfc;color:#345aa0;flex-shrink:0}.chip{background:#e8efff;color:#345eb0}.chip.grey{background:#edf1f7;color:#62738f}.chip.violet{background:#eeebfc;color:#6b57a6}.chip.amber{background:#fff2d9;color:#996719}
.conversation{background:#f2f5fb;min-width:0;overflow:hidden}.chathead{padding:18px 22px 14px;flex-shrink:0}.headrow{gap:10px;flex-wrap:wrap}.headrow .grow{min-width:90px}.headrow h2{font-size:18px;color:var(--navy)}.headrow small{font-size:11px;color:var(--muted)}.headrow .buttons{flex-wrap:wrap}.headrow button{height:34px;font-size:11px}.subhead{margin-top:12px;flex-wrap:wrap}.timelinebar{flex-shrink:0;padding:11px 22px;gap:18px;background:#fbfcff;color:#718098}.timelinebar .active{color:var(--blue)}.timelinebar span{cursor:pointer}.messages{padding:20px 24px;min-height:70px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;gap:16px}.message{max-width:87%;flex-shrink:0}.bubble{font-size:13px;line-height:1.65;border-color:#dfe6f2;color:#30425e;overflow-wrap:anywhere;box-shadow:0 2px 4px #182d4c04}.out .bubble{background:#e6edff;border-color:#d3dffc}.internal{flex-shrink:0;background:#fff7e7;border-color:#eeddb9}.internal p{font-size:12px}.stamp{color:#7d8ba2}.event{color:#718098}.composerwrap{flex-shrink:0;padding:10px 18px 12px;background:transparent}.composer{border-color:#d5def0;box-shadow:0 4px 16px #172b550a;border-radius:12px}.composehead{padding:9px 12px;gap:8px}.composehead strong{color:#2554bd}.composehead small{margin-left:auto;color:#7d8ba2}.composehead button{height:29px;font-size:10px}.input{min-height:62px;height:68px;max-height:120px;font-size:13px;padding:12px 14px;resize:none;color:#30425e}.toolbar{padding:8px 10px;gap:6px}.toolbar .iconbtn{width:34px;height:34px;background:#f5f7fc;color:#536b94}.toolbar .micro{background:#eef2fa;color:#465f89;height:34px;font-size:11px}.toolbar .primary{margin-left:auto;min-width:86px;height:34px}.composerhint{font-size:9px;color:#7c8ca4;margin-top:7px;gap:8px;display:flex;justify-content:space-between}.emoji{left:18px;bottom:165px;max-width:calc(100% - 36px);width:300px;max-height:240px;overflow:auto}.recordtool{padding:9px;gap:6px}.recordtool audio{max-width:100%}.recordtool .wave{display:none}.recordtool button{font-size:11px;height:30px}.recordtool .recordtime{font-size:14px}
.context{display:block;background:white;border-left:1px solid var(--line);overflow:auto;overscroll-behavior:contain}.contexthead{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--navy);padding:19px 16px}.context .section,.context .customer{padding:17px 16px}.context .section h3{font-size:12px}.context select{width:100%;font-size:12px}.context .docrow{flex-wrap:wrap}.context .field{gap:10px}.context .field b{overflow-wrap:anywhere}.context-close,.details-toggle,.list-toggle,.menu-toggle{display:none}.context .loc{background:#f2f5fc;border-color:#dce4f4;color:#4a638c}.context .task{border-color:#dce4f4;background:#f7f9fe}
.adminmain{grid-column:3/6;min-width:0;padding:28px;background:#f2f5fb;overflow:auto;overscroll-behavior:contain}.viewhead{flex-wrap:wrap}.viewhead h1{color:var(--navy);font-size:24px}.card{border-color:var(--line);box-shadow:0 2px 5px #172b5504;overflow-x:auto}.card h2{color:var(--navy)}table{width:100%;font-size:12px}th{color:#64738d;background:#f6f8fd;white-space:nowrap}td,th{padding:13px 10px}td select{font-size:11px}td input[type=number]{width:54px}.inline-note{background:#edf2ff;color:#526b9a}.metric{border-color:var(--line)}.metric b{color:var(--blue)}.internal-compose{align-items:flex-end}.internal-compose textarea{min-width:0}.settings-row{font-size:13px}.settings-row input[type=number]{width:80px}.settings-row span{min-width:0;overflow-wrap:anywhere}.bubble a{color:var(--blue)}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto;width:520px;max-width:calc(100vw - 28px);padding:24px;border-radius:16px;overscroll-behavior:contain}dialog h2{align-items:center;gap:15px;color:var(--navy);font-size:20px}dialog h2 button{flex-shrink:0}dialog textarea{resize:vertical;max-height:200px}dialog::backdrop{background:#1428496b;backdrop-filter:blur(4px)}#toast{background:var(--navy);max-width:calc(100vw - 32px)}
*{scrollbar-width:thin;scrollbar-color:#c6d1e5 transparent}
@media(max-width:1590px){.shell{grid-template-columns:56px 164px 260px minmax(0,1fr)}.context{display:none}.details-toggle{display:inline-flex}.adminmain{grid-column:3/5}.context.drawer-open{display:block;position:absolute;right:0;top:0;bottom:0;width:300px;max-width:90%;z-index:20;box-shadow:-15px 0 45px #172b5530}.context-close{display:inline-flex;width:28px;height:28px;font-size:20px}.demobar strong{font-size:9px}.demobar{gap:8px}}
@media(max-width:1150px){.shell{grid-template-columns:54px 255px minmax(0,1fr)}.nav{display:none}.adminmain{grid-column:2/4}.menu-toggle{display:inline-flex;font-size:18px!important;width:34px;padding:0;flex-shrink:0}.shell.menu-open .nav{display:flex;position:absolute;left:54px;top:0;bottom:0;width:220px;z-index:25;box-shadow:15px 0 45px #172b5530}.demobar strong{display:none}.presence-control{margin-left:auto}.headrow h2{font-size:17px}.chathead{padding:15px 17px}.messages{padding:16px}.timelinebar b{display:none}}
@media(max-width:760px){.shell{grid-template-columns:48px 220px minmax(0,1fr)}.demobar{padding:0 8px;gap:7px}.demobar label{font-size:0;gap:0}.demobar #demo-role{max-width:138px;font-size:10px}.demobar [data-action=reset]{display:none}.demobar [data-action=simulate]{font-size:0;width:32px;padding:0}.demobar [data-action=simulate] .icon{width:16px;height:16px}.presence-control{padding:0 8px;gap:6px}.presence-control select{max-width:107px;font-size:11px}.headrow .buttons{width:100%;justify-content:flex-end}.headrow .buttons button{font-size:10px;padding:0 8px}.subhead small{display:none}.composerhint span:last-child{display:none}.composerwrap{padding:8px 10px}.composehead{flex-wrap:wrap}.composehead small{display:none}.messages{padding:14px 12px}.toolbar .micro{font-size:0;width:34px;padding:0}.toolbar .micro .icon{width:17px}.toolbar .primary{min-width:70px}.timelinebar{gap:12px;font-size:10px;padding:10px 14px}.metrics{grid-template-columns:repeat(2,1fr)}.adminmain{padding:18px}.viewhead h1{font-size:20px}.shell.menu-open .nav{left:48px}}
@media(max-width:600px){.shell{display:grid;grid-template-columns:44px minmax(0,1fr);min-width:0}.rail{width:auto;padding:15px 0;gap:12px}.rail button{width:34px;height:36px}.rail .brand{width:30px;height:34px}.list{display:none;width:auto}.conversation{min-width:0;grid-column:2}.list-toggle{display:inline-flex;font-size:10px;padding:0 7px}.show-list .list{display:flex;grid-column:2}.show-list .conversation{display:none}.adminmain{min-width:0;grid-column:2}.listfooter{font-size:10px}.demobar{min-width:0}.demobar #demo-role{max-width:117px}.presence-control select{max-width:103px}.demobar{height:54px}.shell{height:calc(100dvh - 54px)}.shell.menu-open .nav{left:44px}.chathead{padding:12px}.headrow .buttons{gap:5px}.headrow h2{font-size:16px}.toolbar{gap:4px;padding:7px}.toolbar .iconbtn{width:30px}.toolbar .primary{min-width:64px;padding:0 9px}.input{height:60px;min-height:60px}.message{max-width:95%}.bubble{font-size:12px}.bubble audio,.attachment-image{max-width:100%}.composerhint{font-size:8px}.internal-compose{flex-wrap:wrap}.card{padding:14px}.settings-row{align-items:flex-start;gap:12px}.recordtool audio{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* One navigation, a bounded conversation canvas, and designed selection menus. */
@media(min-width:1181px){.shell{height:calc(100dvh - 82px)!important;max-height:900px;margin:12px auto!important;border:1px solid var(--line)!important;border-radius:12px;box-shadow:0 8px 32px #172b5507}}
.nav{padding-top:18px!important;padding-bottom:10px!important}.nav .label{margin:14px 10px 5px!important}.navitem{min-height:36px!important;height:36px!important;margin:1px 0!important}.select-chevron{font-size:0!important;width:6px;height:6px;border-right:1.5px solid #7b8eaf;border-bottom:1.5px solid #7b8eaf;transform:rotate(45deg);margin-top:-3px}
.shell{max-width:1540px;margin:0 auto;grid-template-columns:190px 290px minmax(0,1fr) 264px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.nav{display:flex;padding:22px 12px 14px;background:#172b55;color:#bdc9e3}.workspace{display:flex;align-items:center;gap:9px;font-size:14px;color:white;letter-spacing:-.3px}.nav-brand{display:inline-grid;place-items:center;width:29px;height:31px;border-radius:9px;background:var(--red);color:white;font-size:20px;flex-shrink:0}.nav .workspace+small{color:#9baed0;font-size:10px;margin-top:10px}.nav .label{color:#879ec6;margin:22px 10px 8px;font-size:9px;letter-spacing:1px}.navitem{width:100%;height:40px;padding:0 10px;margin:2px 0;background:transparent;border:0;color:#c5d1e8;box-shadow:none;justify-content:flex-start;font-weight:400;text-align:left;white-space:nowrap;flex-shrink:0}.navitem .icon{width:17px;height:17px}.navitem:hover:not(:disabled){background:#ffffff0b;filter:none}.navitem.active{background:#35528b;color:#fff;font-weight:600}.nav .presence{border-color:#ffffff20;margin-top:auto;padding-top:14px}.nav .who small{color:#9cafcf}.nav .who strong{color:white}.nav .avatar{background:#3a5281;color:white}.nav .who{gap:8px}.navitem b{background:#ffffff14;border-radius:5px;padding:2px 5px}.adminmain{grid-column:2/-1}.context{display:block}.details-toggle,.list-toggle,.menu-toggle{display:none}.context.drawer-open{position:static;width:auto;box-shadow:none}.context-close{display:none}.messages{padding:16px 20px;gap:12px}.message{max-width:min(85%,520px)}.bubble{padding:10px 13px}.internal{font-size:11px}.composerwrap{padding:8px 14px 12px}.input{height:54px;min-height:54px}.composehead{padding:7px 11px}.chathead{padding:15px 18px 12px}.headrow h2{font-size:17px}.headrow .buttons{gap:5px}.headrow .buttons button{font-size:10px;padding:0 9px}.timelinebar{padding:10px 18px;gap:14px}.context .section,.context .customer{padding:15px}.contact{min-height:99px}.demobar{box-shadow:0 1px 8px #172b5504}
.native-select{display:none!important}.select-trigger{display:inline-flex!important;align-items:center;justify-content:space-between;gap:14px;min-width:120px;max-width:100%;height:36px;padding:0 11px;background:white;border:1px solid #d9e2f1;border-radius:10px;color:#344a70;font-weight:500;font-size:12px;box-shadow:0 2px 4px #172b5503;text-align:left}.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.select-chevron{color:#7b8eaf;font-size:17px;line-height:1;flex-shrink:0}.select-trigger[aria-expanded=true]{border-color:#4778e8;box-shadow:0 0 0 3px #255de112}.select-trigger:disabled{opacity:.45}.demobar label .select-trigger{min-width:185px;font-size:11px;height:34px;background:#f7f9fe}.presence-control{gap:7px;padding-right:5px}.presence-control .select-trigger{border:0;background:transparent;box-shadow:none!important;min-width:112px;height:32px;font-size:11px;padding-left:4px}.select-menu{position:fixed;z-index:1000;overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid #dce4f3;border-radius:13px;background:#fff;box-shadow:0 16px 48px #10244d25,0 3px 10px #10244d0c;font-size:12px;color:#354967}.select-option{display:flex;gap:9px;align-items:center;min-height:39px;padding:9px 10px;border-radius:8px;cursor:pointer;line-height:1.4}.select-option>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.select-option.highlighted,.select-option:hover{background:#f0f4ff}.select-option[aria-selected=true]{color:#255de1;background:#eaf0ff;font-weight:600}.select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.option-check{width:15px;font-weight:700}.option-dot{display:none}.option-dot[data-state]{display:block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.option-dot[data-state=available]{background:#18a863;box-shadow:0 0 0 3px #18a86312}.option-dot[data-state=pause]{background:#e9a21b}.option-dot[data-state=away]{background:#df4055}.context .select-trigger,dialog .select-trigger{width:100%;font-size:12px}.card .select-trigger{min-width:125px;font-size:11px}.select-menu:focus{outline:2px solid #255de144;outline-offset:2px}
@media(max-width:1180px){.shell{grid-template-columns:170px 250px minmax(0,1fr)}.context{display:none}.details-toggle{display:inline-flex}.context.drawer-open{display:block;position:absolute;right:0;top:0;bottom:0;width:280px;max-width:90%;z-index:20;box-shadow:-15px 0 45px #172b5530}.context-close{display:inline-flex}.headrow .buttons{width:auto}.demobar strong{display:none}.presence-control{margin-left:auto}}
@media(max-width:800px){.shell{grid-template-columns:270px minmax(0,1fr)}.nav{display:none}.menu-toggle{display:inline-flex}.shell.menu-open .nav{display:flex;position:absolute;left:0;top:0;bottom:0;width:210px;z-index:25;box-shadow:15px 0 45px #172b5530}.adminmain{grid-column:1/-1}.demobar label{font-size:0}.demobar label .select-trigger{min-width:165px}.headrow .buttons{width:auto}.list-toggle{display:none}}
@media(max-width:760px){.shell{grid-template-columns:230px minmax(0,1fr)}.headrow .buttons{width:100%}.demobar label .select-trigger{min-width:145px;width:145px}.presence-control .select-trigger{min-width:100px}.demobar .select-trigger{gap:6px}.demobar [data-action=simulate]{font-size:0;width:32px}.demobar [data-action=reset]{display:none}.demobar{padding:0 8px}.headrow .grow{min-width:80px}.composerwrap{padding:8px 10px}}
@media(max-width:600px){.shell{grid-template-columns:minmax(0,1fr);border:0}.conversation{grid-column:1}.list{grid-column:1}.show-list .list{grid-column:1}.adminmain{grid-column:1}.list-toggle{display:inline-flex}.headrow .buttons{width:auto;margin-left:auto}.headrow{gap:7px}.headrow .grow{min-width:130px}.demobar label .select-trigger{min-width:117px;width:117px;font-size:10px}.presence-control .select-trigger{min-width:94px;width:94px;padding:0 3px;font-size:10px}.presence-control{padding-left:8px;gap:5px}.demobar{gap:6px}.headrow .buttons button{font-size:10px}.messages{padding:14px}.context.drawer-open{max-width:95%;width:300px}.card .select-trigger{min-width:125px}.listhead{padding-top:18px}.nav .workspace{font-size:14px}}
@media(min-width:801px) and (max-width:1180px){.headrow .grow{min-width:200px}.headrow .buttons{width:100%;justify-content:flex-end}.nav .workspace{font-size:12px;gap:7px;white-space:nowrap}.nav-brand{width:27px;height:29px}}
.client-labels{display:flex;gap:5px;flex-wrap:wrap;align-items:center;min-width:0}.client-tag{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:600;line-height:1.3;max-width:100%;overflow-wrap:anywhere;border:1px solid transparent}.client-tag:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.label-blue{background:#eaf0ff;color:#315db5;border-color:#dce6ff}.label-teal{background:#e3f5f0;color:#237967;border-color:#ceece2}.label-amber{background:#fff4df;color:#976316;border-color:#f1e3be}.label-red{background:#fdebf0;color:#b33e5b;border-color:#f5d6df}.label-violet{background:#f0eafa;color:#7854a5;border-color:#e5d8f5}.chat-labels{padding:8px 18px;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0}.chat-labels small{font-size:10px;color:#8190a8}.chat-labels button{height:26px;font-size:10px;margin-left:auto;padding:0 8px}.chat-labels button .icon{width:12px;height:12px}.compact{margin-top:7px}.compact:empty{display:none}.compact .client-tag{font-size:9px;padding:3px 5px}.filters{flex-wrap:wrap;align-items:center;padding:10px 14px;gap:6px}.filters button{font-size:10px;height:27px;padding:0 7px}.filters button .icon{width:12px;height:12px}.filter-summary{font-size:10px;line-height:1.6;color:#4d6596;background:#f1f5ff;padding:7px 14px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.label-choices{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.label-choice{display:flex;align-items:center;gap:7px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:#fbfcff}.label-choice:has(input:checked){border-color:#85a3ed;background:#f0f4ff}.label-choice input{accent-color:var(--blue);margin:0}.label-choice .client-tag{border:0}.config-tabs{display:flex;gap:5px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:8px;flex-wrap:wrap}.config-tabs button{font-size:12px;background:transparent;border-color:transparent;box-shadow:none}.config-tabs .selected{background:#e7edff;border-color:#d4dfff;color:#2657ca}.tag-count{display:block;color:#7d8ba3;font-size:11px;margin-top:6px}.config-description{display:block;color:#77869d;font-size:12px;line-height:1.6;margin-top:6px}.pending-badge{font-size:10px;background:#fff1dd;color:#98661c;border-radius:6px;padding:5px 8px;flex-shrink:0}.card>.hint{font-size:12px;line-height:1.7;color:#7d8ba3;margin-bottom:12px}.card .controls button{height:30px;font-size:11px}.adminmain .settings-row>span:first-child{flex:1}.config-tabs+ .viewhead h1{font-size:23px}@media(max-width:600px){.chat-labels{padding:7px 12px}.config-tabs{margin-bottom:18px}.config-tabs button{font-size:10px;padding:0 7px;height:32px}.pending-badge{max-width:95px;text-align:center}.config-description{font-size:11px}.label-choice{padding:6px}.tag-count{font-size:10px}}
/* Pale blue glass navigation and compact urgency cards. */
.nav{background:linear-gradient(145deg,#f6f9ffed,#dee7f2e8);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);color:#536981;border-right:1px solid #ffffffd9;box-shadow:inset 1px 0 0 #ffffffaa,inset -1px 0 0 #d2ddec66}.nav .workspace{color:#28435f}.nav .workspace+small{color:#71849b}.nav .label{color:#72869e}.navitem{color:#526b87;background:transparent}.navitem:hover:not(:disabled){background:#ffffff70}.navitem.active{background:#ffffffb8;border:1px solid #ffffffed;color:#285bb6;box-shadow:0 3px 12px #3c5a8310,inset 0 1px 0 #fff}.navitem b{background:#dce7fa;color:#416aa7}.nav .presence{border-color:#bfcede88}.nav .who strong{color:#365370}.nav .who small{color:#71869e}.nav .avatar{background:#dbe6f6;color:#4a6b96}.nav-brand{box-shadow:0 3px 7px #b72c4420}.shell.menu-open .nav{background:linear-gradient(145deg,#f3f7ffef,#dde6f3f2);backdrop-filter:blur(24px)}
.contact{min-height:0!important;padding:10px 11px 10px 9px!important;gap:8px;border-left:3px solid transparent;transition:background-color .15s;align-items:flex-start}.contact .avatar{width:30px;height:30px;border-radius:10px;font-size:11px}.contact .row{gap:6px;align-items:baseline}.contact strong{font-size:11px;line-height:1.35}.contact .contact-time{font-size:8px;color:#7c8da1;white-space:nowrap}.contact p{margin-top:4px;font-size:10px;line-height:1.5}.contact .meta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;margin-top:6px;align-items:center}.contact .meta .chip{font-size:8px;padding:3px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:max-content;max-width:100%}.contact .contact-channel{font-size:8px;max-width:46px;overflow:hidden;text-overflow:ellipsis}.contact .compact{margin-top:5px;gap:4px;flex-wrap:nowrap;overflow:hidden;max-height:19px}.contact .compact .client-tag{font-size:8px;padding:2px 4px;white-space:nowrap;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.contact[data-wait-level=green]{border-left-color:#36b38a;background:#f3fbf8}.contact[data-wait-level=amber]{border-left-color:#e2a23a;background:#fff9ed}.contact[data-wait-level=red]{border-left-color:#df6679;background:#fff1f3}.contact.active{box-shadow:inset 0 0 0 1px #4673c23d}.contact.active strong{color:#28568e}.contact[data-wait-level=none]{background:#fff;border-left-color:transparent}.contact[data-wait-level=none].active{background:#edf3fc}.wait-clock{font-size:8px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;color:#7990a2}.wait-clock:empty{display:none}.wait-clock:not(:empty):before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.contact[data-wait-level=green] .wait-clock{color:#258668}.contact[data-wait-level=amber] .wait-clock{color:#a47522}.contact[data-wait-level=red] .wait-clock{color:#bd4358}.wait-legend{display:flex;align-items:center;gap:8px}.wait-legend:before{content:'';width:9px;height:9px;border-radius:50%;background:currentColor}.wait-legend.green{color:#26896c}.wait-legend.amber{color:#a57825}.wait-legend.red{color:#c74d62}
.stamp{align-items:center;gap:5px;min-height:15px}.message-receipt{display:inline-flex!important;align-items:center;justify-content:center;gap:3px;width:22px!important;min-width:22px;height:15px!important;padding:0!important;border:0;background:transparent;box-shadow:none;vertical-align:middle;border-radius:4px}.message-receipt:hover{background:#e4edf6}.message-receipt i{width:4px;height:4px;border-radius:50%;border:1px solid #9cacbf;display:block;background:transparent}.receipt-unknown i:last-child,.receipt-pending i:last-child,.receipt-sent i:last-child,.receipt-failed i:last-child{display:none}.receipt-sent i{background:#6b8bb8;border-color:#6b8bb8}.receipt-delivered i{background:#829ab8;border-color:#829ab8}.receipt-read i{background:#0ca77b;border-color:#0ca77b;box-shadow:0 0 3px #0ca77b35}.receipt-failed i{background:#d45f70;border-color:#d45f70}.message-receipt:disabled{opacity:1;cursor:default}.receipt-unknown i{border-style:dotted}
.toolbar{gap:3px;padding:6px 9px}.toolbar .iconbtn,.toolbar .micro{width:27px;height:27px;min-width:27px;flex:0 0 27px;padding:5px;border-radius:8px;background:#edf2fa90;transition:background-color 140ms ease-out,box-shadow 140ms ease-out,transform 140ms cubic-bezier(.2,.8,.2,1);position:relative}.toolbar .iconbtn .icon,.toolbar .micro .icon{width:15px;height:15px}.toolbar .micro{font-size:0;gap:0}.toolbar .iconbtn:after,.toolbar .micro:after{content:'';position:absolute;inset:-3px}.toolbar .iconbtn:hover:not(:disabled),.toolbar .micro:hover:not(:disabled){background:#e0e9fa;box-shadow:0 2px 6px #315b9f12;transform:translateY(-1px)}.toolbar .iconbtn:active:not(:disabled),.toolbar .micro:active:not(:disabled){transform:scale(.91);transition-duration:70ms}.toolbar [data-action=emoji][aria-expanded=true]{background:#dce7fc;color:#285dc2}.toolbar .micro{color:#5d7597}.toolbar .micro:hover{color:#315c9c}.emoji{transform-origin:26px bottom;bottom:145px;width:272px;border-radius:13px;border:1px solid #dce5f3;box-shadow:0 10px 35px #233e6c23;background:#fffffffa}.emoji[data-open=true]{animation:emoji-reveal 170ms cubic-bezier(.16,1,.3,1)}.emoji h3{font-size:12px}.emojigrid{gap:4px}.emojigrid button{font-size:22px;border-radius:7px;transition:background-color 120ms ease-out,transform 120ms ease-out}.emojigrid button:hover{background:#edf3fd;transform:scale(1.1)}.emojigrid button:active{transform:scale(.95)}@keyframes emoji-reveal{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(pointer:coarse){.toolbar{gap:6px}.toolbar .iconbtn,.toolbar .micro{width:30px;height:30px;min-width:30px;flex-basis:30px}}@media(prefers-reduced-motion:reduce){.emoji[data-open=true]{animation:none}.toolbar .iconbtn:hover:not(:disabled),.toolbar .micro:hover:not(:disabled),.toolbar .iconbtn:active:not(:disabled),.toolbar .micro:active:not(:disabled),.emojigrid button:hover,.emojigrid button:active{transform:none}}
.context-search{padding:12px 14px 14px;background:#f8faffb0;border-bottom:1px solid var(--line)}.context-search label{font-size:11px;font-weight:600;margin:0 0 8px;color:#415a7e}.context-search .search{margin:0;height:33px;background:#fff}.context-search>small{display:block;font-size:9px;line-height:1.5;color:#7c8ca4;margin-top:7px}.global-results{max-height:230px;overflow:auto;overscroll-behavior:contain}.search-hint{font-size:10px;line-height:1.5;color:#8594ac;margin-top:9px}.global-result{width:100%;height:auto;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;text-align:left;gap:4px;padding:10px;margin:7px 0 0;background:#fff;border:1px solid #dce5f4;border-radius:9px;white-space:normal;line-height:1.4}.global-result:hover{background:#f0f5ff}.global-result strong{font-size:11px;color:#34567e}.global-result span,.global-result small{font-size:9px;color:#8190a8;font-weight:400}.global-result b{font-size:9px;color:#54729f;font-weight:600}.listhead .all-search-button{height:27px;font-size:9px;gap:4px;padding:0 6px;flex-shrink:0}.all-search-button .icon{width:12px;height:12px}.listhead h2{gap:6px;flex-wrap:wrap}.readonly-banner{padding:14px 18px;border-top:1px solid #d6e2f4;background:#edf3fd;font-size:12px;color:#637da1;line-height:1.6;flex-shrink:0}.message{display:flex;align-items:flex-end;gap:7px;max-width:92%}.message.out{flex-direction:row-reverse}.message-body{min-width:0;max-width:100%}.message-sender{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;border:1px solid #dce5f2;margin-bottom:19px;cursor:help;outline-offset:2px;box-shadow:inset 0 1px 0 #fff9}.message-sender svg{width:15px;height:15px}.sender-client{color:#7085a5;background:#fff}.sender-team{color:#2f679d;background:#e5eefb}.message-sender:focus-visible{outline:2px solid #477cce}.message .stamp{font-size:8px}.message .bubble audio{max-width:100%}@media(max-width:600px){.message{gap:5px;max-width:98%}.message-sender{width:21px;height:21px;flex-basis:21px;border-radius:7px}.message-sender svg{width:13px;height:13px}.readonly-banner{padding:12px;font-size:11px}.listhead .all-search-button{font-size:10px}.context-search .global-results{max-height:210px}}
.nav .navigation-search{margin-top:18px!important;background:#ffffff7d;border:1px solid #ffffffc9;color:#496c9e;font-weight:500}.search-window{padding:0;border:0;background:transparent;margin-top:18px}.search-window .search{height:40px}.search-window .global-results{max-height:min(400px,50dvh);padding-right:3px}.search-group-title{display:flex;align-items:center;gap:7px;font-size:12px;color:#466086;margin:17px 0 8px}.search-group-title small{font-size:10px;background:#e9f0fc;border-radius:5px;padding:2px 5px;color:#6a83aa}.contact-result{background:#f8faff}.client-conversations>p{font-size:10px;color:#8393aa;margin-bottom:9px}.client-episode[aria-current=true]{border-color:#9db8e5;background:#f0f5ff}.client-episode{padding:9px}.client-episode strong{font-size:10px}.listhead{padding-bottom:16px}
#modal .search-window .search{width:100%;height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #dce4f1;border-radius:10px;background:#f9fbff;box-shadow:none;transition:border-color 140ms ease-out,box-shadow 140ms ease-out}#modal .search-window .search:focus-within{border-color:#6f94e5;background:#fff;box-shadow:0 0 0 3px #255de110}#modal .search-window .search>.icon{width:17px;height:17px;color:#8193b0;flex:0 0 17px}#modal .search-window input[type=search],#modal .search-window input[type=search]:focus,#modal .search-window input[type=search]:focus-visible{appearance:none;-webkit-appearance:none;display:block;flex:1 1 0;width:0;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;font-size:13px;line-height:normal;color:#304d76}#modal .search-window input[type=search]::placeholder{color:#8a9bb3}#modal .search-window input[type=search]::-webkit-search-decoration{-webkit-appearance:none}#modal .search-window input[type=search]::-webkit-search-cancel-button{cursor:pointer;margin-left:8px}
/* Bounded search: navigation never grows with the number of clients. */
#modal.search-dialog{width:460px;height:500px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:20px;overflow:hidden}
#modal.search-dialog[open]{display:flex;flex-direction:column}
#modal.search-dialog h2{font-size:17px;flex-shrink:0;margin:0 0 12px}
#modal.search-dialog form{display:flex;flex-direction:column;flex:1;min-height:0}
#modal.search-dialog .search-window{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}
#modal.search-dialog .search-window>.search{flex-shrink:0;height:40px}
#modal.search-dialog .search-window>small{font-size:10px;line-height:1.5;margin:7px 0}
#modal.search-dialog .global-results{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;overflow:hidden}
.search-tabs{display:flex;gap:5px;padding-bottom:8px;flex-shrink:0}
#modal .search-tabs button{height:31px;padding:0 10px;border:0;border-radius:8px;background:#f1f4f9;color:#62748f;font-size:11px}
#modal .search-tabs button[aria-pressed=true]{background:#e7efff;color:#2459c1}
.search-tabs span{margin-left:4px;font-size:10px;opacity:.75}
.search-result-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#modal .search-result-list .global-result{padding:8px 10px;margin:0 0 5px;border-radius:9px;gap:2px}
#modal .search-result-list .global-result strong{font-size:11px}
#modal .search-result-list .global-result span,#modal .search-result-list .global-result small{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.search-pagination{display:flex;align-items:center;gap:5px;padding-top:8px;border-top:1px solid #e8edf5;flex-shrink:0}
.search-pagination>span{margin-right:auto;font-size:10px;color:#6b7d97}
#modal .search-pagination button{width:28px;height:28px;min-width:28px;padding:0;border-radius:8px;font-size:20px}
#modal .search-pagination button:disabled{opacity:.35;cursor:default}
#modal.search-dialog .buttons{margin-top:10px;padding-top:0;flex-shrink:0}
#modal.search-dialog .buttons button{height:32px;padding:0 16px;font-size:11px}
#modal.search-dialog .error:empty{display:none}
/* GBC frost: pale blue-gray material for dialogs and compact search. */
#modal{background:linear-gradient(145deg,rgba(246,250,254,.98),rgba(229,238,246,.97));border:1px solid rgba(255,255,255,.94);box-shadow:0 28px 80px #213e6030,inset 0 1px 0 #fff;border-radius:20px;color:#2c4662;backdrop-filter:blur(24px)}
#modal::backdrop{background:rgba(37,57,82,.22);backdrop-filter:blur(5px)}
#modal.search-dialog{width:480px;height:514px;padding:22px}
#modal.search-dialog h2{font-size:17px;font-weight:700;letter-spacing:-.35px;margin-bottom:17px;color:#284560}
#modal.search-dialog h2 button{width:28px;height:28px;padding:0;border:1px solid #dbe5ee;background:#f7fafca6;border-radius:50%;color:#75899d;font-size:16px;box-shadow:0 2px 5px #415c7610}
#modal.search-dialog .search-window>label{font-size:11px;color:#546e88;font-weight:600;margin-bottom:6px}
#modal.search-dialog .search-window>.search{height:43px;background:#ffffffbf;border-color:#d1deea;border-radius:12px;box-shadow:inset 0 1px 3px #6684a00a,0 2px 4px #fff5}
#modal.search-dialog .search-window>small{color:#6b8196;font-size:10px;margin:9px 0 13px}
#modal.search-dialog .search-tabs{padding:4px;margin-bottom:11px;background:#dce6ef91;border:1px solid #d7e2ec;border-radius:11px;gap:3px}
#modal.search-dialog .search-tabs button{flex:1;height:31px;background:transparent;border-radius:8px;color:#617b94;font-weight:600;transition:background .16s,box-shadow .16s,color .16s}
#modal.search-dialog .search-tabs button[aria-pressed=true]{background:#fdfefe;color:#345d85;box-shadow:0 2px 5px #34567416,inset 0 1px 0 #fff}
#modal.search-dialog .search-tabs span{background:#e5edf5;padding:2px 5px;border-radius:5px;color:#607e9b;font-size:9px}
#modal.search-dialog .search-result-list{padding-right:3px;scrollbar-width:thin;scrollbar-color:#b8cbdd transparent}
#modal.search-dialog .search-result-list .global-result{position:relative;min-height:60px;padding:9px 12px 9px 49px;background:#fafdffb8;border:1px solid #d8e4ee;border-radius:12px;margin-bottom:6px;box-shadow:0 2px 3px #56789505;transition:background .16s,border-color .16s,box-shadow .16s;text-align:left}
#modal.search-dialog .search-result-list .global-result::before{content:attr(data-initials);position:absolute;left:10px;top:12px;width:29px;height:29px;display:grid;place-items:center;background:linear-gradient(145deg,#e0ebf7,#d4e2ee);border:1px solid #cbdcea;border-radius:10px;color:#52789d;font-size:10px;font-weight:700}
#modal.search-dialog .search-result-list .global-result:hover{background:#fff;border-color:#a8c2dc;box-shadow:0 3px 9px #456e9310}
#modal.search-dialog .search-result-list .global-result strong{color:#2e4c69;font-size:11px;font-weight:700;line-height:1.3}
#modal.search-dialog .search-result-list .global-result span{color:#607e99;font-size:10px;line-height:1.3}
#modal.search-dialog .search-result-list .global-result small{color:#778ba0;font-size:9px;line-height:1.4}
#modal.search-dialog .search-pagination{border-color:#d4e0eb;padding-top:10px;margin-top:5px}
#modal.search-dialog .search-pagination>span{color:#6a8299;font-size:10px}
#modal.search-dialog .search-pagination button{background:#f8fbfe;border:1px solid #cedeea;color:#4f7294;border-radius:9px;box-shadow:0 2px 3px #456e9308}
#modal.search-dialog .buttons{margin-top:12px}
#modal.search-dialog .buttons .primary{background:#4a739c;border:1px solid #426b94;box-shadow:0 3px 8px #40698e20;border-radius:10px;color:#fff;min-width:80px}
#modal.search-dialog .buttons .primary:hover{background:#3b638b}
#modal.search-dialog .search-hint{padding:25px 15px;text-align:center;color:#6c849a;font-size:12px;line-height:1.6}
@media(prefers-reduced-motion:reduce){#modal.search-dialog .search-tabs button,#modal.search-dialog .global-result{transition:none}}
#modal.history-dialog{width:470px;height:560px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:20px;overflow:hidden}
#modal.history-dialog[open],#modal.history-dialog form,.history-body{display:flex;flex-direction:column;min-height:0}
#modal.history-dialog h2{font-size:17px;margin:0 0 8px;flex-shrink:0}
#modal.history-dialog form,.history-body{flex:1}
.history-client{font-size:11px;color:#647d96;margin:0 0 14px}
.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex-shrink:0}
.history-stats>div{background:#f7fafdd9;border:1px solid #d6e2ec;border-radius:11px;padding:9px 4px;display:flex;flex-direction:column;text-align:center;gap:3px}
.history-stats strong{font-size:18px;color:#476987}.history-stats span{font-size:10px;color:#607b94}.history-stats .won strong{color:#168064}.history-stats .lost strong{color:#bc5268}
.history-total{margin:10px 0;padding:10px 12px;border-radius:11px;background:#dce8f37d;border:1px solid #d1e0ed;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.history-total span{font-size:10px;color:#637e97}.history-total strong{font-size:13px;color:#355c7f}.history-total small{font-size:9px;color:#6f859a}
.history-list{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#b8cbdd transparent;padding-right:3px}
#modal .history-row{display:flex;flex-direction:column;width:100%;height:auto;text-align:left;gap:4px;padding:10px 12px;margin-bottom:6px;border:1px solid #d4e1ec;background:#fafdffbf;border-radius:11px;color:#3b5c7a;white-space:normal}
.history-row>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-row strong{font-size:11px}.history-row small{font-size:10px;color:#6f8397}.history-view{font-size:9px;color:#517caa;margin-top:3px}.outcome{font-size:9px;border-radius:6px;padding:3px 6px;background:#e6edf4;color:#5a7793}.outcome.won{background:#dff3eb;color:#23795e}.outcome.lost{background:#f8e5eb;color:#b04e67}
#modal .history-row:hover{background:#fff;border-color:#9bbbd7}
#modal.history-dialog .buttons{flex-shrink:0;margin-top:10px}#modal.history-dialog .buttons button{height:32px;font-size:11px}#modal.history-dialog .error:empty{display:none}
.client-conversations>button{width:100%;justify-content:center;border-radius:10px;background:#edf3f9;border:1px solid #cbdcec;color:#466c92;font-size:11px}
.sale-fields{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px}.sale-fields>div{min-width:0}
#modal.history-dialog{height:auto;max-height:min(560px,calc(100dvh - 32px))}
#modal.history-dialog .history-list{flex:0 1 auto;max-height:230px;min-height:64px}
#modal.history-dialog .history-row{align-items:stretch;justify-content:flex-start}
#modal.history-dialog .history-row>div{width:100%}
#modal.history-dialog .history-view{align-self:flex-start}
#modal.history-dialog .buttons .primary{background:#4a739c;border-color:#426b94;border-radius:10px}
#modal.history-dialog{height:420px;max-height:calc(100dvh - 32px)}
#modal.history-dialog .history-list{flex:1;max-height:none;min-height:0}

/* Preview attachments before the explicit Send action. */
.attachment-preview img{display:block;max-width:180px;max-height:140px;object-fit:contain;margin-top:8px;border-radius:9px}
.attachment-preview audio{display:block;max-width:100%;margin-top:8px}

.coverage-summary{display:grid;gap:4px;min-width:0;font-size:12px;line-height:1.4}
.coverage-summary strong{font-size:13px;font-weight:650}
.coverage-summary span{color:var(--muted,#617187);overflow-wrap:anywhere}