/**
 * VCARE OS RC22 — Apple-like Mobile UI/UX Design System
 * Mobile-first presentation layer. Existing business logic and permissions remain unchanged.
 */
:root{
  --v22-blue:#0a84ff;
  --v22-blue-2:#5ac8fa;
  --v22-green:#30d158;
  --v22-orange:#ff9f0a;
  --v22-red:#ff453a;
  --v22-purple:#bf5af2;
  --v22-bg:#f2f2f7;
  --v22-bg-elevated:#ffffff;
  --v22-surface:rgba(255,255,255,.82);
  --v22-surface-solid:#ffffff;
  --v22-surface-2:#f7f7fa;
  --v22-line:rgba(60,60,67,.14);
  --v22-line-strong:rgba(60,60,67,.22);
  --v22-text:#1d1d1f;
  --v22-muted:#6e6e73;
  --v22-faint:#8e8e93;
  --v22-shadow:0 14px 42px rgba(0,0,0,.09);
  --v22-shadow-soft:0 7px 24px rgba(0,0,0,.07);
  --v22-radius-xl:28px;
  --v22-radius-lg:22px;
  --v22-radius-md:16px;
  --v22-radius-sm:12px;
  --v22-safe-bottom:env(safe-area-inset-bottom,0px);
  --v22-safe-top:env(safe-area-inset-top,0px);
  color-scheme:light dark;
}

body.vcare-rc22[data-vcare-theme="dark"]{
  --v22-bg:#000000;
  --v22-bg-elevated:#0b0b0d;
  --v22-surface:rgba(28,28,30,.82);
  --v22-surface-solid:#1c1c1e;
  --v22-surface-2:#242426;
  --v22-line:rgba(255,255,255,.12);
  --v22-line-strong:rgba(255,255,255,.2);
  --v22-text:#f5f5f7;
  --v22-muted:#aeaeb2;
  --v22-faint:#8e8e93;
  --v22-shadow:0 18px 54px rgba(0,0,0,.38);
  --v22-shadow-soft:0 9px 30px rgba(0,0,0,.3);
  color-scheme:dark;
}
body.vcare-rc22[data-vcare-theme="light"]{color-scheme:light}
@media(prefers-color-scheme:dark){
  body.vcare-rc22[data-vcare-theme="system"]{
    --v22-bg:#000000;
    --v22-bg-elevated:#0b0b0d;
    --v22-surface:rgba(28,28,30,.82);
    --v22-surface-solid:#1c1c1e;
    --v22-surface-2:#242426;
    --v22-line:rgba(255,255,255,.12);
    --v22-line-strong:rgba(255,255,255,.2);
    --v22-text:#f5f5f7;
    --v22-muted:#aeaeb2;
    --v22-faint:#8e8e93;
    --v22-shadow:0 18px 54px rgba(0,0,0,.38);
    --v22-shadow-soft:0 9px 30px rgba(0,0,0,.3);
    color-scheme:dark;
  }
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.vcare-rc22{
  margin:0!important;
  min-height:100vh;
  background:
    radial-gradient(circle at 8% -8%,color-mix(in srgb,var(--v22-blue) 14%,transparent),transparent 28rem),
    radial-gradient(circle at 96% 0,color-mix(in srgb,var(--v22-purple) 10%,transparent),transparent 25rem),
    var(--v22-bg)!important;
  color:var(--v22-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.012em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overscroll-behavior-y:none;
}
body.vcare-rc22.vcare-font-persian{font-family:Vazirmatn,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important}
body.vcare-rc22.vcare-font-arabic{font-family:"Noto Sans Arabic",Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important}
body.vcare-rc22.vcare-font-cyrillic{font-family:"Noto Sans",Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important}
body.vcare-rc22 *{box-sizing:border-box}
body.vcare-rc22 a{-webkit-tap-highlight-color:transparent}
body.vcare-rc22 img{max-width:100%}
body.vcare-rc22 h1,body.vcare-rc22 h2,body.vcare-rc22 h3,body.vcare-rc22 h4{color:var(--v22-text);letter-spacing:-.035em}
body.vcare-rc22 p,body.vcare-rc22 small{color:var(--v22-muted)}
body.vcare-rc22 ::selection{background:color-mix(in srgb,var(--v22-blue) 28%,transparent)}

.vcare-rc22-icon{
  --vcare-icon-url:url('/assets/icons/rc22/grid.svg');
  display:inline-block;
  width:22px;height:22px;min-width:22px;
  background:currentColor;
  -webkit-mask:var(--vcare-icon-url) center/contain no-repeat;
  mask:var(--vcare-icon-url) center/contain no-repeat;
  vertical-align:-.22em;
}
.vcare-rc22-icon[data-vcare-icon]{--vcare-icon-url:url('/assets/icons/rc22/grid.svg')}
.vcare-rc22-icon[data-vcare-icon="home"]{--vcare-icon-url:url('/assets/icons/rc22/home.svg')}
.vcare-rc22-icon[data-vcare-icon="heart"]{--vcare-icon-url:url('/assets/icons/rc22/heart.svg')}
.vcare-rc22-icon[data-vcare-icon="bag"]{--vcare-icon-url:url('/assets/icons/rc22/bag.svg')}
.vcare-rc22-icon[data-vcare-icon="calendar"]{--vcare-icon-url:url('/assets/icons/rc22/calendar.svg')}
.vcare-rc22-icon[data-vcare-icon="user"]{--vcare-icon-url:url('/assets/icons/rc22/user.svg')}
.vcare-rc22-icon[data-vcare-icon="grid"]{--vcare-icon-url:url('/assets/icons/rc22/grid.svg')}
.vcare-rc22-icon[data-vcare-icon="users"]{--vcare-icon-url:url('/assets/icons/rc22/users.svg')}
.vcare-rc22-icon[data-vcare-icon="chart"]{--vcare-icon-url:url('/assets/icons/rc22/chart.svg')}
.vcare-rc22-icon[data-vcare-icon="clipboard"]{--vcare-icon-url:url('/assets/icons/rc22/clipboard.svg')}
.vcare-rc22-icon[data-vcare-icon="clock"]{--vcare-icon-url:url('/assets/icons/rc22/clock.svg')}
.vcare-rc22-icon[data-vcare-icon="menu"]{--vcare-icon-url:url('/assets/icons/rc22/menu.svg')}
.vcare-rc22-icon[data-vcare-icon="close"]{--vcare-icon-url:url('/assets/icons/rc22/close.svg')}
.vcare-rc22-icon[data-vcare-icon="back"]{--vcare-icon-url:url('/assets/icons/rc22/back.svg')}
.vcare-rc22-icon[data-vcare-icon="plus"]{--vcare-icon-url:url('/assets/icons/rc22/plus.svg')}
.vcare-rc22-icon[data-vcare-icon="search"]{--vcare-icon-url:url('/assets/icons/rc22/search.svg')}
.vcare-rc22-icon[data-vcare-icon="bell"]{--vcare-icon-url:url('/assets/icons/rc22/bell.svg')}
.vcare-rc22-icon[data-vcare-icon="shield"]{--vcare-icon-url:url('/assets/icons/rc22/shield.svg')}
.vcare-rc22-icon[data-vcare-icon="doctor"]{--vcare-icon-url:url('/assets/icons/rc22/doctor.svg')}
.vcare-rc22-icon[data-vcare-icon="hospital"]{--vcare-icon-url:url('/assets/icons/rc22/hospital.svg')}
.vcare-rc22-icon[data-vcare-icon="cart"]{--vcare-icon-url:url('/assets/icons/rc22/cart.svg')}
.vcare-rc22-icon[data-vcare-icon="orders"]{--vcare-icon-url:url('/assets/icons/rc22/orders.svg')}
.vcare-rc22-icon[data-vcare-icon="pill"]{--vcare-icon-url:url('/assets/icons/rc22/pill.svg')}
.vcare-rc22-icon[data-vcare-icon="location"]{--vcare-icon-url:url('/assets/icons/rc22/location.svg')}
.vcare-rc22-icon[data-vcare-icon="chevron"]{--vcare-icon-url:url('/assets/icons/rc22/chevron.svg')}
.vcare-rc22-icon[data-vcare-icon="check"]{--vcare-icon-url:url('/assets/icons/rc22/check.svg')}
.vcare-rc22-icon[data-vcare-icon="logout"]{--vcare-icon-url:url('/assets/icons/rc22/logout.svg')}
.vcare-rc22-icon[data-vcare-icon="settings"]{--vcare-icon-url:url('/assets/icons/rc22/settings.svg')}
.vcare-rc22-icon[data-vcare-icon="file"]{--vcare-icon-url:url('/assets/icons/rc22/file.svg')}
.vcare-rc22-icon[data-vcare-icon="wallet"]{--vcare-icon-url:url('/assets/icons/rc22/wallet.svg')}
.vcare-rc22-icon[data-vcare-icon="report"]{--vcare-icon-url:url('/assets/icons/rc22/report.svg')}
.vcare-rc22-icon[data-vcare-icon="camera"]{--vcare-icon-url:url('/assets/icons/rc22/camera.svg')}
.vcare-rc22-icon[data-vcare-icon="language"]{--vcare-icon-url:url('/assets/icons/rc22/language.svg')}
.vcare-rc22-icon[data-vcare-icon="moon"]{--vcare-icon-url:url('/assets/icons/rc22/moon.svg')}
.vcare-rc22-icon[data-vcare-icon="sun"]{--vcare-icon-url:url('/assets/icons/rc22/sun.svg')}
.vcare-rc22-icon[data-vcare-icon="more"]{--vcare-icon-url:url('/assets/icons/rc22/more.svg')}

/* Shared Apple-like surfaces */
body.vcare-rc22 :is(.card,.panel,.section-card,.module-card,.workspace-hero,.workspace-stats article,.vstore-panel,.vstore-product-card,.vstore-hero,.vstore-stat,.vhome-panel,.vhome-card,.vhome-service-card,.vhome-hero,.vhome-stat,.vhome-admin-card,.auth-card,.route,.stat-card,.metric-card){
  color:var(--v22-text)!important;
  background:var(--v22-surface)!important;
  border:1px solid var(--v22-line)!important;
  border-radius:var(--v22-radius-lg)!important;
  box-shadow:var(--v22-shadow-soft)!important;
  backdrop-filter:saturate(155%) blur(22px);
  -webkit-backdrop-filter:saturate(155%) blur(22px);
}
body.vcare-rc22 :is(.card,.module-card,.vstore-product-card,.vhome-service-card,.route){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
@media(hover:hover) and (pointer:fine){
  body.vcare-rc22 :is(.card,.module-card,.vstore-product-card,.vhome-service-card,.route):hover{transform:translateY(-3px);box-shadow:var(--v22-shadow)!important;border-color:color-mix(in srgb,var(--v22-blue) 28%,var(--v22-line))!important}
}
body.vcare-rc22 :is(.muted,.lead,.intro,.workspace-hero p,.module-copy small,.vstore-muted,.vhome-muted,.section p){color:var(--v22-muted)!important}
body.vcare-rc22 :is(.badge,.tag,.status,.vstore-badges span,.vhome-status,.workspace-eyebrow,.vstore-eyebrow,.vhome-eyebrow){border-radius:999px!important}

/* Buttons */
body.vcare-rc22 :is(button,.button,.btn,.top-button,.vstore-btn,.vhome-btn,input[type="submit"],input[type="button"]){
  min-height:44px;
  border-radius:14px!important;
  font:inherit;
  font-weight:750!important;
  letter-spacing:-.01em;
  cursor:pointer;
  touch-action:manipulation;
  transition:transform .12s ease,filter .18s ease,background .18s ease,box-shadow .18s ease;
}
body.vcare-rc22 :is(button,.button,.btn,.top-button,.vstore-btn,.vhome-btn,input[type="submit"],input[type="button"]):active{transform:scale(.97)}
body.vcare-rc22 :is(.btn.primary,.submit,.vstore-btn:not(.secondary),.vhome-btn:not(.secondary):not(.danger),button[type="submit"]:not(.secondary),input[type="submit"]){
  color:#fff!important;
  background:linear-gradient(180deg,#1690ff,var(--v22-blue))!important;
  border:1px solid color-mix(in srgb,var(--v22-blue) 80%,#fff)!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--v22-blue) 24%,transparent)!important;
}
body.vcare-rc22 :is(.btn:not(.primary),.button.secondary,.vstore-btn.secondary,.vhome-btn.secondary,.top-button){
  color:var(--v22-blue)!important;
  background:var(--v22-surface-solid)!important;
  border:1px solid var(--v22-line)!important;
  box-shadow:none!important;
}
body.vcare-rc22 :is(button,.btn,.vstore-btn,.vhome-btn)[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none!important}

/* Forms */
body.vcare-rc22 :is(input,select,textarea){font:inherit;color:var(--v22-text)}
body.vcare-rc22 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea,.vstore-input,.vstore-select,.vstore-textarea,.vhome-input,.vhome-select,.vhome-textarea){
  min-height:50px!important;
  border-radius:14px!important;
  border:1px solid var(--v22-line-strong)!important;
  background:var(--v22-surface-solid)!important;
  color:var(--v22-text)!important;
  padding:12px 14px!important;
  outline:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
body.vcare-rc22 :is(input,select,textarea):focus{border-color:var(--v22-blue)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--v22-blue) 18%,transparent)!important}
body.vcare-rc22 :is(input,textarea)::placeholder{color:var(--v22-faint)!important}
body.vcare-rc22 label{color:var(--v22-text)}
body.vcare-rc22 :is(.field,.auth-field,.vstore-label,.vhome-label)>label,body.vcare-rc22 :is(.vstore-label,.vhome-label){font-weight:650!important;color:var(--v22-muted)!important}
body.vcare-rc22 input[type="checkbox"],body.vcare-rc22 input[type="radio"]{width:21px;height:21px;accent-color:var(--v22-blue)}

/* Headers become app bars */
body.vcare-rc22 :is(.vstore-top,.vhome-top,.workspace-topbar,header.top,.topbar,.vcare-header){
  color:var(--v22-text)!important;
  background:color-mix(in srgb,var(--v22-bg-elevated) 78%,transparent)!important;
  border-color:var(--v22-line)!important;
  backdrop-filter:saturate(180%) blur(26px)!important;
  -webkit-backdrop-filter:saturate(180%) blur(26px)!important;
  box-shadow:0 1px 0 var(--v22-line)!important;
}
body.vcare-rc22 :is(.vstore-brand,.vhome-brand,.brand,.vcare-brand-link){color:var(--v22-text)!important}
body.vcare-rc22 :is(.vstore-brandmark,.vhome-brandmark){
  overflow:hidden!important;background:var(--v22-surface-solid)!important;border:1px solid var(--v22-line)!important;color:var(--v22-blue)!important;box-shadow:var(--v22-shadow-soft)!important
}
body.vcare-rc22 :is(.vstore-nav a,.vhome-nav a,.navlinks a,.sidebar-link){color:var(--v22-muted)!important}
body.vcare-rc22 :is(.vstore-nav a.active,.vhome-nav a.active,.sidebar-link.active){color:var(--v22-blue)!important;background:color-mix(in srgb,var(--v22-blue) 11%,transparent)!important}

/* Main layouts */
body.vcare-rc22 :is(.vstore-main,.vhome-main,.workspace-content,main.wrap,.wrap,main){scroll-margin-top:90px}
body.vcare-rc22 :is(.vstore-main,.vhome-main){max-width:1280px}
body.vcare-rc22 :is(.vstore-hero,.vhome-hero,.workspace-hero){overflow:hidden;position:relative}
body.vcare-rc22 :is(.vstore-hero,.vhome-hero,.workspace-hero):before{
  content:"";position:absolute;width:260px;height:260px;border-radius:50%;inset-inline-end:-70px;top:-95px;background:radial-gradient(circle,color-mix(in srgb,var(--v22-blue) 26%,transparent),transparent 68%);pointer-events:none
}
body.vcare-rc22 :is(.vstore-hero h1,.vhome-hero h1,.workspace-hero h1,.hero h1){font-weight:800!important;letter-spacing:-.055em!important}
body.vcare-rc22 :is(.vstore-stat strong,.vhome-stat strong,.vhome-admin-card strong,.stat strong){font-variant-numeric:tabular-nums}

/* Store overrides */
body.vcare-rc22.vstore-body{
  --vs-bg:var(--v22-bg);--vs-panel:var(--v22-surface);--vs-panel2:var(--v22-surface-2);--vs-line:var(--v22-line);--vs-text:var(--v22-text);--vs-muted:var(--v22-muted);--vs-accent:var(--v22-blue);--vs-accent2:var(--v22-blue-2);--vs-shadow:var(--v22-shadow)
}
body.vcare-rc22 .vstore-product-media{background:var(--v22-surface-2)!important;border-radius:18px!important;overflow:hidden}
body.vcare-rc22 .vstore-product-media img{transition:transform .35s ease}
@media(hover:hover){body.vcare-rc22 .vstore-product-card:hover .vstore-product-media img{transform:scale(1.035)}}
body.vcare-rc22 .vstore-product-card form button{border-radius:12px!important}
body.vcare-rc22 .vstore-categories{scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}
body.vcare-rc22 .vstore-categories::-webkit-scrollbar{display:none}
body.vcare-rc22 .vstore-categories a{white-space:nowrap;background:var(--v22-surface-solid)!important;border-color:var(--v22-line)!important;color:var(--v22-muted)!important}
body.vcare-rc22 .vstore-categories a.active{background:var(--v22-blue)!important;color:#fff!important;border-color:var(--v22-blue)!important}

/* Homecare overrides */
body.vcare-rc22.vhome-body{
  --vh-bg:var(--v22-bg);--vh-panel:var(--v22-surface);--vh-panel2:var(--v22-surface-2);--vh-line:var(--v22-line);--vh-text:var(--v22-text);--vh-muted:var(--v22-muted);--vh-accent:var(--v22-blue);--vh-accent2:var(--v22-blue-2);--vh-shadow:var(--v22-shadow)
}
body.vcare-rc22 .vhome-service-icon{background:color-mix(in srgb,var(--v22-blue) 12%,transparent)!important;color:var(--v22-blue)!important}
body.vcare-rc22 .vhome-map{border-radius:20px!important;box-shadow:var(--v22-shadow-soft)}
body.vcare-rc22 .leaflet-control-zoom a{color:#111!important}
body.vcare-rc22 .vhome-calendar-box{background:var(--v22-bg-elevated)!important;color:var(--v22-text)!important}
body.vcare-rc22 .vhome-date-btn{background:var(--v22-surface-2)!important;color:var(--v22-text)!important;border-color:var(--v22-line)!important}
body.vcare-rc22 .vhome-date-btn.selected{background:var(--v22-blue)!important;color:#fff!important}

/* Workspace */
body.vcare-rc22 .workspace-layout{background:transparent!important;color:var(--v22-text)!important}
body.vcare-rc22 .workspace-sidebar{background:color-mix(in srgb,var(--v22-bg-elevated) 90%,transparent)!important;border-color:var(--v22-line)!important;color:var(--v22-text)!important;backdrop-filter:blur(24px)}
body.vcare-rc22 .workspace-main{background:transparent!important}
body.vcare-rc22 .role-panel{background:var(--v22-surface-2)!important;border-color:var(--v22-line)!important}
body.vcare-rc22 .module-icon{background:color-mix(in srgb,var(--v22-blue) 12%,transparent)!important;color:var(--v22-blue)!important;border-radius:16px!important}
body.vcare-rc22 .module-status{color:var(--v22-blue)!important}
body.vcare-rc22 .workspace-footer,body.vcare-rc22 :is(.vstore-footer,.vhome-footer,.footer,.vcare-footer){border-color:var(--v22-line)!important;color:var(--v22-muted)!important}

/* Auth */
body.vcare-rc22 .auth-shell{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
body.vcare-rc22 .story{border-radius:32px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--v22-blue) 18%,var(--v22-surface-solid)),color-mix(in srgb,var(--v22-purple) 10%,var(--v22-surface-solid)))!important;border:1px solid var(--v22-line)!important;box-shadow:var(--v22-shadow)!important}
body.vcare-rc22 .form-side{background:transparent!important}
body.vcare-rc22 .form-box{background:var(--v22-surface)!important;border:1px solid var(--v22-line)!important;border-radius:28px!important;padding:28px!important;box-shadow:var(--v22-shadow)!important;backdrop-filter:blur(24px)}
body.vcare-rc22 .field input{background:var(--v22-surface-solid)!important;color:var(--v22-text)!important}
body.vcare-rc22 .links{color:var(--v22-blue)!important}
body.vcare-rc22 .trust span{background:var(--v22-surface)!important;color:var(--v22-muted)!important;border-color:var(--v22-line)!important}

/* Responsive tables: data labels are added by RC22 JS */
body.vcare-rc22 table{color:var(--v22-text)}
body.vcare-rc22 :is(.vstore-table-wrap,.vhome-table-wrap,.table-wrap){border-color:var(--v22-line)!important;background:var(--v22-surface)!important;border-radius:20px!important}
body.vcare-rc22 :is(.vstore-table th,.vhome-table th,table th){color:var(--v22-muted)!important;background:var(--v22-surface-2)!important;border-color:var(--v22-line)!important}
body.vcare-rc22 :is(.vstore-table td,.vhome-table td,table td){color:var(--v22-text)!important;border-color:var(--v22-line)!important}

/* RC22 app bar injected only where a page has no useful header */
.vcare-rc22-appbar{
  position:sticky;top:0;z-index:1800;display:none;align-items:center;justify-content:space-between;gap:10px;
  min-height:calc(58px + var(--v22-safe-top));padding:var(--v22-safe-top) 14px 0;
  background:color-mix(in srgb,var(--v22-bg-elevated) 82%,transparent);border-bottom:1px solid var(--v22-line);
  backdrop-filter:saturate(180%) blur(26px);-webkit-backdrop-filter:saturate(180%) blur(26px)
}
.vcare-rc22-appbar__side{width:44px;display:flex;justify-content:center}
.vcare-rc22-appbar__title{min-width:0;text-align:center;display:grid;gap:1px}
.vcare-rc22-appbar__title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.vcare-rc22-appbar__title small{font-size:10px;color:var(--v22-muted)}
.vcare-rc22-icon-button{width:40px;height:40px;border:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--v22-surface)!important;color:var(--v22-blue)!important;box-shadow:none!important;padding:0!important}

/* Bottom app dock */
.vcare-rc22-dock{display:none;position:fixed;z-index:2200;inset-inline:10px;bottom:calc(8px + var(--v22-safe-bottom));height:68px;padding:7px;border:1px solid var(--v22-line);border-radius:24px;background:color-mix(in srgb,var(--v22-bg-elevated) 82%,transparent);box-shadow:0 14px 50px rgba(0,0,0,.2);backdrop-filter:saturate(190%) blur(28px);-webkit-backdrop-filter:saturate(190%) blur(28px)}
.vcare-rc22-dock__items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:100%;gap:3px}
.vcare-rc22-dock__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--v22-faint)!important;text-decoration:none!important;border-radius:17px;font-size:10px;font-weight:650;min-width:0;padding:4px 2px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.vcare-rc22-dock__item .vcare-rc22-icon{width:23px;height:23px;min-width:23px}
.vcare-rc22-dock__item span:last-child{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vcare-rc22-dock__item.active{color:var(--v22-blue)!important;background:color-mix(in srgb,var(--v22-blue) 10%,transparent)!important}
.vcare-rc22-dock__item.active:after{content:"";position:absolute;top:2px;width:5px;height:5px;border-radius:999px;background:var(--v22-blue)}

/* More sheet */
.vcare-rc22-sheet-backdrop{display:none;position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.34);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease}
.vcare-rc22-sheet-backdrop.open{display:block;opacity:1}
.vcare-rc22-sheet{position:absolute;inset-inline:8px;bottom:calc(8px + var(--v22-safe-bottom));max-height:min(78vh,720px);overflow:auto;padding:10px 12px 18px;border:1px solid var(--v22-line);border-radius:30px;background:var(--v22-bg-elevated);box-shadow:0 24px 80px rgba(0,0,0,.32);transform:translateY(22px);animation:v22-sheet-in .22s ease forwards}
@keyframes v22-sheet-in{to{transform:translateY(0)}}
.vcare-rc22-sheet__handle{width:38px;height:5px;border-radius:999px;background:var(--v22-line-strong);margin:2px auto 12px}
.vcare-rc22-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 10px}
.vcare-rc22-sheet__head h2{font-size:22px;margin:0}
.vcare-rc22-sheet__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.vcare-rc22-sheet__link{display:grid;place-items:center;text-align:center;gap:7px;min-height:96px;padding:12px 8px;border-radius:19px;background:var(--v22-surface-2);border:1px solid var(--v22-line);color:var(--v22-text)!important;text-decoration:none;font-size:12px;font-weight:650}
.vcare-rc22-sheet__link .vcare-rc22-icon{width:27px;height:27px;color:var(--v22-blue)}
.vcare-rc22-sheet__section{padding:14px 2px 0}
.vcare-rc22-sheet__section-title{display:block;color:var(--v22-muted);font-size:12px;font-weight:650;margin:0 6px 7px}
.vcare-rc22-theme{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:var(--v22-surface-2)}
.vcare-rc22-theme button{min-height:38px!important;border:0!important;background:transparent!important;color:var(--v22-muted)!important;box-shadow:none!important}
.vcare-rc22-theme button.active{background:var(--v22-surface-solid)!important;color:var(--v22-blue)!important;box-shadow:var(--v22-shadow-soft)!important}
.vcare-rc22-sheet .vcare-language-switcher{display:block!important;position:static!important;margin:0!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.vcare-rc22-sheet .vcare-language-switcher label{display:block!important}
.vcare-rc22-sheet .vcare-language-switcher select{width:100%!important}

/* Search and empty-state enhancements */
.vcare-rc22-search-wrap{position:relative}
.vcare-rc22-search-wrap>.vcare-rc22-icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--v22-faint);pointer-events:none}
[dir="ltr"] .vcare-rc22-search-wrap input{padding-left:42px!important}
[dir="rtl"] .vcare-rc22-search-wrap input{padding-right:42px!important}
.vcare-rc22-empty{display:grid;place-items:center;text-align:center;min-height:220px;padding:28px;color:var(--v22-muted)}

/* Desktop app rail / content refinement */
@media(min-width:1025px){
  body.vcare-rc22 .vcare-rc22-dock{display:none!important}
  body.vcare-rc22 :is(.vstore-main,.vhome-main,.workspace-content,main.wrap){padding-bottom:54px}
  body.vcare-rc22 .vstore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Mobile application behavior */
@media(max-width:760px){
  body.vcare-rc22{padding-bottom:calc(88px + var(--v22-safe-bottom))!important;background:var(--v22-bg)!important}
  body.vcare-rc22[data-vcare-auth-page="1"]{padding-bottom:0!important}
  .vcare-rc22-dock{display:block}
  body.vcare-rc22[data-vcare-auth-page="1"] .vcare-rc22-dock{display:none!important}
  .vcare-rc22-appbar{display:flex}
  body.vcare-rc22[data-vcare-has-native-header="1"] .vcare-rc22-appbar{display:none}

  body.vcare-rc22 :is(.vstore-top,.vhome-top,.workspace-topbar,header.top,.topbar,.vcare-header){
    min-height:calc(58px + var(--v22-safe-top))!important;height:auto!important;padding:var(--v22-safe-top) 13px 0!important;position:sticky!important;top:0!important;z-index:1800!important;gap:10px!important
  }
  body.vcare-rc22 :is(.vstore-brand,.vhome-brand,.brand,.vcare-brand-link){gap:8px!important;min-width:0}
  body.vcare-rc22 :is(.vstore-brand img,.vhome-brand img,.vcare-brand-mini,.vcare-brand-link img){width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;object-fit:contain!important}
  body.vcare-rc22 :is(.vstore-brand small,.vhome-brand small,.vcare-brand-copy small,.brand span){display:none!important}
  body.vcare-rc22 :is(.vstore-brand b,.vhome-brand b,.vcare-brand-copy b){font-size:15px!important}
  body.vcare-rc22 :is(.vstore-actions,.vhome-actions,.top-actions,.header-actions){gap:5px!important}
  body.vcare-rc22 :is(.vstore-actions .vcare-language-switcher,.vhome-actions .vcare-language-switcher,.top-actions .vcare-language-switcher,.header-actions .vcare-language-switcher,.vcare-floating-language){display:none!important}
  body.vcare-rc22 :is(.vstore-dashboard-link,.vhome-dashboard-link){display:none!important}
  body.vcare-rc22 :is(.vstore-menu-btn,.vhome-menu-btn,.menu-toggle,.sidebar-close){width:40px!important;height:40px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:50%!important;background:var(--v22-surface)!important;color:var(--v22-blue)!important;border:1px solid var(--v22-line)!important;font-size:0!important}
  body.vcare-rc22 :is(.vstore-menu-btn,.vhome-menu-btn,.menu-toggle):before{content:"";width:21px;height:21px;background:currentColor;-webkit-mask:url('/assets/icons/rc22/menu.svg') center/contain no-repeat;mask:url('/assets/icons/rc22/menu.svg') center/contain no-repeat}
  body.vcare-rc22 .sidebar-close:before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url('/assets/icons/rc22/close.svg') center/contain no-repeat;mask:url('/assets/icons/rc22/close.svg') center/contain no-repeat}

  body.vcare-rc22 :is(.vstore-nav,.vhome-nav){top:calc(62px + var(--v22-safe-top))!important;inset-inline:10px!important;padding:10px!important;border-radius:22px!important;background:var(--v22-bg-elevated)!important;border:1px solid var(--v22-line)!important;box-shadow:var(--v22-shadow)!important}
  body.vcare-rc22 :is(.vstore-nav a,.vhome-nav a){min-height:48px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:10px 13px!important;border-radius:14px!important}

  body.vcare-rc22 :is(.vstore-main,.vhome-main,.workspace-content,main.wrap,.wrap){width:100%!important;max-width:none!important;padding-inline:12px!important}
  body.vcare-rc22 :is(.vstore-main,.vhome-main){padding-top:14px!important}
  body.vcare-rc22 :is(.workspace-content){padding-top:14px!important;padding-bottom:95px!important}
  body.vcare-rc22 :is(.hero,.vstore-hero,.vhome-hero,.workspace-hero){padding:22px!important;margin:10px 0 16px!important;border-radius:26px!important;grid-template-columns:1fr!important}
  body.vcare-rc22 :is(.hero h1,.vstore-hero h1,.vhome-hero h1,.workspace-hero h1,.vhome-page-head h1){font-size:clamp(30px,10vw,48px)!important;line-height:1.02!important;margin:8px 0 11px!important}
  body.vcare-rc22 :is(.hero p,.vstore-hero p,.vhome-hero p,.workspace-hero p){font-size:14px!important;line-height:1.65!important}
  body.vcare-rc22 :is(.vstore-hero-side,.vhome-hero-stats,.workspace-stats){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.vcare-rc22 :is(.vstore-stat,.vhome-stat,.workspace-stats article,.vhome-admin-card){padding:14px!important;border-radius:18px!important;box-shadow:none!important}
  body.vcare-rc22 :is(.vstore-stat strong,.vhome-stat strong,.workspace-stats strong,.vhome-admin-card strong){font-size:24px!important}

  body.vcare-rc22 :is(.grid,.grid.three,.module-grid,.vstore-grid,.vhome-grid,.vstore-admin-cards,.vhome-admin-cards){grid-template-columns:1fr!important;gap:12px!important}
  body.vcare-rc22 :is(.card,.module-card,.vstore-product-card,.vhome-service-card,.vstore-panel,.vhome-panel){border-radius:22px!important;padding:18px!important}
  body.vcare-rc22 .vstore-product-card{padding:10px!important;display:grid!important;grid-template-columns:112px 1fr!important;gap:12px!important}
  body.vcare-rc22 .vstore-product-media{height:100%!important;min-height:142px!important}
  body.vcare-rc22 .vstore-product-content{padding:4px 2px!important;min-width:0}
  body.vcare-rc22 .vstore-product-content h3{font-size:16px!important;margin:4px 0!important}
  body.vcare-rc22 .vstore-product-content .clamp{-webkit-line-clamp:2!important;font-size:12px!important}
  body.vcare-rc22 .vstore-product-bottom{margin-top:8px!important;gap:6px!important;align-items:flex-start!important;flex-direction:column!important}
  body.vcare-rc22 .vstore-inline-form button{width:100%!important;min-height:38px!important}
  body.vcare-rc22 .vhome-service-card{grid-template-columns:48px 1fr!important;gap:12px!important}
  body.vcare-rc22 .vhome-service-icon{width:46px!important;height:46px!important;border-radius:15px!important}

  body.vcare-rc22 :is(.vstore-filter,.vhome-filter,.vstore-form-grid,.vhome-form-grid,.form-grid){grid-template-columns:1fr!important;gap:10px!important}
  body.vcare-rc22 :is(.vstore-two,.vhome-two,.two-col){grid-template-columns:1fr!important}
  body.vcare-rc22 :is(.vstore-summary,.vhome-summary){position:static!important}
  body.vcare-rc22 :is(.vstore-actions-row,.vhome-actions-row,.quick,.auth-actions){display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  body.vcare-rc22 :is(.vstore-actions-row a,.vhome-actions-row a,.quick a,.auth-actions a){width:100%!important;text-align:center!important}

  /* Tables become card lists */
  body.vcare-rc22 table[data-vcare-responsive="1"]{display:block!important;min-width:0!important;border:0!important}
  body.vcare-rc22 table[data-vcare-responsive="1"] thead{display:none!important}
  body.vcare-rc22 table[data-vcare-responsive="1"] tbody{display:grid!important;gap:11px!important}
  body.vcare-rc22 table[data-vcare-responsive="1"] tr{display:block!important;padding:8px 14px!important;border:1px solid var(--v22-line)!important;border-radius:20px!important;background:var(--v22-surface)!important;box-shadow:var(--v22-shadow-soft)!important}
  body.vcare-rc22 table[data-vcare-responsive="1"] td{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--v22-line)!important;text-align:end!important;min-width:0!important;white-space:normal!important}
  body.vcare-rc22 table[data-vcare-responsive="1"] td:last-child{border-bottom:0!important}
  body.vcare-rc22 table[data-vcare-responsive="1"] td:before{content:attr(data-label);color:var(--v22-muted);font-size:11px;font-weight:650;text-align:start;max-width:42%}
  body.vcare-rc22 table[data-vcare-responsive="1"] td>*{max-width:58%}
  body.vcare-rc22 :is(.vstore-table-wrap,.vhome-table-wrap,.table-wrap){overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}

  /* Workspace sidebar becomes sheet while existing JS remains functional */
  body.vcare-rc22 .workspace-layout{display:block!important}
  body.vcare-rc22 .workspace-sidebar{width:min(88vw,360px)!important;border-radius:0 26px 26px 0!important;box-shadow:0 20px 70px rgba(0,0,0,.3)!important}
  [dir="rtl"] body.vcare-rc22 .workspace-sidebar{border-radius:26px 0 0 26px!important}
  body.vcare-rc22 .workspace-main{margin:0!important;width:100%!important}
  body.vcare-rc22 .workspace-topbar>div{min-width:0}
  body.vcare-rc22 .workspace-topbar>div strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
  body.vcare-rc22 .workspace-topbar>div small{display:none}
  body.vcare-rc22 .workspace-search{display:none!important}
  body.vcare-rc22 .top-actions>.top-button{display:none!important}

  /* Auth is a focused app screen */
  body.vcare-rc22[data-vcare-auth-page="1"]{padding:0!important;background:var(--v22-bg)!important}
  body.vcare-rc22[data-vcare-auth-page="1"] .auth-shell{display:block!important;min-height:100svh!important;padding:12px!important}
  body.vcare-rc22[data-vcare-auth-page="1"] .story{min-height:238px!important;padding:24px!important;border-radius:28px!important}
  body.vcare-rc22[data-vcare-auth-page="1"] .story-logo{max-height:120px!important;width:auto!important}
  body.vcare-rc22[data-vcare-auth-page="1"] .story h1{font-size:34px!important;line-height:1!important;margin:12px 0 8px!important}
  body.vcare-rc22[data-vcare-auth-page="1"] .story p{font-size:13px!important;margin:0!important}
  body.vcare-rc22[data-vcare-auth-page="1"] .trust{display:none!important}
  body.vcare-rc22[data-vcare-auth-page="1"] .form-side{padding:12px 0!important}
  body.vcare-rc22[data-vcare-auth-page="1"] .form-box{padding:22px!important;border-radius:26px!important;width:100%!important}
  body.vcare-rc22[data-vcare-auth-page="1"] .form-box h2{font-size:30px!important;margin:10px 0 8px!important}

  body.vcare-rc22 :is(.vstore-footer,.vhome-footer,.workspace-footer,.footer,.vcare-footer){display:none!important}
  body.vcare-rc22 .section{padding:10px 0 22px!important}
  body.vcare-rc22 .section-head{align-items:flex-start!important;flex-direction:column!important}
}

@media(max-width:390px){
  .vcare-rc22-dock{inset-inline:6px;border-radius:22px}
  .vcare-rc22-dock__item{font-size:9px}
  .vcare-rc22-sheet__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.vcare-rc22 .vstore-product-card{grid-template-columns:96px 1fr!important}
  body.vcare-rc22 :is(.vstore-actions-row,.vhome-actions-row,.quick,.auth-actions){grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}