/*
 * Datei: assets/styles/admin-pages.css
 * Zweck: Bereichsspezifische Admin-Unterseitenregeln.
 * Status: ergänzend aktiv
 * Verantwortet: Login-Karten, Admin-Dokumentseiten und admin-interne Detaillayouts.
 */


.admin-login-shell{min-height:calc(100vh - 72px)}
.admin-login-section{max-width:560px;margin:0 auto}
.admin-login-card{display:grid;gap:14px}
.admin-login-title{margin:0;font-size:1.6rem}
.admin-login-actions{display:flex;justify-content:flex-start}
.admin-card-title{margin-top:0}

.admin-page-shell{width:100%;max-width:1100px;margin:0 auto;padding:28px 18px 56px}
.admin-panel{background:var(--panel,#121722);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.admin-page-topbar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-bottom:18px}
@media (max-width:900px){.admin-page-topbar{grid-template-columns:1fr}}
.admin-page-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.admin-page-title{margin:0 0 8px;font-size:34px;line-height:1.04}
.admin-page-sub{margin:0;color:var(--muted);font-size:16px;line-height:1.45}
.admin-toolbar{display:grid;gap:12px}
.admin-field{display:grid;gap:6px}
.admin-field-label{display:block;font-size:13px;color:var(--muted);margin:0}
.admin-input,.admin-select,.admin-textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--text);padding:14px 16px;font:inherit}
.admin-textarea{min-height:132px;resize:vertical}
.admin-select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--dg-text, #f5f2ee) 50%),linear-gradient(135deg,var(--dg-text, #f5f2ee) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}
.admin-actions{display:flex;flex-wrap:wrap;gap:10px}
body[data-page="admin-home"] .linklist{display:grid;gap:12px}
body[data-page="admin-home"] .panel-link{display:grid;gap:4px}


.zm-u-001{height:10px}
.zm-u-004{height:16px}
.zm-u-005{height:18px}
.zm-u-006{height:12px}
.zm-u-007{margin-top:18px}

/* admin/handbuch.html */
body[data-page="admin-handbuch"] .doc-shell{max-width:1100px;margin:0 auto;padding:24px 18px 56px}
body[data-page="admin-handbuch"] .doc-panel{background:var(--surface,#121722);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px}
body[data-page="admin-handbuch"] .doc-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.72;margin:0 0 10px}
body[data-page="admin-handbuch"] .doc-title{font-size:34px;line-height:1.1;margin:0 0 12px}
body[data-page="admin-handbuch"] .doc-lead{font-size:16px;opacity:.86;margin:0 0 22px}
body[data-page="admin-handbuch"] .doc-section{padding-top:18px;border-top:1px solid rgba(255,255,255,.08);margin-top:18px}
body[data-page="admin-handbuch"] .doc-section h2{font-size:22px;margin:0 0 12px}
body[data-page="admin-handbuch"] .doc-list{display:grid;gap:10px}
body[data-page="admin-handbuch"] .doc-item{padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.02)}
body[data-page="admin-handbuch"] .doc-item strong{display:block;margin-bottom:4px}

/* admin/glossar.html */
body[data-page="admin-glossar"] .doc-shell{max-width:1100px;margin:0 auto;padding:24px 18px 56px}
body[data-page="admin-glossar"] .doc-panel{background:var(--surface,#121722);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px}
body[data-page="admin-glossar"] .doc-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.72;margin:0 0 10px}
body[data-page="admin-glossar"] .doc-title{font-size:34px;line-height:1.1;margin:0 0 12px}
body[data-page="admin-glossar"] .doc-lead{font-size:16px;opacity:.86;margin:0 0 22px}
body[data-page="admin-glossar"] .doc-section{padding-top:18px;border-top:1px solid rgba(255,255,255,.08);margin-top:18px}
body[data-page="admin-glossar"] .doc-section h2{font-size:22px;margin:0 0 12px}
body[data-page="admin-glossar"] .doc-list{display:grid;gap:10px}
body[data-page="admin-glossar"] .doc-item{padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.02)}
body[data-page="admin-glossar"] .doc-item strong{display:block;margin-bottom:4px}

/* admin/tools/recipe_engine.html */
body[data-page="admin-tools-recipe-engine"]{}
body[data-page="admin-tools-recipe-engine"] *{box-sizing:border-box}
body[data-page="admin-tools-recipe-engine"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-tools-recipe-engine"] .wrap{max-width:1360px;margin:0 auto;padding:28px 18px 56px}
body[data-page="admin-tools-recipe-engine"] h1{font-size:40px;margin:0 0 8px}
body[data-page="admin-tools-recipe-engine"] .lead{font-size:18px;color:var(--muted);margin:0 0 18px}
body[data-page="admin-tools-recipe-engine"] .grid{display:grid;grid-template-columns:320px 1fr;gap:18px}
@media (max-width:980px){body[data-page="admin-tools-recipe-engine"] .grid{grid-template-columns:1fr}}
body[data-page="admin-tools-recipe-engine"] .card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:18px}
body[data-page="admin-tools-recipe-engine"] input, body[data-page="admin-tools-recipe-engine"] select{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px 16px;font-size:16px}
body[data-page="admin-tools-recipe-engine"] label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
body[data-page="admin-tools-recipe-engine"] .list{display:grid;gap:10px;max-height:70vh;overflow:auto}
body[data-page="admin-tools-recipe-engine"] .item{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}
body[data-page="admin-tools-recipe-engine"] .item.active{outline:2px solid var(--dg-accent, #d7b56d)}
body[data-page="admin-tools-recipe-engine"] .small{font-size:13px;color:var(--muted)}
body[data-page="admin-tools-recipe-engine"] .title{font-size:26px;margin:0 0 6px}
body[data-page="admin-tools-recipe-engine"] .badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
body[data-page="admin-tools-recipe-engine"] .badge{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:13px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-tools-recipe-engine"] .dashboard{display:grid;gap:12px}
body[data-page="admin-tools-recipe-engine"] .metric{display:grid;grid-template-columns:180px 1fr 110px;gap:14px;align-items:center}
@media (max-width:720px){body[data-page="admin-tools-recipe-engine"] .metric{grid-template-columns:1fr;gap:8px}}
body[data-page="admin-tools-recipe-engine"] .metric .label{font-size:19px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-tools-recipe-engine"] .track{height:56px;border-radius:999px;background:var(--track);position:relative;border:1px solid rgba(255,255,255,.06);overflow:hidden}
body[data-page="admin-tools-recipe-engine"] .fill{height:100%;border-radius:999px;background:var(--accent);display:block}
body[data-page="admin-tools-recipe-engine"] .value{font-size:30px;color:var(--dg-muted, #bdb9b4);text-align:right}
@media (max-width:720px){body[data-page="admin-tools-recipe-engine"] .value{text-align:left;font-size:24px}}
body[data-page="admin-tools-recipe-engine"] .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
@media (max-width:980px){body[data-page="admin-tools-recipe-engine"] .grid2{grid-template-columns:1fr}}
body[data-page="admin-tools-recipe-engine"] .table{overflow:auto;border:1px solid var(--line);border-radius:18px}
body[data-page="admin-tools-recipe-engine"] table{width:100%;border-collapse:collapse}
body[data-page="admin-tools-recipe-engine"] th, body[data-page="admin-tools-recipe-engine"] td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}
body[data-page="admin-tools-recipe-engine"] th{color:var(--dg-muted, #bdb9b4);background:var(--surface-2)}
body[data-page="admin-tools-recipe-engine"] pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:14px;color:var(--dg-text, #f5f2ee);font-size:14px}
body[data-page="admin-tools-recipe-engine"] .notice{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}

/* admin/tools/creator.html */
body[data-page="admin-tools-creator"]{}
body[data-page="admin-tools-creator"] *{box-sizing:border-box}
body[data-page="admin-tools-creator"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-tools-creator"] .wrap{max-width:1200px;margin:0 auto;padding:28px 18px 48px}
body[data-page="admin-tools-creator"] h1{font-size:40px;margin:0 0 8px}
body[data-page="admin-tools-creator"] p{color:var(--muted);font-size:18px;margin:0 0 18px}
body[data-page="admin-tools-creator"] .grid{display:grid;grid-template-columns:380px 1fr;gap:18px}
@media (max-width:980px){body[data-page="admin-tools-creator"] .grid{grid-template-columns:1fr}}
body[data-page="admin-tools-creator"] .card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:18px}
body[data-page="admin-tools-creator"] label{font-size:13px;color:var(--muted);display:block;margin-bottom:6px}
body[data-page="admin-tools-creator"] select, body[data-page="admin-tools-creator"] input{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px 16px;font-size:16px;margin-bottom:12px}
body[data-page="admin-tools-creator"] button{width:100%;border:1px solid var(--line);background:var(--dg-accent, #d7b56d);color:#111;border-radius:16px;padding:14px 16px;font-size:16px;cursor:pointer}
body[data-page="admin-tools-creator"] pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:16px;font-size:14px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-tools-creator"] .badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
body[data-page="admin-tools-creator"] .badge{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:13px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-tools-creator"] .notice{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}

/* admin/tools/recipes.html */
body[data-page="admin-tools-recipes"]{}
body[data-page="admin-tools-recipes"] *{box-sizing:border-box}
body[data-page="admin-tools-recipes"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-tools-recipes"] .wrap{max-width:1320px;margin:0 auto;padding:28px 18px 56px}
body[data-page="admin-tools-recipes"] h1{font-size:40px;margin:0 0 8px}
body[data-page="admin-tools-recipes"] .lead{font-size:18px;color:var(--muted);margin:0 0 18px}
body[data-page="admin-tools-recipes"] .grid{display:grid;grid-template-columns:320px 1fr;gap:18px}
@media (max-width:980px){body[data-page="admin-tools-recipes"] .grid{grid-template-columns:1fr}}
body[data-page="admin-tools-recipes"] .card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:18px}
body[data-page="admin-tools-recipes"] input, body[data-page="admin-tools-recipes"] select{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px 16px;font-size:16px}
body[data-page="admin-tools-recipes"] label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
body[data-page="admin-tools-recipes"] .list{display:grid;gap:10px;max-height:70vh;overflow:auto}
body[data-page="admin-tools-recipes"] .item{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}
body[data-page="admin-tools-recipes"] .item.active{outline:2px solid var(--dg-accent, #d7b56d)}
body[data-page="admin-tools-recipes"] .small{font-size:13px;color:var(--muted)}
body[data-page="admin-tools-recipes"] .title{font-size:26px;margin:0 0 6px}
body[data-page="admin-tools-recipes"] .badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
body[data-page="admin-tools-recipes"] .badge{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:13px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-tools-recipes"] .section{margin-top:16px}
body[data-page="admin-tools-recipes"] .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:860px){body[data-page="admin-tools-recipes"] .grid2{grid-template-columns:1fr}}
body[data-page="admin-tools-recipes"] .notice{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
body[data-page="admin-tools-recipes"] .icons{display:flex;gap:12px;flex-wrap:wrap}
body[data-page="admin-tools-recipes"] .iconbox{display:grid;justify-items:center;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);min-width:78px}
body[data-page="admin-tools-recipes"] .iconbox svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
body[data-page="admin-tools-recipes"] pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:14px;color:var(--dg-text, #f5f2ee);font-size:14px}
body[data-page="admin-tools-recipes"] .dashboard{display:grid;gap:12px;margin-top:12px}
body[data-page="admin-tools-recipes"] .metric{display:grid;grid-template-columns:180px 1fr 110px;gap:14px;align-items:center}
@media (max-width:720px){body[data-page="admin-tools-recipes"] .metric{grid-template-columns:1fr;gap:8px}}
body[data-page="admin-tools-recipes"] .metric .label{font-size:19px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-tools-recipes"] .track{height:56px;border-radius:999px;background:var(--track);position:relative;border:1px solid rgba(255,255,255,.06);overflow:hidden}
body[data-page="admin-tools-recipes"] .fill{height:100%;border-radius:999px;background:var(--accent);display:block}
body[data-page="admin-tools-recipes"] .value{font-size:30px;color:var(--dg-muted, #bdb9b4);text-align:right}
@media (max-width:720px){body[data-page="admin-tools-recipes"] .value{text-align:left;font-size:24px}}

/* admin/content/drink_detail_dynamic.html */
body[data-page="admin-content-drink-detail-dynamic"]{}
body[data-page="admin-content-drink-detail-dynamic"] *{box-sizing:border-box}
body[data-page="admin-content-drink-detail-dynamic"]{margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:linear-gradient(180deg,var(--bg),var(--surface-2));
  color:var(--text);}
body[data-page="admin-content-drink-detail-dynamic"] .admin-page-shell{max-width:1100px;
  margin:0 auto;
  padding:28px 18px 56px;}
body[data-page="admin-content-drink-detail-dynamic"] .admin-page-topbar{display:grid;
  grid-template-columns:1fr 280px;
  gap:18px;
  margin-bottom:18px;}
@media (max-width:900px){body[data-page="admin-content-drink-detail-dynamic"] .admin-page-topbar{grid-template-columns:1fr}}
body[data-page="admin-content-drink-detail-dynamic"] .admin-panel{background:var(--panel);
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;}
body[data-page="admin-content-drink-detail-dynamic"] h1{font-size:38px;
  margin:0 0 8px;}
body[data-page="admin-content-drink-detail-dynamic"] .sub{color:var(--muted);
  margin:0;
  font-size:16px;}
body[data-page="admin-content-drink-detail-dynamic"] .admin-toolbar{display:grid;
  gap:12px;}
body[data-page="admin-content-drink-detail-dynamic"] label{display:block;
  font-size:13px;
  color:var(--muted);
  margin-bottom:6px;}
body[data-page="admin-content-drink-detail-dynamic"] input, body[data-page="admin-content-drink-detail-dynamic"] select, body[data-page="admin-content-drink-detail-dynamic"] textarea{width:100%;
  border:1px solid var(--line);
  background:var(--surface-2);
  color:var(--text);
  border-radius:16px;
  padding:14px 16px;
  font-size:16px;
  font:inherit;}
body[data-page="admin-content-drink-detail-dynamic"] textarea{min-height:132px;resize:vertical;}
body[data-page="admin-content-drink-detail-dynamic"] .hero{display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  margin-bottom:18px;}
@media (max-width:900px){body[data-page="admin-content-drink-detail-dynamic"] .hero{grid-template-columns:1fr}}
body[data-page="admin-content-drink-detail-dynamic"] .imagebox{min-height:320px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--surface-2);
  overflow:hidden;
  display:grid;
  place-items:center;}
body[data-page="admin-content-drink-detail-dynamic"] .imagebox img{width:100%;
  height:100%;
  object-fit:cover;}
body[data-page="admin-content-drink-detail-dynamic"] .placeholder{color:var(--muted);
  text-align:center;
  padding:30px;}
body[data-page="admin-content-drink-detail-dynamic"] .badges{display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0 0;}
body[data-page="admin-content-drink-detail-dynamic"] .badge{display:inline-flex;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface-2);
  font-size:13px;
  color:var(--dg-text, #f5f2ee);}
body[data-page="admin-content-drink-detail-dynamic"] .grid{display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;}
@media (max-width:900px){body[data-page="admin-content-drink-detail-dynamic"] .grid{grid-template-columns:1fr}}
body[data-page="admin-content-drink-detail-dynamic"] .section-title{font-size:13px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:12px;}
body[data-page="admin-content-drink-detail-dynamic"] .table{overflow:auto;
  border:1px solid var(--line);
  border-radius:18px;}
body[data-page="admin-content-drink-detail-dynamic"] table{width:100%;
  border-collapse:collapse;}
body[data-page="admin-content-drink-detail-dynamic"] th, body[data-page="admin-content-drink-detail-dynamic"] td{padding:12px 14px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:14px;
  vertical-align:top;}
body[data-page="admin-content-drink-detail-dynamic"] th{color:var(--dg-muted, #bdb9b4);
  background:var(--surface-2);}
body[data-page="admin-content-drink-detail-dynamic"] .dashboard{display:grid;
  gap:10px;}
body[data-page="admin-content-drink-detail-dynamic"] .metric{display:grid;
  grid-template-columns:140px 1fr 60px;
  gap:12px;
  align-items:center;}
@media (max-width:700px){body[data-page="admin-content-drink-detail-dynamic"] .metric{grid-template-columns:1fr;gap:8px}}
body[data-page="admin-content-drink-detail-dynamic"] .track{height:18px;
  background:var(--track);
  border-radius:999px;
  overflow:hidden;}
body[data-page="admin-content-drink-detail-dynamic"] .fill{height:100%;
  background:var(--accent);
  border-radius:999px;}
body[data-page="admin-content-drink-detail-dynamic"] .value{text-align:right;
  color:var(--dg-text, #f5f2ee);
  font-weight:700;}
@media (max-width:700px){body[data-page="admin-content-drink-detail-dynamic"] .value{text-align:left}}
body[data-page="admin-content-drink-detail-dynamic"] .notice{padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--surface-2);}
body[data-page="admin-content-drink-detail-dynamic"] ol{margin:0;
  padding-left:22px;}
body[data-page="admin-content-drink-detail-dynamic"] ol li{margin-bottom:8px;}
body[data-page="admin-content-drink-detail-dynamic"] .small{color:var(--muted);
  font-size:13px;}
body[data-page="admin-content-drink-detail-dynamic"] .meta-grid{display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;}
@media (max-width:700px){body[data-page="admin-content-drink-detail-dynamic"] .meta-grid{grid-template-columns:1fr}}
body[data-page="admin-content-drink-detail-dynamic"] .meta-item{padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);}
body[data-page="admin-content-drink-detail-dynamic"] .linkline{margin-top:10px;
  font-size:13px;
  color:var(--muted);}
body[data-page="admin-content-drink-detail-dynamic"] .linkline a{color:var(--dg-accent, #d7b56d);
  text-decoration:none;}

body[data-page="admin-content-drink-detail-dynamic"] .correction-banner{display:grid;gap:12px;margin-bottom:16px;padding:14px 16px;border:1px solid rgba(215,181,109,.24);border-radius:18px;background:rgba(215,181,109,.08)}
body[data-page="admin-content-drink-detail-dynamic"] .correction-banner.hidden{display:none}
body[data-page="admin-content-drink-detail-dynamic"] .correction-banner-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-content-drink-detail-dynamic"] .correction-banner-copy p{margin:10px 0 0;color:var(--dg-text, #f5f2ee);line-height:1.5}
body[data-page="admin-content-drink-detail-dynamic"] .correction-banner-actions{display:flex;gap:10px;flex-wrap:wrap}
body[data-page="admin-content-drink-detail-dynamic"] [data-focus-area].is-highlighted{box-shadow:0 0 0 2px rgba(215,181,109,.28), var(--shadow);border-color:rgba(215,181,109,.34)}

body[data-page="admin-content-corrections"] .corrections-grid{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr)}
@media (max-width:980px){body[data-page="admin-content-corrections"] .corrections-grid{grid-template-columns:1fr}}
body[data-page="admin-content-corrections"] .corrections-list{display:grid;gap:10px}
body[data-page="admin-content-corrections"] .correction-row{width:100%;display:grid;gap:8px;padding:14px 15px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);text-align:left}
body[data-page="admin-content-corrections"] .correction-row.is-active{border-color:rgba(215,181,109,.34);box-shadow:0 0 0 1px rgba(215,181,109,.16)}
body[data-page="admin-content-corrections"] .correction-row-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
body[data-page="admin-content-corrections"] .correction-row-top span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
body[data-page="admin-content-corrections"] .correction-row-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}
body[data-page="admin-content-corrections"] .correction-row-note{color:var(--dg-text, #f5f2ee);line-height:1.45;font-size:14px}
body[data-page="admin-content-corrections"] .correction-empty,body[data-page="admin-content-corrections"] .correction-detail-empty{padding:20px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}
body[data-page="admin-content-corrections"] .correction-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
@media (max-width:700px){body[data-page="admin-content-corrections"] .correction-detail-head{flex-direction:column}}
body[data-page="admin-content-corrections"] .correction-detail-head h2{margin:0 0 10px;font-size:24px}
body[data-page="admin-content-corrections"] .correction-detail-actions{display:flex;gap:10px;flex-wrap:wrap}
body[data-page="admin-content-corrections"] .correction-note-box{margin:0 0 18px;line-height:1.5}
body[data-page="admin-content-corrections"] .correction-status-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
body[data-page="admin-content-corrections"] .correction-detail-list{margin:0;padding-left:20px}
body[data-page="admin-content-corrections"] .correction-detail-list li{margin-bottom:8px}

/* admin/content/rules.html */
body[data-page="admin-content-rules"]{}
body[data-page="admin-content-rules"] *{box-sizing:border-box}
body[data-page="admin-content-rules"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-content-rules"] .wrap{max-width:1180px;margin:0 auto;padding:28px 18px 48px}
body[data-page="admin-content-rules"] h1{font-size:38px;margin:0 0 8px}
body[data-page="admin-content-rules"] .sub{color:var(--muted);margin:0 0 22px}
body[data-page="admin-content-rules"] .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:900px){body[data-page="admin-content-rules"] .grid{grid-template-columns:1fr}}
body[data-page="admin-content-rules"] .card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px}
body[data-page="admin-content-rules"] .title{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
body[data-page="admin-content-rules"] .item{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);margin-bottom:10px}
body[data-page="admin-content-rules"] .name{font-weight:700;margin-bottom:6px}
body[data-page="admin-content-rules"] .small{color:var(--muted);font-size:13px;line-height:1.5}
body[data-page="admin-content-rules"] pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:13px;color:var(--dg-text, #f5f2ee)}

/* admin/content/operational.html */
body[data-page="admin-content-operational"]{}
body[data-page="admin-content-operational"] *{box-sizing:border-box}
body[data-page="admin-content-operational"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-content-operational"] .wrap{max-width:1400px;margin:0 auto;padding:28px 18px 56px}
body[data-page="admin-content-operational"] h1{font-size:40px;margin:0 0 8px}
body[data-page="admin-content-operational"] .lead{font-size:18px;color:var(--muted);margin:0 0 18px}
body[data-page="admin-content-operational"] .grid{display:grid;grid-template-columns:340px 1fr;gap:18px}
@media (max-width:980px){body[data-page="admin-content-operational"] .grid{grid-template-columns:1fr}}
body[data-page="admin-content-operational"] .card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:18px}
body[data-page="admin-content-operational"] input, body[data-page="admin-content-operational"] select{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px 16px;font-size:16px}
body[data-page="admin-content-operational"] label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
body[data-page="admin-content-operational"] .list{display:grid;gap:10px;max-height:72vh;overflow:auto}
body[data-page="admin-content-operational"] .item{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}
body[data-page="admin-content-operational"] .item.active{outline:2px solid var(--dg-accent, #d7b56d)}
body[data-page="admin-content-operational"] .small{font-size:13px;color:var(--muted)}
body[data-page="admin-content-operational"] .title{font-size:28px;margin:0 0 6px}
body[data-page="admin-content-operational"] .badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
body[data-page="admin-content-operational"] .badge{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:13px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-content-operational"] .notice{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
body[data-page="admin-content-operational"] .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
@media (max-width:980px){body[data-page="admin-content-operational"] .grid2{grid-template-columns:1fr}}
body[data-page="admin-content-operational"] .table{overflow:auto;border:1px solid var(--line);border-radius:18px}
body[data-page="admin-content-operational"] table{width:100%;border-collapse:collapse}
body[data-page="admin-content-operational"] th, body[data-page="admin-content-operational"] td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;vertical-align:top}
body[data-page="admin-content-operational"] th{color:var(--dg-muted, #bdb9b4);background:var(--surface-2)}
body[data-page="admin-content-operational"] .dashboard{display:grid;gap:12px}
body[data-page="admin-content-operational"] .metric{display:grid;grid-template-columns:180px 1fr 110px;gap:14px;align-items:center}
@media (max-width:720px){body[data-page="admin-content-operational"] .metric{grid-template-columns:1fr;gap:8px}}
body[data-page="admin-content-operational"] .metric .label{font-size:18px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-content-operational"] .track{height:48px;border-radius:999px;background:var(--track);position:relative;border:1px solid rgba(255,255,255,.06);overflow:hidden}
body[data-page="admin-content-operational"] .fill{height:100%;border-radius:999px;background:var(--accent);display:block}
body[data-page="admin-content-operational"] .value{font-size:28px;color:var(--dg-muted, #bdb9b4);text-align:right}
@media (max-width:720px){body[data-page="admin-content-operational"] .value{text-align:left;font-size:24px}}
body[data-page="admin-content-operational"] pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:14px;color:var(--dg-text, #f5f2ee);font-size:14px}

/* admin/editor/index.html */
body[data-page="admin-editor-index"]{}
body[data-page="admin-editor-index"] *{box-sizing:border-box}
body[data-page="admin-editor-index"], body[data-page="admin-editor-index"]{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body[data-page="admin-editor-index"] button, body[data-page="admin-editor-index"] input, body[data-page="admin-editor-index"] textarea, body[data-page="admin-editor-index"] select{font:inherit}
body[data-page="admin-editor-index"] .wrap{display:grid;grid-template-columns:320px 1fr;min-height:100vh}
body[data-page="admin-editor-index"] .sidebar{background:var(--surface);border-right:1px solid var(--line);padding:14px;display:grid;gap:10px}
body[data-page="admin-editor-index"] .main{padding:14px;display:grid;gap:12px}
body[data-page="admin-editor-index"] .editor-header{display:flex;justify-content:space-between;align-items:center;gap:10px}
body[data-page="admin-editor-index"] .editor-title{font-weight:800;font-size:20px}
body[data-page="admin-editor-index"] .panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px}
body[data-page="admin-editor-index"] .list{display:grid;gap:8px;max-height:calc(100vh - 220px);overflow:auto}
body[data-page="admin-editor-index"] .rowbtn{width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--text);cursor:pointer}
body[data-page="admin-editor-index"] .rowbtn.active{border-color:var(--brand);box-shadow:0 0 0 1px rgba(215,181,109,.22)}
body[data-page="admin-editor-index"] .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body[data-page="admin-editor-index"] .grid-1{display:grid;grid-template-columns:1fr;gap:10px}
body[data-page="admin-editor-index"] label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
body[data-page="admin-editor-index"] input, body[data-page="admin-editor-index"] textarea, body[data-page="admin-editor-index"] select{width:100%;background:var(--surface2);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 12px}
body[data-page="admin-editor-index"] textarea{min-height:96px;resize:vertical}
body[data-page="admin-editor-index"] .actions{display:flex;flex-wrap:wrap;gap:10px}
body[data-page="admin-editor-index"] button.action{padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--text);cursor:pointer}
body[data-page="admin-editor-index"] .preview{display:grid;gap:10px}
body[data-page="admin-editor-index"] .small{font-size:12px;color:var(--muted)}
@media (max-width:900px){body[data-page="admin-editor-index"] .wrap{grid-template-columns:1fr}body[data-page="admin-editor-index"] .list{max-height:260px}body[data-page="admin-editor-index"] .grid{grid-template-columns:1fr}}

/* admin/analytics/menu_engine.html */
body[data-page="admin-analytics-menu-engine"]{}
body[data-page="admin-analytics-menu-engine"] *{box-sizing:border-box}
body[data-page="admin-analytics-menu-engine"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-analytics-menu-engine"] .wrap{max-width:1340px;margin:0 auto;padding:28px 18px 56px}
body[data-page="admin-analytics-menu-engine"] h1{font-size:42px;margin:0 0 8px}
body[data-page="admin-analytics-menu-engine"] .lead{font-size:18px;color:var(--muted);margin:0 0 20px}
body[data-page="admin-analytics-menu-engine"] .grid{display:grid;grid-template-columns:360px 1fr;gap:18px}
@media (max-width:1000px){body[data-page="admin-analytics-menu-engine"] .grid{grid-template-columns:1fr}}
body[data-page="admin-analytics-menu-engine"] .card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:18px}
body[data-page="admin-analytics-menu-engine"] label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}
body[data-page="admin-analytics-menu-engine"] select, body[data-page="admin-analytics-menu-engine"] input, body[data-page="admin-analytics-menu-engine"] button{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px 16px;font-size:16px}
body[data-page="admin-analytics-menu-engine"] button{cursor:pointer}
body[data-page="admin-analytics-menu-engine"] button.primary{background:var(--dg-accent, #d7b56d);color:#111;border-color:var(--dg-accent, #d7b56d)}
body[data-page="admin-analytics-menu-engine"] button.ghost{background:var(--surface-2)}
body[data-page="admin-analytics-menu-engine"] .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
@media (max-width:860px){body[data-page="admin-analytics-menu-engine"] .kpis{grid-template-columns:repeat(2,1fr)}}
body[data-page="admin-analytics-menu-engine"] .kpi{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
body[data-page="admin-analytics-menu-engine"] .kpi .l{color:var(--muted);font-size:13px}
body[data-page="admin-analytics-menu-engine"] .kpi .v{font-size:28px;font-weight:800;margin-top:4px}
body[data-page="admin-analytics-menu-engine"] .columns{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media (max-width:860px){body[data-page="admin-analytics-menu-engine"] .columns{grid-template-columns:1fr}}
body[data-page="admin-analytics-menu-engine"] .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
body[data-page="admin-analytics-menu-engine"] .badge{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--dg-text, #f5f2ee);font-size:13px}
body[data-page="admin-analytics-menu-engine"] .list{display:grid;gap:10px}
body[data-page="admin-analytics-menu-engine"] .item{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2)}
body[data-page="admin-analytics-menu-engine"] .item h3{margin:0 0 4px;font-size:17px}
body[data-page="admin-analytics-menu-engine"] .small{font-size:13px;color:var(--muted)}
body[data-page="admin-analytics-menu-engine"] .section{margin-top:18px}
body[data-page="admin-analytics-menu-engine"] .table{overflow:auto;border:1px solid var(--line);border-radius:18px}
body[data-page="admin-analytics-menu-engine"] table{width:100%;border-collapse:collapse}
body[data-page="admin-analytics-menu-engine"] th, body[data-page="admin-analytics-menu-engine"] td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px}
body[data-page="admin-analytics-menu-engine"] th{color:var(--dg-muted, #bdb9b4);background:var(--surface-2)}
body[data-page="admin-analytics-menu-engine"] .notice{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
body[data-page="admin-analytics-menu-engine"] canvas{width:100%;height:340px;background:var(--dg-surface-solid, #121316);border-radius:18px;border:1px solid var(--line)}

/* admin/analytics/training_level2.html */
body[data-page="admin-analytics-training-level2"]{}
body[data-page="admin-analytics-training-level2"] *{box-sizing:border-box}
body[data-page="admin-analytics-training-level2"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-analytics-training-level2"] .wrap{max-width:1280px;margin:0 auto;padding:28px 18px 48px}
body[data-page="admin-analytics-training-level2"] h1{font-size:38px;margin:0 0 10px}
body[data-page="admin-analytics-training-level2"] .sub{color:var(--muted);margin:0 0 22px;font-size:17px}
body[data-page="admin-analytics-training-level2"] .topbar{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;margin-bottom:18px}
@media (max-width:860px){body[data-page="admin-analytics-training-level2"] .topbar{grid-template-columns:1fr 1fr;}body[data-page="admin-analytics-training-level2"] .topbar .full{grid-column:1/-1}}
body[data-page="admin-analytics-training-level2"] .pill{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--dg-surface-solid, #121316)}
body[data-page="admin-analytics-training-level2"] .btn{padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;font-weight:700}
body[data-page="admin-analytics-training-level2"] .btn.primary{background:var(--accent);color:#111;border-color:var(--accent)}
body[data-page="admin-analytics-training-level2"] .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:980px){body[data-page="admin-analytics-training-level2"] .grid{grid-template-columns:1fr}}
body[data-page="admin-analytics-training-level2"] .card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;cursor:pointer;transition:.18s}
body[data-page="admin-analytics-training-level2"] .card:hover{transform:translateY(-2px)}
body[data-page="admin-analytics-training-level2"] .card.selected{outline:2px solid var(--accent)}
body[data-page="admin-analytics-training-level2"] .title{font-size:24px;margin-bottom:10px}
body[data-page="admin-analytics-training-level2"] .badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
body[data-page="admin-analytics-training-level2"] .badge{font-size:12px;padding:4px 8px;border:1px solid var(--line);border-radius:999px}
body[data-page="admin-analytics-training-level2"] .metric{display:grid;grid-template-columns:110px 1fr 52px;gap:10px;align-items:center;margin:8px 0}
body[data-page="admin-analytics-training-level2"] .track{height:16px;background:#364159;border-radius:999px;overflow:hidden}
body[data-page="admin-analytics-training-level2"] .fill{height:100%;background:var(--accent)}
body[data-page="admin-analytics-training-level2"] .section{margin-top:20px}
body[data-page="admin-analytics-training-level2"] .result{margin-top:18px;padding:18px;border-radius:16px;background:var(--dg-surface-solid, #121316);border:1px solid var(--line);min-height:120px}
body[data-page="admin-analytics-training-level2"] .ok{color:var(--ok);font-weight:800}
body[data-page="admin-analytics-training-level2"] .bad{color:var(--bad);font-weight:800}
body[data-page="admin-analytics-training-level2"] .list{margin:8px 0 0 18px;color:var(--dg-muted, #bdb9b4)}
body[data-page="admin-analytics-training-level2"] .small{font-size:13px;color:var(--muted)}
body[data-page="admin-analytics-training-level2"] .footergrid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}
@media (max-width:980px){body[data-page="admin-analytics-training-level2"] .footergrid{grid-template-columns:1fr}}
body[data-page="admin-analytics-training-level2"] .box{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}
body[data-page="admin-analytics-training-level2"] pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:13px;color:var(--dg-text, #f5f2ee)}

/* admin/analytics/dashboard.html */
body[data-page="admin-analytics-dashboard"]{}
body[data-page="admin-analytics-dashboard"] *{box-sizing:border-box}
body[data-page="admin-analytics-dashboard"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-analytics-dashboard"] .wrap{max-width:1320px;margin:0 auto;padding:28px 18px 48px}
body[data-page="admin-analytics-dashboard"] h1{font-size:42px;line-height:1.05;margin:0 0 8px}
body[data-page="admin-analytics-dashboard"] p.lead{margin:0 0 22px;color:var(--muted);font-size:18px}
body[data-page="admin-analytics-dashboard"] .grid{display:grid;grid-template-columns:350px 1fr;gap:18px}
@media (max-width:980px){body[data-page="admin-analytics-dashboard"] .grid{grid-template-columns:1fr}}
body[data-page="admin-analytics-dashboard"] .card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
body[data-page="admin-analytics-dashboard"] .controls{display:grid;gap:12px}
body[data-page="admin-analytics-dashboard"] label{font-size:13px;color:var(--muted);display:block;margin-bottom:6px}
body[data-page="admin-analytics-dashboard"] select, body[data-page="admin-analytics-dashboard"] input, body[data-page="admin-analytics-dashboard"] button{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px 16px;font-size:16px}
body[data-page="admin-analytics-dashboard"] button{cursor:pointer}
body[data-page="admin-analytics-dashboard"] button.primary{background:var(--dg-accent, #d7b56d);color:#111;border-color:var(--dg-accent, #d7b56d)}
body[data-page="admin-analytics-dashboard"] button.ghost{background:var(--surface-2)}
body[data-page="admin-analytics-dashboard"] .section-title{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--dg-muted, #bdb9b4);margin:2px 0 14px}
body[data-page="admin-analytics-dashboard"] .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:860px){body[data-page="admin-analytics-dashboard"] .kpis{grid-template-columns:repeat(2,1fr)}}
body[data-page="admin-analytics-dashboard"] .kpi{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
body[data-page="admin-analytics-dashboard"] .kpi .v{font-size:28px;font-weight:800;margin-top:4px}
body[data-page="admin-analytics-dashboard"] .kpi .l{color:var(--muted);font-size:13px}
body[data-page="admin-analytics-dashboard"] .table{overflow:auto;border:1px solid var(--line);border-radius:18px}
body[data-page="admin-analytics-dashboard"] table{width:100%;border-collapse:collapse}
body[data-page="admin-analytics-dashboard"] th, body[data-page="admin-analytics-dashboard"] td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px}
body[data-page="admin-analytics-dashboard"] th{color:var(--dg-muted, #bdb9b4);font-weight:700;background:var(--surface-2);position:sticky;top:0}
body[data-page="admin-analytics-dashboard"] tr:hover td{background:rgba(255,255,255,.02)}
body[data-page="admin-analytics-dashboard"] .layout2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}
@media (max-width:980px){body[data-page="admin-analytics-dashboard"] .layout2{grid-template-columns:1fr}}
body[data-page="admin-analytics-dashboard"] canvas{width:100%;height:360px;background:var(--dg-surface-solid, #121316);border-radius:18px;border:1px solid var(--line)}
body[data-page="admin-analytics-dashboard"] .legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
body[data-page="admin-analytics-dashboard"] .badge{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--dg-text, #f5f2ee);font-size:13px}
body[data-page="admin-analytics-dashboard"] .small{font-size:13px;color:var(--muted)}
body[data-page="admin-analytics-dashboard"] .drinklist{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}
body[data-page="admin-analytics-dashboard"] .drinkbtn{display:grid;gap:4px;align-items:start;text-align:left}
body[data-page="admin-analytics-dashboard"] .drinkbtn strong{font-size:16px}
body[data-page="admin-analytics-dashboard"] .inline{display:flex;gap:10px;flex-wrap:wrap}
body[data-page="admin-analytics-dashboard"] hr.sep{border:none;border-top:1px solid rgba(255,255,255,.08);margin:18px 0}
body[data-page="admin-analytics-dashboard"] .notice{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--dg-text, #f5f2ee)}

/* admin/analytics/service_engine.html */
body[data-page="admin-analytics-service-engine"]{}
body[data-page="admin-analytics-service-engine"] *{box-sizing:border-box}
body[data-page="admin-analytics-service-engine"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-analytics-service-engine"] .wrap{max-width:1320px;margin:0 auto;padding:28px 18px 56px}
body[data-page="admin-analytics-service-engine"] h1{font-size:42px;margin:0 0 8px}
body[data-page="admin-analytics-service-engine"] .lead{font-size:18px;color:var(--muted);margin:0 0 20px}
body[data-page="admin-analytics-service-engine"] .grid{display:grid;grid-template-columns:360px 1fr;gap:18px}
@media (max-width:980px){body[data-page="admin-analytics-service-engine"] .grid{grid-template-columns:1fr}}
body[data-page="admin-analytics-service-engine"] .card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:18px}
body[data-page="admin-analytics-service-engine"] label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}
body[data-page="admin-analytics-service-engine"] select, body[data-page="admin-analytics-service-engine"] button{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px 16px;font-size:16px}
body[data-page="admin-analytics-service-engine"] button{cursor:pointer}
body[data-page="admin-analytics-service-engine"] button.primary{background:var(--dg-accent, #d7b56d);color:#111;border-color:var(--dg-accent, #d7b56d)}
body[data-page="admin-analytics-service-engine"] .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
@media (max-width:860px){body[data-page="admin-analytics-service-engine"] .kpis{grid-template-columns:repeat(2,1fr)}}
body[data-page="admin-analytics-service-engine"] .kpi{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
body[data-page="admin-analytics-service-engine"] .kpi .l{color:var(--muted);font-size:13px}
body[data-page="admin-analytics-service-engine"] .kpi .v{font-size:28px;font-weight:800;margin-top:4px}
body[data-page="admin-analytics-service-engine"] .columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:860px){body[data-page="admin-analytics-service-engine"] .columns{grid-template-columns:1fr}}
body[data-page="admin-analytics-service-engine"] .notice{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
body[data-page="admin-analytics-service-engine"] .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
body[data-page="admin-analytics-service-engine"] .badge{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:13px;color:var(--dg-text, #f5f2ee)}
body[data-page="admin-analytics-service-engine"] .list{display:grid;gap:10px}
body[data-page="admin-analytics-service-engine"] .item{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2)}
body[data-page="admin-analytics-service-engine"] .item h3{margin:0 0 4px;font-size:17px}
body[data-page="admin-analytics-service-engine"] .small{font-size:13px;color:var(--muted)}
body[data-page="admin-analytics-service-engine"] .table{overflow:auto;border:1px solid var(--line);border-radius:18px}
body[data-page="admin-analytics-service-engine"] table{width:100%;border-collapse:collapse}
body[data-page="admin-analytics-service-engine"] th, body[data-page="admin-analytics-service-engine"] td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px}
body[data-page="admin-analytics-service-engine"] th{color:var(--dg-muted, #bdb9b4);background:var(--surface-2)}
body[data-page="admin-analytics-service-engine"] canvas{width:100%;height:340px;background:var(--dg-surface-solid, #121316);border-radius:18px;border:1px solid var(--line)}

.hint-item{margin-bottom:8px}
.code-preview--plain{white-space:pre-wrap;margin:0}

/* AP-06 – Admin-Fertigstellung */
body[data-page="admin-content-drink-detail-dynamic"] .actions{display:flex;gap:10px;flex-wrap:wrap}
body[data-page="admin-content-drink-detail-dynamic"] textarea,
body[data-page="admin-content-drink-detail-dynamic"] input[type="number"],
body[data-page="admin-content-drink-detail-dynamic"] input[type="text"],
body[data-page="admin-content-drink-detail-dynamic"] input:not([type]){width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;color:var(--text);padding:10px 12px}
body[data-page="admin-content-drink-detail-dynamic"] textarea{min-height:120px;resize:vertical}
body[data-page="admin-content-drink-detail-dynamic"] .detail-dashboard-grid{margin-top:14px}
body[data-page="admin-content-drink-detail-dynamic"] #detailMessage[data-kind="success"]{border-color:rgba(81,205,167,.28);background:rgba(81,205,167,.12)}
body[data-page="admin-content-drink-detail-dynamic"] #detailMessage[data-kind="error"]{border-color:rgba(255,110,110,.28);background:rgba(255,110,110,.12)}

body[data-page="admin-content-operational"] .operational-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
@media (max-width:760px){body[data-page="admin-content-operational"] .operational-detail-head{flex-direction:column}}

body[data-page="admin-editor-index"] .preview-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
body[data-page="admin-editor-index"] .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){body[data-page="admin-editor-index"] .dashboard-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){body[data-page="admin-editor-index"] .dashboard-grid{grid-template-columns:1fr}}
body[data-page="admin-editor-index"] #editorMessage[data-kind="success"]{border-color:rgba(81,205,167,.28);background:rgba(81,205,167,.12)}
body[data-page="admin-editor-index"] #editorMessage[data-kind="error"]{border-color:rgba(255,110,110,.28);background:rgba(255,110,110,.12)}

body[data-page="admin-tools-validation"] .validation-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
body[data-page="admin-tools-validation"] .validation-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}
body[data-page="admin-tools-validation"] .validation-grid-top{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page="admin-tools-validation"] .validation-grid-main{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
@media (max-width:920px){body[data-page="admin-tools-validation"] .validation-grid-top,body[data-page="admin-tools-validation"] .validation-grid-main{grid-template-columns:1fr}}
body[data-page="admin-tools-validation"] .validation-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}
@media (max-width:720px){body[data-page="admin-tools-validation"] .validation-section-head{flex-direction:column;align-items:flex-start}}
body[data-page="admin-tools-validation"] .validation-filter{display:grid;gap:6px;font-size:13px;color:var(--muted)}
body[data-page="admin-tools-validation"] .validation-filter select{min-width:180px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;color:var(--text);padding:10px 12px}
body[data-page="admin-tools-validation"] .validation-list{display:grid;gap:10px}
body[data-page="admin-tools-validation"] .validation-item{display:grid;gap:8px;padding:14px 15px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2)}
body[data-page="admin-tools-validation"] .validation-item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
body[data-page="admin-tools-validation"] .validation-item-head span{text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--muted)}
body[data-page="admin-tools-validation"] .validation-item--error{border-color:rgba(255,110,110,.32);background:rgba(255,110,110,.08)}
body[data-page="admin-tools-validation"] .validation-item--warning{border-color:rgba(255,199,95,.28);background:rgba(255,199,95,.08)}
body[data-page="admin-tools-validation"] .validation-item--info{border-color:rgba(143,180,255,.26);background:rgba(143,180,255,.08)}
body[data-page="admin-tools-validation"] #validationMessage[data-kind="error"]{border-color:rgba(255,110,110,.28);background:rgba(255,110,110,.12)}
body[data-page="admin-tools-validation"] #validationMessage[data-kind="success"]{border-color:rgba(81,205,167,.28);background:rgba(81,205,167,.12)}


body[data-page="admin-content-drink-detail-dynamic"] .detail-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:820px){body[data-page="admin-content-drink-detail-dynamic"] .detail-subgrid{grid-template-columns:1fr}}
body[data-page="admin-content-drink-detail-dynamic"] .detail-subcard{display:grid;gap:10px;padding:14px 15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}
body[data-page="admin-content-drink-detail-dynamic"] .detail-form-help{font-size:13px;color:var(--muted);line-height:1.45}
body[data-page="admin-content-drink-detail-dynamic"] #ingredientsEdit{min-height:140px}
body[data-page="admin-content-drink-detail-dynamic"] .detail-subcard .actions .btn{width:100%}
@media (max-width:700px){body[data-page="admin-content-drink-detail-dynamic"] .detail-subcard .actions .btn{width:100%}}


/* admin/content/corrections.html */
body[data-page="admin-content-corrections"]{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--surface-2));color:var(--text)}
body[data-page="admin-content-corrections"] .admin-page-title{font-size:38px}
body[data-page="admin-content-corrections"] .section-title{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
body[data-page="admin-content-corrections"] .badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
body[data-page="admin-content-corrections"] .badge{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:13px;color:var(--dg-text, #f5f2ee)}

/* AP-10 – Admin-Shell-Harmonisierung */
.admin-section-nav{
  margin:0 auto 18px;
  width:100%;
  max-width:1280px;
  padding:0 18px;
}
.admin-section-nav-inner{
  display:grid;
  gap:10px;
}
.admin-section-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.admin-nav-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--text);
  text-decoration:none;
  white-space:nowrap;
  box-shadow:var(--shadow);
}
.admin-nav-link:hover{
  background:rgba(255,255,255,.08);
}
.admin-nav-link.is-active{
  background:var(--surface-2);
  border-color:rgba(215,181,109,.26);
  box-shadow:0 0 0 1px rgba(215,181,109,.14), var(--shadow);
}
.admin-nav-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(215,181,109,.14);
  color:var(--dg-text, #f5f2ee);
  font-size:12px;
}
@media (max-width:720px){
  .admin-section-row{
    flex-wrap:nowrap;
    overflow:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .admin-section-row::-webkit-scrollbar{display:none}
}

body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .wrap{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:28px 18px 56px;
}

body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) h1{
  font-size:clamp(2.1rem,4vw,2.8rem);
  line-height:1.02;
  letter-spacing:-.03em;
  margin:0 0 10px;
}

body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .lead,
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .sub,
body:is(
  [data-page="admin-tools-creator"],
  [data-page="admin-editor-index"]
) .wrap > p:first-of-type{
  margin:0 0 18px;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
  max-width:72ch;
}

body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .card,
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .box{
  background:linear-gradient(180deg,var(--panel),var(--panel2));
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;
  box-shadow:var(--shadow);
}

body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), select, textarea){
  width:100%;
  border:1px solid var(--line);
  background:var(--surface-2);
  color:var(--text);
  border-radius:16px;
  padding:14px 16px;
  font:inherit;
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) select[multiple]{
  min-height:176px;
  background-image:none;
  padding-right:16px;
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) textarea{
  min-height:132px;
  resize:vertical;
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) label{
  display:grid;
  gap:6px;
  font-size:13px;
  color:var(--muted);
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) :is(button, .action){
  min-height:var(--touch);
  padding:0 16px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--surface-2);
  color:var(--text);
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) :is(button.primary, .btn.primary){
  background:var(--brand);
  color:#0d1015;
  border-color:var(--brand);
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .badge,
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface-2);
  color:var(--dg-text, #f5f2ee);
  font-size:13px;
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .notice,
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .result{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--surface-2);
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-content-rules"],
  [data-page="admin-tools-creator"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"],
  [data-page="admin-editor-index"]
) .table{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:18px;
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-editor-index"]
) table{
  width:100%;
  border-collapse:collapse;
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-editor-index"]
) :is(th, td){
  padding:12px 14px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:14px;
  vertical-align:top;
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-editor-index"]
) th{
  color:var(--dg-muted, #bdb9b4);
  background:var(--surface-2);
}
body:is(
  [data-page="admin-content-operational"],
  [data-page="admin-tools-recipes"],
  [data-page="admin-tools-recipe-engine"],
  [data-page="admin-analytics-dashboard"],
  [data-page="admin-analytics-menu-engine"],
  [data-page="admin-analytics-service-engine"],
  [data-page="admin-analytics-training-level2"]
) canvas{
  width:100%;
  background:var(--dg-surface-solid, #121316);
  border-radius:18px;
  border:1px solid var(--line);
}
body[data-page="admin-editor-index"] .wrap{
  min-height:calc(100vh - var(--app-header-safe) - var(--app-header-h) - 24px);
  grid-template-columns:340px 1fr;
}
body[data-page="admin-editor-index"] .sidebar{
  border-radius:22px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  background:linear-gradient(180deg,var(--panel),var(--panel2));
  padding:18px;
}
body[data-page="admin-editor-index"] .main{
  padding:0;
}
body[data-page="admin-editor-index"] .preview-toolbar{
  align-items:center;
}
body[data-page="admin-content-drink-detail-dynamic"] .hero,
body[data-page="admin-content-corrections"] .grid,
body[data-page="admin-tools-validation"] .grid,
body[data-page="admin-content-operational"] .grid,
body[data-page="admin-tools-recipes"] .grid,
body[data-page="admin-tools-recipe-engine"] .grid,
body[data-page="admin-analytics-dashboard"] .grid,
body[data-page="admin-analytics-menu-engine"] .grid,
body[data-page="admin-analytics-service-engine"] .grid,
body[data-page="admin-analytics-training-level2"] .grid,
body[data-page="admin-tools-creator"] .grid{
  gap:18px;
}


/* AP-27 Admin UI Umsetzung */
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:500;font-style:normal;font-feature-settings:'liga';line-height:1;display:inline-flex;align-items:center;justify-content:center}.admin27-shell{padding-bottom:88px}.admin27-page{width:min(1320px,100%);margin:0 auto;padding:22px 18px 64px}.admin27-hero,.admin27-panel,.admin27-card,.admin27-context{background:linear-gradient(180deg,var(--panel,#121722),var(--panel2,#171d2b));border:1px solid var(--line,rgba(255,255,255,.12));box-shadow:var(--shadow,0 20px 60px rgba(0,0,0,.2))}.admin27-hero{border-radius:28px;padding:24px;margin-bottom:18px}.admin27-kicker{margin:0 0 10px;color:var(--muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.admin27-hero__titleline{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.admin27-hero h1{margin:0 0 10px;font-size:clamp(32px,5vw,58px);line-height:.98;letter-spacing:-.04em}.admin27-hero p,.admin27-card p,.admin27-panel p,.admin27-small{margin:0;color:var(--muted,#aeb6c8);line-height:1.45}.admin27-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.admin27-workarea{display:grid;gap:18px;min-width:0}.admin27-context{position:sticky;top:92px;border-radius:24px;padding:16px;display:grid;gap:12px}.admin27-context__title{display:flex;gap:8px;align-items:center;margin:0 0 4px}.admin27-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin27-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.admin27-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.admin27-panel,.admin27-card{border-radius:24px;padding:18px}.admin27-card{display:flex;gap:14px;text-decoration:none;color:inherit;min-height:126px}.admin27-card:hover{border-color:rgba(174,194,255,.45)}.admin27-card__icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(158,181,255,.12);color:#a9bbff;flex:0 0 auto}.admin27-card h3,.admin27-panel h2,.admin27-panel h3{margin:0 0 8px}.admin27-badges,.admin27-hero__status,.admin27-actions,.admin27-filters,.admin27-sections{display:flex;gap:8px;flex-wrap:wrap}.admin27-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:12px;font-weight:800;white-space:nowrap}.admin27-badge--ok{background:rgba(70,190,120,.13);border-color:rgba(70,190,120,.3);color:#b6f0cc}.admin27-badge--warn{background:rgba(236,183,79,.14);border-color:rgba(236,183,79,.34);color:#ffe3a7}.admin27-badge--critical{background:rgba(236,92,92,.14);border-color:rgba(236,92,92,.34);color:#ffb4b4}.admin27-badge--preview{background:rgba(136,160,255,.14);border-color:rgba(136,160,255,.34);color:#cbd4ff}.admin27-badge--review{background:rgba(205,154,255,.14);border-color:rgba(205,154,255,.34);color:#e7cbff}.admin27-badge--blocked{background:rgba(150,150,160,.13);border-color:rgba(180,180,190,.22);color:#d1d5df}.admin27-badge--info{background:rgba(93,180,255,.12);border-color:rgba(93,180,255,.26);color:#c5e5ff}.admin27-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);color:var(--muted)}.admin27-row strong{color:var(--text)}.admin27-action,.admin27-chip,.admin27-section-pill{display:inline-flex;align-items:center;gap:7px;text-decoration:none;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:var(--text);font-weight:800}.admin27-action{min-height:44px;padding:10px 14px;border-radius:16px}.admin27-action--primary{background:var(--dg-accent, #d7b56d);color:#111827;border-color:var(--dg-accent, #d7b56d)}.admin27-chip,.admin27-section-pill{padding:9px 12px;font-size:13px}.admin27-list{display:grid;gap:10px}.admin27-list-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:14px}.admin-section-nav{position:sticky;top:0;z-index:44;background:rgba(7,10,15,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.admin-section-nav-inner{width:min(1320px,100%);margin:0 auto;padding:10px 18px}.admin-section-row{display:flex;gap:8px;align-items:center;overflow:auto;scrollbar-width:none}.admin-nav-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#d8e0f1;text-decoration:none;font-weight:800;white-space:nowrap}.admin-nav-link.is-active{background:var(--dg-accent, #d7b56d);color:#10131a;border-color:var(--dg-accent, #d7b56d)}.admin-nav-count{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(120,140,190,.28);font-size:12px}.admin-more-menu{display:none;position:fixed;left:14px;right:14px;bottom:88px;z-index:66;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 20px 80px rgba(0,0,0,.42)}.admin-more-menu.is-open{display:grid;gap:8px}.admin-more-menu__head{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.admin-more-menu__close{border:0;background:transparent;color:var(--text);padding:8px}@media(max-width:960px){.admin27-page{padding:16px 12px 98px}.admin27-hero{padding:18px;border-radius:22px}.admin27-hero__titleline,.admin27-layout{display:grid;grid-template-columns:1fr}.admin27-grid,.admin27-grid--3,.admin27-grid--4{grid-template-columns:1fr}.admin27-context{position:static}.admin27-list-row{grid-template-columns:1fr}.admin-section-nav{top:auto;bottom:0;border-bottom:0;border-top:1px solid rgba(255,255,255,.1)}.admin-section-nav-inner{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.admin-nav-link{flex:1;justify-content:center;min-width:0;flex-direction:column;gap:4px;border-radius:18px;padding:8px 6px;font-size:12px}.admin-nav-link[data-desktop-only="true"]{display:none}.admin-nav-link[data-mobile-only="true"]{display:inline-flex!important}}@media(min-width:961px){.admin-nav-link[data-mobile-only="true"]{display:none}.admin-more-menu{display:none!important}}

/* AP-29D-REV14-PHASE4-B | Admin-Unterseiten: keine Legacy-Navy-/Analyse-Fremdoptik, gleiche Tokens wie Home. */
body[data-page^="admin"]{
  background:var(--dg-bg-gradient, var(--bg));
  color:var(--dg-text, var(--text));
}
body[data-page^="admin"] .wrap,
body[data-page^="admin"] .admin-page-shell,
body[data-page^="admin"] .doc-shell{
  color:var(--dg-text, var(--text));
}
body[data-page^="admin"] .card,
body[data-page^="admin"] .admin-panel,
body[data-page^="admin"] .doc-panel,
body[data-page^="admin"] .doc-item,
body[data-page^="admin"] .item,
body[data-page^="admin"] .notice,
body[data-page^="admin"] .metric,
body[data-page^="admin"] .iconbox,
body[data-page^="admin"] .correction-row,
body[data-page^="admin"] .correction-empty,
body[data-page^="admin"] .correction-detail-empty,
body[data-page^="admin"] .correction-banner{
  border-color:var(--dg-line-soft, rgba(255,255,255,.065));
  background:var(--dg-surface, rgba(8,8,9,.40));
  box-shadow:var(--dg-shadow-card, 0 8px 18px rgba(0,0,0,.24));
  border-radius:var(--dg-card-radius, 36px);
}
body[data-page^="admin"] input,
body[data-page^="admin"] select,
body[data-page^="admin"] textarea,
body[data-page^="admin"] .admin-input,
body[data-page^="admin"] .admin-select,
body[data-page^="admin"] .admin-textarea{
  border-color:var(--dg-line-soft, rgba(255,255,255,.065));
  background:var(--dg-surface, rgba(8,8,9,.40));
  color:var(--dg-text, var(--text));
}
body[data-page^="admin"] button,
body[data-page^="admin"] .badge,
body[data-page^="admin"] .admin27-badge{
  border-color:var(--dg-line-soft, rgba(255,255,255,.065));
}
body[data-page^="admin"] .item.active,
body[data-page^="admin"] .correction-row.is-active,
body[data-page^="admin"] [data-focus-area].is-highlighted{
  outline:0;
  border-color:var(--shell-accent-border, rgba(215,181,109,.46));
  box-shadow:0 0 0 1px var(--shell-accent-ring, rgba(215,181,109,.16)), var(--dg-shadow-card-open, 0 14px 30px rgba(0,0,0,.34));
}
body[data-page^="admin"] .track,
body[data-page^="admin"] pre,
body[data-page^="admin"] .table{
  border-color:var(--dg-line-soft, rgba(255,255,255,.065));
  background:var(--dg-surface-solid, #121316);
}
body[data-page^="admin"] .fill{
  background:var(--dg-accent, var(--brand));
}
body[data-page^="admin"] .small,
body[data-page^="admin"] .lead,
body[data-page^="admin"] .sub,
body[data-page^="admin"] .doc-lead,
body[data-page^="admin"] .admin-page-sub{
  color:var(--dg-muted, var(--muted));
}