.idrive-contextual-help{position:relative;display:inline-flex;align-items:center;margin-inline:.35rem;vertical-align:middle;text-align:start;text-transform:none;letter-spacing:normal}
.idrive-contextual-help .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* SC 1.4.11 Non-text Contrast. The trigger's fill (#f2faf6) is all but
   identical to the white grounds it is drawn on, so its 1px border is the only
   thing that identifies it as a control. #87a99a measured 2.42:1 on #f2faf6 and
   2.57:1 on #ffffff - under the 3:1 floor. #5f8474 measures 3.82:1 on #f2faf6,
   4.17:1 on #ffffff, 3.54:1 on the #102d25 admin hero and 4.05:1 on the #0a2118
   booking shell, so it clears 3:1 on every ground this component appears on.
   The label colour #145b43 (7.59:1 on #f2faf6) is unchanged. */
.idrive-contextual-help__trigger{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;min-width:2.75rem;padding:0;border:1px solid #5f8474;border-radius:50%;color:#145b43;background:#f2faf6;font:700 .78rem/1 system-ui,sans-serif;cursor:pointer}
.idrive-contextual-help__trigger:hover{border-color:#176b4e;background:#e2f4ea}
/* SC 2.4.11/2.4.13 + SC 1.4.11. A single #f4bd4a ring measures 9.83:1 on the
   dark booking shell but only 1.72:1 on white and 1.62:1 on #f2faf6, and this
   component renders on BOTH - the plugin puts it inside the dark booking-shell
   head and inside admin panel heads on white. A two-colour ring fixes that
   without a per-surface override: the inner 2px #0a1a13 band fills the
   outline-offset gap and measures 17.95:1 against a white ground, and the outer
   #f4bd4a band measures 10.45:1 against that inner band and 9.83:1 against the
   dark shell. On every ground at least one band of the indicator clears 3:1. */
.idrive-contextual-help__trigger:focus-visible{outline:3px solid #f4bd4a;outline-offset:2px;box-shadow:0 0 0 2px #0a1a13}
.idrive-contextual-help__panel{position:absolute;z-index:100000;inset-block-start:calc(100% + .5rem);inset-inline-start:0;width:min(21rem,calc(100vw - 2rem));padding:.9rem 1rem;border:1px solid #b8cec4;border-radius:.75rem;color:#213b31;background:#fff;box-shadow:0 14px 38px rgba(14,42,32,.2);font:400 .86rem/1.48 system-ui,sans-serif;text-transform:none;letter-spacing:normal}
.idrive-contextual-help__panel[hidden]{display:none!important}
.idrive-contextual-help__panel strong,.idrive-contextual-help__panel>span{display:block}
.idrive-contextual-help__close{position:absolute;inset-block-start:.3rem;inset-inline-end:.35rem;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:.35rem;color:#536b61;background:transparent;font:700 1.2rem/1 system-ui,sans-serif;cursor:pointer}
.idrive-contextual-help__close:hover{color:#123f30;background:#edf5f1}.idrive-contextual-help__close:focus-visible{outline:3px solid #f4bd4a;outline-offset:1px;box-shadow:0 0 0 1px #0a1a13}
.idrive-contextual-help__panel strong{margin-block-end:.35rem;color:#123f30;font-size:.9rem}
.idrive-contextual-help__panel em{display:inline-block;margin-block-start:.55rem;padding:.18rem .45rem;border-radius:999px;color:#5b430a;background:#fff0bd;font-size:.68rem;font-style:normal;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
/* SC 1.4.3 Contrast (Minimum). The --light modifier was written for a dark
   panel head, but the PHP applies it unconditionally: class-idrive-admin-client
   .php:379 renders it inside .idrive-admin-hero, and assets/admin-control.css
   :140 repaints that hero background:#fff on every control screen. White glyph
   on rgba(0,0,0,.18) over white resolves to about #d1d1d1, i.e. 1.53:1. An
   OPAQUE dark fill removes the dependency on the ground entirely: #fff on
   #0a1a13 is 17.95:1 whatever is behind it, and the #5f8474 border clears 3:1
   on white (4.17:1), on #102d25 (3.54:1) and on #0a2118 (4.05:1). */
.idrive-contextual-help--light .idrive-contextual-help__trigger{border-color:#5f8474;color:#fff;background:#0a1a13}
.idrive-contextual-help--light .idrive-contextual-help__trigger:hover{background:#15332a}
.idrive-contextual-help--right .idrive-contextual-help__panel{inset-inline:auto 0}
@media(max-width:480px){.idrive-contextual-help__panel{position:fixed;inset:auto 1rem 1rem;width:auto;max-height:50vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){.idrive-contextual-help *{scroll-behavior:auto!important;transition:none!important}}
.idrive-booking-help-strip,.idrive-admin-help-strip{display:flex;align-items:center;gap:.3rem;margin:.45rem 0;padding-inline:1rem;color:#52675e;font-size:.76rem;font-weight:650;text-transform:none;letter-spacing:normal}
.idrive-booking-help-strip{color:#e4f0eb}
.idrive-booking-help-strip--advanced{grid-column:1/-1;margin-block:.2rem 0;color:#c8ddd4}
.booking-shell__field>.idrive-contextual-help{position:absolute;inset-block-start:.5rem;inset-inline-end:.35rem;z-index:4;margin:0}
.booking-shell__field>.idrive-contextual-help .idrive-contextual-help__trigger{width:2.75rem;height:2.75rem;min-width:2.75rem;font-size:.72rem}
.idrive-admin-help-strip{justify-content:flex-end;padding:0}
.idrive-admin-help-strip--lead{justify-content:flex-start;margin:0 0 .5rem}
/* Consequence banner. It is static text, deliberately NOT inside the disclosure:
   anything that can publish live, change pricing, open a gate, take a payment or
   delete has to be readable before the reader decides whether to open anything.
   SC 1.4.3: #6b4a00 on #fff8e5 is 7.61:1, and the plain variant's #2f4139 on
   #f4f9f6 is 10.19:1. The trigger keeps its own #5f8474 border, which measures
   3.93:1 on #fff8e5 and 3.91:1 on #f4f9f6, so SC 1.4.11 still holds on both. */
.idrive-help-alert{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin:0 0 1rem;padding:.7rem .85rem;border:1px solid #e0c58a;border-inline-start:4px solid #9a6b00;border-radius:.4rem;color:#6b4a00;background:#fff8e5;font:400 .82rem/1.5 system-ui,sans-serif}
.idrive-help-alert>strong{flex:0 0 auto;padding-block-start:.2rem;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.idrive-help-alert>span{flex:1 1 14rem;min-width:0}
.idrive-help-alert .idrive-contextual-help{margin-inline:0}
.idrive-help-alert--plain{border-color:#cfe0d7;border-inline-start-color:#5f8474;color:#2f4139;background:#f4f9f6}
/* A 'side' meta box is far narrower than the panel, so it opens from the box's
   trailing edge instead of overflowing off the end of the column. */
.postbox .idrive-help-alert .idrive-contextual-help__panel{inset-inline:auto 0;width:min(21rem,calc(100vw - 3rem))}
/* assets/admin-pricing.css sets .idrive-admin-hero{overflow:hidden} and
   assets/admin-control.css:140 restyles that hero without resetting it, so the
   panel opened from the page-level trigger that Admin_Client::render_hero()
   prints inside the <h1> was clipped by the header box on every control screen:
   the disclosure opened, and most of the help was cut off. Those two files are
   owned elsewhere, so this relaxes the clip from the component's own stylesheet
   and only on a hero that actually contains one of these disclosures. The hero's
   own paint no longer relies on the clip - admin-control.css:140 replaces the
   gradient with a flat white background and a 6px radius. */
.idrive-admin-hero:has(> div > h1 > .idrive-contextual-help){overflow:visible}