/* UniVerse Hub WPSCNote Addon V1.0 - Vehicles 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;
}
body:has(.uvh-wpscnote-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-notes-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-notes-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-notes-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-wpscnote-app{display:grid;gap:18px}
.uvh-n-alert{
  border:1px solid rgba(56,216,255,.24);
  border-radius:12px;
  padding:12px 14px;
  background:rgba(0,229,255,.06);
  color:#dffbff;
}
.uvh-n-alert.err{border-color:rgba(255,107,122,.36);background:rgba(255,107,122,.08);color:#fecaca}
.uvh-n-alert.ok{border-color:rgba(57,217,138,.28);background:rgba(57,217,138,.08);color:#bbf7d0}
.uvh-n-stats{
  display:grid;
  grid-template-columns:1.55fr repeat(4,1fr);
  gap:14px;
}
.uvh-n-stats div{
  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-n-stats div.wide{border-color:rgba(56,216,255,.32)}
.uvh-n-stats span{display:block;color:#98afd2;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.uvh-n-stats strong{display:block;color:#fff;font-size:30px;margin-top:8px;line-height:1.05}
.uvh-n-stats small{display:block;color:#a7b8d5;margin-top:5px}
.uvh-n-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-n-actions,.uvh-n-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.uvh-n-filters{justify-content:flex-end}
.uvh-n-controls button,.uvh-n-controls a,.file-btn,.row-actions button,.uvh-n-modal button,.uvh-n-empty button{
  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;
}
.uvh-n-controls button:hover,.uvh-n-controls a:hover,.file-btn:hover,.row-actions button:hover,.uvh-n-modal button:hover,.uvh-n-empty button:hover{
  border-color:rgba(56,216,255,.55);
  color:#fff;
}
.uvh-n-controls .primary,.uvh-n-modal .primary,.uvh-n-empty .primary{
  color:#fff!important;
  background:linear-gradient(135deg,#0388ff,#12c6ff)!important;
  border-color:transparent!important;
  box-shadow:0 0 18px rgba(18,198,255,.25);
}
.file-btn input{display:none}
.uvh-n-filters input,.uvh-n-filters select,.uvh-n-form input,.uvh-n-form select,.uvh-n-form 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;
}
.uvh-n-filters input{min-width:280px}
.uvh-n-list{
  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;
}
.uvh-n-list-head{
  display:grid;
  grid-template-columns:minmax(320px,1.7fr) .85fr .9fr .8fr .8fr .95fr 150px;
  gap:14px;
  padding:0 18px 14px;
  color:#91a8ca;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
}
.uvh-n-item{
  display:grid;
  grid-template-columns:minmax(320px,1.7fr) .85fr .9fr .8fr .8fr .95fr 150px;
  gap:14px;
  align-items:center;
  min-height:104px;
  margin-bottom:10px;
  border:1px solid rgba(82,164,255,.16);
  border-radius:14px;
  background:
    linear-gradient(90deg,rgba(11,27,56,.78),rgba(5,14,31,.64)),
    rgba(8,20,40,.7);
  padding:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 32px rgba(0,0,0,.14);
}
.uvh-n-item:nth-child(even){
  background:
    linear-gradient(90deg,rgba(9,35,54,.80),rgba(5,14,31,.64)),
    rgba(8,20,40,.7);
}
.uvh-n-item.pinned{border-left:3px solid rgba(56,216,255,.72)}
.uvh-n-item.high{border-left:3px solid rgba(255,107,122,.55)}
.uvh-n-item.low{border-left:3px solid rgba(148,163,184,.40)}
.uvh-n-item:hover{
  border-color:rgba(56,216,255,.34);
  background:
    linear-gradient(90deg,rgba(13,36,72,.82),rgba(5,14,31,.68)),
    rgba(8,20,40,.74);
}
.note-main{display:flex;align-items:center;gap:18px;min-width:0}
.note-icon{
  width:72px;
  height:58px;
  min-width:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(82,164,255,.26);
  border-radius:10px;
  background:
    radial-gradient(circle at 42% 35%,rgba(56,216,255,.2),transparent 30%),
    linear-gradient(135deg,rgba(31,41,55,.8),rgba(2,8,18,.85));
  color:#dbeafe;
  font-size:28px;
  font-weight:900;
  opacity:.94;
}
.note-main strong{display:block;color:#fff;font-size:18px;line-height:1.15}
.note-main small{display:block;color:#9fb3d4;margin-top:5px;line-height:1.35}
.note-main em{display:block;color:#4dbbff;font-style:normal;margin-top:5px;font-size:12px}
.soft{color:#dcecff;font-weight:800}
.uvh-n-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 11px;
  margin:2px 4px 2px 0;
  border-radius:999px;
  background:rgba(82,164,255,.10);
  border:1px solid rgba(82,164,255,.22);
  color:#d8e7ff;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.uvh-n-badge.ok,.uvh-n-badge.done{color:#7df2b1;border-color:rgba(57,217,138,.32);background:rgba(57,217,138,.08)}
.uvh-n-badge.open,.uvh-n-badge.wish{color:#67e8f9;border-color:rgba(56,216,255,.32);background:rgba(56,216,255,.08)}
.uvh-n-badge.high{color:#fecaca;border-color:rgba(255,107,122,.38);background:rgba(255,107,122,.08)}
.uvh-n-badge.low{color:#cbd5e1}
.row-actions{display:grid;gap:8px}
.row-actions button{min-height:38px;width:100%}
.row-actions button.danger{color:#fecaca;border-color:rgba(255,107,122,.38);background:rgba(255,107,122,.08)}
.uvh-n-empty{text-align:center;padding:44px 16px;color:#9fb3d4}
.uvh-n-empty strong{display:block;color:#fff;font-size:24px}
.uvh-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(12px);
}
.uvh-n-modal{
  width:min(980px,96vw);
  max-height:88vh;
  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;
  padding:20px;
}
.edit-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}
.edit-head h2{margin:0 0 5px;color:#fff}
.edit-head p{margin:0;color:#91a8ca}
.uvh-n-modal .edit-head button{width:42px;height:42px;padding:0;font-size:26px;line-height:1}
.uvh-n-form{display:grid;gap:14px}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.uvh-n-form label{display:grid;gap:7px;color:#cbd5e1;font-size:13px;font-weight:800}
.uvh-n-form textarea{min-height:180px;resize:vertical}
.checkline{display:flex!important;align-items:center;gap:10px;padding:11px 0}
.checkline input{min-height:auto!important}
.form-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:1220px){
  .uvh-n-stats{grid-template-columns:repeat(3,1fr)}
  .uvh-n-controls{grid-template-columns:1fr}
  .uvh-n-filters{justify-content:flex-start}
  .uvh-n-list-head{display:none}
  .uvh-n-item{grid-template-columns:1fr 1fr 1fr}
  .row-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,180px))}
}
@media(max-width:760px){
  .uvh-tool-page{padding:24px 14px 50px}
  .uvh-n-stats{grid-template-columns:1fr 1fr}
  .uvh-n-item{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .uvh-n-filters input{min-width:100%}
  .note-icon{width:64px;height:52px;min-width:64px}
  .uvh-modal-backdrop{align-items:flex-start;padding:14px}
}
@media(max-width:500px){
  .uvh-n-stats{grid-template-columns:1fr}
  .uvh-notes-hero h1{font-size:46px}
}


/* V1.1: Note+ / Modal only / keine linken Eingabefelder */
.uvh-wpscnote-page form:not(.uvh-n-form){
  max-width:none;
}
.uvh-n-actions .primary{
  min-width:96px;
}
.uvh-n-controls{
  margin-bottom:0!important;
}
.uvh-n-list{
  margin-top:0!important;
}
.uvh-n-modal{
  width:min(980px,96vw)!important;
}
.uvh-n-modal .form-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.uvh-n-modal .uvh-n-form textarea{
  min-height:190px!important;
}
.uvh-n-modal .checkline{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:42px;
  padding-top:26px;
}
.uvh-n-modal .checkline input{
  width:auto!important;
}
.uvh-n-empty .primary{
  margin-top:12px;
}
@media(max-width:1100px){
  .uvh-n-modal .form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .uvh-n-modal .form-grid{
    grid-template-columns:1fr!important;
  }
}