.nv-salesforce { width:100%; color:#181818; background:#f3f3f3; font-family:inherit; font-size:13px; line-height:1.4; text-align:left; border:1px solid #c9c9c9; border-radius:8px; overflow:hidden; color-scheme:light; }
.nv-salesforce, .nv-salesforce * { box-sizing:border-box; }
.nv-salesforce svg { width:18px; height:18px; flex-shrink:0; vertical-align:middle; }
.nv-salesforce h2, .nv-salesforce h3, .nv-salesforce h4, .nv-salesforce p, .nv-salesforce dl { margin:0; }
.nv-salesforce h2 { font-size:22px; font-weight:700; line-height:1.2; text-wrap:balance; }
.nv-salesforce h3 { font-size:15px; font-weight:700; }
.nv-salesforce h4 { font-size:14px; font-weight:600; }
.nv-salesforce small { font-size:11px; color:#5c5c5c; }
.nv-salesforce.nv-main { height:600px; }
.nv-salesforce .sf-appbar { height:44px; padding:0 20px; display:flex; gap:16px; align-items:center; background:#fff; border-bottom:3px solid #0176d3; }
.nv-salesforce .sf-appbar strong { font-size:17px; }
.nv-salesforce .sf-divider { height:23px; width:1px; background:#ddd; }
.nv-salesforce .sf-app-project { color:#5c5c5c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nv-salesforce .sf-avatar { margin-left:auto; width:26px; height:26px; display:grid; place-items:center; background:#eaf5fe; border-radius:50%; color:#0176d3; flex-shrink:0; }
.nv-salesforce .sf-record { padding:18px 24px; background:#fff; border-bottom:1px solid #c9c9c9; }
.nv-salesforce .sf-record-title { display:flex; align-items:center; gap:12px; }
.nv-salesforce .sf-record-title > div { min-width:0; }
.nv-salesforce .sf-object { display:grid; place-items:center; color:#fff; background:#ff924f; width:42px; height:42px; border-radius:5px; flex-shrink:0; }
.nv-salesforce .sf-object svg { width:27px; height:27px; }
.nv-salesforce .sf-action { display:flex; align-items:center; gap:6px; margin-left:auto; padding:7px 12px; border:1px solid #c9c9c9; color:#0176d3; border-radius:4px; background:#fff; }
.nv-salesforce .sf-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:18px 0 0 54px; }
.nv-salesforce dt { font-size:11px; color:#5c5c5c; }
.nv-salesforce dd { margin:2px 0 0; font-size:14px; font-weight:600; }
.nv-salesforce .sf-path { padding:0; margin:18px 20px; display:flex; list-style:none; gap:3px; }
.nv-salesforce .sf-path li { display:flex; justify-content:center; align-items:center; gap:6px; flex:1; min-width:0; padding:9px 13px; background:#e5e5e5; font-weight:600; clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%); }
.nv-salesforce .sf-path li:first-child { clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%); border-radius:20px 0 0 20px; }
.nv-salesforce .sf-path li:last-child { border-radius:0 20px 20px 0; }
.nv-salesforce .sf-path .sf-complete { background:#cdefc4; color:#194e31; }
.nv-salesforce .sf-path .sf-current { background:#014486; color:#fff; }
.nv-salesforce .sf-workspace { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:16px; padding:0 20px 20px; }
.nv-salesforce .sf-card { background:white; border:1px solid #c9c9c9; border-radius:4px; min-width:0; box-shadow:0 1px 2px #00000008; }
.nv-salesforce .sf-tabs { display:flex; gap:26px; border-bottom:1px solid #ddd; padding:0 18px; }
.nv-salesforce .sf-tabs span { padding:13px 0 10px; }
.nv-salesforce .sf-tab-active { border-bottom:3px solid #0176d3; font-weight:700; }
.nv-salesforce .sf-card-heading { display:flex; align-items:center; gap:8px; padding:14px 16px; }
.nv-salesforce .sf-muted { color:#5c5c5c; font-size:11px; margin-left:auto; }
.nv-salesforce .sf-task-icon { background:#3ba755; color:white; padding:2px; border-radius:3px; }
.nv-salesforce .sf-table-head, .nv-salesforce .sf-task { display:grid; grid-template-columns:minmax(0,1fr) 126px 54px; gap:10px; padding:10px 16px; align-items:center; border-top:1px solid #e5e5e5; }
.nv-salesforce .sf-table-head { background:#fafaf9; font-size:11px; color:#5c5c5c; padding-top:6px; padding-bottom:6px; }
.nv-salesforce .sf-task-name { display:flex; align-items:center; gap:10px; min-width:0; }
.nv-salesforce .sf-task-name strong { color:#0176d3; font-size:13px; font-weight:500; }
.nv-salesforce .sf-task-name small { display:block; }
.nv-salesforce .sf-check { width:16px; height:16px; flex-shrink:0; border:1px solid var(--status); border-radius:3px; color:var(--status); }
.nv-salesforce .sf-check svg { width:14px; height:14px; vertical-align:top; }
.nv-salesforce .sf-status { display:inline-flex; align-items:center; gap:5px; font-size:11px; }
.nv-salesforce .sf-status i { width:7px; height:7px; flex-shrink:0; border-radius:50%; background:var(--status); }
.nv-salesforce .sf-due { font-size:12px; white-space:nowrap; }
.nv-salesforce .sf-task:hover { background:#f3f8fc; }
.nv-salesforce .sf-related h4, .nv-salesforce .sf-related p { margin:0 16px 12px; }
.nv-salesforce .sf-related p { font-size:12px; color:#5c5c5c; }
.nv-salesforce .sf-related ul { list-style:none; padding:0 16px; margin:0; font-size:12px; }
.nv-salesforce .sf-related li { padding:7px 0; border-top:1px solid #eee; }
.nv-salesforce .sf-related-foot { margin:10px 16px; color:#0176d3; font-size:12px; display:flex; align-items:center; gap:7px; }
.nv-salesforce.nv-ask { background:#fff; min-height:390px; }
.nv-salesforce .sf-assistant-head { padding:16px 20px; display:flex; align-items:center; gap:10px; background:#f5faff; border-bottom:1px solid #d8e6f3; }
.nv-salesforce .sf-assistant-symbol { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#0176d3; color:white; }
.nv-salesforce .sf-conversation { padding:18px 20px; }
.nv-salesforce .sf-question { margin-left:40px; padding:11px 14px; background:#eef4fb; border-radius:12px 12px 2px 12px; }
.nv-salesforce .sf-answer { padding:18px 0 10px; line-height:1.6; min-height:90px; }
.nv-salesforce .sf-source { display:flex; align-items:center; gap:6px; color:#0176d3; font-size:12px; }
.nv-salesforce .sf-next { margin-top:18px; }
.nv-salesforce .sf-next h4 { margin-bottom:8px; }
.nv-salesforce .sf-next-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.nv-salesforce .sf-next-card { border:1px solid #c9c9c9; border-radius:5px; display:grid; grid-template-columns:18px 1fr; gap:4px 8px; padding:12px; }
.nv-salesforce .sf-next-card svg { color:#0176d3; }
.nv-salesforce .sf-next-card strong { font-size:12px; font-weight:600; }
.nv-salesforce .sf-next-card span { grid-column:2; color:#5c5c5c; font-size:11px; }
.nv-salesforce .sf-meta { padding:12px 20px; border-top:1px solid #eee; font-size:10px; color:#5c5c5c; }
.nv-salesforce [data-after] { visibility:hidden; }
.nv-salesforce.is-done [data-after] { visibility:visible; }
@container nv (max-width:899px) {
 .nv-salesforce .sf-workspace { grid-template-columns:1fr; }
 .nv-salesforce .sf-related { display:none; }
}
@container nv (max-width:640px) {
 .nv-salesforce.nv-main { height:auto; }
 .nv-salesforce .sf-appbar { height:38px; padding:0 12px; gap:9px; }
 .nv-salesforce .sf-appbar strong { font-size:14px; }
 .nv-salesforce .sf-app-project { font-size:10px; }
 .nv-salesforce .sf-record { padding:14px 12px; }
 .nv-salesforce h2 { font-size:18px; }
 .nv-salesforce .sf-action { display:none; }
 .nv-salesforce .sf-fields { grid-template-columns:repeat(2,minmax(0,1fr)); margin:14px 0 0; gap:10px 18px; }
 .nv-salesforce .sf-path { margin:12px 8px; gap:1px; }
 .nv-salesforce .sf-path li { padding:10px 7px 10px 10px; font-size:9px; }
 .nv-salesforce .sf-path svg { display:none; }
 .nv-salesforce .sf-workspace { padding:0 8px 12px; }
 .nv-salesforce .sf-card-heading { padding:10px; }
 .nv-salesforce .sf-muted { display:none; }
 .nv-salesforce .sf-table-head, .nv-salesforce .sf-task { grid-template-columns:minmax(0,1fr) 99px 40px; padding:9px; gap:6px; }
 .nv-salesforce .sf-task-name { gap:6px; }
 .nv-salesforce .sf-task-name strong { font-size:12px; }
 .nv-salesforce .sf-task-name small { font-size:10px; }
 .nv-salesforce .sf-status { font-size:10px; }
 .nv-salesforce .sf-due { font-size:11px; }
 .nv-salesforce .sf-question { margin-left:20px; }
 .nv-salesforce .sf-conversation { padding:16px; }
}