/* Shared dialog contract. Overlays may fill the viewport; cards stay at the top
   and use no more than 60% of the visible screen height. */
:is(.modal-overlay,.modal-scrim,.modal-backdrop,.sale-modal-overlay,.account-modal,.account-modal-scrim,.message-popup,.quick-finger-modal,.dialog-overlay,.dialog-backdrop,.account-dialog-backdrop,.clock-picker-modal,.date-picker-modal,.social-clock-modal,.social-date-modal,.website-editor-backdrop,.sensitive-pin-overlay,[data-modal-overlay],[data-dialog-overlay]){
  align-items:flex-start!important;justify-content:center!important;justify-items:center!important;place-items:start center!important;padding-top:max(10px,env(safe-area-inset-top))!important
}
:is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.player-dialog,.review-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal),
:is(.modal-overlay,.modal-scrim,.modal-backdrop,.sale-modal-overlay,.account-modal,.account-modal-scrim,.message-popup,.dialog-overlay,.dialog-backdrop,.account-dialog-backdrop,.clock-picker-modal,.date-picker-modal,.social-clock-modal,.social-date-modal,.website-editor-backdrop,.sensitive-pin-overlay,[data-modal-overlay],[data-dialog-overlay])>[role="dialog"]{
  max-height:60dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important
}
/* Desktop dialogs are deliberately bounded. The overlay spans the viewport, but
   the content card must never become a full-width page masquerading as a modal. */
@media (min-width:761px){
  :is(.modal-overlay,.modal-scrim,.modal-backdrop,.sale-modal-overlay,.account-modal,.account-modal-scrim,.message-popup,.quick-finger-modal,.dialog-overlay,.dialog-backdrop,.account-dialog-backdrop,.clock-picker-modal,.date-picker-modal,.social-clock-modal,.social-date-modal,.website-editor-backdrop,.sensitive-pin-overlay,[data-modal-overlay],[data-dialog-overlay]){
    box-sizing:border-box!important;align-items:flex-start!important;justify-content:center!important;justify-items:center!important;place-items:start center!important;padding:clamp(20px,4vh,42px) clamp(24px,4vw,64px)!important;overflow:hidden!important
  }
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.player-dialog,.review-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.confirmation-modal,.media-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.sensitive-pin-modal),
  :is(.modal-overlay,.modal-scrim,.modal-backdrop,.sale-modal-overlay,.account-modal,.account-modal-scrim,.message-popup,.dialog-overlay,.dialog-backdrop,.account-dialog-backdrop,.social-clock-modal,.social-date-modal,.sensitive-pin-overlay,[data-modal-overlay],[data-dialog-overlay])>[role="dialog"]{
    box-sizing:border-box!important;width:min(560px,calc(100vw - 96px))!important;min-width:0!important;max-width:560px!important;height:auto!important;margin:0 auto!important
  }
  :is(.game-tracking-modal,.inventory-edit-modal,.member-hour-modal,.payroll-breakup-modal,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal)[role="dialog"]{
    width:min(720px,calc(100vw - 96px))!important;max-width:720px!important
  }
  :is(.website-editor,.staff-profile-modal,.quick-finger-shell)[role="dialog"]{
    width:min(880px,calc(100vw - 96px))!important;max-width:880px!important
  }
  :is(.clock-picker-dialog,.date-picker-dialog)[role="dialog"]{
    width:min(430px,calc(100vw - 96px))!important;max-width:430px!important
  }
}

/* The shared banner theme makes banner <strong> text white. The Genie CTA is a
   white control, so give its two labels explicit, accessible desktop colours. */
body.catalogue-portal .catalogue-hero-actions .genie-main-btn{
  border:1px solid rgba(255,255,255,.7)!important;background:#fff!important;color:#10385c!important;box-shadow:0 9px 24px rgba(3,33,59,.22)!important
}
body.catalogue-portal .catalogue-hero-actions #genieBtn strong{
  display:block!important;color:#10385c!important;font-weight:900!important
}
body.catalogue-portal .catalogue-hero-actions .genie-main-btn span{
  display:block!important;margin-top:3px!important;color:#45687b!important;font-size:.74rem!important;font-weight:700!important
}
body.catalogue-portal .catalogue-hero-actions .genie-main-btn:hover,
body.catalogue-portal .catalogue-hero-actions .genie-main-btn:focus-visible{
  border-color:#8ee8f5!important;background:#eaf9fb!important;color:#10385c!important
}
@media (max-width:760px){
  :is(.modal-overlay,.modal-scrim,.modal-backdrop,.sale-modal-overlay,.account-modal,.account-modal-scrim,.message-popup,.quick-finger-modal,.dialog-overlay,.dialog-backdrop,.account-dialog-backdrop,.clock-picker-modal,.date-picker-modal,.social-clock-modal,.social-date-modal,.website-editor-backdrop,.sensitive-pin-overlay,[data-modal-overlay],[data-dialog-overlay]){
    position:fixed!important;inset:0!important;z-index:10000!important;align-items:flex-start!important;justify-content:center!important;justify-items:center!important;place-items:start center!important;padding:max(10px,env(safe-area-inset-top)) 10px 10px!important;overflow:hidden!important
  }
  .website-editor-backdrop[data-website-modal]{display:flex!important;background:rgba(8,43,72,.55)!important;backdrop-filter:blur(3px)}
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.player-dialog,.review-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal),
  :is(.modal-overlay,.modal-scrim,.modal-backdrop,.sale-modal-overlay,.account-modal,.account-modal-scrim,.message-popup,.dialog-overlay,.dialog-backdrop,.account-dialog-backdrop,.clock-picker-modal,.date-picker-modal,.social-clock-modal,.social-date-modal,.website-editor-backdrop,.sensitive-pin-overlay,[data-modal-overlay],[data-dialog-overlay])>[role="dialog"]{
    box-sizing:border-box!important;width:min(94vw,550px)!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:60dvh!important;margin:0 auto!important;padding:12px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;border-radius:18px!important;font-size:12px!important;line-height:1.3!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin
  }
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal) :is(h1,h2,h3,.modal-title,.dialog-title),
  :is(.modal-overlay,.modal-scrim,.modal-backdrop,.account-modal,.message-popup,.dialog-overlay,.dialog-backdrop,.clock-picker-modal,.date-picker-modal,.social-clock-modal,.social-date-modal,.website-editor-backdrop)>[role="dialog"] :is(h1,h2,h3,.modal-title,.dialog-title){margin-block:0 6px!important;font-size:clamp(17px,5vw,21px)!important;line-height:1.05!important}
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal) :is(p,.modal-sub,.form-hint,small,label){font-size:11px!important;line-height:1.3!important}
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal) :is(.form-group,.field,.form-field,.form-row){min-width:0!important;margin-bottom:5px!important;padding:4px!important;gap:4px!important}
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal) :is(input,select,textarea,button,.button,.btn){min-height:34px!important;padding-block:6px!important;font-size:12px!important}
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal) textarea{min-height:52px!important}
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal) :is(.form-grid,.admin-grid,.two-col,.two-column){grid-template-columns:1fr!important;gap:5px!important}
  :is(.modal-overlay,.modal-scrim,.modal-backdrop,.sale-modal-overlay,.account-modal,.account-modal-scrim,.message-popup,.quick-finger-modal,.dialog-overlay,.dialog-backdrop,.account-dialog-backdrop,.clock-picker-modal,.date-picker-modal,.social-clock-modal,.social-date-modal,.website-editor-backdrop,.sensitive-pin-overlay) :is(.modal-actions,.form-actions,.dialog-actions,.sensitive-pin-actions,.branch-start-actions),
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal)>:is(.modal-actions,.form-actions,.dialog-actions,.sensitive-pin-actions,.branch-start-actions){position:sticky!important;z-index:8!important;bottom:-11px!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:7px -3px -11px!important;padding:7px 3px calc(3px + env(safe-area-inset-bottom))!important;background:#fff!important}
  :is(.modal-actions,.form-actions,.dialog-actions,.sensitive-pin-actions,.branch-start-actions)>:is(button,.button,.btn){flex:1 1 8rem!important}
  .modal-handle{width:32px!important;height:3px!important;margin:-3px auto 6px!important}
  :is(.modal-img,.detail-modal-image,.photo-lightbox-frame){max-height:18dvh!important}
  :is(.modal-img,.detail-modal-image,.photo-lightbox-frame) img{max-height:18dvh!important;object-fit:contain!important}
  :is(.clock-face,.social-clock-face){width:min(38dvh,210px)!important;height:min(38dvh,210px)!important;margin-block:8px!important}
  .mobile-menu{max-height:60dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important}
}
@media (max-width:390px),(max-height:700px){
  :is(.modal,.modal-card,.modal-panel,.modal-sheet,.sale-modal,.account-dialog,.player-dialog,.review-dialog,.message-popup-card,.dialog,.branch-action-dialog,.branch-start-dialog,.calendar-day-modal,.clock-picker-dialog,.date-picker-dialog,.confirmation-modal,.game-tracking-modal,.inventory-edit-modal,.media-modal,.member-hour-modal,.payroll-breakup-modal,.photo-lightbox-modal,.photo-sheet-modal,.quick-finger-shell,.social-clock-dialog,.social-date-dialog,.switch-game-modal,.table-reservation-modal,.timer-start-modal,.sensitive-pin-modal,.website-editor,.tracking-modal,.reservation-modal,.reservation-move-modal,.staff-payroll-modal,.staff-profile-modal){max-height:58dvh!important;padding:10px!important;font-size:11px!important}
}

/* Mobile catalogue/store presentation. Desktop information is preserved, but
   phone cards become scannable rows and detail dialogs use a compact viewport. */
@media (max-width:640px){
  body.catalogue-portal .view,
  body.sales-inventory-portal .view{
    width:calc(100% - 20px)!important;
    padding-top:14px!important;
  }

  body.catalogue-portal .catalogue-page-intro,
  body.sales-inventory-portal .store-command-hero{
    margin-bottom:16px!important;
  }
  body.sales-inventory-portal .store-command-hero{
    gap:12px!important;
    padding:20px 18px!important;
    border-radius:20px!important;
  }
  body.sales-inventory-portal .store-command-hero p{
    font-size:.84rem!important;
    line-height:1.45!important;
  }
  body.sales-inventory-portal .store-command-hero aside{
    padding:11px 13px!important;
    border-radius:13px!important;
  }
  body.sales-inventory-portal .store-command-hero aside strong{font-size:.88rem!important;}
  body.sales-inventory-portal .store-command-hero aside span{margin-top:3px!important;font-size:.72rem!important;line-height:1.35!important;}
  body.sales-inventory-portal .store-hero-actions{margin-top:12px!important;}
  body.catalogue-portal .catalogue-page-intro h1,
  body.sales-inventory-portal .store-command-hero h1{
    font-size:clamp(2.15rem,10.5vw,3rem)!important;
    line-height:.98!important;
  }
  body.catalogue-portal .catalogue-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:14px!important;
  }
  body.catalogue-portal .catalogue-hero-actions .genie-main-btn,
  body.catalogue-portal .catalogue-hero-actions .jigsaw-cta-btn{
    display:grid!important;
    gap:2px!important;
    width:100%!important;
    min-height:50px!important;
    padding:9px 12px!important;
    border-radius:12px!important;
    font-size:.82rem!important;
    line-height:1.15!important;
    text-align:left!important;
  }
  body.catalogue-portal .catalogue-hero-actions .genie-main-btn{
    border:1px solid #10385c!important;
    background:#10385c!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(16,56,92,.18)!important;
  }
  body.catalogue-portal .catalogue-hero-actions #genieBtn strong{color:#fff!important}
  body.catalogue-portal .catalogue-hero-actions .genie-main-btn span{
    color:#bfeef2!important;
    font-size:.68rem!important;
    font-weight:700!important;
  }

  body.catalogue-portal .games-list,
  body.sales-inventory-portal .games-list{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.catalogue-portal .game-card,
  body.sales-inventory-portal .game-card{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    grid-template-rows:minmax(112px,auto)!important;
    min-height:112px!important;
    border-radius:14px!important;
    box-shadow:0 5px 16px rgba(16,56,92,.07)!important;
  }
  body.catalogue-portal .card-img-wrap,
  body.sales-inventory-portal .card-img-wrap{
    grid-column:1!important;
    grid-row:1!important;
    width:104px!important;
    height:100%!important;
    min-height:112px!important;
    aspect-ratio:auto!important;
    border-radius:13px 0 0 13px!important;
  }
  body.catalogue-portal .card-img,
  body.sales-inventory-portal .card-img{
    object-fit:contain!important;
    padding:4px!important;
  }
  body.catalogue-portal .card-body,
  body.sales-inventory-portal .card-body{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    padding:9px 10px!important;
  }
  body.catalogue-portal .card-body{gap:6px!important;align-content:center!important;}
  body.catalogue-portal .card-name,
  body.sales-inventory-portal .card-name{
    font-size:.9rem!important;
    line-height:1.15!important;
    -webkit-line-clamp:2!important;
  }
  body.catalogue-portal .quick-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;}
  body.catalogue-portal .fact-pill{padding:5px 3px!important;font-size:.62rem!important;}
  body.catalogue-portal .complexity-gauge{min-width:0!important;}
  body.catalogue-portal .bgg-metrics.card{margin:0!important;}
  body.sales-inventory-portal .card-meta-row{gap:4px!important;margin-bottom:3px!important;}
  body.sales-inventory-portal .card-cats{margin-bottom:3px!important;}
  body.sales-inventory-portal .card-foot{justify-content:flex-start!important;gap:4px!important;padding-top:5px!important;}
  body.sales-inventory-portal .game-card .btn-primary{min-height:32px!important;margin-left:auto!important;padding:5px 9px!important;}
  body.sales-inventory-portal .price-pill,
  body.sales-inventory-portal .stock-tag,
  body.sales-inventory-portal .mrp-strike{font-size:.62rem!important;}

  body.catalogue-portal .search-filter-row,
  body.sales-inventory-portal .search-filter-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    padding:8px!important;
  }
  body.catalogue-portal .search-filter-row .icon-button,
  body.sales-inventory-portal .search-filter-row>.btn{
    width:auto!important;
    min-width:44px!important;
    min-height:44px!important;
    padding-inline:11px!important;
  }

  body.catalogue-portal .modal-overlay,
  body.sales-inventory-portal .modal-overlay{
    align-items:flex-start!important;
    padding:10px!important;
  }
  body.catalogue-portal .modal,
  body.sales-inventory-portal .modal{
    width:min(calc(100vw - 20px),430px)!important;
    max-height:58dvh!important;
    padding:11px!important;
    border-radius:16px!important;
    font-size:12px!important;
    box-shadow:0 18px 52px rgba(16,56,92,.28)!important;
  }
  body.catalogue-portal .modal-img,
  body.catalogue-portal .modal-img-ph,
  body.sales-inventory-portal .modal-img,
  body.sales-inventory-portal .modal-img-ph{
    float:left!important;
    width:82px!important;
    height:82px!important;
    min-height:82px!important;
    margin:0 10px 8px 0!important;
    border-radius:10px!important;
    object-fit:cover!important;
  }
  body.catalogue-portal .modal h2,
  body.sales-inventory-portal .modal h2{
    min-height:42px!important;
    margin:2px 0 8px!important;
    font-size:1.15rem!important;
    line-height:1.08!important;
  }
  body.catalogue-portal .modal-stats,
  body.sales-inventory-portal .modal-stats{
    clear:both!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin-bottom:8px!important;
  }
  body.catalogue-portal .stat-box,
  body.sales-inventory-portal .stat-box{padding:6px 4px!important;}
  body.catalogue-portal .modal-sec-lbl,
  body.sales-inventory-portal .modal-sec-lbl{margin:8px 0 4px!important;}
  body.catalogue-portal .modal-desc,
  body.sales-inventory-portal .modal-desc{font-size:.75rem!important;line-height:1.4!important;}
  body.catalogue-portal .modal-loc-row,
  body.sales-inventory-portal .modal-loc-row{padding:7px 8px!important;margin-bottom:4px!important;}
  body.catalogue-portal .modal-actions,
  body.sales-inventory-portal .modal-actions{
    bottom:-10px!important;
    margin:8px -2px -10px!important;
    padding:7px 2px calc(2px + env(safe-area-inset-bottom))!important;
  }
  body.catalogue-portal .modal-actions .btn,
  body.sales-inventory-portal .modal-actions .btn{
    min-height:38px!important;
    padding:7px 10px!important;
  }
  body.catalogue-portal .genie-form{gap:7px!important;}
  body.catalogue-portal .genie-form input,
  body.catalogue-portal .genie-form select,
  body.catalogue-portal .genie-form textarea{min-height:36px!important;padding:7px 9px!important;}
  body.catalogue-portal .genie-branch-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;}
  body.catalogue-portal .genie-branch-options label{padding:7px 8px!important;}
  body.catalogue-portal .genie-branch-options input{width:16px!important;height:16px!important;min-height:0!important;padding:0!important;}
  body.catalogue-portal .genie-result-card{padding:8px!important;border-radius:9px!important;}
}

@media (max-width:350px){
  body.catalogue-portal .game-card,
  body.sales-inventory-portal .game-card{grid-template-columns:92px minmax(0,1fr)!important;}
  body.catalogue-portal .card-img-wrap,
  body.sales-inventory-portal .card-img-wrap{width:92px!important;}
}