/* Last alert: deliberately smaller than the score, no flashing or live-warning animation. */
.itm-last-alert[hidden], .itm-alert-tip[hidden] { display: none !important; }
.itm-last-alert {
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--itm-muted, #758197) 14%, transparent);
    border-radius: 12px;
    background: var(--itm-alert-surface, var(--itm-surface, #f7f8fa));
    color: var(--itm-alert-text, var(--itm-text, #172033));
    font-size: 12px;
    line-height: 1.45;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    min-width: 0;
}
.itm-last-alert__heading { font-weight: 700; font-size: 12px; padding-top: 3px; }
.itm-last-alert__body { flex: 1 1 150px; min-width: 0; }
.itm-last-alert__event { display: grid; grid-template-columns: var(--itm-alert-icon-size, 22px) minmax(0,1fr); align-items: start; gap: var(--itm-alert-gap, 8px); }
.itm-last-alert__event + .itm-last-alert__event { margin-top: 6px; }
.itm-last-alert__icon { display: inline-flex; color: var(--itm-alert-icon, #d04444); width: var(--itm-alert-icon-size, 22px); height: var(--itm-alert-icon-size, 22px); margin-top: 1px; }
.itm-last-alert__icon svg { display: block; width: 100%; height: 100%; flex: none; }
.itm-last-alert .itm-last-alert__places {
    min-width: 0; width: auto; max-width: 100%; min-height: 26px; margin: 0; padding: 2px 0;
    border: 0; border-radius: 3px; background: transparent; color: inherit;
    font: inherit; font-size: 12px; line-height: 1.5; text-transform: none; letter-spacing: normal;
    text-decoration: none; box-shadow: none; text-align: left; word-break: normal; overflow-wrap: anywhere;
}
.itm-last-alert button.itm-last-alert__places { cursor: help; touch-action: manipulation; }
.itm-last-alert button.itm-last-alert__places:hover { background: transparent; color: inherit; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; }
.itm-last-alert button:focus-visible { outline: 2px solid var(--itm-alert-icon, #d04444); outline-offset: 3px; }
.itm-last-alert__more { display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 5px; font-size: .9em; font-weight: 700; background: color-mix(in srgb, var(--itm-muted, #758197) 12%, transparent); }
.itm-last-alert__time { display: block; font-size: 11px; margin-top: 3px; padding-left: calc(var(--itm-alert-icon-size, 22px) + var(--itm-alert-gap, 8px)); color: var(--itm-alert-muted, var(--itm-muted, #758197)); }
.itm-last-alert__notice { display: block; margin-top: 4px; font-size: 10px; color: var(--itm-alert-muted, var(--itm-muted, #758197)); }
.itm-last-alert__preview { flex-basis: 100%; padding-bottom: 4px; font-size: 10px; font-weight: 700; color: var(--itm-alert-muted, var(--itm-muted, #758197)); }
.itm-layout-sidebar .itm-last-alert { display: block; padding: 11px 12px; }
.itm-layout-sidebar .itm-last-alert[hidden] { display: none; }
.itm-layout-sidebar .itm-last-alert__heading { display: block; padding: 0; margin-bottom: 6px; }
.itm-layout-compact .itm-last-alert { margin-top: 12px; }
.itm-alert-tip {
    position: fixed; inset: auto; z-index: 2147483000; margin: 0; padding: 14px;
    width: min(340px, calc(100vw - 24px)); max-width: calc(100vw - 24px);
    max-height: min(360px, calc(100dvh - 24px)); overflow: auto; overscroll-behavior: contain;
    background: var(--itm-alert-tip-bg, var(--itm-card-bg, #fff));
    color: var(--itm-alert-tip-text, var(--itm-text, #172033));
    border: 1px solid color-mix(in srgb, var(--itm-muted, #758197) 24%, transparent);
    border-radius: 12px; box-shadow: 0 12px 36px rgba(0,0,0,.18);
    font-family: inherit; font-size: 12px; line-height: 1.5; text-align: left;
}
.itm-alert-tip::backdrop { background: transparent; }
.itm-alert-tip__heading { display: flex; align-items: start; justify-content: space-between; gap: 10px; margin-bottom: 7px; }
.itm-alert-tip .itm-alert-tip__close { width: 26px; height: 26px; flex: 0 0 26px; border: 0; padding: 0; border-radius: 5px; background: transparent; color: inherit; box-shadow: none; font: inherit; font-size: 20px; line-height: 1; cursor: pointer; }
.itm-alert-tip__list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 5px; }
.itm-alert-tip__list li { margin: 0; padding: 3px 7px; background: color-mix(in srgb, currentColor 6%, transparent); border-radius: 5px; overflow-wrap: anywhere; }
.itm-alert-tip__meta { display: block; margin-top: 10px; font-size: 10px; opacity: .8; }
.itm-last-alert__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media(max-width:460px) {
    .itm-last-alert { display: block; }
    .itm-last-alert__heading { display: block; margin-bottom: 6px; padding-top: 0; }
}