/* InstaIT workspace — shared visual system, no external fonts or UI dependencies. */
:root{--navy:#101d32;--blue:#1765dc;--ink:#192740;--muted:#66758c;--line:#e3e9f2;--background:#f4f6fa;--surface:#fff;--green:#087c62;--amber:#936019;--red:#bd3546}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;letter-spacing:-.012em}
a,button,input,select,textarea{touch-action:manipulation}
button,a,input,select,textarea{outline-offset:4px}
:focus-visible{outline:3px solid #71a9ff}
.ui-icon{width:19px;height:19px;flex:none}
.skip-link{position:fixed;top:-80px;left:280px;background:#fff;padding:12px;z-index:50}.skip-link:focus{top:10px}
.topbar{height:76px;margin-left:244px;padding:0 36px;background:#ffffffeb;border-bottom:1px solid var(--line);color:var(--ink);backdrop-filter:blur(12px);z-index:10}
.topbar-context,.topbar-tools{display:flex;align-items:center;gap:17px}.breadcrumb{font-size:12px;color:#6b7b93}.breadcrumb>span{padding:0 14px;color:#b6c0d0}.breadcrumb strong{color:#263953;font-weight:600}
.private-label{font-size:11px;color:#60718a;border-right:1px solid var(--line);padding-right:20px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e7effc;font-weight:800;color:#2758a2;font-size:11px}.topbar .text-button{color:#51627b;font-size:12px;font-weight:600}.menu-toggle{display:none}
.shell{display:block;min-height:calc(100vh - 76px);margin-left:244px}
#workspace-sidebar{position:fixed;left:0;top:0;bottom:0;width:244px;padding:30px 16px 15px;background:var(--navy);color:#b9c5d8;border:0;z-index:20;overflow-y:auto;display:block;scrollbar-width:thin;scrollbar-color:#35435a transparent}
.brand{gap:12px;padding:0 12px;font-size:23px;letter-spacing:-.7px;font-weight:760}.brand-mark{width:39px;height:42px;background:#29a8ed;border-radius:11px;font-size:20px;box-shadow:0 5px 18px #0099ee25}.brand small{display:block;font-size:9px;letter-spacing:2.1px;font-weight:550;color:#9eafc7;margin-top:0}
.workspace-switch{display:flex;align-items:center;gap:10px;padding:13px 11px;margin:28px 0 24px;border:1px solid #304057;border-radius:9px;background:#17263c}.site-monogram{height:30px;width:30px;border:1px solid #42526a;border-radius:7px;display:grid;place-items:center;font-weight:800;color:#cee8ff}.workspace-switch strong{font-size:12px;color:#edf3fb;font-weight:600}.workspace-switch small{display:block;font-size:10px;color:#94a6c0}.workspace-arrow{margin-left:auto;color:#8394ad}
#workspace-sidebar nav{display:grid;gap:20px}.nav-group{display:grid;gap:3px}.nav-label{text-transform:uppercase;letter-spacing:1.4px;color:#7f93af;font-size:9px;font-weight:700;padding:0 13px 8px}
#workspace-sidebar nav a{display:flex;align-items:center;gap:12px;position:relative;font-size:12px;font-weight:500;color:#b5c4da;padding:10px 12px;min-height:39px;border-radius:7px;transition:background .15s,color .15s}
#workspace-sidebar nav a:hover{background:#213149;color:#fff}#workspace-sidebar nav a.active{background:#245dd1;color:#fff;box-shadow:0 4px 10px #00000015}.active-dot{width:5px;height:5px;background:#acd2ff;border-radius:50%;margin-left:auto}
.site-target{display:flex;align-items:center;gap:10px;margin-top:28px;border-top:1px solid #29384e;padding:20px 12px 8px}.site-target strong{font-size:11px;color:#c3d0e1;font-weight:500;margin:0}.site-target small{font-size:10px;color:#8499b5}.privacy-dot{width:7px;height:7px;background:#6bc5b3;border-radius:50%;flex:none}
main{max-width:1600px;margin:auto;padding:29px 36px 22px;display:flex;flex-direction:column;gap:0}main:focus{outline:0}
.data-note{font-size:11px;line-height:1.6;background:#edf2fa;border:1px solid #dce6f5;border-left:3px solid #80a8e7;border-radius:6px;padding:10px 13px;color:#576d8a;margin:0 0 18px}.data-note a{color:#225eaa}
.page-head{margin:5px 0 25px;align-items:center}.page-head h1{font-size:29px;letter-spacing:-1px;font-weight:730;margin-bottom:7px}.page-head p{font-size:12px;color:#6c7c91;line-height:1.6}.page-head form{display:flex;gap:8px;align-items:center}
.primary,.secondary{font-size:12px;font-weight:650;padding:11px 16px;min-height:40px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .15s,box-shadow .15s}.primary{background:#1b63db;box-shadow:0 3px 7px #155bca19}.primary:hover{background:#124ead;box-shadow:0 4px 10px #155bca30}.secondary{background:#fff;border:1px solid #dce4ee;color:#40536d}.secondary:hover{background:#edf3fb;border-color:#b4cae9}
.metrics{gap:17px;margin-bottom:23px}.metrics article{padding:21px 21px 19px;border-radius:11px;border-color:#e0e7f0;box-shadow:0 2px 3px #102b5203;position:relative;min-height:139px}.metrics article::before{content:'';position:absolute;right:20px;top:22px;width:7px;height:7px;border:2px solid #8daff1;border-radius:3px}.metrics article:nth-child(2)::before{border-color:#68b3ab}.metrics article:nth-child(3)::before{border-color:#b29adb}.metrics article:nth-child(4)::before{border-color:#d0b681}.metrics span{font-size:11px;font-weight:550;color:#6b7890;padding-right:16px}.metrics strong{font-size:33px;font-weight:710;letter-spacing:-1.3px;margin:12px 0 3px;line-height:1.2;font-variant-numeric:tabular-nums}.metrics small{font-size:10px;color:#78869a}
.panel{border:1px solid #e1e7ef;border-radius:11px;padding:22px;box-shadow:0 2px 4px #102b5203;margin-bottom:19px}.panel h2{font-size:15px;font-weight:700;letter-spacing:-.25px}.panel>p{color:#6a7a90;font-size:12px;line-height:1.7}.panel-head{margin-bottom:12px}.panel-head a{font-size:11px;color:#2863b6}.two-columns{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.two-columns>.panel{min-width:0}
.table-wrap{margin:12px -22px -12px;max-width:calc(100% + 44px);padding:0 12px}table{min-width:550px;font-size:12px}th,td{padding:15px 12px}th{background:#f8fafd;border-top:1px solid #edf0f5;font-size:9px;letter-spacing:1px;font-weight:650;color:#77869c;white-space:nowrap}td{border-bottom-color:#edf1f6;line-height:1.6;color:#51617a;font-variant-numeric:tabular-nums}td strong{font-size:12px;font-weight:620;color:#26374f}td small{font-size:10px;color:#8190a5}tbody tr:hover{background:#f8faff}tbody tr:last-child td{border-bottom:0}
.priority,.owner,.status,.connection{font-size:9px;letter-spacing:.35px;padding:4px 8px;font-weight:650}.priority.high,.priority.critical{background:#fff0f1;color:#b34755}.priority.medium,.priority.warning{background:#fff5e6;color:#986e2d}.priority.low,.priority.notice{background:#edf4ff;color:#4a70aa}.owner,.status{background:#f0f3f8;color:#73829a}.compact-actions>a{padding:17px 0;gap:4px 10px;align-items:start}.compact-actions>a strong{font-weight:600;font-size:12px}.compact-actions>a small{font-size:10px}.compact-actions>a:hover strong{color:#1b63db}
.empty{border:1px dashed #dde5ef;border-radius:8px;margin:15px 0 4px;background:#fafbfd;font-size:12px;padding:30px 18px}.alert{border:1px solid #cde8df;border-radius:8px;font-size:12px;padding:13px 16px;background:#eff9f5}.alert.error{border-color:#f0d3d6;background:#fff2f3}.issue-list,.action-list{gap:0}.issue h2,.action-card h2{font-size:19px;letter-spacing:-.4px;margin-top:16px}.issue p,.action-card p{font-size:12px;line-height:1.8}.action-detail{grid-template-columns:155px minmax(0,1fr);gap:0 20px}.action-detail h3{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#7a8ba2}.action-card .page-ref{font-size:11px}.issue .priority,.action-card .priority{margin-right:6px}
.integration{padding:25px;min-height:175px}.integration h2{margin-bottom:20px}.integration .connection{top:24px;right:22px}.integration form{flex-wrap:wrap}.integration p{font-size:12px}.connection.connected{background:#eaf6ef;color:#2b8160}.range-links{gap:8px}.range-links .secondary{font-size:11px;padding:8px 13px;min-height:35px}.range-links [aria-current=page]{outline:0;background:#e9f1ff;border-color:#b3cafa;color:#245fc5}
input,select,textarea{border:1px solid #d9e2ef;border-radius:7px;padding:9px 11px;background:white;color:var(--ink);max-width:100%}input[type=checkbox]{width:16px;height:16px;display:inline-block;vertical-align:middle;accent-color:var(--blue);margin-right:7px}label:has(input[type=checkbox]){display:flex;align-items:center;gap:7px}label input, label select, label textarea{border-color:#d9e2ef;font-size:12px}label{font-weight:550;font-size:11px}dialog{border:1px solid #dbe3f0;border-radius:15px}dialog form{padding:30px;gap:18px}dialog::backdrop{background:#0d193db3;backdrop-filter:blur(3px)}dialog h2{font-size:21px}
.trend-chart{border-bottom:1px solid #dce6f2;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf1f7 49px,#edf1f7 50px);height:230px;padding:15px 4px 0;margin-top:25px}.trend-chart i{background:#6b9eed;border-radius:4px 4px 0 0}.trend-chart>div:hover i{background:#1f62d8}.trend-chart small{font-size:9px}.bing-crawl>div{background:#f8fafd;border-color:#e6ecf4}.bing-crawl strong{font-size:25px}.bing-columns{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)}
footer{display:flex;justify-content:space-between;gap:14px;text-align:left;font-size:10px;color:#8a98ac;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}footer strong{font-weight:500;color:#65758b}
.login-body{background:#101d32}.login-card{border:1px solid #ffffff1c;box-shadow:0 28px 80px #0004;border-radius:18px;padding:38px;width:min(440px,calc(100% - 36px))}.login-card h1{font-size:27px;letter-spacing:-.8px}.login-card>p{font-size:12px;margin-top:10px;margin-bottom:30px}.login-card .brand-mark{margin-bottom:22px}
.overview-visuals{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(230px,1fr);gap:20px;margin-bottom:23px}.overview-visuals>.panel{margin:0}.eyebrow{display:block;font-size:9px;letter-spacing:1.3px;font-weight:650;color:#7a8fae;margin-bottom:7px}.visibility-panel .panel-head{align-items:center}.chart-legend{display:flex;align-items:center;gap:7px;font-size:10px;color:#5b7090;margin-top:20px}.chart-legend>span:last-child{margin-left:auto;font-size:9px;color:#8b99ad}.legend-dot{width:6px;height:6px;border-radius:50%;background:#3f80e3}.visibility-plot{display:flex;gap:12px;height:175px;margin-top:8px}.visibility-plot svg{height:100%;width:100%;min-width:0;overflow:visible}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#91a0b5;padding:14px 0 10px;min-width:22px}.chart-dates{display:flex;justify-content:space-between;font-size:9px;color:#8798b0;padding-left:34px;margin-top:4px}.focus-panel{background:#142c4f;border:1px solid #1e3b65;border-radius:11px;padding:24px;color:#fff;display:flex;flex-direction:column;align-items:start}.focus-panel .eyebrow{color:#8da9ce}.focus-heading{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px;margin-bottom:18px}.focus-heading h2{font-size:18px;font-weight:600;letter-spacing:-.4px;margin:0}.focus-icon{color:#96bdf4;display:grid;place-items:center;width:34px;height:34px;background:#234371;border:1px solid #345582;border-radius:8px}.focus-priority{color:#c5d8f3;font-size:9px;background:#294365;padding:3px 7px;border-radius:4px}.focus-panel h3{font-size:15px;line-height:1.5;font-weight:550;letter-spacing:-.2px;margin:12px 0 4px}.focus-panel p{font-size:11px;color:#a9bfde;line-height:1.8;margin:8px 0 20px}.focus-panel>a{font-size:11px;color:#d6e8ff;text-decoration:none;width:100%;margin-top:auto;border-top:1px solid #345073;padding-top:15px;display:flex;justify-content:space-between}.focus-panel>a:hover{color:#fff}.chart-empty{min-height:208px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px}.chart-empty strong{font-size:13px;font-weight:600;margin-top:8px}.chart-empty p{font-size:11px;color:var(--muted);line-height:1.8}.empty-chart-icon{color:#7698c8}.chart-empty .secondary{font-size:10px;padding:7px 11px;min-height:30px}
@media(max-width:1100px){.overview-visuals{grid-template-columns:1fr}.focus-panel{padding:21px}.focus-heading{margin-bottom:8px}.focus-panel p{margin-bottom:14px}}
@media(max-width:520px){.overview-visuals{gap:16px;margin-bottom:17px}.chart-legend>span:last-child{display:none}.visibility-plot{height:155px}.visibility-panel .panel-head a{font-size:10px}.eyebrow{font-size:8px}.focus-panel h3{font-size:14px}}
@media(max-width:850px){body:not(.nav-enhanced) #workspace-sidebar{position:static;transform:none;width:100%;max-width:none}body:not(.nav-enhanced) .menu-toggle{display:none}body:not(.nav-enhanced) #workspace-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1500px){main{padding:36px 48px}.topbar{padding:0 48px}.metrics article{padding:25px}.metrics strong{font-size:37px}}
@media(max-width:1150px){.topbar{padding:0 25px}main{padding:25px}.two-columns,.bing-columns{grid-template-columns:minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.shell,.topbar{margin-left:0}.topbar{height:64px;padding:0 20px}.shell{min-height:calc(100vh - 64px)}#workspace-sidebar{transform:translateX(-100%);transition:transform .18s ease;max-width:calc(100vw - 60px);width:244px}body.nav-open #workspace-sidebar{transform:translateX(0)}#workspace-sidebar nav{display:grid;overflow:visible;max-width:100%}.site-target{display:flex}#workspace-sidebar nav a{white-space:normal}.menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#2f415f}.private-label{display:none}.topbar-tools{gap:10px}.breadcrumb>span{padding:0 7px}.nav-open::after{content:'';position:fixed;inset:64px 0 0 244px;background:#142a4a66;z-index:15}.skip-link{left:12px}.integration-grid{grid-template-columns:1fr}}
@media(max-width:520px){main{padding:20px 15px}.topbar{padding:0 14px}.topbar-context{gap:10px}.breadcrumb{font-size:11px}.breadcrumb>span{padding:0 5px}.topbar .avatar{display:none}.topbar .text-button{font-size:11px}.page-head{align-items:stretch;margin:6px 0 20px;gap:16px}.page-head h1{font-size:25px}.page-head p{font-size:11px}.page-head form{flex-wrap:wrap}.page-head form button{flex:1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.metrics article{padding:15px 13px;min-height:124px}.metrics article::before{display:none}.metrics span{font-size:10px;padding:0}.metrics strong{font-size:28px;letter-spacing:-1px;margin-top:12px}.metrics small{font-size:9px}.panel{padding:18px;margin-bottom:16px}.table-wrap{margin:12px -18px -9px;max-width:calc(100% + 36px);padding:0 8px}.panel-head{gap:8px}.panel h2{font-size:14px}.two-columns{gap:0}.action-detail{grid-template-columns:1fr;gap:0}.action-detail h3{margin-bottom:0}.action-top{align-items:start;gap:8px}.action-top select{font-size:11px;max-width:125px}.integration{padding:20px}.integration h2{margin-bottom:22px}.integration .connection{position:static;float:right;margin-left:8px}.range-links .secondary{flex:initial}.range-links{gap:6px}footer{flex-direction:column;font-size:9px;gap:5px}.data-note{font-size:10px}.login-card{padding:28px}.login-card h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.topbar,#workspace-sidebar,.skip-link,.menu-toggle,footer,.nav-open::after{display:none!important}.shell{margin:0;display:block}main{display:block;padding:0;max-width:none}.page-head button,.page-head form{display:none}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics article{min-height:0;padding:12px;box-shadow:none}.metrics strong{font-size:23px}.panel{box-shadow:none;break-inside:auto}.table-wrap{max-width:100%;margin:0;padding:0;overflow:visible}table{min-width:0;font-size:9px}th,td{padding:7px;max-width:none}.data-note{font-size:9px}.two-columns,.bing-columns{display:block}body{background:#fff}}
@media print{.overview-visuals{display:block}.focus-panel{background:#fff;color:#192740;border-color:#ddd;margin-top:15px}.focus-panel p,.focus-panel h3,.focus-panel a{color:#192740}.focus-panel .eyebrow{color:#60718a}}
/* Evidence-first health overview. */
.health-score { display:block; font-size:2.4rem; color:#102b50; margin:12px 0; }
.health-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0; }
.health-categories article { padding:18px; border:1px solid #dce5ef; border-radius:12px; }
.health-categories strong { display:block; margin:8px 0; font-size:1.4rem; }
.health-categories small { display:block; color:#536579; }
.health-categories meter { display:block; width:100%; height:16px; margin-bottom:8px; }
.health-finding { border-top:1px solid #dce5ef; padding:18px 0; }
.health-finding summary { cursor:pointer; line-height:1.8; }
@media(max-width:600px) { .health-categories { grid-template-columns:1fr; } }
.metrics .metric-linked { padding:0; }
.metric-linked > a { display:block; padding:25px; height:100%; color:inherit; border-radius:inherit; text-decoration:none; }
.metric-linked > a:hover { background:#f3f7ff; }
.metric-linked > a:focus-visible { outline:3px solid #2267d7; outline-offset:3px; }
.metrics .metric-detail { display:block; color:#1759b8; margin-top:14px; font-weight:600; }
.daily-chart-scroll { overflow-x:auto; padding:8px 0; }
.daily-chart { display:flex; gap:10px; align-items:stretch; padding:25px 10px 0 0; }
.daily-axis { flex:0 0 40px; height:200px; display:flex; flex-direction:column; justify-content:space-between; font-size:11px; color:#536579; text-align:right; }
.daily-column { flex:1; min-width:48px; text-align:center; }
.daily-track { height:200px; display:flex; align-items:flex-end; justify-content:center; border-bottom:1px solid #b8c9dd; background:linear-gradient(to bottom,#edf1f7 1px,transparent 1px) 0 0/100% 50%; }
.daily-bar { position:relative; width:70%; max-width:42px; background:#689bec; border-radius:4px 4px 0 0; }
.daily-value { position:absolute; left:50%; bottom:100%; transform:translateX(-50%); font-size:11px; font-weight:600; color:#243853; padding-bottom:5px; white-space:nowrap; }
.daily-column time { display:block; font-size:11px; white-space:nowrap; margin-top:10px; color:#536579; }
@media(max-width:520px) { .metric-linked > a { padding:15px 13px; } }