:root{--rms-bg:#f3f4f6;--rms-panel:#fff;--rms-line:#d9dde3;--rms-muted:#6b7280;--rms-text:#111827;--rms-top:#6b6f73;--rms-top2:#54585c;--rms-accent:#e60012;--rms-chip:#eef2f7;--rms-warning-bg:#fde8ee;--rms-warning-line:#f3b2c4;--rms-unhandled-bg:#eaf5ff;--rms-unhandled-line:#b9dbff;--rms-handling-bg:#ecfdf3;--rms-handling-line:#b7e4c7;--rms-unread-bg:#fde8ee;--rms-unread-line:#f3b2c4;--rms-shop:#eaf5ff}*{box-sizing:border-box}html,body{height:100%}body{color:var(--rms-text);background:var(--rms-bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}input,textarea,select,button{font-family:inherit}.rmsTop{background:linear-gradient(180deg,var(--rms-top),var(--rms-top2));color:#fff;align-items:center;gap:16px;height:46px;padding:0 14px;display:flex}.rmsBrand{font-size:14px;font-weight:800}.rmsTabs{gap:10px;font-size:13px;display:flex}.rmsTab{opacity:.9;border-radius:4px;padding:6px 10px}.rmsTabActive{opacity:1;background:#fff3;border-bottom:2px solid #fff;font-weight:700}.rmsShell{height:calc(100vh - 46px);padding:10px}.rmsGrid{grid-template-columns:320px 1fr 320px;gap:10px;height:100%;display:grid}.rmsPanel{background:var(--rms-panel);border:1px solid var(--rms-line);border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.rmsLeftHeader,.rmsCenterHeader,.rmsRightHeader{border-bottom:1px solid var(--rms-line);align-items:center;gap:10px;height:40px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.rmsRightHeader{justify-content:space-between}.rmsCenterHeader{font-weight:600}.rmsFilters{border-bottom:1px solid var(--rms-line);background:#fafafa;gap:8px;padding:10px 12px;display:grid}.rmsRow{align-items:center;gap:10px;display:flex}.rmsLabel{color:var(--rms-muted);font-size:12px}.rmsInput,.rmsSelect{border:1px solid var(--rms-line);background:#fff;border-radius:6px;width:100%;height:30px;padding:0 8px;font-size:12px}.rmsList{gap:8px;padding:10px 10px 12px;display:grid;overflow:auto}.rmsCard{border:1px solid var(--rms-line);background:#fff;border-radius:8px;padding:10px;transition:background 80ms}.rmsCard:hover{background:#fafafa}.rmsCardWarn{border-color:var(--rms-warning-line);background:var(--rms-warning-bg)}.rmsCardTop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.rmsChip{background:var(--rms-chip);border:1px solid var(--rms-line);color:#334155;border-radius:999px;padding:2px 8px;font-size:11px}.rmsTitle{margin-bottom:2px;font-size:13px;font-weight:800}.rmsSub{color:#374151;font-size:12px}.rmsMini{color:var(--rms-muted);font-size:11px}.rmsCenterBody{flex:1;padding:12px;overflow:auto}.rmsBlank{color:var(--rms-muted);padding:12px}.rmsToggle{border:1px solid var(--rms-line);color:#334155;background:#fff;border-radius:6px;padding:6px 10px;font-size:12px}.rmsToggleActive{background:#f1f5f9;border-color:#94a3b8}.rmsBtn{border:1px solid var(--rms-line);cursor:pointer;background:#fff;border-radius:6px;height:30px;padding:0 10px;font-size:12px}.rmsBtnPrimary{background:#f8fafc;border-color:#cbd5e1}.rmsBtn:disabled{opacity:.55;cursor:not-allowed}.rmsTextarea{border:1px solid var(--rms-line);resize:vertical;border-radius:8px;min-height:90px;padding:10px;font-size:14px}.chatWrap{flex-direction:column;gap:10px;display:flex}.chatRow{width:100%;display:flex}.chatBubble{border:1px solid var(--rms-line);white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:12px;width:82%;padding:8px 10px}.chatMeta{color:var(--rms-muted);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.chatLeft{justify-content:flex-start}.chatLeft .chatBubble{margin-left:4.5%;margin-right:13.5%}.chatRight{justify-content:flex-end}.chatRight .chatBubble{background:var(--rms-shop);margin-left:13.5%;margin-right:4.5%}.rmsShopTabs{white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:6px;max-width:520px;padding:0 4px;display:flex;overflow:auto}.rmsShopTabs::-webkit-scrollbar{display:none}.rmsShopTab{background:var(--rms-top2);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.85;border:1px solid #ffffff2e;border-radius:999px;padding:6px 10px;font-size:12px}.rmsShopTab:hover{opacity:1}.rmsShopTabActive{color:var(--rms-top2);opacity:1;background:#fff;border-color:#fff}.rmsShopTabAdd{opacity:.9;background:0 0;border-style:dashed}.rms-chatthread{flex-direction:column;gap:10px;width:100%;display:flex}.rms-chatrow{width:100%;display:flex}.rms-chatrow.is-customer{justify-content:flex-start}.rms-chatrow.is-shop{justify-content:flex-end}.rms-chatrow.is-customer .rms-bubble{width:82%;margin-left:4.5%;margin-right:13.5%}.rms-chatrow.is-shop .rms-bubble{width:82%;margin-left:13.5%;margin-right:4.5%}.rms-bubble{background:#fff;border:1px solid #d9dde3;border-radius:10px;padding:10px}.rms-chatrow.is-shop .rms-bubble{background:#eaf5ff}.rms-meta{color:#6b7280;margin-bottom:6px;font-size:12px}.rms-text{white-space:pre-wrap;word-break:break-word}.rms-chatrow.is-shop .rms-bubble{background:#eaf5ff!important;border-color:#cfe0ff!important}.rms-chatrow.is-customer .rms-bubble{background:#fff!important}@media (max-width:900px){.rmsTop{flex-wrap:wrap;align-items:center;gap:8px;height:auto;min-height:46px;padding:8px 10px}.rmsBrand{font-size:13px}.rmsTabs{white-space:nowrap;gap:6px;width:100%;padding-bottom:2px;font-size:12px;overflow-x:auto}.rmsTab{flex:none;padding:5px 8px}.rmsShell{height:auto;min-height:calc(100vh - 46px);padding:6px}.rmsGrid{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:6px;height:auto;display:grid;overflow:hidden}.rmsGrid>.rmsPanel:nth-child(3){display:none}.rmsPanel{min-height:0}.rmsLeftHeader,.rmsCenterHeader,.rmsRightHeader{flex-wrap:wrap;height:auto;min-height:40px;padding:8px 10px;font-size:12px;line-height:1.4}.rmsFilters{gap:6px;padding:8px 10px}.rmsRow{flex-wrap:wrap;gap:6px}.rmsLabel{font-size:11px}.rmsInput,.rmsSelect,.rmsBtn{height:34px;font-size:12px}.rmsTitle{font-size:12px}.rmsSub{font-size:11px}.rmsMini{font-size:10px}.rmsLeftHeader{font-size:11px}.rmsFilters{padding:6px}.rmsFilters .rmsRow{gap:4px}.rmsList{gap:6px;max-height:calc(100vh - 240px);padding:6px}.rmsCard{padding:6px}.rmsCardTop{margin-bottom:4px}.rmsTitle{font-size:11px;line-height:1.35}.rmsSub{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.rmsChip{padding:1px 6px;font-size:10px}.rmsCenterBody{padding:8px}.rmsTextarea{min-height:110px;font-size:12px}.rms-chatrow.is-customer .rms-bubble,.rms-chatrow.is-shop .rms-bubble{width:100%;margin-left:0;margin-right:0}.rms-bubble{border-radius:8px;padding:8px}.rms-text{font-size:13px;line-height:1.6}}.rmsCardUnhandled{border-color:var(--rms-unhandled-line);background:var(--rms-unhandled-bg)}.rmsCardHandling{border-color:var(--rms-handling-line);background:var(--rms-handling-bg)}.rmsCardUnread{border-color:var(--rms-unread-line);background:var(--rms-unread-bg)}.rmsCardDone{color:#fff;background:#72777b;border-color:#72777b}.rmsToggleUnhandled{border-color:var(--rms-unhandled-line);background:var(--rms-unhandled-bg);color:#1d4ed8}.rmsToggleHandling{border-color:var(--rms-handling-line);background:var(--rms-handling-bg);color:#166534}.rmsToggleDone{border-color:var(--rms-line);color:#374151;background:#fff}.rmsBtnIncomplete{color:#166534;background:#dcfce7;border-color:#86efac}.rmsBtnComplete{color:#9f1239;background:#fde8ee;border-color:#f3b2c4}