@import url('data:text/css,');
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f5f5f5;background:#070707;font-size:16px;--panel:#151515;--line:#3a3a3a;--muted:#aaa;--blue:#e7e7e7;--orange:#d7d7d7;--ink:#0a0a0a;--silver:#c9c9c9;--silver2:#8e8e8e}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{border:1px solid transparent;background:var(--orange);color:var(--ink);padding:11px 17px;border-radius:8px;font-weight:750;cursor:pointer;display:inline-block;line-height:1.3}button:hover,.button:hover{filter:brightness(1.1);text-decoration:none}button:disabled{opacity:.5;cursor:wait}.quiet,.home-link{background:#172f45;color:#e1f2ff;border:1px solid #365068}.danger{color:#ffb8b8}.selected{border-color:var(--orange)!important;color:var(--orange)!important;background:#25364a!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #87ceff;outline-offset:3px}.masthead{min-height:108px;padding:18px 4vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;background:#081928}.identity{display:flex;align-items:center;gap:15px;color:white}.identity:hover{text-decoration:none}.identity img{width:74px;height:65px;object-fit:contain;background:#e5ecf1;border-radius:9px}.identity strong{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:700;letter-spacing:-1px}.identity small{display:block;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#bdcedc;margin-top:3px}.header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.header-actions button,.home-link{font-size:14px;padding:9px 12px;border-radius:8px}.user-button{background:#203e55;color:white;border-color:#3d607b}.home-link{display:inline-block}main{max-width:1480px;margin:auto;padding:32px 4vw 54px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading h1{font-size:clamp(28px,3.1vw,46px);letter-spacing:-1.6px;line-height:1.1;margin:6px 0 8px;font-weight:850}.eyebrow{color:var(--orange);letter-spacing:2.4px;font-size:12px;font-weight:800;margin:0}.muted,.empty{color:var(--muted)}.page-heading p.muted{margin:8px 0 0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.dashboard-top{position:relative;display:grid;grid-template-columns:1fr 1fr .85fr;gap:12px;margin-bottom:16px;background:linear-gradient(135deg,#101010,#191919);border:1px solid #3c3c3c;border-radius:12px;padding:14px;overflow:hidden}.kpi{padding:18px;background:#071a2bd9;border:1px solid #31506a;border-radius:11px;backdrop-filter:blur(3px)}.kpi-label{color:#bdd4e6;font-size:14px;font-weight:650}.kpi>strong{font-size:36px;display:block;letter-spacing:-1px;margin:10px 0 14px}.kpi p{font-size:14px;color:#c7d8e5;margin:8px 0 16px}.kpi-iba{border-top:1px solid #2c4760;padding-top:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;color:#c7d8e5}.kpi-iba b{color:white}.compact .kpi-iba{display:block}.compact .kpi-iba b{display:block;margin-top:8px}progress{display:block;width:100%;height:7px;border:0;border-radius:7px;overflow:hidden;background:#2a4259;accent-color:var(--orange)}progress::-webkit-progress-bar{background:#2a4259}progress::-webkit-progress-value{background:var(--orange)}.workspace-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.workspace-card{border:1px solid #355169;background:linear-gradient(135deg,#17344c,#102538);border-radius:12px;padding:19px 19px 16px;position:relative;color:white;min-height:156px;transition:transform .15s,border-color .15s}.workspace-card:hover{transform:translateY(-3px);border-color:var(--orange);text-decoration:none}.card-number{color:var(--orange);font-size:14px;letter-spacing:2px}.workspace-card h2{font-size:21px;margin:14px 0 8px;letter-spacing:-.5px}.workspace-card p{font-size:14px;color:#adc8dc;margin:0;padding-right:14px}.workspace-card>span:last-child{position:absolute;right:16px;top:16px;color:#6fabc9}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:20px}.panel h2{font-size:21px;letter-spacing:-.45px;margin:0 0 20px}.panel h3{font-size:18px;margin-top:25px}.two-column{display:grid;grid-template-columns:1.05fr 1fr;gap:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.section-title h2,.section-title h3{margin:0}.empty{padding:23px 0;margin:0}.task-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-top:1px solid var(--line);color:#e5f2ff}.task-row:first-of-type{border-top:0}.task-row small,td small{display:block;color:var(--muted);margin-top:5px;font-size:14px}.badge{display:inline-block;background:#193e51;border:1px solid #35616e;border-radius:6px;padding:4px 8px;font-size:13px;color:#b8e8e7}.amber{background:#4c361f;color:#ffd4a0;border-color:#745530}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#b1cde0;font-size:13px;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #46647b;padding:14px 12px}td{padding:17px 12px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}td:first-child a{font-weight:750}label{font-size:14px;font-weight:650;color:#c4d9e9}input,textarea,select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #446179;border-radius:7px;background:#091c2d;color:#eff8ff;min-height:43px}textarea{resize:vertical}input[type=checkbox]{display:inline-block;width:18px;min-height:18px;height:18px;accent-color:var(--orange);margin:0 9px 0 0}input[type=date],input[type=datetime-local]{color-scheme:dark}.searchbar{margin-bottom:16px}.searchbar input{flex:1;min-width:220px}.searchbar select{width:180px}.profile-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px;padding:10px;background:#0c2031;border:1px solid var(--line);border-radius:10px}.profile-tabs a{padding:11px 16px;border:1px solid transparent;border-radius:6px;color:#d1e6f4}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:17px 0}.details dt{font-size:13px;color:#9fbed3;margin-bottom:6px}.details dd{font-size:16px;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.details div:has(dd:only-child){grid-column:1/-1}.next-action{font-size:25px;font-weight:750}.qualification{list-style:none;padding:0;display:grid;gap:15px;color:#8ea9bc}.qualification .checked{color:#b8eccd}.record{border:1px solid #35516b;background:#0b2032;border-radius:9px;padding:18px;margin-top:13px}.record-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;font-weight:700}.record footer{font-size:13px;color:#9bb7ca;margin:13px 0}.record .toolbar button{font-size:14px;padding:8px 10px}.referral-tree{list-style:none;border-left:2px solid #447493;padding-left:24px;margin:15px 0}.referral-tree li{padding:12px 0}.referral-tree small{display:block;margin-top:8px;color:var(--muted)}.mini-stats{display:flex;gap:25px;flex-wrap:wrap;margin:20px 0}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));overflow:auto;margin-top:15px}.calendar-week>section{border:1px solid var(--line);padding:10px;min-height:180px}.calendar-week h3{font-size:14px;margin:0 0 10px}.calendar-item{font-size:14px;background:#245675;color:#edfaff;width:100%;text-align:left;margin-bottom:8px;padding:10px}.calendar-item small{display:block;margin-top:5px}.calendar-item.blocked{background:#63442b;color:#ffe5c2}.pipeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.notice{padding:15px 17px;border-left:3px solid var(--orange);background:#253749;color:#e7eff6;line-height:1.6}.page-footer{text-align:center;border-top:1px solid var(--line);padding:24px;color:#8aa8bd;font-size:14px}.form-error{color:#ffb4b4;white-space:pre-wrap}.form-error:empty{display:none}dialog{background:#102638;color:#edf7ff;border:1px solid #48647b;border-radius:15px;padding:0;width:min(900px,94vw);max-height:91vh;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#010b16d4;backdrop-filter:blur(4px)}.dialog-top{padding:21px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#122b40;z-index:2}.dialog-top h2{font-size:23px;margin:0}.dialog-top button{font-size:25px;background:transparent;color:white;padding:2px 12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px 26px}.full{grid-column:1/-1}.points{border:1px solid #46657c;border-radius:9px;padding:16px;display:flex;flex-wrap:wrap;gap:17px}.points legend{padding:0 8px;font-weight:750}.points label{display:flex;align-items:center;font-weight:500}.points output{color:var(--orange);margin-left:15px}.check{display:flex;align-items:center}.dialog-footer{display:flex;gap:12px;justify-content:flex-end;padding:18px 26px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#10283c;z-index:2}#form-error{padding:0 26px}.referral-row{border:1px solid #426077;border-radius:10px;margin:12px 0;padding:17px}.referral-row .fields{padding:16px 0 0}.user-choices{display:flex;gap:15px;flex-wrap:wrap}.context-name{font-size:21px;color:var(--orange);margin:0}#toast{position:fixed;bottom:25px;right:25px;max-width:480px;background:#d8efe7;color:#103329;padding:16px 22px;box-shadow:0 5px 30px #0008;border-radius:10px;z-index:10}.setup{max-width:700px;margin:10vh auto}.setup img{width:120px;background:white;border-radius:10px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}[hidden]{display:none!important}
.activity-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#0d2133;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:-8px 0 24px}.activity-strip h2{font-size:21px;margin:5px 0 0}.activity-goals{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;flex:1;max-width:850px}.activity-goal{padding:10px 14px;border-left:2px solid #3f6580}.activity-goal span,.activity-goal small{display:block;color:var(--muted);font-size:13px}.activity-goal strong{display:block;font-size:22px;margin:4px 0;color:white}
@media(max-width:1100px){.workspace-cards{grid-template-columns:repeat(3,1fr)}.details{grid-template-columns:1fr 1fr}.masthead{flex-wrap:wrap}.dashboard-top{grid-template-columns:1fr 1fr}.compact{grid-column:1/-1}.compact>strong{font-size:25px}.compact .kpi-iba{display:flex}.compact .kpi-iba b{margin:0}.activity-strip{align-items:flex-start;flex-direction:column}.activity-goals{width:100%;max-width:none}}
@media(max-width:700px){.identity strong{font-size:25px}.identity small{letter-spacing:1px}.masthead{padding:15px 5vw}.header-actions{width:100%;justify-content:space-between}.header-actions button{font-size:13px;padding:9px}main{padding:25px 5vw}.page-heading{align-items:flex-start;flex-direction:column}.dashboard-top{padding:12px;gap:12px;background-position:right top;background-size:auto 100%}.kpi{padding:13px}.kpi>strong{font-size:27px}.activity-strip{padding:16px}.activity-goals{grid-template-columns:1fr 1fr}.activity-goal{padding-left:10px}.workspace-cards{grid-template-columns:1fr 1fr;gap:10px}.workspace-card{padding:15px;min-height:150px}.workspace-card h2{font-size:19px}.two-column,.pipeline-grid{grid-template-columns:1fr}.panel{padding:17px}.details{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr;padding:20px}.section-title{flex-wrap:wrap}.profile-tabs a{font-size:14px;padding:9px}.record-heading{align-items:flex-start;flex-direction:column}.record .toolbar{width:100%}.dialog-top{padding:17px}.referral-row{padding:13px}.referral-row .fields{padding:12px 0}.kpi-iba{font-size:13px}.page-heading h1{letter-spacing:-1px}}
@media print{@page{size:landscape;margin:12mm}:root{color:black;background:white}.masthead,.header-actions,.profile-tabs,.dialog-footer,.toolbar,.no-print,dialog,#toast,.page-footer{display:none!important}main{padding:0;max-width:none}.panel,.record{background:white;color:black;border:0;box-shadow:none;padding:0}.report{display:block}h1,h2,h3,td,th,p{color:black!important}table{table-layout:fixed;width:100%}th,td{overflow-wrap:anywhere;font-size:11pt;padding:8px 5px;border-color:#ccc}thead{display:table-header-group}tr{break-inside:avoid}.table-wrap{overflow:visible}.page-heading{margin:0 0 10mm}.report h2{margin-top:10mm;break-after:avoid}.details{break-inside:avoid}a{color:black}}
.signed-in{color:#cfe2ef;font-size:14px;font-weight:700;padding:8px 4px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px;background:linear-gradient(135deg,#06101cdd,#0b2941e8)}.login-card{width:min(470px,100%);padding:42px;border:1px solid #45657c;border-radius:18px;background:#0d2438ed;box-shadow:0 30px 100px #0009;text-align:center}.login-logo{width:96px;height:96px;object-fit:contain;background:transparent;border-radius:22px;padding:0;margin-bottom:16px}.login-card h1{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1;margin:8px 0}.login-card h2{font-size:17px;text-transform:uppercase;letter-spacing:2px;color:#b9cedd;margin:0 0 22px}.login-card p{color:#bfd1df;line-height:1.55}.login-card form{text-align:left;margin-top:25px;display:grid;gap:16px}.login-card button{width:100%;margin-top:4px}.login-error{text-align:left;color:#ffb8b8!important;margin:18px 0 0}

/* 2026-09-08 compact workflow update */
.activity-record{padding:10px 12px;margin-top:7px}.activity-main{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;font-size:14px}.activity-main>span{padding-right:13px;border-right:1px solid var(--line)}.activity-main>span:last-child{border-right:0}.activity-type{font-weight:800;color:#fff}.activity-note{margin:7px 0 4px;color:#d9e9f4;font-size:14px;line-height:1.35}.activity-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}.activity-actions small{color:var(--muted);font-size:12px}.activity-record .toolbar{gap:6px}.activity-record .toolbar button{font-size:12px;padding:5px 8px}.optional-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:-2px}.optional-buttons button{padding:8px 11px;font-size:13px}.optional-section{padding:0;border:0}.optional-section>label{max-width:100%}.optional-grid{padding:14px 0 0!important;border-top:1px solid var(--line)}.compact-notice{padding:10px 13px;margin:0}.followup-board .panel{min-height:230px}input[type=time]{color-scheme:dark}
@media(max-width:700px){.activity-main{gap:6px 9px}.activity-main>span{padding-right:8px}.activity-actions{align-items:flex-start;flex-direction:column}.optional-buttons{display:grid;grid-template-columns:1fr 1fr}.optional-buttons button:last-child{grid-column:1/-1}.followup-board .panel{min-height:0}}

/* Neutral TOC master theme. Team branding is intentionally added per deployment. */
body{background:radial-gradient(circle at 70% -10%,#202020 0,#090909 36%,#050505 75%);color:#f5f5f5}
a{color:#e8e8e8}.masthead{min-height:88px;padding:11px 4vw;background:linear-gradient(180deg,#090909,#111);border-bottom:1px solid #3e3e3e;box-shadow:0 8px 24px #0008}.identity{gap:12px}.identity img{width:68px;height:62px;background:#050505;border:1px solid #333;border-radius:8px;padding:2px}.identity strong{font-family:Georgia,"Times New Roman",serif;font-size:28px;letter-spacing:1px;text-transform:uppercase}.identity small{color:#aaa;letter-spacing:2.3px}.eyebrow,.card-number,.context-name,.points output{color:#ddd}.quiet,.home-link,.user-button{background:#171717;color:#eee;border-color:#444}.selected{border-color:#ddd!important;color:#fff!important;background:#262626!important}button,.button{background:linear-gradient(180deg,#f5f5f5,#bdbdbd);color:#080808;border-color:#ddd}.danger{color:#ffb8b8}.panel{background:linear-gradient(145deg,#171717,#111);border-color:#383838;box-shadow:0 8px 24px #0002;padding:17px;margin-bottom:14px}.workspace-cards{gap:10px;margin-bottom:16px}.workspace-card{background:linear-gradient(135deg,#1b1b1b,#0f0f0f);border-color:#393939;min-height:126px;padding:15px}.workspace-card:hover{border-color:#d5d5d5}.workspace-card p{color:#aaa}.workspace-card>span:last-child{color:#aaa}.activity-strip{background:#111;border-color:#383838;padding:13px 16px;margin:0 0 15px}.activity-goal{border-color:#777}.activity-goal span,.activity-goal small{color:#999}.kpi{padding:14px;background:#0d0d0de8;border-color:#3a3a3a}.kpi-label,.kpi p,.kpi-iba{color:#bbb}.kpi-iba{border-color:#333}progress{background:#333;accent-color:#d5d5d5}progress::-webkit-progress-bar{background:#333}progress::-webkit-progress-value{background:linear-gradient(90deg,#8a8a8a,#eee)}.priority-board{margin-bottom:14px}.followup-board .panel{min-height:0}.task-row{padding:10px 0;border-color:#323232;color:#eee}.badge{background:#222;border-color:#555;color:#eee}.amber{background:#252525;border-color:#666;color:#eee}th{color:#cfcfcf;border-color:#444}td{border-color:#303030}label{color:#ddd}input,textarea,select{background:#0b0b0b;border-color:#474747;color:#f4f4f4}.profile-tabs{background:#101010;border-color:#373737;margin-bottom:14px;padding:7px}.profile-tabs a{color:#ddd;padding:9px 12px}.details{gap:11px;margin:12px 0}.details dt{color:#999}.record{background:#101010;border-color:#383838}.notice{background:#1b1b1b;border-left-color:#bbb;color:#eee}.dialog-top,.dialog-footer,dialog{background:#151515;border-color:#474747}.points,.referral-row{border-color:#474747}.calendar-item{background:#333;color:#fff}.calendar-item.blocked{background:#4a4a4a;color:#fff}.page-footer{border-color:#333;color:#888;padding:16px}.login-shell{background:linear-gradient(90deg,#050505e8,#111111d9)}.login-card{background:#101010ed;border-color:#555}.login-logo{background:transparent}.login-card h2,.login-card p{color:#bbb}.activity-record{background:#0e0e0e}.activity-type{color:#fff}.activity-note{color:#ddd}.signed-in{color:#ccc}
.charts-section{margin-bottom:15px}.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chart-card{background:linear-gradient(145deg,#171717,#0e0e0e);border:1px solid #3a3a3a;border-radius:11px;padding:16px}.chart-card h3{margin:0 0 14px;font-size:17px}.bar-chart{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(82px,1fr) 2.2fr 36px;gap:9px;align-items:center;font-size:12px}.bar-track{height:9px;border-radius:10px;background:#303030;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#777,#f2f2f2)}.bar-row b{text-align:right}.print-brand{display:none}.import-file input{padding:10px}.import-mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.import-table{max-height:260px;margin-top:10px}.import-table td,.import-table th{font-size:12px;padding:7px}.home-link{display:inline-block}
@media(max-width:1000px){.charts-grid{grid-template-columns:1fr}.import-mapping{grid-template-columns:1fr 1fr}}
@media(max-width:700px){main{padding-top:18px}.masthead{min-height:0}.identity strong{font-size:21px}.identity img{width:54px;height:49px}.dashboard-top{grid-template-columns:1fr}.workspace-cards{grid-template-columns:1fr 1fr}.import-mapping{grid-template-columns:1fr}.priority-board{gap:10px}}
@media print{@page{size:landscape;margin:10mm}.print-brand{display:flex!important;align-items:center;gap:16px;border-bottom:2px solid #333;padding-bottom:8mm;margin-bottom:8mm}.print-brand img{width:90px;height:76px;object-fit:contain;background:transparent}.print-brand h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:24pt}.print-brand p{margin:2mm 0 1mm}.charts-section{display:block}.charts-grid{grid-template-columns:repeat(3,1fr);gap:8mm}.chart-card{background:white!important;border:1px solid #bbb;color:black;break-inside:avoid}.bar-track{background:#ddd}.bar-track i{background:#555}.masthead,.header-actions,.profile-tabs,.dialog-footer,.toolbar,.no-print,dialog,#toast,.page-footer{display:none!important}}
.masthead{padding:8px 4vw 0;min-height:0}.masthead-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.identity img{width:56px;height:50px}.identity strong{font-size:23px}.identity small{font-size:10px;letter-spacing:1.8px}.header-actions{gap:8px}.top-nav{display:flex;align-items:center;gap:4px;margin-top:7px;border-top:1px solid #262626;overflow-x:auto}.top-nav-link{display:block;padding:10px 13px 9px;color:#aaa;font-size:13px;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent}.top-nav-link:hover{color:#fff;background:#151515}.top-nav-link.active{color:#fff;border-bottom-color:#e6e6e6;background:#151515}main{padding-top:18px}.page-heading{margin-bottom:13px}.priority-board{gap:10px;margin-bottom:10px}.priority-board .panel{padding:13px 15px;margin-bottom:0}.task-row{padding:7px 0}.dashboard-top{gap:9px;margin-bottom:10px}.kpi{padding:11px 13px}.activity-strip{padding:10px 13px;margin-bottom:10px}.workspace-cards{display:none!important}@media(max-width:700px){.masthead{padding:8px 5vw 0}.masthead-row{flex-wrap:wrap}.signed-in{display:none}.top-nav-link{font-size:12px;padding:9px}.priority-board{grid-template-columns:1fr}.dashboard-top{grid-template-columns:1fr}}

.login-logo{background:transparent!important;border-radius:0!important;padding:0!important;width:150px;height:104px;object-fit:contain}

/* 2026-09-08 workflow update */
.subpopup{position:absolute;inset:1rem;z-index:8;background:rgba(0,0,0,.82);padding:1rem;border-radius:16px;overflow:auto}
.subpopup-card{max-width:720px;margin:2rem auto;background:#141414;border:1px solid #444;border-radius:16px;padding:1rem}
.dropdown-manager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%}
.dropdown-manager label{display:flex;flex-direction:column;gap:.35rem}
.dropdown-manager textarea{min-height:110px}
.outcome-picker{margin:1rem 0;padding:1rem;border:1px solid #3b3b3b;border-radius:14px}
@media(max-width:700px){.dropdown-manager{grid-template-columns:1fr}.subpopup{inset:.35rem}.subpopup-card{margin:.5rem auto}}


/* 2026-09-08 compact Home dashboard — visual direction approved by user */
body.workspace-mode{background:#f4f7fb;color:#10213d}
body.workspace-mode a{color:#1766c2}
body.workspace-mode .masthead{position:fixed;inset:0 auto 0 0;width:194px;min-height:100%;padding:20px 8px 18px;background:linear-gradient(180deg,#13283d,#0d2134);border:0;box-shadow:2px 0 12px #17324d18;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;z-index:20}
body.workspace-mode .identity{display:flex;gap:10px;align-items:center;padding:0 12px 18px;color:#fff}
body.workspace-mode .identity img{width:42px;height:42px;background:transparent;border:0;padding:0;border-radius:6px}
body.workspace-mode .identity strong{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:20px;letter-spacing:-.4px;text-transform:none}
body.workspace-mode .identity small{font-size:10px;color:#d3deea;letter-spacing:.4px;text-transform:none}
body.workspace-mode .side-nav{display:grid;gap:4px;margin-top:6px}
body.workspace-mode .side-nav-link{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;border-radius:7px;color:#dce8f4;font-size:14px;font-weight:600}
body.workspace-mode .side-nav-link:hover{background:#1a3a59;color:#fff;text-decoration:none}
body.workspace-mode .side-nav-link.active{background:#2d63a4;color:#fff;box-shadow:inset 0 0 0 1px #4275b2}
body.workspace-mode .side-nav-icon{width:20px;text-align:center;font-size:17px;color:#dce8f4}
body.workspace-mode .sidebar-bottom{margin-top:auto;display:grid;gap:7px;padding:12px 8px 0;border-top:1px solid #ffffff20}
body.workspace-mode .signed-in{padding:4px 3px;color:#dce8f4;font-size:12px}
body.workspace-mode .sidebar-button{width:100%;padding:8px 10px;background:transparent;color:#dce8f4;border-color:#ffffff24;text-align:left}
body.workspace-mode #main{max-width:none;margin-left:194px;padding:16px 14px 22px;min-height:calc(100vh - 44px)}
body.workspace-mode .page-footer{margin-left:194px;padding:9px 14px;background:#fff;border-top:1px solid #dce5ef;color:#77889b;font-size:11px}
body.workspace-mode .home-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 4px 12px}
body.workspace-mode .home-heading h1{font-size:28px;line-height:1;margin:0 0 5px;letter-spacing:-.7px;color:#0e1e3a}
body.workspace-mode .home-heading p{margin:0;color:#52647b;font-size:14px}
body.workspace-mode .home-date{font-size:13px;font-weight:650;color:#273a55;padding-top:4px}
body.workspace-mode .home-section{background:#fff;border:1px solid #d9e3ee;border-radius:10px;box-shadow:0 2px 8px #294a6b0b;padding:12px 14px;margin-bottom:10px;color:#10213d}
body.workspace-mode .home-section h2{margin:0;font-size:17px;letter-spacing:-.25px;color:#10213d}
body.workspace-mode .home-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
body.workspace-mode .home-section-title>div{min-width:0}
body.workspace-mode .home-section-title h2{display:inline-block;margin-right:8px}
body.workspace-mode .home-section-title span{font-size:11px;color:#65758a}
body.workspace-mode .home-text-link{font-size:11px;font-weight:700;color:#1766c2;white-space:nowrap}
body.workspace-mode .monthly-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
body.workspace-mode .metric-card{min-width:0;min-height:126px;padding:10px 11px;border:0;border-radius:8px;text-align:left;color:#10213d;display:flex;flex-direction:column;align-items:stretch;box-shadow:none;cursor:default}
body.workspace-mode button.metric-card{font:inherit}
body.workspace-mode .metric-action{cursor:pointer}
body.workspace-mode .metric-action:hover{filter:brightness(.985);transform:translateY(-1px)}
body.workspace-mode .metric-green{background:#eaf8f0}.metric-blue{background:#edf5ff}.metric-orange{background:#fff3e8}.metric-purple{background:#f5edff}.metric-teal{background:#eaf8f8}.metric-pink{background:#fff0f4}
body.workspace-mode .metric-top{display:flex;align-items:center;gap:7px;min-width:0}
body.workspace-mode .metric-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffffaa;font-size:10px;font-weight:850;color:#35506c;flex:0 0 auto}
body.workspace-mode .metric-title{font-size:12px;font-weight:750;line-height:1.15;overflow-wrap:anywhere}
body.workspace-mode .metric-card>strong{display:block;font-size:24px;letter-spacing:-.5px;margin:6px 0 1px;color:#10213d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .metric-sub{font-size:9px;color:#53677c;min-height:12px}
body.workspace-mode .metric-goal{margin-top:auto;font-size:10px;color:#506278;padding-top:7px}
body.workspace-mode .metric-card progress{height:6px;margin-top:5px;background:#ffffff80}
body.workspace-mode .metric-card progress::-webkit-progress-bar{background:#ffffffa8;border-radius:10px}
body.workspace-mode .metric-card progress::-webkit-progress-value{background:#3d82c8;border-radius:10px}
body.workspace-mode .weekly-section{padding-top:10px;padding-bottom:10px}
body.workspace-mode .weekly-note{font-size:10px;color:#67788b}
body.workspace-mode .weekly-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
body.workspace-mode .weekly-tile{min-width:0;border-radius:7px;background:#f3f8fc;padding:8px 9px;min-height:64px;display:flex;flex-direction:column;justify-content:center}
body.workspace-mode .weekly-tile span{font-size:10px;color:#51657c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .weekly-tile strong{font-size:19px;color:#122544;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .weekly-tile small{font-size:8px;color:#738296;margin-top:1px}
body.workspace-mode .home-main-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.95fr);gap:10px;align-items:start}
body.workspace-mode .today-panel{margin-bottom:0}
body.workspace-mode .home-primary{padding:7px 10px;border-radius:6px;background:#176ed0;color:#fff;border-color:#176ed0;font-size:11px}
body.workspace-mode .day-timeline{display:grid;gap:3px}
body.workspace-mode .day-row{display:grid;grid-template-columns:82px 1fr;gap:6px;align-items:stretch;min-height:29px}
body.workspace-mode .day-row time{display:flex;align-items:center;padding-left:7px;font-size:10px;color:#263b56;font-weight:650;border:1px solid #dbe5ef;border-radius:5px;background:#fbfdff}
body.workspace-mode .day-open,body.workspace-mode .day-booked{min-height:29px;padding:4px 9px;border-radius:5px;text-align:left;font-size:10px;line-height:1.15;border:1px solid #d8e2ed;box-shadow:none}
body.workspace-mode .day-open{background:#f8fafc;color:#66778a;font-weight:500}
body.workspace-mode .day-open:hover{background:#eef5fb}
body.workspace-mode .day-booked{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#17314f}
body.workspace-mode .day-booked b{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.workspace-mode .day-booked b small{font-size:9px;font-weight:500}
body.workspace-mode .day-booked span{font-size:9px;white-space:nowrap}
body.workspace-mode .day-booked.appointment{background:#eaf8f0;border-left:4px solid #2fb773}
body.workspace-mode .day-booked.block{background:#f3ecff;border-left:4px solid #8a55db}
body.workspace-mode .home-right-stack{display:grid;gap:10px}
body.workspace-mode .follow-panel{margin-bottom:0}
body.workspace-mode .home-followups{display:grid}
body.workspace-mode .home-followup-row{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(100px,1fr) auto;gap:8px;align-items:center;padding:7px 5px;border-top:1px solid #e2eaf2;color:#203751;font-size:10px}
body.workspace-mode .home-followup-row:first-child{border-top:0}
body.workspace-mode .home-followup-row:hover{background:#f8fbfe;text-decoration:none}
body.workspace-mode .follow-name b{display:block;font-size:11px;color:#18304d}.follow-name small{font-size:9px;color:#708096}
body.workspace-mode .follow-due{color:#c13e3e;font-weight:700;white-space:nowrap}
body.workspace-mode .compact-empty{padding:16px 0;font-size:11px}
body.workspace-mode .home-bottom-grid{display:grid;grid-template-columns:1fr .9fr;gap:10px}
body.workspace-mode .quick-panel,body.workspace-mode .upcoming-panel{margin-bottom:0;min-height:141px}
body.workspace-mode .quick-panel>h2,body.workspace-mode .upcoming-panel>h2{margin-bottom:9px}
body.workspace-mode .quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
body.workspace-mode .quick-action{padding:7px 8px;text-align:left;background:#f7fafc;color:#1c4f86;border:1px solid #dbe5ef;border-radius:6px;font-size:9px;font-weight:700}
body.workspace-mode .quick-action:hover{background:#edf5fc}
body.workspace-mode .upcoming-list{display:grid;gap:4px}
body.workspace-mode .upcoming-list>div{display:flex;justify-content:space-between;gap:8px;padding:6px 7px;border:1px solid #e1e9f1;border-radius:5px;background:#fbfdff;font-size:9px;color:#43566d}
body.workspace-mode .upcoming-list b{color:#243b58;text-align:right}
body.workspace-mode .page-heading{margin-bottom:14px}
body.workspace-mode .page-heading .eyebrow{color:#60738a}
body.workspace-mode .page-heading h1{color:#10213d;font-size:31px}
body.workspace-mode .muted,body.workspace-mode .empty{color:#6f7f91}
body.workspace-mode .panel{background:#fff;border-color:#d9e3ee;color:#10213d;box-shadow:0 2px 8px #294a6b0b}
body.workspace-mode .panel h2,body.workspace-mode .panel h3{color:#10213d}
body.workspace-mode .task-row{color:#18304d;border-color:#e2eaf2}
body.workspace-mode .badge{background:#edf5ff;border-color:#d5e5f6;color:#24598d}
body.workspace-mode table{color:#1b304a}body.workspace-mode th{color:#536b83;border-color:#d9e3ee;background:#f7fafc}body.workspace-mode td{border-color:#e1e8f0}
body.workspace-mode label{color:#30465e}body.workspace-mode input,body.workspace-mode textarea,body.workspace-mode select{background:#fff;color:#1a2d44;border-color:#cdd9e5}body.workspace-mode input[type=date],body.workspace-mode input[type=datetime-local],body.workspace-mode input[type=time]{color-scheme:light}
body.workspace-mode .quiet,body.workspace-mode .home-link,body.workspace-mode .user-button{background:#f5f8fb;color:#234e79;border-color:#d3dee9}
body.workspace-mode button:not(.metric-card):not(.day-open):not(.day-booked):not(.sidebar-button):not(.home-primary):not(.quick-action),body.workspace-mode .button{background:#e8eef5;color:#193958;border-color:#d0dae5}
body.workspace-mode button:not(.metric-card):not(.day-open):not(.day-booked):not(.sidebar-button):not(.home-primary):not(.quick-action):hover,body.workspace-mode .button:hover{background:#dde8f2}
body.workspace-mode .profile-tabs{background:#fff;border-color:#d9e3ee}body.workspace-mode .profile-tabs a{color:#365a7e}body.workspace-mode .profile-tabs .selected{background:#eaf3fc!important;color:#145ca4!important;border-color:#c9def2!important}
body.workspace-mode .record{background:#fbfdff;border-color:#d8e3ee;color:#1a2e46}.workspace-mode .record footer{color:#718196}.workspace-mode .details dt{color:#6e8094}
body.workspace-mode .notice{background:#f0f6fb;color:#27445f;border-left-color:#5c91c3}
body.workspace-mode .calendar-item{background:#e9f4ff;color:#1d4e7b}.workspace-mode .calendar-item.blocked{background:#f2eaff;color:#553487}
body.workspace-mode dialog{background:#fff;color:#1b304a;border-color:#ccd9e5}body.workspace-mode .dialog-top,body.workspace-mode .dialog-footer{background:#f7fafc;border-color:#d9e3ee}body.workspace-mode .dialog-top button{color:#26435f}.workspace-mode dialog::backdrop{background:#14243888}
body.workspace-mode .subpopup-card{background:#fff;border-color:#ccd9e5}.workspace-mode .subpopup{background:#14243888}
body.workspace-mode .detail-intro{margin:0 0 12px;color:#60748a;font-size:12px}.workspace-mode .detail-total,.workspace-mode .detail-adjustment{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-top:1px solid #dce5ee}.workspace-mode .detail-total strong{font-size:20px}.workspace-mode .detail-adjustment b{color:#b03c3c}
@media(max-width:1100px){body.workspace-mode .monthly-grid{grid-template-columns:repeat(3,1fr)}body.workspace-mode .weekly-grid{grid-template-columns:repeat(4,1fr)}body.workspace-mode .home-main-grid{grid-template-columns:1fr}body.workspace-mode .home-right-stack{grid-template-columns:1fr 1fr}body.workspace-mode .home-bottom-grid{grid-template-columns:1fr}}
@media(max-width:760px){body.workspace-mode .masthead{position:sticky;top:0;width:auto;min-height:0;padding:7px 10px;display:block}body.workspace-mode .identity{padding:2px 4px 7px}.workspace-mode .identity img{width:32px;height:32px}.workspace-mode .identity strong{font-size:16px}.workspace-mode .identity small{display:none}body.workspace-mode .side-nav{display:flex;overflow-x:auto;gap:4px}.workspace-mode .side-nav-link{min-height:38px;padding:7px 9px;white-space:nowrap}.workspace-mode .side-nav-icon{display:none}body.workspace-mode .sidebar-bottom{display:none!important}body.workspace-mode #main,body.workspace-mode .page-footer{margin-left:0}.workspace-mode #main{padding:12px 8px 18px}.workspace-mode .home-heading{display:block}.workspace-mode .home-date{margin-top:5px}.workspace-mode .monthly-grid{grid-template-columns:repeat(2,1fr)}.workspace-mode .weekly-grid{grid-template-columns:repeat(2,1fr)}.workspace-mode .home-right-stack{grid-template-columns:1fr}.workspace-mode .home-bottom-grid{grid-template-columns:1fr 1fr}.workspace-mode .day-row{grid-template-columns:64px 1fr}.workspace-mode .home-followup-row{grid-template-columns:1fr auto}.workspace-mode .home-followup-row>span:nth-child(2){display:none}}
@media(max-width:440px){body.workspace-mode .monthly-grid{grid-template-columns:1fr 1fr}.workspace-mode .home-bottom-grid{grid-template-columns:1fr}.workspace-mode .metric-card{min-height:118px}.workspace-mode .metric-card>strong{font-size:20px}}

/* Approved Home dashboard refresh — 2026-09-08 */
body.workspace-mode{background:#eef4f9;color:#10213d}
body.workspace-mode .masthead{width:188px;background:linear-gradient(180deg,#0e2740,#0a1d31 72%,#0b2138);padding:18px 12px 20px;border-right:1px solid #173752}
body.workspace-mode .identity{display:block;text-align:center;padding:0 8px 20px;border-bottom:0}
body.workspace-mode .identity img{width:100px;height:68px;margin:0 auto 5px;background:transparent;border-radius:0;object-fit:contain}
body.workspace-mode .identity strong{display:block;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:18px;letter-spacing:-.3px;color:#fff}
body.workspace-mode .identity small{font-size:9px;letter-spacing:.7px;color:#b9cadb;margin-top:2px;text-transform:none}
body.workspace-mode .side-nav{gap:4px}
body.workspace-mode .side-nav-link{min-height:42px;padding:9px 10px;border-radius:7px;font-size:12px;color:#eef6ff}
body.workspace-mode .side-nav-link.active{background:#1e72cf;color:#fff;box-shadow:inset 0 0 0 1px #3c8ce0}
body.workspace-mode .side-nav-icon{width:20px;font-size:15px;color:#d8e8f7}
body.workspace-mode .sidebar-bottom{gap:6px}
body.workspace-mode #main{margin-left:188px;max-width:none;padding:12px 14px 20px}
body.workspace-mode .page-footer{margin-left:188px}

body.workspace-mode .approved-home-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:-12px -14px 12px;padding:9px 18px;background:#fff;border-bottom:1px solid #dbe4ed}
body.workspace-mode .approved-home-heading h1{margin:0;color:#10213d;font-size:20px;letter-spacing:-.35px}
body.workspace-mode .approved-home-heading p{margin:2px 0 0;color:#31445b;font-size:10px;font-weight:600}
body.workspace-mode .home-heading-meta{display:flex;align-items:center;gap:18px;color:#10213d;font-size:10px}
body.workspace-mode .home-heading-meta .home-date{font-size:10px;color:#10213d;padding:0}
body.workspace-mode .home-heading-meta b{padding-left:18px;border-left:1px solid #d9e2eb;font-size:11px}

body.workspace-mode .home-dashboard-grid{display:grid;grid-template-columns:minmax(390px,.76fr) minmax(650px,1.65fr);gap:10px;align-items:start}
body.workspace-mode .home-dashboard-right{display:grid;gap:10px;min-width:0}
body.workspace-mode .home-appointment-column{margin:0;min-width:0;padding:11px 12px 9px}
body.workspace-mode .home-section{margin-bottom:0;padding:10px 12px;border-radius:9px;box-shadow:0 1px 5px #27445f0c}
body.workspace-mode .home-section-title{margin-bottom:8px}
body.workspace-mode .home-section h2{font-size:16px}
body.workspace-mode .home-section-title span{font-size:10px}
body.workspace-mode .home-primary{padding:7px 9px;font-size:10px}

body.workspace-mode .monthly-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
body.workspace-mode .metric-card{min-height:104px;padding:9px 10px;border:1px solid #e0e8f0;border-radius:7px;background:#f4f8fc}
body.workspace-mode .metric-blue{background:#eef5fc}
body.workspace-mode .metric-purple{background:#f3effc}
body.workspace-mode .metric-orange{background:#fff5e8}
body.workspace-mode .metric-green{background:#edf8f1}
body.workspace-mode .metric-teal{background:#edf8f8}
body.workspace-mode .metric-pink{background:#fff0f4}
body.workspace-mode .metric-top{display:block;min-height:22px}
body.workspace-mode .metric-icon{display:none!important}
body.workspace-mode .metric-title{font-size:10px;font-weight:760;color:#10213d;line-height:1.15}
body.workspace-mode .metric-card>strong{font-size:21px;margin:4px 0 2px}
body.workspace-mode .metric-goal{font-size:9px;padding-top:4px}
body.workspace-mode .metric-card progress{height:5px;margin-top:4px}
body.workspace-mode .metric-sub{display:none!important}

body.workspace-mode .home-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.workspace-mode .detail-panel{min-height:150px}
body.workspace-mode .detail-link{background:transparent!important;border:0!important;color:#1766c2!important;padding:2px 0!important;font-size:10px!important}
body.workspace-mode .detail-table{display:grid}
body.workspace-mode .detail-head,.workspace-mode .detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 8px;border-top:1px solid #e0e8f0;font-size:10px}
body.workspace-mode .detail-head{background:#f7fafc;border-top:0;font-weight:750;color:#304a66}
body.workspace-mode .detail-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.workspace-mode .detail-row b{color:#143354;white-space:nowrap}
body.workspace-mode .adjustment-row b{color:#b03c3c}
body.workspace-mode .detail-total-row{font-weight:800;background:#fbfdff}

body.workspace-mode .weekly-section{padding:9px 11px}
body.workspace-mode .weekly-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
body.workspace-mode .weekly-tile{min-height:54px;padding:6px 7px;background:#f5f8fc;border:1px solid #e1e9f1}
body.workspace-mode .weekly-tile span{font-size:9px}
body.workspace-mode .weekly-tile strong{font-size:16px;margin-top:2px}
body.workspace-mode .weekly-tile small{display:none}

body.workspace-mode .day-timeline{gap:2px}
body.workspace-mode .day-row{grid-template-columns:76px minmax(0,1fr);gap:5px;min-height:25px}
body.workspace-mode .day-row time{justify-content:flex-start;padding:0 6px;border:0;background:transparent;font-size:9px;font-weight:700;color:#10213d}
body.workspace-mode .day-open,body.workspace-mode .day-booked{min-height:25px;padding:3px 8px;border-radius:5px;font-size:9px}
body.workspace-mode .day-open{background:#eef3f7;color:#506274;border-color:#dde5ec}
body.workspace-mode .day-booked{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(58px,.7fr) auto;align-items:center;gap:7px}
body.workspace-mode .day-booked b{font-size:9.5px}
body.workspace-mode .day-booked span{font-size:8.5px;color:#29435f}
body.workspace-mode .day-booked.appointment{background:#e7f6eb;border-left:4px solid #37aa67}
body.workspace-mode .day-booked.block{background:#eaf2ff;border-left:4px solid #5593d7}
body.workspace-mode .day-booked.block b{grid-column:1/2}
body.workspace-mode .day-booked.block span{grid-column:2/4;text-align:right}
body.workspace-mode .timeline-close{display:grid;grid-template-columns:76px 1fr;gap:5px;min-height:20px;align-items:center;color:#7b8998;font-size:8px}
body.workspace-mode .timeline-close time{padding-left:6px;font-weight:700;color:#10213d}
body.workspace-mode .timeline-close span{padding-left:8px;border-top:1px solid #dce5ed}

body.workspace-mode .home-lower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.85fr);gap:10px;align-items:start}
body.workspace-mode .home-small-stack{display:grid;gap:10px}
body.workspace-mode .follow-panel{min-height:210px}
body.workspace-mode .followup-table{display:grid}
body.workspace-mode .followup-head,body.workspace-mode .home-followup-row{display:grid;grid-template-columns:1.25fr .75fr 1.05fr .85fr;gap:8px;align-items:center;padding:6px 7px;font-size:9px}
body.workspace-mode .followup-head{background:#f5f8fb;color:#40566e;font-weight:750;border-bottom:1px solid #dce5ee}
body.workspace-mode .home-followup-row{border-top:1px solid #e2eaf2;color:#203751}
body.workspace-mode .home-followup-row:first-of-type{border-top:0}
body.workspace-mode .follow-name b{font-size:9.5px}
body.workspace-mode .follow-due{font-size:8.5px;color:#be3d3d}

body.workspace-mode .quick-panel,body.workspace-mode .upcoming-panel{min-height:0}
body.workspace-mode .quick-actions{grid-template-columns:1fr 1fr;gap:6px}
body.workspace-mode .quick-action{min-height:38px;padding:7px 8px;color:#fff!important;border:0!important;font-size:9px;text-align:left}
body.workspace-mode .quick-blue{background:#287bd2!important}
body.workspace-mode .quick-green{background:#1da566!important}
body.workspace-mode .quick-purple{background:#7650c7!important}
body.workspace-mode .quick-gold{background:#dfa900!important}
body.workspace-mode .upcoming-list>div{padding:5px 7px;font-size:8.5px}

@media(max-width:1240px){
 body.workspace-mode .home-dashboard-grid{grid-template-columns:minmax(340px,.82fr) minmax(0,1.35fr)}
 body.workspace-mode .monthly-grid{grid-template-columns:repeat(3,1fr)}
 body.workspace-mode .weekly-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:980px){
 body.workspace-mode .home-dashboard-grid{grid-template-columns:1fr}
 body.workspace-mode .home-appointment-column{order:1}
 body.workspace-mode .home-dashboard-right{order:2}
 body.workspace-mode .home-detail-grid,body.workspace-mode .home-lower-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 body.workspace-mode .masthead{width:auto;padding:7px 10px}
 body.workspace-mode .identity{display:flex;text-align:left;padding:2px 4px 7px}
 body.workspace-mode .identity img{width:45px;height:34px;margin:0 7px 0 0}
 body.workspace-mode #main,body.workspace-mode .page-footer{margin-left:0}
 body.workspace-mode .approved-home-heading{margin:-12px -8px 10px;padding:9px 10px}
 body.workspace-mode .home-heading-meta{display:none}
 body.workspace-mode .home-detail-grid{grid-template-columns:1fr}
 body.workspace-mode .monthly-grid{grid-template-columns:repeat(2,1fr)}
 body.workspace-mode .weekly-grid{grid-template-columns:repeat(2,1fr)}
 body.workspace-mode .home-lower-grid{grid-template-columns:1fr}
 body.workspace-mode .followup-head,body.workspace-mode .home-followup-row{grid-template-columns:1.2fr .8fr 1fr}
 body.workspace-mode .followup-head span:nth-child(2),body.workspace-mode .home-followup-row>span:nth-child(2){display:none}
 body.workspace-mode .day-row{grid-template-columns:66px 1fr}
 body.workspace-mode .timeline-close{grid-template-columns:66px 1fr}
}


/* Mobile footer actions: keep language + sign out out of the compact top navigation. */
body.workspace-mode .mobile-bottom-actions{display:none}
@media(max-width:760px){
 body.workspace-mode .page-footer{padding:12px 10px 18px;background:#f5f8fb;border-top:1px solid #dce5ef}
 body.workspace-mode .footer-status{display:block;margin-bottom:10px;color:#7c8da0;font-size:10px}
 body.workspace-mode .mobile-bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}
 body.workspace-mode .mobile-footer-button{min-height:46px;width:100%;padding:10px 12px;text-align:center;background:#fff!important;color:#234664!important;border:1px solid #cbd8e5!important;border-radius:9px!important;font-size:14px;font-weight:750}
 body.workspace-mode .mobile-footer-button:hover{background:#eef4f9!important}
}
@media(max-width:420px){
 body.workspace-mode .mobile-bottom-actions{grid-template-columns:1fr}
}

/* Definitive mobile action placement fix */
@media(max-width:760px){
  body.workspace-mode .masthead .sidebar-bottom{display:none!important}
  body.workspace-mode .page-footer{display:block!important;margin-left:0!important}
  body.workspace-mode .page-footer .mobile-bottom-actions{display:grid!important}
}

/* Desktop Home quick actions: only Add Contact + Schedule Appointment in the top bar. */
body.workspace-mode .desktop-top-actions{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:18px}
body.workspace-mode .desktop-top-action{min-width:150px;min-height:36px;padding:8px 12px;border:0!important;border-radius:7px!important;color:#fff!important;font-size:10px;font-weight:750;text-align:left}
body.workspace-mode .top-add-contact{background:#287bd2!important}
body.workspace-mode .top-schedule-appointment{background:#1da566!important}
body.workspace-mode .top-add-contact:hover{background:#216ab8!important}
body.workspace-mode .top-schedule-appointment:hover{background:#178a56!important}
body.workspace-mode .home-lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr)}
@media(max-width:980px){body.workspace-mode .desktop-top-actions{display:none!important}}


/* Mobile layout + branding update — 2026-09-08 */
body.workspace-mode .brand-action-row{display:block}
body.workspace-mode .mobile-top-add-contact{display:none!important}


@media(min-width:761px){
  body.workspace-mode .identity img{
    width:126px!important;
    height:86px!important;
    margin:0 auto 7px!important;
    object-fit:contain!important;
  }
}

/* Mobile: brand + Add Contact on one clean row. */
@media(max-width:760px){
  body.workspace-mode .brand-action-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:1px 2px 7px!important;
  }
  body.workspace-mode .brand-action-row .identity{
    flex:1 1 auto!important;
    min-width:0!important;
    padding:0!important;
  }
  body.workspace-mode .identity img{
    width:42px!important;
    height:36px!important;
    margin:0 8px 0 0!important;
  }
  body.workspace-mode .identity strong{
    font-size:17px!important;
    white-space:nowrap!important;
  }
  body.workspace-mode .mobile-top-add-contact{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:7px 11px!important;
    background:#287bd2!important;
    color:#fff!important;
    border:0!important;
    border-radius:8px!important;
    font-size:11px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  /* Fix the bottom Home layout: Follow-Ups and Upcoming stack at full width. */
  body.workspace-mode .home-lower-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
  }
  body.workspace-mode .follow-panel,
  body.workspace-mode .upcoming-panel{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.workspace-mode .followup-table,
  body.workspace-mode .upcoming-list{
    width:100%!important;
    min-width:0!important;
  }
  body.workspace-mode .followup-head,
  body.workspace-mode .home-followup-row{
    grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(72px,.8fr)!important;
    min-width:0!important;
  }
  body.workspace-mode .home-section-title{
    min-width:0!important;
  }
  body.workspace-mode .home-section-title h2{
    min-width:0!important;
  }
  body.workspace-mode .upcoming-list>div{
    min-width:0!important;
    width:100%!important;
  }

  /* Keep the footer controls clean and comfortably spaced. */
  body.workspace-mode .page-footer{
    width:100%!important;
    padding:16px 14px 22px!important;
  }
  body.workspace-mode .mobile-bottom-actions{
    width:100%!important;
    max-width:100%!important;
  }
}


/* 2026-09-08 final Home / Production / Reports refinement */
:root{
  --series-1:#2f7ed8;--series-2:#26a269;--series-3:#e6a817;--series-4:#845ec2;--series-5:#e05d74;--series-6:#2b9eb3;--chart-grid:#dbe5ef;
}
body.workspace-mode .today-occupied-list{display:grid;gap:7px;margin-top:6px}
body.workspace-mode .occupied-item{width:100%;display:grid;grid-template-columns:72px 1fr;gap:9px;align-items:center;text-align:left;background:#f8fbfe!important;color:#17324d!important;border:1px solid #dce7f0!important;border-radius:9px!important;padding:9px 10px!important;min-height:52px}
body.workspace-mode .occupied-item time{font-weight:800;color:#287bd2}
body.workspace-mode .occupied-item span{display:grid;gap:2px;min-width:0}
body.workspace-mode .occupied-item b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.workspace-mode .occupied-item small{font-size:10px;color:#63788d}
body.workspace-mode .occupied-block{border-left:4px solid #e6a817!important}
body.workspace-mode .occupied-appointment{border-left:4px solid #2f7ed8!important}
body.workspace-mode .day-help{margin:0 0 8px;color:#63788d;font-size:12px}
body.workspace-mode dialog .full-day-timeline{max-height:60vh;overflow:auto;padding-right:4px}
body.workspace-mode .production-print-report{display:none}

/* Reports: four distinct chart styles with coordinated colors. */
body.workspace-mode .report-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.workspace-mode .chart-card{background:#fff!important;border:1px solid #d9e4ee!important;color:#17324d!important;box-shadow:0 4px 16px rgba(25,55,85,.06);min-width:0}
body.workspace-mode .chart-card h3{color:#17324d!important}
body.workspace-mode .column-chart{display:flex;align-items:flex-end;gap:10px;height:190px;padding:12px 4px 0}
body.workspace-mode .column-item{flex:1;min-width:0;height:100%;display:grid;grid-template-rows:18px 1fr 34px;gap:4px;text-align:center;font-size:10px}
body.workspace-mode .column-track{height:100%;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,#f2f6fa,#fff);border-bottom:1px solid #cbd9e6;border-radius:6px 6px 0 0;overflow:hidden}
body.workspace-mode .column-track i{width:58%;min-height:3px;border-radius:6px 6px 0 0;display:block}
body.workspace-mode .series-1{background:var(--series-1)}body.workspace-mode .series-2{background:var(--series-2)}body.workspace-mode .series-3{background:var(--series-3)}body.workspace-mode .series-4{background:var(--series-4)}body.workspace-mode .series-5{background:var(--series-5)}body.workspace-mode .series-6{background:var(--series-6)}
body.workspace-mode .series-bg-1{background:var(--series-1)}body.workspace-mode .series-bg-2{background:var(--series-2)}body.workspace-mode .series-bg-3{background:var(--series-3)}body.workspace-mode .series-bg-4{background:var(--series-4)}body.workspace-mode .series-bg-5{background:var(--series-5)}body.workspace-mode .series-bg-6{background:var(--series-6)}
body.workspace-mode .donut-layout{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;min-height:190px}
body.workspace-mode .donut{width:132px;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;margin:auto}
body.workspace-mode .donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff}
body.workspace-mode .donut span{position:relative;z-index:1;font-size:24px;font-weight:850;color:#17324d}
body.workspace-mode .chart-legend{display:grid;gap:7px}.chart-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:11px}.legend-dot{width:9px;height:9px;border-radius:50%}
body.workspace-mode .chart-line svg,body.workspace-mode .chart-combo svg{width:100%;height:170px;overflow:visible}.chart-axis{stroke:#d5e0ea;stroke-width:1}.chart-line-path{fill:none;stroke:var(--series-6);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-line-dot{fill:#fff;stroke:var(--series-6);stroke-width:3}.combo-bar{fill:var(--series-1);opacity:.82}.combo-line{fill:none;stroke:var(--series-3);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.combo-dot{fill:#fff;stroke:var(--series-3);stroke-width:3}
body.workspace-mode .line-labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;text-align:center;font-size:9px;color:#6c8093;gap:4px}.combo-legend{display:flex;justify-content:center;gap:18px;font-size:10px;margin:-4px 0 6px}.combo-legend span{display:flex;align-items:center;gap:6px}.combo-bar-key{width:12px;height:8px;border-radius:2px;background:var(--series-1)}.combo-line-key{width:14px;height:3px;border-radius:3px;background:var(--series-3)}
body.workspace-mode .print-brand img,body.workspace-mode .production-print-brand img{background:transparent!important}

@media(max-width:760px){
 body.workspace-mode .report-chart-grid{grid-template-columns:1fr}
 body.workspace-mode .donut-layout{grid-template-columns:120px 1fr}.donut{width:110px!important}
 body.workspace-mode .occupied-item{grid-template-columns:66px 1fr}
}

@media print{
 .print-brand img{width:120px!important;height:72px!important;background:transparent!important}
 .production-print-mode #main>*{display:none!important}
 .production-print-mode #main>.production-print-report{display:block!important}
 .production-print-report{display:none}
 .production-print-mode .production-print-report{display:block!important;color:#000!important}
 .production-print-brand{display:flex;align-items:center;gap:18px;border-bottom:2px solid #2f5574;padding-bottom:8mm;margin-bottom:8mm}
 .production-print-brand img{width:120px;height:72px;object-fit:contain}
 .production-print-brand h1{margin:0;font-size:24pt}.production-print-brand h2{margin:2mm 0 1mm;font-size:16pt}.production-print-brand p{margin:0}
 .production-print-mode .production-print-report table{table-layout:auto!important}
 .production-print-mode .production-print-report th,.production-print-mode .production-print-report td{font-size:10pt!important}
 .chart-card{box-shadow:none!important}.report-chart-grid{grid-template-columns:repeat(2,1fr)!important}.donut:after{background:white!important}
}


/* Button workflow + Full Day Schedule desktop fix */
body.workspace-mode .dialog-title-stack{min-width:0}
body.workspace-mode .dialog-title-stack h2{margin:0}
body.workspace-mode #dialog-subtitle{margin:4px 0 0;color:#63788d;font-size:12px;font-weight:500}
body.workspace-mode dialog.full-day-dialog{width:min(720px,94vw)}
body.workspace-mode dialog.full-day-dialog .fields{display:block;padding:18px 26px}
body.workspace-mode dialog.full-day-dialog .full-day-timeline{
  width:min(540px,100%);
  margin:0 auto;
  max-height:62vh;
  overflow:auto;
  padding-right:5px;
}
body.workspace-mode dialog.full-day-dialog .day-row{
  grid-template-columns:86px minmax(0,1fr);
}
@media(max-width:760px){
  body.workspace-mode dialog.full-day-dialog{width:min(94vw,620px)}
  body.workspace-mode dialog.full-day-dialog .fields{padding:14px 12px}
  body.workspace-mode dialog.full-day-dialog .full-day-timeline{width:100%;margin:0}
  body.workspace-mode dialog.full-day-dialog .day-row{grid-template-columns:66px minmax(0,1fr)}
  body.workspace-mode #dialog-subtitle{font-size:11px}
}


.login-shell{background:linear-gradient(90deg,#050505e8,#111111b8)}
body.workspace-mode{font-size:17px}
body.workspace-mode .side-nav-link{font-size:13px}
body.workspace-mode .page-heading h1{font-size:32px}
body.workspace-mode .home-section h2{font-size:17px}
body.workspace-mode .home-section-title span,
body.workspace-mode .home-text-link,
body.workspace-mode .detail-head,
body.workspace-mode .detail-row{font-size:11px}
body.workspace-mode .metric-title{font-size:11px}
body.workspace-mode .metric-goal{font-size:10px}
body.workspace-mode .weekly-tile span{font-size:10px}
body.workspace-mode .weekly-tile strong{font-size:17px}
body.workspace-mode .followup-head,
body.workspace-mode .home-followup-row,
body.workspace-mode .upcoming-list>div{font-size:10px}
body.workspace-mode .day-row time,
body.workspace-mode .day-open,
body.workspace-mode .day-booked{font-size:10px}
.calendar-controls{align-items:flex-end}
.month-calendar{min-width:680px}
.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.month-weekdays b{padding:8px;text-align:center;color:#50677e;font-size:12px}
.month-day{min-height:92px!important;padding:7px!important;border:1px solid #d9e4ee!important;border-radius:0!important;background:#fff!important;color:#17324d!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.month-day.outside{background:#f3f6f9!important;color:#8a98a8!important}
.month-day>strong{font-size:13px}
.month-day>span{display:grid;gap:3px;min-width:0}
.month-day i{display:block;padding:2px 4px;border-radius:3px;font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.month-day i.appointment{background:#e6f2ff;color:#1e5e9c}
.month-day i.blocked{background:#f2eaff;color:#603a91}
.month-day small{font-size:9px;color:#687b8f}
@media(max-width:760px){
 .login-shell{background:linear-gradient(180deg,#050505,#111);padding:24px 16px}
 body.workspace-mode{font-size:16px}
 .month-calendar{min-width:620px}
}

/* 2026-09-09 contact intake workflow */
.choice-group{border:1px solid #cbd8e4;border-radius:10px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:12px 20px;background:#fbfdff}
.choice-group legend{padding:0 8px;font-weight:750;color:#294966}
.choice-check{display:flex;align-items:center;gap:7px;font-weight:600;color:#294966;cursor:pointer}
.choice-check input[type=checkbox]{margin:0;flex:0 0 auto}
.date-stamp{display:grid;grid-template-columns:auto auto;justify-content:start;gap:10px;align-items:end}
.date-stamp>label{min-width:0;width:max-content}
.date-stamp>label input[type=date]{width:168px;min-width:168px;text-align:left}
.date-stamp .today-button{margin-bottom:1px;white-space:nowrap;justify-self:start}
.quick-time{border:1px solid #cbd8e4;border-radius:10px;padding:14px 16px;background:#fbfdff}
.quick-time legend{padding:0 8px;font-weight:750;color:#294966}
.quick-time-options{display:grid;grid-template-columns:repeat(6,minmax(72px,auto));gap:8px;justify-content:start}
.quick-time-button{padding:8px 11px;min-width:72px}
.quick-time-custom{display:block;margin-top:10px;width:168px}
.quick-time-custom select{width:168px}
.contact-defaults{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0 2px}
.contact-defaults span{display:flex;align-items:center;gap:8px;border:1px solid #d7e2ec;border-radius:8px;padding:8px 11px;background:#f7fafc}
.contact-defaults small{color:#667e94}
.contact-defaults b{color:#203e5a}
.subpopup{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:clamp(18px,8vh,82px) 16px 18px;overflow:auto}
.subpopup-card{width:min(720px,100%);margin:0}
@media(max-width:700px){
 .choice-group{gap:10px;padding:12px}
 .choice-check{min-width:44%}
 .points{display:grid;grid-template-columns:1fr;gap:10px}
 .points label{width:100%;min-width:0}
 .choice-group[data-choice-group="language"],.choice-group[data-choice-group="source"],.choice-group[data-choice-group="priority"]{display:grid;grid-template-columns:1fr;gap:10px}
 .choice-group[data-choice-group="language"] .choice-check,.choice-group[data-choice-group="source"] .choice-check,.choice-group[data-choice-group="priority"] .choice-check{width:100%;min-width:0}
 .date-stamp{grid-template-columns:1fr;gap:7px;justify-items:start}
 .date-stamp .today-button{grid-row:1;width:auto}
 .date-stamp>label{grid-row:2;width:max-content}
 .date-stamp>label input[type=date]{width:168px;min-width:168px}
 .quick-time-options{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
 .quick-time-button{width:100%;min-width:0;padding:10px 7px}
 .quick-time-custom{width:168px}
 .subpopup{padding:56px 8px 12px}
}

/* Mobile-only pre-save text verification for New Contact */
.mobile-contact-text{display:none}
@media(max-width:700px){
 .mobile-contact-text{display:flex;justify-content:flex-start;margin-top:-8px}
 .mobile-text-button{width:100%;min-height:44px;font-weight:750}
}

/* 2026-09-09 Home activity/results + goal editor */
body.workspace-mode .home-dashboard-grid{grid-template-columns:minmax(330px,.72fr) minmax(0,1.7fr)}
body.workspace-mode .home-dashboard-right{gap:10px}
body.workspace-mode .activity-section,
body.workspace-mode .results-section,
body.workspace-mode .reach-panel{min-width:0}
body.workspace-mode .activity-board{display:grid;gap:8px}
body.workspace-mode .activity-period-row{display:grid;grid-template-columns:minmax(116px,.85fr) repeat(5,minmax(92px,1fr));gap:7px;align-items:stretch}
body.workspace-mode .activity-period-label{display:flex;flex-direction:column;justify-content:center;padding:8px 9px;border:1px solid #dce6ef;border-radius:8px;background:#f7fafc;color:#183755}
body.workspace-mode .activity-period-label b{font-size:12px}
body.workspace-mode .activity-period-label span{margin-top:3px;font-size:9px;color:#697c90}
body.workspace-mode .activity-metric{display:flex;flex-direction:column;min-width:0;min-height:82px;padding:8px 9px;border:1px solid #dfe8f0;border-radius:8px;background:#f4f8fc;color:#143453}
body.workspace-mode .activity-metric>span{font-size:9px;font-weight:760;line-height:1.15;color:#435d76}
body.workspace-mode .activity-metric>strong{font-size:20px;line-height:1.1;margin:5px 0 2px}
body.workspace-mode .activity-metric>small{margin-top:auto;font-size:8.5px;color:#6b7c8d}
body.workspace-mode .activity-metric progress{height:4px;margin-top:5px}
body.workspace-mode .results-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
body.workspace-mode .result-metric{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:92px;padding:8px 9px;border:1px solid #dfe8f0;border-radius:8px;background:#f5f9fc;color:#143453;text-align:left}
body.workspace-mode button.result-metric{font:inherit;cursor:pointer}
body.workspace-mode .result-metric-action:hover{background:#edf5fb!important;border-color:#b9cfe1!important}
body.workspace-mode .result-metric>span{font-size:9px;font-weight:760;line-height:1.15;color:#435d76}
body.workspace-mode .result-metric>strong{font-size:19px;line-height:1.1;margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .result-metric>small{margin-top:auto;font-size:8.5px;color:#6b7c8d}
body.workspace-mode .result-metric progress{height:4px;margin-top:5px}
body.workspace-mode .reach-panel{min-height:160px}
body.workspace-mode .reach-table{display:grid;max-height:320px;overflow:auto;border:1px solid #e0e8ef;border-radius:7px}
body.workspace-mode .reach-head,
body.workspace-mode .reach-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(130px,1fr) 64px;gap:10px;align-items:center;padding:8px 10px}
body.workspace-mode .reach-head{position:sticky;top:0;z-index:1;background:#f3f7fa;color:#425a72;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.45px;border-bottom:1px solid #dce5ed}
body.workspace-mode .reach-row{font-size:10px;color:#203751;border-top:1px solid #e5ecf2;background:#fff}
body.workspace-mode .reach-row:first-of-type{border-top:0}
body.workspace-mode .reach-row:hover{background:#f8fbfe;text-decoration:none}
body.workspace-mode .reach-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.workspace-mode .reach-score{font-weight:800;text-align:center;color:#1f5f91}
body.workspace-mode .desktop-top-actions{margin-right:18px}
body.workspace-mode .desktop-top-actions .desktop-top-action{min-width:130px}

body.workspace-mode .goal-editor{display:grid;gap:18px}
body.workspace-mode .goal-period{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.workspace-mode .goal-editor-section{border:1px solid #d8e3ec;border-radius:10px;background:#f8fbfd;padding:14px}
body.workspace-mode .goal-editor-section .section-title{margin-bottom:12px}
body.workspace-mode .goal-editor-section .section-title h3{margin:0;color:#173653;font-size:17px}
body.workspace-mode .goal-editor-section .section-title span{font-size:11px;color:#718194}
body.workspace-mode .goal-monthly-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.workspace-mode .goal-results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.workspace-mode .goal-monthly-grid label,
body.workspace-mode .goal-results-grid label{min-width:0}

@media(max-width:1240px){
 body.workspace-mode .activity-period-row{grid-template-columns:minmax(110px,.8fr) repeat(5,minmax(82px,1fr))}
 body.workspace-mode .results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.workspace-mode .goal-monthly-grid{grid-template-columns:repeat(3,1fr)}
 body.workspace-mode .goal-results-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
 body.workspace-mode .home-dashboard-grid{grid-template-columns:1fr}
 body.workspace-mode .activity-period-row{grid-template-columns:minmax(110px,.8fr) repeat(5,minmax(90px,1fr));overflow-x:auto}
}
@media(max-width:760px){
 body.workspace-mode .activity-period-row{grid-template-columns:1fr 1fr;gap:6px;overflow:visible}
 body.workspace-mode .activity-period-label{grid-column:1/-1;min-height:48px}
 body.workspace-mode .activity-metric{min-height:76px}
 body.workspace-mode .activity-metric:last-child{grid-column:1/-1}
 body.workspace-mode .results-grid{grid-template-columns:1fr 1fr}
 body.workspace-mode .result-metric:last-child{grid-column:1/-1}
 body.workspace-mode .reach-head,
 body.workspace-mode .reach-row{grid-template-columns:minmax(112px,1.2fr) minmax(104px,1fr) 48px;padding:8px 7px;gap:6px}
 body.workspace-mode .reach-head{font-size:8px}
 body.workspace-mode .reach-row{font-size:9.5px}
 body.workspace-mode .goal-period{grid-template-columns:1fr 1fr}
 body.workspace-mode .goal-monthly-grid,
 body.workspace-mode .goal-results-grid{grid-template-columns:1fr 1fr}

}
@media(max-width:440px){
 body.workspace-mode .goal-period,
 body.workspace-mode .goal-monthly-grid,
 body.workspace-mode .goal-results-grid{grid-template-columns:1fr}
}

body.workspace-mode .activity-actual-only{justify-content:center}
body.workspace-mode .activity-actual-only strong{margin-bottom:0}

/* 2026-09-10 dashboard color + reach-out workflow + saved-contact mobile actions */
body.workspace-mode .approved-home-heading{
  background:linear-gradient(135deg,#11243a 0%,#1b3f61 62%,#735b2d 100%);
  border-bottom:0;
  border-radius:0 0 12px 12px;
  box-shadow:0 8px 22px rgba(20,43,67,.14);
  padding-top:11px;
  padding-bottom:11px;
}
body.workspace-mode .approved-home-heading h1,
body.workspace-mode .approved-home-heading p,
body.workspace-mode .approved-home-heading .home-heading-meta,
body.workspace-mode .approved-home-heading .home-heading-meta .home-date{color:#fff}
body.workspace-mode .approved-home-heading p{color:#d6e2ed}
body.workspace-mode .approved-home-heading .home-heading-meta b{border-left-color:rgba(255,255,255,.24)}
body.workspace-mode .approved-home-heading .desktop-top-action{
  background:#fff!important;color:#173a58!important;border-color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.12)
}
body.workspace-mode .today-panel{border-top:4px solid #7164c7;background:linear-gradient(180deg,#fbfaff 0%,#fff 44%)}
body.workspace-mode .activity-section{border-top:4px solid #2f80d0;background:linear-gradient(180deg,#f5faff 0%,#fff 48%)}
body.workspace-mode .results-section{border-top:4px solid #b98e38;background:linear-gradient(180deg,#fffaf0 0%,#fff 48%)}
body.workspace-mode .reach-panel{border-top:4px solid #e47d38;background:linear-gradient(180deg,#fff8f1 0%,#fff 48%)}
body.workspace-mode .today-panel .home-section-title h2::before,
body.workspace-mode .activity-section .home-section-title h2::before,
body.workspace-mode .results-section .home-section-title h2::before,
body.workspace-mode .reach-panel .home-section-title h2::before{
  display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border-radius:7px;color:#fff;font-size:12px;vertical-align:middle
}
body.workspace-mode .today-panel .home-section-title h2::before{content:'•';background:#7164c7}
body.workspace-mode .activity-section .home-section-title h2::before{content:'↗';background:#2f80d0}
body.workspace-mode .results-section .home-section-title h2::before{content:'✓';background:#b98e38}
body.workspace-mode .reach-panel .home-section-title h2::before{content:'→';background:#e47d38}
body.workspace-mode .activity-period-label{background:linear-gradient(145deg,#eef5fc,#f9fbfd);border-left:3px solid #2f80d0}
body.workspace-mode .activity-period-row:nth-child(2) .activity-period-label{border-left-color:#718197;background:linear-gradient(145deg,#f2f4f7,#fafbfc)}
body.workspace-mode .activity-metric{background:linear-gradient(145deg,#edf6ff,#fbfdff);border-color:#d6e8f8;box-shadow:0 2px 7px rgba(34,91,145,.06)}
body.workspace-mode .activity-actual-only{background:linear-gradient(145deg,#f1f4f8,#fbfcfd);border-color:#e0e6ec}
body.workspace-mode .activity-metric>strong{color:#1c67a7}
body.workspace-mode .activity-actual-only>strong{color:#425d75}
body.workspace-mode .goal-hit{border-left:3px solid #3d9d6d!important}
body.workspace-mode .goal-close{border-left:3px solid #d49a31!important}
body.workspace-mode .goal-behind{border-left:3px solid #cf6670!important}
body.workspace-mode .goal-hit>strong{color:#23794f!important}
body.workspace-mode .goal-close>strong{color:#9a6814!important}
body.workspace-mode .goal-behind>strong{color:#a84b55!important}
body.workspace-mode .results-grid .result-metric{box-shadow:0 2px 8px rgba(31,64,94,.06)}
body.workspace-mode .results-grid .result-metric:nth-child(1){background:linear-gradient(145deg,#edf5ff,#fbfdff);border-color:#d8e7f8}
body.workspace-mode .results-grid .result-metric:nth-child(2){background:linear-gradient(145deg,#f4efff,#fdfbff);border-color:#e4d9fa}
body.workspace-mode .results-grid .result-metric:nth-child(3){background:linear-gradient(145deg,#eaf9f7,#fbfffe);border-color:#d3eee9}
body.workspace-mode .results-grid .result-metric:nth-child(4){background:linear-gradient(145deg,#fff1ed,#fffdfc);border-color:#f4dcd4}
body.workspace-mode .results-grid .result-metric:nth-child(5){background:linear-gradient(145deg,#fff5dc,#fffdf8);border-color:#f0dfb6}
body.workspace-mode .results-grid .result-metric:nth-child(6){background:linear-gradient(145deg,#ebf8ef,#fbfefc);border-color:#d4ecd9}
body.workspace-mode .results-grid .result-metric:nth-child(7){background:linear-gradient(145deg,#eef0ff,#fcfcff);border-color:#dcdef7}
body.workspace-mode .result-metric:nth-child(5)>strong,
body.workspace-mode .result-metric:nth-child(7)>strong{font-size:21px}
body.workspace-mode .activity-metric progress,
body.workspace-mode .result-metric progress{border:0;border-radius:20px;overflow:hidden;background:#dfe7ee}
body.workspace-mode .activity-metric progress::-webkit-progress-bar,
body.workspace-mode .result-metric progress::-webkit-progress-bar{background:#dfe7ee;border-radius:20px}
body.workspace-mode .activity-metric progress::-webkit-progress-value{background:#3483ce;border-radius:20px}
body.workspace-mode .result-metric progress::-webkit-progress-value{background:#b98e38;border-radius:20px}
body.workspace-mode .goal-hit progress::-webkit-progress-value{background:#3d9d6d!important}
body.workspace-mode .goal-close progress::-webkit-progress-value{background:#d49a31!important}
body.workspace-mode .goal-behind progress::-webkit-progress-value{background:#cf6670!important}
body.workspace-mode .reach-table{border-color:#f0dcca;box-shadow:0 2px 8px rgba(164,94,42,.05)}
body.workspace-mode .reach-head{background:#fff0e4;color:#8a4e24;border-bottom-color:#efd7c5}
body.workspace-mode .reach-row:hover{background:#fff9f4}
body.workspace-mode .reach-score{display:inline-flex!important;align-items:center;justify-content:center;justify-self:center;min-width:40px;padding:4px 7px;border-radius:999px;font-weight:850}
body.workspace-mode .reach-score.score-high{background:#e2f4e8;color:#23744d}
body.workspace-mode .reach-score.score-mid{background:#fff0cd;color:#966515}
body.workspace-mode .reach-score.score-low{background:#fbe5e7;color:#a64d57}
body.workspace-mode button.home-text-link{background:transparent!important;border:0!important;color:#c46325!important;padding:4px 2px!important;min-height:0!important;box-shadow:none!important}
body.workspace-mode button.home-text-link:hover{color:#9f4618!important;text-decoration:underline}
body.workspace-mode .reach-modal-intro{margin-bottom:10px;padding:9px 11px;border-radius:8px;background:#fff4e9;color:#7d4a25;font-size:12px}
body.workspace-mode .reach-modal-intro b{font-size:16px;color:#b95e24}
body.workspace-mode .reach-modal-list .reach-table{max-height:58vh}
body.workspace-mode .mobile-saved-contact-actions{display:none}
@media(max-width:700px){
  body.workspace-mode .approved-home-heading{border-radius:0 0 10px 10px;margin-top:-12px}
  body.workspace-mode .mobile-saved-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-2px 0 10px}
  body.workspace-mode .mobile-saved-contact-actions button{min-height:44px;font-weight:800;border-radius:9px}
  body.workspace-mode .contact-call-button{background:#e8f7ee!important;color:#207349!important;border-color:#ccebd8!important}
  body.workspace-mode .contact-call-button::before{content:'☎';margin-right:7px}
  body.workspace-mode .contact-text-button{background:#eaf3ff!important;color:#2469aa!important;border-color:#cee1f6!important}
  body.workspace-mode .contact-text-button::before{content:'✉';margin-right:7px}
}

/* 2026-09-10 visual polish only — preserve dashboard structure and existing WD logo */
body.workspace-mode .approved-home-heading{
  background:linear-gradient(110deg,#081521 0%,#10283d 58%,#173a57 100%);
  color:#f7fbff;
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:0 8px 22px rgba(8,27,43,.18);
}
body.workspace-mode .approved-home-heading h1{
  color:#ffffff;
  font-weight:850;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}
body.workspace-mode .approved-home-heading p{
  color:#cbdbe8;
}
body.workspace-mode .approved-home-heading .home-heading-meta,
body.workspace-mode .approved-home-heading .home-heading-meta .home-date{
  color:#eef6fc;
}
body.workspace-mode .approved-home-heading .home-heading-meta b{
  color:#ffffff;
  border-left-color:rgba(255,255,255,.25);
}
body.workspace-mode .approved-home-heading .desktop-top-action{
  background:rgba(255,255,255,.96)!important;
  color:#12334f!important;
  border-color:rgba(255,255,255,.95)!important;
}

/* Strong section identity without changing layout */
body.workspace-mode .activity-section,
body.workspace-mode .results-section,
body.workspace-mode .reach-panel{
  border-top:0;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 4px 14px rgba(24,53,78,.09);
}
body.workspace-mode .activity-section .home-section-title,
body.workspace-mode .results-section .home-section-title,
body.workspace-mode .reach-panel .home-section-title{
  margin:-10px -12px 12px;
  padding:10px 12px;
  border-radius:9px 9px 0 0;
  min-height:46px;
}
body.workspace-mode .activity-section .home-section-title{
  background:linear-gradient(105deg,#176fc4 0%,#2589dc 100%);
}
body.workspace-mode .results-section .home-section-title{
  background:linear-gradient(105deg,#16834f 0%,#21a665 100%);
}
body.workspace-mode .reach-panel .home-section-title{
  background:linear-gradient(105deg,#d96822 0%,#ee8a38 100%);
}
body.workspace-mode .activity-section .home-section-title h2,
body.workspace-mode .results-section .home-section-title h2,
body.workspace-mode .reach-panel .home-section-title h2,
body.workspace-mode .activity-section .home-section-title span,
body.workspace-mode .results-section .home-section-title span,
body.workspace-mode .reach-panel .home-section-title span{
  color:#ffffff;
}
body.workspace-mode .activity-section .home-section-title h2,
body.workspace-mode .results-section .home-section-title h2,
body.workspace-mode .reach-panel .home-section-title h2{
  font-weight:850;
  letter-spacing:-.25px;
}
body.workspace-mode .activity-section .home-section-title h2::before,
body.workspace-mode .results-section .home-section-title h2::before,
body.workspace-mode .reach-panel .home-section-title h2::before{
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.22);
  color:#ffffff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
body.workspace-mode .reach-panel button.home-text-link{
  color:#ffffff!important;
  background:rgba(122,55,12,.20)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:7px!important;
  padding:6px 9px!important;
  font-weight:800!important;
}
body.workspace-mode .reach-panel button.home-text-link:hover{
  color:#ffffff!important;
  background:rgba(122,55,12,.32)!important;
  text-decoration:none;
}

/* Match the colored section bars with clearer card accents */
body.workspace-mode .activity-period-label{
  border-left-color:#1f7dce;
}
body.workspace-mode .activity-metric{
  border-top:2px solid #d4eafd;
}
body.workspace-mode .results-grid .result-metric{
  border-top:2px solid #d7eadf;
}
body.workspace-mode .reach-table{
  border-color:#f0d6c2;
}
body.workspace-mode .reach-head{
  background:#fff2e7;
  color:#8d491e;
}

@media(max-width:700px){
  body.workspace-mode .activity-section .home-section-title,
  body.workspace-mode .results-section .home-section-title,
  body.workspace-mode .reach-panel .home-section-title{
    margin:-10px -12px 10px;
    padding:10px 11px;
    min-height:44px;
  }
  body.workspace-mode .approved-home-heading{
    background:linear-gradient(120deg,#081521 0%,#10283d 70%,#173a57 100%);
  }
}

/* 2026-09-10 dashboard refinement: concept-image color depth, icons, mobile order, and schedule summaries */
body.workspace-mode{
  color:#17324d;
}
body.workspace-mode .ui-icon{display:block;width:20px;height:20px;flex:0 0 auto}


body.workspace-mode .identity-center-title{
  display:block;
  margin:4px auto 0;
  color:#d7e5f3;
  font-family:"Segoe UI Variable Text","Aptos",Inter,"Segoe UI",Arial,sans-serif;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.65px;
  line-height:1.25;
  text-align:center;
}
body.workspace-mode .side-nav-icon{display:grid;place-items:center;color:#dce9f7}
body.workspace-mode .side-nav-icon .nav-svg{width:18px;height:18px}
body.workspace-mode .side-nav-link{font-weight:600;letter-spacing:.05px}
body.workspace-mode .side-nav-link.active{
  background:linear-gradient(100deg,#1b66c8 0%,#2f86e6 62%,#4a9bec 100%);
  box-shadow:0 5px 13px rgba(8,72,145,.27),inset 0 1px 0 rgba(255,255,255,.16);
}

/* Top bar: deeper gradient and silver-blue typography rather than plain white. */
body.workspace-mode .approved-home-heading{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% -80%,rgba(79,160,231,.32),transparent 42%),
    linear-gradient(112deg,#071827 0%,#0d2a43 47%,#174f75 100%);
  border-bottom:1px solid rgba(157,205,239,.18);
  box-shadow:0 9px 26px rgba(7,32,54,.20);
}
body.workspace-mode .approved-home-heading::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.045) 53%,transparent 64%);
}
body.workspace-mode .approved-home-heading> *{position:relative;z-index:1}
body.workspace-mode .approved-home-heading h1{
  font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",Arial,sans-serif;
  font-size:21px;
  font-weight:650;
  letter-spacing:-.25px;
  background:linear-gradient(90deg,#eef8ff 0%,#c7def0 55%,#9fc7e4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}
body.workspace-mode .approved-home-heading p{color:#9fc3dd;font-weight:550;letter-spacing:.65px}
body.workspace-mode .approved-home-heading .home-heading-meta,
body.workspace-mode .approved-home-heading .home-heading-meta .home-date{color:#cfe2f0;font-weight:550}
body.workspace-mode .approved-home-heading .home-heading-meta b{color:#e5f1f9;font-weight:600}

/* Section headers: richer gradients with light sheen, matching the approved concept without changing layout. */
body.workspace-mode .home-section-title h2{display:flex;align-items:center;gap:8px;line-height:1.15}
body.workspace-mode .home-section-title h2::before{display:none!important}
body.workspace-mode .section-svg{
  width:19px;
  height:19px;
  padding:3px;
  box-sizing:content-box;
  border-radius:7px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
body.workspace-mode .section-heading-text{display:inline-block}
body.workspace-mode .activity-section .home-section-title{
  background:
    radial-gradient(circle at 88% -75%,rgba(255,255,255,.34),transparent 42%),
    linear-gradient(105deg,#145dcc 0%,#267fe9 58%,#61a8f5 100%);
}
body.workspace-mode .results-section .home-section-title{
  background:
    radial-gradient(circle at 87% -75%,rgba(255,255,255,.30),transparent 43%),
    linear-gradient(105deg,#087955 0%,#18a36e 55%,#4dca96 100%);
}
body.workspace-mode .reach-panel .home-section-title{
  background:
    radial-gradient(circle at 88% -75%,rgba(255,255,255,.32),transparent 43%),
    linear-gradient(105deg,#e25d12 0%,#f47d20 55%,#f6a044 100%);
}
body.workspace-mode .activity-section .home-section-title h2,
body.workspace-mode .results-section .home-section-title h2,
body.workspace-mode .reach-panel .home-section-title h2{
  font-weight:650;
  letter-spacing:-.08px;
  color:#f7fbff;
}
body.workspace-mode .activity-section .home-section-title span,
body.workspace-mode .results-section .home-section-title span,
body.workspace-mode .reach-panel .home-section-title span{color:#edf7ff}

/* Today's Appointments gets the same polished icon treatment without changing the card structure. */
body.workspace-mode .today-panel{
  border-top:0;
  overflow:hidden;
  background:linear-gradient(180deg,#f9fbff 0%,#fff 55%);
  box-shadow:0 4px 14px rgba(24,53,78,.09);
}
body.workspace-mode .today-panel .home-section-title{
  margin:-10px -12px 11px;
  padding:10px 12px;
  border-radius:9px 9px 0 0;
  background:
    radial-gradient(circle at 86% -80%,rgba(255,255,255,.28),transparent 42%),
    linear-gradient(105deg,#293d73 0%,#3f5fa3 56%,#6b7fc1 100%);
}
body.workspace-mode .today-panel .home-section-title h2,
body.workspace-mode .today-panel .home-section-title span{color:#f2f7ff}
body.workspace-mode .today-panel .home-section-title h2{font-weight:650}
body.workspace-mode .today-panel .view-full-day-button{
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(12,35,67,.22)!important;
  color:#f6fbff!important;
  box-shadow:none!important;
}

/* Stronger type through contrast, not excessive boldness. */
body.workspace-mode .activity-metric>span,
body.workspace-mode .result-metric>span{color:#2b4863;font-weight:600}
body.workspace-mode .activity-metric>small,
body.workspace-mode .result-metric>small{color:#566f86;font-weight:500}
body.workspace-mode .activity-period-label{color:#153b60}
body.workspace-mode .activity-period-label b{font-weight:650;color:#163f67}
body.workspace-mode .reach-row{color:#173650;font-weight:500}
body.workspace-mode .reach-row b{font-weight:650;color:#173650}
body.workspace-mode .reach-head{font-weight:650}

/* More depth in KPI cards, while leaving existing dimensions and order intact. */
body.workspace-mode .activity-metric{
  background:linear-gradient(145deg,#eaf4ff 0%,#f8fbff 56%,#ffffff 100%);
  border-color:#cfe3f6;
  box-shadow:0 3px 9px rgba(29,104,177,.08),inset 0 1px 0 rgba(255,255,255,.85);
}
body.workspace-mode .activity-actual-only{
  background:linear-gradient(145deg,#f0f5fa,#fff);
  border-color:#dae4ec;
}
body.workspace-mode .results-grid .result-metric{
  background:linear-gradient(145deg,#ecf9f2 0%,#fbfffd 58%,#fff 100%)!important;
  border-color:#d0eadc!important;
  box-shadow:0 3px 9px rgba(25,128,87,.075),inset 0 1px 0 rgba(255,255,255,.88);
}
body.workspace-mode .results-grid .result-metric:nth-child(5),
body.workspace-mode .results-grid .result-metric:nth-child(7){
  background:linear-gradient(145deg,#fff7dd 0%,#fffdf5 62%,#fff 100%)!important;
  border-color:#eadcac!important;
}

/* Schedule items and training summary. */
body.workspace-mode .occupied-item{font-weight:500}
body.workspace-mode .occupied-item b{font-weight:650;color:#173650}
body.workspace-mode .occupied-appointment{border-left-color:#2f7ed8!important;background:linear-gradient(100deg,#edf6ff,#fff)!important}
body.workspace-mode .occupied-block.block-training{border-left-color:#7459c8!important;background:linear-gradient(100deg,#f2edff,#fff)!important}
body.workspace-mode .occupied-block.block-meeting{border-left-color:#e39a24!important;background:linear-gradient(100deg,#fff6df,#fff)!important}
body.workspace-mode .occupied-block.block-personal{border-left-color:#20a8a0!important;background:linear-gradient(100deg,#e9fbfa,#fff)!important}
body.workspace-mode .occupied-block.block-unavailable{border-left-color:#d65f68!important;background:linear-gradient(100deg,#fff0f1,#fff)!important}

body.workspace-mode dialog.day-schedule-dialog{
  border:1px solid #b8cfe1;
  box-shadow:0 28px 90px rgba(8,34,57,.30);
}
body.workspace-mode dialog.day-schedule-dialog .dialog-top{
  background:
    radial-gradient(circle at 85% -80%,rgba(110,186,238,.28),transparent 42%),
    linear-gradient(110deg,#0b2942 0%,#174f75 100%);
  border-bottom:0;
  padding:15px 20px;
}
body.workspace-mode dialog.day-schedule-dialog .dialog-top h2{
  color:#dceef9;
  font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",Arial,sans-serif;
  font-size:18px;
  font-weight:650;
  letter-spacing:-.15px;
}
body.workspace-mode dialog.day-schedule-dialog .dialog-footer{display:none!important}
body.workspace-mode dialog.day-schedule-dialog .day-close-button{
  min-height:30px;
  padding:5px 11px;
  border-radius:7px;
  font-size:11px;
  font-weight:600;
  line-height:1;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  color:#eef8ff!important;
}
body.workspace-mode dialog.day-schedule-dialog .fields{
  background:linear-gradient(180deg,#f4f8fc 0%,#fff 18%);
}
body.workspace-mode dialog.day-schedule-dialog .full-day-timeline{gap:4px}
body.workspace-mode dialog.day-schedule-dialog .day-row{
  border-radius:7px;
  padding:2px 3px;
}
body.workspace-mode dialog.day-schedule-dialog .day-row:nth-child(even){background:#f7fafc}
body.workspace-mode dialog.day-schedule-dialog .day-row time{color:#36546d;font-weight:600}
body.workspace-mode dialog.day-schedule-dialog .day-open{
  background:linear-gradient(100deg,#e7f2fd,#f7fbff)!important;
  border-color:#cfe0ef!important;
  color:#42647f!important;
}
body.workspace-mode dialog.day-schedule-dialog .day-booked.appointment{
  background:linear-gradient(100deg,#e8f8ef,#fbfffd)!important;
  border-left-color:#2daf6d!important;
}
body.workspace-mode dialog.day-schedule-dialog .day-booked.block-training{
  background:linear-gradient(100deg,#eee9ff,#fbfaff)!important;
  border-left-color:#7359c5!important;
}
body.workspace-mode dialog.day-schedule-dialog .day-booked.block-meeting{
  background:linear-gradient(100deg,#fff3d7,#fffdf8)!important;
  border-left-color:#e49b26!important;
}
body.workspace-mode dialog.day-schedule-dialog .day-booked.block-personal{
  background:linear-gradient(100deg,#e5faf8,#fbfffe)!important;
  border-left-color:#1da8a0!important;
}
body.workspace-mode dialog.day-schedule-dialog .day-booked.block-unavailable{
  background:linear-gradient(100deg,#ffeaec,#fffafa)!important;
  border-left-color:#d65c66!important;
}
body.workspace-mode dialog.day-schedule-dialog .day-booked.block-other{
  background:linear-gradient(100deg,#eef3f9,#fff)!important;
  border-left-color:#71869b!important;
}

body.workspace-mode .training-summary-card{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px 14px;
  padding:18px;
  border:1px solid #d9d0f1;
  border-radius:12px;
  background:linear-gradient(135deg,#f2eeff 0%,#fbfaff 56%,#fff 100%);
  box-shadow:0 6px 20px rgba(81,60,145,.08);
}
body.workspace-mode .training-summary-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#6b54bd,#8c72d7);color:#fff}
body.workspace-mode .training-summary-svg{width:25px;height:25px}
body.workspace-mode .training-summary-heading span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#6c5aa4;font-weight:650}
body.workspace-mode .training-summary-heading h3{margin:3px 0 0;color:#253853;font-size:19px;font-weight:650}
body.workspace-mode .training-summary-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.workspace-mode .training-summary-grid>div{padding:10px 11px;border:1px solid #e3e8ee;border-radius:8px;background:rgba(255,255,255,.82)}
body.workspace-mode .training-summary-grid small,
body.workspace-mode .training-summary-notes small{display:block;margin-bottom:4px;color:#6d7f91;font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.45px}
body.workspace-mode .training-summary-grid b{color:#203b55;font-size:11px;font-weight:600}
body.workspace-mode .training-summary-notes{grid-column:1/-1;padding:11px;border-top:1px solid #ded6ef}
body.workspace-mode .training-summary-notes p{margin:4px 0 0;color:#314b63;line-height:1.5}

@media(max-width:700px){
  /* Home mobile priority: appointments first, Reach Out immediately below, then Activity and Results. */
  body.workspace-mode .home-dashboard-grid{display:grid!important;grid-template-columns:1fr!important}
  body.workspace-mode .home-dashboard-right{display:contents!important}
  body.workspace-mode .home-appointment-column{order:1}
  body.workspace-mode .reach-panel{order:2}
  body.workspace-mode .activity-section{order:3}
  body.workspace-mode .results-section{order:4}

  body.workspace-mode .identity-center-title{
    margin:0;
    font-size:10px;
    text-align:left;
    white-space:nowrap;
  }
  body.workspace-mode .brand-action-row .identity{display:flex!important;align-items:center!important}

  body.workspace-mode .today-panel .home-section-title{align-items:flex-start;gap:6px}
  body.workspace-mode .today-panel .home-section-title>div{flex:1 1 auto;min-width:0}
  body.workspace-mode .today-panel .home-section-title h2{font-size:14px!important;gap:6px}
  body.workspace-mode .today-panel .section-svg{width:15px;height:15px;padding:2px;border-radius:5px}
  body.workspace-mode .full-day-toolbar{flex:0 0 auto;gap:0}
  body.workspace-mode .view-full-day-button{
    min-height:27px!important;
    padding:4px 6px!important;
    border-radius:6px!important;
    font-size:8.5px!important;
    font-weight:600!important;
    letter-spacing:-.05px!important;
    white-space:nowrap!important;
  }

  body.workspace-mode .activity-section .home-section-title,
  body.workspace-mode .results-section .home-section-title,
  body.workspace-mode .reach-panel .home-section-title{min-height:42px}
  body.workspace-mode .activity-section .home-section-title h2,
  body.workspace-mode .results-section .home-section-title h2,
  body.workspace-mode .reach-panel .home-section-title h2{font-size:15px!important}
  body.workspace-mode .section-svg{width:16px;height:16px;padding:2px}

  body.workspace-mode dialog.day-schedule-dialog .dialog-top{padding:12px 12px}
  body.workspace-mode dialog.day-schedule-dialog .dialog-top h2{font-size:15px}
  body.workspace-mode dialog.day-schedule-dialog .day-close-button{font-size:9.5px;padding:5px 8px}
  body.workspace-mode .training-summary-grid{grid-template-columns:1fr}
}


@media (min-width:901px){
  html,body{background:#f4f7fb!important;color:#0a1d3d!important;font-family:Arial,Helvetica,sans-serif!important}
  body.workspace-mode{background:#f4f7fb!important;color:#0a1d3d!important}
  body.workspace-mode .masthead.reference-sidebar{
    position:fixed!important;inset:0 auto 0 0!important;width:278px!important;height:100vh!important;min-height:100vh!important;
    padding:20px 12px 18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
    background:linear-gradient(180deg,#0b223e 0%,#07182c 55%,#0a294a 100%)!important;border:0!important;
    box-shadow:4px 0 18px rgba(7,21,42,.08)!important;z-index:30!important;color:#d8e4f5!important;
  }
  body.workspace-mode .reference-sidebar .brand-action-row{display:block!important;margin:0!important;padding:0!important}
  body.workspace-mode .reference-sidebar .mobile-top-add-contact{display:none!important}
  body.workspace-mode .reference-sidebar .identity{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    padding:0 22px 28px!important;margin:0 10px 26px!important;border-bottom:1px solid rgba(104,135,165,.42)!important;color:#fff!important;text-decoration:none!important;
  }
  body.workspace-mode .reference-sidebar .identity img{
    display:block!important;width:150px!important;height:92px!important;object-fit:contain!important;margin:0 auto 3px!important;
    padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;filter:none!important;
  }
  body.workspace-mode .reference-sidebar .identity-center-title{
    display:block!important;margin:2px 0 0!important;color:#dbe5f2!important;font-family:Arial,Helvetica,sans-serif!important;
    font-size:20px!important;font-weight:400!important;letter-spacing:0!important;line-height:1.2!important;text-align:center!important;white-space:nowrap!important;
  }
  body.workspace-mode .reference-sidebar .side-nav{display:grid!important;gap:7px!important;margin:0!important;padding:0!important;overflow:visible!important}
  body.workspace-mode .reference-sidebar .side-nav-link{
    min-height:59px!important;display:flex!important;align-items:center!important;gap:17px!important;padding:14px 22px!important;
    border-radius:10px!important;color:#c8d5e8!important;font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;font-weight:400!important;
    text-decoration:none!important;letter-spacing:0!important;background:transparent!important;box-shadow:none!important;border:1px solid transparent!important;
  }
  body.workspace-mode .reference-sidebar .side-nav-link:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
  body.workspace-mode .reference-sidebar .side-nav-link.active{
    background:linear-gradient(90deg,#173f73 0%,#204f84 100%)!important;color:#fff!important;border-color:#2b65a5!important;
    box-shadow:inset 0 0 0 1px rgba(43,101,165,.18),0 4px 12px rgba(3,31,62,.14)!important;
  }
  body.workspace-mode .reference-sidebar .side-nav-icon{width:27px!important;height:27px!important;display:grid!important;place-items:center!important;color:#dbe8f8!important;flex:0 0 27px!important}
  body.workspace-mode .reference-sidebar .side-nav-icon .nav-svg{width:25px!important;height:25px!important;stroke-width:1.9!important}
  body.workspace-mode .reference-sidebar-bottom{
    margin-top:auto!important;padding:20px 15px 4px!important;border-top:1px solid rgba(123,150,177,.55)!important;display:block!important;background:none!important;
  }
  body.workspace-mode .reference-user-row{display:grid!important;grid-template-columns:1fr 30px!important;align-items:center!important;gap:4px!important;margin:0 0 27px!important}
  body.workspace-mode .reference-user-main{
    display:grid!important;grid-template-columns:38px 1fr!important;align-items:center!important;gap:10px!important;padding:0!important;background:transparent!important;border:0!important;
    color:#eef5ff!important;text-align:left!important;box-shadow:none!important;min-width:0!important;
  }
  body.workspace-mode .reference-user-main:hover,body.workspace-mode .reference-user-exit:hover{filter:none!important;background:rgba(255,255,255,.04)!important}
  body.workspace-mode .reference-avatar{
    width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
    background:#173b60!important;border:1px solid #55728f!important;color:#fff!important;font-size:12px!important;font-weight:800!important;
  }
  body.workspace-mode .reference-user-main b{font-size:14px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.workspace-mode .reference-user-exit{padding:0!important;width:30px!important;height:38px!important;background:transparent!important;color:#e8f1fb!important;font-size:28px!important;border:0!important;box-shadow:none!important}
  body.workspace-mode .reference-side-motto{display:block!important;text-align:center!important;letter-spacing:.27em!important;font-size:9px!important;color:#a6b5c8!important;font-weight:500!important}
  body.workspace-mode .reference-side-rule{display:block!important;width:57px!important;height:2px!important;margin:14px auto 0!important;background:#e2b938!important}
  body.workspace-mode .reference-mobile-sidebar-actions{display:none!important}

  body.workspace-mode #main{max-width:none!important;margin:0 0 0 278px!important;padding:28px 30px 50px!important;min-height:100vh!important;background:#f4f7fb!important;color:#0a1d3d!important}
  body.workspace-mode.reference-home-page #main{padding:0!important;overflow:hidden!important}
  body.workspace-mode .page-footer{display:none!important}

  body.workspace-mode .reference-home{min-height:100vh;background:#f4f7fb;color:#0a1d3d}
  body.workspace-mode .reference-home-hero{
    height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#fff;position:relative;overflow:hidden;
    background:radial-gradient(circle at 72% 5%,#1c538e 0,#0c315d 35%,#071a38 72%),linear-gradient(120deg,#071a38,#123e72);
    border-radius:0 0 36px 0;
  }
  body.workspace-mode .reference-home-hero:before{
    content:"";position:absolute;right:155px;top:8px;width:445px;height:100px;opacity:.34;pointer-events:none;
    background:linear-gradient(150deg,transparent 48%,#8ba7c5 49% 51%,transparent 52%),linear-gradient(25deg,transparent 46%,#55799e 47% 49%,transparent 50%);
    clip-path:polygon(0 88%,14% 63%,27% 73%,43% 34%,55% 57%,70% 17%,81% 42%,91% 20%,100% 64%,100% 100%,0 100%);
  }
  body.workspace-mode .reference-home-hero:after{
    content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,12,29,.22),transparent 45%,rgba(3,20,41,.18));
  }
  body.workspace-mode .reference-home-hero>div{position:relative;z-index:1}
  body.workspace-mode .reference-home-hero h1{margin:0!important;color:#fff!important;font:700 38px/1 Georgia,"Times New Roman",serif!important;letter-spacing:-.5px!important;text-shadow:0 1px 1px rgba(0,0,0,.12)!important}
  body.workspace-mode .reference-home-hero p{margin:9px 0 0!important;color:#d6e0eb!important;font-size:25px!important;line-height:1.05!important;font-weight:400!important}
  body.workspace-mode .reference-hero-motto{position:relative!important;z-index:1!important;text-align:right!important;font-size:11px!important;line-height:1.85!important;letter-spacing:.38em!important;font-weight:700!important;color:#d6e2ef!important}
  body.workspace-mode .reference-hero-motto i{display:block!important;margin:9px 0 0 auto!important;width:58px!important;height:2px!important;background:#e7c039!important}

  body.workspace-mode .reference-home-content{padding:0 24px 28px!important}
  body.workspace-mode .reference-home-actions{height:48px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important}
  body.workspace-mode .reference-home-actions>span{padding:8px 15px!important;border-radius:8px!important;background:#edf1f6!important;font-size:17px!important;color:#263a58!important;font-weight:400!important}
  body.workspace-mode .reference-add-contact{height:40px!important;min-width:171px!important;padding:9px 18px!important;color:#fff!important;background:linear-gradient(180deg,#1784f1,#0860c2)!important;border-radius:7px!important;font-size:16px!important;font-weight:700!important;box-shadow:0 5px 12px rgba(20,88,166,.18)!important}
  body.workspace-mode .reference-add-contact:before{content:"♟+";margin-right:8px;font-size:16px}

  body.workspace-mode .reference-top-grid{display:grid!important;grid-template-columns:1.26fr .92fr!important;gap:17px!important;margin-bottom:16px!important}
  body.workspace-mode .reference-panel,body.workspace-mode .reference-dashboard{background:#fff!important;border:1px solid #d8e1ed!important;border-radius:13px!important;box-shadow:0 4px 12px rgba(23,52,95,.08)!important;color:#102142!important}
  body.workspace-mode .reference-panel{padding:10px 18px 15px!important;min-height:316px!important;overflow:hidden!important}
  body.workspace-mode .reference-panel-title{display:flex!important;align-items:center!important;gap:13px!important;margin-bottom:7px!important}
  body.workspace-mode .reference-panel-title>span{width:44px!important;height:44px!important;border-radius:7px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,#167ee2,#0753a2)!important;color:#fff!important;flex:0 0 44px!important}
  body.workspace-mode .reference-panel-title .reference-title-icon{width:25px!important;height:25px!important}
  body.workspace-mode .reference-panel-title h2{margin:0!important;font:700 28px/1 Georgia,"Times New Roman",serif!important;color:#102142!important;letter-spacing:-.3px!important}
  body.workspace-mode .reference-appointment-list{border:1px solid #dbe4ef!important;border-radius:9px!important;overflow:hidden!important}
  body.workspace-mode .reference-appointment-row{width:100%!important;display:grid!important;grid-template-columns:126px 1fr 135px 22px!important;align-items:center!important;background:#fff!important;padding:14px 12px!important;text-align:left!important;border:0!important;border-bottom:1px solid #dbe4ef!important;color:#102142!important;border-radius:0!important;box-shadow:none!important}
  body.workspace-mode .reference-appointment-row:last-child{border-bottom:0!important}
  body.workspace-mode .reference-appointment-row:hover{filter:none!important;background:#f8fbff!important}
  body.workspace-mode .reference-appointment-row b{color:#0759c7!important;font-size:18px!important;font-weight:700!important}
  body.workspace-mode .reference-appointment-row span{font-size:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.workspace-mode .reference-appointment-row small{font-size:15px!important;color:#1c3150!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.workspace-mode .reference-appointment-row i{font-style:normal!important;font-size:26px!important;color:#0e315b!important;text-align:right!important}
  body.workspace-mode .reference-view-all{display:block!important;width:100%!important;margin-top:14px!important;padding:11px 10px!important;border-radius:7px!important;background:#edf1f6!important;color:#071f48!important;font-weight:700!important;border:0!important;box-shadow:none!important;font-size:15px!important}
  body.workspace-mode .reference-view-all:hover{filter:none!important;background:#e5eaf1!important}
  body.workspace-mode .reference-empty{color:#75849a!important;text-align:center!important;padding:56px 12px!important;font-size:14px!important}

  body.workspace-mode .reference-reach{padding:0 15px 15px!important}
  body.workspace-mode .reference-reach .reference-panel-title{margin:0 -15px 9px!important;padding:10px 17px!important;background:linear-gradient(90deg,#df7117 0%,#f8ba42 100%)!important;color:#fff!important}
  body.workspace-mode .reference-reach .reference-panel-title>span{background:#fff!important;color:#ce6513!important}
  body.workspace-mode .reference-reach .reference-panel-title h2{color:#fff!important}
  body.workspace-mode .reference-reach-table{border-radius:8px!important;overflow:hidden!important}
  body.workspace-mode .reference-reach-head,body.workspace-mode .reference-reach-row{display:grid!important;grid-template-columns:1.25fr 1fr 80px!important;align-items:center!important;gap:8px!important}
  body.workspace-mode .reference-reach-head{padding:7px 12px!important;background:#eef2f8!important;font-size:13px!important;color:#102142!important}
  body.workspace-mode .reference-reach-row{width:100%!important;padding:8px 12px!important;text-align:left!important;background:#fff!important;border-bottom:1px solid #dde4ee!important;color:#102142!important;text-decoration:none!important;min-height:45px!important}
  body.workspace-mode .reference-reach-row:hover{background:#fbfdff!important}
  body.workspace-mode .reference-reach-row span,body.workspace-mode .reference-reach-row small{font-size:15px!important;color:#102142!important}
  body.workspace-mode .reference-score{justify-self:center!important;padding:5px 10px!important;border-radius:8px!important;font-size:13px!important}
  body.workspace-mode .reference-score.score-5{background:#e2f6e9!important;color:#0c7d3b!important}
  body.workspace-mode .reference-score.score-4{background:#fff1cc!important;color:#8b5b00!important}
  body.workspace-mode .reference-score.score-low{background:#fee7df!important;color:#b84922!important}

  body.workspace-mode .reference-dashboard{overflow:hidden!important;margin:0 0 16px!important}
  body.workspace-mode .reference-dash-head{height:54px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 23px!important;color:#fff!important}
  body.workspace-mode .reference-activity .reference-dash-head{background:linear-gradient(90deg,#1055a5 0%,#2c98e5 58%,#0b5ca7 100%)!important}
  body.workspace-mode .reference-results .reference-dash-head{background:linear-gradient(90deg,#0d7f41 0%,#2d9d50 29%,#e6d246 66%,#e7aa10 100%)!important}
  body.workspace-mode .reference-dash-head>div{display:flex!important;align-items:center!important;gap:14px!important}
  body.workspace-mode .reference-dash-icon{width:26px!important;height:26px!important;color:#fff!important}
  body.workspace-mode .reference-dash-head h2{margin:0!important;color:#fff!important;font:700 27px Georgia,"Times New Roman",serif!important}
  body.workspace-mode .reference-dash-head>b{font-size:9px!important;letter-spacing:.36em!important;color:#d6ecff!important;font-weight:700!important}
  body.workspace-mode .reference-results .reference-dash-head>b{color:#fff5c9!important}

  body.workspace-mode .reference-activity-row{display:grid!important;grid-template-columns:130px repeat(5,minmax(0,1fr))!important;align-items:stretch!important;padding:12px 16px 13px!important;gap:0!important}
  body.workspace-mode .reference-activity-row+.reference-activity-row{border-top:1px solid #d7e0eb!important;padding-top:11px!important}
  body.workspace-mode .reference-period{display:flex!important;flex-direction:column!important;justify-content:center!important;padding-left:3px!important;color:#102142!important}
  body.workspace-mode .reference-period b{font-size:18px!important;font-weight:800!important;color:#102142!important}
  body.workspace-mode .reference-period small{display:block!important;font-size:12px!important;font-weight:500!important;margin-top:2px!important;color:#102142!important}
  body.workspace-mode .reference-activity-metric{min-width:0!important;border-left:1px solid #bdcde1!important;padding:2px 28px!important;background:#fff!important;box-shadow:none!important;border-radius:0!important}
  body.workspace-mode .reference-activity-metric>span{display:block!important;color:#11254a!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important}
  body.workspace-mode .reference-activity-metric>strong{display:block!important;margin-top:3px!important;font-size:21px!important;color:#0a2c64!important;font-weight:700!important;white-space:nowrap!important}
  body.workspace-mode .reference-activity-metric>strong small{font-size:18px!important;font-weight:500!important;color:#0a2c64!important}
  body.workspace-mode .reference-activity-metric>i{display:block!important;height:9px!important;background:#d5deea!important;border-radius:6px!important;margin-top:6px!important;overflow:hidden!important}
  body.workspace-mode .reference-activity-metric>i>b{display:block!important;height:100%!important;background:#1980ec!important;border-radius:6px!important}
  body.workspace-mode .reference-activity-row:last-child .reference-activity-metric>i{display:none!important}
  body.workspace-mode .reference-activity-row:last-child .reference-activity-metric>strong small{display:none!important}

  body.workspace-mode .reference-results-row{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:12px!important;padding:10px 16px 12px!important}
  body.workspace-mode .reference-result-tile{display:block!important;min-width:0!important;text-align:left!important;background:linear-gradient(180deg,#f8fbff,#edf2f8)!important;border:1px solid #dce5ef!important;border-radius:7px!important;padding:10px 12px!important;color:#102142!important;box-shadow:none!important}
  body.workspace-mode button.reference-result-tile{width:100%!important;cursor:pointer!important;font-family:Arial,Helvetica,sans-serif!important}
  body.workspace-mode .reference-result-tile>span{display:block!important;font-size:13px!important;font-weight:700!important;color:#102142!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.workspace-mode .reference-result-tile>strong{display:block!important;font-size:22px!important;color:#0b3268!important;margin-top:6px!important;font-weight:700!important;white-space:nowrap!important}
  body.workspace-mode .reference-result-tile>strong small{font-size:18px!important;font-weight:500!important;color:#0b3268!important}
  body.workspace-mode .reference-result-tile>i{display:block!important;height:9px!important;background:#d2dce8!important;border-radius:6px!important;margin-top:7px!important;overflow:hidden!important}
  body.workspace-mode .reference-result-tile>i>b{display:block!important;height:100%!important;background:#1aa55d!important;border-radius:6px!important}

  /* Keep the rest of the application readable inside the reference shell. */
  body.workspace-mode:not(.reference-home-page) .page-heading h1,body.workspace-mode:not(.reference-home-page) h2,body.workspace-mode:not(.reference-home-page) h3{color:#102142}
  body.workspace-mode:not(.reference-home-page) .page-heading .muted,body.workspace-mode:not(.reference-home-page) .muted{color:#64758d}
  body.workspace-mode:not(.reference-home-page) .panel,body.workspace-mode:not(.reference-home-page) .record,body.workspace-mode:not(.reference-home-page) .profile-shell,body.workspace-mode:not(.reference-home-page) .activity-record{background:#fff;color:#102142;border-color:#d9e2ee;box-shadow:0 3px 12px rgba(23,52,95,.06)}
}

/* Preserve a clean, usable mobile layout; the exact reference match above is desktop-only. */
@media (max-width:900px){
  body.workspace-mode .reference-mobile-sidebar-actions{display:flex;gap:6px;margin-top:10px}
  body.workspace-mode .reference-user-row,body.workspace-mode .reference-side-motto,body.workspace-mode .reference-side-rule{display:none!important}
  body.workspace-mode.reference-home-page #main{padding:0 10px 18px!important;background:#f4f7fb!important}
  body.workspace-mode .reference-home{background:#f4f7fb;color:#102142}
  body.workspace-mode .reference-home-hero{margin:0 -10px 12px;padding:18px 20px;min-height:132px;background:linear-gradient(145deg,#071a38,#0b315f 70%,#102846);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}
  body.workspace-mode .reference-home-hero h1{margin:0;color:#fff;font-size:30px;line-height:1.05}
  body.workspace-mode .reference-home-hero p{margin:6px 0 0;color:#d6e1f0;font-size:13px}
  body.workspace-mode .reference-hero-motto{font-size:8px;line-height:1.55;letter-spacing:.15em;text-align:right}
  body.workspace-mode .reference-hero-motto i{display:block;width:40px;height:2px;background:#e7c039;margin:7px 0 0 auto}
  body.workspace-mode .reference-home-content{padding:0}
  body.workspace-mode .reference-home-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
  body.workspace-mode .reference-home-actions>span{font-size:11px;color:#42536c}
  body.workspace-mode .reference-add-contact{padding:9px 11px;background:#176ed0;color:#fff;border-radius:8px}
  body.workspace-mode .reference-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  body.workspace-mode .reference-panel,body.workspace-mode .reference-dashboard{background:#fff;border:1px solid #d8e1ed;border-radius:12px;box-shadow:0 3px 10px rgba(23,52,95,.06);overflow:hidden}
  body.workspace-mode .reference-panel{padding:10px;min-width:0}
  body.workspace-mode .reference-panel-title{display:flex;align-items:center;gap:7px;margin-bottom:7px}
  body.workspace-mode .reference-panel-title>span{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#1679e1;color:#fff}
  body.workspace-mode .reference-panel-title svg{width:18px;height:18px}
  body.workspace-mode .reference-panel-title h2{margin:0;font-size:13px;color:#102142}
  body.workspace-mode .reference-reach .reference-panel-title{margin:-10px -10px 8px;padding:8px 10px;background:linear-gradient(90deg,#de7117,#f8ba42)}
  body.workspace-mode .reference-reach .reference-panel-title>span{background:#fff;color:#ce6513}
  body.workspace-mode .reference-reach .reference-panel-title h2{color:#fff}
  body.workspace-mode .reference-appointment-list{border:0}
  body.workspace-mode .reference-appointment-row{width:100%;display:grid;grid-template-columns:52px 1fr 16px;gap:3px;padding:8px 1px;background:#fff;color:#102142;text-align:left;border:0;border-top:1px solid #e3e9f1;border-radius:0;box-shadow:none}
  body.workspace-mode .reference-appointment-row b{font-size:10px;color:#0759c7}.reference-appointment-row span{font-size:10px}.reference-appointment-row small{display:none}.reference-appointment-row i{font-style:normal;font-size:17px}
  body.workspace-mode .reference-reach-head{display:none}.reference-reach-row{display:grid;grid-template-columns:1fr auto;padding:7px 1px;border-bottom:1px solid #e3e9f1;text-decoration:none}.reference-reach-row span{font-size:10px}.reference-reach-row small{grid-column:1;font-size:9px;color:#6d7e94}.reference-score{grid-column:2;grid-row:1/3;font-size:9px;padding:3px 6px;border-radius:6px}.reference-score.score-5{background:#e2f6e9;color:#0c7d3b}.reference-score.score-4{background:#fff1cc;color:#8b5b00}.reference-score.score-low{background:#fee7df;color:#b84922}
  body.workspace-mode .reference-view-all{width:100%;margin-top:7px;padding:8px;background:#edf1f6;color:#071f48;border-radius:7px;font-size:10px}
  body.workspace-mode .reference-empty{padding:18px 4px;font-size:10px;color:#75849a;text-align:center}
  body.workspace-mode .reference-dashboard{margin-bottom:10px}
  body.workspace-mode .reference-dash-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#fff}.reference-activity .reference-dash-head{background:linear-gradient(90deg,#1055a5,#2c98e5,#0b5ca7)}.reference-results .reference-dash-head{background:linear-gradient(90deg,#0d7f41,#2d9d50,#e6d246,#e7aa10)}.reference-dash-head>div{display:flex;align-items:center;gap:7px}.reference-dash-head h2{margin:0;color:#fff;font-size:18px}.reference-dash-head svg{width:20px;height:20px}.reference-dash-head>b{display:none}
  body.workspace-mode .reference-activity-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}.reference-period{grid-column:1/-1}.reference-period b{font-size:12px}.reference-period small{font-size:9px}.reference-activity-metric{border-left:4px solid #dce9fb;border-radius:9px;padding:8px;background:#f4f8fd}.reference-activity-metric span{display:block;font-size:10px}.reference-activity-metric strong{display:block;font-size:20px}.reference-activity-metric strong small{font-size:13px}.reference-activity-metric i{display:block;height:5px;background:#d5deea;border-radius:5px;margin-top:5px;overflow:hidden}.reference-activity-metric i b{display:block;height:100%;background:#1980ec}
  body.workspace-mode .reference-results-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}.reference-result-tile{background:#f4f8fd;border:1px solid #dce5ef;border-radius:9px;padding:9px;text-align:left;color:#102142}.reference-result-tile span{display:block;font-size:10px}.reference-result-tile strong{display:block;font-size:19px;margin-top:3px}.reference-result-tile strong small{font-size:12px}.reference-result-tile i{display:block;height:5px;background:#d2dce8;border-radius:5px;margin-top:5px;overflow:hidden}.reference-result-tile i b{display:block;height:100%;background:#1aa55d}
}

/* ======================================================================
   2026-09-10 MOBILE REORGANIZATION + LANGUAGE CONTROL
   Requested changes only. Approved desktop dashboard remains unchanged
   except for the new desktop language button below the signed-in name.
   ====================================================================== */

/* Desktop: language switch directly below the user name. */
@media (min-width:901px){
  body.workspace-mode .reference-user-row{margin-bottom:10px!important}
  body.workspace-mode .reference-desktop-language{display:block!important;margin:0 0 20px!important}
  body.workspace-mode .reference-language-button{
    width:100%!important;min-height:36px!important;padding:7px 12px!important;
    border:1px solid #376b9d!important;border-radius:8px!important;
    background:linear-gradient(180deg,#1d5790 0%,#153f6b 100%)!important;
    color:#f4f9ff!important;font-size:12px!important;font-weight:750!important;
    letter-spacing:.02em!important;box-shadow:0 3px 10px rgba(0,0,0,.12)!important;
  }
  body.workspace-mode .reference-language-button:hover{
    background:linear-gradient(180deg,#2467a5 0%,#184a7c 100%)!important;
  }
}

@media (max-width:900px){
  body.workspace-mode .reference-desktop-language{display:none!important}

  /* Mobile top branding: no duplicate Add Contact here. Give the title the row. */
  body.workspace-mode .mobile-top-add-contact{display:none!important}
  body.workspace-mode .reference-sidebar .brand-action-row{
    display:block!important;width:100%!important;padding:3px 2px 8px!important;margin:0!important;
  }
  body.workspace-mode .reference-sidebar .identity{
    width:100%!important;max-width:none!important;display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;
    padding:0!important;margin:0!important;text-decoration:none!important;
  }
  body.workspace-mode .reference-sidebar .identity img{
    width:48px!important;height:42px!important;margin:0!important;object-fit:contain!important;
  }
  body.workspace-mode .reference-sidebar .identity-center-title{
    display:block!important;width:100%!important;margin:0!important;padding-right:6px!important;
    color:#f4f8fe!important;font-size:19px!important;font-weight:750!important;line-height:1.1!important;
    letter-spacing:-.2px!important;text-align:center!important;white-space:nowrap!important;
  }

  /* Mobile home: date first, then a full-width Add Contact button. */
  body.workspace-mode .reference-home-content{padding:0!important}
  body.workspace-mode .reference-home-actions{
    display:grid!important;grid-template-columns:1fr!important;gap:9px!important;
    height:auto!important;margin:0 0 13px!important;padding:0!important;
  }
  body.workspace-mode .reference-home-actions>span{
    display:block!important;width:100%!important;margin:0!important;padding:11px 12px!important;
    border-radius:9px!important;background:#e9eef5!important;color:#263a58!important;
    font-size:15px!important;font-weight:650!important;line-height:1.2!important;text-align:center!important;
  }
  body.workspace-mode button.reference-add-contact{
    display:flex!important;width:100%!important;min-width:0!important;min-height:47px!important;height:auto!important;
    align-items:center!important;justify-content:center!important;padding:11px 15px!important;
    background:linear-gradient(180deg,#1784f1 0%,#0860c2 100%)!important;color:#fff!important;
    border:1px solid #0a67cb!important;border-radius:10px!important;
    font-size:14px!important;font-weight:800!important;box-shadow:0 5px 12px rgba(20,88,166,.18)!important;
  }
  body.workspace-mode button.reference-add-contact:hover{
    background:linear-gradient(180deg,#228bf3 0%,#075ab7 100%)!important;
  }

  /* Appointments full width, then Reach Out full width — no squeezed side-by-side cards. */
  body.workspace-mode .reference-top-grid{
    display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0 0 13px!important;
  }
  body.workspace-mode .reference-today{order:1!important}
  body.workspace-mode .reference-reach{order:2!important}
  body.workspace-mode .reference-panel{width:100%!important;min-width:0!important;padding:12px!important}
  body.workspace-mode .reference-panel-title{gap:9px!important;margin-bottom:9px!important}
  body.workspace-mode .reference-panel-title>span{width:36px!important;height:36px!important;border-radius:8px!important}
  body.workspace-mode .reference-panel-title svg{width:20px!important;height:20px!important}
  body.workspace-mode .reference-panel-title h2{font-size:16px!important}
  body.workspace-mode .reference-reach .reference-panel-title{margin:-12px -12px 10px!important;padding:10px 12px!important}
  body.workspace-mode .reference-appointment-row{padding:10px 2px!important;grid-template-columns:62px 1fr 18px!important}
  body.workspace-mode .reference-appointment-row b{font-size:11px!important}
  body.workspace-mode .reference-appointment-row span{font-size:11px!important}
  body.workspace-mode .reference-reach-row{padding:9px 2px!important}
  body.workspace-mode .reference-reach-row span{font-size:11px!important}
  body.workspace-mode .reference-reach-row small{font-size:10px!important}
  body.workspace-mode .reference-view-all{min-height:38px!important;margin-top:9px!important;font-size:11px!important}

  /* Slightly more breathing room between the major dashboard sections. */
  body.workspace-mode .reference-dashboard{margin-bottom:13px!important}
}

/* Narrow phones: keep the title readable without spilling sideways. */
@media (max-width:390px){
  body.workspace-mode .reference-sidebar .identity-center-title{font-size:17px!important;letter-spacing:-.35px!important}
}

/* ======================================================================
   2026-09-10 GLOBAL GREETING + MOBILE NAV + COMPACT DESKTOP SIDEBAR
   Approved update: greeting/motto stay visible across the app; mobile
   navigation sits directly beneath the greeting. Desktop sidebar keeps
   the approved visual language but removes the duplicate user name.
   ====================================================================== */

/* The persistent greeting is part of the application shell, not Home only. */
body.workspace-mode .reference-global-topbar{
  position:sticky;
  top:0;
  z-index:45;
  color:#fff;
  background:radial-gradient(circle at 72% 5%,#1c538e 0,#0c315d 35%,#071a38 72%),linear-gradient(120deg,#071a38,#123e72);
  overflow:hidden;
}
body.workspace-mode .reference-global-hero{position:relative;display:flex;align-items:center;justify-content:space-between}
body.workspace-mode .reference-global-hero:before{
  content:"";position:absolute;right:155px;top:8px;width:445px;height:100px;opacity:.34;pointer-events:none;
  background:linear-gradient(150deg,transparent 48%,#8ba7c5 49% 51%,transparent 52%),linear-gradient(25deg,transparent 46%,#55799e 47% 49%,transparent 50%);
  clip-path:polygon(0 88%,14% 63%,27% 73%,43% 34%,55% 57%,70% 17%,81% 42%,91% 20%,100% 64%,100% 100%,0 100%);
}
body.workspace-mode .reference-global-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,12,29,.22),transparent 45%,rgba(3,20,41,.18))}
body.workspace-mode .reference-global-greeting,body.workspace-mode .reference-global-hero .reference-hero-motto{position:relative;z-index:1}
body.workspace-mode .reference-global-greeting h1{margin:0!important;color:#fff!important}
body.workspace-mode .reference-global-greeting p{margin:0;color:#d6e0eb}
body.workspace-mode .reference-mobile-nav{display:none}

@media (min-width:901px){
  /* Persistent desktop top bar: same approved hero, now visible on every section. */
  body.workspace-mode .reference-global-topbar{
    margin-left:278px!important;
    height:108px!important;
    border-radius:0 0 36px 0!important;
    box-shadow:0 2px 10px rgba(7,26,56,.08)!important;
  }
  body.workspace-mode .reference-global-hero{height:108px!important;padding:0 34px!important}
  body.workspace-mode .reference-global-greeting h1{
    font:700 38px/1 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.5px!important;text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
  }
  body.workspace-mode .reference-global-greeting p{margin-top:9px!important;font-size:25px!important;line-height:1.05!important;font-weight:400!important}
  body.workspace-mode .reference-global-hero .reference-hero-motto{
    text-align:right!important;font-size:11px!important;line-height:1.85!important;letter-spacing:.38em!important;font-weight:700!important;color:#d6e2ef!important;
  }
  body.workspace-mode .reference-global-hero .reference-hero-motto i{display:block!important;margin:9px 0 0 auto!important;width:58px!important;height:2px!important;background:#e7c039!important}

  /* Home no longer needs its own duplicate greeting banner. */
  body.workspace-mode .reference-home{min-height:calc(100vh - 108px)!important}

  /* Compact the approved sidebar so all controls fit at 100% browser zoom. */
  body.workspace-mode .masthead.reference-sidebar{
    padding:12px 12px 12px!important;
    overflow:hidden!important;
  }
  body.workspace-mode .reference-sidebar .identity{
    padding:0 20px 13px!important;
    margin:0 10px 11px!important;
  }
  body.workspace-mode .reference-sidebar .identity img{
    width:138px!important;height:80px!important;margin:0 auto 1px!important;
  }
  body.workspace-mode .reference-sidebar .identity-center-title{font-size:18px!important;line-height:1.15!important}
  body.workspace-mode .reference-sidebar .side-nav{gap:3px!important}
  body.workspace-mode .reference-sidebar .side-nav-link{
    min-height:49px!important;gap:14px!important;padding:10px 19px!important;font-size:17px!important;
  }
  body.workspace-mode .reference-sidebar .side-nav-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
  body.workspace-mode .reference-sidebar .side-nav-icon .nav-svg{width:22px!important;height:22px!important}
  body.workspace-mode .reference-sidebar-bottom{
    padding:10px 15px 3px!important;
  }
  body.workspace-mode .reference-user-row{display:none!important}
  body.workspace-mode .reference-desktop-language{display:block!important;margin:0 0 8px!important}
  body.workspace-mode .reference-desktop-signout{display:block!important;margin:0 0 14px!important}
  body.workspace-mode .reference-language-button,
  body.workspace-mode .reference-signout-button{
    width:100%!important;min-height:36px!important;padding:7px 12px!important;border-radius:8px!important;
    color:#f4f9ff!important;font-size:12px!important;font-weight:750!important;letter-spacing:.02em!important;
    box-shadow:0 3px 10px rgba(0,0,0,.12)!important;
  }
  body.workspace-mode .reference-language-button{
    border:1px solid #376b9d!important;background:linear-gradient(180deg,#1d5790 0%,#153f6b 100%)!important;
  }
  body.workspace-mode .reference-signout-button{
    border:1px solid rgba(191,208,226,.38)!important;background:rgba(255,255,255,.055)!important;
  }
  body.workspace-mode .reference-signout-button:hover{background:rgba(255,255,255,.11)!important}
  body.workspace-mode .reference-side-rule{margin-top:10px!important}
}

@media (max-width:900px){
  /* Mobile begins with the greeting; the old logo/title navigation block is replaced by the persistent shell. */
  body.workspace-mode .masthead.reference-sidebar{display:none!important}
  body.workspace-mode .reference-global-topbar{
    margin:0!important;width:100%!important;border-radius:0!important;
    box-shadow:0 2px 9px rgba(5,27,55,.18)!important;
  }
  body.workspace-mode .reference-global-hero{
    min-height:128px!important;padding:18px 20px 15px!important;gap:12px!important;
  }
  body.workspace-mode .reference-global-hero:before{right:-35px;top:18px;width:330px;height:96px;opacity:.25}
  body.workspace-mode .reference-global-greeting{min-width:0;flex:1 1 auto}
  body.workspace-mode .reference-global-greeting h1{font-size:31px!important;line-height:1.04!important;font-weight:800!important;letter-spacing:-.7px!important}
  body.workspace-mode .reference-global-greeting p{margin-top:8px!important;font-size:14px!important;line-height:1.25!important;color:#d6e1f0!important}
  body.workspace-mode .reference-global-hero .reference-hero-motto{
    flex:0 0 134px!important;text-align:right!important;font-size:8px!important;line-height:1.55!important;letter-spacing:.15em!important;color:#e7eef7!important;
  }
  body.workspace-mode .reference-global-hero .reference-hero-motto i{display:block!important;width:42px!important;height:2px!important;background:#e7c039!important;margin:8px 0 0 auto!important}

  /* Tabs live directly under Good Morning and stay with the sticky header. */
  body.workspace-mode .reference-mobile-nav{
    display:flex!important;align-items:center!important;gap:6px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;
    padding:7px 12px 10px!important;background:rgba(3,23,44,.96)!important;border-top:1px solid rgba(255,255,255,.08)!important;
    scrollbar-width:none!important;
  }
  body.workspace-mode .reference-mobile-nav::-webkit-scrollbar{display:none!important}
  body.workspace-mode .reference-mobile-nav-link{
    flex:0 0 auto!important;min-height:51px!important;display:flex!important;align-items:center!important;gap:9px!important;
    padding:10px 14px!important;border-radius:9px!important;color:#d9e7f6!important;text-decoration:none!important;
    font-size:16px!important;font-weight:700!important;border:1px solid transparent!important;white-space:nowrap!important;
  }
  body.workspace-mode .reference-mobile-nav-link.active{
    color:#fff!important;background:linear-gradient(135deg,#116bd2 0%,#10a6ef 100%)!important;border-color:#2aa6ef!important;
    box-shadow:0 5px 12px rgba(0,90,181,.24)!important;
  }
  body.workspace-mode .reference-mobile-nav-icon{width:24px!important;height:24px!important;stroke-width:1.9!important}

  body.workspace-mode #main,body.workspace-mode .page-footer{margin-left:0!important}
  body.workspace-mode.reference-home-page #main{padding:12px 10px 18px!important}
  body.workspace-mode:not(.reference-home-page) #main{padding-top:16px!important}
  body.workspace-mode .reference-home{min-height:0!important}

  /* Requested readability increases on the two top Home cards. */
  body.workspace-mode .reference-empty{
    padding:24px 10px!important;font-size:15px!important;line-height:1.35!important;font-weight:550!important;color:#6f7f93!important;
  }
  body.workspace-mode .reference-reach-row{padding:12px 5px!important;align-items:center!important}
  body.workspace-mode .reference-reach-row span{font-size:16px!important;line-height:1.15!important;font-weight:700!important;color:#0a5f8b!important}
  body.workspace-mode .reference-reach-row small{font-size:14px!important;line-height:1.2!important;color:#65798d!important;margin-top:2px!important}
  body.workspace-mode .reference-score{font-size:12px!important;padding:6px 9px!important;border-radius:8px!important}
}

@media (max-width:430px){
  body.workspace-mode .reference-global-hero{padding-left:16px!important;padding-right:16px!important;min-height:124px!important}
  body.workspace-mode .reference-global-greeting h1{font-size:28px!important}
  body.workspace-mode .reference-global-greeting p{font-size:13px!important}
  body.workspace-mode .reference-global-hero .reference-hero-motto{flex-basis:115px!important;font-size:7.5px!important;letter-spacing:.12em!important}
  body.workspace-mode .reference-mobile-nav-link{font-size:15px!important;padding:9px 12px!important}
}

/* ======================================================================
   2026-09-10 MOBILE ACTIVITY + RESULTS READABILITY
   Mobile-only font increase for metric information inside dashboard cards.
   Desktop styles remain unchanged.
   ====================================================================== */
@media (max-width:900px){
  body.workspace-mode .reference-period b{
    font-size:15px!important;
    line-height:1.15!important;
  }
  body.workspace-mode .reference-period small{
    font-size:11px!important;
    line-height:1.2!important;
  }
  body.workspace-mode .reference-activity-metric span{
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:650!important;
  }
  body.workspace-mode .reference-activity-metric strong{
    font-size:25px!important;
    line-height:1.05!important;
    margin-top:4px!important;
  }
  body.workspace-mode .reference-activity-metric strong small{
    font-size:16px!important;
  }
  body.workspace-mode .reference-result-tile span{
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:650!important;
  }
  body.workspace-mode .reference-result-tile strong{
    font-size:24px!important;
    line-height:1.08!important;
    margin-top:5px!important;
  }
  body.workspace-mode .reference-result-tile strong small{
    font-size:15px!important;
  }
}


/* ======================================================================
   2026-09-10 MODAL CONSISTENCY + REACH OUT + SPANISH DATE POLISH
   Applies the approved View Full Day blue header to every pop-out window.
   ====================================================================== */
body.workspace-mode dialog .dialog-top{
  background:
    radial-gradient(circle at 85% -80%,rgba(110,186,238,.28),transparent 42%),
    linear-gradient(110deg,#0b2942 0%,#174f75 100%)!important;
  border-bottom:0!important;
  color:#eef8ff!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset!important;
}
body.workspace-mode dialog .dialog-top h2{
  color:#eef8ff!important;
  font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",Arial,sans-serif!important;
  font-weight:650!important;
}
body.workspace-mode dialog .dialog-top #dialog-subtitle{
  color:#c9dceb!important;
}
body.workspace-mode dialog .dialog-top button{
  color:#eef8ff!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:8px!important;
}
body.workspace-mode dialog .dialog-top button:hover{
  background:rgba(255,255,255,.18)!important;
}
body.workspace-mode .subpopup-card>.section-title{
  margin:-1rem -1rem 1rem!important;
  padding:14px 18px!important;
  background:
    radial-gradient(circle at 85% -80%,rgba(110,186,238,.28),transparent 42%),
    linear-gradient(110deg,#0b2942 0%,#174f75 100%)!important;
  border-radius:15px 15px 0 0!important;
}
body.workspace-mode .subpopup-card>.section-title h3{color:#eef8ff!important;margin:0!important}
body.workspace-mode .subpopup-card>.section-title button{color:#eef8ff!important;border-color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.10)!important}

/* Reach Out pop-out: compact count, larger contact information. */
body.workspace-mode .reach-modal-intro{
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  align-items:baseline!important;
  gap:5px!important;
  margin:0 0 12px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#fff1e5!important;
  color:#7d4a25!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
}
body.workspace-mode .reach-modal-intro b{
  font-size:15px!important;
  line-height:1!important;
  color:#b95e24!important;
}
body.workspace-mode .reach-modal-list .reach-table{max-height:62vh!important}
body.workspace-mode .reach-modal-list .reach-head{
  grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) 72px!important;
  padding:10px 14px!important;
  font-size:11px!important;
}
body.workspace-mode .reach-modal-list .reach-row{
  grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) 72px!important;
  min-height:58px!important;
  padding:12px 14px!important;
  gap:12px!important;
  font-size:16px!important;
  line-height:1.2!important;
}
body.workspace-mode .reach-modal-list .reach-row b{
  font-size:17px!important;
  line-height:1.15!important;
  color:#173650!important;
}
body.workspace-mode .reach-modal-list .reach-score{
  min-width:50px!important;
  padding:6px 9px!important;
  font-size:14px!important;
}
@media(max-width:700px){
  body.workspace-mode dialog .dialog-top{padding:14px 14px!important}
  body.workspace-mode dialog .dialog-top h2{font-size:18px!important}
  body.workspace-mode .reach-modal-list .reach-head{
    grid-template-columns:minmax(118px,1.25fr) minmax(112px,1fr) 54px!important;
    padding:9px 8px!important;
    gap:7px!important;
    font-size:9.5px!important;
  }
  body.workspace-mode .reach-modal-list .reach-row{
    grid-template-columns:minmax(118px,1.25fr) minmax(112px,1fr) 54px!important;
    min-height:56px!important;
    padding:11px 8px!important;
    gap:7px!important;
    font-size:14px!important;
  }
  body.workspace-mode .reach-modal-list .reach-row b{font-size:15.5px!important}
  body.workspace-mode .reach-modal-list .reach-score{min-width:46px!important;font-size:12.5px!important;padding:5px 7px!important}
}
\n\n/* ======================================================================\n   2026-09-10 HOME TYPOGRAPHY + MOBILE RESULT WIDTH + PRODUCTION POLISH\n   ====================================================================== */\n/* Use the approved Home typography system throughout the workspace. */\nbody.workspace-mode:not(.reference-home-page) #main,\nbody.workspace-mode:not(.reference-home-page) .panel,\nbody.workspace-mode:not(.reference-home-page) .record,\nbody.workspace-mode:not(.reference-home-page) table,\nbody.workspace-mode:not(.reference-home-page) input,\nbody.workspace-mode:not(.reference-home-page) select,\nbody.workspace-mode:not(.reference-home-page) textarea,\nbody.workspace-mode:not(.reference-home-page) button,\nbody.workspace-mode:not(.reference-home-page) .button{\n  font-family:Arial,Helvetica,sans-serif!important;\n}\nbody.workspace-mode:not(.reference-home-page) .page-heading h1,\nbody.workspace-mode:not(.reference-home-page) .panel h2,\nbody.workspace-mode:not(.reference-home-page) .panel h3,\nbody.workspace-mode:not(.reference-home-page) .section-title h2,\nbody.workspace-mode:not(.reference-home-page) .section-title h3{\n  font-family:Georgia,"Times New Roman",serif!important;\n  font-weight:700!important;\n  color:#102142!important;\n}\nbody.workspace-mode:not(.reference-home-page) .page-heading h1{font-size:34px!important;letter-spacing:-.45px!important}\nbody.workspace-mode:not(.reference-home-page) .panel h2,\nbody.workspace-mode:not(.reference-home-page) .section-title h2{font-size:22px!important}\nbody.workspace-mode:not(.reference-home-page) .panel h3,\nbody.workspace-mode:not(.reference-home-page) .section-title h3{font-size:18px!important}\nbody.workspace-mode:not(.reference-home-page) .record,\nbody.workspace-mode:not(.reference-home-page) td,\nbody.workspace-mode:not(.reference-home-page) .details dd{font-size:15px!important}\nbody.workspace-mode:not(.reference-home-page) label,\nbody.workspace-mode:not(.reference-home-page) .details dt,\nbody.workspace-mode:not(.reference-home-page) th{font-size:13px!important}\n\n/* Make the Production screen robust and visually consistent when opened from mobile. */\nbody.workspace-mode .production-summary{align-items:stretch}\nbody.workspace-mode .production-summary .metric-card{height:100%}\n\n@media (max-width:900px){\n  /* Larger money values get a dedicated full-width line on Home. */\n  body.workspace-mode .reference-results-row .reference-result-wide-mobile{\n    grid-column:1/-1!important;\n  }\n  body.workspace-mode .reference-results-row .reference-result-wide-mobile>strong{\n    font-size:27px!important;\n  }\n  body.workspace-mode:not(.reference-home-page) .page-heading h1{font-size:30px!important}\n  body.workspace-mode:not(.reference-home-page) .panel h2,\n  body.workspace-mode:not(.reference-home-page) .section-title h2{font-size:21px!important}\n  body.workspace-mode:not(.reference-home-page) .record,\n  body.workspace-mode:not(.reference-home-page) td,\n  body.workspace-mode:not(.reference-home-page) .details dd{font-size:16px!important}\n}\n

{}
/* CONTACTS TYPOGRAPHY — HOME VISUAL SYSTEM */
body.workspace-mode:has(#contact-rows) #main,
body.workspace-mode:has(#contact-rows) .panel,
body.workspace-mode:has(#contact-rows) .toolbar,
body.workspace-mode:has(#contact-rows) table,
body.workspace-mode:has(#contact-rows) input,
body.workspace-mode:has(#contact-rows) select,
body.workspace-mode:has(#contact-rows) button,
body.workspace-mode:has(#contact-rows) .button,
body.workspace-mode:has(#contact-rows) .badge,
body.workspace-mode:has(#contact-rows) .empty{
  font-family:Arial,Helvetica,sans-serif!important;
}
body.workspace-mode:has(#contact-rows) .page-heading h1{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;font-size:38px!important;line-height:1!important;
  letter-spacing:-.5px!important;color:#102142!important;
}
body.workspace-mode:has(#contact-rows) .page-heading .eyebrow{
  font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;
  font-weight:800!important;letter-spacing:2.2px!important;
}
body.workspace-mode:has(#contact-rows) .page-heading p,
body.workspace-mode:has(#contact-rows) .muted{
  font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;line-height:1.4!important;
}
body.workspace-mode:has(#contact-rows) .searchbar input,
body.workspace-mode:has(#contact-rows) .searchbar select{
  font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:400!important;
}
body.workspace-mode:has(#contact-rows) th{
  font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:800!important;
  line-height:1.2!important;letter-spacing:.7px!important;
}
body.workspace-mode:has(#contact-rows) td{
  font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.35!important;
}
body.workspace-mode:has(#contact-rows) td:first-child a{
  font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:700!important;
}
body.workspace-mode:has(#contact-rows) td small{
  font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:1.25!important;
}
body.workspace-mode:has(#contact-rows) .page-heading button,
body.workspace-mode:has(#contact-rows) .page-heading .button{
  font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;font-weight:700!important;
}
@media (max-width:900px){
  body.workspace-mode:has(#contact-rows) .page-heading h1{font-size:30px!important;line-height:1.05!important;letter-spacing:-.4px!important}
  body.workspace-mode:has(#contact-rows) .page-heading p,
  body.workspace-mode:has(#contact-rows) .muted{font-size:14px!important}
  body.workspace-mode:has(#contact-rows) .searchbar input,
  body.workspace-mode:has(#contact-rows) .searchbar select{font-size:16px!important}
  body.workspace-mode:has(#contact-rows) th{font-size:11px!important}
  body.workspace-mode:has(#contact-rows) td,
  body.workspace-mode:has(#contact-rows) td:first-child a{font-size:16px!important}
  body.workspace-mode:has(#contact-rows) td small{font-size:13px!important}
}



/* ======================================================================
   2026-09-10 ALL NON-HOME TABS — MATCH APPROVED HOME/CONTACTS TYPOGRAPHY
   Contacts proved this typography system on the live app. Apply the same
   hierarchy consistently to Calendar, Production, Reports, Admin, SCBC,
   Pipeline, and contact-detail pages without changing Home.
   ====================================================================== */
body.workspace-mode:not(.reference-home-page) #main,
body.workspace-mode:not(.reference-home-page) #main p,
body.workspace-mode:not(.reference-home-page) #main span,
body.workspace-mode:not(.reference-home-page) #main a,
body.workspace-mode:not(.reference-home-page) #main button,
body.workspace-mode:not(.reference-home-page) #main input,
body.workspace-mode:not(.reference-home-page) #main select,
body.workspace-mode:not(.reference-home-page) #main textarea,
body.workspace-mode:not(.reference-home-page) #main label,
body.workspace-mode:not(.reference-home-page) #main table,
body.workspace-mode:not(.reference-home-page) #main th,
body.workspace-mode:not(.reference-home-page) #main td,
body.workspace-mode:not(.reference-home-page) #main dt,
body.workspace-mode:not(.reference-home-page) #main dd,
body.workspace-mode:not(.reference-home-page) #main small,
body.workspace-mode:not(.reference-home-page) #main strong,
body.workspace-mode:not(.reference-home-page) #main b,
body.workspace-mode:not(.reference-home-page) #main output,
body.workspace-mode:not(.reference-home-page) #main legend{
  font-family:Arial,Helvetica,sans-serif!important;
}

/* Same title hierarchy that worked on Contacts. */
body.workspace-mode:not(.reference-home-page) #main .page-heading h1{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  font-size:38px!important;
  line-height:1!important;
  letter-spacing:-.5px!important;
  color:#102142!important;
}
body.workspace-mode:not(.reference-home-page) #main .page-heading .eyebrow{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:2.2px!important;
}
body.workspace-mode:not(.reference-home-page) #main .page-heading p,
body.workspace-mode:not(.reference-home-page) #main .muted,
body.workspace-mode:not(.reference-home-page) #main .notice{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  line-height:1.4!important;
}

/* Section/card headings use one consistent Home-style hierarchy. */
body.workspace-mode:not(.reference-home-page) #main h2,
body.workspace-mode:not(.reference-home-page) #main .section-title h2,
body.workspace-mode:not(.reference-home-page) #main .home-section-title h2{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.25px!important;
  color:#102142!important;
}
body.workspace-mode:not(.reference-home-page) #main h3,
body.workspace-mode:not(.reference-home-page) #main .section-title h3,
body.workspace-mode:not(.reference-home-page) #main .calendar-week h3{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:#102142!important;
}

/* Tables, records, forms and action controls mirror Contacts sizing. */
body.workspace-mode:not(.reference-home-page) #main th{
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.7px!important;
}
body.workspace-mode:not(.reference-home-page) #main td,
body.workspace-mode:not(.reference-home-page) #main .record,
body.workspace-mode:not(.reference-home-page) #main .details dd,
body.workspace-mode:not(.reference-home-page) #main .task-row,
body.workspace-mode:not(.reference-home-page) #main .calendar-item{
  font-size:16px!important;
  line-height:1.35!important;
}
body.workspace-mode:not(.reference-home-page) #main td:first-child a,
body.workspace-mode:not(.reference-home-page) #main .record-heading,
body.workspace-mode:not(.reference-home-page) #main .calendar-item b,
body.workspace-mode:not(.reference-home-page) #main .task-row b{
  font-size:16px!important;
  font-weight:700!important;
}
body.workspace-mode:not(.reference-home-page) #main td small,
body.workspace-mode:not(.reference-home-page) #main .record small,
body.workspace-mode:not(.reference-home-page) #main .calendar-item small,
body.workspace-mode:not(.reference-home-page) #main .task-row small,
body.workspace-mode:not(.reference-home-page) #main .details dt{
  font-size:13px!important;
  line-height:1.25!important;
}
body.workspace-mode:not(.reference-home-page) #main input,
body.workspace-mode:not(.reference-home-page) #main select,
body.workspace-mode:not(.reference-home-page) #main textarea{
  font-size:16px!important;
  font-weight:400!important;
}
body.workspace-mode:not(.reference-home-page) #main label{
  font-size:14px!important;
  font-weight:650!important;
}
body.workspace-mode:not(.reference-home-page) #main button,
body.workspace-mode:not(.reference-home-page) #main .button{
  font-size:15px!important;
  font-weight:700!important;
}
body.workspace-mode:not(.reference-home-page) #main .badge{
  font-size:13px!important;
  font-weight:700!important;
}

/* Production cards had their own font rules; force them into the same family. */
body.workspace-mode:not(.reference-home-page) #main .metric-card,
body.workspace-mode:not(.reference-home-page) #main .metric-card *,
body.workspace-mode:not(.reference-home-page) #main .monthly-grid,
body.workspace-mode:not(.reference-home-page) #main .monthly-grid *{
  font-family:Arial,Helvetica,sans-serif!important;
}
body.workspace-mode:not(.reference-home-page) #main .metric-card strong{
  font-size:27px!important;
  line-height:1.08!important;
  font-weight:750!important;
}
body.workspace-mode:not(.reference-home-page) #main .metric-card span,
body.workspace-mode:not(.reference-home-page) #main .metric-card small{
  font-size:14px!important;
  line-height:1.25!important;
}

@media (max-width:900px){
  body.workspace-mode:not(.reference-home-page) #main .page-heading h1{
    font-size:30px!important;
    line-height:1.05!important;
    letter-spacing:-.4px!important;
  }
  body.workspace-mode:not(.reference-home-page) #main .page-heading p,
  body.workspace-mode:not(.reference-home-page) #main .muted,
  body.workspace-mode:not(.reference-home-page) #main .notice{
    font-size:14px!important;
  }
  body.workspace-mode:not(.reference-home-page) #main h2,
  body.workspace-mode:not(.reference-home-page) #main .section-title h2,
  body.workspace-mode:not(.reference-home-page) #main .home-section-title h2{
    font-size:21px!important;
  }
  body.workspace-mode:not(.reference-home-page) #main h3,
  body.workspace-mode:not(.reference-home-page) #main .section-title h3,
  body.workspace-mode:not(.reference-home-page) #main .calendar-week h3{
    font-size:18px!important;
  }
  body.workspace-mode:not(.reference-home-page) #main td,
  body.workspace-mode:not(.reference-home-page) #main .record,
  body.workspace-mode:not(.reference-home-page) #main .details dd,
  body.workspace-mode:not(.reference-home-page) #main .task-row,
  body.workspace-mode:not(.reference-home-page) #main .calendar-item{
    font-size:16px!important;
  }
  body.workspace-mode:not(.reference-home-page) #main input,
  body.workspace-mode:not(.reference-home-page) #main select,
  body.workspace-mode:not(.reference-home-page) #main textarea{
    font-size:16px!important;
  }
}

/* ======================================================================
   2026-09-10 MOBILE NON-HOME TABS — MATCH MOBILE HOME TYPE + BUTTONS
   Mobile only. Desktop and dialog/pop-out typography remain unchanged.
   ====================================================================== */
@media (max-width:900px){
  /* Mobile Home uses a clean sans-serif UI. Carry that same type across
     Contacts, Calendar, Production, Reports and Admin. */
  body.workspace-mode:not(.reference-home-page) #main,
  body.workspace-mode:not(.reference-home-page) #main *:not(dialog):not(dialog *){
    font-family:Inter,"Segoe UI Variable Text","Aptos","Segoe UI",Arial,sans-serif!important;
  }

  /* Remove the desktop serif treatment from mobile page and card headings. */
  body.workspace-mode:not(.reference-home-page) #main .page-heading h1,
  body.workspace-mode:not(.reference-home-page) #main h2,
  body.workspace-mode:not(.reference-home-page) #main h3,
  body.workspace-mode:not(.reference-home-page) #main .section-title h2,
  body.workspace-mode:not(.reference-home-page) #main .section-title h3,
  body.workspace-mode:not(.reference-home-page) #main .calendar-week h3{
    font-family:Inter,"Segoe UI Variable Display","Aptos Display","Segoe UI",Arial,sans-serif!important;
    letter-spacing:-.25px!important;
  }
  body.workspace-mode:not(.reference-home-page) #main .page-heading h1{
    font-weight:800!important;
  }
  body.workspace-mode:not(.reference-home-page) #main h2,
  body.workspace-mode:not(.reference-home-page) #main .section-title h2{
    font-weight:750!important;
  }
  body.workspace-mode:not(.reference-home-page) #main h3,
  body.workspace-mode:not(.reference-home-page) #main .section-title h3{
    font-weight:700!important;
  }

  /* Same primary blue gradient used by Home's Add Contact button. */
  body.workspace-mode:not(.reference-home-page) #main button:not(.quiet):not(.danger):not(.selected):not(.calendar-item):not(.day-open):not(.day-booked):not(dialog button),
  body.workspace-mode:not(.reference-home-page) #main .button:not(.quiet):not(.danger):not(.selected):not(dialog .button){
    background:linear-gradient(180deg,#1784f1 0%,#0860c2 100%)!important;
    color:#fff!important;
    border-color:#0a67cb!important;
    box-shadow:0 4px 10px rgba(20,88,166,.16)!important;
  }
  body.workspace-mode:not(.reference-home-page) #main button:not(.quiet):not(.danger):not(.selected):not(.calendar-item):not(.day-open):not(.day-booked):not(dialog button):hover,
  body.workspace-mode:not(.reference-home-page) #main .button:not(.quiet):not(.danger):not(.selected):not(dialog .button):hover{
    background:linear-gradient(180deg,#228bf3 0%,#075ab7 100%)!important;
  }

  /* Home-style light secondary action treatment. */
  body.workspace-mode:not(.reference-home-page) #main button.quiet:not(dialog button),
  body.workspace-mode:not(.reference-home-page) #main .button.quiet:not(dialog .button){
    background:#edf1f6!important;
    color:#071f48!important;
    border-color:#d4deea!important;
    box-shadow:none!important;
  }
  body.workspace-mode:not(.reference-home-page) #main button.quiet:not(dialog button):hover,
  body.workspace-mode:not(.reference-home-page) #main .button.quiet:not(dialog .button):hover{
    background:#e3eaf2!important;
  }
}

/* ======================================================================
   CONTACT DETAIL REFERENCE LAYOUT — fonts intentionally inherited
   ====================================================================== */
body.workspace-mode.contact-profile-page #main{
  max-width:none;
  padding:22px 28px 42px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef5fc 100%);
}
.contact-profile-page-inner{max-width:1460px;margin:0 auto;color:#102142}
.contact-profile-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 14px 18px;border-bottom:1px solid #d9e4ef}
.contact-profile-identity{display:flex;align-items:center;gap:22px;min-width:0}
.contact-avatar{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#eef3f9,#dce6f0);color:#8aa0bb;font-size:34px;font-weight:800;box-shadow:inset 0 0 0 1px #e2eaf2}
.contact-name-block{min-width:0}.contact-name-block h1{margin:0 0 12px;color:#0f2245;font-size:38px;line-height:1.05;letter-spacing:-.7px;font-weight:850}
.contact-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#284766;font-size:17px}.contact-meta span{display:inline-flex;align-items:center;gap:8px}.contact-meta .ui-icon{width:21px;height:21px;color:#496886}.contact-meta-divider{width:1px;height:24px;background:#c8d4df;display:inline-block!important}
.contact-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.contact-score-pill{min-width:142px;height:68px;border-radius:34px;background:linear-gradient(180deg,#e5fbea,#cff5d9);border:1px solid #b4eac3;display:grid;grid-template-columns:34px auto;grid-template-rows:1fr 1fr;align-items:center;padding:9px 18px;color:#076a35}.contact-score-pill>span{grid-row:1/3}.contact-score-pill .ui-icon{width:29px;height:29px;fill:#0da34e;stroke:#0da34e}.contact-score-pill b{font-size:21px;line-height:1}.contact-score-pill small{font-size:13px;line-height:1;color:#0e7540;font-weight:700}
.contact-head-button{min-width:122px;min-height:50px;border-radius:10px!important;font-weight:800!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.contact-head-call{background:linear-gradient(180deg,#1d8af3,#0866d4)!important;color:white!important;border-color:#0f73de!important}.contact-head-text{background:#f8fbff!important;color:#075fbf!important;border:1px solid #83bdf5!important}.contact-head-edit{background:#f8fbff!important;color:#294765!important;border:1px solid #c6d4e1!important}
body.contact-profile-page .contact-profile-tabs{display:flex;align-items:center;gap:26px;padding:0 12px;margin:0 0 14px;border:0;border-bottom:1px solid #d9e4ef;border-radius:0;background:transparent!important;overflow-x:auto;white-space:nowrap}
body.contact-profile-page .contact-profile-tabs a{padding:15px 10px 13px;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;color:#4a6684!important;font-weight:700;text-decoration:none}
body.contact-profile-page .contact-profile-tabs a.selected{color:#0967d8!important;border-bottom-color:#0d78f2!important;background:transparent!important}
.contact-direction-card{display:grid;grid-template-columns:minmax(300px,1fr) minmax(520px,1.12fr);align-items:center;gap:24px;background:#fff;border:1px solid #d7e2ed;border-radius:15px;padding:18px 22px;margin:14px 0 18px;box-shadow:0 8px 24px rgba(27,66,105,.08)}
.contact-direction-copy{display:flex;align-items:center;gap:15px}.contact-direction-copy h2,.contact-card-title h2{margin:0;color:#102142;font-size:23px;font-weight:850;letter-spacing:-.25px}.contact-direction-copy p,.contact-next-heading p{margin:4px 0 0;color:#607793;font-size:15px}.contact-card-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#eef5fd;color:#0e6bd7}.contact-card-icon .ui-icon{width:24px;height:24px}
.contact-direction-options{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c9d6e3;border-radius:10px;overflow:hidden}.contact-direction-option{min-height:56px;border:0!important;border-right:1px solid #c9d6e3!important;border-radius:0!important;background:linear-gradient(180deg,#fbfdff,#f0f5fa)!important;color:#294765!important;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800!important;padding:10px 14px!important}.contact-direction-option:last-child{border-right:0!important}.contact-direction-option span{display:grid;place-items:center}.contact-direction-option .ui-icon{width:24px;height:24px}.contact-direction-option.is-active{background:linear-gradient(180deg,#ffe7a8,#ffd16f)!important;color:#30220c!important;box-shadow:inset 0 0 0 1px #f3a515}.contact-direction-option:hover{filter:none!important;background:#edf5fd!important}.contact-direction-option.is-active:hover{background:linear-gradient(180deg,#ffe7a8,#ffd16f)!important}
.contact-overview-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;margin-bottom:18px}.contact-overview-card,.contact-next-steps{background:#fff;border:1px solid #d7e2ed;border-radius:15px;padding:20px 22px;box-shadow:0 8px 24px rgba(27,66,105,.07)}.contact-card-title{display:flex;align-items:center;gap:13px;margin-bottom:14px}.contact-info-list{display:grid;gap:9px;margin:0}.contact-info-list>div{display:grid;grid-template-columns:105px 1fr;gap:14px;align-items:start}.contact-info-list dt{color:#4d6684;font-size:14px}.contact-info-list dd{margin:0;color:#173354;font-size:15px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.contact-info-list dd a{color:#096bd8}
.contact-qualification-body{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px;align-items:center}.contact-qualification-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.contact-qualification-list li{display:flex;align-items:center;gap:11px;color:#1b3656;font-size:15px;font-weight:750}.qualification-check{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#dce7f2;color:#8aa0b5}.qualification-check .ui-icon{width:17px;height:17px}.contact-qualification-list li.checked .qualification-check{background:#13ad5d;color:#fff}.contact-score-column{display:flex;flex-direction:column;align-items:center;gap:12px}.contact-score-ring{width:134px;height:134px;border-radius:50%;display:grid;place-items:center;align-content:center;border:10px solid #14a959;background:#fff;box-shadow:inset 0 0 0 2px #e6f6ed;color:#075f30}.contact-score-ring strong{font-size:36px;line-height:1}.contact-score-ring span{font-size:14px;font-weight:750;margin-top:6px}.contact-qualified-badge{display:flex;align-items:center;gap:7px;border-radius:22px;padding:8px 12px;font-size:13px;font-weight:800}.contact-qualified-badge .ui-icon{width:17px;height:17px}.contact-qualified-badge.is-qualified{background:#dff8e8;color:#08763a}.contact-qualified-badge.is-progress{background:#fff0cc;color:#946000}
.contact-next-steps{margin-bottom:18px}.contact-next-heading{margin-bottom:12px}.contact-next-heading>div{min-width:0}.contact-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-next-card{min-height:82px!important;border-radius:10px!important;padding:13px 16px!important;display:grid!important;grid-template-columns:50px 1fr 22px;align-items:center;text-align:left!important;gap:12px;font-weight:inherit!important;box-shadow:none!important}.contact-next-card>span:nth-child(2){display:grid;gap:4px}.contact-next-card b{font-size:16px}.contact-next-card small{font-size:13px;font-weight:500;line-height:1.25}.contact-next-card i{font-size:31px;font-style:normal;line-height:1}.contact-next-icon{width:47px;height:47px;border-radius:8px;display:grid;place-items:center}.contact-next-icon .ui-icon{width:25px;height:25px}.contact-next-activity{background:linear-gradient(135deg,#eef7ff,#dceeff)!important;color:#075cb9!important;border:1px solid #b8dcfb!important}.contact-next-activity .contact-next-icon{background:#0c75e6;color:#fff}.contact-next-appointment{background:linear-gradient(135deg,#f7f0ff,#eadcff)!important;color:#5d16bc!important;border:1px solid #d8c1fb!important}.contact-next-appointment .contact-next-icon{background:#6b21c8;color:#fff}.contact-next-referral{background:linear-gradient(135deg,#edfff4,#d8f7e4)!important;color:#08723b!important;border:1px solid #b8e7ca!important}.contact-next-referral .contact-next-icon{background:#12a653;color:#fff}.contact-next-card:hover{filter:brightness(.99)!important;transform:translateY(-1px)}
.contact-inline-outcome,.contact-tab-panel{background:#fff!important;border-color:#d7e2ed!important;color:#173354!important;box-shadow:0 8px 24px rgba(27,66,105,.07)!important}.contact-profile-danger{display:flex;justify-content:flex-end;margin:6px 2px 0}.contact-profile-danger button{font-size:13px;padding:7px 10px}.contact-tab-panel .record{color:inherit}

@media(max-width:900px){
  body.workspace-mode.contact-profile-page #main{padding:16px 16px 34px}
  .contact-profile-head{align-items:flex-start;flex-direction:column;padding:4px 2px 15px}.contact-profile-identity{gap:14px}.contact-avatar{width:76px;height:76px;font-size:26px}.contact-name-block h1{font-size:30px;margin-bottom:8px}.contact-meta{font-size:15px;gap:9px}.contact-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.contact-score-pill{grid-column:1/-1;width:100%;height:54px;min-width:0;border-radius:12px;grid-template-columns:30px auto auto;grid-template-rows:1fr;padding:8px 14px}.contact-score-pill>span{grid-row:auto}.contact-score-pill b{font-size:19px}.contact-score-pill small{font-size:13px}.contact-head-button{min-width:0;min-height:46px;width:100%}
  body.contact-profile-page .contact-profile-tabs{gap:8px;padding:0 0}.contact-direction-card{grid-template-columns:1fr;gap:14px;padding:16px}.contact-direction-options{grid-template-columns:1fr}.contact-direction-option{border-right:0!important;border-bottom:1px solid #c9d6e3!important}.contact-direction-option:last-child{border-bottom:0!important}.contact-overview-grid{grid-template-columns:1fr}.contact-overview-card,.contact-next-steps{padding:17px}.contact-info-list>div{grid-template-columns:96px 1fr}.contact-qualification-body{grid-template-columns:1fr}.contact-score-column{flex-direction:row;justify-content:center;flex-wrap:wrap}.contact-score-ring{width:112px;height:112px;border-width:8px}.contact-score-ring strong{font-size:30px}.contact-next-grid{grid-template-columns:1fr;gap:10px}.contact-next-card{min-height:76px!important}.contact-profile-danger{justify-content:stretch}.contact-profile-danger button{width:100%}
}

@media(max-width:520px){
  .contact-profile-identity{align-items:center}.contact-avatar{width:66px;height:66px;font-size:23px}.contact-name-block h1{font-size:27px}.contact-meta-divider{display:none!important}.contact-meta{display:grid;gap:5px}.contact-direction-copy{align-items:flex-start}.contact-direction-copy h2,.contact-card-title h2{font-size:21px}.contact-card-icon{width:43px;height:43px}.contact-info-list>div{grid-template-columns:1fr;gap:2px;padding-bottom:8px;border-bottom:1px solid #edf2f7}.contact-info-list>div:last-child{border-bottom:0}.contact-qualification-list li{font-size:15px}.contact-next-card{grid-template-columns:46px 1fr 18px;padding:12px!important}.contact-next-card b{font-size:16px}.contact-next-card small{font-size:13px}
}

/* ======================================================================
   CONTACT DETAIL — REFERENCE V2 (layout/colors only; fonts inherited)
   Exact visual pass based on the approved Contact Detail reference.
   ====================================================================== */
body.workspace-mode.contact-profile-page #main{
  padding:18px 22px 34px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f2f7fc 100%)!important;
}
body.workspace-mode .contact-reference-page{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  color:#102142;
}

/* Profile header */
body.workspace-mode .contact-reference-profile-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:116px;
  padding:4px 14px 18px;
  border-bottom:0;
}
body.workspace-mode .contact-reference-identity{
  display:flex;
  align-items:center;
  gap:24px;
  min-width:0;
}
body.workspace-mode .contact-reference-avatar{
  width:104px;
  height:104px;
  flex:0 0 104px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#f2f6fb,#dfe8f2);
  color:#8aa0bb;
  border:1px solid #e1e9f2;
  font-size:35px;
  font-weight:850;
}
body.workspace-mode .contact-reference-name-block{min-width:0}
body.workspace-mode .contact-reference-name-block h1{
  margin:0 0 12px!important;
  color:#0d1f42!important;
  font-size:38px!important;
  line-height:1.02!important;
  letter-spacing:-.7px!important;
  font-weight:850!important;
}
body.workspace-mode .contact-reference-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  color:#334e6e;
  font-size:17px;
}
body.workspace-mode .contact-reference-meta>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
body.workspace-mode .contact-reference-meta .ui-icon{
  width:22px;
  height:22px;
  color:#496886;
}
body.workspace-mode .contact-reference-meta>i{
  width:1px;
  height:26px;
  background:#cdd8e4;
  display:block;
  margin:0 8px;
}
body.workspace-mode .contact-reference-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:nowrap;
}
body.workspace-mode .contact-reference-score-pill{
  min-width:142px;
  height:66px;
  padding:8px 18px;
  border-radius:34px;
  background:linear-gradient(180deg,#e7fbea,#d1f6da);
  border:1px solid #b8ebc5;
  color:#08723b;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
}
body.workspace-mode .contact-reference-score-pill>.ui-icon{
  width:30px;
  height:30px;
  fill:#10a756;
  stroke:#10a756;
}
body.workspace-mode .contact-reference-score-pill>div{
  display:grid;
  line-height:1;
}
body.workspace-mode .contact-reference-score-pill b{font-size:21px!important;color:#076735!important}
body.workspace-mode .contact-reference-score-pill small{font-size:13px!important;color:#08723b!important;margin-top:4px}
body.workspace-mode .contact-reference-head-button{
  min-width:122px;
  height:50px;
  padding:0 20px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:16px!important;
  font-weight:800!important;
  box-shadow:0 4px 10px rgba(26,66,108,.08)!important;
}
body.workspace-mode .contact-reference-head-button .ui-icon{width:22px;height:22px}
body.workspace-mode .contact-reference-head-button.head-call{
  background:linear-gradient(180deg,#1689f4,#0569d8)!important;
  color:#fff!important;
  border:1px solid #0873df!important;
}
body.workspace-mode .contact-reference-head-button.head-text{
  background:#fbfdff!important;
  color:#0862c8!important;
  border:1px solid #7fbcf6!important;
}
body.workspace-mode .contact-reference-head-button.head-edit{
  background:#fbfdff!important;
  color:#314d6c!important;
  border:1px solid #c4d1de!important;
}

/* Reference tab row */
body.workspace-mode .contact-reference-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 0 0 10px;
  margin:0 0 16px;
  border-bottom:1px solid #d7e1eb;
  overflow-x:auto;
  white-space:nowrap;
}
body.workspace-mode .contact-reference-tabs a{
  position:relative;
  min-width:118px;
  padding:13px 12px 15px;
  text-align:center;
  color:#526b88!important;
  font-size:16px!important;
  font-weight:700!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
body.workspace-mode .contact-reference-tabs a.selected{
  color:#0867d5!important;
  background:transparent!important;
}
body.workspace-mode .contact-reference-tabs a.selected::after{
  content:"";
  position:absolute;
  left:7px;
  right:7px;
  bottom:-1px;
  height:3px;
  background:#0c72e7;
  border-radius:3px 3px 0 0;
}

/* Shared card treatment */
body.workspace-mode .contact-reference-direction,
body.workspace-mode .contact-reference-card,
body.workspace-mode .contact-reference-next{
  background:#fff!important;
  border:1px solid #d8e2ec!important;
  box-shadow:0 7px 22px rgba(31,69,107,.07)!important;
  border-radius:14px!important;
}
body.workspace-mode .contact-reference-heading-icon{
  width:50px;
  height:50px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 50px;
  background:#edf5fd;
  color:#0d68ce;
}
body.workspace-mode .contact-reference-heading-icon .ui-icon{width:25px;height:25px}
body.workspace-mode .contact-reference-card-heading{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:12px;
}
body.workspace-mode .contact-reference-card-heading h2,
body.workspace-mode .contact-reference-direction-copy h2,
body.workspace-mode .contact-reference-next-title h2{
  margin:0!important;
  color:#102142!important;
  font-size:23px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.25px!important;
}

/* Prospect direction */
body.workspace-mode .contact-reference-direction{
  display:grid;
  grid-template-columns:minmax(330px,.92fr) minmax(480px,1.18fr);
  align-items:center;
  gap:28px;
  min-height:100px;
  padding:18px 20px;
  margin-bottom:18px;
}
body.workspace-mode .contact-reference-direction-copy{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
body.workspace-mode .contact-reference-direction-copy p,
body.workspace-mode .contact-reference-next-title p{
  margin:5px 0 0!important;
  color:#5c7391!important;
  font-size:15px!important;
  line-height:1.3!important;
}
body.workspace-mode .contact-reference-direction-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #c9d6e3;
  border-radius:10px;
  min-height:48px;
}
body.workspace-mode .contact-reference-direction-option{
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:7px 9px!important;
  border:0!important;
  border-right:1px solid #c9d6e3!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#fbfdff,#f3f7fb)!important;
  color:#304b6a!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:14px!important;
  font-weight:800!important;
}
body.workspace-mode .contact-reference-direction-option:last-child{border-right:0!important}
body.workspace-mode .contact-reference-direction-option .ui-icon{width:20px;height:20px}
body.workspace-mode .contact-reference-direction-option.is-active{
  background:linear-gradient(180deg,#ffe6a6,#ffd178)!important;
  color:#2f250f!important;
  box-shadow:inset 0 0 0 1px #f1a31c!important;
}

/* Main overview cards */
body.workspace-mode .contact-reference-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:18px;
  margin-bottom:18px;
}
body.workspace-mode .contact-reference-card{
  min-height:340px;
  padding:18px 20px;
}
body.workspace-mode .contact-reference-info-list{
  display:grid;
  gap:0;
  margin:0;
}
body.workspace-mode .contact-reference-info-list>div{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:6px 2px;
}
body.workspace-mode .contact-reference-info-list dt{
  margin:0!important;
  color:#4f6784!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
body.workspace-mode .contact-reference-info-list dd{
  margin:0!important;
  color:#1d3a5d!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:500!important;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
body.workspace-mode.contact-profile-page .info-icon{background:#eef6ff;color:#0b72e4}

/* Qualification card */
body.workspace-mode .contact-reference-qualification-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 185px;
  gap:22px;
  align-items:center;
}
body.workspace-mode .contact-reference-point-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
body.workspace-mode .contact-reference-point-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}
body.workspace-mode .contact-reference-check{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-top:1px;
  background:#dfe8f1;
  color:#8197ad;
}
body.workspace-mode .contact-reference-point-list li.checked .contact-reference-check{
  background:#12ac5a;
  color:#fff;
}
body.workspace-mode .contact-reference-check .ui-icon{width:17px;height:17px;stroke-width:2.4}
body.workspace-mode .contact-reference-point-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
body.workspace-mode .contact-reference-point-copy b{
  color:#173354!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
body.workspace-mode .contact-reference-point-copy small{
  color:#607793!important;
  font-size:13px!important;
  line-height:1.2!important;
}
body.workspace-mode .contact-reference-score-column{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
}
body.workspace-mode .contact-reference-score-ring{
  width:138px;
  height:138px;
  border-radius:50%;
  border:10px solid #12a954;
  background:#fff;
  box-shadow:inset 0 0 0 2px #e7f7ed;
  display:grid;
  place-items:center;
  align-content:center;
  color:#086632;
}
body.workspace-mode .contact-reference-score-ring strong{
  font-size:36px!important;
  line-height:1!important;
  color:#086632!important;
}
body.workspace-mode .contact-reference-score-ring span{
  margin-top:6px;
  font-size:14px!important;
  font-weight:750!important;
}
body.workspace-mode .contact-reference-qualified-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:150px;
  padding:9px 13px;
  border-radius:22px;
  font-size:13px!important;
  font-weight:800!important;
}
body.workspace-mode .contact-reference-qualified-badge .ui-icon{width:17px;height:17px}
body.workspace-mode .contact-reference-qualified-badge.is-qualified{background:#dcf8e7;color:#08743a}
body.workspace-mode .contact-reference-qualified-badge.is-progress{background:#fff0cb;color:#8b5b00}

/* Next steps */
body.workspace-mode .contact-reference-next{
  padding:10px 16px 14px;
  margin-bottom:18px;
}
body.workspace-mode .contact-reference-next-title{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:8px;
}
body.workspace-mode .contact-reference-next-title .next-icon{background:#eaf4ff;color:#0b6fe0}
body.workspace-mode .contact-reference-next-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
body.workspace-mode .contact-reference-next-card{
  min-height:82px!important;
  width:100%;
  padding:12px 16px!important;
  border-radius:10px!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) 20px;
  align-items:center;
  gap:12px;
  text-align:left!important;
  box-shadow:none!important;
}
body.workspace-mode .contact-reference-next-card .next-card-icon{
  width:48px;
  height:48px;
  border-radius:8px;
  display:grid;
  place-items:center;
}
body.workspace-mode .contact-reference-next-card .next-card-icon .ui-icon{width:25px;height:25px}
body.workspace-mode .contact-reference-next-card .next-card-copy{display:grid;gap:4px;min-width:0}
body.workspace-mode .contact-reference-next-card .next-card-copy b{font-size:16px!important;line-height:1.2!important}
body.workspace-mode .contact-reference-next-card .next-card-copy small{font-size:13px!important;font-weight:500!important;line-height:1.25!important}
body.workspace-mode .contact-reference-next-card>i{font-size:30px;font-style:normal;line-height:1}
body.workspace-mode .contact-reference-next-card.next-activity{background:linear-gradient(135deg,#eff8ff,#dceeff)!important;color:#075bb8!important;border:1px solid #b7dcfb!important}
body.workspace-mode .contact-reference-next-card.next-activity .next-card-icon{background:#0c75e6;color:#fff}
body.workspace-mode .contact-reference-next-card.next-appointment{background:linear-gradient(135deg,#f7f0ff,#eadcff)!important;color:#5d16bb!important;border:1px solid #d9c2fb!important}
body.workspace-mode .contact-reference-next-card.next-appointment .next-card-icon{background:#6b21c8;color:#fff}
body.workspace-mode .contact-reference-next-card.next-referral{background:linear-gradient(135deg,#effff5,#daf8e5)!important;color:#08723b!important;border:1px solid #b8e7ca!important}
body.workspace-mode .contact-reference-next-card.next-referral .next-card-icon{background:#12a653;color:#fff}

body.workspace-mode .contact-inline-outcome{
  margin-top:18px!important;
  background:#fff!important;
  border-color:#d8e2ec!important;
  color:#173354!important;
  box-shadow:0 7px 22px rgba(31,69,107,.07)!important;
}
body.workspace-mode .contact-profile-danger{display:flex;justify-content:flex-end;margin-top:4px}

/* Keep the reference composition intact on laptop-size desktop screens. */
@media (max-width:1180px) and (min-width:761px){
  body.workspace-mode.contact-profile-page #main{padding-left:16px!important;padding-right:16px!important}
  body.workspace-mode .contact-reference-profile-head{gap:18px;padding-left:4px;padding-right:4px}
  body.workspace-mode .contact-reference-avatar{width:84px;height:84px;flex-basis:84px;font-size:29px}
  body.workspace-mode .contact-reference-name-block h1{font-size:32px!important}
  body.workspace-mode .contact-reference-meta{font-size:15px}
  body.workspace-mode .contact-reference-head-actions{gap:8px}
  body.workspace-mode .contact-reference-score-pill{min-width:116px;height:58px;padding:7px 12px}
  body.workspace-mode .contact-reference-head-button{min-width:91px;height:46px;padding:0 13px!important;font-size:14px!important}
  body.workspace-mode .contact-reference-direction{grid-template-columns:minmax(265px,.82fr) minmax(390px,1.18fr);gap:18px}
  body.workspace-mode .contact-reference-direction-copy h2,
  body.workspace-mode .contact-reference-card-heading h2,
  body.workspace-mode .contact-reference-next-title h2{font-size:21px!important}
  body.workspace-mode .contact-reference-card{padding:16px}
  body.workspace-mode .contact-reference-qualification-body{grid-template-columns:minmax(0,1fr) 145px;gap:14px}
  body.workspace-mode .contact-reference-score-ring{width:116px;height:116px;border-width:8px}
  body.workspace-mode .contact-reference-score-ring strong{font-size:31px!important}
  body.workspace-mode .contact-reference-qualified-badge{min-width:126px;padding:7px 10px}
  body.workspace-mode .contact-reference-next-grid{gap:12px}
  body.workspace-mode .contact-reference-next-card{grid-template-columns:42px minmax(0,1fr) 16px;padding:10px 11px!important}
  body.workspace-mode .contact-reference-next-card .next-card-icon{width:40px;height:40px}
}

/* Mobile: same design, stacked cleanly. */
@media (max-width:760px){
  body.workspace-mode.contact-profile-page #main{padding:14px 12px 28px!important}
  body.workspace-mode .contact-reference-profile-head{flex-direction:column;align-items:stretch;gap:15px;padding:2px 2px 14px}
  body.workspace-mode .contact-reference-identity{gap:14px}
  body.workspace-mode .contact-reference-avatar{width:72px;height:72px;flex-basis:72px;font-size:25px}
  body.workspace-mode .contact-reference-name-block h1{font-size:29px!important;margin-bottom:7px!important}
  body.workspace-mode .contact-reference-meta{font-size:14px;gap:7px}
  body.workspace-mode .contact-reference-meta>i{display:none}
  body.workspace-mode .contact-reference-head-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  body.workspace-mode .contact-reference-score-pill{grid-column:1/-1;width:100%;min-width:0;height:54px;border-radius:12px}
  body.workspace-mode .contact-reference-head-button{width:100%;min-width:0;height:46px;padding:0 8px!important;font-size:14px!important}
  body.workspace-mode .contact-reference-tabs{padding-left:0;gap:0}
  body.workspace-mode .contact-reference-tabs a{min-width:105px;font-size:14px!important;padding-left:8px;padding-right:8px}
  body.workspace-mode .contact-reference-direction{grid-template-columns:1fr;gap:14px;padding:16px}
  body.workspace-mode .contact-reference-direction-options{grid-template-columns:repeat(4,1fr)}
  body.workspace-mode .contact-reference-direction-option{min-height:46px!important;padding:6px!important;font-size:12px!important;gap:4px}
  body.workspace-mode .contact-reference-direction-option .ui-icon{width:20px;height:20px}
  body.workspace-mode .contact-reference-overview-grid{grid-template-columns:1fr}
  body.workspace-mode .contact-reference-card{min-height:0;padding:16px}
  body.workspace-mode .contact-reference-info-list>div{grid-template-columns:102px minmax(0,1fr)}
  body.workspace-mode .contact-reference-qualification-body{grid-template-columns:1fr}
  body.workspace-mode .contact-reference-score-column{flex-direction:row;flex-wrap:wrap}
  body.workspace-mode .contact-reference-score-ring{width:112px;height:112px;border-width:8px}
  body.workspace-mode .contact-reference-score-ring strong{font-size:30px!important}
  body.workspace-mode .contact-reference-next-grid{grid-template-columns:1fr;gap:10px}
  body.workspace-mode .contact-reference-next-card{min-height:76px!important}
}

@media (max-width:470px){
  body.workspace-mode .contact-reference-info-list>div{grid-template-columns:1fr;gap:2px;padding:7px 0;border-bottom:1px solid #edf2f7}
  body.workspace-mode .contact-reference-info-list>div:last-child{border-bottom:0}
  body.workspace-mode .contact-reference-direction-options{grid-template-columns:repeat(2,1fr)}
  body.workspace-mode .contact-reference-direction-option{min-height:44px!important;padding:6px 5px!important;font-size:12px!important;border-bottom:1px solid #c9d6e3!important}
  body.workspace-mode .contact-reference-direction-option:nth-child(2n){border-right:0!important}
  body.workspace-mode .contact-reference-direction-option:nth-last-child(-n+2){border-bottom:0!important}
}


/* 2026-09-11 CONTACT ACCESS + ROW ACTIONS */
body.workspace-mode:has(#contact-rows) .contacts-table .contact-phone-cell,
body.workspace-mode:has(#contact-rows) .contacts-table .contact-phone-col{
  white-space:nowrap!important;
  min-width:145px;
}
body.workspace-mode:has(#contact-rows) .contacts-table .contact-actions-cell,
body.workspace-mode:has(#contact-rows) .contacts-table .contact-actions-col{
  white-space:nowrap!important;
  width:1%;
  min-width:142px;
}
body.workspace-mode:has(#contact-rows) .contact-manage-button{
  min-height:36px!important;
  padding:7px 11px!important;
  border-radius:8px!important;
  font-size:13px!important;
  background:#fff7f6!important;
  color:#a22622!important;
  border:1px solid #e8b4af!important;
}
.contact-option-dialog{display:grid;gap:14px;padding:8px 0 4px;min-width:0}
.contact-option-dialog h3{margin:0!important;color:#102142!important;font-size:23px!important}
.contact-option-dialog p{margin:0;line-height:1.5;color:#44556b}
.contact-option-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.contact-option-button{min-width:150px}
.contact-option-archive{background:#e9f3ff!important;color:#0d5fa9!important;border-color:#b8d5f0!important}
.contact-delete-confirm .danger-copy{color:#a22622;font-weight:700}
.contact-access-fallback .toolbar{margin-top:16px}
@media (max-width:760px){
  body.workspace-mode:has(#contact-rows) .contacts-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.workspace-mode:has(#contact-rows) .contacts-table{min-width:940px}
  body.workspace-mode:has(#contact-rows) .contacts-table .contact-phone-cell,
  body.workspace-mode:has(#contact-rows) .contacts-table .contact-phone-col{white-space:nowrap!important;min-width:142px}
  body.workspace-mode:has(#contact-rows) .contacts-table .contact-actions-cell,
  body.workspace-mode:has(#contact-rows) .contacts-table .contact-actions-col{min-width:138px}
  .contact-option-actions{display:grid;grid-template-columns:1fr}
  .contact-option-button{width:100%;min-width:0}
}


/* 2026-09-11 CONTACT DETAIL FOCUSED EDITING */
body.workspace-mode .contact-reference-priority-pill{
  min-width:142px;height:66px;padding:8px 18px;border-radius:34px;
  display:flex;align-items:center;justify-content:center;gap:13px;
  border:1px solid #d2dce7;background:linear-gradient(180deg,#f7f9fc,#edf2f7);color:#314d6c;
}
body.workspace-mode .contact-reference-priority-pill>.ui-icon{width:28px;height:28px;fill:#7990aa;stroke:#7990aa}
body.workspace-mode .contact-reference-priority-pill>div{display:grid;line-height:1}
body.workspace-mode .contact-reference-priority-pill b{font-size:18px!important;color:#173a60!important}
body.workspace-mode .contact-reference-priority-pill small{font-size:12px!important;color:#61758d!important;margin-top:4px}
body.workspace-mode .contact-reference-priority-pill.priority-high{background:linear-gradient(180deg,#ffe9e7,#ffd9d5);border-color:#f4b9b2}
body.workspace-mode .contact-reference-priority-pill.priority-high>.ui-icon{fill:#d33f31;stroke:#d33f31}
body.workspace-mode .contact-reference-priority-pill.priority-high b{color:#a82920!important}
body.workspace-mode .contact-reference-priority-pill.priority-medium{background:linear-gradient(180deg,#fff4d5,#ffe9ad);border-color:#efd58c}
body.workspace-mode .contact-reference-priority-pill.priority-medium>.ui-icon{fill:#bd7a00;stroke:#bd7a00}
body.workspace-mode .contact-reference-priority-pill.priority-medium b{color:#875900!important}
body.workspace-mode .contact-reference-priority-pill.priority-low{background:linear-gradient(180deg,#edf8ff,#dff1fc);border-color:#bddcef}
body.workspace-mode .contact-reference-priority-pill.priority-low>.ui-icon{fill:#347dad;stroke:#347dad}
body.workspace-mode .contact-reference-card-heading .contact-card-edit-button{margin-left:auto!important;padding:7px 13px!important;border-radius:8px!important;background:#f7fbff!important;color:#1769bd!important;border:1px solid #bad6ef!important;font-size:13px!important;font-weight:800!important}
body.workspace-mode .contact-inline-edit-link{display:inline!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#0868d1!important;text-align:left!important;font-size:15px!important;font-weight:650!important;line-height:1.35!important;text-decoration:underline;text-underline-offset:2px;white-space:pre-wrap}
body.workspace-mode .contact-inline-edit-link:hover{filter:none!important;color:#064f9e!important}
body.workspace-mode dialog .contact-state-field{max-width:110px}
body.workspace-mode dialog .contact-state-input{text-transform:uppercase;text-align:center;letter-spacing:1px;max-width:88px}
@media (max-width:1180px) and (min-width:761px){body.workspace-mode .contact-reference-priority-pill{min-width:116px;height:58px;padding:7px 12px}}
@media (max-width:760px){body.workspace-mode .contact-reference-head-actions{grid-template-columns:repeat(2,1fr)}body.workspace-mode .contact-reference-priority-pill{grid-column:1/-1;width:100%;min-width:0;height:54px;border-radius:12px}}


/* 2026-09-11 REFERRAL QUICK ENTRY + MULTI-USER SYNC */
body.workspace-mode dialog .referral-row{padding:14px 0 18px;border-bottom:1px solid #dfe7ef}
body.workspace-mode dialog .referral-row:last-child{border-bottom:0}
body.workspace-mode dialog .referral-fields{align-items:start}
body.workspace-mode dialog .referral-choice-group{border:1px solid #d8e2ec;border-radius:10px;padding:10px 12px;margin:0;background:#fbfdff}
body.workspace-mode dialog .referral-choice-group legend{padding:0 6px;font-weight:800;color:#193b5d}
body.workspace-mode dialog .referral-check-grid{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:2px}
body.workspace-mode dialog .referral-check-grid .choice-check{display:flex;align-items:center;gap:7px;margin:0;min-height:32px}
body.workspace-mode dialog .referral-check-grid input[type=checkbox]{width:18px;height:18px;margin:0}
body.workspace-mode dialog .referral-other-label{display:block;margin-top:8px;color:#1769bd;font-weight:750}
@media (max-width:600px){body.workspace-mode dialog .referral-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.workspace-mode dialog .language-check-grid,body.workspace-mode dialog .priority-check-grid{grid-template-columns:repeat(3,1fr)}body.workspace-mode dialog .relationship-check-grid{grid-template-columns:1fr 1fr}}


/* 2026-09-11 COMMUNICATION LOG WORKSPACE */
body.workspace-mode.communication-page-mode #main{max-width:1500px;padding:22px 28px 36px}
.communication-page{display:grid;gap:18px}
.communication-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:20px 22px;box-shadow:0 4px 18px rgba(26,55,86,.05)}
.communication-page-head h1{margin:3px 0 8px!important;color:#102d50!important;font-size:30px!important}
.communication-back{border:0!important;background:transparent!important;color:#1672c7!important;padding:0!important;min-height:0!important;font-weight:800!important}
.communication-start-meta{display:flex;gap:16px;flex-wrap:wrap;color:#5f7388;font-size:13px}.communication-start-meta b{color:#243f5c}
.communication-contact-mini{display:grid;text-align:right;gap:5px}.communication-contact-mini b{font-size:18px;color:#173b60}.communication-contact-mini span{font-size:12px;font-weight:800;text-transform:uppercase;color:#7d4b00}
.communication-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:20px;align-items:start}
.communication-form-card,.communication-history-card{background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:20px 22px;box-shadow:0 4px 18px rgba(26,55,86,.05)}
.communication-form-card{display:grid;gap:20px}.communication-form-card section{display:grid;gap:10px;padding-bottom:18px;border-bottom:1px solid #e6edf4}.communication-form-card section:last-of-type{border-bottom:0;padding-bottom:0}
.communication-form-card h2,.communication-history-card h2{margin:0!important;font-size:18px!important;color:#173b60!important}
.communication-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.communication-choice{margin:0}.communication-choice input{position:absolute;opacity:0;pointer-events:none}.communication-choice>span{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border:1px solid #cddae7;border-radius:10px;background:#f8fbfe;color:#3a5876;cursor:pointer}.communication-choice.selected>span,.communication-choice:has(input:checked)>span{background:#e6f1ff;border-color:#3185d4;color:#0e5fa9;box-shadow:inset 0 0 0 1px #3185d4}.communication-choice .ui-icon{width:21px;height:21px}
.communication-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.communication-action{margin:0!important;display:flex!important;align-items:center!important;gap:9px!important;min-height:44px;padding:9px 11px;border:1px solid #d8e3ed;border-radius:9px;background:#fbfdff;font-weight:700!important;color:#354f6a}.communication-action input{width:18px;height:18px;margin:0}
.communication-other input{margin-top:6px}.communication-next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.communication-next-button{min-height:42px!important;padding:7px 8px!important;border-radius:9px!important;background:#f7fafc!important;color:#35516f!important;border:1px solid #cddae7!important;font-size:13px!important}.communication-next-button.selected{background:#e5f1ff!important;border-color:#2e7bc4!important;color:#0e5fa9!important;box-shadow:inset 0 0 0 1px #2e7bc4}
.communication-followup{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}.communication-form-card textarea{width:100%;resize:vertical}.communication-form-actions{display:flex;gap:10px;align-items:center}.communication-form-actions button{min-width:145px}.communication-form-actions .form-error{margin-left:auto}
.communication-history-card{position:sticky;top:92px;max-height:calc(100vh - 120px);overflow:auto}.communication-history-title{padding-bottom:12px;border-bottom:1px solid #e6edf4;margin-bottom:8px}
.communication-trail{display:grid}.communication-trail-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #e7edf3}.communication-trail-item:last-child{border-bottom:0}.communication-trail-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f2ff;color:#1769bd}.communication-trail-icon.is-text{background:#e9f7ef;color:#238453}.communication-trail-icon .ui-icon{width:19px;height:19px}.communication-trail-copy{min-width:0;display:grid;gap:6px}.communication-trail-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.communication-trail-top>div{display:grid}.communication-trail-top b{color:#183b5e}.communication-trail-top span{font-size:12px;color:#718297}.communication-trail-top em{font-style:normal;font-size:11px;font-weight:800;color:#1165ad;background:#eaf4ff;padding:4px 7px;border-radius:999px;white-space:nowrap}.communication-tags{display:flex;flex-wrap:wrap;gap:5px}.communication-tags span{font-size:11px;font-weight:750;color:#52677d;background:#f0f4f8;border:1px solid #dde5ed;border-radius:999px;padding:3px 7px}.communication-trail-copy p{margin:0;color:#42576d;line-height:1.4}.communication-trail-copy small{color:#697f95}.communication-trail.is-compact{background:#fff;border:1px solid #e0e8ef;border-radius:12px;padding:0 14px}.communication-empty{padding:18px 0}
.communication-text-choice{display:grid;gap:14px}.auto-text-admin .muted{white-space:pre-wrap}
@media(max-width:1050px){.communication-layout{grid-template-columns:1fr}.communication-history-card{position:static;max-height:none}.communication-next-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){body.workspace-mode.communication-page-mode #main{padding:14px 12px 28px}.communication-page-head{padding:16px;display:grid}.communication-contact-mini{text-align:left}.communication-form-card,.communication-history-card{padding:15px}.communication-action-grid{grid-template-columns:1fr}.communication-followup{grid-template-columns:1fr}.communication-next-grid{grid-template-columns:1fr 1fr}.communication-form-actions{display:grid}.communication-form-actions button{width:100%}.communication-trail-top{display:grid}.communication-trail-top em{justify-self:start}}


/* Communication page visual alignment + appointment redesign */
body.workspace-mode.communication-page-mode{background:#f3f7fb}
body.workspace-mode.communication-page-mode #main{max-width:1540px!important;padding:18px 24px 36px!important}
body.workspace-mode .communication-page-head{position:sticky;top:0;z-index:8;background:linear-gradient(135deg,#0b3765,#115aa0)!important;border:0!important;color:#fff!important;border-radius:15px!important;box-shadow:0 10px 28px rgba(12,58,103,.18)!important;padding:16px 20px!important;align-items:center!important}
body.workspace-mode .communication-head-main{display:flex;align-items:center;gap:16px;min-width:0}
body.workspace-mode .communication-page-head .eyebrow{color:#b9dcff!important;margin-bottom:2px!important}
body.workspace-mode .communication-page-head h1{color:#fff!important;margin:0 0 5px!important;font-size:27px!important}
body.workspace-mode .communication-back{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;padding:8px 11px!important;border-radius:9px!important;white-space:nowrap}
body.workspace-mode .communication-start-meta{color:#dcecff!important;display:flex!important;gap:14px!important;flex-wrap:wrap!important;font-size:13px!important}
body.workspace-mode .communication-start-meta b{color:#fff!important}
body.workspace-mode .communication-contact-mini{display:grid!important;justify-items:end!important;gap:6px!important;color:#fff!important}
body.workspace-mode .communication-contact-mini>b{font-size:16px!important}
body.workspace-mode .communication-priority{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e8f1fb;color:#244b70;font-size:12px;font-weight:800}
body.workspace-mode .communication-priority.high{background:#ffe4e4;color:#a62323}.communication-priority.medium{background:#fff1cf;color:#875d00}.communication-priority.low{background:#e3f4e8;color:#1d6b36}
body.workspace-mode .communication-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:18px}
body.workspace-mode .communication-form-card,body.workspace-mode .communication-history-card{border:1px solid #d8e4ef!important;border-radius:15px!important;box-shadow:0 8px 28px rgba(24,70,112,.08)!important}
body.workspace-mode .communication-section-heading{display:flex;align-items:center;gap:10px}.communication-section-heading>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e6f2ff;color:#0c67c8;font-weight:900;font-size:12px}.communication-section-heading h2{font-size:18px!important}
body.workspace-mode .communication-type-button{min-height:60px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font-size:16px!important;font-weight:850!important;border:1px solid #ccdbea!important;background:#f7fbff!important;color:#234a70!important}.communication-type-button .ui-icon{width:24px;height:24px}.communication-type-button.type-call.selected{background:linear-gradient(135deg,#e8f9ee,#d9f4e3)!important;border-color:#69c487!important;color:#08743a!important}.communication-type-button.type-text.selected{background:linear-gradient(135deg,#eaf4ff,#d8eaff)!important;border-color:#64a8ee!important;color:#075eb9!important}
body.workspace-mode .communication-action{transition:.15s;background:#f9fbfd!important}.communication-action:has(input:checked){background:#edf6ff!important;border-color:#82b8e9!important;color:#0d5ea8!important}.communication-action.action-do-not-call:has(input:checked){background:#fff0f0!important;border-color:#e99595!important;color:#a72424!important}.communication-action.action-no-answer:has(input:checked){background:#fff6e8!important;border-color:#e7be79!important;color:#8b5900!important}
body.workspace-mode .communication-next-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:50px!important;font-weight:850!important}.communication-next-button .ui-icon{width:19px;height:19px}.communication-next-button.next-call-back.selected{background:linear-gradient(135deg,#e7f2ff,#d7e9ff)!important;color:#075fbd!important;border-color:#66a9ed!important}.communication-next-button.next-text.selected{background:linear-gradient(135deg,#e8f8fb,#d9f0f5)!important;color:#087083!important;border-color:#76bcc7!important}.communication-next-button.next-set-appointment.selected{background:linear-gradient(135deg,#f2eaff,#e7dcfb)!important;color:#651cad!important;border-color:#b89be1!important}.communication-next-button.next-follow-up.selected{background:linear-gradient(135deg,#e8f8ee,#d9f2e2)!important;color:#13703b!important;border-color:#82c69b!important}
body.workspace-mode .communication-save{background:linear-gradient(135deg,#0b78e3,#075bbd)!important;color:#fff!important;border:0!important;box-shadow:0 6px 16px rgba(5,102,203,.2)!important}.communication-cancel-button{background:#eef3f8!important;color:#3b5269!important;border:1px solid #d2dde7!important}
body.workspace-mode .communication-trail-item{background:#fbfdff!important;border:1px solid #e1e9f1!important;border-radius:11px!important;margin:10px 0!important;padding:13px!important}.communication-trail-icon.is-call{background:#daf5e4!important;color:#0a8844!important}.communication-trail-icon.is-text{background:#dcecff!important;color:#0c67c8!important}

body.workspace-mode dialog.appointment-dialog{width:min(980px,96vw)!important;max-height:94vh!important;background:#f6f9fc!important;color:#173a5d!important;border:1px solid #c9d9e7!important;border-radius:16px!important;overflow:hidden!important}
body.workspace-mode dialog.appointment-dialog .dialog-top{background:linear-gradient(135deg,#0d66c2,#0a4f96)!important;color:#fff!important;border-bottom:0!important;padding:17px 22px!important}
body.workspace-mode dialog.appointment-dialog .dialog-top h2{color:#fff!important;font-size:24px!important}
body.workspace-mode dialog.appointment-dialog #editor-fields{display:block!important;padding:14px 18px 18px!important;max-height:calc(94vh - 150px);overflow:auto}
body.workspace-mode dialog.appointment-dialog .dialog-footer{background:#fff!important;border-top:1px solid #dae4ed!important;padding:13px 18px!important}.appointment-dialog #save-button{background:linear-gradient(135deg,#0d7ae5,#075fbd)!important;color:#fff!important;min-width:180px!important}.appointment-dialog .dialog-footer .quiet{background:#eef3f8!important;color:#40566b!important;border-color:#d5e0e9!important}
.appointment-redesign{display:grid;gap:12px}.appointment-contact-card{display:flex;align-items:center;gap:13px;padding:13px 15px;background:#fff;border:1px solid #d9e4ee;border-radius:11px}.appointment-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#176ec9,#0b4b8d);color:#fff;font-size:18px;font-weight:900}.appointment-contact-card h3{margin:0 0 4px!important;color:#17385b!important}.appointment-contact-card p{margin:0;color:#5d7185;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.appointment-contact-card .ui-icon{width:16px;height:16px}
.appointment-section{background:#fff;border:1px solid #d9e4ee;border-radius:11px;padding:14px}.appointment-section-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}.appointment-section-title>b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e5f1ff;color:#0b67c4}.appointment-section-title h3{margin:0!important;color:#17385b!important;font-size:18px!important}.appointment-purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.appointment-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.appointment-location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:9px 0}.appointment-choice{background:#f8fbfe!important;color:#31526f!important;border:1px solid #ccdae7!important;min-height:50px!important;padding:8px 10px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-weight:800!important}.appointment-choice .ui-icon{width:19px;height:19px}.appointment-choice.selected{background:#e7f2ff!important;color:#095da9!important;border-color:#5aa1e5!important;box-shadow:inset 0 0 0 1px #5aa1e5!important}.appointment-datetime-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:10px}.appointment-dialog label{color:#274967!important}.appointment-dialog input,.appointment-dialog select,.appointment-dialog textarea{background:#fff!important;color:#17385b!important;border:1px solid #cbd9e6!important;color-scheme:light!important}.appointment-dialog input[readonly]{background:#f3f6f9!important}.appointment-help{font-size:13px;color:#64798c;margin:2px 0 8px}.appointment-location-panel{margin-top:10px;padding:12px;background:#f6faff;border:1px solid #dce8f2;border-radius:9px}.appointment-address-grid{display:grid;grid-template-columns:1.4fr 1fr 110px 1fr;gap:9px}.appointment-address-grid .full{grid-column:1/-1}.appointment-state{max-width:110px}.appointment-state input{text-transform:uppercase;text-align:center}.appointment-saved-location b{color:#0b5fae}.appointment-saved-location p{margin:5px 0 0;white-space:pre-line}.appointment-alert{margin:0 0 10px;padding:9px 11px;border-left:3px solid #e19a2b;background:#fff8ea;color:#6f4c14;border-radius:6px}.appointment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.appointment-detail-grid .full{grid-column:1/-1}.appointment-summary-card{display:grid;grid-template-columns:1fr minmax(250px,.55fr);gap:12px;align-items:center;padding:13px 15px;background:linear-gradient(135deg,#effaf3,#e5f6ec);border:1px solid #bfe1ca;border-radius:11px}.appointment-summary-card>div{display:flex;gap:10px;align-items:flex-start}.appointment-summary-card>div>span{color:#139047}.appointment-summary-card .ui-icon{width:24px;height:24px}.appointment-summary-card b{color:#17623a}.appointment-summary-card p{margin:3px 0;color:#244b3a;font-weight:750}.appointment-summary-card small{color:#557565}.appointment-confirm-check{display:grid!important;grid-template-columns:20px 1fr;gap:3px 8px;align-items:start!important;color:#214e39!important;background:#fff;border:1px solid #c9e3d2;border-radius:9px;padding:10px!important}.appointment-confirm-check input{grid-row:1/3;margin-top:2px!important}.appointment-confirm-check small{font-weight:500;color:#668274}
body.workspace-mode dialog.communication-choice-dialog{width:min(520px,calc(100vw - 24px))!important;margin:auto!important;position:fixed!important;inset:0!important;max-height:min(520px,calc(100dvh - 24px))!important}

@media(max-width:1050px){body.workspace-mode .communication-layout{grid-template-columns:1fr}.communication-history-card{position:static!important;max-height:none!important}}
@media(max-width:700px){body.workspace-mode.communication-page-mode #main{padding:8px 8px 24px!important}.communication-page{gap:10px!important}.communication-page-head{top:0!important;border-radius:0 0 12px 12px!important;margin:-8px -8px 0!important;padding:10px 12px!important}.communication-head-main{gap:9px!important}.communication-back{font-size:0!important;width:40px;height:40px;padding:0!important}.communication-back::before{content:'←';font-size:21px}.communication-page-head h1{font-size:20px!important}.communication-start-meta{font-size:10px!important;gap:7px!important}.communication-contact-mini{font-size:11px!important}.communication-contact-mini>b{font-size:12px!important}.communication-priority{font-size:9px!important;padding:3px 6px!important}.communication-form-card,.communication-history-card{padding:12px!important;border-radius:12px!important}.communication-action-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}.communication-action{min-height:40px!important;padding:7px!important;font-size:11px!important}.communication-next-grid{grid-template-columns:1fr 1fr!important}.communication-next-button{font-size:11px!important;min-height:46px!important}.communication-form-actions{grid-template-columns:1fr 1fr!important;display:grid!important}.communication-form-actions button{min-width:0!important}.communication-history-title h2{font-size:17px!important}body.workspace-mode dialog.communication-choice-dialog,body.workspace-mode dialog.appointment-dialog{position:fixed!important;inset:10px!important;margin:auto!important;width:auto!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}.appointment-dialog .dialog-top{padding:12px 13px!important}.appointment-dialog .dialog-top h2{font-size:19px!important}.appointment-dialog #editor-fields{padding:10px!important;max-height:calc(100dvh - 135px)!important}.appointment-purpose-grid,.appointment-location-grid{grid-template-columns:1fr 1fr!important}.appointment-method-grid{grid-template-columns:1fr 1fr!important}.appointment-datetime-grid{grid-template-columns:1fr 1fr!important}.appointment-datetime-grid label:last-child{grid-column:1/-1}.appointment-address-grid{grid-template-columns:1fr 1fr!important}.appointment-address-grid .full{grid-column:1/-1}.appointment-state{max-width:none}.appointment-detail-grid{grid-template-columns:1fr!important}.appointment-summary-card{grid-template-columns:1fr!important}.appointment-dialog .dialog-footer{display:grid!important;grid-template-columns:1fr 1fr!important;padding:10px!important}.appointment-dialog .dialog-footer button{width:100%!important;min-width:0!important}}
.appointment-missing-home p{margin:6px 0 10px;color:#6a7d90}.appointment-add-home{background:#e7f2ff!important;color:#0b62b7!important;border:1px solid #86b7e6!important;padding:8px 11px!important}.appointment-home-address-popup{z-index:20!important;background:rgba(8,28,48,.48);align-items:center!important;padding:18px!important}.appointment-home-address-card{width:min(680px,100%)!important;background:#fff!important;border:1px solid #cbd9e6!important;border-radius:13px!important;padding:14px!important;box-shadow:0 22px 70px rgba(6,31,57,.28)!important}.appointment-home-address-card>.section-title{margin-bottom:10px!important}.appointment-home-address-card>.section-title h3{color:#17385b!important}.appointment-home-popup-actions{display:flex;justify-content:flex-end;margin-top:12px}.appointment-home-popup-actions button{background:linear-gradient(135deg,#0d7ae5,#075fbd)!important;color:#fff!important}
@media(max-width:700px){.appointment-home-address-popup{position:fixed!important;inset:0!important;padding:10px!important;align-items:center!important}.appointment-home-address-card{max-height:calc(100dvh - 20px);overflow:auto}.appointment-home-address-card .appointment-address-grid{grid-template-columns:1fr 1fr!important}}


/* Communication independent desktop scroll + appointment scheduling refinements */
@media(min-width:1051px){
 body.workspace-mode.communication-page-mode #main{overflow:hidden!important;padding-bottom:18px!important}
 body.workspace-mode.communication-page-mode .communication-page{display:flex!important;flex-direction:column!important;min-height:0!important;height:calc(100dvh - 118px)!important;overflow:hidden!important}
 body.workspace-mode.communication-page-mode .communication-page-head{flex:0 0 auto!important;position:sticky!important;top:0!important}
 body.workspace-mode.communication-page-mode .communication-layout{flex:1 1 auto!important;min-height:0!important;height:auto!important;align-items:stretch!important;overflow:hidden!important}
 body.workspace-mode.communication-page-mode .communication-form-card,
 body.workspace-mode.communication-page-mode .communication-history-card{height:100%!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;position:relative!important;top:auto!important}
}
body.workspace-mode dialog.appointment-dialog .appointment-contact-card{position:sticky!important;top:0!important;z-index:12!important;box-shadow:0 7px 18px rgba(28,67,103,.12)!important}
.appointment-custom-purpose{display:block!important;margin-top:10px!important}.appointment-custom-purpose[hidden]{display:none!important}
.appointment-confirmation-options{display:grid;gap:8px}.appointment-confirm-email-admin .appointment-email-preview{white-space:pre-wrap}
.appointment-confirmation-email-popup{z-index:25!important;background:rgba(8,28,48,.52)!important;align-items:center!important;padding:18px!important}.appointment-confirmation-email-card{width:min(560px,100%)!important;background:#fff!important;border:1px solid #cbd9e6!important;border-radius:13px!important;padding:15px!important;box-shadow:0 22px 70px rgba(6,31,57,.28)!important}.appointment-confirmation-email-card input{width:100%!important}
.appointment-delivery-actions{display:grid;gap:10px}.appointment-delivery-actions>p{margin:0 0 4px;color:#4d6379}.appointment-delivery-actions button{width:100%!important}
@media(max-width:1050px){body.workspace-mode.communication-page-mode #main{overflow:visible!important}body.workspace-mode.communication-page-mode .communication-page{height:auto!important;overflow:visible!important}body.workspace-mode.communication-page-mode .communication-layout{height:auto!important;overflow:visible!important}body.workspace-mode.communication-page-mode .communication-form-card,body.workspace-mode.communication-page-mode .communication-history-card{height:auto!important;overflow:visible!important;max-height:none!important}}
@media(max-width:700px){.appointment-confirmation-email-popup{position:fixed!important;inset:0!important;padding:10px!important;align-items:center!important}.appointment-confirmation-email-card{max-height:calc(100dvh - 20px)!important;overflow:auto!important}.appointment-confirmation-options{grid-template-columns:1fr!important}}

/* Content Settings hidden admin page */
body.workspace-mode.content-settings-page-mode #main{max-width:1360px}
.content-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.content-settings-card form{display:grid;gap:15px}
.content-setting-editor{display:grid;gap:7px;margin-top:12px}
.content-setting-editor textarea,.content-setting-editor input{margin-top:0}
.content-setting-preview{margin-top:12px;padding:13px 14px;border:1px solid #d9e4ee;background:#f7fafc;border-radius:10px;color:#36516c}
.content-setting-preview p{white-space:pre-wrap;margin:7px 0 0;line-height:1.5}
.content-settings-actions{display:flex;justify-content:flex-end;margin-top:12px}
.content-settings-actions button{background:linear-gradient(135deg,#0d7ae5,#075fbd)!important;color:#fff!important}
.content-settings-admin .section-title{margin-bottom:0}
.content-settings-admin p{margin:6px 0 0}

/* Appointment confirmation choice after save */
.appointment-confirm-choice{display:grid;gap:13px}
.appointment-confirm-choice>p{margin:0;color:#38536d;font-weight:700}
.appointment-confirm-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.appointment-confirm-choice-grid button{width:100%!important;min-height:48px!important}
.appointment-confirm-choice>small{color:#6d8194;line-height:1.45}
.appointment-confirm-contact-capture{display:grid;gap:12px;width:min(540px,100%)}

/* Appointment footer includes Google Calendar */
body.workspace-mode dialog.appointment-dialog .dialog-footer{display:grid!important;grid-template-columns:minmax(110px,.75fr) minmax(180px,1fr) minmax(180px,1fr)!important;gap:10px!important}
body.workspace-mode dialog.appointment-dialog #appointment-calendar-button{background:#fff!important;color:#0b5eaa!important;border:1px solid #9fc2e4!important}
body.workspace-mode dialog.appointment-dialog #save-button{width:100%!important;min-width:0!important}

/* Compact frozen Communication header on mobile, based on Sep 11 reference screenshot */
@media(max-width:700px){
 body.workspace-mode.communication-page-mode .communication-page-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 10px!important;align-items:start!important;min-height:0!important;padding:9px 11px!important;overflow:hidden!important}
 body.workspace-mode.communication-page-mode .communication-head-main{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;align-items:start!important;min-width:0!important}
 body.workspace-mode.communication-page-mode .communication-head-main>div{min-width:0!important}
 body.workspace-mode.communication-page-mode .communication-back{font-size:11px!important;width:auto!important;height:34px!important;min-width:72px!important;padding:6px 9px!important;white-space:nowrap!important;border-radius:8px!important;align-self:start!important}
 body.workspace-mode.communication-page-mode .communication-back::before{content:none!important}
 body.workspace-mode.communication-page-mode .communication-page-head .eyebrow{font-size:8px!important;letter-spacing:1.6px!important;line-height:1.1!important;margin:0 0 2px!important}
 body.workspace-mode.communication-page-mode .communication-page-head h1{font-size:20px!important;line-height:1.05!important;margin:0 0 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.workspace-mode.communication-page-mode .communication-start-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;font-size:9px!important;line-height:1.25!important;white-space:normal!important}
 body.workspace-mode.communication-page-mode .communication-contact-mini{align-self:center!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:5px!important;text-align:right!important;min-width:95px!important;max-width:120px!important;color:#fff!important}
 body.workspace-mode.communication-page-mode .communication-contact-mini>b{font-size:11px!important;color:#fff!important;white-space:nowrap!important}
 body.workspace-mode.communication-page-mode .communication-priority{font-size:8px!important;line-height:1!important;padding:4px 6px!important;white-space:nowrap!important}
}

/* Appointment modal: centered, viewport-safe mobile layout with sticky client info */
@media(max-width:700px){
 body.workspace-mode dialog.appointment-dialog{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:auto!important;max-height:calc(100dvh - 16px)!important;overflow:hidden!important;border-radius:12px!important}
 body.workspace-mode dialog.appointment-dialog .dialog-top{position:relative!important;top:auto!important;flex:0 0 auto!important;padding:11px 12px!important}
 body.workspace-mode dialog.appointment-dialog #editor{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:calc(100dvh - 72px)!important;overflow:hidden!important}
 body.workspace-mode dialog.appointment-dialog #editor-fields{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:9px!important;overscroll-behavior:contain!important}
 body.workspace-mode dialog.appointment-dialog .appointment-contact-card{position:sticky!important;top:0!important;z-index:20!important;margin:-1px -1px 10px!important;border-radius:9px!important;background:#f5f9fd!important;box-shadow:0 5px 14px rgba(28,67,103,.14)!important}
 body.workspace-mode dialog.appointment-dialog .appointment-contact-card h3{font-size:18px!important;margin:0 0 3px!important}
 body.workspace-mode dialog.appointment-dialog .appointment-contact-card p{font-size:11px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
 body.workspace-mode dialog.appointment-dialog .appointment-avatar{width:42px!important;height:42px!important;font-size:16px!important}
 body.workspace-mode dialog.appointment-dialog .appointment-purpose-grid,
 body.workspace-mode dialog.appointment-dialog .appointment-location-grid,
 body.workspace-mode dialog.appointment-dialog .appointment-method-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
 body.workspace-mode dialog.appointment-dialog .appointment-datetime-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
 body.workspace-mode dialog.appointment-dialog .appointment-datetime-grid label:last-child{grid-column:1/-1!important}
 body.workspace-mode dialog.appointment-dialog .appointment-choice{min-height:44px!important;padding:6px!important;font-size:11px!important}
 body.workspace-mode dialog.appointment-dialog .dialog-footer{flex:0 0 auto!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:8px 9px!important;background:#fff!important}
 body.workspace-mode dialog.appointment-dialog .dialog-footer button{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 10px!important}
 body.workspace-mode dialog.appointment-dialog #form-error{flex:0 0 auto!important;padding:0 10px!important;max-height:48px!important;overflow:auto!important}
 .appointment-confirm-choice-grid{grid-template-columns:1fr 1fr}
 .content-settings-grid{grid-template-columns:1fr!important}
}


/* ===== Calendar dashboard redesign ===== */
body.workspace-mode.calendar-page-mode #main{max-width:none;padding-top:22px}
body.workspace-mode.calendar-page-mode .calendar-dashboard-page{--cal-navy:#0c2e50;--cal-blue:#086fd6;--cal-line:#d8e5f0;--cal-soft:#f5f9fd;--cal-text:#112b48;color:var(--cal-text)}
body.workspace-mode.calendar-page-mode .calendar-dashboard-page .page-heading{margin-bottom:16px}
body.workspace-mode.calendar-page-mode .calendar-dashboard-page .page-heading .toolbar{gap:10px}
.calendar-primary,.calendar-secondary{border-radius:9px!important;padding:10px 16px!important;font-weight:800!important}
body.workspace-mode.calendar-page-mode #main .calendar-primary{background:linear-gradient(180deg,#1788f0,#0868c7)!important;color:#fff!important;border-color:#0870d4!important}
body.workspace-mode.calendar-page-mode #main .calendar-secondary{background:#fff!important;color:#163a5d!important;border:1px solid #c7d8e7!important}
.calendar-nav-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.calendar-period-nav,.calendar-view-tabs{display:flex;align-items:center;gap:0;background:#fff;border:1px solid var(--cal-line);border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(20,65,100,.05)}
.calendar-period-nav strong{min-width:190px;text-align:center;padding:10px 14px;color:#17324e}
body.workspace-mode.calendar-page-mode #main .calendar-period-nav button,body.workspace-mode.calendar-page-mode #main .calendar-view-tabs button{min-width:42px;border:0!important;border-right:1px solid var(--cal-line)!important;border-radius:0!important;padding:10px 13px!important;background:#fff!important;color:#17324e!important;box-shadow:none!important}
body.workspace-mode.calendar-page-mode #main .calendar-period-nav button:last-child,body.workspace-mode.calendar-page-mode #main .calendar-view-tabs button:last-child{border-right:0!important}
body.workspace-mode.calendar-page-mode #main .calendar-period-nav .calendar-today-button{min-width:72px;background:#f1f6fb!important;font-size:13px}
body.workspace-mode.calendar-page-mode #main .calendar-view-tabs button.active{background:var(--cal-navy)!important;color:#fff!important}
.calendar-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-bottom:16px}
.calendar-stat-card{min-height:92px;display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid var(--cal-line);border-radius:11px;box-shadow:0 5px 18px rgba(21,61,94,.06)}
.calendar-stat-card>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eaf4ff;color:#0874dd;flex:0 0 auto}
.calendar-stat-card>span .ui-icon{width:22px;height:22px}
.calendar-stat-card strong{display:inline-block;font-size:25px;line-height:1;color:#102f50;margin-right:7px}
.calendar-stat-card b{display:block;font-size:12px;color:#17324d;margin-top:4px}
.calendar-stat-card small{display:block;font-size:10px;color:#6e8296;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.calendar-stat-card.tone-1>span{background:#e8f9ef;color:#20a768}.calendar-stat-card.tone-2>span{background:#eaf1ff;color:#1769c7}.calendar-stat-card.tone-3>span{background:#fff4d8;color:#d59813}.calendar-stat-card.tone-4>span{background:#f0eaff;color:#7551d5}.calendar-stat-card.tone-5>span{background:#eef1f5;color:#586b7c}
.calendar-dashboard-layout{display:block;width:100%;min-width:0}.calendar-dashboard-layout-full .calendar-main-card{width:100%;max-width:none}
.calendar-main-card,.calendar-side-card{background:#fff;border:1px solid var(--cal-line);border-radius:13px;box-shadow:0 7px 24px rgba(28,67,98,.07)}
.calendar-main-card{overflow:hidden}.calendar-month-shell{overflow:auto}.calendar-month-weekdays,.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-month-weekdays{border-bottom:1px solid var(--cal-line);background:#fbfdff}.calendar-month-weekdays b{text-align:center;padding:10px 4px;font-size:11px;color:#60758a}
.calendar-month-day{min-height:132px;border-right:1px solid #e4edf4;border-bottom:1px solid #e4edf4;padding:6px;background:#fff;min-width:0}.calendar-month-day:nth-child(7n){border-right:0}.calendar-month-day.outside{background:#f7f9fb}.calendar-month-day.today{box-shadow:inset 0 0 0 2px #2b86dc}
body.workspace-mode.calendar-page-mode #main .calendar-day-number{width:28px;height:28px;padding:0!important;display:grid;place-items:center;border-radius:50%!important;background:transparent!important;color:#17324d!important;border:0!important;font-size:12px}
body.workspace-mode.calendar-page-mode #main .calendar-month-day.today .calendar-day-number{background:#1478d4!important;color:#fff!important}
.calendar-month-events{display:grid;gap:4px;margin-top:3px}
body.workspace-mode.calendar-page-mode #main .calendar-event{width:100%;min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:7px;row-gap:1px;align-items:center;text-align:left;border-radius:7px!important;padding:8px 9px!important;border:1px solid transparent!important;box-shadow:none!important;color:#17324d!important}
.calendar-event time{font-size:10px;font-weight:800;white-space:nowrap}.calendar-event b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event small{grid-column:2;font-size:10px;color:#60758a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.workspace-mode.calendar-page-mode #main .calendar-event.compact{padding:4px 5px!important;grid-template-columns:auto minmax(0,1fr);border-radius:5px!important}.calendar-event.compact time{font-size:8px}.calendar-event.compact b{font-size:9px}
.calendar-event.interview{background:#e8f8ef!important;border-color:#bce8cd!important}.calendar-event.kt{background:#fff3d8!important;border-color:#f1d58c!important}.calendar-event.client{background:#e5f2ff!important;border-color:#b8d9f7!important}.calendar-event.opportunity{background:#efe8ff!important;border-color:#d6c5ff!important}.calendar-event.followup{background:#ffe9ef!important;border-color:#f6c8d6!important}.calendar-event.blocked{background:#edf1f5!important;border-color:#d5dde5!important}
body.workspace-mode.calendar-page-mode #main .calendar-more{border:0!important;background:transparent!important;color:#60758a!important;padding:2px 4px!important;text-align:left;font-size:9px}
.calendar-week-dashboard{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));overflow:auto;min-height:620px}.calendar-week-day{border-right:1px solid #e4edf4;min-height:620px;padding:9px}.calendar-week-day:last-child{border-right:0}
.calendar-week-date{width:100%;display:flex!important;justify-content:space-between;align-items:center;margin-bottom:10px;padding:7px 8px!important;background:#f7fafc!important;color:#17324d!important;border:1px solid #e2eaf1!important}.calendar-week-date span{font-size:11px}.calendar-week-date b{font-size:18px}.calendar-week-day.today .calendar-week-date{background:#e7f3ff!important;border-color:#93c5f5!important}
.calendar-day-empty{color:#9aa9b7;text-align:center;font-size:11px;padding:12px 0}.calendar-day-view{padding:18px}.calendar-day-view-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.calendar-day-view-head h2{margin:2px 0 0;font-size:22px}.calendar-day-list{display:grid;gap:9px}.calendar-day-list .calendar-event{grid-template-columns:80px minmax(0,1fr)}
.calendar-legend{display:flex;flex-wrap:wrap;gap:15px;padding:12px 16px;border-top:1px solid var(--cal-line);background:#fbfdff;font-size:10px;color:#536a80}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.calendar-legend .interview i{background:#4cc98a}.calendar-legend .kt i{background:#e8b332}.calendar-legend .client i{background:#3c9ae8}.calendar-legend .opportunity i{background:#8a67e9}.calendar-legend .followup i{background:#ef7895}.calendar-legend .blocked i{background:#7c8b99}
.calendar-dashboard-side{display:grid;gap:14px}.calendar-side-card{padding:15px}.calendar-side-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.calendar-side-title h2,.calendar-side-title h3{margin:0;color:#17324d}.calendar-side-title p{margin:4px 0 0;color:#6f8498;font-size:11px}
.calendar-today-list{display:grid;gap:7px;max-height:480px;overflow:auto;padding-right:2px}.calendar-today-list .calendar-event{grid-template-columns:65px minmax(0,1fr)}
body.workspace-mode.calendar-page-mode #main .calendar-full-day{width:100%;margin-top:10px;background:#f5f8fb!important;color:#1a4e7e!important;border:1px solid #d2e0ec!important}
.calendar-upcoming-list{display:grid}
body.workspace-mode.calendar-page-mode #main .calendar-upcoming-list button{display:grid!important;grid-template-columns:18px 94px minmax(0,1fr);align-items:center;gap:6px;width:100%;text-align:left;padding:8px 2px!important;background:transparent!important;color:#17324d!important;border:0!important;border-top:1px solid #eef2f6!important;border-radius:0!important}
.calendar-upcoming-list button:first-child{border-top:0!important}.calendar-upcoming-list .ui-icon{width:14px;height:14px;color:#1976d2}.calendar-upcoming-list time{font-size:9px;color:#6b8297}.calendar-upcoming-list b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1180px){.calendar-stat-grid{grid-template-columns:repeat(3,1fr)}.calendar-dashboard-layout{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:820px){body.workspace-mode.calendar-page-mode #main{padding-left:14px!important;padding-right:14px!important}.calendar-dashboard-page .page-heading{align-items:flex-start}.calendar-dashboard-page .page-heading .toolbar{width:100%}.calendar-dashboard-page .page-heading .toolbar button{flex:1}.calendar-nav-row{align-items:stretch;flex-direction:column}.calendar-period-nav,.calendar-view-tabs{width:100%}.calendar-period-nav strong{min-width:0;flex:1}.calendar-view-tabs button{flex:1}.calendar-stat-grid{display:flex;overflow:auto;gap:8px;padding-bottom:3px}.calendar-stat-card{min-width:150px;min-height:78px;padding:10px}.calendar-dashboard-layout{grid-template-columns:1fr}.calendar-dashboard-side{grid-template-columns:1fr}.calendar-month-day{min-height:76px;padding:3px}.calendar-month-weekdays b{font-size:9px;padding:8px 1px}body.workspace-mode.calendar-page-mode #main .calendar-day-number{width:23px;height:23px;font-size:10px}.calendar-event.compact time{display:none}.calendar-event.compact b{font-size:8px}body.workspace-mode.calendar-page-mode #main .calendar-event.compact{grid-template-columns:1fr;padding:3px!important}.calendar-month-events{gap:2px}.calendar-week-dashboard{grid-template-columns:repeat(7,minmax(150px,1fr));min-height:360px}.calendar-week-day{min-height:360px}.calendar-today-list{max-height:none}}
@media(max-width:520px){.calendar-dashboard-page .page-heading h1{font-size:30px!important}.calendar-dashboard-page .page-heading .toolbar{display:grid;grid-template-columns:1fr 1fr}.calendar-period-nav strong{font-size:12px;padding:8px 4px}body.workspace-mode.calendar-page-mode #main .calendar-period-nav button,body.workspace-mode.calendar-page-mode #main .calendar-view-tabs button{padding:8px 7px!important;font-size:11px}.calendar-month-day{min-height:62px}.calendar-event.compact{display:none!important}.calendar-month-day:has(.calendar-month-events .calendar-event)::after{content:'•';display:block;color:#1c7ed6;font-size:18px;line-height:8px;text-align:center}.calendar-more{display:none!important}.calendar-legend{gap:9px;padding:10px;font-size:9px}}

/* Calendar full-width layout: side Today/Upcoming panels removed by request. */
body.workspace-mode.calendar-page-mode .calendar-dashboard-layout-full{width:100%;display:block}
body.workspace-mode.calendar-page-mode .calendar-dashboard-layout-full .calendar-main-card{width:100%;min-width:0}
body.workspace-mode.calendar-page-mode #main .calendar-daily-button{background:#f4f8fc!important;color:#17446d!important;border:1px solid #c7d8e7!important}
@media(max-width:520px){body.workspace-mode.calendar-page-mode .calendar-dashboard-page .page-heading .toolbar .calendar-daily-button{grid-column:1/-1}}


/* Reports management dashboard */
body.workspace-mode.reports-page-mode #main{max-width:1600px}
body.workspace-mode .reports-dashboard-page{display:grid;gap:18px;min-width:0}
body.workspace-mode .reports-dashboard-page>.page-heading{margin-bottom:0}
body.workspace-mode .report-filter-card{background:#fff;border:1px solid #d9e4ee;border-radius:18px;padding:14px 16px;box-shadow:0 6px 20px rgba(25,55,85,.06);display:grid;gap:12px}
body.workspace-mode .report-range-buttons{display:flex;gap:8px;flex-wrap:wrap}
body.workspace-mode .report-range-buttons button{border:1px solid #cbd9e7;background:#f6f9fc;color:#34526c;border-radius:10px;padding:9px 13px;font-weight:800;min-height:40px}
body.workspace-mode .report-range-buttons button.active{background:#173d69;color:#fff;border-color:#173d69;box-shadow:0 5px 12px rgba(23,61,105,.18)}
body.workspace-mode .report-filter-fields{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
body.workspace-mode .report-filter-fields label{display:grid;gap:5px;color:#537089;font-size:12px;font-weight:800;min-width:160px}
body.workspace-mode .report-filter-fields select,body.workspace-mode .report-filter-fields input{min-height:42px;background:#f8fafc;border:1px solid #cfdce8;color:#17324d;border-radius:10px;padding:8px 10px;font:inherit}
body.workspace-mode .report-toolbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
body.workspace-mode .report-toolbar-actions button{min-height:42px;border-radius:10px;padding:9px 14px;font-weight:800}
body.workspace-mode .report-filter-period{margin:0;color:#6a8195;font-size:12px}
body.workspace-mode .report-filter-period b{color:#274b6e}

body.workspace-mode .report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.workspace-mode .report-kpi-card{background:#fff;border:1px solid #d9e4ee;border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px;min-width:0;box-shadow:0 6px 18px rgba(25,55,85,.055);position:relative;overflow:hidden}
body.workspace-mode .report-kpi-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2f7ed8}
body.workspace-mode .report-kpi-card.tone-2:after{background:#2b9eb3}body.workspace-mode .report-kpi-card.tone-3:after{background:#845ec2}body.workspace-mode .report-kpi-card.tone-4:after{background:#26a269}body.workspace-mode .report-kpi-card.tone-5:after{background:#e6a817}body.workspace-mode .report-kpi-card.tone-6:after{background:#7a63c8}body.workspace-mode .report-kpi-card.tone-7:after{background:#2f9c65}body.workspace-mode .report-kpi-card.tone-8:after{background:#3b82b8}
body.workspace-mode .report-kpi-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5fb;color:#276a9d;flex:0 0 auto}
body.workspace-mode .report-kpi-icon svg{width:21px;height:21px}
body.workspace-mode .report-kpi-card div{min-width:0;display:grid;gap:2px}
body.workspace-mode .report-kpi-card small{font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:#6d8294;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .report-kpi-card strong{font-size:26px;line-height:1.05;color:#17324d;letter-spacing:-.025em}
body.workspace-mode .report-kpi-card.money strong{font-size:23px}

body.workspace-mode .report-chart-section,body.workspace-mode .report-attention,body.workspace-mode .report-details-card{background:#fff;border:1px solid #d9e4ee;border-radius:18px;padding:16px;box-shadow:0 6px 20px rgba(25,55,85,.06);min-width:0}
body.workspace-mode .report-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
body.workspace-mode .report-section-head h2{margin:1px 0 0;color:#17324d;font-size:20px}
body.workspace-mode .report-section-head .eyebrow{margin:0;color:#73899c;font-size:10px;font-weight:900;letter-spacing:.12em}
body.workspace-mode .report-section-head>span{min-width:34px;height:34px;display:grid;place-items:center;border-radius:99px;background:#eaf3fb;color:#1d5f96;font-weight:900}
body.workspace-mode .report-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.workspace-mode .report-chart-grid .chart-card{min-height:270px;border-radius:14px!important;box-shadow:none!important;background:#fbfdff!important}
body.workspace-mode .report-chart-grid .chart-card h3{font-size:15px!important;margin-bottom:12px!important}
body.workspace-mode .report-goal-chart{display:flex;flex-direction:column;justify-content:center}
body.workspace-mode .report-goal-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px}
body.workspace-mode .report-goal-values>div{background:#f3f7fb;border-radius:12px;padding:12px;display:grid;gap:4px}
body.workspace-mode .report-goal-values small{font-size:10px;font-weight:900;text-transform:uppercase;color:#7890a4}
body.workspace-mode .report-goal-values strong{font-size:24px;color:#17324d}
body.workspace-mode .report-goal-track{height:14px;border-radius:99px;background:#e5edf4;overflow:hidden}
body.workspace-mode .report-goal-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2f7ed8,#26a269)}
body.workspace-mode .report-goal-chart>p{margin:8px 0 0;text-align:right;font-weight:900;color:#4f708b}

body.workspace-mode .report-attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.workspace-mode .report-attention-grid>a{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;background:#fbfcfe;border:1px solid #dce6ef;border-radius:12px;padding:11px 12px;color:#27445e;min-width:0}
body.workspace-mode .report-attention-grid>a:hover{border-color:#a9c7df;background:#f5faff}
body.workspace-mode .report-attention-dot{width:9px;height:9px;border-radius:50%;background:#e6a817}
body.workspace-mode .report-attention-grid div{display:grid;gap:2px;min-width:0}
body.workspace-mode .report-attention-grid b{font-size:13px;color:#17324d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .report-attention-grid small{font-size:11px;color:#6d8294;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .report-attention-grid em{font-style:normal;font-size:10px;font-weight:900;background:#fff2d5;color:#9b6b00;padding:4px 7px;border-radius:99px}

body.workspace-mode .report-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;scrollbar-width:thin}
body.workspace-mode .report-tabs button{flex:0 0 auto;border:1px solid #cad9e7;background:#f7fafd;color:#46657f;border-radius:10px;min-height:38px;padding:8px 13px;font-size:12px;font-weight:850}
body.workspace-mode .report-tabs button.active{background:#173d69;color:#fff;border-color:#173d69}
body.workspace-mode .report-detail-table{border:1px solid #dce5ed;border-radius:12px;overflow:auto}
body.workspace-mode .report-detail-table table{margin:0;min-width:760px}
body.workspace-mode .report-detail-table th{background:#f1f6fa;color:#496982;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
body.workspace-mode .report-detail-table td{font-size:12px;color:#334f67}
body.workspace-mode .report-contact-link{font-weight:850;color:#1e67a1;text-decoration:none}
body.workspace-mode .report-contact-link:hover{text-decoration:underline}
body.workspace-mode .report-empty-cell{text-align:center!important;color:#7d90a0!important;padding:24px!important}

@media(max-width:1100px){
 body.workspace-mode .report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.workspace-mode .report-attention-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 body.workspace-mode.reports-page-mode #main{padding-inline:10px}
 body.workspace-mode .reports-dashboard-page{gap:12px}
 body.workspace-mode .report-filter-card{padding:12px;border-radius:14px}
 body.workspace-mode .report-range-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 body.workspace-mode .report-range-buttons button{width:100%;padding:8px 6px;font-size:12px}
 body.workspace-mode .report-filter-fields{display:grid;grid-template-columns:1fr 1fr;align-items:end}
 body.workspace-mode .report-filter-fields label{min-width:0;width:100%}
 body.workspace-mode .report-toolbar-actions{margin:0;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
 body.workspace-mode .report-toolbar-actions button{width:100%;font-size:12px;padding:8px}
 body.workspace-mode .report-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}
 body.workspace-mode .report-kpi-card{padding:11px 9px;gap:8px;border-radius:13px}
 body.workspace-mode .report-kpi-icon{width:34px;height:34px;border-radius:10px}
 body.workspace-mode .report-kpi-icon svg{width:17px;height:17px}
 body.workspace-mode .report-kpi-card small{font-size:9px}
 body.workspace-mode .report-kpi-card strong,body.workspace-mode .report-kpi-card.money strong{font-size:18px}
 body.workspace-mode .report-chart-section,body.workspace-mode .report-attention,body.workspace-mode .report-details-card{padding:12px;border-radius:14px}
 body.workspace-mode .report-chart-grid{grid-template-columns:1fr}
 body.workspace-mode .report-chart-grid .chart-card{min-height:230px}
 body.workspace-mode .report-goal-values strong{font-size:20px}
 body.workspace-mode .report-section-head h2{font-size:17px}
 body.workspace-mode .report-tabs{margin-inline:-2px}
 body.workspace-mode .report-tabs button{font-size:11px;padding:7px 10px}
 body.workspace-mode .report-detail-table table{min-width:690px}
 body.workspace-mode .report-detail-table th,body.workspace-mode .report-detail-table td{padding:8px 7px}
}
@media print{
 body.reports-page-mode .reports-dashboard-page{display:block!important}
 body.reports-page-mode .report-kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:5mm;margin-bottom:6mm}
 body.reports-page-mode .report-kpi-card{box-shadow:none!important;border:1px solid #bbb!important;break-inside:avoid}
 body.reports-page-mode .report-chart-section,body.reports-page-mode .report-attention,body.reports-page-mode .report-details-card{box-shadow:none!important;border:1px solid #bbb!important;margin-bottom:6mm;break-inside:avoid}
 body.reports-page-mode .report-attention-grid{grid-template-columns:repeat(2,1fr)!important}
 body.reports-page-mode .report-detail-table{overflow:visible!important}
 body.reports-page-mode .report-detail-table table{min-width:0!important}
}

/* 2026-09-11 Admin control center + contact data tools */
body.workspace-mode.admin-control-page-mode #main{max-width:1380px}
body.workspace-mode .admin-control-page{display:grid;gap:16px}
body.workspace-mode .admin-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.workspace-mode .admin-control-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 24px;gap:14px;align-items:center;min-height:154px;padding:20px;border:1px solid #d7e3ed;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 6px 20px rgba(25,55,85,.06);color:#17324d;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;min-width:0}
body.workspace-mode .admin-control-card:hover{transform:translateY(-2px);border-color:#9fc2dd;box-shadow:0 12px 28px rgba(25,55,85,.11)}
body.workspace-mode .admin-control-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#eaf3fb;color:#1d5f96}
body.workspace-mode .admin-control-icon svg{width:26px;height:26px}
body.workspace-mode .admin-control-card h2{margin:0 0 6px;font-size:18px;color:#17324d;letter-spacing:-.02em}
body.workspace-mode .admin-control-card p{margin:0;color:#657f95;font-size:12px;line-height:1.45}
body.workspace-mode .admin-control-card small{display:inline-block;margin-top:9px;padding:4px 8px;border-radius:99px;background:#eff4f8;color:#5e7689;font-size:10px;font-weight:850}
body.workspace-mode .admin-control-arrow{font-size:26px;color:#8ca7bc;text-align:right}
body.workspace-mode .admin-section-page{display:grid;gap:14px}
body.workspace-mode .admin-section-card{border-radius:17px!important;box-shadow:0 6px 20px rgba(25,55,85,.06)!important}
body.workspace-mode .admin-section-card .section-title .eyebrow{margin:0 0 3px;color:#6f879a;font-size:9px;font-weight:900;letter-spacing:.13em}
body.workspace-mode .admin-section-card .section-title h2{margin:0!important;color:#17324d}
body.workspace-mode .admin-data-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
body.workspace-mode .admin-data-actions button{width:100%;min-height:44px}
body.workspace-mode .admin-sheet-tip{margin-top:12px;border:1px solid #c9ddeb;border-radius:13px;background:#f0f7fc;padding:13px 15px;color:#34536c}
body.workspace-mode .admin-sheet-tip b{display:block;color:#1e5b87;font-size:12px;margin-bottom:3px}
body.workspace-mode .admin-sheet-tip p{margin:0;font-size:12px;line-height:1.5}
body.workspace-mode .admin-count-pill{min-width:34px;height:34px;display:grid;place-items:center;border-radius:99px;background:#eaf3fb;color:#1d5f96;font-weight:900}
body.workspace-mode .admin-archive-list{display:grid;gap:8px}
body.workspace-mode .admin-archive-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce6ef;border-radius:12px;background:#fbfdff;padding:11px 12px}
body.workspace-mode .admin-archive-row>div{display:grid;gap:3px;min-width:0}
body.workspace-mode .admin-archive-row b{color:#17324d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .admin-archive-row small{color:#718699}
body.workspace-mode .admin-system-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.workspace-mode .admin-system-stats>div{display:grid;gap:5px;border:1px solid #dce6ef;border-radius:13px;background:#f8fbfd;padding:14px}
body.workspace-mode .admin-system-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:850;color:#718699}
body.workspace-mode .admin-system-stats strong{font-size:25px;color:#17324d}
body.workspace-mode .import-source-summary{grid-column:1/-1;border-radius:10px;background:#eaf3fb;color:#285675;font-size:12px;font-weight:800;padding:10px 12px;margin-bottom:10px}
body.workspace-mode .contact-data-tools .muted{margin:5px 0 0}
@media(max-width:1000px){
 body.workspace-mode .admin-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.workspace-mode .admin-system-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 body.workspace-mode.admin-control-page-mode #main{padding-inline:10px}
 body.workspace-mode .admin-control-grid{grid-template-columns:1fr;gap:10px}
 body.workspace-mode .admin-control-card{min-height:118px;padding:15px;grid-template-columns:44px minmax(0,1fr) 18px;gap:11px;border-radius:14px}
 body.workspace-mode .admin-control-icon{width:44px;height:44px;border-radius:12px}
 body.workspace-mode .admin-control-icon svg{width:22px;height:22px}
 body.workspace-mode .admin-control-card h2{font-size:16px;margin-bottom:4px}
 body.workspace-mode .admin-control-card p{font-size:11px}
 body.workspace-mode .admin-control-card small{font-size:9px;margin-top:6px}
 body.workspace-mode .admin-data-actions{grid-template-columns:1fr}
 body.workspace-mode .admin-system-stats{grid-template-columns:1fr 1fr;gap:8px}
 body.workspace-mode .admin-system-stats>div{padding:11px}
 body.workspace-mode .admin-system-stats strong{font-size:21px}
 body.workspace-mode .admin-archive-row{align-items:flex-start;flex-direction:column}
 body.workspace-mode .admin-archive-row button{width:100%}
 body.workspace-mode .import-mapping{grid-template-columns:1fr!important}
}

/* 2026-09-11 Admin control center visual v2 */
body.workspace-mode .admin-control-page>.page-heading{margin-bottom:2px}
body.workspace-mode .admin-control-page>.page-heading h1{color:#17324d}
body.workspace-mode .admin-control-grid{align-items:stretch}
body.workspace-mode .admin-control-card{align-items:start;min-height:220px;padding:22px 20px 20px;grid-template-columns:56px minmax(0,1fr) 24px}
body.workspace-mode .admin-control-icon{width:56px;height:56px}
body.workspace-mode .admin-control-copy{min-width:0}
body.workspace-mode .admin-control-card h2{font-size:20px;margin-top:2px}
body.workspace-mode .admin-control-card p{font-size:12px;min-height:35px}
body.workspace-mode .admin-control-list{margin:13px 0 0;padding-left:18px;display:grid;gap:5px;color:#33546e;font-size:11px;line-height:1.35}
body.workspace-mode .admin-control-list li::marker{color:#1d5f96}
body.workspace-mode .admin-control-arrow{align-self:end;justify-self:end;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf3fb;color:#1d5f96;font-size:24px;line-height:1}
body.workspace-mode .admin-quick-panel{border:1px solid #d7e3ed;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 6px 20px rgba(25,55,85,.06);padding:18px}
body.workspace-mode .admin-quick-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}
body.workspace-mode .admin-quick-lock{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf3fb;color:#173f68}
body.workspace-mode .admin-quick-lock svg{width:20px;height:20px}
body.workspace-mode .admin-quick-head h2{margin:0;color:#17324d;font-size:18px}
body.workspace-mode .admin-quick-head p{margin:2px 0 0;color:#718699;font-size:11px}
body.workspace-mode .admin-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.workspace-mode .admin-quick-tool{appearance:none;width:100%;min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;text-align:left;border:1px solid #dce6ef!important;border-radius:13px!important;background:#fff!important;color:#17324d!important;padding:13px!important;box-shadow:none!important;min-height:90px;cursor:pointer}
body.workspace-mode .admin-quick-tool:hover{border-color:#9fc2dd!important;background:#f8fbfd!important;transform:translateY(-1px)}
body.workspace-mode .admin-quick-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eaf3fb;color:#1d5f96}
body.workspace-mode .admin-quick-icon svg{width:22px;height:22px}
body.workspace-mode .admin-quick-tool>span:last-child{display:grid;gap:3px;min-width:0}
body.workspace-mode .admin-quick-tool b{font-size:12px;color:#17324d}
body.workspace-mode .admin-quick-tool small{font-size:10px;line-height:1.35;color:#718699;font-weight:600}
body.workspace-mode .admin-quick-stats{display:flex;justify-content:flex-end;gap:14px;margin-top:12px;color:#718699;font-size:10px}
body.workspace-mode .admin-quick-stats b{color:#17324d}
body.workspace-mode .admin-section-page .page-heading{margin-bottom:0}
body.workspace-mode .admin-section-card{overflow:hidden}
body.workspace-mode .admin-section-card .details{margin-top:12px}

@media(max-width:1000px){
 body.workspace-mode .admin-control-card{min-height:200px}
 body.workspace-mode .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 body.workspace-mode .admin-control-page{gap:10px}
 body.workspace-mode .admin-control-card{min-height:104px;padding:13px 12px;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center}
 body.workspace-mode .admin-control-card h2{font-size:15px;margin:0 0 3px}
 body.workspace-mode .admin-control-card p{font-size:10px;min-height:0;line-height:1.35}
 body.workspace-mode .admin-control-list{display:none}
 body.workspace-mode .admin-control-arrow{align-self:center;width:28px;height:28px;font-size:20px}
 body.workspace-mode .admin-quick-panel{padding:12px;border-radius:14px}
 body.workspace-mode .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.workspace-mode .admin-quick-tool{display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:112px;padding:10px!important;gap:7px}
 body.workspace-mode .admin-quick-tool>span:last-child{display:block}
 body.workspace-mode .admin-quick-tool b{display:block;font-size:11px}
 body.workspace-mode .admin-quick-tool small{display:none}
 body.workspace-mode .admin-quick-icon{width:38px;height:38px}
 body.workspace-mode .admin-quick-stats{justify-content:center;flex-wrap:wrap;margin-top:10px}
}

/* Reports print layout: print the report, not the application shell. */
@media print{
 @page{size:landscape;margin:8mm}
 body.reports-page-mode .reference-global-topbar,
 body.reports-page-mode .reference-mobile-nav,
 body.reports-page-mode .masthead,
 body.reports-page-mode .page-footer,
 body.reports-page-mode .reports-dashboard-page>.page-heading,
 body.reports-page-mode .report-toolbar,
 body.reports-page-mode .no-print{display:none!important}
 body.reports-page-mode #main{margin:0!important;padding:0!important;max-width:none!important;width:auto!important}
 body.reports-page-mode .reports-dashboard-page{display:block!important;width:100%!important;max-width:none!important}
 body.reports-page-mode .print-brand{display:flex!important;margin:0 0 5mm!important;padding:0 0 4mm!important;break-inside:avoid}
 body.reports-page-mode .print-brand img{width:86px!important;height:56px!important}
 body.reports-page-mode .print-brand h1{font-size:20pt!important}
 body.reports-page-mode .print-brand p{font-size:10pt!important}
 body.reports-page-mode .report-kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:3mm!important;margin:0 0 4mm!important}
 body.reports-page-mode .report-kpi-card{min-height:0!important;padding:4mm!important}
 body.reports-page-mode .report-kpi-card strong{font-size:16pt!important}
 body.reports-page-mode .report-chart-section,
 body.reports-page-mode .report-attention,
 body.reports-page-mode .report-details-card{padding:4mm!important;margin:0 0 4mm!important;break-inside:avoid-page}
 body.reports-page-mode .report-chart-grid{grid-template-columns:repeat(2,1fr)!important;gap:3mm!important}
 body.reports-page-mode .report-chart-grid .chart-card{min-height:0!important;padding:3mm!important;break-inside:avoid}
 body.reports-page-mode .report-chart-grid .chart-card:nth-child(n+3){margin-top:0!important}
 body.reports-page-mode .report-attention-grid{grid-template-columns:repeat(2,1fr)!important;gap:3mm!important}
 body.reports-page-mode .report-detail-table{overflow:visible!important}
 body.reports-page-mode .report-detail-table table{min-width:0!important;font-size:8.5pt!important}
 body.reports-page-mode .report-detail-table th,
 body.reports-page-mode .report-detail-table td{font-size:8.5pt!important;padding:2mm 1.5mm!important}
 body.reports-page-mode .report-details-card{break-inside:auto!important}
 body.reports-page-mode .report-details-card tr{break-inside:avoid}
}


/* ======================================================================
   2026-09-11 VIEW FULL DAY REDESIGN
   Large daily schedule modal based on the approved visual reference.
   ====================================================================== */
body.workspace-mode dialog.day-schedule-dialog{
  width:min(1180px,95vw)!important;
  height:min(880px,89vh)!important;
  max-width:1180px!important;
  max-height:89vh!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #9ebbd2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 34px 110px rgba(4,26,47,.38)!important;
}
body.workspace-mode dialog.day-schedule-dialog[open]{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
body.workspace-mode dialog.day-schedule-dialog::backdrop{
  background:rgba(4,20,37,.58)!important;
  backdrop-filter:blur(5px);
}
body.workspace-mode dialog.day-schedule-dialog .dialog-top{
  min-height:98px;
  padding:20px 28px!important;
  background:
    radial-gradient(circle at 86% -85%,rgba(109,197,255,.30),transparent 45%),
    linear-gradient(112deg,#092945 0%,#0d456c 52%,#12608e 100%)!important;
  border:0!important;
  border-radius:17px 17px 0 0;
  position:relative!important;
  top:auto!important;
}
body.workspace-mode dialog.day-schedule-dialog .dialog-title-stack{
  position:relative;
  padding-left:70px;
}
body.workspace-mode dialog.day-schedule-dialog .dialog-title-stack::before{
  content:"▦";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f8fbff;
  color:#163d5e;
  box-shadow:0 2px 7px rgba(0,0,0,.12);
  font-size:31px;
  font-weight:800;
  line-height:1;
}
body.workspace-mode dialog.day-schedule-dialog .dialog-top h2{
  margin:0!important;
  color:#fff!important;
  font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",Arial,sans-serif!important;
  font-size:29px!important;
  line-height:1.08!important;
  font-weight:760!important;
  letter-spacing:-.55px!important;
}
body.workspace-mode dialog.day-schedule-dialog #dialog-subtitle{
  display:block;
  margin:7px 0 0!important;
  color:#e8f3fb!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:500!important;
}
body.workspace-mode dialog.day-schedule-dialog .day-close-button{
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10);
}
body.workspace-mode dialog.day-schedule-dialog .day-close-button:hover{
  background:rgba(255,255,255,.18)!important;
}
body.workspace-mode dialog.day-schedule-dialog form{
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
}
body.workspace-mode dialog.day-schedule-dialog .dialog-footer{
  display:none!important;
}
body.workspace-mode dialog.day-schedule-dialog .fields{
  flex:1 1 auto;
  min-height:0;
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.workspace-mode dialog.day-schedule-dialog #form-error{
  flex:0 0 auto;
  padding:0 28px!important;
  margin:0!important;
}

body.workspace-mode .day-schedule-shell{
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  background:#fff;
  color:#102944;
}
body.workspace-mode .day-schedule-toolbar{
  flex:0 0 auto;
  min-height:70px;
  padding:13px 27px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid #dbe5ee;
  background:#fff;
}
body.workspace-mode .day-schedule-nav{
  display:flex;
  align-items:center;
  gap:10px;
}
body.workspace-mode .day-schedule-nav button{
  width:54px;
  min-width:54px;
  min-height:43px!important;
  margin:0!important;
  padding:0!important;
  display:grid;
  place-items:center;
  border:1px solid #d4e0ea!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#153e61!important;
  box-shadow:0 1px 2px rgba(14,47,74,.04);
  font-size:30px!important;
  line-height:1!important;
  font-weight:500!important;
}
body.workspace-mode .day-schedule-nav button:hover{
  background:#f3f8fc!important;
  border-color:#b9ccdc!important;
}
body.workspace-mode .day-schedule-nav .day-today-button{
  width:auto;
  min-width:90px;
  padding:0 18px!important;
  font-size:15px!important;
  font-weight:700!important;
}
body.workspace-mode .day-schedule-legend{
  display:flex;
  align-items:center;
  gap:30px;
  padding-right:3px;
  font-size:15px;
  font-weight:600;
  color:#102944;
}
body.workspace-mode .day-schedule-legend span{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
body.workspace-mode .day-schedule-legend i{
  width:25px;
  height:25px;
  border-radius:50%;
  display:block;
  border:1px solid rgba(27,74,110,.05);
}
body.workspace-mode .day-schedule-legend .legend-open{background:#cfe6fb}
body.workspace-mode .day-schedule-legend .legend-booked{background:#c7f1d4}
body.workspace-mode .day-schedule-legend .legend-blocked{background:#f8c8cd}

body.workspace-mode .day-schedule-table{
  flex:1 1 auto;
  min-height:0;
  margin:0 27px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
body.workspace-mode .day-schedule-head,
body.workspace-mode .day-schedule-row{
  display:grid;
  grid-template-columns:130px minmax(320px,1.55fr) 170px 160px 210px;
  align-items:center;
}
body.workspace-mode .day-schedule-head{
  flex:0 0 auto;
  min-height:45px;
  padding:0 16px;
  border-radius:9px 9px 0 0;
  background:linear-gradient(180deg,#eef3f8,#e8eef4);
  border:1px solid #dce6ee;
  border-bottom-color:#ccd9e4;
  color:#102944;
  font-size:14px;
  font-weight:800;
}
body.workspace-mode .day-schedule-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:6px;
  scrollbar-color:#8a8f94 #eef1f4;
  scrollbar-width:thin;
}
body.workspace-mode .day-schedule-scroll::-webkit-scrollbar{width:11px}
body.workspace-mode .day-schedule-scroll::-webkit-scrollbar-track{background:#eef1f4;border-radius:10px}
body.workspace-mode .day-schedule-scroll::-webkit-scrollbar-thumb{background:#8c9094;border-radius:10px;border:2px solid #eef1f4}
body.workspace-mode .day-schedule-row{
  min-height:66px;
  margin-top:4px;
  padding:0 16px;
  border:1px solid #dbe5ee;
  border-radius:7px;
  background:#fff;
  color:#102944;
  font-size:15px;
  box-shadow:0 1px 1px rgba(9,42,68,.015);
}
body.workspace-mode .day-schedule-row time{
  font-size:17px;
  font-weight:800;
  color:#102944;
}
body.workspace-mode .day-schedule-open{
  background:linear-gradient(90deg,#fbfdff,#f6fafe)!important;
}
body.workspace-mode .day-schedule-open .day-schedule-appointment{
  min-height:54px;
  margin:5px 12px 5px 0;
  padding:0 14px;
  border:1px solid #d2e3f1;
  border-radius:7px;
  background:linear-gradient(110deg,#e7f2fd,#f5faff);
}
body.workspace-mode .day-schedule-booked{
  border-color:#d1ead9;
  background:linear-gradient(90deg,#effaf3,#f8fdf9)!important;
}
body.workspace-mode .day-schedule-blocked{
  border-color:#f0cbd0;
  background:linear-gradient(90deg,#fff0f1,#fff7f8)!important;
}
body.workspace-mode .day-schedule-appointment{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
body.workspace-mode .day-schedule-appointment>span:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
}
body.workspace-mode .day-schedule-appointment b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#102944;
  font-size:15px;
  font-weight:800;
}
body.workspace-mode .day-schedule-appointment small{
  margin-top:3px;
  color:#48637d;
  font-size:12.5px;
  font-weight:500;
}
body.workspace-mode .day-status-icon{
  flex:0 0 31px;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:24px;
  line-height:1;
  font-weight:500;
}
body.workspace-mode .day-open-icon{
  background:#9fb5c9;
  color:#fff;
}
body.workspace-mode .day-booked-icon{
  background:#16b85e;
  color:#fff;
  font-size:18px;
  border:4px solid #d8f5e4;
}
body.workspace-mode .day-block-icon{
  background:#ed4f5c;
  color:#fff;
  font-size:24px;
}
body.workspace-mode .day-schedule-assigned,
body.workspace-mode .day-schedule-type{
  color:#17314e;
  font-weight:500;
}
body.workspace-mode .day-schedule-actions{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:9px;
}
body.workspace-mode .day-schedule-actions button{
  min-height:42px!important;
  margin:0!important;
  border-radius:7px!important;
  padding:0 14px!important;
  font-size:14px!important;
  font-weight:750!important;
  white-space:nowrap;
}
body.workspace-mode .day-book-button{
  min-width:103px;
  background:linear-gradient(180deg,#2586f4,#0870e7)!important;
  border:1px solid #0870e7!important;
  color:#fff!important;
  box-shadow:0 2px 5px rgba(8,112,231,.20)!important;
}
body.workspace-mode .day-book-button:hover{background:linear-gradient(180deg,#1479eb,#0564d1)!important}
body.workspace-mode .day-book-button span{font-size:20px;margin-right:5px;vertical-align:-1px}
body.workspace-mode .day-edit-button{
  background:#f4f8fc!important;
  border:1px solid #cadbe8!important;
  color:#132f4a!important;
}
body.workspace-mode .day-edit-button:hover{background:#eaf2f8!important}
body.workspace-mode .day-delete-button{
  background:linear-gradient(180deg,#f2464d,#df2831)!important;
  border:1px solid #db2730!important;
  color:#fff!important;
  box-shadow:0 2px 5px rgba(216,39,48,.16)!important;
}
body.workspace-mode .day-delete-button:hover{background:linear-gradient(180deg,#e93840,#cb2029)!important}

body.workspace-mode .day-schedule-summary{
  flex:0 0 auto;
  min-height:69px;
  padding:0 28px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  border-top:1px solid #d9e4ed;
  background:#fff;
  color:#27435e;
  font-size:14px;
}
body.workspace-mode .day-schedule-date-mark{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#e8f1f8;
  color:#1f567e;
  font-size:19px;
  font-weight:800;
}
body.workspace-mode .day-schedule-summary>div{
  display:flex;
  align-items:center;
  gap:13px;
}
body.workspace-mode .day-schedule-summary b{
  font-weight:500;
  color:#223e59;
  white-space:nowrap;
}
body.workspace-mode .day-schedule-summary i{
  width:1px;
  height:18px;
  background:#bdcbd7;
}

/* Mobile schedule cards: preserve the same data without squeezing five columns. */
@media(max-width:760px){
  body.workspace-mode dialog.day-schedule-dialog{
    width:96vw!important;
    height:92vh!important;
    max-height:92vh!important;
    border-radius:13px!important;
  }
  body.workspace-mode dialog.day-schedule-dialog .dialog-top{
    min-height:78px;
    padding:13px 14px!important;
  }
  body.workspace-mode dialog.day-schedule-dialog .dialog-title-stack{
    padding-left:48px;
  }
  body.workspace-mode dialog.day-schedule-dialog .dialog-title-stack::before{
    width:36px;
    height:36px;
    border-radius:7px;
    font-size:23px;
  }
  body.workspace-mode dialog.day-schedule-dialog .dialog-top h2{
    font-size:17px!important;
    letter-spacing:-.15px!important;
  }
  body.workspace-mode dialog.day-schedule-dialog #dialog-subtitle{
    margin-top:3px!important;
    font-size:11px!important;
  }
  body.workspace-mode dialog.day-schedule-dialog .day-close-button{
    min-height:34px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
  body.workspace-mode .day-schedule-toolbar{
    min-height:58px;
    padding:8px 10px;
    gap:9px;
  }
  body.workspace-mode .day-schedule-nav{gap:6px}
  body.workspace-mode .day-schedule-nav button{
    width:38px;
    min-width:38px;
    min-height:36px!important;
    font-size:23px!important;
  }
  body.workspace-mode .day-schedule-nav .day-today-button{
    min-width:63px;
    padding:0 9px!important;
    font-size:11px!important;
  }
  body.workspace-mode .day-schedule-legend{
    gap:9px;
    font-size:10px;
  }
  body.workspace-mode .day-schedule-legend span{gap:4px}
  body.workspace-mode .day-schedule-legend i{width:13px;height:13px}
  body.workspace-mode .day-schedule-table{
    margin:0 8px;
  }
  body.workspace-mode .day-schedule-head{display:none}
  body.workspace-mode .day-schedule-scroll{
    padding:5px 3px 5px 0;
  }
  body.workspace-mode .day-schedule-row{
    min-height:0;
    margin-top:6px;
    padding:9px 10px;
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    grid-template-areas:
      "time appointment"
      "time meta"
      "time actions";
    align-items:start;
    row-gap:7px;
    font-size:12px;
  }
  body.workspace-mode .day-schedule-row time{
    grid-area:time;
    padding-top:7px;
    font-size:13px;
  }
  body.workspace-mode .day-schedule-appointment{
    grid-area:appointment;
    gap:8px;
  }
  body.workspace-mode .day-schedule-open .day-schedule-appointment{
    min-height:44px;
    margin:0;
    padding:0 9px;
  }
  body.workspace-mode .day-status-icon{
    flex-basis:26px;
    width:26px;
    height:26px;
    font-size:19px;
  }
  body.workspace-mode .day-booked-icon{
    font-size:13px;
    border-width:3px;
  }
  body.workspace-mode .day-schedule-appointment b{font-size:12px}
  body.workspace-mode .day-schedule-appointment small{font-size:10px}
  body.workspace-mode .day-schedule-assigned,
  body.workspace-mode .day-schedule-type{
    grid-area:meta;
    display:inline-block;
    width:max-content;
    font-size:10px;
    border:1px solid #d4e0e9;
    border-radius:999px;
    padding:3px 7px;
    background:rgba(255,255,255,.7);
  }
  body.workspace-mode .day-schedule-type{
    margin-left:72px;
  }
  body.workspace-mode .day-schedule-open .day-schedule-assigned,
  body.workspace-mode .day-schedule-open .day-schedule-type{
    display:none;
  }
  body.workspace-mode .day-schedule-actions{
    grid-area:actions;
    justify-content:flex-start;
  }
  body.workspace-mode .day-schedule-actions button{
    min-height:32px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
  body.workspace-mode .day-book-button{min-width:78px}
  body.workspace-mode .day-book-button span{font-size:15px}
  body.workspace-mode .day-schedule-summary{
    min-height:52px;
    padding:7px 11px;
    grid-template-columns:auto 1fr;
    gap:6px;
    font-size:9.5px;
  }
  body.workspace-mode .day-schedule-date-mark{
    width:22px;height:22px;font-size:15px
  }
  body.workspace-mode .day-schedule-summary>div{
    grid-column:1/-1;
    justify-content:flex-end;
    gap:7px;
    font-size:9px;
  }
  body.workspace-mode .day-schedule-summary i{height:12px}
}

/* ======================================================================
   2026-09-11 ADD REFERRAL REDESIGN + ADMIN BULK CONTACT MANAGEMENT
   ====================================================================== */

/* Add Referral — wider, cleaner, fixed header/footer with scrolling form */
body.workspace-mode dialog.referral-dialog{
  width:min(1040px,96vw)!important;
  max-height:94vh!important;
  overflow:hidden!important;
  background:#f5f8fb!important;
  color:#173451!important;
  border:1px solid #c9d9e7!important;
  border-radius:17px!important;
}
body.workspace-mode dialog.referral-dialog .dialog-top{
  padding:18px 24px!important;
}
body.workspace-mode dialog.referral-dialog .dialog-top h2{
  font-size:25px!important;
  letter-spacing:-.02em!important;
}
body.workspace-mode dialog.referral-dialog #dialog-subtitle{
  display:block!important;
  margin-top:4px!important;
  color:#d7e8f5!important;
  font-size:13px!important;
}
body.workspace-mode dialog.referral-dialog #editor{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  max-height:calc(94vh - 82px)!important;
  overflow:hidden!important;
}
body.workspace-mode dialog.referral-dialog #editor-fields{
  display:block!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:16px 22px 18px!important;
  background:#f6f9fc!important;
  overscroll-behavior:contain;
}
body.workspace-mode dialog.referral-dialog .dialog-footer{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:13px 20px!important;
  background:#fff!important;
  border-top:1px solid #d9e4ed!important;
}
body.workspace-mode dialog.referral-dialog .dialog-footer .quiet{
  background:#eef3f8!important;
  color:#40566b!important;
  border:1px solid #d5e0e9!important;
}
body.workspace-mode dialog.referral-dialog #save-button{
  min-width:170px!important;
  background:linear-gradient(135deg,#087dea,#0664c6)!important;
  color:#fff!important;
  border-color:#0664c6!important;
}
body.workspace-mode dialog.referral-dialog #form-error{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 20px!important;
  background:#fff!important;
}
body.workspace-mode dialog.referral-dialog label,
body.workspace-mode dialog.referral-dialog legend{
  color:#173b5d!important;
}
body.workspace-mode dialog.referral-dialog input[type=text],
body.workspace-mode dialog.referral-dialog input[type=tel],
body.workspace-mode dialog.referral-dialog textarea{
  background:#fff!important;
  color:#173451!important;
  border:1px solid #c8d8e6!important;
  color-scheme:light!important;
  box-shadow:none!important;
}
body.workspace-mode dialog.referral-dialog input:focus,
body.workspace-mode dialog.referral-dialog textarea:focus{
  border-color:#5aa3e8!important;
  box-shadow:0 0 0 3px rgba(50,139,224,.12)!important;
}
body.workspace-mode .referral-intro{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:16px;
  padding:13px 16px;
  border:1px solid #d3e5f4;
  border-radius:11px;
  background:linear-gradient(135deg,#edf6ff,#e7f2fc);
  color:#214c73;
}
body.workspace-mode .referral-intro-icon{
  width:36px;height:36px;flex:0 0 36px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#d7ebff;
  color:#0c6ed0;
}
body.workspace-mode .referral-intro-icon svg{width:22px;height:22px}
body.workspace-mode .referral-intro b{display:block;color:#143f68;font-size:15px}
body.workspace-mode .referral-intro p{margin:3px 0 0;color:#55738d;font-size:12px;line-height:1.4}
body.workspace-mode .referral-rows{display:grid;gap:12px}
body.workspace-mode dialog.referral-dialog .referral-row{
  margin:0!important;
  padding:16px 17px 17px!important;
  border:1px solid #d5e1ec!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(34,71,105,.05)!important;
}
body.workspace-mode .referral-card-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:13px;
}
body.workspace-mode .referral-card-head>div{display:flex;align-items:center;gap:9px}
body.workspace-mode .referral-card-head h3{margin:0!important;color:#163956!important;font-size:18px!important}
body.workspace-mode .referral-card-icon{
  width:30px;height:30px;display:grid;place-items:center;border-radius:9px;
  background:#e8f2fb;color:#245b88;
}
body.workspace-mode .referral-card-icon svg{width:18px;height:18px}
body.workspace-mode .referral-remove{
  background:#fff2f2!important;color:#c93636!important;border:1px solid #f3cccc!important;
  padding:7px 11px!important;font-size:11px!important;
}
body.workspace-mode .referral-primary-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:11px 13px;
}
body.workspace-mode .referral-primary-grid label{font-size:12px!important;font-weight:800!important}
body.workspace-mode .referral-primary-grid input{margin-top:5px!important;min-height:42px!important;padding:10px 12px!important}
body.workspace-mode .referral-phone{grid-column:1/-1}
body.workspace-mode .referral-phone label{display:block}
body.workspace-mode .referral-choice-layout{
  display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-top:12px;
}
body.workspace-mode dialog.referral-dialog .referral-choice-group{
  min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
body.workspace-mode dialog.referral-dialog .referral-choice-group legend{
  padding:0!important;margin:0 0 6px!important;font-size:12px!important;font-weight:850!important;
}
body.workspace-mode .referral-chip-grid{display:grid;gap:8px}
body.workspace-mode .referral-language-grid,
body.workspace-mode .referral-priority-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.workspace-mode .referral-relationship-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
body.workspace-mode .referral-chip{
  position:relative;display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0;min-height:42px;padding:8px 9px!important;margin:0!important;
  border:1px solid #cbd9e6;border-radius:9px;background:#f9fbfd;
  color:#31536f!important;font-size:11px!important;font-weight:800!important;cursor:pointer;
  transition:.14s ease;
}
body.workspace-mode .referral-chip:hover{border-color:#8bb6dc;background:#f2f8fd}
body.workspace-mode .referral-chip input{
  position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important;
}
body.workspace-mode .referral-chip:has(input:checked){
  border-color:#3188df;background:#eaf4ff;color:#0b64b7!important;box-shadow:inset 0 0 0 1px #3188df;
}
body.workspace-mode .referral-chip.priority-high:has(input:checked){border-color:#e66b6b;background:#fff0f0;color:#c83030!important;box-shadow:inset 0 0 0 1px #e66b6b}
body.workspace-mode .referral-chip.priority-medium:has(input:checked){border-color:#e4ad55;background:#fff7e9;color:#a7690f!important;box-shadow:inset 0 0 0 1px #e4ad55}
body.workspace-mode .referral-chip.priority-low:has(input:checked){border-color:#68bd86;background:#effaf2;color:#27854a!important;box-shadow:inset 0 0 0 1px #68bd86}
body.workspace-mode .referral-additional{
  margin-top:13px;padding:12px 13px 13px;border:1px solid #dde7ef;border-radius:10px;background:#f8fbfd;
  display:grid;gap:11px;
}
body.workspace-mode .referral-subhead h4{margin:0;color:#264a68;font-size:13px}
body.workspace-mode dialog.referral-dialog .referral-additional .points{
  margin:0!important;padding:10px 11px!important;border:1px solid #d4e0ea!important;border-radius:9px!important;background:#fff!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;
}
body.workspace-mode dialog.referral-dialog .referral-additional .points legend{
  grid-column:1/-1;padding:0 4px!important;font-size:11px!important;font-weight:850!important;
}
body.workspace-mode dialog.referral-dialog .referral-additional .points label{
  min-width:0;min-height:38px;margin:0!important;padding:7px 6px!important;border:1px solid #d6e1ea;border-radius:8px;background:#fbfdff;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center;font-size:10px!important;color:#3a5870!important;
}
body.workspace-mode dialog.referral-dialog .referral-additional .points input{width:15px!important;height:15px!important;min-height:15px!important;margin:0!important;accent-color:#1477d4}
body.workspace-mode dialog.referral-dialog .referral-additional .points output{color:#1477d4!important;margin-left:7px!important}
body.workspace-mode dialog.referral-dialog .referral-additional>label{display:block;font-size:12px!important;font-weight:800!important}
body.workspace-mode dialog.referral-dialog .referral-additional textarea{margin-top:5px!important;min-height:72px!important}
body.workspace-mode .referral-other-label{margin-top:7px!important;color:#1769bd!important;font-weight:750!important}
body.workspace-mode .referral-add-more{display:flex;justify-content:flex-start;padding-top:12px}
body.workspace-mode .referral-add-more button{
  background:#edf5ff!important;color:#0968c5!important;border:1px solid #c7ddf3!important;font-weight:850!important;
}

/* Admin > Contact Management */
body.workspace-mode .admin-contact-management-page{display:grid;gap:14px}
body.workspace-mode .admin-contact-manager{
  padding:0!important;overflow:hidden;border-radius:16px!important;border:1px solid #d5e2ec!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(22,57,89,.07)!important;
}
body.workspace-mode .admin-manager-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 18px;
  background:linear-gradient(105deg,#0a2945 0%,#0d5b91 100%);
  color:#fff;
}
body.workspace-mode .admin-manager-title{display:flex;align-items:center;gap:12px;min-width:0}
body.workspace-mode .admin-manager-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12)}
body.workspace-mode .admin-manager-icon svg{width:25px;height:25px}
body.workspace-mode .admin-manager-head .eyebrow{color:#a8d2f1!important;font-size:9px!important;margin:0 0 3px!important}
body.workspace-mode .admin-manager-head h2{margin:0!important;color:#fff!important;font-size:21px!important}
body.workspace-mode .admin-manager-head p{margin:3px 0 0;color:#d4e6f2;font-size:11px}
body.workspace-mode .admin-view-archive{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;white-space:nowrap}
body.workspace-mode .admin-manager-filters{
  display:grid;grid-template-columns:1.3fr .8fr .55fr;gap:10px;padding:13px 16px;background:#fff;border-bottom:1px solid #e0e9f0;
}
body.workspace-mode .admin-manager-filters label{display:block;color:#2d4c66!important;font-size:10px!important;font-weight:850!important;margin:0!important}
body.workspace-mode .admin-manager-filters label>span{display:block;margin-bottom:4px}
body.workspace-mode .admin-manager-filters input,
body.workspace-mode .admin-manager-filters select{
  margin:0!important;min-height:40px!important;padding:9px 10px!important;background:#fff!important;color:#173a5a!important;border:1px solid #cbd9e5!important;color-scheme:light!important;
}
body.workspace-mode .admin-manager-search{position:relative;padding-top:16px}
body.workspace-mode .admin-manager-search>span{position:absolute;left:11px;bottom:11px;font-size:19px;color:#607f99;z-index:1;margin:0!important}
body.workspace-mode .admin-manager-search input{padding-left:35px!important}
body.workspace-mode .admin-contact-table-wrap{overflow:auto;max-height:520px;background:#fff;position:relative}
body.workspace-mode .admin-contact-table{min-width:1020px;background:#fff}
body.workspace-mode .admin-contact-table thead{position:sticky;top:0;z-index:2;background:#eef3f7}
body.workspace-mode .admin-contact-table th{
  padding:10px 10px!important;background:#eef3f7!important;color:#26445f!important;border-bottom:1px solid #d5e1ea!important;
  font-size:9.5px!important;letter-spacing:.02em!important;text-transform:none!important;white-space:nowrap!important;
}
body.workspace-mode .admin-contact-table td{
  padding:9px 10px!important;border-bottom:1px solid #e5edf3!important;color:#3a5870!important;background:#fff!important;font-size:11px!important;vertical-align:middle!important;white-space:nowrap!important;
}
body.workspace-mode .admin-contact-table tr:hover td{background:#f8fbfd!important}
body.workspace-mode .admin-select-cell{width:38px!important;text-align:center!important}
body.workspace-mode .admin-contact-table input[type=checkbox]{width:17px!important;height:17px!important;min-height:17px!important;margin:0!important;accent-color:#0d72d4!important}
body.workspace-mode .admin-contact-name{font-weight:850!important;color:#183e61!important}
body.workspace-mode .admin-source-pill,
body.workspace-mode .admin-status-pill{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:999px;font-size:9.5px;font-weight:850}
body.workspace-mode .admin-source-pill{background:#e8f2ff;color:#1a64aa}
body.workspace-mode .admin-status-pill.is-active{background:#e7f8ec;color:#28844b}
body.workspace-mode .admin-status-pill.is-archived{background:#eef1f4;color:#697985}
body.workspace-mode .admin-view-contact{display:inline-flex;padding:5px 9px;border:1px solid #d1dde7;border-radius:7px;background:#f5f8fb;color:#284e6e;font-weight:800;text-decoration:none}
body.workspace-mode .admin-bulk-bar{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:11px 14px;border-top:1px solid #d8e5ef;background:linear-gradient(90deg,#edf6ff,#f8fbfd);
}
body.workspace-mode .admin-bulk-count{color:#24557f;font-size:11px;font-weight:750;white-space:nowrap}
body.workspace-mode .admin-bulk-count strong{font-size:17px;color:#0b5fad;margin-right:4px}
body.workspace-mode .admin-bulk-select-actions{display:flex;gap:7px;flex-wrap:wrap}
body.workspace-mode .admin-bulk-main-actions{display:flex;gap:8px;justify-content:flex-end}
body.workspace-mode .admin-bulk-bar button{min-height:36px!important;padding:7px 11px!important;font-size:10px!important}
body.workspace-mode .admin-bulk-bar .quiet{background:#fff!important;color:#294e6c!important;border:1px solid #cfdeea!important}
body.workspace-mode .admin-bulk-archive,
body.workspace-mode .admin-bulk-restore{color:#0d5fab!important;border-color:#8ebce3!important}
body.workspace-mode .admin-bulk-delete{background:linear-gradient(135deg,#ef3f45,#d92730)!important;color:#fff!important;border-color:#d92730!important}
body.workspace-mode .admin-archive-more{margin:8px 0 0!important;text-align:center;font-size:11px!important}

/* Strong confirmation for bulk permanent deletion */
body.workspace-mode dialog.bulk-delete-dialog{width:min(620px,94vw)!important;background:#fff!important;color:#173451!important;border:1px solid #d5dfe8!important}
body.workspace-mode dialog.bulk-delete-dialog #editor-fields{display:block!important;padding:18px 20px!important}
body.workspace-mode dialog.bulk-delete-dialog .dialog-footer{display:none!important}
body.workspace-mode .bulk-delete-confirm{display:grid;gap:14px}
body.workspace-mode .bulk-delete-warning{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid #f0c3c3;border-radius:10px;background:#fff4f4;color:#6e2626}
body.workspace-mode .bulk-delete-warning>span,
body.workspace-mode .bulk-delete-warning:first-letter{font-weight:900}
body.workspace-mode .bulk-delete-warning>div:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e43c42;color:#fff;font-weight:900}
body.workspace-mode .bulk-delete-warning h3{margin:0 0 4px!important;color:#9e252b!important;font-size:17px!important}
body.workspace-mode .bulk-delete-warning p{margin:0;font-size:11px;line-height:1.45}
body.workspace-mode .bulk-delete-summary{padding:11px 13px;border-radius:9px;background:#f6f8fa;border:1px solid #e0e6eb;color:#3b5368}
body.workspace-mode .bulk-delete-summary strong{color:#203f58}
body.workspace-mode .bulk-delete-summary p{margin:5px 0 0;font-size:10px;color:#6c7f8e;line-height:1.45}
body.workspace-mode .bulk-delete-confirm label{color:#284965!important;font-size:11px!important}
body.workspace-mode .bulk-delete-confirm label small{display:block;margin:5px 0 4px;color:#b02c32;font-size:12px;font-weight:900;letter-spacing:.05em}
body.workspace-mode .bulk-delete-confirm input{background:#fff!important;color:#173451!important;border:1px solid #ccd9e4!important;color-scheme:light!important}
body.workspace-mode .bulk-delete-actions{display:flex;justify-content:flex-end;gap:9px}
body.workspace-mode .bulk-delete-actions .quiet{background:#eef3f7!important;color:#40566b!important;border:1px solid #d5e0e9!important}
body.workspace-mode .bulk-delete-actions .danger{background:linear-gradient(135deg,#ef3f45,#d92730)!important;color:#fff!important;border-color:#d92730!important}

@media(max-width:760px){
  body.workspace-mode dialog.referral-dialog{
    position:fixed!important;inset:8px!important;margin:auto!important;width:auto!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:12px!important;
  }
  body.workspace-mode dialog.referral-dialog .dialog-top{padding:12px 13px!important}
  body.workspace-mode dialog.referral-dialog .dialog-top h2{font-size:20px!important}
  body.workspace-mode dialog.referral-dialog #dialog-subtitle{font-size:10px!important;line-height:1.3!important}
  body.workspace-mode dialog.referral-dialog #editor{max-height:calc(100dvh - 72px)!important}
  body.workspace-mode dialog.referral-dialog #editor-fields{padding:10px!important}
  body.workspace-mode .referral-intro{padding:10px 11px;margin-bottom:10px}
  body.workspace-mode .referral-intro-icon{width:31px;height:31px;flex-basis:31px}
  body.workspace-mode dialog.referral-dialog .referral-row{padding:12px!important}
  body.workspace-mode .referral-primary-grid{grid-template-columns:1fr!important;gap:9px}
  body.workspace-mode .referral-phone{grid-column:auto}
  body.workspace-mode .referral-choice-layout{grid-template-columns:1fr!important;gap:10px}
  body.workspace-mode .referral-language-grid,
  body.workspace-mode .referral-priority-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.workspace-mode .referral-relationship-grid{grid-template-columns:1fr 1fr!important}
  body.workspace-mode dialog.referral-dialog .referral-additional .points{grid-template-columns:1fr 1fr!important}
  body.workspace-mode dialog.referral-dialog .referral-additional .points label:last-child{grid-column:1/-1}
  body.workspace-mode dialog.referral-dialog .dialog-footer{display:grid!important;grid-template-columns:1fr 1fr!important;padding:9px!important}
  body.workspace-mode dialog.referral-dialog .dialog-footer button{width:100%!important;min-width:0!important;min-height:42px!important}

  body.workspace-mode .admin-manager-head{align-items:flex-start;flex-direction:column;padding:13px}
  body.workspace-mode .admin-view-archive{width:100%!important}
  body.workspace-mode .admin-manager-filters{grid-template-columns:1fr!important;padding:10px;gap:8px}
  body.workspace-mode .admin-manager-search{padding-top:0}
  body.workspace-mode .admin-contact-table{min-width:590px}
  body.workspace-mode .admin-contact-table th:nth-child(4),body.workspace-mode .admin-contact-table td:nth-child(4),
  body.workspace-mode .admin-contact-table th:nth-child(6),body.workspace-mode .admin-contact-table td:nth-child(6),
  body.workspace-mode .admin-contact-table th:nth-child(7),body.workspace-mode .admin-contact-table td:nth-child(7){display:none}
  body.workspace-mode .admin-bulk-bar{grid-template-columns:1fr;gap:8px;padding:10px}
  body.workspace-mode .admin-bulk-select-actions,
  body.workspace-mode .admin-bulk-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  body.workspace-mode .admin-bulk-main-actions button{width:100%!important}
  body.workspace-mode dialog.bulk-delete-dialog{position:fixed!important;inset:10px!important;margin:auto!important;width:auto!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}
  body.workspace-mode .bulk-delete-actions{display:grid;grid-template-columns:1fr 1fr}
  body.workspace-mode .bulk-delete-actions button{width:100%!important}
}
body.workspace-mode .bulk-delete-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#e43c42;color:#fff;font-weight:900;font-size:18px}
body.workspace-mode .bulk-delete-warning>div:first-of-type{width:auto;height:auto;display:block;border-radius:0;background:transparent;color:inherit;font-weight:400}

/* 2026-09-11 CONTACTS DIRECTORY REDESIGN */
body.workspace-mode:has(#contact-rows) .page-heading{
  align-items:center!important;
  margin-bottom:14px!important;
}
body.workspace-mode:has(#contact-rows) .page-heading>div:first-child .eyebrow{
  margin-bottom:3px!important;
}
body.workspace-mode:has(#contact-rows) .page-heading h1{
  display:flex;align-items:center;gap:10px;
}
body.workspace-mode:has(#contact-rows) .page-heading .muted{
  margin:4px 0 0!important;color:#54708b!important;font-size:13px!important;
}
body.workspace-mode:has(#contact-rows) .contacts-new-button{
  min-height:43px!important;padding:9px 17px!important;border-radius:8px!important;
  background:linear-gradient(180deg,#117be1,#0569ca)!important;color:#fff!important;border:1px solid #0565c2!important;
  box-shadow:0 5px 13px rgba(7,102,196,.18)!important;font-weight:850!important;
}
body.workspace-mode:has(#contact-rows) .contacts-directory{
  padding:0!important;overflow:hidden!important;border:1px solid #d8e4ee!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 7px 22px rgba(25,61,92,.06)!important;
}
body.workspace-mode:has(#contact-rows) .contacts-filter-grid{
  display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(125px,.75fr));gap:11px;
  padding:14px 15px 13px;background:#fff;border-bottom:1px solid #e5edf4;
}
body.workspace-mode:has(#contact-rows) .contacts-filter-grid label{
  display:block;margin:0!important;color:#2b4b68!important;font-size:10px!important;font-weight:850!important;
}
body.workspace-mode:has(#contact-rows) .contacts-filter-grid label>span{
  display:block;margin:0 0 5px;
}
body.workspace-mode:has(#contact-rows) .contacts-filter-grid input,
body.workspace-mode:has(#contact-rows) .contacts-filter-grid select{
  margin:0!important;min-height:40px!important;height:40px!important;padding:8px 10px!important;
  background:#fff!important;color:#193b5c!important;border:1px solid #cad9e5!important;border-radius:8px!important;
  color-scheme:light!important;font-size:12px!important;
}
body.workspace-mode:has(#contact-rows) .contacts-search>div{position:relative}
body.workspace-mode:has(#contact-rows) .contacts-search>div>.ui-icon{
  position:absolute;left:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#5d7d99;z-index:1;
}
body.workspace-mode:has(#contact-rows) .contacts-search input{padding-left:38px!important}
body.workspace-mode:has(#contact-rows) .contacts-list-meta{
  min-height:37px;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;
  background:#fbfdff;border-bottom:1px solid #e5edf4;color:#58728a;font-size:11px;font-weight:700;
}
body.workspace-mode:has(#contact-rows) .contacts-table-wrap{
  overflow:auto!important;background:#fff!important;
}
body.workspace-mode:has(#contact-rows) .contacts-table{
  min-width:890px!important;width:100%!important;background:#fff!important;border-collapse:separate!important;border-spacing:0!important;
}
body.workspace-mode:has(#contact-rows) .contacts-table thead{position:sticky;top:0;z-index:2}
body.workspace-mode:has(#contact-rows) .contacts-table th{
  padding:10px 9px!important;background:#edf3f8!important;color:#26445f!important;border-bottom:1px solid #d7e2eb!important;
  font-size:9px!important;line-height:1.15!important;letter-spacing:.025em!important;text-transform:none!important;white-space:nowrap!important;
}
body.workspace-mode:has(#contact-rows) .contacts-table td{
  padding:10px 9px!important;background:#fff!important;color:#35536d!important;border-bottom:1px solid #e5edf3!important;
  font-size:11px!important;line-height:1.25!important;vertical-align:middle!important;
}
body.workspace-mode:has(#contact-rows) .contacts-table tbody tr:hover td{background:#f8fbfe!important}
body.workspace-mode:has(#contact-rows) .contact-name-cell{min-width:142px}
body.workspace-mode:has(#contact-rows) .contact-name-cell>a{
  color:#0568c8!important;font-size:11.5px!important;font-weight:900!important;text-decoration:none!important;
}
body.workspace-mode:has(#contact-rows) .contact-name-cell>small{
  display:block!important;margin-top:3px!important;color:#8094a7!important;font-size:9px!important;font-weight:600!important;max-width:170px;overflow:hidden;text-overflow:ellipsis;
}
body.workspace-mode:has(#contact-rows) .contact-phone-cell{color:#385a77!important;font-variant-numeric:tabular-nums}
body.workspace-mode:has(#contact-rows) .contact-pill{
  display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:6px;font-size:9.5px;font-weight:850;white-space:nowrap;
  border:1px solid transparent;
}
body.workspace-mode:has(#contact-rows) .contact-source-pill{background:#e7f2ff;color:#1767b2;border-color:#d6e9fb}
body.workspace-mode:has(#contact-rows) .contact-source-pill.source-prospecting{background:#e3f8ee;color:#177748;border-color:#cef0df}
body.workspace-mode:has(#contact-rows) .contact-source-pill.source-social-media{background:#ffe8e9;color:#b63b43;border-color:#f8d5d7}
body.workspace-mode:has(#contact-rows) .contact-source-pill.source-networking-events,
body.workspace-mode:has(#contact-rows) .contact-source-pill.source-networking{background:#efe7ff;color:#6c47b1;border-color:#e2d6fa}
body.workspace-mode:has(#contact-rows) .contact-status-pill{background:#e6f2ff;color:#1768b5;border-color:#d5e7f8}
body.workspace-mode:has(#contact-rows) .contact-status-pill.status-client{background:#daf6e7;color:#157544;border-color:#c6ecd8}
body.workspace-mode:has(#contact-rows) .contact-status-pill.status-recruit,
body.workspace-mode:has(#contact-rows) .contact-status-pill.status-working,
body.workspace-mode:has(#contact-rows) .contact-status-pill.status-follow-up{background:#fff0c9;color:#956006;border-color:#f5e2ad}
body.workspace-mode:has(#contact-rows) .contact-status-pill.status-inactive,
body.workspace-mode:has(#contact-rows) .contact-status-pill.status-do-not-contact{background:#edf0f3;color:#667887;border-color:#e0e5ea}
body.workspace-mode:has(#contact-rows) .contact-priority-pill.priority-high{background:#ffe5e8;color:#bd3543;border-color:#f7d0d5}
body.workspace-mode:has(#contact-rows) .contact-priority-pill.priority-medium{background:#fff0c8;color:#996307;border-color:#f5dfa8}
body.workspace-mode:has(#contact-rows) .contact-priority-pill.priority-low,
body.workspace-mode:has(#contact-rows) .contact-priority-pill.priority-cold{background:#edf3f8;color:#526b80;border-color:#dfe8ef}
body.workspace-mode:has(#contact-rows) .contact-priority-pill.priority-warm{background:#fff0c8;color:#996307;border-color:#f5dfa8}
body.workspace-mode:has(#contact-rows) .contact-priority-pill.priority-hot{background:#ffe5e8;color:#bd3543;border-color:#f7d0d5}
body.workspace-mode:has(#contact-rows) .contact-score-dots{display:flex;align-items:center;gap:3px;white-space:nowrap}
body.workspace-mode:has(#contact-rows) .contact-score-dots i{width:8px;height:8px;border-radius:50%;background:#d8e2eb;display:block}
body.workspace-mode:has(#contact-rows) .contact-score-dots i.is-on{background:#14ad64}
body.workspace-mode:has(#contact-rows) .contact-score-dots b{margin-left:5px;color:#294b67;font-size:10px}
body.workspace-mode:has(#contact-rows) .contact-next-action{
  display:inline-flex;align-items:center;gap:7px;min-width:112px;padding:5px 7px;border-radius:7px;background:#f4f8fb;color:#22445f;
}
body.workspace-mode:has(#contact-rows) .contact-next-action>i{
  width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:6px;background:#e8f2fc;color:#0f6ec7;font-style:normal;
}
body.workspace-mode:has(#contact-rows) .contact-next-action>i>.ui-icon{width:15px;height:15px}
body.workspace-mode:has(#contact-rows) .contact-next-action>span{display:grid;gap:1px}
body.workspace-mode:has(#contact-rows) .contact-next-action b{font-size:10px!important;color:#173b5b!important;white-space:nowrap}
body.workspace-mode:has(#contact-rows) .contact-next-action small{display:block!important;margin:0!important;color:#71879a!important;font-size:8.5px!important;white-space:nowrap}
body.workspace-mode:has(#contact-rows) .contact-actions-cell{text-align:center!important;min-width:52px!important;width:52px!important}
body.workspace-mode:has(#contact-rows) .contacts-more-button{
  width:36px!important;min-width:36px!important;height:34px!important;min-height:34px!important;padding:0 0 5px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:#f5f8fb!important;color:#244a69!important;border:1px solid #d5e0e9!important;border-radius:8px!important;
  font-size:18px!important;font-weight:900!important;letter-spacing:1px!important;line-height:1!important;
}
body.workspace-mode:has(#contact-rows) .contacts-more-button:hover{background:#eaf3fb!important;border-color:#bcd3e7!important}
body.workspace-mode:has(#contact-rows) #contact-empty{margin:0!important;padding:26px!important;background:#fff!important}

@media(max-width:1180px){
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(135px,.8fr))}
  body.workspace-mode:has(#contact-rows) .contacts-search{grid-column:span 2}
}
@media(max-width:760px){
  body.workspace-mode:has(#contact-rows) .page-heading{align-items:flex-start!important;gap:10px!important}
  body.workspace-mode:has(#contact-rows) .page-heading .toolbar{width:100%!important}
  body.workspace-mode:has(#contact-rows) .contacts-new-button{width:100%!important}
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid{grid-template-columns:1fr 1fr!important;padding:11px!important;gap:8px!important}
  body.workspace-mode:has(#contact-rows) .contacts-search{grid-column:1/-1!important}
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid label:last-child{grid-column:1/-1}
  body.workspace-mode:has(#contact-rows) .contacts-list-meta{padding:8px 11px}
  body.workspace-mode:has(#contact-rows) .contacts-table-wrap{overflow:visible!important;padding:9px!important;background:#f3f7fa!important}
  body.workspace-mode:has(#contact-rows) .contacts-table{display:block!important;min-width:0!important;width:100%!important;background:transparent!important}
  body.workspace-mode:has(#contact-rows) .contacts-table thead{display:none!important}
  body.workspace-mode:has(#contact-rows) .contacts-table tbody{display:grid!important;gap:9px!important}
  body.workspace-mode:has(#contact-rows) .contacts-table tr{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;overflow:hidden!important;
    border:1px solid #d8e3ec!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 10px rgba(24,60,91,.05)!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-table td{
    display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;
    min-width:0!important;width:auto!important;padding:8px 10px!important;border-bottom:1px solid #edf2f6!important;background:#fff!important;font-size:11px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-table td::before{
    content:attr(data-label);color:#7b8fa1;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;
  }
  body.workspace-mode:has(#contact-rows) .contacts-table .contact-name-cell{
    grid-column:1/-1!important;display:block!important;padding:11px 12px!important;background:#f7fbfe!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-table .contact-name-cell::before{display:none!important}
  body.workspace-mode:has(#contact-rows) .contact-name-cell>a{font-size:14px!important}
  body.workspace-mode:has(#contact-rows) .contact-phone-cell,
  body.workspace-mode:has(#contact-rows) .contact-qualification-cell,
  body.workspace-mode:has(#contact-rows) .contact-next-cell{grid-column:1/-1!important}
  body.workspace-mode:has(#contact-rows) .contact-next-action{width:100%!important;min-width:0!important}
  body.workspace-mode:has(#contact-rows) .contact-actions-cell{
    grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;padding:7px 10px!important;border-bottom:0!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-actions-cell::before{display:none!important}
  body.workspace-mode:has(#contact-rows) .contacts-more-button{width:44px!important;height:36px!important}
}
@media(max-width:450px){
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid{grid-template-columns:1fr!important}
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid label,
  body.workspace-mode:has(#contact-rows) .contacts-search{grid-column:auto!important}
  body.workspace-mode:has(#contact-rows) .contacts-table tr{grid-template-columns:1fr!important}
  body.workspace-mode:has(#contact-rows) .contacts-table td{grid-column:1/-1!important}
}

/* 2026-09-11 CONTACTS DIRECTORY DESKTOP SCALE TUNING
   Keep the approved structure; make the directory easier to scan on desktop. */
@media(min-width:761px){
  body.workspace-mode:has(#contact-rows) .page-heading{
    margin-bottom:18px!important;
  }
  body.workspace-mode:has(#contact-rows) .page-heading .muted{
    font-size:14px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-new-button{
    min-height:48px!important;
    padding:11px 20px!important;
    font-size:14px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid{
    gap:13px!important;
    padding:17px 18px 16px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid label{
    font-size:11.5px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid label>span{
    margin-bottom:6px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid input,
  body.workspace-mode:has(#contact-rows) .contacts-filter-grid select{
    min-height:46px!important;
    height:46px!important;
    padding:10px 12px!important;
    font-size:13.5px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-search>div>.ui-icon{
    left:13px!important;
    width:20px!important;
    height:20px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-search input{
    padding-left:42px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-list-meta{
    min-height:43px!important;
    padding:10px 18px!important;
    font-size:12.5px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-table{
    min-width:940px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-table th{
    padding:12px 10px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-table td{
    padding:13px 10px!important;
    font-size:12.5px!important;
    line-height:1.35!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-name-cell{
    min-width:154px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-name-cell>a{
    font-size:13.5px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-name-cell>small{
    margin-top:4px!important;
    font-size:10.5px!important;
    max-width:190px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-pill{
    min-height:27px!important;
    padding:4px 9px!important;
    border-radius:7px!important;
    font-size:11px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-score-dots{
    gap:4px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-score-dots i{
    width:10px!important;
    height:10px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-score-dots b{
    margin-left:6px!important;
    font-size:11.5px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-next-action{
    gap:8px!important;
    min-width:132px!important;
    padding:7px 9px!important;
    border-radius:8px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-next-action>i{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-next-action>i>.ui-icon{
    width:17px!important;
    height:17px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-next-action b{
    font-size:11.5px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-next-action small{
    font-size:10px!important;
  }
  body.workspace-mode:has(#contact-rows) .contact-actions-cell{
    min-width:62px!important;
    width:62px!important;
  }
  body.workspace-mode:has(#contact-rows) .contacts-more-button{
    width:42px!important;
    min-width:42px!important;
    height:39px!important;
    min-height:39px!important;
    padding-bottom:6px!important;
    font-size:20px!important;
  }
}

/* ================================================================
   2026-09-11 BLOCK TIME MODAL REDESIGN + CALENDAR HEADER CLEANUP
   ================================================================ */
body.workspace-mode dialog.block-time-dialog{
  width:min(820px,calc(100vw - 32px))!important;
  max-height:min(900px,calc(100dvh - 28px))!important;
  background:#f7f9fc!important;
  color:#173451!important;
  border:1px solid #c9d8e6!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 28px 90px rgba(10,35,62,.34)!important;
}
body.workspace-mode dialog.block-time-dialog .dialog-top{
  position:relative!important;
  top:auto!important;
  padding:18px 22px 18px 84px!important;
  min-height:96px!important;
  background:linear-gradient(135deg,#073b6b 0%,#0b609f 100%)!important;
  color:#fff!important;
  border:0!important;
}
body.workspace-mode dialog.block-time-dialog .dialog-top::before{
  content:'▦';
  position:absolute;
  left:24px;
  top:22px;
  width:44px;
  height:50px;
  display:grid;
  place-items:center;
  border:3px solid rgba(255,255,255,.96);
  border-radius:9px;
  color:#fff;
  font-size:28px;
  font-weight:900;
  line-height:1;
  box-shadow:inset 0 8px 0 rgba(255,255,255,.14);
}
body.workspace-mode dialog.block-time-dialog .dialog-top h2{
  margin:0!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.4px!important;
}
body.workspace-mode dialog.block-time-dialog .dialog-top #dialog-subtitle{
  display:block!important;
  margin:5px 0 0!important;
  color:#eaf5ff!important;
  font-size:14px!important;
  font-weight:600!important;
}
body.workspace-mode dialog.block-time-dialog .dialog-top>button{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  font-size:25px!important;
}
body.workspace-mode dialog.block-time-dialog #editor{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
body.workspace-mode dialog.block-time-dialog #editor-fields{
  display:block!important;
  padding:16px 22px 18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:calc(100dvh - 218px)!important;
}
.block-time-editor{display:grid;gap:14px;color:#173451}
.block-time-notice{
  display:flex;align-items:center;gap:10px;
  padding:11px 13px;
  border-radius:9px;
  background:linear-gradient(90deg,#e8f4ff,#f1f8ff);
  border:1px solid #cfe4f6;
  color:#0c5fac;
  font-size:13px;
}
.block-time-notice>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#0c6fce;color:#fff;flex:0 0 auto}
.block-time-notice .ui-icon{width:16px;height:16px}
.block-time-title,.block-time-grid label,.block-time-notes{display:block;color:#173451!important;font-weight:800!important;font-size:13px!important}
.block-time-dialog input,.block-time-dialog select,.block-time-dialog textarea{
  margin-top:6px!important;
  background:#fff!important;
  color:#173451!important;
  border:1px solid #c7d6e4!important;
  border-radius:9px!important;
  min-height:44px!important;
  padding:10px 12px!important;
  color-scheme:light!important;
  box-shadow:none!important;
}
.block-time-dialog input:focus,.block-time-dialog select:focus,.block-time-dialog textarea:focus{border-color:#2683dc!important;box-shadow:0 0 0 3px rgba(38,131,220,.12)!important;outline:0!important}
.block-time-type{border:0;margin:0;padding:0;min-width:0}
.block-time-type legend{padding:0;margin:0 0 7px;color:#173451;font-size:13px;font-weight:800}
.block-time-type-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.block-time-type-button{
  min-width:0!important;
  min-height:66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:8px 5px!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#183b5d!important;
  border:1px solid #cbd9e6!important;
  font-size:11px!important;
  line-height:1.1!important;
  box-shadow:0 1px 2px rgba(22,55,89,.03)!important;
}
.block-time-type-button span{display:grid;place-items:center;color:#315b84}
.block-time-type-button .ui-icon{width:22px;height:22px}
.block-time-type-button b{font-size:11px!important;white-space:normal;text-align:center}
.block-time-type-button.selected{
  background:linear-gradient(180deg,#eaf5ff,#f7fbff)!important;
  color:#0765c2!important;
  border-color:#1680ed!important;
  box-shadow:inset 0 0 0 1px #1680ed!important;
}
.block-time-type-button.selected span{color:#0874df!important}
.block-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}
.block-time-notes{position:relative}
.block-time-notes textarea{min-height:76px!important;resize:vertical!important;padding-right:54px!important}
.block-time-note-count{position:absolute;right:11px;bottom:9px;font-size:10px;color:#6a7f93;font-weight:600}
.block-time-summary{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:74px;
  padding:12px 14px;
  border-radius:10px;
  background:linear-gradient(90deg,#e9f4ff,#f5faff);
  border:1px solid #cee4f7;
}
.block-time-summary>span{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#0b6fd0;color:#fff;flex:0 0 auto}
.block-time-summary>span .ui-icon{width:23px;height:23px}
.block-time-summary>div{min-width:0}
.block-time-summary small{display:block;color:#0a63b4;font-weight:800;font-size:11px;margin-bottom:3px}
.block-time-summary b{display:block;color:#173451;font-size:14px;line-height:1.35}
.block-time-summary p{display:flex;gap:14px;flex-wrap:wrap;margin:4px 0 0;color:#62778c;font-size:11px;font-weight:700}
body.workspace-mode dialog.block-time-dialog .dialog-footer{
  display:flex!important;
  justify-content:flex-end!important;
  gap:9px!important;
  padding:11px 22px!important;
  background:#fff!important;
  border-top:1px solid #d9e3ec!important;
  position:sticky!important;
  bottom:0!important;
}
body.workspace-mode dialog.block-time-dialog .dialog-footer .quiet{
  background:#eef3f7!important;
  color:#173451!important;
  border:1px solid #d3dee8!important;
}
body.workspace-mode dialog.block-time-dialog #save-button{
  min-width:164px!important;
  background:linear-gradient(135deg,#0b7bea,#0864c7)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 5px 14px rgba(11,123,234,.2)!important;
}
body.workspace-mode dialog.block-time-dialog #appointment-calendar-button{display:none!important}

@media(max-width:760px){
  body.workspace-mode dialog.block-time-dialog{
    position:fixed!important;
    inset:8px!important;
    margin:auto!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:12px!important;
  }
  body.workspace-mode dialog.block-time-dialog .dialog-top{
    min-height:78px!important;
    padding:12px 12px 12px 63px!important;
  }
  body.workspace-mode dialog.block-time-dialog .dialog-top::before{
    left:13px;top:14px;width:38px;height:44px;font-size:23px;border-width:2px
  }
  body.workspace-mode dialog.block-time-dialog .dialog-top h2{font-size:21px!important}
  body.workspace-mode dialog.block-time-dialog .dialog-top #dialog-subtitle{font-size:11px!important;line-height:1.25!important}
  body.workspace-mode dialog.block-time-dialog #editor-fields{padding:10px!important;max-height:calc(100dvh - 176px)!important}
  .block-time-editor{gap:10px}
  .block-time-notice{font-size:11px;padding:9px 10px}
  .block-time-type-grid{grid-template-columns:repeat(3,1fr);gap:6px}
  .block-time-type-button{min-height:58px!important;font-size:10px!important}
  .block-time-type-button b{font-size:10px!important}
  .block-time-grid{grid-template-columns:1fr;gap:9px}
  .block-time-summary{align-items:flex-start;padding:10px}
  .block-time-summary b{font-size:12px}
  body.workspace-mode dialog.block-time-dialog .dialog-footer{display:grid!important;grid-template-columns:1fr 1.35fr!important;padding:9px!important}
  body.workspace-mode dialog.block-time-dialog .dialog-footer button{width:100%!important;min-width:0!important;min-height:42px!important}
}

/* ======================================================================
   2026-09-11 MOBILE COMPACT GREETING
   Keep the greeting on one line and reduce the mobile hero height.
   Desktop is intentionally unchanged.
   ====================================================================== */
@media (max-width:900px){
  body.workspace-mode .reference-global-hero{
    min-height:92px!important;
    padding:12px 16px 11px!important;
    gap:10px!important;
  }
  body.workspace-mode .reference-global-hero:before{
    top:8px!important;
    height:74px!important;
    opacity:.20!important;
  }
  body.workspace-mode .reference-global-greeting{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  body.workspace-mode .reference-global-greeting h1{
    font-size:23px!important;
    line-height:1.05!important;
    letter-spacing:-.45px!important;
    white-space:nowrap!important;
  }
  body.workspace-mode .reference-global-greeting p{
    margin-top:5px!important;
    font-size:12.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  body.workspace-mode .reference-global-hero .reference-hero-motto{
    flex:0 0 112px!important;
    font-size:6.8px!important;
    line-height:1.45!important;
    letter-spacing:.11em!important;
  }
  body.workspace-mode .reference-global-hero .reference-hero-motto i{
    width:34px!important;
    margin-top:6px!important;
  }
}

@media (max-width:390px){
  body.workspace-mode .reference-global-hero{
    min-height:86px!important;
    padding:10px 13px 9px!important;
    gap:8px!important;
  }
  body.workspace-mode .reference-global-greeting h1{
    font-size:20px!important;
    letter-spacing:-.35px!important;
  }
  body.workspace-mode .reference-global-greeting p{
    margin-top:4px!important;
    font-size:11.5px!important;
  }
  body.workspace-mode .reference-global-hero .reference-hero-motto{
    flex-basis:98px!important;
    font-size:6.1px!important;
    letter-spacing:.09em!important;
  }
}

/* =========================================================
   NEW CONTACT — polished modal matching approved visual
   ========================================================= */
body.workspace-mode dialog.new-contact-dialog{
  width:min(1040px,94vw)!important;
  max-width:1040px!important;
  max-height:94vh!important;
  border:1px solid #b8cce0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(5,26,48,.34)!important;
}
body.workspace-mode dialog.new-contact-dialog .dialog-top{
  position:relative!important;
  padding:20px 24px 20px 92px!important;
  min-height:92px!important;
  background:linear-gradient(125deg,#082f59 0%,#0b4d85 62%,#0a67b3 100%)!important;
  border-bottom:0!important;
  color:#fff!important;
  overflow:hidden;
}
body.workspace-mode dialog.new-contact-dialog .dialog-top::before{
  content:'+';
  position:absolute;
  left:26px;
  top:22px;
  width:50px;
  height:50px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#0a5daa;
  background:#fff;
  font-size:31px;
  line-height:1;
  font-weight:900;
  box-shadow:0 5px 18px rgba(0,0,0,.18);
}
body.workspace-mode dialog.new-contact-dialog .dialog-top::after{
  content:'';
  position:absolute;
  width:340px;
  height:340px;
  border-radius:50%;
  right:130px;
  top:-220px;
  border:55px solid rgba(255,255,255,.04);
  pointer-events:none;
}
body.workspace-mode dialog.new-contact-dialog .dialog-top h2{
  color:#fff!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.7px!important;
  margin:0!important;
}
body.workspace-mode dialog.new-contact-dialog .dialog-top #dialog-subtitle{
  color:#e5f2ff!important;
  font-size:14px!important;
  font-weight:550!important;
  margin-top:6px!important;
}
body.workspace-mode dialog.new-contact-dialog .dialog-top>button{
  position:relative;
  z-index:2;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:28px!important;
}
body.workspace-mode dialog.new-contact-dialog #editor-fields{
  display:block!important;
  padding:18px 24px 20px!important;
  max-height:calc(94vh - 166px)!important;
  overflow:auto!important;
  background:#fff!important;
}
body.workspace-mode .new-contact-editor{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px 18px;
  color:#132d4b;
}
body.workspace-mode .new-contact-editor label,
body.workspace-mode .new-contact-editor legend{
  color:#15385d!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.workspace-mode .new-contact-editor input,
body.workspace-mode .new-contact-editor textarea{
  background:#fff!important;
  color:#17324f!important;
  border:1px solid #bfd0e1!important;
  border-radius:9px!important;
  min-height:46px!important;
  padding:11px 13px!important;
  box-shadow:none!important;
}
body.workspace-mode .new-contact-editor input:focus,
body.workspace-mode .new-contact-editor textarea:focus{
  border-color:#0e78e8!important;
  box-shadow:0 0 0 3px rgba(14,120,232,.12)!important;
  outline:none!important;
}
body.workspace-mode .new-contact-basic{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 18px;
}
body.workspace-mode .new-contact-basic .full{grid-column:1/-1}
body.workspace-mode .new-contact-phone{position:relative}
body.workspace-mode .new-contact-phone .new-contact-input-icon{
  position:absolute;
  left:13px;
  top:38px;
  width:20px;
  height:20px;
  color:#0f4677;
  z-index:1;
}
body.workspace-mode .new-contact-phone .new-contact-input-icon .ui-icon{width:20px;height:20px}
body.workspace-mode .new-contact-phone input{padding-left:44px!important;padding-right:84px!important}
body.workspace-mode .new-contact-text-action{
  position:absolute;
  right:7px;
  bottom:6px;
  min-height:34px!important;
  padding:6px 12px!important;
  border-radius:7px!important;
  background:#eef5fb!important;
  color:#155a96!important;
  border:1px solid #d3e1ed!important;
  font-size:12px!important;
}
body.workspace-mode .new-contact-choice{
  grid-column:1/-1;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.workspace-mode .new-contact-choice legend{padding:0 0 7px!important}
body.workspace-mode .new-contact-choice-grid{
  display:grid;
  gap:10px;
}
body.workspace-mode .new-contact-language .new-contact-choice-grid{grid-template-columns:repeat(3,1fr)}
body.workspace-mode .new-contact-source .new-contact-choice-grid{grid-template-columns:repeat(3,1fr)}
body.workspace-mode .new-contact-priority{grid-column:1/2!important;align-self:start}
body.workspace-mode .new-contact-priority .new-contact-choice-grid{grid-template-columns:repeat(3,1fr)}
body.workspace-mode .new-contact-chip{
  position:relative;
  min-height:62px;
  border:1px solid #c6d6e5;
  border-radius:10px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  cursor:pointer;
  transition:.15s ease;
}
body.workspace-mode .new-contact-chip:hover{border-color:#79afe0;background:#f8fbff}
body.workspace-mode .new-contact-chip input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
body.workspace-mode .new-contact-chip-icon{width:24px;height:24px;display:grid;place-items:center;color:#103b64}
body.workspace-mode .new-contact-chip-icon .ui-icon{width:24px;height:24px}
body.workspace-mode .new-contact-chip b{font-size:14px!important;color:#15385d!important}
body.workspace-mode .new-contact-chip-check{
  display:none;
  position:absolute;
  right:7px;
  top:7px;
  width:19px;
  height:19px;
  border-radius:50%;
  background:#0876e1;
  color:#fff;
  font-size:12px;
  line-height:19px;
  text-align:center;
  font-style:normal;
}
body.workspace-mode .new-contact-chip:has(input:checked){
  border-color:#0877e3;
  background:linear-gradient(180deg,#f1f8ff,#e4f1ff);
  box-shadow:inset 0 0 0 1px #0877e3;
}
body.workspace-mode .new-contact-chip:has(input:checked) .new-contact-chip-check{display:block}
body.workspace-mode .new-contact-priority .new-contact-chip{min-height:64px}
body.workspace-mode .new-contact-chip.priority-high:has(input:checked){background:#fff0f0;border-color:#f28a8a;box-shadow:inset 0 0 0 1px #f28a8a}
body.workspace-mode .new-contact-chip.priority-high:has(input:checked) b,
body.workspace-mode .new-contact-chip.priority-high:has(input:checked) .new-contact-chip-icon{color:#bf2f2f!important}
body.workspace-mode .new-contact-chip.priority-high:has(input:checked) .new-contact-chip-check{background:#cf3434}
body.workspace-mode .new-contact-chip.priority-medium:has(input:checked){background:#fff7e7;border-color:#e7b354;box-shadow:inset 0 0 0 1px #e7b354}
body.workspace-mode .new-contact-chip.priority-medium:has(input:checked) b,
body.workspace-mode .new-contact-chip.priority-medium:has(input:checked) .new-contact-chip-icon{color:#a26708!important}
body.workspace-mode .new-contact-chip.priority-medium:has(input:checked) .new-contact-chip-check{background:#c98308}
body.workspace-mode .new-contact-chip.priority-low:has(input:checked){background:#eefaf2;border-color:#76c592;box-shadow:inset 0 0 0 1px #76c592}
body.workspace-mode .new-contact-chip.priority-low:has(input:checked) b,
body.workspace-mode .new-contact-chip.priority-low:has(input:checked) .new-contact-chip-icon{color:#26834b!important}
body.workspace-mode .new-contact-chip.priority-low:has(input:checked) .new-contact-chip-check{background:#2f9a58}
body.workspace-mode .new-contact-date{
  grid-column:1/-1;
  display:flex;
  align-items:end;
  gap:10px;
}
body.workspace-mode .new-contact-date label{width:min(400px,100%)}
body.workspace-mode .new-contact-today{
  margin-bottom:0!important;
  min-height:46px!important;
  padding:10px 20px!important;
  background:#eef3f8!important;
  color:#15385d!important;
  border:1px solid #d7e1ea!important;
}
body.workspace-mode .new-contact-qualification{
  grid-column:1/-1;
  display:block!important;
  padding:16px!important;
  margin:0!important;
  border:0!important;
  border-radius:12px!important;
  background:#f3f8fc!important;
}
body.workspace-mode .new-contact-qualification-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
body.workspace-mode .new-contact-qualification-head legend{
  float:none!important;
  padding:0!important;
  margin:0!important;
  font-size:17px!important;
}
body.workspace-mode .new-contact-score{display:flex;align-items:center;gap:8px}
body.workspace-mode .new-contact-score output{font-size:23px!important;font-weight:900!important;color:#086ed4!important;margin:0!important}
body.workspace-mode .new-contact-score-label{padding:5px 10px;border-radius:7px;background:#dcecff;color:#0d67bd;font-size:11px;font-weight:800}
body.workspace-mode .new-contact-point-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
body.workspace-mode .new-contact-point{
  position:relative;
  min-height:104px;
  border:1px solid #c9d8e5;
  border-radius:10px;
  background:#fff;
  display:flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:center;
  gap:8px;
  text-align:center;
  padding:10px 8px;
  cursor:pointer;
}
body.workspace-mode .new-contact-point input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}
body.workspace-mode .new-contact-point-icon{width:29px;height:29px;color:#133b60}
body.workspace-mode .new-contact-point-icon .ui-icon{width:29px;height:29px}
body.workspace-mode .new-contact-point b{font-size:12px!important;line-height:1.2!important;color:#163754!important}
body.workspace-mode .new-contact-point>i{
  position:absolute;
  right:8px;
  top:8px;
  width:20px;
  height:20px;
  border-radius:50%;
  border:1px solid #aebfd0;
  color:transparent;
  font-style:normal;
  line-height:18px;
  background:#fff;
}
body.workspace-mode .new-contact-point:has(input:checked){background:linear-gradient(180deg,#effcf5,#e4f8ed);border-color:#78c99b}
body.workspace-mode .new-contact-point:has(input:checked)>i{background:#16a25f;border-color:#16a25f;color:#fff}
body.workspace-mode .new-contact-notes{grid-column:2/3;position:relative}
body.workspace-mode .new-contact-notes small{font-weight:500;color:#70869b}
body.workspace-mode .new-contact-notes textarea{min-height:86px!important;padding-bottom:27px!important}
body.workspace-mode .new-contact-notes-count{position:absolute;right:10px;bottom:9px;font-size:11px;color:#73889d;font-weight:500}
body.workspace-mode dialog.new-contact-dialog .dialog-footer{
  background:#fff!important;
  border-top:1px solid #dbe5ed!important;
  padding:13px 24px!important;
  gap:10px!important;
}
body.workspace-mode dialog.new-contact-dialog .dialog-footer .quiet{
  background:#eef3f7!important;
  border-color:#d8e2ea!important;
  color:#203b57!important;
}
body.workspace-mode dialog.new-contact-dialog #save-button{
  min-width:170px!important;
  background:linear-gradient(135deg,#0d7ce8,#0865c6)!important;
  color:#fff!important;
  border-color:#0865c6!important;
  box-shadow:0 6px 16px rgba(8,101,198,.2)!important;
}

@media(max-width:760px){
  body.workspace-mode dialog.new-contact-dialog{
    position:fixed!important;
    inset:7px!important;
    margin:auto!important;
    width:auto!important;
    max-width:calc(100vw - 14px)!important;
    max-height:calc(100dvh - 14px)!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.workspace-mode dialog.new-contact-dialog .dialog-top{
    flex:0 0 auto!important;
    min-height:68px!important;
    padding:12px 12px 12px 61px!important;
  }
  body.workspace-mode dialog.new-contact-dialog .dialog-top::before{
    left:12px;top:13px;width:39px;height:39px;font-size:24px;
  }
  body.workspace-mode dialog.new-contact-dialog .dialog-top h2{font-size:21px!important}
  body.workspace-mode dialog.new-contact-dialog .dialog-top #dialog-subtitle{font-size:10px!important;line-height:1.2!important;margin-top:3px!important}
  body.workspace-mode dialog.new-contact-dialog .dialog-top>button{width:36px!important;height:36px!important;font-size:22px!important}
  body.workspace-mode dialog.new-contact-dialog #editor-fields{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px!important;
    overflow-y:auto!important;
  }
  body.workspace-mode .new-contact-editor{grid-template-columns:1fr;gap:11px}
  body.workspace-mode .new-contact-basic{grid-template-columns:1fr;gap:10px}
  body.workspace-mode .new-contact-basic .full{grid-column:1}
  body.workspace-mode .new-contact-language .new-contact-choice-grid{grid-template-columns:repeat(3,1fr)}
  body.workspace-mode .new-contact-source .new-contact-choice-grid{grid-template-columns:1fr 1fr}
  body.workspace-mode .new-contact-priority{grid-column:1!important}
  body.workspace-mode .new-contact-priority .new-contact-choice-grid{grid-template-columns:repeat(3,1fr)}
  body.workspace-mode .new-contact-chip{min-height:54px;padding:8px 7px;gap:5px}
  body.workspace-mode .new-contact-chip-icon{width:19px;height:19px}
  body.workspace-mode .new-contact-chip-icon .ui-icon{width:19px;height:19px}
  body.workspace-mode .new-contact-chip b{font-size:11px!important}
  body.workspace-mode .new-contact-date{grid-column:1;display:grid;grid-template-columns:1fr auto;gap:8px}
  body.workspace-mode .new-contact-date label{width:auto}
  body.workspace-mode .new-contact-today{padding:9px 12px!important}
  body.workspace-mode .new-contact-qualification{grid-column:1;padding:11px!important}
  body.workspace-mode .new-contact-qualification-head legend{font-size:15px!important}
  body.workspace-mode .new-contact-score output{font-size:20px!important}
  body.workspace-mode .new-contact-score-label{font-size:9px;padding:4px 7px}
  body.workspace-mode .new-contact-point-grid{grid-template-columns:1fr 1fr;gap:7px}
  body.workspace-mode .new-contact-point{min-height:76px;flex-direction:row!important;justify-content:flex-start;text-align:left;padding:9px 31px 9px 9px}
  body.workspace-mode .new-contact-point:last-child{grid-column:1/-1}
  body.workspace-mode .new-contact-point-icon{width:23px;height:23px;flex:0 0 23px}
  body.workspace-mode .new-contact-point-icon .ui-icon{width:23px;height:23px}
  body.workspace-mode .new-contact-point b{font-size:11px!important}
  body.workspace-mode .new-contact-notes{grid-column:1}
  body.workspace-mode dialog.new-contact-dialog .dialog-footer{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1.35fr!important;
    padding:8px!important;
  }
  body.workspace-mode dialog.new-contact-dialog .dialog-footer button{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 9px!important}
}

/* ======================================================================
   2026-09-12 FULL-DAY BOOKING FIX + MOBILE APPOINTMENT MODAL
   ====================================================================== */
.schedule-contact-picker{display:grid;gap:16px;min-width:min(560px,78vw);padding:4px 2px 2px}
.schedule-contact-summary{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #cfe0ef;border-radius:12px;background:#f3f8fd;color:#102d4d}
.schedule-contact-summary>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e3f0fb;color:#0b73d1;flex:0 0 auto}
.schedule-contact-summary small{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5d7690;margin-bottom:3px}
.schedule-contact-summary b{font-size:16px}
.schedule-contact-picker label{display:grid;gap:7px;font-weight:800;color:#153451}
.schedule-contact-picker select{width:100%;min-height:46px;border:1px solid #bfd1e1;border-radius:10px;background:#fff;padding:0 12px;font-size:15px;color:#102d4d}
.schedule-contact-picker p{margin:0;color:#60758b;font-size:13px}
.schedule-contact-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:2px}
.schedule-contact-actions button{min-height:44px}

@media(max-width:700px){
 body.workspace-mode dialog.appointment-dialog{
   position:fixed!important;
   left:8px!important;right:8px!important;top:8px!important;bottom:8px!important;
   inset:8px!important;transform:none!important;margin:0!important;
   width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;
   border-radius:14px!important;overflow:hidden!important;
 }
 body.workspace-mode dialog.appointment-dialog .dialog-top{flex:0 0 auto!important;padding:12px 14px!important}
 body.workspace-mode dialog.appointment-dialog #editor{display:flex!important;flex-direction:column!important;height:calc(100dvh - 72px)!important;max-height:none!important;min-height:0!important;overflow:hidden!important}
 body.workspace-mode dialog.appointment-dialog #editor-fields{flex:1 1 auto!important;min-width:0!important;min-height:0!important;width:100%!important;max-width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px!important;box-sizing:border-box!important}
 body.workspace-mode dialog.appointment-dialog .appointment-redesign{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 body.workspace-mode dialog.appointment-dialog .appointment-section,
 body.workspace-mode dialog.appointment-dialog .appointment-contact-card,
 body.workspace-mode dialog.appointment-dialog .appointment-summary-card{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 body.workspace-mode dialog.appointment-dialog .appointment-purpose-grid,
 body.workspace-mode dialog.appointment-dialog .appointment-location-grid,
 body.workspace-mode dialog.appointment-dialog .appointment-method-grid,
 body.workspace-mode dialog.appointment-dialog .appointment-datetime-grid,
 body.workspace-mode dialog.appointment-dialog .appointment-address-grid{grid-template-columns:1fr!important}
 body.workspace-mode dialog.appointment-dialog .appointment-datetime-grid label:last-child,
 body.workspace-mode dialog.appointment-dialog .appointment-address-grid .full{grid-column:auto!important}
 body.workspace-mode dialog.appointment-dialog input,
 body.workspace-mode dialog.appointment-dialog select,
 body.workspace-mode dialog.appointment-dialog textarea{max-width:100%!important;width:100%!important;box-sizing:border-box!important}
 body.workspace-mode dialog.appointment-dialog .dialog-footer{flex:0 0 auto!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:9px 10px!important;background:#fff!important}
 body.workspace-mode dialog.appointment-dialog .dialog-footer button{width:100%!important;min-width:0!important;min-height:44px!important}
 .schedule-contact-picker{min-width:0;width:100%;gap:13px}
 .schedule-contact-actions{grid-template-columns:1fr}
}

/* Multi-user roster */
.roster-actions{display:flex;gap:.45rem;flex-wrap:wrap}
.admin-section-card table td,.admin-section-card table th{vertical-align:middle}
@media(max-width:720px){.roster-actions{min-width:145px}.admin-section-card .table-wrap{overflow-x:auto}}
.reference-home-action-buttons{display:flex;gap:.6rem;align-items:center}.reference-goals-button{white-space:nowrap}@media(max-width:720px){.reference-home-action-buttons{gap:.35rem}.reference-goals-button{font-size:.78rem;padding:.55rem .65rem}}

/* v1.1 reusable team branding */
:root{--brand-primary:#0b1f33;--brand-secondary:#172f45;--brand-accent:#d6b35a}
body.workspace-mode .masthead.reference-sidebar{background:linear-gradient(180deg,var(--brand-primary),#07111d)!important}
body.workspace-mode .reference-sidebar .side-nav-link.active{background:linear-gradient(90deg,var(--brand-secondary),color-mix(in srgb,var(--brand-secondary) 72%,#000))!important;border-left-color:var(--brand-accent)!important}
body.workspace-mode .reference-global-topbar{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))!important}
body.workspace-mode .eyebrow,.card-number{color:var(--brand-accent)!important}
body.workspace-mode progress{accent-color:var(--brand-accent)!important}
.branding-settings-form .fields{padding:0;}.branding-preview{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;background:color-mix(in srgb,var(--brand-primary) 55%,#111)}
.branding-preview img{width:78px;height:68px;object-fit:contain;border-radius:10px;background:#fff;padding:5px}.branding-preview b{display:block;font-size:21px}.branding-preview small{display:block;margin-top:5px;color:var(--muted)}
.branding-fields input[type=color]{height:48px;padding:4px;cursor:pointer}.feature-title{margin-top:28px}.feature-switches{display:flex;gap:18px;flex-wrap:wrap;padding:15px 0 24px}.feature-switches .check{padding:10px 14px;border:1px solid var(--line);border-radius:9px}

/* ======================================================================
   TOC v3.2.0 — SAFER WORKFLOWS + TEAM CONTACT TOOLS
   ====================================================================== */
.reference-top-tools{display:flex;align-items:center;gap:14px}
.notification-bell{position:relative;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:none!important}
.notification-bell.has-unread{border-color:var(--brand-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-accent) 30%,transparent)!important}
.time-request-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.time-request-panel{padding:18px}.time-request-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.time-request-row:first-of-type{border-top:0}.time-request-row>span:first-child{display:grid;gap:3px}.time-request-row small{color:var(--muted)}
.request-status{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:#eef3f7;color:#4b6277}
.request-status.status-approved{background:#e8f7ef;color:#18734a}.request-status.status-declined{background:#fff0f0;color:#b42318}.request-status.status-pending{background:#fff7df;color:#8a5a00}
.team-view-page{display:grid;gap:18px}.team-view-page .page-heading{margin-bottom:0}.team-member-picker{padding:18px}.team-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.team-member-card{display:grid;gap:5px;text-decoration:none;border:1px solid #d7e2ec;border-radius:12px;padding:15px;background:#fff;color:#17314a;box-shadow:0 4px 14px rgba(18,49,77,.06);transition:.15s ease}
.team-member-card:hover{transform:translateY(-1px);border-color:#9fc0dc}.team-member-card b{font-size:15px}.team-member-card small{color:#698095}.team-member-card span{font-size:12px;font-weight:800;color:#2177b7;margin-top:4px}
.team-filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.team-filter-row label{display:grid;gap:6px;font-weight:800;min-width:190px}.team-filter-row input,.team-filter-row select{min-height:42px}
.readonly-badge{display:inline-flex;align-items:center;justify-content:center;align-self:end;height:40px;padding:0 12px;border-radius:999px;background:#eef4f8;color:#526b80;font-size:11px;font-weight:900;letter-spacing:.08em}
.coaching-summary{padding:18px;border-left:4px solid #7c93a8}.coaching-record-section{padding:18px}.coaching-record{padding:12px 0;border-top:1px solid var(--line)}.coaching-record:first-of-type{border-top:0}.coaching-record p{margin:7px 0;color:var(--muted)}
.coaching-calendar-list{display:grid;gap:8px}.coaching-calendar-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;border:1px solid #dae4ed;border-radius:10px;background:#fff}.coaching-calendar-row>span{display:grid;gap:3px}.coaching-calendar-row small{color:#6e8294}.coaching-calendar-row.block{background:#f6f8fa}
.availability-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.availability-toolbar button{min-height:38px}.trainer-availability{display:grid;gap:14px;min-width:min(840px,78vw)}.trainer-availability>p{margin:0;color:#5f7487}
.availability-day{border:1px solid #d9e4ed;border-radius:12px;padding:13px;background:#fbfdff}.availability-day>b{display:block;margin-bottom:9px}.availability-slots{display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:8px}
.availability-slot{display:grid!important;gap:2px!important;min-height:58px!important;padding:8px!important;border-radius:9px!important}.availability-slot b{font-size:13px}.availability-slot small{font-size:10px}.availability-slot.open{background:#eef8f3!important;color:#166845!important;border:1px solid #b9dfca!important}.availability-slot.busy{background:#f1f3f5!important;color:#7a8792!important;border:1px solid #d9dee3!important;opacity:.75}
.availability-person-picker{display:grid;gap:12px;min-width:min(460px,72vw)}.availability-person-picker>p{margin:0 0 4px;color:#60758a}.availability-person-button{width:100%;justify-content:flex-start!important;min-height:48px!important}
.request-summary{display:grid;gap:5px;padding:13px 14px;border:1px solid #cfdde9;border-radius:10px;background:#f6faff}.request-summary b{font-size:16px}.request-summary span{color:#587086}.request-summary p{margin:5px 0 0;color:#60758a}
.notification-list{display:grid;gap:9px;min-width:min(520px,72vw)}.notification-item{padding:13px 14px;border:1px solid #dde5ec;border-radius:10px;background:#fff}.notification-item.unread{border-left:4px solid var(--brand-accent);background:#f9fcff}.notification-item p{margin:5px 0;color:#536c81}.notification-item small{color:#7e8e9d}
.agent-transfer-box{border:1px solid #f0c7c7;border-radius:10px;background:#fff8f8;padding:13px}.agent-transfer-box p{margin:4px 0 10px;color:#7a5454}
.calendar-event.request-meeting{outline:1px solid color-mix(in srgb,var(--brand-accent) 48%,transparent)}

@media(max-width:900px){.team-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-slots{grid-template-columns:repeat(3,minmax(88px,1fr))}}
@media(max-width:700px){
 .reference-top-tools{gap:7px}.notification-bell{font-size:11px!important;padding:8px!important}
 .time-request-home-grid{grid-template-columns:1fr;gap:12px}.time-request-row{align-items:flex-start}.team-member-grid{grid-template-columns:1fr}.team-filter-row{display:grid;grid-template-columns:1fr}.team-filter-row label{min-width:0}.readonly-badge{justify-self:start;align-self:auto;height:34px}
 .coaching-calendar-row{grid-template-columns:76px minmax(0,1fr);gap:9px;padding:10px}.trainer-availability{min-width:0;width:100%}.availability-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-toolbar{display:grid;grid-template-columns:1fr 1fr}.availability-toolbar button:last-child{grid-column:1/-1}.availability-person-picker,.notification-list{min-width:0;width:100%}
}

/* v3.2.0 safer admin editors */
.message-builder{display:grid;gap:14px;margin-top:12px}.message-builder-note{display:grid;gap:3px;padding:12px 14px;border:1px solid #d9e4ee;border-radius:10px;background:#f7fafc;color:#36516c}.message-builder-note span{font-size:12px;color:#60758a}.message-builder-flow{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid #d9e4ee;border-radius:12px;background:#fff}.message-text-part{display:grid;gap:4px;min-width:150px;flex:1 1 210px}.message-text-part>span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7b8fa3}.message-text-part textarea,.message-text-part input{width:100%;margin:0!important;min-height:42px}.message-token{display:inline-flex;align-items:center;min-height:42px;padding:8px 11px;border-radius:999px;background:#eef2f6;border:1px solid #d5dde6;color:#536577;font-size:12px;font-weight:800;white-space:nowrap}.message-builder-tools{display:flex;justify-content:flex-end}.content-option-list{display:grid;gap:8px;margin-top:10px}.content-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.content-option-row input{margin:0!important}.content-option-row button{min-height:40px!important}.team-contacts-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.team-contact-data-actions{display:flex;gap:8px;flex-wrap:wrap}.team-contact-data-actions button{min-height:40px}

/* v3.2.0 trainer/RVP availability */
.availability-person-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.availability-person-tab{background:#eef3f7!important;color:#40566b!important;border:1px solid #d7e0e8!important}.availability-person-tab.active{background:var(--brand-primary,#334155)!important;color:#fff!important;border-color:var(--brand-primary,#334155)!important}.availability-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;border:1px solid #d9e4ed;border-radius:12px;background:#fbfdff}.availability-summary>span{display:grid;gap:2px}.availability-summary small{color:#6a7e90}.availability-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.availability-filter-bar button.active{background:#dfeaf4!important;border-color:#b8ccdc!important;color:#27465f!important}.trainer-availability{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;min-width:0!important;width:100%!important;max-width:980px}.availability-day{min-width:0}.availability-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}.availability-slot{min-width:0!important}.availability-slot.open small{display:none}.availability-empty{grid-column:1/-1;display:block;padding:12px 6px;color:#8091a1;text-align:center}.availability-toolbar{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}.availability-toolbar button{width:100%}
@media(max-width:900px){.trainer-availability{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.trainer-availability{grid-template-columns:1fr!important}.availability-toolbar{grid-template-columns:1fr 1fr!important}.availability-toolbar button:last-child{grid-column:1/-1}.availability-person-tabs{display:grid;grid-template-columns:1fr}.availability-summary{align-items:stretch}.availability-summary button{width:100%}.message-builder-flow{display:grid}.message-text-part{min-width:0;width:100%}.content-option-row{grid-template-columns:1fr auto}.team-contact-data-actions{width:100%}.team-contact-data-actions button{flex:1 1 180px}}

/* v3.3.0 UX and workflow refinements */
.login-language{display:flex;justify-content:center;gap:8px;margin:0 0 16px}.login-language button{min-width:96px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155}.login-language button.active{background:var(--brand-primary,#334155);color:#fff;border-color:var(--brand-primary,#334155)}
.content-dropdown-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.availability-view-toggle{display:flex;gap:8px;justify-content:center;margin:14px 0}.availability-view-toggle button.active,.availability-filter-bar button.active{background:#173a63!important;color:#fff!important}.availability-period-label{text-align:center;font-weight:800;color:#173a63;margin:10px 0 14px}.availability-date-grid{display:grid;gap:10px}.availability-date-grid.week{grid-template-columns:repeat(7,minmax(0,1fr))}.availability-month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:7px;text-align:center;font-weight:800;color:#64748b}.availability-date-grid.month{grid-template-columns:repeat(7,minmax(0,1fr))}.availability-date-card{min-height:92px;border:1px solid #d6e1eb;background:#fff;border-radius:12px;padding:10px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:6px;color:#173a63}.availability-date-card.has-times{border-color:#a7d7bd;background:#f0fbf5}.availability-date-card.no-times{background:#f7f9fb;color:#78899b}.availability-date-card.outside-month{opacity:.38}.availability-date-card b{font-size:14px;line-height:1.25}.availability-date-card small{font-size:11px}.availability-day-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.availability-day-head h3{margin:10px 0 2px;color:#173a63;font-size:22px}.availability-day-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.availability-day-slots .availability-slot{min-height:54px}.goal-monthly-grid label,.goal-results-grid label{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-width:0}.goal-monthly-grid input,.goal-results-grid input,.goal-period select{width:100%!important;min-height:46px!important;box-sizing:border-box}.goal-monthly-grid,.goal-results-grid{align-items:stretch!important}.acknowledgement-dialog .dialog-top [data-action]{display:none!important}.acknowledgement-dialog .dialog-footer{justify-content:flex-end}.acknowledgement-dialog .dialog-footer [data-action="dialog-ok"]{min-width:100px}.contact-sticky-namebar{position:sticky;top:108px;z-index:32;background:#fff;border:1px solid #dce5ee;border-radius:12px;padding:10px 14px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 15px rgba(15,42,70,.08)}.contact-sticky-namebar b{font-size:18px;color:#102d50}.contact-sticky-namebar small{color:#64748b}body.workspace-mode.communication-page-mode .communication-page-head{top:108px!important;z-index:32!important}
@media(max-width:980px){.availability-date-grid.week{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-date-grid.month{grid-template-columns:repeat(7,minmax(68px,1fr));overflow-x:auto}.availability-day-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.availability-date-grid.week{grid-template-columns:1fr}.availability-month-weekdays{display:none}.availability-date-grid.month{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.availability-date-card.outside-month{display:none}.availability-day-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-toolbar{display:grid!important;grid-template-columns:1fr!important}.availability-view-toggle{display:grid;grid-template-columns:1fr 1fr}.contact-sticky-namebar{top:118px}.communication-page-head{top:118px!important}}

/* v3.3.1 repair + mobile contact workflow */
.mobile-contacts-tools{display:none}
.team-contact-nowrap{white-space:nowrap}
.readonly-team-record .record-heading{gap:12px;align-items:center}
.readonly-calendar-event{cursor:default;pointer-events:none}
.team-calendar-filter{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.team-calendar-filter label{min-width:260px}
.reference-post-results-actions{display:flex;justify-content:flex-end;margin:12px 0 0}

@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  body.workspace-mode #app,body.workspace-mode main{max-width:100%;min-width:0}
  body.workspace-mode .reference-home-actions{display:block}
  body.workspace-mode .reference-home-action-buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px;width:100%}
  body.workspace-mode .reference-home-action-buttons .reference-add-contact{display:block!important;width:100%;min-height:48px;font-size:16px}
  body.workspace-mode .reference-post-results-actions{display:block;margin:10px 0}
  body.workspace-mode .reference-post-results-actions button{width:100%;min-height:44px}

  .mobile-contacts-tools{display:grid;gap:10px;margin-bottom:12px}
  .mobile-contacts-tools details{border:1px solid var(--border,#dbe2ea);border-radius:12px;background:#fff;overflow:hidden}
  .mobile-contacts-tools summary{list-style:none;cursor:pointer;padding:13px 14px;font-weight:800;min-height:44px;display:flex;align-items:center;justify-content:space-between}
  .mobile-contacts-tools summary::-webkit-details-marker{display:none}
  .mobile-contacts-tools summary::after{content:'›';font-size:20px;transform:rotate(90deg)}
  .mobile-contacts-tools details[open] summary::after{transform:rotate(-90deg)}
  .mobile-contact-filter-box{display:grid;gap:10px;padding:0 12px 12px}
  .mobile-contact-filter-box label{display:grid;gap:5px;font-size:12px;font-weight:700}
  .mobile-contact-filter-box input,.mobile-contact-filter-box select{width:100%;min-width:0;min-height:44px;font-size:16px}
  .mobile-contact-simple-list{display:grid}
  .mobile-contact-list-row,.mobile-team-contact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 14px;border-top:1px solid #edf1f5;text-decoration:none;color:inherit;align-items:center;min-width:0}
  .mobile-contact-list-row b,.mobile-team-contact-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .mobile-contact-list-row span,.mobile-team-contact-row span{white-space:nowrap;font-variant-numeric:tabular-nums}
  .mobile-team-contact-row{grid-template-columns:minmax(0,1fr) auto}
  .mobile-team-contact-row small{grid-column:1/-1;color:var(--muted,#667085);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .contacts-directory>.contacts-filter-grid,.contacts-directory>.contacts-list-meta,.contacts-directory>.contacts-table-wrap{display:none!important}
  .team-view-page .team-contacts-tools,.team-view-page .team-contacts-desktop-table,.team-view-page .team-contacts-desktop-empty{display:none!important}
  .team-calendar-filter{display:grid;grid-template-columns:1fr;align-items:stretch}
  .team-calendar-filter label{min-width:0}
  .team-calendar-filter select{width:100%;min-height:44px;font-size:16px}
  .contacts-new-button,.contacts-team-button{min-height:44px}
  .contact-name-cell,.contact-phone-cell,.team-contact-nowrap{white-space:nowrap!important}
}


/* v3.3.2 small mobile workflow batch */
.mobile-team-home-button{display:none!important}
@media(max-width:700px){
  body.workspace-mode .desktop-team-home-button{display:none!important}
  body.workspace-mode .mobile-team-home-button{display:block!important}
  body.workspace-mode .reference-post-results-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.workspace-mode .reference-post-results-actions .reference-goals-button{
    width:100%!important;min-height:44px!important;background:#edf1f6!important;color:#071f48!important;
    border:0!important;border-radius:7px!important;box-shadow:none!important;font-size:14px!important;font-weight:800!important
  }
  body.workspace-mode .reference-post-results-actions .reference-goals-button:hover{background:#e5eaf1!important}

  body.workspace-mode:has(#contact-rows) .contacts-new-button{display:none!important}
  .mobile-contact-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  .mobile-contact-tool-button{width:100%!important;min-height:44px!important;background:#edf1f6!important;color:#071f48!important;border:0!important;border-radius:8px!important;box-shadow:none!important;font-weight:800!important}
  .mobile-contact-simple-list{border:1px solid #dbe2ea;border-radius:12px;background:#fff;overflow:hidden}
  .mobile-contact-list-row:first-child,.mobile-team-contact-row:first-child{border-top:0!important}
  .mobile-contact-list-row,.mobile-team-contact-row{min-height:48px}
  .mobile-contact-list-row b,.mobile-team-contact-row b{font-size:14px}
  .mobile-contact-list-row span,.mobile-team-contact-row span{font-size:13px}

  body.workspace-mode dialog.mobile-contact-tools-dialog{position:fixed!important;inset:10px!important;margin:auto!important;width:auto!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}
  body.workspace-mode dialog.mobile-contact-tools-dialog #editor-fields{display:block!important;overflow-y:auto!important;max-height:calc(100dvh - 100px)!important;padding:14px!important}
  body.workspace-mode dialog.mobile-contact-tools-dialog .dialog-footer{display:none!important}
  .mobile-search-dialog,.mobile-sort-dialog{display:grid;gap:12px}
  .mobile-search-dialog label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#274967}
  .mobile-search-dialog input,.mobile-search-dialog select{width:100%!important;min-width:0!important;min-height:44px!important;font-size:16px!important;background:#fff!important;color:#17385b!important}
  .mobile-search-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
  .mobile-search-actions button{width:100%!important;min-height:44px!important}
  .mobile-primary-action{background:#173a63!important;color:#fff!important;border-color:#173a63!important}
  .mobile-sort-option{display:flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:10px 12px!important;border:1px solid #dbe2ea!important;border-radius:10px!important;background:#fff!important;color:#17385b!important;font-weight:800!important}
  .mobile-sort-option input{width:20px!important;height:20px!important;margin:0!important;flex:0 0 20px!important}

  body.workspace-mode dialog.new-contact-dialog{height:calc(100dvh - 14px)!important;max-height:calc(100dvh - 14px)!important;overflow:hidden!important}
  body.workspace-mode dialog.new-contact-dialog form#editor{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;overflow:hidden!important}
  body.workspace-mode dialog.new-contact-dialog #editor-fields{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding-bottom:28px!important;scrollbar-gutter:stable!important}
  body.workspace-mode dialog.new-contact-dialog .dialog-footer{position:relative!important;z-index:5!important;background:#fff!important}
}


/* ======================================================================
   TOC v3.3.3 — MOBILE POLISH BATCH
   - No automatic keyboard on mobile dialogs.
   - Greeting and notifications never share/overlap the same row.
   - Agent three-button navigation stays fully visible.
   - Availability navigation is future-only.
   ====================================================================== */
@media(max-width:900px){
  body.workspace-mode .reference-global-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    height:auto!important;
    min-height:0!important;
    padding-top:14px!important;
    padding-bottom:12px!important;
  }
  body.workspace-mode .reference-global-greeting{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }
  body.workspace-mode .reference-top-tools{
    grid-column:1/-1!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:9px!important;
    position:relative!important;
    z-index:2!important;
  }
  body.workspace-mode .notification-bell{
    flex:0 0 auto!important;
    max-width:55%!important;
    white-space:nowrap!important;
  }
  body.workspace-mode .reference-global-hero .reference-hero-motto{
    flex:0 1 auto!important;
    max-width:145px!important;
    margin-left:auto!important;
  }
  body.workspace-mode .reference-mobile-nav.agent-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    overflow-x:hidden!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.workspace-mode .reference-mobile-nav.agent-mobile-nav .reference-mobile-nav-link{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    padding:9px 5px!important;
    gap:5px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }
  body.workspace-mode .reference-mobile-nav.agent-mobile-nav .reference-mobile-nav-icon{
    width:20px!important;
    height:20px!important;
  }
  body.workspace-mode .availability-toolbar.future-only{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.workspace-mode .availability-toolbar.future-only button:last-child{
    grid-column:auto!important;
  }
}
@media(max-width:430px){
  body.workspace-mode .reference-global-greeting h1{font-size:25px!important;line-height:1.08!important}
  body.workspace-mode .reference-top-tools{align-items:flex-end!important}
  body.workspace-mode .notification-bell{font-size:10px!important;padding:7px 8px!important}
  body.workspace-mode .reference-global-hero .reference-hero-motto{font-size:7px!important;max-width:120px!important}
  body.workspace-mode .reference-mobile-nav.agent-mobile-nav .reference-mobile-nav-link{font-size:12px!important;padding:8px 3px!important}
}

/* ======================================================================
   TOC v3.3.4 — MOBILE HOME ACCORDIONS + REACH OUT DAYS
   ====================================================================== */
.mobile-home-section-button{display:none}
.mobile-met-age{display:none}
.reference-met-age,.reach-met-age{white-space:nowrap;font-weight:800;color:#173650}
body.workspace-mode .reference-reach-days .reference-reach-head,
body.workspace-mode .reference-reach-days .reference-reach-row{
  grid-template-columns:minmax(0,1.25fr) minmax(135px,1fr) 105px!important;
}
body.workspace-mode .reference-reach-days .reference-met-age{justify-self:center;font-size:13px!important}
body.workspace-mode .reach-days-table .reach-head,
body.workspace-mode .reach-days-table .reach-row{
  grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) 105px!important;
}
body.workspace-mode .reach-days-table .reach-met-age{justify-self:center;font-size:14px}

@media(max-width:700px){
  /* Home Activity and Results become compact accordion buttons. */
  body.workspace-mode .mobile-home-section-button{
    display:flex!important;width:100%!important;min-height:48px!important;margin:0 0 8px!important;
    align-items:center!important;justify-content:space-between!important;gap:10px!important;
    padding:11px 14px!important;border:0!important;border-radius:9px!important;color:#fff!important;
    box-shadow:0 3px 9px rgba(20,49,83,.12)!important;font-weight:800!important;text-align:left!important;
  }
  body.workspace-mode .mobile-home-section-button span{display:flex!important;align-items:center!important;gap:9px!important}
  body.workspace-mode .mobile-home-section-button svg{width:21px!important;height:21px!important}
  body.workspace-mode .mobile-home-section-button>b{font-size:22px!important;line-height:1!important}
  body.workspace-mode .mobile-home-section-button.activity-button{background:linear-gradient(90deg,#1055a5,#2c98e5)!important}
  body.workspace-mode .mobile-home-section-button.results-button{background:linear-gradient(90deg,#0d7f41,#2d9d50)!important}
  body.workspace-mode .mobile-home-collapsible{display:none!important;margin-top:0!important;margin-bottom:9px!important}
  body.workspace-mode .mobile-home-collapsible.mobile-open{display:block!important}

  /* Reach Out stays a single compact Name | Phone | Met row on phones. */
  .desktop-met-age{display:none!important}
  .mobile-met-age{display:inline!important}
  body.workspace-mode .reference-reach-days .reference-reach-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) 104px 58px!important;gap:5px!important;
    padding:7px 6px!important;font-size:10px!important;
  }
  body.workspace-mode .reference-reach-days .reference-reach-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) 104px 58px!important;gap:5px!important;
    padding:9px 6px!important;min-height:42px!important;align-items:center!important;
  }
  body.workspace-mode .reference-reach-days .reference-reach-row span,
  body.workspace-mode .reference-reach-days .reference-reach-row small,
  body.workspace-mode .reference-reach-days .reference-met-age{
    grid-column:auto!important;grid-row:auto!important;min-width:0!important;margin:0!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.workspace-mode .reference-reach-days .reference-reach-row span{font-size:12.5px!important;font-weight:700!important}
  body.workspace-mode .reference-reach-days .reference-reach-row small{font-size:11px!important;color:#526b82!important}
  body.workspace-mode .reference-reach-days .reference-met-age{font-size:10.5px!important;justify-self:end!important;color:#8a4b20!important}

  body.workspace-mode .reach-modal-list .reach-days-table{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body.workspace-mode .reach-modal-list .reach-days-table .reach-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) 104px 58px!important;gap:5px!important;
    padding:8px 6px!important;font-size:10px!important;
  }
  body.workspace-mode .reach-modal-list .reach-days-table .reach-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) 104px 58px!important;gap:5px!important;
    min-height:48px!important;padding:9px 6px!important;align-items:center!important;
  }
  body.workspace-mode .reach-modal-list .reach-days-table .reach-row>span{
    min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    font-size:11px!important;
  }
  body.workspace-mode .reach-modal-list .reach-days-table .reach-row>span:first-child b{
    display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    font-size:12.5px!important;
  }
  body.workspace-mode .reach-modal-list .reach-days-table .reach-met-age{
    justify-self:end!important;min-width:0!important;font-size:10.5px!important;white-space:nowrap!important;color:#8a4b20!important;
  }
}

/* ============================================================
   TOC v3.3.5 — TEAM COACHING + ADMIN CONTACT TOOLS
   ============================================================ */
body.workspace-mode .team-member-picker .section-title{align-items:flex-end;gap:14px}
body.workspace-mode .team-member-search-button{min-width:110px}
body.workspace-mode .team-member-active-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:9px 11px;border:1px solid #d9e4ee;border-radius:10px;background:#f7fafc;color:#4f657a;font-size:13px}
body.workspace-mode .team-member-list{display:grid;border:1px solid #d9e4ee;border-radius:12px;overflow:hidden;background:#fff}
body.workspace-mode .team-member-list-head,body.workspace-mode .team-member-list-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(110px,.75fr) minmax(155px,1fr) 24px;align-items:center;gap:12px;padding:11px 14px}
body.workspace-mode .team-member-list-head{background:#f3f7fa;color:#60758a;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
body.workspace-mode .team-member-list-row{color:#17314a;text-decoration:none;border-top:1px solid #edf2f6;min-height:48px}
body.workspace-mode .team-member-list-row:hover{background:#f8fbfd}
body.workspace-mode .team-member-list-row b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .team-member-list-row span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-mode .team-member-list-row i{font-style:normal;font-size:22px;color:#6f8da6;text-align:right}
body.workspace-mode .team-member-search-dialog{display:grid;gap:14px;min-width:min(420px,100%)}
body.workspace-mode .team-member-search-dialog label{display:grid;gap:6px;font-weight:800;color:#27465f}
body.workspace-mode .team-member-search-dialog input{width:100%;min-height:44px}
body.workspace-mode .team-contact-admin-tools{border-color:#cfe0ed;background:#fbfdff}
body.workspace-mode .team-admin-data-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){
 body.workspace-mode .team-member-picker .section-title{align-items:stretch}
 body.workspace-mode .team-member-search-button{width:100%;min-width:0}
 body.workspace-mode .team-member-list-head{grid-template-columns:minmax(0,1.2fr) 88px minmax(110px,.9fr) 18px;padding:9px 10px;font-size:9px;gap:7px}
 body.workspace-mode .team-member-list-row{grid-template-columns:minmax(0,1.2fr) 88px minmax(110px,.9fr) 18px;padding:10px;gap:7px;min-height:52px}
 body.workspace-mode .team-member-list-row b,body.workspace-mode .team-member-list-row span{font-size:11px}
 body.workspace-mode .team-member-list-row i{font-size:18px}
 body.workspace-mode .team-admin-data-actions{grid-template-columns:1fr}
}


/* ======================================================================
   TEAM RELENTLESS GOLD / BLACK BRAND — v1.1.0
   Branding source: official lion logo supplied by Team Relentless.
   Layout/workflows remain the stable TOC v3.4.0 baseline.
   ====================================================================== */
:root{
  --brand-primary:#11100e;
  --brand-secondary:#8b6427;
  --brand-accent:#d9b35f;
  --rel-black:#0b0907;
  --rel-charcoal:#17130f;
  --rel-gold:#b88931;
  --rel-gold-2:#d9b35f;
  --rel-gold-soft:#f1e3bf;
  --rel-bronze:#775027;
  --rel-silver:#d8d9dc;
  --rel-cream:#f7f4ed;
  --rel-paper:#fffdf8;
  --rel-ink:#211b14;
}

/* Login */
.login-shell{
  background:
    radial-gradient(circle at 50% 16%,rgba(217,179,95,.20),transparent 31%),
    linear-gradient(145deg,#050403 0%,#15100a 55%,#050403 100%)!important;
}
.login-card{
  background:linear-gradient(160deg,rgba(20,16,12,.98),rgba(7,6,5,.98))!important;
  border:1px solid rgba(217,179,95,.60)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.025) inset!important;
  max-width:500px!important;
}
.login-card:before{content:'';display:block;width:72px;height:2px;margin:0 auto 16px;background:linear-gradient(90deg,transparent,var(--rel-gold-2),transparent)}
.login-card .login-logo{width:min(360px,88%)!important;height:auto!important;max-height:255px!important;margin:0 auto 10px!important;object-fit:contain!important}
.login-card h1{display:none!important}
.login-card h2{color:#f3e6c8!important;letter-spacing:2.4px!important}
.login-card p{color:#d0c7b7!important}
.login-card .eyebrow{color:var(--rel-gold-2)!important}
.login-card label{color:#efe4cf!important}
.login-card input{background:#0b0907!important;border-color:#5f4a2f!important;color:#fff!important}
.login-card input:focus{border-color:var(--rel-gold-2)!important;box-shadow:0 0 0 3px rgba(217,179,95,.14)!important}
.login-card button[type=submit]{background:linear-gradient(135deg,#8d6424,#d8b25d)!important;color:#120e08!important;border-color:#e2c57d!important;font-weight:900!important}
.login-language button{background:#15110d!important;color:#d9d2c4!important;border-color:#51412d!important}
.login-language button.active{background:linear-gradient(135deg,#8d6424,#cda650)!important;color:#100c07!important;border-color:#dfbd6e!important}

/* Application shell */
body.workspace-mode{background:linear-gradient(180deg,#f6f2e9 0,#f9f7f2 180px,#f7f5ef 100%)!important;color:var(--rel-ink)!important}
body.workspace-mode .masthead.reference-sidebar{background:linear-gradient(180deg,#090806 0%,#18120b 56%,#090806 100%)!important;border-right:1px solid rgba(217,179,95,.26)!important;box-shadow:4px 0 20px rgba(40,25,8,.12)!important}
body.workspace-mode .reference-sidebar .identity{display:flex!important;align-items:center!important;gap:10px!important}
body.workspace-mode .reference-sidebar .identity img{width:52px!important;height:52px!important;object-fit:cover!important;border-radius:11px!important;border:1px solid rgba(217,179,95,.55)!important;background:#090806!important;box-shadow:0 0 0 2px rgba(0,0,0,.35)!important}
body.workspace-mode .identity-brand-copy{display:grid;min-width:0;gap:2px}
body.workspace-mode .identity-brand-name{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:11px!important;letter-spacing:1.1px!important;color:#f2dfb5!important;white-space:nowrap!important}
body.workspace-mode .identity-center-title{font-size:9px!important;letter-spacing:.25px!important;color:#b8ad99!important;white-space:nowrap!important}
body.workspace-mode .reference-sidebar .side-nav-link{color:#ddd4c3!important}
body.workspace-mode .reference-sidebar .side-nav-icon{color:#c9b47f!important}
body.workspace-mode .reference-sidebar .side-nav-link:hover{background:rgba(217,179,95,.10)!important;color:#fff!important}
body.workspace-mode .reference-sidebar .side-nav-link.active{background:linear-gradient(90deg,#7a551f,#b88931)!important;color:#fff7e8!important;border-left-color:#f0d28d!important;box-shadow:inset 0 0 0 1px rgba(255,232,177,.18)!important}
body.workspace-mode .reference-sidebar .side-nav-link.active .side-nav-icon{color:#fff1c9!important}
body.workspace-mode .reference-side-motto{color:#d0b878!important;letter-spacing:.65px!important}
body.workspace-mode .reference-side-rule{background:linear-gradient(90deg,transparent,#aa7e35,transparent)!important}
body.workspace-mode .reference-language-button,body.workspace-mode .reference-signout-button{border-color:#4c3b26!important;color:#d9cfbc!important;background:#15110d!important}

body.workspace-mode .reference-global-topbar{
  background:
    radial-gradient(circle at 72% 10%,rgba(217,179,95,.22),transparent 24%),
    linear-gradient(105deg,#0a0907 0%,#1d160d 55%,#090806 100%)!important;
  border-bottom:1px solid rgba(217,179,95,.34)!important;
}
body.workspace-mode .reference-global-greeting h1{color:#fff8e9!important}
body.workspace-mode .reference-global-greeting p{color:#c8bdab!important}
body.workspace-mode .reference-hero-motto{color:#d8c39a!important;letter-spacing:1.4px!important}
body.workspace-mode .reference-hero-motto i{background:linear-gradient(90deg,#835d22,#e1c579)!important}
body.workspace-mode .notification-bell{background:#16110c!important;color:#e6d5ad!important;border-color:#5d482d!important}
body.workspace-mode .notification-bell.has-unread{border-color:#d8b25d!important;box-shadow:0 0 0 2px rgba(217,179,95,.22)!important}
body.workspace-mode .reference-mobile-nav{background:#0c0a08!important;border-color:#5c4528!important}
body.workspace-mode .reference-mobile-nav-link{color:#cabfae!important}
body.workspace-mode .reference-mobile-nav-link.active{background:linear-gradient(135deg,#8d6424,#d8b25d)!important;color:#140f08!important}

/* General gold/cream surfaces while preserving all approved layouts */
body.workspace-mode .page-heading .eyebrow,body.workspace-mode .eyebrow{color:#956b27!important}
body.workspace-mode .page-heading h1{color:#251b10!important}
body.workspace-mode .muted{color:#776c5c!important}
body.workspace-mode .panel,
body.workspace-mode .home-section,
body.workspace-mode .calendar-main-card,
body.workspace-mode .calendar-side-card,
body.workspace-mode .report-chart-section,
body.workspace-mode .report-attention,
body.workspace-mode .report-details-card,
body.workspace-mode .admin-quick-panel,
body.workspace-mode .admin-control-card{border-color:#e3d7c0!important;box-shadow:0 6px 22px rgba(75,51,19,.06)!important}
body.workspace-mode button:not(.danger):not(.calendar-event):not(.reference-mobile-nav-link),
body.workspace-mode .button{border-color:#d7c59e}
body.workspace-mode .mobile-top-add-contact,body.workspace-mode .contacts-new-button,
body.workspace-mode button.primary,body.workspace-mode .button.primary{background:linear-gradient(135deg,#8f6626,#cfaa56)!important;color:#130e07!important;border-color:#dfc178!important;font-weight:850!important}
body.workspace-mode .home-text-link,body.workspace-mode .report-contact-link{color:#966c27!important}
body.workspace-mode progress{accent-color:#b88931!important}
body.workspace-mode progress::-webkit-progress-value{background:linear-gradient(90deg,#8b6427,#d9b35f)!important}
body.workspace-mode .badge{border-color:#d8c8a7!important;background:#f7f0df!important;color:#5e431d!important}
body.workspace-mode input:focus,body.workspace-mode select:focus,body.workspace-mode textarea:focus{border-color:#bd9145!important;box-shadow:0 0 0 3px rgba(184,137,49,.12)!important}
body.workspace-mode .admin-control-icon,body.workspace-mode .admin-quick-icon,body.workspace-mode .admin-quick-lock{background:#f4ead2!important;color:#8c6425!important}
body.workspace-mode .admin-control-arrow{background:#f4ead2!important;color:#8c6425!important}

/* Reports on screen */
body.workspace-mode.reports-page-mode .report-filter-card{border-color:#e2d4b7!important;background:linear-gradient(145deg,#fffdf8,#fbf6e9)!important}
body.workspace-mode .report-kpi-card{border-color:#e2d4b7!important;background:#fffdf9!important}
body.workspace-mode .report-kpi-icon{background:#f3e8d0!important;color:#8d6527!important}
body.workspace-mode .report-tabs button.active{background:#ac7c2e!important;color:#fffaf0!important;border-color:#ac7c2e!important}
body.workspace-mode .chart-card{border-color:#e1d4ba!important;background:linear-gradient(145deg,#fffefa,#f9f3e6)!important}
body.workspace-mode .bar-track{background:#e8dfcf!important}
body.workspace-mode .bar-track i{background:linear-gradient(90deg,#8b6427,#d9b35f)!important}
body.workspace-mode .report-detail-table th{background:#f4ead5!important;color:#5a4324!important}
body.workspace-mode .report-detail-table td{color:#453b2d!important}
body.workspace-mode .print-brand,body.workspace-mode .production-print-brand{border-bottom-color:#b88931!important}
body.workspace-mode .report-brand-slogan{margin:2px 0 4px;color:#a2742d;font-size:9px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}

/* Calendar + highlighted controls */
body.workspace-mode.calendar-page-mode #main .calendar-month-day.today .calendar-day-number{background:#b88931!important;color:#fff!important}
body.workspace-mode.calendar-page-mode #main .calendar-daily-button{background:#f7efdc!important;color:#6b4c1c!important;border-color:#d5bd89!important}
body.workspace-mode .availability-person-tab.active{background:#9b702a!important;border-color:#9b702a!important}

/* Mobile keeps the same approved flow but adopts Relentless brand colors. */
@media(max-width:760px){
  body.workspace-mode .reference-sidebar .identity img{width:38px!important;height:38px!important;border-radius:8px!important}
  body.workspace-mode .identity-brand-name{font-size:10px!important;letter-spacing:.7px!important}
  body.workspace-mode .identity-center-title{font-size:8px!important}
  body.workspace-mode .mobile-top-add-contact{background:linear-gradient(135deg,#8b6427,#d9b35f)!important;color:#130e08!important}
}

/* Printer-friendly Team Relentless reporting. White paper, black text, gold structure. */
@media print{
  @page{size:landscape;margin:8mm}
  body{background:#fff!important;color:#111!important}
  body.reports-page-mode .print-brand,
  .production-print-mode .production-print-brand{
    display:flex!important;align-items:center!important;gap:8mm!important;
    border-bottom:2.5px solid #a97a2e!important;padding-bottom:4mm!important;margin-bottom:5mm!important;
  }
  body.reports-page-mode .print-brand img,
  .production-print-mode .production-print-brand img{
    width:34mm!important;height:28mm!important;object-fit:contain!important;background:transparent!important;
  }
  body.reports-page-mode .print-brand h1,
  .production-print-mode .production-print-brand h1{color:#111!important;font-family:Georgia,"Times New Roman",serif!important;letter-spacing:.4px!important}
  body.reports-page-mode .report-brand-slogan,
  .production-print-mode .report-brand-slogan{display:block!important;color:#946a25!important;font-size:8pt!important;font-weight:900!important;letter-spacing:1.5px!important;margin:1mm 0!important}
  body.reports-page-mode .print-brand p,
  .production-print-mode .production-print-brand h2{color:#3b3328!important}
  body.reports-page-mode .report-kpi-card,
  body.reports-page-mode .report-chart-section,
  body.reports-page-mode .report-attention,
  body.reports-page-mode .report-details-card,
  .production-print-mode table{border-color:#d6c6a5!important;background:#fff!important}
  body.reports-page-mode .report-kpi-icon{background:#f2ead9!important;color:#7c5820!important}
  body.reports-page-mode .report-detail-table th,
  .production-print-mode th{background:#f1e8d5!important;color:#3e2d14!important;border-color:#cbb68a!important}
  body.reports-page-mode .report-detail-table td,
  .production-print-mode td{border-color:#ddd3c0!important;color:#111!important}
  body.reports-page-mode .bar-track{background:#e7e0d5!important}
  body.reports-page-mode .bar-track i{background:#9a702b!important}
}