/* Public Kompass theme. The existing dial geometry and functional states remain in kompass.css. */
#ss-space.ss-kompass { box-sizing:border-box; --text:#f2f3f5; --muted:#bac2cf; --mint:#72e6bc; --gold:#f2c96f; --coral:#ff8d7a; --blue:#76b8ff; }
#ss-space .kompass-shell { width:100%; max-width:1120px; margin:0 auto; padding:64px 0 44px; flex:1; }
#ss-space .kompass-home,#ss-space .kompass-layout { min-height:0; gap:32px; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:start; padding:0; }
#ss-space .kompass-copy { padding:24px; border:1px solid #38404d; border-radius:7px; background:#0a0e15; }
#ss-space .kompass-copy h1 { margin:0 0 16px; font:400 clamp(28px,3.4vw,40px)/1.15 Arial,Helvetica,sans-serif; letter-spacing:-.5px; overflow-wrap:anywhere; }
#ss-space .kompass-copy .eyebrow { margin:0 0 10px; color:#aeb9c9; font-size:12px; letter-spacing:.5px; }
#ss-space .kompass-copy .lede { margin-bottom:0; font-size:15px; line-height:1.65; }
#ss-space .kompass-copy .kompass-note { margin:18px 0 0; font-weight:400; }
#ss-space .compass-panel,#ss-space .route-tile { background:#0a0e15; border-color:#38404d; border-radius:7px; box-shadow:0 20px 60px #0003; }
#ss-space .category-picker summary { font-size:18px; font-weight:400; align-items:center; min-height:36px; }
#ss-space .category-picker summary small { font-size:12px; font-weight:400; flex-shrink:0; }
#ss-space .category-picker summary:focus-visible { outline:2px solid #b5d6ff; outline-offset:4px; }
#ss-space .public-point { background:#101722; border-color:#2c3746; border-radius:4px; padding:13px 14px; overflow-wrap:anywhere; }
#ss-space a.public-point:hover { background:#1c2532; border-color:#76869b; }
#ss-space .public-point strong { font-weight:500; }
#ss-space .public-point span { font-size:13px; font-weight:400; }
#ss-space .primary-action,#ss-space .secondary-action { font:400 14px/1.4 Arial,Helvetica,sans-serif; min-height:44px; border-radius:4px; padding:10px 15px; text-align:center; }
#ss-space .primary-action { background:#e2e7ed; color:#10151d; border-color:#e2e7ed; }
#ss-space .primary-action:hover { background:#fff; color:#10151d; }
#ss-space .secondary-action { background:transparent; border-color:#89929f; color:#e9edf5; }
#ss-space .secondary-action:hover { background:#1c2532; }
#ss-space .route-actions { padding:0; align-items:center; }
#ss-space .route-actions > span { font-size:13px; color:#aeb9c9; }
#ss-space .compass-unit-fused { width:100%; }
#ss-space .compass-unit-fused h2 { font-size:15px; letter-spacing:0; margin:0; }
#ss-space .compass-unit-fused p { font-size:13px; margin:0; }
#ss-space .compass-dial { background:radial-gradient(circle,#152230,#0b121c 65%,#162330); border-color:#4b5b70; }
#ss-space .compass-center { background:#0a111b; }
#ss-space .guidance-line { background:#101c29; color:#e0eaf6; border-color:#354b65; font-size:16px; line-height:1.45; font-weight:400; min-height:0; }
#ss-space .kompass-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
#ss-space .kompass-stats div { background:#101722; border-color:#2c3746; border-radius:4px; min-height:0; }
#ss-space .kompass-stats dt { text-transform:none; font-size:12px; font-weight:400; }
#ss-space .kompass-stats dd { font-size:15px; font-weight:400; }
#ss-space .status-line { margin-top:18px; font-size:13px; }
#ss-space .route-card { background:#18201f; border-color:#496559; }
#ss-space .route-card h2 { font-size:20px; }
#ss-space .route-card input { width:100%; min-width:0; min-height:44px; color:#f2f3f5; background:#101722; border:1px solid #6f7d91; border-radius:4px; padding:10px; font:400 16px Arial,Helvetica,sans-serif; }
#ss-space [hidden] { display:none !important; }
#ss-space .orientation-lock { background:#0a0e15; }
#ss-space .ss-footer { padding-top:12px; }
@media(max-width:820px){
  #ss-space .kompass-home,#ss-space .kompass-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
  #ss-space .kompass-shell { max-width:600px; padding:32px 0; }
  #ss-space .kompass-copy { padding:20px; }
}
@media(max-width:400px){
  #ss-space .compass-panel { padding:14px; }
  #ss-space .kompass-actions { gap:8px; }
  #ss-space .primary-action,#ss-space .secondary-action { padding:10px 12px; }
  #ss-space .category-picker summary { align-items:flex-start; }
}