/* 依頼書2026-09-19「ログイン前後にLPと同じデザインのフッターを新設」。
   色・余白はLP(docs/handover/backup-2026-09-05-完成版-本番トップページ全文.html
   1459行目)の実測値をそのまま採用。*/
.app-footer{background:#1B2430;color:#E4E9EF;padding:52px 24px 32px;font-size:.875rem;line-height:1.75}
.app-footer-inner{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between}
.app-footer-col{min-width:170px}
.app-footer-brand-col{min-width:260px}
.app-footer-brand{font-weight:800;font-size:1.0625rem;color:#FFFFFF}
.app-footer-tagline{margin-top:6px;color:#A9B6C6}
.app-footer-heading{font-weight:700;color:#FFFFFF;margin-bottom:6px}
.app-footer-col a{color:#E4E9EF}
.app-footer-copyright{max-width:1000px;margin:30px auto 0;padding-top:18px;border-top:1px solid #2E3846;color:#8494A6}
@media(max-width:480px){.app-footer{padding:36px 20px 24px}.app-footer-inner{gap:24px}}

/* ページシェル（PageShell 仕様書 v1.1・2026-09-30）。フッターの縦位置と、本文からフッターまでの余白は、ここだけが持つ。
   ページごとに margin-bottom・min-height・spacer・calc(100vh - …) で合わせない（フッターの高さは可変）。
   fixed／absolute にしない。ビューポートの床は .page-shell 自身の min-height（100vh → 100dvh）だけ。
   root（html・body）の height／overflow は触らない。フッターを置くのは、ログイン前（client-v2/auth.html）とアプリ（index.html）だけ。 */
:root{--page-footer-gap:64px}
@media(max-width:767px){:root{--page-footer-gap:48px}}
.page-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
.site-main{width:100%;min-width:0;margin-block:0;padding-block-end:var(--page-footer-gap)}
/* 縦方向の margin:auto（client-v2/style.css の main）は、Grid の行の中で本文を縦中央に浮かせる。横方向の auto（左右中央）だけ残す。 */
.site-footer{width:100%}
/* 本文の最後の要素の下 margin は、共通の下余白（--page-footer-gap）と足し算にしない（例: .pay-panel の margin-bottom:24px）。 */
.site-main>:last-child{margin-block-end:0}
/* ログイン前：.authwrap は自分で min-height:100vh を持っていた（運営コンソールも同じ画面部品を使うので、部品は変えない）。
   ページシェルの中では、床をシェルに任せて、背景の色だけを本文の行いっぱいに広げる。 */
.page-shell .authwrap{min-height:0}
.site-main-auth{background:#F2F4F7}