/* Master Konto 1.4: scoped account design. No remote fonts or assets. */
.mlr-wrap.mlr-account {
  --mlr-ink:#18222f; --mlr-muted:#586372; --mlr-border:#e1e5ea;
  --mlr-shadow:0 2px 6px rgb(23 34 50 / 3%);
  box-sizing:border-box; width:100%; max-width:min(100%,var(--mlr-max-width,1440px));
  margin:24px auto; padding:clamp(16px,2.5vw,36px); border-radius:calc(var(--mlr-radius) + 8px);
  background:var(--mlr-bg); color:var(--mlr-ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px; font-weight:400; line-height:1.55; text-align:left;
  container:mlr-account / inline-size;
}
.mlr-account *, .mlr-account *::before, .mlr-account *::after { box-sizing:border-box; }
.mlr-account .mlr-dash { margin:0; }
.mlr-account :is(h2,h3,h4,p,button,input,select,textarea,a) { font-family:inherit; letter-spacing:normal; text-transform:none; }
.mlr-account :is(button,input,select,textarea) { font-size:inherit; }
.mlr-account :is(a,button) { -webkit-tap-highlight-color:transparent; }
.mlr-account a { text-decoration:none; }
.mlr-account a:hover { text-decoration:underline; }
.mlr-account button { cursor:pointer; }
.mlr-account :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid var(--mlr-ink); outline-offset:4px; box-shadow:0 0 0 6px var(--mlr-surface); }
.mlr-account [hidden] { display:none !important; }
.mlr-account .mlr-icon { width:22px; height:22px; flex:0 0 22px; vertical-align:middle; }
.mlr-account-header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.mlr-account-header > div { min-width:0; overflow-wrap:anywhere; }
.mlr-eyebrow { color:var(--mlr-muted); font-size:14px; font-weight:500; margin-bottom:6px; }
.mlr-account .mlr-account-title { color:var(--mlr-ink); font-size:clamp(28px,3vw,38px); font-weight:750; line-height:1.15; letter-spacing:-1px; margin:0; }
.mlr-account .mlr-account-intro { margin:10px 0 0; color:var(--mlr-muted); font-size:15px; }
.mlr-account .mlr-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:11px 17px; border:1px solid transparent; border-radius:calc(var(--mlr-radius) * .65); background:var(--mlr-accent); color:var(--mlr-on-accent); font-size:14px; line-height:1.45; font-weight:650; text-decoration:none; box-shadow:none; }
.mlr-account .mlr-btn:hover { transform:none; filter:brightness(.96); text-decoration:none; }
.mlr-account .mlr-btn--ghost { background:var(--mlr-surface); border-color:var(--mlr-border); color:var(--mlr-ink); }
.mlr-account .mlr-btn--subtle { background:var(--mlr-bg); border-color:var(--mlr-border); color:var(--mlr-ink); }
.mlr-account .mlr-btn--danger { color:#9c2525; background:#fff1f1; border-color:#efcaca; }
.mlr-account .mlr-btn--sm { min-height:38px; padding:8px 12px; font-size:13px; }
.mlr-account .mlr-logout { flex-shrink:0; background:transparent; }
.mlr-account .mlr-logout .mlr-icon { width:18px; height:18px; flex-basis:18px; }
.mlr-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--mlr-gap); }
.mlr-stat { display:flex; flex-direction:column; min-width:0; padding:22px; background:var(--mlr-surface); border:1px solid var(--mlr-border); border-radius:var(--mlr-radius); box-shadow:var(--mlr-shadow); }
.mlr-stat--delivery { border-top:3px solid var(--mlr-accent); padding-top:20px; }
.mlr-stat__top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mlr-stat__label { font-size:14px; line-height:1.4; font-weight:600; color:var(--mlr-muted); }
.mlr-stat__icon { display:flex; align-items:center; justify-content:center; width:38px; height:38px; flex:0 0 38px; border-radius:11px; background:var(--mlr-bg); color:var(--mlr-ink); }
.mlr-stat__value { font-size:36px; font-weight:700; line-height:1.15; letter-spacing:-1px; margin:15px 0 8px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.mlr-stat__value--text { font-size:24px; min-height:41px; display:flex; align-items:center; letter-spacing:-.5px; }
.mlr-account .mlr-stat__hint { color:var(--mlr-muted); font-size:13px; line-height:1.5; margin:0 0 20px; }
.mlr-stat__action { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; margin-top:auto; padding:14px 0 0; border:0; border-top:1px solid var(--mlr-border); background:transparent; border-radius:0; color:var(--mlr-ink); font-weight:600; font-size:13px !important; text-align:left; line-height:1.5; }
.mlr-stat__action:hover { color:var(--mlr-ink); text-decoration:underline; background:transparent; }
.mlr-stat__action .mlr-icon { width:17px; height:17px; flex-basis:17px; }
.mlr-account-meta { display:flex; flex-wrap:wrap; gap:16px 32px; margin:20px 0 26px; padding:0 2px; }
.mlr-account-meta > div { display:flex; flex-wrap:wrap; gap:5px 9px; min-width:0; }
.mlr-account-meta dt { font-size:12px; color:var(--mlr-muted); font-weight:400; }
.mlr-account-meta dd { margin:0; font-size:12px; font-weight:600; color:var(--mlr-ink); overflow-wrap:anywhere; }
.mlr-overview + .mlr-account-layout { margin-top:var(--mlr-gap); }
.mlr-account-layout { display:grid; grid-template-columns:minmax(0,var(--mlr-sidebar-width)) minmax(0,1fr); gap:var(--mlr-gap); align-items:start; }
.mlr-account-nav { min-width:0; border:1px solid var(--mlr-border); border-radius:var(--mlr-radius); background:var(--mlr-surface); padding:12px; box-shadow:var(--mlr-shadow); }
.mlr-nav-caption { padding:12px 12px 16px; font-size:11px; text-transform:uppercase; letter-spacing:1.1px; font-weight:650; color:var(--mlr-muted); }
.mlr-account-nav__items { display:flex; flex-direction:column; gap:5px; }
.mlr-account .mlr-side__item { display:flex; align-items:center; flex:initial; gap:12px; width:100%; padding:13px 12px; min-height:48px; margin:0; border:0; border-radius:calc(var(--mlr-radius) * .65); background:transparent; color:var(--mlr-muted); font-size:14px; font-weight:500; line-height:1.4; text-align:left; white-space:normal; transition:background .15s ease; }
.mlr-account .mlr-side__item:hover { background:var(--mlr-bg); color:var(--mlr-ink); transform:none; opacity:1; }
.mlr-account .mlr-side__item.is-active { background:var(--mlr-bg); color:var(--mlr-ink); font-weight:650; box-shadow:inset 3px 0 0 var(--mlr-accent); }
.mlr-account .mlr-side__item span:last-child { font-size:14px; font-weight:inherit; }
.mlr-nav-foot { display:flex; align-items:center; gap:12px; padding:18px 12px 7px; margin-top:15px; border-top:1px solid var(--mlr-border); color:var(--mlr-muted); font-size:12px; overflow-wrap:anywhere; }
.mlr-nav-foot span { min-width:0; }
.mlr-account-menu { display:none; }
.mlr-nav-dark .mlr-account-nav { background:#19232f; border-color:#19232f; }
.mlr-nav-dark .mlr-nav-caption,.mlr-nav-dark .mlr-nav-foot { color:#b9c3d0; border-color:#344150; }
.mlr-account.mlr-nav-dark .mlr-side__item { color:#d2d9e2; }
.mlr-account.mlr-nav-dark .mlr-side__item:is(:hover,.is-active) { background:#2a3746; color:#fff; }
.mlr-account-content { min-width:0; padding:28px; background:var(--mlr-surface); border:1px solid var(--mlr-border); border-radius:var(--mlr-radius); box-shadow:var(--mlr-shadow); }
.mlr-account-content > .mlr-panes > .mlr-pane { outline:none; }
.mlr-account .mlr-section { min-width:0; margin:0; }
.mlr-account .mlr-h2 { color:var(--mlr-ink); font-weight:650; font-size:22px; line-height:1.3; letter-spacing:-.4px; margin:0 0 8px; }
.mlr-account .mlr-h3 { color:var(--mlr-ink); font-weight:600; font-size:17px; line-height:1.4; }
.mlr-account .mlr-muted { color:var(--mlr-muted); font-size:14px; line-height:1.6; opacity:1; }
.mlr-account .mlr-section > p.mlr-muted { margin:0 0 24px; }
.mlr-account .mlr-empty { background:var(--mlr-bg); border:1px solid var(--mlr-border); border-radius:var(--mlr-radius); color:var(--mlr-muted); padding:24px; font-size:14px; }
.mlr-account .mlr-empty--orders { display:flex; flex-direction:column; align-items:center; text-align:center; padding:54px 24px; margin-top:24px; border-style:dashed; }
.mlr-empty__icon { display:flex; align-items:center; justify-content:center; height:64px; width:64px; background:var(--mlr-surface); border:1px solid var(--mlr-border); color:var(--mlr-ink); border-radius:18px; margin-bottom:20px; }
.mlr-account .mlr-empty__icon .mlr-icon { width:29px; height:29px; flex-basis:29px; }
.mlr-account .mlr-empty--orders h3 { margin:0 0 10px; font-size:20px; font-weight:650; color:var(--mlr-ink); line-height:1.3; }
.mlr-account .mlr-empty--orders p { max-width:410px; margin:0 0 24px; font-size:14px; line-height:1.65; }
.mlr-account .mlr-card { border-radius:var(--mlr-radius); background:var(--mlr-surface); box-shadow:none; padding:20px; }
.mlr-account .mlr-input { max-width:100%; min-height:44px; border-radius:calc(var(--mlr-radius) * .6); padding:11px 12px; font-size:15px; }
.mlr-account .mlr-label span { color:var(--mlr-ink); font-size:13px; font-weight:500; opacity:1; }
.mlr-account .mlr-auth__card .mlr-label span { color:#fff; }
.mlr-account .mlr-pill { font-size:12px; font-weight:500; border-radius:6px; padding:5px 9px; }
.mlr-account .mlr-link { color:var(--mlr-ink); text-decoration:underline; text-underline-offset:3px; font-weight:600; }
.mlr-account .mlr-kicker { color:var(--mlr-muted); font-size:11px; font-weight:600; }
.mlr-account .mlr-tr { padding:16px 12px; gap:14px; }
.mlr-account .mlr-th { background:var(--mlr-bg); font-size:12px; font-weight:600; color:var(--mlr-muted); }
.mlr-account .mlr-order-block { border-bottom:1px solid var(--mlr-border); }
.mlr-account .mlr-table-wrap { max-width:100%; overflow-x:auto; }
.mlr-account .mlr-actions-inline { flex-wrap:wrap; }
.mlr-account .mlr-grid { gap:var(--mlr-gap); }
.mlr-account .mlr-pagination { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:24px; }
.mlr-pagination .page-numbers { display:inline-flex; min-width:36px; min-height:38px; justify-content:center; align-items:center; padding:6px 10px; border:1px solid var(--mlr-border); border-radius:6px; color:var(--mlr-ink); font-size:13px; }
.mlr-pagination .current { background:var(--mlr-ink); color:#fff; border-color:var(--mlr-ink); }
.mlr-account.mlr-density-compact .mlr-stat { padding:16px; }
.mlr-account.mlr-density-compact .mlr-account-content { padding:20px; }
.mlr-account.mlr-density-compact .mlr-side__item { padding:10px 12px; min-height:44px; }
.mlr-account.mlr-density-compact .mlr-empty--orders { padding-block:32px; }
.mlr-account.mlr-density-compact .mlr-account-header { margin-bottom:20px; }
@container mlr-account (max-width:1100px) {
  .mlr-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mlr-account-content { padding:22px; }
}
@container mlr-account (max-width:800px) {
  .mlr-account-layout { grid-template-columns:minmax(0,1fr); }
  .mlr-account-nav { padding:8px; }
  .mlr-nav-caption,.mlr-nav-foot { display:none; }
  .mlr-account-menu { display:flex; width:100%; align-items:center; gap:12px; border:0; background:transparent; color:var(--mlr-ink); padding:12px; min-height:48px; font-weight:600; text-align:left; }
  .mlr-account-menu span:last-child { margin-left:auto; }
  .mlr-account-nav__items { display:none; padding-top:8px; }
  .mlr-account-nav.is-open .mlr-account-nav__items { display:flex; }
  .mlr-nav-dark .mlr-account-menu { color:#fff; }
  .mlr-account-content { padding:20px; }
}
@container mlr-account (max-width:480px) {
  .mlr-account-header { align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:22px; }
  .mlr-account .mlr-logout { min-height:40px; padding:8px 12px; font-size:12px; }
  .mlr-overview { gap:12px; }
  .mlr-stat { padding:16px; }
  .mlr-stat__top { align-items:flex-start; }
  .mlr-stat__label { font-size:12px; }
  .mlr-stat__icon { display:none; }
  .mlr-stat__value { font-size:30px; }
  .mlr-stat__value--text { font-size:19px; min-height:35px; }
  .mlr-account .mlr-stat__hint { font-size:12px; margin-bottom:14px; }
  .mlr-stat__action { font-size:12px !important; min-height:44px; align-items:flex-start; }
  .mlr-account-meta { gap:10px 20px; margin-block:18px; }
  .mlr-account-meta > div { flex-direction:column; gap:1px; }
  .mlr-account-content { padding:18px 14px; }
  .mlr-account .mlr-h2 { font-size:20px; }
  .mlr-account .mlr-empty--orders { padding:30px 14px; }
  .mlr-account .mlr-empty--orders h3 { font-size:18px; }
  .mlr-account .mlr-card { padding:16px; }
}
@media(max-width:600px) {
  .mlr-wrap.mlr-account { margin:16px auto; padding:16px; }
  .mlr-account .mlr-grid--2 { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  .mlr-account *, .mlr-account *::before, .mlr-account *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
.mlr-account.mlr-anim-off *, .mlr-account.mlr-anim-off *::before, .mlr-account.mlr-anim-off *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
@media print {
  .mlr-wrap.mlr-account { max-width:none; padding:0; margin:0; background:#fff; }
  .mlr-account-nav,.mlr-logout,.mlr-stat__action { display:none !important; }
  .mlr-account-layout { display:block; }
  .mlr-account-content { border:0; }
}
