/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/styles.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
:root { color-scheme: light; font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif; --primary: #229ed9; --primary-dark: #1677b5; --accent: #54a9eb; --shell: #edf5fb; --soft: #f3f8fc; --card: #fff; --ink: #243746; --muted: #718494; --border: #d6e6f2; --shadow: 0 14px 34px rgba(22, 119, 181, .12); }
* { box-sizing: border-box; } body { min-height: 100vh; margin: 0; color: var(--ink); background: var(--shell); } button, input { font: inherit; } button { border: 0; border-radius: .75rem; padding: .8rem 1.1rem; background: var(--primary); color: #fff; font-weight: 750; cursor: pointer; transition: .2s; } button:hover { background: var(--primary-dark); transform: translateY(-1px); } button:disabled { opacity: .65; cursor: wait; transform: none; } input { width: 100%; padding: .8rem .9rem; border: 1px solid var(--border); border-radius: .7rem; color: var(--ink); outline: none; } input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(34,158,217,.14); } h1 { color: var(--primary-dark); letter-spacing: -.035em; } form { display: grid; grid-gap: 1rem; gap: 1rem; margin-top: 1.5rem; } label { display: grid; grid-gap: .42rem; gap: .42rem; color: var(--primary-dark); font-size: .86rem; font-weight: 750; } .eyebrow { margin-bottom: .45rem; color: var(--primary); font-size: .72rem; font-weight: 800; letter-spacing: .13em; } .status { min-height: 1.4rem; color: var(--muted); font-size: .92rem; }
.password-field { position: relative; display: flex; align-items: center; }
.password-field input { padding-right: 6.5rem; }
.password-toggle { position: absolute; right: .35rem; padding: .45rem .6rem; border-radius: .5rem; background: #e5f3ff; color: var(--primary-dark); font-size: .72rem; font-weight: 750; }
.password-toggle:hover { background: var(--primary-dark); color: #fff; }
.login-page, .chat-page { display: grid; min-height: 100vh; place-items: center; padding: 2rem; background: radial-gradient(circle at top left, #d8efff 0, transparent 32rem), var(--shell); } .login-card, .chat-card, .inbox-card { border: 1px solid rgba(214,230,242,.9); border-radius: 1.25rem; background: var(--card); box-shadow: var(--shadow); } .login-card { width: min(27rem, 100%); padding: 2.5rem; } .login-card > p:not(.eyebrow):not(.status) { color: var(--muted); }
.chat-card { width: min(44rem, 100%); padding: 2rem; } .transcript { display: grid; min-height: 21rem; max-height: 52vh; grid-gap: .8rem; gap: .8rem; overflow-y: auto; margin: 1.5rem 0; padding: 1rem; border: 1px solid var(--border); border-radius: 1rem; background: var(--soft); } .bubble { width: -moz-fit-content; width: fit-content; max-width: 82%; margin: 0; padding: .8rem 1rem; border-radius: 1rem 1rem 1rem .25rem; line-height: 1.45; box-shadow: 0 2px 5px rgba(11,79,79,.06); } .bubble.inbound { justify-self: end; border-radius: 1rem 1rem .25rem 1rem; background: var(--primary); color: #fff; } .bubble.outbound { background: #fff; } .composer { grid-template-columns: 1fr auto; align-items: center; margin: 0; }
.inbox-page { min-height: 100vh; padding: 4rem 1.5rem; background: radial-gradient(circle at top right, #d8efff 0, transparent 35rem), var(--shell); } .inbox-card { width: min(52rem, 100%); margin: auto; padding: 2rem; } .queue { display: grid; grid-gap: .75rem; gap: .75rem; margin: 1.5rem 0; } .queue-item { display: flex; justify-content: space-between; text-align: left; border: 1px solid var(--border); background: var(--soft); color: var(--primary-dark); } .queue-item::after { content: "Take ownership →"; color: var(--accent); font-size: .82rem; } .inbox-card h2 { color: var(--primary-dark); font-size: 1.15rem; }
.inbox-thread { display: grid; grid-gap: .75rem; gap: .75rem; padding-top: 1.5rem; border-top: 1px solid var(--border); }
.agent-transcript { display: grid; max-height: 26rem; grid-gap: .75rem; gap: .75rem; overflow-y: auto; padding: 1rem; border: 1px solid var(--border); border-radius: 1rem; background: var(--soft); }
.workspace-shell{display:flex;min-height:100vh;background:var(--shell)}.workspace-sidebar{width:270px;padding:1.5rem;background:linear-gradient(#fff,#f4f9fd);box-shadow:12px 0 30px #1677b512}.workspace-brand{display:flex;gap:.75rem;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.workspace-brand>span{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#dff1ff;color:var(--primary)}.workspace-brand small,.header-user small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.09em}.workspace-sidebar nav{display:grid;grid-gap:.25rem;gap:.25rem;margin-top:1rem}.workspace-sidebar nav p{margin:1rem .5rem .2rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.1em}.nav-item{background:transparent;color:var(--ink);text-align:left;padding:.7rem}.nav-item.active,.nav-item:hover{background:#e5f3ff;color:var(--primary-dark)}.workspace-sidebar footer{position:fixed;bottom:1.5rem;color:var(--muted);font-size:.82rem}.workspace-main{flex:1 1;min-width:0}.workspace-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.75rem;background:#fff;box-shadow:0 4px 20px #1677b512}.workspace-header h1{margin:0;font-size:1.45rem}.header-user{display:flex;gap:.6rem;align-items:center}.header-user i{width:.55rem;height:.55rem;border-radius:50%;background:#21c97a}.header-user button,.secondary{background:#e5f3ff;color:var(--primary-dark);padding:.5rem .7rem}.inbox-grid{display:grid;grid-template-columns:260px minmax(360px,1fr) 280px;height:calc(100vh - 82px)}.conversation-list,.customer360{overflow:auto;background:#fff;border-right:1px solid var(--border)}.customer360{border-right:0;border-left:1px solid var(--border);padding:1.25rem}.conversation-list section+section{border-top:6px solid var(--soft)}.conversation-list h2{display:flex;justify-content:space-between;margin:0;padding:1rem;font-size:.9rem}.conversation-list h2 span{padding:.05rem .45rem;border-radius:99px;background:#e5f3ff;color:var(--primary)}.conversation-item{display:grid;grid-gap:.2rem;gap:.2rem;width:100%;border-radius:0;background:#fff;color:var(--ink);text-align:left;border-top:1px solid var(--border)}.conversation-item:hover{background:#f4f9fd}.conversation-item small{color:var(--muted)}.conversation-item .channel-type{display:block;font-size:.6rem;font-weight:400;color:var(--muted)}.conversation-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.15rem}.conversation-meta .entry-time{font-size:.6rem;color:var(--muted);font-weight:400}.conversation-meta .timer-box{background:rgba(255,165,0,.12);padding:.1rem .35rem;border-radius:.3rem;font-size:.6rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#b87200;white-space:nowrap}.conversation-item em{font-size:.7rem;color:var(--accent);font-style:normal}.thread-pane{display:flex;flex-direction:column;min-width:0}.thread-header{display:flex;justify-content:space-between;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid var(--border)}.thread-header small{display:block;color:var(--muted)}.thread-stream{flex:1 1;overflow:auto;display:grid;align-content:start;grid-gap:.75rem;gap:.75rem;padding:1.25rem;background:#eef6fb}.agent-composer{grid-template-columns:1fr auto;margin:0;padding:1rem;background:#fff;border-top:1px solid var(--border)}.customer360 h2{font-size:1.2rem}.customer360 dt{margin-top:.7rem;color:var(--muted);font-size:.72rem}.customer360 dd{margin:.1rem 0}.customer360 .secondary{width:100%;margin-top:.75rem}.empty-thread{margin:auto;color:var(--muted)}@media(max-width:900px){.workspace-sidebar{width:70px}.workspace-brand div,.workspace-sidebar nav p,.nav-item{font-size:0}.workspace-sidebar footer{display:none}.inbox-grid{grid-template-columns:220px 1fr}.customer360{display:none}}@media(max-width:650px){.workspace-sidebar,.conversation-list{display:none}.inbox-grid{grid-template-columns:1fr}.workspace-header{padding:1rem}.header-user div{display:none}}
@media (max-width: 560px) { .login-page, .chat-page { padding: 1rem; } .login-card, .chat-card, .inbox-card { padding: 1.4rem; } .inbox-page { padding: 1.5rem 1rem; } .composer { grid-template-columns: 1fr; } }
.soft-modal-backdrop { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:1.5rem; background:rgba(22,119,181,.18); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.soft-modal { width:min(31rem,100%); display:grid; grid-template-columns:auto 1fr; grid-gap:1rem; gap:1rem; align-items:start; padding:1.5rem; border:1px solid #d6e6f2; border-radius:1.15rem; background:#fff; box-shadow:0 20px 55px rgba(22,119,181,.2); animation:soft-modal-in .18s ease-out; }
.soft-modal-icon { display:grid; place-items:center; width:2.5rem; height:2.5rem; border-radius:50%; background:#e5f3ff; color:var(--primary-dark); font-weight:800; font-size:1.2rem; }
.soft-modal h2 { margin:.15rem 0 .45rem; color:var(--primary-dark); font-size:1.12rem; }
.soft-modal p:not(.eyebrow) { margin:0; color:var(--muted); line-height:1.5; }
.soft-modal button { grid-column:2; justify-self:end; padding:.55rem .85rem; }
.thread-actions{display:flex;gap:.5rem;align-items:center}.ticket-list{margin-top:1.3rem;padding-top:1rem;border-top:1px solid var(--border)}.ticket-list h3{display:flex;justify-content:space-between;margin:0 0 .6rem;font-size:.92rem}.ticket-list h3 span{padding:.05rem .45rem;border-radius:99px;background:#e5f3ff;color:var(--primary)}.ticket-card{display:grid;width:100%;grid-gap:.22rem;gap:.22rem;margin:.45rem 0;padding:.65rem;border:1px solid var(--border);border-radius:.7rem;background:#f8fbfd;color:var(--ink);text-align:left}.ticket-card:hover{background:#eaf6ff}.ticket-card small,.ticket-card em{color:var(--muted);font-size:.75rem;font-style:normal}.ticket-modal{width:min(34rem,100%);max-height:calc(100vh - 3rem);overflow:auto;padding:1.5rem;border:1px solid #d6e6f2;border-radius:1.15rem;background:#fff;box-shadow:0 20px 55px rgba(22,119,181,.2);animation:soft-modal-in .18s ease-out}.ticket-modal header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.ticket-modal h2{margin:.15rem 0;color:var(--primary-dark);font-size:1.2rem}.ticket-modal header button{padding:.5rem .7rem}.ticket-modal select,.ticket-modal textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--border);border-radius:.7rem;color:var(--ink);font:inherit;background:#fff}.ticket-modal textarea{min-height:7rem;resize:vertical}.ticket-modal select:focus,.ticket-modal textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(34,158,217,.14)}.ticket-modal dl{display:grid;grid-gap:.3rem;gap:.3rem;margin:1.25rem 0}.ticket-modal dt{color:var(--muted);font-size:.74rem}.ticket-modal dd{margin:0 0 .55rem;white-space:pre-wrap}
.conversation-tools{display:grid;grid-gap:.7rem;gap:.7rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--border)}.conversation-tools select{width:100%;padding:.65rem;border:1px solid var(--border);border-radius:.7rem;background:#fff}.internal-note{display:grid;grid-gap:.25rem;gap:.25rem;margin:.2rem 0;padding:.75rem;border:1px dashed #9bc8e8;border-radius:.75rem;background:#eaf6ff;color:var(--ink);font-size:.84rem}.internal-note b{color:var(--primary-dark);font-size:.72rem}.attachment{display:block;margin-top:.55rem}.media-thumb{display:block;width:min(14rem,100%)}.media-thumb img{display:block;width:100%;max-height:14rem;object-fit:cover;border-radius:.65rem;border:1px solid rgba(255,255,255,.5)}.media-file{display:inline-block;padding:.45rem .6rem;border-radius:.55rem;background:rgba(255,255,255,.75);color:var(--primary-dark);font-size:.82rem;text-decoration:none}.file-input{display:none}.agent-composer{grid-template-columns:1fr auto auto}.composer{grid-template-columns:1fr auto auto}.thread-actions button{white-space:nowrap}
.dashboard-page{padding:1.5rem;overflow:auto}.dashboard-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin:0 0 1.25rem}.dashboard-filters label{min-width:10rem}.dashboard-filters select{padding:.7rem;border:1px solid var(--border);border-radius:.7rem;background:#fff}.dashboard-filters button{padding:.7rem .85rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem;gap:1rem}.metric-card,.dashboard-card{padding:1rem;border:1px solid var(--border);border-radius:1rem;background:#fff;box-shadow:0 5px 18px rgba(22,119,181,.06)}.metric-card small{display:block;color:var(--muted);font-size:.72rem;font-weight:800}.metric-card strong{display:block;margin-top:.4rem;color:var(--primary-dark);font-size:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.dashboard-card h2{margin:.1rem 0 .8rem;color:var(--primary-dark);font-size:1rem}.dashboard-card h2:not(:first-child){margin-top:1.4rem}.dashboard-card.wide{grid-column:span 3}.stat-row,.queue-row,.activity-row{display:flex;justify-content:space-between;gap:.75rem;margin:.5rem 0;padding-bottom:.5rem;border-bottom:1px solid var(--soft);font-size:.85rem}.queue-row span,.activity-row span{display:grid;grid-gap:.12rem;gap:.12rem}.queue-row small,.activity-row small{color:var(--muted);font-size:.72rem}.queue-row em,.activity-row em{color:var(--primary-dark);font-size:.75rem;font-style:normal;white-space:nowrap}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-card.wide{grid-column:span 2}}@media(max-width:650px){.dashboard-page{padding:1rem}.metric-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-card.wide{grid-column:span 1}.dashboard-filters{display:grid}.dashboard-filters label{min-width:0}}
.chart-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.chart-card{min-height:18rem;padding:1.1rem;border:1px solid var(--border);border-radius:1rem;background:#fff;box-shadow:0 5px 18px rgba(22,119,181,.06)}.chart-card header{display:flex;justify-content:space-between;align-items:flex-start}.chart-card h2{margin:.15rem 0;color:var(--primary-dark);font-size:1rem}.chart-card header>b{display:grid;place-items:center;min-width:2.5rem;height:2.5rem;border-radius:.7rem;background:#e5f3ff;color:var(--primary-dark)}.bar-chart{display:flex;height:12rem;gap:.8rem;align-items:flex-end;padding:1rem 0 .2rem;border-bottom:1px solid var(--border)}.bar-column{display:grid;grid-template-rows:1.2rem 1fr 1.5rem;flex:1 1;min-width:0;align-items:end;text-align:center}.bar-column span{color:var(--primary-dark);font-size:.78rem;font-weight:800}.bar-column i{display:block;min-height:.35rem;width:100%;border-radius:.5rem .5rem 0 0;background:linear-gradient(#54a9eb,#1677b5);transition:height .2s}.bar-column small{overflow:hidden;color:var(--muted);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.donut-layout{display:flex;align-items:center;justify-content:center;gap:1.5rem;height:12.5rem}.donut{display:grid;place-items:center;width:9.5rem;height:9.5rem;border-radius:50%;position:relative}.donut:before{position:absolute;inset:1.3rem;border-radius:50%;background:#fff;content:""}.donut span{z-index:1;display:grid;text-align:center;color:var(--primary-dark);font-size:1.15rem;font-weight:800}.donut span small{color:var(--muted);font-size:.65rem;font-weight:600}.donut-legend{display:grid;grid-gap:.55rem;gap:.55rem}.donut-legend p{display:grid;grid-template-columns:.7rem 1fr auto;grid-gap:.4rem;gap:.4rem;align-items:center;margin:0;font-size:.75rem}.donut-legend i{width:.6rem;height:.6rem;border-radius:50%}.donut-legend b{color:var(--primary-dark)}@media(max-width:900px){.chart-grid{grid-template-columns:1fr}.chart-card{min-height:16rem}}@media(max-width:500px){.bar-chart{gap:.35rem}.donut-layout{gap:.75rem}.donut{width:7rem;height:7rem}.donut:before{inset:1rem}.donut-legend p{font-size:.65rem}}
.bar-column i.bar-zero{height:2px!important;min-height:2px;opacity:.35}.donut:before{display:none}.donut svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.donut svg circle{transition:stroke-dasharray .2s}.donut span{position:absolute;padding:.25rem .4rem;border-radius:50%;background:#fff}
.delivery-failure{display:grid;grid-template-columns:1fr auto;grid-gap:.35rem;gap:.35rem;align-items:center;padding:.55rem;border-top:1px solid var(--border);background:#fff7f7}.delivery-failure>button:first-child{display:grid;grid-gap:.2rem;gap:.2rem;padding:0;background:transparent;color:var(--ink);text-align:left}.delivery-failure small{overflow:hidden;color:#a64c4c;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.delivery-failure .secondary{padding:.4rem .55rem;color:#a64c4c;background:#ffe7e7;font-size:.72rem}.delivery-state{display:block;margin-top:.45rem;color:#a64c4c;font-size:.68rem;font-weight:800}.delivery-state.retrying,.delivery-state.queued{color:#9b6a00}
.operations-page{padding:1.5rem;overflow:auto}.directory-search,.ticket-filters{display:flex;gap:.7rem;align-items:center;margin:0 0 1rem}.directory-search input,.ticket-filters input{max-width:28rem}.ticket-filters select,.directory-detail select{padding:.75rem;border:1px solid var(--border);border-radius:.7rem;background:#fff;color:var(--ink);font:inherit}.directory-grid{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(24rem,1.2fr);min-height:calc(100vh - 180px);border:1px solid var(--border);border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(22,119,181,.06)}.directory-list{overflow:auto;border-right:1px solid var(--border)}.directory-list header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.directory-list h2{margin:0;color:var(--primary-dark);font-size:1rem}.directory-list h2 span{margin-left:.35rem;padding:.08rem .45rem;border-radius:99px;background:#e5f3ff;color:var(--primary)}.directory-item{display:grid;width:100%;grid-gap:.25rem;gap:.25rem;padding:.9rem 1rem;border-radius:0;border-bottom:1px solid var(--border);background:#fff;color:var(--ink);text-align:left}.directory-item:hover{background:#f4f9fd}.directory-item small,.directory-item em{color:var(--muted);font-size:.77rem;font-style:normal}.directory-detail{overflow:auto;padding:1.5rem}.directory-detail h2{margin:.1rem 0 1.2rem;color:var(--primary-dark)}.directory-detail h3{margin:1.5rem 0 .6rem;color:var(--primary-dark);font-size:.95rem}.directory-detail dl{display:grid;grid-gap:.3rem;gap:.3rem;margin:0}.directory-detail dt{color:var(--muted);font-size:.74rem}.directory-detail dd{margin:0 0 .55rem}.directory-detail label{max-width:15rem;margin:1rem 0}.prewrap{white-space:pre-wrap}.record-row{display:flex;justify-content:space-between;gap:.75rem;width:100%;margin:.4rem 0;padding:.75rem;border:1px solid var(--border);background:#f8fbfd;color:var(--ink);text-align:left}.record-row span{display:grid;grid-gap:.2rem;gap:.2rem}.record-row small,.record-row em{color:var(--muted);font-size:.75rem;font-style:normal}.record-row em{color:var(--primary-dark)}@media(max-width:700px){.operations-page{padding:1rem}.directory-grid{grid-template-columns:1fr}.directory-list{max-height:22rem;border-right:0;border-bottom:1px solid var(--border)}.directory-search,.ticket-filters{flex-wrap:wrap}.directory-search input,.ticket-filters input{max-width:none}.ticket-filters select{flex:1 1}}
.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.channel-card{padding:1.25rem;border:1px solid var(--border);border-radius:1rem;background:#fff;box-shadow:0 5px 18px rgba(22,119,181,.06)}.channel-card header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.channel-card h2{margin:.1rem 0;color:var(--primary-dark);font-size:1.1rem}.channel-card>p{min-height:2.7rem;color:var(--muted);font-size:.86rem;line-height:1.5}.channel-card dl{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:.6rem;gap:.6rem;margin:1rem 0}.channel-card dt{color:var(--muted);font-size:.78rem}.channel-card dd{margin:0;color:var(--ink);font-size:.8rem;word-break:break-word}.channel-ok,.channel-warning{padding:.3rem .5rem;border-radius:.5rem;font-size:.65rem}.channel-ok{background:#e1f7ec;color:#147346}.channel-warning{background:#fff0d8;color:#a75d00}.channel-note{display:grid;grid-gap:.35rem;gap:.35rem;margin-top:1rem;padding:1rem;border:1px solid #cbe5f7;border-radius:.85rem;background:#f3faff;color:var(--muted);font-size:.84rem;line-height:1.5}.channel-note b{color:var(--primary-dark)}@media(max-width:700px){.channel-grid{grid-template-columns:1fr}}
body.agent-role .workspace-sidebar nav .nav-item:not(.active),body.agent-role .workspace-sidebar nav p:not(:first-child){display:none}
.workspace-sidebar .nav-item{display:flex;align-items:center;gap:.7rem}.workspace-sidebar .nav-item.nested{padding-left:1.25rem}.workspace-sidebar .nav-subgroup{margin-top:.7rem!important;margin-left:1rem!important;font-size:.62rem!important}.workspace-sidebar .nav-icon{display:inline-flex;flex:0 0 1.25rem;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;font-size:1rem;line-height:1;text-align:center}
.report-filters{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end;margin-bottom:1.25rem}.report-filters label{display:grid;grid-gap:.25rem;gap:.25rem;color:var(--muted);font-size:.75rem;font-weight:700}.report-filters input,.report-filters select{min-width:115px}.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.report-bar-chart{min-height:190px}.report-table{display:grid;grid-gap:0;gap:0}.report-table header,.report-table article{display:grid;grid-template-columns:2fr 1.3fr 1.2fr 1.4fr;grid-gap:1rem;gap:1rem;align-items:center;padding:.75rem;border-bottom:1px solid var(--border);font-size:.82rem}.report-table header{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.report-table small{display:block;color:var(--muted)}.report-table em{font-style:normal;color:var(--primary-dark)}@media(max-width:900px){.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-table header,.report-table article{grid-template-columns:1.4fr 1fr 1fr}.report-table>*:nth-child(4){display:none}}
.page-action-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.page-action-header .status{margin:0}.page-action-header small{color:#6b7d93}.agent-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.agent-row>div:first-child{display:grid;grid-gap:4px;gap:4px}.agent-actions{display:flex;align-items:center;gap:8px}.agent-actions .secondary{padding:7px 10px;font-size:12px}.agent-grid{grid-template-columns:minmax(420px,1.7fr) minmax(260px,1fr)}.agent-modal fieldset{border:1px solid #d9e8f7;border-radius:10px;margin:0;padding:12px;display:flex;gap:14px}.agent-modal legend{padding:0 5px;color:#47617b;font-size:13px}.check-option{display:flex!important;align-items:center;gap:8px;color:#30465e!important}.check-option input{width:auto!important}@media(max-width:820px){.agent-grid{grid-template-columns:1fr}.agent-row,.page-action-header{align-items:flex-start;flex-direction:column}.agent-actions{flex-wrap:wrap}}
.template-grid{grid-template-columns:minmax(460px,1.8fr) minmax(260px,1fr)}.template-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.template-row>button{border:0;background:transparent;text-align:left;padding:0;display:grid;grid-gap:5px;gap:5px;min-width:0;flex:1 1;color:#233b56}.template-row>button b,.template-row>button small,.template-row>button em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-row>button small{color:#617b95}.template-row>button em{font-style:normal;font-size:12px;color:#8498ab}.template-preview{border:1px solid #d9e8f7;border-radius:10px;background:#f8fcff;padding:12px}.template-preview p{margin:0 0 8px}.template-preview pre{white-space:pre-wrap;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;color:#36516e}.template-modal{max-width:720px}@media(max-width:820px){.template-grid{grid-template-columns:1fr}.template-row{align-items:flex-start;flex-direction:column}}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.settings-grid .channel-card{display:grid;grid-gap:10px;gap:10px}.settings-grid .channel-card label{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:#47617b}.settings-grid .channel-card input,.settings-grid .channel-card select{width:100%;padding:10px;border:1px solid #cddfee;border-radius:8px;background:#fff;color:#203b57}.settings-grid .channel-card p{font-size:12px;color:#6b7d93;margin:0}@media(max-width:980px){.settings-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}}@media(max-width:620px){.settings-grid{grid-template-columns:1fr}}
.history-table{border:1px solid #dbe8f5;border-radius:12px;overflow:hidden}.history-table>header,.history-table>article{display:grid;grid-template-columns:1.2fr 1fr 1.25fr 1.25fr .9fr auto;grid-gap:12px;gap:12px;align-items:center;padding:13px 16px}.history-table>header{background:#f4f9fe;color:#66819b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.history-table>article{border-top:1px solid #edf3f9;color:#456078;font-size:13px}.history-table article>span:first-child{display:grid;grid-gap:3px;gap:3px;color:#29445e}.history-table small{font-size:11px;color:#8295a8}.history-table em{font-style:normal;font-size:11px;font-weight:700;color:#2576c7}.history-table .secondary{white-space:nowrap;padding:7px 10px;font-size:12px}.history-modal{max-width:720px}.history-transcript{max-height:420px;overflow:auto;display:grid;grid-gap:8px;gap:8px;padding:4px}.history-transcript .bubble small{display:block;margin-top:5px;font-size:10px;opacity:.7}@media(max-width:980px){.history-table{overflow:auto}.history-table>header,.history-table>article{min-width:890px}}
@keyframes soft-modal-in { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:none; } }
/* The shared sidebar is the only visible navigation after authentication. */
body:has(.shared-navigation) .workspace-shell{padding-left:270px}body:has(.shared-navigation) .workspace-shell>.workspace-sidebar{display:none}.shared-navigation{position:fixed!important;inset:0 auto 0 0;z-index:20;display:flex!important;flex-direction:column;box-sizing:border-box;overflow:auto}.shared-navigation nav{flex:1 1}.shared-navigation footer{position:static!important;margin-top:1.5rem}@media(max-width:900px){body:has(.shared-navigation) .workspace-shell{padding-left:70px}.shared-navigation{width:70px!important}.shared-navigation .nav-item{font-size:0}.shared-navigation footer{display:none}}@media(max-width:650px){body:has(.shared-navigation) .workspace-shell{padding-left:0}.shared-navigation{display:none!important}}
.metric-primary{background:linear-gradient(135deg,#1f8bcb,#0d5d94);border:0;box-shadow:0 12px 28px rgba(13,93,148,.22)}.metric-primary small{color:#c9e7fb}.metric-primary strong{color:#fff}.metric-grid{margin-bottom:1.5rem}.directory-list .status{padding:1rem;text-align:center}.command-key{display:inline-flex;max-width:100%;align-items:center;gap:7px;padding:3px 8px;overflow:hidden;border:1px solid #d9e8f7;border-radius:7px;background:#f4f9fe;color:#36516e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.directory-detail dd code.command-key{display:block;margin:.35rem 0 .6rem;overflow:visible;white-space:normal;word-break:break-all;text-overflow:clip}.directory-detail dl,.directory-detail dd{min-width:0}.agent-actions{flex-wrap:wrap}.directory-detail .channel-note + button{margin-top:1.1rem}
.workspace-main:has(.dashboard-grid) .dashboard-grid,.workspace-main:has(.dashboard-grid) .channel-grid,.workspace-main:has(.operations-page) .operations-page{margin-left:1.5rem;margin-right:1.5rem}.workspace-main:has(.dashboard-grid) .dashboard-grid{gap:1.25rem}.workspace-main:has(.dashboard-grid) .channel-grid{gap:1.25rem;margin-top:1.25rem}.workspace-main:has(.dashboard-grid) .channel-card{padding:1.5rem}.workspace-main:has(.dashboard-grid) .channel-card>button{margin-top:1.25rem}.workspace-main:has(.dashboard-grid) .channel-card>button+button{margin-left:.75rem}.workspace-main:has(.operations-page) .operations-page{padding:1.5rem 0 2rem}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.shared-navigation nav{gap:.15rem;margin-top:1.25rem}.shared-navigation .nav-section-header{margin:1.25rem .75rem .45rem;color:#8c9bab;font-size:.7rem;font-weight:700;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}.shared-navigation .nav-section-header:first-child{margin-top:.25rem}.shared-navigation .nav-group{display:grid;grid-gap:.1rem;gap:.1rem;margin-bottom:.6rem}.shared-navigation .nav-group-label{margin:.45rem 0 .15rem;padding-left:.75rem;color:#5b6b7c;font-size:.69rem;font-weight:600;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.shared-navigation .nav-item{display:flex;align-items:center;gap:.75rem;width:100%;min-height:2.65rem;margin:0;padding:.65rem .75rem;border-radius:.75rem;background:transparent;color:#2a3d4f;text-align:left;transition:background-color .18s ease,color .18s ease,transform .18s ease}.shared-navigation .nav-item.nav-level-2{padding-left:2rem}.shared-navigation .nav-item:hover{background:rgba(0,0,0,.04);color:#1677b5;transform:none}.shared-navigation .nav-item.active{background:#ebf3fe;color:#1677b5;font-weight:600}.shared-navigation .nav-item:focus-visible{outline:2px solid #54a9eb;outline-offset:2px}.shared-navigation .nav-icon{display:inline-flex;flex:0 0 1.25rem;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;color:currentColor}.shared-navigation .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-navigation .nav-parent{justify-content:flex-start}.shared-navigation .nav-parent .nav-label{flex:1 1}.shared-navigation .nav-chevron{margin-left:auto;transition:transform .2s ease}.shared-navigation .nav-parent.expanded .nav-chevron{transform:rotate(90deg)}.shared-navigation .nav-submenu{display:grid;grid-gap:.1rem;gap:.1rem;overflow:hidden;max-height:0;opacity:0;transition:max-height .2s ease,opacity .2s ease}.shared-navigation .nav-submenu.open{max-height:12rem;opacity:1}.shared-navigation .nav-submenu[hidden]{display:grid}
@media(max-width:900px){.shared-navigation .nav-section-header,.shared-navigation .nav-group-label,.shared-navigation .nav-label{font-size:0;letter-spacing:0}.shared-navigation .nav-item{justify-content:center;padding:.65rem}.shared-navigation .nav-item.nav-level-2{padding-left:.65rem}.shared-navigation .nav-chevron{display:none}.shared-navigation .nav-group{gap:.1rem}}
.import-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(30rem,1.25fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}.import-workspace{min-width:0}.import-form-card{display:grid;grid-gap:1rem;gap:1rem}.import-form-card h2{margin:0;color:var(--primary-dark);font-size:1.05rem}.import-guidelines{display:grid;grid-gap:1rem;gap:1rem;min-width:0;padding:1.25rem}.import-guidelines-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.import-guidelines-header h2{margin:.1rem 0 0;color:var(--primary-dark);font-size:1.1rem}.import-format-badge{padding:.35rem .55rem;border-radius:.5rem;background:#e5f3ff;color:var(--primary-dark);font-size:.68rem;font-weight:800;white-space:nowrap}.import-guidelines-meta{margin:0;color:var(--muted);font-size:.8rem}.import-callout{display:grid;grid-gap:.2rem;gap:.2rem;padding:.8rem .9rem;border:1px solid #f3d68b;border-radius:.7rem;background:#fff8df;color:#755b17;font-size:.8rem;line-height:1.45}.import-callout strong{color:#9a7411;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.import-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:.75rem}.import-guidelines-table{width:100%;min-width:620px;border-collapse:collapse;background:#fff;font-size:.75rem}.import-guidelines-table th{padding:.65rem .7rem;background:#f4f9fd;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.04em;text-align:left;text-transform:uppercase}.import-guidelines-table td{padding:.65rem .7rem;border-top:1px solid var(--border);vertical-align:top}.import-guidelines-table code{color:var(--primary-dark);font-size:.72rem;font-weight:800}.import-guidelines-table td strong,.import-guidelines-table td small{display:block}.import-guidelines-table td small{margin-top:.2rem;color:var(--muted);line-height:1.35}.import-required,.import-optional{display:inline-block;padding:.22rem .4rem;border-radius:.4rem;font-size:.64rem;font-weight:800;white-space:nowrap}.import-required{background:#e1f7ec;color:#147346}.import-optional{background:#f1f4f7;color:#718494}.import-downloads{display:flex;flex-wrap:wrap;gap:.7rem}.import-downloads .secondary{background:#e5f3ff;color:var(--primary-dark)}
@media(max-width:1100px){.import-layout{grid-template-columns:1fr}.import-guidelines{order:2}.import-workspace{order:1}}@media(max-width:650px){.import-layout{gap:1rem}.import-guidelines{padding:1rem}.import-guidelines-header{display:grid}.import-downloads{display:grid}.import-downloads button{width:100%}}
.channel-card .channel-warning{background:#e8ecf0;color:#687482}
.channel-card .channel-warning{background:#fff0d8;color:#a75d00}.channel-unavailable{padding:.3rem .5rem;border-radius:.5rem;background:#e8ecf0;color:#687482;font-size:.65rem}.secondary:hover,.secondary:focus-visible{background:var(--primary-dark);color:#fff!important}
.collections-table{overflow:auto;border:1px solid #c9d9e8;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(22,119,181,.08)}.collections-table table,.table-shell table{width:100%;min-width:760px;border-collapse:collapse}.collections-table thead,.table-shell thead{background:#1677b5;color:#fff}.collections-table th,.table-shell th{padding:13px 15px;text-align:left;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.collections-table td,.table-shell td{padding:12px 15px;border-top:1px solid #e5edf4;color:#38536b;font-size:13px;vertical-align:middle}.collections-table tbody tr:nth-child(even),.table-shell tbody tr:nth-child(even){background:#f7fbfe}.collections-table tbody tr:hover,.table-shell tbody tr:hover{background:#eaf5fd}.collections-table td:first-child,.table-shell td:first-child{color:#1f587f;font-weight:750}.collections-table td button,.table-shell td button{padding:6px 10px;font-size:12px}.collections-table td button+button,.table-shell td button+button{margin-left:5px}.collections-table .status-badge{display:inline-block;padding:4px 8px;border-radius:6px;background:#e6f3ff;color:#176a9e;font-size:11px;font-weight:750}
.history-table>header,.report-table>header{background:#1677b5;color:#fff}.history-table>header span,.report-table>header span{color:#fff}.directory-list>header{background:#1677b5;color:#fff}.directory-list>header h2{color:#fff}.directory-list>header h2 span{background:#fff;color:#1677b5}.directory-list .directory-item{border-bottom:1px solid #d9e8f4}.directory-list .directory-item:hover{background:#eaf5fd}
.table-shell{overflow:auto;border:1px solid #c9d9e8;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(22,119,181,.08)}
/* Global select/drop-down standard, matching Conversations History filters. */
select{min-height:2.75rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:.7rem;background:#fff;color:var(--ink);font:inherit;line-height:1.2;outline:none;cursor:pointer}select:focus,select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(34,158,217,.14)}select:disabled{background:#f3f7fa;color:#8a9aaa;cursor:not-allowed}label>select{width:100%}.ticket-filters select,.dashboard-filters select{min-width:10rem}.ticket-modal select,.conversation-tools select,.settings-grid .channel-card select{width:100%}
.collection-filter-row{display:grid;min-width:0;flex:1 1;grid-gap:.7rem;gap:.7rem}.collection-filters{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}.collection-filters label{display:grid;min-width:10rem;grid-gap:.3rem;gap:.3rem;color:var(--muted);font-size:.75rem;font-weight:750}.collection-filters input,.collection-filters select{min-height:2.5rem}.member-search{width:min(100%,24rem);min-height:2.5rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:.7rem;background:#fff;color:var(--ink);font:inherit}.member-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(34,158,217,.14);outline:none}@media(max-width:900px){.collection-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.collection-filters label{min-width:0}}@media(max-width:560px){.collection-filters{grid-template-columns:1fr}.page-action-header{align-items:stretch;flex-direction:column}.member-search{width:100%}}