.admin-wrap{max-width:980px;margin:40px auto;padding:16px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.admin-brand{color:#f26748;font-weight:800;letter-spacing:.1em}.admin-sub{color:#859baa;font-size:13px}.admin-card{background:#fff;color:#172b3a;border:1px solid #e2e8ee;border-radius:16px;padding:24px;margin-bottom:18px;box-shadow:0 8px 28px #1026380c}.admin-card h2{font-size:21px;margin:0 0 8px}.admin-card p{color:#657887;margin:0 0 18px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-card label{display:block;font-weight:650;margin:0 0 7px}.admin-card input{width:100%;border:1px solid #cedbe3;border-radius:9px;padding:12px 13px;font:inherit;background:#fff;color:#182e3c}.admin-card input:focus{outline:2px solid #f2a08d}.admin-field{margin:14px 0}.admin-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.admin-action{background:#e85c3d;color:white;border:0;border-radius:9px;padding:12px 18px;cursor:pointer;font-weight:700}.admin-action.secondary{background:#153247}.admin-action:disabled{opacity:.5}.admin-note{padding:12px 15px;border-radius:9px;background:#eff5f9;margin:12px 0;color:#214157;font-size:13px}.admin-alert{padding:12px 15px;border-radius:9px;background:#fef2ed;color:#9c3d27;margin:12px 0}.admin-success{padding:12px 15px;border-radius:9px;background:#edf8f1;color:#256d49;margin:12px 0}.admin-head-row{display:flex;align-items:center;gap:12px}.admin-chip{background:#f0f4f7;padding:6px 12px;border-radius:20px;color:#294858;font-size:12px}.admin-top{background:#102638;padding:20px 25px;border-radius:16px;margin-bottom:22px;color:white}.admin-top h1{color:white;margin:8px 0}.admin-top a{color:#c6ddea}.admin-help{font-size:12px;color:#5c7181;margin-top:7px}@media(max-width:650px){.admin-grid{grid-template-columns:1fr}.admin-header{align-items:flex-start;flex-direction:column}}

.admin-top__description{color:#c6ddea}.admin-header--compact{margin-bottom:6px}.admin-h3--spaced{margin-top:24px}body.admin-body{background:#f5f7f9}

.vp-table-outer{overflow:auto;margin-top:18px}.vp-import-table{width:100%;border-collapse:collapse;font-size:14px}.vp-import-table th,.vp-import-table td{padding:11px 10px;text-align:left;border-bottom:1px solid #e4eaf0}.vp-import-table th{color:#607686;font-size:12px}.vp-import-table td:last-child{font-weight:650}.vp-import-table .vp-verified{color:#247348}.vp-import-table .vp-unverified{color:#9f5437}

/* DAMPF DRACHE VP-Portal | Modern Dark admin visual layer | 2026-11-06
   Pure CSS. Existing admin markup, scripts, API and permissions are unchanged. */
body.admin-body{
  background:#f5f5f7;
  color:#22242a;
}
.admin-wrap{max-width:1100px;margin:32px auto;padding:18px 22px 48px}
.admin-top{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(120deg,#0e0e0f 0%,#242426 75%,#141416 100%);
  border:1px solid #353537;border-radius:18px;
  padding:28px 32px 30px;margin-bottom:24px;
  box-shadow:0 16px 42px #1515151a;
}
.admin-top::after{
  content:"";position:absolute;right:-18px;bottom:-150px;
  width:330px;height:330px;opacity:.075;pointer-events:none;z-index:-1;
  background:url('/DAMPF_DRACHE_Drache_Wasserzeichen.png') center/contain no-repeat;
  filter:grayscale(1) brightness(1.8);
}
.admin-top::before{
  content:"";position:absolute;inset:auto -180px -215px auto;
  width:490px;height:490px;border:1px solid #e3061333;
  border-radius:50%;box-shadow:0 0 0 68px #e3061309,0 0 0 136px #e3061307;
  pointer-events:none;z-index:-1;
}
.admin-header{gap:24px;align-items:flex-start;margin-bottom:22px}
.admin-brand{
  display:block;width:min(280px,65vw);height:90px;
  background:url('/DAMPF_DRACHE_Logo.png') left center/contain no-repeat;
  font-size:0;line-height:0;overflow:hidden;color:transparent;
}
.admin-sub{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#e6e6e8;margin-top:6px}
.admin-top h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.025em;margin:12px 0 6px;color:#fff}
.admin-top__description{color:#c7c7cd}
.admin-top a{color:#f4f4f5;border:1px solid #5b5b60;border-radius:9px;padding:10px 14px;text-decoration:none;font-weight:700;background:#ffffff0d;white-space:nowrap}
.admin-top a:hover{border-color:#ee2735;background:#ffffff17}
.admin-card{
  border:1px solid #e3e3e7;border-top:3px solid #e30613;
  border-radius:15px;background:#fff;color:#24252b;
  padding:clamp(18px,3vw,28px);margin-bottom:20px;
  box-shadow:0 8px 28px #1919190a;
}
.admin-card h2{color:#202126;letter-spacing:-.02em}
.admin-card h3{color:#282930}
.admin-card p{color:#666a75}
.admin-card label{color:#282a30}
.admin-card input{
  border:1px solid #d7d8df;border-radius:9px;background:#fff;color:#22242a;
  min-height:44px;max-width:100%;
}
.admin-card input:focus{outline:2px solid #e30613;outline-offset:1px;border-color:#e30613}
.admin-card input:disabled{background:#f4f4f5}
.admin-action{
  border-radius:9px;background:#e30613;color:#fff;border:1px solid #e30613;
  transition:background .12s ease,border-color .12s ease;
}
.admin-action:hover:not(:disabled){background:#b8000a;border-color:#b8000a}
.admin-action.secondary{background:#27272a;color:#fff;border-color:#27272a}
.admin-action.secondary:hover:not(:disabled){background:#414145;border-color:#414145}
.admin-action:disabled{opacity:.48;cursor:not-allowed}
.admin-note{background:#f4f4f6;border:1px solid #e5e5e9;color:#383a43}
.admin-alert{background:#fff2f2;border:1px solid #f5cbcf;color:#a70c18}
.admin-success{background:#edf8f1;border:1px solid #cfebd9;color:#216642}
.admin-chip{background:#f5f5f6;border:1px solid #e7e7e9;color:#4d4f5a}
.admin-help{color:#727782}
.vp-table-outer{border:1px solid #e8e8eb;border-radius:10px;overflow:auto}
.vp-import-table{margin:0;min-width:520px}
.vp-import-table th{background:#f4f4f6;color:#5f626e;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.vp-import-table td{border-bottom:1px solid #ececf0;color:#282930}
.vp-import-table tbody tr:hover{background:#fff5f5}
.vp-import-table .vp-verified{color:#216642}
.vp-import-table .vp-unverified{color:#ae2330}
.admin-card code{background:#f5f5f7;padding:2px 5px;border-radius:4px}
@media(max-width:650px){
  .admin-wrap{margin:10px auto;padding:10px 12px 28px}
  .admin-top{padding:20px 18px}
  .admin-header{align-items:flex-start;flex-direction:column;gap:16px}
  .admin-brand{width:235px;height:74px}
  .admin-top a{white-space:normal}
  .admin-top::after{width:240px;height:240px;right:-35px;bottom:-112px}
  .admin-actions{gap:10px}
  .admin-action{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.admin-action{transition:none}}

/* Admin visual consistency patch v2: consistent palette and readable controls. */
body.admin-body{font-family:inherit;background:#f5f5f7;color:#20232a}
.admin-card h2,.admin-card h3{color:#19191b}
.admin-card a,.admin-help a{color:#b90010}
.admin-card button:focus-visible,.admin-top a:focus-visible,.admin-card input:focus-visible{outline:3px solid #e30613;outline-offset:2px}
.admin-top{background-color:#151515}
.admin-card{border-top-color:#e30613}
.admin-card .vp-import-table th{color:#53545b;background:#f4f4f6}
.admin-card .vp-import-table td{color:#24252a}
.admin-card .admin-note{background:#f6f6f8;color:#42434a}
.admin-action.secondary{background:#262629;color:#fff}
@media(max-width:650px){.admin-card{padding:17px 15px}.admin-actions .admin-action{white-space:normal;overflow-wrap:anywhere}}