.vbo-admin, .vbo-chooser { box-sizing: border-box; background: #171b2a; color: #fff4de; border: 1px solid rgba(214,192,141,.4); border-radius: 16px; padding: clamp(20px,3vw,36px); margin: 24px 0; font: 400 14px/1.65 'Josefin Sans',sans-serif; }
.vbo-admin *, .vbo-chooser * { box-sizing: border-box; }
.vbo-admin { max-width: 1100px; }
.vbo-admin p, .vbo-chooser p { color: inherit; margin: 10px 0 18px; }
.vbo-admin-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.vbo-admin .vbo-eyebrow, .vbo-chooser .vbo-eyebrow { color: #d6c08d; font-size: 10px; letter-spacing: .16em; margin: 0 0 12px; }
.vbo-admin h3, .vbo-chooser h2 { color: #fff4de; font: 400 clamp(27px,4vw,38px)/1.15 'Cormorant Garamond',Georgia,serif; margin: 0 0 16px; }
.vbo-status { border: 1px solid #d6c08d; border-radius: 20px; color: #d6c08d; padding: 4px 12px; white-space: nowrap; font-size: 12px; }
body .vbo-admin form.vbo-settings { display: grid; grid-template-columns: minmax(0,1fr); gap: 22px; margin-top: 28px; }
.vbo-admin .vbo-settings > * { min-width: 0; }
.vbo-admin .vbo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.vbo-admin .vbo-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.vbo-admin .vbo-check { display: flex; align-items: start; gap: 10px; margin: 12px 0; cursor: pointer; }
.vbo-check input { flex: 0 0 18px; width: 18px !important; height: 18px; min-height: 0 !important; margin: 2px 0 0 !important; accent-color: #d6c08d; appearance: auto; -webkit-appearance: auto; }
body .vbo-admin form.vbo-settings fieldset { display: block; min-width: 0; padding: 18px; border: 1px solid rgba(214,192,141,.32); border-radius: 12px; margin: 0; }
body .vbo-admin form.vbo-settings .vbo-product-group { grid-column: auto; }
.vbo-admin legend { color: #d6c08d; font-size: 12px; padding: 0 6px; }
.vbo-admin .vbo-help { color: #c0bdb6; font: 400 12px/1.65 'Josefin Sans',sans-serif; margin: 0; }
.vbo-admin input[type=text], .vbo-admin input[type=search], .vbo-admin input[type=number], .vbo-admin input[type=datetime-local], .vbo-admin select, .vbo-chooser select { background: #090e20; color: #fff4de; -webkit-text-fill-color: #fff4de; border: 1px solid rgba(214,192,141,.45); border-radius: 8px; font: 400 14px/1.4 'Josefin Sans',sans-serif; min-height: 46px; padding: 12px; width: 100%; max-width: 100%; color-scheme: dark; }
.vbo-admin input:focus-visible, .vbo-admin select:focus-visible, .vbo-chooser select:focus-visible, .vbo-admin button:focus-visible, .vbo-chooser button:focus-visible { outline: 2px solid #fff4de; outline-offset: 3px; }
.vbo-products[hidden], .vbo-check[hidden] { display: none !important; }
.vbo-product-options { max-height: 280px; overflow-y: auto; padding: 4px 2px; margin-top: 12px; }
.vbo-admin button.vbo-save, .vbo-chooser button { background: #d6c08d; color: #070d1f; border: 1px solid #d6c08d; border-radius: 9px; min-height: 46px; padding: 12px 22px; font: 600 12px/1.4 'Josefin Sans',sans-serif; letter-spacing: .08em; cursor: pointer; }
.vbo-save { justify-self: start; }
.vbo-chooser button:disabled { opacity: .6; cursor: wait; }
.vbo-saved { padding: 12px; border-left: 3px solid #d6c08d; }
.vbo-chooser:empty { display: none; }
.vbo-chooser { scroll-margin-top: 120px; }
.vbo-gift-form { margin: 0; }
.vbo-gift-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; margin-top: 10px; }
.vbo-feedback { font-size: 12px; min-height: 1em; margin-bottom: 0 !important; }
#velloro-offers-settings select, body .vbo-chooser .vbo-gift-form select { background: #090e20 !important; color: #fff4de !important; -webkit-text-fill-color: #fff4de !important; }
.vbo-gift-quantity { display: inline-block; color: #d6c08d; white-space: normal; font-size: 12px; }
.vbo-mini a, .vbo-product-message { color: #d6c08d; font: 400 13px/1.6 'Josefin Sans',sans-serif; }
.vbo-mini { padding: 12px 0; }
#velloro-announcement-settings { scroll-margin-top: 130px; }
body #velloro-announcement-settings .vbo-announcement-editor { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; width: 100%; min-width: 0; }
body #velloro-announcement-settings #velloro-announcement-text { position: relative; display: block !important; width: 100% !important; max-width: 100%; min-height: 56px; height: auto; padding: 14px; background: #fff4de !important; color: #090e20 !important; -webkit-text-fill-color: #090e20 !important; caret-color: #090e20 !important; border: 1px solid #d6c08d; border-radius: 8px; font: 400 16px/1.6 'Josefin Sans',sans-serif; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; user-select: text !important; -webkit-user-select: text !important; cursor: text; touch-action: manipulation; -webkit-appearance: none; appearance: none; }
body #velloro-announcement-text::placeholder { color: #4e4b43; -webkit-text-fill-color: #4e4b43; opacity: .8; }
#velloro-announcement-text:focus-visible { outline: 2px solid #fff4de; outline-offset: 3px; }
.vbo-admin [hidden] { display: none !important; }
body .vbo-admin form.vbo-operation { display: flex; flex-wrap: wrap; gap: 10px; width: auto; margin: 0; padding: 0; border: 0; }
.vbo-admin .vbo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.vbo-admin a { color: #d6c08d; }
.vbo-admin .vbo-button, .vbo-admin .vbo-operation button { display: inline-flex; align-items: center; justify-content: center; background: #d6c08d; color: #090e20; border: 1px solid #d6c08d; border-radius: 8px; padding: 10px 14px; min-height: 44px; font: 500 13px/1.4 'Josefin Sans',sans-serif; text-decoration: none; cursor: pointer; }
body .vbo-admin a.vbo-button, body .vbo-admin a.vbo-button:hover, body .vbo-admin a.vbo-button:focus-visible { color: #090e20 !important; -webkit-text-fill-color: #090e20 !important; }
body .vbo-admin a:focus-visible { outline: 2px solid #fff4de !important; outline-offset: 3px; }
.vbo-admin .vbo-offer-list { display: grid; gap: 18px; }
.vbo-admin .vbo-offer-card { display: grid; gap: 18px; padding: 20px; border: 1px solid #d6c08d55; border-radius: 10px; }
.vbo-admin h4 { margin: 0; color: #fff4de; font: 500 22px/1.4 Georgia,serif; overflow-wrap: anywhere; }
.vbo-admin .vbo-offer-card p { margin: 6px 0 12px; }
.vbo-admin input[type=date], .vbo-admin input[type=time] { display: block; background: #090e20; color: #fff4de; -webkit-text-fill-color: #fff4de; color-scheme: dark; border: 1px solid #d6c08d77; border-radius: 8px; padding: 12px; min-height: 46px; width: 100%; max-width: 100%; font: inherit; }
.vbo-simple-editor, #velloro-offers-settings { scroll-margin-top: 140px; }
body .vbo-admin details.vbo-advanced { border: 1px solid #d6c08d66; border-radius: 10px; padding: 16px; }
.vbo-advanced summary { cursor: pointer; color: #fff4de; font-weight: 600; min-height: 32px; }
.vbo-advanced summary span { display: block; color: #c0bdb6; font: 400 12px/1.6 'Josefin Sans',sans-serif; margin: 4px 0 0 16px; }
.vbo-advanced .vbo-advanced-body { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; margin-top: 22px; }
.vbo-advanced summary:focus-visible { outline: 2px solid #fff4de; outline-offset: 4px; }
.vbo-admin .vbo-saved-extras { border-left: 3px solid #d6c08d; padding: 10px 14px; background: #d6c08d12; color: #fff4de; font-size: 12px; overflow-wrap: anywhere; }
.vbo-simple-editor .vbo-rule-inputs:has(> [hidden]:only-child) { display: none; }
@media(max-width:760px) {
    .vbo-admin input[type=date], .vbo-admin input[type=time] { font-size: 16px !important; }
    #velloro-announcement-text { font-size: 16px !important; }
    .vbo-admin .vbo-grid, .vbo-gift-actions { grid-template-columns: minmax(0,1fr); }
    .vbo-admin-heading { flex-wrap: wrap; }
    .vbo-admin input[type=text], .vbo-admin input[type=search], .vbo-admin input[type=number], .vbo-admin input[type=datetime-local], .vbo-admin select, .vbo-chooser select { font-size: 16px !important; }
    .vbo-admin .vbo-help { overflow-wrap: anywhere; }
}
