/* VENDRIX_BASE_REPAIR_UI_V1 */

/* ===== SOURCE: assets/css/vendrix-light-experience-v2.css ===== */
/* VENDRIX_LIGHT_EXPERIENCE_V2 */

@media screen {
  html:not(.dark) body#app-body {
    --vx-light-page: #f3f6fa;
    --vx-light-panel: #ffffff;
    --vx-light-panel-soft: #f8fafc;
    --vx-light-border: #dde4ed;
    --vx-light-border-strong: #cfd9e6;
    --vx-light-text: #172033;
    --vx-light-muted: #667085;
    --vx-light-muted-soft: #98a2b3;
    --vx-light-shadow: 0 8px 24px rgba(15, 23, 42, 0.055), 0 1px 2px rgba(15, 23, 42, 0.04);
    --vx-light-shadow-hover: 0 12px 30px rgba(15, 23, 42, 0.08), 0 2px 5px rgba(15, 23, 42, 0.05);
    background:
      radial-gradient(circle at 78% -10%, rgba(245, 158, 11, 0.075), transparent 26rem),
      var(--vx-light-page);
    color: var(--vx-light-text);
  }

  html:not(.dark) body#app-body #main-content {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.36) 0, rgba(255,255,255,0) 190px);
  }

  html:not(.dark) body#app-body .sidebar {
    background: rgba(255, 255, 255, 0.98) !important;
    border-right-color: var(--vx-light-border) !important;
    box-shadow: 8px 0 30px rgba(15, 23, 42, 0.035) !important;
  }

  html:not(.dark) body#app-body header.glass {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(221, 228, 237, 0.9);
    border-width: 0 0 1px 0;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.035);
  }

  html:not(.dark) body#app-body .section-title {
    color: #8893a4 !important;
    letter-spacing: 0.11em;
  }

  html:not(.dark) body#app-body .nav-item {
    color: #344054;
    border-left-width: 3px;
  }

  html:not(.dark) body#app-body .nav-item:hover {
    background: #fff8ea;
    border-left-color: rgba(245, 158, 11, 0.5);
    color: #9a5b00;
  }

  html:not(.dark) body#app-body .nav-item.active {
    background: linear-gradient(90deg, #fff4dd 0%, #fff9ef 100%);
    border-left-color: #f59e0b;
    color: #b66b00;
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.08);
  }

  html:not(.dark) body#app-body .card {
    background: var(--vx-light-panel);
    border-color: var(--vx-light-border);
    box-shadow: var(--vx-light-shadow);
  }

  html:not(.dark) body#app-body .card:hover {
    transform: none;
    border-color: var(--vx-light-border-strong);
    box-shadow: var(--vx-light-shadow-hover);
  }

  html:not(.dark) body#app-body .input-field,
  html:not(.dark) body#app-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  html:not(.dark) body#app-body select,
  html:not(.dark) body#app-body textarea {
    background-color: #ffffff;
    border-color: #d5dee9;
    color: #1d2939;
    box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.018);
  }

  html:not(.dark) body#app-body input::placeholder,
  html:not(.dark) body#app-body textarea::placeholder {
    color: #98a2b3;
  }

  html:not(.dark) body#app-body .input-field:hover,
  html:not(.dark) body#app-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):hover,
  html:not(.dark) body#app-body select:hover,
  html:not(.dark) body#app-body textarea:hover {
    border-color: #bdc9d8;
  }

  html:not(.dark) body#app-body .input-field:focus,
  html:not(.dark) body#app-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,
  html:not(.dark) body#app-body select:focus,
  html:not(.dark) body#app-body textarea:focus {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.11);
    outline: none;
  }

  html:not(.dark) body#app-body .btn-primary {
    background: linear-gradient(135deg, #f59e0b 0%, #e78500 100%);
    box-shadow: 0 6px 14px rgba(229, 133, 0, 0.19);
  }

  html:not(.dark) body#app-body .btn-primary:hover {
    box-shadow: 0 8px 18px rgba(229, 133, 0, 0.25);
  }

  html:not(.dark) body#app-body .btn-icon {
    color: #667085;
  }

  html:not(.dark) body#app-body .btn-icon:hover {
    color: #b66b00;
    background: #fff6e6;
    border-color: #f6d89f;
  }

  html:not(.dark) body#app-body table thead {
    background: #f7f9fc !important;
    color: #667085 !important;
    border-bottom: 1px solid var(--vx-light-border);
  }

  html:not(.dark) body#app-body table tbody {
    background: #fff;
  }

  html:not(.dark) body#app-body .table-row:hover {
    background: #fffaf0;
  }

  html:not(.dark) body#app-body .divide-light-border > :not([hidden]) ~ :not([hidden]) {
    border-color: #e7ecf2;
  }

  html:not(.dark) body#app-body .text-light-muted {
    color: var(--vx-light-muted);
  }

  html:not(.dark) body#app-body .bg-gray-50\/50,
  html:not(.dark) body#app-body .bg-gray-50\/70,
  html:not(.dark) body#app-body .bg-gray-50 {
    background-color: var(--vx-light-panel-soft) !important;
  }

  html:not(.dark) body#app-body .modal-overlay {
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(7px);
  }

  html:not(.dark) body#app-body .modal-content.card {
    border-color: #d7e0ea;
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.19), 0 6px 18px rgba(15, 23, 42, 0.08);
  }

  html:not(.dark) body#app-body .status-badge {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.45);
  }

  html:not(.dark) body#app-body .vx-soft-panel {
    background: #f8fafc;
    border: 1px solid #e3e9f1;
  }

  html:not(.dark) body#app-body .vx-muted-panel {
    background: linear-gradient(180deg, #fbfcfe 0%, #f7f9fc 100%);
    border: 1px solid #e3e9f1;
  }

  html:not(.dark) body#app-body .vx-fin-kpi {
    position: relative;
    overflow: hidden;
  }

  html:not(.dark) body#app-body .vx-fin-kpi::after {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -38px;
    width: 110px;
    height: 110px;
    border-radius: 999px;
    background: var(--vx-kpi-glow, rgba(245,158,11,0.07));
    pointer-events: none;
  }

  html:not(.dark) body#app-body .vx-fin-chart-wrap {
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  }

  html:not(.dark) body#app-body .vx-filter-chip {
    background: #ffffff;
    border-color: #dce4ee;
    color: #475467;
    box-shadow: 0 1px 2px rgba(15,23,42,.03);
  }

  html:not(.dark) body#app-body .vx-empty-state {
    background: linear-gradient(180deg, #fbfcfe 0%, #f7f9fc 100%);
    border-color: #e1e8f0;
  }

  html:not(.dark) body#app-body .scrollbar-thin::-webkit-scrollbar-thumb {
    background: #cbd5e1;
  }
}


/* ===== SOURCE: assets/css/vendrix-dark-experience-v2.css ===== */
/* VENDRIX_DARK_EXPERIENCE_V2 */

@media screen {
  html.dark body#app-body {
    --vx-dark-page: #080c12;
    --vx-dark-surface: #0c1118;
    --vx-dark-panel: #111821;
    --vx-dark-panel-soft: #151d27;
    --vx-dark-panel-raised: #18212c;
    --vx-dark-border: #263241;
    --vx-dark-border-strong: #344255;
    --vx-dark-text: #f4f7fb;
    --vx-dark-muted: #9aa7b8;
    --vx-dark-muted-soft: #6f7d90;
    --vx-dark-shadow: 0 12px 34px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.35);
    --vx-dark-shadow-hover: 0 18px 46px rgba(0, 0, 0, 0.34), 0 3px 8px rgba(0, 0, 0, 0.28);
    background:
      radial-gradient(circle at 78% -10%, rgba(245, 158, 11, 0.10), transparent 27rem),
      radial-gradient(circle at 10% 105%, rgba(59, 130, 246, 0.055), transparent 30rem),
      var(--vx-dark-page) !important;
    color: var(--vx-dark-text);
    color-scheme: dark;
  }

  html.dark body#app-body #main-content {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.018) 0, rgba(255, 255, 255, 0) 210px);
  }

  html.dark body#app-body .sidebar {
    background: rgba(10, 15, 22, 0.975) !important;
    border-right-color: var(--vx-dark-border) !important;
    box-shadow: 10px 0 34px rgba(0, 0, 0, 0.20) !important;
  }

  html.dark body#app-body header.glass {
    background: rgba(11, 16, 23, 0.90) !important;
    border-color: rgba(38, 50, 65, 0.90) !important;
    border-width: 0 0 1px 0 !important;
    box-shadow: 0 5px 22px rgba(0, 0, 0, 0.20) !important;
  }

  html.dark body#app-body .section-title {
    color: #76859a !important;
    letter-spacing: 0.11em;
  }

  html.dark body#app-body .nav-item {
    color: #c3cedb;
    border-left-width: 3px;
  }

  html.dark body#app-body .nav-item:hover {
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.105), rgba(245, 158, 11, 0.035));
    border-left-color: rgba(251, 191, 36, 0.60);
    color: #ffd36f;
  }

  html.dark body#app-body .nav-item.active {
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.17) 0%, rgba(245, 158, 11, 0.055) 100%);
    border-left-color: #f59e0b;
    color: #fbc24f;
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.10);
  }

  html.dark body#app-body .card {
    background: linear-gradient(180deg, #121923 0%, #101720 100%) !important;
    border-color: var(--vx-dark-border) !important;
    box-shadow: var(--vx-dark-shadow) !important;
  }

  html.dark body#app-body .card:hover {
    transform: none !important;
    border-color: var(--vx-dark-border-strong) !important;
    box-shadow: var(--vx-dark-shadow-hover) !important;
  }

  html.dark body#app-body .input-field,
  html.dark body#app-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  html.dark body#app-body select,
  html.dark body#app-body textarea {
    background-color: #0d141d !important;
    border-color: #334155 !important;
    color: #eef2f7 !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.015);
  }

  html.dark body#app-body input::placeholder,
  html.dark body#app-body textarea::placeholder {
    color: #6f7d90 !important;
  }

  html.dark body#app-body select option {
    background: #111821;
    color: #eef2f7;
  }

  html.dark body#app-body .input-field:hover,
  html.dark body#app-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):hover,
  html.dark body#app-body select:hover,
  html.dark body#app-body textarea:hover {
    border-color: #46566c !important;
  }

  html.dark body#app-body .input-field:focus,
  html.dark body#app-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,
  html.dark body#app-body select:focus,
  html.dark body#app-body textarea:focus {
    border-color: #f59e0b !important;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.13) !important;
    outline: none;
  }

  html.dark body#app-body .btn-primary {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 7px 18px rgba(217, 119, 6, 0.24) !important;
  }

  html.dark body#app-body .btn-primary:hover {
    box-shadow: 0 10px 24px rgba(217, 119, 6, 0.31) !important;
  }

  html.dark body#app-body .btn-icon {
    color: #9aa7b8;
  }

  html.dark body#app-body .btn-icon:hover {
    color: #fbc24f;
    background: rgba(245, 158, 11, 0.11) !important;
    border-color: rgba(245, 158, 11, 0.24) !important;
  }

  html.dark body#app-body table thead {
    background: #0d141d !important;
    color: #8f9daf !important;
    border-bottom: 1px solid var(--vx-dark-border);
  }

  html.dark body#app-body table tbody {
    background: transparent;
  }

  html.dark body#app-body .table-row:hover {
    background: rgba(245, 158, 11, 0.055) !important;
  }

  html.dark body#app-body .divide-dark-border > :not([hidden]) ~ :not([hidden]) {
    border-color: #253140 !important;
  }

  html.dark body#app-body .text-dark-muted {
    color: var(--vx-dark-muted) !important;
  }

  html.dark body#app-body .dark\:bg-white\/5,
  html.dark body#app-body .bg-white\/5 {
    background-color: rgba(255, 255, 255, 0.035) !important;
  }

  html.dark body#app-body .dark\:hover\:bg-white\/5:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
  }

  html.dark body#app-body .modal-overlay {
    background: rgba(1, 4, 9, 0.72) !important;
    backdrop-filter: blur(9px);
  }

  html.dark body#app-body .modal-content.card {
    background: linear-gradient(180deg, #121a24 0%, #0f161f 100%) !important;
    border-color: #304055 !important;
    box-shadow: 0 34px 82px rgba(0, 0, 0, 0.58), 0 8px 24px rgba(0, 0, 0, 0.36) !important;
  }

  html.dark body#app-body .status-badge {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
  }

  html.dark body#app-body .vx-soft-panel {
    background: #0d141d;
    border: 1px solid #263241;
  }

  html.dark body#app-body .vx-muted-panel {
    background: linear-gradient(180deg, #151d27 0%, #111821 100%);
    border: 1px solid #2a3748;
  }

  html.dark body#app-body .vx-fin-kpi {
    position: relative;
    overflow: hidden;
  }

  html.dark body#app-body .vx-fin-kpi::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -40px;
    width: 116px;
    height: 116px;
    border-radius: 999px;
    background: var(--vx-kpi-glow, rgba(245, 158, 11, 0.08));
    filter: saturate(0.9);
    opacity: 0.78;
    pointer-events: none;
  }

  html.dark body#app-body .vx-fin-chart-wrap {
    background:
      radial-gradient(circle at 85% 0%, rgba(245, 158, 11, 0.055), transparent 18rem),
      linear-gradient(180deg, #121923 0%, #0f161f 100%);
  }

  html.dark body#app-body .vx-filter-chip {
    background: #151d27;
    border-color: #324054;
    color: #c6d0dc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  }

  html.dark body#app-body .vx-period-button:not(.bg-brand) {
    background: #0f161f;
    border-color: #2d3a4b !important;
    color: #aeb9c7;
  }

  html.dark body#app-body .vx-period-button:not(.bg-brand):hover {
    background: #17202b;
    border-color: rgba(245, 158, 11, 0.42) !important;
    color: #f5c76b;
  }

  html.dark body#app-body .vx-empty-state {
    background: linear-gradient(180deg, #141c26 0%, #101720 100%);
    border-color: #2a3748;
  }

  html.dark body#app-body #notification-dropdown,
  html.dark body#app-body [id$="-dropdown"] .card {
    border-color: #2b394b !important;
  }

  html.dark body#app-body .scrollbar-thin::-webkit-scrollbar-thumb {
    background: #3b4859 !important;
  }

  html.dark body#app-body .scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: #526176 !important;
  }

  html.dark body#app-body input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.78) sepia(0.08) saturate(0.6);
    opacity: 0.9;
  }

  html.dark body#app-body input[type="color"] {
    border-color: #3b4859 !important;
  }

  html.dark body#app-body hr,
  html.dark body#app-body [class*="border-dark-border"] {
    border-color: var(--vx-dark-border);
  }

  html.dark body#app-body ::selection {
    background: rgba(245, 158, 11, 0.30);
    color: #fff7e6;
  }
}


/* ===== SOURCE: assets/css/vendrix-frontend-experience-v3.css ===== */
/* VENDRIX_FRONTEND_EXPERIENCE_V3 */

@media screen {
  body.vx-experience-v3 {
    --vx-radius-sm: 10px;
    --vx-radius: 14px;
    --vx-radius-lg: 18px;
    --vx-page-max: 1680px;
  }

  body.vx-experience-v3 .vx-main-content {
    padding: 24px 26px 34px !important;
  }

  body.vx-experience-v3 .vx-page-shell {
    max-width: var(--vx-page-max);
    margin: 0 auto;
  }

  body.vx-experience-v3 .vx-page-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
  }

  body.vx-experience-v3 .vx-page-head h2 {
    margin: 0;
    font-size: clamp(1.5rem, 2vw, 2rem);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.035em;
  }

  body.vx-experience-v3 .vx-page-head p {
    margin-top: 7px;
    max-width: 720px;
    font-size: 0.75rem;
    line-height: 1.65;
    color: #667085;
  }

  html.dark body.vx-experience-v3 .vx-page-head p {
    color: #9aa7b8;
  }

  body.vx-experience-v3 .vx-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    padding: 5px 10px;
    border: 1px solid rgba(245, 158, 11, 0.22);
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.09);
    color: #b66b00;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.095em;
    text-transform: uppercase;
  }

  html.dark body.vx-experience-v3 .vx-eyebrow {
    color: #f7c75d;
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.24);
  }

  body.vx-experience-v3 .vx-head-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
  }

  body.vx-experience-v3 .vx-primary-action,
  body.vx-experience-v3 .vx-secondary-button {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 0.75rem;
    font-weight: 700;
    transition: .2s ease;
  }

  body.vx-experience-v3 .vx-secondary-button {
    border: 1px solid #dbe3ec;
    background: rgba(255,255,255,.88);
    color: #344054;
  }

  body.vx-experience-v3 .vx-secondary-button:hover {
    border-color: rgba(245,158,11,.45);
    color: #b66b00;
    background: #fff9ef;
  }

  html.dark body.vx-experience-v3 .vx-secondary-button {
    border-color: #2f3e50;
    background: #111821;
    color: #c5cfdb;
  }

  html.dark body.vx-experience-v3 .vx-secondary-button:hover {
    border-color: rgba(245,158,11,.4);
    color: #f8c65c;
    background: #161f2a;
  }

  body.vx-experience-v3 .vx-dashboard-toolbar {
    position: sticky;
    top: 72px;
    z-index: 18;
    backdrop-filter: blur(14px);
  }

  body.vx-experience-v3 .vx-segmented {
    display: inline-flex;
    padding: 4px;
    border: 1px solid #dce4ee;
    border-radius: 11px;
    background: #f7f9fc;
    gap: 2px;
  }

  html.dark body.vx-experience-v3 .vx-segmented {
    border-color: #2e3b4b;
    background: #0d141d;
  }

  body.vx-experience-v3 .vx-segmented button {
    height: 31px;
    padding: 0 11px;
    border-radius: 8px;
    color: #667085;
    font-size: 0.6875rem;
    font-weight: 700;
    transition: .18s ease;
  }

  html.dark body.vx-experience-v3 .vx-segmented button {
    color: #9aa7b8;
  }

  body.vx-experience-v3 .vx-segmented button:hover {
    color: #9a5b00;
  }

  body.vx-experience-v3 .vx-segmented button.active {
    background: #ffffff;
    color: #b66b00;
    box-shadow: 0 2px 7px rgba(15,23,42,.08);
  }

  html.dark body.vx-experience-v3 .vx-segmented button.active {
    background: #1a2430;
    color: #f8c65c;
    box-shadow: 0 3px 10px rgba(0,0,0,.22);
  }

  body.vx-experience-v3 .vx-chart-mode button {
    width: 34px;
    padding: 0;
  }

  body.vx-experience-v3 .vx-icon-button {
    width: 41px;
    height: 41px;
    border: 1px solid #dce4ee;
    border-radius: 11px;
    background: #ffffff;
    color: #667085;
  }

  body.vx-experience-v3 .vx-icon-button:hover {
    color: #b66b00;
    border-color: rgba(245,158,11,.42);
    background: #fff9ef;
  }

  html.dark body.vx-experience-v3 .vx-icon-button {
    border-color: #2e3b4b;
    background: #111821;
    color: #9aa7b8;
  }

  html.dark body.vx-experience-v3 .vx-icon-button:hover {
    color: #f8c65c;
    border-color: rgba(245,158,11,.35);
  }

  body.vx-experience-v3 .vx-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }

  body.vx-experience-v3 .vx-kpi-card {
    position: relative;
    overflow: hidden;
    min-height: 142px;
    padding: 20px;
    border-radius: 16px;
  }

  body.vx-experience-v3 .vx-kpi-card::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    right: -50px;
    bottom: -62px;
    border-radius: 50%;
    background: var(--vx-kpi-soft);
    pointer-events: none;
  }

  body.vx-experience-v3 .vx-kpi-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 22px;
    bottom: 22px;
    width: 3px;
    border-radius: 999px;
    background: var(--vx-kpi-accent);
  }

  body.vx-experience-v3 .vx-kpi-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    position: relative;
    z-index: 2;
  }

  body.vx-experience-v3 .vx-kpi-top > div:first-child {
    min-width: 0;
  }

  body.vx-experience-v3 .vx-kpi-top span {
    display: block;
    color: #667085;
    font-size: .625rem;
    font-weight: 800;
    letter-spacing: .085em;
    text-transform: uppercase;
  }

  html.dark body.vx-experience-v3 .vx-kpi-top span {
    color: #8f9daf;
  }

  body.vx-experience-v3 .vx-kpi-top strong {
    display: block;
    margin-top: 8px;
    font-size: clamp(1.3rem, 2vw, 1.75rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.035em;
  }

  body.vx-experience-v3 .vx-kpi-icon {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--vx-kpi-accent);
    background: var(--vx-kpi-soft);
    font-size: .95rem;
  }

  body.vx-experience-v3 .vx-kpi-card > p {
    position: relative;
    z-index: 2;
    margin-top: 18px;
    font-size: .625rem;
    line-height: 1.5;
  }

  body.vx-experience-v3 .vx-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
  }

  body.vx-experience-v3 .vx-card-head h3 {
    font-size: .875rem;
    font-weight: 800;
    letter-spacing: -.012em;
  }

  body.vx-experience-v3 .vx-card-head p {
    margin-top: 4px;
    color: #667085;
    font-size: .625rem;
    line-height: 1.5;
  }

  html.dark body.vx-experience-v3 .vx-card-head p {
    color: #8f9daf;
  }

  body.vx-experience-v3 .vx-series-controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
  }

  body.vx-experience-v3 .vx-series-controls button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid #e0e6ee;
    border-radius: 999px;
    background: #fff;
    color: #475467;
    font-size: .6rem;
    font-weight: 700;
    transition: .18s ease;
  }

  body.vx-experience-v3 .vx-series-controls button span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
  }

  body.vx-experience-v3 .vx-series-controls button.inactive {
    opacity: .45;
    filter: grayscale(1);
  }

  html.dark body.vx-experience-v3 .vx-series-controls button {
    background: #111821;
    border-color: #2f3d4d;
    color: #b9c3cf;
  }

  body.vx-experience-v3 .vx-chart-card {
    min-width: 0;
  }

  body.vx-experience-v3 .vx-chart-stage {
    position: relative;
    height: 365px;
    margin-top: 16px;
  }

  body.vx-experience-v3 .vx-chart-insight {
    margin-top: 12px;
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border: 1px solid #e3e9f1;
    border-radius: 10px;
    background: #f8fafc;
    color: #667085;
    font-size: .625rem;
    line-height: 1.5;
  }

  html.dark body.vx-experience-v3 .vx-chart-insight {
    border-color: #293747;
    background: #0d141d;
    color: #99a7b9;
  }

  body.vx-experience-v3 .vx-health-card {
    min-height: 250px;
  }

  body.vx-experience-v3 .vx-health-score {
    margin-top: 20px;
  }

  body.vx-experience-v3 .vx-health-score > div:first-child {
    display: flex;
    align-items: baseline;
    gap: 3px;
  }

  body.vx-experience-v3 .vx-health-score strong {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.04em;
  }

  body.vx-experience-v3 .vx-health-score span {
    color: #98a2b3;
    font-size: .75rem;
    font-weight: 700;
  }

  body.vx-experience-v3 .vx-score-track {
    height: 7px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef2f6;
  }

  html.dark body.vx-experience-v3 .vx-score-track {
    background: #202b38;
  }

  body.vx-experience-v3 .vx-score-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 45%, #16a34a 100%);
    transition: width .5s ease;
  }

  body.vx-experience-v3 .vx-health-message {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    font-size: .6875rem;
    line-height: 1.55;
  }

  body.vx-experience-v3 .vx-health-message span {
    color: #667085;
  }

  html.dark body.vx-experience-v3 .vx-health-message span {
    color: #9aa7b8;
  }

  body.vx-experience-v3 .vx-mini-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 17px;
  }

  body.vx-experience-v3 .vx-mini-metrics > div {
    padding: 10px;
    border: 1px solid #e5eaf0;
    border-radius: 10px;
    background: #fafbfd;
  }

  html.dark body.vx-experience-v3 .vx-mini-metrics > div {
    border-color: #293747;
    background: #0d141d;
  }

  body.vx-experience-v3 .vx-mini-metrics span {
    display: block;
    color: #98a2b3;
    font-size: .54rem;
    line-height: 1.25;
  }

  body.vx-experience-v3 .vx-mini-metrics strong {
    display: block;
    margin-top: 5px;
    font-size: .8rem;
  }

  body.vx-experience-v3 .vx-payment-chart {
    position: relative;
    height: 225px;
    margin-top: 12px;
  }

  body.vx-experience-v3 .vx-soft-badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid rgba(245,158,11,.2);
    border-radius: 999px;
    background: rgba(245,158,11,.08);
    color: #b66b00;
    font-size: .6rem;
    font-weight: 800;
  }

  html.dark body.vx-experience-v3 .vx-soft-badge {
    color: #f6c35a;
    background: rgba(245,158,11,.11);
  }

  body.vx-experience-v3 .vx-link-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #b66b00;
    font-size: .6875rem;
    font-weight: 750;
  }

  html.dark body.vx-experience-v3 .vx-link-button {
    color: #f6c35a;
  }

  body.vx-experience-v3 .vx-table-card table th,
  body.vx-experience-v3 .vx-table-card table td {
    padding: 13px 16px;
    vertical-align: middle;
  }

  body.vx-experience-v3 .vx-table-card table th {
    color: #667085;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  body.vx-experience-v3 .vx-table-card table td {
    font-size: .75rem;
  }

  body.vx-experience-v3 .vx-invoice-number,
  body.vx-experience-v3 .vx-product-cell > div,
  body.vx-experience-v3 .vx-client-inline > div {
    min-width: 0;
  }

  body.vx-experience-v3 .vx-invoice-number strong,
  body.vx-experience-v3 .vx-product-cell strong,
  body.vx-experience-v3 .vx-client-inline strong {
    display: block;
    font-size: .75rem;
    font-weight: 760;
  }

  body.vx-experience-v3 .vx-invoice-number span,
  body.vx-experience-v3 .vx-product-cell small,
  body.vx-experience-v3 .vx-client-inline small,
  body.vx-experience-v3 .vx-balance-small {
    display: block;
    margin-top: 3px;
    color: #98a2b3;
    font-size: .56rem;
  }

  body.vx-experience-v3 .vx-client-inline,
  body.vx-experience-v3 .vx-product-cell,
  body.vx-experience-v3 .vx-user-cell {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  body.vx-experience-v3 .vx-client-inline > span,
  body.vx-experience-v3 .vx-product-cell > span {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(245,158,11,.10);
    color: #c37400;
    font-size: .72rem;
    font-weight: 800;
  }

  html.dark body.vx-experience-v3 .vx-client-inline > span,
  html.dark body.vx-experience-v3 .vx-product-cell > span {
    color: #f6c35a;
    background: rgba(245,158,11,.12);
  }

  body.vx-experience-v3 .vx-table-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  body.vx-experience-v3 .vx-table-actions button {
    width: 32px;
    height: 32px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #667085;
    transition: .18s ease;
  }

  body.vx-experience-v3 .vx-table-actions button:hover {
    color: #b66b00;
    border-color: #f3d39a;
    background: #fff8eb;
  }

  body.vx-experience-v3 .vx-table-actions button.danger:hover {
    color: #dc2626;
    border-color: #fecaca;
    background: #fff1f2;
  }

  html.dark body.vx-experience-v3 .vx-table-actions button {
    color: #9aa7b8;
  }

  html.dark body.vx-experience-v3 .vx-table-actions button:hover {
    color: #f6c35a;
    border-color: rgba(245,158,11,.28);
    background: rgba(245,158,11,.08);
  }

  body.vx-experience-v3 .vx-alert-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 14px;
  }

  body.vx-experience-v3 .vx-alert-item {
    width: 100%;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #e4eaf1;
    border-radius: 11px;
    background: #fbfcfe;
    text-align: left;
    transition: .18s ease;
  }

  html.dark body.vx-experience-v3 .vx-alert-item {
    border-color: #293747;
    background: #0d141d;
  }

  body.vx-experience-v3 .vx-alert-item:hover {
    transform: translateY(-1px);
    border-color: #d3dde8;
  }

  body.vx-experience-v3 .vx-alert-item > span {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }

  body.vx-experience-v3 .vx-alert-amber > span { background: rgba(245,158,11,.11); color: #d97706; }
  body.vx-experience-v3 .vx-alert-red > span { background: rgba(239,68,68,.10); color: #dc2626; }
  body.vx-experience-v3 .vx-alert-green > span { background: rgba(22,163,74,.10); color: #16a34a; }

  body.vx-experience-v3 .vx-alert-item strong {
    display: block;
    font-size: .68rem;
    font-weight: 760;
  }

  body.vx-experience-v3 .vx-alert-item small {
    display: block;
    margin-top: 3px;
    color: #667085;
    font-size: .56rem;
    line-height: 1.4;
  }

  html.dark body.vx-experience-v3 .vx-alert-item small { color: #8f9daf; }
  body.vx-experience-v3 .vx-alert-item > i { color: #98a2b3; font-size: .6rem; }

  body.vx-experience-v3 .vx-quick-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 14px;
  }

  body.vx-experience-v3 .vx-quick-grid button {
    min-height: 76px;
    padding: 12px;
    border: 1px solid #e3e9f0;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: #fafbfd;
    color: #344054;
    text-align: left;
    transition: .18s ease;
  }

  body.vx-experience-v3 .vx-quick-grid button:hover {
    transform: translateY(-2px);
    border-color: rgba(245,158,11,.4);
    background: #fff9ef;
  }

  html.dark body.vx-experience-v3 .vx-quick-grid button {
    border-color: #293747;
    background: #0d141d;
    color: #c7d0dc;
  }

  body.vx-experience-v3 .vx-quick-grid i { color: #d17b00; font-size: .95rem; }
  body.vx-experience-v3 .vx-quick-grid span { font-size: .63rem; font-weight: 750; }

  body.vx-experience-v3 .vx-stat-grid {
    display: grid;
    gap: 14px;
  }

  body.vx-experience-v3 .vx-stat-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.vx-experience-v3 .vx-stat-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  body.vx-experience-v3 .vx-small-stat {
    min-height: 112px;
    padding: 17px 18px;
    border-radius: 14px;
  }

  body.vx-experience-v3 .vx-small-stat > span {
    display: block;
    color: #667085;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  html.dark body.vx-experience-v3 .vx-small-stat > span { color: #8f9daf; }

  body.vx-experience-v3 .vx-small-stat > strong {
    display: block;
    margin-top: 10px;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 820;
    letter-spacing: -.025em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.vx-experience-v3 .vx-small-stat > small {
    display: block;
    margin-top: 8px;
    color: #98a2b3;
    font-size: .57rem;
  }

  body.vx-experience-v3 .vx-filter-card label,
  body.vx-experience-v3 .vx-pos-checkout label {
    display: block;
    margin-bottom: 6px;
    color: #667085;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  html.dark body.vx-experience-v3 .vx-filter-card label,
  html.dark body.vx-experience-v3 .vx-pos-checkout label { color: #8f9daf; }

  body.vx-experience-v3 .vx-filter-card .input-field,
  body.vx-experience-v3 .vx-pos-checkout .input-field,
  body.vx-experience-v3 .vx-pos-catalog .input-field {
    width: 100%;
    min-height: 41px;
    padding: 0 12px;
    border-radius: 10px;
    font-size: .72rem;
  }

  body.vx-experience-v3 .vx-input-icon {
    position: relative;
  }

  body.vx-experience-v3 .vx-input-icon > i {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: #98a2b3;
    font-size: .65rem;
  }

  body.vx-experience-v3 .vx-input-icon .input-field {
    padding-left: 36px !important;
  }

  body.vx-experience-v3 .vx-client-card {
    border-radius: 15px;
    padding: 18px;
  }

  body.vx-experience-v3 .vx-client-card-head {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
  }

  body.vx-experience-v3 .vx-avatar {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    font-weight: 850;
    box-shadow: 0 7px 16px rgba(217,119,6,.20);
  }

  body.vx-experience-v3 .vx-client-card-head strong { display: block; font-size: .8rem; }
  body.vx-experience-v3 .vx-client-card-head > div:nth-child(2) span { display: block; margin-top: 3px; color: #98a2b3; font-size: .55rem; }

  body.vx-experience-v3 .vx-contact-list {
    display: grid;
    gap: 7px;
    margin-top: 16px;
    padding: 13px;
    border: 1px solid #e6ebf1;
    border-radius: 11px;
    background: #fafbfd;
  }

  html.dark body.vx-experience-v3 .vx-contact-list {
    border-color: #293747;
    background: #0d141d;
  }

  body.vx-experience-v3 .vx-contact-list span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #667085;
    font-size: .61rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html.dark body.vx-experience-v3 .vx-contact-list span { color: #9aa7b8; }
  body.vx-experience-v3 .vx-contact-list i { width: 12px; color: #c47700; }

  body.vx-experience-v3 .vx-client-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
    margin-top: 14px;
  }

  body.vx-experience-v3 .vx-client-metrics > div {
    padding: 10px;
    border-radius: 10px;
    background: #f7f9fc;
  }

  html.dark body.vx-experience-v3 .vx-client-metrics > div { background: #0d141d; }
  body.vx-experience-v3 .vx-client-metrics span { display:block; color:#98a2b3; font-size:.52rem; }
  body.vx-experience-v3 .vx-client-metrics strong { display:block; margin-top:5px; font-size:.69rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

  body.vx-experience-v3 .vx-card-actions {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid #e8edf2;
  }

  html.dark body.vx-experience-v3 .vx-card-actions { border-top-color: #293747; }

  body.vx-experience-v3 .vx-card-actions button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 8px;
    color: #b66b00;
    background: rgba(245,158,11,.08);
    font-size: .6rem;
    font-weight: 750;
  }

  body.vx-experience-v3 .vx-card-actions button.danger { color:#dc2626; background:rgba(239,68,68,.07); }

  body.vx-experience-v3 .vx-pos-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
    min-height: calc(100vh - 190px);
  }

  body.vx-experience-v3 .vx-pos-catalog {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  body.vx-experience-v3 .vx-pos-products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
    margin-top: 15px;
    overflow-y: auto;
    padding-right: 3px;
  }

  body.vx-experience-v3 .vx-pos-product {
    min-height: 132px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid #e3e9f0;
    border-radius: 13px;
    background: #fbfcfe;
    text-align: left;
    transition: .18s ease;
  }

  body.vx-experience-v3 .vx-pos-product:hover {
    transform: translateY(-2px);
    border-color: rgba(245,158,11,.45);
    background: #fffaf0;
    box-shadow: 0 10px 22px rgba(15,23,42,.06);
  }

  html.dark body.vx-experience-v3 .vx-pos-product {
    border-color: #293747;
    background: #0d141d;
  }

  html.dark body.vx-experience-v3 .vx-pos-product:hover {
    border-color: rgba(245,158,11,.35);
    background: #151e29;
  }

  body.vx-experience-v3 .vx-pos-product-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(245,158,11,.10);
    color: #c47700;
  }

  body.vx-experience-v3 .vx-pos-product > div:nth-child(2) { margin-top: 11px; width:100%; }
  body.vx-experience-v3 .vx-pos-product strong { display:block; font-size:.72rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  body.vx-experience-v3 .vx-pos-product small { display:block; margin-top:4px; color:#98a2b3; font-size:.54rem; }

  body.vx-experience-v3 .vx-pos-product-price {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 11px;
    color: #b66b00;
    font-size: .68rem;
    font-weight: 800;
  }

  body.vx-experience-v3 .vx-pos-product-price span {
    width: 25px;
    height: 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#f59e0b;
    color:white;
  }

  body.vx-experience-v3 .vx-pos-cart {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  body.vx-experience-v3 .vx-pos-cart-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:17px 18px;
    border-bottom:1px solid #e3e9f0;
  }

  html.dark body.vx-experience-v3 .vx-pos-cart-head { border-bottom-color:#293747; }
  body.vx-experience-v3 .vx-pos-cart-head span { display:block; color:#667085; font-size:.58rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
  body.vx-experience-v3 .vx-pos-cart-head strong { display:block; margin-top:4px; font-size:.8rem; }
  body.vx-experience-v3 .vx-pos-cart-head > i { color:#d17b00; font-size:1rem; }

  body.vx-experience-v3 .vx-pos-cart-items {
    flex:1;
    overflow-y:auto;
    padding:12px;
  }

  body.vx-experience-v3 .vx-pos-cart-items > div {
    border:1px solid #e5eaf0;
    background:#fafbfd !important;
  }

  html.dark body.vx-experience-v3 .vx-pos-cart-items > div {
    border-color:#293747;
    background:#0d141d !important;
  }

  body.vx-experience-v3 .vx-pos-checkout {
    padding:16px;
    border-top:1px solid #e3e9f0;
  }

  html.dark body.vx-experience-v3 .vx-pos-checkout { border-top-color:#293747; }

  body.vx-experience-v3 .vx-pos-totals {
    display:grid;
    gap:8px;
    margin-top:14px;
    padding:13px;
    border-radius:11px;
    background:#f7f9fc;
  }

  html.dark body.vx-experience-v3 .vx-pos-totals { background:#0d141d; }
  body.vx-experience-v3 .vx-pos-totals > div { display:flex; justify-content:space-between; gap:12px; color:#667085; font-size:.65rem; }
  html.dark body.vx-experience-v3 .vx-pos-totals > div { color:#9aa7b8; }
  body.vx-experience-v3 .vx-pos-grand-total { padding-top:9px; border-top:1px solid #e1e7ee; color:#172033 !important; font-size:.85rem !important; }
  html.dark body.vx-experience-v3 .vx-pos-grand-total { border-top-color:#293747; color:#f4f7fb !important; }
  body.vx-experience-v3 .vx-pos-grand-total strong { color:#d17b00; font-size:1.05rem; }

  body.vx-experience-v3 .vx-pos-payment-buttons {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:12px;
  }

  body.vx-experience-v3 .vx-pos-payment-buttons button {
    min-height:58px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid #e0e6ed;
    border-radius:10px;
    background:white;
    color:#344054;
    font-size:.58rem;
    font-weight:750;
  }
  body.vx-experience-v3 .vx-pos-shortcuts-panel kbd {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    min-height:20px;
    padding:0 6px;
    border:1px solid #d7dee7;
    border-bottom-width:2px;
    border-radius:6px;
    background:#f8fafc;
    color:#667085;
    font-size:.52rem;
    font-weight:800;
    line-height:1;
  }
  html.dark body.vx-experience-v3 .vx-pos-shortcuts-panel kbd {
    background:#0d141d;
    border-color:#344252;
    color:#9aa7b8;
  }
  body.vx-experience-v3 .vx-pos-shortcuts-panel {
    margin:-8px 0 14px;
    padding:11px 13px;
    border:1px solid #e0e6ed;
    border-radius:10px;
    background:#fbfcfe;
  }
  html.dark body.vx-experience-v3 .vx-pos-shortcuts-panel {
    background:#0d141d;
    border-color:#2b3948;
  }
  body.vx-experience-v3 .vx-pos-shortcuts-panel > div {
    display:flex;
    flex-wrap:wrap;
    gap:7px 12px;
  }
  body.vx-experience-v3 .vx-pos-shortcuts-panel span {
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#475467;
    font-size:.59rem;
    font-weight:700;
  }
  html.dark body.vx-experience-v3 .vx-pos-shortcuts-panel span { color:#c7d0dc; }
  body.vx-experience-v3 .vx-pos-shortcuts-panel small {
    display:block;
    margin-top:8px;
    color:#7a8696;
    font-size:.54rem;
  }
  body.vx-experience-v3 .vx-pos-cart-line {
    border:1px solid transparent;
    cursor:pointer;
    transition:border-color .14s ease, background-color .14s ease;
  }
  body.vx-experience-v3 .vx-pos-cart-line.is-active {
    border-color:#f59e0b;
    background:#fff8eb !important;
  }
  html.dark body.vx-experience-v3 .vx-pos-cart-line.is-active {
    background:#2a1e0d !important;
  }

  body.vx-experience-v3 .vx-pos-payment-buttons button:nth-child(2) { background:#f59e0b; border-color:#f59e0b; color:white; }
  html.dark body.vx-experience-v3 .vx-pos-payment-buttons button { background:#111821; border-color:#2f3d4d; color:#c7d0dc; }
  html.dark body.vx-experience-v3 .vx-pos-payment-buttons button:nth-child(2) { background:#f59e0b; border-color:#f59e0b; color:white; }

  body.vx-experience-v3 .vx-pos-cash-panel {
    margin-top:12px;
    padding:14px;
    border:1px solid #e0e6ed;
    border-radius:12px;
    background:#fbfcfe;
  }
  html.dark body.vx-experience-v3 .vx-pos-cash-panel { background:#0d141d; border-color:#2b3948; }
  body.vx-experience-v3 .vx-pos-cash-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
  body.vx-experience-v3 .vx-pos-cash-head span { display:block; color:#667085; font-size:.58rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
  body.vx-experience-v3 .vx-pos-cash-head strong { display:block; margin-top:3px; color:#172033; font-size:.76rem; }
  html.dark body.vx-experience-v3 .vx-pos-cash-head strong { color:#eef2f7; }
  body.vx-experience-v3 .vx-pos-cash-close { width:28px; height:28px; display:grid; place-items:center; border:1px solid #dfe5ec; border-radius:8px; color:#667085; background:#fff; }
  html.dark body.vx-experience-v3 .vx-pos-cash-close { background:#111821; border-color:#344252; color:#9aa7b8; }
  body.vx-experience-v3 .vx-pos-cash-received { display:block; margin-top:13px; }
  body.vx-experience-v3 .vx-pos-cash-received > span { display:block; margin-bottom:5px; color:#667085; font-size:.6rem; font-weight:750; }
  body.vx-experience-v3 .vx-pos-cash-received > div { display:flex; align-items:center; border:1px solid #dce3eb; border-radius:10px; overflow:hidden; background:#fff; }
  html.dark body.vx-experience-v3 .vx-pos-cash-received > div { background:#111821; border-color:#344252; }
  body.vx-experience-v3 .vx-pos-cash-received > div > span { padding:0 10px; color:#d17b00; font-size:.68rem; font-weight:800; }
  body.vx-experience-v3 .vx-pos-cash-received input { width:100%; min-width:0; height:42px; border:0; outline:0; background:transparent; color:#172033; font-size:1rem; font-weight:800; }
  html.dark body.vx-experience-v3 .vx-pos-cash-received input { color:#f4f7fb; }
  body.vx-experience-v3 .vx-pos-cash-shortcuts { display:flex; align-items:flex-start; gap:7px; margin-top:9px; flex-wrap:wrap; }
  body.vx-experience-v3 .vx-pos-cash-shortcuts > button,
  body.vx-experience-v3 .vx-pos-cash-suggestions button { min-height:30px; padding:0 9px; border:1px solid #dfe5ec; border-radius:8px; background:#fff; color:#344054; font-size:.58rem; font-weight:750; }
  body.vx-experience-v3 .vx-pos-cash-shortcuts > div { display:flex; gap:6px; flex-wrap:wrap; }
  html.dark body.vx-experience-v3 .vx-pos-cash-shortcuts > button,
  html.dark body.vx-experience-v3 .vx-pos-cash-suggestions button { background:#111821; border-color:#344252; color:#c7d0dc; }
  body.vx-experience-v3 .vx-pos-tender-status { margin-top:10px; padding:10px 11px; border-radius:10px; background:#f4f6f9; }
  body.vx-experience-v3 .vx-pos-tender-status > span { color:#667085; font-size:.58rem; font-weight:750; }
  body.vx-experience-v3 .vx-pos-tender-status > strong { display:block; margin-top:1px; color:#344054; font-size:1rem; }
  body.vx-experience-v3 .vx-pos-tender-status > small { display:block; margin-top:2px; color:#7a8696; font-size:.57rem; }
  body.vx-experience-v3 .vx-pos-tender-status.is-valid { background:#ecfdf3; }
  body.vx-experience-v3 .vx-pos-tender-status.is-valid > strong { color:#067647; }
  body.vx-experience-v3 .vx-pos-tender-status.is-insufficient { background:#fff4ed; }
  body.vx-experience-v3 .vx-pos-tender-status.is-insufficient > strong,
  body.vx-experience-v3 .vx-pos-tender-status.is-insufficient > small { color:#b54708; }
  html.dark body.vx-experience-v3 .vx-pos-tender-status { background:#111821; }
  html.dark body.vx-experience-v3 .vx-pos-tender-status.is-valid { background:#10281d; }
  html.dark body.vx-experience-v3 .vx-pos-tender-status.is-insufficient { background:#2b1d12; }
  body.vx-experience-v3 .vx-pos-calculator { margin-top:10px; border-top:1px solid #e4e9ef; padding-top:10px; }
  html.dark body.vx-experience-v3 .vx-pos-calculator { border-top-color:#293747; }
  body.vx-experience-v3 .vx-pos-calculator-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  body.vx-experience-v3 .vx-pos-calculator-head span { color:#475467; font-size:.63rem; font-weight:800; }
  body.vx-experience-v3 .vx-pos-calculator-head button { border:0; background:transparent; color:#d17b00; font-size:.6rem; font-weight:800; }
  body.vx-experience-v3 .vx-pos-calculator-body { margin-top:9px; }
  body.vx-experience-v3 .vx-pos-calculator-body output { display:block; min-height:38px; padding:7px 10px; border-radius:9px; text-align:right; background:#101828; color:#fff; font-size:1rem; font-weight:800; overflow:hidden; }
  body.vx-experience-v3 .vx-pos-calculator-keys { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin-top:6px; }
  body.vx-experience-v3 .vx-pos-calculator-keys button { min-height:34px; border:1px solid #dfe5ec; border-radius:8px; background:#fff; color:#344054; font-size:.66rem; font-weight:800; }
  html.dark body.vx-experience-v3 .vx-pos-calculator-keys button { background:#111821; border-color:#344252; color:#d9e0e8; }
  body.vx-experience-v3 .vx-pos-calculator-keys .vx-pos-calc-zero { grid-column:span 2; }
  body.vx-experience-v3 .vx-pos-calculator-keys .vx-pos-calc-use { grid-column:span 2; background:#f59e0b; border-color:#f59e0b; color:white; }
  body.vx-experience-v3 .vx-pos-cash-confirm { width:100%; min-height:42px; margin-top:11px; display:flex; align-items:center; justify-content:center; gap:7px; border:0; border-radius:10px; background:#172033; color:white; font-size:.68rem; font-weight:800; }
  body.vx-experience-v3 .vx-pos-cash-confirm:disabled { opacity:.45; cursor:not-allowed; }
  html.dark body.vx-experience-v3 .vx-pos-cash-confirm { background:#f59e0b; color:#111827; }

  body.vx-experience-v3 .vx-report-chart { height:310px; margin-top:14px; }

  body.vx-experience-v3 .vx-table-empty,
  body.vx-experience-v3 .vx-empty-state {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#667085;
  }

  body.vx-experience-v3 .vx-table-empty { min-height:240px; padding:28px; }
  body.vx-experience-v3 .vx-table-empty > i { font-size:1.6rem; color:#d17b00; margin-bottom:12px; }
  body.vx-experience-v3 .vx-table-empty strong,
  body.vx-experience-v3 .vx-empty-state strong { color:#344054; font-size:.78rem; }
  html.dark body.vx-experience-v3 .vx-table-empty strong,
  html.dark body.vx-experience-v3 .vx-empty-state strong { color:#eef2f7; }
  body.vx-experience-v3 .vx-table-empty span,
  body.vx-experience-v3 .vx-empty-state span { max-width:420px; margin-top:6px; color:#98a2b3; font-size:.62rem; line-height:1.55; }
  body.vx-experience-v3 .vx-table-empty button { margin-top:15px; min-height:36px; padding:0 13px; border-radius:9px; font-size:.65rem; }
  body.vx-experience-v3 .vx-empty-large { min-height:260px; padding:30px; border-radius:16px; }
  body.vx-experience-v3 .vx-empty-compact { min-height:150px; padding:20px; }
  body.vx-experience-v3 .vx-empty-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; margin-bottom:13px; border-radius:14px; background:rgba(245,158,11,.1); color:#d17b00; }

  body.vx-experience-v3 .vx-status-info { background:rgba(37,99,235,.10); color:#2563eb; border:1px solid rgba(37,99,235,.18); }
  body.vx-experience-v3 .vx-status-neutral { background:rgba(100,116,139,.10); color:#64748b; border:1px solid rgba(100,116,139,.18); }

  body.vx-experience-v3 .vx-user-cell img { width:38px; height:38px; border-radius:11px; }
  body.vx-experience-v3 .vx-user-cell strong { display:block; font-size:.73rem; }
  body.vx-experience-v3 .vx-user-cell span { display:block; margin-top:3px; color:#98a2b3; font-size:.55rem; }

  body.vx-experience-v3 .vx-settings-guide {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }

  body.vx-experience-v3 .vx-settings-guide > div:first-child strong { display:block; font-size:.78rem; }
  body.vx-experience-v3 .vx-settings-guide > div:first-child span { display:block; margin-top:4px; color:#667085; font-size:.62rem; }
  html.dark body.vx-experience-v3 .vx-settings-guide > div:first-child span { color:#9aa7b8; }
  body.vx-experience-v3 .vx-settings-shortcuts { display:flex; flex-wrap:wrap; gap:7px; }
  body.vx-experience-v3 .vx-settings-shortcuts button { min-height:34px; padding:0 11px; display:inline-flex; align-items:center; gap:7px; border:1px solid #dfe6ee; border-radius:9px; background:#fafbfd; color:#475467; font-size:.6rem; font-weight:750; }
  html.dark body.vx-experience-v3 .vx-settings-shortcuts button { border-color:#2e3b4b; background:#0d141d; color:#b9c3cf; }
  body.vx-experience-v3 .vx-settings-card { scroll-margin-top:140px; }

  body.vx-experience-v3 .vx-global-search-results {
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 9px);
    z-index:80;
    max-height:430px;
    overflow-y:auto;
    padding:7px;
    border:1px solid #dbe3ec;
    border-radius:14px;
    background:rgba(255,255,255,.98);
    box-shadow:0 24px 55px rgba(15,23,42,.16),0 4px 12px rgba(15,23,42,.07);
    backdrop-filter:blur(15px);
  }

  html.dark body.vx-experience-v3 .vx-global-search-results {
    border-color:#304055;
    background:rgba(17,24,33,.98);
    box-shadow:0 28px 65px rgba(0,0,0,.52);
  }

  body.vx-experience-v3 .vx-global-search-results button {
    width:100%;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 16px;
    align-items:center;
    gap:10px;
    padding:9px;
    border-radius:10px;
    text-align:left;
  }

  body.vx-experience-v3 .vx-global-search-results button:hover { background:#fff8ea; }
  html.dark body.vx-experience-v3 .vx-global-search-results button:hover { background:rgba(245,158,11,.08); }
  body.vx-experience-v3 .vx-search-icon { width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#f5f7fa; color:#d17b00; }
  html.dark body.vx-experience-v3 .vx-search-icon { background:#0d141d; }
  body.vx-experience-v3 .vx-global-search-results strong { display:block; font-size:.68rem; }
  body.vx-experience-v3 .vx-global-search-results small { display:block; margin-top:3px; color:#98a2b3; font-size:.55rem; }
  body.vx-experience-v3 .vx-global-search-results button > i { color:#98a2b3; font-size:.55rem; }
  body.vx-experience-v3 .vx-search-empty { min-height:150px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#98a2b3; }
  body.vx-experience-v3 .vx-search-empty i { font-size:1.2rem; color:#d17b00; margin-bottom:10px; }
  body.vx-experience-v3 .vx-search-empty strong { color:#344054; }
  html.dark body.vx-experience-v3 .vx-search-empty strong { color:#eef2f7; }
  body.vx-experience-v3 .vx-search-empty span { margin-top:5px; font-size:.58rem; }

  @media (max-width: 1280px) {
    body.vx-experience-v3 .vx-kpi-grid,
    body.vx-experience-v3 .vx-stat-grid-four { grid-template-columns: repeat(2,minmax(0,1fr)); }
    body.vx-experience-v3 .vx-pos-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }

  @media (max-width: 1024px) {
    body.vx-experience-v3 .vx-main-content { padding:20px !important; }
    body.vx-experience-v3 .vx-pos-layout { grid-template-columns:1fr; min-height:auto; }
    body.vx-experience-v3 .vx-pos-cart { min-height:520px; }
    body.vx-experience-v3 .vx-dashboard-toolbar { position:relative; top:auto; }
  }

  @media (max-width: 768px) {
    body.vx-experience-v3 .vx-main-content { padding:16px !important; }
    body.vx-experience-v3 .vx-page-head { align-items:flex-start; flex-direction:column; }
    body.vx-experience-v3 .vx-head-actions { width:100%; }
    body.vx-experience-v3 .vx-head-actions > * { flex:1; }
    body.vx-experience-v3 .vx-kpi-grid,
    body.vx-experience-v3 .vx-stat-grid-four,
    body.vx-experience-v3 .vx-stat-grid-three { grid-template-columns:1fr; }
    body.vx-experience-v3 .vx-card-head { flex-direction:column; }
    body.vx-experience-v3 .vx-series-controls { justify-content:flex-start; }
    body.vx-experience-v3 .vx-chart-stage { height:300px; }
    body.vx-experience-v3 .vx-mini-metrics { grid-template-columns:1fr; }
    body.vx-experience-v3 .vx-pos-products { grid-template-columns:1fr; }
    body.vx-experience-v3 .vx-settings-guide { align-items:flex-start; flex-direction:column; }
    body.vx-experience-v3 .vx-settings-shortcuts { width:100%; }
    body.vx-experience-v3 .vx-settings-shortcuts button { flex:1; justify-content:center; }
  }
}

/* VENDRIX_DASHBOARD_LAYER_FIX_V3_START */

/*
 * A barra do período deixa de acompanhar o scroll
 * e volta ao fluxo normal da Dashboard.
 */
body.vx-experience-v3 .vx-dashboard-toolbar {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
  z-index: auto !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/*
 * Restaurar corretamente a classe hidden.
 * A regra antiga .vx-empty-state utilizava display:flex
 * com especificidade superior.
 */
body.vx-experience-v3 .vx-empty-state.hidden,
body.vx-experience-v3 .vx-table-empty.hidden,
body.vx-experience-v3 .vx-chart-empty.hidden,
body.vx-experience-v3 canvas.hidden,
body.vx-experience-v3 [hidden].vx-empty-state {
  display: none !important;
}

/*
 * Limitar cada estado vazio ao cartão do respetivo gráfico.
 */
body.vx-experience-v3 .vx-chart-stage,
body.vx-experience-v3 .vx-payment-chart {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

body.vx-experience-v3
.vx-chart-stage > .vx-empty-state:not(.hidden),

body.vx-experience-v3
.vx-payment-chart > .vx-empty-state:not(.hidden) {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
  z-index: 3 !important;
  overflow: hidden !important;
}

body.vx-experience-v3
.vx-chart-stage > canvas,

body.vx-experience-v3
.vx-payment-chart > canvas {
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

/*
 * Os cartões seguintes ficam sempre acima
 * do fluxo normal e nunca atrás de overlays antigos.
 */
body.vx-experience-v3 .vx-chart-card,
body.vx-experience-v3 .vx-payment-chart,
body.vx-experience-v3 .vx-health-card,
body.vx-experience-v3 .vx-recent-invoices {
  isolation: isolate;
}

/* VENDRIX_DASHBOARD_LAYER_FIX_V3_END */

/* VENDRIX_HEADER_USER_PROFILE_CSS_V2_START */
@media screen {
  body.vx-experience-v3 .vx-header-user-profile {
    min-width: 174px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 4px 10px 4px 5px;
    border: 1px solid #dbe3ec;
    border-radius: 12px;
    background: rgba(255,255,255,.96);
    color: #172033;
    box-shadow: 0 3px 10px rgba(15,23,42,.05);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
  }

  body.vx-experience-v3 .vx-header-user-profile:hover {
    border-color: rgba(245,158,11,.48);
    background: #fffaf2;
    box-shadow: 0 8px 22px rgba(15,23,42,.09);
    transform: translateY(-1px);
  }

  body.vx-experience-v3 .vx-header-user-profile-avatar {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 9px;
    object-fit: cover;
  }

  body.vx-experience-v3 .vx-header-user-profile-copy {
    min-width: 0;
    flex: 1;
    text-align: left;
    line-height: 1.12;
  }

  body.vx-experience-v3 .vx-header-user-profile-copy strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .72rem;
    font-weight: 800;
  }

  body.vx-experience-v3 .vx-header-user-profile-copy small {
    display: block;
    margin-top: 3px;
    color: #7c8798;
    font-size: .55rem;
    font-weight: 600;
  }

  body.vx-experience-v3 .vx-header-user-profile-chevron {
    color: #98a2b3;
    font-size: .6rem;
  }

  html.dark body.vx-experience-v3 .vx-header-user-profile {
    border-color: #2c3a4a;
    background: #111821;
    color: #f4f7fb;
    box-shadow: 0 3px 12px rgba(0,0,0,.18);
  }

  html.dark body.vx-experience-v3 .vx-header-user-profile:hover {
    border-color: rgba(245,158,11,.42);
    background: #17212c;
    box-shadow: 0 10px 26px rgba(0,0,0,.28);
  }

  html.dark body.vx-experience-v3 .vx-header-user-profile-copy small {
    color: #8f9daf;
  }

  @media (max-width: 720px) {
    body.vx-experience-v3 .vx-header-user-profile {
      min-width: 42px;
      width: 42px;
      padding: 4px;
      justify-content: center;
    }

    body.vx-experience-v3 .vx-header-user-profile-copy,
    body.vx-experience-v3 .vx-header-user-profile-chevron {
      display: none;
    }
  }
}
/* VENDRIX_HEADER_USER_PROFILE_CSS_V2_END */



/* VENDRIX_ARCHIVED_PRODUCTS_VIEW_CSS_V1 */

.vx-product-archived-row {
  opacity: .68;
}

.vx-product-archived-row:hover {
  opacity: .88;
}

.vx-product-archived-row
.vx-product-cell > span {
  filter: grayscale(1);
}

.vx-product-archived-row
.vx-table-actions button[disabled] {
  cursor: not-allowed;
  opacity: .55;
}


/* VENDRIX_PRODUCT_RESTORE_ACTION_CSS_V1 */

.vx-table-actions button.restore {
  color: #10b981;
}

.vx-table-actions button.restore:hover {
  color: #34d399;
}


/* ===== SOURCE: assets/css/vendrix-procurement-v1.css ===== */
/* VENDRIX_PROCUREMENT_FRONTEND_V1 */

body.vx-experience-v3 .vxp-view,
body.vx-experience-v3 .vxp-dashboard-procurement,
body.vx-experience-v3 .vxp-report-procurement {
  --vxp-bg: #ffffff;
  --vxp-soft: #f7f9fc;
  --vxp-soft-2: #eef3f8;
  --vxp-border: #dce4ed;
  --vxp-text: #182230;
  --vxp-muted: #718096;
  --vxp-brand: #f59e0b;
  --vxp-brand-dark: #d97706;
  --vxp-success: #169c62;
  --vxp-danger: #dc4c4c;
  --vxp-warning: #d88a13;
  color: var(--vxp-text);
}

html.dark body.vx-experience-v3 .vxp-view,
html.dark body.vx-experience-v3 .vxp-dashboard-procurement,
html.dark body.vx-experience-v3 .vxp-report-procurement {
  --vxp-bg: #121922;
  --vxp-soft: #18212c;
  --vxp-soft-2: #202c39;
  --vxp-border: #2b3949;
  --vxp-text: #eef4fa;
  --vxp-muted: #93a2b5;
}

body.vx-experience-v3 .vxp-page-head,
body.vx-experience-v3 .vxp-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

body.vx-experience-v3 .vxp-page-head h2 {
  margin: 6px 0 4px;
  font-size: 1.42rem;
  font-weight: 850;
  letter-spacing: -0.03em;
}

body.vx-experience-v3 .vxp-page-head p,
body.vx-experience-v3 .vxp-section-head p {
  margin: 0;
  color: var(--vxp-muted);
  font-size: .72rem;
  line-height: 1.55;
}

body.vx-experience-v3 .vxp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--vxp-brand-dark);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.dark body.vx-experience-v3 .vxp-eyebrow {
  color: #f7b83e;
}

body.vx-experience-v3 .vxp-page-actions,
body.vx-experience-v3 .vxp-action-group,
body.vx-experience-v3 .vxp-detail-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.vx-experience-v3 .vxp-button {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: .68rem;
  font-weight: 750;
  transition: .17s ease;
}

body.vx-experience-v3 .vxp-button-primary {
  background: linear-gradient(135deg, var(--vxp-brand), var(--vxp-brand-dark));
  color: #fff;
  box-shadow: 0 8px 20px rgba(217,119,6,.18);
}

body.vx-experience-v3 .vxp-button-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(217,119,6,.24);
}

body.vx-experience-v3 .vxp-button-secondary {
  border-color: var(--vxp-border);
  background: var(--vxp-bg);
  color: var(--vxp-text);
}

body.vx-experience-v3 .vxp-button-secondary:hover {
  border-color: rgba(245,158,11,.45);
  background: #fffaf1;
  color: #9a5b00;
}

html.dark body.vx-experience-v3 .vxp-button-secondary:hover {
  background: rgba(245,158,11,.09);
  color: #f8c45c;
}

body.vx-experience-v3 .vxp-button-danger {
  border-color: rgba(220,76,76,.28);
  background: rgba(220,76,76,.08);
  color: var(--vxp-danger);
}

body.vx-experience-v3 .vxp-icon-button,
body.vx-experience-v3 .vxp-action-group button {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--vxp-border);
  border-radius: 9px;
  background: var(--vxp-bg);
  color: var(--vxp-muted);
  font-size: .69rem;
  transition: .15s ease;
}

body.vx-experience-v3 .vxp-icon-button:hover,
body.vx-experience-v3 .vxp-action-group button:hover {
  border-color: rgba(245,158,11,.42);
  color: var(--vxp-brand-dark);
  background: #fff9ef;
}

html.dark body.vx-experience-v3 .vxp-icon-button:hover,
html.dark body.vx-experience-v3 .vxp-action-group button:hover {
  background: rgba(245,158,11,.08);
  color: #f7bd4d;
}

body.vx-experience-v3 .vxp-icon-button.danger,
body.vx-experience-v3 .vxp-action-group button.danger {
  color: var(--vxp-danger);
}

body.vx-experience-v3 .vxp-kpi-grid {
  display: grid;
  gap: 12px;
}

body.vx-experience-v3 .vxp-kpi-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.vx-experience-v3 .vxp-kpi-grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.vx-experience-v3 .vxp-kpi-card {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--vxp-border);
  border-radius: 14px;
  background: var(--vxp-bg);
  box-shadow: 0 5px 18px rgba(15,23,42,.045);
}

html.dark body.vx-experience-v3 .vxp-kpi-card {
  box-shadow: 0 8px 22px rgba(0,0,0,.16);
}

body.vx-experience-v3 .vxp-kpi-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  font-size: .84rem;
}

body.vx-experience-v3 .vxp-icon-blue { background: rgba(37,99,235,.1); color: #2563eb; }
body.vx-experience-v3 .vxp-icon-green { background: rgba(22,156,98,.1); color: #169c62; }
body.vx-experience-v3 .vxp-icon-orange { background: rgba(245,158,11,.12); color: #d97706; }
body.vx-experience-v3 .vxp-icon-red { background: rgba(220,76,76,.1); color: #dc4c4c; }
body.vx-experience-v3 .vxp-icon-purple { background: rgba(126,87,194,.11); color: #7e57c2; }

body.vx-experience-v3 .vxp-kpi-card > div:last-child {
  min-width: 0;
}

body.vx-experience-v3 .vxp-kpi-card span {
  display: block;
  color: var(--vxp-muted);
  font-size: .58rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .045em;
}

body.vx-experience-v3 .vxp-kpi-card strong {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 850;
}

body.vx-experience-v3 .vxp-kpi-card small {
  display: block;
  margin-top: 4px;
  color: var(--vxp-muted);
  font-size: .56rem;
}

body.vx-experience-v3 .vxp-panel,
body.vx-experience-v3 .vxp-dashboard-procurement,
body.vx-experience-v3 .vxp-report-procurement {
  overflow: hidden;
  border: 1px solid var(--vxp-border);
  border-radius: 15px;
  background: var(--vxp-bg);
  box-shadow: 0 7px 22px rgba(15,23,42,.05);
}

body.vx-experience-v3 .vxp-toolbar {
  min-height: 58px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid var(--vxp-border);
  background: var(--vxp-soft);
}

body.vx-experience-v3 .vxp-toolbar-multiline {
  flex-wrap: wrap;
}

body.vx-experience-v3 .vxp-toolbar input,
body.vx-experience-v3 .vxp-toolbar select,
body.vx-experience-v3 .vxp-form-grid input,
body.vx-experience-v3 .vxp-form-grid select,
body.vx-experience-v3 .vxp-form-grid textarea,
body.vx-experience-v3 .vxp-purchase-item input,
body.vx-experience-v3 .vxp-purchase-item select {
  min-height: 38px;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--vxp-border);
  border-radius: 9px;
  outline: none;
  background: var(--vxp-bg);
  color: var(--vxp-text);
  font-size: .67rem;
  transition: .15s ease;
}

body.vx-experience-v3 .vxp-toolbar input:focus,
body.vx-experience-v3 .vxp-toolbar select:focus,
body.vx-experience-v3 .vxp-form-grid input:focus,
body.vx-experience-v3 .vxp-form-grid select:focus,
body.vx-experience-v3 .vxp-form-grid textarea:focus,
body.vx-experience-v3 .vxp-purchase-item input:focus,
body.vx-experience-v3 .vxp-purchase-item select:focus {
  border-color: rgba(245,158,11,.6);
  box-shadow: 0 0 0 3px rgba(245,158,11,.09);
}

body.vx-experience-v3 .vxp-toolbar select,
body.vx-experience-v3 .vxp-toolbar input[type="date"] {
  width: auto;
  min-width: 140px;
}

body.vx-experience-v3 .vxp-search-field {
  min-width: 240px;
  flex: 1;
  position: relative;
}

body.vx-experience-v3 .vxp-search-field i {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--vxp-muted);
  font-size: .68rem;
}

body.vx-experience-v3 .vxp-search-field input {
  padding-left: 32px;
}

body.vx-experience-v3 .vxp-toolbar-meta {
  margin-left: auto;
  color: var(--vxp-muted);
  font-size: .62rem;
  white-space: nowrap;
}

body.vx-experience-v3 .vxp-table-wrap {
  width: 100%;
  overflow-x: auto;
}

body.vx-experience-v3 .vxp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .67rem;
}

body.vx-experience-v3 .vxp-table th {
  padding: 11px 13px;
  border-bottom: 1px solid var(--vxp-border);
  background: var(--vxp-soft);
  color: var(--vxp-muted);
  font-size: .55rem;
  font-weight: 800;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .045em;
  white-space: nowrap;
}

body.vx-experience-v3 .vxp-table td {
  padding: 12px 13px;
  border-bottom: 1px solid var(--vxp-border);
  vertical-align: middle;
}

body.vx-experience-v3 .vxp-table tbody tr:last-child td {
  border-bottom: 0;
}

body.vx-experience-v3 .vxp-table tbody tr:hover {
  background: rgba(245,158,11,.035);
}

body.vx-experience-v3 .vxp-table-actions {
  text-align: right !important;
}

body.vx-experience-v3 .vxp-action-group {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

body.vx-experience-v3 .vxp-entity {
  min-width: 190px;
  display: flex;
  align-items: center;
  gap: 10px;
}

body.vx-experience-v3 .vxp-avatar {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(135deg, #f7b737, #d97706);
  color: #fff;
  font-size: .72rem;
  font-weight: 850;
}

body.vx-experience-v3 .vxp-entity strong,
body.vx-experience-v3 .vxp-contact strong,
body.vx-experience-v3 .vxp-link-strong {
  display: block;
  font-weight: 800;
  color: var(--vxp-text);
}

body.vx-experience-v3 .vxp-link-strong:hover,
body.vx-experience-v3 .vxp-link:hover {
  color: var(--vxp-brand-dark);
}

body.vx-experience-v3 .vxp-entity span,
body.vx-experience-v3 .vxp-contact span,
body.vx-experience-v3 .vxp-subline {
  display: block;
  margin-top: 3px;
  color: var(--vxp-muted);
  font-size: .56rem;
}

body.vx-experience-v3 .vxp-badge {
  min-height: 24px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  font-size: .54rem;
  font-weight: 800;
  white-space: nowrap;
}

body.vx-experience-v3 .vxp-badge-success { background: rgba(22,156,98,.1); color: #148553; }
body.vx-experience-v3 .vxp-badge-warning { background: rgba(216,138,19,.12); color: #b36d09; }
body.vx-experience-v3 .vxp-badge-danger { background: rgba(220,76,76,.1); color: #c33f3f; }
body.vx-experience-v3 .vxp-badge-info { background: rgba(37,99,235,.1); color: #2563eb; }
body.vx-experience-v3 .vxp-badge-muted { background: var(--vxp-soft-2); color: var(--vxp-muted); }

html.dark body.vx-experience-v3 .vxp-badge-success { color: #54d69a; }
html.dark body.vx-experience-v3 .vxp-badge-warning { color: #f2b74c; }
html.dark body.vx-experience-v3 .vxp-badge-danger { color: #ff8585; }
html.dark body.vx-experience-v3 .vxp-badge-info { color: #74a1ff; }

body.vx-experience-v3 .vxp-text-danger { color: var(--vxp-danger) !important; }
body.vx-experience-v3 .vxp-text-success { color: var(--vxp-success) !important; }
body.vx-experience-v3 .vxp-row-muted { opacity: .62; }

body.vx-experience-v3 .vxp-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border-bottom: 1px solid var(--vxp-border);
  background: var(--vxp-soft);
  overflow-x: auto;
}

body.vx-experience-v3 .vxp-tabs button {
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 9px;
  color: var(--vxp-muted);
  font-size: .65rem;
  font-weight: 750;
  white-space: nowrap;
}

body.vx-experience-v3 .vxp-tabs button.active {
  background: var(--vxp-bg);
  color: var(--vxp-brand-dark);
  box-shadow: 0 3px 10px rgba(15,23,42,.07);
}

body.vx-experience-v3 .vxp-tabs button span {
  min-width: 20px;
  min-height: 20px;
  padding: 2px 5px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(245,158,11,.13);
  font-size: .52rem;
}

body.vx-experience-v3 .vxp-tab-panel.hidden,
body.vx-experience-v3 .vxp-modal-layer.hidden,
body.vx-experience-v3 .vxp-nav-badge.hidden {
  display: none !important;
}

body.vx-experience-v3 .vxp-nav-badge {
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #dc4c4c;
  color: #fff;
  font-size: .52rem;
  font-weight: 850;
}

body.vx-experience-v3 .vxp-check,
body.vx-experience-v3 .vxp-switch-row {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--vxp-text);
  font-size: .65rem;
  cursor: pointer;
}

body.vx-experience-v3 .vxp-check input {
  width: 16px;
  height: 16px;
  accent-color: var(--vxp-brand);
}

body.vx-experience-v3 .vxp-movement-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--vxp-border);
}

body.vx-experience-v3 .vxp-movement-summary > div {
  padding: 15px;
  border-right: 1px solid var(--vxp-border);
}

body.vx-experience-v3 .vxp-movement-summary > div:last-child { border-right: 0; }
body.vx-experience-v3 .vxp-movement-summary span { display: block; color: var(--vxp-muted); font-size: .57rem; text-transform: uppercase; font-weight: 750; }
body.vx-experience-v3 .vxp-movement-summary strong { display: block; margin-top: 5px; font-size: 1rem; font-weight: 850; }

body.vx-experience-v3 .vxp-empty {
  min-height: 180px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--vxp-muted);
}

body.vx-experience-v3 .vxp-empty > i {
  margin-bottom: 11px;
  color: #b0bbc9;
  font-size: 1.55rem;
}

body.vx-experience-v3 .vxp-empty h4 {
  color: var(--vxp-text);
  font-size: .78rem;
  font-weight: 800;
}

body.vx-experience-v3 .vxp-empty p {
  max-width: 350px;
  margin-top: 5px;
  font-size: .63rem;
  line-height: 1.5;
}

body.vx-experience-v3 .vxp-empty button {
  margin-top: 13px;
  padding: 8px 12px;
  border-radius: 9px;
  background: rgba(245,158,11,.12);
  color: var(--vxp-brand-dark);
  font-size: .62rem;
  font-weight: 750;
}

body.vxp-modal-open { overflow: hidden; }

body.vx-experience-v3 .vxp-modal-layer {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 22px;
}

body.vx-experience-v3 .vxp-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7,12,18,.58);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

body.vx-experience-v3 .vxp-modal-card {
  position: relative;
  z-index: 1;
  width: min(1080px, 96vw);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--vxp-border);
  border-radius: 16px;
  background: var(--vxp-bg);
  box-shadow: 0 30px 90px rgba(0,0,0,.28);
}

body.vx-experience-v3 #vxp-supplier-modal .vxp-modal-card,
body.vx-experience-v3 #vxp-payment-modal .vxp-modal-card {
  width: min(650px, 96vw);
}

body.vx-experience-v3 .vxp-modal-header,
body.vx-experience-v3 .vxp-modal-footer {
  padding: 14px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-color: var(--vxp-border);
  background: var(--vxp-soft);
}

body.vx-experience-v3 .vxp-modal-header { border-bottom: 1px solid var(--vxp-border); }
body.vx-experience-v3 .vxp-modal-footer { border-top: 1px solid var(--vxp-border); justify-content: flex-end; }
body.vx-experience-v3 .vxp-modal-header h3 { font-size: .9rem; font-weight: 850; }
body.vx-experience-v3 .vxp-modal-header p { margin-top: 4px; color: var(--vxp-muted); font-size: .6rem; }
body.vx-experience-v3 .vxp-modal-body { padding: 17px; overflow-y: auto; }

body.vx-experience-v3 .vxp-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.vx-experience-v3 .vxp-form-grid label,
body.vx-experience-v3 .vxp-purchase-item label {
  min-width: 0;
  display: block;
}

body.vx-experience-v3 .vxp-form-grid label > span,
body.vx-experience-v3 .vxp-purchase-item label > span {
  display: block;
  margin-bottom: 6px;
  color: var(--vxp-muted);
  font-size: .57rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .035em;
}

body.vx-experience-v3 .vxp-form-grid textarea {
  resize: vertical;
}

body.vx-experience-v3 .vxp-col-2 { grid-column: span 2; }
body.vx-experience-v3 .vxp-col-full { grid-column: 1 / -1; }

body.vx-experience-v3 .vxp-switch-row input { display: none; }
body.vx-experience-v3 .vxp-switch {
  width: 36px;
  height: 20px;
  position: relative;
  flex: 0 0 36px;
  border-radius: 999px;
  background: #c7d0db;
  transition: .18s ease;
}
body.vx-experience-v3 .vxp-switch::after {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
  transition: .18s ease;
}
body.vx-experience-v3 .vxp-switch-row input:checked + .vxp-switch { background: var(--vxp-brand); }
body.vx-experience-v3 .vxp-switch-row input:checked + .vxp-switch::after { transform: translateX(16px); }

body.vx-experience-v3 .vxp-purchase-items-block {
  margin-top: 16px;
  border: 1px solid var(--vxp-border);
  border-radius: 13px;
  overflow: hidden;
}

body.vx-experience-v3 .vxp-block-head {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--vxp-border);
  background: var(--vxp-soft);
}

body.vx-experience-v3 .vxp-block-head h4,
body.vx-experience-v3 .vxp-detail-section h4 {
  font-size: .7rem;
  font-weight: 800;
}

body.vx-experience-v3 .vxp-block-head p {
  margin-top: 3px;
  color: var(--vxp-muted);
  font-size: .56rem;
}

body.vx-experience-v3 .vxp-purchase-items {
  display: grid;
}

body.vx-experience-v3 .vxp-purchase-item {
  padding: 11px;
  display: grid;
  grid-template-columns: 28px minmax(240px, 2fr) minmax(90px, .55fr) minmax(120px, .75fr) minmax(150px, .9fr) 34px;
  align-items: end;
  gap: 9px;
  border-bottom: 1px solid var(--vxp-border);
}

body.vx-experience-v3 .vxp-purchase-item:last-child { border-bottom: 0; }
body.vx-experience-v3 .vxp-item-index { width: 27px; height: 27px; display: grid; place-items: center; align-self: center; border-radius: 8px; background: var(--vxp-soft-2); color: var(--vxp-muted); font-size: .58rem; font-weight: 800; }
body.vx-experience-v3 .vxp-item-total { min-width: 0; align-self: center; }
body.vx-experience-v3 .vxp-item-total span,
body.vx-experience-v3 .vxp-item-total small { display: block; color: var(--vxp-muted); font-size: .54rem; }
body.vx-experience-v3 .vxp-item-total strong { display: block; margin: 4px 0 2px; font-size: .72rem; font-weight: 850; }

body.vx-experience-v3 .vxp-purchase-lower-grid {
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(240px, .7fr);
  gap: 14px;
}

body.vx-experience-v3 .vxp-purchase-total-card,
body.vx-experience-v3 .vxp-detail-totals {
  padding: 14px;
  border: 1px solid var(--vxp-border);
  border-radius: 13px;
  background: var(--vxp-soft);
}

body.vx-experience-v3 .vxp-purchase-total-card > div,
body.vx-experience-v3 .vxp-detail-totals > div {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px dashed var(--vxp-border);
  font-size: .64rem;
}

body.vx-experience-v3 .vxp-purchase-total-card > div:last-child,
body.vx-experience-v3 .vxp-detail-totals > div:last-child { border-bottom: 0; }
body.vx-experience-v3 .vxp-purchase-total-card span,
body.vx-experience-v3 .vxp-detail-totals span { color: var(--vxp-muted); }
body.vx-experience-v3 .vxp-total-line { margin-top: 4px; padding-top: 12px !important; font-size: .76rem !important; }
body.vx-experience-v3 .vxp-balance-line strong { color: var(--vxp-danger); font-size: .78rem; }

body.vx-experience-v3 .vxp-payment-balance {
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(220,76,76,.18);
  border-radius: 11px;
  background: rgba(220,76,76,.055);
}
body.vx-experience-v3 .vxp-payment-balance span { margin: 0 !important; }
body.vx-experience-v3 .vxp-payment-balance strong { color: var(--vxp-danger); font-size: 1rem; }

body.vx-experience-v3 .vxp-detail-loading,
body.vx-experience-v3 .vxp-loading {
  min-height: 240px;
  display: grid;
  place-items: center;
  color: var(--vxp-muted);
}

body.vx-experience-v3 .vxp-detail-top {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 10px;
}

body.vx-experience-v3 .vxp-detail-top > div {
  padding: 12px;
  border: 1px solid var(--vxp-border);
  border-radius: 11px;
  background: var(--vxp-soft);
}
body.vx-experience-v3 .vxp-detail-top span { display: block; color: var(--vxp-muted); font-size: .54rem; text-transform: uppercase; font-weight: 750; }
body.vx-experience-v3 .vxp-detail-top strong { display: block; margin-top: 6px; font-size: .7rem; font-weight: 850; }
body.vx-experience-v3 .vxp-detail-top small { display: block; margin-top: 3px; color: var(--vxp-muted); font-size: .55rem; }

body.vx-experience-v3 .vxp-cancel-note {
  margin-top: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(220,76,76,.22);
  border-radius: 11px;
  background: rgba(220,76,76,.07);
  color: var(--vxp-danger);
}
body.vx-experience-v3 .vxp-cancel-note strong,
body.vx-experience-v3 .vxp-cancel-note span { display: block; }
body.vx-experience-v3 .vxp-cancel-note span { margin-top: 3px; font-size: .58rem; }

body.vx-experience-v3 .vxp-detail-section {
  margin-top: 14px;
  border: 1px solid var(--vxp-border);
  border-radius: 12px;
  overflow: hidden;
}
body.vx-experience-v3 .vxp-detail-section > h4 { padding: 11px 13px; border-bottom: 1px solid var(--vxp-border); background: var(--vxp-soft); }

body.vx-experience-v3 .vxp-detail-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1.5fr .7fr;
  gap: 14px;
}

body.vx-experience-v3 .vxp-payments-list > div {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--vxp-border);
}
body.vx-experience-v3 .vxp-payments-list > div:last-child { border-bottom: 0; }
body.vx-experience-v3 .vxp-payments-list strong,
body.vx-experience-v3 .vxp-payments-list small { display: block; }
body.vx-experience-v3 .vxp-payments-list small { margin-top: 4px; color: var(--vxp-muted); font-size: .55rem; }

body.vx-experience-v3 .vxp-detail-note {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid var(--vxp-border);
  border-radius: 11px;
  background: var(--vxp-soft);
}
body.vx-experience-v3 .vxp-detail-note strong { font-size: .63rem; }
body.vx-experience-v3 .vxp-detail-note p { margin-top: 5px; color: var(--vxp-muted); font-size: .6rem; line-height: 1.55; }

body.vx-experience-v3 .vxp-dashboard-procurement,
body.vx-experience-v3 .vxp-report-procurement {
  margin-top: 20px;
  padding: 17px;
}

body.vx-experience-v3 .vxp-section-head h3 {
  margin: 4px 0;
  font-size: .88rem;
  font-weight: 850;
}

body.vx-experience-v3 .vxp-dashboard-grid,
body.vx-experience-v3 .vxp-report-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.vx-experience-v3 .vxp-dashboard-metric,
body.vx-experience-v3 .vxp-report-grid article {
  padding: 13px;
  border: 1px solid var(--vxp-border);
  border-radius: 11px;
  background: var(--vxp-soft);
}
body.vx-experience-v3 .vxp-dashboard-metric span,
body.vx-experience-v3 .vxp-report-grid span { display: block; color: var(--vxp-muted); font-size: .55rem; font-weight: 750; text-transform: uppercase; }
body.vx-experience-v3 .vxp-dashboard-metric strong,
body.vx-experience-v3 .vxp-report-grid strong { display: block; margin-top: 6px; font-size: .82rem; font-weight: 850; }
body.vx-experience-v3 .vxp-dashboard-metric small { display: block; margin-top: 4px; color: var(--vxp-muted); font-size: .54rem; }
body.vx-experience-v3 .vxp-dashboard-metric-alert strong { color: var(--vxp-danger); }

body.vx-experience-v3 .vxp-dashboard-lists {
  margin-top: 11px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.vx-experience-v3 .vxp-mini-panel {
  overflow: hidden;
  border: 1px solid var(--vxp-border);
  border-radius: 11px;
}

body.vx-experience-v3 .vxp-mini-panel-head {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--vxp-border);
  background: var(--vxp-soft);
}
body.vx-experience-v3 .vxp-mini-panel-head h4 { font-size: .65rem; font-weight: 800; }
body.vx-experience-v3 .vxp-mini-panel-head button { color: var(--vxp-brand-dark); font-size: .56rem; font-weight: 750; }

body.vx-experience-v3 .vxp-mini-list button {
  width: 100%;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--vxp-border);
  text-align: left;
}
body.vx-experience-v3 .vxp-mini-list button:last-child { border-bottom: 0; }
body.vx-experience-v3 .vxp-mini-list button:hover { background: rgba(245,158,11,.04); }
body.vx-experience-v3 .vxp-mini-list strong,
body.vx-experience-v3 .vxp-mini-list small { display: block; }
body.vx-experience-v3 .vxp-mini-list strong { font-size: .62rem; font-weight: 800; }
body.vx-experience-v3 .vxp-mini-list small { margin-top: 3px; color: var(--vxp-muted); font-size: .53rem; }
body.vx-experience-v3 .vxp-mini-list b { font-size: .61rem; white-space: nowrap; }

body.vx-experience-v3 .vxp-mini-empty {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--vxp-muted);
  font-size: .6rem;
}

body.vx-experience-v3 .vxp-supplier-bars {
  margin-top: 13px;
  display: grid;
  gap: 9px;
}

body.vx-experience-v3 .vxp-supplier-bar {
  display: grid;
  grid-template-columns: minmax(160px, .7fr) minmax(200px, 1.5fr) 110px;
  align-items: center;
  gap: 12px;
}
body.vx-experience-v3 .vxp-supplier-bar strong,
body.vx-experience-v3 .vxp-supplier-bar span { display: block; }
body.vx-experience-v3 .vxp-supplier-bar strong { font-size: .62rem; font-weight: 800; }
body.vx-experience-v3 .vxp-supplier-bar span { margin-top: 3px; color: var(--vxp-muted); font-size: .52rem; }
body.vx-experience-v3 .vxp-supplier-bar b { text-align: right; font-size: .61rem; }
body.vx-experience-v3 .vxp-bar-track { height: 8px; overflow: hidden; border-radius: 999px; background: var(--vxp-soft-2); }
body.vx-experience-v3 .vxp-bar-track span { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #f7b737, #d97706); }

@media (max-width: 1250px) {
  body.vx-experience-v3 .vxp-kpi-grid-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.vx-experience-v3 .vxp-kpi-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.vx-experience-v3 .vxp-purchase-item { grid-template-columns: 28px minmax(220px, 1.5fr) 90px 120px 140px 34px; }
}

@media (max-width: 900px) {
  body.vx-experience-v3 .vxp-page-head,
  body.vx-experience-v3 .vxp-section-head { align-items: flex-start; flex-direction: column; }
  body.vx-experience-v3 .vxp-kpi-grid-5,
  body.vx-experience-v3 .vxp-kpi-grid-4,
  body.vx-experience-v3 .vxp-dashboard-grid,
  body.vx-experience-v3 .vxp-report-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.vx-experience-v3 .vxp-dashboard-lists,
  body.vx-experience-v3 .vxp-purchase-lower-grid,
  body.vx-experience-v3 .vxp-detail-grid { grid-template-columns: 1fr; }
  body.vx-experience-v3 .vxp-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.vx-experience-v3 .vxp-purchase-item { grid-template-columns: 28px minmax(220px, 1fr) 90px 120px 34px; }
  body.vx-experience-v3 .vxp-item-total { grid-column: 2 / 5; }
  body.vx-experience-v3 .vxp-detail-top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  body.vx-experience-v3 .vxp-kpi-grid-5,
  body.vx-experience-v3 .vxp-kpi-grid-4,
  body.vx-experience-v3 .vxp-dashboard-grid,
  body.vx-experience-v3 .vxp-report-grid,
  body.vx-experience-v3 .vxp-movement-summary,
  body.vx-experience-v3 .vxp-detail-top { grid-template-columns: 1fr; }
  body.vx-experience-v3 .vxp-page-actions { width: 100%; }
  body.vx-experience-v3 .vxp-page-actions .vxp-button { flex: 1; }
  body.vx-experience-v3 .vxp-toolbar { align-items: stretch; flex-direction: column; }
  body.vx-experience-v3 .vxp-toolbar input,
  body.vx-experience-v3 .vxp-toolbar select,
  body.vx-experience-v3 .vxp-search-field { width: 100%; min-width: 0; }
  body.vx-experience-v3 .vxp-toolbar-meta { margin-left: 0; }
  body.vx-experience-v3 .vxp-form-grid { grid-template-columns: 1fr; }
  body.vx-experience-v3 .vxp-col-2,
  body.vx-experience-v3 .vxp-col-full { grid-column: auto; }
  body.vx-experience-v3 .vxp-purchase-item { grid-template-columns: 26px 1fr 34px; }
  body.vx-experience-v3 .vxp-purchase-item label { grid-column: 2; }
  body.vx-experience-v3 .vxp-purchase-item .vxp-icon-button { grid-column: 3; grid-row: 1; }
  body.vx-experience-v3 .vxp-item-total { grid-column: 2 / 4; }
  body.vx-experience-v3 .vxp-modal-layer { padding: 8px; }
  body.vx-experience-v3 .vxp-modal-card { width: 100%; max-height: 97vh; border-radius: 13px; }
  body.vx-experience-v3 .vxp-supplier-bar { grid-template-columns: 1fr; gap: 6px; }
  body.vx-experience-v3 .vxp-supplier-bar b { text-align: left; }
}

/* VENDRIX_PROCUREMENT_SOLID_MODAL_V2_START */

/*
 * Os modais são inseridos diretamente no body.
 * Por isso precisam das suas próprias variáveis.
 */
body.vx-experience-v3 .vxp-modal-layer {
  --vxp-bg: #ffffff;
  --vxp-soft: #f8fafc;
  --vxp-soft-2: #eef3f8;
  --vxp-border: #d7e0ea;
  --vxp-text: #182230;
  --vxp-muted: #718096;
  --vxp-brand: #f59e0b;
  --vxp-brand-dark: #d97706;
  --vxp-success: #169c62;
  --vxp-danger: #dc4c4c;
  --vxp-warning: #d88a13;
  color: var(--vxp-text);
}

html.dark
body.vx-experience-v3
.vxp-modal-layer {
  --vxp-bg: #111821;
  --vxp-soft: #0d141d;
  --vxp-soft-2: #18212c;
  --vxp-border: #304055;
  --vxp-text: #eef4fa;
  --vxp-muted: #93a2b5;
}

/*
 * Fundo exterior igual aos restantes formulários.
 * O blur fica apenas atrás do cartão.
 */
html:not(.dark)
body.vx-experience-v3
.vxp-modal-backdrop {
  background: rgba(15, 23, 42, .42) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}

html.dark
body.vx-experience-v3
.vxp-modal-backdrop {
  background: rgba(1, 4, 9, .72) !important;
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
}

/*
 * Cartão sólido: sem transparência nem efeito Glass.
 */
html:not(.dark)
body.vx-experience-v3
.vxp-modal-card {
  background: #ffffff !important;
  border-color: #d7e0ea !important;
  box-shadow:
    0 30px 70px rgba(15, 23, 42, .19),
    0 6px 18px rgba(15, 23, 42, .08) !important;
}

html.dark
body.vx-experience-v3
.vxp-modal-card {
  background:
    linear-gradient(
      180deg,
      #121a24 0%,
      #0f161f 100%
    ) !important;

  border-color: #304055 !important;

  box-shadow:
    0 34px 82px rgba(0, 0, 0, .58),
    0 8px 24px rgba(0, 0, 0, .36) !important;
}

/*
 * Cabeçalho, rodapé e corpo opacos.
 */
html:not(.dark)
body.vx-experience-v3
.vxp-modal-header,

html:not(.dark)
body.vx-experience-v3
.vxp-modal-footer {
  background: #f8fafc !important;
  border-color: #d7e0ea !important;
}

html.dark
body.vx-experience-v3
.vxp-modal-header,

html.dark
body.vx-experience-v3
.vxp-modal-footer {
  background: #0d141d !important;
  border-color: #304055 !important;
}

body.vx-experience-v3
.vxp-modal-body {
  background: var(--vxp-bg) !important;
}

/*
 * Inputs iguais aos restantes formulários.
 */
html:not(.dark)
body.vx-experience-v3
.vxp-modal-layer input,

html:not(.dark)
body.vx-experience-v3
.vxp-modal-layer select,

html:not(.dark)
body.vx-experience-v3
.vxp-modal-layer textarea {
  background: #ffffff !important;
  border-color: #d7e0ea !important;
  color: #182230 !important;
}

html.dark
body.vx-experience-v3
.vxp-modal-layer input,

html.dark
body.vx-experience-v3
.vxp-modal-layer select,

html.dark
body.vx-experience-v3
.vxp-modal-layer textarea {
  background: #0d141d !important;
  border-color: #304055 !important;
  color: #eef4fa !important;
}

body.vx-experience-v3
.vxp-modal-layer input:focus,

body.vx-experience-v3
.vxp-modal-layer select:focus,

body.vx-experience-v3
.vxp-modal-layer textarea:focus {
  border-color: rgba(245, 158, 11, .62) !important;
  box-shadow:
    0 0 0 3px rgba(245, 158, 11, .10) !important;
}

html:not(.dark)
body.vx-experience-v3
.vxp-modal-layer input::placeholder,

html:not(.dark)
body.vx-experience-v3
.vxp-modal-layer textarea::placeholder {
  color: #98a2b3 !important;
}

html.dark
body.vx-experience-v3
.vxp-modal-layer input::placeholder,

html.dark
body.vx-experience-v3
.vxp-modal-layer textarea::placeholder {
  color: #718096 !important;
}

/* VENDRIX_PROCUREMENT_SOLID_MODAL_V2_END */



/* ===== SOURCE: assets/css/vendrix-confirm-dialog-v1.css ===== */
/*
 * VENDRIX_SYSTEM_CONFIRM_DIALOG_V1
 */

.vx-system-confirm-layer {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 22px;
}

.vx-system-confirm-layer.hidden {
  display: none !important;
}

.vx-system-confirm-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, .48);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.vx-system-confirm-card {
  position: relative;
  z-index: 1;
  width: min(440px, 100%);
  overflow: hidden;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 15px;
  padding: 22px;
  border: 1px solid #d9e2ec;
  border-radius: 16px;
  background: #ffffff;
  color: #172033;
  box-shadow:
    0 30px 80px rgba(15, 23, 42, .22),
    0 8px 24px rgba(15, 23, 42, .09);
  animation:
    vxSystemConfirmEnter .18s ease-out;
}

.vx-system-confirm-visual {
  padding-top: 1px;
}

.vx-system-confirm-icon {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #fff2f1;
  color: #dc3f3f;
  font-size: 1rem;
}

.vx-system-confirm-copy h3 {
  margin: 1px 0 7px;
  font-size: .96rem;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: -.01em;
}

.vx-system-confirm-copy p {
  margin: 0;
  color: #697586;
  font-size: .73rem;
  line-height: 1.65;
}

.vx-system-confirm-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 5px;
}

.vx-system-confirm-button {
  min-width: 102px;
  min-height: 40px;
  padding: 9px 15px;
  border-radius: 10px;
  font-size: .69rem;
  font-weight: 800;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

.vx-system-confirm-button:hover {
  transform: translateY(-1px);
}

.vx-system-confirm-button:focus-visible {
  outline: 3px solid rgba(245, 158, 11, .20);
  outline-offset: 2px;
}

.vx-system-confirm-button-cancel {
  border: 1px solid #d5dee8;
  background: #ffffff;
  color: #344054;
}

.vx-system-confirm-button-cancel:hover {
  border-color: #bbc7d4;
  background: #f8fafc;
}

.vx-system-confirm-button-primary {
  border: 1px solid #d92f2f;
  background:
    linear-gradient(
      135deg,
      #e54848 0%,
      #cb2929 100%
    );
  color: #ffffff;
  box-shadow:
    0 8px 18px rgba(203, 41, 41, .20);
}

.vx-system-confirm-layer.is-warning
.vx-system-confirm-icon {
  background: #fff5dc;
  color: #d98300;
}

.vx-system-confirm-layer.is-warning
.vx-system-confirm-button-primary {
  border-color: #d67c00;
  background:
    linear-gradient(
      135deg,
      #f5a20b 0%,
      #dc8100 100%
    );
  box-shadow:
    0 8px 18px rgba(220, 129, 0, .20);
}

.vx-system-confirm-layer.is-primary
.vx-system-confirm-icon {
  background: #eaf1ff;
  color: #3169dc;
}

.vx-system-confirm-layer.is-primary
.vx-system-confirm-button-primary {
  border-color: #2f63ce;
  background:
    linear-gradient(
      135deg,
      #477eea 0%,
      #2f63ce 100%
    );
  box-shadow:
    0 8px 18px rgba(47, 99, 206, .20);
}

html.dark .vx-system-confirm-backdrop {
  background: rgba(1, 5, 10, .72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html.dark .vx-system-confirm-card {
  border-color: #304054;
  background:
    linear-gradient(
      180deg,
      #141d28 0%,
      #101720 100%
    );
  color: #f1f5f9;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, .58),
    0 8px 26px rgba(0, 0, 0, .32);
}

html.dark .vx-system-confirm-copy p {
  color: #93a2b5;
}

html.dark .vx-system-confirm-icon {
  background: rgba(225, 67, 67, .13);
  color: #ff7575;
}

html.dark .vx-system-confirm-button-cancel {
  border-color: #344457;
  background: #111923;
  color: #dce5ef;
}

html.dark .vx-system-confirm-button-cancel:hover {
  border-color: #465970;
  background: #17212d;
}

html.dark
.vx-system-confirm-layer.is-warning
.vx-system-confirm-icon {
  background: rgba(245, 158, 11, .13);
  color: #f7b63c;
}

html.dark
.vx-system-confirm-layer.is-primary
.vx-system-confirm-icon {
  background: rgba(71, 126, 234, .14);
  color: #79a2fa;
}

@keyframes vxSystemConfirmEnter {
  from {
    opacity: 0;
    transform:
      translateY(8px)
      scale(.98);
  }

  to {
    opacity: 1;
    transform:
      translateY(0)
      scale(1);
  }
}

@media (max-width: 540px) {
  .vx-system-confirm-layer {
    padding: 14px;
    align-items: end;
  }

  .vx-system-confirm-card {
    width: 100%;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 18px;
    border-radius: 16px;
  }

  .vx-system-confirm-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .vx-system-confirm-button {
    width: 100%;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vx-system-confirm-card {
    animation: none;
  }

  .vx-system-confirm-button {
    transition: none;
  }
}


/* ===== SOURCE: assets/css/vendrix-rbac-v1.css ===== */
/* VENDRIX_RBAC_FRONTEND_V1 */

:root {
  --vx-auth-brand: #f59e0b;
  --vx-auth-brand-dark: #d97706;
  --vx-auth-danger: #dc2626;
  --vx-auth-success: #16a34a;
}

.vx-auth-shell {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  background: #f4f7fb;
  color: #172033;
}

.vx-auth-shell.hidden { display: none !important; }

.vx-auth-visual {
  position: relative;
  overflow: hidden;
  padding: clamp(32px, 5vw, 72px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  background:
    radial-gradient(circle at 18% 18%, rgba(245,158,11,.30), transparent 28%),
    radial-gradient(circle at 80% 76%, rgba(59,130,246,.18), transparent 30%),
    linear-gradient(145deg, #0a111a 0%, #101b28 52%, #16263a 100%);
}

.vx-auth-visual::before,
.vx-auth-visual::after {
  content: '';
  position: absolute;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
}

.vx-auth-visual::before { width: 520px; height: 520px; right: -170px; top: -180px; }
.vx-auth-visual::after { width: 360px; height: 360px; left: -140px; bottom: -120px; }

.vx-auth-brand,
.vx-auth-copy,
.vx-auth-proof { position: relative; z-index: 1; }

.vx-auth-brand { display: flex; align-items: center; gap: 14px; }
.vx-auth-brand-icon {
  width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  box-shadow: 0 14px 30px rgba(245,158,11,.24);
  font-size: 20px;
}
.vx-auth-brand strong { display: block; font-size: 18px; letter-spacing: -.02em; }
.vx-auth-brand span { display: block; margin-top: 3px; font-size: 10px; color: #9fb0c4; letter-spacing: .13em; text-transform: uppercase; }

.vx-auth-copy { max-width: 630px; }
.vx-auth-copy .vx-auth-kicker { color: #fbbf24; font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.vx-auth-copy h1 { margin: 14px 0 12px; font-size: clamp(34px, 4.5vw, 64px); line-height: 1.02; letter-spacing: -.045em; }
.vx-auth-copy p { max-width: 560px; color: #aebdce; font-size: 15px; line-height: 1.7; }
.vx-auth-proof { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.vx-auth-proof div { padding: 15px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(255,255,255,.035); backdrop-filter: blur(8px); }
.vx-auth-proof i { color: #fbbf24; }
.vx-auth-proof strong { display: block; margin-top: 11px; font-size: 12px; }
.vx-auth-proof span { display: block; margin-top: 5px; color: #8395aa; font-size: 10px; line-height: 1.45; }

.vx-auth-panel { display: flex; align-items: center; justify-content: center; padding: 32px; background: #f7f9fc; }
.vx-auth-card { width: min(100%, 470px); padding: 34px; border: 1px solid #dce4ed; border-radius: 22px; background: #fff; box-shadow: 0 24px 70px rgba(15,23,42,.12); }
.vx-auth-card-head { margin-bottom: 26px; }
.vx-auth-card-head .vx-auth-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; color: #b86600; background: #fff3dd; }
.vx-auth-card-head h2 { margin: 18px 0 7px; font-size: 25px; letter-spacing: -.025em; }
.vx-auth-card-head p { color: #748196; font-size: 12px; line-height: 1.6; }
.vx-auth-form { display: grid; gap: 15px; }
.vx-auth-form label { display: grid; gap: 7px; }
.vx-auth-form label > span { color: #475467; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .055em; }
.vx-auth-form input,
.vx-auth-form select {
  width: 100%; height: 44px; padding: 0 13px; border: 1px solid #d7e0ea; border-radius: 11px; background: #fff; color: #172033; outline: none; font-size: 13px;
}
.vx-auth-form input:focus,
.vx-auth-form select:focus { border-color: rgba(245,158,11,.65); box-shadow: 0 0 0 3px rgba(245,158,11,.11); }
.vx-auth-password-wrap { position: relative; }
.vx-auth-password-wrap input { padding-right: 43px; }
.vx-auth-password-wrap button { position: absolute; right: 5px; top: 5px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; color: #718096; }
.vx-auth-submit { height: 46px; display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 11px; color: #fff; font-size: 12px; font-weight: 800; background: linear-gradient(135deg, #f59e0b, #dc8300); box-shadow: 0 12px 24px rgba(245,158,11,.22); }
.vx-auth-submit:disabled { opacity: .62; cursor: wait; }
.vx-auth-error { min-height: 18px; color: #dc2626; font-size: 11px; }
.vx-auth-note { margin-top: 18px; padding-top: 18px; border-top: 1px solid #edf1f5; color: #8a97aa; font-size: 10px; line-height: 1.6; }

.vx-rbac-hidden { display: none !important; }
.vx-rbac-disabled { opacity: .48 !important; pointer-events: none !important; filter: grayscale(.35); }

.vx-rbac-profile-menu {
  position: fixed;
  z-index: 500;
  width: 290px;
  overflow: hidden;
  border: 1px solid #d9e2ec;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(15,23,42,.18);
}
.vx-rbac-profile-menu.hidden { display: none !important; }
.vx-rbac-profile-summary { padding: 15px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid #edf1f5; background: linear-gradient(135deg,#fff7e8,#fff); }
.vx-rbac-profile-summary img { width: 42px; height: 42px; border-radius: 11px; }
.vx-rbac-profile-summary strong { display: block; font-size: 12px; }
.vx-rbac-profile-summary span { display: block; margin-top: 3px; color: #7b8798; font-size: 10px; }
.vx-rbac-profile-actions { padding: 7px; }
.vx-rbac-profile-actions button { width: 100%; padding: 10px; display: flex; align-items: center; gap: 10px; border-radius: 9px; color: #344054; text-align: left; font-size: 11px; }
.vx-rbac-profile-actions button:hover { background: #fff6e6; color: #9a5b00; }
.vx-rbac-profile-actions button.danger:hover { background: #fff0f0; color: #c62828; }
.vx-rbac-profile-actions i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: #f1f5f9; }

.vx-users-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.vx-users-search { flex: 1; min-width: 230px; }
.vx-users-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.vx-user-card { position: relative; padding: 18px; border: 1px solid #dce4ed; border-radius: 16px; background: #fff; box-shadow: 0 5px 18px rgba(15,23,42,.045); }
.vx-user-card-head { display: flex; align-items: center; gap: 12px; }
.vx-user-card-head img { width: 46px; height: 46px; border-radius: 12px; }
.vx-user-card-head > div { min-width: 0; flex: 1; }
.vx-user-card-head strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
.vx-user-card-head span { display: block; margin-top: 4px; color: #7b8798; font-size: 10px; }
.vx-user-card-meta { margin-top: 16px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.vx-user-card-meta div { padding: 10px; border-radius: 10px; background: #f7f9fc; }
.vx-user-card-meta span { display: block; color: #8491a4; font-size: 9px; text-transform: uppercase; }
.vx-user-card-meta strong { display: block; margin-top: 5px; font-size: 11px; }
.vx-user-card-actions { margin-top: 14px; display: flex; justify-content: flex-end; gap: 7px; }

.vx-rbac-modal-layer { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 18px; background: rgba(15,23,42,.52); backdrop-filter: blur(7px); }
.vx-rbac-modal-layer.hidden { display: none !important; }
.vx-rbac-modal { width: min(760px, 100%); max-height: min(88vh, 860px); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d9e2ec; border-radius: 18px; background: #fff; box-shadow: 0 30px 80px rgba(15,23,42,.24); }
.vx-rbac-modal-head,
.vx-rbac-modal-foot { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #f8fafc; }
.vx-rbac-modal-head { border-bottom: 1px solid #e5ebf2; }
.vx-rbac-modal-foot { border-top: 1px solid #e5ebf2; justify-content: flex-end; }
.vx-rbac-modal-head h3 { font-size: 15px; }
.vx-rbac-modal-head p { margin-top: 3px; color: #7b8798; font-size: 10px; }
.vx-rbac-modal-body { padding: 18px; overflow-y: auto; }
.vx-rbac-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.vx-rbac-form-grid .full { grid-column: 1 / -1; }
.vx-rbac-form-grid label { display: grid; gap: 6px; }
.vx-rbac-form-grid label > span { font-size: 9px; font-weight: 800; text-transform: uppercase; color: #526071; }
.vx-rbac-form-grid input,
.vx-rbac-form-grid select { height: 42px; padding: 0 12px; border: 1px solid #d7e0ea; border-radius: 10px; background: #fff; color: #172033; outline: none; }
.vx-rbac-permission-groups { display: grid; gap: 12px; }
.vx-rbac-permission-group { border: 1px solid #dce4ed; border-radius: 12px; overflow: hidden; }
.vx-rbac-permission-group h4 { padding: 11px 13px; background: #f7f9fc; font-size: 11px; text-transform: capitalize; }
.vx-rbac-permission-list { padding: 8px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.vx-rbac-permission-item { padding: 9px; display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; border-radius: 9px; }
.vx-rbac-permission-item:hover { background: #f8fafc; }
.vx-rbac-permission-item strong { display: block; font-size: 10px; }
.vx-rbac-permission-item span { display: block; margin-top: 3px; color: #8491a4; font-size: 9px; }
.vx-rbac-effect { height: 30px; min-width: 96px; border: 1px solid #d7e0ea; border-radius: 8px; font-size: 9px; }

html.dark .vx-rbac-profile-menu,
html.dark .vx-user-card,
html.dark .vx-rbac-modal { border-color: #2d3b4d; background: #111821; color: #eef4fa; }
html.dark .vx-rbac-profile-summary { border-color: #263443; background: linear-gradient(135deg,rgba(245,158,11,.12),#111821); }
html.dark .vx-rbac-profile-summary span,
html.dark .vx-user-card-head span,
html.dark .vx-rbac-modal-head p { color: #8e9caf; }
html.dark .vx-rbac-profile-actions button { color: #d2dbe6; }
html.dark .vx-rbac-profile-actions button:hover { background: rgba(245,158,11,.10); color: #f8c65c; }
html.dark .vx-rbac-profile-actions i,
html.dark .vx-user-card-meta div,
html.dark .vx-rbac-modal-head,
html.dark .vx-rbac-modal-foot,
html.dark .vx-rbac-permission-group h4 { background: #0d141d; }
html.dark .vx-rbac-modal-head,
html.dark .vx-rbac-modal-foot,
html.dark .vx-rbac-permission-group { border-color: #2d3b4d; }
html.dark .vx-rbac-form-grid input,
html.dark .vx-rbac-form-grid select,
html.dark .vx-rbac-effect { border-color: #304055; background: #0d141d; color: #eef4fa; }
html.dark .vx-rbac-permission-item:hover { background: #17212c; }

@media (max-width: 860px) {
  .vx-auth-shell { grid-template-columns: 1fr; overflow-y: auto; }
  .vx-auth-visual { min-height: 310px; padding: 28px; }
  .vx-auth-copy h1 { font-size: 37px; }
  .vx-auth-proof { display: none; }
  .vx-auth-panel { padding: 18px; }
}

@media (max-width: 620px) {
  .vx-auth-card { padding: 23px; border-radius: 17px; }
  .vx-rbac-form-grid,
  .vx-rbac-permission-list { grid-template-columns: 1fr; }
  .vx-rbac-modal-layer { padding: 8px; }
  .vx-rbac-modal { max-height: 94vh; border-radius: 14px; }
  .vx-user-card-meta { grid-template-columns: 1fr; }
}

/* VENDRIX_LOGIN_MINIMAL_V6_START */

.vx-login-v6 {
  display: grid;
  grid-template-columns: minmax(340px, 34%) 1fr;
  min-height: 100dvh;
  background: #ffffff;
  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.vx-login-v6 .vx-auth-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100dvh;
  overflow: hidden;
  padding: 34px clamp(30px, 3.2vw, 52px);
  color: #ffffff;
  background:
    radial-gradient(
      circle at 72% 52%,
      rgba(246, 155, 1, .22),
      transparent 30%
    ),
    linear-gradient(
      150deg,
      #07101b 0%,
      #0b1726 48%,
      #172e49 100%
    );
}

.vx-login-v6 .vx-auth-visual::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -310px;
  bottom: -200px;
  border: 1px solid rgba(246,155,1,.35);
  border-radius: 50%;
}

.vx-login-v6 .vx-v6-brand,
.vx-login-v6 .vx-v6-message {
  position: relative;
  z-index: 2;
}

.vx-login-v6 .vx-v6-brand img {
  display: block;
  width: min(245px, 85%);
  height: auto;
  object-fit: contain;
  object-position: left;
}

.vx-login-v6 .vx-v6-visual {
  position: relative;
  flex: 1;
  min-height: 220px;
}

.vx-login-v6 .vx-v6-orb {
  position: absolute;
  width: 150px;
  height: 150px;
  left: 48%;
  top: 48%;
  transform: translate(-50%, -50%);
  border-radius: 45% 55% 60% 40%;
  background:
    linear-gradient(
      145deg,
      rgba(13,26,43,.96),
      rgba(78,108,139,.64)
    );
  box-shadow:
    0 30px 70px rgba(0,0,0,.32);
}

.vx-login-v6 .vx-v6-line {
  position: absolute;
  width: 290px;
  height: 290px;
  left: 48%;
  top: 48%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(246,155,1,.25);
  border-radius: 50%;
}

.vx-login-v6 .vx-v6-message {
  max-width: 365px;
  margin-top: auto;
  padding-bottom: 10px;
}

.vx-login-v6 .vx-v6-message h1 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(28px, 2.7vw, 40px);
  line-height: 1.06;
  letter-spacing: -.045em;
}

.vx-login-v6 .vx-v6-message h1 strong {
  display: block;
  margin-top: 5px;
  color: #f59e0b;
  font-weight: inherit;
}

.vx-login-v6 .vx-v6-message p {
  margin: 17px 0 0;
  color: #c2cbd7;
  font-size: 12px;
  line-height: 1.7;
}

.vx-login-v6 .vx-auth-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 100dvh;
  padding: 48px clamp(28px, 7vw, 110px);
  background: #ffffff;
}

.vx-login-v6 .vx-auth-card {
  width: min(100%, 430px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.vx-login-v6 .vx-auth-card-head {
  margin-bottom: 27px;
  text-align: center;
}

.vx-login-v6 .vx-auth-icon {
  width: 47px;
  height: 47px;
  display: grid;
  place-items: center;
  margin: 0 auto 17px;
  border-radius: 50%;
  background: #fff3dc;
  color: #c36d00;
  font-size: 16px;
}

.vx-login-v6 .vx-auth-card-head h2 {
  margin: 0;
  color: #111827;
  font-size: 28px;
  font-weight: 750;
  letter-spacing: -.035em;
}

.vx-login-v6 .vx-auth-card-head p {
  margin: 7px 0 0;
  color: #7b8491;
  font-size: 12px;
}

.vx-login-v6 .vx-auth-form {
  display: grid;
  gap: 15px;
}

.vx-login-v6 .vx-auth-form > label {
  display: grid;
  gap: 7px;
}

.vx-login-v6 .vx-auth-form > label > span {
  color: #374151;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.vx-login-v6 .vx-auth-input-wrap {
  position: relative;
}

.vx-login-v6 .vx-auth-input-wrap > i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  font-size: 12px;
  pointer-events: none;
}

.vx-login-v6 .vx-auth-form input {
  width: 100%;
  height: 46px;
  padding: 0 44px 0 39px;
  border: 1px solid #dde2e8;
  border-radius: 9px;
  background: #ffffff;
  color: #172033;
  font-size: 12px;
  outline: none;
  box-shadow: 0 1px 2px rgba(15,23,42,.025);
}

.vx-login-v6 .vx-auth-form input:focus {
  border-color: #e99a16;
  box-shadow:
    0 0 0 3px rgba(246,155,1,.11);
}

.vx-login-v6 .vx-auth-form input::placeholder {
  color: #a9b0ba;
}

.vx-login-v6 .vx-auth-password-wrap button {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
}

.vx-login-v6 .vx-auth-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.vx-login-v6 .vx-auth-remember {
  display: flex !important;
  grid-template-columns: auto 1fr !important;
  align-items: center;
  gap: 7px !important;
  color: #525b67;
  font-size: 11px;
}

.vx-login-v6 .vx-auth-remember input {
  width: 15px;
  height: 15px;
  padding: 0;
  accent-color: #e88b00;
}

.vx-login-v6 .vx-auth-forgot {
  border: 0;
  background: transparent;
  color: #646d79;
  font-size: 10px;
  cursor: pointer;
}

.vx-login-v6 .vx-auth-error {
  min-height: 16px;
  color: #dc2626;
  font-size: 10px;
  line-height: 1.4;
}

.vx-login-v6 .vx-auth-submit {
  height: 46px;
  border: 0;
  border-radius: 9px;
  background:
    linear-gradient(
      90deg,
      #dd8200,
      #f5a90c
    );
  color: #ffffff;
  cursor: pointer;
}

.vx-login-v6 .vx-auth-submit span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 750;
}

.vx-login-v6 .vx-auth-submit:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.vx-login-v6 .vx-v6-help {
  margin-top: 26px;
  color: #656e7a;
  font-size: 10px;
  text-align: center;
}

.vx-login-v6 .vx-auth-panel-footer {
  margin-top: clamp(75px, 15vh, 135px);
  color: #9299a3;
  font-size: 9px;
  line-height: 1.55;
  text-align: center;
}

@media (max-width: 900px) {
  .vx-login-v6 {
    grid-template-columns: 1fr;
  }

  .vx-login-v6 .vx-auth-visual {
    min-height: 300px;
  }

  .vx-login-v6 .vx-v6-visual {
    display: none;
  }

  .vx-login-v6 .vx-v6-message {
    margin-top: 80px;
  }

  .vx-login-v6 .vx-auth-panel {
    min-height: auto;
    padding: 48px 20px;
  }

  .vx-login-v6 .vx-auth-panel-footer {
    margin-top: 55px;
  }
}

@media (max-width: 520px) {
  .vx-login-v6 .vx-auth-visual {
    padding: 24px 20px 30px;
  }

  .vx-login-v6 .vx-v6-brand img {
    width: 210px;
  }

  .vx-login-v6 .vx-v6-message h1 {
    font-size: 29px;
  }

  .vx-login-v6 .vx-auth-options {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* VENDRIX_LOGIN_MINIMAL_V6_END */

/* VENDRIX_LOGIN_CLEAN_V8_START */

.vx-login-v6 .vx-auth-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding:
    clamp(44px, 6vw, 96px)
    clamp(32px, 8vw, 130px);
}

.vx-login-v6 .vx-auth-card {
  width: min(100%, 500px);
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.vx-login-v6 .vx-auth-form {
  display: grid;
  gap: 18px;
}

.vx-login-v6 .vx-auth-form > label {
  display: grid;
  gap: 8px;
}

.vx-login-v6 .vx-auth-form > label > span {
  color: #2f3b4e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.vx-login-v6 .vx-auth-input-wrap {
  position: relative;
}

.vx-login-v6 .vx-auth-form input {
  width: 100%;
  height: 54px;
  padding:
    0
    48px
    0
    45px;
  border: 1px solid #d7dee8;
  border-radius: 12px;
  background: #ffffff;
  color: #172033;
  font-size: 14px;
  outline: none;
  box-shadow: none;
}

.vx-login-v6 .vx-auth-form input:hover {
  border-color: #bcc7d4;
}

.vx-login-v6 .vx-auth-form input:focus {
  border-color: #e58a00;
  background: #ffffff;
  box-shadow:
    0 0 0 3px rgba(246,155,1,.10);
}

.vx-login-v6 .vx-auth-form input::placeholder {
  color: #9da8b7;
}

.vx-login-v6 .vx-auth-input-wrap > i {
  left: 16px;
  color: #8d99aa;
}

.vx-login-v6 .vx-auth-password-wrap button {
  right: 9px;
  top: 9px;
  width: 36px;
  height: 36px;
  border-radius: 9px;
}

.vx-login-v6 .vx-auth-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 1px;
}

.vx-login-v6 .vx-auth-remember {
  color: #465469;
  font-size: 11px;
  font-weight: 650;
}

.vx-login-v6 .vx-auth-remember input {
  width: 16px;
  height: 16px;
}

.vx-login-v6 .vx-auth-forgot {
  color: #c97100;
  font-size: 11px;
  font-weight: 700;
}

.vx-login-v6 .vx-auth-error {
  min-height: 18px;
  margin-top: 1px;
  color: #dc2626;
  font-size: 11px;
}

.vx-login-v6 .vx-auth-submit {
  height: 54px;
  border-radius: 12px;
  background:
    linear-gradient(
      135deg,
      #f6a000,
      #e88400
    );
  box-shadow:
    0 10px 26px rgba(232,132,0,.15);
}

.vx-login-v6 .vx-auth-submit span {
  font-size: 14px;
  font-weight: 750;
}

.vx-login-v6 .vx-v6-help {
  margin-top: 26px;
  padding: 15px 18px;
  border: 1px solid #e3e8ee;
  border-radius: 11px;
  background: #fafbfc;
  color: #6d7889;
  font-size: 11px;
  line-height: 1.55;
  text-align: center;
}

.vx-login-v6 .vx-auth-panel-footer {
  margin-top: 58px;
  color: #9ba4b0;
  font-size: 9px;
  letter-spacing: .01em;
  text-align: center;
}

/*
  O painel esquerdo fica visual e minimalista:
  apenas logótipo e elementos gráficos.
*/
.vx-login-v6 .vx-auth-visual {
  justify-content: flex-start;
}

.vx-login-v6 .vx-v6-brand {
  margin-bottom: 0;
}

.vx-login-v6 .vx-v6-visual {
  flex: 1;
  min-height: 430px;
}

@media (max-width: 900px) {
  .vx-login-v6 .vx-auth-visual {
    min-height: 230px;
  }

  .vx-login-v6 .vx-v6-visual {
    display: block;
    min-height: 100px;
  }

  .vx-login-v6 .vx-auth-panel {
    padding: 46px 20px;
  }
}

@media (max-width: 520px) {
  .vx-login-v6 .vx-auth-options {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .vx-login-v6 .vx-auth-card {
    width: 100%;
  }
}

/* VENDRIX_LOGIN_CLEAN_V8_END */

/* VENDRIX_LOGIN_FORM_V9_START */

.vx-login-v6 .vx-auth-card {
  width: min(100%, 510px);
}

.vx-login-v6 .vx-auth-form {
  display: grid;
  gap: 18px;
}

.vx-login-v6 .vx-auth-form > label {
  display: grid;
  gap: 8px;
}

.vx-login-v6 .vx-auth-form > label > span {
  color: #27354a;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.vx-login-v6 .vx-auth-input-wrap {
  position: relative;
}

.vx-login-v6 .vx-auth-input-wrap > i {
  left: 17px;
  color: #96a2b2;
}

.vx-login-v6 .vx-auth-form input {
  width: 100%;
  height: 55px;
  padding:
    0
    58px
    0
    47px;
  border: 1px solid #d9e0e8;
  border-radius: 12px;
  background: #ffffff;
  color: #172033;
  font-size: 14px;
  outline: none;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .025);
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background-color .18s ease;
}

.vx-login-v6 .vx-auth-form input:hover {
  border-color: #bcc7d3;
  background: #ffffff;
}

.vx-login-v6 .vx-auth-form input:focus {
  border-color: #df8500;
  background: #ffffff;
  box-shadow:
    0 0 0 4px rgba(246, 155, 1, .10);
}

.vx-login-v6 .vx-auth-form input::placeholder {
  color: #a4afbd;
}

.vx-login-v6 .vx-auth-password-wrap button {
  right: 9px;
  top: 9px;
  width: 37px;
  height: 37px;
  border-radius: 9px;
  color: #7f8b9c;
}

.vx-login-v6 .vx-auth-password-wrap button:hover {
  background: #fff5e5;
  color: #c87300;
}

.vx-login-v6 .vx-auth-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 0;
}

.vx-login-v6 .vx-auth-remember {
  display: inline-flex !important;
  align-items: center;
  gap: 9px !important;
  color: #445166;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.vx-login-v6 .vx-auth-remember input {
  appearance: none;
  width: 17px;
  height: 17px;
  padding: 0;
  border: 1px solid #a9b4c2;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
}

.vx-login-v6 .vx-auth-remember input:checked {
  border-color: #e58a00;
  background:
    #e58a00
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")
    center / 12px
    no-repeat;
}

.vx-login-v6 .vx-auth-forgot {
  color: #c66f00;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.vx-login-v6 .vx-auth-forgot:hover {
  color: #9f5900;
  text-decoration: underline;
}

.vx-login-v6 .vx-auth-error {
  min-height: 18px;
  margin-top: 0;
  color: #dc2626;
  font-size: 11px;
  line-height: 1.5;
}

.vx-login-v6 .vx-auth-error:empty {
  min-height: 0;
  display: none;
}

.vx-login-v6 .vx-auth-submit {
  height: 54px;
  border-radius: 12px;
  background:
    linear-gradient(
      135deg,
      #f5a000,
      #e78700
    );
  box-shadow:
    0 12px 28px rgba(232, 132, 0, .17);
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    filter .16s ease;
}

.vx-login-v6 .vx-auth-submit:hover {
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow:
    0 15px 32px rgba(232, 132, 0, .21);
}

.vx-login-v6 .vx-auth-submit:active {
  transform: translateY(0);
}

.vx-login-v6 .vx-auth-submit span {
  font-size: 14px;
  font-weight: 750;
}

.vx-login-v6 .vx-v9-divider {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 25px 0 17px;
  color: #8a95a5;
  font-size: 10px;
  white-space: nowrap;
}

.vx-login-v6 .vx-v9-divider::before,
.vx-login-v6 .vx-v9-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e2e7ed;
}

.vx-login-v6 .vx-v9-social-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vx-login-v6 .vx-v9-social-button {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid #dce2e9;
  border-radius: 11px;
  background: #ffffff;
  color: #253247;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .025);
  transition:
    border-color .16s ease,
    background-color .16s ease,
    transform .16s ease;
}

.vx-login-v6 .vx-v9-social-button:hover {
  border-color: #bfc9d5;
  background: #fafbfc;
  transform: translateY(-1px);
}

.vx-login-v6 .vx-v9-google-icon {
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  color: #4285f4;
  font-family:
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.vx-login-v6 .vx-v9-microsoft-icon {
  width: 18px;
  height: 18px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2px;
}

.vx-login-v6 .vx-v9-microsoft-icon i {
  display: block;
}

.vx-login-v6 .vx-v9-microsoft-icon i:nth-child(1) {
  background: #f25022;
}

.vx-login-v6 .vx-v9-microsoft-icon i:nth-child(2) {
  background: #7fba00;
}

.vx-login-v6 .vx-v9-microsoft-icon i:nth-child(3) {
  background: #00a4ef;
}

.vx-login-v6 .vx-v9-microsoft-icon i:nth-child(4) {
  background: #ffb900;
}

.vx-login-v6 .vx-v6-help {
  margin-top: 20px;
  padding: 14px 17px;
  border: 1px solid #e2e7ed;
  border-radius: 11px;
  background: #fafbfc;
  color: #718095;
  font-size: 10px;
  line-height: 1.55;
}

.vx-login-v6 .vx-auth-panel-footer {
  margin-top: 52px;
}

@media (max-width: 520px) {
  .vx-login-v6 .vx-v9-social-grid {
    grid-template-columns: 1fr;
  }

  .vx-login-v6 .vx-auth-options {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
}

/* VENDRIX_LOGIN_FORM_V9_END */

/* VENDRIX_REMOVE_LOGIN_HELP_V10_START */

.vx-login-v6 .vx-v6-help {
  display: none !important;
}

/* VENDRIX_REMOVE_LOGIN_HELP_V10_END */

/* VENDRIX_LOGIN_HEADING_V11_START */

.vx-login-v6 .vx-v11-login-heading {
  margin: 0 0 30px;
  text-align: left;
}

.vx-login-v6 .vx-v11-login-heading h1 {
  margin: 0;
  color: #172033;
  font-size: clamp(30px, 2.4vw, 38px);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.vx-login-v6 .vx-v11-login-heading p {
  max-width: 430px;
  margin: 11px 0 0;
  color: #748095;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
}

@media (max-width: 520px) {
  .vx-login-v6 .vx-v11-login-heading {
    margin-bottom: 25px;
  }

  .vx-login-v6 .vx-v11-login-heading h1 {
    font-size: 29px;
  }

  .vx-login-v6 .vx-v11-login-heading p {
    font-size: 12px;
  }
}

/* VENDRIX_LOGIN_HEADING_V11_END */

/* VENDRIX_LOGIN_FORM_V12_START */

.vx-login-v6 .vx-auth-card {
  width: min(100%, 520px);
}

.vx-login-v6 .vx-v11-login-heading {
  margin-bottom: 30px;
}

.vx-login-v6 .vx-v11-login-heading h1 {
  color: #152033;
  font-size: clamp(31px, 2.35vw, 39px);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -.042em;
}

.vx-login-v6 .vx-v11-login-heading p {
  max-width: 470px;
  margin-top: 10px;
  color: #728096;
  font-size: 13px;
  line-height: 1.6;
}

.vx-login-v6 .vx-auth-form {
  gap: 18px;
}

.vx-login-v6 .vx-auth-form > label {
  gap: 8px;
}

.vx-login-v6 .vx-auth-form > label > span {
  color: #28364a;
  font-size: 12px;
  font-weight: 720;
}

/*
  Remover definitivamente o azul antigo,
  incluindo preenchimento automático do navegador.
*/
.vx-login-v6 .vx-auth-form input,
.vx-login-v6 .vx-auth-form input:hover,
.vx-login-v6 .vx-auth-form input:active {
  height: 54px;
  border: 1px solid #d8dfe8 !important;
  border-radius: 12px;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #172033 !important;
  font-size: 14px;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .025) !important;
  outline: none;
}

.vx-login-v6 .vx-auth-form input:hover {
  border-color: #bcc6d2 !important;
}

.vx-login-v6 .vx-auth-form input:focus {
  border-color: #e38a00 !important;
  background-color: #ffffff !important;
  box-shadow:
    0 0 0 4px rgba(246, 155, 1, .10) !important;
}

.vx-login-v6 .vx-auth-form input::placeholder {
  color: #9da8b7;
}

.vx-login-v6 .vx-auth-form input:-webkit-autofill,
.vx-login-v6 .vx-auth-form input:-webkit-autofill:hover,
.vx-login-v6 .vx-auth-form input:-webkit-autofill:focus,
.vx-login-v6 .vx-auth-form input:-webkit-autofill:active {
  -webkit-text-fill-color: #172033 !important;

  -webkit-box-shadow:
    0 0 0 1000px #ffffff inset !important;

  box-shadow:
    0 0 0 1000px #ffffff inset !important;

  border-color: #d8dfe8 !important;

  caret-color: #172033;

  transition:
    background-color 9999s ease-out 0s;
}

.vx-login-v6 .vx-auth-input-wrap > i {
  color: #8c98a8;
}

.vx-login-v6 .vx-auth-password-wrap button {
  color: #7e8b9c;
}

.vx-login-v6 .vx-auth-password-wrap button:hover {
  background: #fff4df;
  color: #bf6a00;
}

.vx-login-v6 .vx-auth-options {
  margin-top: 1px;
}

.vx-login-v6 .vx-auth-remember {
  color: #455267;
  font-size: 11px;
}

.vx-login-v6 .vx-auth-forgot {
  color: #bf6b00;
  font-size: 11px;
}

.vx-login-v6 .vx-auth-error {
  min-height: 17px;
  font-size: 11px;
}

.vx-login-v6 .vx-auth-error.vx-register-information {
  display: block;
  min-height: auto;
  padding: 11px 13px;
  border: 1px solid #f3d6a5;
  border-radius: 9px;
  background: #fff9ef;
  color: #9b5c05;
  line-height: 1.5;
}

.vx-login-v6 .vx-auth-submit {
  height: 54px;
  border-radius: 12px;
  background:
    linear-gradient(
      135deg,
      #f6a000,
      #e88400
    );
  box-shadow:
    0 11px 25px rgba(232, 132, 0, .15);
}

.vx-login-v6 .vx-auth-submit:hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 30px rgba(232, 132, 0, .20);
}

.vx-login-v6 .vx-create-account-v12 {
  width: 100%;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: -4px;
  border: 1px solid #d8dfe8;
  border-radius: 12px;
  background: #ffffff;
  color: #263449;
  font-family: inherit;
  font-size: 13px;
  font-weight: 720;
  cursor: pointer;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .025);
  transition:
    border-color .16s ease,
    background-color .16s ease,
    color .16s ease,
    transform .16s ease;
}

.vx-login-v6 .vx-create-account-v12:hover {
  border-color: #e39a27;
  background: #fffaf2;
  color: #b76300;
  transform: translateY(-1px);
}

.vx-login-v6 .vx-create-account-v12:active {
  transform: translateY(0);
}

.vx-login-v6 .vx-create-account-v12 i {
  color: #dc8300;
  font-size: 12px;
}

.vx-login-v6 .vx-v9-divider {
  margin-top: 25px;
}

.vx-login-v6 .vx-v9-social-button {
  background: #ffffff;
}

.vx-login-v6 .vx-v9-social-button:hover {
  border-color: #c5ced9;
  background: #fafbfc;
}

@media (max-width: 520px) {
  .vx-login-v6 .vx-v11-login-heading h1 {
    font-size: 29px;
  }

  .vx-login-v6 .vx-v11-login-heading p {
    font-size: 12px;
  }
}

/* VENDRIX_LOGIN_FORM_V12_END */

/* VENDRIX_REMEMBER_CHECKBOX_V13_START */

.vx-login-v6 .vx-auth-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.vx-login-v6 .vx-auth-remember {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  cursor: pointer;
}

.vx-login-v6
.vx-auth-form
.vx-auth-options
.vx-auth-remember
input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-block !important;
  flex: 0 0 17px !important;

  width: 17px !important;
  min-width: 17px !important;
  max-width: 17px !important;

  height: 17px !important;
  min-height: 17px !important;
  max-height: 17px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid #aab5c3 !important;
  border-radius: 4px !important;

  background-color: #ffffff !important;
  background-image: none !important;

  box-shadow: none !important;
  outline: none !important;

  cursor: pointer;
  vertical-align: middle;
}

.vx-login-v6
.vx-auth-form
.vx-auth-options
.vx-auth-remember
input[type="checkbox"]:hover {
  border-color: #dd8500 !important;
  background-color: #fffaf2 !important;
}

.vx-login-v6
.vx-auth-form
.vx-auth-options
.vx-auth-remember
input[type="checkbox"]:focus {
  border-color: #dd8500 !important;
  box-shadow:
    0 0 0 3px rgba(246, 155, 1, .12) !important;
}

.vx-login-v6
.vx-auth-form
.vx-auth-options
.vx-auth-remember
input[type="checkbox"]:checked {
  border-color: #e58a00 !important;

  background-color: #e58a00 !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;

  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 12px 12px !important;
}

.vx-login-v6 .vx-auth-remember span {
  display: inline-block;
  color: #455267;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: .025em;
  white-space: nowrap;
}

@media (max-width: 520px) {
  .vx-login-v6 .vx-auth-options {
    align-items: flex-start;
  }
}

/* VENDRIX_REMEMBER_CHECKBOX_V13_END */

/* VENDRIX_GOOGLE_ICON_V2_START */

.vx-login-v6 .vx-v9-google-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: initial;
  font-size: 0;
  line-height: 0;
}

.vx-login-v6 .vx-google-official-svg-v2 svg {
  display: block;
  width: 18px;
  height: 18px;
  overflow: visible;
}

/* VENDRIX_GOOGLE_ICON_V2_END */

/* VENDRIX_REMOVE_LOGIN_FOOTER_V14_START */

.vx-login-v6 .vx-auth-panel-footer {
  display: none !important;
}

/* VENDRIX_REMOVE_LOGIN_FOOTER_V14_END */

/* VENDRIX_LOGIN_PREMIUM_FIELDS_DIRECT_V4_1
   Compact premium login fields.
*/

html.vx-flow-login,
html.vx-flow-login body,
html.vx-flow-login .vx-login-v6 {
  color-scheme: light !important;
}

.vx-login-v6 .vx-auth-input-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;

  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border: 1px solid #cbd5e1 !important;
  border-radius: 11px !important;

  background: #ffffff !important;
  background-color: #ffffff !important;

  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.025) !important;

  outline: 0 !important;

  transition:
    border-color 160ms ease,
    box-shadow 160ms ease !important;
}

.vx-login-v6 .vx-auth-input-wrap:hover {
  border-color: #aebdce !important;
}

.vx-login-v6 .vx-auth-input-wrap:focus-within {
  border-color: #f59e0b !important;

  background: #ffffff !important;
  background-color: #ffffff !important;

  box-shadow:
    0 0 0 3px rgba(245, 158, 11, 0.10) !important;

  outline: 0 !important;
}

.vx-login-v6 .vx-auth-form input:not([type="checkbox"]),
.vx-login-v6 .vx-auth-form input:not([type="checkbox"]):hover,
.vx-login-v6 .vx-auth-form input:not([type="checkbox"]):focus,
.vx-login-v6 .vx-auth-form input:not([type="checkbox"]):active,
.vx-login-v6 .vx-auth-form input:not([type="checkbox"]):-webkit-autofill,
.vx-login-v6 .vx-auth-form input:not([type="checkbox"]):-webkit-autofill:hover,
.vx-login-v6 .vx-auth-form input:not([type="checkbox"]):-webkit-autofill:focus,
.vx-login-v6 .vx-auth-form input:not([type="checkbox"]):-webkit-autofill:active {
  -webkit-appearance: none !important;
  appearance: none !important;

  position: relative !important;
  z-index: 1 !important;

  display: block !important;
  width: 100% !important;

  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;

  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 0 50px !important;

  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;

  border-radius: 10px !important;
  outline: 0 !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  caret-color: #0f172a !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;

  box-shadow:
    inset 0 0 0 1000px #ffffff !important;

  -webkit-box-shadow:
    inset 0 0 0 1000px #ffffff !important;

  filter: none !important;
  color-scheme: light !important;

  transition:
    color 0s,
    background-color 999999s ease-out 0s !important;
}

.vx-login-v6
.vx-auth-form
input:not([type="checkbox"])::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;

  opacity: 1 !important;
  font-weight: 400 !important;
}

.vx-login-v6 .vx-auth-input-wrap > i {
  position: absolute !important;
  z-index: 3 !important;

  left: 17px !important;
  top: 50% !important;

  width: 18px !important;
  height: 18px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  color: #8b9bb0 !important;
  transform: translateY(-50%) !important;

  pointer-events: none !important;
}

.vx-login-v6 .vx-auth-password-wrap button,
.vx-login-v6 .vx-auth-password-toggle {
  position: absolute !important;
  z-index: 4 !important;

  right: 13px !important;
  top: 50% !important;

  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 100% !important;

  background: transparent !important;
  color: #8b9bb0 !important;

  transform: translateY(-50%) !important;

  box-shadow: none !important;
  cursor: pointer !important;

  transition:
    color 150ms ease,
    background-color 150ms ease !important;
}

.vx-login-v6 .vx-auth-password-wrap button:hover,
.vx-login-v6 .vx-auth-password-toggle:hover {
  background: #f1f5f9 !important;
  color: #475569 !important;
}

.vx-login-v6 #vx-auth-error {
  display: none !important;

  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  overflow: hidden !important;
}

.vx-login-v6
#vx-auth-error.vx-auth-credential-error:not(:empty) {
  display: block !important;

  height: auto !important;
  min-height: auto !important;

  margin: 5px 0 0 !important;
  overflow: visible !important;

  color: #dc2626 !important;

  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.vx-login-v6 #vx-auth-error::before,
.vx-login-v6 #vx-auth-error::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 640px) {
  .vx-login-v6 .vx-auth-input-wrap {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;

    border-radius: 10px !important;
  }

  .vx-login-v6
  .vx-auth-form
  input:not([type="checkbox"]) {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    padding-left: 46px !important;
    padding-right: 46px !important;
  }
}



/* ===== SOURCE: assets/css/vendrix-brand-identity-v1.css ===== */
/* VENDRIX_BRAND_IDENTITY_V1 */
/* VENDRIX_BRAND_CONSISTENCY_FIX_V2 */

html.vx-brand-loading #sidebar > div:first-child > :not(button) {
  visibility: hidden !important;
}

.vx-brand-icon-host {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  margin-right: 10px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.vx-brand-sidebar-icon {
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  object-fit: contain !important;
}

#sidebar .brand-text.vx-brand-wordmark-host {
  display: flex !important;
  align-items: center !important;
  width: 136px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.vx-brand-sidebar-wordmark {
  width: 132px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

.vx-brand-wordmark-dark {
  display: none !important;
}

html.dark .vx-brand-wordmark-light {
  display: none !important;
}

html.dark .vx-brand-wordmark-dark {
  display: block !important;
}

.sidebar.collapsed .vx-brand-wordmark-host {
  display: none !important;
}

.sidebar.collapsed .vx-brand-icon-host {
  margin-right: 0 !important;
}

.vx-auth-brand:not([data-vx-brand-version="2"]) > * {
  visibility: hidden !important;
}

.vx-auth-brand[data-vx-brand-version="2"] {
  display: flex !important;
  align-items: center !important;
  min-height: 64px !important;
}

.vx-auth-brand-logo {
  display: block !important;
  width: clamp(260px, 23vw, 335px) !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 860px) {
  .vx-auth-brand-logo {
    width: 245px !important;
  }
}

@media (max-width: 620px) {
  .vx-brand-icon-host,
  .vx-brand-sidebar-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  #sidebar .brand-text.vx-brand-wordmark-host {
    width: 126px !important;
  }

  .vx-brand-sidebar-wordmark {
    width: 122px !important;
  }

  .vx-auth-brand-logo {
    width: 210px !important;
  }
}


/* ===== SOURCE: assets/css/vendrix-dashboard-responsive-v1.css ===== */
/* VENDRIX_DASHBOARD_RESPONSIVE_V1_START */

/*
  Dashboard responsivo:
  - 4 cartões em ecrãs largos;
  - 2 cartões em ecrãs médios;
  - 1 cartão em ecrãs pequenos.
*/

.vx-dashboard-kpi-grid-v1 {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.15vw, 20px) !important;
  align-items: stretch !important;
}

.vx-dashboard-kpi-grid-v1 > * {
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

/*
  Portáteis menores e tablets:
  mantém pares equilibrados, evitando uma fila 3 + 1.
*/
@media (max-width: 1439px) {
  .vx-dashboard-kpi-grid-v1 {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
}

/*
  Computadores largos:
  garante os quatro indicadores na mesma fila.
*/
@media (min-width: 1440px) {
  .vx-dashboard-kpi-grid-v1 {
    grid-template-columns:
      repeat(4, minmax(0, 1fr)) !important;
  }

  .vx-dashboard-kpi-grid-v1 > * {
    min-height: 170px;
  }
}

/*
  Telemóveis:
  um cartão por fila.
*/
@media (max-width: 719px) {
  .vx-dashboard-kpi-grid-v1 {
    grid-template-columns:
      minmax(0, 1fr) !important;
    gap: 13px !important;
  }

  .vx-dashboard-kpi-grid-v1 > * {
    min-height: 0;
  }
}

/* VENDRIX_DASHBOARD_RESPONSIVE_V1_END */


/* ===== SOURCE: assets/css/vendrix-cash-register-v1.css ===== */
/* VENDRIX_CASH_REGISTER_FRONTEND_CSS_V1 */

#view-caixa {
  max-width: 1500px;
  margin: 0 auto;
}

.vx-cash-head,
.vx-cash-head-actions,
.vx-cash-section-title,
.vx-cash-card-head,
.vx-cash-actions,
.vx-cash-status,
.vx-cash-open-strip,
.vx-cash-metric,
.vx-cash-movement-list article,
.vx-cash-close-notice,
.vx-pos-cash-status,
.vx-pos-cash-status > div {
  display: flex;
  align-items: center;
}

.vx-cash-head {
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.vx-cash-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: #d97706;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vx-cash-head h2 {
  margin: 0;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -.03em;
}

.vx-cash-head p,
.vx-cash-card-head p,
.vx-cash-section-title p,
.vx-cash-guidance p {
  color: #6b7280;
  font-size: 12px;
  margin-top: 4px;
}

.dark .vx-cash-head p,
.dark .vx-cash-card-head p,
.dark .vx-cash-section-title p,
.dark .vx-cash-guidance p {
  color: #a3a3a3;
}

.vx-cash-head-actions {
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.vx-cash-status {
  gap: 7px;
  min-height: 38px;
  padding: 0 13px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 800;
}

.vx-cash-status.open {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}

.vx-cash-status.closed {
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.dark .vx-cash-status.open {
  background: rgba(16, 185, 129, .12);
  border-color: rgba(16, 185, 129, .25);
}

.dark .vx-cash-status.closed {
  background: rgba(239, 68, 68, .12);
  border-color: rgba(239, 68, 68, .25);
}

.vx-cash-loading,
.vx-cash-empty {
  min-height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
  text-align: center;
  border-radius: 5px;
}

.vx-cash-loading i {
  color: #f59e0b;
  font-size: 28px;
}

.vx-cash-empty-icon,
.vx-cash-guidance-icon,
.vx-cash-section-icon,
.vx-cash-metric-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.vx-cash-empty-icon {
  width: 54px;
  height: 54px;
  background: #fef2f2;
  color: #dc2626;
  font-size: 20px;
}

.vx-cash-closed-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
  gap: 10px;
  margin-bottom: 10px;
}

.vx-cash-open-card,
.vx-cash-guidance,
.vx-cash-history,
.vx-cash-table-card,
.vx-cash-movements-card,
.vx-cash-open-strip {
  border-radius: 5px;
}

.vx-cash-open-card,
.vx-cash-guidance,
.vx-cash-history,
.vx-cash-table-card,
.vx-cash-movements-card {
  padding: 20px;
}

.vx-cash-section-title {
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
}

.dark .vx-cash-section-title {
  border-color: #262626;
}

.vx-cash-section-icon,
.vx-cash-guidance-icon {
  width: 42px;
  height: 42px;
  color: #fff;
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.vx-cash-section-title h3,
.vx-cash-card-head h3,
.vx-cash-guidance h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 800;
}

.vx-cash-form {
  display: grid;
  gap: 14px;
}

.vx-cash-form label,
.vx-cash-close-form > label,
.vx-cash-count-grid label {
  display: grid;
  gap: 7px;
}

.vx-cash-form label > span,
.vx-cash-close-form label > span,
.vx-cash-count-grid label > span {
  color: #4b5563;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.dark .vx-cash-form label > span,
.dark .vx-cash-close-form label > span,
.dark .vx-cash-count-grid label > span {
  color: #a3a3a3;
}

.vx-cash-form input,
.vx-cash-form textarea,
.vx-cash-form select,
.vx-cash-close-form input,
.vx-cash-close-form textarea {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 5px;
  background: #fff;
  color: #111827;
  outline: none;
  font-size: 13px;
}

.vx-cash-form textarea,
.vx-cash-close-form textarea {
  resize: vertical;
}

.dark .vx-cash-form input,
.dark .vx-cash-form textarea,
.dark .vx-cash-form select,
.dark .vx-cash-close-form input,
.dark .vx-cash-close-form textarea {
  background: #171717;
  border-color: #333;
  color: #f5f5f5;
}

.vx-cash-form input:focus,
.vx-cash-form textarea:focus,
.vx-cash-form select:focus,
.vx-cash-close-form input:focus,
.vx-cash-close-form textarea:focus {
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, .12);
}

.vx-cash-money-input {
  position: relative;
}

.vx-cash-money-input b {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #d97706;
  font-size: 12px;
}

.vx-cash-money-input input {
  padding-left: 42px;
  font-weight: 800;
}

.vx-cash-primary {
  min-height: 44px;
  justify-content: center;
}

.vx-cash-guidance {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.vx-cash-guidance-icon {
  margin-bottom: 14px;
}

.vx-cash-guidance ul {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 0;
  list-style: none;
  font-size: 12px;
}

.vx-cash-guidance li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vx-cash-guidance li i {
  color: #059669;
}

.vx-cash-open-strip {
  justify-content: space-between;
  gap: 10px;
  padding: 14px 18px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.vx-cash-open-strip > div {
  min-width: 150px;
  display: grid;
  gap: 3px;
}

.vx-cash-open-strip span {
  color: #6b7280;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.vx-cash-open-strip strong {
  font-size: 12px;
}

.vx-cash-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

.vx-cash-metric {
  gap: 12px;
  min-height: 110px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  background: #fff;
}

.dark .vx-cash-metric {
  background: #171717;
  border-color: #292929;
}

.vx-cash-metric-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  background: #fff7ed;
  color: #d97706;
}

.vx-cash-metric.positive .vx-cash-metric-icon {
  background: #ecfdf5;
  color: #059669;
}

.vx-cash-metric.negative .vx-cash-metric-icon {
  background: #fef2f2;
  color: #dc2626;
}

.vx-cash-metric.neutral .vx-cash-metric-icon {
  background: #f3f4f6;
  color: #4b5563;
}

.vx-cash-metric > div:last-child {
  display: grid;
  gap: 3px;
}

.vx-cash-metric span,
.vx-cash-metric small {
  color: #6b7280;
  font-size: 10px;
}

.vx-cash-metric strong {
  font-size: 17px;
}

.vx-cash-actions {
  justify-content: flex-end;
  gap: 10px;
  margin: 10px 0;
}

.vx-cash-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 10px;
  margin-bottom: 10px;
}

.vx-cash-card-head {
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.vx-cash-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.vx-cash-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

.vx-cash-table th,
.vx-cash-table td {
  padding: 11px 10px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}

.dark .vx-cash-table th,
.dark .vx-cash-table td {
  border-color: #292929;
}

.vx-cash-table th {
  color: #6b7280;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.vx-cash-table td strong {
  display: inline-block;
  margin-right: 7px;
}

.vx-cash-table-empty {
  padding: 34px !important;
  color: #6b7280;
  text-align: center !important;
}

.positive {
  color: #059669 !important;
}

.negative {
  color: #dc2626 !important;
}

.neutral {
  color: #6b7280 !important;
}

.vx-cash-movement-list {
  display: grid;
  gap: 8px;
}

.vx-cash-movement-list article {
  gap: 10px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
}

.dark .vx-cash-movement-list article {
  border-color: #292929;
}

.vx-cash-movement-icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  flex: 0 0 auto;
}

.vx-cash-movement-icon.in {
  color: #059669;
  background: #ecfdf5;
}

.vx-cash-movement-icon.out {
  color: #dc2626;
  background: #fef2f2;
}

.vx-cash-movement-list article > div {
  min-width: 0;
  flex: 1;
  display: grid;
}

.vx-cash-movement-list strong {
  font-size: 11px;
}

.vx-cash-movement-list small {
  color: #6b7280;
  font-size: 9px;
}

.vx-cash-movement-list b {
  font-size: 11px;
  white-space: nowrap;
}

.vx-cash-mini-empty {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #9ca3af;
  text-align: center;
  font-size: 11px;
}

.vx-cash-mini-empty i {
  font-size: 22px;
}

.vx-cash-history {
  margin-top: 10px;
}

.vx-cash-scope {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  cursor: pointer;
}

.vx-cash-inline-status {
  display: inline-flex;
  padding: 3px 6px;
  border-radius: 100px;
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}

.vx-cash-inline-status.open {
  color: #047857;
  background: #ecfdf5;
}

.vx-cash-inline-status.closed {
  color: #6b7280;
  background: #f3f4f6;
}

.vx-cash-icon-button {
  width: 30px;
  height: 30px;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  color: #6b7280;
}

.vx-cash-icon-button:hover {
  color: #d97706;
  border-color: #f59e0b;
}

.vx-cash-modal-layer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(17, 24, 39, .58);
  backdrop-filter: blur(8px);
}

.vx-cash-modal {
  width: min(780px, 100%);
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  background: #fff;
}

.dark .vx-cash-modal {
  background: #111;
  border-color: #2d2d2d;
}

.vx-cash-modal > header,
.vx-cash-modal > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
}

.vx-cash-modal > header {
  border-bottom: 1px solid #e5e7eb;
}

.vx-cash-modal > footer {
  justify-content: flex-end;
  border-top: 1px solid #e5e7eb;
}

.dark .vx-cash-modal > header,
.dark .vx-cash-modal > footer {
  border-color: #292929;
}

.vx-cash-modal h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
}

.vx-cash-modal header p {
  margin-top: 3px;
  color: #6b7280;
  font-size: 11px;
}

.vx-cash-modal header > button {
  width: 34px;
  height: 34px;
  border-radius: 5px;
  color: #6b7280;
}

.vx-cash-modal-body {
  overflow-y: auto;
  padding: 18px;
}

.vx-cash-close-form {
  display: grid;
  gap: 16px;
}

.vx-cash-close-notice {
  gap: 10px;
  padding: 12px;
  border: 1px solid #fde68a;
  border-radius: 5px;
  background: #fffbeb;
  color: #92400e;
  font-size: 11px;
}

.dark .vx-cash-close-notice {
  background: rgba(245, 158, 11, .1);
  border-color: rgba(245, 158, 11, .25);
  color: #fbbf24;
}

.vx-cash-count-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vx-cash-count-grid small {
  color: #6b7280;
  font-size: 9px;
}

.vx-cash-detail-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}

.vx-cash-detail-summary > div {
  display: grid;
  gap: 4px;
  padding: 11px;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
}

.dark .vx-cash-detail-summary > div {
  border-color: #292929;
}

.vx-cash-detail-summary span {
  color: #6b7280;
  font-size: 9px;
  text-transform: uppercase;
}

.vx-cash-detail-summary strong {
  font-size: 11px;
}

.vx-cash-detail-movements {
  margin-top: 16px;
}

.vx-cash-detail-movements h4 {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 800;
}

.vx-pos-cash-status {
  min-height: 38px;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  margin-bottom: 10px;
  border-radius: 5px;
  font-size: 11px;
}

.vx-pos-cash-status > div {
  gap: 7px;
}

.vx-pos-cash-status.open {
  color: #047857;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}

.vx-pos-cash-status.closed {
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.vx-pos-cash-status button {
  font-weight: 800;
  text-decoration: underline;
}

@media (max-width: 1100px) {
  .vx-cash-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vx-cash-content-grid,
  .vx-cash-closed-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .vx-cash-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .vx-cash-head-actions,
  .vx-cash-actions {
    width: 100%;
    justify-content: stretch;
  }

  .vx-cash-head-actions > *,
  .vx-cash-actions > * {
    flex: 1;
    justify-content: center;
  }

  .vx-cash-metrics,
  .vx-cash-count-grid,
  .vx-cash-detail-summary {
    grid-template-columns: 1fr;
  }

  .vx-cash-open-strip {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media print {
  body * {
    visibility: hidden !important;
  }

  #vx-cash-details-modal,
  #vx-cash-details-modal * {
    visibility: visible !important;
  }

  #vx-cash-details-modal {
    position: absolute;
    inset: 0;
    padding: 0;
    background: #fff;
  }

  #vx-cash-details-modal .vx-cash-modal {
    width: 100%;
    max-height: none;
    border: 0;
  }

  #vx-cash-details-modal footer,
  #vx-cash-details-modal header > button {
    display: none !important;
  }
}


/* ===== SOURCE: assets/css/builds/cancelled-status-truth-v3-20260719-202819/vendrix-refunds-credit-notes-v1.css ===== */
/* VENDRIX_RETURNS_CREDIT_NOTES_FRONTEND_CSS_V1 */

body.vx-rcn-modal-open {
  overflow: hidden;
}

.vx-rcn-layer {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.vx-rcn-layer.hidden {
  display: none;
}

.vx-rcn-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 18, 28, .68);
  backdrop-filter: blur(6px);
}

.vx-rcn-modal {
  position: relative;
  width: min(1120px, 100%);
  max-height: min(92vh, 940px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--border-color, rgba(148, 163, 184, .22));
  border-radius: 16px;
  background: var(--card-bg, #fff);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .26);
}

.dark .vx-rcn-modal {
  background: #111821;
}

.vx-rcn-header,
.vx-rcn-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  border-color: var(--border-color, rgba(148, 163, 184, .22));
}

.vx-rcn-header {
  border-bottom: 1px solid var(--border-color, rgba(148, 163, 184, .22));
}

.vx-rcn-footer {
  justify-content: flex-end;
  border-top: 1px solid var(--border-color, rgba(148, 163, 184, .22));
}

.vx-rcn-header h3 {
  margin: 5px 0 2px;
  font-size: 19px;
  font-weight: 800;
}

.vx-rcn-header p,
.vx-rcn-section-head p {
  margin: 0;
  color: var(--muted-color, #728096);
  font-size: 11px;
}

.vx-rcn-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #f59e0b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.vx-rcn-icon-button {
  width: 36px;
  height: 36px;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 10px;
  color: var(--muted-color, #6b7280);
}

.vx-rcn-content {
  overflow-y: auto;
  padding: 22px;
}

.vx-rcn-loading,
.vx-rcn-empty-large {
  min-height: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-align: center;
}

.vx-rcn-loading > i,
.vx-rcn-empty-large > i {
  font-size: 30px;
  color: #f59e0b;
}

.vx-rcn-loading span,
.vx-rcn-empty-large span {
  max-width: 520px;
  color: var(--muted-color, #728096);
  font-size: 12px;
}

.vx-rcn-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.vx-rcn-summary-grid > div,
.vx-rcn-invoice-strip,
.vx-rcn-action-card,
.vx-rcn-notes-section,
.vx-rcn-document {
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 12px;
  background: var(--card-bg, #fff);
}

.dark .vx-rcn-summary-grid > div,
.dark .vx-rcn-invoice-strip,
.dark .vx-rcn-action-card,
.dark .vx-rcn-notes-section,
.dark .vx-rcn-document {
  background: rgba(255, 255, 255, .025);
}

.vx-rcn-summary-grid > div {
  padding: 15px;
}

.vx-rcn-summary-grid span,
.vx-rcn-invoice-strip span,
.vx-rcn-document-meta span,
.vx-rcn-document-reason span,
.vx-rcn-document-totals span,
.vx-rcn-refund-box span {
  display: block;
  margin-bottom: 5px;
  color: var(--muted-color, #728096);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.vx-rcn-summary-grid strong {
  font-size: 16px;
}

.vx-rcn-invoice-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 10px;
  padding: 14px 16px;
}

.vx-rcn-status {
  display: inline-flex !important;
  width: max-content;
  margin: 0 !important;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 10px !important;
  font-weight: 800;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.vx-rcn-status-success { background: rgba(22, 163, 74, .12); color: #16a34a !important; }
.vx-rcn-status-danger { background: rgba(220, 38, 38, .12); color: #dc2626 !important; }
.vx-rcn-status-warning { background: rgba(245, 158, 11, .14); color: #d97706 !important; }
.vx-rcn-status-neutral { background: rgba(100, 116, 139, .14); color: #64748b !important; }
.vx-rcn-status-info { background: rgba(37, 99, 235, .12); color: #2563eb !important; }

.vx-rcn-action-card {
  margin-top: 14px;
  padding: 18px;
}

.vx-rcn-action-disabled {
  opacity: .68;
}

.vx-rcn-action-head,
.vx-rcn-action-card:not(:has(.vx-rcn-action-head)) {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.vx-rcn-action-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(245, 158, 11, .12);
  color: #f59e0b;
}

.vx-rcn-action-card h4,
.vx-rcn-section-head h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 800;
}

.vx-rcn-action-card p {
  margin: 5px 0 0;
  color: var(--muted-color, #728096);
  font-size: 11px;
  line-height: 1.55;
}

.vx-rcn-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 14px;
}

.vx-rcn-field > span {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--muted-color, #728096);
}

.vx-rcn-field input,
.vx-rcn-field textarea,
.vx-rcn-field select,
.vx-rcn-quantity {
  width: 100%;
  border: 1px solid var(--border-color, #dfe4ea);
  border-radius: 9px;
  background: transparent;
  padding: 10px 11px;
  color: inherit;
  font-size: 12px;
  outline: none;
}

.vx-rcn-field input:focus,
.vx-rcn-field textarea:focus,
.vx-rcn-field select:focus,
.vx-rcn-quantity:focus {
  border-color: #f59e0b;
}

.vx-rcn-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vx-rcn-field-wide {
  grid-column: 1 / -1;
}

.vx-rcn-primary-button,
.vx-rcn-danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
  padding: 11px 15px;
  border-radius: 9px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.vx-rcn-primary-button { background: #f59e0b; }
.vx-rcn-danger-button { background: #dc2626; }

.vx-rcn-table-wrap {
  margin-top: 14px;
  overflow-x: auto;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 10px;
}

.vx-rcn-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

.vx-rcn-table th,
.vx-rcn-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--border-color, #e5e7eb);
  text-align: left;
  vertical-align: middle;
}

.vx-rcn-table th {
  background: rgba(148, 163, 184, .08);
  color: var(--muted-color, #728096);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.vx-rcn-table tr:last-child td {
  border-bottom: 0;
}

.vx-rcn-table td strong,
.vx-rcn-table td small {
  display: block;
}

.vx-rcn-table td small {
  margin-top: 3px;
  color: var(--muted-color, #728096);
}

.vx-rcn-checkbox,
.vx-rcn-restock input {
  accent-color: #f59e0b;
}

.vx-rcn-quantity {
  width: 78px;
  padding: 7px 8px;
}

.vx-rcn-restock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
}

.vx-rcn-estimate {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.vx-rcn-estimate > div {
  padding: 12px;
  border-radius: 9px;
  background: rgba(245, 158, 11, .08);
}

.vx-rcn-estimate span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted-color, #728096);
  font-size: 9px;
  text-transform: uppercase;
}

.vx-rcn-estimate strong {
  font-size: 13px;
}

.vx-rcn-help {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 10px !important;
  padding: 10px 12px;
  border-radius: 9px;
  background: rgba(37, 99, 235, .08);
  color: #2563eb !important;
}

.vx-rcn-notes-section {
  margin-top: 14px;
  padding: 18px;
}

.vx-rcn-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.vx-rcn-section-head > span {
  display: grid;
  place-items: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(245, 158, 11, .12);
  color: #f59e0b;
  font-size: 11px;
  font-weight: 800;
}

.vx-rcn-note-list {
  display: grid;
  gap: 7px;
}

.vx-rcn-note-row {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 9px;
  text-align: left;
}

.vx-rcn-note-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(245, 158, 11, .1);
  color: #f59e0b;
}

.vx-rcn-note-main strong,
.vx-rcn-note-main small {
  display: block;
}

.vx-rcn-note-main small {
  margin-top: 3px;
  color: var(--muted-color, #728096);
  font-size: 10px;
}

.vx-rcn-note-value {
  font-size: 12px;
  font-weight: 800;
}

.vx-rcn-empty-small {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 13px;
  border: 1px dashed var(--border-color, #dfe4ea);
  border-radius: 9px;
  color: var(--muted-color, #728096);
  font-size: 11px;
}

.vx-rcn-document {
  padding: 24px;
}

.vx-rcn-document-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 2px solid #f59e0b;
}

.vx-rcn-document-head span {
  color: var(--muted-color, #728096);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
}

.vx-rcn-document-head h2 {
  margin: 6px 0 3px;
  font-size: 26px;
}

.vx-rcn-document-head p {
  margin: 0;
  font-weight: 800;
}

.vx-rcn-document-status {
  height: max-content;
  padding: 7px 12px;
  border: 1px solid #16a34a;
  border-radius: 999px;
  color: #16a34a;
  font-size: 10px;
  font-weight: 800;
}

.vx-rcn-document-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 18px 0;
}

.vx-rcn-document-meta > div,
.vx-rcn-document-reason {
  padding: 11px;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 9px;
}

.vx-rcn-document-meta strong,
.vx-rcn-document-meta small,
.vx-rcn-document-reason strong {
  display: block;
  margin-top: 4px;
}

.vx-rcn-document-totals {
  width: min(360px, 100%);
  margin: 18px 0 18px auto;
}

.vx-rcn-document-totals > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 6px 0;
}

.vx-rcn-document-total {
  margin-top: 5px;
  padding-top: 12px !important;
  border-top: 2px solid currentColor;
  font-size: 16px;
}

.vx-rcn-refund-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(22, 163, 74, .24);
  border-radius: 10px;
  background: rgba(22, 163, 74, .07);
}

.vx-rcn-refund-box > i {
  color: #16a34a;
  font-size: 21px;
}

.vx-rcn-refund-box strong,
.vx-rcn-refund-box small {
  display: block;
  margin-top: 3px;
}

.vx-rcn-refund-box-neutral {
  border-color: rgba(100, 116, 139, .22);
  background: rgba(100, 116, 139, .07);
}

.vx-rcn-refund-box-neutral > i {
  color: #64748b;
}

.vx-rcn-document-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--border-color, #e5e7eb);
  color: var(--muted-color, #728096);
  font-size: 9px;
}

@media (max-width: 820px) {
  .vx-rcn-layer { padding: 8px; }
  .vx-rcn-modal { max-height: 97vh; border-radius: 12px; }
  .vx-rcn-header, .vx-rcn-footer, .vx-rcn-content { padding: 14px; }
  .vx-rcn-summary-grid, .vx-rcn-invoice-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vx-rcn-form-grid, .vx-rcn-estimate, .vx-rcn-document-meta { grid-template-columns: 1fr; }
  .vx-rcn-document { padding: 15px; }
  .vx-rcn-note-row { grid-template-columns: auto 1fr auto; }
  .vx-rcn-note-row > .fa-chevron-right { display: none; }
}


/* VENDRIX_CANCELLED_REFUND_STATUS_CSS_V1 */

.vx-invoice-refund-note {
  display: block;
  margin-top: 6px;
  color: #7b8798;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
}

.dark .vx-invoice-refund-note {
  color: #8995a7;
}


/* VENDRIX_CANCELLED_PENDING_REFUND_NOTE_V3 */
.vx-invoice-refund-note {
  display: block;
  margin-top: 5px;
  color: #7f8a9a;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  white-space: normal;
}

.dark .vx-invoice-refund-note {
  color: #8b96a6;
}


/* ===== SOURCE: assets/css/builds/interface-consistency-v1-20260730-042958/vendrix-interface-consistency-v1.css ===== */
/* VENDRIX_INTERFACE_CONSISTENCY_V1 */

.vx-action-feedback-loading {
  min-width: 124px;
  cursor: wait !important;
  opacity: .84;
  pointer-events: none;
}

.vx-action-feedback-loading .fa-spin {
  animation-duration: .72s;
}

.vx-cash-actions {
  min-height: 44px;
  align-items: center;
}

.vx-cash-actions > button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border-radius: 5px;
  line-height: 1;
  white-space: nowrap;
}

.vx-cash-actions > .btn-primary {
  min-width: 142px;
}

#notif-dropdown {
  width: min(390px, calc(100vw - 24px));
  overflow: hidden;
}

#notif-dropdown > div:last-child > button {
  min-height: 92px;
  transition:
    background-color .18s ease,
    opacity .18s ease;
}

#notif-dropdown > div:last-child > button strong {
  color: #182230;
  line-height: 1.35;
}

#notif-dropdown > div:last-child > button strong + span {
  color: #667085 !important;
  line-height: 1.48;
}

#notif-dropdown > div:last-child > button.opacity-55 {
  opacity: .72 !important;
}

#notif-dropdown > div:last-child > button:hover {
  background: #fff8eb;
}

html.dark body#app-body .vx-cash-metric {
  background:
    linear-gradient(180deg, #121923 0%, #101720 100%) !important;
  border-color: #263241 !important;
}

html.dark body#app-body .vx-cash-metric:hover {
  border-color: #344255 !important;
}

html.dark body#app-body .vx-cash-metric.brand {
  background:
    radial-gradient(circle at 100% 0%, rgba(245, 158, 11, .075), transparent 55%),
    linear-gradient(180deg, #121923 0%, #101720 100%) !important;
}

html.dark body#app-body .vx-cash-metric.positive {
  background:
    radial-gradient(circle at 100% 0%, rgba(16, 185, 129, .065), transparent 55%),
    linear-gradient(180deg, #121923 0%, #101720 100%) !important;
}

html.dark body#app-body .vx-cash-metric.negative {
  background:
    radial-gradient(circle at 100% 0%, rgba(239, 68, 68, .06), transparent 55%),
    linear-gradient(180deg, #121923 0%, #101720 100%) !important;
}

html.dark body#app-body .vx-cash-metric.neutral {
  background:
    radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .055), transparent 55%),
    linear-gradient(180deg, #121923 0%, #101720 100%) !important;
}

html.dark body#app-body .vx-cash-metric span,
html.dark body#app-body .vx-cash-metric small {
  color: #9aa7b8;
}

html.dark body#app-body .vx-cash-metric strong {
  color: #f4f7fb;
}

html.dark body#app-body .vx-cash-modal {
  background:
    linear-gradient(180deg, #121a24 0%, #0f161f 100%) !important;
  border-color: #304055 !important;
}

html.dark body#app-body .vx-cash-form input,
html.dark body#app-body .vx-cash-form textarea,
html.dark body#app-body .vx-cash-form select,
html.dark body#app-body .vx-cash-close-form input,
html.dark body#app-body .vx-cash-close-form textarea {
  background: #0d141d !important;
  border-color: #334155 !important;
  color: #eef2f7 !important;
}

html.dark body#app-body #notif-dropdown {
  background:
    linear-gradient(180deg, #121a24 0%, #0f161f 100%) !important;
  border: 1px solid #344255 !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .46) !important;
}

html.dark body#app-body #notif-dropdown > div {
  border-color: #2b394b !important;
}

html.dark body#app-body #notif-dropdown > div:last-child > button {
  background: rgba(17, 24, 33, .72);
  border-color: #2b394b !important;
}

html.dark body#app-body #notif-dropdown > div:last-child > button:hover {
  background: #18212c !important;
}

html.dark body#app-body #notif-dropdown > div:last-child > button strong {
  color: #f4f7fb !important;
}

html.dark body#app-body #notif-dropdown > div:last-child > button strong + span {
  color: #b8c3d1 !important;
}

html.dark body#app-body #notif-dropdown > div:last-child > button.opacity-55 {
  opacity: .76 !important;
}

@media (max-width: 640px) {
  .vx-cash-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .vx-cash-actions > .btn-primary {
    grid-column: 1 / -1;
    width: 100%;
  }
}


/* ===== SOURCE: assets/css/builds/international-core-v1-20260730-045153/vendrix-international-core-v1.css ===== */
/* VENDRIX_INTERNATIONAL_CORE_CSS_V1 */
:root {
  --vx-intl-navy: #111b28;
  --vx-intl-navy-2: #0d1621;
  --vx-intl-border: #2a3a4d;
  --vx-intl-muted: #91a0b5;
  --vx-intl-orange: #f59e0b;
  --vx-intl-green: #10b981;
}

.vx-intl-trigger {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #94a3b8;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 7px;
  height: 40px;
  justify-content: center;
  padding: 0 10px;
  transition: .18s ease;
}

.vx-intl-trigger:hover,
.vx-intl-trigger:focus-visible {
  background: rgba(245, 158, 11, .1);
  border-color: rgba(245, 158, 11, .32);
  color: #f59e0b;
  outline: none;
}

.vx-intl-panel {
  background: #fff;
  border: 1px solid #d9e2ee;
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(15, 23, 42, .2);
  color: #182235;
  overflow: hidden;
  position: fixed;
  right: 22px;
  top: 72px;
  width: min(390px, calc(100vw - 24px));
  z-index: 10080;
}

.dark .vx-intl-panel {
  background: var(--vx-intl-navy);
  border-color: var(--vx-intl-border);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
  color: #f8fafc;
}

.vx-intl-panel-head {
  align-items: flex-start;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 18px 20px;
}

.dark .vx-intl-panel-head { border-color: var(--vx-intl-border); }
.vx-intl-panel-head span { display: block; font-size: 17px; font-weight: 850; }
.vx-intl-panel-head small { color: #64748b; display: block; font-size: 11px; line-height: 1.45; margin-top: 4px; }
.dark .vx-intl-panel-head small { color: var(--vx-intl-muted); }

.vx-intl-panel-head button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.vx-intl-panel-head button:hover { background: rgba(148, 163, 184, .12); }
.vx-intl-panel-body { display: grid; gap: 14px; padding: 18px 20px 20px; }
.vx-intl-panel label,
.vx-intl-user-grid label,
.vx-intl-admin-grid label { display: grid; gap: 7px; }
.vx-intl-panel label > span,
.vx-intl-user-grid label > span,
.vx-intl-admin-grid label > span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.dark .vx-intl-panel label > span,
.dark .vx-intl-user-grid label > span,
.dark .vx-intl-admin-grid label > span { color: var(--vx-intl-muted); }

.vx-intl-panel select,
.vx-intl-settings-card select,
.vx-intl-settings-card input[type="number"] {
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  color: #182235;
  font: inherit;
  font-size: 13px;
  min-height: 43px;
  outline: none;
  padding: 0 12px;
  width: 100%;
}

.dark .vx-intl-panel select,
.dark .vx-intl-settings-card select,
.dark .vx-intl-settings-card input[type="number"] {
  background: var(--vx-intl-navy-2);
  border-color: #34465a;
  color: #f8fafc;
}

.vx-intl-panel select:focus,
.vx-intl-settings-card select:focus,
.vx-intl-settings-card input[type="number"]:focus {
  border-color: var(--vx-intl-orange);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, .12);
}

.vx-intl-primary,
.vx-intl-secondary {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 850;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  position: relative;
}

.vx-intl-primary { background: var(--vx-intl-orange); color: #fff; }
.vx-intl-primary:hover { background: #e89006; }
.vx-intl-secondary { background: transparent; border-color: #cbd5e1; color: #334155; }
.dark .vx-intl-secondary { border-color: #34465a; color: #e2e8f0; }
.vx-intl-primary:disabled,
.vx-intl-secondary:disabled { cursor: wait; opacity: .76; }
.vx-intl-primary.is-loading i,
.vx-intl-secondary.is-loading i { animation: vx-intl-spin .75s linear infinite; }
.vx-intl-primary.is-loading i::before,
.vx-intl-secondary.is-loading i::before { content: "\f110"; }

.vx-intl-note {
  align-items: flex-start;
  background: rgba(37, 99, 235, .07);
  border: 1px solid rgba(37, 99, 235, .13);
  border-radius: 10px;
  color: #52637a;
  display: flex;
  font-size: 10px;
  gap: 8px;
  line-height: 1.5;
  margin: 0;
  padding: 10px 12px;
}

.dark .vx-intl-note { background: rgba(59, 130, 246, .09); border-color: rgba(96, 165, 250, .16); color: #aebbd0; }
.vx-intl-note i { color: #3b82f6; margin-top: 2px; }

.vx-intl-settings-card {
  background: #fff;
  border: 1px solid #d8e2ee;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
  display: grid;
  gap: 18px;
  padding: 22px;
}

.dark .vx-intl-settings-card {
  background: var(--vx-intl-navy);
  border-color: var(--vx-intl-border);
  box-shadow: none;
  color: #f8fafc;
}

.vx-intl-card-copy,
.vx-intl-admin-head,
.vx-intl-admin-actions {
  align-items: center;
  display: flex;
  gap: 13px;
  justify-content: space-between;
}

.vx-intl-card-copy { justify-content: flex-start; }
.vx-intl-card-icon {
  align-items: center;
  background: rgba(245, 158, 11, .12);
  border-radius: 12px;
  color: var(--vx-intl-orange);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 17px;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.vx-intl-card-copy h3,
.vx-intl-admin-head h4 { font-size: 15px; font-weight: 850; margin: 0; }
.vx-intl-card-copy p,
.vx-intl-admin-head p { color: #64748b; font-size: 11px; line-height: 1.5; margin: 4px 0 0; }
.dark .vx-intl-card-copy p,
.dark .vx-intl-admin-head p { color: var(--vx-intl-muted); }

.vx-intl-user-grid {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
}

.vx-intl-admin {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  display: grid;
  gap: 16px;
  padding: 18px;
}

.dark .vx-intl-admin { background: var(--vx-intl-navy-2); border-color: var(--vx-intl-border); }
.vx-intl-admin-head > i { color: var(--vx-intl-orange); font-size: 20px; }
.vx-intl-admin-grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.vx-intl-admin-grid small { align-items: center; color: #64748b; display: flex; font-size: 9px; gap: 5px; }
.dark .vx-intl-admin-grid small { color: var(--vx-intl-muted); }
.vx-intl-admin fieldset { border: 0; border-top: 1px solid #e2e8f0; margin: 0; padding: 15px 0 0; }
.dark .vx-intl-admin fieldset { border-color: var(--vx-intl-border); }
.vx-intl-admin legend { font-size: 11px; font-weight: 850; padding-right: 9px; }
.vx-intl-admin fieldset > p { color: #64748b; font-size: 10px; margin: 4px 0 12px; }
.dark .vx-intl-admin fieldset > p { color: var(--vx-intl-muted); }
.vx-intl-checks { display: flex; flex-wrap: wrap; gap: 10px; }
.vx-intl-check { align-items: center; cursor: pointer; display: inline-flex; font-size: 11px; gap: 7px; }
.vx-intl-check input,
.vx-intl-switch input { accent-color: var(--vx-intl-orange); }
.vx-intl-rates { display: grid; gap: 8px; }
.vx-intl-rate-row {
  align-items: center;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: 55px 1fr auto;
  padding: 9px 11px;
}

.dark .vx-intl-rate-row { background: var(--vx-intl-navy); border-color: var(--vx-intl-border); }
.vx-intl-rate-row > strong { color: var(--vx-intl-orange); font-size: 12px; }
.vx-intl-rate-row > label:not(.vx-intl-switch) { align-items: center; display: grid; gap: 8px; grid-template-columns: auto minmax(100px, 1fr) auto; }
.vx-intl-rate-row label span { color: #64748b; font-size: 10px; }
.dark .vx-intl-rate-row label span { color: var(--vx-intl-muted); }
.vx-intl-rate-row input[type="number"] { min-height: 36px; }
.vx-intl-switch { align-items: center; display: inline-flex; gap: 6px; }
.vx-intl-admin-actions { border-top: 1px solid #e2e8f0; padding-top: 15px; }
.dark .vx-intl-admin-actions { border-color: var(--vx-intl-border); }
.vx-intl-admin-actions > span { color: #64748b; font-size: 9px; }
.dark .vx-intl-admin-actions > span { color: var(--vx-intl-muted); }
.vx-intl-admin-actions > span i { color: var(--vx-intl-green); margin-right: 6px; }

.vx-intl-toast {
  background: #111b28;
  border: 1px solid #2a3a4d;
  border-radius: 11px;
  bottom: 22px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, .28);
  color: #fff;
  font-size: 12px;
  font-weight: 750;
  left: 50%;
  max-width: min(420px, calc(100vw - 30px));
  padding: 12px 16px;
  position: fixed;
  transform: translateX(-50%);
  z-index: 11000;
}

.vx-intl-toast-error { border-color: rgba(239, 68, 68, .45); }
@keyframes vx-intl-spin { to { transform: rotate(360deg); } }

@media (max-width: 820px) {
  .vx-intl-trigger-label { display: none; }
  .vx-intl-user-grid,
  .vx-intl-admin-grid { grid-template-columns: 1fr; }
  .vx-intl-rate-row { grid-template-columns: 48px 1fr; }
  .vx-intl-switch { grid-column: 2; }
  .vx-intl-admin-actions { align-items: stretch; flex-direction: column; }
}

@media (max-width: 560px) {
  .vx-intl-panel { left: 12px; right: 12px; top: 66px; width: auto; }
  .vx-intl-settings-card { padding: 16px; }
  .vx-intl-rate-row { align-items: stretch; grid-template-columns: 1fr; }
  .vx-intl-rate-row > label:not(.vx-intl-switch) { grid-template-columns: auto 1fr auto; }
  .vx-intl-switch { grid-column: 1; }
}


/* ===== SOURCE: assets/css/builds/account-experience-fix-v1-20260730-051224/vendrix-account-experience-v1.css ===== */
/* VENDRIX_ACCOUNT_EXPERIENCE_V1 */

.vx-header-user-profile-avatar,
.vx-header-user-profile > img,
.vx-rbac-profile-summary img,
.vx-user-card-head img,
.vx-profile-photo-editor img {
  border-radius: 100% !important;
  object-fit: cover !important;
  aspect-ratio: 1 / 1;
}

.vx-rbac-modal-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap;
}

.vx-account-primary {
  min-height: 46px;
  border: 0;
  border-radius: 11px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: linear-gradient(135deg, #f59e0b, #ea8500);
  color: #fff;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 10px 22px rgba(245, 158, 11, .2);
  cursor: pointer;
  transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
}

.vx-account-primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 13px 25px rgba(245, 158, 11, .28);
}

.vx-account-primary:disabled {
  opacity: .48;
  cursor: not-allowed;
  box-shadow: none;
}

.vx-account-primary.is-loading i {
  animation: vx-account-spin .8s linear infinite;
}

.vx-account-primary.is-loading i::before {
  content: "\f110";
}

@keyframes vx-account-spin {
  to { transform: rotate(360deg); }
}

.vx-profile-photo-editor {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 16px;
  border: 1px solid var(--vx-border, #d9e2ef);
  border-radius: 14px;
  background: rgba(148, 163, 184, .07);
}

.vx-profile-photo-editor img {
  width: 92px;
  height: 92px;
  border: 3px solid rgba(245, 158, 11, .35);
  background: #f59e0b;
}

.vx-profile-photo-editor strong,
.vx-profile-photo-editor span {
  display: block;
}

.vx-profile-photo-editor span {
  margin-top: 5px;
  color: #7c8aa0;
  font-size: 12px;
}

.vx-profile-photo-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 13px;
}

.vx-profile-photo-pick {
  min-height: 40px;
  border: 1px solid rgba(245, 158, 11, .36);
  border-radius: 10px;
  padding: 0 13px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #d88300;
  font-weight: 700;
  cursor: pointer;
  background: rgba(245, 158, 11, .08);
}

.vx-profile-photo-pick input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  pointer-events: none;
}

.vx-password-strength {
  padding: 14px;
  border: 1px solid var(--vx-border, #d9e2ef);
  border-radius: 13px;
  background: rgba(148, 163, 184, .06);
}

.vx-password-strength-track {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .2);
}

.vx-password-strength-track span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #ef4444;
  transition: width .22s ease, background .22s ease;
}

.vx-password-strength-track span[data-level="medium"] { background: #f59e0b; }
.vx-password-strength-track span[data-level="strong"] { background: #16a34a; }

.vx-password-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 12px;
  margin-top: 12px;
}

.vx-password-checks span,
.vx-password-match {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #7c8aa0;
  font-size: 12px;
}

.vx-password-checks .is-valid,
.vx-password-match.is-valid {
  color: #16a34a;
}

.vx-password-match {
  display: none;
  margin-top: 11px;
}

.vx-password-match.is-visible {
  display: flex;
}

.vx-intl-configure-rates {
  width: 100%;
  justify-content: center;
}

html.dark .vx-profile-photo-editor,
html.dark .vx-password-strength {
  border-color: #26374b;
  background: rgba(15, 28, 44, .78);
}

@media (max-width: 680px) {
  .vx-profile-photo-editor {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .vx-profile-photo-actions {
    justify-content: center;
  }

  .vx-password-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vx-rbac-modal-foot > button {
    flex: 1 1 150px;
  }
}


/* ===== SOURCE: assets/js/builds/account-experience-fix-v2-1785383563/vendrix-account-experience-v2.css ===== */
/* VENDRIX_ACCOUNT_EXPERIENCE_V2 */

#vx-profile-modal .vx-profile-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

#vx-profile-modal .vx-profile-photo-editor {
  position: relative;
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  padding: 22px;
  border: 1px solid rgba(245, 158, 11, 0.24);
  border-radius: 16px;
  background:
    radial-gradient(circle at top right, rgba(245, 158, 11, 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fffaf2 100%);
  overflow: hidden;
}

.dark #vx-profile-modal .vx-profile-photo-editor {
  border-color: rgba(245, 158, 11, 0.28);
  background:
    radial-gradient(circle at top right, rgba(245, 158, 11, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(29, 36, 50, 0.98));
}

#vx-profile-modal .vx-profile-avatar-shell {
  position: relative;
  width: 112px;
  height: 112px;
}

#vx-profile-modal .vx-profile-avatar-shell > img {
  display: block;
  width: 112px;
  height: 112px;
  object-fit: cover;
  border: 3px solid #f59e0b;
  border-radius: 999px;
  background: #ffffff;
}

#vx-profile-modal .vx-profile-avatar-camera {
  position: absolute;
  right: 0;
  bottom: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 3px solid #ffffff;
  border-radius: 999px;
  background: #f59e0b;
  color: #ffffff;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease;
}

.dark #vx-profile-modal .vx-profile-avatar-camera {
  border-color: #111827;
}

#vx-profile-modal .vx-profile-avatar-camera:hover {
  background: #d97706;
  transform: translateY(-1px);
}

#vx-profile-modal .vx-profile-file-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#vx-profile-modal .vx-profile-photo-copy {
  min-width: 0;
}

#vx-profile-modal .vx-profile-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: #b86d00;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

#vx-profile-modal .vx-profile-eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #f59e0b;
}

#vx-profile-modal .vx-profile-photo-copy > strong {
  display: block;
  color: #172033;
  font-size: 18px;
  line-height: 1.25;
}

.dark #vx-profile-modal .vx-profile-photo-copy > strong {
  color: #f8fafc;
}

#vx-profile-modal .vx-profile-photo-copy > span:not(.vx-profile-eyebrow) {
  display: block;
  margin-top: 6px;
  color: #718096;
  font-size: 12px;
  line-height: 1.55;
}

#vx-profile-modal .vx-profile-photo-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

#vx-profile-modal .vx-profile-photo-pick,
#vx-profile-modal .vx-profile-photo-remove {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

#vx-profile-modal .vx-profile-photo-pick {
  border: 1px solid rgba(245, 158, 11, 0.42);
  background: rgba(245, 158, 11, 0.1);
  color: #b86d00;
}

#vx-profile-modal .vx-profile-photo-pick:hover {
  border-color: #f59e0b;
  background: rgba(245, 158, 11, 0.16);
}

#vx-profile-modal .vx-profile-photo-remove {
  border: 1px solid rgba(239, 68, 68, 0.22);
  background: transparent;
  color: #dc2626;
}

#vx-profile-modal .vx-profile-photo-remove:hover {
  border-color: rgba(239, 68, 68, 0.48);
  background: rgba(239, 68, 68, 0.07);
}

#vx-profile-modal .vx-profile-section-label {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  gap: 9px;
  margin-top: 2px;
  color: #172033;
  font-size: 12px;
  font-weight: 800;
}

.dark #vx-profile-modal .vx-profile-section-label {
  color: #f8fafc;
}

#vx-profile-modal .vx-profile-section-label i {
  color: #f59e0b;
}

#vx-profile-modal .vx-profile-field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 8px;
}

#vx-profile-modal .vx-profile-field > span {
  color: #596579;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

.dark #vx-profile-modal .vx-profile-field > span {
  color: #aab4c4;
}

#vx-profile-modal .vx-profile-field input {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid #d8e0eb;
  border-radius: 11px;
  background: #ffffff;
  color: #172033;
  font-size: 14px;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.dark #vx-profile-modal .vx-profile-field input {
  border-color: #344054;
  background: #111827;
  color: #f8fafc;
}

#vx-profile-modal .vx-profile-field input:focus {
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12);
}

#vx-profile-modal .vx-profile-cancel,
#vx-profile-modal .vx-account-primary {
  min-height: 44px;
  border-radius: 10px;
  padding-inline: 18px;
}

#vx-profile-modal .vx-account-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #f59e0b;
  background: #f59e0b;
  color: #ffffff;
  font-weight: 800;
}

#vx-profile-modal .vx-account-primary:hover {
  border-color: #dd8700;
  background: #dd8700;
}

#vx-profile-modal .vx-account-primary:disabled {
  cursor: wait;
  opacity: 0.7;
}

@media (max-width: 680px) {
  #vx-profile-modal .vx-profile-form {
    grid-template-columns: 1fr;
  }

  #vx-profile-modal .vx-profile-photo-editor {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  #vx-profile-modal .vx-profile-photo-actions {
    justify-content: center;
  }

  #vx-profile-modal .vx-profile-field {
    grid-column: 1 / -1;
  }
}


/* ===== SOURCE: assets/css/builds/premium-boot-gate-fix-v1-1785445988/vendrix-premium-boot-gate-fix-v1.css ===== */
/* VENDRIX_PREMIUM_BOOT_GATE_FIX_V1 */
html, body { min-height: 100%; }

/* The obsolete white spinner/failure pseudo-screen must never render. */
html.vx-auth-core-pending body { visibility: visible !important; }
html.vx-auth-core-pending::before,
html.vx-auth-core-failed::before { content: none !important; display: none !important; }

#vx-stability-loader-v2,
#vx-premium-boot-loader-v1 {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 24% 22%, rgba(245,158,11,.14), transparent 31%),
    radial-gradient(circle at 78% 25%, rgba(59,130,246,.12), transparent 28%),
    linear-gradient(145deg, #06111f 0%, #081525 52%, #050d18 100%);
  opacity: 1;
  visibility: visible;
  transition: opacity .45s ease, visibility .45s ease;
}

#vx-stability-loader-v2.vx-stability-loader-hidden,
#vx-premium-boot-loader-v1.vx-premium-boot-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.vx-stability-loader-card,
.vx-premium-boot-card {
  width: min(92vw, 430px);
  padding: 30px 26px 26px;
  text-align: center;
  color: #f8fafc;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(9,19,34,.91), rgba(5,13,25,.94));
  box-shadow: 0 28px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.05);
}

.vx-stability-loader-orbit,
.vx-premium-boot-orbit {
  position: relative;
  width: 118px;
  height: 118px;
  margin: 0 auto 19px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(245,158,11,.13), rgba(59,130,246,.06));
}
.vx-stability-loader-orbit::before,
.vx-stability-loader-orbit::after,
.vx-premium-boot-orbit::before,
.vx-premium-boot-orbit::after {
  content: '';
  position: absolute;
  border-radius: inherit;
}
.vx-stability-loader-orbit::before,
.vx-premium-boot-orbit::before {
  inset: 0;
  border: 2px solid rgba(245,158,11,.34);
  animation: vxPremiumPulse 1.7s ease-in-out infinite;
}
.vx-stability-loader-orbit::after,
.vx-premium-boot-orbit::after {
  inset: 9px;
  border: 2px solid rgba(96,165,250,.23);
  animation: vxPremiumSpin 3.3s linear infinite;
}
.vx-stability-loader-icon,
.vx-premium-boot-icon {
  position: relative;
  z-index: 2;
  width: 62px;
  height: 62px;
  object-fit: contain;
  filter: drop-shadow(0 12px 20px rgba(245,158,11,.24));
  animation: vxPremiumFloat 2s ease-in-out infinite;
}
.vx-stability-loader-title,
.vx-premium-boot-title { margin: 0; font: 800 25px/1.15 Inter,system-ui,sans-serif; letter-spacing: -.02em; }
.vx-stability-loader-copy,
.vx-premium-boot-copy { margin-top: 7px; color: #94a3b8; font: 500 13px/1.55 Inter,system-ui,sans-serif; }
.vx-stability-loader-status,
.vx-premium-boot-status { min-height: 21px; margin-top: 18px; color: #cbd5e1; font: 600 13px/1.5 Inter,system-ui,sans-serif; }
.vx-stability-loader-track,
.vx-premium-boot-track { height: 9px; margin-top: 15px; overflow: hidden; border: 1px solid rgba(148,163,184,.12); border-radius: 999px; background: rgba(148,163,184,.11); }
#vx-stability-loader-progress-v2,
#vx-premium-boot-progress-v1 { display: block; width: 28%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#f59e0b,#fb923c,#60a5fa); box-shadow: 0 0 24px rgba(245,158,11,.28); animation: vxPremiumProgress 1.35s ease-in-out infinite; }
.vx-stability-loader-foot,
.vx-premium-boot-foot { margin-top: 15px; display: flex; align-items: center; justify-content: center; gap: 7px; color: #64748b; font: 600 11px/1.4 Inter,system-ui,sans-serif; }
.vx-stability-loader-dot,
.vx-premium-boot-dot { width: 6px; height: 6px; border-radius: 999px; background: rgba(245,158,11,.75); animation: vxPremiumDot 1.1s ease-in-out infinite; }
.vx-stability-loader-dot:nth-child(2), .vx-premium-boot-dot:nth-child(2) { animation-delay: .14s; }
.vx-stability-loader-dot:nth-child(3), .vx-premium-boot-dot:nth-child(3) { animation-delay: .28s; }

#vx-auth-error.vx-auth-system-error:not(:empty) {
  display: block;
  padding: 12px 14px;
  border: 1px solid rgba(220,38,38,.22);
  border-radius: 10px;
  background: rgba(254,242,242,.92);
  color: #b91c1c;
  font-weight: 600;
  line-height: 1.45;
}
.dark #vx-auth-error.vx-auth-system-error:not(:empty) {
  border-color: rgba(248,113,113,.25);
  background: rgba(69,10,10,.42);
  color: #fecaca;
}

.vx-premium-fallback-error .vx-auth-card { max-width: 560px; }
.vx-premium-fallback-actions { margin-top: 18px; display: grid; gap: 10px; }
.vx-premium-fallback-actions button { min-height: 48px; }

@keyframes vxPremiumProgress {
  0% { transform: translateX(-120%); width: 30%; }
  55% { transform: translateX(155%); width: 48%; }
  100% { transform: translateX(360%); width: 30%; }
}
@keyframes vxPremiumPulse { 0%,100%{transform:scale(1);opacity:.86} 50%{transform:scale(1.05);opacity:.44} }
@keyframes vxPremiumSpin { to { transform: rotate(360deg); } }
@keyframes vxPremiumFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} }
@keyframes vxPremiumDot { 0%,100%{opacity:.35;transform:translateY(0)} 50%{opacity:1;transform:translateY(-3px)} }

@media (prefers-reduced-motion: reduce) {
  #vx-stability-loader-progress-v2,
  #vx-premium-boot-progress-v1,
  .vx-stability-loader-orbit::before,
  .vx-stability-loader-orbit::after,
  .vx-premium-boot-orbit::before,
  .vx-premium-boot-orbit::after,
  .vx-stability-loader-icon,
  .vx-premium-boot-icon,
  .vx-stability-loader-dot,
  .vx-premium-boot-dot { animation: none !important; }
}


/* VENDRIX_MONEY_VALUE_SCALING_V2 */
body.vx-experience-v3 .vx-kpi-top strong,
body.vx-experience-v3 .vx-small-stat > strong,
body.vx-experience-v3 .vx-client-metrics strong,
body.vx-experience-v3 .vx-pos-grand-total strong,
.vx-cash-metric strong,
#vx-kpi-sales,
#vx-kpi-received,
#vx-kpi-expenses,
#vx-kpi-result,
#vx-client-debt,
#vx-payment-total,
#pos-subtotal,
#pos-vat,
#pos-total,
#payment-invoice-total,
#payment-invoice-balance,
#fin-receitas-total,
#fin-despesas-total,
#fin-pendente-total,
#fin-resultado-total {
  min-width: 0;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: -.045em;
  line-height: 1.12;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

body.vx-experience-v3 .vx-kpi-top strong {
  font-size: clamp(.95rem, 1.55vw, 1.55rem);
}

body.vx-experience-v3 .vx-small-stat > strong {
  font-size: clamp(.84rem, 1.2vw, 1.18rem);
}

body.vx-experience-v3 .vx-client-metrics strong {
  font-size: clamp(.61rem, .8vw, .72rem);
}

body.vx-experience-v3 .vx-pos-grand-total strong,
.vx-cash-metric strong {
  font-size: clamp(.88rem, 1.1vw, 1.06rem);
}

@media (max-width: 1280px) {
  body.vx-experience-v3 .vx-kpi-top strong {
    font-size: clamp(.82rem, 1.4vw, 1.2rem);
  }

  body.vx-experience-v3 .vx-small-stat > strong {
    font-size: clamp(.76rem, 1.05vw, 1rem);
  }
}

/* VENDRIX_CASH_BLOCKING_LOADER_REMOVED_V2 */
.vx-cash-loading {
  display: none !important;
}

/* VENDRIX_EXPENSE_RECURRENCE_UI_V2 */
#expense-recurrence-fields.hidden {
  display: none !important;
}

/* VENDRIX_UX_WORKFLOW_REPAIR_V3 */
.vx-required-mark{color:#dc2626;font-weight:800}.dark .vx-required-mark{color:#f87171}
.vx-field-label{display:block;margin:0 0 6px;font-size:10px;line-height:1.2;text-transform:uppercase;font-weight:700;color:#667085}
.dark .vx-field-label{color:#94a3b8}
.vx-field-invalid{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.11)!important}
.vx-field-error{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;color:#dc2626;font-size:11px;font-weight:600;line-height:1.35}
.vx-field-error.hidden{display:none!important}.dark .vx-field-error{color:#f87171}
.vx-form-error-summary{display:flex;align-items:flex-start;gap:9px;margin:12px 16px 0;padding:11px 13px;border:1px solid rgba(239,68,68,.3);border-radius:8px;background:#fff1f2;color:#b91c1c;font-size:12px;font-weight:650;line-height:1.4}
.dark .vx-form-error-summary{background:rgba(127,29,29,.22);color:#fecaca;border-color:rgba(248,113,113,.3)}
.vx-form-error-summary.hidden{display:none!important}
.vx-entity-image-editor{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #dbe3ee;border-radius:10px;background:#f8fafc}
.dark .vx-entity-image-editor{border-color:#334155;background:rgba(255,255,255,.025)}
.vx-entity-image-editor strong{display:block;font-size:13px}.vx-entity-image-editor p{margin-top:2px;font-size:10px;color:#64748b}
.vx-entity-image-preview{width:76px;height:76px;display:grid;place-items:center;flex:0 0 76px;border-radius:10px;overflow:hidden;background:#fff7e6;color:#f59e0b;font-size:25px;border:1px solid rgba(245,158,11,.2)}
.vx-entity-image-preview img,.vx-avatar img,.vx-product-cell>span img,.vx-pos-product-icon img,.vx-entity-list-media img,.vx-product-grid-image img,.vx-pos-list-image img{width:100%;height:100%;object-fit:cover;display:block}
.vx-upload-button,.vx-secondary-mini{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 11px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer}
.vx-upload-button{background:#f59e0b;color:#fff}.vx-secondary-mini{border:1px solid #dbe3ee;background:transparent;color:inherit}.dark .vx-secondary-mini{border-color:#334155}
.vx-view-toggle{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #dbe3ee;border-radius:8px;background:#f8fafc;margin-left:auto}
.dark .vx-view-toggle{border-color:#334155;background:#111a26}
.vx-view-toggle button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:6px;color:#64748b;font-size:11px;font-weight:700}
.vx-view-toggle button.active{background:#fff;color:#b45309;box-shadow:0 1px 3px rgba(15,23,42,.08)}.dark .vx-view-toggle button.active{background:#1e293b;color:#fbbf24}
.vx-entity-list{display:flex;flex-direction:column;gap:10px}
.vx-entity-list-row{display:grid;grid-template-columns:48px minmax(220px,1fr) minmax(120px,.45fr) 90px auto;align-items:center;gap:14px;padding:13px 15px;border-radius:10px}
.vx-entity-list-media{width:44px;height:44px;display:grid;place-items:center;border-radius:100%;overflow:hidden;background:#f59e0b;color:#fff;font-weight:800}
.vx-entity-list-main strong,.vx-entity-list-main span,.vx-entity-list-row>div>span{display:block}.vx-entity-list-main span,.vx-entity-list-row>div>span{font-size:10px;color:#64748b;margin-top:3px}
.vx-product-grid-v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vx-product-grid-v3.hidden{display:none!important}
.vx-product-grid-card{overflow:hidden;border-radius:10px}.vx-product-grid-image{height:150px;display:grid;place-items:center;background:#f8fafc;color:#f59e0b;font-size:32px}.dark .vx-product-grid-image{background:#0f1722}
.vx-product-grid-body{padding:14px}.vx-product-grid-body>div:first-child span{display:block;font-size:10px;color:#64748b}.vx-product-grid-body>div:first-child strong{display:block;margin-top:4px;font-size:14px}.vx-product-grid-price{margin-top:12px;font-size:17px;font-weight:800;color:#d97706}.vx-product-grid-meta{display:flex;justify-content:space-between;margin-top:9px;font-size:10px;color:#64748b}
.vx-pos-list-mode{display:flex!important;flex-direction:column!important;gap:8px!important}.vx-pos-list-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto 28px;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid #dbe3ee;border-radius:9px;text-align:left;background:#fff}.dark .vx-pos-list-row{border-color:#334155;background:#111a26}.vx-pos-list-image{width:46px;height:46px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#fff7e6;color:#f59e0b}.vx-pos-list-row span strong,.vx-pos-list-row span small{display:block}.vx-pos-list-row span small{margin-top:3px;color:#64748b;font-size:10px}.vx-pos-list-row>b{white-space:nowrap;color:#d97706}
.vx-money-fit-md{font-size:clamp(1.2rem,2vw,2rem)!important}.vx-money-fit-lg{font-size:clamp(1rem,1.55vw,1.55rem)!important;letter-spacing:-.055em!important}.vx-money-fit-xl{font-size:clamp(.82rem,1.22vw,1.25rem)!important;letter-spacing:-.065em!important}
body.vx-experience-v3 .vx-kpi-top>div:first-child{min-width:0;max-width:calc(100% - 62px)}body.vx-experience-v3 .vx-kpi-top strong{display:block;white-space:nowrap!important;word-break:normal!important}
.vx-prompt-layer{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(2,8,16,.68);backdrop-filter:blur(5px)}
.vx-prompt-dialog{width:min(520px,100%);overflow:hidden;border:1px solid #dbe3ee;border-radius:12px;background:#fff;color:#172033;box-shadow:0 24px 70px rgba(0,0,0,.28)}.dark .vx-prompt-dialog{background:#111a26;color:#f8fafc;border-color:#334155}
.vx-prompt-dialog header,.vx-prompt-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #e2e8f0}.dark .vx-prompt-dialog header,.dark .vx-prompt-dialog footer{border-color:#334155}.vx-prompt-dialog footer{justify-content:flex-end;border-top:1px solid #e2e8f0;border-bottom:0}.vx-prompt-dialog h3{font-size:15px;font-weight:800}.vx-prompt-dialog header p{margin-top:4px;font-size:11px;color:#64748b}.vx-prompt-body{padding:17px}.vx-prompt-body label{display:block;font-size:11px;font-weight:700}.vx-prompt-body textarea{width:100%;margin-top:7px;padding:11px;border:1px solid #dbe3ee;border-radius:8px;background:transparent;color:inherit;resize:vertical}
#company-invoice-accent-field{display:none!important}
#view-caixa .vx-cash-loading{display:none!important}
@media(max-width:1050px){.vx-product-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-entity-list-row{grid-template-columns:48px minmax(180px,1fr) 120px auto}.vx-entity-list-row>div:nth-child(4){display:none}}
@media(max-width:700px){.vx-product-grid-v3{grid-template-columns:1fr}.vx-entity-list-row{grid-template-columns:44px minmax(0,1fr) auto}.vx-entity-list-row>div:nth-child(3),.vx-entity-list-row>div:nth-child(4){display:none}.vx-view-toggle button span{display:none}.vx-entity-image-editor{align-items:flex-start;flex-direction:column}}

/* VENDRIX_DASHBOARD_KPI_VERTICAL_V1 */

/*
 * Mantém o alinhamento horizontal original à esquerda.
 * Centraliza verticalmente apenas o bloco de textos no card.
 * O ícone permanece fixo no canto superior direito.
 */
body.vx-experience-v3 .vx-kpi-card {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-height: 154px;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

body.vx-experience-v3 .vx-kpi-top {
  position: static;
  display: block !important;
  width: 100%;
  min-width: 0;
  text-align: left !important;
}

body.vx-experience-v3 .vx-kpi-top > div:first-child {
  display: block;
  width: calc(100% - 58px);
  min-width: 0;
  max-width: calc(100% - 58px) !important;
  padding: 0 !important;
  text-align: left !important;
}

body.vx-experience-v3 .vx-kpi-top span,
body.vx-experience-v3 .vx-kpi-top strong,
body.vx-experience-v3 .vx-kpi-card > p {
  text-align: left !important;
}

body.vx-experience-v3 .vx-kpi-top strong {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 9px;
  line-height: 1.08;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

body.vx-experience-v3 .vx-kpi-icon {
  position: absolute !important;
  top: 20px;
  right: 20px;
  z-index: 3;
  margin: 0 !important;
  flex: none !important;
}

body.vx-experience-v3 .vx-kpi-card > p {
  display: block;
  width: 100%;
  margin-top: 14px;
  padding: 0 !important;
}

/*
 * Valores grandes mantêm distância segura do ícone.
 */
body.vx-experience-v3 .vx-kpi-top strong.vx-money-fit-md {
  font-size: clamp(1.42rem, 1.70vw, 1.90rem) !important;
}

body.vx-experience-v3 .vx-kpi-top strong.vx-money-fit-lg {
  font-size: clamp(1.20rem, 1.42vw, 1.58rem) !important;
}

body.vx-experience-v3 .vx-kpi-top strong.vx-money-fit-xl {
  font-size: clamp(1rem, 1.18vw, 1.30rem) !important;
}

@media (max-width: 1280px) {
  body.vx-experience-v3 .vx-kpi-card {
    min-height: 150px;
  }

  body.vx-experience-v3 .vx-kpi-top > div:first-child {
    width: calc(100% - 54px);
    max-width: calc(100% - 54px) !important;
  }

  body.vx-experience-v3 .vx-kpi-icon {
    top: 18px;
    right: 18px;
  }
}

/* VENDRIX_POS_COMPACT_AND_TOGGLE_ACTIVE_V1 */

/* Clientes e Produtos regressam ao layout original. */
body.vx-experience-v3
[data-vx-toggle="clients"],

body.vx-experience-v3
[data-vx-toggle="products"],

body.vx-experience-v3
.vx-entity-image-editor,

body.vx-experience-v3
#vx-product-grid-v3 {
  display: none !important;
}

/* Destaque claro do modo selecionado no POS. */
body.vx-experience-v3
[data-vx-toggle="pos"]
button.active {
  background: #f59e0b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html.dark
body.vx-experience-v3
[data-vx-toggle="pos"]
button.active {
  background: #f59e0b !important;
  color: #111827 !important;
}

body.vx-experience-v3
[data-vx-toggle="pos"]
button:not(.active) {
  background: transparent !important;
  color: #64748b !important;
}

/* POS em lista: tipografia mais compacta. */
body.vx-experience-v3
#view-vendas
.vx-pos-list-row {
  min-height: 60px;
  grid-template-columns:
    42px
    minmax(0, 1fr)
    auto
    22px;
  gap: 10px;
  padding: 8px 11px;
}

body.vx-experience-v3
#view-vendas
.vx-pos-list-image {
  width: 40px;
  height: 40px;
  font-size: 14px;
}

body.vx-experience-v3
#view-vendas
.vx-pos-list-row
> span:nth-child(2)
> strong {
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.005em;
}

body.vx-experience-v3
#view-vendas
.vx-pos-list-row
> span:nth-child(2)
> small {
  margin-top: 2px;
  font-size: 9px !important;
  line-height: 1.25;
}

body.vx-experience-v3
#view-vendas
.vx-pos-list-row
> b {
  font-size: 12px !important;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

body.vx-experience-v3
#view-vendas
.vx-pos-list-row
> i:last-child {
  font-size: 11px;
}

/* POS em grelha: nomes e preços compactos. */
body.vx-experience-v3
#view-vendas
.vx-pos-product
strong {
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.25;
}

body.vx-experience-v3
#view-vendas
.vx-pos-product
small {
  margin-top: 3px;
  font-size: 9px !important;
  line-height: 1.25;
}

body.vx-experience-v3
#view-vendas
.vx-pos-product-price {
  font-size: 12.5px !important;
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

body.vx-experience-v3
#view-vendas
.vx-pos-product-price
span {
  width: 27px;
  height: 27px;
  font-size: 10px;
}

/* VENDRIX_ENTITY_KPI_HARMONY_V1 */

/* ==========================================================
   Faturas, Clientes e Produtos
   Mantém alinhamento horizontal à esquerda.
   Centraliza o conjunto de textos apenas verticalmente.
   ========================================================== */

body.vx-experience-v3
#view-faturas
.vx-small-stat,

body.vx-experience-v3
#view-clientes
.vx-small-stat,

body.vx-experience-v3
#view-produtos
.vx-small-stat {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-height: 142px;
  padding: 20px !important;
}

body.vx-experience-v3
#view-faturas
.vx-small-stat > span,

body.vx-experience-v3
#view-clientes
.vx-small-stat > span,

body.vx-experience-v3
#view-produtos
.vx-small-stat > span {
  margin: 0;
  line-height: 1.35;
  text-align: left !important;
}

body.vx-experience-v3
#view-faturas
.vx-small-stat > strong,

body.vx-experience-v3
#view-clientes
.vx-small-stat > strong,

body.vx-experience-v3
#view-produtos
.vx-small-stat > strong {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 9px;
  overflow: visible;
  /* Semantic value color preserved. */
  font-size: clamp(
    1.18rem,
    1.55vw,
    1.68rem
  ) !important;
  font-weight: 820;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-align: left !important;
  text-overflow: clip;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-feature-settings:
    "tnum" 1,
    "lnum" 1;
}

body.vx-experience-v3
#view-faturas
.vx-small-stat > small,

body.vx-experience-v3
#view-clientes
.vx-small-stat > small,

body.vx-experience-v3
#view-produtos
.vx-small-stat > small {
  margin-top: 12px;
  line-height: 1.4;
  text-align: left !important;
}

/* Valores médios, grandes e muito grandes. */

body.vx-experience-v3
#view-faturas
.vx-small-stat
> strong.vx-money-fit-md,

body.vx-experience-v3
#view-clientes
.vx-small-stat
> strong.vx-money-fit-md,

body.vx-experience-v3
#view-produtos
.vx-small-stat
> strong.vx-money-fit-md {
  font-size: clamp(
    1.20rem,
    1.60vw,
    1.72rem
  ) !important;
}

body.vx-experience-v3
#view-faturas
.vx-small-stat
> strong.vx-money-fit-lg,

body.vx-experience-v3
#view-clientes
.vx-small-stat
> strong.vx-money-fit-lg,

body.vx-experience-v3
#view-produtos
.vx-small-stat
> strong.vx-money-fit-lg {
  font-size: clamp(
    1.05rem,
    1.38vw,
    1.48rem
  ) !important;
}

body.vx-experience-v3
#view-faturas
.vx-small-stat
> strong.vx-money-fit-xl,

body.vx-experience-v3
#view-clientes
.vx-small-stat
> strong.vx-money-fit-xl,

body.vx-experience-v3
#view-produtos
.vx-small-stat
> strong.vx-money-fit-xl {
  font-size: clamp(
    .92rem,
    1.16vw,
    1.24rem
  ) !important;
}

/*
 * O stock total pode atingir dezenas ou centenas de milhões.
 * Usa o tamanho equivalente ao ajuste responsivo do Dashboard.
 */
body.vx-experience-v3
#vx-product-retail {
  font-size: clamp(
    1.04rem,
    1.34vw,
    1.46rem
  ) !important;
  letter-spacing: -.045em !important;
}

/* A taxa de cobrança não deve competir com valores monetários. */
body.vx-experience-v3
#vx-invoice-rate {
  font-size: clamp(
    1.15rem,
    1.48vw,
    1.58rem
  ) !important;
}

/* ==========================================================
   Contratos
   Centralização vertical preservando o ícone no topo direito.
   ========================================================== */

body.vx-experience-v3
#view-contratos
.vx-fin-kpi {
  display: flex !important;
  align-items: stretch;
  min-height: 142px;
  padding: 20px !important;
}

body.vx-experience-v3
#view-contratos
.vx-fin-kpi
> div:first-child {
  display: flex !important;
  flex: 1;
  align-items: stretch !important;
  justify-content: space-between;
  min-width: 0;
  min-height: 100%;
  gap: 14px;
}

body.vx-experience-v3
#view-contratos
.vx-fin-kpi
> div:first-child
> div:first-child {
  display: flex !important;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  text-align: left !important;
}

body.vx-experience-v3
#view-contratos
.vx-fin-kpi
> div:first-child
> span:last-child {
  align-self: flex-start;
  flex: 0 0 40px;
}

body.vx-experience-v3
#view-contratos
.vx-fin-kpi
> div:first-child
> div:first-child
> p:first-child {
  margin: 0;
  line-height: 1.35;
}

body.vx-experience-v3
#view-contratos
.vx-fin-kpi
> div:first-child
> div:first-child
> p:nth-child(2) {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 9px !important;
  overflow: visible;
  font-size: clamp(
    1.20rem,
    1.58vw,
    1.70rem
  ) !important;
  font-weight: 820;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-align: left !important;
  text-overflow: clip;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

body.vx-experience-v3
#view-contratos
.vx-fin-kpi
> div:first-child
> div:first-child
> p:nth-child(3) {
  margin-top: 12px !important;
  line-height: 1.4;
}

/* Receita anual: comprimento maior, tamanho controlado. */
body.vx-experience-v3
#vx-contract-annual {
  overflow: visible !important;
  font-size: clamp(
    1.04rem,
    1.34vw,
    1.46rem
  ) !important;
  letter-spacing: -.045em !important;
  text-overflow: clip !important;
}

/* ==========================================================
   Portáteis menores
   ========================================================== */

@media (max-width: 1366px) {
  body.vx-experience-v3
  #view-faturas
  .vx-small-stat > strong,

  body.vx-experience-v3
  #view-clientes
  .vx-small-stat > strong,

  body.vx-experience-v3
  #view-produtos
  .vx-small-stat > strong {
    font-size: clamp(
      1.04rem,
      1.36vw,
      1.42rem
    ) !important;
  }

  body.vx-experience-v3
  #vx-product-retail,

  body.vx-experience-v3
  #vx-contract-annual {
    font-size: clamp(
      .92rem,
      1.18vw,
      1.22rem
    ) !important;
  }

  body.vx-experience-v3
  #view-contratos
  .vx-fin-kpi
  > div:first-child
  > div:first-child
  > p:nth-child(2) {
    font-size: clamp(
      1.04rem,
      1.38vw,
      1.44rem
    ) !important;
  }
}

@media (max-width: 900px) {
  body.vx-experience-v3
  #view-faturas
  .vx-small-stat,

  body.vx-experience-v3
  #view-clientes
  .vx-small-stat,

  body.vx-experience-v3
  #view-produtos
  .vx-small-stat,

  body.vx-experience-v3
  #view-contratos
  .vx-fin-kpi {
    min-height: 132px;
  }
}

/* VENDRIX_ENTITY_KPI_COLOR_RESTORE_V1 */
/* Green, red and orange KPI colors restored. */

/* VENDRIX_MODAL_BUTTONS_PREMIUM_V1 */

/* ==========================================================
   Utilizadores — barra de pesquisa, filtro e Atualizar
   ========================================================== */

body.vx-experience-v3
#view-utilizadores
.vx-users-toolbar {
  display: grid !important;
  grid-template-columns:
    minmax(260px, 1fr)
    minmax(190px, 220px)
    auto;
  align-items: center;
  gap: 10px;
  width: 100%;
}

body.vx-experience-v3
#view-utilizadores
.vx-users-search {
  position: relative;
  width: 100%;
  min-width: 0 !important;
}

body.vx-experience-v3
#view-utilizadores
.vx-users-search > i {
  position: absolute;
  top: 50%;
  left: 14px;
  z-index: 2;
  width: 16px;
  color: #64748b;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  transform: translateY(-50%);
  pointer-events: none;
}

body.vx-experience-v3
#view-utilizadores
#vx-users-search {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px;
  padding: 0 14px 0 40px !important;
  border: 1px solid #d5dee9 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: #1f2937 !important;
  font-size: 13px !important;
  line-height: 44px;
  outline: none;
}

body.vx-experience-v3
#view-utilizadores
#vx-users-role-filter {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 38px 0 13px !important;
  border: 1px solid #d5dee9 !important;
  border-radius: 5px !important;
  background-color: #ffffff !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 44px;
  outline: none;
}

body.vx-experience-v3
#view-utilizadores
.vx-users-toolbar
> .btn-secondary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto !important;
  min-width: 112px;
  height: 44px !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 1px solid #d5dee9 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none !important;
  cursor: pointer;
}

body.vx-experience-v3
#view-utilizadores
.vx-users-toolbar
> .btn-secondary:hover {
  border-color: #f59e0b !important;
  background: #fff8eb !important;
  color: #b56800 !important;
}

/* Tema escuro da barra de Utilizadores */

html.dark
body.vx-experience-v3
#view-utilizadores
#vx-users-search,

html.dark
body.vx-experience-v3
#view-utilizadores
#vx-users-role-filter {
  border-color: #334155 !important;
  background: #0d151f !important;
  color: #e5e7eb !important;
}

html.dark
body.vx-experience-v3
#view-utilizadores
.vx-users-toolbar
> .btn-secondary {
  border-color: #334155 !important;
  background: #111a25 !important;
  color: #dbe4ef !important;
}

html.dark
body.vx-experience-v3
#view-utilizadores
.vx-users-toolbar
> .btn-secondary:hover {
  border-color: rgba(245, 158, 11, .55) !important;
  background: rgba(245, 158, 11, .10) !important;
  color: #fbbf24 !important;
}

/* ==========================================================
   Botões de rodapé dos modais
   ========================================================== */

body.vx-experience-v3
.vx-prompt-dialog footer,

body.vx-experience-v3
.vx-cash-modal > footer,

body.vx-experience-v3
.vx-rbac-modal-foot {
  display: flex !important;
  align-items: center;
  justify-content: flex-end !important;
  gap: 8px !important;
}

/* Estrutura comum */

body.vx-experience-v3
.vx-prompt-dialog footer > button,

body.vx-experience-v3
.vx-cash-modal > footer > button,

body.vx-experience-v3
.vx-rbac-modal-foot > button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto !important;
  min-width: 108px;
  height: 42px !important;
  min-height: 42px;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 5px !important;
  font-family: inherit;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  letter-spacing: 0;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: none !important;
  cursor: pointer;
  user-select: none;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease;
}

body.vx-experience-v3
.vx-prompt-dialog footer > button i,

body.vx-experience-v3
.vx-cash-modal > footer > button i,

body.vx-experience-v3
.vx-rbac-modal-foot > button i {
  font-size: 12px;
  line-height: 1;
}

/* Primário: Confirmar, Fechar e Guardar */

body.vx-experience-v3
.vx-prompt-dialog footer > .btn-primary,

body.vx-experience-v3
.vx-prompt-dialog footer > [data-confirm],

body.vx-experience-v3
.vx-cash-modal > footer > .btn-primary,

body.vx-experience-v3
.vx-rbac-modal-foot > .btn-primary {
  border: 1px solid #f59e0b !important;
  background: #f59e0b !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

body.vx-experience-v3
.vx-prompt-dialog footer > .btn-primary:hover,

body.vx-experience-v3
.vx-prompt-dialog footer > [data-confirm]:hover,

body.vx-experience-v3
.vx-cash-modal > footer > .btn-primary:hover,

body.vx-experience-v3
.vx-rbac-modal-foot > .btn-primary:hover {
  border-color: #d97706 !important;
  background: #d97706 !important;
  color: #ffffff !important;
}

/* Secundário: Cancelar e Imprimir */

body.vx-experience-v3
.vx-prompt-dialog footer > .vx-secondary-button,

body.vx-experience-v3
.vx-prompt-dialog footer > .btn-secondary,

body.vx-experience-v3
.vx-cash-modal > footer > .btn-secondary,

body.vx-experience-v3
.vx-rbac-modal-foot > .btn-secondary {
  border: 1px solid #d5dee9 !important;
  background: #ffffff !important;
  color: #344054 !important;
}

body.vx-experience-v3
.vx-prompt-dialog footer > .vx-secondary-button:hover,

body.vx-experience-v3
.vx-prompt-dialog footer > .btn-secondary:hover,

body.vx-experience-v3
.vx-cash-modal > footer > .btn-secondary:hover,

body.vx-experience-v3
.vx-rbac-modal-foot > .btn-secondary:hover {
  border-color: #f0c36b !important;
  background: #fff8eb !important;
  color: #a65f00 !important;
}

/* Tema escuro dos botões secundários */

html.dark
body.vx-experience-v3
.vx-prompt-dialog footer > .vx-secondary-button,

html.dark
body.vx-experience-v3
.vx-prompt-dialog footer > .btn-secondary,

html.dark
body.vx-experience-v3
.vx-cash-modal > footer > .btn-secondary,

html.dark
body.vx-experience-v3
.vx-rbac-modal-foot > .btn-secondary {
  border-color: #334155 !important;
  background: #111a25 !important;
  color: #dbe4ef !important;
}

html.dark
body.vx-experience-v3
.vx-prompt-dialog footer > .vx-secondary-button:hover,

html.dark
body.vx-experience-v3
.vx-prompt-dialog footer > .btn-secondary:hover,

html.dark
body.vx-experience-v3
.vx-cash-modal > footer > .btn-secondary:hover,

html.dark
body.vx-experience-v3
.vx-rbac-modal-foot > .btn-secondary:hover {
  border-color: rgba(245, 158, 11, .45) !important;
  background: rgba(245, 158, 11, .09) !important;
  color: #fbbf24 !important;
}

/* Focus acessível */

body.vx-experience-v3
.vx-prompt-dialog footer > button:focus-visible,

body.vx-experience-v3
.vx-cash-modal > footer > button:focus-visible,

body.vx-experience-v3
.vx-rbac-modal-foot > button:focus-visible,

body.vx-experience-v3
#view-utilizadores
.vx-users-toolbar
> button:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(245, 158, 11, .20) !important;
}

/* Disabled */

body.vx-experience-v3
.vx-prompt-dialog footer > button:disabled,

body.vx-experience-v3
.vx-cash-modal > footer > button:disabled,

body.vx-experience-v3
.vx-rbac-modal-foot > button:disabled {
  opacity: .55;
  cursor: not-allowed;
}

/* Evita seleção visual estranha sobre o texto */

body.vx-experience-v3
.vx-prompt-dialog footer > button::selection,

body.vx-experience-v3
.vx-cash-modal > footer > button::selection,

body.vx-experience-v3
.vx-rbac-modal-foot > button::selection {
  background: transparent;
  color: inherit;
}

/* Responsivo */

@media (max-width: 760px) {
  body.vx-experience-v3
  #view-utilizadores
  .vx-users-toolbar {
    grid-template-columns: 1fr;
  }

  body.vx-experience-v3
  #view-utilizadores
  .vx-users-toolbar
  > .btn-secondary {
    width: 100% !important;
  }

  body.vx-experience-v3
  .vx-prompt-dialog footer > button,

  body.vx-experience-v3
  .vx-cash-modal > footer > button,

  body.vx-experience-v3
  .vx-rbac-modal-foot > button {
    flex: 1;
  }
}

/* VENDRIX_CASH_REFRESH_BUTTON_PREMIUM_V1 */

body.vx-experience-v3
.vx-cash-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

body.vx-experience-v3
.vx-cash-refresh-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto !important;
  min-width: 112px;
  height: 42px !important;
  min-height: 42px;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 1px solid #334155 !important;
  border-radius: 5px !important;
  background: #111a25 !important;
  color: #dbe4ef !important;
  font-family: inherit;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none !important;
  cursor: pointer;
  user-select: none;
  transition:
    border-color .16s ease,
    background-color .16s ease,
    color .16s ease;
}

body.vx-experience-v3
.vx-cash-refresh-button:hover:not(:disabled) {
  border-color: rgba(
    245,
    158,
    11,
    .55
  ) !important;
  background: rgba(
    245,
    158,
    11,
    .10
  ) !important;
  color: #fbbf24 !important;
}

body.vx-experience-v3
.vx-cash-refresh-button:focus-visible {
  outline: none !important;
  border-color: #f59e0b !important;
  box-shadow:
    0 0 0 3px
    rgba(245, 158, 11, .18) !important;
}

body.vx-experience-v3
.vx-cash-refresh-button:disabled {
  opacity: .72;
  cursor: wait;
}

body.vx-experience-v3
.vx-cash-refresh-button > i {
  width: 13px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}

body.vx-experience-v3
.vx-cash-refresh-button.is-loading > i {
  animation:
    vx-cash-refresh-spin
    .72s linear infinite;
}

@keyframes vx-cash-refresh-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Tema claro */

html:not(.dark)
body.vx-experience-v3
.vx-cash-refresh-button {
  border-color: #d5dee9 !important;
  background: #ffffff !important;
  color: #344054 !important;
}

html:not(.dark)
body.vx-experience-v3
.vx-cash-refresh-button:hover:not(:disabled) {
  border-color: #f0c36b !important;
  background: #fff8eb !important;
  color: #a65f00 !important;
}

@media (max-width: 760px) {
  body.vx-experience-v3
  .vx-cash-head-actions {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }

  body.vx-experience-v3
  .vx-cash-refresh-button {
    width: 100% !important;
  }
}