/* Medyaf installed-PWA application shell. Browser/desktop website stays unchanged. */
:root{--pwa-safe-top:env(safe-area-inset-top,0px);--pwa-safe-bottom:env(safe-area-inset-bottom,0px);--pwa-appbar-h:64px;--pwa-nav-h:72px}
.pwa-login-brand,.pwa-bottom-nav{display:none}

@media (display-mode:standalone) and (max-width:820px){
  html,body{overscroll-behavior-y:none}
  body{min-height:100dvh;-webkit-tap-highlight-color:transparent}
}

/* The same rules are activated through JS for iOS standalone mode. */
@media (max-width:900px){
  html.pwa-standalone{background:#f6f4f2}
  html.pwa-standalone body{background:#f6f4f2}

  /* iOS Safari/PWA zooms the viewport when focusing controls below 16px.
     Keep controls at 16px instead of disabling user zoom/accessibility. */
  html.pwa-standalone body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  html.pwa-standalone body select,
  html.pwa-standalone body textarea{font-size:16px!important;-webkit-text-size-adjust:100%}

  /* ---------- Login: full-screen application entry ---------- */
  html.pwa-standalone body.auth-page .site-header,
  html.pwa-standalone body.auth-page .site-footer{display:none!important}
  html.pwa-standalone body.auth-page .flash-stack{top:calc(var(--pwa-safe-top) + 12px);left:14px;right:14px;width:auto}
  html.pwa-standalone body.auth-page .auth-section{
    display:block;min-height:100dvh;margin:0;padding:calc(var(--pwa-safe-top) + 26px) 14px calc(var(--pwa-safe-bottom) + 28px);
    background:
      radial-gradient(circle at 12% 5%,rgba(244,215,151,.28),transparent 28%),
      radial-gradient(circle at 88% 26%,rgba(184,75,102,.22),transparent 26%),
      linear-gradient(165deg,#350914 0%,#5c121f 36%,#791d2d 57%,#f6eee7 57.2%,#f8f6f4 100%);
  }
  html.pwa-standalone body.auth-page .auth-container-login{width:100%;max-width:510px;margin:0 auto;padding:0}
  html.pwa-standalone body.auth-page .pwa-login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:2px auto 27px;color:#fff;text-align:center}
  html.pwa-standalone body.auth-page .pwa-login-brand img{width:58px;height:58px;border-radius:18px;box-shadow:0 18px 38px -20px #140308;border:1px solid rgba(255,255,255,.18)}
  html.pwa-standalone body.auth-page .pwa-login-brand span{display:grid;text-align:start}
  html.pwa-standalone body.auth-page .pwa-login-brand strong{font-size:22px;line-height:1.15;letter-spacing:-.02em}
  html.pwa-standalone body.auth-page .pwa-login-brand small{margin-top:4px;color:rgba(255,255,255,.7);font-size:10px;font-weight:700}
  html.pwa-standalone body.auth-page .auth-card{display:block;overflow:visible;margin:0;border:0;background:transparent;box-shadow:none}
  html.pwa-standalone body.auth-page .auth-card-aside{display:none!important}
  html.pwa-standalone body.auth-page .auth-card-form{
    width:100%;padding:26px 20px 20px;border:1px solid rgba(255,255,255,.76);border-radius:30px;
    background:rgba(255,255,255,.94);box-shadow:0 30px 70px -35px rgba(47,7,16,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  html.pwa-standalone body.auth-page .auth-form-heading{margin-bottom:20px;text-align:center}
  html.pwa-standalone body.auth-page .auth-form-heading .eyebrow{display:inline-flex;margin-bottom:6px;padding:5px 10px;border-radius:999px;background:#f5e9e9;color:#721b2d;font-size:9px;font-weight:900}
  html.pwa-standalone body.auth-page .auth-form-heading h1{margin:0;color:#42101a;font-size:27px;letter-spacing:-.035em}
  html.pwa-standalone body.auth-page .auth-form-heading p{margin:6px 0 0;color:#837477;font-size:11px}
  html.pwa-standalone body.auth-page .form-group{margin-bottom:13px}
  html.pwa-standalone body.auth-page .form-group>label{font-size:11px;font-weight:850}
  html.pwa-standalone body.auth-page .input,
  html.pwa-standalone body.auth-page .select{min-height:52px;border-radius:15px;background:#fff;border-color:#e7ddda;font-size:16px}
  html.pwa-standalone body.auth-page .password-toggle{border-radius:10px}
  html.pwa-standalone body.auth-page .btn-primary{min-height:54px;border-radius:16px;font-size:13px;box-shadow:0 18px 34px -22px rgba(92,18,31,.9)}
  html.pwa-standalone body.auth-page .google-auth-entry{margin:0 0 17px;padding:14px;border-radius:20px;background:#fbfaf9;border:1px solid #eee5e1}
  html.pwa-standalone body.auth-page .google-role-options{gap:8px}
  html.pwa-standalone body.auth-page .google-role-option{min-height:62px;padding:10px 11px;border-radius:15px;background:#fff}
  html.pwa-standalone body.auth-page .google-auth-note{margin-top:10px;font-size:9px;line-height:1.65}
  html.pwa-standalone body.auth-page .google-auth-legal{font-size:8.5px;line-height:1.6}
  html.pwa-standalone body.auth-page .auth-divider{margin:16px 0}
  html.pwa-standalone body.auth-page .auth-divider span{font-size:9px}
  html.pwa-standalone body.auth-page .auth-checkbox{font-size:9.5px}
  html.pwa-standalone body.auth-page .auth-inline-link{margin-top:1px}
  html.pwa-standalone body.auth-page .auth-switch{margin:18px 0 0;padding-top:16px;border-top:1px solid #eee5e1;font-size:10.5px;text-align:center}

  /* ---------- Authenticated mobile app shell ---------- */
  html.pwa-standalone body.dashboard-body{background:#f6f4f2;padding-bottom:calc(var(--pwa-nav-h) + var(--pwa-safe-bottom))}
  html.pwa-standalone body.dashboard-body .dashboard-shell{display:block;min-height:100dvh;padding-top:calc(var(--pwa-appbar-h) + var(--pwa-safe-top));overflow:visible}
  html.pwa-standalone body.dashboard-body.dashboard-has-business-switcher .dashboard-shell{padding-top:calc(var(--pwa-appbar-h) + 48px + var(--pwa-safe-top))}
  html.pwa-standalone body.dashboard-body .dashboard-main{display:block;width:100%;max-width:none;min-width:0;padding:18px 13px calc(var(--pwa-nav-h) + var(--pwa-safe-bottom) + 26px);grid-column:auto}

  html.pwa-standalone body.dashboard-body .dashboard-topbar{
    position:fixed;inset:0 0 auto 0;width:100%;height:calc(var(--pwa-appbar-h) + var(--pwa-safe-top));padding-top:var(--pwa-safe-top);z-index:124;
    border:0;border-bottom:1px solid rgba(63,23,31,.07);background:rgba(255,255,255,.92);box-shadow:0 10px 35px -28px rgba(49,12,20,.65);
    backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)
  }
  html.pwa-standalone body.dashboard-body.dashboard-has-business-switcher .dashboard-topbar{height:calc(var(--pwa-appbar-h) + 48px + var(--pwa-safe-top))}
  html.pwa-standalone body.dashboard-body .dashboard-topbar-inner{position:relative;height:var(--pwa-appbar-h);max-width:none;margin:0;padding:0 14px;gap:10px}
  html.pwa-standalone body.dashboard-body .mobile-dashboard-toggle{display:none!important}
  html.pwa-standalone body.dashboard-body .dashboard-topbar-user{gap:10px;min-width:0;flex:1}
  html.pwa-standalone body.dashboard-body .dashboard-topbar-avatar{width:40px;height:40px;border-radius:13px;font-size:15px;box-shadow:0 10px 20px -14px rgba(92,18,31,.8)}
  html.pwa-standalone body.dashboard-body .dashboard-topbar-identity{min-width:0}
  html.pwa-standalone body.dashboard-body .dashboard-topbar-identity strong{max-width:165px;font-size:12px}
  html.pwa-standalone body.dashboard-body .dashboard-topbar-identity span{margin-top:1px;padding:0;background:transparent;color:#9b8588;font-size:8.5px}
  html.pwa-standalone body.dashboard-body .dashboard-topbar-actions{gap:6px;flex:0 0 auto}
  html.pwa-standalone body.dashboard-body .dashboard-topbar-actions>.dashboard-language-switch,
  html.pwa-standalone body.dashboard-body .dashboard-topbar-actions>.dashboard-topbar-button,
  html.pwa-standalone body.dashboard-body .dashboard-topbar-actions>form{display:none!important}
  html.pwa-standalone body.dashboard-body .dashboard-notification-trigger{width:42px;height:42px;border-radius:14px;border:1px solid #eadfe0;background:#fff;color:#68182a;box-shadow:none}
  html.pwa-standalone body.dashboard-body .dashboard-notification-trigger .ui-icon{width:19px;height:19px}
  html.pwa-standalone body.dashboard-body .dashboard-notification-panel{position:fixed!important;top:calc(var(--pwa-safe-top) + var(--pwa-appbar-h) + 8px)!important;right:12px!important;left:12px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - var(--pwa-appbar-h) - var(--pwa-nav-h) - var(--pwa-safe-top) - var(--pwa-safe-bottom) - 26px);border-radius:24px;box-shadow:0 30px 70px -24px rgba(45,9,18,.5)}

  html.pwa-standalone body.dashboard-body .dashboard-business-switcher{position:absolute;top:var(--pwa-appbar-h);left:14px;right:14px;width:auto;margin:0;padding:4px 0 8px}
  html.pwa-standalone body.dashboard-body .dashboard-business-switcher label{display:block;width:100%}
  html.pwa-standalone body.dashboard-body .dashboard-business-switcher select{width:100%;height:36px;border:1px solid #e7ddda;border-radius:12px;padding:0 12px;background:#f8f5f3;color:#5f1b29;font-size:10px;font-weight:800}

  html.pwa-standalone body.dashboard-body .dashboard-flash-stack{top:calc(var(--pwa-safe-top) + var(--pwa-appbar-h) + 8px);left:12px;right:12px;width:auto;z-index:140}

  /* Main content stops looking like a desktop website canvas. */
  html.pwa-standalone body.dashboard-body .dashboard-head{align-items:flex-start;margin:0 0 15px;padding:4px 2px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
  html.pwa-standalone body.dashboard-body .dashboard-head h1{font-size:24px;line-height:1.25;letter-spacing:-.025em}
  html.pwa-standalone body.dashboard-body .dashboard-head p{max-width:300px;margin-top:5px;font-size:10px;line-height:1.6}
  html.pwa-standalone body.dashboard-body .dashboard-head .btn{min-height:40px;padding:0 12px;border-radius:13px;font-size:9.5px}
  html.pwa-standalone body.dashboard-body .dashboard-title-icon{width:36px;height:36px;border-radius:12px}
  html.pwa-standalone body.dashboard-body .dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
  html.pwa-standalone body.dashboard-body .dashboard-stat-card{min-height:126px;padding:15px;border-radius:21px;background:#fff;border:1px solid rgba(65,27,34,.07);box-shadow:0 15px 34px -30px rgba(44,10,18,.6)}
  html.pwa-standalone body.dashboard-body .dashboard-stat-card:hover{transform:none}
  html.pwa-standalone body.dashboard-body .dashboard-stat-icon{width:36px;height:36px;border-radius:12px}
  html.pwa-standalone body.dashboard-body .dashboard-stat-card strong{font-size:21px}
  html.pwa-standalone body.dashboard-body .dashboard-stat-card small{font-size:9px}
  html.pwa-standalone body.dashboard-body .dashboard-stat-card p{font-size:8.5px;line-height:1.45}
  html.pwa-standalone body.dashboard-body .panel,
  html.pwa-standalone body.dashboard-body .dashboard-form,
  html.pwa-standalone body.dashboard-body .provider-business-card{border-radius:23px;border-color:rgba(65,27,34,.07);background:#fff;box-shadow:0 18px 38px -34px rgba(44,10,18,.65)}
  html.pwa-standalone body.dashboard-body .panel{margin-bottom:14px}
  html.pwa-standalone body.dashboard-body .panel-head{padding:15px 16px;background:transparent}
  html.pwa-standalone body.dashboard-body .panel-head h2,
  html.pwa-standalone body.dashboard-body .panel-head h3{font-size:13px}
  html.pwa-standalone body.dashboard-body .panel-head p{font-size:9px;line-height:1.55}
  html.pwa-standalone body.dashboard-body .panel-head>a{font-size:9px}
  html.pwa-standalone body.dashboard-body .dashboard-grid,
  html.pwa-standalone body.dashboard-body .dashboard-overview-grid,
  html.pwa-standalone body.dashboard-body .provider-performance-grid{grid-template-columns:1fr!important;gap:13px}
  html.pwa-standalone body.dashboard-body .client-booking-card-grid{grid-template-columns:1fr;gap:12px}
  html.pwa-standalone body.dashboard-body .client-booking-progress-card{border-radius:22px;box-shadow:0 18px 38px -32px rgba(44,10,18,.65)}
  html.pwa-standalone body.dashboard-body .service-grid{grid-template-columns:1fr!important;gap:13px}
  html.pwa-standalone body.dashboard-body .table-wrap{border-radius:18px;scrollbar-width:none}
  html.pwa-standalone body.dashboard-body .table-wrap::-webkit-scrollbar{display:none}
  html.pwa-standalone body.dashboard-body .dashboard-modal-dialog{max-height:calc(100dvh - var(--pwa-safe-top) - var(--pwa-safe-bottom) - 24px);border-radius:26px 26px 18px 18px}

  /* ---------- More menu becomes an app bottom sheet ---------- */
  html.pwa-standalone body.dashboard-body .dashboard-sidebar{
    position:fixed!important;top:auto!important;bottom:calc(var(--pwa-nav-h) + var(--pwa-safe-bottom) + 8px)!important;right:10px!important;left:10px!important;width:auto!important;height:auto!important;max-height:min(72dvh,640px);padding:18px 14px 16px!important;border:1px solid rgba(255,255,255,.08);border-radius:28px!important;
    transform:translateY(calc(100% + var(--pwa-nav-h) + 70px))!important;transition:transform .28s cubic-bezier(.22,.8,.25,1)!important;box-shadow:0 35px 80px -24px rgba(32,4,10,.78);z-index:145!important
  }
  html.pwa-standalone body.dashboard-body .dashboard-sidebar.open{transform:translateY(0)!important}
  html.pwa-standalone body.dashboard-body .dashboard-sidebar:before{opacity:.5}
  html.pwa-standalone body.dashboard-body .dashboard-brand{display:none}
  html.pwa-standalone body.dashboard-body .dashboard-user{margin-bottom:13px;padding:12px;border-radius:17px}
  html.pwa-standalone body.dashboard-body .dashboard-nav{gap:3px}
  html.pwa-standalone body.dashboard-body .dashboard-nav-section-title{font-size:8px}
  html.pwa-standalone body.dashboard-body .dashboard-nav a{min-height:44px;padding:7px 9px;border-radius:12px;font-size:10.5px}
  html.pwa-standalone body.dashboard-body .dashboard-nav-icon{width:30px;height:30px}
  html.pwa-standalone body.dashboard-body .dashboard-sidebar .sidebar-bottom{margin-top:13px;padding-top:12px}
  html.pwa-standalone body.dashboard-body .dashboard-sidebar .sidebar-website-link{display:none}
  html.pwa-standalone body.dashboard-body .sidebar-app-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  html.pwa-standalone body.dashboard-body .sidebar-app-actions>a,
  html.pwa-standalone body.dashboard-body .sidebar-app-actions button{min-height:42px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:9px;font-weight:800}
  html.pwa-standalone body.dashboard-body .sidebar-app-actions .is-logout{color:#ffd9df;background:rgba(176,54,74,.16)}
  html.pwa-standalone body.dashboard-body .sidebar-overlay{position:fixed;z-index:140;background:rgba(28,5,10,.46);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}

  /* ---------- Native-style bottom navigation ---------- */
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav{
    position:fixed;z-index:150;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:2px;
    right:8px;left:8px;bottom:calc(7px + var(--pwa-safe-bottom));height:var(--pwa-nav-h);padding:6px 5px 7px;
    border:1px solid rgba(80,31,41,.10);border-radius:25px;background:rgba(255,255,255,.94);box-shadow:0 24px 60px -26px rgba(39,6,14,.62);
    backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%)
  }
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav a,
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav button{position:relative;height:58px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:17px;background:transparent;color:#9a8589;text-decoration:none;font:inherit;cursor:pointer;transition:transform .14s ease,color .18s ease,background .18s ease}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav a.is-pressing,
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav button.is-pressing{transform:scale(.94)}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav .ui-icon{width:20px;height:20px;flex:0 0 auto}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:850;line-height:1}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav .active{color:#671526;background:#fbf1f2}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav .active:after{content:"";position:absolute;top:5px;width:5px;height:5px;border-radius:50%;background:#b78936}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav .is-primary{height:66px;margin-top:-13px;color:#fff;background:linear-gradient(145deg,#7a1b2d,#4b0d19);box-shadow:0 14px 28px -14px rgba(87,16,31,.85)}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav .is-primary .ui-icon{width:22px;height:22px}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav .is-primary span{color:#fff}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav .is-primary.active:after{background:#f0cf80}

  /* Push prompt and dialogs respect app safe areas. */
  html.pwa-standalone body.dashboard-body .pwa-push-onboarding{padding-top:var(--pwa-safe-top);padding-bottom:var(--pwa-safe-bottom)}
}

/* JS fallback for iOS installed mode shares the rules above. */
@media (max-width:390px){
  html.pwa-standalone body.dashboard-body .dashboard-main{padding-inline:10px}
  html.pwa-standalone body.dashboard-body .dashboard-stat-grid{gap:8px}
  html.pwa-standalone body.dashboard-body .dashboard-stat-card{min-height:120px;padding:13px}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav{right:6px;left:6px}
  html.pwa-standalone body.auth-page .auth-section{padding-inline:10px}
  html.pwa-standalone body.auth-page .auth-card-form{padding-inline:16px}
}


/* v42: server-confirmed PWA mode. Keep the app navigation visible even when
   iOS/Android reports display-mode incorrectly or JavaScript storage is reset. */
@media (max-width:900px){
  html.pwa-server-mode body.dashboard-body .pwa-bottom-nav,
  html[data-pwa-app-mode="1"] body.dashboard-body .pwa-bottom-nav{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html.pwa-server-mode body.dashboard-body .pwa-bottom-nav[hidden],
  html[data-pwa-app-mode="1"] body.dashboard-body .pwa-bottom-nav[hidden]{display:grid!important}
  html.pwa-server-mode body.dashboard-body{padding-bottom:calc(var(--pwa-nav-h) + var(--pwa-safe-bottom) + 18px)!important}
  html.pwa-server-mode body.dashboard-body .dashboard-main{padding-bottom:calc(var(--pwa-nav-h) + var(--pwa-safe-bottom) + 34px)!important}
}


/* v43: administrators use the same installed-app shell and bottom navigation. */
@media (max-width:900px){
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav-admin .is-primary span{font-size:7.5px}
  html.pwa-standalone body.dashboard-body .pwa-bottom-nav-admin a:nth-child(4) span{font-size:7.5px}
}


/* v44: app-native responsive tables.
   Wide desktop data grids become readable record cards inside the installed PWA,
   so columns are never squeezed, clipped or hidden off-screen. Desktop/browser
   table layouts remain unchanged. */
@media (max-width:900px){
  html.pwa-standalone body.dashboard-body .table-wrap:has(table.pwa-card-table),
  html.pwa-server-mode body.dashboard-body .table-wrap:has(table.pwa-card-table),
  html[data-pwa-app-mode="1"] body.dashboard-body .table-wrap:has(table.pwa-card-table){
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:auto!important;
    border:0!important;
    border-spacing:0!important;
    background:transparent!important;
  }

  /* Keep column names accessible to screen readers while labels are repeated
     inside each record card visually. */
  html.pwa-standalone body.dashboard-body table.pwa-card-table>thead,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>thead,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>thead{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody{
    display:grid!important;
    width:100%!important;
    gap:12px!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    border:1px solid rgba(89,31,45,.09)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 14px 34px -28px rgba(50,10,20,.65)!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr:hover,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr:hover,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr:hover{
    transform:none!important;
    filter:none!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr>td,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr>td,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr>td{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:11px 13px!important;
    border:0!important;
    border-bottom:1px solid rgba(89,31,45,.07)!important;
    background:transparent!important;
    vertical-align:top!important;
    text-align:start!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr>td[data-pwa-label],
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr>td[data-pwa-label],
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr>td[data-pwa-label]{
    display:grid!important;
    grid-template-columns:minmax(76px,27%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr>td:last-child,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr>td:last-child,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr>td:last-child{
    border-bottom:0!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td[data-pwa-label]::before,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td[data-pwa-label]::before,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td[data-pwa-label]::before{
    content:attr(data-pwa-label);
    display:block;
    min-width:0;
    padding-top:2px;
    color:#9a8589;
    font-size:9px;
    font-weight:900;
    line-height:1.45;
    letter-spacing:.01em;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value{
    min-width:0!important;
    max-width:100%!important;
    color:#3d2029;
    font-size:11.5px;
    line-height:1.6;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value .compact-primary,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value .compact-primary,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value .compact-primary{
    min-width:0!important;
    max-width:100%!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value .compact-primary strong,
  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value .compact-primary small,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value .compact-primary strong,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value .compact-primary small,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value .compact-primary strong,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value .compact-primary small{
    max-width:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value .booking-code,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value .booking-code,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value .booking-code{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value .dashboard-icon-actions,
  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value .actions-row,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value .dashboard-icon-actions,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value .actions-row,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value .dashboard-icon-actions,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value .actions-row{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-card-table-full,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-card-table-full,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-card-table-full{
    display:block!important;
    padding:14px!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-card-table-full::before,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-card-table-full::before,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-card-table-full::before{display:none!important}

  /* Inputs and filters embedded in admin tables must remain usable at full width. */
  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value select,
  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value input:not([type="checkbox"]):not([type="radio"]),
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value select,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value input:not([type="checkbox"]):not([type="radio"]),
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value select,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value input:not([type="checkbox"]):not([type="radio"]){
    max-width:100%!important;
  }
}

@media (max-width:390px){
  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr>td[data-pwa-label],
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr>td[data-pwa-label],
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr>td[data-pwa-label]{
    grid-template-columns:minmax(68px,25%) minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px 11px!important;
  }
}

/* v45: premium mobile record cards.
   Turns every app-mode dashboard data row into a clear information card with
   grouped fields, semantic highlights and readable inline action controls. */
@media (max-width:900px){
  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody{
    gap:14px!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:11px!important;
    overflow:hidden!important;
    border:1px solid rgba(94,25,43,.10)!important;
    border-radius:24px!important;
    background:linear-gradient(155deg,#fff 0%,#fff 67%,#fcf8f5 100%)!important;
    box-shadow:0 18px 42px -30px rgba(59,10,23,.58)!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr::after,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr::after,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr::after{
    content:"";
    position:absolute;
    inset-block-start:0;
    inset-inline-start:22px;
    width:54px;
    height:3px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,#7a162d,#c09a42);
    opacity:.95;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr>td,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr>td,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr>td{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    margin:0!important;
    padding:10px 11px!important;
    border:0!important;
    border-radius:15px!important;
    background:#faf8f6!important;
    box-shadow:inset 0 0 0 1px rgba(86,22,38,.045)!important;
    text-align:start!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr>td[data-pwa-label],
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr>td[data-pwa-label],
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr>td[data-pwa-label]{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:5px!important;
    grid-template-columns:none!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td[data-pwa-label]::before,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td[data-pwa-label]::before,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td[data-pwa-label]::before{
    padding:0!important;
    color:#9a858a!important;
    font-size:8.5px!important;
    font-weight:900!important;
    line-height:1.35!important;
    letter-spacing:.02em!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-cell-value,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-cell-value,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-cell-value{
    color:#371d26!important;
    font-size:11.5px!important;
    font-weight:700!important;
    line-height:1.55!important;
  }

  /* Main identifier / first meaningful column becomes the card header. */
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-primary,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-primary,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-primary{
    grid-column:1/-1!important;
    min-height:auto!important;
    padding:12px 13px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#fbf4f1,#fff)!important;
    box-shadow:inset 0 0 0 1px rgba(112,23,44,.075)!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-primary::before,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-primary::before,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-primary::before{
    color:#7d5c64!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-primary .pwa-cell-value,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-primary .pwa-cell-value,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-primary .pwa-cell-value{
    color:#4b0f1d!important;
    font-size:12.5px!important;
    font-weight:900!important;
  }

  /* Long descriptive fields get the full card width. */
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-wide,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-wide,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-wide{
    grid-column:1/-1!important;
  }

  /* Financial fields read as compact summary tiles. */
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-amount,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-amount,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-amount{
    background:#fff7ef!important;
    box-shadow:inset 0 0 0 1px rgba(178,126,43,.10)!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-amount .pwa-cell-value,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-amount .pwa-cell-value,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-amount .pwa-cell-value{
    color:#641429!important;
    font-family:'Inter','Cairo',sans-serif!important;
    font-size:13px!important;
    font-weight:900!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-status,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-status,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-status{
    background:#f7faf8!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-status .status,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-status .status,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-status .status{
    width:max-content!important;
    max-width:100%!important;
    min-height:28px!important;
    margin:0!important;
    padding:5px 9px!important;
    font-size:9.5px!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-date .pwa-cell-value,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-date .pwa-cell-value,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-date .pwa-cell-value{
    direction:ltr!important;
    unicode-bidi:plaintext!important;
    font-family:'Inter','Cairo',sans-serif!important;
    font-size:10.5px!important;
  }

  /* Actions always sit in a dedicated footer and stay on one horizontal line.
     It can scroll gently when a record has many actions rather than squeezing. */
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions{
    grid-column:1/-1!important;
    min-height:auto!important;
    margin-top:2px!important;
    padding:10px 0 0!important;
    border-radius:0!important;
    border-top:1px solid rgba(89,31,45,.08)!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions::before,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions::before,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions::before{
    padding-inline:2px!important;
    color:#6f4f58!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .pwa-cell-value,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .pwa-cell-value,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .pwa-cell-value,
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions,
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    padding:1px 2px 3px!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .pwa-cell-value::-webkit-scrollbar,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .pwa-cell-value::-webkit-scrollbar,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .pwa-cell-value::-webkit-scrollbar,
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions::-webkit-scrollbar,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions::-webkit-scrollbar,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions::-webkit-scrollbar{display:none}

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions a,
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions button,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions a,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions button,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions a,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions button{
    flex:0 0 auto!important;
  }

  /* Icon-only desktop actions become labeled app buttons. */
  html.pwa-standalone body.dashboard-body table.pwa-card-table .icon-btn.icon-only-action,
  html.pwa-standalone body.dashboard-body table.pwa-card-table .icon-only-action,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .icon-btn.icon-only-action,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .icon-only-action,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .icon-btn.icon-only-action,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .icon-only-action{
    width:auto!important;
    min-width:max-content!important;
    height:38px!important;
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 11px!important;
    border-radius:12px!important;
    font-size:9.5px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:0 7px 17px -14px rgba(60,16,31,.58)!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table .icon-only-action .ui-icon,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .icon-only-action .ui-icon,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .icon-only-action .ui-icon{
    width:15px!important;
    height:15px!important;
    font-size:13px!important;
    flex:0 0 auto!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table .pwa-action-label,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table .pwa-action-label,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table .pwa-action-label{
    display:inline!important;
    color:inherit!important;
    font:inherit!important;
    line-height:1!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-card-table-full,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-card-table-full,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-card-table-full{
    grid-column:1/-1!important;
    border-radius:16px!important;
  }
}

@media (max-width:370px){
  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr{
    grid-template-columns:1fr!important;
  }
  html.pwa-standalone body.dashboard-body table.pwa-card-table>tbody>tr>td,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table>tbody>tr>td,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table>tbody>tr>td{
    grid-column:1!important;
  }
}

/* v46: keep mobile card actions fully visible.
   Action rows wrap into a compact two-column app grid instead of horizontal
   scrolling, which could leave the last RTL action partially clipped. */
@media (max-width:900px){
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .pwa-cell-value,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .pwa-cell-value,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .pwa-cell-value{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:2px 0 1px!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions,
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:2px 0!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions > *,
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row > *,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions > *,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row > *,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions > *,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row > *{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions form,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions form,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions form{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions a,
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions button,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions a,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions button,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions a,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding-inline:9px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.25!important;
  }

  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .icon-only-action,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .icon-only-action,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .icon-only-action{
    min-width:0!important;
    width:100%!important;
    height:auto!important;
  }
}

@media (max-width:360px){
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions,
  html.pwa-standalone body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions,
  html.pwa-server-mode body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .dashboard-icon-actions,
  html[data-pwa-app-mode="1"] body.dashboard-body table.pwa-card-table td.pwa-cell-actions .actions-row{
    grid-template-columns:1fr!important;
  }
}


/* v48 — installed-app More sheet cleanup. Language and logout live in the app chrome;
   do not duplicate them at the bottom of the sidebar. Keep View Website only. */
@media (max-width:900px){
  html.pwa-standalone body.dashboard-body .dashboard-sidebar .sidebar-app-actions,
  html.pwa-server-mode body.dashboard-body .dashboard-sidebar .sidebar-app-actions,
  html[data-pwa-app-mode="1"] body.dashboard-body .dashboard-sidebar .sidebar-app-actions{
    display:none!important;
  }
  html.pwa-standalone body.dashboard-body .dashboard-sidebar .sidebar-website-link,
  html.pwa-server-mode body.dashboard-body .dashboard-sidebar .sidebar-website-link,
  html[data-pwa-app-mode="1"] body.dashboard-body .dashboard-sidebar .sidebar-website-link{
    display:flex!important;
    width:100%;
    min-height:46px;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:14px;
  }
}