:root {
    --cnb-primary: #1966d1;
    --cnb-bg: #f8fcff;
    --cnb-pinned: #fff9e0;
    --cnb-pill-fg: #14325a;
    --cnb-pill-bg: #e9edfe;
    --cnb-border: #d3e4fd;
}
body .cnb-ticker-matcard {
    margin:2em auto;
    background: #fff;
    border-radius: 1.3em;
    box-shadow: 0 2px 13px #057dea21;
    border: 1.5px solid var(--cnb-border);
    max-width: 670px;
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}
.cnb-ticker-header {
    background:var(--cnb-primary);
    color:#fff;
    font-size:1.14em;
    padding: .75em 1.3em;
    border-radius:1.3em 1.3em 0 0;
    display: flex;
    align-items:center; gap:.72em;letter-spacing:.03em;
    font-weight: 700;
}
.cnb-ticker-icon {font-size:1.25em;color:gold;}
.cnb-ticker-table {
    border-collapse:collapse;width:100%;background:#fff;
}
.cnb-ticker-table th,.cnb-ticker-table td {
    padding:12px 7px;
    border-bottom:1px solid #eff5fb;
    font-size:1em;
    background:#fff;
}
.cnb-ticker-table th {
    background: #f8fafd;
    color: #234969;
    font-weight:700;
}
.cnb-ticker-table tr.cnb-pinned-row {background: var(--cnb-pinned);}
.cnb-pin-star { color:#f2c807;font-size:1.14em;vertical-align:middle;margin-right:.07em;}
.cnb-ticker-serial {
    background: #e6f3fe;
    border-radius:7px;
    padding: 2.5px 11px;
    display:inline-block;min-width:1.75em;
    font-weight:600;color:#185cae;font-size:.98em;text-align:center;
}
.cnb-type-pill {
    color: var(--cnb-pill-fg);
    background: var(--cnb-pill-bg);
    border-radius: 14px;
    font-size: .96em;
    font-weight: 600;
    padding: 3px 15px;
    letter-spacing: .06em;
    margin-bottom:2px;display:inline-block;
}

/* VIEW BUTTON, ARROW */
.cnb-ticker-view-btn,
.cnb-applist-view {
    display: inline-flex;
    align-items: center;
    gap: 0.49em;
    background: var(--cnb-primary);
    color: #fff !important;
    border: none;
    border-radius: 6px;
    padding: 6px 1em 6px 1em;
    font-weight: 600;
    font-size: 1em;
    text-decoration: none;
    transition: 0.13s;
    box-shadow: 0 1px 3px #1c7fe21a;
    cursor: pointer;
    line-height: 1.1;
}
.cnb-ticker-view-btn:hover,
.cnb-applist-view:hover {
    background: #124cbb;
}
.cnb-arrow {
    font-size: 1.09em;
    margin-left: 2px;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.16s;
}
.cnb-ticker-view-btn:hover .cnb-arrow,
.cnb-applist-view:hover .cnb-arrow {
    transform: translateX(4px);
}

/* ===== Modals ===== */
.cnb-notice-modal { background:#fff; border-radius:11px; padding: 1.1em 1.45em; max-width:440px;}
.cnb-modal-btn {display:inline-block;margin-top:.7em;padding:.38em 1.19em;background:var(--cnb-primary);color:#fff;border-radius:6px;font-weight:500;}
.cnb-notice-content {margin-top:.6em;}
/* ===== Notice List (Archive) ====== */
.cnb-applist-box {
    max-width: 1140px; margin: 2.5em auto;
    background: #f9fbff;
    border-radius: 1.4em;
    box-shadow: 0 2.5px 18px #0984e218;
    padding: 1.44em 1.4em 2em 1.2em;
}
.cnb-applist-filters {
    display: flex; align-items:center; gap:1em; margin-bottom: .9em; flex-wrap:wrap;
}
.cnb-applist-search {padding: .41em .93em; border:1.3px solid #d0e0f3; border-radius:6px;}
.cnb-applist-cat {padding:.4em 1em; border:1.3px solid #dde3eb; border-radius:6px;}
.cnb-applist-btn {padding:.38em 1.31em; background:var(--cnb-primary); color:#fff; border-radius:6px; font-weight:600;border:none;}
.cnb-applist-tablewrap {overflow-x:auto;}
.cnb-applist-table {border-collapse:collapse;width:100%;min-width:700px;}
.cnb-applist-table th,.cnb-applist-table td {border-bottom:1px solid #e8f0fa;padding:.93em .59em;font-size:.98em;}
.cnb-applist-table th {background:#f8fafd;color:#234969;font-weight:700;}
.cnb-applist-table tr.cnb-pinned-row { background: var(--cnb-pinned);}
.cnb-applist-table .cnb-ticker-serial {font-weight:600;color:#1966d1;background:#e6f0fa; border-radius:6px; padding: 2.6px 10px;}
.cnb-applist-table .cnb-pin-star { color:#f2c807; font-size:1.08em; margin-right:.09em;}
.cnb-pagination {padding: 1.12em 0 0 0;text-align:center;}
.cnb-pagination .page-numbers {color:var(--cnb-primary);font-weight:600;border-radius:5px;padding:.21em .69em; background:#e8f0fa; margin:0 2px; text-decoration:none;}
.cnb-pagination .current {background:var(--cnb-primary);color:#fff;}
@media(max-width:900px){
    .cnb-ticker-matcard,.cnb-applist-box {max-width:99%;}
    .cnb-ticker-table th,.cnb-ticker-table td,
    .cnb-applist-table th,.cnb-applist-table td {font-size: .96em;}
}
@media (max-width: 600px){
    .cnb-ticker-matcard,.cnb-applist-box {border-radius: 0.7em; padding:.43em 0;}
    .cnb-ticker-table,.cnb-applist-table{min-width:310px !important;}
    .cnb-type-pill{font-size:.93em;padding:2px 10px;}
}
/* Hides empty modals */
.cnb-notice-modal {display:none;}