/* The add-pair / add-bike form (gear-add.js) — Settings' own rules for it, scoped, so the activity page shows the
   identical form inside its dialog. Settings keeps its page rules too; these match them value for value. */
.gear-add{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr)}
.gear-add label.stk{display:flex;flex-direction:column;gap:4px}
.gear-add label.stk > span:first-child{font-size:var(--font-caption2);color:var(--ink-secondary)}
.gear-add label.stk > span.upper{font-weight:var(--weight-semibold);letter-spacing:.6px;
  text-transform:uppercase;color:var(--ink-secondary)}
.gear-add .fld{background:var(--chip-unselected);color:var(--ink);font:inherit;font-size:var(--font-subheadline);
  border:1px solid transparent;border-radius:var(--radius-md);min-width:0;box-sizing:border-box}
.gear-add .fld:focus{outline:none;border-color:var(--accent);background:var(--card)}
.gear-add .fld::placeholder{color:var(--ink-tertiary)}
.gear-add label.stk .fld{width:100%;text-align:left;padding:9px var(--space-5)}
.gear-add label.stk > ox-menu{display:flex;width:100%}
.gear-add .unitwrap{display:flex;align-items:center;gap:8px}
.gear-add .unitwrap ox-number{flex:none}
.gear-add .unit{font-size:var(--font-caption);color:var(--ink-tertiary);padding-left:var(--space-2)}
.gear-add .fld2{display:flex;gap:var(--space-5)}
.gear-add .fld2 > label.stk{flex:1;min-width:0}
@media (max-width: 520px){ .gear-add .fld2{flex-direction:column} }
.gear-add .seg{display:flex;flex:0 0 auto;width:auto;min-width:0;align-self:flex-start;
  background:var(--chip-unselected);border-radius:var(--radius-pill);padding:2px}
.gear-add .seg button{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--ink);cursor:pointer;
  border-radius:var(--radius-pill);font:inherit;font-size:var(--font-footnote);font-weight:var(--weight-medium);
  line-height:18px;white-space:nowrap;padding:5px var(--space-5)}
.gear-add .seg.surf button{text-transform:capitalize}
.gear-add .seg button[aria-pressed="true"]{background:var(--seg-thumb);font-weight:var(--weight-semibold)}
.gear-add .ga-default{display:flex;align-items:center;gap:var(--space-5);min-height:31px}
.gear-add .ga-default[hidden],.gear-add .ga-warn[hidden],.gear-add .ga-other[hidden]{display:none}
.gear-add .ga-deflabel{flex:1;min-width:0;font-size:var(--font-subheadline);color:var(--ink)}
.gear-add .ga-warn{margin:0;font-size:var(--font-caption2);color:var(--attention);line-height:1.4}
.gear-add .note{margin:0;font-size:var(--font-caption2);color:var(--ink-tertiary);line-height:1.45}
.gear-add .shoeacts{display:flex;gap:var(--space-5);padding:0;border:none;background:none}
.gear-add .shoeacts button{font:inherit;font-size:var(--font-footnote);font-weight:var(--weight-semibold);
  border:1px solid var(--separator);border-radius:var(--radius-button);min-height:36px;padding:0 12px;
  background:transparent;color:var(--ink-secondary);cursor:pointer;white-space:nowrap}
.gear-add .shoeacts button.go{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
/* In the activity's dialog: the site's `.ox-dialog`, the title above the same form. */
.gear-add-dialog h2{margin:0 0 var(--space-6)}
.gear-add-dialog .gear-add{padding:0;border:0}