/* 本物の画面にだけ要る指定（画面案の見た目は app.css。こちらは画面いっぱいに広げる・押せる所・知らせ・窓・空の状態・起動の演出） */
html, body { margin: 0; height: 100%; background: #fff; }
body { overflow: hidden; }
.R { width: 100vw; height: 100vh; min-width: 1180px; }
.R .page { overflow: auto; }
.R .cur, .R .tip2 { display: none !important; }
.R a { color: inherit; text-decoration: none; }
.R [data-go], .R [data-act], .R .ob, .R .st, .R .it, .R .sit, .R .btn, .R .ib, .R .fchip, .R .seg2 > span, .R .seg3 > span,
.R .tri, .R .ar2, .R .cmi:not(.dis), .R .days span, .R tbody tr[data-go], .R .tgl, .R .ckb, .R .axis { cursor: pointer; }
.R .btn[disabled], .R .btn.dis { opacity: .45; pointer-events: none; }
.R button.btn { font: inherit; border: 0; }
.R input, .R select, .R textarea { font: inherit; color: inherit; }
.R :focus-visible { outline: 2px solid #0766F4; outline-offset: 2px; }
.R tbody tr[data-go]:hover td { background: #eef4ff; }
.R .zoom-s { zoom: .92; } .R .zoom-l { zoom: 1.08; }

/* 入力欄（画面案の .in に合わせた本物の入力） */
.R .inp { height: 32px; padding: 0 10px; border-radius: 6px; border: 0; background: #fff; box-shadow: inset 0 0 0 1px #d1d1d6; outline: none; min-width: 0; }
.R .inp:focus { box-shadow: inset 0 0 0 1.5px #0766F4, 0 0 0 3px rgba(7,102,244,.15); }
.R textarea.inp { height: auto; min-height: 92px; padding: 8px 10px; resize: vertical; line-height: 1.6; }
.R .inp.sm { height: 26px; font-size: 12px; }
.R .frm { display: flex; flex-direction: column; gap: 10px; }
.R .frm label.f { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #6e6e73; font-weight: 600; }
.R .frm .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.R .err-t { color: #d92d20; font-size: 12px; font-weight: 600; }

/* 知らせ */
.toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%) translateY(20px); z-index: 9000; display: flex; align-items: center; gap: 10px;
  padding: 10px 16px; border-radius: 10px; background: #1d1d1f; color: #fff; font: 600 13px 'Inter','Noto Sans JP',sans-serif; box-shadow: 0 10px 30px -8px rgba(0,0,0,.35);
  opacity: 0; transition: opacity .25s, transform .3s cubic-bezier(.16,1,.3,1); pointer-events: none; }
.toast.on { opacity: 1; transform: translateX(-50%); }
.toast.ng { background: #b42318; }

/* 窓 */
.modal-bg { position: fixed; inset: 0; z-index: 8000; background: rgba(0,35,93,.22); display: flex; align-items: center; justify-content: center; }
.modal { width: 460px; max-width: calc(100vw - 32px); border-radius: 14px; background: #fff; box-shadow: 0 30px 80px -20px rgba(0,35,93,.45); padding: 20px 22px; font: 13px 'Inter','Noto Sans JP',sans-serif; color: #1d1d1f; }
.modal h3 { margin: 0 0 12px; font-size: 16px; }
.modal .mf { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }

/* 社名・リスト名は切らずに折り返す（リード管理一覧） */
.R .tb.wrapc td.co, .R .tb.wrapc td.wl { white-space: normal; line-height: 1.4; padding-top: 7px; padding-bottom: 7px; }
/* 予実管理：パイプラインは案件の数だけ伸ばし、ページごと送る（画面案の高さ固定を外す） */
/* 画面案は見本の行数で切るため「6行目以降・12行目以降を隠す」決まりがある。本物の画面では全部出す */
.R .pt tbody tr:nth-child(n+6), .R.MAC tbody tr:nth-child(n+12):has(.rowact) { display: table-row; }
.R .yj { flex: none; grid-template-rows: auto auto; }
.R .yjc.ypl { overflow: visible; min-height: auto; }
/* メンバーの窓：担当クライアントのチェック */
.modal .ckl { display: flex; flex-direction: column; gap: 6px; max-height: 160px; overflow: auto; padding: 8px 10px; border-radius: 6px; box-shadow: inset 0 0 0 1px #d1d1d6; font-weight: 500; color: #1d1d1f; }
.modal .ckl label { display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; }
.modal .f .hint { font-weight: 500; color: #8e8e93; }
.R .frm div.f { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #6e6e73; font-weight: 600; }

/* 全社ダッシュボード・担当者分析（2026年10月7日） */
.R .ix { display: flex; flex-direction: column; gap: 14px; }
.R .ixk { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.R .ixk.k6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.R .ixc { border-radius: 12px; background: #fff; box-shadow: 0 0 0 .5px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.05); padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.R .ixc.main { background: linear-gradient(135deg, #2f84ff, #0766F4 60%, #0550c8); color: #fff; }
.R .ixc .lb { font-size: 11px; font-weight: 600; color: #6e6e73; letter-spacing: .04em; }
.R .ixc.main .lb, .R .ixc.main .ks { color: rgba(255,255,255,.82); }
.R .ixc .v { font-size: 26px; font-weight: 700; letter-spacing: -.02em; line-height: 1.15; font-variant-numeric: tabular-nums; }
.R .ixc .v small { font-size: 12px; font-weight: 600; margin-left: 2px; opacity: .75; }
.R .ixc .ks { font-size: 11.5px; color: #6e6e73; font-variant-numeric: tabular-nums; }
.R .pg2 { position: relative; height: 6px; border-radius: 3px; background: #e6ebf2; margin-top: 4px; }
.R .ixc.main .pg2 { background: rgba(255,255,255,.28); }
.R .pg2 i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: #0766F4; }
.R .ixc.main .pg2 i { background: #fff; }
.R .pg2 i.ok { background: #0DB228; } .R .pg2 i.warn { background: #f5a524; } .R .pg2 i.bad { background: #d92d20; }
.R .pg2 em { position: absolute; top: -3px; bottom: -3px; width: 2px; background: #1d1d1f; border-radius: 1px; }
.R .ixc.main .pg2 em { background: #00235D; }
.R .ix2 { display: grid; grid-template-columns: 1.15fr 1fr; gap: 14px; align-items: start; }
.R .ixp { border-radius: 12px; background: #fff; box-shadow: 0 0 0 .5px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.05); overflow: hidden; min-width: 0; }
.R .ixp .pb { padding: 10px 14px 14px; }
.R .att3 { display: flex; flex-direction: column; }
.R .att3 a { display: grid; grid-template-columns: 22px 1fr auto; gap: 8px; align-items: start; padding: 8px 0; border-bottom: 1px solid #eef1f6; }
.R .att3 a:last-child { border-bottom: 0; }
.R .att3 .dot { width: 8px; height: 8px; border-radius: 50%; margin: 6px 0 0 6px; background: #f5a524; }
.R .att3 .dot.r { background: #d92d20; } .R .att3 .dot.b { background: #0766F4; } .R .att3 .dot.g { background: #8e8e93; }
.R .att3 b { font-size: 13px; } .R .att3 .nm { display: block; font-size: 11.5px; color: #6e6e73; line-height: 1.5; margin-top: 2px; }
.R .att3 .n { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.R .att3 a.on { background: #eef4ff; }
.R .rk { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 6px; font-size: 12px; font-weight: 800; color: #fff; }
.R .rk.S { background: #d92d20; } .R .rk.A { background: #f5a524; } .R .rk.B { background: #0766F4; } .R .rk.C { background: #0DB228; } .R .rk.n { background: #e6ebf2; color: #8e8e93; }
.R .rks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.R .rks a { display: flex; flex-direction: column; gap: 4px; padding: 10px; border-radius: 10px; background: #f7f9fc; }
.R .rks a.on { box-shadow: inset 0 0 0 1.5px #0766F4; background: #eef4ff; }
.R .rks a b { font-size: 20px; font-variant-numeric: tabular-nums; } .R .rks a span { font-size: 11px; color: #6e6e73; }
.R .hb { display: flex; flex-direction: column; gap: 6px; }
.R .hb .r { display: grid; grid-template-columns: 170px 1fr 64px; gap: 8px; align-items: center; font-size: 12px; }
.R .hb .r span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.R .hb .bar { height: 10px; border-radius: 5px; background: #eef1f6; overflow: hidden; }
.R .hb .bar i { display: block; height: 100%; border-radius: 5px; background: #0766F4; }
.R .hb .bar i.S { background: #d92d20; } .R .hb .bar i.A { background: #f5a524; } .R .hb .bar i.B { background: #0766F4; } .R .hb .bar i.C { background: #0DB228; }
.R .hb .r b { text-align: right; font-variant-numeric: tabular-nums; }
.R .tg2 { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 4px; font-size: 10.5px; font-weight: 700; margin-left: 6px; background: #f2f2f5; color: #6e6e73; white-space: nowrap; }
.R .tg2.r { background: #fde8e7; color: #b42318; } .R .tg2.a { background: #fff3dc; color: #8a5a00; } .R .tg2.b { background: #e8f0ff; color: #0550c8; } .R .tg2.g { background: #e6f7e9; color: #11734b; }
.R .cell2 { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.R .cell2 .t { font-variant-numeric: tabular-nums; font-size: 12.5px; } .R .cell2 .t small { color: #8e8e93; font-size: 11px; }
.R .cell2 .pg2 { height: 5px; margin-top: 0; }
.R .dlt { display: inline-flex; align-items: center; height: 18px; padding: 0 5px; border-radius: 4px; font-size: 10.5px; font-weight: 700; font-variant-numeric: tabular-nums; margin-left: 6px; }
.R .dlt.up { background: #e6f7e9; color: #11734b; } .R .dlt.dn { background: #fde8e7; color: #b42318; } .R .dlt.eq { background: #f2f2f5; color: #6e6e73; }
.R .tb.list th.sortable { cursor: pointer; user-select: none; } .R .tb.list th.sortable:hover { color: #0766F4; }
.R .tb.list tr.team td { background: #f4f7fc; font-weight: 700; }
.R .tb.list td.clk { cursor: pointer; }
.R .tool2 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.R .seg4 { display: inline-flex; padding: 2px; border-radius: 8px; background: #eef1f6; }
.R .seg4 a { height: 26px; padding: 0 10px; display: inline-flex; align-items: center; border-radius: 6px; font-size: 12px; font-weight: 600; color: #3a3a3c; }
.R .seg4 a.on { background: #fff; color: #0766F4; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.R .chart2 { width: 100%; height: auto; display: block; }
.R .chart2 .b1 { fill: #d7deea; } .R .chart2 .b2 { fill: #0766F4; } .R .chart2 .b3 { fill: #0DB228; } .R .chart2 .gl { stroke: #eef1f6; } .R .chart2 .ax { font-size: 10px; fill: #8e8e93; text-anchor: middle; }
.R .lg2 { display: flex; gap: 12px; font-size: 11px; color: #6e6e73; } .R .lg2 i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 4px; vertical-align: -1px; }
.R .note2 { font-size: 11.5px; color: #6e6e73; line-height: 1.6; }

/* 空・読み込み・エラー */
.R .empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 40px 16px; color: #6e6e73; text-align: center; }
.R .empty b { color: #1d1d1f; font-size: 14px; }
.R .skel { height: 14px; border-radius: 6px; background: linear-gradient(90deg,#f0f2f6 0,#e6eaf1 40%,#f0f2f6 80%); background-size: 300% 100%; animation: skel 1.2s linear infinite; }
@keyframes skel { to { background-position: -150% 0; } }
.gate { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: #f7f9fc; font: 14px 'Inter','Noto Sans JP',sans-serif; color: #1d1d1f; }
.gate .box { max-width: 460px; padding: 28px 30px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 .5px rgba(0,35,93,.1), 0 30px 70px -30px rgba(0,35,93,.4); }
.gate .wmk { font: 800 28px 'Inter',sans-serif; letter-spacing: -.035em; } .gate .wmk b { color: #0766F4; }
.gate p { line-height: 1.8; color: #3a3a3c; }

/* 起動の演出（ログイン後、その日最初の1回。確認用ページ「動き・ログイン」と同じ間） */
#intro { position: fixed; inset: 0; z-index: 9500; background: #fff; display: flex; align-items: center; justify-content: center; font-family: 'Inter','Noto Sans JP',sans-serif; transition: opacity .7s .2s ease; }
#intro .core { display: flex; flex-direction: column; align-items: center; transition: transform .9s cubic-bezier(.7,0,.25,1), filter .9s ease, opacity .8s ease; }
#intro.dive { opacity: 0; pointer-events: none; }
#intro.dive .core { transform: scale(7); filter: blur(6px); opacity: 0; }
#intro .glow { position: absolute; width: 760px; height: 420px; border-radius: 50%; background: radial-gradient(closest-side, rgba(7,102,244,.13), rgba(13,178,40,.05) 60%, transparent); opacity: 0; transform: scale(.6); transition: opacity 1.2s ease, transform 1.6s cubic-bezier(.2,.8,.2,1); }
#intro.word .glow { opacity: 1; transform: none; }
#intro .rib { position: absolute; width: 520px; height: 260px; }
#intro .rib i { position: absolute; top: 0; height: 100%; border-radius: 6px; opacity: 0; }
#intro.rib-on .rib i { animation: ribIn .95s var(--d) cubic-bezier(.2,.8,.2,1) both; }
@keyframes ribIn { 0% { opacity: 0; transform: translateY(var(--y)) scaleY(.15); } 45% { opacity: .95; transform: translateY(0) scaleY(1); } 75% { opacity: .75; } 100% { opacity: 0; transform: scaleX(0) scaleY(.6); } }
#intro .wm { position: relative; display: flex; font-weight: 800; font-size: 176px; line-height: 1; letter-spacing: .24em; margin-right: -.24em; transition: letter-spacing 1.2s cubic-bezier(.16,1,.3,1), margin 1.2s cubic-bezier(.16,1,.3,1); }
#intro.word .wm { letter-spacing: -.035em; margin-right: 0; }
#intro .wm span { display: inline-block; color: transparent; -webkit-background-clip: text; background-clip: text; background-size: 260% 100%; background-position: 100% 0;
  background-image: linear-gradient(100deg, var(--c) 0 42%, #fff 50%, var(--c) 58% 100%); opacity: 0; transform: translateY(46px); filter: blur(14px); }
#intro .wm span:nth-child(1) { --c: #0766F4; } #intro .wm span:nth-child(2), #intro .wm span:nth-child(3) { --c: #1d1d1f; }
#intro.word .wm span { animation: letIn .8s cubic-bezier(.16,1,.3,1) both; }
#intro.word .wm span:nth-child(2) { animation-delay: .09s; } #intro.word .wm span:nth-child(3) { animation-delay: .18s; }
@keyframes letIn { to { opacity: 1; transform: none; filter: none; } }
#intro.sheen .wm span { background-position: 0 0; transition: background-position 1.1s cubic-bezier(.45,0,.2,1); }
#intro .tg { margin-top: 18px; font: 600 13px 'Montserrat','Inter',sans-serif; letter-spacing: .5em; margin-right: -.5em; color: #8e8e93; opacity: 0; transition: opacity .8s ease, letter-spacing 1.4s cubic-bezier(.16,1,.3,1); }
#intro.sheen .tg { opacity: 1; letter-spacing: .36em; }
#intro .pg { margin-top: 46px; width: 200px; height: 4px; border-radius: 2px; background: #e6ebf2; overflow: hidden; opacity: 0; transition: opacity .4s; }
#intro .pg i { display: block; height: 100%; border-radius: 2px; background: linear-gradient(90deg, #3d8bff, #0766F4); transform: scaleX(0); transform-origin: left; }
#intro.prog .pg { opacity: 1; } #intro.prog .pg i { animation: prog 1.35s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes prog { 0% { transform: scaleX(0); } 30% { transform: scaleX(.34); } 46% { transform: scaleX(.4); } 72% { transform: scaleX(.78); } 84% { transform: scaleX(.82); } 100% { transform: scaleX(1); } }
#intro .hi { margin-top: 22px; font-size: 16px; font-weight: 500; color: #3a3a3c; opacity: 0; transform: translateY(8px); transition: opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1); }
#intro.hi-on .hi { opacity: 1; transform: none; }
#intro .skip { position: absolute; right: 28px; bottom: 24px; display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; border: 0; border-radius: 8px; background: rgba(0,35,93,.05); color: #6e6e73; font: 600 12px 'Inter','Noto Sans JP',sans-serif; cursor: pointer; }
#app.enter { animation: appIn 1s cubic-bezier(.2,.8,.2,1) both; }
@keyframes appIn { from { opacity: 0; transform: scale(1.06); filter: blur(12px); } to { opacity: 1; transform: none; filter: none; } }
@media (prefers-reduced-motion: reduce) { #intro { display: none; } #app.enter { animation: none; } }

/* 結果の登録（右の窓）の本物の入力 */
.R .sheet .shb { overflow: auto; }
.R .sheet .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
.R .sheet .chips2 { display: flex; flex-wrap: wrap; gap: 6px; }
.R .sheet .chips2 span { height: 28px; padding: 0 10px; border-radius: 6px; display: inline-flex; align-items: center; background: #fff; box-shadow: inset 0 0 0 1px #d1d1d6; font-size: 12px; font-weight: 600; cursor: pointer; }
.R .sheet .chips2 span.on { background: #0766F4; color: #fff; box-shadow: none; }
.R .memo-cell { white-space: normal !important; line-height: 1.5; }
.R .words { display: flex; flex-wrap: wrap; gap: 6px; }
.R .words span { display: inline-flex; gap: 6px; align-items: center; height: 26px; padding: 0 10px; border-radius: 13px; background: #eef4ff; color: #0550c8; font-size: 12px; font-weight: 600; }
.R .words span b { color: #00235D; }

/* 管理者の6画面（2026年10月7日）：コックピット・クライアント別・クライアント分析・担当者別・担当者分析・AI監査 */
.R .side .sec { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.R.MAC .side { width: 256px; } .R .side .it { letter-spacing: 0; } .R .side .it span { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.R a.ixc { color: inherit; text-decoration: none; transition: box-shadow .15s; } .R a.ixc:hover { box-shadow: 0 0 0 1.5px #0766F4, 0 1px 3px rgba(0,0,0,.05); }
.R .ix3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.R .ix3 > .ixp { display: flex; flex-direction: column; } .R .ix3 > .ixp > .pb { flex: 1; }
.R .pfoot { display: flex; align-items: center; justify-content: flex-end; gap: 4px; padding: 8px 14px; border-top: 1px solid #eef1f6; font-size: 12px; font-weight: 600; color: #0766F4; }
.R .pfoot:hover { background: #f7f9fc; }
.R .rkbar { display: flex; height: 26px; border-radius: 7px; overflow: hidden; gap: 2px; }
.R .rkbar a { display: flex; align-items: center; justify-content: center; min-width: 34px; font-size: 11.5px; font-weight: 800; color: #fff; }
.R .rkbar a.S { background: #d92d20; } .R .rkbar a.A { background: #f5a524; } .R .rkbar a.B { background: #0766F4; } .R .rkbar a.C { background: #0DB228; }
.R .tb.mini th, .R .tb.mini td { padding-top: 5px; padding-bottom: 5px; font-size: 12px; }
.R .tb.mini td.co { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 0; }
.R .tb.list tr[data-go] { cursor: pointer; } .R .tb.list tr[data-go]:hover td { background: #f7f9fc; }
.R .sevs { display: inline-flex; gap: 8px; } .R .sevs a { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; }
.R .fds { display: flex; flex-direction: column; }
.R .fds a { display: grid; grid-template-columns: 18px 1fr; gap: 6px; align-items: start; padding: 7px 0; border-bottom: 1px solid #eef1f6; color: inherit; }
.R .fds a:last-child { border-bottom: 0; } .R .fds a:hover b { color: #0766F4; }
.R .fds .dot { width: 8px; height: 8px; border-radius: 50%; margin: 5px 0 0 4px; background: #f5a524; }
.R .fds .dot.r { background: #d92d20; } .R .fds .dot.g { background: #8e8e93; }
.R .fds b { font-size: 12.5px; } .R .fds .nm { display: block; font-size: 11px; color: #6e6e73; line-height: 1.5; margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.R .hb a.r { color: inherit; } .R .hb a.r:hover span:first-child { color: #0766F4; }
.R .hb.pace .r { grid-template-columns: 190px 1fr 48px; } .R .hb.pace .pg2 { margin-top: 0; height: 8px; }
.R .hb.pace .rk { width: 18px; height: 18px; font-size: 10.5px; margin-right: 4px; vertical-align: -3px; }
.R .chart2 .vl { font-size: 10px; fill: #3a3a3c; text-anchor: middle; font-weight: 600; }
.R .chart2 .ax2 { font-size: 9.5px; fill: #11734b; text-anchor: middle; }
.R .chart2 .ln { fill: none; stroke: #0DB228; stroke-width: 2; stroke-linejoin: round; } .R .chart2 .dt { fill: #fff; stroke: #0DB228; stroke-width: 2; }
.R .scat { width: 100%; height: auto; display: block; }
.R .scat .gl { stroke: #eef1f6; } .R .scat .ref { stroke: #8e8e93; stroke-dasharray: 4 4; }
.R .scat .ty { font-size: 10px; fill: #8e8e93; text-anchor: end; } .R .scat .tx { font-size: 10px; fill: #8e8e93; text-anchor: middle; }
.R .scat .al { font-size: 10.5px; fill: #6e6e73; text-anchor: middle; font-weight: 600; }
.R .scat .qd { font-size: 11px; fill: #aeaeb2; font-weight: 700; }
.R .scat .nm { font-size: 10px; fill: #3a3a3c; }
.R .scat .pt { fill: rgba(7,102,244,.45); stroke: #0766F4; stroke-width: 1; cursor: pointer; }
.R .scat .pt.S { fill: rgba(217,45,32,.45); stroke: #d92d20; } .R .scat .pt.A { fill: rgba(245,165,36,.5); stroke: #c47f00; }
.R .scat .pt.B { fill: rgba(7,102,244,.45); stroke: #0766F4; } .R .scat .pt.C { fill: rgba(13,178,40,.45); stroke: #0DB228; }
.R .scat a:hover .pt { stroke-width: 2.5; }
.R .fbar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 12px; }
.R .chipf { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #d9dee7; font-weight: 600; color: #3a3a3c; }
.R .chipf.on { background: #eef4ff; box-shadow: inset 0 0 0 1.5px #0766F4; color: #0550c8; }
.R .chipf .rk { width: 18px; height: 18px; font-size: 10.5px; }
.R .chipf .dot { width: 8px; height: 8px; border-radius: 50%; background: #f5a524; } .R .chipf .dot.r { background: #d92d20; } .R .chipf .dot.g { background: #8e8e93; } .R .chipf .dot.b { background: #0766F4; }
.R .vsep { width: 1px; height: 18px; background: #d9dee7; margin: 0 4px; }
.R .btn.xs { height: 24px; padding: 0 8px; font-size: 11.5px; }
.R td.acts { white-space: nowrap; } .R td.acts .btn + .btn { margin-left: 4px; }
.R .qgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.R .qb { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-radius: 10px; background: #f7f9fc; box-shadow: inset 3px 0 0 #0766F4; }
.R .qb.qg { box-shadow: inset 3px 0 0 #0DB228; } .R .qb.qr { box-shadow: inset 3px 0 0 #d92d20; } .R .qb.qa { box-shadow: inset 3px 0 0 #f5a524; } .R .qb { text-align: left; }
.R .qb b { font-size: 13px; } .R .qb .nm { font-size: 11px; color: #6e6e73; line-height: 1.5; } .R .qb .who { font-size: 11.5px; line-height: 1.6; } .R .qb .who a { color: #0550c8; }
.R .summ { font-size: 13px; line-height: 1.8; } .R .summ p { margin: 0 0 4px; } .R .summ ul { margin: 2px 0 0; padding-left: 18px; }
@media (max-width: 1180px) { .R .ix3 { grid-template-columns: 1fr; } .R .ix2 { grid-template-columns: 1fr; } .R .ixk, .R .ixk.k6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.R .hb .nmc { display: flex; align-items: center; gap: 6px; min-width: 0; text-align: left; } .R .hb .nmc em { font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* 2階層の枠（2026年10月7日）：第二画面の左上に戻る道とクライアントの札。担当クライアントの選択 */
.R .side .it.back2 { color: #0766F4; font-weight: 600; margin-bottom: 4px; }
.R .side .cbox { display: flex; flex-direction: column; gap: 1px; margin: 2px 4px 6px; padding: 8px 10px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 .5px rgba(0,0,0,.12); position: relative; cursor: default; }
.R .side .cbox[data-act] { cursor: pointer; } .R .side .cbox[data-act]:hover { box-shadow: 0 0 0 1.5px #0766F4; }
.R .side .cbox .cll { font-size: 10.5px; color: #8e8e93; font-weight: 600; } .R .side .cbox b { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 14px; }
.R .side .cbox svg { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #8e8e93; }
.R .cgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.R .ccard { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 12px; background: #fff; color: inherit; box-shadow: 0 0 0 .5px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.05); transition: box-shadow .15s; }
.R .ccard:hover { box-shadow: 0 0 0 1.5px #0766F4, 0 4px 14px rgba(7,102,244,.12); }
.R .ccard .cct { display: flex; align-items: center; gap: 8px; min-width: 0; } .R .ccard .cct b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.R .ccard .ccm { display: grid; grid-template-columns: 36px 96px 1fr; align-items: center; gap: 8px; font-size: 12.5px; } .R .ccard .ccm .lb { font-size: 11px; color: #6e6e73; font-weight: 600; }
.R .ccard .ccm small { color: #8e8e93; font-size: 11px; } .R .ccard .ccm .pg2 { margin-top: 0; }
.R .ccard .ccf { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 11.5px; color: #3a3a3c; border-top: 1px solid #eef1f6; padding-top: 8px; }
/* 期間・生産性管理の指標（2026年10月8日） */
.R .fbar2 { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: -4px 0 12px; }
.R .perb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; }
.R .perb label, .R .msel, .R .rng { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: #6e6e73; font-weight: 600; }
.R .perb .inp.sm, .R .msel .inp.sm, .R .rng .inp.sm { height: 28px; padding: 0 8px; font-size: 12px; }
.R .rng i { font-style: normal; color: #8e8e93; }
.R .msel { margin-left: 8px; } .R .msel select { min-width: 120px; }
.R .tblwrap.xs { overflow-x: auto; } .R .tblwrap.xs table { min-width: 1480px; table-layout: fixed; }
.R #ptbl { min-width: 1360px; } .R #ctbl { min-width: 1600px; }
.R #ctbl td.co .cn { font-weight: 600; } .R #ctbl td.co .tg2:first-of-type { margin-left: 6px; }
.R .tb.list tr.team td { background: #f4f7fc; font-weight: 700; }
.R .tb.mt td.num .dlt { margin-left: 4px; }
.R .lnd { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
.R .lnd a { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 9px; background: #f7f9fc; color: inherit; font-size: 11.5px; }
.R .lnd a:hover { box-shadow: inset 0 0 0 1.5px #0766F4; } .R .lnd .lb { font-weight: 700; color: #3a3a3c; } .R .lnd b { font-size: 14px; } .R .lnd b small { color: #8e8e93; font-size: 11px; }
.R .mst { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 11.5px; color: #3a3a3c; margin-bottom: 8px; }
.R .sh { color: #8e8e93; margin-left: 2px; font-size: 10px; }
.R .hg { display: grid; grid-template-columns: 28px repeat(10, minmax(0, 1fr)); gap: 3px; align-items: center; }
.R .hg span { font-size: 10.5px; color: #8e8e93; text-align: center; } .R .hg .hy { text-align: left; font-weight: 600; color: #3a3a3c; }
.R .hg i { height: 30px; border-radius: 5px; background: rgba(7,102,244, calc(var(--a) * .85 + .04)); font-style: normal; font-size: 9.5px; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; font-variant-numeric: tabular-nums; }
.R .fun2 { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; }
.R .fr2 { display: grid; grid-template-columns: 92px 1fr 64px 150px; gap: 8px; align-items: center; font-size: 12px; }
.R .fr2 .l { font-weight: 600; } .R .fr2 .bar { height: 14px; border-radius: 4px; background: #eef1f6; overflow: hidden; } .R .fr2 .bar i { display: block; height: 100%; background: #0766F4; border-radius: 4px; }
.R .fr2.fr-r .bar i { background: #d92d20; } .R .fr2.fr-b .bar i { background: #3d8bff; } .R .fr2.fr-g .bar i { background: #0DB228; } .R .fr2 .l { text-align: left; } .R .fr2 b { text-align: right; } .R .fr2 .mut { font-size: 11px; }
.R .nost { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; background: #fff7e6; color: #6b4a00; font-size: 12.5px; line-height: 1.6; }
.R .nost a { color: #0550c8; font-weight: 600; }
.R .d2r { margin-left: 8px; } .R .d2r .inp.sm { height: 26px; font-size: 11.5px; padding: 0 6px; }
.R .mtw { overflow-x: auto; } .R .tb.mt { min-width: 480px; } .R .tb.mt th { font-size: 10.5px; }
.R .ixp > .mtw .tb.mt td:first-child, .R .ixp > .mtw .tb.mt th:first-child, .R .ixp > .tb.mt td:first-child, .R .ixp > .tb.mt th:first-child { padding-left: 14px; }
.R .rc { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; line-height: 1.2; } .R .rc .dlt { margin-left: 0; height: 16px; font-size: 10px; }
.R .scat .qd { paint-order: stroke; stroke: #fff; stroke-width: 4px; stroke-linejoin: round; }
.R .hg i.lt { color: #0550c8; }
.R .tb.mini th { font-size: 10.5px; letter-spacing: 0; }
/* 指標の並び・補足なし・広い配置（2026年10月8日） */
.R .ixk.k9 { grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 10px; }
.R .ixk.k9 .ixc { padding: 12px 12px; }
.R .ixk.k9 .v { font-size: 22px; }
.R .ixk.k9 .lb { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.R .ixk.k9 .ks { font-size: 11px; white-space: nowrap; display: flex; align-items: center; gap: 4px; }
@media (max-width: 1380px) { .R .ixk.k9 { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.R .ix2.eq { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.R .fds.two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 24px; }
.R .fds.two a:nth-last-child(2) { border-bottom: 0; }
.R .lnd a { gap: 4px; padding: 10px 12px; }
.R .lnd .lv { display: grid; grid-template-columns: auto auto; justify-content: start; column-gap: 10px; align-items: baseline; font-size: 11.5px; color: #6e6e73; }
.R .lnd .lv b { font-size: 17px; color: #1d1d1f; }
.R .lnd .lsub { font-size: 11px; color: #6e6e73; } .R .lnd .lsub b { font-size: 12px; color: #1d1d1f; }
.R .rkbar { margin-bottom: 10px; }
.R .qgrid.q4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.R .qb.qbl { box-shadow: inset 3px 0 0 #0766F4; }
.R .lgc { margin-top: 4px; }
.R .tb th.r, .R .tb td.num { text-align: right; }
.R .tb .rc { align-items: flex-end; }
.R #ctbl td.co .tgs { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 3px; } .R #ctbl td.co .tgs .tg2 { margin-left: 0; }
.R .tb .stk { position: sticky; z-index: 1; background: #fff; }
.R .tb .stk.s1, .R .tb .stk.s1w { left: 0; } .R .tb .stk.s2 { left: 64px; box-shadow: 1px 0 0 #eef1f6; } .R .tb .stk.s1w { box-shadow: 1px 0 0 #eef1f6; }
.R .tb thead .stk { background: #f7f9fc; z-index: 2; }
.R .tb tr.team .stk { background: #f4f7fc; }
.R .tb tbody tr:nth-child(even) .stk { background: #fafbfd; }
.R .tb tbody tr[data-go]:hover .stk, .R .tb tbody tr.clk:hover .stk { background: #f7f9fc; }
.R #ptbl { min-width: 1160px; } .R #ctbl { min-width: 1430px; }
.R .tb.mt { min-width: 980px; }
.R .tb.mt th, .R #ctbl th, .R #ptbl th { white-space: normal; line-height: 1.25; vertical-align: bottom; padding-top: 6px; padding-bottom: 6px; }
.R .lnd .lv b small { font-size: 11px; color: #8e8e93; font-weight: 600; }
.R .ach { display: inline-flex; align-items: center; height: 17px; padding: 0 5px; border-radius: 4px; font-size: 10px; font-weight: 700; margin-left: 6px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.R .ach.ok { background: #e6f7e9; color: #11734b; } .R .ach.warn { background: #fff3dc; color: #8a5a00; } .R .ach.bad { background: #fde8e7; color: #b42318; }
.R .ixc.main .ach { background: rgba(255,255,255,.22); color: #fff; }
.R .cell2 .ach { margin-left: 0; align-self: flex-start; }
/* 指標のカード4枚（2026年10月8日）：どの札も 数 → 棒 → KPI・達成率 → 率 の同じ段。架電数（青）とリード取得（緑）を大きく */
.R .ixk.k4 { grid-template-columns: 1.3fr 1fr 1fr 1.3fr; gap: 12px; }
.R .kc2 { display: grid; grid-template-rows: auto auto 10px auto 1fr; row-gap: 6px; min-width: 0; padding: 14px 16px 12px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 .5px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.05); }
.R .kc2 .lb { font-size: 12px; font-weight: 700; color: #6e6e73; letter-spacing: .04em; white-space: nowrap; }
.R .kc2 .v { font-size: 28px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.R .kc2.hero .v { font-size: 36px; }
.R .kc2.hero.c { background: linear-gradient(180deg, #f5f9ff, #e8f1ff); box-shadow: 0 0 0 1px rgba(7,102,244,.22), inset 0 1px 0 #fff, 0 2px 6px rgba(7,102,244,.08); }
.R .kc2.hero.c .lb { color: #0757d1; }
.R .kc2.hero.l { background: linear-gradient(180deg, #f4fcf6, #e4f7ea); box-shadow: 0 0 0 1px rgba(13,178,40,.25), inset 0 1px 0 #fff, 0 2px 6px rgba(13,178,40,.08); }
.R .kc2.hero.l .lb { color: #11734b; }
.R .kc2 .kq-bar { align-self: center; }
.R .kc2 .kq-bar .pg2 { margin-top: 0; height: 8px; border-radius: 4px; }
.R .kc2 .kq-bar .pg2 i { border-radius: 4px; }
.R .kc2 .kq-b { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 20px; font-size: 12px; color: #6e6e73; font-variant-numeric: tabular-nums; white-space: nowrap; }
.R .kc2 .kq-b .ach { margin-left: 0; height: 20px; padding: 0 7px; font-size: 11.5px; border-radius: 5px; }
.R .kc2 .kq-f { display: flex; flex-direction: column; gap: 2px; align-self: end; padding-top: 8px; border-top: 1px solid rgba(0,0,0,.07); }
.R .kc2 .kq-f:empty { border-top: 0; }
.R .kc2 .kq-l { font-size: 11px; font-weight: 600; color: #8e8e93; white-space: nowrap; }
.R .kc2 .kq-r { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: 8px; row-gap: 2px; font-size: 11.5px; color: #6e6e73; font-variant-numeric: tabular-nums; }
.R .kc2 .kq-r b { font-size: 17px; font-weight: 700; color: #1d1d1f; }
.R .kc2 .kq-r .dlt { margin-left: 0; }
@media (max-width: 1100px) { .R .ixk.k4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .R .ixk.k4 { grid-template-columns: 1fr; } }
.R .kc2 .kq-bar .pg2 { display: block; }
.R .kc2 .kq-l { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 18px; } .R .kc2 .kq-l .dlt { margin-left: 0; }
/* 2026年10月8日 ナカウォの指摘（かぶって見づらい・タグが多い・セグメントと検索の窓）：接頭辞 xa- */
.R .xa-sec { margin: 12px 0 6px; font-size: 11.5px; font-weight: 700; color: #3a3a3c; } .R .pb > .xa-sec:first-child { margin-top: 2px; }
.R .tb.xa-fx { table-layout: fixed; width: 100%; } .R .tb.xa-fx td.co { max-width: none; }
.R .tb.xa-fx th { white-space: normal; line-height: 1.25; vertical-align: bottom; }
.R .xa-rk { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.R .xa-rk a { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center; padding: 8px 10px; border-radius: 9px; background: #f7f9fc; color: inherit; }
.R .xa-rk a:hover { box-shadow: inset 0 0 0 1.5px #0766F4; }
.R .xa-rk b { font-size: 18px; } .R .xa-rk b small { font-size: 11px; color: #8e8e93; margin-left: 2px; font-weight: 600; }
.R .xa-rk span:last-child { grid-column: 1 / -1; font-size: 10.5px; color: #6e6e73; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.R .xa-flt { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.R .xa-flt .inp.sm { height: 30px; padding: 0 8px; font-size: 12px; }
.R .xa-cond { display: inline-flex; align-items: center; gap: 4px; } .R .xa-cond i { font-style: normal; font-size: 12px; color: #6e6e73; }
.R .xa-clr { font-size: 12px; color: #0766F4; font-weight: 600; margin-left: 2px; }
.R .xa-ld { display: block; font-size: 11px; color: #8e8e93; margin-top: 1px; }
.R .xa-flc { line-height: 1.2; } .R td.xa-flc { white-space: normal; }
.R .xa-fl { display: inline-flex; align-items: center; gap: 4px; margin: 1px 6px 1px 0; font-size: 11.5px; font-weight: 600; color: #3a3a3c; white-space: nowrap; }
.R .xa-fl::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #f5a524; flex: none; }
.R .xa-fl.r { color: #b42318; } .R .xa-fl.r::before { background: #d92d20; } .R .xa-fl.g::before { background: #8e8e93; } .R .xa-fl.b::before { background: #0766F4; }
.R .xa-st { height: 26px !important; padding: 0 6px !important; font-size: 11.5px !important; font-weight: 700; border-radius: 6px; }
.R .xa-st.open { background: #fde8e7; color: #b42318; } .R .xa-st.doing { background: #fff3dc; color: #8a5a00; } .R .xa-st.done { background: #e6f7e9; color: #11734b; }
.R .xa-src { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; margin-left: 8px; border-radius: 5px; background: #eef1f6; color: #6e6e73; font-size: 11px; font-weight: 600; white-space: nowrap; }
.R .xa-scr { max-height: 520px; overflow: auto; border-top: 1px solid #eef1f6; }
.R .xa-scr .tb thead th { position: sticky; top: 0; z-index: 2; }
.R .xa-scr .tb thead th.stk { z-index: 3; }
.R .xa-scr #xtbl { min-width: 1500px; table-layout: fixed; }
.R .xa-mt { table-layout: fixed; min-width: 1300px; }
.R .xa-mn { display: flex; align-items: center; gap: 6px; min-width: 0; } .R .xa-mn > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.R .xa-lk { display: inline-flex; color: #8e8e93; padding: 2px; border-radius: 4px; flex: none; } .R .xa-lk:hover { color: #0766F4; background: #eef4ff; }
.R .xa-lk2 { font-size: 11px; font-weight: 600; color: #0766F4; margin-left: 6px; }
.R .xa-nm { color: #1d1d1f; font-weight: 600; } .R .xa-nm:hover { color: #0766F4; text-decoration: underline; }
.R .xa-bar { display: flex; align-items: center; gap: 8px; padding: 10px 14px 8px; border-top: 1px solid #eef1f6; font-size: 12.5px; }
.R .xa-scr .tb td.co { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.R #ctbl { min-width: 1660px; }
.R .ixp > .mtw .tb.mt td:last-child, .R .ixp > .mtw .tb.mt th:last-child, .R .xa-scr .tb td:last-child, .R .xa-scr .tb th:last-child { padding-right: 14px; }
/* 2026年10月8日（2回目）ナカウォ「名前が見えない」「全体は個別と抑揚を」「改行やズレ・大きさを整えて」 */
.R .tb.xa-fx { table-layout: auto; width: 100%; }
.R .tb.xa-fx th { white-space: nowrap; vertical-align: bottom; line-height: 1.25; }
.R .tb.xa-fx th small { display: block; font-size: 10px; font-weight: 500; color: #8e8e93; }
.R .tb.xa-fx td { white-space: nowrap; }
.R .tb.xa-fx td.co { max-width: 220px; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.R .tb.xa-fx th, .R .tb.xa-fx td { padding-left: 8px; padding-right: 8px; }
.R .xa-ms { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; margin-bottom: 4px; }
.R .xa-ms > div { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 9px; background: #f7f9fc; min-width: 0; }
.R .xa-ms span { font-size: 10.5px; font-weight: 600; color: #6e6e73; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.R .xa-ms b { font-size: 16px; font-weight: 700; color: #1d1d1f; white-space: nowrap; } .R .xa-ms b small { font-size: 11px; color: #8e8e93; margin-left: 1px; }
@media (max-width: 1500px) { .R .xa-ms { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* 全体の行：個別の行と見分けがつくように（色・太さ・下の線・左の印） */
.R .tb.list tr.team td { background: #eaf2ff; font-weight: 700; color: #0b2a5b; border-bottom: 2px solid #bcd0f2; }
.R .tb.list tr.team td:first-child { box-shadow: inset 3px 0 0 #0766F4; }
.R .tb tr.team .stk { background: #eaf2ff; }
.R .tb.list tr.team .cell2 .t { font-size: 14px; }
/* 指標の表：幅いっぱい、見出しは折り返さない（はみ出す時だけ横に送る） */
.R .tb.mt { width: 100%; min-width: 0; }
.R .tb.mt th, .R #ctbl th, .R #ptbl th, .R #xtbl th { white-space: nowrap; }
.R #ctbl { min-width: 1700px; }
/* 2列の枠は、狭い画面では1列に（名前や選択が切れないように） */
@media (max-width: 1400px) { .R .ix2.eq.xa-st2 { grid-template-columns: minmax(0, 1fr); } }
.R .scat { max-height: 440px; } .R .chart2 { max-height: 300px; }
/* 2026年10月8日（3回目）：クライアントの中の画面の崩れ */
/* ダッシュボードは1画面に押し込まず、下へスクロールできるように（切れていた） */
.R .d2 .dg { flex: none; grid-template-rows: auto auto auto; }
.R .d2 .dleft, .R .d2 .dright { min-height: auto; }
.R .d2 .dleft .tgp { flex: none; }
.R .d2 .ph { flex-wrap: wrap; row-gap: 6px; height: auto; min-height: 44px; padding-top: 6px; padding-bottom: 6px; }
/* 一覧の表：狭い時は名前の列を潰さず横に送る（見出しが重なっていた） */
.R .tblwrap { overflow-x: auto; }
.R .tblwrap > table.tb { min-width: 860px; }
/* 分析・解析の曜日 */
.R .xa-days a { min-width: 30px; justify-content: center; padding: 0 8px; }
.R .ctrl .cr { flex-wrap: wrap; row-gap: 8px; }
/* クライアント切替 */
.R .xa-csl, .xa-csl { display: flex; flex-direction: column; gap: 2px; max-height: 360px; overflow-y: auto; margin-top: 8px; padding: 2px; }
.xa-csi { display: block; width: 100%; text-align: left; padding: 9px 12px; border: 0; border-radius: 8px; background: transparent; font: inherit; font-size: 13.5px; color: #1d1d1f; cursor: pointer; }
.xa-csi:hover, .xa-csi:focus-visible { background: #eef4ff; outline: none; }
.xa-csi.on { background: #0766F4; color: #fff; font-weight: 700; }
.xa-csi[hidden] { display: none; }
.R .xa-tgw { overflow-x: auto; } .R .xa-tgw .tb.tgt { min-width: 820px; }
/* レポート（2026年10月8日）：画面の見出し・章・次月の打ち手。PDF は印刷で A4 に */
.R .xa-rh { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; padding: 4px 2px 2px; }
.R .xa-rh b { font-size: 20px; font-weight: 800; color: #1d1d1f; } .R .xa-rh span { font-size: 14px; font-weight: 700; color: #0757d1; } .R .xa-rh em { font-style: normal; font-size: 13px; color: #6e6e73; margin-left: auto; font-variant-numeric: tabular-nums; }
.R .xa-note { min-height: 96px; padding: 12px 14px; font-size: 13px; line-height: 1.8; white-space: pre-wrap; outline: none; }
.R .xa-note[contenteditable="true"]:focus { box-shadow: inset 0 0 0 1.5px #0766F4; border-radius: 0 0 12px 12px; }
@media print {
  @page { size: A4; margin: 12mm; }
  html, body, #app { height: auto !important; overflow: visible !important; background: #fff !important; }
  .R .side, .R .hd, .xa-noprint, .toast, #intro { display: none !important; }
  .R, .R .app, .R main.page, .R .ix { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important; background: #fff !important; }
  .R .xa-rp > * { margin-bottom: 10px; }
  .R .xa-rs { break-inside: avoid; box-shadow: none !important; border: 1px solid #d9dee7; }
  .R .xa-rp2 { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
  .R .tb.mt { min-width: 0 !important; } .R .mtw { overflow: visible !important; }
  .R .ph { background: #f4f7fc !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .R .xa-note { min-height: 0; }
}
@media print {
  .R { width: auto !important; min-width: 0 !important; }
  .R .app, .R main.page { width: auto !important; min-width: 0 !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; }
  .R .xa-rs .tb { table-layout: auto !important; width: 100% !important; }
  .R .xa-rs .tb th, .R .xa-rs .tb td { padding: 4px 6px !important; height: auto !important; font-size: 10px !important; line-height: 1.35; }
  .R .xa-rs .tb td:not(.num) { text-align: left; }
  .R .xa-rs .ph { min-height: 0; padding-top: 6px; padding-bottom: 6px; }
  .R .xa-rh em { margin-left: 0; }
}
.R .xa-rs .tb td:not(.num) { text-align: left; }
.R .xa-rs .tb th:not(.r) { text-align: left; }
.R #ltbl { min-width: 1080px; }

/* ログイン画面（STS 独自のログイン。データXのログイン画面と同じ組み方を STS の色で。2026年10月8日 ナカウォ「データXの際に作ったログイン画面で良いので」） */
.xa-lg { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 16px;
  background: radial-gradient(1200px 700px at 50% 40%, #ffffff 0%, #eef3fb 62%); color: #1d1d1f; font: 14px 'Inter','Noto Sans JP','Hiragino Sans','Yu Gothic UI',Meiryo,sans-serif; }
.xa-lg:before { content: "S"; position: absolute; right: -4vw; bottom: -14vh; font: 900 64vh/1 'Inter',sans-serif; letter-spacing: -.06em; color: rgba(7,102,244,.06); pointer-events: none; user-select: none; }
.xa-lg form { position: relative; width: 400px; max-width: 100%; padding: 40px 40px 34px; background: #fff; border: 1px solid #e3e8f0; border-radius: 14px; box-shadow: 0 30px 80px -30px rgba(0,35,93,.35); }
.xa-lg .eb { font-size: 10px; letter-spacing: .28em; color: #8e8e93; text-transform: uppercase; margin: 6px 0 10px; text-align: center; }
.xa-lg h1 { margin: 0 0 10px; font: 900 44px/1.1 'Inter',sans-serif; letter-spacing: -.02em; text-align: center; } .xa-lg h1 b { color: #0766F4; }
.xa-lg .ld { margin: 0 0 26px; font-size: 12.5px; color: #6e6e73; line-height: 1.7; text-align: center; } .xa-lg .ld b { color: #1d1d1f; }
.xa-lg label { display: block; font-size: 10.5px; letter-spacing: .12em; color: #6e6e73; margin: 18px 0 6px; }
.xa-lg input { width: 100%; padding: 11px 2px; font-size: 15px; border: 0; border-bottom: 1px solid #d7deea; border-radius: 0; background: transparent; color: #1d1d1f; outline: 0; transition: border-color .15s; }
.xa-lg input:focus { border-bottom-color: #0766F4; }
.xa-lg button { width: 100%; margin-top: 30px; padding: 13px; font-size: 13.5px; font-weight: 700; letter-spacing: .18em; border: 1px solid #0766F4; border-radius: 8px; background: linear-gradient(90deg,#0766F4,#2f86ff); color: #fff; cursor: pointer; transition: all .15s; }
.xa-lg button:hover { background: transparent; color: #0766F4; } .xa-lg button[disabled] { opacity: .55; cursor: default; }
.xa-lg .er { font-weight: 700; font-size: 12px; margin-top: 14px; border-left: 3px solid #0766F4; padding-left: 8px; line-height: 1.6; }
.xa-lg .er:empty { display: none; }
.xa-lg .ft { margin: 22px 0 0; padding: 0; font-size: 10.5px; letter-spacing: .06em; color: #8e8e93; display: flex; justify-content: space-between; }

/* 設定用リンクの欄・アカウントの窓（2026年10月8日） */
.xa-lk { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.xa-lkb { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12px; }
.xa-acb { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; } .xa-acb .btn { border: 1px solid #d7deea; }
.R [data-act="me"] { cursor: pointer; } .R .who2[data-act="me"]:hover { opacity: .8; }

/* 設定 → Zoom 連携・録音の窓（2026年10月8日） */
.R .xa-zs { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; }
.R .xa-zt { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 10px; background: #f5f7fb; }
.R .xa-zt span { font-size: 11px; color: #6e6e73; } .R .xa-zt b { font-size: 18px; } .R .xa-zt i { font-style: normal; font-size: 11px; color: #8e8e93; }
.R .xa-zu { display: flex; align-items: center; gap: 10px; margin-top: 12px; font-size: 12.5px; flex-wrap: wrap; } .R .xa-zu code { padding: 3px 8px; border-radius: 6px; background: #f5f7fb; font-size: 12px; user-select: all; }
.R .xa-zin { height: 30px; font-size: 12.5px; min-width: 220px; }
.R .xa-zk { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 12.5px; } .R .xa-zk > span { display: inline-flex; gap: 6px; }
.xa-au { width: 100%; margin: 4px 0 10px; }
.xa-tr { max-height: 50vh; overflow: auto; white-space: pre-wrap; font-size: 12.5px; line-height: 1.7; padding: 10px 12px; border-radius: 8px; background: #f5f7fb; }
.R .scol.xa-zc { overflow: auto; padding-bottom: 16px; } .R .scol.xa-zc > .pane { flex: none; }
.xa-lk > .btn { align-self: flex-start; border: 1px solid #d7deea; }
.modal .xa-lk > button.btn, .modal .xa-acb > button.btn { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border: 1px solid #d7deea; border-radius: 8px; background: #fff; color: #1d1d1f; font-weight: 600; cursor: pointer; }
.modal .xa-lk > button.btn:hover, .modal .xa-acb > button.btn:hover { border-color: #0766F4; color: #0766F4; }
/* 設定 → メンバーの一覧：列が重ならないよう幅を決め、狭い時は横に送る（2026年10月8日） */
.R .tblwrap > table.xa-mt { min-width: 760px; } .R .xa-mt .xa-nm, .R .xa-mt .xa-em { overflow: hidden; text-overflow: ellipsis; } .R .xa-mt .xa-em { font-size: 11.5px; font-weight: 400; color: #6e6e73; } .R .xa-mt td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }