/* ============================================================
 * 営業CRM — Salesforce Lightning Experience スキン（2026-07-24）
 * 動画キーフレーム（f010/f012/f022/f036/f042）の見た目を忠実に再現する。
 * Lightningの設計言語: 背景#f3f2f2 / カード白・角丸4px・枠#dddbda / ブルー#0176d3 /
 * ネイビー#032d60 / 成功#04844b / パス=シェブロン / テーブルヘッダ#fafaf9
 * ============================================================ */
.sf-app{background:#f3f2f2;border:1px solid #dddbda;border-radius:12px;overflow:hidden;min-height:calc(100dvh - 40px);display:flex;flex-direction:column;font-size:13px;color:#181818}
.sf-app .sp{flex:1}

/* ---- グローバルヘッダー（上段=アプリ識別＋検索・Bloomロゴは置かない） ---- */
.sf-gh{display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid #dddbda;padding:8px 16px}
.sf-gh-app{display:flex;align-items:center;flex:none}
.sf-search{position:relative;display:flex;align-items:center;gap:8px;flex:1;max-width:640px;margin:0 auto;background:#fff;border:1px solid #c9c7c5;border-radius:6px;padding:6px 12px}
.sf-search:focus-within{border-color:#0176d3;box-shadow:0 0 0 1px #0176d3}
.sf-search svg{width:15px;height:15px;color:#706e6b;flex:none}
.sf-search-scope{font-size:12px;color:#444;border-right:1px solid #dddbda;padding-right:10px;white-space:nowrap}
.sf-search input{border:0;outline:0;flex:1;font:inherit;font-size:13px;background:none;min-width:0}
.sf-search-dd{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #dddbda;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:50;overflow:hidden}
.sf-search-dd button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;font:inherit;text-align:left;padding:9px 12px;cursor:pointer}
.sf-search-dd button:hover{background:#f3f9ff}
.sf-search-dd .tx b{display:block;font-size:12.5px;color:#0176d3}
.sf-search-dd .tx span{display:block;font-size:10.5px;color:#706e6b}
.sf-search-none{padding:12px;font-size:12px;color:#706e6b;text-align:center}
.sf-gh-right{display:flex;align-items:center;gap:12px}
.sf-gh-ic{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:13px;color:#706e6b;cursor:default}
.sf-gh-av{width:28px;height:28px;border-radius:50%;background:#c7406d;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}

/* ---- ナビゲーションバー（下段=タブだけ・アプリ識別は上段へ移動） ---- */
.sf-nav{display:flex;align-items:center;gap:2px;background:#fff;border-bottom:1px solid #dddbda;padding:0 14px;overflow-x:auto;scrollbar-width:none}
.sf-waffle{display:grid;grid-template-columns:repeat(3,4px);gap:2px;margin-right:9px;cursor:default;flex:none}
.sf-waffle i{width:4px;height:4px;border-radius:1px;background:#706e6b}
.sf-appname{font-size:15px;font-weight:700;color:#080707;margin-right:14px;white-space:nowrap}
.sf-tab{border:0;background:none;font:inherit;font-size:13px;color:#444;padding:11px 13px 9px;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent}
.sf-tab:hover{color:#0176d3}
.sf-tab.on{color:#0176d3;font-weight:700;border-bottom-color:#0176d3}
.sf-caret{font-size:9px;color:#b0adab;margin-left:1px}

/* ---- ステージ共通 ---- */
.sf-stage{flex:1;padding:14px;overflow:auto}
.sf-card{background:#fff;border:1px solid #dddbda;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.sf-card-hd{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid #f0efee;font-size:13px}
.sf-card-hd b{font-size:13px;color:#080707}
.sf-sub{font-size:11px;color:#706e6b}
.sf-link{border:0;background:none;font:inherit;font-size:12px;color:#0176d3;cursor:pointer}
.sf-link:hover{text-decoration:underline}
.sf-blue{color:#0176d3}
.sf-btn{border:1px solid #c9c7c5;background:#fff;color:#0176d3;font:inherit;font-size:12.5px;font-weight:600;border-radius:4px;padding:6px 14px;cursor:pointer;white-space:nowrap}
.sf-btn:hover{background:#f4f6f9}
.sf-btn.brand{background:#0176d3;border-color:#0176d3;color:#fff}
.sf-btn.brand:hover{background:#0b5cab}
.sf-btn.navy{background:#032d60;border-color:#032d60;color:#fff}
.sf-btn.ghost{border-style:dashed;color:#706e6b}
.sf-btn.xs{padding:3px 9px;font-size:11px}
.sf-btn:disabled{opacity:.55;cursor:default}
.sf-empty{padding:26px 12px;text-align:center;color:#706e6b;font-size:12.5px}
.sf-oic{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;flex:none}
.sf-oic svg{width:17px;height:17px}
.sf-oic.sm{width:22px;height:22px;border-radius:5px}
.sf-oic.sm svg{width:13px;height:13px}
.sf-oic[data-oc="lead"]{background:#f88962}
.sf-oic[data-oc="account"]{background:#5876a3}
.sf-oic[data-oc="contact"]{background:#a094ed}
.sf-oic[data-oc="opp"]{background:#fcb95b}

/* ---- ホーム ---- */
.sf-hgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;margin-bottom:12px}
.sf-hgrid2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:1100px){.sf-hgrid,.sf-hgrid2{grid-template-columns:1fr}}
.sf-perf-num{font-size:22px;font-weight:800;color:#080707}
.sf-chart{display:block;width:100%;height:auto;padding:10px 14px 4px}
.sf-axis{display:flex;justify-content:space-between;padding:0 14px 10px;font-size:10px;color:#b0adab}
.sf-bart{font-size:11px;fill:#444}
.sf-barv{font-size:10.5px;fill:#706e6b}
.sf-assist-list{list-style:none;margin:0;padding:6px 0}
.sf-assist-list li{display:flex;gap:9px;align-items:flex-start;padding:8px 14px;font-size:12.5px;cursor:pointer}
.sf-assist-list li:hover{background:#f3f9ff}
.sf-assist-list li.none{cursor:default;color:#706e6b}
.a-dot{width:8px;height:8px;border-radius:50%;flex:none;margin-top:5px}
.a-dot.new{background:#0176d3}
.a-dot.warn{background:#ea001e}
.a-dot.soon{background:#fe9339}
.a-dot.gift{background:#ba01ff}
.sf-mini-list{list-style:none;margin:0;padding:4px 0}
.sf-mini-list li{display:flex;align-items:center;gap:9px;padding:7px 14px}
.sf-mini-list li.lnk{cursor:pointer}
.sf-mini-list li.lnk:hover{background:#f3f9ff}
.sf-mini-list li.none{color:#706e6b;font-size:12px}
.sf-mini-list .tx{flex:1;min-width:0}
.sf-mini-list .tx b{display:block;font-size:12.5px;font-weight:600;color:#181818;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-mini-list li.lnk .tx b{color:#0176d3}
.sf-mini-list .tx span{display:block;font-size:10.5px;color:#706e6b}
.sf-check{position:relative;display:inline-block;width:16px;height:16px;flex:none;cursor:pointer}
.sf-check input{position:absolute;opacity:0;inset:0;cursor:pointer}
.sf-check i{position:absolute;inset:0;border:1px solid #c9c7c5;border-radius:3px;background:#fff}
.sf-check input:checked + i{background:#0176d3;border-color:#0176d3}
.sf-check input:checked + i::after{content:'✓';position:absolute;inset:0;color:#fff;font-size:11px;line-height:15px;text-align:center}

/* ---- リストビュー ---- */
.sf-lv-hd{display:flex;align-items:center;gap:10px;margin-bottom:2px}
.sf-lv-title{display:flex;flex-direction:column}
.sf-lv-obj{font-size:11px;color:#706e6b}
.sf-lv-view select{border:0;background:none;font:inherit;font-size:16px;font-weight:800;color:#080707;cursor:pointer;padding:0;max-width:340px}
.sf-lv-sub{font-size:11.5px;color:#706e6b;margin:4px 0 10px 40px}
.sf-lv-sub2{font-size:11.5px;color:#706e6b;margin-left:8px}
.sf-seg{display:flex;border:1px solid #c9c7c5;border-radius:4px;overflow:hidden}
.sf-seg button{border:0;background:#fff;font-size:13px;padding:5px 10px;cursor:pointer;color:#706e6b}
.sf-seg button.on{background:#0176d3;color:#fff}
.sf-table-wrap{background:#fff;border:1px solid #dddbda;border-radius:4px;overflow:auto;max-height:calc(100dvh - 250px)}
.sf-lv-more{display:flex;justify-content:center;padding:12px;border-top:1px solid #f0efee;position:sticky;bottom:0;background:#fff}
.sf-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:760px}
.sf-table thead th{position:sticky;top:0;background:#fafaf9;border-bottom:1px solid #dddbda;text-align:left;font-size:11.5px;color:#514f4d;font-weight:700;padding:8px 10px;cursor:pointer;white-space:nowrap;z-index:2}
.sf-table thead th i{font-style:normal;color:#0176d3}
.sf-table thead th.sorted{color:#0176d3}
.sf-table thead th.chk,.sf-table td.chk{width:30px;cursor:default;text-align:center}
.sf-table thead th.act,.sf-table td.act{width:34px}
.sf-table tbody td{border-bottom:1px solid #f0efee;padding:7px 10px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.sf-table tbody tr:hover{background:#f3f9ff}
.sf-cell-link{color:#0176d3;font-weight:600;cursor:pointer;text-decoration:none}
.sf-cell-link:hover{text-decoration:underline}
.sf-rowmenu{border:0;background:none;cursor:pointer;font-size:12px;opacity:0;color:#706e6b}
.sf-table tbody tr:hover .sf-rowmenu,.sf-rowmenu:focus-visible{opacity:1}
.sf-pill{display:inline-block;font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 9px;background:#f3f2f2;color:#514f4d}
.sf-pill.st-open{background:#e5f2fc;color:#0b5cab}
.sf-pill.st-contacted{background:#fef1e2;color:#8c4b02}
.sf-pill.st-qualified{background:#ebf7e6;color:#396547}
.sf-pill.st-converted{background:#04844b;color:#fff}
.sf-pill.st-lost{background:#f3f2f2;color:#706e6b}
.sf-pill.sg-won{background:#04844b;color:#fff}
.sf-pill.sg-lost{background:#f3f2f2;color:#706e6b}
.sf-pill[class*="sg-"]:not(.sg-won):not(.sg-lost){background:#e5f2fc;color:#0b5cab}
.sf-rate.hot{color:#ea001e;font-weight:700}
.sf-rate.warm{color:#8c4b02;font-weight:700}
.sf-rate.cold{color:#0b5cab;font-weight:700}

/* 会員バッジ・プランチップ（顧客360・2026-07-24） */
.sf-member{display:inline-block;font-size:10px;font-weight:800;background:#eef2ff;color:#4338ca;border:1px solid #d8def7;border-radius:99px;padding:1px 8px;vertical-align:1px}
.sf-plan{display:inline-block;font-size:10px;font-weight:700;background:#ebf7e6;color:#396547;border-radius:6px;padding:2px 8px;margin:1px 3px 1px 0}

/* ---- レコードページ ---- */
.sf-rec-card{background:#fff;border:1px solid #dddbda;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.sf-rec-hd{display:flex;align-items:center;gap:11px;padding:12px 16px 8px}
.sf-rec-name i{display:block;font-style:normal;font-size:11px;color:#706e6b}
.sf-rec-name b{font-size:17px;color:#080707}
.sf-rec-actions{display:flex;gap:6px;flex-wrap:wrap}
.sf-hl{display:flex;gap:34px;flex-wrap:wrap;padding:8px 16px 13px}
.sf-hl-item span{display:block;font-size:10.5px;color:#706e6b}
.sf-hl-item b{display:block;font-size:12.5px;font-weight:700;color:#181818;margin-top:1px}
.sf-owner{color:#0176d3}

/* Path（シェブロン・f012） */
.sf-buildpath{margin-top:12px}
.sf-buildpath-lb{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#5876a3;margin-bottom:5px}
.sf-buildpath-n{font-size:11px;font-weight:700;color:#514f4d;background:#eef2f8;border-radius:6px;padding:2px 9px}
.sf-buildpath .sf-path-wrap{border-color:#c6d3e6}
.sf-buildpath .sf-pstep.cur{background:#5876a3}
.sf-buildpath .sf-pstep.cur::after{border-left-color:#5876a3}
.sf-path-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dddbda;border-radius:4px;margin-top:10px;padding:9px 12px}
.sf-path{display:flex;flex:1;gap:2px;overflow-x:auto;scrollbar-width:none}
.sf-pstep{border:0;font:inherit;font-size:12px;font-weight:700;color:#514f4d;background:#f3f2f2;padding:9px 18px 9px 24px;cursor:pointer;white-space:nowrap;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%,11px 50%)}
.sf-pstep:first-child{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%);border-radius:4px 0 0 4px;padding-left:16px}
.sf-pstep.done{background:#04844b;color:#fff}
.sf-pstep.cur{background:#0176d3;color:#fff}
.sf-pstep:disabled{cursor:default}
.sf-rec-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;margin-top:10px;align-items:start}
@media(max-width:1050px){.sf-rec-cols{grid-template-columns:1fr}}
.sf-rec-main,.sf-rec-side{background:#fff;border:1px solid #dddbda;border-radius:4px}
.sf-subtabs{display:flex;gap:2px;border-bottom:1px solid #dddbda;padding:0 10px}
.sf-subtabs button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:#444;padding:11px 13px 9px;border-bottom:3px solid transparent;cursor:pointer}
.sf-subtabs button.on{color:#0176d3;border-bottom-color:#0176d3;font-weight:700}
.sf-subtabs button:disabled{color:#b0adab;cursor:default}
.sf-dgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;padding:10px 16px 14px}
@media(max-width:700px){.sf-dgrid{grid-template-columns:1fr}}
.sf-field{position:relative;border-bottom:1px solid #f0efee;padding:7px 0 6px;min-width:0}
.sf-flabel{display:block;font-size:10.5px;color:#706e6b}
.sf-fval{display:flex;align-items:center;gap:8px;font-size:13px;color:#181818;margin-top:1px;min-height:22px;word-break:break-all}
.sf-fval .dim{color:#b0adab;font-style:normal}
.sf-pencil{position:absolute;right:0;top:18px;border:0;background:none;color:#b0adab;font-size:12px;cursor:pointer;opacity:0}
.sf-field:hover .sf-pencil{opacity:1}
.sf-fin{flex:1;min-width:0;border:1px solid #0176d3;border-radius:4px;padding:5px 8px;font:inherit;font-size:12.5px}
.sf-msg{padding:12px 16px}
.sf-msg p{font-size:13px;line-height:1.85;white-space:pre-wrap;word-break:break-word;background:#fafaf9;border:1px solid #f0efee;border-radius:6px;padding:12px 14px;max-height:340px;overflow:auto}
.sf-msg a{color:#0176d3}
.sf-msg-slots{margin-top:8px;font-size:12px;color:#514f4d}
.sf-related{padding:10px 12px 12px;display:grid;gap:10px}
.sf-rel-card{border:1px solid #f0efee;border-radius:4px}

/* 活動（コンポーザ＋タイムライン・f016） */
.sf-act{padding:0 0 10px}
.sf-composer{border-bottom:1px solid #f0efee}
.sf-comp-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:8px 10px 0}
.sf-comp-tabs button{border:1px solid #dddbda;border-bottom:0;background:#fafaf9;font:inherit;font-size:11px;font-weight:600;color:#514f4d;padding:6px 10px;border-radius:4px 4px 0 0;cursor:pointer}
.sf-comp-tabs button.on{background:#fff;color:#0176d3;border-color:#0176d3}
.sf-comp-body{display:flex;gap:7px;padding:9px 10px 11px}
.sf-comp-body input{flex:1;min-width:0;border:1px solid #c9c7c5;border-radius:4px;padding:7px 10px;font:inherit;font-size:12.5px}
.sf-comp-body input#sf-act-due{flex:none;width:130px}
.sf-tl{padding:4px 12px}
.sf-tl-cap{display:block;font-size:11px;font-weight:800;color:#514f4d;margin:10px 0 4px}
.sf-tl-none{font-size:12px;color:#706e6b;background:#fafaf9;border-radius:4px;padding:10px 12px;margin:4px 0}
.sf-tl-month{font-size:10.5px;font-weight:800;color:#706e6b;border-bottom:1px solid #f0efee;padding:6px 0 3px;letter-spacing:.04em}
.sf-tl-list{list-style:none;margin:0;padding:0}
.sf-tl-list li{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px dashed #f0efee}
.sf-tl-list li:last-child{border-bottom:0}
.sf-ak{flex:none;font-size:9.5px;font-weight:800;border-radius:4px;padding:3px 7px;margin-top:1px;background:#f3f2f2;color:#514f4d}
.sf-ak.k-call{background:#e5f2fc;color:#0b5cab}
.sf-ak.k-email{background:#f3ecfd;color:#7526e3}
.sf-ak.k-meeting{background:#ebf7e6;color:#396547}
.sf-ak.k-task{background:#fef1e2;color:#8c4b02}
.sf-tl-list .tx{flex:1;min-width:0}
.sf-tl-list .tx b{display:block;font-size:12.5px;font-weight:600;color:#181818;white-space:pre-wrap;word-break:break-word}
.sf-tl-list .tx span{display:block;font-size:10.5px;color:#706e6b;margin-top:1px}

/* ---- かんばん ---- */
.sf-kb{display:grid;grid-template-columns:repeat(6,minmax(196px,1fr));gap:9px;overflow-x:auto;align-items:start;padding-bottom:8px}
.sf-kb-col{background:#f3f2f2;border:1px solid #e5e5e5;border-radius:6px}
.sf-kb-col.won{background:#ebf7e6}
.sf-kb-col.lost{background:#efeeed}
.sf-kb-hd{padding:9px 11px 5px;border-bottom:1px solid #e5e5e5}
.sf-kb-hd b{display:block;font-size:12px;color:#080707}
.sf-kb-hd span{display:block;font-size:10.5px;color:#706e6b;margin-top:1px}
.sf-kb-cards{min-height:140px;padding:7px;display:flex;flex-direction:column;gap:7px}
.sf-kb-cards.over{outline:2px dashed #0176d3;outline-offset:-4px;border-radius:6px}
.sf-kb-card{position:relative;background:#fff;border:1px solid #dddbda;border-radius:4px;padding:9px 10px;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.sf-kb-card:hover{border-color:#0176d3}
.sf-kb-card.drag{opacity:.4}
.sf-kb-card b{display:block;font-size:12px;color:#0176d3;line-height:1.4;padding-right:14px}
.sf-kb-card .kc-acc{display:block;font-size:10.5px;color:#514f4d;margin-top:2px}
.sf-kb-card .kc-amt{display:block;font-size:12px;font-weight:800;color:#080707;margin-top:4px}
.sf-kb-card .kc-date{display:block;font-size:10px;color:#706e6b;margin-top:1px}
.sf-kb-warn{position:absolute;top:7px;right:8px;font-size:11px;color:#fe9339}

/* ---- ToDo分割ビュー ---- */
.sf-todo-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:start}
@media(max-width:900px){.sf-todo-split{grid-template-columns:1fr}}
.sf-todo-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #dddbda;border-radius:4px;max-height:calc(100dvh - 260px);overflow:auto}
.sf-todo-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f0efee;cursor:pointer}
.sf-todo-list li.on{background:#f3f9ff}
.sf-todo-list .tx{flex:1;min-width:0}
.sf-todo-list .tx b{display:block;font-size:12.5px;color:#181818}
.sf-todo-list .tx b.done{text-decoration:line-through;color:#b0adab}
.sf-todo-list .tx span{display:block;font-size:10.5px;color:#706e6b}
.sf-todo-detail .sf-btn{margin:0 14px 14px}

/* ---- ダッシュボード ---- */
.sf-dash-hd{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.sf-dash-hd b{font-size:16px}
.sf-dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:1100px){.sf-dash-grid{grid-template-columns:1fr}}
.sf-metric{display:flex;flex-direction:column;gap:4px;padding:14px 16px}
.sf-metric .m-lb{font-size:11px;font-weight:700;color:#706e6b}
.sf-metric .m-v{font-size:26px;font-weight:800;color:#080707}
.sf-metric .m-sub{font-size:11.5px;color:#706e6b}
.sf-gauge{width:150px;margin:4px auto 0}
.sf-gauge-v{font-size:20px;font-weight:800;fill:#080707}
.sf-donut-wrap{display:flex;align-items:center;gap:14px;padding:12px 14px}
.sf-donut{width:130px;flex:none}
.sf-donut-v{font-size:20px;font-weight:800;fill:#080707}
.sf-legend{list-style:none;margin:0;padding:0;font-size:11.5px;color:#444;display:flex;flex-direction:column;gap:5px}
.sf-legend b{color:#080707}
.sf-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
.sf-legend i[data-dc="0"]{background:#0176d3}
.sf-legend i[data-dc="1"]{background:#04844b}
.sf-legend i[data-dc="2"]{background:#fe9339}
.sf-legend i[data-dc="3"]{background:#ba01ff}
.sf-legend i[data-dc="4"]{background:#747474}

/* ---- レポート ---- */
.sf-rep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.sf-rep-card{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;padding:16px;font:inherit;cursor:pointer}
.sf-rep-card:hover{border-color:#0176d3}
.sf-rep-card b{font-size:13.5px;color:#0176d3}
.sf-rep-card span{font-size:11.5px;color:#706e6b}

/* ---- モーダル ---- */
#sf-modal{position:fixed;inset:0;z-index:120}
.sf-modal-bg{position:absolute;inset:0;background:rgba(8,7,7,.45)}
.sf-modal{position:relative;width:min(640px,92vw);margin:7dvh auto 0;background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;max-height:84dvh;display:flex;flex-direction:column}
.sf-modal-hd{display:flex;align-items:center;justify-content:center;position:relative;padding:15px;border-bottom:1px solid #dddbda}
.sf-modal-hd b{font-size:15px}
.sf-x{position:absolute;right:10px;top:10px;border:0;background:none;font-size:14px;color:#706e6b;cursor:pointer;padding:6px}
.sf-modal-bd{padding:14px 18px;overflow:auto}
.sf-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:11px 16px;border-top:1px solid #dddbda;background:#fafaf9}
.sf-mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
@media(max-width:620px){.sf-mgrid{grid-template-columns:1fr}}
.sf-mf{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:#514f4d}
.sf-mf .req{color:#ea001e;font-style:normal}
.sf-mf input,.sf-mf select{border:1px solid #c9c7c5;border-radius:4px;padding:8px 10px;font:inherit;font-size:13px;font-weight:400}
.sf-mf input:focus,.sf-mf select:focus{outline:0;border-color:#0176d3;box-shadow:0 0 0 1px #0176d3}
/* 変換モーダル */
.sf-conv{display:flex;flex-direction:column;gap:12px}
.sf-conv-sec{border:1px solid #dddbda;border-radius:6px;padding:12px 14px}
.sf-conv-cap{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-bottom:8px}
.sf-radio{display:flex;align-items:center;gap:7px;font-size:12.5px;margin:6px 0 4px;cursor:pointer}
.sf-conv-in{width:100%;border:1px solid #c9c7c5;border-radius:4px;padding:8px 10px;font:inherit;font-size:13px;margin-bottom:4px}
.sf-conv-in:disabled{background:#f3f2f2;color:#b0adab}
.sf-conv-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.sf-conv-note{font-size:11px;color:#706e6b;margin:2px 0 0}

/* ---- 紙吹雪（Closed Won のお祝い） ---- */
.sf-confetti{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}
.sf-confetti i{position:absolute;top:-12px;width:9px;height:14px;opacity:.95;animation:sffall 2.3s ease-in forwards}
@keyframes sffall{to{transform:translateY(105dvh) rotate(560deg);opacity:.7}}
.sf-confetti i:nth-child(4n){animation-duration:1.9s}
.sf-confetti i:nth-child(3n){animation-delay:.25s}
.sf-confetti i:nth-child(5n){animation-delay:.5s;animation-duration:2.6s}
.sf-confetti .p0{left:4%;background:#0176d3}.sf-confetti .p1{left:12%;background:#04844b}.sf-confetti .p2{left:21%;background:#fe9339}
.sf-confetti .p3{left:30%;background:#c7406d}.sf-confetti .p4{left:38%;background:#ba01ff}.sf-confetti .p5{left:47%;background:#0176d3}
.sf-confetti .p6{left:55%;background:#04844b}.sf-confetti .p7{left:64%;background:#fe9339}.sf-confetti .p8{left:72%;background:#c7406d}
.sf-confetti .p9{left:81%;background:#ba01ff}.sf-confetti .p10{left:89%;background:#0176d3}.sf-confetti .p11{left:96%;background:#04844b}

/* ---- ミーティング パネル（取引先レコード・予約リンク発行→AI議事録自動記録） ---- */
.sf-meet{margin-top:14px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;overflow:hidden}
.sf-meet-hd{font-size:13px;font-weight:700;color:#181818;padding:10px 14px;border-bottom:1px solid #eef0f3;background:#fbfcfe}
.sf-meet-body{padding:12px 14px}
.sf-meet-sub{font-size:12px;color:#5b6577;line-height:1.7;margin-bottom:10px}
.sf-meet-link{display:flex;align-items:center;gap:7px;background:#fdeef4;border:1px solid #f2c6d8;border-radius:7px;padding:7px 9px;margin-bottom:9px}
.sf-meet-link code{flex:1;min-width:0;font-size:12px;color:#c7406d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace}
.sf-mini{font-size:11px;font-weight:700;color:#5b6577;border:1px solid #dcdfe6;border-radius:6px;padding:3px 9px;background:#fff;cursor:pointer;text-decoration:none;white-space:nowrap}
.sf-mini:hover{background:#f3f9ff;color:#0176d3;border-color:#0176d3}
.sf-meet-next{font-size:12px;color:#5b6577}
.sf-meet-next b{color:#181818}
.sf-meet-note{margin-top:8px;font-size:11.5px;color:#146c44;background:#e7f6ee;border-radius:6px;padding:5px 9px}

/* ---- お客様情報カード（右カラム先頭・活動より前に「誰か」を見せる） ---- */
.sf-cust{border:1px solid #e5e5e5;border-radius:8px;background:#fff;margin-bottom:14px;overflow:hidden}
.sf-cust-hd{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid #eef0f3;background:#f7faff;font-size:13px;font-weight:700;color:#181818}
.sf-cust-link{border:0;background:none;color:#0176d3;font-size:12px;font-weight:700;cursor:pointer;padding:0}
.sf-cust-link:hover{text-decoration:underline}
.sf-cust-name{font-size:17px;font-weight:700;color:#181818;padding:12px 14px 4px}
.sf-cust-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 14px 10px}
.sf-cust-phase{font-size:11px;font-weight:700;color:#25324d;background:#eef1f6;border:1px solid #dbe0ea;border-radius:20px;padding:2px 9px}
.sf-cust-fields{margin:0;padding:0 14px 6px;display:grid;grid-template-columns:auto 1fr;gap:3px 12px}
.sf-cust-fields>div{display:contents}
.sf-cust-fields dt{font-size:11px;color:#706e6b;padding:2px 0}
.sf-cust-fields dd{font-size:12.5px;color:#181818;margin:0;padding:2px 0}
.sf-cust-prof{border-top:1px solid #f0f0f0;padding:10px 14px 12px}
.sf-cust-prof dt{font-size:11px;color:#706e6b;font-weight:700;margin-bottom:4px}
.sf-cust-prof p{margin:0;font-size:12.5px;line-height:1.75;color:#2b3240;white-space:pre-wrap}
.sf-cust-prof.empty{font-size:12px;color:#98a2b3}
.sf-multiline{white-space:pre-wrap;line-height:1.7}
.sf-fin-ta{width:100%;font-family:inherit;font-size:12.5px;line-height:1.6;padding:6px 8px;border:1px solid #c7406d;border-radius:6px;resize:vertical}
.sf-field.wide{grid-column:1/-1}
.sf-flash{animation:sfflash 1.3s ease-out}
@keyframes sfflash{0%,20%{background:#fff7d6}100%{background:transparent}}

/* ---- 新バージョン検知バナー ---- */
#ver-banner{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;background:#25324d;color:#fff;font-size:13px;font-weight:600;padding:10px 16px;border-radius:10px;box-shadow:0 6px 24px rgba(20,30,60,.3);display:flex;align-items:center;gap:6px}
.ver-reload-btn{background:#c7406d;color:#fff;border:0;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer}
.ver-reload-btn:hover{background:#a83359}
.ver-reload-btn.is-disabled{opacity:.55;cursor:not-allowed}
.ver-close-btn,.ver-close-btn:hover{background:transparent;border:0;color:#c9c9d3;padding:0 4px}

/* ---- 次のToDo（自分たちの次アクション）パネル（活動の下） ---- */
.sf-todo{border:1px solid #e5e5e5;border-radius:8px;background:#fff;margin-top:14px;overflow:hidden}
.sf-todo-hd{font-size:13px;font-weight:700;color:#181818;padding:10px 14px;border-bottom:1px solid #eef0f3;background:#f6fbf7;display:flex;align-items:baseline;gap:8px}
.sf-todo-cap{font-size:11px;font-weight:500;color:#8a94a6}
.sf-todo-body{padding:12px 14px}
.sf-todo-next{display:flex;align-items:center;gap:8px;background:#f4f8ff;border:1px solid #dbe6f7;border-radius:7px;padding:8px 10px;margin-bottom:10px}
.sf-todo-next-lb{font-size:10.5px;font-weight:700;color:#5876a3;white-space:nowrap}
.sf-todo-next-v{flex:1;font-size:12.5px;color:#181818;min-width:0}
.sf-todo-editnext{border:0;background:none;color:#98a2b3;cursor:pointer;font-size:12px;padding:0}
.sf-todo-editnext:hover{color:#0176d3}
.sf-todo-list{list-style:none;margin:0 0 10px;padding:0}
.sf-todo-list li{display:flex;align-items:flex-start;gap:8px;padding:5px 0;border-bottom:1px solid #f4f4f6}
.sf-todo-list li:last-child{border-bottom:0}
.sf-todo-list .tx{flex:1;min-width:0}
.sf-todo-list .tx b{font-size:12.5px;font-weight:600;color:#181818;display:block}
.sf-todo-due{font-size:10.5px;color:#8a94a6}
.sf-todo-due.over{color:#c23934;font-weight:700}
.sf-todo-none{color:#98a2b3;font-size:12px;border-bottom:0!important}
.sf-todo-add{display:flex;gap:6px;align-items:center}
.sf-todo-add #sf-todo-in{flex:1;min-width:0;border:1px solid #dcdfe6;border-radius:6px;padding:6px 8px;font-size:12px}
.sf-todo-add #sf-todo-due{border:1px solid #dcdfe6;border-radius:6px;padding:5px 6px;font-size:11px;color:#5b6577;width:120px}
.sf-btn.xs{font-size:12px;padding:5px 11px}

.sf-website-sync{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line,#e8e8ec);background:var(--green-soft,#ecfaf3);color:var(--ink,#161620);font-size:12px}
.sf-website-sync #sf-website-status{display:flex;flex-wrap:wrap;gap:6px 16px;min-width:0}
.sf-website-sync #sf-website-status b{font-size:13px}
.sf-website-sync .sf-btn{flex:none}
.sf-website-receipt{padding:22px;min-width:0;overflow-wrap:anywhere}
.sf-website-receipt h2{margin:0 0 10px;font-size:18px}.sf-website-receipt h3{font-size:15px}
.sf-receipt-caption{color:var(--sub,#6f6f7b);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.sf-website-receipt .sf-receipt-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;max-height:none;padding:18px;background:var(--bg,#f8f8fa);border:1px solid var(--line,#e8e8ec);border-radius:8px;margin:18px 0}
.sf-receipt-fields{margin:20px 0}.sf-receipt-fields>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#e8e8ec);font-size:13px}
.sf-receipt-fields dt{color:var(--sub,#6f6f7b)}.sf-receipt-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.sf-website-sync{align-items:flex-start;padding:12px;gap:8px}.sf-website-sync #sf-website-status{display:grid;gap:5px}.sf-website-receipt{padding:15px}.sf-receipt-fields>div{grid-template-columns:1fr;gap:4px}.sf-rec-cols{grid-template-columns:minmax(0,1fr)}.sf-rec-main,.sf-rec-side{min-width:0}.sf-website-sync .sf-btn{font-size:11px;padding:6px 8px}}

.sf-website-receipt .sf-receipt-caption{background:none;border:0;padding:0;max-height:none}
/* Sales team additions reuse the existing CRM colors and spacing. */
.sf-assignee{display:inline-flex;align-items:center;gap:7px;max-width:240px;border:1px solid transparent;border-radius:5px;background:transparent;color:#26354b;font:inherit;padding:3px 6px;cursor:pointer;text-align:left}
.sf-assignee:hover,.sf-assignee:focus-visible{border-color:#b5cfeb;background:#f1f7ff}.sf-assignee.empty{color:#6b7787}.sf-assignee>span:nth-child(2){max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-assignee-caret{font-size:10px;color:#7a8594}
.sf-person-avatar{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaf1fc;color:#366293;font-size:12px;font-weight:600}.sf-person-avatar.large{width:42px;height:42px;font-size:18px}
.sf-person-text{min-width:0;display:flex;flex-direction:column;gap:4px}.sf-person-text small,.sf-person-text>span{font-size:12px;color:#687587;overflow-wrap:anywhere}
.sf-people-options{max-height:350px;overflow:auto;margin-top:12px;border:1px solid #dde4ec;border-radius:6px}.sf-person-option{display:flex;gap:12px;align-items:center;padding:12px;cursor:pointer;border-bottom:1px solid #edf0f4}.sf-person-option:last-child{border:0}.sf-person-option:hover,.sf-person-option:has(input:checked){background:#eff6ff}.sf-person-option input{accent-color:#0176d3}
.sf-team{background:#fff;border:1px solid #d8dfe8;border-radius:6px;overflow:hidden}.sf-team h2{font-size:20px;margin:3px 0 0}.sf-team-intro{margin:0;padding:2px 22px 16px;color:#657186;font-size:13px}.sf-team-summary{display:flex;gap:26px;align-items:center;padding:14px 22px;background:#f7f9fc;border-block:1px solid #e4e9ef;font-size:13px;color:#536275}.sf-team-summary b{font-size:18px;color:#23354e}.sf-team-summary .sf-link{margin-left:auto}
.sf-team-tools{display:flex;gap:12px;padding:18px 22px}.sf-team-tools label{flex:1;max-width:400px}.sf-team-tools input,.sf-team-tools select,.sf-owner-filter select{border:1px solid #cdd6e0;border-radius:5px;padding:8px 10px;background:#fff;font:inherit;min-width:0}.sf-team-tools input{width:100%;box-sizing:border-box}.sf-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;padding:0 22px 24px}.sf-team-card{border:1px solid #dce3eb;border-radius:7px;padding:18px;min-width:0}.sf-team-person{display:flex;gap:12px;align-items:center;margin-bottom:16px}.sf-team-person h3{margin:0;font-size:16px;color:#25354a}.sf-team-role{display:inline-flex;background:#eaf3ff;border-radius:4px;color:#285d98;padding:4px 8px;font-size:12px}.sf-team-role.unset{background:#f1f3f6;color:#78818e}.sf-team-responsibility{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;color:#5b687b;min-height:44px;margin:12px 0 18px}.sf-team-card-foot{border-top:1px solid #edf0f5;padding-top:14px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.sf-team-card-foot small{color:#778496}.sf-team-caption{font-size:12px;line-height:1.7;color:#697688;margin:8px 0 14px}.sf-team-role-form{display:grid;gap:16px;margin-top:22px}.sf-team-role-form textarea{border:1px solid #cdd6e0;border-radius:4px;padding:10px;font:inherit;resize:vertical;box-sizing:border-box;width:100%}.sf-team-state{padding:28px;color:#687587}.sf-owner-filter{display:flex;align-items:center;gap:10px;font-size:12px;margin-left:16px}.sf-owner-filter select{max-width:255px;padding:6px 8px}
@media(max-width:700px){.sf-team-grid{grid-template-columns:1fr;padding:0 12px 16px}.sf-team-summary{flex-wrap:wrap;gap:12px 20px;padding:12px}.sf-team-summary .sf-link{margin-left:0;width:100%;text-align:left}.sf-team-tools{padding:14px 12px;flex-wrap:wrap}.sf-team-tools label{max-width:none;width:100%}.sf-team-tools select{width:100%}.sf-team-intro{padding-inline:12px}.sf-owner-filter{margin:8px 0 0;width:100%}.sf-owner-filter select{max-width:calc(100% - 50px)}.sf-lv-hd:has(.sf-owner-filter){flex-wrap:wrap}.sf-team .sf-lv-hd{padding:12px}.sf-assignee{max-width:190px}}
/* Member workspace follows the CRM list and record layout. */
.sf-person-avatar,.sf-hl-item .sf-person-avatar{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:#366293;font-size:12px}.sf-person-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sf-person-avatar.medium{width:34px;height:34px;font-size:14px}.sf-person-avatar.large{width:48px;height:48px;font-size:20px}
.sf-team-workspace{min-width:0}.sf-team-workspace .sf-lv-hd{padding-inline:0}.sf-team-overview{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:4px 8px 13px;font-size:12px;color:#706e6b}.sf-team-overview b{color:#181818;font-weight:600}.sf-team-list-tools{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 8px}.sf-team-list-tools p{font-size:12px;color:#706e6b;margin:0}.sf-team-list-tools input,.sf-member-list-top input{border:1px solid #c9c7c5;border-radius:4px;padding:7px 10px;font:inherit;font-size:12px;width:240px;background:#fff}.sf-team-list-tools input:focus,.sf-member-list-top input:focus{outline:2px solid #9bcaef;outline-offset:1px}.sf-team-table-wrap{background:#fff}.sf-team-table{min-width:980px}.sf-team-table.sf-table td{padding:12px 14px;height:64px;box-sizing:border-box}.sf-team-table th.num,.sf-team-table td.num,.sf-member-table-wrap .num{text-align:right}.sf-team-table.sf-table td:first-child{max-width:290px;min-width:240px}.sf-team-table.sf-table td:nth-child(4){min-width:180px;max-width:340px;white-space:normal}.sf-team-identity{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;cursor:pointer;font:inherit;color:#0176d3;padding:0;max-width:100%}.sf-team-identity b{font-size:13px;overflow:hidden;text-overflow:ellipsis}.sf-team-identity small{font-size:11px;color:#706e6b;line-height:1.4}.sf-team-identity:hover b{text-decoration:underline}.sf-team-role{font-size:11px;padding:3px 7px;border-radius:3px;background:#edf3fa;color:#355f8c}.sf-team-role.unset{background:#f3f2f2;color:#706e6b}.sf-team-count{font-weight:600;font-size:14px;min-width:32px;text-align:right}.sf-team-plans{display:flex;flex-wrap:wrap;gap:5px}.sf-team-plan{display:inline-flex;gap:8px;align-items:center;border:1px solid #dce4ee;border-radius:4px;background:#f6f9fc;color:#355575;font:inherit;font-size:11px;line-height:1.5;padding:3px 7px;white-space:normal;text-align:left}.sf-team-plan b{font-variant-numeric:tabular-nums}.sf-team-plan:is(button){cursor:pointer}.sf-team-plan:is(button):hover{background:#eaf3ff;border-color:#aec6e3}.sf-team-muted{color:#706e6b;font-size:11px}.sf-team-workspace>.sf-team-caption{margin:12px 8px}
.sf-team-back{margin:0 0 10px;padding:0}.sf-member-heading{padding:16px;flex-wrap:wrap}.sf-member-heading h1{font-size:18px;color:#080707;margin:1px 0;line-height:1.35}.sf-member-heading .sf-person-text>span{font-size:11px;color:#706e6b}.sf-member-metrics{display:flex;gap:32px;padding:4px 16px 16px;flex-wrap:wrap}.sf-member-metrics>div{display:flex;flex-direction:column;gap:4px}.sf-member-metrics>div>span{font-size:11px;color:#706e6b}.sf-member-metrics b{font-size:19px;font-weight:600;color:#032d60;font-variant-numeric:tabular-nums;line-height:1.35}.sf-member-metrics small{font-size:11px;color:#706e6b;font-weight:400}.sf-member-columns{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:12px;margin-top:12px;align-items:start}.sf-member-main,.sf-member-side{min-width:0}.sf-member-side{display:grid;gap:12px}.sf-member-tabs{display:flex;overflow-x:auto;gap:0;border-bottom:1px solid #dddbda;padding:0 10px}.sf-member-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:13px 10px 10px;font:inherit;font-size:12px;cursor:pointer;color:#444;white-space:nowrap}.sf-member-tabs button.on{color:#0176d3;border-bottom-color:#0176d3;font-weight:600}.sf-member-tabs button span{margin-left:7px;border-radius:9px;padding:1px 5px;background:#f3f2f2;font-size:10px;color:#706e6b}.sf-member-list-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;font-size:12px}.sf-member-list-top label{margin-left:auto}.sf-member-list-top input{width:200px}.sf-member-table-wrap{border:0;border-radius:0;max-width:100%;overflow-x:auto}.sf-member-table-wrap .sf-table{min-width:620px}.sf-member-table-wrap .sf-table td{padding:12px 14px;vertical-align:top}.sf-member-table-wrap .sf-table td:first-child{min-width:170px;max-width:240px;white-space:normal}.sf-member-table-wrap .sf-table td:nth-child(2){max-width:220px;white-space:normal}.sf-member-table-wrap .sf-table td:last-child{max-width:220px;white-space:normal}.sf-client-name{text-align:left;padding:0;font-weight:600;line-height:1.7}.sf-client-email{display:block;color:#706e6b;font-size:11px;overflow-wrap:anywhere;margin-top:3px}.sf-member-role-body{padding:14px}.sf-member-role-body .sf-team-responsibility{margin:10px 0 0;min-height:0;font-size:12px;color:#514f4d;line-height:1.8}.sf-plan-breakdown{padding:14px}.sf-plan-breakdown>button{display:block;width:100%;border:0;background:transparent;padding:0;margin:0 0 16px;text-align:left;font:inherit;font-size:12px;cursor:pointer;color:#444}.sf-plan-breakdown>button>span:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:7px}.sf-plan-breakdown b{color:#032d60;white-space:nowrap}.sf-plan-breakdown small{font-size:10px;font-weight:400}.sf-plan-bar{display:block;height:4px;background:#f0f3f7;border-radius:2px;overflow:hidden}.sf-plan-bar i{display:block;height:100%;background:#5876a3;border-radius:2px}.sf-plan-breakdown>button:hover{color:#0176d3}.sf-plan-breakdown>button:hover .sf-plan-bar i{background:#0176d3}.sf-plan-breakdown>.sf-team-caption{font-size:10.5px;line-height:1.65;margin:4px 0 0}.sf-member-unassigned{padding:14px;font-size:12px}.sf-member-unassigned>b{display:flex;justify-content:space-between;gap:12px}.sf-member-unassigned>b span{color:#706e6b;font-weight:400}.sf-member-unassigned p{color:#706e6b;line-height:1.8;margin:10px 0 14px}.sf-panel-note{padding:0 14px}.sf-team-modal-person{display:flex;align-items:center;gap:10px}.sf-team-modal-person small{display:block;font-size:11px;color:#706e6b;margin-top:4px}.sf-team-detail button:focus-visible,.sf-team-workspace button:focus-visible{outline:2px solid #0176d3;outline-offset:3px}.sf-team-detail .sf-empty{line-height:1.8;padding:38px 18px}.sf-member-table-wrap .sf-empty{white-space:normal}
@media(max-width:1100px){.sf-member-columns{grid-template-columns:minmax(0,1fr)}.sf-member-side{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-member-unassigned{grid-column:1/-1}}
@media(max-width:700px){.sf-team-list-tools{align-items:stretch;flex-direction:column;gap:10px;padding:0}.sf-team-list-tools input{width:100%;box-sizing:border-box}.sf-team-overview{gap:8px 18px;padding:4px 0 12px}.sf-team-workspace .sf-lv-hd{gap:9px;flex-wrap:wrap}.sf-team-workspace .sf-lv-view select{max-width:205px;font-size:15px}.sf-team-workspace .sf-lv-hd>.sf-btn{padding:5px 9px;font-size:11px}.sf-member-heading{gap:10px;padding:12px}.sf-member-heading>.sf-person-text{max-width:calc(100% - 60px);flex:1}.sf-member-heading>.sp{display:none}.sf-member-heading>.sf-btn{font-size:11px;padding:6px 9px}.sf-member-heading h1{font-size:17px}.sf-member-metrics{gap:18px 26px;padding:8px 12px 16px}.sf-member-metrics b{font-size:18px}.sf-member-side{grid-template-columns:minmax(0,1fr)}.sf-member-list-top label{width:100%;margin:0}.sf-member-list-top input{width:100%;box-sizing:border-box}.sf-member-tabs{padding:0 3px}.sf-member-tabs button{font-size:11px;padding-inline:8px}.sf-member-tabs button span{margin-left:4px}.sf-team-detail .sf-team-back{margin-left:1px}}
.sf-app .sr-only,#sf-modal .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.sf-member-heading>.sf-person-text{flex:1 0 calc(100% - 60px)}.sf-member-heading>.sf-btn{margin-top:2px}}