/* VoyaPlan V124.0.0 – gemeinsames Reiseansicht-Polish für Backend + öffentliche Ansicht
   Keine Felder, Reihenfolgen oder Funktionen geändert. */

.trip-shared-view{
  --vp123-navy:#12384c;
  --vp123-text:#27495a;
  --vp123-muted:#7b919c;
  --vp123-line:#dfe9ed;
  --vp123-soft:#f6fafb;
  --vp123-teal:#0da5ba;
  --vp123-teal-soft:#eaf8fa;
  --vp123-shadow:0 16px 42px rgba(18,56,76,.075);
}

/* Hero: stärkere Reiseatmosphäre, ohne Inhalt umzubauen */
.trip-shared-view .trip-demo-hero{
  border-radius:26px!important;
  overflow:hidden;
  box-shadow:0 22px 48px rgba(11,45,64,.16)!important;
}
.trip-shared-view .trip-demo-hero>img{
  filter:saturate(1.04) contrast(1.025);
  transform:scale(1.002);
}
.trip-shared-view .trip-demo-hero-shade{
  background:linear-gradient(180deg,rgba(4,22,36,.12) 0%,rgba(4,24,39,.20) 36%,rgba(3,19,31,.76) 100%)!important;
}
.trip-shared-view .trip-demo-hero-copy{
  text-shadow:0 2px 12px rgba(0,0,0,.26);
}
.trip-shared-view .trip-demo-hero-copy h1{
  letter-spacing:-.035em;
}
.trip-shared-view .vp104-hero-meta>span,
.trip-shared-view .trip-demo-hero-meta>span{
  box-shadow:0 7px 18px rgba(0,0,0,.12);
}
.trip-shared-view .vp105-country-top{
  border:1px solid rgba(255,255,255,.16);
}

/* Sticky Navigation etwas wertiger */
.trip-shared-view .trip-dashboard-nav{
  border:1px solid rgba(216,231,235,.9);
  box-shadow:0 10px 28px rgba(20,60,76,.075)!important;
}
.trip-shared-view .trip-dashboard-nav a{
  border-radius:11px;
}
.trip-shared-view .trip-dashboard-nav a.active{
  box-shadow:inset 0 0 0 1px rgba(13,165,186,.08);
}

/* Allgemeine Abschnitte: mehr Tiefe, aber keine neuen Boxen */
.trip-shared-view .trip-demo-section{
  position:relative;
}
.trip-shared-view .trip-demo-card{
  border:1px solid var(--vp123-line)!important;
  border-radius:22px!important;
  box-shadow:var(--vp123-shadow)!important;
  background:linear-gradient(180deg,#fff 0%,#fcfefe 100%)!important;
}
.trip-shared-view .trip-demo-card:before{
  content:"";
  position:absolute;
  left:24px;right:24px;top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,rgba(13,165,186,.74),rgba(13,165,186,.08));
  pointer-events:none;
}
.trip-shared-view .trip-section-heading{
  padding-bottom:15px;
  margin-bottom:6px;
  border-bottom:1px solid #edf3f5;
}
.trip-shared-view .trip-section-heading>div>span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 8px;
  border-radius:999px;
  background:var(--vp123-teal-soft);
  color:#088da1!important;
  letter-spacing:.095em!important;
}
.trip-shared-view .trip-section-heading h2{
  letter-spacing:-.025em;
}
.trip-shared-view .trip-section-heading>b{
  background:#f4f8f9;
  border:1px solid #e1ebee;
  border-radius:999px;
  padding:7px 10px;
}

/* Statistik-Karten: ruhiger, homogener, etwas mehr visuelle Fülle */
.trip-shared-view .trip-dashboard-stats{
  gap:14px!important;
}
.trip-shared-view .trip-dashboard-stats>article{
  position:relative;
  overflow:hidden;
  border:1px solid #dfeaed!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff 0%,#f7fbfc 100%)!important;
  box-shadow:0 10px 28px rgba(22,66,82,.055)!important;
  min-height:104px;
}
.trip-shared-view .trip-dashboard-stats>article:after{
  content:"";
  position:absolute;
  width:74px;height:74px;
  right:-24px;bottom:-26px;
  border-radius:50%;
  background:rgba(13,165,186,.055);
}
.trip-shared-view .trip-stat-icon{
  box-shadow:0 7px 18px rgba(13,165,186,.10);
}
.trip-shared-view .trip-dashboard-stats strong{
  color:var(--vp123-navy);
  letter-spacing:-.02em;
}

/* Cockpit: dezente Glas-/Editorialwirkung */
.trip-shared-view .vp104-next-card,
.trip-shared-view .vp104-mini-card{
  border:1px solid #dce9ed!important;
  box-shadow:0 11px 28px rgba(24,68,84,.06)!important;
  background:linear-gradient(180deg,#fff,#fafdfe)!important;
}
.trip-shared-view .vp104-next-card{
  position:relative;
  overflow:hidden;
}
.trip-shared-view .vp104-next-card:after{
  content:"";
  position:absolute;
  right:-28px;top:-34px;
  width:112px;height:112px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(13,165,186,.13),rgba(13,165,186,0) 70%);
  pointer-events:none;
}
.trip-shared-view .vp104-mini-card strong{
  font-size:28px!important;
  letter-spacing:-.035em;
}

/* Route: mehr visuelle Führung */
.trip-shared-view .trip-route-track{
  padding-top:18px!important;
}
.trip-shared-view .trip-route-track article{
  border:1px solid #e1ecef!important;
  border-radius:16px!important;
  background:#fbfdfe!important;
  box-shadow:0 7px 18px rgba(18,56,76,.04);
}
.trip-shared-view .trip-route-track article i{
  box-shadow:0 0 0 5px #e9f7f9,0 6px 14px rgba(13,165,186,.13);
}
.trip-shared-view .trip-route-track article:not(:last-child):after{
  height:3px!important;
  background:linear-gradient(90deg,#56c3d0,#bce8ed)!important;
}

/* Tagesplan: Timeline-Gefühl, aber gleicher Inhalt */
.trip-shared-view #tagesplan .vp81-day-list{
  position:relative;
}
.trip-shared-view #tagesplan .vp81-day-row{
  position:relative;
  border-left:3px solid #d9edf1!important;
  background:linear-gradient(90deg,#fbfefe 0%,#fff 22%)!important;
  transition:background .16s ease,border-color .16s ease!important;
}
.trip-shared-view #tagesplan .vp81-day-row:hover{
  background:linear-gradient(90deg,#f3fbfc 0%,#fff 22%)!important;
  border-left-color:#0da5ba!important;
}
.trip-shared-view .vp81-day-date strong{
  color:var(--vp123-navy)!important;
}
.trip-shared-view .vp81-day-event{
  position:relative;
}
.trip-shared-view .vp81-event-icon{
  background:#f1fafb!important;
  border:1px solid #d8edf0;
  box-shadow:0 6px 15px rgba(13,165,186,.08);
}
.trip-shared-view .vp86-day-summary{
  border-left:1px solid #edf2f4;
}

/* Buchungen/Listen: weniger flach */
.trip-shared-view .trip-booking-list>div,
.trip-shared-view .vp81-excursion-grid>article,
.trip-shared-view .vp81-checkrow,
.trip-shared-view .vp84-static-check{
  border-color:#e4edf0!important;
  background:linear-gradient(180deg,#fff,#fcfefe)!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.trip-shared-view .trip-booking-list>div:hover,
.trip-shared-view .vp81-excursion-grid>article:hover,
.trip-shared-view .vp81-checkrow:hover{
  transform:translateY(-1px);
  border-color:#cfe4e8!important;
  box-shadow:0 8px 20px rgba(18,56,76,.05);
}
.trip-shared-view .trip-booking-right em:not(.vp81-open-status){
  box-shadow:inset 0 0 0 1px rgba(44,123,85,.08);
}
.trip-shared-view .vp81-open-status{
  box-shadow:inset 0 0 0 1px rgba(165,108,13,.08);
}

/* Kosten: Bereich optisch stärker zusammenhalten */
.trip-shared-view .trip-payment-card{
  border:1px solid #e1ebee;
  border-radius:18px;
  background:linear-gradient(145deg,#f9fcfd,#fff)!important;
  box-shadow:0 8px 22px rgba(18,56,76,.045);
}
.trip-shared-view .trip-payment-ring{
  filter:drop-shadow(0 8px 16px rgba(13,165,186,.12));
}
.trip-shared-view .trip-cost-bars>div i{
  background:#edf4f6!important;
}
.trip-shared-view .trip-cost-bars>div i u{
  border-radius:999px;
  box-shadow:0 2px 7px rgba(13,165,186,.16);
}

/* Mitreisende persönlicher */
.trip-shared-view .trip-member-grid{
  gap:12px!important;
}
.trip-shared-view .trip-member-card{
  border:1px solid #e1ebee!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#f8fcfd)!important;
  box-shadow:0 8px 20px rgba(18,56,76,.045);
  min-height:78px;
}
.trip-shared-view .trip-member-avatar{
  width:48px!important;
  height:48px!important;
  box-shadow:0 0 0 4px #eef8fa,0 7px 16px rgba(18,56,76,.10);
}

/* Footer-Aktionen behalten exakt 50/50, aber hochwertiger */
.trip-shared-view .vp117-trip-bottom-actions{
  gap:16px!important;
  margin-top:22px!important;
}
.trip-shared-view .vp117-trip-bottom-actions>.trip-demo-section{
  border-radius:20px!important;
  box-shadow:0 12px 30px rgba(18,56,76,.055);
}
.trip-shared-view .vp98-trip-edit-card{
  background:linear-gradient(145deg,#f1fbfc,#fff)!important;
  border:1px solid #cfe8ec!important;
}
.trip-shared-view .vp98-trip-delete-card{
  background:linear-gradient(145deg,#fffafa,#fff)!important;
  border:1px solid #f0dede!important;
}
.trip-shared-view .vp96-edit-trip,
.trip-shared-view .vp55-delete-trip{
  width:100%!important;
  box-sizing:border-box;
  border-radius:11px!important;
  font-weight:900!important;
}

/* Leere Zustände nicht so verloren wirken lassen */
.trip-shared-view .empty{
  border-radius:14px!important;
  background:#f8fbfc!important;
  border:1px dashed #d7e5e9!important;
  color:#718792!important;
}

@media(max-width:760px){
  .trip-shared-view .trip-demo-card:before{left:16px;right:16px}
  .trip-shared-view .trip-demo-hero{border-radius:20px!important}
  .trip-shared-view .trip-member-avatar{width:44px!important;height:44px!important}
  .trip-shared-view .vp86-day-summary{border-left:0;border-top:1px solid #edf2f4;padding-top:10px}
}

/* V124: Die eigentliche Reiseansicht ist öffentlich und intern identisch. */
.trip-shared-view .trip-demo-final{display:none!important}