/* VOLENG App Catalog V10 — distinct premium colors per suite / application.
 * Strictly a marketing UI style layer. No API, checkout, RBAC or data changes.
 * Every rule scoped to the public home application catalog only. */

/* Stronger but restrained category hierarchy. */
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app]{
  --v10-accent:#2563eb;
  --v10-pale:#e8efff;
  --v10-wash:#f2f6ff;
  --v10-dark:#194cae;
  --app-tint:var(--v10-dark) !important;
  background:
    radial-gradient(circle at 95% -8%,var(--v10-pale) 0%,transparent 59%),
    linear-gradient(154deg,var(--v10-wash) 0%,#fff 57%,var(--v10-wash) 100%) !important;
  border:1px solid color-mix(in srgb,var(--v10-accent) 26%,#dde5f0) !important;
  box-shadow:0 9px 24px rgba(21,45,83,.075), inset 0 1px 0 rgba(255,255,255,.85) !important;
  min-height:239px !important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease !important;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app]::before{
  content:"";position:absolute;inset:0 0 auto;height:5px;
  background:linear-gradient(90deg,var(--v10-accent) 0%,color-mix(in srgb,var(--v10-accent) 65%,#fff) 100%);
  opacity:1;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app]::after{
  content:"";pointer-events:none;position:absolute;right:-58px;top:-76px;
  width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--v10-accent) 11%,transparent),transparent 70%);
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app] .app-icon{
  color:#fff !important;
  background:linear-gradient(140deg,color-mix(in srgb,var(--v10-accent) 86%,#fff),var(--v10-dark)) !important;
  border:1px solid color-mix(in srgb,var(--v10-accent) 62%,#fff) !important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--v10-accent) 23%,transparent),inset 0 1px 0 #ffffff45 !important;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app] .app-icon svg{
  color:#fff !important;stroke:currentColor;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app] .v772-app-chevron{
  background:var(--v10-pale) !important;
  color:var(--v10-dark) !important;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app] .v772-tags,
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app] .v772-app-cta{
  color:var(--v10-dark) !important;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app] .v772-app-cta{
  border-top-color:color-mix(in srgb,var(--v10-accent) 24%,#e7edf5) !important;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app]:hover{
  transform:translateY(-5px) !important;
  border-color:color-mix(in srgb,var(--v10-accent) 55%,#fff) !important;
  box-shadow:0 18px 38px color-mix(in srgb,var(--v10-accent) 16%,transparent),0 5px 14px #102b5510 !important;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app]:focus-visible{
  outline:3px solid var(--v10-accent) !important;outline-offset:3px;
}
/* Field · blue spectrum */
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="work-orders"]{--v10-accent:#2563eb;--v10-dark:#1754c0;--v10-pale:#ddeaff;--v10-wash:#f1f6ff}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="dispatch"]{--v10-accent:#5650d7;--v10-dark:#4436b7;--v10-pale:#e9e6ff;--v10-wash:#f6f4ff}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="smart-planning"]{--v10-accent:#0c83be;--v10-dark:#076590;--v10-pale:#d8f0fd;--v10-wash:#f0f9ff}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="order-management"]{--v10-accent:#3057b8;--v10-dark:#213f90;--v10-pale:#e2eaff;--v10-wash:#f3f6ff}
/* Business · violet / orchid spectrum */
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="hr"]{--v10-accent:#854bd5;--v10-dark:#6b33b7;--v10-pale:#efe3ff;--v10-wash:#faf5ff}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="fleet"]{--v10-accent:#9957ca;--v10-dark:#7336a2;--v10-pale:#f3e6ff;--v10-wash:#fbf5ff}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="finance"]{--v10-accent:#b34e8a;--v10-dark:#8d3168;--v10-pale:#fde3f2;--v10-wash:#fff4fa}
/* Agenda · aqua / teal spectrum */
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="appointments"]{--v10-accent:#099cad;--v10-dark:#087785;--v10-pale:#dbf7f9;--v10-wash:#effcfd}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="check-in"]{--v10-accent:#119f94;--v10-dark:#08776f;--v10-pale:#d8faf2;--v10-wash:#effdf9}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="queue"]{--v10-accent:#208b79;--v10-dark:#126959;--v10-pale:#dcf6ec;--v10-wash:#f1fdf6}
/* Resto · warm amber / orange palette (no longer the same green as Rooms) */
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="resto-orders"]{--v10-accent:#e17a35;--v10-dark:#a84c18;--v10-pale:#ffebd8;--v10-wash:#fff6eb}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="menu"]{--v10-accent:#d69928;--v10-dark:#986211;--v10-pale:#fff1ce;--v10-wash:#fffaec}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="kitchen"]{--v10-accent:#d9654c;--v10-dark:#aa3929;--v10-pale:#ffe5dc;--v10-wash:#fff4ef}
/* Rooms · green, distinct from Agenda and Resto */
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="voleng-rooms"]{
  --v10-accent:#18866a;--v10-dark:#11664e;--v10-pale:#d6f4e7;--v10-wash:#ecfcf3;
  --app-tint:#11664e !important;
  border-color:color-mix(in srgb,#18866a 35%,#d9e6e1) !important;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="voleng-rooms"]::before{
  background:linear-gradient(90deg,#187f65,#57c696) !important;height:5px !important;
}
body.v77-home .v772-app-grid > .v772-app-card[data-vb-app="voleng-rooms"] .vrooms-card-tag{
  color:#0d644a !important;background:#d4f4e6 !important;
}
/* Filter colors: make the suite identity visible before interacting. */
body.v77-home .v772-apps .vb-filter[data-vb-filter]:not([data-vb-filter="all"]){
  display:inline-flex;align-items:center;gap:8px;
  color:var(--v10-filter-dark) !important;
  background:var(--v10-filter-pale) !important;
}
body.v77-home .v772-apps .vb-filter[data-vb-filter]:not([data-vb-filter="all"])::before{
  content:"";width:7px;height:7px;flex:0 0 auto;
  background:var(--v10-filter-color);border-radius:50%;
}
body.v77-home .v772-apps .vb-filter[data-vb-filter="field"]{--v10-filter-color:#2563eb;--v10-filter-dark:#1751ba;--v10-filter-pale:#eaf1ff}
body.v77-home .v772-apps .vb-filter[data-vb-filter="business"]{--v10-filter-color:#854bd5;--v10-filter-dark:#6333a5;--v10-filter-pale:#f3eaff}
body.v77-home .v772-apps .vb-filter[data-vb-filter="agenda"]{--v10-filter-color:#099cad;--v10-filter-dark:#076b79;--v10-filter-pale:#e5fafa}
body.v77-home .v772-apps .vb-filter[data-vb-filter="resto"]{--v10-filter-color:#d9782a;--v10-filter-dark:#9e4d17;--v10-filter-pale:#fff0dd}
body.v77-home .v772-apps .vb-filter[data-vb-filter="rooms"]{--v10-filter-color:#18866a;--v10-filter-dark:#0c6049;--v10-filter-pale:#dff8ec}
body.v77-home .v772-apps .vb-filter[data-vb-filter]:not([data-vb-filter="all"]).is-active{
  color:#fff !important;background:var(--v10-filter-color) !important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--v10-filter-color) 28%,transparent) !important;
}
body.v77-home .v772-apps .vb-filter[data-vb-filter]:not([data-vb-filter="all"]).is-active::before{background:#fff}
@media(prefers-reduced-motion:reduce){
  body.v77-home .v772-app-grid > .v772-app-card[data-vb-app]{transition:none !important}
  body.v77-home .v772-app-grid > .v772-app-card[data-vb-app]:hover{transform:none !important}
}