/* 本番用の上書き（モックの style.css の上に重ねる） */
body.app{background:#f5f7fb}
#staffView{padding:0;min-height:100vh}
#staffView .phone{width:100%;max-width:1040px;margin:0 auto;min-height:100vh;border-radius:0;box-shadow:none!important;border:0}
#staffView .phone.pc{margin:24px auto;min-height:auto;border-radius:22px;box-shadow:0 24px 50px -24px rgba(30,41,59,.35)!important}
@media (max-width:1080px){#staffView .phone.pc{margin:0 auto;border-radius:0}}
/* スマホ：下のタブを画面の下に固定 */
#staffView .phone:not(.pc) .tabs{position:fixed;bottom:0;left:0;right:0;z-index:30;padding-bottom:env(safe-area-inset-bottom)}
#staffView .phone:not(.pc) .ph-body{padding-bottom:110px}
#staffView .phone:not(.pc) .modal{position:fixed}
#staffView .phone.pc .modal{position:fixed}
.toadmin{display:inline-block;margin-top:4px;font-size:12px;color:#fff;opacity:.85;text-decoration:none;border:1px solid rgba(255,255,255,.4);border-radius:99px;padding:1px 10px}
.toadmin:hover{opacity:1}
.fixrow{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px dashed #e5e7eb;font-size:14px}
.fixrow:last-child{border-bottom:0}
.fixrow .t{font-weight:800;width:52px;font-variant-numeric:tabular-nums}
.fixrow .ty{flex:1}
.spin{display:inline-block;width:14px;height:14px;border:2px solid #c7d2fe;border-top-color:#4f46e5;border-radius:50%;animation:sp .8s linear infinite;vertical-align:middle}
@keyframes sp{to{transform:rotate(360deg)}}
.gsteps{margin:6px 0 6px;padding-left:22px;line-height:1.9}
.gsteps li{padding-left:2px}
.gsteps b{background:#eef2ff;border-radius:4px;padding:0 3px}
/* 確認画面（モーダル）は下のタブより手前に出す。iPhone の下端（ホームバー）の分も余白を取る */
#staffView .modal{z-index:100}
#staffView .sheet{padding-bottom:calc(26px + env(safe-area-inset-bottom))}