:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef2f7;color:#0f172a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button,input,select,textarea{font:inherit}button{border:0}.app-shell{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:100vh}.sidebar{background:#07111f;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px}.nav,.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer}.nav:hover,.nav.active{background:#1d4ed8;color:#fff}.workspace{padding:18px;display:flex;flex-direction:column;gap:16px;min-width:0}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff;border:1px solid #dbe3ef;border-radius:8px}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.2}h2{font-size:20px;line-height:1.25}.agent-box{display:flex;align-items:center;gap:10px}.agent-box span,.muted,.empty,.hero-panel p,.ticket span{color:#64748b}.agent-box span{display:block;font-size:12px}.avatar,.ticket-avatar{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e0edff;color:#1d4ed8;font-weight:800}.primary,.ghost,.status-button,.danger-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:0 14px;cursor:pointer}.primary{background:#2563eb;color:#fff;font-weight:700}.primary:disabled,.status-button:disabled,.ghost:disabled,.danger-button:disabled{opacity:.6;cursor:not-allowed}.ghost{background:#f1f5f9;color:#0f172a}.danger{background:#fee2e2;color:#b91c1c}.danger-button{background:#fee2e2;color:#991b1b;font-weight:800}.page-grid,.split-view{display:grid;gap:16px}.hero-panel,.panel,.ticket-list,.conversation-canvas,.metric{background:#fff;border:1px solid #dbe3ef;border-radius:8px}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px}.hero-actions,.queue-controls,.chat-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-actions{justify-content:flex-end}.hero-panel h2{max-width:680px;margin-bottom:8px;font-size:28px}.home-hero p strong{color:#0f172a}.eyebrow{margin-bottom:8px;color:#1d4ed8;font-size:12px;font-weight:800;text-transform:uppercase}.status-button{display:inline-flex;align-items:center;gap:8px;background:#e2e8f0;color:#334155;font-weight:800}.status-button.online{background:#16a34a;color:#fff}.queue-main{min-width:142px}.auto-switch{min-height:42px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cbd5e1;border-radius:999px;padding:6px 8px 6px 13px;background:#f8fafc;color:#334155;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.auto-switch:hover{border-color:#94a3b8}.auto-switch:disabled{opacity:.6;cursor:not-allowed}.auto-switch.active{border-color:#86efac;background:#ecfdf5;color:#166534}.auto-switch-text{display:grid;gap:1px;text-align:left;line-height:1.1}.auto-switch-text strong{font-size:13px}.auto-switch-text small{color:#64748b;font-size:11px;font-weight:700}.auto-switch.active .auto-switch-text small{color:#15803d}.auto-switch-track{position:relative;width:42px;height:24px;flex:0 0 auto;border-radius:999px;background:#cbd5e1;transition:background .15s ease}.auto-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0f172a38;transition:transform .15s ease}.auto-switch.active .auto-switch-track{background:#16a34a}.auto-switch.active .auto-switch-thumb{transform:translate(18px)}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:18px}.metric span{display:block;margin-bottom:8px;color:#64748b;font-size:13px}.metric strong{font-size:28px}.notice-highlight{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #bfdbfe;border-left:5px solid #2563eb;border-radius:8px;padding:14px;background:#f8fbff}.notice-highlight.warning{border-color:#fed7aa;border-left-color:#d97706;background:#fffbf5}.notice-highlight.critical{border-color:#fecaca;border-left-color:#dc2626;background:#fff8f8}.notice-highlight.success{border-color:#bbf7d0;border-left-color:#16a34a;background:#f7fff9}.notice-highlight-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#dbeafe;color:#1d4ed8}.notice-highlight.warning .notice-highlight-icon{background:#ffedd5;color:#c2410c}.notice-highlight.critical .notice-highlight-icon{background:#fee2e2;color:#b91c1c}.notice-highlight.success .notice-highlight-icon{background:#dcfce7;color:#15803d}.notice-highlight-copy{min-width:0}.notice-highlight strong,.notice-card strong{display:block;color:#0f172a}.notice-highlight p{margin-top:6px;color:#334155;line-height:1.45}.notice-kicker,.notice-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notice-kicker{margin-bottom:6px;color:#64748b;font-size:12px;font-weight:700}.notice-tools{justify-content:flex-end}.notices-panel{display:grid;gap:14px}.notices-panel .section-title h2{display:inline-flex;align-items:center;gap:8px}.notice-tools .ghost.active{background:#dbeafe;color:#1d4ed8;font-weight:800}.notice-count,.notice-state,.notice-tag{display:inline-flex;align-items:center;min-height:22px;border:1px solid #dbe3ef;border-radius:999px;padding:0 8px;color:#475569;background:#f8fafc;font-size:11px;font-weight:800}.notice-tag.critical{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.notice-tag.warning{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.notice-tag.info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.notice-tag.success{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.notice-state{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.notice-state.read{border-color:#dbe3ef;background:#f8fafc;color:#64748b}.notices-list{display:grid;gap:8px}.notice-card{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:10px;align-items:stretch;border:1px solid #dbe3ef;border-radius:8px;padding:10px 12px;background:#fff}.notice-card.unread{border-color:#bfdbfe;background:#fbfdff}.notice-card.read{opacity:.72}.notice-marker{min-height:52px;border-radius:999px;background:#16a34a}.notice-card.info .notice-marker{background:#2563eb}.notice-card.warning .notice-marker{background:#d97706}.notice-card.critical .notice-marker{background:#dc2626}.notice-details{min-width:0}.notice-details summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;list-style:none;cursor:pointer}.notice-details summary::-webkit-details-marker{display:none}.notice-summary-copy{min-width:0}.notice-title-line{display:flex;align-items:center;gap:7px;min-width:0}.notice-title-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-preview{display:-webkit-box;margin-top:4px;overflow:hidden;color:#475569;font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notice-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:#22c55e}.notice-open-label{color:#2563eb;font-size:12px;font-weight:800;white-space:nowrap}.notice-expanded{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:10px}.notice-expanded p{color:#334155;line-height:1.45}.notice-row-actions{display:flex;align-items:center;justify-content:flex-end}.notice-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;color:#64748b;font-size:12px;font-weight:700}.notice-empty{padding:10px 0}.refresh-icon{width:32px;padding:0}.dashboard-page{display:grid;gap:14px}.dashboard-header,.dashboard-filters{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-header h2{margin-top:3px;font-size:26px}.dashboard-header p{margin-top:4px;color:#64748b;font-size:13px;font-weight:600}.dashboard-filters{justify-content:flex-start;flex-wrap:wrap}.dashboard-filters label{min-width:160px}.dashboard-quick-ranges{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding-top:20px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-kpi{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center}.dashboard-kpi>span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#2563eb}.dashboard-kpi.success>span{background:#f0fdf4;color:#16a34a}.dashboard-kpi small,.dashboard-kpi em{display:block;color:#64748b;font-size:12px;font-style:normal;font-weight:700}.dashboard-kpi strong{display:block;margin:2px 0;color:#0f172a;font-size:27px;line-height:1.1}.dashboard-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-card{display:grid;align-content:start;gap:10px}.dashboard-extract-card{grid-column:1 / -1}.dashboard-bars{display:grid;gap:12px}.dashboard-bar-row{display:grid;gap:7px}.dashboard-bar-row>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.dashboard-bar-row span{color:#475569;font-size:13px;font-weight:700}.dashboard-bar-row strong{color:#0f172a}.dashboard-bar-track{height:9px;overflow:hidden;border-radius:999px;background:#e2e8f0}.dashboard-bar-fill{display:block;height:100%;border-radius:inherit;background:#2563eb}.dashboard-bar-fill.success{background:#16a34a}.dashboard-empty,.dashboard-empty-text{color:#64748b}.dashboard-empty{display:grid;justify-items:center;gap:8px;padding:28px;text-align:center}.dashboard-empty svg{color:#2563eb}.dashboard-empty-text{padding:8px 0;font-size:13px;font-weight:600}.dashboard-extract-list{display:grid;gap:8px}.dashboard-extract-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;background:#fff}.dashboard-extract-date strong,.dashboard-extract-date span{display:block}.dashboard-extract-date strong{color:#0f172a}.dashboard-extract-date span{margin-top:2px;color:#64748b;font-size:12px;font-weight:700}.dashboard-extract-tags{display:flex;flex-wrap:wrap;gap:6px}.dashboard-extract-tag{display:inline-flex;min-height:26px;align-items:center;border:1px solid #dbe3ef;border-radius:999px;padding:0 9px;background:#f8fafc;color:#475569;font-size:12px;font-weight:700}.dashboard-extract-tag strong{margin-left:3px;color:#0f172a}.dashboard-extract-tag.muted{color:#94a3b8}.split-view{grid-template-columns:minmax(300px,380px) minmax(0,1fr);height:calc(100vh - 126px);min-height:560px}.ticket-list,.conversation-canvas,.panel{padding:16px}.ticket-list,.conversation-canvas{min-height:0}.ticket-list{display:flex;flex-direction:column;overflow:hidden}.queue-toolbar{margin-bottom:10px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title.compact{align-items:flex-start;margin-bottom:12px}.section-title h3{font-size:17px}.section-title p{margin-top:3px;color:#64748b;font-size:13px}.envio-page{display:grid;gap:14px}.envio-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;align-items:start}.envio-form-panel,.envio-preview-panel{display:grid;gap:14px}.envio-search-grid{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:12px}.envio-search-grid select,.envio-search-grid input{width:100%;min-height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;background:#fff;color:#0f172a}.inline-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.field-hint{color:#94a3b8;font-size:12px}.envio-search-message{color:#64748b;font-size:13px;font-weight:700}.envio-search-message.success{color:#047857}.selected-contact,.envio-meta,.envio-status{display:grid;gap:4px;border:1px solid #dbe3ef;border-radius:8px;padding:11px 12px;background:#f8fafc}.selected-contact span,.envio-meta span,.envio-status span{color:#64748b;font-size:12px}.selected-contact strong,.envio-meta strong,.envio-status strong{color:#0f172a}.selected-contact em,.selected-contact small,.envio-meta em{color:#64748b;font-size:13px;font-style:normal}.envio-results{overflow-x:auto;border:1px solid #dbe3ef;border-radius:8px}.envio-results table{width:100%;border-collapse:collapse;min-width:520px}.envio-results th,.envio-results td{padding:10px 12px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:13px}.envio-results th{color:#475569;background:#f8fafc}.envio-results tr:last-child td{border-bottom:0}.small{min-height:30px;padding:0 10px;font-size:12px}.template-preview{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #bfdbfe;border-left:6px solid #2563eb;border-radius:8px;padding:13px;background:#eff6ff}.template-preview svg{color:#2563eb}.template-preview p{color:#0f172a;line-height:1.45}.template-meta{display:grid;gap:3px;color:#64748b;font-size:12px}.template-meta strong{color:#334155;font-size:12px;font-weight:700}.template-meta em{color:#94a3b8;font-style:normal}.envio-status.success{border-color:#bbf7d0;background:#f0fdf4}.envio-status.success strong{color:#047857}.envio-status.fail{border-color:#fecaca;background:#fef2f2}.envio-status.fail strong{color:#b91c1c}.envio-actions{display:flex;flex-wrap:wrap;gap:10px}.section-hint{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:600}.sync-state{display:inline-flex;align-items:center;justify-content:flex-end;color:#94a3b8;font-size:11px;font-weight:600;white-space:nowrap}.tickets-scroll{min-height:0;overflow:auto;padding-right:2px}.ticket{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 10px;border-top:1px solid #e2e8f0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer}.ticket:hover,.ticket.active{background:#f8fafc}.ticket.active{box-shadow:inset 3px 0 #2563eb}.ticket.unread{background:#fff}.ticket.unread strong{color:#020617;font-weight:900}.ticket strong,.ticket span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-meta{display:grid;justify-items:end;gap:5px}.ticket time,.ticket-meta time{color:#94a3b8;font-size:11px}.ticket.unread .ticket-meta time{color:#16a34a;font-weight:800}.unread-count{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 6px;background:#16a34a;color:#fff;font-size:11px;font-weight:900;line-height:1}.conversation-canvas{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;padding:0;overflow:hidden}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid #e2e8f0}.chat-header p{color:#64748b;font-size:13px}.chat-actions select{min-height:38px;max-width:240px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;color:#0f172a;background:#fff}.messages-panel{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;padding:18px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(#ffffffeb,#ffffffeb),repeating-linear-gradient(135deg,#e8eef6 0,#e8eef6 1px,transparent 1px,transparent 12px)}.message-bubble{max-width:min(68%,720px);padding:10px 12px 8px;border-radius:8px;border:1px solid #dbe3ef;box-shadow:0 8px 18px #0f172a0f}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px;color:#64748b;font-size:11px}.message-bubble.inbound{align-self:flex-start;background:#fff}.message-bubble.outbound{align-self:flex-end;background:#dcfce7;border-color:#bbf7d0}.message-bubble.media-audio{width:min(360px,86%);max-width:min(360px,86%)}.pdf-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;min-width:min(280px,100%)}.pdf-message svg{color:#dc2626}.pdf-message strong,.pdf-message a,.pdf-message span{display:block}.pdf-message strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-message a{margin-top:2px;color:#2563eb;font-size:12px;font-weight:800;text-decoration:none}.pdf-message span{margin-top:2px;color:#64748b;font-size:12px}.media-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;min-width:min(320px,100%)}.media-message>svg{color:#2563eb}.media-message.media-audio{width:100%;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"audio-icon audio-title" "audio-body audio-body" "audio-actions audio-actions";gap:10px;align-items:start}.media-message.media-audio>svg{grid-area:audio-icon;width:30px;height:30px;padding:5px;border-radius:999px;background:#eff6ff;color:#2563eb}.media-content{min-width:0;display:grid;gap:7px}.media-message.media-audio .media-content{display:contents}.media-message.media-audio .media-content>strong{grid-area:audio-title;align-self:center}.media-message.media-audio .media-content>span,.media-message.media-audio .media-error{grid-column:1 / -1}.media-content>strong,.document-preview strong{display:block;color:#0f172a;font-size:14px}.media-content>span,.document-preview span,.media-error{display:block;color:#64748b;font-size:12px}.media-error{color:#b91c1c;font-weight:800}.media-actions{display:flex;flex-wrap:wrap;gap:8px}.media-actions button,.media-actions a{min-height:30px;display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:0 10px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.media-actions button:disabled{opacity:.7;cursor:wait}.media-thumb-button{width:min(260px,100%);overflow:hidden;border-radius:8px;border:1px solid #dbe3ef;background:#f8fafc;cursor:zoom-in}.media-thumb-button img{display:block;width:100%;max-height:220px;object-fit:cover}.media-content audio{width:min(320px,100%)}.media-message.media-audio audio{grid-area:audio-body;width:100%;height:42px;display:block}.media-message.media-audio .media-actions{grid-area:audio-actions;margin-top:-2px}.media-message.media-audio .media-actions a,.media-message.media-audio .media-actions button{min-height:32px;background:#eef6ff}.document-preview{display:grid;gap:7px}.document-preview embed{width:min(280px,100%);height:200px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-bubble.pending{opacity:.72}.message-bubble.failed{background:#fee2e2;border-color:#fecaca}.new-message-toast{position:absolute;left:50%;bottom:96px;z-index:2;transform:translate(-50%);min-height:34px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:0 13px;background:#0f172a;color:#fff;font-weight:800;box-shadow:0 14px 32px #0f172a33;cursor:pointer}.composer{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid #e2e8f0;background:#fff}.composer-row{display:grid;grid-template-columns:40px 40px minmax(0,1fr) 46px;gap:8px;align-items:end}.hidden-file-input{display:none}.composer-tool{width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f5f9;color:#334155;cursor:pointer}.composer-tool:hover,.composer-tool.active{background:#dbeafe;color:#1d4ed8}.composer-tool:disabled{opacity:.55;cursor:not-allowed}.attachment-preview{display:grid;grid-template-columns:22px minmax(0,1fr) 28px;gap:8px;align-items:center;border:1px solid #bfdbfe;border-radius:8px;padding:8px 10px;background:#eff6ff;color:#1e3a8a;font-size:13px;font-weight:800}.attachment-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:#64748b;cursor:pointer}.attachment-preview button:hover{background:#dbeafe;color:#1d4ed8}.emoji-picker{border:1px solid #dbe3ee;border-radius:8px;background:#fff;box-shadow:0 18px 42px #0f172a29;overflow:hidden}.emoji-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #e2e8f0}.emoji-tab{min-height:42px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#64748b;cursor:pointer;border-bottom:3px solid transparent}.emoji-tab:hover,.emoji-tab.active{color:#0f766e;background:#f8fafc;border-bottom-color:#10b981}.emoji-search{height:40px;margin:10px 12px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;border-radius:999px;background:#f1f5f9;color:#64748b;padding:0 12px}.emoji-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#0f172a;font-size:14px}.emoji-scroll{max-height:236px;overflow-y:auto;padding:0 12px 12px}.emoji-group+.emoji-group{margin-top:14px}.emoji-group h3{margin:2px 0 8px;font-size:12px;font-weight:800;color:#64748b}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px}.emoji-button{min-height:34px;border-radius:8px;background:transparent;font-size:24px;line-height:1;cursor:pointer}.emoji-button:hover{background:#eef6ff}.emoji-empty{margin:8px 0 4px;color:#64748b;font-size:13px}.composer textarea{width:100%;min-height:72px;max-height:160px;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;color:#0f172a}.send-button{width:46px;min-height:46px;align-self:end;padding:0}.empty-chat{margin:auto;max-width:360px;display:grid;justify-items:center;gap:8px;color:#64748b;text-align:center}.empty-chat svg{color:#2563eb}.empty-chat h2{color:#0f172a}.alert{padding:12px 14px;border-radius:8px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert.compact{padding:9px 10px;font-size:13px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#0f172a8c}.notice-focus-backdrop{position:fixed;inset:0;z-index:28;display:grid;place-items:center;padding:18px;background:#0f172a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notice-focus-modal{width:min(720px,100%);max-height:min(760px,88vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 26px 80px #0f172a47}.notice-focus-header{display:grid;grid-template-columns:48px minmax(0,1fr) 38px;gap:12px;align-items:start;padding:18px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.notice-focus-header h2{margin-top:2px;color:#0f172a;font-size:24px}.notice-focus-header p{margin-top:4px;color:#64748b;font-size:13px;font-weight:600}.notice-focus-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#dbeafe;color:#1d4ed8}.notice-focus-list{display:grid;gap:10px;padding:14px 18px;overflow:auto}.notice-focus-item{border:1px solid #dbe3ef;border-left:5px solid #2563eb;border-radius:8px;padding:12px;background:#fff}.notice-focus-item.warning{border-left-color:#d97706}.notice-focus-item.critical{border-left-color:#dc2626}.notice-focus-item.success{border-left-color:#16a34a}.notice-focus-item>div{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#64748b;font-size:12px;font-weight:700}.notice-focus-item strong{display:block;color:#0f172a}.notice-focus-item p{margin-top:5px;color:#334155;line-height:1.45}.notice-focus-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #e2e8f0}.image-preview-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#020617e6}.image-preview-modal button{position:absolute;top:18px;right:18px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff1f;color:#fff;cursor:pointer}.image-preview-modal img{max-width:min(92vw,1100px);max-height:88vh;border-radius:8px;box-shadow:0 28px 80px #0006}.login-card{width:min(420px,100%);display:grid;gap:14px;padding:20px;background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 24px 60px #0f172a38}label{display:grid;gap:6px;color:#475569;font-size:13px;font-weight:600}input{min-height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;color:#0f172a}input:focus,select:focus,textarea:focus{outline:3px solid rgba(37,99,235,.16);border-color:#2563eb}.full{width:100%}@media(max-width:820px){.app-shell{grid-template-columns:56px minmax(0,1fr)}.topbar,.hero-panel{align-items:stretch;flex-direction:column}.metric-row,.dashboard-content-grid,.dashboard-kpi-grid,.envio-grid,.envio-search-grid,.split-view,.inline-control{grid-template-columns:1fr}.envio-page>.section-title{align-items:stretch;flex-direction:column}.envio-page>.section-title .icon-label{justify-content:center;width:100%}.split-view{height:auto;min-height:auto}.ticket-list{max-height:42vh}.conversation-canvas{height:min(720px,calc(100vh - 96px));min-height:520px}.chat-header{align-items:stretch;flex-direction:column}.notice-highlight{grid-template-columns:1fr}.notice-details summary,.notices-panel .section-title{grid-template-columns:1fr}.notice-title-line{align-items:flex-start;flex-direction:column}.notice-title-line strong{white-space:normal}.notice-tools{justify-content:flex-start}.dashboard-header,.dashboard-filters,.notice-focus-actions{align-items:stretch;flex-direction:column}.dashboard-filters label,.dashboard-header .icon-label,.notice-focus-actions button{width:100%}.dashboard-quick-ranges{padding-top:0}.dashboard-extract-row{grid-template-columns:1fr}.notice-focus-header{grid-template-columns:44px minmax(0,1fr)}.notice-focus-header .icon-button{grid-column:1 / -1;justify-self:end}.chat-actions,.hero-actions,.queue-controls{align-items:stretch;width:100%}.chat-actions select,.queue-controls>*,.hero-actions>*{width:100%}.message-bubble{max-width:86%}.composer-row{grid-template-columns:38px 38px minmax(0,1fr) 44px;gap:6px}.ticket{grid-template-columns:42px minmax(0,1fr)}.ticket-meta{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start}}