.support-page,.support-dashboard,.support-portal{display:grid;gap:12px;min-width:0;color:var(--text-primary)}.support-page-header,.support-hero,.support-portal>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent-primary) 10%,var(--bg-surface)),var(--bg-surface))}.support-page-header>div:last-child,.support-hero>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.support-page-header span,.support-hero span,.support-portal>header span{font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--accent-primary)}.support-page-header h1,.support-hero h1,.support-portal h1{margin:4px 0;font-size:22px}.support-page-header p,.support-hero p,.support-portal p{margin:0;color:var(--text-muted);font-size:10px}.support-owner{display:flex;align-items:center;gap:12px}.support-owner img,.support-owner>b{width:48px;height:48px;border-radius:10px;object-fit:cover}.support-owner>b{place-items:center;background:var(--accent-primary);color:#071018}.support-kpis{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr));gap:8px}.support-kpi{display:grid;gap:5px;padding:11px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--bg-surface)}.support-kpi small{color:var(--text-muted);font-size:8px}.support-kpi strong{font-size:17px}.support-kpi.warning{border-left:3px solid var(--color-warning)}.support-kpi.danger{border-left:3px solid var(--color-danger)}.support-kpi.success{border-left:3px solid var(--color-success)}.support-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-dashboard-grid>.dashboard-widget{min-height:240px}.support-ticket-cards,.support-list{display:grid;gap:6px}.support-ticket-cards>button{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;padding:8px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--bg-subtle);color:var(--text-primary);text-align:left}.support-ticket-cards>button strong{font-size:10px}.support-ticket-cards>button small{grid-column:2;color:var(--text-muted);font-size:8px}.support-list>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:9px;border-bottom:1px solid var(--border-subtle);font-size:9px}.support-list em{color:var(--accent-primary);font-style:normal}.support-chart{display:grid;place-items:center;min-height:150px;text-align:center}.support-chart strong{font-size:36px;color:var(--accent-primary)}.support-chart span{font-weight:800}.support-chart p{color:var(--text-muted);font-size:9px}.support-filters{display:flex;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--bg-surface)}.support-filters input{flex:1;min-width:220px}.support-filters input,.support-filters select{min-height:36px;padding:7px 9px}.support-table-wrap{overflow:auto;border:1px solid var(--border-subtle);border-radius:10px}.support-table{width:100%;border-collapse:collapse;background:var(--bg-surface);font-size:9px}.support-table th{position:sticky;top:0;padding:10px;background:var(--bg-elevated);color:var(--text-muted);text-align:left}.support-table td{padding:10px;border-top:1px solid var(--border-subtle)}.support-table tbody tr{cursor:pointer}.support-table tbody tr:hover{background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.support-table td:first-child{display:grid;gap:3px;min-width:250px}.support-table td:first-child span{color:var(--text-muted)}.support-badge{display:inline-flex;width:max-content;padding:3px 6px;border-radius:5px;background:var(--bg-elevated);font-size:8px;font-weight:800}.priority-urgent,.priority-critical,.status-reopened{color:var(--color-danger)}.priority-high,.status-waiting_customer,.status-waiting_support{color:var(--color-warning)}.status-resolved,.status-closed{color:var(--color-success)}.support-sla{font-weight:800;color:var(--color-warning)}.support-empty{text-align:center!important;padding:40px!important;color:var(--text-muted)}.support-ticket-actions{display:flex;gap:6px;flex-wrap:wrap}.support-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-detail-grid>article,.support-portal-grid>article{padding:14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-surface)}.support-detail-grid h2,.support-portal-grid h2{font-size:13px;margin:0 0 10px}.support-detail-grid h3{font-size:10px;margin:12px 0 5px}.support-detail-grid dl{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:0}.support-detail-grid dl>div{padding:7px;background:var(--bg-subtle);border-radius:6px}.support-detail-grid dt{font-size:7px;color:var(--text-muted)}.support-detail-grid dd{margin:3px 0 0;font-size:9px;font-weight:700}.support-detail-grid p{font-size:9px;line-height:1.55}.support-ai-card{border-color:color-mix(in srgb,var(--accent-primary) 45%,var(--border-subtle))!important}.support-ai-card>span{font-size:8px;color:var(--accent-primary);font-weight:900}.support-message,.support-note{padding:9px;margin:6px 0;border-radius:7px;background:var(--bg-subtle)}.support-message time,.support-note time{float:right;color:var(--text-muted);font-size:8px}.support-message.is-support{border-left:3px solid var(--accent-primary)}.support-attachment{padding:8px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-subtle);color:var(--text-primary)}.support-portal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.support-portal-kpis article{padding:14px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--bg-surface)}.support-portal-kpis small,.support-portal-kpis strong{display:block}.support-portal-kpis strong{font-size:20px;margin-top:5px}.support-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-portal-grid article>button{display:flex;width:100%;gap:8px;justify-content:space-between;padding:9px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);text-align:left}.support-state{display:grid;place-items:center;min-height:400px;text-align:center}.support-state p{color:var(--text-muted)}@media(max-width:1100px){.support-kpis{grid-template-columns:repeat(3,1fr)}.support-dashboard-grid,.support-detail-grid{grid-template-columns:1fr}}@media(max-width:700px){.support-page-header,.support-hero,.support-portal>header{align-items:flex-start;flex-direction:column}.support-kpis,.support-portal-kpis,.support-portal-grid{grid-template-columns:1fr 1fr}}