:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hulee-color-page:#f4f6f3;--hulee-color-surface-default:#fff;--hulee-color-surface-raised:#fbfcfb;--hulee-color-surface-muted:#eef2ed;--hulee-color-border:#d7ded5;--hulee-color-border-strong:#b8c4b4;--hulee-color-text-default:#1f2723;--hulee-color-text-muted:#667269;--hulee-color-brand-primary:#177f75;--hulee-color-brand-foreground:#fff;--hulee-color-accent:#c9822b;--hulee-color-danger:#b5474a;--hulee-shadow-focus:0 0 0 3px #177f752e;--hulee-radius-control:8px;--hulee-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hulee-color-page:#171b19;--hulee-color-surface-default:#202622;--hulee-color-surface-raised:#252d29;--hulee-color-surface-muted:#2f3934;--hulee-color-border:#3d4943;--hulee-color-border-strong:#56655d;--hulee-color-text-default:#eef4ef;--hulee-color-text-muted:#aeb9b1;--hulee-color-brand-primary:#53c5b9;--hulee-color-brand-foreground:#10211f;--hulee-color-accent:#e0a64c;--hulee-color-danger:#e07478}}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--hulee-color-page);color:var(--hulee-color-text-default);font-family:var(--hulee-font-sans);letter-spacing:0;margin:0}button,input,select,textarea{font:inherit}.appFrame{background:var(--hulee-color-page);grid-template-columns:72px minmax(260px,340px) minmax(0,1fr) minmax(250px,320px);min-height:100vh;display:grid}.navigationRail{border-right:1px solid var(--hulee-color-border);background:var(--hulee-color-surface-default);flex-direction:column;align-items:center;gap:16px;padding:16px 12px;display:flex}.brandMark{border-radius:var(--hulee-radius-control);background:var(--hulee-color-brand-primary);width:40px;height:40px;color:var(--hulee-color-brand-foreground);text-transform:uppercase;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.railButton{border-radius:var(--hulee-radius-control);width:40px;height:40px;color:var(--hulee-color-text-muted);border:1px solid #0000;place-items:center;text-decoration:none;display:grid}.railButton[aria-current=page]{border-color:var(--hulee-color-border);background:var(--hulee-color-surface-muted);color:var(--hulee-color-text-default)}.queuePane,.conversationPane,.clientPane{border-right:1px solid var(--hulee-color-border);min-width:0}.queuePane,.clientPane{background:var(--hulee-color-surface-default)}.paneHeader{border-bottom:1px solid var(--hulee-color-border);min-height:80px;padding:18px 20px}.paneHeaderRow,.conversationHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{color:var(--hulee-color-text-muted);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:600}.title,.conversationTitle{margin:0;font-size:18px;font-weight:700;line-height:1.2}.metaText{color:var(--hulee-color-text-muted);margin:4px 0 0;font-size:13px;line-height:1.4}.iconButton{border:1px solid var(--hulee-color-border);border-radius:var(--hulee-radius-control);background:var(--hulee-color-surface-default);width:36px;height:36px;color:var(--hulee-color-text-default);cursor:pointer;place-items:center;display:grid}.iconButton:hover,.iconButton:focus-visible,.railButton:hover,.railButton:focus-visible{border-color:var(--hulee-color-brand-primary);box-shadow:var(--hulee-shadow-focus);outline:none}.conversationList{flex-direction:column;display:flex}.conversationLink{border-bottom:1px solid var(--hulee-color-border);color:inherit;gap:8px;padding:14px 20px;text-decoration:none;display:grid}.conversationLink[aria-current=page]{background:var(--hulee-color-surface-muted)}.conversationLink:hover{background:var(--hulee-color-surface-raised)}.conversationLinkTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.conversationName{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.timestamp{color:var(--hulee-color-text-muted);flex:none;font-size:12px}.lastMessage{color:var(--hulee-color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.badgeRow{flex-wrap:wrap;gap:6px;display:flex}.badge{border:1px solid var(--hulee-color-border);background:var(--hulee-color-surface-default);min-height:24px;color:var(--hulee-color-text-muted);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;line-height:1;display:inline-flex}.conversationPane{background:var(--hulee-color-surface-raised);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.messageStream{flex-direction:column;gap:10px;min-height:0;padding:20px;display:flex;overflow-y:auto}.messageBubble{border:1px solid var(--hulee-color-border);border-radius:var(--hulee-radius-control);background:var(--hulee-color-surface-default);width:min(680px,86%);padding:10px 12px}.messageBubble[data-direction=outbound]{border-color:color-mix(in srgb, var(--hulee-color-brand-primary) 40%, var(--hulee-color-border));align-self:flex-end}.messageBody{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.45}.messageMeta{color:var(--hulee-color-text-muted);flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px;display:flex}.composer{border-top:1px solid var(--hulee-color-border);background:var(--hulee-color-surface-default);grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:14px 20px;display:grid}.composerTextarea{resize:vertical;border:1px solid var(--hulee-color-border);border-radius:var(--hulee-radius-control);background:var(--hulee-color-surface-raised);min-height:44px;max-height:140px;color:var(--hulee-color-text-default);padding:11px 12px}.composerTextarea:focus{border-color:var(--hulee-color-brand-primary);box-shadow:var(--hulee-shadow-focus);outline:none}.sendButton{border:1px solid var(--hulee-color-brand-primary);border-radius:var(--hulee-radius-control);background:var(--hulee-color-brand-primary);width:44px;height:44px;color:var(--hulee-color-brand-foreground);cursor:pointer;place-items:center;display:grid}.sendButton:focus-visible{box-shadow:var(--hulee-shadow-focus);outline:none}.clientSection{border-bottom:1px solid var(--hulee-color-border);padding:18px 20px}.adminSection{gap:16px;padding:18px 20px;display:grid}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sectionTitle{margin:0;font-size:16px;line-height:1.25}.settingsForm{gap:14px;display:grid}.fieldStack{gap:6px;display:grid}.textInput,.selectInput{border:1px solid var(--hulee-color-border);border-radius:var(--hulee-radius-control);background:var(--hulee-color-surface-raised);width:100%;min-width:0;min-height:40px;color:var(--hulee-color-text-default);padding:9px 10px}.textInput:focus,.selectInput:focus{border-color:var(--hulee-color-brand-primary);box-shadow:var(--hulee-shadow-focus);outline:none}.textInput[readonly]{color:var(--hulee-color-text-muted)}.toggleRow{color:var(--hulee-color-text-default);align-items:center;gap:9px;font-size:14px;display:flex}.toggleRow input{width:16px;height:16px;accent-color:var(--hulee-color-brand-primary)}.diagnosticGrid{border:1px solid var(--hulee-color-border);border-radius:var(--hulee-radius-control);background:var(--hulee-color-surface-raised);gap:10px;padding:12px;display:grid}.buttonRow{flex-wrap:wrap;gap:8px;display:flex}.primaryButton{border:1px solid var(--hulee-color-brand-primary);border-radius:var(--hulee-radius-control);background:var(--hulee-color-brand-primary);min-height:40px;color:var(--hulee-color-brand-foreground);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:650;display:inline-flex}.secondaryButton{border:1px solid var(--hulee-color-border);border-radius:var(--hulee-radius-control);background:var(--hulee-color-surface-default);min-height:36px;color:var(--hulee-color-text-default);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.primaryButton:focus-visible,.secondaryButton:focus-visible{box-shadow:var(--hulee-shadow-focus);outline:none}.secondaryButton:hover{border-color:var(--hulee-color-brand-primary)}.clientIdentity{align-items:center;gap:12px;display:flex}.avatar{border-radius:var(--hulee-radius-control);background:var(--hulee-color-surface-muted);width:44px;height:44px;color:var(--hulee-color-text-muted);flex:none;place-items:center;display:grid}.detailGrid{gap:12px;display:grid}.detailItem{gap:3px;display:grid}.detailLabel{color:var(--hulee-color-text-muted);font-size:12px}.detailValue{overflow-wrap:anywhere;font-size:14px;font-weight:600}.emptyState{min-height:180px;color:var(--hulee-color-text-muted);text-align:center;place-items:center;padding:24px;display:grid}.slotHost{display:contents}@media (max-width:1100px){.appFrame{grid-template-columns:64px minmax(240px,320px) minmax(0,1fr)}.clientPane{display:none}}@media (max-width:760px){.appFrame{grid-template-columns:1fr}.navigationRail{border-right:0;border-bottom:1px solid var(--hulee-color-border);flex-direction:row;justify-content:space-between}.queuePane,.conversationPane,.clientPane{border-right:0}.clientPane{display:block}.queuePane{max-height:42vh;overflow-y:auto}.conversationPane{min-height:58vh}.messageBubble{width:100%}}