/* UniVerse Hub WPLager Addon V1.0 - clean Vehicles/SCNote style */
:root{
  --uvh-bg:#020712;
  --uvh-panel:rgba(4,12,26,.74);
  --uvh-line:rgba(82,164,255,.22);
  --uvh-line2:rgba(148,163,184,.14);
  --uvh-cyan:#38d8ff;
  --uvh-blue:#1687ff;
  --uvh-text:#e5f2ff;
  --uvh-muted:#8aa4c8;
  --uvh-green:#39d98a;
  --uvh-red:#ff6b7a;
  --uvh-orange:#fb923c;
}
body:has(.uvh-wplager-page){
  background:
    radial-gradient(circle at 78% 4%,rgba(0,124,255,.16),transparent 36%),
    radial-gradient(circle at 12% 12%,rgba(0,229,255,.08),transparent 34%),
    linear-gradient(180deg,#020712,#02050d 70%,#010307)!important;
}
.uvh-tool-page{
  max-width:1600px;
  margin:0 auto;
  padding:34px 24px 64px;
  color:var(--uvh-text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.uvh-lager-hero{margin-bottom:26px}
.uvh-back-btn{
  display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;
  border:1px solid var(--uvh-line);border-radius:9px;background:rgba(4,12,26,.55);
  color:#dbeafe;text-decoration:none;font-weight:750;margin-bottom:28px;
}
.uvh-back-btn:hover{border-color:rgba(56,216,255,.48);background:rgba(0,229,255,.08);color:#fff}
.uvh-lager-hero h1{
  margin:0;font-size:clamp(48px,6vw,76px);line-height:.92;letter-spacing:-.055em;
  color:#fff;text-shadow:0 0 32px rgba(46,144,255,.25);
}
.uvh-lager-hero h1:after{
  content:"";display:block;width:min(430px,42vw);height:2px;margin-top:22px;
  background:linear-gradient(90deg,var(--uvh-cyan),rgba(56,216,255,.14),transparent);
  box-shadow:0 0 18px rgba(56,216,255,.5);
}
.uvh-wplager-app{display:grid;gap:18px}
.uvh-l-stats,.grid{
  display:grid;
  grid-template-columns:1.55fr repeat(4,1fr);
  gap:14px;
}
.grid{grid-template-columns:repeat(4,1fr)}
.uvh-l-stats>div,.stat{
  min-height:108px;border:1px solid var(--uvh-line);border-radius:13px;
  background:radial-gradient(circle at 88% 12%,rgba(56,216,255,.08),transparent 35%),
    linear-gradient(180deg,rgba(8,22,48,.78),rgba(2,9,20,.68));
  padding:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 18px 60px rgba(0,0,0,.20);
}
.uvh-l-stats .wide{border-color:rgba(56,216,255,.32)}
.uvh-l-stats span,.stat .label{
  display:block;color:#98afd2;font-size:12px;text-transform:uppercase;letter-spacing:.08em;
}
.uvh-l-stats strong,.stat .value{
  display:block;color:#fff;font-size:30px;margin-top:8px;line-height:1.05;font-weight:900;
}
.uvh-l-stats small{display:block;color:#a7b8d5;margin-top:5px}
.uvh-l-controls{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;
  border:1px solid var(--uvh-line2);border-radius:13px;background:rgba(4,12,26,.58);padding:14px;
}
.uvh-l-actions,.uvh-l-import{
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;
}
.uvh-l-import{justify-content:flex-end}
.uvh-l-controls button,.uvh-l-controls a,.uvh-l-controls label.file-btn,
.modal button,.result-box button,.smallbtn{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;
  border:1px solid rgba(82,164,255,.24);border-radius:9px;background:rgba(7,18,39,.78);
  color:#d8e7ff;text-decoration:none;font-weight:800;font-size:14px;cursor:pointer;width:auto;margin:0;
}
.uvh-l-controls button:hover,.uvh-l-controls a:hover,.uvh-l-controls label.file-btn:hover,
.modal button:hover,.result-box button:hover,.smallbtn:hover{
  border-color:rgba(56,216,255,.55);color:#fff;filter:none;
}
.uvh-l-controls .primary,.modal .primary,button.green,.green{
  color:#fff!important;background:linear-gradient(135deg,#0388ff,#12c6ff)!important;
  border-color:transparent!important;box-shadow:0 0 18px rgba(18,198,255,.25);
}
button.secondary,.secondary{background:rgba(15,23,42,.75)!important}
button.danger,.danger{color:#fecaca!important;border-color:rgba(255,107,122,.38)!important;background:rgba(255,107,122,.08)!important}
.file-btn input{display:none}
.pill{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;
  border:1px solid rgba(56,216,255,.28);border-radius:999px;background:rgba(0,229,255,.07);
  color:#a5f3fc;font-size:13px;font-weight:800;
}
.pill.warn{border-color:rgba(251,146,60,.55);background:rgba(124,45,18,.25);color:#fed7aa}
.result-box{
  border:1px solid var(--uvh-line);border-radius:16px;
  background:linear-gradient(180deg,rgba(4,12,26,.72),rgba(2,8,18,.78));
  padding:18px;margin:0 0 18px;
}
.result-box h2,.result-box h3{margin:0 0 14px;color:#fff}
.result-box p,.hint,.footer-note{color:#91a8ca;line-height:1.45}
.station-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.station-title h2{margin:0}
.station-title .tag{
  display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(56,216,255,.32);
  background:rgba(56,216,255,.08);color:#a5f3fc;font-size:12px;font-weight:900;
}
.table-wrap{
  overflow:auto;border:1px solid rgba(82,164,255,.16);border-radius:14px;background:rgba(5,14,31,.64);
}
table{width:100%;border-collapse:collapse;min-width:780px}
th,td{padding:13px 14px;border-bottom:1px solid rgba(82,164,255,.13);text-align:left;vertical-align:middle}
th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#91a8ca;background:rgba(2,8,18,.65)}
td{color:#dbeafe}
td.right,th.right{text-align:right}
tr:nth-child(even) td{background:rgba(9,35,54,.28)}
tr:hover td{background:rgba(56,216,255,.045)}
.muted{color:#7f93b4}.gain{color:#7df2b1}.warn{color:#fcd34d}.loss{color:#fecaca}
label{
  display:grid;gap:7px;color:#cbd5e1;font-size:13px;font-weight:800;margin:0;
}
input,select,textarea{
  min-height:42px;border:1px solid rgba(82,164,255,.24);border-radius:9px;background:rgba(7,18,39,.78);
  color:#fff;padding:10px 13px;font:inherit;width:100%;
}
textarea{resize:vertical}
.success-box,.warn-box,.error-box,.info-box,.ocr-status{
  border-radius:12px;padding:12px 14px;margin:12px 0;font-weight:700;line-height:1.45;
}
.success-box,.ocr-status.ok{background:rgba(57,217,138,.08);border:1px solid rgba(57,217,138,.30);color:#bbf7d0}
.info-box,.ocr-status{background:rgba(0,229,255,.06);border:1px solid rgba(56,216,255,.25);color:#dffbff;white-space:pre-wrap}
.warn-box,.ocr-status.warn{background:rgba(251,146,60,.08);border:1px solid rgba(251,146,60,.38);color:#fed7aa}
.error-box,.ocr-status.err{background:rgba(255,107,122,.08);border:1px solid rgba(255,107,122,.38);color:#fecaca}
.small{font-size:12px}
.checkbox-cell{width:44px;text-align:center}

/* Modal / Popup */
.modal-backdrop{
  position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;
  padding:24px;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);
}
.modal-backdrop.open{display:flex}
.modal{
  width:min(1180px,96vw);max-height:90vh;overflow:auto;border:1px solid rgba(56,216,255,.34);
  border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(56,216,255,.10),transparent 32%),
    linear-gradient(180deg,rgba(5,15,34,.98),rgba(2,8,18,.98));
  box-shadow:0 30px 120px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.025) inset;
}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(82,164,255,.16);padding:18px 20px}
.modal-head h2{margin:0 0 6px;color:#fff}
.modal-body{padding:20px}
.close-x{width:42px!important;height:42px!important;padding:0!important;font-size:18px}
.manual-modal{width:min(860px,96vw)}
.entry-form-grid,.edit-form-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
.entry-actions,.edit-actions,.import-actions,.ocr-crop-actions{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;
}
.entry-actions .edit-spacer,.edit-actions .edit-spacer{flex:1 1 auto}
.edit-current-info{
  border:1px solid rgba(56,216,255,.25);background:rgba(0,229,255,.06);border-radius:12px;
  padding:12px;margin-bottom:14px;color:#cfe9ff;line-height:1.45;
}
.edit-preview{border:1px solid rgba(82,164,255,.16);border-radius:10px;background:rgba(7,18,39,.55);padding:11px;color:#91a8ca}
.import-textarea{height:230px;font-family:Consolas,monospace}
.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.preview-image,.guide-image{
  width:100%;max-height:430px;object-fit:contain;background:#020617;border:1px solid rgba(82,164,255,.18);border-radius:12px;display:block;
}
.preview-placeholder{min-height:240px;border:1px dashed rgba(82,164,255,.28);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#91a8ca;background:#020617;text-align:center;padding:20px}
.screenshot-file-row{display:grid;grid-template-columns:1fr 46px;gap:8px;align-items:center}
.clear-file-button{min-width:46px!important;width:46px!important;height:46px!important;padding:0!important;font-size:24px!important}
.ocr-mini-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.crop-preview-box{
  border:1px solid var(--uvh-line);border-radius:12px;background:#020617;padding:10px;min-height:220px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
}
.crop-stage{position:relative;display:inline-block;max-width:100%;line-height:0;touch-action:none;cursor:crosshair;user-select:none}
.crop-stage .preview-image{max-height:420px}
.crop-selection{
  position:absolute;left:0;top:0;display:none;border:2px solid var(--uvh-cyan);background:rgba(34,211,238,.16);
  box-shadow:0 0 0 9999px rgba(2,6,23,.36),0 0 18px rgba(34,211,238,.45);border-radius:8px;pointer-events:none;
}
.crop-help,.crop-placeholder-text{color:#91a8ca;font-size:13px;line-height:1.4;text-align:center}
.crop-placeholder-title{color:#fff;font-weight:900;margin-bottom:4px}
.crop-preview-box.needs-selection{border-color:rgba(251,146,60,.75)}
.crop-preview-box.has-selection{border-color:rgba(116,243,199,.62)}
.ocr-important-guide{
  margin:12px 0;border:1px solid rgba(251,146,60,.58);background:rgba(251,146,60,.08);border-radius:14px;padding:14px;
}
.ocr-important-guide strong{display:block;color:#fff7ed;margin-bottom:6px}
.ocr-important-guide p{margin:0;color:#fed7aa}
.ocr-steps-visible{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.ocr-step-visible{border:1px solid rgba(34,211,238,.22);background:rgba(8,47,73,.22);border-radius:12px;padding:10px}
.ocr-step-visible span{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:99px;background:rgba(34,211,238,.16);color:#a5f3fc;font-weight:900}
.ocr-step-visible b{display:block;color:#fff;margin-top:6px}
.ocr-step-visible small{display:block;color:#91a8ca;margin-top:3px}
.guide-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.guide-card{border:1px solid rgba(82,164,255,.18);background:rgba(2,6,23,.42);border-radius:16px;padding:14px}
.guide-card.bad{border-color:rgba(248,113,113,.55);background:rgba(127,29,29,.16)}
.guide-card.good{border-color:rgba(116,243,199,.48);background:rgba(0,120,70,.14)}
.guide-badge{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:900}
.guide-badge.bad{background:rgba(248,113,113,.16);border:1px solid rgba(248,113,113,.55);color:#fecaca}
.guide-badge.good{background:rgba(116,243,199,.14);border:1px solid rgba(116,243,199,.48);color:#bbf7d0}
.guide-card ul,.guide-steps ol{color:#91a8ca;line-height:1.5}
.guide-steps{margin-top:16px;border:1px solid rgba(34,211,238,.25);background:rgba(8,47,73,.20);border-radius:14px;padding:14px}
.guide-youtube-box{display:none}
@media(max-width:1220px){
  .uvh-l-stats,.grid{grid-template-columns:repeat(3,1fr)}
  .uvh-l-controls{grid-template-columns:1fr}
  .uvh-l-import{justify-content:flex-start}
  .modal-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .uvh-tool-page{padding:24px 14px 50px}
  .uvh-l-stats,.grid{grid-template-columns:1fr 1fr}
  .entry-form-grid,.edit-form-grid{grid-template-columns:1fr}
  .guide-compare-grid{grid-template-columns:1fr}
  .ocr-steps-visible,.ocr-mini-options{grid-template-columns:1fr}
  .modal-backdrop{align-items:flex-start;padding:14px}
}
@media(max-width:520px){
  .uvh-l-stats,.grid{grid-template-columns:1fr}
  .uvh-lager-hero h1{font-size:46px}
}

/* Orga 2.0 Freigabe */
.smallbtn.orga-share{
  border-color:rgba(84,229,162,.28)!important;
  background:rgba(84,229,162,.065)!important;
  color:#9bf4c2!important;
}
.uvh-l-orga-modal-backdrop{
  position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,4,12,.84);backdrop-filter:blur(6px)
}
.uvh-l-orga-modal{
  width:min(720px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(56,216,255,.30);
  border-radius:16px;background:#061024;color:#e7f2ff;box-shadow:0 30px 110px rgba(0,0,0,.58)
}
.uvh-l-orga-modal header,.uvh-l-orga-modal footer{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;
  border-bottom:1px solid rgba(82,164,255,.14)
}
.uvh-l-orga-modal footer{justify-content:flex-end;border-bottom:0;border-top:1px solid rgba(82,164,255,.14)}
.uvh-l-orga-modal header span{color:#7dd3fc;font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.uvh-l-orga-modal h2{margin:3px 0 0;color:#fff}
.uvh-l-orga-modal button{
  border:1px solid rgba(82,164,255,.24);border-radius:9px;background:#071225;color:#d8e7ff;
  padding:10px 14px;font-weight:800;cursor:pointer
}
.uvh-l-orga-modal button.primary{background:linear-gradient(135deg,#0388ff,#12c6ff);border-color:transparent;color:#fff}
.uvh-l-orga-body{display:grid;gap:13px;padding:18px}
.uvh-l-orga-body p{color:#9fb3d4;line-height:1.55}
.uvh-l-orga-body label{display:grid;gap:7px;color:#b9cce6;font-size:12px;font-weight:800}
.uvh-l-orga-body input,.uvh-l-orga-body select,.uvh-l-orga-body textarea{
  width:100%;box-sizing:border-box;border:1px solid rgba(82,164,255,.25);border-radius:9px;
  background:#071225;color:#fff;padding:11px 12px
}
.uvh-l-orga-body textarea{min-height:105px;resize:vertical}
.uvh-l-orga-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.uvh-l-orga-info{border:1px solid rgba(82,164,255,.14);border-radius:10px;background:rgba(3,10,23,.46);padding:11px;color:#a9bfdc}
@media(max-width:680px){.uvh-l-orga-grid{grid-template-columns:1fr}}


/* Öffentlicher Marktplatz */
.smallbtn.market-share{
  border-color:rgba(34,211,238,.34)!important;
  background:rgba(34,211,238,.08)!important;
  color:#a5f3fc!important;
}
.smallbtn.market-share:hover{
  border-color:rgba(34,211,238,.68)!important;
  background:rgba(34,211,238,.14)!important;
  color:#fff!important;
}
#uvhLagerMarketplaceModal #uvhMarketShareCount{
  margin-left:auto;color:#7dd3fc;font-size:11px;font-weight:800;
}