.satpro-classic .nav-more{position:relative;display:flex;align-items:stretch;color:#d9e7e9}
@view-transition{navigation:auto}
.satpro-classic .sidebar{view-transition-name:satpro-sidebar}
.satpro-classic .topbar{view-transition-name:satpro-topbar}
::view-transition-old(satpro-sidebar),::view-transition-new(satpro-sidebar),::view-transition-old(satpro-topbar),::view-transition-new(satpro-topbar){animation-duration:120ms}
.satpro-classic .nav-more>summary{display:flex;align-items:center;justify-content:center;gap:7px;list-style:none;cursor:pointer;padding:10px 15px;color:#c0d0d7;font-size:12px;white-space:nowrap}
.satpro-classic .nav-more>summary::-webkit-details-marker{display:none}
.satpro-classic .nav-more>summary:hover,.satpro-classic .nav-more[open]>summary{background:#10242f;color:#fff}
.satpro-classic .nav-more-list{position:absolute;z-index:1000;top:100%;right:0;min-width:220px;padding:6px;background:#203443;border:1px solid #ffffff18;border-radius:0 0 8px 8px;box-shadow:0 12px 30px #10212b35;display:grid;gap:2px}
.satpro-classic .nav-more-list a{display:flex;align-items:center;border:0;border-radius:5px;padding:9px 11px;color:#c0d0d7;font-size:12px;white-space:nowrap}
.satpro-classic .nav-more-list a:hover,.satpro-classic .nav-more-list a.active{background:#ffffff12;color:#fff}
.satpro-classic .nav-more-list a.active{border-left:3px solid #29bb9c}
.nav-view-switch{display:flex;gap:2px;padding:3px;border:1px solid #dce5e8;border-radius:7px;background:#f4f7f8}
.nav-view-switch button{border:0;background:transparent;color:#526a76;border-radius:5px;padding:5px 8px;font-size:11px;white-space:nowrap}
.nav-view-switch button[aria-pressed="true"]{background:#203443;color:#fff}
.menu-item-icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.satpro-classic.nav-side{display:flex;min-height:100vh}
.satpro-classic.nav-side .sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:246px;height:100vh;overflow-y:auto;padding:18px 14px;display:flex;flex-direction:column;align-items:stretch;background:#203443}
.satpro-classic.nav-side .brand{padding:8px 6px;font-size:23px}
.satpro-classic.nav-side .brand-icon{display:grid}
.satpro-classic.nav-side .workspace{display:block;margin:18px 0 10px;padding:16px 8px;border-block:1px solid #ffffff16;text-align:left}
.satpro-classic.nav-side .workspace .eyebrow{display:block;color:#87a5ad;margin-bottom:7px}
.satpro-classic.nav-side .workspace strong{font-size:13px;color:#d9e7e9}
.satpro-classic.nav-side .sidebar nav{grid-column:auto;grid-row:auto;display:grid;gap:4px;margin-top:6px;background:transparent;border:0}
.satpro-classic.nav-side .sidebar nav>a{border:0;border-radius:7px;padding:10px 11px;justify-content:flex-start;color:#b9cbd0;font-size:12px}
.satpro-classic.nav-side .sidebar nav>a.active{background:#ffffff12;border-left:3px solid #29bb9c;color:#fff}
.satpro-classic.nav-side .nav-more{display:block}
.satpro-classic.nav-side .nav-more>summary{justify-content:flex-start;border-radius:7px;padding:10px 11px}
.satpro-classic.nav-side .nav-more-list{position:static;min-width:0;padding:4px 0 4px 13px;border:0;border-radius:0;box-shadow:none;background:transparent}
.satpro-classic.nav-side .nav-more-list a{white-space:normal}
.satpro-classic.nav-side .sidebar-bottom{display:block;margin-top:auto;padding:16px 8px;font-size:11px}
.satpro-classic.nav-side .sidebar-bottom small{display:block}
.satpro-classic.nav-side .content{margin-left:246px;min-width:0;flex:1}
@media(max-width:720px){.satpro-classic.nav-side{display:block}.satpro-classic.nav-side .sidebar{position:static;width:auto;height:auto;overflow:visible;padding:0 12px 8px}.satpro-classic.nav-side .brand{padding:10px 12px;font-size:21px}.satpro-classic.nav-side .brand-icon{display:none}.satpro-classic.nav-side .workspace{display:none}.satpro-classic.nav-side .sidebar nav{display:flex;flex-wrap:wrap;gap:3px;margin:0}.satpro-classic.nav-side .sidebar nav>a{padding:9px 10px;font-size:11px}.satpro-classic.nav-side .nav-more>summary{padding:9px 10px;font-size:11px}.satpro-classic.nav-side .nav-more-list{position:absolute;right:0;top:100%;min-width:220px;padding:6px;background:#203443;border:1px solid #ffffff18;border-radius:0 0 8px 8px;box-shadow:0 12px 30px #10212b35}.satpro-classic.nav-side .sidebar-bottom{display:none}.satpro-classic.nav-side .content{margin-left:0}.nav-view-switch button{padding:4px 6px}.nav-view-switch button span{display:none}}
.nav-view-switch button{width:30px;height:28px;display:grid;place-items:center;padding:0;font-size:15px;line-height:1}
.icon-logout{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #dce5e8;border-radius:6px;color:#526a76;font-size:20px;line-height:1}
.icon-logout:hover{background:#f4f7f8;color:#203443}
.satpro-classic .network-status{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #ffffff24;border-radius:7px;background:#ffffff0a;transition:color .18s ease,background .18s ease}
.satpro-classic .network-status svg{display:block;width:19px;height:19px}
.satpro-classic .network-status.good{color:#20c779}
.satpro-classic .network-status.medium{color:#f0b72f}
.satpro-classic .network-status.poor{color:#ef5960}

/* Shared header: one news entry, readable identity and room for narrow screens. */
.satpro-classic .topbar{height:auto;min-height:48px;gap:12px;padding-block:7px;flex-wrap:wrap}
.topbar-breadcrumb{flex:1 1 120px;min-width:0;overflow-wrap:anywhere}
.satpro-classic .profile{min-width:0;max-width:100%;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.header-tools,.profile-account,.profile-identity{display:flex;align-items:center;gap:8px;min-width:0}
.header-tools{flex-wrap:wrap}
.profile-account{gap:10px}
.profile-identity{max-width:280px}
.profile-name{font-size:12px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.profile-account form{flex:none;margin:0}
.header-tools>.announcement-indicator,.header-tools>.network-status{flex:none}
.header-tools .announcement-indicator svg{display:block;flex:none}
.header-tools .announcement-indicator:hover{background:#eaf1f5;color:#173746}
.header-tools :is(a,button):focus-visible,.profile-account button:focus-visible{outline:2px solid #16877d;outline-offset:3px}
@media(max-width:720px){
 .satpro-classic .topbar{padding:9px 12px;gap:7px}
 .topbar-breadcrumb{flex-basis:100%;font-size:11px}
 .satpro-classic .profile{display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:8px}
 .profile-account{grid-row:1;justify-content:space-between}
 .profile-identity{max-width:calc(100% - 50px)}
 .profile-name{font-size:13px}
 .header-tools{grid-row:2;gap:7px}
 .header-tools .announcement-indicator,.header-tools .network-status{width:38px;height:38px}
 .header-tools .nav-view-switch button{width:36px;height:32px}
 .header-tools .rate-summary{min-height:38px}
 .profile-account .icon-logout{width:38px;height:38px}
}
/* Modal chrome is determined before HTML is sent, with a stable loading state. */
body.product-modal-open{overflow:hidden}
.trade-product-modal{position:relative;max-width:100%;height:94vh;height:94dvh;max-height:94vh;max-height:94dvh}
.trade-product-modal>header{flex:none;gap:12px}
.trade-product-modal>header h2{min-width:0;overflow-wrap:anywhere}
.trade-product-modal>header [data-close-modal]{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border-radius:6px}
.trade-product-modal>header [data-close-modal]:hover{background:#ffffff20}
.trade-product-modal>header [data-close-modal]:focus-visible{outline:2px solid white;outline-offset:2px}
.trade-product-modal iframe{flex:1;display:block}
.trade-modal-backdrop.is-loading .trade-product-modal iframe{visibility:hidden}
.product-modal-status{position:absolute;top:50%;left:20px;right:20px;margin:0;text-align:center;color:#536875}
.product-modal-status[hidden]{display:none}
.trade-product-modal-page .product-save-bar{box-shadow:0 -4px 14px #17374612}
@media(max-width:700px){
 .trade-product-modal{width:100%;height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}
 .trade-product-modal>header{padding:8px 10px}
 .trade-product-modal>header h2{font-size:16px}
 .trade-product-modal-page main{padding:10px}
 .trade-product-modal-page .product-save-bar{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(satpro-sidebar),::view-transition-new(satpro-sidebar),::view-transition-old(satpro-topbar),::view-transition-new(satpro-topbar){animation:none}
}

/* Keep dashboard cards within their grid tracks on tablet widths. */
.satpro-classic .dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.dashboard-grid>.card{min-width:0}
.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-task-grid a,.dashboard-widget-grid a{min-width:0;grid-template-columns:38px minmax(0,1fr);overflow-wrap:anywhere}
@media(max-width:720px){.satpro-classic .dashboard-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.dashboard-widget-grid{grid-template-columns:minmax(0,1fr)}}
@media(min-width:701px){
 .trade-product-modal{height:min(94vh,calc(100vh - 40px));height:min(94dvh,calc(100dvh - 40px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
}