.zk2{--zk2-black:#0a0a0a;--zk2-border:#ececec;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--zk2-black);}
.zk2 *{box-sizing:border-box;}
.zk2-wrap{display:grid;grid-template-columns:230px 1fr;gap:32px;max-width:1100px;margin:0 auto;}
.zk2-nav-toggle-btn{display:none;}
.zk2-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:20px;}
@media(max-width:820px){
	.zk2-wrap{grid-template-columns:1fr;}
	/* Mobile: Menue eingeklappt, sonst steht die komplette Nav vor dem Seiteninhalt
	   (gleiches Muster/gleicher Fund wie beim Shop2-Filter, siehe Memory). MUSS NACH
	   der unbedingten .zk2-nav-Regel stehen, sonst gewinnt die spaetere unbedingte
	   Regel per Source-Order trotz Media-Query (exakt das war der erste Bugversuch). */
	.zk2-nav{display:none;margin-bottom:16px;}
	.zk2-nav.zk2-mobile-open{display:flex;}
	.zk2-nav-toggle-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--zk2-border);border-radius:20px;padding:8px 16px;font-size:12.5px;font-weight:600;background:#fff;cursor:pointer;margin-bottom:16px;}
}
.zk2-nav-item{padding:10px 14px;border-radius:8px;font-size:13.5px;font-weight:600;color:#4b4b4b;text-decoration:none;}
.zk2-nav-item:hover{background:#f5f5f5;}
.zk2-nav-item.active{background:var(--zk2-black);color:#fff;}
.zk2-nav-divider{font-size:11px;color:#b0b0b0;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:14px 14px 4px;}
.zk2-nav-item-ext{color:#8a8a8a;font-weight:500;}
.zk2-nav-logout{margin-top:10px;border-top:1px solid var(--zk2-border);padding-top:12px;color:#e0432b;}
.zk2-greeting{font-size:24px;font-weight:700;margin:0 0 20px;}
.zk2-card{border:1px solid var(--zk2-border);border-radius:14px;padding:20px;margin-bottom:16px;background:#fff;}
.zk2-card h3{margin:0 0 14px;font-size:15px;font-weight:700;}
.zk2-order-status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.zk2-stages{display:flex;justify-content:space-between;position:relative;}
.zk2-stages:before{content:'';position:absolute;top:12px;left:12px;right:12px;height:2px;background:#e2e2e2;z-index:0;}
.zk2-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;}
.zk2-stage-dot{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #e2e2e2;color:#8a8a8a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;}
.zk2-stage-label{font-size:10.5px;color:#8a8a8a;text-align:center;}
.zk2-stage-done .zk2-stage-dot{background:#10c955;border-color:#10c955;color:#fff;}
.zk2-stage-done .zk2-stage-label{color:#1a1a1a;}
.zk2-stage-current .zk2-stage-dot{border-color:#10c955;color:#10c955;}
.zk2-stage-current .zk2-stage-label{color:#1a1a1a;font-weight:700;}
.zk2-points-value{font-size:28px;font-weight:700;margin-bottom:6px;}
.zk2-points-bar{height:6px;border-radius:4px;background:#f0f0f0;overflow:hidden;margin-bottom:8px;}
.zk2-points-bar-fill{height:100%;background:#10c955;}
.zk2-points-hint{font-size:12px;color:#8a8a8a;}
.zk2-quicklinks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.zk2-quicklink{border:1px solid var(--zk2-border);border-radius:12px;padding:14px 16px;font-size:13px;font-weight:600;text-decoration:none;color:var(--zk2-black);}
.zk2-quicklink:hover{background:#f5f5f5;}
.zk2-order-card{display:flex;align-items:center;gap:14px;border:1px solid var(--zk2-border);border-radius:12px;padding:14px 16px;margin-bottom:10px;}
.zk2-order-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#fafafa;flex-shrink:0;}
.zk2-order-info{flex:1;min-width:0;}
.zk2-order-number{font-size:13.5px;font-weight:700;margin:0 0 2px;}
.zk2-order-meta{font-size:12px;color:#8a8a8a;margin:0;}
.zk2-order-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:#f0faf3;color:#10c955;white-space:nowrap;}
.zk2-order-badge.cancelled{background:#f5f5f5;color:#8a8a8a;}
.zk2-order-total{font-size:14px;font-weight:700;flex-shrink:0;}
.zk2-order-link{flex-shrink:0;font-size:12.5px;font-weight:600;color:var(--zk2-black);text-decoration:none;border:1px solid var(--zk2-border);border-radius:8px;padding:8px 14px;}
.zk2-order-link:hover{background:#f5f5f5;}
.zk2-empty{text-align:center;padding:40px 0;color:#8a8a8a;font-size:14px;}
.zk2-placeholder{text-align:center;padding:60px 20px;color:#8a8a8a;font-size:14px;line-height:1.6;}
.zk2-placeholder a{display:inline-block;margin-top:16px;background:var(--zk2-black);color:#fff;border-radius:8px;padding:11px 20px;font-weight:600;font-size:13.5px;text-decoration:none;}
.zk2-page-title{font-size:20px;font-weight:700;margin:0 0 20px;}