:root{--bg:#f4f6f8;--card:#fff;--text:#17212b;--muted:#64717d;--border:#dbe1e6;--nav:#10212c;--orange:#f36c21;--green:#198754;--red:#c0392b;--amber:#b7791f;--blue:#2764a3}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}button,select,input{font:inherit}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.side{background:var(--nav);color:#fff;padding:22px 16px}.brand{background:#fff;color:var(--text);border-radius:14px;padding:15px;display:flex;gap:12px;align-items:center}.brand img{width:62px;height:auto}.brand strong{display:block;font-size:19px}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.side-note{margin-top:28px;padding:14px;border:1px solid #34505f;border-radius:12px;display:grid;gap:8px;font-size:13px}.side-note b{color:#fff}.side-note span{color:#c8d3da}main{min-width:0;padding:28px;max-width:1400px;width:100%;margin:0 auto}header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}h1{margin:0;font-size:30px}header p{margin:5px 0 0;color:var(--muted)}.health{border:1px solid var(--border);background:#fff;padding:9px 12px;border-radius:999px;font-size:13px;white-space:nowrap}.health.ok{color:var(--green)}.health.bad{color:var(--red)}.card,.result{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}.setup{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(340px,1.4fr);gap:18px;align-items:start}.field{display:grid;gap:7px}.field label{font-weight:700}.field label span{float:right;font-weight:500;color:var(--muted);font-size:12px}.field small,.check small{color:var(--muted)}select,input[type=search]{width:100%;min-height:44px;border:1px solid #cfd7dd;border-radius:9px;background:#fff;padding:10px 12px}.targets{grid-row:span 3}.target-list{border:1px solid #cfd7dd;border-radius:9px;max-height:330px;overflow:auto;background:#fff}.target{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid #edf0f2;cursor:pointer}.target:last-child{border-bottom:0}.target input{margin-top:3px}.target span{min-width:0}.target b,.target small{display:block}.target small{margin-top:2px;overflow-wrap:anywhere}.check{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:9px}.check b,.check small{display:block}.check small{margin-top:3px}.primary{border:0;border-radius:9px;background:var(--orange);color:#fff;font-weight:700;padding:12px 16px;min-height:44px;cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}.status{grid-column:1/-1;border-radius:9px;padding:10px 12px;background:#f8fafb;color:var(--muted)}.status.ok{color:var(--green)}.status.bad{color:var(--red);background:#fff3f2}.status.run{color:var(--blue);background:#f1f7ff}.results{display:grid;gap:16px;margin-top:18px}.result{padding:0;overflow:hidden}.result-head{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.result-head h2{font-size:18px;margin:0}.result-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.state{font-size:13px;font-weight:700;color:var(--blue)}.route-wrap,.proof{padding:16px 18px}.route-wrap{border-bottom:1px solid var(--border);overflow-x:auto}.route-wrap h3,.proof h3{margin:0 0 14px;font-size:15px}.route-node{display:flex;flex-direction:column;align-items:flex-start}.node-box{border:2px solid #aeb8c0;border-radius:9px;padding:9px 11px;background:#fff;min-width:180px;max-width:280px}.route-node.pass>.node-box{border-color:var(--green);background:#f2fbf6}.route-node.fail>.node-box{border-color:var(--red);background:#fff4f3}.route-node.active>.node-box{border-color:var(--blue);background:#f3f8fd}.node-box b,.node-box span,.node-box small{display:block}.node-box span{font-size:12px;overflow-wrap:anywhere;margin-top:2px}.node-box small{color:var(--muted);margin-top:3px}.branches{display:flex;gap:16px;margin-left:22px}.branch{display:flex;align-items:flex-start}.line{width:28px;border-top:2px solid #aeb8c0;margin-top:28px}.proof table{width:100%;border-collapse:collapse;font-size:13px}.proof th,.proof td{text-align:left;padding:9px 8px;border-bottom:1px solid #edf0f2;vertical-align:top}.badge{font-weight:700}.badge.pass{color:var(--green)}.badge.fail{color:var(--red)}.badge.wait{color:var(--amber)}.cleanup{font-size:12px;color:var(--muted);margin:12px 0 0}.error{padding:16px 18px;color:var(--red);background:#fff4f3}.empty{padding:14px;color:var(--muted)}
@media(max-width:760px){.shell{display:block}.side{padding:10px}.side-note{display:none}.brand{padding:9px}.brand img{width:44px}main{padding:14px}.setup{grid-template-columns:1fr}.targets{grid-row:auto}.target-list{max-height:280px}header{display:block}.health{display:inline-block;margin-top:10px}.branches{flex-direction:column;margin-left:12px}.branch{align-items:flex-start}.line{width:18px}.proof{overflow-x:auto}.proof table{min-width:620px}}

.manage,.test-card{margin-bottom:18px}.step-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.step-title>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:white}.step-title h2{margin:0;font-size:18px}.step-title p{margin:4px 0 0;color:var(--muted)}.member-panel{margin-top:20px;border-top:1px solid var(--border);padding-top:18px}.hidden{display:none}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.member-grid h3{font-size:14px;margin:0 0 8px}.member-grid h3 span{float:right;color:var(--muted)}.member-list,.candidate-list{border:1px solid #cfd7dd;border-radius:9px;max-height:320px;overflow:auto}.member,.candidate{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid #edf0f2;background:#fff;text-align:left}.member:last-child,.candidate:last-child{border-bottom:0}.member span,.candidate span{min-width:0}.member b,.member small,.candidate b,.candidate small{display:block}.member small,.candidate small{color:var(--muted);overflow-wrap:anywhere}.remove{border:1px solid #d65b52;background:#fff;color:#a92f27;border-radius:7px;padding:7px 10px;cursor:pointer}.candidate{cursor:pointer}.candidate strong{color:var(--green)}.test-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.tree-node{position:relative;display:flex;align-items:center}.tree-children{position:relative;margin-left:42px;display:flex;flex-direction:column;gap:14px}.tree-children:before{content:"";position:absolute;left:-22px;top:25px;bottom:25px;border-left:2px solid #aeb8c0}.tree-child{position:relative}.tree-child:before{content:"";position:absolute;left:-22px;top:25px;width:22px;border-top:2px solid #aeb8c0}.tree-node.pass>.node-box{border-color:var(--green);background:#f2fbf6}.tree-node.fail>.node-box{border-color:var(--red);background:#fff4f3}.tree-node.active>.node-box{border-color:var(--blue);background:#f3f8fd}.good{color:var(--green)}@media(max-width:760px){.member-grid,.test-grid{grid-template-columns:1fr}.tree-children{margin-left:28px}}

/* v0.51 operational layout: compact administration, large scrollable tracer */
main{max-width:none;padding:18px 22px}
.manage{padding:14px 16px;margin-bottom:12px}.test-card{padding:14px 16px;margin-bottom:12px}
.manage>.step-title,.test-card>.step-title{margin-bottom:10px}.member-panel{margin-top:12px;padding-top:12px}
.member-grid{grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);gap:12px}.member-list,.candidate-list{max-height:190px;min-height:90px}.member,.candidate{padding:8px 10px}.member small,.candidate small{font-size:12px}.perm{display:inline-block;margin-top:4px;font-size:11px;font-style:normal;font-weight:700}.perm.ok{color:var(--green)}.perm.warn{color:var(--amber)}
.test-grid{grid-template-columns:minmax(320px,.9fr) minmax(430px,1.3fr) auto}.results{margin-top:12px}.result{height:auto}
.tracer-frame{padding:12px 14px 14px;border-bottom:1px solid var(--border);background:#fbfcfd}.route-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.route-title h3{margin:0;font-size:15px}.route-title span{font-size:11px;color:var(--muted)}
.route-canvas{height:46vh;min-height:360px;max-height:620px;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fff;padding:24px;display:flex;align-items:flex-start}.route-canvas>.tree-node{min-width:max-content}
.tree-node{position:relative;display:flex;align-items:center;min-height:58px}.node-box{min-width:190px;max-width:260px;position:relative;z-index:2}.tree-children{position:relative;margin-left:52px;display:flex;flex-direction:column;gap:16px;padding:0}.tree-children:before{content:"";position:absolute;left:-26px;top:29px;bottom:29px;border-left:2px solid #9ba8b2}.tree-children:after{content:"";position:absolute;left:-52px;top:50%;width:26px;border-top:2px solid #9ba8b2}.tree-child{position:relative}.tree-child:before{content:"";position:absolute;left:-26px;top:29px;width:26px;border-top:2px solid #9ba8b2}
.route-findings{margin-top:10px;border:1px solid var(--border);border-radius:9px;background:#fff;padding:10px 12px;display:grid;gap:6px;font-size:12px}.route-findings>b{font-size:13px}.route-findings.clear{color:var(--green)}.finding{display:grid;gap:2px;padding-left:10px;border-left:3px solid var(--border)}.finding.matched{border-left-color:var(--blue)}.finding.potential{border-left-color:var(--amber)}.finding span{color:var(--muted)}
.proof{padding:12px 14px}.proof-scroll{max-height:230px;overflow:auto;border:1px solid #edf0f2;border-radius:8px}.proof table{min-width:760px}.proof thead th{position:sticky;top:0;background:#fff;z-index:1}.badge.pass{color:var(--green)}.badge.fail{color:var(--red)}.badge.wait{color:var(--amber)}.badge.neutral{color:var(--muted)}
@media(max-width:900px){main{padding:12px}.member-grid,.test-grid{grid-template-columns:1fr}.route-canvas{height:48vh;min-height:320px}.tree-children{margin-left:40px}.tree-children:after{left:-40px;width:14px}}


/* v0.52 assurance tracer: prominent loading/progress, adaptive tree, route-state colour */
.app-loading{position:sticky;top:8px;z-index:40;display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:13px 16px;border:2px solid #2d78b7;border-radius:11px;background:#f1f7ff;color:#155b96;box-shadow:0 5px 18px rgba(15,55,88,.12)}
.app-loading.hidden{display:none}.app-loading b,.app-loading small{display:block}.app-loading small{margin-top:2px;color:#4d6678}.spinner{width:20px;height:20px;border:3px solid #b8d4ec;border-top-color:#2d78b7;border-radius:50%;animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}
.live-progress{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;gap:9px;max-width:min(760px,calc(100vw - 40px));padding:11px 17px;border-radius:999px;border:2px solid var(--blue);background:#f1f7ff;color:#155b96;box-shadow:0 7px 24px rgba(18,48,72,.22);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-progress.hidden{display:none}.live-progress.ok{border-color:var(--green);background:#f2fbf6;color:var(--green)}.live-progress.bad{border-color:var(--red);background:#fff4f3;color:var(--red)}.pulse{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pulse 1.3s infinite}.live-progress.ok .pulse,.live-progress.bad .pulse{animation:none}@keyframes pulse{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.route-canvas{height:52vh;min-height:380px;max-height:690px}.route-canvas.normal .node-box{min-width:170px;max-width:235px;padding:8px 10px}.route-canvas.compact .node-box{min-width:150px;max-width:205px;padding:7px 9px}.route-canvas.compact .tree-children{margin-left:42px;gap:10px}.route-canvas.dense .node-box{min-width:132px;max-width:185px;padding:6px 8px;font-size:12px}.route-canvas.dense .node-box span,.route-canvas.dense .node-box small{font-size:10px}.route-canvas.dense .tree-children{margin-left:34px;gap:7px}.route-canvas.dense .tree-node{min-height:46px}
.branch-toggle{position:absolute;right:5px;top:5px;width:23px;height:23px;border:1px solid #bdc8d0;border-radius:6px;background:#fff;font-weight:800;line-height:18px;cursor:pointer;z-index:3}.node-box{padding-right:33px}.branch-count{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:10px}.branch-count b{width:100%;font-size:11px}.branch-count i{font-style:normal;font-weight:700}.c-pass{color:var(--green)}.c-warn{color:var(--amber)}.c-fail{color:var(--red)}
.tree-node.warn>.node-box{border-color:var(--amber);background:#fff9ec}.tree-node.pass>.tree-children:before,.tree-node.pass>.tree-children:after,.tree-child.pass:before{border-color:var(--green)}.tree-node.fail>.tree-children:before,.tree-node.fail>.tree-children:after,.tree-child.fail:before{border-color:var(--red)}.tree-node.warn>.tree-children:before,.tree-node.warn>.tree-children:after,.tree-child.warn:before{border-color:var(--amber)}
.cell.pass{color:var(--green);font-weight:700}.cell.fail{color:var(--red);font-weight:700}.cell.wait{color:var(--amber);font-weight:700}.state.done{color:var(--green)}
@media(max-width:760px){.live-progress{top:6px;max-width:calc(100vw - 16px);font-size:12px}.route-canvas{height:55vh;min-height:330px}}

/* 0.53 batch recipient administration */
.batch-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) auto;gap:14px;align-items:end;margin-bottom:10px}.batch-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.batch-summary{font-size:13px;color:var(--muted);white-space:nowrap}.batch-summary .amber{color:var(--amber);font-weight:700}.recipient-checklist{border:1px solid #cfd7dd;border-radius:9px;height:260px;overflow:auto;background:#fff}.recipient-row{display:flex;gap:11px;align-items:flex-start;padding:8px 11px;border-bottom:1px solid #edf0f2;cursor:pointer;background:#fff}.recipient-row:last-child{border-bottom:0}.recipient-row input{margin-top:5px;transform:scale(1.12)}.recipient-row span{min-width:0;display:block}.recipient-row b,.recipient-row small,.recipient-row em{display:block}.recipient-row small{color:var(--muted);font-size:12px}.recipient-row .row-state{font-size:11px;font-style:normal;margin-top:2px;color:var(--muted)}.recipient-row.existing{background:#f5fbf7}.recipient-row.existing .row-state{color:var(--green)}.recipient-row.pending-add,.recipient-row.pending-remove{background:#fff8e8;border-left:4px solid var(--amber)}.recipient-row.pending-add .row-state,.recipient-row.pending-remove .row-state{color:var(--amber);font-weight:700}.recipient-row.available .row-state{color:#7c8790}@media(max-width:760px){.batch-toolbar{grid-template-columns:1fr}.batch-actions{justify-content:space-between;align-items:center}.batch-summary{white-space:normal}.recipient-checklist{height:300px}}


/* 0.54 dual-list recipient editor + blocking Microsoft 365 work overlay */
.app-loading{position:fixed;inset:0;z-index:5000;margin:0;border:0;border-radius:0;background:rgba(244,246,248,.94);display:grid;place-items:center;padding:24px;backdrop-filter:blur(2px)}
.app-loading.hidden{display:none}.loading-card{position:relative;width:min(650px,calc(100vw - 32px));min-height:330px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 20px 60px rgba(16,33,44,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;text-align:center}.loading-brands{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:28px}.loading-brands img{max-width:130px;max-height:72px;object-fit:contain}.loading-brands span{height:54px;border-left:1px solid var(--border)}.loading-card .spinner{width:38px;height:38px;border-width:4px;margin-bottom:18px}.loading-copy b{font-size:23px;color:#155b96}.loading-copy small{font-size:14px;margin-top:8px;max-width:520px}.loading-copy em{display:block;margin-top:12px;font-style:normal;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.loading-credit{position:absolute;bottom:18px;left:0;right:0;font-size:11px;color:#87939c}
.membership-editor{display:grid;grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr);gap:14px;align-items:stretch}.membership-pane{min-width:0;border:1px solid #cfd7dd;border-radius:11px;background:#fff;overflow:hidden}.membership-pane.participants{border-top:4px solid var(--green)}.membership-pane.available{border-top:4px solid var(--blue)}.pane-head{padding:10px 11px;border-bottom:1px solid #e5e9ec;background:#fafbfc}.pane-head>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pane-head b{font-size:15px}.pane-head span{display:grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:#edf1f4;color:var(--muted);font-size:12px;font-weight:800}.pane-head input{min-height:38px;padding:7px 9px}.membership-list{display:block;width:100%;height:260px;border:0;border-radius:0;padding:0;background:#fff;overflow:auto}.membership-list option{padding:9px 11px;border-bottom:1px solid #edf0f2;white-space:normal;line-height:1.25}.membership-list option.existing-option{background:#f4fbf7}.membership-list option.pending-option{background:#fff4d9;color:#8a5b00;font-weight:700}.membership-list option:checked{background:linear-gradient(#e9f3ff,#e9f3ff);color:#173d62}.move-controls{display:flex;flex-direction:column;justify-content:center;gap:12px}.move-button{min-height:44px;border:1px solid #b9c5ce;border-radius:9px;background:#fff;color:var(--text);font-weight:750;cursor:pointer}.move-button:not(:disabled):hover{border-color:var(--blue);color:var(--blue);background:#f3f8fd}.move-button:disabled{opacity:.4;cursor:not-allowed}.batch-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:11px}.batch-summary{margin-right:auto}.apply-button{min-width:150px}.membership-editor+ .batch-footer + .hidden{}
@media(max-width:900px){.membership-editor{grid-template-columns:1fr}.move-controls{flex-direction:row}.move-button{flex:1}.membership-list{height:210px}.loading-card{min-height:300px}.loading-brands img{max-width:105px}}

/* 0.55 two-card workspace + robust dual-pane list rendering */
.loading-brands .matrix-loading-logo{width:190px;max-width:190px;max-height:94px}
.loading-brands .client-loading-logo{width:92px;max-width:92px;max-height:70px}
.loading-credit{display:flex;flex-direction:column;gap:3px}.loading-credit b{font-size:11px}.loading-credit span{font-size:10px}
.control-card{position:relative;z-index:2}.control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.step-title.compact{margin-bottom:8px}.workspace-state{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#eef4f8;color:#4d6678;font-size:12px;font-weight:800}.control-grid{display:grid;grid-template-columns:minmax(360px,1.5fr) minmax(290px,1fr) minmax(310px,1fr);gap:14px;align-items:end}.compact-check{min-height:67px}.control-status-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;margin-top:10px}.control-status-row .status{margin-top:4px}.control-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end}.secondary{min-height:42px;border:1px solid #b9c5ce;border-radius:9px;background:#fff;color:var(--text);font-weight:750;padding:0 14px;cursor:pointer}.secondary:hover{border-color:var(--blue);color:var(--blue);background:#f3f8fd}
.workspace-card{min-height:520px}.workspace-panel{min-height:470px}.tracer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}.tracer-toolbar h2{margin:0 0 3px}.tracer-toolbar p{margin:0;color:var(--muted)}
.membership-items{height:310px;overflow:auto;background:#fff}.member-item{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:10px 12px;cursor:pointer;color:var(--text)}.member-item:last-child{border-bottom:0}.member-item:hover{background:#f6f9fb}.member-item.selected{background:#e9f3ff;box-shadow:inset 4px 0 0 var(--blue)}.participants .member-item:not(.pending){background:#f4fbf7}.participants .member-item:not(.pending).selected{background:#e4f5eb}.member-item.pending{background:#fff5dc;box-shadow:inset 4px 0 0 var(--amber)}.member-item.pending.selected{background:#ffedbd}.member-item span,.member-item b,.member-item small,.member-item em{display:block}.member-item b{font-size:14px}.member-item small{font-size:11px;color:var(--muted);margin-top:2px}.member-item em{font-size:10px;font-style:normal;font-weight:700;color:var(--muted);margin-top:3px}.member-item.pending em{color:var(--amber)}.empty-list{padding:22px 14px;color:var(--muted);font-size:13px;text-align:center}
.results{margin-top:0}.result{margin-top:0}.tracer-frame{padding-top:0}.route-canvas{height:56vh;max-height:720px}
@media(max-width:1100px){.control-grid{grid-template-columns:1fr 1fr}.compact-check{grid-column:1/-1}.control-status-row{grid-template-columns:1fr}.control-actions{justify-content:flex-start}.workspace-card{min-height:480px}.membership-items{height:270px}}
@media(max-width:760px){.control-grid{grid-template-columns:1fr}.control-head{display:block}.workspace-state{display:inline-block;margin-bottom:8px}.membership-items{height:230px}.workspace-card{min-height:420px}.tracer-toolbar{align-items:flex-start;flex-direction:column}.loading-brands .matrix-loading-logo{width:155px;max-width:155px}.loading-brands .client-loading-logo{width:78px;max-width:78px}}

/* 0.56 viewport containment, staged Exchange state, CGM branding */
html,body{max-width:100%;overflow-x:hidden}.shell{min-width:0;max-width:100vw}.shell>main{min-width:0;max-width:100%;overflow-x:hidden}.side{position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden}.side-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.side-brand .side-cgm-logo{width:150px;max-width:100%;height:auto;object-fit:contain}.side-brand .side-matrix-logo{width:78px;max-height:45px;object-fit:contain}.side-brand>div{width:100%}
.app-loading{background:rgba(244,246,248,.72);backdrop-filter:blur(1px)}.loading-card{width:min(860px,calc(100vw - 36px));min-height:390px;padding:30px 38px 24px;justify-content:flex-start}.loading-brands{width:100%;display:grid;grid-template-columns:1fr minmax(280px,2fr) 1fr;align-items:center;gap:30px;margin:0 0 16px}.loading-brands .matrix-loading-logo{justify-self:center;width:220px;max-width:100%;max-height:118px}.loading-brands .cgm-loading-logo{justify-self:center;width:360px;max-width:100%;max-height:180px;object-fit:contain}.loading-brands .client-loading-logo{justify-self:center;width:138px;max-width:100%;max-height:105px}.loading-card .spinner{margin:2px 0 14px}.loading-copy{display:flex;flex-direction:column;align-items:center;gap:7px}.loading-copy small{margin-top:0}.loading-copy em{margin-top:5px;min-height:22px}.exchange-delay{display:block;max-width:620px;margin-top:3px;font-size:12px;line-height:1.35;color:#6c7881}.loading-credit{position:static;margin-top:auto;padding-top:16px;line-height:1.35}
.member-item{position:relative;transition:opacity .15s ease,background .15s ease}.member-item.staged{opacity:.56;padding-right:48px}.member-item.staged:hover,.member-item.staged.selected{opacity:.78}.change-arrow{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:23px;line-height:1}.change-arrow.incoming{color:var(--green);background:#eaf8ef}.change-arrow.outgoing{color:var(--amber);background:#fff1d4}.member-item.pending-add{box-shadow:inset 4px 0 0 var(--green)}.member-item.pending-remove{box-shadow:inset 4px 0 0 var(--amber)}.verified-state{color:var(--green);font-weight:700}.batch-summary .amber{display:inline-block;margin-left:4px}
.workspace-card,.workspace-panel,.results,.result,.tracer-frame,.proof{min-width:0;max-width:100%}.tracer-toolbar{position:sticky;top:0;z-index:15;background:#fff;padding:4px 0 8px}.tracer-actions{display:flex;gap:8px;flex-wrap:wrap}.route-canvas{width:100%;max-width:100%;box-sizing:border-box;overflow:auto;overscroll-behavior:contain}.route-canvas>.tree-node{transform-origin:top left}.proof-scroll{max-width:100%;overflow:auto;max-height:31vh}.proof-scroll thead{position:sticky;top:0;background:#fff;z-index:2}.live-progress{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:120;max-width:min(760px,calc(100vw - 260px))}
@media(max-width:900px){.loading-brands{grid-template-columns:1fr minmax(210px,1.6fr) 1fr;gap:14px}.loading-brands .matrix-loading-logo{width:170px}.loading-brands .cgm-loading-logo{width:280px}.loading-brands .client-loading-logo{width:112px}.live-progress{max-width:calc(100vw - 24px)}}


/* 0.57 fixed branding rail, aligned controls, built-in guide */
html,body{height:100%;overflow:hidden}
.shell{height:100dvh;min-height:0;overflow:hidden}
.side{position:relative;top:auto;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:0}
.shell>main{height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.user-guide-link{margin-top:auto;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #466372;border-radius:14px;background:#152d3b;color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.user-guide-link:hover{background:#1b3a4a;border-color:#6f91a3}
.user-guide-link .guide-icon{flex:0 0 54px;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:34px;font-weight:900;line-height:1}
.user-guide-link b,.user-guide-link small{display:block}.user-guide-link b{font-size:17px}.user-guide-link small{margin-top:3px;color:#c8d3da;font-size:11px}
.control-grid{align-items:start}
.control-grid .group-field,.control-grid .sender-field{align-self:start}
.control-grid .field>label{min-height:20px;display:flex;align-items:flex-end;line-height:20px}
.control-grid .field>select{height:44px;min-height:44px}
.control-grid .sender-field>small{min-height:16px;line-height:16px;margin-top:0}
@media(max-width:760px){html,body{overflow:auto}.shell{height:auto;min-height:100vh;overflow:visible}.side{height:auto;min-height:0;overflow:visible}.shell>main{height:auto;overflow:visible}.user-guide-link{margin-top:18px}}
\n\n/* 0.58 iPad/viewport tracer: no jump-back, zoom controls, searchable complete group list */\n.group-filter-row{display:grid;grid-template-columns:minmax(130px,180px) 1fr;gap:8px;align-items:center}.group-filter-row input{min-height:32px;height:32px;padding:5px 9px;font-size:12px}.group-filter-row small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-field label span{margin-left:auto;font-size:11px;color:var(--muted);font-weight:700}\n.route-tools{display:flex;align-items:center;gap:6px;margin-left:auto}.route-zoom,.route-fit{border:1px solid #b9c5ce;background:#fff;color:var(--text);border-radius:7px;height:32px;min-width:34px;padding:0 9px;font-weight:800;cursor:pointer}.route-zoom{font-size:20px;line-height:1}.route-fit{font-size:12px}.route-zoom-label{min-width:46px;text-align:center;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.route-zoom:hover,.route-fit:hover{border-color:var(--blue);color:var(--blue)}\nbody.tracer-mode .shell>main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden;padding-bottom:12px}body.tracer-mode header{margin-bottom:0}body.tracer-mode .control-card{display:none}body.tracer-mode .workspace-card{min-height:0;height:100%;padding:12px;overflow:hidden}body.tracer-mode .workspace-panel{min-height:0;height:100%;display:flex;flex-direction:column}body.tracer-mode .tracer-toolbar{position:relative;flex:0 0 auto;margin-bottom:7px;padding:0 0 6px}body.tracer-mode .results{min-height:0;flex:1;display:block;overflow:hidden}body.tracer-mode .result{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}body.tracer-mode .tracer-frame{min-height:0;display:flex;flex-direction:column;padding:7px 10px 8px;overflow:hidden}body.tracer-mode .route-title{flex:0 0 auto;margin-bottom:5px}body.tracer-mode .route-canvas{flex:1;min-height:120px;height:auto;max-height:none;padding:12px;overflow:auto}body.tracer-mode .route-findings{flex:0 0 auto;margin-top:6px;padding:6px 9px}body.tracer-mode .proof{flex:0 0 auto;padding:7px 10px 8px}body.tracer-mode .proof h3{margin:0 0 5px}body.tracer-mode .proof-scroll{max-height:18vh;overflow:auto}body.tracer-mode .result-head{padding:8px 10px}body.tracer-mode .result-head h2{font-size:16px}body.tracer-mode .result-head p{margin-top:2px}\n@media(max-width:1180px){.shell{grid-template-columns:185px minmax(0,1fr)}.side{padding:12px 10px}.side-brand .side-cgm-logo{width:125px}.side-note{margin-top:14px;padding:10px;gap:6px;font-size:12px}.user-guide-link{padding:10px;gap:8px}.user-guide-link .guide-icon{width:42px;height:42px;flex-basis:42px;font-size:26px}.user-guide-link b{font-size:14px}main{padding:12px 14px}header{margin-bottom:10px}h1{font-size:24px}.card,.result{border-radius:12px}.control-card{padding:12px}.workspace-card{padding:12px}.control-grid{gap:9px}.compact-check{min-height:58px}.status{padding:7px 9px}.membership-items{height:240px}}\n@media(max-width:900px) and (min-width:761px){.shell{grid-template-columns:165px minmax(0,1fr)}.side-brand .side-cgm-logo{width:110px}.side-brand .side-matrix-logo{width:64px}.brand strong{font-size:15px}.side-note{font-size:11px}.user-guide-link small{display:none}.control-grid{grid-template-columns:1fr 1fr}.group-filter-row{grid-template-columns:130px 1fr}body.tracer-mode header p{display:none}body.tracer-mode header{align-items:center}body.tracer-mode .proof-scroll{max-height:20vh}}\n
/* 0.61 acknowledged routing-service notice */
.service-notice{position:fixed;inset:0;z-index:4900;display:grid;place-items:center;padding:24px;background:rgba(20,29,36,.68);backdrop-filter:blur(2px)}
.service-notice.hidden{display:none}.service-notice-card{width:min(860px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:2px solid #d88913;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.32);padding:28px 32px}.service-notice-head{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding-bottom:15px;margin-bottom:16px}.service-notice-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#fff1d6;color:#a75c00;border:2px solid #e0a43b;font-size:30px;font-weight:900}.service-notice-head h2{margin:0;color:#26333c;font-size:24px}.service-notice-head p{margin:3px 0 0;color:#a75c00;font-weight:800}.service-notice-body{font-size:15px;line-height:1.5;color:#33434d}.service-notice-body p{margin:0 0 13px}.service-notice-ack{display:block;margin:20px auto 0;min-width:300px;font-size:16px;padding:13px 22px}
@media(max-width:760px){.service-notice{padding:10px}.service-notice-card{max-height:calc(100vh - 20px);padding:20px}.service-notice-head h2{font-size:20px}.service-notice-body{font-size:14px}.service-notice-ack{min-width:0;width:100%}}

/* v0.62 startup usability: keep navigation/user guide available while source data loads */
@media(min-width:761px){.app-loading{left:230px}.side{position:relative;z-index:5100}}
.loading-guide-prompt{display:block;max-width:620px;margin-top:10px;padding-top:10px;border-top:1px solid #dbe1e6;font-size:13px;line-height:1.4;color:#344b5b}.loading-guide-prompt b{display:inline;font-size:inherit;color:#17212b}

/* 0.66 adaptive object treatment + viewport-first layout */
@media (min-width:761px){
  .shell>main{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;height:100dvh;overflow:hidden;padding:10px 14px 10px}
  header{margin:0;min-height:0;align-items:center}header h1{font-size:clamp(20px,2.1vw,28px)}header p{margin-top:2px;font-size:12px}
  .control-card{margin:0;padding:10px 12px;min-height:0}.control-head{gap:10px}.step-title.compact{margin-bottom:5px}.step-title p{font-size:12px;margin-top:2px}.step-title{margin-bottom:8px}
  .control-grid{gap:8px}.control-grid select{min-height:36px;height:36px;padding:6px 9px}.compact-check{min-height:52px;padding:8px 10px}.compact-check small{font-size:10px}.control-status-row{margin-top:6px;gap:8px}.status{padding:6px 9px;font-size:12px}.primary,.secondary{min-height:36px;padding:8px 13px}.workspace-card{margin:0;min-height:0;height:100%;overflow:hidden;padding:10px 12px}.workspace-panel{min-height:0;height:100%}
  #memberPanel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:5px}#memberPanel.hidden{display:none}.membership-editor{min-height:0;height:100%;gap:10px}.membership-pane{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.pane-head{padding:7px 9px}.pane-head>div{margin-bottom:5px}.pane-head input{min-height:32px;height:32px;padding:5px 8px}.membership-items{height:auto;min-height:0;overflow:auto}.member-item{padding:6px 9px}.member-item b{font-size:12px}.member-item small{font-size:10px}.member-item em{font-size:9px}.move-controls{gap:8px}.move-button{min-height:36px}.batch-footer{margin-top:2px;gap:10px}.apply-button{min-width:130px}.batch-summary{font-size:11px}
}
@media (min-width:761px) and (max-height:780px){
  .shell{grid-template-columns:190px minmax(0,1fr)}.side{padding:9px}.side-brand .side-cgm-logo{width:118px}.side-brand .side-matrix-logo{width:62px}.brand strong{font-size:15px}.brand span{font-size:10px}.side-note{margin-top:10px;padding:8px;gap:4px;font-size:10px}.user-guide-link{padding:8px;gap:7px}.user-guide-link .guide-icon{width:38px;height:38px;flex-basis:38px;font-size:24px}.user-guide-link b{font-size:13px}.user-guide-link small{font-size:9px}
  .shell>main{padding:7px 10px;gap:6px}header h1{font-size:21px}header p{font-size:11px}.health{padding:6px 9px;font-size:11px}.control-card{padding:8px 10px}.control-grid{grid-template-columns:minmax(300px,1.4fr) minmax(250px,1fr) minmax(270px,1fr)}.field{gap:4px}.field label{font-size:12px}.group-filter-row input{height:28px;min-height:28px}.group-filter-row small,.field small{font-size:9px}.compact-check{min-height:47px}.step-title.compact h2{font-size:16px}.step-title.compact> b{width:26px;height:26px}.workspace-card{padding:8px 10px}.step-title h2{font-size:16px}.membership-editor{gap:8px}.membership-items{min-height:110px}.batch-footer{margin-top:0}
}
body.target-group .workspace-card{border-top:4px solid var(--green)}
body.target-mailbox .workspace-card{border-top:4px solid var(--blue);background:#f8fbff}
body.target-mailbox .workspace-state{background:#e8f2ff;color:#1f5f9f}
.mailbox-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px}.mailbox-panel.hidden{display:none}.mailbox-title>b{background:var(--blue)}
.mailbox-forwarding{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;border:1px solid #bfd4ea;border-left:5px solid var(--blue);border-radius:10px;background:#eef6ff;padding:9px 12px;font-size:13px}.mailbox-forwarding.active{border-left-color:var(--amber);background:#fff8e8}.mailbox-forwarding.clear{border-left-color:var(--green);background:#f1faf5}.mailbox-forwarding span{overflow-wrap:anywhere}
.mailbox-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0}.access-pane{min-width:0;min-height:0;border:1px solid #c9d8e7;border-radius:11px;background:#fff;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.access-pane.full-access{border-top:4px solid #3977ad}.access-pane.send-as{border-top:4px solid #7a58a6}.access-pane.send-behalf{border-top:4px solid #b7791f}.access-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f7f9fb;border-bottom:1px solid #e4ebf1}.access-head span{display:grid;place-items:center;min-width:27px;height:23px;padding:0 6px;border-radius:999px;background:#eaf0f5;font-size:11px;font-weight:800;color:var(--muted)}.access-list{min-height:0;overflow:auto}.access-item{padding:8px 10px;border-bottom:1px solid #edf1f4;font-size:12px;overflow-wrap:anywhere}.access-item:last-child{border-bottom:0}.access-empty{padding:14px 10px;color:var(--muted);font-size:12px}
@media(max-width:900px){.mailbox-access-grid{grid-template-columns:1fr 1fr}.send-behalf{grid-column:1/-1}}
@media(max-width:760px){.mailbox-access-grid{grid-template-columns:1fr}.send-behalf{grid-column:auto}.mailbox-forwarding{grid-template-columns:1fr}}
@media (min-width:761px) and (max-width:1100px) and (max-height:900px){
  .control-grid{grid-template-columns:minmax(250px,1.2fr) minmax(210px,.9fr) minmax(230px,1fr)}
  .compact-check{grid-column:auto}.control-status-row{grid-template-columns:1fr auto}.control-actions{justify-content:flex-end}
}
@media (min-width:761px) and (max-height:680px){
  .shell>main{padding:5px 8px;gap:4px}.side-note{display:none}.side-brand .side-cgm-logo{width:96px}.user-guide-link{padding:6px}.control-card{padding:6px 8px}.control-head .step-title p{display:none}.control-grid select{height:32px;min-height:32px}.group-filter-row input{height:26px;min-height:26px}.compact-check{min-height:40px}.control-status-row .status{padding:4px 7px}.workspace-card{padding:6px 8px}.step-title{margin-bottom:4px}.membership-editor{gap:6px}.pane-head{padding:5px 7px}.pane-head input{height:28px;min-height:28px}.member-item{padding:4px 7px}.move-button{min-height:32px}.primary,.secondary{min-height:32px;padding:6px 10px}
}

/* 0.67 viewport guarantee: reflow first; visible scrollbar fallback */
@media (min-width:761px){
 html,body{height:100%;overflow:hidden}
 .shell{height:100dvh;min-height:0;overflow:hidden}
 .shell>main{height:100dvh;min-height:0;overflow-y:auto!important;scrollbar-gutter:stable}
 .workspace-card{min-height:0;max-height:100%;overflow:auto!important;scrollbar-gutter:stable}
 body.target-mailbox .workspace-card{height:auto;align-self:start}
 body.target-mailbox #mailboxPanel{height:auto;grid-template-rows:auto auto auto auto}
 body.target-mailbox .access-pane{max-height:clamp(150px,28vh,270px)}
 body.tracer-mode .workspace-card{height:100%;overflow:hidden!important}
 body.tracer-mode .route-canvas{overflow:auto!important;scrollbar-gutter:stable}
}
@media (min-width:761px) and (max-height:850px){
 body.target-mailbox .mailbox-forwarding{padding:6px 9px}
 body.target-mailbox .access-head{padding:6px 8px}
 body.target-mailbox .access-item{padding:5px 8px}
 body.target-mailbox .mailbox-panel{gap:6px}
}

/* 0.68 diagnostic-state lock: tracer/results always own the viewport while a test exists */
@media (min-width:761px){
 body.tracer-mode #memberPanel,
 body.tracer-mode #mailboxPanel{display:none!important}
 body.tracer-mode #tracerPanel{display:flex!important;min-height:0;height:100%}
 body.tracer-mode .workspace-card{align-self:stretch;min-height:0;height:100%!important;overflow:hidden!important}
 body.tracer-mode .results{display:block!important;min-height:0;overflow:hidden}
 body.tracer-mode .result{min-height:0;height:100%;overflow:hidden}
 body.tracer-mode .tracer-frame{min-height:0;overflow:hidden}
 body.tracer-mode .route-canvas{min-height:120px;overflow:auto!important;scrollbar-gutter:stable}
 body.tracer-mode .proof-scroll{overflow:auto!important;scrollbar-gutter:stable}
}


/* 0.69 persistent dual-view navigator + heartbeat */
.health{display:flex;align-items:center;gap:7px}.heartbeat{display:inline-block;color:#d9534f;font-size:15px;line-height:1;transform-origin:center;animation:cgm-heartbeat 1.45s ease-in-out infinite}.health.bad .heartbeat{animation:none;opacity:.45}@keyframes cgm-heartbeat{0%,42%,100%{transform:scale(1)}12%{transform:scale(1.23)}24%{transform:scale(.96)}32%{transform:scale(1.13)}}
.other-view-preview{margin-top:12px;border:1px solid #476777;border-radius:12px;background:#102733;color:#fff;padding:8px;min-height:112px;max-height:190px;overflow:hidden;cursor:pointer;box-shadow:0 7px 18px rgba(0,0,0,.18);transition:border-color .15s ease,transform .15s ease;flex:0 1 auto}.other-view-preview:hover,.other-view-preview:focus{border-color:#ef8d23;outline:none;transform:translateY(-1px)}.other-view-preview.hidden{display:none}.mini-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px}.mini-head b{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-head span{font-size:8px;color:#a9bac3;white-space:nowrap}.mini-canvas{height:calc(100% - 24px);min-height:72px;border-radius:8px;background:#f8fafc;color:#24343d;padding:7px;overflow:hidden}.mini-mailbox{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;font-size:8px}.mini-mailbox>div{border-radius:5px;padding:5px;background:#eaf3fb;border-top:2px solid #3977ad;display:grid;gap:2px}.mini-mailbox>div:nth-child(2){border-top-color:#7a58a6}.mini-mailbox>div:nth-child(3){border-top-color:#b7791f}.mini-mailbox span{font-size:14px;font-weight:800}.mini-mailbox small{grid-column:1/-1;margin-top:4px;font-size:7px;line-height:1.2;color:#667680}.mini-members{display:grid;gap:3px}.mini-person{display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid #e6edf2;padding:2px 0;font-size:7px}.mini-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-person i{font-style:normal;white-space:nowrap;color:#788791}.mini-person.pass i{color:var(--green);font-weight:800}.mini-person.fail i{color:var(--red);font-weight:800}.mini-person.warn i,.mini-person.wait i{color:var(--amber);font-weight:800}.mini-tracer{height:100%;display:grid;grid-template-rows:auto auto auto auto;align-content:center;gap:4px;text-align:center}.mini-route-line{display:flex;align-items:center;justify-content:center}.mini-dot{width:13px;height:13px;border:2px solid #9aa9b3;border-radius:4px;background:#fff}.mini-dot.source{border-color:var(--blue)}.mini-dot.pass{border-color:var(--green);background:#effaf3}.mini-dot.fail{border-color:var(--red);background:#fff0ef}.mini-dot.active{border-color:var(--amber);background:#fff8e8}.mini-link{width:52px;border-top:2px solid #9aa9b3}.mini-tracer>b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-tracer>span{font-size:7px;color:#6e7d86;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-proof{display:flex;justify-content:center;gap:8px;font-size:8px}.mini-proof i{font-style:normal;font-weight:800}.mini-proof .pass{color:var(--green)}.mini-proof .wait{color:var(--amber)}.mini-proof .fail{color:var(--red)}.mini-empty{font-size:9px;color:#6e7d86;text-align:center;padding-top:24px}.delivery-mark{display:inline-block;margin-left:5px;font-size:10px;font-weight:900}.delivery-mark.pass{color:var(--green)}.delivery-mark.fail{color:var(--red)}.delivery-mark.warn,.delivery-mark.wait{color:var(--amber)}
@media(min-width:761px) and (max-height:780px){.other-view-preview{margin-top:7px;min-height:92px;max-height:132px;padding:6px}.mini-canvas{min-height:58px;padding:5px}.mini-mailbox span{font-size:12px}.user-guide-link{margin-top:7px!important}}
@media(min-width:761px){.side .user-guide-link{margin-top:auto}.other-view-preview:not(.hidden)+*{} .side:has(.other-view-preview:not(.hidden)) .user-guide-link{margin-top:10px}}
@media(max-width:760px){.other-view-preview{display:none!important}}

/* 0.70 reversible staging, clearable search, local recipient loader, wider PiP sidebar */
.search-with-clear{position:relative}.search-with-clear input{padding-right:34px!important}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:25px;height:25px;border:0;border-radius:50%;background:#e8eef2;color:#536570;font-size:18px;line-height:1;cursor:pointer;padding:0}.search-clear:hover{background:#d9e3e9;color:#1f2d35}.search-clear.hidden{display:none}
#memberPanel{position:relative}.recipient-loading{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:rgba(248,251,253,.82);backdrop-filter:blur(1.5px);border-radius:10px}.recipient-loading.hidden{display:none}.recipient-loading>div{display:grid;justify-items:center;gap:7px;max-width:390px;padding:18px 22px;border:1px solid #c9d8e7;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(27,54,70,.16);text-align:center}.recipient-loading b{font-size:15px}.recipient-loading small{color:var(--muted)}.recipient-loading .spinner{width:28px;height:28px}
@media(min-width:1181px){.shell{grid-template-columns:250px minmax(0,1fr)}.app-loading{left:250px}.other-view-preview{min-height:126px}.mini-head b{font-size:12px}.mini-head span{font-size:9px}}
@media(min-width:901px) and (max-width:1180px){.shell{grid-template-columns:210px minmax(0,1fr)}.app-loading{left:210px}}
@media(min-width:761px) and (max-width:900px){.shell{grid-template-columns:185px minmax(0,1fr)}.app-loading{left:185px}}
.side .user-guide-link{order:10;margin-top:auto!important}.side .other-view-preview{order:11;margin-top:10px!important;flex:0 0 auto}.side .side-note{order:2}.side .brand{order:1}

/* 0.72 deterministic recipient loading: request supersession + confirmed empty reads + retry safety */

/* 0.73 sidebar navigator stays ABOVE the permanently bottom-anchored User Guide */
@media(min-width:761px){
  .side .other-view-preview{order:9!important;margin-top:12px!important;flex:0 0 auto}
  .side .user-guide-link{order:10!important;margin-top:auto!important;flex:0 0 auto}
}


/* 0.74 mailbox-access branches inside Delivery Assurance tracer.
   These nodes are informational permission relationships, never delivery endpoints. */
.tree-node.access>.node-box{border-color:#7a58a6;background:#f7f3fb}
.tree-node.access>.node-box small{color:#6f5790;font-weight:700}
.tree-node.access>.tree-children:before,.tree-node.access>.tree-children:after,.tree-child.access:before{border-color:#9b83ba}
.route-canvas.dense .tree-node.access>.node-box{background:#faf7fd}

/* 0.78 forensic delivery assurance additions — preserve 0.75 visual language */
.owner-panel{border:1px solid #ded5eb;border-radius:10px;background:#fbf9fd;padding:8px 10px;margin:-4px 0 10px;display:grid;gap:6px}.owner-head{display:flex;align-items:center;justify-content:flex-start;gap:7px}.owner-head>b{color:#624686}.owner-head>span{min-width:27px;text-align:center;border-radius:999px;background:#efe8f7;color:#624686;font-weight:800;font-size:11px;padding:3px 7px}.owner-list{display:flex;gap:7px;overflow-x:auto;min-height:38px}.owner-item{min-width:180px;max-width:270px;border-left:3px solid #7a58a6;background:#fff;border-radius:7px;padding:6px 8px;display:grid;gap:2px}.owner-item b,.owner-item span,.owner-item em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-item b{font-size:11px}.owner-item span{font-size:10px;color:var(--muted)}.owner-item em{font-size:9px;font-style:normal;font-weight:800}.owner-item .recipient-yes{color:var(--green)}.owner-item .recipient-no{color:#6f5790}.owner-panel>small{font-size:9px;color:#6f5790}
.permission-admin{display:grid;grid-template-columns:minmax(180px,1.3fr) repeat(3,auto) minmax(150px,auto);gap:6px;align-items:center}.permission-admin select{min-height:34px;height:34px;padding:5px 8px}.permission-admin .secondary,.permission-admin .primary{min-height:34px;padding:5px 9px;font-size:11px}.permission-row{width:100%;text-align:left;border:0;border-bottom:1px solid #edf1f4;background:#fff;cursor:pointer;display:grid;gap:2px}.permission-row small{color:var(--muted);font-size:9px}.permission-row.pending{background:#fff7df;border-left:4px solid var(--amber)}.mailbox-convert{display:flex;align-items:center;gap:8px}.mailbox-convert small{color:var(--muted);font-size:10px}.danger-outline{border-color:#b44;color:#a33;background:#fff}.danger-outline:disabled{opacity:.45}
.diagnostic-views{margin-top:12px;display:grid;gap:6px}.diagnostic-views.hidden{display:none}.diagnostic-views>button{border:1px solid #476777;background:#102733;color:#fff;border-radius:9px;padding:7px 8px;text-align:left;display:grid;gap:1px;cursor:pointer}.diagnostic-views>button b{font-size:11px}.diagnostic-views>button small{font-size:8px;color:#a9bac3}.diagnostic-views>button.active{border-color:#f36c21;background:#173545}.diag-export{display:grid;grid-template-columns:1fr 1fr;gap:5px}.diag-export button{border:1px solid #476777;background:#0e1f29;color:#fff;border-radius:7px;min-height:28px;font-size:9px;cursor:pointer}
.route-canvas{position:relative}.route-lines{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:1}.route-line{fill:none;stroke:#aeb8c0;stroke-width:2}.route-line.pass{stroke:var(--green)}.route-line.fail{stroke:var(--red)}.route-line.warn{stroke:var(--amber)}.route-line.access{stroke:#9b83ba}.route-line.active{stroke:var(--blue);stroke-dasharray:7 5;animation:cgm-ants .8s linear infinite}@keyframes cgm-ants{to{stroke-dashoffset:-12}}
/* SVG owns connector geometry in 0.78. */
.route-canvas .tree-children:before,.route-canvas .tree-children:after,.route-canvas .tree-child:before{display:none!important}.route-canvas .tree-node,.route-canvas .node-box{z-index:2}.tree-node.warn>.node-box{border-color:var(--amber);background:#fff9eb}.tree-node.configured>.node-box{border-color:#aeb8c0;background:#fff}
.diag-main{padding:12px 14px;min-height:0;height:100%;overflow:hidden}.diag-main h3{margin:0 0 10px;font-size:15px}.trace-results{overflow:auto;display:grid;align-content:start;gap:5px}.trace-hop{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:start;padding:6px 8px;border-left:3px solid #aeb8c0;background:#fafbfc;border-radius:5px}.trace-hop>span{font-weight:900}.trace-hop b,.trace-hop small{display:block}.trace-hop b{font-size:11px}.trace-hop small{font-size:9px;color:var(--muted);margin-top:2px}.trace-hop.green{border-left-color:var(--green)}.trace-hop.green>span{color:var(--green)}.trace-hop.amber{border-left-color:var(--amber)}.trace-hop.amber>span{color:var(--amber)}.trace-hop.red{border-left-color:var(--red)}.trace-hop.red>span{color:var(--red)}
.journal-scroll,.evidence-scroll{height:calc(100% - 26px);overflow:auto;border:1px solid var(--border);border-radius:8px;background:#fff}.journal-row{display:grid;grid-template-columns:70px 1fr;gap:8px;padding:6px 8px;border-bottom:1px solid #edf0f2;font-size:10px}.journal-row time{font-variant-numeric:tabular-nums;color:var(--muted)}.journal-row.amber{border-left:3px solid var(--amber)}.journal-row.red{border-left:3px solid var(--red)}.journal-row.green{border-left:3px solid var(--green)}.journal-row.purple{border-left:3px solid #7a58a6}
.evidence-scroll table{width:100%;border-collapse:collapse;font-size:9px}.evidence-scroll th,.evidence-scroll td{padding:6px;border-bottom:1px solid #edf0f2;text-align:left;vertical-align:top;overflow-wrap:anywhere}.evidence-scroll th{position:sticky;top:0;background:#fff;z-index:2}.evidence-scroll td small{display:block;color:var(--muted);margin-top:2px}.raw-state{display:block}.raw-state.green{color:var(--green)}.raw-state.amber{color:var(--amber)}.raw-state.red{color:var(--red)}.raw-state.purple{color:#7a58a6}
@media(max-width:1100px){.permission-admin{grid-template-columns:1fr 1fr 1fr}.permission-admin select,.permission-admin #applyPermissionChanges{grid-column:1/-1}.mailbox-convert{align-items:flex-start;flex-direction:column}.owner-item{min-width:160px}}
@media(max-width:760px){.diagnostic-views{display:none!important}.permission-admin{grid-template-columns:1fr}.permission-admin>*{grid-column:auto!important}}


/* 0.79 surgical layout corrections: cleanup control aligns with chooser controls; heartbeat has proper visual weight */
@media(min-width:761px){
  .control-grid .compact-check{align-self:start;margin-top:27px}
  .heartbeat{font-size:22px}
}
@media(min-width:761px) and (max-height:780px){
  .control-grid .compact-check{margin-top:24px}
  .heartbeat{font-size:20px}
}
@media(max-width:760px){
  .control-grid .compact-check{margin-top:0}
  .heartbeat{font-size:21px}
}

/* v0.80 Recipient Coverage + recommendation view */
.coverage-view{display:flex;flex-direction:column;gap:12px;min-height:0;height:100%}
.coverage-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;padding:8px 10px;border:1px solid var(--line,#d8dde3);border-radius:9px;background:#fff}
.coverage-legend .green{color:#19733b;font-weight:800}.coverage-legend .amber{color:#9a6500;font-weight:800}.coverage-legend .red{color:#a62323;font-weight:800}
.coverage-scroll{min-height:120px;max-height:34vh;overflow:auto;border:1px solid var(--line,#d8dde3);border-radius:10px;background:#fff}
.coverage-table{width:100%;border-collapse:collapse}.coverage-table th,.coverage-table td{padding:8px 10px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:middle}.coverage-table th{position:sticky;top:0;background:#f7f8fa;z-index:1}.coverage-table th small,.coverage-table td small{display:block;font-weight:400;color:#68717b;margin-top:2px}
.coverage-state{text-align:center!important;min-width:120px}.coverage-state span{font-size:22px;font-weight:900;display:block;line-height:1}.coverage-state.green{color:#19733b}.coverage-state.amber{color:#b47700}.coverage-state.red{color:#b3261e}
.coverage-conclusion{border:1px solid #d8dde3;border-left:5px solid #e87620;border-radius:10px;padding:10px 12px;background:#fff}.coverage-conclusion h3,.fix-options h3{margin:0 0 6px}.coverage-conclusion p{margin:5px 0;line-height:1.35}
.fix-options{min-height:0;overflow:auto}.fix-intro{font-size:12px;color:#68717b;margin:0 0 8px}.fix-option{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:9px 10px;margin:7px 0;border:1px solid #d8dde3;border-radius:9px;background:#fff}.fix-option.recommended{border-left:5px solid #21874a}.fix-option.safe{border-left:5px solid #d48a00}.fix-option.review{border-left:5px solid #4e6f91}.fix-rank{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef1f4;font-weight:800}.fix-option h4{margin:0 0 3px;font-size:13px}.fix-option p{margin:0;font-size:12px;line-height:1.35;color:#4f5964}
@media(max-width:760px){.coverage-state{min-width:92px}.coverage-legend{gap:8px}.coverage-scroll{max-height:30vh}}

/* v0.81 full tenant delivery assurance report */
.full-audit-panel{min-height:0;height:100%;display:flex;flex-direction:column;gap:10px}.full-audit-results{min-height:0;flex:1;overflow:auto;border:1px solid #d8dde3;border-radius:10px;background:#fff}.full-audit-table{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%;font-size:12px}.full-audit-table th,.full-audit-table td{padding:7px 9px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3;vertical-align:middle}.full-audit-table thead th{position:sticky;top:0;z-index:3;background:#f7f8fa;max-width:180px}.full-audit-table th:first-child,.full-audit-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;min-width:210px}.full-audit-table thead th:first-child{z-index:4;background:#f7f8fa}.full-audit-table th small,.full-audit-table td small{display:block;color:#68717b;font-weight:400;margin-top:2px;white-space:normal}.full-audit-cell{text-align:center;font-weight:900;font-size:18px;min-width:92px}.full-audit-cell.amber{color:#b47700}.full-audit-cell.red{color:#b3261e}.full-audit-cell.blank{color:#c4c8cd}.full-audit-summary{display:grid;gap:8px;padding:10px}.full-audit-summary article{border:1px solid #e2e5e9;border-left:4px solid #e87620;border-radius:8px;padding:8px 10px}.full-audit-summary h4{margin:0 0 3px;font-size:13px}.full-audit-summary p{margin:2px 0;font-size:12px;line-height:1.35}.full-audit-note{padding:8px 10px;background:#fff7e8;border:1px solid #efd6a8;border-radius:8px;font-size:12px}.full-audit-progress{height:6px;background:#e4e7eb;border-radius:99px;overflow:hidden;margin-top:7px}.full-audit-progress span{display:block;height:100%;background:#e87620;width:0;transition:width .25s ease}
\n\n/* v0.82 sidebar hierarchy, stronger heartbeat and full-audit progress */
.primary-nav{order:2;display:grid;gap:6px;margin-top:10px;flex:0 0 auto}.primary-nav button{border:1px solid #476777;background:#102733;color:#fff;border-radius:9px;padding:8px 9px;text-align:left;display:grid;gap:2px;cursor:pointer}.primary-nav button b{font-size:11px}.primary-nav button small{font-size:8px;color:#a9bac3}.primary-nav button.active{border-color:#f36c21;background:#173545}.side .side-note{order:3}.side .diagnostic-views{order:4}.side .brand{order:1;flex:0 0 auto;position:relative;z-index:2}.side .other-view-preview{order:8!important}.side .user-guide-link{order:10!important}.heartbeat{position:relative;z-index:2;will-change:transform;animation:cgm-heartbeat-082 1.45s ease-in-out infinite!important}.health.bad .heartbeat{animation:none!important}@keyframes cgm-heartbeat-082{0%,46%,100%{transform:scale(1)}12%{transform:scale(2.05)}22%{transform:scale(.94)}31%{transform:scale(1.55)}38%{transform:scale(1)}}.audit-running article{padding:14px 16px}.audit-running article>small{display:block;margin-top:8px;color:#68717b;font-size:11px}.audit-current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.full-audit-progress{height:9px}.full-audit-progress span{transition:width .3s ease}@media(max-width:760px){.primary-nav{grid-template-columns:1fr 1fr 1fr}.primary-nav button{padding:7px}.primary-nav button small{display:none}.heartbeat{transform-origin:center}}\n
/* v0.83 full-audit readability */
.full-audit-scroll{max-height:58vh!important;border:1px solid var(--line,#d8dde3)!important;border-radius:10px!important}
.full-audit-table thead th{position:sticky;top:0;z-index:3;background:#f7f8fa;min-width:150px;max-width:220px;white-space:normal}
.full-audit-table thead th:first-child,.full-audit-table tbody td:first-child{position:sticky;left:0;z-index:2;background:#fff;min-width:240px;max-width:320px}
.full-audit-table thead th:first-child{z-index:4;background:#f7f8fa}
.full-audit-table tbody tr:nth-child(even) td:first-child{background:#fbfcfd}
.full-audit-cell{min-width:88px;text-align:center!important}.full-audit-cell.amber{background:#fff6da;color:#8a5b00;font-weight:900}.full-audit-cell.blank{color:#c4c9ce}.full-audit-cell small{display:block;font-size:10px;margin-top:2px}
.unresolved-label{color:#a62323;font-weight:700}

/* v0.85 full audit workspace reliability/layout */
.full-audit-panel{overflow:hidden!important;min-height:0!important;height:100%!important}
.full-audit-panel>.tracer-toolbar,.full-audit-panel>#fullAuditStatus{flex:0 0 auto}
.full-audit-results{min-height:0!important;overflow:auto!important;position:relative!important}
.full-audit-summary{position:relative!important;inset:auto!important;overflow:visible!important}
.audit-running{min-height:max-content!important}
@media(max-width:900px){.full-audit-panel .tracer-toolbar{align-items:flex-start;flex-wrap:wrap}.full-audit-panel .tracer-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.full-audit-results{max-height:none!important}.full-audit-scroll{max-height:52vh!important}}

/* v0.86 explicit sidebar hierarchy + interactive full-report review */
.side .brand{order:-30!important}.side .primary-nav{order:-20!important;margin-top:10px}.side .side-note{order:-10!important}.audit-source-head{cursor:pointer;transition:background .15s ease}.audit-source-head:hover{background:#48515c!important}.audit-focus-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:8px;border:1px solid #d4dde3;border-radius:10px;background:#f7fafc}.audit-focus-bar div{display:grid;gap:2px}.audit-focus-bar small{color:var(--muted)}.audit-error-button{border:1px solid #c33;background:#fff3f2;color:#a21d16;border-radius:7px;padding:5px 8px;font-weight:800;cursor:pointer;margin-left:8px}.audit-errors{margin:12px 0;border:1px solid #e1a6a2;border-radius:10px;background:#fff7f6;padding:12px}.audit-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.audit-errors h3{margin:0;color:#a21d16}.audit-errors table{width:100%;border-collapse:collapse;margin-top:8px}.audit-errors th,.audit-errors td{text-align:left;vertical-align:top;padding:7px;border-bottom:1px solid #edd5d3;font-size:12px}.severity-pill{display:inline-block;border-radius:999px;padding:3px 7px;font-size:10px;text-transform:uppercase;letter-spacing:.03em}.severity-pill.healthy{background:#e4f4e9;color:#21723b}.severity-pill.review{background:#fff3cd;color:#815f00}.severity-pill.warning{background:#ffe2b8;color:#934b00}.severity-pill.error{background:#f9d3d0;color:#a21d16}.audit-conclusion.severity-error{border-left:4px solid #c33}.audit-conclusion.severity-warning{border-left:4px solid #e37a18}.audit-conclusion.severity-review{border-left:4px solid #d5a000}.audit-conclusion.severity-healthy{border-left:4px solid #3b8d58}


/* v0.87 definitive sidebar placement: branding physically first, navigator directly below */
.side{display:flex!important;flex-direction:column!important;}
.sidebar-top{display:flex;flex-direction:column;flex:0 0 auto;order:-100!important;}
.sidebar-top>.side-brand{order:0!important;margin:0!important;flex:0 0 auto;}
.sidebar-top>.primary-nav{order:1!important;margin:10px 0 0!important;flex:0 0 auto;}
.side>.side-note{order:0!important;}
.side>.diagnostic-views{order:1!important;}
.side>.other-view-preview{order:2!important;}
.side>.user-guide-link{order:100!important;margin-top:auto!important;}
/* Explicitly neutralise earlier rules that tried to order brand/nav as independent flex children. */
.side>.brand,.side>.primary-nav{order:initial!important;}
@media(max-width:760px){.sidebar-top>.primary-nav{margin-top:8px!important;}}

/* v0.88 full-report controls, viewport containment, filters, remediation review and setup wizard */
body.audit-mode .shell>main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden;padding-bottom:10px;min-width:0}
body.audit-mode .control-card{display:none}
body.audit-mode .workspace-card{height:100%;min-height:0;overflow:hidden;padding:10px;min-width:0}
body.audit-mode .full-audit-panel{display:grid!important;grid-template-rows:auto auto auto auto minmax(0,1fr);height:100%!important;min-height:0!important;overflow:hidden!important;min-width:0!important}
.full-audit-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 7px;border-bottom:1px solid #dde5ea;min-width:0}
.full-audit-title{min-width:220px;flex:1 1 360px}.full-audit-title h2{margin:0;font-size:18px}.full-audit-title p{margin:2px 0 0;color:var(--muted);font-size:11px}
.full-audit-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex:0 0 auto}.full-audit-actions button{white-space:nowrap}
.audit-filter-bar{display:flex;justify-content:space-between;align-items:end;gap:10px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #e3e9ed;min-width:0}
.audit-filter-group,.audit-scope-group{display:flex;gap:7px;align-items:end;flex-wrap:wrap;min-width:0}.audit-filter-group label{display:grid;gap:2px;font-size:9px;font-weight:800;color:var(--muted)}
.audit-filter-group input,.audit-filter-group select,.audit-scope-group input,.audit-scope-group select,.audit-remediation-bar select{height:30px;min-height:30px;border:1px solid #bccbd4;border-radius:7px;background:#fff;padding:4px 7px;font-size:11px;max-width:200px}
.audit-scope-group>span{font-size:9px;font-weight:800;color:var(--muted);align-self:center}.audit-scope-group input{width:155px}.audit-scope-group select{width:145px}
.audit-remediation-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:6px 0}.audit-remediation-bar>div{display:flex;gap:6px;flex-wrap:wrap}.audit-remediation-bar>label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:var(--muted)}
body.audit-mode #fullAuditStatus{margin:0 0 6px;min-width:0}
body.audit-mode .full-audit-results{min-width:0!important;width:100%!important;max-width:100%!important;overflow:auto!important;overscroll-behavior:contain;padding-right:2px}
.full-audit-scroll{width:100%;max-width:100%;overflow:auto!important}.full-audit-table{min-width:max-content;table-layout:auto}.full-audit-table th,.full-audit-table td{white-space:normal;word-break:normal;overflow-wrap:normal}
.full-audit-table th:first-child,.full-audit-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;min-width:190px;max-width:260px}.full-audit-table thead th:first-child{z-index:4}
.audit-errors{max-width:100%;overflow:hidden}.audit-errors table{table-layout:fixed}.audit-errors th:nth-child(1){width:22%}.audit-errors th:nth-child(2){width:12%}.audit-errors th:nth-child(3){width:15%}.audit-errors th:nth-child(4){width:auto}.audit-error-text{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:0}
.audit-conclusion-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audit-conclusion-head h4{margin:0;min-width:220px;flex:1}.audit-open-address{margin-left:auto}.audit-fix-select{display:inline-flex;align-items:center;gap:4px;border:1px solid #c7d3da;border-radius:7px;padding:4px 6px;background:#fff;font-size:10px;font-weight:800;cursor:pointer}.audit-fix-select input{margin:0}
.cgm-modal{position:fixed;inset:0;z-index:5200;background:rgba(14,29,38,.68);display:grid;place-items:center;padding:18px;backdrop-filter:blur(2px)}.cgm-modal.hidden{display:none}.cgm-modal-card{width:min(960px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;border-radius:14px;background:#fff;border:1px solid #c9d6de;box-shadow:0 20px 60px rgba(0,0,0,.28);padding:16px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.modal-head h2{margin:0;font-size:20px}.modal-head p{margin:3px 0 0;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.wizard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wizard-grid fieldset{border:1px solid #d8e0e5;border-radius:10px;padding:10px;display:grid;gap:6px}.wizard-grid legend{font-weight:800;font-size:12px;padding:0 4px}.wizard-grid label{display:flex;gap:7px;align-items:flex-start;font-size:12px}.wizard-recommendation{margin-top:12px;border-left:4px solid #f36c21;background:#f7fafc;border-radius:9px;padding:11px 12px}.wizard-recommendation>span{font-size:9px;text-transform:uppercase;font-weight:900;color:var(--muted)}.wizard-recommendation h3{margin:2px 0 4px}.wizard-recommendation p{margin:0 0 4px}.wizard-recommendation small{color:var(--muted)}
.remediation-review-body{display:grid;gap:8px}.remediation-safety{padding:9px 10px;border-radius:9px;background:#eef5f8;border:1px solid #d3e0e6;font-size:11px}.remediation-item{border:1px solid #d9e1e6;border-radius:10px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:start}.remediation-item>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.remediation-item small{display:block;color:var(--muted);width:100%}.remediation-item p{grid-column:1;margin:0;font-size:11px}.remediation-item button{grid-column:2;grid-row:1 / span 3;align-self:center}
@media(max-width:900px){body.audit-mode .shell{grid-template-columns:165px minmax(0,1fr)}.full-audit-toolbar,.audit-filter-bar,.audit-remediation-bar{align-items:flex-start}.full-audit-actions{width:100%}.wizard-grid{grid-template-columns:1fr}.audit-filter-group input,.audit-filter-group select{max-width:160px}.audit-errors th:nth-child(2),.audit-errors th:nth-child(3){width:18%}}
@media(max-width:760px){body.audit-mode .shell{grid-template-columns:1fr}.audit-filter-group,.audit-scope-group{width:100%}.audit-filter-group label{flex:1 1 130px}.audit-filter-group input,.audit-filter-group select{width:100%;max-width:none}.remediation-item{grid-template-columns:1fr}.remediation-item button{grid-column:1;grid-row:auto;justify-self:start}}
/* v0.90 creation recommendation + Apply to planning */
.wizard-type-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.wizard-type-card{min-width:0;text-align:left;border:1px solid #d8e0e5;background:#fff;border-radius:10px;padding:12px;display:grid;gap:4px}.wizard-type-card span{font-size:9px;font-weight:900;color:var(--muted)}.wizard-type-card h3{margin:0}.wizard-type-card p{margin:0;font-size:12px;color:var(--muted)}.wizard-type-card.selected{outline:3px solid rgba(243,108,33,.22);border-color:#f36c21}.wizard-type-card.recommended{background:#fff8f3}.wizard-create-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px}.wizard-create-grid label{display:grid;gap:5px;font-size:12px;font-weight:800}.wizard-create-grid input{min-width:0;width:100%;font-size:16px}.wizard-config{margin-top:12px;border-top:1px solid #e2e8ec;padding-top:12px}.wizard-config h3,.wizard-plan h3{margin:0 0 3px}.wizard-config p,.wizard-plan p{margin:0 0 7px;font-size:12px}.wizard-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:230px;overflow:auto;padding-right:2px}.wizard-checklist label{display:flex;gap:7px;align-items:flex-start;border:1px solid #e0e5e8;border-radius:8px;padding:8px;min-width:0}.wizard-checklist label span{display:grid;min-width:0}.wizard-checklist small{overflow-wrap:anywhere;color:var(--muted)}.wizard-checklist .ineligible{opacity:.48}.wizard-batch-actions{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.wizard-plan{margin-top:12px;background:#f7fafc;border:1px solid #d8e0e5;border-radius:10px;padding:11px}.wizard-review-ok{margin-top:8px;padding:8px;border-left:4px solid #4f8a5b;background:#f5fbf6;border-radius:6px;font-size:12px}
@media(max-width:900px){.wizard-type-choices{grid-template-columns:1fr}.wizard-create-grid{grid-template-columns:1fr}.wizard-checklist{grid-template-columns:1fr;max-height:190px}}

/* 0.90 release-candidate usability */
.side-brand .side-cgm-logo{width:190px!important;max-height:92px!important}.side-brand .side-matrix-logo{width:105px!important;max-height:60px!important}.sidebar-top,.side .side-note,.side .diagnostic-views,.side .other-view-preview,.side .user-guide-link{width:100%;box-sizing:border-box}.primary-nav{width:100%}.primary-nav button{width:100%;padding:11px 12px}.side-note{padding:12px!important;font-size:12px!important}.configure-button{display:inline-flex;align-items:center;gap:6px}.configure-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.configure-icon .spark{fill:currentColor;stroke:none}.selected-scan-card{width:min(760px,calc(100vw - 32px))}.selected-scan-choices{max-height:55vh;overflow:auto}.wizard-existing{border-left:4px solid #f36c21;padding:8px 10px;background:#fff7f0}.wizard-existing small{display:block;margin-top:3px}
@media(max-width:900px) and (min-width:761px){.side-brand .side-cgm-logo{width:145px!important}.side-brand .side-matrix-logo{width:82px!important}.primary-nav button{padding:10px}.side-note{font-size:11px!important}}

/* 0.91 sidebar correction */
.side-brand .side-matrix-logo{width:150px!important;max-height:82px!important}.sidebar-top,.primary-nav,.diagnostic-views,.user-guide-link{width:100%!important;box-sizing:border-box}.side-note{display:none!important}@media(max-width:900px) and (min-width:761px){.side-brand .side-matrix-logo{width:125px!important;max-height:72px!important}}

/* 0.91 final handover overrides */
.side-brand .side-matrix-logo{width:150px!important;max-width:100%!important;max-height:88px!important;height:auto!important}
.shell{width:100%;max-width:100vw;overflow:hidden}.shell>main{min-width:0;max-width:100%;overflow:hidden}
body.audit-mode .workspace-card{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important}
body.audit-mode .full-audit-panel{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;height:auto!important}
body.audit-mode .full-audit-results{flex:1 1 220px!important;min-height:180px!important;max-height:none!important;overflow:auto!important}
.wizard-batch-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wizard-batch-actions input{min-width:180px;flex:1}
@media(max-width:900px) and (min-width:761px){.side-brand .side-matrix-logo{width:132px!important;max-height:78px!important}.shell{grid-template-columns:175px minmax(0,1fr)!important}body.audit-mode .full-audit-results{min-height:200px!important}}
@media(max-width:760px){.side-brand .side-matrix-logo{width:118px!important;max-height:70px!important}.shell{max-width:100vw!important}}


/* 0.93 audit-layout regression fix. Final overrides deliberately isolate report workspace. */
body.audit-mode .control-card{display:none!important}
body.audit-mode .shell>main{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
body.audit-mode .workspace-card{display:block!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:10px 12px!important}
body.audit-mode #fullAuditPanel{display:grid!important;grid-template-rows:auto auto auto auto minmax(0,1fr)!important;gap:0!important;height:100%!important;min-height:0!important;overflow:hidden!important}
body.audit-mode #fullAuditPanel.hidden{display:none!important}
body.audit-mode .full-audit-toolbar,body.audit-mode .audit-filter-bar,body.audit-mode .audit-remediation-bar,body.audit-mode #fullAuditStatus{position:relative!important;inset:auto!important;transform:none!important;flex:none!important;min-height:0!important}
body.audit-mode .full-audit-results{position:relative!important;inset:auto!important;min-height:0!important;height:auto!important;overflow:auto!important;padding:0 2px 0 0!important}
body.audit-mode .full-audit-scroll{max-height:none!important}
@media(max-height:600px) and (min-width:761px){
 body.audit-mode header{padding:0!important;margin:0!important;min-height:34px!important}
 body.audit-mode header p{display:none!important}
 body.audit-mode header h1{font-size:18px!important;margin:0!important}
 body.audit-mode .full-audit-toolbar{padding-bottom:4px!important}
 body.audit-mode .full-audit-title h2{font-size:15px!important}
 body.audit-mode .full-audit-title p{display:none!important}
 body.audit-mode .full-audit-actions button,body.audit-mode .audit-remediation-bar button,body.audit-mode .audit-scope-group button{min-height:28px!important;height:28px!important;padding:3px 9px!important;font-size:11px!important}
 body.audit-mode .audit-filter-bar{padding:4px 0!important}
 body.audit-mode .audit-filter-group input,body.audit-mode .audit-filter-group select,body.audit-mode .audit-scope-group input,body.audit-mode .audit-scope-group select,body.audit-mode .audit-remediation-bar select{height:27px!important;min-height:27px!important;padding:2px 6px!important}
 body.audit-mode .audit-remediation-bar{padding:4px 0!important}
 body.audit-mode #fullAuditStatus{padding:4px 7px!important;margin:0 0 4px!important;font-size:10px!important}
}


/* 0.94 viewport and workspace regression correction.
   Content must never be clipped to a synthetic viewport. The main pane may scroll
   when a workspace genuinely needs more height; internal data canvases remain bounded. */
html,body{min-height:100%;height:auto!important;overflow-x:hidden}
.shell{min-height:100vh!important;height:auto!important;overflow:visible!important;align-items:stretch}
.side{position:sticky!important;top:0!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;align-self:start}
.shell>main{height:auto!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:visible!important;display:block!important}
.workspace-card{height:auto!important;min-height:470px!important;overflow:visible!important}
.workspace-panel{height:auto!important;min-height:0!important}
.workspace-panel.hidden{display:none!important}

body.audit-mode .shell>main{display:block!important;height:auto!important;min-height:100vh!important;overflow:visible!important;padding-bottom:18px!important}
body.audit-mode .workspace-card{display:block!important;height:auto!important;min-height:520px!important;overflow:visible!important}
body.audit-mode #fullAuditPanel{display:flex!important;flex-direction:column!important;height:auto!important;min-height:500px!important;overflow:visible!important;gap:8px!important}
body.audit-mode #fullAuditPanel.hidden{display:none!important}
body.audit-mode .full-audit-results{display:block!important;flex:0 0 auto!important;height:auto!important;min-height:340px!important;max-height:none!important;overflow:visible!important;padding-right:0!important}
body.audit-mode .full-audit-scroll{max-height:46vh!important;min-height:180px!important;overflow:auto!important}
body.audit-mode .full-audit-summary{overflow:visible!important}

body.tracer-mode .shell>main{display:block!important;height:auto!important;min-height:100vh!important;overflow:visible!important;padding-bottom:18px!important}
body.tracer-mode .workspace-card{height:auto!important;min-height:520px!important;overflow:visible!important}
body.tracer-mode #tracerPanel{display:flex!important;flex-direction:column!important;height:auto!important;min-height:500px!important}
body.tracer-mode #tracerPanel.hidden{display:none!important}
body.tracer-mode .results{overflow:visible!important;min-height:0!important}
body.tracer-mode .result{height:auto!important;display:block!important;overflow:visible!important}
body.tracer-mode .tracer-frame{overflow:visible!important;min-height:0!important}
body.tracer-mode .route-canvas{height:auto;min-height:220px!important;max-height:52vh!important;overflow:auto!important}
body.tracer-mode .proof-scroll{max-height:30vh!important;overflow:auto!important}

@media(max-width:900px) and (min-width:761px){
 .shell>main{padding-bottom:16px!important}
 .workspace-card{min-height:440px!important}
 body.audit-mode .workspace-card,body.tracer-mode .workspace-card{min-height:460px!important}
 body.audit-mode #fullAuditPanel,body.tracer-mode #tracerPanel{min-height:440px!important}
 body.audit-mode .full-audit-results{min-height:260px!important}
 body.audit-mode .full-audit-scroll{max-height:42vh!important;min-height:160px!important}
 body.tracer-mode .route-canvas{max-height:46vh!important;min-height:190px!important}
}
@media(max-width:760px){
 .shell{display:block!important}
 .side{position:relative!important;height:auto!important;max-height:none!important}
 .shell>main{min-height:0!important;padding-bottom:18px!important}
 .workspace-card,body.audit-mode .workspace-card,body.tracer-mode .workspace-card{min-height:0!important}
 body.audit-mode #fullAuditPanel,body.tracer-mode #tracerPanel{min-height:0!important}
 body.audit-mode .full-audit-results{min-height:260px!important}
 body.audit-mode .full-audit-scroll,body.tracer-mode .route-canvas,body.tracer-mode .proof-scroll{max-height:55vh!important}
}
.wizard-current-conclusion{margin:-2px 0 10px;padding:8px 9px;border-radius:7px;background:#eef5f8;border:1px solid #d3e0e6;font-size:12px;line-height:1.4;color:#29414f}.wizard-current-conclusion b{color:#155b96}


/* 0.95 verified operational corrections */
.side-brand .side-matrix-logo{width:185px!important;max-height:105px!important}
@media(max-width:900px) and (min-width:761px){.side-brand .side-matrix-logo{width:145px!important;max-height:86px!important}}
@media(max-width:760px){.side-brand .side-matrix-logo{width:132px!important;max-height:78px!important}}
.owner-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,32%);gap:12px;align-items:start}.owner-main{min-width:0}.smtp-identities{border-left:1px solid var(--line);padding-left:12px;min-width:0}.smtp-identities>b{font-size:11px}.smtp-identity{display:flex;gap:6px;align-items:center;min-width:0;font-size:10px;margin-top:4px}.smtp-identity .address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smtp-identity.primary .address{font-weight:900;color:var(--blue)}.smtp-tag{font-size:8px;font-weight:900;border-radius:8px;padding:2px 5px;background:#e8eef2;color:#526775}.smtp-tag.selected{background:#fff0e7;color:#b64a0a}
.selected-scan-filters{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.selected-scan-filters button{border:1px solid #b9c5ce;background:#fff;border-radius:16px;padding:6px 10px;font-weight:800;cursor:pointer}.selected-scan-filters button.active{border-color:var(--orange);background:#fff1e8;color:#a94208}.selected-scan-actions{display:flex;gap:8px;align-items:center;margin-bottom:8px}.selected-scan-actions span{margin-left:auto;font-size:11px;color:var(--muted);font-weight:800}
.route-tools{align-items:center!important}.route-tools>*{align-self:center}.route-fit{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;vertical-align:middle!important}
.health.delayed .heartbeat,.health.bad .heartbeat{animation:none!important}.health.delayed{border-color:#d7a33d;color:#8a6513}.health.bad{border-color:#c64c4c;color:#a12f2f}.health.delayed .heartbeat::after{content:'!';font-size:10px;font-weight:900;margin-left:2px}.health.bad .heartbeat{filter:grayscale(1);opacity:.5}
.change-journal-table{width:100%;border-collapse:collapse;font-size:11px}.change-journal-table th,.change-journal-table td{padding:7px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.change-journal-table th{position:sticky;top:0;background:#fff}.journal-ok{color:#087d45;font-weight:800}.journal-bad{color:#b22d2d;font-weight:800}

.auth-gate{position:fixed;inset:0;z-index:9999;background:rgba(9,28,39,.88);display:grid;place-items:center;padding:20px}.auth-gate.hidden{display:none}.auth-card{width:min(420px,calc(100vw - 32px));background:#fff;border-radius:18px;padding:28px;text-align:center;display:grid;gap:14px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.auth-card img{width:150px;max-height:85px;object-fit:contain;margin:auto}.auth-card h2{margin:0}.auth-card p,.auth-card small{color:var(--muted);margin:0}.auth-card button{min-height:44px}


/* 0.96 owner administration, recipient scrolling and contextual report actions */
.membership-editor{min-height:0!important}
.membership-pane{display:flex!important;flex-direction:column!important;min-height:0!important}
.membership-pane .pane-head{flex:0 0 auto}
.membership-items{display:block!important;height:310px!important;min-height:140px!important;max-height:42vh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;scrollbar-gutter:stable}
.member-item{touch-action:manipulation}
@media(max-width:1100px){.membership-items{height:270px!important;max-height:38vh!important}}
@media(max-width:760px){.membership-items{height:230px!important;max-height:48vh!important}}
.owner-count{min-width:27px;text-align:center;border-radius:999px;background:#efe8f7;color:#624686;font-weight:800;font-size:11px;padding:3px 7px}.owner-change{min-height:28px!important;height:28px;padding:3px 8px!important;font-size:10px!important}.owner-editor-card{width:min(700px,calc(100vw - 30px))}.owner-editor-tools{display:flex;gap:10px;align-items:center}.owner-editor-tools input{flex:1}.owner-editor-tools span{font-size:11px;color:var(--muted);font-weight:800;white-space:nowrap}.owner-editor-choices{max-height:52vh;overflow:auto;-webkit-overflow-scrolling:touch}.owner-editor-choices label.current-owner{background:#f4eefb;border-left:3px solid #7a58a6}.audit-issue-button{margin-left:auto}.audit-issue-details{border:1px solid #d7dfe5;border-radius:9px;padding:10px;margin:8px 0;background:#fbfcfd}.audit-issue-details h4{margin:0 0 6px}.duplicate-recipient{border-top:1px solid #e5e9ec;padding:9px 0}.duplicate-recipient:first-of-type{border-top:0}.duplicate-recipient ul{margin:5px 0 7px 20px;padding:0}.duplicate-recipient li{margin:3px 0;font-size:11px}.recommendation-safe{padding:7px 9px;background:#eef8f2;border-left:4px solid var(--green);border-radius:6px;font-size:11px}.recommendation-review{padding:7px 9px;background:#fff7e8;border-left:4px solid var(--amber);border-radius:6px;font-size:11px}.audit-remediation-bar .hidden{display:none!important}


/* 0.96 final diagnostic lifecycle and remediation drill-down */
.mail-lifecycle{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.mail-lifecycle h3{margin:0 0 3px}.mail-lifecycle>p{margin:0 0 8px;color:var(--muted);font-size:11px}.lifecycle-row{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:9px;padding:7px 9px;margin:5px 0;background:#fff}.lifecycle-row div{min-width:0}.lifecycle-row b,.lifecycle-row small{display:block;overflow-wrap:anywhere}.lifecycle-row small{font-size:10px;color:var(--muted);margin-top:2px}.lifecycle-emblem{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:0 0 26px}.lifecycle-row.pass .lifecycle-emblem{background:#e5f6eb;color:#217a42}.lifecycle-row.warn .lifecycle-emblem{background:#fff1cf;color:#9a6700}.lifecycle-row.fail .lifecycle-emblem{background:#fde6e5;color:#a42a2a}.lifecycle-row.wait .lifecycle-emblem{background:#eef1f5;color:#596471}.audit-issue-details{border-top:1px solid var(--border);padding-top:9px;margin-top:10px}.duplicate-recipient ul{margin:6px 0 8px 20px;padding:0}.duplicate-recipient li{margin:2px 0;font-size:11px;overflow-wrap:anywhere}.remediation-item button+button{margin-left:6px}


/* 0.98 control-row alignment: chooser labels share a baseline and all primary controls start on one line. */
.cleanup-field{align-self:start;gap:7px}
.cleanup-field-label{visibility:hidden;min-height:20px;line-height:20px;margin:0;padding:0}
.control-grid .cleanup-field .compact-check{margin-top:0!important;align-self:start}
.control-grid .group-field>label,.control-grid .sender-field>label,.control-grid .cleanup-field-label{height:20px;min-height:20px;line-height:20px}
.control-grid .group-field>select,.control-grid .sender-field>select,.control-grid .cleanup-field>.compact-check{margin-top:0}
@media(max-width:1180px) and (min-width:761px){.cleanup-field{grid-column:auto}}
@media(max-width:1100px) and (min-width:761px){.cleanup-field{grid-column:1/-1}.cleanup-field-label{display:none}.control-grid .cleanup-field .compact-check{margin-top:0!important}}
@media(max-width:760px){.cleanup-field-label{display:none}.cleanup-field{gap:0}}

.smtp-identity,.smtp-identity.primary{background:transparent!important;border:0!important;padding:2px 0!important;border-radius:0!important}.smtp-identity .address{min-width:0;flex:1}.smtp-identity.primary .address{color:inherit!important;font-weight:800}.smtp-tag{flex:0 0 auto}.owner-head .owner-change{margin-left:2px}

/* 0.98 owner interaction and audit-journal readability */
.owner-editor-choices label{cursor:pointer;user-select:none}
.owner-editor-choices label.selected-owner{outline:2px solid rgba(122,88,166,.20);background:#f7f2fb}
.owner-editor-choices label input{pointer-events:none}
.change-journal-table .journal-time{white-space:nowrap;font-variant-numeric:tabular-nums}
.change-journal-table td:nth-child(3){font-size:11px}

/* 0.99 locked correction pass */
.managed-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}.managed-select-row select{min-width:0}.clear-managed{padding-left:12px;padding-right:12px}.control-grid .group-field>.managed-select-row{margin-top:0}.control-grid .group-field>.managed-select-row select{margin-top:0}

/* 1.00 Forwarding & Rules + Security Administration */
.mailbox-forwarding{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.mailbox-forwarding>button{white-space:nowrap}
.rules-section{border:1px solid var(--line);border-radius:10px;padding:12px;margin:0 0 12px;background:#fff}.rules-section h3{margin:0 0 10px;display:flex;gap:8px;align-items:center}.routing-editor{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:8px;align-items:end}.routing-editor label{display:grid;gap:4px}.routing-editor .inline-check{display:flex;align-items:center;gap:6px;padding-bottom:9px}.rule-card{border-top:1px solid var(--line);padding:10px 0;display:grid;gap:5px}.rule-card:first-of-type{border-top:0}.rule-card>div{display:flex;justify-content:space-between;gap:12px}.rule-card p{margin:0}.rule-card small{display:block;color:var(--muted)}.rule-card button{justify-self:start}.notice.warn{background:#fff7e8;border:1px solid #e7c27b;padding:9px;border-radius:8px;margin:8px 0}
.security-admin-card{width:min(1180px,calc(100vw - 30px));max-height:90vh}.security-admin-body{overflow:auto}.security-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.security-columns>section{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;min-height:0}.security-columns h3{margin:0 0 4px}.security-columns p{font-size:12px;margin:0 0 8px}.security-list{overflow:auto;max-height:48vh;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:8px}.security-person{display:flex;gap:8px;padding:7px 2px;border-bottom:1px solid #edf0f2;align-items:flex-start}.security-person:last-child{border-bottom:0}.security-person span{min-width:0}.security-person b,.security-person small{display:block}.security-person small{font-size:10px;overflow-wrap:anywhere;color:var(--muted)}
.smtp-identity{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:5px!important;align-items:center!important}.smtp-tag{background:transparent!important;border:1px solid #cbd4da!important;color:#526775!important}.smtp-tag.selected{border-color:#f36c21!important;color:#b64a0a!important}.smtp-identity.primary .address{font-weight:800!important;color:inherit!important}
@media(max-width:900px){.security-columns{grid-template-columns:1fr}.security-list{max-height:25vh}.routing-editor{grid-template-columns:1fr 1fr}.mailbox-forwarding{grid-template-columns:1fr}.mailbox-forwarding>button{justify-self:start}}

/* 1.01 control-centre, glance and resize corrections */
.home-panel{padding:22px;display:grid;gap:18px}.home-title h1{margin:0 0 5px}.home-title p{margin:0;color:var(--muted)}.home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-actions button{min-height:92px;text-align:left;border:1px solid var(--line);border-left:5px solid #f36c21;border-radius:12px;background:#fff;padding:14px;display:grid;gap:5px;cursor:pointer}.home-actions button b{font-size:16px}.home-actions button small{color:var(--muted);font-size:11px}.home-status{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:12px;align-items:center}.glance-body{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,.8fr) minmax(220px,1fr);gap:28px;align-items:center;min-height:430px;padding:20px}.glance-column{display:grid;gap:9px;align-content:center}.glance-column h3{text-align:center}.glance-route{border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px;text-align:left;display:grid;gap:2px;cursor:pointer}.glance-route span,.glance-route small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.glance-route.ok{border-left:5px solid var(--green)}.glance-route.review{border-left:5px solid var(--amber)}.glance-route.bad{border-left:5px solid #c33}.glance-centre{display:grid;place-items:center}.glance-circle{width:210px;height:210px;border-radius:50%;border:5px solid #f36c21;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;box-sizing:border-box;box-shadow:0 5px 20px #0001}.glance-circle b{font-size:18px}.glance-circle span{font-size:11px;overflow-wrap:anywhere}.glance-circle small{margin-top:5px;color:var(--muted)}.glance-empty{text-align:center;color:var(--muted);font-size:12px}.primary-nav button.hidden{display:none!important}@media(max-width:800px){.home-actions{grid-template-columns:1fr}.glance-body{grid-template-columns:1fr}.glance-centre{order:-1}.glance-circle{width:170px;height:170px}}
.section-resizer{height:8px;margin:4px 0;cursor:ns-resize;border-top:1px solid #cfd8de;border-bottom:1px solid #eef2f4;position:relative}.section-resizer:after{content:"";position:absolute;width:42px;height:3px;border-radius:3px;background:#9aa9b2;left:50%;top:2px;transform:translateX(-50%)}.route-tools{display:flex!important;align-items:center!important;gap:5px!important}.route-zoom-label{display:inline-flex!important;width:48px!important;justify-content:center!important;align-items:center!important;line-height:30px!important}.route-zoom,.route-fit{height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.proof{overflow:hidden}.proof-scroll{overflow:auto;max-height:100%}

/* 1.04 — Control Centre exists only on Home; operational tools use the working viewport. */
body.home-mode .workspace-card{display:none!important}
body.home-mode .control-card{display:block!important}
body.tool-mode .home-panel,body.tool-mode .control-card{display:none!important}
body.tool-mode main>.control-card{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
body.tool-mode .workspace-card{display:block!important;margin-top:0!important;min-height:0!important;height:calc(100dvh - 92px)!important;overflow:hidden!important}
body.tool-mode:not(.tracer-mode):not(.audit-mode) .workspace-card{overflow:auto!important}
.primary-nav button.hidden,.home-actions button.hidden{display:none!important}
.primary-nav button.active{border-color:var(--orange)!important;background:#fff1e8!important;color:#9f3d07!important}
.forwarding-panel,.journal-panel,.security-panel{height:100%;min-height:0;overflow:auto}
.forwarding-workspace-body,.journal-workspace-body,.security-admin-body{min-height:0;overflow:auto;padding:2px 2px 12px}
.journal-workspace-body .change-journal-table{width:100%}
@media(max-width:760px){
 body.tool-mode .workspace-card{height:auto!important;min-height:calc(100dvh - 120px)!important}
}
/* 1.04 — progress belongs to the main workspace, not the whole browser width. */
@media(min-width:1181px){.live-progress{left:calc((230px + 100vw)/2)!important}}
@media(max-width:1180px) and (min-width:901px){.live-progress{left:calc((185px + 100vw)/2)!important}}
@media(max-width:900px) and (min-width:761px){.live-progress{left:calc((165px + 100vw)/2)!important}}
@media(max-width:760px){.live-progress{left:50%!important}}


/* 1.05 acceptance-driven final workflow */
body.home-mode main>.control-card{display:none!important}
body.home-mode main>.workspace-card{display:none!important}
body.home-mode #homePanel{display:grid!important;min-height:calc(100dvh - 92px);box-sizing:border-box;align-content:start}
body.tool-mode #homePanel{display:none!important}
body.tool-mode #toolTargetBar{display:block!important;height:auto!important;min-height:0!important;margin:0 0 10px!important;padding:10px 12px!important;border:1px solid var(--line)!important;overflow:visible!important}
body.tool-mode:not(.target-tool) #toolTargetBar{display:none!important}
body.tool-mode .workspace-card{height:auto!important;min-height:0!important;overflow:visible!important;margin-top:0!important}
.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.home-actions button{min-height:86px}.home-status{margin-top:auto}
.tool-target-bar .step-title{margin:0}.tool-target-bar .step-title>b{width:26px;height:26px;font-size:12px}.tool-target-bar .control-head{align-items:center;margin-bottom:7px}.tool-target-bar .control-grid{grid-template-columns:minmax(300px,1.5fr) minmax(280px,1fr) minmax(290px,1fr);gap:10px}.tool-target-bar .control-status-row{margin-top:6px}.tool-target-bar .compact-check{min-height:52px}.tool-target-bar .field label{font-size:12px}.tool-target-bar .control-actions{flex-wrap:wrap}.tool-target-bar .secondary,.tool-target-bar .primary{min-height:36px;padding:0 12px}
.workspace-empty-prompt{min-height:260px;display:grid;place-content:center;text-align:center;gap:6px;color:var(--muted)}.workspace-empty-prompt b{font-size:18px;color:var(--text)}
/* Never show a dead alternate-view preview. JS only exposes this after a test exists. */
.other-view-preview.hidden{display:none!important}
/* Forwarding & Rules: diagram first, resolved friendly data primary, raw identifiers disclosure only. */
.forwarding-workspace-body{padding:0 2px 10px}.forwarding-diagram{display:grid;gap:8px}.forwarding-diagram-head{display:flex;justify-content:space-between;align-items:end}.forwarding-diagram-head h3{margin:0}.forwarding-diagram-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.forward-route{display:grid;grid-template-columns:minmax(150px,.8fr) 28px minmax(220px,1.25fr) 28px minmax(210px,1.25fr);align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#fff}.forward-route.disabled{opacity:.62}.forward-source,.forward-mechanism,.rule-destination{border:1px solid #cfd7dd;border-radius:9px;background:#fff;padding:8px 10px;min-width:0}.forward-source{border-left:4px solid var(--blue)}.forward-source b,.forward-source span,.forward-mechanism b,.forward-mechanism small,.rule-destination b,.rule-destination span,.rule-destination small{display:block;overflow-wrap:anywhere}.forward-source span,.forward-mechanism small,.rule-destination span,.rule-destination small{font-size:10px;color:var(--muted)}.forward-arrow{text-align:center;font-size:24px;color:#7b8790}.forward-mechanism{border-left:4px solid var(--orange)}.mechanism-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:3px}.mechanism-head span{font-size:10px;text-transform:uppercase;font-weight:800;color:#7b8790}.mechanism-head strong{font-size:10px;color:var(--green)}.forward-mechanism p{margin:5px 0;font-size:11px;line-height:1.3}.forward-mechanism details{margin-top:4px;font-size:10px;color:var(--muted)}.forward-mechanism summary{cursor:pointer}.forward-destinations{display:grid;gap:5px}.rule-destination{border-left:4px solid var(--green)}.rule-destination.neutral{border-left-color:#aeb8c0}.compact-rule-action{min-height:30px!important;margin-top:6px;padding:0 9px!important;font-size:11px}.forwarding-editor-compact{margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.forwarding-editor-compact h3{margin:0 0 7px}.rule-warning{margin-top:10px;padding:8px 10px;border:1px solid #e8cf8e;background:#fffaf0;border-radius:9px;display:flex;gap:9px;font-size:11px}.rule-warning span{color:var(--muted)}
/* At a Glance is a true left -> centre -> right relationship diagram. */
.glance-body{position:relative;grid-template-columns:minmax(190px,1fr) minmax(200px,.72fr) minmax(190px,1fr);gap:34px;min-height:390px;padding:12px 18px}.glance-column{position:relative}.glance-route{position:relative}.glance-column:first-child .glance-route:after{content:"";position:absolute;right:-35px;top:50%;width:35px;border-top:2px solid #8aa1b2}.glance-column:first-child .glance-route:before{content:"›";position:absolute;right:-37px;top:calc(50% - 11px);font-size:20px;color:#6b8496}.glance-column:last-child .glance-route:before{content:"";position:absolute;left:-35px;top:50%;width:35px;border-top:2px solid #8aa1b2}.glance-column:last-child .glance-route:after{content:"›";position:absolute;left:-5px;top:calc(50% - 11px);font-size:20px;color:#6b8496}.glance-circle{width:190px;height:190px}
/* Loader must fit the actual available viewport; reflow before any scrolling. */
.app-loading{padding:clamp(8px,2vmin,20px)!important}.loading-card{width:min(820px,calc(100vw - 20px))!important;min-height:0!important;max-height:calc(100dvh - 16px)!important;padding:clamp(14px,3vmin,28px)!important;overflow:hidden!important;justify-content:center!important}.loading-brands{grid-template-columns:1fr minmax(180px,1.7fr) 1fr!important;gap:clamp(10px,3vw,26px)!important;margin-bottom:clamp(8px,2vh,16px)!important}.loading-brands .matrix-loading-logo{width:min(170px,22vw)!important;max-height:82px!important}.loading-brands .cgm-loading-logo{width:min(300px,34vw)!important;max-height:120px!important}.loading-brands .client-loading-logo{width:min(110px,16vw)!important;max-height:78px!important}.loading-card .spinner{width:30px!important;height:30px!important;margin:0 0 8px!important}.loading-copy{gap:4px!important}.loading-copy b{font-size:clamp(17px,2.7vw,22px)!important}.loading-copy small{font-size:12px!important}.loading-copy em{margin-top:3px!important}.exchange-delay{font-size:11px!important}.loading-guide-prompt{font-size:11px!important}.loading-credit{padding-top:8px!important;margin-top:8px!important}
/* SMTP identity rows stay plain and readable. */
.smtp-identity-row{background:transparent!important;color:var(--text)!important;border:0!important;border-bottom:1px solid #e7ebee!important;padding:4px 0!important}.smtp-identity-row:last-child{border-bottom:0!important}.smtp-identity-address{color:var(--text)!important}
@media(max-width:1100px){.tool-target-bar .control-grid{grid-template-columns:1fr 1fr}.tool-target-bar .cleanup-field{grid-column:1/-1}.forward-route{grid-template-columns:minmax(130px,.8fr) 22px minmax(190px,1fr) 22px minmax(180px,1fr)}}
@media(max-width:800px){.home-actions{grid-template-columns:1fr 1fr}.home-actions button{min-height:72px;padding:10px}.home-actions button b{font-size:14px}.tool-target-bar .control-grid{grid-template-columns:1fr}.tool-target-bar .sender-field,.tool-target-bar .cleanup-field{grid-column:auto}.forward-route{grid-template-columns:1fr;gap:4px}.forward-arrow{transform:rotate(90deg);line-height:18px}.glance-body{grid-template-columns:minmax(170px,1fr) 180px minmax(170px,1fr);gap:24px;padding:8px}.glance-circle{width:160px;height:160px}.glance-column:first-child .glance-route:after{right:-25px;width:25px}.glance-column:first-child .glance-route:before{right:-27px}.glance-column:last-child .glance-route:before{left:-25px;width:25px}.glance-column:last-child .glance-route:after{left:-5px}}
@media(max-width:760px){body.home-mode #homePanel{min-height:0}.home-actions{grid-template-columns:1fr}.glance-body{grid-template-columns:1fr;gap:10px}.glance-centre{order:-1}.glance-column:first-child .glance-route:after,.glance-column:first-child .glance-route:before,.glance-column:last-child .glance-route:before,.glance-column:last-child .glance-route:after{display:none}.tool-target-bar .control-status-row{grid-template-columns:1fr}.loading-card{max-height:calc(100dvh - 10px)!important}.loading-brands{grid-template-columns:1fr 1.4fr 1fr!important}.loading-brands .matrix-loading-logo{width:min(100px,25vw)!important}.loading-brands .cgm-loading-logo{width:min(180px,36vw)!important}.loading-brands .client-loading-logo{width:min(72px,18vw)!important}}
@media(max-height:700px){.loading-card{padding:10px 18px!important}.loading-brands{margin-bottom:5px!important}.loading-brands .matrix-loading-logo{max-height:56px!important}.loading-brands .cgm-loading-logo{max-height:82px!important}.loading-brands .client-loading-logo{max-height:54px!important}.loading-card .spinner{width:24px!important;height:24px!important;margin-bottom:4px!important}.loading-copy b{font-size:17px!important}.exchange-delay,.loading-guide-prompt{font-size:10px!important}.loading-credit{font-size:9px!important;padding-top:4px!important;margin-top:4px!important}}

/* 1.05 final visibility corrections */
.tool-target-bar .control-actions .hidden{display:none!important}
.tool-target-bar #status.hidden{display:none!important}
.tool-target-bar .control-status-row:has(.control-actions:empty){grid-template-columns:1fr}
.smtp-identity{background:transparent!important;color:var(--text)!important;border:0!important;border-bottom:1px solid #e7ebee!important;padding:4px 0!important;margin-top:0!important}
.smtp-identity:last-child{border-bottom:0!important}.smtp-identity .address{color:var(--text)!important;font-weight:500!important}.smtp-identity.primary .address{font-weight:800!important}

.tool-target-bar .step-title>b,.tool-target-bar .workspace-state{display:none!important}
.tool-target-bar .step-title{gap:0!important}


/* 1.06 final runtime/viewport corrections */
body.home-mode .shell>main{overflow:hidden!important}
body.home-mode header{flex:0 0 auto;margin-bottom:6px}
body.home-mode #homePanel{height:auto;max-height:calc(50% - 8px);min-height:0;align-self:start;overflow:hidden;padding:14px 16px;gap:10px}
body.home-mode .home-title h1{font-size:22px;margin:0 0 2px}
body.home-mode .home-title p{font-size:11px}
body.home-mode .home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.home-mode .home-actions button{min-height:58px;padding:9px 11px;gap:2px;border-radius:9px}
body.home-mode .home-actions button b{font-size:14px}
body.home-mode .home-actions button small{font-size:9px;line-height:1.2}
body.home-mode .home-status{padding:8px 10px;font-size:11px;border-radius:8px}
body.home-mode .workspace-card,body.home-mode #toolTargetBar{display:none!important}
.forwarding-diagram-shell{display:grid;grid-template-rows:auto auto;gap:10px;min-height:0}
.forwarding-diagram-stage,.forwarding-transport-stage{min-width:0}
.forwarding-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 7px;font-size:13px}
.forwarding-section-title span{font-size:10px;color:var(--muted)}
.forwarding-none{padding:9px 10px;color:var(--muted);border:1px solid var(--line);border-radius:9px;background:#fff}
.rule-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rule-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;display:grid;gap:7px;min-width:0}
.rule-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.rule-card-head>div{min-width:0;display:grid;gap:2px}.rule-card-head small{color:var(--muted);font-size:9px}
.route-chips{display:flex;flex-wrap:wrap;gap:5px}.route-chip{display:inline-flex;gap:4px;align-items:center;border:1px solid #d7e1e8;border-radius:999px;padding:4px 7px;font-size:10px;background:#f8fafb;max-width:100%;overflow-wrap:anywhere}.rule-summary{font-size:9px;color:var(--muted);line-height:1.3}
.glance-body{min-height:0;height:auto;align-items:center;padding:12px 16px;gap:18px}
.glance-loading-main{min-height:260px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--muted)}.glance-loading-main b{color:var(--text)}.glance-loading-main small{max-width:420px}
.glance-loading{padding:18px 8px;text-align:center;color:var(--muted);font-size:11px}
.glance-column{max-height:calc(100dvh - 285px);overflow:auto;align-content:start;padding-right:3px}.glance-column h3{position:sticky;top:0;background:#fff;margin:0;padding:4px 0 7px;z-index:2}
.glance-circle{width:190px;height:190px;padding:16px}.glance-circle b{font-size:16px}
.mailbox-convert{display:none!important}
@media(min-width:761px) and (max-width:1100px){body.home-mode #homePanel{max-height:52%;padding:11px 13px;gap:8px}body.home-mode .home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body.home-mode .home-actions button{min-height:48px;padding:7px 9px}body.home-mode .home-actions button b{font-size:12px}body.home-mode .home-actions button small{font-size:8px}.rule-card-grid{grid-template-columns:1fr}.glance-body{grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) minmax(180px,1fr);gap:12px;padding:9px}.glance-circle{width:165px;height:165px}.glance-column{max-height:calc(100dvh - 250px)}}
@media(max-width:760px){body.home-mode .shell>main{overflow-y:auto!important}body.home-mode #homePanel{max-height:none;padding:10px;gap:8px}body.home-mode .home-actions{grid-template-columns:1fr;gap:6px}body.home-mode .home-actions button{min-height:50px;padding:8px 10px}.glance-body{grid-template-columns:1fr;gap:10px}.glance-centre{grid-row:1}.glance-column{max-height:none;overflow:visible}.glance-circle{width:160px;height:160px}.rule-card-grid{grid-template-columns:1fr}}
/* 1.06 compact tool workspaces: selector bar already names the function. */
#forwardingPanel>.tracer-toolbar,#glancePanel>.tracer-toolbar{display:none!important}

/* 1.07 viewport + at-a-glance corrections */
html,body{width:100%;height:100%;overflow:hidden}
.shell{height:100dvh!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important}
.side{position:relative!important;top:auto!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:12px 12px!important}
.sidebar-top{min-height:0;display:flex;flex-direction:column}.primary-nav{min-height:0}.user-guide-link{margin-top:auto!important;flex:0 0 auto!important}
.shell>main{height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:10px 14px!important}
header{flex:0 0 auto!important;margin-bottom:6px!important}.workspace-card{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important}
body.tool-mode:not(.tracer-mode):not(.audit-mode) .workspace-card{overflow:auto!important}
body.audit-mode .workspace-card,body.tracer-mode .workspace-card{overflow:hidden!important}
body.home-mode #homePanel{flex:1 1 auto!important;max-height:none!important;height:auto!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
body.home-mode .home-actions{flex:1 1 auto!important;align-content:start!important;grid-auto-rows:minmax(72px,1fr)!important}
.live-progress{position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;z-index:5000!important}
.glance-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:10px 18px!important;align-items:start!important;height:100%!important;min-height:0!important;padding:10px 14px!important}
.glance-selected{grid-column:1/-1;text-align:center;font-weight:800;font-size:14px;padding:6px 10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.glance-column{max-height:none!important;height:100%!important;min-height:0!important;overflow:auto!important;align-content:start!important;padding:0 3px!important}
.glance-column h3{position:sticky;top:0;z-index:3;background:#fff;text-align:left!important;margin:0 0 7px!important;padding:5px 0 7px!important}
.glance-route{padding:8px 10px!important}.glance-route b{font-size:12px;overflow-wrap:anywhere}.glance-route small{font-size:10px}.glance-deep-status{margin-top:8px;padding:7px 9px;border:1px solid #d9e4ec;border-radius:8px;color:var(--blue);font-size:10px;background:#f6faff}
.glance-centre,.glance-circle{display:none!important}
.glance-column:first-child .glance-route:after,.glance-column:first-child .glance-route:before,.glance-column:last-child .glance-route:before,.glance-column:last-child .glance-route:after{display:none!important}
@media(max-width:760px){html,body{overflow:auto}.shell{height:auto!important;min-height:100dvh!important;overflow:visible!important}.side{height:auto!important;max-height:none!important}.shell>main{height:auto!important;min-height:100dvh!important;overflow:visible!important}.glance-body{grid-template-columns:1fr!important;height:auto!important}.glance-selected{grid-column:1}.glance-column{overflow:visible!important;height:auto!important}}

/* 1.08 design system + viewport + routing presentation */
:root{--panel-radius:14px;--panel-shadow:0 1px 2px rgba(18,42,58,.06);--soft-blue:#f5f9fd;--soft-green:#f4fbf6}
body{font-size:14px}
.shell>main{padding:12px 16px!important}
.card{border-radius:var(--panel-radius)!important;box-shadow:var(--panel-shadow)}

/* Home: use the viewport with purposeful action buttons rather than stretched empty cards. */
body.home-mode #homePanel{padding:18px!important;gap:16px!important;overflow:hidden!important}
body.home-mode .home-title h1{font-size:26px!important;line-height:1.05!important}
body.home-mode .home-title p{font-size:13px!important;margin-top:4px!important}
body.home-mode .home-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-content:stretch!important;min-height:0!important}
body.home-mode .home-actions button{min-height:0!important;height:100%!important;padding:18px 20px!important;border:1px solid #dbe5ec!important;border-left:5px solid var(--orange)!important;border-radius:12px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;text-align:left!important;box-shadow:0 2px 8px rgba(20,45,60,.04)!important;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease!important}
body.home-mode .home-actions button:hover,body.home-mode .home-actions button:focus-visible{transform:translateY(-1px);box-shadow:0 5px 18px rgba(20,45,60,.09)!important;border-color:#cbdbe6!important}
body.home-mode .home-actions button b{font-size:20px!important;line-height:1.08!important;color:#0876ca!important}
body.home-mode .home-actions button small{font-size:12px!important;line-height:1.35!important;color:var(--muted)!important;max-width:95%!important}
body.home-mode .home-status{flex:0 0 auto!important;padding:11px 13px!important;font-size:12px!important}
@media(min-width:1180px){body.home-mode .home-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important}body.home-mode .home-actions button b{font-size:21px!important}}

/* Operational workspaces fill the available pane, then scroll internally only where necessary. */
body.tool-mode .workspace-card{min-height:0!important}
.workspace-panel{min-height:0}
#forwardingPanel,#glancePanel{height:100%;min-height:0;overflow:hidden!important}
.forwarding-workspace-body,.glance-body{height:100%;min-height:0}

/* At a Glance: reference design — two useful lanes, no centre ornament. */
.glance-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:12px 14px!important;padding:12px!important;background:#f7fafc!important}
.glance-summary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid #dce7ee;border-radius:12px;background:#fff;min-width:0}
.glance-summary>div:first-child{display:grid;gap:3px;min-width:0}.glance-summary b{font-size:18px;overflow-wrap:anywhere}.summary-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.summary-stats{display:flex;gap:8px;flex:0 0 auto}.summary-stats span{padding:7px 10px;border-radius:999px;background:#eef5fb;color:#31566e;font-size:11px}.summary-stats strong{font-size:14px;color:#126daf}
.glance-lane{min-height:0;display:flex;flex-direction:column;border:1px solid #dce7ee;border-radius:13px;background:#fff;overflow:hidden}
.glance-lane-head{flex:0 0 auto;padding:12px 14px;border-bottom:1px solid #e7eef3}.glance-lane-head.incoming{border-left:5px solid #28a75d}.glance-lane-head.outgoing{border-left:5px solid #2b73c8}.glance-lane-head h3{font-size:19px;margin:0 0 2px}.glance-lane-head p{font-size:11px;color:var(--muted);margin:0}
.glance-column{height:auto!important;min-height:0!important;overflow:auto!important;padding:10px!important;display:grid!important;align-content:start!important;gap:8px!important;background:#fbfdfe}
.glance-column h3{display:none!important}
.glance-route{width:100%;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;padding:11px 12px!important;border:1px solid #dde6ec!important;border-radius:10px!important;background:#fff!important;min-height:58px!important;box-shadow:0 1px 2px rgba(15,40,55,.03)!important}
.glance-route:hover{border-color:#bfcfda!important}.route-card-copy{display:grid;gap:3px;min-width:0}.glance-route b{font-size:14px!important;line-height:1.15!important;overflow-wrap:anywhere}.glance-route small{font-size:10px!important;color:var(--muted)!important}.route-badge{flex:0 0 auto;border-radius:999px;padding:5px 8px;background:#e9f4ff;color:#246aa7;font-size:10px;font-weight:800}.glance-route:has(.route-badge){border-left:4px solid #4c91d7!important}
.glance-deep-status{margin:2px 0 0!important;font-size:10px!important;background:#f1f7fd!important}

/* Forwarding & Rules: incoming and outgoing consume the width together. */
.forwarding-workspace-body{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f7fafc;overflow:auto}
.forwarding-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:300px;flex:1 1 auto}
.route-list-panel{min-width:0;min-height:0;border:1px solid #dce7ee;border-radius:13px;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.route-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #e7eef3}.incoming-panel .route-list-head{border-left:5px solid #28a75d}.outgoing-panel .route-list-head{border-left:5px solid #2b73c8}.route-list-head h3{font-size:19px;margin:0 0 2px}.route-list-head p{font-size:11px;color:var(--muted);margin:0}.route-count{min-width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#edf5fb;color:#286995;font-weight:800;font-size:11px}
.route-list-scroll{padding:10px;overflow:auto;display:grid;align-content:start;gap:8px;min-height:0;flex:1 1 auto;background:#fbfdfe}
.route-list-card{width:100%;display:grid;text-align:left;gap:3px;padding:10px 12px;border:1px solid #dde6ec;border-left:4px solid #8d64c8;border-radius:10px;background:#fff}.route-list-card b{font-size:14px;overflow-wrap:anywhere}.route-list-card small{font-size:10px;color:var(--muted)}
.outgoing-route-card{display:grid;gap:9px;padding:11px 12px;border:1px solid #dde6ec;border-left:4px solid #2ca35e;border-radius:10px;background:#fff}.outgoing-route-card.disabled{opacity:.62}.outgoing-route-main{display:flex;justify-content:space-between;gap:10px}.outgoing-route-main>div{display:grid;gap:2px;min-width:0}.outgoing-route-main b{font-size:14px}.outgoing-route-main small{font-size:10px;color:var(--muted)}.route-kind{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#8b5a22}.route-state{font-size:10px;color:#23814a;font-weight:800}.outgoing-dest-list{display:grid;gap:5px}.route-destination-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:7px;background:#f4f8fa}.route-destination-line b{font-size:12px;overflow-wrap:anywhere}.route-destination-line small{font-size:9px;color:var(--muted)}
.forwarding-editor-stage{flex:0 0 auto}.forwarding-editor-compact{border:1px solid #dce7ee!important;border-radius:13px!important;background:#fff!important;padding:12px 14px!important}.section-title-row h3{font-size:16px;margin:0}.section-title-row p{font-size:10px;color:var(--muted);margin:2px 0 8px}.editor-hint{font-size:10px;color:var(--muted);padding-top:7px}.forwarding-transport-stage{flex:0 0 auto;border:1px solid #dce7ee;border-radius:13px;background:#fff;padding:10px 12px}

/* Full report: explicit empty state after clear and compact bare-address headers. */
.audit-empty-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;border:1px dashed #cbd9e2;border-radius:12px;background:#f9fbfc}.audit-empty-state b{font-size:18px}.audit-empty-state span{font-size:11px;color:var(--muted)}.audit-source-head b{font-size:11px!important;overflow-wrap:anywhere}.full-audit-table tbody td:first-child b{font-size:11px;overflow-wrap:anywhere}

/* Fixed progress is always visible but does not cover the app header. */
.live-progress{left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:min(720px,calc(100vw - 40px))!important;border-radius:999px!important;box-shadow:0 4px 18px rgba(20,55,80,.14)!important;padding:10px 16px!important;font-size:12px!important}

@media(max-width:900px){body.home-mode .home-actions{grid-template-columns:1fr!important;grid-template-rows:none!important;overflow:auto!important}body.home-mode .home-actions button{min-height:84px!important}.forwarding-overview,.glance-body{grid-template-columns:1fr!important}.glance-summary{grid-column:1!important}.forwarding-overview{min-height:0}.route-list-panel{min-height:260px}}

/* prior Recipient-at-a-Glance treatment superseded by 1.10 final override */
.glance-summary{padding:14px 18px!important;box-shadow:0 2px 8px rgba(20,55,75,.05)}
.recipient-identity{display:flex!important;align-items:center;gap:12px!important;min-width:0}.recipient-identity>span:last-child{display:grid;gap:2px;min-width:0}.recipient-identity small{font-size:10px;color:var(--muted)}
.recipient-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#2269bd;color:#fff;font-size:14px;font-weight:900;flex:0 0 auto}
.glance-lane-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px!important;background:#fff}.glance-lane-head h3{font-size:21px!important}.glance-lane-head p{font-size:11px!important}.lane-state{font-size:9px;font-weight:900;letter-spacing:.06em;color:#668091;background:#eef4f8;padding:5px 7px;border-radius:999px;white-space:nowrap}
.glance-column{padding:12px!important;gap:9px!important}.glance-route{min-height:64px!important;padding:12px 14px!important}.glance-route b{font-size:15px!important}.glance-route small{font-size:11px!important}.route-badge{font-size:10px!important;padding:6px 9px!important}.summary-stats span{padding:8px 11px!important}.summary-stats strong{font-size:15px!important}
@media(min-width:1200px){.glance-body{gap:14px 18px!important;padding:14px 18px!important}.glance-lane{border-radius:15px}.glance-summary{border-radius:14px}}

/* 1.10 approved routing workspace design - final override */
.shell{grid-template-columns:216px minmax(0,1fr)!important}
.side{background:linear-gradient(180deg,#102a3b 0%,#0b2232 100%)!important;border-right:1px solid #1e4054}
.side-brand{display:grid!important;grid-template-columns:1fr!important;justify-items:start!important;gap:8px!important;background:transparent!important;color:#fff!important;padding:8px 8px 12px!important;border-radius:0!important}
.side-brand .side-cgm-logo{width:126px!important}.side-brand .side-matrix-logo{width:92px!important;margin-top:2px}.side-brand strong{font-size:18px!important;line-height:1.1}.side-brand span{color:#c5d4de!important}
.primary-nav button{border-radius:8px!important;padding:10px 11px!important}.primary-nav button.active{background:linear-gradient(90deg,#145ed1,#2e7dea)!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important}.primary-nav button b{font-size:13px!important}.primary-nav button small{font-size:9px!important;line-height:1.25!important}
.shell>main{width:100%!important;max-width:none!important;margin:0!important;padding:10px 14px 12px!important;background:linear-gradient(180deg,#f8fbfe 0%,#f3f7fa 100%)!important}
header{padding:1px 4px 3px!important}header h1{font-size:27px!important;letter-spacing:-.02em!important;color:#152538}header p{font-size:12px!important;color:#51667a!important}.health{box-shadow:0 1px 4px rgba(27,58,80,.08)!important}
#toolTargetBar{padding:10px 12px!important;border-radius:12px!important}.tool-target-bar .control-head{margin-bottom:7px!important}.tool-target-bar .step-title.compact>b{display:none!important}.tool-target-bar .step-title.compact{margin:0!important}.tool-target-bar .step-title.compact h2{font-size:16px!important}.workspace-state{border-radius:999px!important;padding:5px 9px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.05em!important}.managed-select-row select{font-weight:700!important;color:#1b3145!important}.clear-managed{min-width:80px!important}
.workspace-card{width:100%!important;max-width:none!important;padding:0!important;border-radius:14px!important;overflow:hidden!important;background:#f4f8fb!important}
#forwardingPanel,#glancePanel{width:100%!important;max-width:none!important;height:100%!important}
.forwarding-workspace-body,.glance-body{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;padding:10px!important;gap:10px!important;background:#f4f8fb!important;overflow:hidden!important}
.workspace-recipient-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:9px 13px;border:1px solid #d9e5ee;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(20,52,74,.04)}
.workspace-recipient-bar>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.workspace-recipient-bar .summary-kicker{writing-mode:initial!important;display:block!important;margin-right:2px!important;font-size:9px!important;color:#708496!important}.recipient-identity{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}.recipient-identity>span:last-child{display:grid!important;gap:1px!important;min-width:0!important}.recipient-identity b{font-size:14px!important;color:#13283b!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipient-identity small{font-size:10px!important;color:#48667d!important;overflow-wrap:anywhere}.recipient-identity em{font-size:9px;font-style:normal;color:#7b8d9b}.recipient-avatar{width:38px!important;height:38px!important;background:linear-gradient(180deg,#286ec9,#1859b6)!important;font-size:12px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.workspace-live-state{flex:0 0 auto;font-size:9px;font-weight:900;letter-spacing:.08em;color:#28734a;background:#eaf7ee;border:1px solid #cfead8;border-radius:999px;padding:6px 9px}
.summary-stats{display:flex!important;gap:7px!important}.summary-stats span{padding:6px 9px!important;border:1px solid #d9e6ef!important;background:#f5f9fc!important}.summary-stats strong{font-size:14px!important}

.glance-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;align-items:stretch!important}.glance-recipient-bar{grid-column:1/-1}.glance-lane{display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr)!important;min-height:0!important;border:1px solid #d5e2eb!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(23,55,76,.045)!important}.glance-lane-head{padding:11px 13px!important;border-bottom:1px solid #e2eaf0!important}.glance-lane-head.incoming{border-left:4px solid #26a357!important}.glance-lane-head.outgoing{border-left:4px solid #256dc3!important}.glance-lane-head h3{font-size:18px!important;display:flex!important;align-items:center!important;gap:7px!important}.glance-lane-head p{font-size:10px!important}.lane-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:16px;font-weight:900}.lane-icon.incoming{background:#e9f7ee;color:#229452}.lane-icon.outgoing{background:#eaf2fd;color:#2367bd}.lane-state{font-size:8px!important;padding:5px 7px!important;background:#f0f4f7!important;border:1px solid #dfe7ed!important}
.route-lane-tools{display:grid;grid-template-columns:auto 112px minmax(120px,1fr);gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #e6edf2;background:#f8fafc}.route-lane-tools>b{font-size:10px;color:#27445b;white-space:nowrap}.route-lane-tools select,.route-lane-tools input{min-height:30px!important;height:30px!important;padding:4px 8px!important;border-radius:7px!important;border:1px solid #d2dde5!important;font-size:10px!important;background:#fff!important}.route-inline-progress{padding:5px 10px;border-bottom:1px solid #edf2f5;background:#f9fbfd;color:#62788a;font-size:9px;line-height:1.3}.route-inline-progress.partial{color:#8b630d;background:#fff9e9}.route-inline-progress.bad{color:#a73b31;background:#fff3f1}.glance-column,.route-list-scroll{padding:8px!important;gap:6px!important;background:#fbfdfe!important;overflow:auto!important;min-height:0!important}.glance-route,.route-list-card{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto 12px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:51px!important;padding:8px 9px!important;border:1px solid #dce5eb!important;border-left:1px solid #dce5eb!important;border-radius:9px!important;background:#fff!important;text-align:left!important;box-shadow:0 1px 2px rgba(20,45,65,.035)!important}.glance-route:hover,.route-list-card:hover{border-color:#b9cbd8!important;background:#fcfeff!important}.route-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:-2px}.route-icon.incoming{background:#eee7fb;color:#6b43b7}.route-icon.outgoing{background:#e7f6eb;color:#269150;letter-spacing:0}.route-card-copy{display:grid!important;gap:2px!important;min-width:0!important}.glance-route b,.route-list-card b{font-size:12px!important;line-height:1.15!important;color:#13283a!important;overflow-wrap:anywhere}.glance-route small,.route-list-card small{font-size:9px!important;color:#64798a!important}.route-badge{font-size:8px!important;font-weight:900!important;border-radius:7px!important;padding:5px 7px!important;white-space:nowrap!important}.route-badge.direct{background:#e5f6ea!important;color:#247f48!important}.route-badge.group{background:#e8f2ff!important;color:#2a69b1!important}.route-badge.rule{background:#fff1dc!important;color:#92621d!important}.route-badge.mailflow{background:#f3eafd!important;color:#7650a3!important}.route-chevron{font-size:19px;color:#6b7e8d}.route-filter-hidden{display:none!important}.route-partial-note{padding:7px 8px;border:1px solid #ead7a0;border-radius:7px;background:#fff9e8;color:#826314;font-size:9px;line-height:1.3}.glance-empty{padding:13px 10px!important;color:#708391!important;font-size:10px!important;text-align:center!important}

.forwarding-workspace-body{display:flex!important;flex-direction:column!important}.forwarding-overview{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;min-height:0!important;flex:1 1 auto!important}.route-list-panel{display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr)!important;min-height:0!important;border:1px solid #d5e2eb!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(23,55,76,.045)!important}.route-list-head{padding:10px 12px!important}.route-list-head h3{font-size:17px!important;display:flex;gap:7px;align-items:center}.route-list-head p{font-size:9px!important}.incoming-panel .route-list-head{border-left:4px solid #26a357!important}.outgoing-panel .route-list-head{border-left:4px solid #256dc3!important}.route-count{min-width:27px!important;height:27px!important;font-size:10px!important}.outgoing-route-card{display:grid!important;gap:7px!important;padding:8px 9px!important;border:1px solid #dce5eb!important;border-radius:9px!important;background:#fff!important}.outgoing-route-main{display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}.outgoing-route-main>div{min-width:0}.outgoing-route-main b{font-size:12px!important}.outgoing-route-main small{font-size:9px!important}.route-kind{font-size:8px!important}.route-state{font-size:9px!important}.route-destination-line{padding:5px 7px!important}.route-destination-line b{font-size:10px!important}.route-destination-line small{font-size:8px!important}.compact-rule-action{justify-self:end!important;min-height:29px!important;padding:5px 8px!important;font-size:9px!important}.forwarding-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex:0 0 auto}.forwarding-editor-stage,.forwarding-transport-stage{min-width:0!important;border:1px solid #d5e2eb!important;border-radius:12px!important;background:#fff!important;padding:0!important;overflow:hidden!important}.forwarding-editor-compact{border:0!important;border-radius:0!important;padding:10px 12px!important}.section-title-row h3{font-size:14px!important}.section-title-row p{font-size:9px!important}.panel-direction{font-size:8px;text-transform:uppercase;color:#6e8291;background:#eef3f6;border-radius:999px;padding:3px 6px}.routing-editor{display:grid!important;grid-template-columns:minmax(180px,1fr) auto auto auto!important;gap:8px!important;align-items:end!important}.routing-editor label:first-child{display:grid;gap:4px;font-size:10px;font-weight:700}.routing-editor input[type=email]{min-height:32px!important;height:32px!important;border:1px solid #ccd9e2;border-radius:7px;padding:5px 8px}.inline-check{font-size:10px!important;padding-bottom:7px}.routing-editor .primary,.routing-editor .secondary{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}.editor-hint{font-size:9px!important}.forwarding-transport-stage{padding:9px 11px!important}.forwarding-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.forwarding-section-title>div{display:grid;gap:2px}.forwarding-section-title b{font-size:13px}.forwarding-section-title small{font-size:9px;color:#6a7c89}.forwarding-section-title>span{font-size:9px;color:#6f8290}.panel-placeholder{padding:13px;color:#718492;font-size:10px}

.live-progress{top:76px!important;max-width:min(760px,calc(100vw - 250px))!important;border-radius:9px!important;background:#eaf5ff!important;color:#185a9d!important;border:1px solid #bedcf4!important;box-shadow:0 3px 14px rgba(22,74,113,.12)!important;font-weight:700!important}

@media(min-width:761px) and (max-height:820px){.workspace-recipient-bar{min-height:54px;padding:7px 10px}.recipient-avatar{width:34px!important;height:34px!important}.glance-lane-head,.route-list-head{padding:8px 10px!important}.route-lane-tools{padding:5px 7px}.route-inline-progress{padding:4px 8px}.glance-column,.route-list-scroll{padding:6px!important;gap:5px!important}.glance-route,.route-list-card{min-height:45px!important;padding:6px 8px!important}.forwarding-lower-grid{gap:8px}.forwarding-editor-compact,.forwarding-transport-stage{padding:7px 9px!important}.routing-editor input[type=email]{height:29px!important;min-height:29px!important}.routing-editor .primary,.routing-editor .secondary{min-height:29px!important}}
@media(max-width:1050px) and (min-width:761px){.shell{grid-template-columns:180px minmax(0,1fr)!important}.route-lane-tools{grid-template-columns:auto 96px minmax(90px,1fr)}.forwarding-lower-grid{grid-template-columns:1fr}.routing-editor{grid-template-columns:minmax(160px,1fr) auto auto}.inline-check{grid-column:1/-1}.live-progress{max-width:calc(100vw - 210px)!important}}
@media(max-width:760px){html,body,.shell{height:100%!important;min-height:100%!important;overflow:hidden!important}.shell{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}.side{height:auto!important;max-height:34dvh!important;overflow:auto!important;padding:7px!important}.side-brand{display:none!important}.primary-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}.primary-nav button{padding:7px!important}.primary-nav button small{display:none!important}.user-guide-link{display:none!important}.shell>main{height:auto!important;min-height:0!important;overflow:hidden!important;padding:7px!important}.shell>main>header{display:flex!important;align-items:center!important}.shell>main>header p{display:none!important}.shell>main>header h1{font-size:18px!important}.health{margin:0!important;font-size:9px!important}.workspace-card{min-height:0!important;height:100%!important;overflow:auto!important}.glance-body{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;height:auto!important;overflow:visible!important}.glance-recipient-bar{grid-column:1!important}.glance-lane{min-height:260px!important}.forwarding-workspace-body{overflow:auto!important;height:auto!important}.forwarding-overview,.forwarding-lower-grid{grid-template-columns:1fr!important}.route-list-panel{min-height:260px!important}.workspace-recipient-bar{align-items:flex-start!important}.workspace-live-state{display:none}.route-lane-tools{grid-template-columns:auto 96px minmax(80px,1fr)}.routing-editor{grid-template-columns:1fr!important}.live-progress{top:6px!important;max-width:calc(100vw - 12px)!important}}
body.target-tool:not(.tracer-mode) #toolTargetBar .control-grid{grid-template-columns:minmax(0,1fr)!important}
body.target-tool:not(.tracer-mode) #toolTargetBar .group-field{grid-column:1/-1!important}
body.target-tool:not(.tracer-mode) #toolTargetBar .control-status-row{grid-template-columns:1fr auto!important}
body.target-tool:not(.tracer-mode) #toolTargetBar .control-actions{justify-content:flex-end!important}


/* 1.12 sidebar viewport guard — preserve workspace width on iPad/narrow desktop layouts */
.shell{grid-template-columns:190px minmax(0,1fr)!important}
.app-loading{left:190px!important}
@media(max-width:1180px) and (min-width:901px){
  .shell{grid-template-columns:165px minmax(0,1fr)!important}
  .app-loading{left:165px!important}
  .side{padding:10px 8px!important}
  .side-brand .side-cgm-logo{width:112px!important}
  .side-brand .side-matrix-logo{width:58px!important}
  .primary-nav button{padding:9px 8px!important}
  .primary-nav button b{font-size:12px!important}
  .primary-nav button small{font-size:8px!important}
}
@media(max-width:900px) and (min-width:761px){
  .shell{grid-template-columns:145px minmax(0,1fr)!important}
  .app-loading{left:145px!important}
  .side{padding:8px 6px!important}
  .side-brand .side-cgm-logo{width:96px!important}
  .side-brand .side-matrix-logo{width:52px!important}
  .brand strong{font-size:13px!important}
  .brand span{font-size:9px!important}
  .primary-nav button{padding:8px 6px!important}
  .primary-nav button b{font-size:11px!important}
  .primary-nav button small{display:none!important}
  .user-guide-link{padding:7px!important}
  .user-guide-link .guide-icon{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:22px!important}
  .user-guide-link b{font-size:12px!important}
  .live-progress{max-width:calc(100vw - 165px)!important}
}


/* 1.14 acceptance corrections: compact Control Centre + deterministic viewport/sidebar */
:root{--cgm-sidebar-width:176px}
.shell{grid-template-columns:var(--cgm-sidebar-width) minmax(0,1fr)!important}
.app-loading{left:var(--cgm-sidebar-width)!important}
.side{width:var(--cgm-sidebar-width)!important;min-width:0!important;padding:10px 8px!important}
.side-brand .side-cgm-logo{width:108px!important}
.side-brand .side-matrix-logo{width:62px!important;max-height:44px!important}
.side-brand strong{font-size:15px!important;line-height:1.05!important}
.side-brand span{font-size:10px!important}
.primary-nav button{padding:8px 8px!important}
.primary-nav button b{font-size:12px!important;line-height:1.12!important}
.primary-nav button small{font-size:8px!important;line-height:1.15!important}
.user-guide-link{padding:8px!important;gap:7px!important}
.user-guide-link .guide-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:24px!important}
.user-guide-link b{font-size:13px!important}.user-guide-link small{font-size:9px!important}

/* Control Centre must occupy only the upper working area, not stretch cards to fill the viewport. */
body.home-mode #homePanel{flex:0 0 auto!important;height:auto!important;max-height:calc(50dvh - 10px)!important;align-self:stretch!important;overflow:hidden!important;padding:12px 14px!important;gap:8px!important}
body.home-mode .home-actions{flex:0 0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(70px,auto)!important;align-content:start!important;gap:7px!important}
body.home-mode .home-actions button{min-height:70px!important;height:auto!important;padding:9px 11px!important;align-content:center!important}
body.home-mode .home-actions button b{font-size:14px!important;line-height:1.15!important}
body.home-mode .home-actions button small{font-size:9px!important;line-height:1.2!important}
body.home-mode .home-status{flex:0 0 auto!important;padding:7px 9px!important;font-size:10px!important}

@media(max-width:1180px) and (min-width:901px){
 :root{--cgm-sidebar-width:154px}
 .side{padding:8px 6px!important}
 .side-brand .side-cgm-logo{width:96px!important}.side-brand .side-matrix-logo{width:54px!important}
 .primary-nav button{padding:7px 6px!important}.primary-nav button b{font-size:11px!important}.primary-nav button small{display:none!important}
 body.home-mode .home-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(66px,auto)!important}
 body.home-mode .home-actions button{min-height:66px!important;padding:7px 8px!important}
}
@media(max-width:900px) and (min-width:761px){
 :root{--cgm-sidebar-width:136px}
 .side{padding:7px 5px!important}
 .side-brand .side-cgm-logo{width:88px!important}.side-brand .side-matrix-logo{width:48px!important}
 .side-brand strong{font-size:13px!important}.side-brand span{font-size:9px!important}
 .primary-nav button{padding:7px 5px!important}.primary-nav button b{font-size:10px!important}.primary-nav button small{display:none!important}
 .user-guide-link{padding:6px!important}.user-guide-link .guide-icon{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:20px!important}.user-guide-link b{font-size:11px!important}.user-guide-link small{display:none!important}
 body.home-mode #homePanel{max-height:calc(55dvh - 8px)!important;padding:9px 10px!important}
 body.home-mode .home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(58px,auto)!important;gap:5px!important}
 body.home-mode .home-actions button{min-height:58px!important;padding:6px 8px!important}
 body.home-mode .home-actions button b{font-size:11px!important}.home-actions button small{font-size:8px!important}
}
@media(max-width:760px){
 :root{--cgm-sidebar-width:100%}
 .side{width:100%!important}
 .app-loading{left:0!important}
 body.home-mode #homePanel{max-height:none!important;overflow:auto!important}
 body.home-mode .home-actions{grid-template-columns:1fr!important;grid-auto-rows:auto!important}
 body.home-mode .home-actions button{min-height:52px!important}
}
\n\n/* 1.15 surgical restoration: shared logo block, half-screen Control Centre, no recipient context on Home. */\n.side-brand{background:transparent!important;color:#fff!important;padding:8px 8px 12px!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}\n.side-logo-panel{width:100%;background:#fff;border:1px solid #d6e0e7;border-radius:9px;padding:8px 7px;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:0 1px 3px rgba(0,0,0,.08)}\n.side-logo-panel .side-cgm-logo{width:min(96px,62%)!important;max-height:68px!important;object-fit:contain!important;margin:0!important}\n.side-logo-panel .side-matrix-logo{width:min(52px,34%)!important;max-height:42px!important;object-fit:contain!important;margin:0!important}\n.side-brand-copy{display:grid;gap:1px;padding:0 2px}.side-brand-copy strong{color:#fff!important}.side-brand-copy span{color:#c5d4de!important}\nbody.home-mode #toolTargetBar,body.home-mode .workspace-card,body.home-mode .workspace-recipient-bar,body.home-mode .glance-recipient-bar{display:none!important}\nbody.home-mode #homePanel{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;height:calc(50dvh - 14px)!important;min-height:390px!important;max-height:470px!important;align-self:stretch!important;padding:16px 18px!important;gap:12px!important;overflow:hidden!important}\nbody.home-mode .home-title{flex:0 0 auto!important}\nbody.home-mode .home-title h1{font-size:26px!important}.home-title p{font-size:12px!important}\nbody.home-mode .home-actions{display:grid!important;flex:1 1 auto!important;min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:10px!important;align-content:stretch!important}\nbody.home-mode .home-actions button{min-height:0!important;height:100%!important;padding:13px 15px!important;justify-content:center!important}\nbody.home-mode .home-actions button b{font-size:17px!important;line-height:1.12!important}\nbody.home-mode .home-actions button small{font-size:10px!important;line-height:1.28!important}\nbody.home-mode .home-status{flex:0 0 auto!important;padding:8px 10px!important;font-size:11px!important}\n@media(min-width:1600px){body.home-mode #homePanel{max-height:500px!important}body.home-mode .home-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}}\n@media(max-width:1180px) and (min-width:901px){\n .side-logo-panel{padding:7px 6px!important}.side-logo-panel .side-cgm-logo{width:min(84px,62%)!important}.side-logo-panel .side-matrix-logo{width:min(45px,34%)!important}\n body.home-mode #homePanel{height:calc(50dvh - 10px)!important;min-height:360px!important;max-height:440px!important;padding:13px 14px!important;gap:9px!important}\n body.home-mode .home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:7px!important}\n body.home-mode .home-actions button{padding:10px 11px!important}.home-actions button b{font-size:14px!important}.home-actions button small{font-size:9px!important}\n}\n@media(max-width:900px) and (min-width:761px){\n .side-logo-panel{padding:6px 5px!important}.side-logo-panel .side-cgm-logo{width:min(74px,62%)!important}.side-logo-panel .side-matrix-logo{width:min(39px,34%)!important}\n body.home-mode #homePanel{height:calc(54dvh - 8px)!important;min-height:340px!important;max-height:430px!important}\n body.home-mode .home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important}\n}\n@media(max-width:760px){.side-brand{display:none!important}body.home-mode #homePanel{height:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important}body.home-mode .home-actions{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:auto!important}body.home-mode .home-actions button{min-height:58px!important;height:auto!important}}\nbody.home-mode .home-actions button.hidden{display:none!important}


/* 1.16 live-regression correction: restore the original single white branding card.
   Both logos + product copy are inside the same bordered card.  The fallback
   .side-logo-panel rules also collapse the 1.15 wrapper if an older shell is
   ever encountered during a browser refresh. */
.side-brand{
  background:#fff!important;
  color:#172635!important;
  border:1px solid #d6e0e7!important;
  border-radius:10px!important;
  padding:9px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  gap:5px!important;
  box-shadow:0 1px 3px rgba(0,0,0,.08)!important;
  overflow:hidden!important;
}
.side-brand>.side-cgm-logo,
.side-brand .side-logo-panel .side-cgm-logo{width:108px!important;max-width:92%!important;max-height:60px!important;height:auto!important;object-fit:contain!important;margin:0!important}
.side-brand>.side-matrix-logo,
.side-brand .side-logo-panel .side-matrix-logo{width:62px!important;max-width:72%!important;max-height:38px!important;height:auto!important;object-fit:contain!important;margin:1px 0 0!important}
.side-brand>div:not(.side-logo-panel),.side-brand .side-brand-copy{width:100%!important;padding:0!important;display:grid!important;gap:1px!important;text-align:center!important}
.side-brand strong,.side-brand .side-brand-copy strong{color:#172635!important;font-size:14px!important;line-height:1.05!important}
.side-brand span,.side-brand .side-brand-copy span{color:#647684!important;font-size:9px!important;line-height:1.1!important;margin:0!important}
/* Compatibility with the 1.15 nested logo wrapper: the BRAND itself remains
   the only white bordered container; never create a second logo box. */
.side-brand .side-logo-panel{display:contents!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
@media(max-width:1180px) and (min-width:901px){
 .side-brand{padding:8px 6px!important;gap:4px!important}
 .side-brand>.side-cgm-logo,.side-brand .side-logo-panel .side-cgm-logo{width:96px!important;max-height:54px!important}
 .side-brand>.side-matrix-logo,.side-brand .side-logo-panel .side-matrix-logo{width:54px!important;max-height:34px!important}
 .side-brand strong,.side-brand .side-brand-copy strong{font-size:13px!important}
}
@media(max-width:900px) and (min-width:761px){
 .side-brand{padding:7px 5px!important;gap:3px!important}
 .side-brand>.side-cgm-logo,.side-brand .side-logo-panel .side-cgm-logo{width:86px!important;max-height:48px!important}
 .side-brand>.side-matrix-logo,.side-brand .side-logo-panel .side-matrix-logo{width:48px!important;max-height:30px!important}
 .side-brand strong,.side-brand .side-brand-copy strong{font-size:12px!important}
 .side-brand span,.side-brand .side-brand-copy span{font-size:8px!important}
}