/* Bus sun side (F553) — manual route + bus parameters form (pages/bus_sun_side_manual.php). Mobile 360 first. */
.bsm{margin:16px 0}
.bsm *{box-sizing:border-box}
.bsm-box{border:1px solid var(--bss-line);border-radius:var(--n8-r-sm,12px);background:var(--bss-surf);padding:0 12px}
.bsm-box>summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;gap:8px}
.bsm-box>summary::-webkit-details-marker{display:none}
.bsm-box>summary::after{content:"▾";margin-inline-start:auto;font-size:16px;color:var(--bss-mut);transition:transform .15s}
.bsm-box[open]>summary::after{transform:rotate(180deg)}
.bsm-box>summary h2{margin:0;font-size:17px}
.bsm-lead{font-size:14px;color:var(--bss-mut);margin:0 0 10px}
.bsm-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding-bottom:12px}
.bsm-ta{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}
.bsm-ta label,.bsm-f{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--bss-mut);min-width:0}
.bsm input[type=search],.bsm input[type=number],.bsm input[type=datetime-local],.bsm select{width:100%;min-width:0;font:inherit;font-size:16px;color:var(--bss-ink);
  background:var(--bss-surf2);border:1px solid var(--bss-line);border-radius:10px;padding:8px 10px;min-height:44px}
.bsm-sug{position:absolute;inset-inline:0;top:100%;z-index:30;margin:2px 0 0;padding:4px 0;list-style:none;max-height:300px;overflow:auto;
  background:var(--bss-surf);border:1px solid var(--bss-line);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.14)}
.bsm-sug li{padding:9px 12px;min-height:44px;cursor:pointer;font-size:15px;color:var(--bss-ink);display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}
.bsm-sug li small{font-size:14px;color:var(--bss-mut)}
.bsm-sug li[aria-selected=true],.bsm-sug li:hover{background:var(--bss-surf2)}
.bsm-sug li.bsm-none{cursor:default;color:var(--bss-mut)}
.bsm-routes{font-size:14px;background:var(--bss-surf2);border-radius:10px;padding:8px 10px}
.bsm-routes p{margin:0 0 6px;color:var(--bss-mut)}
.bsm-routes ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bsm-routes a{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:4px 12px;border-radius:22px;background:var(--bss-surf);
  border:1px solid var(--bss-line);color:var(--bss-ink);text-decoration:none;font-size:14px;max-width:100%;overflow-wrap:anywhere}
.bsm-bus{border:1px dashed var(--bss-line);border-radius:10px;padding:0 10px}
.bsm-bus>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;font-size:15px}
.bsm-hint{font-size:14px;color:var(--bss-mut);margin:0 0 8px}
.bsm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-bottom:10px}
.bsm-grid .bsm-f:first-child{grid-column:1/-1}
.bsm-chk{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;color:var(--bss-ink);cursor:pointer}
.bsm-chk input{width:22px;height:22px;margin:0}
.bsm-err{margin:0;color:#B3261E;font-size:14px}
.bsm-go{min-height:48px;border:0;border-radius:10px;font-weight:600;font-size:16px;background:var(--bss-pri);color:var(--bss-pri-fg);padding:0 18px;cursor:pointer}
@media (min-width:768px){
  .bsm-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bsm-form>.bsm-ta:first-child,.bsm-form>.bsm-routes,.bsm-bus,.bsm-err{grid-column:1/-1}
  .bsm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bsm-go{justify-self:start;min-width:200px}
}