/* Banaune Greetings V18: collapsible visual variations, review and readiness controls */
#greeting-editor .bn18-variations{border:1px solid var(--line,#dee4ec);border-radius:13px;background:var(--surface-alt,#f7f8fa);padding:10px 12px;margin:12px 0}
#greeting-editor .bn18-variations>summary{cursor:pointer;font-size:13px;font-weight:800;color:var(--ink,#1b293a);padding:6px 2px;list-style:revert}
#greeting-editor .bn18-variations p{margin:8px 0 12px;color:var(--ink-2,#69768a);line-height:1.5;font-size:12px}
#greeting-editor .bn18-variation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}
#greeting-editor .bn18-variation-option{min-width:0;display:flex;align-items:stretch;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--line,#dce2eb);border-radius:10px;padding:7px;background:var(--surface,#fff);color:var(--ink,#152238);cursor:pointer;min-height:88px}
#greeting-editor .bn18-variation-option:hover,#greeting-editor .bn18-variation-option:focus-visible{outline:2px solid var(--brand,#2457e6);outline-offset:1px}
#greeting-editor .bn18-variation-option img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--surface-alt,#f3f4f6);border-radius:6px}
#greeting-editor .bn18-variation-option img[hidden]{display:none}
#greeting-editor .bn18-variation-option strong{font-size:12px;line-height:1.3}
#greeting-editor .bn18-variation-option small{font-size:10px;line-height:1.35;color:var(--ink-2,#68768b)}
#greeting-editor .bn18-variation-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
#greeting-editor .bn18-variation-footer button,#greeting-editor .bn18-review-tools button{min-height:39px;background:var(--surface,#fff);border:1px solid var(--line,#dce2eb);border-radius:9px;padding:8px 12px;color:var(--ink,#152238);font-weight:750;cursor:pointer;font-size:12px}
#greeting-editor .bn18-review-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
#greeting-editor .bn18-check-result{border:1px solid var(--line,#dce2eb);border-radius:10px;padding:10px 12px;font-size:12px;margin:0 0 10px;line-height:1.4;background:var(--surface-alt,#f5f7fa);color:var(--ink,#152238)}
#greeting-editor .bn18-check-result[data-status=warning]{border-color:#c69050}
#greeting-editor .bn18-check-result[data-status=ok]{border-color:#65a487}
.bn18-review-backdrop{position:fixed;inset:0;z-index:2147483632;background:rgba(12,20,35,.86);display:flex;align-items:center;justify-content:center;padding:12px;overflow-y:auto}
.bn18-review-panel{background:var(--surface,#fff);color:var(--ink,#152238);border-radius:16px;width:min(650px,100%);max-height:94dvh;padding:13px;display:flex;flex-direction:column;gap:9px;box-shadow:0 18px 62px rgba(0,0,0,.4)}
.bn18-review-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bn18-review-panel>img{width:100%;height:auto;max-height:calc(94dvh - 140px);object-fit:contain;min-height:0;background:var(--surface-alt,#f3f4f7);border-radius:9px}
.bn18-review-panel p{font-size:12px;color:var(--ink-2,#667287);margin:0;line-height:1.4}
@media(max-width:720px){#greeting-editor .bn18-variation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:350px){#greeting-editor .bn18-variation-grid{gap:6px}}