/* Entirely scoped to the native node page. Existing map and data behavior remain untouched. */
.beup-node-shell.v-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.beup-node-shell>.v-card-item{display:none}
.beup-node-shell>.v-card-text{padding:0!important}
.beup-node-surface{--ns-ink:#254d54;--ns-muted:#768f94;--ns-line:#d9e9eb;--ns-soft:#f6fbfb;--ns-primary:#4f9fad;--ns-deep:#267988;--ns-green:#36ad79;--ns-red:#dc786a;color:var(--ns-ink);padding:8px 4px 24px}
.beup-node-surface .beup-node-heading{color:var(--ns-ink);font-size:22px;font-weight:650;line-height:1.45;letter-spacing:.5px;margin:0 0 20px}
.beup-node-surface .v-container{max-width:none;padding:0!important}
.beup-node-surface .beup-node-stats>.v-row,.beup-node-surface .beup-node-cards>.v-row{display:grid;margin:0!important;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.beup-node-surface .beup-node-stats>.v-row>div,.beup-node-surface .beup-node-cards>.v-row>div{width:auto;max-width:100%;padding:0!important;flex:none;min-width:0}
.beup-node-surface .v-card.stat-card{border:1px solid var(--ns-line)!important;border-radius:12px!important;background:linear-gradient(110deg,#eef8f8,rgba(255,255,255,.8))!important;box-shadow:none!important;transform:none!important}
.beup-node-surface .stat-card .v-card-text{padding:18px 22px!important;align-items:flex-start!important;gap:8px;flex-direction:column-reverse!important}
.beup-node-surface .stat-card .text-h4{font-size:32px!important;line-height:1.15!important;font-weight:650!important;letter-spacing:-.8px!important;font-variant-numeric:tabular-nums;color:var(--ns-ink)}
.beup-node-surface .stat-card .text-subtitle-1{font-size:12px!important;line-height:1.5!important;letter-spacing:.2px;font-weight:500!important;color:var(--ns-muted)}
.beup-node-surface .stat-card .text-success{color:var(--ns-green)!important}
.beup-node-surface .stat-card .text-error{color:var(--ns-red)!important}
.beup-node-surface .stat-card .text-primary{color:var(--ns-deep)!important}
.beup-node-surface .beup-global-map{margin:24px 0;border-radius:12px}
.beup-node-surface .beup-node-filters{margin:0 0 24px!important;padding:20px!important;background:var(--ns-soft);border:1px solid var(--ns-line);border-radius:12px}
.beup-node-surface .beup-node-filters>.v-row{margin:0!important;gap:8px}
.beup-node-surface .beup-node-filters>.v-row>div{padding:0!important;max-width:100%}
.beup-node-surface .v-card.region-card{border:1px solid var(--ns-line)!important;border-radius:8px!important;background:#ffffffb3;box-shadow:none!important;color:#54767d;transform:none!important;transition:background-color .15s,border-color .15s,color .15s!important;min-height:40px}
.beup-node-surface .region-card .v-card-text{display:flex;align-items:center;justify-content:center;gap:0;padding:10px 12px!important;min-height:40px;font-size:12px;line-height:18px;letter-spacing:0;font-weight:500;white-space:normal;overflow-wrap:anywhere}
.beup-node-surface .v-card.region-card:hover{background:#edf7f7!important;border-color:#a5cfd3!important}
.beup-node-surface .v-card.region-card.selected{background:#e2f2f2!important;border-color:#8abfc6!important;color:var(--ns-deep)!important}
.beup-node-surface .region-card.selected .v-card-text{font-weight:650}
.beup-node-surface .region-card .country-flag{width:16px;height:12px;border:0;border-radius:2px;flex-shrink:0;margin-right:7px!important}
.beup-node-surface .v-card.clickable-card{display:flex;flex-direction:column;min-width:0;min-height:148px;border:1px solid var(--ns-line)!important;border-radius:12px!important;box-shadow:none!important;background:linear-gradient(110deg,#f2f9f9,#fff)!important;color:var(--ns-ink);transform:none!important;transition:background-color .15s,border-color .15s!important}
.beup-node-surface .v-card.clickable-card:hover{border-color:#91c4ca!important;background:#edf7f7!important;transform:none!important}
.beup-node-surface .clickable-card .v-card-title{padding:18px 18px 12px!important;align-items:flex-start!important;gap:0;font-size:14px!important;font-weight:600;line-height:1.6;white-space:normal!important;overflow:visible!important;letter-spacing:0}
.beup-node-surface .clickable-card .v-card-title .text-truncate{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;min-width:0}
.beup-node-surface .clickable-card .v-card-title .country-flag{width:19px;height:14px;border:0;border-radius:2px;flex-shrink:0;margin-top:4px;margin-right:9px!important}
.beup-node-surface .clickable-card .v-card-text{padding:0 18px 16px!important;display:flex;flex-direction:column;justify-content:flex-end;flex:1}
.beup-node-surface .clickable-card .v-card-text>.v-row{margin:0!important;border-top:1px solid #e2eeee;padding-top:12px;flex:0;color:var(--ns-muted);font-size:12px;line-height:1.5}
.beup-node-surface .clickable-card .v-chip.status-chip{height:25px!important;border-radius:6px;font-size:11px!important;line-height:1;font-weight:500;padding:0 8px}
.beup-node-surface .clickable-card .v-chip.status-chip .v-chip__underlay{display:none}
.beup-node-surface .clickable-card .v-chip.status-chip.text-success{background:#e8f6ef;color:#369572!important}
.beup-node-surface .clickable-card .v-chip.status-chip.text-error{background:#fceeea;color:#be6a5e!important}
.beup-node-surface .status-chip .v-chip__content:before{content:"";width:5px;height:5px;flex-shrink:0;background:currentColor;border-radius:50%;margin-right:5px}
.beup-node-surface .clickable-card .v-card-text>.mt-3{margin-top:10px!important;gap:6px}
.beup-node-surface .clickable-card .v-chip:not(.status-chip){border:1px solid #d4e7e9;border-radius:5px;background:#edf6f7;color:#5a939d!important;height:22px;font-size:10px;line-height:1;padding:0 7px}
.beup-node-surface .clickable-card .v-chip:not(.status-chip) .v-chip__outline{display:none}
.beup-node-surface :is(.region-card,.clickable-card):focus-visible{outline:2px solid var(--ns-deep)!important;outline-offset:3px}
.beup-node-surface .v-card__overlay{opacity:0!important}
@media(max-width:1450px){.beup-node-surface .beup-node-cards>.v-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.beup-node-surface .beup-node-cards>.v-row{grid-template-columns:repeat(2,minmax(0,1fr))}.beup-node-surface .stat-card .v-card-text{padding:16px!important}}
@media(max-width:680px){.beup-node-surface{padding:4px 0 16px}.beup-node-surface .beup-node-heading{font-size:20px;margin-bottom:16px}.beup-node-surface .beup-node-stats>.v-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.beup-node-surface .stat-card .v-card-text{padding:15px 17px!important;gap:6px}.beup-node-surface .stat-card .text-h4{font-size:28px!important}.beup-node-surface .beup-global-map{margin:18px 0}.beup-node-surface .beup-node-filters{padding:13px!important;margin-bottom:18px!important}.beup-node-surface .beup-node-filters>.v-row{gap:7px}.beup-node-surface .region-card .v-card-text{padding:10px!important;font-size:12px}.beup-node-surface .beup-node-cards>.v-row{grid-template-columns:1fr;gap:12px}.beup-node-surface .clickable-card .v-card-title{padding:16px 17px 11px!important}.beup-node-surface .clickable-card .v-card-text{padding:0 17px 15px!important}.beup-node-surface .v-card.clickable-card{min-height:139px}}
@media(prefers-reduced-motion:reduce){.beup-node-surface .v-card{transition:none!important}}
