:root {
    --pf280-bg: #f4f7fb;
    --pf280-surface: #ffffff;
    --pf280-surface-subtle: #f8fafc;
    --pf280-text: #172033;
    --pf280-muted: #64748b;
    --pf280-border: #dce4ee;
    --pf280-brand: #075cce;
    --pf280-brand-strong: #0648a3;
    --pf280-success: #087a55;
    --pf280-warning: #a35a00;
    --pf280-danger: #b42318;
    --pf280-radius-sm: 10px;
    --pf280-radius-md: 16px;
    --pf280-radius-lg: 22px;
    --pf280-shadow: 0 12px 30px rgb(27 46 78 / 8%);
    --pf280-space-1: .25rem;
    --pf280-space-2: .5rem;
    --pf280-space-3: .75rem;
    --pf280-space-4: 1rem;
    --pf280-space-5: 1.25rem;
    --pf280-space-6: 1.5rem;
    --pf280-motion: 180ms;
}

[data-ux-version="2.8.0"] {
    background: var(--pf280-bg);
    color: var(--pf280-text);
}

[data-ux-version="2.8.0"] .admin-content {
    background: var(--pf280-bg);
}

[data-ux-version="2.8.0"] .admin-page {
    max-width: 1480px;
    margin-inline: auto;
}

[data-ux-version="2.8.0"] .admin-sidebar {
    background: #0d1f38;
    border-right: 0;
}

[data-ux-version="2.8.0"] .admin-topbar {
    border-bottom: 1px solid var(--pf280-border);
    background: rgb(255 255 255 / 96%);
    backdrop-filter: blur(12px);
}

[data-ux-version="2.8.0"] .ui-btn {
    min-height: 44px;
    border-radius: var(--pf280-radius-sm);
    font-weight: 750;
    transition: background-color var(--pf280-motion), border-color var(--pf280-motion), transform var(--pf280-motion), box-shadow var(--pf280-motion);
}

[data-ux-version="2.8.0"] .ui-btn--primary {
    background: var(--pf280-brand);
    border-color: var(--pf280-brand);
    box-shadow: 0 8px 18px rgb(7 92 206 / 18%);
}

[data-ux-version="2.8.0"] .ui-btn--primary:hover {
    background: var(--pf280-brand-strong);
    border-color: var(--pf280-brand-strong);
    transform: translateY(-1px);
}

[data-ux-version="2.8.0"] .ui-btn:focus-visible,
[data-ux-version="2.8.0"] button:focus-visible,
[data-ux-version="2.8.0"] a:focus-visible,
[data-ux-version="2.8.0"] input:focus-visible,
[data-ux-version="2.8.0"] select:focus-visible {
    outline: 3px solid rgb(7 92 206 / 32%);
    outline-offset: 2px;
}

[data-ux-version="2.8.0"] .ui-btn[data-ui-pending="true"] {
    cursor: wait;
    opacity: .82;
    pointer-events: none;
}

[data-ux-version="2.8.0"] .ui-btn[data-ui-pending="true"]::before {
    width: 1rem;
    height: 1rem;
    content: "";
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    animation: pf280-spin .7s linear infinite;
}

[data-ux-version="2.8.0"] [data-operational-workspace] {
    gap: var(--pf280-space-4);
}

[data-ux-version="2.8.0"] .ops-mode-toolbar {
    min-height: 54px;
    padding: .65rem .9rem;
    border: 1px solid var(--pf280-border);
    border-radius: var(--pf280-radius-md);
    background: var(--pf280-surface);
    box-shadow: none;
}

[data-ux-version="2.8.0"] .ops-mode-toolbar > div:first-child span {
    display: none;
}

[data-ux-version="2.8.0"] .ops-wizard {
    padding: var(--pf280-space-4);
    border: 1px solid var(--pf280-border);
    border-radius: var(--pf280-radius-lg);
    box-shadow: var(--pf280-shadow);
}

[data-ux-version="2.8.0"] .ops-wizard__hero {
    min-height: 0;
    padding-bottom: var(--pf280-space-3);
}

[data-ux-version="2.8.0"] .ops-wizard__eyebrow,
[data-ux-version="2.8.0"] .ops-wizard__summary,
[data-ux-version="2.8.0"] .ops-card__description:empty {
    display: none;
}

[data-ux-version="2.8.0"] .ops-wizard__track {
    gap: var(--pf280-space-2);
    padding: .35rem;
    border: 0;
    border-radius: 14px;
    background: var(--pf280-surface-subtle);
}

[data-ux-version="2.8.0"] .ops-wizard__step {
    min-height: 50px;
    padding: .55rem .75rem;
    border: 0;
    border-radius: 11px;
    background: transparent;
}

[data-ux-version="2.8.0"] .ops-wizard__step[data-state="active"],
[data-ux-version="2.8.0"] .ops-wizard__step[aria-current="step"] {
    color: var(--pf280-brand-strong);
    background: var(--pf280-surface);
    box-shadow: 0 3px 12px rgb(27 46 78 / 9%);
}

[data-ux-version="2.8.0"] .ops-wizard__dot {
    width: 28px;
    height: 28px;
    font-size: .78rem;
}

[data-ux-version="2.8.0"] .ops-wizard__stage,
[data-ux-version="2.8.0"] [data-point-panel] {
    margin-top: var(--pf280-space-4);
}

[data-ux-version="2.8.0"] .ops-grid {
    gap: var(--pf280-space-4);
}

[data-ux-version="2.8.0"] .ops-card,
[data-ux-version="2.8.0"] .ui-card {
    border-color: var(--pf280-border);
    border-radius: var(--pf280-radius-md);
    box-shadow: none;
}

[data-ux-version="2.8.0"] .ops-stat-grid {
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--pf280-border);
    border-radius: 12px;
    background: var(--pf280-border);
}

[data-ux-version="2.8.0"] .ops-stat-card {
    min-height: 68px;
    padding: .75rem;
    border: 0;
    border-radius: 0;
    background: var(--pf280-surface);
}

[data-ux-version="2.8.0"] .ops-card__eyebrow {
    color: var(--pf280-muted);
    font-size: .72rem;
    letter-spacing: .06em;
}

[data-ux-version="2.8.0"] .ops-card__title {
    color: var(--pf280-text);
}

[data-ux-version="2.8.0"] .ui-control {
    min-height: 46px;
    border-color: var(--pf280-border);
    border-radius: var(--pf280-radius-sm);
    background: var(--pf280-surface);
}

[data-ux-version="2.8.0"] .ui-collapsible-panel {
    position: fixed;
    z-index: 90;
    inset: 0;
    visibility: hidden;
    background: rgb(15 23 42 / 45%);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--pf280-motion), visibility var(--pf280-motion);
}

[data-ux-version="2.8.0"] .ui-collapsible-panel[data-side-modal-open="true"] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

[data-ux-version="2.8.0"] .ui-collapsible-panel > .ui-collapsible-panel__summary {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 2;
    min-height: 44px;
    padding: .65rem .9rem;
    border: 1px solid var(--pf280-border);
    border-radius: 999px;
    background: var(--pf280-surface);
    box-shadow: var(--pf280-shadow);
    visibility: visible;
    pointer-events: auto;
}

[data-ux-version="2.8.0"] .ui-collapsible-panel[data-side-modal-open="true"] > .ui-collapsible-panel__summary {
    right: min(34rem, calc(100vw - 3rem));
}

[data-ux-version="2.8.0"] .ui-collapsible-panel__eyebrow,
[data-ux-version="2.8.0"] .ui-collapsible-panel__icon {
    display: none;
}

[data-ux-version="2.8.0"] .ui-collapsible-panel__body {
    position: absolute;
    inset: 0 0 0 auto;
    width: min(34rem, 100%);
    overflow: auto;
    padding: 5rem 1.25rem 1.25rem;
    background: var(--pf280-surface);
    box-shadow: -20px 0 45px rgb(15 23 42 / 15%);
    transform: translateX(100%);
    transition: transform var(--pf280-motion);
}

[data-ux-version="2.8.0"] .ui-collapsible-panel[data-side-modal-open="true"] .ui-collapsible-panel__body {
    transform: translateX(0);
}

[data-ux-version="2.8.0"] .ui-state-panel,
[data-ux-version="2.8.0"] .ui-empty-state,
[data-ux-version="2.8.0"] .ui-data-table__empty-wrap {
    min-height: 130px;
    padding: var(--pf280-space-5);
    border: 1px dashed var(--pf280-border);
    border-radius: var(--pf280-radius-md);
    background: var(--pf280-surface-subtle);
}

[data-ux-version="2.8.0"] .ui-empty-state__title {
    margin: 0;
    color: var(--pf280-text);
    font-size: 1rem;
    font-weight: 800;
}

[data-ux-version="2.8.0"] .ui-empty-state__message {
    max-width: 42rem;
    margin: .35rem 0 1rem;
    color: var(--pf280-muted);
}

[data-ux-version="2.8.0"] .ui-skeleton {
    display: grid;
    gap: .65rem;
    padding: var(--pf280-space-4);
}

[data-ux-version="2.8.0"] .ui-skeleton__line {
    display: block;
    width: 100%;
    height: .85rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #e9eef5 25%, #f8fafc 45%, #e9eef5 65%);
    background-size: 240% 100%;
    animation: pf280-skeleton 1.4s ease-in-out infinite;
}

[data-ux-version="2.8.0"] .ui-skeleton__line:last-child { width: 64%; }

[data-ux-version="2.8.0"] [data-workspace-type="ponto"] .ops-wizard__nav {
    margin-top: var(--pf280-space-3);
}

@media (max-width: 760px) {
    [data-ux-version="2.8.0"] .admin-page { padding-inline: .75rem; }
    [data-ux-version="2.8.0"] .ops-wizard__label { font-size: .78rem; }
    [data-ux-version="2.8.0"] .ops-wizard__track { overflow-x: auto; }
    [data-ux-version="2.8.0"] .ops-wizard__step { min-width: 8rem; }
    [data-ux-version="2.8.0"] .ui-collapsible-panel__body { width: 100%; }
    [data-ux-version="2.8.0"] .ui-collapsible-panel[data-side-modal-open="true"] > .ui-collapsible-panel__summary { right: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
    [data-ux-version="2.8.0"] *,
    [data-ux-version="2.8.0"] *::before,
    [data-ux-version="2.8.0"] *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@keyframes pf280-spin { to { transform: rotate(360deg); } }
@keyframes pf280-skeleton { to { background-position: -240% 0; } }