:root{
  --navy:#174d77;
  --navy-deep:#0f3b60;
  --navy-soft:#24648f;
  --blue:#2587cf;
  --blue-deep:#176ba9;
  --blue-soft:#eaf4fc;
  --bg:#eef3f8;
  --panel:#ffffff;
  --panel-soft:#f7faff;
  --text:#17263a;
  --muted:#64748b;
  --border:#d4e0ec;
  --border-strong:#b9ccde;
  --danger:#b91c1c;
  --success:#16794a;
  --shadow:0 10px 28px rgba(18,56,91,.09);
  --shadow-soft:0 4px 14px rgba(18,56,91,.06);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}
a{color:var(--blue-deep);text-decoration:none}
button,input,select,textarea{font:inherit}
button,.btn{transition:.18s ease}

/* Application shell */
.app-body{min-height:100vh;background:var(--bg)}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;padding:26px 14px 18px;display:flex;flex-direction:column;min-height:100vh;box-shadow:6px 0 20px rgba(11,40,66,.09)}
.sidebar-brand{padding:4px 10px 26px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:18px}
.sidebar-brand-title{font-size:25px;line-height:1.18;letter-spacing:.4px;font-weight:700;color:#fff}
.sidebar-version{font-size:12px;color:#9fd0f4;margin-top:10px}
.sidebar-nav{display:flex;flex-direction:column;gap:5px}
.sidebar a{display:block;padding:11px 13px;border-radius:8px;color:#eef7ff;font-weight:500;border-left:3px solid transparent}
.sidebar a:hover{background:rgba(255,255,255,.08);color:#fff}
.sidebar a.active{background:linear-gradient(90deg,rgba(47,143,216,.34),rgba(47,143,216,.16));color:#fff;font-weight:700;border-left-color:#62b8f3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.sidebar-company{margin-top:auto;padding:18px 10px 2px;color:#9ec2df;font-size:11px;line-height:1.45}
.content-shell{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.topbar{min-height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:11px 26px;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px rgba(18,56,91,.035)}
.topbar-title{display:flex;flex-direction:column;gap:2px;color:var(--navy)}
.topbar-title strong{font-size:17px}
.topbar-title span{font-size:11px;color:var(--muted)}
.userbox{display:flex;gap:12px;align-items:center}
.userbox .name{display:flex;align-items:center;gap:9px}
.role-chip{display:inline-block;font-size:11px;font-weight:700;color:var(--navy);background:#eaf2f8;border:1px solid #d6e4ef;border-radius:999px;padding:4px 8px}
.topbar-logout{background:#eef2f6!important;color:#334155!important;border:1px solid #d9e2ea!important}
.main{padding:26px;min-width:0;max-width:1800px;width:100%;margin:0 auto}
.page-title{font-size:28px;line-height:1.2;margin:0 0 5px;color:#102f4d;letter-spacing:-.25px}
.page-sub{color:var(--muted);margin:0 0 20px;font-size:14px}

/* Panels and stats */
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow-soft);margin-bottom:18px}
.card h2{margin-top:0;color:#132f4a;font-size:21px}
.grid{display:grid;gap:16px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat{padding:20px;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbfe);border:1px solid var(--border);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue)}
.stat .n{font-size:30px;font-weight:800;color:#153a5e}
.stat .label{color:var(--muted);font-size:13px;margin-top:2px}

/* Queue */
.queue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.queue-btn{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:10px 16px;min-height:52px;border-radius:10px;font-size:15px;font-weight:800;letter-spacing:.05px;box-shadow:0 4px 12px rgba(15,23,42,.10);border:1px solid rgba(255,255,255,.08)}
.queue-btn:hover{transform:translateY(-1px);filter:saturate(1.08) brightness(1.03)}
.queue-btn.active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.62),0 5px 14px rgba(15,23,42,.14);filter:saturate(1.06)}
.queue-count{min-width:29px;height:29px;line-height:29px;text-align:center;background:rgba(255,255,255,.22);padding:0 8px;border-radius:999px;font-size:14px;font-weight:800}

/* Buttons */
.btn{border:1px solid transparent;border-radius:8px;padding:10px 15px;cursor:pointer;display:inline-block;font-weight:700;letter-spacing:.05px}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(180deg,var(--blue),var(--blue-deep));color:#fff;box-shadow:0 4px 10px rgba(47,143,216,.19)}
.btn.secondary{background:#eef2f6;color:#1f2937;border-color:#d9e2ea}
.btn.danger{background:#b91c1c;color:#fff}
.btn.success{background:#16814f;color:#fff}
.btn.small{padding:7px 10px;font-size:12px}
.btn.wide{width:100%;text-align:center}

/* Forms */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.form-grid .full{grid-column:1/-1}
label{display:block;font-weight:700;color:#24384d}
input,select,textarea{width:100%;margin-top:6px;border:1px solid #c4d2df;border-radius:8px;padding:10px 11px;background:#fff;color:#17263a;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
input:focus,select:focus,textarea:focus{border-color:#5fa8de;box-shadow:0 0 0 3px rgba(47,143,216,.12)}
input[readonly],select:disabled,textarea:disabled{background:#f2f5f8;color:#607080}
textarea{min-height:105px;resize:vertical}
small{display:block;color:var(--muted);font-weight:400;margin-top:4px}
.field-label{font-weight:700;color:#24384d}

/* Tables */
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:11px;background:#fff}
.table{width:100%;border-collapse:collapse;min-width:800px}
.table th,.table td{padding:11px 12px;border-bottom:1px solid #e7edf3;text-align:left;vertical-align:top}
.table th{background:linear-gradient(180deg,#edf5fb,#e7f0f8);white-space:nowrap;color:#173a59;font-size:13px}
.table tr:hover td{background:#f9fcff}

/* Alerts */
.alert{padding:13px 15px;border-radius:9px;margin-bottom:15px;font-weight:600}
.alert.success{background:#e9f8f0;color:#11613b;border:1px solid #b8e6cc}
.alert.error{background:#fdebeb;color:#8f1b1b;border:1px solid #f3c0c0}
.alert.warning{background:#fff7dd;color:#805f00;border:1px solid #f1dfa0}
.notice{padding:12px 14px;background:#edf5fb;border:1px solid #dbe9f4;border-radius:8px;margin-bottom:14px;color:#28597d}

/* Login */
.login-body{min-height:100vh;background:#eef3f8}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,52%) minmax(420px,48%)}
.login-brand-panel{background:linear-gradient(145deg,#1b527c 0%,#123f66 72%,#174b73 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:9vh 5vw 5vh;position:relative;overflow:hidden}
.login-brand-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-180px;top:-130px;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}
.login-brand-title{font-size:40px;line-height:1.12;letter-spacing:.8px;font-weight:700;position:relative;z-index:1}
.login-brand-panel p{font-size:16px;color:#d8eafa;margin-top:24px;position:relative;z-index:1}
.login-brand-footer{font-size:12px;color:#9fc4e1;position:relative;z-index:1}
.login-form-panel{display:grid;place-items:center;background:linear-gradient(180deg,#ffffff,#f7fafe);padding:30px}
.login-card{width:min(500px,92vw);background:#fff;padding:36px 38px;border-radius:18px;border:1px solid var(--border);box-shadow:0 18px 48px rgba(18,56,91,.12)}
.login-kicker{font-size:11px;letter-spacing:1.5px;color:#2e79b3;font-weight:800;margin-bottom:10px}
.login-card h1{margin:0;color:#102f4d;font-size:31px;text-align:left}
.login-card .subtitle{text-align:left;margin:6px 0 24px;color:var(--muted)}
.login-card form{display:grid;gap:16px}
.login-submit{margin-top:4px;padding:12px}
.login-security{margin-top:18px;text-align:center;color:#7890a5;font-size:11px}
.setup-card{width:min(760px,94vw);background:#fff;padding:30px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow)}
.setup-card h1{margin:0;text-align:center;color:#12385b}
.subtitle{text-align:center;color:var(--muted);margin-top:6px}

/* Tabs / pills / toolbar */
.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}
.tab{padding:9px 12px;background:#e9eff5;border:1px solid #dde6ee;border-radius:8px;color:#28506f;font-weight:600}
.tab.active{background:linear-gradient(180deg,var(--blue),var(--blue-deep));color:#fff;border-color:transparent}
.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#e9eff5;color:#29445c;font-size:12px;font-weight:700}
.actions{display:flex;gap:6px;flex-wrap:wrap}
.master-actions{align-items:center;flex-wrap:nowrap;white-space:nowrap;min-width:340px}
.master-actions form{margin:0;display:inline-flex;align-items:center}
.master-actions details{margin:0;flex:0 0 auto}
.master-actions details>summary{height:34px;display:inline-flex;align-items:center;cursor:pointer;padding:0 4px;color:#183a59}
.master-actions .btn.small{height:34px;display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0}
.master-status-btn{min-width:98px}
.master-delete-btn{min-width:72px}
.move-order-btn{width:38px;min-width:38px;padding-left:0!important;padding-right:0!important;font-size:15px;line-height:1}
.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:15px}
.toolbar label{min-width:180px}
.nowrap{white-space:nowrap}
.modal-lite{background:#f8fbfe;border:1px solid var(--border);padding:13px;border-radius:9px}
.hr{height:1px;background:var(--border);margin:16px 0}

/* Lead cards: balanced 2 rows x 3 columns */
.lead-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:12px}
.lead-card.lead-card-detailed{display:block;border-color:#bdd2e4;box-shadow:0 4px 14px rgba(18,56,91,.065);position:relative}
.lead-card-title{font-size:15px;margin-bottom:10px;padding:0 96px 8px 0;border-bottom:1px solid #e8eef4;overflow-wrap:anywhere;word-break:break-word;color:#102f4d;letter-spacing:.02px}
.lead-card-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;column-gap:28px;row-gap:10px;font-size:13.5px;line-height:1.45}
.lead-card-detail-grid>div{min-width:0;overflow-wrap:anywhere;word-break:break-word;padding-right:6px}
.lead-label{font-weight:800;color:#173a59}
.lead-card-footer{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:8px;padding-top:0;border-top:0}
.lead-card-assign{min-width:0;flex:1}
.lead-card-assign form{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lead-card-assign select{margin-top:0}
.lead-open-btn{position:absolute;top:14px;right:16px;z-index:2;box-shadow:0 3px 9px rgba(23,107,169,.16)}
.lead-open-btn{margin-left:auto;min-width:72px;text-align:center;box-shadow:0 3px 8px rgba(31,111,174,.18)}
/* Notes / timeline */
.timeline-item,.note-item{border-left:3px solid #72aeda;padding:10px 13px;margin:10px 0;background:#f7fafe;border-radius:0 8px 8px 0;min-width:0;overflow:hidden}
.timeline-item strong,.note-item strong{color:#173a59}
.meta{font-size:12px;color:var(--muted)}
.note-item .note-text,.note-item .note-workflow{font-size:14px;line-height:1.5;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.note-item .note-text{margin:8px 0}
.note-item .note-workflow{color:#4b6074;margin-top:4px}

/* Time selectors */
.followup-time-group{display:flex;flex-direction:column;gap:6px}
.time-select-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.time-select-row select{width:100%}

/* Responsive */
@media(max-width:1100px){
  .shell{grid-template-columns:215px minmax(0,1fr)}
  .main{padding:20px}
  .lead-card-detail-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .shell{grid-template-columns:1fr}
  .sidebar{min-height:auto;padding:12px;display:block}
  .sidebar-brand{padding:6px 10px 12px;margin-bottom:8px}
  .sidebar-brand-title{font-size:20px;line-height:1.08}
  .sidebar-version,.sidebar-company{display:none}
  .sidebar-nav{display:flex;flex-direction:row;overflow:auto;gap:5px}
  .sidebar a{white-space:nowrap}
  .topbar{position:static}
  .queue-grid,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}
}

@media(max-width:720px){
  .login-shell{grid-template-columns:1fr}
  .login-brand-panel{display:none}
  .login-form-panel{min-height:100vh}
}
@media(max-width:650px){
  .main{padding:13px}.topbar{padding:10px 13px}.topbar-title span{display:none}.userbox .name strong{display:none}.role-chip{display:none}
  .queue-grid,.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}
  .lead-card-detail-grid{grid-template-columns:1fr}
  .lead-card-footer{align-items:flex-start;flex-direction:column}.lead-open-btn{position:static;margin-left:0;align-self:flex-end}.lead-card-title{padding-right:0}
  .time-select-row{grid-template-columns:1fr 1fr 1fr}
  .login-card{padding:28px 22px}.login-card h1{font-size:27px}
}

/* Import completion modal */
.import-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);display:grid;place-items:center;z-index:1000;padding:20px}
.import-modal{width:min(520px,94vw);background:#fff;border:1px solid #d7e1ea;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:30px 34px;text-align:center}
.import-modal h2{font-size:27px;margin:0 0 22px;color:#102f4d;letter-spacing:.2px}
.import-summary-lines{display:inline-block;text-align:left;font-size:16px;line-height:1.45;margin:0 auto 18px;color:#21384d}
.import-warning{color:#d17a00;margin:6px 0 18px}
.import-success{color:#16814f;margin:6px 0 18px}
.import-modal .btn{margin-top:10px}

/* Test 5: compact permission checkbox in User Management */
.checkbox-row{display:flex!important;align-items:flex-start;gap:10px;padding-top:25px}
.checkbox-row input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto}
.checkbox-row span{display:flex;flex-direction:column;gap:3px}
.checkbox-row small{color:var(--muted);font-weight:400;line-height:1.35}

/* Executive mobile responsive rules - desktop unchanged; responsive rules apply to Executive users only. */
.mobile-menu-btn,.mobile-menu-close,.mobile-nav-overlay{display:none}
.login-logo-wrap{position:relative;z-index:2}
.login-logo{display:block;width:150px;height:150px;object-fit:cover;border-radius:50%;clip-path:circle(49% at 50% 50%);background:#000}
.login-logo-desktop{margin-bottom:26px}
.login-logo-mobile{display:none;text-align:center;margin:0 auto 18px}
.login-logo-mobile .login-logo{margin:0 auto;width:112px;height:112px}
@media(max-width:900px){
 html,body{max-width:100%;overflow-x:hidden}
 body.role-executive{width:100%;max-width:100vw;overflow-x:hidden}
 .role-executive .shell,.role-executive .content-shell,.role-executive .main,.role-executive .card,.role-executive form,.role-executive .grid,.role-executive .queue-grid,.role-executive .lead-card{min-width:0;max-width:100%;width:100%}
 .role-executive .shell{display:block;min-height:100vh}.role-executive .content-shell{width:100%;min-width:0}
 .role-executive .mobile-menu-btn{display:flex;position:fixed;top:10px;left:10px;z-index:60;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--navy);color:#fff;font-size:25px;line-height:1;box-shadow:0 4px 14px rgba(15,59,96,.22);cursor:pointer}
 .role-executive .mobile-menu-close{display:flex;position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:9px;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer}
 .role-executive .mobile-nav-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:49;opacity:0;pointer-events:none;transition:.2s ease}
 .role-executive.mobile-nav-open .mobile-nav-overlay{opacity:1;pointer-events:auto}
 .role-executive .sidebar{display:flex;position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(82vw,300px);height:100vh;min-height:100vh;padding:64px 14px 18px;transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto;box-shadow:10px 0 30px rgba(11,40,66,.24)}
 .role-executive.mobile-nav-open .sidebar{transform:translateX(0)}
 .role-executive .sidebar-brand{padding:4px 10px 16px;margin-bottom:12px}.role-executive .sidebar-brand-title{font-size:23px;line-height:1.1}.role-executive .sidebar-version{display:block;font-size:11px;margin-top:8px}
 .role-executive .sidebar-nav{display:flex;flex-direction:column;overflow:visible;gap:6px}.role-executive .sidebar a{white-space:normal;padding:12px 13px;font-size:15px}.role-executive .sidebar-company{display:block;margin-top:auto}
 .role-executive .topbar{position:sticky;top:0;z-index:30;min-height:62px;padding:9px 12px 9px 62px;gap:8px}.role-executive .topbar-title{min-width:0;flex:1}.role-executive .topbar-title strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-executive .topbar-title span{display:none}.role-executive .userbox{gap:7px;flex:0 0 auto}.role-executive .userbox .name{display:none}.role-executive .topbar-logout{padding:8px 10px!important;font-size:12px}
 .role-executive .main{padding:12px;width:100%;max-width:100%;overflow-x:hidden}.role-executive .page-title{font-size:26px;line-height:1.15;overflow-wrap:anywhere}.role-executive .page-sub{font-size:13px;line-height:1.45;overflow-wrap:anywhere;margin-bottom:14px}
 .role-executive .card{padding:15px;border-radius:12px;margin-bottom:14px;max-width:100%;overflow:hidden}.role-executive .card h2{font-size:21px;line-height:1.2;overflow-wrap:anywhere}
 .role-executive .grid,.role-executive .grid.cols-2,.role-executive .grid.cols-3,.role-executive .grid.cols-4{display:grid;grid-template-columns:1fr!important;gap:12px}.role-executive .queue-grid{grid-template-columns:1fr!important;gap:9px}.role-executive .queue-btn{width:100%;min-width:0;min-height:58px;padding:12px 16px;border-radius:12px;font-size:16px}.role-executive .queue-btn span:first-child{min-width:0;overflow-wrap:anywhere}
 .role-executive .toolbar{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch}.role-executive .toolbar label{min-width:0;width:100%}.role-executive .form-grid{display:grid;grid-template-columns:1fr!important;gap:12px}.role-executive .form-grid .full{grid-column:auto}
 .role-executive label,.role-executive .field-label{font-size:15px;min-width:0}.role-executive input,.role-executive textarea{max-width:100%;min-width:0;font-size:16px;padding:11px}.role-executive select{max-width:100%;min-width:0;font-size:15px;font-weight:400;padding:11px}.role-executive select option{font-size:15px;font-weight:400}.role-executive textarea{min-height:118px}.role-executive .btn{max-width:100%;white-space:normal;text-align:center}
 .role-executive .lead-card{padding:14px;max-width:100%;overflow:hidden}.role-executive .lead-card-title{font-size:15px;padding-right:0}.role-executive .lead-card-detail-grid{grid-template-columns:1fr!important;gap:8px;font-size:14px}.role-executive .lead-card-detail-grid>div{padding-right:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.role-executive .lead-open-btn{display:block;width:100%;margin-top:12px;padding:11px 14px}
 .role-executive .time-select-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.role-executive .time-select-row select{font-size:15px;font-weight:400;padding:10px 8px}
 .role-executive .timeline-item,.role-executive .note-item,.role-executive .notice{max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.role-executive .timeline-item div,.role-executive .note-item div,.role-executive .timeline-item p,.role-executive .note-item p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
 .role-executive .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.role-executive .table{min-width:680px}.role-executive form{max-width:100%}.role-executive .meta{overflow-wrap:anywhere}
}
@media(max-width:900px){.login-brand-panel{display:none}.login-logo-mobile{display:block}.login-form-panel{min-height:100vh;padding:18px}.login-card{width:min(100%,480px);padding:24px 18px}.login-card h1{font-size:27px}.login-kicker{text-align:center}}
@media(min-width:901px){.login-logo-desktop{display:block}}
@media(max-width:390px){.role-executive .main{padding:10px}.role-executive .page-title{font-size:23px}.role-executive .card{padding:13px}.role-executive .time-select-row{gap:4px}.role-executive .time-select-row select{padding:9px 5px}}


/* v1.2.3 Admin Mobile Test 1
   Responsive behaviour is intentionally limited to Administrator Dashboard,
   My Work Queue and Lead Workspace. Desktop layout remains unchanged. */
@media(max-width:900px){
 body.role-admin.page-dashboard,
 body.role-admin.page-queue,
 body.role-admin.page-workspace{width:100%;max-width:100vw;overflow-x:hidden}

 .role-admin.page-dashboard .shell,.role-admin.page-dashboard .content-shell,.role-admin.page-dashboard .main,.role-admin.page-dashboard .card,.role-admin.page-dashboard .grid,.role-admin.page-dashboard .queue-grid,
 .role-admin.page-queue .shell,.role-admin.page-queue .content-shell,.role-admin.page-queue .main,.role-admin.page-queue .card,.role-admin.page-queue form,.role-admin.page-queue .grid,.role-admin.page-queue .queue-grid,.role-admin.page-queue .lead-card,
 .role-admin.page-workspace .shell,.role-admin.page-workspace .content-shell,.role-admin.page-workspace .main,.role-admin.page-workspace .card,.role-admin.page-workspace form,.role-admin.page-workspace .grid{min-width:0;max-width:100%;width:100%}

 .role-admin.page-dashboard .shell,.role-admin.page-queue .shell,.role-admin.page-workspace .shell{display:block;min-height:100vh}
 .role-admin.page-dashboard .content-shell,.role-admin.page-queue .content-shell,.role-admin.page-workspace .content-shell{width:100%;min-width:0}

 .role-admin.page-dashboard .mobile-menu-btn,.role-admin.page-queue .mobile-menu-btn,.role-admin.page-workspace .mobile-menu-btn{display:flex;position:fixed;top:10px;left:10px;z-index:60;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--navy);color:#fff;font-size:25px;line-height:1;box-shadow:0 4px 14px rgba(15,59,96,.22);cursor:pointer}
 .role-admin.page-dashboard .mobile-menu-close,.role-admin.page-queue .mobile-menu-close,.role-admin.page-workspace .mobile-menu-close{display:flex;position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:9px;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer}
 .role-admin.page-dashboard .mobile-nav-overlay,.role-admin.page-queue .mobile-nav-overlay,.role-admin.page-workspace .mobile-nav-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:49;opacity:0;pointer-events:none;transition:.2s ease}
 .role-admin.page-dashboard.mobile-nav-open .mobile-nav-overlay,.role-admin.page-queue.mobile-nav-open .mobile-nav-overlay,.role-admin.page-workspace.mobile-nav-open .mobile-nav-overlay{opacity:1;pointer-events:auto}

 .role-admin.page-dashboard .sidebar,.role-admin.page-queue .sidebar,.role-admin.page-workspace .sidebar{display:flex;position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(86vw,310px);height:100vh;min-height:100vh;padding:64px 14px 18px;transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto;box-shadow:10px 0 30px rgba(11,40,66,.24)}
 .role-admin.page-dashboard.mobile-nav-open .sidebar,.role-admin.page-queue.mobile-nav-open .sidebar,.role-admin.page-workspace.mobile-nav-open .sidebar{transform:translateX(0)}
 .role-admin.page-dashboard .sidebar-brand,.role-admin.page-queue .sidebar-brand,.role-admin.page-workspace .sidebar-brand{padding:4px 10px 16px;margin-bottom:12px}
 .role-admin.page-dashboard .sidebar-brand-title,.role-admin.page-queue .sidebar-brand-title,.role-admin.page-workspace .sidebar-brand-title{font-size:23px;line-height:1.1}
 .role-admin.page-dashboard .sidebar-version,.role-admin.page-queue .sidebar-version,.role-admin.page-workspace .sidebar-version{display:block;font-size:11px;margin-top:8px}
 .role-admin.page-dashboard .sidebar-nav,.role-admin.page-queue .sidebar-nav,.role-admin.page-workspace .sidebar-nav{display:flex;flex-direction:column;overflow:visible;gap:6px}
 .role-admin.page-dashboard .sidebar a,.role-admin.page-queue .sidebar a,.role-admin.page-workspace .sidebar a{white-space:normal;padding:12px 13px;font-size:15px}
 .role-admin.page-dashboard .sidebar-company,.role-admin.page-queue .sidebar-company,.role-admin.page-workspace .sidebar-company{display:block;margin-top:auto}

 .role-admin.page-dashboard .topbar,.role-admin.page-queue .topbar,.role-admin.page-workspace .topbar{position:sticky;top:0;z-index:30;min-height:62px;padding:9px 12px 9px 62px;gap:8px}
 .role-admin.page-dashboard .topbar-title,.role-admin.page-queue .topbar-title,.role-admin.page-workspace .topbar-title{min-width:0;flex:1}
 .role-admin.page-dashboard .topbar-title strong,.role-admin.page-queue .topbar-title strong,.role-admin.page-workspace .topbar-title strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .role-admin.page-dashboard .topbar-title span,.role-admin.page-queue .topbar-title span,.role-admin.page-workspace .topbar-title span{display:none}
 .role-admin.page-dashboard .userbox,.role-admin.page-queue .userbox,.role-admin.page-workspace .userbox{gap:7px;flex:0 0 auto}
 .role-admin.page-dashboard .userbox .name,.role-admin.page-queue .userbox .name,.role-admin.page-workspace .userbox .name{display:none}
 .role-admin.page-dashboard .topbar-logout,.role-admin.page-queue .topbar-logout,.role-admin.page-workspace .topbar-logout{padding:8px 10px!important;font-size:12px}

 .role-admin.page-dashboard .main,.role-admin.page-queue .main,.role-admin.page-workspace .main{padding:12px;width:100%;max-width:100%;overflow-x:hidden}
 .role-admin.page-dashboard .page-title,.role-admin.page-queue .page-title,.role-admin.page-workspace .page-title{font-size:26px;line-height:1.15;overflow-wrap:anywhere}
 .role-admin.page-dashboard .page-sub,.role-admin.page-queue .page-sub,.role-admin.page-workspace .page-sub{font-size:13px;line-height:1.45;overflow-wrap:anywhere;margin-bottom:14px}
 .role-admin.page-dashboard .card,.role-admin.page-queue .card,.role-admin.page-workspace .card{padding:15px;border-radius:12px;margin-bottom:14px;max-width:100%;overflow:hidden}
 .role-admin.page-dashboard .card h2,.role-admin.page-queue .card h2,.role-admin.page-workspace .card h2{font-size:21px;line-height:1.2;overflow-wrap:anywhere}

 .role-admin.page-dashboard .grid,.role-admin.page-dashboard .grid.cols-2,.role-admin.page-dashboard .grid.cols-3,.role-admin.page-dashboard .grid.cols-4,
 .role-admin.page-workspace .grid,.role-admin.page-workspace .grid.cols-2,.role-admin.page-workspace .grid.cols-3,.role-admin.page-workspace .grid.cols-4{display:grid;grid-template-columns:1fr!important;gap:12px}
 .role-admin.page-dashboard .queue-grid,.role-admin.page-queue .queue-grid{grid-template-columns:1fr!important;gap:9px}
 .role-admin.page-dashboard .queue-btn,.role-admin.page-queue .queue-btn{width:100%;min-width:0;min-height:58px;padding:12px 16px;border-radius:12px;font-size:16px}
 .role-admin.page-dashboard .queue-btn span:first-child,.role-admin.page-queue .queue-btn span:first-child{min-width:0;overflow-wrap:anywhere}

 .role-admin.page-queue .toolbar{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch}
 .role-admin.page-queue .toolbar label{min-width:0;width:100%}
 .role-admin.page-queue .lead-card{padding:14px;max-width:100%;overflow:hidden}
 .role-admin.page-queue .lead-card-title{font-size:15px;padding-right:0}
 .role-admin.page-queue .lead-card-detail-grid{grid-template-columns:1fr!important;gap:8px;font-size:14px}
 .role-admin.page-queue .lead-card-detail-grid>div{padding-right:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
 .role-admin.page-queue .lead-open-btn{display:block;width:100%;margin-top:12px;padding:11px 14px;position:static}
 .role-admin.page-queue .lead-card-footer{display:block;margin-top:12px}
 .role-admin.page-queue .lead-card-assign,.role-admin.page-queue .lead-card-assign form{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
 .role-admin.page-queue .lead-card-assign select{min-width:0!important;width:100%}
 .role-admin.page-queue .lead-card-assign .btn{width:100%}

 .role-admin.page-workspace .form-grid{display:grid;grid-template-columns:1fr!important;gap:12px}
 .role-admin.page-workspace .form-grid .full{grid-column:auto}
 .role-admin.page-workspace label,.role-admin.page-workspace .field-label{font-size:15px;min-width:0}
 .role-admin.page-workspace input,.role-admin.page-workspace textarea{max-width:100%;min-width:0;font-size:16px;padding:11px}
 .role-admin.page-workspace select{max-width:100%;min-width:0;font-size:15px;font-weight:400;padding:11px}
 .role-admin.page-workspace select option{font-size:15px;font-weight:400}
 .role-admin.page-workspace textarea{min-height:118px}
 .role-admin.page-workspace .btn{max-width:100%;white-space:normal;text-align:center}
 .role-admin.page-workspace .time-select-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .role-admin.page-workspace .time-select-row select{font-size:15px;font-weight:400;padding:10px 8px}
 .role-admin.page-workspace .timeline-item,.role-admin.page-workspace .note-item,.role-admin.page-workspace .notice{max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
 .role-admin.page-workspace .timeline-item div,.role-admin.page-workspace .note-item div,.role-admin.page-workspace .timeline-item p,.role-admin.page-workspace .note-item p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
}
@media(max-width:390px){
 .role-admin.page-dashboard .main,.role-admin.page-queue .main,.role-admin.page-workspace .main{padding:10px}
 .role-admin.page-dashboard .page-title,.role-admin.page-queue .page-title,.role-admin.page-workspace .page-title{font-size:23px}
 .role-admin.page-dashboard .card,.role-admin.page-queue .card,.role-admin.page-workspace .card{padding:13px}
 .role-admin.page-workspace .time-select-row{gap:4px}
 .role-admin.page-workspace .time-select-row select{padding:9px 5px}
}

/* v1.2.3 Admin Mobile Test 2
   Adds responsive behaviour only to Administrator Manual Lead Entry.
   Existing Admin Dashboard, My Work Queue, Lead Workspace, all Executive screens,
   desktop layouts and business logic remain unchanged. */
@media(max-width:900px){
 body.role-admin.page-lead_new{width:100%;max-width:100vw;overflow-x:hidden}
 .role-admin.page-lead_new .shell,.role-admin.page-lead_new .content-shell,.role-admin.page-lead_new .main,.role-admin.page-lead_new .card,.role-admin.page-lead_new form,.role-admin.page-lead_new .form-grid{min-width:0;max-width:100%;width:100%}
 .role-admin.page-lead_new .shell{display:block;min-height:100vh}
 .role-admin.page-lead_new .content-shell{width:100%;min-width:0}

 .role-admin.page-lead_new .mobile-menu-btn{display:flex;position:fixed;top:10px;left:10px;z-index:60;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--navy);color:#fff;font-size:25px;line-height:1;box-shadow:0 4px 14px rgba(15,59,96,.22);cursor:pointer}
 .role-admin.page-lead_new .mobile-menu-close{display:flex;position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:9px;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer}
 .role-admin.page-lead_new .mobile-nav-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:49;opacity:0;pointer-events:none;transition:.2s ease}
 .role-admin.page-lead_new.mobile-nav-open .mobile-nav-overlay{opacity:1;pointer-events:auto}

 .role-admin.page-lead_new .sidebar{display:flex;position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(86vw,310px);height:100vh;min-height:100vh;padding:64px 14px 18px;transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto;box-shadow:10px 0 30px rgba(11,40,66,.24)}
 .role-admin.page-lead_new.mobile-nav-open .sidebar{transform:translateX(0)}
 .role-admin.page-lead_new .sidebar-brand{padding:4px 10px 16px;margin-bottom:12px}
 .role-admin.page-lead_new .sidebar-brand-title{font-size:23px;line-height:1.1}
 .role-admin.page-lead_new .sidebar-version{display:block;font-size:11px;margin-top:8px}
 .role-admin.page-lead_new .sidebar-nav{display:flex;flex-direction:column;overflow:visible;gap:6px}
 .role-admin.page-lead_new .sidebar a{white-space:normal;padding:12px 13px;font-size:15px}
 .role-admin.page-lead_new .sidebar-company{display:block;margin-top:auto}

 .role-admin.page-lead_new .topbar{position:sticky;top:0;z-index:30;min-height:62px;padding:9px 12px 9px 62px;gap:8px}
 .role-admin.page-lead_new .topbar-title{min-width:0;flex:1}
 .role-admin.page-lead_new .topbar-title strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .role-admin.page-lead_new .topbar-title span{display:none}
 .role-admin.page-lead_new .userbox{gap:7px;flex:0 0 auto}
 .role-admin.page-lead_new .userbox .name{display:none}
 .role-admin.page-lead_new .topbar-logout{padding:8px 10px!important;font-size:12px}

 .role-admin.page-lead_new .main{padding:12px;width:100%;max-width:100%;overflow-x:hidden}
 .role-admin.page-lead_new .page-title{font-size:26px;line-height:1.15;overflow-wrap:anywhere}
 .role-admin.page-lead_new .page-sub{font-size:13px;line-height:1.45;overflow-wrap:anywhere;margin-bottom:14px}
 .role-admin.page-lead_new .card{padding:15px;border-radius:12px;margin-bottom:14px;max-width:100%;overflow:hidden}
 .role-admin.page-lead_new .form-grid{display:grid;grid-template-columns:1fr!important;gap:12px}
 .role-admin.page-lead_new .form-grid .full{grid-column:auto}
 .role-admin.page-lead_new label{font-size:15px;min-width:0;max-width:100%}
 .role-admin.page-lead_new input,.role-admin.page-lead_new textarea{max-width:100%;min-width:0;width:100%;font-size:16px;padding:11px}
 .role-admin.page-lead_new select{max-width:100%;min-width:0;width:100%;font-size:15px;font-weight:400;padding:11px}
 .role-admin.page-lead_new select option{font-size:15px;font-weight:400}
 .role-admin.page-lead_new textarea{min-height:110px}
 .role-admin.page-lead_new small{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
 .role-admin.page-lead_new .btn{max-width:100%;white-space:normal;text-align:center}
}
@media(max-width:390px){
 .role-admin.page-lead_new .main{padding:10px}
 .role-admin.page-lead_new .page-title{font-size:23px}
 .role-admin.page-lead_new .card{padding:13px}
}


/* v1.2.3 Admin Mobile Test 3
   Adds responsive Lead Search for both Administrator and Executive users.
   Desktop layout and all search permissions/business rules remain unchanged. */
@media(max-width:900px){
 /* Administrator Lead Search gets the same compact mobile shell/navigation pattern. */
 body.role-admin.page-leads{width:100%;max-width:100vw;overflow-x:hidden}
 .role-admin.page-leads .shell,.role-admin.page-leads .content-shell,.role-admin.page-leads .main,.role-admin.page-leads .card,.role-admin.page-leads form,.role-admin.page-leads .toolbar,.role-admin.page-leads .lead-search-results{min-width:0;max-width:100%;width:100%}
 .role-admin.page-leads .shell{display:block;min-height:100vh}
 .role-admin.page-leads .content-shell{width:100%;min-width:0}
 .role-admin.page-leads .mobile-menu-btn{display:flex;position:fixed;top:10px;left:10px;z-index:60;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--navy);color:#fff;font-size:25px;line-height:1;box-shadow:0 4px 14px rgba(15,59,96,.22);cursor:pointer}
 .role-admin.page-leads .mobile-menu-close{display:flex;position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:9px;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer}
 .role-admin.page-leads .mobile-nav-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:49;opacity:0;pointer-events:none;transition:.2s ease}
 .role-admin.page-leads.mobile-nav-open .mobile-nav-overlay{opacity:1;pointer-events:auto}
 .role-admin.page-leads .sidebar{display:flex;position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(86vw,310px);height:100vh;min-height:100vh;padding:64px 14px 18px;transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto;box-shadow:10px 0 30px rgba(11,40,66,.24)}
 .role-admin.page-leads.mobile-nav-open .sidebar{transform:translateX(0)}
 .role-admin.page-leads .sidebar-brand{padding:4px 10px 16px;margin-bottom:12px}
 .role-admin.page-leads .sidebar-brand-title{font-size:23px;line-height:1.1}
 .role-admin.page-leads .sidebar-version{display:block;font-size:11px;margin-top:8px}
 .role-admin.page-leads .sidebar-nav{display:flex;flex-direction:column;overflow:visible;gap:6px}
 .role-admin.page-leads .sidebar a{white-space:normal;padding:12px 13px;font-size:15px}
 .role-admin.page-leads .sidebar-company{display:block;margin-top:auto}
 .role-admin.page-leads .topbar{position:sticky;top:0;z-index:30;min-height:62px;padding:9px 12px 9px 62px;gap:8px}
 .role-admin.page-leads .topbar-title{min-width:0;flex:1}
 .role-admin.page-leads .topbar-title strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .role-admin.page-leads .topbar-title span{display:none}
 .role-admin.page-leads .userbox{gap:7px;flex:0 0 auto}
 .role-admin.page-leads .userbox .name{display:none}
 .role-admin.page-leads .topbar-logout{padding:8px 10px!important;font-size:12px}
 .role-admin.page-leads .main{padding:12px;width:100%;max-width:100%;overflow-x:hidden}
 .role-admin.page-leads .page-title{font-size:26px;line-height:1.15;overflow-wrap:anywhere}
 .role-admin.page-leads .page-sub{font-size:13px;line-height:1.45;overflow-wrap:anywhere;margin-bottom:14px}
 .role-admin.page-leads .card{padding:15px;border-radius:12px;margin-bottom:14px;max-width:100%;overflow:hidden}

 /* Both roles: stack search controls and make every action easy to tap. */
 .role-admin.page-leads .toolbar,.role-executive.page-leads .toolbar{display:grid;grid-template-columns:1fr!important;gap:10px;align-items:stretch}
 .role-admin.page-leads .toolbar label,.role-executive.page-leads .toolbar label{min-width:0;width:100%;max-width:100%}
 .role-admin.page-leads .toolbar input,.role-admin.page-leads .toolbar select,.role-executive.page-leads .toolbar input,.role-executive.page-leads .toolbar select{width:100%;max-width:100%;min-width:0;font-size:16px}
 .role-admin.page-leads .toolbar .btn,.role-executive.page-leads .toolbar .btn{display:block;width:100%;max-width:100%;white-space:normal;text-align:center}
 .role-admin.page-leads .notice,.role-executive.page-leads .notice{max-width:100%;overflow-wrap:anywhere;word-break:break-word}

 /* Convert wide Lead Search tables into stacked mobile record cards. */
 .role-admin.page-leads .lead-search-results,.role-executive.page-leads .lead-search-results{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
 .role-admin.page-leads .lead-search-results .table-wrap,.role-executive.page-leads .lead-search-results .table-wrap{overflow:visible;max-width:100%}
 .role-admin.page-leads .lead-search-table,.role-executive.page-leads .lead-search-table{display:block;min-width:0!important;width:100%;border-collapse:separate}
 .role-admin.page-leads .lead-search-table tbody,.role-executive.page-leads .lead-search-table tbody{display:block;width:100%}
 .role-admin.page-leads .lead-search-table tr,.role-executive.page-leads .lead-search-table tr{display:block;width:100%}
 .role-admin.page-leads .lead-search-table tr:first-child,.role-executive.page-leads .lead-search-table tr:first-child{display:none}
 .role-admin.page-leads .lead-search-table tr:not(:first-child),.role-executive.page-leads .lead-search-table tr:not(:first-child){background:#fff;border:1px solid var(--border);border-radius:12px;margin:0 0 12px;padding:10px 12px;box-shadow:0 2px 8px rgba(15,59,96,.07);overflow:hidden}
 .role-admin.page-leads .lead-search-table td,.role-executive.page-leads .lead-search-table td{display:grid;grid-template-columns:minmax(112px,38%) minmax(0,1fr);gap:10px;align-items:start;width:100%;max-width:100%;padding:8px 0;border:0;border-bottom:1px solid #edf1f5;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
 .role-admin.page-leads .lead-search-table td:last-child,.role-executive.page-leads .lead-search-table td:last-child{border-bottom:0;padding-bottom:2px}
 .role-admin.page-leads .lead-search-table td::before,.role-executive.page-leads .lead-search-table td::before{content:attr(data-label);font-weight:700;color:#334155;line-height:1.35}
 .role-admin.page-leads .lead-search-table td[data-label="Open"],.role-executive.page-leads .lead-search-table td[data-label="Open"]{display:block;padding-top:10px}
 .role-admin.page-leads .lead-search-table td[data-label="Open"]::before,.role-executive.page-leads .lead-search-table td[data-label="Open"]::before{display:none}
 .role-admin.page-leads .lead-search-table td[data-label="Open"] .btn,.role-executive.page-leads .lead-search-table td[data-label="Open"] .btn{display:block;width:100%;padding:11px 14px;text-align:center}
}
@media(max-width:390px){
 .role-admin.page-leads .main{padding:10px}
 .role-admin.page-leads .page-title{font-size:23px}
 .role-admin.page-leads .lead-search-table td,.role-executive.page-leads .lead-search-table td{grid-template-columns:1fr;gap:3px}
}

/* Casa Keys branding; no workflow or layout changes. */
.cklm-monogram{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:88px;border:2px solid #c9a15c;border-radius:50%;color:#c9a15c;background:#102e47;font-family:Georgia,serif;font-size:35px;letter-spacing:1px;font-weight:bold}.login-logo-mobile .cklm-monogram{min-width:64px;min-height:64px;font-size:27px}