/* =====================================================================
   Tema TakeonLogic para o painel rustdesk-api (Element Plus)
   Identidade de www.takeonlogic.com: azul-marinho #002060, azul médio
   #0070B0, ciano #00B0D8. Poppins (títulos), Roboto (texto).
   Carregado depois do CSS original; só sobrescreve aparência.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap');

/* ---------- Tokens: tema claro ---------- */
:root {
  --tol-ink: #002060;                /* azul-marinho — marca/âncora */
  --tol-accent: #00B0D8;             /* ciano — destaque vivo */
  --tol-accent-text: #006B82;        /* ciano escurecido, legível em fundo claro */
  --tol-secondary: #0070B0;          /* azul médio — ação padrão */
  --tol-bg: #F4F7FA;
  --tol-surface: #FFFFFF;
  --tol-surface-2: #F7F9FB;
  --tol-border: #E3E9EF;
  --tol-border-strong: #CBD5DF;
  --tol-text: #1A2733;
  --tol-text-2: #495666;
  --tol-text-3: #8995A3;
  --tol-accent-soft: #E3F6FA;
  --tol-on-primary: #FFFFFF;
  --tol-side-bg: #FFFFFF;
  --tol-side-text: #2B3A4D;
  --tol-side-mute: #8995A3;
  --tol-side-hover: #EEF2F6;
  --tol-shadow-sm: 0 1px 2px rgba(0, 32, 96, .05);
  --tol-shadow-md: 0 4px 16px -4px rgba(0, 32, 96, .14), 0 2px 4px -2px rgba(0, 32, 96, .07);
  --tol-radius: 10px;
  --tol-radius-lg: 14px;
  --tol-font-title: "Poppins", "Segoe UI", system-ui, sans-serif;
  --tol-font-btn: "Poppins", "Segoe UI", system-ui, sans-serif;

  --el-font-family: "Roboto", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --el-color-primary: var(--tol-ink);
  --el-color-primary-light-3: #4D6390;
  --el-color-primary-light-5: #8090B0;
  --el-color-primary-light-7: #B3BCCF;
  --el-color-primary-light-8: #CCD2DF;
  --el-color-primary-light-9: #E6E9EF;
  --el-color-primary-dark-2: #001A4D;
  --el-border-radius-base: 8px;
  --el-border-radius-small: 6px;
  --el-border-radius-round: 999px;
  --el-bg-color-page: var(--tol-bg);
  --el-text-color-primary: var(--tol-text);
  --el-text-color-regular: var(--tol-text-2);
  --el-border-color: var(--tol-border-strong);
  --el-border-color-light: var(--tol-border);
  --el-border-color-lighter: #EEF2F6;
  --el-fill-color-light: var(--tol-surface-2);
  --el-fill-color-lighter: #FAFBFC;
  --el-box-shadow-light: var(--tol-shadow-md);
  --tag-bg-color: #EEF2F6;
}

/* ---------- Tokens: tema escuro (se algum dia houver toggle) ---------- */
html.dark {
  --tol-bg: #0B1320;
  --tol-surface: #121B2B;
  --tol-surface-2: #16202F;
  --tol-border: #223049;
  --tol-border-strong: #324361;
  --tol-text: #EAF1F8;
  --tol-text-2: #B7C4D4;
  --tol-text-3: #7E8EA3;
  --tol-accent-text: #00B0D8;
  --tol-accent-soft: #0C2733;
  --tol-on-primary: #002060;
  --tol-side-bg: #050B18;
  --tol-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);
  --tol-shadow-md: 0 8px 24px -6px rgba(0, 0, 0, .7);

  --el-color-primary: var(--tol-accent);
  --el-color-primary-light-3: #0091B3;
  --el-color-primary-light-5: #00697F;
  --el-color-primary-light-7: #00404C;
  --el-color-primary-light-8: #052E37;
  --el-color-primary-light-9: #0C2733;
  --el-color-primary-dark-2: #4DD2EB;
  --el-bg-color: var(--tol-surface);
  --el-bg-color-overlay: #16202F;
  --el-bg-color-page: var(--tol-bg);
  --el-fill-color-blank: var(--tol-surface);
  --el-fill-color-light: #19253699;
  --el-fill-color-lighter: #141D2B;
  --el-border-color: var(--tol-border-strong);
  --el-border-color-light: var(--tol-border);
  --el-border-color-lighter: #1C2A3D;
  --el-text-color-primary: var(--tol-text);
  --el-text-color-regular: var(--tol-text-2);
  --tag-bg-color: #16202F;
}

/* ---------- Base ---------- */
html, body { background: var(--tol-bg); }
body {
  font-family: var(--el-font-family);
  font-weight: 400;
  color: var(--tol-text);
  -webkit-font-smoothing: antialiased;
}
::selection { background: var(--tol-accent); color: #fff; }
* { scrollbar-width: thin; scrollbar-color: var(--tol-border-strong) transparent; }
:focus-visible { outline-color: var(--tol-accent); }

/* ---------- Barra lateral (branca, como o site www.takeonlogic.com) ---------- */
.app-left {
  background: var(--tol-side-bg) !important;
  border-right: 1px solid var(--tol-border);
}
.app-left .scroll-sidebar { background: transparent !important; }
.app-left .el-menu,
.el-menu--popup {
  --el-menu-bg-color: transparent !important;
  --el-menu-hover-bg-color: var(--tol-side-hover) !important;
  --el-menu-text-color: var(--tol-side-text) !important;
  --el-menu-active-color: var(--tol-ink) !important;
  --el-menu-hover-text-color: var(--tol-ink) !important;
  background: transparent !important;
  border-right: 0 !important;
}
.el-menu--popup { background: #fff !important; padding: 6px !important; border-radius: 10px; box-shadow: var(--tol-shadow-md); }
.el-menu--popup .el-menu-item { border-radius: 6px; color: var(--tol-side-text) !important; }
.el-menu--popup .el-menu-item:hover { color: var(--tol-ink) !important; background: var(--tol-side-hover) !important; }
.el-menu--popup .el-menu-item.is-active { background: var(--tol-accent-soft) !important; color: var(--tol-accent-text) !important; }
.app-left .el-menu.menus {
  --el-menu-item-height: 40px;
  --el-menu-sub-item-height: 38px;
  --el-menu-base-level-padding: 16px;
  --el-menu-level-padding: 14px;
  border-right: 0 !important;
  padding: 92px 10px 16px;
  background: transparent !important;
  position: relative;
}
/* marca TakeonLogic no topo da barra lateral */
.app-left .el-menu.menus::before {
  content: "";
  position: absolute; top: 20px; left: 20px; right: 20px;
  height: 46px;
  background: url("./static/brand/sidebar-logo.png") left center / contain no-repeat;
}
.app-left .el-menu--collapse.menus { padding: 76px 6px 16px; }
.app-left .el-menu--collapse.menus::before {
  left: 8px; right: 8px;
  background-position: center;
}
.app-left .el-menu-item,
.app-left .el-sub-menu__title {
  border-radius: 8px;
  margin: 2px 0;
  font-size: 14.5px;
  font-weight: 400;
  color: var(--tol-side-text) !important;
  transition: background-color .15s, color .15s;
  position: relative;
}
.app-left .el-sub-menu__title {
  color: var(--tol-side-mute) !important;
  font: 600 11.5px/1 var(--tol-font-title) !important;
  text-transform: uppercase; letter-spacing: .14em;
}
.app-left .el-sub-menu__title .el-icon { color: var(--tol-side-mute); }
.app-left .el-sub-menu__title:hover { background: transparent !important; color: var(--tol-text-2) !important; }
.app-left .el-menu--collapse .el-sub-menu__title { color: var(--tol-side-text) !important; }
.app-left .el-menu-item:hover { color: var(--tol-ink) !important; background: var(--tol-side-hover) !important; }
.app-left .el-menu-item.is-active {
  background: var(--tol-accent-soft) !important;
  color: var(--tol-accent-text) !important;
  font-weight: 600;
}
.app-left .el-menu-item.is-active::before {
  content: ""; position: absolute; left: 0; top: 10px; bottom: 10px;
  width: 3px; border-radius: 0 3px 3px 0; background: var(--tol-accent);
}
.app-left .el-menu-item .el-icon,
.app-left .el-sub-menu__title .el-icon { font-size: 17px; }
.app-left .el-sub-menu .el-menu { background: transparent !important; }

/* ---------- Cabeçalho ---------- */
.app-header {
  background: var(--tol-surface) !important;
  color: var(--tol-text) !important;
  border-bottom: 1px solid var(--tol-border);
  height: 56px !important;
  align-items: center;
  padding: 0 20px !important;
  position: sticky; top: 0; z-index: 20;
}
.app-header .ex-icon {
  width: 34px; height: 34px !important; border-radius: 8px;
  justify-content: center; color: var(--tol-text-2); font-size: 18px !important;
  transition: background-color .15s;
}
.app-header .ex-icon:hover { background: var(--tol-surface-2); color: var(--tol-text); }
.app-header .header-logo { display: none !important; } /* marca já está na barra lateral */
.app-header .setting .title { color: var(--tol-text) !important; cursor: pointer; }
.app-header .setting .menu-item {
  margin-left: 6px !important;
  height: 36px; padding: 0 8px; border-radius: 8px;
  display: flex; align-items: center;
  transition: background-color .15s;
}
.app-header .setting .el-dropdown.menu-item:hover { background: var(--tol-surface-2); }
.app-header .setting .nickname {
  font-weight: 500; font-size: 14.5px;
  color: var(--tol-text) !important;
  display: inline-flex; align-items: center; gap: 8px;
}
.app-header .setting .nickname i,
.app-header .setting .nickname .el-icon,
.app-header .setting .title,
.app-header .setting .title i.el-icon {
  color: var(--tol-text-2) !important;
}
.app-header .setting .nickname::before {
  content: ""; width: 28px; height: 28px; border-radius: 50%;
  background: var(--tol-accent-soft);
  box-shadow: inset 0 0 0 2px rgba(0,32,96,.10);
}
.app-header .setting .title i.el-icon { font-size: 20px !important; color: var(--tol-text-2); }

/* ---------- Abas abertas ---------- */
.header-tags {
  background: var(--tol-surface);
  border-bottom: 1px solid var(--tol-border) !important;
  padding: 8px 20px !important;
  gap: 6px; flex-wrap: wrap;
}
.header-tags .el-tag {
  border-radius: 999px !important;
  height: 28px; padding: 0 12px;
  font-weight: 400; font-size: 13px;
  border: 1px solid var(--tol-border) !important;
  background: var(--tol-surface) !important;
  color: var(--tol-text-2) !important;
  margin: 0 !important;
}
.header-tags .el-tag:hover { background: var(--tol-surface-2) !important; color: var(--tol-text) !important; }
.header-tags .el-tag--dark {
  background: var(--tol-ink) !important;
  border-color: var(--tol-ink) !important;
  color: #fff !important;
}
.header-tags .el-tag .el-tag__close { color: inherit !important; }
.header-tags .el-tag .el-tag__close:hover { background: rgba(127,127,127,.3) !important; }

/* ---------- Conteúdo ---------- */
.app-main { background: var(--tol-bg); padding: 24px !important; }
.el-card {
  border-radius: var(--tol-radius-lg) !important;
  border: 1px solid var(--tol-border) !important;
  box-shadow: var(--tol-shadow-sm) !important;
  background: var(--tol-surface);
  color: var(--tol-text);
}
.el-card__header {
  border-bottom: 1px solid var(--tol-border) !important; padding: 14px 20px !important;
  font: 600 14px/1.3 var(--tol-font-title); color: var(--tol-ink);
  text-transform: uppercase; letter-spacing: .06em;
}
.el-card__body { padding: 20px !important; }
.list-query .el-card__body { padding: 18px 20px 2px !important; }
.list-body { margin: 16px 0 !important; }
.list-query .el-form-item { margin-bottom: 16px; margin-right: 20px; }
.list-query .el-form-item__label { width: auto !important; white-space: nowrap; padding-right: 10px; }
.list-query .el-form-item:last-child .el-form-item__content { gap: 8px 0; flex-wrap: wrap; }
.el-form-item__label { color: var(--tol-text-2) !important; font-weight: 400; }

/* ---------- Campos ---------- */
.el-input__wrapper,
.el-select__wrapper,
.el-textarea__inner {
  box-shadow: 0 0 0 1px var(--tol-border-strong) inset !important;
  background: var(--tol-surface) !important;
  transition: box-shadow .15s;
}
.el-input__wrapper:hover,
.el-select__wrapper:hover,
.el-textarea__inner:hover { box-shadow: 0 0 0 1px var(--tol-text-3) inset !important; }
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.el-textarea__inner:focus {
  box-shadow: 0 0 0 1px var(--tol-ink) inset, 0 0 0 3px rgba(0, 176, 216, .35) !important;
}
.el-input__wrapper, .el-select__wrapper { min-height: 34px; }

/* ---------- Botões ---------- */
.el-button {
  font-family: var(--tol-font-btn); font-weight: 600; font-size: 13px;
  border-radius: 999px; padding: 8px 18px;
}
.el-button.is-circle { padding: 8px; }
.el-button--primary:not(.is-plain):not(.is-link):not(.is-text) { color: var(--tol-on-primary) !important; }
.el-button--primary:not(.is-plain):not(.is-link):not(.is-text):hover {
  background: var(--tol-accent) !important; border-color: var(--tol-accent) !important; color: #fff !important;
}
/* ações nas tabelas e barras: tons suaves no lugar de blocos coloridos */
.el-table .el-button:is(.el-button--primary,.el-button--success,.el-button--danger,.el-button--warning,.el-button--info):not(.is-link):not(.is-text),
.list-query .el-button--success,
.list-query .el-button--danger,
.list-query .el-button--warning,
.list-body .el-button--success,
.list-body .el-button--danger,
.list-body .el-button--warning,
.list-body .el-button--info {
  --b: var(--el-button-bg-color);
  background: color-mix(in srgb, var(--b) 10%, var(--tol-surface)) !important;
  border-color: color-mix(in srgb, var(--b) 28%, var(--tol-surface)) !important;
  color: color-mix(in srgb, var(--b) 85%, var(--tol-text)) !important;
  box-shadow: none !important;
}
.el-table .el-button:is(.el-button--primary,.el-button--success,.el-button--danger,.el-button--warning,.el-button--info):not(.is-link):not(.is-text):hover,
.list-query .el-button--success:hover,
.list-query .el-button--danger:hover,
.list-query .el-button--warning:hover,
.list-body .el-button--success:hover,
.list-body .el-button--danger:hover,
.list-body .el-button--warning:hover,
.list-body .el-button--info:hover {
  background: color-mix(in srgb, var(--b) 18%, var(--tol-surface)) !important;
  color: color-mix(in srgb, var(--b) 85%, var(--tol-text)) !important;
  border-color: color-mix(in srgb, var(--b) 28%, var(--tol-surface)) !important;
}
.el-table .el-button { height: 28px; padding: 0 12px; font-size: 12px; }
.table-actions .el-button { margin: 3px 4px 3px 0 !important; }

/* "Adicionar" como ação principal */
.list-query .el-button.cb-add {
  --b: var(--el-color-primary) !important;
  background: var(--el-color-primary) !important;
  border-color: var(--el-color-primary) !important;
  color: var(--tol-on-primary) !important;
}
.list-query .el-button.cb-add:hover { background: var(--tol-accent) !important; border-color: var(--tol-accent) !important; }
.list-query .el-button.cb-add::before { content: "+"; font-weight: 700; margin-right: 6px; font-size: 15px; line-height: 1; }

/* ---------- Tabelas ---------- */
.el-table {
  --el-table-border-color: var(--tol-border);
  --el-table-header-bg-color: var(--tol-surface-2);
  --el-table-header-text-color: var(--tol-text-2);
  --el-table-row-hover-bg-color: var(--tol-accent-soft);
  --el-table-tr-bg-color: var(--tol-surface);
  --el-table-bg-color: var(--tol-surface);
  --el-table-text-color: var(--tol-text);
  border-radius: var(--tol-radius);
  font-size: 14px;
}
.el-table.is-scrolling-none th.el-table__cell,
.el-table th.el-table__cell {
  background: var(--tol-surface-2) !important;
  font: 700 12px/1.3 var(--tol-font-title); color: var(--tol-ink);
  text-transform: uppercase; letter-spacing: .06em;
}
.el-table .el-table__cell { padding: 9px 0; }
.el-table th.el-table__cell .cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.el-table td.el-table__cell .cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.el-table td.el-table__cell .cell.el-tooltip { cursor: default; }
.el-table--border .el-table__inner-wrapper::after,
.el-table--border::after, .el-table--border::before,
.el-table__inner-wrapper::before { background-color: var(--tol-border) !important; }
.el-table--border { border-radius: var(--tol-radius); overflow: hidden; }
.el-table__empty-text { color: var(--tol-text-3); }
.el-table__inner-wrapper { overflow-x: auto; }
.el-table__body-wrapper { overflow-x: auto !important; }
.el-table__header-wrapper, .el-table__body-wrapper table { min-width: max-content; }
.el-table .el-scrollbar__bar.is-horizontal { opacity: 1 !important; height: 8px; }
.el-table td.table-actions .cell {
  white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding: 0 10px;
}
.el-table td.table-actions .cell .el-button { margin: 0 !important; }
.el-table .el-table-fixed-column--right.is-first-column::before {
  box-shadow: inset -10px 0 10px -10px rgba(0, 32, 96, .18) !important;
}

/* ---------- Paginação ---------- */
.el-pagination { margin-top: 16px; justify-content: flex-end; font-weight: 500; }
.el-pagination.is-background .el-pager li,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next {
  border-radius: 999px; background: var(--tol-surface) !important;
  border: 1px solid var(--tol-border); color: var(--tol-text-2);
}
.el-pagination.is-background .el-pager li.is-active {
  background: var(--el-color-primary) !important; border-color: var(--el-color-primary); color: var(--tol-on-primary);
}

/* ---------- Etiquetas, diálogos, menus ---------- */
.el-tag { border-radius: 6px; font-weight: 500; }
.el-dialog {
  border-radius: 16px !important; padding: 0 !important; overflow: hidden;
  box-shadow: 0 24px 64px -12px rgba(0, 32, 96, .35) !important;
}
.el-dialog__header { padding: 18px 24px !important; border-bottom: 1px solid var(--tol-border); margin: 0 !important; }
.el-dialog__title { font: 600 16px/1.3 var(--tol-font-title); text-transform: uppercase; letter-spacing: .04em; color: var(--tol-ink); }
.el-dialog__body { padding: 20px 24px !important; }
.el-dialog__footer { padding: 14px 24px !important; border-top: 1px solid var(--tol-border); background: var(--tol-surface-2); }
.el-dialog__headerbtn { top: 6px !important; right: 6px !important; }
.el-message-box { border-radius: 14px !important; padding: 20px !important; }
.el-message { border-radius: 10px !important; box-shadow: var(--tol-shadow-md) !important; }
.el-dropdown-menu { padding: 6px !important; }
.el-dropdown-menu__item { border-radius: 6px; padding: 8px 12px !important; }
.el-dropdown-menu__item:not(.is-disabled):hover { background: var(--tol-surface-2) !important; color: var(--tol-text) !important; }
.el-popper { border-radius: 10px !important; }
.el-switch { --el-switch-on-color: var(--el-color-primary); }
.el-link.el-link--primary { --el-link-text-color: var(--tol-accent-text); }

/* ---------- Página "Meu perfil" — bloco de boas-vindas (conteúdo vem do admin.hello) ---------- */
.tol-welcome h3 {
  font: 700 26px/1.1 var(--tol-font-title); letter-spacing: -.01em;
  text-transform: uppercase;
  margin: 4px 0 12px; color: var(--tol-ink);
}
.tol-welcome h3 strong {
  color: var(--tol-ink);
  box-shadow: inset 0 -.3em 0 var(--tol-accent);
}
.tol-welcome p {
  font-size: 14.5px; color: var(--tol-text-2); line-height: 1.6; margin: 0;
}
.tol-welcome p b { color: var(--tol-ink); }

/* ---------- Ícone de idioma: globo no lugar do símbolo chinês ---------- */
.app-header .setting .el-dropdown .title > i.el-icon[style*="24px"] svg { display: none; }
.app-header .setting .el-dropdown .title > i.el-icon[style*="24px"]::before {
  content: ""; width: 20px; height: 20px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.app-header .setting .el-dropdown .title > i.el-icon[style*="24px"] { color: var(--tol-text-2); }

/* ---------- Login ---------- */
.login-container {
  background:
    radial-gradient(900px 520px at 85% 110%, rgba(0, 176, 216, .20), transparent 60%),
    radial-gradient(700px 420px at 0% -10%, rgba(255, 255, 255, .07), transparent 60%),
    #001845 !important;
}
.login-card {
  width: 400px !important; max-width: 100%;
  background: var(--tol-surface) !important;
  border: 1px solid var(--tol-border);
  border-radius: 20px !important;
  padding: 40px 36px 28px !important;
  box-shadow: 0 40px 80px -24px rgba(0, 10, 40, .55) !important;
  position: relative;
}
.login-card .login-logo {
  content: url("./static/brand/logo-login.png");
  width: 190px !important; height: auto !important; object-fit: contain;
  border-radius: 0; display: block; margin: 0 auto;
}
.login-card::before {
  content: "Suporte Remoto";
  display: block; position: absolute; left: 0; right: 0; top: 136px;
  text-align: center;
  font: 600 22px/1.1 var(--tol-font-title); letter-spacing: -.01em; color: var(--tol-ink);
}
.login-card::after {
  content: "Painel de Administração";
  display: block; position: absolute; left: 0; right: 0; top: 166px;
  text-align: center;
  font: 600 11px/1 var(--tol-font-title); text-transform: uppercase; letter-spacing: .16em; color: var(--tol-accent-text);
}
.login-card .login-form { margin-top: 96px !important; text-align: left; }
.login-card .el-form-item__label { color: var(--tol-text) !important; font-weight: 500; font-size: 13.5px; }
.login-card .el-input__wrapper { min-height: 44px; border-radius: 10px; }
.login-card .login-button {
  height: 48px !important; font-size: 15px; border-radius: 999px; margin-bottom: 4px !important;
  background: var(--tol-ink) !important; border-color: var(--tol-ink) !important;
}
.login-card .login-button:hover { background: var(--tol-accent) !important; border-color: var(--tol-accent) !important; }
.login-card .divider { color: var(--tol-text-3) !important; }
.login-card .el-form-item .el-input input,
.login-card .el-input__inner {
  color: var(--tol-text) !important;
  -webkit-text-fill-color: var(--tol-text) !important;
  caret-color: var(--tol-text);
}
.login-card .el-input__inner::placeholder { color: var(--tol-text-3) !important; -webkit-text-fill-color: var(--tol-text-3) !important; }
.login-card .el-form-item .el-input .el-input__wrapper { border: 0 !important; }
.login-card input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px var(--tol-surface) inset !important;
}

/* ---------- Barra de progresso de navegação ---------- */
#nprogress .bar { background: var(--tol-accent) !important; height: 3px !important; }

/* ---------- Telas pequenas ---------- */
@media (max-width: 768px) {
  .app-main { padding: 14px !important; }
  .list-query .el-form-item { margin-right: 10px; }
  .login-card { padding: 32px 22px 22px !important; }
}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }