.rscop-ob {
    --bg: #090f16;
    --surface: #111a24;
    --surface-2: #172230;
    --surface-3: #1d2a39;
    --text: #e5ebf1;
    --muted: #a9b6c3;
    --border: #324356;
    --header: #0b213b;
    --primary: #315a7b;
    --primary-hover: #3c698e;
    --success: #193426;
    --success-border: #3f7658;
    --warning: #3b321d;
    --warning-border: #7e6b3b;
    --danger: #412329;
    --danger-border: #7f4650;
    --focus: #9bbbd5;
    --shadow: 0 14px 34px rgba(0, 0, 0, .25);
    background: var(--bg);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: clamp(18px, 3vw, 36px);
    font-size: 17px;
    line-height: 1.55;
    box-sizing: border-box;
}
.rscop-ob[data-theme="normal"] {
    --bg: #e9eef2;
    --surface: #f7f9fa;
    --surface-2: #edf2f5;
    --surface-3: #e2e9ee;
    --text: #17212b;
    --muted: #526171;
    --border: #aebac5;
    --header: #dce8f1;
    --primary: #345d7d;
    --primary-hover: #294e6b;
    --success: #dceadf;
    --success-border: #6b9776;
    --warning: #eee7d3;
    --warning-border: #9b8855;
    --danger: #eddddf;
    --danger-border: #a36a72;
    --focus: #244f71;
    --shadow: 0 12px 30px rgba(35, 52, 66, .12);
}
@media (prefers-color-scheme: light) {
    .rscop-ob[data-theme="system"] {
        --bg: #e9eef2;
        --surface: #f7f9fa;
        --surface-2: #edf2f5;
        --surface-3: #e2e9ee;
        --text: #17212b;
        --muted: #526171;
        --border: #aebac5;
        --header: #dce8f1;
        --primary: #345d7d;
        --primary-hover: #294e6b;
        --success: #dceadf;
        --success-border: #6b9776;
        --warning: #eee7d3;
        --warning-border: #9b8855;
        --danger: #eddddf;
        --danger-border: #a36a72;
        --focus: #244f71;
        --shadow: 0 12px 30px rgba(35, 52, 66, .12);
    }
}
.rscop-ob *, .rscop-ob *::before, .rscop-ob *::after { box-sizing: border-box; }
.rscop-ob h2, .rscop-ob h3, .rscop-ob h4, .rscop-ob p { color: inherit; margin-top: 0; }
.rscop-ob button, .rscop-ob input, .rscop-ob select, .rscop-ob textarea { font: inherit; }
.rscop-ob-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--muted);
    font-size: .9em;
}
.rscop-ob-toolbar select { width: auto; min-width: 190px; }
.rscop-ob-hero {
    background: var(--header);
    border: 1px solid var(--border);
    border-radius: 15px;
    padding: clamp(22px, 4vw, 42px);
    margin-bottom: 22px;
}
.rscop-ob-hero h2 { font-size: clamp(1.8rem, 4vw, 3rem); margin-bottom: 10px; }
.rscop-ob-eyebrow { letter-spacing: .16em; font-weight: 800; font-size: .78em; color: var(--muted); }
.rscop-ob-notice {
    margin-top: 18px;
    padding: 15px 17px;
    background: var(--warning);
    border-left: 4px solid var(--warning-border);
    border-radius: 8px;
}
.rscop-ob-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(285px, 360px);
    gap: 22px;
    align-items: start;
}
.rscop-ob-main { min-width: 0; display: grid; gap: 22px; }
.rscop-ob-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: clamp(18px, 3vw, 28px);
    box-shadow: var(--shadow);
}
.rscop-ob-summary { position: sticky; top: 24px; }
.rscop-ob-step-heading { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 20px; }
.rscop-ob-step-heading > span {
    width: 38px; height: 38px; flex: 0 0 38px;
    display: grid; place-items: center;
    background: var(--primary); color: #f4f7f9;
    border-radius: 50%; font-weight: 800;
}
.rscop-ob-step-heading h3 { margin-bottom: 2px; font-size: 1.35em; }
.rscop-ob-step-heading p { margin-bottom: 0; color: var(--muted); }
.rscop-ob-mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rscop-ob-mode, .rscop-ob-primary, .rscop-ob-secondary, .rscop-ob-remove {
    border-radius: 9px;
    border: 1px solid var(--border);
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.rscop-ob-mode {
    min-height: 72px;
    padding: 15px;
    text-align: left;
    background: var(--surface-2);
    color: var(--text);
    font-weight: 750;
}
.rscop-ob-mode small { display: block; color: var(--muted); font-weight: 500; margin-top: 4px; }
.rscop-ob-mode:hover:not(:disabled), .rscop-ob-mode.is-active { background: var(--surface-3); border-color: var(--focus); }
.rscop-ob-mode.is-disabled { cursor: not-allowed; opacity: .58; }
.rscop-ob-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.rscop-ob-field-grid label, .rscop-ob-full-field, .rscop-ob-package-footer label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--text);
    font-weight: 700;
}
.rscop-ob-span-2 { grid-column: span 2; }
.rscop-ob input, .rscop-ob select, .rscop-ob textarea {
    width: 100%;
    background: var(--surface-2);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 11px 12px;
    min-height: 46px;
}
.rscop-ob textarea { resize: vertical; }
.rscop-ob input::placeholder, .rscop-ob textarea::placeholder { color: var(--muted); opacity: .9; }
.rscop-ob input:focus, .rscop-ob select:focus, .rscop-ob textarea:focus, .rscop-ob button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--focus) 55%, transparent);
    outline-offset: 2px;
}
.rscop-ob-config-stack { margin: 20px 0; display: grid; gap: 14px; }
.rscop-ob-description, .rscop-ob-help { color: var(--muted); }
.rscop-ob-choice-group {
    margin: 0;
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface-2);
}
.rscop-ob-choice-group legend { padding: 0 8px; font-weight: 800; color: var(--text); }
.rscop-ob-choice { display: flex; gap: 8px; align-items: flex-start; padding: 8px 4px; font-weight: 550; }
.rscop-ob-choice input { width: 20px; min-height: 20px; height: 20px; flex: 0 0 20px; margin-top: 2px; }
.rscop-ob-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 15px; }
.rscop-ob-tag-row { display: flex; flex-wrap: wrap; gap: 8px; }
.rscop-ob-tag { padding: 4px 9px; border: 1px solid var(--success-border); background: var(--success); border-radius: 999px; font-size: .82em; }
.rscop-ob-tag.is-warning { background: var(--warning); border-color: var(--warning-border); }
.rscop-ob-primary, .rscop-ob-secondary {
    padding: 12px 18px;
    font-weight: 800;
    color: #f7fafc;
    background: var(--primary);
    border-color: var(--primary);
}
.rscop-ob-primary:hover, .rscop-ob-secondary:hover { background: var(--primary-hover); transform: translateY(-1px); }
.rscop-ob-primary:disabled { opacity: .55; cursor: wait; transform: none; }
.rscop-ob-secondary { padding: 9px 13px; }
.rscop-ob-builder-message, .rscop-ob-submit-status { margin-top: 14px; border-radius: 9px; }
.rscop-ob-builder-message:not(:empty), .rscop-ob-submit-status:not(:empty) { padding: 13px 15px; border: 1px solid var(--border); }
.rscop-ob-builder-message.is-error, .rscop-ob-submit-status.is-error { background: var(--danger); border-color: var(--danger-border); }
.rscop-ob-builder-message.is-success, .rscop-ob-submit-status.is-success { background: var(--success); border-color: var(--success-border); }
.rscop-ob-submit-status.is-success { display: grid; gap: 5px; }
.rscop-ob-section-label { margin: 25px 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border); font-size: 1.12em; font-weight: 850; }
.rscop-ob-full-field { margin-top: 15px; }
.rscop-ob-address-fields.is-optional { opacity: .78; }
.rscop-ob-acknowledgments { display: grid; gap: 10px; margin-top: 22px; }
.rscop-ob-acknowledgments label { display: flex; align-items: flex-start; gap: 9px; font-weight: 650; }
.rscop-ob-acknowledgments input { width: 20px; height: 20px; min-height: 20px; flex: 0 0 20px; }
.rscop-ob-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.rscop-ob-summary-head, .rscop-ob-total-row { display: flex; justify-content: space-between; gap: 15px; align-items: center; }
.rscop-ob-summary-head { padding-bottom: 14px; border-bottom: 1px solid var(--border); }
.rscop-ob-summary-head h3 { margin-bottom: 0; }
.rscop-ob-count { color: var(--muted); }
.rscop-ob-cart { display: grid; gap: 10px; margin: 15px 0; }
.rscop-ob-empty-cart { color: var(--muted); margin: 0; }
.rscop-ob-cart-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.rscop-ob-cart-row > div { display: grid; gap: 4px; }
.rscop-ob-cart-row span { color: var(--muted); font-size: .88em; overflow-wrap: anywhere; }
.rscop-ob-cart-row > div:last-child { justify-items: end; }
.rscop-ob-remove { background: transparent; color: var(--muted); padding: 4px 8px; font-size: .82em; }
.rscop-ob-remove:hover { color: var(--text); border-color: var(--danger-border); }
.rscop-ob-total-row { padding-top: 12px; font-size: 1.12em; }
.rscop-ob-total-note { color: var(--muted); font-size: .82em; margin: 10px 0 16px; }
.rscop-ob-summary .rscop-ob-primary { width: 100%; }
.rscop-ob-package-top { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 16px; margin: 18px 0; }
.rscop-ob-package-top img, .rscop-ob-special-card img { width: 100%; height: 110px; object-fit: cover; border-radius: 10px; border: 1px solid var(--border); }
.rscop-ob-package-groups { display: grid; gap: 14px; }
.rscop-ob-package-option { padding: 4px 0; }
.rscop-ob-option-cooking { margin: 8px 0 10px 26px; display: grid; gap: 9px; }
.rscop-ob-package-footer { display: flex; justify-content: space-between; gap: 16px; align-items: end; margin-top: 18px; }
.rscop-ob-package-footer label { max-width: 150px; }
.rscop-ob-special-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.rscop-ob-special-card { background: var(--surface-2); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.rscop-ob-special-body { padding: 15px; display: grid; gap: 8px; }
.rscop-ob-special-body h4, .rscop-ob-special-body p { margin-bottom: 0; }
.rscop-ob-special-badge { justify-self: start; background: var(--warning); border: 1px solid var(--warning-border); border-radius: 999px; padding: 3px 8px; font-size: .78em; font-weight: 800; }
.rscop-ob-special-selected { margin: 18px 0 8px; padding: 14px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 10px; }
.rscop-ob-empty-catalog { text-align: center; padding: 50px 25px; }
[hidden] { display: none !important; }
@media (max-width: 980px) {
    .rscop-ob-layout { grid-template-columns: 1fr; }
    .rscop-ob-summary { position: static; }
}
@media (max-width: 700px) {
    .rscop-ob { padding: 14px; border-radius: 12px; font-size: 16px; }
    .rscop-ob-toolbar { justify-content: stretch; flex-wrap: wrap; }
    .rscop-ob-toolbar select { width: 100%; }
    .rscop-ob-mode-grid, .rscop-ob-field-grid, .rscop-ob-choice-grid, .rscop-ob-special-list { grid-template-columns: 1fr; }
    .rscop-ob-span-2 { grid-column: auto; }
    .rscop-ob-package-top { grid-template-columns: 1fr; }
    .rscop-ob-package-footer { align-items: stretch; flex-direction: column; }
    .rscop-ob-package-footer label { max-width: none; }
    .rscop-ob-cart-row { grid-template-columns: 1fr; }
    .rscop-ob-cart-row > div:last-child { justify-items: start; grid-template-columns: auto auto; align-items: center; }
}

/* Complete platform: customer access, saved profile, and reorder */
.rscop-ob-access{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.rscop-ob-access>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rscop-ob-access>div:first-child{display:grid;gap:3px}.rscop-ob-access span{color:var(--muted)}.rscop-ob-secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text)!important;text-decoration:none}.rscop-ob-guest-label{font-size:14px}.rscop-ob-mode-link{text-decoration:none!important}.rscop-ob-saved-address{max-width:100%}@media(max-width:700px){.rscop-ob-access{align-items:flex-start;flex-direction:column}}

.rscop-ob-verified-label{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--success-border);border-radius:999px;background:var(--success);color:var(--text);font-size:.84em;font-weight:800}

/* v1.0.13 — front-end dark-theme readability and checkbox repair.
   Astra and browser form defaults can override generic label/checkbox styling,
   so these rules intentionally use the complete Right Slot component scope. */
.rscop-ob .rscop-ob-dietary label,
.rscop-ob .rscop-ob-acknowledgments label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    color: var(--text) !important;
    opacity: 1 !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
    cursor: pointer;
}
.rscop-ob .rscop-ob-dietary label {
    padding: 7px 4px;
}
.rscop-ob .rscop-ob-dietary input[type="checkbox"],
.rscop-ob .rscop-ob-acknowledgments input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex: 0 0 20px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 2px solid var(--focus) !important;
    border-radius: 4px !important;
    background: var(--surface-2) !important;
    box-shadow: none !important;
    cursor: pointer;
    position: relative;
}
.rscop-ob .rscop-ob-dietary input[type="checkbox"]:checked,
.rscop-ob .rscop-ob-acknowledgments input[type="checkbox"]:checked {
    background: var(--primary) !important;
    border-color: var(--focus) !important;
}
.rscop-ob .rscop-ob-dietary input[type="checkbox"]:checked::after,
.rscop-ob .rscop-ob-acknowledgments input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.rscop-ob .rscop-ob-dietary input[type="checkbox"]:focus-visible,
.rscop-ob .rscop-ob-acknowledgments input[type="checkbox"]:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--focus) 60%, transparent) !important;
    outline-offset: 3px !important;
}


/* v1.0.14 — Right Slot deep dark-blue Place Your Order page shell.
   The rscop-order-page body class is added only to the canonical ordering page,
   so no other Astra page, post, or administration screen is changed. */
body.rscop-order-page {
    background: #071a2e !important;
}
body.rscop-order-page #page,
body.rscop-order-page .site {
    background-color: #071a2e !important;
}
body.rscop-order-page .site-content,
body.rscop-order-page .site-content .ast-container,
body.rscop-order-page .site-content .content-area,
body.rscop-order-page .site-content .site-main,
body.rscop-order-page .site-content article,
body.rscop-order-page .site-content .entry-content {
    background-color: transparent !important;
}
body.rscop-order-page .site-content {
    background: linear-gradient(180deg, #0b213b 0%, #071a2e 48%, #061522 100%) !important;
}
body.rscop-order-page .site-content > .ast-container {
    padding-top: clamp(18px, 3vw, 34px);
    padding-bottom: clamp(34px, 5vw, 70px);
}
body.rscop-order-page .site-footer,
body.rscop-order-page footer#colophon,
body.rscop-order-page .site-primary-footer-wrap,
body.rscop-order-page .site-below-footer-wrap {
    background: #0b213b !important;
    color: #dce8f2 !important;
    border-color: #28445f !important;
}
body.rscop-order-page .site-footer a,
body.rscop-order-page footer#colophon a,
body.rscop-order-page .site-primary-footer-wrap a,
body.rscop-order-page .site-below-footer-wrap a {
    color: #e8f2fa !important;
}
body.rscop-order-page .site-footer a:hover,
body.rscop-order-page footer#colophon a:hover {
    color: #ffffff !important;
}


/* v1.0.15 — Guest Count numeric-value contrast repair.
   Astra/browser validation rules can dim the text inside number inputs even
   when the generic order-builder input color is correct. Keep the typed value
   fully visible in Dark, Normal, and Device appearance modes. */
body.rscop-order-page .rscop-ob input[type="number"],
body.rscop-order-page .rscop-ob input[type="number"]:focus,
body.rscop-order-page .rscop-ob input[type="number"]:active,
body.rscop-order-page .rscop-ob input[type="number"]:valid,
body.rscop-order-page .rscop-ob input[type="number"]:invalid {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
    caret-color: var(--text) !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
    font-weight: 750 !important;
    background-color: var(--surface-2) !important;
}
body.rscop-order-page .rscop-ob input[type="number"]::-webkit-inner-spin-button,
body.rscop-order-page .rscop-ob input[type="number"]::-webkit-outer-spin-button {
    opacity: 1 !important;
}


/* v1.0.16 — consolidated order-page readability, package layout, and capacity review. */
.rscop-ob .rscop-ob-package-top.no-image {
    grid-template-columns: minmax(0, 1fr) !important;
}
.rscop-ob .rscop-ob-package-top.no-image > div {
    width: 100%;
    max-width: none;
    grid-column: 1 / -1;
}
.rscop-ob .rscop-ob-package-top.no-image h4,
.rscop-ob .rscop-ob-package-top.no-image p {
    max-width: none;
}

.rscop-ob .rscop-ob-choice-group .rscop-ob-choice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;
    color: var(--text) !important;
    opacity: 1 !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
    cursor: pointer;
}
.rscop-ob .rscop-ob-choice-group .rscop-ob-choice input[type="checkbox"],
.rscop-ob .rscop-ob-choice-group .rscop-ob-choice input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex: 0 0 20px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 2px solid var(--focus) !important;
    background: var(--surface) !important;
    box-shadow: none !important;
    position: relative;
    cursor: pointer;
    opacity: 1 !important;
}
.rscop-ob .rscop-ob-choice-group .rscop-ob-choice input[type="checkbox"] {
    border-radius: 4px !important;
}
.rscop-ob .rscop-ob-choice-group .rscop-ob-choice input[type="radio"] {
    border-radius: 50% !important;
}
.rscop-ob .rscop-ob-choice-group .rscop-ob-choice input[type="checkbox"]:checked,
.rscop-ob .rscop-ob-choice-group .rscop-ob-choice input[type="radio"]:checked {
    background: var(--primary) !important;
    border-color: var(--focus) !important;
}
.rscop-ob .rscop-ob-choice-group .rscop-ob-choice input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.rscop-ob .rscop-ob-choice-group .rscop-ob-choice input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: #ffffff;
}
.rscop-ob .rscop-ob-choice-group .rscop-ob-choice input:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--focus) 60%, transparent) !important;
    outline-offset: 3px !important;
}

.rscop-ob[data-theme="dark"] input[name="guest_count"],
.rscop-ob[data-theme="dark"] input[name="guest_count"]:focus,
.rscop-ob[data-theme="dark"] input[name="guest_count"]:valid,
.rscop-ob[data-theme="dark"] input[name="guest_count"]:invalid,
.rscop-ob[data-theme="system"] input[name="guest_count"],
.rscop-ob[data-theme="system"] input[name="guest_count"]:focus,
.rscop-ob[data-theme="system"] input[name="guest_count"]:valid,
.rscop-ob[data-theme="system"] input[name="guest_count"]:invalid {
    color: #f4f8fb !important;
    -webkit-text-fill-color: #f4f8fb !important;
    caret-color: #ffffff !important;
    background: #172230 !important;
    opacity: 1 !important;
    font-weight: 800 !important;
}
.rscop-ob[data-theme="normal"] input[name="guest_count"],
.rscop-ob[data-theme="normal"] input[name="guest_count"]:focus,
.rscop-ob[data-theme="normal"] input[name="guest_count"]:valid,
.rscop-ob[data-theme="normal"] input[name="guest_count"]:invalid {
    color: #17212b !important;
    -webkit-text-fill-color: #17212b !important;
    caret-color: #17212b !important;
    background: #edf2f5 !important;
    opacity: 1 !important;
    font-weight: 800 !important;
}
@media (prefers-color-scheme: light) {
    .rscop-ob[data-theme="system"] input[name="guest_count"],
    .rscop-ob[data-theme="system"] input[name="guest_count"]:focus,
    .rscop-ob[data-theme="system"] input[name="guest_count"]:valid,
    .rscop-ob[data-theme="system"] input[name="guest_count"]:invalid {
        color: #17212b !important;
        -webkit-text-fill-color: #17212b !important;
        caret-color: #17212b !important;
        background: #edf2f5 !important;
    }
}

.rscop-ob-cart-capacity-warning {
    display: block;
    margin-top: 6px;
    color: #ffe6a6 !important;
    font-weight: 750;
}
.rscop-ob-capacity-dialog[hidden] { display: none !important; }
.rscop-ob-capacity-dialog {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(2, 10, 19, .78);
}
.rscop-ob-capacity-dialog-card {
    width: min(620px, 100%);
    padding: clamp(22px, 4vw, 34px);
    border: 1px solid var(--warning-border);
    border-radius: 14px;
    background: var(--surface);
    color: var(--text);
    box-shadow: 0 22px 70px rgba(0, 0, 0, .55);
}
.rscop-ob-capacity-dialog-card h3 { margin-bottom: 10px; }
.rscop-ob-capacity-dialog-message { color: var(--text) !important; font-size: 1.05em; }
.rscop-ob-capacity-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}
.rscop-ob-capacity-dialog-actions button { flex: 1 1 230px; }