/* final-0929-AD：見た目と使いやすさだけ（計算・権限・送信は変えない）。管理・スタッフ・予約・レジで共有するので、画面ごとの id で絞る。
   根拠は final-0929-AD/監査.md の番号。色は ui.css の変数を使い、足りないところだけ数値で書く */

/* AD-要17：補足の字（--muted #6b7484）が淡い背景 #eef1f6 の上で 4.16。4.5 を超える濃さへ（色相はそのまま） */
:root{--t-text-muted:#5d6677}

/* ── 管理画面 ── */
/* AD-阻3・AD-要15：予約表の下に移した「これからの予約（一覧）」（#p-inbox → #upcoming1130）。土台の規則（admin.html の #p-inbox …）を同じに効かせる */
#upcoming1130 .ib-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}
#upcoming1130 .ib-tools .seg{display:flex;gap:6px;flex-wrap:wrap}
#upcoming1130 .ib-tools button{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--color-surface-raised);color:var(--ink)}
#upcoming1130 .ib-tools button[aria-pressed="true"]{background:var(--brand);color:var(--color-text-on-action,#fff);border-color:var(--brand);font-weight:700}
#upcoming1130 .ib-tools label{display:flex;align-items:center;gap:8px}
#upcoming1130 .ib-tools select{min-height:48px}
#upcoming1130 .ib-day h3{display:flex;gap:10px;align-items:baseline}
#upcoming1130 .ib-day h3 small{font-weight:400;color:var(--muted)}
#upcoming1130 .ib-row{display:grid;align-items:center;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--color-surface-raised);color:var(--ink);text-align:left;font:inherit;cursor:pointer}
#upcoming1130 .ib-row:hover{background:var(--color-surface-sunken)}
#upcoming1130 .ib-row:focus-visible{outline:3px solid var(--color-focus,#f59e0b);outline-offset:2px}
#upcoming1130 .ib-row .ib-time{font-weight:700;font-variant-numeric:tabular-nums}
#upcoming1130 .ib-row .ib-main{min-width:0}
#upcoming1130 .ib-row .ib-main small{display:block;color:var(--muted)}
#upcoming1130 .ib-row .ib-tag{padding:3px 8px;border-radius:999px;background:var(--color-surface-sunken);color:var(--muted)}
#upcoming1130 .ib-row.is-cancelled .ib-tag{background:var(--color-status-danger-soft);color:var(--color-status-danger-text)}
#upcoming1130 .ib-row.is-hpb .ib-tag{background:var(--color-status-warn-soft);color:var(--color-status-warn-text)}
#upcoming1130 .ib-empty{padding:16px 0;color:var(--muted)}

/* AD-要4：給与の表は枠の中で横にすべらせる（「明細」が切れない）。見出しは 1 字ずつ割らない */
#p-pay table:has(#payRows){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#p-pay table:has(#payRows) th{white-space:nowrap}
#p-pay table:has(#payRows) td:first-child{min-width:5.5em;word-break:keep-all}
#p-pay table:has(#payRows) td{font-variant-numeric:tabular-nums}
/* AD-要5：勤務時間の「20:00」は 20 時間のこと。行と見出しの文字は本番と同じにする決まり（p1619 [L 更新] が見出しの字で列を数える）なので、単位は描くだけ */
#p-pay table:has(#payRows) thead th:nth-child(2)::after{content:"時間:分";display:block;font-size:12px;font-weight:400;color:var(--muted)}

/* AD-要7：左のメニューで絵の無かった「集客」「モデル予約」「ふだんの仕事だけにする」 */
#appView>#tabs button[data-p="ads"]{--tab-icon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2011v2a1%201%200%200%200%201%201h2l5%204V6L6%2010H4a1%201%200%200%200-1%201zM15%209a4%204%200%200%201%200%206M18%206a8%208%200%200%201%200%2012'%2F%3E%3C%2Fsvg%3E")}
#appView>#tabs button[data-p="model"]{--tab-icon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208zM5%2021a7%207%200%200%201%2014%200M17%203l1%202%202%201-2%201-1%202-1-2-2-1%202-1z'%2F%3E%3C%2Fsvg%3E")}
#appView>#tabs button.dailySwitch1408{--tab-icon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2.5'%20y%3D'7'%20width%3D'19'%20height%3D'10'%20rx%3D'5'%2F%3E%3Ccircle%20cx%3D'8'%20cy%3D'12'%20r%3D'2.5'%2F%3E%3C%2Fsvg%3E")}

/* AD-要8・AD-要9：管理画面のチェック・ラジオを押しやすく（13px → 20px）・ラベルは横に並べる */
#appView input[type=checkbox],#appView input[type=radio]{width:20px;height:20px;min-width:20px;flex:0 0 auto;margin:0;accent-color:var(--brand);vertical-align:middle}
#appView label.chk{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;max-width:100%;cursor:pointer}
#hours1135 label.chk{padding:0 4px;white-space:nowrap}

/* AD-磨5：配信予約の一覧の頭の点を消して行を揃える */
#bcQueue1140{list-style:none;padding-left:0}
#bcQueue1140>li{padding:8px 0;border-bottom:1px solid var(--line);line-height:1.8} /* 行の中の並びは変えない（一覧の文は 1 続きで読む＝ui-AE0929 の文の照合） */

/* AD-要13：iPhone のホームの大きなボタンの名前を語の途中で割らない */
@media(max-width:600px){.big0929ac span{overflow-wrap:normal;word-break:keep-all}}

/* ── スタッフ本人の画面（staff.html） ── */
/* AD-要2：上のタブが 2 行に割れない（iPhone） */
@media(max-width:600px){.staffTabs button span{font-size:13px;word-break:keep-all;line-height:1.3}}
/* AD-要3：数字の札の説明を 12px 以上に */
.tcard span{font-size:12px;line-height:1.4}
/* AD-要18：先月との比較の札（緑の字 3.10・金の札の白い字 3.12・10.5px）を読める濃さと大きさに */
.grow .g .diff.up{color:#166534}
.best{font-size:12px;background:#7c6225}

/* ── お客様の予約（index.html） ── */
/* AD-磨1：言語の選択・マイページを 44px に */
#langSel1090{min-height:44px}
#mypageLink1102{min-height:44px!important}
/* AD-磨2・AD-磨3：押せない「前の週」を読める濃さに・キャンセル待ちを 44px に */
#weekPrev1104:disabled{color:var(--muted,#5f6b7d);opacity:.75}
#wlOpen1151{min-height:44px;color:var(--ink)}
/* AD-磨4：LINE の緑は指定色のまま、字を太く */
#lineLoginBtn{font-weight:800}

/* ── レジ（register.html） ── */
/* AD-磨11：上の小さなボタンを 44px・字を濃く */
#backAdmin,#regBtn,#camScanBtn,#dispBtn{min-height:44px;color:var(--ink,#2b2825)}
/* final-0929-AF：2 回目の監査（AF-要4・7・9・11・12） */
@media(max-width:600px){#p-ledger .dnav #dPrev,#p-ledger .dnav #dNext{order:0!important}#p-ledger .dnav #dLabel{flex:1 1 0!important;min-width:0;text-align:center}
  #p-ledger .dnav .vtoggle button[aria-pressed="true"],#p-ledger .dnav .vtoggle button.on{background:#0B7568!important;color:#fff!important;text-decoration:none}}
@media(max-width:420px){.r1572 .tabs button{padding:13px 2px;font-size:12.5px;white-space:nowrap}}
#mdMine1295 input:not([type=checkbox]),#mdMine1295 select{min-height:44px;font-size:16px;box-sizing:border-box}
#p-pay table:has(#payRows) tr>:first-child{position:sticky;left:0;z-index:1;background:var(--panel,#fff)}
#p-pay #payRows small{font-size:12px;line-height:1.4}
/* final-0929-AF 1：給与の % バックの 0 人の枠は、1 行の案内と「契約を開く」だけ（「先に出し方を決めておく」を開くと、くわしく・式・保存も出る） */
#pf0929X [data-pf0929x]:has([data-pfpick0929af]:not([open])) :is([data-pfmore0929af],[data-pfadv],[data-pfsave],[data-pfcheck],[data-pfprev]){display:none}
/* final-0929-AF 2 回目：固定の上の帯（.bar）にスクロールで出した「保存」などが隠れないように */
@media(min-width:601px){html{scroll-padding-top:76px}}