/*
 * Fix Pallini custom colors / final theme override
 * ------------------------------------------------
 * Αλλάζεις μόνο τα χρώματα στα :root variables παρακάτω.
 * Τα selectors από κάτω χρησιμοποιούν αυτά τα variables για όλη την εφαρμογή.
 */
:root{
  --fp-bg:#07111f;
  --fp-bg-soft:#0a1424;
  --fp-panel:#0d1726;
  --fp-panel-2:#111d2e;
  --fp-card:#121e30;
  --fp-card-2:#18243a;
  --fp-line:#2b3a50;
  --fp-line-soft:#33465f;
  --fp-text:#f8fafc;
  --fp-muted:#cbd5e1;
  --fp-muted-2:#94a3b8;
  --fp-accent:#38bdf8;
  --fp-accent-2:#2563eb;
  --fp-danger:#ef4444;
  --fp-danger-soft:rgba(239,68,68,.20);
  --fp-button-bg:#0f172a;
  --fp-button-text:#ffffff;
  --fp-sti-bg:#404750;
  --fp-sti-hover:#D6D5D1;
  --fp-sti-title:#ffffff;
  --fp-sti-desc:#D6D5D1;
}

/* General dark unified style */
.lpm-app,
.lpm-active-page-inner,
.lpm-case-page{
  max-width:1840px!important;
  color:var(--fp-text)!important;
}
.lpm-app{
  background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.11),transparent 31%),linear-gradient(180deg,var(--fp-bg),#0b1322)!important;
}
.lpm-header,
.lpm-map-panel,
.lpm-reports-panel,
.lpm-new-report-panel,
.lpm-form-panel,
.lpm-category-overview-panel,
.lpm-active-category-panel,
.lpm-active-report-card,
.lpm-card,
.lpm-timer-hero{
  background:linear-gradient(180deg,var(--fp-panel),var(--fp-bg-soft))!important;
  border-color:var(--fp-line)!important;
  color:var(--fp-text)!important;
}
.lpm-header h2,
.lpm-panel-title h3,
.lpm-new-report-text h3,
.lpm-form-header h3,
.lpm-category-overview-head h3,
.lpm-report-card h4,
.lpm-active-report-card h2,
.lpm-card h2,
.lpm-card h3,
.lpm-facts span,
.lpm-facts strong,
.lpm-description,
.lpm-step h4,
.lpm-step-content label,
.lpm-main-label,
.lpm-active-category-title,
.lpm-category-stat-label,
.lpm-category-mini-card strong{
  color:var(--fp-text)!important;
}
.lpm-header p,
.lpm-panel-title span,
.lpm-new-report-text p,
.lpm-form-header p,
.lpm-category-overview-head p,
.lpm-report-card p,
.lpm-report-card small,
.lpm-active-report-card p,
.lpm-active-report-meta,
.lpm-active-category-summary small,
.lpm-category-mini-card span,
.lpm-field-help,
.lpm-form-notice,
.lpm-selected-help,
.lpm-privacy,
.lpm-step p{
  color:var(--fp-muted)!important;
}
.lpm-step,
.lpm-report-card,
.lpm-category-mini-card,
.lpm-category-stat-card,
.lpm-submit-preview,
.lpm-selected-help,
.lpm-form-notice,
.lpm-active-report-card{
  background:var(--fp-card)!important;
  border-color:var(--fp-line)!important;
}
.lpm-form-grid input,
.lpm-form-grid textarea,
.lpm-form-grid select,
.lpm-step input,
.lpm-step select,
.lpm-step textarea{
  background:#08111f!important;
  border-color:var(--fp-line-soft)!important;
  color:var(--fp-text)!important;
}
.lpm-form-grid input::placeholder,
.lpm-form-grid textarea::placeholder,
.lpm-step input::placeholder,
.lpm-step textarea::placeholder{color:#64748b!important;}
.lpm-form-grid option,
.lpm-step option{background:#08111f!important;color:var(--fp-text)!important;}

/* New report instructions */
.lpm-new-report-text{
  display:block!important;
  max-width:1180px!important;
}
.lpm-new-report-text h3{font-size:30px!important;margin-bottom:8px!important;}
.lpm-new-report-text p{
  max-width:980px!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:800!important;
}

/* Category icon grid + requested icon/title positions */
.lpm-new-report-panel .lpm-category-icons.sti-menu,
.lpm-new-report-panel ul.sti-menu.lpm-sti-menu{
  width:100%!important;
  max-width:1640px!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:14px!important;
  margin:26px auto 0!important;
  padding:0!important;
  list-style:none!important;
  overflow:visible!important;
}
.lpm-new-report-panel .sti-menu li.lpm-category-item{
  float:none!important;
  width:auto!important;
  height:250px!important;
  min-width:0!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
}
.lpm-new-report-panel .sti-menu li.lpm-category-item a.lpm-sti-card{
  background:var(--fp-sti-bg)!important;
  border:1px solid #66707d!important;
  color:var(--fp-sti-desc)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
}
.lpm-new-report-panel .sti-menu li.lpm-category-item:hover a.lpm-sti-card,
.lpm-new-report-panel .sti-menu li.lpm-category-item.is-active a.lpm-sti-card,
.lpm-new-report-panel .sti-menu li.lpm-category-item.sti-current a.lpm-sti-card{
  background:var(--fp-sti-hover)!important;
  border-color:var(--fp-sti-hover)!important;
}
.lpm-new-report-panel .sti-menu li.lpm-category-item .sti-icon.lpm-cat-icon{
  top:20px!important;
  width:142px!important;
  height:142px!important;
  font-size:84px!important;
}
.lpm-new-report-panel .sti-menu li.lpm-category-item .sti-icon.lpm-cat-icon img{
  max-width:148px!important;
  max-height:148px!important;
}
.lpm-new-report-panel .sti-menu li.lpm-category-item a h2.lpm-cat-label{
  top:174px!important;
  color:var(--fp-sti-title)!important;
  font-size:16px!important;
  line-height:18px!important;
  font-weight:800!important;
}
.lpm-new-report-panel .sti-menu li.lpm-category-item a h3.lpm-cat-desc{
  top:207px!important;
  color:var(--fp-sti-desc)!important;
  font-size:12px!important;
  line-height:15px!important;
}
.lpm-new-report-panel .sti-menu li.lpm-category-item:hover h2.lpm-cat-label,
.lpm-new-report-panel .sti-menu li.lpm-category-item.is-active h2.lpm-cat-label,
.lpm-new-report-panel .sti-menu li.lpm-category-item.sti-current h2.lpm-cat-label,
.lpm-new-report-panel .sti-menu li.lpm-category-item:hover h3.lpm-cat-desc,
.lpm-new-report-panel .sti-menu li.lpm-category-item.is-active h3.lpm-cat-desc,
.lpm-new-report-panel .sti-menu li.lpm-category-item.sti-current h3.lpm-cat-desc{
  color:#111827!important;
}
@media(hover:hover) and (pointer:fine) and (min-width:701px){
  .lpm-new-report-panel .sti-menu li.lpm-category-item:hover .sti-icon.lpm-cat-icon,
  .lpm-new-report-panel .sti-menu li.lpm-category-item.sti-current .sti-icon.lpm-cat-icon{
    top:12px!important;
    transform:translateX(-50%) scale(1.08)!important;
  }
}
@media(max-width:1500px){
  .lpm-new-report-panel .lpm-category-icons.sti-menu,
  .lpm-new-report-panel ul.sti-menu.lpm-sti-menu{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}
@media(max-width:1220px){
  .lpm-new-report-panel .lpm-category-icons.sti-menu,
  .lpm-new-report-panel ul.sti-menu.lpm-sti-menu{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:820px){
  .lpm-new-report-panel .lpm-category-icons.sti-menu,
  .lpm-new-report-panel ul.sti-menu.lpm-sti-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item{height:224px!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item .sti-icon.lpm-cat-icon{width:112px!important;height:112px!important;top:20px!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item .sti-icon.lpm-cat-icon img{max-width:116px!important;max-height:116px!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item a h2.lpm-cat-label{top:148px!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item a h3.lpm-cat-desc{top:184px!important;}
}
@media(max-width:620px), (hover:none), (pointer:coarse){
  .lpm-new-report-panel .lpm-category-icons.sti-menu,
  .lpm-new-report-panel ul.sti-menu.lpm-sti-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item{height:198px!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item:hover a.lpm-sti-card{background:var(--fp-sti-bg)!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item.is-active a.lpm-sti-card{background:var(--fp-sti-hover)!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item .sti-icon.lpm-cat-icon,
  .lpm-new-report-panel .sti-menu li.lpm-category-item:hover .sti-icon.lpm-cat-icon{width:92px!important;height:92px!important;top:18px!important;transform:translateX(-50%)!important;transition:none!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item .sti-icon.lpm-cat-icon img{max-width:96px!important;max-height:96px!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item a h2.lpm-cat-label{top:120px!important;font-size:13px!important;line-height:15px!important;}
  .lpm-new-report-panel .sti-menu li.lpm-category-item a h3.lpm-cat-desc{top:154px!important;font-size:10px!important;line-height:13px!important;}
}

/* Required/default fields: red border until the user chooses a valid value */
.lpm-step.lpm-step-required-missing{
  border-color:var(--fp-danger)!important;
  box-shadow:0 0 0 3px var(--fp-danger-soft)!important;
}
.lpm-step.lpm-step-required-missing .lpm-step-number{background:var(--fp-danger)!important;color:#fff!important;}
.lpm-step select:required:invalid,
.lpm-step input:required:invalid{
  border-color:var(--fp-danger)!important;
  box-shadow:0 0 0 2px var(--fp-danger-soft)!important;
}
.lpm-location-method-btn.is-active{border-color:var(--fp-accent)!important;box-shadow:0 0 0 3px rgba(56,189,248,.16)!important;}

/* Uniform white text + buttons */
.lpm-card-actions,
.lpm-active-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
.lpm-card-actions button,
.lpm-button-link,
.lpm-more-report,
.lpm-popup-more,
.lpm-active-more,
.lpm-focus-report{
  min-height:48px!important;
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:14px!important;
  border:1px solid var(--fp-line-soft)!important;
  background:linear-gradient(135deg,var(--fp-button-bg),#18243a)!important;
  color:var(--fp-button-text)!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1.15!important;
  box-shadow:0 10px 22px rgba(0,0,0,.24)!important;
}
.lpm-card-actions button:hover,
.lpm-button-link:hover,
.lpm-more-report:hover,
.lpm-popup-more:hover,
.lpm-active-more:hover,
.lpm-focus-report:hover{
  background:linear-gradient(135deg,var(--fp-accent),var(--fp-accent-2))!important;
  color:#03111f!important;
  border-color:var(--fp-accent)!important;
}

/* Case page / timer */
.lpm-case-page{max-width:1440px!important;}
.lpm-case-hero{background:radial-gradient(circle at 20% 10%,rgba(56,189,248,.18),transparent 28%),linear-gradient(135deg,#08111f,#101f35)!important;border:1px solid var(--fp-line)!important;}
.lpm-timer-label{
  display:block!important;
  margin-bottom:10px!important;
  color:var(--fp-muted)!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.lpm-timer-digits{overflow:visible!important;}
.lpm-digital-cell{border-color:rgba(56,189,248,.34)!important;background:#020617!important;}
.lpm-digital-label{color:#93c5fd!important;}
.lpm-timer-note{display:none!important;}
.lpm-case-map-wrap .leaflet-container,
.lpm-case-map-wrap .leaflet-pane,
.lpm-case-map-wrap .leaflet-map-pane,
#lpm-case-map,
.lpm-map{background:transparent!important;}
.lpm-case-map-wrap .leaflet-tile,
.lpm-map .leaflet-tile{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;}

/* Active reports page unified dark */
.lpm-active-page-inner{max-width:1560px!important;}
.lpm-active-hero{background:radial-gradient(circle at 20% 0%,rgba(56,189,248,.20),transparent 31%),linear-gradient(135deg,#08111f,#101f35)!important;border:1px solid var(--fp-line)!important;}
.lpm-active-category-summary:hover{background:rgba(56,189,248,.07)!important;}
.lpm-active-category-icon{background:#0b1626!important;color:#fff!important;border:1px solid var(--fp-line)!important;}
.lpm-active-category-count{background:linear-gradient(135deg,var(--fp-accent),var(--fp-accent-2))!important;color:#03111f!important;}
.lpm-active-status-pill{background:#0b1626!important;color:var(--fp-text)!important;border:1px solid var(--fp-line)!important;}
.lpm-active-report-top strong{color:var(--fp-accent)!important;}
.lpm-active-thumb,
.lpm-active-report-logo{background:#0b1626!important;border-color:var(--fp-line)!important;}
.lpm-active-empty,.lpm-active-select-hint{background:var(--fp-card)!important;border-color:var(--fp-line)!important;color:var(--fp-muted)!important;}
