header {
    position: sticky;
    top: 0;
    z-index: 4000;
}

nav {
    position: sticky;
    top: 64px;
    z-index: 3500;
    overflow: visible !important;
}

main {
    position: relative;
    z-index: 1;
}

:root {
    --shell-border: rgba(148, 163, 184, 0.22);
    --shell-surface: rgba(255, 255, 255, 0.84);
    --shell-surface-strong: rgba(255, 255, 255, 0.94);
    --shell-subtle: rgba(248, 250, 252, 0.85);
    --shell-copy: #475569;
    --shell-heading: #0f172a;
    --shell-accent: #2563eb;
    --shell-copy-soft: #64748b;
    --shell-icon-soft: #475569;
    --shell-icon-strong: #0f172a;
    /* Premium veterinary landing palette */
    --vet-premium-bg-main: #DDE9E3;
    --vet-premium-bg-soft: #C9D8CF;
    --vet-premium-surface: #F4F0E7;
    --vet-premium-hero: #CDBCA8;
    --vet-premium-sage: #AEB9AA;
    --vet-premium-aqua: #93DDE1;
    --vet-premium-aqua-hover: #8FD0D5;
    --vet-premium-text: #1F2421;
    --vet-premium-text-soft: #5E6A63;
    --vet-premium-border: #D8DED8;
    --vet-premium-shadow: rgba(70, 90, 80, 0.12);
    --vet-premium-ivory: #FFFDF8;
    --vet-premium-accent-strong: #6BAFB3;
    --tooltip-bg: rgba(15, 23, 42, 0.96);
    --tooltip-color: #f8fafc;
    --tooltip-border: rgba(255, 255, 255, 0.08);
    --tooltip-shadow: 0 16px 36px rgba(15, 23, 42, 0.22);
    --tooltip-arrow: rgba(15, 23, 42, 0.96);
}

.app-shell {
    position: relative;
    overflow-x: hidden;
}

.app-shell-backdrop {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.app-shell-orb {
    position: absolute;
    border-radius: 9999px;
    filter: blur(80px);
    opacity: 0.55;
}

.app-shell-orb--primary {
    top: -3rem;
    left: -6rem;
    width: 24rem;
    height: 24rem;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.3) 0%, rgba(59, 130, 246, 0.14) 48%, transparent 72%);
}

.app-shell-orb--secondary {
    right: -5rem;
    top: 20rem;
    width: 22rem;
    height: 22rem;
    background: radial-gradient(circle, rgba(20, 184, 166, 0.24) 0%, rgba(16, 185, 129, 0.12) 52%, transparent 74%);
}

.app-shell-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(148, 163, 184, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.06) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: radial-gradient(circle at center, rgba(15, 23, 42, 0.5), transparent 78%);
}

.app-main-shell {
    position: relative;
    z-index: 1;
}

body.app-shell-loading {
    cursor: progress;
}

body.app-shell-loading #app-main {
    opacity: 0.72;
    transition: opacity 0.18s ease;
}

body.app-shell-loading #app-main a,
body.app-shell-loading #app-main button,
body.app-shell-loading #app-main input,
body.app-shell-loading #app-main select,
body.app-shell-loading #app-main textarea {
    pointer-events: none;
}

.app-breadcrumb {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--shell-border);
    background: rgba(255, 255, 255, 0.78);
    border-radius: 999px;
    backdrop-filter: blur(16px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.workspace-page {
    position: relative;
    z-index: 1;
}

.workspace-hero {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem 1.35rem;
    border: 1px solid var(--shell-border);
    border-radius: 1.75rem;
    background:
        linear-gradient(180deg, var(--shell-surface-strong) 0%, var(--shell-surface) 100%);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.workspace-hero--compact {
    padding: 1.1rem 1.2rem;
}

.workspace-hero__content {
    min-width: 0;
}

.workspace-hero__actions {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.workspace-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    padding: 0.38rem 0.78rem;
    border-radius: 999px;
    border: 1px solid rgba(37, 99, 235, 0.14);
    background: linear-gradient(90deg, rgba(239, 246, 255, 0.92) 0%, rgba(240, 253, 250, 0.92) 100%);
    color: var(--shell-accent);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.workspace-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.95rem;
}

.workspace-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.46rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(248, 250, 252, 0.78);
    color: var(--shell-copy);
    font-size: 0.74rem;
    font-weight: 700;
}

.workspace-meta-pill i {
    color: var(--shell-accent);
}

.shell-icon-button {
    color: inherit;
}

.shell-icon-button i.topbar-svg-ready {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: 0;
    line-height: 1;
}

.shell-icon-button i.topbar-svg-ready::before {
    content: none !important;
}

.shell-icon-button i.topbar-svg-ready svg {
    width: 100%;
    height: 100%;
    display: block;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shell-icon-button i.topbar-svg-ready .icon-fill {
    fill: currentColor;
    stroke: none;
}

.shell-icon-button i,
.app-shell i[class^="fa"],
.app-shell i[class*=" fa-"],
.login-page i[class^="fa"],
.login-page i[class*=" fa-"] {
    color: currentColor;
}

.sidebar-nav-link {
    flex-shrink: 0;
}

.sidebar-nav-glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 249, 0.96) 100%);
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.sidebar-nav-glyph i {
    color: var(--shell-icon-soft);
    transition: color 0.18s ease, transform 0.18s ease;
}

.sidebar-nav-link:hover .sidebar-nav-glyph,
.sidebar-nav-link:focus-visible .sidebar-nav-glyph {
    transform: translateY(-1px) scale(1.04);
    border-color: rgba(96, 165, 250, 0.28);
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12);
}

.sidebar-nav-link:hover .sidebar-nav-glyph i,
.sidebar-nav-link:focus-visible .sidebar-nav-glyph i {
    color: var(--shell-accent);
    transform: scale(1.04);
}

.sidebar-nav-link--active .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(224, 242, 254, 0.98) 0%, rgba(238, 242, 255, 0.98) 100%);
    border-color: rgba(59, 130, 246, 0.24);
    box-shadow: 0 14px 28px rgba(59, 130, 246, 0.16);
}

.sidebar-nav-link--active .sidebar-nav-glyph i {
    color: var(--shell-accent);
}

.workspace-stats-grid .rounded-2xl,
.workspace-stats-grid .rounded-3xl,
.workspace-surface,
.workspace-surface--table {
    backdrop-filter: blur(14px);
}

.workspace-content-stack > * + * {
    margin-top: 1.5rem;
}

.workspace-surface {
    border: 1px solid var(--shell-border);
    border-radius: 1.75rem;
    background: var(--shell-surface);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.workspace-surface--table {
    border: 1px solid var(--shell-border);
    border-radius: 1.75rem;
    background: var(--shell-surface-strong);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.workspace-filter-bar {
    position: relative;
}

.workspace-filter-bar::after {
    content: "";
    position: absolute;
    inset: auto 1.25rem -1px 1.25rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.34), transparent);
}

.workspace-table thead th {
    font-size: 0.68rem;
    letter-spacing: 0.18em;
    font-weight: 800;
}

.workspace-table tbody tr {
    transition: background-color 0.18s ease, transform 0.18s ease;
}

.workspace-table tbody tr:hover {
    background: rgba(248, 250, 252, 0.86);
}

.workspace-table td,
.workspace-table th,
.workspace-page label,
.workspace-page dt,
.workspace-page dd {
    color: inherit;
}

.workspace-empty-cell {
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.9) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.workspace-pagination {
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.72) 0%, rgba(255, 255, 255, 0.94) 100%);
}

.leaflet-container {
    z-index: 10 !important;
}

.leaflet-pane,
.leaflet-top,
.leaflet-bottom {
    z-index: 20 !important;
}

.leaflet-popup,
.leaflet-tooltip {
    z-index: 30 !important;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.topbar-actions-scroll {
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.68) rgba(255, 255, 255, 0.14);
}

.topbar-actions-scroll::-webkit-scrollbar:horizontal {
    height: 8px;
}

.topbar-actions-scroll::-webkit-scrollbar:vertical {
    width: 0;
    height: 0;
}

.topbar-actions-scroll::-webkit-scrollbar-track:horizontal {
    background: rgba(255, 255, 255, 0.14);
    border-radius: 999px;
}

.topbar-actions-scroll::-webkit-scrollbar-thumb:horizontal {
    background: rgba(255, 255, 255, 0.68);
    border-radius: 999px;
}

.topbar-actions-scroll::-webkit-scrollbar-thumb:horizontal:hover {
    background: rgba(255, 255, 255, 0.82);
}

.tt-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tt {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(-6px) scale(0.98);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: max-content;
    max-width: min(18rem, calc(100vw - 2rem));
    white-space: normal;
    text-wrap: balance;
    text-align: center;
    line-height: 1.35;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    z-index: 9999999;
    background: var(--tooltip-bg);
    color: var(--tooltip-color);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.55rem 0.72rem;
    border-radius: 0.85rem;
    box-shadow: var(--tooltip-shadow);
    border: 1px solid var(--tooltip-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.tt::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--tooltip-arrow);
}

.tt-wrap:hover .tt,
.tt-wrap:focus-within .tt {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0) scale(1);
}

.tt-wrap.tt-active .tt {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) scale(1) !important;
    pointer-events: none !important;
}

#btnTenantConfigMenu:focus .tt,
#btnTenantConfigMenu:focus-within .tt {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(-4px);
}

#tenantConfigMenuContainer[open] #btnTenantConfigMenu .tt {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-50%) translateY(-4px) !important;
}

[data-tooltip] {
    position: relative;
}

[data-tooltip]::before,
[data-tooltip]::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    z-index: 9999999;
}

[data-tooltip]::before {
    content: attr(data-tooltip);
    bottom: calc(100% + 10px);
    transform: translateX(-50%) translateY(6px) scale(0.98);
    width: max-content;
    max-width: min(18rem, calc(100vw - 2rem));
    padding: 0.55rem 0.72rem;
    border-radius: 0.85rem;
    background: var(--tooltip-bg);
    color: var(--tooltip-color);
    border: 1px solid var(--tooltip-border);
    box-shadow: var(--tooltip-shadow);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: normal;
    text-wrap: balance;
    text-align: center;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

[data-tooltip]::after {
    content: "";
    bottom: calc(100% + 4px);
    transform: translateX(-50%) translateY(6px);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--tooltip-arrow);
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after,
[data-tooltip]:focus-visible::before,
[data-tooltip]:focus-visible::after,
[data-tooltip].tt-active::before,
[data-tooltip].tt-active::after {
    opacity: 1;
    visibility: visible;
}

[data-tooltip]:hover::before,
[data-tooltip]:focus-visible::before,
[data-tooltip].tt-active::before {
    transform: translateX(-50%) translateY(0) scale(1);
}

[data-tooltip]:hover::after,
[data-tooltip]:focus-visible::after,
[data-tooltip].tt-active::after {
    transform: translateX(-50%) translateY(0);
}

[data-tooltip][data-tooltip-placement="bottom"]::before {
    top: calc(100% + 10px);
    bottom: auto;
    transform: translateX(-50%) translateY(-6px) scale(0.98);
}

[data-tooltip][data-tooltip-placement="bottom"]::after {
    top: calc(100% + 4px);
    bottom: auto;
    transform: translateX(-50%) translateY(-6px);
    border-top: 0;
    border-bottom: 6px solid var(--tooltip-arrow);
}

[data-tooltip][data-tooltip-placement="bottom"]:hover::before,
[data-tooltip][data-tooltip-placement="bottom"]:focus-visible::before,
[data-tooltip][data-tooltip-placement="bottom"].tt-active::before {
    transform: translateX(-50%) translateY(0) scale(1);
}

[data-tooltip][data-tooltip-placement="bottom"]:hover::after,
[data-tooltip][data-tooltip-placement="bottom"]:focus-visible::after,
[data-tooltip][data-tooltip-placement="bottom"].tt-active::after {
    transform: translateX(-50%) translateY(0);
}

#tenantConfigMenuContainer > #tenantConfigMenuPanel {
    display: none;
}

#tenantConfigMenuContainer[open] > #tenantConfigMenuPanel {
    display: block;
}

#tenantConfigMenuContainer > summary::-webkit-details-marker {
    display: none;
}

.nav-hidden {
    display: none !important;
}

nav,
nav * {
    overflow: visible !important;
}

.form-control {
    width: 100%;
    border: 1px solid rgb(203 213 225);
    border-radius: 0.75rem;
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(30 41 59);
    background-color: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-control:hover {
    border-color: rgb(148 163 184);
}

.form-control:focus {
    outline: none;
    border-color: rgb(59 130 246);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.form-control[type="file"] {
    padding: 0.55rem 0.65rem;
    background: rgba(255, 255, 255, 0.88);
}

.form-control[type="file"]::file-selector-button {
    margin-right: 0.85rem;
    border: 0;
    border-radius: 0.85rem;
    padding: 0.55rem 0.9rem;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 41, 59, 0.96) 100%);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.form-control[type="file"]::file-selector-button:hover {
    transform: translateY(-1px);
    opacity: 0.94;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(37, 99, 235, 0.22);
    outline-offset: 2px;
}

html[data-theme="light"] .app-shell .text-slate-500,
html[data-theme="light"] .app-shell .text-slate-600 {
    color: var(--shell-copy) !important;
}

html[data-theme="light"] .app-shell .text-slate-400 {
    color: var(--shell-copy-soft) !important;
}

html[data-theme="light"] .app-shell .text-slate-700,
html[data-theme="light"] .app-shell .text-slate-800 {
    color: #5b331c !important;
}

html[data-theme="light"] .workspace-table thead,
html[data-theme="light"] .workspace-page thead,
html[data-theme="light"] .workspace-page .uppercase {
    color: #8b5e3c !important;
}

html[data-theme="light"] .shell-icon-button {
    box-shadow: 0 12px 28px rgba(194, 65, 12, 0.12);
}

html[data-theme="light"] .sidebar-nav-link {
    color: #7c5a3b !important;
}

html[data-theme="light"] .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 237, 213, 0.94) 100%) !important;
    border-color: rgba(249, 115, 22, 0.16) !important;
    box-shadow: 0 10px 24px rgba(194, 65, 12, 0.1) !important;
}

html[data-theme="light"] .sidebar-nav-glyph i {
    color: #9a3412 !important;
}

html[data-theme="light"] .sidebar-nav-link:hover .sidebar-nav-glyph,
html[data-theme="light"] .sidebar-nav-link:focus-visible .sidebar-nav-glyph {
    border-color: rgba(249, 115, 22, 0.28) !important;
    box-shadow: 0 14px 28px rgba(249, 115, 22, 0.16) !important;
}

html[data-theme="light"] .sidebar-nav-link:hover .sidebar-nav-glyph i,
html[data-theme="light"] .sidebar-nav-link:focus-visible .sidebar-nav-glyph i {
    color: #c2410c !important;
}

html[data-theme="light"] .sidebar-nav-link--active {
    color: #c2410c !important;
}

html[data-theme="light"] .sidebar-nav-link--active .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(255, 237, 213, 0.98) 0%, rgba(254, 215, 170, 0.98) 100%) !important;
    border-color: rgba(234, 88, 12, 0.24) !important;
    box-shadow: 0 16px 30px rgba(234, 88, 12, 0.18) !important;
}

html[data-theme="light"] .sidebar-nav-link--active .sidebar-nav-glyph i {
    color: #c2410c !important;
}

.form-check {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    color: rgb(51 65 85);
}

.form-check input[type="checkbox"],
.form-check input[type="radio"] {
    width: 1rem;
    height: 1rem;
    accent-color: rgb(37 99 235);
}

.dashboard-reveal {
    animation: dashboard-reveal 0.45s ease both;
}

@keyframes dashboard-reveal {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="light"] {
    color-scheme: light;
    --shell-border: rgba(245, 158, 11, 0.18);
    --shell-surface: rgba(255, 251, 247, 0.9);
    --shell-surface-strong: rgba(255, 254, 250, 0.97);
    --shell-subtle: rgba(255, 247, 237, 0.9);
    --shell-copy: #6b4f3a;
    --shell-heading: #431407;
    --shell-accent: #c2410c;
    --shell-copy-soft: #9a6b45;
    --shell-icon-soft: #9a3412;
    --shell-icon-strong: #431407;
    --tooltip-bg: rgba(255, 251, 247, 0.98);
    --tooltip-color: #431407;
    --tooltip-border: rgba(245, 158, 11, 0.18);
    --tooltip-shadow: 0 18px 36px rgba(194, 65, 12, 0.16);
    --tooltip-arrow: rgba(255, 251, 247, 0.98);
}

html[data-theme="light"] body {
    background-color: #fff7ed !important;
    color: #431407 !important;
}

html[data-theme="light"] .app-shell-orb--primary {
    background: radial-gradient(circle, rgba(251, 146, 60, 0.28) 0%, rgba(249, 115, 22, 0.15) 48%, transparent 74%);
}

html[data-theme="light"] .app-shell-orb--secondary {
    background: radial-gradient(circle, rgba(253, 186, 116, 0.24) 0%, rgba(251, 191, 36, 0.14) 54%, transparent 76%);
}

html[data-theme="light"] .app-shell-grid {
    background-image:
        linear-gradient(rgba(251, 146, 60, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245, 158, 11, 0.06) 1px, transparent 1px);
}

html[data-theme="light"] .app-breadcrumb,
html[data-theme="light"] .workspace-hero,
html[data-theme="light"] .workspace-surface,
html[data-theme="light"] .workspace-surface--table {
    background: linear-gradient(180deg, rgba(255, 253, 249, 0.98) 0%, rgba(255, 247, 237, 0.92) 100%) !important;
    border-color: rgba(245, 158, 11, 0.16) !important;
    box-shadow: 0 20px 44px rgba(249, 115, 22, 0.1) !important;
}

html[data-theme="light"] .workspace-kicker {
    background: linear-gradient(90deg, rgba(255, 237, 213, 0.95) 0%, rgba(255, 247, 237, 0.95) 100%) !important;
    border-color: rgba(249, 115, 22, 0.16) !important;
    color: #c2410c !important;
}

html[data-theme="light"] .workspace-meta-pill {
    background: rgba(255, 247, 237, 0.88) !important;
    border-color: rgba(245, 158, 11, 0.16) !important;
    color: #7c5a3b !important;
}

html[data-theme="light"] .workspace-meta-pill i {
    color: #c2410c !important;
}

html[data-theme="light"] .workspace-table tbody tr:hover {
    background: rgba(255, 247, 237, 0.92) !important;
}

html[data-theme="light"] .workspace-empty-cell,
html[data-theme="light"] .workspace-pagination {
    background: linear-gradient(180deg, rgba(75, 74, 73, 0.94) 0%, rgba(24, 20, 16, 0.96) 100%) !important;
}

html[data-theme="light"] #topbar {
    background: linear-gradient(90deg, #7c2d12 0%, #f59e0b 100%) !important;
    box-shadow: 0 18px 42px rgba(194, 65, 12, 0.22) !important;
}

html[data-theme="light"] #navbar,
html[data-theme="light"] footer {
    background: rgba(255, 249, 240, 0.94) !important;
    border-color: rgba(245, 158, 11, 0.16) !important;
}

html[data-theme="light"] footer,
html[data-theme="light"] footer p,
html[data-theme="light"] footer div {
    color: #7c5a3b !important;
}

html[data-theme="dark"] body {
    background-color: #020617 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] {
    --shell-border: rgba(71, 85, 105, 0.64);
    --shell-surface: rgba(15, 23, 42, 0.86);
    --shell-surface-strong: rgba(11, 18, 32, 0.96);
    --shell-subtle: rgba(15, 23, 42, 0.88);
    --shell-copy: #cbd5e1;
    --shell-heading: #f8fafc;
    --shell-accent: #93c5fd;
    --shell-copy-soft: #9fb3c8;
    --shell-icon-soft: #d7e5f6;
    --shell-icon-strong: #f8fafc;
    --tooltip-bg: rgba(11, 18, 32, 0.98);
    --tooltip-color: #f8fafc;
    --tooltip-border: rgba(71, 85, 105, 0.56);
    --tooltip-shadow: 0 20px 40px rgba(2, 6, 23, 0.42);
    --tooltip-arrow: rgba(11, 18, 32, 0.98);
}

html[data-theme="dark"] .app-shell-grid {
    background-image:
        linear-gradient(rgba(71, 85, 105, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(71, 85, 105, 0.12) 1px, transparent 1px);
}

html[data-theme="dark"] .app-breadcrumb,
html[data-theme="dark"] .workspace-hero,
html[data-theme="dark"] .workspace-surface,
html[data-theme="dark"] .workspace-surface--table {
    background: rgba(11, 18, 32, 0.9) !important;
    border-color: rgba(71, 85, 105, 0.64) !important;
    box-shadow: 0 18px 44px rgba(2, 6, 23, 0.45) !important;
}

html[data-theme="dark"] .workspace-kicker {
    background: linear-gradient(90deg, rgba(30, 41, 59, 0.92) 0%, rgba(15, 23, 42, 0.92) 100%) !important;
    border-color: rgba(96, 165, 250, 0.22) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .workspace-meta-pill {
    background: rgba(15, 23, 42, 0.88) !important;
    border-color: rgba(71, 85, 105, 0.54) !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .workspace-meta-pill i {
    color: #93c5fd !important;
}

html[data-theme="dark"] .shell-icon-button {
    color: #f8fafc !important;
    box-shadow: 0 12px 28px rgba(2, 6, 23, 0.34);
}

html[data-theme="dark"] .app-shell i[class^="fa"],
html[data-theme="dark"] .app-shell i[class*=" fa-"] {
    color: currentColor;
    opacity: 1;
}

html[data-theme="dark"] .sidebar-nav-link {
    color: #dbe7f6 !important;
}

html[data-theme="dark"] .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
    border-color: rgba(71, 85, 105, 0.56) !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, 0.36) !important;
}

html[data-theme="dark"] .sidebar-nav-glyph i {
    color: #dbe7f6 !important;
}

html[data-theme="dark"] .sidebar-nav-link:hover .sidebar-nav-glyph,
html[data-theme="dark"] .sidebar-nav-link:focus-visible .sidebar-nav-glyph {
    border-color: rgba(96, 165, 250, 0.48) !important;
    box-shadow: 0 14px 30px rgba(14, 165, 233, 0.22) !important;
}

html[data-theme="dark"] .sidebar-nav-link:hover .sidebar-nav-glyph i,
html[data-theme="dark"] .sidebar-nav-link:focus-visible .sidebar-nav-glyph i {
    color: #bfdbfe !important;
}

html[data-theme="dark"] .sidebar-nav-link--active .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.98) 0%, rgba(8, 47, 73, 0.98) 100%) !important;
    border-color: rgba(56, 189, 248, 0.54) !important;
    box-shadow: 0 16px 34px rgba(14, 165, 233, 0.24) !important;
}

html[data-theme="dark"] .sidebar-nav-link--active .sidebar-nav-glyph i {
    color: #7dd3fc !important;
}

html[data-theme="dark"] .app-shell .shell-icon-button i,
html[data-theme="dark"] .app-shell #navbar .sidebar-nav-glyph i,
html[data-theme="dark"] .app-shell .workspace-meta-pill i,
html[data-theme="dark"] .app-shell .workspace-kicker i,
html[data-theme="dark"] .app-shell .app-breadcrumb i {
    color: #f8fafc !important;
    text-shadow: 0 0 12px rgba(147, 197, 253, 0.16);
}

html[data-theme="dark"] .app-shell i.text-slate-400,
html[data-theme="dark"] .app-shell i.text-slate-500,
html[data-theme="dark"] .app-shell i.text-slate-600,
html[data-theme="dark"] .app-shell .text-slate-400 i,
html[data-theme="dark"] .app-shell .text-slate-500 i,
html[data-theme="dark"] .app-shell .text-slate-600 i {
    color: #dbe7f6 !important;
}

html[data-theme="dark"] .app-shell a:hover i,
html[data-theme="dark"] .app-shell button:hover i {
    color: inherit !important;
}

html[data-theme="dark"] .workspace-filter-bar::after {
    background: linear-gradient(90deg, transparent, rgba(71, 85, 105, 0.6), transparent) !important;
}

html[data-theme="dark"] .workspace-table tbody tr:hover {
    background: rgba(22, 32, 51, 0.92) !important;
}

html[data-theme="dark"] .workspace-empty-cell,
html[data-theme="dark"] .workspace-pagination {
    background: rgba(15, 23, 42, 0.9) !important;
}

html[data-theme="dark"] .workspace-table thead,
html[data-theme="dark"] .workspace-page thead,
html[data-theme="dark"] .workspace-page .uppercase {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] #topbar {
    background: linear-gradient(90deg, #020617 0%, #115e59 100%) !important;
}

html[data-theme="dark"] #navbar,
html[data-theme="dark"] footer {
    background-color: #020617 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] #navbar a,
html[data-theme="dark"] footer,
html[data-theme="dark"] footer p,
html[data-theme="dark"] footer div {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .panel-glass {
    background-color: #0f172a !important;
}

html[data-theme="dark"] [class*="bg-white/"] {
    background-color: rgba(15, 23, 42, 0.78) !important;
}

html[data-theme="dark"] .bg-slate-50,
html[data-theme="dark"] [class*="bg-slate-50/"] {
    background-color: #111827 !important;
}

html[data-theme="dark"] .bg-slate-100 {
    background-color: #1e293b !important;
}

html[data-theme="dark"] .bg-slate-200,
html[data-theme="dark"] [class*="bg-slate-200/"] {
    background-color: #334155 !important;
}

html[data-theme="dark"] .border-slate-100,
html[data-theme="dark"] .border-slate-200,
html[data-theme="dark"] .border-slate-300,
html[data-theme="dark"] .border-slate-400 {
    border-color: #334155 !important;
}

html[data-theme="dark"] .text-slate-900 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .text-slate-800 {
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .text-slate-700 {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .text-slate-600,
html[data-theme="dark"] .text-slate-500 {
    color: #bfd0e3 !important;
}

html[data-theme="dark"] .text-slate-300,
html[data-theme="dark"] .text-slate-200,
html[data-theme="dark"] .text-slate-100 {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .text-slate-400 {
    color: #93a9c1 !important;
}

html[data-theme="dark"] .shadow-soft {
    box-shadow: 0 16px 40px rgba(2, 6, 23, 0.45) !important;
}

html[data-theme="dark"] .shadow-strong {
    box-shadow: 0 24px 60px rgba(2, 6, 23, 0.62) !important;
}

html[data-theme="dark"] .bg-indigo-50,
html[data-theme="dark"] .bg-sky-50,
html[data-theme="dark"] .bg-cyan-50,
html[data-theme="dark"] .bg-cyan-100,
html[data-theme="dark"] .bg-emerald-50,
html[data-theme="dark"] .bg-amber-50,
html[data-theme="dark"] .bg-rose-50,
html[data-theme="dark"] .bg-sky-100,
html[data-theme="dark"] .bg-emerald-100,
html[data-theme="dark"] .bg-amber-100,
html[data-theme="dark"] .bg-rose-100,
html[data-theme="dark"] .bg-indigo-100 {
    background-color: #1e293b !important;
}

html[data-theme="dark"] .border-indigo-100,
html[data-theme="dark"] .border-indigo-200,
html[data-theme="dark"] .border-indigo-300,
html[data-theme="dark"] .border-sky-200,
html[data-theme="dark"] .border-sky-300,
html[data-theme="dark"] .border-cyan-200,
html[data-theme="dark"] .border-cyan-300,
html[data-theme="dark"] .border-emerald-200,
html[data-theme="dark"] .border-emerald-300,
html[data-theme="dark"] .border-amber-200,
html[data-theme="dark"] .border-amber-300,
html[data-theme="dark"] .border-rose-200,
html[data-theme="dark"] .border-rose-300 {
    border-color: #475569 !important;
}

html[data-theme="dark"] .text-slate-950 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .text-indigo-700,
html[data-theme="dark"] .text-indigo-800,
html[data-theme="dark"] .text-indigo-900,
html[data-theme="dark"] .text-indigo-950,
html[data-theme="dark"] .text-cyan-700,
html[data-theme="dark"] .text-cyan-800,
html[data-theme="dark"] .text-cyan-900,
html[data-theme="dark"] .text-cyan-950,
html[data-theme="dark"] .text-cyan-100,
html[data-theme="dark"] .text-emerald-700,
html[data-theme="dark"] .text-emerald-800,
html[data-theme="dark"] .text-emerald-900,
html[data-theme="dark"] .text-emerald-950,
html[data-theme="dark"] .text-amber-700,
html[data-theme="dark"] .text-amber-800,
html[data-theme="dark"] .text-amber-900,
html[data-theme="dark"] .text-amber-950,
html[data-theme="dark"] .text-rose-700,
html[data-theme="dark"] .text-rose-800,
html[data-theme="dark"] .text-rose-900,
html[data-theme="dark"] .text-rose-950,
html[data-theme="dark"] .text-sky-700,
html[data-theme="dark"] .text-sky-800,
html[data-theme="dark"] .text-sky-900,
html[data-theme="dark"] .text-sky-950 {
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .hover\:bg-slate-50:hover,
html[data-theme="dark"] .hover\:bg-slate-100:hover,
html[data-theme="dark"] .hover\:bg-cyan-50:hover,
html[data-theme="dark"] .hover\:bg-cyan-100:hover,
html[data-theme="dark"] .hover\:bg-indigo-50:hover,
html[data-theme="dark"] .hover\:bg-indigo-100:hover,
html[data-theme="dark"] .hover\:bg-emerald-50:hover,
html[data-theme="dark"] .hover\:bg-emerald-100:hover {
    background-color: #1f2937 !important;
}

html[data-theme="dark"] .hover\:border-slate-300:hover,
html[data-theme="dark"] .hover\:border-cyan-200:hover,
html[data-theme="dark"] .hover\:border-indigo-300:hover {
    border-color: #64748b !important;
}

html[data-theme="dark"] .hover\:text-blue-800:hover,
html[data-theme="dark"] .hover\:text-primary:hover {
    color: #93c5fd !important;
}

html[data-theme="dark"] .bg-primary {
    background-color: #2563eb !important;
}

html[data-theme="dark"] .hover\:bg-blue-700:hover {
    background-color: #1d4ed8 !important;
}

html[data-theme="dark"] .vet-theme-surface {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .vet-theme-subtle {
    background-color: #111827 !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .vet-home .bg-white {
    background-color: #101a2c !important;
}

html[data-theme="dark"] .vet-home .bg-slate-50,
html[data-theme="dark"] .vet-home [class*="bg-slate-50/"] {
    background-color: #162033 !important;
}

html[data-theme="dark"] .vet-home .border-slate-200,
html[data-theme="dark"] .vet-home .border-slate-300,
html[data-theme="dark"] .vet-home .border-slate-400 {
    border-color: #334155 !important;
}

html[data-theme="dark"] .vet-home .text-slate-900 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .vet-home .text-slate-700 {
    color: #e4eefb !important;
}

html[data-theme="dark"] .vet-home .text-slate-600,
html[data-theme="dark"] .vet-home .text-slate-500 {
    color: #c8d9eb !important;
}

html[data-theme="dark"] .vet-home .text-slate-400 {
    color: #a8bed4 !important;
}

html[data-theme="dark"] .vet-home .text-primary {
    color: #93c5fd !important;
}

html[data-theme="dark"] .vet-home .hover\:text-blue-800:hover,
html[data-theme="dark"] .vet-home .hover\:text-primary:hover {
    color: #bfdbfe !important;
}

html[data-theme="dark"] .vet-home .hover\:bg-slate-50:hover,
html[data-theme="dark"] .vet-home .hover\:bg-slate-100:hover {
    background-color: #1c2940 !important;
}

html[data-theme="dark"] .vet-home .hover\:border-slate-300:hover {
    border-color: #64748b !important;
}

html[data-theme="dark"] .vet-home .bg-sky-100 {
    background-color: rgba(14, 116, 144, 0.22) !important;
}

html[data-theme="dark"] .vet-home .bg-emerald-100 {
    background-color: rgba(5, 150, 105, 0.22) !important;
}

html[data-theme="dark"] .vet-home .bg-amber-100 {
    background-color: rgba(217, 119, 6, 0.2) !important;
}

html[data-theme="dark"] .vet-home .bg-rose-100 {
    background-color: rgba(225, 29, 72, 0.18) !important;
}

html[data-theme="dark"] .vet-home .bg-indigo-100 {
    background-color: rgba(79, 70, 229, 0.22) !important;
}

html[data-theme="dark"] .vet-home .text-sky-700 {
    color: #7dd3fc !important;
}

html[data-theme="dark"] .vet-home .text-emerald-700 {
    color: #86efac !important;
}

html[data-theme="dark"] .vet-home .text-amber-700 {
    color: #fcd34d !important;
}

html[data-theme="dark"] .vet-home .text-rose-700 {
    color: #fda4af !important;
}

html[data-theme="dark"] .vet-home .text-indigo-700 {
    color: #c7d2fe !important;
}

html[data-theme="dark"] .vet-home .border-emerald-200,
html[data-theme="dark"] .vet-home .border-emerald-300 {
    border-color: rgba(16, 185, 129, 0.35) !important;
}

html[data-theme="dark"] .vet-home .border-amber-200,
html[data-theme="dark"] .vet-home .border-amber-300 {
    border-color: rgba(245, 158, 11, 0.35) !important;
}

html[data-theme="dark"] .vet-home .border-rose-200,
html[data-theme="dark"] .vet-home .border-rose-300 {
    border-color: rgba(244, 63, 94, 0.35) !important;
}

html[data-theme="dark"] .vet-home .bg-emerald-50,
html[data-theme="dark"] .vet-home [class*="bg-emerald-50/"] {
    background-color: rgba(6, 95, 70, 0.28) !important;
}

html[data-theme="dark"] .vet-home .bg-amber-50,
html[data-theme="dark"] .vet-home [class*="bg-amber-50/"] {
    background-color: rgba(120, 53, 15, 0.28) !important;
}

html[data-theme="dark"] .vet-home .bg-rose-50,
html[data-theme="dark"] .vet-home [class*="bg-rose-50/"] {
    background-color: rgba(127, 29, 29, 0.24) !important;
}

html[data-theme="dark"] .vet-home .shadow-soft {
    box-shadow: 0 18px 44px rgba(2, 6, 23, 0.5) !important;
}

html[data-theme="dark"] .vet-screen {
    color: #dbe7f6 !important;
}

html[data-theme="dark"] .vet-screen .workspace-hero,
html[data-theme="dark"] .vet-screen .workspace-surface,
html[data-theme="dark"] .vet-screen .workspace-surface--table {
    background:
        linear-gradient(180deg, rgba(15, 24, 39, 0.98) 0%, rgba(12, 20, 34, 0.96) 100%) !important;
    border-color: rgba(71, 85, 105, 0.72) !important;
    box-shadow: 0 20px 44px rgba(2, 6, 23, 0.5) !important;
}

html[data-theme="dark"] .vet-screen .workspace-kicker {
    background: linear-gradient(90deg, rgba(30, 41, 59, 0.94) 0%, rgba(8, 47, 73, 0.8) 100%) !important;
    border-color: rgba(56, 189, 248, 0.28) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .vet-screen .workspace-meta-pill {
    background: rgba(15, 23, 42, 0.92) !important;
    border-color: rgba(71, 85, 105, 0.62) !important;
    color: #dbe7f6 !important;
}

html[data-theme="dark"] .vet-screen .workspace-meta-pill i {
    color: #7dd3fc !important;
}

html[data-theme="dark"] .vet-screen .workspace-filter-bar {
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: rgba(51, 65, 85, 0.88) !important;
}

html[data-theme="dark"] .vet-screen .workspace-pagination {
    border-color: rgba(51, 65, 85, 0.88) !important;
}

html[data-theme="dark"] .vet-screen .workspace-table thead {
    background: rgba(17, 24, 39, 0.94) !important;
}

html[data-theme="dark"] .vet-screen .workspace-table tbody tr {
    border-color: #223149 !important;
}

html[data-theme="dark"] .vet-screen.bg-white,
html[data-theme="dark"] .vet-screen .bg-white {
    background-color: #101a2c !important;
}

html[data-theme="dark"] .vet-screen [class*="bg-white/"] {
    background-color: rgba(16, 26, 44, 0.82) !important;
}

html[data-theme="dark"] .vet-screen .bg-slate-50,
html[data-theme="dark"] .vet-screen [class*="bg-slate-50/"] {
    background-color: #162033 !important;
}

html[data-theme="dark"] .vet-screen .bg-slate-100 {
    background-color: #1b2940 !important;
}

html[data-theme="dark"] .vet-screen .bg-slate-200,
html[data-theme="dark"] .vet-screen [class*="bg-slate-200/"] {
    background-color: #253349 !important;
}

html[data-theme="dark"] .vet-screen,
html[data-theme="dark"] .vet-screen .border-slate-100,
html[data-theme="dark"] .vet-screen .border-slate-200,
html[data-theme="dark"] .vet-screen .border-slate-300,
html[data-theme="dark"] .vet-screen .border-slate-400 {
    border-color: #334155 !important;
}

html[data-theme="dark"] .vet-screen .divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
    border-color: #223149 !important;
}

html[data-theme="dark"] .vet-screen .text-slate-900 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .vet-screen .text-slate-800,
html[data-theme="dark"] .vet-screen .text-slate-700 {
    color: #e4eefb !important;
}

html[data-theme="dark"] .vet-screen .text-slate-600,
html[data-theme="dark"] .vet-screen .text-slate-500 {
    color: #c8d9eb !important;
}

html[data-theme="dark"] .vet-screen .text-slate-400 {
    color: #a8bed4 !important;
}

html[data-theme="dark"] .vet-screen .text-primary {
    color: #93c5fd !important;
}

html[data-theme="dark"] .vet-screen .hover\:text-blue-800:hover,
html[data-theme="dark"] .vet-screen .hover\:text-primary:hover {
    color: #bfdbfe !important;
}

html[data-theme="dark"] .vet-screen .hover\:bg-white:hover,
html[data-theme="dark"] .vet-screen .hover\:bg-slate-50:hover,
html[data-theme="dark"] .vet-screen .hover\:bg-slate-100:hover {
    background-color: #1c2940 !important;
}

html[data-theme="dark"] .vet-screen .hover\:border-slate-300:hover,
html[data-theme="dark"] .vet-screen .hover\:border-indigo-300:hover,
html[data-theme="dark"] .vet-screen .hover\:border-cyan-200:hover {
    border-color: #64748b !important;
}

html[data-theme="dark"] .vet-screen .bg-sky-100 {
    background-color: rgba(14, 116, 144, 0.22) !important;
}

html[data-theme="dark"] .vet-screen .bg-sky-50 {
    background-color: rgba(14, 116, 144, 0.16) !important;
}

html[data-theme="dark"] .vet-screen .bg-cyan-50,
html[data-theme="dark"] .vet-screen .bg-cyan-100 {
    background-color: rgba(8, 145, 178, 0.2) !important;
}

html[data-theme="dark"] .vet-screen .bg-indigo-50,
html[data-theme="dark"] .vet-screen .bg-indigo-100 {
    background-color: rgba(79, 70, 229, 0.2) !important;
}

html[data-theme="dark"] .vet-screen .bg-emerald-50,
html[data-theme="dark"] .vet-screen [class*="bg-emerald-50/"] {
    background-color: rgba(6, 95, 70, 0.28) !important;
}

html[data-theme="dark"] .vet-screen .bg-emerald-100 {
    background-color: rgba(5, 150, 105, 0.22) !important;
}

html[data-theme="dark"] .vet-screen .bg-amber-50,
html[data-theme="dark"] .vet-screen [class*="bg-amber-50/"] {
    background-color: rgba(120, 53, 15, 0.28) !important;
}

html[data-theme="dark"] .vet-screen .bg-amber-100 {
    background-color: rgba(217, 119, 6, 0.2) !important;
}

html[data-theme="dark"] .vet-screen .bg-rose-50,
html[data-theme="dark"] .vet-screen [class*="bg-rose-50/"] {
    background-color: rgba(127, 29, 29, 0.24) !important;
}

html[data-theme="dark"] .vet-screen .bg-rose-100 {
    background-color: rgba(225, 29, 72, 0.18) !important;
}

html[data-theme="dark"] .vet-screen .text-cyan-700,
html[data-theme="dark"] .vet-screen .text-cyan-800,
html[data-theme="dark"] .vet-screen .text-cyan-900,
html[data-theme="dark"] .vet-screen .text-cyan-950,
html[data-theme="dark"] .vet-screen .text-sky-700,
html[data-theme="dark"] .vet-screen .text-sky-800,
html[data-theme="dark"] .vet-screen .text-sky-900,
html[data-theme="dark"] .vet-screen .text-sky-950 {
    color: #7dd3fc !important;
}

html[data-theme="dark"] .vet-screen .text-indigo-700,
html[data-theme="dark"] .vet-screen .text-indigo-800,
html[data-theme="dark"] .vet-screen .text-indigo-900,
html[data-theme="dark"] .vet-screen .text-indigo-950 {
    color: #c7d2fe !important;
}

html[data-theme="dark"] .vet-screen .text-emerald-700,
html[data-theme="dark"] .vet-screen .text-emerald-800,
html[data-theme="dark"] .vet-screen .text-emerald-900,
html[data-theme="dark"] .vet-screen .text-emerald-950 {
    color: #86efac !important;
}

html[data-theme="dark"] .vet-screen .text-amber-700,
html[data-theme="dark"] .vet-screen .text-amber-800,
html[data-theme="dark"] .vet-screen .text-amber-900,
html[data-theme="dark"] .vet-screen .text-amber-950 {
    color: #fcd34d !important;
}

html[data-theme="dark"] .vet-screen .text-rose-700,
html[data-theme="dark"] .vet-screen .text-rose-800,
html[data-theme="dark"] .vet-screen .text-rose-900,
html[data-theme="dark"] .vet-screen .text-rose-950 {
    color: #fda4af !important;
}

html[data-theme="dark"] .vet-screen .text-slate-950 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .vet-screen .border-sky-200,
html[data-theme="dark"] .vet-screen .border-sky-300 {
    border-color: rgba(34, 211, 238, 0.32) !important;
}

html[data-theme="dark"] .vet-screen .border-cyan-200,
html[data-theme="dark"] .vet-screen .border-cyan-300 {
    border-color: rgba(34, 211, 238, 0.32) !important;
}

html[data-theme="dark"] .vet-screen .border-indigo-200,
html[data-theme="dark"] .vet-screen .border-indigo-300 {
    border-color: rgba(129, 140, 248, 0.32) !important;
}

html[data-theme="dark"] .vet-screen .border-emerald-200,
html[data-theme="dark"] .vet-screen .border-emerald-300 {
    border-color: rgba(16, 185, 129, 0.35) !important;
}

html[data-theme="dark"] .vet-screen .border-amber-200,
html[data-theme="dark"] .vet-screen .border-amber-300 {
    border-color: rgba(245, 158, 11, 0.35) !important;
}

html[data-theme="dark"] .vet-screen .border-rose-200,
html[data-theme="dark"] .vet-screen .border-rose-300 {
    border-color: rgba(244, 63, 94, 0.35) !important;
}

html[data-theme="dark"] .vet-screen .shadow-soft {
    box-shadow: 0 18px 44px rgba(2, 6, 23, 0.5) !important;
}

html[data-theme="dark"] .vet-screen .border-dashed {
    border-color: rgba(100, 116, 139, 0.72) !important;
}

html[data-theme="dark"] .vet-screen a[class*="bg-slate-900"],
html[data-theme="dark"] .vet-screen button[class*="bg-slate-900"],
html[data-theme="dark"] .vet-screen a.bg-primary,
html[data-theme="dark"] .vet-screen button.bg-primary {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    color: #f8fafc !important;
    box-shadow: 0 14px 28px rgba(2, 6, 23, 0.34) !important;
}

html[data-theme="dark"] .vet-screen a[class*="bg-slate-900"]:hover,
html[data-theme="dark"] .vet-screen button[class*="bg-slate-900"]:hover,
html[data-theme="dark"] .vet-screen a.bg-primary:hover,
html[data-theme="dark"] .vet-screen button.bg-primary:hover {
    background: linear-gradient(135deg, #132033 0%, #214b7a 100%) !important;
}

html[data-theme="dark"] .vet-screen a[class*="border-slate-300"],
html[data-theme="dark"] .vet-screen button[class*="border-slate-300"],
html[data-theme="dark"] .vet-screen a[class*="border-slate-200"],
html[data-theme="dark"] .vet-screen button[class*="border-slate-200"] {
    background: rgba(15, 23, 42, 0.92) !important;
    border-color: rgba(71, 85, 105, 0.82) !important;
    color: #dbe7f6 !important;
}

html[data-theme="dark"] .vet-screen a[class*="border-slate-300"]:hover,
html[data-theme="dark"] .vet-screen button[class*="border-slate-300"]:hover,
html[data-theme="dark"] .vet-screen a[class*="border-slate-200"]:hover,
html[data-theme="dark"] .vet-screen button[class*="border-slate-200"]:hover {
    background: #1c2940 !important;
    border-color: #64748b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .vet-screen a[class*="border-rose-300"],
html[data-theme="dark"] .vet-screen button[class*="border-rose-300"] {
    background: rgba(69, 10, 10, 0.28) !important;
    border-color: rgba(244, 63, 94, 0.42) !important;
    color: #fda4af !important;
}

html[data-theme="dark"] .vet-screen a[class*="border-rose-300"]:hover,
html[data-theme="dark"] .vet-screen button[class*="border-rose-300"]:hover {
    background: rgba(127, 29, 29, 0.38) !important;
    color: #fecdd3 !important;
}

html[data-theme="dark"] .vet-screen .rounded-2xl.border.border-slate-200,
html[data-theme="dark"] .vet-screen .rounded-2xl.border.border-slate-300,
html[data-theme="dark"] .vet-screen .rounded-xl.border.border-slate-200,
html[data-theme="dark"] .vet-screen .rounded-xl.border.border-slate-300 {
    box-shadow: 0 14px 28px rgba(2, 6, 23, 0.22) !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .login-input,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: #0b1220 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .form-control[type="file"] {
    background-color: #0b1220 !important;
}

html[data-theme="dark"] .form-control[type="file"]::file-selector-button {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
    color: #dbeafe;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #64748b !important;
}

html[data-theme="dark"] .login-heading,
html[data-theme="dark"] .login-label,
html[data-theme="dark"] .login-copy,
html[data-theme="dark"] .login-meta,
html[data-theme="dark"] .login-message {
    color: #cbd5e1 !important;
}

html[data-theme="light"] .login-hero-title {
    background-image: linear-gradient(135deg, #7c2d12 0%, #c2410c 52%, #f59e0b 100%) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .login-hero-subtitle {
    color: #7c5a3b !important;
}

html[data-theme="light"] .login-legal {
    color: #8b6b53 !important;
}

html[data-theme="dark"] .login-error {
    background-color: rgba(127, 29, 29, 0.25) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fecaca !important;
}

html[data-theme="dark"] .login-legal {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .tt {
    background: rgba(15, 23, 42, 0.98);
    border-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .tt::after {
    border-bottom-color: rgba(15, 23, 42, 0.98);
}

html[data-theme="dark"] #tenantConfigMenuPanel,
html[data-theme="dark"] #userMenuPanel {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] #tenantConfigMenuPanel a:hover,
html[data-theme="dark"] #userMenuPanel a:hover {
    background-color: #111827 !important;
}

/* Premium veterinary landing: shell and page-wide atmosphere */
body.vet-premium-app {
    --vet-premium-aqua: #93dde1;
    --vet-premium-aqua-hover: #74cfd5;
    --vet-premium-accent-strong: #4ea3ac;
    background:
        radial-gradient(circle at 12% 10%, rgba(244, 240, 231, 0.42), transparent 26%),
        radial-gradient(circle at 88% 12%, rgba(147, 221, 225, 0.34), transparent 24%),
        radial-gradient(circle at 58% 84%, rgba(205, 188, 168, 0.22), transparent 26%),
        linear-gradient(180deg, var(--vet-premium-bg-main) 0%, #d6e4dc 42%, #e9e0d4 100%);
    color: var(--vet-premium-text);
}

body.vet-premium-app .app-shell-orb--primary {
    background: radial-gradient(circle, rgba(168, 221, 224, 0.34) 0%, rgba(174, 185, 170, 0.22) 46%, transparent 74%);
}

body.vet-premium-app .app-shell-orb--secondary {
    background: radial-gradient(circle, rgba(205, 188, 168, 0.24) 0%, rgba(168, 221, 224, 0.16) 54%, transparent 78%);
}

body.vet-premium-app .app-shell-grid {
    background-image:
        linear-gradient(rgba(168, 185, 170, 0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(168, 221, 224, 0.08) 1px, transparent 1px);
}

body.vet-premium-app #topbar {
    background:
        linear-gradient(135deg, rgba(221, 233, 227, 0.98) 0%, rgba(205, 188, 168, 0.92) 100%) !important;
    border-bottom: 1px solid rgba(216, 222, 216, 0.92);
    box-shadow: 0 18px 36px var(--vet-premium-shadow) !important;
}

body.vet-premium-app #topbar,
body.vet-premium-app #topbar a,
body.vet-premium-app #topbar h1,
body.vet-premium-app #topbar p,
body.vet-premium-app #topbar span,
body.vet-premium-app #topbar i {
    color: var(--vet-premium-text) !important;
}

body.vet-premium-app #topbar [class*="text-indigo-100"] {
    color: var(--vet-premium-text-soft) !important;
}

body.vet-premium-app #topbar [class*="bg-white/10"],
body.vet-premium-app #topbar [class*="bg-white/15"] {
    background: rgba(233, 242, 237, 0.78) !important;
}

body.vet-premium-app #topbar [class*="border-white/10"],
body.vet-premium-app #topbar [class*="border-white/15"] {
    border-color: rgba(216, 222, 216, 0.92) !important;
}

body.vet-premium-app #topbar .shell-icon-button {
    background: linear-gradient(180deg, rgba(233, 242, 237, 0.92) 0%, rgba(221, 233, 227, 0.9) 100%) !important;
    border-color: rgba(216, 222, 216, 0.96) !important;
    color: var(--vet-premium-text) !important;
    box-shadow: 0 10px 26px rgba(70, 90, 80, 0.08) !important;
}

body.vet-premium-app #topbar .shell-icon-button:hover {
    background: rgba(168, 221, 224, 0.42) !important;
    transform: translateY(-1px);
}

body.vet-premium-app #navbar,
body.vet-premium-app footer {
    background: linear-gradient(180deg, rgba(233, 242, 237, 0.94) 0%, rgba(221, 233, 227, 0.92) 100%) !important;
    border-color: rgba(216, 222, 216, 0.92) !important;
}

body.vet-premium-app #navbar .sidebar-nav-link {
    color: var(--vet-premium-text-soft) !important;
}

body.vet-premium-app #navbar .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.96) 0%, rgba(221, 233, 227, 0.94) 100%) !important;
    border-color: rgba(216, 222, 216, 0.92) !important;
    box-shadow: 0 10px 22px rgba(70, 90, 80, 0.08) !important;
}

body.vet-premium-app #navbar .sidebar-nav-glyph i {
    color: var(--vet-premium-text-soft) !important;
}

body.vet-premium-app #navbar .sidebar-nav-link:hover .sidebar-nav-glyph,
body.vet-premium-app #navbar .sidebar-nav-link:focus-visible .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.96) 0%, rgba(168, 221, 224, 0.42) 100%) !important;
    border-color: rgba(143, 208, 213, 0.82) !important;
    box-shadow: 0 14px 26px rgba(143, 208, 213, 0.2) !important;
}

body.vet-premium-app #navbar .sidebar-nav-link:hover .sidebar-nav-glyph i,
body.vet-premium-app #navbar .sidebar-nav-link:focus-visible .sidebar-nav-glyph i,
body.vet-premium-app #navbar .sidebar-nav-link--active,
body.vet-premium-app #navbar .sidebar-nav-link--active .sidebar-nav-glyph i {
    color: var(--vet-premium-accent-strong) !important;
}

body.vet-premium-app #navbar .sidebar-nav-link--active .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(205, 188, 168, 0.44) 0%, rgba(168, 221, 224, 0.72) 100%) !important;
    border-color: rgba(143, 208, 213, 0.94) !important;
    box-shadow: 0 16px 30px rgba(143, 208, 213, 0.22) !important;
}

body.vet-premium-app .app-breadcrumb,
body.vet-premium-app .workspace-hero,
body.vet-premium-app .workspace-surface,
body.vet-premium-app .workspace-surface--table,
body.vet-premium-app .workspace-stats-grid article {
    background: linear-gradient(180deg, rgba(233, 242, 237, 0.96) 0%, rgba(244, 240, 231, 0.94) 52%, rgba(232, 224, 213, 0.92) 100%) !important;
    border-color: rgba(216, 222, 216, 0.96) !important;
    box-shadow: 0 18px 34px var(--vet-premium-shadow) !important;
}

body.vet-premium-app .workspace-kicker {
    background: linear-gradient(135deg, rgba(147, 221, 225, 0.58) 0%, rgba(244, 240, 231, 0.92) 52%, rgba(205, 188, 168, 0.44) 100%) !important;
    border-color: rgba(116, 207, 213, 0.82) !important;
    color: var(--vet-premium-accent-strong) !important;
}

body.vet-premium-app .workspace-meta-pill {
    background: rgba(233, 242, 237, 0.9) !important;
    border-color: rgba(216, 222, 216, 0.92) !important;
    color: var(--vet-premium-text-soft) !important;
}

body.vet-premium-app .workspace-meta-pill i {
    color: var(--vet-premium-accent-strong) !important;
}

body.vet-premium-app .workspace-hero h2,
body.vet-premium-app .workspace-stats-grid .text-slate-900,
body.vet-premium-app .workspace-page .text-slate-900 {
    color: var(--vet-premium-text) !important;
}

body.vet-premium-app .workspace-hero p,
body.vet-premium-app .workspace-page .text-slate-500,
body.vet-premium-app .workspace-page .text-slate-600,
body.vet-premium-app .workspace-stats-grid .text-slate-500 {
    color: var(--vet-premium-text-soft) !important;
}

body.vet-premium-app .workspace-stats-grid article span[class*="bg-"] {
    border: 1px solid rgba(216, 222, 216, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

body.vet-premium-app .workspace-stats-grid article [class*="bg-indigo-100"] {
    background: rgba(205, 188, 168, 0.4) !important;
    color: var(--vet-premium-text) !important;
}

body.vet-premium-app .workspace-stats-grid article [class*="bg-sky-100"],
body.vet-premium-app .workspace-stats-grid article [class*="bg-cyan-100"] {
    background: rgba(168, 221, 224, 0.48) !important;
    color: var(--vet-premium-accent-strong) !important;
}

body.vet-premium-app .workspace-stats-grid article [class*="bg-emerald-100"] {
    background: rgba(174, 185, 170, 0.45) !important;
    color: #567361 !important;
}

body.vet-premium-app .workspace-stats-grid article [class*="bg-amber-100"] {
    background: rgba(205, 188, 168, 0.48) !important;
    color: #7b5e48 !important;
}

body.vet-premium-app .workspace-stats-grid article [class*="bg-rose-100"] {
    background: rgba(221, 233, 227, 0.82) !important;
    color: #6b4f3a !important;
}

/* Premium veterinary landing: buttons and interactive chips */
body.vet-premium-app .vet-premium-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    border-radius: 999px;
    padding: 0.8rem 1.1rem;
    font-size: 0.83rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.vet-premium-app .vet-premium-btn:hover {
    transform: translateY(-1px);
}

body.vet-premium-app .vet-premium-btn--primary {
    background: linear-gradient(135deg, #a4e6e9 0%, var(--vet-premium-aqua) 42%, #7fd2d8 100%);
    border: 1px solid rgba(116, 207, 213, 0.94);
    color: var(--vet-premium-text);
    box-shadow: 0 16px 28px rgba(116, 207, 213, 0.24);
}

body.vet-premium-app .vet-premium-btn--primary:hover {
    background: linear-gradient(135deg, #b0ecee 0%, var(--vet-premium-aqua-hover) 46%, #72c6cd 100%);
}

body.vet-premium-app .vet-premium-btn--secondary {
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.94) 0%, rgba(233, 242, 237, 0.9) 100%);
    border: 1px solid rgba(216, 222, 216, 0.96);
    color: var(--vet-premium-text);
    box-shadow: 0 10px 20px rgba(70, 90, 80, 0.08);
}

body.vet-premium-app .vet-premium-btn--secondary:hover,
body.vet-premium-app .vet-premium-btn--ghost:hover {
    background: rgba(168, 221, 224, 0.28);
    border-color: rgba(143, 208, 213, 0.8);
}

body.vet-premium-app .vet-premium-btn--ghost {
    background: rgba(221, 233, 227, 0.82);
    border: 1px solid rgba(216, 222, 216, 0.92);
    color: var(--vet-premium-text-soft);
}

/* Premium veterinary landing: layout surfaces and hero */
body.vet-premium-app .vet-premium-home__content {
    position: relative;
}

body.vet-premium-app .vet-premium-surface {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(216, 222, 216, 0.96);
    border-radius: 2rem;
    padding: 1.6rem;
    background: linear-gradient(180deg, rgba(233, 242, 237, 0.96) 0%, rgba(244, 240, 231, 0.94) 54%, rgba(232, 224, 213, 0.92) 100%);
    box-shadow: 0 18px 36px var(--vet-premium-shadow);
}

body.vet-premium-app .vet-premium-surface--hero {
    min-height: 100%;
    background: linear-gradient(140deg, rgba(233, 242, 237, 0.96) 0%, rgba(221, 233, 227, 0.94) 34%, rgba(147, 221, 225, 0.34) 62%, rgba(205, 188, 168, 0.86) 100%);
}

body.vet-premium-app .vet-premium-hero__panel {
    min-height: 100%;
}

body.vet-premium-app .vet-premium-hero__content {
    position: relative;
    z-index: 10;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.4rem;
}

body.vet-premium-app .vet-premium-hero__lead {
    max-width: min(42rem, 100%);
}

body.vet-premium-app .vet-premium-hero__footer {
    display: grid;
    gap: 1rem;
    align-content: end;
}

body.vet-premium-app .vet-premium-surface--metric {
    background: linear-gradient(180deg, rgba(233, 242, 237, 0.96) 0%, rgba(221, 233, 227, 0.92) 100%);
}

body.vet-premium-app .vet-premium-surface--beige {
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.96) 0%, rgba(232, 224, 213, 0.94) 46%, rgba(205, 188, 168, 0.42) 100%);
}

body.vet-premium-app .vet-premium-surface--aqua {
    background: linear-gradient(180deg, rgba(233, 242, 237, 0.96) 0%, rgba(168, 221, 224, 0.3) 100%);
}

body.vet-premium-app .vet-premium-hero__backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(244, 240, 231, 0.48), transparent 30%),
        radial-gradient(circle at 82% 18%, rgba(147, 221, 225, 0.34), transparent 28%),
        radial-gradient(circle at 65% 84%, rgba(205, 188, 168, 0.22), transparent 26%);
}

body.vet-premium-app .vet-premium-pill,
body.vet-premium-app .vet-premium-badge,
body.vet-premium-app .vet-premium-tag,
body.vet-premium-app .vet-premium-link-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

body.vet-premium-app .vet-premium-pill {
    padding: 0.5rem 0.85rem;
    background: linear-gradient(135deg, rgba(147, 221, 225, 0.3) 0%, rgba(233, 242, 237, 0.9) 52%, rgba(244, 240, 231, 0.88) 100%);
    border: 1px solid rgba(216, 222, 216, 0.92);
    color: var(--vet-premium-accent-strong);
}

body.vet-premium-app .vet-premium-eyebrow {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--vet-premium-text-soft);
}

body.vet-premium-app .vet-premium-hero__title {
    margin-top: 1rem;
    font-family: "Poppins", sans-serif;
    font-size: clamp(1.8rem, 3.15vw, 3.15rem);
    line-height: 1.08;
    font-weight: 700;
    color: var(--vet-premium-text);
    max-width: 17ch;
}

body.vet-premium-app .vet-premium-hero__copy {
    margin-top: 0.85rem;
    max-width: 64ch;
    font-size: 0.9rem;
    line-height: 1.72;
    color: var(--vet-premium-text-soft);
}

body.vet-premium-app .vet-premium-hero__actions,
body.vet-premium-app .vet-premium-hero__tags,
body.vet-premium-app .vet-premium-inline-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.vet-premium-app .vet-premium-hero__actions {
    margin-top: 0;
}

body.vet-premium-app .vet-premium-hero__tags {
    margin-top: 0;
}

body.vet-premium-app .vet-premium-tag,
body.vet-premium-app .vet-premium-badge,
body.vet-premium-app .vet-premium-link-chip {
    padding: 0.46rem 0.8rem;
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.92) 0%, rgba(233, 242, 237, 0.84) 54%, rgba(147, 221, 225, 0.14) 100%);
    border: 1px solid rgba(216, 222, 216, 0.92);
    color: var(--vet-premium-text-soft);
}

body.vet-premium-app .vet-premium-badge--aqua {
    background: linear-gradient(135deg, rgba(147, 221, 225, 0.54) 0%, rgba(168, 221, 224, 0.38) 100%);
    color: var(--vet-premium-accent-strong);
    border-color: rgba(116, 207, 213, 0.8);
}

body.vet-premium-app .vet-premium-badge--soft {
    background: rgba(244, 240, 231, 0.92);
}

body.vet-premium-app .vet-premium-link-chip:hover {
    background: rgba(147, 221, 225, 0.34);
    color: var(--vet-premium-accent-strong);
}

body.vet-premium-app .vet-premium-icon-shell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 1.5rem;
    background: linear-gradient(180deg, rgba(147, 221, 225, 0.54) 0%, rgba(233, 242, 237, 0.92) 48%, rgba(244, 240, 231, 0.9) 100%);
    border: 1px solid rgba(216, 222, 216, 0.92);
    color: var(--vet-premium-accent-strong);
    box-shadow: inset 0 1px 0 rgba(244, 240, 231, 0.72);
}

body.vet-premium-app .vet-premium-icon-shell--soft {
    width: 3.5rem;
    height: 3.5rem;
}

body.vet-premium-app .vet-premium-progress {
    height: 0.6rem;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(216, 222, 216, 0.82);
}

body.vet-premium-app .vet-premium-progress__bar {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(147, 221, 225, 0.96) 0%, rgba(116, 207, 213, 1) 52%, rgba(174, 185, 170, 0.94) 100%);
}

/* Premium veterinary landing: cards, metrics and form styling */
body.vet-premium-app .vet-premium-mini-card,
body.vet-premium-app .vet-premium-module-card__stat,
body.vet-premium-app .vet-premium-trust-item,
body.vet-premium-app .vet-premium-note,
body.vet-premium-app .vet-premium-palette-chip {
    border-radius: 1.4rem;
    border: 1px solid rgba(216, 222, 216, 0.92);
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.9) 0%, rgba(233, 242, 237, 0.84) 100%);
    box-shadow: inset 0 1px 0 rgba(244, 240, 231, 0.72);
}

body.vet-premium-app .vet-premium-mini-card {
    padding: 1rem;
}

body.vet-premium-app .vet-premium-mini-card__label,
body.vet-premium-app .vet-premium-module-card__kicker,
body.vet-premium-app .vet-premium-module-card__stat-label {
    display: block;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--vet-premium-text-soft);
}

body.vet-premium-app .vet-premium-mini-card__value,
body.vet-premium-app .vet-premium-module-card__stat-value {
    display: block;
    margin-top: 0.5rem;
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--vet-premium-text);
}

body.vet-premium-app .vet-premium-mini-card__meta {
    margin-top: 0.55rem;
    font-size: 0.82rem;
    line-height: 1.6;
    color: var(--vet-premium-text-soft);
}

body.vet-premium-app .vet-premium-quick-form {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.vet-premium-app .vet-premium-field {
    display: grid;
    gap: 0.45rem;
}

body.vet-premium-app .vet-premium-field__label {
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--vet-premium-text-soft);
}

body.vet-premium-app .vet-premium-home .form-control {
    border-radius: 1rem;
    border-color: rgba(216, 222, 216, 0.96);
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.95) 0%, rgba(233, 242, 237, 0.92) 100%);
    color: var(--vet-premium-text);
    box-shadow: inset 0 1px 0 rgba(244, 240, 231, 0.76);
}

body.vet-premium-app .vet-premium-home .form-control:focus {
    border-color: rgba(143, 208, 213, 0.9);
    box-shadow: 0 0 0 4px rgba(168, 221, 224, 0.28);
}

body.vet-premium-app .vet-premium-trust-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.vet-premium-app .vet-premium-trust-item {
    padding: 1rem;
    text-align: center;
}

body.vet-premium-app .vet-premium-trust-item__number {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--vet-premium-accent-strong);
}

body.vet-premium-app .vet-premium-trust-item__label {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.76rem;
    color: var(--vet-premium-text-soft);
}

body.vet-premium-app .vet-premium-note {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.95rem 1rem;
    color: var(--vet-premium-text-soft);
}

body.vet-premium-app .vet-premium-note i {
    color: var(--vet-premium-accent-strong);
}

/* Premium veterinary landing: module cards, alerts and timeline */
body.vet-premium-app .vet-premium-module-card {
    --vet-module-accent: var(--vet-premium-aqua);
    --vet-module-surface-top: rgba(233, 242, 237, 0.96);
    --vet-module-surface-mid: rgba(244, 240, 231, 0.94);
    --vet-module-surface-bottom: rgba(232, 224, 213, 0.9);
    border-radius: 1.8rem;
    border: 1px solid rgba(216, 222, 216, 0.96);
    background: linear-gradient(180deg, var(--vet-module-surface-top) 0%, var(--vet-module-surface-mid) 56%, var(--vet-module-surface-bottom) 100%);
    padding: 1.35rem;
    box-shadow: 0 16px 30px var(--vet-premium-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.vet-premium-app .vet-premium-module-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 38px rgba(70, 90, 80, 0.16);
}

body.vet-premium-app .vet-premium-module-card--sky {
    --vet-module-accent: rgba(125, 211, 252, 0.94);
    --vet-module-surface-top: rgba(231, 246, 251, 0.98);
    --vet-module-surface-mid: rgba(220, 240, 247, 0.95);
    --vet-module-surface-bottom: rgba(198, 232, 241, 0.9);
}

body.vet-premium-app .vet-premium-module-card--emerald {
    --vet-module-accent: rgba(125, 211, 164, 0.92);
    --vet-module-surface-top: rgba(235, 246, 240, 0.98);
    --vet-module-surface-mid: rgba(225, 240, 229, 0.95);
    --vet-module-surface-bottom: rgba(203, 228, 210, 0.9);
}

body.vet-premium-app .vet-premium-module-card--amber {
    --vet-module-accent: rgba(251, 191, 36, 0.84);
    --vet-module-surface-top: rgba(249, 242, 231, 0.98);
    --vet-module-surface-mid: rgba(244, 233, 214, 0.95);
    --vet-module-surface-bottom: rgba(235, 215, 181, 0.9);
}

body.vet-premium-app .vet-premium-module-card--rose,
body.vet-premium-app .vet-premium-module-card--indigo {
    --vet-module-accent: rgba(167, 139, 250, 0.88);
    --vet-module-surface-top: rgba(240, 238, 249, 0.98);
    --vet-module-surface-mid: rgba(232, 228, 245, 0.95);
    --vet-module-surface-bottom: rgba(220, 213, 240, 0.9);
}

body.vet-premium-app .vet-premium-module-card--rose {
    --vet-module-accent: rgba(251, 146, 60, 0.8);
    --vet-module-surface-top: rgba(249, 239, 232, 0.98);
    --vet-module-surface-mid: rgba(245, 232, 221, 0.95);
    --vet-module-surface-bottom: rgba(239, 214, 198, 0.9);
}

body.vet-premium-app .vet-premium-module-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1.2rem;
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.94) 0%, rgba(233, 242, 237, 0.88) 42%, var(--vet-module-accent) 100%);
    border: 1px solid rgba(216, 222, 216, 0.96);
    color: var(--vet-premium-text);
}

body.vet-premium-app .vet-premium-module-card__stat {
    padding: 0.95rem;
}

body.vet-premium-app .vet-premium-alert,
body.vet-premium-app .vet-premium-step,
body.vet-premium-app .vet-premium-activity-item {
    display: flex;
    gap: 0.95rem;
    align-items: flex-start;
    border-radius: 1.4rem;
    border: 1px solid rgba(216, 222, 216, 0.96);
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.9) 0%, rgba(233, 242, 237, 0.84) 100%);
    padding: 1rem;
}

body.vet-premium-app .vet-premium-alert--success {
    background: linear-gradient(180deg, rgba(233, 242, 237, 0.94) 0%, rgba(174, 185, 170, 0.24) 100%);
}

body.vet-premium-app .vet-premium-alert--warning {
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.94) 0%, rgba(251, 191, 36, 0.16) 100%);
}

body.vet-premium-app .vet-premium-alert--danger {
    background: linear-gradient(180deg, rgba(249, 239, 232, 0.94) 0%, rgba(251, 146, 60, 0.14) 100%);
}

body.vet-premium-app .vet-premium-alert__icon,
body.vet-premium-app .vet-premium-step__marker,
body.vet-premium-app .vet-premium-activity-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.85rem;
    height: 2.85rem;
    flex-shrink: 0;
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(168, 221, 224, 0.38) 0%, rgba(233, 242, 237, 0.92) 46%, rgba(244, 240, 231, 0.9) 100%);
    border: 1px solid rgba(216, 222, 216, 0.96);
    color: var(--vet-premium-accent-strong);
}

body.vet-premium-app .vet-premium-step.is-complete {
    background: linear-gradient(180deg, rgba(233, 242, 237, 0.96) 0%, rgba(174, 185, 170, 0.18) 100%);
}

body.vet-premium-app .vet-premium-palette-chip {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.9rem 1rem;
    color: var(--vet-premium-text-soft);
    font-size: 0.82rem;
    font-weight: 700;
}

body.vet-premium-app .vet-premium-palette-chip__swatch {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    border: 1px solid rgba(216, 222, 216, 0.96);
    box-shadow: inset 0 1px 0 rgba(244, 240, 231, 0.76);
}

body.vet-premium-app .vet-premium-activity-item {
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

body.vet-premium-app .vet-premium-activity-item:hover {
    transform: translateY(-2px);
    background: linear-gradient(180deg, rgba(244, 240, 231, 0.98) 0%, rgba(233, 242, 237, 0.92) 100%);
    box-shadow: 0 18px 30px rgba(70, 90, 80, 0.12);
}

/* Premium veterinary landing: dark mode adaptation */
html[data-theme="dark"] body.vet-premium-app {
    --vet-premium-bg-main: #10211e;
    --vet-premium-bg-soft: #17302b;
    --vet-premium-surface: #1a2825;
    --vet-premium-hero: #2b3a35;
    --vet-premium-sage: #6a7d74;
    --vet-premium-aqua: #74bcc0;
    --vet-premium-aqua-hover: #8fd0d5;
    --vet-premium-text: #edf5ef;
    --vet-premium-text-soft: #b7c8bf;
    --vet-premium-border: rgba(174, 185, 170, 0.18);
    --vet-premium-shadow: rgba(2, 8, 12, 0.32);
    --vet-premium-ivory: #23312d;
    --vet-premium-accent-strong: #9ad7da;
}

html[data-theme="dark"] body.vet-premium-app {
    background:
        radial-gradient(circle at 18% 12%, rgba(168, 221, 224, 0.08), transparent 26%),
        linear-gradient(180deg, #081411 0%, #0f1f1b 45%, #102925 100%);
}

html[data-theme="dark"] body.vet-premium-app .app-shell-orb--primary {
    background: radial-gradient(circle, rgba(116, 188, 192, 0.24) 0%, rgba(23, 48, 43, 0.14) 48%, transparent 74%);
}

html[data-theme="dark"] body.vet-premium-app .app-shell-orb--secondary {
    background: radial-gradient(circle, rgba(43, 58, 53, 0.24) 0%, rgba(116, 188, 192, 0.12) 54%, transparent 78%);
}

html[data-theme="dark"] body.vet-premium-app .app-shell-grid {
    background-image:
        linear-gradient(rgba(116, 188, 192, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(106, 125, 116, 0.08) 1px, transparent 1px);
}

html[data-theme="dark"] body.vet-premium-app #topbar {
    background:
        linear-gradient(135deg, rgba(11, 25, 22, 0.98) 0%, rgba(28, 55, 49, 0.96) 100%) !important;
    border-bottom: 1px solid rgba(116, 188, 192, 0.14) !important;
    box-shadow: 0 20px 42px rgba(2, 8, 12, 0.36) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar,
html[data-theme="dark"] body.vet-premium-app #topbar a,
html[data-theme="dark"] body.vet-premium-app #topbar h1,
html[data-theme="dark"] body.vet-premium-app #topbar p,
html[data-theme="dark"] body.vet-premium-app #topbar span,
html[data-theme="dark"] body.vet-premium-app #topbar i {
    color: var(--vet-premium-text) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar [class*="text-indigo-100"] {
    color: #bdd0c7 !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar [class*="bg-white/10"],
html[data-theme="dark"] body.vet-premium-app #topbar [class*="bg-white/15"] {
    background: rgba(24, 44, 39, 0.82) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar [class*="border-white/10"],
html[data-theme="dark"] body.vet-premium-app #topbar [class*="border-white/15"] {
    border-color: rgba(116, 188, 192, 0.14) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar .shell-icon-button {
    background: rgba(24, 44, 39, 0.84) !important;
    border-color: rgba(116, 188, 192, 0.16) !important;
    color: var(--vet-premium-text) !important;
    box-shadow: 0 14px 28px rgba(2, 8, 12, 0.24) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar .shell-icon-button:hover {
    background: rgba(36, 67, 60, 0.92) !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar,
html[data-theme="dark"] body.vet-premium-app footer {
    background: rgba(11, 24, 21, 0.9) !important;
    border-color: rgba(116, 188, 192, 0.12) !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link {
    color: #c7dbd1 !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(20, 37, 33, 0.98) 0%, rgba(11, 25, 22, 0.98) 100%) !important;
    border-color: rgba(116, 188, 192, 0.14) !important;
    box-shadow: 0 12px 24px rgba(2, 8, 12, 0.24) !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-glyph i {
    color: #c7dbd1 !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link:hover .sidebar-nav-glyph,
html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link:focus-visible .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(20, 37, 33, 0.98) 0%, rgba(38, 74, 67, 0.98) 100%) !important;
    border-color: rgba(143, 208, 213, 0.42) !important;
    box-shadow: 0 16px 30px rgba(116, 188, 192, 0.16) !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link:hover .sidebar-nav-glyph i,
html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link:focus-visible .sidebar-nav-glyph i,
html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link--active,
html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link--active .sidebar-nav-glyph i {
    color: var(--vet-premium-aqua-hover) !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link--active .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(23, 48, 43, 0.98) 0%, rgba(48, 91, 83, 0.98) 100%) !important;
    border-color: rgba(143, 208, 213, 0.48) !important;
    box-shadow: 0 18px 32px rgba(116, 188, 192, 0.18) !important;
}

html[data-theme="dark"] body.vet-premium-app footer,
html[data-theme="dark"] body.vet-premium-app footer p,
html[data-theme="dark"] body.vet-premium-app footer div {
    color: #c7dbd1 !important;
}

html[data-theme="dark"] body.vet-premium-app .app-breadcrumb,
html[data-theme="dark"] body.vet-premium-app .workspace-hero,
html[data-theme="dark"] body.vet-premium-app .workspace-surface,
html[data-theme="dark"] body.vet-premium-app .workspace-surface--table,
html[data-theme="dark"] body.vet-premium-app .workspace-stats-grid article {
    background: linear-gradient(180deg, rgba(17, 31, 28, 0.98) 0%, rgba(11, 22, 20, 0.96) 100%) !important;
    border-color: rgba(116, 188, 192, 0.12) !important;
    box-shadow: 0 20px 36px rgba(2, 8, 12, 0.28) !important;
}

html[data-theme="dark"] body.vet-premium-app .workspace-kicker {
    background: linear-gradient(135deg, rgba(36, 67, 60, 0.74) 0%, rgba(15, 30, 27, 0.92) 100%) !important;
    border-color: rgba(143, 208, 213, 0.32) !important;
    color: var(--vet-premium-aqua-hover) !important;
}

html[data-theme="dark"] body.vet-premium-app .workspace-meta-pill {
    background: rgba(19, 34, 31, 0.92) !important;
    border-color: rgba(116, 188, 192, 0.14) !important;
    color: #c7dbd1 !important;
}

html[data-theme="dark"] body.vet-premium-app .workspace-meta-pill i {
    color: var(--vet-premium-aqua-hover) !important;
}

html[data-theme="dark"] body.vet-premium-app .workspace-hero h2,
html[data-theme="dark"] body.vet-premium-app .workspace-page .text-slate-900,
html[data-theme="dark"] body.vet-premium-app .workspace-page .text-slate-800,
html[data-theme="dark"] body.vet-premium-app .workspace-stats-grid .text-slate-900 {
    color: var(--vet-premium-text) !important;
}

html[data-theme="dark"] body.vet-premium-app .workspace-hero p,
html[data-theme="dark"] body.vet-premium-app .workspace-page .text-slate-500,
html[data-theme="dark"] body.vet-premium-app .workspace-page .text-slate-600,
html[data-theme="dark"] body.vet-premium-app .workspace-page .text-slate-700,
html[data-theme="dark"] body.vet-premium-app .workspace-stats-grid .text-slate-500 {
    color: #bdd0c7 !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-surface,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card,
html[data-theme="dark"] body.vet-premium-app .vet-premium-alert,
html[data-theme="dark"] body.vet-premium-app .vet-premium-step,
html[data-theme="dark"] body.vet-premium-app .vet-premium-activity-item,
html[data-theme="dark"] body.vet-premium-app .vet-premium-mini-card,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__stat,
html[data-theme="dark"] body.vet-premium-app .vet-premium-trust-item,
html[data-theme="dark"] body.vet-premium-app .vet-premium-note,
html[data-theme="dark"] body.vet-premium-app .vet-premium-palette-chip {
    background: linear-gradient(180deg, rgba(18, 33, 30, 0.98) 0%, rgba(11, 22, 20, 0.96) 100%) !important;
    border-color: rgba(116, 188, 192, 0.12) !important;
    box-shadow: 0 18px 34px rgba(2, 8, 12, 0.24) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-surface--hero {
    background: linear-gradient(140deg, rgba(18, 33, 30, 0.98) 0%, rgba(20, 43, 39, 0.96) 46%, rgba(33, 57, 51, 0.94) 100%) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-surface--metric {
    background: linear-gradient(180deg, rgba(18, 33, 30, 0.98) 0%, rgba(20, 46, 40, 0.96) 100%) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-surface--beige {
    background: linear-gradient(180deg, rgba(18, 33, 30, 0.98) 0%, rgba(41, 50, 45, 0.78) 100%) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-surface--aqua {
    background: linear-gradient(180deg, rgba(18, 33, 30, 0.98) 0%, rgba(36, 67, 60, 0.82) 100%) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-hero__backdrop {
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.04), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(168, 221, 224, 0.12), transparent 28%),
        radial-gradient(circle at 65% 84%, rgba(205, 188, 168, 0.1), transparent 26%);
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-pill,
html[data-theme="dark"] body.vet-premium-app .vet-premium-badge,
html[data-theme="dark"] body.vet-premium-app .vet-premium-tag,
html[data-theme="dark"] body.vet-premium-app .vet-premium-link-chip {
    background: rgba(20, 37, 33, 0.92) !important;
    border-color: rgba(116, 188, 192, 0.14) !important;
    color: #d7e7df !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-badge--aqua {
    background: rgba(36, 67, 60, 0.92) !important;
    color: var(--vet-premium-aqua-hover) !important;
    border-color: rgba(143, 208, 213, 0.4) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-eyebrow,
html[data-theme="dark"] body.vet-premium-app .vet-premium-mini-card__label,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__kicker,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__stat-label,
html[data-theme="dark"] body.vet-premium-app .vet-premium-field__label,
html[data-theme="dark"] body.vet-premium-app .vet-premium-trust-item__label,
html[data-theme="dark"] body.vet-premium-app .vet-premium-note,
html[data-theme="dark"] body.vet-premium-app .vet-premium-palette-chip {
    color: #bdd0c7 !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-hero__title,
html[data-theme="dark"] body.vet-premium-app .vet-premium-mini-card__value,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__stat-value,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card h4,
html[data-theme="dark"] body.vet-premium-app .vet-premium-surface h3,
html[data-theme="dark"] body.vet-premium-app .vet-premium-surface h4 {
    color: var(--vet-premium-text) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-hero__copy,
html[data-theme="dark"] body.vet-premium-app .vet-premium-mini-card__meta {
    color: #c7dbd1 !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--primary {
    color: #081411 !important;
    box-shadow: 0 16px 28px rgba(116, 188, 192, 0.2) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--secondary,
html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--ghost {
    background: rgba(20, 37, 33, 0.92) !important;
    border-color: rgba(116, 188, 192, 0.14) !important;
    color: var(--vet-premium-text) !important;
    box-shadow: 0 12px 22px rgba(2, 8, 12, 0.2) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--secondary:hover,
html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--ghost:hover,
html[data-theme="dark"] body.vet-premium-app .vet-premium-link-chip:hover {
    background: rgba(36, 67, 60, 0.92) !important;
    border-color: rgba(143, 208, 213, 0.32) !important;
    color: var(--vet-premium-aqua-hover) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-icon-shell,
html[data-theme="dark"] body.vet-premium-app .vet-premium-alert__icon,
html[data-theme="dark"] body.vet-premium-app .vet-premium-step__marker,
html[data-theme="dark"] body.vet-premium-app .vet-premium-activity-item__icon,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__icon {
    background: linear-gradient(180deg, rgba(36, 67, 60, 0.88) 0%, rgba(16, 28, 25, 0.98) 100%) !important;
    border-color: rgba(116, 188, 192, 0.16) !important;
    color: var(--vet-premium-aqua-hover) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-icon-shell i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-alert__icon i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-step__marker i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-activity-item__icon i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__icon i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-note i,
html[data-theme="dark"] body.vet-premium-app .workspace-meta-pill i,
html[data-theme="dark"] body.vet-premium-app .workspace-kicker i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-pill i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-tag i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-badge i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-link-chip i {
    color: var(--vet-premium-aqua-hover) !important;
    text-shadow: 0 0 16px rgba(143, 208, 213, 0.18);
}

html[data-theme="dark"] body.vet-premium-app a:hover i,
html[data-theme="dark"] body.vet-premium-app button:hover i {
    color: inherit !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-progress {
    background: rgba(24, 44, 39, 0.9) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card:hover,
html[data-theme="dark"] body.vet-premium-app .vet-premium-activity-item:hover {
    box-shadow: 0 22px 38px rgba(2, 8, 12, 0.32) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-home .form-control {
    background: rgba(11, 18, 20, 0.96) !important;
    border-color: rgba(116, 188, 192, 0.16) !important;
    color: var(--vet-premium-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-home .form-control::placeholder {
    color: #93aea3 !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-home .form-control:focus {
    border-color: rgba(143, 208, 213, 0.52) !important;
    box-shadow: 0 0 0 4px rgba(116, 188, 192, 0.16) !important;
}

/* Premium veterinary landing aligned to the shared vet-screen dark mode */
html[data-theme="dark"] body.vet-premium-app {
    --vet-premium-bg-main: #0b1220;
    --vet-premium-bg-soft: #162033;
    --vet-premium-surface: #101a2c;
    --vet-premium-hero: #16263d;
    --vet-premium-sage: #64748b;
    --vet-premium-aqua: #38bdf8;
    --vet-premium-aqua-hover: #7dd3fc;
    --vet-premium-text: #f8fafc;
    --vet-premium-text-soft: #c8d9eb;
    --vet-premium-border: rgba(71, 85, 105, 0.72);
    --vet-premium-shadow: rgba(2, 6, 23, 0.42);
    --vet-premium-ivory: #111827;
    --vet-premium-accent-strong: #93c5fd;
}

html[data-theme="dark"] body.vet-premium-app {
    background:
        radial-gradient(circle at 16% 10%, rgba(56, 189, 248, 0.08), transparent 24%),
        radial-gradient(circle at 84% 18%, rgba(59, 130, 246, 0.08), transparent 22%),
        linear-gradient(180deg, #020617 0%, #0b1220 48%, #111827 100%) !important;
}

html[data-theme="dark"] body.vet-premium-app .app-shell-orb--primary {
    background: radial-gradient(circle, rgba(56, 189, 248, 0.2) 0%, rgba(30, 41, 59, 0.14) 48%, transparent 74%) !important;
}

html[data-theme="dark"] body.vet-premium-app .app-shell-orb--secondary {
    background: radial-gradient(circle, rgba(99, 102, 241, 0.18) 0%, rgba(30, 41, 59, 0.12) 54%, transparent 78%) !important;
}

html[data-theme="dark"] body.vet-premium-app .app-shell-grid {
    background-image:
        linear-gradient(rgba(71, 85, 105, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(71, 85, 105, 0.12) 1px, transparent 1px) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar {
    background: linear-gradient(90deg, #020617 0%, #115e59 100%) !important;
    border-bottom: 1px solid #334155 !important;
    box-shadow: 0 20px 42px rgba(2, 6, 23, 0.36) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar [class*="bg-white/10"],
html[data-theme="dark"] body.vet-premium-app #topbar [class*="bg-white/15"] {
    background: rgba(15, 23, 42, 0.84) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar [class*="border-white/10"],
html[data-theme="dark"] body.vet-premium-app #topbar [class*="border-white/15"] {
    border-color: rgba(71, 85, 105, 0.56) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar .shell-icon-button {
    background: rgba(15, 23, 42, 0.88) !important;
    border-color: rgba(71, 85, 105, 0.56) !important;
    color: #f8fafc !important;
    box-shadow: 0 12px 28px rgba(2, 6, 23, 0.34) !important;
}

html[data-theme="dark"] body.vet-premium-app #topbar .shell-icon-button:hover {
    background: #1c2940 !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar,
html[data-theme="dark"] body.vet-premium-app footer {
    background-color: #020617 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link {
    color: #dbe7f6 !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
    border-color: rgba(71, 85, 105, 0.56) !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, 0.36) !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-glyph i {
    color: #dbe7f6 !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link:hover .sidebar-nav-glyph,
html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link:focus-visible .sidebar-nav-glyph {
    border-color: rgba(96, 165, 250, 0.48) !important;
    box-shadow: 0 14px 30px rgba(14, 165, 233, 0.22) !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link:hover .sidebar-nav-glyph i,
html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link:focus-visible .sidebar-nav-glyph i {
    color: #bfdbfe !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link--active,
html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link--active .sidebar-nav-glyph i {
    color: #7dd3fc !important;
}

html[data-theme="dark"] body.vet-premium-app #navbar .sidebar-nav-link--active .sidebar-nav-glyph {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.98) 0%, rgba(8, 47, 73, 0.98) 100%) !important;
    border-color: rgba(56, 189, 248, 0.54) !important;
    box-shadow: 0 16px 34px rgba(14, 165, 233, 0.24) !important;
}

html[data-theme="dark"] body.vet-premium-app .app-breadcrumb,
html[data-theme="dark"] body.vet-premium-app .workspace-hero,
html[data-theme="dark"] body.vet-premium-app .workspace-surface,
html[data-theme="dark"] body.vet-premium-app .workspace-surface--table,
html[data-theme="dark"] body.vet-premium-app .workspace-stats-grid article,
html[data-theme="dark"] body.vet-premium-app .vet-premium-surface,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card,
html[data-theme="dark"] body.vet-premium-app .vet-premium-alert,
html[data-theme="dark"] body.vet-premium-app .vet-premium-step,
html[data-theme="dark"] body.vet-premium-app .vet-premium-activity-item,
html[data-theme="dark"] body.vet-premium-app .vet-premium-mini-card,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__stat,
html[data-theme="dark"] body.vet-premium-app .vet-premium-trust-item,
html[data-theme="dark"] body.vet-premium-app .vet-premium-note,
html[data-theme="dark"] body.vet-premium-app .vet-premium-palette-chip {
    background: linear-gradient(180deg, rgba(15, 24, 39, 0.98) 0%, rgba(12, 20, 34, 0.96) 100%) !important;
    border-color: rgba(71, 85, 105, 0.72) !important;
    box-shadow: 0 20px 44px rgba(2, 6, 23, 0.5) !important;
}

html[data-theme="dark"] body.vet-premium-app .workspace-kicker,
html[data-theme="dark"] body.vet-premium-app .vet-premium-pill,
html[data-theme="dark"] body.vet-premium-app .vet-premium-badge,
html[data-theme="dark"] body.vet-premium-app .vet-premium-tag,
html[data-theme="dark"] body.vet-premium-app .vet-premium-link-chip {
    background: rgba(15, 23, 42, 0.92) !important;
    border-color: rgba(71, 85, 105, 0.62) !important;
    color: #dbe7f6 !important;
}

html[data-theme="dark"] body.vet-premium-app .workspace-kicker,
html[data-theme="dark"] body.vet-premium-app .vet-premium-badge--aqua {
    color: #93c5fd !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-badge--aqua {
    background: rgba(30, 41, 59, 0.94) !important;
    border-color: rgba(56, 189, 248, 0.38) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-surface--hero,
html[data-theme="dark"] body.vet-premium-app .vet-premium-surface--metric,
html[data-theme="dark"] body.vet-premium-app .vet-premium-surface--beige,
html[data-theme="dark"] body.vet-premium-app .vet-premium-surface--aqua {
    background: linear-gradient(180deg, rgba(15, 24, 39, 0.98) 0%, rgba(12, 20, 34, 0.96) 100%) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-hero__backdrop {
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.04), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(56, 189, 248, 0.12), transparent 28%),
        radial-gradient(circle at 65% 84%, rgba(99, 102, 241, 0.08), transparent 26%) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-eyebrow,
html[data-theme="dark"] body.vet-premium-app .vet-premium-mini-card__label,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__kicker,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__stat-label,
html[data-theme="dark"] body.vet-premium-app .vet-premium-field__label,
html[data-theme="dark"] body.vet-premium-app .vet-premium-trust-item__label,
html[data-theme="dark"] body.vet-premium-app .vet-premium-note,
html[data-theme="dark"] body.vet-premium-app .vet-premium-palette-chip,
html[data-theme="dark"] body.vet-premium-app .vet-premium-hero__copy,
html[data-theme="dark"] body.vet-premium-app .vet-premium-mini-card__meta {
    color: #c8d9eb !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-hero__title,
html[data-theme="dark"] body.vet-premium-app .vet-premium-mini-card__value,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__stat-value,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card h4,
html[data-theme="dark"] body.vet-premium-app .vet-premium-surface h3,
html[data-theme="dark"] body.vet-premium-app .vet-premium-surface h4,
html[data-theme="dark"] body.vet-premium-app .workspace-hero h2,
html[data-theme="dark"] body.vet-premium-app .workspace-page .text-slate-900,
html[data-theme="dark"] body.vet-premium-app .workspace-page .text-slate-800 {
    color: #f8fafc !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--primary {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    color: #f8fafc !important;
    box-shadow: 0 14px 28px rgba(2, 6, 23, 0.34) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--primary:hover {
    background: linear-gradient(135deg, #132033 0%, #214b7a 100%) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--secondary,
html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--ghost {
    background: rgba(15, 23, 42, 0.92) !important;
    border-color: rgba(71, 85, 105, 0.82) !important;
    color: #dbe7f6 !important;
    box-shadow: 0 12px 22px rgba(2, 6, 23, 0.2) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--secondary:hover,
html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--ghost:hover,
html[data-theme="dark"] body.vet-premium-app .vet-premium-link-chip:hover {
    background: #1c2940 !important;
    border-color: #64748b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-icon-shell,
html[data-theme="dark"] body.vet-premium-app .vet-premium-alert__icon,
html[data-theme="dark"] body.vet-premium-app .vet-premium-step__marker,
html[data-theme="dark"] body.vet-premium-app .vet-premium-activity-item__icon,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__icon {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
    border-color: rgba(71, 85, 105, 0.56) !important;
    color: #93c5fd !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, 0.3) !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-home .form-control {
    background-color: #0b1220 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-home .form-control::placeholder {
    color: #64748b !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-home .form-control:focus {
    border-color: rgba(96, 165, 250, 0.34) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

html[data-theme="dark"] body.vet-premium-app .workspace-meta-pill i,
html[data-theme="dark"] body.vet-premium-app .workspace-kicker i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-pill i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-tag i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-badge i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-link-chip i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-note i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-icon-shell i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-module-card__icon i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-alert__icon i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-step__marker i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-activity-item__icon i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-hero__actions i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-inline-badges i {
    color: #93c5fd !important;
    text-shadow: 0 0 14px rgba(147, 197, 253, 0.16);
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--primary i {
    color: #bfdbfe !important;
}

html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--secondary i,
html[data-theme="dark"] body.vet-premium-app .vet-premium-btn--ghost i {
    color: #93c5fd !important;
}

.owner-ficha-card {
    position: relative;
    overflow: hidden;
}

.owner-ficha-card--hero::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 9.5rem;
    background:
        radial-gradient(circle at top left, rgba(147, 221, 225, 0.26), transparent 56%),
        linear-gradient(135deg, rgba(205, 188, 168, 0.4) 0%, rgba(244, 240, 231, 0.06) 72%);
    pointer-events: none;
}

.owner-ficha-hero,
.owner-ficha-contact-card,
.owner-ficha-row,
.owner-ficha-pet-card {
    position: relative;
    z-index: 1;
}

.owner-ficha-hero {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.owner-ficha-avatar-wrap {
    position: relative;
    width: 7.5rem;
    height: 7.5rem;
    flex-shrink: 0;
}

.owner-ficha-avatar-wrap--form {
    width: 8.5rem;
    height: 8.5rem;
}

.owner-ficha-avatar-ring {
    width: 100%;
    height: 100%;
    padding: 0.35rem;
    border-radius: 2rem;
    background: linear-gradient(135deg, rgba(205, 188, 168, 0.8) 0%, rgba(147, 221, 225, 0.82) 100%);
    box-shadow: 0 18px 36px rgba(70, 90, 80, 0.14);
}

.owner-ficha-avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.7rem;
    background: rgba(255, 255, 255, 0.75);
}

.owner-ficha-avatar-badge {
    position: absolute;
    right: -0.35rem;
    bottom: -0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    height: 2.35rem;
    padding: 0 0.7rem;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.9);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    border: 3px solid rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 22px rgba(15, 23, 42, 0.16);
}

.owner-ficha-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--shell-border);
    background: rgba(255, 255, 255, 0.78);
    color: var(--shell-heading);
    font-size: 0.76rem;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06);
}

.owner-ficha-pill i {
    font-size: 0.82rem;
}

.owner-ficha-pill--slate {
    background: rgba(248, 250, 252, 0.95);
}

.owner-ficha-pill--emerald {
    background: rgba(236, 253, 245, 0.95);
    border-color: rgba(16, 185, 129, 0.2);
    color: #0f766e;
}

.owner-ficha-pill--cyan {
    background: rgba(236, 254, 255, 0.95);
    border-color: rgba(8, 145, 178, 0.2);
    color: #155e75;
}

.owner-ficha-pill--indigo {
    background: rgba(238, 242, 255, 0.95);
    border-color: rgba(99, 102, 241, 0.2);
    color: #4338ca;
}

.owner-ficha-pill--amber {
    background: rgba(255, 251, 235, 0.95);
    border-color: rgba(217, 119, 6, 0.2);
    color: #b45309;
}

.owner-ficha-contact-card,
.owner-ficha-data-card,
.owner-ficha-row,
.owner-ficha-pet-card,
.owner-ficha-mini-icon {
    border: 1px solid var(--shell-border);
}

.owner-ficha-contact-card,
.owner-ficha-data-card,
.owner-ficha-pet-card {
    border-radius: 1.45rem;
    background: rgba(248, 250, 252, 0.7);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.05);
}

.owner-ficha-contact-card {
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
    padding: 1rem;
}

.owner-ficha-contact-card__icon,
.owner-ficha-mini-icon,
.owner-ficha-pet-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 1rem;
}

.owner-ficha-contact-card__icon {
    width: 2.85rem;
    height: 2.85rem;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.owner-ficha-contact-card--emerald {
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.92) 0%, rgba(248, 250, 252, 0.9) 100%);
}

.owner-ficha-contact-card--emerald .owner-ficha-contact-card__icon {
    color: #0f766e;
}

.owner-ficha-contact-card--cyan {
    background: linear-gradient(180deg, rgba(236, 254, 255, 0.92) 0%, rgba(248, 250, 252, 0.9) 100%);
}

.owner-ficha-contact-card--cyan .owner-ficha-contact-card__icon {
    color: #155e75;
}

.owner-ficha-contact-card--indigo {
    background: linear-gradient(180deg, rgba(238, 242, 255, 0.92) 0%, rgba(248, 250, 252, 0.9) 100%);
}

.owner-ficha-contact-card--indigo .owner-ficha-contact-card__icon {
    color: #4338ca;
}

.owner-ficha-contact-card--amber {
    background: linear-gradient(180deg, rgba(255, 251, 235, 0.92) 0%, rgba(248, 250, 252, 0.9) 100%);
}

.owner-ficha-contact-card--amber .owner-ficha-contact-card__icon {
    color: #b45309;
}

.owner-ficha-contact-card--slate {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.94) 0%, rgba(255, 255, 255, 0.92) 100%);
}

.owner-ficha-contact-card--slate .owner-ficha-contact-card__icon {
    color: #334155;
}

.owner-ficha-mini-icon {
    width: 2.8rem;
    height: 2.8rem;
    background: rgba(248, 250, 252, 0.82);
    color: var(--shell-accent);
}

.owner-ficha-data-card {
    padding: 1.15rem;
}

.owner-ficha-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 1.1rem;
    background: rgba(248, 250, 252, 0.72);
}

.owner-ficha-pet-card {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 1rem;
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.owner-ficha-pet-card:hover {
    transform: translateY(-1px);
}

.owner-ficha-pet-card__icon {
    width: 2.7rem;
    height: 2.7rem;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 41, 59, 0.96) 100%);
    color: #fff;
}

.owner-ficha-state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.owner-ficha-state--success {
    background: rgba(220, 252, 231, 0.96);
    color: #047857;
}

.owner-ficha-state--warning {
    background: rgba(254, 243, 199, 0.96);
    color: #b45309;
}

.owner-ficha-state--neutral {
    background: rgba(226, 232, 240, 0.96);
    color: #475569;
}

html[data-theme="dark"] .owner-ficha-card--hero::before {
    background:
        radial-gradient(circle at top left, rgba(34, 211, 238, 0.18), transparent 52%),
        linear-gradient(135deg, rgba(30, 41, 59, 0.82) 0%, rgba(15, 23, 42, 0.1) 72%);
}

html[data-theme="dark"] .owner-ficha-avatar-ring {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.78) 0%, rgba(30, 41, 59, 0.92) 100%);
    box-shadow: 0 20px 40px rgba(2, 6, 23, 0.34);
}

html[data-theme="dark"] .owner-ficha-avatar-image {
    background: #0f172a;
}

html[data-theme="dark"] .owner-ficha-avatar-badge {
    background: rgba(8, 47, 73, 0.92);
    border-color: rgba(15, 23, 42, 0.96);
    color: #e0f2fe;
}

html[data-theme="dark"] .owner-ficha-pill,
html[data-theme="dark"] .owner-ficha-contact-card,
html[data-theme="dark"] .owner-ficha-data-card,
html[data-theme="dark"] .owner-ficha-row,
html[data-theme="dark"] .owner-ficha-pet-card,
html[data-theme="dark"] .owner-ficha-mini-icon {
    border-color: rgba(71, 85, 105, 0.78);
}

html[data-theme="dark"] .owner-ficha-pill {
    background: rgba(15, 23, 42, 0.88);
    color: #e4eefb;
    box-shadow: 0 12px 26px rgba(2, 6, 23, 0.22);
}

html[data-theme="dark"] .owner-ficha-pill--emerald {
    background: rgba(6, 95, 70, 0.28);
    color: #86efac;
}

html[data-theme="dark"] .owner-ficha-pill--cyan {
    background: rgba(8, 145, 178, 0.24);
    color: #7dd3fc;
}

html[data-theme="dark"] .owner-ficha-pill--indigo {
    background: rgba(79, 70, 229, 0.24);
    color: #c7d2fe;
}

html[data-theme="dark"] .owner-ficha-pill--amber {
    background: rgba(120, 53, 15, 0.3);
    color: #fcd34d;
}

html[data-theme="dark"] .owner-ficha-contact-card,
html[data-theme="dark"] .owner-ficha-data-card,
html[data-theme="dark"] .owner-ficha-pet-card {
    background: rgba(15, 24, 39, 0.92);
    box-shadow: 0 16px 30px rgba(2, 6, 23, 0.3);
}

html[data-theme="dark"] .owner-ficha-contact-card__icon,
html[data-theme="dark"] .owner-ficha-mini-icon {
    background: rgba(8, 47, 73, 0.38);
    color: #93c5fd;
}

html[data-theme="dark"] .owner-ficha-contact-card--emerald .owner-ficha-contact-card__icon {
    color: #86efac;
}

html[data-theme="dark"] .owner-ficha-contact-card--cyan .owner-ficha-contact-card__icon {
    color: #7dd3fc;
}

html[data-theme="dark"] .owner-ficha-contact-card--indigo .owner-ficha-contact-card__icon {
    color: #c7d2fe;
}

html[data-theme="dark"] .owner-ficha-contact-card--amber .owner-ficha-contact-card__icon {
    color: #fcd34d;
}

html[data-theme="dark"] .owner-ficha-row {
    background: rgba(22, 32, 51, 0.92);
}

html[data-theme="dark"] .owner-ficha-pet-card__icon {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(8, 47, 73, 0.9) 100%);
}

html[data-theme="dark"] .owner-ficha-state--success {
    background: rgba(6, 95, 70, 0.34);
    color: #86efac;
}

html[data-theme="dark"] .owner-ficha-state--warning {
    background: rgba(120, 53, 15, 0.36);
    color: #fcd34d;
}

html[data-theme="dark"] .owner-ficha-state--neutral {
    background: rgba(51, 65, 85, 0.78);
    color: #dbe7f6;
}

@media (max-width: 1023px) {
    body.vet-premium-app .vet-premium-quick-form,
    body.vet-premium-app .vet-premium-trust-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1024px) {
    .workspace-hero {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .workspace-hero__actions {
        justify-content: flex-end;
        min-width: 16rem;
    }
}