/* Premium module header contract.
       Kept after the legacy shared-header hardening so this explicit contract wins. */
    :is(.qz-helpdesk-module-head, .qz-operation-module-head, .qz-people-module-head, .qz-strategy-module-head),
    :is(.qz-helpdesk-module-head__identity, .qz-operation-module-head__identity, .qz-people-module-head__identity, .qz-strategy-module-head__identity),
    :is(.qz-helpdesk-module-head__copy, .qz-operation-module-head__copy, .qz-people-module-head__copy, .qz-strategy-module-head__copy) {
      min-width: 0;
    }

    :is(.qz-helpdesk-module-head, .qz-operation-module-head, .qz-people-module-head, .qz-strategy-module-head) {
      width: 100%;
      margin-bottom: 0;
    }

    :is(.qz-helpdesk-module-head__copy, .qz-operation-module-head__copy, .qz-people-module-head__copy, .qz-strategy-module-head__copy) {
      flex: 1;
    }

    :is(.qz-helpdesk-module-head__title, .qz-operation-module-head__title, .qz-people-module-head__title, .qz-strategy-module-head__title) {
      display: block;
      overflow-wrap: anywhere;
    }

    :is(.qz-helpdesk-module-head__context, .qz-operation-module-head__context, .qz-people-module-head__context, .qz-strategy-module-head__context, .qz-business-module-head__context) {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
      max-width: min(320px, 42vw);
      margin: 0;
    }

    :is(.qz-helpdesk-module-head__context, .qz-operation-module-head__context, .qz-people-module-head__context, .qz-strategy-module-head__context, .qz-business-module-head__context) > :is(span, code) {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    :is(.qz-helpdesk-module-head__filter, .qz-operation-module-head__filter, .qz-people-module-head__filter) {
      min-width: 140px;
      margin: 0;
    }

    .qz-operation-module-head-card {
      flex-shrink: 0;
    }

    .qz-people-module-head-card {
      flex-shrink: 0;
    }

    .qz-strategy-module-head-card {
      flex-shrink: 0;
    }

    #app-content .qz-shared-module-head.qz-business-module-head {
      min-width: 0;
      flex-shrink: 0;
    }

    #app-content .qz-business-module-head__identity {
      min-width: 0;
      flex: 1;
    }

    #app-content .qz-business-module-head__title {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 12px;
      overflow-wrap: anywhere;
    }

    #app-content .qz-business-module-head__title > i {
      width: 46px;
      height: 46px;
      border-radius: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      color: var(--qz-head-accent);
      background: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .10);
      border: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .16);
      font-size: 1.25rem;
    }

    #app-content .qz-business-module-head__subtitle {
      margin-top: 4px;
      overflow-wrap: anywhere;
    }

    #app-content .qz-business-module-head__actions {
      min-width: 0;
    }

    #app-content .qz-business-module-head__actions .qz-context-help .qz-btn-help {
      padding: 0;
    }

    html[data-qz-theme="dark"] #app-content .qz-business-module-head__title > i {
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .16);
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .30);
      box-shadow: 0 0 10px rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .10);
    }

    .qz-operation-module-head-card--steps {
      flex-wrap: wrap;
    }

    .qz-operation-module-head__steps {
      flex: 1 0 100%;
      width: 100%;
      margin-top: 0;
      padding-top: 12px;
      border-top: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .14);
    }

    .qz-operation-module-head__sync {
      width: fit-content;
      margin-top: 5px;
      margin-left: 0;
    }

    @media (max-width: 760px) {
      body #app-content :is(.qz-helpdesk-module-head, .qz-operation-module-head, .qz-people-module-head, .qz-strategy-module-head) {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
      }

      body #app-content :is(.qz-helpdesk-module-head__identity, .qz-operation-module-head__identity, .qz-people-module-head__identity, .qz-strategy-module-head__identity) {
        width: 100%;
        align-items: flex-start;
        white-space: normal;
      }

      body #app-content :is(.qz-helpdesk-module-head__icon, .qz-operation-module-head__icon, .qz-people-module-head__icon, .qz-strategy-module-head__icon) {
        width: 42px;
        height: 42px;
        border-radius: 12px;
      }

      body #app-content :is(.qz-helpdesk-module-head__title, .qz-operation-module-head__title, .qz-people-module-head__title, .qz-strategy-module-head__title) {
        max-width: 100%;
        font-size: 1.05rem;
        line-height: 1.25;
        white-space: normal;
      }

      body #app-content :is(.qz-helpdesk-module-head__subtitle, .qz-operation-module-head__subtitle, .qz-people-module-head__subtitle, .qz-strategy-module-head__subtitle) {
        display: block;
        margin-top: 4px;
        font-size: .78rem;
        line-height: 1.4;
      }

      body #app-content :is(.qz-helpdesk-module-head__actions, .qz-operation-module-head__actions, .qz-people-module-head__actions, .qz-strategy-module-head__actions) {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        align-items: center;
        justify-content: stretch;
        gap: 10px;
        width: 100%;
        padding-top: 12px;
        overflow: visible;
        flex-wrap: initial;
      }

      body #app-content :is(.qz-helpdesk-module-head__context, .qz-operation-module-head__context, .qz-people-module-head__context, .qz-strategy-module-head__context) {
        width: 100%;
        max-width: none;
      }

      body #app-content :is(.qz-helpdesk-module-head__actions, .qz-operation-module-head__actions, .qz-people-module-head__actions, .qz-strategy-module-head__actions) .op-btn-ico {
        width: 38px;
        height: 38px;
      }

      body #app-content :is(.qz-helpdesk-module-head__actions, .qz-operation-module-head__actions, .qz-people-module-head__actions, .qz-strategy-module-head__actions, .qz-business-module-head__actions) .qz-context-help {
        width: 36px;
        margin: 0;
      }

      body #app-content :is(.qz-helpdesk-module-head__actions, .qz-operation-module-head__actions, .qz-people-module-head__actions, .qz-strategy-module-head__actions, .qz-business-module-head__actions) .qz-context-help .qz-btn-help {
        width: 100%;
        padding: 0;
      }

      body #app-content .qz-helpdesk-module-head__actions--filters .qz-helpdesk-module-head__context {
        grid-column: 1 / -1;
      }

      body #app-content :is(.qz-helpdesk-module-head__filter, .qz-operation-module-head__filter, .qz-people-module-head__filter),
      body #app-content :is(.qz-helpdesk-module-head__filter, .qz-operation-module-head__filter, .qz-people-module-head__filter) .form-select {
        width: 100%;
        min-width: 0;
      }

      body #app-content .qz-operation-module-head__actions--tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) auto auto;
      }

      body #app-content .qz-operation-module-head__actions--tabs .op-tab-btn {
        min-width: 0;
        min-height: 40px;
        justify-content: center;
      }

      body #app-content .qz-operation-module-head__actions--meta {
        grid-template-columns: minmax(0, 1fr) auto;
      }

      body #app-content .qz-operation-module-head__actions--meta .status-chip {
        grid-column: 1 / -1;
        width: 100%;
      }

      body #app-content .qz-operation-module-head__actions--meta .uid-pill {
        width: 100%;
        min-width: 0;
      }

      body #app-content .qz-operation-module-head__actions--compact {
        grid-template-columns: minmax(0, 1fr) auto;
      }

      body #app-content .qz-strategy-module-head__actions--compact {
        grid-template-columns: minmax(0, 1fr) auto;
      }

      body #app-content .qz-people-module-head__actions--compact {
        grid-template-columns: minmax(0, 1fr) auto;
      }

      body #app-content .qz-people-module-head__actions--primary {
        grid-template-columns: minmax(0, 1fr) auto auto;
      }

      body #app-content .qz-people-module-head__actions--primary .qz-people-module-head__context {
        grid-column: 1 / -1;
      }

      body #app-content .qz-people-module-head__primary {
        min-width: 0;
        min-height: 40px;
        justify-content: center;
        white-space: nowrap;
      }

      body #app-content .qz-shared-module-head.qz-business-module-head {
        align-items: stretch;
      }

      body #app-content .qz-business-module-head__identity {
        width: 100%;
      }

      body #app-content .qz-business-module-head__title {
        width: 100%;
        align-items: flex-start;
        font-size: 1.05rem;
        line-height: 1.25;
        white-space: normal;
      }

      body #app-content .qz-business-module-head__title > i {
        width: 42px;
        height: 42px;
        border-radius: 12px;
      }

      body #app-content .qz-business-module-head__subtitle {
        display: block;
        margin-top: 5px;
        font-size: .78rem;
        line-height: 1.4;
      }

      body #app-content .qz-business-module-head__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        align-items: center;
        justify-content: stretch;
        gap: 10px;
        width: 100%;
        padding-top: 12px;
        border-top: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .14);
        overflow: visible;
        flex-wrap: initial;
      }

      body #app-content .qz-business-module-head__actions--compact {
        grid-template-columns: minmax(0, 1fr) auto;
      }

      body #app-content .qz-business-module-head__actions--primary .qz-business-module-head__context,
      body #app-content .qz-business-module-head__actions--multi .qz-business-module-head__context {
        grid-column: 1 / -1;
      }

      body #app-content .qz-business-module-head__actions--multi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      body #app-content .qz-business-module-head__actions--primary > .btn,
      body #app-content .qz-business-module-head__actions--multi > .btn {
        min-width: 0;
        min-height: 40px;
        width: 100%;
        justify-content: center;
        white-space: normal;
      }

      body #app-content .qz-business-module-head__actions--multi .qz-context-help {
        width: 100%;
      }

      html[data-qz-theme="dark"] body #app-content .qz-business-module-head__actions {
        border-top-color: rgba(255, 255, 255, .08);
      }

      body #app-content .qz-operation-module-head__steps {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      body #app-content .qz-operation-module-head__steps > * {
        min-width: 0;
        justify-content: center;
        text-align: center;
      }
    }

    @media (max-width: 420px) {
      body #app-content .qz-operation-module-head__actions--tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      body #app-content .qz-operation-module-head__actions--tabs :is(.op-btn-ico, .qz-context-help) {
        width: 100%;
      }
    }

    /* Qzzar global design-system hardening.
       Keeps all modules aligned to the canonical card/table/form primitives. */
    #app-content :is(.card-padrao, .qz-card, .card, .modal-content, .offcanvas, .toast, .dropdown-menu) {
      background-color: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.qz-surface, .card-box, .toolbar, .drawer-card, .drawer-panel, .side-panel, .table-wrapper, .tabela-container, .modal-card, .cfg-panel, .filter-box, .filter-panel, .summary-box, .quick-card, .empty-state, .empty-card) {
      background-color: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.qz-card-hd, .qz-card-bd, .card-header, .card-footer, .modal-header, .modal-footer, .offcanvas-header, .offcanvas-body, .drawer-hdr, .drawer-ftr) {
      background-color: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.action-bar, .api-action-bar, .qz-fixed-action-bar, .module-action-bar, .bottom-action-bar) {
      background: var(--qz-bg-surface) !important;
      background: color-mix(in srgb, var(--qz-bg-surface) 92%, transparent) !important;
      color: var(--text-main) !important;
      border-top: 1px solid var(--cor-borda) !important;
      box-shadow: 0 -10px 28px rgba(15, 23, 42, .08) !important;
      backdrop-filter: blur(14px);
    }

    #app-content :is(.bg-white, .bg-light, .table-light, .list-group-item, .alert-light) {
      background-color: var(--qz-bg-surface-2) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.text-dark, [class*="text-slate"], [class*="text-gray"]) {
      color: var(--text-main) !important;
    }

    #app-content :is(.text-muted, .text-secondary) {
      color: var(--text-muted) !important;
    }

    #app-content :is(.input-padrao, .select-padrao, .textarea-padrao, .form-control, .form-select, .qz-input, .qz-select, .view-input, .op-input-icon, .input-group-text, .input-wrap, .field-wrap) {
      background-color: var(--qz-bg-surface-2) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(input, select, textarea)::placeholder {
      color: var(--text-muted) !important;
      opacity: .82;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) {
      background-color: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) :is(th, td) {
      border-color: var(--cor-borda) !important;
      color: var(--text-main);
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) thead :is(th, td) {
      background-color: var(--qz-bg-surface-2) !important;
      color: var(--text-muted) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) tbody tr {
      background-color: var(--qz-table-row) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) tbody tr:nth-child(even) {
      background-color: var(--qz-table-row-even) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) tbody tr:hover {
      background-color: var(--qz-table-row-hover) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) tbody tr > td {
      background-color: inherit !important;
    }

    @media (max-width: 768px) {
      #app-content .qz-mobile-stack-wrap {
        overflow: visible !important;
        min-width: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
      }

      #app-content table[data-qz-mobile-stack="true"] {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        background: transparent !important;
      }

      #app-content table[data-qz-mobile-stack="true"] colgroup {
        display: none !important;
      }

      #app-content table[data-qz-mobile-stack="true"] thead {
        display: none !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr {
        display: block !important;
        width: 100%;
        padding: 14px;
        border: 1px solid var(--cor-borda) !important;
        border-radius: 14px;
        background: var(--qz-bg-surface) !important;
        box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
        overflow: hidden;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr:nth-child(even),
      #app-content table[data-qz-mobile-stack="true"] tbody tr:hover {
        background: var(--qz-bg-surface) !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th) {
        display: grid !important;
        grid-template-columns: minmax(96px, 36%) minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        width: 100%;
        max-width: none !important;
        white-space: normal !important;
        text-overflow: initial !important;
        overflow: visible !important;
        height: auto !important;
        padding: 8px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(148, 163, 184, .16) !important;
        background: transparent !important;
        text-align: left !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th):last-child {
        border-bottom: 0 !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th)::before {
        content: attr(data-label);
        display: block;
        color: var(--text-muted);
        font-size: .72rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--title {
        display: block !important;
        padding-top: 0 !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--title::before {
        display: none;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--title {
        font-size: 1rem;
        font-weight: 800;
        color: var(--text-main);
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--subtitle {
        color: var(--qz-text-soft);
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--actions {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        padding-bottom: 0 !important;
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        box-shadow: none !important;
        border-left: 0 !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--actions::before {
        content: attr(data-label);
        margin-right: auto;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--hidden {
        display: none !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr.qz-mobile-row--empty {
        padding: 0;
        width: 100% !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr.qz-mobile-row--empty > :is(td, th) {
        display: block !important;
        text-align: center !important;
        padding: 24px 16px !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        border-bottom: 0 !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr.qz-mobile-row--empty > :is(td, th)::before {
        display: none !important;
      }
    }

    #app-content :is(.badge.bg-light, .cat-tag, code.bg-light, .tag, .chip, .pill, .meta-pill) {
      background-color: var(--qz-bg-surface-3) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.btn-edit, .act-btn.edit) {
      background: var(--qz-status-warning-bg) !important;
      color: var(--qz-status-warning-text) !important;
      border-color: rgba(245, 158, 11, .34) !important;
    }

    #app-content :is(.qz-btn-help, .qz-context-help .qz-btn-help) {
      background: var(--qz-bg-surface) !important;
      color: var(--cor-primaria) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .22) !important;
    }

    #app-content :is(.qz-btn-help, .qz-context-help .qz-btn-help):hover {
      background: var(--cor-primaria) !important;
      color: #fff !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-btn-help, .qz-context-help .qz-btn-help) {
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .12) !important;
      color: var(--qz-profile-primary, var(--cor-primaria)) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .22) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-btn-help, .qz-context-help .qz-btn-help):hover {
      background: var(--qz-profile-primary, var(--cor-primaria)) !important;
      color: var(--qz-profile-on-primary, #0d1f35) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.card-padrao, .qz-card, .card, .modal-content, .offcanvas, .toast, .dropdown-menu, .qz-surface, .card-box, .toolbar, .drawer-card, .drawer-panel, .side-panel, .table-wrapper, .tabela-container, .modal-card, .cfg-panel, .filter-box, .filter-panel, .summary-box, .quick-card, .empty-state, .empty-card) {
      background: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .24) !important;
      box-shadow: 0 18px 42px rgba(0, 0, 0, .24) !important;
    }

    html[data-qz-theme="dark"] #app-content .qz-shared-module-head.qz-shared-module-head--profile {
      background:
        linear-gradient(135deg, rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .16), rgba(2, 11, 24, .18) 48%),
        var(--qz-bg-surface) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .28) !important;
      border-top-color: var(--qz-head-accent) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-card-hd, .qz-card-bd, .card-header, .card-footer, .modal-header, .modal-footer, .offcanvas-header, .offcanvas-body, .drawer-hdr, .drawer-ftr, .bg-white, .bg-light, .table-light, .list-group-item, .alert-light) {
      background: var(--qz-bg-surface-2) !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .22) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.action-bar, .api-action-bar, .qz-fixed-action-bar, .module-action-bar, .bottom-action-bar) {
      background: var(--qz-bg-surface-2) !important;
      background: color-mix(in srgb, var(--qz-bg-surface-2) 88%, transparent) !important;
      border-top-color: rgba(125, 164, 210, .22) !important;
      box-shadow: 0 -18px 38px rgba(0, 0, 0, .34) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.modal, .offcanvas, .qz-drawer, .drawer, [class*="-drawer"], [id*="-drawer"]) .btn-close,
    html[data-qz-theme="dark"] .offcanvas .btn-close,
    html[data-qz-theme="dark"] .modal .btn-close {
      filter: invert(1) grayscale(1) brightness(1.8) !important;
      opacity: .92 !important;
      border-radius: 999px;
      background-color: rgba(255, 255, 255, .04);
      box-shadow: 0 0 0 1px rgba(125, 164, 210, .18);
    }

    html[data-qz-theme="dark"] #app-content :is(.modal, .offcanvas, .qz-drawer, .drawer, [class*="-drawer"], [id*="-drawer"]) .btn-close:hover,
    html[data-qz-theme="dark"] .offcanvas .btn-close:hover,
    html[data-qz-theme="dark"] .modal .btn-close:hover {
      filter: invert(1) grayscale(0) brightness(2) !important;
      opacity: 1 !important;
      background-color: rgba(255, 255, 255, .09);
      box-shadow: 0 0 0 1px rgba(125, 164, 210, .28);
    }

    html[data-qz-theme="dark"] #app-content :is(.input-padrao, .select-padrao, .form-control, .form-select, .qz-input, .qz-select, .view-input, .op-input-icon, .input-group-text, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
      background-color: #07182b !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .30) !important;
      box-shadow: none !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.input-padrao, .select-padrao, .form-control, .form-select, .qz-input, .qz-select, input, select, textarea):focus {
      border-color: rgba(18, 185, 243, .58) !important;
      box-shadow: 0 0 0 4px rgba(18, 185, 243, .12) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.btn.border, .btn-outline-secondary, .btn-outline-dark, .btn-soft, .btn-ico, .btn-icon, .view-tab-btn, .op-btn-ico, .op-tab-btn, .btn-page) {
      background: rgba(255, 255, 255, .035) !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .28) !important;
      box-shadow: none !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.btn.border, .btn-outline-secondary, .btn-outline-dark, .btn-soft, .btn-ico, .btn-icon, .view-tab-btn, .op-btn-ico, .op-tab-btn, .btn-page):hover {
      background: rgba(18, 185, 243, .12) !important;
      border-color: rgba(18, 185, 243, .42) !important;
      color: #eaf8ff !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.op-tab-btn.active, .view-tab-btn.active, .btn-page.active) {
      background: linear-gradient(135deg, rgba(18, 185, 243, .20), rgba(18, 185, 243, .08)) !important;
      border-color: rgba(18, 185, 243, .46) !important;
      color: #eaf8ff !important;
      box-shadow: 0 10px 22px rgba(0, 0, 0, .18) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(
      [style*="background:#fff"],
      [style*="background: #fff"],
      [style*="background-color:#fff"],
      [style*="background-color: #fff"],
      [style*="background:#f8"],
      [style*="background: #f8"],
      [style*="background-color:#f8"],
      [style*="background-color: #f8"],
      [style*="background:#f9"],
      [style*="background: #f9"],
      [style*="background-color:#f9"],
      [style*="background-color: #f9"],
      [style*="background:#ff"],
      [style*="background: #ff"],
      [style*="background-color:#ff"],
      [style*="background-color: #ff"]
    ) {
      background: var(--qz-bg-surface-2) !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .24) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(
      [style*="color:#111"],
      [style*="color: #111"],
      [style*="color:#000"],
      [style*="color: #000"],
      [style*="color:#1e293b"],
      [style*="color: #1e293b"],
      [style*="color:#0f172a"],
      [style*="color: #0f172a"]
    ) {
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-global-toast.ok, .view-toast.ok) {
      background: #05251c !important;
      border-color: rgba(74, 222, 128, .34) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-global-toast.warn, .view-toast.warn) {
      background: #2a1f05 !important;
      border-color: rgba(251, 191, 36, .34) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-global-toast.err, .view-toast.err) {
      background: #2a0c12 !important;
      border-color: rgba(248, 113, 113, .34) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-global-toast.info, .view-toast.info) {
      background: #071f3b !important;
      border-color: rgba(96, 165, 250, .34) !important;
    }