/* EziMigrate unified interface — 7 October 2026.
   Screen styles only. Semantic status colours and dedicated PDF layouts are preserved. */
body.crm-shell {
  --crm-ink:#183047; --crm-muted:#61748a; --crm-line:#dfe7ee;
  --crm-accent:#087f79; --crm-accent-hover:#06645f; --crm-accent-soft:#eaf6f3;
  --crm-surface:#fff; --crm-background:#f3f6f9; --crm-round:14px;
  --navy:#10263f; --bg:var(--crm-background); --gold:var(--crm-accent);
  --brand-primary:var(--crm-ink); --brand-accent:var(--crm-accent); --brand-light:var(--crm-accent-soft);
  --body-bg:var(--crm-background); --card-bg:#fff; --text-main:var(--crm-ink);
  --text-muted:var(--crm-muted); --border-color:var(--crm-line);
  --adv-dark:var(--crm-ink); --adv-mid:var(--crm-accent); --adv-light:var(--crm-accent-soft); --adv-border:var(--crm-line);
  color:var(--crm-ink); background:var(--crm-background); line-height:1.6;
  -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased;
}
body.crm-shell :where(button,input,select,textarea){font-family:inherit}
body.crm-shell #page-content{container:crm-page / inline-size;padding:clamp(16px,2.2vw,36px);min-width:0}
body.crm-shell #page-content :where(.row,.grid,.heading,.card,.d,.adb,.wfp,.eq-page,.eq-wrap,.main-grid,.stats-grid,.filters)>*{min-width:0}
body.crm-shell #page-content :where(.container,.container-fluid){max-width:100%}
body.crm-shell #page-content :where(h1,h2,h3,h4){font-family:inherit;line-height:1.35;color:var(--crm-ink);overflow-wrap:anywhere}
body.crm-shell #page-content h1{font-size:clamp(23px,2.3vw,30px);letter-spacing:-.7px;font-weight:750}
body.crm-shell #page-content h2{font-size:18px;font-weight:700;letter-spacing:-.2px}
body.crm-shell #page-content h3{font-size:16px;font-weight:650}
body.crm-shell #page-content :where(p,dd,li,a,.muted,.text-muted){overflow-wrap:anywhere}
body.crm-shell #page-content :where(.muted,.text-muted){color:var(--crm-muted)!important}
body.crm-shell #page-content :where(.d,.adb,.wfp,.eq-page,.eq-wrap){
  --ink:var(--crm-ink);--ink2:#294158;--ink3:var(--crm-muted);--ink4:#667a90;
  --bg:var(--crm-background);--surf:#fff;--surf2:#f7f9fb;--surf3:#eef3f7;
  --surface:#fff;--surface2:#f7f9fb;--border:var(--crm-line);--brd:var(--crm-line);
  --r:9px;--r2:var(--crm-round);--r3:18px;
  font-family:inherit;background:transparent;min-width:0;
}
body.crm-shell #page-content :where(.card,.ez-card,.dash-card,.adv-card,.wfp-card,.panel,.perf-card,.sc,.stat-card,.dash-stat,.adv-stat,.course-card,.widget){
  border-color:var(--crm-line);border-radius:var(--crm-round);box-shadow:0 2px 8px #10263f06;background:var(--crm-surface);
}
body.crm-shell #page-content :where(.card-header,.ez-card-header,.adv-card-head,.wfp-card-head){background:#f8fafc;border-color:var(--crm-line);color:var(--crm-ink)}
body.crm-shell #page-content :where(.today-banner,.bm-banner,.crm-welcome-banner,.adv-topbar){
  background:#fff!important;border:1px solid var(--crm-line);border-radius:var(--crm-round);padding:clamp(18px,2vw,26px);box-shadow:0 2px 8px #10263f06;margin-bottom:22px;
}
body.crm-shell #page-content :where(.today-banner,.bm-banner)::before{display:none}
body.crm-shell #page-content :where(.tb-greeting,.bm-greeting,.adv-topbar-title,.crm-welcome-banner [style*="color:#fff"]){color:var(--crm-ink)!important}
body.crm-shell #page-content :where(.tb-greeting em,.bm-greeting em){color:var(--crm-accent)}
body.crm-shell #page-content :where(.tb-date,.bm-date,.tb-metric-lbl,.bm-metric-lbl,.crm-welcome-banner [style*="color:#94a3b8"],.crm-welcome-banner [style*="color:#93c5fd"]){color:var(--crm-muted)!important}
body.crm-shell #page-content :where(.tb-metric,.bm-metric){background:#f5f8fa;border-color:var(--crm-line)}
body.crm-shell #page-content :where(.tb-metric-val,.bm-metric-val){color:var(--crm-ink)!important}
body.crm-shell #page-content :where(.adv-body){padding:0}
body.crm-shell #page-content :where(.adv-topbar){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.crm-shell #page-content .adv-topbar-title{font-size:20px;font-weight:700}
body.crm-shell #page-content .adv-topbar-badge{background:var(--crm-accent-soft);color:var(--crm-accent);padding:6px 12px;border-radius:20px;font-weight:600}
/* Shared control sizing, including old Bootstrap screens and workflow forms. */
body.crm-shell :where(#page-content,.modal,.crm-editor) :where(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){
  max-width:100%;min-width:0;border:1px solid #cfdae4;border-radius:9px;background:#fff;color:var(--crm-ink);
  min-height:44px;font-size:14px;line-height:1.5;padding:10px 12px;box-shadow:none;
}
body.crm-shell :where(#page-content,.modal,.crm-editor) :where(textarea){resize:vertical;min-height:94px}
body.crm-shell :where(#page-content,.modal,.crm-editor) :where(label,.form-label){color:#42576c;font-size:13px;font-weight:600;line-height:1.5}
body.crm-shell :where(#page-content,.modal,.crm-editor) :where(input,select,textarea):focus{border-color:var(--crm-accent);box-shadow:0 0 0 3px #087f791a;outline:none}
body.crm-shell :where(#page-content,.modal,.crm-editor) :where(input,select,textarea):disabled{background:#eef2f6;color:#6e8092;cursor:not-allowed}
body.crm-shell :where(#page-content,.modal,.crm-editor) :where(button,.button,.btn,.bm-btn,.tb-btn){min-height:44px;line-height:1.35;border-radius:9px;font-family:inherit;font-weight:600;white-space:normal}
body.crm-shell :where(#page-content,.modal) :where(.btn-primary,.btn-brand,.btn-accent,.btn-gold,.button.gold,button.gold,.bm-btn-gold,.tb-p,.pm-mob-btn,.wfp-action-btn){
  background:var(--crm-accent)!important;background-image:none!important;border-color:var(--crm-accent)!important;color:#fff!important;box-shadow:none;
}
body.crm-shell :where(#page-content,.modal) :where(.btn-primary,.btn-brand,.btn-accent,.button.gold,.tb-p,.wfp-action-btn):hover{background:var(--crm-accent-hover)!important}
body.crm-shell #page-content :where(.btn-outline-brand,.button.light,button.light){background:#f5f8fa;color:var(--crm-ink);border:1px solid var(--crm-line)}
body.crm-shell :where(button,a,summary):focus-visible{outline:3px solid var(--crm-accent);outline-offset:3px}
body.crm-shell :where(.form-footer,.actions,.heading,.filters,.editor-footer){flex-wrap:wrap;gap:12px}
body.crm-shell #page-content .form-footer{margin-top:18px}
body.crm-shell #page-content .filters{align-items:flex-end}
body.crm-shell #page-content :where(.grid,.crm-adaptive-grid)>*{min-width:0}
body.crm-shell :where(.crm-check){display:flex;align-items:flex-start;gap:10px;margin:14px 0}
body.crm-shell :where(input[type=checkbox],input[type=radio]){accent-color:var(--crm-accent);flex-shrink:0}
/* Tables retain their columns. Scrolling is confined to the table, never the whole page. */
body.crm-shell :where(.table-responsive,.scroll){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:11px;scrollbar-width:thin}
body.crm-shell #page-content :where(table){width:100%;border-collapse:collapse}
body.crm-shell #page-content :where(th){font-family:inherit;font-size:12px;letter-spacing:.025em;line-height:1.5;background:#f6f9fb;color:#52697f;padding:14px 16px;white-space:nowrap}
body.crm-shell #page-content :where(td){font-family:inherit;font-size:14px;padding:14px 16px;line-height:1.6;vertical-align:top;border-bottom:1px solid #eaf0f4}
body.crm-shell #page-content :where(td a){color:var(--crm-accent)}
body.crm-shell #page-content :where(table:not(.party):not(.totals):not(.lines)) tbody tr:hover{background:#f8fbfb}
body.crm-shell #page-content .pagination{display:flex;flex-wrap:wrap;gap:4px;max-width:100%;margin-top:22px}
body.crm-shell #page-content .page-link{min-width:42px;min-height:42px;display:grid;place-items:center;border-color:var(--crm-line);color:var(--crm-accent);font-size:14px}
body.crm-shell #page-content .page-item.active .page-link{background:var(--crm-accent);border-color:var(--crm-accent);color:#fff}
body.crm-shell #page-content :where(img,video,canvas,iframe){max-width:100%}
body.crm-shell #page-content iframe{min-width:0}
body.crm-shell #page-content pre{max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word}
body.crm-shell #page-content .crm-adaptive-grid{min-width:0}
/* Consistent header and sidebar at every size. */
body.crm-shell #crm-header{min-width:0;padding-left:clamp(12px,2vw,28px);padding-right:clamp(12px,2vw,28px)}
body.crm-shell .crm-page-heading{min-width:0;flex:1}
body.crm-shell #page-title{overflow-wrap:anywhere}
body.crm-shell .crm-header-actions{flex-shrink:0;gap:12px}
body.crm-shell .crm-avatar{background:var(--crm-accent-soft);color:var(--crm-accent)}
body.crm-shell #crm-sidebar a[aria-current=page]{background:#173f50;color:#8cede0;box-shadow:inset 3px 0 #29c8b5}
body.crm-shell #crm-sidebar a,.crm-menu{touch-action:manipulation}
body.crm-shell .crm-notification-item{display:block;text-decoration:none;color:var(--crm-ink);padding:14px 10px;border-radius:7px;overflow-wrap:anywhere}
body.crm-shell a.crm-notification-item:hover{background:var(--crm-accent-soft);color:var(--crm-accent)}
body.crm-shell .crm-notification-panel{z-index:1050;max-height:calc(100dvh - 96px);overflow:auto}
body.crm-shell #crm-notification-list{max-height:min(420px,60dvh)}
/* New follow-up centre and handover controls. */
.crm-follow-up-summary{margin-bottom:26px}
.crm-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.crm-section-heading h2{margin:0 0 4px}
.crm-section-heading p{font-size:12px;color:var(--crm-muted);margin:0}
.crm-section-heading>a{font-size:13px;font-weight:650;color:var(--crm-accent);white-space:nowrap}
.crm-follow-up-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.crm-follow-up-stat{background:#fff;border:1px solid var(--crm-line);border-radius:var(--crm-round);padding:20px 22px;display:flex;flex-direction:column;text-decoration:none;color:var(--crm-ink);transition:border-color .15s,box-shadow .15s}
.crm-follow-up-stat:hover{border-color:var(--crm-accent);box-shadow:0 4px 16px #10263f08;color:var(--crm-ink)}
.crm-follow-up-stat>span{font-size:13px;font-weight:600;color:#4b647c}
.crm-follow-up-stat>strong{font-size:32px;letter-spacing:-1px;line-height:1.4;margin:7px 0;font-variant-numeric:tabular-nums}
.crm-follow-up-stat>small{font-size:11px;color:var(--crm-muted)}
.crm-follow-up-stat.is-overdue{border-left:3px solid #b55043}
.crm-follow-up-stat.is-overdue>strong{color:#ae4137}
.crm-filter-tabs,.crm-date-groups{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.crm-filter-tabs a,.crm-date-groups a{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--crm-line);border-radius:9px;padding:9px 14px;text-decoration:none;background:#fff;color:var(--crm-ink);font-size:13px}
.crm-filter-tabs a[aria-current=page],.crm-date-groups a[aria-current=page]{border-color:var(--crm-accent);background:var(--crm-accent-soft);color:var(--crm-accent);font-weight:700}
.crm-filter-tabs span{background:#edf2f6;border-radius:20px;padding:2px 8px;font-size:11px}
.crm-date-groups a{font-size:12px;background:#f8fbfc}
.crm-follow-up-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.crm-follow-up-head h2{margin:0 0 8px}
.crm-record-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--crm-muted);font-size:12px}
.crm-record-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:20px;margin:0 0 18px}
.crm-record-details dt{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--crm-muted);margin-bottom:7px;font-weight:650}
.crm-record-details dd{font-size:13px;margin:0}
.crm-record-details dd small{display:block;color:var(--crm-muted);font-size:11px;margin-top:4px}
.crm-note-text{white-space:pre-wrap;max-height:180px;overflow:auto}
.crm-follow-up-editor form{margin:18px}
.crm-empty-state{padding:36px!important;text-align:center;color:var(--crm-muted)}
.crm-application-overview{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.crm-application-overview>div{min-width:0}
.crm-course-link{color:var(--crm-accent);font-weight:650;text-decoration:none}
.crm-course-link small{display:block;overflow-wrap:anywhere;font-size:11px;font-weight:400;margin:4px 0}
.crm-handover-note{border-left:3px solid #cde5de;padding:6px 0 6px 14px;margin:0 0 14px}
.crm-handover-note strong{font-size:12px}.crm-handover-note p{font-size:13px;white-space:pre-wrap;margin:5px 0}.crm-handover-note small{font-size:11px;color:var(--crm-muted)}
/* All processing columns remain reachable. Legacy CSS hid them on smaller devices. */
body.crm-shell #page-content .wfp{display:grid;grid-template-columns:230px minmax(0,1fr) 260px;height:auto;min-height:65dvh;max-height:none;overflow:visible;border:1px solid var(--crm-line);border-radius:var(--crm-round)}
body.crm-shell #page-content :where(.wfp-left,.wfp-center,.wfp-right){width:auto;min-width:0;overflow:visible;height:auto;display:block}
body.crm-shell #page-content .wfp-center{display:flex}
body.crm-shell #page-content .wfp-content{overflow:visible;min-height:200px;padding:20px}
body.crm-shell #page-content :where(.wfp-tabs,.pm-tabbar){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
body.crm-shell #page-content .wfp-tabs{position:static}
body.crm-shell #page-content .wfp-action{position:static}
body.crm-shell .modal-dialog{max-width:min(var(--bs-modal-width, 1140px),calc(100vw - 32px))}
body.crm-shell .modal-dialog.pm-dialog{max-width:min(1380px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);margin:12px auto}
body.crm-shell .modal-content{max-height:calc(100dvh - 24px);border:1px solid var(--crm-line);border-radius:16px}
body.crm-shell .modal-body{overflow:auto;min-height:0;overscroll-behavior:contain}
body.crm-shell .modal :where(.pm-content){height:100%}
body.crm-shell .modal :where(.pm-body,.pm-main,.pm-tc){min-height:0}
body.crm-shell .modal .pm-side{display:flex!important}
body.crm-shell .pm-contact{overflow-wrap:anywhere}
body.crm-shell .pm-close{min-width:44px;min-height:44px}
/* Container breakpoints also respond when the desktop sidebar is expanded. */
@container crm-page (max-width:1200px){
 body.crm-shell #page-content .wfp{grid-template-columns:220px minmax(0,1fr)}
 body.crm-shell #page-content .wfp-right{grid-column:1/-1;border-left:0;border-top:1px solid var(--crm-line);padding:12px}
 body.crm-shell #page-content :where(.main-grid,.bottom-grid,.three-col-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container crm-page (max-width:900px){
 .crm-follow-up-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.crm-shell #page-content .wfp{display:flex;flex-direction:column}
 body.crm-shell #page-content .wfp-center{order:0}
 body.crm-shell #page-content .wfp-left{order:1;max-height:420px;overflow:auto;border-right:0;border-top:1px solid var(--crm-line)}
 body.crm-shell #page-content .wfp-right{order:2}
 body.crm-shell #page-content :where(.main-grid,.bottom-grid,.three-col-grid,.leads-cols){grid-template-columns:minmax(0,1fr)}
 body.crm-shell #page-content .crm-adaptive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@container crm-page (max-width:600px){
 body.crm-shell #page-content :where(.grid,.si-g2,.si-g3,.fin-g2,.fin-g3,.ro-grp,.ro-grp-3,.adv-grid,.qual-r,.job-r,.trav-r){grid-template-columns:minmax(0,1fr)!important}
 body.crm-shell #page-content .crm-adaptive-grid{grid-template-columns:minmax(0,1fr)!important}
 .crm-record-details,.crm-application-overview{grid-template-columns:minmax(0,1fr)}
 .crm-follow-up-head,.crm-section-heading{flex-wrap:wrap}
 .crm-follow-up-stat{padding:16px}.crm-follow-up-stat>strong{font-size:28px}
}
@media(max-width:1199px){
 body.crm-shell #page-content :where(.main-grid,.bottom-grid,.three-col-grid){grid-template-columns:minmax(0,1fr)}
 body.crm-shell #page-content .wfp{grid-template-columns:220px minmax(0,1fr)}
 body.crm-shell #page-content .wfp-right{grid-column:1/-1}
}
@media(max-width:900px){
 .crm-follow-up-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.crm-shell .modal .pm-body{display:block;overflow-y:auto}
 body.crm-shell .modal .pm-main{overflow:visible;display:block}
 body.crm-shell .modal .pm-tc{overflow:visible}
 body.crm-shell .modal .pm-side{width:100%;border-left:0;border-top:1px solid var(--crm-line);overflow:visible;max-height:none;padding-bottom:12px}
 body.crm-shell .modal :where(.pm-shdr,.pm-tcc,.pm-track){padding:16px}
 body.crm-shell #page-content .wfp{display:flex;flex-direction:column}
 body.crm-shell #page-content .wfp-left{order:1;max-height:420px;overflow:auto}
 body.crm-shell #page-content .wfp-right{order:2}
 body.crm-shell #page-content .wfp-center{order:0}
}
@media(max-width:767px){
 body.crm-shell #main-wrapper{margin-left:0!important}
 body.crm-shell #crm-header{min-height:70px;padding-top:max(10px,env(safe-area-inset-top));gap:10px}
 body.crm-shell .crm-account{display:none}
 body.crm-shell .crm-header-actions{gap:6px}
 body.crm-shell .crm-avatar{width:32px;height:32px}
 body.crm-shell .crm-breadcrumb{display:none}
 body.crm-shell #page-title{font-size:15px}
 body.crm-shell #crm-sidebar{width:min(300px,calc(100vw - 32px))!important;padding-bottom:max(18px,env(safe-area-inset-bottom))}
 body.crm-shell.crm-menu-open{overflow:hidden}
 body.crm-shell.crm-menu-open #crm-sidebar{transform:translateX(0)!important;visibility:visible!important}
 body.crm-shell .crm-close{display:block;align-self:flex-end;width:44px;height:44px;flex-shrink:0;border:1px solid #ffffff30;background:#ffffff0a;color:#fff;border-radius:8px;font-size:25px}
 body.crm-shell .crm-notification-panel{position:fixed;right:12px;left:12px;top:76px;width:auto}
 body.crm-shell #page-content :where(.card,.ez-card,.dash-card){padding:18px}
 body.crm-shell #page-content .scroll.card{padding:4px}
 body.crm-shell #page-content :where(.heading,.directory-heading,.directory-toolbar){align-items:flex-start;flex-direction:column}
 body.crm-shell #page-content :where(.filters)>*{max-width:100%}
 body.crm-shell :where(#page-content,.modal,.crm-editor) :where(input,select,textarea):not([type=checkbox]):not([type=radio]){font-size:16px!important}
 body.crm-shell #page-content :where(.grid,.si-g2,.si-g3,.fin-g2,.fin-g3,.ro-grp,.ro-grp-3,.qual-r,.job-r,.trav-r){grid-template-columns:minmax(0,1fr)!important}
 body.crm-shell .modal :where(.si-g2,.si-g3,.fin-g2,.fin-g3,.qual-r,.job-r,.trav-r){grid-template-columns:minmax(0,1fr)!important}
 body.crm-shell .modal-dialog.pm-dialog{max-width:100vw;margin:0;height:100dvh;max-height:100dvh}
 body.crm-shell .pm-content{border-radius:0;padding-bottom:env(safe-area-inset-bottom)}
 body.crm-shell #page-content .invoice-frame{height:65dvh}
 body.crm-shell #crm-footer{padding:18px 16px max(18px,env(safe-area-inset-bottom));flex-wrap:wrap}
 .crm-record-details,.crm-application-overview{grid-template-columns:minmax(0,1fr)}
 .crm-follow-up-head,.crm-section-heading{flex-wrap:wrap}
 .crm-follow-up-stat{padding:16px}.crm-follow-up-stat>strong{font-size:28px}
 .crm-follow-up-head .button{width:100%;justify-content:center}
}
@media(max-width:380px){
 .crm-follow-up-grid{gap:10px}.crm-follow-up-stat{padding:13px}.crm-follow-up-stat small{font-size:10px}
 body.crm-shell .crm-avatar{display:none}
}
@media(prefers-reduced-motion:reduce){
 body.crm-shell *,body.crm-shell *::before,body.crm-shell *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}
@media print{
 body.crm-shell #crm-header,body.crm-shell #crm-sidebar,body.crm-shell #crm-footer,.crm-follow-up-editor,.crm-application-summary form{display:none!important}
 body.crm-shell #main-wrapper{margin:0!important;display:block;min-height:0}
 body.crm-shell #page-content{container-type:normal;padding:0}
 body.crm-shell #page-content .card{box-shadow:none;break-inside:avoid}
 body.crm-shell .scroll,body.crm-shell .table-responsive{overflow:visible!important}
 body.crm-shell #page-content .wfp{display:block;height:auto}
 body.crm-shell #page-content :where(.wfp-left,.wfp-center,.wfp-right){overflow:visible;max-height:none}
}
/* Sign-in uses the same palette. Short screens and landscape can scroll to the form. */
body.crm-auth{--navy:#10263f;--navy2:#0f2239;--teal:#087f79;--stone:#f3f6f9;--stone2:#eaf0f5;--txt:#183047;--muted:#61748a;--bdr:#dfe7ee;height:auto!important;min-height:100dvh;overflow-y:auto!important}
body.crm-auth .page{height:auto!important;min-height:100dvh;grid-template-rows:auto!important}
body.crm-auth .page>.l,body.crm-auth .page>.r{height:auto!important;min-height:100dvh;overflow:visible}
body.crm-auth :where(input,button){min-height:44px;max-width:100%;font-family:inherit}
body.crm-auth .crm-error-card{width:min(560px,calc(100vw - 32px));margin:12vh auto;background:#fff;border:1px solid #dfe7ee;border-radius:18px;padding:36px;color:#183047;font:16px/1.6 system-ui,sans-serif}
body.crm-auth .crm-error-card a{display:inline-block;background:#087f79;color:#fff;text-decoration:none;padding:12px 18px;border-radius:9px;margin-top:18px}
@media(max-width:767px){body.crm-auth .page{display:block!important}body.crm-auth .page>.l{display:none!important}body.crm-auth .page>.r{min-height:100dvh;padding:24px 18px!important}body.crm-auth input{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){body.crm-auth *,body.crm-auth *::before,body.crm-auth *::after{animation:none!important;transition:none!important}}
/* Final cross-module refinements. */
body.crm-auth{margin:0}
body.crm-auth .crm-error-card{box-sizing:border-box;overflow-wrap:anywhere}
body.crm-shell #page-content :where(.ws-btn-primary,.ws-btn-proc,.ws-btn-success,form button[type=submit]){
 background:var(--crm-accent)!important;color:#fff!important;border:1px solid var(--crm-accent)!important;border-radius:9px;padding:10px 16px;box-shadow:none;
}
body.crm-shell #page-content .crm-application-summary input[type=url]{width:100%}
body.crm-shell #page-content :where(.wfp,.eq){--blue:var(--crm-accent);--bl:var(--crm-accent-soft);--bb:#80c9bf;--staff:var(--crm-ink);--staff-bg:#edf3f8;--staff-b:var(--crm-line);--proc:var(--crm-accent);--proc-bg:var(--crm-accent-soft);--proc-b:#b8ddd5}
body.crm-shell #page-content .ws-label{font-size:12px;letter-spacing:.025em}
body.crm-shell #page-content .ws-btn{font-size:13px}
@container crm-page (max-width:600px){body.crm-shell #page-content :where(.ws-grid-2,.ws-grid-3){grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){body.crm-shell #page-content :where(.ws-grid-2,.ws-grid-3){grid-template-columns:minmax(0,1fr)}}

/* Keep lead names readable in the two-column legacy workspace. */
body.crm-shell #page-content .eq {--surf:#fff;--surf2:#f7f9fb;--brd:var(--crm-line);--brd2:#e5edf3;--r:9px;--r2:14px;--ink:var(--crm-ink);--ink2:#294158;--ink4:var(--crm-muted)}
body.crm-shell #page-content .eq-srch {padding-left:32px}
body.crm-shell #page-content .leads-col {background:#f7f9fb;border:1px solid var(--crm-line);border-radius:14px}
body.crm-shell #page-content .eq-card {background:#fff!important;border:1px solid var(--crm-line)!important;border-radius:9px!important}
body.crm-shell #page-content .lr-row .eq-cn {white-space:normal;overflow-wrap:anywhere}
body.crm-shell #page-content .lr-actions .qa {min-width:38px;background:var(--crm-accent-soft);color:var(--crm-accent)}
@container crm-page (max-width:1150px) {body.crm-shell #page-content .leads-cols {grid-template-columns:minmax(0,1fr)}}
