/* Rigarex Refined Application UI — Generation 8 CRM integration
   Loaded after account.css + refined.css. Keeps true status badges compact,
   but removes the rounded SaaS/card-heavy treatment from portal surfaces. */

:root{
  --app-radius:5px;
  --app-radius-sm:3px;
  --app-border:#cbd1cc;
  --app-surface:#ffffff;
  --app-surface-muted:#f5f7f3;
}

/* Page hierarchy */
.accountHead{padding:34px 0 16px;border-bottom:1px solid #d6dbd7;margin-bottom:18px;}
.accountHead h1{font-size:clamp(38px,4.5vw,56px);letter-spacing:-.045em;line-height:1;margin:6px 0 7px;}
.accountCrumb{font-size:10px;letter-spacing:.09em;color:#6f7974;}

/* Primary portal shell */
.accountLayout{grid-template-columns:214px minmax(0,1fr);gap:18px;}
.accountNav{border-radius:4px;padding:8px;background:#121918;border:1px solid #28312e;}
.accountNav a{border-radius:2px;padding:10px 11px;font-size:12px;}
.accountNav a:hover{background:#1b2522;}
.accountNav a.active{background:#202b27;box-shadow:inset 3px 0 0 var(--acid);}
.portalNav:before{padding:8px 11px 5px;}

/* Cards become structural panels, not floating bubbles. */
.authCard,.accountCard{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);padding:21px 22px;box-shadow:none;}
.authSide{border-radius:var(--app-radius);box-shadow:none;}
.accountCard h2{font-size:21px;letter-spacing:-.025em;}

.accountStats{gap:8px;}
.accountStat{background:var(--app-surface);border:1px solid var(--app-border);border-radius:4px;padding:15px 16px;}
.accountStat strong{font-size:26px;letter-spacing:-.035em;}
.accountStatLink{transition:border-color .14s,background-color .14s;}
.accountStatLink:hover{transform:none;box-shadow:none;background:#fafbf9;border-color:#9fa9a2;}

.optionGrid{gap:8px;}
.optionCard{border-radius:4px;background:#fff;padding:15px 16px;transition:border-color .14s,background-color .14s;}
.optionCard:hover{transform:none;background:#fafbf9;border-color:#9fa9a2;}
.verifyBanner{border-radius:5px;}
.emptyState{border-radius:4px;background:#fafbf9;}
.flash{border-radius:4px;}

/* Forms */
.authField input,.authField select,.authField textarea,
.portalToolbar input,.portalToolbar select,
.reviewActions input,.reviewActions textarea,.inlineForm select,
.messageComposer textarea{border-radius:4px;background:#fff;border-color:#cbd2cc;}
.authField input:focus,.authField select:focus,.authField textarea:focus{box-shadow:0 0 0 2px rgba(139,164,46,.14);}
.miniBtn{border-radius:3px;background:#fff;padding:7px 9px;}

/* True state/status indicators may remain pills: they encode state, not decoration. */
.statusPill,.unreadBadge{border-radius:999px;}

/* Finance / dealer CRM detail surfaces */
.reviewCard,.listingAdminCard,.dealerRecent,.leadCard,.savedSearchCard,.savedEquipmentCard,
.requestPriceCard,.promoRequestCard,.themePresetCard,.themePreview,.themePreviewCard,
.legalCopy{border-radius:5px;box-shadow:none;}
.reviewFacts{gap:0;border:1px solid #d9ded9;border-radius:4px;overflow:hidden;}
.reviewFacts>div{border-radius:0;background:#fafbf9;padding:11px 12px;border-left:1px solid #d9ded9;}
.reviewFacts>div:first-child{border-left:0;}

/* CRM components */
.crmTimelineIcon{border-radius:4px;background:#edf0ec;}
.crmNoteRow{border-radius:4px;background:#fff;}
.crmKanbanCol{border-radius:5px;background:#f5f7f3;padding:8px;}
.crmKanbanColOver{border-radius:4px;}
.crmKanbanCard{border-radius:4px;padding:10px 11px;box-shadow:none;}
.crmKanbanCard:hover{border-color:#98a39b;background:#fbfcfa;}

/* Tables read as data first. */
.portalTableWrap{border:1px solid #d7ddd8;border-radius:4px;background:#fff;}
.portalTableWrap .dataTable th{background:#f4f6f3;}
.portalTableWrap .dataTable th,.portalTableWrap .dataTable td{padding:10px 10px;}
.portalTableWrap .dataTable tr:last-child td{border-bottom:0;}

/* Keep media rectangular and catalog-like. */
.dealerRecent img,.dealerRecentNoPhoto,.tableEquipment img,.tableEquipmentNoPhoto,
.mediaManageGrid label,.mediaManageGrid img,.dealerLogoPreview,.messageAvatar{border-radius:4px;}

/* Public finance portal discoverability */
.financePartnerPortalLink{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#26322c;font-size:12px;font-weight:850;text-decoration:none;border-bottom:1px solid #8f9a93;padding-bottom:2px;}
.financePartnerPortalLink:hover{border-color:#1b2420;}
.portalAccessNote{border-top:1px solid #d6dbd7;padding-top:14px;margin-top:16px;}
.portalAccessNote strong{display:block;font-size:12px;margin-bottom:4px;}
.portalAccessNote p{margin:0;color:#69736e;font-size:11px;line-height:1.45;}

/* Avoid decorative rounding in the new CRM at smaller sizes too. */
@media(max-width:850px){
  .accountNav{border-radius:4px;}
  .reviewFacts{grid-template-columns:repeat(2,1fr);}
  .reviewFacts>div:nth-child(odd){border-left:0;}
  .reviewFacts>div{border-bottom:1px solid #d9ded9;}
}
@media(max-width:600px){
  .authCard,.accountCard{padding:17px 16px;}
  .accountHead{padding-top:27px;}
  .reviewFacts{grid-template-columns:1fr;}
  .reviewFacts>div{border-left:0;}
}
.financeQuickLink{font-size:11px;font-weight:850;color:#34403a;text-decoration:none;padding:8px 3px;border-bottom:1px solid #9ea8a1;white-space:nowrap;}
.financeQuickLink:hover{color:#111918;border-color:#111918;}


/* Finance CRM compact-density pass — keeps the lender workspace information-dense. */
body.financeCrm .accountHead{padding:22px 0 10px;margin-bottom:10px;}
body.financeCrm .accountHead h1{font-size:clamp(32px,3.7vw,46px);margin:3px 0 4px;line-height:.98;}
body.financeCrm .accountHead .accountMuted{margin:0;font-size:11px;line-height:1.35;}
body.financeCrm .accountCrumb{font-size:9px;}

body.financeCrm .accountLayout{grid-template-columns:198px minmax(0,1fr);gap:12px;padding-bottom:44px;}
body.financeCrm .accountMain{gap:8px;}
body.financeCrm .accountNav{padding:5px;}
body.financeCrm .accountNav a{padding:7px 9px;font-size:11px;line-height:1.2;}
body.financeCrm .portalNav:before{padding:5px 9px 3px;font-size:7px;}

body.financeCrm .accountStats{gap:5px;}
body.financeCrm .accountStat{padding:10px 11px;}
body.financeCrm .accountStat small{font-size:8px;letter-spacing:.07em;}
body.financeCrm .accountStat strong{font-size:22px;margin-top:2px;line-height:1.05;}
body.financeCrm .statText{font-size:15px!important;margin-top:4px!important;}

body.financeCrm .authCard,body.financeCrm .accountCard{padding:14px 16px;}
body.financeCrm .accountCard h2{font-size:18px;margin:0 0 6px;line-height:1.15;}
body.financeCrm .accountCard h3{margin-top:8px;margin-bottom:6px;}
body.financeCrm .accountMuted{line-height:1.4;}
body.financeCrm .cardTitleRow{gap:8px;margin-bottom:8px;}
body.financeCrm .cardTitleRow h2{margin-bottom:1px;}
body.financeCrm .cardTitleRow p{margin:2px 0 0;font-size:10.5px;line-height:1.35;}
body.financeCrm .dealerRecentGrid{gap:7px;}

body.financeCrm .portalToolbar{gap:5px;margin-bottom:8px;}
body.financeCrm .portalToolbar input,body.financeCrm .portalToolbar select,
body.financeCrm .reviewActions input,body.financeCrm .reviewActions textarea,body.financeCrm .inlineForm select{min-height:34px;padding:7px 9px;font-size:11px;}
body.financeCrm .portalToolbar input{min-width:200px;}
body.financeCrm .miniBtn{padding:5px 7px;font-size:9px;min-height:28px;}
body.financeCrm .btn{padding:8px 11px;font-size:10px;min-height:32px;}
body.financeCrm .actionRow{gap:5px;}

body.financeCrm .portalTableWrap .dataTable th,body.financeCrm .portalTableWrap .dataTable td{padding:6px 8px;}
body.financeCrm .dataTable td{font-size:11px;line-height:1.25;}
body.financeCrm .dataTable th{font-size:8px;letter-spacing:.07em;}
body.financeCrm .tableSub{font-size:9px;margin-top:1px;line-height:1.3;}
body.financeCrm .statusPill{padding:3px 6px;font-size:8px;letter-spacing:.05em;}

body.financeCrm .reviewFacts{margin:7px 0;}
body.financeCrm .reviewFacts>div{padding:7px 8px;}
body.financeCrm .reviewFacts small{font-size:8px;}
body.financeCrm .reviewFacts strong{font-size:11px;margin-top:2px;line-height:1.25;}
body.financeCrm .reviewActions{padding-top:8px;margin-top:8px;}
body.financeCrm .reviewActions textarea,body.financeCrm .reviewActions input{margin-bottom:6px;}

body.financeCrm .dealerFormGrid{gap:7px;}
body.financeCrm .authField{margin-bottom:8px;}
body.financeCrm .authField label{font-size:8px;margin-bottom:4px;letter-spacing:.075em;}
body.financeCrm .authField input,body.financeCrm .authField select,body.financeCrm .authField textarea{padding:8px 9px;font-size:11px;}
body.financeCrm .authCheck{margin:7px 0 10px;font-size:10.5px;}
body.financeCrm .fieldHelp,body.financeCrm .passwordHint{font-size:9px;line-height:1.35;}

body.financeCrm .emptyState{padding:14px;font-size:11px;}
body.financeCrm .flashStack{padding-top:8px;}
body.financeCrm .flash{padding:8px 10px;margin-bottom:7px;font-size:11px;}

body.financeCrm .crmTimelineRow{grid-template-columns:26px 1fr;gap:8px;padding:7px 0;}
body.financeCrm .crmTimelineIcon{width:26px;height:26px;font-size:12px;}
body.financeCrm .crmTimelineRow strong{font-size:11px;}
body.financeCrm .crmTimelineRow div div{font-size:11px;line-height:1.35;margin-top:1px;}
body.financeCrm .crmNoteRow{padding:8px 9px;margin-bottom:5px;font-size:11px;}
body.financeCrm .crmNoteRow strong{font-size:10.5px;}
body.financeCrm .crmNoteRow div{line-height:1.4;margin-top:3px;}

body.financeCrm .crmKanban{grid-auto-columns:minmax(210px,1fr);gap:6px;padding-bottom:4px;}
body.financeCrm .crmKanbanCol{padding:5px;min-height:100px;}
body.financeCrm .crmKanbanColHead{gap:1px;padding:4px 4px 6px;font-size:9px;}
body.financeCrm .crmKanbanColHead strong{font-size:10.5px;}
body.financeCrm .crmKanbanColBody{gap:5px;min-height:45px;}
body.financeCrm .crmKanbanCard{gap:2px;padding:7px 8px;font-size:10.5px;line-height:1.25;}
body.financeCrm .crmKanbanCard span{font-size:9px;}

/* Compact the portal landing/invite cards as well, without affecting public /financing.php. */
body.financeCrm .authWrap{padding:32px 0 48px;min-height:auto;}
body.financeCrm .authGrid{gap:14px;max-width:980px;}
body.financeCrm .authSide{padding:18px;}
body.financeCrm .authSide h2{font-size:26px;margin:4px 0 8px;}
body.financeCrm .authSide p{line-height:1.45;}
body.financeCrm .authBenefit{padding:8px 0;font-size:11px;}
body.financeCrm .authForm{margin-top:12px;}

@media(max-width:850px){
  body.financeCrm .accountLayout{grid-template-columns:1fr;gap:8px;}
  body.financeCrm .accountNav{padding:4px;}
  body.financeCrm .accountNav a{padding:8px 9px;}
  body.financeCrm .accountStats.portalStats4{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  body.financeCrm .accountHead{padding:17px 0 8px;}
  body.financeCrm .authCard,body.financeCrm .accountCard{padding:12px;}
  body.financeCrm .accountStats.portalStats4{grid-template-columns:repeat(2,1fr);}
  body.financeCrm .accountStat{padding:9px;}
  body.financeCrm .accountStat strong{font-size:20px;}
  body.financeCrm .dealerRecentGrid{grid-template-columns:1fr!important;}
  body.financeCrm .crmKanban{grid-auto-columns:78vw;}
}

/* ==========================================================================
   Rigarex Flow — Finance Origination expansion.
   Same restrained system as the rest of this file: thin borders, 3-5px
   radii, no shadows, no gradients, no "card inside card." A .crmGroup is a
   compact collapsible section; nested .accountCard groups reuse the
   existing structural-panel look rather than introducing a second style.
   ========================================================================== */
.navSectionLabel{display:block;padding:12px 11px 3px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#7c8a83;}

.crmGroup{margin-bottom:8px;}
.crmGroup .crmGroupHead{cursor:pointer;user-select:none;display:flex;align-items:center;gap:6px;}
.crmGroup:not(.accountCard) .crmGroupHead{padding:9px 2px;border-bottom:1px solid #dde2dd;font-size:12px;font-weight:750;letter-spacing:-.01em;}
.crmGroup:not(.accountCard) .crmGroupBody{display:none;padding:10px 2px 4px;}
.crmGroup:not(.accountCard).isOpen .crmGroupBody{display:block;}
.crmGroupChevron{display:inline-block;width:10px;font-size:10px;color:#7c8a83;}

.crmGroup.accountCard{padding:0;overflow:hidden;}
.crmGroup.accountCard .crmGroupHead{padding:14px 16px;margin:0;}
.crmGroup.accountCard .crmGroupBody{display:none;padding:0 16px 16px;}
.crmGroup.accountCard.isOpen .crmGroupBody{display:block;}
.crmGroup.accountCard .crmGroupHead h2{margin:0;}
body.financeCrm .crmGroup.accountCard .crmGroupHead{padding:11px 14px;}
body.financeCrm .crmGroup.accountCard .crmGroupBody{padding:0 14px 12px;}

/* Rigarex Flow workflow builder */
.flowStepList{display:flex;flex-direction:column;gap:0;border:1px solid var(--app-border);border-radius:var(--app-radius-sm);overflow:hidden;}
.flowStepCard{border-bottom:1px solid #e3e7e2;background:#fff;}
.flowStepCard:last-child{border-bottom:0;}
.flowStepCard.flowStepDragging{opacity:.4;}
.flowStepRow{display:flex;align-items:center;gap:9px;padding:8px 10px;font-size:12px;}
.flowStepHandle{cursor:grab;color:#9aa39d;font-size:11px;}
.flowStepType{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#5a655f;background:#f0f2ef;border:1px solid #dde2dd;border-radius:2px;padding:2px 5px;}
.flowStepName{flex:1;min-width:0;}
.flowStepActions{display:flex;gap:5px;margin-left:auto;}
.flowStepEdit{display:none;padding:10px 12px 14px;background:#f7f9f6;border-top:1px solid #e3e7e2;}
.flowStepEdit.flowStepEditOpen{display:block;}
.flowAddStep{border-top:1px solid #dde2dd;margin-top:14px;padding-top:12px;}

/* Borrower roadmap */
.flowNextAction{border-color:#1f2a25;}
.flowNextActionName{font-size:16px;font-weight:750;margin:2px 0 4px;}
.flowRoadmap{list-style:none;margin:0;padding:0;}
.flowRoadmapStep{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid #e3e7e2;}
.flowRoadmapStep:last-child{border-bottom:0;}
.flowRoadmapNum{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1px solid #b7c0ba;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:750;color:#4a544e;}
.flowRoadmapStep-completed .flowRoadmapNum,.flowRoadmapStep-waived .flowRoadmapNum{background:#1f2a25;border-color:#1f2a25;color:#e7ffb0;}

.flowSensitiveValue{font-family:monospace;letter-spacing:.05em;}

@media(max-width:600px){
  .flowStepRow{flex-wrap:wrap;}
  .flowStepActions{margin-left:0;}
}


/* ========================================================================== 
   Finance Application Workbench v2 — merged with Rigarex Flow
   Dense credit-file presentation: flatter geometry, stronger hierarchy,
   less card chrome, compact forms/tables, and explicit section controls.
   ========================================================================== */
.financeWorkbenchPage{background:#f1f3ef;}
.financeWorkbenchPage .accountHead{padding:23px 0 12px;margin-bottom:13px;background:#f7f8f5;border-bottom:1px solid #c8cec9;}
.financeWorkbenchPage .accountHead .eyebrow{font-size:9px;letter-spacing:.11em;color:#6f7973;}
.financeWorkbenchPage .accountHead h1{font-size:clamp(31px,3.5vw,43px);line-height:1.02;letter-spacing:-.04em;margin:5px 0 4px;font-weight:880;}
.financeWorkbenchPage .accountHead .accountMuted{font-size:11px;margin:0;color:#6b756f;}
.financeWorkbenchPage .accountLayout{grid-template-columns:205px minmax(0,1fr);gap:14px;padding-bottom:48px;align-items:start;}
.financeWorkbenchPage .accountMain{gap:8px;min-width:0;}
.financeWorkbenchPage .accountNav{top:82px;border-radius:3px;padding:6px;}
.financeWorkbenchPage .accountNav a{padding:8px 9px;font-size:11px;border-radius:2px;}

.financeWorkbenchPage .financeWorkspaceBar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;padding:3px 2px 6px;margin-bottom:0;border-bottom:1px solid #cbd1cc;color:#59645e;}
.financeWorkbenchPage .financeWorkspaceBar>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0;}
.financeWorkbenchPage .financeWorkspaceBar strong{font-size:9px;letter-spacing:.085em;text-transform:uppercase;color:#2b3631;}
.financeWorkbenchPage .financeWorkspaceBar span{font-size:10px;color:#78817c;}
.financeWorkbenchPage .financeWorkspaceActions{display:flex;align-items:center;gap:4px;}
.financeWorkbenchPage .financeWorkspaceActions button{border:0;background:transparent;color:#4f5b55;font:800 10px/1.2 Inter,system-ui,sans-serif;padding:5px 7px;cursor:pointer;border-bottom:1px solid transparent;}
.financeWorkbenchPage .financeWorkspaceActions button:hover{color:#111918;border-bottom-color:#777f7a;}

.financeWorkbenchPage .crmGroup.accountCard{padding:0;margin-bottom:7px;border:1px solid #cbd1cc;border-radius:3px;background:#fff;box-shadow:none;overflow:hidden;}
.financeWorkbenchPage .crmGroup.accountCard .crmGroupHead{min-height:41px;padding:0 12px!important;margin:0!important;border-bottom:1px solid #e0e4e0;background:#fbfcfa;gap:7px;}
.financeWorkbenchPage .crmGroup.accountCard:not(.isOpen) .crmGroupHead{border-bottom:0;background:#f6f8f5;}
.financeWorkbenchPage .crmGroup.accountCard .crmGroupHead h2{font-size:13px;line-height:1.2;letter-spacing:-.005em;margin:0!important;font-weight:850;color:#222c28;}
.financeWorkbenchPage .crmGroup.accountCard .crmGroupHead>.tableSub{font-size:9px;margin-left:auto;white-space:nowrap;}
.financeWorkbenchPage .crmGroup.accountCard .crmGroupChevron{width:12px;color:#5d6862;font-size:11px;flex:0 0 12px;}
.financeWorkbenchPage .crmGroup.accountCard .crmGroupBody{padding:11px 13px 13px!important;}
.financeWorkbenchPage .crmGroup.accountCard[data-open="1"] .crmGroupHead{background:#fafbf9;}
.financeWorkbenchPage .crmGroup.accountCard .cardTitleRow p.accountMuted{font-size:9px;line-height:1.3;margin:2px 0 0;}

/* Quiet functional markers, not decorative cards. */
.financeWorkbenchPage .crmGroupHead[data-toggle="financials"]{box-shadow:inset 2px 0 0 #46514b;}
.financeWorkbenchPage .crmGroupHead[data-toggle="documents"]{box-shadow:inset 2px 0 0 #8ba42e;}
.financeWorkbenchPage .crmGroupHead[data-toggle="rigarexflow"]{box-shadow:inset 2px 0 0 #6f8524;}
.financeWorkbenchPage .crmGroupHead[data-toggle="stage"]{box-shadow:inset 2px 0 0 #27332d;}

.financeWorkbenchPage .dealerFormGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;}
.financeWorkbenchPage .dealerFormGrid .wide{grid-column:1/-1;}
.financeWorkbenchPage .authField{margin-bottom:0;min-width:0;}
.financeWorkbenchPage .authField label{font-size:8px;letter-spacing:.075em;margin-bottom:4px;color:#6b756f;}
.financeWorkbenchPage .authField input,.financeWorkbenchPage .authField select,.financeWorkbenchPage .authField textarea{border-radius:3px;padding:8px 9px;min-height:34px;font-size:11px;background:#fff;border-color:#cbd2cc;}
.financeWorkbenchPage .authField textarea{line-height:1.42;min-height:58px;resize:vertical;}
.financeWorkbenchPage .authField input:focus,.financeWorkbenchPage .authField select:focus,.financeWorkbenchPage .authField textarea:focus{border-color:#78827c;box-shadow:0 0 0 2px rgba(139,164,46,.12);}
.financeWorkbenchPage .dealerFormGrid>.wide:last-child{display:flex;justify-content:flex-end;padding-top:8px;margin-top:1px;border-top:1px solid #edf0ed;}
.financeWorkbenchPage .dealerFormGrid>.wide:last-child .btn{min-width:120px;}
.financeWorkbenchPage .btn{font-size:10px;padding:8px 11px;border-radius:3px;min-height:33px;}
.financeWorkbenchPage .miniBtn{padding:5px 7px;font-size:9px;border-radius:2px;min-height:27px;}
.financeWorkbenchPage .portalToolbar{gap:6px;margin-bottom:9px;}
.financeWorkbenchPage .portalToolbar input,.financeWorkbenchPage .portalToolbar select,.financeWorkbenchPage .inlineForm select{min-height:33px;padding:7px 8px;border-radius:3px;font-size:10px;}
.financeWorkbenchPage .portalToolbar input{min-width:180px;}
.financeWorkbenchPage .actionRow{gap:5px;}

.financeWorkbenchPage .reviewFacts{margin:7px 0!important;border-radius:2px;border-color:#d2d7d3;}
.financeWorkbenchPage .reviewFacts>div{padding:8px 10px;background:#fafbf9;}
.financeWorkbenchPage .reviewFacts small{font-size:8px;}
.financeWorkbenchPage .reviewFacts strong{font-size:11px;margin-top:2px;}

.financeWorkbenchPage .financeVaultNotice{margin:0 0 9px;border-top:1px solid #d9dfda;border-bottom:1px solid #d9dfda;background:#f8faf7;padding:8px 9px;color:#58635d;}
.financeWorkbenchPage .financeVaultNotice>div{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
.financeWorkbenchPage .financeVaultNotice strong{font-size:10px;color:#26312c;margin-right:9px;}
.financeWorkbenchPage .financeVaultNotice span{font-size:9px;color:#67716c;padding:0 8px;border-left:1px solid #cfd5d0;}
.financeWorkbenchPage .financeVaultNotice p{margin:4px 0 0;font-size:9px;line-height:1.4;color:#79827d;}

.financeWorkbenchPage .portalTableWrap{border-radius:2px;border-color:#d4dad5;}
.financeWorkbenchPage .portalTableWrap .dataTable th,.financeWorkbenchPage .portalTableWrap .dataTable td{padding:7px 8px;vertical-align:middle;}
.financeWorkbenchPage .portalTableWrap .dataTable th{font-size:8px;letter-spacing:.075em;background:#f3f5f2;color:#68736d;}
.financeWorkbenchPage .portalTableWrap .dataTable td{font-size:10px;}
.financeWorkbenchPage .dataTable tr:hover td{background:#fbfcfa;}
.financeWorkbenchPage .statusPill{padding:3px 6px;font-size:8px;letter-spacing:.045em;}
.financeWorkbenchPage .tableSub{font-size:9px;}
.financeWorkbenchPage .emptyState{padding:13px;border-radius:2px;font-size:10px;background:#fafbf9;}

.financeWorkbenchPage .flowStepList{border-radius:2px;}
.financeWorkbenchPage .flowStepRow{padding:7px 8px;}
.financeWorkbenchPage .flowStepType{border-radius:2px;font-size:8px;}
.financeWorkbenchPage .flowAddStep{margin-top:11px;padding-top:10px;}
.financeWorkbenchPage #sendRequestForm{border-top:1px solid #e4e8e4;padding-top:9px;}

.financeWorkbenchPage .dealerRecentGrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:7px;}
.financeWorkbenchPage .crmNoteRow{border-radius:2px;padding:8px 0;border-top:1px solid #e7eae7;background:#fff;}
.financeWorkbenchPage .crmNoteRow:first-child{border-top:0;}
.financeWorkbenchPage .messageList{margin-top:7px!important;}
.financeWorkbenchPage .crmGroupBody>h3{font-size:11px!important;}

@media(max-width:1180px){.financeWorkbenchPage .dealerFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){
  .financeWorkbenchPage .accountLayout{grid-template-columns:1fr;}
  .financeWorkbenchPage .accountNav{position:relative;top:auto;}
}
@media(max-width:720px){
  .financeWorkbenchPage .dealerFormGrid{grid-template-columns:1fr;}
  .financeWorkbenchPage .dealerFormGrid .wide{grid-column:auto;}
  .financeWorkbenchPage .crmGroup.accountCard .crmGroupHead>.tableSub{display:none;}
  .financeWorkbenchPage .financeWorkspaceBar{align-items:flex-start;}
  .financeWorkbenchPage .financeWorkspaceBar>div:first-child{display:block;}
  .financeWorkbenchPage .financeWorkspaceBar span{display:none;}
  .financeWorkbenchPage .financeVaultNotice span{padding:2px 6px;}
  .financeWorkbenchPage .dealerRecentGrid{grid-template-columns:1fr!important;}
}
@media(max-width:520px){
  .financeWorkbenchPage .accountHead{padding-top:18px;}
  .financeWorkbenchPage .accountHead h1{font-size:30px;}
  .financeWorkbenchPage .crmGroup.accountCard .crmGroupBody{padding:10px 11px 12px!important;}
  .financeWorkbenchPage .crmGroup.accountCard .crmGroupHead{padding:0 10px!important;}
  .financeWorkbenchPage .financeWorkspaceActions button{padding:5px 4px;}
  .financeWorkbenchPage .financeVaultNotice>div{display:block;}
  .financeWorkbenchPage .financeVaultNotice span{display:inline-block;border-left:0;padding:2px 7px 2px 0;}
}

.flowFileRecord{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;margin:0 0 9px;border-top:1px solid #dde2dd;border-bottom:1px solid #dde2dd;background:#f8faf7;}
.flowFileRecord>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap;}
.flowFileRecord strong{font-size:11px;color:#26312c;}
@media(max-width:650px){.flowFileRecord{align-items:flex-start;flex-direction:column;}}