.customer-hub-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px;max-width:730px}
.customer-hub-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);text-decoration:none;font-weight:600;line-height:1.35;text-align:center;min-height:50px}
.customer-hub-tabs a:hover{background:var(--mint);color:var(--green)}
.customer-hub-tabs a.active{background:var(--green);border-color:var(--green);color:#fff}
.customer-hub-tabs a:focus-visible,.customer-profile-link:focus-visible,.customer-hub-export summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.customer-profile-link{color:var(--green);text-underline-offset:3px;text-decoration-thickness:1px}
.customer-hub-export{position:relative;align-self:center}
.customer-hub-export>summary{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;list-style:none;border:1px solid #cdd7cd;border-radius:8px;padding:10px 14px;font-weight:600;background:#fff;min-height:42px}
.customer-hub-export>summary::-webkit-details-marker{display:none}
.customer-export-options{position:absolute;top:calc(100% + 6px);right:0;z-index:5;display:grid;gap:4px;min-width:180px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #29443d18}
.customer-export-options>button{white-space:nowrap;text-align:left;border:0;min-height:40px}
.customer-profile-back{margin:6px 0 16px}
.customer-profile-related{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
.customer-related-pages{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#customer-directory .panel-head{align-items:flex-start}
#customer-directory .panel-head>.actions{justify-content:flex-end}
@media(max-width:600px){
 .customer-hub-tabs{gap:6px;margin-bottom:16px}
 .customer-hub-tabs a{flex-direction:column;padding:10px 5px;gap:6px;font-size:12px;min-height:76px}
 .customer-hub-tabs a span{max-width:100%;overflow-wrap:normal}
 #customer-directory .panel-head{flex-wrap:wrap}
 #customer-directory .panel-head>.actions{width:100%;justify-content:flex-start}
 .customer-export-options{right:auto;left:0}
 .customer-records-table .table-wrap{overflow:visible}
 .customer-records-table table,.customer-records-table tbody{display:block;width:100%}
 .customer-records-table thead{display:none}
 .customer-records-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;border:1px solid var(--line);border-radius:10px;padding:16px;margin:12px 0}
 .customer-records-table td{display:block;border:0;padding:0;min-width:0;overflow-wrap:anywhere}
 .customer-records-table td:first-child,.customer-records-table td:last-child,.customer-records-table td[data-label="Marketing"]{grid-column:1/-1}
 .customer-records-table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:6px}
 .customer-records-table td[data-label=""]::before{display:none}
 .customer-records-table td strong{font-size:14px}
 .customer-records-table td small{font-size:11px;margin-top:3px}
 .customer-records-table td[data-label="Marketing"]{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px}
 .customer-records-table td[data-label="Marketing"]::before{width:100%;margin:0}
 .customer-records-table td:last-child button{width:100%}
}

/* Keep customer facts and export actions aligned without widening the page. */
.customer-hub-tabs>a{min-width:0}
.customer-export-options{max-width:min(260px,calc(100vw - 48px));min-width:min(180px,calc(100vw - 48px))}
.customer-export-options>button{white-space:normal;min-height:var(--control-height,44px)}
.customer-related-pages>span,.customer-records-table td[data-label="Warenkorbwert"],.customer-records-table td[data-label="Bestellungen"]{font-variant-numeric:tabular-nums lining-nums}
@media(min-width:601px){.customer-records-table td[data-label="Warenkorbwert"]{text-align:right}.customer-records-table table:has(td[data-label="Warenkorbwert"]) th:nth-child(3){text-align:right}}
@media(max-width:380px){.customer-hub-tabs a{padding:10px 3px;font-size:11px}.customer-records-table tr{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}.customer-records-table td{grid-column:1/-1}}

#customer-directory-search .actions.customer-directory-toolbar>button{min-height:var(--control-height,44px)}