/* Light Force V2 – gewinnt auch gegen alte dunkle CSS-Dateien */
:root{
  --bg:#f6f1e8!important;
  --panel:#ffffffee!important;
  --panel-strong:#fffaf1!important;
  --text:#182033!important;
  --muted:#687184!important;
  --line:#e2d9cb!important;
  --accent:#d83b4a!important;
  --accent-2:#147f98!important;
  --gold:#c9961a!important;
  --good:#0f8f78!important;
  --shadow:0 24px 70px rgba(41,32,20,.13)!important;
}
html,body{background:#f6f1e8!important;color:#182033!important;color-scheme:light!important;}
body{background:radial-gradient(circle at top left,rgba(20,127,152,.13),transparent 34rem),radial-gradient(circle at 86% 12%,rgba(216,59,74,.12),transparent 30rem),linear-gradient(160deg,#fff8ed 0%,#f7efe2 48%,#edf7f8 100%)!important;}
.login-view{background:linear-gradient(rgba(255,248,237,.62),rgba(246,241,232,.94)),url('icons/london-pattern.svg') center/cover no-repeat!important;}
.login-card,.panel,.entry-card,.dialog-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,241,.94))!important;border-color:rgba(126,95,57,.18)!important;color:#182033!important;box-shadow:0 24px 70px rgba(41,32,20,.13)!important;}
.quick-panel,.hero,.stat-card,.export-card,.place-card,.calendar-day,.media-actions,.media-btn,.icon-btn,.btn.ghost,.tabbar{background:rgba(255,255,255,.78)!important;border-color:rgba(126,95,57,.18)!important;color:#182033!important;}
.hero-bg{background:linear-gradient(180deg,rgba(255,251,244,.35),rgba(246,241,232,.88)),url('icons/london-skyline.svg') right bottom/auto 88% no-repeat!important;opacity:.55!important;}
input,textarea,select,.pill-choice{background:#fffdf8!important;color:#182033!important;border-color:#e2d9cb!important;}
.btn.primary{background:linear-gradient(135deg,#d83b4a,#f08b57)!important;color:#fff!important;}
.tab.active{background:linear-gradient(135deg,rgba(216,59,74,.14),rgba(20,127,152,.15))!important;color:#172033!important;}
.eyebrow,.recorder-status,.place-card a,.export-card .icon{color:#147f98!important;}
label,.hint,.footer,.tab,.entry-meta,.coord-label,.place-card span,.export-card span,.idea-list,.calendar-name,.entry-card p,.identity span{color:#687184!important;}
.map-canvas{background:linear-gradient(145deg,#fffaf1,#e9f5f6)!important;border-color:rgba(126,95,57,.16)!important;}
.toast{background:#182033!important;color:#fffaf1!important;}

/* Kai Light Theme – freundlich, klar, mobil lesbar */
:root{
  --bg:#f6f1e8;
  --panel:#ffffffee;
  --panel-strong:#fffaf1;
  --text:#182033;
  --muted:#687184;
  --line:#e2d9cb;
  --accent:#d83b4a;
  --accent-2:#147f98;
  --gold:#c9961a;
  --good:#0f8f78;
  --shadow:0 24px 70px rgba(41,32,20,.13);
}
html{background:var(--bg);color:var(--text)}
body{background:
  radial-gradient(circle at top left,rgba(20,127,152,.13),transparent 34rem),
  radial-gradient(circle at 86% 12%,rgba(216,59,74,.12),transparent 30rem),
  linear-gradient(160deg,#fff8ed 0%,#f7efe2 48%,#edf7f8 100%);}
input,textarea,select{background:#fffdf8;color:var(--text);border-color:var(--line);box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
input::placeholder,textarea::placeholder{color:#98a0ad}
input:focus,textarea:focus,select:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px rgba(20,127,152,.13)}
label,.hint,.footer,.tab,.entry-meta,.coord-label,.place-card span,.export-card span,.idea-list,.calendar-name,.entry-card p{color:var(--muted)}
code{background:#fff6e8;border-color:#eadcc9;color:#8a4d00}
.eyebrow{color:#147f98}
.login-view{background:linear-gradient(rgba(255,248,237,.62),rgba(246,241,232,.94)),url('icons/london-pattern.svg') center/cover no-repeat}
.login-card{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,249,239,.96));border:1px solid rgba(130,95,50,.18);box-shadow:var(--shadow)}
.login-card p{color:var(--muted)}
.brand-mark{background:#fff;border-color:#eadfce;box-shadow:0 16px 34px rgba(54,42,26,.12)}
.form-error{color:#bd2336!important}
.hero{border-bottom:1px solid rgba(91,70,43,.13);background:rgba(255,255,255,.35)}
.hero-bg{background:linear-gradient(180deg,rgba(255,251,244,.35),rgba(246,241,232,.88)),url('icons/london-skyline.svg') right bottom/auto 88% no-repeat;opacity:.55}
.identity span{color:#687184}
.mini-logo{box-shadow:0 12px 24px rgba(44,35,22,.14)}
.btn.primary{background:linear-gradient(135deg,#d83b4a,#f08b57);color:#fff;box-shadow:0 15px 28px rgba(216,59,74,.22)}
.btn.ghost,.icon-btn,.media-btn{background:rgba(255,255,255,.74);border:1px solid rgba(126,95,57,.18);color:#243047;box-shadow:0 10px 24px rgba(42,33,20,.07)}
.btn.ghost:hover,.icon-btn:hover,.media-btn:hover{border-color:rgba(20,127,152,.36)}
.tabbar{background:rgba(255,255,255,.84);border:1px solid rgba(126,95,57,.18);box-shadow:0 18px 48px rgba(49,38,24,.18)}
.tab{color:#717b8d}
.tab.active{background:linear-gradient(135deg,rgba(216,59,74,.14),rgba(20,127,152,.15));color:#172033}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,250,241,.90));border:1px solid rgba(126,95,57,.16);box-shadow:var(--shadow)}
.stat-card,.export-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,246,231,.82));border:1px solid rgba(126,95,57,.16);color:#182033}
.stat-card .icon{color:rgba(20,127,152,.22)}
.calendar-day,.calendar-name{background:rgba(255,255,255,.7);border-color:rgba(126,95,57,.15)}
.calendar-name{background:transparent}.calendar-day{color:#182033}.calendar-day.today{border-color:#147f98;box-shadow:0 0 0 3px rgba(20,127,152,.14)}.calendar-day.has-entry:after{background:#d83b4a}.idea-list strong{color:#182033}
.pill-choice{background:#fffdf8;border-color:#e2d9cb;color:#303a4f}.pill-choice.active{border-color:#147f98;background:rgba(20,127,152,.13);color:#182033}.media-actions{border-color:rgba(126,95,57,.20);background:rgba(255,255,255,.52)}.button-like.recording{background:rgba(216,59,74,.13);border-color:rgba(216,59,74,.45)}.recorder-status{color:#147f98}
.entry-card{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,250,241,.93));border:1px solid rgba(126,95,57,.16);box-shadow:0 16px 44px rgba(45,36,24,.11)}
.entry-card p{color:#424b5e}.tag{border-color:rgba(126,95,57,.16);background:rgba(20,127,152,.09);color:#236070}.media-item{background:#fffaf2;border-color:rgba(126,95,57,.16)}.media-actions-mini .icon-btn{background:rgba(255,255,255,.82);backdrop-filter:blur(9px)}
.map-canvas{background:linear-gradient(145deg,#fffaf1,#e9f5f6);border-color:rgba(126,95,57,.16)}.map-fallback{border-color:rgba(20,127,152,.25);background:rgba(20,127,152,.08);color:#314153}.place-card{background:rgba(255,255,255,.72);border-color:rgba(126,95,57,.16)}.place-card a{color:#147f98}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fffaf2;color:#182033}.logbook-pin span{background:linear-gradient(135deg,#147f98,#f0b357);box-shadow:0 10px 20px rgba(45,36,24,.22)}
.empty{border-color:rgba(126,95,57,.2);color:#687184}.export-card .icon{color:#147f98}.dialog::backdrop{background:rgba(31,25,18,.34);backdrop-filter:blur(8px)}.dialog-card{background:linear-gradient(180deg,#ffffff,#fff7ea);border:1px solid rgba(126,95,57,.18);box-shadow:var(--shadow)}.toast{background:#182033;color:#fffaf1;box-shadow:var(--shadow)}
@media print{body{background:#fff}.panel,.entry-card{background:#fff;color:#111;border-color:#ddd;box-shadow:none}}


/* Kai Hotfix v3: Auswahlknöpfe für Stimmung und Sterne sichtbar und zuverlässig */
#appView .mood-buttons .pill-choice,
#appView .rating-buttons .pill-choice{
  position:relative!important;
  z-index:1!important;
  user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
#appView .mood-buttons .pill-choice.active,
#appView .rating-buttons .pill-choice.active,
#appView .mood-buttons .pill-choice[aria-pressed="true"],
#appView .rating-buttons .pill-choice[aria-pressed="true"]{
  background:#147f98!important;
  color:#ffffff!important;
  border-color:#0f6f86!important;
  box-shadow:0 8px 20px rgba(20,127,152,.22), inset 0 0 0 1px rgba(255,255,255,.35)!important;
  transform:translateY(-1px)!important;
}
#appView .mood-buttons .pill-choice.active::after,
#appView .rating-buttons .pill-choice.active::after,
#appView .mood-buttons .pill-choice[aria-pressed="true"]::after,
#appView .rating-buttons .pill-choice[aria-pressed="true"]::after{
  content:"";
  position:absolute;
  right:5px;
  top:5px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#ffffff;
  box-shadow:0 0 0 2px rgba(255,255,255,.25);
}
#appView .mood-buttons[data-selected]::after,
#appView .rating-buttons[data-selected-label]::after{
  flex-basis:100%;
  font-size:.78rem;
  font-weight:800;
  color:#147f98;
  padding:2px 2px 0;
}
#appView .mood-buttons[data-selected]:not([data-selected=""])::after{content:"Ausgewählt: " attr(data-selected);}
#appView .rating-buttons[data-selected-label]:not([data-selected-label=""])::after{content:"Ausgewählt: " attr(data-selected-label);}