/* Minimal, theme-friendly styling for gas options + quick add */
.wgp-card{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;margin:14px 0;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.wgp-card__header{font-size:16px;margin-bottom:10px}
.wgp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:560px){.wgp-grid{grid-template-columns:1fr}}
.wgp-field{display:block}
.wgp-field__label{display:block;font-size:13px;margin-bottom:6px;opacity:.85}
.wgp-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.18);background:#fff}
.wgp-alert{border-radius:12px;padding:10px 12px;margin:10px 0;font-weight:600}
.wgp-alert--danger{background:rgba(204,0,0,.08);border:1px solid rgba(204,0,0,.25);color:#b00000}
.wgp-charge{margin-top:12px;border-top:1px solid rgba(0,0,0,.08);padding-top:12px}
.wgp-charge__title{font-weight:700;margin-bottom:8px}
.wgp-charge__rows{display:flex;flex-direction:column;gap:8px}
.wgp-charge__row{display:flex;justify-content:space-between;gap:12px}
.wgp-charge__row--total{padding-top:8px;border-top:1px dashed rgba(0,0,0,.25);font-weight:800}

/* Archive actions */
.wgp-archive-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Modal */
body.wgp-modal-open{overflow:hidden}
.wgp-modal{position:fixed;inset:0;z-index:99999}
.wgp-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.wgp-modal__panel{position:relative;max-width:520px;width:92vw;margin:8vh auto 0;background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.25);padding:16px}
.wgp-modal__close{position:absolute;top:10px;right:12px;border:none;background:transparent;font-size:26px;line-height:1;cursor:pointer}
.wgp-modal__title{font-weight:800;font-size:18px;margin:2px 0 12px 0;padding-right:34px}
.wgp-qa__actions{display:flex;justify-content:flex-end;margin-top:12px}
.wgp-qa__error{margin-top:10px}


/* Quick add toast */
.wgp-toast{position:fixed;right:18px;bottom:18px;z-index:99999;background:#111;color:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:14px;max-width:320px}
.wgp-toast a{color:#fff;text-decoration:underline;font-weight:700}


/* Selected state for option dropdowns */
.wgp-select.wgp-selected{border-color:#1f9d55 !important; box-shadow:0 0 0 2px rgba(31,157,85,.15) !important;}
.wgp-select.wgp-selected{background:linear-gradient(0deg, rgba(31,157,85,.06), rgba(31,157,85,.06)) !important;}
.wgp-field.wgp-selected .wgp-field__label{color:#1f9d55 !important;}