.commerce-admin-page { background:var(--km-brand-cream); color:var(--km-brand-navy); }
.commerce-admin-shell { max-width:1100px; margin:0 auto; padding:clamp(16px,3vw,36px); }
.commerce-admin-shell section,.commerce-admin-form { padding:20px; margin:22px 0; background:var(--km-brand-white); border:1px solid var(--km-brand-line); border-radius:16px; }
.commerce-admin-form { display:grid; grid-template-columns:1fr; gap:12px; }
.commerce-admin-form input { width:100%; max-width:500px; padding:12px; border:1px solid var(--km-ui-857379); border-radius:8px; font:inherit; }
.commerce-admin-shell button { width:auto; min-height:44px; padding:8px 15px; background:var(--km-brand-burgundy); color:white; border:0; border-radius:8px; cursor:pointer; }
.commerce-admin-shell :focus-visible { outline:3px solid var(--km-ui-b36f80); outline-offset:3px; }
.commerce-admin-shell table { width:100%; border-collapse:collapse; }
.commerce-admin-shell td,.commerce-admin-shell th { text-align:left; padding:9px; border-bottom:1px solid var(--km-brand-line); overflow-wrap:anywhere; }
.commerce-panel { margin:16px 0; padding:16px; border:1px solid var(--km-brand-rose); border-radius:14px; }
.commerce-pay-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
#commerce-bank-text { white-space:pre-line; }
#commerce-bank-qr { display:block; max-width:100%; height:auto; }
.commerce-timer { display:inline-block; padding:6px 10px; border-radius:8px; background:var(--km-brand-blush); color:var(--km-brand-burgundy-dark); }
.commerce-expired { max-width:480px; border:1px solid var(--km-brand-rose-dark); border-radius:15px; padding:24px; color:var(--km-brand-navy); }
.commerce-expired::backdrop { background:var(--km-ui-14283da8); }
.commerce-expired button { display:block; width:100%; margin:10px 0; }
.commerce-register { border:1px solid #cfa5ad; border-radius:10px; padding:12px; }
.commerce-register button { margin:5px 3px; }
@media(max-width:650px) { .commerce-admin-shell table { display:block; overflow-x:auto; } .commerce-pay-actions>* { width:100%; } }
.admin-table-scroll{max-width:100%;overflow-x:auto}.access-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.access-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}.access-filter-grid label{display:grid;gap:5px}.access-filter-grid input,.access-filter-grid select{min-height:44px;padding:8px;font:inherit}.access-pager{display:flex;gap:10px;margin-top:14px}

#commerce-bank-qr[hidden]{display:none;}

/* KM-279 Revision: Freischaltung als kleines Modal im Benutzerkonto, mobil als eigenes Vollbild-Formular */
.commerce-dialog{width:min(470px,calc(100vw - 24px));padding:0;overflow-y:auto;overscroll-behavior:contain}
.commerce-dialog>*{margin-left:22px;margin-right:22px}
.commerce-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0;padding:18px 18px 8px 22px}
.commerce-head h2{margin:0;font-size:22px}
.commerce-account{margin:4px 0 0;font:13px/1.35 Arial,sans-serif;color:var(--km-brand-navy);overflow-wrap:anywhere}
.commerce-status{margin-top:4px;margin-bottom:12px;padding:9px 12px;border-radius:10px;background:var(--km-brand-blush);color:var(--km-brand-burgundy-dark);font:14px/1.4 Arial,sans-serif}
.commerce-offer{margin-top:0;margin-bottom:12px;padding:14px;border:1px solid var(--km-brand-rose);border-radius:12px}
.commerce-offer h3{margin:0 0 4px;font-size:18px}
.commerce-price{margin:0 0 6px;font:700 22px/1.2 Arial,sans-serif}
.commerce-hint{margin:6px 0 10px;font:13px/1.45 Arial,sans-serif}
.commerce-dialog .commerce-pay-actions{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.commerce-dialog .commerce-pay-actions button{width:100%;min-height:44px}
.commerce-link{display:block;margin:6px 0;padding:8px 0;border:0;background:none;color:var(--km-brand-burgundy);text-decoration:underline;font:14px Arial,sans-serif;cursor:pointer;text-align:left}
.commerce-more{margin-bottom:10px;padding:8px 12px;border:1px solid var(--km-brand-line);border-radius:10px;font:14px/1.4 Arial,sans-serif}
.commerce-more summary{cursor:pointer;min-height:32px;display:flex;align-items:center;font-weight:700}
.commerce-order-list{margin:6px 0;padding-left:18px}
.commerce-order-list li{margin:6px 0}
.commerce-bank-text{margin:8px 0;padding:10px 12px;border-radius:8px;background:var(--km-brand-blush);font:14px/1.6 Arial,sans-serif;overflow-wrap:anywhere}
.commerce-steps{margin:6px 0;padding-left:20px;font:14px/1.45 Arial,sans-serif}
.commerce-dialog #commerce-bank-details button:not(.commerce-link){width:100%;min-height:44px;margin:6px 0}
.commerce-feedback{margin-top:6px;margin-bottom:6px;font:14px/1.45 Arial,sans-serif}
.commerce-feedback:empty{display:none}
.commerce-dialog>#commerce-admin-link{display:block;margin-bottom:16px}
.commerce-dialog>#commerce-admin-link[hidden]{display:none}
.commerce-dialog>#commerce-choose,.commerce-dialog>#commerce-bank-details{padding-bottom:4px}
.commerce-dialog>:last-child{margin-bottom:16px}
.commerce-dialog :focus-visible{outline:3px solid var(--km-ui-b36f80);outline-offset:2px}
.commerce-dialog [hidden]{display:none!important}
@media(max-width:650px){
  .editor-page .editor-dialog.commerce-dialog,.commerce-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0 0 env(safe-area-inset-bottom)}
  .commerce-head{position:sticky;top:0;z-index:1;margin:0;background:var(--km-brand-white);padding:max(14px,env(safe-area-inset-top)) 14px 10px 16px;border-bottom:1px solid var(--km-brand-line)}
  .commerce-dialog>*{margin-left:16px;margin-right:16px}
  .commerce-dialog>.commerce-head{margin-left:0;margin-right:0}
  .commerce-dialog>.commerce-status{margin-top:12px}
}

.commerce-timer{border:1px solid var(--km-brand-rose);font:inherit;font-size:13px;cursor:pointer;min-height:32px}
.commerce-timer:hover{background:var(--km-brand-rose)}
.commerce-timer:focus-visible{outline:3px solid var(--km-ui-b36f80);outline-offset:2px}
.commerce-timer[hidden]{display:none}

/* Kontomenue im Kopf des Editors: Mein Konto, Adminseite (nur Admin), Abmelden */
.account-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}
.account-nav[hidden]{display:none}
.account-nav .editor-outline-action{width:auto;min-height:36px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center}
.commerce-account-actions{display:flex;flex-wrap:wrap;gap:8px}
.commerce-dialog .commerce-account-actions .editor-outline-action{width:auto;flex:1 1 140px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.commerce-dialog .commerce-account-actions [hidden]{display:none!important}
@media(max-width:650px){
  .account-nav{gap:6px}
  .account-nav .editor-outline-action{min-height:44px;padding:6px 10px;font-size:12px}
  #account-admin-link,#cmd-admin{display:none!important}
}

/* Zahlungsbuttons: PayPal-Logo und neutrales Banksymbol */
.commerce-dialog button .pay-logo,.commerce-dialog button .pay-icon,.commerce-expired button .pay-logo,.commerce-expired button .pay-icon{vertical-align:middle;margin-right:8px;flex:none}
.commerce-dialog .commerce-pay-actions button,.commerce-expired button{display:inline-flex;align-items:center;justify-content:center}
.commerce-expired .pay-logo{filter:none}