.react-app-shell{background:#0b1220;grid-template-columns:120px minmax(0,1fr);width:100vw;height:100vh;min-height:0;display:grid;overflow:hidden}.react-sidebar-nav{background:#11192899;min-width:0}.react-sidebar-nav .logo-container{text-decoration:none}.react-sidebar-nav .logo-mark{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:flex}.react-sidebar-nav .logo-mark img{object-fit:contain;width:80px;height:80px}.sidebar-spacer{flex:1}.react-app-shell>.att-container{min-width:0;height:100%}.react-app-shell .att-workspace{width:100%;height:100%}.att-list-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.att-pending-summary{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b2e;border-radius:10px;margin-bottom:.65rem;padding:.45rem .65rem;font-size:.73rem;font-weight:700;line-height:1.35}button.att-conv-item{background:var(--surface-solid);text-align:left;cursor:pointer;border-top:0;border-right:0;outline:none;width:100%}button.att-conv-item:focus-visible{box-shadow:inset 0 0 0 2px #0284c75c}.att-conv-body,.att-conv-top,.att-conv-extra,.att-conv-meta{width:100%}.att-chat-area>.att-banner-error{border-radius:0;flex:none}.att-banner-success{color:#fbbf24;background:#f59e0b1f;border-bottom:1px solid #f59e0b38;flex:none;padding:.9rem 1rem;font-size:.85rem;font-weight:600}.att-empty-state-full>svg{color:var(--primary);opacity:.2}.att-primary-action{white-space:nowrap;min-height:42px;padding:.7rem .95rem}.att-finish-action{color:#fff;background:linear-gradient(135deg,#0f172a,#334155);border:0;box-shadow:0 10px 24px #0f172a29}.att-finish-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a33}.att-composer-state{border-radius:999px;align-items:center;min-height:28px;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.att-composer-state.ready{color:#34d399;background:#10b98129}.att-composer-state.locked{color:#94a3b8;background:#64748b29}.att-reply-input:disabled{color:#64748b;cursor:not-allowed;background:#0f172a;border-color:#94a3b829}.att-transfer-disclosure summary{color:var(--text-main);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.15rem 0;font-size:.86rem;font-weight:700;list-style:none;display:flex}.att-transfer-disclosure summary::-webkit-details-marker{display:none}.att-transfer-disclosure summary>span:first-child{align-items:center;gap:.55rem;display:inline-flex}.att-transfer-disclosure summary>span:last-child{color:#38bdf8;background:#0ea5e929;border-radius:9px;place-items:center;width:26px;height:26px;transition:transform .2s;display:grid}.att-transfer-disclosure[open] summary>span:last-child{transform:rotate(45deg)}.att-transfer-content{padding-top:1rem}.att-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a70;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.att-dialog{background:#0f172af7;border:1px solid #94a3b833;border-radius:24px;gap:1.15rem;width:min(100%,500px);padding:1.5rem;display:grid;box-shadow:0 30px 90px #0009}.att-dialog-icon{color:#38bdf8;background:linear-gradient(135deg,#0ea5e933,#10b98133);border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.att-dialog-eyebrow{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem;font-size:.7rem;font-weight:800}.att-dialog h3{font-size:1.25rem;line-height:1.25}.att-dialog p{color:#94a3b8;margin-top:.45rem;font-size:.9rem;line-height:1.5}.att-dialog-field{color:#cbd5e1;gap:.5rem;font-size:.8rem;font-weight:700;display:grid}.att-dialog-note{resize:vertical;min-height:92px;font:inherit}.att-dialog-actions{justify-content:flex-end;gap:.75rem;padding-top:.25rem;display:flex}.att-action-form>.btn{justify-content:center;width:100%}.btn:disabled,.att-reply-send:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}@media (max-width:900px){.react-app-shell{grid-template-columns:84px minmax(0,1fr)}.react-sidebar-nav{padding-inline:.45rem}.react-sidebar-nav .logo-role{font-size:.66rem}.react-app-shell>.att-container{height:100vh;min-height:0}}@media (max-width:860px){.react-app-shell .att-workspace{grid-template-rows:minmax(240px,38vh) minmax(500px,1fr);overflow-y:auto}.react-app-shell .att-conv-list{max-height:none}.att-primary-action{width:100%}}@media (max-width:640px){.react-app-shell{grid-template-columns:68px minmax(0,1fr)}.react-sidebar-nav .logo-role,.react-sidebar-nav .sidebar-user-name{display:none}.react-sidebar-nav .logo-mark img{width:56px;height:56px}.react-sidebar-nav .sidebar-user-card{padding:.45rem .25rem}.att-filter-row{flex-direction:column}.att-dialog-actions{flex-direction:column-reverse}.att-dialog-actions .btn{width:100%}}
