/* CATNARA MY compact hub — classic, native APP, original Apple and desktop. */
#app main.catnara-my-hub-active .my-profile-grid[hidden],
#app main.catnara-my-hub-active .catapp-my-v1-shortcuts {display:none!important}
#app .catnara-my-hub {max-width:1120px;margin:0 auto 30px;display:grid;gap:14px;min-width:0}
#app .catnara-my-hub > .crew-my-card {margin:0;border-radius:18px}
#app .catnara-my-hub-nav {padding:20px;border:1px solid var(--ui-line,#e7ded9);border-radius:20px;background:var(--catapp-native-surface,#fff);min-width:0}
#app .catnara-my-hub-heading {font-weight:900;font-size:20px;color:var(--catapp-native-text,var(--ui-text,#332e2a))}
#app .catnara-my-hub-hint {font-size:13px;color:var(--catapp-native-muted,#786d69);margin:7px 0 15px;line-height:1.55}
#app .catnara-my-hub-menu {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#app .catnara-my-hub-tile {font:inherit;min-height:75px;min-width:0;display:flex;align-items:center;gap:10px;padding:14px;text-align:left;border:1px solid var(--ui-line,#e7ded9);border-radius:16px;background:var(--catapp-native-surface-2,#fcf8f5);color:var(--catapp-native-text,#342c2a);cursor:pointer}
#app .catnara-my-hub-symbol {display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--catapp-native-surface,#fff);font-size:19px;color:var(--catapp-native-primary,#875866)}
#app .catnara-my-hub-tile-title {flex:1;min-width:0;font-weight:800;font-size:14px;overflow-wrap:anywhere}
#app .catnara-my-hub-chevron {font-size:22px;line-height:1;color:var(--catapp-native-primary,#875866)}
#app .catnara-my-hub-tile:focus-visible,#app .catnara-my-hub-close:focus-visible,#app .catnara-my-hub-legal-link:focus-visible {outline:3px solid var(--catapp-native-primary,#875866);outline-offset:3px}
#app .catnara-my-hub-legal {display:grid;grid-template-columns:1fr 1fr;gap:10px}
#app .catnara-my-hub-legal-link {display:flex;justify-content:center;align-items:center;min-height:48px;padding:8px 12px;border:1px solid var(--ui-line,#e7ded9);border-radius:14px;text-align:center;font-size:13px;font-weight:800;text-decoration:none;background:var(--catapp-native-surface,#fff);color:var(--catapp-native-text,#342c2a)}
#app .catnara-my-hub-legal-link.catnara-my-hub-danger {color:#a33e4d;border-color:#dab0b6}
#app .catnara-my-hub-dialog {position:fixed;inset:0;box-sizing:border-box;width:min(92vw,840px);max-width:840px;max-height:min(86dvh,900px);margin:auto;padding:0;overflow:hidden;border:0;border-radius:22px;background:var(--catapp-native-surface,#fff);color:var(--catapp-native-text,#332c2b);box-shadow:0 20px 70px #0005}
#app .catnara-my-hub-dialog::backdrop {background:rgba(21,19,22,.66)}
#app .catnara-my-hub-dialog[open] {display:block}
#app .catnara-my-hub-dialog-shell {display:flex;flex-direction:column;max-height:min(86dvh,900px);min-height:0}
#app .catnara-my-hub-dialog-head {padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;border-bottom:1px solid var(--ui-line,#e7ded9);background:var(--catapp-native-surface-2,#faf6f3)}
#app .catnara-my-hub-dialog-title {margin:0!important;font-size:19px!important;font-weight:900!important;color:var(--catapp-native-text,#332c2b)!important}
#app .catnara-my-hub-close {appearance:none;flex-shrink:0;min-height:40px;padding:8px 14px;border:1px solid var(--ui-line,#e7ded9);border-radius:12px;background:var(--catapp-native-surface,#fff);color:var(--catapp-native-text,#332c2b);font-size:13px;font-weight:800;cursor:pointer}
#app .catnara-my-hub-dialog-content {padding:16px;overflow-y:auto;overscroll-behavior:contain;min-height:0}
#app .catnara-my-hub-dialog-content [hidden]{display:none!important}
#app .catnara-my-hub-dialog-content > .my-member-card,
#app .catnara-my-hub-dialog-content > .my-data-card {width:100%!important;max-width:100%!important;box-sizing:border-box;margin:0!important;border-radius:16px}
#app .catnara-my-hub-dialog-content .form-grid {min-width:0}
#app .catnara-my-hub-dialog-content input,#app .catnara-my-hub-dialog-content select,#app .catnara-my-hub-dialog-content textarea {max-width:100%;box-sizing:border-box}
@media(max-width:820px){
 #app .catnara-my-hub {gap:12px}
 #app .catnara-my-hub-nav {padding:15px;border-radius:17px}
 #app .catnara-my-hub-menu {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #app .catnara-my-hub-tile {padding:11px;min-height:70px;gap:7px}
 #app .catnara-my-hub-tile-title {font-size:12px}
 #app .catnara-my-hub-symbol {width:29px;height:29px;flex-basis:29px;font-size:17px}
 #app .catnara-my-hub-dialog {width:calc(100vw - 18px);max-height:calc(100dvh - 30px);border-radius:17px}
 #app .catnara-my-hub-dialog-shell {max-height:calc(100dvh - 30px)}
 #app .catnara-my-hub-dialog-content {padding:10px}
 #app .catnara-my-hub-legal {grid-template-columns:1fr}
}
@media(max-width:380px){#app .catnara-my-hub-menu{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){#app .catnara-my-hub-tile{transition:transform .15s ease}#app .catnara-my-hub-tile:active{transform:scale(.98)}}

/* MY shortcuts now share the home QUICK MENU card anatomy: two columns,
   icon on the LEFT, compact title/description on the RIGHT. Not squares.
   Member forms, CREW card and account/legal links remain unchanged. */
#app main.catnara-my-hub-active .catnara-my-hub-menu {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:9px;
 width:100%;max-width:520px;
}
#app main.catnara-my-hub-active .catnara-my-hub-menu .catnara-my-hub-tile {
 appearance:none;
 box-sizing:border-box;
 display:grid;
 grid-template-columns:38px minmax(0,1fr) 12px;
 align-items:start;
 column-gap:9px;gap:9px;
 width:100%;min-width:0;min-height:0;
 height:auto;align-items:center;
 padding:10px 11px;
 text-align:left;
 border-radius:20px;
 border:1px solid color-mix(in srgb,var(--catapp-native-primary,#875866) 9%,transparent);
 background:var(--catapp-native-surface,#fff);
 color:var(--catapp-native-text,#342c2a);
 box-shadow:0 6px 22px color-mix(in srgb,var(--catapp-native-primary,#875866) 5.5%,transparent);
}
#app main.catnara-my-hub-active .catnara-my-hub-symbol {
 display:grid;place-items:center;flex:none;
 width:38px;height:38px;
 border-radius:13px;
 color:var(--catapp-native-primary,#875866);
 background:var(--catapp-native-surface-2,#faf6f3);
}
#app main.catnara-my-hub-active .catnara-my-hub-symbol svg {
 display:block;width:22px;height:22px;
}
#app main.catnara-my-hub-active .catnara-my-hub-copy {
 display:grid;min-width:0;gap:3px;
 padding-top:0;align-self:center;
}
#app main.catnara-my-hub-active .catnara-my-hub-tile-title {
 display:block;min-width:0;max-width:100%;
 font-size:13px;line-height:1.25;font-weight:850;
 overflow-wrap:anywhere;word-break:keep-all;
}
#app main.catnara-my-hub-active .catnara-my-hub-description {
 display:block;min-width:0;
 font-size:10px;line-height:1.4;
 color:var(--catapp-native-muted,#827671);
 overflow-wrap:anywhere;word-break:keep-all;
}
#app main.catnara-my-hub-active .catnara-my-hub-chevron {
 display:block;align-self:center;
 font-size:19px;line-height:1;
 color:var(--catapp-native-primary,#875866);
}
@media(max-width:820px){
 #app main.catnara-my-hub-active .catnara-my-hub-menu{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-width:100%;gap:8px!important;
 }
 #app main.catnara-my-hub-active .catnara-my-hub-menu .catnara-my-hub-tile {
  min-height:0!important;
  height:auto!important;
  grid-template-columns:36px minmax(0,1fr) 10px;
  column-gap:8px;gap:8px;
  padding:10px!important;
  border-radius:19px!important;
  border:1px solid var(--catapp-native-line,#e7dcdf)!important;
  background:var(--catapp-native-surface,#fff)!important;
  box-shadow:0 5px 18px color-mix(in srgb,var(--catapp-native-primary,#875866) 4.5%,transparent)!important;
 }
 #app main.catnara-my-hub-active .catnara-my-hub-symbol {
  width:36px;height:36px;border-radius:13px;
  background:var(--catapp-native-primary-soft,var(--catapp-native-surface-2,#faf6f3));
  color:var(--catapp-native-primary-strong,var(--catapp-native-primary,#875866));
 }
 #app main.catnara-my-hub-active .catnara-my-hub-tile-title {font-size:12.5px}
 #app main.catnara-my-hub-active .catnara-my-hub-description{font-size:9.5px;line-height:1.35}
}
@media(max-width:380px){
 #app main.catnara-my-hub-active .catnara-my-hub-menu{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
 }
 #app main.catnara-my-hub-active .catnara-my-hub-menu .catnara-my-hub-tile{
  min-height:0!important;
  grid-template-columns:32px minmax(0,1fr);
  padding:9px!important;column-gap:7px;
 }
 #app main.catnara-my-hub-active .catnara-my-hub-symbol{width:32px;height:32px}
 #app main.catnara-my-hub-active .catnara-my-hub-chevron{display:none}
}
@media(max-width:820px){
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"]
 #app main.catnara-my-hub-active .catnara-my-hub-menu .catnara-my-hub-tile {
  min-height:0!important;
  height:auto!important;
  padding:10px 11px!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:9px!important;
  border:1px solid var(--catapp-native-line)!important;
  border-radius:var(--catapp-editor-radius,20px)!important;
  background:var(--catapp-native-surface)!important;
  box-shadow:0 7px 19px color-mix(in srgb,var(--catapp-native-text) 7%,transparent)!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"]
 #app main.catnara-my-hub-active .catnara-my-hub-symbol {
  width:38px;height:38px;border-radius:14px;
  background:var(--catapp-native-soft)!important;
  color:var(--catapp-native-primary)!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"]
 #app main.catnara-my-hub-active .catnara-my-hub-copy strong {
  font-size:14px!important;line-height:1.4!important;font-weight:850;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"]
 #app main.catnara-my-hub-active .catnara-my-hub-description {
  font-size:11px!important;line-height:1.45!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"]
 #app main.catnara-my-hub-active .catnara-my-hub-chevron{display:none!important}
}

/* MY only: smaller, bold customer-name heading (classic and PWA). */
#app main.catnara-my-hub-active :is(.page-hero,.impact-page-hero,.editorial-page-hero,.minimal-page-hero,.cat-page-hero) h1 {
 font-size:clamp(24px,2.4vw,29px)!important;line-height:1.3!important;font-weight:900!important;
 letter-spacing:-.025em!important;
}
@media(max-width:820px){
 body.catnara-app-my-v1-active .catapp-my-v1-head h1 {
  font-size:20px!important;line-height:1.32!important;font-weight:900!important;
 }
 #app main.catnara-my-hub-active :is(.page-hero,.impact-page-hero,.editorial-page-hero,.minimal-page-hero,.cat-page-hero) h1 {
  font-size:22px!important;
 }
}

/* MY: protect privacy/delete buttons from the fixed 5-tab PWA navigation.
   Place clearance INSIDE MY, not in main: APP global CSS forces main 10px. */
@media(max-width:820px){
 html[data-mobile-experience="app"][data-view-mode="public"]
 body.catnara-app-shell-v2-active #app main.catnara-my-hub-active .catnara-my-hub{
  box-sizing:border-box!important;
  /* Main now owns the single nav reserve. No extra nav-sized MY spacer. */
  padding-bottom:0!important;
  margin-bottom:0!important;
 }
 html[data-mobile-experience="app"][data-view-mode="public"]
 body.catnara-app-shell-v2-active #app main.catnara-my-hub-active .catnara-my-hub-legal-link{
  scroll-margin-bottom:12px!important;
 }
}

/* MY reservation-time selection, PC Classic and PWA APP (2026-10-15).
   The state is controlled by aria-pressed, not by a global .active override. */
#app .member-reservation-slots button.btn.secondary[data-member-reservation-slot][aria-pressed="true"]{
  background:var(--ui-accent,#8f5865)!important;
  border-color:var(--ui-accent,#8f5865)!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent,#8f5865) 24%,transparent)!important;
}
html[data-mobile-experience="app"] body.catnara-app-shell-v2-active #app .member-reservation-slots button.btn.secondary[data-member-reservation-slot][aria-pressed="true"]{
  background:var(--catapp-native-primary,var(--ui-accent,#8f5865))!important;
  border-color:var(--catapp-native-primary,var(--ui-accent,#8f5865))!important;
  color:var(--catapp-native-on-primary,#fff)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--catapp-native-primary,var(--ui-accent,#8f5865)) 24%,transparent)!important;
}
#app .member-reservation-slots button[data-member-reservation-slot][aria-pressed="true"]:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
}

/* MY reservation history dialog: selected time must override native secondary
   buttons even in Android APP mode; PC MY keeps the same semantic state. */
#app main.catnara-my-hub-active .catnara-my-hub-dialog .member-reservation-slots button.btn.secondary[data-member-reservation-slot][aria-pressed="true"],
#app main.catnara-my-hub-active .catnara-my-hub-dialog .member-reservation-slots button.btn.secondary[data-member-reservation-slot].active{
  background:var(--catapp-native-primary,var(--ui-accent,#2253ad))!important;
  border-color:var(--catapp-native-primary,var(--ui-accent,#2253ad))!important;
  color:var(--catapp-native-on-primary,#fff)!important;
  font-weight:850!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--catapp-native-primary,var(--ui-accent,#2253ad)) 28%,transparent)!important;
}
#app .member-reservation-slots button.btn.secondary[data-member-reservation-slot][aria-pressed="true"]::after{
  content:" ✓";
  font-weight:900;
}