/* Melhorias do suporte (26/10/2026): notificações, anexos, linha do tempo do SLA, auditoria e tema escuro. */
#fNotifications{position:relative}
.header-actions #fNotifications{display:inline-flex!important}
.s-pop .btn svg,.s-pop .icon{width:15px;height:15px;flex:none}
.s-pop button.s-note{display:grid!important;justify-items:start;justify-content:stretch;align-items:start}
#fNotifications .s-badge:not([hidden]){display:block!important;padding:0 4px!important;margin:0!important;width:auto!important;max-width:24px}
.s-badge{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#c0392b;color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center;pointer-events:none}
.s-avatar-button{cursor:pointer}
.s-avatar-button:focus-visible{outline:2px solid #b3974e;outline-offset:2px}
.s-pop{position:fixed;top:72px;right:24px;z-index:60;width:390px;max-width:calc(100vw - 32px);max-height:min(560px,calc(100dvh - 96px));display:flex;flex-direction:column;background:#fff;border:1px solid #e6e2d8;border-radius:12px;box-shadow:0 22px 70px #2b2a2833;overflow:hidden}
.s-pop[hidden]{display:none}
.s-pop-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #ece9e2}
.s-pop-head strong{font-size:14px}
.s-pop-list{overflow:auto;padding:6px}
.s-note{display:grid;gap:5px;width:100%;text-align:left;border:0;background:transparent;padding:11px 12px;border-radius:8px;cursor:pointer;font:inherit;color:inherit}
.s-note:hover{background:#f6f4ee}
.s-note.fresh{box-shadow:inset 3px 0 0 #b3974e}
.s-note strong{font-size:12.5px;line-height:1.35}
.s-note small{font-size:11px;color:#777775}
.s-note .pill{justify-self:start;font-size:10px}
.s-pop .pill.red{background:#fbeceb;color:#a33a31}
.s-pop-empty{padding:26px 16px;text-align:center;color:#777775;font-size:13px}
.s-pop-foot{padding:10px 16px;border-top:1px solid #ece9e2;text-align:right}
.s-account{width:300px;padding:8px}
.s-account-head{display:flex;gap:10px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid #ece9e2;margin-bottom:6px}
.s-account-head small{display:block;color:#777775;font-size:11px;margin-top:2px;word-break:break-all}
.s-menu-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:10px 12px;border-radius:8px;font:inherit;font-size:13px;color:inherit;cursor:pointer;text-align:left}
.s-menu-item:hover{background:#f6f4ee}
.s-menu-item svg{width:16px;height:16px}
.s-theme-login{position:fixed;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;border:1px solid #e6e2d8;background:#fff;color:#41413e;border-radius:20px;padding:8px 14px;font-size:12px;cursor:pointer;z-index:5}
.s-theme-login svg{width:15px;height:15px}
.s-soon{margin-left:auto;font-size:9px;letter-spacing:.4px;text-transform:uppercase;color:#d4bd7b;border:1px solid #d4bd7b55;border-radius:10px;padding:2px 6px}
.s-link{border:0;background:none;padding:0;font:inherit;color:#8b722f;text-decoration:underline;text-underline-offset:2px;cursor:pointer}

/* Anexos */
.file-chip.s-thumb{flex-direction:column;align-items:flex-start;max-width:200px;padding:6px}
.file-chip.s-thumb img{display:block;width:186px;height:120px;object-fit:cover;border-radius:4px;background:#efede7}
.file-chip.s-thumb img:not([src]){visibility:hidden}
dialog.s-view-modal{width:min(1100px,96vw)}
.s-viewer{display:flex;justify-content:center;align-items:center;min-height:200px}
.s-view-img{max-width:100%;max-height:72dvh;border-radius:6px;object-fit:contain}
.s-view-pdf{width:100%;height:72dvh;border:1px solid #e6e2d8;border-radius:6px}
.s-view-text{width:100%;max-height:72dvh;overflow:auto;white-space:pre-wrap;font-size:12px;background:#f6f5f1;padding:16px;border-radius:6px}

/* Linha do tempo do SLA e fechamento */
.s-sla{margin:16px 0;padding:16px;border:1px solid #ece9e2;border-radius:10px;background:#fff}
.s-sla h4{font-size:10px;letter-spacing:1px;color:#777775;margin-bottom:12px}
.s-sla ol{list-style:none;margin:0;padding:0;position:relative}
.s-sla li{display:grid;grid-template-columns:14px 1fr;gap:10px;padding-bottom:14px;position:relative}
.s-sla li:before{content:'';position:absolute;left:6px;top:14px;bottom:0;width:2px;background:#ece9e2}
.s-sla li:last-child:before{display:none}
.s-sla .s-dot{width:14px;height:14px;border-radius:50%;border:2px solid #d8d4c8;background:#fff;margin-top:2px;position:relative;z-index:1}
.s-sla li.done .s-dot{border-color:#b3974e;background:#b3974e}
.s-sla li small{display:block;font-size:10px;color:#777775;text-transform:uppercase;letter-spacing:.5px}
.s-sla li strong{display:block;font-size:12.5px;margin:2px 0}
.s-sla li span{display:block;font-size:11px;color:#6f6c63;line-height:1.45}
.s-sla li em{display:inline-flex;font-style:normal;font-size:11px;margin-top:4px}
.s-sla-total{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-top:1px solid #ece9e2;padding-top:12px;margin:0}
.s-sla-total small{font-size:11px;color:#777775}
.s-sla-total strong{font-size:12px;text-align:right}
.s-close-ticket{width:100%;justify-content:center;margin:12px 0 4px}
.s-closed-note{display:flex;gap:6px;align-items:center;margin:12px 0}
.s-closed-note svg{width:14px;height:14px}

/* Configurações */
.s-sla-input{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.s-sla-input input{width:110px}
.s-sla-input span{font-size:12px;color:#777775}
.s-sla-input small{font-size:11px;color:#8b722f;min-width:70px}
.s-audit-tools{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:14px 0}
.s-audit-tools label{min-width:200px}
.audit-rows td small{display:block;color:#777775;font-size:10px;margin-top:2px}
.s-tech summary{font-size:10px;color:#999;cursor:pointer;margin-top:6px}
.s-tech pre{font-size:10px;max-height:220px;overflow:auto;white-space:pre-wrap}
.s-help{margin:14px 0;padding:12px 14px;border:1px solid #ece9e2;border-radius:8px;background:#fbfaf7}
.s-help summary{display:flex;gap:8px;align-items:center;cursor:pointer;font-weight:600;font-size:13px}
.s-help summary svg{width:16px;height:16px}
.s-help ul{margin:10px 0 0 18px;display:grid;gap:7px;font-size:12.5px;line-height:1.5}

/* Funções que dependem da migração */
.s-internal{margin-left:8px;font-size:10px;vertical-align:middle}
.s-ticket-tools{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.btn.s-danger,.s-danger{color:#a33a31!important}
.btn.primary.s-danger{background:#a33a31!important;border-color:#a33a31!important;color:#fff!important}
.s-company-info{display:grid;gap:4px;margin:6px 0 10px}
.s-company-info small{font-size:11px;color:#777775}
.s-services{font-size:12px;line-height:1.45;margin:0}
.s-job{display:block;font-size:11px;color:#8b722f;margin-top:2px}
.s-inline-form{display:flex!important;gap:10px;align-items:flex-end;margin-top:16px}
.s-inline-form label{flex:1}
.s-sectors input[data-s-sector-name]{width:100%}
.s-services-box p{margin:8px 0;font-size:12.5px;line-height:1.5}
.s-services-box strong{display:flex;gap:8px;align-items:center}
.s-services-box svg{width:16px;height:16px}
html[data-theme=dark] .btn.s-danger,html[data-theme=dark] .s-danger{color:#ee9b92!important}
html[data-theme=dark] .s-job{color:#d4bd7b}

@media (max-width:640px){.s-pop{right:16px;left:16px;width:auto;top:64px}.file-chip.s-thumb img{width:150px;height:100px}}

/* Tema escuro */
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] body,html[data-theme=dark] #app>.workspace,html[data-theme=dark] .main,html[data-theme=dark] .content{background:#121211!important;color:#d9d6cc}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] strong,html[data-theme=dark] .stat-value,html[data-theme=dark] .panel-head h2,html[data-theme=dark] .ticket-subject,html[data-theme=dark] dd{color:#f1eee5!important}
html[data-theme=dark] p,html[data-theme=dark] td,html[data-theme=dark] label,html[data-theme=dark] li,html[data-theme=dark] .event-bubble,html[data-theme=dark] .small{color:#d0cdc3}
html[data-theme=dark] small,html[data-theme=dark] .muted,html[data-theme=dark] .page-heading p,html[data-theme=dark] .panel-head p,html[data-theme=dark] .stat-top,html[data-theme=dark] .stat-foot,html[data-theme=dark] .ticket-org,html[data-theme=dark] dt,html[data-theme=dark] time,html[data-theme=dark] .tiny{color:#9e9b90!important}
html[data-theme=dark] .topbar,html[data-theme=dark] .workspace>.topbar,html[data-theme=dark] header{background:#191917!important;border-color:#2f2e2a!important}
html[data-theme=dark] .panel,html[data-theme=dark] .card,html[data-theme=dark] .stat-card,html[data-theme=dark] .org-card,html[data-theme=dark] .settings-main,html[data-theme=dark] .settings-nav,html[data-theme=dark] .integration-card,html[data-theme=dark] .people-panel,html[data-theme=dark] .r7config,html[data-theme=dark] #filterForm,html[data-theme=dark] .dash-stat,html[data-theme=dark] .stat,html[data-theme=dark] .message,html[data-theme=dark] .kanban-card,html[data-theme=dark] dialog.f-dialog,html[data-theme=dark] .f-dialog .modal-head,html[data-theme=dark] .s-pop,html[data-theme=dark] .s-sla,html[data-theme=dark] #toast,html[data-theme=dark] .toast,html[data-theme=dark] .date-select{background:#1b1a18!important;border-color:#2f2e2a!important;color:#d9d6cc}
html[data-theme=dark] .detail-aside,html[data-theme=dark] .f-ticket-detail .detail-aside,html[data-theme=dark] .detail-sla,html[data-theme=dark] .kanban-col,html[data-theme=dark] .kanban-column,html[data-theme=dark] .data-table th,html[data-theme=dark] th,html[data-theme=dark] .people-group-heading,html[data-theme=dark] .people-group th,html[data-theme=dark] .f-dialog form>.actions,html[data-theme=dark] .f-dialog .sticky-actions,html[data-theme=dark] .reply-box .reply-type,html[data-theme=dark] .reply-box .reply-actions,html[data-theme=dark] .segmented,html[data-theme=dark] .hours-metrics>div,html[data-theme=dark] .timer-quota,html[data-theme=dark] #timerReason,html[data-theme=dark] .timer-history p,html[data-theme=dark] .r7metrics>div,html[data-theme=dark] .report-metric,html[data-theme=dark] .table-count,html[data-theme=dark] .checks,html[data-theme=dark] .search-result,html[data-theme=dark] .help-card,html[data-theme=dark] .priority-preview,html[data-theme=dark] .upload-area,html[data-theme=dark] .s-help,html[data-theme=dark] .s-view-text{background:#22211e!important;border-color:#33312c!important;color:#d9d6cc}
html[data-theme=dark] .event-bubble,html[data-theme=dark] .event.staff .event-bubble{background:#22211e!important;border-color:#33312c!important}
html[data-theme=dark] .event.note .event-bubble,html[data-theme=dark] .message.internal,html[data-theme=dark] .reply-box.internal .reply-type,html[data-theme=dark] .internal-confirm,html[data-theme=dark] .hours-mail-pending,html[data-theme=dark] #timerActive{background:#2b2617!important;border-color:#4a4127!important;color:#e7d9b0!important}
html[data-theme=dark] .hero-strip{background:linear-gradient(105deg,#2a2518,#1b1a18)!important;border-color:#3e3826!important}
html[data-theme=dark] .hero-strip p,html[data-theme=dark] .hero-strip>span{color:#c8b88e!important}
html[data-theme=dark] .notice,html[data-theme=dark] .info-banner,html[data-theme=dark] .settings-main .notice{background:#22211e!important;border-color:#3a3833!important;color:#d0cdc3!important}
html[data-theme=dark] .info-banner.warning{background:#2b2617!important;border-color:#4a4127!important}
html[data-theme=dark] .info-banner.danger{background:#2e1c1a!important;border-color:#4d2c28!important}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .people-search input,html[data-theme=dark] #timerReason textarea{background:#141413!important;color:#ecebe6!important;border-color:#3a3833!important}
html[data-theme=dark] input[readonly],html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled{background:#1f1e1c!important;color:#8d8a80!important}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#7a776e}
html[data-theme=dark] .btn,html[data-theme=dark] button.btn,html[data-theme=dark] .view-switch button,html[data-theme=dark] .people-tabs button,html[data-theme=dark] .file-chip,html[data-theme=dark] .s-theme-login{background:#22211e!important;color:#d9d6cc!important;border-color:#3a3833!important}
html[data-theme=dark] .btn:hover,html[data-theme=dark] .btn.ghost:hover,html[data-theme=dark] .s-note:hover,html[data-theme=dark] .s-menu-item:hover,html[data-theme=dark] .people-edit:hover{background:#2c2b27!important}
html[data-theme=dark] .btn.ghost{background:transparent!important;border-color:transparent!important}
html[data-theme=dark] .btn.primary,html[data-theme=dark] button.primary{background:#b3974e!important;border-color:#b3974e!important;color:#171710!important}
html[data-theme=dark] .btn.primary:hover{background:#c3a65b!important}
html[data-theme=dark] .segmented button.active,html[data-theme=dark] .view-switch button.selected,html[data-theme=dark] .people-tabs button[aria-pressed=true],html[data-theme=dark] .settings-nav button.active,html[data-theme=dark] .tabs button.active{background:#b3974e2e!important;color:#e4cc8b!important;border-color:#b3974e66!important}
html[data-theme=dark] .data-table td,html[data-theme=dark] td,html[data-theme=dark] tr,html[data-theme=dark] .panel-head,html[data-theme=dark] .tabs,html[data-theme=dark] hr,html[data-theme=dark] .divider,html[data-theme=dark] .s-pop-head,html[data-theme=dark] .s-pop-foot,html[data-theme=dark] .s-account-head,html[data-theme=dark] .s-sla-total,html[data-theme=dark] .f-dialog .modal-head{border-color:#2f2e2a!important}
html[data-theme=dark] .data-table tbody tr:hover,html[data-theme=dark] .data-table tbody tr.clickable:hover{background:#201f1c!important}
html[data-theme=dark] .avatar,html[data-theme=dark] .people-avatar,html[data-theme=dark] .stat-icon,html[data-theme=dark] .company-icon,html[data-theme=dark] .asset-icon,html[data-theme=dark] .integration-icon{background:#2c2a24!important;color:#d4bd7b!important}
html[data-theme=dark] .pill{background:#2a2925!important;color:#cfccc2!important}
html[data-theme=dark] .pill.blue,html[data-theme=dark] .pill.open{background:#1d2a38!important;color:#9cc1e8!important}
html[data-theme=dark] .pill.green,html[data-theme=dark] .pill.progress,html[data-theme=dark] .pill.resolved,html[data-theme=dark] .people-status{background:#1d2c22!important;color:#96d0a6!important}
html[data-theme=dark] .pill.amber,html[data-theme=dark] .pill.waiting,html[data-theme=dark] .people-role{background:#2f2817!important;color:#e5c77d!important}
html[data-theme=dark] .pill.red,html[data-theme=dark] .pill.urgent,html[data-theme=dark] .pill.critical,html[data-theme=dark] .people-status.people-inactive{background:#341d1b!important;color:#ee9b92!important}
html[data-theme=dark] .s-link{color:#d4bd7b}
html[data-theme=dark] .s-sla li:before{background:#33312c}
html[data-theme=dark] .s-sla .s-dot{background:#1b1a18;border-color:#4a4840}
html[data-theme=dark] .s-sla li span{color:#a9a69b}
html[data-theme=dark] .file-chip.s-thumb img{background:#2a2925}
html[data-theme=dark] dialog.f-dialog::backdrop{background:#000000a6}
html[data-theme=dark] .login,html[data-theme=dark] .login-form,html[data-theme=dark] .login-form-side,html[data-theme=dark] .login-layout{background:#151514!important;color:#d9d6cc}
html[data-theme=dark] .r7paper,html[data-theme=dark] .report-paper{background:#fff!important;color:#252525}
html[data-theme=dark] .r7paper *,html[data-theme=dark] .report-paper *{color:#252525!important}
html[data-theme=dark] #busy{background:#121211e6!important}
html[data-theme=dark] #busy p{color:#d9d6cc}
html[data-theme=dark] .s-badge{color:#fff!important}
@media print{html[data-theme=dark] body{background:#fff!important;color:#000}}

/* Issue #8: o botão Copiar link pode ocupar uma nova linha em telas estreitas. */
.flex:has(> [data-s-copy-link]){flex-wrap:wrap}