/* My gear: a view inside the You sheet, built from the Safety & learning cards (src/safety.css). */
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet[data-gear-view] > :not(#gearView) { display:none!important; }
.vertex-v3 #app .gear-chips { display:flex; flex-wrap:wrap; gap:6px; }
.vertex-v3 #app .gear-view .gear-chips { margin:-2px 0 0; }
.vertex-v3 #app#app#app#app button.gear-chip { height:34px; padding:0 13px; border:1px solid #ffffff26; border-radius:17px; background:none; color:#cfd4dc; font:500 13.5px system-ui; cursor:pointer; }
.vertex-v3 #app#app#app#app button.gear-chip.on { background:#eef1f5; border-color:#eef1f5; color:#16181c; }
.vertex-v3 #app .gear-list { display:flex; flex-direction:column; padding:2px 14px; }
.vertex-v3 #app .gear-view button.gear-row { display:flex; align-items:center; gap:12px; width:100%; min-height:58px; padding:6px 0; border-top:1px solid #ffffff10; text-align:left; }
.vertex-v3 #app .gear-view button.gear-row:first-child { border-top:0; }
.vertex-v3 #app .gear-icon { flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:#3a3f48; color:#f1f3f5; }
.vertex-v3 #app .gear-icon svg,.vertex-v3 #app .gear-hero svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.vertex-v3 #app .gear-icon svg { width:19px; height:19px; }
.vertex-v3 #app .gear-copy { flex:1 1 auto; min-width:0; }
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet .gear-copy b { display:block; font:600 15px/1.25 system-ui!important; color:#f1f3f5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet .gear-copy small { display:block; margin-top:2px; font-size:12.5px!important; line-height:1.3; color:#8d96a2!important; }
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet .gear-copy small.gear-due { color:#f8b864!important; }
.vertex-v3 #app .gear-row > i { font-style:normal; font-size:20px; color:#6f7882; }
.vertex-v3 #app .gear-retired { opacity:.6; }
.vertex-v3 #app .gear-hero { display:grid; place-items:center; height:clamp(96px,18dvh,150px); border-radius:16px; background:linear-gradient(135deg,#2a3a52,#2a2e35); color:#93c5fd; }
.vertex-v3 #app .gear-hero svg { width:64px; height:64px; stroke-width:1.4; }
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet .gear-facts { margin:-2px 2px 0; color:#9aa3ad!important; font-size:13.5px!important; }
.vertex-v3 #app .gear-stats { display:flex; gap:8px; }
.vertex-v3 #app .gear-stats span { flex:1 1 0; min-width:0; padding:10px 12px; border-radius:14px; background:#2a2e35; }
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet .gear-stats b { display:block; font:700 17px/1.2 system-ui!important; color:#f1f3f5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet .gear-stats small { font-size:12px!important; color:#8d96a2!important; }
.vertex-v3 #app .gear-service { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; }
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet .gear-service small { color:#9aa3ad!important; font-size:13px!important; }
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet .gear-service b { font:600 14px system-ui!important; color:#f1f3f5; }
.vertex-v3 #app .gear-reminder { padding:12px 14px; border-radius:14px; background:#3a2a16; color:#f8d6a6; font-size:13.5px; line-height:1.4; }
.vertex-v3 #app#app#app#app#app#app#app#app #youSheet .gear-note { margin:0 4px; color:#cfd4dc!important; font-size:14px!important; white-space:pre-wrap; overflow-wrap:anywhere; }
.vertex-v3 #app .gear-field { display:flex; flex-direction:column; gap:4px; min-width:0; }
.vertex-v3 #app .gear-field > span { margin-left:4px; color:#8d96a2; font:650 12px system-ui; letter-spacing:.06em; }
.vertex-v3 #app .gear-field :is(input,textarea) { width:100%; box-sizing:border-box; min-height:46px; padding:10px 14px; border:1px solid #ffffff1f; border-radius:12px; background:#2a2e35; color:#eef1f5; font:400 16px/1.35 system-ui; color-scheme:dark; resize:vertical; }
.vertex-v3 #app .gear-field :is(input,textarea):focus { outline:none; border-color:#3b82f6; }
.vertex-v3 #app .gear-field input::placeholder,.vertex-v3 #app .gear-field textarea::placeholder { color:#6f7882; }
.vertex-v3 #app .gear-pair { display:flex; gap:10px; }
.vertex-v3 #app .gear-pair > .gear-field { flex:1 1 0; }
.vertex-v3 #app .gear-view button.gear-delete { align-self:center; min-height:40px; color:#ff7b72; font:600 14px system-ui; }
/* The Safety check names the user's own gear under its line. */
.vertex-v3 #app .safety-mine { display:block; margin-top:1px; font-style:normal; color:#93c5fd; font-size:12.5px; }
/* Skis, boots and skins: a Ski log day, and the card over the recording bar. */
.vertex-v3 #app .gear-pick-row { display:flex; flex-direction:column; gap:7px; }
.vertex-v3 #app .gear-pick-row > small { color:#9aa3ad; font:650 12px system-ui; letter-spacing:.08em; }
.vertex-v3 #app .activity-gear { display:flex; flex-direction:column; gap:12px; margin:0 0 14px; padding:12px 14px; border-radius:16px; background:#2a2e35; }
.vertex-v3 #app .activity-gear[hidden] { display:none; }
.vertex-v3 #app#app#app#app#app#app #activeSession .gear-pick-card:not([hidden]) { position:absolute; left:0; right:0; bottom:calc(100% + 8px); z-index:2; display:flex; flex-direction:column; gap:12px; max-height:min(52dvh,420px); overflow:auto; padding:14px 16px; border-radius:22px; background:var(--ui-surface,#1e2126); box-shadow:0 10px 34px #0007; }
.vertex-v3 #app#app#app#app#app#app #activeSession .gear-pick-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.vertex-v3 #app#app#app#app#app#app #activeSession .gear-pick-head b { font:600 15px system-ui; color:#f1f3f5; }
.vertex-v3 #app#app#app#app#app#app #activeSession .gear-pick-head small { font-size:12.5px; color:#8d96a2; }
.vertex-v3 #app#app#app#app#app#app #activeSession .gear-pick-body { display:flex; flex-direction:column; gap:12px; }
.vertex-v3 #app#app#app#app#app#app #activeSession button.gear-pick-done { align-self:stretch; min-height:44px; border:0; border-radius:14px; background:#3b82f6; color:#fff; font:600 15px system-ui; cursor:pointer; }
.vertex-v3 #app#app#app#app#app#app #activeSession #activeGear svg { fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.vertex-v3 #app#app#app#app#app#app #activeSession #activeGear[aria-expanded="true"] { background:#eef1f5!important; color:#16181c!important; }
.vertex-v3 #app#app#app#app#app#app#app #activeSession #activeGear[hidden] { display:none!important; }
@media (max-width:899px) {
  .vertex-v3 #app#app#app#app#app#app #youSheet[data-gear-view] { height:auto!important; max-height:calc(100dvh - var(--corner-clear,0px) - 14px)!important; }
}
/* The phone recording bar clips its own paint; the gear card sits above it while open. */
.vertex-v3 #app#app#app#app#app#app#app #activeSession:has(#activeGearCard:not([hidden])) { contain:layout!important; }
.vertex-v3 #app#app#app#app#app#app#app #activeSession #activeGear[aria-expanded="true"] svg { color:#16181c!important; stroke:#16181c!important; }