/* TerraOps app branding, consistent with the provided application views. */
.showcase{background:#f0f6f7;border-block:1px solid #e3ebeb}.console{background:#eff6fa;border-color:#cbdadf;box-shadow:0 30px 70px #143c4c12;border-radius:10px;margin-top:42px}.window-bar{height:36px;background:#e6eef0;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #cbdadf;font-size:8px;color:#72868b}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#a6bcc3}.window-dots i:first-child{background:#6e9c83}.window-lock{font-size:7px;background:#d8e6e5;padding:4px 8px;border-radius:3px}.console-layout{display:grid;grid-template-columns:185px minmax(0,1fr)}.console-sidebar{background:linear-gradient(160deg,#183e53,#102e41);padding:18px 12px;color:white;display:flex;flex-direction:column;min-width:0;border-right:3px solid #84d94b}.app-brand{padding:10px;background:white;border-radius:5px;display:grid;place-items:center}.app-brand img{width:100%;height:auto}.app-lab{font-size:10px;margin:17px 7px 19px;line-height:1.7;color:#c5e0e9}.app-lab b{color:white;font-size:13px}.app-nav-label{font-size:7px;letter-spacing:1.5px;color:#8bb1be;padding:19px 7px 13px;border-top:1px solid #426271}.console-nav{display:flex;flex-direction:column;background:transparent;padding:0;gap:6px;border:0;overflow:visible}.console-nav button{display:flex;align-items:center;gap:11px;background:transparent;color:#d9e9ef;border:1px solid transparent;border-bottom:1px solid transparent;border-radius:5px;padding:13px 9px;font-size:10px;text-align:left;white-space:nowrap}.console-nav button:hover{background:#ffffff0d}.console-nav button[aria-selected=true]{background:#e0f5d6;color:#0a4632;border:1px solid #acdf90;border-left:3px solid #78d12c;font-weight:700;padding-left:7px}.app-icon{font-size:15px;width:16px;display:inline-block}.sidebar-bottom{font-size:8px;color:#d7e5e5;margin:50px 7px 0;padding-top:22px;border-top:1px solid #355867;line-height:2.2}.sidebar-bottom small{font-size:7px;color:#8badb8}.sidebar-bottom .live-dot{height:5px;width:5px}.console-head{height:68px;gap:14px;padding:13px 22px;border-bottom:1px solid #ccdfeb;box-shadow:0 4px 12px #163d5710}.console-head>div{padding-left:0;border:0;margin-right:auto}.console-head b{font-size:12px;color:#0d3b57}.console-head div>span{font-size:8px;margin-top:5px;color:#6a91a5}.permission{color:#236345;background:#e2f3e8;border-radius:20px;padding:6px 9px;font-size:7px;white-space:nowrap}.app-avatar{font-size:9px;background:#dceddd;border:1px solid #c1d7bf;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}#demo-panel{padding:22px;min-height:660px}.dash-heading{background:linear-gradient(100deg,#f0fbdf,#e3f3fc);border:1px solid #cadfe5;border-left:4px solid #74d329;padding:17px 16px;border-radius:8px;margin-bottom:18px;align-items:center}.dash-heading h3{font-size:17px;letter-spacing:-.4px;color:#0c3d55;line-height:1.5;margin-top:5px}.dash-heading small{font-size:7px;letter-spacing:1.2px;color:#3d727f}.dash-heading label{font-size:8px}select{color:#28536a;border-color:#a6c7d9;font-size:10px}.stats{gap:9px;margin-bottom:18px}.stat{border-color:#cfdee5;border-top:3px solid #78d12c;padding:14px 12px;box-shadow:0 2px 5px #193f5210}.stat>span{font-size:9px;color:#407087}.stat>b{color:#103f56;font-size:27px;margin:8px 0 4px}.stat>small{font-size:7px;line-height:1.6;display:block;color:#6e8e99}.dash-grid{gap:14px}.dash-card{padding:17px;border-color:#cbdfe8;border-radius:6px}.dash-card h4{font-size:12px;margin-bottom:17px;color:#16455f}.dash-card>p{font-size:9px;line-height:1.6}.dash-card svg text{fill:#537380}.hbars>div{font-size:9px;gap:9px;grid-template-columns:minmax(90px,1.3fr) 1fr 30px}.donut{width:130px;height:130px;background:conic-gradient(#64b529 0 var(--portion),#6bb5d1 var(--portion) var(--progress),#d8e7ed var(--progress) 100%)}.donut>div{width:97px;height:97px}.donut b{font-size:24px}.donut-wrap{gap:12px}.donut span{font-size:9px}.console-caption{font-size:9px;color:#7f9297;text-align:center;line-height:1.8;margin:20px 0 0}.table-scroll{border-color:#c6ddec}thead th{background:#eaf5fa;color:#2c5a71}td,th{font-size:9px;padding:13px 11px;border-color:#d3e4ec}thead th{font-size:8px}tbody th{color:#285870}.cal-event{min-width:115px;padding:11px 8px}.cal-event b{font-size:9px}.cal-event span{font-size:8px}.cal-event small{font-size:7px}.calendar th small{font-size:7px}.status{font-size:8px}.small-button{border-color:#aad295;background:#f0f9e9;color:#376e25;font-size:10px}.report-callout{background:#e8f6df;border:1px solid #c5e2b4}.report-callout h4{font-size:14px}.report-callout p{font-size:11px}.demo-tag{border-color:#d0e6c4;background:#ecf7e5;color:#487632;font-size:7px}.analytics-section{background:#fbfcfa}.analysis-grid{margin-top:38px;gap:22px}.chart-card{border-color:#dbe7df;border-radius:8px;box-shadow:0 8px 28px #234c2010;padding:27px}.card-title small{font-size:8px;color:#72945a}.card-title h3{font-size:20px;color:#224b44}.chart-card>p{font-size:11px}.noise-card{background:#fff}.weather-stats b{color:#3d852d}.chart-note{font-size:9px!important}.management{background:#fff}.document-cards{gap:18px;margin-top:35px}.document-cards article{border-color:#d9e4d5;border-top-color:#78d12c;background:#fbfdf8;padding:27px}.document-cards h3{font-size:21px}.document-cards p{font-size:13px}.document-cards a{color:#448e25;border-bottom-color:#b5d8a2}.scope-note{color:#85907e;font-size:10px}.trace{background:#ecf6e4;color:#234e32;border:1px solid #d2e6c3;padding:35px;border-radius:8px;margin-top:35px}.trace h3{font-size:28px;color:#295e36}.trace p:not(.eyebrow){color:#65815c;font-size:13px}.trace li{border-top-color:#82bd5e}.trace li span{color:#708f65}.trace>small{color:#8b9e82}.trace .eyebrow{color:#5c8c38;font-size:8px}.trace ol{gap:20px;margin-bottom:25px}.trace li b{font-size:14px}.brand img{width:220px}
@media(max-width:1100px){.brand img{width:190px}.console-layout{grid-template-columns:160px minmax(0,1fr)}.console-sidebar{padding:15px 9px}.console-nav button{font-size:9px;gap:8px;padding-inline:8px}.console-nav button[aria-selected=true]{padding-left:6px}.app-brand{padding:7px}.console-head{padding:12px 17px}#demo-panel{padding:17px}.dash-heading{padding:14px}.dash-heading h3{font-size:15px}.dash-heading{gap:12px}.stat>b{font-size:24px}.stat{padding:12px 10px}.stat>span{font-size:8px}.dash-grid{grid-template-columns:1.35fr 1fr}.hbars>div{grid-template-columns:minmax(83px,1.4fr) 1fr 26px;font-size:8px}.donut-wrap{flex-direction:column;gap:10px}.dash-card{padding:13px}.donut{width:115px;height:115px}.donut>div{width:85px;height:85px}.donut b{font-size:21px}.chart-card{padding:23px}.trace{padding:28px}}
@media(max-width:900px){.console-layout{grid-template-columns:145px minmax(0,1fr)}.console-nav button{gap:7px;font-size:8px}.app-icon{font-size:14px;width:14px}.stats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(4),.stat:nth-child(5){grid-column:auto}.dash-grid,.dash-grid.equal{grid-template-columns:1fr}.donut-wrap{flex-direction:row;gap:25px}.donut{width:125px;height:125px}.donut>div{width:93px;height:93px}.hbars>div{font-size:10px;grid-template-columns:1.4fr 1fr 30px}.dash-heading{flex-wrap:wrap}.permission{display:none}.document-cards article{padding:22px}.document-cards h3{font-size:19px}}
@media(max-width:780px){.console{margin-top:30px}.console-layout{grid-template-columns:1fr}.console-sidebar{padding:0;border-right:0;display:block;background:#173e54}.app-brand,.app-lab,.app-nav-label,.sidebar-bottom{display:none}.console-nav{flex-direction:row;overflow:auto;padding:6px 8px;gap:3px;scrollbar-width:thin}.console-nav button{padding:11px 10px!important;border:0!important;font-size:9px;gap:6px;flex-shrink:0}.console-nav button[aria-selected=true]{border:0!important}.console-head{height:59px;padding:12px 17px}.console-head b{font-size:11px}.console-head div>span{font-size:8px}.window-bar{font-size:7px;height:30px}.window-lock{font-size:6px}#demo-panel{min-height:0;padding:17px}.dash-grid,.dash-grid.equal{grid-template-columns:1.3fr 1fr}.stats{grid-template-columns:repeat(5,1fr)}.stat:last-child{grid-column:auto}.stat>b{font-size:24px}.stat small{font-size:7px}.stat>span{font-size:8px}.donut-wrap{flex-direction:column}.dash-heading{flex-direction:row;align-items:center}.dash-heading h3{font-size:17px}.hbars>div{font-size:8px;grid-template-columns:minmax(80px,1.3fr) 1fr 25px}.analytics-section .section-heading h2{font-size:36px}.analysis-grid{gap:16px}.chart-card{padding:20px}.card-title h3{font-size:18px}.card-title{flex-wrap:wrap}.chart-card>p{font-size:10px}.weather-stats{gap:25px;margin-top:25px}.weather-stats b{font-size:22px}.weather-stats span{font-size:9px}#weather-chart{margin-top:38px}.document-cards{gap:14px}.document-cards article{padding:20px}.document-cards h3{font-size:18px}.document-cards p{font-size:12px}.document-cards article>span{font-size:7px}.document-cards a{font-size:10px}.trace ol{gap:14px}.trace li span{font-size:9px}.trace h3{font-size:26px}.brand img{width:190px}.report-callout{padding:18px}}
@media(max-width:620px){.stats{grid-template-columns:repeat(2,1fr)}.stat:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:10px}.stat:last-child b{grid-column:2;grid-row:1/3;text-align:right;font-size:29px}.stat:last-child>small{grid-column:1}.stat>b{font-size:28px}.stat>span{font-size:9px}.stat small{font-size:7px}.dash-grid,.dash-grid.equal{grid-template-columns:1fr}.dash-card{padding:16px}.dash-card h4{font-size:13px}.hbars>div{font-size:9px;grid-template-columns:1.4fr 1fr 30px}.donut-wrap{flex-direction:row;gap:20px}.donut{flex-shrink:0}.dash-heading{flex-direction:column;align-items:flex-start;gap:12px}.dash-heading h3{font-size:16px}.dash-heading small{font-size:7px}.analysis-grid{grid-template-columns:1fr}.noise-card{grid-column:auto}.chart-card{padding:23px 17px}.card-title h3{font-size:20px}.chart-card>p{font-size:10px}#weather-chart{margin-top:25px}.document-cards{grid-template-columns:1fr;gap:14px}.document-cards article{padding:25px}.document-cards h3{font-size:21px;margin-top:16px}.document-cards p{font-size:13px}.document-cards article>span{font-size:8px}.document-cards a{font-size:11px}.trace{padding:25px}.trace ol{grid-template-columns:1fr 1fr;gap:23px 18px}.trace p:not(.eyebrow){font-size:12px}.trace h3{font-size:25px}.trace li span{font-size:9px}.console-caption{font-size:8px;text-align:left}.console-head>.app-avatar{margin-left:auto}.window-bar>span:nth-child(2){font-size:6px}.window-lock{font-size:6px;padding:4px 6px}.console-head>div{padding:0}.dash-card svg text{font-size:12px}.report-callout{flex-direction:column;align-items:flex-start}.analytics-section .section-heading h2{font-size:30px}.card-title label{font-size:9px}.noise-card svg{min-width:560px}#noise-chart{overflow:auto}.weather-stats b{font-size:24px}.document-cards .scope-note{font-size:9px}}
