/* WALKTHROUGH: Scope theme tokens to the plugin mount point to reduce interference with the WordPress theme. */
#share-ride-app{--sr-ink:#12302b;--sr-green:#087f65;--sr-bg:#f4f8f6;color:var(--sr-ink);font:16px/1.6 system-ui,sans-serif}#share-ride-app *{box-sizing:border-box}/* WALKTHROUGH: Constrain and pad the main portal panel. */
.sr-shell{max-width:1160px;margin:auto;background:var(--sr-bg);padding:24px;border-radius:24px}.sr-shell header{background:var(--sr-ink);color:white;padding:38px;border-radius:18px}.sr-shell h1{font-size:clamp(28px,5vw,48px);line-height:1.15;color:inherit;margin:16px 0}.sr-shell h2,.sr-shell h3{color:var(--sr-ink)}.sr-badge{font-size:12px;letter-spacing:.12em;font-weight:700}/* WALKTHROUGH: Wrap navigation buttons on narrow screens. */
.sr-shell nav{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0}.sr-shell button,.sr-btn{background:var(--sr-green);border:0;color:white;border-radius:9px;padding:12px 18px;cursor:pointer;display:inline-block;text-decoration:none;font:inherit;margin:5px 0}.sr-shell button:disabled{opacity:.6;cursor:wait}.sr-shell section{background:white;padding:24px;border-radius:16px;margin:18px 0}/* WALKTHROUGH: Create responsive form/card columns without a fixed device width. */
.sr-grid,.sr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.sr-shell label{display:block;font-size:14px;font-weight:600}/* WALKTHROUGH: Style inputs within the portal; exclude checkboxes from full-width sizing. */
.sr-shell input:not([type=checkbox]),.sr-shell select,.sr-shell textarea{width:100%;padding:12px;border:1px solid #bbcec6;border-radius:8px;background:white;color:var(--sr-ink);font:inherit;margin:6px 0 14px}.sr-shell article{padding:20px;border:1px solid #d9e5df;border-radius:14px;background:#fcfefd}/* WALKTHROUGH: Use distinct status colors for errors and successful actions. */
.sr-error{background:#ffeded;color:#9a2525;padding:12px}.sr-success:not(:empty){background:#e1f5e9;padding:12px}.sr-shell footer{font-size:13px;color:#546a61;padding:20px 0}/* WALKTHROUGH: Reduce padding on small screens. */
@media(max-width:600px){.sr-shell{padding:12px}.sr-shell header{padding:24px}.sr-shell section{padding:16px}}

/* Step: preserve hidden role forms and make standalone blocks readable without a portal instance. */
#share-ride-app [hidden]{display:none!important}.sr-website-block{padding:20px;margin:16px 0;border:1px solid #d9e5df;border-radius:12px}.sr-website-block article{padding:12px 0;border-bottom:1px solid #d9e5df}.sr-website-block .sr-btn{background:#087f65;color:#fff;padding:10px 16px;border-radius:8px;display:inline-block;text-decoration:none}#share-ride-app table{border-collapse:collapse;width:100%}#share-ride-app th,#share-ride-app td{border:1px solid #d9e5df;padding:8px;text-align:left;white-space:nowrap}

/* Step: keep sign-in and registration controls separated on desktop and mobile. */
#share-ride-app .sr-auth-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
#share-ride-app .sr-google{margin:14px 0}