/* LXF customer centre: native navigation, forms and visibility remain owned by Shoptet. */
html.lxf body.customer-page .content-wrapper-in {
  display:grid; grid-template-columns:240px minmax(0,1fr); gap:40px;
  align-items:start; padding-block:32px 56px;
}
html.lxf body.customer-page .content-wrapper-in > :is(.sidebar,#content) {
  width:auto; min-width:0; max-width:none; margin:0; padding:0; float:none;
}
html.lxf body.customer-page .sidebar-inner {padding:0; opacity:1;}
html.lxf body.customer-page .client-center-box {
  margin:0; padding:16px 12px; border:1px solid #dedee0; border-radius:4px; background:#fff;
}
html.lxf body.customer-page .client-center-box > ul {list-style:none; margin:0; padding:0;}
html.lxf body.customer-page .client-center-box > ul > li {list-style:none; margin:0; padding:0;}
html.lxf body.customer-page .client-center-box a {
  display:flex; align-items:center; min-height:44px; padding:10px 12px;
  border-radius:3px; color:#24242e; line-height:1.4; overflow-wrap:anywhere; text-decoration:none;
}
html.lxf body.customer-page .client-center-box li.active > a {background:#f3f3f3; color:#24242e;}
html.lxf body.customer-page .client-center-box li:has(> a > strong) > a {
  display:block; min-height:96px; background:transparent; padding-bottom:18px;
}
html.lxf body.customer-page .client-center-box li:has(> a > strong) strong {display:block; margin-bottom:6px; font-size:20px; line-height:1.3;}
html.lxf body.customer-page .lxf-account-company,
html.lxf body.customer-page .lxf-account-company-id {display:block; color:#62626a; font-size:14px; line-height:1.5;}
html.lxf body.customer-page .client-center-box a:hover {background:#ededee; color:#24242e;}
html.lxf body.customer-page .client-center-box a:focus-visible {outline:2px solid #24242e; outline-offset:2px;}
html.lxf body.customer-page .client-center-box .logout {margin:8px 0 16px; padding-bottom:16px; border-bottom:1px solid #dedee0;}
html.lxf body.customer-page .client-center-box .logout a {
  width:100%; justify-content:center; border:1px solid #d5d5d8;
  background:#fff !important; color:#24242e !important; text-transform:none;
}
html.lxf body.customer-page .client-center-box .logout a:hover {background:#f3f3f3 !important; border-color:#999;}
html.lxf body.customer-page .client-center-box .lxf-account-logout-slot {display:none !important;}
html.lxf body.customer-page .lxf-account-signout {margin-top:20px;}
html.lxf body.customer-page .lxf-account-signout a {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px;
  padding:10px 16px; border:1px solid #d5d5d8; border-radius:3px;
  background:#ededee !important; color:#24242e !important; text-transform:none; text-decoration:none;
}
html.lxf body.customer-page .lxf-account-signout a::before {
  content:""; display:block; flex:0 0 18px; width:18px; height:18px; background:currentColor;
  --lxf-signout-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H5v14h4M9 12h12m-4-4 4 4-4 4'/%3E%3C/svg%3E");
  -webkit-mask:var(--lxf-signout-icon) center/contain no-repeat;
  mask:var(--lxf-signout-icon) center/contain no-repeat;
}
html.lxf body.customer-page .lxf-account-signout a:hover {background:#dedee0 !important; border-color:#999;}
html.lxf body.customer-page .lxf-account-signout a:focus-visible {outline:2px solid #24242e; outline-offset:3px;}
html.lxf body.customer-page #content > .content-inner {max-width:none; padding:0;}
html.lxf body.customer-page .content-inner > h1 {margin:0 0 28px;}
html.lxf body.customer-page .content-inner table.table-mobile-enriched {width:100%; margin:16px 0 32px; border-collapse:collapse;}
html.lxf body.customer-page .table-mobile-enriched :is(th,td) {padding:14px 10px; border-bottom:1px solid #dedee0; text-align:left; vertical-align:top;}
html.lxf body.customer-page .table-mobile-enriched th {background:#f5f5f5;}
html.lxf body.customer-page .table-mobile-enriched td a {text-decoration:underline; text-underline-offset:3px;}
html.lxf body.customer-page .table-mobile-enriched td {overflow-wrap:anywhere;}
@media(max-width:1199px) {
  html.lxf body.customer-page .content-wrapper-in {grid-template-columns:210px minmax(0,1fr); gap:24px;}
}
@media(max-width:991px) {
  html.lxf body.customer-page .content-wrapper-in {grid-template-columns:minmax(0,1fr); gap:28px; padding-block:20px 40px;}
  html.lxf body.customer-page .client-center-box > ul {display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px;}
  html.lxf body.customer-page .client-center-box > ul > li:has(> a > strong) {grid-column:1 / -1;}
  html.lxf body.customer-page .client-center-box .logout {margin:0; padding:0; border:0;}
}
@media(min-width:768px) and (max-width:991px) {
  html.lxf body.customer-page .client-center-box > ul {grid-template-columns:repeat(3,minmax(0,1fr));}
  html.lxf body.customer-page .client-center-box > ul > li:has(> a > strong) {grid-column:1 / -1;}
}
@media(max-width:991px) {
  /* Keep native heading labels and table semantics; only change visual layout. */
  html.lxf body.customer-page .table-mobile-enriched thead {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%);}
  html.lxf body.customer-page .table-mobile-enriched tbody {display:block;}
  html.lxf body.customer-page .table-mobile-enriched tbody tr {display:block; padding:8px 14px; margin-bottom:16px; border:1px solid #dedee0; border-radius:4px;}
  html.lxf body.customer-page .table-mobile-enriched td {display:flow-root; padding:10px 0; text-align:right;}
  html.lxf body.customer-page .table-mobile-enriched td:last-child {border:0;}
  html.lxf body.customer-page .table-mobile-enriched .client-table-heading {display:block; float:left; width:44%; margin-right:16px; text-align:left; color:#62626a;}
}