:root{color:#111827;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}.shell{background:#fff;border-inline:1px solid #e5e7eb;grid-template-rows:auto 1fr;max-width:1500px;min-height:100vh;margin:0 auto;display:grid}.brandbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand{letter-spacing:.14em;font-size:14px;font-weight:800}.subbrand,.status,.eyebrow{color:#6b7280;font-size:12px}.eyebrow{letter-spacing:.12em;margin-bottom:10px;font-weight:700}.viewpointGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.viewport{border-bottom:1px solid #e5e7eb;grid-template-rows:1fr auto;min-height:0;display:grid}.conversation{padding:34px 28px 44px;overflow-y:auto}.assistantMessage{max-width:920px;line-height:1.65}.speaker{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;font-size:12px;font-weight:800}.viewpointPanel{background:#fff;border:1px solid #d1d5db;border-radius:16px;max-width:980px;padding:20px}.inquiryViewpoint{border-color:#9ca3af}.viewpointSpaces{max-width:980px;margin-top:14px}.viewpointSpaces .systemCard{max-width:none;margin-top:0}.viewpointResponse{white-space:pre-wrap;margin-bottom:8px}.systemCard,.deckCard{background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;margin-top:26px;padding:18px}.systemCard{max-width:760px}.systemCard p{letter-spacing:.02em;font-weight:650}.systemCard small{color:#6b7280}.deckCard{background:#fff}.deckHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.deckHeader h2,.workOrderDetail h3{margin:0 0 6px}.workOrderWorkspace{grid-template-columns:minmax(240px,340px) 1fr;gap:18px;margin-top:18px;display:grid}.workOrderList{align-content:start;gap:8px;display:grid}.workOrderRow{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:4px;padding:13px 14px;display:grid}.workOrderRow.active{border-color:#111827}.workOrderRow span,.workOrderRow small{color:#6b7280}.workOrderDetail{border:1px solid #e5e7eb;border-radius:12px;padding:18px}.workOrderDetail p{margin:8px 0}.workflowRail{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:20px 0;display:grid}.workflowRail span{text-align:center;border:1px solid #d1d5db;border-radius:999px;padding:7px 8px;font-size:11px}.workOrderActions{flex-wrap:wrap;gap:10px;display:flex}.workOrderActions button{color:#fff;background:#111827;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.workOrderActions .secondary{color:#111827;background:#eef2f7}.composer{background:linear-gradient(#ffffffe0,#fff 28%);grid-template-columns:1fr auto;gap:10px;padding:16px 28px 22px;display:grid;position:sticky;bottom:0}.composer input{border:1px solid #cbd5e1;border-radius:16px;outline:none;width:100%;padding:16px 18px}.composer input:focus{border-color:#64748b}.composer button{color:#fff;background:#111827;border:0;border-radius:14px;padding:0 20px;font-weight:700}.composer button:disabled,.composer input:disabled{opacity:.55}@media (max-width:900px){.viewpointGrid,.workOrderWorkspace{grid-template-columns:1fr}.workflowRail{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.brandbar,.conversation,.composer{padding-left:16px;padding-right:16px}.workflowRail{grid-template-columns:repeat(2,1fr)}}