.live-connection{display:grid;gap:24px;min-width:0;color:var(--ink,#132e2c)}
.live-content{display:grid;gap:24px;min-width:0}
.live-connection>*{min-width:0}
.live-connection>.section-heading{display:block}
.live-connection>.section-heading h1{overflow-wrap:anywhere}
.live-connection .panel{padding:24px;min-width:0;box-sizing:border-box}
.live-connection .panel h2{margin-top:0}.live-connection p{overflow-wrap:anywhere}
.live-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:#edf6ef;border:1px solid #d6e8db;border-radius:18px}
.live-tabs[hidden]{display:none}.live-tabs .btn{flex:1 1 150px;min-height:46px}
.live-tabs .is-active{color:#fff;background:#007d49;border-color:#007d49;box-shadow:0 3px 10px #075a3926}
.live-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-block:20px 8px}
.live-field{display:grid;gap:7px;min-width:0;font-size:14px;font-weight:600;color:#304e43;flex:1 1 240px}
.live-field select{width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;box-sizing:border-box;background:#fff;border:1px solid #c4d8cb;border-radius:10px;color:#132e2c;font:inherit;text-overflow:ellipsis}
.live-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px}
.live-metric-grid .metric{display:grid;align-content:start;gap:6px;min-width:0;overflow-wrap:anywhere}.live-metric-grid .metric-label{display:block;line-height:1.5}.live-metric-grid .metric-value{display:block}.live-metric-grid .metric-value{font-size:clamp(20px,2vw,30px);line-height:1.3}
.live-coverage{display:flex;flex-wrap:wrap;gap:9px;margin-block:16px}.live-coverage span{padding:8px 12px;border:1px solid #d7e6dc;border-radius:999px;background:#f4faf5;font-size:13px;color:#294e3c}
.live-connection .table-wrap{max-width:100%;min-width:0;margin-block:16px}.live-connection table{font-size:13px}.live-connection th,.live-connection td{padding:11px 14px;vertical-align:top}
.live-route-map{display:block;width:100%;height:auto;min-height:200px;max-height:330px;border:1px solid #dce9e1;border-radius:14px;background:linear-gradient(135deg,#f1f8f3,#fff)}
.live-facts{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:12px 24px;margin-block:20px}.live-facts dt{font-weight:600;color:#466455}.live-facts dd{margin:0;overflow-wrap:anywhere}
.live-connection button:focus-visible,.live-connection summary:focus-visible,.live-connection select:focus-visible{outline:3px solid #d49a3b;outline-offset:4px}
body[data-mode="demo"] .main-nav .private-server-link{display:none}
@media(max-width:640px){.live-connection,.live-content{gap:18px}.live-connection .panel{padding:18px}.live-tabs{gap:6px;padding:6px}.live-tabs .btn{flex-basis:calc(50% - 6px);font-size:13px;padding-inline:10px}.live-facts{grid-template-columns:1fr;gap:4px}.live-facts dd{margin-bottom:12px}.live-controls{gap:12px}.live-connection .button-row{gap:10px;flex-wrap:wrap}}

.live-family-management {margin-top:18px;padding:18px 22px;border:1px solid #c8dfd1;border-radius:22px;background:linear-gradient(130deg,#fff,#f1faf4);box-shadow:inset 0 2px 0 #fff,0 12px 24px -24px #23553c}
.live-family-management summary {font-weight:700;color:#175736;cursor:pointer}
.live-family-management form {display:grid;gap:14px;margin-top:16px}
.live-family-management label {display:grid;gap:8px;color:#244d38;font-size:14px}
.live-family-management textarea {width:100%;min-width:0;box-sizing:border-box;border:1px solid #adc8b8;border-radius:14px;background:#fff;color:#163d2a;padding:13px;resize:vertical;font:14px/1.5 ui-monospace,monospace}
.live-family-management>p {margin-top:14px;line-height:1.6}

/* Existing app multipark: pearl panels, readable emerald hierarchy. */
.live-parks{display:grid;gap:24px;min-width:0;color:#173f36}
.live-parks-hero{position:relative;padding:clamp(24px,4vw,48px);border-radius:32px;border:1px solid #cce8d8;background:radial-gradient(ellipse at 90% 0,#b7ebc880,transparent 60%),linear-gradient(135deg,#fff 15%,#edfaf2 70%,#d8f2e3);box-shadow:inset 0 2px 0 #fff,0 16px 38px #135c3d12;overflow:hidden}
.live-parks-hero h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.045em;margin:12px 0 16px;max-width:800px;line-height:1.1}
.live-parks-hero p{max-width:760px;margin-bottom:24px;color:#395e52}
.live-parks-catalogue{display:grid;gap:24px}.live-parks-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.live-parks-total{display:grid;gap:8px;padding:24px;border-radius:26px;border:1px solid #cfe7da;background:linear-gradient(140deg,#fff,#eff9f2);box-shadow:inset 0 2px 2px #fff,0 8px 24px #154e3210}.live-parks-total strong{font-size:38px;line-height:1;color:#087248}.live-parks-total span{color:#35594e}
.live-parks-group,.live-parks-detail:not(:empty){padding:clamp(18px,3vw,30px);border:1px solid #cde4d7;border-radius:30px;background:linear-gradient(130deg,#fff,#f4fcf7);box-shadow:inset 0 2px 0 #fff,0 12px 32px #144e3210;min-width:0}
.live-parks-group h3,.live-parks-detail h3{margin:0;font-size:26px}.live-parks-group .section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.live-parks-cars{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.live-parks-car{display:grid;position:relative;gap:10px;text-align:left;min-width:0;padding:24px;border-radius:24px;border:1px solid #c8e4d4;background:linear-gradient(150deg,#fff 35%,#e8f6ed);box-shadow:inset 0 2px 1px #fff,0 6px 16px #164a3210;color:#173f36;cursor:pointer;font:inherit;transition:transform .18s,box-shadow .18s}
.live-parks-car:hover,.live-parks-car.is-active{transform:translateY(-2px);border-color:#199663;box-shadow:inset 0 2px 1px #fff,0 10px 22px #14855120}.live-parks-car:focus-visible{outline:3px solid #02834f;outline-offset:3px}.live-parks-car strong{font-size:22px;overflow-wrap:anywhere}.live-parks-car-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;color:white;font-size:26px;background:linear-gradient(145deg,#77d779,#00995e 55%,#006239);box-shadow:inset 0 1px 2px #eaffc9,0 4px 8px #007a4833}.live-parks-car-link{color:#00784b;font-weight:650}
.live-parks-detail-title{display:grid;gap:10px;margin-bottom:18px}.live-parks-detail-title button{justify-self:start;margin-top:10px}.live-parks-pids{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin:22px 0}
.live-parks-pid{display:grid;align-content:space-between;gap:12px;min-width:0;padding:20px;border-radius:22px;border:1px solid #cfe7d8;background:linear-gradient(135deg,#fff,#e8f7ee);box-shadow:inset 0 2px 1px #fff}.live-parks-pid span{color:#37594f;font-size:14px}.live-parks-pid strong{font-size:24px;overflow-wrap:anywhere;color:#076e48}
.live-parks-timelines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.live-parks-history{min-width:0}.live-parks-history h4{font-size:20px;margin:0 0 18px}.live-parks-event{position:relative;padding:0 0 20px 22px;margin-left:4px;border-left:2px solid #bbdfcd;overflow-wrap:anywhere}.live-parks-event:before{content:'';position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#17905d;box-shadow:0 0 0 4px #edf8f1}.live-parks-event time{display:block;font-size:13px;margin-bottom:6px}.live-parks-event strong{display:block}.live-parks-event p{margin:8px 0;color:#36564c}
@media(max-width:620px){.live-parks-totals{grid-template-columns:1fr;gap:10px}.live-parks-total{grid-template-columns:52px 1fr;align-items:center;padding:18px}.live-parks-total strong{font-size:30px}.live-parks-timelines{grid-template-columns:1fr}.live-parks-hero{border-radius:26px}.live-parks-group,.live-parks-detail:not(:empty){border-radius:24px}}
@media(prefers-reduced-motion:reduce){.live-parks-car{transition:none}.live-parks-car:hover{transform:none}}