[data-surface=tickets] .page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}[data-surface=tickets] .page-head h1{font-family:var(--font-display);font-size:44px;font-weight:700;letter-spacing:-.035em;line-height:1;margin-bottom:6px}[data-surface=tickets] .page-head-search{position:relative;width:280px}[data-surface=tickets] .page-head-search input{width:100%;height:40px;padding:0 14px 0 40px;font-size:13px;border-radius:var(--radius-full)}[data-surface=tickets] .page-head-search .ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);width:16px;height:16px;pointer-events:none}[data-surface=tickets] .view-tabs{display:flex;gap:2px;background:var(--bg-surface-warm);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px}[data-surface=tickets] .view-tab{padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:all .13s;border:none;background:transparent}[data-surface=tickets] .view-tab:hover{color:var(--text-primary)}[data-surface=tickets] .view-tab.active{background:white;color:var(--ink-900);box-shadow:0 1px 4px rgba(0,0,0,.08)}[data-surface=tickets] .kpi-strip{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}[data-surface=tickets] .kpi-chip{display:flex;align-items:center;gap:10px;padding:12px 18px;background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);min-width:140px}[data-surface=tickets] .kpi-chip-label{font-size:12px;color:var(--text-secondary);font-weight:500}[data-surface=tickets] .kpi-chip-value{font-family:var(--font-number);font-size:22px;font-weight:700;color:var(--text-primary);line-height:1}[data-surface=tickets] .kpi-chip-delta{font-family:var(--font-number);font-size:11px;font-weight:600;color:var(--status-error-text);display:flex;align-items:center;gap:2px}[data-surface=tickets] .kpi-chip-delta.up{color:var(--status-error-text)}[data-surface=tickets] .kpi-chip-delta.green{color:var(--status-success-text)}[data-surface=tickets] .kpi-chip.red-bg{background:var(--status-error-bg);border-color:var(--accent-coral)}[data-surface=tickets] .kpi-chip.red-bg .kpi-chip-value{color:var(--status-error-text)}[data-surface=tickets] .kpi-chip.green-bg{background:var(--status-success-bg);border-color:var(--accent-mint)}[data-surface=tickets] .kpi-chip.green-bg .kpi-chip-value{color:var(--status-success-text)}[data-surface=tickets] .tickets-wrap{display:grid;grid-template-columns:200px 1fr;gap:16px;height:calc(100vh - 260px);min-height:560px}[data-surface=tickets] .filter-panel{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:18px 14px;box-shadow:var(--shadow-sm);overflow-y:auto;display:flex;flex-direction:column;position:sticky;top:0}[data-surface=tickets] .filter-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}[data-surface=tickets] .filter-section{margin-bottom:18px}[data-surface=tickets] .filter-section-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}[data-surface=tickets] .filter-check{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background .12s}[data-surface=tickets] .filter-check:hover{background:var(--bg-surface-warm)}[data-surface=tickets] .filter-check input[type=checkbox],[data-surface=tickets] .filter-check input[type=radio]{width:14px;height:14px;accent-color:var(--ink-900);flex-shrink:0;cursor:pointer}[data-surface=tickets] .filter-check .fc-count{margin-right:auto;font-family:var(--font-number);font-size:11px;color:var(--text-tertiary);font-weight:600}[data-surface=tickets] .filter-reset{margin-top:auto;padding-top:12px;font-size:12px;color:var(--text-tertiary);text-decoration:underline;cursor:pointer;text-align:center;border:none;background:transparent;width:100%}[data-surface=tickets] .filter-reset:hover{color:var(--text-secondary)}[data-surface=tickets] .ticket-card{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}[data-surface=tickets] .ticket-table-wrap{overflow-y:auto;flex:1;overflow-x:auto}[data-surface=tickets] .ticket-table{width:100%;border-collapse:collapse;min-width:840px}[data-surface=tickets] .ticket-table thead tr{position:sticky;top:0;z-index:10;background:var(--bg-surface-warm);border-bottom:1px solid var(--border-subtle)}[data-surface=tickets] .ticket-table th{padding:11px 14px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;text-align:right;white-space:nowrap;cursor:pointer;user-select:none}[data-surface=tickets] .ticket-table th:hover{color:var(--text-secondary)}[data-surface=tickets] .ticket-table th.th-check{width:36px;padding:11px 10px}[data-surface=tickets] .ticket-table th.th-num{width:80px}[data-surface=tickets] .ticket-table th.th-sla,[data-surface=tickets] .ticket-table th.th-status,[data-surface=tickets] .ticket-table th.th-updated{width:110px}[data-surface=tickets] .ticket-table tbody tr{height:80px;border-bottom:1px solid var(--border-subtle);position:relative;transition:background .13s;cursor:pointer;border-right:4px solid transparent}[data-surface=tickets] .ticket-table tbody tr:hover{background:var(--bg-surface-warm)}[data-surface=tickets] .ticket-table tbody tr:last-child{border-bottom:none}[data-surface=tickets] .ticket-table td{padding:10px 14px;vertical-align:middle;font-size:13px;color:var(--text-secondary)}[data-surface=tickets] .ticket-table td.td-check{padding:10px}[data-surface=tickets] .ticket-table tbody tr.prio-critical{border-right-color:var(--status-error)}[data-surface=tickets] .ticket-table tbody tr.prio-high{border-right-color:var(--status-warning)}[data-surface=tickets] .ticket-table tbody tr.prio-medium{border-right-color:var(--status-warning-bg)}[data-surface=tickets] .ticket-table tbody tr.prio-low{border-right-color:var(--border-mid)}[data-surface=tickets] .tkt-num{font-family:var(--font-number);font-size:12px;color:var(--text-tertiary);font-weight:500}[data-surface=tickets] .tkt-title{font-size:14px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:2px;text-decoration:none;background:none;border:none;padding:0;text-align:right;cursor:pointer}[data-surface=tickets] .tkt-title:hover{text-decoration:underline;color:var(--ink-900)}[data-surface=tickets] .tkt-company{display:flex;align-items:center;gap:6px;font-size:12px}[data-surface=tickets] .tkt-avatar{width:24px;height:24px;border-radius:50%;background:var(--bg-surface-warm);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--text-secondary);flex-shrink:0}[data-surface=tickets] .tkt-co-name{font-weight:600;color:var(--text-primary)}[data-surface=tickets] .tkt-contact{color:var(--text-tertiary)}[data-surface=tickets] .prio-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600}[data-surface=tickets] .cat-badge{padding:2px 10px;font-size:11px}[data-surface=tickets] .cat-badge,[data-surface=tickets] .cat-badge-sm{display:inline-flex;align-items:center;border-radius:999px;font-weight:600;background:var(--bg-surface-warm);color:var(--text-secondary);border:1px solid var(--border-subtle)}[data-surface=tickets] .cat-badge-sm{font-size:10px;padding:2px 8px}[data-surface=tickets] .sla-indicator{font-family:var(--font-number);font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}[data-surface=tickets] .sla-red{color:var(--status-error-text)}[data-surface=tickets] .sla-amber{color:var(--status-warning-text)}[data-surface=tickets] .sla-green,[data-surface=tickets] .sla-ok{color:var(--status-success-text)}[data-surface=tickets] .sla-breach{color:var(--status-error-text);font-weight:700}[data-surface=tickets] .status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}[data-surface=tickets] .status-new{background:var(--accent-blue-bg);color:var(--accent-blue-text)}[data-surface=tickets] .status-open{background:var(--accent-lilac-bg);color:var(--accent-lilac-text)}[data-surface=tickets] .status-waiting{background:var(--status-warning-bg);color:var(--status-warning-text)}[data-surface=tickets] .status-solved{background:var(--status-success-bg);color:var(--status-success-text)}[data-surface=tickets] .assignee-cell{font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px}[data-surface=tickets] .assignee-avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}[data-surface=tickets] .unassigned-cell{color:var(--text-tertiary);font-style:italic;font-size:12px;display:flex;align-items:center;gap:6px}[data-surface=tickets] .take-btn{display:none;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--border-mid);color:var(--text-secondary);background:white;cursor:pointer;white-space:nowrap;transition:all .12s}[data-surface=tickets] .take-btn:hover{background:var(--ink-900);color:white;border-color:var(--ink-900)}[data-surface=tickets] .ticket-table tbody tr:hover .take-btn{display:inline-flex}[data-surface=tickets] .updated-cell{font-size:12px;color:var(--text-tertiary)}[data-surface=tickets] .bulk-bar{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:var(--ink-900);color:white;padding:12px 24px;border-radius:var(--radius-full);box-shadow:0 8px 32px rgba(0,0,0,.25);z-index:500;font-size:13px;font-weight:600;white-space:nowrap}[data-surface=tickets] .bulk-bar-action{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.12);color:white;font-size:12px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.18);transition:background .13s}[data-surface=tickets] .bulk-bar-action:hover{background:rgba(255,255,255,.22)}[data-surface=tickets] .bulk-bar-action.danger{background:rgba(220,50,50,.25);border-color:rgba(255,100,100,.3)}[data-surface=tickets] .bulk-bar-sep{color:rgba(255,255,255,.3)}[data-surface=tickets] .pagination-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-secondary)}[data-surface=tickets] .pagination-btns{display:flex;gap:4px}[data-surface=tickets] .pg-btn{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border:1px solid var(--border-subtle);cursor:pointer;transition:all .12s;color:var(--text-secondary);background:white}[data-surface=tickets] .pg-btn:hover{background:var(--bg-surface-warm)}[data-surface=tickets] .pg-btn:disabled{opacity:.4;cursor:not-allowed}[data-surface=tickets] .pg-btn.active{background:var(--ink-900);color:white;border-color:var(--ink-900)}[data-surface=tickets] .filter-toggle-btn{display:none;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border-mid);font-size:13px;font-weight:600;cursor:pointer;background:white;color:var(--text-primary);transition:all .13s}[data-surface=tickets] .filter-toggle-btn:hover{background:var(--bg-surface-warm)}[data-surface=tickets] .kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;height:calc(100vh - 280px);min-height:500px;overflow-x:auto}[data-surface=tickets] .kanban-col{display:flex;flex-direction:column;background:var(--bg-surface-warm);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;min-width:240px}[data-surface=tickets] .kanban-col-header{padding:14px 16px 12px;border-bottom:3px solid transparent;background:white}[data-surface=tickets] .col-new .kanban-col-header{border-bottom-color:var(--status-info)}[data-surface=tickets] .col-open .kanban-col-header{border-bottom-color:var(--accent-lilac)}[data-surface=tickets] .col-waiting .kanban-col-header{border-bottom-color:var(--status-warning)}[data-surface=tickets] .col-solved .kanban-col-header{border-bottom-color:var(--status-success)}[data-surface=tickets] .kanban-col-title{display:flex;align-items:center;justify-content:space-between;gap:8px}[data-surface=tickets] .col-title-text{font-size:14px;font-weight:700;color:var(--text-primary)}[data-surface=tickets] .col-count{font-family:var(--font-number);font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--bg-surface-warm);color:var(--text-secondary);border:1px solid var(--border-subtle)}[data-surface=tickets] .col-new .col-count{background:var(--accent-blue-bg);color:var(--accent-blue-text);border-color:var(--accent-blue)}[data-surface=tickets] .col-open .col-count{background:var(--accent-lilac-bg);color:var(--accent-lilac-text);border-color:var(--accent-lilac)}[data-surface=tickets] .col-waiting .col-count{background:var(--status-warning-bg);color:var(--status-warning-text);border-color:var(--accent-mint)}[data-surface=tickets] .col-solved .col-count{background:var(--status-success-bg);color:var(--status-success-text);border-color:var(--accent-mint)}[data-surface=tickets] .kanban-col-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}[data-surface=tickets] .ticket-card-k{background:white;border-radius:var(--radius-xl);padding:12px 14px;border:1px solid var(--border-subtle);border-right:4px solid transparent;cursor:grab;transition:all .15s;user-select:none;text-align:right;width:100%;display:block}[data-surface=tickets] .ticket-card-k:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}[data-surface=tickets] .ticket-card-k.dragging{box-shadow:0 12px 40px rgba(0,0,0,.18);transform:rotate(2deg) scale(1.02);opacity:.9;cursor:grabbing}[data-surface=tickets] .ticket-card-k.prio-critical{border-right-color:var(--status-error)}[data-surface=tickets] .ticket-card-k.prio-high{border-right-color:var(--status-warning)}[data-surface=tickets] .ticket-card-k.prio-medium{border-right-color:var(--status-warning-bg)}[data-surface=tickets] .ticket-card-k.prio-low{border-right-color:var(--border-mid)}[data-surface=tickets] .ticket-card-k.is-solved{opacity:.75}[data-surface=tickets] .tcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}[data-surface=tickets] .tcard-num{font-family:var(--font-number);font-size:11px;color:var(--text-tertiary);font-weight:500}[data-surface=tickets] .tcard-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.35}[data-surface=tickets] .tcard-contact{display:flex;align-items:center;gap:7px;margin-bottom:8px}[data-surface=tickets] .tcard-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;background:var(--bg-surface-warm);border:1px solid var(--border-subtle);color:var(--text-secondary)}[data-surface=tickets] .tcard-contact-info{flex:1}[data-surface=tickets] .tcard-contact-name{font-size:12px;font-weight:600;color:var(--text-primary)}[data-surface=tickets] .tcard-company{font-size:11px;color:var(--text-tertiary)}[data-surface=tickets] .tcard-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}[data-surface=tickets] .tcard-sla{font-family:var(--font-number);font-size:11px;font-weight:600;display:flex;align-items:center;gap:3px}[data-surface=tickets] .tcard-assignee{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid white;box-shadow:0 0 0 1px var(--border-subtle)}[data-surface=tickets] .sla-breach-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;background:var(--status-error-bg);color:var(--status-error-text);font-size:10px;font-weight:700;border:1px solid var(--accent-coral)}[data-surface=tickets] .add-card-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:2px dashed var(--border-mid);border-radius:var(--radius-xl);color:var(--text-tertiary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:transparent;width:100%}[data-surface=tickets] .add-card-btn:hover{border-color:var(--ink-900);color:var(--ink-900);background:white}[data-surface=tickets] .kanban-col-body.drag-over{background:var(--accent-lilac-bg);border:2px dashed var(--accent-lilac);border-radius:var(--radius-xl)}[data-surface=tickets] .agent-head{margin-bottom:16px}[data-surface=tickets] .page-head-left{display:flex;align-items:center;gap:14px}[data-surface=tickets] .agent-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-surface=tickets] .agent-head h1{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1}[data-surface=tickets] .agent-stats-strip{display:flex;gap:0;background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden;flex-wrap:wrap}[data-surface=tickets] .agent-stat{padding:14px 24px;border-left:1px solid var(--border-subtle);flex:1;min-width:120px;text-align:center}[data-surface=tickets] .agent-stat:last-child{border-left:none}[data-surface=tickets] .agent-stat-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}[data-surface=tickets] .agent-stat-value{font-family:var(--font-number);font-size:22px;font-weight:700;color:var(--text-primary);line-height:1}[data-surface=tickets] .agent-stat-value.red{color:var(--status-error-text)}[data-surface=tickets] .agent-stat-value.green{color:var(--status-success-text)}[data-surface=tickets] .agent-layout{display:grid;grid-template-columns:1fr 260px;gap:16px;align-items:start}[data-surface=tickets] .urgency-section{margin-bottom:14px}[data-surface=tickets] .urgency-header{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 0;margin-bottom:8px}[data-surface=tickets] .urgency-icon{font-size:18px}[data-surface=tickets] .urgency-title{font-size:14px;font-weight:700;color:var(--text-primary)}[data-surface=tickets] .urgency-count{font-family:var(--font-number);font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--bg-surface-warm);color:var(--text-secondary);border:1px solid var(--border-subtle)}[data-surface=tickets] .urgency-urgent .urgency-title{color:var(--status-error-text)}[data-surface=tickets] .urgency-urgent .urgency-count{background:var(--status-error-bg);color:var(--status-error-text);border-color:var(--accent-coral)}[data-surface=tickets] .urgency-waiting{opacity:.7}[data-surface=tickets] .ticket-row-compact{display:grid;grid-template-columns:4px 1fr auto;gap:0;background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:8px;height:60px;cursor:pointer;transition:all .14s;width:100%;text-align:right;padding:0}[data-surface=tickets] .ticket-row-compact:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}[data-surface=tickets] .ticket-row-prio-bar{width:4px;flex-shrink:0}[data-surface=tickets] .prio-critical .ticket-row-prio-bar{background:var(--status-error)}[data-surface=tickets] .prio-high .ticket-row-prio-bar{background:var(--status-warning)}[data-surface=tickets] .prio-medium .ticket-row-prio-bar{background:var(--status-warning-bg)}[data-surface=tickets] .prio-low .ticket-row-prio-bar{background:var(--border-mid)}[data-surface=tickets] .ticket-row-main{display:flex;align-items:center;gap:14px;padding:0 14px;overflow:hidden}[data-surface=tickets] .trow-num{font-family:var(--font-number);font-size:11px;color:var(--text-tertiary);flex-shrink:0;font-weight:500}[data-surface=tickets] .trow-info{flex:1;min-width:0}[data-surface=tickets] .trow-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}[data-surface=tickets] .trow-sub{font-size:11px;color:var(--text-tertiary);display:flex;align-items:center;gap:6px;flex-wrap:nowrap}[data-surface=tickets] .trow-cat{font-size:10px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--bg-surface-warm);color:var(--text-secondary);border:1px solid var(--border-subtle);flex-shrink:0}[data-surface=tickets] .ticket-row-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;padding:0 14px;min-width:130px}[data-surface=tickets] .agent-panel{display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}[data-surface=tickets] .panel-card{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow-sm)}[data-surface=tickets] .panel-card-title{font-size:12px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;display:flex;align-items:center;gap:6px}[data-surface=tickets] .ai-next-step{background:linear-gradient(135deg,#1a1a2e,#16213e);border:none;color:white}[data-surface=tickets] .ai-next-step .panel-card-title{color:rgba(255,255,255,.6)}[data-surface=tickets] .ai-next-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);cursor:pointer;transition:background .13s;margin-bottom:8px}[data-surface=tickets] .ai-next-chip:hover{background:rgba(255,255,255,.13)}[data-surface=tickets] .ai-chip-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-surface=tickets] .ai-chip-text{font-size:12px;font-weight:600;color:white;line-height:1.4}[data-surface=tickets] .ai-chip-sub{font-size:10px;color:rgba(255,255,255,.55);margin-top:1px}[data-surface=tickets] .ai-insight{padding:10px 12px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg);font-size:12px;color:rgba(255,255,255,.85);line-height:1.5;display:flex;gap:8px;align-items:flex-start}[data-surface=tickets] .ai-insight-icon{font-size:14px;flex-shrink:0;margin-top:1px}[data-surface=tickets] .template-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-surface-warm);transition:all .13s;margin-bottom:6px;width:100%;text-align:right}[data-surface=tickets] .template-chip:last-child{margin-bottom:0}[data-surface=tickets] .template-chip:hover{background:var(--ink-900);color:white;border-color:var(--ink-900)}[data-surface=tickets] .template-chip:hover .template-chip-ic{color:white}[data-surface=tickets] .template-chip-ic{color:var(--text-tertiary);flex-shrink:0}[data-surface=tickets] .date-range-picker{display:flex;align-items:center;gap:6px;padding:8px 16px;background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .13s}[data-surface=tickets] .date-range-picker:hover{border-color:var(--border-mid);color:var(--text-primary)}[data-surface=tickets] .kpi-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}[data-surface=tickets] .kpi-tile{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:20px 22px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}[data-surface=tickets] .kpi-tile:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}[data-surface=tickets] .kpi-tile.tile-blue:before{background:var(--status-info)}[data-surface=tickets] .kpi-tile.tile-green:before{background:var(--status-success)}[data-surface=tickets] .kpi-tile.tile-amber:before{background:var(--status-warning)}[data-surface=tickets] .kpi-tile.tile-ink:before{background:var(--ink-900)}[data-surface=tickets] .kpi-tile-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;flex-shrink:0}[data-surface=tickets] .tile-blue .kpi-tile-icon{background:var(--accent-blue-bg);color:var(--accent-blue-text)}[data-surface=tickets] .tile-green .kpi-tile-icon{background:var(--status-success-bg);color:var(--status-success-text)}[data-surface=tickets] .tile-amber .kpi-tile-icon{background:var(--status-warning-bg);color:var(--status-warning-text)}[data-surface=tickets] .tile-ink .kpi-tile-icon{background:var(--status-neutral-bg);color:var(--ink-900)}[data-surface=tickets] .kpi-tile-label{font-size:12px;font-weight:600;color:var(--text-tertiary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}[data-surface=tickets] .kpi-tile-value{font-family:var(--font-number);font-size:30px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.02em}[data-surface=tickets] .kpi-tile-sub{font-size:12px;color:var(--text-tertiary);margin-top:4px}[data-surface=tickets] .charts-row{display:grid;grid-template-columns:1fr 280px;gap:16px;margin-bottom:22px}[data-surface=tickets] .chart-card{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:22px 24px;box-shadow:var(--shadow-sm)}[data-surface=tickets] .chart-card-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}[data-surface=tickets] .chart-card-sub{font-size:12px;color:var(--text-tertiary);margin-bottom:18px}[data-surface=tickets] .chart-legend{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}[data-surface=tickets] .legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}[data-surface=tickets] .legend-dot{width:10px;height:10px;border-radius:50%}[data-surface=tickets] .donut-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}[data-surface=tickets] .donut-center{position:absolute;text-align:center}[data-surface=tickets] .donut-center-val{font-family:var(--font-number);font-size:22px;font-weight:800;color:var(--text-primary);line-height:1}[data-surface=tickets] .donut-center-lbl{font-size:10px;font-weight:600;color:var(--text-tertiary)}[data-surface=tickets] .donut-legend{display:flex;flex-direction:column;gap:8px}[data-surface=tickets] .donut-legend-row{display:flex;align-items:center;gap:8px;font-size:12px}[data-surface=tickets] .donut-legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}[data-surface=tickets] .donut-legend-label{flex:1;color:var(--text-secondary);font-weight:500}[data-surface=tickets] .donut-legend-val{font-family:var(--font-number);font-weight:700;color:var(--text-primary)}[data-surface=tickets] .donut-legend-pct{color:var(--text-tertiary);font-size:11px}[data-surface=tickets] .perf-table-card{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:22px}[data-surface=tickets] .perf-table-header{padding:18px 24px 14px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:baseline;gap:12px}[data-surface=tickets] .perf-table-title{font-size:15px;font-weight:700;color:var(--text-primary)}[data-surface=tickets] .perf-table-sub{font-size:12px;color:var(--text-tertiary)}[data-surface=tickets] .perf-table{width:100%;border-collapse:collapse}[data-surface=tickets] .perf-table th{padding:10px 20px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;text-align:right;background:var(--bg-surface-warm);border-bottom:1px solid var(--border-subtle);white-space:nowrap}[data-surface=tickets] .perf-table td{padding:14px 20px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}[data-surface=tickets] .perf-table tbody tr:last-child td{border-bottom:none}[data-surface=tickets] .perf-table tbody tr:hover td{background:var(--bg-surface-warm)}[data-surface=tickets] .agent-cell{display:flex;align-items:center;gap:10px}[data-surface=tickets] .agent-cell-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}[data-surface=tickets] .agent-cell-name{font-weight:600;color:var(--text-primary);font-size:13px}[data-surface=tickets] .agent-cell-role{font-size:11px;color:var(--text-tertiary)}[data-surface=tickets] .csat-stars{display:flex;gap:2px;align-items:center;font-size:12px;color:var(--status-warning)}[data-surface=tickets] .csat-num{font-family:var(--font-number);font-weight:700;color:var(--text-primary);font-size:13px;margin-right:4px}[data-surface=tickets] .breach-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}[data-surface=tickets] .breach-0{background:var(--status-success-bg);color:var(--status-success-text)}[data-surface=tickets] .breach-1{background:var(--status-warning-bg);color:var(--status-warning-text)}[data-surface=tickets] .breach-2{background:var(--status-error-bg);color:var(--status-error-text)}[data-surface=tickets] .num-cell{font-family:var(--font-number);font-weight:700;color:var(--text-primary)}[data-surface=tickets] .time-cell{font-family:var(--font-number);font-size:12px;color:var(--text-secondary)}[data-surface=tickets] .mini-bar-wrap{display:flex;align-items:center;gap:8px}[data-surface=tickets] .mini-bar-bg{flex:1;height:6px;border-radius:3px;background:var(--bg-surface-warm);overflow:hidden;min-width:50px}[data-surface=tickets] .mini-bar-fill{height:100%;border-radius:3px;background:var(--ink-900)}[data-surface=tickets] .long-tickets-card{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden}[data-surface=tickets] .long-tickets-header{padding:18px 24px 14px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:baseline;gap:12px}[data-surface=tickets] .long-tickets-title{font-size:15px;font-weight:700;color:var(--text-primary)}[data-surface=tickets] .long-tickets-sub{font-size:12px;color:var(--text-tertiary)}[data-surface=tickets] .long-ticket-row{display:flex;align-items:center;gap:16px;padding:14px 24px;transition:background .13s;cursor:pointer;width:100%;text-align:right;background:none;border:none;border-bottom:1px solid var(--border-subtle)}[data-surface=tickets] .long-ticket-row:last-child{border-bottom:none}[data-surface=tickets] .long-ticket-row:hover{background:var(--bg-surface-warm)}[data-surface=tickets] .lt-rank{font-family:var(--font-number);font-size:18px;font-weight:800;color:var(--text-tertiary);width:28px;text-align:center;flex-shrink:0}[data-surface=tickets] .lt-info{flex:1;min-width:0}[data-surface=tickets] .lt-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}[data-surface=tickets] .lt-sub{font-size:11px;color:var(--text-tertiary);display:flex;gap:8px}[data-surface=tickets] .lt-duration{font-family:var(--font-number);font-size:13px;font-weight:700;color:var(--status-error-text);padding:4px 12px;border-radius:999px;background:var(--status-error-bg);border:1px solid var(--accent-coral);white-space:nowrap}[data-surface=tickets] .tickets-empty{text-align:center;padding:48px 16px}[data-surface=tickets] .tickets-empty h3{font-size:18px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}[data-surface=tickets] .tickets-empty p{font-size:13px;color:var(--text-secondary);max-width:28rem;margin:0 auto 16px}@media (max-width:1200px){[data-surface=tickets] .kanban-board{grid-template-columns:repeat(4,minmax(220px,1fr))}}@media (max-width:1024px){[data-surface=tickets] .page-head h1{font-size:32px}[data-surface=tickets] .filter-panel{display:none}[data-surface=tickets] .tickets-wrap{grid-template-columns:1fr}[data-surface=tickets] .kpi-tiles{grid-template-columns:repeat(2,1fr)}[data-surface=tickets] .charts-row{grid-template-columns:1fr}[data-surface=tickets] .agent-panel{display:none}[data-surface=tickets] .agent-layout{grid-template-columns:1fr}}@media (max-width:768px){[data-surface=tickets] .page-head h1{font-size:26px}[data-surface=tickets] .kpi-strip{gap:8px}[data-surface=tickets] .kpi-chip{min-width:120px;padding:10px 14px}[data-surface=tickets] .kpi-chip-value{font-size:18px}[data-surface=tickets] .kpi-tiles{grid-template-columns:repeat(2,1fr);gap:10px}[data-surface=tickets] .kpi-tile-value{font-size:24px}[data-surface=tickets] .page-head-search{width:100%}[data-surface=tickets] .kanban-board{grid-template-columns:repeat(4,260px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}[data-surface=tickets] .kanban-col{scroll-snap-align:start}}.dark [data-surface=tickets] .agent-stats-strip,.dark [data-surface=tickets] .chart-card,.dark [data-surface=tickets] .date-range-picker,.dark [data-surface=tickets] .filter-panel,.dark [data-surface=tickets] .kanban-col-header,.dark [data-surface=tickets] .kpi-chip,.dark [data-surface=tickets] .kpi-tile,.dark [data-surface=tickets] .long-tickets-card,.dark [data-surface=tickets] .panel-card,.dark [data-surface=tickets] .perf-table-card,.dark [data-surface=tickets] .pg-btn,.dark [data-surface=tickets] .take-btn,.dark [data-surface=tickets] .ticket-card,.dark [data-surface=tickets] .ticket-card-k,.dark [data-surface=tickets] .ticket-row-compact,.dark [data-surface=tickets] .view-tab.active{background:var(--bg-surface)}