/* Project Help Sonny — Crew Report System */
:root{--help-sonny-navy:#061a33;--help-sonny-green:#123b23;--help-sonny-gold:#f5b301;--help-sonny-cream:#fff8e6}
.help-sonny-fab{position:fixed;right:18px;bottom:18px;z-index:100000;background:var(--help-sonny-gold);color:var(--help-sonny-navy);border:3px solid rgba(6,26,51,.22);border-radius:999px;padding:13px 17px;font-weight:1000;font-family:Inter,Arial,sans-serif;box-shadow:0 10px 28px rgba(0,0,0,.28);cursor:pointer;line-height:1;display:flex;align-items:center;gap:8px}
.help-sonny-fab:hover{transform:translateY(-1px)}
.help-sonny-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:100001;display:none;align-items:center;justify-content:center;padding:16px}
.help-sonny-backdrop.open{display:flex}.help-sonny-modal{background:white;color:var(--help-sonny-navy);border-radius:22px;max-width:560px;width:min(560px,96vw);box-shadow:0 25px 70px rgba(0,0,0,.45);overflow:hidden;font-family:Inter,Arial,sans-serif}.help-sonny-head{background:var(--help-sonny-navy);color:white;padding:16px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:5px solid var(--help-sonny-gold)}.help-sonny-title{font-weight:1000;font-size:1.15rem}.help-sonny-sub{font-size:.82rem;color:var(--help-sonny-gold);font-weight:900}.help-sonny-x{appearance:none;border:0;background:rgba(255,255,255,.12);color:white;font-size:30px;font-weight:1000;width:48px;height:48px;border-radius:14px;line-height:1;cursor:pointer}.help-sonny-body{padding:17px}.help-sonny-body label{display:block;font-weight:1000;margin:12px 0 6px}.help-sonny-body input,.help-sonny-body textarea,.help-sonny-body select{width:100%;padding:12px 13px;border-radius:14px;border:2px solid #e2e8f0;font-family:inherit;font-weight:800}.help-sonny-body textarea{min-height:96px;resize:vertical}.help-sonny-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-sonny-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}.help-sonny-btn{border:0;border-radius:999px;padding:11px 15px;font-weight:1000;cursor:pointer;background:#e2e8f0;color:var(--help-sonny-navy)}.help-sonny-btn.primary{background:var(--help-sonny-gold)}.help-sonny-status{font-weight:900;margin-top:10px}.help-sonny-ok{color:#0f7a37}.help-sonny-err{color:#b91c1c}.help-sonny-muted{font-size:.82rem;color:#64748b;font-weight:800;margin-top:6px}
/* Sonny Issue #001: make Leaflet popup X easier to tap on mobile */
.leaflet-container a.leaflet-popup-close-button{font-size:34px!important;width:48px!important;height:48px!important;line-height:42px!important;right:8px!important;top:8px!important;color:#fff8e6!important;background:rgba(0,0,0,.55)!important;border-radius:14px!important;text-align:center!important;z-index:10000!important;text-shadow:0 2px 5px rgba(0,0,0,.6)!important}.leaflet-popup-close-button:hover{background:#f5b301!important;color:#061a33!important}
@media(max-width:700px){.help-sonny-fab{right:12px;bottom:12px;padding:12px 14px}.help-sonny-fab span.label{display:none}.help-sonny-grid{grid-template-columns:1fr}.help-sonny-modal{max-height:92vh;overflow:auto}.leaflet-container a.leaflet-popup-close-button{font-size:38px!important;width:54px!important;height:54px!important;line-height:48px!important}}