* { }
#backup-health { padding:24px; border:1px solid #e2e8ef; background:linear-gradient(145deg,#fff 65%,#f5f9fa); }
#backup-health .backup-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
#backup-health .backup-eyebrow { color:#477a7a; font-size:10px; font-weight:800; letter-spacing:1.8px; }
#backup-health h3 { margin:6px 0; font-size:20px; letter-spacing:-.6px; color:#203446; }
#backup-health .backup-panel-heading p { margin:0; color:#697989; font-size:13px; }
#backup-health .backup-refresh { color:#6a7888; font-size:11px; white-space:nowrap; }
#backup-health .backup-drive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#backup-health .backup-drive { min-width:0; border:1px solid #dce6e9; border-radius:16px; background:white; overflow:hidden; box-shadow:0 4px 16px #20344605; }
#backup-health .backup-drive-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:19px 20px; border-bottom:1px solid #edf1f4; background:#f8fbfc; }
#backup-health .backup-drive-title { display:flex; align-items:center; gap:12px; }
#backup-health .backup-drive-icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid #d7e5e7; border-radius:12px; color:#23665f; background:#eaf5f2; font-size:21px; font-weight:800; }
#backup-health h4 { margin:0 0 4px; font-size:15px; color:#223649; }
#backup-health .backup-drive-title div>span { font-size:11px; color:#758493; }
#backup-health .backup-badge { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:7px; font-size:11px; font-weight:700; line-height:1.3; white-space:nowrap; }
#backup-health .backup-badge i { width:5px; height:5px; border-radius:50%; background:currentColor; }
#backup-health .is-good { color:#16705c; background:#e9f6ef; }
#backup-health .is-running { color:#2767a3; background:#eaf2ff; }
#backup-health .is-warning { color:#a55525; background:#fff1e6; }
#backup-health .backup-items { padding:0 20px; }
#backup-health .backup-item { padding:16px 0; border-bottom:1px solid #edf1f4; }
#backup-health .backup-item:last-child { border-bottom:0; }
#backup-health .backup-item-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13px; font-weight:700; color:#304355; }
#backup-health .backup-item-heading small { margin-left:5px; font-size:10px; font-weight:500; color:#6e7e8c; }
#backup-health .backup-item-note { margin-top:7px; font-size:11px; color:#6c7b89; line-height:1.6; overflow-wrap:anywhere; }
#backup-health .backup-item-date { display:flex; flex-wrap:wrap; gap:4px 10px; margin-top:7px; font-size:11px; line-height:1.6; font-variant-numeric:tabular-nums; }
#backup-health .backup-item-date span { color:#788696; }
#backup-health .backup-item-date time { color:#42586b; }
#backup-health .backup-policy { margin-top:18px; color:#71808d; font-size:11px; line-height:1.7; }
#backup-health .backup-policy summary { cursor:pointer; }
#backup-health .backup-policy summary span { margin-left:8px; color:#83909d; }
#backup-health .backup-policy p { margin:8px 0 0; }
#backup-health .backup-alert { border-radius:10px; padding:12px 14px; font-size:12px; line-height:1.6; color:#994d27; background:#fff2e9; }
@media(max-width:850px) { #backup-health .backup-drive-grid { grid-template-columns:1fr; } }
@media(max-width:480px) { #backup-health { padding:16px; } #backup-health .backup-panel-heading { align-items:flex-start; flex-direction:column; gap:8px; } #backup-health .backup-drive-head { padding:15px; } #backup-health .backup-items { padding:0 15px; } }
body { margin: 0px; display: flex; min-height: 100vh; }
aside { color: rgb(232, 238, 252); display: flex; flex-direction: column; }
body > aside { position: sticky; top: 0; align-self: flex-start; height: 100vh; height: 100dvh; overflow-y: auto; flex-shrink: 0; }
body > aside > * { flex-shrink: 0; }
aside b { color: rgb(86, 217, 193); letter-spacing: 2px; font-size: 12px; }
aside h1 { }
aside button { background: transparent; color: inherit; text-align: left; cursor: pointer; }
aside button:hover { background: rgb(35, 50, 81); }
aside small { margin-top: auto; color: rgb(157, 173, 201); line-height: 1.5; }
main { flex: 1 1 0%; }
#login { max-width: 430px; background: rgb(255, 255, 255); }
input, select, textarea { width: 100%; }
textarea { }
button { font-weight: 700; cursor: pointer; }
button.danger { }
button.muted { background: rgb(231, 235, 245); color: rgb(36, 49, 75); }
header { display: flex; margin-bottom: 24px; color: rgb(94, 108, 133); }
.dot { display: inline-block; width: 9px; height: 9px; background: rgb(54, 201, 157); border-radius: 50%; }
.cards { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); }
.card, .panel { background: rgb(255, 255, 255); border-radius: 12px; padding: 18px; box-shadow: rgba(24, 34, 53, 0.04) 0px 1px 1px; }
.card strong { display: block; font-size: 28px; margin-top: 7px; }
.panel { margin-top: 16px; }
.row { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 11px 8px; border-bottom: 1px solid rgb(237, 240, 245); text-align: left; vertical-align: top; }
th { }
.status { font-size: 12px; }
dialog { box-shadow: rgba(0, 0, 0, 0.267) 0px 10px 40px; }
dialog::backdrop { background: rgba(0, 0, 0, 0.333); }
.actions { display: flex; flex-wrap: wrap; }
.hint { line-height: 1.55; }
@media (max-width: 800px) {
  aside { }
  aside h1, aside small { display: none; }
  main { }
  .cards { }
  .row { }
}
:root { --ink: #173a4e; --muted: #526978; --line: #c6dbe3; --teal: #0b6c68; --navy: #123d59; --surface: #fff; --soft: #f3f7fb; --mint: #e4f7f1; --blue: #e7f1ff; --warn: #fff5d9; --danger: #fdebed; }
* { box-sizing: border-box; }
body { background: rgb(237, 244, 247); color: var(--ink); font: 14px / 1.5 system-ui, -apple-system, "Malgun Gothic", sans-serif; }
aside { width: 244px; background: linear-gradient(rgb(18, 61, 89), rgb(13, 48, 73)); padding: 24px 14px; gap: 7px; }
aside h1 { font-size: 20px; margin: 3px 10px 22px; }
aside button { min-height: 42px; padding: 10px 12px; border: 1px solid transparent; border-radius: 9px; font-weight: 650; }
aside button:hover, aside button:focus-visible { background: rgba(255, 255, 255, 0.106); border-color: rgba(255, 255, 255, 0.24); outline: 0px; }
main { max-width: 1540px; padding: 28px 32px; }
header { min-height: 42px; align-items: center; }
.panel, .card { border: 1px solid var(--line); border-radius: 10px; box-shadow: rgba(18, 61, 89, 0.05) 0px 2px 10px; }
.panel { padding: 20px; background: var(--surface); }
.card { padding: 18px; background: var(--surface); }
input, select, textarea { min-height: 44px; margin: 5px 0px 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: rgb(255, 255, 255); color: var(--ink); font: inherit; outline: none; }
textarea { min-height: 108px; resize: vertical; line-height: 1.5; }
input::placeholder, textarea::placeholder { color: rgb(113, 133, 144); }
input:focus, select:focus, textarea:focus { border-color: var(--teal); box-shadow: rgba(11, 108, 104, 0.125) 0px 0px 0px 3px; }
input:disabled, select:disabled, textarea:disabled, button:disabled { opacity: 0.58; background: var(--soft); cursor: not-allowed; }
button { min-height: 42px; padding: 9px 14px; border: 1px solid rgb(11, 108, 104); border-radius: 9px; background: var(--teal); color: rgb(255, 255, 255); transition: 0.16s; }
button:hover:not(:disabled) { background: rgb(8, 88, 84); border-color: rgb(8, 88, 84); }
button:focus-visible { outline: rgba(11, 108, 104, 0.2) solid 3px; outline-offset: 2px; }
.muted { background: rgb(255, 255, 255); color: var(--navy); border-color: var(--line); }
.muted:hover:not(:disabled) { background: rgb(237, 248, 247); border-color: var(--teal); color: var(--teal); }
button.danger { background: rgb(183, 50, 66); border-color: rgb(183, 50, 66); }
.actions { align-items: center; gap: 8px; }
.status { display: inline-flex; align-items: center; min-height: 26px; padding: 3px 9px; border-radius: 999px; background: var(--blue); color: var(--navy); font-weight: 700; }
table { min-width: 650px; }
th { padding: 12px 10px; background: rgb(245, 249, 251); color: var(--muted); font-size: 12px; font-weight: 750; }
td { padding: 12px 10px; color: var(--ink); }
tr:hover td { background: rgb(247, 251, 252); }
.hint { color: var(--muted); }
dialog { width: min(680px, 94vw); max-height: 88vh; padding: 0px; border: 1px solid var(--line); border-radius: 12px; overflow: auto; }
dialog form { padding: 24px; }
dialog h2 { margin-top: 0px; }
.cards { gap: 14px; }
.card strong { color: var(--navy); }
#login { margin: 10vh auto; padding: 32px; border: 1px solid var(--line); border-radius: 12px; box-shadow: rgba(18, 61, 89, 0.125) 0px 16px 42px; }
#login h2 { margin-top: 0px; color: var(--navy); }
label { font-weight: 650; color: var(--ink); }
label.muted { display: inline-flex; align-items: center; min-height: 42px; border: 1px dashed var(--teal); border-radius: 9px; background: rgb(238, 249, 247); color: var(--teal); font-weight: 700; }
@media (max-width: 800px) {
  aside { width: 72px; padding: 14px 7px; }
  aside b { font-size: 0px; }
  aside b::after { content: "CM"; font-size: 12px; }
  main { padding: 16px; min-width: 0px; }
  header { font-size: 12px; }
  .panel { }
  .cards { }
  .row { grid-template-columns: 1fr; }
}
.crm-brand { align-items: center; gap: 9px; }
.crm-brand img { }
.crm-brand span { font-size: 11px; letter-spacing: 1px; color: rgb(216, 237, 240); font-weight: 800; }
aside > b, aside > small { display: none; }
.logout-box { width: 100%; justify-content: flex-start; background: rgba(255, 255, 255, 0.07) !important; border-color: rgba(255, 255, 255, 0.208) !important; color: rgb(255, 255, 255) !important; }
.logout-box:hover { background: rgba(255, 255, 255, 0.14) !important; }
.crm-brand { display: block !important; padding: 4px 9px 25px !important; }
.crm-brand img { display: block !important; width: 158px !important; height: 44px !important; object-fit: contain !important; object-position: left center !important; }
.crm-brand span { display: none !important; }
.crm-brand::after { content: "MAIL OPERATIONS CENTER"; display: block; margin-top: 7px; color: rgb(169, 216, 213); font-size: 10px; font-weight: 800; letter-spacing: 1.45px; }
aside button[data-view] { display: flex; align-items: center; gap: 10px; }
aside button[data-view]::before { content: attr(data-number); display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1px solid rgb(127, 182, 180); border-radius: 7px; color: rgb(188, 232, 229); font-size: 10px; font-weight: 800; flex: 0 0 auto; }
aside button[data-view].active, aside button[data-view]:hover { background: rgba(255, 255, 255, 0.114) !important; }
aside button[data-view].active::before { background: rgb(223, 247, 244); color: rgb(11, 108, 104); border-color: rgb(223, 247, 244); }
aside h1 { display: none !important; }
.crm-brand { margin-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.17) !important; }
.logout-box { position: relative !important; margin-top: auto !important; }
.logout-box::before { content: ""; position: absolute; left: 0px; right: 0px; top: -17px; height: 1px; background: rgba(255, 255, 255, 0.17); }
header { justify-content: flex-end !important; }
header > div:first-child { display: none !important; }
body.campaign-work .panel > .actions:has(#cw-search) { margin-bottom: 16px; }
body.campaign-work main { max-width: none; width: calc(100% - 244px); padding: 28px 50px; min-width: 0px; }
.cw-scroll { overflow: auto; }
.cw-table { min-width: 1200px; }
.cw-table thead { background: linear-gradient(rgb(18, 61, 89), rgb(13, 48, 73)); }
.cw-table thead th { background: transparent; color: rgb(255, 255, 255); border-bottom-color: rgb(53, 90, 112); }
.cw-table button[data-action="cancel"] { background: rgb(252, 232, 235); color: rgb(162, 45, 59); border: 1px solid rgb(231, 169, 178); }
.cw-table button[data-action="cancel"]:hover:not(:disabled) { background: rgb(248, 209, 216); border-color: rgb(200, 96, 112); }
.cw-table button[data-action="cancel"]:focus-visible { outline: rgb(162, 45, 59) solid 2px; outline-offset: 2px; }
.cw-table button[data-action="cancel"]:disabled { background: rgb(243, 247, 251); color: rgb(152, 163, 172); border-color: rgb(220, 228, 233); cursor: not-allowed; }
.cw-table input[type="checkbox"] { width: 18px; min-height: 18px; margin: 0px; accent-color: rgb(11, 108, 104); }
.cw-title { display: block; max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cw-campaign-heading { display: grid; gap: 6px; min-width: 0; }
.cw-table th:nth-child(2), .cw-table td:nth-child(2) { min-width:200px; }
.cw-campaign-heading > div { color: #526978; font-size: .92em; }
.cw-delivery-summary { display: grid; gap: 8px; justify-items: start; }
.cw-quick-actions { display:flex; gap:5px; align-items:center; }
.cw-table .cw-runtime-detail { width:112px; min-width:112px; height:27px; min-height:27px; padding:3px 5px; font-size:11px; line-height:18px; white-space:nowrap; margin:0; }
.cw-test-send { display:block; margin-top:8px; white-space:nowrap; }
.campaign-test-dialog { box-sizing:border-box; width:min(880px,94vw); max-height:90vh; padding:28px; overflow:auto; }
.campaign-test-dialog form { display:grid; gap:14px; }
.campaign-test-dialog [data-error] { color:#a42535; overflow-wrap:anywhere; }
.campaign-test-dialog td { overflow-wrap:anywhere; }
.test-address-choice { display:flex; gap:10px; align-items:center; padding:10px 12px; border:1px solid #c6dbe3; border-radius:8px; margin:6px 0; overflow-wrap:anywhere; }
.campaign-test-dialog input[type="checkbox"] { flex:0 0 18px; width:18px; height:18px; min-height:18px; margin:0; padding:0; accent-color:#0b6c68; }
.campaign-test-dialog form { padding:0; }
.campaign-test-dialog button:disabled { color:#718590; background:#f3f7fb; border-color:#c6dbe3; cursor:not-allowed; }
@media(max-width:600px) { .campaign-test-dialog { padding:18px; } }
.cw-table progress { width: 155px; accent-color: rgb(11, 108, 104); }
.cw-dialog { width: min(1150px, 96vw); padding: 24px; }
.cw-dialog .bar { display: flex; gap: 10px; align-items: center; position: sticky; top: 0px; background: white; z-index: 3; }
.cw-editor { width: 100%; min-height: 300px; font: 14px / 1.6 Consolas, monospace; tab-size: 2; }
.cw-dialog iframe { display: block; background: white; border: 1px solid rgb(198, 219, 227); max-width: 100%; height: 650px; margin: auto; }
.cw-error { color: rgb(162, 45, 59); }
.cw-table td { white-space: nowrap; }
.cw-smtp { min-width: 0px; margin: 5px 0px 12px; border: 1px solid rgb(198, 219, 227); border-radius: 10px; padding: 14px; }
.cw-smtp legend { padding: 0px 6px; color: rgb(23, 58, 78); }
.cw-smtp [data-smtp-options] { max-height: 220px; overflow: auto; margin-top: 10px; }
.cw-smtp-option { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; cursor: pointer; }
.cw-smtp-option:hover { background: rgb(243, 247, 251); }
.cw-smtp-option:has(:checked) { background: rgb(229, 243, 239); color: rgb(11, 108, 104); }
.cw-smtp-option:has(:disabled) { opacity: 0.55; cursor: not-allowed; }
.cw-smtp-option input[type="checkbox"] { flex: 0 0 auto; width: 18px; height: 18px; min-height: 18px; margin: 0px; accent-color: rgb(11, 108, 104); }
.cw-smtp-option span { min-width: 0px; overflow-wrap: anywhere; }
.cw-smtp-option small { display: block; color: rgb(82, 105, 120); margin-top: 3px; }
.cw-smtp .actions { align-items: center; }
@media (max-width: 1300px) {
  body.campaign-work main { padding: 24px; }
}
@media (max-width: 800px) {
  body.campaign-work main { width: calc(100% - 72px); padding: 12px; }
}
.us-toolbar { align-items: center; gap: 10px; }
.us-toolbar #us-search { width: 260px; max-width: 100%; margin: 0px; height: 44px; min-height: 44px; }
.us-toolbar > button, .us-toolbar > label { display: inline-flex; align-items: center; justify-content: center; height: 44px; min-height: 44px; margin: 0px; box-sizing: border-box; white-space: nowrap; border-radius: 9px; padding: 0px 14px !important; }
.us-toolbar h2 { margin: 0px auto 0px 0px; }
@media (max-width: 700px) {
  .us-toolbar h2 { width: 100%; }
  .us-toolbar #us-search { flex: 1 1 100%; width: 100%; }
}
header #clock { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; color: rgb(23, 58, 78); font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 700; font-stretch: normal; font-size: 13px; line-height: 1.2; font-family: "Malgun Gothic", system-ui, sans-serif; letter-spacing: 0.01em; white-space: nowrap; }
header #clock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: rgb(11, 108, 104); box-shadow: rgba(11, 108, 104, 0.08) 0px 0px 0px 4px; }
@media (max-width: 520px) {
  header #clock { font-size: 12px; gap: 7px; }
  header #clock::before { width: 6px; height: 6px; }
}
body main, body.campaign-work main { max-width: none; width: calc(100% - 244px); min-width: 0px; padding: 28px 50px; }
#app, #view { width: 100%; min-width: 0px; }
#view > .panel { width: 100%; min-width: 0px; overflow-x: auto; }
#view > .actions { margin-bottom: 16px; flex-wrap: wrap; }
#view table, dialog table { width: 100%; border-collapse: collapse; }
#view table tr:has(> th), dialog table tr:has(> th) { background: linear-gradient(rgb(18, 61, 89), rgb(13, 48, 73)); }
#view table th, dialog table th { font-size: 14px; font-weight: 800; line-height: 1.5; padding: 13px 12px; border-bottom: 1px solid rgb(53, 90, 112); white-space: nowrap; background: transparent !important; color: rgb(255, 255, 255) !important; }
#view table th button, dialog table th button { color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.333); background: rgba(255, 255, 255, 0.08); }
#view table th button:hover, dialog table th button:hover { background: rgba(255, 255, 255, 0.19); }
#view table td { padding-left: 12px; padding-right: 12px; }
#view > .panel > table { min-width: 800px; }
@media (max-width: 1300px) {
  body main, body.campaign-work main { padding: 24px; }
}
@media (max-width: 800px) {
  body main, body.campaign-work main { width: calc(100% - 72px); padding: 12px; }
  #view > .actions { }
  #view table th, dialog table th { font-size: 14px; }
}
.mailer-notice { position: fixed; inset: 0px; margin: auto; width: min(440px, -40px + 100vw); height: fit-content; padding: 25px 30px; border: 1px solid rgb(169, 212, 200); border-radius: 16px; background: rgb(243, 255, 250); color: rgb(11, 98, 90); box-shadow: rgba(18, 61, 89, 0.17) 0px 18px 65px; text-align: center; font-size: 16px; font-weight: 700; line-height: 1.7; overflow-wrap: anywhere; pointer-events: none; opacity: 1; transition: opacity 0.35s; z-index: 2147483647; }
.mailer-notice::backdrop { background: transparent; pointer-events: none; }
.mailer-notice[data-fading="true"] { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .mailer-notice { transition: none; }
}
.rp-tabs { display: flex; gap: 8px; overflow: auto; margin: 20px 0px; }
.rp-tabs button { white-space: nowrap; background: rgb(237, 244, 247); color: rgb(23, 58, 78); border: 1px solid rgb(198, 219, 227); }
.rp-tabs button[aria-selected="true"] { background: rgb(18, 61, 89); color: white; }
.rp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.rp-card { background: white; border: 1px solid rgb(210, 225, 232); border-radius: 14px; padding: 22px; box-shadow: rgba(18, 61, 89, 0.03) 0px 5px 18px; }
.rp-card h3 { margin: 0px 0px 18px; }
.rp-value { font-size: 28px; font-weight: 750; color: rgb(18, 61, 89); }
.rp-sub { color: rgb(82, 105, 120); font-size: 13px; line-height: 1.7; }
.rp-ring { height: 150px; width: 150px; border-radius: 50%; display: grid; place-items: center; margin: 12px auto; }
.rp-ring > span { width: 112px; height: 112px; background: white; border-radius: 50%; display: grid; place-content: center; text-align: center; font-size: 24px; font-weight: bold; }
.rp-ring small { font-size: 12px; color: rgb(82, 105, 120); font-weight: normal; }
.rp-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; font-size: 12px; }
.rp-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 5px; }
.rp-scroll { overflow: auto; }
.rp-table { width: 100%; }
.rp-table th { background: rgb(18, 61, 89); color: white; }
.rp-table td { vertical-align: top; }
.rp-table pre { white-space: pre-wrap; word-break: break-word; min-width: 200px; max-width: 500px; font-size: 12px; background: rgb(243, 247, 251); padding: 10px; border-radius: 8px; }
.rp-notice { border-left: 4px solid rgb(204, 148, 56); background: rgb(255, 247, 229); padding: 14px 18px; border-radius: 8px; line-height: 1.7; margin: 16px 0px; }
.rp-bars { display: flex; align-items: end; gap: 8px; height: 180px; min-width: 720px; padding-top: 20px; }
.rp-hour { flex: 1 1 0%; text-align: center; font-size: 10px; color: rgb(82, 105, 120); }
.rp-hour > div { display: flex; align-items: end; justify-content: center; gap: 2px; height: 140px; }
.rp-hour i { width: 8px; display: block; border-radius: 3px 3px 0px 0px; }
.rp-card details { margin-top: 8px; }
.rp-card summary { cursor: pointer; color: rgb(18, 61, 89); }
.rp-error { color: rgb(162, 45, 59); }
.rp-table .rp-link { max-width: 420px; overflow-wrap: anywhere; }
.rp-kpis { margin-bottom: 18px; }
@media (max-width: 650px) {
  .rp-grid { grid-template-columns: 1fr; }
  .rp-card { padding: 16px; }
}
.actions:has(> #rp-refresh), .actions:has(> #cw-refresh) { align-items: center; }
#rp-campaign, #rp-refresh, #cw-search, #cw-size, #cw-refresh { height: 44px; min-height: 44px; max-height: 44px; margin-top: 0px; margin-bottom: 0px; align-self: center; box-sizing: border-box; }
.mailer-sidebar-footer { margin-top: 12px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.17); display: flex; flex-direction: column; gap: 10px; width: 100%; }
aside .mailer-sidebar-footer button { display: flex; align-items: center; min-height: 44px; width: 100%; padding: 10px; border-radius: 9px; justify-content: center !important; text-align: center !important; margin: 0px !important; border: 1px solid rgba(255, 255, 255, 0.208) !important; background: rgba(255, 255, 255, 0.07) !important; color: rgb(255, 255, 255) !important; }
aside .mailer-sidebar-footer button:hover { background: rgba(255, 255, 255, 0.14) !important; }
aside .mailer-sidebar-footer button::before, aside .mailer-sidebar-footer button::after { display: none !important; content: none !important; }
.mailer-settings-dialog { width: min(480px, 94vw); max-height: 90vh; overflow: auto; padding: 28px; }
.mailer-settings-dialog h2 { margin: 0px; }
.mailer-settings-dialog .settings-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.mailer-settings-dialog label { display: block; margin-top: 14px; }
.mailer-settings-dialog .actions { justify-content: flex-end; margin-top: 22px; }
body.mailer-display-custom main { font-size: var(--mailer-font-size,14px); }
body.mailer-display-custom main input, body.mailer-display-custom main select, body.mailer-display-custom main button, body.mailer-display-custom main td { font-size: var(--mailer-font-size,14px); }
body.mailer-display-custom main td { padding-top: var(--mailer-row-padding,11px); padding-bottom: var(--mailer-row-padding,11px); }
.mailer-filter-reset { height: 44px; min-height: 44px; white-space: nowrap; border-radius: 9px; align-self: center; margin: 0px !important; }
.mailer-width-fields { display: grid; grid-template-columns: minmax(0px, 1fr) 120px; gap: 8px 14px; align-items: center; }
.mailer-width-fields input { width: 100%; margin: 0px; height: 44px; }
.mailer-width-fields label { overflow-wrap: anywhere; margin: 0px !important; }
.mailer-width-section { border-top: 1px solid rgb(198, 219, 227); margin-top: 20px; padding-top: 14px; }
.mailer-width-section h3 { margin: 0px 0px 12px; }
table[data-width-managed] td { overflow-wrap: anywhere; overflow: hidden; }
.tb-builder { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(320px, 0.9fr); gap: 20px; }
.tb-builder textarea { width: 100%; min-height: 440px; font: 13px / 1.6 ui-monospace, SFMono-Regular, Consolas, monospace; }
.tb-builder .cm-editor { height: 440px; max-width: 100%; font-size: 13px; }
.tb-builder .cm-editor .cm-scroller { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.tb-report { border: 1px solid rgb(198, 219, 227); border-radius: 10px; padding: 16px; background: rgb(247, 251, 252); }
.tb-report h3 { margin: 0px 0px 10px; }
.tb-report ul { margin: 8px 0px; padding-left: 20px; }
.tb-report .ok { color: rgb(11, 108, 104); }
.tb-report .warn { color: rgb(138, 91, 10); }
.tb-preview { width: 100%; height: 420px; border: 1px solid rgb(198, 219, 227); border-radius: 9px; background: rgb(255, 255, 255); }
@media (max-width: 950px) {
  .tb-builder { grid-template-columns: 1fr; }
  .tb-builder textarea { min-height: 320px; }
  .tb-builder .cm-editor { height: 320px; }
}
.tb-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 22px; }
.tb-card { min-width: 0px; background: white; border: 1px solid rgb(198, 219, 227); border-radius: 14px; overflow: hidden; box-shadow: rgba(18, 61, 89, 0.063) 0px 5px 18px; transition: box-shadow 0.18s, border-color 0.18s; }
.tb-card:hover { border-color: rgb(119, 170, 169); box-shadow: rgba(18, 61, 89, 0.125) 0px 10px 25px; }
.tb-thumb { position: relative; width: 100%; height: 250px; background: rgb(234, 241, 244); overflow: hidden; }
.tb-thumb iframe { position: absolute; top: 0px; left: 0px; width: 700px; height: 700px; border: 0px; background: white; transform-origin: left top; pointer-events: none; }
.tb-thumb button { position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; border-radius: 0px; color: transparent; cursor: zoom-in; background: transparent !important; }
.tb-thumb button:focus-visible { outline: rgb(11, 108, 104) solid 3px; outline-offset: -3px; }
.tb-card-body { padding: 18px; }
.tb-card h3 { margin: 12px 0px 8px; font-size: 18px; color: rgb(23, 58, 78); overflow-wrap: anywhere; }
.tb-card-subject { color: rgb(82, 105, 120); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 39px; }
.tb-card-meta { font-size: 12px; color: rgb(113, 133, 144); margin: 14px 0px; }
.tb-card-actions { display: flex; gap: 8px; }
.tb-card-actions button { flex: 1 1 0%; padding: 0px 10px; }
.tb-gallery-toolbar { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 0px 0px 20px; }
.tb-gallery-toolbar input { width: min(100%, 300px); }
.tb-gallery-empty { grid-column: 1 / -1; text-align: center; padding: 48px 20px; background: white; border: 1px dashed rgb(198, 219, 227); border-radius: 14px; }
.tb-full-preview { width: min(850px, 95vw); padding: 20px; }
.tb-full-preview .bar { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.tb-full-preview h2 { flex: 1 1 0%; margin: 0px; }
.tb-full-preview iframe { width: 100%; height: 70vh; border: 1px solid rgb(198, 219, 227); background: white; }
.mobile-app-bar, .mobile-menu-shade { display: none; }
.mobile-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
@media (max-width: 800px) {
  body { min-width: 0px; display: block !important; }
  body main, body.campaign-work main, body.mailer-display-custom main { min-width: 0px; width: 100% !important; max-width: none !important; margin: 0px !important; padding: 76px 14px 24px !important; }
  .mobile-app-bar { position: fixed; inset: 0px 0px auto; z-index: 1000; display: flex; align-items: center; gap: 12px; min-height: 60px; padding-right: 14px; padding-bottom: 8px; padding-left: 14px; padding-top: max(8px,env(safe-area-inset-top)); background: rgb(18, 61, 89); color: white; box-shadow: rgba(18, 61, 89, 0.125) 0px 2px 8px; }
  .mobile-app-bar button { width: 44px; height: 44px; padding: 8px; background: rgba(255, 255, 255, 0.082); border-color: rgba(255, 255, 255, 0.25); color: white; font-size: 22px; }
  .mobile-app-bar strong { font-size: 15px; }
  .mobile-menu-shade.is-open { display: block; position: fixed; inset: 0px; z-index: 1001; background: rgba(11, 32, 59, 0.44); border: 0px; border-radius: 0px; }
  body > aside { overflow-y: auto; transform: translateX(-105%); transition: transform 0.18s; box-shadow: rgba(18, 61, 89, 0.125) 8px 0px 30px; position: fixed !important; inset: 0px auto 0px 0px !important; width: min(280px, 85vw) !important; height: 100dvh !important; z-index: 1002 !important; padding: 20px 14px max(18px,env(safe-area-inset-bottom)) !important; }
  body > aside.mobile-open { transform: translateX(0px); }
  body > aside button[data-view] { width: 100%; min-height: 44px; }
  body > aside .crm-brand { flex-shrink: 0; }
  body > aside .mailer-sidebar-footer { padding-top: 18px; margin-top: 12px !important; }
  #app > header { margin-bottom: 12px; min-height: 28px; }
  #view { min-width: 0px; }
  #view > .actions { gap: 10px; margin-bottom: 14px; }
  #view h2 { font-size: 20px; line-height: 1.4; }
  #view > .actions h2 { flex: 1 1 100%; margin: 0px !important; }
  .row, .tb-builder { gap: 12px; grid-template-columns: minmax(0px, 1fr) !important; }
  .row > * { min-width: 0px; }
  .panel { min-width: 0px; padding: 14px !important; overflow: visible !important; }
  .cards { gap: 10px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .card { padding: 14px; }
  .card strong { font-size: 25px; }
  .actions { gap: 8px; flex-wrap: wrap; min-width: 0px; }
  .actions input, .actions select { min-width: 0px; max-width: 100% !important; }
  .actions > input[type="search"], .actions > #cw-search, .actions > #us-search { flex: 1 1 100%; width: 100% !important; }
  .actions button { min-height: 44px; white-space: normal; }
  input, select, textarea { max-width: 100%; font-size: 16px !important; }
  input[type="checkbox"], input[type="radio"] { font-size: inherit !important; }
  label { overflow-wrap: anywhere; }
  .cw-scroll, .mobile-table-scroll { width: 100%; max-width: 100%; overflow-x: auto; }
  .mobile-table-scroll:focus-visible { outline: rgb(11, 108, 104) solid 2px; }
  .rp-grid { grid-template-columns: minmax(0px, 1fr) !important; }
  .rp-tabs { display: flex; overflow-x: auto; max-width: 100%; padding-bottom: 6px; flex-wrap: nowrap !important; }
  .rp-tabs button { flex: 0 0 auto; min-height: 44px; }
  .rp-card { min-width: 0px; overflow-wrap: anywhere; }
  .rp-kpis { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .us-toolbar { flex-wrap: wrap !important; }
  .us-toolbar h2 { flex: 1 1 100%; margin: 0px !important; }
  .us-toolbar input { width: 100% !important; }
  .tb-gallery { gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)) !important; }
  .tb-gallery-toolbar input { width: 100% !important; }
  .tb-thumb { height: 250px; }
  .tb-card-actions button { min-height: 44px; }
  .tb-report textarea { min-height: 150px; }
  .tb-builder .cm-editor { height: 320px !important; }
  .cm-editor { max-width: 100%; }
  dialog, .cw-dialog, .tb-full-preview, .mailer-settings-dialog, .unsub-register-dialog { margin: auto; overflow: auto; width: calc(-20px + 100vw) !important; max-width: calc(-20px + 100vw) !important; max-height: calc(100dvh - 24px) !important; padding: 14px !important; }
  dialog form { padding: 4px !important; }
  dialog .bar { gap: 8px; flex-wrap: wrap; }
  dialog .bar h2 { font-size: 18px; min-width: 0px; overflow-wrap: anywhere; }
  dialog .bar button { min-height: 44px; }
  .cw-dialog iframe, .tb-full-preview iframe, .tb-preview { max-width: 100% !important; height: 60dvh !important; }
  dialog .actions { gap: 8px; }
  dialog .actions button { min-height: 44px; }
  #login { margin: 4vh auto; padding: 22px; max-width: 100%; }
  .hint { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  body > aside { transition: none !important; }
}
:root .recipient-members-dialog{padding:24px}.recipient-members-dialog .actions,.recipient-toolbar{gap:12px;margin-bottom:18px;flex-wrap:wrap}.recipient-members-dialog td{overflow-wrap:anywhere}.recipient-members-dialog progress,#recipientJobs progress{width:100%}#recipientJobs article+article{border-top:1px solid #c6dbe3;margin-top:16px;padding-top:16px}@media(max-width:600px){:root .recipient-members-dialog{padding:16px}.recipient-toolbar input{width:100%;min-width:0}}
.recipient-members-dialog table{min-width:850px}.recipient-members-dialog table button{white-space:nowrap;min-width:64px}.recipient-members-dialog .actions button{white-space:nowrap}#oneDuplicate,#fileDuplicate{width:18px;height:18px;vertical-align:middle;margin-right:8px}

.automation-dialog{width:min(1100px,94vw);max-height:90dvh;padding:24px;border:1px solid #c6dbe3;border-radius:12px;color:#173a4e;box-sizing:border-box;overflow:auto}
.automation-dialog .automation-run-actions{display:flex;gap:6px;white-space:nowrap}
.list-order-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.list-order-tools>input{flex:1;min-width:160px}.list-order-tools label{min-width:130px;flex:1}.list-order-dialog .row{align-items:end}.list-order-table [data-handle]{cursor:grab;display:inline-block;padding:8px;font-size:20px;color:#087d79}.list-order-table td:first-child{width:40px}.list-order-table td:nth-child(2){width:100px}.list-order-table button{min-width:36px;min-height:32px;padding:4px 10px}.list-order-dialog [data-error]{color:#b42318}.db-range-panel [data-range-summary]{padding:12px;border-radius:8px;background:#e9f6f2;color:#125b4b}.db-range-panel details{border:1px solid #c6dbe3;padding:12px;border-radius:8px;margin-top:14px}.db-range-panel summary{cursor:pointer;font-weight:600}.db-range-panel [data-range-search]{margin:10px 0}.db-range-panel .automation-options{max-height:260px}.list-order-dialog input[type=checkbox]{width:18px;height:18px;margin:0}
.automation-dialog .automation-run-button{box-sizing:border-box;width:68px;min-width:68px;height:28px;min-height:28px;padding:0 7px;margin:0;border-radius:6px;font-size:11px;line-height:26px;white-space:nowrap}
.automation-dialog .automation-run-button:disabled{opacity:.45;cursor:default}
.automation-history-table{min-width:760px}.automation-history-table td:nth-child(3){min-width:170px;overflow-wrap:anywhere}
.automation-run-db-summary{padding:12px 14px;background:#f0f6f9;border:1px solid #dbe7ed;border-radius:8px;margin:12px 0;font-size:13px}
.automation-modal-head,.automation-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:12px 0;position:sticky;z-index:3}
.automation-modal-head{top:-24px;border-bottom:1px solid #c6dbe3}.automation-modal-footer{bottom:-24px;justify-content:flex-end;border-top:1px solid #c6dbe3}
.automation-dialog .panel{margin-top:16px;padding:20px}.automation-dialog .row{display:flex;flex-wrap:wrap;gap:16px}.automation-dialog .row>label{flex:1;min-width:180px}
.automation-dialog h3{font-size:16px}.automation-dialog input:not([type=checkbox]),.automation-dialog select{height:44px;box-sizing:border-box;width:100%;min-width:0}
.automation-dialog textarea{width:100%;min-height:90px;box-sizing:border-box}.automation-dialog .automation-check{display:flex;align-items:center;gap:9px;margin:12px 0;font-weight:400}
.automation-check input[type=checkbox],.automation-choice input[type=checkbox]{width:18px;height:18px;flex:none;margin:0}
.automation-picker{min-width:0;border:1px solid #c6dbe3;border-radius:9px;margin:12px 0;padding:12px}.automation-picker legend{font-weight:600}.automation-picker [data-count]{font-weight:400;color:#526978;margin-left:8px}
.automation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px;overflow:auto;gap:6px}.automation-dialog .automation-choice{display:flex;align-items:center;gap:8px;padding:9px;background:#f3f7fb;border-radius:7px;min-width:0;margin:0}.automation-choice span{overflow-wrap:anywhere}
.automation-slot{border:1px solid #c6dbe3;border-radius:9px;margin:14px 0}.automation-slot summary{padding:14px;background:#f3f7fb;color:#173a4e;cursor:pointer;font-weight:600}.automation-slot-body{padding:16px}
.automation-slot-body.creative-fields{display:grid;grid-template-columns:1fr 1.35fr 1.35fr;gap:14px}.automation-slot-body.creative-fields label{min-width:0}
.creative-preview-dialog{width:min(860px,94vw);max-height:90dvh;padding:20px;border:1px solid #c6dbe3;border-radius:12px;color:#173a4e}.creative-preview-dialog .bar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.creative-preview-dialog h2{margin:0 auto 0 0;font-size:18px}.creative-preview-dialog img{display:block;max-width:100%;max-height:70dvh;margin:auto;border:1px solid #dbe7ed;background:#f4f8fa}
.automation-dialog [hidden],.automation-choice[hidden]{display:none!important}.automation-dialog table{width:100%}.automation-dialog th{background:#123d59;color:#fff}.automation-dialog th,.automation-dialog td{padding:12px;text-align:left;vertical-align:top}
.automation-error{color:#a32d38;white-space:pre-wrap}.automation-toolbar{margin-bottom:18px}#au-body small,.automation-dialog td small{display:block;margin-top:6px;color:#526978;overflow-wrap:anywhere}#au-body td{vertical-align:top}#au-body button{margin:3px}
@media(max-width:800px){.automation-slot-body.creative-fields{grid-template-columns:1fr}}@media(max-width:600px){.automation-dialog{padding:12px;width:96vw}.automation-modal-head{top:-12px}.automation-modal-footer{bottom:-12px}.automation-dialog .panel{padding:12px}.automation-dialog .row>label{min-width:100%}.automation-options{grid-template-columns:1fr}.automation-slot-body{padding:10px}.automation-toolbar{flex-wrap:wrap}.automation-toolbar input{width:100%}}

.dl-page{max-width:1700px;margin:auto;color:#193246}.dl-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 26px}.dl-eyebrow{color:#33888e;font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:8px}.dl-heading h2{font-size:28px;letter-spacing:-1px;margin:0 0 8px}.dl-heading p{color:#72838f;margin:0;font-size:13px}.dl-tools{display:flex;align-items:center;gap:16px}.dl-date{font-size:14px;font-weight:600}.dl-board{background:#fff;border:1px solid #e0e8ee;border-radius:16px;box-shadow:0 5px 22px #25465c06;padding:24px}.dl-board-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;color:#506673}.dl-board-label small{font-size:11px;font-weight:400;color:#7a8e9b}.dl-legend{display:flex;flex-wrap:wrap;gap:12px 22px;padding:17px 0 24px}.dl-key{display:inline-flex;align-items:center;gap:8px;font-size:13px}.dl-key i,.dl-dot{background:var(--dot);border-radius:50%;flex:none}.dl-key i{width:12px;height:12px}.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:0;border-top:1px solid #e3eaf0;border-left:1px solid #e3eaf0;overflow:hidden;border-radius:10px}.dl-cell{min-width:0;min-height:150px;border-right:1px solid #e3eaf0;border-bottom:1px solid #e3eaf0;background:#fff}.dl-cell h3{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;min-height:66px;box-sizing:border-box;padding:12px 8px;background:#f6f9fb;border-bottom:1px solid #e3eaf0;font-size:12px;font-weight:650;overflow-wrap:anywhere;line-height:1.6}.dl-dots{display:flex;flex-direction:column;align-items:center;gap:12px;padding:19px 8px;min-height:82px;box-sizing:border-box}.dl-page .dl-dot{display:block;width:19px;height:19px;min-height:19px;padding:0;border:0;box-shadow:none;cursor:pointer;transition:transform .15s}.dl-page .dl-dot:hover{transform:scale(1.2);filter:brightness(1.08)}.dl-page .dl-dot:focus-visible{outline:2px solid #203d52;outline-offset:4px}.dl-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:18px;color:#7c8e9b;font-size:11px}.dl-muted,.dl-empty{color:#788a97;font-size:13px}.dl-empty{padding:25px 0;text-align:center}.dl-error{color:#a63d3d;font-size:13px}.dl-history{border:1px solid #e0e8ee;border-radius:12px;background:#fff;margin-top:22px;padding:0 22px}.dl-history>summary,.dl-day>summary{cursor:pointer;padding:20px 0;font-weight:650;font-size:14px}.dl-history summary span{float:right;color:#84949f;font-size:12px;font-weight:400}.dl-day{border-top:1px solid #e9eef2}.dl-history-body{padding-bottom:22px}.dl-history .dl-cell{min-height:130px}@media(max-width:700px){.dl-heading{align-items:flex-start;flex-direction:column}.dl-heading h2{font-size:24px}.dl-board{padding:15px}.dl-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.dl-tools{width:100%;justify-content:space-between}.dl-board-label{align-items:flex-start;flex-direction:column}.dl-page .dl-dot{width:25px;height:25px;min-height:25px}.dl-dots{gap:19px}.dl-history summary span{float:none;display:block;margin:5px 0 0 15px}}@media(prefers-reduced-motion:reduce){.dl-page .dl-dot{transition:none}}
.dl-filter{margin:0 0 18px;background:#fff;border:1px solid #e0e8ee;border-radius:12px;color:#304b5c}
.dl-filter>summary{cursor:pointer;padding:15px 18px;font-size:13px;font-weight:650}
.dl-filter-count{display:inline-block;margin-left:10px;color:#397b76;font-size:12px;font-weight:500}
.dl-filter-body{padding:0 18px 15px;border-top:1px solid #edf1f4}
.dl-filter-actions{display:flex;gap:8px;padding:12px 0}
.dl-filter-actions button{min-height:30px;padding:5px 10px;font-size:12px}
.dl-filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:7px;max-height:240px;overflow:auto;padding:2px}
.dl-filter-choice{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f5f8fa;border:1px solid #e5ecef;border-radius:7px;font-size:12px;cursor:pointer;min-width:0}
.dl-filter-choice:has(input:checked){border-color:#8abdb4;background:#eef8f5}
.dl-filter-choice input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:0;padding:0;flex:none;accent-color:#277d70}
.dl-filter-choice span{overflow-wrap:anywhere}
.dl-filter-note{font-size:11px;color:#718491;margin:12px 0 0;line-height:1.6}

.mb-page{max-width:1600px;margin:0 auto;color:#17384d}.mb-page *{box-sizing:border-box}.mb-title{padding:12px 0 24px}.mb-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#277a79}.mb-title h2{font-size:27px;margin:7px 0}.mb-title p,.mb-toolbar p{font-size:12px;color:#667e8c;margin:5px 0}.mb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.mb-toolbar b{font-size:18px}.mb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.mb-grid>*{grid-column:1/-1;min-width:0}.mb-banner{grid-column:span 4;border:1px solid #bfddd7;border-radius:12px;background:#e9f6f1;padding:18px}.mb-banner h3{font-size:23px;margin:6px 0}.mb-banner p{font-size:13px;line-height:1.6;margin:0 0 8px}.mb-banner small{font-size:11px;color:#627985}.mb-banner.attention{background:#fff7e7;border-color:#ead3a5}.mb-banner.running{background:#eaf4fd;border-color:#bdd9f1}.mb-summary{grid-column:span 8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mb-summary article,.mb-disks article,.mb-section{border:1px solid #d6e1e7;border-radius:12px;background:#fff;padding:17px;min-width:0}.mb-summary span{font-size:12px;color:#637a88}.mb-summary strong{display:block;font-size:15px;margin:12px 0 7px;font-variant-numeric:tabular-nums;line-height:1.5}.mb-summary small{font-size:11px;color:#667e8c;line-height:1.6;display:block}.mb-disks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mb-disks header{display:flex;align-items:center;gap:10px}.mb-disks i{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#123e56;color:white;font-style:normal;font-size:18px;font-weight:800;flex-shrink:0}.mb-disks b{font-size:14px}.mb-disks p{font-size:11px;margin:4px 0;color:#667e8c}.mb-capacity{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:17px 0 8px}.mb-capacity strong{font-size:16px}.mb-capacity span,.mb-disks small{font-size:11px;color:#667e8c}.mb-disks meter{display:block;width:100%;height:9px;margin-bottom:7px}.mb-disks meter::-webkit-meter-bar{background:#e7eff2;border:0;border-radius:8px}.mb-disks meter::-webkit-meter-optimum-value{background:#18828a;border-radius:8px}.mb-section>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.mb-section h3{font-size:17px;margin:0 0 5px}.mb-section header p,.mb-section header>span{font-size:11px;color:#667e8c;margin:0}.mb-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.mb-size-grid article{background:#f5fafa;border:1px solid #e0ebed;border-radius:10px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mb-size-grid b{font-size:13px}.mb-size-grid small{display:block;font-size:11px;color:#667e8c;margin-top:5px}.mb-size-grid strong{font-size:23px;white-space:nowrap}.mb-footnote{font-size:11px;line-height:1.7;color:#667e8c;margin:10px 0 0}.mb-restore{grid-column:span 3}.mb-restore h3{margin:9px 0}.mb-restore strong{display:block;font-size:15px;line-height:1.5}.mb-restore p{font-size:12px}.mb-restore small{font-size:12px;color:#667e8c;line-height:1.7}.mb-history{grid-column:span 9}.mb-table-scroll{overflow:auto;margin-top:12px}.mb-history table{width:100%;min-width:720px;border-collapse:collapse}.mb-history th{background:#143b50;color:white;white-space:nowrap;font-size:11px}.mb-history th,.mb-history td{padding:10px 9px;text-align:left;border-bottom:1px solid #e4ecef;line-height:1.6}.mb-history td{font-size:12px;overflow-wrap:anywhere}.mb-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.mb-badge.healthy{color:#176f5c;background:#e8f6ef}.mb-badge.attention{color:#975f19;background:#fff1d9}.mb-badge.running{color:#23669e;background:#eaf2ff}.mb-notice,#mb-error:not(:empty){padding:13px 16px;background:#fff7e7;color:#82541b;border:1px solid #ead3a5;border-radius:10px;font-size:13px;line-height:1.6;margin:0 0 12px}.mb-policy summary{font-weight:700;cursor:pointer;font-size:13px}.mb-policy p{font-size:12px;line-height:1.7;color:#627985}.mb-overview{display:flex;align-items:center;justify-content:space-between;gap:16px}.mb-overview p{font-size:13px;color:#667e8c}.mb-inline-states{display:flex;gap:20px;font-size:13px}.mb-page button{font-size:12px;padding:9px 14px;border-radius:8px}.mb-page button:disabled{opacity:.6;cursor:wait}@media(max-width:1400px){.mb-restore,.mb-history{grid-column:1/-1}.mb-size-grid article{flex-wrap:wrap}}@media(max-width:1150px){.mb-banner,.mb-summary{grid-column:1/-1}}@media(max-width:800px){.mb-disks,.mb-summary,.mb-size-grid{grid-template-columns:1fr}.mb-page{padding:0}.mb-title{padding-bottom:15px}.mb-section>header{align-items:flex-start;flex-direction:column}.mb-overview{align-items:flex-start;flex-direction:column}.mb-size-grid article{flex-wrap:nowrap}.mb-size-grid strong{font-size:21px}.mb-toolbar b{font-size:16px}}
/* Scope overrides to backup headers; the legacy app globally styles all headers as its clock. */
.mb-page header{justify-content:flex-start!important;min-height:0;margin-bottom:0;color:inherit}
.mb-page header>div:first-child{display:block!important}
.mb-page .mb-title{display:block;padding:12px 0 24px}
.mb-page .mb-section>header{justify-content:space-between!important}
.mb-page .mb-disks header{margin-bottom:0}