/* DOT CRM 1.9.48.7 — Modern workspace. Presentation only; no external fonts. */
body.dotcrm-modern{
 --orange:#c94c0a;--ink:#202a35;--panel:#fff;--bg:#f4f6f8;--line:#dce2e8;--muted:#536171;
 --green:#22643f;--red:#a12e3b;--blue:#285f86;--purple:#615083;--yellow:#765715;
 --shadow:0 2px 5px rgba(20,31,48,.025);--shadow-lg:0 20px 60px rgba(20,31,48,.16);
 --crm-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --crm-sidebar:256px;--crm-accent:#ff6900;--crm-soft:#f7f9fb;
 font:14px/1.5 var(--crm-font);color:var(--ink);background:var(--bg);
 -webkit-font-smoothing:auto;text-rendering:auto;letter-spacing:normal;
}
.dotcrm-modern :is(button,input,select,textarea){font-family:var(--crm-font);letter-spacing:normal}
.dotcrm-modern :is(p,li,dd){line-height:1.55}
.dotcrm-modern :is(h1,h2,h3,h4){font-family:var(--crm-font);color:var(--ink);font-weight:650;letter-spacing:-.025em}
.dotcrm-modern :is(small,.mutedCopy){font-size:12px!important;line-height:1.55!important;color:var(--muted)!important;font-weight:400}
.dotcrm-modern :is(.eyebrow,.section h4){font-size:12px;line-height:1.4;font-weight:650;letter-spacing:.055em}
.dotcrm-modern .eyebrow{color:#9d3c0c}
.dotcrm-modern .main{background:var(--bg);margin-left:var(--crm-sidebar);min-width:0}
.dotcrm-modern .page{padding:24px 28px;max-width:none}
.dotcrm-modern :is(.panel,.stat,.eventCard,.weeklySignCard,.adminControlCard,.accountPanel,.teamUserCard,.priceSheetCard,.quoteLeadFinder,.quoteWorkspaceDesk,.myQrClientCard){background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0}
.dotcrm-modern :is(.hero,.commandHero,.teamHero,.eventPaymentHero,.myQrHero,.quoteWorkspaceHero,.quoteLaunchCard,.managementHero,.leadDirectoryIntro){background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:none;padding:22px 24px;gap:20px;align-items:center;color:var(--ink)}
.dotcrm-modern :is(.hero,.commandHero,.managementHero,.leadDirectoryIntro,.quoteWorkspaceHero) h2{font-size:26px;line-height:1.2;margin:5px 0 8px}
.dotcrm-modern :is(.hero,.commandHero,.managementHero,.leadDirectoryIntro,.quoteWorkspaceHero) p{font-size:14px;color:var(--muted);line-height:1.55;max-width:760px;margin:0}
.dotcrm-modern :is(.panelHead,.mgmtPersonHead){padding:18px 20px;border-bottom:1px solid var(--line);background:#fff;gap:12px}
.dotcrm-modern .panelHead{border-radius:12px 12px 0 0}
.dotcrm-modern :is(.panelHead h3,.mgmtPersonHead h3){font-size:16px;line-height:1.35;margin:0;font-weight:650}
.dotcrm-modern .panelHead small{display:block;margin-top:4px}
/* Stable, high-contrast controls. Colour is never the only focus indicator. */
.dotcrm-modern .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;max-width:100%;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.35;text-decoration:none;box-shadow:none;white-space:normal;transition:background-color .15s,border-color .15s,color .15s}
.dotcrm-modern .btn.primary{background:#c94c0a;border:1px solid #c94c0a;color:#fff}
.dotcrm-modern .btn.primary:hover{background:#a83c05;border-color:#a83c05}
.dotcrm-modern .btn.secondary{background:#fff;border:1px solid #cbd4de;color:#334252}
.dotcrm-modern .btn.secondary:hover{background:#f4f7fa;border-color:#9caab9}
.dotcrm-modern .btn.bad{background:#fff6f7;border:1px solid #deb0b7;color:#a12e3b}
.dotcrm-modern :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible{outline:2px solid #8b3a10;outline-offset:3px;box-shadow:0 0 0 4px #fff!important}
.dotcrm-modern :is(button:disabled,.btn:disabled){cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}
.dotcrm-modern :is(.field,.field>span){font-size:13px;font-weight:600;color:#344252}
.dotcrm-modern :is(.field input,.field select,.field textarea,.input,.settingsGrid input,.settingsGrid select){font-size:14px;line-height:1.45;min-height:42px;padding:10px 12px;background:#fff;border:1px solid #cbd4de;border-radius:8px;color:var(--ink);box-shadow:none;max-width:100%}
.dotcrm-modern :is(input,textarea)::placeholder{color:#647284;opacity:1}
.dotcrm-modern textarea{resize:vertical}
.dotcrm-modern :is(input[type=checkbox],input[type=radio]){accent-color:var(--orange)}
.dotcrm-modern .check{font-size:13px;line-height:1.45;min-height:42px;border-color:#d7dfe7;background:#fff;border-radius:8px;padding:9px 10px}
.dotcrm-modern .check:has(input:checked){background:#fff5eb;border-color:#cf8f66;color:#783309}
/* Navigation: fixed geometry, clean vector line icons, no text transforms. */
.dotcrm-modern .sidebar{width:var(--crm-sidebar);background:#161d25;color:#c2cad4;border-right:1px solid #2b343f;box-shadow:none}
.dotcrm-modern .sideLogo{padding:24px 22px 21px;border-color:#303b48}
.dotcrm-modern .sideLogo img{width:184px;height:auto;max-width:100%;object-fit:contain;image-rendering:auto}
.dotcrm-modern .sideLogo span{font-size:12px;color:#aebaca;letter-spacing:.08em;font-weight:500;margin-top:10px}
.dotcrm-modern .nav{padding:12px 10px;gap:3px}
.dotcrm-modern .nav button{min-height:43px;font-size:13px;font-weight:500;line-height:1.35;padding:10px 12px;border-radius:8px;color:#c7d0dc;letter-spacing:0}
.dotcrm-modern .nav button.active{background:#28333f;border-color:#344252;color:#fff;box-shadow:inset 3px 0 #ff6900}
.dotcrm-modern .nav button:hover{background:#25303c;border-color:#344252;color:#fff}
.dotcrm-modern .navMark{display:none}
.dotcrm-modern .crmNavIcon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;color:#aebdcc;margin-right:1px}
.dotcrm-modern .crmNavIcon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dotcrm-modern .nav button.active .crmNavIcon{color:#ffad74}
.dotcrm-modern .sideBottom{padding:14px 16px;background:#141a22;border-top:1px solid #303b48;font-size:12px;color:#acb8c6}
.dotcrm-modern .sideBottom .crmStatusLine{font-size:12px;white-space:normal;flex-wrap:wrap;gap:5px}
.dotcrm-modern .sideBottom :is(small,.codenest){color:#b8c3d0!important;font-size:12px!important}
.dotcrm-modern .crmStatusDivider{color:#a2afbc}
.dotcrm-modern .sideLogout{min-height:40px;font-size:13px;color:#e5eaf0;border-color:#465361;background:#1c2530}
.dotcrm-modern .topbar{min-height:76px;height:auto;padding:14px 28px;background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none;box-shadow:none;gap:16px}
.dotcrm-modern .topbar h1{font-size:21px;line-height:1.25;font-weight:650;margin:0}
.dotcrm-modern .topbar small{font-size:12px;margin-top:4px;color:#536171!important}
.dotcrm-modern .topbarTitle{min-width:0}
.dotcrm-modern .topbarUser{border:0;border-radius:0;background:transparent;padding:0 6px;gap:10px}
.dotcrm-modern .topbarUserCopy b{font-size:13px;font-weight:600}
.dotcrm-modern .avatar{background:#e9eef3;border:1px solid #d9e1e9;color:#364758;width:36px;height:36px;flex:0 0 36px;font-size:12px;font-weight:600;box-shadow:none}
.dotcrm-modern .crmNetworkBar{font-family:var(--crm-font);background:#10161d;box-shadow:none;border-color:#2b343f}
.dotcrm-modern .crmNetworkBrand{background:#10161d;font-size:12px;font-weight:600;letter-spacing:.065em;color:#e2e8ef}
.dotcrm-modern .crmNetworkLink{font-size:12px;font-weight:500;transform:none!important;color:#e2e8ef}
.dotcrm-modern .crmNetworkTrack{animation:none;transform:none;will-change:auto}
.dotcrm-modern .crmNetworkSetCopy{display:none}
.dotcrm-modern .crmNetworkMarquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none;scrollbar-width:thin;scrollbar-color:#586777 transparent}
.dotcrm-modern .crmFooter{padding-top:18px;padding-bottom:32px;color:#536171}
.dotcrm-modern .codenest{color:#536171;font-size:12px}
/* Consistent metric rhythm; tabular figures keep columns visually steady. */
.dotcrm-modern :is(.stats,.mgmtMetrics,.commandMetrics,.teamSummary){gap:12px}
.dotcrm-modern :is(.stat,.mgmtMetric,.commandMetrics>div,.teamSummary>span){padding:18px;border-radius:10px;border:1px solid var(--line);background:#fff;box-shadow:none;min-width:0}
.dotcrm-modern :is(.stat span,.mgmtMetric>span,.commandMetrics>div>span,.teamSummary small){font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:#536171}
.dotcrm-modern :is(.stat b,.mgmtMetric>b,.commandMetrics>div>b,.teamSummary b){font-size:28px;line-height:1.15;font-weight:650;letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums;margin:9px 0 5px;overflow-wrap:anywhere}
.dotcrm-modern :is(.mgmtMetric.good,.mgmtMetric.attention){background:#fff}
.dotcrm-modern .mgmtMetric.good>b{color:#22643f}
.dotcrm-modern .mgmtMetric.attention>b{color:#9d3c0c}
.dotcrm-modern .mgmtDailyHero{background:#fff;border-color:var(--line);border-radius:12px;box-shadow:var(--shadow)}
.dotcrm-modern .mgmtDailyHeroHead{padding:20px 22px;border-color:var(--line)}
.dotcrm-modern .mgmtDailyHeroHead h2{font-size:25px;margin:5px 0 7px;line-height:1.2}
.dotcrm-modern .mgmtDailyHeroHead p{font-size:14px;color:var(--muted)}
.dotcrm-modern :is(.mgmtDailyHeroTools label>span,.mgmtPeriod span,.mgmtPersonSelect span,.mgmtDailyHeroTotal>span){font-size:12px;color:#536171;font-weight:500;letter-spacing:0;text-transform:none}
.dotcrm-modern :is(.mgmtPeriod select,.mgmtPersonSelect select,.mgmtDailyHeroTools input){min-height:42px;font-size:13px;border-color:#cbd4de;border-radius:8px;background:#fff;color:#263644}
.dotcrm-modern .mgmtDailyHeroTotal{background:#fff4e8;border:1px solid #edc6a9;border-radius:10px;min-width:104px;padding:12px 18px}
.dotcrm-modern .mgmtDailyHeroTotal b{font-size:28px;color:#9d3c0c}
.dotcrm-modern .mgmtDailyLeaderboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;padding:16px 22px}
.dotcrm-modern .mgmtDailyLeader{width:100%;max-width:none;border-radius:9px;border-color:var(--line);box-shadow:none;padding:14px}
.dotcrm-modern .mgmtDailyLeader.leader{border-color:#d4aa86;background:#fffdfb}
.dotcrm-modern .mgmtDailyLeaderName b{font-size:14px;font-weight:600}
.dotcrm-modern .mgmtDailyLeaderTop{gap:10px}
.dotcrm-modern .mgmtDailyLeaderTop>strong{font-size:23px;font-weight:650}
.dotcrm-modern .mgmtDailyRank{font-size:12px;width:25px;height:25px}
.dotcrm-modern .mgmtDailyLeader.leader .mgmtDailyRank{background:#c94c0a;color:#fff}
.dotcrm-modern .mgmtDailyServices{margin-top:11px;gap:6px}
.dotcrm-modern .mgmtDailyServices>span{font-size:12px;padding:5px 8px;color:#46586a;background:#f3f6f9;border-radius:6px}
.dotcrm-modern .mgmtActivityStrip{gap:0;border:1px solid var(--line);background:#fff;border-radius:10px}
.dotcrm-modern .mgmtActivityStrip>div{padding:13px 16px;border-color:var(--line)}
.dotcrm-modern .mgmtActivityStrip span{font-size:12px;line-height:1.4;color:#536171}
.dotcrm-modern .mgmtActivityStrip b{font-size:20px;color:#283747;margin-top:6px;font-variant-numeric:tabular-nums}
.dotcrm-modern .mgmtPersonIdentity{padding:18px 20px}
.dotcrm-modern .mgmtPersonIdentity>div>b{font-size:16px}
.dotcrm-modern .mgmtPersonPrimary{gap:10px;padding:0 20px 20px}
.dotcrm-modern .mgmtPersonPrimary>div{padding:14px;border-radius:9px;background:#f8fafc;border-color:var(--line)}
.dotcrm-modern .mgmtPersonPrimary span{font-size:12px;color:#536171;text-transform:none;letter-spacing:0}
.dotcrm-modern .mgmtPersonPrimary b{font-size:23px;font-weight:650;margin-top:5px}
.dotcrm-modern .mgmtPersonBlock{padding:16px 20px;border-color:var(--line)}
.dotcrm-modern .mgmtPersonBlock h4{font-size:13px;text-transform:none;color:#344557;letter-spacing:0;font-weight:600}
.dotcrm-modern .mgmtPersonChips{gap:6px}
.dotcrm-modern .mgmtPersonChips>span{font-size:12px;padding:5px 7px;background:#f8fafc;color:#4c5b6b;border-color:var(--line);border-radius:6px}
.dotcrm-modern :is(.mgmtAttention,.mgmtBars,.mgmtServiceRows){padding:14px 20px}
.dotcrm-modern :is(.mgmtAttention span,.mgmtBarRow span,.mgmtServiceRows span,.analyticsRows span){font-size:13px;color:#46586a;line-height:1.5}
.dotcrm-modern :is(.mgmtBarRow b,.mgmtAttention b,.mgmtServiceRows b){font-size:13px;font-weight:600}
.dotcrm-modern .mgmtBarRow i{height:5px;background:#edf1f5;border-radius:3px;margin-top:7px}
.dotcrm-modern .mgmtBarRow i em{background:#dd8a4e;border-radius:3px}
.dotcrm-modern .mgmtServiceRows em{color:#9d3c0c;font-size:12px}
/* Pipeline: dense enough for operations, never miniature type. */
.dotcrm-modern .leadBoardPage{padding:22px 28px}
.dotcrm-modern .leadControls{padding:14px;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:none}
.dotcrm-modern :is(.leadControlSelect,.smartViewPicker){min-width:0}
.dotcrm-modern label.leadControlSelect{height:54px;background:#fff;border-radius:8px;border-color:#cbd4de}
.dotcrm-modern label.leadControlSelect>span{font-size:12px;font-weight:500;color:#536171;top:6px;text-transform:none;letter-spacing:0}
.dotcrm-modern label.leadControlSelect select{font-size:13px;font-weight:600;padding-top:24px;padding-bottom:6px;color:#263747}
.dotcrm-modern .column{flex-basis:294px;background:#eef2f6;border:1px solid #dbe2e9;border-radius:11px;padding:8px}
.dotcrm-modern .colHead{height:auto;min-height:42px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.35;border-radius:7px;letter-spacing:0}
.dotcrm-modern .colHead.fresh{background:#e7f3eb;border-color:#b8d5c2;color:#245e3b}
.dotcrm-modern .leadCardCompact{margin:8px 0;padding:14px;border-radius:9px;border:1px solid #d5dee7;background:#fff;box-shadow:0 1px 2px #16243806;min-height:0}
.dotcrm-modern .leadCardCompact:hover{border-color:#b6815e;box-shadow:0 3px 8px #182a3d0d;background:#fff}
.dotcrm-modern .leadCardCompact h4{font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.01em;margin:10px 0 7px}
.dotcrm-modern :is(.leadCardCompact .leadNumber,.leadCardCompact .badge){font-size:12px;font-weight:600;color:#536171;background:#f2f5f8;border-color:#dce3eb}
.dotcrm-modern :is(.leadCompactFacts b,.leadCompactInterest b){font-size:13px;font-weight:500;line-height:1.45;color:#465566}
.dotcrm-modern :is(.leadSharingSlot,.leadSharingPill,.responsePill,.chip,.badge,.payPill,.eventStatus,.eventPaymentStatus,.leadDirectoryStage){font-size:12px;line-height:1.35;font-weight:600;letter-spacing:0;text-transform:none;padding:5px 8px}
.dotcrm-modern .leadSharingSlot{min-height:26px;max-width:140px;min-width:0;white-space:normal}
.dotcrm-modern .leadSharingSlot.isOpen{color:#6a5012;background:#fff6d8;border-color:#d9c27b}
.dotcrm-modern .leadCompactFlags span{font-size:12px;color:#536171}
.dotcrm-modern .leadBoardScrollControls{padding:8px 0}
.dotcrm-modern .kanbanScrollProxy{background:#e4eaf0;border-color:#cbd5e0}
/* Directory: maintain full-width data layout and existing mobile grouping. */
.dotcrm-modern :is(.leadDirectoryIntro,.leadDirectoryFilterPanel,.leadDirectoryList){border-color:var(--line);border-radius:11px;box-shadow:none;background:#fff}
.dotcrm-modern .leadDirectoryFilterPanel{padding:16px}
.dotcrm-modern .leadDirectorySummary>span{background:#f6f8fb;border-color:var(--line);padding:10px 12px;border-radius:8px;min-width:0}
.dotcrm-modern .leadDirectorySummary b{font-size:20px;color:#273848;font-variant-numeric:tabular-nums}
.dotcrm-modern .leadDirectoryStageFilter{min-height:36px;font-size:12px;font-weight:500;border-radius:7px;background:#f8fafc;border-color:#d1dae4;padding:6px 9px;color:#425368}
.dotcrm-modern .leadDirectoryStageFilter.active{color:#84380f;background:#fff3e8;border-color:#c99570}
.dotcrm-modern .leadDirectoryStageFilter.active b{background:#c94c0a;color:#fff}
.dotcrm-modern .leadDirectoryListHead{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;background:#f5f8fb;color:#536171;min-height:44px;border-color:var(--line)}
.dotcrm-modern .leadDirectoryRow{min-height:96px;border-color:#e0e6ed;padding-top:14px;padding-bottom:14px}
.dotcrm-modern .directoryCustomerName b{font-size:14px;line-height:1.45;color:#233345;white-space:normal;overflow-wrap:anywhere}
.dotcrm-modern :is(.directoryContact b,.directoryAddress b,.directoryOpportunity>b){font-size:13px;font-weight:500;color:#334759}
.dotcrm-modern :is(.directoryIdentity>span,.directoryContact span,.directoryAddress span,.directoryBoard,.directorySubmitted span){font-size:12px;color:#536171}
.dotcrm-modern .directoryStageWrap{gap:7px}
.dotcrm-modern .directoryInterestList{flex-wrap:wrap;overflow:visible}
.dotcrm-modern .directoryInterestList .chip{font-size:12px;white-space:normal;max-width:100%;border-radius:6px;color:#753812;background:#fff4e9;border-color:#e8cdb7}
.dotcrm-modern .leadDirectoryStage.fresh{background:#e7f3eb;border-color:#b8d5c2;color:#245e3b}
/* Tables stay within their panel. The page itself must not scroll sideways. */
.dotcrm-modern .tableWrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#8495a8 #edf1f5}
.dotcrm-modern .table th{font-size:12px;color:#47596d;line-height:1.5;font-weight:600;letter-spacing:0;text-transform:none;padding:12px 14px;background:#f5f8fb;border-color:var(--line)}
.dotcrm-modern .table td{font-size:13px;line-height:1.55;padding:13px 14px;color:#334252;border-color:#e0e6ed}
.dotcrm-modern .table td b{font-weight:600;color:#243547}
.dotcrm-modern .table tbody tr:hover{background:#f8fafc}
.dotcrm-modern .table .btn{font-size:12px;min-height:38px;padding:8px 11px}
.dotcrm-modern :is(.payPill.success,.payPill.approved,.payPill.paid){color:#22643f;background:#eaf5ef}
/* Drawer/dialog structure and text clarity. QR canvases are intentionally exempt. */
.dotcrm-modern :is(.drawerOverlay,.modalOverlay){background:rgba(17,27,40,.45);backdrop-filter:none}
.dotcrm-modern .drawer{width:min(660px,100%);box-shadow:-8px 0 32px #17273d1a;background:#fff}
.dotcrm-modern .drawerHead{padding:20px 24px;gap:16px;background:#fff;border-bottom:1px solid var(--line);align-items:flex-start}
.dotcrm-modern .drawerHead h2{font-size:24px;font-weight:650;line-height:1.2;margin:8px 0 6px}
.dotcrm-modern .drawerBody{padding:20px 24px;line-height:1.55;background:#f6f8fa}
.dotcrm-modern .drawer .section{padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px;margin:0 0 14px;box-shadow:none}
.dotcrm-modern .drawer .section h4{font-size:14px;font-weight:650;text-transform:none;letter-spacing:0;color:#33475a;margin:0 0 12px}
.dotcrm-modern :is(.drawer p,.drawer .noteText,.drawer .note p,.drawer .leadNoteBody){font-size:14px;line-height:1.65;color:#334252}
.dotcrm-modern .drawer :is(.btn,.input,.field){font-size:13px}
.dotcrm-modern .drawer :is(input,select,textarea){font-size:14px}
.dotcrm-modern .drawerActions{padding:14px 24px;background:#fff;border-top:1px solid var(--line);gap:10px}
.dotcrm-modern #drawerOv #closeDrawer{width:42px;height:42px;min-height:42px;flex:0 0 42px;border-radius:8px;border-color:#cbd4de;background:#f8fafc}
.dotcrm-modern #drawerOv #closeDrawer:before{transform:none;font-family:var(--crm-font);font-size:24px;font-weight:400;line-height:1}
.dotcrm-modern .modal{border:1px solid #d8e0e9;border-radius:14px;padding:24px;box-shadow:var(--shadow-lg);max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px)}
.dotcrm-modern .modal h2{font-size:24px;margin:6px 0 16px;line-height:1.25}
.dotcrm-modern :is(.modal p,.note,.activityRow p){font-size:14px;line-height:1.6}
.dotcrm-modern :is(.responseCommand,.customer360,.leadQuotePanel,.leadPresenceNotice){border-color:var(--line)!important;border-radius:10px;background:#fff!important;box-shadow:none}
.dotcrm-modern .responseCommandHead h4{font-size:15px}
.dotcrm-modern .responseFacts b{font-size:13px;color:#34475a;font-weight:600}
.dotcrm-modern .quickCallOutcomeHead span{font-size:13px;color:#536171}
.dotcrm-modern .quickCallOutcomeBtn{font-size:13px;min-height:42px}
/* Settings, events, payroll and secondary workspaces share the same controls. */
.dotcrm-modern :is(.eventCard h3,.teamUserCard h3,.priceSheetTitle,.accountPanel h3){font-size:17px;line-height:1.35}
.dotcrm-modern :is(.eventCard p,.teamUserCard p,.priceSheetCard p,.eventNotesBlock p,.accountPanel p){font-size:14px;line-height:1.6;color:#536171}
.dotcrm-modern :is(.eventGrid,.teamGrid,.priceSheetGrid){gap:16px}
.dotcrm-modern :is(.teamUserCard,.eventCard,.priceSheetCard){border-radius:11px;padding:18px}
.dotcrm-modern .eventCardTop{font-size:12px;color:#536171}
.dotcrm-modern :is(.teamUserCard button,.eventCard button){min-height:40px;font-size:13px}
.dotcrm-modern :is(.teamUserEmail,.teamUserMeta,.eventSetupSummary b,.eventDateCell b){font-size:13px;color:#43586b}
.dotcrm-modern :is(.settingsGrid,.templateGrid,.importForm){gap:16px}
.dotcrm-modern :is(.settingsGrid,.templateGrid){padding:18px 20px}
.dotcrm-modern .routingRow{padding:16px 20px;gap:14px;border-color:var(--line)}
.dotcrm-modern .routingRow>b{font-size:14px;color:#34475a}
.dotcrm-modern .securityGrid{gap:16px}
.dotcrm-modern .accountPanel{padding:20px}
.dotcrm-modern .payrollPage :is(.pyRowGrid,.bonusRow){gap:14px}
.dotcrm-modern .payrollPage :is(.pyPerson b,.pyAmount b,.bonusRow b){font-size:15px;color:#2e4255}
.dotcrm-modern .payrollPage :is(.pyRowGrid,.pyDetails,.pyDetails dd,.pyProvider,.pyPeriod,.pyAuxTable td){font-size:13px;line-height:1.5}
.dotcrm-modern .payrollPage :is(.pyColumns,.pyDetails dt,.pySummary>small,.pyMobileLabel){font-size:12px;color:#536171;letter-spacing:0;text-transform:none}
.dotcrm-modern .payrollPage :is(.pyActions .btn,.pyProvider .btn,.bonusActions .btn,.pyAuxActions .btn){font-size:13px;min-height:40px}
.dotcrm-modern .payrollPage :is(.pyFilters input,.pyFilters select){font-size:14px;min-height:42px}
.dotcrm-modern .payrollPage .pySummary>b{font-size:25px}
.dotcrm-modern :is(.quoteWorkspaceGrid,.commandSettings,.analyticsGrid){gap:16px}
.dotcrm-modern :is(.commandLoading,.eventEmpty,.mgmtEmpty,.quoteEmpty){font-size:14px;color:#536171;padding:24px;line-height:1.55}
.dotcrm-modern .leadSmartFilters .btn{font-size:13px}
/* Integration state is readable and bounded, including failure paths. */
.dotcrm-modern #integrationBody .stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.dotcrm-modern #integrationBody .stat b{font-size:21px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.dotcrm-modern #integrationBody .stat small{display:block;margin-top:8px}
.dotcrm-modern #integrationBody .table{min-width:620px}
.dotcrm-modern .statusGood{color:#22643f!important}
.dotcrm-modern .statusOff{color:#a12e3b!important}
.dotcrm-modern #integrationBody .emailTestBox{background:#f6f8fb!important;border-color:var(--line)!important;border-radius:10px!important;padding:18px!important}
.dotcrm-modern .crmLoadingState{display:flex;align-items:center;gap:14px;padding:22px 8px;min-height:100px;color:#34475a}
.dotcrm-modern .crmLoadingState b,.dotcrm-modern .crmLoadFailure b{font-size:15px;font-weight:600}
.dotcrm-modern .crmLoadingState span:not(.crmLoadingDot){display:block;font-size:13px;color:#536171;margin-top:4px}
.dotcrm-modern .crmLoadingDot{display:block;width:12px;height:12px;border-radius:50%;background:#c94c0a;box-shadow:0 0 0 5px #fcebdc;flex:0 0 12px}
.dotcrm-modern .crmLoadFailure{background:#fff7f7;border:1px solid #e3bbc2;border-radius:10px;padding:20px;color:#8b2e3b}
.dotcrm-modern .crmLoadFailure p{font-size:14px;margin:8px 0 16px;line-height:1.6}
.dotcrm-modern .crmLoadActions{display:flex;gap:10px;flex-wrap:wrap}
.dotcrm-modern #dotcrmDeliveryWarning{font-size:13px!important;line-height:1.55;border:1px solid #e2bdc3!important;border-radius:9px;background:#fff7f8!important;color:#8d3440!important;box-shadow:none}
.dotcrm-modern :is(.error,.success){font-size:13px;line-height:1.6;border-radius:8px;padding:12px 14px}
.dotcrm-modern #toast{font-size:14px;line-height:1.5;padding:14px 18px;border-radius:9px;max-width:min(460px,calc(100vw - 32px));box-shadow:0 6px 24px #0002}
.dotcrm-modern code{font-size:12px;overflow-wrap:anywhere;white-space:normal}
/* Login retains the approved supplied logo, not a redrawn wordmark. */
.dotcrm-modern .login{font-family:var(--crm-font);background:#f6f8fb}
.dotcrm-modern .loginBrand{background:#18212c;padding:48px;color:#fff}
.dotcrm-modern .loginBrand h1{color:#fff;font-size:48px;line-height:1.12;letter-spacing:-.04em}
.dotcrm-modern .loginBrand p{color:#c5d0de;font-size:17px}
.dotcrm-modern .loginBrand .eyebrow{color:#ffb17c}
.dotcrm-modern .loginBox{background:#fff;padding:36px}
.dotcrm-modern .cardLogin{max-width:440px}
.dotcrm-modern .cardLogin h2{font-size:28px}
.dotcrm-modern .cardLogin .field{font-size:14px}
.dotcrm-modern .cardLogin :is(input,.btn){font-size:16px;min-height:46px}
.dotcrm-modern .loginMobileLogo{image-rendering:auto}
/* Float labels and compact badges: stop hard-coded template small print winning. */
.dotcrm-modern [style*="font-size:8px"],.dotcrm-modern [style*="font-size:9px"],.dotcrm-modern [style*="font-size:10px"],.dotcrm-modern [style*="font-size:11px"]{font-size:13px!important;line-height:1.5!important}
.dotcrm-modern [style*="color:#777"],.dotcrm-modern [style*="color:#888"],.dotcrm-modern [style*="color:#999"]{color:#536171!important}
/* Tablet and phone: retain bounded tables, stack work cards, no page-width clipping. */
@media(min-width:981px){.dotcrm-modern .shell.crmPayrollExpanded>.main{margin-left:0}.dotcrm-modern .shell.crmPayrollExpanded>.sidebar{display:none}}
@media(max-width:1180px) and (min-width:981px){.dotcrm-modern{--crm-sidebar:230px}.dotcrm-modern .page{padding:20px}.dotcrm-modern .topbar{padding-inline:20px}.dotcrm-modern .topbarUserCopy{display:none}.dotcrm-modern .mgmtMetrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dotcrm-modern .nav button{font-size:13px;padding:10px}}
@media(max-width:980px){
 .dotcrm-modern .main{margin-left:0}.dotcrm-modern .sidebar{width:276px;max-width:calc(100vw - 32px)}
 .dotcrm-modern .page,.dotcrm-modern .leadBoardPage{padding:18px}
 .dotcrm-modern .topbar{padding:12px 18px;min-height:70px;gap:12px}
 .dotcrm-modern .topbar h1{font-size:19px}.dotcrm-modern .actions{gap:8px}
 .dotcrm-modern .topbarUserCopy{display:none}
 .dotcrm-modern :is(.hero,.commandHero,.managementHero,.leadDirectoryIntro){padding:20px;align-items:flex-start}
 .dotcrm-modern .btn{min-height:44px}
 .dotcrm-modern :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
 .dotcrm-modern .hamb{width:44px;min-width:44px;min-height:44px;padding:0;display:inline-flex;font-size:20px}
 .dotcrm-modern .hambText{display:none}
 .dotcrm-modern .mgmtDailyLeaderboard{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
 .dotcrm-modern .directoryCustomerName b{font-size:15px}
 .dotcrm-modern .leadDirectoryRow{min-height:0}
 .dotcrm-modern .crmNetworkBrand{font-size:12px}
 .dotcrm-modern .crmNetworkShell{padding-top:42px}.dotcrm-modern .crmNetworkBar{height:42px;min-height:42px}.dotcrm-modern .crmNetworkShell :is(.topbar,.sidebar){top:42px}
 .dotcrm-modern .drawer .btn{min-height:44px}
}
@media(max-width:720px){
 .dotcrm-modern .stats,.dotcrm-modern .mgmtMetrics,.dotcrm-modern .commandMetrics,.dotcrm-modern .teamSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .dotcrm-modern .page,.dotcrm-modern .leadBoardPage{padding:14px}
 .dotcrm-modern :is(.hero,.commandHero,.managementHero,.leadDirectoryIntro){padding:18px;gap:14px}
 .dotcrm-modern :is(.hero,.commandHero,.managementHero,.leadDirectoryIntro) h2{font-size:23px}
 .dotcrm-modern :is(.mgmtDailyHeroHead,.mgmtDailyLeaderboard){padding:16px}
 .dotcrm-modern .mgmtDailyHeroHead{flex-wrap:wrap;gap:16px}
 .dotcrm-modern .mgmtDailyHeroTools{width:100%;justify-content:space-between}
 .dotcrm-modern .mgmtDailyHeroTools>label{flex:1;min-width:0}
 .dotcrm-modern .mgmtDailyLeaderboard{grid-template-columns:minmax(0,1fr)}
 .dotcrm-modern .mgmtPersonPrimary{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 16px}
 .dotcrm-modern .mgmtPersonHead{padding:16px;flex-wrap:wrap}
 .dotcrm-modern .mgmtPersonSelect{width:100%;max-width:100%}
 .dotcrm-modern .mgmtPersonSelect select{width:100%}
 .dotcrm-modern .mgmtActivityStrip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dotcrm-modern .mgmtPersonDetailGrid{grid-template-columns:minmax(0,1fr)}
 .dotcrm-modern .drawer{width:100%}.dotcrm-modern .drawerHead{padding:18px}.dotcrm-modern .drawerBody{padding:14px}.dotcrm-modern .drawer .section{padding:16px}
 .dotcrm-modern .drawerActions{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
 .dotcrm-modern .modalOverlay{padding:12px}.dotcrm-modern .modal{max-width:100%;padding:20px;max-height:calc(100dvh - 24px);border-radius:12px}
 .dotcrm-modern .leadDirectorySummary{width:100%;flex-basis:auto}
 .dotcrm-modern .leadDirectoryFilterPanel label.leadControlSelect{height:58px}
 .dotcrm-modern .leadDirectoryStageFilter{min-height:40px}
 .dotcrm-modern .column{padding:8px;flex-basis:100%;width:100%;margin-bottom:12px}
 .dotcrm-modern .leadBoardPage .kanban{display:block}
 .dotcrm-modern .leadCardCompact{padding:14px}
 .dotcrm-modern .leadControls .btn{min-height:44px}
 .dotcrm-modern .crmNetworkBrand{max-width:126px;white-space:normal;line-height:1.2;padding:0 12px;letter-spacing:.03em;text-align:left}
 .dotcrm-modern .crmNetworkLink{font-size:12px;min-height:36px}
 .dotcrm-modern #integrationBody .stats{grid-template-columns:minmax(0,1fr)}
 .dotcrm-modern :is(.crmLoadActions,.emailTestBox>div){flex-direction:column;align-items:stretch}
 .dotcrm-modern .crmLoadActions .btn{width:100%}
 .dotcrm-modern .mobileNav button{font-size:12px}
}
@media(max-width:480px){
 .dotcrm-modern .topbar{padding:10px 12px;gap:10px;flex-wrap:wrap}
 .dotcrm-modern .topbar h1{font-size:18px}.dotcrm-modern .topbarTitle{flex:1 1 150px}
 .dotcrm-modern .topbarUser{display:none}
 .dotcrm-modern .topbar .actions{margin-left:auto}
 .dotcrm-modern .topbar #newLead{min-height:40px;padding:8px 12px;font-size:13px}
 .dotcrm-modern :is(.stat,.mgmtMetric,.commandMetrics>div,.teamSummary>span){padding:14px}
 .dotcrm-modern :is(.stat b,.mgmtMetric>b,.commandMetrics>div>b){font-size:25px}
 .dotcrm-modern .mgmtDailyHeroTools{gap:10px;align-items:stretch}
 .dotcrm-modern .mgmtDailyHeroTools .input{width:100%;min-width:0}
 .dotcrm-modern .mgmtDailyHeroTotal{min-width:86px;padding:10px}
 .dotcrm-modern .panelHead{padding:16px}
 .dotcrm-modern .crmFooter{padding-bottom:42px}
}
@media(prefers-reduced-motion:reduce){.dotcrm-modern *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.dotcrm-modern .crmNavIcon{display:none}.dotcrm-modern .main{margin-left:0}.dotcrm-modern .panel{box-shadow:none}}
.dotcrm-modern .crmSkipLink{position:fixed;left:16px;top:-100px;z-index:9999;padding:12px 18px;background:#fff;color:#6b2e0d;border:2px solid #8b3a10;border-radius:8px;font-size:14px;font-weight:600}
.dotcrm-modern .crmSkipLink:focus{top:48px}
.dotcrm-modern .nav button{display:flex;align-items:center;gap:10px}
/* Keep existing hidden controls hidden; flex-button styling must not reveal them. */
.dotcrm-modern [hidden]{display:none!important}
@media(min-width:981px){.dotcrm-modern .hamb{display:none}}
@media(max-width:980px){.dotcrm-modern .actions .desktopOnly{display:none}}
@media(min-width:1280px){.dotcrm-modern .mgmtActivityStrip{grid-template-columns:repeat(7,minmax(0,1fr))}}
.dotcrm-modern .reserveFilters{min-width:0}
.dotcrm-modern .reserveFilters>*{min-width:0;width:100%}
.dotcrm-modern .reserveFilters form{min-width:0}
.dotcrm-modern .reserveTabs{max-width:100%;margin-right:0}
.dotcrm-modern .reserveFilters :is(input,select){width:100%;min-width:0}
@media(max-width:1100px){.dotcrm-modern .reserveFilters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){
 .dotcrm-modern .reserveFilters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dotcrm-modern .reserveFilters form{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .dotcrm-modern .table.teamTable{display:block;min-width:0;width:100%}
 .dotcrm-modern .teamTable thead{display:none}
 .dotcrm-modern .teamTable tbody{display:block}
 .dotcrm-modern .teamTable tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-top:1px solid var(--line);padding:16px;gap:14px}
 .dotcrm-modern .teamTable td{display:block;min-width:0;border:0;padding:0;font-size:14px;overflow-wrap:anywhere}
 .dotcrm-modern .teamTable td:before{content:attr(data-label);display:block;font-size:12px;font-weight:500;color:#536171;margin-bottom:5px}
 .dotcrm-modern .teamTable td:first-child,.dotcrm-modern .teamTable td:last-child{grid-column:1/-1}
 .dotcrm-modern .teamTable .teamActions{display:flex;flex-wrap:wrap;gap:8px}
 .dotcrm-modern .teamTable .teamActions>*{flex:1 1 140px}
 .dotcrm-modern .teamTable .btn{min-height:44px;font-size:13px}
}
@media(max-width:360px){.dotcrm-modern .reserveFilters{grid-template-columns:minmax(0,1fr)}}
/* Intermediate-width boards and long management fields must not expand the page. */
@media(max-width:900px){
 .dotcrm-modern .leadBoardPage .kanban{display:block}
 .dotcrm-modern .leadBoardPage .column{width:100%;flex-basis:100%;margin-bottom:12px;min-width:0}
}
.dotcrm-modern :is(.importForm,.templateGrid,.templateEditor){min-width:0;max-width:100%}
.dotcrm-modern :is(.importForm,.templateEditor) .field{min-width:0;max-width:100%}
.dotcrm-modern :is(.importForm,.templateEditor) :is(input,select,textarea){min-width:0;max-width:100%;width:100%}
.dotcrm-modern #auditBody :is(b,code){overflow-wrap:anywhere}
@media(max-width:720px){
 .dotcrm-modern :is(.importForm,.templateGrid){grid-template-columns:minmax(0,1fr)}
}
/* Readability pass: secondary copy is subdued by size, not by insufficient contrast. */
.dotcrm-modern :is(.mgmtDailyRank,.mgmtGenerated,.myDayEmpty,.leadPageNotice,.leadCompactOpen>span,.leadPager>span,.alPageHead p,.alPrimaryFilters .leadControlSelect>span,.alListHead>span,.alIdentity>span,.alContact>span,.alAddress>span,.alSource,.alDetailsButton,.leadDirectoryStage.dead,.pyPageHead p,.pyPolicy summary,.pyFilters>label,.pySummary>span,.pyDetails summary,.pyDetails summary>span,.polePayStats>span,.quoteLeadFinderHead p,.quoteLeadResult>.badge,.quoteLeadResult>span,.quoteWorkspaceWelcome p,.docMini,.eventPaymentStats>div>span,.eventPaymentResultCount,.permissionNotApplicable,.managementAccountTag){color:#536171}
.dotcrm-modern .mgmtDailyLeader.leader .mgmtDailyRank{color:#fff}
.dotcrm-modern .mgmtDailyServices b,.dotcrm-modern .quoteLeadFinderHead>span{color:#9d3c0c}
.dotcrm-modern .leadPagerButtons>span,.dotcrm-modern .allLeadsFit .alFilters label.leadControlSelect>span,.dotcrm-modern .pyPolicy p,.dotcrm-modern .eventPaymentStats article>span,.dotcrm-modern .dataProtection>span{color:#536171}
/* Text-only toast feedback must never cover a clickable form control. */
.dotcrm-modern #toast{pointer-events:none;max-width:min(440px,calc(100vw - 24px));font-size:13px;line-height:1.5}
.dotcrm-modern .loginBox,.dotcrm-modern .cardLogin{min-width:0}
.dotcrm-modern .cardLogin{width:100%}
.dotcrm-modern .cardLogin :is(input,select){min-width:0;width:100%}
.dotcrm-modern .loginMobileLogo{max-width:100%;height:auto}
.dotcrm-modern .forgotLink{color:#9d3c0c}
.dotcrm-modern .loginLegal{color:#536171}
@media(max-width:900px){.dotcrm-modern .login{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.dotcrm-modern .loginBox{padding:20px}.dotcrm-modern .cardLogin{padding:20px}.dotcrm-modern .cardLogin h2{font-size:26px}}

/* v1.9.48.9 — mobile lead alignment only. No hidden data or desktop changes.
 * Keep the checkbox in the name's grid row instead of absolutely positioning
 * it against a heading with independent margins. Native inputs and handlers stay intact.
 */
@media screen and (max-width:900px){
 .dotcrm-modern .leadBoardPage .leadCardCompact{
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;
  padding:10px 12px;margin:6px 0;min-height:0;
 }
 .dotcrm-modern .leadBoardPage .leadCardCompact:has(>.leadBulkCheck){
  grid-template-columns:32px minmax(0,1fr);column-gap:8px;
 }
 .dotcrm-modern .leadBoardPage .leadCardCompact>*{grid-column:1/-1;min-width:0}
 .dotcrm-modern .leadBoardPage .leadCardCompact>.leadBulkCheck{
  position:relative;inset:auto;grid-column:1;grid-row:1;
  width:32px;min-width:32px;height:32px;min-height:32px;
  margin:0;padding:0;align-self:start;display:flex;align-items:center;justify-content:center;
 }
 .dotcrm-modern .leadBoardPage .leadCompactTop{
  grid-row:1;min-height:32px;padding:0;gap:6px;align-items:flex-start;flex-wrap:wrap;
 }
 .dotcrm-modern .leadBoardPage .leadCardCompact:has(>.leadBulkCheck) .leadCompactTop{
  grid-column:2;padding-left:0;
 }
 .dotcrm-modern .leadBoardPage .leadCompactTop h4{
  flex:1 1 120px;min-width:0;margin:0;padding:4px 0;
  font-size:15px;line-height:24px;white-space:normal;overflow:visible;
  overflow-wrap:anywhere;text-overflow:clip;
 }
 .dotcrm-modern .leadBoardPage .leadCompactTop .leadSharingSlot{
  flex:0 0 auto;width:auto;min-width:0;max-width:min(140px,100%);
  min-height:24px;margin-top:4px;padding:3px 7px;line-height:16px;
 }
 .dotcrm-modern .leadBoardPage .leadCompactFacts{margin-top:4px;gap:6px}
 .dotcrm-modern .leadBoardPage .leadCompactInterest{
  margin-top:4px;padding:4px 7px;gap:6px;flex-wrap:wrap;
 }
 .dotcrm-modern .leadBoardPage .leadCompactInterest b{
  white-space:normal;overflow-wrap:anywhere;text-overflow:clip;
 }
 .dotcrm-modern .leadBoardPage .leadCompactFlags{margin-top:4px}
 .dotcrm-modern .leadBoardPage .leadCompactOpen{margin-top:4px;padding-top:4px}
 /* Search input and its action row share the same centred width. A single
    Search button spans both tracks; Clear, when present, uses an equal track. */
 .dotcrm-modern .leadBoardPage .leadControls{min-width:0;width:100%;align-items:center}
 .dotcrm-modern :is(.leadBoardPage,.allLeadsFit) .leadSearchForm{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  width:100%;max-width:100%;min-width:0;flex:1 1 100%;grid-column:1/-1;
  margin:0;align-items:center;justify-items:stretch;
 }
 .dotcrm-modern :is(.leadBoardPage,.allLeadsFit) .leadSearchForm #leadSearch{
  grid-column:1/-1;width:100%;max-width:100%;min-width:0;
  height:48px;min-height:48px;margin:0;box-sizing:border-box;
 }
 .dotcrm-modern :is(.leadBoardPage,.allLeadsFit) .leadSearchForm .btn{
  width:100%;max-width:100%;min-width:0;min-height:44px;
  margin:0;justify-content:center;box-sizing:border-box;
 }
 .dotcrm-modern :is(.leadBoardPage,.allLeadsFit) .leadSearchForm:not(:has(#leadSearchClear)) .btn[type=submit]{grid-column:1/-1}
 /* The All Leads directory keeps every field, but its mobile checkbox is
    anchored to the first name line, not the vertical centre of the record. */
 .dotcrm-modern .allLeadsFit .alRowGrid{
  grid-template-columns:32px minmax(0,1fr) 98px;
  grid-template-areas:'select person actions' '. address address' '. services services' '. status status';
  gap:6px 8px;padding:10px 12px;
 }
 .dotcrm-modern .allLeadsFit .alSelect{grid-area:select;align-self:start;align-items:flex-start}
 .dotcrm-modern .allLeadsFit .alPerson{grid-area:person}
 .dotcrm-modern .allLeadsFit .alAddress{grid-area:address}
 .dotcrm-modern .allLeadsFit .alServices{grid-area:services}
 .dotcrm-modern .allLeadsFit .alStatus{grid-area:status}
 .dotcrm-modern .allLeadsFit .alActions{grid-area:actions}
 .dotcrm-modern .allLeadsFit .alSelect .leadBulkCheck{
  width:32px;min-width:32px;height:32px;min-height:32px;
  margin:0;padding:0;position:relative;inset:auto;
 }
 .dotcrm-modern .allLeadsFit .alCustomerName{
  min-height:32px;line-height:24px;padding:4px 0;display:block;
 }
 .dotcrm-modern :is(.leadBoardPage,.allLeadsFit) .leadBulkCheck>span{
  width:18px;height:18px;flex:0 0 18px;border-radius:5px;box-shadow:none;
 }
 .dotcrm-modern :is(.leadBoardPage,.allLeadsFit) .leadBulkCheck input{
  position:absolute;inset:0;width:100%;height:100%;min-height:0;
  margin:0;opacity:0;pointer-events:auto;cursor:pointer;z-index:1;
 }
 .dotcrm-modern :is(.leadBoardPage,.allLeadsFit) .leadBulkCheck input:focus-visible+span{
  outline:2px solid #263747;outline-offset:3px;
 }
}
@media screen and (max-width:620px){
 .dotcrm-modern .allLeadsFit .alRowGrid{
  grid-template-columns:32px minmax(0,1fr);
  grid-template-areas:'select person' '. address' '. services' '. status' 'actions actions';
 }
 .dotcrm-modern .allLeadsFit .alActions{
  width:100%;flex-direction:row;align-items:center;justify-content:flex-end;
  border-top:1px solid #edf0f3;padding-top:8px;
 }
 .dotcrm-modern .allLeadsFit :is(.alOpenButton,.alDetailsButton){flex:1;width:auto;min-height:40px}
}

/* v1.9.48.10 — Dead Leads: distinct Reserve section, readable on small screens. */
#dotcrm-root .reserveBucket.dead{background:#fff1f0;color:#9b302e;border:1px solid #efcecc}
#dotcrm-root .deadReasonBanner{display:flex;flex-direction:column;gap:3px;background:#fff8f6;border:1px solid #f0ddd7;border-radius:10px;padding:10px 12px;margin-top:10px;overflow-wrap:anywhere}
#dotcrm-root .deadReasonBanner small{color:#795246;font-size:12px;font-weight:600}
#dotcrm-root .deadReasonBanner b{font-size:14px;color:#67372b;line-height:1.5}
#dotcrm-root .deadReasonBanner span{color:#635b59;font-size:12px}
#dotcrm-root .deadLeadCard .reserveLeadMain,#dotcrm-root .deadLeadCard .reserveLeadTop>div{min-width:0}
#dotcrm-root .deadLeadCard .reserveLeadTop h3{overflow-wrap:anywhere}
#dotcrm-root .deadLeadCard .reserveLeadActions{gap:8px}
#dotcrm-root .deadReserveLink{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 16px;color:#515b69;font-size:13px}
#dotcrm-root .deadDrawerActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#dotcrm-root .deadReserveBulk{grid-template-columns:minmax(160px,1fr) auto auto}
#dotcrm-root .deadLoadError{padding:20px}
#dotcrm-root .deadLeadCard .reserveSelect input{width:22px;height:22px;margin:0;accent-color:#ec650c}
#dotcrm-root .reserveTabs{flex-wrap:wrap}
#dotcrm-root #reserveBulkDeadWrap[hidden],#dotcrm-root #bulkDeadReasonWrap[hidden],#dotcrm-root #deadActionError[hidden]{display:none!important}
@media screen and (max-width:900px){
 #dotcrm-root .deadLeadCard{grid-template-columns:32px minmax(0,1fr);padding:14px;gap:8px}
 #dotcrm-root .deadLeadCard .reserveSelect{grid-column:1;grid-row:1;align-self:start;padding-top:37px}
 #dotcrm-root .deadLeadCard .reserveLeadMain{grid-column:2;grid-row:1}
 #dotcrm-root .deadLeadCard .reserveLeadActions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 #dotcrm-root .deadLeadCard .reserveLeadActions .btn{min-height:44px;padding:8px;white-space:normal}
 #dotcrm-root .deadReserveBulk{display:flex;flex-wrap:wrap;align-items:stretch}
 #dotcrm-root .deadReserveBulk>div{flex:1 1 100%}
 #dotcrm-root .deadReserveBulk>.btn{flex:1 1 140px;min-height:44px;white-space:normal}
 #dotcrm-root .deadReserveLink{align-items:stretch;flex-direction:column}
 #dotcrm-root .deadReserveLink .btn{width:100%;min-height:44px}
 #dotcrm-root .reserveTabs>button{flex:1 1 140px;min-height:44px}
 #dotcrm-root #reserveReason,#dotcrm-root #deadActionReason{font-size:16px;min-height:48px;max-width:100%}
}

#dotcrm-root .deadResultCount{font-size:13px;line-height:1.55;color:#4b5563;margin:4px 0 14px;}

/* Dead reason is a primary filter, never a clipped secondary control. */
.dotcrm-modern .reserveDeadPage .reserveFilters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.dotcrm-modern .reserveDeadPage .reserveFilters>*{min-width:0;width:100%;grid-column:auto;order:2}
.dotcrm-modern .reserveDeadPage #reserveSearchForm{grid-column:span 3;order:0;display:flex;gap:8px}
.dotcrm-modern .reserveDeadPage #reserveSearch{flex:1;min-width:0;width:100%}
.dotcrm-modern .reserveDeadPage #reserveSearchForm .btn{flex:0 0 auto}
.dotcrm-modern .reserveDeadPage #reserveReason{grid-column:span 3;order:1}
@media screen and (max-width:1200px){
 .dotcrm-modern .reserveDeadPage .reserveFilters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (max-width:620px){
 .dotcrm-modern .reserveDeadPage .reserveFilters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .dotcrm-modern .reserveDeadPage #reserveSearchForm,.dotcrm-modern .reserveDeadPage #reserveReason{grid-column:1/-1}
 .dotcrm-modern .reserveDeadPage .reserveFilters .input{font-size:16px;height:48px;min-height:48px}
 .dotcrm-modern .reserveDeadPage #reserveClear{min-height:48px}
 .dotcrm-modern .reserveDeadPage .deadReserveBulk{padding:12px}
 .dotcrm-modern .reserveDeadPage .deadReserveBulk button{width:100%}
}