/* Native-app visual parity. Public student/parent pages only; desktop and staff
   layouts retain their existing presentation. Brand matches theme.css. */
.uq-auth-mobile-help,.uq-client-page-title,.uq-client-logo,.uq-header-avatar,.uq-client-menu-logout,
.uq-auth-role-switch,.uq-auth-mobile-links,.uq-auth-subtitle,.uq-mobile-hero-footer,.uq-mobile-eyebrow{display:none}
@media (max-width:767px){
  .client-ui,.uq-mobile-auth{--app-brand:#660810;--app-canvas:#faf7f7;--app-ink:#182230;--app-muted:#5d6878;--app-line:#e3e7ed;--app-soft:#fbf4f4;font-family:Arial,system-ui,sans-serif;background:var(--app-canvas)!important;color:var(--app-ink);font-size:16px;line-height:1.5}
  .client-ui *, .uq-mobile-auth *{box-sizing:border-box}
  .client-ui [hidden],.uq-mobile-auth [hidden]{display:none!important}
  .client-ui :is(a,button,input,select,textarea):focus-visible,.uq-mobile-auth :is(a,button,input,select,textarea):focus-visible{outline:2px solid #245ea8;outline-offset:3px}
  .client-ui .site-header{background:#fff!important;border-bottom:2px solid var(--app-brand)!important;box-shadow:none!important;position:sticky;top:0;z-index:200}
  .client-ui .site-header__inner{min-height:68px!important;padding:10px 16px!important;gap:8px!important;max-width:none!important;flex-wrap:nowrap!important}
  .client-ui .site-header__brand{width:28px!important;min-width:28px;flex:0 0 28px;margin:0!important}
  .client-ui .site-header__logo,.client-ui .site-header__name{display:none!important}
  .client-ui .uq-client-logo{display:block;width:28px;height:34px;object-fit:contain}
  .client-ui .uq-client-page-title{display:block;flex:1;min-width:0;font-size:17px;line-height:23px;font-weight:700;letter-spacing:-.35px;color:var(--app-ink)}
  .client-ui .site-header__right{gap:0!important;flex-shrink:0;display:flex!important;align-items:center}
  .client-ui .site-nav--student,.client-ui .site-header__datetime,.client-ui .site-header__right>.site-header__logout{display:none!important}
  .client-ui .profile-menu{order:3;margin:0!important}
  .client-ui .client-tour-help{order:1}
  .client-ui .notif-bell{order:2}
  .client-ui .client-tour-help,.client-ui .notif-bell,.client-ui .profile-menu__trigger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:0!important;background:transparent!important;color:var(--app-brand)!important;box-shadow:none!important;padding:6px!important;border-radius:10px}
  .client-ui .client-tour-help span{width:18px;height:18px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;font-size:13px;font-weight:600}
  .client-ui .notif-bell svg{width:23px;height:23px}
  .client-ui .site-header__user-name{display:none!important}
  .client-ui .uq-header-avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--app-brand);background:#f3ebec;color:var(--app-brand);border-radius:50%;font-size:14px;font-weight:700}
  .client-ui .profile-menu__trigger{gap:2px!important}
  .client-ui .profile-menu__chevron{width:10px;height:10px;flex-shrink:0}
  .client-ui .profile-menu__dropdown{right:0;left:auto;top:calc(100% + 10px);width:min(280px,calc(100vw - 32px));max-height:70dvh;overflow-y:auto;border:1px solid var(--app-line);border-top:3px solid var(--app-brand);border-radius:12px;padding:8px;background:#fff;box-shadow:0 8px 24px #10182825}
  .client-ui .profile-menu__item{min-height:48px;font-size:16px;font-weight:600;border-radius:8px;padding:12px;color:var(--app-ink)}
  .client-ui .profile-menu__item--mobile-nav{display:none!important}
  .client-ui .uq-client-menu-logout{display:flex;background:var(--app-soft);color:var(--app-brand)}
  .client-ui .dashboard-main,.client-ui .parent-page,.client-ui .profile-main,.client-ui .parent-profile-main,.client-ui .transactions-main,.client-ui .queue-main,.client-ui .ticket-main{width:100%!important;max-width:720px!important;margin:0 auto!important;padding:24px 20px calc(112px + env(safe-area-inset-bottom))!important;gap:20px!important;min-width:0}
  .client-ui .dashboard-grid,.client-ui .profile-grid,.client-ui .children-grid,.client-ui .transaction-grid,.client-ui .transactions-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;min-width:0}
  .client-ui .uq-mobile-eyebrow{display:block;color:var(--app-muted);font-size:14px;font-weight:600;margin:0}
  .client-ui .dash-hero{display:flex!important;flex-direction:column;align-items:stretch;gap:0!important;padding:20px!important;margin:0!important;background:var(--app-brand)!important;border:1px solid var(--app-brand)!important;border-radius:12px!important;box-shadow:none!important;color:#fff!important}
  .client-ui .dash-hero::before,.client-ui .dash-hero::after{display:none!important}
  .client-ui .dash-hero__identity{display:flex;align-items:center;gap:16px;min-width:0}
  .client-ui .dash-hero__text{order:0;flex:1;min-width:0}
  .client-ui .dash-hero__avatar{order:1;width:48px;height:48px;flex:0 0 48px;background:#ffffff29!important;border:0!important;color:#fff!important;border-radius:50%;font-size:18px}
  .client-ui .dash-hero__badge{background:transparent!important;padding:0!important;color:#ffffffd9!important;font-size:14px;line-height:20px;border:0!important;font-weight:400!important}
  .client-ui .dash-hero__badge-dot{display:none}
  .client-ui .dash-hero__name{font-size:26px!important;line-height:33px!important;letter-spacing:-.8px;font-weight:700!important;color:#fff!important;margin-top:4px;overflow-wrap:anywhere}
  .client-ui .dash-hero__code{font-size:14px!important;line-height:21px;color:#ffffffd9!important;margin-top:6px}
  .client-ui .dash-hero__code strong{color:inherit;font-weight:400}
  .client-ui--student .dash-hero:has(.dash-hero__identity) .dash-hero__code,.client-ui--student .dash-hero:has(.dash-hero__identity) .dash-hero__stats{display:none!important}
  .client-ui .uq-mobile-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid #fff3;color:#ffffffd9;font-size:14px}
  .client-ui .uq-mobile-hero-footer span:last-child{background:#ffffff29;color:#fff;padding:5px 10px;border-radius:20px;font-weight:600}
  .client-ui--parent .dash-hero__avatar{display:none}
  .client-ui--parent .dash-hero__stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:20px;padding-top:20px;border-top:1px solid #fff3}
  .client-ui--parent .hero-stat{align-items:center!important;justify-content:flex-start;gap:4px!important;padding:10px 4px!important;background:#ffffff1a!important;border:0!important;border-radius:10px!important;min-width:0}
  .client-ui--parent .hero-stat__value{font-size:24px!important;line-height:30px;color:#fff!important;font-weight:700!important}
  .client-ui--parent .hero-stat__label{font-size:14px!important;line-height:20px;color:#ffffffd9!important;text-align:center;overflow-wrap:normal!important;white-space:normal}
  .client-ui .panel-card,.client-ui .profile-card,.client-ui .transaction-card,.client-ui .wizard-card,.client-ui .parent-empty{background:#fff!important;border:1px solid var(--app-line)!important;border-radius:12px!important;box-shadow:none!important;min-width:0;overflow:visible}
  .client-ui .panel-card__header,.client-ui .profile-card__header{padding:20px!important;gap:12px;flex-wrap:wrap;border-bottom:0!important;background:transparent!important}
  .client-ui .panel-card__title,.client-ui .profile-card__title,.client-ui .section-heading h2{color:var(--app-ink)!important;font-size:18px!important;line-height:25px;font-weight:700!important;letter-spacing:-.3px}
  .client-ui .panel-card__body,.client-ui .profile-card__body{padding:0 20px 20px!important}
  .client-ui .status-card{background:var(--app-soft)!important;border:1px solid var(--app-line)!important;border-top:3px solid var(--app-brand)!important;border-radius:12px!important;box-shadow:none!important;padding:20px!important;color:var(--app-ink)!important}
  .client-ui .status-card__header,.client-ui .status-card__main,.client-ui .status-card__footer{padding:0!important;background:transparent!important;border:0!important}
  .client-ui .status-card__header{gap:12px;flex-wrap:wrap;margin-bottom:16px}
  .client-ui .status-card__header-info{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
  .client-ui .status-card__header h1{font-size:16px!important;line-height:22px;font-weight:600!important;color:var(--app-ink)!important}
  .client-ui .queue-number-display{padding:0!important;text-align:left!important;margin:0 0 16px!important;background:none!important}
  .client-ui .queue-number-display small{font-size:14px;color:var(--app-muted)!important}
  .client-ui .queue-number-display strong{font-size:32px!important;line-height:40px!important;letter-spacing:-1px;color:var(--app-brand)!important;font-weight:700!important;overflow-wrap:anywhere}
  .client-ui .details-card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:transparent!important;border:0!important;border-top:1px solid var(--app-line)!important;border-radius:0!important;padding:16px 0 0!important;box-shadow:none!important}
  .client-ui .detail-row{display:flex;flex-direction:column;align-items:flex-start!important;justify-content:flex-start;gap:6px!important;padding:0!important;background:none!important;border:0!important}
  .client-ui .detail-row__label{font-size:14px!important;line-height:20px;color:var(--app-muted)!important;text-transform:none;letter-spacing:0}
  .client-ui .detail-row__icon{display:none}
  .client-ui .detail-row__value{font-size:16px!important;line-height:22px;font-weight:600!important;color:var(--app-ink)!important;text-align:left!important}
  .client-ui .status-card__footer{margin-top:20px;padding-top:16px!important;border-top:1px solid var(--app-line)!important}
  .client-ui .status-card__actions{display:flex;gap:8px;flex-wrap:wrap}
  .client-ui .status-card__actions>.btn{flex:1;min-width:110px}
  .client-ui .btn{min-height:48px;font-size:16px!important;line-height:22px;font-weight:600!important;border-radius:10px!important;box-shadow:none!important;text-transform:none;letter-spacing:0;padding:12px 16px}
  .client-ui .btn--primary{background:var(--app-brand)!important;color:#fff!important;border-color:var(--app-brand)!important}
  .client-ui .btn--outline,.client-ui .btn--ghost{background:#fff!important;color:var(--app-brand)!important;border:1px solid var(--app-line)!important}
  .client-ui .office-row{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;padding:20px 0!important;gap:12px!important;border-bottom:1px solid var(--app-line);min-width:0}
  .client-ui .office-row__icon{width:44px;height:44px;border-radius:12px;background:var(--app-soft);grid-column:1!important}
  .client-ui .office-row__info{grid-column:2!important;width:auto!important;min-width:0}
  .client-ui .office-row__name{font-size:17px!important;line-height:24px;color:var(--app-ink)!important;font-weight:700!important}
  .client-ui .office-row :is(a.btn,button.btn){grid-column:1/-1;width:100%}
  .client-ui .office-row__hours,.client-ui .office-row__note,.client-ui .card-meta,.client-ui .child-panel__meta{font-size:14px!important;line-height:21px;color:var(--app-muted)!important}
  .client-ui .ticket-status-badge{font-size:14px!important;line-height:20px;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;border:0!important;padding:5px 10px;border-radius:20px}
  .client-ui .ticket-status-badge--waiting{background:#fff4e1!important;color:#805218!important}
  .client-ui .child-ticket__owner{background:#fff!important;color:var(--app-ink)!important;padding:0!important;font-size:17px!important;font-weight:700!important}
  .client-ui .child-panel__queue{border:0;background:var(--app-soft);border-radius:10px;padding:16px;margin-top:16px}
  .client-ui .child-panel__queue-number{font-size:22px;line-height:30px;font-weight:700;color:var(--app-brand)}
  .client-ui .form-input,.client-ui input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.client-ui select,.client-ui textarea{max-width:100%;min-width:0;min-height:52px!important;font-size:16px!important;line-height:24px;background:#fff;border:1px solid #7b899d;border-radius:10px;padding:12px}
  .client-ui :is(input[type=checkbox],input[type=radio]){width:20px;height:20px;accent-color:var(--app-brand);flex-shrink:0}
  .client-ui .form-label{font-size:14px!important;line-height:20px;font-weight:600!important;color:var(--app-ink)}
  .client-ui .client-bottom-nav{position:fixed!important;display:flex!important;inset:auto 0 0!important;z-index:250;background:#fff;border-top:1px solid var(--app-line);box-shadow:none!important;gap:0!important;padding:8px 4px calc(8px + env(safe-area-inset-bottom))!important;height:auto;min-height:80px}
  .client-ui .client-bottom-nav :is(a,button){display:flex;flex:1;min-width:0;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0 2px!important;border:0;background:transparent;color:var(--app-muted);font-size:14px!important;line-height:20px;font-weight:600;text-decoration:none;white-space:nowrap}
  .client-ui .client-bottom-nav svg{width:48px;height:32px;padding:5px 13px;flex-shrink:0;border-radius:10px}
  .client-ui .client-bottom-nav [aria-current=page]{color:var(--app-brand)!important;background:none!important}
  .client-ui .client-bottom-nav [aria-current=page] svg{background:var(--app-brand);color:#fff;stroke:#fff}
  .client-ui .site-footer{position:static!important;margin-bottom:80px;font-size:14px}
  .client-ui .notif-drawer{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:min(65dvh,620px)!important;border-radius:16px 16px 0 0;transform:translateY(110%)}
  .client-ui .notif-drawer.notif-drawer--open{transform:translateY(0)}
  .client-ui .modal-card{max-width:calc(100vw - 32px)!important;border-radius:12px!important;box-shadow:none;max-height:85dvh}
  .client-ui .modal-card__header{background:#fff!important;color:var(--app-ink)!important}
  /* Auth routes: same spacing, controls, maroon, role switch and link hierarchy. */
  .uq-mobile-auth{padding:0!important;display:block!important;min-height:100dvh}
  .uq-mobile-auth #page-content{width:100%;min-height:100dvh}
  .uq-mobile-auth .auth-split,.uq-mobile-auth .auth-split--reverse{display:block!important;min-height:100dvh!important;padding:24px!important;width:100%;gap:0}
  .uq-mobile-auth .auth-brand{display:none!important}
  .uq-mobile-auth .auth-form-panel{display:flex!important;align-items:center!important;justify-content:center!important;padding:32px 0!important;overflow:visible!important;min-height:calc(100dvh - 48px);background:none!important;width:100%}
  .uq-mobile-auth .auth-card{padding:24px!important;width:100%!important;max-width:480px!important;border:1px solid var(--app-line)!important;border-top:4px solid var(--app-brand)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;margin:0 auto!important}
  .uq-mobile-auth .auth-card__brand{display:flex!important;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:8px}
  .uq-mobile-auth .auth-card__brand-logo{width:60px;height:66px;object-fit:contain}
  .uq-mobile-auth .auth-card__brand-text{font-size:30px;line-height:38px;font-weight:700;letter-spacing:-1px;color:var(--app-ink)}
  .uq-mobile-auth .auth-card__heading{font-size:26px!important;line-height:33px;font-weight:700!important;letter-spacing:-.7px;color:var(--app-ink)!important;margin:0 0 8px}
  .uq-mobile-auth.uq-auth-login .auth-card__heading,.uq-mobile-auth.uq-auth-parent-login .auth-card__heading{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
  .uq-mobile-auth .uq-auth-subtitle{display:block;color:var(--app-muted);font-size:16px;line-height:24px;margin:0 0 28px}
  .uq-mobile-auth .uq-auth-role-switch{display:flex;gap:4px;background:#eff2f5;padding:4px;border-radius:12px;margin:0 0 24px}
  .uq-mobile-auth .uq-auth-role-switch a{flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;font-size:16px;font-weight:600;color:var(--app-muted);text-decoration:none}
  .uq-mobile-auth .uq-auth-role-switch [aria-current=page]{background:var(--app-brand);color:#fff}
  .uq-mobile-auth .auth-card__subheading{font-size:16px;color:var(--app-muted);line-height:24px;margin:0 0 24px}
  .uq-mobile-auth.uq-auth-parent-login .auth-card__subheading{display:none}
  .uq-mobile-auth .form-group{margin:0 0 16px}
  .uq-mobile-auth .form-input,.uq-mobile-auth select,.uq-mobile-auth textarea{width:100%;max-width:100%;min-width:0;min-height:52px;background:#fff!important;border:1px solid #7b899d!important;border-radius:10px!important;font-size:16px!important;line-height:24px!important;padding:12px 16px;color:var(--app-ink)!important;box-shadow:none}
  .uq-mobile-auth .input-icon-wrap .form-input{padding-right:48px}
  .uq-mobile-auth .form-label,.uq-mobile-auth label{font-size:14px;line-height:20px;color:var(--app-ink);font-weight:600;margin-bottom:6px}
  .uq-mobile-auth .toggle-password{width:44px;min-height:44px;color:var(--app-brand)}
  .uq-mobile-auth .btn{min-height:50px;border-radius:10px!important;font-size:16px!important;line-height:24px;font-weight:600!important;box-shadow:none!important;letter-spacing:0;text-transform:none;padding:12px 16px}
  .uq-mobile-auth .btn--primary{background:var(--app-brand)!important;border-color:var(--app-brand)!important;color:#fff!important}
  .uq-mobile-auth .btn--google,.uq-mobile-auth .btn--outline{background:#fff!important;color:var(--app-ink)!important;border:1px solid var(--app-line)!important}
  .uq-mobile-auth a{color:var(--app-brand);text-underline-offset:3px;overflow-wrap:anywhere}
  .uq-mobile-auth .forgot-link{display:none}
  .uq-mobile-auth .uq-auth-mobile-links{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px;text-align:center}
  .uq-mobile-auth .uq-auth-mobile-links a{display:flex;min-height:44px;align-items:center;justify-content:center;font-size:14px;font-weight:600;line-height:21px;text-decoration:none}
  .uq-mobile-auth .auth-secondary-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px;font-size:14px;line-height:21px}
  .uq-mobile-auth .auth-secondary-links a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .uq-mobile-auth :is(.auth-card__help,.form-hint,.pw-requirements){font-size:14px!important;line-height:21px!important;color:var(--app-muted)}
  .uq-mobile-auth .form-row,.uq-mobile-auth .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .uq-mobile-auth.uq-auth-signup .auth-split,.uq-mobile-auth.uq-auth-parent-signup .auth-split{padding:16px!important}
  .uq-mobile-auth.uq-auth-signup .auth-form-panel,.uq-mobile-auth.uq-auth-parent-signup .auth-form-panel{padding:0!important;align-items:flex-start!important}
  .uq-mobile-auth.uq-auth-signup .auth-card__brand,.uq-mobile-auth.uq-auth-parent-signup .auth-card__brand{flex-direction:row;gap:12px;align-items:center;margin-bottom:16px}
  .uq-mobile-auth.uq-auth-signup .auth-card__brand-logo,.uq-mobile-auth.uq-auth-parent-signup .auth-card__brand-logo{width:32px;height:38px}
  .uq-mobile-auth.uq-auth-signup .auth-card__brand-text,.uq-mobile-auth.uq-auth-parent-signup .auth-card__brand-text{font-size:22px;line-height:29px}
  .uq-mobile-auth .auth-page{padding:24px!important;min-height:100dvh}
  .uq-mobile-auth .auth-page .auth-card{padding:20px!important}
  .uq-mobile-auth .auth-page h1{font-size:26px;line-height:33px;letter-spacing:-.7px;margin:0 0 16px;font-weight:700}
  .uq-mobile-auth .auth-page p{font-size:16px;line-height:24px;color:var(--app-muted);margin:0 0 16px}
  .uq-mobile-auth .auth-page :is(fieldset,section){margin:0 0 16px}
  .uq-mobile-auth .auth-page form+p a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--app-line);border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;margin-top:12px;color:var(--app-brand);background:#fff}
  .uq-mobile-auth .fp-wrap{width:100%;max-width:520px;margin:0 auto;padding:24px!important}
  .uq-mobile-auth .fp-card{padding:24px!important;border:1px solid var(--app-line);border-top:4px solid var(--app-brand);box-shadow:none;border-radius:12px;background:#fff}
  .uq-mobile-auth .fp-heading{font-size:26px;line-height:33px;font-weight:700;color:var(--app-ink)}
  .uq-mobile-auth .fp-subheading{font-size:16px;line-height:24px;color:var(--app-muted)}
  .uq-mobile-auth .otp-row{display:flex;gap:6px}
  .uq-mobile-auth .otp-input{width:calc((100% - 30px)/6);min-width:0;min-height:48px;font-size:20px;padding:4px;border-radius:8px}
  .uq-mobile-auth .pw-requirements{padding-left:20px}
  .uq-mobile-auth input[type=checkbox]{width:20px;height:20px;accent-color:var(--app-brand);min-height:0;flex-shrink:0}
}
@media (max-width:359px){
  .client-ui .site-header__inner{gap:6px!important}
  .client-ui .uq-client-page-title{font-size:16px;line-height:22px}
  .uq-mobile-auth .auth-split{padding:16px!important}
  .uq-mobile-auth .auth-card{padding:20px!important}
  .uq-mobile-auth .form-row,.uq-mobile-auth .form-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.client-ui .notif-drawer{transition:none!important}.uq-mobile-auth *{scroll-behavior:auto!important}}

@media(max-width:767px){.uq-mobile-auth .uq-auth-desktop-help,.uq-mobile-auth.uq-auth-login .auth-secondary-links,.uq-mobile-auth.uq-auth-parent-login .auth-secondary-links{display:none}.uq-mobile-auth .uq-auth-mobile-help{display:inline}}
.uq-tour-coach>[data-tour-action=reload]{min-height:44px;padding:10px 16px;background:#fff;color:#660810;border:1px solid #d6bdc0;border-radius:8px;font-size:14px;font-weight:600;margin:8px 0}

.uq-child-avatar,.uq-child-no-queue,.uq-child-join{display:none}
@media(max-width:767px){
 .client-ui .dash-hero__badge,.uq-mobile-auth .auth-card__brand-text{text-transform:none!important;letter-spacing:0!important}
 .client-ui .status-card .status-card__header-info{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;text-align:left!important;width:100%}
 .client-ui .status-card .status-card__header h1{text-transform:none!important}
 .client-ui .status-card .queue-number-display{display:block!important;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}
 .client-ui .status-card .queue-number-display strong{display:block!important;text-align:left!important;align-self:flex-start!important}
 .client-ui .dashboard-grid>.panel-card:first-child:has(#active-ticket-widget){background:#fbf4f4!important;border-top:3px solid #660810!important}
 .client-ui .dashboard-grid>.panel-card:first-child #active-ticket-widget{border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;background:none!important}
 .client-ui .dashboard-grid>.panel-card:first-child .panel-card__title::before{display:none}
 .client-ui .uq-parent-children{order:1!important}
 .client-ui--parent:has(.uq-parent-children) .dashboard-grid{order:2!important}
 .client-ui--parent .uq-mobile-queues-relocated{display:none!important}
 .client-ui .child-panel > .panel-card__body{display:flex;flex-direction:column;gap:12px}
 .client-ui .child-panel > .panel-card__body>.ticket-box{order:1;margin:0!important}
 .client-ui .child-panel > .panel-card__body>.child-unlink-btn{order:3}
 .client-ui .child-panel__meta{display:flex;flex-direction:column;gap:4px}
 .client-ui .child-panel:has(.child-ticket) .child-panel__queue{display:none}
 .client-ui .child-panel .child-ticket{padding:16px!important}
 .client-ui .child-panel .ticket-services{margin:8px 0 12px;padding:12px 0}
 .client-ui .child-panel:has(.uq-child-avatar)>.panel-card__header{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center}
 .client-ui .child-panel .panel-card__title{font-size:17px!important}
 .client-ui .child-panel .panel-card__header-actions{grid-column:1/-1;justify-content:flex-start}
 .client-ui .uq-child-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f7f3f3;color:#660810;font-size:16px;font-weight:700}
 .client-ui .child-level{background:#e9f5ee;color:#166448;border-radius:20px;font-size:14px;padding:3px 8px}
 .client-ui .uq-child-no-queue{display:block;font-size:14px;color:#5d6878;margin:0}
 .client-ui .uq-child-join{display:flex;order:2}
}

@media(max-width:767px){.client-ui .queue-number-display small{text-transform:none!important;letter-spacing:0!important;font-weight:400!important}}
@media(max-width:767px){
 .client-ui--parent .parent-info{order:3!important;padding:20px;border:1px solid var(--app-line);border-radius:12px;background:#fff;margin:0}
 .client-ui--parent .parent-info h2{font-size:18px;line-height:25px;font-weight:600;margin:0 0 8px}
 .client-ui--parent .parent-info p{font-size:14px;line-height:21px;margin:0;color:var(--app-muted)}
 .client-ui--parent .hero-stat__label{text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
 .client-ui--parent .dash-hero__code{font-weight:400}
 .client-ui .status-card .status-card__main{display:flex!important;flex-direction:column!important;gap:16px!important;align-items:stretch!important}
 .client-ui .status-card .queue-number-display{margin:0!important;min-height:0!important}
 .client-ui .status-card .waiting-info{order:1}
 .client-ui .status-card .ticket-services{order:2;margin:0!important;padding:12px 0 0!important;border-top:1px solid var(--app-line)}
 .client-ui .status-card .ticket-services h3{margin:0 0 8px!important;font-size:14px;line-height:20px;color:var(--app-muted)}
 .client-ui .status-card .ticket-services ul{margin:0!important;padding:0!important}
 .client-ui .status-card .ticket-services li{padding:0!important;font-size:14px;line-height:21px}
 .client-ui .status-card .called-info{order:3}
 .client-ui .status-card .detail-row__label{overflow-wrap:anywhere}
}

@media(max-width:767px){
 .uq-mobile-auth .auth-card__heading,.uq-mobile-auth .fp-heading,.uq-mobile-auth .fp-brand__name{text-transform:none!important;letter-spacing:-.5px!important}
 .uq-mobile-auth .pw-requirements li{font-size:14px!important;line-height:21px!important}
 .uq-mobile-auth .auth-page form+p{font-size:0!important;line-height:0!important;display:flex;flex-direction:column;gap:12px;margin:12px 0 0}
 .uq-mobile-auth .auth-page form+p a{line-height:21px;margin:0}
 .uq-mobile-auth #page-content.fp-wrap{box-sizing:border-box;width:100%!important;padding:24px!important;min-height:100dvh}
 .uq-mobile-auth .fp-step__label,.uq-mobile-auth .fp-back{font-size:14px!important;line-height:20px!important}
 .uq-mobile-auth .fp-back{display:inline-flex;min-height:44px;align-items:center}
}

@media(max-width:767px){
 .client-ui .dash-hero:not(:has(.dash-hero__identity)) .dash-hero__code{display:block!important;font-size:18px!important;font-weight:600!important;margin:0}
 .client-ui .profile-identity{display:flex;gap:16px;align-items:center}
 .client-ui .profile-avatar{border-radius:50%!important;background:#f7f3f3!important;color:#660810!important;width:64px;height:64px;font-size:24px}
 .client-ui .info-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 0}
 .client-ui .info-row__label{font-size:14px!important;line-height:20px!important;color:var(--app-muted)!important}
 .client-ui .info-row__value{font-size:16px!important;line-height:24px!important;font-weight:500!important;text-align:left!important;overflow-wrap:anywhere;max-width:100%}
 .client-ui .profile-identity__name{font-size:22px!important;line-height:29px!important}
 .client-ui .profile-identity__code,.client-ui .profile-identity__sub{font-size:14px!important;line-height:21px!important}
 .client-ui .btn-edit{min-height:44px!important;padding:10px 14px!important;font-size:14px!important}
 .client-ui .child-panel:not(:has(.uq-child-avatar))>.panel-card__header{display:flex!important}
 .client-ui .child-panel .panel-card__title{min-width:0;overflow-wrap:normal}
 .client-ui .txn-filter-bar{padding:20px!important}
 .client-ui .txn-filter-bar input,.client-ui .txn-filter-bar select{min-height:52px!important;font-size:16px!important}
 .client-ui .empty-state :is(p,span){font-size:14px!important;line-height:21px!important}
}

.uq-mobile-monitor-label{display:none}
@media(max-width:767px){
 .client-ui .child-panel:has(.child-ticket) .child-ticket__owner{display:none!important}
 .client-ui .child-panel .panel-card__title::before{display:none!important}
 .client-ui #lqWidgetFab{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-height:48px!important;display:flex;align-items:center;justify-content:center;gap:8px;margin:0!important;border:1px solid var(--app-line)!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;color:var(--app-brand)!important;padding:12px 16px;transform:none!important}
 .client-ui #lqWidgetFab .lq-widget-fab__dot{display:none}
 .client-ui .uq-mobile-monitor-label{display:inline;font-size:14px;line-height:21px;font-weight:600}
}
@media(max-width:767px){
 .client-ui .client-dialog .modal-card__header h2{font-size:20px!important;line-height:27px;color:var(--app-ink)!important}
 .client-ui .client-dialog .modal-card__header button{color:var(--app-brand)!important;min-width:44px;min-height:44px}
 .client-ui .client-dialog-tabs [aria-pressed=true]{background:var(--app-brand)!important;color:#fff!important;border-color:var(--app-brand)!important}
 .client-ui .notif-drawer__subtitle,.client-ui .notif-empty p{font-size:14px!important;line-height:21px!important;color:var(--app-muted)!important}
 .client-ui--parent .dash-hero__stats{align-items:stretch!important}
 .client-ui--parent .hero-stat{align-self:stretch!important;justify-content:center!important}
 .client-ui--parent .hero-stat__label{width:100%;max-width:none!important}
 .client-ui .uq-parent-children>.section-heading{margin-top:0!important}
}
@media(max-width:767px){.uq-mobile-auth #page-content.fp-wrap{display:block!important}}
@media(max-width:767px){.uq-mobile-auth .pw-requirements{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important}.uq-mobile-auth .pw-requirements li{width:auto!important;max-width:none!important}}

@media(max-width:767px){
 .client-ui .dash-hero__stats:has(>.hero-stat:nth-child(4)){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:20px;padding-top:20px;border-top:1px solid #fff3;align-items:stretch!important}
 .client-ui .dash-hero__stats:has(>.hero-stat:nth-child(4)) .hero-stat{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 4px!important;background:#ffffff1a!important;border:0!important;border-radius:10px;min-width:0}
 .client-ui .dash-hero__stats:has(>.hero-stat:nth-child(4)) .hero-stat__value{font-size:24px!important;line-height:30px;color:#fff!important;font-weight:700!important}
 .client-ui .dash-hero__stats:has(>.hero-stat:nth-child(4)) .hero-stat__label{font-size:14px!important;line-height:20px;color:#ffffffd9!important;text-transform:none!important;letter-spacing:0;font-weight:400;text-align:center}
 .client-ui input::placeholder,.uq-mobile-auth input::placeholder{color:var(--app-muted)!important;opacity:1}
}
@media(max-width:767px){.client-ui .modal-card__header :is(h2,h3){color:var(--app-ink)!important}.client-ui .modal-card__close{color:var(--app-brand)!important}}

/* Available Offices follows the app: full-height cards in the page flow.
   No internal viewport, scrolling list or nested white panel on phones. */
@media(max-width:767px){
 .client-ui .uq-offices-panel{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;height:auto!important;max-height:none!important;overflow:visible!important;min-width:0}
 .client-ui .uq-offices-panel>.panel-card__header{padding:0!important;margin:0 0 20px!important;align-items:center}
 .client-ui .uq-offices-panel .panel-card__title{font-size:20px!important;line-height:27px!important}
 .client-ui .uq-offices-panel .panel-card__title::before{display:none!important}
 .client-ui .uq-offices-panel>.panel-card__body{padding:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
 .client-ui .uq-offices-panel .offices-list{display:flex!important;flex-direction:column;gap:20px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;overscroll-behavior:auto;scroll-snap-type:none}
 .client-ui .uq-offices-panel .office-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:20px!important;background:#fff!important;border:1px solid var(--app-line)!important;border-radius:12px!important;box-shadow:none!important;margin:0!important;min-width:0;max-width:100%;flex-shrink:0}
 .client-ui .uq-offices-panel .office-row>div{grid-column:1/-1!important;width:100%;min-width:0}
 .client-ui .uq-offices-panel .office-row__icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;background:var(--app-soft);color:var(--app-brand)}
 .client-ui .uq-offices-panel .office-row__name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:17px!important;line-height:24px!important}
 .client-ui .uq-offices-panel .office-row__info{min-width:0;gap:4px}
 .client-ui .uq-offices-panel .office-row>.btn{grid-column:1/-1!important;width:100%!important;min-height:50px;justify-content:center}
 .client-ui .uq-offices-panel .office-row>.btn:not(:disabled):not(.btn--disabled){background:var(--app-brand)!important;border-color:var(--app-brand)!important;color:#fff!important}
 .client-ui .uq-offices-panel .office-row--event{background:var(--app-soft)!important;border-style:dashed!important}
 .client-ui .uq-offices-panel .child-picker{padding:20px!important;margin:0 0 20px!important;border:1px solid var(--app-line)!important;border-radius:12px;background:#fff!important}
}

/* Compact mobile rhythm: presentation only. Preserve readable fields, complete
   labels and normal page scrolling; never squeeze content with fixed heights. */
.svc-multi-item__text{display:contents}
@media(max-width:767px){
 .client-ui{font-size:16px;line-height:1.5}
 .client-ui :is(.dashboard-main,.parent-page,.profile-main,.parent-profile-main,.transactions-main,.queue-main,.ticket-main){padding:16px 16px calc(88px + env(safe-area-inset-bottom))!important;gap:12px!important}
 .client-ui :is(.dashboard-grid,.profile-grid,.children-grid,.transaction-grid,.transactions-grid){gap:12px!important}
 .client-ui .site-header__inner{min-height:60px!important;padding:6px 12px!important}
 .client-ui .uq-client-page-title{font-size:16px;line-height:21px;overflow-wrap:normal}
 .client-ui .dash-hero{padding:16px!important}
 .client-ui .dash-hero__identity{gap:12px}
 .client-ui .dash-hero__name{font-size:24px!important;line-height:30px!important;letter-spacing:-.5px;margin-top:2px}
 .client-ui .dash-hero__avatar{width:40px;height:40px;flex-basis:40px}
 .client-ui .uq-mobile-hero-footer{margin-top:12px;padding-top:12px;gap:8px}
 .client-ui--parent .dash-hero__stats,.client-ui .dash-hero__stats:has(>.hero-stat:nth-child(4)){margin-top:12px;padding-top:12px;gap:8px!important}
 .client-ui .dash-hero__stats .hero-stat{padding:8px 4px!important;gap:2px!important}
 .client-ui .dash-hero__stats .hero-stat__value{font-size:22px!important;line-height:28px!important}
 .client-ui .dash-hero__stats .hero-stat__label{font-size:14px!important;line-height:20px!important}
 .client-ui :is(.panel-card__header,.profile-card__header){padding:16px!important;gap:8px}
 .client-ui :is(.panel-card__body,.profile-card__body){padding:0 16px 16px!important}
 .client-ui :is(.panel-card__title,.profile-card__title,.section-heading h2){font-size:18px!important;line-height:24px!important;overflow-wrap:anywhere;min-width:0}
 .client-ui .status-card{padding:16px!important}
 .client-ui .status-card__header{margin-bottom:12px;gap:8px}
 .client-ui .queue-number-display{margin-bottom:12px!important}
 .client-ui .queue-number-display strong{font-size:28px!important;line-height:35px!important}
 .client-ui .details-card{gap:12px 8px;padding-top:12px!important}
 .client-ui .detail-row{min-width:0;gap:4px!important}
 .client-ui :is(.detail-row__label,.detail-row__value){max-width:100%;overflow-wrap:anywhere}
 .client-ui .status-card__footer{margin-top:12px;padding-top:12px!important}
 .client-ui .child-panel .child-ticket{padding:12px!important}
 .client-ui .child-panel__meta{gap:2px}
 .client-ui .child-panel .ticket-services{margin:8px 0;padding:8px 0}
 .client-ui .section-heading{gap:8px;margin-bottom:12px!important}
 .client-ui .btn{min-height:44px;padding:10px 12px;font-size:16px!important;line-height:22px;white-space:normal;overflow-wrap:anywhere;height:auto}
 .client-ui :is(.form-input,input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea){min-height:44px!important;font-size:16px!important;line-height:22px;padding:10px 12px;height:auto}
 .client-ui select{padding-right:32px!important}
 .client-ui .form-group{margin-bottom:12px}
 .client-ui .form-label{margin-bottom:4px}
 .client-ui .client-bottom-nav{min-height:68px;padding:4px 4px calc(4px + env(safe-area-inset-bottom))!important}
 .client-ui .client-bottom-nav :is(a,button){min-height:56px;gap:2px}
 .client-ui .site-footer{margin-bottom:68px}
 .client-ui #lqWidgetFab{min-height:44px!important;padding:10px 12px}
 /* Offices stay full cards in document flow, not a nested scroll panel. */
 .client-ui .uq-offices-panel>.panel-card__header{padding:0!important;margin:0 0 12px!important}
 .client-ui .uq-offices-panel>.panel-card__body{padding:0!important}
 .client-ui .uq-offices-panel .offices-list{gap:12px!important}
 .client-ui .uq-offices-panel .office-row{padding:16px!important;gap:12px!important}
 .client-ui .uq-offices-panel .office-row>.btn{min-height:44px}
 .client-ui .uq-offices-panel .child-picker{padding:16px!important;margin-bottom:12px!important}
 /* Shared live/practice queue form: content-led rows, not desktop columns
    scaled down. All four steps keep existing IDs, names and validation. */
 .client-ui .page-title-row{padding:8px 12px;gap:8px;min-width:0}
 .client-ui .page-title{font-size:20px;line-height:26px;min-width:0;overflow-wrap:anywhere}
 .client-ui .back-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
 .client-ui .parent-queue-context{padding:12px;margin:0;line-height:22px;overflow-wrap:anywhere}
 .client-ui #wizardCard{width:100%;max-width:100%;margin:0;align-self:stretch;min-width:0;--red:#660810;--red-deep:#51060d;--red-glow:#66081018}
 .client-ui #wizardCard .wizard-progress{padding:12px;overflow:visible;gap:4px;align-items:center}
 .client-ui #wizardCard .wizard-step{flex:0 0 28px;min-width:0;opacity:1}
 .client-ui #wizardCard .wizard-step__label{display:none}
 .client-ui #wizardCard .wizard-step__num{font-size:14px;width:28px;height:28px}
 .client-ui #wizardCard .wizard-step-connector{min-width:4px;margin:0 4px}
 .client-ui #wizardCard .wizard-form{padding:16px;min-width:0}
 .client-ui #wizardCard :is(.step-title,.req-step-head .step-title){font-size:20px;line-height:26px;margin:0 0 4px;overflow-wrap:anywhere}
 .client-ui #wizardCard :is(.step-subtitle,.text-muted,.type-card__desc,.svc-cashier-note,.toggle-label__sub,.svc-multi-item__choices-label,.svc-unavailable-note){font-size:14px!important;line-height:20px;color:var(--app-muted);overflow-wrap:anywhere}
 .client-ui #wizardCard .step-subtitle{margin:0 0 12px}
 .client-ui #wizardCard .type-cards{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:12px}
 .client-ui #wizardCard .type-card{padding:12px;gap:8px;min-height:64px}
 .client-ui #wizardCard .type-card__body{min-width:0}
 .client-ui #wizardCard .type-card__title{font-size:16px;line-height:22px}
 .client-ui #wizardCard .type-card__badge{font-size:14px;line-height:20px;margin:4px 0 0}
 .client-ui #wizardCard .svc-multi-list{gap:8px}
 .client-ui #wizardCard .svc-multi-item{display:flex;flex-direction:column;align-items:stretch;padding:12px;gap:8px;min-width:0;max-width:100%}
 .client-ui #wizardCard .svc-multi-item__check{display:flex;align-items:flex-start;flex:none;gap:8px;min-width:0;min-height:44px;font-size:16px;line-height:22px;margin:0;white-space:normal}
 .client-ui #wizardCard .svc-checkbox{margin:2px 0 0;flex:0 0 20px}
 .client-ui #wizardCard .svc-multi-item__text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}
 .client-ui #wizardCard .svc-multi-item__name{font-size:16px;line-height:22px;font-weight:600}
 .client-ui #wizardCard .svc-amount{font-size:14px;line-height:20px;margin:0;white-space:normal;color:var(--app-muted)}
 .client-ui #wizardCard .svc-cashier-note{margin:0}
 .client-ui #wizardCard .svc-multi-item__qty{align-self:flex-end;flex-basis:auto;gap:4px;margin:0;max-width:100%}
 .client-ui #wizardCard .qty-btn{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px}
 .client-ui #wizardCard input.qty-input{width:48px!important;min-width:48px!important;max-width:64px;min-height:44px!important;height:44px;padding:6px!important;border:1px solid var(--app-line);text-align:center;background:#fff}
 .client-ui #wizardCard .svc-academic-config{margin:0;padding:8px;flex-basis:auto;min-width:0}
 .client-ui #wizardCard :is(.svc-academic-config__header,.svc-academic-copy__title,.svc-academic-copy__label){font-size:14px;line-height:20px;letter-spacing:0;text-transform:none}
 .client-ui #wizardCard .svc-academic-config__header{margin-bottom:8px}
 .client-ui #wizardCard .svc-academic-same{gap:8px;min-height:44px;font-size:14px;line-height:20px;margin:0 0 8px;align-items:flex-start}
 .client-ui #wizardCard .svc-academic-same input{margin-top:2px}
 .client-ui #wizardCard .svc-academic-copies{gap:8px}
 .client-ui #wizardCard .svc-academic-copy{display:flex;flex-direction:column;align-items:stretch;padding:8px;gap:8px;min-width:0}
 .client-ui #wizardCard .svc-academic-copy__title{width:auto;padding:0}
 .client-ui #wizardCard .svc-academic-copy__fields{grid-template-columns:minmax(0,1fr);gap:8px;width:100%}
 .client-ui #wizardCard .svc-academic-copy__field{gap:4px}
 .client-ui #wizardCard .svc-academic-copy select{font-size:16px!important;line-height:22px;min-height:44px!important;padding:10px 28px 10px 8px!important;background-position:right 8px center}
 .client-ui #wizardCard .svc-multi-item__choices{flex-basis:auto;margin:0;padding-top:8px;gap:8px;align-items:flex-start;flex-direction:column}
 .client-ui #wizardCard .choice-pills{gap:8px;max-width:100%}
 .client-ui #wizardCard .choice-pill{min-height:44px;max-width:100%;font-size:14px;line-height:20px;padding:8px 12px;white-space:normal;overflow-wrap:anywhere}
 .client-ui #wizardCard .choice-pill:has(input:focus-visible){outline:2px solid #245ea8;outline-offset:2px}
 .client-ui #wizardCard .priority-toggle{padding:12px;margin-bottom:12px}
 .client-ui #wizardCard .toggle-label{gap:12px;align-items:flex-start}
 .client-ui #wizardCard .toggle-label__text{min-width:0;flex:1}
 .client-ui #wizardCard .toggle-label__title{font-size:16px;line-height:22px}
 .client-ui #wizardCard .toggle-switch{flex-shrink:0}
 .client-ui #wizardCard .req-step-head{flex-wrap:wrap;gap:8px;margin-bottom:12px}
 .client-ui #wizardCard .requirement-item{padding:10px 12px;min-height:44px;gap:8px;font-size:16px;line-height:22px;min-width:0;overflow-wrap:anywhere}
 .client-ui #wizardCard .confirm-card{margin-bottom:12px;min-width:0}
 .client-ui #wizardCard .confirm-row{flex-direction:column;align-items:stretch;gap:4px;padding:10px 12px;min-width:0}
 .client-ui #wizardCard .confirm-row__label{font-size:14px;line-height:20px;flex-shrink:1;white-space:normal}
 .client-ui #wizardCard .confirm-row__value{font-size:16px;line-height:22px;text-align:left;max-width:100%;min-width:0;overflow-wrap:anywhere}
 .client-ui #wizardCard :is(.confirm-svc-list__item,.confirm-svc-list__top,.confirm-svc-list__academic){text-align:left;justify-content:flex-start;min-width:0}
 .client-ui #wizardCard .confirm-svc-list__name{font-size:16px;line-height:22px;overflow-wrap:anywhere}
 .client-ui #wizardCard :is(.confirm-svc-list__meta,.confirm-svc-list__academic,.svc-selected-row__meta,.svc-selected-row__academic){font-size:14px;line-height:20px}
 .client-ui #wizardCard .confirm-svc-list__copy{white-space:normal;overflow-wrap:anywhere}
 .client-ui #wizardCard .step-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;margin-top:12px}
 .client-ui #wizardCard .step-actions>.btn{flex:1 1 100%;min-width:0;width:100%;margin:0;justify-content:center}
 .client-ui #wizardCard .step-actions>.btn--primary{order:-1}
 .client-ui .practice-banner{padding:12px!important;margin-bottom:12px!important;font-size:14px;line-height:20px}
 .client-ui .practice-banner p{font-size:14px;line-height:20px;margin:4px 0}
 .uq-mobile-auth .auth-split{padding:16px!important}
 .uq-mobile-auth .auth-form-panel{padding:8px 0!important;min-height:calc(100dvh - 32px)}
 .uq-mobile-auth .auth-card{padding:20px!important}
 .uq-mobile-auth .auth-card__brand{gap:12px}
 .uq-mobile-auth .auth-card__brand-logo{width:48px;height:54px}
 .uq-mobile-auth .auth-card__brand-text{font-size:28px;line-height:35px}
 .uq-mobile-auth :is(.auth-card__heading,.auth-page h1,.fp-heading){font-size:24px!important;line-height:30px!important}
 .uq-mobile-auth .uq-auth-subtitle,.uq-mobile-auth .auth-card__subheading{margin-bottom:16px}
 .uq-mobile-auth .uq-auth-role-switch{margin-bottom:16px}
 .uq-mobile-auth .form-group{margin-bottom:12px}
 .uq-mobile-auth :is(.form-input,select,textarea){min-height:44px;padding:10px 12px;line-height:22px!important}
 .uq-mobile-auth .btn{min-height:44px;padding:10px 12px;line-height:22px}
 .uq-mobile-auth .auth-page,.uq-mobile-auth #page-content.fp-wrap{padding:16px!important}
 .uq-mobile-auth .fp-card{padding:20px!important}
}
@media(max-width:767px){
 .client-ui #wizardCard :is(.svc-selected-bar__label,.svc-selected-bar__count,.svc-selected-row__cat,.svc-group-header__title,.svc-group-header__meta){font-size:14px;line-height:20px;text-transform:none;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
 .client-ui #wizardCard .svc-selected-bar{padding:8px;margin-bottom:12px}
 .client-ui #wizardCard .svc-selected-bar__head{flex-wrap:wrap;gap:4px;margin-bottom:8px}
 .client-ui #wizardCard .svc-selected-row{padding:8px}
 .client-ui #wizardCard .svc-selected-row__main{align-items:flex-start;gap:4px}
 .client-ui #wizardCard .svc-selected-row__top{flex-direction:column;align-items:flex-start;gap:4px}
 .client-ui #wizardCard .svc-selected-row__name{font-size:16px;line-height:22px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 .client-ui #wizardCard .svc-selected-row__meta{flex-wrap:wrap;flex-shrink:1}
 .client-ui #wizardCard .svc-selected-row__copy{white-space:normal;overflow-wrap:anywhere}
 .client-ui #wizardCard .svc-selected-row__remove{width:44px;height:44px;flex:0 0 44px}
 .client-ui #wizardCard .svc-group-header{flex-wrap:wrap;gap:4px}
 .client-ui #wizardCard .step-actions>.btn{flex:1 1 0;width:auto;order:0}
 .client-ui #wizardCard .step-actions>.btn--confirm{flex:1 1 100%;width:100%;order:-1}
}
@media(max-width:767px){
 .client-ui #wizardCard .requirement-item__text{font-size:16px;line-height:22px;min-width:0;overflow-wrap:anywhere}
 .client-ui #wizardCard .svc-academic-config{padding:8px 0 0;border:0;border-top:1px solid #e8b4b4;border-radius:0;background:transparent}
 .client-ui #wizardCard .wizard-step-connector{flex:1 1 auto!important}
}
@media(max-width:767px){
 .client-ui .info-row{padding:10px 0;gap:4px;min-width:0}
 .client-ui .info-row__label,.client-ui .info-row__value{min-width:0;white-space:normal;overflow-wrap:anywhere}
 .client-ui .profile-edit-form .form-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .client-ui .profile-summary{gap:12px;margin-bottom:12px;padding-bottom:12px}
}
@media(min-width:360px) and (max-width:767px){
 .client-ui .info-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:12px}
}
@media(max-width:767px){
 .client-ui .parent-physical-requirement{padding:12px!important;margin:12px 0!important;min-width:0}
 .client-ui .parent-physical-requirement strong{display:block;font-size:16px;line-height:22px}
 .client-ui .parent-physical-requirement p{font-size:14px;line-height:20px;margin:8px 0;color:var(--app-muted)}
 .client-ui .parent-physical-requirement label{display:flex;align-items:flex-start;gap:8px;min-height:44px;font-size:16px;line-height:22px;overflow-wrap:anywhere}
 .client-ui .parent-physical-requirement label input{margin-top:2px;flex:0 0 20px}
}
@media(max-width:359px){
 .client-ui #wizardCard :is(.step-title,.req-step-head .step-title){font-size:18px;line-height:24px}
}
@media(max-width:767px){
 .client-ui .profile-form{gap:12px}
 .client-ui .profile-form .form-group{margin:0;gap:4px}
 .client-ui .profile-form .form-actions{margin-top:0;padding-top:12px}
 .client-ui .profile-identity{gap:12px;margin-bottom:12px;padding-bottom:12px}
 .client-ui .status-card .status-card__main{gap:12px!important}
}