/* AJEROSA_WEB_R3 - GPS website round 3 (21 Oct 2026 walkthrough). Loaded after styles.css. */

/* ---------- F23: operating company (full name) + welcome card at the top of the menu ---------- */
.r3-company-head{align-items:flex-start}
.brand-home{cursor:pointer;padding:0;font:inherit;font-weight:800}
.brand-home:hover{filter:brightness(1.15);box-shadow:0 0 0 2px rgba(229,183,74,.35)}
.r3-company-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
.r3-company-copy small{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.r3-company-copy strong{font-size:12.5px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;color:#f3f5f7}
.r3-welcome-card{margin:0 0 12px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(229,183,74,.10),rgba(255,255,255,.02));display:grid;gap:6px}
.r3-welcome-top{display:flex;align-items:center;gap:8px}
.r3-welcome-top strong{flex:1;min-width:0;font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.r3-wave{font-size:18px}
.r3-speak{flex:none;width:32px;height:32px;border-radius:10px;border:1px solid rgba(229,183,74,.4);background:rgba(229,183,74,.12);color:var(--gold-bright);cursor:pointer;font-size:15px}
.r3-speak:hover{background:rgba(229,183,74,.25)}
.r3-welcome-when{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.r3-welcome-when b{font-size:16px;color:var(--gold-bright)}
.r3-welcome-when span{font-size:11px;color:var(--muted)}
.r3-welcome-weather{display:flex;align-items:center;gap:6px;font-size:12px;flex-wrap:wrap}
.r3-welcome-weather i{font-style:normal}
.r3-welcome-weather small{color:var(--muted);font-size:10px;width:100%}
/* F26: the role beside Sign out at the top right (opens the account) */
.r3-role-pill{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(229,183,74,.45);background:rgba(229,183,74,.12);color:var(--gold-bright);font-weight:760;font-size:12px;cursor:pointer}
.r3-role-pill:hover{background:rgba(229,183,74,.24)}

/* ---------- item 9: every form fits its window - no sideways scroll ---------- */
.form-card{max-width:calc(100vw - 32px);overflow-x:hidden}
.form-card .dynamic-form{min-width:0}
.form-card .dynamic-form input,.form-card .dynamic-form select,.form-card .dynamic-form textarea{max-width:100%;min-width:0;box-sizing:border-box}
.uc-form{max-width:640px}
.uc-form input,.uc-form select,.uc-form textarea{width:100%;box-sizing:border-box}

/* ---------- G20: search boxes a sensible width ---------- */
.r3-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.r3-toolbar input[type="search"],.r3-toolbar input:not([type]){flex:0 1 340px;width:340px;max-width:100%;min-width:200px}

/* ---------- G1 / G2: overview tracker rows - nothing overlaps ---------- */
.r3-status-list{gap:6px}
.r3-status-row{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon copy" "icon chips";column-gap:10px;row-gap:6px;align-items:center;width:100%;padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer}
.r3-status-row:hover{border-color:var(--line-strong)}
.r3-status-row .row-icon{grid-area:icon}
.r3-status-copy{grid-area:copy;display:flex;flex-direction:column;min-width:0}
.r3-status-copy strong{font-size:13px;overflow-wrap:anywhere}
.r3-status-copy small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.r3-status-chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:6px}
.r3-status-chips .status-chip{margin-left:0;min-width:0;font-size:10px;white-space:nowrap}
.status-chip.online{color:#8ce5b9;background:var(--green-soft)}

/* ---------- G5 / G6 / G30 / G33: the app's marker card on every engine ---------- */
.gps-overview-card-popup .leaflet-popup-content{margin:9px 12px 10px 12px;width:auto!important}
.gps-overview-card-popup .leaflet-popup-content-wrapper{border-radius:14px;background:#fff;color:#1c2733}
.gps-overview-card-popup .leaflet-popup-tip{background:#fff}
.gps-compact-card{display:block;box-sizing:border-box;font-size:12px;line-height:1.3;color:#1c2733;width:max-content;max-width:min(380px,86vw)}
.gps-compact-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:3px;margin:0 0 4px}
.gps-compact-card dt{margin:0;opacity:.6;white-space:nowrap}
.gps-compact-card dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.gps-compact-card dd[data-gps-address]{white-space:normal;overflow-wrap:anywhere;width:0;min-width:100%}
.gps-compact-card .gps-card-alert{color:#c62828;font-weight:700}
.gps-compact-card .gps-card-name-row{display:flex;align-items:center;gap:10px;font-weight:700;width:100%}
.gps-card-live-icons{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:none;padding-left:10px}
.gps-gold-button{display:block;width:100%;min-height:38px;margin-top:10px;padding:8px 12px;border:0;border-radius:11px;background:linear-gradient(135deg,#ffd978,#c58d22);color:#17120a;font-weight:800;font-size:13px;cursor:pointer}
.gps-card-icon{display:inline-flex;align-items:center;line-height:1}
.gps-batt{color:#8a939c}
.gps-batt-shell{position:relative;display:inline-flex;box-sizing:border-box;width:30px;height:13px;padding:1px;border:1.4px solid currentColor;border-radius:3px;vertical-align:middle}
.gps-batt-fill{display:block;height:100%;border-radius:1.5px;background:#22a559;transition:width .3s}
.gps-batt.warn .gps-batt-fill{background:#e0b400}
.gps-batt.crit .gps-batt-fill{background:#e5484d}
.gps-batt-cap{display:inline-block;width:2px;height:5px;margin-left:1px;border-radius:0 2px 2px 0;background:currentColor;vertical-align:middle}
.gps-batt-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:7.5px;font-weight:800;color:#1c2733}
.gps-batt.unknown .gps-batt-pct{color:#8a939c}
.gps-sig{align-items:flex-end;gap:2px;height:12px}
.gps-sig-bar{display:inline-block;width:3px;border-radius:1px;background:#c9d0d7}
.gps-sig-bar:nth-child(1){height:4px}.gps-sig-bar:nth-child(2){height:6px}.gps-sig-bar:nth-child(3){height:9px}.gps-sig-bar:nth-child(4){height:12px}
.gps-sig-bar.on{background:#1f9d57}
/* Apple: the card had no background (text floated on the map); Google: the text was faint - both get the solid white card */
.gps-mapkit-callout{position:relative;background:#fff;color:#1c2733;border-radius:14px;box-shadow:0 3px 14px rgba(0,0,0,.4);padding:9px 12px 10px;width:max-content;max-width:92vw;box-sizing:border-box;display:block;margin-bottom:10px}
.gps-mapkit-callout::after{content:'';position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);border:9px solid transparent;border-bottom:0;border-top-color:#fff}
.gps-google-card{display:inline-block;padding:9px 12px 10px;box-sizing:border-box;color:#1c2733;background:#fff}
.gm-style .gm-style-iw-c{background:#fff!important;color:#1c2733!important;border-radius:14px;padding:0!important;max-width:none!important}
.gm-style .gm-style-iw-d{overflow:visible!important;max-height:none!important;color:#1c2733!important}
.gm-style .gm-style-iw-c *{opacity:1}
.gps-mapkit-callout .gps-compact-card,.gps-google-card .gps-compact-card{color:#1c2733}
/* the app's map pin: asset icon + name label, coloured by status */
.gps-leaflet-icon-wrap{background:transparent!important;border:0!important}
.gps-map-pin{min-width:104px;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:11px;background:rgba(5,18,29,.91);border:1px solid rgba(246,199,68,.44);box-shadow:0 8px 20px rgba(0,0,0,.37),0 0 14px rgba(246,199,68,.12);color:#fff;white-space:nowrap}
.gps-map-pin span{color:#f6c744;font-size:15px}
.gps-map-pin b{font-size:11px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.gps-map-pin.moving{border-color:rgba(51,209,122,.75);box-shadow:0 0 15px rgba(51,209,122,.3)}
.gps-map-pin.offline{border-color:rgba(255,77,87,.70)}

/* ---------- G29: the distance card stays on the map ---------- */
.r3-distance-card{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:600;min-width:220px;max-width:min(440px,80%);padding:9px 18px;border-radius:14px;background:rgba(9,20,30,.88);border:1px solid rgba(242,198,65,.5);color:#fff;text-align:center;display:grid;gap:2px;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.r3-distance-card[hidden]{display:none}
.r3-distance-card b{font-size:18px;color:#f2c641}
.r3-distance-card span{font-size:12px}
.r3-distance-card small{font-size:10.5px;color:#c7ced6}

/* ---------- G7-G18: the asset page - one big stage (map OR feature) + the features panel beside it ---------- */
.r3-asset-page{display:grid;gap:12px}
.r3-asset-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px}
.r3-asset-thumb{width:58px;height:58px;border-radius:14px;object-fit:cover;flex:none;border:1px solid var(--line)}
.r3-asset-icon{display:grid;place-items:center;font-size:28px;background:rgba(229,183,74,.08)}
.r3-asset-title{flex:1;min-width:200px}
.r3-asset-title h2{margin:0;font-size:20px;overflow-wrap:anywhere}
.r3-asset-title p{margin:3px 0 0}
.r3-asset-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.r3-asset-status .status-chip{margin-left:0;font-size:11px;padding:7px 11px}
.r3-asset-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
.r3-asset-stage{padding:12px;min-height:calc(100vh - 220px);display:flex;flex-direction:column;gap:10px}
.r3-stage-map{position:relative;flex:1 1 auto;min-height:max(560px,calc(100vh - 270px));border-radius:14px;overflow:hidden}
.r3-asset-side{padding:14px;position:sticky;top:12px}
.r3-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.r3-feature-grid button{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#e8ecf0;text-align:left;cursor:pointer;font-size:12.5px;line-height:1.2}
.r3-feature-grid button i{font-style:normal;color:var(--gold-bright);width:18px;text-align:center;flex:none}
.r3-feature-grid button:hover{border-color:var(--line-strong);background:var(--gold-soft)}
.r3-feature-grid button.active{border-color:rgba(229,183,74,.6);background:linear-gradient(90deg,rgba(229,183,74,.22),rgba(229,183,74,.06));color:var(--gold-bright)}
.r3-side-facts{display:grid;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.r3-side-facts div{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.r3-side-facts span{color:var(--muted)}
.r3-side-facts strong{text-align:right;overflow-wrap:anywhere}
.r3-side-note{margin-top:12px;font-size:12px}
.r3-stage-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.r3-stage-head h3{margin:0;text-align:center}
.r3-feature-body{display:grid;gap:12px;align-content:start}
.r3-feature-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.r3-feature-heading span{color:var(--gold);font-size:11px;font-weight:760;letter-spacing:.14em}
.r3-feature-heading h3{margin:2px 0 0}
.r3-feature-heading label{display:grid;gap:4px;font-size:12px}
.r3-inline-fields{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.r3-inline-fields label{display:grid;gap:4px;font-size:12px;min-width:200px}
.r3-inline-summary{display:flex;gap:12px;flex-wrap:wrap}
.r3-inline-summary span{display:grid;gap:2px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:12px;color:var(--muted)}
.r3-inline-summary b{font-size:18px;color:#f3f5f7}
.r3-mileage-axis small{color:var(--muted);font-size:11px}
.r3-mileage-chart{height:220px}
.r3-hour-value{display:grid;gap:4px;padding:16px;border-radius:14px;background:rgba(229,183,74,.08);border:1px solid rgba(229,183,74,.25)}
.r3-hour-value strong{font-size:28px;color:var(--gold-bright)}
.r3-operator-card{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.r3-operator-card h3{margin:2px 0}.r3-operator-card p{margin:0;color:var(--muted);font-size:12px}
.r3-operator-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold-bright);font-size:22px}
.r3-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.r3-media-card{display:grid;gap:10px;align-content:start}
.r3-media-stage{display:grid;place-items:center;gap:6px;min-height:200px;padding:16px;border-radius:14px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.06),rgba(0,0,0,.25));border:1px solid var(--line);text-align:center}
.r3-media-stage span{color:var(--gold);font-weight:800;letter-spacing:.12em}
.r3-media-stage small{color:var(--muted)}
.r3-media-card .button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.6)}
.r3-sub{margin:10px 0 4px;font-size:14px}
.r3-command-history{display:grid;gap:8px}
.r3-command-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.r3-command-row small{display:block;color:var(--muted);font-size:11px}
.r3-command-row p{grid-column:1/-1;margin:0;font-size:12.5px;overflow-wrap:anywhere}
.r3-command-row .status-chip{margin-left:0}
.r3-telemetry{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.r3-telemetry .telemetry-row{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.03);font-size:12px}
.r3-telemetry .telemetry-row span{color:var(--muted)}
.r3-telemetry .telemetry-row strong{text-align:right;overflow-wrap:anywhere}
.r3-photo-block{display:grid;gap:10px}
.r3-detail-actions{display:flex;flex-wrap:wrap;gap:8px}
.r3-location-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12.5px;color:#dfe5ea}
/* G17: fence like the app */
.r3-fence{display:grid;gap:10px}
.r3-fence-address{padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:13px}
.r3-fence-map{min-height:max(460px,calc(100vh - 470px))}
.r3-fence-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.r3-fence-fields label{display:grid;gap:4px;font-size:12px;min-width:0}
.r3-fence-fields input{width:100%;box-sizing:border-box;min-width:0}
.r3-fence-fields .wide{grid-column:1/-1}
.r3-radius{display:flex;align-items:center;gap:8px;font-size:12px}
.r3-radius input[type=range]{flex:1;min-width:120px}
.r3-radius input[type=number]{width:96px}
.r3-radius button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;font-size:16px}
.r3-gold{width:100%}
.geofence-card.active{border-color:rgba(53,196,106,.7)}
/* G18: the replay inside the asset page - big */
.r3-replay-host{flex:1 1 auto}
.wr-big .wr-map{height:max(620px,calc(100vh - 330px))}
/* AJEROSA_WEB_R3_REPLAY_BIG (G18c, owner: the web Replay map must be much bigger than the phone's): the map takes the whole
   width of the asset page and the journey log sits underneath it as cards, so the map is never squeezed beside the log */
.wr-big .wr-body{grid-template-columns:1fr!important}
.wr-big .wr-map{width:100%}
.wr-big .wr-history{max-height:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}

/* ---------- G7: Live Tracking list ---------- */
.r3-live-list{display:grid;gap:8px}
.r3-live-row{display:grid;grid-template-columns:52px minmax(180px,1.4fr) repeat(3,minmax(110px,1fr)) auto auto;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:14px;border:1px solid var(--line);color:inherit;text-align:left;cursor:pointer}
.r3-live-row:hover{border-color:var(--line-strong);background:var(--gold-soft)}
.r3-live-thumb{width:52px;height:52px;border-radius:12px;object-fit:cover}
.r3-live-name{display:flex;flex-direction:column;min-width:0}
.r3-live-name strong{overflow-wrap:anywhere}
.r3-live-name small,.r3-live-col small{color:var(--muted);font-size:11px}
.r3-live-col{display:flex;flex-direction:column;min-width:0;font-size:12.5px}
.r3-live-col b{font-weight:650;overflow-wrap:anywhere}
.r3-live-icons{display:inline-flex;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;background:#fff}
.r3-live-go{color:var(--gold-bright);font-weight:760;font-size:12.5px}
@media(max-width:1100px){.r3-live-row{grid-template-columns:52px minmax(0,1fr) auto}.r3-live-col{display:none}}

/* ---------- G23: Playback list ---------- */
.r3-pick-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.r3-pick{display:grid;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);color:inherit;text-align:left;cursor:pointer}
.r3-pick:hover{border-color:var(--line-strong);background:var(--gold-soft)}
.r3-pick span{color:var(--muted);font-size:12px}
.r3-pick b{color:var(--gold-bright);font-size:12.5px}

/* ---------- G22 / G24: day browser (Reports / Daily Sessions) ---------- */
.r3-company-strip{margin-bottom:12px}
.r3-company-strip h4{margin:0 0 10px}
.r3-day-assets{display:grid;gap:10px}
.r3-day-asset{padding:0;overflow:hidden}
.r3-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 16px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.r3-day-head span{display:flex;flex-direction:column}
.r3-day-head small{color:var(--muted);font-size:12px}
.r3-day-head b{color:var(--gold-bright);font-size:18px}
.r3-day-asset.is-unpaired .r3-day-head{cursor:default;opacity:.8}
.r3-day-body{padding:0 16px 16px}
.r3-day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.r3-day-card{display:grid;gap:4px;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:12.5px}
.r3-day-card b{color:var(--gold-bright);font-size:13px;margin-bottom:2px}
.r3-day-card span{display:flex;justify-content:space-between;gap:8px}
.r3-day-card i{font-style:normal;color:var(--muted)}
.r3-day-pager{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;font-size:12.5px}
.r3-day-pager label{display:flex;gap:6px;align-items:center}

/* ---------- G3: the app's asset card with its photo ---------- */
.r3-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.r3-card-photo{width:96px;height:72px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}
.r3-card-top .status-chip{margin-left:0;max-width:60%;white-space:normal;text-align:right}

/* ---------- item 21: diagnostics ---------- */
.r3-diag-grid,.r3-diag-list{display:grid;gap:6px}
.r3-diag-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.03);font-size:12.5px}
.r3-diag-row span{color:var(--muted)}
.r3-diag-row strong{font-weight:600;overflow-wrap:anywhere}
.r3-diag-row strong.bad{color:#ff9a9a}

@media(max-width:1100px){.r3-asset-body{grid-template-columns:1fr}.r3-asset-side{position:static}.r3-feature-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}

/* inputs on the round-3 screens look like the rest of the website */
.r3-fence-fields input,.r3-fence-fields select,.r3-inline-fields input,.r3-inline-fields select,.r3-feature-heading select,.r3-toolbar input,.r3-toolbar select,.r3-day-pager select,.uc-form input,.uc-form select,.uc-form textarea{min-height:38px;padding:8px 11px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#f4f6f8;font-size:13.5px;box-sizing:border-box}
.r3-fence-fields input[type=range]{padding:0;border:0;background:none;min-height:0}
.r3-radius input[type=number]{min-height:34px}
.asset-command-grid button b{display:block;font-size:14px}
.asset-command-grid button small{display:block;margin-top:4px;color:var(--muted);font-size:11.5px}
.r3-feature-body .asset-feature-metrics{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.r3-feature-body .asset-feature-metrics strong{display:block;font-size:13.5px;line-height:1.3;overflow-wrap:anywhere;margin-top:2px}
.r3-inline-fields[hidden],.r3-distance-card[hidden],.r3-asset-page [hidden]{display:none!important}
.r3-mileage-chart{align-items:stretch}
.r3-mileage-chart .mileage-column{height:100%;justify-content:flex-start}
.r3-mileage-chart .mileage-column i{width:56%;max-width:46px;min-height:2px}
/* G25b: Geofences page - the app's big map with its buttons beside the fields */
.geofence-builder{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.r3-gf-mapcol{display:grid;gap:8px}
.r3-gf-stage{min-height:max(520px,calc(100vh - 330px))}
@media(max-width:1100px){.geofence-builder{grid-template-columns:1fr}}
.geofence-fields{min-width:0}
.geofence-fields label{display:grid;gap:4px;min-width:0}
.geofence-coords{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.geofence-fields input:not([type=checkbox]):not([type=range]){width:100%;box-sizing:border-box;min-width:0}
.geofence-fields .fence-chip{border-radius:999px!important;display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;padding:6px 12px!important}
/* the menu scrolls inside the sidebar now that the welcome card sits above it (every item stays reachable on smaller screens) */
.sidebar .side-nav{flex:1 1 auto}
.topbar-actions .button,.topbar-actions .r3-role-pill{white-space:nowrap}
@media(min-width:901px){.topbar{grid-template-columns:minmax(170px,.7fr) minmax(160px,1fr) auto}}
@media(max-width:1360px){#changePasswordButton{display:none}} /* Change password is also on the account page (the role pill) */

/* AJEROSA_WEB_R3_DIAG2: plain-English Diagnostics - manual checklist, bug tracker, full report */
.diag-manual,.diag-bug,.diag-newbug{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:8px 0;background:rgba(255,255,255,.02)}
.diag-manual summary,.diag-bug summary,.diag-newbug summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.diag-manual ol{margin:8px 0 4px 18px;padding:0}
.diag-manual p,.diag-bug p{margin:6px 0}
.diag-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;align-items:end;margin-top:8px}
.diag-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:0}
.diag-form label.wide{grid-column:span 2}
.diag-form input,.diag-form select{width:100%;min-width:0}
.diag-msg{grid-column:1/-1;font-size:12px;color:#ff8a80;min-height:1em}
.diag-msg.ok{color:#7ddc9f}
.diag-report{white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.45;max-height:60vh;overflow:auto;background:rgba(0,0,0,.25);padding:12px;border-radius:10px}
@media (max-width:720px){.diag-form label.wide{grid-column:auto}}
#r3Diag2 .panel{margin-top:14px}