:root{
  --sys-gap-xs:8px;
  --sys-gap-sm:12px;
  --sys-gap-md:16px;
  --sys-gap-lg:20px;
  --sys-gap-xl:24px;
  --sys-radius-sm:12px;
  --sys-radius-md:16px;
  --sys-radius-lg:20px;
}

html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
button,input,select,textarea{min-height:44px}
input[type="checkbox"],input[type="radio"]{min-height:auto}
textarea{min-height:120px}

.wrap,.app-shell,.header-inner,.container,.wm-main,.wm-content,.card-body,.card-head,.wm-panel,.wm-subpanel,.wm-topbar,.topbar,.hero,.layout,.grid-layout,.content,.page,.page-wrap,.page-body{
  min-width:0;
}

.table-wrap,.wm-table-wrap,.table-container,.table-responsive,.responsive-table,div[style*="overflow:auto"]{
  max-width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

.table,.wm-table,table{
  width:100%;
}

.table th,.table td,.wm-table th,.wm-table td,table th,table td{
  word-break:break-word;
}

.btn,.wm-primary-btn,.wm-menu-btn,.tab,.tabs a,.nav a,.wm-anchor-nav a,.tc-tabbar a{
  touch-action:manipulation;
}

.wm-user-pill,.kpi-chip,.wm-badge,.tc-summary-item,.tc-balance-card,.card,.wm-panel,.wm-subpanel,.wm-stat-card,.wm-module-card,.wm-action-card,.tc-kpi{
  min-width:0;
}

.inline,.wm-inline-form,.tc-inline-form,.toolbar,.actions,.header-actions,.top,.topbar,.wm-anchor-nav,.tabs,.nav,.tc-tabbar{
  flex-wrap:wrap;
}

.table code,.wm-table code,table code{white-space:pre-wrap;word-break:break-word}

@media (max-width:1200px){
  .wm-sidebar{width:290px;flex-basis:290px}
  .wm-main{padding:18px}
  .wm-topbar{padding:16px 18px}
  .wm-panel,.wm-subpanel,.wm-stat-card,.wm-module-card,.wm-action-card{padding:18px}
  .tc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:1024px){
  .wm-shell{display:block}
  .wm-main{padding:14px}
  .wm-topbar{position:sticky;top:8px;border-radius:18px;gap:12px;align-items:flex-start}
  .wm-page-title{font-size:24px}
  .wm-page-subtitle{font-size:13px}
  .wm-grid-2,.grid-2,.hero,.hero-grid,.layout,.grid-layout,.tc-hero-grid,.wm-module-grid,.wm-actions-grid,.metrics,.meta,.form-grid,.tc-form-grid-3,.grid,.wm-form-grid,[class*="grid-"]{
    grid-template-columns:1fr !important;
  }
  .wm-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wm-form-grid,.grid,.form-grid,.tc-form-grid-3{gap:12px}
  .wm-topbar > div:first-child{flex:1 1 100%}
  .wm-user-pill{width:100%;min-width:0}
  .wm-col-span-2,.full{grid-column:auto !important}
  .toolbar,.actions,.header-actions,.top,.topbar,.inline,.wm-inline-form,.tc-inline-form{gap:10px}
  .toolbar > *,.actions > *,.inline > *,.wm-inline-form > *,.tc-inline-form > *{min-width:0}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:900px){
  body{font-size:15px}
  .wrap,.app-shell{width:min(100%,calc(100% - 12px));padding-left:0;padding-right:0}
  .header-inner{width:min(100%,calc(100% - 12px));padding:10px 0}
  .brand-box{min-width:0;align-items:flex-start}
  .brand-title,.wm-brand-title{font-size:18px}
  .brand-subtitle,.wm-brand-subtitle{font-size:12px}
  .wm-sidebar{width:min(310px,92vw)!important;max-width:92vw}
  .wm-sidebar-backdrop.open{display:block}
  .wm-card-grid,.grid-4,.wm-dash-cards,.cards,.kpis,.tc-kpis{grid-template-columns:1fr !important}
  .metrics{grid-template-columns:1fr 1fr!important}
  .card,.wm-panel,.wm-subpanel,.wm-stat-card,.wm-module-card,.wm-action-card,.tc-kpi,.wm-login-brand,.wm-login-card{border-radius:18px!important}
  .card-body,.card-head,.wm-panel,.wm-subpanel,.wm-stat-card,.wm-module-card,.wm-action-card,.tc-kpi{padding:16px!important}
  .wm-login-shell{grid-template-columns:1fr!important}
  .wm-login-brand h1{font-size:28px!important}
  .wm-login-brand p{font-size:16px!important}
  .tc-tabbar a,.tabs a,.nav a,.wm-anchor-nav a{flex:1 1 calc(50% - 10px);text-align:center;justify-content:center}
  .wm-table,.table,table{font-size:13px}
}

@media (max-width:720px){
  body{font-size:14px}
  .wrap,.app-shell{width:min(100%,calc(100% - 10px))}
  .header-inner{width:min(100%,calc(100% - 10px))}
  .wm-main{padding:10px}
  .wm-content{gap:14px}
  .wm-topbar{padding:14px 12px;border-radius:16px;top:6px;margin-bottom:14px}
  .wm-page-title{font-size:21px}
  .wm-page-subtitle{font-size:12px;line-height:1.7}
  .wm-menu-btn{width:42px;height:42px;padding:0}
  .wm-user-pill{padding:10px 12px;border-radius:14px}
  .wm-grid-2,.grid-2,.grid,.form-grid,.meta,.metrics,.kpis,.tc-kpis,.tc-grid-auto,.wm-card-grid,.wm-form-grid,.wm-module-grid,.wm-actions-grid{grid-template-columns:1fr!important}
  .wm-form-grid > *, .grid > *, .form-grid > *{min-width:0}
  .toolbar,.actions,.top,.topbar,.header-actions,.inline,.wm-inline-form,.tc-inline-form{display:flex;flex-direction:column;align-items:stretch!important}
  .toolbar > *,.actions > *,.top > *,.topbar > *,.header-actions > *,.inline > *,.wm-inline-form > *,.tc-inline-form > *{width:100%;flex:1 1 100%}
  .btn,.wm-primary-btn,.tab,.tabs a,.nav a,.wm-anchor-nav a,.tc-tabbar a{width:100%;justify-content:center}
  .flow-selector{grid-template-columns:1fr!important}
  .item-row,.item,.day-row{grid-template-columns:1fr!important}
  .grid-layout,.layout,.hero,.hero-grid,.tc-hero-grid{display:grid;grid-template-columns:1fr!important;gap:12px!important}
  .topbar,.wm-topbar{position:relative}
  .kpi-chip,.wm-badge,.tc-summary-item,.tc-balance-card{width:100%}
  .tc-summary-item{flex-direction:column;align-items:flex-start}
  .table-wrap,.wm-table-wrap,.table-container,.table-responsive,.responsive-table,div[style*="overflow:auto"]{margin-inline:-2px}
  .wm-table,.table,table{min-width:560px!important}
  .wm-table td,.wm-table th,.table td,.table th,table td,table th{padding:10px 8px!important;font-size:12px!important}
  .wm-alert,.notice,.tc-note{padding:12px 12px;border-radius:14px}
  .wm-login-body{padding:12px}
}

@media (max-width:560px){
  .wm-page-title{font-size:19px}
  .brand-title,.wm-brand-title{font-size:17px}
  .brand-subtitle,.wm-brand-subtitle{display:none}
  .tc-tabbar a,.tabs a,.nav a,.wm-anchor-nav a{flex:1 1 100%}
  .wm-table,.table,table{min-width:520px!important}
  input,select,textarea,.input,.select,.textarea{padding:11px 12px!important;border-radius:12px!important}
  .wm-panel,.wm-subpanel,.wm-stat-card,.wm-module-card,.wm-action-card,.card-body,.card-head,.tc-kpi{padding:14px!important}
  .wm-login-brand h1{font-size:24px!important}
  .wm-login-card-head h2{font-size:24px!important}
  .metrics{grid-template-columns:1fr!important}
}

@media (max-width:420px){
  .wm-main{padding:8px}
  .wm-topbar{padding:12px 10px}
  .wm-page-title{font-size:18px}
  .wm-table,.table,table{min-width:480px!important}
}


/* 2026 responsive hardening */
:where(.wm-btn-primary,.wm-btn-outline,.btn,.wm-primary-btn){
  max-width:100%;
}
:where(.wm-panel-head,.card-head,.card-header,.wm-topbar){
  min-width:0;
}
:where(.wm-panel-head h1,.wm-panel-head h2,.wm-panel-head h3,.wm-page-title,.brand-title,.wm-brand-title){
  overflow-wrap:anywhere;
}
:where(.wm-panel-head p,.wm-page-subtitle,.brand-subtitle,.wm-brand-subtitle){
  overflow-wrap:anywhere;
}
@media (max-width: 860px){
  :where(.wm-panel-head,.card-head,.card-header,.wm-topbar){
    flex-direction:column;
    align-items:stretch !important;
  }
  :where(.wm-panel-head > div:last-child,.card-head > div:last-child,.card-header > div:last-child,.wm-topbar > div:last-child){
    width:100%;
  }
}
@media (max-width: 640px){
  :where(.wm-spa-nav,.wm-anchor-nav,.tabs,.nav,.tc-tabbar){
    gap:8px !important;
  }
  :where(.wm-spa-nav .wm-spa-btn,.tabs a,.nav a,.wm-anchor-nav a,.tc-tabbar a){
    min-height:44px;
  }
  :where(.wm-panel,.wm-subpanel,.card,.tc-kpi,.wm-action-card,.wm-stat-card){
    border-radius:16px !important;
  }
  :where(.wm-input,.wm-select,.wm-textarea,input,select,textarea){
    font-size:16px !important;
  }
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation:none !important;
    transition:none !important;
  }
}


/* 2026-06-11 final mobile administration hardening */
@media (max-width: 760px){
  :where(.wrap,.container,.app-container,.page-wrap,.page,.wm-main,.content){
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  :where(.topbar,.toolbar,.header-actions,.actions,.filters,.search-row,.form-actions,.button-row){
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  :where(.topbar > *,.toolbar > *,.header-actions > *,.actions > *,.filters > *,.search-row > *,.form-actions > *,.button-row > *){
    width:100% !important;
    max-width:100% !important;
  }
  :where(input,select,textarea,button,.btn,.button,.wm-primary-btn,.wm-btn-primary,.wm-btn-outline){
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }
  :where(.card,.panel,.box,.wm-panel,.wm-subpanel,.login-card){
    max-width:100%;
    box-sizing:border-box;
  }
  :where(table,.table,.wm-table){
    display:table;
    min-width:540px;
  }
  :where(.table-wrap,.wm-table-wrap,.table-container,.responsive-table){
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  :where(.modal,.wm-modal){
    padding:10px !important;
    align-items:flex-start !important;
    overflow:auto !important;
  }
  :where(.modal-content,.wm-modal-content,.dialog,.drawer){
    width:100% !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100vh - 20px) !important;
    overflow:auto !important;
    box-sizing:border-box !important;
  }
}

/* 2026-06-11 mobile bottom-sheet navigation + tab slide-up activation */
:root{
  --wm-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --wm-mobile-sheet-radius: 28px;
}

.wm-mobile-lock{
  overflow:hidden !important;
  touch-action:none;
}

.wm-tab-content,
[data-tab-panel],
[data-panel],
.tab-panel{
  min-width:0;
}

.wm-tab-content.active,
[data-tab-panel].active,
[data-panel].active,
.tab-panel.active{
  animation:wmMobileSlideUp .28s cubic-bezier(.22,1,.36,1) both !important;
  transform-origin:bottom center;
}

.wm-tab-content.wm-slide-up-enter,
[data-tab-panel].wm-slide-up-enter,
[data-panel].wm-slide-up-enter,
.tab-panel.wm-slide-up-enter,
.wm-panel.wm-slide-up-enter,
.card.wm-slide-up-enter,
.smart-panel.wm-slide-up-enter,
.smart-action-item.wm-slide-up-enter,
.wm-action-card.wm-slide-up-enter,
.smart-kpi-card.wm-slide-up-enter,
.wm-stat-card.wm-slide-up-enter{
  animation:wmMobileSlideUp .30s cubic-bezier(.22,1,.36,1) both !important;
}

@keyframes wmMobileSlideUp{
  from{opacity:0;transform:translate3d(0,22px,0) scale(.992)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@media (max-width: 760px){
  html{background:#edf3fb;}
  body.wm-body{background:#edf3fb;}

  .wm-shell{display:block !important;min-height:100dvh;}
  .wm-main{
    width:100% !important;
    min-height:100dvh;
    padding:10px 10px calc(18px + var(--wm-mobile-safe-bottom)) !important;
  }

  .wm-topbar{
    position:sticky !important;
    top:8px !important;
    z-index:42 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:0 0 14px !important;
    padding:12px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.10) !important;
    backdrop-filter:blur(18px);
  }

  .wm-topbar > div:first-child{
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    width:100% !important;
  }

  .wm-menu-btn{
    display:inline-flex !important;
    position:relative !important;
    z-index:46 !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    border-radius:16px !important;
    background:#0f172a !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:0 10px 24px rgba(15,23,42,.18) !important;
  }

  .wm-page-title{
    font-size:18px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }

  .wm-page-subtitle{
    grid-column:1 / -1 !important;
    font-size:12px !important;
    line-height:1.7 !important;
    max-width:none !important;
    margin:0 !important;
  }

  .wm-user-pill{
    width:100% !important;
    min-width:0 !important;
    padding:10px 12px !important;
    border-radius:15px !important;
  }

  .wm-sidebar-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:1000 !important;
    background:rgba(2,6,23,.52) !important;
    backdrop-filter:blur(8px) !important;
    opacity:0 !important;
    pointer-events:none !important;
    display:block !important;
    transition:opacity .24s ease !important;
  }

  .wm-sidebar-backdrop.open{
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .wm-sidebar{
    position:fixed !important;
    top:auto !important;
    right:8px !important;
    left:8px !important;
    bottom:calc(8px + var(--wm-mobile-safe-bottom)) !important;
    width:auto !important;
    max-width:none !important;
    height:min(82dvh, 720px) !important;
    max-height:calc(100dvh - 28px - var(--wm-mobile-safe-bottom)) !important;
    z-index:1010 !important;
    transform:translate3d(0, calc(100% + 24px), 0) !important;
    transition:transform .30s cubic-bezier(.22,1,.36,1), box-shadow .30s ease !important;
    border-radius:var(--wm-mobile-sheet-radius) var(--wm-mobile-sheet-radius) 22px 22px !important;
    padding:18px 12px 14px !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
    box-shadow:0 -24px 60px rgba(2,6,23,.35) !important;
  }

  .wm-sidebar.open{
    transform:translate3d(0,0,0) !important;
  }

  .wm-sidebar::after{
    content:"";
    position:sticky;
    top:0;
    display:block;
    width:48px;
    height:5px;
    margin:0 auto 12px;
    border-radius:999px;
    background:rgba(226,232,240,.65);
    z-index:3;
  }

  .wm-brand-block{
    padding:12px !important;
    border-radius:22px !important;
  }

  .wm-brand-mark{width:46px !important;height:46px !important;border-radius:16px !important;font-size:22px !important;}
  .wm-brand-title{font-size:17px !important;}
  .wm-brand-subtitle{display:block !important;font-size:11px !important;line-height:1.55 !important;}
  .wm-brand-chip{display:none !important;}
  .wm-sidebar-tip{font-size:11px !important;padding:10px 12px !important;border-radius:15px !important;}

  .wm-side-nav{
    display:grid !important;
    gap:12px !important;
    padding-bottom:6px !important;
  }

  .wm-nav-section{
    padding:8px !important;
    border-radius:18px !important;
  }

  .wm-nav-root,
  .wm-nav-child,
  .wm-logout-link{
    min-height:52px !important;
    padding:11px 12px !important;
    border-radius:16px !important;
  }

  .wm-nav-group-head{
    grid-template-columns:minmax(0,1fr) 42px !important;
  }

  .wm-nav-toggle{
    width:42px !important;
    height:52px !important;
    border-radius:16px !important;
  }

  .wm-nav-icon{width:34px !important;height:34px !important;flex-basis:34px !important;border-radius:12px !important;}
  .wm-nav-icon-child{width:28px !important;height:28px !important;flex-basis:28px !important;}
  .wm-nav-title{font-size:13px !important;}
  .wm-nav-labels small{white-space:normal !important;font-size:10.5px !important;line-height:1.45 !important;}

  .wm-content{
    display:grid !important;
    gap:14px !important;
  }

  .wm-content > *,
  .smart-welcome,
  .smart-kpi-card,
  .smart-panel,
  .smart-action-item,
  .wm-panel,
  .wm-subpanel,
  .wm-stat-card,
  .wm-action-card,
  .card{
    max-width:100% !important;
  }

  .wm-content > *:not(script):not(style),
  .smart-welcome,
  .smart-kpi-card,
  .smart-panel,
  .smart-action-item,
  .wm-panel,
  .wm-subpanel,
  .wm-stat-card,
  .wm-action-card{
    animation:wmMobileSlideUp .32s cubic-bezier(.22,1,.36,1) both;
  }

  .wm-spa-nav,
  .wm-anchor-nav,
  .tabs,
  .nav,
  .tc-tabbar,
  .oh-tabbar,
  .oh-workspace-switcher,
  .amazon-tabs{
    position:sticky !important;
    top:108px !important;
    z-index:35 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x mandatory !important;
    padding:8px 4px 12px !important;
    margin-inline:-4px !important;
    background:linear-gradient(180deg, rgba(237,243,251,.96), rgba(237,243,251,.84)) !important;
    backdrop-filter:blur(14px) !important;
  }

  .wm-spa-nav::-webkit-scrollbar,
  .wm-anchor-nav::-webkit-scrollbar,
  .tabs::-webkit-scrollbar,
  .nav::-webkit-scrollbar,
  .tc-tabbar::-webkit-scrollbar,
  .oh-tabbar::-webkit-scrollbar,
  .oh-workspace-switcher::-webkit-scrollbar,
  .amazon-tabs::-webkit-scrollbar{display:none;}

  .wm-spa-btn,
  .wm-anchor-nav a,
  .tabs a,
  .tabs button,
  .nav a,
  .tc-tabbar a,
  .oh-tabbar a,
  .oh-workspace-link,
  .amazon-tab{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:max-content !important;
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    scroll-snap-align:start !important;
    border-radius:999px !important;
    white-space:nowrap !important;
  }

  .wm-tab-content{
    width:100% !important;
    min-width:0 !important;
  }

  .wm-tab-content.active{
    display:block !important;
    animation:wmMobileSlideUp .30s cubic-bezier(.22,1,.36,1) both !important;
  }

  .smart-welcome{padding:16px !important;border-radius:18px !important;}
  .smart-kpi-grid,.smart-grid-2,.smart-action-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .smart-panel{padding:14px !important;border-radius:18px !important;}
  .smart-panel-head{display:grid !important;gap:8px !important;}
  .smart-action-item{padding:14px !important;border-radius:16px !important;}
  .smart-table-wrap{margin:0 -14px !important;padding:0 14px !important;}

  .modal-content,
  .wm-modal-content,
  .dialog,
  .drawer,
  [role="dialog"]{
    border-radius:24px 24px 18px 18px !important;
  }
}

@media (max-width: 420px){
  .wm-main{padding-inline:8px !important;}
  .wm-sidebar{right:6px !important;left:6px !important;bottom:calc(6px + var(--wm-mobile-safe-bottom)) !important;height:min(84dvh,720px) !important;}
  .wm-topbar{top:6px !important;padding:10px !important;}
  .wm-spa-nav,.wm-anchor-nav,.tabs,.nav,.tc-tabbar,.oh-tabbar,.oh-workspace-switcher,.amazon-tabs{top:102px !important;}
}

@media (prefers-reduced-motion: reduce){
  .wm-tab-content.active,
  .wm-tab-content.wm-slide-up-enter,
  [data-tab-panel].wm-slide-up-enter,
  [data-panel].wm-slide-up-enter,
  .tab-panel.wm-slide-up-enter,
  .wm-content > *:not(script):not(style){
    animation:none !important;
  }
  .wm-sidebar{transition:none !important;}
}



/* Spaceland Mobile App Mode - app-like admin shell on phones */
:root{
  --wm-mobile-dock-height:78px;
  --wm-mobile-app-radius:24px;
  --wm-mobile-app-top:8px;
}

.wm-mobile-app-dock,
.wm-mobile-app-hint{
  display:none;
}

@media (max-width: 760px){
  html.wm-mobile-viewport,
  body.wm-mobile-viewport{
    min-height:100dvh;
    overscroll-behavior-y:none;
    background:#f8fafc !important;
  }

  body.wm-body.wm-mobile-viewport{
    background:
      radial-gradient(circle at 50% -120px, rgba(37,99,235,.12), transparent 42%),
      linear-gradient(180deg,#f8fafc 0%,#eef4fb 100%) !important;
  }

  body.wm-mobile-viewport .wm-shell{
    min-height:100dvh !important;
    display:block !important;
    padding:0 0 calc(var(--wm-mobile-dock-height) + var(--wm-mobile-safe-bottom) + 12px) !important;
  }

  body.wm-mobile-viewport .wm-main{
    min-height:100dvh !important;
    padding:calc(8px + env(safe-area-inset-top,0px)) 10px calc(var(--wm-mobile-dock-height) + var(--wm-mobile-safe-bottom) + 18px) !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.wm-mobile-viewport .wm-topbar{
    position:sticky !important;
    top:calc(6px + env(safe-area-inset-top,0px)) !important;
    z-index:700 !important;
    min-height:74px !important;
    margin:0 0 12px !important;
    padding:10px 12px !important;
    border-radius:24px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    gap:10px !important;
    background:rgba(255,255,255,.88) !important;
    border:1px solid rgba(219,229,242,.88) !important;
    box-shadow:0 16px 35px rgba(15,23,42,.10) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
    backdrop-filter:blur(18px) saturate(1.12) !important;
  }

  body.wm-mobile-viewport .wm-topbar > div:first-child{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    grid-template-areas:"menu title" "menu hint";
    align-items:center !important;
    column-gap:10px !important;
  }

  body.wm-mobile-viewport .wm-menu-btn{
    grid-area:menu !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 !important;
    border-radius:17px !important;
    background:#0f172a !important;
    color:#fff !important;
    border:1px solid rgba(15,23,42,.06) !important;
    box-shadow:0 12px 22px rgba(15,23,42,.18) !important;
  }

  body.wm-mobile-viewport .wm-page-title{
    grid-area:title !important;
    min-width:0 !important;
    font-size:19px !important;
    line-height:1.22 !important;
    letter-spacing:-.2px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.wm-mobile-viewport .wm-mobile-app-hint{
    grid-area:hint !important;
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    align-items:center !important;
    justify-content:center !important;
    padding:3px 9px !important;
    border-radius:999px !important;
    background:#eef4ff !important;
    color:#2563eb !important;
    border:1px solid #dbeafe !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
  }

  body.wm-mobile-viewport .wm-page-subtitle{
    display:none !important;
  }

  body.wm-mobile-viewport .wm-user-pill{
    width:auto !important;
    min-width:0 !important;
    max-width:118px !important;
    padding:8px 10px !important;
    border-radius:17px !important;
    background:rgba(238,244,255,.9) !important;
  }

  body.wm-mobile-viewport .wm-user-pill span,
  body.wm-mobile-viewport .wm-user-pill small{
    max-width:98px !important;
    display:block !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:11px !important;
    line-height:1.3 !important;
  }

  body.wm-mobile-viewport .wm-content{
    gap:12px !important;
  }

  body.wm-mobile-viewport .wm-panel,
  body.wm-mobile-viewport .wm-subpanel,
  body.wm-mobile-viewport .wm-stat-card,
  body.wm-mobile-viewport .wm-module-card,
  body.wm-mobile-viewport .wm-action-card,
  body.wm-mobile-viewport .card,
  body.wm-mobile-viewport .smart-panel,
  body.wm-mobile-viewport .smart-kpi-card,
  body.wm-mobile-viewport .smart-action-item{
    border-radius:var(--wm-mobile-app-radius) !important;
    background:rgba(255,255,255,.94) !important;
    border-color:rgba(219,229,242,.9) !important;
    box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
  }

  body.wm-mobile-viewport .wm-card-grid,
  body.wm-mobile-viewport .wm-grid-2,
  body.wm-mobile-viewport .wm-module-grid,
  body.wm-mobile-viewport .wm-actions-grid,
  body.wm-mobile-viewport .grid,
  body.wm-mobile-viewport .form-grid,
  body.wm-mobile-viewport .wm-form-grid,
  body.wm-mobile-viewport [class*="grid-"]{
    grid-template-columns:1fr !important;
  }

  body.wm-mobile-viewport .wm-spa-nav,
  body.wm-mobile-viewport .wm-anchor-nav,
  body.wm-mobile-viewport .tabs,
  body.wm-mobile-viewport .nav,
  body.wm-mobile-viewport .tc-tabbar,
  body.wm-mobile-viewport .oh-tabbar,
  body.wm-mobile-viewport .oh-workspace-switcher,
  body.wm-mobile-viewport .amazon-tabs{
    top:calc(90px + env(safe-area-inset-top,0px)) !important;
    margin:0 -10px 10px !important;
    padding:8px 10px 12px !important;
    background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(248,250,252,.82)) !important;
  }

  body.wm-mobile-viewport input,
  body.wm-mobile-viewport select,
  body.wm-mobile-viewport textarea,
  body.wm-mobile-viewport button,
  body.wm-mobile-viewport .btn,
  body.wm-mobile-viewport .wm-primary-btn{
    font-size:16px !important;
  }

  body.wm-mobile-viewport .toolbar,
  body.wm-mobile-viewport .actions,
  body.wm-mobile-viewport .header-actions,
  body.wm-mobile-viewport .topbar,
  body.wm-mobile-viewport .inline,
  body.wm-mobile-viewport .wm-inline-form,
  body.wm-mobile-viewport .tc-inline-form{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.wm-mobile-viewport .toolbar > *,
  body.wm-mobile-viewport .actions > *,
  body.wm-mobile-viewport .header-actions > *,
  body.wm-mobile-viewport .topbar > *,
  body.wm-mobile-viewport .inline > *,
  body.wm-mobile-viewport .wm-inline-form > *,
  body.wm-mobile-viewport .tc-inline-form > *{
    width:100% !important;
  }

  body.wm-mobile-viewport .wm-mobile-app-dock{
    position:fixed !important;
    right:8px !important;
    left:8px !important;
    bottom:calc(8px + var(--wm-mobile-safe-bottom)) !important;
    z-index:900 !important;
    height:var(--wm-mobile-dock-height) !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:8px !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(219,229,242,.9) !important;
    box-shadow:0 -10px 38px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.85) !important;
    -webkit-backdrop-filter:blur(22px) saturate(1.15) !important;
    backdrop-filter:blur(22px) saturate(1.15) !important;
  }

  body.wm-mobile-viewport .wm-mobile-dock-item{
    min-width:0 !important;
    min-height:0 !important;
    height:62px !important;
    padding:6px 4px !important;
    display:grid !important;
    place-items:center !important;
    align-content:center !important;
    gap:3px !important;
    border-radius:20px !important;
    border:0 !important;
    background:transparent !important;
    color:#64748b !important;
    text-decoration:none !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.wm-mobile-viewport .wm-mobile-dock-icon{
    width:30px !important;
    height:30px !important;
    border-radius:13px !important;
    display:grid !important;
    place-items:center !important;
    font-size:16px !important;
    font-weight:900 !important;
    background:#f1f5f9 !important;
    color:#0f172a !important;
    transition:transform .18s ease, background .18s ease, color .18s ease !important;
  }

  body.wm-mobile-viewport .wm-mobile-dock-label{
    max-width:100% !important;
    font-size:10px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.wm-mobile-viewport .wm-mobile-dock-item.active,
  body.wm-mobile-viewport .wm-mobile-dock-item:active{
    color:#2563eb !important;
  }

  body.wm-mobile-viewport .wm-mobile-dock-item.active .wm-mobile-dock-icon,
  body.wm-mobile-viewport .wm-mobile-dock-item:active .wm-mobile-dock-icon{
    transform:translateY(-2px) !important;
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
    color:#fff !important;
    box-shadow:0 10px 18px rgba(37,99,235,.24) !important;
  }

  body.wm-mobile-viewport .wm-sidebar{
    bottom:calc(var(--wm-mobile-dock-height) + 12px + var(--wm-mobile-safe-bottom)) !important;
    height:min(76dvh,690px) !important;
    max-height:calc(100dvh - var(--wm-mobile-dock-height) - 36px - var(--wm-mobile-safe-bottom)) !important;
  }

  body.wm-mobile-viewport .wm-sidebar-backdrop.open{
    display:block !important;
    opacity:1 !important;
  }

  body.wm-mobile-viewport.wm-mobile-lock .wm-mobile-app-dock{
    pointer-events:none !important;
  }

  body.wm-mobile-viewport .table-wrap,
  body.wm-mobile-viewport .wm-table-wrap,
  body.wm-mobile-viewport .table-container,
  body.wm-mobile-viewport .responsive-table{
    margin-inline:-2px !important;
    border-radius:20px !important;
  }
}

@media (display-mode: standalone){
  body.wm-mobile-viewport .wm-mobile-app-hint::after{
    content:" مثبت";
  }
}

@media (max-width:420px){
  body.wm-mobile-viewport .wm-topbar{
    min-height:70px !important;
    border-radius:22px !important;
  }
  body.wm-mobile-viewport .wm-mobile-app-dock{
    right:6px !important;
    left:6px !important;
    bottom:calc(6px + var(--wm-mobile-safe-bottom)) !important;
  }
  body.wm-mobile-viewport .wm-mobile-dock-label{font-size:9.5px !important;}
  body.wm-mobile-viewport .wm-user-pill{display:none !important;}
  body.wm-mobile-viewport .wm-topbar > div:first-child{grid-template-columns:48px minmax(0,1fr) !important;}
}