.perguntas-page{padding:20px 24px 48px;display:flex;flex-direction:column;gap:16px;background:transparent;font-family:inherit;color:#0f2822}
.perguntas-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.perguntas-tabs{display:flex;gap:8px;margin-top:8px}
.perguntas-mobile-switch{display:none;gap:8px}
.perguntas-mobile-switch 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;min-height:44px}
.perguntas-mobile-switch button:disabled{opacity:.55;cursor:not-allowed}
.perguntas-mobile-switch button.active{background:linear-gradient(135deg,#0f766e,#0b5f58);color:#fff;border-color:transparent}
.perguntas-tabs button{border:1px solid #cfddd7;background:#fff;color:#0f172a;padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;min-height:44px}
.perguntas-tabs button:active{background:#edf3f1}
.perguntas-tabs button.active{background:linear-gradient(135deg,#0f766e,#0b5f58);color:#fff;border-color:transparent}
.perguntas-header h1{margin:0;font-size:24px;letter-spacing:-.02em}
.perguntas-header p{margin:4px 0 0;color:var(--color-text-muted);font-size:13px}
.perguntas-filters{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #dbe5e0;border-radius:var(--radius-full);padding:6px 10px;box-shadow:0 8px 18px #12342d14}
.perguntas-filters select,.perguntas-filters button{border:none;background:transparent;font-size:13px;font-weight:600;color:#48635c;padding:8px 14px;border-radius:var(--radius-full);min-height:44px}
.perguntas-filters select{background:#f8fafc;border:1px solid #cfddd7}
.perguntas-filters button{background:linear-gradient(135deg,#0f766e,#0b5f58);color:#fff;cursor:pointer}
.perguntas-alert{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid #fecaca;font-size:13px}
.perguntas-alert.success{background:#ecfdf3;color:#166534;border-color:#bbf7d0}
.perguntas-inbox{display:grid;grid-template-columns:minmax(min(100%,280px),360px) minmax(0,1fr);gap:16px;min-height:560px}
.perguntas-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:60}
.perguntas-modal{background:#fff;border-radius:var(--radius-lg);padding:22px 26px;width:min(90vw,380px);box-shadow:0 20px 45px #0f172a33;text-align:center}
.perguntas-modal h3{margin:0 0 8px;font-size:18px;color:#0f172a}
.perguntas-modal p{margin:0 0 16px;color:#475569;font-size:14px}
.perguntas-modal-actions{display:flex;justify-content:center}
.perguntas-modal-actions button{border:none;background:linear-gradient(135deg,#0f766e,#0b5f58);color:#fff;padding:12px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;min-height:44px}
.perguntas-modal-actions button:active{background:#0b5f58}
.perguntas-queue{background:#fff;border-radius:var(--radius-lg);border:1px solid #dbe5e0;box-shadow:0 10px 24px #12342d14;display:flex;flex-direction:column;overflow:hidden}
.queue-header{padding:16px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#64748b}
.queue-header strong{display:block;font-size:14px;color:#0f172a}
.queue-meta{font-weight:600;color:#0f766e}
.queue-list{display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:620px}
.queue-card{border:1px solid #dbe5e0;border-radius:var(--radius-md);padding:14px;text-align:left;background:#fcfdfc;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,box-shadow .15s ease;touch-action:manipulation;width:100%}
.queue-card.answered{background:#f8fafc}
@media (hover: hover){.queue-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}
}
.queue-card.active{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e26}
.queue-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.queue-card-question{font-weight:700;font-size:15px;color:#0f172a;line-height:1.4}
.queue-card-product{font-size:13px;color:#1f2937}
.queue-card-company{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}
.queue-time{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:#e2e8f0;color:#475569}
.queue-time.fresh{background:#dcfce7;color:#166534}
.queue-time.warning{background:#fef9c3;color:#854d0e}
.queue-time.overdue{background:#fee2e2;color:#991b1b}
.queue-time.muted{background:#e2e8f0;color:#64748b}
.perguntas-detail{background:#fff;border-radius:var(--radius-lg);border:1px solid #e5e7eb;box-shadow:0 10px 24px #0f172a14;padding:18px;display:flex;flex-direction:column;gap:16px}
.perguntas-conversation-layout{height:100%;min-height:0}
.perguntas-conversation-layout .conversation-header.detail-header{min-height:0;max-height:none;overflow:visible}
.perguntas-conversation-messages{padding:0}
.perguntas-conversation-input{border-top:none;padding:0}
.perguntas-reply-card{margin:0;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}
.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.detail-header h2{margin:0;font-size:18px;line-height:1.3}
.detail-header p{margin:4px 0 0;font-size:12px;color:#64748b}
.detail-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.detail-wait{font-size:12px;font-weight:600;color:#0f4c81}
.detail-wait.warning{color:#b45309}
.detail-wait.overdue{color:#b91c1c}
.detail-card{border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:14px;background:#f8fafc;display:flex;flex-direction:column;gap:12px}
.detail-card.muted{background:#fef9f3}
.detail-block textarea{width:100%;border-radius:var(--radius-md);border:1px solid #d1d5db;padding:12px;font-family:inherit;font-size:16px;resize:vertical;background:#fff}
.detail-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#64748b;margin-bottom:6px}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;font-size:13px}
.detail-actions{display:flex;align-items:center;gap:8px}
.detail-actions button{border:none;border-radius:var(--radius-md);padding:10px 16px;font-weight:600;cursor:pointer;background:#0f4c81;color:#fff;min-height:44px}
.detail-actions button:active:not(:disabled){opacity:.85}
.detail-actions button.secondary{background:#2563eb}
.detail-actions button.ghost{background:transparent;color:#0f4c81;border:1px solid #cbd5f5}
.detail-actions button:disabled{opacity:.6;cursor:not-allowed}
.quick-replies{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:#6b7280}
.quick-replies button{border:1px solid #e2e8f0;background:#fff;border-radius:var(--radius-full);padding:8px 12px;font-size:13px;cursor:pointer;min-height:44px}
.quick-replies button:active{background:#f3f4f6}
.detail-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.detail-card li{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#475569}
.detail-card li strong{color:#0f172a;font-size:13px}
.perguntas-empty{padding:24px;text-align:center;color:#94a3b8;font-size:13px}
.perguntas-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e5e7eb;font-size:12px;color:#64748b}
.perguntas-pagination-actions{display:flex;gap:8px}
.perguntas-pagination-actions button{border:1px solid #e2e8f0;background:#fff;color:#1f2937;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;min-height:44px}
.perguntas-pagination-actions button:active:not(:disabled){background:#f3f4f6}
.perguntas-pagination-actions button:disabled{opacity:.6;cursor:not-allowed}
@media (max-width: 768px){.perguntas-page{padding:16px;flex:1;min-height:0;overflow:hidden}
.perguntas-header{flex-direction:column;align-items:flex-start;flex-shrink:0}
.perguntas-tabs{flex-shrink:0}
.perguntas-mobile-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:#fff;padding:8px;border-radius:var(--radius-md);box-shadow:0 6px 16px #0f172a14;flex-shrink:0}
.perguntas-alert{flex-shrink:0}
.perguntas-inbox{grid-template-columns:1fr;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.perguntas-queue{flex:1;min-height:0;overflow:hidden}
.queue-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:none}
.perguntas-detail{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.perguntas-conversation-layout{height:auto}
.perguntas-conversation-layout .conversation-messages.perguntas-conversation-messages{flex:0 0 auto;overflow:visible}
.perguntas-conversation-layout .conversation-input.perguntas-conversation-input{position:static;bottom:auto;z-index:auto;padding-bottom:0}
.perguntas-page.mobile-view-lista .perguntas-detail,.perguntas-page.mobile-view-resposta .perguntas-queue{display:none}
body.keyboard-open .perguntas-page .perguntas-header,body.keyboard-open .perguntas-page .perguntas-filters,body.keyboard-open .perguntas-page .perguntas-tabs,body.keyboard-open .perguntas-page .perguntas-mobile-switch,body.keyboard-open .perguntas-page .detail-status.top-actions,body.keyboard-open .perguntas-page .quick-replies.top-actions,body.keyboard-open .perguntas-page .detail-actions.top-actions{display:none!important}
body.keyboard-open .perguntas-page .perguntas-inbox,body.keyboard-open .perguntas-page .perguntas-detail,body.keyboard-open .perguntas-page .perguntas-conversation-layout{height:var(--app-dvh, 100dvh);min-height:0}
body.keyboard-open .perguntas-page .perguntas-conversation-layout{height:auto}
body.keyboard-open .perguntas-page .perguntas-conversation-layout .conversation-messages.perguntas-conversation-messages{overflow:visible}
body.keyboard-open .perguntas-page .perguntas-conversation-layout .conversation-input.perguntas-conversation-input{position:static;padding-bottom:0}
.perguntas-filters{width:100%;flex-wrap:wrap}
}
@media (max-width: 480px){.perguntas-page{padding:12px}
.perguntas-header h1{font-size:20px}
.perguntas-tabs{flex-wrap:wrap}
.queue-list{max-height:none}
}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.badge-success{background:#dcfce7;color:#166534}
.badge-warning{background:#fef9c3;color:#854d0e}
.badge-danger{background:#fee2e2;color:#991b1b}
.badge-info{background:#dbeafe;color:#1e40af}
.badge-neutral{background:#e2e8f0;color:#475569}