*{box-sizing:border-box}
    body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--app-canvas-bg);margin:0;color:var(--app-text-color);line-height:1.5;-webkit-font-smoothing:antialiased}
    header{background:var(--app-header-bg-color);color:var(--app-header-text-color);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px}
    .brand-logo-text{font-weight:700;font-size:20px;line-height:1}
    .brand-logo-image{display:block;max-height:42px;max-width:240px;width:auto;height:auto;object-fit:contain}
    .app-brand-link,.app-topbar-brand-link{display:inline-flex;align-items:center;max-width:100%;color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none;padding:0;margin:0;font:inherit}
    .app-brand-link:hover,.app-brand-link:focus,.app-topbar-brand-link:hover,.app-topbar-brand-link:focus{color:inherit;text-decoration:none;background:transparent;opacity:1;transform:none;filter:none}
    .app-sidebar-brand .app-brand-link{width:100%}
    nav a{color:var(--app-header-link-color);text-decoration:none;margin-right:12px}
    .app-sidebar nav a.active{color:#fff !important;font-weight:600}
    .mobile-menu-toggle{
      display:none;
      width:36px;
      min-width:36px;
      min-height:36px;
      height:36px;
      padding:0;
      border:1px solid color-mix(in srgb, var(--app-header-text-color) 28%, transparent);
      border-radius:10px;
      background:color-mix(in srgb, var(--app-header-text-color) 10%, transparent);
      color:var(--app-header-text-color);
      font-size:18px;
      line-height:1;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      flex-shrink:0;
    }
    .mobile-menu-toggle-icon{
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:5px;
      width:18px;
      height:18px;
    }
    .mobile-menu-toggle-icon span{
      display:block;
      height:2px;
      width:100%;
      background:currentColor;
      border-radius:2px;
      transition:transform .24s ease, opacity .18s ease;
      transform-origin:center;
    }
    .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle-icon span:nth-child(1){
      transform:translateY(7px) rotate(45deg);
    }
    .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle-icon span:nth-child(2){
      opacity:0;
      transform:scaleX(0);
    }
    .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle-icon span:nth-child(3){
      transform:translateY(-7px) rotate(-45deg);
    }
    .mobile-nav-close{display:none}
    .mobile-nav-overlay{display:none}
    .header-tools{display:flex;align-items:center;gap:10px}
    .header-tools > form{display:flex;align-items:center}
    .header-user-menu{position:relative;display:inline-flex;align-items:center;max-width:min(240px, 52vw)}
    .header-user-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 10px 4px 4px;border-radius:999px;text-decoration:none;color:var(--app-header-text-color);background:color-mix(in srgb, var(--app-header-text-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--app-header-text-color) 16%, transparent);max-width:100%;cursor:pointer;font:inherit;appearance:none;-webkit-appearance:none;box-shadow:none !important;width:auto !important}
    .header-user-chip:hover,
    .header-user-menu.is-open .header-user-chip{background:color-mix(in srgb, var(--app-header-text-color) 16%, transparent);color:#fff}
    .header-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);flex-shrink:0}
    .header-user-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
    .header-user-caret{font-size:10px;opacity:.75;line-height:1;flex-shrink:0;margin-left:2px}
    .header-user-menu-panel{
      position:absolute;
      top:calc(100% + 8px);
      right:0;
      min-width:200px;
      padding:6px;
      border-radius:12px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);
      background:var(--app-card-bg-color, #111827);
      box-shadow:0 12px 28px color-mix(in srgb, #000 35%, transparent);
      z-index:80;
    }
    .header-user-menu-panel[hidden]{display:none !important}
    .header-user-menu-item{
      display:flex;
      align-items:center;
      gap:10px;
      width:100%;
      min-height:38px;
      padding:8px 10px;
      border-radius:8px;
      color:var(--app-text-color);
      text-decoration:none;
      font-size:13px;
      font-weight:600;
      box-sizing:border-box;
    }
    .header-user-menu-item:hover,
    .header-user-menu-item.is-active{
      background:color-mix(in srgb, var(--btn-primary, #00D084) 16%, transparent);
      color:var(--app-text-color);
    }
    .header-user-menu-icon{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:18px;
      height:18px;
      flex-shrink:0;
      color:inherit;
    }
    .header-user-menu-icon svg{width:18px;height:18px;display:block}
    .header-user-menu-sep{
      height:1px;
      margin:6px 4px;
      background:color-mix(in srgb, var(--app-text-color) 12%, transparent);
    }
    .header-user-menu-logout{margin:0;padding:0;display:block}
    button.header-user-menu-item{
      width:100% !important;
      border:none !important;
      background:transparent !important;
      color:var(--app-text-color) !important;
      box-shadow:none !important;
      filter:none !important;
      transform:none !important;
      cursor:pointer;
      text-align:left;
      font:inherit;
      appearance:none;
      -webkit-appearance:none;
      height:auto !important;
      min-height:38px !important;
      max-height:none !important;
      padding:8px 10px !important;
    }
    button.header-user-menu-item:hover,
    button.header-user-menu-item.header-user-menu-item--danger:hover{
      background:color-mix(in srgb, var(--btn-danger, #ef4444) 14%, transparent) !important;
      color:#f87171 !important;
    }
    .header-user-menu-item--danger{color:#f87171}
    button.header-user-chip{
      background:color-mix(in srgb, var(--app-header-text-color) 10%, transparent) !important;
      color:var(--app-header-text-color) !important;
      border:1px solid color-mix(in srgb, var(--app-header-text-color) 16%, transparent) !important;
      filter:none !important;
      transform:none !important;
      height:auto !important;
      min-height:36px !important;
      max-height:none !important;
      padding:4px 10px 4px 4px !important;
    }
    button.header-user-chip:hover,
    .header-user-menu.is-open button.header-user-chip{
      background:color-mix(in srgb, var(--app-header-text-color) 16%, transparent) !important;
      color:#fff !important;
    }
    .header-status-menu{position:relative;display:inline-flex;align-items:center;margin-right:8px}
    .header-status-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 12px;border-radius:999px;color:var(--app-header-text-color);background:color-mix(in srgb, var(--app-header-text-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--app-header-text-color) 16%, transparent);cursor:pointer;font:inherit;appearance:none;-webkit-appearance:none;box-shadow:none !important}
    button.header-status-chip{
      background:color-mix(in srgb, var(--app-header-text-color) 10%, transparent) !important;
      color:var(--app-header-text-color) !important;
      border:1px solid color-mix(in srgb, var(--app-header-text-color) 16%, transparent) !important;
      filter:none !important;
      transform:none !important;
      height:auto !important;
      min-height:36px !important;
      max-height:none !important;
      padding:4px 12px !important;
      width:auto !important;
    }
    button.header-status-chip:hover,
    button.header-status-chip[aria-expanded="true"]{
      background:color-mix(in srgb, var(--app-header-text-color) 16%, transparent) !important;
      color:#fff !important;
    }
    .header-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#94a3b8}
    .header-status-dot--online{background:#22c55e;box-shadow:0 0 0 3px color-mix(in srgb, #22c55e 25%, transparent)}
    .header-status-dot--pausa{background:#f59e0b}
    .header-status-dot--modo-teste{background:#a78bfa}
    .header-status-dot--invisivel{background:#64748b}
    .header-status-label{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-width:120px}
    .header-status-caret{font-size:10px;opacity:.75;line-height:1;flex-shrink:0;margin-left:2px}
    .header-status-menu-panel{
      position:absolute;
      top:calc(100% + 8px);
      left:0;
      min-width:190px;
      padding:6px;
      border-radius:12px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);
      background:var(--app-card-bg-color, #111827);
      box-shadow:0 12px 28px color-mix(in srgb, #000 35%, transparent);
      z-index:80;
    }
    .header-status-menu-panel[hidden]{display:none !important}
    .header-status-menu-sep-label{padding:8px 10px 4px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--app-text-color);opacity:.5}
    button.header-status-menu-item{
      display:flex !important;
      align-items:center;
      gap:10px;
      width:100% !important;
      min-height:36px !important;
      height:auto !important;
      max-height:none !important;
      padding:7px 10px !important;
      border-radius:8px;
      border:none !important;
      background:transparent !important;
      color:var(--app-text-color) !important;
      text-decoration:none;
      font-size:13px;
      font-weight:600;
      box-sizing:border-box;
      box-shadow:none !important;
      filter:none !important;
      transform:none !important;
      cursor:pointer;
      text-align:left;
      font-family:inherit;
      appearance:none;
      -webkit-appearance:none;
    }
    button.header-status-menu-item:hover{
      background:color-mix(in srgb, var(--btn-primary, #00D084) 16%, transparent) !important;
      color:var(--app-text-color) !important;
    }
    .app-sidebar nav .sidebar-logout-form{margin:0;padding:0;width:100%;display:block}
    .app-sidebar nav{gap:6px}
    .app-sidebar nav a,.app-sidebar nav .nav-logout-btn,.app-sidebar .nav-group-toggle{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:15px 18px;min-height:52px;border-radius:0;color:var(--app-header-link-color);text-decoration:none;font-size:16px;font-weight:500;transition:background .18s ease,color .18s ease;box-sizing:border-box}
    .app-sidebar nav .nav-logout-btn{background:transparent !important;border:none !important;box-shadow:none !important;cursor:pointer;font-family:inherit;text-align:left;line-height:1.25;appearance:none;-webkit-appearance:none}
    .app-sidebar nav .nav-logout-btn:hover{background:var(--ui-sidebar-hover-bg) !important;color:#fff !important;filter:none !important;transform:none !important}
    .app-sidebar nav a .nav-icon,.app-sidebar nav .nav-group-toggle .nav-icon,.app-sidebar nav .nav-logout-btn .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:#fff}
    .app-sidebar nav .nav-logout-btn .nav-label{line-height:1.25;color:inherit}
    .theme-palette{position:relative}
    .theme-palette > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 10px;min-height:36px;border:none;border-radius:8px;background:#374151;color:#fff;font-size:12px;font-weight:600;line-height:1}
    .theme-palette > summary::-webkit-details-marker{display:none}
    .theme-palette-panel{position:absolute;right:0;top:40px;z-index:20;display:block;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;min-width:430px;max-width:430px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
    .theme-palette-title{font-size:12px;font-weight:700;color:#111827;margin-bottom:10px}
    .theme-preset-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
    .theme-preset-row label{margin:0;font-size:11px;font-weight:700;color:#111827;white-space:nowrap}
    .theme-preset-row select{min-height:32px;height:32px;padding:4px 8px;font-size:12px}
    .theme-palette-grid{display:flex;flex-direction:column;gap:8px}
    .theme-color-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}
    .theme-color-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
    .theme-color-text strong{font-size:12px;color:#111827;line-height:1.2}
    .theme-color-text span{font-size:11px;color:#6b7280;line-height:1.2;white-space:normal}
    .theme-color-item input[type="color"]{width:46px;min-width:46px;height:32px;min-height:32px;padding:2px;border-radius:8px;border:1px solid #cbd5e1;background:#fff}
    .theme-palette-panel .theme-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
    .theme-palette-panel .theme-actions button{width:auto;min-height:32px;height:32px;padding:6px 10px;font-size:12px}
    .container{max-width:none;width:100%;margin:0;padding:0 16px}
    .container.app-content{flex:1;padding:20px 24px 32px;box-sizing:border-box}
    .login-container{max-width:none;margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:12px}
    .login-container.has-login-bg{background-repeat:no-repeat;background-size:clamp(80px, var(--login-bg-width, 52vw), 980px) 100%}
    .login-container.login-bg-left{background-position:left center}
    .login-container.login-bg-right{background-position:right center}
    .login-card{width:100%;max-width:420px}
    .login-container .flash{width:min(420px, 100%)}
    .card{background:var(--app-elevated-bg,var(--app-card-bg-color));border-radius:10px;padding:16px;margin-bottom:16px;border:1px solid var(--app-surface-border,rgba(255,255,255,.08));overflow:visible;box-shadow:0 1px 2px rgba(0,0,0,.12)}
    .metric-card{background:var(--app-elevated-bg,var(--app-metric-card-bg-color))}
    .inst-svc-metric-card strong{display:block;font-size:1.2rem;font-weight:800;letter-spacing:.02em;line-height:1.3;color:var(--app-text-color);margin:0 0 6px}
    .despesas-total-card{background:var(--app-despesas-total-card-bg-color) !important}
    .despesas-total-card,
    .despesas-total-card strong,
    .despesas-total-card .muted{color:#FFFFFF !important}
    input,select,textarea,button:not(.ca-btn):not(.nav-group-toggle):not(.nav-group-caret):not(.docs-sidebar__caret):not(.docs-sidebar__category-title):not(.docs-sidebar__link):not(.mobile-menu-toggle):not(.mobile-nav-close):not(.theme-switch-zone):not(.despesa-date-icon-btn):not(.btn-mini):not(.cadastro-venda-copy-btn):not(.cadastro-venda-row-menu-toggle):not(.cadastro-venda-row-menu-item):not(.doc-card-btn):not(.receita-mes-card):not(.venda-mes-pick):not(.receita-filter-btn):not(.nav-logout-btn):not(.hb-btn):not(.admin-site-hero-btn-preview):not(.admin-site-head-btn):not(.tech-phone-trigger):not(.tech-phone-dialog-x):not(.tech-os-cta-btn):not(.tech-copy-pwd){width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:var(--app-text-color)}
    input,select,textarea{background:var(--app-form-bg-color)}
    form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    form select,
    form button:not(.ca-btn):not(.btn-mini):not(.despesa-date-icon-btn):not(.doc-card-btn):not(.receita-mes-card):not(.venda-mes-pick):not(.nav-logout-btn):not(.hb-btn):not(.admin-site-hero-btn-preview):not(.admin-site-head-btn):not(.hb-plans-tab):not(.cadastro-pedido-plano-select):not(.nio-card-btn){
      min-height:44px;
    }
    form input[type="file"]{
      min-height:44px;
      padding:8px 10px;
      line-height:1.2;
    }
    form input[type="file"]::file-selector-button{
      border:1px solid #cbd5e1;
      border-radius:6px;
      padding:6px 10px;
      margin-right:10px;
      background:#f8fafc;
      color:#111827;
      cursor:pointer;
    }
    form textarea{
      min-height:44px;
    }
    label{display:block;margin-bottom:6px}
    button:not(.ca-btn):not(.nav-group-toggle):not(.nav-group-caret):not(.docs-sidebar__caret):not(.docs-sidebar__category-title):not(.docs-sidebar__link):not(.mobile-menu-toggle):not(.mobile-nav-close):not(.theme-switch-zone):not(.despesa-date-icon-btn):not(.btn-mini):not(.cadastro-venda-copy-btn):not(.cadastro-venda-row-menu-toggle):not(.cadastro-venda-row-menu-item):not(.doc-card-btn):not(.receita-mes-card):not(.venda-mes-pick):not(.receita-filter-btn):not(.nav-logout-btn):not(.hb-btn):not(.hb-menu-toggle):not(.admin-site-hero-btn-preview):not(.admin-site-head-btn):not(.hb-plans-tab):not(.cadastro-pedido-plano-select):not(.nio-card-btn):not(.produtos-tecnico-card):not(.tech-phone-trigger):not(.tech-phone-dialog-x):not(.tech-os-cta-btn):not(.tech-copy-pwd){background:var(--btn-primary);color:#fff;border:none;cursor:pointer}
    button:hover:not(.ca-btn):not(:disabled):not(.btn-danger):not(.btn-cancel-like):not(.bank-modal-cancel):not(.bank-create-cancel):not(.bank-edit-cancel):not(.admin-menu-cancel):not(.admin-cat-cancel):not(.admin-user-cancel):not(.despesa-edit-cancel):not(.despesa-delete-cancel):not(.despesa-create-cancel):not(.cartao-create-cancel):not(.cartao-edit-cancel):not(.cartao-fatura-edit-cancel):not(.boleto-create-cancel):not(.boleto-edit-cancel):not(.os-create-cancel):not(.doc-create-cancel):not(.nfe-create-cancel):not(.venda-create-cancel):not(.venda-edit-cancel):not(.venda-filter-cancel):not(.nav-group-toggle):not(.nav-group-caret):not(.docs-sidebar__caret):not(.docs-sidebar__category-title):not(.docs-sidebar__link):not(.mobile-menu-toggle):not(.mobile-nav-close):not(.theme-switch-zone):not(.despesa-date-icon-btn):not(.btn-mini):not(.cadastro-venda-copy-btn):not(.cadastro-venda-row-menu-toggle):not(.cadastro-venda-row-menu-item):not(.doc-card-btn):not(.receita-mes-card):not(.venda-mes-pick):not(.receita-filter-btn):not(.nav-logout-btn):not(.hb-btn):not(.hb-menu-toggle):not(.admin-site-hero-btn-preview):not(.admin-site-head-btn):not(.hb-plans-tab):not(.cadastro-pedido-plano-select):not(.nio-card-btn):not(.produtos-tecnico-card):not(.tech-phone-trigger):not(.tech-phone-dialog-x):not(.tech-os-cta-btn):not(.tech-copy-pwd){background:var(--btn-primary-hover)}
    button.btn-danger{background:var(--btn-danger) !important;color:#fff !important}
    button.btn-danger:hover:not(:disabled){background:var(--btn-danger-hover) !important}
    .btn-cancel-like:hover,
    .admin-menu-cancel:hover,
    .admin-cat-cancel:hover,
    .admin-user-cancel:hover,
    .bank-modal-cancel:hover,
    .bank-create-cancel:hover,
    .bank-edit-cancel:hover,
    .despesa-edit-cancel:hover,
    .despesa-delete-cancel:hover,
    .despesa-create-cancel:hover,
    .cartao-create-cancel:hover,
    .cartao-edit-cancel:hover,
    .cartao-fatura-edit-cancel:hover,
    .boleto-create-cancel:hover,
    .boleto-edit-cancel:hover,
    .os-create-cancel:hover,
    .doc-create-cancel:hover,
    .nfe-create-cancel:hover,
    .venda-create-cancel:hover,
    .venda-edit-cancel:hover,
    .venda-filter-cancel:hover{background:var(--app-form-bg-color) !important;color:var(--app-text-color) !important}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
    .bank-form{display:grid;grid-template-columns:minmax(160px,220px) minmax(120px,150px) minmax(120px,150px) auto;gap:8px;align-items:end;justify-content:start;width:100%}
    .bank-form .field{display:flex;flex-direction:column;min-width:0}
    .bank-form .field label{margin-bottom:4px;font-size:12px}
    .bank-form .field input,
    .bank-form .field select,
    .bank-form .field button,
    .bank-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .bank-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start;flex-wrap:nowrap;min-width:160px}
    .bank-form .field.actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}
    .bank-form .actions button,
    .bank-form .actions a{width:auto !important;white-space:nowrap}
    .bank-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    body[data-page="bancos"] .app-page .banks-page-blocks{display:flex;flex-direction:column;gap:12px}
    body[data-page="produtos"] .app-page .produtos-cadastro-form{
      display:flex;
      flex-wrap:nowrap;
      gap:8px;
      align-items:flex-end;
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      margin:0;
      overflow:visible;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form--edit{
      margin-top:0;
    }
    body[data-page="produtos"] .app-page .produtos-panel-section--list .produtos-panel-heading{
      margin:0 0 14px;
    }
    body[data-page="produtos"] .app-page .produtos-categoria-form{
      display:flex;
      flex-wrap:nowrap;
      gap:8px;
      align-items:center;
      margin:0;
      width:100%;
      max-width:100%;
      box-sizing:border-box;
    }
    body[data-page="produtos"] .app-page .produtos-categoria-form .field.produtos-field-nome{
      flex:1 1 0;
      min-width:0;
    }
    body[data-page="produtos"] .app-page .produtos-categoria-form .field.field--toggle{
      flex:0 0 auto;
    }
    body[data-page="produtos"] .app-page .produtos-categoria-form .field.produtos-field-actions{
      flex:0 0 auto;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field,
    body[data-page="produtos"] .app-page .produtos-categoria-form .field{
      margin:0;
      min-width:0;
      flex:0 1 auto;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field > label,
    body[data-page="produtos"] .app-page .produtos-categoria-form .field > label{
      display:block;
      margin-bottom:6px;
      font-size:13px;
      font-weight:600;
      white-space:nowrap;
      color:var(--cv-muted, #94a3b8);
    }
    body[data-page="produtos"] .app-page .produtos-codigo-label{
      display:inline-flex;
      align-items:center;
      gap:6px;
      margin:0 0 6px;
      font-size:13px;
      font-weight:600;
      line-height:1;
      white-space:nowrap;
      cursor:pointer;
      color:var(--cv-muted, #94a3b8);
    }
    body[data-page="produtos"] .app-page .produtos-codigo-label input[type="checkbox"]{
      width:15px;
      height:15px;
      min-width:15px;
      margin:0;
      padding:0;
      flex-shrink:0;
      cursor:pointer;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field input:not([type="checkbox"]),
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field input[type="file"],
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field select,
    body[data-page="produtos"] .app-page .produtos-categoria-form .field input:not([type="checkbox"]),
    body[data-page="produtos"] .app-page .produtos-estoque-form .field input:not([type="checkbox"]):not([type="hidden"]),
    body[data-page="produtos"] .app-page .produtos-estoque-form .field select,
    body[data-page="produtos"] .app-page .produtos-estoque-tecnico-filter .field select,
    body[data-page="produtos"] .app-page .produtos-search-form input[type="text"]{
      width:100%;
      min-width:0;
      box-sizing:border-box;
      height:40px;
      min-height:40px !important;
      max-height:40px !important;
      padding:0 10px;
      font-size:13px;
      line-height:1.2;
      background:color-mix(in srgb, var(--app-text-color) 6%, transparent);
      border:1px solid rgba(148,163,184,.18);
      border-radius:8px;
      color:#f8fafc;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field input[type="file"]{
      padding:5px 8px;
      cursor:pointer;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field input[type="file"]::file-selector-button{
      height:28px;
      margin-right:10px;
      padding:0 12px;
      border:1px solid rgba(148,163,184,.24);
      border-radius:6px;
      background:color-mix(in srgb, var(--app-text-color) 10%, transparent);
      color:#e2e8f0;
      font-size:12px;
      font-weight:600;
      cursor:pointer;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field select,
    body[data-page="produtos"] .app-page .produtos-estoque-form .field select,
    body[data-page="produtos"] .app-page .produtos-estoque-tecnico-filter .field select{
      color-scheme:dark;
      appearance:auto;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field select option,
    body[data-page="produtos"] .app-page .produtos-estoque-form .field select option,
    body[data-page="produtos"] .app-page .produtos-estoque-tecnico-filter .field select option{
      background:#0f172a;
      color:#f8fafc;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field input::placeholder,
    body[data-page="produtos"] .app-page .produtos-categoria-form .field input::placeholder,
    body[data-page="produtos"] .app-page .produtos-estoque-form .field input::placeholder,
    body[data-page="produtos"] .app-page .produtos-search-form input[type="text"]::placeholder{
      color:color-mix(in srgb, var(--cv-muted, #94a3b8) 72%, transparent);
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field{
      flex:1 1 0;
      min-width:0;
    }
    body[data-page="produtos"] .app-page .produtos-field-nome{
      flex:1.35 1 0;
    }
    body[data-page="produtos"] .app-page .produtos-field-nome select,
    body[data-page="produtos"] .app-page .produtos-field-nome input[readonly]{
      width:100%;
    }
    body[data-page="produtos"] .app-page .produtos-field-barras{
      flex:0.95 1 0;
    }
    body[data-page="produtos"] .app-page .produtos-field-preco{
      flex:0.6 1 0;
    }
    body[data-page="produtos"] .app-page .produtos-field-codigo{
      flex:1.05 1 0;
    }
    body[data-page="produtos"] .app-page .produtos-field-minimo{
      flex:0.55 1 0;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form .field.produtos-field-actions{
      flex:0 0 auto;
    }
    body[data-page="produtos"] .app-page .produtos-field-actions{
      display:flex;
      flex:0 0 auto;
      width:auto;
      min-width:0;
      max-width:none;
      box-sizing:border-box;
      flex-direction:row;
      flex-wrap:nowrap;
      gap:8px;
      align-items:center;
      align-self:flex-end;
    }
    body[data-page="produtos"] .app-page .produtos-field-actions button,
    body[data-page="produtos"] .app-page .produtos-field-actions a{
      width:auto !important;
      white-space:nowrap;
    }
    body[data-page="produtos"] .app-page .produtos-field-actions a,
    body[data-page="produtos"] .app-page .produtos-field-actions button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      box-sizing:border-box !important;
      height:40px !important;
      min-height:40px !important;
      max-height:40px !important;
      padding:0 14px !important;
      border-radius:8px !important;
      border:1px solid rgba(148,163,184,.24) !important;
      background:transparent !important;
      color:#e2e8f0 !important;
      text-decoration:none;
      font-size:13px;
      font-weight:600;
      box-shadow:none !important;
      cursor:pointer;
      line-height:1.2;
    }
    body[data-page="produtos"] .app-page .produtos-field-actions a:hover,
    body[data-page="produtos"] .app-page .produtos-field-actions button:hover{
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent) !important;
      color:#f8fafc !important;
    }
    body[data-page="produtos"] .app-page .produtos-xml-import-form .produtos-field-actions{
      width:100%;
      justify-content:flex-end;
    }
    body[data-page="produtos"] .cadastro-venda-page-shell{
      --cv-muted:#94a3b8;
      --cv-accent:#00D084;
      --cv-tab-bar:var(--app-background-color);
      --cv-content:#1c2129;
      --cv-tab-inactive:#9ca3af;
      --cv-tab-border:rgba(0,208,132,.32);
      display:flex;
      flex-direction:column;
      gap:0;
      margin-bottom:16px;
    }
    body[data-page="produtos"] .cadastro-venda-page-top{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:12px 16px;
      margin:0;
      padding:2px 0 14px;
      background:transparent;
      border:none;
      box-shadow:none;
    }
    body[data-page="produtos"] .cadastro-venda-page-top h2{
      margin:0;
      font-size:24px;
      font-weight:700;
      line-height:1.2;
      letter-spacing:-.02em;
      color:#f8fafc;
    }
    body[data-page="produtos"] .cadastro-venda-content-card{
      margin:0 !important;
      padding:0;
      overflow:hidden;
      border-radius:12px;
      border:none !important;
      outline:none;
      background:var(--cv-content);
      box-shadow:none !important;
    }
    body[data-page="produtos"] .cadastro-venda-card-tabs{
      padding:8px 0 0;
      background:var(--cv-tab-bar);
      border-bottom:none;
    }
    body[data-page="produtos"] .cadastro-venda-tabs{
      display:flex;
      align-items:flex-end;
      flex-wrap:wrap;
      gap:6px;
      margin:0;
      padding:0;
      min-height:56px;
    }
    body[data-page="produtos"] .cadastro-venda-tab{
      position:relative;
      display:inline-flex;
      align-items:center;
      margin:0;
      min-height:48px;
      padding:12px 22px 11px;
      font-size:14px;
      font-weight:600;
      line-height:1.2;
      text-decoration:none !important;
      color:var(--cv-tab-inactive) !important;
      background:transparent !important;
      border:none;
      border-radius:0;
      box-shadow:none !important;
      box-sizing:border-box;
      width:auto !important;
      cursor:pointer;
      font-family:inherit;
    }
    body[data-page="produtos"] .cadastro-venda-tab.is-active{
      position:relative;
      z-index:2;
      margin-bottom:-1px;
      min-height:48px;
      padding:11px 24px 12px;
      color:var(--cv-accent) !important;
      font-weight:700;
      background:var(--cv-content) !important;
      border:none;
      border-top:3px solid var(--cv-accent);
      border-radius:10px 10px 0 0;
      box-shadow:none !important;
    }
    body[data-page="produtos"] .cadastro-venda-tabs .cadastro-venda-tab:first-child.is-active{
      border-top-left-radius:12px;
    }
    body[data-page="produtos"] .cadastro-venda-tabs .cadastro-venda-tab:last-child.is-active{
      border-top-right-radius:12px;
    }
    body[data-page="produtos"] .cadastro-venda-card-body{
      padding:20px 22px 24px;
      background:var(--cv-content);
    }
    body[data-page="produtos"] .cadastro-venda-content-lead{
      margin:-4px 0 18px;
      font-size:13px;
      line-height:1.5;
      color:var(--cv-muted);
    }
    body[data-page="produtos"] .produtos-panel-section + .produtos-panel-section{
      margin-top:24px;
      padding-top:24px;
      border-top:1px solid rgba(148,163,184,.18);
    }
    body[data-page="produtos"] .produtos-panel-section--ativos .produtos-search-form,
    body[data-page="produtos"] .produtos-panel-section--passivos .produtos-search-form{
      margin-top:18px;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form.produtos-passivos-config-form{
      display:grid;
      grid-template-columns:minmax(220px, 1fr) minmax(120px, 160px) auto;
      gap:12px;
      align-items:end;
      flex-wrap:unset;
      width:100%;
      max-width:100%;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form.produtos-passivos-config-form .field{
      min-width:0;
      margin:0;
      flex:unset;
    }
    body[data-page="produtos"] .app-page .produtos-cadastro-form.produtos-passivos-config-form .field.produtos-field-actions{
      display:flex;
      flex-direction:row;
      flex-wrap:nowrap;
      gap:8px;
      align-items:center;
      align-self:end;
    }
    @media (max-width: 860px){
      body[data-page="produtos"] .app-page .produtos-cadastro-form.produtos-passivos-config-form{
        grid-template-columns:1fr 1fr;
      }
      body[data-page="produtos"] .app-page .produtos-cadastro-form.produtos-passivos-config-form .field.produtos-field-actions{
        grid-column:1 / -1;
        justify-content:flex-start;
      }
    }
    @media (max-width: 560px){
      body[data-page="produtos"] .app-page .produtos-cadastro-form.produtos-passivos-config-form{
        grid-template-columns:1fr;
      }
    }
    body[data-page="produtos"] .produtos-panel-heading{
      margin:0 0 6px;
      font-size:15px;
      font-weight:700;
      line-height:1.3;
      color:#f8fafc;
    }
    body[data-page="produtos"] .produtos-panel-sublead{
      margin:0 0 14px;
      font-size:13px;
      line-height:1.45;
      color:var(--cv-muted);
    }
    body[data-page="produtos"] .produtos-search-form{
      display:flex;
      width:100%;
      margin:0 0 14px;
    }
    body[data-page="produtos"] .cadastro-venda-content-card .inst-empty{
      margin:0;
      color:var(--cv-muted);
    }
    body[data-page="produtos"] .cadastro-venda-table-wrap{
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      border:none;
      border-radius:0;
      background:transparent;
    }
    body[data-page="produtos"] .cadastro-venda-table{
      width:100%;
      min-width:920px;
      border-collapse:collapse;
      background:transparent;
    }
    body[data-page="produtos"] .cadastro-venda-table th,
    body[data-page="produtos"] .cadastro-venda-table td{
      padding:13px 14px;
      border-bottom:1px solid rgba(148,163,184,.1);
      text-align:left;
      vertical-align:middle;
    }
    body[data-page="produtos"] .cadastro-venda-table th{
      font-size:11px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.06em;
      color:var(--cv-muted);
      background:color-mix(in srgb, var(--app-text-color) 4%, transparent);
    }
    body[data-page="produtos"] .cadastro-venda-table tbody tr{
      background:transparent;
      transition:background .15s ease;
    }
    body[data-page="produtos"] .cadastro-venda-table tbody tr:hover{
      background:color-mix(in srgb, var(--cv-accent) 8%, transparent);
    }
    body[data-page="produtos"] .cadastro-venda-table tbody tr:last-child td{
      border-bottom:none;
    }
    body[data-page="produtos"] .cadastro-venda-table td:first-child{
      font-weight:700;
      color:#f8fafc;
    }
    body[data-page="produtos"] .cadastro-venda-table .cadastro-venda-cell-muted{
      color:var(--cv-muted);
      font-size:13px;
    }
    body[data-page="produtos"] .cadastro-venda-table .produtos-actions-cell{
      width:1%;
      white-space:nowrap;
      vertical-align:middle;
      text-align:right;
    }
    body[data-page="produtos"] .cadastro-venda-table code{
      font-size:12px;
      color:#cbd5e1;
    }
    body[data-page="produtos"] .cadastro-venda-table .produtos-entrada-code--cliente code{
      color:#34d978;
      font-weight:600;
    }
    body[data-page="produtos"] .cadastro-venda-row-menu-item:disabled,
    body[data-page="produtos"] button.cadastro-venda-row-menu-item:disabled{
      opacity:.45;
      cursor:not-allowed;
      pointer-events:none;
    }
    body[data-page="produtos"] .cadastro-venda-badge-categoria{
      display:inline-flex;
      align-items:center;
      padding:5px 11px;
      border-radius:999px;
      font-size:12px;
      font-weight:700;
      line-height:1.2;
      color:#34d399;
      background:rgba(16,185,129,.12);
      border:1px solid rgba(16,185,129,.28);
      white-space:nowrap;
    }
    @media (max-width:760px){
      body[data-page="produtos"] .cadastro-venda-page-top h2{font-size:20px}
      body[data-page="produtos"] .cadastro-venda-card-body{padding:14px 12px 18px}
      body[data-page="produtos"] .cadastro-venda-card-tabs{padding:6px 0 0;overflow-x:auto}
      body[data-page="produtos"] .cadastro-venda-tabs{flex-wrap:nowrap;min-width:max-content;gap:4px}
    }
    body[data-page="produtos"] .produtos-estoque-resumo-table{
      min-width:640px;
    }
    body[data-page="produtos"] .produtos-estoque-link-produto{
      color:#f8fafc;
      text-decoration:none;
      font-weight:700;
    }
    body[data-page="produtos"] .produtos-estoque-link-produto:hover{
      color:#34d399;
    }
    body[data-page="produtos"] .produtos-estoque-valor-total{
      white-space:nowrap;
    }
    body[data-page="produtos"] .produtos-insumos-historico-section{
      margin-top:8px;
    }
    body[data-page="produtos"] .produtos-insumos-historico-section .produtos-panel-heading{
      margin-bottom:10px;
    }
    body[data-page="produtos"] .produtos-insumos-historico-section .produtos-insumos-subtabs{
      margin:0 0 12px;
    }
    body[data-page="produtos"] .produtos-tecnico-panel-body{
      margin-top:4px;
    }
    body[data-page="produtos"] .produtos-tecnico-panel-body[hidden]{
      display:none !important;
    }
    body[data-page="produtos"] .produtos-tab-panel{
      display:none;
    }
    body[data-page="produtos"] .produtos-tab-panel[hidden]{
      display:none !important;
    }
    body[data-page="produtos"] .produtos-tab-panel.is-active{
      display:block;
    }
    body[data-page="produtos"] .produtos-insumos-historico-table{
      min-width:640px;
    }
    body[data-page="produtos"] .estoque-resumo-grid{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }
    body[data-page="produtos"] .estoque-qtd-card{
      flex:0 0 auto;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:4px;
      min-width:160px;
      min-height:88px;
      padding:14px 18px;
      border-radius:12px;
      border:1px solid rgba(148,163,184,.16);
      background:color-mix(in srgb, var(--app-text-color) 6%, transparent);
      box-sizing:border-box;
    }
    body[data-page="produtos"] .estoque-qtd-card--link{
      text-decoration:none;
      color:inherit;
      cursor:pointer;
      transition:border-color .15s ease, background .15s ease;
    }
    body[data-page="produtos"] .estoque-qtd-card--link:hover{
      border-color:rgba(52,211,153,.45);
      background:color-mix(in srgb, var(--cv-accent, #00D084) 10%, transparent);
    }
    body[data-page="produtos"] .estoque-qtd-card-label{
      font-size:13px;
      font-weight:600;
      color:#f8fafc;
      line-height:1.2;
    }
    body[data-page="produtos"] .estoque-qtd-card-hint{
      font-size:12px;
      font-weight:600;
      color:var(--cv-muted, #94a3b8);
      line-height:1.2;
    }
    body[data-page="produtos"] .estoque-qtd-card-value{
      font-size:28px;
      font-weight:800;
      line-height:1;
      color:#34d399;
    }
    body[data-page="produtos"] .produtos-estoque-scan-bar{
      display:flex;
      flex-wrap:nowrap;
      gap:8px;
      align-items:flex-end;
      width:100%;
      max-width:100%;
      overflow:visible;
    }
    body[data-page="produtos"] .produtos-estoque-form{
      display:flex;
      flex-wrap:nowrap;
      gap:8px;
      align-items:flex-end;
      margin:0;
      min-width:0;
      width:100%;
    }
    body[data-page="produtos"] .produtos-estoque-scan-bar > .produtos-estoque-form{
      flex:1 1 0;
      min-width:0;
    }
    body[data-page="produtos"] .produtos-estoque-scan-bar > .produtos-estoque-select-form{
      flex:0 0 auto;
      width:auto;
    }
    body[data-page="produtos"] .produtos-estoque-scan-bar > .produtos-estoque-entry-form{
      flex:1 1 0;
      min-width:0;
    }
    body[data-page="produtos"] .produtos-estoque-select-form{
      width:auto;
    }
    body[data-page="produtos"] .produtos-estoque-select-form select{
      width:auto;
      min-width:72px;
      max-width:min(360px, 42vw);
      field-sizing:content;
    }
    body[data-page="produtos"] .produtos-estoque-form .field{
      margin:0;
      min-width:0;
      flex:1 1 0;
    }
    body[data-page="produtos"] .produtos-estoque-form .field > label{
      display:block;
      margin-bottom:6px;
      font-size:13px;
      font-weight:600;
      white-space:nowrap;
      color:var(--cv-muted, #94a3b8);
    }
    body[data-page="produtos"] .produtos-estoque-form .produtos-field-barras{
      flex:0.95 1 0;
    }
    body[data-page="produtos"] .produtos-estoque-form .produtos-field-minimo{
      flex:0.55 1 0;
    }
    body[data-page="produtos"] .produtos-estoque-form .produtos-field-codigo{
      flex:1.05 1 0;
    }
    body[data-page="produtos"] .produtos-estoque-select-form .field.produtos-field-barras{
      flex:0 0 auto;
      width:auto;
    }
    body[data-page="produtos"] .produtos-estoque-entry-form .field.produtos-field-entrada-qtd{
      flex:0 0 76px;
      max-width:76px;
    }
    body[data-page="produtos"] .produtos-estoque-entry-form .field.produtos-field-entrada-qtd input{
      text-align:center;
    }
    body[data-page="produtos"] .produtos-estoque-entry-form .field.produtos-field-codigo{
      flex:1 1 0;
      min-width:0;
    }
    body[data-page="produtos"] .produtos-estoque-feedback{
      margin:10px 0 0;
      font-size:13px;
      line-height:1.45;
      color:var(--cv-muted, #94a3b8);
    }
    body[data-page="produtos"] .produtos-estoque-feedback a{
      color:#34d399;
    }
    body[data-page="produtos"] .produtos-estoque-tecnico-filter{
      display:flex;
      width:100%;
      margin:0 0 14px;
    }
    body[data-page="produtos"] .produtos-estoque-tecnico-filter .field{
      margin:0;
      min-width:0;
      flex:1 1 0;
      max-width:100%;
    }
    body[data-page="produtos"] .produtos-estoque-tecnico-filter .field > label{
      display:block;
      margin-bottom:6px;
      font-size:13px;
      font-weight:600;
      color:var(--cv-muted, #94a3b8);
    }
    body[data-page="produtos"] .produtos-tecnico-picker{
      margin:0;
    }
    body[data-page="produtos"] .produtos-tecnico-picker-label{
      display:block;
      margin:0 0 16px;
      font-size:13px;
      font-weight:600;
      color:var(--cv-muted, #94a3b8);
    }
    body[data-page="produtos"] .produtos-tecnico-cards{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }
    body[data-page="produtos"] .produtos-tecnico-card{
      flex:1 1 150px;
      min-width:140px;
      max-width:220px;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:8px;
      padding:12px 14px;
      border-radius:8px;
      border:1px solid rgba(148,163,184,.18) !important;
      background:color-mix(in srgb, var(--app-text-color) 6%, transparent) !important;
      color:#f8fafc !important;
      cursor:pointer;
      text-align:left;
      font:inherit;
      box-shadow:none !important;
      transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
    }
    body[data-page="produtos"] .produtos-tecnico-card:hover{
      border-color:rgba(148,163,184,.32) !important;
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent) !important;
    }
    body[data-page="produtos"] .produtos-tecnico-card.is-selected{
      border:2px solid #34d399 !important;
      background:color-mix(in srgb, #34d399 14%, transparent) !important;
      box-shadow:0 0 0 1px rgba(52,211,153,.35) !important;
    }
    body[data-page="produtos"] .produtos-tecnico-card.is-selected:hover{
      border-color:#34d399 !important;
      background:color-mix(in srgb, #34d399 18%, transparent) !important;
    }
    body[data-page="produtos"] .produtos-tecnico-card.is-selected .produtos-tecnico-card-name{
      color:#6ee7b7;
    }
    body[data-page="produtos"] .produtos-tecnico-card.is-disabled,
    body[data-page="produtos"] .produtos-tecnico-card:disabled{
      opacity:0.42;
      cursor:not-allowed;
      pointer-events:none;
    }
    body[data-page="produtos"] .produtos-tecnico-card.is-disabled:hover,
    body[data-page="produtos"] .produtos-tecnico-card:disabled:hover{
      border-color:rgba(148,163,184,.18) !important;
      background:color-mix(in srgb, var(--app-text-color) 6%, transparent) !important;
    }
    body[data-page="produtos"] .produtos-tecnico-card-name{
      font-size:14px;
      font-weight:700;
      line-height:1.2;
    }
    body[data-page="produtos"] .produtos-tecnico-card-stats{
      display:flex;
      flex-wrap:wrap;
      gap:6px 10px;
      width:100%;
    }
    body[data-page="produtos"] .produtos-tecnico-card-stat{
      font-size:12px;
      font-weight:600;
      color:var(--cv-muted, #94a3b8);
      line-height:1.2;
    }
    body[data-page="produtos"] .produtos-tecnico-card-stat strong{
      color:#34d399;
      font-weight:800;
    }
    body[data-page="produtos"] .produtos-mala-qtd-editable{
      cursor:pointer;
      user-select:none;
    }
    body[data-page="produtos"] .produtos-mala-qtd-editable:hover{
      color:#f8fafc;
      background:color-mix(in srgb, var(--cv-accent, #00D084) 10%, transparent);
    }
    body[data-page="produtos"] .produtos-mala-qtd-editable.is-editing{
      padding:6px 8px;
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent);
    }
    body[data-page="produtos"] .produtos-mala-qtd-editable input{
      width:72px;
      height:32px;
      min-height:32px !important;
      padding:0 8px;
      box-sizing:border-box;
      text-align:center;
      font-size:13px;
      border-radius:8px;
      border:1px solid rgba(52,211,153,.45);
      background:color-mix(in srgb, var(--app-text-color) 6%, transparent);
      color:#f8fafc;
    }
    body[data-page="produtos"] .produtos-estoque-form.produtos-tecnico-devolver-row,
    body[data-page="produtos"] .produtos-estoque-form.produtos-tecnico-liberar-row{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:16px;
      width:100%;
      margin:16px 0;
      padding:16px 0 0;
      border-top:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
    }
    body[data-page="produtos"] .produtos-estoque-form.produtos-tecnico-devolver-row .produtos-tecnico-devolver-label,
    body[data-page="produtos"] .produtos-estoque-form.produtos-tecnico-liberar-row .produtos-tecnico-devolver-label{
      display:block;
      margin:0;
      width:100%;
      text-align:left;
      font-size:13px;
      font-weight:600;
      color:var(--cv-muted, #94a3b8);
    }
    body[data-page="produtos"] .produtos-panel-section.tech-cesto-page + .produtos-panel-section{
      margin-top:0;
    }
    body[data-page="produtos"] .produtos-estoque-form.produtos-tecnico-devolver-row .field,
    body[data-page="produtos"] .produtos-estoque-form.produtos-tecnico-liberar-row .field{
      margin:0;
      width:100%;
      flex:none;
    }
    body[data-page="produtos"] .produtos-estoque-form.produtos-tecnico-devolver-row .produtos-field-codigo,
    body[data-page="produtos"] .produtos-estoque-form.produtos-tecnico-liberar-row .produtos-field-codigo{
      flex:none;
      min-width:0;
      max-width:none;
      width:100%;
    }
    body[data-page="estoque"] .app-page.estoque-resumo-card,body[data-page="produtos"] .cadastro-venda-card-body .estoque-resumo-grid{
      margin-bottom:12px;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-resumo-grid{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar{
      display:flex;
      flex-wrap:nowrap;
      gap:10px 12px;
      align-items:flex-end;
      overflow-x:auto;
      padding-bottom:2px;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar form{
      margin:0;
      min-width:0;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar .field{
      margin:0;
      min-width:0;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar .field label{
      display:block;
      margin-bottom:6px;
      font-size:13px;
      font-weight:600;
      white-space:nowrap;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar .field select,
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar .field input{
      width:100%;
      min-width:0;
      box-sizing:border-box;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar form.estoque-field-produto,
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar .estoque-field-produto{
      flex:0 0 220px;
      min-width:200px;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar form.estoque-field-leitura,
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar .estoque-field-leitura,
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-bar form.estoque-scan-entry-form{
      flex:1.5 1 280px;
      min-width:240px;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-entry-form{
      margin:0;
      min-width:0;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-entry-fields{
      display:flex;
      align-items:flex-end;
      gap:10px 12px;
      width:100%;
      min-width:0;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-field-quantidade{
      flex:0 0 96px;
      min-width:88px;
      max-width:96px;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-entry-fields .estoque-field-leitura{
      flex:1 1 auto;
      min-width:0;
    }
    .finalizar-venda-dialog{
      margin:auto;
      max-width:calc(100vw - 32px);
      width:min(100%,920px);
      padding:0;
      border:none;
      border-radius:14px;
      background:var(--app-card-bg-color);
      color:var(--app-text-color);
      box-shadow:0 14px 40px rgba(0,0,0,.22);
    }
    .finalizar-venda-dialog::backdrop{background:rgba(0,0,0,.45)}
    .finalizar-venda-form{
      margin:0;
      padding:16px 18px;
    }
    .finalizar-venda-row{
      display:flex;
      align-items:flex-end;
      gap:10px 12px;
      flex-wrap:nowrap;
    }
    .finalizar-venda-cliente-field{
      margin:0;
      flex:0 0 auto;
      max-width:32%;
      min-width:0;
    }
    .finalizar-venda-cliente-field label{
      display:block;
      margin:0 0 6px;
      font-size:12px;
      font-weight:600;
      line-height:1.2;
      white-space:nowrap;
    }
    .finalizar-venda-cliente{
      margin:0;
      width:100%;
      box-sizing:border-box;
      padding:10px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      background:var(--app-form-bg-color);
      font-size:14px;
      font-weight:600;
      line-height:1.2;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .finalizar-venda-code-field{
      margin:0;
      flex:1 1 0;
      min-width:0;
    }
    .finalizar-venda-code-field label{
      display:block;
      margin:0 0 6px;
      font-size:12px;
      font-weight:600;
      line-height:1.2;
      white-space:nowrap;
    }
    .finalizar-venda-code-field input{
      width:100%;
      min-width:0;
      box-sizing:border-box;
    }
    .sr-only{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-qtd-card{
      flex:0 0 auto;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:4px;
      min-width:160px;
      min-height:88px;
      padding:14px 18px;
      border-radius:12px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:color-mix(in srgb, var(--app-form-bg-color) 88%, var(--app-text-color));
      box-sizing:border-box;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-qtd-card--standalone{
      min-width:220px;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-qtd-card--link{
      text-decoration:none;
      color:inherit;
      cursor:pointer;
      transition:border-color .15s ease, background .15s ease;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-qtd-card--link.is-active{
      border-color:color-mix(in srgb, #22c55e 65%, transparent);
      background:color-mix(in srgb, #22c55e 12%, var(--app-form-bg-color));
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-qtd-card--link:hover{
      border-color:color-mix(in srgb, var(--app-text-color) 24%, transparent);
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-qtd-card-label{
      font-size:13px;
      font-weight:600;
      color:var(--app-text-color);
      line-height:1.2;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-qtd-card-hint{
      font-size:12px;
      font-weight:600;
      color:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      line-height:1.2;
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-qtd-card-value{
      font-size:22px;
      font-weight:700;
      line-height:1.1;
      color:var(--app-text-color);
    }
    body[data-page="estoque"] .app-page,body[data-page="produtos"] .cadastro-venda-card-body .estoque-scan-feedback{
      margin:10px 0 0;
      font-size:13px;
    }
    body[data-page="bancos"] .app-page .banks-metrics-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      --dash-surface:var(--app-card-bg-color);
      margin-bottom:12px
    }
    body[data-page="bancos"] .app-page .banks-metrics-panel .banks-dash-tiles{
      grid-template-columns:repeat(3,minmax(0,1fr));
      margin:0
    }
    body[data-page="bancos"] .app-page .banks-metrics-panel .dash-completo-tile-delta.muted{color:var(--dash-muted)}
    body[data-page="bancos"] .app-page .banks-table-panel .receitas-periodo-heading{margin-top:0}
    body[data-page="links"] .app-page .links-table-panel .receitas-periodo-heading{margin-top:0}
    body[data-page="bancos"] .app-page .banks-table-panel.os-page-form-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-card-bg-color);
      border:1px solid var(--dash-border);
      border-radius:10px;
      box-shadow:none;
      padding:12px 14px
    }
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table{
      min-width:640px;
      background:transparent;
      table-layout:fixed
    }
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table th:nth-child(1),
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table td:nth-child(1){width:38%}
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table th:nth-child(2),
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table td:nth-child(2){width:20%}
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table th:nth-child(3),
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table td:nth-child(3){width:22%}
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table th:nth-child(4),
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table td:nth-child(4){width:20%;white-space:nowrap}
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table th,
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table td{
      border-bottom:1px solid var(--dash-border)
    }
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table th{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.04em;
      color:color-mix(in srgb, var(--app-text-color) 68%, transparent);
      background:transparent
    }
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table tbody tr{
      background:transparent;
      transition:background .15s ease
    }
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table tbody tr:nth-child(odd),
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table tbody tr:nth-child(even){
      background:transparent
    }
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table tbody tr:hover,
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table tbody tr:nth-child(odd):hover,
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table tbody tr:nth-child(even):hover{
      background:color-mix(in srgb, var(--app-text-color) 10%, var(--app-card-bg-color))
    }
    body[data-page="bancos"] .app-page .banks-table-panel .banks-table tbody tr:last-child td{
      border-bottom:none
    }
    body[data-page="bancos"] .app-page .banks-table-scroll{
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      margin:0 -2px
    }
    body[data-page="bancos"] .app-page .banks-table-panel .inst-empty{margin:0}
    #bankCreateDlg.despesa-create-dialog{width:min(100%,520px)}
    .flash{padding:10px;border-radius:8px;margin-bottom:10px}
    .success{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}
    table{width:100%;border-collapse:collapse;background:var(--app-table-bg-color)}
    .inst-page > h2,
    .app-page > h2{margin:0 0 4px;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}
    .inst-page .inst-lead,
    .app-page .inst-lead{margin:0 0 16px;font-size:13px;line-height:1.45;color:color-mix(in srgb, var(--app-text-color) 72%, transparent);max-width:52rem}
    .inst-edit-panel{
      margin:4px 0 20px;
      padding:18px 20px;
      border-radius:14px;
      border:1px solid color-mix(in srgb, var(--app-button-color) 38%, transparent);
      background:color-mix(in srgb, var(--app-button-color) 9%, var(--app-card-bg-color));
      box-shadow:0 2px 12px color-mix(in srgb, var(--app-text-color) 6%, transparent);
    }
    .inst-edit-panel h3{margin:0 0 8px;font-size:1.05rem;font-weight:800}
    .inst-page #instalacoes-filter-form{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:10px 12px;
      align-items:end;
      padding:12px 14px;
      margin:0 0 18px;
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      background:color-mix(in srgb, var(--app-form-bg-color) 88%, var(--app-text-color));
      border-radius:12px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 11%, transparent);
      box-shadow:0 1px 0 color-mix(in srgb, var(--app-text-color) 5%, transparent);
    }
    .inst-page #instalacoes-filter-form > input[type="hidden"]{display:none}
    .inst-page #instalacoes-filter-form .field{
      margin:0;
      min-width:0;
      max-width:100%;
    }
    .inst-page #instalacoes-filter-form input[type="month"]{
      width:100%;
      max-width:100%;
    }
    .inst-page #instalacoes-filter-form .os-filter-date-actions{
      display:flex;
      flex-wrap:wrap;
      gap:6px 8px;
      align-items:center;
    }
    .inst-page #instalacoes-filter-form .field.os-filter-date-row > input[type="date"]{
      width:100% !important;
      min-width:0;
      max-width:100%;
    }
    .inst-page #instalacoes-filter-form .os-filter-date-actions a{
      flex:0 1 auto;
      white-space:normal;
      text-align:center;
      line-height:1.2;
    }
    .inst-page #instalacoes-filter-form input[name="numero_os"],
    .inst-page #instalacoes-filter-form input[name="inst_cliente"]{
      width:100% !important;
      min-width:0;
      max-width:100%;
      flex:1 1 auto;
    }
    .inst-page #instalacoes-filter-form .inst-filter-redef-spacer{
      display:block;
      min-height:18px;
      margin-bottom:6px;
    }
    .inst-page #instalacoes-filter-form .inst-filter-redef-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
      font-weight:600;
      text-decoration:none;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
      box-sizing:border-box;
    }
    .inst-page #instalacoes-filter-form .inst-filter-redef-btn:hover{
      background:color-mix(in srgb, var(--app-button-color) 12%, var(--app-form-bg-color));
      border-color:color-mix(in srgb, var(--app-button-color) 35%, #cbd5e1);
    }
    @media (max-width:720px){
      .inst-page #instalacoes-filter-form,
      .app-page #os-list-filter-form,
      .app-page #vendas-receita-filter-form,
      .app-page #despesas-list-filter-form,
      .app-page #cartoes-list-filter-form,
      .app-page #boletos-list-filter-form{
        grid-template-columns:1fr;
      }
    }
    .app-page #os-list-filter-form{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:10px 12px;
      align-items:end;
      padding:12px 14px;
      margin:0 0 18px;
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      background:color-mix(in srgb, var(--app-form-bg-color) 88%, var(--app-text-color));
      border-radius:12px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 11%, transparent);
      box-shadow:0 1px 0 color-mix(in srgb, var(--app-text-color) 5%, transparent);
    }
    .app-page #os-list-filter-form > input[type="hidden"]{display:none}
    .app-page #os-list-filter-form .field{
      margin:0;
      min-width:0;
      max-width:100%;
    }
    .app-page #os-list-filter-form input[type="month"]{
      width:100%;
      max-width:100%;
    }
    .app-page #os-list-filter-form .field.os-filter-date-row > input[type="date"]{
      width:100% !important;
      min-width:0;
      max-width:100%;
    }
    .app-page #os-list-filter-form input[name="numero_os"],
    .app-page #os-list-filter-form input[name="cliente"]{
      width:100% !important;
      min-width:0;
      max-width:100%;
    }
    .app-page #os-list-filter-form .inst-filter-redef-spacer{
      display:block;
      min-height:18px;
      margin-bottom:6px;
    }
    .app-page #os-list-filter-form .inst-filter-redef-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
      font-weight:600;
      text-decoration:none;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
      box-sizing:border-box;
    }
    .app-page #os-list-filter-form .inst-filter-redef-btn:hover{
      background:color-mix(in srgb, var(--app-button-color) 12%, var(--app-form-bg-color));
      border-color:color-mix(in srgb, var(--app-button-color) 35%, #cbd5e1);
    }
    .app-page #vendas-receita-filter-form{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px 12px;
      align-items:end;
      padding:12px 14px;
      margin:0 0 18px;
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      background:color-mix(in srgb, var(--app-form-bg-color) 88%, var(--app-text-color));
      border-radius:12px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 11%, transparent);
      box-shadow:0 1px 0 color-mix(in srgb, var(--app-text-color) 5%, transparent);
    }
    .app-page #vendas-receita-filter-form > input[type="hidden"]{display:none}
    .app-page #vendas-receita-filter-form .field{
      margin:0;
      min-width:0;
      max-width:100%;
    }
    .app-page #vendas-receita-filter-form select,
    .app-page #vendas-receita-filter-form input[type="month"],
    .app-page #vendas-receita-filter-form input[type="number"]{
      width:100%;
      max-width:100%;
      box-sizing:border-box;
    }
    .app-page #vendas-receita-filter-form .inst-filter-redef-spacer{
      display:block;
      min-height:18px;
      margin-bottom:6px;
    }
    .app-page #vendas-receita-filter-form .inst-filter-redef-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
      font-weight:600;
      text-decoration:none;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
      box-sizing:border-box;
    }
    .app-page #vendas-receita-filter-form .inst-filter-redef-btn:hover{
      background:color-mix(in srgb, var(--app-button-color) 12%, var(--app-form-bg-color));
      border-color:color-mix(in srgb, var(--app-button-color) 35%, #cbd5e1);
    }
    .app-page #boletos-list-filter-form{
      display:grid;
      grid-template-columns:minmax(150px,1fr) minmax(130px,0.95fr) minmax(160px,1.15fr) minmax(108px,0.55fr) minmax(108px,0.55fr);
      gap:10px 12px;
      align-items:end;
      padding:12px 14px;
      margin:0 0 18px;
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      background:var(--app-card-bg-color);
      border-radius:10px;
      border:1px solid var(--dash-border);
      box-shadow:none;
    }
    body[data-page="boletos"] .app-page #boletos-list-filter-form label{
      color:var(--dash-muted);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.03em;
      font-weight:600;
    }
    body[data-page="boletos"] .app-page #boletos-list-filter-form select,
    body[data-page="boletos"] .app-page #boletos-list-filter-form input[type="month"],
    body[data-page="boletos"] .app-page #boletos-list-filter-form input[type="search"]{
      border:1px solid var(--dash-border);
      background:var(--app-form-bg-color);
    }
    .app-page #boletos-list-filter-form > input[type="hidden"]{display:none}
    .app-page #boletos-list-filter-form .field{
      margin:0;
      min-width:0;
      max-width:100%;
    }
    .app-page #boletos-list-filter-form select,
    .app-page #boletos-list-filter-form input[type="month"],
    .app-page #boletos-list-filter-form input[type="search"]{
      width:100%;
      max-width:100%;
      box-sizing:border-box;
    }
    .app-page #boletos-list-filter-form .inst-filter-redef-spacer{
      display:block;
      min-height:18px;
      margin-bottom:6px;
    }
    .app-page #boletos-list-filter-form .inst-filter-redef-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid var(--dash-border);
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
      font-weight:600;
      text-decoration:none;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
      box-sizing:border-box;
    }
    .app-page #boletos-list-filter-form .inst-filter-redef-btn:hover{
      background:color-mix(in srgb, var(--app-text-color) 6%, var(--app-form-bg-color));
      border-color:color-mix(in srgb, var(--app-text-color) 22%, transparent);
    }
    .app-page #boletos-list-filter-form .boletos-filter-buscar-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:34px !important;
      height:34px !important;
      padding:6px 12px;
      border:none;
      border-radius:8px;
      font-size:12px;
      font-weight:700;
      cursor:pointer;
      background:var(--btn-primary);
      color:#fff;
      box-sizing:border-box;
    }
    .app-page #boletos-list-filter-form .boletos-filter-buscar-btn:hover{
      filter:brightness(1.06);
    }
    .app-page #despesas-list-filter-form{
      display:grid;
      grid-template-columns:minmax(150px,1fr) minmax(130px,0.95fr) minmax(160px,1.15fr) minmax(108px,0.55fr) minmax(108px,0.55fr);
      gap:10px 12px;
      align-items:end;
      padding:12px 14px;
      margin:0 0 18px;
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      background:color-mix(in srgb, var(--app-form-bg-color) 88%, var(--app-text-color));
      border-radius:12px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 11%, transparent);
      box-shadow:0 1px 0 color-mix(in srgb, var(--app-text-color) 5%, transparent);
    }
    .app-page #despesas-list-filter-form > input[type="hidden"]{display:none}
    .app-page #despesas-list-filter-form .field{
      margin:0;
      min-width:0;
      max-width:100%;
    }
    .app-page #despesas-list-filter-form select,
    .app-page #despesas-list-filter-form input[type="month"],
    .app-page #despesas-list-filter-form input[type="search"]{
      width:100%;
      max-width:100%;
      box-sizing:border-box;
    }
    .app-page #despesas-list-filter-form .inst-filter-redef-spacer{
      display:block;
      min-height:18px;
      margin-bottom:6px;
    }
    .app-page #despesas-list-filter-form .inst-filter-redef-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
      font-weight:600;
      text-decoration:none;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
      box-sizing:border-box;
    }
    .app-page #despesas-list-filter-form .inst-filter-redef-btn:hover{
      background:color-mix(in srgb, var(--app-button-color) 12%, var(--app-form-bg-color));
      border-color:color-mix(in srgb, var(--app-button-color) 35%, #cbd5e1);
    }
    .app-page #despesas-list-filter-form .despesas-filter-buscar-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:34px !important;
      height:34px !important;
      padding:6px 12px;
      border:none;
      border-radius:8px;
      font-size:12px;
      font-weight:700;
      cursor:pointer;
      background:var(--btn-primary);
      color:#fff;
      box-sizing:border-box;
    }
    .app-page #despesas-list-filter-form .despesas-filter-buscar-btn:hover{
      filter:brightness(1.06);
    }
    .app-page #cartoes-list-filter-form{
      display:grid;
      grid-template-columns:minmax(150px,1fr) minmax(160px,1.1fr) minmax(130px,0.8fr) minmax(76px,auto) minmax(76px,auto) minmax(76px,auto);
      gap:10px 12px;
      align-items:end;
      padding:12px 14px;
      margin:0 0 18px;
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      background:color-mix(in srgb, var(--app-form-bg-color) 88%, var(--app-text-color));
      border-radius:12px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 11%, transparent);
      box-shadow:0 1px 0 color-mix(in srgb, var(--app-text-color) 5%, transparent);
    }
    .app-page #cartoes-list-filter-form > input[type="hidden"]{display:none}
    .app-page #cartoes-list-filter-form .field{
      margin:0;
      min-width:0;
      max-width:100%;
    }
    .app-page #cartoes-list-filter-form input[type="month"],
    .app-page #cartoes-list-filter-form input[type="search"],
    .app-page #cartoes-list-filter-form select{
      width:100%;
      max-width:100%;
      box-sizing:border-box;
    }
    .app-page #cartoes-list-filter-form .inst-filter-redef-spacer{
      display:block;
      min-height:18px;
      margin-bottom:6px;
    }
    .app-page #cartoes-list-filter-form .inst-filter-redef-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      white-space:nowrap;
      min-height:34px !important;
      height:34px !important;
      padding:6px 10px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
      font-weight:600;
      text-decoration:none;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
      box-sizing:border-box;
    }
    .app-page #cartoes-list-filter-form .inst-filter-redef-btn:hover{
      background:color-mix(in srgb, var(--app-button-color) 12%, var(--app-form-bg-color));
      border-color:color-mix(in srgb, var(--app-button-color) 35%, #cbd5e1);
    }
    .app-page #cartoes-list-filter-form .cartoes-filter-buscar-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      white-space:nowrap;
      min-height:34px !important;
      height:34px !important;
      padding:6px 10px;
      border:none;
      border-radius:8px;
      font-size:12px;
      font-weight:700;
      cursor:pointer;
      background:var(--btn-primary);
      color:#fff;
      box-sizing:border-box;
    }
    .app-page #cartoes-list-filter-form .cartoes-filter-buscar-btn:hover{
      filter:brightness(1.06);
    }
    body[data-page="boletos"] .app-page .os-page-form-panel .boleto-upload-form .submit-wrap button[type="submit"],
    body[data-page="boletos"] .app-page .os-page-form-panel .boleto-edit-form .actions button[type="submit"]{
      background:var(--btn-primary);
      color:#fff;
      border:none;
      font-weight:700;
      cursor:pointer;
    }
    body[data-page="boletos"] .app-page .os-page-form-panel .boleto-upload-form .submit-wrap button[type="submit"]:hover,
    body[data-page="boletos"] .app-page .os-page-form-panel .boleto-edit-form .actions button[type="submit"]:hover{
      filter:brightness(1.06);
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .actions button[type="submit"]{
      background:var(--btn-primary);
      color:#fff;
      border:none;
      font-weight:700;
      cursor:pointer;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .actions button[type="submit"]:hover{
      filter:brightness(1.06);
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form:not(.despesa-recorrente-form){
      grid-template-columns:minmax(180px,1.6fr) 132px 132px 118px auto;
      gap:10px;
      width:100%;
      max-width:100%;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-recorrente-form:not(.is-recorrente){
      grid-template-columns:minmax(180px,1.5fr) 132px 132px 72px 118px auto;
      gap:10px;
      width:100%;
      max-width:100%;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-recorrente-form.is-recorrente{
      grid-template-columns:minmax(170px,1.2fr) 132px 132px 72px 118px 118px auto;
      gap:10px;
      width:100%;
      max-width:100%;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .field label{
      font-size:12px;
      white-space:nowrap;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .field input,
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .field select{
      width:100%;
      box-sizing:border-box;
      min-height:34px !important;
      height:34px !important;
      padding:6px 8px;
      font-size:12px;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .field-desp-nome{
      min-width:180px;
      max-width:none;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .field-desp-valor,
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .field-desp-categoria{
      width:132px;
      max-width:132px;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-recorrente-form .field-desp-recorrente{
      width:72px;
      max-width:72px;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-recorrente-form .field-desp-data,
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .field-desp-data{
      width:118px;
      max-width:118px;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-recorrente-form #despesa-recorrencia-ate-wrap{
      width:118px;
      max-width:118px;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-recorrente-form .field-desp-recorrente select{
      padding-left:4px;
      padding-right:2px;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-recorrente-form #despesa-recorrencia-ate-wrap small{
      display:none;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .field.actions button,
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form .field.actions a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 12px;
      font-size:12px;
    }
    .despesa-date-field{
      position:relative;
      display:flex;
      align-items:center;
      width:100%;
    }
    .despesa-date-field input[data-date-br="1"]{
      width:100%;
      padding-right:36px !important;
      box-sizing:border-box;
    }
    .despesa-date-field .despesa-date-native{
      position:absolute;
      right:4px;
      top:50%;
      transform:translateY(-50%);
      width:24px;
      height:24px;
      opacity:0;
      cursor:pointer;
      z-index:2;
      padding:0;
      border:none;
      min-height:24px !important;
    }
    .despesa-date-field .despesa-date-icon-btn{
      position:absolute;
      right:4px;
      top:50%;
      transform:translateY(-50%);
      width:32px;
      height:32px;
      padding:0;
      margin:0;
      border:none;
      border-radius:6px;
      background:transparent;
      color:var(--ui-muted);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      z-index:1;
      box-shadow:none !important;
      min-height:32px !important;
      height:32px !important;
      width:32px !important;
    }
    .despesa-date-field .despesa-date-icon-btn:hover{
      color:var(--app-button-color);
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent);
    }
    .despesa-date-field .despesa-date-icon-btn svg{
      width:16px;
      height:16px;
      display:block;
    }
    body[data-page="despesas"] .despesa-date-field input[data-date-br="1"]{
      padding-right:30px !important;
    }
    body[data-page="despesas"] .despesa-date-field .despesa-date-icon-btn{
      width:28px;
      height:28px;
      min-height:28px !important;
      height:28px !important;
      width:28px !important;
      right:2px;
    }
    body[data-page="despesas"] .despesa-date-field .despesa-date-icon-btn svg{
      width:15px;
      height:15px;
    }
    body[data-page="despesas"] .app-page .os-page-form-panel .despesa-form.despesa-edit-rec-form{
      grid-template-columns:132px 118px auto;
      gap:10px;
      width:fit-content;
      max-width:100%;
    }
    body[data-page="despesas"] .despesa-edit-readonly{
      margin:0 0 12px;
      padding:10px 12px;
      border-radius:8px;
      background:color-mix(in srgb, var(--app-text-color) 4%, transparent);
      border:1px solid var(--ui-border);
      font-size:13px;
      line-height:1.5;
    }
    body[data-page="despesas"] .despesa-edit-readonly p{
      margin:0 0 4px;
    }
    body[data-page="despesas"] .despesa-edit-readonly p:last-child{
      margin-bottom:0;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form .actions button[type="submit"]{
      background:var(--btn-primary);
      color:#fff;
      border:none;
      font-weight:700;
      cursor:pointer;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form .actions button[type="submit"]:hover{
      filter:brightness(1.06);
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel.cartoes-cadastro-panel{
      overflow-x:hidden;
      -webkit-overflow-scrolling:touch;
      max-width:100%;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form.cartoes-cadastro-form{
      display:grid;
      grid-template-columns:minmax(140px,1.4fr) minmax(120px,1.2fr) minmax(110px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(92px,auto);
      align-items:end;
      column-gap:8px;
      row-gap:8px;
      width:100%;
      min-width:0;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form.cartoes-cadastro-form.is-recorrente{
      grid-template-columns:minmax(130px,1.3fr) minmax(110px,1.1fr) minmax(100px,.95fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(92px,auto);
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form.cartoes-cadastro-form .field.actions{
      grid-column:auto;
      justify-self:end;
      white-space:nowrap;
      min-width:92px;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form.cartoes-cadastro-form .field.actions .cartao-cadastrar-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:auto !important;
      min-height:34px !important;
      height:34px !important;
      padding:6px 12px;
      border:none;
      border-radius:8px;
      font-size:12px;
      font-weight:700;
      cursor:pointer;
      background:var(--btn-primary);
      color:#fff;
      box-sizing:border-box;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form.cartoes-cadastro-form .field.actions .cartao-cadastrar-btn:hover{
      filter:brightness(1.06);
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form #cartao-data-vencimento-base{
      max-width:none;
      min-width:0;
      width:100%;
      box-sizing:border-box;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form .field-cartao-valor-recorrente .cartao-campo-medio,
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form .field-cartao-valor-referencia .cartao-campo-medio{
      width:100% !important;
      max-width:none !important;
    }
    body[data-page="cartoes"] .app-page #cartao-ft-data-venc,
    body[data-page="cartoes"] .app-page #cartao-ft-data-pag{
      max-width:10ch;
      min-width:0;
      width:100%;
      box-sizing:border-box;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form .cartao-campo-medio{
      box-sizing:border-box !important;
      display:block;
      width:8.05rem !important;
      min-width:0;
      max-width:8.05rem !important;
      min-height:34px !important;
      height:34px !important;
      padding:6px 8px !important;
      margin:0;
      font-size:12px !important;
      line-height:1.2 !important;
      align-self:flex-start;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form select.cartao-campo-medio{
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
      background-color:var(--app-form-bg-color);
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 6px center;
      background-size:10px 10px;
      padding:6px 1.4rem 6px 8px !important;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form input[type=date].cartao-campo-medio#cartao-recorrencia-ate{
      padding:6px 2px 6px 8px !important;
    }
    body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form input[type=date].cartao-campo-medio#cartao-recorrencia-ate::-webkit-calendar-picker-indicator{
      margin:0 2px 0 0;
      padding:0;
      width:0.9rem;
      height:0.9rem;
      cursor:pointer;
    }
    @media (max-width:1100px){
      body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form.cartoes-cadastro-form .field-cartao-nome,
      body[data-page="cartoes"] .app-page .os-page-form-panel .despesa-form.cartoes-cadastro-form .field-cartao-compra{min-width:min(100%,164px)}
    }
    body[data-page="despesas"] .app-page .despesas-page-blocks{display:flex;flex-direction:column;gap:12px}
    body[data-page="despesas"] .app-page .despesas-periodo-resumo{
      margin:18px 0 16px;
      padding-top:14px;
      border-top:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent)
    }
    body[data-page="despesas"] .app-page .despesas-metrics-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      --dash-surface:var(--app-card-bg-color);
      margin-bottom:12px
    }
    body[data-page="despesas"] .app-page .despesas-metrics-panel .despesas-dash-tiles{
      grid-template-columns:repeat(4,minmax(0,1fr));
      margin:0
    }
    body[data-page="despesas"] .app-page .despesas-metrics-panel .dash-completo-tile-delta.muted{color:var(--dash-muted)}
    body[data-page="despesas"] .app-page .despesas-table-panel .receitas-periodo-heading{margin-top:0}
    body[data-page="despesas"] .app-page .despesas-table-panel.os-page-form-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-card-bg-color);
      border:1px solid var(--dash-border);
      border-radius:10px;
      box-shadow:none;
      padding:12px 14px
    }
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table{
      min-width:720px;
      background:transparent
    }
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table th,
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table td{
      border-bottom:1px solid var(--dash-border)
    }
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table th{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.04em;
      color:color-mix(in srgb, var(--app-text-color) 68%, transparent);
      background:transparent
    }
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table tbody tr{
      background:transparent;
      transition:background .15s ease
    }
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table tbody tr:nth-child(odd),
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table tbody tr:nth-child(even){
      background:transparent
    }
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table tbody tr:hover,
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table tbody tr:nth-child(odd):hover,
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table tbody tr:nth-child(even):hover{
      background:color-mix(in srgb, var(--app-text-color) 10%, var(--app-card-bg-color))
    }
    body[data-page="despesas"] .app-page .despesas-table-panel .despesas-table tbody tr:last-child td{
      border-bottom:none
    }
    body[data-page="despesas"] .app-page .despesas-table-panel .os-pager{
      border-top:1px solid var(--dash-border)
    }
    body[data-page="despesas"] .app-page .despesas-table-scroll{
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      margin:0 -2px
    }
    body[data-page="despesas"] .app-page .despesas-table-panel .inst-empty{margin:0}
    body[data-page="despesas"] .app-page .despesas-table-panel .os-pager{margin-top:14px}
    body[data-page="despesas"] .app-page #despesas-list-filter-form{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      background:var(--app-card-bg-color);
      border-radius:10px;
      border:1px solid var(--dash-border);
      box-shadow:none
    }
    body[data-page="despesas"] .app-page #despesas-list-filter-form label{
      color:var(--dash-muted);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.03em;
      font-weight:600
    }
    body[data-page="despesas"] .app-page #despesas-list-filter-form select,
    body[data-page="despesas"] .app-page #despesas-list-filter-form input[type="month"],
    body[data-page="despesas"] .app-page #despesas-list-filter-form input[type="search"]{
      border:1px solid var(--dash-border);
      background:var(--app-form-bg-color)
    }
    body[data-page="cartoes"] .app-page .cartoes-page-blocks{display:flex;flex-direction:column;gap:12px}
    body[data-page="cartoes"] .app-page .cartoes-periodo-resumo{
      margin:18px 0 16px;
      padding-top:14px;
      border-top:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent)
    }
    body[data-page="cartoes"] .app-page .cartoes-metrics-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      --dash-surface:var(--app-card-bg-color);
      margin-bottom:12px
    }
    body[data-page="cartoes"] .app-page .cartoes-metrics-panel .cartoes-dash-tiles{
      grid-template-columns:repeat(4,minmax(0,1fr));
      margin:0
    }
    body[data-page="cartoes"] .app-page .cartoes-metrics-panel .dash-completo-tile-delta.muted{color:var(--dash-muted)}
    body[data-page="cartoes"] .app-page .cartoes-table-panel .receitas-periodo-heading{margin-top:0}
    body[data-page="cartoes"] .app-page .cartoes-table-panel.os-page-form-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-card-bg-color);
      border:1px solid var(--dash-border);
      border-radius:10px;
      box-shadow:none;
      padding:12px 14px
    }
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table{
      min-width:860px;
      background:transparent
    }
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table th,
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table td{
      border-bottom:1px solid var(--dash-border)
    }
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table th{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.04em;
      color:color-mix(in srgb, var(--app-text-color) 68%, transparent);
      background:transparent
    }
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table tbody tr{
      background:transparent;
      transition:background .15s ease
    }
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table tbody tr:nth-child(odd),
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table tbody tr:nth-child(even){
      background:transparent
    }
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table tbody tr:hover,
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table tbody tr:nth-child(odd):hover,
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table tbody tr:nth-child(even):hover{
      background:color-mix(in srgb, var(--app-text-color) 10%, var(--app-card-bg-color))
    }
    body[data-page="cartoes"] .app-page .cartoes-table-panel .cartoes-table tbody tr:last-child td{
      border-bottom:none
    }
    body[data-page="cartoes"] .app-page .cartoes-table-scroll{
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      margin:0 -2px
    }
    body[data-page="cartoes"] .app-page .cartoes-table-panel .inst-empty{margin:0}
    body[data-page="cartoes"] .app-page #cartoes-list-filter-form{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      background:var(--app-card-bg-color);
      border-radius:10px;
      border:1px solid var(--dash-border);
      box-shadow:none
    }
    body[data-page="cartoes"] .app-page #cartoes-list-filter-form label{
      color:var(--dash-muted);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.03em;
      font-weight:600
    }
    body[data-page="cartoes"] .app-page #cartoes-list-filter-form select,
    body[data-page="cartoes"] .app-page #cartoes-list-filter-form input[type="month"],
    body[data-page="cartoes"] .app-page #cartoes-list-filter-form input[type="search"]{
      border:1px solid var(--dash-border);
      background:var(--app-form-bg-color)
    }
    #cartaoEditDlg.despesa-create-dialog{width:min(100%,560px)}
    #cartaoFaturaEditDlg.despesa-edit-dialog{width:min(100%,520px)}
    body[data-page="boletos"] .app-page .boletos-periodo-resumo{
      margin:18px 0 16px;
      padding-top:14px;
      border-top:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent)
    }
    body[data-page="boletos"] .app-page .boletos-page-blocks{display:flex;flex-direction:column;gap:12px}
    body[data-page="boletos"] .app-page .boletos-metrics-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      --dash-surface:var(--app-card-bg-color);
      margin-bottom:12px
    }
    body[data-page="boletos"] .app-page .boletos-metrics-panel .boletos-dash-tiles{
      grid-template-columns:repeat(4,minmax(0,1fr));
      margin:0
    }
    body[data-page="boletos"] .app-page .boletos-metrics-panel .dash-completo-tile-delta.muted{color:var(--dash-muted)}
    body[data-page="boletos"] .app-page .boletos-metrics-panel .grid{margin-bottom:0 !important}
    body[data-page="boletos"] .app-page .boletos-table-panel .receitas-periodo-heading{margin-top:0}
    body[data-page="boletos"] .app-page .boletos-table-panel.os-page-form-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-card-bg-color);
      border:1px solid var(--dash-border);
      border-radius:10px;
      box-shadow:none;
      padding:12px 14px
    }
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table{
      min-width:720px;
      background:transparent
    }
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table th,
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table td{
      border-bottom:1px solid var(--dash-border)
    }
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table th{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.04em;
      color:color-mix(in srgb, var(--app-text-color) 68%, transparent);
      background:transparent
    }
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table tbody tr{
      background:transparent;
      transition:background .15s ease
    }
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table tbody tr:nth-child(odd),
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table tbody tr:nth-child(even){
      background:transparent
    }
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table tbody tr:hover,
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table tbody tr:nth-child(odd):hover,
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table tbody tr:nth-child(even):hover{
      background:color-mix(in srgb, var(--app-text-color) 10%, var(--app-card-bg-color))
    }
    body[data-page="boletos"] .app-page .boletos-table-panel .boletos-table tbody tr:last-child td{
      border-bottom:none
    }
    body[data-page="boletos"] .app-page .boletos-table-panel .os-pager{
      border-top:1px solid var(--dash-border)
    }
    body[data-page="boletos"] .app-page .boletos-table-scroll{
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      margin:0 -2px;
    }
    body[data-page="boletos"] .app-page .boletos-table-panel .inst-empty{margin:0}
    body[data-page="boletos"] .app-page .boletos-table-panel .os-pager{margin-top:14px}
    body[data-page="boletos"] .app-page .boletos-benef-ano-detalhes{margin-top:14px;padding-top:14px;border-top:1px dashed color-mix(in srgb, var(--app-text-color) 14%, transparent)}
    body[data-page="boletos"] .app-page .boletos-benef-ano-detalhes-caption{margin:0 0 10px;font-size:12px;font-weight:700;color:var(--app-text-color)}
    body[data-page="boletos"] .app-page .boletos-benef-ano-detalhes-table{width:100%;border-collapse:collapse;font-size:13px}
    body[data-page="boletos"] .app-page .boletos-benef-ano-detalhes-table th,
    body[data-page="boletos"] .app-page .boletos-benef-ano-detalhes-table td{padding:8px 10px;text-align:left;border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 8%, transparent)}
    body[data-page="boletos"] .app-page .boletos-benef-ano-detalhes-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:color-mix(in srgb, var(--app-text-color) 68%, transparent);background:color-mix(in srgb, var(--app-table-bg-color) 85%, transparent)}
    body[data-page="boletos"] .app-page .boletos-benef-ano-detalhes-table tbody tr:last-child td{border-bottom:none}
    body[data-page="boletos"] .app-page .boletos-benef-ano-detalhes-table td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
    .os-page-form-panel{
      margin-top:2px;
      padding:16px 18px;
      border-radius:14px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 11%, transparent);
      background:color-mix(in srgb, var(--app-form-bg-color) 94%, var(--app-text-color));
      box-shadow:0 1px 0 color-mix(in srgb, var(--app-text-color) 5%, transparent);
    }
    .app-page .os-page-resumo-line{
      margin:0 0 18px;
      padding-top:22px;
      font-size:13px;
      line-height:1.5;
    }
    body[data-page="os"] .app-page .os-card{
      padding:0;
      overflow:hidden;
      border-radius:14px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-form-bg-color);
      box-shadow:0 2px 8px color-mix(in srgb, var(--app-text-color) 5%, transparent);
    }
    body[data-page="os"] .app-page .os-card.os-card-os-aberta{
      border-width:2px;
      border-color:#2563eb;
      box-shadow:0 4px 16px rgba(37,99,235,.18);
      background:linear-gradient(180deg, rgba(37,99,235,.09) 0%, var(--app-form-bg-color) 56px);
    }
    body[data-page="os"] .app-page .os-card.os-card-os-em-andamento{
      border-left-width:5px;
      border-left-color:#ca8a04;
    }
    body[data-page="os"] .app-page .os-card-head{
      margin-bottom:0;
      padding:14px 16px 12px;
      border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 8%, transparent);
      background:linear-gradient(180deg,color-mix(in srgb, var(--app-table-bg-color) 55%, var(--app-card-bg-color)) 0%,var(--app-form-bg-color) 100%);
    }
    body[data-page="os"] .app-page .os-fields{padding:14px 16px}
    body[data-page="os"] .app-page .os-card-actions{
      margin-top:0;
      padding:12px 16px 14px;
      border-top:1px dashed color-mix(in srgb, var(--app-text-color) 14%, transparent);
      background:color-mix(in srgb, var(--app-card-bg-color) 40%, var(--app-form-bg-color));
      display:flex;
      justify-content:flex-end;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }
    .inst-metric-grid{margin-bottom:4px}
    .inst-list-section-title{margin:20px 0 12px}
    .inst-list{display:flex;flex-direction:column;gap:14px;margin:0 0 8px}
    .inst-os-card{
      border-radius:14px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-form-bg-color);
      overflow:hidden;
      display:flex;
      flex-direction:column;
      box-shadow:0 2px 8px color-mix(in srgb, var(--app-text-color) 5%, transparent);
    }
    .inst-os-card__top{
      display:flex;
      flex-wrap:wrap;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px 16px;
      padding:14px 16px 12px;
      background:linear-gradient(180deg,color-mix(in srgb, var(--app-table-bg-color) 55%, var(--app-card-bg-color)) 0%,var(--app-form-bg-color) 100%);
      border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 8%, transparent);
    }
    .inst-os-badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;min-width:0}
    .inst-os-num{
      display:inline-flex;
      align-items:baseline;
      gap:7px;
      flex-wrap:wrap;
      font-size:clamp(15px,1.05vw,17px);
      font-weight:700;
      line-height:1.35;
      color:var(--app-text-color);
    }
    .inst-os-num__prefix{white-space:nowrap}
    .inst-os-num__value{
      font-variant-numeric:tabular-nums lining-nums;
    }
    .inst-pill{
      display:inline-flex;
      align-items:center;
      padding:5px 12px;
      border-radius:999px;
      font-size:12px;
      font-weight:700;
      background:color-mix(in srgb, var(--app-button-color) 22%, transparent);
      color:var(--app-text-color);
      border:1px solid color-mix(in srgb, var(--app-button-color) 28%, transparent);
      max-width:100%;
      word-break:break-word;
    }
    .inst-os-sum{text-align:right;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
    .inst-os-sum__date{font-size:12px;color:color-mix(in srgb, var(--app-text-color) 68%, transparent);line-height:1.35}
    .inst-os-sum__valor{font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--app-text-color);line-height:1.2}
    .inst-os-details{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(148px,1fr));
      gap:12px 14px;
      padding:14px 16px 4px;
    }
    .inst-dl{margin:0;display:flex;flex-direction:column;gap:3px;min-width:0}
    .inst-dl dt{margin:0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.68;line-height:1.2}
    .inst-dl dd{margin:0;font-size:13px;line-height:1.45;word-break:break-word;color:var(--app-text-color)}
    .inst-os-notes{padding:6px 16px 14px}
    .inst-os-notes__lbl{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.68;margin:0 0 6px}
    .inst-os-notes__body{
      margin:0;
      font-size:13px;
      line-height:1.5;
      padding:11px 13px;
      border-radius:10px;
      background:color-mix(in srgb, var(--app-text-color) 4%, var(--app-card-bg-color));
      border:1px solid color-mix(in srgb, var(--app-text-color) 9%, transparent);
      white-space:pre-wrap;
      word-break:break-word;
      color:var(--app-text-color);
    }
    .inst-os-notes__body.is-empty{opacity:.55;font-style:italic}
    .inst-os-notes__closure{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(148px,1fr));
      gap:12px 14px;
      margin-top:12px;
      padding-top:12px;
      border-top:1px dashed color-mix(in srgb, var(--app-text-color) 14%, transparent)
    }
    .inst-os-footer{
      padding:12px 16px 14px;
      display:flex;
      justify-content:flex-end;
      gap:10px;
      border-top:1px dashed color-mix(in srgb, var(--app-text-color) 14%, transparent);
      background:color-mix(in srgb, var(--app-card-bg-color) 40%, var(--app-form-bg-color));
    }
    .inst-os-footer .btn-mini,
    body[data-page="os"] .app-page .os-card-actions .btn-mini{
      width:auto;
      padding:7px 14px;
      font-size:12px;
      border-radius:8px;
      font-weight:700;
      line-height:1.15;
    }
    .inst-empty{
      margin:8px 0 12px;
      text-align:center;
      padding:36px 22px;
      border-radius:14px;
      border:1px dashed color-mix(in srgb, var(--app-text-color) 20%, transparent);
      background:color-mix(in srgb, var(--app-text-color) 4%, var(--app-card-bg-color));
      color:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      font-size:14px;
      line-height:1.5;
    }
    th,td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}
    th{background:var(--app-table-bg-color)}
    tbody tr:nth-child(odd){background:var(--app-table-row-odd-color)}
    tbody tr:nth-child(even){background:var(--app-table-row-even-color)}
    tbody tr:hover{background:inherit}
    tbody tr:nth-child(odd):hover{background:var(--app-table-hover-odd-color)}
    tbody tr:nth-child(even):hover{background:var(--app-table-hover-even-color)}
    .muted{color:#6b7280;font-size:13px}
    .btn-mini{display:inline-block;padding:4px 7px;border-radius:6px;text-decoration:none;color:#fff;border:0;cursor:pointer;font-size:12px;line-height:1.15;width:auto !important;min-height:auto !important;box-sizing:border-box}
    .btn-mini.edit,
    a.btn-mini.edit,
    button.btn-mini.edit{background:var(--btn-primary) !important;color:#fff !important}
    .btn-mini.delete,
    a.btn-mini.delete,
    button.btn-mini.delete{background:var(--btn-danger) !important;color:#fff !important}
    .btn-mini.delete:hover,
    a.btn-mini.delete:hover,
    button.btn-mini.delete:hover{background:var(--btn-danger-hover) !important}
    .btn-mini.copy-os{background:#475569 !important;color:#fff !important}
    .btn-mini.copy-os:hover{background:#334155 !important}
    .btn-mini.copy-dados{background:#6366f1 !important;color:#fff !important}
    .btn-mini.copy-dados:hover{background:#4f46e5 !important}
    .btn-mini.finalizar{background:#059669 !important;color:#fff !important}
    .btn-mini.finalizar:hover{background:#047857 !important}
    .cadastro-venda-copy-page{max-width:720px;margin:0 auto}
    .cadastro-venda-copy-page h2{margin:0 0 6px}
    .cadastro-venda-copy-page .inst-lead{margin:0 0 18px}
    body[data-page="cadastro_venda_dados"]{background:var(--app-background-color)}
    .cadastro-venda-dados-main{
      max-width:none;margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
      padding:max(24px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom))
    }
    .cadastro-venda-dados-main .flash{width:min(980px, 100%)}
    .cadastro-venda-copy-shell{width:min(980px, calc(100vw - 32px));margin:0 auto;display:flex;flex-direction:column;gap:14px}
    .cadastro-venda-copy-receipt{
      width:100%;margin:0;padding:24px 24px 28px;text-align:left;border-radius:16px;
      box-shadow:0 10px 40px color-mix(in srgb, #000 18%, transparent)
    }
    .cadastro-venda-copy-receipt h2{margin:0 0 8px;font-size:22px;text-align:left}
    .cadastro-venda-copy-receipt .inst-lead{margin:0 0 24px;text-align:left;line-height:1.5}
    .cadastro-venda-copy-highlights{
      display:grid;grid-template-columns:repeat(auto-fit, minmax(148px, 1fr));gap:12px;width:100%
    }
    .cadastro-venda-copy-highlight-card{
      padding:14px 16px;border-radius:12px;text-align:center;
      background:color-mix(in srgb, var(--btn-primary) 10%, var(--app-form-bg-color));
      border:1px solid color-mix(in srgb, var(--btn-primary) 22%, transparent)
    }
    .cadastro-venda-copy-highlight-label{
      display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;
      color:color-mix(in srgb, var(--app-text-color) 58%, transparent)
    }
    .cadastro-venda-copy-highlight-value{display:block;font-size:20px;font-weight:800;line-height:1.2;word-break:break-word}
    .cadastro-venda-copy-columns{
      display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:28px 36px;width:100%
    }
    .cadastro-venda-copy-col{flex:1 1 0;min-width:0;max-width:none}
    .cadastro-venda-copy-list{display:flex;flex-direction:column;gap:0;width:100%}
    .cadastro-venda-copy-row{
      display:grid;grid-template-columns:118px minmax(0, 1fr) 34px;grid-template-rows:auto;align-items:center;gap:10px;
      width:100%;padding:10px 0;border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent)
    }
    .cadastro-venda-copy-row:last-child{border-bottom:none;padding-bottom:0}
    .cadastro-venda-copy-label{
      font-size:12px;font-weight:700;text-align:left;white-space:nowrap;
      color:color-mix(in srgb, var(--app-text-color) 62%, transparent);line-height:1.35
    }
    .cadastro-venda-copy-value{font-size:14px;font-weight:600;text-align:left;word-break:break-word;line-height:1.4;min-width:0}
    body[data-page="cadastro_venda_dados"] button.cadastro-venda-copy-btn{
      width:34px !important;min-height:34px !important;max-width:34px !important;padding:0 !important;border:none !important;border-radius:8px !important;
      background:color-mix(in srgb, var(--btn-primary) 14%, transparent) !important;color:var(--btn-primary) !important;
      cursor:pointer;display:inline-flex !important;align-items:center;justify-content:center;box-shadow:none !important
    }
    body[data-page="cadastro_venda_dados"] button.cadastro-venda-copy-btn svg{stroke:currentColor !important;color:inherit !important}
    body[data-page="cadastro_venda_dados"] button.cadastro-venda-copy-btn:hover{
      background:color-mix(in srgb, var(--btn-primary) 22%, transparent) !important;color:var(--btn-primary) !important
    }
    body[data-page="cadastro_venda_dados"] button.cadastro-venda-copy-btn.is-copied,
    body[data-page="cadastro_venda_dados"] button.cadastro-venda-copy-btn.is-copied:hover{
      background:color-mix(in srgb, var(--btn-primary) 14%, transparent) !important;color:#fff !important;border:none !important;box-shadow:none !important
    }
    body[data-page="cadastro_venda_dados"] button.cadastro-venda-copy-btn.is-copied svg{stroke:#fff !important;color:#fff !important;filter:none}
    @media (max-width:760px){
      .cadastro-venda-copy-highlights{grid-template-columns:1fr}
      .cadastro-venda-copy-columns{flex-direction:column;align-items:stretch;gap:0}
      .cadastro-venda-copy-col{max-width:none}
      .cadastro-venda-copy-col + .cadastro-venda-copy-col{
        margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent)
      }
    }
    @media (max-width:520px){
      .cadastro-venda-copy-receipt{padding:22px 14px 26px}
      .cadastro-venda-copy-row{grid-template-columns:92px minmax(0, 1fr) 34px;gap:8px}
      .cadastro-venda-copy-label{font-size:11px;white-space:normal}
      .cadastro-venda-copy-value{font-size:13px}
    }
    @media (max-width:768px){
      .cadastro-venda-row-menu-item--desktop-only{display:none !important}
    }
    .btn-mini.reabrir{background:var(--btn-danger)}
    .btn-mini.baixar-modem{background:#0f766e !important;color:#fff !important}
    .btn-mini.baixar-modem:hover{background:#0d9488 !important}
    .btn-mini.view{background:var(--btn-primary)}
    .btn-mini.paid{background:var(--btn-primary)}
    .btn-mini.undo{background:var(--btn-danger)}
    .boletos-inline-form{display:inline;margin:0;width:auto}
    .boletos-table{table-layout:auto}
    .boletos-benef-col{width:22%}
    .boletos-benef-cell{white-space:normal;word-break:break-word}
    .boletos-actions-cell{white-space:nowrap;width:1%}
    .boletos-actions-stack{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;white-space:nowrap}
    .os-section{margin-top:22px}
    .os-section:first-of-type{margin-top:12px}
    .os-section-title{font-size:15px;font-weight:800;margin:0 0 6px;color:var(--app-text-color)}
    .os-section-desc{font-size:13px;color:var(--app-text-color);opacity:.78;margin:0 0 12px;line-height:1.35}
    .os-section.os-section-aberta .os-section-desc,
    .os-section.os-section-aberta .muted,
    .os-section.os-section-em-andamento .muted{color:var(--app-text-color);opacity:.88}
    .os-coleta-topic{margin-top:10px}
    .os-coleta-topic>summary{cursor:pointer;font-weight:700;color:var(--app-text-color);list-style:none}
    .os-coleta-topic>summary::-webkit-details-marker{display:none}
    .os-coleta-topic>summary::before{content:'▸ ';font-weight:900}
    .os-coleta-topic[open]>summary::before{content:'▾ '}
    .os-pager{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #e5e7eb}
    .os-pager-info{font-size:13px;color:#6b7280;line-height:1.4}
    .os-pager-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
    .os-pager-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid #cbd5e1;background:var(--app-form-bg-color);color:var(--app-text-color);cursor:pointer;transition:background .15s,color .15s,border-color .15s;box-sizing:border-box}
    .os-pager-btn:hover{background:#f3f4f6;border-color:#94a3b8}
    [data-theme-preset="dark"] select{color-scheme:dark}
    [data-theme-preset="dark"] select option{background:#0f172a;color:#f8fafc}
    [data-theme-preset="dark"] .os-pager-btn:hover:not(.is-active):not(.is-disabled){color:#111827}
    .os-pager-btn.os-pager-num{min-width:42px;padding:0 12px}
    .os-pager-btn.os-pager-num.is-active{background:var(--btn-primary);color:#fff;border-color:transparent}
    .os-pager-btn.os-pager-num.is-active:hover{filter:brightness(.96)}
    .os-pager-btn.is-disabled{opacity:.45;pointer-events:none;cursor:default}
    .os-pager-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:0 4px;font-weight:800;color:#9ca3af}
    .os-pager-perpage-label{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:13px;color:#6b7280;white-space:nowrap}
    .os-pager-perpage{display:inline-flex;height:38px;padding:0 8px;border-radius:10px;border:1px solid #cbd5e1;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:13px;font-weight:700;cursor:pointer;box-sizing:border-box}
    .os-list{display:grid;gap:14px;margin-top:8px}
    .os-card{border:1px solid #cbd5e1;border-radius:12px;padding:16px 18px;background:var(--app-card-bg-color);box-shadow:0 2px 8px rgba(0,0,0,.06)}
    .os-card.os-card-os-aberta{border:2px solid #2563eb;box-shadow:0 4px 16px rgba(37,99,235,.18);background:linear-gradient(180deg, rgba(37,99,235,.09) 0%, var(--app-card-bg-color) 56px)}
    .os-card.os-card-os-em-andamento{border-left:4px solid #ca8a04}
    .os-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}
    .os-card-title{font-size:17px;font-weight:800;letter-spacing:.02em;color:var(--app-text-color)}
    .os-status-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;text-transform:capitalize;border:1px solid transparent}
    .os-status-badge.os-st-aberta{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}
    .os-status-badge.os-st-em_andamento{color:#a16207;background:#fef9c3;border-color:#facc15}
    .os-status-badge.os-st-finalizada{color:#166534;background:#dcfce7;border-color:#86efac}
    .os-status-badge.os-st-cancelada{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}
    .os-status-badge.os-st-outro{color:#374151;background:#f3f4f6;border-color:#d1d5db}
    .suporte-status-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent;white-space:nowrap}
    .suporte-status-badge.suporte-st-aberto{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}
    .suporte-status-badge.suporte-st-andamento{color:#a16207;background:#fef9c3;border-color:#facc15}
    .suporte-status-badge.suporte-st-resolvido{color:#166534;background:#dcfce7;border-color:#86efac}
    .suporte-status-badge.suporte-st-fechado{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}
    .suporte-status-badge.suporte-st-outro{color:#374151;background:#f3f4f6;border-color:#d1d5db}
    .suporte-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
    .suporte-actions form{display:inline-flex}
    body[data-page="suporte_chamado"]{
      background:var(--app-background-color);
      overflow:auto;
    }
    body[data-page="suporte_chamado"] .container.suporte-chamado-main{
      width:100%;
      max-width:860px;
      margin:0 auto;
      padding:20px 16px 28px;
      min-height:auto;
      height:auto;
    }
    .suporte-ticket-card{
      display:grid;
      gap:12px;
    }
    .suporte-ticket-top{
      display:grid;
      gap:8px;
    }
    .suporte-ticket-head{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:8px 12px;
    }
    .suporte-ticket-head h2{
      margin:0;
      font-size:18px;
      line-height:1.2;
    }
    .suporte-ticket-meta{
      display:grid;
      gap:4px;
      padding:10px 12px;
      border-radius:10px;
      background:color-mix(in srgb,var(--app-text-color) 4%,transparent);
      border:1px solid color-mix(in srgb,var(--app-text-color) 10%,transparent);
      font-size:13px;
      line-height:1.35;
    }
    .suporte-ticket-meta-row{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:0;
    }
    .suporte-ticket-meta-row span{
      white-space:nowrap;
    }
    .suporte-ticket-meta-sep{
      margin:0 12px;
      color:color-mix(in srgb,var(--app-text-color) 45%,transparent);
      font-weight:400;
    }
    .suporte-ticket-meta-row strong{
      font-weight:700;
      color:color-mix(in srgb,var(--app-text-color) 72%,transparent);
    }
    .suporte-ticket-footer{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
      padding-top:12px;
      margin-top:4px;
      border-top:1px solid color-mix(in srgb,var(--app-text-color) 10%,transparent);
    }
    .suporte-ticket-footer form{
      display:inline-flex;
      gap:8px;
      align-items:center;
    }
    .suporte-ticket-actions{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
    }
    .suporte-ticket-actions form{
      display:inline-flex;
      gap:8px;
      align-items:center;
    }
    .suporte-ticket-btn,
    .suporte-ticket-footer select,
    .suporte-ticket-actions select{
      height:34px;
      min-height:34px;
      min-width:112px;
      padding:0 14px;
      border-radius:8px;
      font-size:12px;
      font-weight:700;
      line-height:1;
      box-sizing:border-box;
    }
    .suporte-ticket-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      white-space:nowrap;
      width:auto !important;
    }
    .suporte-ticket-actions select,
    .suporte-ticket-footer select{
      width:auto;
      min-width:148px;
      border:1px solid color-mix(in srgb,var(--app-text-color) 18%,transparent);
      background:var(--app-form-bg-color);
      color:var(--app-text-color);
    }
    .suporte-ticket-thread{
      display:grid;
      gap:10px;
      max-height:420px;
      overflow:auto;
      padding-right:4px;
    }
    .suporte-ticket-message{
      padding:12px 14px;
      border-radius:12px;
      border:1px solid color-mix(in srgb,var(--app-text-color) 10%,transparent);
      background:color-mix(in srgb,var(--app-text-color) 3%,transparent);
    }
    .suporte-ticket-message.is-suporte{
      border-color:color-mix(in srgb,#16a34a 28%,transparent);
      background:color-mix(in srgb,#16a34a 8%,transparent);
    }
    .suporte-ticket-message-head{
      display:flex;
      justify-content:space-between;
      gap:10px;
      margin-bottom:6px;
      font-size:12px;
      color:color-mix(in srgb,var(--app-text-color) 62%,transparent);
    }
    .suporte-ticket-message-head strong{
      color:var(--app-text-color);
      font-size:13px;
    }
    .suporte-ticket-message-body{
      margin:0;
      white-space:pre-wrap;
      line-height:1.5;
      font-size:14px;
    }
    .suporte-ticket-reply{
      display:grid;
      gap:10px;
      padding-top:4px;
      border-top:1px solid color-mix(in srgb,var(--app-text-color) 10%,transparent);
    }
    .suporte-ticket-reply textarea{
      width:100%;
      min-height:96px;
      resize:vertical;
      border-radius:12px;
      border:1px solid color-mix(in srgb,var(--app-text-color) 14%,transparent);
      background:var(--app-form-bg-color);
      color:var(--app-text-color);
      padding:12px 14px;
      font:inherit;
    }
    .suporte-ticket-reply-actions{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
    }
    .suporte-ticket-attach-btn{
      position:relative;
      overflow:hidden;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .suporte-ticket-file-input{
      position:absolute;
      inset:0;
      opacity:0;
      cursor:pointer;
    }
    .suporte-ticket-anexo{
      margin-top:8px;
    }
    .suporte-ticket-anexo-img{
      display:block;
      max-width:240px;
      max-height:180px;
      border-radius:10px;
      border:1px solid color-mix(in srgb,var(--app-text-color) 12%,transparent);
    }
    .suporte-ticket-anexo-link{
      display:inline-flex;
      align-items:center;
      gap:6px;
      font-size:13px;
      color:var(--btn-primary);
      text-decoration:none;
    }
    .suporte-ticket-anexo-link:hover{text-decoration:underline}
    .suporte-ticket-closed{
      padding:12px 14px;
      border-radius:12px;
      text-align:center;
      font-size:13px;
      color:color-mix(in srgb,var(--app-text-color) 62%,transparent);
      background:color-mix(in srgb,var(--app-text-color) 4%,transparent);
    }
    .os-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 20px}
    .os-field{min-width:0}
    .os-field label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin:0 0 5px}
    .os-field .os-value{margin:0;font-size:14px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere;word-break:normal;color:var(--app-text-color)}
    .os-field .os-value.os-agendamento-valor{font-weight:700;color:#60a5fa}
    .tech-mobile-only .tech-os-meta-agendamento .os-agendamento-valor{display:block;margin:2px 0 0;padding:0;font-weight:700;color:#60a5fa}
    .tech-mobile-only .tech-os-meta-agendamento strong{margin-bottom:0}
    .os-field.os-field-wide{grid-column:1/-1}
    /* Endereço + Complemento: colunas 1 e 2 (como Serviço e Nome), não metade da linha (que alinhava Complemento com Senha). */
    .os-field-os-end-comp-row{grid-column:1/-1;display:grid;gap:14px 20px;align-items:start;grid-template-columns:1fr}
    @media (min-width:901px){
      @supports (grid-template-columns: subgrid){
        .os-field-os-end-comp-row{grid-template-columns:subgrid}
        .os-field-os-end-comp-row > .os-field:nth-child(1){grid-column:1}
        .os-field-os-end-comp-row > .os-field:nth-child(2){grid-column:2}
      }
      @supports not (grid-template-columns: subgrid){
        .os-field-os-end-comp-row{grid-template-columns:repeat(4,minmax(0,1fr))}
        .os-field-os-end-comp-row > .os-field:nth-child(1){grid-column:1}
        .os-field-os-end-comp-row > .os-field:nth-child(2){grid-column:2}
      }
    }
    .os-field.os-valor .os-value{font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}
    .os-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #e5e7eb;align-items:center}
    body[data-page="os"] .app-page .os-card-actions .os-card-action-form{display:inline;margin:0;width:auto}
    body[data-page="os"] .app-page .os-page-blocks{display:flex;flex-direction:column;gap:12px}
    body[data-page="os"] .app-page .os-periodo-resumo{
      margin:18px 0 16px;
      padding-top:14px;
      border-top:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent)
    }
    body[data-page="os"] .app-page .os-metrics-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      --dash-surface:var(--app-card-bg-color);
      margin-bottom:12px
    }
    body[data-page="os"] .app-page .os-metrics-panel .os-dash-tiles{
      grid-template-columns:repeat(4,minmax(0,1fr));
      margin:0
    }
    body[data-page="os"] .app-page .os-metrics-panel .dash-completo-tile-delta.muted{color:var(--dash-muted)}
    body[data-page="os"] .app-page .os-list-panel.os-page-form-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-card-bg-color);
      border:1px solid var(--dash-border);
      border-radius:10px;
      box-shadow:none;
      padding:12px 14px
    }
    body[data-page="os"] .app-page .os-list-panel .os-section-title{
      margin:0 0 12px;
      font-size:15px
    }
    body[data-page="os"] .app-page .os-list-panel .os-section + .os-section{
      margin-top:20px;
      padding-top:16px;
      border-top:1px solid var(--dash-border)
    }
    body[data-page="os"] .app-page .os-list-panel .os-pager{
      border-top:1px solid var(--dash-border);
      margin-top:14px
    }
    body[data-page="os"] .app-page #os-list-filter-form{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      background:var(--app-card-bg-color);
      border-radius:10px;
      border:1px solid var(--dash-border);
      box-shadow:none
    }
    body[data-page="os"] .app-page #os-list-filter-form label{
      color:var(--dash-muted);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.04em;
      font-weight:600
    }
    body[data-page="os"] .app-page #os-list-filter-form input[type="month"],
    body[data-page="os"] .app-page #os-list-filter-form input[type="date"],
    body[data-page="os"] .app-page #os-list-filter-form input[type="text"]{
      border-color:var(--dash-border)
    }
    #osEditDlg.despesa-create-dialog,
    #osEditFinalizadaDlg.despesa-edit-dialog{width:min(100%,680px)}
    .os-edit-modal-form .field-os-full,
    .os-edit-modal-form .field-os-agenda,
    .os-edit-modal-form .despesa-create-modal-actions{grid-column:1 / -1}
    .os-edit-modal-form .os-agenda-datetime-four,
    .os-edit-modal-form .os-agenda-datetime-five{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
      align-items:end;
      width:100%
    }
    .os-edit-modal-form .os-agenda-datetime-four > div,
    .os-edit-modal-form .os-agenda-datetime-five > div{
      display:flex;
      flex-direction:column;
      min-width:0
    }
    @media (min-width:720px){
      .os-edit-modal-form .os-agenda-datetime-four{grid-template-columns:repeat(4,minmax(0,1fr))}
      .os-edit-modal-form .os-agenda-datetime-five{grid-template-columns:repeat(5,minmax(0,1fr))}
    }
    @media (max-width:560px){
      .os-edit-modal-form .os-agenda-datetime-four,
      .os-edit-modal-form .os-agenda-datetime-five{grid-template-columns:1fr}
    }
    body[data-page="instalacoes"] .inst-page .inst-page-blocks{display:flex;flex-direction:column;gap:12px}
    body[data-page="instalacoes"] .inst-page .inst-periodo-resumo{
      margin:18px 0 16px;
      padding-top:14px;
      border-top:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent)
    }
    body[data-page="instalacoes"] .inst-page .inst-metrics-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      --dash-surface:var(--app-card-bg-color);
      margin-bottom:12px
    }
    body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles:not(.inst-dash-tiles--tech):not(.inst-dash-tiles--svc){
      grid-template-columns:repeat(4,minmax(0,1fr));
      margin:0
    }
    body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles:not(.inst-dash-tiles--tech):not(.inst-dash-tiles--svc) .dash-completo-tile:nth-child(4n){border-right:none}
    body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--tech{
      grid-template-columns:repeat(3,minmax(0,1fr));
      margin-top:12px
    }
    body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--tech .dash-completo-tile:nth-child(3n){border-right:none}
    body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc{
      grid-template-columns:repeat(3,minmax(0,1fr));
      margin-top:12px
    }
    body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc .dash-completo-tile:nth-child(3n){border-right:none}
    body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc .dash-completo-tile:not(:nth-last-child(-n+3)){border-bottom:1px solid var(--dash-border)}
    body[data-page="instalacoes"] .inst-page .inst-metrics-panel .dash-completo-tile-delta.muted{color:var(--dash-muted)}
    body[data-page="instalacoes"] .inst-page .inst-metrics-subtitle{
      margin:16px 0 0;
      font-size:13px;
      font-weight:700;
      letter-spacing:.01em;
      color:color-mix(in srgb, var(--app-text-color) 78%, transparent)
    }
    body[data-page="instalacoes"] .inst-page .inst-list-panel.os-page-form-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-card-bg-color);
      border:1px solid var(--dash-border);
      border-radius:10px;
      box-shadow:none;
      padding:12px 14px
    }
    body[data-page="instalacoes"] .inst-page .inst-list-panel .inst-list-section-title{margin-top:0}
    body[data-page="instalacoes"] .inst-page .inst-list-panel .inst-empty{margin:0}
    body[data-page="instalacoes"] .inst-page .inst-list-panel .os-pager{
      border-top:1px solid var(--dash-border);
      margin-top:14px
    }
    body[data-page="instalacoes"] .inst-page #instalacoes-filter-form{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      background:var(--app-card-bg-color);
      border-radius:10px;
      border:1px solid var(--dash-border);
      box-shadow:none
    }
    body[data-page="instalacoes"] .inst-page #instalacoes-filter-form label{
      color:var(--dash-muted);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.04em;
      font-weight:600
    }
    body[data-page="instalacoes"] .inst-page #instalacoes-filter-form input[type="month"],
    body[data-page="instalacoes"] .inst-page #instalacoes-filter-form input[type="date"],
    body[data-page="instalacoes"] .inst-page #instalacoes-filter-form input[type="text"]{
      border-color:var(--dash-border)
    }
    #instEditDlg.despesa-edit-dialog{width:min(100%,640px)}
    .agenda-embed-root.agenda-page-blocks{display:flex;flex-direction:column;gap:14px}
    .agenda-embed-root .agenda-dates-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
    }
    @media (max-width:1100px){
      .agenda-embed-root .agenda-dates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media (max-width:720px){
      .agenda-embed-root .agenda-dates-grid{grid-template-columns:1fr}
    }
    .agenda-embed-root .agenda-date-card{
      background:var(--app-card-bg-color);
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
      border-radius:12px;
      padding:14px;
      display:flex;
      flex-direction:column;
      gap:12px;
      min-width:0;
    }
    .agenda-embed-root .agenda-date-card.is-full{opacity:.72}
    .agenda-embed-root .agenda-date-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      padding-bottom:8px;
      border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);
    }
    .agenda-embed-root .agenda-date-title{margin:0;font-size:15px;font-weight:700}
    .agenda-embed-root .agenda-date-badge{
      font-size:11px;
      font-weight:700;
      padding:4px 8px;
      border-radius:999px;
      background:color-mix(in srgb, var(--btn-primary) 14%, transparent);
      color:var(--btn-primary);
      white-space:nowrap;
    }
    .agenda-embed-root .agenda-date-badge.is-full{
      background:color-mix(in srgb, #64748b 18%, transparent);
      color:color-mix(in srgb, var(--app-text-color) 72%, transparent);
    }
    .agenda-embed-root .agenda-periods{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .agenda-embed-root .agenda-period-col{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .agenda-embed-root .agenda-period-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:6px;
      font-size:12px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.03em;
    }
    .agenda-embed-root .agenda-period-count{
      font-size:11px;
      font-weight:600;
      color:color-mix(in srgb, var(--app-text-color) 58%, transparent);
    }
    .agenda-embed-root .agenda-period-count.is-full{color:#b91c1c}
    .agenda-embed-root .agenda-slot-list{display:flex;flex-direction:column;gap:8px;min-height:48px}
    .agenda-embed-root .agenda-slot-empty{
      font-size:12px;
      color:color-mix(in srgb, var(--app-text-color) 48%, transparent);
      padding:10px;
      border:1px dashed color-mix(in srgb, var(--app-text-color) 16%, transparent);
      border-radius:8px;
      text-align:center;
    }
    .agenda-embed-root .agenda-client-card{
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
      border-radius:10px;
      padding:10px;
      background:color-mix(in srgb, var(--app-text-color) 3%, var(--app-card-bg-color));
      display:flex;
      flex-direction:column;
      gap:6px;
      min-width:0;
    }
    .agenda-embed-root .agenda-client-card.is-finalizada{opacity:.78}
    .agenda-embed-root .agenda-client-card.is-os-only{
      border-color:color-mix(in srgb, #3b82f6 28%, transparent);
      background:color-mix(in srgb, #3b82f6 5%, var(--app-card-bg-color));
    }
    .agenda-embed-root .agenda-client-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
    .agenda-embed-root .agenda-client-name{font-size:13px;font-weight:700;line-height:1.3;word-break:break-word;flex:1;min-width:0}
    .agenda-embed-root .agenda-servico-tag{
      display:inline-flex;align-items:center;flex-shrink:0;
      padding:2px 8px;border-radius:999px;font-size:9px;font-weight:800;
      letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
    }
    .agenda-embed-root .agenda-servico-tag.agenda-servico-instalacao{
      color:#166534;background:#dcfce7;border:1px solid #86efac;
    }
    .agenda-embed-root .agenda-servico-tag.agenda-servico-manutencao{
      color:#9a3412;background:#ffedd5;border:1px solid #fdba74;
    }
    .agenda-embed-root .agenda-servico-tag.agenda-servico-coleta{
      color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;
    }
    .agenda-embed-root .agenda-client-meta{font-size:11px;color:color-mix(in srgb, var(--app-text-color) 62%, transparent);line-height:1.35}
    .agenda-embed-root .agenda-client-actions{display:flex;gap:6px;flex-wrap:wrap}
    .agenda-embed-root .agenda-client-actions .btn-mini{width:auto !important;font-size:11px !important;padding:4px 10px !important}
    .agenda-embed-root .agenda-client-actions .os-status-badge{
      font-size:10px !important;
      padding:4px 9px !important;
      text-decoration:none;
      white-space:nowrap;
    }
    .agenda-embed-root .agenda-os-status-empty{
      display:inline-flex;
      align-items:center;
      padding:4px 9px;
      border-radius:999px;
      font-size:10px;
      font-weight:700;
      color:color-mix(in srgb, var(--app-text-color) 52%, transparent);
      background:color-mix(in srgb, var(--app-text-color) 6%, transparent);
      border:1px dashed color-mix(in srgb, var(--app-text-color) 18%, transparent);
      white-space:nowrap;
    }
    body[data-page="agenda"] .agenda-periodo-options{display:flex;flex-direction:column;gap:8px}
    body[data-page="agenda"] .agenda-periodo-option,
    body[data-page="cadastro_vendas"] .agenda-periodo-option{
      display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);
      border-radius:10px;cursor:pointer;background:var(--app-form-bg-color);
    }
    body[data-page="agenda"] .agenda-periodo-option.is-disabled,
    body[data-page="cadastro_vendas"] .agenda-periodo-option.is-disabled{opacity:.45;cursor:not-allowed}
    body[data-page="agenda"] .agenda-periodo-option input,
    body[data-page="cadastro_vendas"] .agenda-periodo-option input{margin-top:2px}
    #agendaEditDlg.despesa-create-dialog{width:min(100%,520px)}
    @media (max-width:720px){
      .agenda-embed-root .agenda-periods{grid-template-columns:1fr}
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-page-blocks{display:flex;flex-direction:column;gap:12px}
    body[data-page="cancelamento"] .app-page .cancelamentos-periodo-resumo{
      margin:18px 0 16px;
      padding-top:14px;
      border-top:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent)
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      --dash-surface:var(--app-card-bg-color);
      margin-bottom:12px
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .cancelamentos-dash-tiles{
      grid-template-columns:repeat(4,minmax(0,1fr));
      margin:0
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .cancelamentos-dash-tiles .dash-completo-tile:nth-child(4n){border-right:none}
    body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .dash-completo-tile-delta.muted{color:var(--dash-muted)}
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel.os-page-form-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-card-bg-color);
      border:1px solid var(--dash-border);
      border-radius:10px;
      box-shadow:none;
      padding:12px 14px
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .receitas-periodo-heading{margin-top:0}
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table{
      min-width:720px;
      background:transparent
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table th,
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table td{
      border-bottom:1px solid var(--dash-border)
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table th{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.04em;
      color:color-mix(in srgb, var(--app-text-color) 68%, transparent);
      background:transparent
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table tbody tr{
      background:transparent;
      transition:background .15s ease
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table tbody tr:nth-child(odd),
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table tbody tr:nth-child(even){
      background:transparent
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table tbody tr:hover,
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table tbody tr:nth-child(odd):hover,
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table tbody tr:nth-child(even):hover{
      background:color-mix(in srgb, var(--app-text-color) 10%, var(--app-card-bg-color))
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .cancelamentos-table tbody tr:last-child td{
      border-bottom:none
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-table-scroll{
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      margin:0 -2px
    }
    body[data-page="cancelamento"] .app-page .cancelamentos-table-panel .inst-empty{margin:0}
    body[data-page="cancelamento"] .app-page .cancelamentos-actions-cell{white-space:nowrap}
    body[data-page="cancelamento"] .app-page .cancelamentos-actions-cell .boletos-actions-stack{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center
    }
    #cancelamentoEditDlg.despesa-edit-dialog{width:min(100%,560px)}
    body[data-page="vendas"] .app-page .receita-mes-card{
      background:var(--app-card-bg-color) !important;
      color:var(--app-text-color) !important;
      box-shadow:none !important;
      filter:none !important;
      min-height:96px !important;
      height:auto !important;
      padding:12px 14px !important;
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
    }
    body[data-page="vendas"] .app-page .receita-mes-card:hover{
      background:color-mix(in srgb, var(--app-text-color) 6%, var(--app-card-bg-color)) !important;
      border-color:color-mix(in srgb, var(--app-text-color) 22%, transparent);
      filter:none !important;
      transform:none;
      box-shadow:none !important;
    }
    body[data-page="vendas"] .app-page .receita-mes-card.is-ativo{
      border-color:color-mix(in srgb, var(--app-button-color) 45%, transparent);
      box-shadow:0 0 0 1px color-mix(in srgb, var(--app-button-color) 22%, transparent) inset;
      background:color-mix(in srgb, var(--app-button-color) 8%, var(--app-card-bg-color)) !important;
    }
    body[data-page="vendas"] .app-page .receita-periodo-card__actions .os-card-action-form{display:inline;margin:0;width:auto}
    body[data-page="vendas"] .app-page form.receita-cadastro-form.os-form{display:block;width:100%;max-width:100%}
    body[data-page="vendas"] .app-page .receita-cadastro-linha{
      display:grid;
      grid-template-columns:minmax(160px,1.45fr) minmax(96px,0.42fr) minmax(108px,0.38fr) auto;
      gap:12px 14px;
      align-items:end;
    }
    body[data-page="vendas"] .app-page .receita-cadastro-linha .field{margin:0;min-width:0}
    body[data-page="vendas"] .app-page .receita-cadastro-linha__acoes .receita-cadastro-acoes-spacer{display:block;min-height:18px;margin-bottom:6px}
    body[data-page="vendas"] .app-page .receita-cadastro-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
    body[data-page="vendas"] .app-page .receita-cadastro-submit{
      width:auto !important;
      min-height:34px !important;
      height:34px !important;
      padding:6px 16px;
      border-radius:8px;
      font-size:12px;
      font-weight:700;
      white-space:nowrap;
      cursor:pointer;
    }
    body[data-page="vendas"] .app-page a.receita-cadastro-cancel{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:34px;
      padding:6px 14px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      font-weight:600;
      text-decoration:none;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
      white-space:nowrap;
      box-sizing:border-box;
    }
    @media (max-width:900px){
      body[data-page="vendas"] .app-page .receita-cadastro-linha{grid-template-columns:1fr 1fr}
      body[data-page="vendas"] .app-page .receita-cadastro-linha .field:nth-child(1){grid-column:1/-1}
      body[data-page="vendas"] .app-page .receita-cadastro-linha__acoes{grid-column:1/-1}
    }
    .receitas-list{display:flex;flex-direction:column;gap:14px;margin:0 0 8px}
    .receita-periodo-card{
      position:relative;
      border-radius:16px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 11%, transparent);
      background:linear-gradient(135deg,color-mix(in srgb,#059669 7%, var(--app-form-bg-color)) 0%,var(--app-form-bg-color) 48%, var(--app-form-bg-color) 100%);
      box-shadow:0 2px 10px color-mix(in srgb, var(--app-text-color) 6%, transparent), inset 0 1px 0 color-mix(in srgb,#fff 40%, transparent);
      overflow:hidden;
    }
    .receita-periodo-card::before{
      content:'';
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:5px;
      border-radius:16px 0 0 16px;
      background:linear-gradient(180deg,#059669 0%,#10b981 55%,#34d399 100%);
      opacity:.95;
    }
    .receita-periodo-card__inner{padding:14px 16px 14px 20px}
    .receita-periodo-card__row{
      display:flex;
      flex-wrap:wrap;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px 18px;
    }
    .receita-periodo-card__left{min-width:0;flex:1 1 200px}
    .receita-periodo-card__titulo{
      margin:0 0 8px;
      font-size:1.05rem;
      font-weight:800;
      letter-spacing:-.02em;
      line-height:1.3;
      color:var(--app-text-color);
    }
    .receita-periodo-card__sub{
      margin:0;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:6px 8px;
      font-size:12px;
      line-height:1.35;
      color:color-mix(in srgb, var(--app-text-color) 58%, transparent);
    }
    .receita-periodo-card__badge-id{
      display:inline-flex;
      align-items:center;
      padding:2px 8px;
      border-radius:6px;
      font-weight:700;
      font-variant-numeric:tabular-nums;
      font-size:11px;
      letter-spacing:.02em;
      text-transform:uppercase;
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent);
      color:color-mix(in srgb, var(--app-text-color) 85%, transparent);
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
    }
    .receita-periodo-card__sep{opacity:.45}
    .receita-periodo-card__valor{
      flex:0 0 auto;
      align-self:center;
      white-space:nowrap;
      font-size:1.25rem;
      font-weight:800;
      font-variant-numeric:tabular-nums;
      line-height:1.15;
      color:#065f46;
      letter-spacing:-.02em;
    }
    [data-theme-preset="dark"] .receita-periodo-card__valor{color:#d1fae5}
    .receita-periodo-card__actions{
      margin-top:14px;
      padding-top:12px;
      border-top:1px dashed color-mix(in srgb, var(--app-text-color) 14%, transparent);
      display:flex;
      justify-content:flex-end;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }
    .receita-periodo-card__actions .btn-mini{
      width:auto;
      padding:7px 14px;
      font-size:12px;
      border-radius:8px;
      font-weight:700;
      line-height:1.15;
    }
    .receita-page-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0}
    .receita-filter-btn{width:auto !important;min-height:40px;padding:0 18px;border:1px solid color-mix(in srgb, var(--app-text-color) 18%, transparent);border-radius:10px;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:none}
    .receita-filter-btn:hover{background:color-mix(in srgb, var(--app-button-color) 10%, var(--app-form-bg-color));border-color:color-mix(in srgb, var(--app-button-color) 35%, transparent)}
    .receita-filter-modal-form .field{grid-column:1 / -1}
    #vendaFilterDlg .despesa-create-modal-actions{display:flex;flex-wrap:wrap;gap:10px}
    #vendaFilterDlg .venda-filter-reset{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:40px;
      padding:0 16px;
      border:1px solid #cbd5e1;
      border-radius:10px;
      background:var(--app-form-bg-color);
      color:var(--app-text-color);
      font-size:14px;
      font-weight:700;
      text-decoration:none;
      white-space:nowrap;
      width:auto !important;
    }
    #vendaFilterDlg .venda-filter-reset:hover{background:color-mix(in srgb, var(--app-button-color) 10%, var(--app-form-bg-color))}
    .receita-resumo-panel{margin-bottom:0}
    body[data-page="vendas"] .app-page .receita-page-blocks{display:flex;flex-direction:column;gap:12px}
    body[data-page="vendas"] .app-page .receita-metrics-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      --dash-surface:var(--app-card-bg-color);
      margin-bottom:12px
    }
    body[data-page="vendas"] .app-page .receita-metrics-panel .receita-dash-tiles{
      grid-template-columns:repeat(3,minmax(0,1fr));
      margin:0
    }
    body[data-page="vendas"] .app-page .receita-metrics-panel .dash-completo-tile-delta.muted{color:var(--dash-muted)}
    body[data-page="vendas"] .app-page .receita-periodo-resumo{
      margin:0 0 4px;
      padding-top:0;
      border-top:none
    }
    body[data-page="vendas"] .app-page .receita-calendario-panel .receitas-periodo-heading{margin-top:0}
    body[data-page="vendas"] .app-page .receita-calendario-panel.os-page-form-panel{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-card-bg-color);
      border:1px solid var(--dash-border);
      border-radius:10px;
      box-shadow:none;
      padding:12px 14px
    }
    body[data-page="vendas"] .app-page .receita-calendario-wrap{margin-top:0}
    body[data-page="vendas"] .app-page .receita-calendario-hint{margin:12px 0 0;font-size:12px}
    .receita-mes-card{
      display:flex;
      flex-direction:column;
      gap:6px;
      min-height:96px;
      padding:12px 14px;
      border-radius:12px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-metric-card-bg-color);
      color:inherit;
      text-decoration:none;
      text-align:left;
      font:inherit;
      width:100%;
      cursor:pointer;
      box-shadow:none;
      transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    }
    .receita-mes-card:hover{
      border-color:color-mix(in srgb, var(--app-text-color) 22%, transparent);
      background:color-mix(in srgb, var(--app-text-color) 6%, var(--app-card-bg-color));
    }
    .receita-mes-card.is-ativo{
      border-color:color-mix(in srgb, var(--app-button-color) 45%, transparent);
      box-shadow:0 0 0 1px color-mix(in srgb, var(--app-button-color) 22%, transparent) inset;
      background:color-mix(in srgb, var(--app-button-color) 8%, var(--app-card-bg-color));
    }
    .receita-mes-card.is-vazio .receita-mes-card__valor{opacity:.72}
    .receita-mes-card__abbr{
      font-size:11px;
      font-weight:800;
      letter-spacing:.08em;
      color:color-mix(in srgb, var(--app-text-color) 55%, transparent);
    }
    .receita-mes-card__nome{
      display:block;
      font-size:14px;
      line-height:1.25;
      font-weight:800;
      letter-spacing:-.02em;
    }
    .receita-mes-card__valor{
      margin-top:auto;
      font-size:13px;
      font-weight:700;
      color:var(--app-text-color);
      font-variant-numeric:tabular-nums;
    }
    .receita-calendario-wrap{margin-top:14px}
    .receita-calendario-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
    }
    .receita-calendario-hint{margin:10px 0 0;font-size:12px}
    @media (max-width:900px){
      .receita-calendario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    }
    @media (max-width:640px){
      .receita-calendario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    #vendaCreateDlg.despesa-create-dialog{width:min(100%,520px)}
    #vendaEditDlg.despesa-edit-dialog{width:min(100%,520px)}
    .despesa-edit-modal-form .field-venda-mes,
    .despesa-edit-modal-form .field-venda-ano{min-width:0}
    .receitas-periodo-heading{
      display:flex;
      align-items:center;
      gap:10px;
      margin:20px 0 12px;
      font-size:15px;
      font-weight:800;
      letter-spacing:-.02em;
      color:var(--app-text-color);
    }
    .receitas-periodo-heading::before{
      content:'';
      width:4px;
      height:1.15em;
      border-radius:4px;
      background:linear-gradient(180deg,#059669,#34d399);
      flex-shrink:0;
    }
    @media (max-width:560px){
      .receita-periodo-card__row{
        flex-direction:column;
        align-items:stretch;
      }
      .receita-periodo-card__valor{
        align-self:flex-end;
        text-align:right;
      }
    }
    .os-tecnico-pc-footer{margin-top:16px;padding-top:14px;border-top:1px solid #e5e7eb}
    .os-tecnico-pc-footer form{display:grid;gap:8px}
    .os-card-actions form{display:inline;margin:0}
    .boleto-upload-form{display:grid;grid-template-columns:minmax(160px,210px) minmax(130px,170px) minmax(160px,210px) minmax(120px,150px) minmax(140px,170px) auto;gap:8px;align-items:end;justify-content:start}
    .boleto-upload-form .field{display:flex;flex-direction:column;min-width:0}
    .boleto-upload-form .field label{margin-bottom:4px;font-size:12px}
    .boleto-upload-form .field input,
    .boleto-upload-form .field select,
    .boleto-upload-form .field button{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
    }
    .boleto-upload-form .field input[type="file"]{
      min-height:34px !important;
      height:34px !important;
      padding:3px 6px;
      line-height:1;
      font-size:11px;
    }
    .boleto-upload-form .field input[type="file"]::file-selector-button{
      padding:3px 6px;
      margin-right:6px;
      font-size:11px;
      border-radius:6px;
    }
    .boleto-upload-form .submit-wrap{display:flex;align-items:end;justify-content:flex-start;min-width:110px}
    .boleto-upload-form .submit-wrap button{width:110px !important}
    .boleto-edit-form{display:grid;grid-template-columns:minmax(130px,1.5fr) minmax(96px,1fr) minmax(110px,1fr) minmax(118px,1fr) minmax(92px,.85fr) auto;gap:8px;align-items:end;justify-content:start;width:100%}
    .boleto-edit-form .field{display:flex;flex-direction:column;min-width:0}
    .boleto-edit-form .field label{margin-bottom:4px;font-size:12px}
    .boleto-edit-form .field input,
    .boleto-edit-form .field select,
    .boleto-edit-form .field button,
    .boleto-edit-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .boleto-edit-form .actions{display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex-wrap:nowrap;min-width:0}
    .boleto-edit-form .field.actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}
    .boleto-edit-form .actions button,
    .boleto-edit-form .actions a{width:auto !important;white-space:nowrap}
    .boleto-edit-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    .cartao-edit-form{display:grid;grid-template-columns:minmax(130px,1.4fr) minmax(120px,1fr) minmax(74px,.65fr) minmax(110px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) auto;gap:8px;align-items:end;justify-content:start;width:100%}
    .cartao-edit-form .field{display:flex;flex-direction:column;min-width:0}
    .cartao-edit-form .field label{margin-bottom:4px;font-size:12px}
    .cartao-edit-form .field input,
    .cartao-edit-form .field select,
    .cartao-edit-form .field button,
    .cartao-edit-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .cartao-edit-form .actions{display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex-wrap:nowrap;min-width:0}
    .cartao-edit-form .field.actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}
    .cartao-edit-form .actions button,
    .cartao-edit-form .actions a{width:auto !important;white-space:nowrap}
    .cartao-edit-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    .boleto-filter-form{display:grid;grid-template-columns:minmax(220px,260px) minmax(220px,260px) auto;gap:8px;align-items:end;justify-content:start}
    .boleto-filter-form .field{display:flex;flex-direction:column;min-width:0}
    .boleto-filter-form .field label{margin-bottom:4px;font-size:12px}
    .boleto-filter-form .field input,
    .boleto-filter-form .field select,
    .boleto-filter-form .field button,
    .boleto-filter-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .boleto-filter-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start}
    .boleto-filter-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    .despesa-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,0.85fr) minmax(120px,0.9fr) minmax(110px,0.8fr) auto;gap:8px;align-items:end;justify-content:start;width:100%}
    .despesa-form .field{display:flex;flex-direction:column;min-width:0}
    .despesa-form .field label{margin-bottom:4px;font-size:12px}
    .despesa-form .field input,
    .despesa-form .field select,
    .despesa-form .field button,
    .despesa-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .despesa-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start;flex-wrap:nowrap}
    .despesa-form .field.actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}
    .despesa-form .actions button,
    .despesa-form .actions a{width:auto !important;white-space:nowrap}
    .despesa-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    .os-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;align-items:end;justify-content:stretch;width:100%;max-width:100%;box-sizing:border-box}
    .os-form .field{display:flex;flex-direction:column;min-width:0}
    .os-form .os-field-agenda,.os-form .os-field-full{grid-column:1/-1}
    .cancelamento-inline-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
    .cancelamento-inline-fields .field{margin:0;min-width:0}
    @media (max-width:560px){.cancelamento-inline-fields{grid-template-columns:1fr}}
    .os-form .os-agenda-datetime-four{display:grid;grid-template-columns:minmax(0,148px) minmax(0,116px) minmax(0,84px) minmax(0,130px) auto;gap:6px 8px;align-items:end;width:100%}
    .os-form .os-agenda-datetime-three{display:grid;grid-template-columns:minmax(0,148px) minmax(0,116px) minmax(0,84px) auto;gap:6px 8px;align-items:end;width:100%}
    .os-form .os-agenda-datetime-four > div,
    .os-form .os-agenda-datetime-three > div{display:flex;flex-direction:column;min-width:0}
    .os-form .os-agenda-datetime-four > div:not(.os-agenda-actions-cell),
    .os-form .os-agenda-datetime-three > div:not(.os-agenda-actions-cell){max-width:100%}
    .os-form .os-agenda-datetime-four .os-agenda-sublabel,
    .os-form .os-agenda-datetime-three .os-agenda-sublabel{display:block;margin-bottom:1px;font-size:10px;font-weight:700;color:var(--app-text-color);text-transform:uppercase;letter-spacing:.02em}
    .os-form .os-agenda-datetime-four .os-agenda-sublabel-spacer,
    .os-form .os-agenda-datetime-three .os-agenda-sublabel-spacer{visibility:hidden;min-height:14px;margin-bottom:1px;line-height:1}
    .os-form .os-agenda-datetime-four input,
    .os-form .os-agenda-datetime-four select,
    .os-form .os-agenda-datetime-three input,
    .os-form .os-agenda-datetime-three select{
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      min-height:26px !important;
      height:26px !important;
      padding:2px 6px;
      font-size:11px;
      line-height:1.2;
      border-radius:7px;
    }
    .os-form .os-agenda-datetime-four input[type="date"],
    .os-form .os-agenda-datetime-three input[type="date"]{max-width:116px}
    .os-form .os-agenda-datetime-four input[type="time"],
    .os-form .os-agenda-datetime-three input[type="time"]{max-width:84px}
    .os-form .os-agenda-datetime-four select[name="descricao"],
    .os-form .os-agenda-datetime-three select[name="descricao"]{max-width:148px}
    .os-form .os-agenda-datetime-four select[name="status"]{max-width:128px}
    .os-form .os-agenda-actions-cell{align-self:end}
    .os-form .os-agenda-actions-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
    .os-form .os-agenda-submit-btn{
      width:auto !important;
      min-height:26px !important;
      height:auto !important;
      padding:5px 14px !important;
      font-size:12px !important;
      font-weight:700;
      border-radius:8px;
      line-height:1.2;
      white-space:nowrap;
    }
    .os-form .os-agenda-cancel-link{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;color:var(--app-text-color);background:var(--app-form-bg-color);border:1px solid #cbd5e1;border-radius:8px;white-space:nowrap}
    @media (max-width:600px){
      .os-form .os-agenda-datetime-four,
      .os-form .os-agenda-datetime-three{grid-template-columns:1fr 1fr}
      .os-form .os-agenda-datetime-four select[name="descricao"],
      .os-form .os-agenda-datetime-four select[name="status"],
      .os-form .os-agenda-datetime-three select[name="descricao"]{max-width:100%}
      .os-form .os-agenda-datetime-four .os-agenda-actions-cell,
      .os-form .os-agenda-datetime-three .os-agenda-actions-cell{grid-column:1/-1}
      .os-form .os-agenda-datetime-four .os-agenda-sublabel-spacer,
      .os-form .os-agenda-datetime-three .os-agenda-sublabel-spacer{display:none}
      .os-form .os-agenda-datetime-four input[type="date"],.os-form .os-agenda-datetime-four input[type="time"],
      .os-form .os-agenda-datetime-three input[type="date"],.os-form .os-agenda-datetime-three input[type="time"]{max-width:100%}
    }
    .os-form .os-agenda-sublabel{display:block;margin-bottom:4px;font-size:12px;font-weight:600}
    .os-form .field label{margin-bottom:4px;font-size:12px}
    .os-form .field input,
    .os-form .field select,
    .os-form .field button,
    .os-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .os-form .field.actions{grid-column:1/-1;display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:8px;align-items:center;justify-content:flex-start;padding-top:4px}
    .os-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start;flex-wrap:wrap}
    .os-form .actions button,
    .os-form .actions a{width:auto !important;white-space:nowrap}
    .os-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    .tech-os-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
    .tech-os-card{background:var(--app-card-bg-color);border:1px solid #dbe3ee;border-radius:12px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
    .tech-mobile-only .tech-os-card--atraso-hora{border-color:#c2410c !important;background:linear-gradient(145deg, rgba(194,65,12,.16) 0%, var(--app-card-bg-color) 58%);box-shadow:0 8px 28px rgba(194,65,12,.22), inset 0 0 0 1px rgba(194,65,12,.38)}
    .tech-mobile-only .tech-os-card--atraso-dia{border-color:#b91c1c !important;background:linear-gradient(145deg, rgba(185,28,28,.18) 0%, var(--app-card-bg-color) 58%);box-shadow:0 8px 28px rgba(185,28,28,.24), inset 0 0 0 1px rgba(185,28,28,.42)}
    [data-theme-preset="dark"] .tech-mobile-only .tech-os-card--atraso-hora{background:linear-gradient(145deg, rgba(194,65,12,.28) 0%, var(--app-card-bg-color) 62%)}
    [data-theme-preset="dark"] .tech-mobile-only .tech-os-card--atraso-dia{background:linear-gradient(145deg, rgba(185,28,28,.32) 0%, var(--app-card-bg-color) 62%)}
    .tech-os-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:10px}
    .tech-mobile-only .status-pill.tech-os-pill-aberta{color:#14532d;background:linear-gradient(180deg,#dcfce7 0%,#bbf7d0 100%);border-color:#22c55e;font-weight:800;letter-spacing:.03em;box-shadow:0 2px 10px rgba(34,197,94,.28)}
    .tech-mobile-only .status-pill.tech-os-pill-em-andamento{color:#92400e;background:linear-gradient(180deg,#fef9c3 0%,#fde68a 100%);border-color:#eab308;font-weight:800;letter-spacing:.03em;box-shadow:0 2px 10px rgba(234,179,8,.38)}
    .tech-ambient-bar{margin:0;padding:14px 16px;border-radius:0;background:linear-gradient(135deg, rgba(59,130,246,.12) 0%, rgba(59,130,246,.04) 100%);box-shadow:inset 0 0 0 1px rgba(59,130,246,.18)}
    .tech-ambient-card{padding:0 !important;overflow:hidden}
    .tech-ambient-top{margin-bottom:8px}
    .tech-ambient-date{display:block;font-size:13px;font-weight:700;color:var(--app-text-color);text-transform:capitalize;line-height:1.35}
    .tech-ambient-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
    .tech-ambient-time{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--app-text-color);line-height:1}
    .tech-ambient-temp-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
    .tech-ambient-temp{font-size:16px;font-weight:800;color:#0369a1;white-space:nowrap;font-variant-numeric:tabular-nums}
    .tech-ambient-temp-note{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
    .tech-os-title{font-size:16px;font-weight:700;line-height:1.2}
    .tech-os-servico-badge{display:inline-flex;margin-top:6px;padding:3px 9px;border-radius:999px;background:rgba(59,130,246,.14);color:#1d4ed8;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
    .tech-os-instrucoes{margin:10px 0;padding:12px 14px;border-radius:12px;background:linear-gradient(145deg, rgba(59,130,246,.09) 0%, rgba(59,130,246,.03) 100%);box-shadow:inset 0 0 0 1px rgba(59,130,246,.18)}
    .tech-os-instrucoes strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#2563eb;margin-bottom:8px}
    .tech-os-instrucoes-body{font-size:14px;line-height:1.45;color:var(--app-text-color);font-weight:500}
    .tech-os-meta{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:10px}
    .tech-os-meta div{font-size:13px;line-height:1.35}
    .tech-os-meta strong{display:block;font-size:11px;text-transform:uppercase;color:#6b7280;letter-spacing:.3px;margin-bottom:2px}
    .tech-os-chrono{margin:0 0 12px;padding:10px 12px;border-radius:10px;border:1px solid #dbe3ee;background:var(--app-form-bg-color)}
    .tech-os-chrono-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
    .tech-os-chrono-row span{font-size:12px;font-weight:700;color:var(--app-text-color)}
    .tech-os-chrono-elapsed{font-variant-numeric:tabular-nums;font-size:18px}
    .tech-os-chrono-start{font-size:12px;margin-top:4px}
    .tech-os-card form{display:grid;gap:8px}
    .tech-os-card textarea{min-height:90px;resize:vertical}
    .tech-os-actions{display:flex;gap:8px;flex-wrap:nowrap;width:100%}
    .tech-mobile-only{display:block}
    .tech-desktop-only{display:none}
    body[data-page="tecnico"] .tech-pc-os-heading{margin:20px 0 12px;font-size:15px;font-weight:800;color:var(--app-text-color);letter-spacing:-.02em;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent)}
    body[data-page="tecnico"] .tech-os-pc-bloco .tech-pc-os-heading:first-child{margin-top:2px}
    .tech-desktop-list{display:grid;gap:8px}
    .tech-desktop-row{display:grid;grid-template-columns:minmax(80px,0.8fr) minmax(170px,1.25fr) minmax(120px,0.95fr) minmax(190px,1.25fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid #dbe3ee;border-radius:10px;background:var(--app-card-bg-color);box-shadow:none}
    .tech-desktop-instrucoes{grid-column:1/-1;margin:4px 0 0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45;color:var(--app-text-color);background:rgba(59,130,246,.08);box-shadow:inset 0 0 0 1px rgba(59,130,246,.15)}
    .tech-desktop-col{min-width:0}
    .tech-desktop-col strong{display:none}
    .tech-desktop-value{font-size:13px;line-height:1.25;word-break:break-word}
    .tech-phone-trigger{
      display:inline !important;
      width:auto !important;
      max-width:100% !important;
      min-width:0 !important;
      height:auto !important;
      min-height:0 !important;
      max-height:none !important;
      margin:0 !important;
      padding:0 !important;
      border:none !important;
      border-radius:0 !important;
      background:none !important;
      box-shadow:none !important;
      font:inherit;
      cursor:pointer;
      font-weight:600;
      color:var(--app-button-color);
      text-decoration:none !important;
      letter-spacing:normal;
      font-variant-numeric:normal;
      font-size:13px;
      line-height:1.3 !important;
      text-align:left !important;
      vertical-align:baseline;
      appearance:none;
      -webkit-appearance:none
    }
    .tech-phone-trigger:hover,
    .tech-phone-trigger:focus{text-decoration:none !important;opacity:.9;background:none !important;filter:none !important;transform:none !important}
    .tech-phone-dialog:not([open]){
      display:none !important;
      position:fixed !important;
      width:0 !important;
      height:0 !important;
      margin:0 !important;
      padding:0 !important;
      border:none !important;
      overflow:hidden !important;
      visibility:hidden !important;
      pointer-events:none !important
    }
    .tech-phone-dialog[open]{
      position:fixed;
      inset:0;
      margin:auto;
      max-width:calc(100vw - 32px);
      width:min(100%, 340px);
      height:fit-content;
      max-height:min(90vh,calc(100dvh - 32px));
      padding:0;
      border:none;
      border-radius:16px;
      background:var(--app-card-bg-color);
      color:var(--app-text-color);
      box-shadow:0 16px 44px rgba(0,0,0,.35)
    }
    .tech-phone-dialog::backdrop{background:rgba(0,0,0,.5)}
    .tech-phone-dialog-inner{padding:16px 16px 18px;position:relative}
    .tech-phone-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 14px}
    .tech-phone-dialog-title{margin:0;padding-right:8px;font-size:16px;font-weight:800;line-height:1.3;color:var(--app-text-color)}
    .tech-phone-dialog-x{
      flex:0 0 auto;
      display:inline-flex !important;
      align-items:center;
      justify-content:center;
      width:36px !important;
      min-width:36px !important;
      height:36px !important;
      min-height:36px !important;
      margin:0 !important;
      padding:0 !important;
      border:1px solid color-mix(in srgb, var(--app-text-color) 22%, transparent) !important;
      border-radius:10px !important;
      background:transparent !important;
      color:var(--app-text-color) !important;
      box-shadow:none !important;
      cursor:pointer;
      line-height:1
    }
    .tech-phone-dialog-x:hover{
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent) !important
    }
    .tech-phone-dialog-x svg{display:block}
    .tech-phone-dialog-actions{display:flex;flex-direction:column;gap:10px;margin:0}
    .tech-phone-actions-call,
    .tech-phone-actions-wa{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:42px;
      padding:0 18px;
      border-radius:10px;
      font-size:14px;
      font-weight:700;
      text-decoration:none;
      box-sizing:border-box;
      width:100% !important;
      height:auto !important;
      box-shadow:none !important
    }
    .tech-phone-actions-call{
      border:1px solid color-mix(in srgb, var(--app-text-color) 28%, transparent);
      background:transparent;
      color:var(--app-text-color) !important
    }
    .tech-phone-actions-call:hover{
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent)
    }
    .tech-phone-actions-wa{
      border:1px solid color-mix(in srgb, #25d366 55%, transparent);
      background:color-mix(in srgb, #25d366 16%, var(--app-form-bg-color));
      color:var(--app-text-color) !important
    }
    .tech-phone-actions-wa:hover{
      background:color-mix(in srgb, #25d366 24%, var(--app-form-bg-color))
    }
    .dash-op-wrap .tech-phone-trigger{font-size:12px;color:#60a5fa}
    body[data-page="perfil"] .os-page-form-panel{
      padding:16px 18px 20px;
      display:flex;
      flex-direction:column;
      gap:14px
    }
    body[data-page="perfil"] .os-page-form-panel > .field,
    body[data-page="perfil"] .perfil-senha-form .field{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:6px;
      margin:0 !important;
      min-width:0
    }
    body[data-page="perfil"] .os-page-form-panel .field label,
    body[data-page="perfil"] .perfil-senha-form .field label{
      display:block;
      margin:0 !important;
      padding:0;
      line-height:1.3
    }
    body[data-page="perfil"] .os-page-form-panel .field input,
    body[data-page="perfil"] .perfil-senha-form .field input{
      margin:0 !important;
      width:100%;
      box-sizing:border-box
    }
    body[data-page="perfil"] .perfil-senha-form{
      display:flex;
      flex-direction:column;
      gap:14px;
      margin:0;
      width:100%
    }
    body[data-page="perfil"] .perfil-senha-actions{
      margin-top:4px !important;
      padding-top:0;
      display:flex !important;
      justify-content:flex-start;
      gap:0
    }
    body[data-page="perfil"] .perfil-senha-save{
      width:auto !important;
      min-height:42px !important;
      padding:0 18px !important;
      margin:0 !important;
      border-radius:10px !important;
      font-weight:700
    }
    .tech-mobile-only .tech-os-map-link{color:#16a34a;font-weight:700;text-decoration:underline;text-underline-offset:2px;word-break:break-word;line-height:1.4;-webkit-tap-highlight-color:rgba(34,197,94,.25)}
    .tech-mobile-only .tech-os-senha-inline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;margin-top:2px}
    .tech-mobile-only .tech-os-meta .tech-wifi-pwd{word-break:break-word;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
    .tech-mobile-only .tech-copy-pwd,
    body[data-page="tecnico"] button.tech-copy-pwd{
      display:inline-flex !important;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      width:34px !important;
      min-width:34px !important;
      max-width:34px !important;
      height:34px !important;
      min-height:34px !important;
      margin:0 !important;
      padding:0 !important;
      border:none !important;
      border-radius:8px !important;
      background:color-mix(in srgb, var(--app-text-color) 10%, transparent) !important;
      color:color-mix(in srgb, var(--app-text-color) 78%, transparent) !important;
      box-shadow:none !important;
      filter:none !important;
      transform:none !important;
      cursor:pointer
    }
    .tech-mobile-only .tech-copy-pwd:hover,
    body[data-page="tecnico"] button.tech-copy-pwd:hover{
      background:color-mix(in srgb, var(--app-text-color) 16%, transparent) !important;
      color:var(--app-text-color) !important;
      filter:none !important;
      transform:none !important
    }
    .tech-mobile-only .tech-copy-pwd svg,
    body[data-page="tecnico"] button.tech-copy-pwd svg{
      display:block;
      width:16px;
      height:16px;
      stroke:currentColor
    }
    .tech-mobile-only .tech-copy-pwd.is-copied,
    body[data-page="tecnico"] button.tech-copy-pwd.is-copied{
      background:color-mix(in srgb, #25d366 22%, transparent) !important;
      color:#fff !important
    }
    .tech-mobile-only .tech-coleta-alert-overlay{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,6,23,.72)}
    .tech-mobile-only .tech-coleta-alert-overlay.is-open{display:flex}
    .tech-mobile-only .tech-coleta-alert-box{width:min(100%,420px);background:#fff;border:2px solid #ef4444;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35);overflow:hidden}
    .tech-mobile-only .tech-coleta-alert-head{padding:14px 16px;background:linear-gradient(180deg,#dc2626 0%,#b91c1c 100%);color:#fff}
    .tech-mobile-only .tech-coleta-alert-kicker{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.2);padding:3px 8px;border-radius:999px;margin-bottom:8px}
    .tech-mobile-only .tech-coleta-alert-title{margin:0;font-size:18px;font-weight:900;line-height:1.2}
    .tech-mobile-only .tech-coleta-alert-body{padding:14px 16px 16px;color:#111827}
    .tech-mobile-only .tech-coleta-alert-body p{margin:0 0 10px;font-size:16px;line-height:1.5}
    .tech-mobile-only .tech-coleta-alert-action{display:block;width:100%;min-height:42px;border:0;border-radius:10px;background:var(--btn-danger);color:#fff;font-size:14px;font-weight:800;cursor:pointer}
    [data-theme-preset="dark"] .tech-mobile-only .tech-coleta-alert-box{background:var(--app-canvas-bg,#0a1220);border-color:#f87171}
    [data-theme-preset="dark"] .tech-mobile-only .tech-coleta-alert-body{color:#e5e7eb}
    [data-theme-preset="dark"] .tech-mobile-only .tech-coleta-alert-action{background:var(--btn-danger)}
    .tech-mala-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}
    .tech-mala-head .receitas-periodo-heading{margin:0}
    body[data-page="tecnico"] .tech-cesto-page .tech-cesto-scan-form{margin-bottom:16px}
    body[data-page="tecnico"] .tech-cesto-page .tech-cesto-scan-form.tech-cesto-devolver-form{margin-top:4px;padding-top:16px;border-top:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent)}
    body[data-page="tecnico"] .tech-cesto-page .tech-cesto-scan-form label{display:block;margin-bottom:6px;font-size:13px;font-weight:600}
    body[data-page="tecnico"] .tech-cesto-page .tech-cesto-scan-row input{width:100%;min-width:0}
    body[data-page="tecnico"] .tech-cesto-table{width:100%;border-collapse:collapse;font-size:12px}
    body[data-page="tecnico"] .tech-cesto-table th,body[data-page="tecnico"] .tech-cesto-table td{padding:8px 6px;border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);text-align:left;vertical-align:top}
    body[data-page="tecnico"] .tech-cesto-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:color-mix(in srgb, var(--app-text-color) 70%, transparent)}
    .os-cliente-suggest-dialog{max-width:calc(100vw - 32px);width:min(100%,440px);padding:0;border:none;border-radius:14px;background:var(--app-card-bg-color);color:var(--app-text-color);box-shadow:0 14px 40px rgba(0,0,0,.22)}
    .os-cliente-suggest-dialog::backdrop{background:rgba(0,0,0,.45)}
    .despesas-aviso-auto-dialog{margin:auto;max-width:calc(100vw - 32px);width:min(100%,420px);max-height:min(80vh,calc(100vh - 48px));padding:0;border:none;border-radius:14px;background:var(--app-card-bg-color);color:var(--app-text-color);box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:auto}
    .despesas-aviso-auto-dialog::backdrop{background:rgba(0,0,0,.45)}
    .despesas-aviso-auto-inner{padding:22px 22px 18px}
    .despesas-aviso-auto-title{margin:0 0 14px;font-size:17px;font-weight:800;line-height:1.25;text-align:center}
    .despesas-aviso-auto-msg{margin:0 0 12px;font-size:14px;line-height:1.5;word-break:break-word;text-align:center}
    .despesas-aviso-auto-msg:last-of-type{margin-bottom:18px}
    .despesas-aviso-auto-close{display:block;width:100%;margin:0;padding:11px 14px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
    .despesa-edit-dialog{margin:auto;max-width:calc(100vw - 32px);width:min(100%,480px);max-height:min(90vh,calc(100vh - 48px));padding:0;border:none;border-radius:14px;background:var(--app-card-bg-color);color:var(--app-text-color);box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:auto}
    .despesa-edit-dialog::backdrop{background:rgba(0,0,0,.45)}
    .despesa-edit-modal-form{padding:22px 22px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:16px}
    .despesa-edit-modal-title{margin:0;font-size:17px;font-weight:800;line-height:1.25;grid-column:1 / -1}
    .despesa-edit-modal-form .field{margin:0}
    .despesa-edit-modal-form .field-desp-nome,
    .despesa-edit-modal-form #despesa-edit-nome-wrap{grid-column:1 / -1}
    .despesa-edit-modal-form .field label{font-size:13px;font-weight:600;margin-bottom:6px}
    .despesa-edit-modal-form .field input:not(.despesa-date-native),
    .despesa-edit-modal-form .field select{
      min-height:40px;
      height:auto;
      font-size:14px;
      line-height:1.3;
      padding:8px 12px;
      box-sizing:border-box;
      width:100%;
    }
    .despesa-edit-modal-form .field select{
      padding-top:7px;
      padding-bottom:7px;
    }
    .despesa-edit-modal-form .despesa-edit-readonly{margin:0;padding:10px 12px;border-radius:10px;background:var(--app-form-bg-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 12%, transparent);font-size:13px}
    .despesa-edit-modal-form .despesa-edit-readonly p{margin:0}
    .despesa-edit-modal-actions{display:flex;gap:10px;margin-top:0;grid-column:1 / -1}
    .despesa-edit-modal-actions .despesa-edit-save{flex:1;min-height:40px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
    .despesa-edit-modal-actions .despesa-edit-cancel{flex:1;min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:14px;font-weight:700;cursor:pointer}
    .despesa-delete-dialog{margin:auto;max-width:calc(100vw - 32px);width:min(100%,480px);max-height:min(90vh,calc(100vh - 48px));padding:0;border:none;border-radius:14px;background:var(--app-card-bg-color);color:var(--app-text-color);box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:auto}
    .despesa-delete-dialog::backdrop{background:rgba(0,0,0,.45)}
    .despesa-delete-modal-form{padding:22px 22px 18px;display:grid;gap:12px}
    .despesa-delete-modal-title{margin:0;font-size:17px;font-weight:800;line-height:1.25}
    .despesa-delete-modal-nome{margin:0;font-size:14px;line-height:1.4}
    .despesa-delete-options{display:grid;gap:8px}
    .despesa-delete-option{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
    .despesa-delete-option input{width:auto;margin:0;flex-shrink:0}
    .despesa-delete-meses-wrap{margin:0}
    .despesa-delete-meses-label{margin:0 0 8px;font-size:12px;opacity:.85}
    .despesa-delete-meses-list{display:grid;gap:6px;max-height:220px;overflow:auto;padding:10px;border-radius:10px;background:var(--app-form-bg-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 12%, transparent)}
    .despesa-delete-mes-item{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
    .despesa-delete-mes-item input{width:auto;margin:0;flex-shrink:0}
    .despesa-delete-modal-actions{display:flex;gap:10px;margin-top:4px}
    .despesa-delete-modal-actions .despesa-delete-confirm{flex:1;min-height:40px;border:none;border-radius:10px;background:var(--btn-danger);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
    .despesa-delete-modal-actions .despesa-delete-cancel{flex:1;min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:14px;font-weight:700;cursor:pointer}
    .menu-sort-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
    .menu-sort-list--nested{margin:8px 0 0 28px;padding-left:10px;border-left:2px solid color-mix(in srgb, var(--app-text-color) 14%, transparent)}
    .menu-sort-item{margin:0;padding:0}
    .menu-sort-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--app-form-bg-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 12%, transparent)}
    .menu-sort-item.is-dragging .menu-sort-row{opacity:.55}
    .menu-sort-item.is-drop-target .menu-sort-row{box-shadow:inset 0 0 0 2px var(--app-button-color)}
    .menu-sort-handle{cursor:grab;user-select:none;touch-action:none;font-weight:700;opacity:.55;letter-spacing:-2px;padding:4px 6px;margin:-4px 0;flex-shrink:0}
    .menu-sort-handle:active{cursor:grabbing}
    .menu-sort-label{font-weight:700;min-width:120px}
    .menu-sort-meta{flex:1;font-size:12px;opacity:.85}
    .menu-sort-status{display:flex;align-items:center;justify-content:flex-end;min-width:52px}
    .menu-sort-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .menu-sort-save-wrap{margin-top:14px}
    .menu-sort-save-btn,
    .admin-menu-save-order-btn{width:auto !important;min-height:40px;padding:0 18px;border:none;border-radius:10px;background:var(--btn-danger);color:#fff;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
    .admin-menu-save-order-btn:hover{background:var(--btn-danger-hover)}
    .admin-menu-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex-shrink:0}
    .admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
    .admin-tab{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;color:var(--app-text-color);background:var(--app-form-bg-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 12%, transparent)}
    .admin-tab:hover{box-shadow:inset 0 0 0 1px var(--app-button-color)}
    .admin-tab.is-active{background:var(--btn-primary);color:#fff;box-shadow:none}
    .admin-cat-panel{margin-top:0}
    .admin-cat-panel-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:12px}
    .admin-cat-panel-head h3{margin:0;font-size:1.05rem;font-weight:800}
    .admin-cat-new-btn{width:auto !important;min-height:38px;padding:0 16px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}
    .admin-cat-new-btn:hover{background:var(--btn-primary-hover)}
    .admin-site-head-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto !important;min-height:40px;padding:0 16px !important;border-radius:10px !important;border:1px solid color-mix(in srgb,var(--btn-primary) 50%,transparent) !important;background:linear-gradient(180deg,color-mix(in srgb,var(--btn-primary) 18%,transparent),color-mix(in srgb,var(--btn-primary) 10%,transparent)) !important;color:#ecfdf5 !important;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 8px 20px rgba(0,0,0,.16);transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;cursor:pointer;font-family:inherit;line-height:1.2;flex-shrink:0}
    .admin-site-head-btn svg{width:16px;height:16px;flex-shrink:0}
    .admin-site-head-btn:hover{text-decoration:none;color:#fff !important;background:linear-gradient(180deg,color-mix(in srgb,var(--btn-primary) 30%,transparent),color-mix(in srgb,var(--btn-primary) 18%,transparent)) !important;border-color:color-mix(in srgb,var(--btn-primary) 72%,transparent) !important;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 10px 24px rgba(0,0,0,.22);transform:translateY(-1px)}
    .admin-site-head-btn:active{transform:translateY(0)}
    .admin-cat-table{margin-top:4px}
    .admin-cat-table th:nth-child(2),
    .admin-cat-table th:nth-child(3),
    .admin-cat-table th:nth-child(4),
    .admin-cat-table td:nth-child(2),
    .admin-cat-table td:nth-child(3),
    .admin-cat-table td:nth-child(4){width:88px;text-align:center}
    .admin-cat-table th:nth-child(5),.admin-cat-table td:nth-child(5){width:72px;text-align:center}
    .admin-cat-table th:last-child,.admin-cat-table td:last-child{width:160px;white-space:nowrap}
    .admin-cat-mod-yes{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb, var(--btn-primary) 18%, transparent);color:var(--btn-primary);font-size:13px;font-weight:800;line-height:1}
    .admin-cat-mod-no{color:var(--ui-muted);opacity:.45;font-size:13px}
    .admin-cat-modulos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:4px}
    .admin-cat-modulo-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--app-form-bg-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 10%, transparent);font-size:13px;font-weight:600;cursor:pointer}
    .admin-cat-modulo-item input{width:auto !important;min-height:0 !important;margin:0;flex-shrink:0}
    .admin-cat-dialog{margin:auto;max-width:calc(100vw - 32px);width:min(100%,480px);max-height:min(90vh,calc(100vh - 48px));max-height:min(90dvh,calc(100dvh - 48px));padding:0;border:none;border-radius:14px;background:var(--app-card-bg-color);color:var(--app-text-color);box-shadow:0 14px 40px rgba(0,0,0,.22);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
    .admin-cat-dialog::backdrop{background:rgba(0,0,0,.45)}
    .admin-cat-modal-form.admin-cat-form{padding:22px 22px 20px;display:flex;flex-direction:column;max-width:none;margin:0}
    .admin-cat-modal-title{margin:0 0 16px;font-size:17px;font-weight:800;line-height:1.25}
    .admin-cat-form .field{display:flex;flex-direction:column;min-width:0;margin:0 0 16px}
    .admin-cat-form .field > label:not(.ui-toggle){margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3;display:block}
    .admin-cat-form .field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]){
      min-height:40px;
      height:auto;
      padding:8px 12px;
      font-size:14px;
      line-height:1.3;
      width:100%;
      box-sizing:border-box;
    }
    .admin-cat-form .field--toggle{
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:8px;
      padding:10px 12px;
      border-radius:10px;
      background:var(--app-form-bg-color);
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 12%, transparent);
    }
    .admin-cat-form .field--toggle .field-toggle-label{margin:0;font-size:13px;font-weight:600;flex:1}
    .admin-cat-form .field--toggle .ui-toggle{flex-shrink:0;margin:0}
    .admin-cat-form .field--toggle label.ui-toggle{margin:0 !important;display:inline-flex !important;width:auto !important;padding:0 !important;border:none !important;background:transparent !important;min-height:0 !important}
    .admin-cat-form .field--toggle-desc{flex-direction:column;align-items:stretch;gap:8px}
    .admin-cat-form .field--toggle-desc .field-toggle-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
    .admin-cat-form .field--toggle-desc small.muted{margin:0;font-size:12px;line-height:1.35}
    .admin-cat-modal-actions{display:flex;gap:10px;margin-top:8px;position:sticky;bottom:0;z-index:1;padding-top:12px;background:var(--app-card-bg-color);box-shadow:0 -10px 16px -12px color-mix(in srgb, var(--app-text-color) 18%, transparent)}
    .admin-cat-modal-actions .admin-cat-save,
    .admin-cat-modal-actions .admin-cat-cancel{
      flex:1 1 0;
      min-height:40px !important;
      height:auto !important;
      width:auto !important;
      padding:0 16px;
      border-radius:10px;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      white-space:nowrap;
    }
    .admin-cat-modal-actions .admin-cat-save{border:none;background:var(--btn-primary);color:#fff}
    .admin-cat-modal-actions .admin-cat-cancel{border:1px solid #cbd5e1;background:var(--app-form-bg-color);color:var(--app-text-color)}
    .admin-cat-cor-field{margin-bottom:12px}
    .admin-cat-cor-row{display:flex;align-items:center;gap:12px}
    .admin-cat-cor-row input[type="color"]{
      width:52px !important;
      min-width:52px !important;
      height:40px !important;
      min-height:40px !important;
      padding:4px !important;
      border:1px solid #cbd5e1;
      border-radius:10px;
      background:var(--app-form-bg-color);
      cursor:pointer;
      flex-shrink:0;
    }
    .admin-cat-cor-preview{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.85}
    #adminPlanoDlg.admin-cat-dialog,
    #adminPlanoDlg.admin-plano-dialog{width:min(100%,1040px);max-height:min(92vh,calc(100vh - 24px))}
    .admin-plano-modal-form.admin-cat-modal-form{display:flex;flex-direction:column;min-height:0;padding:14px 16px 12px}
    .admin-plano-modal-form .field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]),
    .admin-plano-modal-form .field textarea,
    .admin-plano-modal-form .field select{
      border:1px solid #cbd5e1;
      background:var(--app-form-bg-color);
      color:var(--app-text-color);
    }
    .admin-plano-site-cor-preview{display:none}
    .admin-plano-modal-form .admin-cat-modal-title{font-size:15px;margin-bottom:6px}
    .admin-plano-modal-form .field > label:not(.ui-toggle){margin:0 0 3px;font-size:11px;font-weight:700;line-height:1.2}
    .admin-plano-modal-form .field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]){
      min-height:30px;
      height:30px;
      padding:4px 8px;
      font-size:12px;
      border-radius:7px;
    }
    .admin-plano-modal-form .field input[type="color"]{
      min-height:30px;
      height:30px;
      width:100%;
      padding:2px 3px;
      border-radius:7px;
      cursor:pointer;
    }
    .admin-plano-modal-form .field textarea,
    .admin-plano-modal-form .field select{
      min-height:30px;
      height:30px;
      padding:4px 8px;
      font-size:12px;
      line-height:1.25;
      border-radius:7px;
    }
    .admin-plano-modal-form .field select{
      padding:4px 28px 4px 8px;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 8px center;
      background-size:12px;
      cursor:pointer;
    }
    .admin-plano-modal-form .field textarea{min-height:54px;height:auto;padding:5px 8px;resize:vertical}
    .admin-plano-modal-form .admin-plano-toggle-cell{
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      box-sizing:border-box;
      height:30px;
      min-height:30px;
      max-height:30px;
      padding:0 8px;
      border-radius:7px;
      margin:0;
      background:var(--app-form-bg-color);
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 12%, transparent);
      overflow:hidden;
    }
    .admin-plano-modal-form .admin-plano-toggle-cell .admin-plano-toggle-label{
      flex:1 1 auto;
      min-width:0;
      font-size:11px;
      font-weight:700;
      line-height:1.2;
      margin:0;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .admin-plano-modal-form .admin-plano-toggle-cell label.ui-toggle{
      margin:0 !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:44px !important;
      min-width:44px !important;
      max-width:44px !important;
      height:22px !important;
      min-height:0 !important;
      max-height:22px !important;
      flex:0 0 44px !important;
      padding:0 !important;
      border:none !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    .admin-plano-modal-form .admin-plano-toggle-cell .ui-toggle-track{
      width:44px !important;
      min-width:44px !important;
      max-width:44px !important;
      height:22px !important;
      flex:0 0 44px !important;
    }
    .admin-plano-modal-form .admin-plano-toggle-cell .ui-toggle-thumb{
      top:2px !important;
      left:2px !important;
      width:18px !important;
      height:18px !important;
    }
    .admin-plano-modal-form .admin-plano-toggle-cell .ui-toggle-input:checked + .ui-toggle-track .ui-toggle-thumb{
      transform:translateX(20px) !important;
    }
    .admin-plano-modal-form .admin-plano-toggle-cell .ui-toggle-input{
      position:absolute !important;
      opacity:0 !important;
      width:0 !important;
      height:0 !important;
      margin:0 !important;
      pointer-events:none !important;
    }
    .admin-plano-modal-form .admin-plano-toggle-cell input[type="hidden"]{
      display:none !important;
    }
    .admin-plano-modal-form .field--toggle{
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      padding:5px 8px;
      border-radius:8px;
      margin-bottom:0;
      min-height:34px;
      background:var(--app-form-bg-color);
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 12%, transparent);
    }
    .admin-plano-modal-form .field--toggle .field-toggle-label{
      flex:1 1 auto;
      min-width:0;
      font-size:11px;
      font-weight:700;
      line-height:1.2;
      margin:0;
    }
    .admin-plano-modal-form .field--toggle label.ui-toggle{
      margin:0 !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      width:44px !important;
      min-width:44px !important;
      max-width:44px !important;
      flex:0 0 44px !important;
      padding:0 !important;
      border:none !important;
      background:transparent !important;
      min-height:24px !important;
      box-shadow:none !important;
    }
    .admin-plano-modal-form .field--toggle .ui-toggle-track{
      width:44px !important;
      min-width:44px !important;
      max-width:44px !important;
      height:24px !important;
      flex:0 0 44px !important;
    }
    .admin-plano-modal-form .field--toggle .ui-toggle-input{
      position:absolute !important;
      opacity:0 !important;
      width:0 !important;
      height:0 !important;
      margin:0 !important;
      pointer-events:none !important;
    }
    .admin-plano-modal-form .field--toggle input[type="hidden"]{
      display:none !important;
    }
    .admin-plano-modal-shell{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(220px,280px);
      gap:12px 16px;
      align-items:start;
      min-width:0;
    }
    .admin-plano-modal-main{min-width:0;display:flex;flex-direction:column;min-height:0}
    .admin-plano-steps{
      display:flex;
      gap:6px;
      list-style:none;
      margin:0 0 10px;
      padding:0;
    }
    .admin-plano-steps li{
      flex:1;
      display:flex;
      align-items:center;
      gap:4px;
      min-width:0;
      padding:5px 6px;
      border-radius:8px;
      font-size:10px;
      font-weight:700;
      color:color-mix(in srgb, var(--app-text-color) 55%, transparent);
      background:color-mix(in srgb, var(--app-text-color) 4%, transparent);
      cursor:pointer;
      transition:background .15s ease,color .15s ease;
    }
    .admin-plano-steps li span{
      display:inline-grid;
      place-items:center;
      width:18px;
      height:18px;
      border-radius:999px;
      font-size:10px;
      font-weight:800;
      flex-shrink:0;
      background:color-mix(in srgb, var(--app-text-color) 10%, transparent);
    }
    .admin-plano-steps li.is-active{
      color:var(--app-text-color);
      background:color-mix(in srgb, var(--btn-primary) 12%, transparent);
    }
    .admin-plano-steps li.is-active span{
      background:var(--btn-primary);
      color:#fff;
    }
    .admin-plano-steps li.is-done{color:var(--app-text-color)}
    .admin-plano-step-panel[hidden]{display:none !important}
    .admin-plano-step-panel .field{margin-bottom:0}
    .admin-plano-step-panel .field--toggle{margin-bottom:0}
    .admin-plano-form-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:8px 10px;
    }
    .admin-plano-form-grid .field{margin-bottom:0}
    .admin-plano-form-grid .field--full{grid-column:1 / -1}
    .admin-plano-toggle-grid{
      grid-auto-rows:30px;
      row-gap:6px;
    }
    .admin-plano-toggle-grid .admin-plano-toggle-cell{
      align-self:stretch;
    }
    .admin-plano-modal-actions{
      display:flex;
      flex-wrap:nowrap;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      margin-top:10px;
      padding-top:10px;
      border-top:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);
      position:static;
      box-shadow:none;
      background:transparent;
    }
    .admin-plano-modal-actions .admin-cat-save,
    .admin-plano-modal-actions .admin-cat-cancel{
      flex:0 0 auto;
      min-width:108px;
      min-height:34px !important;
      height:34px !important;
      padding:0 12px !important;
      font-size:12px !important;
      border-radius:8px !important;
    }
    .admin-plano-image-row{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .admin-plano-image-row input[type="file"]{flex:1 1 0;min-width:0;font-size:11px;height:30px}
    .admin-plano-remove-image-label{
      display:inline-flex;
      align-items:center;
      gap:4px;
      font-size:11px;
      font-weight:600;
      white-space:nowrap;
      cursor:pointer;
    }
    .admin-plano-remove-image-x{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      align-self:center;
      width:28px;
      height:28px;
      flex:0 0 auto;
      margin:0;
      border-radius:999px;
      background:#dc2626;
      cursor:pointer;
    }
    .admin-plano-remove-image-x input{display:none;}
    .admin-plano-remove-image-x svg{display:block;width:14px;height:14px;stroke:#fff;}
    .admin-plano-remove-image-x.is-empty{background:#16a34a;cursor:default;}
    #admin-plano-apps-pacote-wrap.is-disabled-field{opacity:.45;pointer-events:none;}
    .admin-plano-beneficios-wrap{display:flex;flex-direction:column;gap:6px}
    .admin-plano-step-panel .admin-plano-beneficios-wrap{margin-top:8px}
    .admin-plano-beneficios-list{display:flex;flex-direction:column;gap:6px}
    .admin-plano-preview-aside{position:sticky;top:0;min-width:0}
    .admin-plano-preview-label{
      margin:0 0 4px;
      font-size:10px;
      font-weight:800;
      letter-spacing:.04em;
      text-transform:uppercase;
      color:color-mix(in srgb, var(--app-text-color) 55%, transparent);
    }
    .admin-plano-beneficio-row{
      display:grid;
      grid-template-columns:96px minmax(0,1fr) 30px;
      gap:6px;
      align-items:stretch;
      height:30px;
    }
    .admin-plano-modal-form .admin-plano-beneficio-row select,
    .admin-plano-modal-form .admin-plano-beneficio-row input[type="text"]{
      display:block;
      width:100%;
      min-height:30px !important;
      height:30px !important;
      max-height:30px !important;
      margin:0 !important;
      padding:4px 8px !important;
      font-size:12px !important;
      line-height:1.2 !important;
      border:1px solid #cbd5e1 !important;
      border-radius:7px !important;
      background-color:var(--app-form-bg-color) !important;
      color:var(--app-text-color) !important;
      box-sizing:border-box !important;
    }
    .admin-plano-modal-form .admin-plano-beneficio-row select{
      padding:4px 28px 4px 8px !important;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 8px center;
      background-size:12px;
      cursor:pointer;
    }
    .admin-plano-beneficio-remove{
      width:30px;
      height:30px;
      min-height:30px;
      max-height:30px;
      align-self:center;
      border:1px solid #fecaca;
      border-radius:7px;
      background:#fff1f2;
      color:#be123c;
      font-size:18px;
      line-height:1;
      cursor:pointer;
      padding:0;
    }
    .admin-plano-beneficio-remove:hover{background:#ffe4e6}
    .admin-plano-beneficio-add{
      align-self:flex-start;
      min-height:30px;
      padding:0 10px;
      border:1px dashed #94a3b8;
      border-radius:7px;
      background:transparent;
      color:var(--app-text-color);
      font-size:12px;
      font-weight:700;
      cursor:pointer;
    }
    .admin-plano-beneficio-add:hover{background:color-mix(in srgb, var(--app-text-color) 5%, transparent)}
    .admin-plano-servicos-digitais-wrap{
      margin:0;padding:0;border:none;
    }
    .admin-plano-servicos-digitais-label-field.field{
      margin:0 0 18px;
      min-width:0;
    }
    .admin-plano-modal-form .admin-plano-servicos-digitais-label-field > label:not(.ui-toggle){
      margin:0 0 4px;
      font-size:11px;
      font-weight:700;
      line-height:1.2;
    }
    .admin-plano-modal-form .admin-plano-servicos-digitais-label-field select{
      min-height:30px !important;
      height:30px !important;
      max-height:30px !important;
      padding:4px 28px 4px 8px !important;
      font-size:12px !important;
      line-height:1.2 !important;
      border-radius:7px !important;
      border:1px solid #cbd5e1 !important;
      background-color:var(--app-form-bg-color) !important;
      color:var(--app-text-color) !important;
      box-sizing:border-box !important;
      width:100%;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 8px center;
      background-size:12px;
      cursor:pointer;
    }
    .admin-plano-step-panel .admin-plano-site-fieldset + .admin-plano-site-fieldset{
      margin-top:12px;
    }
    .admin-plano-logos-fieldset .admin-plano-form-grid{
      margin-bottom:8px;
    }
    .admin-plano-logos-toolbar-grid{
      grid-template-columns:minmax(0,1fr) minmax(0,1fr);
      align-items:stretch;
    }
    .admin-plano-logos-size-cell{
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:4px;
      min-height:30px;
      padding:6px 8px;
      border-radius:7px;
      background:var(--app-form-bg-color);
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 12%, transparent);
      box-sizing:border-box;
    }
    .admin-plano-logos-size-label{
      margin:0;
      font-size:11px;
      font-weight:700;
      line-height:1.2;
      color:var(--app-text-color);
    }
    .admin-plano-logos-size-row{
      display:flex;
      align-items:center;
      gap:8px;
      min-width:0;
    }
    .admin-plano-logos-size-row input[type="range"]{
      flex:1 1 auto;
      min-width:0;
      height:20px;
      margin:0;
      accent-color:var(--btn-primary);
      cursor:pointer;
    }
    .admin-plano-logos-size-value{
      flex:0 0 auto;
      min-width:34px;
      font-size:11px;
      font-weight:700;
      font-variant-numeric:tabular-nums;
      color:color-mix(in srgb, var(--app-text-color) 72%, transparent);
      text-align:right;
    }
    .admin-plano-servicos-digitais-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:18px 14px;
    }
    .admin-plano-servicos-digitais-slot{
      margin:0;
      min-width:0;
    }
    .admin-plano-modal-form .admin-plano-servicos-digitais-slot > label:not(.ui-toggle){
      margin:0 0 3px;
      font-size:11px;
      font-weight:700;
      line-height:1.2;
    }
    .admin-plano-modal-form .admin-plano-servicos-digitais-slot select{
      min-height:30px !important;
      height:30px !important;
      max-height:30px !important;
      padding:4px 28px 4px 8px !important;
      font-size:12px !important;
      line-height:1.2 !important;
      border-radius:7px !important;
      border:1px solid #cbd5e1 !important;
      background-color:var(--app-form-bg-color) !important;
      color:var(--app-text-color) !important;
      box-sizing:border-box !important;
      width:100%;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 8px center;
      background-size:12px;
      cursor:pointer;
    }
    @media (max-width:640px){
      .admin-plano-servicos-digitais-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    .admin-plano-icones-panel{margin-top:18px}
    .admin-plano-icones-grid{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
      gap:12px;
    }
    .admin-plano-icone-card{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:8px;
      padding:12px;
      border-radius:12px;
      background:var(--app-form-bg-color);
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 10%, transparent);
      text-align:center;
    }
    .admin-plano-icone-card img{width:40px;height:40px;object-fit:contain}
    .admin-plano-icones-panel .admin-plano-icone-card img{filter:brightness(0) invert(1)}
    .admin-plano-logos-panel .admin-plano-icone-card img{
      width:48px;height:48px;object-fit:contain;filter:none;
      background:transparent;border-radius:8px;padding:0;box-sizing:border-box;
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 10%, transparent);
    }
    .admin-plano-icone-card strong{font-size:13px;line-height:1.3;word-break:break-word}
    .admin-plano-icone-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
    .admin-autoatendimento-cards-grid{margin-top:4px}
    .admin-autoatendimento-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:0 14px 14px}
    .admin-autoatendimento-hub-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--app-form-bg-color);text-align:center;min-height:0;overflow:hidden}
    .admin-autoatendimento-hub-card-body{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
    .admin-autoatendimento-hub-card-media-form{width:100%;margin:0;flex:1 1 auto;display:flex;min-height:0}
    .admin-autoatendimento-hub-card-media{display:block;width:100%;flex:1 1 auto;min-height:196px;aspect-ratio:5/4;padding:12px 12px 48px;border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--app-text-color) 8%,transparent),color-mix(in srgb,var(--app-text-color) 3%,transparent));cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box}
    .admin-autoatendimento-hub-card-media:hover .admin-autoatendimento-hub-card-media-hint{opacity:1}
    .admin-autoatendimento-hub-card-template{position:relative;width:100%;height:100%;min-height:136px;border-radius:10px;padding:2px;background:linear-gradient(145deg,color-mix(in srgb,#fff 14%,transparent),color-mix(in srgb,#fff 4%,transparent));box-shadow:0 10px 28px rgba(0,0,0,.32),inset 0 0 0 1px color-mix(in srgb,#fff 12%,transparent)}
    .admin-autoatendimento-hub-card-template-screen{position:relative;width:100%;height:100%;min-height:132px;border-radius:8px;overflow:hidden;background:#0b1220;display:flex;align-items:flex-start;justify-content:center}
    .admin-autoatendimento-hub-card-template-screen img{position:relative;width:100%;height:100%;min-height:132px;object-fit:cover;object-position:top center;display:block}
    .admin-autoatendimento-hub-card-media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:132px;background:color-mix(in srgb,var(--app-text-color) 6%,#0b1220);color:var(--muted)}
    .admin-autoatendimento-hub-card-media-placeholder svg{width:40px;height:40px;opacity:.7}
    .admin-autoatendimento-hub-card-media-hint{position:absolute;left:0;right:0;bottom:42px;padding:8px 10px;font-size:11px;line-height:1.3;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));opacity:0;transition:opacity .15s ease;pointer-events:none}
    .admin-autoatendimento-hub-card-file{position:absolute;inset:0 0 42px 0;opacity:0;cursor:pointer;width:100%;height:auto;z-index:2}
    .admin-autoatendimento-hub-card-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--app-form-bg-color) 0%,transparent),color-mix(in srgb,var(--app-form-bg-color) 88%,#000) 38%,color-mix(in srgb,var(--app-form-bg-color) 96%,#000))}
    .admin-autoatendimento-hub-card-name{margin:0;font-size:13px;font-weight:700;line-height:1.35;word-break:break-word;text-align:left;flex:1;min-width:0}
    .admin-autoatendimento-hub-card-edit{flex:0 0 auto;position:relative;z-index:4}
    .admin-site-streaming-admin-card-empty{display:flex;align-items:center;justify-content:center;width:100%;height:120px;border-radius:8px;background:color-mix(in srgb,var(--app-text-color) 6%,transparent);color:var(--muted);font-size:12px}
    .admin-autoatendimento-destaque-panel{margin-bottom:18px}
    .admin-autoatendimento-destaque-slot{max-width:320px;padding:0 14px 14px}
    .admin-autoatendimento-venda-card--destaque{max-width:320px}
    .admin-autoatendimento-venda-card{
      display:flex;flex-direction:column;min-height:100%;
      border-radius:18px;background:var(--app-form-bg-color);
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 10%, transparent);
      overflow:hidden;
    }
    .admin-autoatendimento-venda-card.is-inactive{opacity:.72}
    .admin-autoatendimento-venda-card-inner{flex:1;padding:16px}
    .admin-autoatendimento-venda-card-preview{
      display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;
      gap:10px;min-height:132px;padding:14px 14px 16px;border-radius:16px;
      background:rgba(0,0,0,.18);color:#fff;text-align:left;
    }
    .admin-autoatendimento-venda-card-preview--destaque{
      align-items:flex-start;text-align:left;min-height:220px;justify-content:flex-start;
      background:transparent;padding:16px 12px;
    }
    .admin-autoatendimento-venda-card-preview-body{
      display:flex;flex-direction:column;align-items:flex-start;width:100%;
    }
    .admin-autoatendimento-venda-card-preview-foot{width:100%;max-width:280px}
    .admin-autoatendimento-venda-card-preview-foot strong{display:block;font-size:18px;line-height:1.2;text-align:left}
    .admin-autoatendimento-venda-card-preview-foot p{margin:10px 0 14px;font-size:13px;line-height:1.45;opacity:.92;text-align:left}
    .admin-autoatendimento-venda-card-preview-icon--plain{
      width:72px;height:72px;margin-bottom:14px;align-self:flex-start;
    }
    .admin-autoatendimento-venda-card-preview-icon--plain img{width:72px;height:72px}
    .admin-autoatendimento-cards-layout-toolbar{flex-wrap:wrap;gap:10px 14px}
    .admin-autoatendimento-head-layout-toolbar{flex-wrap:wrap;gap:10px 14px}
    .admin-site-topo-main{display:flex;flex-direction:column;gap:14px;min-width:0}
    .admin-site-hero-editor{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--app-form-bg-color);box-shadow:0 1px 0 color-mix(in srgb,var(--app-text-color) 6%,transparent)}
    .admin-site-hero-editor-head{padding:10px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--app-text-color) 5%,transparent)}
    .admin-site-hero-editor-title{margin:0;font-size:13px;font-weight:700;line-height:1.3}
    .admin-site-hero-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;padding:8px 10px;background:#2b2f36;border-bottom:1px solid #1f2329}
    .admin-site-hero-toolbar-group{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 8px}
    .admin-site-hero-toolbar-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;white-space:nowrap}
    .admin-site-hero-toolbar-sep{width:1px;height:22px;background:#434956;margin:0 2px;flex:0 0 auto}
    .admin-site-hero-toolbar-select,
    .admin-site-hero-toolbar-input{height:28px;min-height:28px;padding:0 8px;border:1px solid #434956;border-radius:4px;background:#1e2228;color:#f8fafc;font-size:12px;line-height:1.2}
    .admin-site-hero-toolbar-select{min-width:118px;max-width:150px;cursor:pointer}
    .admin-site-hero-toolbar-select:focus,
    .admin-site-hero-toolbar-input:focus{outline:2px solid color-mix(in srgb,var(--btn-primary) 65%,transparent);outline-offset:1px;border-color:#64748b}
    .admin-site-hero-toolbar-size{display:inline-flex;align-items:center;gap:4px}
    .admin-site-hero-toolbar-input[type="number"]{width:58px;padding-right:4px;font-variant-numeric:tabular-nums}
    .admin-site-hero-toolbar-unit{font-size:11px;font-weight:600;color:#94a3b8}
    .admin-site-hero-toolbar-color{display:inline-flex;align-items:center;gap:6px;position:relative}
    .admin-site-hero-toolbar-color-input{position:absolute;width:34px;height:28px;opacity:0;cursor:pointer;z-index:2}
    .admin-site-hero-toolbar-color-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:34px;height:28px;border:1px solid #434956;border-radius:4px;background:#1e2228;cursor:pointer;pointer-events:none}
    .admin-site-hero-toolbar-color-a{font-size:13px;font-weight:800;line-height:1;color:#f8fafc}
    .admin-site-hero-toolbar-color-bar{display:block;width:18px;height:3px;border-radius:999px;margin-top:1px}
    .admin-site-hero-toolbar-color-hex{min-width:62px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:#cbd5e1}
    .admin-site-hero-editor-body{padding:0}
    .admin-site-hero-editor-input{display:block;width:100%;min-height:52px;padding:12px 14px;border:0;border-radius:0;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:14px;line-height:1.45;resize:vertical;box-sizing:border-box}
    .admin-site-hero-editor-input:focus{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--btn-primary) 45%,transparent)}
    .admin-site-hero-editor-input::placeholder{color:color-mix(in srgb,var(--app-text-color) 42%,transparent)}
    textarea.admin-site-hero-editor-input{min-height:88px}
    .admin-autoatendimento-head-preview-wrap{margin-top:14px;padding:0 14px 14px}
    .admin-autoatendimento-head-preview{
      padding:18px;border-radius:16px;background:var(--hb-autoatendimento-bg,#26b596);color:#fff;overflow:hidden;
    }
    .admin-autoatendimento-head-preview .hb-autoatendimento-head{
      width:fit-content;max-width:min(760px,100%);margin:0;text-align:var(--hb-autoatendimento-head-align,left);
      transform:translate(var(--hb-autoatendimento-head-offset-x,0px),var(--hb-autoatendimento-head-offset-y,0px));
    }
    .admin-autoatendimento-head-preview .hb-autoatendimento-head--align-left{margin-right:auto;margin-left:0}
    .admin-autoatendimento-head-preview .hb-autoatendimento-head--align-center{margin-inline:auto}
    .admin-autoatendimento-head-preview .hb-autoatendimento-head--align-right{margin-left:auto;margin-right:0}
    .admin-autoatendimento-head-preview .hb-autoatendimento-head h2{
      margin:0 0 12px;color:var(--hb-autoatendimento-title-color,#fff);font-size:var(--hb-autoatendimento-title-size,clamp(1.35rem,2.4vw,1.85rem));font-family:var(--hb-autoatendimento-title-font,Inter,"Segoe UI",sans-serif);font-weight:800;letter-spacing:-.03em;line-height:1.08;text-align:inherit;
    }
    .admin-autoatendimento-head-preview .hb-autoatendimento-head p{
      margin:0;max-width:640px;color:var(--hb-autoatendimento-subtitle-color,rgba(255,255,255,.92));font-size:var(--hb-autoatendimento-subtitle-size,.95rem);font-family:var(--hb-autoatendimento-subtitle-font,Inter,"Segoe UI",sans-serif);line-height:1.5;text-align:inherit;
    }
    .admin-autoatendimento-layout-preview-wrap{margin-top:14px;padding:0 14px 14px}
    .admin-autoatendimento-layout-preview{
      padding:18px;border-radius:16px;background:var(--hb-autoatendimento-bg,#26b596);color:#fff;overflow:auto;
    }
    .admin-autoatendimento-layout-preview .hb-autoatendimento-layout{
      display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;
    }
    .admin-autoatendimento-layout-preview .hb-autoatendimento-grid-wrap{
      width:100%;max-width:100%;margin-left:0!important;overflow-x:auto;overflow-y:visible;
    }
    .admin-autoatendimento-layout-preview .hb-autoatendimento-grid{
      display:grid;
      gap:var(--hb-site-card-gap,16px);align-items:start;justify-content:start;width:fit-content;max-width:100%;
    }
    .admin-autoatendimento-layout-preview .hb-autoatendimento-card{
      box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
      gap:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-content-gap-ratio,.06));
      width:100%;max-width:var(--hb-autoatendimento-card-size,186px);aspect-ratio:1/1;
      padding:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-padding-ratio,.12));
      border-radius:var(--hb-autoatendimento-card-radius,16px);
      background:color-mix(in srgb,var(--hb-autoatendimento-card-bg-color,#000) var(--hb-autoatendimento-card-bg-opacity,14%),transparent);
      color:#fff;font-family:Inter,"Segoe UI",system-ui,sans-serif;
    }
    .admin-autoatendimento-layout-preview .hb-autoatendimento-card-icon{
      display:block;width:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-icon-ratio,.22));
      height:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-icon-ratio,.22));min-width:32px;min-height:32px;
    }
    .admin-autoatendimento-layout-preview .hb-autoatendimento-card-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:left top;filter:brightness(0) invert(1)}
    .admin-autoatendimento-layout-preview .hb-autoatendimento-card-label{
      display:block;margin:0;width:100%;font-weight:600;line-height:1.22;letter-spacing:-.01em;text-align:left;
      font-size:max(.8125rem,calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-font-ratio,.085)));
    }
    .admin-autoatendimento-venda-card-preview--grid{
      align-items:flex-start;justify-content:flex-start;aspect-ratio:1/1;min-height:0;
      width:min(100%,var(--hb-autoatendimento-card-size,186px));max-width:var(--hb-autoatendimento-card-size,186px);
      gap:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-content-gap-ratio,.06));
      padding:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-padding-ratio,.12));
      border-radius:var(--hb-autoatendimento-card-radius,16px);
      background:color-mix(in srgb,var(--hb-autoatendimento-card-bg-color,#000) var(--hb-autoatendimento-card-bg-opacity,14%),transparent);
      font-family:Inter,"Segoe UI",system-ui,sans-serif;
    }
    .admin-autoatendimento-venda-card-preview-icon{
      display:block;flex:0 0 auto;
      width:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-icon-ratio,.22));
      height:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-icon-ratio,.22));
      min-width:32px;min-height:32px;
    }
    .admin-autoatendimento-venda-card-preview--grid > span:last-child{
      display:block;margin:0;width:100%;font-weight:600;line-height:1.22;letter-spacing:-.01em;text-align:left;
      font-size:max(.8125rem,calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-font-ratio,.085)));
    }
    .admin-autoatendimento-venda-card-preview-icon img{width:100%;height:100%;object-fit:contain;object-position:left top;filter:brightness(0) invert(1)}
    .admin-autoatendimento-venda-card-preview strong{font-size:15px;line-height:1.25}
    .admin-autoatendimento-venda-card-preview p{margin:0;font-size:13px;line-height:1.4;opacity:.92}
    .admin-autoatendimento-venda-card-preview-btn{
      display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;
      border-radius:999px;background:#facc15;color:#111827;font-size:12px;font-weight:800;
    }
    .admin-autoatendimento-venda-card-badge{
      display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent);
      font-size:11px;font-weight:700;
    }
    #adminAutoatendimentoDlg.admin-cat-dialog,
    #adminAutoatendimentoDlg.admin-plano-dialog{width:min(100%,920px);max-height:min(92vh,calc(100vh - 24px))}
    .admin-autoatendimento-live-preview{
      padding:18px;border-radius:16px;background:#26b596;color:#fff;min-height:220px;
    }
    .admin-autoatendimento-live-preview .hb-autoatendimento-featured-icon img,
    .admin-autoatendimento-live-preview .hb-autoatendimento-card-icon img{filter:brightness(0) invert(1)}
    .admin-autoatendimento-live-preview .hb-autoatendimento-featured{
      display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
      min-height:auto;padding:0;background:transparent;color:#fff;
    }
    .admin-autoatendimento-live-preview .hb-autoatendimento-featured-body{align-items:flex-start;width:100%}
    .admin-autoatendimento-live-preview .hb-autoatendimento-featured-icon{
      width:72px;height:72px;margin:0 0 14px;min-height:auto;
    }
    .admin-autoatendimento-live-preview .hb-autoatendimento-featured-foot{max-width:280px;text-align:left}
    .admin-autoatendimento-live-preview .hb-autoatendimento-featured h3{margin:0 0 8px;font-size:1.15rem;text-align:left}
    .admin-autoatendimento-live-preview .hb-autoatendimento-featured p{margin:0 0 14px;text-align:left}
    .admin-autoatendimento-live-preview .hb-autoatendimento-card{
      box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
      flex:0 0 auto;gap:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-content-gap-ratio,.06));
      width:min(100%,var(--hb-autoatendimento-card-size,186px));max-width:100%;
      aspect-ratio:1/1;min-height:0;padding:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-padding-ratio,.12));
      border-radius:var(--hb-autoatendimento-card-radius,16px);
      background:color-mix(in srgb,var(--hb-autoatendimento-card-bg-color,#000) var(--hb-autoatendimento-card-bg-opacity,14%),transparent);
      color:#fff;font-family:Inter,"Segoe UI",system-ui,sans-serif;
    }
    .admin-autoatendimento-live-preview .hb-autoatendimento-card-icon{
      display:block;width:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-icon-ratio,.22));
      height:calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-icon-ratio,.22));
      min-width:32px;min-height:32px;
    }
    .admin-autoatendimento-live-preview .hb-autoatendimento-card-label{
      display:block;margin:0;width:100%;font-weight:600;line-height:1.22;letter-spacing:-.01em;text-align:left;
      font-size:max(.8125rem,calc(var(--hb-autoatendimento-card-size,186px)*var(--hb-autoatendimento-card-font-ratio,.085)));
    }
    .admin-autoatendimento-live-preview .hb-autoatendimento-featured-btn{
      display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;
      border-radius:999px;background:#facc15;color:#111827;font-size:13px;font-weight:800;
    }
    @media (max-width:960px){
      #adminAutoatendimentoDlg.admin-cat-dialog,
      #adminAutoatendimentoDlg.admin-plano-dialog{width:min(100%,640px)}
    }
    @media (max-width:960px){
      #adminPlanoDlg.admin-cat-dialog,
      #adminPlanoDlg.admin-plano-dialog{width:min(100%,640px)}
      .admin-plano-modal-shell{grid-template-columns:1fr}
      .admin-plano-preview-aside{position:static;order:-1}
    }
    .admin-plano-site-fieldset{margin:0;padding:10px 10px 10px;border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);border-radius:10px;background:var(--app-form-bg-color)}
    .admin-plano-site-fieldset legend{padding:0 4px;font-size:12px;font-weight:800;margin-bottom:6px}
    .admin-plano-site-cores-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:0}
    .admin-plano-site-cor-field{margin:0}
    .admin-plano-site-cor-field label{font-size:10px;margin-bottom:2px}
    .admin-plano-site-cor-row{display:flex;align-items:center;gap:4px}
    .admin-plano-site-cor-row input[type="color"]{
      width:100% !important;
      min-width:0 !important;
      height:30px !important;
      min-height:30px !important;
      padding:3px !important;
      border:1px solid #cbd5e1;
      border-radius:8px;
      background:var(--app-form-bg-color);
      cursor:pointer;
      flex-shrink:0;
    }
    .admin-plano-site-cor-preview{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.75}
    @media (max-width:960px){
      .admin-plano-site-cores-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    .admin-plano-site-fieldset .field:last-child{margin-bottom:8px}
    .admin-plano-beneficio-field select,
    .admin-cat-form:not(.admin-plano-modal-form) .field textarea,
    .admin-cat-form:not(.admin-plano-modal-form) .field select{
      min-height:40px;
      height:auto;
      padding:8px 12px;
      font-size:14px;
      line-height:1.3;
      width:100%;
      box-sizing:border-box;
      border:1px solid #cbd5e1;
      border-radius:10px;
      background:var(--app-card-bg-color);
      color:var(--app-text-color);
    }
    .admin-plano-modal-form .field select{
      min-height:30px !important;
      height:30px !important;
      max-height:30px !important;
      padding:4px 28px 4px 8px !important;
      font-size:12px !important;
      line-height:1.2 !important;
      border-radius:7px !important;
      box-sizing:border-box !important;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      background-color:var(--app-form-bg-color) !important;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 8px center;
      background-size:12px;
      cursor:pointer;
    }
    .admin-plano-modal-form .field textarea{
      min-height:54px !important;
      height:auto !important;
      max-height:none;
      padding:5px 8px !important;
      font-size:12px !important;
      line-height:1.25 !important;
      border-radius:7px !important;
    }
    .admin-plano-modal-form .field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]){
      min-height:30px !important;
      height:30px !important;
      max-height:30px;
      padding:4px 8px !important;
      font-size:12px !important;
      line-height:1.2 !important;
      border-radius:7px !important;
      box-sizing:border-box;
    }
    .admin-plano-beneficio-field select{margin-top:8px}
    .admin-plano-beneficio-field > label:not(:first-child){margin-top:10px}
    .admin-plano-icon-preview-wrap{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--app-card-bg-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 10%, transparent)}
    .admin-plano-icon-preview-wrap img{width:40px;height:40px;object-fit:contain;flex-shrink:0}
    .admin-cat-form .field textarea{min-height:88px;resize:vertical}
    .admin-plano-remove-image-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
    .admin-plano-remove-image-label input{width:auto;margin:0}
    .cat-cor-badge{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}
    .cat-cor-dot{width:10px;height:10px;border-radius:999px;background:var(--cat-cor);flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--cat-cor) 35%, transparent)}
    .cat-cor-label{min-width:0;word-break:break-word;line-height:1.35}
    .metric-card.cat-cor-metric-card{border-left:4px solid var(--cat-cor)}
    .admin-user-panel-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:0}
    .admin-user-panel-head h2{margin:0 0 6px}
    .admin-user-panel-head .inst-lead{margin:0}
    .admin-user-new-btn{width:auto !important;min-height:38px;padding:0 16px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}
    .admin-user-new-btn:hover{background:var(--btn-primary-hover)}
    .admin-user-dialog{margin:auto;max-width:calc(100vw - 32px);width:min(100%,720px);max-height:min(92vh,calc(100vh - 32px));padding:0;border:none;border-radius:14px;background:var(--app-card-bg-color);color:var(--app-text-color);box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:auto}
    .admin-user-dialog::backdrop{background:rgba(0,0,0,.45)}
    .admin-user-modal-form.admin-user-form{padding:22px 22px 20px;display:flex;flex-direction:column;max-width:none;margin:0}
    .admin-user-modal-title{margin:0 0 16px;font-size:17px;font-weight:800;line-height:1.25}
    .admin-user-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-bottom:8px}
    .admin-user-fields-grid .field{margin-bottom:0}
    .admin-user-field-span-2{grid-column:1 / -1}
    .admin-user-form .field{display:flex;flex-direction:column;min-width:0;margin:0 0 14px}
    .admin-user-form .field > label:not(.ui-toggle){margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3;display:block}
    .admin-user-form .field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]){
      width:100%;box-sizing:border-box;min-height:40px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:10px;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:14px
    }
    .admin-user-ativo-row{max-width:240px;margin:0 0 14px}
    .admin-user-grupo-field{margin:0 0 14px}
    .admin-user-grupo-field select{
      width:100%;box-sizing:border-box;min-height:40px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:10px;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:14px
    }
    .admin-grupo-panel-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:12px}
    .admin-grupo-panel-head h3{margin:0;font-size:1.05rem;font-weight:800}
    .admin-grupo-new-btn{width:auto !important;min-height:38px;padding:0 16px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}
    .admin-grupo-new-btn:hover{background:var(--btn-primary-hover)}
    .admin-grupo-table{margin-top:4px}
    .admin-grupo-table th:nth-child(2),.admin-grupo-table td:nth-child(2){width:120px}
    .admin-grupo-table th:nth-child(3),.admin-grupo-table td:nth-child(3){width:72px;text-align:center}
    .admin-grupo-table th:last-child,.admin-grupo-table td:last-child{width:160px;white-space:nowrap}
    .admin-user-perm-section{margin:0 0 16px}
    .admin-user-perm-heading{margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.3}
    .admin-user-perm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
    .admin-user-perm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);border-radius:10px;padding:8px 10px;min-height:42px;background:var(--app-form-bg-color)}
    .admin-user-perm-label{font-size:12px;line-height:1.35;flex:1;min-width:0;font-weight:600}
    .admin-user-perm-row .ui-toggle,
    .admin-user-ativo-row .ui-toggle{flex-shrink:0;margin:0}
    .admin-user-perm-row label.ui-toggle,
    .admin-user-ativo-row label.ui-toggle{margin:0 !important;display:inline-flex !important;width:auto !important;padding:0 !important;border:none !important;background:transparent !important;min-height:0 !important}
    .admin-user-modal-actions{display:flex;gap:10px;margin-top:2px}
    .admin-user-modal-actions .admin-user-save,
    .admin-user-modal-actions .admin-user-cancel{
      flex:1;min-height:40px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;width:auto !important
    }
    .admin-user-modal-actions .admin-user-save{border:none;background:var(--btn-primary);color:#fff}
    .admin-user-modal-actions .admin-user-cancel{border:1px solid #cbd5e1;background:var(--app-form-bg-color);color:var(--app-text-color)}
    @media (max-width:720px){.admin-user-perm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media (max-width:640px){.admin-user-fields-grid{grid-template-columns:1fr}.admin-user-ativo-row{max-width:none}}
    @media (max-width:480px){.admin-user-perm-grid{grid-template-columns:1fr}}
    .ui-toggle{display:inline-flex;align-items:center;cursor:pointer;user-select:none;vertical-align:middle}
    .ui-toggle-input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
    .ui-toggle-track{position:relative;width:44px;height:24px;border-radius:999px;background:#64748b;transition:background .2s ease;flex-shrink:0}
    .ui-toggle-input:checked + .ui-toggle-track{background:var(--btn-primary)}
    .ui-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.28)}
    .ui-toggle-input:checked + .ui-toggle-track .ui-toggle-thumb{transform:translateX(20px)}
    .ui-toggle-input:focus-visible + .ui-toggle-track{outline:2px solid var(--app-button-color);outline-offset:2px}
    .field--toggle{display:flex;align-items:center;gap:12px}
    .field-toggle-label{font-size:14px;font-weight:600}
    .menu-ativo-toggle-wrap{display:inline-flex;margin:0;padding:0}
    .admin-menu-page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:2px}
    .admin-menu-page-head h2{margin:0}
    .admin-menu-new-btn{width:auto !important;min-height:40px;padding:0 18px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}
    .admin-menu-new-btn:hover{background:var(--btn-primary-hover)}
    .bank-page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:2px}
    .bank-page-head h2{margin:0}
    .bank-new-btn{width:auto !important;min-height:40px;padding:0 18px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}
    .bank-new-btn:hover{background:var(--btn-primary-hover)}
    .bank-dialog{margin:auto;max-width:calc(100vw - 32px);width:min(100%,480px);max-height:min(90vh,calc(100vh - 48px));padding:0;border:none;border-radius:14px;background:var(--app-card-bg-color);color:var(--app-text-color);box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:auto}
    .bank-dialog::backdrop{background:rgba(0,0,0,.45)}
    .bank-modal-form{padding:22px 22px 18px;display:flex;flex-direction:column}
    .bank-modal-title{margin:0 0 16px;font-size:17px;font-weight:800;line-height:1.25}
    .bank-modal-form .field{display:flex;flex-direction:column;min-width:0;margin:0 0 16px}
    .bank-modal-form .field label{margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3}
    .bank-modal-form .field input,
    .bank-modal-form .field select{min-height:40px;height:auto;padding:8px 12px;font-size:14px;line-height:1.3}
    .bank-modal-actions{display:flex;gap:10px;margin-top:4px}
    .bank-modal-actions .bank-modal-save{flex:1;min-height:40px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;width:auto !important}
    .bank-modal-actions .bank-modal-cancel{flex:1;min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:14px;font-weight:700;cursor:pointer;width:auto !important}
    .despesa-page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:12px}
    .despesa-page-head h2{margin:0}
    .cancelamento-head-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 12px;flex:0 1 auto;min-width:0}
    .despesa-new-btn{width:auto !important;min-height:40px;padding:0 18px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}
    .despesa-new-btn:hover{background:var(--btn-primary-hover)}
    .despesa-create-dialog{margin:auto;max-width:calc(100vw - 32px);width:min(100%,520px);max-height:min(90vh,calc(100vh - 48px));padding:0;border:none;border-radius:14px;background:var(--app-card-bg-color);color:var(--app-text-color);box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:auto}
    .despesa-create-dialog::backdrop{background:rgba(0,0,0,.45)}
    .despesa-create-modal-form{padding:22px 22px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:16px;align-items:start}
    .despesa-create-modal-form .despesa-create-modal-title,
    .despesa-create-modal-form .field-desp-nome,
    .despesa-create-modal-form .field-cartao-nome,
    .despesa-create-modal-form #despesa-recorrencia-ate-wrap,
    .despesa-create-modal-form #cartao-create-recorrencia-ate-wrap,
    .despesa-create-modal-form .despesa-create-modal-actions{grid-column:1 / -1}
    .despesa-create-modal-form .field-desp-valor,
    .despesa-create-modal-form .field-desp-categoria,
    .despesa-create-modal-form .field-desp-recorrente,
    .despesa-create-modal-form .field-desp-data,
    .despesa-create-modal-form .field-desp-pdf,
    .despesa-create-modal-form .field-venda-mes,
    .despesa-create-modal-form .field-venda-ano{min-width:0}
    .despesa-create-modal-form .field-desp-pdf input[type="file"]{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    #boletoCreateDlg.despesa-create-dialog{width:min(100%,560px)}
    #documentoCreateDlg.despesa-create-dialog{width:min(100%,520px)}
    #nfeCreateDlg.despesa-create-dialog{width:min(100%,520px)}
    .doc-card-xml-row{
      padding:0 14px 14px;
      margin-top:-4px;
    }
    .doc-card-btn-xml{
      width:100%;
      flex:none;
    }
    .nfe-fornecedor-section{margin-top:22px}
    .nfe-fornecedor-section:first-of-type{margin-top:6px}
    .nfe-fornecedor-heading{
      margin:0 0 12px;
      font-size:15px;
      font-weight:800;
      line-height:1.3;
    }
    .doc-card-desc-date{
      display:block;
      font-weight:600;
      color:var(--app-text-color);
      margin-bottom:4px;
    }
    .docs-card-grid{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
      gap:16px;
      margin-top:8px;
    }
    .doc-card{
      display:flex;
      flex-direction:column;
      min-width:0;
      border:1px solid #cbd5e1;
      border-radius:12px;
      overflow:hidden;
      background:var(--app-card-bg-color);
      box-shadow:0 1px 3px rgba(15,23,42,.06);
    }
    .doc-card-preview-link{
      display:block;
      text-decoration:none;
      color:inherit;
    }
    .doc-card-preview{
      position:relative;
      height:220px;
      overflow:hidden;
      background:#e2e8f0;
      border-bottom:1px solid #cbd5e1;
    }
    .doc-card-preview iframe{
      width:100%;
      height:440px;
      border:none;
      pointer-events:none;
      background:#fff;
    }
    .doc-card-preview-fallback{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:8px;
      height:100%;
      padding:16px;
      text-align:center;
      color:#64748b;
    }
    .doc-card-preview-fallback-icon{
      font-size:42px;
      line-height:1;
      font-weight:800;
      letter-spacing:.02em;
    }
    .doc-card-preview-fallback-label{
      font-size:12px;
      font-weight:600;
      line-height:1.35;
    }
    .doc-card-body{
      display:flex;
      flex-direction:column;
      gap:6px;
      padding:12px 14px 14px;
      flex:1;
      min-width:0;
    }
    .doc-card-title{
      margin:0;
      font-size:14px;
      font-weight:800;
      line-height:1.35;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .doc-card-desc{
      margin:0;
      font-size:12px;
      line-height:1.45;
      color:#64748b;
      overflow:hidden;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      min-height:34px;
    }
    .doc-card-desc.is-empty{
      visibility:hidden;
      min-height:0;
    }
    .doc-card-meta{
      font-size:11px;
      line-height:1.4;
      color:#64748b;
    }
    .doc-card-actions{
      display:flex;
      align-items:stretch;
      gap:6px;
      margin-top:auto;
      padding-top:10px;
      width:100%;
    }
    .doc-card-action-form{
      display:flex;
      flex:1 1 0;
      min-width:0;
      margin:0;
      width:auto;
    }
    .doc-card-btn,
    a.doc-card-btn,
    button.doc-card-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      flex:1 1 0;
      min-width:0;
      height:26px;
      min-height:26px !important;
      max-height:26px;
      padding:0 6px !important;
      border-radius:6px !important;
      font-size:11px !important;
      font-weight:700;
      line-height:1;
      text-decoration:none;
      border:none !important;
      cursor:pointer;
      white-space:nowrap;
      box-sizing:border-box;
      width:100% !important;
      box-shadow:none !important;
      -webkit-appearance:none;
      appearance:none;
    }
    a.doc-card-btn.view,
    a.doc-card-btn.download{
      background:var(--btn-primary) !important;
      color:#fff !important;
    }
    a.doc-card-btn.view:hover,
    a.doc-card-btn.download:hover{
      background:var(--btn-primary-hover) !important;
    }
    button.doc-card-btn.delete{
      background:var(--btn-danger) !important;
      color:#fff !important;
    }
    button.doc-card-btn.delete:hover{
      background:var(--btn-danger-hover) !important;
    }
    #osCreateDlg.despesa-create-dialog{width:min(100%,680px)}
    #cadastroVendaDlg.despesa-create-dialog{width:min(100%,860px)}
    .cadastro-venda-modal-form .cadastro-venda-section-title,
    .cadastro-venda-modal-form .field-os-full,
    .cadastro-venda-modal-form .cadastro-venda-cep-status-wrap,
    .cadastro-venda-modal-form .despesa-create-modal-actions{grid-column:1 / -1}
    .cadastro-venda-modal-form input[data-cpf-br="1"].is-cpf-invalid{
      border-color:#dc2626 !important;
      box-shadow:0 0 0 1px color-mix(in srgb, #dc2626 35%, transparent);
    }
    .cadastro-venda-cpf-status.is-error{color:#dc2626}
    .cadastro-venda-modal-form .cadastro-venda-field-copy-wrap{
      position:relative;
      display:block;
      width:100%;
      min-width:0
    }
    .cadastro-venda-modal-form .cadastro-venda-field-copy-wrap > input,
    .cadastro-venda-modal-form .cadastro-venda-field-copy-wrap > select{
      padding-right:42px !important
    }
    .cadastro-venda-modal-form button.cadastro-venda-field-copy-btn{
      position:absolute;
      right:6px;
      top:50%;
      transform:translateY(-50%);
      width:32px !important;
      min-height:32px !important;
      max-width:32px !important;
      padding:0 !important;
      border:none !important;
      border-radius:8px !important;
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent) !important;
      color:color-mix(in srgb, var(--app-text-color) 72%, transparent) !important;
      cursor:pointer;
      display:inline-flex !important;
      align-items:center;
      justify-content:center;
      box-shadow:none !important;
      z-index:2
    }
    .cadastro-venda-modal-form button.cadastro-venda-field-copy-btn svg{stroke:currentColor !important;color:inherit !important}
    .cadastro-venda-modal-form button.cadastro-venda-field-copy-btn:hover{
      background:color-mix(in srgb, var(--app-text-color) 14%, transparent) !important;
      color:var(--app-text-color) !important
    }
    .cadastro-venda-modal-form button.cadastro-venda-field-copy-btn.is-copied,
    .cadastro-venda-modal-form button.cadastro-venda-field-copy-btn.is-copied:hover{
      background:color-mix(in srgb, var(--btn-primary) 18%, transparent) !important;
      color:var(--btn-primary) !important
    }
    .cadastro-venda-modal-form .cadastro-venda-section-title{
      margin:6px 0 0;
      padding:0 0 2px;
      font-size:12px;
      font-weight:800;
      letter-spacing:.05em;
      text-transform:uppercase;
      color:color-mix(in srgb, var(--app-text-color) 52%, transparent);
      border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);
    }
    .cadastro-venda-modal-form .cadastro-venda-section-title:first-of-type{margin-top:0}
    .cadastro-venda-modal-form .cadastro-venda-address-row{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:160px 1fr 120px;
      gap:12px;
      align-items:start;
    }
    .cadastro-venda-modal-form .cadastro-venda-address-row-2{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:1fr 100px;
      gap:12px;
      align-items:start;
    }
    @media (max-width:640px){
      .cadastro-venda-modal-form .cadastro-venda-address-row,
      .cadastro-venda-modal-form .cadastro-venda-address-row-2{grid-template-columns:1fr}
    }
    .plano-venda-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:4px}
    .plano-venda-cards-grid.admin-plano-cards-grid{grid-template-columns:repeat(4,1fr)}
    @media (max-width:1100px){.plano-venda-cards-grid.admin-plano-cards-grid{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:640px){.plano-venda-cards-grid.admin-plano-cards-grid{grid-template-columns:1fr}}
    .plano-venda-card{
      background:#fff;
      color:#111827;
      border:1px solid #e5e7eb;
      border-radius:14px;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      min-height:100%;
      box-shadow:0 1px 2px rgba(15,23,42,.06);
      transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
    }
    .plano-venda-card-select{
      cursor:pointer;
      padding:0;
      width:100%;
      font:inherit;
      text-align:left;
      appearance:none;
      -webkit-appearance:none;
      position:relative;
    }
    .plano-venda-card-select:hover{border-color:#cbd5e1;box-shadow:0 4px 14px rgba(15,23,42,.08)}
    .plano-venda-card-check{
      display:none;
      position:absolute;
      top:14px;
      right:14px;
      width:22px;
      height:22px;
      border:2px solid #cbd5e1;
      border-radius:6px;
      background:#fff;
      box-sizing:border-box;
      z-index:2;
      pointer-events:none;
      align-items:center;
      justify-content:center;
    }
    .plano-venda-card-check::after{
      content:'';
      display:none;
      width:6px;
      height:11px;
      border-right:2px solid #fff;
      border-bottom:2px solid #fff;
      transform:rotate(45deg);
      margin-top:-2px;
    }
    .cadastro-venda-modal-form.is-mobile-wizard .plano-venda-card-select .plano-venda-card-check{display:flex}
    .plano-venda-card-select.is-selected .plano-venda-card-check{
      border-color:#dc2626;
      background:#dc2626;
    }
    .plano-venda-card-select.is-selected .plano-venda-card-check::after{display:block}
    .plano-venda-card-select.is-selected{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.18)}
    .cadastro-venda-vencimento-wrap{display:none;grid-column:1 / -1}
    .cadastro-venda-vencimento-wrap.is-visible{display:block}
    .cadastro-venda-rede-wrap{display:none;grid-column:1 / -1}
    .cadastro-venda-rede-wrap.is-visible{display:block}
    .cadastro-venda-instalacao-wrap{display:none;grid-column:1 / -1;gap:10px}
    .cadastro-venda-instalacao-wrap.is-visible{display:grid}
    .cadastro-venda-instalacao-section-title{
      grid-column:1 / -1;
      margin:8px 0 10px;
      padding-bottom:8px
    }
    .cadastro-venda-instalacao-intro h5{margin:0 0 4px;font-size:13px;font-weight:800;color:var(--app-text-color)}
    .cadastro-venda-instalacao-desc{margin:0;font-size:11px;line-height:1.4;color:color-mix(in srgb, var(--app-text-color) 62%, transparent)}
    .cadastro-venda-instalacao-grid{
      display:grid;grid-template-columns:1fr;gap:12px;padding:0;
      border:0;border-radius:0;background:transparent
    }
    .cadastro-venda-instalacao-grid > .field > label,
    .cadastro-venda-instalacao-periodo > legend{
      display:block;margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3;color:var(--app-text-color)
    }
    .cadastro-venda-instalacao-periodo{border:0;margin:0;padding:0;min-width:0;width:100%}
    .cadastro-venda-instalacao-periodo-options{display:flex;gap:8px;width:100%}
    .cadastro-venda-instalacao-periodo-slot{position:relative;flex:1 1 0;min-width:148px;display:flex}
    .cadastro-venda-instalacao-periodo-notch{display:none}
    .cadastro-venda-periodo-option{
      position:relative;display:flex;flex:1;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px;
      width:100%;min-width:0;box-sizing:border-box;min-height:40px;height:40px;max-height:40px;padding:0 12px;margin:0;
      border:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);border-radius:8px;
      cursor:pointer;background:var(--app-form-bg-color);transition:border-color .15s,box-shadow .15s;
      font-size:14px;line-height:1.3
    }
    .cadastro-venda-periodo-option input{position:absolute;opacity:0;pointer-events:none}
    .cadastro-venda-periodo-option.is-selected,
    .cadastro-venda-periodo-option:has(input:checked){
      border-color:var(--btn-primary);
      box-shadow:0 0 0 1px color-mix(in srgb, var(--btn-primary) 35%, transparent)
    }
    .cadastro-venda-periodo-option.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
    .cadastro-venda-periodo-label{font-size:13px;font-weight:600;color:var(--app-text-color);line-height:1.3;white-space:nowrap;flex-shrink:0}
    .cadastro-venda-periodo-sub{
      font-size:12px;font-weight:500;color:color-mix(in srgb, var(--app-text-color) 58%, transparent);line-height:1.3;white-space:nowrap
    }
    .cadastro-venda-plano-config-band{
      grid-column:1 / -1;
      display:none;
      gap:12px 14px;
      align-items:end
    }
    .cadastro-venda-plano-config-band.is-visible{display:grid}
    .cadastro-venda-plano-config-band .field-os-full{grid-column:auto;min-width:0}
    .cadastro-venda-plano-resumo-wrap{
      grid-column:1 / -1;
      margin:0 0 4px
    }
    .cadastro-venda-plano-resumo{
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
      gap:10px;
      align-items:stretch;
      width:100%
    }
    .cadastro-venda-plano-resumo-card{
      flex:0 0 auto;
      min-width:148px;
      max-width:100%;
      padding:10px 14px;
      border-radius:10px;
      background:color-mix(in srgb, var(--btn-primary) 8%, var(--app-form-bg-color));
      border:1px solid color-mix(in srgb, var(--btn-primary) 20%, transparent);
      box-sizing:border-box
    }
    .cadastro-venda-plano-resumo-label{
      display:block;
      margin:0 0 4px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.04em;
      text-transform:uppercase;
      color:color-mix(in srgb, var(--app-text-color) 58%, transparent);
      line-height:1.2
    }
    .cadastro-venda-plano-resumo-value{
      display:block;
      font-size:14px;
      font-weight:700;
      line-height:1.35;
      color:var(--app-text-color);
      word-break:break-word
    }
    .cadastro-venda-step[data-wizard-step="3"] .cadastro-venda-section-title{margin:0 0 10px;padding-bottom:8px}
    .cadastro-venda-step[data-wizard-step="3"] .cadastro-venda-plano-picker{margin-top:4px}
    @media (min-width:769px){
      .cadastro-venda-plano-config-band.is-visible{
        grid-template-columns:minmax(92px,108px) minmax(0,1fr) minmax(0,1fr) minmax(110px,140px);
        align-items:end
      }
      .cadastro-venda-plano-config-band .cadastro-venda-vencimento-wrap,
      .cadastro-venda-plano-config-band .cadastro-venda-rede-wrap.is-visible{
        display:contents !important
      }
      .cadastro-venda-plano-config-band .cadastro-venda-vencimento-wrap .field{grid-column:1}
      .cadastro-venda-plano-config-band .cadastro-venda-rede-wrap.is-visible .field:nth-child(1){grid-column:2}
      .cadastro-venda-plano-config-band .cadastro-venda-rede-wrap.is-visible .field:nth-child(2){grid-column:3}
      .cadastro-venda-plano-config-band .cadastro-venda-rede-wrap.is-visible .field:nth-child(3){grid-column:4}
      .cadastro-venda-plano-config-band .cadastro-venda-instalacao-section-title{grid-column:1 / -1}
      .cadastro-venda-plano-config-band .cadastro-venda-instalacao-wrap.is-visible{
        grid-column:1 / -1;
        display:grid !important;
        grid-template-columns:1fr;
        gap:12px
      }
      .cadastro-venda-plano-config-band .cadastro-venda-instalacao-wrap.is-visible .cadastro-venda-instalacao-intro{display:none}
      .cadastro-venda-plano-config-band .cadastro-venda-instalacao-wrap.is-visible .cadastro-venda-instalacao-grid{
        grid-template-columns:minmax(200px,220px) minmax(360px,1fr);
        gap:12px 14px;
        align-items:end
      }
      .cadastro-venda-plano-config-band .cadastro-venda-instalacao-date{grid-column:1;min-width:0}
      .cadastro-venda-plano-config-band .cadastro-venda-instalacao-periodo{grid-column:2;align-self:end;min-width:0}
      .cadastro-venda-plano-config-band .cadastro-venda-instalacao-periodo-options{flex-wrap:nowrap}
    }
    @media (max-width:768px){
      .cadastro-venda-instalacao-grid{
        padding:12px;
        border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
        border-radius:10px;
        background:color-mix(in srgb, var(--app-text-color) 3%, var(--app-card-bg-color))
      }
      .cadastro-venda-instalacao-periodo-options{flex-wrap:wrap}
      .cadastro-venda-instalacao-periodo-slot{flex:1 1 calc(50% - 4px);min-width:140px}
    }
    .cadastro-venda-planos-tabs{width:100%}
    .cadastro-venda-planos-tabs .hb-plans-tabs-wrap{margin:0}
    .cadastro-venda-planos-tabs .hb-plans-tabs{
      display:flex;
      flex-wrap:wrap;
      gap:24px;
      width:100%;
      border-bottom:1px solid rgba(148,163,184,.22)
    }
    .cadastro-venda-planos-tabs .hb-plans-tab-panels{margin:16px 0 0}
    .cadastro-venda-planos-tabs .hb-plans-tab{
      appearance:none;
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      color:var(--cv-tab-inactive,#9ca3af);
      cursor:pointer;
      font:inherit;
      font-size:14px;
      font-weight:600;
      line-height:1.2;
      margin:0;
      min-height:0 !important;
      width:auto !important;
      padding:0 0 12px;
      position:relative;
      transition:color .15s ease
    }
    .cadastro-venda-planos-tabs .hb-plans-tab::after{
      content:'';
      position:absolute;
      left:0;
      right:0;
      bottom:-1px;
      height:3px;
      border-radius:6px 6px 0 0;
      background:transparent;
      transition:background-color .15s ease
    }
    .cadastro-venda-planos-tabs .hb-plans-tab.is-active{color:#9e0000}
    .cadastro-venda-planos-tabs .hb-plans-tab.is-active::after{background:#9e0000;height:5px}
    .cadastro-venda-planos-tabs .hb-plans-tab:hover{color:#9e0000}
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site.admin-plano-live-preview,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site.admin-plano-live-preview{
      background:transparent!important;
      padding:0;
      overflow:visible
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site:not([data-plans-badge-style="center"]),
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site:not([data-plans-badge-style="center"]){
      padding-top:0 !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site.hb-section-plans:not([data-plans-badge-style="center"]) .nio-plans,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site.hb-section-plans:not([data-plans-badge-style="center"]) .nio-plans{
      padding-top:0 !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site{
      width:100%;
      max-width:none;
      box-sizing:border-box;
      overflow:visible
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site.hb-section-plans,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site.hb-section-plans{
      border-top:0 !important;
      border-bottom:0 !important;
      box-shadow:none !important;
      padding-bottom:0 !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-modal-form .despesa-create-modal-actions,
    body[data-page="cadastro_publico"] .cadastro-venda-modal-form .despesa-create-modal-actions{
      border-top:0 !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-track-wrap,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-track-wrap{
      width:100%;
      max-width:100%;
      overflow:visible;
      scrollbar-width:none
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-track-wrap::-webkit-scrollbar,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-track-wrap::-webkit-scrollbar{
      display:none
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-plano-picker .cadastro-venda-planos-tabs,
    body[data-page="cadastro_vendas"] .cadastro-venda-plano-picker .cadastro-venda-planos-tabs .hb-plans-tab-panels,
    body[data-page="cadastro_vendas"] .cadastro-venda-plano-picker .cadastro-venda-planos-tabs .hb-plans-tab-panel,
    body[data-page="cadastro_publico"] .cadastro-venda-plano-picker .cadastro-venda-planos-tabs,
    body[data-page="cadastro_publico"] .cadastro-venda-plano-picker .cadastro-venda-planos-tabs .hb-plans-tab-panels,
    body[data-page="cadastro_publico"] .cadastro-venda-plano-picker .cadastro-venda-planos-tabs .hb-plans-tab-panel{
      width:100%;
      max-width:100%;
      box-sizing:border-box
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-plans,
    body[data-page="cadastro_vendas"] .cadastro-venda-nio-plans,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-plans,
    body[data-page="cadastro_publico"] .cadastro-venda-nio-plans{
      display:flex !important;
      flex-direction:row !important;
      flex-wrap:wrap !important;
      align-items:stretch !important;
      justify-content:flex-start !important;
      gap:var(--hb-plans-card-gap,16px) !important;
      width:100% !important;
      max-width:100% !important;
      grid-template-columns:unset !important;
      padding:0 0 8px !important;
      box-sizing:border-box
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card{
      flex:0 0 var(--nio-plans-card-width,272px) !important;
      width:var(--nio-plans-card-width,272px) !important;
      max-width:var(--nio-plans-card-width,272px) !important;
      min-width:var(--nio-plans-card-width,272px) !important;
      margin:0 !important;
      min-height:100%;
      box-sizing:border-box;
      border:0 !important;
      outline:none !important;
      overflow:visible !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-media,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-media{
      contain:none;
      transform:none;
      -webkit-transform:none
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card::after,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card::after{display:none}
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected{
      box-shadow:0 0 0 2px color-mix(in srgb,var(--nio-card-btn,#9e0000) 45%,transparent),0 8px 24px rgba(15,23,42,.12)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .cadastro-pedido-plano-btn-icon--remove,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .cadastro-pedido-plano-btn-label--remove,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .cadastro-pedido-plano-btn-icon--remove,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .cadastro-pedido-plano-btn-label--remove{display:none}
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected .cadastro-pedido-plano-btn-icon--select,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected .cadastro-pedido-plano-btn-label--select,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected .cadastro-pedido-plano-btn-icon--select,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected .cadastro-pedido-plano-btn-label--select{display:none}
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected .cadastro-pedido-plano-btn-icon--remove,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected .cadastro-pedido-plano-btn-icon--remove{display:inline-flex}
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected .cadastro-pedido-plano-btn-label--remove,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .cadastro-pedido-nio-card.is-selected .cadastro-pedido-plano-btn-label--remove{display:inline}
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-btn,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .cadastro-pedido-plano-select,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-btn,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .cadastro-pedido-plano-select,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site.admin-plano-live-preview .nio-card-btn,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site.admin-plano-live-preview .cadastro-pedido-plano-select{
      width:100%;
      border:0;
      cursor:pointer;
      font:inherit;
      text-decoration:none;
      background:rgb(158,0,0) !important;
      color:#fff !important;
      box-shadow:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-btn:hover,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .cadastro-pedido-plano-select:hover,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-btn:hover,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .cadastro-pedido-plano-select:hover,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site.admin-plano-live-preview .nio-card-btn:hover,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site.admin-plano-live-preview .cadastro-pedido-plano-select:hover{
      background:rgb(126,0,0) !important;
      color:#fff !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-includes,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-includes{
      --nio-card-logo-size:36px;
      --nio-card-tip-max-width:min(240px,100cqw);
      container-type:inline-size;
      overflow:visible;
      position:relative;
      z-index:3
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-includes-logos,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-includes-logos{
      position:relative;
      z-index:1
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-body,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-body{
      overflow:visible
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon{
      width:var(--nio-card-logo-size,36px);
      height:var(--nio-card-logo-size,36px);
      border-radius:calc(var(--nio-card-logo-size,36px) * 0.22) !important;
      overflow:hidden !important;
      flex-shrink:0;
      background:#fff;
      box-shadow:0 0 0 1px rgba(15,23,42,.1);
      box-sizing:border-box
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon-img,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon-img{
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center;
      display:block;
      border-radius:inherit !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip{
      overflow:visible !important;
      position:relative;
      cursor:pointer
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:hover,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:focus-visible,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:hover,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:focus-visible{
      z-index:25
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip .nio-card-app-icon-img,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip .nio-card-app-icon-img{
      border-radius:calc(var(--nio-card-logo-size,36px) * 0.22) !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-tip{
      position:absolute;
      bottom:calc(100% + 10px);
      left:50%;
      transform:translateX(-50%) translateY(4px);
      min-width:0;
      width:max-content;
      max-width:var(--nio-card-tip-max-width,min(240px,100%));
      padding:10px 12px;
      border-radius:8px;
      background:rgba(43,47,54,.88);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
      border:1px solid rgba(255,255,255,.08);
      color:rgba(248,250,252,.96);
      font-size:.75rem;
      font-weight:500;
      line-height:1.45;
      text-align:center;
      box-shadow:0 10px 28px rgba(15,23,42,.22);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
      z-index:20;
      box-sizing:border-box;
      overflow-wrap:anywhere
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-tip::after,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-tip::after{
      content:'';
      position:absolute;
      top:100%;
      left:50%;
      transform:translateX(-50%);
      border:6px solid transparent;
      border-top-color:rgba(43,47,54,.88)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:not(.nio-card-app-icon--tip-first):not(.nio-card-app-icon--tip-second):not(.nio-card-app-icon--tip-penultimate):not(.nio-card-app-icon--tip-last):hover .nio-card-app-tip,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:not(.nio-card-app-icon--tip-first):not(.nio-card-app-icon--tip-second):not(.nio-card-app-icon--tip-penultimate):not(.nio-card-app-icon--tip-last):focus-visible .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:not(.nio-card-app-icon--tip-first):not(.nio-card-app-icon--tip-second):not(.nio-card-app-icon--tip-penultimate):not(.nio-card-app-icon--tip-last):hover .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:not(.nio-card-app-icon--tip-first):not(.nio-card-app-icon--tip-second):not(.nio-card-app-icon--tip-penultimate):not(.nio-card-app-icon--tip-last):focus-visible .nio-card-app-tip{
      opacity:1;
      visibility:visible;
      transform:translateX(calc(-50% + var(--nio-tip-shift-x,0px))) translateY(0)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:not(.nio-card-app-icon--tip-first):not(.nio-card-app-icon--tip-second):not(.nio-card-app-icon--tip-penultimate):not(.nio-card-app-icon--tip-last) .nio-card-app-tip::after,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--has-tip:not(.nio-card-app-icon--tip-first):not(.nio-card-app-icon--tip-second):not(.nio-card-app-icon--tip-penultimate):not(.nio-card-app-icon--tip-last) .nio-card-app-tip::after{
      left:calc(50% - var(--nio-tip-shift-x,0px))
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-first .nio-card-app-tip,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-second .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-first .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-second .nio-card-app-tip{
      left:0;
      right:auto;
      transform:translateX(var(--nio-tip-shift-x,0px)) translateY(4px)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-first .nio-card-app-tip::after,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-second .nio-card-app-tip::after,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-first .nio-card-app-tip::after,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-second .nio-card-app-tip::after{
      left:calc(var(--nio-card-logo-size,36px) * .5 - var(--nio-tip-shift-x,0px));
      right:auto;
      transform:translateX(-50%)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-first:hover .nio-card-app-tip,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-first:focus-visible .nio-card-app-tip,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-second:hover .nio-card-app-tip,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-second:focus-visible .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-first:hover .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-first:focus-visible .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-second:hover .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-second:focus-visible .nio-card-app-tip{
      opacity:1;
      visibility:visible;
      transform:translateX(var(--nio-tip-shift-x,0px)) translateY(0)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-penultimate .nio-card-app-tip,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-last .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-penultimate .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-last .nio-card-app-tip{
      left:auto;
      right:0;
      transform:translateX(var(--nio-tip-shift-x,0px)) translateY(4px)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-penultimate .nio-card-app-tip::after,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-last .nio-card-app-tip::after,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-penultimate .nio-card-app-tip::after,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-last .nio-card-app-tip::after{
      left:auto;
      right:calc(var(--nio-card-logo-size,36px) * .5 + var(--nio-tip-shift-x,0px));
      transform:translateX(50%)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-penultimate:hover .nio-card-app-tip,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-penultimate:focus-visible .nio-card-app-tip,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-last:hover .nio-card-app-tip,
    body[data-page="cadastro_vendas"] .cadastro-venda-planos-site .nio-card-app-icon--tip-last:focus-visible .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-penultimate:hover .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-penultimate:focus-visible .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-last:hover .nio-card-app-tip,
    body[data-page="cadastro_publico"] .cadastro-venda-planos-site .nio-card-app-icon--tip-last:focus-visible .nio-card-app-tip{
      opacity:1;
      visibility:visible;
      transform:translateX(var(--nio-tip-shift-x,0px)) translateY(0)
    }
    .cadastro-venda-resumo{
      display:grid;
      gap:24px;
      padding:8px 0 16px;
    }
    .cadastro-venda-resumo-block{
      border-radius:14px;
      overflow:hidden;
      background:color-mix(in srgb, var(--app-text-color) 4%, var(--app-form-bg-color));
      border:1px solid color-mix(in srgb, var(--app-text-color) 11%, transparent);
      box-shadow:0 8px 24px color-mix(in srgb, #000 12%, transparent);
      margin:0 0 20px;
    }
    .cadastro-venda-resumo-block:last-child{margin-bottom:0}
    .cadastro-venda-resumo-block-title{
      padding:13px 16px 11px;
      font-size:11px;
      font-weight:800;
      letter-spacing:.07em;
      text-transform:uppercase;
      color:color-mix(in srgb, var(--app-text-color) 58%, transparent);
      background:color-mix(in srgb, var(--app-text-color) 7%, var(--app-form-bg-color));
      border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);
    }
    .cadastro-venda-resumo-block-body{padding:2px 0}
    .cadastro-venda-resumo-row{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:16px;
      font-size:14px;
      line-height:1.45;
      padding:12px 16px;
      border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 9%, transparent);
    }
    .cadastro-venda-resumo-row:last-child{border-bottom:none}
    .cadastro-venda-resumo-row span:first-child{
      flex:0 0 auto;
      max-width:44%;
      color:color-mix(in srgb, var(--app-text-color) 62%, transparent);
    }
    .cadastro-venda-resumo-row strong{
      flex:1 1 auto;
      font-weight:700;
      text-align:right;
      word-break:break-word;
    }
    .cadastro-venda-step-desktop-hidden{display:contents}
    @media (min-width:769px){
      .cadastro-venda-step[data-wizard-step="4"]{display:none !important}
    }
    .plano-venda-card.is-inactive{opacity:.72}
    .plano-venda-card-inner{display:flex;flex-direction:column;flex:1}
    .plano-venda-card-top{padding:18px 18px 14px;flex:1}
    .plano-venda-card-badge{
      display:inline-flex;align-items:center;gap:6px;
      background:#ecfdf5;color:#047857;
      font-size:12px;font-weight:700;
      padding:5px 10px;border-radius:999px;margin:0 0 12px;
    }
    .plano-venda-card-badge svg{width:14px;height:14px;flex-shrink:0}
    .plano-venda-card-title{
      margin:0 0 14px;font-size:22px;line-height:1.2;font-weight:800;color:#111827;
    }
    .plano-venda-card-benefits{list-style:none;margin:0;padding:0;display:grid;gap:10px}
    .plano-venda-card-benefits li{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      font-size:14px;line-height:1.35;color:#374151;
    }
    .plano-venda-card-benefits--no-icons li{justify-content:flex-start}
    .plano-venda-card-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px}
    .plano-venda-card-icon--wifi svg{width:28px;height:28px;color:#64748b}
    .plano-venda-card-icon--stream svg{width:28px;height:28px}
    .plano-venda-card-icon--custom img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;display:block}
    .plano-venda-card-top .nio-card-includes{
      --nio-card-logo-size:36px;
      margin-top:10px;
    }
    .plano-venda-card-top .nio-card-includes-label{
      margin:0 0 6px;font-size:14px;font-weight:inherit;line-height:1.35;color:#374151;
    }
    .plano-venda-card-apps-pacote{
      margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.35;color:#111827;
    }
    .cadastro-venda-plano-apps{
      margin-top:4px;font-size:12px;font-weight:600;color:color-mix(in srgb,#1ABB9C 70%,var(--app-text-color,#e5e7eb));
    }
    .plano-venda-card-top .nio-card-includes-logos{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
    .plano-venda-card-top .nio-card-app-icon{
      width:var(--nio-card-logo-size,36px);height:var(--nio-card-logo-size,36px);
      border-radius:calc(var(--nio-card-logo-size,36px) * 0.22);overflow:hidden;flex-shrink:0;
      background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.1);box-sizing:border-box;
    }
    .plano-venda-card-top .nio-card-app-icon-img{
      width:100%;height:100%;object-fit:contain;object-position:center;display:block;
    }
    .plano-venda-card-footer{
      display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
      padding:14px 18px 16px;border-top:1px solid #eef2f7;
    }
    .plano-venda-card-footer-label{font-size:14px;color:#6b7280;font-weight:500}
    .plano-venda-card-price{display:flex;align-items:flex-start;color:#111827;line-height:1}
    .plano-venda-card-price-currency{font-size:16px;font-weight:700;margin:8px 4px 0 0}
    .plano-venda-card-price-main{font-size:42px;font-weight:800;letter-spacing:-.02em}
    .plano-venda-card-price-cents{font-size:18px;font-weight:700;margin-top:6px}
    .plano-venda-card-admin{
      display:flex;align-items:center;justify-content:space-between;gap:10px;
      padding:10px 12px;background:#f8fafc;border-top:1px solid #e5e7eb;
    }
    .plano-venda-card-admin-meta{display:flex;align-items:center;gap:10px;font-size:12px}
    .plano-venda-card-admin-actions{display:flex;gap:8px;flex-wrap:wrap}
    .cadastro-venda-plano-picker{grid-column:1 / -1 !important;min-width:0;width:100%;max-width:100%;overflow:visible;box-sizing:border-box}
    .cadastro-venda-plano-picker > label{margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.3;display:block}
    .cadastro-venda-wizard-head{display:none;grid-column:1 / -1}
    .cadastro-venda-wizard-step-title{display:none;margin:0 0 14px;font-size:18px;font-weight:800;line-height:1.25}
    .cadastro-venda-step{grid-column:1 / -1;display:contents}
    .cadastro-venda-wizard-nav{display:none;grid-column:1 / -1;gap:10px;margin-top:4px}
    .cadastro-venda-wizard-nav button{
      flex:1;min-height:44px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;width:auto !important;
    }
    #cadastro-venda-wizard-next{
      border:none;background:var(--btn-primary);color:#fff;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    #cadastro-venda-wizard-back{
      border:1px solid #cbd5e1;background:var(--app-form-bg-color);color:var(--app-text-color);
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .cadastro-venda-wizard-progress{margin-bottom:12px}
    .cadastro-venda-wizard-progress-label{
      display:block;font-size:13px;font-weight:700;color:color-mix(in srgb, var(--app-text-color) 70%, transparent);margin-bottom:8px;
    }
    .cadastro-venda-wizard-dots{display:flex;gap:8px}
    .cadastro-venda-wizard-dot{
      flex:1;height:4px;border-radius:999px;background:color-mix(in srgb, var(--app-text-color) 14%, transparent);
    }
    .cadastro-venda-wizard-dot.is-done,
    .cadastro-venda-wizard-dot.is-active{background:var(--btn-primary)}
    .cadastro-venda-address-preview{
      display:none;grid-column:1 / -1;padding:14px 16px;border-radius:12px;
      background:color-mix(in srgb, var(--app-text-color) 5%, var(--app-form-bg-color));
      border:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);
    }
    .cadastro-venda-address-preview.is-visible{display:block}
    .cadastro-venda-address-preview strong{display:block;font-size:15px;line-height:1.35;margin-bottom:4px}
    .cadastro-venda-address-preview span{font-size:13px;color:color-mix(in srgb, var(--app-text-color) 68%, transparent);line-height:1.4}
    .cadastro-venda-endereco-detalhe{display:none;grid-column:1 / -1;gap:16px}
    .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-endereco-detalhe.is-visible{display:grid}
    .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-endereco-detalhe:not(.is-visible){display:none !important}
    .cadastro-venda-rua-visivel{
      padding:14px 16px;border-radius:12px;
      background:color-mix(in srgb, var(--app-text-color) 5%, var(--app-form-bg-color));
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
    }
    .cadastro-venda-logradouro-mobile-wrap{margin:0 !important}
    .cadastro-venda-rua-sub{display:block;margin-top:8px;font-size:13px;color:color-mix(in srgb, var(--app-text-color) 65%, transparent);line-height:1.4}
    .cadastro-venda-cobertura-status{
      display:none;margin:8px 0 0;padding:0 2px;font-size:13px;line-height:1.45;font-weight:600;
    }
    .cadastro-venda-modal-form .cadastro-venda-address-row > .cadastro-venda-cobertura-status-row,
    .cadastro-venda-modal-form .cadastro-venda-cobertura-status-row{
      grid-column:1 / -1;
      width:100%;
      margin:-4px 0 0;
      padding-top:2px;
    }
    .cadastro-venda-wizard-only{display:none}
    @media (min-width:769px){
      .cadastro-venda-address-preview{display:none !important}
      .cadastro-venda-wizard-head,.cadastro-venda-wizard-nav,.cadastro-venda-wizard-step-title{display:none !important}
    }
    @media (max-width:768px){
      html.cadastro-venda-mobile-lock,
      html.cadastro-venda-mobile-lock body{
        overflow:hidden;
        overscroll-behavior:none;
        touch-action:manipulation;
        width:100%;
        height:100%;
      }
      body[data-page="cadastro_vendas"] #cadastroVendaDlg.cadastro-venda-dialog,
      body[data-page="cadastro_publico"] #cadastroVendaDlg.cadastro-venda-dialog{
        position:static;
        display:none;
        width:100%;
        max-width:100%;
        height:auto;
        max-height:none;
        margin:0 0 16px;
        padding:0;
        border:none;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        overflow:visible;
      }
      body[data-page="cadastro_vendas"] #cadastroVendaDlg.cadastro-venda-dialog[open],
      body[data-page="cadastro_publico"] #cadastroVendaDlg.cadastro-venda-dialog[open]{
        display:block;
      }
      body[data-page="cadastro_vendas"] #cadastroVendaDlg.cadastro-venda-dialog::backdrop,
      body[data-page="cadastro_publico"] #cadastroVendaDlg.cadastro-venda-dialog::backdrop{
        display:none;
        background:transparent;
      }
      body[data-page="cadastro_vendas"].cadastro-venda-mobile-form-open .cadastro-venda-page-top,
      body[data-page="cadastro_vendas"].cadastro-venda-mobile-form-open .cadastro-venda-content-card,
      body[data-page="cadastro_publico"].cadastro-venda-mobile-form-open .cadastro-venda-page-top,
      body[data-page="cadastro_publico"].cadastro-venda-mobile-form-open .cadastro-venda-content-card{
        display:none !important;
      }
      body[data-page="cadastro_publico"] #cadastroVendaDlg .despesa-create-modal-title{display:none}
      #cadastroVendaDlg input,
      #cadastroVendaDlg select,
      #cadastroVendaDlg .despesa-create-save,
      #cadastroVendaDlg .despesa-create-cancel,
      #cadastro-venda-wizard-next,
      #cadastro-venda-wizard-back{
        font-size:16px !important;
      }
      #cadastroVendaDlg .despesa-create-modal-form{
        min-height:auto;
        padding:18px 16px 16px;grid-template-columns:1fr;align-content:start;
        background:var(--app-card-bg-color);
        border-radius:16px;
        border:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);
        box-shadow:0 10px 36px rgba(15,23,42,.1),0 2px 8px rgba(15,23,42,.04);
      }
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-section-title{display:none}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-wizard-head{display:block}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-wizard-step-title{display:block}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step{display:none;grid-template-columns:1fr;gap:16px}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step.is-active{display:grid}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .field,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .cadastro-venda-address-row,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .cadastro-venda-address-row-2,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .cadastro-venda-plano-picker,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .cadastro-venda-plano-config-band,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .cadastro-venda-vencimento-wrap,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .cadastro-venda-rede-wrap,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .cadastro-venda-instalacao-wrap,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .cadastro-venda-endereco-detalhe{grid-column:1 / -1}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .field-desp-valor,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-step .field-desp-categoria{grid-column:1 / -1}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-field-desktop{display:none !important}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-wizard-nav{display:flex}
      .cadastro-venda-modal-form.is-mobile-wizard:not(.is-wizard-step-4) .despesa-create-modal-actions{display:none}
      .cadastro-venda-modal-form.is-mobile-wizard.is-wizard-step-4 #cadastro-venda-wizard-next{display:none}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-planos-track-wrap{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin
      }
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-planos-site .nio-plans,
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-nio-plans{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        width:max-content !important;
        justify-content:flex-start !important
      }
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-planos-site .nio-card{
        flex:0 0 min(var(--nio-plans-card-width,272px),100%) !important;
        width:min(var(--nio-plans-card-width,272px),100%) !important;
        max-width:min(var(--nio-plans-card-width,272px),100%) !important;
        min-width:min(var(--nio-plans-card-width,272px),100%) !important
      }
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-wizard-only{display:block}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-resumo{display:grid !important;gap:20px}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-resumo .cadastro-venda-resumo-block{margin-bottom:0}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-wizard-only.field{grid-column:1 / -1}
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-plano-config-band:not(.is-visible),
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-vencimento-wrap:not(.is-visible),
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-rede-wrap:not(.is-visible),
      .cadastro-venda-modal-form.is-mobile-wizard .cadastro-venda-instalacao-wrap:not(.is-visible){display:none !important}
    }
    body.cadastro-public-portal{background:var(--app-background-color)}
    .cadastro-public-main{max-width:760px;margin:0 auto;padding:20px 16px 32px}
    .cadastro-public-brand{display:flex;align-items:center;justify-content:center;margin:0 0 18px;padding:8px 0}
    .cadastro-public-brand img{max-height:46px;max-width:220px;object-fit:contain}
    .cadastro-public-brand strong{font-size:22px;font-weight:800}
    .cadastro-public-hero{margin:0 0 16px;text-align:center}
    .cadastro-public-hero h1{margin:0 0 8px;font-size:24px;line-height:1.25}
    .cadastro-public-hero p{margin:0;font-size:14px;line-height:1.5;color:color-mix(in srgb, var(--app-text-color) 72%, transparent)}
    .cadastro-public-inativo{text-align:center;padding:28px 20px}
    .cadastro-public-inativo h2{margin:0 0 10px;font-size:22px}
    .cadastro-public-inativo p{margin:0;color:color-mix(in srgb, var(--app-text-color) 72%, transparent);line-height:1.5}
    .cadastro-public-success{text-align:center;padding:28px 20px}
    .cadastro-public-success h2{margin:0 0 10px;font-size:22px}
    .cadastro-public-success p{margin:0 0 20px;color:color-mix(in srgb, var(--app-text-color) 72%, transparent);line-height:1.5}
    .cadastro-public-success-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
    .cadastro-public-success-actions .despesa-new-btn,
    .cadastro-public-success-actions .cadastro-public-site-btn{
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:1 1 140px;max-width:100%
    }
    .cadastro-public-site-btn{
      min-height:40px;padding:0 18px;border:1px solid color-mix(in srgb, var(--btn-primary) 55%, transparent);border-radius:10px;
      background:transparent;color:var(--btn-primary);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap
    }
    .cadastro-public-site-btn:hover{background:color-mix(in srgb, var(--btn-primary) 10%, transparent)}
    .cadastro-pedido-success--thanks{padding:8px 0 0}
    .cadastro-pedido-success-icon{display:flex;justify-content:center;margin:0 0 14px;color:#9e0000}
    .cadastro-pedido-success-kicker{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--app-text-color) 55%, transparent)}
    .cadastro-pedido-success--thanks h2{margin:0 0 12px;font-size:22px;line-height:1.25}
    .cadastro-pedido-success-message{margin:0 0 14px;color:color-mix(in srgb, var(--app-text-color) 72%, transparent);line-height:1.55}
    .cadastro-pedido-success-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 0 18px;font-size:14px;line-height:1.45;color:#16a34a;font-weight:600}
    body[data-page="cadastro_vendas"] .cadastro-venda-page-shell,
    body[data-page="vendas_finalizadas"] .cadastro-venda-page-shell{
      --cv-muted:#94a3b8;
      --cv-accent:#00D084;
      --cv-tab-bar:var(--app-background-color);
      --cv-content:#1c2129;
      --cv-tab-inactive:#9ca3af;
      --cv-tab-border:rgba(0,208,132,.32);
      display:flex;
      flex-direction:column;
      gap:0;
      margin-bottom:16px
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-page-top,
    body[data-page="vendas_finalizadas"] .cadastro-venda-page-top{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:12px 16px;
      margin:0;
      padding:2px 0 14px;
      background:transparent;
      border:none;
      box-shadow:none
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-page-top h2,
    body[data-page="vendas_finalizadas"] .cadastro-venda-page-top h2{
      margin:0;
      font-size:24px;
      font-weight:700;
      line-height:1.2;
      letter-spacing:-.02em;
      color:#f8fafc
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-page-top .despesa-new-btn,
    body[data-page="vendas_finalizadas"] .cadastro-venda-page-top .despesa-new-btn{
      min-height:40px;
      padding:0 20px;
      border-radius:999px;
      border:none;
      font-size:14px;
      font-weight:700;
      background:linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
      box-shadow:0 4px 18px rgba(34,197,94,.38)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-page-top .despesa-new-btn:hover,
    body[data-page="vendas_finalizadas"] .cadastro-venda-page-top .despesa-new-btn:hover{
      background:linear-gradient(180deg, #86efac 0%, #22c55e 100%);
      box-shadow:0 6px 22px rgba(34,197,94,.45)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-content-card,
    body[data-page="vendas_finalizadas"] .cadastro-venda-content-card{
      margin:0 !important;
      padding:0;
      overflow:hidden;
      border-radius:12px;
      border:none !important;
      outline:none;
      background:var(--cv-content);
      box-shadow:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-card-tabs,
    body[data-page="vendas_finalizadas"] .cadastro-venda-card-tabs{
      padding:8px 0 0;
      background:var(--cv-tab-bar);
      border-bottom:none
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-tabs,
    body[data-page="vendas_finalizadas"] .cadastro-venda-tabs{
      display:flex;
      align-items:flex-end;
      flex-wrap:wrap;
      gap:6px;
      margin:0;
      padding:0;
      min-height:56px
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-tab,
    body[data-page="vendas_finalizadas"] .cadastro-venda-tab{
      position:relative;
      display:inline-flex;
      align-items:center;
      margin:0;
      min-height:48px;
      padding:12px 22px 11px;
      font-size:14px;
      font-weight:600;
      line-height:1.2;
      text-decoration:none !important;
      color:var(--cv-tab-inactive) !important;
      background:transparent !important;
      border:none;
      border-radius:0;
      box-shadow:none !important;
      box-sizing:border-box;
      width:auto !important;
      cursor:pointer;
      font-family:inherit
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-tab.is-active,
    body[data-page="vendas_finalizadas"] .cadastro-venda-tab.is-active{
      position:relative;
      z-index:2;
      margin-bottom:-1px;
      min-height:48px;
      padding:11px 24px 12px;
      color:var(--cv-accent) !important;
      font-weight:700;
      background:var(--cv-content) !important;
      border:none;
      border-top:3px solid var(--cv-accent);
      border-radius:10px 10px 0 0;
      box-shadow:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-tabs .cadastro-venda-tab:first-child.is-active,
    body[data-page="vendas_finalizadas"] .cadastro-venda-tabs .cadastro-venda-tab:first-child.is-active{
      border-top-left-radius:12px
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-tabs .cadastro-venda-tab:last-child.is-active,
    body[data-page="vendas_finalizadas"] .cadastro-venda-tabs .cadastro-venda-tab:last-child.is-active{
      border-top-right-radius:12px
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-tab.is-active:hover,
    body[data-page="vendas_finalizadas"] .cadastro-venda-tab.is-active:hover{
      color:var(--cv-accent) !important;
      background:var(--cv-content) !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-tab-panel,
    body[data-page="vendas_finalizadas"] .cadastro-venda-tab-panel{
      display:none
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-tab-panel.is-active,
    body[data-page="vendas_finalizadas"] .cadastro-venda-tab-panel.is-active{
      display:block
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host{
      display:none;
      width:100%;
      padding:0
    }
    body[data-page="cadastro_vendas"].cadastro-venda-inline-open .cadastro-venda-list-view{
      display:none !important
    }
    body[data-page="cadastro_vendas"].cadastro-venda-inline-open .cadastro-venda-inline-host{
      display:block
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host dialog{
      position:static;
      display:none;
      width:100% !important;
      max-width:100% !important;
      max-height:none;
      margin:0;
      padding:0;
      border:none;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      overflow:visible
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host #cadastroVendaDlg.despesa-create-dialog,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host #finalizarVendaDlg.despesa-create-dialog,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host #osCreateDlg.despesa-create-dialog,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host #cadastroVendaSenhaAdminDlg.despesa-create-dialog{
      width:100% !important;
      max-width:none !important
    }
    /* #finalizarVendaDlg nao fica de fato dentro de .cadastro-venda-inline-host
       no DOM (e' aberto via .show(), nao movido pra dentro do host) - as regras
       ".cadastro-venda-inline-host dialog{...}" acima (position:static, fundo
       transparente etc.) nunca batem nele. Sem "position:static", um <dialog>
       aberto via .show() (nao showModal()) fica com o "position:absolute"
       padrao do navegador - fora do fluxo normal do card, por isso o fundo
       escuro de .despesa-create-dialog aparecia como uma faixa solta atras do
       "Cliente/SN", sem se alinhar com o card. Mira o elemento direto e repete
       o mesmo tratamento (fluxo normal + sem fundo proprio). */
    body[data-page="cadastro_vendas"] #finalizarVendaDlg.despesa-create-dialog{
      position:static;
      display:none;
      width:100%;
      max-width:none;
      margin:0;
      padding:0;
      border:none;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      overflow:visible
    }
    body[data-page="cadastro_vendas"] #finalizarVendaDlg.despesa-create-dialog[open]{
      display:block
    }
    body[data-page="cadastro_vendas"] #finalizarVendaDlg::backdrop{
      display:none;
      background:transparent
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host dialog[open]{
      display:block
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host dialog::backdrop{
      display:none;
      background:transparent
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .despesa-create-modal-form,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .finalizar-venda-form,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .os-create-modal-form{
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      padding:4px 0 0;
      border:none;
      border-radius:0;
      box-shadow:none;
      background:transparent
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard){
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      column-gap:16px;
      row-gap:14px;
      align-items:start
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .despesa-create-modal-title,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-section-title,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-wizard-head,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-step,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-plano-picker,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-plano-picker.field-os-full,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-plano-config-band,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-cobertura-status-row,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .despesa-create-modal-actions{
      grid-column:1 / -1
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-plano-picker,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-plano-picker.field-os-full{
      grid-column:1 / -1 !important;
      width:100%;
      max-width:100%
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-preview,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-cep-status-wrap{
      display:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field-os-full,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field-desp-valor{
      grid-column:span 2;
      min-width:0
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-plano-config-band .field-os-full{
      grid-column:auto;
      min-width:0
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field:has(#cadastro-venda-nome){
      grid-column:span 4
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field:has(#cadastro-venda-cep){
      grid-column:span 2
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-logradouro-field-wrap{
      grid-column:span 4
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      gap:12px 16px;
      align-items:start
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row .field:nth-child(1){
      grid-column:span 1
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row .field:nth-child(2){
      grid-column:span 2
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row .field:nth-child(3){
      grid-column:span 3
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      gap:12px 16px;
      align-items:start
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2 .field:first-child{
      grid-column:span 5
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2 .field:last-child{
      grid-column:span 1
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-plano-picker .nio-plans,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-planos-tabs .nio-plans,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-nio-plans{
      display:flex !important;
      flex-direction:row !important;
      flex-wrap:wrap !important;
      gap:var(--hb-plans-card-gap,16px) !important;
      width:100% !important;
      max-width:100% !important;
      justify-content:flex-start !important;
      grid-template-columns:unset !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-planos-site .nio-card{
      flex:0 0 var(--nio-plans-card-width,272px) !important;
      width:var(--nio-plans-card-width,272px) !important;
      max-width:var(--nio-plans-card-width,272px) !important;
      min-width:var(--nio-plans-card-width,272px) !important;
      margin:0 !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-plano-picker > label{
      grid-column:1 / -1
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-planos-tabs,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-planos-tabs .hb-plans-tabs-wrap,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-planos-tabs .hb-plans-tab-panels,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-planos-tabs .hb-plans-tab-panel{
      grid-column:1 / -1;
      width:100%
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .despesa-create-modal-actions{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      align-items:center;
      gap:10px;
      margin-top:6px;
      padding-top:16px;
      border-top:0
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .despesa-create-modal-actions button{
      width:auto !important;
      min-width:132px !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-modal-form .despesa-create-modal-actions .despesa-create-save,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .despesa-create-modal-actions .despesa-create-save,
    body[data-page="cadastro_vendas"] #cadastroVendaDlg .despesa-create-modal-actions .despesa-create-save{
      flex:0 1 auto;
      min-height:40px;
      padding:0 18px;
      border-radius:10px !important;
      border:1px solid color-mix(in srgb, var(--app-text-color) 28%, transparent) !important;
      background:color-mix(in srgb, var(--app-text-color) 10%, var(--app-form-bg-color)) !important;
      color:var(--app-text-color) !important;
      font-size:14px;
      font-weight:700;
      box-shadow:none !important;
      filter:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-modal-form .despesa-create-modal-actions .despesa-create-cancel,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .despesa-create-modal-actions .despesa-create-cancel,
    body[data-page="cadastro_vendas"] #cadastroVendaDlg .despesa-create-modal-actions .despesa-create-cancel{
      flex:0 1 auto;
      min-height:40px;
      padding:0 18px;
      border-radius:10px !important;
      border:1px solid color-mix(in srgb, var(--app-text-color) 28%, transparent) !important;
      background:transparent !important;
      color:var(--app-text-color) !important;
      font-size:14px;
      font-weight:700;
      box-shadow:none !important;
      filter:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-modal-form .despesa-create-modal-actions .despesa-create-save:hover,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .despesa-create-modal-actions .despesa-create-save:hover,
    body[data-page="cadastro_vendas"] #cadastroVendaDlg .despesa-create-modal-actions .despesa-create-save:hover{
      background:color-mix(in srgb, var(--app-text-color) 16%, var(--app-form-bg-color)) !important;
      filter:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-modal-form .despesa-create-modal-actions .despesa-create-cancel:hover,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .despesa-create-modal-actions .despesa-create-cancel:hover,
    body[data-page="cadastro_vendas"] #cadastroVendaDlg .despesa-create-modal-actions .despesa-create-cancel:hover{
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent) !important;
      filter:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .finalizar-venda-form,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .os-create-modal-form{
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      column-gap:16px;
      row-gap:14px;
      align-items:start
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .finalizar-venda-row,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .os-create-modal-form .field-os-full,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .os-create-modal-form .field-os-agenda,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .os-create-modal-form .despesa-create-modal-actions{
      grid-column:1 / -1
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .finalizar-venda-form .despesa-create-modal-actions,
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .os-create-modal-form .despesa-create-modal-actions{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:10px;
      margin-top:6px;
      padding-top:16px;
      border-top:1px solid rgba(148,163,184,.12)
    }
    @media (max-width:980px){
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard),
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .finalizar-venda-form,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .os-create-modal-form{
        grid-template-columns:repeat(4,minmax(0,1fr))
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field-os-full,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field-desp-valor{
        grid-column:span 2
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field:has(#cadastro-venda-nome){
        grid-column:span 3
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field:has(#cadastro-venda-cep),
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-logradouro-field-wrap{
        grid-column:span 2
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2{
        grid-template-columns:repeat(4,minmax(0,1fr))
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row .field:nth-child(1),
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row .field:nth-child(2),
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row .field:nth-child(3){
        grid-column:span 1
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2 .field:first-child{
        grid-column:span 3
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2 .field:last-child{
        grid-column:span 1
      }
    }
    @media (max-width:640px){
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard),
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .finalizar-venda-form,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .os-create-modal-form{
        grid-template-columns:1fr
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field-os-full,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field-desp-valor,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field:has(#cadastro-venda-nome),
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-logradouro-field-wrap,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .field:has(#cadastro-venda-cep){
        grid-column:1 / -1
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row .field,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2 .field,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-plano-picker .nio-plans,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-planos-tabs .nio-plans,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-nio-plans{
        flex-wrap:wrap !important;
        width:100% !important;
        max-width:100% !important;
        justify-content:flex-start !important
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-planos-site .nio-card{
        flex:0 0 min(var(--nio-plans-card-width,272px),100%) !important;
        width:min(var(--nio-plans-card-width,272px),100%) !important;
        max-width:min(var(--nio-plans-card-width,272px),100%) !important;
        min-width:min(var(--nio-plans-card-width,272px),100%) !important
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row .field,
      body[data-page="cadastro_vendas"] .cadastro-venda-inline-host .cadastro-venda-modal-form:not(.is-mobile-wizard) .cadastro-venda-address-row-2 .field{
        grid-column:1 / -1
      }
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-copy-inline{
      padding:0
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-toolbar{
      display:flex;
      justify-content:flex-end;
      margin:14px 0 0;
      padding-top:12px;
      gap:10px
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-back{
      width:auto !important;
      min-height:40px !important;
      padding:0 18px !important;
      border-radius:10px !important;
      border:1px solid color-mix(in srgb, var(--app-text-color) 28%, transparent) !important;
      font-size:14px !important;
      font-weight:700 !important;
      background:transparent !important;
      color:var(--app-text-color) !important;
      box-shadow:none !important;
      filter:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-inline-back:hover{
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent) !important;
      filter:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-copy-inline .cadastro-venda-copy-shell{
      width:100%;
      max-width:100%;
      margin:0
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-copy-inline button.cadastro-venda-copy-btn{
      width:34px !important;
      min-height:34px !important;
      padding:0 !important;
      border-radius:8px !important;
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent) !important;
      color:var(--app-text-color) !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline{
      padding:0
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .cadastro-venda-os-view-shell{
      width:100%;
      max-width:100%;
      margin:0
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-card{
      padding:0;
      overflow:hidden;
      border-radius:14px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-form-bg-color);
      box-shadow:0 2px 8px color-mix(in srgb, var(--app-text-color) 5%, transparent)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-card.os-card-os-aberta{
      border-width:2px;
      border-color:#2563eb;
      box-shadow:0 4px 16px rgba(37,99,235,.18);
      background:linear-gradient(180deg, rgba(37,99,235,.09) 0%, var(--app-form-bg-color) 56px)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-card.os-card-os-em-andamento{
      border-left-width:5px;
      border-left-color:#ca8a04
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-card-head{
      margin-bottom:0;
      padding:14px 16px 12px;
      border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 8%, transparent);
      background:linear-gradient(180deg,color-mix(in srgb, var(--app-table-bg-color) 55%, var(--app-card-bg-color)) 0%,var(--app-form-bg-color) 100%)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-fields{
      padding:14px 16px
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-card-actions{
      margin-top:0;
      padding:12px 16px 14px;
      border-top:1px dashed color-mix(in srgb, var(--app-text-color) 14%, transparent);
      background:color-mix(in srgb, var(--app-card-bg-color) 40%, var(--app-form-bg-color));
      display:flex;
      justify-content:flex-end;
      flex-wrap:wrap;
      gap:10px;
      align-items:center
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-card-actions .os-card-action-form{
      display:inline;
      margin:0;
      width:auto
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-card-actions .btn-mini{
      width:auto !important;
      min-height:40px !important;
      height:40px !important;
      padding:0 18px !important;
      font-size:14px !important;
      border-radius:10px !important;
      font-weight:700 !important;
      line-height:1.15 !important;
      box-sizing:border-box
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-card-actions .btn-mini.reabrir{
      border:1px solid color-mix(in srgb, var(--app-text-color) 28%, transparent) !important;
      background:transparent !important;
      color:var(--app-text-color) !important;
      box-shadow:none !important;
      filter:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-card-actions .btn-mini.reabrir:hover{
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent) !important;
      filter:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-finalizacao-wrap{
      border-top:1px dashed color-mix(in srgb, var(--app-text-color) 14%, transparent);
      background:color-mix(in srgb, var(--app-card-bg-color) 20%, var(--app-form-bg-color))
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-finalizacao-wrap .inst-os-details{
      padding:14px 16px 4px
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-os-inline .os-finalizacao-wrap .inst-os-notes{
      padding:6px 16px 14px
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-card-body,
    body[data-page="vendas_finalizadas"] .cadastro-venda-card-body{
      padding:20px 22px 24px;
      background:var(--cv-content)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-content-lead,
    body[data-page="vendas_finalizadas"] .cadastro-venda-content-lead{
      margin:-4px 0 16px;
      font-size:13px;
      line-height:1.5;
      color:var(--cv-muted)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-content-card .inst-empty,
    body[data-page="vendas_finalizadas"] .cadastro-venda-content-card .inst-empty{margin:0}
    body[data-page="cadastro_vendas"] .cadastro-venda-table-wrap,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table-wrap{
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      border:none;
      border-radius:0;
      background:transparent
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-table,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table{
      width:100%;
      min-width:920px;
      border-collapse:collapse;
      background:transparent
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-table th,
    body[data-page="cadastro_vendas"] .cadastro-venda-table td,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table th,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table td{
      padding:13px 14px;
      border-bottom:1px solid rgba(148,163,184,.1);
      text-align:left;
      vertical-align:middle
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-table th,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table th{
      font-size:11px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.06em;
      color:var(--cv-muted);
      background:color-mix(in srgb, var(--app-text-color) 4%, transparent)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-table tbody tr,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table tbody tr{
      background:transparent;
      transition:background .15s ease
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-table tbody tr:nth-child(odd),
    body[data-page="cadastro_vendas"] .cadastro-venda-table tbody tr:nth-child(even),
    body[data-page="vendas_finalizadas"] .cadastro-venda-table tbody tr:nth-child(odd),
    body[data-page="vendas_finalizadas"] .cadastro-venda-table tbody tr:nth-child(even){background:transparent}
    body[data-page="cadastro_vendas"] .cadastro-venda-table tbody tr:hover,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table tbody tr:hover{
      background:color-mix(in srgb, var(--cv-accent) 8%, transparent)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-table tbody tr:last-child td,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table tbody tr:last-child td{border-bottom:none}
    body[data-page="cadastro_vendas"] .cadastro-venda-table td:first-child,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table td:first-child{font-weight:700;color:#f8fafc}
    body[data-page="cadastro_vendas"] .cadastro-venda-table .cadastro-venda-cell-muted,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table .cadastro-venda-cell-muted{
      color:var(--cv-muted);
      font-size:13px
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-badge,
    body[data-page="vendas_finalizadas"] .cadastro-venda-badge{
      display:inline-flex;
      align-items:center;
      max-width:100%;
      padding:5px 11px;
      border-radius:999px;
      font-size:12px;
      font-weight:700;
      line-height:1.2;
      white-space:nowrap
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-badge-plano,
    body[data-page="vendas_finalizadas"] .cadastro-venda-badge-plano{
      color:#34d399;
      background:rgba(16,185,129,.12);
      border:1px solid rgba(16,185,129,.28)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-badge-venc,
    body[data-page="vendas_finalizadas"] .cadastro-venda-badge-venc{
      color:#e2e8f0;
      background:color-mix(in srgb, var(--app-text-color) 8%, transparent);
      border:1px solid color-mix(in srgb, var(--app-text-color) 16%, transparent)
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-table .boletos-actions-cell,
    body[data-page="vendas_finalizadas"] .cadastro-venda-table .boletos-actions-cell,
    body[data-page="produtos"] .cadastro-venda-table .produtos-xml-actions-cell{
      width:1%;
      white-space:nowrap;
      vertical-align:middle;
      text-align:right
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu,
    body[data-page="produtos"] .cadastro-venda-row-menu{
      position:relative;
      display:inline-flex;
      justify-content:flex-end
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-toggle,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-toggle,
    body[data-page="produtos"] .cadastro-venda-row-menu-toggle{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:30px;
      height:30px;
      padding:0 !important;
      border:none !important;
      border-radius:8px !important;
      background:transparent !important;
      color:color-mix(in srgb, var(--app-text-color) 72%, transparent) !important;
      box-shadow:none !important;
      filter:none !important;
      transform:none !important;
      cursor:pointer;
      transition:background .15s ease,color .15s ease,box-shadow .15s ease
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-toggle:hover,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-toggle:hover,
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-toggle[aria-expanded="true"],
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-toggle[aria-expanded="true"],
    body[data-page="produtos"] .cadastro-venda-row-menu-toggle:hover,
    body[data-page="produtos"] .cadastro-venda-row-menu-toggle[aria-expanded="true"]{
      background:color-mix(in srgb, var(--app-text-color) 10%, transparent) !important;
      color:var(--app-text-color) !important;
      box-shadow:0 4px 14px color-mix(in srgb, #000 28%, transparent) !important;
      filter:none !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-panel,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-panel,
    body[data-page="produtos"] .cadastro-venda-row-menu-panel,
    body > .cadastro-venda-row-menu-panel{
      min-width:200px;
      padding:6px;
      border:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);
      border-radius:12px;
      background:var(--app-card-bg-color, #111827);
      box-shadow:0 12px 28px color-mix(in srgb, #000 35%, transparent);
      display:flex;
      flex-direction:column;
      gap:0;
      max-height:none;
      overflow:visible
    }
    body > .cadastro-venda-row-menu-panel{
      position:fixed;
      z-index:1200
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-panel[hidden],
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-panel[hidden],
    body[data-page="produtos"] .cadastro-venda-row-menu-panel[hidden],
    body > .cadastro-venda-row-menu-panel[hidden]{display:none !important}
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-form,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-form,
    body[data-page="produtos"] .cadastro-venda-row-menu-form{display:contents;margin:0}
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-item,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-item,
    body[data-page="produtos"] .cadastro-venda-row-menu-item,
    body[data-page="produtos"] a.cadastro-venda-row-menu-item,
    body[data-page="cadastro_vendas"] button.cadastro-venda-row-menu-item,
    body[data-page="vendas_finalizadas"] button.cadastro-venda-row-menu-item,
    body[data-page="produtos"] button.cadastro-venda-row-menu-item{
      display:flex !important;
      align-items:center;
      gap:10px;
      width:100% !important;
      min-height:38px !important;
      height:auto !important;
      max-height:none !important;
      padding:8px 10px !important;
      border:none !important;
      border-radius:8px !important;
      background:transparent !important;
      color:var(--app-text-color) !important;
      font-size:13px;
      font-weight:600;
      text-align:left;
      text-decoration:none;
      cursor:pointer;
      box-sizing:border-box;
      box-shadow:none !important;
      filter:none !important;
      transform:none !important;
      appearance:none;
      -webkit-appearance:none;
      font:inherit;
      transition:background .15s ease,color .15s ease
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-item:hover,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-item:hover,
    body[data-page="produtos"] .cadastro-venda-row-menu-item:hover:not(:disabled),
    body[data-page="produtos"] a.cadastro-venda-row-menu-item:hover,
    body[data-page="cadastro_vendas"] button.cadastro-venda-row-menu-item:hover,
    body[data-page="vendas_finalizadas"] button.cadastro-venda-row-menu-item:hover,
    body[data-page="produtos"] button.cadastro-venda-row-menu-item:hover:not(:disabled){
      background:color-mix(in srgb, var(--btn-primary, #00D084) 16%, transparent) !important;
      color:var(--app-text-color) !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-item--danger,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-item--danger,
    body[data-page="produtos"] .cadastro-venda-row-menu-item--danger,
    body[data-page="cadastro_vendas"] button.cadastro-venda-row-menu-item--danger,
    body[data-page="vendas_finalizadas"] button.cadastro-venda-row-menu-item--danger,
    body[data-page="produtos"] button.cadastro-venda-row-menu-item--danger{
      color:#f87171 !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-item--danger:hover,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-item--danger:hover,
    body[data-page="produtos"] .cadastro-venda-row-menu-item--danger:hover,
    body[data-page="cadastro_vendas"] button.cadastro-venda-row-menu-item--danger:hover,
    body[data-page="vendas_finalizadas"] button.cadastro-venda-row-menu-item--danger:hover,
    body[data-page="produtos"] button.cadastro-venda-row-menu-item--danger:hover{
      background:color-mix(in srgb, var(--btn-danger, #ef4444) 14%, transparent) !important;
      color:#f87171 !important
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-item--info,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-item--info{
      color:#00D084 !important;
      cursor:default !important;
      opacity:.85
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-icon,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-icon,
    body[data-page="produtos"] .cadastro-venda-row-menu-icon{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:18px;
      height:18px;
      flex:0 0 18px;
      color:inherit
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-icon svg,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-icon svg,
    body[data-page="produtos"] .cadastro-venda-row-menu-icon svg{
      width:18px;
      height:18px;
      display:block
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-row-menu-label,
    body[data-page="vendas_finalizadas"] .cadastro-venda-row-menu-label,
    body[data-page="produtos"] .cadastro-venda-row-menu-label{
      flex:1 1 auto;
      line-height:1.25;
      white-space:nowrap
    }
    body[data-page="cadastro_vendas"] .cadastro-venda-sem-mac,
    body[data-page="vendas_finalizadas"] .cadastro-venda-sem-mac{
      color:color-mix(in srgb, var(--app-text-color) 78%, transparent);
      font-style:italic
    }
    body[data-page="cadastro_vendas"] .cv-tab-label-short{display:none}
    @media (max-width:760px){
      body[data-page="cadastro_vendas"] .cadastro-venda-page-top h2,
      body[data-page="vendas_finalizadas"] .cadastro-venda-page-top h2{font-size:20px}
      body[data-page="cadastro_vendas"] .cadastro-venda-card-body,
      body[data-page="vendas_finalizadas"] .cadastro-venda-card-body{padding:14px 12px 18px}
      body[data-page="cadastro_vendas"] .cadastro-venda-card-tabs,
      body[data-page="vendas_finalizadas"] .cadastro-venda-card-tabs{padding:6px 0 0;overflow-x:visible}
      body[data-page="cadastro_vendas"] .cadastro-venda-tabs,
      body[data-page="vendas_finalizadas"] .cadastro-venda-tabs{
        flex-wrap:nowrap;
        min-width:0;
        width:100%;
        gap:0
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-tab-desktop-only{display:none !important}
      body[data-page="cadastro_vendas"] .cv-tab-label-full{display:none}
      body[data-page="cadastro_vendas"] .cv-tab-label-short{display:inline}
      body[data-page="cadastro_vendas"] .cadastro-venda-tab[data-cv-tab="ativos"],
      body[data-page="cadastro_vendas"] .cadastro-venda-tab[data-cv-tab="agenda"]{
        flex:1 1 0;
        justify-content:center;
        min-width:0;
        padding-left:12px;
        padding-right:12px
      }
      body[data-page="cadastro_vendas"] .cadastro-venda-tab[data-cv-tab="ativos"].is-active,
      body[data-page="cadastro_vendas"] .cadastro-venda-tab[data-cv-tab="agenda"].is-active{
        border-radius:10px 10px 0 0
      }
    }
    body[data-page="cadastro_publico"] .cadastro-venda-page-top,
    body[data-page="cadastro_publico"] .cadastro-venda-content-card{display:none !important}
    body[data-page="cadastro_publico"] #cadastroVendaDlg.cadastro-venda-dialog{display:block}
    body[data-page="cadastro_publico"] #cadastroVendaDlg .despesa-create-cancel{display:none}
    body[data-page="cadastro_publico"] #cadastro-venda-new-btn{display:none !important}
    .os-create-modal-form .field-os-full,
    .os-create-modal-form .field-os-agenda,
    .os-create-modal-form .despesa-create-modal-actions{grid-column:1 / -1}
    .os-create-modal-form .os-create-adicionais-wrap{display:contents}
    .os-create-modal-form .os-create-adicionais-fields{
      display:contents;
    }
    .os-create-modal-form textarea{
      min-height:88px;
      margin:0;
      padding:8px 12px;
      font-size:14px;
      line-height:1.45;
      width:100%;
      box-sizing:border-box;
      resize:vertical;
      background:var(--app-form-bg-color);
      border:1px solid #cbd5e1;
      border-radius:8px;
      color:var(--app-text-color);
    }
    .os-create-modal-form .os-agenda-datetime-three,
    .os-create-modal-form .os-agenda-datetime-four{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:12px;
      align-items:end;
      width:100%;
    }
    .os-create-modal-form .os-agenda-datetime-three{
      grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .os-create-modal-form .os-agenda-datetime-three > div,
    .os-create-modal-form .os-agenda-datetime-four > div{
      display:flex;
      flex-direction:column;
      min-width:0;
    }
    .os-create-modal-form .os-agenda-periodo{
      background:var(--app-form-bg-color);
      color:var(--app-text-color);
      opacity:.92;
      cursor:default;
    }
    .os-create-modal-form .os-agenda-periodo::placeholder{color:var(--app-text-muted, #94a3b8)}
    .os-create-modal-form .os-agenda-sublabel{
      display:block;
      margin:0 0 6px;
      font-size:13px;
      font-weight:600;
      line-height:1.3;
    }
    @media (max-width:560px){
      .os-create-modal-form .os-agenda-datetime-three,
      .os-create-modal-form .os-agenda-datetime-four{grid-template-columns:1fr}
    }
    .despesa-create-modal-form input[type="file"]{
      min-height:40px;
      height:40px;
      max-height:40px;
      margin:0;
      padding:8px 10px;
      font-size:13px;
      line-height:1.3;
      box-sizing:border-box;
      width:100%;
      background:var(--app-form-bg-color);
    }
    .despesa-create-modal-form input[type="file"]::file-selector-button{
      border:1px solid #cbd5e1;
      border-radius:8px;
      padding:6px 12px;
      margin-right:10px;
      background:color-mix(in srgb, var(--app-text-color) 6%, var(--app-form-bg-color));
      color:var(--app-text-color);
      cursor:pointer;
      font-size:13px;
      font-weight:600;
    }
    .despesa-create-modal-form .field{margin:0;display:flex;flex-direction:column;min-width:0}
    .despesa-create-modal-form .field label{margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3;display:block;flex-shrink:0}
    .despesa-create-modal-form .field input:not(.despesa-date-native),
    .despesa-create-modal-form .field select{
      min-height:40px;
      height:40px;
      max-height:40px;
      margin:0;
      padding:8px 12px;
      font-size:14px;
      line-height:1.3;
      width:100%;
      box-sizing:border-box;
    }
    .despesa-create-modal-form .field select{
      padding-top:7px;
      padding-bottom:7px;
      color-scheme:dark;
      appearance:auto;
    }
    .despesa-create-modal-form .field select option{
      background:#0f172a;
      color:#f8fafc;
    }
    .despesa-create-modal-form .field-desp-data .despesa-date-field input[data-date-br="1"]{
      min-height:40px;
      height:40px;
      max-height:40px;
    }
    .despesa-create-modal-form .field small.muted{display:block;margin:6px 0 0;font-size:12px;line-height:1.45}
    .despesa-create-modal-title{margin:0;font-size:17px;font-weight:800;line-height:1.25}
    .despesa-create-modal-actions{display:flex;gap:10px;margin-top:0}
    .despesa-create-modal-actions .despesa-create-save{flex:1;min-height:40px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;width:auto !important}
    .despesa-create-modal-actions .despesa-create-cancel{flex:1;min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:14px;font-weight:700;cursor:pointer;width:auto !important}
    /* 2026-08-19 (pedido do usuario): so' o modal "Nova despesa" - os
       outros ~11 dialogs que reaproveitam .despesa-create-save/-cancel
       (Bancos, Cartao, Venda, O.S. etc.) ficam com o estilo antigo,
       escopado via #despesaCreateDlg pra nao vazar pra eles. Mesmo
       padrao outline (borda colorida, fundo transparente) do
       fiscal-btn-habilitar/fiscal-btn-desabilitar em fiscal.php. */
    #despesaCreateDlg .despesa-create-modal-actions .despesa-create-save{
      background:transparent;
      border:1px solid color-mix(in srgb, var(--btn-primary) 45%, transparent);
      color:var(--btn-primary);
    }
    #despesaCreateDlg .despesa-create-modal-actions .despesa-create-save:hover{
      background:color-mix(in srgb, var(--btn-primary) 12%, transparent);
    }
    #despesaCreateDlg .despesa-create-modal-actions .despesa-create-cancel{
      background:transparent;
      border:1px solid color-mix(in srgb, var(--btn-danger) 45%, transparent);
      color:var(--btn-danger);
    }
    #despesaCreateDlg .despesa-create-modal-actions .despesa-create-cancel:hover{
      background:color-mix(in srgb, var(--btn-danger) 12%, transparent);
    }
    @media (max-width:480px){
      .despesa-create-modal-form,
      .despesa-edit-modal-form{grid-template-columns:1fr}
      .despesa-create-modal-form .field-desp-pdf{grid-column:1 / -1}
    }
    .admin-menu-dialog{margin:auto;max-width:calc(100vw - 32px);width:min(100%,520px);max-height:min(90vh,calc(100vh - 48px));padding:0;border:none;border-radius:14px;background:var(--app-card-bg-color);color:var(--app-text-color);box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:auto}
    .admin-menu-dialog::backdrop{background:rgba(0,0,0,.45)}
    .admin-menu-modal-form{padding:22px 22px 18px}
    .admin-menu-modal-title{margin:0 0 16px;font-size:17px;font-weight:800;line-height:1.25}
    .admin-menu-modal-form .field.actions{margin-top:8px;margin-bottom:0}
    .admin-menu-modal-actions{display:flex;gap:10px;margin-top:4px}
    .admin-menu-modal-actions .admin-menu-save{flex:1;min-height:40px;border:none;border-radius:10px;background:var(--btn-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;width:auto !important}
    .admin-menu-modal-actions .admin-menu-cancel{flex:1;min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:var(--app-form-bg-color);color:var(--app-text-color);font-size:14px;font-weight:700;cursor:pointer;width:auto !important}
    .admin-menu-form .field{display:flex;flex-direction:column;min-width:0;margin:0 0 16px}
    .admin-menu-form .field label{margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3}
    .admin-menu-form .field input,
    .admin-menu-form .field select{
      min-height:40px;
      height:auto;
      padding:8px 12px;
      font-size:14px;
      line-height:1.3;
    }
    .admin-menu-form .field small.muted{
      display:block;
      margin:6px 0 0;
      font-size:12px;
      line-height:1.45;
    }
    .admin-menu-form .field--toggle{
      flex-direction:row;
      align-items:center;
      gap:12px;
      margin-bottom:20px;
    }
    .admin-menu-form .field--toggle .field-toggle-label{margin:0;font-size:13px;font-weight:600}
    .admin-menu-form .field.actions{
      display:flex !important;
      flex-direction:row !important;
      flex-wrap:wrap;
      align-items:center;
      gap:12px;
      margin:8px 0 0;
      padding-top:4px;
    }
    .admin-menu-form .field.actions button{width:auto !important;min-height:40px;padding:0 20px;white-space:nowrap}
    .admin-menu-modal-form.admin-menu-form{display:flex;flex-direction:column;max-width:none}
    .admin-menu-form{display:flex;flex-direction:column;max-width:520px}
    .os-cliente-suggest-inner{padding:18px 18px 14px}
    .os-cliente-suggest-title{margin:0 0 10px;font-size:15px;font-weight:800;line-height:1.35}
    .os-cliente-suggest-lead{margin:0 0 12px;font-size:13px;line-height:1.45;opacity:.92}
    .os-cliente-suggest-preview{margin:0 0 14px;padding:12px;border-radius:10px;background:var(--app-form-bg-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 12%, transparent);font-size:13px;line-height:1.45}
    .os-cliente-suggest-preview dt{font-weight:700;margin-top:8px;opacity:.85;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
    .os-cliente-suggest-preview dd{margin:2px 0 0;font-size:14px;word-break:break-word}
    .os-cliente-suggest-preview dt:first-child{margin-top:0}
    .os-cliente-suggest-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
    .os-cliente-suggest-actions button{flex:1;min-height:44px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer}
    .os-cliente-suggest-cancel{border:1px solid #cbd5e1;background:var(--app-form-bg-color);color:var(--app-text-color)}
    .os-cliente-suggest-confirm{border:none;background:var(--btn-primary);color:#fff}
    .tech-desktop-header{display:grid;grid-template-columns:minmax(80px,0.8fr) minmax(170px,1.25fr) minmax(120px,0.95fr) minmax(190px,1.25fr);gap:10px;padding:0 12px 4px;color:#6b7280;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
    .despesa-filter-form{display:grid;grid-template-columns:minmax(220px,260px) minmax(220px,260px) auto;gap:8px;align-items:end;justify-content:start}
    .despesa-filter-form .field{display:flex;flex-direction:column;min-width:0}
    .despesa-filter-form .field label{margin-bottom:4px;font-size:12px}
    .despesa-filter-form .field input,
    .despesa-filter-form .field select,
    .despesa-filter-form .field button,
    .despesa-filter-form .field a,
    .despesa-filter-form .field .os-filter-date-actions input,
    .despesa-filter-form .field .os-filter-date-actions button,
    .despesa-filter-form .field .os-filter-date-actions a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .despesa-filter-form .field .os-filter-date-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px}
    .despesa-filter-form .field .os-filter-date-actions input[type="date"]{width:auto !important;min-width:9.5rem;max-width:11rem;flex:0 0 auto}
    .despesa-filter-form .field .os-filter-date-actions button,
    .despesa-filter-form .field .os-filter-date-actions a{width:auto !important;flex:0 0 auto}
    .despesa-filter-form .field .os-filter-date-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--app-text-color);background:var(--app-form-bg-color)}
    .os-filter-form{
      grid-template-columns:165px 165px 130px 175px auto;
      gap:8px;
      width:max-content;
      max-width:100%;
    }
    .os-filter-form .os-filter-date-row .os-filter-date-actions input[type="date"]{
      width:100% !important;
      min-width:0;
      max-width:none;
      flex:1 1 auto;
    }
    .os-filter-form .field.os-filter-clear{justify-content:flex-end}
    .os-filter-form .field.os-filter-clear > a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:auto !important;
      white-space:nowrap;
      text-decoration:none;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
    }
    .os-filter-form .os-filter-date-row>label{color:var(--app-text-color)}
    .os-filter-form .field .os-filter-date-actions input[type="date"]{color:var(--app-text-color)}
    .os-filter-form .field .os-filter-date-actions button[type="submit"]{
      color:#fff !important;
      -webkit-text-fill-color:#fff;
      background:var(--btn-primary) !important;
      border-color:transparent !important;
    }
    [data-theme-preset="dark"] .os-filter-form .os-filter-date-row>label,
    [data-theme-preset="dark"] .os-filter-form .field .os-filter-date-actions input[type="date"]{
      color:#fff !important;
      -webkit-text-fill-color:#fff;
    }
    [data-theme-preset="dark"] .os-filter-form .field .os-filter-date-actions input[type="date"]{color-scheme:dark}
    .despesa-filter-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start}
    .despesa-filter-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    .dashboard-chart-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
    .dashboard-chart-mode-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid #cbd5e1;color:var(--app-text-color);background:var(--app-form-bg-color);box-sizing:border-box;min-height:34px}
    .dashboard-chart-mode-btn:hover{filter:brightness(1.05)}
    .dashboard-chart-mode-btn.is-active{background:var(--btn-primary);color:#fff !important;border-color:transparent}
    .dashboard-chart-model-badge{margin:0 0 8px;font-size:12px}
    .dashboard-chart-canvas-wrap.is-circular{max-width:min(100%,520px);margin:0 auto}
    .admin-dash-chart-models{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}
    .admin-dash-chart-model-option{display:block;cursor:pointer;position:relative}
    .admin-dash-chart-model-option input{position:absolute;opacity:0;pointer-events:none}
    .admin-dash-chart-model-card{
      height:100%;
      padding:14px 16px;
      border-radius:12px;
      border:2px solid color-mix(in srgb, var(--app-text-color) 12%, transparent);
      background:var(--app-form-bg-color);
      transition:border-color .15s ease, box-shadow .15s ease;
    }
    .admin-dash-chart-model-option input:checked + .admin-dash-chart-model-card{
      border-color:var(--btn-primary);
      box-shadow:0 0 0 1px color-mix(in srgb, var(--btn-primary) 35%, transparent) inset;
    }
    .admin-dash-chart-model-card strong{display:block;font-size:14px;margin-bottom:6px}
    .admin-dash-chart-model-card span{display:block;font-size:12px;color:color-mix(in srgb, var(--app-text-color) 62%, transparent);line-height:1.45}
    .admin-dash-chart-preview{
      display:flex;
      align-items:flex-end;
      gap:4px;
      height:42px;
      margin-top:12px;
      padding-top:8px;
      border-top:1px dashed color-mix(in srgb, var(--app-text-color) 12%, transparent);
    }
    .admin-dash-chart-preview--linhas{align-items:center;padding-top:10px}
    .admin-dash-chart-preview--area{align-items:flex-end}
    .admin-dash-chart-preview i{
      display:block;
      flex:1;
      border-radius:3px 3px 0 0;
      background:color-mix(in srgb, var(--btn-primary) 70%, transparent);
      min-width:8px;
    }
    .admin-dash-chart-preview--linhas i{
      height:2px;
      border-radius:999px;
      align-self:center;
      transform:rotate(-8deg);
    }
    .admin-dash-chart-preview--linhas i:nth-child(odd){transform:rotate(8deg)}
    .admin-dash-chart-preview--area i{opacity:.55}
    .admin-dash-chart-preview i:nth-child(1){height:18px}
    .admin-dash-chart-preview i:nth-child(2){height:28px;opacity:.85}
    .admin-dash-chart-preview i:nth-child(3){height:22px;opacity:.7}
    .admin-dash-chart-preview i:nth-child(4){height:34px}
    .admin-dash-chart-preview--linhas i:nth-child(1){width:70%}
    .admin-dash-chart-preview--linhas i:nth-child(2){width:85%}
    .admin-dash-chart-preview--linhas i:nth-child(3){width:60%}
    .admin-dash-chart-preview--linhas i:nth-child(4){width:95%}
    .admin-dash-chart-preview--barras i{border-radius:6px 6px 2px 2px}
    .admin-dash-chart-preview--pizza{
      align-items:center;
      justify-content:center;
      padding-top:10px;
    }
    .admin-dash-chart-preview--pizza::before{
      content:'';
      width:46px;
      height:46px;
      border-radius:50%;
      background:conic-gradient(
        color-mix(in srgb, var(--btn-primary) 85%, transparent) 0 38%,
        #FF4E11 38% 62%,
        #00A65A 62% 100%
      );
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text-color) 10%, transparent);
    }
    .admin-dash-chart-preview--rosca{
      align-items:center;
      justify-content:center;
      padding-top:10px;
    }
    .admin-dash-chart-preview--rosca::before{
      content:'';
      width:46px;
      height:46px;
      border-radius:50%;
      background:conic-gradient(
        #4285F4 0 30%,
        #7c3aed 30% 55%,
        #FBBC05 55% 78%,
        #0d9488 78% 100%
      );
      -webkit-mask:radial-gradient(circle, transparent 52%, #000 54%);
      mask:radial-gradient(circle, transparent 52%, #000 54%);
    }
    .admin-dash-chart-preview--polar{
      align-items:center;
      justify-content:center;
      padding-top:10px;
    }
    .admin-dash-chart-preview--polar::before{
      content:'';
      width:48px;
      height:48px;
      clip-path:polygon(50% 0%, 78% 22%, 100% 50%, 78% 78%, 50% 100%, 22% 78%, 0% 50%, 22% 22%);
      background:linear-gradient(180deg, color-mix(in srgb, var(--btn-primary) 75%, transparent), color-mix(in srgb, var(--btn-primary) 35%, transparent));
      opacity:.92;
    }
    body[data-page="dashboard"] .app-page .dashboard-page-blocks,
    body[data-page="dashboard_master"] .app-page .dashboard-page-blocks{display:flex;flex-direction:column;gap:12px}
    body[data-page="dashboard"] .app-page .dashboard-periodo-resumo,
    body[data-page="dashboard_master"] .app-page .dashboard-periodo-resumo{margin:0 0 14px}
    body[data-page="dashboard"] .app-page .dashboard-metrics-panel .grid,
    body[data-page="dashboard_master"] .app-page .dashboard-metrics-panel .grid{margin-bottom:0 !important}
    body[data-page="dashboard"] .app-page .dashboard-inst-section .dashboard-inst-grid,
    body[data-page="dashboard_master"] .app-page .dashboard-inst-section .dashboard-inst-grid{margin-bottom:0}
    body[data-page="dashboard"] .app-page .dashboard-inst-section .receitas-periodo-heading:first-child,
    body[data-page="dashboard_master"] .app-page .dashboard-inst-section .receitas-periodo-heading:first-child{margin-top:0}
    body[data-page="dashboard"] .app-page .dashboard-chart-panel,
    body[data-page="dashboard_master"] .app-page .dashboard-chart-panel{padding-top:14px}
    .dash-completo-wrap{
      --dash-border:color-mix(in srgb, var(--app-text-color) 12%, transparent);
      --dash-muted:color-mix(in srgb, var(--app-text-color) 62%, transparent);
      --dash-surface:var(--app-card-bg-color);
      --dash-surface-soft:color-mix(in srgb, var(--app-text-color) 5%, var(--app-card-bg-color));
      --dash-track:color-mix(in srgb, var(--app-text-color) 14%, transparent);
      padding:18px 20px 22px
    }
    .dash-completo-wrap .muted{color:var(--dash-muted)}
    .dash-completo-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--dash-border);border-radius:10px;overflow:hidden;background:var(--dash-surface);margin:0 0 18px}
    .dash-completo-tile{display:flex;align-items:flex-start;gap:12px;padding:16px 14px;border-right:1px solid var(--dash-border);min-width:0;background:var(--dash-surface)}
    .dash-completo-tile:last-child{border-right:none}
    .dash-completo-tile-icon{
      width:34px;
      height:34px;
      border-radius:8px;
      flex-shrink:0;
      opacity:.92;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#fff
    }
    .dash-completo-tile-icon svg{display:block;width:18px;height:18px}
    .dash-completo-tile-icon--teal{background:#1ABB9C}
    .dash-completo-tile-icon--red{background:#E74C3C}
    .dash-completo-tile-icon--blue{background:#3498DB}
    .dash-completo-tile-icon--purple{background:#9B59B6}
    .dash-completo-tile-icon--orange{background:#F39C12}
    .dash-completo-tile-icon--warn{background:#E67E22}
    .dash-completo-tile-body{min-width:0;display:flex;flex-direction:column;gap:4px}
    .dash-completo-tile-label{font-size:11px;color:var(--dash-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}
    .dash-completo-tile-value{font-size:1.35rem;line-height:1.15;color:var(--app-text-color)}
    .dash-completo-tile-delta{font-size:11px;color:var(--dash-muted)}
    .dash-completo-tile-delta.is-up{color:#1ABB9C}
    .dash-completo-tile-delta.is-down{color:#E74C3C}
    .dash-op-wrap .dashboard-head{align-items:flex-end;gap:16px;margin-bottom:4px}
    .dash-op-wrap .dashboard-head h2{margin:0}
    .dash-op-tiles-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}
    .dash-op-tiles-row .dash-completo-tile:nth-child(4n){border-right:none}
    .dash-op-stack{
      display:grid;
      grid-template-columns:minmax(0,1.55fr) minmax(240px,340px);
      grid-template-areas:
        "chart servicos"
        "agenda agenda";
      gap:14px;
      margin-top:14px;
      margin-bottom:4px
    }
    .dash-op-panel-chart{grid-area:chart;min-width:0}
    .dash-op-panel-servicos{grid-area:servicos;min-width:0;align-self:stretch;display:flex;flex-direction:column}
    .dash-op-panel-vendas{display:none}
    .dash-op-agenda-dia{grid-area:agenda;margin-top:0}
    .dash-op-area-chart-wrap{position:relative;height:min(340px,50vh);width:100%}
    .dash-op-panel-servicos .dash-completo-progress-fill{background:linear-gradient(90deg,#1ABB9C,#26B99A)}
    .dash-op-vendas-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
    .dash-op-venda-item{padding:10px 12px;border-radius:10px;border:1px solid var(--dash-border);background:var(--dash-surface-soft)}
    .dash-op-venda-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}
    .dash-op-identity{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;flex:1 1 auto}
    .dash-op-identity strong{display:block;margin:0;padding:0;font-size:14px;line-height:1.3;color:var(--app-text-color)}
    .dash-op-phone-line{display:block;margin:0;padding:0;line-height:1.3;min-width:0;text-align:left}
    .dash-op-phone-line .tech-phone-trigger{display:inline !important;margin:0 !important;padding:0 !important;font-size:12px !important;line-height:1.3 !important;text-align:left !important}
    .dash-op-venda-top strong{font-size:14px;color:var(--app-text-color)}
    .dash-op-venda-meta{font-size:12px;line-height:1.45;display:flex;flex-direction:column;gap:2px}
    .dash-op-venda-meta > div{min-width:0}
    .dash-op-venda-status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
    .dash-op-venda-status.is-ativa{color:#1d4ed8;background:color-mix(in srgb,#3b82f6 16%,transparent);border-color:color-mix(in srgb,#3b82f6 35%,transparent)}
    .dash-op-venda-status.is-finalizada{color:#166534;background:color-mix(in srgb,#22c55e 16%,transparent);border-color:color-mix(in srgb,#22c55e 35%,transparent)}
    .dash-op-venda-status.is-fora{color:#a16207;background:color-mix(in srgb,#eab308 16%,transparent);border-color:color-mix(in srgb,#eab308 35%,transparent)}
    .dash-op-agenda-dia-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .dash-op-agenda-periodo{min-width:0;padding:12px;border-radius:10px;border:1px solid var(--dash-border);background:var(--dash-surface-soft)}
    .dash-op-agenda-periodo-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;color:var(--app-text-color)}
    .dash-op-agenda-empty{margin:0;font-size:13px}
    .dash-op-agenda-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
    .dash-op-agenda-item{padding:10px 12px;border-radius:8px;border:1px solid var(--dash-border);background:var(--dash-surface)}
    .dash-op-agenda-item.is-finalizada{opacity:.72}
    .dash-op-agenda-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}
    .dash-op-agenda-item-top .dash-op-identity{flex:1 1 auto;min-width:0}
    .dash-op-agenda-item-top strong{font-size:14px;color:var(--app-text-color)}
    .dash-op-agenda-item-meta{font-size:12px;line-height:1.45;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}
    .dash-op-agenda-item-meta > div{min-width:0}
    .dash-op-agenda-item .os-status-badge{display:inline-flex;text-decoration:none}
    @media (max-width:1100px){
      .dash-op-tiles-row{grid-template-columns:repeat(2,minmax(0,1fr))}
      .dash-op-tiles-row .dash-completo-tile{border-bottom:1px solid var(--dash-border)}
      .dash-op-tiles-row .dash-completo-tile:nth-child(2n){border-right:none}
      .dash-op-tiles-row .dash-completo-tile:nth-child(4n){border-right:none}
      .dash-op-stack{
        grid-template-columns:1fr;
        grid-template-areas:
          "chart"
          "agenda"
          "vendas"
      }
      .dash-op-panel-servicos{display:none !important}
      .dash-op-panel-vendas{
        display:flex;
        flex-direction:column;
        grid-area:vendas;
        min-width:0
      }
      .dash-op-area-chart-wrap{height:260px}
      .dash-op-agenda-dia-grid{grid-template-columns:1fr}
    }
    @media (max-width:900px){
      body[data-page="dashboard"] .container.app-content{
        padding-left:max(8px, env(safe-area-inset-left));
        padding-right:max(8px, env(safe-area-inset-right))
      }
      .dash-op-wrap.card,
      .dash-op-wrap{
        padding:12px 8px 16px !important;
        border-radius:16px
      }
      .dash-op-wrap .dashboard-head{
        padding:0 4px;
        margin-bottom:2px
      }
      .dash-op-tile-desktop-only{display:none !important}
      .dash-op-tiles-row{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
        width:100%;
        margin:10px 0 0;
        border:none !important;
        border-radius:0 !important;
        overflow:visible !important;
        background:transparent !important
      }
      .dash-op-tiles-row .dash-completo-tile{
        flex-direction:column;
        align-items:flex-start;
        justify-content:space-between;
        gap:12px;
        min-height:112px;
        padding:14px 14px 16px;
        border:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent) !important;
        border-radius:16px !important;
        background:color-mix(in srgb, var(--app-text-color) 4%, var(--app-card-bg-color)) !important;
        box-shadow:0 2px 12px rgba(0,0,0,.12)
      }
      .dash-op-tiles-row .dash-completo-tile:nth-child(2n){border-right:1px solid color-mix(in srgb, var(--app-text-color) 12%, transparent) !important}
      .dash-op-tiles-row .dash-completo-tile-delta{display:none !important}
      .dash-op-tiles-row .dash-completo-tile-icon{
        width:40px;
        height:40px;
        flex:0 0 40px;
        border-radius:12px;
        opacity:1
      }
      .dash-op-tiles-row .dash-completo-tile-icon svg{width:20px;height:20px}
      .dash-op-tiles-row .dash-completo-tile-body{gap:6px;width:100%}
      .dash-op-tiles-row .dash-completo-tile-label{
        font-size:11px;
        letter-spacing:.04em;
        opacity:.85
      }
      .dash-op-tiles-row .dash-completo-tile-value{
        font-size:2rem;
        line-height:1;
        font-weight:800;
        letter-spacing:-.03em
      }
      .dash-op-stack{margin-top:12px;gap:12px}
    }
    @media (max-width:640px){
      .dash-op-wrap .dashboard-head{flex-direction:column;align-items:stretch}
      .dash-op-tiles-row{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important
      }
      .dash-op-tiles-row .dash-completo-tile{
        min-height:108px;
        padding:12px 12px 14px
      }
      .dash-op-tiles-row .dash-completo-tile-value{font-size:1.85rem}
    }
    .dash-completo-mid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:14px;margin-bottom:14px}
    .dash-completo-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
    .dash-completo-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
    .dash-completo-panel{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:10px;padding:14px 16px 16px;min-width:0;color:var(--app-text-color)}
    .dash-completo-panel--main{min-height:360px}
    .dash-completo-panel--side{align-self:stretch;display:flex;flex-direction:column}
    .dash-completo-panel--chart{display:flex;flex-direction:column}
    .dash-completo-panel--split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .dash-completo-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
    .dash-completo-panel-head h3,.dash-completo-quick h3,.dash-completo-gauge-block h3{margin:0;font-size:1rem;font-weight:700;color:var(--app-text-color)}
    .dash-completo-panel-head p{margin:4px 0 0;font-size:12px;color:var(--dash-muted)}
    .dash-completo-badge{font-size:11px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb, #1ABB9C 16%, var(--dash-surface));color:color-mix(in srgb, #1ABB9C 70%, var(--app-text-color));border:1px solid color-mix(in srgb, #1ABB9C 32%, transparent);white-space:nowrap;text-decoration:none !important}
    a.dash-completo-badge:hover,
    a.dash-completo-badge:focus{text-decoration:none !important;opacity:.92}
    .dash-completo-subheading{margin:14px 0 8px;font-size:.85rem;font-weight:700;color:var(--dash-muted)}
    .dash-completo-progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
    .dash-completo-progress-list--compact{gap:6px}
    .dash-completo-progress-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--app-text-color)}
    .dash-completo-progress-track{height:8px;border-radius:999px;background:var(--dash-track);overflow:hidden}
    .dash-completo-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#1ABB9C,#26B99A)}
    .dash-completo-progress-fill--alt{background:linear-gradient(90deg,#3498DB,#5DADE2)}
    .dash-completo-donut-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
    .dash-completo-donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--app-text-color)}
    .dash-completo-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}
    .dash-completo-dot--teal{background:#10B981}
    .dash-completo-dot--red{background:#EF4444}
    .dash-completo-dot--blue{background:#3B82F6}
    .dash-completo-dot--inst{background:#4285F4}
    .dash-completo-dot--canc{background:#E74C3C}
    .dash-completo-ativacoes-block{display:flex;flex-direction:column;gap:10px}
    .dash-completo-ativacoes-chart{
      flex:0 0 auto;
      position:relative;
      width:min(100%,168px);
      height:148px;
      margin:0 auto;
      overflow:visible
    }
    .dash-completo-ativacoes-chart canvas{display:block;width:100% !important;height:100% !important;max-height:148px}
    .dash-completo-ativacoes-info{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--dash-border)}
    .dash-completo-ativacoes-metrics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12px}
    .dash-completo-ativacoes-metrics .dash-completo-progress-row{font-size:12px}
    .dash-completo-ativacoes-saldo{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:8px;background:var(--dash-surface-soft);border:1px solid var(--dash-border);font-size:12px;color:var(--app-text-color)}
    .dash-completo-ativacoes-saldo strong{font-size:13px;line-height:1.3}
    .dash-completo-ativacoes-saldo.is-positive{border-color:color-mix(in srgb, #1ABB9C 45%, transparent);background:color-mix(in srgb, #1ABB9C 12%, var(--dash-surface))}
    .dash-completo-ativacoes-saldo.is-positive strong{color:#1ABB9C}
    .dash-completo-ativacoes-saldo.is-negative{border-color:color-mix(in srgb, #E74C3C 45%, transparent);background:color-mix(in srgb, #E74C3C 12%, var(--dash-surface))}
    .dash-completo-ativacoes-saldo.is-negative strong{color:#E74C3C}
    .dash-completo-ativacoes-saldo.is-neutral strong{color:var(--dash-muted)}
    .dash-completo-donut-legend strong{margin-left:4px;font-weight:700}
    .dash-completo-links{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
    .dash-completo-links a{display:block;padding:7px 10px;border-radius:8px;text-decoration:none;color:var(--app-text-color);background:var(--dash-surface-soft);border:1px solid var(--dash-border);font-size:13px}
    .dash-completo-links a:hover{background:color-mix(in srgb, #1ABB9C 14%, var(--dash-surface));border-color:color-mix(in srgb, #1ABB9C 40%, transparent);color:var(--app-text-color)}
    .dash-completo-gauge{position:relative;width:120px;height:64px;margin:8px auto 6px;overflow:hidden}
    .dash-completo-gauge-arc{position:absolute;left:0;right:0;bottom:0;height:120px;border-radius:50%;background:conic-gradient(#1ABB9C calc(var(--gauge-pct,0) * 1%), var(--dash-track) 0);mask:radial-gradient(circle at 50% 100%, transparent 58%, #000 59%);-webkit-mask:radial-gradient(circle at 50% 100%, transparent 58%, #000 59%)}
    .dash-completo-gauge-value{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-size:1.1rem;font-weight:700;color:var(--app-text-color)}
    .dash-completo-gauge-caption{text-align:center;margin:0;font-size:11px;color:var(--dash-muted)}
    .dash-completo-panel-link{font-size:12px;text-decoration:none;color:#1ABB9C;white-space:nowrap}
    .dash-completo-alert-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
    .dash-completo-alert-list li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:8px 10px;border-radius:8px;background:var(--dash-surface-soft);border:1px solid var(--dash-border);color:var(--app-text-color)}
    .dash-completo-alert-list li.is-danger{border-color:color-mix(in srgb, #E74C3C 45%, transparent);background:color-mix(in srgb, #E74C3C 12%, var(--dash-surface))}
    .dash-completo-alert-summary{margin:0 0 8px;font-size:12px;color:var(--dash-muted)}
    @media (max-width:1200px){
      .dash-completo-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
      .dash-completo-tile:nth-child(3n){border-right:none}
      .dash-completo-tile{border-bottom:1px solid var(--dash-border)}
      .dash-completo-mid{grid-template-columns:1fr}
      .dash-completo-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
      .dash-completo-alerts{grid-template-columns:1fr}
      body[data-page="boletos"] .app-page .boletos-metrics-panel .boletos-dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
      body[data-page="boletos"] .app-page .boletos-metrics-panel .boletos-dash-tiles .dash-completo-tile:nth-child(2n){border-right:none}
      body[data-page="despesas"] .app-page .despesas-metrics-panel .despesas-dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
      body[data-page="despesas"] .app-page .despesas-metrics-panel .despesas-dash-tiles .dash-completo-tile:nth-child(2n){border-right:none}
      body[data-page="cartoes"] .app-page .cartoes-metrics-panel .cartoes-dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
      body[data-page="cartoes"] .app-page .cartoes-metrics-panel .cartoes-dash-tiles .dash-completo-tile:nth-child(2n){border-right:none}
      body[data-page="os"] .app-page .os-metrics-panel .os-dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
      body[data-page="os"] .app-page .os-metrics-panel .os-dash-tiles .dash-completo-tile:nth-child(2n){border-right:none}
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles:not(.inst-dash-tiles--tech):not(.inst-dash-tiles--svc),
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc{grid-template-columns:repeat(2,minmax(0,1fr))}
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles:not(.inst-dash-tiles--tech):not(.inst-dash-tiles--svc) .dash-completo-tile:nth-child(4n),
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc .dash-completo-tile:nth-child(3n){border-right:1px solid var(--dash-border)}
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles:not(.inst-dash-tiles--tech):not(.inst-dash-tiles--svc) .dash-completo-tile:nth-child(2n),
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc .dash-completo-tile:nth-child(2n){border-right:none}
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles:not(.inst-dash-tiles--tech):not(.inst-dash-tiles--svc) .dash-completo-tile:not(:nth-last-child(-n+2)),
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc .dash-completo-tile:not(:nth-last-child(-n+2)){border-bottom:1px solid var(--dash-border)}
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--tech{grid-template-columns:repeat(3,minmax(0,1fr))}
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--tech .dash-completo-tile{border-bottom:none}
      body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .cancelamentos-dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
      body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .cancelamentos-dash-tiles .dash-completo-tile:nth-child(4n){border-right:1px solid var(--dash-border)}
      body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .cancelamentos-dash-tiles .dash-completo-tile:nth-child(2n){border-right:none}
      body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .cancelamentos-dash-tiles .dash-completo-tile:not(:nth-last-child(-n+2)){border-bottom:1px solid var(--dash-border)}
      body[data-page="bancos"] .app-page .banks-metrics-panel .banks-dash-tiles{grid-template-columns:1fr}
      body[data-page="bancos"] .app-page .banks-metrics-panel .banks-dash-tiles .dash-completo-tile{border-right:none}
      body[data-page="vendas"] .app-page .receita-metrics-panel .receita-dash-tiles{grid-template-columns:1fr}
      body[data-page="vendas"] .app-page .receita-metrics-panel .receita-dash-tiles .dash-completo-tile{border-right:none}
      .dash-completo-panel--split{grid-template-columns:1fr}
    }
    @media (max-width:640px){
      .dash-completo-tiles{grid-template-columns:1fr}
      .dash-completo-tile{border-right:none}
      .dash-completo-bottom{grid-template-columns:1fr}
      body[data-page="boletos"] .app-page .boletos-metrics-panel .boletos-dash-tiles{grid-template-columns:1fr}
      body[data-page="boletos"] .app-page .boletos-metrics-panel .boletos-dash-tiles .dash-completo-tile{border-right:none}
      body[data-page="despesas"] .app-page .despesas-metrics-panel .despesas-dash-tiles{grid-template-columns:1fr}
      body[data-page="despesas"] .app-page .despesas-metrics-panel .despesas-dash-tiles .dash-completo-tile{border-right:none}
      body[data-page="cartoes"] .app-page .cartoes-metrics-panel .cartoes-dash-tiles{grid-template-columns:1fr}
      body[data-page="cartoes"] .app-page .cartoes-metrics-panel .cartoes-dash-tiles .dash-completo-tile{border-right:none}
      body[data-page="os"] .app-page .os-metrics-panel .os-dash-tiles{grid-template-columns:1fr}
      body[data-page="os"] .app-page .os-metrics-panel .os-dash-tiles .dash-completo-tile{border-right:none}
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles:not(.inst-dash-tiles--tech):not(.inst-dash-tiles--svc),
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--tech,
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc{grid-template-columns:1fr}
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles:not(.inst-dash-tiles--tech):not(.inst-dash-tiles--svc) .dash-completo-tile,
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--tech .dash-completo-tile,
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc .dash-completo-tile{border-right:none}
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles:not(.inst-dash-tiles--tech):not(.inst-dash-tiles--svc) .dash-completo-tile:not(:last-child),
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--tech .dash-completo-tile:not(:last-child),
      body[data-page="instalacoes"] .inst-page .inst-metrics-panel .inst-dash-tiles--svc .dash-completo-tile:not(:last-child){border-bottom:1px solid var(--dash-border)}
      body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .cancelamentos-dash-tiles{grid-template-columns:1fr}
      body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .cancelamentos-dash-tiles .dash-completo-tile{border-right:none}
      body[data-page="cancelamento"] .app-page .cancelamentos-metrics-panel .cancelamentos-dash-tiles .dash-completo-tile:not(:last-child){border-bottom:1px solid var(--dash-border)}
      body[data-page="bancos"] .app-page .banks-metrics-panel .banks-dash-tiles{grid-template-columns:1fr}
      body[data-page="bancos"] .app-page .banks-metrics-panel .banks-dash-tiles .dash-completo-tile{border-right:none}
      body[data-page="vendas"] .app-page .receita-metrics-panel .receita-dash-tiles{grid-template-columns:1fr}
      body[data-page="vendas"] .app-page .receita-metrics-panel .receita-dash-tiles .dash-completo-tile{border-right:none}
    }
    .dashboard-chart-wrap{margin-top:0;padding-top:0;border-top:none}
    .dashboard-head{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:10px;min-width:0}
    .dashboard-head h2{margin:0;flex-shrink:0;min-width:0}
    .dashboard-mes-filter{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:8px 10px;margin:0;flex:0 1 auto;min-width:0;justify-content:flex-end}
    .dashboard-mes-filter label{margin:0;font-size:12px;white-space:nowrap}
    .dashboard-mes-filter input[type="month"]{
      width:auto !important;
      min-width:9rem;
      max-width:11rem;
      flex:0 0 auto;
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
      box-sizing:border-box;
    }
    .dashboard-mes-filter a.dashboard-mes-clear{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      min-height:34px;
      height:34px;
      padding:6px 12px;
      margin:0;
      border:1px solid #cbd5e1;
      border-radius:8px;
      background:var(--app-form-bg-color);
      color:var(--app-text-color);
      font-size:12px;
      text-decoration:none;
      box-sizing:border-box;
    }
    @media (max-width:560px){
      .dashboard-head{flex-wrap:wrap;align-items:flex-start}
      .dashboard-mes-filter{flex-wrap:wrap;justify-content:flex-start;max-width:100%}
      .cancelamento-head-actions{width:100%;justify-content:flex-start}
    }
    .despesas-cad-filter-form select{
      width:auto !important;
      min-width:11rem;
      max-width:min(18rem,100%);
      flex:0 1 auto;
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      color:var(--app-text-color);
      background:var(--app-form-bg-color);
      box-sizing:border-box;
    }
    .link-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(170px,1.15fr) minmax(140px,1fr) auto;gap:8px;align-items:end;justify-content:start;width:100%}
    .link-form .field{display:flex;flex-direction:column;min-width:0}
    .link-form .field label{margin-bottom:4px;font-size:12px}
    .link-form .field input,
    .link-form .field select,
    .link-form .field button,
    .link-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .link-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start;flex-wrap:nowrap}
    .link-form .field.actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}
    .link-form .actions button,
    .link-form .actions a{width:auto !important;white-space:nowrap}
    .link-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    .logo-form{display:grid;grid-template-columns:minmax(140px,180px) minmax(110px,140px) minmax(150px,200px) minmax(170px,220px) minmax(170px,220px) auto;gap:8px;align-items:end;justify-content:start;width:100%}
    .logo-form .field{display:flex;flex-direction:column;min-width:0}
    .logo-form .field label{margin-bottom:4px;font-size:12px}
    .logo-form .field input,
    .logo-form .field select,
    .logo-form .field button,
    .logo-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .logo-form .field input[type="file"]{
      min-height:34px !important;
      height:34px !important;
      padding:3px 6px;
      line-height:1;
      font-size:11px;
    }
    .logo-form .field input[type="file"]::file-selector-button{
      padding:3px 6px;
      margin-right:6px;
      font-size:11px;
      border-radius:6px;
    }
    .logo-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start;flex-wrap:nowrap}
    .logo-form .field.actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}
    .login-config-form{display:grid;grid-template-columns:minmax(160px,220px) minmax(220px,300px) minmax(120px,150px) minmax(130px,160px) auto;gap:8px;align-items:end;justify-content:start;width:100%}
    .login-config-form .field{display:flex;flex-direction:column;min-width:0}
    .login-config-form .field label{margin-bottom:4px;font-size:12px}
    .login-config-form .field input,
    .login-config-form .field select,
    .login-config-form .field button,
    .login-config-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .login-config-form .field input[type="file"]{
      min-height:34px !important;
      height:34px !important;
      padding:3px 6px;
      line-height:1;
      font-size:11px;
    }
    .login-config-form .field input[type="file"]::file-selector-button{
      padding:3px 6px;
      margin-right:6px;
      font-size:11px;
      border-radius:6px;
    }
    .login-config-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start;flex-wrap:nowrap}
    .login-config-form .field.actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}
    .login-config-form .actions button,
    .login-config-form .actions a{width:auto !important;white-space:nowrap}
    .login-config-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    .user-form{display:grid;grid-template-columns:minmax(210px,260px) minmax(230px,300px) minmax(210px,260px) minmax(120px,150px) auto;gap:8px;align-items:end;justify-content:start}
    .user-form .field{display:flex;flex-direction:column;min-width:0}
    .user-form .field label{margin-bottom:4px;font-size:12px}
    .user-form .field input,
    .user-form .field select,
    .user-form .field button,
    .user-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .user-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start;flex-wrap:nowrap;grid-column:1 / -1;margin-top:2px}
    .user-form .field.actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}
    .user-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    .user-form .perm-wrap{grid-column:1 / -1}
    .user-form .perm-actions-inline{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;min-height:36px;padding:0;margin:0}
    .user-form .perm-actions-inline button,
    .user-form .perm-actions-inline a{
      width:auto !important;
      white-space:nowrap;
      min-height:34px !important;
      height:34px !important;
      padding:6px 10px;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .user-form .perm-actions-inline a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      color:#111827;
      background:#fff;
      border:1px solid #cbd5e1;
    }
    .doc-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,1fr) minmax(140px,1fr) auto;gap:8px;align-items:end;justify-content:start;width:100%}
    .nfe-form{display:grid;grid-template-columns:minmax(160px,210px) minmax(160px,210px) minmax(150px,190px) minmax(150px,190px) auto;gap:8px;align-items:end;justify-content:start;width:100%}
    .doc-form .field,
    .nfe-form .field{display:flex;flex-direction:column;min-width:0}
    .doc-form .field label,
    .nfe-form .field label{margin-bottom:4px;font-size:12px}
    .doc-form .field input,
    .doc-form .field select,
    .doc-form .field button,
    .doc-form .field a,
    .nfe-form .field input,
    .nfe-form .field select,
    .nfe-form .field button,
    .nfe-form .field a{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      font-size:12px;
      line-height:1.1;
    }
    .doc-form .field input[type="file"],
    .nfe-form .field input[type="file"]{
      min-height:34px !important;
      height:34px !important;
      padding:3px 6px;
      line-height:1;
      font-size:11px;
    }
    .doc-form .field input[type="file"]::file-selector-button,
    .nfe-form .field input[type="file"]::file-selector-button{
      padding:3px 6px;
      margin-right:6px;
      font-size:11px;
      border-radius:6px;
    }
    .doc-form .actions,
    .nfe-form .actions{display:flex;flex-direction:row;gap:8px;align-items:end;justify-content:flex-start;flex-wrap:nowrap}
    .doc-form .field.actions,
    .nfe-form .field.actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}
    .doc-form .actions button,
    .doc-form .actions a,
    .nfe-form .actions button,
    .nfe-form .actions a{width:auto !important;white-space:nowrap}
    .doc-form .actions a,
    .nfe-form .actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111827;background:#fff}
    @media (max-width: 1100px){
      .login-container.login-bg-left,
      .login-container.login-bg-right{align-items:center;background-position:center;background-size:cover}
      .boleto-upload-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .boleto-edit-form{grid-template-columns:repeat(2,minmax(170px,1fr))}
      .cartao-edit-form{grid-template-columns:repeat(2,minmax(170px,1fr))}
      .boleto-edit-form .actions{grid-column:1 / -1}
      .cartao-edit-form .actions{grid-column:1 / -1}
      .boleto-filter-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .bank-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .despesa-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .os-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .despesa-filter-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .link-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .logo-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .login-config-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .user-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .doc-form,
      .nfe-form{grid-template-columns:repeat(2,minmax(180px,1fr))}
      .boleto-upload-form .submit-wrap,
      .boleto-edit-form .actions,
      .boleto-filter-form .actions,
      .bank-form .actions,
      .despesa-form .actions,
      .os-form .actions,
      .despesa-filter-form .actions,
      .os-filter-form .os-filter-date-row,
      .link-form .actions,
      .logo-form .actions,
      .login-config-form .actions,
      .user-form .actions,
      .doc-form .actions,
      .nfe-form .actions{grid-column:1/-1}
      .user-form .perm-wrap{grid-column:1/-1}
    }
    @media (max-width: 1280px){
      .boleto-edit-form{grid-template-columns:repeat(3,minmax(180px,1fr))}
      .boleto-edit-form .actions{grid-column:1 / -1;justify-content:flex-end}
      .cartao-edit-form{grid-template-columns:repeat(3,minmax(180px,1fr))}
      .cartao-edit-form .actions{grid-column:1 / -1;justify-content:flex-end}
    }
    @media (min-width: 901px){
      .tech-mobile-only{display:none}
      .tech-desktop-only{display:block}
    }
    @media (max-width: 900px){
      .tech-mobile-only{display:block}
      .tech-desktop-only{display:none}
      body[data-page="tecnico"] .header-tools .theme-mode-form{display:none !important}
      body[data-page="tecnico"] .tech-servicos-section.card{
        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
        padding:0 !important;
        margin-bottom:16px;
        overflow:visible
      }
      body[data-page="tecnico"] .tech-servicos-section > .receitas-periodo-heading{
        margin:0 0 12px;
        padding:0
      }
      body[data-page="tecnico"] .tech-servicos-section .tech-os-list,
      body[data-page="tecnico"] .tech-servicos-section .tech-os-card{
        width:100%;
        max-width:100%;
        box-sizing:border-box
      }
    }
    .status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;border:1px solid;font-size:12px;font-weight:700;letter-spacing:.2px}
    .status-pill.aberto{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}
    .status-pill.vencido{color:#991b1b;background:#fee2e2;border-color:#fca5a5}
    .status-pill.pago{color:#166534;background:#dcfce7;border-color:#86efac}
    .status-pill.default{color:#374151;background:#f3f4f6;border-color:#d1d5db}
    .perm-summary{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid;font-size:12px;font-weight:700}
    .perm-summary.total{color:#166534;background:#dcfce7;border-color:#86efac}
    .perm-summary.partial{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}
    .perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
    .perm-option{display:flex;align-items:center;gap:7px;border:1px solid #d1d5db;border-radius:8px;padding:6px 8px;margin:0;min-height:36px;font-size:12px;background:var(--app-form-bg-color)}
    .perm-option input[type="checkbox"]{width:14px;height:14px;min-height:auto;margin:0}
    .perm-option span{font-size:12px;line-height:1.2}

    /* Mobile: aparência moderna (layout e funções inalterados) */
    @media (max-width: 900px) {
      body{
        font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
      }
      .container{
        margin:0;
        padding-left:max(16px, env(safe-area-inset-left));
        padding-right:max(16px, env(safe-area-inset-right));
        padding-bottom:max(8px, env(safe-area-inset-bottom));
      }
      .container.app-content{padding:14px max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}
      header,.app-topbar{
        padding:0 max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));
        flex-wrap:wrap;
        align-items:center;
        gap:10px;
        min-height:var(--ui-topbar-height, 60px);
        height:var(--ui-topbar-height, 60px);
        background:var(--app-shell-bg, var(--app-header-bg-color));
        color:var(--app-header-text-color);
        border:none;
        border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);
        box-shadow:0 4px 18px rgba(0,0,0,.22), 0 1px 0 color-mix(in srgb, var(--app-text-color) 8%, transparent);
        position:sticky;
        top:0;
        z-index:130;
      }
      [data-theme-preset="dark"] .app-topbar{
        background:var(--app-shell-bg, var(--app-header-bg-color));
        border-bottom:1px solid color-mix(in srgb, #fff 12%, transparent);
        box-shadow:0 6px 20px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.06);
      }
      .app-topbar-title,
      .app-topbar-brand-link.app-topbar-title{
        color:var(--app-text-color);
      }
      .mobile-menu-toggle{display:inline-flex}
      .app-sidebar-brand{display:none !important;height:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important}
      .app-sidebar{
        position:fixed;
        top:var(--mobile-topbar-bottom, var(--ui-topbar-height, 60px));
        left:0;
        right:0;
        width:100%;
        height:calc(100dvh - var(--mobile-topbar-bottom, var(--ui-topbar-height, 60px)));
        max-height:none;
        z-index:120;
        flex-direction:column;
        padding:0 !important;
        margin:0 !important;
        gap:0 !important;
        background:var(--app-shell-bg, var(--app-header-bg-color));
        color:var(--app-header-text-color);
        box-shadow:none;
        border-top:none;
        border-bottom:none;
        transform:translateX(-100%);
        overflow-x:hidden;
        overflow-y:auto;
        opacity:1;
        visibility:visible;
        pointer-events:none;
        transition:transform .28s cubic-bezier(.4,0,.2,1), box-shadow .28s ease;
        will-change:transform;
      }
      body.mobile-menu-open .app-sidebar{
        transform:translateX(0);
        pointer-events:auto;
        box-shadow:0 16px 32px rgba(0,0,0,.24);
      }
      .app-sidebar nav a.nav-hide-mobile,
      .app-sidebar .nav-group.nav-hide-mobile,
      .docs-sidebar nav a.nav-hide-mobile,
      .docs-sidebar .docs-sidebar__link.nav-hide-mobile,
      .app-layout__sidebar a.nav-hide-mobile,
      .app-layout__sidebar .nav-group.nav-hide-mobile,
      .app-layout__sidebar a[data-nav-key="chat"]{
        display:none !important;
      }
      .app-sidebar nav,
      #app-side-nav{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:0 !important;
        flex:1;
        margin:0 !important;
        padding:0 0 max(12px, env(safe-area-inset-bottom)) !important;
      }
      .mobile-nav-close{
        display:none !important;
        width:0 !important;
        height:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        overflow:hidden !important;
      }
      nav{
        position:static;
        width:auto;
        height:auto;
        transform:none;
        box-shadow:none;
        padding:0;
        overflow:visible;
      }
      .app-sidebar nav a{
        margin-right:0;
        padding:14px 18px;
        min-height:50px;
        font-size:15px;
        display:flex;
        align-items:center;
        border-radius:0;
        color:var(--app-text-color);
      }
      .app-sidebar nav a .nav-icon,
      .app-sidebar .nav-group-toggle .nav-icon,
      .app-sidebar nav .nav-logout-btn .nav-icon{
        color:var(--app-text-color);
      }
      .app-sidebar nav a:hover:not(.active){
        background:color-mix(in srgb, var(--app-text-color) 8%, transparent);
        color:var(--app-text-color);
      }
      .app-sidebar nav a.active{background:color-mix(in srgb, var(--app-text-color) 12%, transparent);color:var(--app-text-color) !important;font-weight:600}
      .app-sidebar .nav-group-toggle{
        padding:14px 18px;
        min-height:50px;
        font-size:15px;
        border-radius:0;
        border:none !important;
        background:transparent !important;
        box-shadow:none !important;
        color:var(--app-text-color);
      }
      .app-sidebar .nav-group-toggle:hover,
      .app-sidebar .nav-group.is-open > .nav-group-toggle{
        background:color-mix(in srgb, var(--app-text-color) 8%, transparent) !important;
        color:var(--app-text-color) !important;
        box-shadow:none !important;
      }
      .mobile-nav-overlay{
        display:block;
        position:fixed;
        top:var(--mobile-topbar-bottom, var(--ui-topbar-height, 60px));
        right:0;
        bottom:0;
        left:0;
        background:rgba(2, 6, 23, .55);
        z-index:110;
        opacity:0;
        pointer-events:none;
        transition:opacity .24s ease;
      }
      body.mobile-menu-open .mobile-nav-overlay{
        opacity:1;
        pointer-events:auto;
      }
      .header-tools{gap:8px}
      .card{
        border-radius:18px;
        padding:18px 16px;
        margin-bottom:16px;
        border:1px solid rgba(148,163,184,.35);
        border:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);
        box-shadow:0 4px 22px rgba(15,23,42,.07),0 1px 3px rgba(15,23,42,.04);
      }
      .card>h2:first-child,.card>h3:first-child{
        font-size:1.2rem;
        font-weight:800;
        letter-spacing:-.02em;
        margin:0 0 12px;
        line-height:1.25;
      }
      .metric-card{
        border-radius:16px;
        border:1px solid rgba(148,163,184,.3);
        border:1px solid color-mix(in srgb, var(--app-text-color) 8%, transparent);
        box-shadow:0 2px 14px rgba(15,23,42,.06);
      }
      .grid{gap:12px}
      .muted{font-size:12.5px;line-height:1.45}
      .flash{
        border-radius:14px;
        padding:12px 14px;
        font-size:14px;
        line-height:1.4;
      }
      input,select,textarea,button:not(.btn-mini):not(.tech-phone-trigger):not(.admin-site-hero-btn-preview):not(.admin-site-head-btn){
        border-radius:12px;
      }
      form textarea{min-height:48px}
      section.card:has(table){
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
      }
      section.card table{min-width:min(100%, 560px)}
      .os-list{gap:16px}
      .os-card{
        border-radius:18px;
        padding:16px;
        border:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);
        box-shadow:0 4px 20px rgba(15,23,42,.07);
      }
      .os-card.os-card-os-aberta{
        border-radius:18px;
        box-shadow:0 8px 28px rgba(37,99,235,.2);
      }
      .os-card-head{margin-bottom:12px;padding-bottom:12px}
      .os-card-title{font-size:1.05rem;letter-spacing:-.015em}
      .os-fields{gap:12px 14px}
      .os-pager-btn{border-radius:12px;min-height:42px}
      .tech-os-list{
        grid-template-columns:1fr;
        gap:16px;
      }
      .tech-os-card{
        border-radius:20px;
        padding:18px 16px;
        border:1px solid color-mix(in srgb, var(--app-text-color) 9%, transparent);
        box-shadow:0 10px 36px rgba(15,23,42,.1),0 2px 8px rgba(15,23,42,.04);
      }
      .tech-mobile-only .tech-os-card--atraso-hora{
        border-color:#c2410c !important;
        background:linear-gradient(145deg, rgba(194,65,12,.2) 0%, var(--app-card-bg-color) 60%);
        box-shadow:0 12px 40px rgba(194,65,12,.24), inset 0 0 0 1px rgba(194,65,12,.42);
      }
      .tech-mobile-only .tech-os-card--atraso-dia{
        border-color:#b91c1c !important;
        background:linear-gradient(145deg, rgba(185,28,28,.22) 0%, var(--app-card-bg-color) 60%);
        box-shadow:0 12px 40px rgba(185,28,28,.26), inset 0 0 0 1px rgba(185,28,28,.45);
      }
      .tech-os-head{
        margin-bottom:14px;
        padding-bottom:12px;
        border-bottom:1px solid color-mix(in srgb, var(--app-text-color) 10%, transparent);
        align-items:center;
      }
      .tech-os-title{
        font-size:1.1rem;
        font-weight:800;
        letter-spacing:-.02em;
        line-height:1.25;
      }
      .tech-os-meta{gap:10px;margin-bottom:12px}
      .tech-os-meta div{font-size:14px;line-height:1.45}
      .tech-os-meta strong{
        font-size:10px;
        letter-spacing:.08em;
        color:#64748b;
      }
      .tech-os-chrono{
        margin:0 0 14px;
        padding:14px 14px;
        border-radius:14px;
        border:none;
        background:linear-gradient(145deg, color-mix(in srgb, var(--app-button-color) 12%, var(--app-form-bg-color)) 0%, var(--app-form-bg-color) 100%);
        box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-button-color) 22%, transparent);
      }
      .tech-os-chrono-elapsed{font-size:1.35rem}
      .tech-os-card form{gap:10px}
      .tech-os-card label{font-size:12.5px;font-weight:700;margin-bottom:4px}
      .tech-os-actions{gap:10px}
      .tech-mobile-only .tech-copy-pwd{
        border-radius:10px !important;
        width:36px !important;
        min-width:36px !important;
        max-width:36px !important;
        height:36px !important;
        min-height:36px !important;
        padding:0 !important
      }
      .tech-mobile-only .tech-phone-dialog{border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.28)}
      .tech-mobile-only .tech-phone-actions-call,
      .tech-mobile-only .tech-phone-actions-wa{border-radius:14px}
      .btn-mini{border-radius:10px;padding:6px 10px;min-height:36px}
      .login-container{padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}
    }

    .admin-bc-estilo-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--app-text-color) 3%,transparent);margin-bottom:16px}
    .admin-bc-estilo-row strong{font-size:13px}
    .admin-bc-estilo-opts{display:flex;gap:8px}
    .admin-bc-estilo-opt{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--border);font-size:12px;font-weight:700;cursor:pointer;background:var(--app-form-bg-color);color:var(--app-text-color)}
    .admin-bc-estilo-opt.is-active{background:var(--btn-primary);color:#fff;border-color:transparent}