:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f1830;background:#f4f1f8;--patmos-950: #1b0b30;--patmos-900: #24113d;--patmos-800: #35195d;--patmos-700: #4a237f;--patmos-600: #6532a8;--patmos-100: #efe7f8;--patmos-50: #faf7fd;--accent: #7c3aed;--accent-strong: #5b21b6;--line: #ded4ea;--line-soft: #eadff3;--muted: #6d617d;--panel: #ffffff}*{box-sizing:border-box}body{margin:0}button,input,select,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.login-page{align-items:center;background:linear-gradient(135deg,#24113d14,#7c3aed1f),#f4f1f8;display:grid;min-height:100vh;padding:20px;place-items:center}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;max-width:420px;padding:24px;width:100%}.login-brand,.brand{align-items:center;display:flex;gap:10px;font-weight:700;margin-bottom:28px}.login-brand{color:var(--patmos-900);margin-bottom:0}.login-panel h1{font-size:24px;line-height:1.2;margin:0}.login-panel label{color:#4b3d60;display:grid;font-size:14px;font-weight:700;gap:6px}.login-panel input{border:1px solid var(--line);border-radius:6px;min-height:40px;padding:8px 10px}.login-panel button{align-items:center;border:0;border-radius:6px;display:inline-flex;font-weight:700;gap:8px;min-height:38px;padding:9px 12px}.login-panel button{background:var(--accent-strong);color:#fff}.login-panel p{color:var(--muted);line-height:1.4;margin:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.operator-shell{align-items:start;display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--patmos-900);color:#fbf9ff;display:grid;height:100vh;grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;overflow:hidden;padding:24px 18px;position:sticky;top:0}.sidebar nav{align-content:start;align-self:start;display:grid;gap:6px}.sidebar button{align-items:center;background:transparent;border:0;border-radius:6px;color:#e8dcf7;display:flex;gap:10px;padding:11px 12px;text-align:left;width:100%}.sidebar button.active,.sidebar button:hover{background:var(--patmos-700);color:#fff}.sidebar-logout{align-self:end;margin-top:24px}.operator-page{min-width:0;padding:22px}.operator-topbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;position:relative}.eyebrow{color:var(--muted);display:block;font-size:13px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.operator-topbar h1{font-size:26px;line-height:1.15;margin:0}.topbar-actions{position:fixed;right:22px;top:22px;z-index:40}.alert-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--patmos-900);display:inline-flex;justify-content:center;min-height:40px;min-width:42px;position:relative}.alert-button.has-unread:after{background:#dc2626;border:2px solid white;border-radius:999px;content:"";height:10px;position:absolute;right:8px;top:8px;width:10px}.alerts-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px #24113d29;display:grid;gap:10px;max-height:min(420px,calc(100vh - 110px));min-width:320px;overflow:hidden;padding:12px;position:fixed;right:0;top:70px;width:min(380px,calc(100vw - 48px));z-index:30}.alerts-panel-header{align-items:center;display:flex;justify-content:space-between}.alerts-panel-header span{color:var(--muted);font-size:13px}.alerts-list{display:grid;gap:8px;max-height:340px;overflow:auto;padding-right:4px}.alert-item{background:#fff;border:1px solid var(--line-soft);border-radius:8px;color:inherit;cursor:pointer;display:grid;gap:4px;padding:10px;text-align:left;width:100%}.alert-item:hover,.alert-item:focus-visible{border-color:var(--patmos-500);outline:none}.alert-item strong{color:#1f1830;font-size:14px;line-height:1.35}.alert-item span{color:var(--muted);font-size:12px}.queue-strip{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.queue-pill{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:#2b203c;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;padding:12px;text-align:left}.queue-pill.active{background:var(--patmos-50);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.queue-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-pill strong{color:var(--patmos-800);font-size:22px}.operator-workspace{display:grid;gap:16px;grid-template-columns:minmax(320px,.78fr) minmax(0,1.42fr)}.ticket-column,.ticket-detail,.detail-section,.empty-state,.placeholder-panel{background:#fff;border:1px solid var(--line);border-radius:8px}.ticket-column,.ticket-detail,.detail-section,.empty-state,.placeholder-panel{padding:14px}.ticket-detail{min-width:0;padding:18px}.ticket-column{min-width:0}.column-header,.detail-header,.conversation-header,.ticket-card-head,.ticket-card-foot,.ticket-title-row,.comment-box{align-items:center;display:flex}.column-header,.detail-header,.conversation-header,.ticket-card-head,.ticket-card-foot{justify-content:space-between}.column-header{margin-bottom:12px}.column-header h2,.detail-header h2,.detail-section h3,.conversation h3{margin:0}.column-header h2{font-size:18px}.column-header span,.ticket-meta,.timeline-item span,.empty-state,.placeholder-panel,.summary-section p,.sla-section p,.timeline-item p{color:var(--muted)}.ticket-stack{display:grid;gap:10px}.ticket-card{background:#fdfcff;border:1px solid var(--line-soft);border-radius:8px;color:inherit;display:grid;gap:10px;min-height:142px;padding:13px;text-align:left;width:100%}.ticket-card.selected{background:var(--patmos-50);border-color:var(--accent)}.ticket-card h3{font-size:15px;line-height:1.35;margin:0}.ticket-meta{display:grid;font-size:13px;gap:4px}.ticket-card-foot{gap:8px}.priority,.status,.sla-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;min-height:25px;padding:4px 8px}.priority-critical{background:#ffe0e0;color:#991b1b}.priority-high{background:#ffe7d6;color:#9a3412}.priority-medium{background:#fff3c4;color:#854d0e}.priority-low{background:#dff7ec;color:#166534}.status{background:#eee8f6;color:#433056}.status-in_progress,.status-escalated{background:#e9ddff;color:var(--accent-strong)}.status-waiting_user,.status-waiting_third_party{background:#fff3c4;color:#854d0e}.status-resolved,.status-closed{background:#dff7ec;color:#166534}.sla-chip{background:#f0e9f8;color:#514164}.detail-header{align-items:flex-start;border-bottom:1px solid var(--line-soft);gap:14px;padding-bottom:14px}.ticket-title-row{flex-wrap:wrap;gap:8px;margin-bottom:8px}.ticket-title-row>strong{font-size:16px}.detail-header h2{font-size:24px;line-height:1.2}.detail-actions{align-items:center;display:flex;gap:8px}.detail-close{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--patmos-800);display:inline-flex;height:38px;justify-content:center;width:38px}.detail-close:hover,.detail-close:focus-visible{border-color:var(--accent);color:var(--accent-strong);outline:none}.primary-action,.conversation-header button,.comment-box button,.placeholder-panel button{align-items:center;border:0;border-radius:6px;display:inline-flex;font-weight:700;gap:8px;min-height:38px;padding:9px 12px}.primary-action,.comment-box button,.placeholder-panel button{background:var(--accent-strong);color:#fff}.primary-action{white-space:nowrap}.conversation-header button{background:var(--patmos-100);color:var(--patmos-900)}.modal-backdrop{align-items:center;background:#1f18306b;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:20}.action-modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px #1f18303d;display:grid;gap:14px;max-width:460px;padding:18px;width:min(100%,460px)}.modal-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.modal-header span{color:var(--muted);display:block;font-size:12px;font-weight:700;margin-bottom:3px}.modal-header h2{font-size:20px;line-height:1.2;margin:0}.modal-header button,.modal-actions button:first-child{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--patmos-900);font-weight:700;min-height:38px;padding:8px 12px}.action-modal label{color:#4b3d60;display:grid;font-size:14px;font-weight:700;gap:6px}.action-modal select,.action-modal textarea{background:#fff;border:1px solid var(--line);border-radius:6px;color:#1f1830;padding:8px 10px}.action-modal select{min-height:40px}.action-modal textarea{line-height:1.45;min-height:96px;resize:vertical;width:100%}.modal-comment,.modal-file{display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr)}.modal-comment>svg,.modal-file>svg{align-self:center;color:var(--muted)}.modal-comment textarea{grid-column:1 / -1}.modal-file input{background:#fff;border:1px dashed var(--line);border-radius:6px;color:#1f1830;min-height:40px;padding:8px 10px;width:100%}.modal-file span{color:var(--muted);font-size:13px;grid-column:2;overflow-wrap:anywhere}.modal-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.modal-actions button:last-child{align-items:center;background:var(--accent-strong);border:0;border-radius:6px;color:#fff;display:inline-flex;font-weight:700;gap:8px;min-height:38px;padding:8px 12px}.detail-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);padding:14px 0}.sla-section{align-content:start;display:grid;gap:14px}.summary-section p,.sla-section p,.timeline-item p{line-height:1.5}.info-grid{display:grid;gap:10px 18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 0}.info-grid div{min-width:0}.info-grid dt{color:var(--muted);font-size:12px;font-weight:700;margin-bottom:3px;text-transform:uppercase}.info-grid dd{color:#1f1830;margin:0;overflow-wrap:anywhere}.sla-meter{display:grid;gap:10px;margin-top:14px}.sla-meter>div{background:var(--line-soft);border-radius:999px;height:12px;overflow:hidden}.sla-meter>div span{background:var(--accent);display:block;height:100%}.sla-section .conversation{border-top:1px solid var(--line-soft);display:grid;gap:12px;margin-top:2px;min-height:0;padding-top:14px}.sla-section .conversation-header{align-items:flex-start;gap:10px}.sla-section .conversation-header h3{font-size:16px;line-height:1.2}.timeline{display:grid;gap:10px;margin:0;max-height:clamp(260px,calc(100vh - 410px),560px);overflow:auto;padding-right:4px}.attachment-list{display:grid;gap:8px;margin:14px 0}.attachment-item{align-items:center;border:1px solid var(--line-soft);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.attachment-item>div{align-items:center;display:flex;gap:10px;min-width:0}.attachment-item svg{color:var(--accent-strong);flex:0 0 auto}.attachment-item span{display:grid;min-width:0}.attachment-item strong,.attachment-item small{overflow-wrap:anywhere}.attachment-item small{color:var(--muted);font-size:12px}.attachment-item button{background:var(--patmos-100);border:0;border-radius:6px;color:var(--patmos-900);font-weight:700;min-height:34px;padding:7px 10px}.timeline-item{border-left:3px solid var(--accent);padding:3px 0 3px 12px}.timeline-item div{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.timeline-item span{font-size:13px}.timeline-item p{margin:6px 0 0}.timeline-item button{align-items:center;background:var(--patmos-100);border:0;border-radius:6px;color:var(--patmos-900);display:inline-flex;font-weight:700;gap:6px;margin-top:8px;min-height:32px;padding:6px 9px}.comment-box{background:#faf7fd;border:1px solid var(--line);border-radius:8px;gap:9px;padding:8px 10px}.comment-box input{background:transparent;border:0;min-height:34px;min-width:0;outline:0;width:100%}.comment-box select{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--patmos-900);min-height:34px;padding:0 8px}.comment-box button{min-width:40px;padding:8px 10px}.placeholder-grid{display:grid;grid-template-columns:minmax(0,1fr)}.placeholder-panel{display:grid;gap:12px}.placeholder-panel h2,.placeholder-panel p{margin:0}.placeholder-panel button{justify-self:start}.data-list{display:grid;gap:8px}.data-list strong{color:#1f1830;margin-top:6px}.data-list span{border-bottom:1px solid var(--line-soft);color:var(--muted);padding-bottom:7px}.admin-manager{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(320px,.72fr) minmax(460px,1.28fr)}.admin-column{align-content:start;display:grid;gap:16px;min-width:0}.admin-form,.admin-list,.integration-form{border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:14px}.admin-form{background:var(--patmos-50);grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form h3{grid-column:1 / -1;margin:0}.admin-form input,.admin-form select,.integration-form input{background:#fff;border:1px solid var(--line);border-radius:6px;color:#1f1830;min-height:38px;padding:8px 10px}.admin-check{align-items:center;color:var(--patmos-900);display:flex;font-weight:700;gap:8px;grid-column:1 / -1}.admin-check input{min-height:auto}.admin-form button,.integration-form button,.integration-item button{align-items:center;background:var(--accent-strong);border:0;border-radius:6px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;justify-self:start;min-height:38px;padding:8px 12px}.admin-form button{grid-column:1 / -1}.integration-form{background:var(--patmos-50)}.integration-form .secondary-action{background:#fff;border:1px solid var(--line);color:var(--patmos-900)}.integration-panel{min-width:0}.admin-list{background:#fdfcff;align-content:start}.admin-user{align-items:center;background:#fff;border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.admin-user>div{display:grid;gap:4px;min-width:0}.admin-user span{color:var(--muted)}.admin-user>div:last-child{align-items:end;display:grid;gap:4px;justify-items:end;text-align:right}.integration-item>div:last-child{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.integration-item button{min-height:32px;padding:6px 10px}.api-key-card{background:var(--patmos-50);border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;padding:14px}.api-key-card>div{display:grid;gap:4px}.api-key-card span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.api-key-card strong,.api-key-card code{color:#1f1830;overflow-wrap:anywhere}.api-key-card code{background:#fff;border:1px solid var(--line);border-radius:6px;display:block;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;padding:10px}.api-key-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.api-key-card button{align-items:center;background:var(--accent-strong);border:0;border-radius:6px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;justify-self:start;min-height:38px;padding:8px 12px}.api-key-card .icon-action{background:#fff;border:1px solid var(--line);color:var(--patmos-900);min-height:38px;min-width:40px;padding:8px 10px}.api-key-card .icon-action:disabled{cursor:not-allowed}.api-key-meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px}.api-key-meta span{text-transform:none}.api-key-reset-modal{max-width:520px}.api-key-reset-warning{align-items:start;background:#fff8df;border:1px solid #f2d27a;border-radius:8px;color:#68420d;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding:12px}.api-key-reset-warning svg{margin-top:2px}.api-key-reset-warning p{margin:0}.api-key-reset-confirmation{color:var(--patmos-900);display:grid;font-size:14px;font-weight:700;gap:6px}.api-key-reset-confirmation input{background:#fff;border:1px solid var(--line);border-radius:6px;color:#1f1830;min-height:38px;padding:8px 10px}.api-key-reset-result{background:var(--patmos-50);border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;padding:12px}.api-key-reset-result strong{color:#1f1830}.api-key-reset-result p{color:var(--muted);margin:0}.api-key-reset-result code{background:#fff;border:1px solid var(--line);border-radius:6px;color:#1f1830;display:block;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;padding:10px}.catalog-manager{display:grid;gap:16px;grid-template-columns:minmax(360px,.8fr) minmax(420px,1.2fr);align-items:start}.catalog-form{background:var(--patmos-50);border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:14px}.catalog-form.wide{grid-template-columns:1fr}.catalog-form h3{grid-column:1 / -1;margin:0}.catalog-form input,.catalog-form select,.purchase-form input,.purchase-form select,.purchase-form textarea,.purchase-item select{background:#fff;border:1px solid var(--line);border-radius:6px;color:#1f1830;min-height:38px;padding:8px 10px}.catalog-form button,.catalog-item button,.purchase-form button{align-items:center;background:var(--accent-strong);border:0;border-radius:6px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-height:38px;padding:8px 12px}.catalog-form button{justify-self:start}.catalog-lists{display:grid;gap:14px;grid-column:2;grid-row:1 / span 3;grid-template-columns:1fr;max-height:calc(100vh - 190px);overflow:auto;padding-right:4px}.catalog-list{border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;padding:12px}.catalog-list h3{margin:0 0 4px}.catalog-item{align-items:center;border-bottom:1px solid var(--line-soft);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:8px 0}.catalog-item.inactive{opacity:.62}.catalog-item div{display:grid;gap:3px;min-width:0}.catalog-item strong,.catalog-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-item span{color:var(--muted);font-size:13px}.purchase-manager{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(320px,.65fr) minmax(460px,1.35fr)}.purchase-form,.purchase-list{border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:14px}.purchase-form{background:var(--patmos-50)}.purchase-form h3{margin:0}.purchase-form textarea{min-height:96px;resize:vertical}.purchase-form button{justify-self:start}.purchase-list{background:#fdfcff;max-height:calc(100vh - 190px);overflow:auto}.purchase-status-tabs{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.purchase-status-tabs button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--patmos-900);display:flex;font-weight:700;gap:8px;justify-content:space-between;min-height:38px;padding:8px 10px}.purchase-status-tabs button.active{background:var(--patmos-50);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.purchase-status-tabs strong{color:var(--accent-strong);font-size:13px}.purchase-item{background:#fff;border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:10px;padding:12px}.purchase-item-head,.purchase-item-foot{align-items:center;display:flex;gap:10px;justify-content:space-between}.purchase-item-head>div{display:grid;gap:4px;min-width:0}.purchase-item-head strong,.purchase-item-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-item-head span,.purchase-item-foot,.purchase-item p{color:var(--muted)}.purchase-item p{line-height:1.45;margin:0}.purchase-item-foot{flex-wrap:wrap;font-size:13px;justify-content:flex-start}.purchase-item-foot strong{color:#1f1830}.purchase-item select{justify-self:start}.purchase-badges{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end}.purchase-status,.purchase-urgency{border-radius:999px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;min-height:25px;padding:4px 8px}.purchase-status-requested{background:#eee8f6;color:#433056}.purchase-status-quoting,.purchase-status-ordered{background:#fff3c4;color:#854d0e}.purchase-status-received{background:#dff7ec;color:#166534}.purchase-status-cancelled,.purchase-urgency-high{background:#ffe0e0;color:#991b1b}.purchase-urgency-medium{background:#fff3c4;color:#854d0e}.purchase-urgency-low{background:#dff7ec;color:#166534}@media(max-width:1120px){.operator-shell{grid-template-columns:1fr}.sidebar{height:auto;min-height:auto;overflow:visible;padding:16px;position:static}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:920px){.operator-topbar,.detail-header{align-items:stretch;flex-direction:column}.queue-strip,.operator-workspace,.detail-grid,.info-grid,.catalog-manager,.catalog-form.wide,.catalog-lists,.purchase-manager,.purchase-status-tabs,.admin-manager,.admin-form,.admin-user{grid-template-columns:1fr}.admin-user>div:last-child{align-items:start;justify-items:start;text-align:left}.catalog-lists,.purchase-list{grid-column:auto;grid-row:auto;max-height:none;overflow:visible}}@media(max-width:560px){.operator-page{padding:14px}.sidebar nav{grid-template-columns:1fr 1fr}.queue-pill{grid-template-columns:auto 1fr}.queue-pill strong{grid-column:2}}