:root{--cc-font-family-jp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;--cc-font-family-mono:"Courier New",Courier,monospace;--cc-spacing-xs:0.5rem;--cc-spacing-sm:1rem;--cc-spacing-md:1.5rem;--cc-spacing-lg:2rem;--cc-spacing-xl:3rem;--cc-color-primary:#1a365d;--cc-color-secondary:#2b6cb0;--cc-color-accent:#e53e3e;--cc-color-bg:#f7fafc;--cc-color-text:#2d3748;--cc-color-border:#e2e8f0;--cc-font-size-base:16px;--cc-line-height-base:1.75}body{font-family:var(--cc-font-family-jp);line-height:var(--cc-line-height-base);background-color:var(--cc-color-bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:#f8fafc;color:var(--cc-color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--cc-color-secondary);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;min-height:100vh;align-content:start;padding:var(--cc-spacing-lg)}.app-shell--wide{gap:var(--cc-spacing-md)}.product-panel{display:grid;grid-gap:var(--cc-spacing-sm);gap:var(--cc-spacing-sm);width:min(100%,44rem);margin:auto;padding:var(--cc-spacing-xl);border:1px solid var(--cc-color-border);border-radius:8px;background:#ffffff}.eyebrow{margin:0;color:var(--cc-color-secondary);font-size:.95rem;font-weight:700}h1{color:var(--cc-color-text);font-size:2.25rem;line-height:1.1}h1,h2{margin:0;letter-spacing:0}h2{font-size:1.2rem}.details,.summary{margin:0;max-width:38rem;font-size:1.05rem;line-height:1.6}.summary{font-weight:700}.page-header{display:flex;gap:var(--cc-spacing-md);align-items:flex-start;justify-content:space-between;width:min(100%,76rem);margin:0 auto;padding:var(--cc-spacing-lg) 0 0}.header-actions{display:flex;flex-wrap:wrap;gap:var(--cc-spacing-xs);align-items:center;justify-content:flex-end}.button-link,button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid var(--cc-color-primary);border-radius:6px;background:var(--cc-color-primary);color:#ffffff;font:inherit;font-weight:800;line-height:1.2;cursor:pointer}.button-link:hover,button:hover{background:#24466f;text-decoration:none}.secondary-button{border-color:var(--cc-color-border);background:#ffffff;color:var(--cc-color-text)}.secondary-button:hover{background:#edf2f7}.back-link,.secondary-link{display:inline-flex;min-height:2.5rem;align-items:center}.panel-actions{display:flex;gap:var(--cc-spacing-xs);align-items:center;justify-content:space-between}.error-banner{width:min(100%,76rem);margin:0 auto;padding:var(--cc-spacing-xs) var(--cc-spacing-sm);border:1px solid #fed7d7;border-radius:6px;background:#fff5f5;color:#9b2c2c;font-weight:700}.product-panel .error-banner{width:100%}.empty-state{display:grid;grid-gap:var(--cc-spacing-sm);gap:var(--cc-spacing-sm);width:min(100%,76rem);margin:0 auto;padding:var(--cc-spacing-xl);border:1px dashed var(--cc-color-border);border-radius:8px;background:#ffffff}.empty-state p{margin:0}.inquiry-list{display:grid;width:min(100%,76rem);margin:0 auto;overflow:hidden;border:1px solid var(--cc-color-border);border-radius:8px;background:#ffffff}.inquiry-list__head,.inquiry-row{display:grid;grid-template-columns:minmax(9rem,1.3fr) minmax(10rem,1.2fr) minmax(8rem,.9fr) minmax(8rem,.8fr) minmax(9rem,.9fr) minmax(9rem,.9fr) minmax(4rem,.4fr);grid-gap:var(--cc-spacing-sm);gap:var(--cc-spacing-sm);align-items:center;padding:var(--cc-spacing-sm)}.inquiry-list__head{background:#edf2f7;color:#4a5568;font-size:.85rem;font-weight:800}.inquiry-list__head,.inquiry-row{border-bottom:1px solid var(--cc-color-border)}.inquiry-row:last-child{border-bottom:0}.inquiry-row--needs-attention{border-left:4px solid var(--cc-color-accent);background:#fffafa}.status-badge{display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:2rem;align-items:center;padding:.25rem .6rem;border:1px solid var(--cc-color-border);border-radius:999px;background:#f7fafc;font-size:.9rem;font-weight:800;line-height:1.2}.status-badge--needs-attention{border-color:#feb2b2;background:#fff5f5;color:#9b2c2c}.status-badge--in-progress{border-color:#90cdf4;background:#ebf8ff;color:#2c5282}.status-badge--completed{border-color:#9ae6b4;background:#f0fff4;color:#276749}.form-stack{display:grid;grid-gap:var(--cc-spacing-sm);gap:var(--cc-spacing-sm)}label{display:grid;grid-gap:.35rem;gap:.35rem;font-weight:800}input,select,textarea{width:100%;min-height:2.75rem;padding:.65rem .75rem;border:1px solid var(--cc-color-border);border-radius:6px;color:var(--cc-color-text);font:inherit}textarea{resize:vertical}.detail-panel{width:min(100%,56rem)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cc-spacing-sm);gap:var(--cc-spacing-sm);margin:0}.detail-grid div{display:grid;grid-gap:.25rem;gap:.25rem;padding:var(--cc-spacing-sm);border:1px solid var(--cc-color-border);border-radius:6px;background:#f8fafc}dt{color:#4a5568;font-size:.85rem;font-weight:800}dd{margin:0}.ai-draft-control,.message-block,.reply-control,.status-control{display:grid;grid-gap:var(--cc-spacing-xs);gap:var(--cc-spacing-xs);padding-top:var(--cc-spacing-sm);border-top:1px solid var(--cc-color-border)}.ai-draft-control p,.message-block p,.reply-control p,.status-control p{margin:0;white-space:pre-wrap}h3{margin:0;font-size:1rem;letter-spacing:0}.ai-draft-state{display:grid;grid-gap:var(--cc-spacing-xs);gap:var(--cc-spacing-xs);padding:var(--cc-spacing-sm);border:1px solid var(--cc-color-border);border-radius:8px;background:#f8fafc}.status-control form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.reply-list,.status-control form{display:grid;grid-gap:var(--cc-spacing-sm);gap:var(--cc-spacing-sm)}.reply-version{display:grid;grid-gap:var(--cc-spacing-xs);gap:var(--cc-spacing-xs);padding:var(--cc-spacing-sm);border:1px solid var(--cc-color-border);border-radius:8px;background:#f8fafc}.reply-version__actions,.reply-version__meta{display:flex;flex-wrap:wrap;gap:var(--cc-spacing-xs);align-items:center;justify-content:space-between}.reply-version small{color:#4a5568}.operations-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,76rem);margin:0 auto}.operations-grid,.ops-panel{display:grid;grid-gap:var(--cc-spacing-sm);gap:var(--cc-spacing-sm)}.ops-panel{min-width:0;padding:var(--cc-spacing-sm);border:1px solid var(--cc-color-border);border-radius:8px;background:#ffffff}.ops-panel--wide{width:min(100%,76rem);margin:0 auto;grid-column:1/-1}.ops-list{display:grid;grid-gap:.5rem;gap:.5rem;margin:0;padding:0;list-style:none}.ops-list li{display:flex;gap:var(--cc-spacing-xs);align-items:center;justify-content:space-between}.ops-list--checks li{display:grid;grid-template-columns:minmax(10rem,1fr) auto}.ops-list small{grid-column:1/-1;color:#4a5568}.ops-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cc-spacing-xs);gap:var(--cc-spacing-xs);margin:0}.ops-kv div{min-width:0}.ops-kv dd{overflow-wrap:anywhere}.ops-table{width:100%;border-collapse:collapse}.ops-table td,.ops-table th{padding:.65rem;border-bottom:1px solid var(--cc-color-border);text-align:left;vertical-align:top}.ops-table td{overflow-wrap:anywhere}.ops-recovery,.ops-recovery-list{display:grid;grid-gap:var(--cc-spacing-sm);gap:var(--cc-spacing-sm)}.ops-recovery{padding:var(--cc-spacing-sm);border:1px solid var(--cc-color-border);border-radius:8px;background:#f8fafc}.ops-recovery__actions{display:grid;grid-gap:var(--cc-spacing-xs);gap:var(--cc-spacing-xs)}.ops-recovery__actions form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;grid-gap:var(--cc-spacing-xs);gap:var(--cc-spacing-xs);align-items:end}@media (max-width:760px){.app-shell{padding:var(--cc-spacing-sm)}.empty-state,.product-panel{padding:var(--cc-spacing-md)}.page-header{display:grid;padding-top:var(--cc-spacing-sm)}.header-actions{justify-content:flex-start}h1{font-size:1.85rem}.inquiry-list{gap:0;border:0;background:transparent}.inquiry-list__head{display:none}.inquiry-row{grid-template-columns:1fr;gap:.35rem;margin-bottom:var(--cc-spacing-sm);border:1px solid var(--cc-color-border);border-radius:8px;background:#ffffff}.inquiry-row--needs-attention{border-left-width:4px}.detail-grid,.operations-grid,.ops-kv,.ops-recovery__actions form,.status-control form{grid-template-columns:1fr}}