/* (u211) "Save your trips and places" sheet. Built on the app's bottom sheet (.upd-sheet / .upds-card) with theme tokens only,
   so every look (Classic, Clearway, Night Route, Recess, Navy) and both themes follow it. */
.st-card { padding-top: 10px; }
.st-h { margin: 2px 0 6px; font-size: var(--fs-title3); letter-spacing: -.02em; line-height: 1.15; }
:root[data-look='navy'] .st-h { font-family: var(--head); font-weight: 400; font-size: 30px; letter-spacing: 0; }
.st-sub { margin: 0 0 14px; color: var(--muted); font-size: var(--fs-sub); line-height: 1.45; }
.st-list { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 4px; }
.st-list li { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); font-weight: 600; font-size: var(--fs-sub); }
.st-list li .i { flex: none; width: 22px; height: 22px; color: var(--accent); }
.st-acts { display: grid; gap: 6px; margin-top: 14px; }
.st-acts .btn { width: 100%; }
.st-fine { margin: 10px 0 0; text-align: center; color: var(--muted); font-size: var(--fs-foot); }
.st-never { color: var(--muted); font-size: inherit; text-decoration: underline; text-underline-offset: 2px; padding: 6px 4px; margin-left: 4px; }
.st-card .cc-field { margin: 4px 0 0; }
.st-card .cc-open { font-size: var(--fs-sub); }
.st-card .si-input { width: 100%; box-sizing: border-box; min-height: 46px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); color: var(--text); font-size: 16px; }
.st-card .si-label { display: block; margin: 6px 0 4px; font-size: var(--fs-foot); color: var(--muted); font-weight: 600; }
.st-card .btn .button-busy-arc { display: inline-flex; }
@media (prefers-reduced-motion: reduce) { .st-sheet, .st-card { animation-duration: 1ms !important; } }