[data-north-notice-id] {
    box-sizing: border-box;
    width: var(--north-width-desktop, 100%);
    max-width: min(var(--north-max-width-desktop, 100%), 100%);
    min-height: var(--north-min-height-desktop, 0);
    padding: var(--north-padding-desktop);
    margin-top: var(--north-margin-top-desktop);
    margin-bottom: var(--north-margin-bottom-desktop);
    font-size: var(--north-font-size-desktop);
}
[data-north-notice-id][data-north-align="center"] { margin-left: auto; margin-right: auto; }
[data-north-notice-id][data-north-align="right"] { margin-left: auto; margin-right: 0; }
[data-north-notice-id][data-north-align="left"] { margin-left: 0; margin-right: auto; }
[data-north-notice-id] svg { width: var(--north-icon-size-desktop); height: var(--north-icon-size-desktop); }

/* Optional scrolling for long notices. The current breakpoint overrides the
   previous one, so each device class can be configured independently. */
[data-north-notice-id][data-north-scroll-desktop="1"] {
    max-height: var(--north-scroll-max-height-desktop, 480px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
@media (max-width: 1024px) {
    [data-north-notice-id] { max-height: none; overflow-y: visible; scrollbar-gutter: auto; }
    [data-north-notice-id][data-north-scroll-tablet="1"] {
        max-height: var(--north-scroll-max-height-tablet, 380px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }
}
@media (max-width: 768px) {
    [data-north-notice-id] { max-height: none; overflow-y: visible; scrollbar-gutter: auto; }
    [data-north-notice-id][data-north-scroll-mobile="1"] {
        max-height: var(--north-scroll-max-height-mobile, 320px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }
}
.northNoticeSystemPopover [data-north-notice-id] {
    max-height: none !important;
    overflow: visible !important;
    scrollbar-gutter: auto !important;
}
.northNoticeSystemPlacementContent {
    box-sizing: border-box;
    width: 100%;
}
.northNoticeSystemPlacementBox.box {
    box-sizing: border-box;
    width: 100%;
}
.northNoticeSystemPlacementBox > .boxContent {
    padding: 0;
}
[data-north-notice-id][data-north-display-mode="compact"] {
    padding-top: 8px;
    padding-bottom: 8px;
}
[data-north-notice-id][data-north-display-mode="compact"] p:first-child { margin-top: 0; }
[data-north-notice-id][data-north-display-mode="compact"] p:last-child { margin-bottom: 0; }
.northNoticeSystemIconHost {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
    min-height: 42px;
}
.northNoticeSystemIconHost[data-north-align="center"] { justify-content: center; }
.northNoticeSystemIconHost[data-north-align="right"] { justify-content: flex-end; }
.northNoticeSystemIconHost[data-north-align="left"] { justify-content: flex-start; }
.northNoticeSystemPopoverTrigger {
    display: inline-grid;
    place-items: center;
    box-sizing: border-box;
    width: calc(var(--north-trigger-size-desktop, 20px) + 20px);
    height: calc(var(--north-trigger-size-desktop, 20px) + 20px);
    min-width: 38px;
    min-height: 38px;
    padding: 0;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: var(--wcfContentBackground, transparent);
    color: var(--wcfContentLink, currentColor);
    font: inherit;
    font-size: var(--north-trigger-size-desktop, 20px);
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}
.northNoticeSystemPopoverTrigger:hover,
.northNoticeSystemPopoverTrigger:focus-visible,
.northNoticeSystemPopoverTrigger[aria-expanded="true"] {
    background: color-mix(in srgb, currentColor 10%, transparent);
    outline: none;
}
.northNoticeSystemPopoverTrigger[data-north-icon-kind="warning"] { color: var(--wcfStatusWarningText, #8a5a00); }
.northNoticeSystemPopoverTrigger[data-north-icon-kind="help"] { color: var(--wcfContentLink, currentColor); }
.northNoticeSystemPopoverTrigger[data-north-icon-kind="notice"] { color: var(--wcfStatusSuccessText, var(--wcfContentLink, currentColor)); }
.northNoticeSystemPopover {
    position: fixed;
    z-index: 100000;
    box-sizing: border-box;
    width: min(var(--north-popover-max-width, 420px), calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: min(72vh, 720px);
    overflow: auto;
    overscroll-behavior: contain;
    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .18));
}
.northNoticeSystemPopover[hidden] { display: none !important; }
.northNoticeSystemPopover [data-north-notice-id] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
    margin: 0 !important;
}
.northNoticeSystemPopover::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}
@media (max-width: 1024px) {
    [data-north-notice-id] {
        width: var(--north-width-tablet, var(--north-width-desktop, 100%));
        max-width: min(var(--north-max-width-tablet, var(--north-max-width-desktop, 100%)), 100%);
        min-height: var(--north-min-height-tablet, var(--north-min-height-desktop, 0));
        padding: var(--north-padding-tablet, var(--north-padding-desktop));
        margin-top: var(--north-margin-top-tablet, var(--north-margin-top-desktop));
        margin-bottom: var(--north-margin-bottom-tablet, var(--north-margin-bottom-desktop));
        font-size: var(--north-font-size-tablet, var(--north-font-size-desktop));
    }
    [data-north-notice-id] svg { width: var(--north-icon-size-tablet, var(--north-icon-size-desktop)); height: var(--north-icon-size-tablet, var(--north-icon-size-desktop)); }
    .northNoticeSystemPopoverTrigger {
        width: calc(var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px)) + 20px);
        height: calc(var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px)) + 20px);
        font-size: var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px));
    }
}
@media (max-width: 768px) {
    [data-north-notice-id] {
        width: var(--north-width-mobile, 100%);
        max-width: min(var(--north-max-width-mobile, 100%), 100%);
        min-height: var(--north-min-height-mobile, 0);
        padding: var(--north-padding-mobile, var(--north-padding-tablet, var(--north-padding-desktop)));
        margin-top: var(--north-margin-top-mobile, var(--north-margin-top-tablet, var(--north-margin-top-desktop)));
        margin-bottom: var(--north-margin-bottom-mobile, var(--north-margin-bottom-tablet, var(--north-margin-bottom-desktop)));
        font-size: var(--north-font-size-mobile, var(--north-font-size-tablet, var(--north-font-size-desktop)));
        overflow-wrap: anywhere;
    }
    [data-north-notice-id] svg { width: var(--north-icon-size-mobile, var(--north-icon-size-tablet, var(--north-icon-size-desktop))); height: var(--north-icon-size-mobile, var(--north-icon-size-tablet, var(--north-icon-size-desktop))); }
    .northNoticeSystemPopoverTrigger {
        width: calc(var(--north-trigger-size-mobile, var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px))) + 20px);
        height: calc(var(--north-trigger-size-mobile, var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px))) + 20px);
        font-size: var(--north-trigger-size-mobile, var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px)));
    }
    .northNoticeSystemPopover {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        top: auto !important;
        width: auto !important;
        max-width: none;
        max-height: min(72vh, 640px);
    }
}
.northNoticeSystemLocationCondition { --north-gap: 16px; }
.northNoticeSystemTabs { display: flex; flex-wrap: nowrap; gap: 6px; margin: 0 0 18px; padding: 4px; overflow-x: auto; max-width: 100%; border-bottom: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.25)); scrollbar-width: thin; }
.northNoticeSystemTab { flex: 0 0 auto; white-space: nowrap; }
.northNoticeSystemTab.active { font-weight: 700; }
.northNoticeSystemTabPanel { min-width: 0; }
.northNoticeSystemTabPanel[hidden] { display: none !important; }
.northNoticeSystemCard, .northNoticeSystemInfoCard, .northNoticeSystemToolbarCard, .northNoticeSystemProviderCard { box-sizing: border-box; min-width: 0; margin: 0 0 var(--north-gap); padding: 16px; border: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.25)); border-radius: 8px; background: var(--wcfContentBackground, transparent); }
.northNoticeSystemCard > h3, .northNoticeSystemProviderCard > h4 { margin: 0 0 12px; }
.northNoticeSystemCard > label { display: block; margin-bottom: 8px; }
.northNoticeSystemCard > small, .northNoticeSystemProviderCard small { display: block; margin-top: 8px; }
.northNoticeSystemInfoCard p, .northNoticeSystemToolbarCard p { margin: 4px 0 0; }
.northNoticeSystemInfoCard.compact { padding: 12px 14px; }
.northNoticeSystemChoice { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; cursor: pointer; }
.northNoticeSystemChoice + .northNoticeSystemChoice { border-top: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.18)); }
.northNoticeSystemChoice > span { display: grid; gap: 3px; }
.northNoticeSystemChoice small { opacity: .8; }
.northNoticeSystemTwoColumn, .northNoticeSystemIncludeExcludeGrid, .northNoticeSystemPreviewLayout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--north-gap); align-items: start; }
.northNoticeSystemThreeColumn { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--north-gap); align-items: end; }
.northNoticeSystemThreeColumn label { display: grid; gap: 6px; min-width: 0; }
.northNoticeSystemDisplayModeGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.northNoticeSystemDisplayModeChoice { display: flex; gap: 10px; align-items: flex-start; min-width: 0; padding: 12px; border: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.25)); border-radius: 8px; cursor: pointer; }
.northNoticeSystemDisplayModeChoice:has(input:checked) { outline: 2px solid var(--wcfContentLink, currentColor); outline-offset: -2px; }
.northNoticeSystemDisplayModeChoice > span { display: grid; gap: 4px; min-width: 0; }
.northNoticeSystemDisplayModeChoice small { margin: 0; opacity: .8; }
.northNoticeSystemPreviewIcon { display: inline-grid; place-items: center; min-width: 38px; min-height: 38px; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit; font-weight: 800; line-height: 1; }
.northNoticeSystemPreviewPopover { box-sizing: border-box; margin-top: 10px; width: min(100%, 420px); }
.northNoticeSystemSelectionCard { min-width: 0; margin-bottom: var(--north-gap); padding: 16px; border: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.25)); border-radius: 8px; }
.northNoticeSystemSelectionCard > label { display: block; margin-bottom: 8px; }
.northNoticeSystemSelectionCard input[type="search"] { margin-bottom: 8px; width: 100%; max-width: 100%; }
.northNoticeSystemSelectionCard select { width: 100%; max-width: 100%; min-height: 170px; }
.northNoticeSystemToolbarCard { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.northNoticeSystemInlineToggle { flex: 0 0 auto; white-space: nowrap; }
.northNoticeSystemProviderGroup { margin-bottom: 12px; border: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.25)); border-radius: 8px; overflow: clip; }
.northNoticeSystemProviderGroup > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; cursor: pointer; font-weight: 700; }
.northNoticeSystemProviderGroup[open] > summary { border-bottom: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.25)); }
.northNoticeSystemProviderGrid { display: grid; gap: 12px; padding: 12px; }
.northNoticeSystemProviderCard { margin: 0; }
.northNoticeSystemProviderCard > h4 { overflow-wrap: anywhere; }
.northNoticeSystemIncludeExcludeGrid > div { min-width: 0; }
.northNoticeSystemIncludeExcludeGrid label { display: block; margin-bottom: 6px; font-weight: 600; }
.northNoticeSystemTargetPicker { min-width: 0; }
.northNoticeSystemTargetPicker input[type="search"] { width: 100%; max-width: 100%; }
.northNoticeSystemTargetTags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 6px; }
.northNoticeSystemTargetTag { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; }
.northNoticeSystemTargetTag > span { overflow: hidden; text-overflow: ellipsis; }
.northNoticeSystemTargetTag .button { min-width: 0; padding: 0 5px; }
.northNoticeSystemTargetResults { position: static; margin-top: 6px; max-height: 260px; overflow: auto; border: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.25)); border-radius: 6px; background: var(--wcfContentBackground, inherit); }
.northNoticeSystemTargetResults ul { display: grid; gap: 4px; margin: 0; padding: 6px; list-style: none; }
.northNoticeSystemTargetResults button { width: 100%; max-width: 100%; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.northNoticeSystemPresetBar { display: grid; grid-template-columns: minmax(220px, 420px) 1fr; gap: 16px; align-items: end; margin-bottom: 16px; }
.northNoticeSystemPresetBar label { display: grid; gap: 6px; }
.northNoticeSystemDeviceGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.northNoticeSystemDeviceCard { min-width: 0; padding: 14px; border: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.25)); border-radius: 8px; }
.northNoticeSystemDeviceCard h4 { margin: 0 0 12px; }
.northNoticeSystemDeviceFields { display: grid; gap: 10px; }
.northNoticeSystemDeviceFields label { display: grid; grid-template-columns: minmax(0, 1fr) minmax(90px, 130px); gap: 10px; align-items: center; }
.northNoticeSystemDeviceFields input { width: 100%; min-width: 0; }
.northNoticeSystemPreviewToolbar { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.northNoticeSystemPreviewFrame { box-sizing: border-box; width: 100%; max-width: 100%; padding: 12px; border: 1px dashed var(--wcfContentBorderInner, rgba(128,128,128,.45)); border-radius: 8px; overflow: auto; }
.northNoticeSystemPreviewFrame[data-device="tablet"] { width: min(820px, 100%); }
.northNoticeSystemPreviewFrame[data-device="mobile"] { width: min(390px, 100%); }
.northNoticeSystemSummary { display: grid; gap: 0; }
.northNoticeSystemSummary > div { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(0, 1.5fr); gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.18)); }
.northNoticeSystemSummary span { overflow-wrap: anywhere; text-align: right; }
@media (max-width: 1100px) {
    .northNoticeSystemDeviceGrid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .northNoticeSystemTwoColumn, .northNoticeSystemIncludeExcludeGrid, .northNoticeSystemPreviewLayout, .northNoticeSystemPresetBar, .northNoticeSystemThreeColumn, .northNoticeSystemDisplayModeGrid { grid-template-columns: 1fr; }
    .northNoticeSystemToolbarCard { align-items: flex-start; flex-direction: column; }
    .northNoticeSystemInlineToggle { white-space: normal; }
}
@media (max-width: 600px) {
    .northNoticeSystemCard, .northNoticeSystemInfoCard, .northNoticeSystemToolbarCard, .northNoticeSystemProviderCard, .northNoticeSystemSelectionCard { padding: 12px; }
    .northNoticeSystemDeviceFields label { grid-template-columns: 1fr; gap: 4px; }
    .northNoticeSystemSummary > div { grid-template-columns: 1fr; gap: 3px; }
    .northNoticeSystemSummary span { text-align: left; }
}


.northNoticeSystemResponsiveBehavior > p { margin: 0 0 14px; }
.northNoticeSystemBehaviorGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.northNoticeSystemBehaviorGridTwo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.northNoticeSystemBehaviorCard { min-width: 0; padding: 14px; border: 1px solid var(--wcfContentBorderInner, rgba(128,128,128,.25)); border-radius: 8px; }
.northNoticeSystemBehaviorCard h4 { margin: 0 0 12px; }
.northNoticeSystemBehaviorCard > label:not(.northNoticeSystemInlineToggle) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(100px, 140px); gap: 10px; align-items: center; margin-top: 12px; }
.northNoticeSystemBehaviorCard > label input[type="text"], .northNoticeSystemBehaviorCard > label input[type="number"] { width: 100%; min-width: 0; }
.northNoticeSystemBehaviorCard .disabled { opacity: .55; }
@media (max-width: 900px) {
    .northNoticeSystemBehaviorGrid, .northNoticeSystemBehaviorGridTwo { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .northNoticeSystemBehaviorCard > label:not(.northNoticeSystemInlineToggle) { grid-template-columns: 1fr; gap: 4px; }
}

/* Inline text placement --------------------------------------------------- */
.northNoticeSystemInlineTextAnchor.northNoticeSystemIconHost {
    display: inline-flex;
    width: auto;
    min-height: 0;
    margin-inline: .28em;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    gap: .18em;
    line-height: 1;
}
.northNoticeSystemInlineTextAnchor .northNoticeSystemPopoverTrigger {
    width: calc(var(--north-trigger-size-desktop, 20px) + 10px);
    height: calc(var(--north-trigger-size-desktop, 20px) + 10px);
    min-width: 28px;
    min-height: 28px;
}
.northNoticeSystemInlineTextGrid {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(150px, 1fr));
    gap: var(--north-gap);
    align-items: end;
    margin-top: 14px;
}
.northNoticeSystemInlineTextGrid label {
    display: grid;
    gap: 6px;
    min-width: 0;
}
.northNoticeSystemInlineTextSearch { grid-column: span 2; }
.northNoticeSystemInlineTextOptions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 14px;
}
.northNoticeSystemInlineTextOptions label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
@media (max-width: 1100px) {
    .northNoticeSystemInlineTextGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .northNoticeSystemInlineTextSearch { grid-column: span 2; }
}
@media (max-width: 700px) {
    .northNoticeSystemInlineTextGrid { grid-template-columns: 1fr; }
    .northNoticeSystemInlineTextSearch { grid-column: auto; }
}
@media (max-width: 1024px) {
    .northNoticeSystemInlineTextAnchor .northNoticeSystemPopoverTrigger {
        width: calc(var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px)) + 10px);
        height: calc(var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px)) + 10px);
    }
}
@media (max-width: 768px) {
    .northNoticeSystemInlineTextAnchor .northNoticeSystemPopoverTrigger {
        width: calc(var(--north-trigger-size-mobile, var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px))) + 10px);
        height: calc(var(--north-trigger-size-mobile, var(--north-trigger-size-tablet, var(--north-trigger-size-desktop, 20px))) + 10px);
        min-width: 30px;
        min-height: 30px;
    }
}


.northNoticeSystemRoot { position: relative; }
.northNoticeSystemNotice { box-sizing: border-box; border: 1px solid var(--wcfContentBorder, #d8d8d8); border-radius: var(--wcfBorderRadius, 6px); padding: var(--north-padding-desktop, 14px); margin-top: var(--north-margin-top-desktop, 0); margin-bottom: var(--north-margin-bottom-desktop, 14px); width: min(var(--north-width-desktop,100%),100%); max-width: min(var(--north-max-width-desktop,1200px),100%); background: var(--wcfContentBackground, #fff); color: var(--wcfContentText, #222); }
.northNoticeSystemNotice--info { border-inline-start: 4px solid #3b82f6; }
.northNoticeSystemNotice--success { border-inline-start: 4px solid #22c55e; }
.northNoticeSystemNotice--warning { border-inline-start: 4px solid #f59e0b; }
.northNoticeSystemNotice--error { border-inline-start: 4px solid #ef4444; }
.northNoticeSystemNotice--neutral { border-inline-start: 4px solid var(--wcfContentBorder,#999); }
.northNoticeSystemTitle { display:block; font-size:1.05em; margin-bottom:.35rem; }
.northNoticeSystemActions { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.75rem; }
.northNoticeSystemNotice[data-north-display-mode="compact"] { padding: 8px 12px; font-size:.95em; }
.northNoticeSystemNotice[data-north-display-mode="banner"] { border-radius:0; max-width:100%; }
.northNoticeSystemNotice[data-north-display-mode="floating"] { position:fixed; right:16px; bottom:16px; z-index:390; max-width:min(420px,calc(100vw - 32px)); box-shadow:0 10px 35px rgb(0 0 0 / 25%); }
.northNoticeSystemMainTabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; position:sticky; top:0; z-index:10; background:var(--wcfContentBackground,#fff); padding:8px 0; }
.northNoticeSystemMainTabs .active { font-weight:700; }
.northNoticeSystemFormGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; }
.northNoticeSystemWeekdays { display:flex; flex-wrap:wrap; gap:12px; margin:12px 0; }
.northNoticeSystemStatGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.northNoticeSystemStatGrid>div { padding:18px; border:1px solid var(--wcfContentBorder,#ddd); border-radius:8px; text-align:center; }
.northNoticeSystemStatGrid strong,.northNoticeSystemStatGrid span { display:block; }
.northNoticeSystemStatGrid strong { font-size:1.6rem; }
@media (max-width:1024px){.northNoticeSystemNotice{padding:var(--north-padding-tablet,12px);width:min(var(--north-width-tablet,100%),100%);max-width:min(var(--north-max-width-tablet,100%),100%);font-size:var(--north-font-size-tablet,inherit)}.northNoticeSystemFormGrid{grid-template-columns:1fr}}
@media (max-width:768px){.northNoticeSystemNotice{padding:var(--north-padding-mobile,10px);width:100%;max-width:100%;font-size:var(--north-font-size-mobile,inherit)}.northNoticeSystemStatGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.northNoticeSystemNotice[data-north-scroll-desktop="1"] { max-height:var(--north-scroll-max-height-desktop,480px); overflow-y:auto; }
@media (max-width:1024px){.northNoticeSystemNotice[data-north-scroll-tablet="1"]{max-height:var(--north-scroll-max-height-tablet,380px);overflow-y:auto}}
@media (max-width:768px){.northNoticeSystemNotice[data-north-scroll-mobile="1"]{max-height:var(--north-scroll-max-height-mobile,320px);overflow-y:auto}}

/* ACP 6.2.4 dashboard, filters and condition groups --------------------- */
.northNoticeSystemDashboardGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.northNoticeSystemDashboardCard { padding:16px; border:1px solid var(--wcfContentBorderInner,rgba(128,128,128,.25)); border-radius:8px; }
.northNoticeSystemDashboardCard strong,.northNoticeSystemDashboardCard span { display:block; }
.northNoticeSystemDashboardCard strong { font-size:1.5rem; }
.northNoticeSystemFilterBar { display:grid; grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr)) auto; gap:10px; align-items:end; margin-bottom:16px; }
.northNoticeSystemFilterBar label { display:grid; gap:5px; }
.northNoticeSystemConditionGroups { display:grid; gap:14px; margin:14px 0; }
.northNoticeSystemConditionGroup { padding:14px; border:1px solid var(--wcfContentBorderInner,rgba(128,128,128,.25)); border-radius:8px; }
.northNoticeSystemConditionGroupHeader { display:flex; justify-content:space-between; align-items:end; gap:12px; margin-bottom:10px; }
.northNoticeSystemConditionGroupHeader label { display:grid; gap:5px; }
.northNoticeSystemConditionRule { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(140px,.7fr) minmax(220px,2fr) auto; gap:8px; align-items:center; margin:8px 0; }
.northNoticeSystemStatisticsTable td.number,.northNoticeSystemStatisticsTable th.number { text-align:right; }
@media (max-width:1000px) { .northNoticeSystemDashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.northNoticeSystemFilterBar{grid-template-columns:1fr 1fr}.northNoticeSystemConditionRule{grid-template-columns:1fr 1fr}.northNoticeSystemConditionRule input{grid-column:1/-1} }
@media (max-width:600px) { .northNoticeSystemDashboardGrid,.northNoticeSystemFilterBar,.northNoticeSystemConditionRule{grid-template-columns:1fr}.northNoticeSystemConditionGroupHeader{align-items:flex-start;flex-direction:column} }