.sac-page{width:100%;min-height:calc(var(--app-dvh, 100dvh) - 64px);padding:20px 24px 48px;display:flex;flex-direction:column;gap:16px;background:transparent;font-family:inherit}
.sac-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sac-header h1{margin:0;font-size:22px}
.sac-header p{margin:4px 0 0;color:var(--color-text-muted);font-size:13px}
.sac-filters{display:flex;align-items:center;gap:8px}
.sac-filters select,.sac-filters button{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid #cfddd7;background:#fff;font-size:14px;min-height:44px}
.sac-filters button{background:linear-gradient(135deg,#0f766e,#0b5f58);border-color:transparent;color:#fff;font-weight:600}
.sac-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 360px;gap:16px;align-items:start}
.sac-alert{padding:12px 16px;border-radius:var(--radius-md);font-size:14px}
.sac-alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.sac-alert.success{background:#ecfdf3;color:#0f5132;border:1px solid #a7f3d0}
.sac-column{background:#fff;border:1px solid #dbe5e0;border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 18px #12342d12}
.sac-tickets{background:#fff;min-height:480px}
.sac-tickets-body{display:flex;flex-direction:column;gap:12px}
.sac-list-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#5f6f68}
.sac-tabs{display:flex;gap:8px;margin-top:4px}
.sac-tabs button{border:1px solid #cfddd7;background:#fff;color:#27463f;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;min-height:44px}
.sac-tabs button:active{background:#edf3f1}
.sac-tabs button.active{background:linear-gradient(135deg,#0f766e,#0b5f58);color:#fff;border-color:transparent}
.sac-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#5f6f68}
.sac-pagination button{border:1px solid #cfddd7;background:#fff;color:#2f4741;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;min-height:44px}
.sac-pagination button:active:not(:disabled){background:#edf3f1}
.sac-pagination button:disabled{opacity:.6;cursor:not-allowed}
.sac-mobile-tabs{display:none}
.sac-detail-main{display:flex;flex-direction:column;gap:12px}
.sac-ticket-card{border:1px solid #dbe5e0;border-radius:var(--radius-md);padding:14px;text-align:left;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .2s ease,box-shadow .2s ease;overflow:visible;width:100%}
@media (hover: hover){.sac-ticket-card:hover{border-color:#b7d9ce;box-shadow:0 8px 16px #0f766e21}
}
.sac-ticket-card.active{border-color:#0f766e;background:#e7f4ef}
.sac-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
.sac-ticket-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;position:relative;z-index:1}
.sac-company-badge{padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:#e0f2ee;color:#0a625b;display:inline-flex;align-items:center;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sac-ticket-time{font-size:11px;color:#64748b}
.sac-ticket-protocol{font-size:13px;font-weight:600;color:#0f172a}
.sac-ticket-protocol-line{display:flex;flex-direction:column;gap:4px}
.sac-ticket-protocol-line strong{font-size:14px;font-weight:700;color:#0f172a}
.sac-ticket-protocol-line span{font-size:13px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sac-ticket-company{font-size:12px;font-weight:600;color:#3730a3;display:block;visibility:visible}
.sac-ticket-meta{font-size:12px;color:#475569}
.sac-ticket-last{font-size:12px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sac-ticket-product{font-size:12px;color:#1e293b;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.sac-ticket-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#64748b}
.sac-status-badge{padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}
.sac-status-badge.resolved{background:#dcfce7;color:#166534}
.sac-status-badge.waiting-seller{background:#fef9c3;color:#92400e}
.sac-status-badge.waiting-customer{background:#dbeafe;color:#1d4ed8}
.sac-status-badge.overdue{background:#fee2e2;color:#b91c1c}
.sac-status-badge.neutral{background:#f1f5f9;color:#64748b}
.sac-unread{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:var(--radius-full)}
.sac-chat{min-height:480px;display:flex;flex-direction:column;gap:12px;min-width:0}
.sac-chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e7eb;padding-bottom:12px}
.sac-company-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:#eef2ff;color:#3730a3;margin-bottom:6px}
.sac-chat-header h2{margin:0;font-size:18px}
.sac-chat-header p{margin:4px 0 0;font-size:13px;color:#6b7280}
.sac-chat-meta{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6b7280}
.sac-chat-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.sac-chat-body{background:#f8fafc;border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:12px;max-height:520px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-padding-bottom:80px;overscroll-behavior:contain;touch-action:pan-y;min-width:0}
.sac-bubble{max-width:85%;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:15px;line-height:1.45;border:1px solid #e2e8f0;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.sac-bubble.customer{align-self:flex-start;background:#f1f5f9}
.sac-bubble.seller{align-self:flex-end;background:#e0f2fe;border-color:#bae6fd}
.sac-bubble-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#6b7280}
.sac-bubble-header strong,.sac-bubble-header span{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.sac-bubble-text{color:#0f172a;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:15px}
.sac-moderation{font-size:11px;color:#b45309}
.sac-attachments{display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:var(--radius-md);border:1px solid #e5e7eb;padding:8px 10px}
.sac-attachments-header{display:flex;align-items:center;gap:6px;font-size:12px;color:#4b5563}
.sac-attachments-icon{font-size:14px}
.sac-attachments ul{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px}
.sac-attachments li{display:flex;flex-direction:column;gap:4px}
.sac-attachment-link{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid #d1d5db;background:#f9fafb;color:#1d4ed8;font-size:12px;cursor:pointer;text-align:left;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.sac-attachment-link:disabled{opacity:.7;cursor:not-allowed}
.sac-attachment-type{font-size:11px;color:#6b7280;white-space:normal;margin-left:auto;text-align:right;overflow-wrap:anywhere;word-break:break-word}
.sac-attachment-error{font-size:11px;color:#dc2626}
.sac-reply-bar{margin-top:auto;flex-shrink:0;border-top:1px solid #e5e7eb;padding-top:12px;background:#fff}
.sac-reply-content{display:flex;flex-direction:column;gap:10px}
.sac-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#374151}
.sac-field input,.sac-field textarea{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:var(--radius-md);padding:12px 14px;font-size:16px;background:#fff}
.sac-field textarea{resize:none;line-height:1.4;max-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px}
.sac-reply-actions{display:flex;justify-content:flex-end}
.sac-reply-actions button{background:#0f172a;color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 14px;font-weight:600;cursor:pointer;font-size:13px;min-height:44px}
.sac-reply-actions button:active{background:#1e293b}
.sac-reply-submit{display:flex;justify-content:flex-end}
.sac-reply-submit button{background:#2563eb;color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 20px;font-weight:600;cursor:pointer;font-size:14px;min-height:44px}
.sac-reply-submit button:active{background:#1d4ed8}
@media (max-width: 480px){.sac-page{padding:12px}
.sac-header h1{font-size:20px}
.sac-ticket-card,.sac-column{padding:12px}
.sac-bubble{max-width:100%}
.sac-filters select,.sac-filters button{width:100%}
}
.sac-empty{color:#6b7280;font-size:13px;padding:12px 4px}
.sac-details{min-height:480px}
.sac-details-card{display:flex;flex-direction:column;gap:12px}
.sac-details-card h3{margin:0;font-size:16px;color:#0f172a}
.sac-detail-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#334155}
.sac-close-button{background:#dc2626;color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;min-height:44px}
.sac-close-button:active{background:#991b1b}
.sac-reopen-button{background:#2563eb;color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;min-height:44px}
.sac-reopen-button:active{background:#1d4ed8}
.sac-detail-section{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#334155}
.sac-product-card{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid #e2e8f0;background:#f8fafc}
.sac-product-card img{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid #e2e8f0}
.sac-product-card div{display:flex;flex-direction:column;gap:4px}
.sac-product-card strong{font-size:13px;color:#0f172a}
.sac-product-card span{font-size:12px;color:#64748b}
.sac-detail-section ul{list-style:disc;padding-left:18px;margin:0;display:flex;flex-direction:column;gap:4px}
.sac-transactions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sac-transaction-item{border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:10px 12px;background:#f8fafc;display:flex;flex-direction:column;gap:6px}
.sac-transaction-main{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#0f172a}
.sac-transaction-status{padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:#e2e8f0;color:#334155}
.sac-transaction-status.completed{background:#dcfce7;color:#166534}
.sac-transaction-status.failed,.sac-transaction-status.cancelled{background:#fee2e2;color:#991b1b}
.sac-transaction-status.processing,.sac-transaction-status.pending{background:#fef3c7;color:#92400e}
.sac-transaction-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#475569}
.sac-muted{color:#94a3b8;font-size:12px;margin:0}
.sac-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:50}
.sac-modal{background:#fff;border-radius:var(--radius-md);padding:20px;width:min(420px,90vw);box-shadow:0 12px 30px #0f172a40}
.sac-modal h3{margin:0 0 8px;font-size:18px}
.sac-modal p{margin:0 0 16px;color:#475569}
.sac-modal-actions{display:flex;justify-content:flex-end;gap:10px}
.sac-modal-actions button{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:600;min-height:44px}
.sac-modal-actions button:active{background:#f3f4f6}
.sac-modal-actions button.danger{background:#dc2626;color:#fff;border-color:transparent}
.sac-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:8px 12px;min-height:40px;cursor:pointer}
.sac-attachment-modal{width:min(94vw,860px);max-height:calc(var(--app-dvh, 100dvh) - 24px);display:flex;flex-direction:column;gap:12px}
.sac-attachment-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sac-attachment-modal-header strong{font-size:14px;color:#0f172a;overflow-wrap:anywhere}
.sac-attachment-modal-body{flex:1;min-height:240px;max-height:calc(var(--app-dvh, 100dvh) - 140px);border:1px solid #e5e7eb;border-radius:var(--radius-sm);overflow:hidden;background:#f8fafc}
.sac-attachment-modal-body iframe,.sac-attachment-modal-body img{width:100%;height:100%;border:none;object-fit:contain;display:block;background:#fff}
.sac-attachment-fallback{padding:20px;display:flex;flex-direction:column;gap:10px}
.sac-attachment-fallback a{width:fit-content;background:#2563eb;color:#fff;text-decoration:none;border-radius:var(--radius-sm);padding:10px 14px}
.sac-conversation-layout{height:100%;min-height:0}
.sac-conversation-layout .sac-chat-header{min-height:0;max-height:none;overflow:visible}
@media (max-width: 1024px){.sac-grid{grid-template-columns:1fr}
.sac-chat-body{max-height:none}
}
@media (max-width: 768px){.sac-page{padding:0;min-height:0}
.sac-root{display:flex;flex-direction:column;flex:1;min-height:0;background:#f5f6f8}
.sac-header{flex-shrink:0;padding:12px 16px 8px;padding-top:calc(12px + env(safe-area-inset-top))}
.sac-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px}
.sac-page.mobile-tab-conversa .sac-content{overflow:hidden;padding:0}
.sac-composer{flex-shrink:0;background:#fff;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e5e7eb}
html[data-kb="1"] .sac-composer,html[data-kb="1"] .sac-reply-bar{padding-bottom:12px}
html[data-debug-viewport="1"] .sac-root{outline:3px solid rgba(10,132,255,.9);outline-offset:-3px}
html[data-debug-viewport="1"] .sac-content{outline:3px solid rgba(191,90,242,.9);outline-offset:-3px}
html[data-debug-viewport="1"] .sac-composer{outline:3px solid rgba(255,149,0,.9);outline-offset:-3px}
html[data-debug-viewport="1"] .sac-reply-bar{outline:3px solid rgba(255,45,85,.9);outline-offset:-3px}
.sac-header{gap:8px}
.sac-header p{display:none}
.sac-mobile-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;padding:8px;border-radius:var(--radius-md);box-shadow:0 6px 16px #0f172a14;flex-shrink:0}
.sac-tab-input{display:none}
.sac-tab-button{text-align:center;padding:10px;border-radius:var(--radius-md);font-size:13px;font-weight:600;border:1px solid #e5e7eb;background:#f8fafc;color:#111827;cursor:pointer;min-height:44px}
.sac-tab-button:disabled{opacity:.55;cursor:not-allowed}
.sac-tab-button.active{background:#2563eb;color:#fff;border-color:transparent}
.sac-grid{grid-template-columns:1fr;gap:12px;flex:1;min-height:0}
.sac-page.mobile-tab-conversa .sac-grid{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.sac-column{padding:12px;min-height:0}
.sac-page.mobile-tab-conversa .sac-column.sac-chat{padding:0;gap:0}
.sac-tickets{min-height:0}
.sac-tickets-body{flex:0;min-height:0;overflow:visible}
.sac-details{min-height:0;overflow:visible}
.sac-tab-panel{display:none}
.sac-page.mobile-tab-fila .sac-grid .sac-tickets{display:flex}
.sac-page.mobile-tab-fila .sac-grid .sac-tab-panel,.sac-page.mobile-tab-conversa .sac-grid .sac-tickets,.sac-page.mobile-tab-pedido .sac-grid .sac-tickets,.sac-page.mobile-tab-detalhes .sac-grid .sac-tickets{display:none}
.sac-page.mobile-tab-conversa .sac-grid .sac-chat{display:flex;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
body.keyboard-open .sac-page .sac-header,body.keyboard-open .sac-page .sac-filters,body.keyboard-open .sac-page .sac-mobile-tabs,body.keyboard-open .sac-page .sac-chat-meta,body.keyboard-open .sac-page .sac-chat-actions.top-actions,body.keyboard-open .sac-page .sac-field-ai{display:none!important}
body.keyboard-open .sac-page.mobile-tab-conversa .sac-content,body.keyboard-open .sac-page.mobile-tab-conversa .sac-grid,body.keyboard-open .sac-page.mobile-tab-conversa .sac-chat,body.keyboard-open .sac-page.mobile-tab-conversa .sac-conversation-layout{height:var(--app-dvh, 100dvh);min-height:0}
.sac-chat{flex:1;min-height:0}
.sac-page.mobile-tab-conversa .sac-composer{flex-shrink:0;z-index:14}
.sac-page.mobile-tab-detalhes .sac-grid .sac-details,.sac-page.mobile-tab-pedido .sac-grid .sac-details{display:flex}
.sac-page.mobile-tab-pedido .sac-grid .sac-detail-main,.sac-page.mobile-tab-pedido .sac-grid .sac-detail-transactions,.sac-page.mobile-tab-detalhes .sac-grid .sac-detail-pedido{display:none}
.sac-chat-header{padding:10px 12px;flex-shrink:0;gap:8px;border-bottom:1px solid #e5e7eb}
.sac-chat-header h2{font-size:15px;margin:0}
.sac-chat-header p{font-size:12px;margin:2px 0 0}
.sac-company-pill{padding:2px 8px;font-size:11px;margin-bottom:2px}
.sac-chat-meta{display:none}
.sac-chat-actions{align-items:flex-end}
.sac-chat-actions .sac-close-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:13px}
.sac-chat-body{flex:1;min-height:0;max-height:none;padding:10px 12px;overflow:visible;flex:0 0 auto;border-radius:0}
.sac-reply-bar{margin-top:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 20px #0f172a1f;z-index:12}
.sac-reply-content{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"reply reply" "actions submit";gap:8px}
.sac-conversation-layout{height:auto}
.sac-conversation-layout .conversation-input.sac-reply-bar{position:static;bottom:auto;z-index:auto;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.sac-conversation-layout .conversation-messages.sac-chat-body{overflow:visible;padding-bottom:0}
.sac-modal{max-height:calc(var(--app-dvh, 100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}
.sac-field-ai{display:none}
.sac-field-reply{grid-area:reply;grid-column:1 / -1;width:100%}
.sac-field-reply textarea{width:85%;margin-left:auto;padding:10px 14px;border-radius:var(--radius-md);font-size:15px;line-height:1.45}
.sac-reply-actions{grid-area:actions}
.sac-reply-submit{grid-area:submit}
.sac-reply-actions,.sac-reply-submit{display:inline-flex;width:100%}
.sac-reply-actions button,.sac-reply-submit button{width:100%;min-height:44px}
}