:root{font-family:Leelawadee UI,Tahoma,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16211f;background:#eef3f2;font-synthesis:none;--ink:#14201e;--muted:#62726f;--line:#d3dfdc;--soft:#f4f8f7;--teal:#087f73;--teal-dark:#06675e;--teal-soft:#ddf3ef;--danger:#cf3446;--warning:#c77712;--shadow:0 8px 28px rgba(17,48,44,.08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{height:100dvh;display:grid;grid-template-rows:64px auto 1fr;min-width:0;background:#eef3f2}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:40}.brand,.top-actions,.user-chip{display:flex;align-items:center}.brand{gap:10px}.brand>div:last-child,.user-chip>div:last-child{display:grid}.brand strong{font-size:17px;line-height:1.1}.brand span,.user-chip span{font-size:11px;color:var(--muted)}.top-actions{gap:7px}.user-chip{gap:8px;border-left:1px solid var(--line);padding-left:12px;margin-left:5px}.user-chip strong{font-size:13px}.brand-mark{width:52px;height:52px;border-radius:16px;background:#087f73;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px #087f7333}.brand-mark.small{width:40px;height:40px;border-radius:12px}.brand-mark.small svg{width:22px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#344542;display:grid;place-items:center;position:relative}.icon-btn:hover{background:#f0f6f5;border-color:#aac6c1}.icon-btn svg{width:19px}.notification-btn>span{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;border-radius:9px;background:var(--danger);color:#fff;font:700 10px/17px system-ui}.setup-banner{background:#fff3d6;color:#764b06;border-bottom:1px solid #edd49c;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600}.setup-banner svg{width:18px}.toast{position:fixed;z-index:100;top:76px;left:50%;transform:translate(-50%);background:#281f20;color:#fff;padding:12px 14px;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:9px;max-width:min(620px,calc(100% - 28px));font-size:14px}.toast svg{color:#ff7b86}.toast button{border:0;background:none;color:#fff;display:grid}.toast button svg{color:#fff}.workspace{min-height:0;display:grid;grid-template-columns:370px minmax(500px,1fr) 330px;gap:10px;padding:10px}.context-closed .workspace{grid-template-columns:370px minmax(500px,1fr)}.conversation-panel,.chat-panel,.context-panel{min-height:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 15px #1437330d;overflow:hidden}.conversation-panel{display:grid;grid-template-rows:auto auto auto auto auto 1fr}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 16px 9px}.eyebrow{margin:0 0 2px;letter-spacing:.14em;font-size:10px;font-weight:800;color:var(--teal);text-transform:uppercase}.panel-title h2{margin:0;font-size:21px;line-height:1.25}.count-badge{background:var(--teal-soft);color:var(--teal-dark);border-radius:10px;padding:5px 10px;font-size:13px;font-weight:800}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 12px 10px}.summary-grid button{min-width:0;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 4px;color:var(--ink)}.summary-grid button span{display:block;font-size:10px;color:var(--muted);white-space:nowrap}.summary-grid button strong{display:block;font-size:20px;line-height:1.2;margin-top:2px}.summary-grid button.active{border-color:#489e95;background:#e8f7f4;box-shadow:inset 0 -3px var(--teal)}.summary-grid button.warning.active{border-color:#e0a44c;background:#fff7e9;box-shadow:inset 0 -3px #dc8d20}.summary-grid button.success.active{border-color:#54a878;background:#eaf7ef;box-shadow:inset 0 -3px #2c9660}.summary-grid button.danger.active{border-color:#de7180;background:#fff0f2;box-shadow:inset 0 -3px var(--danger)}.search-box{height:44px;margin:0 12px 9px;border:1px solid var(--line);border-radius:12px;background:#f7faf9;display:flex;align-items:center;padding:0 11px;gap:8px}.search-box:focus-within{border-color:#5caea6;box-shadow:0 0 0 3px #087f7314}.search-box>svg{width:18px;color:#6a7a77}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:13px;color:var(--ink)}.search-box input::placeholder{color:#879390}.search-box button{border:0;background:none;color:#6c7a77;display:grid}.search-box button svg{width:16px}.account-filters{display:flex;gap:6px;overflow-x:auto;padding:0 12px 10px;scrollbar-width:thin}.account-filters button{flex:none;border:1px solid var(--line);border-radius:10px;background:#fff;padding:6px 8px;font-size:11px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.account-filters b{min-width:18px;height:18px;border-radius:9px;background:#00000014;display:grid;place-items:center;font-size:9px}.account-filters button.active{outline:2px solid currentColor;outline-offset:1px}.account-filters .all{color:var(--teal)}.filters{display:grid;grid-template-columns:1fr;gap:7px;padding:0 12px 10px;border-bottom:1px solid #e6edeb}.filters label{position:relative}.filters label:first-child{display:none}.filters select{width:100%;height:39px;appearance:none;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 30px 0 10px;font-size:12px;color:#344542;outline:0}.filters label>svg{width:14px;position:absolute;right:9px;top:12px;color:#6d7c79;pointer-events:none}.conversation-list{min-height:0;overflow-y:auto;padding:7px}.conversation-item{width:100%;border:1px solid transparent;background:transparent;border-radius:14px;padding:11px 10px;display:flex;text-align:left;gap:10px;color:inherit;transition:.14s}.conversation-item:hover{background:#f4f8f7}.conversation-item.active{background:#edf8f6;border-color:#b6ddd8;box-shadow:inset 4px 0 var(--teal)}.conversation-item.overdue:not(.active){background:#fff9fa}.avatar-wrap{position:relative;margin-top:2px;flex:none}.overdue-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--danger);right:-1px;top:-1px;border:2px solid #fff}.avatar{border-radius:50%;background:#e3e9e7;color:#667572;display:grid;place-items:center;overflow:hidden;border:1px solid #cbd6d3;flex:none;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-md{width:43px;height:43px}.avatar-sm{width:34px;height:34px}.avatar-lg{width:58px;height:58px}.conversation-copy{min-width:0;flex:1}.conversation-line{display:flex;align-items:center;justify-content:space-between;gap:7px}.conversation-line.primary strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-line time{font-size:10px;color:#74817f;white-space:nowrap}.account-line{margin-top:3px}.unread-badge{min-width:22px;height:22px;border-radius:11px;background:#6b3de3;color:#fff;display:grid;place-items:center;padding:0 5px;font-size:10px;font-weight:800}.conversation-copy>p{font-size:12px;color:#5c6d69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0}.conversation-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px}.status-pill{font-size:10px;font-weight:800;padding:3px 8px;border-radius:9px;display:inline-flex;align-items:center}.sla-time{font-size:10px;color:#657471;display:flex;align-items:center;gap:3px}.sla-time svg{width:12px}.sla-time.late{color:var(--danger);font-weight:800}.assignee-line{font-size:10px;color:#657471;display:flex;align-items:center;gap:4px;margin-top:6px}.assignee-line svg{width:13px}.status-new{background:#e1f2ff;color:#126ba0}.status-assigned{background:#dff5e8;color:#187144}.status-pending{background:#fff0cf;color:#925807}.status-escalated{background:#ffe3e8;color:#a92940}.status-closed{background:#e8edec;color:#586562}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.status-dot.status-new{background:#2c99da}.status-dot.status-assigned{background:#2aa264}.status-dot.status-pending{background:#e19a24}.status-dot.status-escalated{background:#d74a61}.status-dot.status-closed{background:#8f9b99}.oa-badge{display:inline-flex;align-items:center;border-radius:7px;padding:4px 8px;font-size:11px;line-height:1;font-weight:800;white-space:nowrap;border:1px solid transparent}.oa-badge.compact{font-size:10px;padding:3px 7px}.oa-purple{color:#5822c4!important;background:#eee7ff!important;border-color:#cbb8ff!important}.oa-green{color:#08763b!important;background:#dcf8e9!important;border-color:#9ee3bc!important}.oa-red{color:#a51d2f!important;background:#ffe6e9!important;border-color:#f2a8b1!important}.oa-gray{color:#45514f!important;background:#e9edec!important;border-color:#c4cecb!important}.oa-orange{color:#9d4f05!important;background:#fff0df!important;border-color:#f3c48e!important}.oa-yellow{color:#795c00!important;background:#fff5bd!important;border-color:#e9cf54!important}.oa-other{color:#086d65!important;background:#e0f3f0!important;border-color:#a8d8d2!important}.chat-panel{display:grid;grid-template-rows:auto auto 1fr auto;position:relative}.chat-header{min-height:72px;border-bottom:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;gap:10px}.chat-contact{display:grid;min-width:0}.chat-contact>div{display:flex;align-items:center;gap:8px}.chat-contact strong{font-size:17px;line-height:1.2}.chat-contact>span{font-size:11px;color:var(--muted);margin-top:3px}.chat-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.chat-actions .btn{height:42px}.mobile-back{display:none}.sla-banner{background:#fff0e7;color:#913f18;padding:8px 14px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px;border-bottom:1px solid #efc8b4}.sla-banner svg{width:17px}.message-area{min-height:0;overflow-y:auto;padding:22px 26px;background:#f3f7f6}.conversation-start{text-align:center;margin:0 0 18px}.conversation-start span{font-size:10px;background:#e2e9e7;color:#657471;padding:5px 11px;border-radius:11px}.message-row{display:flex;margin:10px 0}.message-row.outgoing{justify-content:flex-end}.message-bubble{max-width:min(72%,660px);border-radius:16px 16px 16px 5px;background:#fff;padding:9px 12px 7px;border:1px solid #dce5e3;box-shadow:0 2px 5px #14322f0d;font-size:14px;word-break:break-word;color:#17211f}.outgoing .message-bubble{background:#087f73;color:#fff;border-color:#087f73;border-radius:16px 16px 5px}.message-bubble.private{background:#fff3c9;color:#493b17;border-color:#ecd27c}.bubble-sender{display:block;font-size:10px;font-weight:800;margin-bottom:4px;color:#53635f}.outgoing .bubble-sender{color:#c9f3ed}.message-bubble.private .bubble-sender{color:#8b6710}.message-bubble p{margin:0;white-space:pre-wrap;line-height:1.55}.message-bubble time{font-size:9px;color:#6d7b78;display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:5px}.outgoing .message-bubble time{color:#c4e9e4}.delivery{display:inline-flex;align-items:center;gap:3px}.delivery svg{width:12px;height:12px}.delivery.failed{color:#ffd2d6;font-weight:800}.image-attachment{display:block;color:inherit;text-decoration:none;margin-top:6px}.message-image{display:block;max-width:100%;max-height:330px;border-radius:10px;object-fit:contain;background:#dfe7e5}.image-attachment>span{display:flex;align-items:center;gap:4px;font-size:9px;margin-top:4px}.image-attachment svg{width:12px}.file-attachment{display:flex;align-items:center;gap:9px;background:#ffffff2e;padding:10px;border-radius:10px;color:inherit;text-decoration:none;margin-top:5px}.file-attachment>svg{width:22px}.file-attachment span{display:grid;font-size:12px;font-weight:700}.file-attachment small{font-size:9px;font-weight:400;opacity:.75}.activity-message{text-align:center;color:#657471;font-size:10px;margin:15px}.loading-state,.empty-list{height:100%;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#74827f;font-size:12px}.empty-list svg{width:34px;height:34px;color:#a5b5b2}.empty-list strong{font-size:14px;color:#4c5b58}.empty-list span{font-size:11px}.composer{border-top:1px solid var(--line);padding:9px 12px 10px;background:#fff}.composer.note-mode{background:#fffaf0}.composer-tools{display:flex;align-items:center;gap:5px;margin-bottom:7px;overflow-x:auto}.tool-toggle,.attach-btn,.quick-btn{height:34px;border:0;border-radius:9px;padding:0 10px;font-size:11px;display:flex;align-items:center;gap:5px;white-space:nowrap}.tool-toggle{background:transparent;color:#64736f}.tool-toggle.active{background:var(--teal-soft);color:var(--teal-dark);font-weight:800}.note-mode .tool-toggle.active{background:#ffe9ad;color:#7e5909}.attach-btn{margin-left:auto;background:#eef3f2;color:#3b4b48}.quick-btn{background:#e7f6f3;color:#086c63;font-weight:800}.attach-btn svg,.quick-btn svg{width:15px}.file-input{display:none}.file-preview{display:flex;align-items:center;gap:9px;border:1px solid #bad8d3;background:#f0f9f7;border-radius:11px;padding:7px 9px;margin-bottom:7px}.file-preview>img{width:48px;height:42px;border-radius:7px;object-fit:cover}.file-preview>svg{width:34px;color:var(--teal)}.file-preview>div{display:grid;min-width:0;flex:1}.file-preview strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview span{font-size:9px;color:#64736f}.file-preview>button{border:0;background:none;color:#53635f;display:grid}.file-preview>button svg{width:16px}.composer-row{display:flex;align-items:flex-end;gap:8px}.composer textarea{resize:none;min-height:56px;max-height:140px;flex:1;border:1px solid var(--line);background:#f8fbfa;border-radius:13px;padding:11px 12px;outline:none;font-size:14px;color:var(--ink)}.composer textarea:focus{border-color:#61aaa3;box-shadow:0 0 0 3px #087f7314}.send-btn{min-width:76px;height:48px;border-radius:12px;border:0;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:800;box-shadow:0 5px 14px #087f7333}.send-btn svg{width:18px}.composer>small{font-size:9px;color:#7b8885;display:block;margin:5px 0 0 4px}.closed-bar{border-top:1px solid var(--line);min-height:68px;display:flex;align-items:center;justify-content:center;gap:8px;color:#5d6b68;font-size:13px;background:#f7f9f9}.closed-bar svg{width:19px;color:#3c8c72}.closed-bar button{border:0;background:none;color:var(--teal);font-weight:800}.empty-chat{height:100%;display:grid;place-content:center;text-align:center;padding:30px}.empty-art{width:82px;height:82px;border-radius:25px;background:#deefec;color:#338f86;display:grid;place-items:center;margin:auto}.empty-art svg{width:36px;height:36px}.empty-chat h2{font-size:21px;margin:17px 0 5px}.empty-chat p{font-size:13px;color:var(--muted);margin:0}.more{display:none}.context-panel{display:flex;flex-direction:column;overflow-y:auto}.context-panel>header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line)}.context-panel h3{margin:0;font-size:17px}.customer-profile{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.customer-profile>div:nth-child(2){display:grid;min-width:0}.customer-profile strong{font-size:15px}.customer-profile span{font-size:10px;color:var(--muted)}.customer-profile>.oa-badge{grid-column:1/-1;justify-content:center}.detail-group{padding:13px 14px;border-bottom:1px solid var(--line)}.detail-group h4{margin:0 0 10px;display:flex;align-items:center;gap:6px;font-size:13px}.detail-group h4 svg{width:17px;color:var(--teal)}.detail-group dl{margin:0;display:grid;gap:9px}.detail-group dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-group dt{font-size:11px;color:var(--muted)}.detail-group dd{margin:0;font-size:11px;font-weight:700;text-align:right}.danger-text{color:var(--danger)!important}.tag-list{display:flex;gap:5px;flex-wrap:wrap}.tag-list span{font-size:10px;background:#edf3f2;padding:4px 8px;border-radius:8px}.tag-list small{font-size:10px;color:var(--muted)}.notes textarea{width:100%;min-height:68px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:11px}.note-list{display:grid;gap:6px;margin-top:9px}.note-list article{background:#f4f7f6;border-radius:9px;padding:8px}.note-list p{margin:0;font-size:10px;white-space:pre-wrap}.note-list small{font-size:8px;color:var(--muted)}.btn{border:0;border-radius:11px;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700}.btn svg{width:17px}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark)}.btn-secondary{background:#edf3f2;color:#30423f;border:1px solid var(--line)}.btn-quiet{background:#f2f5f4;color:#4c5b58}.btn-block{width:100%}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:#0f1a1861;z-index:90;display:flex;align-items:center;justify-content:center;padding:18px}.modal-card{width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 60px #00000038;padding:18px}.modal-card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-card h2{font-size:20px;margin:0}.modal-card>label,.quick-form label,.staff-form label,.login-card label{display:grid;gap:5px;font-size:11px;font-weight:700;margin-bottom:10px}.modal-card input,.modal-card select,.modal-card textarea,.quick-form input,.quick-form textarea,.staff-form input,.staff-form select,.login-card input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font-size:13px;color:var(--ink);background:#fff}.modal-card textarea{min-height:90px;resize:vertical}.modal-card>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.form-error{border:1px solid #f0a7b0;background:#fff0f2;color:#a5283b;border-radius:10px;padding:9px 10px;display:flex;align-items:center;gap:7px;font-size:11px}.form-error svg{width:16px}.users-modal{width:min(680px,100%)}.staff-list{max-height:230px;overflow:auto;display:grid;gap:6px}.staff-list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:9px;background:#f4f8f7;border-radius:11px}.staff-list article>div:nth-child(2){display:grid}.staff-list strong{font-size:12px}.staff-list span,.staff-list small{font-size:10px;color:var(--muted)}.role-badge{background:var(--teal-soft)!important;color:var(--teal-dark)!important;padding:4px 7px;border-radius:8px;font-weight:800}.staff-form{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.staff-form h3{font-size:14px;margin:0 0 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.drawer-backdrop{justify-content:flex-end;padding:0}.quick-drawer{width:min(470px,100%);height:100dvh;background:#fff;box-shadow:-16px 0 50px #0000002e;display:grid;grid-template-rows:auto auto auto minmax(120px,1fr) auto;overflow:hidden}.quick-drawer>header{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line)}.quick-drawer h2{font-size:18px;margin:0;display:flex;align-items:center;gap:7px}.account-lock{margin:12px 14px 7px;background:#eaf7f4;border:1px solid #b9ded9;border-radius:11px;padding:9px 10px;color:#3a514d;font-size:11px;display:flex;align-items:center;gap:6px}.account-lock svg{width:16px;color:var(--teal)}.quick-categories{display:flex;gap:6px;overflow-x:auto;padding:7px 14px 10px}.quick-categories button{flex:none;border:1px solid var(--line);border-radius:9px;background:#fff;padding:6px 10px;font-size:10px;color:#465652}.quick-categories button.active{background:var(--teal);border-color:var(--teal);color:#fff}.quick-list{overflow-y:auto;padding:0 14px 12px;display:flex;flex-direction:column;gap:8px}.quick-list article{border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:stretch;overflow:hidden}.quick-content{border:0;background:#fff;text-align:left;padding:10px;min-width:0;flex:1}.quick-content:hover{background:#f2f8f6}.quick-content strong{font-size:12px;color:var(--ink)}.quick-content p{font-size:11px;color:#52635f;line-height:1.45;margin:4px 0 0;white-space:pre-wrap}.quick-actions{display:flex;align-items:center;gap:2px;padding:5px}.quick-actions button{border:0;background:#edf3f2;border-radius:7px;padding:5px;font-size:9px;color:#43524f}.quick-actions button.danger{color:var(--danger)}.quick-actions svg{width:14px}.empty-quick{height:100%;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#70807c;gap:6px;padding:20px}.empty-quick svg{width:30px;color:#d28b22}.empty-quick strong{font-size:13px;color:#465652}.empty-quick span{font-size:10px;max-width:260px}.quick-form{border-top:1px solid var(--line);padding:13px 14px;background:#f8faf9;max-height:340px;overflow:auto}.quick-form h3{font-size:13px;margin:0 0 10px}.quick-form label{margin:0}.quick-form textarea{resize:vertical}.login-page,.splash{height:100%;display:grid;place-items:center;background:#eef3f2}.login-card{width:min(420px,calc(100% - 28px));background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow);text-align:center}.login-card .brand-mark{margin:0 auto 13px}.login-card h1{font-size:26px;margin:0}.muted{color:var(--muted);font-size:13px}.login-card form{text-align:left;margin-top:24px}.login-card input{height:46px}.login-foot{display:flex;align-items:center;justify-content:center;gap:5px;color:#71807d;font-size:9px;margin:14px 0 0}.splash{gap:13px;color:var(--teal)}@media(max-width:1280px){.workspace,.context-closed .workspace{grid-template-columns:350px minmax(0,1fr)}.context-panel{position:fixed;right:10px;top:74px;bottom:10px;width:340px;z-index:65;box-shadow:0 14px 45px #0003}.message-bubble{max-width:78%}}@media(max-width:760px){body{overflow:hidden}.app-shell{grid-template-rows:58px auto 1fr}.topbar{height:58px;padding:0 10px}.brand-mark.small{width:37px;height:37px}.brand strong{font-size:15px}.top-actions{gap:4px}.top-actions .icon-btn{width:36px;height:36px}.top-actions .icon-btn:nth-of-type(2),.top-actions .icon-btn:nth-of-type(3),.top-actions .icon-btn:nth-of-type(4){display:none}.user-chip{border:0;padding:0;margin-left:2px}.user-chip>div:last-child{display:none}.workspace,.context-closed .workspace{display:block;padding:0;position:relative}.conversation-panel,.chat-panel{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none}.conversation-panel{grid-template-rows:auto auto auto auto auto 1fr}.chat-panel{transform:translate(100%);transition:transform .2s ease;z-index:10}.mobile-chat-open .chat-panel{transform:translate(0)}.mobile-chat-open .conversation-panel{transform:translate(-22%)}.panel-title{padding:13px 13px 8px}.panel-title h2{font-size:20px}.summary-grid{padding:0 10px 9px;overflow-x:auto;display:flex}.summary-grid button{min-width:82px}.search-box{margin:0 10px 8px}.account-filters{padding:0 10px 9px}.filters{padding:0 10px 8px}.conversation-list{padding:5px}.conversation-item{padding:10px 9px}.mobile-back{display:grid}.chat-header{min-height:62px;padding:7px;gap:6px}.chat-header>.avatar{width:38px;height:38px}.chat-contact{max-width:150px}.chat-contact strong{font-size:14px}.chat-contact>div{gap:5px}.chat-contact>span{font-size:9px}.chat-actions{gap:4px}.chat-actions .btn{height:38px;padding:0 8px}.chat-actions .btn-secondary{width:39px;font-size:0}.chat-actions .btn-secondary .status-dot{margin:0}.chat-actions .btn-secondary svg{display:none}.chat-actions>.icon-btn{width:38px;height:38px}.more{display:none}.message-area{padding:14px 10px}.message-bubble{max-width:86%;font-size:13px}.composer{padding-bottom:max(9px,env(safe-area-inset-bottom))}.composer-tools{gap:4px}.tool-toggle,.attach-btn,.quick-btn{height:32px;padding:0 8px}.attach-btn{margin-left:0}.quick-btn .oa-badge{display:none}.composer textarea{font-size:13px}.send-btn{min-width:48px;width:48px}.send-btn span{display:none}.context-panel{position:fixed;inset:58px 0 0 auto;width:min(90%,360px);border-radius:16px 0 0;z-index:70}.quick-drawer{width:100%;padding-bottom:env(safe-area-inset-bottom)}.quick-form{max-height:300px}.drawer-backdrop{padding:0}.modal-backdrop{padding:10px}.modal-card{max-height:calc(100dvh - 20px)}.setup-banner{font-size:10px;padding:6px 9px}.toast{top:66px;font-size:11px}.user-chip .avatar{width:33px;height:33px}}@media(max-width:430px){.summary-grid button{min-width:78px}.conversation-line.primary strong{font-size:14px}.account-filters button{padding:6px 7px}.chat-contact{max-width:125px}.chat-actions .btn-primary{width:39px;font-size:0}.chat-actions .btn-primary svg{margin:0}.composer-tools{flex-wrap:nowrap}.quick-btn{font-size:10px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}:root{color-scheme:dark;--font-scale:1;--app:#101213;--panel:#151718;--panel-2:#1b1e20;--panel-3:#222629;--line:#2d3236;--soft:#1b1e20;--ink:#f3f5f7;--muted:#a9b1b8;--subtle:#7f8992;--primary:#1f75d6;--primary-hover:#2c83e4;--teal:#1f75d6;--teal-dark:#155fae;--teal-soft:#19334d;--danger:#e05b65;--warning:#e7aa42;--shadow:0 14px 38px rgba(0,0,0,.28)}html[data-theme=light]{color-scheme:light;--app:#eef3f2;--panel:#fff;--panel-2:#f6f8f8;--panel-3:#e9efed;--line:#d3dfdc;--soft:#f4f8f7;--ink:#14201e;--muted:#62726f;--subtle:#7f8c89;--primary:#087f73;--primary-hover:#06675e;--teal:#087f73;--teal-dark:#06675e;--teal-soft:#ddf3ef;--shadow:0 8px 28px rgba(17,48,44,.08)}body{font-size:calc(15px * var(--font-scale));background:var(--app);color:var(--ink)}.app-shell{height:100dvh;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr;background:var(--app);color:var(--ink)}.app-main{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden}.setup-banner{position:absolute;z-index:75;top:64px;left:0;right:0}.side-rail{min-height:0;background:#0d0f10;border-right:1px solid #25292c;display:flex;flex-direction:column;align-items:center;padding:12px 9px;gap:7px;z-index:80}.side-rail .brand-mark{margin-bottom:9px}.side-rail button{position:relative;width:48px;height:48px;border:0;border-radius:10px;background:transparent;color:#8e979f;display:grid;place-items:center}.side-rail button:hover{background:#212528;color:#fff}.side-rail button.active{background:#18344f;color:#69b3ff}.side-rail button.active:before{content:"";position:absolute;left:-9px;width:3px;height:29px;border-radius:0 4px 4px 0;background:#3d95ec}.side-rail button svg{width:21px}.side-rail button span{display:none;position:absolute;left:57px;z-index:100;white-space:nowrap;background:#292e31;color:#fff;border:1px solid #3b4247;border-radius:7px;padding:7px 10px;font-size:12px;box-shadow:var(--shadow)}.side-rail button:hover span{display:block}.rail-spacer{flex:1}.topbar{height:64px;background:var(--panel);border-color:var(--line);padding:0 15px}.brand strong{font-size:18px}.brand span,.user-chip span{color:var(--muted);font-size:11px}.top-actions{gap:8px}.connection-chip{margin-left:18px;margin-right:auto;border:1px solid #27563f;background:#14281e;color:#75dba7;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.connection-chip i{width:8px;height:8px;border-radius:50%;background:#47c884;box-shadow:0 0 0 3px #47c88421}.icon-btn{border-color:var(--line);background:var(--panel-2);color:var(--muted);border-radius:9px}.icon-btn:hover{background:var(--panel-3);border-color:#465057;color:var(--ink)}.user-chip{border-color:var(--line)}.workspace{height:100%;min-height:0;display:grid;grid-template-columns:350px minmax(500px,1fr) 330px;gap:0;padding:0;background:var(--app)}.context-closed .workspace{grid-template-columns:350px minmax(500px,1fr)}.conversation-panel,.chat-panel,.context-panel{background:var(--panel);border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none}.context-panel{border-right:0;border-left:1px solid var(--line)}.panel-title{padding:15px 15px 10px;border-bottom:0}.panel-title h2{font-size:20px}.panel-title>span{background:#19334d;color:#69b3ff;border-radius:8px;padding:4px 9px;font-weight:800}.eyebrow{color:#55aaf2;font-size:10px}.summary-grid{padding:0 12px 11px;gap:6px}.summary-grid button{background:var(--panel-2);border-color:var(--line);color:var(--ink);border-radius:8px}.summary-grid button span{color:var(--muted);font-size:10px}.summary-grid button strong{font-size:19px}.summary-grid button.active{background:#1a3551;border-color:#3d6f99;box-shadow:inset 0 -3px #3d95ec}.search-box{height:42px;background:#111415;border-color:var(--line);border-radius:8px}.search-box input{color:var(--ink);font-size:13px}.account-filters{padding-bottom:9px}.account-filters button{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-left:4px solid var(--account-color,#596168);border-radius:7px}.account-filters button.active{background:var(--panel-3);color:var(--ink);outline:1px solid var(--account-color,#3d95ec)}.account-filters b{background:#111415}.filters{border-color:var(--line)}.filters select{background:var(--panel-2);border-color:var(--line);color:var(--ink);border-radius:8px}.conversation-list{padding:6px}.conversation-item{border-radius:9px;color:var(--ink);padding:12px 9px}.conversation-item:hover{background:var(--panel-2)}.conversation-item.active{background:#1b2d3e;border-color:#30516c;box-shadow:inset 3px 0 #3d95ec}.conversation-item.overdue:not(.active){background:#23191b}.avatar{background:#31373b;color:#d2d7da;border-color:#464e53}.overdue-dot{border-color:var(--panel)}.conversation-line strong{font-size:15px}.conversation-line time,.conversation-copy>p,.assignee-line{color:var(--muted)}.conversation-copy>p{font-size:13px}.account-line{display:flex;justify-content:space-between;margin-top:4px}.conversation-bottom>span:last-child{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--muted)}.conversation-bottom svg,.assignee-line svg{width:13px}.chat-header{min-height:76px;border-color:var(--line);background:var(--panel);padding:10px 15px}.chat-contact strong{font-size:17px}.chat-contact>span{font-size:11px;color:var(--muted)}.chat-actions{gap:6px}.chat-actions .btn{height:40px;min-height:40px}.btn{border-radius:8px;min-height:40px;font-size:13px}.btn-primary{background:var(--primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary,.btn-quiet{background:var(--panel-2);color:var(--ink);border:1px solid var(--line)}.btn-danger{background:#2b181b;color:#ff9da4;border:1px solid #873b43}.sla-banner{background:#2b2215;color:#f4bd67;border-color:#4b3920}.message-area{background:#121516;padding:20px 25px}.conversation-start{font-size:11px;color:var(--subtle);text-align:center}.message-bubble{background:#262a2d;color:var(--ink);border-color:#363c40;border-radius:11px 11px 11px 4px;font-size:15px;box-shadow:0 3px 10px #00000024;padding:11px 13px 8px}.outgoing .message-bubble{background:#174a7f;border-color:#25639f;color:#fff;border-radius:11px 11px 4px}.bubble-sender{color:#9cb4c6;font-size:11px}.outgoing .bubble-sender{color:#c9e5ff}.message-bubble time{color:#a5afb6;font-size:10px}.message-bubble time span{display:flex;align-items:center;gap:3px}.message-bubble time svg{width:13px}.activity-message{color:var(--muted);background:#1b1f21;border:1px solid var(--line);border-radius:12px;padding:5px 10px;width:max-content;max-width:80%;margin:15px auto}.composer{background:var(--panel);border-color:var(--line);padding:10px 13px}.composer.note-mode{background:#211e17}.composer-tools{display:flex;gap:6px;margin-bottom:8px}.composer-tools button{height:32px;border:0;border-radius:7px;padding:0 10px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:5px;font-size:11px}.composer-tools button.active{background:#19334d;color:#70b8f7;font-weight:800}.composer-tools button:nth-of-type(3){margin-left:auto}.composer-tools button:nth-of-type(n+3){background:var(--panel-2);border:1px solid var(--line)}.composer-tools svg{width:15px}.composer-tools input{display:none}.composer textarea{background:#111415;border-color:#3b4348;color:var(--ink);font-size:15px;border-radius:9px;min-height:58px}.composer textarea:focus{border-color:#3677b4;box-shadow:0 0 0 3px #1f75d61f}.send-btn{background:var(--primary);border-radius:9px;box-shadow:none}.file-preview{background:#172530;border-color:#31536c}.file-preview span{color:var(--muted)}.closed-bar{background:var(--panel);border-color:var(--line);color:var(--muted)}.closed-bar button{color:#68b4fa}.empty-chat{color:var(--ink)}.empty-chat>svg{width:58px;height:58px;color:#3d95ec;margin:auto}.empty-chat p{color:var(--muted)}.context-panel>header,.customer-profile,.detail-group{border-color:var(--line)}.context-panel>header{height:76px}.customer-profile span,.detail-group dt,.tag-list small{color:var(--muted)}.detail-group h4 svg{color:#56aaf2}.tag-list span,.note-list article{background:var(--panel-2)}.notes textarea,.modal-card input,.modal-card select,.modal-card textarea,.quick-form input,.quick-form textarea,.staff-editor input,.staff-editor select{background:#111415;border-color:var(--line);color:var(--ink)}.status-pill{border-radius:6px}.status-new{background:#19364c;color:#68baf0}.status-assigned{background:#183d2b;color:#66d195}.status-pending{background:#45351b;color:#efbd68}.status-escalated{background:#482229;color:#f0919e}.status-closed{background:#303538;color:#b4bdc4}.oa-purple{color:#d8c8ff!important;background:#2d2345!important;border-color:#5f488c!important}.oa-green{color:#8ae1b3!important;background:#163a29!important;border-color:#2c714e!important}.oa-red{color:#ff9da8!important;background:#402127!important;border-color:#793740!important}.oa-gray{color:#c5ccd1!important;background:#303538!important;border-color:#596168!important}.oa-orange{color:#ffc17d!important;background:#432d1b!important;border-color:#7c4d23!important}.oa-yellow{color:#f4dc72!important;background:#423a18!important;border-color:#746323!important}.oa-other{color:#a8d8f7!important;background:#203443!important;border-color:#3d6075!important}.modal-backdrop,.drawer-backdrop{background:#000000a8}.modal-card,.quick-drawer{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px}.modal-card>header,.quick-drawer>header,.quick-form{border-color:var(--line)}.modal-card>label,.form-grid label{color:var(--muted)}.close-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 13px}.close-choice button{min-height:104px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:9px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.close-choice button svg{width:22px}.close-choice button strong{color:var(--ink)}.close-choice button span{font-size:11px}.close-choice button.active{border-color:#4382ba;background:#172b3d}.close-choice button.active.issue{border-color:#9d5058;background:#2a191c}.quick-drawer{border-radius:0}.account-lock{background:#172b3d;border-color:#31536c;color:#bcd0df}.quick-categories button,.quick-list article,.quick-content{background:var(--panel-2);border-color:var(--line);color:var(--ink)}.quick-content:hover{background:var(--panel-3)}.quick-content strong{color:var(--ink)}.quick-content p{color:var(--muted)}.quick-actions button{background:#111415;color:var(--muted)}.quick-form{background:#121516}.login-page,.splash{background:var(--app)}.login-card{background:var(--panel);border-color:var(--line);border-radius:14px}.login-card h1{color:var(--ink)}.login-card input{background:#111415;border-color:var(--line);color:var(--ink)}.admin-page{min-height:0;overflow:auto;padding:24px 28px 36px;background:var(--app)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-header h1{font-size:26px;margin:2px 0 4px}.page-header>div>p:last-child{color:var(--muted);font-size:13px}.data-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden}.card-title{min-height:70px;padding:14px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.card-title h2{font-size:17px;margin:0}.card-title p,.card-title span{font-size:11px;color:var(--muted);margin:3px 0 0}.health-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-bottom:18px}.health-card{min-height:110px;background:var(--panel);border:1px solid var(--line);border-top:3px solid #4f5a61;border-radius:10px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:10px}.health-card.online{border-top-color:#34b57b}.health-card.warning{border-top-color:#d49b3f}.health-card.error{border-top-color:#d75460}.health-icon{width:38px;height:38px;border-radius:9px;background:var(--panel-2);color:#63b4fa;display:grid;place-items:center}.health-icon svg{width:20px}.health-card>div:nth-child(2){display:grid}.health-card strong{font-size:14px}.health-card span{font-size:11px;color:var(--muted)}.health-card>b{grid-column:2;font-size:12px;color:#75dba7}.oa-status-list article{display:grid;grid-template-columns:10px 1fr 180px 80px;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid var(--line)}.oa-status-list article:last-child{border:0}.oa-status-list i{width:10px;height:34px;border-radius:5px}.oa-status-list article>div{display:grid}.oa-status-list span{font-size:11px;color:var(--muted)}.oa-status-list b{text-align:center;padding:4px 8px;border-radius:6px;font-size:11px}.oa-status-list b.online,.state-on{background:#183d2b;color:#6ed29a}.oa-status-list b.error,.state-off{background:#482229;color:#f0919e}.staff-table .table-head,.staff-table>article{display:grid;grid-template-columns:minmax(240px,1.5fr) 110px 110px 110px 110px 44px;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--line)}.staff-table .table-head{color:var(--muted);font-size:11px;background:var(--panel-2)}.staff-table>article:last-child{border:0}.person{display:flex;align-items:center;gap:10px}.person>div{display:grid}.person strong{font-size:14px}.person span{color:var(--muted);font-size:11px}.role-badge{background:#19334d!important;color:#72b9f7!important;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:800;width:max-content}.staff-table .state-on,.staff-table .state-off,.oa-card .state-on,.oa-card .state-off{padding:4px 7px;border-radius:6px;font-size:10px;width:max-content}.staff-editor{width:min(720px,100%)}.field-label{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:7px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.check-grid label{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:8px;display:flex;align-items:center;gap:6px;font-size:11px}.check-grid i{width:8px;height:20px;border-radius:4px}.checkbox-line{display:flex!important;align-items:center!important;gap:7px!important}.checkbox-line input{width:16px!important;height:16px!important}.modal-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.oa-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px}.oa-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--account-color);border-radius:10px;padding:15px}.oa-card header{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center}.oa-card header>i{width:12px;height:42px;background:var(--account-color);border-radius:6px}.oa-card h2{font-size:17px;margin:0}.oa-card header span{font-size:10px;color:var(--muted)}.oa-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.oa-metrics>div{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px;display:grid}.oa-metrics strong{font-size:14px}.oa-metrics span{font-size:10px;color:var(--muted)}.oa-card input{background:#111415;border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:8px}.color-field{display:flex;align-items:center;gap:7px}.color-field input{width:42px;height:36px;padding:3px}.color-field code{font-size:11px;color:var(--muted)}.workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.workflow-cards article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.workflow-cards svg{width:27px;color:#62b5fa}.workflow-cards article:nth-child(2) svg{color:#f0919e}.workflow-cards strong{display:block;font-size:15px;margin:10px 0 4px}.workflow-cards p{margin:0;color:var(--muted);font-size:12px}.closed-list>article{display:grid;grid-template-columns:auto 1fr 100px 130px 100px;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--line)}.closed-list>article>div:nth-child(2){display:grid}.closed-list span,.closed-list time{font-size:10px;color:var(--muted)}.issue-mark,.normal-mark{padding:5px 7px;border-radius:6px;text-align:center}.issue-mark{background:#482229;color:#f0919e!important}.normal-mark{background:#183d2b;color:#6ed29a!important}.success-banner{background:#183d2b;border:1px solid #286745;color:#76dba3;padding:10px 12px;border-radius:8px;margin-bottom:13px;display:flex;align-items:center;gap:7px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-section{padding:18px}.settings-section h2{font-size:17px;margin:0 0 14px}.settings-section>p{color:var(--muted);font-size:11px}.settings-section label{display:grid;gap:6px;color:var(--muted);font-size:11px;margin-bottom:12px}.settings-section input,.settings-section select,.settings-section textarea{background:#111415;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px}.settings-section textarea{min-height:160px;resize:vertical}@media(max-width:1400px){.health-grid{grid-template-columns:repeat(3,1fr)}.oa-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1180px){.workspace,.context-closed .workspace{grid-template-columns:330px minmax(0,1fr)}.context-panel{position:fixed;right:0;top:64px;bottom:0;width:330px;z-index:70;box-shadow:var(--shadow)}.oa-grid{grid-template-columns:1fr 1fr}.staff-table .table-head,.staff-table>article{grid-template-columns:minmax(220px,1.5fr) 90px 90px 90px 44px}.staff-table .table-head span:nth-child(5),.staff-table>article>span:nth-child(5){display:none}}@media(max-width:760px){.app-shell{display:block}.side-rail{position:fixed;left:0;right:0;bottom:0;height:62px;min-height:62px;z-index:100;flex-direction:row;padding:5px 7px;border-right:0;border-top:1px solid #2b3033;justify-content:space-around}.side-rail>.brand-mark,.rail-spacer,.side-rail button:last-child{display:none}.side-rail button{width:52px;height:50px}.side-rail button.active:before{left:10px;right:10px;top:-5px;width:auto;height:3px;border-radius:0 0 4px 4px}.side-rail button span{display:block!important;position:static;background:none;border:0;box-shadow:none;padding:0;font-size:8px;margin-top:-5px}.side-rail button{display:flex;flex-direction:column;gap:3px}.side-rail button svg{width:19px}.app-main{height:calc(100dvh - 62px);grid-template-rows:58px minmax(0,1fr)}.setup-banner{top:58px}.topbar{height:58px}.connection-chip{display:none}.brand strong{font-size:16px}.workspace,.context-closed .workspace{display:block;position:relative}.conversation-panel,.chat-panel{position:absolute;inset:0}.chat-panel{transform:translate(100%);transition:.2s;z-index:10}.mobile-chat-open .chat-panel{transform:translate(0)}.mobile-chat-open .conversation-panel{transform:translate(-20%)}.context-panel{top:58px;bottom:62px}.chat-header{min-height:62px;padding:7px}.mobile-back{display:grid}.chat-contact{max-width:130px}.chat-actions .btn-secondary{width:38px;font-size:0;padding:0}.chat-actions .btn-secondary svg{display:none}.chat-actions .btn-danger{display:none}.message-area{padding:14px 10px}.message-bubble{max-width:87%;font-size:14px}.admin-page{padding:18px 12px 28px}.page-header{align-items:flex-end}.page-header h1{font-size:21px}.page-header>div>p:last-child{font-size:11px}.health-grid{grid-template-columns:1fr 1fr}.oa-status-list article{grid-template-columns:8px 1fr 70px}.oa-status-list article>span{display:none}.oa-grid,.workflow-cards,.settings-grid{grid-template-columns:1fr}.staff-table .table-head{display:none}.staff-table>article{grid-template-columns:1fr auto auto;padding:12px}.staff-table>article>span:nth-child(4),.staff-table>article>span:nth-child(5){display:none}.check-grid{grid-template-columns:1fr 1fr}.closed-list>article{grid-template-columns:auto 1fr auto}.closed-list .oa-badge,.closed-list time{display:none}.close-choice{grid-template-columns:1fr}.top-actions>.icon-btn:nth-child(2){display:none}}.message-bubble.has-sticker{width:auto;max-width:220px;padding:5px;background:transparent;border:0;box-shadow:none;color:var(--ink)}.outgoing .message-bubble.has-sticker{background:transparent;border:0;color:var(--ink)}.message-bubble.has-sticker .bubble-sender{width:max-content;max-width:100%;margin:0 0 4px;padding:2px 6px;border-radius:6px;background:#111415c7;color:#d8e0e4}.line-sticker{display:block;width:min(180px,40vw);text-decoration:none}.line-sticker img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22))}.message-bubble.has-sticker time{width:max-content;margin:4px 0 0 auto;padding:2px 6px;border-radius:6px;background:#111415c7;color:#d8e0e4}@media(max-width:760px){.message-bubble.has-sticker{max-width:180px}.line-sticker{width:min(150px,42vw)}.line-sticker img{max-height:150px}}.chat-panel{height:100%;min-height:0;overflow:hidden;grid-template-rows:auto auto minmax(0,1fr) auto}.chat-panel>.sla-banner{grid-row:2}.chat-panel>.message-area{grid-row:3;min-height:0;overflow-y:auto;overscroll-behavior:contain}.chat-panel>.composer,.chat-panel>.closed-bar{grid-row:4;align-self:end;width:100%;position:relative;z-index:5}.chat-panel>.empty-chat{grid-row:1/-1;min-height:0}.composer-row{min-width:0}.app-shell{--primary:var(--accent,#1f75d6);--teal:var(--accent,#1f75d6)}.brand-mark img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain;background:var(--panel)}.conversation-item.vip{box-shadow:inset 3px 0 #f2c94c}.conversation-item.vip.active{box-shadow:inset 3px 0 #f2c94c,0 0 0 1px #7a6427}.conversation-line strong{display:flex;align-items:center;gap:5px;min-width:0}.vip-star{width:15px!important;height:15px!important;fill:#f2c94c;color:#f2c94c;flex:none}.account-line{align-items:center;justify-content:flex-start!important;gap:5px}.account-line .unread-badge{margin-left:auto}.priority-chip{font-size:9px;font-weight:900;padding:3px 6px;border-radius:5px;letter-spacing:.03em}.priority-low{background:#29343b;color:#b7c1c8}.priority-high{background:#4a3518;color:#ffd184}.priority-urgent{background:#4b2228;color:#ff9ba5}.priority-select{height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--ink);padding:0 8px;font-size:12px;font-weight:700}.vip-active{background:#433817!important;border-color:#796621!important;color:#f2c94c!important}.vip-active svg{fill:#f2c94c}.customer-v2>header>div{display:grid;gap:2px}.customer-v2>header span{font-size:10px;color:var(--muted)}.customer-feedback{display:flex;align-items:center;gap:7px;margin:10px 14px 0;padding:9px 10px;border-radius:8px;font-size:11px;font-weight:700}.customer-feedback svg{width:16px}.customer-feedback.ok{background:#153426;color:#7cddb1;border:1px solid #275943}.customer-feedback.error{background:#3a1d22;color:#ffacb3;border:1px solid #74343c}.profile-fields label{display:grid;gap:6px;margin:10px 0;color:var(--muted);font-size:11px}.profile-fields label>span{font-weight:700;color:#b9c1c5}.profile-fields input{width:100%;background:#111415;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:10px}.profile-fields input:focus{border-color:#3d95ec;outline:3px solid rgba(61,149,236,.12)}.history-list article{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:9px;margin:7px 0}.history-list article>div{display:flex;justify-content:space-between;align-items:center;gap:5px}.history-list article p{margin:6px 0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-list article small{font-size:9px;color:var(--subtle)}.header-actions,.security-actions,.inline-form,.report-filters{display:flex;align-items:flex-end;gap:8px}.header-actions{flex-wrap:wrap}.warning-card{margin-bottom:18px}.warning-card>.card-title>b{background:#482229;color:#f0919e;border-radius:12px;padding:5px 10px}.warning-card>article{display:flex;justify-content:space-between;gap:12px;padding:10px 17px;border-bottom:1px solid var(--line)}.warning-card>article span{color:var(--muted)}.staff-pages{min-height:0;overflow-y:auto;background:var(--app)}.staff-pages>.admin-page{overflow:visible;min-height:auto}.staff-pages>.admin-page+.admin-page{padding-top:0}.wide-card{grid-column:1/-1}.inline-form input{min-width:0;flex:1;background:#111415;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px}.team-list,.link-list,.session-list{display:grid;gap:7px;margin-top:12px}.team-list article,.link-list article,.session-list article{display:flex;align-items:center;justify-content:space-between;gap:9px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 10px}.team-list article{display:grid}.team-list span,.link-list span,.session-list small{display:block;color:var(--muted);font-size:10px}.link-list article>div,.session-list article>div{min-width:0;flex:1}.link-list b{font-size:11px;color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.permission-grid label{display:flex;align-items:center;gap:6px!important;margin:0!important;background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:8px;color:var(--ink)!important}.permission-grid input{width:16px;height:16px}.settings-section h2{display:flex;align-items:center;gap:7px}.settings-section h2 svg{width:19px;color:#62b5fa}.security-actions{margin:10px 0}.report-filters{margin-bottom:14px;flex-wrap:wrap}.report-filters label{display:grid;gap:5px;color:var(--muted);font-size:11px}.report-filters input{height:40px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:0 9px;color-scheme:dark}.report-table .table-head,.report-table>article{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(100px,1fr) 90px 90px 120px 120px;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--line)}.report-table .table-head{background:var(--panel-2);color:var(--muted);font-size:11px}.report-table>article:last-child{border-bottom:0}.report-table>article>strong{display:grid}.report-table small{color:var(--muted);font-weight:400;font-size:10px}.report-table>article>b{text-align:center}.audit-list{display:grid;max-height:480px;overflow:auto}.audit-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 3px;border-bottom:1px solid var(--line)}.audit-list article>div{display:grid}.audit-list span,.audit-list time{font-size:10px;color:var(--muted)}@media(max-width:760px){.side-rail{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.side-rail::-webkit-scrollbar{display:none}.side-rail button{min-width:54px;flex:none}.chat-header>.avatar{display:none}.chat-contact{max-width:min(34vw,150px)}.chat-contact .oa-badge{display:none}.chat-actions{gap:3px}.chat-actions>.icon-btn:first-child{display:none}.priority-select{width:62px;height:38px;padding:0 3px;font-size:10px}.composer{padding:8px 8px max(8px,env(safe-area-inset-bottom))}.composer-tools button{padding:0 7px}.composer textarea{min-height:50px;max-height:90px}.message-row{margin:8px 0}.incoming{justify-content:flex-start}.outgoing{justify-content:flex-end}.message-bubble{max-width:84%}.page-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1}.wide-card{grid-column:auto}.permission-grid{grid-template-columns:1fr 1fr}.inline-form{align-items:stretch;flex-direction:column}.report-table{overflow-x:auto}.report-table .table-head,.report-table>article{min-width:760px}.report-filters label{flex:1}.report-filters input{width:100%}}.composer textarea{width:100%;min-width:0}@media(max-width:760px){.chat-panel{height:100%;max-height:100%}.composer{padding-bottom:max(9px,env(safe-area-inset-bottom))}}.chat-actions>.btn-secondary{display:none}@media(max-width:760px){.chat-actions .btn-danger{display:inline-flex;width:40px;padding:0;font-size:0;justify-content:center}.chat-actions .btn-danger svg{margin:0}}:root{--glass-opacity:.82;--glass-blur:18px;--neon-strength:1;--glass:rgb(13 34 26 / var(--glass-opacity));--glass-strong:rgba(15,39,30,.94);--glass-line:rgba(80,213,139,.26);--neon:rgba(6,199,85,calc(.34 * var(--neon-strength)));--primary:#06c755;--primary-hover:#18d969;--teal:#06c755;--teal-dark:#039744;--teal-soft:#123c29;--app:#07110d;--panel:var(--glass);--panel-2:rgba(22,52,41,.76);--panel-3:rgba(31,68,52,.86);--line:var(--glass-line);--ink:#effff5;--muted:#a8c0b3;--subtle:#789486;--shadow:0 15px 40px rgba(0,0,0,.3)}body,.app-shell,.admin-page{background:#07110d}.app-shell:before{content:"";position:fixed;right:8%;top:4%;width:280px;height:280px;border-radius:50%;background:#0b432d;opacity:.22;filter:blur(80px);pointer-events:none}.app-shell:after{content:"";position:fixed;left:28%;bottom:-120px;width:340px;height:340px;border-radius:50%;background:#12392b;opacity:.2;filter:blur(95px);pointer-events:none}.topbar,.side-rail,.conversation-panel,.chat-panel,.context-panel,.data-card,.metric-card,.customer-directory>article,.withdrawal-progress,.login-card,.modal-card,.quick-drawer{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow)}.side-rail{margin:10px 0 10px 10px;border-radius:20px;background:#081812e0}.side-rail button{border-radius:14px}.side-rail button.active{background:#123f2b;color:#65f0a1;box-shadow:0 0 18px var(--neon),inset 0 1px #ffffff1a}.side-rail button.active:before{background:#06c755;box-shadow:0 0 12px #06c755}.topbar{margin:10px 10px 0;height:54px;border-radius:18px;padding:0 14px}.app-main{grid-template-rows:64px minmax(0,1fr)}.connection-chip{background:#0a37229e;border-color:#06c75559;color:#70eaa5}.connection-chip i{background:#06c755;box-shadow:0 0 10px #06c755}.workspace{grid-template-columns:510px minmax(460px,1fr) 340px;gap:10px;padding:10px;background:transparent}.context-closed .workspace{grid-template-columns:510px minmax(460px,1fr)}.conversation-panel,.chat-panel,.context-panel{border-radius:20px;overflow:hidden}.conversation-panel{display:grid;grid-template-columns:148px minmax(0,1fr);grid-template-rows:auto auto auto auto minmax(0,1fr)}.conversation-panel>.panel-title{grid-column:2;grid-row:1}.conversation-panel>.summary-grid{grid-column:2;grid-row:2}.conversation-panel>.search-box{grid-column:2;grid-row:3}.conversation-panel>.account-filters{grid-column:1;grid-row:1/6}.conversation-panel>.filters{grid-column:2;grid-row:4}.conversation-panel>.conversation-list{grid-column:2;grid-row:5}.account-filters{min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;overflow-x:hidden;padding:15px 10px;border-right:1px solid var(--line);gap:8px}.account-filters:before{content:"LINE OA";font-size:10px;font-weight:900;letter-spacing:.12em;color:#69e99f;margin:2px 4px 5px}.account-filters button{width:100%;min-height:44px;justify-content:space-between;text-align:left;border-radius:13px!important;padding:8px!important;background:#122d23b8!important}.account-filters button.active{box-shadow:0 0 15px color-mix(in srgb,var(--account-color,#06c755) 35%,transparent);outline:1px solid var(--account-color,#06c755)!important}.account-filters b{margin-left:auto}.panel-title>span{background:#123c29;color:#62e99c}.summary-grid button,.search-box,.filters select{border-radius:13px}.summary-grid button.active{background:#123c29;border-color:#238f58;box-shadow:inset 0 -3px #06c755,0 0 12px #06c75529}.conversation-item{border-radius:15px;padding:12px 10px;margin-bottom:5px}.conversation-item.active{background:#123d2bcc;border-color:#06c7556b;box-shadow:inset 4px 0 #06c755,0 0 16px #06c7551f}.conversation-item.overdue:not(.active){background:#4b1d228c}.message-area{background:#06120d4d}.message-bubble{border-radius:18px 18px 18px 6px;background:#224135db;border-color:#7ab59733}.outgoing .message-bubble{border-radius:18px 18px 6px;background:#056237e0;border-color:#06c7557a;box-shadow:0 7px 22px #0003,0 0 12px #06c75514}.btn,.icon-btn,.send-btn,.priority-select{border-radius:13px;box-shadow:0 5px 14px #0003,inset 0 1px #ffffff1a}.btn-primary,.send-btn{background:#06c755;color:#fff;border-color:#29df79;box-shadow:0 7px 20px #06c75538,inset 0 1px #ffffff3d}.btn-primary:hover,.send-btn:hover{background:#18d969}.composer{background:#0b1f17eb;backdrop-filter:blur(20px)}.composer textarea{border-radius:15px;background:#030f0ab3;border-color:#63a9864d}.chat-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto}.chat-panel>.chat-header{grid-row:1}.chat-panel>.withdrawal-progress{grid-row:2}.chat-panel>.sla-banner{grid-row:3}.chat-panel>.message-area{grid-row:4}.chat-panel>.composer,.chat-panel>.closed-bar{grid-row:5}.withdrawal-progress{margin:9px 12px 0;padding:10px 12px;border-radius:16px;display:flex;align-items:center;gap:14px;background:#092318d1}.workflow-track{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;flex:1}.workflow-track>div{position:relative;display:grid;justify-items:center;gap:4px;color:var(--muted);font-size:10px;text-align:center}.workflow-track>div:not(:last-child):after{content:"";position:absolute;left:58%;right:-42%;top:11px;height:3px;background:#294a3b}.workflow-track>div.done:not(:last-child):after{background:#06c755;box-shadow:0 0 9px #06c75580}.workflow-track i{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#1c3a2e;border:1px solid #49695a}.workflow-track .done i{background:#06c755;color:#fff;border-color:#38e785;box-shadow:0 0 12px #06c75573}.workflow-track .done span{color:#d9ffea}.withdrawal-progress>.btn{white-space:nowrap}.glass-page{position:relative}.dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:16px}.metric-card{min-height:132px;border-radius:18px;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center}.metric-card svg{grid-column:2;width:25px;color:#62e99c}.metric-card span{grid-column:1/3;color:var(--muted);font-size:12px}.metric-card strong{font-size:32px}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channel-summary,.agent-summary{padding:8px 14px}.channel-summary article,.agent-summary article{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line)}.channel-summary article strong{margin-left:auto;font-size:18px}.agent-summary article>b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#163d2c;color:#70eaa5}.agent-summary article>div{display:grid;flex:1}.agent-summary span{color:var(--muted);font-size:10px}.agent-summary em{font-style:normal;color:#68e59d;font-size:11px}.today-strip{margin-top:14px;display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:var(--glass)}.today-strip>div{display:grid;min-width:140px}.today-strip span{font-size:11px;color:var(--muted)}.today-strip strong{font-size:22px}.today-strip button{margin-left:auto;border:0;background:none;color:#68e59d;font-weight:800;display:flex;align-items:center;gap:6px}.today-strip button svg{transform:rotate(180deg);width:16px}.customer-search{height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;margin-bottom:12px;border:1px solid var(--line);border-radius:15px;background:var(--glass)}.customer-search svg{width:18px;color:var(--muted)}.customer-search input{border:0;outline:0;background:none;color:var(--ink);width:100%}.customer-directory{display:grid;gap:9px}.customer-directory>article{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(180px,.7fr) 80px auto;align-items:center;gap:13px;padding:13px 15px;border-radius:17px}.customer-main{display:grid;min-width:0}.customer-main>span,.customer-main p{font-size:10px;color:var(--muted)}.customer-main p{margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-tags{display:flex;flex-wrap:wrap;gap:5px}.customer-tags>span{padding:3px 7px;border-radius:8px;background:#193d2d;color:#76e5a6;font-size:9px}.customer-cases{display:grid;text-align:center}.customer-cases strong{font-size:19px}.customer-cases span,.customer-cases small{font-size:9px;color:var(--muted)}.reply-layout{display:grid;grid-template-columns:190px minmax(300px,1fr) 330px;gap:12px;align-items:start}.reply-accounts{padding:10px}.reply-accounts button{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:12px;background:transparent;color:var(--muted);padding:10px;text-align:left}.reply-accounts button i{width:5px;height:28px;border-radius:4px;background:var(--account-color)}.reply-accounts button.active{background:#173b2c;color:#fff;box-shadow:0 0 12px #06c7551f}.reply-library{padding:10px}.reply-library>article{display:flex;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.reply-library>article>div{display:grid;flex:1}.reply-library article span{color:#67e69e;font-size:9px}.reply-library article p{color:var(--muted);font-size:11px;margin:5px 0;white-space:pre-wrap}.reply-editor{padding:16px}.reply-editor h2{margin:0 0 14px}.reply-editor label{display:grid;gap:5px;margin-bottom:10px;color:var(--muted);font-size:11px}.reply-editor input,.reply-editor textarea{border:1px solid var(--line);border-radius:12px;background:#081811;color:var(--ink);padding:10px}.reply-editor textarea{min-height:170px;resize:vertical}@media(max-width:1450px){.workspace{grid-template-columns:450px minmax(430px,1fr)}.context-panel{position:fixed;right:10px;top:74px;bottom:10px;width:340px;z-index:70;border-radius:20px}.conversation-panel{grid-template-columns:125px minmax(0,1fr)}.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.side-rail{margin:0;border-radius:0}.topbar{margin:0;border-radius:0;height:58px}.workspace,.context-closed .workspace{padding:0}.conversation-panel{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto minmax(0,1fr)}.conversation-panel>.panel-title{grid-column:1;grid-row:1}.conversation-panel>.summary-grid{grid-column:1;grid-row:2}.conversation-panel>.search-box{grid-column:1;grid-row:3}.conversation-panel>.account-filters{grid-column:1;grid-row:4}.conversation-panel>.filters{grid-column:1;grid-row:5}.conversation-panel>.conversation-list{grid-column:1;grid-row:6}.account-filters{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;padding:0 10px 9px}.account-filters:before{display:none}.account-filters button{width:auto;min-height:36px}.conversation-panel,.chat-panel{border-radius:0}.withdrawal-progress{margin:6px 7px 0;padding:8px;display:grid;gap:8px}.withdrawal-progress>.btn{width:100%;height:36px;min-height:36px}.workflow-track span{font-size:8px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.metric-card{min-height:110px}.customer-directory>article{grid-template-columns:auto 1fr auto}.customer-tags{grid-column:2}.customer-cases{grid-column:3;grid-row:1/3}.customer-directory>article>.btn{grid-column:1/-1}.reply-layout{grid-template-columns:1fr}.reply-accounts{display:flex;overflow-x:auto}.reply-accounts button{width:auto;min-width:120px}.reply-editor{order:2}.reply-library{order:3}}.report-overview{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.report-overview article{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--glass);box-shadow:var(--shadow)}.report-overview span{font-size:10px;color:var(--muted)}.report-overview strong{font-size:23px}.report-overview small{font-size:9px;color:var(--muted)}.channel-report{margin-bottom:14px}.channel-report>div:last-child{display:flex;flex-wrap:wrap;gap:8px;padding:13px}.channel-report article{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.channel-report article strong{font-size:18px}@media(max-width:900px){.report-overview{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.report-overview{grid-template-columns:repeat(2,1fr)}}.customer-presence{color:#62e99c;font-size:9px;font-weight:800;margin-right:auto}.customer-presence+svg{margin-left:5px}:root{--lime:#ABFF00;--lime-dark:#86C900;--black:#00000D;--black-matte:#2A2A2A;--glass:rgb(42 42 42 / var(--glass-opacity));--glass-strong:rgba(42,42,42,.96);--glass-line:rgba(171,255,0,.28);--neon:rgba(171,255,0,calc(.38 * var(--neon-strength)));--primary:#ABFF00;--primary-hover:#86C900;--teal:#ABFF00;--teal-dark:#86C900;--teal-soft:#1B260B;--app:#00000D;--panel:var(--glass);--panel-2:rgba(42,42,42,.84);--panel-3:rgba(35,46,13,.88);--line:var(--glass-line);--soft:#2A2A2A;--ink:#FFFFFF;--muted:#BFBFBF;--subtle:#7C7C7C;--warning:#ABFF00;--shadow:0 16px 42px rgba(0,0,0,.55),0 0 18px rgba(171,255,0,.035) }html,body,.app-shell,.admin-page{background:#00000d;color:var(--ink)}.app-shell{--primary:var(--accent,#ABFF00);--teal:var(--accent,#ABFF00)}.app-shell:before{background:#86c900;opacity:.1}.app-shell:after{background:#abff00;opacity:.07}.topbar,.side-rail,.conversation-panel,.chat-panel,.context-panel,.data-card,.metric-card,.customer-directory>article,.withdrawal-progress,.login-card,.modal-card,.quick-drawer{background:var(--glass);border-color:var(--glass-line);box-shadow:var(--shadow)}.side-rail{background:#00000deb}.brand-mark{background:#abff00;color:#00000d;box-shadow:0 7px 20px #abff0038,inset 0 1px #ffffff73}.side-rail button.active{background:#1b260b;color:#abff00;box-shadow:0 0 18px var(--neon),inset 0 1px #ffffff14}.side-rail button.active:before{background:#abff00;box-shadow:0 0 12px #abff00}.connection-chip{background:#86c90024;border-color:#abff0061;color:#abff00}.connection-chip i{background:#abff00;box-shadow:0 0 10px #abff00}.eyebrow,.account-filters:before,.metric-card svg,.agent-summary em,.today-strip button,.reply-library article span,.customer-presence{color:#abff00}.panel-title>span,.count-badge{background:#1b260b;color:#abff00;border:1px solid rgba(171,255,0,.22)}.summary-grid button,.search-box,.filters select,.icon-btn,.btn-secondary,.btn-quiet,.priority-select{background:#2a2a2a;color:var(--ink);border-color:#abff0038}.summary-grid button.active{background:#1b260b;border-color:#86c900;box-shadow:inset 0 -3px #abff00,0 0 13px #abff0029}.search-box:focus-within,.composer textarea:focus,.profile-fields input:focus,.settings-section input:focus,.settings-section select:focus,.settings-section textarea:focus{border-color:#abff00;box-shadow:0 0 0 3px #abff001f;outline:0}.account-filters button{background:#2a2a2adb!important;color:var(--ink)}.account-filters button.active{box-shadow:0 0 15px color-mix(in srgb,var(--account-color,#ABFF00) 38%,transparent);outline-color:var(--account-color,#ABFF00)!important}.conversation-item:hover{background:#86c90014}.conversation-item.active{background:#86c90029;border-color:#abff006b;box-shadow:inset 4px 0 #abff00,0 0 16px #abff001a}.message-area{background:#00000d6b}.message-bubble{background:#2a2a2af0;border-color:#abff002e;color:var(--ink)}.outgoing .message-bubble{background:#abff00;border-color:#abff00;color:#00000d;box-shadow:0 8px 24px #00000057,0 0 14px #abff001f}.outgoing .bubble-sender,.outgoing .message-bubble time{color:#000000b3}.message-bubble.private{background:#25340c;color:#eeffd1;border-color:#86c900}.composer{background:#00000df0;border-color:#abff0040}.composer textarea,.profile-fields input,.settings-section input,.settings-section select,.settings-section textarea,.inline-form input,.reply-editor input,.reply-editor textarea,.modal-card input,.modal-card select,.modal-card textarea,.quick-form input,.quick-form textarea,.staff-form input,.staff-form select,.login-card input{background:#2a2a2a;color:var(--ink);border-color:#abff0040}.btn-primary,.send-btn{background:#abff00;color:#00000d;border:1px solid #ABFF00;box-shadow:0 7px 20px #abff0038,inset 0 1px #ffffff6b}.btn-primary:hover,.send-btn:hover{background:#c7ff5c}.btn-primary svg,.send-btn svg{color:#00000d}.attach-btn,.quick-btn,.tool-toggle.active,.account-lock{background:#1b260b;color:#abff00;border-color:#abff0047}.file-preview{background:#2a2a2a;border-color:#abff004d}.withdrawal-progress{background:#2a2a2aeb}.workflow-track>div:not(:last-child):after{background:#3d4729}.workflow-track>div.done:not(:last-child):after{background:#abff00;box-shadow:0 0 9px #abff007a}.workflow-track i{background:#2a2a2a;border-color:#527a00}.workflow-track .done i{background:#abff00;color:#00000d;border-color:#c7ff5c;box-shadow:0 0 12px #abff0070}.workflow-track .done span{color:#e4ffb3}.agent-summary article>b,.customer-tags>span,.reply-accounts button.active{background:#1b260b;color:#abff00}.reply-accounts button.active{box-shadow:0 0 12px #abff001f}.success-banner,.customer-feedback.ok,.normal-mark{background:#1b260b!important;border-color:#527a00!important;color:#abff00!important}.settings-section h2 svg,.workflow-cards svg,.detail-group h4 svg,.file-preview>svg{color:#abff00}.closed-bar{background:#2a2a2a;color:var(--muted)}.closed-bar svg,.closed-bar button{color:#abff00}.empty-art{background:#1b260b;color:#abff00}.role-badge{background:#1b260b!important;color:#abff00!important}input[type=checkbox],input[type=radio],input[type=range]{accent-color:#ABFF00}*{scrollbar-color:#86C900 #2A2A2A}::selection{background:#abff00;color:#00000d}:root,html[data-theme=light],html[data-theme=dark]{color-scheme:dark;--glass-opacity:1;--glass-blur:0px;--neon-strength:0;--lime:#65fe08;--lime-dark:#39ff14;--black:#0d0d0d;--black-matte:#2A2A2A;--glass:#2A2A2A;--glass-strong:#2A2A2A;--glass-line:#3f5b31;--neon:transparent;--primary:#65fe08;--primary-hover:#75ff24;--teal:#65fe08;--teal-dark:#39ff14;--teal-soft:#24351c;--app:#0d0d0d;--panel:#2A2A2A;--panel-2:#242424;--panel-3:#303030;--line:#3f5b31;--soft:#2A2A2A;--ink:#39ff14;--muted:#ffffff;--subtle:#c9c9c9;--warning:#65fe08;--shadow:none }html,body,.app-shell,.admin-page,.login-page{background:#0d0d0d;color:var(--ink)}.app-shell{--primary:var(--accent,#65fe08);--teal:var(--accent,#65fe08)}.app-shell:before,.app-shell:after{display:none!important;content:none!important}.topbar,.side-rail,.conversation-panel,.chat-panel,.context-panel,.data-card,.metric-card,.customer-directory>article,.withdrawal-progress,.login-card,.modal-card,.quick-drawer,.today-strip,.report-overview article,.customer-search{background:#2a2a2a!important;background-image:none!important;border-color:#3f5b31!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}*,*:before,*:after{text-shadow:none!important}.side-rail{background:#151515!important}.brand-mark,.btn-primary,.send-btn{background:#65fe08!important;color:#0d0d0d!important;border-color:#65fe08!important;box-shadow:0 2px #000!important}.brand-mark svg,.btn-primary svg,.send-btn svg{color:#0d0d0d!important}.side-rail button.active,.summary-grid button.active,.reply-accounts button.active,.attach-btn,.quick-btn,.tool-toggle.active,.account-lock,.success-banner,.customer-feedback.ok,.normal-mark,.empty-art,.role-badge{background:#24351c!important;color:#65fe08!important;border-color:#65fe08!important;box-shadow:none!important}.side-rail button.active:before,.connection-chip i{background:#65fe08!important;box-shadow:none!important}.connection-chip{background:#24351c;border-color:#4c7a37;color:#65fe08}.eyebrow,.account-filters:before,.metric-card svg,.agent-summary em,.today-strip button,.reply-library article span,.customer-presence,.settings-section h2 svg,.workflow-cards svg,.detail-group h4 svg,.file-preview>svg,.closed-bar svg,.closed-bar button{color:#65fe08!important}.panel-title>span,.count-badge{background:#24351c;color:#65fe08;border-color:#4c7a37}.summary-grid button,.search-box,.filters select,.icon-btn,.btn-secondary,.btn-quiet,.priority-select,.composer textarea,.profile-fields input,.settings-section input,.settings-section select,.settings-section textarea,.inline-form input,.reply-editor input,.reply-editor textarea,.modal-card input,.modal-card select,.modal-card textarea,.quick-form input,.quick-form textarea,.staff-form input,.staff-form select,.login-card input{background:#242424!important;color:#39ff14!important;border-color:#3f5b31!important;box-shadow:none!important}.search-box input,.customer-search input{color:#39ff14!important}.search-box input::placeholder,.customer-search input::placeholder,textarea::placeholder,input::placeholder{color:#c9c9c9;opacity:1}.search-box:focus-within,.composer textarea:focus,.profile-fields input:focus,.settings-section input:focus,.settings-section select:focus,.settings-section textarea:focus,.modal-card input:focus,.modal-card textarea:focus{border-color:#65fe08!important;box-shadow:0 0 0 1px #65fe08!important;outline:0}.account-filters button{background:#242424!important;color:#fff!important}.account-filters button.active{outline:2px solid var(--account-color,#65fe08)!important;box-shadow:none!important}.conversation-item:hover{background:#303030}.conversation-item.active{background:#24351c;border-color:#65fe08;box-shadow:inset 4px 0 #65fe08!important}.message-area{background:#0d0d0d}.message-bubble{background:#2a2a2a;border-color:#3f5b31;color:#fff;box-shadow:none!important}.outgoing .message-bubble{background:#24351c;border-color:#65fe08;color:#fff;box-shadow:none!important}.outgoing .bubble-sender,.outgoing .message-bubble time{color:#d8f9ca}.message-bubble.private{background:#303030;color:#fff;border-color:#65fe08}.composer,.closed-bar{background:#151515!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#3f5b31}.btn,.icon-btn,.send-btn,.priority-select{border-radius:12px;box-shadow:0 2px #000!important}.btn:active,.icon-btn:active,.send-btn:active{transform:translateY(1px);box-shadow:0 1px #000!important}.workflow-track>div.done:not(:last-child):after,.workflow-track .done i{background:#65fe08;box-shadow:none!important}.workflow-track .done i{color:#0d0d0d;border-color:#65fe08}.workflow-track .done span{color:#fff}.context-panel{height:100%;min-height:0;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:28px}.context-panel>header{position:sticky;top:0;z-index:5;flex:0 0 auto;background:#2a2a2a;border-bottom:1px solid #3f5b31}.context-panel>.customer-profile,.context-panel>.detail-group,.context-panel>.customer-feedback{flex:0 0 auto}.context-panel .history-list{padding-bottom:42px}.context-panel .detail-group:last-child{margin-bottom:24px}.oa-create-modal{width:min(560px,100%)}.oa-create-form{display:grid;gap:12px}.oa-create-form>label,.oa-create-form .form-grid>label{display:grid;gap:6px;color:#fff;font-size:12px}.oa-create-form textarea{min-height:94px;resize:vertical}.oa-create-form footer{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.form-help{margin:0;color:#fff;font-size:11px;line-height:1.6}.oa-created{display:grid;gap:12px}.oa-created>svg{width:38px;height:38px;color:#65fe08}.oa-created h3,.oa-created p{margin:0}.oa-created p{color:#fff;line-height:1.6}.oa-created code{display:block;overflow-wrap:anywhere;padding:12px;border:1px solid #3f5b31;border-radius:10px;background:#151515;color:#39ff14}input[type=checkbox],input[type=radio],input[type=range]{accent-color:#65fe08}*{scrollbar-color:#65fe08 #2A2A2A}::selection{background:#65fe08;color:#0d0d0d}@media(max-width:1450px){.context-panel{height:auto}}@media(max-width:760px){.context-panel{height:auto;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.oa-create-modal{max-height:calc(100dvh - 20px);overflow-y:auto}.oa-create-form footer{position:sticky;bottom:0;background:#2a2a2a;padding-top:10px}}.chat-header{height:76px!important;min-height:76px!important;max-height:76px!important;display:grid!important;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important;align-items:center!important;gap:10px!important;overflow:hidden}.chat-header-left{min-width:0;display:flex;align-items:center;gap:10px;justify-self:start;overflow:hidden}.chat-header-left>.avatar{flex:0 0 auto}.chat-contact{min-width:0;max-width:100%!important}.chat-contact strong,.chat-contact>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{margin-left:0!important;justify-self:end;min-width:0;position:relative;z-index:2}.active-oa-focus{--oa-focus-color:#06c755;position:static!important;left:auto!important;top:auto!important;transform:none!important;justify-self:center;align-self:center;height:34px;min-width:0;width:max-content;max-width:280px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden;white-space:nowrap;pointer-events:none;background:#171b18;border:1px solid var(--oa-focus-color);border-radius:10px;box-shadow:none!important;z-index:3}.active-oa-label{flex:0 0 auto;color:#fff;font-size:9px;font-weight:700;line-height:1;opacity:.82}.active-oa-focus .oa-badge.compact{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:3px 7px;line-height:1}.toast-warning{background:#302711!important;border:1px solid #8a6a20!important;color:#fff4ca!important}.toast-warning svg{color:#f0bd44!important}@media(max-width:1180px){.active-oa-label{display:none}.active-oa-focus{max-width:150px;padding:0 7px}.active-oa-focus .oa-badge.compact{max-width:134px}}@media(max-width:900px){.chat-header{gap:6px!important}.chat-header-left{gap:6px}.active-oa-focus{max-width:125px}.active-oa-focus .oa-badge.compact{max-width:111px}}@media(max-width:760px){.chat-header{height:62px!important;min-height:62px!important;max-height:62px!important;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important;gap:4px!important;padding:7px!important}.chat-header-left{gap:5px}.chat-header-left>.avatar{width:36px;height:36px}.chat-contact{max-width:95px!important}.chat-contact strong{font-size:13px}.chat-contact>span{font-size:8px}.active-oa-focus{height:32px;max-width:108px;padding:0 5px;border-radius:9px}.active-oa-focus .oa-badge.compact{max-width:96px;font-size:9px;padding:3px 5px}.chat-actions{gap:3px}}@media(max-width:520px){.chat-header-left>.avatar{display:none}.chat-contact{max-width:74px!important}.active-oa-focus{max-width:98px}.active-oa-focus .oa-badge.compact{max-width:86px}}@media(max-width:430px){.chat-contact{display:none}.active-oa-focus{max-width:92px}.active-oa-focus .oa-badge.compact{max-width:80px}}:root{--danger-alert:#ff3b4d;--success-action:#65fe08}.workspace{grid-template-columns:560px minmax(620px,1fr) 370px}.context-closed .workspace{grid-template-columns:560px minmax(620px,1fr)}.conversation-panel{grid-template-columns:166px minmax(0,1fr)}.panel-title h2{font-size:24px!important}.conversation-line strong{font-size:16px!important}.conversation-copy>p{font-size:13px!important;line-height:1.4}.assignee-line,.conversation-bottom,.conversation-line time{font-size:11px!important}.account-filters button{font-size:12px!important;min-height:48px}.summary-grid button span{font-size:11px!important}.summary-grid button strong{font-size:22px!important}.chat-contact strong{font-size:18px!important}.message-bubble{font-size:15px!important;line-height:1.55}.bubble-sender{font-size:10px!important}.context-panel{font-size:13px}.unread-badge,.unread-count-dot{background:var(--danger-alert)!important;color:#fff!important;border:2px solid #21090c!important;box-shadow:0 0 0 2px #ff3b4d29!important;font-weight:900!important}.unread-badge{min-width:24px;height:24px;border-radius:50%;padding:0 5px}.account-filters b.unread-count-dot{min-width:24px;height:24px;border-radius:50%;font-size:10px}.count-badge.unread-count-dot{min-width:27px;height:27px;border-radius:50%;padding:0 6px;display:grid;place-items:center}.conversation-item.has-unread{background:#312326!important;border-color:#8f3039!important}.conversation-item.has-unread:not(.active){box-shadow:inset 4px 0 var(--danger-alert)!important}.conversation-item.has-unread .conversation-line strong{color:#fff!important}.rail-unread{position:absolute;right:2px;top:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger-alert);color:#fff;font:900 9px/18px system-ui;text-align:center;border:2px solid #151515}.notification-active,.sound-active{border-color:#65fe08!important;background:#1c351b!important;color:#65fe08!important;box-shadow:inset 0 0 0 1px #65fe08!important}.notification-blocked{border-color:#ff5364!important;color:#ff7a87!important;background:#35191d!important}.notification-btn>span{background:var(--danger-alert)!important;border:2px solid #151515!important;min-width:20px;height:20px;line-height:16px;border-radius:50%;right:-5px;top:-6px}.action-busy{opacity:.72;cursor:wait!important;pointer-events:none}.action-success{animation:action-confirm .7s ease;border-color:#65fe08!important;box-shadow:0 0 0 2px #65fe0847!important}.sync-active{background:#20331b!important;color:#65fe08!important}.toast-success{background:#15341a!important;border:1px solid #65fe08!important;color:#eaffdf!important}.toast-success svg{color:#65fe08!important}.message-area.message-alert{animation:new-message-flash 1.05s ease}.closed-bar button.action-busy{opacity:.7}.closed-bar button.action-success{color:#65fe08!important}@keyframes action-confirm{0%{transform:scale(.97)}45%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes new-message-flash{0%,to{box-shadow:inset 0 0 #ff3b4d00}25%{box-shadow:inset 0 0 0 3px #ff3b4dd9}55%{box-shadow:inset 0 0 0 2px #ff3b4d59}}@media(max-width:1700px){.workspace{grid-template-columns:500px minmax(560px,1fr) 350px}.context-closed .workspace{grid-template-columns:500px minmax(560px,1fr)}.conversation-panel{grid-template-columns:145px minmax(0,1fr)}}@media(max-width:1450px){.workspace,.context-closed .workspace{grid-template-columns:470px minmax(430px,1fr)}.conversation-panel{grid-template-columns:132px minmax(0,1fr)}}@media(max-width:760px){.workspace,.context-closed .workspace{grid-template-columns:1fr}.panel-title h2{font-size:20px!important}.conversation-line strong{font-size:15px!important}.message-bubble{font-size:14px!important}}.active-oa-focus{height:44px!important;max-width:420px!important;padding:0 14px!important;gap:10px!important;background:#0f1110!important;border:2px solid var(--oa-focus-color)!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px #ffffff0f!important}.active-oa-label{font-size:12px!important;font-weight:900!important;letter-spacing:.02em!important;color:#fff!important;opacity:1!important}.active-oa-focus .oa-badge.compact{max-width:190px!important;font-size:12px!important;font-weight:900!important;padding:5px 10px!important;border-width:1px!important}.active-oa-paused{font-size:10px;font-weight:900;color:#ffd166;background:#3a2c08;border:1px solid #b98718;border-radius:999px;padding:4px 7px}.oa-webhook-warning{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #8a6a18;border-radius:10px;background:#2b240f;color:#fff}.oa-webhook-warning>svg{width:20px;flex:0 0 auto;color:#ffd166}.oa-webhook-warning>div{display:grid;gap:3px}.oa-webhook-warning strong{font-size:13px}.oa-webhook-warning span{font-size:11px;color:#f5e7b4;line-height:1.5}.oa-state-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.oa-state-selector button{min-height:64px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#151819;color:var(--ink);display:grid;gap:3px;text-align:left;cursor:pointer}.oa-state-selector b{font-size:11px}.oa-state-selector small{font-size:9px;color:var(--muted);line-height:1.35}.oa-state-selector button.active.state-active{border-color:#39d98a;background:#153326;color:#7ff0b3}.oa-state-selector button.active.state-paused{border-color:#d6a62c;background:#352b10;color:#ffd166}.oa-state-selector button.active.state-inactive{border-color:#d95763;background:#3a1c21;color:#ff9da6}.oa-state-chip{padding:5px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important}.state-active{background:#183d2b!important;color:#6ed29a!important}.state-paused{background:#3b3012!important;color:#ffd166!important}.state-inactive{background:#482229!important;color:#f0919e!important}.oa-state-note{display:flex;align-items:flex-start;gap:7px;margin:10px 0;padding:9px 10px;border-radius:8px;font-size:10px;line-height:1.5}.oa-state-note svg{width:16px;flex:0 0 auto}.oa-state-note.paused{background:#31280f;border:1px solid #7a621b;color:#ffe7a0}.oa-state-note.inactive{background:#2b1b1e;border:1px solid #6e3138;color:#ffc0c6}.oa-card.oa-state-paused{border-top-color:#d6a62c}.oa-card.oa-state-inactive{opacity:.82;border-top-color:#d95763}.oa-paused-filter{border-color:#8a6a18!important}.oa-paused-filter:after{content:"พัก";margin-left:5px;color:#ffd166;font-size:8px;font-weight:900}.oa-status-list b.state-paused{background:#3b3012;color:#ffd166}.password-change-card form{display:grid;gap:9px}.password-change-card .security-note{display:block;margin-top:8px;color:var(--muted);line-height:1.5}@media(max-width:760px){.top-actions>.icon-btn:nth-child(2){display:grid!important}.active-oa-focus{height:36px!important;max-width:170px!important;padding:0 7px!important;gap:5px!important}.active-oa-label{font-size:10px!important}.active-oa-focus .oa-badge.compact{max-width:78px!important;font-size:10px!important;padding:4px 6px!important}.active-oa-paused{display:none}.oa-state-selector{grid-template-columns:1fr}}:root{--muted:#c7cdd2;--subtle:#aeb7bd;--text-detail:calc(13px * var(--font-scale));--text-label:calc(14px * var(--font-scale));--text-body:calc(15px * var(--font-scale));--text-subtitle:calc(16px * var(--font-scale))}.active-oa-focus.active-oa-split{height:46px!important;max-width:520px!important;padding:0!important;gap:0!important;overflow:visible!important;background:#101313!important;border:1px solid color-mix(in srgb,var(--oa-focus-color) 58%,#3b4348)!important;border-radius:13px!important;box-shadow:0 4px 14px #0003!important}.active-oa-prefix{height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;flex:0 0 auto;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#171b1c,#101314)}.active-oa-live-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:#65fe08;box-shadow:0 0 0 3px #65fe081f}.active-oa-label{font-size:calc(14px * var(--font-scale))!important;font-weight:750!important;letter-spacing:.01em!important;line-height:1.15!important;color:#f5f7f8!important}.active-oa-label b{font-weight:900;color:#fff}.active-oa-account{min-width:150px;max-width:260px;height:44px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border-left:1px solid var(--oa-focus-color);border-radius:0 12px 12px 0;background:#202428;background:linear-gradient(135deg,color-mix(in srgb,var(--oa-focus-color) 68%,#151718),color-mix(in srgb,var(--oa-focus-color) 43%,#111314));color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--oa-focus-color) 78%,#fff),0 0 13px color-mix(in srgb,var(--oa-focus-color) 24%,transparent)}.active-oa-account strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(16px * var(--font-scale));font-weight:900;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.45)}.active-oa-line-icon{width:28px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#fff;color:color-mix(in srgb,var(--oa-focus-color) 82%,#111);font:900 8px/1 system-ui,sans-serif;box-shadow:0 1px 4px #00000040}.active-oa-paused{margin:0 8px;flex:0 0 auto;font-size:11px!important}body{line-height:1.45}.brand span,.user-chip span,.page-header>div>p:last-child,.card-title p,.card-title span,.health-card span,.oa-status-list span,.oa-card header span,.oa-metrics span,.settings-section>p,.settings-section label,.staff-table .table-head,.person span,.report-table .table-head,.report-table small,.report-filters label,.team-list span,.link-list span,.session-list small,.customer-v2>header span,.profile-fields label,.history-list article p,.history-list article small,.audit-list span,.audit-list time,.workflow-cards p,.closed-list span,.closed-list time,.agent-summary span,.today-strip span,.customer-main>span,.customer-main p,.customer-cases span,.customer-cases small,.reply-library article p,.reply-editor label,.report-overview span,.report-overview small,.form-help,.security-note{font-size:var(--text-detail)!important;font-weight:600!important;line-height:1.5!important;color:var(--muted)!important}.field-label,.modal-card>label,.quick-form label,.staff-form label,.login-card label,.oa-create-form>label,.oa-create-form .form-grid>label,.check-grid label,.permission-grid label,.account-lock,.quick-categories button{font-size:var(--text-label)!important;font-weight:700!important;line-height:1.4!important}.modal-card input,.modal-card select,.modal-card textarea,.quick-form input,.quick-form textarea,.staff-form input,.staff-form select,.login-card input,.settings-section input,.settings-section select,.settings-section textarea,.profile-fields input,.inline-form input,.report-filters input,.search-box input,.filters select{font-size:var(--text-label)!important;font-weight:600!important}.form-error,.customer-feedback,.success-banner,.warning-card>article{font-size:var(--text-detail)!important;font-weight:650!important;line-height:1.5!important}.btn{font-size:var(--text-label)!important;font-weight:800!important;min-height:44px}.priority-select{font-size:13px!important;font-weight:800!important}.panel-title h2{font-size:25px!important;font-weight:850!important}.summary-grid button{padding:10px 6px!important}.summary-grid button span{font-size:13px!important;font-weight:700!important;color:var(--muted)!important}.summary-grid button strong{font-size:23px!important;font-weight:900!important}.account-filters:before{font-size:12px!important}.account-filters button{font-size:13px!important;font-weight:800!important;min-height:48px}.account-filters b{font-size:11px!important;font-weight:900!important}.conversation-line strong{font-size:17px!important;font-weight:850!important}.conversation-line time{font-size:12px!important;font-weight:650!important;color:var(--muted)!important}.conversation-copy>p{font-size:14px!important;font-weight:600!important;line-height:1.45!important;color:var(--muted)!important}.conversation-bottom,.assignee-line{font-size:12px!important;font-weight:650!important;color:var(--muted)!important}.status-pill{font-size:11px!important;font-weight:850!important;padding:4px 9px!important}.priority-chip{font-size:10px!important}.chat-contact strong{font-size:19px!important;font-weight:900!important}.chat-contact>span{font-size:12px!important;font-weight:650!important;color:var(--muted)!important}.sla-banner{font-size:13px!important;font-weight:750!important}.conversation-start,.activity-message{font-size:12px!important;font-weight:650!important;color:var(--muted)!important}.message-bubble{font-size:16px!important;line-height:1.6!important;font-weight:500!important}.bubble-sender{font-size:12px!important;font-weight:850!important}.message-bubble time{font-size:11px!important;font-weight:650!important}.image-attachment>span,.file-attachment small{font-size:11px!important}.file-attachment span{font-size:13px!important}.composer-tools button{font-size:13px!important;font-weight:700!important}.composer textarea{font-size:16px!important;line-height:1.5!important}.file-preview strong{font-size:13px!important}.file-preview span{font-size:12px!important;font-weight:600!important}.closed-bar{font-size:14px!important;font-weight:700!important}.context-panel{font-size:14px!important}.context-panel h3{font-size:19px!important;font-weight:900!important}.customer-profile strong{font-size:17px!important;font-weight:900!important}.customer-profile span{font-size:12px!important;font-weight:650!important;color:var(--muted)!important}.detail-group h4{font-size:15px!important;font-weight:850!important}.detail-group dt,.detail-group dd{font-size:13px!important;font-weight:650!important}.detail-group dd{font-weight:800!important}.tag-list span,.tag-list small{font-size:12px!important;font-weight:650!important}.notes textarea{font-size:13px!important;line-height:1.5!important}.note-list p{font-size:12px!important;line-height:1.5!important}.note-list small{font-size:11px!important;font-weight:600!important;color:var(--muted)!important}.page-header h1{font-size:28px!important;font-weight:900!important}.card-title h2,.settings-section h2,.oa-card h2{font-size:19px!important;font-weight:900!important}.health-card strong,.person strong{font-size:15px!important;font-weight:850!important}.health-card>b{font-size:13px!important;font-weight:850!important}.role-badge,.staff-table .state-on,.staff-table .state-off,.oa-card .state-on,.oa-card .state-off,.oa-state-chip{font-size:12px!important;font-weight:850!important}.oa-metrics strong{font-size:18px!important;font-weight:900!important}.color-field code{font-size:13px!important;font-weight:700!important}.workflow-cards strong{font-size:16px!important;font-weight:850!important}.metric-card span{font-size:13px!important;font-weight:650!important}.agent-summary em{font-size:12px!important;font-weight:750!important}.customer-tags>span,.reply-library article span,.customer-presence{font-size:11px!important;font-weight:800!important}.customer-cases strong{font-size:20px!important}.report-overview strong{font-size:25px!important}.oa-card{padding:16px!important}.oa-card header{gap:10px}.oa-card header span{font-size:12px!important}.oa-metrics article{padding:11px 12px!important;min-height:58px}.oa-metrics span{font-size:12px!important}.oa-state-selector{gap:9px!important}.oa-state-selector button{min-height:78px!important;padding:11px 12px!important;gap:5px!important}.oa-state-selector b{font-size:13px!important;font-weight:900!important}.oa-state-selector small{font-size:12px!important;font-weight:650!important;line-height:1.45!important;color:var(--muted)!important}.oa-state-note{font-size:12px!important;font-weight:650!important;line-height:1.5!important;padding:11px 12px!important}.oa-webhook-warning strong{font-size:14px!important;font-weight:850!important}.oa-webhook-warning span{font-size:13px!important;font-weight:650!important;line-height:1.5!important}.oa-paused-filter:after{font-size:10px!important}@media(max-width:1180px){.active-oa-focus.active-oa-split{max-width:310px!important}.active-oa-prefix{padding:0 10px}.active-oa-label{font-size:12px!important}.active-oa-account{min-width:120px;max-width:165px;padding:0 10px}.active-oa-account strong{font-size:14px}.active-oa-line-icon{display:none}}@media(max-width:760px){:root{--text-detail:calc(12px * var(--font-scale));--text-label:calc(13px * var(--font-scale));--text-body:calc(14px * var(--font-scale))}.panel-title h2{font-size:21px!important}.conversation-line strong{font-size:16px!important}.conversation-copy>p{font-size:13px!important}.message-bubble{font-size:15px!important}.page-header h1{font-size:23px!important}.active-oa-focus.active-oa-split{height:38px!important;max-width:180px!important}.active-oa-prefix{height:36px;padding:0 7px;gap:5px}.active-oa-live-dot{width:7px;height:7px}.active-oa-label{font-size:10px!important}.active-oa-label b{display:none}.active-oa-account{height:36px;min-width:78px;max-width:105px;padding:0 7px}.active-oa-account strong{font-size:11px}.active-oa-paused{display:none}}@media(max-width:520px){.active-oa-prefix{display:none}.active-oa-account{border-left:0;border-radius:12px;min-width:100px;max-width:120px}.active-oa-account strong{font-size:11px}}.eyebrow{font-size:11px!important;font-weight:900!important}.side-rail button span{font-size:10px!important;font-weight:700!important;line-height:1.2!important}.login-foot{font-size:11px!important;font-weight:600!important;color:var(--muted)!important}.quick-content strong{font-size:14px!important;font-weight:850!important}.quick-content p{font-size:13px!important;font-weight:600!important;line-height:1.5!important;color:var(--muted)!important}.quick-actions button{font-size:11px!important}.empty-quick strong,.empty-list strong{font-size:15px!important;font-weight:850!important}.empty-quick span,.empty-list span,.loading-state,.empty-list{font-size:12px!important;font-weight:600!important}.quick-form h3,.staff-form h3{font-size:15px!important;font-weight:850!important}.workflow-track>div,.workflow-track span{font-size:11px!important;font-weight:650!important}.oa-status-list b{font-size:12px!important;font-weight:850!important}.channel-summary article strong,.channel-report article strong{font-size:19px!important;font-weight:900!important}.today-strip strong{font-size:23px!important;font-weight:900!important}.report-overview span{font-size:12px!important;font-weight:650!important}.report-overview small,.customer-cases span,.customer-cases small{font-size:11px!important;font-weight:600!important}.reply-library article span{font-size:11px!important;font-weight:800!important}@media(max-width:760px){.side-rail button span{font-size:9px!important}.eyebrow{font-size:10px!important}}.btn-withdrawal{background:#d97706!important;border-color:#f59e0b!important;color:#fff!important;font-weight:900!important;box-shadow:0 0 0 1px #f59e0b24}.btn-withdrawal:hover{background:#ea8a0a!important}.withdrawal-team-chip{display:inline-flex;align-items:center;width:max-content;margin-top:4px;padding:3px 7px;border-radius:999px;border:1px solid #8b5a08;background:#34250d;color:#fbbf24!important;font-size:11px!important;font-weight:900!important}.team-create-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:8px;align-items:center}.team-create-grid input,.team-create-grid select{min-width:0;background:#111415;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:10px 11px;font-size:var(--text-label);font-weight:650}.team-list article>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chat-panel>.withdrawal-startbar,.chat-panel>.withdrawal-progress{grid-row:2}.chat-panel>.withdrawal-locked-bar{grid-row:5}.withdrawal-startbar{margin:9px 12px 0;padding:10px 13px;min-height:52px;border:1px solid #6b4a12;border-radius:14px;background:#27200f;display:flex;align-items:center;justify-content:space-between;gap:12px}.withdrawal-startbar>div{display:flex;align-items:center;gap:8px;color:#f4ddb0;font-size:13px;font-weight:650}.withdrawal-startbar svg{width:18px;color:#f59e0b}.withdrawal-startbar strong{color:#fbbf24;font-weight:900}.withdrawal-startbar>.workflow-error{color:#fda4af}.withdrawal-progress{align-items:stretch!important;flex-direction:column!important;gap:9px!important;border-color:#69501e!important;background:#242014!important}.withdrawal-progress .workflow-track{grid-template-columns:repeat(6,1fr)!important;min-width:0;width:100%}.withdrawal-progress .workflow-track>div{font-size:12px!important;font-weight:700!important}.withdrawal-progress .workflow-track>div:not(:last-child):after{left:58%;right:-42%;background:#51431f}.withdrawal-progress .workflow-track>div.done:not(:last-child):after{background:#f59e0b!important;box-shadow:none!important}.withdrawal-progress .workflow-track i{width:26px;height:26px;background:#332b18;border-color:#705923}.withdrawal-progress .workflow-track .done i{background:#f59e0b!important;color:#171107!important;border-color:#fbbf24!important;box-shadow:none!important}.withdrawal-progress .workflow-track .done span{color:#fff!important}.withdrawal-progress .workflow-track .current span{color:#fbbf24!important;font-weight:900!important}.withdrawal-flow-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:38px;border-top:1px solid rgba(245,158,11,.18);padding-top:8px}.withdrawal-waiting,.withdrawal-complete{display:flex;align-items:center;gap:7px;margin-right:auto;font-size:13px;font-weight:800}.withdrawal-waiting{color:#fbbf24}.withdrawal-complete{color:#86efac}.withdrawal-waiting svg,.withdrawal-complete svg{width:17px}.workflow-error{display:flex;align-items:center;gap:7px;color:#fecaca;font-size:12px;font-weight:700}.workflow-error svg{width:16px}.withdrawal-locked-bar{margin:0 12px 10px;padding:11px 13px;border:1px solid #6b4a12;border-radius:13px;background:#231d10;display:flex;align-items:center;gap:10px;color:#f5e5bf}.withdrawal-locked-bar>svg{width:20px;color:#f59e0b;flex:0 0 auto}.withdrawal-locked-bar>div{display:grid;gap:2px}.withdrawal-locked-bar strong{font-size:14px;color:#fbbf24}.withdrawal-locked-bar span{font-size:12px;font-weight:600;color:#e2d4b3}.withdrawal-room{overflow-y:auto}.withdrawal-room .page-header{margin-bottom:14px}.withdrawal-summary{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin-bottom:14px}.withdrawal-summary button{min-height:86px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--ink);padding:12px 14px;display:grid;gap:5px;text-align:left;cursor:pointer}.withdrawal-summary button:hover,.withdrawal-summary button.active{border-color:#d97706;background:#2b2415}.withdrawal-summary span{font-size:13px;font-weight:750;color:var(--muted)}.withdrawal-summary strong{font-size:28px;line-height:1;font-weight:950}.withdrawal-summary .queue-hot{color:#fff;background:#dc2626;width:max-content;min-width:34px;height:34px;border-radius:17px;padding:0 8px;display:grid;place-items:center;font-size:18px;box-shadow:0 0 0 3px #dc262624}.withdrawal-queue-list{display:grid;gap:10px}.withdrawal-queue-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 15px;border:1px solid #524322;border-left:5px solid #d97706;border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.withdrawal-queue-card.stage-withdrawal_queue{border-left-color:#ef4444}.withdrawal-queue-card.stage-withdrawal_assigned{border-left-color:#f59e0b}.withdrawal-queue-card.stage-processing{border-left-color:#60a5fa}.withdrawal-queue-card.stage-completed{border-left-color:#22c55e;opacity:.86}.withdrawal-card-main{display:flex;align-items:flex-start;gap:11px;min-width:0}.withdrawal-card-main>div{min-width:0;flex:1}.withdrawal-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.withdrawal-card-title strong{font-size:16px;font-weight:900}.withdrawal-card-main p{margin:5px 0 8px;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}.withdrawal-card-meta{display:flex;flex-wrap:wrap;gap:6px 15px;color:var(--muted);font-size:12px;font-weight:600}.withdrawal-card-meta b{color:#f4f4f5;font-weight:800}.withdrawal-card-state{display:grid;justify-items:end;gap:9px}.withdrawal-card-state>div{display:flex;gap:7px}.withdrawal-stage{display:inline-flex;padding:5px 9px;border-radius:999px;border:1px solid #7c5a17;background:#312710;color:#fbbf24;font-size:12px;font-weight:900}.withdrawal-stage.stage-processing{border-color:#315e8c;background:#14273a;color:#93c5fd}.withdrawal-stage.stage-completed{border-color:#28633c;background:#132d1c;color:#86efac}.withdrawal-stage.stage-withdrawal_queue{border-color:#8f3232;background:#351719;color:#fca5a5}.withdrawal-nav svg{color:#f59e0b}.withdrawal-nav.active svg{color:#fff}.withdrawal-rail-unread{background:#dc2626!important;border-color:#2a1515!important;animation:withdrawalBadgePulse 1.15s ease-in-out infinite}@keyframes withdrawalBadgePulse{50%{transform:scale(1.12);box-shadow:0 0 0 4px #dc262624}}@media(max-width:1180px){.withdrawal-queue-card{grid-template-columns:1fr}.withdrawal-card-state{justify-items:start}.withdrawal-card-state>div{flex-wrap:wrap}.withdrawal-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.team-create-grid{grid-template-columns:1fr}.withdrawal-startbar{margin:6px 7px 0;display:grid}.withdrawal-startbar .btn{width:100%}.withdrawal-progress{overflow-x:auto!important}.withdrawal-progress .workflow-track{min-width:620px!important}.withdrawal-flow-actions{min-width:620px;justify-content:flex-start}.withdrawal-summary{grid-template-columns:repeat(2,1fr);gap:7px}.withdrawal-summary button{min-height:74px;padding:10px}.withdrawal-summary strong{font-size:23px}.withdrawal-queue-card{padding:11px 10px;gap:10px}.withdrawal-card-main p{max-width:70vw}.withdrawal-card-state>div{width:100%}.withdrawal-card-state .btn{flex:1}.withdrawal-locked-bar{margin:0 7px 7px}}@font-face{font-family:LINE Seed Sans TH;src:url(https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/LINESeedSansTH/LINESeedSansTH-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/LINESeedSansTH/LINESeedSansTH-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/LINESeedSansTH/LINESeedSansTH-ExtraBold.woff2) format("woff2");font-style:normal;font-weight:800;font-display:swap}:root,html[data-theme=dark],html[data-theme=light]{color-scheme:dark;font-family:LINE Seed Sans TH,Noto Sans Thai,Leelawadee UI,Segoe UI,Tahoma,sans-serif;--line-green:#06C755;--line-green-hover:#05B94F;--line-green-pressed:#04A947;--line-green-soft:#153923;--line-green-softer:#102B1B;--line-bg:#111111;--line-surface:#1F1F1F;--line-surface-2:#252525;--line-surface-3:#2A2A2A;--line-border:#383838;--line-border-soft:#303030;--line-text:#FFFFFF;--line-text-secondary:#B7B7B7;--line-text-muted:#949494;--line-danger:#FF334B;--line-danger-soft:#3A181D;--line-warning:#F5A623;--line-warning-soft:#3A2A12;--line-info:#5AA7FF;--line-vip:#FFD54A;--withdrawal:#E58A17;--withdrawal-soft:#352411;--app:var(--line-bg);--panel:var(--line-surface);--panel-2:var(--line-surface-2);--panel-3:var(--line-surface-3);--ink:var(--line-text);--muted:var(--line-text-secondary);--subtle:var(--line-text-muted);--line:var(--line-border);--soft:var(--line-surface-2);--teal:var(--line-green);--teal-dark:var(--line-green-hover);--teal-soft:var(--line-green-soft);--primary:var(--line-green);--primary-hover:var(--line-green-hover);--danger:var(--line-danger);--warning:var(--line-warning);--shadow:0 8px 26px rgba(0,0,0,.22);--text-detail:calc(13px * var(--font-scale));--text-label:calc(14px * var(--font-scale));--text-body:calc(15px * var(--font-scale));--text-subtitle:calc(16px * var(--font-scale))}html,body,#root{background:var(--line-bg)!important;color:var(--line-text)!important}body{font-family:inherit!important;font-size:var(--text-body);line-height:1.52;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit!important}::selection{background:var(--line-green)!important;color:#08120b!important}*{scrollbar-color:#5B5B5B #1A1A1A}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#1a1a1a}*::-webkit-scrollbar-thumb{background:#555;border:2px solid #1A1A1A;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#696969}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--line-green)!important}.app-shell,.app-main,.admin-page,.login-page,.splash{background:var(--line-bg)!important;color:var(--line-text)!important}.app-shell:before,.app-shell:after{display:none!important}.topbar{background:#181818!important;border-color:var(--line-border)!important;box-shadow:none!important}.brand strong{font-size:18px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.01em}.brand span,.user-chip span{font-size:12px!important;font-weight:400!important;color:var(--line-text-muted)!important}.user-chip{border-color:var(--line-border)!important}.user-chip strong{font-size:14px!important;font-weight:700!important;color:#fff!important}.brand-mark{background:var(--line-green)!important;color:#06140a!important;border:0!important;box-shadow:none!important}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.connection-chip{background:var(--line-green-softer)!important;border:1px solid #24673D!important;color:#a7f2c1!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}.connection-chip i{background:var(--line-green)!important;box-shadow:none!important}.side-rail{background:#171717!important;border-color:var(--line-border)!important;box-shadow:none!important}.side-rail button{color:#afafaf!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}.side-rail button:hover{background:#232323!important;color:#fff!important}.side-rail button.active{background:#26332b!important;color:#fff!important;border-color:#31553d!important;box-shadow:none!important}.side-rail button.active:before{background:var(--line-green)!important;box-shadow:none!important}.side-rail button svg{stroke-width:1.9}.side-rail button span{font-size:11px!important;font-weight:700!important}.side-rail .withdrawal-nav svg{color:var(--withdrawal)!important}.side-rail .withdrawal-nav.active{background:#322513!important;border-color:#624316!important}.side-rail .withdrawal-nav.active svg{color:#ffb348!important}.rail-unread,.unread-count-dot,.notification-btn>span{background:var(--line-danger)!important;color:#fff!important;border-color:#171717!important;box-shadow:none!important}.withdrawal-rail-unread{background:var(--line-danger)!important;animation:none!important}.conversation-panel,.chat-panel,.context-panel,.data-card,.metric-card,.modal-card,.quick-drawer,.customer-directory>article,.report-overview article,.today-strip,.customer-search,.settings-section,.login-card{background:var(--line-surface)!important;background-image:none!important;border-color:var(--line-border)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.conversation-panel,.chat-panel,.context-panel{border-radius:14px!important}.page-header h1{font-size:26px!important;font-weight:800!important;letter-spacing:-.02em;color:#fff!important}.page-header>div>p:last-child,.card-title p,.settings-section>p{color:var(--line-text-secondary)!important;font-weight:400!important}.eyebrow{color:#7de9a4!important;font-size:11px!important;font-weight:800!important;letter-spacing:.1em!important}.card-title h2,.settings-section h2,.oa-card h2{color:#fff!important;font-weight:800!important}.btn,.icon-btn,.send-btn,.priority-select{border-radius:10px!important;box-shadow:none!important;font-weight:700!important}.btn{min-height:42px!important;font-size:14px!important;padding-inline:14px!important}.btn-primary,.send-btn{background:var(--line-green)!important;border-color:var(--line-green)!important;color:#07140a!important;box-shadow:none!important}.btn-primary:hover,.send-btn:hover{background:var(--line-green-hover)!important;border-color:var(--line-green-hover)!important}.btn-primary:active,.send-btn:active{background:var(--line-green-pressed)!important;transform:none!important}.btn-secondary,.btn-quiet,.icon-btn,.priority-select{background:var(--line-surface-2)!important;border:1px solid var(--line-border)!important;color:#f5f5f5!important;box-shadow:none!important}.btn-secondary:hover,.btn-quiet:hover,.icon-btn:hover{background:#303030!important;border-color:#4a4a4a!important}.btn-danger{background:var(--line-danger-soft)!important;border-color:#8a2a37!important;color:#ff8796!important;box-shadow:none!important}.btn-danger:hover{background:#4a1b22!important;color:#ffadb7!important}.icon-btn.vip-active,.vip-star{color:var(--line-vip)!important}.icon-btn.vip-active{border-color:#7b651f!important;background:#342e18!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--line-green)!important;outline-offset:2px!important}.modal-card input,.modal-card select,.modal-card textarea,.quick-form input,.quick-form textarea,.staff-form input,.staff-form select,.login-card input,.settings-section input,.settings-section select,.settings-section textarea,.profile-fields input,.inline-form input,.reply-editor input,.reply-editor textarea,.report-filters input,.search-box,.filters select,.customer-search,.composer textarea{background:var(--line-surface-2)!important;color:#fff!important;border-color:var(--line-border)!important;box-shadow:none!important}input::placeholder,textarea::placeholder,.search-box input::placeholder,.customer-search input::placeholder{color:#7e7e7e!important;opacity:1!important}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus,.quick-form input:focus,.quick-form textarea:focus,.staff-form input:focus,.staff-form select:focus,.login-card input:focus,.settings-section input:focus,.settings-section select:focus,.settings-section textarea:focus,.profile-fields input:focus,.inline-form input:focus,.reply-editor input:focus,.reply-editor textarea:focus,.report-filters input:focus,.search-box:focus-within,.customer-search:focus-within,.composer textarea:focus{border-color:var(--line-green)!important;box-shadow:0 0 0 2px #06c75524!important;outline:0!important}.modal-card>label,.quick-form label,.staff-form label,.login-card label,.settings-section label,.reply-editor label,.report-filters label,.field-label{font-size:13px!important;font-weight:700!important;color:#ededed!important}.form-help{color:var(--line-text-secondary)!important;font-size:12px!important;line-height:1.55!important}.form-error{background:var(--line-danger-soft)!important;border-color:#7d2833!important;color:#ffb4bd!important}.panel-title h2{font-size:24px!important;font-weight:800!important;color:#fff!important}.count-badge,.panel-title>span{background:#22372a!important;color:#88e9aa!important;border:1px solid #2C6440!important;box-shadow:none!important}.summary-grid button{background:var(--line-surface-2)!important;border-color:var(--line-border)!important;color:#fff!important;box-shadow:none!important}.summary-grid button:hover{background:#2d2d2d!important}.summary-grid button.active{background:#20382a!important;border-color:#2f6e45!important;box-shadow:inset 0 -3px var(--line-green)!important}.summary-grid button span{font-size:12px!important;color:var(--line-text-secondary)!important;font-weight:700!important}.summary-grid button strong{font-size:23px!important;color:#fff!important;font-weight:800!important}.search-box{background:var(--line-surface-2)!important}.search-box>svg,.filters label>svg{color:#8e8e8e!important}.search-box input{color:#fff!important;font-size:14px!important}.filters{border-color:var(--line-border)!important}.filters select{font-size:13px!important;color:#ededed!important}.account-filters{border-color:var(--line-border)!important}.account-filters:before{color:#7de9a4!important;font-size:11px!important}.account-filters button{background:var(--line-surface-2)!important;color:#efefef!important;border-color:var(--line-border)!important;box-shadow:none!important}.account-filters button:hover{background:#303030!important}.account-filters button.active{background:#2c2c2c!important;outline:2px solid var(--account-color,var(--line-green))!important;box-shadow:none!important}.account-filters b{background:#151515!important;color:#fff!important}.conversation-list{background:#1a1a1a!important}.conversation-item{background:transparent!important;border-color:transparent!important;color:#fff!important;box-shadow:none!important}.conversation-item:hover{background:#242424!important}.conversation-item.active{background:#27352d!important;border-color:#31513d!important;box-shadow:inset 4px 0 var(--line-green)!important}.conversation-item.overdue:not(.active){background:#2b1c1f!important}.conversation-line.primary strong{font-size:16px!important;font-weight:800!important;color:#fff!important}.conversation-line time,.conversation-copy>p,.conversation-bottom,.assignee-line,.sla-time{color:var(--line-text-secondary)!important}.conversation-line time{font-size:12px!important}.conversation-copy>p{font-size:13px!important;font-weight:400!important}.assignee-line,.conversation-bottom{font-size:12px!important}.unread-badge{background:var(--line-danger)!important;color:#fff!important}.avatar{background:#2c3230!important;color:#c8d1ce!important;border-color:#46514d!important}.overdue-dot{background:var(--line-danger)!important;border-color:#1a1a1a!important}.status-new{background:#183147!important;color:#8bc7ff!important}.status-assigned{background:#183923!important;color:#8be8a9!important}.status-pending{background:#3a2a12!important;color:#ffd27e!important}.status-escalated{background:#3a181d!important;color:#ff9faa!important}.status-closed{background:#303030!important;color:silver!important}.status-dot.status-new{background:#5aa7ff!important}.status-dot.status-assigned{background:#33c66a!important}.status-dot.status-pending{background:#f5a623!important}.status-dot.status-escalated{background:#ff5065!important}.status-dot.status-closed{background:#888!important}.sla-banner{background:var(--line-warning-soft)!important;color:#ffd38c!important;border-color:#654717!important}.sla-time.late{color:#ff6b7d!important}.chat-header{background:var(--line-surface)!important;border-color:var(--line-border)!important}.chat-contact strong{font-size:18px!important;font-weight:800!important;color:#fff!important}.chat-contact>span{font-size:12px!important;color:var(--line-text-secondary)!important}.message-area{background:#151515!important}.conversation-start,.activity-message{color:#858585!important;font-size:12px!important}.message-bubble{background:#292d2b!important;border:1px solid #393E3B!important;color:#fff!important;box-shadow:none!important;border-radius:16px 16px 16px 5px!important}.outgoing .message-bubble{background:#176b3a!important;border-color:#20864a!important;color:#fff!important;box-shadow:none!important;border-radius:16px 16px 5px!important}.bubble-sender{font-size:12px!important;font-weight:700!important;color:#b8efcb!important}.message-bubble time{font-size:11px!important;color:#a9b5b0!important}.outgoing .bubble-sender,.outgoing .message-bubble time{color:#c7efd4!important}.message-bubble.private{background:#2e291c!important;border-color:#66562c!important;color:#ffe5a8!important}.composer{background:#191919!important;border-color:var(--line-border)!important;box-shadow:none!important;backdrop-filter:none!important}.composer-tools button{color:#aaa!important;background:transparent!important}.composer-tools button.active{background:#23392b!important;color:#8ce9ac!important;border-color:#2f6842!important}.composer textarea{background:#242424!important;color:#fff!important;border-color:#393939!important;font-size:15px!important;line-height:1.55!important}.attach-btn,.quick-btn,.tool-toggle.active{background:#22372a!important;color:#8be9ab!important;border-color:#315f40!important}.file-preview{background:#242424!important;border-color:#3a3a3a!important}.closed-bar{background:#1b1b1b!important;color:#aaa!important;border-color:var(--line-border)!important}.closed-bar svg,.closed-bar button{color:#74e49c!important}.empty-chat{color:#9a9a9a!important}.empty-chat h2{color:#fff!important}.active-oa-focus.active-oa-split{background:#171717!important;border-color:color-mix(in srgb,var(--oa-focus-color) 60%,#484848)!important;box-shadow:none!important}.active-oa-prefix{background:#171717!important}.active-oa-live-dot{background:var(--line-green)!important;box-shadow:none!important}.active-oa-label{color:#eaeaea!important}.active-oa-account{box-shadow:none!important}.context-panel>header{background:var(--line-surface)!important;border-color:var(--line-border)!important}.context-panel h3,.customer-profile strong,.detail-group h4{color:#fff!important}.customer-profile span,.detail-group dt,.tag-list small,.note-list small{color:var(--line-text-secondary)!important}.detail-group{border-color:var(--line-border)!important}.detail-group dd{color:#f0f0f0!important}.profile-fields input,.notes textarea{background:var(--line-surface-2)!important;color:#fff!important;border-color:var(--line-border)!important}.tag-list span,.customer-tags>span{background:#22372a!important;color:#8ce9ac!important;border-color:#315f40!important}.note-list article,.history-list article{background:#242424!important;border-color:#343434!important}.metric-card,.report-overview article{background:var(--line-surface)!important;border-color:var(--line-border)!important}.metric-card svg,.today-strip button,.settings-section h2 svg,.workflow-cards svg,.detail-group h4 svg,.file-preview>svg{color:var(--line-green)!important}.metric-card span,.today-strip span,.agent-summary span,.health-card span,.oa-status-list span,.workflow-cards p,.audit-list span,.audit-list time{color:var(--line-text-secondary)!important}.metric-card strong,.today-strip strong,.health-card strong,.workflow-cards strong,.report-overview strong{color:#fff!important}.data-card,.settings-section,.card-title{border-color:var(--line-border)!important}.staff-table .table-head,.report-table .table-head{background:#191919!important;color:#afafaf!important;border-color:var(--line-border)!important}.staff-table article,.report-table article,.team-list article,.link-list article,.session-list article{border-color:var(--line-border)!important;background:transparent!important}.staff-table article:hover,.report-table article:hover{background:#242424!important}.person strong,.report-table strong,.team-list strong,.link-list strong{color:#fff!important}.person span,.report-table span,.team-list span,.link-list span{color:var(--line-text-secondary)!important}.role-badge{background:#24352b!important;color:#91e7ad!important;border:1px solid #315F40!important}.state-on{color:#83e6a5!important}.state-off{color:#ff8997!important}.success-banner,.customer-feedback.ok,.normal-mark{background:#183823!important;border-color:#29643d!important;color:#8ae9aa!important}.warning-card>article,.security-note{background:#2e2616!important;border-color:#5b481d!important;color:#f6d28a!important}.oa-card{background:var(--line-surface)!important;border-color:var(--line-border)!important;box-shadow:none!important}.oa-card header{border-color:var(--line-border)!important}.oa-card header span,.oa-metrics span,.oa-state-selector small,.oa-state-note{color:var(--line-text-secondary)!important}.oa-metrics article,.oa-state-selector button{background:#242424!important;border-color:#3a3a3a!important}.oa-state-selector button:hover{background:#2c2c2c!important}.oa-state-selector button.active{background:#20372a!important;border-color:#357149!important}.oa-state-selector b{color:#fff!important}.oa-webhook-warning{background:#332314!important;border-color:#644417!important;color:#ffd08a!important}.color-field code{background:#171717!important;color:#dcdcdc!important}.customer-search{background:#202020!important}.customer-search input{color:#fff!important}.customer-directory>article{background:#1f1f1f!important;border-color:#383838!important}.customer-main>span,.customer-main p,.customer-cases span,.customer-cases small{color:var(--line-text-secondary)!important}.customer-tags>span{background:#22372a!important;color:#8ce9ac!important}.reply-accounts,.reply-library,.reply-editor{background:var(--line-surface)!important;border-color:var(--line-border)!important}.reply-accounts button{color:#b7b7b7!important}.reply-accounts button.active{background:#25342b!important;color:#fff!important;box-shadow:none!important}.reply-library>article{border-color:var(--line-border)!important}.reply-library article p{color:var(--line-text-secondary)!important}.reply-library article span{color:#80e5a3!important}.reply-editor input,.reply-editor textarea{background:#242424!important;border-color:#383838!important;color:#fff!important}.channel-report article{background:#242424!important;border-color:#383838!important}.withdrawal-room,.withdrawal-progress,.withdrawal-startbar,.withdrawal-locked-bar{color:#fff!important}.btn-withdrawal{background:var(--withdrawal)!important;border-color:#f2a137!important;color:#161009!important;box-shadow:none!important}.btn-withdrawal:hover{background:#f09a2a!important}.withdrawal-startbar,.withdrawal-progress,.withdrawal-locked-bar{background:var(--withdrawal-soft)!important;border-color:#65461d!important}.withdrawal-progress .workflow-track>div:not(:last-child):after{background:#59411f!important}.withdrawal-progress .workflow-track>div.done:not(:last-child):after{background:var(--withdrawal)!important;box-shadow:none!important}.withdrawal-progress .workflow-track i{background:#2b2318!important;border-color:#76572a!important}.withdrawal-progress .workflow-track .done i{background:var(--withdrawal)!important;color:#151009!important;border-color:#f2a137!important;box-shadow:none!important}.withdrawal-progress .workflow-track .done span,.withdrawal-progress .workflow-track .current span{color:#ffc56e!important}.withdrawal-summary button{background:var(--line-surface)!important;border-color:var(--line-border)!important;color:#fff!important}.withdrawal-summary button:hover,.withdrawal-summary button.active{background:#2f2618!important;border-color:#775523!important}.withdrawal-summary span{color:var(--line-text-secondary)!important}.withdrawal-queue-card{background:var(--line-surface)!important;border-color:#4e422d!important;box-shadow:none!important}.withdrawal-card-main p,.withdrawal-card-meta{color:var(--line-text-secondary)!important}.withdrawal-card-meta b{color:#fff!important}.withdrawal-stage{box-shadow:none!important}.drawer-backdrop,.modal-backdrop{background:#000000a3!important;backdrop-filter:none!important}.modal-card{background:#202020!important;border:1px solid #3A3A3A!important;color:#fff!important}.modal-card>header{border-color:var(--line-border)!important}.toast{background:#252525!important;border:1px solid #454545!important;color:#fff!important;box-shadow:0 12px 32px #00000059!important}.toast-warning{background:#342a17!important;border-color:#695022!important;color:#ffe0a0!important}.toast-success{background:#173522!important;border-color:#2e6740!important;color:#99ecb4!important}.login-page,.splash{background:#111!important}.login-card{background:#1f1f1f!important;border-color:#383838!important}.login-card h1{color:#fff!important;font-weight:800!important}.muted,.login-foot{color:#9b9b9b!important}.setup-banner{background:#332915!important;border-color:#624e22!important;color:#ffd98f!important}.quick-drawer-backdrop{background:#000000a8!important}.quick-drawer-v227{width:min(560px,100vw)!important;height:100dvh!important;display:grid!important;grid-template-rows:auto auto minmax(180px,1fr) auto!important;overflow:hidden!important;background:#181818!important;border-left:1px solid #353535!important;box-shadow:-18px 0 42px #00000057!important}.quick-drawer-header{min-height:88px;padding:16px 18px!important;background:#173b27!important;border-bottom:1px solid #2D6640!important}.quick-drawer-header h2{font-size:24px!important;font-weight:800!important;color:#fff!important;gap:10px!important}.quick-drawer-header .eyebrow{color:#9af2b7!important;margin-bottom:3px!important}.quick-drawer-header .icon-btn{background:#1d2e24!important;border-color:#3b6d4b!important;color:#fff!important}.quick-drawer-controls{display:grid;gap:10px;padding:14px 18px 10px;background:#1b1b1b;border-bottom:1px solid #303030}.quick-drawer-v227 .account-lock{margin:0!important;padding:11px 13px!important;background:#173522!important;border:1px solid #2A6B40!important;border-radius:10px!important;color:#c8f3d6!important;font-size:13px!important;font-weight:700!important}.quick-drawer-v227 .account-lock svg{width:18px!important;color:#63e18f!important}.quick-drawer-v227 .account-lock strong{color:#fff!important;font-weight:800!important}.quick-search{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#252525;border:1px solid #3A3A3A;border-radius:10px}.quick-search:focus-within{border-color:var(--line-green);box-shadow:0 0 0 2px #06c7551f}.quick-search>svg{width:18px;color:#a0a0a0;flex:0 0 auto}.quick-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:14px!important;font-weight:400!important;box-shadow:none!important}.quick-search button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:#999;border-radius:7px}.quick-search button:hover{background:#333;color:#fff}.quick-search button svg{width:15px}.quick-drawer-v227 .quick-categories{padding:0!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none}.quick-drawer-v227 .quick-categories::-webkit-scrollbar{display:none}.quick-drawer-v227 .quick-categories button{height:36px!important;padding:0 13px!important;border-radius:9px!important;background:#242424!important;border:1px solid #3A3A3A!important;color:#d3d3d3!important;font-size:13px!important;font-weight:700!important}.quick-drawer-v227 .quick-categories button:hover{background:#2d2d2d!important}.quick-drawer-v227 .quick-categories button.active{background:var(--line-green)!important;border-color:var(--line-green)!important;color:#08150b!important}.quick-drawer-v227 .quick-list{min-height:0!important;overflow-y:auto!important;padding:12px 18px 14px!important;gap:8px!important;background:#181818!important;display:flex!important;flex-direction:column!important}.quick-drawer-v227 .quick-list article{min-height:54px!important;flex:0 0 54px!important;display:flex!important;align-items:stretch!important;overflow:hidden!important;background:#242424!important;border:1px solid #3A3A3A!important;border-radius:10px!important;box-shadow:none!important}.quick-drawer-v227 .quick-list article:hover{background:#292929!important;border-color:#4a4a4a!important}.quick-drawer-v227 .quick-list article.editing{background:#213229!important;border-color:#33714a!important}.quick-drawer-v227 .quick-content{min-width:0!important;flex:1!important;padding:0 13px!important;background:transparent!important;border:0!important;text-align:left!important;display:flex!important;align-items:center!important;color:#fff!important}.quick-drawer-v227 .quick-content:hover{background:#292929!important}.quick-drawer-v227 .quick-content strong{font-size:15px!important;font-weight:700!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.quick-drawer-v227 .quick-content p{display:none!important}.quick-drawer-v227 .quick-actions{display:flex!important;align-items:center!important;gap:5px!important;padding:7px!important;border-left:1px solid #363636!important}.quick-drawer-v227 .quick-actions button{width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #414141!important;border-radius:8px!important;background:#2b2b2b!important;color:#e9e9e9!important}.quick-drawer-v227 .quick-actions button:hover{background:#363636!important}.quick-drawer-v227 .quick-actions button.danger{background:#321b1e!important;border-color:#5e272e!important;color:#ff6f80!important}.quick-drawer-v227 .quick-actions button.danger:hover{background:#442126!important}.quick-drawer-v227 .quick-actions svg{width:17px!important}.quick-drawer-v227 .empty-quick{min-height:180px!important;color:#979797!important}.quick-drawer-v227 .empty-quick svg{color:#72e399!important}.quick-drawer-v227 .empty-quick strong{font-size:15px!important;color:#fff!important}.quick-drawer-v227 .empty-quick span{font-size:13px!important;color:#a5a5a5!important}.quick-form-v227{max-height:none!important;overflow:visible!important;padding:14px 18px 16px!important;background:#1d1d1d!important;border-top:1px solid #363636!important}.quick-form-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.quick-form-title h3{margin:0!important;color:#fff!important;font-size:17px!important;font-weight:800!important}.quick-form-title .eyebrow{margin-bottom:2px!important}.quick-cancel-edit{min-height:34px!important;height:34px!important;font-size:12px!important;padding-inline:10px!important}.quick-form-v227 .form-grid{grid-template-columns:minmax(0,1fr) 180px!important;gap:10px!important}.quick-form-v227 label{font-size:13px!important;font-weight:700!important;color:#e5e5e5!important;gap:6px!important}.quick-form-v227 input,.quick-form-v227 textarea{background:#252525!important;border:1px solid #3C3C3C!important;color:#fff!important;border-radius:9px!important;padding:10px 11px!important;font-size:14px!important;font-weight:400!important}.quick-form-v227 textarea{min-height:92px!important;max-height:150px!important;resize:vertical!important;line-height:1.5!important}.quick-form-v227 .btn-block{margin-top:10px!important;height:44px!important}@media(max-width:1180px){.page-header h1{font-size:24px!important}.quick-drawer-v227{width:min(530px,100vw)!important}}@media(max-width:760px){:root,html[data-theme=dark],html[data-theme=light]{--text-detail:calc(12px * var(--font-scale));--text-label:calc(13px * var(--font-scale));--text-body:calc(14px * var(--font-scale));--text-subtitle:calc(15px * var(--font-scale))}.conversation-panel,.chat-panel{border-radius:0!important}.page-header h1{font-size:22px!important}.quick-drawer-v227{width:100vw!important;border-left:0!important}.quick-drawer-header{min-height:76px!important;padding:13px 14px!important}.quick-drawer-header h2{font-size:21px!important}.quick-drawer-controls{padding:11px 12px 8px!important;gap:8px!important}.quick-drawer-v227 .quick-list{padding:10px 12px 12px!important}.quick-form-v227{padding:12px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.quick-form-v227 .form-grid{grid-template-columns:1fr!important}.quick-form-v227 textarea{min-height:78px!important}.quick-drawer-v227 .quick-list article{min-height:52px!important;flex-basis:52px!important}.quick-drawer-v227 .quick-content strong{font-size:14px!important}}.notification-active,.sound-active{border-color:#34794b!important;background:#20372a!important;color:#86e8a8!important;box-shadow:none!important}.notification-blocked{border-color:#81323c!important;color:#ff8b99!important;background:#351a1e!important}.action-success{border-color:var(--line-green)!important;box-shadow:none!important;animation:action-confirm .55s ease}.sync-active{background:#20372a!important;color:#86e8a8!important}.closed-bar button.action-success{color:#86e8a8!important}.conversation-item.has-unread{background:#2b1d20!important;border-color:#79313a!important}.conversation-item.has-unread:not(.active){box-shadow:inset 4px 0 var(--line-danger)!important}.unread-badge,.unread-count-dot{box-shadow:none!important;border-color:#211517!important}.customer-presence{color:#81e6a4!important}.empty-art{background:#20372a!important;color:#86e8a8!important}.oa-created>svg{color:var(--line-green)!important}.oa-created p{color:var(--line-text-secondary)!important}.oa-created code{background:#171717!important;border-color:#3a3a3a!important;color:#8be9ab!important}.oa-state-selector button.active.state-active{border-color:#34794b!important;background:#20372a!important;color:#8be9ab!important}.oa-state-selector button.active.state-paused{border-color:#80601f!important;background:#3a2a12!important;color:#ffd27e!important}.oa-state-selector button.active.state-inactive{border-color:#81323c!important;background:#3a181d!important;color:#ff9faa!important}.state-active{background:#20372a!important;color:#8be9ab!important}.state-paused{background:#3a2a12!important;color:#ffd27e!important}.state-inactive{background:#3a181d!important;color:#ff9faa!important}.permission-section{gap:18px}.permission-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.permission-heading h2{margin:0 0 4px}.permission-heading p{margin:0;color:var(--line-text-secondary);font-size:13px;line-height:1.6}.permission-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.permission-group{display:grid;gap:10px;padding:14px;border:1px solid var(--line-border);border-radius:12px;background:var(--line-surface-2)}.permission-group>strong{font-size:14px;color:var(--line-text-primary)}.permission-grid.action-permissions label{border-color:#06c75547}.owner-only-policy{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(255,191,0,.32);border-radius:12px;background:#ffbf000f}.owner-only-policy svg{width:20px;height:20px;flex:0 0 auto;color:var(--line-warning)}.owner-only-policy div{display:grid;gap:4px}.owner-only-policy strong{font-size:14px;color:var(--line-text-primary)}.owner-only-policy span{font-size:13px;line-height:1.55;color:var(--line-text-secondary)}@media(max-width:720px){.permission-heading{flex-direction:column}.permission-actions{width:100%;justify-content:flex-start}}:root{--v230-card-shadow:0 10px 28px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.2);--v230-card-shadow-hover:0 14px 34px rgba(0,0,0,.34),0 3px 10px rgba(0,0,0,.22);--v230-green-gradient:linear-gradient(135deg,#13DA65 0%,#06C755 52%,#04AD49 100%);--v230-danger-gradient:linear-gradient(135deg,#FF5366 0%,#FF334B 55%,#D91F36 100%);--v230-withdrawal-gradient:linear-gradient(135deg,#F2A329 0%,#E58A17 55%,#C96E08 100%)}html,body,#root{min-height:100%;background:#101010!important}body{font-size:clamp(14px,1vw,15px)!important;line-height:1.58!important}.page-header h1{font-size:clamp(22px,2vw,28px)!important}.card-title h2,.settings-section h2,.oa-card h2{font-size:clamp(17px,1.3vw,20px)!important}.conversation-panel,.chat-panel,.context-panel,.data-card,.metric-card,.modal-card,.quick-drawer,.customer-directory>article,.report-overview article,.today-strip,.customer-search,.settings-section,.login-card{box-shadow:var(--v230-card-shadow)!important}.metric-card,.customer-directory>article,.quick-reply-row,.withdrawal-queue-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}@media(hover:hover){.metric-card:hover,.customer-directory>article:hover,.quick-reply-row:hover,.withdrawal-queue-card:hover{transform:translateY(-1px);box-shadow:var(--v230-card-shadow-hover)!important}}.btn-primary,.send-btn{background:var(--v230-green-gradient)!important;border-color:#08c857!important;color:#07140a!important;box-shadow:0 6px 16px #06c7552e!important}.btn-danger{background:var(--v230-danger-gradient)!important;box-shadow:0 6px 16px #ff334b29!important}.btn-withdrawal{background:var(--v230-withdrawal-gradient)!important;box-shadow:0 6px 16px #e58a172e!important}.btn,.icon-btn,.send-btn{transition:transform .14s ease,filter .14s ease,border-color .14s ease}@media(hover:hover){.btn:hover,.send-btn:hover{filter:brightness(1.04)}.btn:active,.send-btn:active{transform:translateY(1px)}}.connection-chip.reconnecting{background:#2c2416!important;border-color:#65502a!important;color:#f2c879!important}.connection-chip.reconnecting i{background:#f5a623!important;animation:v230-pulse 1.25s infinite}@keyframes v230-pulse{50%{opacity:.35;transform:scale(.82)}}.workspace{grid-template-columns:clamp(360px,28vw,520px) minmax(0,1fr) clamp(300px,23vw,380px)!important;gap:12px!important}.context-closed .workspace{grid-template-columns:clamp(360px,28vw,520px) minmax(0,1fr)!important}.message-area,.conversation-list,.withdrawal-queue-list,.reply-list-scroll,.customer-directory{content-visibility:auto}.conversation-list>*,.withdrawal-queue-list>*,.customer-directory>*{contain:layout paint}.composer textarea{font-size:clamp(14px,1vw,16px)!important;line-height:1.55!important}.chat-contact strong,.conversation-item strong{font-size:clamp(15px,1.05vw,16px)!important}@media(max-width:1360px){.workspace{grid-template-columns:clamp(340px,34vw,460px) minmax(0,1fr)!important}.context-panel{position:fixed!important;z-index:80;right:12px;top:78px;bottom:12px;width:min(380px,calc(100vw - 24px));box-shadow:0 22px 60px #0000007a!important}}@media(max-width:1080px){.app-shell{grid-template-columns:72px minmax(0,1fr)!important}.workspace{grid-template-columns:minmax(300px,40vw) minmax(0,1fr)!important}.account-filters{display:flex!important;overflow-x:auto!important;overscroll-behavior-inline:contain;padding-bottom:4px}.account-filters button{flex:0 0 auto}}@media(max-width:760px){.app-shell{display:block!important;padding-bottom:74px}.side-rail{position:fixed!important;z-index:100;left:0;right:0;bottom:0;top:auto!important;width:auto!important;height:64px!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right))!important;border-top:1px solid var(--line-border)!important;border-right:0!important}.side-rail .brand-mark,.side-rail .rail-spacer{display:none!important}.side-rail button{min-width:62px!important;flex:1 0 62px!important}.workspace,.context-closed .workspace{display:block!important}.conversation-panel,.chat-panel{min-height:calc(100dvh - 136px)!important;border-radius:12px!important}.mobile-chat-open .conversation-panel{display:none!important}.app-shell:not(.mobile-chat-open) .chat-panel{display:none!important}.context-panel{top:64px!important;right:0!important;bottom:64px!important;width:100vw!important;border-radius:0!important}.topbar{position:sticky!important;top:0;z-index:70}.top-actions .user-chip{display:none!important}.connection-chip{font-size:11px!important;padding:6px 8px!important}.chat-header{gap:8px!important;flex-wrap:wrap!important}.active-oa-focus{order:3;width:100%!important}.chat-actions{width:100%;overflow-x:auto;justify-content:flex-start!important}.composer{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}}@media(max-width:520px){.topbar .brand span{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-header{align-items:flex-start!important;gap:10px!important}.page-header>.btn{width:100%}.quick-drawer{width:100vw!important;max-width:none!important}}@media(hover:none){.btn,.icon-btn,.send-btn{min-height:44px}.side-rail button{min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--alert-red:#ff334b;--alert-red-deep:#8f1624;--alert-red-soft:rgba(255,51,75,.16)}.notification-count-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:linear-gradient(180deg,#ff5368 0%,var(--alert-red) 58%,#dd2038 100%);border:2px solid #191919;color:#fff;font-size:10px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums;box-shadow:0 4px 12px #ff334b47;white-space:nowrap;pointer-events:none}.side-rail button{position:relative}.side-rail .notification-count-badge.rail-unread{position:absolute;z-index:4;top:2px;right:2px;min-width:19px;height:19px;padding:0 4px;font-size:9px}.side-rail .withdrawal-rail-unread{animation:v231-alert-pulse 1.35s ease-in-out infinite}.pending-work-chip{display:flex;align-items:center;gap:7px;min-height:34px;padding:5px 9px;border:1px solid rgba(255,51,75,.46);border-radius:10px;background:linear-gradient(180deg,#521821b8,#311318b8);color:#ffd7dc;font-size:12px;font-weight:850;box-shadow:0 6px 18px #0000002e}.pending-work-chip>svg{width:15px;height:15px;color:#ff7384}.pending-work-chip .notification-count-badge{border-color:#351217}.notification-btn{position:relative}.notification-btn>.notification-count-badge{position:absolute;z-index:4;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px}.summary-grid button{position:relative;overflow:visible}.summary-alert-badge{position:absolute;z-index:3;top:5px;right:5px;min-width:19px;height:19px;padding:0 4px;font-size:9px}.summary-grid button.active .summary-alert-badge{border-color:#14301f}.account-filters button{position:relative;display:flex!important;align-items:center;gap:7px}.oa-filter-badge{flex:0 0 auto;margin-left:auto;min-width:22px;height:22px;padding:0 5px;border-color:#242424}.account-filters button.active .oa-filter-badge{border-color:#173520}.unread-badge.notification-count-badge{min-width:23px;height:23px;padding:0 5px;border-color:#251014}.conversation-item.has-unread{box-shadow:inset 3px 0 0 var(--alert-red),0 8px 20px #0000002e}.metric-card{position:relative}.metric-card.has-alert{border-color:#ff334b57}.metric-alert-badge{position:absolute;top:10px;right:10px;min-width:22px;height:22px}.withdrawal-summary button{position:relative;overflow:visible}.withdrawal-summary-badge{position:absolute;top:7px;right:7px;min-width:21px;height:21px;border-color:#2b1b10}.withdrawal-card-badge{min-width:22px;height:22px;border-color:#2b1b10}.count-badge.unread-count-dot{background:linear-gradient(180deg,#ff5368,var(--alert-red))!important;border-color:#251014!important;color:#fff!important}@keyframes v231-alert-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ff334b3d}50%{transform:scale(1.08);box-shadow:0 0 0 4px #ff334b1a,0 5px 16px #ff334b52}}@media(max-width:1080px){.pending-work-chip>span{display:none}.pending-work-chip{padding-inline:7px}}@media(max-width:760px){.side-rail .notification-count-badge.rail-unread{top:1px;right:3px}.pending-work-chip{position:fixed;z-index:110;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));min-height:36px;background:#3b171e}.summary-alert-badge{top:4px;right:4px}.oa-filter-badge{min-width:20px;height:20px;font-size:9px}}@media(prefers-reduced-motion:reduce){.withdrawal-rail-unread{animation:none!important}}.role-template-note{display:block;margin-top:5px;color:#aab0b5;font-size:11px;line-height:1.45}.permission-grid label.role-default-permission{border-color:#06c75561;background:#06c75512}.permission-grid label.role-default-permission small{margin-left:auto;padding:2px 6px;border-radius:999px;background:#06c75524;color:#75e5a5;font-size:9px;font-weight:900;letter-spacing:.02em}