:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;font-weight:450;color:#18212f;background:#f3f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#f3f6fa;--surface:#fff;--surface2:#f8fafc;--border:#e3e8ef;--text:#18212f;--muted:#647184;--accent:#2457d6;--accent-soft:#eaf0ff;--success:#16845b;--success-soft:#e9f8f0;--warn:#b66a00;--warn-soft:#fff4df;--danger:#c33a3a;--danger-soft:#fff0f0;--purple:#7257c9;--purple-soft:#f1edff;--shadow:0 18px 48px rgba(24,33,47,.08);--shadow-sm:0 4px 18px rgba(24,33,47,.06)}[data-theme=dark]{--bg:#0e141d;--surface:#151d28;--surface2:#101720;--border:#273344;--text:#eef3f9;--muted:#93a0b3;--accent:#6f91ff;--accent-soft:#1a2747;--success:#35c58e;--success-soft:#113226;--warn:#e4a547;--warn-soft:#332613;--danger:#ff7070;--danger-soft:#351b1b;--purple:#a995ff;--purple-soft:#292342;--shadow:0 18px 48px rgba(0,0,0,.22);--shadow-sm:0 4px 18px rgba(0,0,0,.16)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;background:#0f1722;color:#fff;display:flex;flex-direction:column;padding:18px;position:fixed;inset:0 auto 0 0;z-index:40}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:6px 6px 16px}.sidebar-brand strong{display:block;font-size:17px}.sidebar-brand small{display:block;color:#92a0b4;font-size:11px;margin-top:2px}.logo-mark,.loader-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#4274ff,#2449c9);font-weight:800;box-shadow:0 8px 24px #2752dc59}.workspace-chip{padding:9px 11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:#b8c3d1;font-size:12px;display:flex;gap:8px;align-items:center;margin-bottom:18px}.dot{width:7px;height:7px;border-radius:50%;background:#38d28a;box-shadow:0 0 0 4px #38d28a1f}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#9ca8b9;font-size:13px}.side-nav a:hover,.side-nav a.active{background:#1b2736;color:#fff}.sidebar-spacer{flex:1}.side-foot{border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.user-card{display:flex;align-items:center;gap:10px;padding:9px 4px}.user-card strong{display:block;font-size:13px}.user-card small{display:block;color:#8e9bad;font-size:11px}.user-card svg{margin-left:auto;color:#8190a3}.avatar{width:36px;height:36px;border-radius:11px;background:#e9efff;color:#2a51b7;display:grid;place-items:center;font-weight:750;font-size:12px;flex:none}.small-avatar{width:30px;height:30px;border-radius:9px}.large-avatar{width:48px;height:48px;border-radius:14px}.logout-row{border:0;background:transparent;color:#8e9bad;padding:10px 4px;display:flex;align-items:center;gap:8px;font-size:12px}.main-wrap{margin-left:260px;min-width:0;width:calc(100% - 260px)}.topbar{height:70px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 28px}.global-search{flex:1}.search-box{height:40px;max-width:460px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface2);padding:0 12px;border-radius:10px;color:var(--muted)}.search-box input{border:0;outline:0;background:transparent;width:100%;color:var(--text);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:8px}.role-switch{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface2);font-size:11px;color:var(--muted)}.role-switch select{border:0;background:transparent;color:var(--text);font-size:12px;outline:0}.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.icon-btn:hover{background:var(--surface2)}.notification{position:relative}.notification span{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:20px;background:var(--danger);color:#fff;font-size:10px;display:grid;place-items:center}.mobile-left{display:none}.content-area{max-width:1480px;margin:0 auto;padding:28px}.footer{padding:20px 28px;color:var(--muted);font-size:11px;border-top:1px solid var(--border)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.section-head h2{margin:5px 0 7px;font-size:28px;letter-spacing:-.02em}.section-head p{margin:0;color:var(--muted);max-width:720px;font-size:13px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--muted)}.section-actions{display:flex;gap:8px}.btn{border:1px solid var(--border);border-radius:9px;padding:10px 13px;background:var(--surface);color:var(--text);display:inline-flex;align-items:center;gap:7px;font-size:12px}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 7px 20px #2457d63b}.btn.primary:hover{filter:brightness(1.05)}.btn.secondary:hover{background:var(--surface2)}.danger-btn{color:#fff;background:var(--danger);border-color:var(--danger)}.text-btn{border:0;background:transparent;color:var(--accent);display:inline-flex;align-items:center;gap:5px;padding:4px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:17px;display:flex;gap:12px;align-items:flex-start;box-shadow:var(--shadow-sm)}.metric-card .metric-icon{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.metric-card strong{display:block;font-size:25px;line-height:1.05;margin-top:4px}.metric-card span{display:block;color:var(--muted);font-size:11px}.metric-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.metric-card.danger .metric-icon{background:var(--danger-soft);color:var(--danger)}.metric-card.amber .metric-icon{background:var(--warn-soft);color:var(--warn)}.metric-card.green .metric-icon{background:var(--success-soft);color:var(--success)}.metric-card.purple .metric-icon{background:var(--purple-soft);color:var(--purple)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm)}.panel+.panel{margin-top:14px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.panel-head h3{margin:2px 0 4px;font-size:15px}.panel-head p{margin:0;color:var(--muted);font-size:11px}.overview-grid,.split-grid,.chart-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;margin-bottom:14px}.split-grid,.chart-grid{grid-template-columns:1fr 1fr}.emphasis-panel{min-height:330px}.risk-list{display:flex;flex-direction:column;gap:7px}.risk-row{width:100%;border:1px solid var(--border);background:var(--surface2);border-radius:10px;padding:10px;display:flex;align-items:center;gap:11px;text-align:left;color:var(--text)}.risk-row:hover{border-color:#bac8e6;transform:translateY(-1px)}.risk-score{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;align-content:center}.risk-score strong{font-size:15px;color:var(--accent)}.risk-score span{font-size:8px;color:var(--muted)}.risk-main{flex:1;min-width:0}.risk-main>div:first-child{display:flex;flex-direction:column;gap:2px}.risk-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.risk-main span{font-size:10px;color:var(--muted)}.risk-meta{display:flex;gap:6px;align-items:center;margin-top:7px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;background:var(--surface2);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.badge.blue{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.badge.green{background:var(--success-soft);border-color:transparent;color:var(--success)}.badge.amber{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.badge.danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.badge.purple{background:var(--purple-soft);border-color:transparent;color:var(--purple)}.capacity-list{display:flex;flex-direction:column;gap:15px}.capacity-row{display:flex;gap:10px;align-items:flex-start}.cap-main{flex:1}.cap-top{display:flex;justify-content:space-between;align-items:center}.cap-top strong{font-size:12px}.cap-top span{font-size:10px;color:var(--muted)}.meter{height:7px;background:var(--surface2);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.meter span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#6f91ff)}.cap-main small{font-size:9px;color:var(--muted);margin-top:4px;display:block}.category-bars{display:flex;flex-direction:column;gap:13px}.bar-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.bar-label strong{font-size:12px}.bar{height:9px;border-radius:99px;background:var(--surface2);overflow:hidden;border:1px solid var(--border)}.bar span{height:100%;background:var(--accent);display:block;border-radius:inherit}.activity-list{display:flex;flex-direction:column;gap:13px}.activity-row{display:flex;gap:9px}.activity-row strong{display:block;font-size:11px}.activity-row span{display:block;font-size:9px;color:var(--muted);margin-top:2px}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:4px}.activity-dot.success{background:var(--success)}.activity-dot.alert{background:var(--danger)}.activity-dot.info{background:var(--accent)}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:740px}.table-wrap th,.table-wrap td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:11px;vertical-align:middle}.table-wrap th{font-size:9px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.table-wrap tr:last-child td{border-bottom:0}.click-row{cursor:pointer}.click-row:hover td{background:var(--surface2)}.table-wrap td strong{font-size:11px}.cell-subject{display:block;color:var(--muted);font-size:9px;margin-top:2px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:15px}.toolbar .search-box{max-width:none;flex:1}.toolbar-actions{display:flex;gap:6px}.view-toggle,.filter-btn{height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);padding:0 10px;display:flex;align-items:center;gap:6px;font-size:11px}.view-toggle.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow:auto}.kanban-col{min-height:420px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:10px}.kanban-col.drop-ready{border-style:dashed}.kanban-head{display:flex;justify-content:space-between;padding:4px 5px 10px;font-size:11px}.kanban-head span{background:var(--surface);border:1px solid var(--border);padding:3px 7px;border-radius:99px;font-size:9px}.ticket-card{background:var(--surface);border:1px solid var(--border);padding:11px;border-radius:11px;margin-bottom:8px;cursor:grab}.ticket-card:hover{box-shadow:var(--shadow-sm);border-color:#b9c7e6}.ticket-card-top,.ticket-card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.ticket-card h4{font-size:12px;margin:8px 0 6px}.ticket-card p{font-size:10px;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-card-bottom{font-size:9px;color:var(--muted)}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:9px;outline:0;padding:10px 11px;font-size:12px}textarea{resize:vertical;min-height:110px}input:focus,select:focus,textarea:focus{border-color:#8ea3db;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050c148c;z-index:70;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 35px 100px #00000040;padding:18px}.modal.wide{width:min(900px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-head h3{margin:0;font-size:16px}.modal-actions,.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.empty-state{padding:54px 18px;text-align:center;color:var(--muted)}.empty-icon{width:38px;height:38px;border-radius:11px;background:var(--surface2);display:grid;place-items:center;margin:0 auto 10px}.empty-state strong{color:var(--text);display:block;font-size:13px}.empty-state p{margin:4px auto 0;max-width:340px;font-size:11px}.empty-inline{text-align:center;color:var(--muted);padding:30px}.back-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.ticket-actions{display:flex;gap:7px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.ticket-head-card{padding:20px}.ticket-title-line{display:flex;justify-content:space-between;gap:20px}.ticket-title-line h2{font-size:23px;margin:6px 0}.ticket-title-line p{font-size:12px;color:var(--muted);max-width:680px;margin:0}.ticket-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ticket-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}.ticket-facts span{display:flex;flex-direction:column;font-size:10px;color:var(--muted);gap:2px}.ticket-facts strong{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.tab-bar{display:flex;gap:5px;padding:8px;margin-top:14px}.tab-bar button{border:0;background:transparent;color:var(--muted);padding:9px 11px;border-radius:8px;display:flex;align-items:center;gap:7px;font-size:11px}.tab-bar button.active{background:var(--accent-soft);color:var(--accent)}.conversation{display:flex;flex-direction:column;gap:10px}.message-intro{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border)}.message-intro strong,.message-intro small{display:block}.message-intro strong{font-size:12px}.message-intro small{font-size:10px;color:var(--muted)}.message{padding:12px 13px;border:1px solid var(--border);background:var(--surface2);border-radius:11px}.message.agent{background:var(--accent-soft);border-color:transparent}.message.internal{background:var(--warn-soft);border-color:transparent}.message-meta{display:flex;align-items:center;gap:7px;font-size:10px}.message-meta span{color:var(--muted);font-size:9px}.message p{font-size:11px;line-height:1.55;margin:7px 0 0}.composer-tabs{display:flex;gap:4px;margin-top:16px}.composer-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 9px;border-radius:7px;font-size:10px}.composer-tabs button.active{background:var(--surface2);color:var(--text)}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.composer-hints{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px}.timeline{display:flex;flex-direction:column;gap:18px;padding:6px}.timeline-item{display:flex;gap:10px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);margin-top:5px}.timeline-item strong{display:block;font-size:11px}.timeline-item span{display:block;font-size:9px;color:var(--muted);margin-top:2px}.checklist{display:flex;flex-direction:column;gap:8px;margin-top:15px}.check-row{flex-direction:row;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface2)}.check-row input{width:auto}.check-row.done span{text-decoration:line-through;color:var(--muted)}.playbook-summary{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:10px}.playbook-summary .meter{flex:1}.detail-sidebar{display:flex;flex-direction:column;gap:14px}.detail-sidebar .panel{box-shadow:none}.status-actions{display:flex;flex-direction:column;gap:6px}.status-action{border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:9px 10px;border-radius:8px;text-align:left;font-size:10px}.status-action:hover{border-color:#aab7d7}.person-card,.customer-mini{display:flex;gap:10px;align-items:center}.person-card strong,.person-card span,.customer-mini strong,.customer-mini span{display:block}.person-card strong,.customer-mini strong{font-size:12px}.person-card span,.customer-mini span{font-size:10px;color:var(--muted)}.customer-mini{flex-direction:column;align-items:flex-start;gap:3px}.suggestions{display:flex;flex-direction:column;gap:6px}.suggestions button,.assign-item{border:1px solid var(--border);background:var(--surface2);padding:9px;border-radius:8px;display:flex;justify-content:space-between;gap:8px;text-align:left;color:var(--text)}.suggestions button strong,.suggestions button span,.assign-item strong,.assign-item span{display:block}.suggestions button strong,.assign-item strong{font-size:10px}.suggestions button span,.assign-item span{font-size:9px;color:var(--muted);margin-top:2px}.assign-list{display:flex;flex-direction:column;gap:7px}.tag-list{display:flex;gap:5px;flex-wrap:wrap}.major-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));padding:12px 15px;border-radius:12px;margin-bottom:14px}.major-banner strong,.major-banner span{display:block}.major-banner strong{font-size:12px;color:var(--danger)}.major-banner span{font-size:10px;color:var(--muted);margin-top:2px}.form-panel{padding:20px}.form-panel h2{margin:5px 0 4px;font-size:24px}.form-panel>p{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.full{grid-column:1 / -1}.customer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.customer-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:left;color:var(--text)}.customer-card:hover{border-color:#b8c5e3;transform:translateY(-1px)}.customer-top{display:flex;gap:10px;align-items:center}.customer-top strong,.customer-top span{display:block}.customer-top strong{font-size:12px}.customer-top span{font-size:10px;color:var(--muted);margin-top:2px}.customer-metrics{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted);margin:15px 0}.customer-metrics span{display:flex;align-items:center;gap:5px}.customer-contact{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:9px}.customer-contact span{display:flex;align-items:center;gap:6px}.profile-banner{display:flex;gap:12px;align-items:center;padding:6px 0 14px}.profile-banner h3{margin:0;font-size:16px}.profile-banner p{margin:3px 0 0;color:var(--muted);font-size:11px}.profile-score{margin-left:auto;text-align:right}.profile-score span,.profile-score strong{display:block}.profile-score span{font-size:9px;color:var(--muted)}.profile-score strong{font-size:25px}.inside-panel{box-shadow:none}.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kb-card{background:var(--surface2);border:1px solid var(--border);padding:15px;border-radius:12px;text-align:left;color:var(--text)}.kb-card:hover{border-color:#b8c5e3}.kb-icon{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:10px}.kb-card h3{margin:4px 0 12px;font-size:13px}.kb-stats{display:flex;gap:10px;color:var(--muted);font-size:9px;margin-bottom:10px}.kb-stats span{display:flex;align-items:center;gap:4px}.kb-card .tag-list span{font-size:9px;color:var(--muted)}.article-content{font-size:12px;line-height:1.6;color:var(--muted)}.article-content h4{color:var(--text)}.helpful-box{margin-top:18px;border-top:1px solid var(--border);padding-top:15px;display:flex;justify-content:space-between;gap:10px;align-items:center}.helpful-box span{font-size:11px}.helpful-box button{border:1px solid var(--border);background:var(--surface2);padding:8px 10px;border-radius:8px;font-size:10px}.chart-panel{min-height:340px}.status-health-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.health-tile{padding:13px;background:var(--surface2);border:1px solid var(--border);border-radius:11px}.health-tile span{font-size:9px;color:var(--muted);text-transform:uppercase}.health-tile strong{display:block;font-size:22px;margin:4px 0 10px}.person-cell{display:flex;align-items:center;gap:8px}.person-cell strong,.person-cell span{display:block}.person-cell strong{font-size:11px}.person-cell span{font-size:9px;color:var(--muted)}.capacity-inline{display:flex;align-items:center;gap:8px;min-width:140px}.capacity-inline .meter{flex:1}.capacity-inline span{font-size:10px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid .panel:last-child{grid-column:1/-1}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:0}.settings-row strong,.settings-row span{display:block}.settings-row strong{font-size:12px}.settings-row span{font-size:10px;color:var(--muted);margin-top:2px}.segmented{display:flex;border:1px solid var(--border);border-radius:8px;padding:2px;background:var(--surface2)}.segmented button{border:0;background:transparent;color:var(--muted);padding:7px 11px;border-radius:6px;font-size:10px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.notice-box{padding:12px;border-radius:9px;background:var(--accent-soft);color:var(--text);font-size:11px}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:8px;background:var(--bg);color:var(--muted)}.loading-screen strong{color:var(--text)}@media(max-width:1150px){.metric-grid,.customer-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr}.kb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:.22s ease}.sidebar.open{transform:translate(0)}.main-wrap{margin-left:0;width:100%}.mobile-left{display:flex;align-items:center;gap:9px}.mobile-brand{font-weight:750}.topbar{padding:0 16px}.global-search{display:none}.content-area{padding:20px 14px}.overview-grid,.split-grid,.chart-grid,.settings-grid{grid-template-columns:1fr}.status-health-grid{grid-template-columns:repeat(2,1fr)}.ticket-title-line{flex-direction:column}.ticket-badges{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.ticket-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.section-head{flex-direction:column;align-items:flex-start}.section-head h2{font-size:23px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:13px}.metric-card strong{font-size:21px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-end}.form-grid,.customer-grid,.kb-grid{grid-template-columns:1fr}.status-health-grid{grid-template-columns:1fr 1fr}.role-switch{display:none}.section-actions{width:100%;flex-wrap:wrap}.section-actions .btn{flex:1;justify-content:center}.back-row{align-items:flex-start;flex-direction:column}.ticket-actions{width:100%;flex-wrap:wrap}.ticket-actions .btn{flex:1;justify-content:center}.major-banner{align-items:flex-start;flex-direction:column}.profile-banner{align-items:flex-start;flex-wrap:wrap}.profile-score{margin-left:0}.detail-layout{gap:10px}.detail-sidebar{display:block}.chart-panel{min-height:0}.footer{padding:16px 14px}.kanban{grid-template-columns:repeat(5,230px)}.modal{padding:15px}.helpful-box{flex-direction:column;align-items:flex-start}}.notification-wrap{position:relative}.notification-wrap .icon-btn.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.notification-panel{position:absolute;right:0;top:calc(100% + 10px);width:360px;max-width:min(360px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:80;overflow:hidden}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.notification-head strong,.notification-head span{display:block}.notification-head strong{font-size:12px}.notification-head span{font-size:9px;color:var(--muted);margin-top:2px}.notification-list{max-height:430px;overflow:auto}.notification-item{width:100%;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--border);background:var(--surface);padding:11px 13px;text-align:left;color:var(--text);cursor:pointer}.notification-item:hover{background:var(--surface2)}.notification-item.read{opacity:.58}.notification-item>div:nth-child(2){flex:1;min-width:0}.notification-item strong,.notification-item span{display:block}.notification-item strong{font-size:10px}.notification-item span{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item>svg{flex:0 0 auto;color:var(--muted)}.notification-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface2);flex:0 0 auto}.notification-icon.warning{color:var(--warning)}.notification-icon.danger{color:var(--danger)}.notification-icon.success{color:var(--success)}.notification-icon.info{color:var(--accent)}.notification-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:30px 18px;color:var(--muted)}.notification-empty strong{font-size:11px;color:var(--text)}.notification-empty span{font-size:9px}@media(max-width:680px){.notification-panel{right:-44px}.topbar-actions{gap:5px}.role-switch{display:flex}.role-switch span{display:none}.role-switch select{max-width:118px}.notification-panel{top:calc(100% + 8px)}}