/* ZaxSocial · css/platform.css — [data-platform] adjustments not already in components.css: iOS large titles and
   16 px inputs, Android M3 app bar / sheet radius / dialogs, desktop 64 px bar with left title and two-pane polish.
   Owner: U3. Docs: 02-backbone-frontend-b.md §1.1 row 6; 15-C §11.9 platform table; amendment F8 (no iOS status strip here). */
@media (pointer:coarse){.zs-input,.zs-textarea,.zs-select-native,.zs-search__input{font-size:16px}}
/* iOS */
html[data-platform="ios"] .zs-topbar.has-large{border-bottom-color:transparent}
html[data-platform="ios"] .zs-topbar.has-large.is-scrolled{border-bottom-color:var(--zs-hairline)}
html[data-platform="ios"] .zs-topbar__back{margin-left:-10px;padding-right:6px}
html[data-platform="ios"] .zs-dialog{border-radius:24px}
html[data-platform="ios"] .zs-dialog .zs-sheet__title{text-align:center}
html[data-platform="ios"] .zs-dialog .zs-dialog__text{text-align:center}
/* Android (Material 3) */
html[data-platform="android"] .zs-topbar:not(.zs-topbar--channel){background:var(--zs-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent;transition:background-color var(--zs-dur-base) var(--zs-ease-standard)}
html[data-platform="android"] .zs-topbar.is-scrolled:not(.zs-topbar--channel){background:var(--zs-surface-2)}
html[data-platform="android"] .zs-topbar__row{height:64px;padding:0 4px 0 8px}
html[data-platform="android"] .zs-topbar__title{flex:1;align-items:flex-start;text-align:left;padding-left:8px;font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.01em}
html[data-platform="android"] .zs-topbar__brand{padding-left:8px}
html[data-platform="android"] .zs-overlay .zs-sheet:not(.zs-dialog):not(.zs-popover){border-radius:28px 28px 0 0}
html[data-platform="android"] .zs-dialog{border-radius:28px;padding:24px}
html[data-platform="android"] .zs-dialog .zs-sheet__actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:8px}
html[data-platform="android"] .zs-dialog .zs-sheet__actions .zs-btn{width:auto;height:40px;padding:0 16px;font-size:14.5px}
html[data-platform="android"] .zs-dialog .zs-sheet__actions .zs-btn--secondary{background:none;color:var(--zs-accent-text)}
html[data-platform="android"] .zs-toast{border-radius:12px;padding-right:12px}
html[data-platform="android"] .zs-seg{border-radius:20px}
html[data-platform="android"] .zs-checkrow .zs-check{border-radius:4px}
/* Desktop */
html[data-platform="desktop"] .zs-topbar__row{height:64px;padding:0 20px 0 24px;gap:6px}
html[data-platform="desktop"] .zs-topbar__title{flex:1;align-items:flex-start;text-align:left;font-size:19px;letter-spacing:-.02em}
html[data-platform="desktop"] .zs-topbar__back-a{margin-left:-8px}
html[data-platform="desktop"] .zs-largetitle{display:none}
html[data-platform="desktop"] .zs-topbar.has-large .zs-topbar__row [data-hdr-title]{opacity:1}
html[data-platform="desktop"] .zs-item:not(div):hover{background:var(--zs-overlay-hover)}
html[data-platform="desktop"] .zs-sheet__grabber{display:none}
@media (min-width:1024px){
  html[data-platform="desktop"] .zs-screen--page{max-width:var(--zs-content-max);margin:0 auto}
  .zs-pane--detail .zs-topbar{position:sticky}
}
/* Two-pane: the list pane keeps channel chrome compact */
@media (min-width:768px) and (min-height:560px){
  .zs-pane--list .zs-wa-largetitle,.zs-pane--list .zs-largetitle{font-size:var(--zs-title2-size);line-height:var(--zs-title2-lh)}
}