:root {
    --ink-950: #07111d;
    --ink-900: #0b1826;
    --ink-850: #102132;
    --ink-800: #15293d;
    --ink-700: #294158;
    --slate-600: #53697c;
    --slate-500: #718497;
    --slate-300: #bfccd7;
    --slate-200: #dce5ec;
    --slate-100: #edf3f7;
    --canvas: #f2f6f9;
    --surface: #fff;
    --primary: #0b7fab;
    --primary-dark: #075f82;
    --cyan: #35c4dd;
    --green: #2fbc87;
    --red: #d94f52;
    --orange: #de8b32;
    --shadow-sm: 0 2px 9px rgba(8, 28, 46, .07);
    --shadow-md: 0 18px 50px rgba(7, 24, 38, .14);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --font-ui: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { color-scheme: light; }
body {
    min-width: 320px;
    min-height: 100vh;
    background:
        radial-gradient(circle at 82% 0%, rgba(53, 196, 221, .09), transparent 31rem),
        var(--canvas);
    color: var(--ink-850);
    font: 14px/1.5 var(--font-ui);
}
button, input, select, textarea { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
.hidden { display: none !important; }

.admin-topbar {
    position: sticky;
    z-index: 100;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    padding: 0 32px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: rgba(7, 17, 29, .97);
    box-shadow: 0 8px 24px rgba(4, 12, 20, .18);
    color: #fff;
    backdrop-filter: blur(14px);
}
.admin-brand { display: inline-flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; }
.admin-brand strong, .admin-brand small { display: block; }
.admin-brand strong { font-size: 1.08rem; letter-spacing: .04em; line-height: 1.15; text-transform: uppercase; }
.admin-brand small { margin-top: 3px; color: #91a9ba; font-size: .72rem; letter-spacing: .13em; text-transform: uppercase; }
.brand-orbit {
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(92, 218, 236, .34);
    border-radius: 13px;
    background: rgba(53, 196, 221, .12);
}
.brand-orbit::before, .brand-orbit::after {
    position: absolute;
    content: "";
    border: 2px solid var(--cyan);
    border-left-color: transparent;
    border-radius: 50%;
    inset: 8px;
    transform: rotate(-28deg);
}
.brand-orbit::after { inset: 13px; border-width: 1.5px; transform: rotate(60deg); }
.brand-orbit i { position: absolute; z-index: 2; width: 5px; height: 5px; border-radius: 50%; background: #fff; inset: 18px; }
.topbar-actions { display: flex; align-items: center; gap: 14px; }
.secure-label { display: inline-flex; align-items: center; gap: 7px; color: #83dec0; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.secure-label i { width: 7px; height: 7px; border-radius: 50%; background: #54d99e; box-shadow: 0 0 0 4px rgba(84, 217, 158, .12); }
.text-link { color: #b9cad6; font-size: .78rem; text-decoration: none; }
.text-link:hover { color: #fff; }
.quiet-btn { padding: 7px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(255,255,255,.06); color: #e9f1f5; }

main { width: min(1480px, 100%); margin: 0 auto; padding: 28px; }
.eyebrow { display: block; margin-bottom: 5px; color: var(--primary); font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }

.auth-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 490px); align-items: center; gap: clamp(40px, 8vw, 120px); min-height: calc(100vh - 128px); padding: 40px max(0px, 5vw); }
.auth-intro { max-width: 650px; }
.auth-intro h1 { max-width: 580px; color: var(--ink-900); font-size: clamp(2.6rem, 6vw, 5.6rem); font-weight: 750; letter-spacing: -.055em; line-height: .98; }
.auth-intro p { max-width: 580px; margin-top: 24px; color: var(--slate-600); font-size: 1.06rem; line-height: 1.75; }
.security-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.security-summary span { padding: 7px 11px; border: 1px solid #cfe0e8; border-radius: 999px; background: rgba(255,255,255,.68); color: var(--slate-600); font-size: .72rem; font-weight: 700; letter-spacing: .03em; }
.auth-card { overflow: hidden; border: 1px solid var(--slate-200); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow-md); }
.auth-step { padding: clamp(28px, 5vw, 48px); }
.auth-step h2 { color: var(--ink-900); font-size: 1.72rem; letter-spacing: -.025em; }
.step-copy { margin: 8px 0 26px; color: var(--slate-600); }

label { display: grid; gap: 7px; margin-bottom: 16px; color: var(--ink-700); font-size: .76rem; font-weight: 750; letter-spacing: .02em; }
input, select, textarea {
    width: 100%;
    border: 1px solid #cbd8e1;
    border-radius: 10px;
    outline: none;
    background: #fbfdfe;
    color: var(--ink-900);
    font-weight: 500;
    letter-spacing: normal;
    transition: border-color .18s, box-shadow .18s, background .18s;
}
input, select { min-height: 43px; padding: 9px 12px; }
textarea { resize: vertical; padding: 11px 12px; }
input:focus, select:focus, textarea:focus { border-color: var(--primary); background: #fff; box-shadow: 0 0 0 3px rgba(11,127,171,.12); }
input:disabled { cursor: not-allowed; background: var(--slate-100); color: var(--slate-500); }
.field-note { margin: -6px 0 16px; color: var(--slate-500); font-size: .73rem; }
.form-message { min-height: 22px; margin: 2px 0 10px; color: var(--red); font-size: .78rem; }
.form-message.success { color: #16845c; }

.primary-btn, .secondary-btn, .danger-btn {
    min-height: 40px;
    padding: 9px 15px;
    border-radius: 9px;
    font-weight: 800;
    transition: transform .15s, box-shadow .15s, background .15s;
}
.primary-btn { border: 1px solid var(--primary); background: var(--primary); box-shadow: 0 7px 18px rgba(11,127,171,.19); color: #fff; }
.primary-btn:hover { background: var(--primary-dark); transform: translateY(-1px); }
.primary-btn:disabled { cursor: not-allowed; opacity: .48; transform: none; }
.secondary-btn { border: 1px solid #cbd8e1; background: #fff; color: var(--ink-700); }
.secondary-btn:hover { border-color: #a9becb; background: var(--slate-100); }
.danger-btn { border: 1px solid #e3b8bb; background: #fff5f5; color: #a63238; }
.danger-btn:hover { border-color: #cd858a; background: #ffe9ea; }
.danger-btn:disabled, .secondary-btn:disabled { cursor: not-allowed; opacity: .48; }
.full { width: 100%; }
.challenge-wrap { margin-bottom: 16px; padding: 13px; border: 1px solid var(--slate-200); border-radius: 11px; background: var(--slate-100); }
.challenge-wrap > span { display: block; margin-bottom: 9px; color: var(--slate-600); font-size: .7rem; font-weight: 800; text-transform: uppercase; }

.dashboard-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 6px 0 24px; }
.dashboard-heading h1 { color: var(--ink-900); font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.045em; line-height: 1.05; }
.dashboard-heading p { margin-top: 8px; color: var(--slate-600); }
.status-cluster { display: flex; align-items: center; gap: 10px; }
.status-pill { padding: 8px 11px; border: 1px solid #cddce4; border-radius: 999px; background: #fff; color: var(--slate-600); font-size: .72rem; font-weight: 800; }
.status-pill.pending { border-color: #ecd1ad; background: #fff8ec; color: #9a5b15; }
.status-pill.current { border-color: #bde4d5; background: #effbf6; color: #197957; }

.admin-tabs { display: flex; gap: 5px; margin-bottom: 18px; padding: 5px; border: 1px solid var(--slate-200); border-radius: 12px; background: rgba(255,255,255,.7); width: fit-content; }
.admin-tab { padding: 8px 14px; border: 0; border-radius: 8px; background: transparent; color: var(--slate-600); font-weight: 750; }
.admin-tab.active { background: var(--ink-850); color: #fff; box-shadow: 0 5px 12px rgba(7,24,38,.15); }
.summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.summary-grid article { padding: 18px; border: 1px solid var(--slate-200); border-radius: var(--radius-md); background: var(--surface); box-shadow: var(--shadow-sm); }
.summary-grid span, .summary-grid small { display: block; color: var(--slate-500); font-size: .72rem; }
.summary-grid strong { display: block; margin: 6px 0 2px; color: var(--ink-900); font-size: 1.65rem; letter-spacing: -.035em; }

.panel { margin-bottom: 18px; overflow: hidden; border: 1px solid var(--slate-200); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 20px 22px; border-bottom: 1px solid var(--slate-200); }
.panel-heading h2 { color: var(--ink-900); font-size: 1.22rem; }
.panel-heading p { margin-top: 3px; color: var(--slate-500); font-size: .78rem; }
.search-field { width: min(240px, 100%); margin: 0; }
.search-field span { position: absolute; clip: rect(0,0,0,0); }
.search-field input { min-height: 38px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { padding: 11px 15px; background: #f8fafc; color: var(--slate-500); font-size: .66rem; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
td { padding: 14px 15px; border-top: 1px solid #e8eef2; color: var(--ink-700); vertical-align: middle; }
tbody tr:hover { background: #fbfdfe; }
.system-cell strong, .system-cell span, .system-cell small { display: block; }
.system-cell strong { color: var(--ink-900); font-size: .86rem; }
.system-cell span { color: var(--ink-700); font-size: .78rem; }
.system-cell small { color: var(--slate-500); font-size: .68rem; }
.mono { font-family: var(--font-mono); font-size: .75rem; }
.table-actions { display: flex; justify-content: flex-end; gap: 6px; }
.table-btn { padding: 6px 9px; border: 1px solid #cfdae2; border-radius: 7px; background: #fff; color: var(--ink-700); font-size: .7rem; font-weight: 750; white-space: nowrap; }
.table-btn:hover { border-color: var(--primary); color: var(--primary-dark); }
.table-btn.danger:hover { border-color: #eabdbf; background: #fff3f3; color: #ad3438; }
.tag { display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 999px; background: var(--slate-100); color: var(--slate-600); font-size: .68rem; font-weight: 800; }
.tag.custom { background: #eaf8fc; color: #087397; }
.tag.enabled { background: #eaf8f2; color: #197957; }
.tag.paused { background: #fff2e5; color: #a75b17; }
.empty-state { padding: 28px; color: var(--slate-500); text-align: center; }

.target-status-panel { border-left: 3px solid var(--primary); }
.target-details { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 8px 22px 18px; }
.target-details div { padding: 10px 14px 4px 0; }
.target-details dt { color: var(--slate-500); font-size: .66rem; letter-spacing: .06em; text-transform: uppercase; }
.target-details dd { margin-top: 4px; color: var(--ink-800); font: .74rem/1.45 var(--font-mono); }
.operations-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 18px; }
.operation-panel { padding-bottom: 20px; }
.operation-panel > label, .operation-panel > .field-note, .operation-panel > .form-message, .operation-panel > button { margin-right: 22px; margin-left: 22px; }
.operation-actions { display: flex; flex-wrap: wrap; gap: 9px; padding: 18px 22px 0; }
.ocean-schedule-panel { grid-column: 1 / -1; padding-bottom: 22px; }
.ocean-control-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 0 22px 18px; }
.ocean-control { padding: 18px; border: 1px solid var(--slate-200); border-radius: 14px; background: #fbfdfe; }
.ocean-control-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ocean-control-heading h3 { margin-top: 2px; color: var(--ink-900); font-size: 1.25rem; }
.ocean-runtime-details { display: grid; gap: 0; margin: 14px 0; border-top: 1px solid #e8eef2; }
.ocean-runtime-details div { display: flex; justify-content: space-between; gap: 18px; padding: 9px 0; border-bottom: 1px solid #e8eef2; }
.ocean-runtime-details dt { color: var(--slate-500); font-size: .7rem; }
.ocean-runtime-details dd { color: var(--ink-800); font: .68rem/1.45 var(--font-mono); text-align: right; }
.ocean-schedule-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.ocean-manual-time { display: block; margin-top: 12px; }
.ocean-manual-time small { display: block; margin-top: 5px; color: var(--slate-500); font-size: .68rem; line-height: 1.45; }
.ocean-enabled { margin-top: 12px; }
.ocean-control .operation-actions { padding: 14px 0 0; }
.ocean-password, .ocean-operation-note, #ocean-operation-message { margin-right: 22px; margin-left: 22px; }
.scatterometer-schedule-panel, .microwave-schedule-panel { grid-column: 1 / -1; }
.scatterometer-runtime-section { padding: 17px 22px 0; }
.operation-section-label { display: block; margin-bottom: 8px; color: var(--slate-500); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.scatterometer-runtime-details { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid #e1e9ee; border-bottom: 1px solid #e1e9ee; }
.scatterometer-runtime-details div { min-width: 0; padding: 11px 16px 12px 0; }
.scatterometer-runtime-details div + div { padding-left: 16px; border-left: 1px solid #e6edf2; }
.scatterometer-runtime-details dt { color: var(--slate-500); font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.scatterometer-runtime-details dd { margin-top: 5px; overflow-wrap: anywhere; color: var(--ink-800); font: .72rem/1.45 var(--font-mono); }
.scatterometer-rendering-section { margin-top: 18px; padding: 17px 22px 18px; border-top: 1px solid var(--slate-200); background: #fbfdfe; }
.scatterometer-section-heading { margin-bottom: 14px; }
.scatterometer-section-heading .eyebrow { margin-bottom: 2px; }
.scatterometer-section-heading h3 { color: var(--ink-900); font-size: .94rem; font-weight: 800; }
.scatterometer-schedule-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin: 0; }
.scatterometer-field { min-width: 0; gap: 6px; margin: 0; }
.scatterometer-field > span { color: var(--slate-600); font-size: .68rem; font-weight: 800; letter-spacing: .025em; }
.scatterometer-field input, .scatterometer-field select { min-height: 41px; background: #fff; font-size: .78rem; }
.scatterometer-schedule-switches { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin: 16px 0 0; }
.scatterometer-schedule-switches .switch-row { margin: 0; background: #fff; }

.security-grid { display: grid; grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr); gap: 18px; }
.account-details { padding: 6px 22px; }
.account-details div { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid #e8eef2; }
.account-details dt { color: var(--slate-500); }
.account-details dd { color: var(--ink-900); font-weight: 750; text-align: right; }
.button-stack { display: grid; gap: 8px; padding: 18px 22px 22px; }
.event-list { max-height: 510px; overflow-y: auto; padding: 6px 22px 18px; }
.event-item { display: grid; grid-template-columns: 10px 1fr auto; gap: 11px; align-items: start; padding: 13px 0; border-bottom: 1px solid #e8eef2; }
.event-item i { width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--primary); }
.event-item strong, .event-item small { display: block; }
.event-item strong { color: var(--ink-800); font-size: .78rem; }
.event-item span, .event-item small { color: var(--slate-500); font-size: .68rem; }
.event-item time { color: var(--slate-500); font: .66rem var(--font-mono); white-space: nowrap; }

.admin-dialog { width: min(680px, calc(100vw - 30px)); max-height: calc(100vh - 30px); margin: auto; overflow: auto; border: 0; border-radius: 20px; background: #fff; box-shadow: 0 30px 80px rgba(4,16,26,.28); }
.admin-dialog::backdrop { background: rgba(5, 15, 24, .62); backdrop-filter: blur(4px); }
.admin-dialog form { padding: 24px; }
.compact-dialog { width: min(500px, calc(100vw - 30px)); }
.dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.dialog-heading h2 { color: var(--ink-900); font-size: 1.42rem; }
.dialog-close { width: 34px; height: 34px; border: 1px solid var(--slate-200); border-radius: 9px; background: #fff; color: var(--slate-600); font-size: 1.35rem; line-height: 1; }
.dialog-copy { margin: -8px 0 18px; color: var(--slate-600); }
.form-grid { display: grid; gap: 12px; }
.form-grid.two { grid-template-columns: 1fr 1fr; }
.form-grid.three { grid-template-columns: repeat(3, 1fr); }
.view-fieldset { margin: 6px 0 18px; padding: 13px; border: 1px solid var(--slate-200); border-radius: 12px; }
.view-fieldset legend { padding: 0 5px; color: var(--ink-700); font-size: .72rem; font-weight: 800; }
.radio-card { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; margin: 0 0 8px; padding: 11px; border: 1px solid #d7e1e7; border-radius: 9px; background: #fbfdfe; cursor: pointer; }
.radio-card:has(input:checked) { border-color: var(--primary); background: #f0f9fc; box-shadow: 0 0 0 2px rgba(11,127,171,.08); }
.radio-card input { width: 16px; min-height: 16px; accent-color: var(--primary); }
.radio-card strong, .radio-card small { display: block; }
.radio-card strong { color: var(--ink-800); font-size: .76rem; }
.radio-card small { color: var(--slate-500); font-size: .68rem; }
.custom-radius-fields { margin-top: 12px; }
.view-preview { color: var(--slate-500); font: .7rem/1.5 var(--font-mono); }
.switch-row { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--slate-200); border-radius: 10px; background: var(--slate-100); }
.switch-row input { width: 18px; min-height: 18px; accent-color: var(--primary); }
.switch-row strong, .switch-row small { display: block; }
.switch-row small { color: var(--slate-500); font-weight: 500; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 19px; }

.toast { position: fixed; z-index: 300; right: 22px; bottom: 22px; max-width: min(380px, calc(100vw - 44px)); padding: 12px 15px; border-radius: 10px; background: var(--ink-900); box-shadow: var(--shadow-md); color: #fff; font-size: .78rem; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity .2s, transform .2s; }
.toast.show { opacity: 1; transform: translateY(0); }
.toast.error { background: #9e3438; }

@media (max-width: 980px) {
    .auth-layout { grid-template-columns: 1fr; gap: 28px; min-height: auto; padding: 38px 0; }
    .auth-intro { max-width: 700px; }
    .auth-intro h1 { font-size: clamp(2.4rem, 10vw, 4.5rem); }
    .auth-card { width: min(540px, 100%); }
    .summary-grid { grid-template-columns: 1fr 1fr; }
    .security-grid { grid-template-columns: 1fr; }
    .operations-grid { grid-template-columns: 1fr; }
    .ocean-control-grid { grid-template-columns: 1fr; }
    .scatterometer-runtime-details { grid-template-columns: 1fr 1fr; }
    .scatterometer-runtime-details div:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid #e6edf2; }
    .scatterometer-runtime-details div:nth-child(4) { border-top: 1px solid #e6edf2; }
    .scatterometer-schedule-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .target-details { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
    .admin-topbar { min-height: 64px; padding: 0 16px; }
    .brand-orbit { width: 37px; height: 37px; }
    .brand-orbit::before { inset: 7px; }
    .brand-orbit::after { inset: 12px; }
    .brand-orbit i { inset: 15px; }
    .admin-brand small, .secure-label, .text-link { display: none; }
    main { padding: 18px 14px; }
    .dashboard-heading { align-items: flex-start; flex-direction: column; }
    .status-cluster { width: 100%; justify-content: space-between; }
    .summary-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
    .summary-grid article { padding: 14px; }
    .summary-grid strong { font-size: 1.25rem; }
    .panel-heading { align-items: flex-start; flex-direction: column; padding: 17px; }
    .search-field { width: 100%; }
    th, td { padding: 11px 10px; }
    table th:nth-child(2), table td:nth-child(2), table th:nth-child(3), table td:nth-child(3) { display: none; }
    .form-grid.two, .form-grid.three { grid-template-columns: 1fr; }
    .ocean-schedule-fields { grid-template-columns: 1fr; }
    .scatterometer-runtime-details, .scatterometer-schedule-fields, .scatterometer-schedule-switches { grid-template-columns: 1fr; }
    .scatterometer-runtime-details div + div, .scatterometer-runtime-details div:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid #e6edf2; }
    .target-details { grid-template-columns: 1fr; }
    .admin-dialog form { padding: 18px; }
}
.satellite-product-control { display: grid; gap: .45rem; min-width: 9rem; }
.satellite-product-control > input[type="checkbox"] { justify-self: start; }
.satellite-product-control select,
.satellite-product-control input[type="time"] { width: 100%; }
.satellite-product-control small { color: var(--muted, #718096); line-height: 1.35; }

.notice-admin-grid { display: grid; grid-template-columns: minmax(360px, .85fr) minmax(420px, 1.15fr); gap: 18px; }
.notice-form { display: grid; gap: 15px; padding: 20px; }
.notice-enabled { align-self: end; }
.notice-pages { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 14px; padding: 14px; border: 1px solid var(--slate-200); border-radius: 11px; }
.notice-pages legend { padding: 0 6px; color: var(--slate-700); font-size: .76rem; font-weight: 800; }
.notice-pages label { display: flex; align-items: center; gap: 8px; color: var(--slate-700); font-size: .78rem; font-weight: 700; }
.notice-pages input { width: 17px; min-height: 17px; accent-color: var(--primary); }
.notice-form-actions, .notice-card-actions { display: flex; justify-content: flex-end; gap: 9px; }
.notice-list { display: grid; gap: 12px; padding: 18px; }
.notice-admin-card { display: grid; gap: 9px; padding: 15px; border: 1px solid #ead198; border-left: 4px solid #d99522; border-radius: 12px; background: #fffaf0; }
.notice-admin-card.is-update { border-color: #afdcc9; border-left-color: #2a9b70; background: #f0fbf6; }
.notice-admin-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.notice-kind, .notice-publish-state { color: #8a5808; font-size: .68rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.is-update .notice-kind { color: #1c7757; }
.notice-publish-state { color: #25805f; }
.notice-publish-state.paused { color: var(--slate-500); }
.notice-admin-card > strong { color: var(--ink-900); font-size: .92rem; }
.notice-admin-card p { margin: 0; color: var(--slate-700); font-size: .78rem; line-height: 1.55; }
.notice-admin-card small { color: var(--slate-500); line-height: 1.45; }

@media (max-width: 980px) {
    .notice-admin-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .notice-pages { grid-template-columns: 1fr; }
}