:root {
    --c365-tile-surface: #101a34;
    --c365-tile-surface-raised: #14203d;
    --c365-tile-border: rgba(118, 148, 207, 0.16);
    --c365-tile-border-soft: rgba(118, 148, 207, 0.11);
    --c365-tile-accent: #00cdf2;
    --c365-tile-accent-rgb: 0, 205, 242;
    --c365-tile-accent-muted: rgba(0, 205, 242, 0.18);
    --c365-tile-glow: rgba(0, 157, 198, 0.18);
    --c365-tile-text-primary: #f2f8fc;
    --c365-tile-text-secondary: #9fb4c3;
    --c365-tile-live: #36d5b3;
    --c365-tile-stale: #f5b543;
    --c365-tile-warning: #ffad42;
    --c365-tile-critical: #ef5249;
    --c365-tile-error: #ef5249;
    --c365-tile-radius: 22px;
    --c365-tile-control-radius: 999px;
    --c365-tile-gap: clamp(0.75rem, 2cqw, 1.25rem);
    --c365-tile-padding: clamp(1rem, 2.5cqw, 1.5rem);
    /* Compatibility aliases for renderer content while migration completes. */
    --tile-surface: var(--c365-tile-surface);
    --tile-surface-raised: var(--c365-tile-surface-raised);
    --tile-border: var(--c365-tile-border);
    --tile-border-soft: var(--c365-tile-border-soft);
    --tile-accent: var(--c365-tile-accent);
    --tile-accent-rgb: var(--c365-tile-accent-rgb);
    --tile-accent-muted: var(--c365-tile-accent-muted);
    --tile-glow: var(--c365-tile-glow);
    --tile-text-primary: var(--c365-tile-text-primary);
    --tile-text-secondary: var(--c365-tile-text-secondary);
    --tile-live: var(--c365-tile-live);
    --tile-stale: var(--c365-tile-stale);
    --tile-warning: var(--c365-tile-warning);
    --tile-critical: var(--c365-tile-critical);
    --tile-error: var(--c365-tile-error);
    --tile-radius: var(--c365-tile-radius);
    --tile-control-radius: var(--c365-tile-control-radius);
    --tile-gap: var(--c365-tile-gap);
    --tile-padding: var(--c365-tile-padding);
}

.c365-tile-shell {
    --c365-tile-header-corner-clearance: clamp(6px, 1cqw, 10px);
    container-type: size;
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: var(--c365-tile-gap);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    padding: var(--c365-tile-padding);
    overflow: hidden;
    color: var(--c365-tile-text-primary);
    border: 1px solid var(--c365-tile-border);
    border-radius: var(--c365-tile-radius);
    background: linear-gradient(145deg, var(--c365-tile-surface-raised), var(--c365-tile-surface) 78%);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .018);
    transition: border-color 180ms ease, box-shadow 220ms ease;
}

.c365-tile-shell::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(132, 168, 224, .14), transparent 52%) top left / 62% 1px no-repeat;
    opacity: .5;
}

.c365-tile-shell:hover,
.c365-tile-shell:focus-within {
    border-color: rgba(118, 148, 207, .26);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .025);
}

.c365-tile-shell--border-enabled {
    border-color: var(--c365-tile-border);
}

.c365-tile-shell.c365-tile-shell--border-disabled,
.c365-tile-shell.c365-tile-shell--border-disabled:hover,
.c365-tile-shell.c365-tile-shell--border-disabled:focus-within {
    border-color: transparent;
}

.c365-tile-shell--border-disabled::before {
    opacity: 0;
}

.c365-tile-shell--border-animation-enabled {
    animation: c365-tile-border-breathe 2.8s ease-in-out infinite;
}

.c365-tile-shell--border-animation-disabled {
    animation: none;
    transition: none;
}

.c365-tile-shell--border-disabled.c365-tile-shell--border-animation-enabled {
    animation: none;
}

.c365-tile-shell.c365-tile-shell--gradient-enabled {
    background: linear-gradient(145deg, var(--c365-tile-surface-raised), var(--c365-tile-surface) 78%) !important;
}

.c365-tile-shell.c365-tile-shell--gradient-disabled {
    background: var(--c365-tile-surface) !important;
}

.c365-tile-shell.c365-tile-shell--gradient-disabled::before {
    opacity: 0;
}

.c365-tile-shell.c365-tile-shell--background-enabled:not(.c365-tile-shell--gradient-disabled),
.c365-tile-shell.c365-tile-shell--gradient-enabled:not(.c365-tile-shell--background-disabled) {
    background: linear-gradient(145deg, var(--c365-tile-surface-raised), var(--c365-tile-surface) 78%) !important;
}

.c365-tile-shell.c365-tile-shell--background-disabled {
    background: transparent !important;
    box-shadow: none !important;
}

.c365-tile-shell.c365-tile-shell--background-disabled::before {
    opacity: 0 !important;
}

@keyframes c365-tile-border-breathe {
    0%, 100% { border-color: var(--c365-tile-border); }
    50% { border-color: color-mix(in srgb, var(--c365-tile-accent) 42%, var(--c365-tile-border)); }
}

@media (prefers-reduced-motion: reduce) {
    .c365-tile-shell--border-animation-enabled { animation: none; }
}

.c365-tile-header {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(.45rem, 1.5cqw, .85rem);
    min-width: 0;
    padding-block-start: max(0px, calc(var(--c365-tile-header-corner-clearance) - var(--c365-tile-instance-padding, 0px)));
    padding-inline-start: max(0px, calc(var(--c365-tile-header-corner-clearance) - var(--c365-tile-instance-padding, 0px)));
}

.c365-tile-title-region {
    min-width: 0;
}

.c365-tile-description {
    margin: .18rem 0 0;
    overflow: hidden;
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.68rem, 1.7cqw, .78rem);
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-tile-selection-subtitle {
    margin: .22rem 0 0;
    color: var(--c365-tile-text-secondary, #a8b8c5);
    font-family: var(--l365-type-body-font-family, Inter, system-ui, sans-serif);
    font-size: clamp(.72rem, 1.8cqw, .86rem);
    font-weight: 400;
    line-height: 1.35;
}

.c365-tile-title {
    margin: 0;
    overflow: hidden;
    color: var(--c365-tile-text-primary);
    font-family: var(--l365-tile-title-font-family, var(--l365-type-h2-font-family, Inter, sans-serif));
    font-size: var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 20px));
    font-weight: var(--l365-tile-title-font-weight, var(--l365-type-h2-font-weight, 700));
    line-height: var(--l365-tile-title-line-height, var(--l365-type-h2-line-height, 26px));
    letter-spacing: var(--l365-tile-title-letter-spacing, var(--l365-type-h2-letter-spacing, -.4px));
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-tile-alert {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-all;
    font-size: 0;
    line-height: 0;
    border: 0;
}

.c365-tile-header-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem;
    min-width: 0;
}

.c365-tile-header-extensions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem;
    min-width: 0;
}

.c365-tile-header-extensions:empty { display: none; }

.c365-tile-shell .c365-overflow__trigger {
    width: 34px;
    height: 34px;
    border-color: rgba(122, 153, 205, .12);
    border-radius: 50%;
    color: var(--c365-tile-text-secondary);
    background: rgba(255, 255, 255, .025);
}

.c365-tile-shell .c365-overflow__trigger:hover,
.c365-tile-shell .c365-overflow__trigger:focus-visible {
    border-color: rgba(122, 153, 205, .22);
    color: var(--c365-tile-text-primary);
    background: rgba(255, 255, 255, .055);
}

.c365-tile-action {
    min-height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: .24rem .55rem;
    border: 1px solid var(--c365-tile-border-soft);
    border-radius: var(--c365-tile-control-radius);
    color: var(--c365-tile-text-primary);
    background: rgba(3, 15, 26, .42);
    font-size: clamp(.62rem, 1.55cqw, .74rem);
    font-weight: 650;
    line-height: 1;
}

.c365-tile-action:hover,
.c365-tile-action:focus-visible {
    color: #fff;
    border-color: var(--c365-tile-border);
    background: rgba(var(--c365-tile-accent-rgb), .1);
}

.c365-tile-state[href] { cursor: pointer; }

.c365-tile-shell--critical {
    --c365-tile-accent: var(--c365-tile-critical);
    --c365-tile-accent-rgb: 239, 82, 73;
    --c365-tile-accent-muted: rgba(239, 82, 73, .2);
    --c365-tile-surface: #31090f;
    --c365-tile-surface-raised: #721d24;
    --c365-tile-border: rgba(255, 88, 78, .94);
    --c365-tile-border-soft: rgba(255, 117, 108, .48);
    --c365-tile-glow: rgba(239, 82, 73, .44);
    --c365-tile-text-primary: #ff8179;
    --c365-tile-text-secondary: #ffaaa5;
    --c365-muted: #ffaaa5;
    --c365-text: #ff8179;
    --tile-accent: var(--c365-tile-accent);
    --tile-accent-rgb: var(--c365-tile-accent-rgb);
    --tile-accent-muted: var(--c365-tile-accent-muted);
    --tile-surface: var(--c365-tile-surface);
    --tile-surface-raised: var(--c365-tile-surface-raised);
    --tile-border: var(--c365-tile-border);
    --tile-border-soft: var(--c365-tile-border-soft);
    --tile-glow: var(--c365-tile-glow);
    --tile-text-primary: var(--c365-tile-text-primary);
    --tile-text-secondary: var(--c365-tile-text-secondary);
}

.c365-tile-shell--warning {
    --c365-tile-accent: var(--c365-tile-warning);
    --c365-tile-accent-rgb: 255, 173, 66;
    --c365-tile-border: rgba(255, 173, 66, .46);
    --c365-tile-border-soft: rgba(255, 173, 66, .3);
}

.c365-tile-action-menu {
    position: relative;
    flex: 0 0 auto;
}

.c365-tile-action-menu summary {
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 7px;
    color: var(--c365-tile-text-secondary);
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    list-style: none;
}

.c365-tile-action-menu summary::-webkit-details-marker { display: none; }
.c365-tile-action-menu summary:hover,
.c365-tile-action-menu summary:focus-visible {
    color: var(--c365-tile-text-primary);
    background: rgba(255, 255, 255, .06);
    outline: none;
}

.c365-tile-action-menu__items {
    position: absolute;
    top: calc(100% + .35rem);
    right: 0;
    z-index: 1200;
    display: grid;
    min-width: 172px;
    padding: .35rem;
    border: 1px solid var(--c365-tile-border-soft);
    border-radius: 9px;
    background: #0b1821;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .42);
}

.c365-tile-action-menu__items button {
    padding: .5rem .65rem;
    border: 0;
    border-radius: 6px;
    color: var(--c365-tile-text-primary);
    background: transparent;
    text-align: left;
    white-space: nowrap;
}

.c365-tile-action-menu__items button:hover,
.c365-tile-action-menu__items button:focus-visible {
    background: rgba(255, 255, 255, .06);
    outline: none;
}

.c365-tile-action-menu__items button.is-danger {
    color: #ff8d87;
}

.c365-tile-shell--critical {
    border-color: var(--c365-tile-border);
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 122, 111, .34), transparent 48%),
        linear-gradient(145deg, var(--c365-tile-surface-raised), var(--c365-tile-surface) 62%, #1d060a);
    box-shadow:
        inset 0 0 42px rgba(var(--c365-tile-accent-rgb), .18),
        0 0 30px rgba(var(--c365-tile-accent-rgb), .38),
        0 18px 38px rgba(0, 0, 0, .42);
}

.c365-tile-shell--critical[data-c365-alert-effect="pulsered"] {
    animation: c365-critical-tile-pulse 1.6s ease-in-out infinite;
}

@keyframes c365-critical-tile-pulse {
    0%, 100% {
        filter: brightness(1);
        box-shadow:
            inset 0 0 32px rgba(var(--c365-tile-accent-rgb), .12),
            0 0 18px rgba(var(--c365-tile-accent-rgb), .28),
            0 10px 28px rgba(0, 0, 0, .28);
    }
    50% {
        filter: brightness(1.16);
        box-shadow:
            inset 0 0 42px rgba(var(--c365-tile-accent-rgb), .24),
            0 0 34px rgba(var(--c365-tile-accent-rgb), .58),
            0 10px 28px rgba(0, 0, 0, .28);
    }
}

@media (prefers-reduced-motion: reduce) {
    .c365-tile-shell--critical[data-c365-alert-effect="pulsered"] {
        animation: none;
    }
}

.tile-runtime-transition-enter-critical .c365-tile-shell,
.c365-tile-shell.tile-runtime-transition-enter-critical {
    animation: c365-premium-critical-entry 1.25s ease-out 1;
}

@keyframes c365-premium-critical-entry {
    0% {
        border-color: rgba(255, 98, 87, .88);
    }
}

.c365-tile-shell--critical .c365-tile-title {
    color: var(--c365-tile-text-primary);
}

.c365-tile-shell--critical .c365-tile-content,
.c365-tile-shell--critical .c365-metric-impact,
.c365-tile-shell--critical .c365-metric-unit,
.c365-tile-shell--critical .c365-line-current,
.c365-tile-shell--critical .c365-gauge-renderer__value,
.c365-tile-shell--critical .c365-clock-tile,
.c365-tile-shell--critical .c365-table-renderer table,
.c365-tile-shell--critical .c365-html-renderer__content,
.c365-tile-shell--critical .c365-html-hero__value,
.c365-tile-shell--critical .c365-detailed-record__fields dd,
.c365-tile-shell--critical .c365-small-multiple h3 {
    color: var(--c365-tile-text-primary);
}

.c365-tile-shell--critical .c365-tile-support,
.c365-tile-shell--critical .c365-trend,
.c365-tile-shell--critical .c365-table-renderer th,
.c365-tile-shell--critical .c365-table-renderer__empty,
.c365-tile-shell--critical .c365-html-hero__summary,
.c365-tile-shell--critical .c365-detailed-record__date,
.c365-tile-shell--critical .c365-detailed-record__fields dt,
.c365-tile-shell--critical .c365-detailed-record__fields dd.is-missing,
.c365-tile-shell--critical .c365-detailed-record__empty {
    color: var(--c365-tile-text-secondary);
}

.c365-tile-shell--critical .c365-html-hero {
    --c365-html-hero-tone: var(--c365-tile-critical);
    --c365-html-hero-tone-rgb: var(--c365-tile-accent-rgb);
}

.c365-tile-shell--critical :is(canvas, img, svg) {
    filter: sepia(1) saturate(7) hue-rotate(305deg) brightness(1.08);
}

.c365-tile-shell--critical .c365-tile-action {
    border-color: rgba(239, 82, 73, .42);
    background: rgba(48, 10, 15, .72);
}

.c365-tile-shell--critical [data-c365-overflow-trigger],
.c365-tile-shell--critical [data-page-tile-size-control],
.c365-tile-shell--critical [data-page-tile-size] {
    color: var(--c365-tile-text-primary);
}

.c365-tile-shell--critical .c365-tile-action:hover,
.c365-tile-shell--critical .c365-tile-action:focus-visible {
    border-color: rgba(255, 117, 108, .88);
    background: rgba(239, 82, 73, .2);
}

.c365-tile-shell--critical .c365-tile-alert {
    color: #ffd8d6;
}

.c365-tile-shell--warning .c365-tile-alert {
    color: #ffe1aa;
}

.c365-tile-content {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.c365-tile-content > * {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
}

.c365-tile-shell--loading .c365-tile-content {
    display: grid;
    place-items: center;
}

.c365-tile-loading {
    width: min(72%, 22rem);
    display: grid;
    gap: .65rem;
}

.c365-tile-loading::before,
.c365-tile-loading::after {
    content: "";
    height: .68rem;
    border-radius: 999px;
    background: linear-gradient(90deg,
        rgba(var(--c365-tile-accent-rgb), .08),
        rgba(var(--c365-tile-accent-rgb), .24),
        rgba(var(--c365-tile-accent-rgb), .08));
    background-size: 200% 100%;
    animation: c365-tile-loading-shimmer 1.35s ease-in-out infinite;
}

.c365-tile-loading::after { width: 68%; }

.c365-tile-shell--refresh-loading [data-c365-tile-content] > :not(.c365-tile-refresh-loading) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.c365-tile-refresh-loading {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    pointer-events: none;
}

.c365-tile-shell--refresh-loading.c365-tile-shell--refreshing [data-c365-tile-content]::after {
    display: none;
}

.c365-tile-shell--initial-render-ready [data-c365-tile-content] > * {
    animation: c365-tile-initial-render-ready 160ms ease-out both;
}

@keyframes c365-tile-initial-render-ready {
    from { opacity: 0; }
    to { opacity: 1; }
}

.c365-tile-state-view {
    height: 100%;
    display: grid;
    place-content: center;
    color: var(--c365-tile-text-secondary);
    text-align: center;
    gap: .55rem;
    padding: clamp(.75rem, 3cqw, 1.5rem);
}

.c365-tile-state-view strong {
    color: var(--c365-tile-text-primary);
    font-size: clamp(1rem, 4cqw, 1.35rem);
}

.c365-tile-state-view__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    margin-top: .35rem;
}

.c365-tile-overlay {
    position: absolute;
    inset: var(--c365-tile-padding);
    z-index: 5;
    pointer-events: none;
}

.grid-stack-item-content > .c365-tile-shell {
    width: 100%;
    height: 100%;
}

@keyframes c365-tile-loading-shimmer {
    50% { background-position: 100% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .c365-tile-shell--initial-render-ready [data-c365-tile-content] > * {
        animation: none;
    }
}

.c365-tile-shell--refreshing [data-c365-tile-content]::after {
    position: absolute;
    top: .45rem;
    right: .45rem;
    z-index: 2;
    width: .72rem;
    height: .72rem;
    border: 1px solid var(--c365-tile-text-secondary);
    border-right-color: transparent;
    border-radius: 50%;
    content: "";
    display: block;
    pointer-events: none;
    animation: c365-data-refresh-spin .8s linear infinite;
}

.c365-tile-shell [data-c365-tile-content] {
    position: relative;
}

.c365-tile-detail-evidence {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    align-items: baseline;
    justify-content: space-between;
    gap: .7rem;
    min-width: 0;
    padding-top: .42rem;
    border-top: 1px solid rgba(var(--c365-tile-accent-rgb), .16);
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.62rem, 1.8cqw, .74rem);
    line-height: 1.25;
    pointer-events: none;
}

.c365-tile-detail-evidence strong {
    min-width: 0;
    overflow: hidden;
    color: var(--c365-tile-text-primary);
    font-family: var(--l365-tile-body-font-family, var(--l365-type-body-font-family, "Source Serif 4", serif));
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-page-detail .c365-tile-shell[data-c365-surface="Page"][data-c365-detail-supported="true"] .c365-tile-detail-evidence {
    display: flex;
}

.c365-page-detail .c365-tile-shell[data-c365-surface="Page"][data-c365-detail-supported="true"] :is(.c365-metric-renderer, .c365-gauge-renderer, .c365-clock-tile) {
    padding-bottom: clamp(1.45rem, 5cqh, 2rem);
}

@keyframes c365-data-refresh-spin {
    to { transform: rotate(360deg); }
}

.c365-temperature-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(.85rem, 4cqw, 1.5rem);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    color: var(--c365-tile-text-primary);
    background: transparent;
    font-family: var(--l365-tile-body-font-family, var(--l365-type-body-font-family, Inter, sans-serif));
    box-sizing: border-box;
}

.c365-tile-shell[data-c365-renderer="temperature"] .c365-tile-title-region,
.c365-page-tile--title-hidden .c365-temperature-tile__label { display: none; }

.c365-temperature-tile__icon {
    flex: 0 0 clamp(2rem, 10cqw, 3rem);
    width: clamp(2rem, 10cqw, 3rem);
    height: clamp(4rem, 30cqh, 6rem);
    color: var(--c365-tile-accent);
}

.c365-temperature-tile__readout {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.c365-temperature-tile__label {
    color: var(--c365-tile-text-primary);
    font-family: var(--l365-tile-title-font-family, var(--l365-type-h2-font-family, Inter, sans-serif));
    font-size: var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 20px));
    font-weight: var(--l365-tile-title-font-weight, var(--l365-type-h2-font-weight, 700));
    line-height: var(--l365-tile-title-line-height, var(--l365-type-h2-line-height, 1.3));
    letter-spacing: var(--l365-tile-title-letter-spacing, var(--l365-type-h2-letter-spacing, -.02em));
}

.c365-temperature-tile__value {
    display: flex;
    align-items: baseline;
    white-space: nowrap;
    font-size: var(--c365-metric-font-size, clamp(48px, 6vw, 82px));
    font-family: var(--l365-tile-metric-font-family, var(--l365-type-metric-font-family, Inter, sans-serif));
    line-height: 1.05;
    letter-spacing: -.045em;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.c365-temperature-tile__unit { font-size: .55em; letter-spacing: -.025em; }
.c365-temperature-tile__support {
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.78rem, 3cqw, 1rem);
    line-height: 1.3;
}

.c365-metric-renderer {
    --c365-metric-font-size: clamp(2.75rem, 14cqw, 4rem);
    container-type: size;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(.35rem, 1.5cqh, .65rem);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    padding: clamp(.2rem, 1.4cqw, .5rem) 0;
    overflow: hidden;
}

.c365-tile-support {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(.35rem, 1.6cqw, .75rem);
    width: 100%;
    min-width: 0;
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.66rem, 2.2cqw, .82rem);
    line-height: 1.25;
}

.c365-trend {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .22rem;
    font-family: var(--l365-type-caption-font-family, Inter, sans-serif);
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.c365-trend[hidden] { display: none; }
.c365-trend.is-positive { color: #55d69a; }
.c365-trend.is-negative { color: var(--c365-tile-critical); }
.c365-trend.is-directional { color: var(--c365-tile-accent); }
.c365-trend.is-neutral { color: var(--c365-tile-text-secondary); }

.c365-trend__arrow {
    font-size: 1.08em;
    line-height: 1;
}

.c365-metric-impact {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-start;
    min-width: 0;
    color: var(--c365-tile-text-primary);
    font-size: var(--c365-metric-font-size);
    font-variant-numeric: tabular-nums lining-nums;
    line-height: 1.08;
    letter-spacing: -.035em;
    white-space: nowrap;
}

.c365-metric-value {
    flex: 0 0 auto;
    min-width: 0;
    font-family: var(--l365-tile-metric-font-family, var(--l365-type-metric-font-family, Inter, sans-serif));
    font-size: 1em;
    font-weight: 450;
    line-height: inherit;
}

.c365-metric-unit {
    flex: 0 0 auto;
    margin-left: .24em;
    color: var(--c365-tile-text-primary);
    font-family: var(--l365-type-caption-font-family, Inter, sans-serif);
    font-size: .34em;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: .01em;
}

.c365-metric-unit-degree {
    position: relative;
    top: -.28em;
    display: inline-block;
    margin-right: .02em;
    font-size: .7em;
    line-height: 1;
}

.c365-metric-unit[hidden] {
    display: none;
}

.c365-line-tile {
    container-type: size;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    gap: var(--tile-gap);
    min-width: 0;
    min-height: 0;
    padding: var(--tile-padding);
    color: var(--tile-text-primary);
    background:
        radial-gradient(circle at 15% 0%, rgba(var(--tile-accent-rgb), 0.11), transparent 38%),
        linear-gradient(155deg, var(--tile-surface-raised), var(--tile-surface) 58%);
    border: 1px solid var(--tile-border);
    border-radius: var(--tile-radius);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .018);
    overflow: hidden;
}

.c365-tile-content > .c365-line-tile {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.c365-line-renderer {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--c365-tile-gap);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.c365-chart-view-switcher {
    display: inline-flex;
    align-self: flex-end;
    flex: 0 0 auto;
    min-width: min(14rem, 48%);
    padding: 2px;
    border: 1px solid rgba(var(--c365-tile-accent-rgb), .24);
    border-radius: 999px;
    background: rgba(4, 14, 28, .36);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.c365-tile-header-extensions .c365-chart-view-switcher {
    align-self: auto;
    min-width: clamp(10.5rem, 20cqw, 14rem);
    max-width: min(18rem, 42cqw);
}

.c365-chart-view-switcher[hidden] { display: none; }

.c365-chart-view-switcher button {
    flex: 1 1 0;
    min-width: 0;
    padding: .38rem .75rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--c365-tile-text-secondary);
    font: inherit;
    font-size: clamp(.68rem, 1.2cqw, .84rem);
    font-weight: 650;
    line-height: 1.15;
    white-space: nowrap;
    cursor: pointer;
    transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.c365-chart-view-switcher button[aria-pressed="true"] {
    background: rgba(var(--c365-tile-accent-rgb), .16);
    color: var(--c365-tile-text-primary);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 5px 16px rgba(0, 0, 0, .16);
}

.c365-chart-view-switcher button:focus-visible {
    outline: 2px solid var(--c365-tile-accent);
    outline-offset: 2px;
}

.c365-chart-timeline-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    flex: 0 0 auto;
    min-width: 0;
    min-height: 2.25rem;
    padding-top: .55rem;
    border-top: 1px solid rgba(118, 148, 207, .12);
}

.c365-chart-timeline-footer[hidden] { display: none; }

.c365-chart-html-legend {
    display: flex;
    align-items: center;
    gap: clamp(.75rem, 2.2cqw, 1.5rem);
    min-width: 0;
    overflow: hidden;
}

.c365-chart-html-legend__item {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-width: 0;
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.66rem, 1.25cqw, .82rem);
    font-weight: 560;
    white-space: nowrap;
}

.c365-chart-html-legend__swatch {
    width: .72rem;
    height: .72rem;
    flex: 0 0 auto;
    border: 2px solid var(--c365-chart-series-colour);
    border-radius: 50%;
    background: color-mix(in srgb, var(--c365-chart-series-colour) 72%, transparent);
    box-shadow: none;
}

.c365-chart-html-legend__item[data-series-type="line"] .c365-chart-html-legend__swatch {
    background: var(--c365-tile-surface, #101d2c);
}

.c365-chart-refreshed {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding-left: .9rem;
    border-left: 1px solid rgba(118, 148, 207, .16);
    color: var(--c365-tile-text-muted);
    font-size: clamp(.62rem, 1.1cqw, .76rem);
    white-space: nowrap;
}

.c365-chart-refreshed::before {
    content: "\f017";
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    color: var(--c365-tile-text-secondary);
}

@container (max-width: 620px) {
    .c365-tile-header-extensions .c365-chart-view-switcher { min-width: 8.5rem; max-width: 44cqw; }
    .c365-tile-header-extensions .c365-chart-view-switcher button { padding-inline: .48rem; }
    .c365-chart-timeline-footer { grid-template-columns: 1fr; gap: .45rem; }
    .c365-chart-refreshed { padding-left: 0; border-left: 0; }
    .c365-chart-html-legend { flex-wrap: wrap; row-gap: .4rem; }
}

@media (prefers-reduced-motion: reduce) {
    .c365-chart-view-switcher button { transition: none; }
}

.c365-line-renderer .c365-line-tile__stats {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    align-items: baseline;
    gap: clamp(.45rem, 2cqw, 1rem);
    min-width: 0;
    box-sizing: border-box;
    padding-inline-start: max(0px, calc(var(--c365-tile-header-corner-clearance) - var(--c365-tile-instance-padding, 0px)));
    white-space: nowrap;
}

.c365-line-renderer .c365-line-tile__stats > .c365-tile-support {
    justify-self: stretch;
    justify-content: flex-end;
    text-align: right;
}

.c365-metric-stat-row {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: baseline;
    justify-content: space-between;
    gap: clamp(.45rem, 3cqw, 1rem);
}

.c365-metric-stat-row .c365-metric-impact { flex: 1 1 auto; }
.c365-metric-stat-row .c365-tile-support { flex: 0 1 auto; margin-left: auto; text-align: right; }

.c365-line-renderer .c365-line-impact {
    min-width: 0;
}

.c365-line-renderer .c365-line-current {
    display: flex;
    align-items: baseline;
    gap: .16rem;
    min-width: 0;
    color: var(--c365-tile-text-primary);
}

.c365-line-renderer .c365-line-current > span {
    font-family: var(--l365-tile-metric-font-family, var(--l365-type-metric-font-family, Inter, sans-serif));
    font-size: clamp(2.15rem, 9.5cqw, 4rem);
    font-weight: 450;
    line-height: 1;
}

.c365-line-renderer .c365-line-current small {
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.7rem, 2.4cqw, 1rem);
    font-weight: 450;
    line-height: 1;
}

.c365-line-renderer .c365-line-supporting-stats {
    display: flex;
    align-items: baseline;
    gap: clamp(.4rem, 1.8cqw, .85rem);
    min-width: 0;
}

.c365-line-renderer .c365-line-supporting-stats > div {
    display: inline-flex;
    align-items: baseline;
    gap: clamp(.16rem, .7cqw, .3rem);
    min-width: 0;
}

.c365-line-renderer .c365-line-supporting-stats span {
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.6rem, 1.3cqw, .7rem);
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.c365-line-renderer .c365-line-supporting-stats strong {
    min-width: 0;
    overflow: hidden;
    color: var(--c365-tile-text-primary);
    font-size: clamp(.68rem, 1.8cqw, .9rem);
    font-weight: 500;
    font-variant-numeric: tabular-nums lining-nums;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-line-renderer .c365-line-tile__chart-wrap {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    flex: 1 1 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.c365-line-renderer .c365-line-tile__chart-wrap canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 0;
}

.c365-line-renderer .c365-line-selection-marker {
    position: absolute;
    z-index: 3;
    width: 2px;
    min-height: 0;
    pointer-events: none;
    background: repeating-linear-gradient(
        to bottom,
        var(--c365-tile-text-secondary) 0 5px,
        transparent 5px 10px);
    transform: translateX(-1px);
}

.c365-line-renderer .c365-line-selection-marker[hidden] {
    display: none;
}

.c365-line-renderer .c365-line-periods {
    --c365-date-range-height: clamp(2.1rem, 5.2cqh, 2.65rem);
    --c365-date-range-width: 12rem;
    flex: 0 0 auto;
    justify-self: center;
    border: 1px solid rgba(118, 148, 207, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .025);
}

.c365-line-renderer .c365-line-periods select {
    font-size: clamp(.72rem, 1.7cqw, .9rem);
}

.c365-line-renderer .c365-line-interactions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    min-height: 1.5rem;
}

.c365-line-renderer .c365-line-interactions[hidden] {
    display: none;
}

.c365-line-renderer .c365-line-interactions button,
.c365-line-renderer .c365-line-interactions a {
    border: 0;
    padding: .2rem .35rem;
    background: transparent;
    color: var(--c365-tile-accent, #4bc8e7);
    font-size: .72rem;
    text-decoration: underline;
    cursor: pointer;
}

.c365-line-renderer .c365-line-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    gap: .35rem;
    border-top: 1px solid rgba(118, 148, 207, .08);
    background: transparent;
    overflow: hidden;
}

.c365-line-renderer .c365-line-summary__item {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .12rem .48rem;
    align-items: center;
    padding: clamp(.46rem, 1.25cqw, .78rem);
    border-left: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, .018);
}

.c365-line-renderer .c365-line-summary__item:first-child {
    border-left: 0;
}

.c365-line-renderer .c365-line-summary__item i {
    grid-row: span 2;
    color: var(--c365-tile-accent);
    font-size: clamp(.9rem, 2cqw, 1.25rem);
}

.c365-line-renderer .c365-line-summary__item span {
    color: #a4afc0;
    font-size: clamp(.6rem, 1.3cqw, .8rem);
    font-weight: 750;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.c365-line-renderer .c365-line-summary__item strong {
    min-width: 0;
    overflow: hidden;
    color: #f3f7fb;
    font-size: clamp(.9rem, 2cqw, 1.25rem);
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-line-renderer .c365-line-periods {
    justify-self: center;
}

@container (max-width: 220px) {
    .c365-tile-header-controls .c365-tile-action {
        width: 2rem;
        padding-inline: 0;
        overflow: hidden;
        font-size: .66rem;
    }

    .c365-line-renderer .c365-line-tile__stats {
        gap: .4rem;
    }

    .c365-line-renderer .c365-line-supporting-stats {
        flex: 1 1 auto;
        justify-content: flex-end;
        gap: .38rem;
    }

    .c365-line-renderer .c365-line-supporting-stats span {
        display: none;
    }
}

@container (max-width: 190px) {
    .c365-line-renderer .c365-line-stat--minimum {
        display: none;
    }
}

@container (max-width: 160px) {
    .c365-line-renderer .c365-line-stat--maximum {
        display: none;
    }
}

.c365-line-tile__top,
.c365-line-tile__stats {
    min-width: 0;
}

.c365-line-tile__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.6rem;
}

.c365-line-tile__title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-line-tile__controls {
    justify-self: end;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.4rem;
    min-width: 0;
}

.c365-line-current,
.c365-line-average-card strong,
.c365-line-average-card span {
    white-space: nowrap;
}

.c365-line-current small,
.c365-line-average-card span,
.c365-line-summary small {
    margin-left: 0.18em;
    vertical-align: baseline;
}

.c365-line-tile__chart-wrap,
.c365-line-chart-anchor {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.c365-line-periods {
    display: inline-grid !important;
    width: min(100%, var(--c365-date-range-width)) !important;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible !important;
}

.c365-line-summary {
    min-width: 0;
}

@container (max-width: 440px), (max-height: 440px) {
    .c365-line-tile {
        grid-template-rows: auto auto minmax(64px, 1fr) auto auto;
        gap: 0.3rem;
        padding: 0.58rem;
    }

    .c365-line-tile__controls .tile-option-menu {
        display: none;
    }

    .c365-line-tile__stats {
        grid-template-columns: minmax(0, auto) minmax(50px, .3fr) minmax(126px, 1fr);
        gap: 0.3rem;
    }

    .c365-line-current span {
        font-size: clamp(1.55rem, 10cqw, 2.25rem);
    }

    .c365-line-average-card {
        min-width: 0;
    }

    .c365-line-average-card div {
        font-size: 0.6rem;
    }

    .c365-line-average-card strong {
        font-size: clamp(1rem, 5.5cqw, 1.35rem);
    }

    .c365-line-periods {
        --c365-date-range-height: 2rem;
        --c365-date-range-width: 10.5rem;
    }

    .c365-line-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .c365-line-summary > div {
        display: none !important;
    }

    .c365-line-summary > div:first-child,
    .c365-line-summary > div:last-child {
        display: grid !important;
    }
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-renderer {
    gap: .28rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-tile__stats {
    grid-template-columns: minmax(0, auto) minmax(42px, .28fr) minmax(108px, 1fr);
    gap: .24rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-current > span {
    font-size: clamp(1.65rem, 10cqw, 2.45rem);
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-current-descriptor span {
    font-size: .52rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-supporting-stats > div {
    padding-inline: .18rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-tile__chart-wrap,
.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-tile__chart-wrap canvas {
    min-height: 0;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-periods {
    --c365-date-range-height: 1.9rem;
    --c365-date-range-width: 10rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 10px;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary__item {
    display: none;
    padding: .3rem .4rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary__item--peak,
.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary__item--updated {
    display: grid;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary__item--updated {
    border-left: 1px solid rgba(var(--c365-tile-accent-rgb), .58);
}

.c365-tile-shell[data-c365-size-mode="compact-tall"] .c365-line-renderer {
    gap: .35rem;
}

.c365-tile-shell[data-c365-size-mode="compact-tall"] .c365-line-summary,
.c365-tile-shell[data-c365-size-mode="wide"] .c365-line-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.c365-tile-shell[data-c365-size-mode="compact-tall"] .c365-line-summary__item:nth-child(odd),
.c365-tile-shell[data-c365-size-mode="wide"] .c365-line-summary__item:nth-child(odd) {
    border-left: 0;
}

.c365-tile-shell[data-c365-size-mode="wide"] .c365-line-renderer {
    gap: .35rem;
}

.c365-tile-shell[data-c365-size-mode="wide"] .c365-line-current > span {
    font-size: clamp(1.7rem, 5cqw, 2.55rem);
}

/* The shared renderer owns line-chart composition on every host surface. The
   extra shell specificity prevents historical page-level preview rules from
   changing the page and catalogue visual language independently. */
.c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-tile__stats {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    align-items: baseline;
    gap: clamp(.45rem, 2cqw, 1rem);
    white-space: nowrap;
}

.c365-tile-shell[data-c365-renderer="lineChart"] {
    row-gap: clamp(.45rem, 1.2cqw, .75rem);
}

@container (max-width: 220px) {
    .c365-metric-renderer {
        flex-direction: row;
        align-items: center;
        gap: .45rem;
    }

    .c365-metric-renderer .c365-tile-support {
        flex: 1 1 auto;
    }

    .c365-line-renderer .c365-line-tile__stats,
    .c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-tile__stats {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: baseline;
        gap: .45rem;
    }
}

.c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-current > span {
    font-family: var(--l365-tile-metric-font-family, var(--l365-type-metric-font-family, Inter, sans-serif));
    font-size: 72%;
    font-weight: var(--l365-tile-metric-font-weight, var(--l365-type-metric-font-weight));
    line-height: var(--l365-tile-metric-line-height, var(--l365-type-metric-line-height));
    letter-spacing: var(--l365-tile-metric-letter-spacing, var(--l365-type-metric-letter-spacing));
}

.c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-current {
    font-size: var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size));
}

.c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-supporting-stats {
    display: flex;
    align-items: baseline;
}

.c365-tile-shell--critical .c365-line-renderer .c365-line-current {
    color: var(--c365-tile-critical);
}

@container (max-width: 220px) {
    .c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-supporting-stats span {
        display: none;
    }
}

@container (max-width: 190px) {
    .c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-stat--minimum {
        display: none;
    }
}

@container (max-width: 160px) {
    .c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-stat--maximum {
        display: none;
    }
}

.c365-gauge-renderer,
.c365-table-renderer,
.c365-html-renderer {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.c365-gauge-renderer {
    display: grid;
    place-items: center;
    padding: clamp(.25rem, 1.8cqw, .65rem);
}

.c365-gauge-renderer__dial {
    display: grid;
    place-items: center;
    width: min(78cqw, 78cqh, 13rem);
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #081821 0 58%, transparent 59%),
        conic-gradient(var(--c365-tile-accent) var(--c365-gauge-fill, 0%), rgba(var(--c365-tile-accent-rgb), .12) 0);
}

.c365-gauge-renderer__value {
    color: var(--c365-tile-text-primary, #f2f8fc);
    font-size: clamp(1.35rem, 12cqw, 3.2rem);
    font-weight: 700;
    line-height: 1;
}

.c365-table-renderer {
    overflow: auto;
}

.c365-table-renderer table {
    width: 100%;
    border-collapse: collapse;
    color: var(--c365-tile-text-primary, #f2f8fc);
    font-size: clamp(.7rem, 2.5cqw, .9rem);
}

.c365-table-renderer th,
.c365-table-renderer td {
    padding: .42rem .55rem;
    border-bottom: 1px solid var(--c365-tile-border-soft);
    text-align: left;
    white-space: nowrap;
}

.c365-table-renderer th {
    position: sticky;
    top: 0;
    color: var(--c365-tile-text-secondary);
    background: var(--c365-tile-surface-raised);
    font-size: .82em;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.c365-table-renderer__empty {
    margin: 0;
    color: var(--c365-tile-text-muted, #91a9ba);
}

.c365-data-grid__primary,.c365-data-grid__supporting{display:block;white-space:normal}.c365-data-grid__primary{color:var(--c365-tile-text-primary,#f2f8fc);font:inherit;font-weight:600}.c365-data-grid__supporting{margin-top:.2rem;color:var(--c365-tile-text-muted,#91a9ba);font-size:.92em;line-height:1.35}.c365-data-grid--balanced-columns .l365-grid__table{table-layout:fixed}.c365-data-grid--summary .l365-grid__cell{vertical-align:top;white-space:normal}.c365-data-grid__column--description{width:auto;white-space:normal}.c365-data-grid__column--number{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.c365-data-grid__column--compact{width:clamp(5.5rem,10cqw,8rem)}.c365-data-grid__column--number .c365-data-grid__primary,.c365-data-grid__column--number .c365-data-grid__supporting{white-space:nowrap}
.c365-data-grid__column-header--coloured{position:relative}.c365-data-grid__column-header--coloured::after{position:absolute;right:.55rem;bottom:.32rem;left:.55rem;height:2px;border-radius:999px;background:var(--c365-data-grid-column-colour);content:"";opacity:.82;pointer-events:none}
.c365-data-grid__cards{display:grid;gap:.75rem;min-width:0;padding:.1rem}.c365-data-grid__cards[hidden]{display:none}.c365-data-grid-card{display:grid;gap:.55rem;min-width:0;padding:.85rem;border:1px solid var(--c365-tile-border-soft);border-radius:var(--c365-tile-radius-sm,.75rem);background:var(--c365-tile-surface-raised)}.c365-data-grid-card__title,.c365-data-grid-card__subtitle{min-width:0;margin:0;overflow-wrap:anywhere}.c365-data-grid-card__title{color:var(--c365-tile-text-primary,#f2f8fc);font-size:1rem;font-weight:700;line-height:1.3}.c365-data-grid-card__subtitle{color:var(--c365-tile-text-muted,#91a9ba);font-size:.86rem;line-height:1.4}.c365-data-grid-card__metrics,.c365-data-grid-card__fields{display:grid;min-width:0;margin:0}.c365-data-grid-card__metrics{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem}.c365-data-grid-card__metrics>div{min-width:0;padding:.45rem .5rem;border-radius:var(--c365-tile-radius-xs,.45rem);background:color-mix(in srgb,var(--c365-tile-surface-raised) 78%,var(--c365-tile-text-primary) 4%)}.c365-data-grid-card dt{margin:0;color:var(--c365-tile-text-muted,#91a9ba);font-size:.72rem;font-weight:600;letter-spacing:.035em;line-height:1.3;text-transform:uppercase}.c365-data-grid-card dd{min-width:0;margin:.12rem 0 0;color:var(--c365-tile-text-primary,#f2f8fc);overflow-wrap:anywhere}.c365-data-grid-card__metrics dd{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.c365-data-grid-card__fields{grid-template-columns:minmax(5.5rem,.8fr) minmax(0,1.2fr);gap:.42rem .7rem;padding-top:.15rem}.c365-data-grid-card__fields dt,.c365-data-grid-card__fields dd{padding-top:.32rem;border-top:1px solid var(--c365-tile-border-soft)}.c365-data-grid-card__actions{display:flex;justify-content:flex-end;padding-top:.15rem}.c365-data-grid-card__long-text summary{cursor:pointer;color:inherit;overflow-wrap:anywhere}.c365-data-grid-card__long-text>span{display:block;margin-top:.4rem;white-space:pre-wrap}.c365-data-grid--cards{overflow:auto}.c365-data-grid--cards .c365-data-grid__cards{display:grid}
.c365-data-grid-card__metrics{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}

.c365-macro-reviewer {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}
.c365-macro-reviewer__grid {
    min-width: 0;
    min-height: 0;
    overflow: auto;
}
@supports (scrollbar-gutter: stable) {
    .c365-table-renderer,
    .c365-macro-reviewer__grid { scrollbar-gutter: stable; }
}
@supports not (scrollbar-gutter: stable) {
    .c365-table-renderer,
    .c365-macro-reviewer__grid { overflow-y: scroll; }
}
.c365-macro-reviewer table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    color: var(--c365-tile-text-primary, #f2f8fc);
    font-size: clamp(.74rem, 2cqw, .9rem);
}
.c365-macro-reviewer th:nth-child(1),
.c365-macro-reviewer td:nth-child(1) { width: auto; }
.c365-macro-reviewer th:nth-child(n+2):not(.c365-grid-row-actions),
.c365-macro-reviewer td:nth-child(n+2):not(.c365-grid-row-actions) {
    width: clamp(5.5rem, 10cqw, 8rem);
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.c365-macro-reviewer th,
.c365-macro-reviewer td {
    padding: .58rem .65rem;
    border-bottom: 1px solid var(--c365-tile-border-soft);
    text-align: left;
    vertical-align: top;
}
.c365-macro-reviewer th {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--c365-tile-text-secondary);
    background: var(--c365-tile-surface-raised);
    font-size: .74rem;
    font-weight: 600;
    text-transform: none;
}
.c365-macro-reviewer__item { min-width: 0; white-space: normal; }
.c365-macro-reviewer__item > strong { color: var(--c365-tile-text-primary, #f2f8fc); font: inherit; font-weight: 700; }
.c365-macro-reviewer__suggestion { display: block; margin-top: .2rem; color: #b9abb5; font-size: .92em; line-height: 1.35; white-space: normal; }
.c365-macro-reviewer__nutrition { min-width: 0; white-space: normal; color: var(--c365-tile-text-primary, #f2f8fc); }
.c365-macro-reviewer__nutrition > strong { color: var(--c365-tile-text-primary, #f2f8fc); font: inherit; font-weight: 500; }
.c365-macro-reviewer__empty { margin: 0; color: var(--c365-tile-text-muted, #91a9ba); }
.c365-grid-row-actions { width: 2.75rem !important; text-align: right !important; white-space: nowrap; }
.c365-grid-row-actions .c365-overflow { display: inline-block; }
.c365-macro-reviewer tbody tr:hover td,
.c365-macro-reviewer tbody tr:focus-within td { background: color-mix(in srgb, var(--c365-tile-surface-raised) 76%, transparent); }
.c365-macro-reviewer tbody tr:hover td:first-child,
.c365-macro-reviewer tbody tr:focus-within td:first-child { border-radius: .45rem 0 0 .45rem; }
.c365-macro-reviewer tbody tr:hover td:last-child,
.c365-macro-reviewer tbody tr:focus-within td:last-child { border-radius: 0 .45rem .45rem 0; }

.c365-html-renderer__content {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: clamp(.2rem, 1.4cqw, .5rem) 0 0;
    overflow: auto;
    color: var(--c365-tile-text-primary, #f2f8fc);
}

/* Controlled HTML hero composition: expressive enough for unique outcomes while
   remaining inside the shared Tile shell and its responsive sizing contract. */
.c365-html-hero {
    --c365-html-hero-tone: var(--c365-tile-accent, #21b8e6);
    --c365-html-hero-tone-rgb: var(--c365-tile-accent-rgb, 33, 184, 230);
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(5rem, .72fr) minmax(0, 1.28fr);
    align-items: center;
    gap: clamp(.8rem, 4cqw, 2.25rem);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: clamp(.4rem, 2cqw, 1rem) clamp(.25rem, 1.5cqw, .75rem);
    overflow: hidden;
    box-sizing: border-box;
}

.c365-html-hero::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 17%;
    width: min(48cqw, 19rem);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--c365-html-hero-tone-rgb), .18), transparent 68%);
    content: "";
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.c365-html-hero--positive {
    --c365-html-hero-tone: var(--c365-tile-live, #36d5b3);
    --c365-html-hero-tone-rgb: 54, 213, 179;
}

.c365-html-hero--attention {
    --c365-html-hero-tone: var(--c365-tile-critical, #ef5249);
    --c365-html-hero-tone-rgb: 239, 82, 73;
}

.c365-html-hero--neutral {
    --c365-html-hero-tone: var(--c365-tile-accent, #21b8e6);
    --c365-html-hero-tone-rgb: var(--c365-tile-accent-rgb, 33, 184, 230);
}

.c365-html-hero.c365-html-hero--text {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: clamp(.75rem, 4cqw, 2rem);
}

.c365-html-hero.c365-html-hero--text::before {
    display: none;
}

.c365-html-hero--text .c365-html-hero__copy {
    width: 100%;
}

.c365-html-hero--text .c365-html-hero__value {
    font-size: clamp(2.5rem, 12cqw, 5.5rem);
}

.c365-html-hero__visual {
    display: grid;
    place-items: center;
    justify-self: center;
    width: min(31cqw, 64cqh, 10.5rem);
    min-width: 4.5rem;
    aspect-ratio: 1;
    color: var(--c365-html-hero-tone);
    border: 1px solid rgba(var(--c365-html-hero-tone-rgb), .3);
    border-radius: 50%;
    background: radial-gradient(circle at 48% 42%, rgba(var(--c365-html-hero-tone-rgb), .15), rgba(var(--c365-html-hero-tone-rgb), .035) 62%, transparent 63%);
    box-shadow: inset 0 0 2rem rgba(var(--c365-html-hero-tone-rgb), .08), 0 0 2.6rem rgba(var(--c365-html-hero-tone-rgb), .1);
}

.c365-html-hero__icon {
    width: 61%;
    height: 61%;
    overflow: visible;
    filter: drop-shadow(0 0 .7rem rgba(var(--c365-html-hero-tone-rgb), .28));
}

.c365-html-hero__door {
    opacity: .62;
}

.c365-html-hero__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
}

.c365-html-hero__eyebrow {
    color: var(--c365-html-hero-tone);
    font-size: clamp(.68rem, 2.1cqw, .88rem);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.c365-html-hero__value {
    max-width: 100%;
    margin-top: clamp(.18rem, .8cqh, .5rem);
    overflow: hidden;
    color: var(--c365-tile-text-primary, #f2f8fc);
    font-family: var(--l365-tile-metric-font-family, var(--l365-type-metric-font-family, Inter, sans-serif));
    font-size: clamp(2rem, 10cqw, 4.5rem);
    font-weight: 690;
    line-height: .98;
    letter-spacing: -.055em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-html-hero__summary {
    margin-top: clamp(.42rem, 1.6cqh, .85rem);
    color: var(--c365-tile-text-secondary, #9fb4c3);
    font-size: clamp(.76rem, 2.35cqw, 1rem);
    font-weight: 520;
    line-height: 1.35;
}

@container (max-width: 330px), (max-height: 185px) {
    .c365-html-hero {
        grid-template-columns: minmax(3.5rem, .52fr) minmax(0, 1.48fr);
        gap: clamp(.55rem, 3cqw, .9rem);
        padding-block: .15rem;
    }

    .c365-html-hero__visual {
        width: min(26cqw, 55cqh, 6.5rem);
        min-width: 3.5rem;
    }

    .c365-html-hero__value {
        font-size: clamp(1.55rem, 12cqw, 2.6rem);
    }

    .c365-html-hero__summary {
        margin-top: .3rem;
    }
}
/* Shared rich-record Tile. It intentionally uses the same shell and body scale as other typed Tiles. */
.c365-detailed-record{display:grid;align-content:start;gap:.75rem;height:100%;min-height:0;overflow:auto}.c365-detailed-record__date{color:var(--c365-muted,#91aaba);font-size:.78rem}.c365-detailed-record__fields{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,1.4fr);gap:.45rem 1rem;margin:0}.c365-detailed-record__fields dt{color:var(--c365-muted,#91aaba);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c365-detailed-record__fields dd{color:var(--c365-text,#edf8ff);font-weight:600;margin:0;min-width:0;overflow-wrap:anywhere}.c365-detailed-record__fields dd.is-missing{color:var(--c365-muted,#91aaba);font-weight:400}.c365-detailed-record__empty{color:var(--c365-muted,#91aaba);margin:auto;text-align:center}@media(max-width:520px){.c365-detailed-record__fields{grid-template-columns:1fr}.c365-detailed-record__fields dd{margin-bottom:.45rem}}
.c365-small-multiples,
.c365-small-multiples__grid {
    min-width: 0;
    min-height: 0;
    height: 100%;
}

.c365-small-multiples__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
    gap: var(--c365-space-3, .75rem);
}

.c365-small-multiple {
    display: grid;
    grid-template-rows: auto minmax(90px, 1fr);
    min-width: 0;
    min-height: 0;
}

.c365-small-multiple h3 {
    overflow: hidden;
    margin: 0 0 .25rem;
    color: var(--c365-tile-text-primary);
    font-size: var(--c365-navigation-font-size, .86rem);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-small-multiple canvas {
    width: 100% !important;
    height: 100% !important;
    min-height: 90px;
}

.c365-small-multiple canvas:focus-visible {
    outline: 2px solid var(--c365-focus, #49c8dc);
    outline-offset: 2px;
    border-radius: .25rem;
}

/* Micro is the governed one-half-row Page composition. It deliberately
   prioritises the Tile identity, primary value and trend shape over controls
   and analytical detail that cannot remain legible at this height. */
.c365-tile-shell[data-c365-size-mode="micro"] {
    --c365-tile-gap: .18rem;
    --c365-tile-padding: .5rem .62rem;
    --c365-tile-radius: 14px;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-tile-title {
    font-size: clamp(.76rem, 2.35cqw, .94rem);
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-tile-header-controls {
    gap: .12rem;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-tile-state,
.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-periods,
.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-interactions,
.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-summary {
    display: none !important;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-renderer {
    display: grid;
    grid-template-columns: minmax(4.8rem, auto) minmax(5rem, 1fr);
    align-items: stretch;
    gap: clamp(.4rem, 2cqw, .8rem);
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-tile__stats {
    display: flex !important;
    align-items: center;
    min-width: 0;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-tile__stats > .c365-tile-support {
    display: none;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-current > span {
    max-width: 100%;
    overflow: hidden;
    font-size: clamp(.972rem, 5.184cqw, 1.548rem) !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-current small {
    font-size: clamp(.58rem, 1.7cqw, .78rem);
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-tile__chart-wrap {
    align-self: stretch;
    height: 100%;
    min-height: 0;
    border-radius: 6px;
    background: transparent;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-metric-renderer {
    --c365-metric-font-size: clamp(1.55rem, 8cqw, 2.45rem);
    justify-content: center;
    padding: 0;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-metric-stat-row {
    align-items: center;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-tile-support {
    font-size: clamp(.58rem, 1.8cqw, .7rem);
}

@container (max-width: 640px) {
    .c365-small-multiples__grid { grid-template-columns: 1fr; }
    .c365-small-multiple { min-height: 150px; }
}

/* Canonical responsive chart language. These attributes are derived from the
   Tile's measured box, independently of the viewport and Page layout mode. */
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] {
    --c365-chart-width-padding: 16px;
    --c365-chart-title-size: clamp(15px, var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 16px)), 16px);
    --c365-chart-metric-size: clamp(30px, var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size, 32px)), 34px);
    --c365-chart-layout-gap: 12px;
    --c365-tile-padding: var(--c365-chart-width-padding);
    --c365-tile-gap: var(--c365-chart-layout-gap);
    row-gap: var(--c365-chart-layout-gap);
    background: var(--c365-tile-surface);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .014);
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"]::before {
    opacity: .12;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"]:hover,
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"]:focus-within {
    box-shadow: 0 9px 24px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .018);
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="micro"] {
    --c365-chart-width-padding: 11px;
    --c365-chart-title-size: clamp(13px, var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 14px)), 14px);
    --c365-chart-metric-size: clamp(22px, var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size, 24px)), 26px);
    --c365-chart-layout-gap: 7px;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="compact"] {
    --c365-chart-width-padding: 12px;
    --c365-chart-title-size: clamp(14px, var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 15px)), 15px);
    --c365-chart-metric-size: clamp(26px, var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size, 28px)), 30px);
    --c365-chart-layout-gap: 9px;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="standard"] {
    --c365-chart-width-padding: 16px;
    --c365-chart-title-size: clamp(15px, var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 16px)), 16px);
    --c365-chart-metric-size: clamp(30px, var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size, 32px)), 34px);
    --c365-chart-layout-gap: 12px;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="wide"] {
    --c365-chart-width-padding: 19px;
    --c365-chart-title-size: clamp(16px, var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 17px)), 17px);
    --c365-chart-metric-size: clamp(32px, var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size, 36px)), 38px);
    --c365-chart-layout-gap: 14px;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="expanded"] {
    --c365-chart-width-padding: 22px;
    --c365-chart-title-size: clamp(16px, var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 18px)), 18px);
    --c365-chart-metric-size: clamp(36px, var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size, 40px)), 42px);
    --c365-chart-layout-gap: 16px;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-height-band="short"] {
    --c365-tile-padding: min(var(--c365-chart-width-padding), 12px);
    --c365-chart-layout-gap: 4px;
    --c365-chart-title-size: clamp(13px, var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 15px)), 15px);
    --c365-chart-metric-size: clamp(24px, var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size, 28px)), 30px);
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="micro"][data-c365-chart-height-band="short"] {
    --c365-chart-title-size: clamp(13px, var(--l365-tile-title-font-size, var(--l365-type-h2-font-size, 14px)), 14px);
    --c365-chart-metric-size: clamp(22px, var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size, 24px)), 26px);
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="compact"][data-c365-chart-height-band="short"] {
    --c365-chart-metric-size: clamp(24px, var(--l365-tile-metric-font-size, var(--l365-type-metric-font-size, 27px)), 28px);
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-height-band="compact"] {
    --c365-chart-layout-gap: 7px;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-tile-header {
    align-items: start;
    gap: clamp(5px, 1.5cqw, 12px);
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-tile-title {
    display: -webkit-box;
    overflow: hidden;
    font-size: var(--c365-chart-title-size);
    font-weight: 650;
    line-height: 1.2;
    overflow-wrap: anywhere;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-height-band="short"] .c365-tile-title {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-renderer {
    display: flex;
    grid-template-columns: none;
    flex-direction: column;
    align-items: stretch;
    gap: var(--c365-chart-layout-gap);
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-tile__stats,
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-tile__stats[hidden] {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    gap: clamp(5px, 2cqw, 14px);
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-tile__stats:not([hidden]) {
    display: grid !important;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-tile__stats[hidden] {
    display: none !important;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-tile__stats > .c365-tile-support:not([hidden]),
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-periods:not([hidden]),
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-interactions:not([hidden]) {
    display: flex !important;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-current {
    font-size: var(--c365-chart-metric-size);
    line-height: 1;
    text-shadow: none;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-current > span {
    max-width: none;
    overflow: visible;
    font-size: var(--c365-chart-metric-size) !important;
    font-weight: 500;
    line-height: 1;
    text-overflow: clip;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"] .c365-line-current small {
    font-size: clamp(10px, calc(var(--c365-chart-metric-size) * .38), 14px);
    line-height: 1;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"][data-c365-chart-width-band] .c365-line-tile__chart-wrap {
    width: 100%;
    margin: 0;
    border-radius: 0;
    background: transparent;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"][data-c365-chart-width-band] .c365-tile-content {
    overflow: hidden;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="micro"] .c365-tile-description,
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-height-band="short"] .c365-tile-description,
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="micro"] .c365-chart-timeline-footer,
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-height-band="short"] .c365-chart-timeline-footer,
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-responsive="true"][data-c365-chart-height-band="short"] .c365-line-tile__stats > .c365-tile-support:not([hidden]) {
    display: none !important;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="micro"] .c365-tile-header-extensions .c365-chart-view-switcher,
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-height-band="short"] .c365-tile-header-extensions .c365-chart-view-switcher {
    width: auto;
    min-width: 0;
    max-width: min(50cqw, 9rem);
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-width-band="micro"] .c365-chart-view-switcher button,
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-height-band="short"] .c365-chart-view-switcher button {
    padding: 4px 6px;
    font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-height-band="short"] .c365-line-interactions {
    min-height: 0;
}

.c365-line-data-summary {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-fallback="true"] .c365-line-tile__chart-wrap canvas,
.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-fallback="true"] .c365-line-selection-marker {
    visibility: hidden;
}

.c365-tile-shell[data-c365-renderer="lineChart"][data-c365-chart-fallback="true"] .c365-line-data-summary {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    width: auto;
    height: auto;
    padding: 6px;
    margin: 0;
    overflow: auto;
    clip: auto;
    color: var(--c365-tile-text-secondary);
    font-size: 11px;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
}

.c365-line-renderer .c365-line-selection-marker[data-orientation="horizontal"] {
    min-width: 0;
    min-height: 2px;
    background: repeating-linear-gradient(
        to right,
        var(--c365-tile-text-secondary) 0 5px,
        transparent 5px 10px);
    transform: translateY(-1px);
}