:root{--bg:#d8d8d8;--surface:#fff;--surface-warm:#eef6fc;--border:#c8d7e6;--text:#1f1f1f;--text-muted:#516171;--text-strong:#10243a;--accent:#0078d4;--accent-strong:#0563c1;--accent-dark:#1f4e79;--azure-cyan:#50e6ff;--focus:#0078d459;--heading:"Segoe UI Light", "Calibri Light", "Segoe UI", sans-serif;--sans:Calibri, "Segoe UI", Aptos, sans-serif;color:var(--text);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{letter-spacing:0}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.masthead{background:url(/azure-updates-banner.png) 50%/cover;border:1px solid #174f91;border-radius:8px 8px 0 0;min-height:300px;position:relative;overflow:hidden;box-shadow:0 18px 44px #09345d40}.eyebrow{color:#c7e5f8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:700}.masthead h1{color:#fff;font-family:var(--heading);text-shadow:0 4px 22px #0000006b;margin:0;font-size:clamp(42px,6vw,78px);font-weight:300;line-height:.96}.masthead-copy p:last-child{color:#e7f5ff;max-width:620px;margin:14px 0 0;font-size:17px;line-height:1.45}.status-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001c42c2;border:1px solid #c7e5f87a;border-radius:6px;gap:4px;min-width:180px;padding:14px 16px;display:grid}.status-panel span,.metrics span,.filters span,.row-meta,.row-footer span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:650}.status-panel strong{color:#fff;font-size:18px}.status-panel span{color:#c7e5f8}.metrics{border:1px solid var(--border);background:#fff;border-top:0;border-radius:0 0 8px 8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 18px;display:grid;overflow:hidden}.metrics div{border-right:1px solid var(--border);border-top:5px solid var(--accent);background:var(--surface);gap:8px;padding:17px 18px;display:grid}.metrics div:last-child{border-right:0}.metrics strong{color:var(--accent-dark);font-size:32px;line-height:1}.filters{border:1px solid var(--border);background:#fff;border-radius:8px;gap:12px;margin-bottom:18px;padding:16px;display:grid;box-shadow:0 8px 26px #1f4e791f}.filter-row{align-items:end;gap:10px;display:grid}.filter-row-primary{grid-template-columns:minmax(280px,2fr) minmax(160px,1fr) minmax(180px,1fr)}.filter-row-secondary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.filters label{gap:6px;min-width:0;display:grid}.filters input,.filters select,.clear-filters{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text-strong);font:inherit;border-radius:4px;padding:8px 10px;font-size:14px}.clear-filters{border-color:var(--accent);color:var(--accent-strong);cursor:pointer;background:#fff;align-self:end;font-weight:700}.clear-filters:hover{background:var(--surface-warm)}.filters input:focus,.filters select:focus,.clear-filters:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.updates-list{gap:10px;display:grid}.update-row{border:1px solid var(--border);border-left:5px solid var(--accent);background:var(--surface);border-radius:4px;gap:10px;padding:18px 18px 16px;display:grid;box-shadow:0 6px 18px #1f4e7914}.row-meta,.row-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-meta span,.row-meta time{color:var(--accent-dark);background:#eaf6ff;border-radius:3px;padding:4px 8px}.update-row h2{color:var(--accent-dark);font-family:var(--heading);margin:0;font-size:24px;font-weight:400;line-height:1.18}.update-row p{color:var(--text);margin:0;font-size:15px;line-height:1.55}.summary-preview{max-width:92ch}.summary-content{color:var(--text);font-size:15px;line-height:1.58}.summary-content :is(p,ul,ol,blockquote,pre,table,figure,hr){margin:0 0 12px}.summary-content :is(p,ul,ol,blockquote,pre,table,figure,hr):last-child{margin-bottom:0}.summary-content :is(h1,h2,h3,h4,h5,h6){color:var(--accent-dark);font-family:var(--heading);margin:14px 0 8px;font-weight:400;line-height:1.2}.summary-content a{color:var(--accent-strong);font-weight:700}.summary-content strong,.summary-content b{color:var(--text-strong);font-weight:800}.summary-content hr{border:0;border-top:1px solid var(--border)}.summary-content ul,.summary-content ol{padding-left:22px}.summary-content code,.summary-content pre{color:#10243a;background:#eef6fc;border-radius:4px;font-family:Consolas,Courier New,monospace}.summary-content code{padding:1px 4px}.summary-content pre{padding:10px 12px;overflow-x:auto}.summary-content table{border-collapse:collapse;width:100%}.summary-content th,.summary-content td{border:1px solid var(--border);text-align:left;padding:7px 8px}.row-footer{justify-content:space-between;padding-top:4px}.row-footer button{border:1px solid var(--accent);background:var(--accent);color:#fff;min-height:36px;font:inherit;cursor:pointer;border-radius:4px;padding:7px 12px;font-size:14px;font-weight:700}.row-footer button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.row-footer button.secondary-action{color:var(--accent-strong);background:#fff}.row-footer button.secondary-action:hover{background:var(--surface-warm)}.quick-read-backdrop{z-index:20;background:#071c3094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.quick-read-modal{border:1px solid var(--border);border-top:5px solid var(--accent);background:#fff;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(920px,100%);max-height:min(86vh,820px);display:grid;overflow:hidden;box-shadow:0 24px 70px #001c4257}.quick-read-header{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:20px 22px 14px;display:grid}.quick-read-header h2{color:var(--accent-dark);font-family:var(--heading);margin:12px 0 0;font-size:28px;font-weight:400;line-height:1.18}.quick-read-meta{gap:6px}.icon-button{border:1px solid var(--border);width:38px;height:38px;color:var(--accent-dark);cursor:pointer;font:inherit;background:#fff;border-radius:4px;font-size:26px;line-height:1}.icon-button:hover,.icon-button:focus-visible{border-color:var(--accent);color:var(--accent-strong);outline:none}.quick-read-content{padding:20px 22px;overflow:auto}.quick-read-content.summary-content{color:#151c24;font-size:15px;line-height:1.58}.quick-read-content.summary-content :is(p,ul,ol,blockquote,pre,table,figure){margin-bottom:14px}.quick-read-content.summary-content p:empty,.quick-read-content.summary-content br+br{display:none}.quick-read-content.summary-content :is(h1,h2){border-top:1px solid var(--border);color:#102f55;font-family:var(--heading);margin:28px 0 10px;padding-top:22px;font-size:24px;font-weight:500;line-height:1.25}.quick-read-content.summary-content :is(h1,h2):first-child{border-top:0;margin-top:0;padding-top:0}.quick-read-content.summary-content :is(h3,h4){color:#1f3550;margin:20px 0 8px;font-family:inherit;font-size:15px;font-weight:800;line-height:1.35}.quick-read-content.summary-content :is(h5,h6){color:var(--text-strong);letter-spacing:.01em;margin:20px 0 8px;font-family:inherit;font-size:15px;font-weight:800;line-height:1.35}.quick-read-content.summary-content a{text-underline-offset:3px;text-decoration-thickness:1px}.quick-read-content.summary-content ul,.quick-read-content.summary-content ol{padding-left:28px}.quick-read-content.summary-content li+li{margin-top:8px}.quick-read-content.summary-content blockquote{border-left:4px solid var(--accent);background:var(--surface-warm);padding:12px 16px}.quick-read-content.summary-content img{border-radius:6px;max-width:100%;height:auto;margin:18px 0;display:block}.quick-read-content.summary-content .video-embed,.quick-read-content.summary-content iframe{width:min(100%,720px);min-height:315px;margin:18px 0 22px;display:block}.quick-read-content.summary-content iframe{border:0}.quick-read-status,.quick-read-inline-notice{color:var(--text-muted);margin:0;padding:16px 22px;font-size:14px;line-height:1.45}.quick-read-status{align-self:start}.quick-read-inline-notice{border-top:1px solid var(--border);background:var(--surface-warm)}.plain-content{white-space:pre-wrap}.quick-read-footer{border-top:1px solid var(--border);background:var(--surface-warm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.quick-read-footer span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:650}.quick-read-footer button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;min-height:36px;font:inherit;border-radius:4px;padding:7px 12px;font-size:14px;font-weight:700}.quick-read-footer button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}@media (width<=1050px){.filter-row-primary{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.portal-shell{width:min(100% - 24px,1400px);padding-top:12px}.masthead{min-height:210px}.metrics{grid-template-columns:1fr}.row-footer{flex-direction:column;align-items:stretch}.row-actions,.row-actions button{width:100%}.quick-read-backdrop{align-items:end;padding:12px}.quick-read-modal{max-height:92vh}.quick-read-header{grid-template-columns:minmax(0,1fr) auto;padding:16px}.quick-read-header h2{font-size:23px}.quick-read-content,.quick-read-status,.quick-read-inline-notice,.quick-read-footer{padding:16px}}.portal-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:24px 0 48px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-shell section{border:1px solid var(--border);border-top:5px solid var(--accent);background:#fff;border-radius:8px;width:min(420px,100%);padding:28px;box-shadow:0 18px 44px #09345d2e}.auth-shell span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:650}.auth-shell h1{color:var(--accent-dark);font-family:var(--heading);margin:8px 0 18px;font-size:34px;font-weight:400;line-height:1.1}.auth-shell a{background:var(--accent);color:#fff;border-radius:4px;align-items:center;min-height:40px;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}.admin-shell{gap:18px;display:grid}.admin-hero{background:linear-gradient(120deg,#0b3860eb,#0078d4ad),url(/azure-updates-banner.png) 50%/cover;border:1px solid #174f91;border-radius:8px;justify-content:space-between;align-items:end;gap:18px;min-height:150px;padding:22px 24px;display:flex;box-shadow:0 18px 44px #09345d40}.admin-hero span,.admin-panel-header span,.admin-date-range span,.customer-form span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:650}.admin-hero>div>span{color:#c7e5f8}.admin-hero h1{color:#fff;font-family:var(--heading);margin:0;font-size:clamp(34px,4vw,52px);font-weight:300;line-height:1}.admin-hero p{color:#e7f5ff;max-width:620px;margin:10px 0 0;font-size:16px}.admin-hero nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-hero nav span,.admin-hero nav a{color:#fff;background:#001c42c2;border:1px solid #c7e5f87a;border-radius:4px;min-height:38px;padding:8px 11px;text-decoration:none}.admin-tabs,.button-row{flex-wrap:wrap;gap:8px;display:flex}.admin-tabs button,.button-row button{border:1px solid var(--border);min-height:38px;color:var(--accent-dark);cursor:pointer;font:inherit;background:#fff;border-radius:4px;padding:8px 12px;font-weight:700}.admin-tabs button.active,.button-row button:last-child{border-color:var(--accent);background:var(--accent);color:#fff}.button-row button:disabled{cursor:wait;opacity:.65}.notice,.empty-state{border:1px solid var(--border);border-left:5px solid var(--accent);background:var(--surface-warm);color:var(--text);border-radius:4px;margin:16px 0;padding:14px 16px}.admin-grid-main{grid-template-columns:minmax(260px,.85fr) minmax(0,2fr);align-items:start;gap:18px;display:grid}.admin-panel,.admin-card{border:1px solid var(--border);background:#fff;border-radius:8px;box-shadow:0 8px 26px #1f4e791f}.admin-panel{padding:16px}.admin-panel-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.admin-panel-header h2,.admin-card h3{color:var(--accent-dark);font-family:var(--heading);margin:0;font-weight:400}.admin-panel-header h2{font-size:28px}.admin-panel-header button,.customer-item,.admin-date-range input,.preview-controls input,.preview-controls select,.customer-form select,.customer-form input{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-strong);font:inherit;border-radius:4px}.admin-panel-header button{border-color:var(--accent);background:var(--accent);color:#fff;cursor:pointer;padding:8px 12px;font-weight:700}.admin-panel-header button:disabled{cursor:wait;opacity:.65}.customer-list{gap:8px;display:grid}.customer-item{text-align:left;cursor:pointer;gap:4px;width:100%;min-height:0;padding:11px;display:grid}.customer-item.active{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.customer-item strong{color:var(--accent-dark)}.customer-item span,.customer-item small{color:var(--text-muted)}.customer-form,.preview-controls,.admin-date-range{gap:10px;display:grid}.preview-controls{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(120px,.5fr)}.customer-form{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-form label,.preview-controls label,.admin-date-range label{gap:6px;display:grid}.customer-form input,.customer-form select,.preview-controls input,.preview-controls select,.admin-date-range input{width:100%;padding:8px 10px}.template-workspace{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:12px;margin-top:14px;display:grid}.template-editor{gap:6px;display:grid}.template-editor span,.template-preview-header span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:650}.template-editor textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:520px;color:var(--text-strong);resize:vertical;border-radius:4px;padding:10px;font:13px/1.45 Consolas,Courier New,monospace}.template-preview{border:1px solid var(--border);background:var(--surface);border-radius:6px;grid-template-rows:auto minmax(0,1fr);min-height:520px;display:grid;overflow:hidden}.template-preview-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.template-preview-header strong{color:var(--accent-dark)}.template-preview iframe{background:#fff;border:0;width:100%;height:100%;min-height:480px}.compact-grid{margin-top:12px}.preview-result{gap:14px;margin-top:16px;display:grid}.render-result{gap:12px;min-width:0;margin-top:16px;display:grid}.render-meta-card{grid-template-columns:minmax(220px,1.4fr) minmax(180px,.8fr);gap:10px 16px;display:grid}.render-meta-card div{gap:4px;min-width:0;display:grid}.render-meta-card span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:650}.render-meta-card strong{color:var(--accent-dark);overflow-wrap:anywhere}.build-preview{width:100%;min-width:0;min-height:min(620px,100vh - 210px);max-height:calc(100vh - 160px);margin:0}.build-preview iframe{height:100%;min-height:0}.preview-range{color:var(--text-muted);margin:0}.preview-table-card{padding:14px}.preview-table{margin-top:10px;overflow-x:auto}.preview-table table{border-collapse:collapse;width:100%;font-size:13px}.preview-table th,.preview-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 8px}.preview-table th{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.preview-table a{color:var(--accent-dark);font-weight:650}.preview-table code{white-space:nowrap}.checkbox-field{grid-template-columns:auto 1fr;align-content:end;align-items:center;min-height:64px}.checkbox-field input{width:18px;min-height:18px}.admin-metrics,.admin-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.admin-metrics div{border:1px solid var(--border);border-top:5px solid var(--accent);background:var(--surface);border-radius:6px;gap:8px;padding:16px;display:grid}.admin-metrics strong{color:var(--accent-dark);font-size:30px;line-height:1}.admin-grid-two{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:12px;margin-bottom:12px;display:grid}.admin-card{padding:14px}.trend-bars{gap:8px;margin-top:12px;display:grid}.trend-row{color:var(--text-muted);grid-template-columns:54px 1fr 36px;align-items:center;gap:8px;font-size:13px;display:grid}.trend-row div{background:#eaf6ff;border-radius:999px;height:10px;overflow:hidden}.trend-row i{border-radius:inherit;background:var(--accent);height:100%;display:block}.heatmap-canvas{border:1px solid var(--border);background-color:#f7fbff;background-image:linear-gradient(90deg,#0078d414 1px,#0000 1px),linear-gradient(#0078d414 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:6px;height:260px;margin-top:12px;position:relative;overflow:hidden}.heatmap-canvas span{background:#0078d475;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 16px #0078d4b8}.top-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.top-list li{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;gap:10px;padding-bottom:8px;display:flex}.top-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.top-list strong{color:var(--accent-dark)}.rich-top-list li{align-items:start}.rich-top-list li>span{white-space:normal;gap:3px;display:grid}.rich-top-list small{color:var(--text-muted)}.rich-top-list em{color:var(--accent-dark);font-style:normal;font-weight:800}@media (width<=1050px){.admin-grid-main,.admin-grid-two,.template-workspace,.render-result{grid-template-columns:1fr}}@media (width<=620px){.portal-shell{width:min(100% - 24px,1400px);padding-top:12px}.admin-hero,.admin-panel-header{flex-direction:column;align-items:stretch}.customer-form,.admin-metrics,.admin-grid-three{grid-template-columns:1fr}}
