/* BD Workspace. Self-contained, no external fonts or asset requests. */
:root {
  --bg:#091722; --bg-top:#0b1b29; --surface:#102330; --surface-hover:#152e3f;
  --surface-soft:#0e202c; --surface-raised:#182d3b; --text:#f1f5f8;
  --muted:#9aadb9; --subtle:#728c9c; --line:#213542; --line-bright:#355364;
  --accent:#f02468; --accent-ink:#ff80a6; --cyan:#78c5d3; --shadow:0 14px 40px #00000018;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Consolas,monospace;
}
:root[data-theme="light"] {
  --bg:#f4f7fa; --bg-top:#f7fafc; --surface:#ffffff; --surface-hover:#f6fafc;
  --surface-soft:#edf3f7; --surface-raised:#ffffff; --text:#113247;
  --muted:#546e80; --subtle:#6d8291; --line:#dfe7ee; --line-bright:#bbcbd7;
  --accent:#dc195c; --accent-ink:#cc1a56; --cyan:#15647f; --shadow:0 8px 30px #17394b07;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-height:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button{color:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
button{border:0;background:none}
svg{width:20px;height:20px;display:block;flex-shrink:0}
h1,h2,h3,p{margin:0}
::selection{background:#f0246840;color:var(--text)}
.shell{position:relative;z-index:1;width:min(1336px,100%);margin:0 auto;padding:0 44px}
.ambient{position:absolute;pointer-events:none;z-index:0;max-width:100%}
.ambient-one{top:0;left:0;width:100%;height:760px;background:radial-gradient(ellipse at 78% 20%,#11415835,transparent 59%),linear-gradient(var(--bg-top),transparent)}
.ambient-two{top:160px;left:0;width:100%;height:430px;background-image:radial-gradient(var(--line-bright) .65px,transparent .65px);background-size:26px 26px;opacity:.16;mask-image:linear-gradient(to right,transparent 40%,#000)}
.topbar{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:flex;gap:15px;align-items:center;flex-shrink:0}
.logo-wrap{display:grid;place-items:center;width:70px;height:58px;background:white;border-radius:13px;box-shadow:0 3px 15px #00000010;overflow:hidden}
.logo-wrap img{width:65px;height:53px;object-fit:contain}
.wordmark{font-size:23px;line-height:1.15;font-weight:760;letter-spacing:-.8px;display:block}
.wordmark-light{font-weight:410}
.brand-companies{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;font-weight:600;margin-top:7px}
.brand-companies span{color:var(--accent);padding:0 7px}
.topbar-right{display:flex;align-items:center;gap:11px}
.date-top{font-size:12px;color:var(--muted);text-transform:capitalize;white-space:nowrap}
.toolbar-separator{height:19px;width:1px;background:var(--line);margin:0 10px}
.icon-button{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;color:var(--muted);transition:background .18s,color .18s;flex-shrink:0}
.icon-button:hover{color:var(--text);background:var(--surface-raised)}
.icon-button svg{width:18px;height:18px}
.language-button{padding:8px 6px;font-size:11px;font-weight:700;letter-spacing:.6px;white-space:nowrap}
.language-alt{color:var(--subtle);font-weight:450}
.hero{display:grid;grid-template-columns:1.35fr 1fr;min-height:313px;padding:43px 0 33px;align-items:center;position:relative}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:16px}
.brand-mark{height:6px;width:6px;display:block;background:var(--accent);border-radius:1px;transform:rotate(-12deg)}
h1{font-size:clamp(40px,4.5vw,59px);font-weight:610;line-height:1.10;letter-spacing:-2.6px}
.hero-line-two{color:var(--muted)}
.title-stop{display:none}
.hero-description{font-size:13px;line-height:1.65;max-width:450px;color:var(--muted);margin-top:17px}
.hero-meta{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.5px;color:var(--subtle);margin-top:19px}
.meta-number{color:var(--text);font-family:var(--mono);font-size:11px;margin-right:3px}
.meta-dot{width:3px;height:3px;border-radius:50%;background:var(--subtle)}
.hero-visual{height:252px;position:relative;isolation:isolate}
.globe{position:absolute;width:380px;height:281px;right:-6px;top:-22px;z-index:-1;color:#497183;opacity:.57}
:root[data-theme="light"] .globe{color:#7ea4b7;opacity:.63}
.globe-grid{opacity:.58}
.orbit-pulse{animation:pulse-ring 5s ease-out infinite;transform-origin:371px 93px}
@keyframes pulse-ring{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:.7;transform:scale(1.15)}}
.clock-panel{position:absolute;left:38%;top:59px;white-space:nowrap}
.clock-label{font-size:9px;letter-spacing:2px;color:var(--muted)}
.clock-value{font-size:57px;line-height:1.25;letter-spacing:-3px;font-weight:320;font-variant-numeric:tabular-nums}
.utc-line{display:flex;align-items:center;gap:9px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);margin-top:8px}
.utc-chip{font-size:8px;letter-spacing:1px;border:1px solid var(--line-bright);border-radius:4px;padding:2px 4px}
.clock-zone{font-family:var(--mono);font-size:9px;margin-left:3px;color:var(--subtle)}
.visual-caption{position:absolute;bottom:10px;left:29%;display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1.6px;color:var(--subtle);white-space:nowrap}
.mini-line{height:1px;width:27px;background:var(--accent);opacity:.75}
.search-section{margin-top:3px;margin-bottom:25px}
.searchbar{display:flex;gap:14px;align-items:center;min-height:65px;padding:8px 9px 8px 11px;background:var(--surface);border:1px solid var(--line-bright);border-radius:15px;box-shadow:var(--shadow);transition:border-color .18s,box-shadow .18s}
.searchbar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f0246813}
.search-modes{display:flex;align-items:center;gap:2px}
.search-mode{color:var(--subtle);font-size:11px;font-weight:600;padding:10px 13px;display:flex;align-items:center;gap:6px;border-radius:8px;white-space:nowrap}
.search-mode:hover{color:var(--text)}
.search-mode.selected{color:var(--text);background:var(--surface-raised);box-shadow:0 1px 4px #0000000c}
.google-g{font-size:13px;font-weight:750;line-height:1}
.search-divider{width:1px;height:24px;background:var(--line)}
.search-icon{color:var(--subtle)}
.search-icon svg{width:18px;height:18px}
#searchInput{width:100%;min-width:0;background:none;border:0;color:var(--text);outline:none;font-size:14px;padding:10px 0}
#searchInput::placeholder{color:var(--subtle)}
#searchInput:focus-visible{outline:none}
.search-key{font-family:var(--mono);font-size:11px;color:var(--subtle);border:1px solid var(--line-bright);padding:1px 6px;border-radius:4px;margin-right:4px}
.search-go{height:44px;min-width:44px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:white;transition:filter .18s,transform .18s}
.search-go:hover{filter:brightness(1.12);transform:translateX(1px)}
.search-go svg{width:19px;height:19px}
.search-footnote{font-size:10px;color:var(--subtle);margin:8px 0 0 3px;min-height:15px}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.section-heading h2{font-size:20px;line-height:1.25;letter-spacing:-.45px;font-weight:560}
.compact-heading{margin-bottom:12px}
.compact-heading h2{font-size:13px;letter-spacing:.1px;display:flex;align-items:center;gap:8px}
.heading-symbol{color:var(--accent-ink)}
.heading-symbol svg{width:14px;height:14px}
.section-caption{font-size:10px;color:var(--subtle)}
.favorites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.favorite-card{display:flex;align-items:center;gap:13px;min-height:85px;padding:17px 17px;border-radius:13px;background:linear-gradient(125deg,var(--surface-raised),var(--surface));border:1px solid var(--line-bright);position:relative;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}
.favorite-card:before{content:"";position:absolute;height:2px;top:0;left:18px;right:75%;background:var(--icon);opacity:.6}
.favorite-card:hover{transform:translateY(-3px);border-color:var(--icon);box-shadow:var(--shadow)}
.app-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--icon-bg);color:var(--icon);flex-shrink:0}
.app-icon svg{width:20px;height:20px}
.favorite-card .app-icon{height:43px;width:43px;border-radius:12px}
.favorite-copy{min-width:0}
.favorite-copy strong{font-size:15px;font-weight:570;letter-spacing:-.25px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.favorite-copy small{font-size:10px;color:var(--subtle);display:block;margin-top:3px}
.favorite-arrow{margin-left:auto;color:var(--subtle)}
.favorite-arrow svg{width:16px;height:16px}
.favorite-card:hover .favorite-arrow{color:var(--text)}
.favorites-empty{padding:20px;border:1px dashed var(--line-bright);border-radius:12px;grid-column:1/-1;color:var(--muted);font-size:12px}
.tone-blue{--icon:#8ac4f0;--icon-bg:#6098d318}
.tone-rose{--icon:#f884aa;--icon-bg:#e6638e17}
.tone-teal{--icon:#79c9c0;--icon-bg:#61c2b516}
.tone-purple{--icon:#b8a7ed;--icon-bg:#ac8bf015}
.tone-amber{--icon:#dabe84;--icon-bg:#cba76817}
:root[data-theme="light"] .tone-blue{--icon:#32729e;--icon-bg:#eaf3fb}
:root[data-theme="light"] .tone-rose{--icon:#bd3266;--icon-bg:#fcebf2}
:root[data-theme="light"] .tone-teal{--icon:#28796f;--icon-bg:#e9f5f2}
:root[data-theme="light"] .tone-purple{--icon:#7960b7;--icon-bg:#f1edfa}
:root[data-theme="light"] .tone-amber{--icon:#966b27;--icon-bg:#fbf4e8}
.catalog-section{margin-top:36px}
.catalog-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:17px}
.section-eyebrow{color:var(--subtle);font-size:8px;font-weight:600;letter-spacing:1.9px;margin-bottom:7px;text-transform:uppercase}
.catalog-title{font-size:23px;font-weight:590;letter-spacing:-.7px;display:flex;align-items:center;gap:10px;line-height:1.15}
.count-badge{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 6px;letter-spacing:0}
.catalog-controls{display:flex;align-items:center;gap:13px}
.fleet-filters{display:flex;gap:3px;padding:4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px}
.filter,.browser-tab{padding:6px 12px;border-radius:6px;color:var(--muted);font-size:10px;transition:background .18s,color .18s}
.filter:hover,.browser-tab:hover{color:var(--text)}
.filter.selected,.browser-tab.selected{background:var(--surface-raised);color:var(--text);box-shadow:0 2px 6px #0000000c}
.add-button{height:36px;padding:0 11px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:9px;white-space:nowrap;transition:color .18s,border-color .18s}
.add-button:hover{color:var(--text);border-color:var(--line-bright)}
.add-button svg{width:15px;height:15px}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.service-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:13px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;min-width:0}
.service-card:hover{transform:translateY(-3px);background:var(--surface-hover);border-color:var(--line-bright);box-shadow:var(--shadow)}
.service-link{display:flex;flex-direction:column;padding:17px 18px 14px;min-height:143px;border-radius:12px;height:100%}
.service-top{display:flex;align-items:center;gap:11px;padding-right:18px}
.service-title{min-width:0}
.service-title h3{font-weight:570;letter-spacing:-.3px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fleet-tag{font-size:8px;color:var(--subtle);font-weight:600;letter-spacing:.9px;text-transform:uppercase;display:block;margin-top:2px}
.fleet-tag.navomare{color:var(--accent-ink)}
.service-description{font-size:11px;color:var(--muted);margin-top:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.service-bottom{display:flex;align-items:center;gap:4px;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:12px;color:var(--subtle)}
.service-domain{font-family:var(--mono);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.15px}
.service-bottom svg{width:13px;height:13px;color:var(--subtle);flex-shrink:0}
.pin-button{position:absolute;right:9px;top:9px;width:29px;height:29px;color:var(--subtle);display:grid;place-items:center;border-radius:8px;z-index:1;transition:color .18s,background .18s}
.pin-button svg{height:14px;width:14px}
.pin-button:hover{color:var(--accent-ink);background:var(--surface-raised)}
.pin-button.pinned{color:var(--accent-ink)}
.pin-button.pinned svg{fill:currentColor;fill-opacity:.16}
.delete-shortcut{position:absolute;right:9px;top:41px;width:27px;height:25px;color:var(--subtle);display:grid;place-items:center;border-radius:7px;z-index:1}
.delete-shortcut svg{height:12px;width:12px}
.delete-shortcut:hover{background:#f0246815;color:var(--accent-ink)}
.empty-search{text-align:center;padding:35px 20px;background:var(--surface);border:1px dashed var(--line-bright);border-radius:13px}
.empty-icon{display:grid;place-items:center;margin:0 auto 13px;color:var(--subtle)}
.empty-search h3{font-size:16px;margin-bottom:5px;font-weight:550}
.empty-search p{color:var(--muted);font-size:12px;margin-bottom:10px}
.text-button{font-size:11px;color:var(--muted);padding:4px 0;text-underline-offset:4px}
.text-button:hover{color:var(--text);text-decoration:underline}
.recent-section{margin-top:32px}
.recent-actions{display:flex;align-items:center;gap:17px}
.local-label{display:flex;align-items:center;gap:5px;color:var(--subtle);font-size:10px}
.local-label svg{width:12px;height:12px}
.recent-empty{padding:22px 24px;border:1px dashed var(--line-bright);background:var(--surface-soft);border-radius:13px;display:flex;align-items:center;gap:16px}
.recent-empty-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;color:var(--subtle);flex-shrink:0}
.recent-empty-icon svg{width:19px;height:19px}
.recent-empty h3{font-size:12px;font-weight:540;letter-spacing:.1px}
.recent-empty p{font-size:10px;color:var(--subtle);margin-top:4px}
.empty-trail{color:var(--subtle);margin-left:auto;font-size:30px;letter-spacing:4px;padding-left:10px}
.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.recent-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:13px 15px;min-width:0;transition:background .18s,border-color .18s}
.recent-card:hover{background:var(--surface-hover);border-color:var(--line-bright)}
.recent-card .app-icon{width:31px;height:31px;border-radius:9px}
.recent-card .app-icon svg{width:17px;height:17px}
.recent-copy{min-width:0;flex:1}
.recent-copy strong{display:block;font-size:11px;font-weight:540;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-copy small{display:block;font-size:9px;color:var(--subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.relative-time{font-size:8px;color:var(--subtle);white-space:nowrap;align-self:flex-start;margin-top:2px}
.chrome-section{margin-top:30px}
.chrome-consent{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}
.chrome-consent p{font-size:12px;color:var(--muted);max-width:780px;margin-bottom:12px}
.chrome-status{font-size:10px;color:var(--subtle);margin:8px 0}
.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:23px 0 30px;margin-top:35px;color:var(--subtle)}
.footer-brand{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}
.footer-brand svg{width:16px;height:16px;color:var(--subtle)}
.footer-times{color:var(--subtle);padding:0 4px}
.footer-note{font-size:10px;letter-spacing:.15px}
.footer-help{display:flex;align-items:center;gap:6px;font-size:10px}
.footer-help svg{width:12px;height:12px}
.dialog{background:var(--bg-top);color:var(--text);border:1px solid var(--line-bright);border-radius:21px;box-shadow:0 30px 120px #00000070;width:min(550px,calc(100% - 28px));max-height:90dvh;padding:29px;overflow-y:auto}
.dialog::backdrop{background:#020c16a8;backdrop-filter:blur(8px)}
.dialog[open]{animation:dialog-in .2s ease-out}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}
.dialog-header .icon-button{margin:-5px -7px 0 0}
.dialog-header h2{font-size:24px;font-weight:580;line-height:1.25;letter-spacing:-.7px}
.dialog-subtitle{font-size:12px;line-height:1.5;margin-top:7px;color:var(--muted)}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0;border-top:1px solid var(--line);cursor:pointer}
.setting-row strong{font-size:12px;font-weight:550;display:block}
.setting-row small{display:block;color:var(--subtle);font-size:10px;line-height:1.55;margin-top:5px}
.switch{appearance:none;width:36px;height:21px;background:var(--line-bright);border-radius:15px;position:relative;flex-shrink:0;transition:background .2s;cursor:pointer;margin:0}
.switch:before{content:"";width:15px;height:15px;position:absolute;top:3px;left:3px;background:#fff;border-radius:50%;transition:transform .2s}
.switch:checked{background:var(--accent)}
.switch:checked:before{transform:translateX(15px)}
.storage-note{margin-top:15px;font-size:10px;display:flex;gap:7px;align-items:flex-start;color:var(--subtle);padding:12px;border:1px solid var(--line);border-radius:9px}
.storage-note svg{width:13px;height:13px;margin-top:1px}
.revoke-block{border-top:1px solid var(--line);padding-top:19px}
.field-label{font-size:11px;display:block;font-weight:600;margin-bottom:7px}
.form-input{display:block;width:100%;border:1px solid var(--line-bright);background:var(--surface);padding:12px 13px;border-radius:9px;color:var(--text);font-size:13px;margin-bottom:18px}
.form-input::placeholder{color:var(--subtle)}
.fine-print{font-size:10px;line-height:1.6;color:var(--subtle);margin-top:7px}
.form-error{font-size:11px;color:var(--accent-ink);margin-top:9px;min-height:18px}
.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
.primary-button,.secondary-button{padding:10px 15px;font-size:11px;font-weight:550;border-radius:9px;transition:filter .2s,background .2s}
.primary-button{background:var(--accent);color:white}
.primary-button:hover{filter:brightness(1.12)}
.primary-button:disabled{opacity:.5;cursor:wait}
.secondary-button{background:var(--surface-raised);color:var(--text);border:1px solid var(--line-bright)}
.secondary-button:hover{background:var(--surface-hover)}
.privacy-content h3{font-size:13px;margin:19px 0 6px;font-weight:580}
.privacy-content p{font-size:12px;line-height:1.7;color:var(--muted)}
.privacy-content .fine-print{font-size:10px;margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:var(--surface-raised);color:var(--text);border:1px solid var(--line-bright);box-shadow:0 10px 45px #00000038;max-width:calc(100% - 36px);padding:12px 21px;font-size:12px;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:30;background:var(--accent);color:white;padding:10px 15px;border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.no-script{position:fixed;bottom:0;left:0;right:0;background:var(--accent);color:white;padding:14px;text-align:center;z-index:100}
@media(min-width:1600px){.shell{width:1390px;padding:0 50px}.hero{min-height:338px}h1{font-size:65px}.service-link{min-height:148px}}
@media(max-width:1100px){
  .shell{padding:0 28px}.hero{grid-template-columns:1.45fr 1fr}h1{font-size:49px;letter-spacing:-2px}
  .globe{right:-26px;width:340px}.clock-panel{left:32%}.visual-caption{left:18%}
  .services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.favorite-card{padding:14px 13px;gap:10px}
  .favorite-card .app-icon{width:35px;height:35px}.favorite-copy strong{font-size:13px}.favorite-arrow{display:none}
  .catalog-controls{gap:8px}.filter{padding:6px 9px}
}
@media(max-width:820px){
  .shell{padding:0 22px}.date-top,.toolbar-separator{display:none}.topbar{height:91px}.brand{gap:11px}
  .wordmark{font-size:21px}.logo-wrap{width:61px;height:51px}.logo-wrap img{width:58px;height:47px}
  .brand-companies{font-size:7px;letter-spacing:1.6px}.topbar-right{gap:5px}
  .hero{min-height:277px;padding:33px 0 30px;grid-template-columns:1.5fr 1fr}
  h1{font-size:40px;letter-spacing:-1.6px}.eyebrow{font-size:8px;letter-spacing:1.7px}
  .hero-description{font-size:12px;max-width:380px}.hero-meta{font-size:9px}
  .hero-visual{height:210px}.globe{width:290px;height:236px;right:-34px;top:-10px}
  .clock-panel{left:29%;top:65px}.clock-value{font-size:40px;letter-spacing:-2px}.clock-label{font-size:7px;letter-spacing:1.5px}
  .utc-line{font-size:10px;gap:7px}.clock-zone{display:none}.visual-caption{font-size:6px;letter-spacing:1px;left:11%;bottom:9px}
  .searchbar{gap:11px}.search-modes .search-mode{padding:9px 11px}.search-key{display:none}
  .favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-arrow{display:block}.favorite-card{min-height:74px}
  .favorite-card .app-icon{width:37px;height:37px}.favorite-copy strong{font-size:14px}
  .catalog-header{align-items:flex-start;flex-direction:column;gap:14px}.catalog-controls{width:100%;justify-content:space-between}
  .services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-link{padding:14px 13px 12px}
  .service-top{gap:8px}.service-title h3{font-size:12px}.app-icon{width:31px;height:31px}.app-icon svg{width:17px;height:17px}
  .service-description{font-size:10px}.service-domain{font-size:8px}.fleet-tag{font-size:7px}
  .recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-note{display:none}
}
@media(max-width:560px){
  .shell{padding:0 18px}.topbar{height:86px;gap:7px}.wordmark{font-size:18px;letter-spacing:-.6px}
  .brand-companies{font-size:6px;letter-spacing:1.35px}.brand-companies span{padding:0 3px}
  .logo-wrap{width:51px;height:45px;border-radius:10px}.logo-wrap img{width:50px;height:40px}.brand{gap:9px}
  .topbar-right{gap:1px}.icon-button{width:31px;height:33px}.icon-button svg{height:16px;width:16px}
  .language-button{font-size:9px;padding:6px}.language-alt{display:none}
  .hero{min-height:265px;grid-template-columns:1fr;padding:30px 0 23px}
  .hero-copy{max-width:100%}.hero-visual{position:absolute;top:0;right:-10px;width:165px;height:190px;opacity:.2;pointer-events:none}
  .globe{width:235px;height:211px;right:-70px;top:-5px;opacity:.5}.clock-panel,.visual-caption{display:none}
  h1{font-size:42px;letter-spacing:-1.9px}.hero-description{font-size:12px;max-width:300px;margin-top:15px}
  .eyebrow{font-size:8px;margin-bottom:14px}.hero-meta{margin-top:16px}
  .search-section{margin-top:0;margin-bottom:21px}.searchbar{gap:9px;padding:7px;min-height:58px;border-radius:12px}
  .search-modes{gap:1px}.search-mode{font-size:9px!important;padding:8px 7px!important}.google-g{display:none}
  .search-divider{height:20px}.search-icon{display:none}#searchInput{font-size:11px;min-width:30px}
  .search-go{height:37px;min-width:34px;border-radius:8px}.search-go svg{width:16px;height:16px}
  .search-footnote{font-size:8px}
  .section-caption{font-size:8px;max-width:145px;text-align:right}.compact-heading h2{font-size:12px;gap:6px}
  .favorites-grid{gap:9px}.favorite-card{padding:12px;gap:9px;min-height:73px}.favorite-card .app-icon{height:32px;width:32px;border-radius:9px}
  .favorite-copy strong{font-size:13px}.favorite-copy small{font-size:8px}.favorite-arrow svg{width:12px;height:12px}
  .catalog-section{margin-top:30px}.catalog-title{font-size:21px}.catalog-controls{gap:8px}
  .fleet-filters{padding:3px;gap:0}.filter,.browser-tab{font-size:9px;padding:6px 9px}
  .add-button{font-size:9px;padding:0 8px;height:33px;gap:3px}.add-button svg{width:13px;height:13px}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .service-link{min-height:138px;padding:13px 12px 11px}.service-top{gap:8px;align-items:center;padding-right:12px}
  .service-title h3{font-size:12px;letter-spacing:-.25px}.app-icon{height:28px;width:28px;border-radius:8px}
  .app-icon svg{height:16px;width:16px}.fleet-tag{font-size:6px;letter-spacing:.6px}
  .service-description{font-size:9px;margin-top:13px;white-space:normal;line-height:1.5;min-height:27px}
  .service-bottom{margin-top:8px;padding-top:8px}.service-domain{font-size:7px;letter-spacing:-.2px}.service-bottom svg{height:11px;width:11px}
  .pin-button{right:4px;top:5px;width:25px;height:25px}.pin-button svg{width:12px;height:12px}
  .section-heading h2{font-size:18px}.compact-heading h2{font-size:12px}
  .recent-actions{gap:9px}.local-label{font-size:8px;gap:4px}.local-label svg{width:10px;height:10px}
  .recent-section{margin-top:27px}.section-eyebrow{font-size:7px;letter-spacing:1.5px}
  .recent-empty{padding:17px 15px;gap:12px}.recent-empty h3{font-size:11px}.recent-empty p{font-size:9px;line-height:1.7}
  .recent-empty-icon{width:33px;height:33px;border-radius:9px}.empty-trail{display:none}
  .recent-grid{grid-template-columns:1fr}.recent-card{padding:12px}.relative-time{font-size:9px}
  .footer{margin-top:26px;padding:20px 0 24px}.footer-brand,.footer-help{font-size:9px}
  .dialog{padding:22px}.dialog-header h2{font-size:23px}.setting-row{gap:15px}
  .chrome-section>.section-heading{flex-direction:column;align-items:flex-start}.chrome-consent{padding:18px;align-items:flex-start;gap:12px}
  .chrome-consent p{font-size:11px}.chrome-consent .recent-empty-icon{display:none}
}
@media(max-width:360px){
  .shell{padding:0 12px}.logo-wrap{display:none}.topbar{height:76px}h1{font-size:36px}
  .search-modes{flex-direction:column;gap:0}.search-mode{padding:3px 5px!important}.searchbar{gap:8px}
  .favorite-copy strong{font-size:12px}.favorite-arrow{display:none}
  .catalog-controls{flex-wrap:wrap}.filter{font-size:9px}.service-link{padding:12px 9px}.service-top{gap:6px}.service-title h3{font-size:11px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.ambient,.search-section,.favorites-section,.recent-section,.chrome-section,.topbar-right,.catalog-controls,.pin-button,.delete-shortcut,.footer-help,.hero-visual{display:none!important}body{background:white;color:black}.shell{width:100%;padding:0}.service-card{break-inside:avoid;background:white;border-color:#ccc}.services-grid{grid-template-columns:repeat(3,1fr)}.service-description,.service-domain,.fleet-tag{color:#333}.service-link{min-height:130px}.hero{min-height:0;padding:20px 0}h1{font-size:32px}.hero-description{color:#333}.service-title h3{color:black}}

/* Final responsive refinements. */
.service-description{font-size:12px}
.service-domain{font-size:10px}
@media(max-width:820px){.service-description{font-size:11px}.service-domain{font-size:9px}}
@media(max-width:560px){
  .hero{overflow:hidden}
  .service-description{font-size:10px}
  .service-domain{font-size:8px}
  #searchInput{font-size:12px}
}

/* Contain the decorative orbit at tablet widths as well. */
.hero{overflow:clip}

/* Do not interpolate card backgrounds across a theme switch. */
.changing-theme *{transition:none!important}

/* Header application shortcuts. Icons are inline, with no remote asset requests. */
.topbar-right{min-width:0;flex-shrink:0}
.quick-apps{display:flex;align-items:center;gap:7px;margin:-3px 10px -3px 0;padding:3px 0;flex-shrink:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.quick-apps::-webkit-scrollbar{display:none}
.quick-app{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:var(--surface-raised);border:1px solid var(--line);color:var(--text);flex-shrink:0;transition:transform .18s,background .18s,border-color .18s}
.quick-app:hover{transform:translateY(-2px);border-color:var(--line-bright);background:var(--surface-hover)}
.quick-app svg,.quick-app img{width:20px;height:20px;display:block;flex-shrink:0;pointer-events:none}
.quick-app img{object-fit:contain}
.quick-app[aria-label="ChartCo FleetManager"]{color:var(--cyan)}
@media(max-width:1100px){
  .topbar{gap:16px}
  .topbar-right{gap:7px}
  .quick-apps{gap:5px;margin-right:5px;max-width:45vw}
  .toolbar-separator{margin:0 5px}
}
@media(max-width:820px){
  .quick-apps{gap:5px;margin-right:7px}
  .topbar-right{gap:5px}
}
@media(max-width:620px){
  .topbar{height:auto;min-height:112px;padding:16px 0 12px;flex-wrap:wrap;row-gap:13px}
  .brand{width:100%;justify-content:flex-start}
  .topbar-right{width:100%;justify-content:flex-end;gap:5px}
  .quick-apps{margin-right:auto;gap:7px;max-width:none;flex:1}
  .quick-app{width:36px;height:36px}
  .quick-app svg,.quick-app img{width:19px;height:19px}
  .topbar-right .icon-button{width:36px;height:36px}
}

/* Workspace tabs and dedicated vessel tools view */
.topbar{position:relative}
.workspace-tab-button{
  position:absolute;
  left:280px;
  top:100%;
  z-index:12;
  width:188px;
  height:54px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
}
.workspace-tab-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.workspace-tab-fill{fill:var(--bg-top)}
.workspace-tab-stroke{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.workspace-tab-content{position:absolute;left:28px;right:28px;top:5px;height:42px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:650;letter-spacing:.15px;color:var(--muted);transition:color .18s}
.workspace-tab-button:hover .workspace-tab-content{color:var(--text)}
.workspace-tab-button.active .workspace-tab-fill{fill:var(--surface-raised)}
.workspace-tab-button.active .workspace-tab-content{color:var(--text)}
.workspace-tab-icon{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;color:var(--cyan)}
.workspace-tab-node{fill:var(--accent);stroke:none}
.tools-view{padding:55px 0 70px;min-height:calc(100vh - 107px)}
.tools-view[hidden]{display:none}
.tools-view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:27px;border-bottom:1px solid var(--line)}
.tools-view-head h1{font-size:42px;line-height:1.05;letter-spacing:-1.6px;margin-top:8px}
.tools-view-head>div>p:last-child{margin-top:10px;color:var(--muted);font-size:12px}
.tools-back{flex-shrink:0}
.mikrotik-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.mikrotik-card{padding:22px;border:1px solid var(--line-bright);border-radius:16px;background:var(--surface)}
.mikrotik-card-head{display:flex;align-items:center;gap:14px;padding-bottom:19px}
.mikrotik-number{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--surface-raised);border:1px solid var(--line-bright);font-size:15px;font-weight:750;color:var(--cyan)}
.mikrotik-card h2{font-size:18px;font-weight:620}
.mikrotik-card-head p{font-size:10px;color:var(--subtle);margin-top:4px}
.mikrotik-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mikrotik-actions a{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-raised);color:var(--text);text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.mikrotik-actions a:hover{background:var(--surface-hover);border-color:var(--line-bright);transform:translateY(-1px)}
.mikrotik-actions .mikrotik-action-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:9px;background:var(--surface-soft);border:1px solid var(--line);color:var(--cyan)}
.mikrotik-action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mikrotik-action-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.mikrotik-actions strong{font-size:12px;font-weight:650}
.mikrotik-actions .mikrotik-action-copy>span{font-size:9px;color:var(--subtle)}
body.tools-mode .footer{display:none}
@media(max-width:820px){.workspace-tab-button{left:170px;width:176px;height:51px}.tools-view{padding-top:35px}.mikrotik-grid{grid-template-columns:1fr}.tools-view-head h1{font-size:34px}}
@media(max-width:560px){.tools-view-head{align-items:flex-start;flex-direction:column}.tools-view-head h1{font-size:30px}.mikrotik-actions{grid-template-columns:1fr}.workspace-tab-button{left:70px;width:164px;height:48px}.workspace-tab-content{left:25px;right:25px;top:4px;height:38px;font-size:9px}.workspace-tab-icon{width:14px;height:14px}}