.app-shell{--ink:#f1ecfa;--muted:#9b90b3;--line:#a21cff33;color:var(--ink);background:#06040d}.app-shell .sidebar{border-bottom:1px solid var(--line);background:#0c0818;border-left:0;flex-wrap:wrap;align-items:center;gap:16px;width:auto;padding:12px 24px;display:flex;position:static;inset:auto}.app-shell{flex-direction:column;display:flex}.app-shell .sidebar nav{flex-wrap:wrap;gap:4px;margin:0;display:flex}.app-shell .sidebar .brand{margin:0;padding:0}.app-shell .sidebar .workspace,.app-shell .sidebar .nav-label,.app-shell .sidebar .channel-nav{display:none}.app-shell .sidebar .logout-button{margin:0;margin-inline-start:auto}.app-shell .sidebar .nav-item{color:#d9d2ec;width:auto;min-height:40px;margin:0}.app-shell .sidebar .nav-item.active{color:#fff;background:#1c0f3a}.app-shell .main-area{background:#06040d;width:100%;margin:0}.app-shell .topbar{border-color:var(--line);color:var(--muted);background:#0c0818;height:44px}.app-shell .content{max-width:none;padding:16px 24px}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell b{color:#f1ecfa}.app-shell .welcome-row{margin-bottom:14px}.app-shell .welcome-row h1{font-size:20px}.app-shell .welcome-row p{color:var(--muted)}.app-shell .panel{color:var(--ink);border-color:var(--line);background:#0c0818}.app-shell input,.app-shell select,.app-shell textarea{color:#f1ecfa;font:inherit;background:#06040d;border:1px solid #a21cff55;border-radius:10px;padding:10px}.app-shell .field>span{color:#d9d2ec;font-size:13px}.app-shell .field input{font-size:14px}.app-shell .primary-btn{background:linear-gradient(115deg,#5a10ff,#a21cff 40%,#d10f74);font-size:14px}.app-shell .text-link,.app-shell a{color:#22f2ff}.app-shell .notice{color:#ffbadd;white-space:pre-wrap;font-size:14px}.app-shell .settings-wrap{max-width:1100px}.app-shell .brand-mark{color:#ff1f8f;background:#1c0f3a}:is(.app-shell button:focus-visible,.app-shell input:focus-visible,.app-shell textarea:focus-visible,.app-shell select:focus-visible){outline-offset:3px;outline:3px solid #22f2ff}.ops{color:#f1ecfa;font-family:Cairo,system-ui,sans-serif;font-size:14px}.ops button{cursor:pointer;color:#d9d2ec;font:inherit;background:#1c0f3a;border:1px solid #0000;border-radius:10px;min-height:40px;padding:9px 12px}.ops button:disabled{opacity:.5;cursor:not-allowed}.ops button:hover{border-color:#a21cff}.ops .chosen{color:#fff;background:#281248}.ops input::placeholder,.ops textarea::placeholder{color:#9b90b3}.ops h2{margin:0;font-size:18px}.ops small{color:#9b90b3;font-size:12px}.ops-toolbar,.ops-toolbar nav,.ops-summary,.ops-filters,.ops-chat-head,.ops-transfer,.ops-quick,.ops-send{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ops-toolbar{justify-content:space-between}.ops-summary{border-bottom:1px solid #a21cff22;gap:20px;margin-bottom:16px;padding:12px 0}.ops-summary>small{margin-inline-start:auto}.ops .pink{color:#ff55a9}.ops-inbox{grid-template-columns:minmax(290px,35%) minmax(0,1fr);gap:16px;height:calc(100dvh - 310px);min-height:580px;display:grid}.ops-threads,.ops-chat{background:#0c0818ed;border:1px solid #a21cff33;border-radius:20px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.ops-filters{border-bottom:1px solid #a21cff33;padding:12px}.ops-filters button{background:0 0;flex:1;padding:8px;font-size:12px}.ops-filters button.chosen{background:#1c0f3a}.ops-search{flex-wrap:wrap;gap:6px;padding:10px;display:flex}.ops-search input{width:100%}.ops-search select{width:100%;padding:7px}.ops-hint{color:#9b90b3;padding:8px 12px;font-size:12px}.ops-list{flex:1;overflow:auto}.ops-thread{text-align:right;align-items:center;gap:12px;width:100%;background:0 0!important;border-bottom:1px solid #a21cff22!important;border-radius:0!important;padding:15px!important;display:flex!important}.ops-thread.chosen{background:#1c0f3a!important}.ops-thread-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ops-thread-copy>span{text-overflow:ellipsis;white-space:nowrap;color:#9b90b3;font-size:13px;overflow:hidden}.ops-thread-copy b{font-size:14px}.ops-thread em{border:1px solid #ff1f8f;border-radius:20px;padding:1px 5px;font-size:10px;font-style:normal}.ops-thread>small{max-width:85px}.ops-avatar{background:#1c0f3a;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.ops-chat-head{border-bottom:1px solid #a21cff33;padding:14px 18px}.ops-chat-head>div{flex:1}.ops-chat-head select{max-width:150px;font-size:12px}.ops .outline-pink{color:#ff55a9;background:0 0;border-color:#ff1f8f}.ops-transfer{background:#06040d;padding:12px}.ops-transfer input{flex:1;min-width:150px}.ops-messages{flex-direction:column;flex:1;gap:12px;min-height:150px;padding:20px;display:flex;overflow:auto}.ops-bubble{overflow-wrap:anywhere;background:#1c0f3a;border-radius:16px;align-self:flex-start;max-width:80%;padding:10px 14px}.ops-bubble.out{background:#4a14c9;align-self:flex-end}.ops-bubble p{white-space:pre-wrap;line-height:1.8}.ops-bubble small{color:#c4b9df;font-size:10px}.ops-composer{padding:12px 16px}.ops-quick{margin-bottom:10px}.ops-quick button{border-radius:999px;min-height:32px;padding:5px 10px;font-size:12px}.ops-send{background:#06040d;border:1px solid #a21cff55;border-radius:14px;flex-wrap:nowrap;padding:6px}.ops-send textarea{resize:vertical;border:0;flex:1;min-width:0;min-height:48px;max-height:180px}.ops .ops-primary{color:#fff;background:linear-gradient(115deg,#5a10ff,#a21cff 40%,#d10f74)}.ops-alert{border:1px dashed #ff1f8f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:10px;padding:12px;font-size:13px;display:flex}.ops-note{white-space:pre-wrap;background:#262010;border:1px solid #b3984a66;border-radius:10px;padding:12px;font-size:12px}.ops-empty{text-align:center;color:#9b90b3;margin:auto;padding:35px;line-height:1.8}.ops-panel{background:#0c0818;border:1px solid #a21cff33;border-radius:20px;padding:24px;line-height:2}.ops-panel>p{margin:12px 0}.ops-table{overflow:auto}.ops table{border-collapse:collapse;white-space:nowrap;text-align:right;width:100%}.ops th,.ops td{border-bottom:1px solid #a21cff33;padding:14px}.ops .ops-urgent{text-align:right;width:100%;margin:8px 0;display:block}.ops-audit{border-bottom:1px solid #a21cff33;font-size:13px}.ops-reply-manager{background:#06040d;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.ops-reply-manager textarea{grid-column:1/-1}.ops-back{display:none}.dense .ops-thread{padding:8px 12px!important}.dense .ops-avatar{width:32px;height:32px}.dense .ops-messages{gap:6px;padding:12px}@media (max-width:800px){.app-shell .sidebar{box-shadow:none;gap:8px;padding:10px;transform:none}.app-shell .sidebar nav{flex-wrap:nowrap;width:100%;overflow:auto}.app-shell .sidebar .nav-item{white-space:nowrap;padding:8px;font-size:12px}.app-shell .content{padding:12px}.app-shell .topbar{padding:8px 12px}.ops-inbox{grid-template-columns:1fr;height:70dvh;min-height:550px}.ops-inbox .ops-chat{display:none}.ops-inbox.show-chat .ops-chat{display:flex}.ops-inbox.show-chat .ops-threads{display:none}.ops-back{display:block}.ops-summary{gap:8px;font-size:12px}.ops-chat-head{padding:10px}.ops-chat-head h2{font-size:15px}.ops-chat-head button{font-size:12px}.ops-toolbar nav{flex-wrap:nowrap;width:100%;overflow:auto}.ops-toolbar nav button{white-space:nowrap}.ops-bubble{max-width:90%}.ops-send button{padding:8px;font-size:12px}.ops-panel{padding:12px}}.app-shell .sidebar button.channel-nav{font:inherit;font-size:12px;display:flex}.app-shell .sidebar button.channel-nav .not-connected{display:none}.app-shell .brand-mark{border-radius:12px;color:#0000!important;background:#f1ecfa url(/516e3ab01b8a76561dc90baba777dedb.png) 50%/cover no-repeat!important}.app-shell .brand-mark span{visibility:hidden}.ops-unread{color:#fff;vertical-align:middle;background:#ff1f8f;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-inline-start:6px;padding:0 6px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.ops-image{min-width:140px;max-width:380px;margin:4px 0 8px}.ops-image img{object-fit:contain;background:#06040d;border-radius:10px;max-width:100%;max-height:360px;display:block}.ops-image a{color:#83f7ff;text-decoration:none;display:block}.ops-image span{font-size:12px}.ops-image p{font-size:13px}.app-shell button.channel-nav{cursor:pointer;color:inherit;background:0 0;border:1px solid #a21cff44;border-radius:10px;align-items:center;gap:6px;padding:8px;display:flex}.ops-thread:has(.ops-unread){border-inline-start:3px solid #ff1f8f}
