.section-actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.section-actions h2 { font-size: 22px; margin: 0; }
.section-actions p { color: var(--muted); font-size: 11px; margin: 4px 0 0; }
.table-panel td small { color: var(--muted); display: block; font-size: 9px; margin-top: 3px; }
.ticket-list-panel { overflow: hidden; }
.ticket-table-scroll { overflow: auto; }
.ticket-pagination { align-items: center; border-top: 1px solid var(--line); display: flex; gap: 16px; justify-content: space-between; padding: 14px 18px; }
.ticket-pagination > span { color: var(--muted); font-size: 10px; }
.ticket-pagination label { align-items: center; color: var(--muted); display: flex; font-size: 10px; gap: 8px; margin-left: auto; }
.ticket-pagination select { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 8px; }
.ticket-pagination > div { display: flex; gap: 8px; }
.ticket-pagination .button { font-size: 10px; min-width: 90px; padding: 9px 12px; }
.ticket-pagination .button:disabled { cursor: default; opacity: .45; }
.sla-no_prazo, .sla-cumprido { background: #e6f8f0; color: #087b56; }
.sla-proximo { background: #fff5dd; color: #a16207; }
.sla-atrasado { background: #feeeee; color: #b91c1c; }
.sla-sem_sla, .sla-cancelado { background: #f0f1f3; color: #666; }
.sla-summary { align-items: center; background: #f8fafc; border: 1px solid var(--line); border-radius: 12px; display: grid; gap: 8px 14px; grid-template-columns: 1fr 1fr; margin-bottom: 18px; padding: 14px; }
.sla-summary > div { grid-column: 1 / -1; }
.sla-summary span { color: var(--muted); font-size: 9px; }
.sla-summary b { color: var(--ink); display: block; font-size: 10px; margin-top: 2px; }
.sla-box-atrasado { border-color: #fecaca; background: #fff7f7; }
.sla-box-proximo { border-color: #fde68a; background: #fffdf3; }
@media (max-width: 760px) {
  .ticket-pagination { align-items: stretch; flex-direction: column; }
  .ticket-pagination label { justify-content: space-between; margin-left: 0; }
  .ticket-pagination > div { display: grid; grid-template-columns: 1fr 1fr; }
}
.table-action { background: #eaf2ff; border: 0; border-radius: 8px; color: var(--blue); font-size: 10px; font-weight: 600; padding: 7px 11px; }
.check-label { align-items: center; display: flex !important; grid-template-columns: auto 1fr; }
.check-label input { height: 17px; margin: 0; width: 17px; }
.domain-help { background: #eef5ff; border-radius: 10px; color: #315276; font-size: 11px; margin: 4px 0 16px; padding: 12px; }
.modal-card label small { color: var(--muted); font-size: 9px; font-weight: 400; }
.assignment-form { align-items: end; background: #edf5ff; border: 1px solid #cfdeff; border-radius: 12px; display: grid; gap: 10px; grid-template-columns: 1fr auto; margin-bottom: 18px; padding: 14px; }
.assignment-form label { display: grid; font-size: 10px; font-weight: 600; gap: 6px; margin: 0; }
.assignment-form select { background: #fff; border: 1px solid #c5d4eb; border-radius: 9px; padding: 10px; }
.ticket-editor { border-top: 1px solid var(--line); display: grid; gap: 16px; margin-top: 22px; padding-top: 20px; }
.ticket-editor-fields { background: #edf5ff; border: 1px solid #cfdeff; border-radius: 12px; display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 14px; }
.ticket-editor label { display: grid; font-size: 10px; font-weight: 600; gap: 6px; margin: 0; }
.ticket-editor select { background: #fff; border: 1px solid #c5d4eb; border-radius: 9px; outline: none; padding: 10px; width: 100%; }
.ticket-editor select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(19,99,223,.1); }
.ticket-editor .reply-field { font-size: 12px; }
.ticket-editor textarea { border: 1px solid var(--line); border-radius: 10px; outline: none; padding: 12px; resize: vertical; width: 100%; }
.ticket-editor textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(19,99,223,.1); }
.ticket-editor-actions { display: flex; gap: 10px; justify-content: flex-end; }
.ticket-editor-actions .button { min-width: 112px; }
.forgot-password { align-self: end; background: transparent; border: 0; color: var(--blue); font-size: 11px; font-weight: 600; margin: -10px 0 12px auto; padding: 0; }
.forgot-password:hover { text-decoration: underline; }
.password-modal { width: min(480px, 100%); }
.password-help { color: var(--muted); font-size: 12px; line-height: 1.6; margin: -8px 0 22px; }
.form-message { color: #087b56; font-size: 12px; line-height: 1.5; min-height: 18px; }
.file-picker { gap: 7px !important; }
.file-picker input[type="file"] { border: 1px dashed #a9bdd8; border-radius: 10px; color: var(--muted); cursor: pointer; padding: 12px; }
.file-picker input[type="file"]::file-selector-button { background: #eaf2ff; border: 0; border-radius: 8px; color: var(--blue); cursor: pointer; font-weight: 600; margin-right: 12px; padding: 9px 12px; }
.file-picker span { color: #315276; font-size: 10px; }
.brand-logo { display: block; object-fit: cover; object-position: center; }
.brand-logo-main { height: 64px; width: 250px; }
.brand-logo-sidebar { height: 54px; width: 190px; }
.brand-logo-mobile { height: 60px; width: 220px; }
/* O preto do arquivo passa a assumir exatamente o fundo escuro do componente. */
.brand-logo-main, .brand-logo-sidebar { mix-blend-mode: screen; }
/* Barra de filtros dos chamados: pesquisa, três filtros e modo de visualização. */
.toolbar { grid-template-columns: minmax(200px, .75fr) repeat(3, minmax(135px, 170px)) auto; }
.multi-filter { min-width: 0; position: relative; }
.multi-filter summary { background: #fff; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; font-size: 12px; list-style: none; overflow: hidden; padding: 13px 36px 13px 14px; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.multi-filter summary::-webkit-details-marker { display: none; }
.multi-filter summary::after { content: "⌄"; font-size: 15px; position: absolute; right: 13px; top: 10px; }
.multi-filter[open] summary { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(19,99,223,.1); }
.multi-filter-menu { background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 14px 35px rgba(13,17,23,.16); display: grid; left: 0; max-height: 290px; min-width: 100%; overflow: auto; padding: 7px; position: absolute; top: calc(100% + 6px); width: max-content; z-index: 30; }
.multi-filter-menu button { background: #eef5ff; border: 0; border-radius: 7px; color: var(--blue); font-size: 10px; font-weight: 600; margin-bottom: 4px; padding: 9px 10px; text-align: left; }
.multi-filter-menu label { align-items: center; border-radius: 7px; cursor: pointer; display: flex; font-size: 11px; gap: 8px; padding: 8px 10px; white-space: nowrap; }
.multi-filter-menu label:hover { background: #f4f7fb; }
.multi-filter-menu input { accent-color: var(--blue); height: 15px; margin: 0; width: 15px; }
.email-html-body { color: #263241; font-size: 12px; line-height: 1.55; max-width: 100%; overflow-wrap: anywhere; overflow-x: auto; }
.email-html-body img { height: auto; max-width: 100% !important; object-fit: contain; }
.email-html-body table { max-width: 100%; }
.email-html-body a { color: var(--blue); }
.email-html-body [data-external-image-blocked], .inline-image-error { background: #f1f3f6; border-radius: 5px; color: var(--muted); display: inline-block; font-size: 9px; margin: 2px; padding: 4px 7px; }
.comment .email-html-body { margin: 10px 0; }
.auto-refresh-status { color: var(--muted); font-size: 9px; margin-left: auto; white-space: nowrap; }
.auto-refresh-status::before { background: var(--green); border-radius: 50%; content: ""; display: inline-block; height: 6px; margin-right: 6px; width: 6px; }
.topbar .auto-refresh-status + .button { margin-left: 0; }
.client-branding { align-items: center; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.14); border-radius: 13px; display: flex; gap: 12px; margin-left: auto; max-width: 330px; padding: 10px 13px; }
.client-branding img { background: #fff; border-radius: 8px; height: 46px; object-fit: contain; padding: 5px; width: 86px; }
.client-branding div { display: grid; min-width: 0; }
.client-branding small, .client-branding span { color: #9fabb9; font-size: 8px; }
.client-branding strong { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.branding-panel { display: grid; gap: 28px; grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr); padding: 28px; }
.branding-preview { align-items: center; background: linear-gradient(120deg,#0b1019,#102541); border-radius: 16px; color: #fff; display: flex; gap: 18px; min-height: 170px; padding: 25px; }
.branding-preview img, .branding-placeholder { background: #fff; border-radius: 12px; height: 90px; object-fit: contain; padding: 10px; width: 160px; }
.branding-placeholder { color: var(--muted); display: grid; font-size: 10px; place-items: center; text-align: center; }
.branding-preview div:last-child { display: grid; }
.branding-preview small, .branding-preview span { color: #9fabb9; font-size: 9px; }
.branding-preview strong { font-size: 18px; margin: 3px 0; }
.branding-panel form { align-content: center; display: grid; }
.branding-panel form label { display: grid; font-size: 12px; font-weight: 500; gap: 8px; }
.branding-panel input[type="file"], .client-logo-editor input[type="file"] { border: 1px dashed #a9bdd8; border-radius: 10px; padding: 11px; width: 100%; }
.branding-panel label small, .client-logo-editor label small { color: var(--muted); font-size: 9px; font-weight: 400; }
.branding-actions { display: flex; gap: 10px; justify-content: flex-end; }
.client-logo-editor { align-items: center; background: #f6f8fb; border-radius: 12px; display: grid; gap: 12px; grid-template-columns: 90px 1fr; margin-bottom: 18px; padding: 13px; }
.client-logo-editor img, .client-logo-placeholder { background: #fff; border: 1px solid var(--line); border-radius: 9px; grid-row: span 2; height: 70px; object-fit: contain; padding: 6px; width: 90px; }
.client-logo-placeholder { color: var(--muted); display: grid; font-size: 9px; place-items: center; }
.client-logo-editor label { margin: 0; }
.client-logo-editor .table-action { justify-self: start; }
@media (max-width: 1000px) {
  .toolbar { grid-template-columns: 1fr 1fr; }
  .client-branding { max-width: 260px; }
  .branding-panel { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .auto-refresh-status { display: none; }
  .welcome { flex-wrap: wrap; }
  .client-branding { margin: 14px 0 0; max-width: 100%; width: 100%; }
  .branding-panel { padding: 18px; }
  .branding-preview { align-items: flex-start; flex-direction: column; }
  .client-logo-editor { grid-template-columns: 1fr; }
  .client-logo-editor img, .client-logo-placeholder { grid-row: auto; }
  .toolbar { grid-template-columns: 1fr; }
  .section-actions { align-items: flex-start; gap: 15px; }
  .section-actions .button { padding: 11px; white-space: nowrap; }
  .assignment-form { grid-template-columns: 1fr; }
  .ticket-editor-fields { grid-template-columns: 1fr; }
  .mobile-brand { align-items: center; height: 56px; max-width: 200px; overflow: hidden; width: 200px; }
  .brand-logo-mobile { flex: 0 0 auto; height: 56px; max-height: 56px; max-width: 200px; width: 200px; }
}
.sla-calendar-heading { margin-top: 32px; }
.weekday-field { border: 1px solid #dfe5ec; border-radius: 12px; padding: 12px 14px; }
.weekday-field legend { padding: 0 6px; font-size: 13px; font-weight: 600; }
.weekday-options { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.weekday-options label { display: flex; align-items: center; gap: 5px; font-size: 13px; }
.sla-pausado { background: #e8f0ff; color: #1363df; }

/* Relatórios gerenciais */
.report-filters { align-items: end; display: grid; gap: 14px; grid-template-columns: repeat(4,minmax(150px,1fr)); margin-bottom: 20px; padding: 18px; }
.report-filters label { color: var(--ink); display: grid; font-size: 10px; font-weight: 600; gap: 6px; }
.report-filters input, .report-filters select { background: #fff; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); min-width: 0; outline: none; padding: 10px; width: 100%; }
.report-filters input:focus, .report-filters select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(19,99,223,.1); }
.report-filters .button { height: 39px; }
.report-loading { background: #eef5ff; border-radius: 9px; color: var(--blue); font-size: 10px; margin-bottom: 16px; padding: 10px 14px; }
.report-actions { display: flex; gap: 9px; }
.report-actions .button:disabled { cursor: wait; opacity: .65; }
.report-metrics { display: grid; gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 18px; }
.report-metrics article { background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 5px 18px rgba(20,35,55,.04); display: grid; min-height: 118px; padding: 17px; }
.report-metrics small { color: var(--muted); font-size: 9px; font-weight: 500; }
.report-metrics strong { color: var(--ink); font-size: 25px; line-height: 1.2; margin: 7px 0; }
.report-metrics span { align-self: end; color: var(--muted); font-size: 8px; }
.report-metrics .report-sla-card { border-top: 3px solid #0ea875; }
.report-metrics .report-alert-card { border-top: 3px solid #e34c4c; }
.report-grid { display: grid; gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.report-chart { min-height: 310px; padding: 20px; }
.report-chart-wide { grid-column: 1 / -1; }
.report-card-head { align-items: flex-start; display: flex; justify-content: space-between; margin-bottom: 22px; }
.report-card-head h3 { font-size: 15px; margin: 0; }
.report-card-head p { color: var(--muted); font-size: 9px; margin: 4px 0 0; }
.chart-legend { display: flex; gap: 14px; }
.chart-legend span { color: var(--muted); font-size: 8px; }
.chart-legend span::before { border-radius: 2px; content: ""; display: inline-block; height: 7px; margin-right: 5px; width: 7px; }
.chart-legend .opened::before { background: var(--blue); }
.chart-legend .completed::before { background: #22c7dc; }
.bar-chart { display: grid; gap: 14px; }
.bar-row > div:first-child { align-items: center; display: flex; font-size: 9px; gap: 12px; justify-content: space-between; margin-bottom: 5px; }
.bar-row > div:first-child span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bar-row > div:first-child strong { font-size: 9px; }
.bar-track { background: #edf1f6; border-radius: 20px; height: 7px; overflow: hidden; }
.bar-track i { background: linear-gradient(90deg,var(--blue),#22c7dc); border-radius: inherit; display: block; height: 100%; min-width: 2px; }
.trend-chart { align-items: stretch; border-bottom: 1px solid var(--line); display: flex; gap: 12px; height: 220px; justify-content: space-around; overflow-x: auto; padding: 10px 8px 0; }
.trend-column { align-items: center; display: grid; flex: 1 0 55px; grid-template-rows: 1fr 25px; max-width: 100px; min-width: 45px; }
.trend-values { align-items: end; display: flex; gap: 4px; height: 100%; justify-content: center; }
.trend-values i { border-radius: 5px 5px 0 0; display: block; max-width: 24px; min-height: 3px; width: 36%; }
.trend-opened { background: var(--blue); }
.trend-completed { background: #22c7dc; }
.trend-column small { color: var(--muted); font-size: 8px; text-align: center; text-transform: capitalize; }
.report-empty { color: var(--muted); display: grid; font-size: 10px; min-height: 160px; place-items: center; }
@media (max-width: 1100px) {
  .report-filters { grid-template-columns: repeat(2,minmax(150px,1fr)); }
  .report-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .report-actions { display: grid; width: 100%; }
  .report-filters, .report-grid { grid-template-columns: 1fr; }
  .report-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .report-chart-wide { grid-column: auto; }
  .report-chart { min-height: 280px; padding: 16px; }
  .report-card-head { gap: 12px; }
}
@media (max-width: 430px) {
  .report-metrics { grid-template-columns: 1fr; }
}
.satisfaction-summary{margin:0 0 18px;padding:16px 18px;border:1px solid #b8e8f2;border-radius:14px;background:#f2fbfd;color:#0d1117}.satisfaction-summary>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.satisfaction-summary small{display:block;margin-top:5px;color:#6b7280}.satisfaction-summary p{margin:12px 0 0;white-space:pre-wrap}.satisfaction-summary.pending{background:#f7f8fa;border-color:#dfe3e8}.satisfaction-stars{color:#1363df;font-size:22px;letter-spacing:2px;white-space:nowrap}
@media(max-width:600px){.satisfaction-summary>div{align-items:flex-start;flex-direction:column;gap:5px}}

/* Quadro Kanban */
.ticket-view-switch{align-items:center;background:#eef2f7;border-radius:10px;display:flex;padding:3px}.ticket-view-switch button{background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;font:600 9px Poppins;padding:9px 11px;white-space:nowrap}.ticket-view-switch button.active{background:#fff;box-shadow:0 2px 8px rgba(13,17,23,.1);color:var(--blue)}
.kanban-shell{margin-top:2px;min-width:0}.kanban-notice{background:#fff5d9;border:1px solid #f3d98c;border-radius:10px;color:#725513;font-size:10px;margin-bottom:12px;padding:10px 14px}.kanban-board{display:flex;gap:14px;min-height:570px;overflow-x:auto;padding:2px 2px 16px;scrollbar-color:#c5ced8 transparent}.kanban-column{background:#edf1f6;border:1px solid transparent;border-radius:14px;display:flex;flex:0 0 292px;flex-direction:column;max-height:calc(100vh - 220px);min-height:520px;transition:.15s}.kanban-column>header{align-items:center;display:flex;justify-content:space-between;padding:14px 14px 10px}.kanban-column>header span{font-size:10px;font-weight:700}.kanban-column>header strong{background:#fff;border-radius:20px;color:var(--muted);font-size:9px;min-width:25px;padding:4px 7px;text-align:center}.kanban-cards{display:grid;gap:10px;overflow-y:auto;padding:3px 10px 12px}.kanban-card{background:#fff;border-left:4px solid #aeb7c2;border-radius:11px;box-shadow:0 3px 10px rgba(20,35,55,.06);cursor:pointer;padding:12px;transition:transform .12s,box-shadow .12s}.kanban-card[draggable=true]{cursor:grab}.kanban-card[draggable=true]:active{cursor:grabbing}.kanban-card:hover{box-shadow:0 7px 18px rgba(20,35,55,.12);transform:translateY(-1px)}.kanban-card.dragging{opacity:.35}.kanban-column.drag-over{background:#e4f2ff;border-color:var(--blue)}.kanban-card>div{align-items:center;display:flex;justify-content:space-between}.kanban-card>div strong{color:var(--blue);font-size:9px}.kanban-card>div span{font-size:8px;font-weight:600}.kanban-card h3{font-size:11px;line-height:1.45;margin:9px 0 7px}.kanban-card p{color:var(--muted);font-size:8px;margin:0 0 10px}.kanban-card footer{align-items:center;border-top:1px solid #edf0f4;display:flex;gap:6px;justify-content:space-between;padding-top:9px}.kanban-card footer>span{font-size:8px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card footer .badge{font-size:7px;padding:4px 6px}.kanban-card>small{color:#8b96a3;display:block;font-size:7px;margin-top:8px}.kanban-empty{color:#87919d;display:grid;font-size:9px;min-height:90px;place-items:center}.priority-border-critica{border-left-color:#d93434}.priority-border-alta{border-left-color:#f2992e}.priority-border-normal{border-left-color:#1363df}.priority-border-baixa{border-left-color:#22b8c9}.status-column-triagem>header span{color:#8a5a00}.status-column-em_atendimento>header span{color:#1363df}.status-column-resolvido>header span,.status-column-fechado>header span{color:#087b59}
@media(max-width:760px){.toolbar{align-items:stretch}.ticket-view-switch{align-self:flex-start}.kanban-board{margin-left:-2px;min-height:500px;scroll-snap-type:x proximity}.kanban-column{flex-basis:86vw;max-height:none;min-height:470px;scroll-snap-align:start}.kanban-cards{overflow-y:visible}}

/* Notas internas */
.comment-author{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.comment.internal-note{background:#fff8df;border:1px solid #f1d984;border-left:4px solid #d7a900;padding:14px 15px}.internal-badge{background:#f5d96b;color:#5c4700;font-size:7px}.internal-note-panel{background:#fff9e7;border:1px solid #efd989;border-radius:12px;margin:16px 0 22px;overflow:hidden}.internal-note-panel>summary{color:#765b00;cursor:pointer;font-size:10px;font-weight:700;list-style:none;padding:14px 16px}.internal-note-panel>summary::-webkit-details-marker{display:none}.internal-note-panel[open]>summary{border-bottom:1px solid #efdfa7}.internal-note-panel form{display:grid;gap:12px;padding:15px}.internal-note-panel form>p{color:#756b4a;font-size:9px;line-height:1.5;margin:0}.internal-note-panel label{display:grid;font-size:10px;font-weight:600;gap:6px}.internal-note-panel textarea,.internal-note-panel input[type=file]{background:#fff;border:1px solid #dbc97e;border-radius:9px;font:inherit;padding:11px}.internal-note-panel label small{color:#756b4a;font-size:8px;font-weight:400}.internal-note-actions{display:flex;gap:9px;justify-content:flex-end}.internal-note-button{background:#d7a900;color:#fff}.internal-note-button:disabled{cursor:wait;opacity:.65}

/* Respostas prontas */
.quick-reply-variables{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:13px 16px}.quick-reply-variables strong{font-size:10px;margin-right:5px}.quick-reply-variables code{background:#edf4ff;border-radius:6px;color:var(--blue);font:600 9px monospace;padding:6px 8px}.quick-reply-preview{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-reply-internal{background:#fff0c4;color:#765b00}.quick-reply-variable-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:-8px 0 18px}.quick-reply-variable-buttons button{background:#edf4ff;border:0;border-radius:7px;color:var(--blue);font:600 9px monospace;padding:7px 9px}.quick-reply-variable-buttons button:hover{background:#dceaff}.quick-reply-selector{background:#f4f8ff;border:1px solid #d7e5fb;border-radius:10px;padding:11px}.quick-reply-selector select{background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:10px;width:100%}.quick-reply-selector small{color:var(--muted);font-size:8px}

/* Rolagem independente do menu lateral */
.sidebar{overflow:hidden}.sidebar .brand{flex:0 0 auto}.sidebar nav{align-content:start;flex:1 1 auto;margin-bottom:14px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-color:#34404f transparent;scrollbar-width:thin}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#34404f;border-radius:10px}.sidebar-footer{flex:0 0 auto;margin-top:0}
.modal-card [hidden]{display:none!important}

/* Auditoria */
.audit-filters{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(125px,1fr));margin-bottom:16px;padding:16px}.audit-filters label{display:grid;font-size:8px;font-weight:600;gap:5px}.audit-filters input,.audit-filters select{background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--ink);font:500 9px Poppins;padding:10px;min-width:0}.audit-filters .audit-search{grid-column:span 2}.audit-table-scroll{overflow-x:auto}.audit-table-scroll table{min-width:1050px}.audit-details{position:relative}.audit-details>summary{color:var(--blue);cursor:pointer;font-size:8px;font-weight:700;list-style:none;white-space:nowrap}.audit-details>summary::-webkit-details-marker{display:none}.audit-details[open]>div{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 35px rgba(13,17,23,.18);max-width:min(720px,80vw);padding:14px;position:absolute;right:0;top:24px;width:650px;z-index:20}.audit-details>div>strong,.audit-details>div>small{display:block}.audit-details>div>small{color:var(--muted);font-size:8px;margin:4px 0 12px;word-break:break-all}.audit-json-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.audit-json-grid section{min-width:0}.audit-json-grid b{font-size:8px}.audit-json-grid pre{background:#0d1117;border-radius:8px;color:#dfe7f1;font:8px/1.55 monospace;margin:5px 0 0;max-height:280px;overflow:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.ticket-audit-panel{border:1px solid #d7e5fb;border-radius:12px;margin:17px 0;overflow:visible}.ticket-audit-panel>summary{color:var(--blue);cursor:pointer;font-size:10px;font-weight:700;list-style:none;padding:13px 15px}.ticket-audit-panel>summary::-webkit-details-marker{display:none}.ticket-audit-panel>div{border-top:1px solid #d7e5fb;padding:4px 14px}.ticket-audit-panel article{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:9px;grid-template-columns:1fr auto auto;padding:11px 0;position:relative}.ticket-audit-panel article:last-child{border-bottom:0}.ticket-audit-panel article strong,.ticket-audit-panel article small{display:block}.ticket-audit-panel article strong{font-size:9px}.ticket-audit-panel article small{color:var(--muted);font-size:7px;margin-top:3px}
@media(max-width:1100px){.audit-filters{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:760px){.audit-filters{grid-template-columns:1fr}.audit-filters .audit-search{grid-column:auto}.audit-details[open]>div{max-width:82vw;width:520px}.audit-json-grid{grid-template-columns:1fr}.ticket-audit-panel article{grid-template-columns:1fr auto}.ticket-audit-panel article>.audit-details{grid-column:1/-1}}
.audit-retention-panel{margin-bottom:16px;padding:18px}.audit-retention-head{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.audit-retention-head h3{font-size:15px;margin:3px 0}.audit-retention-head p{color:var(--muted);font-size:9px;margin:0;max-width:650px}.audit-retention-metrics{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:17px 0}.audit-retention-metrics>div{background:#f5f8fc;border:1px solid #e2e8f0;border-radius:11px;padding:12px}.audit-retention-metrics small,.audit-retention-metrics strong{display:block}.audit-retention-metrics small{color:var(--muted);font-size:7px}.audit-retention-metrics strong{font-size:12px;margin-top:4px}.audit-retention-form{align-items:end;border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:.8fr .8fr .8fr 1.2fr 1.2fr auto;padding-bottom:17px}.audit-retention-form>label:not(.check-label){display:grid;font-size:8px;font-weight:600;gap:5px}.audit-retention-form input[type=number]{border:1px solid var(--line);border-radius:9px;font:500 9px Poppins;padding:10px;width:100%}.audit-retention-form label small{color:var(--muted);font-size:7px;font-weight:400}.audit-retention-form .check-label{align-items:center;margin:0;min-height:39px}.audit-expurgo-list h4{font-size:10px;margin:17px 0 8px}.audit-expurgo-scroll{overflow-x:auto}.audit-expurgo-scroll table{min-width:820px}.audit-expurgo-scroll td small{display:block;max-width:280px}.audit-retention-panel .form-error:not(:empty){margin-top:12px}
@media(max-width:1100px){.audit-retention-form{grid-template-columns:repeat(2,1fr)}.audit-retention-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.audit-retention-head{align-items:stretch;flex-direction:column}.audit-retention-form,.audit-retention-metrics{grid-template-columns:1fr}}
.audit-retention-form .check-label{font-size:10px;font-weight:500;line-height:1.35}