/* 繁盛飲食店道場タブ（会員ダッシュボード）2026-09-16。歯科採用（labo-dental.css）と同じ型 */
.dj-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.dj-head b{font-size:16px;display:block}
.dj-head span{font-size:12px;color:var(--muted,#6b7a78)}
.dj-demo{display:inline-block;padding:2px 10px;border-radius:999px;background:#fff4e5;color:#8a5a00;font-size:12px;border:1px solid #f1d9b0}
.dj-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line,#e3e6ea);margin:0 0 14px}
.dj-tab{border:0;background:transparent;font:inherit;font-size:13px;padding:8px 12px;color:var(--muted,#6b7a78);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.dj-tab.on{color:var(--accent,#2f6f68);border-bottom-color:var(--accent,#2f6f68);font-weight:600}
.dj-card{border:1px solid var(--line,#e3e6ea);border-radius:var(--r-m,12px);background:var(--surface,#fff);padding:14px;margin:0 0 12px}
.dj-card h3{font-size:14px;margin:0 0 8px}
.dj-card h3~h3{margin-top:16px}
.dj-card h4{font-size:13px;margin:14px 0 6px}
.dj-card p{font-size:13px;line-height:1.7;margin:0 0 8px}
.dj-hint{font-size:12px;color:var(--muted,#6b7a78);line-height:1.6;margin:4px 0 8px}
.dj-ol,.dj-ul{margin:0 0 8px;padding:0 0 0 20px;font-size:13px;line-height:1.8}
.dj-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.dj-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 10px}
.dj-grid label,.dj-grid3 label{display:block;font-size:11px;color:var(--muted,#6b7a78)}
.dj-grid .full,.dj-grid3 .full{grid-column:1 / -1}
.dj input,.dj textarea,.dj select{width:100%;box-sizing:border-box;font:inherit;font-size:13px;padding:7px 9px;border:1px solid var(--line,#e3e6ea);border-radius:8px;background:var(--surface,#fff);margin-top:3px}
.dj textarea{resize:vertical}
.dj input[type=checkbox]{width:auto;margin:0 6px 0 0;vertical-align:middle}
.dj-row{display:flex;gap:8px;align-items:center;margin:0 0 8px}
.dj-row input{margin-top:0}
.dj-row select{width:auto;flex:0 0 auto;margin-top:0}
.dj-row .btn-del{flex:0 0 auto;border:0;background:transparent;color:var(--muted,#6b7a78);font-size:18px;cursor:pointer;padding:0 6px}
.dj-item{border:1px dashed var(--line,#e3e6ea);border-radius:10px;padding:10px;margin:0 0 10px}
.dj-item.done{opacity:.6}
.dj-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 0}
.dj-kpi div{background:var(--accent-soft,#e6f1ef);border-radius:10px;padding:10px}
.dj-kpi b{display:block;font-size:20px;color:var(--accent,#2f6f68);font-variant-numeric:tabular-nums}
.dj-kpi b.na{font-size:14px;color:var(--muted,#6b7a78)}
.dj-kpi span{font-size:11px;color:var(--muted,#6b7a78);display:block;line-height:1.5}
.dj-kpi.four{grid-template-columns:repeat(4,1fr)}
.dj-tip{background:#fff8e6;border:1px solid #f1e2b8;border-radius:10px;padding:10px 12px;margin:10px 0 0;font-size:13px}
.dj-tip b{display:block;margin-bottom:4px}
.dj-tip.ok{background:var(--accent-soft,#e6f1ef);border-color:transparent}
.dj-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.dj-tablewrap{overflow-x:auto}
.dj-table{width:100%;border-collapse:collapse;font-size:12px;min-width:900px}
.dj-table th,.dj-table td{padding:4px 3px;border-bottom:1px solid var(--line,#e3e6ea);text-align:left;vertical-align:top;white-space:nowrap}
.dj-table th{font-weight:600;color:var(--muted,#6b7a78)}
.dj-table input{margin-top:0;font-size:12px;padding:5px 6px;min-width:80px}
.dj-table td.n input{width:90px;text-align:right}
.dj-table td.calc{font-variant-numeric:tabular-nums;color:var(--accent,#2f6f68);font-weight:600;padding-top:9px}
.dj-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.dj-steps>div{background:var(--bg,#f2f4f5);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.6}
.dj-steps b{display:block;font-size:13px;color:var(--accent,#2f6f68);margin-bottom:2px}
/* 週の売上グラフ（棒） */
.dj-chart{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;align-items:end;height:120px;padding:6px 0 0;border-bottom:1px solid var(--line,#e3e6ea)}
.dj-chart div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}
.dj-chart i{display:block;width:70%;max-width:44px;background:var(--accent,#2f6f68);border-radius:6px 6px 0 0;opacity:.75;min-height:2px}
.dj-chart div.now i{opacity:1}
.dj-chart div.na i{background:var(--line,#e3e6ea)}
.dj-chart small{font-size:10px;color:var(--muted,#6b7a78);margin-top:4px;white-space:nowrap}
.dj-chart em{font-style:normal;font-size:10px;color:var(--muted,#6b7a78);margin-bottom:2px;white-space:nowrap}
.dj-chart.days{gap:2px}
.dj-chart.days i{width:100%;max-width:none;border-radius:3px 3px 0 0}
.dj-chart.days small{font-size:9px;min-height:12px}
.dj-chart div.rain i{background:#6b8fb3}
.dj-chart .bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;min-height:0;flex:1 1 0}
.dj-chart .bars i{width:70%;max-width:44px}
.dj-chart.pair .bars i{width:42%;max-width:26px}
.dj-chart .bars i.py{opacity:.3}
.dj-chart div.now .bars i.py{opacity:.3}
.dj-seg{display:inline-flex;border:1px solid var(--line,#e3e6ea);border-radius:999px;overflow:hidden}
.dj-segb{border:0;background:var(--surface,#fff);font:inherit;font-size:13px;padding:7px 14px;cursor:pointer;color:var(--muted,#6b7a78);min-height:36px}
.dj-segb.on{background:var(--accent,#2f6f68);color:#fff;font-weight:700}
.dj-goal{height:8px;background:var(--bg,#f2f4f5);border-radius:999px;overflow:hidden;margin:6px 0 2px}
.dj-goal i{display:block;height:100%;background:var(--accent,#2f6f68);border-radius:999px}
/* 満腹ロード（5段階の道） */
.dj-road{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0 10px;position:relative}
.dj-road::before{content:"";position:absolute;left:10%;right:10%;top:20px;height:3px;background:var(--line,#e3e6ea)}
.dj-stop{position:relative;text-align:center;font-size:11px;color:var(--muted,#6b7a78)}
.dj-stop .mk{width:42px;height:42px;border-radius:999px;margin:0 auto 6px;display:grid;place-items:center;font-weight:700;font-size:12px;border:3px solid var(--line,#e3e6ea);background:var(--surface,#fff);color:var(--muted,#6b7a78)}
.dj-stop.live .mk{border-color:var(--accent,#2f6f68);background:var(--accent,#2f6f68);color:#fff}
.dj-stop.draft .mk{border-color:#c9922a;border-style:dashed;color:#8a5a00}
.dj-stop b{display:block;color:var(--text,#1f2a28);font-size:12px}
.dj-bar{height:8px;background:var(--bg,#f2f4f5);border-radius:999px;overflow:hidden;margin:4px 0 8px}
.dj-bar i{display:block;height:100%;background:var(--accent,#2f6f68);border-radius:999px}
.dj-prog{font-size:13px}
.dj-prog span{color:var(--muted,#6b7a78);font-size:12px;margin-left:6px}
/* 講座のチェック */
.dj-course{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dj-course ol{margin:0;padding:0;list-style:none;font-size:12px;line-height:1.5}
.dj-course li{display:flex;gap:6px;align-items:flex-start;padding:4px 0;border-bottom:1px dashed var(--line,#e3e6ea)}
.dj-course li input{width:auto;margin:3px 0 0}
.dj-course li a{color:inherit}
.dj-course li.on{color:var(--muted,#6b7a78)}
.dj-check li{display:flex;gap:8px;align-items:center;list-style:none;padding:4px 0;font-size:13px}
.dj-check li input{width:auto;margin:0}
.dj-save{position:sticky;bottom:8px;display:flex;justify-content:flex-end;pointer-events:none}
.dj-st{font-size:12px;color:var(--muted,#6b7a78);background:var(--surface,#fff);border:1px solid var(--line,#e3e6ea);border-radius:999px;padding:6px 10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.dj-st:empty{display:none}
/* 毎日の入力（スマホで片手入力） */
.dj-daynav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.dj-daynav .btn{min-width:44px;min-height:44px;font-size:16px}
.dj-daydate{position:relative;flex:1 1 160px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line,#e3e6ea);border-radius:999px;font-weight:700;font-size:16px;background:var(--surface,#fff);cursor:pointer}
.dj-daydate input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.dj-dayform{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dj-dayform.three{grid-template-columns:1fr 1fr 1fr;margin-top:10px}
.dj-dayform .full{grid-column:1 / -1}
.dj-dayform label,.dj-daynote{display:block;font-size:12px;color:var(--muted,#6b7a78)}
.dj .dj-dayform input.big{font-size:22px;font-weight:700;padding:12px;text-align:right;border-radius:12px;font-variant-numeric:tabular-nums}
.dj .dj-dayform.three input.big{font-size:18px}
.dj .dj-daynote input{font-size:16px;padding:10px 12px}
.dj-daynote{margin-top:10px}
.dj-day-unit{font-size:15px;font-weight:700;color:var(--accent,#2f6f68);margin:10px 0 4px}
.dj-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}
.dj-chips .lb{font-size:12px;color:var(--muted,#6b7a78);flex:0 0 auto;min-width:4.5em}
.dj-chip{border:1px solid var(--line,#e3e6ea);background:var(--surface,#fff);color:inherit;border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer;min-height:40px}
.dj-chip.on{background:var(--accent,#2f6f68);border-color:var(--accent,#2f6f68);color:#fff;font-weight:700}
.dj-linkbtn{border:0;background:none;color:var(--muted,#6b7a78);text-decoration:underline;font:inherit;font-size:12px;cursor:pointer;padding:0}
.dj-daylist{display:flex;flex-direction:column}
.dj-dayrow{display:grid;grid-template-columns:4.6em 2.8em 1fr auto auto;gap:6px;align-items:baseline;text-align:left;border:0;border-bottom:1px solid var(--line,#e3e6ea);background:none;font:inherit;font-size:14px;padding:10px 4px;cursor:pointer;color:inherit;font-variant-numeric:tabular-nums}
.dj-dayrow.on{background:var(--accent-soft,#e6f1ef)}
.dj-dayrow span{white-space:nowrap}
.dj-dayrow .t{white-space:normal}
.dj-dayrow small{color:var(--muted,#6b7a78);font-size:11px}
.dj-dayrow .w{font-size:12px;color:var(--muted,#6b7a78)}
.dj-dayrow .s{text-align:right;font-weight:700}
.dj-dayrow .c,.dj-dayrow .u{text-align:right;font-size:12px;color:var(--muted,#6b7a78)}
.dj-dayrow .t{grid-column:1 / -1;font-size:12px;color:var(--muted,#6b7a78)}
.dj-table.dj-cmp{min-width:0;font-size:13px}
.dj-table.dj-cmp td,.dj-table.dj-cmp th{padding:6px 4px}
.dj-table td.n,.dj-table th.n{text-align:right;font-variant-numeric:tabular-nums}
.dj input.ro{background:var(--bg,#f2f4f5);color:var(--muted,#6b7a78)}
@media(max-width:600px){ .dj-dayrow .u{display:none} .dj-dayrow{font-size:13px} .dj input,.dj textarea,.dj select{font-size:16px} .dj-tab{padding:10px 10px;font-size:14px} .dj-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch} .dj-tab{white-space:nowrap} .dj-dayform.three{grid-template-columns:1fr 1fr} .dj-card{padding:12px} .dj-grid,.dj-steps,.dj-course{grid-template-columns:1fr} .dj-grid3{grid-template-columns:1fr 1fr} .dj-kpi,.dj-kpi.four{grid-template-columns:1fr 1fr} .dj-row{flex-wrap:wrap} .dj-stop .mk{width:34px;height:34px;font-size:10px} .dj-chart{height:90px} .dj-chart em{display:none} }