:root{color-scheme:light;--bg: #fffbf7;--surface: #ffffff;--border: #ece2df;--text: #2c2422;--text-secondary: #8a7b76;--primary: #b5525c;--primary-dark: #97404a;--danger: #b3261e;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.muted{color:var(--text-secondary);font-size:.9rem}.error{color:var(--danger);font-size:.9rem}button{cursor:pointer;border:none;border-radius:8px;background:var(--primary);color:#fff;padding:10px 16px;font-size:.95rem}button:hover{background:var(--primary-dark)}button:disabled{opacity:.6;cursor:default}.link-button{background:none;color:var(--text-secondary);padding:0;text-decoration:underline}.link-button:hover{background:none;color:var(--text)}input,select{font-size:.95rem;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px}.auth-card h1{margin:0;font-size:1.4rem}.auth-card label{display:flex;flex-direction:column;gap:4px;font-size:.9rem}.divider{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.google-button{background:var(--surface);color:var(--text);border:1px solid var(--border)}.google-button:hover{background:var(--bg)}.center-message{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 16px}.sidebar-brand{font-weight:700;font-size:1.1rem;margin-bottom:24px}.sidebar nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar nav a{padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none;font-size:.95rem}.sidebar nav a:hover{background:var(--bg)}.sidebar nav a.active{background:var(--primary);color:#fff}.sidebar-footer{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);padding-top:12px}.content{flex:1;padding:32px 40px;max-width:1100px}.content h1{margin:0 0 4px}.data-table{width:100%;border-collapse:collapse;margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:top}.data-table th{background:var(--bg);font-weight:600}.data-table tr:last-child td{border-bottom:none}.checkbox-row{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer}.filter-row{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.filter-chip{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);padding:6px 14px;border-radius:999px;font-size:.85rem}.filter-chip:hover{background:var(--bg)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.status-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;color:#fff}.status-aberto{background:var(--primary)}.status-em_atendimento{background:#c9922f}.status-resolvido{background:var(--secondary, #5a8a6b)}.status-fechado{background:var(--text-secondary)}.status-destaque-pendente_pagamento{background:#c9922f}.status-destaque-ativo{background:var(--primary)}.status-destaque-expirado,.status-destaque-cancelado{background:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0 32px}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.stat-tile-alert{border-color:var(--danger)}.stat-tile-label{font-size:.8rem;color:var(--text-secondary)}.stat-tile-value{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-tile-alert .stat-tile-value{color:var(--danger)}.stat-tile-context{font-size:.78rem;color:var(--text-secondary)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.breakdown-card h3{font-size:.95rem;margin:0 0 8px}.breakdown-count{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.moderacao-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;display:block;background:var(--bg)}.moderacao-thumb-empty{border:1px dashed var(--border)}.moderacao-descricao{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.85rem}.back-link:hover{color:var(--text)}.chamado-detail{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 64px)}.chamado-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.chamado-header h1{margin:0 0 4px;font-size:1.4rem}.chamado-actions{display:flex;align-items:center;gap:10px}.sla-note{margin:-4px 0 0;font-size:.82rem}.small-input{width:110px}.row-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.row-actions button{padding:6px 12px;font-size:.85rem}.chat-thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.chat-bubble-row{display:flex}.chat-bubble-row.from-admin{justify-content:flex-end}.chat-bubble{max-width:65%;padding:10px 12px;border-radius:12px;font-size:.9rem;white-space:pre-wrap}.chat-bubble.user{background:var(--bg);border-bottom-left-radius:3px}.chat-bubble.admin{background:var(--primary);color:#fff;border-bottom-right-radius:3px}.chat-bubble-author{font-size:.72rem;opacity:.75;margin-bottom:2px;font-weight:600}.chat-input-row{display:flex;gap:10px;align-items:flex-end}.chat-input-row textarea{flex:1;resize:none;font-family:inherit;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 12px;font-size:.9rem}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #1c1615;--surface: #251d1c;--border: #3a2f2d;--text: #f3ece9;--text-secondary: #b3a29c;--primary: #d97a83;--primary-dark: #c96570}}
