/* Cape Wide style block 1 */
.ccps-top-banner-wrap {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto 14px auto;
    padding: 0;
    background: transparent;
}

.ccps-top-banner {
    display: block;
    width: 100%;
    height: auto;
    max-height: 210px;
    object-fit: cover;
    object-position: center;
    border: 0;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.32);
}

@media screen and (max-width: 768px) {
    .ccps-top-banner-wrap {
        margin-bottom: 10px;
    }

    .ccps-top-banner {
        max-height: 135px;
        object-fit: cover;
        border-radius: 0 0 12px 12px;
    }
}

/* Cape Wide style block 2 */
.hb-status-panel{width:70%;margin:22px auto 18px;font-family:Arial,sans-serif}.hb-panel-title{background:linear-gradient(90deg,#164f84,#1f7abd);color:#fff;padding:10px 14px;border-radius:10px 10px 0 0;font-weight:bold;text-align:left}.hb-panel-body{background:#0b1220;border:1px solid #334155;border-radius:0 0 10px 10px;padding:14px}.hb-card-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.hb-card{flex:1;min-width:170px;background:#111c2e;border-radius:10px;padding:12px;border-left:6px solid #1f7abd}.hb-card.fire{border-left-color:#c0392b}.hb-card.police{border-left-color:#1f5fa8}.hb-card.audio{border-left-color:#1f8f4d}.hb-card-title{font-size:13px;font-weight:bold;color:#cbd5e1;text-transform:uppercase}.hb-card-main{font-size:20px;font-weight:bold;margin-top:5px;color:#fff}.hb-card-sub{font-size:12px;color:#94a3b8;margin-top:4px}.hb-badge{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:bold;color:#fff;background:#2e8b57}.hb-badge.warn{background:#b91c1c}.hb-badge.wait{background:#b45309}.hb-audio-box{background:#07101f;border-radius:10px;padding:12px}.hb-audio-box audio{width:100%}.hb-audio-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.hb-audio-retry{padding:8px 12px;border:1px solid #60a5fa;border-radius:8px;background:#1d4ed8;color:#fff;font-weight:bold;cursor:pointer}.hb-audio-note{color:#94a3b8;font-size:12px}@media(max-width:768px){.hb-status-panel{width:96%}}

/* Cape Wide style block 3 */
body {
  background: radial-gradient(circle at top, #172033 0%, #0b1120 45%, #050816 100%) !important;
  color: #e5e7eb !important;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
}

/* Keep logo/header visible */
center, center b, center font, center div {
  color: #e5e7eb !important;
}

/* Navigation buttons */
a {
  color: #60a5fa !important;
}

a[href*="index"],
a[href*="masters"],
a[href*="peers"],
a[href*="openbridge"],
a[href*="monitor"],
a[href*="sysinfo"],
a[href*="lastheard"],
a[href*="info"] {
  background: linear-gradient(180deg, #2563eb, #1e40af) !important;
  color: #ffffff !important;
  border-radius: 9px !important;
  border: 1px solid #3b82f6 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.35) !important;
}

/* Custom top panels */
.hb-status-panel,
.hb-control-panel {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.38) !important;
}

.hb-panel-title {
  background: linear-gradient(90deg, #0f4c81, #2563eb) !important;
  color: #ffffff !important;
  border-radius: 14px 14px 0 0 !important;
}

.hb-panel-body {
  background: #111827 !important;
  border-color: #334155 !important;
}

.hb-card {
  background: #1f2937 !important;
  border: 1px solid #374151 !important;
  color: #f8fafc !important;
}

.hb-card-title {
  color: #cbd5e1 !important;
}

.hb-card-main {
  color: #ffffff !important;
}

.hb-card-sub {
  color: #94a3b8 !important;
}

.hb-audio-box {
  background: #020617 !important;
  border: 1px solid #334155 !important;
}

/* Control panel */
.hb-control-title {
  color: #f8fafc !important;
  text-align: center !important;
}

.hb-control-output {
  background: #020617 !important;
  color: #22c55e !important;
  border: 1px solid #1e293b !important;
}

.hb-control-buttons button {
  border-radius: 9px !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}

.hb-control-buttons button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.35) !important;
}

/* Old HBMon fieldset boxes */
fieldset {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.35) !important;
}

legend {
  color: #ffffff !important;
  background: #0f172a !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

/* Tables */
table {
  background: #0f172a !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

th {
  background: linear-gradient(180deg, #2563eb, #1e40af) !important;
  color: #ffffff !important;
  border-color: #334155 !important;
}

td {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

/* Lastheard row colors */
tr.tg-fire-row td {
  background: #3b1d1a !important;
  color: #fecaca !important;
}

tr.tg-police-row td {
  background: #172554 !important;
  color: #bfdbfe !important;
}

tr.tg-local-row td {
  background: #052e16 !important;
  color: #bbf7d0 !important;
}

tr.tg-fire-row td:nth-child(5) {
  color: #f87171 !important;
}

tr.tg-police-row td:nth-child(5) {
  color: #60a5fa !important;
}

tr.tg-local-row td:nth-child(5) {
  color: #4ade80 !important;
}

/* Footer */
body > p,
body > div,
body > center {
  color: #cbd5e1 !important;
}

/* Cape Wide style block 4 */
fieldset div,
fieldset td,
fieldset center {
  border-color: #334155 !important;
}

fieldset div[style*="background"],
fieldset div[style*="white"],
fieldset div[style*="gradient"],
fieldset table {
  background: #0b1220 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

fieldset a {
  color: #93c5fd !important;
  text-shadow: none !important;
}

fieldset font,
fieldset span,
fieldset p {
  color: #e5e7eb !important;
}

/* Cape Wide style block 5 */
.hb-active-qso-dark {
  background: #0b1220 !important;
  background-image: none !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}
#rcorner.cw-no-active-transmission::after {
  content: "No active transmission";
  display: block;
  padding: 10px;
  color: #94a3b8;
  font-style: italic;
  font-weight: 600;
}

/* Cape Wide style block 6 */
img[src*="cape_wide_dmr_network_logo"]{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

img[src*="cape_wide_dmr_network_logo"]{
  mix-blend-mode: normal !important;
}

/* Cape Wide style block 7 */
.cw-admin-login-wrap {
  text-align: center;
  margin: 10px 0 18px 0;
}

.cw-admin-login-btn {
  display: inline-block;
  padding: 9px 16px;
  border-radius: 9px;
  background: linear-gradient(180deg, #1f2937, #0f172a);
  color: #ffffff !important;
  border: 1px solid #334155;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
}

.cw-admin-login-btn:hover {
  background: linear-gradient(180deg, #334155, #111827);
}

/* Cape Wide style block 8 */
/* Hide HBMon navigation buttons on the public Home page */
a[href*="index.php"],
a[href*="masters.php"],
a[href*="peers.php"],
a[href*="openbridge.php"],
a[href*="monitor.php"],
a[href*="sysinfo.php"],
a[href*="lastheard.php"],
a[href*="info.php"] {
  display: none !important;
}

/* But keep the Admin Login button visible */
a.cw-admin-login-btn,
.cw-admin-login-wrap a {
  display: inline-block !important;
}

.cw-admin-login-wrap {
  display: block !important;
  text-align: center !important;
  margin: 12px 0 18px 0 !important;
}

/* Cape Wide style block 9 */
.cw-public-home-btn {
  display: inline-block !important;
  margin-right: 8px;
  padding: 9px 16px;
  border-radius: 9px;
  background: linear-gradient(180deg, #2563eb, #1e40af);
  color: #ffffff !important;
  border: 1px solid #60a5fa;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
}

.cw-public-home-btn:hover {
  background: linear-gradient(180deg, #3b82f6, #1d4ed8);
}

/* Cape Wide style block 10 */
img[src*="cape_wide_dmr_network_logo"],
img[src*="logo.png"],
#cw-original-report-name {
  display: none !important;
}

a[href*="opb.php"],
a[href*="openbridge.php"],
a[href*="moni.php"],
a[href*="monitor.php"],
a[href*="log.php"],
a[href*="lastheard.php"],
a[href*="masters.php"],
a[href*="peers.php"],
a[href*="sysinfo.php"],
a[href*="info.php"] {
  display: none !important;
}

a.cw-admin-login-btn,
a.cw-public-home-btn,
.cw-admin-login-wrap a {
  display: inline-block !important;
}

/* Cape Wide style block 11 */
.cw-connected-users-clean a {
  display: inline-block !important;
  margin-right: 16px !important;
  margin-bottom: 4px !important;
}

.cw-connected-users-clean a:last-child {
  margin-right: 0 !important;
}

/* Cape Wide style block 12 */
/* General responsive safety */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

img, audio, video, iframe {
    max-width: 100%;
}

/* Audio player */
audio {
    width: 100% !important;
}

/* Keep tables usable on phones */
table {
    max-width: 100%;
}

pre, code {
    white-space: pre-wrap;
    word-break: break-word;
}

/* Mobile layout */
@media screen and (max-width: 768px) {
    body {
        padding: 6px !important;
        margin: 0 !important;
        font-size: 14px !important;
    }

    h1 {
        font-size: 22px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    h2 {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    h3 {
        font-size: 16px !important;
    }

    /* Main panels */
    .container,
    .content,
    .main,
    .wrapper,
    .panel,
    fieldset,
    form,
    section,
    article,
    div[class*="panel"],
    div[class*="container"],
    div[class*="wrapper"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Feed/status cards stack vertically */
    .cw-feed-grid,
    .cw-status-grid,
    .cw-card-grid,
    .cw-dashboard-grid,
    .cards,
    .card-grid,
    div[class*="grid"] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .cw-feed-card,
    .cw-status-card,
    .cw-audio-card,
    .card,
    div[class*="card"] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 10px 0 !important;
        padding: 12px !important;
    }

    /* Buttons fit phone screens */
    button,
    input[type="submit"],
    input[type="button"],
    .button,
    a[class*="btn"],
    .cw-admin-login-btn,
    .cw-public-home-btn {
        max-width: 100% !important;
        white-space: normal !important;
        text-align: center !important;
    }

    .cw-admin-login-wrap,
    nav,
    .nav,
    .navbar,
    .menu {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
    }

    /* HBMon tables scroll sideways instead of breaking the page */
    table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
    }

    th, td {
        font-size: 12px !important;
        padding: 5px 6px !important;
    }

    /* Connected users / callsign list spacing */
    .cw-connected-users-clean,
    .cw-connected-users-clean a {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* Make forms/admin controls phone-friendly */
    input,
    select,
    textarea {
        max-width: 100% !important;
        font-size: 16px !important;
    }
}

@media screen and (max-width: 430px) {
    body {
        font-size: 13px !important;
    }

    h1 {
        font-size: 20px !important;
    }

    h2 {
        font-size: 16px !important;
    }

    th, td {
        font-size: 11px !important;
        padding: 4px 5px !important;
    }
}

/* Cape Wide style block 13 */
.cw-qrz-disabled {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
    font-weight: inherit !important;
}

/* Cape Wide style block 14 */
.cw-join-network-box {
    margin: 18px auto 12px auto;
    padding: 18px;
    max-width: 980px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 14px;
    background: rgba(10, 18, 30, 0.88);
    box-shadow: 0 0 18px rgba(0,0,0,0.28);
    color: #ffffff;
    text-align: center;
}

.cw-join-network-box h2 {
    margin: 0 0 8px 0;
    font-size: 24px;
    color: #ffffff;
}

.cw-join-network-box p {
    margin: 8px auto;
    max-width: 760px;
    line-height: 1.45;
    color: #e8eef7;
}

.cw-join-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.cw-join-btn {
    display: inline-block;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.18);
    color: #8fd3ff !important;
    text-decoration: none !important;
    font-weight: 700;
}

.cw-join-btn:hover {
    text-decoration: underline !important;
}

@media screen and (max-width: 768px) {
    .cw-join-network-box {
        margin: 12px 6px;
        padding: 14px;
    }

    .cw-join-network-box h2 {
        font-size: 20px;
    }

    .cw-join-network-box p {
        font-size: 14px;
    }

    .cw-join-actions {
        flex-direction: column;
        gap: 10px;
    }

    .cw-join-btn {
        width: 100%;
        max-width: 320px;
        text-align: center;
    }
}

/* Cape Wide style block 15 */
/* soft separator under the top banner */
.ccps-top-banner-wrap::after {
    content: "";
    display: block;
    width: min(1180px, 90%);
    height: 1px;
    margin: 22px auto 28px auto;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(56, 189, 248, 0.25),
        rgba(96, 165, 250, 0.65),
        rgba(56, 189, 248, 0.25),
        transparent
    );
    box-shadow: 0 0 14px rgba(59, 130, 246, 0.35);
}

/* give the main custom boxes cleaner spacing */
.cw-join-network-box {
    position: relative;
    margin-top: 26px !important;
    margin-bottom: 26px !important;
}

/* divider above the access box */
.cw-join-network-box::before {
    content: "";
    display: block;
    width: min(850px, 88%);
    height: 1px;
    margin: -22px auto 20px auto;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(148, 163, 184, 0.20),
        rgba(56, 189, 248, 0.45),
        rgba(148, 163, 184, 0.20),
        transparent
    );
}

/* divider below the access box */
.cw-join-network-box::after {
    content: "";
    display: block;
    width: min(850px, 88%);
    height: 1px;
    margin: 22px auto -8px auto;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(148, 163, 184, 0.20),
        rgba(56, 189, 248, 0.35),
        rgba(148, 163, 184, 0.20),
        transparent
    );
}

/* make original HBMon fieldsets look more separated and lined up */
fieldset {
    margin-top: 22px !important;
    margin-bottom: 18px !important;
    border-color: rgba(96, 165, 250, 0.28) !important;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
}

/* clean divider line before each original HBMon section */
fieldset::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: -13px auto 12px auto;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(96, 165, 250, 0.35),
        transparent
    );
}

/* clean up legend/title appearance */
legend {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* better vertical rhythm for the Home/Admin buttons */
.cw-admin-login-wrap,
.cw-public-nav-wrap,
div:has(> .cw-public-home-btn),
div:has(> .cw-admin-login-btn) {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

/* mobile spacing */
@media screen and (max-width: 768px) {
    .ccps-top-banner-wrap::after {
        margin: 14px auto 18px auto;
        width: 92%;
    }

    .cw-join-network-box {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }

    fieldset {
        margin-top: 16px !important;
        margin-bottom: 14px !important;
    }
}

/* Cape Wide style block 16 */
html, body {
    background:
        radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.18), transparent 38%),
        radial-gradient(circle at 15% 22%, rgba(14, 165, 233, 0.10), transparent 28%),
        radial-gradient(circle at 85% 30%, rgba(59, 130, 246, 0.10), transparent 26%),
        linear-gradient(180deg, #070d19 0%, #080f1d 48%, #050914 100%) !important;
    color: #f8fbff !important;
}

/* Top banner blend */
.ccps-top-banner-wrap {
    max-width: 1500px !important;
    margin-top: 0 !important;
    margin-bottom: 34px !important;
    filter: drop-shadow(0 22px 38px rgba(0,0,0,0.45));
}

.ccps-top-banner {
    border-radius: 0 0 24px 24px !important;
    mask-image: linear-gradient(to bottom, black 76%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 76%, transparent 100%);
}

/* General panel glow */
fieldset,
.cw-join-network-box,
.cw-live-hbmon-box {
    background:
        linear-gradient(180deg, rgba(15, 25, 43, 0.94), rgba(7, 13, 27, 0.94)) !important;
    border: 1px solid rgba(96, 165, 250, 0.24) !important;
    border-radius: 16px !important;
    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

/* HBMon section titles */
legend {
    background: rgba(7, 13, 27, 0.96) !important;
    border: 1px solid rgba(96, 165, 250, 0.18) !important;
    border-radius: 8px !important;
    padding: 4px 12px !important;
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(96, 165, 250, 0.35);
}

/* Network cards */
.cw-feed-card,
.cw-status-card,
.cw-audio-card,
div[class*="feed-card"],
div[class*="status-card"],
div[class*="audio-card"] {
    background:
        linear-gradient(180deg, rgba(31, 44, 63, 0.92), rgba(20, 31, 48, 0.92)) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 13px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 12px 28px rgba(0,0,0,0.18) !important;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.cw-feed-card:hover,
.cw-status-card:hover,
.cw-audio-card:hover {
    transform: translateY(-1px);
    border-color: rgba(96, 165, 250, 0.48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 16px 34px rgba(0,0,0,0.24),
        0 0 18px rgba(59,130,246,0.12) !important;
}

/* Audio player container */
audio {
    border-radius: 999px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.30) !important;
}

/* Buttons */
.cw-public-home-btn,
.cw-admin-login-btn,
.cw-join-btn,
button,
input[type="submit"],
input[type="button"] {
    border-radius: 10px !important;
    border: 1px solid rgba(147, 197, 253, 0.28) !important;
    background:
        linear-gradient(180deg, rgba(37, 99, 235, 0.92), rgba(30, 64, 175, 0.88)) !important;
    color: #ffffff !important;
    box-shadow:
        0 8px 18px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.16) !important;
    transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
}

.cw-admin-login-btn,
.cw-join-btn[href*="hardware"] {
    background:
        linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.96)) !important;
}

.cw-public-home-btn:hover,
.cw-admin-login-btn:hover,
.cw-join-btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
    text-decoration: none !important;
}

/* Access box */
.cw-join-network-box {
    max-width: 1040px !important;
    padding: 24px 26px !important;
}

.cw-join-network-box h2 {
    letter-spacing: -0.02em;
    text-shadow: 0 0 14px rgba(96,165,250,0.18);
}

.cw-join-network-box p {
    color: #dbeafe !important;
}

/* Tables / currently transmitting */
table,
tbody,
tr,
td,
th {
    border-color: rgba(96, 165, 250, 0.18) !important;
}

td, th {
    background-color: rgba(8, 15, 29, 0.38) !important;
}

tr:hover td {
    background-color: rgba(37, 99, 235, 0.12) !important;
}

/* Connected users links */
a {
    color: #7dd3fc;
}

a:hover {
    color: #bae6fd;
}

/* Footer softer */
body > center:last-of-type,
footer {
    opacity: 0.85;
}

/* Better spacing between major sections */
fieldset {
    max-width: 1120px;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media screen and (max-width: 768px) {
    .ccps-top-banner-wrap {
        margin-bottom: 18px !important;
    }

    .ccps-top-banner {
        max-height: 150px !important;
        object-position: center !important;
    }

    .cw-join-network-box {
        padding: 16px !important;
    }

    fieldset {
        border-radius: 12px !important;
    }
}

/* Cape Wide style block 17 */
.cw-report-issue-nav-btn {
    display: inline-block;
    padding: 10px 14px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(30,41,59,.96), rgba(15,23,42,.96)) !important;
    border: 1px solid rgba(147,197,253,.28) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    box-shadow:
        0 8px 18px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.cw-report-issue-nav-btn:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

@media screen and (max-width: 768px) {
    .cw-report-issue-nav-btn {
        text-align: center;
    }
}

/* Cape Wide style block 18 */
.cw-public-home-btn,
.cw-report-issue-nav-btn,
.cw-admin-login-btn {
    margin-left: 6px !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
}

.cw-public-home-btn {
    margin-left: 0 !important;
}

.cw-admin-login-btn {
    margin-right: 0 !important;
}

@media screen and (max-width: 768px) {
    .cw-public-home-btn,
    .cw-report-issue-nav-btn,
    .cw-admin-login-btn {
        margin: 5px 4px !important;
    }
}


/* Cape Wide outage and maintenance banner */
.cw-alert-banner{width:min(1420px,calc(100% - 24px));margin:10px auto 12px;box-sizing:border-box;border:1px solid rgba(56,189,248,.7);border-left:6px solid #38bdf8;border-radius:12px;overflow:hidden;color:#f8fafc;background:linear-gradient(100deg,#0c2948,#0b1f38);box-shadow:0 10px 28px rgba(0,0,0,.3);text-align:left}
.cw-alert-banner__inner{min-height:64px;padding:12px 18px;display:flex;align-items:center;gap:14px;box-sizing:border-box}
.cw-alert-banner__icon{width:30px;height:30px;flex:0 0 30px;border:2px solid currentColor;border-radius:50%;position:relative;color:#7dd3fc}
.cw-alert-banner__icon::before{content:"i";position:absolute;inset:0;display:grid;place-items:center;font:900 20px/1 Georgia,serif}
.cw-alert-banner__content{min-width:0;flex:1}.cw-alert-banner__label{display:block;margin-bottom:2px;color:#7dd3fc;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.cw-alert-banner__title{display:inline;margin-right:8px;color:#fff;font-size:16px;line-height:1.35}.cw-alert-banner__message{display:inline;color:#dbeafe;font-size:14px;line-height:1.45}.cw-alert-banner__time{flex:0 0 auto;color:#bae6fd;font-size:11px;white-space:nowrap}
.cw-alert-banner--maintenance{border-color:rgba(245,158,11,.65);border-left-color:#f59e0b;background:linear-gradient(100deg,#3b2606,#251b0a)}
.cw-alert-banner--maintenance .cw-alert-banner__icon,.cw-alert-banner--maintenance .cw-alert-banner__label,.cw-alert-banner--maintenance .cw-alert-banner__time{color:#fbbf24}
.cw-alert-banner--outage{border-color:rgba(239,68,68,.7);border-left-color:#ef4444;background:linear-gradient(100deg,#450a0a,#2b0c12)}
.cw-alert-banner--outage .cw-alert-banner__icon,.cw-alert-banner--outage .cw-alert-banner__label,.cw-alert-banner--outage .cw-alert-banner__time{color:#fca5a5}
.cw-alert-banner--outage .cw-alert-banner__icon::before,.cw-alert-banner--maintenance .cw-alert-banner__icon::before{content:"!";font-family:"Segoe UI",Arial,sans-serif}
.cw-alert-banner--resolved{border-color:rgba(34,197,94,.65);border-left-color:#22c55e;background:linear-gradient(100deg,#0b3522,#09251c)}
.cw-alert-banner--resolved .cw-alert-banner__icon,.cw-alert-banner--resolved .cw-alert-banner__label,.cw-alert-banner--resolved .cw-alert-banner__time{color:#86efac}
.cw-alert-banner--resolved .cw-alert-banner__icon::before{content:"\2713";font-family:"Segoe UI",Arial,sans-serif}
@media(max-width:700px){.cw-alert-banner{width:calc(100% - 16px);margin:8px auto 10px;border-radius:10px}.cw-alert-banner__inner{min-height:58px;padding:10px 12px;gap:10px;align-items:flex-start;flex-wrap:wrap}.cw-alert-banner__icon{width:26px;height:26px;flex-basis:26px}.cw-alert-banner__title,.cw-alert-banner__message{display:block}.cw-alert-banner__time{width:100%;padding-left:36px;white-space:normal}}

.cw-alert-banner__meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.cw-alert-banner__history{color:#e0f2fe!important;font-size:12px;font-weight:750;text-decoration:underline}.cw-alert-banner__history:hover{color:#fff!important}@media(max-width:700px){.cw-alert-banner__meta{width:100%;padding-left:36px;align-items:flex-start}.cw-alert-banner__time{padding-left:0}}