/* 仲間の部屋（ルーン・バクの入力／依頼の画面／ゴルムの一覧）の見た目。2026-10-08 phase 2 C
 * 卓馬「根底から完成度を上げる」：入力の前に見本・欄は1列・主なボタン1つ・工程の言葉を初心者の言葉に。
 * 値は tokens.css の変数だけを使う。共通の style.css には足さない（ほかの担当の直しとぶつかるため）。
 * 読む順番：style.css などの画面の css → rooms.css → components.css → visual.css */

/* ════ ルーン・バクの入力（openIntake で data-simple="true"） ═════════════════ */
.intake-dialog[data-simple=true] .intake-fields{padding:0 var(--ds-sp-6) var(--ds-sp-6);display:grid;gap:var(--ds-sp-4)}
.intake-dialog[data-simple=true] .intake-formats{padding-left:var(--ds-sp-6);padding-right:var(--ds-sp-6)}

/* できあがりの見本（入力より先に見せる） */
.intake-sample{margin:var(--ds-sp-4) var(--ds-sp-6) 0;padding:0;overflow:hidden}
.intake-sample[hidden]{display:none}
.intake-sample-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-sp-2) var(--ds-sp-3);padding:var(--ds-sp-4) var(--ds-sp-5);cursor:pointer;list-style:none;min-height:var(--ds-touch)}
.intake-sample-head::-webkit-details-marker{display:none}
.intake-sample-head::after{content:"▾";margin-left:auto;color:var(--ds-text-3)}
.intake-sample[open]>.intake-sample-head::after{content:"▴"}
.intake-sample-head strong{font:var(--ds-fw-bold) var(--ds-fs-lg)/1.4 var(--ds-font);color:var(--ds-text)}
.intake-sample-note{font-size:var(--ds-fs-xs);color:var(--ds-text-3)}
.intake-sample-doc{margin:0;padding:0 var(--ds-sp-5) var(--ds-sp-5);background:none;border:0;box-shadow:none}
.intake-sample .intake-sample-doc .deliverable-example-notice{margin:0 0 var(--ds-sp-3);padding:0;background:none;border:0;font-size:var(--ds-fs-xs)!important;color:var(--ds-text-3)!important}
.intake-sample-doc .sample-document{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-sp-3);margin:0;padding:var(--ds-sp-4);border-radius:var(--ds-r-md);background:var(--ds-surface-2);border:1px solid var(--ds-border);box-shadow:none}
.intake-sample-doc .sample-document>header{grid-column:1/-1;margin:0;padding:var(--ds-sp-4) var(--ds-sp-5);border-radius:var(--ds-r-md);background:var(--ds-world-navy);min-height:0}
.intake-sample-doc .sample-document>header small{font-size:var(--ds-fs-xs);color:var(--ds-world-gold-soft)}
.intake-sample-doc .sample-document>header h3{margin:var(--ds-sp-1) 0 0;font:var(--ds-fw-bold) var(--ds-fs-xl)/1.35 var(--ds-font);color:var(--ds-world-ink)}
.intake-sample-doc .sample-document>section{margin:0;padding:var(--ds-sp-3) var(--ds-sp-4);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-r-md)}
.intake-sample-doc .sample-document>section h4{margin:var(--ds-sp-1) 0;font:var(--ds-fw-bold) var(--ds-fs-md)/1.45 var(--ds-font)}
.intake-sample-doc .sample-document>section p{margin:0;font-size:var(--ds-fs-sm);line-height:1.65;color:var(--ds-text-2)}
.intake-sample-doc .sample-section-label{font-size:var(--ds-fs-xs);color:var(--ds-accent);font-weight:var(--ds-fw-bold)}
.intake-sample-doc .sample-document>footer{grid-column:1/-1;font-size:var(--ds-fs-xs);color:var(--ds-text-3)}

/* 入力：必須を先に1列（PC は2列まで）、任意は「くわしく入れる ▾」 */
.intake-flow,.intake-more{display:grid;gap:var(--ds-sp-3)}
.intake-flow>.ds-card__title{margin:0}
.intake-flow>.ds-card__desc{margin:0 0 var(--ds-sp-2)}
.intake-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-sp-4) var(--ds-sp-5)}
.intake-flow-grid>.intake-cell{margin:0;min-width:0}
.intake-flow-grid>.intake-cell:has(textarea){grid-column:1/-1}
.intake-dialog[data-simple=true] .intake-cell label{font-size:var(--ds-fs-sm);flex-wrap:wrap}
.intake-dialog[data-simple=true] .intake-cell .intake-required,.intake-dialog[data-simple=true] .intake-cell .intake-optional,.intake-dialog[data-simple=true] .intake-src,.intake-dialog[data-simple=true] .intake-unit{font-size:var(--ds-fs-xs)}
.intake-dialog[data-simple=true] .intake-cell-hint,.intake-dialog[data-simple=true] .intake-quality{font-size:var(--ds-fs-xs)}
.intake-dialog[data-simple=true] .intake-cell :is(.ds-input,.ds-select,.ds-textarea){font-size:var(--ds-fs-md)}
.intake-more>summary{cursor:pointer;min-height:var(--ds-touch);display:flex;align-items:center;font:var(--ds-fw-bold) var(--ds-fs-md)/1.4 var(--ds-font);color:var(--ds-accent)}
.intake-more-why{margin:0;font-size:var(--ds-fs-sm);color:var(--ds-text-2)}

/* 下の帯：左に「必須 3/3」、右に主なボタン1つ（＋文字だけの点検ボタン） */
.intake-dialog[data-simple=true] .intake-footer.ds-actionbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-sp-2) var(--ds-sp-4);padding:var(--ds-sp-3) var(--ds-sp-6)}
.intake-dialog[data-simple=true] .intake-footer>p:first-child{font:var(--ds-fw-bold) var(--ds-fs-md)/1.4 var(--ds-font);color:var(--ds-text)}
.intake-dialog[data-simple=true] .intake-footer progress{flex:0 1 160px;min-width:100px}
.intake-dialog[data-simple=true] .intake-footer>p{font-size:var(--ds-fs-xs)}
.intake-dialog[data-simple=true] .intake-footer>p:nth-of-type(2){flex:1 1 240px;font-size:var(--ds-fs-sm);color:var(--ds-text-2)}
.intake-dialog[data-simple=true] .intake-footer>p:nth-of-type(3){display:none}
.intake-dialog[data-simple=true] .intake-footer>p[role=status]{flex-basis:100%;order:9;color:var(--ds-text-3)}
.intake-dialog[data-simple=true] .intake-footer>p[role=status]:empty,.intake-dialog[data-simple=true] .intake-footer>p[role=alert]:empty{display:none}
.intake-dialog[data-simple=true] .intake-footer>.intake-review-run{margin:0 0 0 auto}
.intake-dialog[data-simple=true] .intake-footer>.intake-make-hint{flex:none;margin:0;font-size:var(--ds-fs-sm)}
.intake-dialog[data-simple=true] .intake-footer>button.intake-make{display:inline-flex;width:auto;max-width:100%;margin:0;padding:var(--ds-sp-2) var(--ds-sp-8);border-radius:var(--ds-r-pill);font-size:var(--ds-fs-lg);white-space:normal;text-align:center}

@media (max-width:900px){
 .intake-sample-doc .sample-document{grid-template-columns:minmax(0,1fr)}
 .intake-flow-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
 .intake-sample{margin:var(--ds-sp-3) var(--ds-gutter) 0}
 .intake-dialog[data-simple=true] .intake-fields{padding:0 var(--ds-gutter) var(--ds-sp-4)}
 .intake-dialog[data-simple=true] .intake-formats{padding-left:var(--ds-gutter);padding-right:var(--ds-gutter)}
 .intake-dialog[data-simple=true] .intake-footer.ds-actionbar{padding:var(--ds-sp-2) var(--ds-gutter)}
 .intake-dialog[data-simple=true] .intake-footer>button.intake-make{width:100%;order:8}
 .intake-dialog[data-simple=true] .intake-footer>.intake-review-run{margin:0;font-size:var(--ds-fs-sm)}
 .intake-dialog[data-simple=true] .intake-footer>.intake-make-hint{order:7}
}

/* ════ ゴルムの一覧（production-queue.js） ═════════════════════════════
 * 札は .ds-chip の色で状態を分け、カード全体を押せる面に（2026-10-08 phase 2 C） */
#production-queue-dialog .queue-intro{font-size:var(--ds-fs-sm);color:var(--ds-text-2)}
#production-queue-dialog .queue-tools .ds-btn--ghost{min-height:var(--ds-control-h)}
#production-queue-dialog .queue-card.ds-card{padding:var(--ds-sp-5);border-radius:var(--ds-r-lg);gap:var(--ds-sp-2);outline:none}
#production-queue-dialog .queue-card .queue-state{padding:0 var(--ds-sp-3);border-radius:var(--ds-r-pill);font-size:var(--ds-fs-xs)}
#production-queue-dialog .queue-card .queue-state.ds-chip--success{background:var(--ds-success-bg);color:var(--ds-success)}
#production-queue-dialog .queue-card .queue-state.ds-chip--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}
#production-queue-dialog .queue-card .queue-state.ds-chip--danger{background:var(--ds-danger-bg);color:var(--ds-danger)}
#production-queue-dialog .queue-card .queue-state.ds-chip--info{background:var(--ds-info-bg);color:var(--ds-info)}
#production-queue-dialog .queue-card .queue-state.ds-chip--locked{background:var(--ds-locked-bg);color:var(--ds-locked)}
#production-queue-dialog .queue-card h3{font:var(--ds-fw-bold) var(--ds-fs-lg)/1.5 var(--ds-font);color:var(--ds-text)}
#production-queue-dialog .queue-card .queue-from{font-size:var(--ds-fs-xs);color:var(--ds-text-3)}
#production-queue-dialog .queue-card .queue-version{font-size:var(--ds-fs-xs);color:var(--ds-text-3)}
#production-queue-dialog .queue-card .queue-next-action{font-size:var(--ds-fs-sm);background:var(--ds-surface-2);border-radius:var(--ds-r-md);color:var(--ds-text-2)}
#production-queue-dialog .queue-card .queue-open{margin-top:auto;align-self:flex-end;font:var(--ds-fw-bold) var(--ds-fs-sm)/1 var(--ds-font);color:var(--ds-accent);min-height:var(--ds-touch);display:inline-flex;align-items:center}
#production-queue-dialog .queue-card[aria-busy=true]{opacity:.6;cursor:progress}
#production-queue-dialog .queue-card:focus-visible{box-shadow:var(--ds-focus)}
#production-queue-dialog .queue-card small{font-size:var(--ds-fs-xs)}
#production-queue-dialog .queue-card details{font-size:var(--ds-fs-xs)}
#production-queue-dialog .queue-empty.ds-empty{grid-column:1/-1}
/* ゴルムの帯から開いたときは、一覧の上の説明を1つにする（同じ趣旨の文が2つ並んでいた） */
#production-queue-dialog .golum-bar~.queue-intro{display:none}

/* ════ できあがり（依頼の画面 #request-dialog） ═══════════════════════════
 * 上のタブは「読む／直す／次へ渡す」。札は .ds-chip、できあがりの箱は .ds-card ＋緑の知らせ（2026-10-08 phase 2 C） */
#request-dialog .overline{font-size:var(--ds-fs-xs)}
#request-dialog #request-current-state.ds-chip{margin-top:var(--ds-sp-1)}
#request-dialog .request-progress li{font-size:var(--ds-fs-xs)}
#request-dialog .core-result.ds-card{display:grid;gap:var(--ds-sp-3);padding:var(--ds-sp-5);border-color:var(--ds-border)}
#request-dialog .core-result h3{margin:0;font:var(--ds-fw-bold) var(--ds-fs-lg)/1.4 var(--ds-font)}
#request-dialog .core-result>p{margin:0;font-size:var(--ds-fs-sm);color:var(--ds-text-2)}
#request-dialog .core-result-ok{margin:0}
#request-dialog .core-result-ok span{color:var(--ds-text-2)}
#request-dialog .core-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-sp-3)}
#request-dialog .core-result-next{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-sp-2) var(--ds-sp-3);padding-top:var(--ds-sp-3);border-top:1px solid var(--ds-border)}
#request-dialog .core-result-next strong{font-size:var(--ds-fs-sm);flex-basis:100%}
#request-dialog .core-result-next .ds-btn{min-height:var(--ds-control-h)}
/* 12px 未満をなくす（折りたたみの中の説明・札） */
#request-dialog .request-material-cards small,#request-dialog .request-material-cards p,#request-dialog .request-next-materials>small,#request-dialog .fold-count,#request-dialog .request-evidence-panel p{font-size:var(--ds-fs-xs)}
#request-section-nav button{min-height:var(--ds-touch);padding:0 var(--ds-sp-5);font-size:var(--ds-fs-md)}
/* 今いるタブは塗りつぶさない：塗りの青は、その画面でいちばん押してほしいボタン1つだけ（2026-10-10 スマホ確認：「読む」と「全文を読む」が両方 青の塗りに見えた） */
#request-section-nav button[aria-current]{background:var(--ds-accent-soft);color:var(--ds-accent);border-color:transparent;box-shadow:inset 0 -2px 0 var(--ds-accent);font-weight:var(--ds-fw-bold)}
/* 前回かかった費用と、作り直すときの目安を1行にくっつけない（2026-10-10 実AI：「約49円作り直すときの…」と続いて読めた） */
.generation-inputs>.generation-spent{display:block;margin-bottom:4px}
@media (max-width:600px){#request-dialog .core-result-actions .ds-btn--primary{width:100%}}
#request-dialog :is(.request-input-readiness,.request-next-materials,.request-materials-fold) :is(p,small,span,blockquote){font-size:var(--ds-fs-xs)}
#request-dialog .draft-reader-open,#request-dialog .rough-live-note,#request-dialog .rough-live-layout span{font-size:var(--ds-fs-xs)}
/* style.css が !important で 10〜11px にしていたもの（2026-10-08） */
#request-dialog .request-material-cards p,#request-dialog .rough-live-note{font-size:var(--ds-fs-xs)!important}

/* ════ 仕上げ（2026-10-09 全画面の監査：scratchpad/pl/shots の before_*） ════ */
/* 選んでいるタブを主なボタンと同じ青の塗りにしない（ルーンの種類・ユーザー管理で、主なボタンが2〜3個に見えた） */
.intake-dialog .intake-formats [aria-pressed=true]{background:var(--ds-accent-soft);color:var(--ds-accent);border-color:var(--ds-accent)}
.user-admin-tabs button[aria-selected="true"]{background:var(--ds-accent-soft);color:var(--ds-accent)!important;border-color:var(--ds-accent-border)}
/* 見本の題（紺の帯）が「る。」「て調べる。」だけ次の行に落ちていた */
.intake-sample-doc .sample-document>header h3{max-width:none!important;text-wrap:balance;word-break:auto-phrase}
/* 列の見出しと箱の見出しが同じとき、列の見出しは出さない（app.js が --same を付ける） */
.intake-dialog .intake-col-head--same{display:none}
/* 入力の部屋の 12px 未満の文字（必須・任意の札、例の文、列の見出し、数、下の帯の補足） */
.intake-dialog :is(.intake-optional,.intake-required,.intake-cell-hint,.intake-group-why,.intake-col-head,.intake-block-count,.intake-stat-count,.intake-step-mark,.intake-unit,.intake-score-lv,.intake-make-hint){font-size:var(--ds-fs-xs)!important}
.intake-dialog .intake-footer p,.intake-dialog .intake-footer small{font-size:var(--ds-fs-xs)}
.intake-dialog :is(.intake-stats,.intake-score-actions)>h4{font-size:var(--ds-fs-xs)!important}
/* 設計より先に開いたときの一行（ピリカ）：17px で画面の上を大きく占めていた。止めないお知らせの大きさに */
.intake-dialog .intake-order-note{font-size:var(--ds-fs-sm)!important;line-height:1.6}
/* 成果物：フォルダの説明が「前の/版」「ってい/るもの」と1〜2文字で折り返していた。行の長さをそろえて折り返す */
.library-folder p{text-wrap:balance;word-break:auto-phrase}
@media (max-width:600px){
 .intake-dialog .intake-step,.intake-dialog .intake-footer-more{min-height:var(--ds-touch)}
 .user-admin-tabs button{min-height:var(--ds-touch)}
}
/* ユーザー管理：390px でタブが「ユーザ/ー」と1文字だけ折り返していた。タブは折り返さず、はみ出す分は横に送る */
.user-admin-tabs{overflow-x:auto;scrollbar-width:none}
.user-admin-tabs button{white-space:nowrap;flex:none}
.user-admin .secondary{background:var(--ds-surface);color:var(--ds-accent);border-color:var(--ds-border-strong)}
/* ルーン・バクの下の帯（パソコン）：主なボタンだけが2行目の左に落ち、費用の札は1行目の右端に離れていた。
   2行目を「AIで最終チェック（脇）… 費用の札・主なボタン（右）」にそろえる。自動保存の一言は最後の行 */
@media (min-width:601px){
 .intake-dialog[data-simple=true] .intake-footer>.intake-review-run{order:10;margin:0 0 0 auto}
 .intake-dialog[data-simple=true] .intake-footer::after{content:"";order:11;flex-basis:100%;height:0}   /* ここで行を変える */
 .intake-dialog[data-simple=true] .intake-footer>.intake-make-hint{order:12;margin-left:auto}
 .intake-dialog[data-simple=true] .intake-footer>button.intake-make{order:13}
 .intake-dialog[data-simple=true] .intake-footer>p[role=status]{order:14}
}