/* Prieto Unified mobile: camada comercial, sem alterações no desktop. */
.mobile-bottom-nav,.mobile-menu-close,.mobile-menu-backdrop,.mobile-home-head,.mobile-commercial-links,.mobile-filter-toggle{display:none}
.mobile-product-title{display:none}
.notif-title-mobile{display:none}
@media(max-width:700px){
  html{scroll-padding-top:56px}
  body{min-width:0;overflow-x:hidden}
  .header{position:sticky;top:0;z-index:70}
  .header-inner{min-height:56px;padding:6px 12px;gap:8px}
  .header .identity{min-width:0;gap:9px}
  .header .logo{width:75px;height:38px}
  .header .logo img{width:75px;height:auto;max-width:none;max-height:none;top:-43px;object-fit:initial}
  .header .identity-rule,.header .product-subtitle,.header #env-badge,
  .header #tema-alternar,.header #help-open,.header .operator{display:none!important}
  .header .product-title{display:none}
  .header .mobile-product-title{display:block;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.25;color:var(--wine)}
  .header-actions{margin-left:auto;gap:5px;min-width:0}
  .header .btn-notif-trigger{width:40px;height:40px;border:0;background:transparent}
  .header .user-badge-info{display:none}
  .header .btn-user-logout{min-width:42px;min-height:40px;font-size:11px}
  .app-shell,.app-shell:has(.side-nav.collapsed){display:block;min-height:calc(100dvh - 56px)}
  .app-shell>main{width:100%;max-width:none;padding:14px 12px calc(78px + env(safe-area-inset-bottom));min-width:0;box-sizing:border-box}
  .app-shell>main>section{min-width:0}
  .app-shell .side-nav,.app-shell .side-nav.collapsed{
    position:fixed;inset:0 auto 0 0;z-index:101;width:min(312px,88vw);height:100dvh;
    padding:10px 12px calc(20px + env(safe-area-inset-bottom));
    transform:translateX(-105%);transition:transform .18s ease;box-shadow:16px 0 38px #20161618;
  }
  body.mobile-menu-open .app-shell .side-nav{transform:translateX(0)}
  .app-shell .side-nav .side-nav-top{display:flex;justify-content:space-between;min-height:42px;margin:0 0 9px;padding:2px 4px 8px}
  .app-shell .side-nav .side-nav-caption{display:inline;color:var(--ink);font-size:12px;letter-spacing:0;text-transform:none}
  .app-shell .side-nav .side-toggle{display:none}
  .mobile-menu-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:24px}
  .app-shell .side-nav .nav{overflow:auto;scrollbar-width:thin}
  .app-shell .side-nav .nav-group-header{display:flex}
  .app-shell .side-nav .nav-group-items{max-height:300px!important;opacity:1!important;pointer-events:auto!important}
  .app-shell .side-nav .nav-label{display:inline;font-size:13px}
  .app-shell .side-nav .nav-item{justify-content:flex-start;gap:11px;min-height:44px;height:44px;padding:8px 10px}
  .app-shell .side-nav .nav-icon{display:inline-flex}
  .app-shell .side-nav .nav-group{margin-top:9px}
  .mobile-menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:100;width:100%;height:100%;border:0;background:#20161685}
  body.mobile-menu-open{overflow:hidden}
  .mobile-bottom-nav{position:fixed;z-index:90;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    padding:4px 4px calc(4px + env(safe-area-inset-bottom));min-height:60px;background:var(--white);border-top:1px solid var(--line);
    box-shadow:0 -2px 12px #211b1b0a}
  .mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;min-width:0;
    background:transparent;border:0;border-radius:6px;color:var(--muted);font:600 10px/1.1 'IBM Plex Sans',sans-serif;cursor:pointer}
  .mobile-bottom-nav button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav button.active{color:var(--wine);background:var(--wine-soft)}
  .mobile-bottom-nav button:focus-visible,.mobile-menu-close:focus-visible{outline:2px solid var(--wine);outline-offset:-2px}
  .view-head{margin-bottom:13px}
  .view-head h1{font-size:21px;line-height:1.18}
  .view-head .sub{font-size:12px;line-height:1.35;margin-top:4px}
  .home-grid{grid-template-columns:1fr;gap:9px}
  #view-inicio>.view-head,#view-inicio>.home-attention,#view-inicio>.home-section-head{display:none}
  .mobile-home-head{display:block;margin:3px 0 16px}
  .mobile-home-head span{font-size:10px;font-weight:700;letter-spacing:.7px;color:var(--wine)}
  .mobile-home-head h1{font-size:25px;line-height:1.15;margin:3px 0}
  .mobile-home-head p{font-size:12px;margin:0;color:var(--muted)}
  .mobile-commercial-links{display:grid;gap:8px;margin:0 0 16px}
  .mobile-commercial-links button{display:grid;grid-template-columns:1fr auto;gap:1px 10px;align-items:center;text-align:left;min-height:62px;
    background:var(--white);border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:var(--ink);font:inherit}
  .mobile-commercial-links button strong{font-size:14px}.mobile-commercial-links button span{grid-column:1;font-size:11px;color:var(--muted)}
  .mobile-commercial-links button b{grid-column:2;grid-row:1/3;font-size:24px;font-weight:400;color:var(--wine)}
  #view-inicio .home-card:not([data-go="clientes-visao"]){display:none}
  .home-card{padding:14px 15px;border-radius:8px;gap:4px;min-height:0}
  .home-card>strong{font-size:20px}.home-card>b{margin-top:3px}
  #view-clientes-visao .cli-fonte,#view-clientes-cadastro .cli-fonte{display:flex;flex-wrap:wrap;gap:6px;padding:9px 10px}
  .cli-fonte .source-group{border:0;padding:2px 5px;min-width:0}
  .cli-fonte .source-group:first-child{display:flex}
  .cli-carteira-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .cli-num{min-width:0;padding:11px 7px}.cli-num span{font-size:10px}.cli-num strong{font-size:20px}
  .cli-period-selector{overflow:auto;max-width:100%;scrollbar-width:none}
  .cli-period-btn{min-height:36px;white-space:nowrap}
  .cli-filtros-grid,.cli-filtros-mov{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
  .mobile-filter-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:42px;margin:0 0 8px;
    padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--wine);font:600 12px 'IBM Plex Sans',sans-serif}
  .cli-filtros:not(.mobile-filters-open) .cli-filtros-grid>*:not(.cli-f-busca){display:none}
  .cli-filtros:not(.mobile-filters-open) .cli-filtros-grid{display:block!important}
  .cli-filtros-grid .cli-f-busca{grid-column:1/-1}
  .cli-filtros-grid label{min-width:0}
  .cli-filtros-grid input,.cli-filtros-grid select{width:100%;min-width:0;min-height:43px;font-size:16px}
  .cli-f-limpar{min-height:43px}
  .cli-meta{font-size:12px}
  .cli-tabela-card{border:0!important;background:transparent!important;box-shadow:none!important}
  .cli-tabela-card .table-scroll{overflow:visible}
  .cli-table{display:block;min-width:0!important;width:100%;table-layout:auto}
  .cli-table thead{display:none}
  .cli-table tbody{display:grid;gap:8px}
  .cli-table tbody tr[data-cli-ficha]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 9px;align-items:start;
    border:1px solid var(--line);background:var(--white);border-radius:8px;padding:11px 12px;box-shadow:var(--shadow)}
  .cli-table tbody td{display:block;border:0;padding:0!important;width:auto!important;white-space:normal!important;overflow:visible;font-size:12px}
  .cli-table tbody td.c-nome{grid-column:1;grid-row:1}
  .cli-table tbody td.c-nome strong{font-size:14px;white-space:normal;line-height:1.3}
  .cli-table tbody td.c-cod{grid-column:2;grid-row:1;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
  .cli-table tbody td.c-cid{grid-column:1;grid-row:2}
  .cli-table tbody td.c-pes:nth-child(4){grid-column:1;grid-row:3}
  .cli-table tbody td.c-sit{grid-column:2;grid-row:2;text-align:right}
  .cli-table tbody td.c-data{grid-column:1;grid-row:4;color:var(--muted)}
  .cli-table tbody td.c-data::before{content:'Última compra · ';font-size:11px}
  .cli-table tbody td.c-acao{grid-column:2;grid-row:4;text-align:right}
  .cli-table tbody td.c-acao button{min-height:36px;min-width:58px}
  .cli-table tbody td.c-rede{grid-column:1/-1;grid-row:5}
  .cli-table tbody td.c-pes:nth-child(5){grid-column:1/-1;grid-row:6}
  .cli-table tbody td.c-pes:nth-child(4)::before{content:'Vendedor · ';color:var(--muted)}
  .cli-table tbody td.c-pes:nth-child(5)::before{content:'Gestor · ';color:var(--muted)}
  .cli-table tbody td.c-rede::before{content:'Rede · ';color:var(--muted)}
  .cli-table tbody tr:not([data-cli-ficha]){display:block;padding:18px;background:var(--white);border:1px solid var(--line)}
  .cli-pagination-bar{gap:6px}.cli-pagination-bar button{min-height:42px}
  #clientes-ficha-dialog{position:fixed;inset:0!important;top:0!important;left:0!important;width:100vw!important;max-width:100vw!important;
    height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;box-sizing:border-box;overflow:hidden}
  #clientes-ficha-dialog .drawer-head{padding:12px 13px;gap:7px}
  #clientes-ficha-dialog .drawer-head h2{font-size:17px;line-height:1.22;overflow-wrap:anywhere}
  #clientes-ficha-dialog .cli-ficha-nav{padding:0 8px;scroll-snap-type:x proximity}
  #clientes-ficha-dialog .cli-ficha-tab{min-height:44px;scroll-snap-align:start;font-size:12px}
  #clientes-ficha-dialog .cli-ficha-body{overflow:auto;padding:11px 12px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain}
  #clientes-ficha-dialog .close{min-width:44px;min-height:44px}
  #clientes-ficha-dialog .cli-ficha-acoes .btn{max-width:110px;overflow:hidden;text-overflow:ellipsis}
  .header-notif-container .notif-popover{position:fixed;inset:56px 0 calc(60px + env(safe-area-inset-bottom));width:100vw;max-width:none;max-height:none;border-radius:0;box-shadow:none}
  .notif-title-desktop{display:none}
  .notif-title-mobile{display:block;font-size:17px;line-height:1.2}
  .notif-popover-header{padding:10px 12px;gap:8px}
  .notif-title-area{gap:2px}
  .notif-actions-area{gap:4px}
  .notif-tabs-bar{gap:2px;padding:7px 8px}.notif-tab-btn{min-height:38px;font-size:12px}
  .notif-list-container{min-height:0;overflow:auto}
  .usr-notif-dialog{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}
  .usr-notif-panel{max-height:100dvh;height:100dvh}
  dialog#modal-notif-preferencias{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:auto;padding:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}
  #modal-notif-preferencias .auth-modal-card{width:100%;min-width:0;box-shadow:none!important}
  #modal-notif-preferencias .usr-modal-header{padding:13px 15px;gap:8px}
  #modal-notif-preferencias .usr-dialog-close-btn{min-width:40px;min-height:40px}
  #modal-notif-preferencias .pref-row{gap:9px;padding:10px;margin-bottom:5px}
  #modal-notif-preferencias .pref-row input{flex:none}
  #modal-notif-preferencias .pref-info{min-width:0}
  #modal-notif-preferencias .pref-push-title{gap:8px;align-items:flex-start}
  #modal-notif-preferencias .pref-push-title strong{min-width:0}
  #modal-notif-preferencias #btn-ativar-web-push{min-height:42px;white-space:normal;text-align:center}
  dialog#auth-login-dialog,dialog#auth-reset-dialog{max-height:calc(100dvh - 20px);overflow-y:auto!important;overscroll-behavior:contain}
  input,select,textarea{scroll-margin-bottom:calc(85px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
  .header .mobile-product-title{font-size:12px}
  .mobile-bottom-nav button{font-size:9px}
  .mobile-bottom-nav button svg{width:19px;height:19px}
}
/* A interface Unified (v2) usa seletores mais específicos que a camada móvel.
   Estes ajustes preservam o desktop e tornam a navegação comercial realmente móvel. */
@media(max-width:700px){
  [data-ui="v2"] .header{margin-left:0;z-index:70;transition:none}
  [data-ui="v2"] .header-inner{min-height:56px;padding:6px 12px;justify-content:space-between}
  [data-ui="v2"] .identity,
  [data-ui="v2"] body:has(#side-nav.collapsed) .identity{position:static;width:auto;height:auto;min-width:0;justify-content:flex-start;gap:9px;padding:0;border:0;background:transparent;transition:none}
  [data-ui="v2"] .identity::before{display:none}
  [data-ui="v2"] .logo,
  [data-ui="v2"] body:has(#side-nav.collapsed) .logo{width:75px;height:38px;flex:none}
  [data-ui="v2"] .logo img,
  [data-ui="v2"] body:has(#side-nav.collapsed) .logo img{left:0;top:-43px;width:75px;height:auto}
  [data-ui="v2"] .header .mobile-product-title{display:block;font-size:13px;color:var(--u-text-primary)}
  [data-ui="v2"] .header-actions{gap:5px}
  [data-ui="v2"] .app-shell,
  [data-ui="v2"] .app-shell:has(.side-nav.collapsed){display:block;min-height:calc(100dvh - 56px)}
  [data-ui="v2"] .app-shell>main{grid-column:auto;max-width:none;width:100%;min-width:0;padding:14px 12px calc(78px + env(safe-area-inset-bottom))}
  [data-ui="v2"] .side-nav,
  [data-ui="v2"] .side-nav.collapsed{position:fixed;inset:0 auto 0 0;z-index:101;width:min(312px,88vw);height:100dvh;padding:10px 12px calc(20px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .18s ease;box-shadow:16px 0 38px #20161618}
  [data-ui="v2"] body.mobile-menu-open .side-nav,
  [data-ui="v2"] body.mobile-menu-open .side-nav.collapsed{transform:translateX(0)}
  [data-ui="v2"] .side-nav .nav{order:2}
  [data-ui="v2"] .side-nav-top,
  [data-ui="v2"] .side-nav.collapsed .side-nav-top{order:1;justify-content:space-between;min-height:42px;margin:0 0 9px;padding:2px 4px 8px;border-top:0;border-bottom:1px solid var(--u-border-subtle)}
  [data-ui="v2"] .side-nav-caption{display:inline}
  [data-ui="v2"] .side-nav .nav-item,
  [data-ui="v2"] .side-nav.collapsed .nav-item{height:44px;min-height:44px;padding:8px 10px;gap:11px;font-size:13px}
  [data-ui="v2"] .side-nav .nav-label,
  [data-ui="v2"] .side-nav.collapsed .nav-label{display:inline}
  [data-ui="v2"] .side-nav .nav-group-header,
  [data-ui="v2"] .side-nav.collapsed .nav-group-header{display:flex}
  [data-ui="v2"] .side-nav.collapsed .nav-group{margin-top:9px;padding-top:0;border-top:0}
  [data-ui="v2"] .side-nav .nav-item.active:before{left:-10px}
  [data-ui="v2"] .nav-tooltip{display:none!important}
  [data-ui="v2"] .mobile-bottom-nav{background:var(--u-surface);border-top-color:var(--u-border)}
  [data-ui="v2"] .mobile-bottom-nav button.active{color:var(--u-brand);background:var(--u-brand-subtle)}
  [data-ui="v2"] #view-inicio{display:flex;flex-direction:column;padding-bottom:0}
  [data-ui="v2"] #view-inicio .mobile-home-head{order:1}
  [data-ui="v2"] #view-inicio .mobile-commercial-links{order:2}
  [data-ui="v2"] #view-inicio .u-cab,
  [data-ui="v2"] #view-inicio .u-h-topo,
  [data-ui="v2"] #view-inicio .u-h-maiores,
  [data-ui="v2"] #view-inicio .u-h-hoje,
  [data-ui="v2"] #view-inicio .u-h-mod>.u-sec,
  [data-ui="v2"] #view-inicio .u-colofao{display:none}
  [data-ui="v2"] #view-inicio .u-h-baixo{display:block;order:3;padding:0;border:0}
  [data-ui="v2"] #view-inicio .u-h-baixo>.u-h-mod{display:block;margin:0;padding:0;border:0}
  [data-ui="v2"] #view-inicio .u-h-mod .home-grid{display:grid;grid-template-columns:1fr;gap:9px}
  [data-ui="v2"] #view-inicio .u-h-mod .home-card:not([data-go="clientes-visao"]){display:none}
  [data-ui="v2"] #view-inicio .u-h-mod .home-card{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:13px 14px;border:1px solid var(--u-border);border-radius:8px;background:var(--u-surface)}
  [data-ui="v2"] #view-inicio .u-h-mod .home-card>strong{font-size:17px}
  [data-ui="v2"] .view-head{margin:3px 0 13px;align-items:flex-start}
  [data-ui="v2"] .view-head h1,[data-ui="v2"] main h1{font-size:21px;line-height:1.2}
  [data-ui="v2"] .cli-filtros-grid input,[data-ui="v2"] .cli-filtros-grid select{height:43px;font-size:16px}
  [data-ui="v2"] .cli-table{display:block}
  [data-ui="v2"] .cli-table thead{display:none}
  [data-ui="v2"] .cli-table tbody{display:grid}
  [data-ui="v2"] .cli-table tbody tr[data-cli-ficha]{display:grid}
  [data-ui="v2"] .cli-table tbody td{display:block;padding:0!important}
  [data-ui="v2"] main>footer::after{display:none}
}
@media(prefers-reduced-motion:reduce){.app-shell .side-nav{transition:none}}
/* Auditoria 24/10: paridade de informação e toque em 360–430 px. */
@media(max-width:700px){
  .cli-table tbody td.c-nome,.cli-table tbody td.c-pes,.cli-table tbody td.c-rede{overflow-wrap:anywhere;min-width:0}
  .cli-table tbody td.c-nome>span{white-space:normal;overflow:visible;text-overflow:clip}
  .cli-table tbody td.c-sit{max-width:120px}
  .cli-table tbody td.c-sit .cli-badge{white-space:normal;text-align:center}
  [data-ui="v2"] .cli-table tbody td.c-rede,[data-ui="v2"] .cli-table tbody td.c-pes:nth-child(5){display:block}
  #clientes-ficha-dialog .drawer-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;padding-top:max(12px,env(safe-area-inset-top))}
  #clientes-ficha-dialog .drawer-head>div:first-child{min-width:0;grid-column:1/-1;padding-right:46px}
  #clientes-ficha-dialog .cli-ficha-acoes{grid-column:1/-1;flex-wrap:wrap}
  #clientes-ficha-dialog .cli-ficha-acoes .close{position:absolute;right:10px;top:max(10px,env(safe-area-inset-top))}
  #clientes-ficha-dialog .cli-ficha-acoes .btn{max-width:none;overflow:visible;text-overflow:clip;min-height:44px}
  #clientes-ficha-dialog .cli-ficha-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:0;padding:0 8px}
  #clientes-ficha-dialog .cli-ficha-tab{white-space:normal;min-width:0;padding:5px 6px;line-height:1.15;text-align:left}
  #clientes-ficha-dialog .cli-campos{grid-template-columns:minmax(0,1fr)}
  #clientes-ficha-dialog .cli-mata-wrap{overflow:visible;max-height:none}
  #clientes-ficha-dialog .cli-mata-wrap table,#clientes-ficha-dialog .cli-mata-wrap tbody{display:block;min-width:0;width:100%}
  #clientes-ficha-dialog .cli-mata-wrap thead{display:none}
  #clientes-ficha-dialog .cli-mata-wrap tr{display:grid;grid-template-columns:1fr;min-width:0;border-bottom:1px solid var(--line)}
  #clientes-ficha-dialog .cli-mata-wrap td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;white-space:normal;overflow-wrap:anywhere;padding:7px 10px}
  #clientes-ficha-dialog .cli-mata-wrap td::before{content:attr(data-label);font:500 11px 'IBM Plex Sans',sans-serif;color:var(--muted)}
  .notif-popover-header{flex-wrap:wrap;flex:none}
  .notif-title-area{flex-wrap:wrap;min-width:0}
  .notif-actions-area{margin-left:auto}
  .notif-popover .notif-item-top{flex-wrap:wrap}
  .notif-popover .notif-tag{max-width:100%;box-sizing:border-box}
  .notif-popover .notif-cliente-nome{white-space:normal;overflow:visible;overflow-wrap:anywhere}
  .notif-popover .notif-meta-row,.notif-popover .notif-detalhe-texto{overflow-wrap:anywhere}
  .notif-popover .notif-item-body{min-width:0;width:100%}
  .notif-popover .notif-item-footer{flex-wrap:wrap;gap:4px}
  .notif-popover .notif-tabs-bar{display:flex;flex-wrap:wrap;overflow:visible;flex:none}
  .notif-popover .notif-tab-btn{flex:1 1 auto;min-height:44px}
  .header .btn-notif-trigger,.header .btn-user-logout,.mobile-menu-close,
  .notif-popover button,.cli-period-btn,.cli-table tbody td.c-acao button,
  .cli-pagination-bar button,.mobile-filter-toggle,.cli-f-limpar{min-height:44px}
  .notif-popover .btn-notif-icon-action,.header .btn-notif-trigger{min-width:44px}
  .notif-admin-bar select{min-height:44px;max-width:100%;min-width:0;font-size:16px}
  .notif-admin-bar{flex-wrap:wrap;flex:none}
  #clientes-ficha-dialog :focus-visible,.notif-popover :focus-visible,.cli-table tr:focus-visible{outline:2px solid var(--wine);outline-offset:-2px}
}
/* As notificações compartilham os tokens de tema do restante da aplicação. */
.notif-popover{background:var(--white);border-color:var(--line);color:var(--ink)}
.notif-popover-header,.notif-detalhe-texto,.pref-push-box{background:var(--surface-mute);border-color:var(--line)}
.notif-title-area strong,.notif-cliente-nome,.notif-meta-cod,.pref-info strong,.pref-push-title strong{color:var(--ink)}
.notif-meta-row,.notif-detalhe-texto,.notif-data,.pref-info span,.pref-push-desc{color:var(--muted)}
.notif-titulo-pessoal{font-size:13px;color:var(--wine);font-weight:600;margin:5px 0;overflow-wrap:anywhere}
.notif-popover .tag-faturado{color:var(--green);background:var(--green-bg);border-color:var(--green-line)}
.notif-popover .tag-reativado{color:var(--blue);background:var(--blue-bg);border-color:var(--blue-line)}
.notif-popover .tag-novo{color:var(--amber);background:var(--amber-bg);border-color:var(--amber-line)}
.notif-popover .tag-reinativado{color:var(--red);background:var(--red-bg);border-color:var(--red-line)}
.notif-popover .notif-item.nao-lida{background:var(--surface-soft);border-left-color:var(--wine)}
.notif-popover .notif-item:hover,.notif-popover .notif-item.nao-lida:hover{background:var(--hover)}
.notif-popover .notif-tabs-bar,.notif-popover .notif-admin-bar{background:var(--white);border-color:var(--line)}
.notif-popover .notif-admin-bar label,.notif-popover .notif-tab-btn,.notif-empty{color:var(--muted)}
.notif-popover .notif-admin-bar select{background:var(--white);color:var(--ink);border-color:var(--line-strong)}
.notif-popover .notif-tab-btn.active{color:var(--wine);background:var(--wine-soft);border-color:var(--wine-line)}
.notif-popover .btn-notif-ficha{color:var(--wine);background:var(--wine-soft);border-color:var(--wine-line)}
.notif-popover .btn-notif-action,.notif-popover .btn-notif-icon-action{color:var(--wine)}
.notif-popover .btn-notif-marcar-uma{color:var(--muted)}
.notif-popover .notif-item{border-bottom-color:var(--line)}
@media(max-width:700px){.notif-popover .notif-list-container{max-height:none;flex:1;min-height:0}}