/* WINCO_BLACK_MODULES_OVERRIDE_V1 */

/* Base final: carrega por ?ltimo para vencer CSS antigo */
body{
    background:
        radial-gradient(circle at 16% -8%, rgba(37,211,102,.055), transparent 28%),
        radial-gradient(circle at 88% 0%, rgba(255,255,255,.025), transparent 26%),
        linear-gradient(180deg, #020303 0%, #040607 52%, #020303 100%) !important;
    color:#f8fafc !important;
}

/* Shell amplo */
main,
.app-main,
.client-app-main,
.page-shell,
.app-shell,
.content,
.main-content,
.dashboard,
.dashboard-shell,
.operation-shell,
.operations-shell,
.analytics-shell,
.monitor-shell,
.onboarding-shell,
.connect-shell,
.billing-shell,
.settings-shell,
.container,
.container-xl,
.wrapper{
    width:min(1880px, calc(100vw - 44px)) !important;
    max-width:1880px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Remove fundos antigos claros/cinzas/verdes exagerados */
[class*="operation"],
[class*="onboarding"],
[class*="analytics"],
[class*="monitor"],
[class*="connect"],
[class*="dashboard"],
[class*="panel"],
[class*="card"],
[class*="box"],
[class*="glass"]{
    box-shadow:none;
}

/* Cards/pain?is dessas ?reas */
.operation-card,
.operations-card,
.op-card,
.onboarding-card,
.analytics-card,
.monitor-card,
.monitor-live-card,
.live-card,
.dashboard-card,
.client-card,
.action-card,
.template-card,
.plan-card,
.niche-card,
.connect-card,
.qr-card,
.stat-card,
.metric-card,
.chart-card,
.panel,
.card,
.glass,
.box{
    border-radius:28px !important;
    border:1px solid rgba(255,255,255,.072) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.015)) !important;
    color:#f8fafc !important;
    box-shadow:
        0 22px 70px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.030) !important;
}

/* Headers e textos */
h1,h2,h3,h4{
    color:#f8fafc !important;
    letter-spacing:-.055em !important;
}

p,
small,
.muted,
.subtitle,
.description,
.help,
.hint,
.label,
.card-subtitle{
    color:rgba(226,232,240,.58) !important;
}

/* Inputs/selects */
input,
select,
textarea{
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:rgba(0,0,0,.24) !important;
    color:#f8fafc !important;
    box-shadow:none !important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:rgba(37,211,102,.25) !important;
    box-shadow:0 0 0 3px rgba(37,211,102,.05) !important;
}

/* Bot?es minimalistas */
button,
.btn,
a.btn,
.button,
.action-button,
.quick-action,
.cta{
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:rgba(255,255,255,.035) !important;
    color:rgba(248,250,252,.88) !important;
    box-shadow:none !important;
    font-weight:850 !important;
}

button:hover,
.btn:hover,
a.btn:hover,
.button:hover,
.action-button:hover,
.quick-action:hover,
.cta:hover{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(37,211,102,.18) !important;
}

button[type="submit"],
.btn-primary,
.primary,
.cta-primary,
.save-button{
    background:rgba(37,211,102,.105) !important;
    border-color:rgba(37,211,102,.22) !important;
    color:#bbf7d0 !important;
}

/* Status/sinais luminosos minimalistas */
.status,
.status-pill,
.badge,
.pill,
.tag,
.chip{
    border:1px solid rgba(255,255,255,.075) !important;
    background:rgba(255,255,255,.030) !important;
    color:rgba(248,250,252,.82) !important;
}

.status.ok,
.status.online,
.status.active,
.status-pill.ok,
.status-pill.online,
.status-pill.active,
.badge.active,
.pill.active,
.tag.active,
.chip.active{
    border-color:rgba(37,211,102,.24) !important;
    background:rgba(37,211,102,.09) !important;
    color:#bbf7d0 !important;
}

.status.warn,
.status.warning,
.status.pending,
.status.qr,
.status-pill.warn,
.status-pill.warning,
.status-pill.pending{
    border-color:rgba(250,204,21,.26) !important;
    background:rgba(250,204,21,.10) !important;
    color:#fde68a !important;
}

.status.error,
.status.offline,
.status.danger,
.status-pill.error,
.status-pill.offline,
.status-pill.danger{
    border-color:rgba(251,113,133,.25) !important;
    background:rgba(251,113,133,.10) !important;
    color:#fecdd3 !important;
}

/* Operations: mais largura e cards menos infantis */
.operations-grid,
.operation-grid,
.ops-grid,
.client-operations-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(360px, 1fr)) !important;
    gap:18px !important;
    width:100% !important;
}

.operation-card,
.op-card,
.client-operation-card{
    min-height:190px;
    position:relative;
    overflow:hidden;
}

.operation-card::after,
.op-card::after,
.client-operation-card::after{
    content:"";
    position:absolute;
    right:18px;
    top:18px;
    width:9px;
    height:9px;
    border-radius:999px;
    background:#25d366;
    box-shadow:0 0 0 5px rgba(37,211,102,.09), 0 0 22px rgba(37,211,102,.38);
    opacity:.85;
}

/* Onboarding: cards mais compactos e premium */
.onboarding-grid,
.templates-grid,
.niches-grid,
.plans-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap:16px !important;
}

.template-card,
.niche-card,
.plan-card{
    min-height:150px;
}

/* Analytics: usar mais horizontal */
.analytics-grid,
.analytics-cards,
.charts-grid,
.metrics-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap:18px !important;
}

.analytics-chart,
.chart-card{
    min-height:320px;
}

/* Monitor Live */
.monitor-grid,
.monitor-live-grid,
.live-grid,
.realtime-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(340px, 1fr)) !important;
    gap:18px !important;
}

.monitor-card,
.monitor-live-card,
.live-card{
    position:relative;
    overflow:hidden;
}

.monitor-card::before,
.monitor-live-card::before,
.live-card::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    bottom:18px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(37,211,102,.92), rgba(37,211,102,.12));
    box-shadow:0 0 22px rgba(37,211,102,.30);
}

/* Tabelas */
table{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 8px !important;
}

th{
    color:rgba(226,232,240,.38) !important;
    font-size:11px !important;
    text-transform:uppercase;
    letter-spacing:.11em;
    font-weight:900 !important;
    border:0 !important;
}

td{
    background:rgba(255,255,255,.022) !important;
    border-top:1px solid rgba(255,255,255,.046) !important;
    border-bottom:1px solid rgba(255,255,255,.046) !important;
    color:rgba(248,250,252,.84) !important;
}

tr td:first-child{
    border-left:1px solid rgba(255,255,255,.046) !important;
    border-radius:14px 0 0 14px !important;
}

tr td:last-child{
    border-right:1px solid rgba(255,255,255,.046) !important;
    border-radius:0 14px 14px 0 !important;
}

/* Remove fundos brancos insistentes */
[style*="background: white"],
[style*="background:white"],
[style*="background-color: white"],
[style*="background-color:white"],
[style*="#fff"],
[style*="#ffffff"]{
    background:rgba(255,255,255,.026) !important;
    color:#f8fafc !important;
}

/* Mobile seguro */
@media(max-width:760px){
    main,
    .app-main,
    .client-app-main,
    .page-shell,
    .app-shell,
    .content,
    .main-content,
    .dashboard,
    .dashboard-shell,
    .operation-shell,
    .operations-shell,
    .analytics-shell,
    .monitor-shell,
    .onboarding-shell,
    .connect-shell,
    .container,
    .container-xl,
    .wrapper{
        width:calc(100vw - 24px) !important;
        max-width:calc(100vw - 24px) !important;
    }

    .operations-grid,
    .operation-grid,
    .ops-grid,
    .client-operations-grid,
    .onboarding-grid,
    .templates-grid,
    .niches-grid,
    .plans-grid,
    .analytics-grid,
    .analytics-cards,
    .charts-grid,
    .metrics-grid,
    .monitor-grid,
    .monitor-live-grid,
    .live-grid,
    .realtime-grid{
        grid-template-columns:1fr !important;
    }
}

/* WINCO_READABLE_PREMIUM_V3_REFINEMENTS */
:root{
    --saas-heading:#1d2939;
    --saas-primary:#176b54;
    --saas-primary-strong:#10523f;
}

h1{
    font-weight:720 !important;
}

h2,
h3,
.panel-title,
.stage-title,
.card-title,
.metric strong,
.stat strong,
.op-stat strong,
.metric-value,
.stat-value{
    font-weight:700 !important;
}

body:has(.login-card) .shell{
    width:min(1180px, calc(100vw - 48px)) !important;
    max-width:1180px !important;
    grid-template-columns:minmax(0, 1fr) minmax(360px, 420px) !important;
    gap:24px !important;
}

body:has(.login-card) .shell > section:not(.login-card){
    padding:26px 28px !important;
}

body:has(.login-card) .login-card{
    width:100% !important;
}

body:has(.login-card) .submit,
body:has(.login-card) button.submit,
body:has(.login-card) button[type="submit"].submit{
    background:var(--saas-primary) !important;
    background-image:none !important;
    border:1px solid var(--saas-primary-strong) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:none !important;
    opacity:1 !important;
}

body:has(.login-card) .submit svg,
body:has(.login-card) button.submit svg{
    color:currentColor !important;
    stroke:currentColor !important;
    opacity:1 !important;
}

body:has(.login-card) .submit:disabled,
body:has(.login-card) button.submit:disabled,
body:has(.login-card) button[type="submit"].submit:disabled{
    background:#eef2f6 !important;
    background-image:none !important;
    border:1px solid #d0d5dd !important;
    color:#667085 !important;
    -webkit-text-fill-color:#667085 !important;
    opacity:1 !important;
}

body:has(.login-card) .submit:disabled *,
body:has(.login-card) button.submit:disabled *{
    color:#667085 !important;
    -webkit-text-fill-color:#667085 !important;
    opacity:1 !important;
}

.wl-saas-preview img{
    filter:saturate(.82) contrast(.88) brightness(1.08) !important;
}

.wl-saas-primary,
button[type="submit"],
.btn-primary,
.primary,
.cta-primary,
.save-button,
.hero-btn.primary,
.submit,
body[data-winco-page] .winco-login-os .btn.primary,
body[data-winco-page] .winco-login-os button.btn.primary{
    background:var(--saas-primary) !important;
    border-color:var(--saas-primary-strong) !important;
}

.eyebrow,
.status.ok,
.status.online,
.status.active,
.status-pill.ok,
.status-pill.online,
.status-pill.active,
.badge.active,
.pill.active,
.tag.active,
.chip.active,
.badge.running,
.badge.WORKING,
.badge.CONNECTED,
.badge.ready,
.winco-runtime-quick-state,
.winco-lead-badge,
.wl-saas-kicker{
    background:#f1f7f4 !important;
    border-color:#d7eadf !important;
    color:#176b54 !important;
}

@media(max-width:980px){
    body:has(.login-card) .shell{
        grid-template-columns:1fr !important;
        width:min(760px, calc(100vw - 32px)) !important;
    }
}

/* WINCO_APP_LOGIN_WIDTH_REPAIR_V1 */
body[data-winco-page] .winco-login-os.center,
body[data-winco-page] main.winco-login-os.center{
    width:min(470px, calc(100vw - 32px)) !important;
    max-width:470px !important;
    min-height:100vh !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:32px 0 !important;
    display:grid !important;
    place-items:center !important;
}

body[data-winco-page] .winco-login-os .login-card,
body[data-winco-page] main.winco-login-os .login-card{
    width:min(470px, calc(100vw - 32px)) !important;
    max-width:470px !important;
    padding:28px !important;
}

body[data-winco-page] .winco-login-os .input,
body[data-winco-page] .winco-login-os input,
body[data-winco-page] .winco-login-os .btn.primary{
    width:100% !important;
}

/* WINCO_SAAS_PRODUCT_POLISH_V1 */
:root{
    --saas-bg:#f6f8fb;
    --saas-bg-soft:#eef3f8;
    --saas-surface:#ffffff;
    --saas-surface-muted:#f8fafc;
    --saas-border:#d8e0ea;
    --saas-border-strong:#b9c5d4;
    --saas-text:#111827;
    --saas-heading:#0b1220;
    --saas-muted:#667085;
    --saas-soft:#475467;
    --saas-primary:#0f9f6e;
    --saas-primary-strong:#087d5d;
    --saas-blue:#2563eb;
    --saas-warning:#b7791f;
    --saas-danger:#d92d20;
    --saas-shadow:0 12px 30px rgba(15,23,42,.08);
    --saas-shadow-soft:0 1px 2px rgba(15,23,42,.06);
    --saas-radius:8px;
    --black-os-bg:var(--saas-bg);
    --black-os-bg-2:var(--saas-bg-soft);
    --black-os-text:var(--saas-text);
    --black-os-muted:var(--saas-muted);
    --black-os-muted-2:#98a2b3;
    --black-os-line:var(--saas-border);
    --black-os-line-soft:#e6edf5;
    --black-os-green:var(--saas-primary);
}

*,
*::before,
*::after{
    box-sizing:border-box !important;
}

html{
    background:var(--saas-bg) !important;
    overflow-x:hidden !important;
}

body{
    background:var(--saas-bg) !important;
    color:var(--saas-text) !important;
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing:0 !important;
    overflow-x:hidden !important;
}

body::before,
body::after{
    background:none !important;
    opacity:0 !important;
    pointer-events:none !important;
}

main,
.shell,
.app-main,
.client-app-main,
.page-shell,
.app-shell,
.content,
.main-content,
.dashboard,
.dashboard-shell,
.operation-shell,
.operations-shell,
.analytics-shell,
.monitor-shell,
.onboarding-shell,
.connect-shell,
.billing-shell,
.settings-shell,
.container,
    .container-xl,
    .wrapper{
    width:min(1440px, calc(100vw - 40px)) !important;
    max-width:1440px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media(min-width:1600px){
    main,
    .shell,
    .app-main,
    .client-app-main,
    .page-shell,
    .app-shell,
    .content,
    .main-content,
    .dashboard,
    .dashboard-shell,
    .operation-shell,
    .operations-shell,
    .analytics-shell,
    .monitor-shell,
    .onboarding-shell,
    .connect-shell,
    .billing-shell,
    .settings-shell,
    .container,
    .container-xl,
    .wrapper{
        width:min(1480px, calc(100vw - 48px)) !important;
        max-width:1480px !important;
    }
}

.top,
.nav,
.navbar,
.app-nav,
.topbar,
.toolbar,
.header,
header,
nav:not(.wl-image-nav){
    border-radius:var(--saas-radius) !important;
    border:1px solid var(--saas-border) !important;
    background:rgba(255,255,255,.94) !important;
    color:var(--saas-text) !important;
    box-shadow:var(--saas-shadow-soft) !important;
    backdrop-filter:none !important;
}

.brand-title,
.brand h1,
h1,
h2,
h3,
h4,
.section-title,
.page-title,
.card-title,
.dashboard-title{
    color:var(--saas-heading) !important;
    letter-spacing:0 !important;
}

h1{
    font-size:clamp(28px, 4vw, 48px) !important;
    line-height:1.05 !important;
}

h2{
    font-size:clamp(22px, 2.4vw, 32px) !important;
    line-height:1.15 !important;
}

h3{
    font-size:18px !important;
    line-height:1.25 !important;
}

p,
small,
.muted,
.subtitle,
.description,
.help,
.hint,
.label,
.card-subtitle,
.brand-subtitle{
    color:var(--saas-muted) !important;
}

.card,
.panel,
.box,
.glass,
.metric-card,
.quick-card,
.operation-card,
.operations-card,
.op-card,
.lead-card,
.settings-card,
.billing-card,
.media-card,
.feature-card,
.pricing-card,
.client-card,
.stat-card,
.dashboard-card,
.landing-card,
.hero-card,
.action-card,
.template-card,
.plan-card,
.niche-card,
.connect-card,
.qr-card,
.chart-card,
.panel-card,
section[class*="card"],
div[class*="card"]{
    border-radius:var(--saas-radius) !important;
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    color:var(--saas-text) !important;
    box-shadow:var(--saas-shadow-soft) !important;
    backdrop-filter:none !important;
}

.card:hover,
.panel:hover,
.dashboard-card:hover,
.module-card:hover,
.metric-card:hover,
.panel-card:hover{
    transform:none !important;
    box-shadow:var(--saas-shadow) !important;
}

.card::before,
.card::after,
.panel::before,
.panel::after,
.dashboard-card::before,
.dashboard-card::after,
.module-card::before,
.module-card::after,
.metric-card::before,
.metric-card::after,
.panel-card::before,
.panel-card::after{
    display:none !important;
}

button,
.btn,
a.btn,
.button,
.action-button,
.quick-action,
.cta,
.hero-btn,
.submit,
.signup-btn,
.logout,
.btn-secondary,
.nav a,
.top a,
nav a{
    min-height:40px !important;
    border-radius:var(--saas-radius) !important;
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    color:var(--saas-soft) !important;
    box-shadow:var(--saas-shadow-soft) !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
}

button:hover,
.btn:hover,
a.btn:hover,
.button:hover,
.action-button:hover,
.quick-action:hover,
.cta:hover,
.hero-btn:hover,
.submit:hover,
.signup-btn:hover,
.logout:hover,
.btn-secondary:hover,
.nav a:hover,
.top a:hover,
nav a:hover{
    transform:none !important;
    border-color:var(--saas-border-strong) !important;
    background:#f9fbfd !important;
    color:var(--saas-heading) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.08) !important;
}

button[type="submit"],
.btn-primary,
.primary,
.cta-primary,
.save-button,
.hero-btn.primary,
.submit{
    border-color:var(--saas-primary-strong) !important;
    background:var(--saas-primary) !important;
    color:#ffffff !important;
}

button[type="submit"]:hover,
.btn-primary:hover,
.primary:hover,
.cta-primary:hover,
.save-button:hover,
.hero-btn.primary:hover,
.submit:hover{
    background:var(--saas-primary-strong) !important;
    color:#ffffff !important;
}

input,
select,
textarea{
    min-height:42px !important;
    border-radius:var(--saas-radius) !important;
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    color:var(--saas-text) !important;
    box-shadow:var(--saas-shadow-soft) !important;
}

input::placeholder,
textarea::placeholder{
    color:#98a2b3 !important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:rgba(15,159,110,.55) !important;
    box-shadow:0 0 0 3px rgba(15,159,110,.12) !important;
}

.status,
.status-pill,
.badge,
.pill,
.tag,
.chip{
    border-radius:999px !important;
    border:1px solid var(--saas-border) !important;
    background:#f8fafc !important;
    color:var(--saas-soft) !important;
    box-shadow:none !important;
}

.status.ok,
.status.online,
.status.active,
.status-pill.ok,
.status-pill.online,
.status-pill.active,
.badge.active,
.pill.active,
.tag.active,
.chip.active,
.badge.running,
.badge.WORKING,
.badge.CONNECTED,
.badge.ready{
    border-color:#abefc6 !important;
    background:#ecfdf3 !important;
    color:#067647 !important;
}

.status.warn,
.status.warning,
.status.pending,
.status.qr,
.status-pill.warn,
.status-pill.warning,
.status-pill.pending{
    border-color:#fedf89 !important;
    background:#fffaeb !important;
    color:#b54708 !important;
}

.status.error,
.status.offline,
.status.danger,
.status-pill.error,
.status-pill.offline,
.status-pill.danger{
    border-color:#fecdca !important;
    background:#fef3f2 !important;
    color:#b42318 !important;
}

table,
.log-box,
.events-list,
.queue-list{
    border-radius:var(--saas-radius) !important;
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    box-shadow:var(--saas-shadow-soft) !important;
    overflow:hidden !important;
}

table{
    border-collapse:collapse !important;
    border-spacing:0 !important;
}

th{
    padding:11px 14px !important;
    background:#f8fafc !important;
    color:#667085 !important;
    border-bottom:1px solid var(--saas-border) !important;
    font-size:12px !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

td{
    padding:12px 14px !important;
    background:var(--saas-surface) !important;
    border:0 !important;
    border-bottom:1px solid #eef2f6 !important;
    color:var(--saas-text) !important;
}

tr:hover,
.event-row:hover,
.queue-row:hover{
    background:#f8fafc !important;
}

tr td:first-child,
tr td:last-child{
    border-radius:0 !important;
}

.metrics-grid,
.analytics-grid,
.analytics-cards,
.charts-grid,
.operations-grid,
.operation-grid,
.ops-grid,
.client-operations-grid,
.monitor-grid,
.monitor-live-grid,
.live-grid,
.realtime-grid,
.onboarding-grid,
.templates-grid,
.niches-grid,
.plans-grid{
    gap:16px !important;
}

.metric-value,
.card-value,
.dashboard-number,
.analytics-number,
.stat-value,
.stat strong,
.analytics-card strong{
    background:none !important;
    color:var(--saas-heading) !important;
}

[style*="background: white"],
[style*="background:white"],
[style*="background-color: white"],
[style*="background-color:white"],
[style*="#fff"],
[style*="#ffffff"]{
    background:var(--saas-surface) !important;
    color:var(--saas-text) !important;
}

body:has(.login-card) .shell{
    min-height:100vh !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(360px, 440px) !important;
    gap:36px !important;
    align-items:center !important;
    padding:36px 0 !important;
    background:var(--saas-bg) !important;
    color:var(--saas-text) !important;
}

body:has(.login-card){
    background:var(--saas-bg) !important;
    color:var(--saas-text) !important;
}

body:has(.login-card) .shell::before,
body:has(.login-card) .shell::after,
body:has(.login-card) section::before,
body:has(.login-card) section::after{
    display:none !important;
}

body:has(.login-card) .shell > section:not(.login-card){
    padding:28px !important;
    border-radius:12px !important;
    background:var(--saas-surface) !important;
    border:1px solid var(--saas-border) !important;
    box-shadow:var(--saas-shadow-soft) !important;
}

body:has(.login-card) .brand,
body:has(.login-card) .eyebrow,
body:has(.login-card) .lead,
body:has(.login-card) .footer,
body:has(.login-card) .secure{
    color:var(--saas-soft) !important;
}

body:has(.login-card) .brand-title,
body:has(.login-card) .login-head h1,
body:has(.login-card) h1,
body:has(.login-card) h2,
body:has(.login-card) h3{
    color:var(--saas-heading) !important;
}

body:has(.login-card) .brand-mark{
    background:var(--saas-primary) !important;
    color:#ffffff !important;
    box-shadow:none !important;
}

body:has(.login-card) .eyebrow{
    display:inline-flex !important;
    border:1px solid #abefc6 !important;
    background:#ecfdf3 !important;
    color:#067647 !important;
}

body:has(.login-card) .hero-actions .hero-btn,
body:has(.login-card) .signup-btn{
    background:var(--saas-surface) !important;
    color:var(--saas-soft) !important;
    border:1px solid var(--saas-border) !important;
}

body:has(.login-card) .hero-actions .hero-btn.primary{
    background:var(--saas-primary) !important;
    border-color:var(--saas-primary-strong) !important;
    color:#ffffff !important;
}

body:has(.login-card) .login-card{
    padding:28px !important;
    background:var(--saas-surface) !important;
    color:var(--saas-text) !important;
    border:1px solid var(--saas-border) !important;
    border-radius:12px !important;
    box-shadow:0 24px 70px rgba(15,23,42,.12) !important;
}

body:has(.login-card) .signals{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:12px !important;
}

body:has(.login-card) .signal{
    border-radius:var(--saas-radius) !important;
    background:var(--saas-surface) !important;
    border:1px solid var(--saas-border) !important;
    color:var(--saas-text) !important;
    box-shadow:var(--saas-shadow-soft) !important;
}

body:has(.login-card) .signal span,
body:has(.login-card) .signal-card span,
body:has(.login-card) label{
    color:var(--saas-muted) !important;
}

body:has(.login-card) .signal strong,
body:has(.login-card) .signal-card strong{
    color:var(--saas-heading) !important;
}

body:has(.login-card) .submit:disabled,
body:has(.login-card) button:disabled{
    opacity:1 !important;
    background:#eef2f6 !important;
    border-color:var(--saas-border) !important;
    color:#667085 !important;
    -webkit-text-fill-color:#667085 !important;
    cursor:not-allowed !important;
    box-shadow:none !important;
}

body:has(.winco-login-os){
    background:#f4f7fb !important;
}

.winco-login-os.center{
    min-height:100vh !important;
    display:grid !important;
    place-items:center !important;
    padding:32px 16px !important;
}

.winco-login-os .login-card{
    width:min(470px, calc(100vw - 32px)) !important;
    padding:28px !important;
    border-radius:12px !important;
    background:var(--saas-surface) !important;
    border:1px solid var(--saas-border) !important;
    box-shadow:0 24px 70px rgba(15,23,42,.12) !important;
}

.winco-login-os .brand{
    width:100% !important;
    min-height:auto !important;
    padding:0 !important;
    margin:0 0 22px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

body[data-winco-page] .winco-login-os .brand{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    color:var(--saas-text) !important;
}

body[data-winco-page] .winco-login-os .brand-title{
    color:var(--saas-heading) !important;
}

body[data-winco-page] .winco-login-os .brand-subtitle{
    color:var(--saas-muted) !important;
}

.winco-login-os .brand-copy{
    min-width:0 !important;
}

.winco-login-os .brand-topline{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}

.winco-login-os .brand-badge{
    min-height:22px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    border:1px solid #abefc6 !important;
    background:#ecfdf3 !important;
    color:#067647 !important;
    font-size:11px !important;
    font-weight:850 !important;
}

.winco-login-os h1{
    color:var(--saas-heading) !important;
    font-size:clamp(34px, 4vw, 54px) !important;
    line-height:1.05 !important;
    margin:0 0 10px !important;
}

.winco-login-os p,
.winco-login-os .muted{
    color:var(--saas-muted) !important;
}

.winco-login-os .field{
    margin-top:16px !important;
    margin-bottom:0 !important;
}

.winco-login-os label{
    color:var(--saas-muted) !important;
    font-size:12px !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    font-weight:750 !important;
}

.winco-login-os .input,
.winco-login-os input{
    min-height:46px !important;
    border-radius:8px !important;
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    color:var(--saas-text) !important;
    box-shadow:var(--saas-shadow-soft) !important;
}

.winco-login-os .input:focus,
.winco-login-os input:focus{
    border-color:rgba(15,159,110,.55) !important;
    box-shadow:0 0 0 3px rgba(15,159,110,.12) !important;
}

.winco-login-os .btn.primary{
    min-height:46px !important;
    margin-top:18px !important;
    background:var(--saas-primary) !important;
    border-color:var(--saas-primary-strong) !important;
    color:#ffffff !important;
}

body[data-winco-page] .winco-login-os .btn.primary,
body[data-winco-page] .winco-login-os button.btn.primary{
    background:var(--saas-primary) !important;
    background-image:none !important;
    border:1px solid var(--saas-primary-strong) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
    box-shadow:0 10px 22px rgba(15,159,110,.16) !important;
}

.winco-login-os a{
    color:var(--saas-primary-strong) !important;
}

body:has(.winco-login-os) .winco-intelligence-quick-access{
    display:none !important;
}

#wincoLandingImageOnlyV1{
    min-height:100vh !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    background:var(--saas-bg) !important;
    overflow:hidden !important;
    padding:86px max(28px, 6vw) 54px !important;
    box-sizing:border-box !important;
}

#wincoLandingImageOnlyV1::before,
#wincoLandingImageOnlyV1::after{
    display:none !important;
}

.wl-image-hotspots{
    display:none !important;
}

.wl-image-nav{
    position:absolute !important;
    top:22px !important;
    left:max(28px, 6vw) !important;
    right:max(28px, 6vw) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    padding:8px !important;
    border-radius:var(--saas-radius) !important;
    border:1px solid var(--saas-border) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:var(--saas-shadow-soft) !important;
    z-index:20 !important;
}

.wl-nav-brand{
    margin-right:auto !important;
    padding:0 10px !important;
    color:var(--saas-heading) !important;
    font-size:15px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
}

.wl-image-nav a{
    color:var(--saas-soft) !important;
    background:transparent !important;
    border:0 !important;
    min-height:36px !important;
    padding:9px 12px !important;
    box-shadow:none !important;
}

.wl-image-nav a:hover{
    color:var(--saas-heading) !important;
    background:#f2f6fa !important;
}

.wl-saas-hero{
    position:relative !important;
    z-index:10 !important;
    width:min(1240px, 100%) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0, .92fr) minmax(420px, 1.08fr) !important;
    gap:42px !important;
    align-items:center !important;
    min-width:0 !important;
}

.wl-saas-copy,
.wl-saas-preview{
    min-width:0 !important;
    max-width:100% !important;
}

.wl-saas-kicker{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-bottom:18px !important;
    padding:8px 11px !important;
    border-radius:999px !important;
    border:1px solid #abefc6 !important;
    background:#ecfdf3 !important;
    color:#067647 !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.wl-saas-hero h1{
    max-width:660px !important;
    margin:0 !important;
    color:var(--saas-heading) !important;
    overflow-wrap:break-word !important;
}

.wl-saas-hero p{
    max-width:590px !important;
    margin:18px 0 0 !important;
    color:var(--saas-soft) !important;
    font-size:18px !important;
    line-height:1.6 !important;
    overflow-wrap:break-word !important;
}

.wl-saas-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin-top:26px !important;
}

.wl-saas-actions a{
    min-height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 18px !important;
    border-radius:var(--saas-radius) !important;
    text-decoration:none !important;
    font-weight:800 !important;
}

.wl-saas-primary{
    border:1px solid var(--saas-primary-strong) !important;
    background:var(--saas-primary) !important;
    color:#ffffff !important;
}

.wl-saas-secondary{
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    color:var(--saas-heading) !important;
}

.wl-saas-proof{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
    margin-top:28px !important;
    max-width:590px !important;
}

.wl-saas-proof span{
    display:flex !important;
    align-items:center !important;
    min-height:48px !important;
    padding:10px 12px !important;
    border:1px solid var(--saas-border) !important;
    border-radius:var(--saas-radius) !important;
    background:var(--saas-surface) !important;
    color:var(--saas-soft) !important;
    font-size:13px !important;
    font-weight:750 !important;
}

.wl-saas-preview{
    border:1px solid var(--saas-border) !important;
    border-radius:12px !important;
    background:var(--saas-surface) !important;
    box-shadow:0 24px 70px rgba(15,23,42,.14) !important;
    padding:12px !important;
}

.wl-saas-preview img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    border-radius:8px !important;
    border:1px solid #e6edf5 !important;
}

.wl-saas-preview-caption{
    display:flex !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:10px 4px 0 !important;
    color:var(--saas-muted) !important;
    font-size:12px !important;
    font-weight:700 !important;
}

@media(max-width:980px){
    body:has(.login-card) .shell,
    .wl-saas-hero{
        grid-template-columns:1fr !important;
    }

    .wl-saas-preview{
        order:-1 !important;
    }
}

@media(max-width:760px){
    main,
    .shell,
    .app-main,
    .client-app-main,
    .page-shell,
    .app-shell,
    .content,
    .main-content,
    .dashboard,
    .dashboard-shell,
    .operation-shell,
    .operations-shell,
    .analytics-shell,
    .monitor-shell,
    .onboarding-shell,
    .connect-shell,
    .billing-shell,
    .settings-shell,
    .container,
    .container-xl,
    .wrapper{
        width:calc(100vw - 24px) !important;
        max-width:calc(100vw - 24px) !important;
    }

    #wincoLandingImageOnlyV1{
        display:flex !important;
        min-height:100svh !important;
        height:auto !important;
        overflow:auto !important;
        overflow-x:hidden !important;
        width:100vw !important;
        max-width:100vw !important;
        padding:76px 18px 28px !important;
    }

    .wl-image-nav{
        left:12px !important;
        right:12px !important;
        overflow:hidden !important;
        justify-content:space-between !important;
        max-width:calc(100vw - 24px) !important;
    }

    .wl-nav-brand{
        position:sticky !important;
        left:0 !important;
        background:rgba(255,255,255,.94) !important;
        padding-left:8px !important;
        padding-right:14px !important;
    }

    .wl-image-nav a:nth-of-type(2),
    .wl-image-nav a:nth-of-type(3),
    .wl-image-nav a:nth-of-type(4){
        display:none !important;
    }

    .wl-image-nav a{
        flex:0 0 auto !important;
        padding-left:9px !important;
        padding-right:9px !important;
        font-size:12px !important;
    }

    .wl-saas-hero{
        display:flex !important;
        flex-direction:column !important;
        gap:18px !important;
        width:calc(100vw - 36px) !important;
        max-width:calc(100vw - 36px) !important;
        min-width:0 !important;
    }

    .wl-saas-copy,
    .wl-saas-preview,
    .wl-saas-preview img{
        width:calc(100vw - 36px) !important;
        max-width:calc(100vw - 36px) !important;
        min-width:0 !important;
        flex:0 1 auto !important;
    }

    .wl-saas-preview{
        padding:8px !important;
    }

    .wl-saas-preview img{
        width:100% !important;
        height:auto !important;
    }

    .wl-saas-hero h1{
        max-width:100% !important;
        font-size:28px !important;
        line-height:1.08 !important;
    }

    .wl-saas-hero p{
        font-size:15px !important;
        max-width:100% !important;
    }

    .wl-saas-actions,
    .wl-saas-proof{
        display:grid !important;
        grid-template-columns:1fr !important;
        width:calc(100vw - 36px) !important;
        max-width:calc(100vw - 36px) !important;
    }

    .wl-saas-actions a{
        width:100% !important;
    }

    .wl-saas-proof span,
    .wl-saas-preview-caption span{
        overflow-wrap:anywhere !important;
    }

    .wl-saas-preview-caption{
        flex-direction:column !important;
        gap:4px !important;
    }

    .wl-mobile-landing{
        display:none !important;
    }

    body:has(.login-card) .signals{
        grid-template-columns:1fr !important;
    }
}

/* WINCO_INTERNAL_MATURE_OS_V1 */
body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)){
    background:#f4f7fb !important;
}

body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .shell,
body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .winco-page,
body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .app-shell,
body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .page-shell,
body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .dashboard-shell,
body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .client-app-main{
    padding-top:22px !important;
    padding-bottom:34px !important;
}

.topbar,
.app-topbar,
.client-topbar,
.admin-topbar,
.panel-topbar{
    position:sticky !important;
    top:12px !important;
    z-index:40 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    min-height:64px !important;
    padding:10px 12px !important;
    margin-bottom:18px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid var(--saas-border) !important;
    box-shadow:0 10px 28px rgba(15,23,42,.07) !important;
}

.brand{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
}

.brand-mark,
.logo,
.mark,
.logo-mark,
.client-icon,
.health-icon,
.compact-icon,
.operation-name-icon,
.lead-avatar{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:8px !important;
    display:grid !important;
    place-items:center !important;
    background:var(--saas-primary) !important;
    color:#ffffff !important;
    box-shadow:none !important;
    font-weight:900 !important;
}

.brand-title{
    color:var(--saas-heading) !important;
    font-size:14px !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

.brand-subtitle{
    margin-top:2px !important;
    color:var(--saas-muted) !important;
    font-size:12px !important;
    line-height:1.25 !important;
}

.nav-actions,
.top-actions,
.actions,
.filters,
.tabs,
.tabbar{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
}

.nav-actions .btn,
.topbar .btn,
.filter,
.tab,
.tab-button{
    min-height:36px !important;
    padding:0 12px !important;
    font-size:13px !important;
}

.hero:not(.wl-saas-hero),
.page-hero,
.dashboard-hero,
.operation-hero{
    margin:0 0 18px !important;
    padding:24px !important;
    border-radius:10px !important;
    border:1px solid var(--saas-border) !important;
    background:
        linear-gradient(180deg, #ffffff, #fbfdff) !important;
    box-shadow:var(--saas-shadow-soft) !important;
    overflow:hidden !important;
}

.hero:not(.wl-saas-hero)::before,
.hero:not(.wl-saas-hero)::after,
.page-hero::before,
.page-hero::after,
.dashboard-hero::before,
.dashboard-hero::after{
    display:none !important;
}

.hero-grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1.35fr) minmax(280px, .65fr) !important;
    gap:18px !important;
    align-items:stretch !important;
}

.hero h1,
.page-hero h1,
.dashboard-hero h1{
    max-width:760px !important;
    margin:0 !important;
    color:var(--saas-heading) !important;
    font-size:clamp(28px, 2.8vw, 38px) !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
}

.lead,
.hero .lead{
    max-width:720px !important;
    color:var(--saas-soft) !important;
    font-size:15px !important;
    line-height:1.65 !important;
}

.eyebrow{
    width:max-content !important;
    max-width:100% !important;
    min-height:28px !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    border:1px solid #abefc6 !important;
    background:#ecfdf3 !important;
    color:#067647 !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

.metrics,
.metrics-grid,
.stats-grid,
.dashboard-metrics{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap:12px !important;
    margin:0 0 18px !important;
}

.metric,
.stat,
.op-stat,
.mini-plan,
.summary-item,
.health-item,
.signal-item,
.meta-chip{
    border-radius:8px !important;
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    color:var(--saas-text) !important;
    box-shadow:var(--saas-shadow-soft) !important;
}

.metric,
.stat,
.op-stat{
    min-height:92px !important;
    padding:14px !important;
}

.metric small,
.stat small,
.op-stat small,
.metric-label,
.stat-label,
.summary-label,
.health-sub,
.lead-meta,
.client-meta,
.meta-chip{
    color:var(--saas-muted) !important;
    font-size:12px !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

.metric strong,
.stat strong,
.op-stat strong,
.metric-value,
.stat-value,
.summary-value,
.health-title{
    color:var(--saas-heading) !important;
    font-size:22px !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
}

.workspace,
.content-grid,
.dashboard-grid,
.settings-grid,
.billing-grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(300px, 420px) !important;
    gap:16px !important;
    align-items:start !important;
}

.panel,
.signal-card,
.summary-card,
.plan-card,
.operation-card,
.billing-item,
.client-card,
.stage,
.lead-card,
.crm-item,
.queue-row,
.event-row,
.timeline-item,
.health-row,
.compact-row{
    border-radius:8px !important;
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    color:var(--saas-text) !important;
    box-shadow:var(--saas-shadow-soft) !important;
}

.panel,
.signal-card,
.summary-card,
.plan-card,
.stage{
    padding:16px !important;
}

.panel-head,
.stage-head,
.billing-row,
.client-header,
.operation-top,
.admin-control-head,
.billing-profile-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding-bottom:12px !important;
    margin-bottom:12px !important;
    border-bottom:1px solid #eef2f6 !important;
}

.panel-title,
.stage-title,
.client-name,
.operation-name,
.billing-profile-title,
.admin-control-head h3{
    color:var(--saas-heading) !important;
    font-size:16px !important;
    line-height:1.25 !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
}

.operation-list,
.health-list,
.summary-list,
.billing-list,
.stage-body,
.queue-list,
.events-list{
    display:grid !important;
    gap:10px !important;
}

.operation-card,
.billing-item,
.client-card,
.lead-card,
.crm-item{
    padding:14px !important;
}

.op-grid,
.meta-grid,
.admin-control-grid,
.admin-runtime-grid,
.profile-grid,
.upgrade-grid,
.plans-mini{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap:10px !important;
}

.toolbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 16px !important;
    padding:12px !important;
    border-radius:10px !important;
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    box-shadow:var(--saas-shadow-soft) !important;
}

.search,
.field,
.control,
.input,
.move-select,
.plan-selector{
    min-width:0 !important;
}

.search{
    flex:1 1 260px !important;
}

.search input,
.field input,
.control input,
.input,
.move-select,
.plan-selector select{
    width:100% !important;
}

.pipeline{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:14px !important;
    align-items:start !important;
}

.stage{
    min-height:260px !important;
}

.stage-body{
    max-height:none !important;
}

.lead-top,
.health-left,
.client-core,
.mini-plan-top{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
}

.lead-message,
.empty,
.log-box,
pre,
code{
    color:var(--saas-soft) !important;
    background:#f8fafc !important;
    border:1px solid #e6edf5 !important;
    border-radius:8px !important;
}

.empty{
    padding:18px !important;
    text-align:center !important;
}

.pill.hot,
.pill.closed,
.pill.info,
.badge.info,
.tag.info,
.chip.info{
    border-color:#b2ddff !important;
    background:#eff8ff !important;
    color:#175cd3 !important;
}

.warning,
button.warning,
.btn.warning{
    border-color:#fedf89 !important;
    background:#fffaeb !important;
    color:#b54708 !important;
}

.danger,
.delete,
.remove,
button.danger,
button.delete{
    border-color:#fecdca !important;
    background:#fef3f2 !important;
    color:#b42318 !important;
}

.winco-intelligence-quick-access{
    right:18px !important;
    bottom:18px !important;
    min-height:42px !important;
    border-radius:999px !important;
    background:var(--saas-heading) !important;
    border:1px solid var(--saas-heading) !important;
    color:#ffffff !important;
    box-shadow:0 16px 38px rgba(15,23,42,.18) !important;
}

.winco-runtime-quick-panel,
.winco-danger-zone,
.admin-runtime-panel,
.winco-admin-control-panel,
.billing-profile{
    border-radius:8px !important;
    border:1px solid var(--saas-border) !important;
    background:#fbfdff !important;
    color:var(--saas-text) !important;
    box-shadow:none !important;
}

.winco-runtime-quick-title,
.winco-runtime-quick-label,
.winco-danger-zone h3{
    color:var(--saas-heading) !important;
}

.winco-runtime-quick-state,
.winco-lead-badge{
    border-color:#abefc6 !important;
    background:#ecfdf3 !important;
    color:#067647 !important;
}

@media(max-width:980px){
    .topbar,
    .app-topbar,
    .client-topbar,
    .admin-topbar,
    .panel-topbar{
        position:relative !important;
        top:auto !important;
        align-items:stretch !important;
        flex-direction:column !important;
    }

    .hero-grid,
    .workspace,
    .content-grid,
    .dashboard-grid,
    .settings-grid,
    .billing-grid{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:720px){
    body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .shell,
    body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .winco-page,
    body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .app-shell,
    body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .page-shell,
    body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .dashboard-shell,
    body:not(:has(#wincoLandingImageOnlyV1)):not(:has(.login-card)) .client-app-main{
        width:calc(100vw - 20px) !important;
        max-width:calc(100vw - 20px) !important;
        padding-top:10px !important;
    }

    .hero:not(.wl-saas-hero),
    .page-hero,
    .dashboard-hero,
    .operation-hero,
    .panel,
    .signal-card,
    .summary-card,
    .plan-card,
    .stage{
        padding:14px !important;
    }

    .hero h1,
    .page-hero h1,
    .dashboard-hero h1{
        font-size:26px !important;
    }

    .toolbar,
    .panel-head,
    .stage-head,
    .billing-row,
    .client-header,
    .operation-top,
    .admin-control-head,
    .billing-profile-head{
        flex-direction:column !important;
        align-items:stretch !important;
    }

    .nav-actions,
    .top-actions,
    .actions,
    .filters,
    .tabs,
    .tabbar{
        width:100% !important;
    }

    .nav-actions .btn,
    .topbar .btn,
    .filter,
    .tab,
    .tab-button{
        flex:1 1 auto !important;
    }
}

/* WINCO_READABLE_PREMIUM_V3 */
:root{
    --saas-bg:#f7f8fa;
    --saas-bg-soft:#f2f4f7;
    --saas-surface:#ffffff;
    --saas-surface-muted:#f9fafb;
    --saas-border:#e4e7ec;
    --saas-border-strong:#d0d5dd;
    --saas-text:#344054;
    --saas-heading:#101828;
    --saas-muted:#667085;
    --saas-soft:#475467;
    --saas-primary:#13795b;
    --saas-primary-strong:#0f6049;
    --saas-blue:#2e5aac;
    --saas-warning:#a15c07;
    --saas-danger:#b42318;
    --saas-shadow:none;
    --saas-shadow-soft:none;
    --saas-radius:6px;
}

html,
body{
    background:var(--saas-bg) !important;
    color:var(--saas-text) !important;
}

body,
body *{
    text-shadow:none !important;
}

h1,
h2,
h3,
h4,
.brand-title,
.page-title,
.section-title,
.panel-title,
.stage-title,
.card-title,
.dashboard-title{
    color:var(--saas-heading) !important;
    letter-spacing:0 !important;
}

h1{
    font-size:clamp(28px, 3.2vw, 42px) !important;
    line-height:1.12 !important;
    font-weight:780 !important;
}

h2{
    font-size:clamp(22px, 2vw, 28px) !important;
    line-height:1.18 !important;
    font-weight:760 !important;
}

h3,
.panel-title,
.stage-title,
.card-title{
    font-size:16px !important;
    line-height:1.3 !important;
    font-weight:760 !important;
}

p,
small,
.lead,
.muted,
.subtitle,
.description,
.help,
.hint,
.label,
.card-subtitle,
.brand-subtitle,
.health-sub,
.lead-meta,
.client-meta{
    color:var(--saas-muted) !important;
    line-height:1.58 !important;
}

.top,
.topbar,
.app-topbar,
.client-topbar,
.admin-topbar,
.panel-topbar,
.toolbar,
.header,
header,
nav:not(.wl-image-nav){
    background:var(--saas-surface) !important;
    border:1px solid var(--saas-border) !important;
    border-radius:var(--saas-radius) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
}

.card,
.panel,
.box,
.glass,
.metric,
.stat,
.metric-card,
.quick-card,
.operation-card,
.operations-card,
.op-card,
.lead-card,
.crm-item,
.settings-card,
.billing-card,
.billing-item,
.media-card,
.feature-card,
.pricing-card,
.client-card,
.stat-card,
.dashboard-card,
.landing-card,
.hero-card,
.action-card,
.template-card,
.plan-card,
.niche-card,
.connect-card,
.qr-card,
.chart-card,
.panel-card,
.summary-card,
.signal-card,
.stage,
.mini-plan,
.summary-item,
.health-item,
.signal-item,
.queue-row,
.event-row,
.timeline-item,
.health-row,
.compact-row,
section[class*="card"],
div[class*="card"]{
    background:var(--saas-surface) !important;
    background-image:none !important;
    border:1px solid var(--saas-border) !important;
    border-radius:var(--saas-radius) !important;
    color:var(--saas-text) !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
}

.card:hover,
.panel:hover,
.dashboard-card:hover,
.module-card:hover,
.metric-card:hover,
.panel-card:hover,
.operation-card:hover,
.lead-card:hover,
.crm-item:hover{
    transform:none !important;
    box-shadow:none !important;
    border-color:var(--saas-border-strong) !important;
}

.hero:not(.wl-saas-hero),
.page-hero,
.dashboard-hero,
.operation-hero{
    background:var(--saas-surface) !important;
    background-image:none !important;
    border:1px solid var(--saas-border) !important;
    border-radius:var(--saas-radius) !important;
    box-shadow:none !important;
    padding:20px !important;
}

.hero h1,
.page-hero h1,
.dashboard-hero h1,
.operation-hero h1{
    font-size:clamp(26px, 2.4vw, 34px) !important;
    line-height:1.14 !important;
}

button,
.btn,
a.btn,
.button,
.action-button,
.quick-action,
.cta,
.hero-btn,
.submit,
.signup-btn,
.logout,
.btn-secondary,
.nav a,
.top a,
nav a{
    min-height:38px !important;
    border-radius:var(--saas-radius) !important;
    border:1px solid var(--saas-border) !important;
    background:var(--saas-surface) !important;
    background-image:none !important;
    color:var(--saas-soft) !important;
    box-shadow:none !important;
    font-weight:650 !important;
}

button:hover,
.btn:hover,
a.btn:hover,
.button:hover,
.action-button:hover,
.quick-action:hover,
.cta:hover,
.hero-btn:hover,
.submit:hover,
.signup-btn:hover,
.logout:hover,
.btn-secondary:hover,
.nav a:hover,
.top a:hover,
nav a:hover{
    background:var(--saas-surface-muted) !important;
    color:var(--saas-heading) !important;
    border-color:var(--saas-border-strong) !important;
    box-shadow:none !important;
    transform:none !important;
}

button[type="submit"],
.btn-primary,
.primary,
.cta-primary,
.save-button,
.hero-btn.primary,
.submit,
.wl-saas-primary,
body[data-winco-page] .winco-login-os .btn.primary,
body[data-winco-page] .winco-login-os button.btn.primary{
    background:var(--saas-primary) !important;
    background-image:none !important;
    border:1px solid var(--saas-primary-strong) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:none !important;
}

button[type="submit"]:hover,
.btn-primary:hover,
.primary:hover,
.cta-primary:hover,
.save-button:hover,
.hero-btn.primary:hover,
.submit:hover,
.wl-saas-primary:hover{
    background:var(--saas-primary-strong) !important;
    color:#ffffff !important;
    box-shadow:none !important;
}

button:disabled,
.btn:disabled,
.submit:disabled,
body:has(.login-card) .submit:disabled,
body:has(.login-card) button:disabled{
    background:#f2f4f7 !important;
    border-color:var(--saas-border) !important;
    color:#98a2b3 !important;
    -webkit-text-fill-color:#98a2b3 !important;
    box-shadow:none !important;
    opacity:1 !important;
}

input,
select,
textarea,
.input,
.control{
    background:var(--saas-surface) !important;
    border:1px solid var(--saas-border) !important;
    border-radius:var(--saas-radius) !important;
    color:var(--saas-text) !important;
    box-shadow:none !important;
}

input:focus,
select:focus,
textarea:focus,
.input:focus,
.control:focus-within{
    border-color:#98d8bf !important;
    box-shadow:0 0 0 2px rgba(19,121,91,.10) !important;
    outline:none !important;
}

.brand-mark,
.logo,
.mark,
.logo-mark,
.client-icon,
.health-icon,
.compact-icon,
.operation-name-icon,
.lead-avatar{
    background:#eef8f3 !important;
    background-image:none !important;
    border:1px solid #c7ead9 !important;
    color:var(--saas-primary-strong) !important;
    box-shadow:none !important;
}

.eyebrow,
.status.ok,
.status.online,
.status.active,
.status-pill.ok,
.status-pill.online,
.status-pill.active,
.badge.active,
.pill.active,
.tag.active,
.chip.active,
.badge.running,
.badge.WORKING,
.badge.CONNECTED,
.badge.ready,
.winco-runtime-quick-state,
.winco-lead-badge,
.wl-saas-kicker{
    background:#eef8f3 !important;
    border-color:#c7ead9 !important;
    color:var(--saas-primary-strong) !important;
    box-shadow:none !important;
}

.status,
.status-pill,
.badge,
.pill,
.tag,
.chip,
.meta-chip{
    background:#f9fafb !important;
    border-color:var(--saas-border) !important;
    color:var(--saas-muted) !important;
    box-shadow:none !important;
}

.status.warn,
.status.warning,
.status.pending,
.status.qr,
.status-pill.warn,
.status-pill.warning,
.status-pill.pending,
.warning,
button.warning,
.btn.warning{
    background:#fff7ed !important;
    border-color:#fed7aa !important;
    color:#9a3412 !important;
}

.status.error,
.status.offline,
.status.danger,
.status-pill.error,
.status-pill.offline,
.status-pill.danger,
.danger,
.delete,
.remove,
button.danger,
button.delete{
    background:#fff5f5 !important;
    border-color:#fecaca !important;
    color:#991b1b !important;
}

table,
.log-box,
.events-list,
.queue-list{
    background:var(--saas-surface) !important;
    border:1px solid var(--saas-border) !important;
    border-radius:var(--saas-radius) !important;
    box-shadow:none !important;
}

th{
    background:#f9fafb !important;
    color:var(--saas-muted) !important;
    font-weight:650 !important;
}

td{
    background:var(--saas-surface) !important;
    color:var(--saas-text) !important;
}

.metric strong,
.stat strong,
.op-stat strong,
.metric-value,
.stat-value,
.summary-value,
.health-title{
    color:var(--saas-heading) !important;
    font-size:20px !important;
    font-weight:760 !important;
}

.wl-image-nav,
.wl-saas-preview,
.wl-saas-proof span{
    box-shadow:none !important;
    border-color:var(--saas-border) !important;
}

.wl-saas-hero{
    gap:36px !important;
}

.wl-saas-hero h1{
    font-size:clamp(30px, 3.8vw, 46px) !important;
    line-height:1.12 !important;
    font-weight:780 !important;
}

.wl-saas-hero p{
    font-size:16px !important;
    line-height:1.65 !important;
}

.wl-saas-preview{
    padding:10px !important;
}

.wl-saas-preview img{
    filter:saturate(.92) contrast(.96) brightness(1.02) !important;
}

.winco-login-os .login-card,
body:has(.login-card) .login-card,
body:has(.login-card) .shell > section:not(.login-card){
    box-shadow:none !important;
    border-color:var(--saas-border) !important;
}

.winco-intelligence-quick-access{
    background:#ffffff !important;
    border-color:var(--saas-border-strong) !important;
    color:var(--saas-heading) !important;
    box-shadow:none !important;
}

@media(max-width:760px){
    .wl-saas-preview{
        order:0 !important;
    }

    .wl-saas-hero h1{
        font-size:28px !important;
    }

    .wl-saas-hero p{
        font-size:15px !important;
    }
}

/* WINCO_READABLE_PREMIUM_V3_FINAL_TONE */
:root{
    --saas-heading:#1d2939;
    --saas-primary:#176b54;
    --saas-primary-strong:#10523f;
}

h1{
    font-weight:720 !important;
}

.wl-saas-preview img{
    filter:saturate(.82) contrast(.88) brightness(1.08) !important;
}

body[data-winco-page] .winco-login-os.center,
body[data-winco-page] main.winco-login-os.center{
    width:min(470px, calc(100vw - 32px)) !important;
    max-width:470px !important;
}

body[data-winco-page] .winco-login-os .login-card,
body[data-winco-page] main.winco-login-os .login-card{
    width:min(470px, calc(100vw - 32px)) !important;
    max-width:470px !important;
}

/* WINCO_INTERNAL_READABILITY_V4 */
:root{
    --read-bg:#f4f6f8;
    --read-bg-soft:#eef2f5;
    --read-surface:#ffffff;
    --read-surface-alt:#f8fafc;
    --read-border:#d9e1e8;
    --read-border-strong:#c7d2dc;
    --read-heading:#182230;
    --read-text:#344054;
    --read-muted:#667085;
    --read-soft:#475467;
    --read-green:#176b54;
    --read-green-strong:#10523f;
    --read-green-soft:#e8f5ef;
    --read-yellow-soft:#fff7e6;
    --read-red-soft:#fff1f2;
    --read-radius:8px;
}

html{
    background:var(--read-bg) !important;
    background-image:none !important;
}

body[data-winco-page]:not(:has(.login-card)){
    background:var(--read-bg) !important;
    background-image:none !important;
    color:var(--read-text) !important;
    min-height:100vh !important;
    text-rendering:optimizeLegibility !important;
}

body[data-winco-page]:not(:has(.login-card))::before,
body[data-winco-page]:not(:has(.login-card))::after{
    display:none !important;
    content:none !important;
}

body[data-winco-page] .shell{
    width:min(1480px, calc(100vw - 40px)) !important;
    max-width:1480px !important;
    min-height:calc(100vh - 32px) !important;
    margin:0 auto 56px !important;
    padding:18px 0 48px !important;
    color:var(--read-text) !important;
}

body[data-winco-page] .shell,
body[data-winco-page] .shell *{
    letter-spacing:0 !important;
    text-shadow:none !important;
}

body[data-winco-page] .topbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin:0 0 18px !important;
    padding:12px !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    background:rgba(255,255,255,.92) !important;
    background-image:none !important;
    box-shadow:none !important;
}

body[data-winco-page] .brand{
    min-height:42px !important;
    padding:6px 8px !important;
    border:0 !important;
    background:transparent !important;
    background-image:none !important;
    color:var(--read-heading) !important;
    box-shadow:none !important;
}

body[data-winco-page] .brand-title,
body[data-winco-page] .brand strong{
    color:var(--read-heading) !important;
    font-size:14px !important;
    font-weight:760 !important;
}

body[data-winco-page] .brand-subtitle,
body[data-winco-page] .brand small{
    color:var(--read-muted) !important;
    font-size:12px !important;
    line-height:1.35 !important;
}

body[data-winco-page] .nav{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
}

body[data-winco-page] .nav .btn,
body[data-winco-page] .topbar .btn,
body[data-winco-page] .topbar a.btn{
    min-height:36px !important;
    padding:0 11px !important;
    border:1px solid transparent !important;
    border-radius:var(--read-radius) !important;
    background:transparent !important;
    background-image:none !important;
    color:var(--read-soft) !important;
    -webkit-text-fill-color:var(--read-soft) !important;
    box-shadow:none !important;
    font-size:13px !important;
    font-weight:650 !important;
    opacity:1 !important;
    filter:none !important;
    pointer-events:auto !important;
}

body[data-winco-page] .topbar .nav,
body[data-winco-page] .topbar .nav *,
body[data-winco-page] .topbar .btn *,
body[data-winco-page] .topbar a.btn *{
    opacity:1 !important;
    filter:none !important;
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
}

body[data-winco-page] .topbar .nav svg,
body[data-winco-page] .topbar .btn svg,
body[data-winco-page] .topbar a.btn svg{
    color:var(--read-soft) !important;
    stroke:currentColor !important;
}

body[data-winco-page] .nav .btn:hover,
body[data-winco-page] .nav .btn.active,
body[data-winco-page] .topbar .btn:hover{
    background:var(--read-surface-alt) !important;
    border-color:var(--read-border) !important;
    color:var(--read-heading) !important;
    -webkit-text-fill-color:var(--read-heading) !important;
}

body[data-winco-page] .shell .card,
body[data-winco-page] .shell .panel,
body[data-winco-page] .shell .metric,
body[data-winco-page] .shell .operation-card,
body[data-winco-page] .shell .operations-card,
body[data-winco-page] .shell .app-card,
body[data-winco-page] .shell .dashboard-card,
body[data-winco-page] .shell .module-card,
body[data-winco-page] .shell .panel-card,
body[data-winco-page] .shell .switch-card,
body[data-winco-page] .shell .limit-card,
body[data-winco-page] .shell .media-section,
body[data-winco-page] .shell .box,
body[data-winco-page] .shell .glass,
body[data-winco-page] .shell section[class*="card"],
body[data-winco-page] .shell div[class*="card"]{
    background:var(--read-surface) !important;
    background-image:none !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    color:var(--read-text) !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
}

body[data-winco-page] .shell .hero,
body[data-winco-page] .shell .page-hero,
body[data-winco-page] .shell .dashboard-hero,
body[data-winco-page] .shell .operation-hero{
    padding:22px !important;
    background:var(--read-surface) !important;
    background-image:none !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell h1{
    color:var(--read-heading) !important;
    font-size:clamp(28px, 2.4vw, 38px) !important;
    line-height:1.14 !important;
    font-weight:760 !important;
    letter-spacing:0 !important;
    margin-bottom:10px !important;
}

body[data-winco-page] .shell h2{
    color:var(--read-heading) !important;
    font-size:clamp(18px, 1.3vw, 22px) !important;
    line-height:1.24 !important;
    font-weight:720 !important;
    letter-spacing:0 !important;
}

body[data-winco-page] .shell h3,
body[data-winco-page] .shell h4,
body[data-winco-page] .shell strong{
    color:var(--read-heading) !important;
    font-weight:720 !important;
    letter-spacing:0 !important;
}

body[data-winco-page] .shell p,
body[data-winco-page] .shell small,
body[data-winco-page] .shell label,
body[data-winco-page] .shell .muted,
body[data-winco-page] .shell .subtitle,
body[data-winco-page] .shell .description,
body[data-winco-page] .shell .help,
body[data-winco-page] .shell .hint,
body[data-winco-page] .shell .card-subtitle{
    color:var(--read-muted) !important;
    line-height:1.55 !important;
    font-weight:480 !important;
}

body[data-winco-page] .shell span{
    text-shadow:none !important;
}

body[data-winco-page] .shell .metric{
    min-height:112px !important;
    padding:18px !important;
}

body[data-winco-page] .shell .metric span,
body[data-winco-page] .shell .stat span,
body[data-winco-page] .shell .op-stat span{
    color:var(--read-muted) !important;
    font-size:13px !important;
    line-height:1.35 !important;
    font-weight:620 !important;
}

body[data-winco-page] .shell .metric strong,
body[data-winco-page] .shell .stat strong,
body[data-winco-page] .shell .op-stat strong,
body[data-winco-page] .shell .metric-value,
body[data-winco-page] .shell .stat-value,
body[data-winco-page] .shell .summary-value{
    color:var(--read-heading) !important;
    font-size:clamp(22px, 2vw, 30px) !important;
    line-height:1.08 !important;
    font-weight:780 !important;
}

body[data-winco-page] .shell .grid-2,
body[data-winco-page] .shell .grid-3,
body[data-winco-page] .shell .metrics-grid,
body[data-winco-page] .shell .operations-grid,
body[data-winco-page] .shell .operation-grid,
body[data-winco-page] .shell .client-operations-grid{
    gap:14px !important;
}

body[data-winco-page] .shell .operations-grid,
body[data-winco-page] .shell .operation-grid,
body[data-winco-page] .shell .client-operations-grid{
    grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)) !important;
}

body[data-winco-page] .shell button,
body[data-winco-page] .shell .btn,
body[data-winco-page] .shell a.btn,
body[data-winco-page] .shell .button,
body[data-winco-page] .shell .action-button,
body[data-winco-page] .shell .quick-action,
body[data-winco-page] .shell .cta{
    min-height:38px !important;
    border-radius:var(--read-radius) !important;
    border:1px solid var(--read-border) !important;
    background:var(--read-surface) !important;
    background-image:none !important;
    color:var(--read-soft) !important;
    box-shadow:none !important;
    font-size:13px !important;
    font-weight:680 !important;
}

body[data-winco-page] .shell button:hover,
body[data-winco-page] .shell .btn:hover,
body[data-winco-page] .shell a.btn:hover,
body[data-winco-page] .shell .button:hover,
body[data-winco-page] .shell .action-button:hover,
body[data-winco-page] .shell .quick-action:hover,
body[data-winco-page] .shell .cta:hover{
    background:var(--read-surface-alt) !important;
    border-color:var(--read-border-strong) !important;
    color:var(--read-heading) !important;
    transform:none !important;
}

body[data-winco-page] .shell button[type="submit"],
body[data-winco-page] .shell .btn.primary,
body[data-winco-page] .shell .primary,
body[data-winco-page] .shell .btn-primary,
body[data-winco-page] .shell .cta-primary,
body[data-winco-page] .shell .save-button{
    background:var(--read-green) !important;
    background-image:none !important;
    border-color:var(--read-green-strong) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

body[data-winco-page] .shell button[type="submit"]:hover,
body[data-winco-page] .shell .btn.primary:hover,
body[data-winco-page] .shell .primary:hover,
body[data-winco-page] .shell .btn-primary:hover,
body[data-winco-page] .shell .cta-primary:hover,
body[data-winco-page] .shell .save-button:hover{
    background:var(--read-green-strong) !important;
    color:#ffffff !important;
}

body[data-winco-page] .shell input,
body[data-winco-page] .shell select,
body[data-winco-page] .shell textarea,
body[data-winco-page] .shell .input,
body[data-winco-page] .shell .control{
    min-height:40px !important;
    border-radius:var(--read-radius) !important;
    border:1px solid var(--read-border) !important;
    background:var(--read-surface) !important;
    color:var(--read-heading) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell input:focus,
body[data-winco-page] .shell select:focus,
body[data-winco-page] .shell textarea:focus,
body[data-winco-page] .shell .input:focus,
body[data-winco-page] .shell .control:focus-within{
    border-color:#98d8bf !important;
    box-shadow:0 0 0 2px rgba(23,107,84,.11) !important;
    outline:none !important;
}

body[data-winco-page] .shell .status,
body[data-winco-page] .shell .status-pill,
body[data-winco-page] .shell .badge,
body[data-winco-page] .shell .pill,
body[data-winco-page] .shell .tag,
body[data-winco-page] .shell .chip,
body[data-winco-page] .shell .meta-chip{
    border:1px solid var(--read-border) !important;
    border-radius:999px !important;
    background:var(--read-surface-alt) !important;
    color:var(--read-muted) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .status.ok,
body[data-winco-page] .shell .status.online,
body[data-winco-page] .shell .status.active,
body[data-winco-page] .shell .status-pill.ok,
body[data-winco-page] .shell .status-pill.online,
body[data-winco-page] .shell .status-pill.active,
body[data-winco-page] .shell .badge.active,
body[data-winco-page] .shell .pill.active,
body[data-winco-page] .shell .tag.active,
body[data-winco-page] .shell .chip.active,
body[data-winco-page] .shell .badge.ready,
body[data-winco-page] .shell .badge.running,
body[data-winco-page] .shell .badge.CONNECTED{
    background:var(--read-green-soft) !important;
    border-color:#bfe6d2 !important;
    color:var(--read-green-strong) !important;
}

body[data-winco-page] .shell .status.warn,
body[data-winco-page] .shell .status.warning,
body[data-winco-page] .shell .status.pending,
body[data-winco-page] .shell .status-pill.warn,
body[data-winco-page] .shell .status-pill.warning,
body[data-winco-page] .shell .status-pill.pending,
body[data-winco-page] .shell .warning{
    background:var(--read-yellow-soft) !important;
    border-color:#f6d391 !important;
    color:#92400e !important;
}

body[data-winco-page] .shell .status.error,
body[data-winco-page] .shell .status.offline,
body[data-winco-page] .shell .status.danger,
body[data-winco-page] .shell .status-pill.error,
body[data-winco-page] .shell .status-pill.offline,
body[data-winco-page] .shell .status-pill.danger,
body[data-winco-page] .shell .danger{
    background:var(--read-red-soft) !important;
    border-color:#fecdd3 !important;
    color:#991b1b !important;
}

body[data-winco-page] .shell table,
body[data-winco-page] .shell .log-box,
body[data-winco-page] .shell .events-list,
body[data-winco-page] .shell .queue-list{
    background:var(--read-surface) !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell th{
    background:var(--read-surface-alt) !important;
    color:var(--read-muted) !important;
    font-size:12px !important;
    font-weight:700 !important;
}

body[data-winco-page] .shell td{
    background:var(--read-surface) !important;
    color:var(--read-text) !important;
}

body[data-winco-page] .shell [class*="glow"],
body[data-winco-page] .shell [class*="orb"],
body[data-winco-page] .shell [class*="halo"],
body[data-winco-page] .shell [class*="aura"],
body[data-winco-page] .shell [class*="flare"],
body[data-winco-page] .shell [class*="ambient"],
body[data-winco-page] .shell [class*="shine"],
body[data-winco-page] .shell [class*="beacon"],
body[data-winco-page] .shell [class*="pulse"]{
    display:none !important;
    opacity:0 !important;
}

body[data-winco-page] .shell .operation-card::after,
body[data-winco-page] .shell .op-card::after,
body[data-winco-page] .shell .client-operation-card::after{
    display:none !important;
    content:none !important;
}

body[data-winco-page="analytics"] .shell .intel-hero-v3,
body[data-winco-page="analytics"] .shell .intel-metric-v3,
body[data-winco-page="analytics"] .shell .intel-panel-v3,
body[data-winco-page="analytics"] .shell .intel-brief-v3,
body[data-winco-page="analytics"] .shell .intel-action-v3,
body[data-winco-page="analytics"] .shell .intel-risk-v3,
body[data-winco-page="analytics"] .shell .intel-lever-v3,
body[data-winco-page="analytics"] .shell .intel-visual-card-v3,
body[data-winco-page="analytics"] .shell .intel-table-wrap-v3{
    background:var(--read-surface) !important;
    background-image:none !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    box-shadow:none !important;
    color:var(--read-text) !important;
}

body[data-winco-page="analytics"] .shell .intel-hero-v3{
    padding:22px !important;
}

body[data-winco-page="analytics"] .shell .intel-hero-v3 h1{
    color:var(--read-heading) !important;
    font-size:clamp(30px, 2.6vw, 42px) !important;
    line-height:1.12 !important;
}

body[data-winco-page="analytics"] .shell .intel-hero-v3 p,
body[data-winco-page="analytics"] .shell .intel-panel-head-v3 p,
body[data-winco-page="analytics"] .shell .intel-action-v3 p,
body[data-winco-page="analytics"] .shell .intel-risk-v3 p,
body[data-winco-page="analytics"] .shell .intel-lever-v3 p,
body[data-winco-page="analytics"] .shell .intel-visual-card-v3 p{
    color:var(--read-muted) !important;
}

body[data-winco-page="analytics"] .shell .intel-tag-v3,
body[data-winco-page="analytics"] .shell .intel-badge-v3,
body[data-winco-page="analytics"] .shell .intel-impact-v3,
body[data-winco-page="analytics"] .shell .intel-visual-pill-v3{
    background:var(--read-surface-alt) !important;
    border:1px solid var(--read-border) !important;
    color:var(--read-muted) !important;
    box-shadow:none !important;
}

body[data-winco-page="analytics"] .shell .intel-tag-v3.green,
body[data-winco-page="analytics"] .shell .intel-badge-v3.ok,
body[data-winco-page="analytics"] .shell .intel-badge-v3.success{
    background:var(--read-green-soft) !important;
    border-color:#bfe6d2 !important;
    color:var(--read-green-strong) !important;
}

body[data-winco-page="analytics"] .shell .intel-ring-v3,
body[data-winco-page="analytics"] .shell .intel-donut-v3{
    filter:none !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .intel-v3{
    gap:14px !important;
}

body[data-winco-page] .shell .intel-hero-v3,
body[data-winco-page] .shell .intel-metric-v3,
body[data-winco-page] .shell .intel-panel-v3,
body[data-winco-page] .shell .intel-brief-v3,
body[data-winco-page] .shell .intel-action-v3,
body[data-winco-page] .shell .intel-risk-v3,
body[data-winco-page] .shell .intel-lever-v3,
body[data-winco-page] .shell .intel-visual-card-v3,
body[data-winco-page] .shell .intel-table-wrap-v3{
    background:var(--read-surface) !important;
    background-image:none !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    box-shadow:none !important;
    color:var(--read-text) !important;
    filter:none !important;
    backdrop-filter:none !important;
}

body[data-winco-page] .shell .intel-hero-v3{
    padding:22px !important;
}

body[data-winco-page] .shell .intel-hero-v3 h1{
    color:var(--read-heading) !important;
    font-size:clamp(30px, 2.6vw, 42px) !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
}

body[data-winco-page] .shell .intel-hero-v3 p,
body[data-winco-page] .shell .intel-panel-head-v3 p,
body[data-winco-page] .shell .intel-action-v3 p,
body[data-winco-page] .shell .intel-risk-v3 p,
body[data-winco-page] .shell .intel-lever-v3 p,
body[data-winco-page] .shell .intel-visual-card-v3 p,
body[data-winco-page] .shell .intel-brief-v3 p{
    color:var(--read-muted) !important;
}

body[data-winco-page] .shell .intel-metric-v3 label,
body[data-winco-page] .shell .intel-ring-v3 span,
body[data-winco-page] .shell .intel-donut-v3 span{
    color:var(--read-muted) !important;
}

body[data-winco-page] .shell .intel-metric-v3 strong,
body[data-winco-page] .shell .intel-panel-head-v3 h2,
body[data-winco-page] .shell .intel-action-v3 strong,
body[data-winco-page] .shell .intel-risk-v3 strong,
body[data-winco-page] .shell .intel-lever-v3 strong,
body[data-winco-page] .shell .intel-brief-v3 strong,
body[data-winco-page] .shell .intel-ring-v3 strong,
body[data-winco-page] .shell .intel-donut-v3 strong{
    color:var(--read-heading) !important;
}

body[data-winco-page] .shell .intel-tag-v3,
body[data-winco-page] .shell .intel-badge-v3,
body[data-winco-page] .shell .intel-impact-v3,
body[data-winco-page] .shell .intel-visual-pill-v3,
body[data-winco-page] .shell .intel-priority-v3{
    background:var(--read-surface-alt) !important;
    border:1px solid var(--read-border) !important;
    color:var(--read-muted) !important;
    box-shadow:none !important;
    text-shadow:none !important;
}

body[data-winco-page] .shell .intel-tag-v3.green,
body[data-winco-page] .shell .intel-badge-v3.ok,
body[data-winco-page] .shell .intel-badge-v3.success,
body[data-winco-page] .shell .intel-badge-v3.active{
    background:var(--read-green-soft) !important;
    border-color:#bfe6d2 !important;
    color:var(--read-green-strong) !important;
}

body[data-winco-page] .shell .intel-badge-v3.warning{
    background:var(--read-yellow-soft) !important;
    border-color:#f6d391 !important;
    color:#92400e !important;
}

body[data-winco-page] .shell .intel-badge-v3.critical,
body[data-winco-page] .shell .intel-badge-v3.danger{
    background:var(--read-red-soft) !important;
    border-color:#fecdd3 !important;
    color:#991b1b !important;
}

body[data-winco-page] .shell .intel-score-v3{
    background:var(--read-surface-alt) !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .intel-ring-v3,
body[data-winco-page] .shell .intel-donut-v3{
    background:
        conic-gradient(var(--read-green) calc(var(--score, var(--value, 0)) * 1%), #d9e1e8 0) !important;
    box-shadow:none !important;
    filter:none !important;
}

body[data-winco-page] .shell .intel-ring-v3 > div{
    width:108px !important;
    height:108px !important;
    display:grid !important;
    place-content:center !important;
    padding:10px !important;
    border-radius:999px !important;
    background:var(--read-surface) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .intel-donut-inner-v3{
    background:var(--read-surface) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .intel-ring-v3 span{
    margin-top:2px !important;
    color:var(--read-green-strong) !important;
    -webkit-text-fill-color:var(--read-green-strong) !important;
    font-size:9px !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
}

body[data-winco-page] .shell .intel-mini-bar-v3{
    background:#e4e7ec !important;
}

body[data-winco-page] .shell .intel-mini-bar-v3 span,
body[data-winco-page] .shell .intel-bar-v3 span{
    background:var(--read-green) !important;
    box-shadow:none !important;
}

body[data-winco-page="agenda"] .shell,
body[data-winco-page="agenda"] .winco-agenda-main-v2,
body[data-winco-page="agenda"] .winco-agenda-team-services-final,
body[data-winco-page="agenda"] .winco-agenda-separated-bookings,
body[data-winco-page="agenda"] .winco-agenda-calendar-widget,
body[data-winco-page="agenda"] .winco-day-rules-panel{
    color:var(--read-text) !important;
}

body[data-winco-page="agenda"] .winco-agenda-v2-hero,
body[data-winco-page="agenda"] .winco-agenda-v2-card,
body[data-winco-page="agenda"] .winco-agenda-final-card,
body[data-winco-page="agenda"] .winco-agenda-separated-head,
body[data-winco-page="agenda"] .winco-agenda-separated-card,
body[data-winco-page="agenda"] .winco-agenda-calendar-widget,
body[data-winco-page="agenda"] .winco-agenda-calendar-day-panel,
body[data-winco-page="agenda"] .winco-day-rules-panel,
body[data-winco-page="agenda"] .winco-agenda-v2-slot,
body[data-winco-page="agenda"] .winco-agenda-v2-booking,
body[data-winco-page="agenda"] .winco-agenda-final-row,
body[data-winco-page="agenda"] .winco-agenda-separated-row,
body[data-winco-page="agenda"] .winco-agenda-calendar-team-block,
body[data-winco-page="agenda"] .winco-day-rule-row{
    background:var(--read-surface) !important;
    background-image:none !important;
    border-color:var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    box-shadow:none !important;
    color:var(--read-text) !important;
}

body[data-winco-page="agenda"] .winco-agenda-v2-days label,
body[data-winco-page="agenda"] .winco-agenda-final-tabs a,
body[data-winco-page="agenda"] .winco-agenda-separated-tags span,
body[data-winco-page="agenda"] .winco-booking-datetime span,
body[data-winco-page="agenda"] .winco-booking-datetime-line span,
body[data-winco-page="agenda"] .winco-agenda-calendar-day{
    background:var(--read-surface-alt) !important;
    border-color:var(--read-border) !important;
    color:var(--read-text) !important;
}

body[data-winco-page] .winco-intelligence-quick-access{
    background:var(--read-green) !important;
    border-color:var(--read-green-strong) !important;
    color:#ffffff !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .choose-hero-premium,
body[data-winco-page] .shell .choose-plan-card,
body[data-winco-page] .shell .choose-plan-card.featured,
body[data-winco-page] .shell .choose-plan-card.scale,
body[data-winco-page] .shell .choose-plan-card.enterprise,
body[data-winco-page] .shell .choose-bottom-note{
    background:var(--read-surface) !important;
    background-image:none !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    color:var(--read-text) !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
}

body[data-winco-page] .shell .choose-hero-premium{
    padding:24px !important;
}

body[data-winco-page] .shell .choose-hero-premium h1{
    color:var(--read-heading) !important;
    font-size:clamp(30px, 2.7vw, 42px) !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
}

body[data-winco-page] .shell .choose-hero-premium p,
body[data-winco-page] .shell .choose-plan-desc,
body[data-winco-page] .shell .choose-note,
body[data-winco-page] .shell .choose-bottom-note{
    color:var(--read-muted) !important;
    line-height:1.55 !important;
}

body[data-winco-page] .shell .choose-bottom-note{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    flex-wrap:wrap !important;
}

body[data-winco-page] .shell .choose-bottom-note span{
    flex:1 1 360px !important;
    min-width:0 !important;
}

body[data-winco-page] .shell .choose-plan-card{
    min-height:500px !important;
    padding:20px !important;
    overflow:hidden !important;
    transition:none !important;
}

body[data-winco-page] .shell .choose-plan-card:hover{
    transform:none !important;
    border-color:var(--read-border-strong) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .choose-plan-card::before,
body[data-winco-page] .shell .choose-plan-card::after{
    display:none !important;
    content:none !important;
}

body[data-winco-page] .shell .choose-plan-card h2,
body[data-winco-page] .shell .choose-price{
    color:var(--read-heading) !important;
    letter-spacing:0 !important;
}

body[data-winco-page] .shell .choose-price{
    font-size:clamp(26px, 2vw, 32px) !important;
    line-height:1.12 !important;
}

body[data-winco-page] .shell .choose-price small{
    color:var(--read-muted) !important;
}

body[data-winco-page] .shell .choose-feature-list{
    color:var(--read-text) !important;
    gap:9px !important;
    font-size:13px !important;
    line-height:1.4 !important;
}

body[data-winco-page] .shell .choose-feature-list li{
    color:var(--read-text) !important;
}

body[data-winco-page] .shell .choose-feature-list li::before{
    background:#22c55e !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .choose-pill,
body[data-winco-page] .shell .choose-plan-badge,
body[data-winco-page] .shell .choose-plan-card.featured .choose-plan-badge,
body[data-winco-page] .shell .choose-plan-card.scale .choose-plan-badge,
body[data-winco-page] .shell .choose-plan-card.enterprise .choose-plan-badge{
    background:var(--read-green-soft) !important;
    border:1px solid #bfe6d2 !important;
    color:var(--read-green-strong) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .choose-plan-icon{
    width:42px !important;
    height:42px !important;
    border-radius:var(--read-radius) !important;
    background:var(--read-surface-alt) !important;
    background-image:none !important;
    border:1px solid var(--read-border) !important;
    color:var(--read-green) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .choose-scale-note{
    border:1px solid #b7e1ef !important;
    border-radius:var(--read-radius) !important;
    background:#ecfeff !important;
    color:#155e75 !important;
}

body[data-winco-page] .shell .choose-plan-action .btn{
    width:100% !important;
    border-radius:var(--read-radius) !important;
    justify-content:center !important;
}

@media(max-width:920px){
    body[data-winco-page] .shell{
        width:calc(100vw - 24px) !important;
        max-width:calc(100vw - 24px) !important;
        padding-top:12px !important;
    }

    body[data-winco-page] .topbar{
        align-items:flex-start !important;
    }

    body[data-winco-page] .shell h1{
        font-size:28px !important;
    }
}

@media(max-width:620px){
    body[data-winco-page] .topbar{
        display:grid !important;
    }

    body[data-winco-page] .nav{
        width:100% !important;
    }

    body[data-winco-page] .nav .btn,
    body[data-winco-page] .topbar .btn{
        flex:1 1 auto !important;
        justify-content:center !important;
    }
}

/* WINCO_RUNTIME_LEGACY_SURFACE_NORMALIZE_V1 */
body[data-winco-page] .shell .winco-decision-settings-card,
body[data-winco-page] .shell .winco-operation-modules-card,
body[data-winco-page] .shell .winco-operation-modules-status-card,
body[data-winco-page] .shell .winco-runtime-quick-panel{
    background:var(--read-surface) !important;
    background-image:none !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    color:var(--read-text) !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

body[data-winco-page] .shell .winco-decision-settings-head strong,
body[data-winco-page] .shell .winco-operation-modules-title,
body[data-winco-page] .shell .winco-operation-modules-status-title,
body[data-winco-page] .shell .winco-runtime-quick-title,
body[data-winco-page] .shell .winco-runtime-quick-label{
    color:var(--read-heading) !important;
    letter-spacing:0 !important;
}

body[data-winco-page] .shell .winco-decision-settings-head span,
body[data-winco-page] .shell .winco-operation-modules-subtitle,
body[data-winco-page] .shell .winco-operation-modules-status-subtitle,
body[data-winco-page] .shell .winco-module-toggle span,
body[data-winco-page] .shell .winco-runtime-quick-result{
    color:var(--read-muted) !important;
    line-height:1.5 !important;
}

body[data-winco-page] .shell .winco-decision-pill,
body[data-winco-page] .shell .winco-operation-modules-pill,
body[data-winco-page] .shell .winco-operation-modules-status-link,
body[data-winco-page] .shell .winco-operation-module-status-pill,
body[data-winco-page] .shell .winco-runtime-quick-state{
    background:var(--read-green-soft) !important;
    border:1px solid #bfe6d2 !important;
    color:var(--read-green-strong) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .winco-decision-field select,
body[data-winco-page] .shell .winco-runtime-quick-message{
    background:#ffffff !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    color:var(--read-text) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .winco-decision-field select option{
    background:#ffffff !important;
    color:var(--read-text) !important;
}

body[data-winco-page] .shell .winco-decision-switch,
body[data-winco-page] .shell .winco-module-toggle,
body[data-winco-page] .shell .winco-operation-module-status-item,
body[data-winco-page] .shell .winco-runtime-quick-audit span,
body[data-winco-page] .shell .winco-media-lock-note{
    background:var(--read-surface-alt) !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    color:var(--read-text) !important;
    box-shadow:none !important;
}

body[data-winco-page] .shell .winco-operation-modules-save{
    background:var(--read-green) !important;
    border:1px solid var(--read-green-strong) !important;
    border-radius:var(--read-radius) !important;
    color:#ffffff !important;
    box-shadow:none !important;
}

/* WINCO_INTERNAL_OPERATION_READABILITY_V5 */
body[data-winco-page="operation-overview"]{
    background:#f3f6fa !important;
    color:var(--read-text) !important;
}

body[data-winco-page="operation-overview"] .shell .op-os,
body[data-winco-page="operation-overview"] .shell .studio-grid,
body[data-winco-page="operation-overview"] .shell .studio-form{
    color:var(--read-text) !important;
}

body[data-winco-page="operation-overview"] .shell .op-hero,
body[data-winco-page="operation-overview"] .shell .op-status-card,
body[data-winco-page="operation-overview"] .shell .op-panel,
body[data-winco-page="operation-overview"] .shell .op-action-card,
body[data-winco-page="operation-overview"] .shell .op-lead-card,
body[data-winco-page="operation-overview"] .shell .op-side-card,
body[data-winco-page="operation-overview"] .shell .op-resource,
body[data-winco-page="operation-overview"] .shell .studio-hero,
body[data-winco-page="operation-overview"] .shell .studio-side,
body[data-winco-page="operation-overview"] .shell .studio-form,
body[data-winco-page="operation-overview"] .shell .studio-section,
body[data-winco-page="operation-overview"] .shell .studio-step,
body[data-winco-page="operation-overview"] .shell .studio-lock,
body[data-winco-page="operation-overview"] .shell .studio-success{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:var(--read-text) !important;
}

body[data-winco-page="operation-overview"] .shell .op-hero,
body[data-winco-page="operation-overview"] .shell .studio-hero{
    background:linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%) !important;
    border-color:#d8e3dc !important;
    padding:28px !important;
}

body[data-winco-page="operation-overview"] .shell .op-hero::before,
body[data-winco-page="operation-overview"] .shell .op-hero::after,
body[data-winco-page="operation-overview"] .shell .op-action-card::before,
body[data-winco-page="operation-overview"] .shell .op-action-card::after,
body[data-winco-page="operation-overview"] .shell .studio-hero::before,
body[data-winco-page="operation-overview"] .shell .studio-hero::after{
    display:none !important;
    content:none !important;
}

body[data-winco-page="operation-overview"] .shell .op-hero h1,
body[data-winco-page="operation-overview"] .shell .op-panel-head h2,
body[data-winco-page="operation-overview"] .shell .op-action-card h3,
body[data-winco-page="operation-overview"] .shell .op-status-card strong,
body[data-winco-page="operation-overview"] .shell .op-side-card strong,
body[data-winco-page="operation-overview"] .shell .op-resource strong,
body[data-winco-page="operation-overview"] .shell .studio-hero h1,
body[data-winco-page="operation-overview"] .shell .studio-section h2,
body[data-winco-page="operation-overview"] .shell .studio-step strong{
    color:var(--read-heading) !important;
    -webkit-text-fill-color:var(--read-heading) !important;
    letter-spacing:0 !important;
}

body[data-winco-page="operation-overview"] .shell .op-hero p,
body[data-winco-page="operation-overview"] .shell .op-panel-head p,
body[data-winco-page="operation-overview"] .shell .op-action-card p,
body[data-winco-page="operation-overview"] .shell .op-status-card small,
body[data-winco-page="operation-overview"] .shell .op-side-card span,
body[data-winco-page="operation-overview"] .shell .op-resource span,
body[data-winco-page="operation-overview"] .shell .studio-hero p,
body[data-winco-page="operation-overview"] .shell .studio-step span,
body[data-winco-page="operation-overview"] .shell .studio-field label{
    color:var(--read-muted) !important;
    line-height:1.55 !important;
}

body[data-winco-page="operation-overview"] .shell .op-pill,
body[data-winco-page="operation-overview"] .shell .studio-pill,
body[data-winco-page="operation-overview"] .shell .op-badge,
body[data-winco-page="operation-overview"] .shell .op-card-label{
    background:var(--read-green-soft) !important;
    border:1px solid #bfe6d2 !important;
    color:var(--read-green-strong) !important;
    box-shadow:none !important;
}

body[data-winco-page="operation-overview"] .shell .op-pill.soft{
    background:var(--read-surface-alt) !important;
    border-color:var(--read-border) !important;
    color:var(--read-muted) !important;
}

body[data-winco-page="operation-overview"] .shell .op-action-icon{
    background:var(--read-green-soft) !important;
    border:1px solid #bfe6d2 !important;
    color:var(--read-green) !important;
    box-shadow:none !important;
}

body[data-winco-page="operation-overview"] .shell .studio-form input,
body[data-winco-page="operation-overview"] .shell .studio-form select,
body[data-winco-page="operation-overview"] .shell .studio-form textarea{
    background:#ffffff !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    color:var(--read-text) !important;
    box-shadow:none !important;
    outline:none !important;
}

body[data-winco-page="operation-overview"] .shell .studio-form input:focus,
body[data-winco-page="operation-overview"] .shell .studio-form select:focus,
body[data-winco-page="operation-overview"] .shell .studio-form textarea:focus{
    border-color:#9fd2b8 !important;
    box-shadow:0 0 0 3px rgba(19,121,91,.10) !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules){
    background:#f3f6fa !important;
    color:var(--read-text) !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules) .shell,
body[data-winco-page="agenda"]:has(#agenda-day-rules) main,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-shell{
    color:var(--read-text) !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-hero,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-card,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-state,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-slot,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-booking,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-reserved-wrap,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-days-side-v2,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-team-services-final,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-final-card,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-separated-bookings,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-separated-card,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-calendar-widget,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-calendar-day-panel,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-day-rules-panel,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-day-rule-row{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    box-shadow:none !important;
    color:var(--read-text) !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-hero{
    background:linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%) !important;
    border-color:#d8e3dc !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules) h1,
body[data-winco-page="agenda"]:has(#agenda-day-rules) h2,
body[data-winco-page="agenda"]:has(#agenda-day-rules) h3,
body[data-winco-page="agenda"]:has(#agenda-day-rules) strong{
    color:var(--read-heading) !important;
    -webkit-text-fill-color:var(--read-heading) !important;
    letter-spacing:0 !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules) p,
body[data-winco-page="agenda"]:has(#agenda-day-rules) small,
body[data-winco-page="agenda"]:has(#agenda-day-rules) label span,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-state span,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-days-side-v2-head span,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-days-side-v2-head small{
    color:var(--read-muted) !important;
    line-height:1.55 !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules) input,
body[data-winco-page="agenda"]:has(#agenda-day-rules) select,
body[data-winco-page="agenda"]:has(#agenda-day-rules) textarea{
    background:#ffffff !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    color:var(--read-text) !important;
    box-shadow:none !important;
    outline:none !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules) input:focus,
body[data-winco-page="agenda"]:has(#agenda-day-rules) select:focus,
body[data-winco-page="agenda"]:has(#agenda-day-rules) textarea:focus{
    border-color:#9fd2b8 !important;
    box-shadow:0 0 0 3px rgba(19,121,91,.10) !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-days label,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-days-side-v2-list span,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-slot-summary span,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-day-rules-shortcuts,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-day-rules-helper{
    background:var(--read-surface-alt) !important;
    border:1px solid var(--read-border) !important;
    border-radius:var(--read-radius) !important;
    color:var(--read-text) !important;
    box-shadow:none !important;
}

body[data-winco-page="agenda"]:has(#agenda-day-rules) button,
body[data-winco-page="agenda"]:has(#agenda-day-rules) button[type="submit"],
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-agenda-v2-save,
body[data-winco-page="agenda"]:has(#agenda-day-rules) .winco-day-rules-list-head button{
    background:var(--read-green) !important;
    border:1px solid var(--read-green-strong) !important;
    border-radius:var(--read-radius) !important;
    color:#ffffff !important;
    box-shadow:none !important;
    font-weight:800 !important;
}