*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-navy-deep);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{--bg-navy-deep:#0a1428;--bg-navy:#0f1e38;--bg-panel:#142544;--bg-panel-light:#1a2c4f;--border-navy:#24345c;--gold:#f0b429;--gold-dark:#c98f14;--gold-soft:rgba(240,180,41,0.14);--text-primary:#f4f6fb;--text-muted:#8fa0c4;--waiting:#f0b429;--waiting-bg:rgba(240,180,41,0.14);--progress:#5b9dff;--progress-bg:rgba(91,157,255,0.14);--closed:#93a1c0;--closed-bg:rgba(147,161,192,0.14);--client-closed:#ef4444;--client-closed-bg:rgba(239,68,68,0.14)}.commander-logo{display:flex;align-items:center;gap:12px}.commander-logo-stacked{flex-direction:column;text-align:center;gap:6px}.commander-logo-text{display:flex;flex-direction:column;line-height:1.15}.commander-logo-name{font-weight:800;letter-spacing:.03em;color:var(--text-primary)}.commander-logo-stacked .commander-logo-name{font-size:1.6rem;margin-top:4px}.commander-logo-inline .commander-logo-name{font-size:.95rem}.commander-logo-tagline{color:var(--text-muted);font-size:.78rem}.commander-logo-inline .commander-logo-tagline{font-size:.68rem}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 20%,rgba(240,180,41,.06),transparent 40%),radial-gradient(circle at 85% 80%,rgba(91,157,255,.06),transparent 40%),var(--bg-navy-deep);padding:2rem 1rem;gap:1.75rem}.login-card{background:var(--bg-panel);border:1px solid var(--border-navy);padding:2.25rem;border-radius:14px;width:380px;max-width:100%;box-shadow:0 24px 48px rgba(0,0,0,.4)}.login-card-title{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;margin-bottom:.4rem}.login-card-title .accent{color:var(--gold)}.login-card p.subtitle{color:var(--text-muted);font-size:.88rem;margin-bottom:1.5rem}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:1.1rem;font-size:.85rem;color:var(--text-muted)}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-with-icon>svg{position:absolute;left:12px;color:var(--gold);pointer-events:none}.input-with-icon .toggle-visibility{position:absolute;top:50%;right:10px;left:auto;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;pointer-events:auto;z-index:2}.field input,.field select,.field textarea{padding:.6rem .7rem;border:1px solid var(--border-navy);border-radius:8px;font-size:.9rem;color:var(--text-primary);font-family:inherit;background:var(--bg-navy);width:100%}.input-with-icon input{padding-left:40px!important}.input-with-icon input.has-toggle,.input-with-icon input[type=password]{padding-right:38px!important}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.error-text{color:#ff8080;font-size:.85rem;margin-top:.75rem}.commander-footer{display:flex;gap:1.75rem;flex-wrap:wrap;justify-content:center;color:var(--text-muted);font-size:.75rem;letter-spacing:.03em}.commander-footer a{display:flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none}.commander-footer a:hover,.commander-footer svg{color:var(--gold)}.app-shell{height:100vh;display:flex;flex-direction:column;background:var(--bg-navy-deep)}.topbar{height:60px;background:var(--bg-navy);border-bottom:1px solid var(--border-navy);color:var(--text-primary);justify-content:space-between;padding:0 1.25rem;flex-shrink:0;gap:1rem}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:.75rem}.icon-btn{background:transparent;border:1px solid var(--border-navy);color:var(--text-primary);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:#22c55e}.status-dot.offline{background:#ef4444}.topbar-user{gap:14px;font-size:.85rem;color:var(--text-muted)}.btn-logout,.topbar-user{display:flex;align-items:center}.btn-logout{background:transparent;border:1px solid var(--border-navy);color:var(--text-primary);padding:.4rem .85rem;border-radius:8px;cursor:pointer;font-size:.8rem;gap:6px}.btn-logout:hover{border-color:var(--gold);color:var(--gold)}.main-layout{flex:1 1;display:flex;min-height:0;min-width:0}.sidebar{width:240px;background:var(--bg-navy);border-right:1px solid var(--border-navy);padding:1rem .85rem;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;transition:margin-left .2s ease}.sidebar.collapsed{margin-left:-240px}.sidebar h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem;padding:0 .4rem}.sector-item{justify-content:space-between;width:100%;padding:.55rem .6rem;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.88rem;color:var(--text-primary);margin-bottom:2px;text-align:left}.sector-item,.sector-item .sector-label{display:flex;align-items:center;gap:8px}.sector-item svg{color:var(--gold);flex-shrink:0}.sector-item:hover{background:var(--bg-panel-light)}.sector-item.active{background:var(--gold-soft);color:var(--gold);font-weight:600}.sector-count{background:var(--bg-panel-light);color:var(--text-muted);border-radius:999px;padding:1px 9px;font-size:.73rem}.sector-item.active .sector-count{background:var(--gold);color:var(--bg-navy-deep)}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-navy)}.sidebar-footer .commander-footer{flex-direction:column;align-items:flex-start;gap:.6rem}.classifications-board{flex:1 1;display:flex;flex-direction:column;min-height:0}.classifications-board-header{padding:1rem 1.25rem .5rem;font-size:.85rem;color:var(--text-muted)}.board{flex:1 1;display:flex;gap:.75rem;padding:1rem;overflow-x:auto;min-width:0}.board-column{background:var(--bg-navy);border:1px solid var(--border-navy);border-radius:10px;flex:1 1 200px;min-width:200px;max-width:340px;display:flex;flex-direction:column;max-height:100%}.column-header{padding:.75rem .9rem;font-weight:600;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);border-bottom:1px solid var(--border-navy)}.column-cards{padding:.6rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.conv-card{background:var(--bg-panel);border-radius:8px;padding:.65rem .75rem;cursor:pointer;border:1px solid var(--border-navy)}.conv-card.selected,.conv-card:hover{border-color:var(--gold)}.conv-card.selected{box-shadow:0 0 0 2px var(--gold-soft)}.conv-card-title{font-weight:600;font-size:.9rem;margin-bottom:2px;color:var(--text-primary)}.conv-card-meta{font-size:.75rem;color:var(--text-muted);display:flex;justify-content:space-between;gap:6px}.conv-card-agent{font-size:.72rem;color:var(--gold);margin-top:3px}.conv-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.client-closed-icon{color:var(--client-closed);flex-shrink:0}.client-closed-label{display:inline-block;font-size:.7rem;padding:1px 8px;border-radius:999px;background:var(--client-closed-bg);color:var(--client-closed);font-weight:600}.client-post{color:var(--text-muted);font-size:.76rem;margin-bottom:3px}.badge{display:inline-block;font-size:.7rem;padding:1px 8px;border-radius:999px;font-weight:600}.badge.waiting{background:var(--waiting-bg);color:var(--waiting)}.badge.progress{background:var(--progress-bg);color:var(--progress)}.badge.closed{background:var(--closed-bg);color:var(--closed)}.empty-column{color:var(--text-muted);font-size:.8rem;padding:.5rem}.center-panel{flex:1 1;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;border-right:1px solid var(--border-navy)}.chat-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-navy);justify-content:space-between;gap:1rem}.chat-header,.chat-header-info{display:flex;align-items:center}.chat-header-info{gap:12px}.avatar-circle{width:40px;height:40px;border-radius:50%;background:var(--progress-bg);color:var(--progress);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.chat-header h3{font-size:1rem;color:var(--text-primary);margin-bottom:2px}.chat-header .meta-line{font-size:.78rem;color:var(--text-muted)}.drawer{width:380px;flex-shrink:0;background:var(--bg-navy);border-left:1px solid var(--border-navy);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.drawer::-webkit-scrollbar{width:8px}.drawer::-webkit-scrollbar-track{background:transparent}.drawer::-webkit-scrollbar-thumb{background:var(--border-navy);border-radius:4px}.drawer::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.drawer-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:.6rem;text-align:center;padding:2rem}.drawer-empty svg{color:var(--border-navy)}.drawer-header{padding:1rem 1.1rem;border-bottom:1px solid var(--border-navy)}.drawer-header h3{font-size:1rem;margin-bottom:4px;color:var(--text-primary)}.drawer-header .meta-line{font-size:.78rem;color:var(--text-muted)}.drawer-section{padding:.9rem 1.1rem;border-bottom:1px solid var(--border-navy)}.drawer-section h4{font-size:.72rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem}.messages-area{flex:1 1;min-height:0;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:4px;background:var(--bg-navy-deep);background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.025) 1px,transparent 0);background-size:20px 20px}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:var(--border-navy);border-radius:4px}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.message-bubble{max-width:65%;padding:.45rem .65rem .35rem;border-radius:10px;font-size:.88rem;line-height:1.4;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.25)}.message-bubble.outbound{align-self:flex-end;background:var(--gold-dark);color:var(--bg-navy-deep);border-top-right-radius:2px}.message-bubble.inbound{align-self:flex-start;background:var(--bg-panel-light);color:var(--text-primary);border-top-left-radius:2px}.message-bubble.bot{align-self:flex-end;background:#3a6fc4;color:var(--text-primary);border-top-right-radius:2px}.message-sender{font-size:.68rem;font-weight:700;color:var(--gold);margin-bottom:2px;display:flex;align-items:center;gap:3px}.message-text{white-space:pre-wrap;word-break:break-word}.message-time{align-self:flex-end;color:var(--text-muted);font-size:.65rem;margin-top:3px}.message-bubble.outbound .message-sender,.message-bubble.outbound .message-time{color:rgba(10,20,40,.65)}.message-bubble.bot .message-sender,.message-bubble.bot .message-time{color:rgba(244,246,251,.75)}.message-form{display:flex;gap:6px;padding:.75rem 1.1rem;border-top:1px solid var(--border-navy)}.message-form input{flex:1 1;padding:.55rem .65rem;border:1px solid var(--border-navy);font-size:.88rem;background:var(--bg-navy)}.btn,.message-form input{border-radius:8px;color:var(--text-primary)}.btn{padding:.55rem .9rem;border:1px solid var(--border-navy);background:var(--bg-panel);cursor:pointer;font-size:.85rem;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:var(--gold)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gold);border-color:var(--gold);color:var(--bg-navy-deep);font-weight:700}.btn-primary:hover{background:var(--gold-dark);border-color:var(--gold-dark)}.btn-full{width:100%;justify-content:center}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.transfer-history-item{font-size:.78rem;color:var(--text-muted);padding:6px 0;border-bottom:1px dashed var(--border-navy)}.transfer-history-item:last-child{border-bottom:none}.transfer-history-item .transfer-path{color:var(--text-primary);font-weight:600}.transfer-history-item .transfer-by{color:var(--gold)}.message-edit-btn{margin-left:.5rem;display:inline-flex;align-items:center;gap:3px;background:transparent;border:none;padding:0;font-size:.72rem;color:inherit;opacity:.8;cursor:pointer;text-decoration:underline}.message-edit-btn:hover{opacity:1}.message-edit-form{display:flex;flex-direction:column;gap:.4rem;min-width:260px}.message-edit-form textarea{width:100%;resize:vertical;border-radius:6px;border:1px solid var(--border-navy);background:var(--bg-navy);color:var(--text-primary);padding:.4rem .5rem;font:inherit}.message-edit-notify{display:flex;align-items:center;gap:.35rem;font-size:.75rem}.message-edit-actions{display:flex;justify-content:flex-end;gap:.4rem}.message-edit-actions .btn{padding:.25rem .7rem;font-size:.78rem}.message-edit-error{font-size:.75rem;color:#b42318;font-weight:600}.message-edited{font-style:italic;cursor:help}