/* Every deeper page (all sheets) in the template look from the mockups:
   round back button + light title, glass lists and cards, chips, and the main action in a bar at the bottom. */

/* header */
.sh2 { align-items: center; gap: 12px; padding-top: 6px; }
.sh2 h2 { font-size: 1.6rem; font-weight: 300; letter-spacing: -.02em; line-height: 1.15; }
.sh2 p { margin-top: 2px; }
.sheet .icon-btn { width: 44px; height: 44px; border-radius: 50%; background: var(--glass); border: 1px solid var(--glass-line); color: var(--ink); font-size: 1rem; flex: none; }
.sheet .icon-btn.sm { width: 32px; height: 32px; font-size: .85rem; }
.sheet .sh h2 .big-ico:empty { display: none; }
.sheet .sh h2 { font-weight: 300; }

/* lists: one glass card, rows split by a hairline */
.hub-rows { background: var(--glass); border: 1px solid var(--glass-line); border-radius: 26px; box-shadow: none; }
.hub-row, .todo-row { padding: 14px 18px; }
.hub-t b { font-weight: 400; }
.sheet .rows, .sheet .glist, .sheet .ideas { gap: 0; }
.sheet .idea, .sheet .rev-item { box-shadow: none; }
.sheet h3.sec, .sheet .eyebrow { font-size: .95rem; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--ink); margin: 18px 0 8px; }
.sheet .card-lite .eyebrow { margin-top: 0; font-size: .82rem; font-weight: 400; color: var(--muted); }

/* forms */
label.f { font-weight: 400; font-size: .82rem; }
label.f input, label.f select, label.f textarea, .addrow input { border-radius: 16px; min-height: 48px; padding: 0 16px; }
label.f textarea { padding: 12px 16px; }
label.check { gap: 10px; }
.sheet .addrow { gap: 8px; }

/* the main action sits in a glass bar at the bottom of the page */
.sheet-body > .sf:last-child, .sheet-body > div > .sf:last-child { position: sticky; bottom: calc(-22px - env(safe-area-inset-bottom, 0px)); z-index: 3; margin: 18px -18px calc(-22px - env(safe-area-inset-bottom, 0px)); padding: 14px 18px calc(18px + env(safe-area-inset-bottom, 0px)); background: var(--sheet); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-top: 1px solid var(--glass-line); }
.sf .btn.primary { flex: 1 1 auto; min-height: 52px; font-size: 1rem; }
.col-btns .btn { min-height: 52px; }
.row-btns .btn.primary:only-child { min-height: 48px; }

/* chips and segments inside pages */
.sheet .seg { margin: 6px 0 12px; }
.sheet .chips { margin: 6px 0 10px; }

/* empty states, notes, busy */
.emptyst h3 { font-weight: 300; font-size: 1.25rem; }
.note { border-radius: 20px; box-shadow: none; }
.busy { border-radius: 22px; }

/* photo viewer */
.lightbox { background: rgba(10, 10, 20, .88); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.lb-x, .lb-nav { border-radius: 50%; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); color: #fff; }

/* social */
.post { padding: 14px; } .post img { border-radius: 20px; }
.fr-row, .ch-card { padding: 14px 16px; }
@media (max-width: 420px) { .hide-xs { display: inline; } }
.seg.wide { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.seg.wide::-webkit-scrollbar { display: none; }
.seg.wide button { flex: 0 0 auto; padding: 8px 14px; font-size: .84rem; }