:root {
    --bg: #071522;
    --bg-2: #0d1e2e;
    --surface: rgba(12, 29, 45, 0.78);
    --surface-2: rgba(16, 39, 60, 0.86);
    --surface-light: rgba(255, 255, 255, 0.92);
    --panel: rgba(255, 255, 255, 0.08);
    --panel-strong: rgba(255, 255, 255, 0.13);
    --border: rgba(156, 190, 219, 0.22);
    --border-strong: rgba(95, 224, 202, 0.34);
    --text: #e9f4ff;
    --text-dark: #102235;
    --muted: #a8bbce;
    --muted-2: #6f8398;
    --primary: #0f6ff2;
    --primary-dark: #063a82;
    --cyan: #15d1c3;
    --cyan-soft: rgba(21, 209, 195, .16);
    --orange: #ff9e3d;
    --orange-soft: rgba(255, 158, 61, .16);
    --success: #56d287;
    --advanced: #7cc5ff;
    --danger: #ff6571;
    --shadow: 0 28px 90px rgba(0, 0, 0, 0.34);
    --shadow-soft: 0 18px 48px rgba(0, 0, 0, 0.22);
    --radius: 30px;
    --radius-sm: 18px;
    --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    font-family: var(--font);
    font-size: 14px;
    line-height: 1.58;
    color: var(--text);
    background:
        radial-gradient(circle at 12% -10%, rgba(21,209,195,.32), transparent 28rem),
        radial-gradient(circle at 86% 6%, rgba(15,111,242,.34), transparent 32rem),
        radial-gradient(circle at 52% 70%, rgba(255,158,61,.11), transparent 28rem),
        linear-gradient(135deg, #06121e 0%, #0b1d2d 46%, #102a3d 100%);
    overflow-x: hidden;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -2;
    background-image:
        linear-gradient(rgba(145, 197, 239, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(145, 197, 239, .05) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.58) 58%, transparent 100%);
}
body::after {
    content: "";
    position: fixed;
    inset: auto -12% -18% -12%;
    height: 42vh;
    pointer-events: none;
    z-index: -1;
    background: radial-gradient(closest-side, rgba(21,209,195,.13), transparent 72%);
    filter: blur(28px);
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }

.glass-panel,
.glass-card,
.auth-panel,
.glass-panel-soft {
    background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.055));
    border: 1px solid var(--border);
    box-shadow: var(--shadow-soft);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border-radius: var(--radius);
}

.site-header {
    width: min(1240px, calc(100% - 36px));
    margin: 18px auto 0;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    position: sticky;
    top: 16px;
    z-index: 40;
    color: var(--text);
    background: rgba(8, 21, 34, .82);
    border-color: rgba(156,190,219,.26);
}
.site-header::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(21,209,195,.12), transparent 32%, rgba(15,111,242,.10));
}
.brand, .brand-mini {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: max-content;
}
.brand-mark {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: linear-gradient(135deg, #0f6ff2 0%, #15d1c3 100%);
    color: white;
    font-weight: 850;
    font-size: 12px;
    letter-spacing: .08em;
    box-shadow: 0 16px 42px rgba(15,111,242,.34), inset 0 1px rgba(255,255,255,.4);
}
.brand strong, .brand-mini strong { display: block; font-size: 14px; letter-spacing: -.02em; color: #fff; }
.brand small, .brand-mini small { display: block; color: var(--muted); font-size: 11px; margin-top: -2px; }

.nav-main {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(156,190,219,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.035);
}
.nav-main a {
    padding: 9px 12px;
    border-radius: 999px;
    color: #c5d5e6;
    font-size: 12px;
    font-weight: 740;
    white-space: nowrap;
}
.nav-main a:hover { background: rgba(255,255,255,.08); color: #fff; }
.header-actions {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 9px;
}
.language-switcher {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px;
    border: 1px solid rgba(156,190,219,.18);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
}
.language-switcher a {
    font-size: 10px;
    color: var(--muted);
    padding: 5px 7px;
    border-radius: 999px;
    font-weight: 800;
}
.language-switcher a.is-active { background: rgba(255,255,255,.95); color: var(--text-dark); box-shadow: 0 8px 24px rgba(0,0,0,.18); }

.btn {
    border: 1px solid rgba(156,190,219,.24);
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 820;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.btn-primary {
    color: #06121e;
    background: linear-gradient(135deg, #18dbc9, #72f0df);
    border-color: transparent;
    box-shadow: 0 18px 36px rgba(21,209,195,.20);
}
.btn-ghost { background: rgba(255,255,255,.08); color: #e7f4ff; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(0,0,0,.22); }
.btn-mini { min-height: 31px; padding: 6px 10px; font-size: 11px; }

.site-main {
    width: min(1240px, calc(100% - 36px));
    margin: 34px auto 76px;
}

.section-label,
.eyebrow {
    color: #64f4e3;
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 880;
    margin-bottom: 12px;
}
h1, h2, h3 { margin: 0 0 12px; letter-spacing: -.035em; line-height: 1.06; }
h1 { font-size: clamp(38px, 5vw, 72px); max-width: 900px; font-weight: 820; }
h2 { font-size: 23px; font-weight: 800; }
h3 { font-size: 16px; font-weight: 820; }
p { color: var(--muted); margin: 0 0 18px; }
.muted-text, .muted { color: var(--muted); font-size: 13px; }

.hero {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 24px;
    align-items: stretch;
    min-height: 640px;
}
.hero-content {
    position: relative;
    overflow: hidden;
    padding: clamp(36px, 5vw, 74px);
    background:
        linear-gradient(90deg, rgba(6,18,30,.90), rgba(6,18,30,.72) 48%, rgba(6,18,30,.88)),
        url('../img/corporate-code-hero.png') left center / cover no-repeat;
    border-color: rgba(113, 221, 255, .22);
}
.hero-content::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -120px;
    bottom: -120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(21,209,195,.24), transparent 68%);
    filter: blur(12px);
}
.hero-content > * { position: relative; z-index: 1; }
.hero h1 span,
.text-gradient {
    color: #fff;
    background: linear-gradient(135deg, #fff 0%, #7ceee2 45%, #84baff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.hero p { font-size: 16px; max-width: 710px; color: #c2d2e3; }
.hero-actions { display: flex; gap: 11px; flex-wrap: wrap; margin-top: 28px; }
.hero-side {
    overflow: hidden;
    padding: 24px;
    display: flex;
    flex-direction: column;
    min-height: 640px;
    background: linear-gradient(160deg, rgba(13,32,51,.96), rgba(16,42,64,.78));
    border-color: rgba(21,209,195,.24);
}
.hero-orbit {
    position: relative;
    min-height: 325px;
    border-radius: 26px;
    border: 1px solid rgba(156,190,219,.17);
    background: radial-gradient(circle at 50% 45%, rgba(21,209,195,.16), transparent 18%), rgba(2,12,22,.36);
    overflow: hidden;
}
.hero-orbit::before,
.hero-orbit::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    width: 520px; height: 230px;
    border: 1px solid rgba(21,209,195,.22);
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(-12deg);
}
.hero-orbit::after {
    width: 360px; height: 160px;
    border-color: rgba(255,158,61,.25);
    transform: translate(-50%, -50%) rotate(19deg);
}
.orbit-core {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 120px; height: 120px;
    border-radius: 32px;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #0f6ff2, #15d1c3);
    box-shadow: 0 30px 80px rgba(21,209,195,.26);
    font-weight: 900;
    letter-spacing: .08em;
}
.orbit-node {
    position: absolute;
    width: 12px; height: 12px;
    border-radius: 999px;
    background: var(--cyan);
    box-shadow: 0 0 0 8px rgba(21,209,195,.12), 0 0 32px rgba(21,209,195,.55);
}
.orbit-node.one { left: 20%; top: 28%; }
.orbit-node.two { right: 18%; top: 39%; background: #7cc5ff; }
.orbit-node.three { left: 31%; bottom: 20%; background: var(--orange); }
.hero-side-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 18px; }
.live-dot { display: inline-flex; align-items: center; gap: 8px; color: #eaffff; font-weight: 820; font-size: 12px; }
.live-dot::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 7px rgba(86,210,135,.14); }
.signal-panel {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(156,190,219,.18);
    border-radius: 22px;
    background: rgba(255,255,255,.07);
}
.signal-panel strong { display: block; margin-bottom: 7px; }
.hero-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: auto;
}
.hero-metrics div,
.metric-card,
.dashboard-summary div,
.integration-chip,
.product-card,
.capability-card,
.automation-row,
.form-section,
.company-data-cell,
.map-company-item {
    background: linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.065));
    border: 1px solid rgba(156,190,219,.18);
    border-radius: var(--radius-sm);
}
.hero-metrics div { padding: 14px; }
.hero-metrics strong,
.metric-card strong,
.dashboard-summary strong { display: block; color: #fff; font-size: 21px; letter-spacing: -.04em; }
.hero-metrics span,
.metric-card span,
.dashboard-summary span { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
.metric-card { padding: 18px; }
.metric-card strong { font-size: 34px; }
.cert-preview { display: flex; gap: 12px; margin: 24px 0; }
.cert-badge { width: 28px; height: 28px; border-radius: 9px; display: inline-flex; border: 1px solid var(--border); box-shadow: inset 0 1px rgba(255,255,255,.6), 0 10px 22px rgba(0,0,0,.08); }
.cert-none { background: rgba(255,255,255,.20); }
.cert-basic { background: linear-gradient(135deg, rgba(86,210,135,.95), rgba(131,229,166,.70)); }
.cert-advanced { background: linear-gradient(135deg, rgba(124,197,255,.98), rgba(190,219,245,.76)); }

.platform-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    margin: 24px 0;
    border: 1px solid rgba(156,190,219,.18);
    border-radius: 24px;
    background: rgba(156,190,219,.17);
}
.platform-strip div { padding: 22px; background: rgba(5,17,30,.58); }
.platform-strip strong { display: block; font-size: 14px; color: #fff; }
.platform-strip span { display: block; color: var(--muted); font-size: 12px; margin-top: 5px; }

.feature-grid,
.pricing-grid,
.company-grid,
.dashboard-grid,
.capability-grid,
.integration-grid,
.product-grid,
.ops-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}
.pricing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.feature-card,
.price-card,
.company-card,
.capability-card,
.product-card {
    padding: 24px;
    position: relative;
    overflow: hidden;
}
.feature-card::before,
.price-card::before,
.product-card::before,
.capability-card::before,
.company-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--cyan), var(--primary), var(--orange));
    opacity: .78;
}
.feature-card h2, .price-card h2, .company-card h2, .capability-card h3, .product-card h3 { color: #fff; }
.feature-card p, .price-card p, .company-card p, .capability-card p, .product-card p { color: var(--muted); }
.card-index {
    display: inline-flex;
    width: 34px; height: 34px;
    align-items: center; justify-content: center;
    border-radius: 12px;
    background: rgba(21,209,195,.13);
    color: #65fff0;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 14px;
}
.integration-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.integration-chip { padding: 18px; }
.integration-chip strong { display: block; color: #fff; margin-bottom: 6px; }
.integration-chip span { color: var(--muted); font-size: 12px; }

.page-heading,
.dashboard-heading {
    margin-bottom: 24px;
    max-width: 980px;
}
.page-heading h1,
.dashboard-heading h1 { font-size: clamp(34px, 4.8vw, 62px); font-weight: 790; }
.dashboard-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    max-width: 100%;
}
.dashboard-heading p { max-width: 760px; }
.dashboard-heading-actions,
.form-actions,
.button-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

.search-panel,
.map-filter {
    padding: 13px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}
.map-filter { grid-template-columns: 1.3fr .75fr .75fr auto; align-items: end; margin-bottom: 18px; }
.map-filter label span,
.form-grid label span,
.form-stack label span,
.category-picker > span { display: block; color: var(--muted); font-size: 11px; margin-bottom: 6px; font-weight: 760; }
input, select, textarea {
    width: 100%;
    border: 1px solid rgba(156,190,219,.23);
    border-radius: 15px;
    background: rgba(255,255,255,.08);
    padding: 12px 14px;
    color: #eaf5ff;
    outline: none;
    font: inherit;
    font-size: 13px;
}
input::placeholder, textarea::placeholder { color: rgba(205,220,235,.54); }
input:focus, select:focus, textarea:focus { border-color: rgba(21,209,195,.55); box-shadow: 0 0 0 4px rgba(21,209,195,.10); }
select option { color: #102235; background: #fff; }
textarea { resize: vertical; min-height: 92px; }

.price { font-size: 40px; font-weight: 850; margin: 18px 0; letter-spacing: -.06em; color: #fff; }
.price span { font-size: 12px; color: var(--muted); font-weight: 600; }
.feature-list { margin: 0 0 18px; padding-left: 18px; color: var(--muted); font-size: 12px; }
.feature-list li { margin: 7px 0; }

.site-footer.glass-panel,
.site-footer {
    width: min(1240px, calc(100% - 36px));
    margin: 40px auto 28px;
    padding: 26px;
    display: grid;
    grid-template-columns: 1fr 1.7fr auto;
    align-items: start;
    gap: 28px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.66;
    background: rgba(6, 18, 30, .80);
    border: 1px solid rgba(156,190,219,.20);
    box-shadow: var(--shadow-soft);
    border-radius: var(--radius);
}
.footer-brand-block strong,
.footer-operator-block strong { display: block; color: #fff; margin-bottom: 4px; font-size: 13px; }
.footer-links { justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; gap: 8px 14px; min-width: 210px; display: flex; }
.footer-links a { color: var(--muted); font-weight: 700; }
.footer-links a:hover { color: #fff; }
.footer-dot { margin: 0 6px; color: var(--muted-2); }

.auth-body { display: grid; place-items: center; padding: 32px 18px; }
.auth-shell { width: min(540px, 100%); }
.auth-card, .auth-panel { padding: 34px; }
.wide-auth-card { width: min(800px, calc(100vw - 36px)); margin-left: 50%; transform: translateX(-50%); }
.form-stack, .form-grid { display: grid; gap: 14px; }
.form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-wide, .form-submit { grid-column: 1 / -1; }
.checkbox-line { display: flex; gap: 9px; align-items: center; }
.checkbox-line input { width: auto; }
.form-inline-button { align-self: end; }
.registry-prefill-status { align-self: end; min-height: 38px; display: flex; align-items: center; color: var(--muted); font-size: 12px; line-height: 1.35; padding: 8px 2px; }
.registry-prefill-status.is-loading, [data-registry-status].is-loading { color: var(--cyan); }
.registry-prefill-status.is-success, [data-registry-status].is-success { color: var(--success); font-weight: 700; }
.registry-prefill-status.is-error, [data-registry-status].is-error { color: var(--danger); font-weight: 700; }
.prefill-card { border: 1px solid rgba(156,190,219,.20); background: rgba(255,255,255,.08); border-radius: 16px; padding: 10px; display: flex; gap: 10px; align-items: center; justify-content: space-between; }
.prefill-card small { color: var(--muted); font-size: 11px; line-height: 1.35; }
button[disabled] { opacity: .62; cursor: progress; transform: none !important; }

.alert { margin: 0 0 18px; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--border); background: rgba(255,255,255,.08); color: var(--text); font-size: 13px; box-shadow: var(--shadow-soft); }
.alert-success { border-color: rgba(86,210,135,.34); }
.alert-error { border-color: rgba(255,101,113,.34); }
.alert-info { border-color: rgba(21,209,195,.28); }
.empty-state { margin-top: 24px; padding: 28px; max-width: 760px; }
.empty-state h2 { font-size: 24px; }

.dashboard-shell {
    width: min(1460px, calc(100% - 28px));
    margin: 22px auto 0;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 292px 1fr;
    gap: 20px;
}
.sidebar {
    padding: 18px;
    position: sticky;
    top: 94px;
    height: calc(100vh - 112px);
    overflow: auto;
    background: rgba(6,18,30,.82);
}
.sidebar-nav { display: grid; gap: 6px; margin-top: 28px; }
.sidebar-nav a,
.sidebar-nav .nav-label {
    padding: 10px 12px;
    border-radius: 14px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 720;
}
.sidebar-nav a:hover { background: rgba(255,255,255,.08); color: #fff; }
.sidebar-nav a.is-emphasis { color: #071522; background: linear-gradient(135deg, #18dbc9, #88f5e9); }
.sidebar-separator { height: 1px; margin: 8px 0; background: rgba(156,190,219,.16); }
.nav-label { color: #6ff3e6 !important; text-transform: uppercase; letter-spacing: .11em; font-size: 10px !important; padding-bottom: 3px !important; }
.dashboard-main { padding: 24px 4px 58px; }
.dashboard-summary { padding: 18px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
.dashboard-summary div { padding: 14px; }
.dashboard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.clickable-card { display: block; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.clickable-card:hover { transform: translateY(-3px); background: rgba(255,255,255,.14); }

.command-center {
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    gap: 18px;
    margin: 22px 0;
}
.command-card { padding: 24px; overflow: hidden; position: relative; }
.command-card::after { content:""; position:absolute; right:-90px; top:-90px; width:260px; height:260px; border-radius:50%; background: radial-gradient(circle, rgba(21,209,195,.18), transparent 70%); }
.command-list { display: grid; gap: 10px; margin-top: 18px; }
.automation-row { padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.automation-row strong { display: block; color: #fff; font-size: 13px; }
.automation-row span { color: var(--muted); font-size: 11px; }
.status-pill { display: inline-flex; align-items: center; gap: 7px; border-radius: 999px; padding: 6px 9px; background: rgba(86,210,135,.13); color: #96ffc0; font-size: 10px; font-weight: 860; white-space: nowrap; }
.status-pill::before { content:""; width:7px; height:7px; border-radius:50%; background: currentColor; }

.edit-form { padding: clamp(20px, 3vw, 32px); display: grid; gap: 24px; }
.form-section { padding: 20px; }
.form-section h2 { font-size: 18px; margin-bottom: 14px; color: #fff; }
.compact-options { display: grid; gap: 12px; }
.category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.category-option { display: flex; gap: 9px; align-items: center; padding: 10px 12px; border: 1px solid rgba(156,190,219,.20); border-radius: 14px; background: rgba(255,255,255,.07); color: var(--text); font-size: 12px; }
.category-option input { width: auto; }
.category-option strong { font-size: 12px; }

.table-panel { margin-top: 22px; padding: clamp(18px, 3vw, 28px); }
.table-panel-head, .section-head-row, .split-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 16px; }
.responsive-table, .table-wrap { overflow-x: auto; width: 100%; }
table, .data-table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 820px; font-size: 12px; }
th, td, .data-table th, .data-table td { text-align: left; padding: 12px 12px; border-bottom: 1px solid rgba(156,190,219,.16); vertical-align: top; }
th, .data-table th { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; font-weight: 850; }
td strong { color: #fff; font-size: 12px; }
.data-table tr:last-child td { border-bottom: 0; }
.table-actions { display: flex; gap: 8px; align-items: center; }
.table-actions form { margin: 0; }
.pill { color: #dff8ff; font-size: 11px; border: 1px solid rgba(156,190,219,.22); border-radius: 999px; padding: 5px 9px; background: rgba(255,255,255,.08); font-weight: 720; }
.inline-link { font-size: 12px; font-weight: 800; color: #79f5ea; }

.company-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.company-detail { padding: clamp(28px, 5vw, 56px); }
.company-detail h1, .company-detail-modern h1 { font-size: clamp(34px, 5vw, 58px); }
.company-detail-modern { max-width: 1120px; margin: 0 auto 42px; }
.company-category-line { color: var(--muted); font-size: 15px; margin: 0 0 22px; }
.company-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 28px; }
.company-detail-section { margin-top: 22px; }
.company-detail-section h2 { margin-bottom: 12px; font-size: 20px; }
.company-description-card, .company-address-card, .claim-note { padding: 18px 20px; border: 1px solid rgba(156,190,219,.18); border-radius: 22px; background: rgba(255,255,255,.08); }
.company-description-card p, .company-address-card p, .claim-note p { margin: 0; color: var(--muted); line-height: 1.68; }
.company-data-grid, .modern-company-data-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.company-data-cell { min-width: 0; padding: 14px 15px; }
.company-data-cell span { display: block; color: var(--muted); font-size: 11px; line-height: 1.25; margin-bottom: 7px; }
.company-data-cell strong { display: block; color: #fff; font-size: 13px; line-height: 1.35; font-weight: 790; overflow-wrap: anywhere; }
.company-data-cell a { color: #79f5ea; }
.company-data-cell-wide { grid-column: span 2; }

.map-heading { max-width: 920px; }
.map-provider-pill { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 8px 10px; border: 1px solid rgba(156,190,219,.20); border-radius: 999px; background: rgba(255,255,255,.06); color: var(--muted); font-size: 11px; }
.map-provider-pill strong { color: #fff; }
.map-layout { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 18px; align-items: start; }
.map-card { padding: 14px; overflow: hidden; min-height: 760px; }
.bo-map { display: block; width: 100%; height: min(78vh, 780px); min-height: 680px; border-radius: 24px; overflow: hidden; border: 1px solid rgba(156,190,219,.18); background: rgba(255,255,255,.08); isolation: isolate; }
.map-note { padding: 11px 4px 2px; color: var(--muted); font-size: 12px; }
.map-results { padding: 18px; max-height: none; display: flex; flex-direction: column; gap: 12px; overflow: visible; }
.map-results-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid rgba(156,190,219,.16); }
.map-results-head span { color: var(--muted); font-size: 12px; }
.map-results-head strong { font-size: 26px; letter-spacing: -.05em; color: #fff; }
.map-company-list { display: grid; gap: 9px; max-height: 560px; overflow: auto; padding-right: 3px; }
.map-company-item { text-align: left; padding: 12px; cursor: pointer; font: inherit; color: var(--text); transition: .18s ease; }
.map-company-item:hover, .map-company-item.is-active { transform: translateY(-1px); background: rgba(255,255,255,.14); box-shadow: var(--shadow-soft); }
.map-company-name { display: block; font-size: 13px; font-weight: 820; margin-bottom: 4px; color: #fff; }
.map-company-meta { display: block; font-size: 11px; color: var(--muted); }
.map-empty { margin: 0; padding: 18px; }
.map-selected-company-card { position: sticky; top: 92px; z-index: 3; padding: 16px; border: 1px solid rgba(21,209,195,.25); border-radius: 20px; background: rgba(6,18,30,.92); box-shadow: var(--shadow-soft); }
.map-selected-company-card[hidden] { display: none !important; }
.map-side-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 10px; }
.map-side-kicker { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; margin-bottom: 4px; }
.map-side-card-head strong { display: block; font-size: 16px; line-height: 1.2; letter-spacing: -.025em; }
.map-side-country, .map-popup-country { flex: 0 0 auto; display: inline-flex !important; align-items: center; justify-content: center; min-width: 30px; height: 26px; padding: 0 9px; border-radius: 999px; border: 1px solid var(--border); background: rgba(247,249,251,.10); color: var(--muted) !important; font-size: 10px !important; font-weight: 850; }
.map-side-category, .map-popup-category { display: inline-flex !important; width: auto; margin-bottom: 10px; padding: 5px 9px; border-radius: 999px; border: 1px solid var(--border); background: rgba(255,255,255,.08); color: var(--text) !important; font-size: 11px !important; font-weight: 780; }
.map-side-line { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 10px; padding: 6px 0; border-top: 1px solid rgba(156,190,219,.13); font-size: 12px; }
.map-side-line span { color: var(--muted); }
.map-side-line b { color: #fff; font-weight: 760; overflow-wrap: anywhere; }
.map-side-line a { color: #79f5ea; }
.map-side-actions { display: flex; gap: 8px; margin-top: 14px; }
.leaflet-container { font-family: var(--font); color: #162438; }
.map-popup { min-width: 210px; font-family: var(--font); }
.map-popup strong { display: block; font-size: 14px; margin-bottom: 4px; color: #172434; }
.map-popup span, .map-popup p, .map-popup em { color: #617082; }
.map-popup a { font-size: 12px; font-weight: 800; color: #0f6ff2; }
.leaflet-popup-content-wrapper { border-radius: 18px; box-shadow: 0 18px 50px rgba(31,41,51,.22); }

.ai-conversation-block { padding: 16px; border: 1px solid rgba(156,190,219,.18); border-radius: var(--radius-sm); background: rgba(255,255,255,.08); margin-top: 12px; }
.ai-conversation-block strong { display: block; margin-bottom: 8px; color: #fff; }
.ai-conversation-block p { white-space: normal; margin-bottom: 0; }
.ai-response { background: rgba(21,209,195,.08); }
.answer-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.chat-shell { padding: 22px; max-width: 820px; }
.chat-message { padding: 14px 16px; border-radius: 18px; background: rgba(255,255,255,.08); color: var(--text); margin-bottom: 16px; }
.chat-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; }

.fade-up { animation: fadeUp .65s ease both; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
.float-slow { animation: floatSlow 7s ease-in-out infinite; }
@keyframes floatSlow { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

@media (max-width: 1140px) {
    .site-header { flex-wrap: wrap; }
    .nav-main { order: 3; width: 100%; justify-content: center; overflow-x: auto; }
    .hero, .command-center { grid-template-columns: 1fr; }
    .hero-side { min-height: 520px; }
    .integration-grid, .platform-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pricing-grid, .feature-grid, .company-grid, .dashboard-grid, .dashboard-summary, .capability-grid, .product-grid, .ops-grid { grid-template-columns: 1fr 1fr; }
    .dashboard-shell { grid-template-columns: 1fr; }
    .sidebar { position: static; height: auto; }
    .map-layout { grid-template-columns: 1fr; }
    .map-card { min-height: auto; }
    .bo-map { height: 70vh; min-height: 520px; }
    .site-footer { grid-template-columns: 1fr; }
    .footer-links { justify-content: flex-start; min-width: 0; }
    .company-data-grid, .modern-company-data-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    body { font-size: 13px; }
    .site-header, .site-main, .site-footer, .dashboard-shell { width: min(100% - 24px, 1240px); }
    .header-actions { width: 100%; justify-content: space-between; flex-wrap: wrap; }
    .hero-content, .hero-side, .auth-card, .auth-panel { padding: 24px; }
    .hero { min-height: auto; }
    .hero-side { min-height: 440px; }
    .hero-metrics, .platform-strip, .pricing-grid, .feature-grid, .company-grid, .dashboard-grid, .dashboard-summary, .form-grid, .category-grid, .integration-grid, .capability-grid, .product-grid, .ops-grid { grid-template-columns: 1fr; }
    .map-filter, .search-panel, .chat-form { grid-template-columns: 1fr; }
    .dashboard-heading, .split-heading, .section-head-row, .table-panel-head { flex-direction: column; align-items: flex-start; }
    .wide-auth-card { width: 100%; margin-left: 0; transform: none; }
    .site-footer { flex-direction: column; }
    .company-data-cell-wide { grid-column: span 1; }
    .map-side-line { grid-template-columns: 1fr; gap: 2px; }
}

.admin-info-panel,
.form-panel,
.external-card-panel,
.external-sync-panel {
    padding: 22px;
    margin-bottom: 18px;
}
.admin-info-panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.admin-info-panel strong,
.section-title-row h2,
.card-topline strong { color: #fff; }
.external-status-grid,
.metric-grid,
.compact-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}
.external-status-card { padding: 18px; }
.card-topline { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--danger); box-shadow: 0 0 0 7px rgba(255,101,113,.12); }
.status-dot.is-ok { background: var(--success); box-shadow: 0 0 0 7px rgba(86,210,135,.12); }
.status-dot.is-danger { background: var(--danger); }
.compact-definition-list { margin: 0; display: grid; gap: 8px; }
.compact-definition-list div { display: grid; grid-template-columns: 84px 1fr; gap: 9px; }
.compact-definition-list dt { color: var(--muted); font-size: 11px; }
.compact-definition-list dd { margin: 0; color: #fff; font-size: 12px; overflow-wrap: anywhere; }
.section-title-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px; }
.bo-form.external-sync-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: end; }
.bo-form label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 740; }
.code-box { overflow: auto; padding: 14px; border-radius: 16px; background: rgba(0,0,0,.28); border: 1px solid rgba(156,190,219,.17); color: #bdfbf3; }
.small-text { font-size: 12px; }
.align-end { align-self: end; }
@media (max-width: 1100px) {
    .admin-info-panel,
    .external-status-grid,
    .metric-grid,
    .compact-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bo-form.external-sync-form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
    .admin-info-panel,
    .external-status-grid,
    .metric-grid,
    .compact-metric-grid,
    .bo-form.external-sync-form { grid-template-columns: 1fr; }
    .section-title-row { flex-direction: column; }
}

/* Light B2B corporate theme override */
:root {
    --bg: #f4f6f9;
    --bg-2: #eaf1f7;
    --surface: rgba(255, 255, 255, 0.84);
    --surface-2: rgba(255, 255, 255, 0.94);
    --surface-light: rgba(255, 255, 255, 0.98);
    --panel: rgba(255, 255, 255, 0.70);
    --panel-strong: rgba(255, 255, 255, 0.92);
    --border: rgba(27, 65, 102, 0.14);
    --border-strong: rgba(20, 132, 199, 0.26);
    --text: #16283b;
    --text-dark: #102235;
    --muted: #5e7085;
    --muted-2: #7f8fa1;
    --primary: #0c6fc8;
    --primary-dark: #12375a;
    --cyan: #13a9b2;
    --cyan-soft: rgba(19, 169, 178, .12);
    --orange: #ff7a1a;
    --orange-soft: rgba(255, 122, 26, .13);
    --success: #28b56d;
    --advanced: #4d9eea;
    --danger: #da424e;
    --shadow: 0 26px 80px rgba(27, 65, 102, 0.13);
    --shadow-soft: 0 18px 46px rgba(27, 65, 102, 0.10);
    --radius: 28px;
    --radius-sm: 17px;
    --font: Aptos, Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

body {
    color: var(--text);
    background:
        radial-gradient(circle at 14% -10%, rgba(19,169,178,.18), transparent 34rem),
        radial-gradient(circle at 86% 2%, rgba(12,111,200,.15), transparent 34rem),
        radial-gradient(circle at 80% 64%, rgba(255,122,26,.09), transparent 30rem),
        linear-gradient(180deg, #f8fbfe 0%, #edf4f8 46%, #f7f8f5 100%);
}
body::before {
    background-image:
        linear-gradient(rgba(12,111,200,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(12,111,200,.05) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.72) 0%, rgba(0,0,0,.28) 56%, transparent 100%);
}
body::after {
    inset: auto -20% -28% -20%;
    height: 34vh;
    background: radial-gradient(closest-side, rgba(12,111,200,.12), transparent 72%);
}

body .glass-panel,
body .glass-card,
body .auth-panel,
body .glass-panel-soft {
    background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.66));
    border: 1px solid var(--border);
    box-shadow: var(--shadow-soft);
    backdrop-filter: blur(24px) saturate(130%);
    -webkit-backdrop-filter: blur(24px) saturate(130%);
}

body .site-header {
    color: var(--text);
    background: rgba(255,255,255,.78);
    border-color: rgba(12,111,200,.14);
    box-shadow: 0 18px 60px rgba(23, 60, 94, .12);
}
body .site-header::before {
    background: linear-gradient(90deg, rgba(255,122,26,.10), transparent 34%, rgba(19,169,178,.10));
}
body .brand strong,
body .brand-mini strong { color: var(--text); font-weight: 760; }
body .brand small,
body .brand-mini small { color: var(--muted); }
body .brand-mark {
    background: linear-gradient(135deg, #0c6fc8 0%, #13a9b2 100%);
    box-shadow: 0 16px 34px rgba(12,111,200,.22), inset 0 1px rgba(255,255,255,.55);
}
body .nav-main {
    background: rgba(238, 245, 250, .76);
    border-color: rgba(12,111,200,.12);
}
body .nav-main a { color: #243c58; font-weight: 710; }
body .nav-main a:hover { background: rgba(255,255,255,.92); color: var(--primary); box-shadow: 0 8px 24px rgba(23,60,94,.08); }
body .language-switcher { background: rgba(238,245,250,.86); border-color: rgba(12,111,200,.13); }
body .language-switcher a { color: #58708a; }
body .language-switcher a.is-active { background: #102235; color: #fff; }

body .btn { font-weight: 760; border-color: rgba(12,111,200,.17); }
body .btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #ff7a1a, #ff9a3b);
    border-color: rgba(255,122,26,.34);
    box-shadow: 0 18px 38px rgba(255,122,26,.20);
}
body .btn-ghost { background: rgba(255,255,255,.86); color: var(--primary); border-color: rgba(12,111,200,.20); }
body .btn:hover { box-shadow: 0 18px 42px rgba(30,76,112,.14); }

body .section-label,
body .eyebrow,
body .nav-label {
    color: var(--orange) !important;
    font-weight: 820;
    letter-spacing: .16em;
}
body h1,
body h2,
body h3 {
    color: var(--text);
    letter-spacing: -.032em;
    font-weight: 650;
}
body h1 { font-size: clamp(36px, 4.3vw, 64px); line-height: 1.08; font-weight: 660; }
body h2 { font-weight: 650; }
body h3 { font-weight: 690; }
body p,
body .muted-text,
body .muted { color: var(--muted); }

body .hero {
    min-height: 610px;
    grid-template-columns: 1.12fr .88fr;
    align-items: stretch;
}
body .hero-content {
    background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.93) 50%, rgba(255,255,255,.70) 78%, rgba(255,255,255,.58) 100%),
        url('../img/corporate-code-hero.png') right center / cover no-repeat;
    border-color: rgba(12,111,200,.15);
    box-shadow: 0 28px 90px rgba(23,60,94,.13);
}
body .hero-content::before {
    content: "";
    position: absolute;
    left: clamp(34px, 5vw, 74px);
    top: clamp(116px, 12vw, 146px);
    width: min(330px, 34vw);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--orange), rgba(255,122,26,0));
    z-index: 1;
}
body .hero-content::after {
    width: 430px;
    height: 430px;
    right: -160px;
    bottom: -180px;
    background: radial-gradient(circle, rgba(255,122,26,.16), transparent 66%);
}
body .hero h1 { max-width: 780px; color: #16283b; }
body .hero h1 span,
body .text-gradient {
    background: linear-gradient(135deg, #0c6fc8 0%, #13a9b2 66%, #ff7a1a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
body .hero p { color: #516a84; font-size: 15.5px; line-height: 1.72; max-width: 760px; }
body .hero-side {
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(236,247,250,.76));
    border-color: rgba(12,111,200,.14);
    min-height: 610px;
}
body .hero-side-head { color: var(--text); }
body .live-dot { color: var(--text); }
body .pill {
    color: #1b4c74;
    background: rgba(12,111,200,.07);
    border-color: rgba(12,111,200,.14);
}
body .hero-orbit {
    background:
        radial-gradient(circle at 50% 45%, rgba(19,169,178,.13), transparent 20%),
        linear-gradient(135deg, rgba(255,255,255,.86), rgba(230,241,248,.66));
    border-color: rgba(12,111,200,.13);
}
body .hero-orbit::before { border-color: rgba(19,169,178,.25); }
body .hero-orbit::after { border-color: rgba(255,122,26,.25); }
body .orbit-core {
    color: #fff;
    background: linear-gradient(135deg, #0c6fc8, #13a9b2);
    box-shadow: 0 30px 80px rgba(12,111,200,.20);
}
body .signal-panel,
body .ai-conversation-block,
body .company-description-card,
body .company-address-card,
body .claim-note,
body .prefill-card,
body .alert {
    background: rgba(255,255,255,.78);
    border-color: rgba(12,111,200,.13);
}
body .signal-panel strong { color: var(--text); }

body .hero-metrics div,
body .metric-card,
body .dashboard-summary div,
body .integration-chip,
body .product-card,
body .capability-card,
body .automation-row,
body .form-section,
body .company-data-cell,
body .map-company-item,
body .feature-card,
body .price-card,
body .company-card,
body .external-status-card {
    background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(242,249,252,.78));
    border: 1px solid rgba(12,111,200,.13);
    box-shadow: 0 18px 44px rgba(27,65,102,.08);
}
body .hero-metrics strong,
body .metric-card strong,
body .dashboard-summary strong,
body .platform-strip strong,
body .feature-card h2,
body .price-card h2,
body .company-card h2,
body .capability-card h3,
body .product-card h3,
body .integration-chip strong,
body .automation-row strong,
body .form-section h2,
body td strong,
body .company-data-cell strong,
body .map-results-head strong,
body .map-company-name,
body .map-side-card-head strong,
body .map-side-line b,
body .ai-conversation-block strong,
body .admin-info-panel strong,
body .section-title-row h2,
body .card-topline strong,
body .compact-definition-list dd { color: var(--text); }
body .hero-metrics span,
body .metric-card span,
body .dashboard-summary span,
body .platform-strip span,
body .feature-card p,
body .price-card p,
body .company-card p,
body .capability-card p,
body .product-card p,
body .integration-chip span,
body .automation-row span,
body .company-description-card p,
body .company-address-card p,
body .claim-note p,
body .map-company-meta { color: var(--muted); }
body .metric-card strong { color: var(--primary); }
body .card-index {
    background: rgba(255,122,26,.12);
    color: #d35f08;
}

body .trust-strip {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    margin: 24px 0 30px;
    padding: 0;
    background: rgba(12,111,200,.10);
}
body .trust-strip span {
    min-height: 72px;
    display: grid;
    place-items: center;
    padding: 16px 12px;
    text-align: center;
    background: rgba(255,255,255,.78);
    color: #38536e;
    font-size: 12px;
    font-weight: 780;
    letter-spacing: .02em;
}

body .platform-strip {
    background: rgba(12,111,200,.10);
    border-color: rgba(12,111,200,.13);
    box-shadow: 0 18px 54px rgba(27,65,102,.08);
}
body .platform-strip div {
    background: rgba(255,255,255,.78);
    transition: background .18s ease, transform .18s ease;
}
body .platform-strip div:hover { background: #fff; transform: translateY(-1px); }
body .feature-card::before,
body .price-card::before,
body .product-card::before,
body .capability-card::before,
body .company-card::before {
    background: linear-gradient(90deg, var(--orange), var(--primary), var(--cyan));
    opacity: .86;
}
body .integration-chip { min-height: 126px; }
body .command-card::after {
    background: radial-gradient(circle, rgba(255,122,26,.12), transparent 70%);
}
body .status-pill {
    background: rgba(40,181,109,.11);
    color: #177f4b;
}

body input,
body select,
body textarea {
    background: rgba(255,255,255,.84);
    color: var(--text);
    border-color: rgba(12,111,200,.16);
}
body input::placeholder,
body textarea::placeholder { color: rgba(91,110,130,.62); }
body input:focus,
body select:focus,
body textarea:focus { border-color: rgba(255,122,26,.52); box-shadow: 0 0 0 4px rgba(255,122,26,.11); }
body .feature-list { color: var(--muted); }
body .price { color: var(--text); font-weight: 720; }
body .inline-link,
body .company-data-cell a,
body .map-side-line a { color: var(--primary); }
body .code-box { background: #112b45; color: #d6f9ff; border-color: rgba(12,111,200,.18); }

body .site-footer.glass-panel,
body .site-footer {
    color: #c6d7e7;
    background: linear-gradient(135deg, rgba(15,40,64,.97), rgba(20,62,91,.95));
    border-color: rgba(255,255,255,.12);
    box-shadow: 0 24px 80px rgba(16,34,53,.18);
}
body .footer-brand-block strong,
body .footer-operator-block strong { color: #fff; }
body .footer-links a { color: #d9e7f4; }
body .footer-links a:hover { color: #fff; }

body .auth-body {
    background:
        radial-gradient(circle at 20% 10%, rgba(255,122,26,.13), transparent 28rem),
        linear-gradient(180deg, #f8fbfe, #eef4f8);
}
body .auth-card,
body .auth-panel { color: var(--text); }

body .dashboard-shell { margin-top: 24px; }
body .sidebar {
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(238,247,250,.72));
    border-color: rgba(12,111,200,.14);
    box-shadow: 0 20px 60px rgba(27,65,102,.11);
}
body .sidebar-nav a,
body .sidebar-nav .nav-label { color: #50677f; }
body .sidebar-nav a:hover { background: rgba(255,255,255,.78); color: var(--primary); }
body .sidebar-nav a.is-emphasis {
    color: #fff;
    background: linear-gradient(135deg, #0c6fc8, #13a9b2);
}
body .sidebar-separator { background: rgba(12,111,200,.12); }
body .dashboard-main { color: var(--text); }
body .dashboard-heading h1,
body .page-heading h1 { font-weight: 650; color: var(--text); }
body .table-panel { background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(241,248,252,.76)); }
body th,
body .data-table th { color: #6b7f93; border-bottom-color: rgba(12,111,200,.12); }
body td,
body .data-table td { border-bottom-color: rgba(12,111,200,.11); color: var(--text); }
body .pill { color: #375672; background: rgba(255,255,255,.72); border-color: rgba(12,111,200,.15); }
body .empty-state { background: rgba(255,255,255,.78); }

body .map-provider-pill { background: rgba(255,255,255,.78); border-color: rgba(12,111,200,.13); color: var(--muted); }
body .map-provider-pill strong { color: var(--text); }
body .bo-map { background: #eaf1f7; border-color: rgba(12,111,200,.13); }
body .map-selected-company-card {
    background: rgba(255,255,255,.94);
    border-color: rgba(12,111,200,.16);
}
body .map-side-country,
body .map-popup-country,
body .map-side-category,
body .map-popup-category {
    background: rgba(255,255,255,.78);
    color: var(--text) !important;
    border-color: rgba(12,111,200,.14);
}
body .chat-message { background: rgba(255,255,255,.78); color: var(--text); }
body .ai-response { background: rgba(19,169,178,.09); }

@media (max-width: 1140px) {
    body .trust-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    body h1 { font-size: clamp(34px, 11vw, 48px); }
    body .hero-content::before { display: none; }
    body .trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body .trust-strip span { min-height: 58px; }
}

/* Enterprise expansion modules — BO Directory / Data Mining / Projects / Tickets / Payments */
.enterprise-page {
    display: grid;
    gap: 28px;
}
.enterprise-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    gap: 28px;
    align-items: stretch;
    padding: clamp(28px, 4vw, 44px);
    border-color: rgba(125, 218, 255, .26);
    background:
        radial-gradient(circle at 0% 0%, rgba(21, 209, 195, .16), transparent 34rem),
        radial-gradient(circle at 100% 10%, rgba(255, 158, 61, .12), transparent 30rem),
        linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.055));
}
.enterprise-hero h1 {
    font-size: clamp(28px, 3.3vw, 48px);
    line-height: 1.06;
    max-width: 860px;
    font-weight: 760;
    letter-spacing: -.045em;
}
.enterprise-hero p {
    max-width: 780px;
    font-size: 15px;
    color: rgba(221, 235, 248, .82);
}
.enterprise-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}
.compact-hero {
    min-height: auto;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
}
.enterprise-metrics,
.module-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.enterprise-metrics article,
.module-feature {
    position: relative;
    overflow: hidden;
    min-height: 132px;
    padding: 22px;
    border: 1px solid rgba(129, 213, 238, .24);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.062));
    box-shadow: 0 20px 46px rgba(0,0,0,.18);
}
.enterprise-metrics article::after,
.module-feature::after {
    content: "";
    position: absolute;
    right: -36px;
    top: -42px;
    width: 116px;
    height: 116px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(21,209,195,.18), transparent 66%);
}
.enterprise-metrics span,
.module-feature span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 27px;
    padding: 0 10px;
    margin-bottom: 16px;
    border-radius: 999px;
    color: #03131f;
    background: linear-gradient(135deg, #ffac4a, #ffe1a8);
    font-weight: 850;
    font-size: 11px;
}
.enterprise-metrics strong,
.module-feature h3 {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.16;
    font-weight: 740;
    letter-spacing: -.025em;
}
.enterprise-metrics small,
.module-feature p {
    display: block;
    color: rgba(220,235,248,.72);
    margin-top: 8px;
    font-size: 13px;
}
.enterprise-section {
    margin-top: 4px;
}
.section-head.split-head {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(320px, .72fr);
    gap: 26px;
    align-items: end;
    margin-bottom: 18px;
}
.section-head.split-head h2 {
    font-size: clamp(24px, 2.3vw, 36px);
    font-weight: 740;
}
.section-head.split-head p {
    color: rgba(217, 232, 247, .76);
}
.entity-grid,
.source-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.entity-card,
.source-card,
.module-panel {
    min-height: 190px;
    padding: 22px;
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.06));
    border-color: rgba(135, 215, 241, .24);
}
.entity-card-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin-bottom: 18px;
}
.entity-card-head span,
.entity-card-head em,
.source-card > span,
.status-badge {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    font-style: normal;
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #06121e;
    background: rgba(255,255,255,.88);
}
.entity-card-head em,
.status-badge {
    color: #08341f;
    background: rgba(88, 218, 136, .88);
}
.entity-card h3,
.source-card h3,
.module-panel h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 740;
    line-height: 1.18;
}
.entity-card p,
.source-card p,
.module-panel p,
.module-panel li {
    color: rgba(222, 236, 249, .72);
    font-size: 13px;
}
.two-column-module {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}
.chip-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}
.chip-cloud span {
    padding: 8px 11px;
    border-radius: 999px;
    border: 1px solid rgba(130,210,240,.26);
    color: rgba(236, 247, 255, .9);
    background: rgba(255,255,255,.06);
    font-size: 12px;
    font-weight: 700;
}
.check-list {
    margin: 18px 0 0;
    padding-left: 18px;
}
.check-list li { margin: 9px 0; }
.enterprise-table {
    overflow: hidden;
    padding: 0;
}
.enterprise-table table {
    width: 100%;
    border-collapse: collapse;
}
.enterprise-table th,
.enterprise-table td {
    padding: 18px 20px;
    text-align: left;
    border-bottom: 1px solid rgba(158, 205, 235, .15);
    color: rgba(230, 244, 255, .82);
    vertical-align: top;
}
.enterprise-table th {
    color: #fff;
    background: rgba(255,255,255,.06);
    font-size: 11px;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.enterprise-table tr:last-child td { border-bottom: 0; }
.directory-console,
.mining-filter,
.kanban-preview,
.ticket-stack,
.payment-terminal {
    min-height: 100%;
    padding: 22px;
    align-self: stretch;
}
.console-top {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(150, 205, 237, .18);
    color: #fff;
    font-weight: 780;
}
.console-top span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(255,255,255,.52);
}
.directory-tree { margin-top: 18px; }
.tree-node,
.tree-branch span,
.tree-detail,
.mining-filter label,
.kanban-preview div,
.ticket-row {
    display: block;
    padding: 15px 16px;
    margin-bottom: 10px;
    border-radius: 16px;
    border: 1px solid rgba(141, 216, 243, .22);
    background: rgba(255,255,255,.06);
    color: rgba(235,247,255,.9);
}
.tree-node.root {
    background: linear-gradient(135deg, rgba(21,209,195,.22), rgba(15,111,242,.16));
    color: #fff;
    font-weight: 800;
}
.tree-branch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.tree-branch span { margin-bottom: 0; font-size: 12px; font-weight: 740; }
.tree-detail strong { display: block; color: #fff; font-size: 18px; }
.tree-detail p { margin: 5px 0; }
.tree-detail small { color: rgba(255,255,255,.56); }
.mining-filter .filter-title {
    margin-bottom: 18px;
    color: #fff;
    font-size: 18px;
    font-weight: 760;
}
.mining-filter label {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    font-weight: 780;
}
.mining-filter label span {
    color: rgba(213, 232, 247, .68);
    font-size: 12px;
    font-weight: 650;
    text-align: right;
}
.source-card.preferred { border-color: rgba(86,210,135,.36); }
.source-card.controlled { border-color: rgba(255,172,74,.34); }
.source-card.restricted { border-color: rgba(255,101,113,.34); }
.workflow-panel {
    padding: 26px;
}
.workflow-line,
.connection-matrix {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.workflow-line div,
.connection-matrix span {
    padding: 13px 15px;
    border-radius: 16px;
    border: 1px solid rgba(139,215,240,.24);
    background: rgba(255,255,255,.07);
}
.workflow-line div span {
    display: block;
    color: #ffbd66;
    font-weight: 850;
    font-size: 11px;
}
.workflow-line div strong,
.connection-matrix span {
    color: #fff;
    font-weight: 720;
    font-size: 13px;
}
.workflow-line i,
.connection-matrix i {
    width: 24px;
    height: 1px;
    background: rgba(21,209,195,.45);
}
.kanban-preview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.kanban-preview div {
    margin: 0;
    min-height: 112px;
}
.kanban-preview strong,
.ticket-row strong,
.payment-terminal strong { color: #fff; display: block; }
.kanban-preview span,
.ticket-row span,
.payment-terminal small { color: rgba(222,236,249,.65); font-size: 12px; }
.ticket-stack { display: grid; gap: 12px; align-content: center; }
.ticket-row { margin: 0; }
.ticket-row.high { border-color: rgba(255, 101, 113, .45); }
.ticket-row.medium { border-color: rgba(255, 172, 74, .45); }
.ticket-row.low { border-color: rgba(124, 197, 255, .38); }
.payment-terminal {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
}
.qr-box {
    width: 140px;
    aspect-ratio: 1;
    border-radius: 22px;
    background:
        linear-gradient(90deg, rgba(0,0,0,.16) 2px, transparent 2px),
        linear-gradient(rgba(0,0,0,.16) 2px, transparent 2px),
        linear-gradient(135deg, #fff, #dff3ff);
    background-size: 18px 18px, 18px 18px, auto;
    display: grid;
    place-items: center;
    color: #0c2437;
    font-weight: 900;
    font-size: 28px;
}
@media (max-width: 1120px) {
    .enterprise-hero,
    .compact-hero,
    .section-head.split-head,
    .two-column-module { grid-template-columns: 1fr; }
    .enterprise-metrics,
    .module-card-grid,
    .entity-grid,
    .source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .enterprise-metrics,
    .module-card-grid,
    .entity-grid,
    .source-grid,
    .tree-branch,
    .kanban-preview,
    .payment-terminal { grid-template-columns: 1fr; }
}

/* ========================================================================
   Data Hub Arena — Enterprise Portal Redesign Phase 2
   Direction: Microsoft Azure / Forscope-inspired, light corporate admin UI
   ======================================================================== */
:root {
    --bo-page: #f3f7fb;
    --bo-page-2: #eaf2f8;
    --bo-ink: #1f2937;
    --bo-ink-2: #34495f;
    --bo-muted: #607084;
    --bo-soft: #f8fbfe;
    --bo-card: rgba(255,255,255,.92);
    --bo-card-strong: #ffffff;
    --bo-line: #d6e2ed;
    --bo-line-strong: #b8cee2;
    --bo-blue: #0078d4;
    --bo-blue-2: #106ebe;
    --bo-blue-soft: #e6f2fb;
    --bo-cyan: #00a6b4;
    --bo-orange: #ff8a00;
    --bo-orange-soft: #fff0df;
    --bo-green: #107c10;
    --bo-red: #a4262c;
    --bo-sidebar: #ffffff;
    --bo-shadow: 0 18px 48px rgba(20, 59, 92, .10);
    --bo-shadow-soft: 0 8px 22px rgba(23, 48, 72, .08);
    --bo-font: "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --font: var(--bo-font);
    --bg: var(--bo-page);
    --surface: var(--bo-card);
    --surface-2: var(--bo-card-strong);
    --panel: rgba(255,255,255,.88);
    --panel-strong: #fff;
    --border: var(--bo-line);
    --border-strong: var(--bo-line-strong);
    --text: var(--bo-ink);
    --text-dark: var(--bo-ink);
    --muted: var(--bo-muted);
    --muted-2: #7a8998;
    --primary: var(--bo-blue);
    --primary-dark: var(--bo-blue-2);
    --cyan: var(--bo-cyan);
    --orange: var(--bo-orange);
    --shadow: var(--bo-shadow);
    --shadow-soft: var(--bo-shadow-soft);
    --radius: 18px;
    --radius-sm: 10px;
}

html, body { min-height: 100%; }
body,
body.bo-azure-ui {
    font-family: var(--bo-font) !important;
    font-size: 14px;
    color: var(--bo-ink) !important;
    background:
        linear-gradient(90deg, rgba(0,120,212,.035) 1px, transparent 1px),
        linear-gradient(rgba(0,120,212,.035) 1px, transparent 1px),
        radial-gradient(circle at 8% 4%, rgba(0,120,212,.12), transparent 28rem),
        radial-gradient(circle at 94% 10%, rgba(0,166,180,.12), transparent 32rem),
        linear-gradient(180deg, #f7fbfe 0%, #eef6fb 42%, #f7fbfe 100%) !important;
    background-size: 48px 48px, 48px 48px, auto, auto, auto !important;
    overflow-x: hidden;
}
body::before,
body::after { opacity: .18 !important; }
body.bo-azure-ui::before,
body.bo-azure-ui::after { display: none !important; }

body.bo-azure-ui p,
body.bo-azure-ui li,
body.bo-azure-ui small,
body.bo-azure-ui span,
body.bo-azure-ui td {
    color: inherit;
}
body.bo-azure-ui p { color: var(--bo-muted); }
body.bo-azure-ui h1,
body.bo-azure-ui h2,
body.bo-azure-ui h3,
body.bo-azure-ui h4,
body.bo-azure-ui strong {
    color: var(--bo-ink);
}

.glass-panel,
.glass-card,
.glass-panel-soft,
.auth-panel {
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,253,255,.90)) !important;
    border: 1px solid var(--bo-line) !important;
    box-shadow: var(--bo-shadow-soft) !important;
    backdrop-filter: blur(18px) saturate(128%);
    -webkit-backdrop-filter: blur(18px) saturate(128%);
    color: var(--bo-ink) !important;
}

/* Top portal bar */
.site-header,
body.bo-azure-ui .site-header {
    width: min(1510px, calc(100% - 34px)) !important;
    margin: 16px auto 0 !important;
    padding: 10px 12px !important;
    min-height: 64px;
    border-radius: 22px !important;
    background: rgba(255,255,255,.91) !important;
    border: 1px solid rgba(183, 205, 224, .90) !important;
    box-shadow: 0 14px 42px rgba(31, 83, 128, .12) !important;
    color: var(--bo-ink) !important;
}
.site-header::before { display: none !important; }
.brand,
.brand-mini { color: var(--bo-ink) !important; }
.brand-mark {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #0078d4 0%, #00a6b4 100%) !important;
    box-shadow: 0 12px 28px rgba(0,120,212,.22) !important;
    font-weight: 700 !important;
}
.brand strong,
.brand-mini strong {
    color: var(--bo-ink) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    letter-spacing: -.01em !important;
}
.brand small,
.brand-mini small {
    color: var(--bo-muted) !important;
    font-size: 12px !important;
}
.header-search {
    flex: 1 1 280px;
    max-width: 430px;
    min-width: 220px;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border-radius: 8px;
    background: #f3f8fd;
    border: 1px solid #c8dced;
    color: #607084;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}
.header-search::before { content: "⌕"; color: var(--bo-blue); font-size: 16px; line-height: 1; }
.header-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--bo-ink);
    font: 13px var(--bo-font);
}
.header-search input::placeholder { color: #7c8ea2; }
.nav-main {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    gap: 2px !important;
}
.nav-main a {
    color: var(--bo-ink-2) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
}
.nav-main a:hover {
    background: var(--bo-blue-soft) !important;
    color: var(--bo-blue-2) !important;
}
.header-actions { gap: 8px !important; }
.language-switcher {
    background: #f4f8fc !important;
    border-color: #c8dced !important;
    box-shadow: none !important;
}
.language-switcher a {
    color: var(--bo-muted) !important;
    font-weight: 650 !important;
}
.language-switcher a.is-active {
    background: var(--bo-blue) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(0,120,212,.20) !important;
}
.btn {
    font-weight: 650 !important;
    border-radius: 8px !important;
    min-height: 38px !important;
    padding: 8px 14px !important;
    letter-spacing: 0 !important;
}
.btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, var(--bo-blue), var(--bo-cyan)) !important;
    box-shadow: 0 12px 28px rgba(0,120,212,.18) !important;
}
.btn-ghost {
    background: #fff !important;
    color: var(--bo-blue-2) !important;
    border-color: #bcd4e9 !important;
}
.btn:hover { transform: translateY(-1px) !important; }

/* Application shell */
.dashboard-shell,
body .dashboard-shell,
body.bo-azure-ui .dashboard-shell {
    width: min(1510px, calc(100% - 34px)) !important;
    margin: 22px auto 0 !important;
    display: grid !important;
    grid-template-columns: 286px minmax(0, 1fr) !important;
    gap: 18px !important;
    min-height: calc(100vh - 108px);
}
.sidebar,
body .sidebar,
body.bo-azure-ui .sidebar {
    position: sticky !important;
    top: 96px !important;
    height: calc(100vh - 116px) !important;
    padding: 16px 14px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,251,255,.94)) !important;
    border: 1px solid #cfe0ef !important;
    box-shadow: 0 14px 34px rgba(37, 73, 104, .10) !important;
    color: var(--bo-ink) !important;
}
.sidebar .brand {
    padding: 8px 8px 16px !important;
    border-bottom: 1px solid #d7e5f1 !important;
    margin-bottom: 12px !important;
}
.sidebar-search {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 4px 14px;
    padding: 8px 10px;
    min-height: 36px;
    border: 1px solid #cbddeb;
    border-radius: 8px;
    background: #fff;
    color: #6c7f91;
}
.sidebar-search::before { content: "⌕"; color: var(--bo-blue); }
.sidebar-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    font: 12px var(--bo-font);
    color: var(--bo-ink);
}
.sidebar-nav { gap: 2px !important; margin-top: 6px !important; }
.sidebar-nav a,
.sidebar-nav .nav-label,
body .sidebar-nav a,
body .sidebar-nav .nav-label {
    color: #33475b !important;
    font-size: 13px !important;
    font-weight: 520 !important;
    padding: 8px 10px !important;
    border-radius: 7px !important;
}
.sidebar-nav a:hover {
    color: var(--bo-blue-2) !important;
    background: #e9f4fd !important;
}
.sidebar-nav a.is-emphasis,
body .sidebar-nav a.is-emphasis {
    color: #fff !important;
    background: linear-gradient(135deg, var(--bo-blue), #1296b5) !important;
    box-shadow: 0 9px 22px rgba(0,120,212,.16) !important;
}
.nav-label,
body .sidebar-nav .nav-label {
    color: #7b8794 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin: 12px 0 4px;
}
.sidebar-separator,
body .sidebar-separator { background: #d7e5f1 !important; margin: 12px 0 !important; }
.dashboard-main,
body .dashboard-main,
body.bo-azure-ui .dashboard-main {
    padding: 0 0 58px !important;
    min-width: 0;
    color: var(--bo-ink) !important;
}

/* Typography — calmer, not billboard-like */
h1,
body.bo-azure-ui h1 {
    font-size: clamp(30px, 3.4vw, 52px) !important;
    line-height: 1.1 !important;
    font-weight: 620 !important;
    letter-spacing: -.035em !important;
    color: var(--bo-ink) !important;
}
h2,
body.bo-azure-ui h2 {
    font-size: clamp(22px, 2.1vw, 34px) !important;
    font-weight: 620 !important;
    line-height: 1.17 !important;
    letter-spacing: -.025em !important;
    color: var(--bo-ink) !important;
}
h3,
body.bo-azure-ui h3 {
    font-size: 17px !important;
    font-weight: 620 !important;
    color: var(--bo-ink) !important;
}
.section-label,
.eyebrow {
    color: #c95c00 !important;
    font-size: 11px !important;
    letter-spacing: .16em !important;
    font-weight: 800 !important;
}

/* Enterprise pages — Azure blade style */
.enterprise-page {
    gap: 18px !important;
}
.enterprise-hero,
.compact-hero,
body.bo-azure-ui .enterprise-hero {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 420px) !important;
    gap: 24px !important;
    padding: clamp(26px, 3.4vw, 42px) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(0,120,212,.075), transparent 26rem),
        linear-gradient(180deg, rgba(255,255,255,.97), rgba(247,251,254,.94)) !important;
    border: 1px solid #cbddeb !important;
    box-shadow: 0 18px 46px rgba(35, 78, 113, .10) !important;
}
.enterprise-hero h1 {
    max-width: 820px;
    font-size: clamp(30px, 3.2vw, 46px) !important;
    font-weight: 620 !important;
    color: var(--bo-ink) !important;
}
.enterprise-hero p,
.section-head.split-head p,
.module-feature p,
.entity-card p,
.source-card p,
.module-panel p,
.module-panel li {
    color: #53677c !important;
}
.enterprise-actions { margin-top: 20px !important; }
.enterprise-metrics,
.module-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
.enterprise-metrics article,
.module-feature,
.entity-card,
.source-card,
.module-panel,
.workflow-panel,
.enterprise-table,
.directory-console,
.mining-filter,
.kanban-preview,
.ticket-stack,
.payment-terminal,
body.bo-azure-ui .enterprise-metrics article,
body.bo-azure-ui .module-feature {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%) !important;
    border: 1px solid #cbddeb !important;
    box-shadow: 0 12px 32px rgba(35, 78, 113, .09) !important;
    border-radius: 16px !important;
    color: var(--bo-ink) !important;
}
.enterprise-metrics article,
.module-feature { min-height: 124px !important; padding: 18px !important; }
.enterprise-metrics article::after,
.module-feature::after,
.command-card::after { opacity: .20 !important; }
.enterprise-metrics span,
.module-feature span {
    color: #7a3e00 !important;
    background: var(--bo-orange-soft) !important;
    border: 1px solid #ffd2a3 !important;
    font-weight: 700 !important;
}
.enterprise-metrics strong,
.module-feature h3 {
    color: var(--bo-ink) !important;
    font-size: 17px !important;
    font-weight: 620 !important;
}
.enterprise-metrics small,
.module-feature p { color: #627488 !important; }

.entity-grid,
.source-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
.entity-card,
.source-card,
.module-panel { min-height: 168px !important; padding: 20px !important; }
.entity-card-head span,
.entity-card-head em,
.source-card > span,
.status-badge {
    color: #084a75 !important;
    background: #e7f3ff !important;
    border: 1px solid #c4ddf4 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}
.entity-card-head em,
.status-badge {
    color: #0b5d1e !important;
    background: #e8f7ea !important;
    border-color: #bfe7c6 !important;
}
.entity-card h3,
.source-card h3,
.module-panel h2 {
    color: var(--bo-ink) !important;
    font-weight: 620 !important;
}
.chip-cloud span {
    background: #f4f8fc !important;
    border: 1px solid #cbddeb !important;
    color: #34495f !important;
    font-weight: 560 !important;
}

/* Azure-like directory / preview widgets */
.console-top,
.mining-filter .filter-title {
    color: var(--bo-ink) !important;
    border-bottom-color: #d8e6f2 !important;
    font-weight: 620 !important;
}
.console-top span { background: #c7d8e7 !important; }
.tree-node,
.tree-branch span,
.tree-detail,
.mining-filter label,
.kanban-preview div,
.ticket-row,
.workflow-line div,
.connection-matrix span {
    background: #ffffff !important;
    border: 1px solid #cbddeb !important;
    color: #33475b !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 16px rgba(31, 80, 124, .06) !important;
}
.tree-node.root {
    background: #e8f3fd !important;
    border-color: #b7d7f1 !important;
    color: #0f4f7a !important;
    font-weight: 650 !important;
}
.tree-detail strong,
.workflow-line div strong,
.connection-matrix span,
.kanban-preview strong,
.ticket-row strong,
.payment-terminal strong {
    color: var(--bo-ink) !important;
    font-weight: 620 !important;
}
.tree-detail small,
.mining-filter label span,
.kanban-preview span,
.ticket-row span,
.payment-terminal small { color: #66788a !important; }
.workflow-line div span { color: var(--bo-orange) !important; }
.workflow-line i,
.connection-matrix i { background: #8bbfdf !important; }

.enterprise-table th,
.enterprise-table td,
th,
td,
.data-table th,
.data-table td {
    color: #34495f !important;
    border-bottom-color: #dce8f2 !important;
}
.enterprise-table th,
th,
.data-table th {
    color: #526172 !important;
    background: #f4f8fc !important;
    font-weight: 700 !important;
}
td strong,
.data-table td strong { color: var(--bo-ink) !important; }
.pill { color: #0f4f7a !important; background: #e7f3ff !important; border-color: #bed9ef !important; }
.inline-link { color: var(--bo-blue) !important; }

/* Existing dashboard blocks */
.dashboard-summary,
.command-center,
.dashboard-grid,
.metric-grid { color: var(--bo-ink) !important; }
.command-card,
.automation-row,
.table-panel,
.form-section,
.company-description-card,
.company-address-card,
.claim-note,
.map-card,
.map-results,
.map-company-item,
.empty-state,
.alert {
    background: #fff !important;
    color: var(--bo-ink) !important;
    border-color: #cbddeb !important;
    box-shadow: var(--bo-shadow-soft) !important;
}
.automation-row strong,
.form-section h2,
.map-provider-pill strong,
.map-results-head strong,
.map-company-name,
.company-data-cell strong { color: var(--bo-ink) !important; }
.automation-row span,
.company-description-card p,
.company-address-card p,
.claim-note p,
.map-provider-pill,
.map-results-head span,
.map-company-meta,
.company-data-cell span { color: var(--bo-muted) !important; }
.status-pill {
    background: #e8f7ea !important;
    color: var(--bo-green) !important;
    border: 1px solid #bfe7c6 !important;
    font-weight: 650 !important;
}

/* Forms */
input,
select,
textarea {
    background: #fff !important;
    color: var(--bo-ink) !important;
    border: 1px solid #c6d9e9 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid rgba(0,120,212,.18) !important;
    border-color: var(--bo-blue) !important;
}
label span { color: #34495f !important; font-weight: 600 !important; }

/* Public pages also professional but lighter */
.site-main {
    width: min(1240px, calc(100% - 34px)) !important;
    margin-top: 32px !important;
}
.hero-content {
    background:
        linear-gradient(90deg, rgba(255,255,255,.90), rgba(255,255,255,.72) 45%, rgba(245,251,255,.90)),
        url('../img/corporate-code-hero.png') left center / cover no-repeat !important;
    color: var(--bo-ink) !important;
    border-color: #cbddeb !important;
}
.hero-content h1,
.hero-content p,
.hero-content strong { color: var(--bo-ink) !important; }
.hero-content p { color: #4f6379 !important; }
.hero-visual,
.hero-console,
.trust-strip,
.platform-card,
.pricing-card,
.module-card { background: #fff !important; color: var(--bo-ink) !important; border-color: #cbddeb !important; }

/* Subtle enterprise motion, no circus */
.reveal-on-scroll,
.enterprise-page > *,
.module-feature,
.entity-card,
.source-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.enterprise-page > *:hover,
.module-feature:hover,
.entity-card:hover,
.source-card:hover {
    transform: translateY(-1px);
    border-color: #aacde9 !important;
    box-shadow: 0 16px 38px rgba(35, 78, 113, .12) !important;
}
.sidebar:hover,
.site-header:hover { transform: none !important; }

/* Responsive */
@media (max-width: 1250px) {
    .site-header { flex-wrap: wrap; }
    .header-search { order: 3; flex-basis: 100%; max-width: none; }
    .dashboard-shell,
    body .dashboard-shell { grid-template-columns: 1fr !important; }
    .sidebar,
    body .sidebar { position: static !important; height: auto !important; }
}
@media (max-width: 1120px) {
    .enterprise-hero,
    .compact-hero { grid-template-columns: 1fr !important; }
    .enterprise-metrics,
    .module-card-grid,
    .entity-grid,
    .source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 700px) {
    .site-header,
    .dashboard-shell,
    .site-main { width: min(100% - 22px, 1240px) !important; }
    .nav-main { overflow-x: auto; width: 100%; justify-content: flex-start; }
    .enterprise-metrics,
    .module-card-grid,
    .entity-grid,
    .source-grid { grid-template-columns: 1fr !important; }
    .enterprise-hero { padding: 22px !important; }
    .enterprise-hero h1 { font-size: 30px !important; }
}

/* ==========================================================================
   Data Hub Arena Batch 3: true Azure-style enterprise console
   ========================================================================== */
:root {
    --bo-az-bg: #eef5fb;
    --bo-az-bg-2: #f7fbff;
    --bo-az-panel: rgba(255,255,255,.92);
    --bo-az-panel-soft: rgba(255,255,255,.72);
    --bo-az-border: #c9d8e6;
    --bo-az-border-soft: #dde8f2;
    --bo-az-text: #172033;
    --bo-az-muted: #546b82;
    --bo-az-blue: #0078d4;
    --bo-az-blue-dark: #005a9e;
    --bo-az-cyan: #00a6a6;
    --bo-az-orange: #f7630c;
    --bo-az-green: #107c10;
    --bo-az-red: #d13438;
    --bo-az-shadow: 0 20px 55px rgba(29, 60, 89, .12);
}
body.bo-azure-ui {
    color: var(--bo-az-text) !important;
    background:
        linear-gradient(rgba(0,120,212,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,120,212,.035) 1px, transparent 1px),
        radial-gradient(circle at 12% 8%, rgba(0,120,212,.12), transparent 30rem),
        radial-gradient(circle at 82% 12%, rgba(0,166,166,.12), transparent 28rem),
        linear-gradient(135deg, #f7fbff 0%, #edf5fb 48%, #e8f4f9 100%) !important;
    background-size: 48px 48px, 48px 48px, auto, auto, auto !important;
}
body.bo-azure-ui::before,
body.bo-azure-ui::after { display: none !important; }
body.bo-azure-ui .glass-panel,
body.bo-azure-ui .glass-card,
body.bo-azure-ui .auth-panel,
body.bo-azure-ui .glass-panel-soft,
body.bo-azure-ui .azure-card {
    color: var(--bo-az-text) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.76)) !important;
    border: 1px solid var(--bo-az-border-soft) !important;
    box-shadow: var(--bo-az-shadow) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
body.bo-azure-ui .site-header,
body.bo-azure-ui .bo-azure-header {
    width: min(1420px, calc(100% - 44px));
    margin-top: 18px;
    padding: 10px 14px;
    color: var(--bo-az-text) !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid #cfe0ef !important;
    box-shadow: 0 16px 42px rgba(25, 75, 115, .12) !important;
}
body.bo-azure-ui .site-header::before { display: none; }
body.bo-azure-ui .brand strong,
body.bo-azure-ui .brand-mini strong { color: #13233a !important; font-weight: 700 !important; }
body.bo-azure-ui .brand small,
body.bo-azure-ui .brand-mini small { color: #5f7185 !important; }
body.bo-azure-ui .brand-mark {
    background: linear-gradient(135deg, #0078d4, #00a6a6) !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(0,120,212,.24) !important;
}
body.bo-azure-ui .nav-main {
    background: #f8fbfe !important;
    border-color: #d5e3ef !important;
}
body.bo-azure-ui .nav-main a {
    color: #213750 !important;
    font-weight: 650 !important;
    font-size: 13px !important;
}
body.bo-azure-ui .nav-main a:hover { background: #e7f2fb !important; color: #005a9e !important; }
body.bo-azure-ui .header-search input,
body.bo-azure-ui .sidebar-search input {
    color: #172033 !important;
    background: #fff !important;
    border: 1px solid #c8d9e8 !important;
}
body.bo-azure-ui .language-switcher { background: #f6faff !important; border-color: #d5e3ef !important; }
body.bo-azure-ui .language-switcher a { color: #546b82 !important; }
body.bo-azure-ui .language-switcher a.is-active { color: #fff !important; background: #0078d4 !important; }
body.bo-azure-ui .btn,
body.bo-azure-ui button { font-weight: 650; }
body.bo-azure-ui .btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #0078d4, #00a6a6) !important;
    border-color: transparent !important;
    box-shadow: 0 12px 26px rgba(0,120,212,.22) !important;
}
body.bo-azure-ui .btn-ghost {
    color: #005a9e !important;
    background: #fff !important;
    border-color: #b9d2e8 !important;
}
body.bo-azure-ui .dashboard-shell.with-global-header {
    width: min(1440px, calc(100% - 44px));
    margin: 26px auto 0;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
body.bo-azure-ui .sidebar,
body.bo-azure-ui .bo-sidebar-panel {
    position: sticky;
    top: 104px;
    max-height: calc(100vh - 124px);
    overflow: auto;
    border-radius: 0 !important;
    padding: 18px 14px;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid #cfe0ef !important;
    box-shadow: 0 18px 48px rgba(23, 52, 83, .12) !important;
}
body.bo-azure-ui .sidebar-nav a {
    color: #1e3854 !important;
    font-size: 13px !important;
    font-weight: 620 !important;
    border-radius: 4px !important;
    padding: 9px 10px !important;
    border-left: 3px solid transparent;
}
body.bo-azure-ui .sidebar-nav a:hover,
body.bo-azure-ui .sidebar-nav a.is-active,
body.bo-azure-ui .sidebar-nav a.is-emphasis {
    color: #003f73 !important;
    background: #e7f2fb !important;
    border-left-color: #0078d4 !important;
}
body.bo-azure-ui .nav-label {
    color: #6a7d91 !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
}
body.bo-azure-ui .sidebar-separator { border-color: #d8e5ef !important; }
body.bo-azure-ui .dashboard-main { min-width: 0; }
body.bo-azure-ui .enterprise-page,
body.bo-azure-ui .azure-page { color: var(--bo-az-text) !important; }
body.bo-azure-ui .azure-titlebar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 26px;
    margin-bottom: 20px;
    border: 1px solid #cfe0ef;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,247,253,.82));
    box-shadow: var(--bo-az-shadow);
}
body.bo-azure-ui .azure-titlebar,
body.bo-azure-ui .azure-card { border-radius: 4px !important; }
body.bo-azure-ui .azure-titlebar h1,
body.bo-azure-ui .enterprise-hero h1 {
    max-width: 900px;
    margin: 0;
    color: #15253a !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
    font-weight: 720 !important;
}
body.bo-azure-ui .azure-titlebar p,
body.bo-azure-ui .enterprise-hero p,
body.bo-azure-ui .azure-card p {
    color: #587087 !important;
    font-size: 14px !important;
}
body.bo-azure-ui .eyebrow {
    color: var(--bo-az-orange) !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    font-size: 11px !important;
}
body.bo-azure-ui .azure-actions,
body.bo-azure-ui .enterprise-actions { display:flex; gap:10px; flex-wrap:wrap; }
body.bo-azure-ui .azure-section { margin-top: 22px; }
body.bo-azure-ui .azure-section-head,
body.bo-azure-ui .section-head {
    margin-bottom: 14px;
}
body.bo-azure-ui .azure-section-head h2,
body.bo-azure-ui .section-head h2,
body.bo-azure-ui .azure-card h2,
body.bo-azure-ui .module-panel h2 {
    margin: 0 0 8px;
    color: #15253a !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: -.02em;
}
body.bo-azure-ui .azure-card h3,
body.bo-azure-ui .entity-card h3,
body.bo-azure-ui .module-feature h3 {
    color: #16283c !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}
body.bo-azure-ui .azure-grid { display:grid; gap:16px; }
body.bo-azure-ui .azure-grid.four { grid-template-columns: repeat(4, minmax(0,1fr)); }
body.bo-azure-ui .azure-grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
body.bo-azure-ui .azure-layout-2 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:18px; }
body.bo-azure-ui .azure-layout-2-1 { display:grid; grid-template-columns: minmax(0, 1.55fr) minmax(290px, .75fr); gap:18px; }
body.bo-azure-ui .azure-card { padding: 22px; margin-bottom: 18px; }
body.bo-azure-ui .azure-card.mini { min-height: 160px; }
body.bo-azure-ui .metric strong { display:block; font-size: 30px; color: #005a9e; line-height:1; }
body.bo-azure-ui .metric span { color: #5b7086; font-size: 13px; }
body.bo-azure-ui .azure-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
body.bo-azure-ui .azure-status {
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:5px 9px;
    font-size:11px;
    font-weight:750;
    background:#eef4fa;
    color:#31516d;
    border:1px solid #d3e1ee;
    white-space:nowrap;
}
body.bo-azure-ui .azure-status.ok { background:#e8f7ed; color:#107c10; border-color:#b7e3c2; }
body.bo-azure-ui .azure-status.roadmap { background:#fff4e5; color:#9a4b00; border-color:#ffd59a; }
body.bo-azure-ui .azure-status.danger { background:#fdecec; color:#b3262b; border-color:#f4b6b8; }
body.bo-azure-ui .azure-status.neutral { background:#eef4fa; color:#39536b; }
body.bo-azure-ui .azure-table-wrap { overflow:auto; }
body.bo-azure-ui .azure-table {
    width:100%;
    border-collapse: collapse;
    background:#fff;
    border:1px solid #dce8f2;
}
body.bo-azure-ui .azure-table th,
body.bo-azure-ui .azure-table td {
    padding: 11px 12px;
    border-bottom: 1px solid #e1ebf3;
    color: #1c2d41 !important;
    font-size: 13px;
    vertical-align: top;
}
body.bo-azure-ui .azure-table th {
    text-align:left;
    color:#4c6379 !important;
    background:#f3f8fc;
    font-weight:700;
}
body.bo-azure-ui .resource-commandbar { display:flex; gap:8px; padding:0 0 12px; flex-wrap:wrap; }
body.bo-azure-ui .resource-commandbar button,
body.bo-azure-ui .azure-small-btn {
    border:1px solid #c5d8e9;
    background:#fff;
    color:#005a9e;
    border-radius:3px;
    padding:8px 10px;
    font-size:13px;
    cursor:pointer;
}
body.bo-azure-ui .directory-admin-grid { display:grid; grid-template-columns: 230px minmax(0,1fr); gap:16px; }
body.bo-azure-ui .directory-tree-panel {
    background:#f5f9fc;
    border:1px solid #d7e5ef;
    padding:14px;
    border-radius:4px;
}
body.bo-azure-ui .directory-tree-panel strong { display:block; color:#102235; margin-bottom:8px; }
body.bo-azure-ui .directory-tree-panel ul { list-style:none; margin:0; padding:0; }
body.bo-azure-ui .directory-tree-panel li {
    color:#2f4962;
    padding:8px 9px;
    border-radius:3px;
    font-size:13px;
}
body.bo-azure-ui .directory-tree-panel li.active { background:#dff0ff; color:#004f8b; font-weight:700; }
body.bo-azure-ui .object-detail-panel dl { margin:0; display:grid; gap:12px; }
body.bo-azure-ui .object-detail-panel dt { color:#526a81; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
body.bo-azure-ui .object-detail-panel dd { margin:2px 0 0; color:#14263a; }
body.bo-azure-ui .azure-chip-cloud { display:flex; flex-wrap:wrap; gap:8px; }
body.bo-azure-ui .azure-chip-cloud span {
    display:inline-flex;
    padding:7px 10px;
    border:1px solid #cfe0ef;
    background:#f8fbfe;
    color:#233b55;
    border-radius:999px;
    font-size:12px;
    font-weight:650;
}
body.bo-azure-ui .azure-chip-cloud.large span { padding:10px 13px; }
body.bo-azure-ui .azure-steps { margin:0; padding-left:20px; color:#233b55; }
body.bo-azure-ui .azure-steps li { margin:8px 0; }
body.bo-azure-ui .azure-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
body.bo-azure-ui .azure-form-grid label { display:grid; gap:6px; color:#536b82; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
body.bo-azure-ui .azure-form-grid label.full { grid-column:1 / -1; }
body.bo-azure-ui .azure-form-grid input,
body.bo-azure-ui .azure-form-grid select,
body.bo-azure-ui .azure-form-grid textarea {
    width:100%;
    border:1px solid #c9dbe9;
    background:#fff;
    border-radius:3px;
    padding:11px 12px;
    color:#132235;
    font:inherit;
    text-transform:none;
    letter-spacing:0;
}
body.bo-azure-ui .azure-board { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
body.bo-azure-ui .board-column { background:#f6faff; border:1px solid #d6e5f0; border-radius:4px; padding:14px; min-height:190px; }
body.bo-azure-ui .board-column strong { display:block; color:#14263a; }
body.bo-azure-ui .board-column span { color:#60768a; font-size:12px; }
body.bo-azure-ui .board-placeholder { height:92px; margin-top:14px; border:1px dashed #bdd3e5; border-radius:4px; background:rgba(255,255,255,.7); }
body.bo-azure-ui .qr-box { width:128px; height:128px; display:flex; align-items:center; justify-content:center; background:#f7fbff; border:1px dashed #8cbbe0; color:#0078d4; font-size:28px; font-weight:800; margin:10px 0 14px; }
body.bo-azure-ui .connection-matrix { color:#213750; }
@media (max-width: 1180px) {
    body.bo-azure-ui .dashboard-shell.with-global-header { grid-template-columns:1fr; }
    body.bo-azure-ui .sidebar { position:relative; top:auto; max-height:none; }
    body.bo-azure-ui .azure-grid.four,
    body.bo-azure-ui .azure-grid.three,
    body.bo-azure-ui .azure-layout-2,
    body.bo-azure-ui .azure-layout-2-1,
    body.bo-azure-ui .azure-board,
    body.bo-azure-ui .directory-admin-grid { grid-template-columns:1fr; }
    body.bo-azure-ui .site-header { position:relative; top:auto; flex-wrap:wrap; }
}

/* Batch 4: automation, ecosystem, builders, compliance and reporting console */
body.bo-azure-ui .automation-lane-card,
body.bo-azure-ui .ecosystem-card,
body.bo-azure-ui .builder-card,
body.bo-azure-ui .governance-card,
body.bo-azure-ui .report-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 210px;
}
body.bo-azure-ui .automation-lane-card .resource-commandbar,
body.bo-azure-ui .ecosystem-card .resource-commandbar,
body.bo-azure-ui .builder-card .resource-commandbar,
body.bo-azure-ui .report-card .resource-commandbar {
    margin-top: auto;
}
body.bo-azure-ui .bo-muted {
    display: block;
    color: #60768a;
    font-size: 12px;
    margin-top: 4px;
}
body.bo-azure-ui .bo-flow-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
body.bo-azure-ui .bo-flow-step {
    border: 1px solid #d6e5f0;
    background: linear-gradient(180deg, #ffffff, #f6faff);
    border-radius: 4px;
    padding: 16px;
    min-height: 130px;
    position: relative;
}
body.bo-azure-ui .bo-flow-step::before {
    content: "";
    position: absolute;
    top: 18px;
    right: 16px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f7630c;
    box-shadow: 0 0 0 4px rgba(247,99,12,.12);
}
body.bo-azure-ui .bo-flow-step strong {
    display: block;
    color: #15253a;
    font-size: 14px;
    margin-bottom: 8px;
}
body.bo-azure-ui .bo-flow-step p {
    margin: 0;
    font-size: 13px !important;
}
body.bo-azure-ui .bo-report-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}
body.bo-azure-ui .bo-report-timeline li {
    display: grid;
    grid-template-columns: 74px minmax(0,1fr);
    gap: 12px;
    align-items: center;
    padding: 11px 12px;
    border: 1px solid #dce8f2;
    background: #fff;
    border-radius: 4px;
}
body.bo-azure-ui .bo-report-timeline strong {
    color: #005a9e;
    font-size: 13px;
}
body.bo-azure-ui .bo-report-timeline span {
    color: #1d334a;
    font-size: 13px;
}
body.bo-azure-ui .bo-compliance-page .governance-card {
    border-left: 3px solid #107c10 !important;
}
body.bo-azure-ui .bo-automation-page .automation-lane-card {
    border-top: 3px solid #0078d4 !important;
}
body.bo-azure-ui .bo-ecosystem-page .ecosystem-card {
    border-top: 3px solid #f7630c !important;
}
body.bo-azure-ui .bo-builders-page .builder-card {
    border-top: 3px solid #00a3a3 !important;
}
body.bo-azure-ui .bo-reports-page .report-card {
    border-top: 3px solid #5c2d91 !important;
}
@media (max-width: 1180px) {
    body.bo-azure-ui .bo-flow-grid { grid-template-columns: 1fr; }
}

/* Batch 5: enterprise settings, tenant operations, API gateway and governance layer */
body.bo-azure-ui .azure-titlebar.compact h1 {
    font-size: clamp(28px, 3.2vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em;
    font-weight: 760 !important;
}
body.bo-azure-ui .azure-titlebar.compact p {
    max-width: 820px;
}
body.bo-azure-ui .bo-settings-layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}
body.bo-azure-ui .bo-settings-tabs {
    position: sticky;
    top: 120px;
    border: 1px solid #d2e2ef;
    background: #ffffff;
    border-radius: 4px;
    padding: 14px;
    box-shadow: 0 14px 30px rgba(16, 45, 74, .08);
}
body.bo-azure-ui .bo-settings-tabs strong {
    display: block;
    color: #14263a;
    font-size: 13px;
    margin-bottom: 10px;
}
body.bo-azure-ui .bo-settings-tabs a {
    display: block;
    color: #39566f;
    text-decoration: none;
    font-size: 13px;
    padding: 9px 10px;
    border-radius: 3px;
    border: 1px solid transparent;
}
body.bo-azure-ui .bo-settings-tabs a:hover,
body.bo-azure-ui .bo-settings-tabs a.active {
    background: #e8f3fc;
    color: #005a9e;
    border-color: #c7ddeb;
}
body.bo-azure-ui .settings-card,
body.bo-azure-ui .security-card,
body.bo-azure-ui .gateway-card,
body.bo-azure-ui .tenant-card,
body.bo-azure-ui .governance-card {
    min-height: 184px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
body.bo-azure-ui .settings-card small,
body.bo-azure-ui .gateway-card small {
    margin-top: auto;
    color: #005a9e;
    font-weight: 720;
    font-size: 12px;
}
body.bo-azure-ui .role-matrix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}
body.bo-azure-ui .role-matrix span {
    display: flex;
    align-items: center;
    min-height: 42px;
    border: 1px solid #d7e5f0;
    background: linear-gradient(180deg, #fff, #f6fbff);
    color: #18314b;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 700;
}
body.bo-azure-ui .azure-table code {
    display: inline-flex;
    padding: 4px 7px;
    background: #f4f8fb;
    border: 1px solid #d5e3ef;
    color: #004f8b;
    border-radius: 3px;
    font-size: 12px;
}
body.bo-azure-ui .import-flow {
    grid-template-columns: repeat(3, minmax(0,1fr));
    margin-bottom: 18px;
}
body.bo-azure-ui .bo-api-page .gateway-card { border-top: 3px solid #0078d4 !important; }
body.bo-azure-ui .bo-security-page .security-card { border-top: 3px solid #d13438 !important; }
body.bo-azure-ui .bo-settings-page .settings-card { border-top: 3px solid #605e5c !important; }
body.bo-azure-ui .bo-imports-page .bo-flow-step { border-top: 3px solid #f7630c !important; }
body.bo-azure-ui .bo-governance-page .governance-card { border-top: 3px solid #107c10 !important; }
body.bo-azure-ui .bo-tenant-page .tenant-card { border-top: 3px solid #5c2d91 !important; }
@media (max-width: 1180px) {
    body.bo-azure-ui .bo-settings-layout,
    body.bo-azure-ui .import-flow,
    body.bo-azure-ui .role-matrix { grid-template-columns: 1fr; }
    body.bo-azure-ui .bo-settings-tabs { position: relative; top: auto; }
}

/* Enterprise Batch 6 — Commercial orchestration layer */
body.bo-azure-ui .process-canvas {
    overflow: hidden;
}
body.bo-azure-ui .bo-flow.horizontal {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}
body.bo-azure-ui .bo-flow.horizontal.wrap-flow {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
body.bo-azure-ui .bo-flow-step {
    position: relative;
    min-height: 150px;
    border: 1px solid #d6e4ef;
    background: linear-gradient(180deg, #ffffff, #f5fbff);
    color: #17314b;
    border-radius: 5px;
    padding: 16px;
    box-shadow: 0 10px 26px rgba(14, 43, 70, .07);
}
body.bo-azure-ui .bo-flow-step::after {
    content: "";
    position: absolute;
    right: -13px;
    top: 50%;
    width: 13px;
    height: 1px;
    background: #9dbbd2;
}
body.bo-azure-ui .bo-flow-step:last-child::after { display: none; }
body.bo-azure-ui .bo-flow-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    border-radius: 999px;
    background: #e7f3fb;
    color: #005a9e;
    font-size: 12px;
    font-weight: 760;
    margin-bottom: 14px;
}
body.bo-azure-ui .bo-flow-step h3 {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.28;
    color: #102235;
}
body.bo-azure-ui .bo-flow-step p {
    margin: 0 0 12px;
    font-size: 13px;
    color: #4b647a;
}
body.bo-azure-ui .bo-flow-step.small {
    min-height: 96px;
}
body.bo-azure-ui .bo-flow-step.small h3 {
    font-size: 13px;
}
body.bo-azure-ui .emphasis {
    border-top: 3px solid #0078d4 !important;
}
body.bo-azure-ui .emphasis strong {
    display: block;
    font-size: 30px;
    line-height: 1;
    color: #005a9e;
    margin: 7px 0;
}
body.bo-azure-ui .emphasis small {
    color: #5f6f7f;
    font-size: 12px;
    font-weight: 760;
    text-transform: uppercase;
    letter-spacing: .08em;
}
body.bo-azure-ui .compact-grid {
    gap: 12px;
}
body.bo-azure-ui .mini-resource-card,
body.bo-azure-ui .network-segment,
body.bo-azure-ui .doc-card,
body.bo-azure-ui .offer-card,
body.bo-azure-ui .order-channel,
body.bo-azure-ui .certification-card {
    border: 1px solid #d6e4ef;
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    border-radius: 5px;
    padding: 18px;
    color: #17314b;
    min-height: 160px;
    box-shadow: 0 10px 24px rgba(14, 43, 70, .06);
}
body.bo-azure-ui .mini-resource-card h3,
body.bo-azure-ui .network-segment h3,
body.bo-azure-ui .doc-card h3,
body.bo-azure-ui .offer-card h3,
body.bo-azure-ui .order-channel h3,
body.bo-azure-ui .certification-card h3 {
    margin: 0 0 10px;
    font-size: 16px;
    color: #102235;
}
body.bo-azure-ui .mini-resource-card p,
body.bo-azure-ui .network-segment p,
body.bo-azure-ui .doc-card p,
body.bo-azure-ui .offer-card p,
body.bo-azure-ui .order-channel p,
body.bo-azure-ui .certification-card p {
    color: #506a80;
    font-size: 13px;
    margin: 0 0 14px;
}
body.bo-azure-ui .doc-card,
body.bo-azure-ui .bo-docflow-page .azure-card { border-top: 3px solid #107c10 !important; }
body.bo-azure-ui .bo-crm-page .azure-card { border-top: 3px solid #0078d4 !important; }
body.bo-azure-ui .bo-offers-page .azure-card { border-top: 3px solid #f7630c !important; }
body.bo-azure-ui .bo-orders-page .azure-card { border-top: 3px solid #5c2d91 !important; }
body.bo-azure-ui .bo-certification-page .azure-card { border-top: 3px solid #498205 !important; }
body.bo-azure-ui .bo-network-page .azure-card { border-top: 3px solid #00a2ad !important; }
body.bo-azure-ui .doc-icon {
    display: inline-flex;
    width: 34px;
    height: 42px;
    border-radius: 4px 4px 10px 4px;
    background: linear-gradient(135deg, #ffffff, #e2f3ff);
    border: 1px solid #bcd7eb;
    box-shadow: inset 0 -10px 18px rgba(0,120,212,.08);
    margin-bottom: 14px;
}
body.bo-azure-ui .docflow-board,
body.bo-azure-ui .network-matching {
    align-items: stretch;
}
body.bo-azure-ui .checklist-panel,
body.bo-azure-ui .match-list,
body.bo-azure-ui .offer-side {
    border: 1px solid #d6e4ef;
    background: #f8fbfe;
    border-radius: 4px;
    padding: 16px;
}
body.bo-azure-ui .check-row {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e1ecf4;
    color: #17314b;
    font-weight: 650;
    font-size: 13px;
}
body.bo-azure-ui .check-row:last-child { border-bottom: 0; }
body.bo-azure-ui .check-row span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #107c10;
    box-shadow: inset 0 0 0 5px #dff4df;
}
body.bo-azure-ui .azure-pipeline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}
body.bo-azure-ui .azure-pipeline span {
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #cfe0ed;
    border-radius: 4px;
    color: #17314b;
    font-size: 13px;
    font-weight: 750;
}
body.bo-azure-ui .azure-pipeline i {
    width: 24px;
    height: 1px;
    background: #9dbbd2;
}
body.bo-azure-ui .azure-pipeline.large span {
    min-width: 110px;
    text-align: center;
}
body.bo-azure-ui .offer-preview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
    gap: 18px;
}
body.bo-azure-ui .offer-paper {
    min-height: 260px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    border: 1px solid #d4e3ee;
    border-radius: 5px;
    padding: 24px;
    color: #17314b;
    box-shadow: 0 18px 44px rgba(14, 43, 70, .08);
}
body.bo-azure-ui .offer-paper span {
    color: #f7630c;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .08em;
}
body.bo-azure-ui .offer-paper h3 {
    margin: 22px 0 14px;
    font-size: 28px;
    max-width: 620px;
    color: #102235;
}
body.bo-azure-ui .offer-paper p,
body.bo-azure-ui .offer-side p,
body.bo-azure-ui .match-list p {
    color: #506a80;
}
body.bo-azure-ui .offer-side button {
    margin-top: 12px;
    border: 0;
    background: #0078d4;
    color: #fff;
    border-radius: 3px;
    padding: 11px 14px;
    font-weight: 750;
}
body.bo-azure-ui .match-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
body.bo-azure-ui .match-list article {
    background: #fff;
    border: 1px solid #d6e4ef;
    border-radius: 4px;
    padding: 14px;
}
body.bo-azure-ui .match-list strong {
    color: #102235;
    display: block;
    margin-bottom: 7px;
}
body.bo-azure-ui .bo-crm-page .bo-flow.horizontal { grid-template-columns: repeat(5, minmax(160px, 1fr)); }
@media (max-width: 1280px) {
    body.bo-azure-ui .bo-flow.horizontal,
    body.bo-azure-ui .bo-flow.horizontal.wrap-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.bo-azure-ui .offer-preview-grid,
    body.bo-azure-ui .match-list {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    body.bo-azure-ui .bo-flow.horizontal,
    body.bo-azure-ui .bo-flow.horizontal.wrap-flow {
        grid-template-columns: 1fr;
    }
    body.bo-azure-ui .bo-flow-step::after { display: none; }
}

/* ========================================================================
   Batch 6.5 — Clean Microsoft Azure-like enterprise UI correction
   Goal: fewer visual boxes, flatter resource blades, stronger professional
   color system, smaller typography, clean settings/admin portal feeling.
   ======================================================================== */
:root {
    --az-page: #f5f7fa;
    --az-surface: #ffffff;
    --az-surface-alt: #f8fafc;
    --az-border: #d8e2ec;
    --az-border-strong: #b8c9d9;
    --az-text: #1b2636;
    --az-text-soft: #33475b;
    --az-muted: #5d7086;
    --az-blue: #0078d4;
    --az-blue-dark: #005a9e;
    --az-blue-soft: #eaf4ff;
    --az-green: #107c10;
    --az-green-soft: #e9f7ec;
    --az-orange: #f7630c;
    --az-orange-soft: #fff2e6;
    --az-yellow: #f2c94c;
    --az-yellow-soft: #fff8df;
    --az-graphite: #4a5568;
    --az-graphite-soft: #edf0f3;
    --az-cyan: #00a6a6;
    --az-cyan-soft: #e6f8f8;
    --az-purple: #5c2d91;
    --az-purple-soft: #f1ecf8;
    --az-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 22px rgba(49, 85, 118, .06);
    --az-shadow-soft: 0 1px 2px rgba(16, 24, 40, .05);
    --az-font: "Segoe UI", Aptos, Inter, Roboto, Arial, sans-serif;
}

body.bo-azure-ui,
body.bo-azure-ui.has-global-header {
    font-family: var(--az-font) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: var(--az-text) !important;
    background:
        linear-gradient(90deg, rgba(0, 120, 212, .035) 1px, transparent 1px),
        linear-gradient(rgba(0, 120, 212, .03) 1px, transparent 1px),
        linear-gradient(180deg, #f9fbfd 0%, #f3f7fb 42%, #f7f8fa 100%) !important;
    background-size: 56px 56px, 56px 56px, auto !important;
}

body.bo-azure-ui *,
body.bo-azure-ui *::before,
body.bo-azure-ui *::after {
    box-shadow: none;
}

body.bo-azure-ui p,
body.bo-azure-ui li,
body.bo-azure-ui td,
body.bo-azure-ui span,
body.bo-azure-ui small {
    color: inherit;
}

body.bo-azure-ui p,
body.bo-azure-ui .muted,
body.bo-azure-ui .muted-text,
body.bo-azure-ui .bo-muted {
    color: var(--az-muted) !important;
}

body.bo-azure-ui h1,
body.bo-azure-ui h2,
body.bo-azure-ui h3,
body.bo-azure-ui h4,
body.bo-azure-ui strong {
    color: var(--az-text) !important;
    letter-spacing: -.015em !important;
}

body.bo-azure-ui h1 {
    font-size: clamp(24px, 2.35vw, 36px) !important;
    line-height: 1.16 !important;
    font-weight: 600 !important;
}
body.bo-azure-ui h2 {
    font-size: clamp(19px, 1.7vw, 26px) !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}
body.bo-azure-ui h3 {
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
}
body.bo-azure-ui h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
}

body.bo-azure-ui .section-label,
body.bo-azure-ui .eyebrow,
body.bo-azure-ui .nav-label {
    color: var(--az-graphite) !important;
    font-size: 10px !important;
    letter-spacing: .11em !important;
    font-weight: 700 !important;
}

/* Azure-like global top bar */
body.bo-azure-ui .site-header,
body.bo-azure-ui .bo-azure-header {
    width: 100% !important;
    max-width: none !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 8px 22px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--az-border) !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 1px 0 rgba(16,24,40,.04) !important;
    backdrop-filter: blur(18px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
    top: 0 !important;
}
body.bo-azure-ui .site-header::before { display: none !important; }
body.bo-azure-ui .brand-mark {
    width: 36px !important;
    height: 36px !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, var(--az-blue), var(--az-cyan)) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 16px rgba(0,120,212,.16) !important;
}
body.bo-azure-ui .brand strong,
body.bo-azure-ui .brand-mini strong {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--az-text) !important;
}
body.bo-azure-ui .brand small,
body.bo-azure-ui .brand-mini small {
    font-size: 11px !important;
    color: var(--az-muted) !important;
}
body.bo-azure-ui .header-search {
    height: 36px !important;
    max-width: 360px !important;
    border-radius: 3px !important;
    background: #fff !important;
    border: 1px solid #aebfd1 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.03) !important;
}
body.bo-azure-ui .header-search input {
    border: 0 !important;
    background: transparent !important;
    outline: 0 !important;
    font-size: 13px !important;
}
body.bo-azure-ui .nav-main {
    gap: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}
body.bo-azure-ui .nav-main a {
    padding: 9px 10px !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #24384f !important;
}
body.bo-azure-ui .nav-main a:hover,
body.bo-azure-ui .nav-main a:focus {
    color: var(--az-blue-dark) !important;
    background: var(--az-blue-soft) !important;
}
body.bo-azure-ui .language-switcher {
    height: 34px !important;
    padding: 2px !important;
    border-radius: 4px !important;
    background: #fff !important;
    border: 1px solid var(--az-border) !important;
}
body.bo-azure-ui .language-switcher a {
    padding: 5px 7px !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
body.bo-azure-ui .language-switcher a.is-active {
    background: var(--az-blue) !important;
    color: #fff !important;
}
body.bo-azure-ui .btn,
body.bo-azure-ui button {
    border-radius: 3px !important;
    min-height: 34px !important;
    padding: 7px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: background .12s ease, border-color .12s ease, color .12s ease !important;
}
body.bo-azure-ui .btn-primary {
    color: #fff !important;
    background: var(--az-blue) !important;
    border: 1px solid var(--az-blue) !important;
}
body.bo-azure-ui .btn-primary:hover { background: var(--az-blue-dark) !important; }
body.bo-azure-ui .btn-ghost {
    background: #fff !important;
    color: var(--az-blue-dark) !important;
    border: 1px solid #b8cce0 !important;
}
body.bo-azure-ui .btn:hover { transform: none !important; }

/* Azure application shell */
body.bo-azure-ui .dashboard-shell.with-global-header,
body.bo-azure-ui .dashboard-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 272px minmax(0, 1fr) !important;
    gap: 0 !important;
    min-height: calc(100vh - 58px) !important;
}
body.bo-azure-ui .sidebar,
body.bo-azure-ui .bo-sidebar-panel {
    position: sticky !important;
    top: 58px !important;
    height: calc(100vh - 58px) !important;
    max-height: none !important;
    overflow: auto !important;
    padding: 16px 14px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid var(--az-border) !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: none !important;
}
body.bo-azure-ui .sidebar .brand {
    padding: 4px 2px 15px !important;
    margin: 0 0 12px !important;
    border-bottom: 1px solid var(--az-border) !important;
}
body.bo-azure-ui .sidebar-search {
    min-height: 34px !important;
    margin: 10px 0 14px !important;
    border-radius: 3px !important;
    background: #fff !important;
    border: 1px solid #b8cadd !important;
    box-shadow: none !important;
}
body.bo-azure-ui .sidebar-search input {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
}
body.bo-azure-ui .sidebar-nav {
    display: grid !important;
    gap: 1px !important;
}
body.bo-azure-ui .sidebar-nav a,
body.bo-azure-ui .sidebar-nav .nav-label {
    border-radius: 2px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
}
body.bo-azure-ui .sidebar-nav a {
    color: #24384f !important;
    font-weight: 500 !important;
    border-left: 3px solid transparent !important;
}
body.bo-azure-ui .sidebar-nav a:hover {
    color: var(--az-blue-dark) !important;
    background: var(--az-blue-soft) !important;
}
body.bo-azure-ui .sidebar-nav a.is-active,
body.bo-azure-ui .sidebar-nav a.is-emphasis {
    color: #003f73 !important;
    background: #deeffc !important;
    border-left-color: var(--az-blue) !important;
    font-weight: 600 !important;
}
body.bo-azure-ui .nav-label {
    margin-top: 12px !important;
    color: #65768a !important;
}
body.bo-azure-ui .sidebar-separator {
    height: 1px !important;
    margin: 10px 0 !important;
    background: var(--az-border) !important;
}
body.bo-azure-ui .dashboard-main {
    min-width: 0 !important;
    padding: 18px 22px 60px !important;
    color: var(--az-text) !important;
}

/* Remove glassy circus effect: flat enterprise blades */
body.bo-azure-ui .glass-panel,
body.bo-azure-ui .glass-card,
body.bo-azure-ui .glass-panel-soft,
body.bo-azure-ui .auth-panel,
body.bo-azure-ui .azure-card,
body.bo-azure-ui .enterprise-hero,
body.bo-azure-ui .compact-hero,
body.bo-azure-ui .command-card,
body.bo-azure-ui .table-panel,
body.bo-azure-ui .form-section,
body.bo-azure-ui .map-card,
body.bo-azure-ui .map-results,
body.bo-azure-ui .empty-state,
body.bo-azure-ui .alert {
    border-radius: 4px !important;
    border: 1px solid var(--az-border) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: var(--az-shadow-soft) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: var(--az-text) !important;
}

/* Resource title blades instead of huge promo cards */
body.bo-azure-ui .azure-titlebar,
body.bo-azure-ui .enterprise-hero,
body.bo-azure-ui .compact-hero {
    display: block !important;
    min-height: auto !important;
    padding: 20px 24px !important;
    margin: 0 0 16px !important;
    background:
        linear-gradient(90deg, rgba(0,120,212,.055), transparent 42%),
        #fff !important;
    border-left: 4px solid var(--az-blue) !important;
}
body.bo-azure-ui .enterprise-hero > div:last-child,
body.bo-azure-ui .compact-hero > div:last-child,
body.bo-azure-ui .directory-console,
body.bo-azure-ui .mining-filter,
body.bo-azure-ui .kanban-preview,
body.bo-azure-ui .ticket-stack,
body.bo-azure-ui .payment-terminal {
    margin-top: 16px !important;
}
body.bo-azure-ui .enterprise-hero h1,
body.bo-azure-ui .azure-titlebar h1 {
    max-width: 980px !important;
    font-size: clamp(25px, 2.3vw, 34px) !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}
body.bo-azure-ui .enterprise-hero p,
body.bo-azure-ui .azure-titlebar p {
    max-width: 980px !important;
    font-size: 13.5px !important;
    line-height: 1.62 !important;
    color: var(--az-muted) !important;
}

/* Convert big grids into compact resource panels */
body.bo-azure-ui .enterprise-metrics,
body.bo-azure-ui .module-card-grid,
body.bo-azure-ui .entity-grid,
body.bo-azure-ui .source-grid,
body.bo-azure-ui .dashboard-grid,
body.bo-azure-ui .feature-grid,
body.bo-azure-ui .company-grid,
body.bo-azure-ui .pricing-grid,
body.bo-azure-ui .capability-grid,
body.bo-azure-ui .integration-grid,
body.bo-azure-ui .product-grid,
body.bo-azure-ui .ops-grid,
body.bo-azure-ui .azure-grid.three,
body.bo-azure-ui .azure-grid.four {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
}
body.bo-azure-ui .dashboard-grid {
    grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)) !important;
}
body.bo-azure-ui .enterprise-metrics article,
body.bo-azure-ui .module-feature,
body.bo-azure-ui .entity-card,
body.bo-azure-ui .source-card,
body.bo-azure-ui .module-panel,
body.bo-azure-ui .feature-card,
body.bo-azure-ui .price-card,
body.bo-azure-ui .company-card,
body.bo-azure-ui .capability-card,
body.bo-azure-ui .product-card,
body.bo-azure-ui .integration-chip,
body.bo-azure-ui .automation-row,
body.bo-azure-ui .mini-resource-card,
body.bo-azure-ui .network-segment,
body.bo-azure-ui .doc-card,
body.bo-azure-ui .offer-card,
body.bo-azure-ui .order-channel,
body.bo-azure-ui .certification-card,
body.bo-azure-ui .settings-card,
body.bo-azure-ui .security-card,
body.bo-azure-ui .gateway-card,
body.bo-azure-ui .tenant-card,
body.bo-azure-ui .governance-card,
body.bo-azure-ui .automation-lane-card,
body.bo-azure-ui .ecosystem-card,
body.bo-azure-ui .builder-card,
body.bo-azure-ui .report-card,
body.bo-azure-ui .clickable-card {
    min-height: auto !important;
    padding: 15px 16px !important;
    border-radius: 4px !important;
    background: #fff !important;
    border: 1px solid var(--az-border) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    color: var(--az-text) !important;
}
body.bo-azure-ui .enterprise-metrics article:hover,
body.bo-azure-ui .module-feature:hover,
body.bo-azure-ui .entity-card:hover,
body.bo-azure-ui .source-card:hover,
body.bo-azure-ui .module-panel:hover,
body.bo-azure-ui .feature-card:hover,
body.bo-azure-ui .price-card:hover,
body.bo-azure-ui .company-card:hover,
body.bo-azure-ui .capability-card:hover,
body.bo-azure-ui .product-card:hover,
body.bo-azure-ui .integration-chip:hover,
body.bo-azure-ui .clickable-card:hover {
    transform: none !important;
    border-color: #9fc6e6 !important;
    box-shadow: 0 0 0 1px #cce4f7 !important;
}
body.bo-azure-ui .enterprise-metrics article::after,
body.bo-azure-ui .module-feature::after,
body.bo-azure-ui .feature-card::before,
body.bo-azure-ui .price-card::before,
body.bo-azure-ui .product-card::before,
body.bo-azure-ui .capability-card::before,
body.bo-azure-ui .company-card::before,
body.bo-azure-ui .command-card::after {
    display: none !important;
}

/* Colored accents — professional, not decorative */
body.bo-azure-ui .entity-card:nth-child(6n+1),
body.bo-azure-ui .module-feature:nth-child(6n+1),
body.bo-azure-ui .source-card:nth-child(6n+1),
body.bo-azure-ui .clickable-card:nth-child(6n+1),
body.bo-azure-ui .azure-card:nth-child(6n+1) { border-top: 3px solid var(--az-blue) !important; }
body.bo-azure-ui .entity-card:nth-child(6n+2),
body.bo-azure-ui .module-feature:nth-child(6n+2),
body.bo-azure-ui .source-card:nth-child(6n+2),
body.bo-azure-ui .clickable-card:nth-child(6n+2),
body.bo-azure-ui .azure-card:nth-child(6n+2) { border-top: 3px solid var(--az-green) !important; }
body.bo-azure-ui .entity-card:nth-child(6n+3),
body.bo-azure-ui .module-feature:nth-child(6n+3),
body.bo-azure-ui .source-card:nth-child(6n+3),
body.bo-azure-ui .clickable-card:nth-child(6n+3),
body.bo-azure-ui .azure-card:nth-child(6n+3) { border-top: 3px solid var(--az-orange) !important; }
body.bo-azure-ui .entity-card:nth-child(6n+4),
body.bo-azure-ui .module-feature:nth-child(6n+4),
body.bo-azure-ui .source-card:nth-child(6n+4),
body.bo-azure-ui .clickable-card:nth-child(6n+4),
body.bo-azure-ui .azure-card:nth-child(6n+4) { border-top: 3px solid var(--az-yellow) !important; }
body.bo-azure-ui .entity-card:nth-child(6n+5),
body.bo-azure-ui .module-feature:nth-child(6n+5),
body.bo-azure-ui .source-card:nth-child(6n+5),
body.bo-azure-ui .clickable-card:nth-child(6n+5),
body.bo-azure-ui .azure-card:nth-child(6n+5) { border-top: 3px solid var(--az-graphite) !important; }
body.bo-azure-ui .entity-card:nth-child(6n),
body.bo-azure-ui .module-feature:nth-child(6n),
body.bo-azure-ui .source-card:nth-child(6n),
body.bo-azure-ui .clickable-card:nth-child(6n),
body.bo-azure-ui .azure-card:nth-child(6n) { border-top: 3px solid var(--az-cyan) !important; }

body.bo-azure-ui .enterprise-metrics span,
body.bo-azure-ui .module-feature span,
body.bo-azure-ui .card-index,
body.bo-azure-ui .entity-card-head span,
body.bo-azure-ui .entity-card-head em,
body.bo-azure-ui .source-card > span,
body.bo-azure-ui .status-badge,
body.bo-azure-ui .azure-status,
body.bo-azure-ui .pill {
    border-radius: 999px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
body.bo-azure-ui .enterprise-metrics span,
body.bo-azure-ui .module-feature span,
body.bo-azure-ui .card-index { background: var(--az-orange-soft) !important; color: #8a3c00 !important; border: 1px solid #ffd2a3 !important; }
body.bo-azure-ui .status-badge,
body.bo-azure-ui .entity-card-head em,
body.bo-azure-ui .azure-status.ok { background: var(--az-green-soft) !important; color: var(--az-green) !important; border-color: #bfe6c7 !important; }
body.bo-azure-ui .azure-status.roadmap { background: var(--az-yellow-soft) !important; color: #775500 !important; border-color: #ead27b !important; }
body.bo-azure-ui .azure-status.neutral,
body.bo-azure-ui .pill { background: var(--az-blue-soft) !important; color: var(--az-blue-dark) !important; border-color: #bdd9ee !important; }

body.bo-azure-ui .entity-card h3,
body.bo-azure-ui .source-card h3,
body.bo-azure-ui .module-feature h3,
body.bo-azure-ui .feature-card h2,
body.bo-azure-ui .company-card h2,
body.bo-azure-ui .product-card h3,
body.bo-azure-ui .azure-card h2,
body.bo-azure-ui .azure-card h3,
body.bo-azure-ui .clickable-card h2,
body.bo-azure-ui .clickable-card h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--az-text) !important;
    margin-bottom: 8px !important;
}
body.bo-azure-ui .entity-card p,
body.bo-azure-ui .source-card p,
body.bo-azure-ui .module-feature p,
body.bo-azure-ui .feature-card p,
body.bo-azure-ui .company-card p,
body.bo-azure-ui .product-card p,
body.bo-azure-ui .azure-card p,
body.bo-azure-ui .clickable-card p {
    font-size: 13px !important;
    color: var(--az-muted) !important;
    margin-bottom: 8px !important;
}

/* Dashboard overview: no giant white blocks */
body.bo-azure-ui .dashboard-summary {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
body.bo-azure-ui .dashboard-summary div,
body.bo-azure-ui .metric-card {
    background: #fff !important;
    border: 1px solid var(--az-border) !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
    box-shadow: none !important;
}
body.bo-azure-ui .dashboard-summary strong,
body.bo-azure-ui .metric-card strong,
body.bo-azure-ui .emphasis strong,
body.bo-azure-ui .metric strong {
    color: var(--az-blue-dark) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}
body.bo-azure-ui .dashboard-summary span,
body.bo-azure-ui .metric-card span,
body.bo-azure-ui .metric span {
    color: var(--az-muted) !important;
    font-size: 12px !important;
}
body.bo-azure-ui .dashboard-heading,
body.bo-azure-ui .page-heading,
body.bo-azure-ui .azure-section-head,
body.bo-azure-ui .section-head {
    margin-bottom: 14px !important;
}
body.bo-azure-ui .dashboard-heading h1,
body.bo-azure-ui .page-heading h1 {
    font-size: clamp(24px, 2.3vw, 34px) !important;
    font-weight: 600 !important;
}

/* Tables, command bars and forms — Azure settings style */
body.bo-azure-ui .resource-commandbar,
body.bo-azure-ui .azure-actions,
body.bo-azure-ui .enterprise-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 10px 0 12px !important;
}
body.bo-azure-ui .resource-commandbar button,
body.bo-azure-ui .azure-small-btn,
body.bo-azure-ui .connection-form button,
body.bo-azure-ui .bo-form button {
    border-radius: 3px !important;
    border: 1px solid #b8cce0 !important;
    background: #fff !important;
    color: var(--az-blue-dark) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 10px !important;
}
body.bo-azure-ui .resource-commandbar button:hover,
body.bo-azure-ui .azure-small-btn:hover {
    background: var(--az-blue-soft) !important;
    border-color: #8dbfe4 !important;
}
body.bo-azure-ui .azure-table,
body.bo-azure-ui .enterprise-table table,
body.bo-azure-ui .data-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff !important;
    border: 1px solid var(--az-border) !important;
}
body.bo-azure-ui .azure-table th,
body.bo-azure-ui .azure-table td,
body.bo-azure-ui .enterprise-table th,
body.bo-azure-ui .enterprise-table td,
body.bo-azure-ui .data-table th,
body.bo-azure-ui .data-table td,
body.bo-azure-ui th,
body.bo-azure-ui td {
    padding: 10px 12px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #e5edf5 !important;
    color: var(--az-text-soft) !important;
}
body.bo-azure-ui .azure-table th,
body.bo-azure-ui .enterprise-table th,
body.bo-azure-ui .data-table th,
body.bo-azure-ui th {
    background: #f6f8fa !important;
    color: #4b5d70 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
body.bo-azure-ui input,
body.bo-azure-ui select,
body.bo-azure-ui textarea {
    min-height: 34px !important;
    border-radius: 3px !important;
    border: 1px solid #b8cadd !important;
    background: #fff !important;
    color: var(--az-text) !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}
body.bo-azure-ui input:focus,
body.bo-azure-ui select:focus,
body.bo-azure-ui textarea:focus {
    outline: 2px solid rgba(0,120,212,.22) !important;
    outline-offset: 0 !important;
    border-color: var(--az-blue) !important;
}
body.bo-azure-ui label span {
    color: #44566a !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Flow/process components: compact and calm */
body.bo-azure-ui .bo-flow.horizontal,
body.bo-azure-ui .bo-flow.horizontal.wrap-flow,
body.bo-azure-ui .bo-flow-grid,
body.bo-azure-ui .import-flow {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 8px !important;
}
body.bo-azure-ui .bo-flow-step,
body.bo-azure-ui .bo-flow-step.small,
body.bo-azure-ui .bo-flow-step.bo-flow-step {
    min-height: auto !important;
    padding: 13px 14px !important;
    border-radius: 4px !important;
    background: #fff !important;
    border: 1px solid var(--az-border) !important;
    box-shadow: none !important;
}
body.bo-azure-ui .bo-flow-step::before,
body.bo-azure-ui .bo-flow-step::after { display: none !important; }
body.bo-azure-ui .bo-flow-step span {
    min-width: 24px !important;
    height: 24px !important;
    margin-bottom: 10px !important;
    background: var(--az-blue-soft) !important;
    color: var(--az-blue-dark) !important;
    font-weight: 600 !important;
}
body.bo-azure-ui .bo-flow-step h3 {
    font-size: 14px !important;
    margin-bottom: 6px !important;
}
body.bo-azure-ui .bo-flow-step p { font-size: 12.5px !important; }

/* Directory/tree widgets — real settings-panel feeling */
body.bo-azure-ui .directory-admin-grid,
body.bo-azure-ui .bo-settings-layout,
body.bo-azure-ui .azure-layout-2,
body.bo-azure-ui .azure-layout-2-1,
body.bo-azure-ui .two-column-module,
body.bo-azure-ui .offer-preview-grid,
body.bo-azure-ui .map-layout {
    gap: 12px !important;
}
body.bo-azure-ui .directory-tree-panel,
body.bo-azure-ui .bo-settings-tabs,
body.bo-azure-ui .checklist-panel,
body.bo-azure-ui .match-list,
body.bo-azure-ui .offer-side,
body.bo-azure-ui .workflow-panel,
body.bo-azure-ui .payment-terminal,
body.bo-azure-ui .ticket-stack,
body.bo-azure-ui .kanban-preview,
body.bo-azure-ui .mining-filter,
body.bo-azure-ui .directory-console {
    border-radius: 4px !important;
    background: #fff !important;
    border: 1px solid var(--az-border) !important;
    box-shadow: none !important;
    padding: 14px !important;
}
body.bo-azure-ui .tree-node,
body.bo-azure-ui .tree-branch span,
body.bo-azure-ui .tree-detail,
body.bo-azure-ui .mining-filter label,
body.bo-azure-ui .ticket-row,
body.bo-azure-ui .kanban-preview div,
body.bo-azure-ui .workflow-line div,
body.bo-azure-ui .connection-matrix span,
body.bo-azure-ui .role-matrix span,
body.bo-azure-ui .board-column,
body.bo-azure-ui .match-list article {
    border-radius: 3px !important;
    border: 1px solid var(--az-border) !important;
    background: #f8fafc !important;
    padding: 10px 12px !important;
    color: var(--az-text-soft) !important;
    box-shadow: none !important;
}
body.bo-azure-ui .tree-node.root {
    background: var(--az-blue-soft) !important;
    color: var(--az-blue-dark) !important;
    border-color: #b9d9f0 !important;
}

/* Kill all previous decorative heavy movement */
body.bo-azure-ui .fade-up,
body.bo-azure-ui .float-slow,
body.bo-azure-ui .reveal-on-scroll,
body.bo-azure-ui .enterprise-page > *,
body.bo-azure-ui .module-feature,
body.bo-azure-ui .entity-card,
body.bo-azure-ui .source-card {
    animation: none !important;
    transition: border-color .12s ease, background .12s ease !important;
}

@media (max-width: 1180px) {
    body.bo-azure-ui .dashboard-shell.with-global-header,
    body.bo-azure-ui .dashboard-shell {
        grid-template-columns: 1fr !important;
    }
    body.bo-azure-ui .sidebar,
    body.bo-azure-ui .bo-sidebar-panel {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--az-border) !important;
    }
    body.bo-azure-ui .site-header { flex-wrap: wrap !important; }
    body.bo-azure-ui .header-search { order: 3; flex-basis: 100%; max-width: none !important; }
}
@media (max-width: 760px) {
    body.bo-azure-ui .site-header { padding: 10px 12px !important; }
    body.bo-azure-ui .dashboard-main { padding: 14px 12px 42px !important; }
    body.bo-azure-ui h1 { font-size: 26px !important; }
    body.bo-azure-ui .enterprise-hero,
    body.bo-azure-ui .compact-hero,
    body.bo-azure-ui .azure-titlebar { padding: 16px !important; }
}

/* Batch 7 — Azure-clean enterprise controls: capital, brokers, approvals and relationship graph */
body.bo-azure-ui .azure-command-panel,
body.bo-azure-ui .azure-blade {
    border: 1px solid var(--az-border, #d7e3ee) !important;
    background: rgba(255,255,255,.96) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 2px rgba(16,34,53,.06) !important;
    padding: 18px 20px !important;
    margin: 0 0 14px !important;
    color: var(--az-text, #15233a) !important;
}
body.bo-azure-ui .azure-command-bar {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--az-border, #d7e3ee);
    margin-bottom: 12px;
}
body.bo-azure-ui .azure-command-bar button {
    min-height: 31px;
    border-radius: 2px;
    border: 1px solid #b8cadd;
    background: #fff;
    color: #12314d;
    font-size: 12px;
    padding: 6px 10px;
    cursor: pointer;
}
body.bo-azure-ui .azure-command-bar button:first-child {
    border-color: var(--az-blue, #0078d4);
    background: var(--az-blue, #0078d4);
    color: #fff;
}
body.bo-azure-ui .azure-command-bar button:hover {
    border-color: var(--az-blue, #0078d4);
    background: #eef6fc;
    color: #004b84;
}
body.bo-azure-ui .azure-command-bar button:first-child:hover {
    background: #005a9e;
    color:#fff;
}
body.bo-azure-ui .azure-info-strip {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
body.bo-azure-ui .azure-info-strip span,
body.bo-azure-ui .azure-pill-list span {
    display:inline-flex;
    align-items:center;
    min-height: 28px;
    border:1px solid #cbddeb;
    background:#fff;
    color:#22364c;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}
body.bo-azure-ui .azure-info-strip .accent-blue { border-color:#9dcced; background:#edf6ff; color:#005a9e; }
body.bo-azure-ui .azure-info-strip .accent-green { border-color:#bfe6c7; background:#eef9f1; color:#107c41; }
body.bo-azure-ui .azure-info-strip .accent-orange { border-color:#ffd2a3; background:#fff4e8; color:#8a3c00; }
body.bo-azure-ui .azure-info-strip .accent-yellow { border-color:#ead27b; background:#fff9df; color:#775500; }
body.bo-azure-ui .azure-info-strip .accent-graphite { border-color:#c6ccd2; background:#f3f4f6; color:#3b3f45; }
body.bo-azure-ui .split-blade {
    display:grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
    gap: 22px;
    align-items:start;
}
body.bo-azure-ui .azure-pill-list {
    display:flex;
    flex-wrap:wrap;
    gap: 8px;
}
body.bo-azure-ui .bo-azure-table {
    border-collapse: collapse !important;
    width: 100%;
    background: #fff;
    border: 1px solid #d7e3ee;
}
body.bo-azure-ui .bo-azure-table th {
    background: #f4f8fb;
    color: #33475d;
    font-weight: 650;
    font-size: 12px;
    text-align: left;
    border-bottom: 1px solid #d7e3ee;
    padding: 10px 12px;
}
body.bo-azure-ui .bo-azure-table td {
    color: #1d3045;
    font-size: 13px;
    padding: 11px 12px;
    border-bottom: 1px solid #e7eef5;
    vertical-align: top;
}
body.bo-azure-ui .bo-azure-table tr:hover td { background:#f8fbfe; }
body.bo-azure-ui .bo-compact-flow.bo-flow.horizontal { gap: 8px !important; }
body.bo-azure-ui .bo-compact-flow .bo-flow-step { min-height: 118px !important; }
@media (max-width: 980px) {
    body.bo-azure-ui .split-blade { grid-template-columns: 1fr; }
    body.bo-azure-ui .azure-command-bar { align-items: stretch; }
    body.bo-azure-ui .azure-command-bar button { width: 100%; }
}

/* --------------------------------------------------------------------------
   Azure-clean Slovak enterprise redesign: no marketing cards, no heavy fonts
   -------------------------------------------------------------------------- */
body.bo-azure-ui {
    --az-blue:#0078d4;
    --az-blue-dark:#004578;
    --az-blue-pale:#eef6fc;
    --az-green:#107c41;
    --az-green-pale:#edf8f1;
    --az-orange:#f7630c;
    --az-orange-pale:#fff4e8;
    --az-yellow:#f2c811;
    --az-yellow-pale:#fff9df;
    --az-cyan:#00a2ad;
    --az-cyan-pale:#e8fbfd;
    --az-graphite:#4a5563;
    --az-silver:#f5f7fa;
    --az-line:#d6e1eb;
    --az-line-strong:#b7c7d8;
    --az-text:#1b2a3a;
    --az-muted:#52677d;
    background:#f4f8fc !important;
    color:var(--az-text) !important;
    font-family:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Inter", Arial, sans-serif !important;
    font-size:14px !important;
    line-height:1.5 !important;
}
body.bo-azure-ui::before {
    opacity:.45 !important;
    background-image: linear-gradient(rgba(0,120,212,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(0,120,212,.045) 1px, transparent 1px) !important;
    background-size:48px 48px !important;
}
body.bo-azure-ui h1,
body.bo-azure-ui h2,
body.bo-azure-ui h3,
body.bo-azure-ui h4,
body.bo-azure-ui strong {
    font-family:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    color:var(--az-text) !important;
}
body.bo-azure-ui h1 {
    font-size:28px !important;
    line-height:1.18 !important;
    font-weight:520 !important;
    margin:0 !important;
}
body.bo-azure-ui h2 {
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:520 !important;
}
body.bo-azure-ui h3 {
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:560 !important;
}
body.bo-azure-ui p,
body.bo-azure-ui li,
body.bo-azure-ui td,
body.bo-azure-ui span {
    color:var(--az-muted) !important;
    font-weight:400 !important;
}

/* Header and sidebar: Azure-like, flat, calm */
body.bo-azure-ui .site-header {
    min-height:58px !important;
    padding:8px 14px !important;
    border-bottom:1px solid var(--az-line) !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 1px 2px rgba(30,55,80,.06) !important;
}
body.bo-azure-ui .brand { gap:10px !important; }
body.bo-azure-ui .brand-mark {
    width:34px !important;
    height:34px !important;
    border-radius:4px !important;
    box-shadow:none !important;
    font-size:12px !important;
    background:linear-gradient(135deg, #0078d4, #00a2ad) !important;
}
body.bo-azure-ui .brand strong { font-size:14px !important; font-weight:600 !important; }
body.bo-azure-ui .brand small { font-size:12px !important; color:#557086 !important; }
body.bo-azure-ui .header-search {
    height:34px !important;
    max-width:300px !important;
    border-radius:2px !important;
    border:1px solid #b8cadd !important;
    background:#fff !important;
    box-shadow:none !important;
}
body.bo-azure-ui .header-search input { font-size:13px !important; }
body.bo-azure-ui .nav-main {
    gap:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
body.bo-azure-ui .nav-main a {
    min-height:34px !important;
    border-radius:0 !important;
    padding:9px 10px !important;
    color:#19304a !important;
    font-size:13px !important;
    font-weight:560 !important;
    border-bottom:2px solid transparent !important;
}
body.bo-azure-ui .nav-main a:hover {
    background:#eef6fc !important;
    border-bottom-color:var(--az-blue) !important;
}
body.bo-azure-ui .language-switcher {
    border-radius:2px !important;
    border:1px solid #cbddeb !important;
    background:#fff !important;
    gap:0 !important;
}
body.bo-azure-ui .language-switcher a {
    border-radius:0 !important;
    min-width:32px !important;
    height:30px !important;
    font-size:12px !important;
    font-weight:520 !important;
}
body.bo-azure-ui .language-switcher a.is-active { background:var(--az-blue) !important; color:#fff !important; }
body.bo-azure-ui .btn,
body.bo-azure-ui .btn-primary,
body.bo-azure-ui .btn-ghost,
body.bo-azure-ui button {
    border-radius:2px !important;
    font-weight:520 !important;
    box-shadow:none !important;
    letter-spacing:0 !important;
}
body.bo-azure-ui .dashboard-shell.with-global-header {
    grid-template-columns:300px minmax(0,1fr) !important;
    gap:0 !important;
}
body.bo-azure-ui .dashboard-main {
    padding:18px 22px 52px !important;
    max-width:none !important;
}
body.bo-azure-ui .sidebar {
    width:300px !important;
    border-right:1px solid var(--az-line) !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:14px 12px !important;
}
body.bo-azure-ui .sidebar .brand { padding:0 6px 14px !important; border-bottom:1px solid var(--az-line) !important; }
body.bo-azure-ui .sidebar-search {
    margin:12px 0 14px !important;
    border-radius:2px !important;
    border:1px solid #b8cadd !important;
    box-shadow:none !important;
    background:#fff !important;
}
body.bo-azure-ui .sidebar-nav { gap:0 !important; }
body.bo-azure-ui .nav-label {
    margin:16px 8px 7px !important;
    font-size:11px !important;
    color:#5b6f83 !important;
    letter-spacing:.11em !important;
    font-weight:650 !important;
    text-transform:uppercase !important;
}
body.bo-azure-ui .sidebar-nav a {
    height:32px !important;
    padding:7px 10px !important;
    margin:0 !important;
    border:0 !important;
    border-left:3px solid transparent !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#20364d !important;
    font-size:13px !important;
    font-weight:460 !important;
    box-shadow:none !important;
}
body.bo-azure-ui .sidebar-nav a:hover { background:#eef6fc !important; color:#004578 !important; }
body.bo-azure-ui .sidebar-nav a.is-active {
    background:#e5f2fb !important;
    border-left-color:var(--az-blue) !important;
    color:#003e6b !important;
    font-weight:560 !important;
}
body.bo-azure-ui .sidebar-separator { height:1px !important; margin:12px 0 !important; background:var(--az-line) !important; }

/* New no-card portal layout */
body.bo-azure-ui .bo-portal-page {
    max-width:1480px;
    margin:0 auto;
}
body.bo-azure-ui .bo-page-heading {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding:18px 20px 16px;
    background:#fff;
    border:1px solid var(--az-line);
    border-left:4px solid var(--az-blue);
    border-radius:0;
    box-shadow:none;
    margin-bottom:10px;
}
body.bo-azure-ui .bo-kicker,
body.bo-azure-ui .eyebrow {
    margin:0 0 8px !important;
    color:#5a6f84 !important;
    font-size:11px !important;
    font-weight:650 !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
}
body.bo-azure-ui .bo-page-intro {
    max-width:980px;
    margin:10px 0 0 !important;
    font-size:14px !important;
    color:#52677d !important;
}
body.bo-azure-ui .bo-commandbar {
    display:flex;
    align-items:center;
    gap:7px;
    padding:8px 10px;
    background:#f8fbfe;
    border:1px solid var(--az-line);
    border-top:0;
    margin-bottom:14px;
}
body.bo-azure-ui .bo-commandbar button {
    min-height:30px;
    padding:5px 10px;
    border:1px solid #b8cadd !important;
    background:#fff !important;
    color:#12314d !important;
    font-size:12px !important;
    cursor:pointer;
}
body.bo-azure-ui .bo-commandbar button:first-child {
    background:var(--az-blue) !important;
    color:#fff !important;
    border-color:var(--az-blue) !important;
}
body.bo-azure-ui .bo-commandbar button:hover { background:#eef6fc !important; border-color:var(--az-blue) !important; color:#004578 !important; }
body.bo-azure-ui .bo-commandbar button:first-child:hover { background:#005a9e !important; color:#fff !important; }
body.bo-azure-ui .bo-list-section,
body.bo-azure-ui .bo-blade {
    background:#fff;
    border:1px solid var(--az-line);
    border-radius:0;
    box-shadow:none;
    margin:0 0 14px;
    padding:16px 18px;
}
body.bo-azure-ui .bo-list-section { border-top:3px solid var(--az-blue); }
body.bo-azure-ui .bo-blade { border-left:3px solid var(--az-blue); }
body.bo-azure-ui .bo-blade.accent-green { border-left-color:var(--az-green); }
body.bo-azure-ui .bo-blade.accent-orange { border-left-color:var(--az-orange); }
body.bo-azure-ui .bo-blade.accent-yellow { border-left-color:var(--az-yellow); }
body.bo-azure-ui .bo-blade.accent-cyan { border-left-color:var(--az-cyan); }
body.bo-azure-ui .bo-blade.accent-graphite { border-left-color:var(--az-graphite); }
body.bo-azure-ui .bo-section-title { margin:0 0 12px; }
body.bo-azure-ui .bo-section-title h2 { margin:0 0 6px !important; }
body.bo-azure-ui .bo-section-title p {
    margin:0 0 5px !important;
    font-size:11px !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    color:#65798c !important;
    font-weight:650 !important;
}
body.bo-azure-ui .bo-section-title span { font-size:13px !important; color:#53687d !important; }
body.bo-azure-ui .bo-resource-list { border-top:1px solid var(--az-line); }
body.bo-azure-ui .bo-resource-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(210px,auto);
    gap:16px;
    align-items:center;
    min-height:58px;
    padding:11px 12px 11px 14px;
    border-bottom:1px solid #e7eef5;
    border-left:3px solid var(--az-blue);
    background:#fff;
}
body.bo-azure-ui .bo-resource-row:hover { background:#f8fbfe; }
body.bo-azure-ui .bo-resource-row.accent-green { border-left-color:var(--az-green); }
body.bo-azure-ui .bo-resource-row.accent-orange { border-left-color:var(--az-orange); }
body.bo-azure-ui .bo-resource-row.accent-yellow { border-left-color:var(--az-yellow); }
body.bo-azure-ui .bo-resource-row.accent-cyan { border-left-color:var(--az-cyan); }
body.bo-azure-ui .bo-resource-row.accent-graphite { border-left-color:var(--az-graphite); }
body.bo-azure-ui .bo-row-main strong {
    display:block;
    font-size:14px !important;
    font-weight:560 !important;
    margin-bottom:2px;
}
body.bo-azure-ui .bo-row-main span { font-size:13px !important; }
body.bo-azure-ui .bo-row-meta {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    white-space:nowrap;
}
body.bo-azure-ui .bo-row-meta span,
body.bo-azure-ui .bo-row-meta em,
body.bo-azure-ui .bo-status-inline {
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 8px;
    border:1px solid #cbddeb;
    background:#f8fbfe;
    color:#31516e !important;
    border-radius:999px;
    font-size:12px !important;
    font-style:normal;
    font-weight:520 !important;
}
body.bo-azure-ui .bo-section-grid {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}
body.bo-azure-ui .bo-clean-list {
    margin:10px 0 0;
    padding:0;
    list-style:none;
    border-top:1px solid var(--az-line);
}
body.bo-azure-ui .bo-clean-list li {
    padding:8px 0;
    border-bottom:1px solid #e8eff6;
    color:#344b64 !important;
    font-size:13px !important;
}
body.bo-azure-ui .bo-tagline {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
}
body.bo-azure-ui .bo-tagline span {
    min-height:26px;
    padding:4px 9px;
    border-radius:999px;
    border:1px solid #cbddeb;
    background:#fff;
    color:#244562 !important;
    font-size:12px !important;
    font-weight:520 !important;
}
body.bo-azure-ui .bo-admin-table,
body.bo-azure-ui .azure-table,
body.bo-azure-ui .bo-azure-table {
    width:100%;
    border-collapse:collapse !important;
    background:#fff !important;
    border:1px solid var(--az-line) !important;
    box-shadow:none !important;
}
body.bo-azure-ui .bo-admin-table th,
body.bo-azure-ui .azure-table th,
body.bo-azure-ui .bo-azure-table th {
    background:#f3f7fb !important;
    color:#314960 !important;
    font-size:12px !important;
    font-weight:560 !important;
    text-align:left;
    padding:9px 11px !important;
    border-bottom:1px solid var(--az-line) !important;
}
body.bo-azure-ui .bo-admin-table td,
body.bo-azure-ui .azure-table td,
body.bo-azure-ui .bo-azure-table td {
    color:#22364c !important;
    font-size:13px !important;
    padding:10px 11px !important;
    border-bottom:1px solid #e7eef5 !important;
}
body.bo-azure-ui .bo-process-list {
    margin:0;
    padding:0;
    list-style:none;
    counter-reset:bo-step;
}
body.bo-azure-ui .bo-process-list li {
    counter-increment:bo-step;
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    gap:10px;
    padding:10px 0;
    border-bottom:1px solid #e7eef5;
}
body.bo-azure-ui .bo-process-list li::before {
    content:counter(bo-step, decimal-leading-zero);
    color:#006cb8;
    font-weight:600;
    font-size:12px;
}
body.bo-azure-ui .bo-process-list strong {
    display:block;
    font-size:13px !important;
    font-weight:560 !important;
}
body.bo-azure-ui .bo-process-list span { display:block; font-size:13px !important; color:#52677d !important; }

/* Flatten old batch/card classes so no page falls back to card-heavy design */
body.bo-azure-ui .azure-titlebar,
body.bo-azure-ui .enterprise-hero,
body.bo-azure-ui .compact-hero,
body.bo-azure-ui .azure-card,
body.bo-azure-ui .azure-blade,
body.bo-azure-ui .mini-resource-card,
body.bo-azure-ui .entity-card,
body.bo-azure-ui .module-feature,
body.bo-azure-ui .resource-card,
body.bo-azure-ui .source-card,
body.bo-azure-ui .settings-card,
body.bo-azure-ui .security-card,
body.bo-azure-ui .tenant-card,
body.bo-azure-ui .gateway-card,
body.bo-azure-ui .network-segment,
body.bo-azure-ui .directory-console,
body.bo-azure-ui .directory-tree-panel,
body.bo-azure-ui .bo-settings-tabs,
body.bo-azure-ui .payment-terminal,
body.bo-azure-ui .ticket-stack,
body.bo-azure-ui .kanban-preview,
body.bo-azure-ui .mining-filter,
body.bo-azure-ui .match-list,
body.bo-azure-ui .workflow-panel,
body.bo-azure-ui .offer-side {
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
    border:1px solid var(--az-line) !important;
    padding:16px 18px !important;
}
body.bo-azure-ui .azure-grid,
body.bo-azure-ui .feature-grid,
body.bo-azure-ui .entity-grid,
body.bo-azure-ui .module-grid,
body.bo-azure-ui .metric-grid,
body.bo-azure-ui .resource-grid,
body.bo-azure-ui .connector-grid {
    gap:12px !important;
}
body.bo-azure-ui .azure-card::before,
body.bo-azure-ui .entity-card::before,
body.bo-azure-ui .module-feature::before,
body.bo-azure-ui .enterprise-hero::before,
body.bo-azure-ui .compact-hero::before { display:none !important; }
body.bo-azure-ui .azure-status {
    border-radius:999px !important;
    min-height:24px !important;
    padding:3px 8px !important;
    font-size:12px !important;
    font-weight:520 !important;
    box-shadow:none !important;
}
body.bo-azure-ui .azure-status.ok { color:#107c41 !important; background:var(--az-green-pale) !important; border:1px solid #bfe6c7 !important; }
body.bo-azure-ui .azure-status.roadmap { color:#8a3c00 !important; background:var(--az-orange-pale) !important; border:1px solid #ffd2a3 !important; }
body.bo-azure-ui .azure-status.neutral { color:#33536e !important; background:#f7fafc !important; border:1px solid #cbddeb !important; }
body.bo-azure-ui .azure-status.danger { color:#a4262c !important; background:#fff1f1 !important; border:1px solid #f3b3b3 !important; }

@media (max-width: 1180px) {
    body.bo-azure-ui .dashboard-shell.with-global-header { grid-template-columns:1fr !important; }
    body.bo-azure-ui .sidebar { width:100% !important; position:relative !important; height:auto !important; }
    body.bo-azure-ui .bo-section-grid { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
    body.bo-azure-ui .dashboard-main { padding:12px !important; }
    body.bo-azure-ui h1 { font-size:23px !important; }
    body.bo-azure-ui .bo-resource-row { grid-template-columns:1fr; }
    body.bo-azure-ui .bo-row-meta { justify-content:flex-start; }
}

/* =========================================================
   BO Azure UI - non-clickable status text cleanup
   Build: 20260616-status-labels-no-buttons
   Purpose: labels/status notes must not look like clickable buttons.
   ========================================================= */
body.bo-azure-ui .bo-row-meta {
    gap: 14px !important;
}

body.bo-azure-ui .bo-row-meta span,
body.bo-azure-ui .bo-row-meta em,
body.bo-azure-ui .bo-status-inline,
body.bo-azure-ui .azure-status,
body.bo-azure-ui .status-badge,
body.bo-azure-ui .pill {
    display: inline !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #5b6f83 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
    cursor: default !important;
    text-decoration: none !important;
}

body.bo-azure-ui .bo-row-meta span::before,
body.bo-azure-ui .bo-row-meta em::before,
body.bo-azure-ui .bo-status-inline::before,
body.bo-azure-ui .azure-status::before,
body.bo-azure-ui .status-badge::before,
body.bo-azure-ui .pill::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 6px;
    border-radius: 50%;
    vertical-align: 1px;
    background: #7d8fa1;
}

body.bo-azure-ui .azure-status.ok,
body.bo-azure-ui .status-badge.ok,
body.bo-azure-ui .bo-status-inline.ok {
    color: #107c41 !important;
}
body.bo-azure-ui .azure-status.ok::before,
body.bo-azure-ui .status-badge.ok::before,
body.bo-azure-ui .bo-status-inline.ok::before {
    background: #107c41 !important;
}

body.bo-azure-ui .azure-status.roadmap,
body.bo-azure-ui .status-badge.roadmap,
body.bo-azure-ui .bo-status-inline.roadmap {
    color: #8a4b00 !important;
}
body.bo-azure-ui .azure-status.roadmap::before,
body.bo-azure-ui .status-badge.roadmap::before,
body.bo-azure-ui .bo-status-inline.roadmap::before {
    background: #f2a900 !important;
}

body.bo-azure-ui .azure-status.danger,
body.bo-azure-ui .status-badge.danger,
body.bo-azure-ui .bo-status-inline.danger {
    color: #a4262c !important;
}
body.bo-azure-ui .azure-status.danger::before,
body.bo-azure-ui .status-badge.danger::before,
body.bo-azure-ui .bo-status-inline.danger::before {
    background: #d13438 !important;
}

body.bo-azure-ui .azure-status.neutral,
body.bo-azure-ui .status-badge.neutral,
body.bo-azure-ui .bo-status-inline.neutral {
    color: #526b82 !important;
}

body.bo-azure-ui .bo-tagline {
    gap: 14px !important;
    align-items: center !important;
}

body.bo-azure-ui .bo-tagline span,
body.bo-azure-ui .azure-chip-cloud span,
body.bo-azure-ui .azure-pill-list span {
    display: inline !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #466177 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    cursor: default !important;
}

body.bo-azure-ui .bo-tagline span::before,
body.bo-azure-ui .azure-chip-cloud span::before,
body.bo-azure-ui .azure-pill-list span::before {
    content: "•";
    color: #0078d4;
    font-weight: 700;
    margin-right: 6px;
}

body.bo-azure-ui .bo-row-meta a,
body.bo-azure-ui .bo-tagline a,
body.bo-azure-ui .azure-chip-cloud a,
body.bo-azure-ui .azure-pill-list a {
    cursor: pointer !important;
    text-decoration: underline;
}

/* Batch 12 — migration planning page, Azure-clean style */
body.bo-azure-ui .bo-migration-page .bo-page-heading {
    border-bottom: 1px solid var(--az-line, #d7e2ed);
    margin-bottom: 18px;
}
body.bo-azure-ui .bo-migration-page .bo-section-title h2 {
    font-weight: 540;
    letter-spacing: -0.01em;
}
body.bo-azure-ui .bo-migration-page .bo-admin-table td:first-child {
    color: #10253a;
    font-weight: 520;
}
body.bo-azure-ui .bo-migration-page .bo-settings-list > div:nth-child(7n+1) { border-left: 3px solid #0078d4; }
body.bo-azure-ui .bo-migration-page .bo-settings-list > div:nth-child(7n+2) { border-left: 3px solid #13a10e; }
body.bo-azure-ui .bo-migration-page .bo-settings-list > div:nth-child(7n+3) { border-left: 3px solid #ffb900; }
body.bo-azure-ui .bo-migration-page .bo-settings-list > div:nth-child(7n+4) { border-left: 3px solid #d83b01; }
body.bo-azure-ui .bo-migration-page .bo-settings-list > div:nth-child(7n+5) { border-left: 3px solid #00bcf2; }
body.bo-azure-ui .bo-migration-page .bo-settings-list > div:nth-child(7n+6) { border-left: 3px solid #69797e; }
body.bo-azure-ui .bo-migration-page .bo-settings-list > div:nth-child(7n+7) { border-left: 3px solid #8a8886; }

/* =========================================================
   Batch 13 — Role-based UX orchestration layer
   Build: 20260616-bo-ux-role-orchestration
   Goal: simplify product usage by goals, setup, results and role-specific UX.
   ========================================================= */
body.bo-azure-ui {
    --bo-role-accent: #0078d4;
    --bo-role-soft: #eaf4ff;
    --bo-role-line: #b8d9f4;
    --bo-result-bg: #fff4e6;
    --bo-result-line: #ffb454;
    --bo-ready-bg: #ecf8f0;
    --bo-ready-line: #107c41;
    --bo-pending-bg: #fff8e1;
    --bo-pending-line: #ffb900;
    --bo-optional-bg: #f5f7fa;
    --bo-optional-line: #8a8886;
}
body.bo-azure-ui.bo-role-green,
body.bo-azure-ui .bo-role-green {
    --bo-role-accent: #107c41;
    --bo-role-soft: #ecf8f0;
    --bo-role-line: #b7dfc2;
}
body.bo-azure-ui.bo-role-graphite,
body.bo-azure-ui .bo-role-graphite {
    --bo-role-accent: #46515d;
    --bo-role-soft: #f4f6f8;
    --bo-role-line: #c7d0d9;
}
body.bo-azure-ui.bo-role-blue,
body.bo-azure-ui .bo-role-blue {
    --bo-role-accent: #0078d4;
    --bo-role-soft: #eaf4ff;
    --bo-role-line: #b8d9f4;
}

/* Header dropdowns: sticky, transparent, space-saving */
body.bo-azure-ui .bo-sticky-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-width: 0 0 1px 0 !important;
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(18px) saturate(1.35) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
}
body.bo-azure-ui .bo-top-mega {
    display: flex !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
body.bo-azure-ui .bo-top-mega details {
    position: relative;
}
body.bo-azure-ui .bo-top-mega summary {
    list-style: none;
    cursor: pointer;
    padding: 12px 11px;
    color: #10253a;
    font-size: 13px;
    font-weight: 520;
    border-bottom: 2px solid transparent;
}
body.bo-azure-ui .bo-top-mega summary::-webkit-details-marker { display: none; }
body.bo-azure-ui .bo-top-mega details[open] > summary,
body.bo-azure-ui .bo-top-mega summary:hover {
    color: #0067b8;
    border-bottom-color: #0078d4;
    background: transparent;
}
body.bo-azure-ui .bo-top-mega details > div {
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    min-width: 220px;
    background: rgba(255,255,255,.96);
    border: 1px solid #cbddeb;
    box-shadow: 0 18px 42px rgba(16,37,58,.12);
    padding: 6px 0;
    display: none;
}
body.bo-azure-ui .bo-top-mega details[open] > div { display: block; }
body.bo-azure-ui .bo-top-mega details > div a {
    display: block;
    padding: 9px 14px;
    color: #10253a;
    border-radius: 0 !important;
    background: transparent !important;
    font-weight: 460;
}
body.bo-azure-ui .bo-top-mega details > div a:hover {
    background: #f3f9ff !important;
    color: #0067b8;
}

/* Sticky left navigation with collapsible product groups */
body.bo-azure-ui .sidebar.bo-sidebar-panel {
    position: sticky !important;
    top: 58px !important;
    height: calc(100vh - 58px) !important;
    overflow-y: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-right: 1px solid #cbddeb !important;
    background: rgba(255,255,255,.92) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}
body.bo-azure-ui .bo-sidebar-role {
    margin: 8px 12px 12px;
    padding: 10px 12px;
    border-left: 3px solid var(--bo-role-accent);
    background: var(--bo-role-soft);
    color: #10253a;
}
body.bo-azure-ui .bo-sidebar-role span,
body.bo-azure-ui .bo-sidebar-role a {
    display: block;
    color: #52677d;
    font-size: 12px;
    font-weight: 450;
}
body.bo-azure-ui .bo-sidebar-role strong {
    display: block;
    color: #10253a;
    font-size: 14px;
    font-weight: 560;
    margin: 2px 0 4px;
}
body.bo-azure-ui .bo-sidebar-role a { color: #0067b8; }
body.bo-azure-ui .bo-nav-group {
    border-bottom: 1px solid #e5edf5;
    padding: 4px 0;
}
body.bo-azure-ui .bo-nav-group summary {
    list-style: none;
    cursor: pointer;
    padding: 10px 14px;
    color: #52677d;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 620;
}
body.bo-azure-ui .bo-nav-group summary::-webkit-details-marker { display: none; }
body.bo-azure-ui .bo-nav-group summary::after {
    content: "⌄";
    float: right;
    color: #7d8fa1;
    font-size: 12px;
}
body.bo-azure-ui .bo-nav-group[open] summary::after { content: "⌃"; }
body.bo-azure-ui .bo-nav-group a,
body.bo-azure-ui .bo-sidebar-logout {
    display: block;
    padding: 8px 14px 8px 18px !important;
    border-left: 3px solid transparent;
    color: #10253a !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 460 !important;
}
body.bo-azure-ui .bo-nav-group a span,
body.bo-azure-ui .bo-sidebar-logout span { display: block; }
body.bo-azure-ui .bo-nav-group a small,
body.bo-azure-ui .bo-sidebar-logout small {
    display: block;
    color: #7d8fa1;
    font-size: 11px;
    line-height: 1.3;
    margin-top: 1px;
}
body.bo-azure-ui .bo-nav-group a:hover,
body.bo-azure-ui .bo-nav-group a.is-active {
    border-left-color: var(--bo-role-accent) !important;
    background: var(--bo-role-soft) !important;
    color: #001f3a !important;
}

/* Role UX pages */
body.bo-azure-ui .bo-ux-page {
    max-width: 1280px;
    margin: 0 auto;
}
body.bo-azure-ui .bo-ux-hero,
body.bo-azure-ui .bo-flat-heading {
    border: 1px solid #cbddeb;
    border-left: 4px solid var(--bo-role-accent);
    background: rgba(255,255,255,.82);
    padding: 24px 26px;
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 24px;
    align-items: start;
    box-shadow: none;
    border-radius: 0;
}
body.bo-azure-ui .bo-flat-heading { display: block; }
body.bo-azure-ui .bo-ux-hero h1,
body.bo-azure-ui .bo-flat-heading h1 {
    font-size: clamp(26px, 3vw, 38px) !important;
    font-weight: 560 !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
    color: #10253a !important;
    max-width: 900px !important;
}
body.bo-azure-ui .bo-page-intro {
    max-width: 900px;
    color: #466177 !important;
    font-size: 15px !important;
}
body.bo-azure-ui .bo-role-panel {
    border: 1px solid var(--bo-role-line);
    border-left: 4px solid var(--bo-role-accent);
    background: var(--bo-role-soft);
    padding: 14px 16px;
}
body.bo-azure-ui .bo-role-panel span,
body.bo-azure-ui .bo-role-panel label {
    display: block;
    color: #52677d;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 3px;
}
body.bo-azure-ui .bo-role-panel strong {
    display: block;
    color: #10253a;
    font-size: 18px;
    font-weight: 560;
}
body.bo-azure-ui .bo-role-panel p { color: #466177 !important; margin: 7px 0 12px; }
body.bo-azure-ui .bo-role-switcher select {
    width: 100%;
    height: 34px;
    border: 1px solid #b8cfe5;
    color: #10253a;
    background: #fff;
    padding: 0 8px;
}
body.bo-azure-ui .bo-ux-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 16px;
    align-items: start;
}
body.bo-azure-ui .bo-ux-main,
body.bo-azure-ui .bo-ux-side,
body.bo-azure-ui .bo-ux-section {
    border: 1px solid #cbddeb;
    background: rgba(255,255,255,.84);
    padding: 18px;
    box-shadow: none;
    border-radius: 0;
}
body.bo-azure-ui .bo-ux-section { margin-top: 16px; }
body.bo-azure-ui .bo-section-title.compact p,
body.bo-azure-ui .bo-kicker {
    color: var(--bo-role-accent) !important;
    font-size: 12px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase;
    font-weight: 620 !important;
    margin: 0 0 8px;
}
body.bo-azure-ui .bo-section-title.compact h2 {
    color: #10253a !important;
    font-size: 22px !important;
    font-weight: 560 !important;
    margin-bottom: 8px;
}
body.bo-azure-ui .bo-section-title.compact span { color: #52677d; }
body.bo-azure-ui .bo-goal-list {
    display: grid;
    gap: 0;
    border: 1px solid #d7e2ed;
    margin-top: 16px;
}
body.bo-azure-ui .bo-goal-row {
    display: grid;
    grid-template-columns: 46px 220px minmax(0,1fr);
    gap: 14px;
    align-items: center;
    padding: 13px 14px;
    border-bottom: 1px solid #e5edf5;
    background: #fff;
}
body.bo-azure-ui .bo-goal-row:last-child { border-bottom: 0; }
body.bo-azure-ui .bo-goal-row:hover,
body.bo-azure-ui .bo-goal-row.is-current { background: #f4f9ff; }
body.bo-azure-ui .bo-goal-row span {
    color: var(--bo-role-accent);
    font-weight: 600;
    font-size: 12px;
}
body.bo-azure-ui .bo-goal-row strong {
    color: #10253a;
    font-size: 14px;
    font-weight: 560;
}
body.bo-azure-ui .bo-goal-row em {
    color: #52677d;
    font-style: normal;
    font-size: 13px;
}
body.bo-azure-ui .bo-progress-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #52677d;
    font-size: 12px;
}
body.bo-azure-ui .bo-progress-head strong { color: #10253a; font-size: 16px; font-weight: 560; }
body.bo-azure-ui .bo-progress-track {
    height: 7px;
    border: 1px solid #cbddeb;
    background: #f5f8fb;
    margin: 9px 0 10px;
}
body.bo-azure-ui .bo-progress-track i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--bo-role-accent), #13a10e);
}
body.bo-azure-ui .bo-text-action,
body.bo-azure-ui .bo-primary-link {
    color: #0067b8;
    font-weight: 560;
    font-size: 13px;
    text-decoration: none;
}
body.bo-azure-ui .bo-setup-mini {
    list-style: none;
    padding: 0;
    margin: 14px 0 0;
    border-top: 1px solid #e5edf5;
}
body.bo-azure-ui .bo-setup-mini li {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e5edf5;
}
body.bo-azure-ui .bo-setup-mini strong { font-weight: 520; color: #10253a; }
body.bo-azure-ui .bo-setup-mini span { color: #52677d; font-size: 12px; }
body.bo-azure-ui .bo-setup-mini li.is-ready span { color: #107c41; }
body.bo-azure-ui .bo-setup-mini li.is-pending span { color: #8a4b00; }
body.bo-azure-ui .bo-action-strip,
body.bo-azure-ui .bo-result-strip,
body.bo-azure-ui .bo-results-heading {
    border: 1px solid #ffd2a3 !important;
    border-left: 4px solid var(--bo-result-line) !important;
    background: var(--bo-result-bg) !important;
    color: #10253a;
}
body.bo-azure-ui .bo-action-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 14px 18px;
    margin-bottom: 16px;
}
body.bo-azure-ui .bo-action-strip h2 { font-size: 18px !important; font-weight: 560 !important; margin: 0; }
body.bo-azure-ui .bo-large-process { margin-top: 14px; }
body.bo-azure-ui .bo-setup-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #cbddeb;
    background: rgba(255,255,255,.84);
    margin-bottom: 16px;
}
body.bo-azure-ui .bo-setup-summary div {
    padding: 14px 16px;
    border-right: 1px solid #e5edf5;
}
body.bo-azure-ui .bo-setup-summary div:last-child { border-right: 0; }
body.bo-azure-ui .bo-setup-summary span { display: block; color: #52677d; font-size: 12px; }
body.bo-azure-ui .bo-setup-summary strong { display: block; color: #10253a; font-size: 15px; font-weight: 560; }
body.bo-azure-ui .bo-setup-board {
    border: 1px solid #cbddeb;
    background: #fff;
}
body.bo-azure-ui .bo-setup-step {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #e5edf5;
    border-left: 4px solid #cbddeb;
}
body.bo-azure-ui .bo-setup-step:last-child { border-bottom: 0; }
body.bo-azure-ui .bo-setup-step.is-ready { border-left-color: #107c41; background: #fbfffc; }
body.bo-azure-ui .bo-setup-step.is-pending { border-left-color: #ffb900; background: #fffdf4; }
body.bo-azure-ui .bo-setup-step.is-optional { border-left-color: #8a8886; background: #fbfcfd; }
body.bo-azure-ui .bo-setup-step > span { color: var(--bo-role-accent); font-size: 12px; font-weight: 600; }
body.bo-azure-ui .bo-setup-step strong { display: block; color: #10253a; font-size: 15px; font-weight: 560; }
body.bo-azure-ui .bo-setup-step p { color: #52677d !important; margin: 3px 0 6px; }
body.bo-azure-ui .bo-setup-step em { color: #52677d; font-style: normal; font-size: 12px; }
body.bo-azure-ui .bo-result-command,
body.bo-azure-ui .bo-result-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    border: 1px solid #ffd2a3;
    background: #fff7ec;
    padding: 13px 16px;
    margin-bottom: 12px;
}
body.bo-azure-ui .bo-result-command span { display: block; color: #8a4b00; font-size: 12px; }
body.bo-azure-ui .bo-result-command strong { color: #10253a; font-size: 16px; font-weight: 560; }
body.bo-azure-ui .bo-result-command a { color: #0067b8; font-weight: 560; }
body.bo-azure-ui .bo-results-list {
    border: 1px solid #ffd2a3;
    background: #fff;
}
body.bo-azure-ui .bo-result-row {
    grid-template-columns: 48px minmax(0,1fr) 150px;
    border-width: 0 0 1px 0;
    margin: 0;
}
body.bo-azure-ui .bo-result-row:last-child { border-bottom: 0; }
body.bo-azure-ui .bo-result-row > span { color: #d83b01; font-size: 12px; font-weight: 600; }
body.bo-azure-ui .bo-result-row strong { color: #10253a; font-size: 15px; font-weight: 560; }
body.bo-azure-ui .bo-result-row p { color: #52677d !important; margin: 2px 0 0; }
body.bo-azure-ui .bo-result-row em { color: #8a4b00; font-style: normal; font-size: 12px; }
body.bo-azure-ui .bo-simple-table-wrap { margin-top: 14px; border: 1px solid #d7e2ed; overflow: auto; }
body.bo-azure-ui .bo-simple-table { width: 100%; border-collapse: collapse; background: #fff; }
body.bo-azure-ui .bo-simple-table th,
body.bo-azure-ui .bo-simple-table td {
    padding: 11px 13px;
    border-bottom: 1px solid #e5edf5;
    text-align: left;
    color: #10253a;
    vertical-align: top;
}
body.bo-azure-ui .bo-simple-table th { background: #f5f8fb; font-size: 12px; font-weight: 600; }
body.bo-azure-ui .bo-simple-table td { font-size: 13px; color: #466177; }

@media (max-width: 1180px) {
    body.bo-azure-ui .bo-ux-hero,
    body.bo-azure-ui .bo-ux-layout { grid-template-columns: 1fr; }
    body.bo-azure-ui .bo-setup-summary { grid-template-columns: 1fr; }
    body.bo-azure-ui .bo-setup-summary div { border-right: 0; border-bottom: 1px solid #e5edf5; }
}
@media (max-width: 760px) {
    body.bo-azure-ui .bo-goal-row,
    body.bo-azure-ui .bo-result-row { grid-template-columns: 1fr; }
    body.bo-azure-ui .bo-action-strip { display: block; }
    body.bo-azure-ui .bo-top-mega { display: none !important; }
}

/* Batch 13 footer: no boxed footer */
body.bo-azure-ui .site-footer.bo-flat-footer,
body.bo-azure-ui .site-footer {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f7fafc !important;
    border: 0 !important;
    border-top: 1px solid #cbddeb !important;
    color: #10253a !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 22px 28px !important;
}
body.bo-azure-ui .site-footer strong { color: #10253a !important; font-weight: 560 !important; }
body.bo-azure-ui .site-footer span,
body.bo-azure-ui .site-footer a { color: #52677d !important; }
body.bo-azure-ui .site-footer a:hover { color: #0067b8 !important; }

/* =========================================================
   Batch 13.1 — friendly Azure product redesign correction
   Build: 20260616-bo-friendly-navigation-fix
   Purpose: close the prototype feeling, remove duplicate branding,
   make navigation usable, fix process layout and make product pages calmer.
   ========================================================= */
body.bo-azure-ui {
    --bo-shell-bg: #f4f8fb;
    --bo-ink: #17253a;
    --bo-muted: #52677d;
    --bo-line: #d7e2ed;
    --bo-line-strong: #b8cadd;
    --bo-panel: rgba(255,255,255,.93);
    --bo-panel-soft: rgba(247,250,253,.92);
    --bo-blue: #0078d4;
    --bo-blue-soft: #edf6ff;
    --bo-green: #107c41;
    --bo-green-soft: #effaf2;
    --bo-orange: #d83b01;
    --bo-orange-soft: #fff4e8;
    --bo-yellow: #ffb900;
    --bo-yellow-soft: #fff9df;
    background:
        linear-gradient(rgba(0,120,212,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,120,212,.035) 1px, transparent 1px),
        linear-gradient(180deg, #f8fbfe 0%, #eef6fb 100%) !important;
    background-size: 48px 48px, 48px 48px, auto !important;
    color: var(--bo-ink) !important;
}
body.bo-azure-ui .site-header.bo-sticky-header {
    min-height: 56px !important;
    display: grid !important;
    grid-template-columns: minmax(210px, 255px) minmax(220px, 370px) minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    background: rgba(255,255,255,.88) !important;
    border-bottom: 1px solid var(--bo-line) !important;
    box-shadow: 0 1px 0 rgba(16,37,58,.04) !important;
}
body.bo-azure-ui .bo-header-brand .brand-mark,
body.bo-azure-ui .brand-mark {
    border-radius: 3px !important;
    box-shadow: none !important;
}
body.bo-azure-ui .bo-header-brand strong { font-weight: 600 !important; color: var(--bo-ink) !important; }
body.bo-azure-ui .bo-header-brand small { color: #60768c !important; }
body.bo-azure-ui .header-search {
    max-width: none !important;
    width: 100% !important;
    height: 34px !important;
    border-radius: 2px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid var(--bo-line-strong) !important;
}
body.bo-azure-ui .bo-top-mega {
    justify-self: start !important;
    min-width: 0 !important;
    overflow: visible !important;
}
body.bo-azure-ui .bo-top-mega details { position: relative !important; }
body.bo-azure-ui .bo-top-mega summary {
    padding: 9px 10px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #1f3348 !important;
    font-weight: 500 !important;
    outline: 0 !important;
}
body.bo-azure-ui .bo-top-mega summary::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #6d8195;
    margin-left: 7px;
}
body.bo-azure-ui .bo-top-mega details[open] > summary::after { border-top-color: var(--bo-blue); }
body.bo-azure-ui .bo-top-mega details > div {
    min-width: 230px !important;
    border-radius: 2px !important;
    border: 1px solid #c7d8e8 !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 18px 45px rgba(33,55,77,.16) !important;
    z-index: 2000 !important;
}
body.bo-azure-ui .bo-top-mega details > div a {
    font-size: 13px !important;
    font-weight: 430 !important;
    padding: 8px 13px !important;
}
body.bo-azure-ui .header-actions { justify-self: end !important; }
body.bo-azure-ui .language-switcher { max-width: 410px; overflow-x: auto; }

body.bo-azure-ui .dashboard-shell.with-global-header {
    grid-template-columns: 272px minmax(0, 1fr) !important;
    background: transparent !important;
}
body.bo-azure-ui .dashboard-main {
    padding: 16px 20px 46px !important;
}
body.bo-azure-ui .sidebar.bo-sidebar-panel {
    width: 272px !important;
    top: 56px !important;
    height: calc(100vh - 56px) !important;
    padding: 12px 10px !important;
    background: rgba(255,255,255,.93) !important;
    border-right: 1px solid var(--bo-line) !important;
    backdrop-filter: blur(16px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
}
body.bo-azure-ui .sidebar.bo-sidebar-panel > .brand { display: none !important; }
body.bo-azure-ui .bo-sidebar-workspace {
    margin: 0 0 10px !important;
    padding: 10px 10px 11px !important;
    border-left: 3px solid var(--bo-role-accent, var(--bo-blue));
    background: linear-gradient(90deg, var(--bo-role-soft, #eef6fc), rgba(255,255,255,.72));
    border-bottom: 1px solid #e3edf6;
}
body.bo-azure-ui .bo-sidebar-workspace .bo-sidebar-kicker,
body.bo-azure-ui .bo-sidebar-workspace a {
    display: block !important;
    color: #60768c !important;
    font-size: 11px !important;
    font-weight: 450 !important;
}
body.bo-azure-ui .bo-sidebar-workspace strong {
    display: block !important;
    color: var(--bo-ink) !important;
    font-size: 14px !important;
    font-weight: 560 !important;
    margin: 2px 0 !important;
}
body.bo-azure-ui .bo-sidebar-workspace a { color: var(--bo-blue) !important; }
body.bo-azure-ui .sidebar-search {
    height: 34px !important;
    margin: 8px 0 10px !important;
    border-radius: 2px !important;
    background: #fff !important;
}
body.bo-azure-ui .bo-nav-group {
    border-bottom: 1px solid #e6eef6 !important;
    padding: 1px 0 !important;
}
body.bo-azure-ui .bo-nav-group summary {
    padding: 9px 8px !important;
    color: #4e6277 !important;
    font-size: 11px !important;
    letter-spacing: .075em !important;
    font-weight: 620 !important;
    text-transform: uppercase !important;
}
body.bo-azure-ui .bo-nav-group[open] summary {
    color: #1d3349 !important;
    background: #f7fafc !important;
}
body.bo-azure-ui .bo-nav-group summary::after { font-size: 11px !important; color: #7d8fa1 !important; }
body.bo-azure-ui .bo-nav-group a,
body.bo-azure-ui .bo-sidebar-logout {
    min-height: 30px !important;
    padding: 6px 10px 6px 16px !important;
    border-left: 3px solid transparent !important;
    color: #263b50 !important;
    font-size: 13px !important;
    font-weight: 420 !important;
}
body.bo-azure-ui .bo-nav-group a small,
body.bo-azure-ui .bo-sidebar-logout small { display: none !important; }
body.bo-azure-ui .bo-nav-group a:hover {
    background: #f1f7fc !important;
    color: #004b82 !important;
}
body.bo-azure-ui .bo-nav-group a.is-active {
    background: var(--bo-role-soft, var(--bo-blue-soft)) !important;
    border-left-color: var(--bo-role-accent, var(--bo-blue)) !important;
    color: #003e6b !important;
    font-weight: 560 !important;
}

body.bo-azure-ui .bo-product-page,
body.bo-azure-ui .bo-portal-page,
body.bo-azure-ui .bo-ux-page {
    max-width: 1420px !important;
    margin: 0 auto !important;
}
body.bo-azure-ui .bo-product-header,
body.bo-azure-ui .bo-page-heading,
body.bo-azure-ui .bo-flat-heading,
body.bo-azure-ui .bo-ux-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 310px) !important;
    gap: 18px !important;
    align-items: start !important;
    padding: 18px 20px !important;
    margin: 0 0 12px !important;
    border: 1px solid var(--bo-line) !important;
    border-left: 4px solid var(--bo-role-accent, var(--bo-blue)) !important;
    background: rgba(255,255,255,.9) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
body.bo-azure-ui .bo-product-header h1,
body.bo-azure-ui .bo-page-heading h1,
body.bo-azure-ui .bo-flat-heading h1,
body.bo-azure-ui .bo-ux-hero h1 {
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 520 !important;
    letter-spacing: 0 !important;
    color: var(--bo-ink) !important;
    margin: 0 !important;
}
body.bo-azure-ui .bo-page-intro {
    max-width: 980px !important;
    margin-top: 8px !important;
    color: #536b82 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}
body.bo-azure-ui .bo-header-status {
    border-left: 3px solid var(--bo-role-accent, var(--bo-blue));
    background: var(--bo-role-soft, #eef6fc);
    padding: 12px 14px;
}
body.bo-azure-ui .bo-header-status span { display:block; color:#65798c !important; font-size:12px !important; }
body.bo-azure-ui .bo-header-status strong { display:block; color:var(--bo-ink) !important; font-size:15px !important; font-weight:560 !important; }
body.bo-azure-ui .bo-header-status a { display:block; margin-top:4px; color:var(--bo-blue) !important; font-size:13px; font-weight:500; }
body.bo-azure-ui .bo-product-layout,
body.bo-azure-ui .bo-ux-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 12px !important;
}
body.bo-azure-ui .bo-work-panel,
body.bo-azure-ui .bo-ux-main,
body.bo-azure-ui .bo-ux-side,
body.bo-azure-ui .bo-ux-section,
body.bo-azure-ui .bo-list-section,
body.bo-azure-ui .bo-blade {
    border: 1px solid var(--bo-line) !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 16px 18px !important;
}
body.bo-azure-ui .bo-work-panel-primary { border-top: 3px solid var(--bo-role-accent, var(--bo-blue)) !important; }
body.bo-azure-ui .bo-next-step-panel { border-top: 3px solid var(--bo-green) !important; }
body.bo-azure-ui .bo-goal-panel { margin-top: 12px !important; }
body.bo-azure-ui .bo-section-grid { gap: 12px !important; }

body.bo-azure-ui .bo-process-list li,
body.bo-azure-ui .bo-large-process li,
body.bo-azure-ui .bo-process-readable li {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    align-items: start !important;
    padding: 12px 0 !important;
}
body.bo-azure-ui .bo-process-list li::before,
body.bo-azure-ui .bo-large-process li::before,
body.bo-azure-ui .bo-process-readable li::before {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
}
body.bo-azure-ui .bo-process-list li strong,
body.bo-azure-ui .bo-process-list li span,
body.bo-azure-ui .bo-large-process li strong,
body.bo-azure-ui .bo-large-process li span,
body.bo-azure-ui .bo-process-readable li strong,
body.bo-azure-ui .bo-process-readable li span {
    grid-column: 2 !important;
    min-width: 0 !important;
    max-width: none !important;
    display: block !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}
body.bo-azure-ui .bo-process-list li strong { font-size: 14px !important; font-weight: 560 !important; color: var(--bo-ink) !important; }
body.bo-azure-ui .bo-process-list li span { font-size: 13px !important; color: #52677d !important; line-height: 1.5 !important; }

body.bo-azure-ui .bo-row-meta span,
body.bo-azure-ui .bo-row-meta em,
body.bo-azure-ui .bo-status-inline,
body.bo-azure-ui .azure-status,
body.bo-azure-ui .status-badge,
body.bo-azure-ui .pill {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: default !important;
}
body.bo-azure-ui .bo-results-heading,
body.bo-azure-ui .bo-result-command,
body.bo-azure-ui .bo-result-row,
body.bo-azure-ui .bo-action-strip {
    background: var(--bo-orange-soft) !important;
    border-color: #ffd2a3 !important;
}

@media (max-width: 1280px) {
    body.bo-azure-ui .site-header.bo-sticky-header { grid-template-columns: 230px minmax(190px, 320px) minmax(0,1fr) !important; }
    body.bo-azure-ui .header-actions { grid-column: 1 / -1; justify-self: stretch !important; }
}
@media (max-width: 980px) {
    body.bo-azure-ui .dashboard-shell.with-global-header { grid-template-columns: 1fr !important; }
    body.bo-azure-ui .sidebar.bo-sidebar-panel { position: relative !important; top: 0 !important; height: auto !important; width: 100% !important; }
    body.bo-azure-ui .bo-product-layout,
    body.bo-azure-ui .bo-ux-layout,
    body.bo-azure-ui .bo-product-header,
    body.bo-azure-ui .bo-page-heading,
    body.bo-azure-ui .bo-flat-heading,
    body.bo-azure-ui .bo-ux-hero { grid-template-columns: 1fr !important; }
}

/* Homepage product redesign 20260616
   Clean enterprise homepage: fewer cards, clearer user journey, Slovak-first wording. */
body.bo-azure-ui .site-main {
    width: min(1320px, calc(100% - 40px));
    margin-top: 26px;
}

.bo-home-hero,
.bo-home-section,
.bo-home-results {
    border: 1px solid #cfdceb;
    background: rgba(255,255,255,.76);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.bo-home-hero {
    min-height: 560px;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
    gap: 0;
    overflow: hidden;
    border-left: 4px solid #0078d4;
    box-shadow: 0 18px 48px rgba(41, 71, 105, .08);
}

.bo-home-hero-copy {
    padding: clamp(38px, 6vw, 84px) clamp(34px, 6vw, 76px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.bo-home-kicker {
    margin: 0 0 14px;
    color: #425a70;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.bo-home-hero h1,
.bo-home-section h2,
.bo-home-results h2 {
    margin: 0;
    max-width: 860px;
    color: #111f2d;
    letter-spacing: -.025em;
    font-weight: 620;
    line-height: 1.12;
}

.bo-home-hero h1 {
    font-size: clamp(34px, 4.1vw, 58px);
}

.bo-home-lead,
.bo-home-section-head p,
.bo-home-results p {
    margin: 18px 0 0;
    max-width: 820px;
    color: #465f7b;
    font-size: 16px;
    line-height: 1.75;
}

.bo-home-actions {
    display: flex;
    gap: 10px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.bo-home-primary,
.bo-home-secondary {
    min-height: 39px;
    padding: 9px 15px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 650;
    border: 1px solid #8fbbe6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bo-home-primary { background: #0078d4; color: #fff; border-color: #0078d4; }
.bo-home-secondary { background: rgba(255,255,255,.72); color: #07589c; }
.bo-home-primary:hover,
.bo-home-secondary:hover { background: #106ebe; color: #fff; border-color: #106ebe; }

.bo-home-command {
    padding: 34px;
    border-left: 1px solid #d5e1ee;
    background:
        radial-gradient(circle at 16% 80%, rgba(255, 176, 76, .16), transparent 18rem),
        linear-gradient(145deg, rgba(240,248,255,.82), rgba(255,255,255,.76));
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bo-home-command-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d6e2ef;
    color: #50687d;
    font-size: 12px;
}

.bo-home-command-head strong {
    color: #0d6f47;
    font-weight: 650;
}

.bo-home-flow {
    list-style: none;
    padding: 12px 0 0;
    margin: 0;
}

.bo-home-flow li {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 14px;
    padding: 18px 0;
    border-bottom: 1px solid #dce7f2;
}
.bo-home-flow li:last-child { border-bottom: 0; }
.bo-home-flow li > span {
    color: #0078d4;
    font-weight: 760;
    font-size: 12px;
}
.bo-home-flow strong {
    display: block;
    color: #132436;
    font-size: 16px;
    font-weight: 650;
}
.bo-home-flow small {
    display: block;
    margin-top: 5px;
    color: #5c7289;
    font-size: 13px;
    line-height: 1.45;
}

.bo-home-strip {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    border: 1px solid #cfdceb;
    border-top: 0;
    background: rgba(250,252,255,.92);
}
.bo-home-strip span {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    border-right: 1px solid #dce7f2;
    color: #3f556b;
    font-size: 12px;
    font-weight: 650;
    text-align: center;
}
.bo-home-strip span:last-child { border-right: 0; }

.bo-home-section {
    margin-top: 22px;
    padding: clamp(28px, 4vw, 46px);
    border-left: 4px solid #0078d4;
}
.bo-home-section h2,
.bo-home-results h2 { font-size: clamp(25px, 3vw, 38px); }

.bo-home-section-head {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(300px, 1fr);
    column-gap: 48px;
    align-items: start;
    margin-bottom: 28px;
}
.bo-home-section-head .bo-home-kicker { grid-column: 1 / -1; }
.bo-home-section-head p { margin-top: 4px; }

.bo-home-goal-list,
.bo-home-user-modes,
.bo-home-table {
    border-top: 1px solid #d4e0ed;
}

.bo-home-goal-list a,
.bo-home-user-modes div,
.bo-home-table div[role="row"] {
    display: grid;
    grid-template-columns: minmax(230px, .42fr) minmax(0, 1fr);
    gap: 24px;
    padding: 18px 0;
    border-bottom: 1px solid #dce7f2;
}

.bo-home-goal-list a strong,
.bo-home-user-modes b,
.bo-home-table strong {
    color: #122235;
    font-size: 16px;
    font-weight: 650;
}

.bo-home-goal-list a span,
.bo-home-user-modes span,
.bo-home-table span {
    color: #526b84;
    font-size: 14px;
    line-height: 1.55;
}

.bo-home-goal-list a:hover strong { color: #0078d4; }
.bo-home-goals { border-left-color: #0078d4; }
.bo-home-users { border-left-color: #13a10e; }
.bo-home-setup { border-left-color: #64788e; }
.bo-home-ecosystem { border-left-color: #13a3a8; }

.bo-home-setup-steps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border: 1px solid #d5e1ee;
    background: rgba(255,255,255,.72);
}
.bo-home-setup-steps li {
    min-height: 92px;
    padding: 16px 12px;
    border-right: 1px solid #dce7f2;
    color: #132436;
    font-size: 13px;
    font-weight: 650;
}
.bo-home-setup-steps li:last-child { border-right: 0; }
.bo-home-setup-steps span {
    display: block;
    margin-bottom: 11px;
    color: #107c10;
    font-size: 11px;
    letter-spacing: .08em;
}

.bo-home-results {
    margin-top: 22px;
    padding: clamp(28px, 4vw, 44px);
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(330px, .72fr);
    gap: 46px;
    align-items: center;
    border-left: 4px solid #ff8c00;
    background:
        linear-gradient(90deg, rgba(255,248,238,.94), rgba(255,255,255,.82)),
        radial-gradient(circle at 82% 50%, rgba(255, 185, 82, .2), transparent 18rem);
}
.bo-home-results .bo-home-kicker { color: #8a5200; }
.bo-home-results ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(198, 134, 40, .28);
}
.bo-home-results li {
    padding: 13px 0 13px 24px;
    border-bottom: 1px solid rgba(198, 134, 40, .22);
    color: #25394c;
    position: relative;
    font-weight: 560;
}
.bo-home-results li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 21px;
    width: 7px;
    height: 7px;
    border-radius: 99px;
    background: #ff8c00;
}

body.bo-azure-ui .bo-home-section,
body.bo-azure-ui .bo-home-hero,
body.bo-azure-ui .bo-home-results,
body.bo-azure-ui .bo-home-strip {
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 1080px) {
    .bo-home-hero,
    .bo-home-section-head,
    .bo-home-results { grid-template-columns: 1fr; }
    .bo-home-command { border-left: 0; border-top: 1px solid #d5e1ee; }
    .bo-home-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .bo-home-setup-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bo-home-setup-steps li { border-bottom: 1px solid #dce7f2; }
}

@media (max-width: 720px) {
    body.bo-azure-ui .site-main { width: calc(100% - 22px); }
    .bo-home-hero-copy,
    .bo-home-command,
    .bo-home-section,
    .bo-home-results { padding: 24px; }
    .bo-home-goal-list a,
    .bo-home-user-modes div,
    .bo-home-table div[role="row"] { grid-template-columns: 1fr; gap: 6px; }
    .bo-home-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bo-home-setup-steps { grid-template-columns: 1fr; }
    .bo-home-setup-steps li { min-height: auto; border-right: 0; }
}
/* Language dropdown fix */
.header-actions .bo-lang-dropdown {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    z-index: 5000 !important;
}

.header-actions .bo-lang-dropdown > summary {
    list-style: none !important;
    cursor: pointer !important;
    height: 38px !important;
    min-width: 54px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 1px solid #b8d0e8 !important;
    background: #ffffff !important;
    color: #12304f !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.header-actions .bo-lang-dropdown > summary::-webkit-details-marker {
    display: none !important;
}

.header-actions .bo-lang-dropdown > summary::after {
    content: "⌄";
    font-size: 11px;
    color: #60758d;
    margin-left: 4px;
}

.header-actions .bo-lang-dropdown[open] > summary {
    border-color: #0078d4 !important;
    background: #eef6ff !important;
    color: #005a9e !important;
}

.header-actions .bo-lang-dropdown > .bo-lang-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    width: 230px !important;
    max-height: 420px !important;
    overflow-y: auto !important;
    display: none !important;
    background: #ffffff !important;
    border: 1px solid #c8d8e8 !important;
    box-shadow: 0 18px 45px rgba(25, 50, 80, .18) !important;
    z-index: 9999 !important;
    padding: 6px !important;
}

.header-actions .bo-lang-dropdown[open] > .bo-lang-menu {
    display: block !important;
}

.header-actions .bo-lang-menu a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 10px !important;
    color: #17324d !important;
    text-decoration: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.header-actions .bo-lang-menu a strong {
    width: 30px !important;
    color: #0078d4 !important;
    font-weight: 700 !important;
}

.header-actions .bo-lang-menu a span {
    color: #425f7a !important;
    font-weight: 400 !important;
}

.header-actions .bo-lang-menu a:hover,
.header-actions .bo-lang-menu a.active {
    background: #eef6ff !important;
}


/* Header logo size fix */
.bo-header-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 230px !important;
    max-width: 280px !important;
    overflow: hidden !important;
}

.bo-header-brand .bo-logo-img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 42px !important;
}

.bo-brand-text {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

.bo-brand-text strong,
.bo-brand-text small {
    white-space: nowrap !important;
}