:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f6f8fb}*{box-sizing:border-box}body{margin:0}main:not(.app-main){max-width:72rem;margin:0 auto;padding:3rem 1.5rem}header{display:flex;justify-content:space-between;gap:2rem;align-items:start}header span,small{color:#657089}.app-shell{display:flex;min-height:100vh;background:#f6f8fb}.app-sidebar{position:sticky;top:0;display:flex;width:15rem;height:100vh;flex:0 0 15rem;flex-direction:column;border-right:1px solid #dfe4ec;background:#fff;padding:1rem .75rem}.app-brand{display:flex;align-items:center;gap:.7rem;padding:.25rem .5rem 1.25rem}.app-brand>span:last-child{display:grid;min-width:0;gap:.15rem}.app-brand strong,.app-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-brand-mark{display:grid;width:2.35rem;height:2.35rem;flex:0 0 auto;place-items:center;border-radius:.65rem;background:#2563eb;color:#fff;font-weight:800}.module-navigation{display:grid;gap:.25rem}.module-navigation button{display:flex;min-height:2.75rem;align-items:center;gap:.7rem;border:0;border-radius:.55rem;background:transparent;padding:.6rem .7rem;color:#475569;font-weight:650;text-align:left;cursor:pointer}.module-navigation-mark{display:grid;width:1.55rem;height:1.55rem;place-items:center;border-radius:.4rem;background:#f1f5f9;color:#64748b;font-size:.7rem;font-weight:800}.module-navigation button[aria-current=page]{background:#eff6ff;color:#1d4ed8}.module-navigation button[aria-current=page] .module-navigation-mark{background:#dbeafe;color:#1d4ed8}.module-navigation button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.module-navigation button:disabled{cursor:not-allowed;opacity:.55}.app-sidebar-note{margin:auto .75rem 0;color:#64748b;font-size:.72rem;line-height:1.5}.app-frame{min-width:0;flex:1}.app-topbar{position:sticky;top:0;z-index:20;align-items:center;border-bottom:1px solid #dfe4ec;background:#fffffff0;padding:.75rem 2rem;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}.app-topbar>div:first-child{display:grid;gap:.1rem;min-width:0}.app-topbar>div:first-child strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar span{font-size:.7rem}.app-user{display:flex;align-items:center;gap:1rem;text-align:right}.app-user p{margin:0;font-size:.85rem}.app-user button{border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;color:#334155;cursor:pointer}.app-main{max-width:80rem;margin:0 auto;padding:1.75rem 2rem 3rem}.module-heading{margin-bottom:1.25rem}.module-title{margin:.15rem 0 0;font-size:1.65rem;font-weight:750}.module-content>section:first-child h2:focus{outline:2px solid #2563eb;outline-offset:.25rem}h1{margin:.35rem 0 2rem}section{background:#fff;border:1px solid #dfe4ec;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem}ul{display:grid;gap:.75rem;padding:0;list-style:none}li{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:.75rem 0}li span{color:#657089;font-size:.875rem}.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.overview-heading h2{margin:0}.overview-count{display:grid;min-width:2.2rem;min-height:2.2rem;place-items:center;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:800}.overview-units{margin:1.25rem 0 0;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.overview-units li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;padding:.85rem}.overview-units li>span:nth-child(2){display:grid;min-width:0;gap:.15rem}.overview-units strong,.overview-units small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-unit-mark{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.55rem;background:#dbeafe;color:#1d4ed8;font-weight:800}.overview-role{border-radius:999px;background:#f1f5f9;padding:.25rem .5rem;color:#475569;font-size:.7rem;font-weight:750}form{display:grid;gap:1rem}label{display:grid;gap:.35rem}input,select,button{font:inherit;padding:.65rem .75rem}fieldset{display:grid;gap:.75rem;border:1px solid #dfe4ec}.assignment{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:end}.delivery-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(34rem,calc(100% - 3rem));padding:1.5rem;background:#fff;border:1px solid #aeb8c8;border-radius:.75rem;box-shadow:0 1rem 4rem #17203340}.delivery-dialog output{display:block;overflow-wrap:anywhere;padding:.75rem;margin:1rem 0;background:#f0f3f8;font-family:ui-monospace,monospace}.connections-panel .panel-heading,.connection-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.connections-panel h2,.connections-panel h3{margin-top:0}.connections-description{max-width:48rem;color:#64748b;line-height:1.55}.connection-readonly{border:1px solid #dbe3ef;border-radius:.55rem;background:#f8fafc;padding:.75rem 1rem;color:#475569}.eyebrow{margin:0 0 .25rem;color:#2563eb;font-size:.72rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.connection-status,.connection-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:700;white-space:nowrap}.connection-status-pending{background:#fef3c7;color:#92400e}.connection-status-active{background:#dcfce7;color:#166534}.connection-badge{background:#f1f5f9;color:#475569}.connection-badge-active{background:#dcfce7;color:#166534}.connection-badge-degraded{background:#fef3c7;color:#92400e}.connection-badge-disconnected{background:#fee2e2;color:#b91c1c}.connection-loading{position:relative;display:grid;gap:.65rem;margin-top:1.25rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.65rem;overflow:hidden}.connection-loading span{display:block;height:.8rem;border-radius:999px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7)}.connection-loading span:nth-child(1){width:42%}.connection-loading span:nth-child(2){width:70%}.connection-loading span:nth-child(3){width:55%}.connection-loading p{margin:.25rem 0 0;color:#64748b;font-size:.8rem}.connection-empty{display:flex;align-items:center;gap:.85rem;margin-top:1.25rem;padding:1rem;border:1px dashed #cbd5e1;border-radius:.65rem;background:#f8fafc}.connection-empty p{margin:.2rem 0 0;color:#64748b;font-size:.85rem}.connection-empty-mark{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:.65rem;background:#dcfce7;color:#166534;font-weight:800}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1rem;margin-top:1.25rem}.muted,.connection-note{color:#657089;font-size:.875rem}.connection-card{margin-top:1.25rem;padding:1.25rem;border:1px solid #dfe4ec;border-radius:.65rem;background:#fbfdff}.connection-grid .connection-card{margin-top:0}.connection-form{display:grid;gap:1rem;margin-top:1.25rem;padding:1.25rem;border:1px solid #bfdbfe;border-radius:.65rem;background:#f8fbff}.connection-form h3{margin:0}.connection-form fieldset{display:grid;gap:.5rem}.connection-form fieldset label{display:flex;align-items:center;gap:.5rem}.connection-card-placeholder{border-style:dashed}.connection-card h3{margin-bottom:.35rem}.connection-card p{margin:.25rem 0}.connection-scope{display:inline-flex;margin-top:.85rem!important;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;padding:.25rem .55rem;color:#1d4ed8;font-size:.72rem;font-weight:700}.connection-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin:1.25rem 0}.connection-metadata div{padding:.7rem;border:1px solid #edf0f4;border-radius:.45rem;background:#fff}.connection-metadata dt{color:#657089;font-size:.72rem;font-weight:700;text-transform:uppercase}.connection-metadata dd{margin:.25rem 0 0;overflow-wrap:anywhere}.connection-secret-ok{border-color:#bbf7d0!important;background:#f0fdf4!important}.connection-secret-ok dd{color:#166534;font-weight:650}.connection-secret-missing{border-color:#fecaca!important;background:#fef2f2!important}.connection-secret-missing dd{color:#b91c1c;font-weight:650}.connection-actions{display:flex;flex-wrap:wrap;gap:.6rem}.connection-actions button:first-child{border-color:#2563eb;background:#2563eb;color:#fff;font-weight:650}.connection-actions button:disabled{cursor:not-allowed;opacity:.55}.connection-note{margin-top:1rem!important;line-height:1.5}.connection-prerequisites{margin-top:1rem;padding:1rem;border-left:.25rem solid #93c5fd;background:#eff6ff}.connection-prerequisites ul{margin:.55rem 0 0;gap:.35rem;list-style:disc;padding-left:1.25rem}.connection-prerequisites li{display:list-item;border:0;padding:0}@media(max-width:40rem){.connections-panel .panel-heading,.connection-card-title{display:grid}.connection-metadata{grid-template-columns:1fr}}.inbox{--inbox-primary: #2563eb;--inbox-border: #e2e8f0;--inbox-muted: #64748b;padding:0;overflow:hidden;box-shadow:0 .75rem 2.5rem #0f172a12}.inbox-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--inbox-border)}.inbox-title h2{margin:0;font-size:1.35rem}.inbox-eyebrow{margin:0 0 .2rem;color:var(--inbox-primary);font-size:.72rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.inbox button{border:1px solid var(--inbox-border);border-radius:.5rem;background:#fff;color:#172033;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.inbox button:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc}.inbox button:focus-visible,.inbox select:focus-visible,.inbox textarea:focus-visible{outline:2px solid var(--inbox-primary);outline-offset:2px}.inbox button:disabled{cursor:not-allowed;opacity:.55}.inbox .inbox-refresh,.inbox .reply-composer>button{border-color:var(--inbox-primary);background:var(--inbox-primary);color:#fff;font-weight:650}.inbox-toolbar{display:grid;grid-template-columns:minmax(12rem,1fr) repeat(2,minmax(9rem,.55fr));gap:.8rem;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid var(--inbox-border)}.inbox-toolbar label{color:#475569;font-size:.75rem;font-weight:650}.inbox-toolbar select{min-width:0;border:1px solid #cbd5e1;border-radius:.45rem;background:#fff;color:#0f172a}.inbox>[role=alert],.inbox>[role=status]{margin:.75rem 1.5rem 0;padding:.75rem 1rem;border-radius:.5rem;background:#fef2f2;color:#991b1b}.inbox>[role=status]{background:#ecfdf5;color:#166534}.inbox-workspace{display:grid;grid-template-columns:minmax(19rem,34%) minmax(0,1fr);min-height:35rem}.inbox-queues{border-right:1px solid var(--inbox-border);background:#fff}.inbox-queue-section+.inbox-queue-section{border-top:1px solid var(--inbox-border)}.inbox-queue-section{padding:1rem}.inbox-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.inbox-section-heading h3{margin:0;color:#334155;font-size:.82rem;letter-spacing:.035em;text-transform:uppercase}.inbox-section-heading>span{display:grid;place-items:center;min-width:1.7rem;min-height:1.7rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.75rem;font-weight:750}.handoff-list{display:grid;gap:.45rem;margin:0}.handoff-list li{padding:0;border:1px solid transparent;border-radius:.6rem;overflow:hidden}.handoff-list li.is-selected{border-color:#93c5fd;box-shadow:inset .22rem 0 var(--inbox-primary)}.handoff-list button{display:grid;grid-template-columns:1fr auto;gap:.3rem .55rem;width:100%;padding:.8rem;border:0;border-radius:0;text-align:left}.handoff-list button>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handoff-list button>span:nth-of-type(1){min-width:0;overflow:hidden;color:var(--inbox-muted);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.priority,.sla{justify-self:end;padding:.15rem .42rem;border-radius:999px;font-size:.64rem!important;font-weight:750;line-height:1.35;text-transform:uppercase}.priority-low{background:#f1f5f9;color:#475569!important}.priority-normal{background:#dbeafe;color:#1d4ed8!important}.priority-high{background:#fef3c7;color:#92400e!important}.priority-urgent,.sla-overdue{background:#fee2e2;color:#b91c1c!important}.sla-due_soon{background:#fff7ed;color:#c2410c!important}.sla-on_track{background:#dcfce7;color:#15803d!important}.sla-none{border:1px solid #cbd5e1;background:#fff;color:#64748b!important}.conversation-pane{min-width:0;background:#f8fafc}.conversation-empty{display:grid;place-items:center;align-content:center;gap:.4rem;min-height:35rem;padding:2rem;color:var(--inbox-muted);text-align:center}.conversation-empty strong{color:#334155;font-size:1rem}.conversation{display:flex;flex-direction:column;min-height:35rem;padding:0}.conversation-header{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--inbox-border);background:#fff}.conversation-header h3,.conversation-header p{margin:0}.conversation-header p{color:var(--inbox-muted);font-size:.75rem}.contact-avatar{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:800}.conversation-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--inbox-border);background:#fff}.conversation-actions fieldset{flex-basis:100%;border-radius:.5rem}.message-timeline{display:flex;flex:1;flex-direction:column-reverse;gap:.75rem;margin:0;padding:1.25rem;list-style:none}.message-timeline .message{display:flex;padding:0;border:0}.message-outbound{justify-content:flex-end!important}.message-bubble{max-width:min(75%,34rem);padding:.7rem .85rem;border:1px solid var(--inbox-border);border-radius:.75rem .75rem .75rem .2rem;background:#fff;box-shadow:0 .15rem .45rem #0f172a0f}.message-outbound .message-bubble{border-color:#bfdbfe;border-radius:.75rem .75rem .2rem;background:#dbeafe}.message-bubble p{margin:.35rem 0}.message-bubble strong,.message-bubble small{font-size:.68rem}.reply-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--inbox-border);background:#fff}.reply-composer textarea{box-sizing:border-box;width:100%;min-height:4.4rem;max-height:9rem;resize:vertical;border:1px solid #cbd5e1;border-radius:.55rem;padding:.7rem;font:inherit}@media(max-width:52rem){main:not(.app-main){padding:1rem}.app-shell{display:block}.app-sidebar{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid #dfe4ec;padding-bottom:.5rem}.app-brand{padding-bottom:.75rem}.module-navigation{display:flex;overflow-x:auto;padding-bottom:.25rem}.module-navigation button{flex:0 0 auto;white-space:nowrap}.module-navigation-mark,.app-sidebar-note{display:none}.app-topbar{padding:.65rem 1rem}.app-user small{display:none}.app-main{padding:1.25rem 1rem 2rem}.inbox-toolbar,.inbox-workspace{grid-template-columns:1fr}.inbox-queues{border-right:0;border-bottom:1px solid var(--inbox-border)}.conversation-empty{min-height:12rem}.message-bubble{max-width:88%}}