:root{font-family:"Segoe UI","Yu Gothic UI",Meiryo,sans-serif;color:#172f31;background:#f3f6f4;font-size:15px;line-height:1.65;--green:#176353;--line:#d8e2dc;--muted:#576a67;--amber:#925718}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid var(--line);padding:18px 3.2vw;display:flex;justify-content:space-between;align-items:center;gap:15px}a{color:var(--green);text-underline-offset:4px}.brand{font-size:23px;text-decoration:none;font-weight:800;color:#10273f}.brand span{font-size:15px;font-weight:500;color:var(--muted)}.brand{display:inline-flex;align-items:center;gap:14px}.brand-logo{display:block;width:200px;height:43px;object-fit:cover;object-position:center;flex:none}nav{display:flex;gap:18px;align-items:center;font-size:13px}main{max-width:1520px;margin:auto;padding:32px 3vw 18px}.eyebrow{font-size:13px;color:var(--green);font-weight:700;letter-spacing:.06em;margin:0}h1{font-size:clamp(26px,2.7vw,38px);line-height:1.4;margin:8px 0 12px}h2{font-size:19px;margin:0;line-height:1.6;color:var(--green)}h2 span{color:#172f31;margin-left:9px}h3{font-size:18px;margin:0 0 8px}p{margin:8px 0}button,input,textarea,select{font:inherit}button{border:1px solid #bfcfc6;border-radius:7px;background:#fff;padding:9px 15px;color:#193e38;font-weight:650;cursor:pointer}button:hover:not(:disabled){background:#edf5ef;border-color:#568372}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover:not(:disabled){background:#104f42}button:disabled{cursor:default;opacity:.46}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8dcab4;outline-offset:3px}.quiet{padding:6px 11px;font-size:13px}label{display:grid;gap:5px;font-size:13px;font-weight:650}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #baccc3;border-radius:6px;background:#fff;color:#17342e;padding:8px 10px;min-width:0}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;cursor:pointer;flex:none}.check{display:flex;gap:8px;align-items:center;font-weight:500}.muted{color:var(--muted);font-size:13px}.intro{margin-bottom:25px}.intro>div>p:last-child{color:var(--muted)}.fetch{background:white;padding:22px 25px;border:1px solid var(--line);border-radius:12px;margin-bottom:32px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.fetch-controls{display:flex;gap:12px;align-items:end;margin:18px 0 12px;flex-wrap:wrap}.range-separator{align-self:center;margin-top:24px}.fetch-controls label{min-width:166px}.setup{font-size:13px;max-width:900px}.setup>label{margin:14px 0}summary{cursor:pointer;color:var(--green);font-weight:650;padding:6px 0}#connection{font-size:12px;color:var(--muted)}#error{color:#a72d30;white-space:pre-wrap}#progress{color:var(--green);font-size:14px}#progress:empty,#error:empty{display:none}.counters{display:flex;gap:12px;margin:20px 0}.counter{background:white;border:1px solid var(--line);border-radius:9px;padding:14px 20px;flex:1;display:flex;align-items:center;gap:14px;font-size:14px}.counter b{font-size:27px;color:var(--green)}.counter.amber b{color:var(--amber)}.work-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:20px;align-items:start}.group{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:18px}.group-header{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.group-header h3{font-size:16px;margin:0}.group-header p{margin:2px 0 0;font-size:12px;color:var(--muted)}.order-row{padding:14px 18px;border-bottom:1px solid #e4ebe7;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start}.order-row:last-child{border:0}.order-row.active{background:#edf6f0;box-shadow:inset 3px 0 var(--green)}.row-title{font-weight:700;font-size:15px}.row-id{font-family:ui-monospace,monospace;font-size:12px;color:#5e7269;margin-left:7px}.row-sub{font-size:13px;margin:4px 0}.row-meta{color:var(--muted);font-size:12px}.row-badge{display:inline-block;border-radius:4px;padding:2px 7px;background:#eef4f0;color:var(--green);font-size:12px;margin:4px 5px 0 0}.row-badge.attention{background:#fff0dd;color:var(--amber)}.row-badge.local{background:#edf0fa;color:#505e85}.order-row input{margin-top:5px}.row-button{padding:6px 10px;font-size:12px}.pill{border-radius:20px;background:#edf4ef;padding:3px 10px;color:var(--green);white-space:nowrap}aside{background:white;border:1px solid var(--line);border-radius:10px;padding:23px;position:static}.empty-detail{padding:50px 5px;color:var(--muted)}.empty-detail>span{font-size:12px}.empty-detail h3{margin-top:12px;color:#203d35}.detail-title{display:flex;justify-content:space-between;gap:8px;align-items:start}.detail-label{font-size:12px;color:var(--green);font-weight:700}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.fact{background:#f6f8f6;padding:9px 11px;border-radius:5px}.fact span{display:block;color:var(--muted);font-size:11px}.fact strong{font-size:14px;overflow-wrap:anywhere}.fact.wide{grid-column:1/-1}.history{border-left:3px solid #b9d4c5;padding:3px 12px;font-size:13px;margin:16px 0}.action-box{border:1px solid #e8ccaa;background:#fffbf5;border-radius:8px;padding:15px;margin:16px 0}.action-box h4{font-size:15px;margin:0 0 8px}.action-box p{font-size:13px}.action-box label{margin:10px 0}.button-line{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.button-line button{font-size:13px}.question-box{margin:18px 0;border-top:1px solid var(--line);padding-top:14px}.question-box h4{margin:0 0 8px}.question-box label{margin:9px 0}.draft{padding:15px;background:#f4f7f5;border-radius:8px;margin-top:15px}.draft label{margin:10px 0}.draft textarea{min-height:280px;line-height:1.8;font-size:14px}.draft input{font-size:14px}.source{font-size:12px;border-top:1px solid #e2e9e4;margin:6px 0;padding:6px 0}.source pre,pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7f6;padding:12px;line-height:1.65}.quote{font-size:12px;border-left:2px solid #bad4c7;padding-left:10px;margin:12px 0;white-space:pre-wrap}.evidence{margin-top:18px}.export-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e9f2ed;border:1px solid #cfdfd4;border-radius:10px;padding:22px;margin:24px 0 10px}.export-panel>button{flex:none}.support{margin-top:25px;font-size:13px}#exports .artifact{background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px 15px;display:flex;justify-content:space-between;gap:10px;margin:10px 0}.welcome{padding:50px 20px;text-align:center;color:var(--muted);border:1px dashed #c1d2c7;border-radius:12px}.welcome h2{font-size:20px;color:#35594d}footer{color:var(--muted);font-size:12px;padding:24px 0 10px}.notice{font-size:13px;background:#fff5e7;border-left:3px solid #b17631;padding:10px 13px;margin:10px 0}.edited-note{font-size:13px;color:#315e4b}.empty-group{padding:17px;color:var(--muted);font-size:13px}[hidden]{display:none!important}
@media(min-width:1450px){.work-grid{grid-template-columns:minmax(0,1.2fr) minmax(480px,1fr)}}
fieldset{border:0;margin:0;padding:0;min-width:0}#resume-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}#activity{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;border:1px solid #cbded3;background:#f1f7f3;border-radius:8px}#activity>div{flex:1;min-width:0}#activity p{margin:0}#activity #waiting-note{margin-top:4px}.loader{width:24px;height:24px;border:3px solid #c5dacf;border-top-color:var(--green);border-radius:50%;flex:none;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader{animation:none;border-style:dotted}}[inert]{cursor:wait}
@media(max-width:1000px){.work-grid{grid-template-columns:1fr}aside{position:static;max-height:none}.empty-detail{padding:12px}.counters{gap:8px}.counter{padding:12px;gap:8px}.counter b{font-size:24px}}
@media(max-width:600px){header{padding:14px 16px;align-items:start}.brand{font-size:20px;flex-direction:column;align-items:flex-start;gap:2px}.brand span{display:block;margin:0;font-size:12px}.brand-logo{width:150px;height:33px}nav{flex-direction:column;gap:6px;font-size:11px;align-items:end}main{padding:24px 14px}h1{font-size:27px}.fetch{padding:17px}.fetch-controls label{min-width:0;flex:1}.fetch-controls #scan{width:100%}.range-separator{display:none}.counter{flex-direction:column;align-items:start;padding:10px;font-size:12px;gap:0}.counter b{font-size:25px}.group-header{padding:12px}.order-row{padding:13px 11px;grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.row-id{display:block;margin:0}.row-button{padding:5px 7px}.row-title{font-size:14px}.row-sub{font-size:12px}aside{padding:17px}.export-panel{flex-direction:column;align-items:stretch;padding:17px}.section-title>span{width:100%}.fact-grid{gap:7px}.group-header h3{font-size:14px}.group-header .quiet{font-size:12px}}

/* 確認対象の選択と、次のCSV保存を同じ視野に置く。 */
.export-panel{position:fixed;z-index:20;left:3vw;right:3vw;bottom:16px;max-width:1430px;margin:0 auto;padding:14px 20px;background:#e9f2ed;box-shadow:0 8px 32px #142f3329}.export-panel h2{font-size:17px}.export-panel p{margin:3px 0}.export-actions{display:flex;align-items:center;gap:12px;flex:none}.has-selection main{padding-bottom:200px}.row-badge.selected{background:#176353;color:#fff}.group-header>.quiet{max-width:230px;flex:none}.group-header p{max-width:480px}/* 「対象外」の折りたたみ：▶を見出しと同じ行に置く */
.group>summary{display:flex;justify-content:flex-start;align-items:baseline;gap:8px;list-style:none;margin-left:0}.group>summary::-webkit-details-marker{display:none}.group>summary::before{content:"▶";font-size:11px;color:var(--green)}.group[open]>summary::before{content:"▼"}.group>summary .group-header{margin:0}#export-history{margin:16px 0 22px;padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:8px}.artifact-name{font-size:12px;color:var(--muted);overflow-wrap:anywhere}#exports .artifact{align-items:center}#exports .artifact>div{min-width:0}#exports .artifact>button{flex:none}.saved-status{background:#e9f4ed;border-left:3px solid var(--green);padding:10px 12px;font-size:14px}.inline-error{background:#fff0ed;color:#942e22;border-left:3px solid #b93a2b;padding:10px 12px;font-size:14px}.inline-activity{display:flex;gap:10px;align-items:center;background:#edf5ef;border-radius:6px;padding:12px;font-size:13px}.inline-activity>p{flex:1}#unsaved-note{font-size:12px}#unsaved-note:empty{display:none}[tabindex="-1"]{scroll-margin:20px}.row-button{min-height:36px}.check{min-height:34px}
@media(max-width:1000px){.has-selection aside{max-height:none}}
@media(max-width:600px){.group-header{flex-wrap:wrap;gap:10px}.group-header>.quiet{max-width:none;width:100%;min-height:40px}.order-row{grid-template-columns:auto minmax(0,1fr)}.order-row>.row-button{grid-column:2;justify-self:start}.export-panel{left:10px;right:10px;bottom:10px;padding:12px;gap:8px}.export-panel h2{font-size:15px}.export-panel .muted{font-size:11px}.export-actions{gap:8px}.export-actions>.primary{flex:1}.has-selection main{padding-bottom:225px}.counter{font-size:11px}.fetch-controls label{flex-basis:40%}#exports .artifact{flex-wrap:wrap}.inline-activity{flex-wrap:wrap}}

.model-picker{display:grid;gap:5px;max-width:360px;margin:10px 0;font-size:13px}.model-picker select{width:100%;min-width:0;padding:8px 10px;border:1px solid #baccc3;border-radius:6px;background:#fff;color:#17342e;font:inherit}.model-picker select:focus-visible{outline:3px solid #8dcab4;outline-offset:3px}#reading-model{min-width:200px;max-width:100%}#reading-model .model-picker{margin:0}@media(max-width:600px){#reading-model{width:100%}.model-picker{max-width:100%}}
.ai-draft-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:45px}.ai-draft-button.is-running:disabled{opacity:1;cursor:wait}.ai-draft-button .loader{width:20px;height:20px;border-color:#ffffff66;border-top-color:#fff}

.business-context{padding:14px 18px;background:#e9f2ed;border-left:3px solid #176353;border-radius:6px;font-size:14px;line-height:1.8}.mail-context{white-space:pre-line;font-size:13px;line-height:1.8;background:#edf5ef;padding:10px 12px;border-radius:6px}
.scenario-overview{margin:12px 0 24px;padding:14px 18px;background:#fff;border:1px solid #ccdcd3;border-radius:8px;font-size:14px;line-height:1.8}.scenario-box{padding:14px;background:#f0f5f2;border-radius:8px;margin:16px 0}.scenario-box h4{margin:0 0 12px}.scenario-box dl{margin:0;font-size:13px}.scenario-box dt{font-weight:700;margin-top:12px;color:#285447}.scenario-box dd{margin:3px 0 0;line-height:1.8}.response-example{padding:12px;background:#fff6df;border:1px solid #e6d5a5;border-radius:8px;margin:14px 0;line-height:1.8}.draft textarea{min-height:340px}.notice pre{white-space:pre-wrap;overflow-wrap:anywhere}

.matching-master{border-left:3px solid var(--green);background:#e9f4ed;font-weight:600}

/* 2026-09-29 見直し：AIと人の分担、要点の1行、確認事項ごとのまとまり、原文の該当箇所。 */
.intro{max-width:980px}.intro .lead{font-size:16px;line-height:1.9;color:#243f3b;margin:10px 0 6px}.step-note{margin:6px 0 4px;font-size:14px;font-weight:650;color:#285447}
.model-settings{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0 4px}.model-settings>div{min-width:240px;flex:1;max-width:360px}.model-settings .model-picker{margin:0}
.row-headline{margin:4px 0 2px;font-size:14px;font-weight:650;color:var(--green)}.row-headline.attention{color:var(--amber)}.row-headline.closed{color:var(--muted)}
.scenario-box .received{font-weight:700;color:#203d35;margin-top:0}.scenario-box p{font-size:14px;line-height:1.85}.scenario-box .todo{border-top:1px solid #d5e3da;padding-top:10px;margin-top:12px;font-weight:650;color:#285447}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.compare>div{background:#fff;border:1px solid #e3c9a3;border-radius:6px;padding:8px 11px}.compare span{display:block;font-size:11px;color:var(--muted)}.compare strong{font-size:17px;color:var(--amber)}
.inquiry dl{margin:0 0 10px;font-size:13px}.inquiry dt{font-weight:700;margin-top:8px;color:#285447}.inquiry dd{margin:2px 0 0;line-height:1.75}.inquiry>.mail-context{margin:10px 0}
.record{border-top:1px solid #ecd8bb;margin-top:16px;padding-top:12px}.record label{margin:10px 0}h5{font-size:14px;margin:0 0 6px}
.inquiry .draft{background:#fff;border:1px solid var(--line)}
.read-values{margin:18px 0 8px}.read-values h4{margin:0}.fact small.origin{display:block;margin-top:4px;font-size:11px;line-height:1.6;color:#4b615c;overflow-wrap:anywhere}
.approve-button{margin:6px 0 14px}.other-actions,.evidence{margin-top:14px;font-size:13px}.other-actions label{margin:10px 0}
.support h3{font-size:14px;margin:14px 0 6px}.scenario-settings ul{margin:6px 0;padding-left:20px;line-height:1.9}
@media(max-width:600px){.compare{grid-template-columns:1fr}.model-settings>div{min-width:0;max-width:none}.intro .lead{font-size:15px}}
@media(max-width:600px){.fact-grid{grid-template-columns:1fr}}

/* 注文書のPDF：縮小表示と、PDF・取り出した文字を並べる表示。 */
.pdf-view{margin:14px 0 18px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.pdf-view iframe{display:block;width:100%;height:460px;border:1px solid #cfdcd5;border-radius:4px;background:#fff}.pdf-note{font-size:13px;color:#285447;margin:4px 0 10px}.pdf-view a{font-size:13px;align-self:center}
.pdf-extract pre,.pdf-text pre{font-size:12px;line-height:1.7;max-height:none}.pdf-extract pre span.hit,.pdf-text pre span.hit{background:#fff0c7;box-shadow:inset 3px 0 #d69a2d}
#pdf-dialog{width:min(1400px,96vw);height:92vh;max-height:none;padding:0;border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 60px #0f2a2640}#pdf-dialog::backdrop{background:#10252280}
#pdf-dialog[open]{display:flex;flex-direction:column}.pdf-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line)}.pdf-dialog-head h2{font-size:18px;color:#172f31}.pdf-dialog-head p{margin:4px 0 0}
.pdf-dialog-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.pdf-dialog-body iframe{width:100%;height:100%;border:0;border-right:1px solid var(--line)}.pdf-text{overflow:auto;padding:14px 18px}.pdf-text h3{font-size:14px;margin:0 0 8px}
@media(max-width:800px){.pdf-dialog-body{grid-template-columns:1fr;grid-template-rows:60vh auto;overflow:auto}.pdf-dialog-body iframe{border-right:0;border-bottom:1px solid var(--line)}.pdf-view iframe{height:340px}}
.model-note{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:2px}

/* ヘッダーの「仕組み」（アーキテクチャ説明へのリンク） */
.header-links{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:650}
@media(max-width:600px){.header-links{flex-direction:column;align-items:end;gap:6px;font-size:13px}}

/* 公開デモだけの表示（試し方・AIについての注意書き） */
.pill.public{background:#fff4e6;color:#925718}
.public-guide{background:#fff;border:1px solid #e8ccaa;border-left:4px solid #925718;border-radius:10px;padding:16px 20px;margin:0 0 24px;max-width:980px}.public-guide h2{font-size:16px;color:#925718;margin:0 0 6px}.public-guide ol{margin:6px 0;padding-left:22px;line-height:1.9}.public-guide p{font-size:13px;color:var(--muted);margin:6px 0 0}
.public-note{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:28px 0 8px}.public-note h2{font-size:16px;margin:0 0 8px}.public-note p{font-size:14px;line-height:1.85}

/* 受注一覧CSVを画面に表示する（ファイルには保存しない） */
.csv-result{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:16px 18px;margin:14px 0 18px}.csv-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.csv-head h3{margin:0;font-size:16px}
.csv-table-wrap{overflow-x:auto;margin:10px 0}#csv-table{border-collapse:collapse;font-size:12.5px;min-width:900px;width:100%}#csv-table th,#csv-table td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;white-space:nowrap}#csv-table th{background:#f1f4f2;color:var(--muted)}
.csv-total{font-weight:700;margin:6px 0}

/* 注文書のPDFを画面の中に描く（PDF.js）。ブラウザーのPDF表示は使わない */
.pdf-pages{background:#eef2ef;border:1px solid #cfdcd5;border-radius:4px;padding:8px;max-height:560px;overflow:auto}.pdf-pages .pdf-page{display:block;width:100%;height:auto;background:#fff;box-shadow:0 1px 3px #0000001f}.pdf-pages .pdf-page+.pdf-page{margin-top:8px}
.pdf-dialog-body .pdf-pages{max-height:none;height:100%;border:0;border-right:1px solid var(--line);border-radius:0}
@media(max-width:800px){.pdf-dialog-body .pdf-pages{border-right:0;border-bottom:1px solid var(--line)}}
.pdf-dialog-head>button{flex:none;white-space:nowrap}

/* 公開デモ：AIのボタンに「実演の記録を再生」を小さく添える */
.ai-replay{display:block;font-size:11px;font-weight:500;line-height:1.4;opacity:.92;margin-top:2px}
#scan .ai-replay{text-align:center}.ai-label-box{display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left}

/* 上部のリンクは途中で折り返さない */
nav a{white-space:nowrap}