/* Friendly workspace chrome. State, navigation and header measurement remain in calendar.js. */
@media screen {
  html:has(body[data-design="workspace"]) {--workspace-header-height:72px;}
  body[data-design="workspace"] {
    --workspace-sidebar-width:174px;
    background:var(--friendly-bg,#f5f7f3);
    color:var(--friendly-ink,#283d30);
  }

  body[data-design="workspace"] .workspace {
    grid-template-columns:var(--workspace-sidebar-width) minmax(0,1fr);
    min-height:100dvh;
  }

  body[data-design="workspace"] .main {
    --workspace-gutter:28px;
    width:100%;
    max-width:none;
    min-width:0;
    margin-block:0;
    padding:calc(var(--workspace-header-height) + 20px) var(--workspace-gutter) 0;
  }

  /* This bar spans the viewport to the right of the navigation, even on wide monitors. */
  body[data-design="workspace"] .workspace-topbar {
    position:fixed;
    inset:0 0 auto var(--workspace-sidebar-width);
    z-index:40;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    width:auto;
    max-width:none;
    min-height:72px;
    margin:0;
    padding:9px var(--workspace-gutter);
    border:0;
    border-bottom:1px solid var(--friendly-border,#dce4d8);
    border-radius:0;
    background:var(--friendly-bg,#f5f7f3);
    box-shadow:0 5px 18px -13px rgb(26 48 34 / .28);
    overflow:visible;
  }

  body[data-design="workspace"] .workspace-topbar .restaurant-context {
    grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);row-gap:2px;align-items:start;min-width:0;width:fit-content;max-width:100%;padding:0;margin:0;border:0;
  }
  body[data-design="workspace"] .restaurant-context-icon {position:absolute;z-index:1;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#edf2ee;color:#526c58;pointer-events:none}
  body[data-design="workspace"] .restaurant-context-icon svg {width:18px;height:18px}
  body[data-design="workspace"] .workspace-topbar .restaurant-context .restaurant-context-caption {display:block;grid-column:1;grid-row:1;min-width:0;overflow:hidden}
  body[data-design="workspace"] .workspace-topbar .restaurant-context .eyebrow {margin:0;color:var(--friendly-muted,#5f6f63);font-size:11px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-design="workspace"] .workspace-topbar .restaurant-switch {position:relative;grid-column:1;grid-row:2;width:auto;max-width:100%;min-width:0}
  body[data-design="workspace"] .workspace-topbar .restaurant-switch .ui-control {width:max-content;min-width:0;max-width:100%}
  body[data-design="workspace"] .workspace-topbar .restaurant-switch :is(#restaurant-select,.ui-select-trigger) {width:auto;max-width:100%;min-height:40px;padding:6px 26px 6px 36px!important;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--friendly-ink,#283d30);font-size:18px;font-weight:600;line-height:24px}
  body[data-design="workspace"] .workspace-topbar .restaurant-switch .ui-select-trigger:hover {background:#e9efdf}
  body[data-design="workspace"] .workspace-topbar .restaurant-switch:has(#restaurant-select:disabled) .restaurant-context-icon {opacity:.5;}
  body[data-design="workspace"] .workspace-topbar .account-tools {
    grid-column:2;
    grid-row:1;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-direction:row;
    gap:14px;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
  }

  body[data-design="workspace"] .workspace-topbar #cloud-state {
    min-width:0;
    max-width:180px;
    color:var(--friendly-muted,#5f6f63);
    font-size:12px;
    line-height:1.5;
    overflow-wrap:anywhere;
  }

  /* Pending writes must not create another header grid row and move the page. */
  body[data-design="workspace"] .workspace-topbar .workflow-save-state {
    position:absolute;
    inset:100% var(--workspace-gutter) auto auto;
    grid-area:auto;
    display:flex;
    align-items:center;
    gap:7px;
    width:max-content;
    max-width:calc(100% - 32px);
    margin:0;
    padding:4px 10px;
    border-radius:0 0 7px 7px;
    background:#fff;
    color:var(--friendly-muted,#5f6f63);
    font-size:11px;
    line-height:18px;
    overflow-wrap:anywhere;
    box-shadow:0 3px 8px #283d3012;
    pointer-events:none;
  }
  body[data-design="workspace"] .workspace-topbar:has(#cloud-state[aria-busy="true"]) .workflow-save-state {display:none;}

  body[data-design="workspace"] .workspace-account-actions {
    display:flex;
    align-items:center;
    flex:0 0 auto;
    gap:10px;
  }

  body[data-design="workspace"] .workspace-topbar .language-control select {
    min-height:36px;
    width:62px;
    max-width:62px;
    border-color:transparent;
    border-radius:8px;
    background-color:transparent;
    color:var(--friendly-ink,#283d30);
    font-size:12px;
  }

  body[data-design="workspace"] .workspace-topbar .language-control .ui-control {width:36px;max-width:36px;}
  body[data-design="workspace"] .workspace-topbar .language-control :is(select,.ui-select-trigger) {appearance:none;width:36px;min-height:36px;padding:7px 0!important;border:0;border-radius:7px;background:transparent;background-color:transparent!important;background-image:none!important;text-align:center;font-size:12px;cursor:pointer;box-shadow:none;}
  body[data-design="workspace"] .workspace-topbar .language-control .ui-select-trigger:hover {background:#e9efdf;}
  body[data-design="workspace"] .workspace-topbar .za-notification-trigger {width:32px;height:36px;min-height:36px;border:0;border-radius:7px;background:transparent;}
  body[data-design="workspace"] .workspace-topbar .za-bell-icon {width:17px;height:17px;}
  body[data-design="workspace"] .workspace-topbar .za-menu .za-trigger {width:36px;min-width:36px;height:36px;min-height:36px;padding:2px;border:0;background:transparent;}
  body[data-design="workspace"] .workspace-topbar .za-avatar {width:32px;height:32px;flex-basis:32px;font-size:12px;background:#e4ecdf;color:#426343;}
  body[data-design="workspace"] .workspace-topbar :is(.za-notification-trigger,.za-trigger):hover {background:#e9efdf;}
  body[data-design="workspace"] .menu-date-icon {width:15px;height:15px;flex-shrink:0;}
  body[data-design="workspace"] .workspace-topbar .zimmis-account {
    flex:0 0 auto;
    margin-left:0;
  }

  html:has(body[data-design="workspace"] .workspace-topbar) {
    scroll-padding-top:calc(var(--workspace-header-height) + 24px);
  }

  /* The same page heading rhythm is used by each existing tool, including editor views. */
  body[data-design="workspace"] :is(.workspace-header,.tool-view>.section-toolbar,.restaurants-toolbar) {
    align-items:flex-start;
    gap:18px;
    margin-bottom:25px;
  }

  body[data-design="workspace"] :is(#workspace-title,#menu-heading,#catalog-heading,#shopping-heading,#appointments-heading,#tasks-heading,#restaurants-heading,#website-heading,#catering-heading,#team-access-heading,#menu-pdf-heading) {
    margin:0 0 9px;
    color:var(--friendly-ink,#283d30);
    font-family:Georgia,"Times New Roman",serif;
    font-size:29px;
    font-weight:500;
    line-height:1.2;
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
  }

  body[data-design="workspace"] :is(#workspace-title,#menu-heading,#catalog-heading,#shopping-heading,#appointments-heading,#tasks-heading,#restaurants-heading,#website-heading,#catering-heading,#team-access-heading,#menu-pdf-heading)::after {
    content:none;
  }

  body[data-design="workspace"] :is(.workspace-header .subtitle,.tool-view>.section-toolbar p,.restaurants-toolbar p) {
    margin:0;
    color:var(--friendly-muted,#5f6f63);
    font-size:12px;
    line-height:1.65;
  }

  body[data-design="workspace"] .workspace-actions {
    flex-wrap:wrap;
    align-items:stretch;
    gap:9px;
  }

  body[data-design="workspace"] .workspace-actions .button {
    min-width:132px;
    min-height:42px;
    padding:10px 14px;
    border-radius:13px;
    font-size:13px;
    line-height:1.5;
  }

  /* Familiar dark-green navigation, calmer spacing, and a stable active marker. */
  body[data-design="workspace"] .sidebar {
    position:sticky;
    top:0;
    height:100dvh;
    min-width:0;
    padding:27px 13px 18px;
    border-right:1px solid #314a3b;
    background:#293d32;
    color:#dce7db;
    scrollbar-color:#697f68 transparent;
  }

  body[data-design="workspace"] .sidebar .brand {
    margin:0;
    gap:8px;
    color:#f4f7f1;
    font-size:28px;
  }

  body[data-design="workspace"] .sidebar .brand-name>span {color:#bbcea9;}

  body[data-design="workspace"] .sidebar-label {
    margin:28px 12px 7px;
    color:#afc0ab;
    font-size:11px;
    font-weight:550;
    letter-spacing:.11em;
  }

  body[data-design="workspace"] .sidebar nav {display:grid;gap:5px;}

  body[data-design="workspace"] .sidebar .nav-item {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:11px;
    width:100%;
    min-width:0;
    min-height:40px;
    padding:9px 12px;
    border:1px solid transparent;
    border-radius:7px;
    background:transparent;
    color:#dce7db;
    font-size:12px;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    white-space:normal;
    overflow-wrap:anywhere;
    transition:background-color 170ms ease,color 170ms ease,border-color 170ms ease,box-shadow 170ms ease;
  }

  body[data-design="workspace"] .sidebar .nav-item>span {
    min-width:0;
    margin-left:0;
    color:inherit;
  }

  body[data-design="workspace"] .sidebar .nav-item svg {width:16px;height:16px;flex-shrink:0;}

  body[data-design="workspace"] .sidebar .nav-item:is(.active,.is-current,[aria-current="page"]) {
    border-color:#536d50;
    background:#435c43;
    color:#f7faf4;
    box-shadow:inset 3px 0 #b5cea4;
    font-weight:550;
  }

  body[data-design="workspace"] .sidebar .nav-item:focus-visible {
    outline:2px solid #c8ddb8;
    outline-offset:3px;
  }

  body[data-design="workspace"] .sidebar .product-nav {
    gap:4px;
    margin:3px 0 5px 10px;
    padding-left:10px;
    border-left-color:#698166;
  }

  body[data-design="workspace"] .sidebar .product-nav .nav-item {
    min-height:34px;
    padding:7px 8px;
    font-size:12px;
    gap:9px;
  }

  body[data-design="workspace"] .sidebar .product-nav .nav-item svg {width:17px;height:17px;}

  body[data-design="workspace"] .sidebar .nav-group-toggle::after {
    margin-left:auto;
    opacity:.85;
    transition:transform 170ms ease;
  }

  body[data-design="workspace"] .sidebar-bottom {padding:24px 9px 0;}
  body[data-design="workspace"] .sidebar-bottom :is(p,a,.workspace-badge) {font-size:12px;line-height:1.65;}
  body[data-design="workspace"] .sidebar-bottom p {display:none;}
  body[data-design="workspace"] .sidebar-bottom>a {color:#d4e0ce;gap:9px;}
  body[data-design="workspace"] .sidebar-signature {display:none;color:#adbfaa;font-size:11px;border-color:#4a6350;margin-top:22px;padding-top:18px;letter-spacing:.07em;}
  body[data-design="workspace"] .workspace-badge {color:#c5d6b9;}
  body[data-design="workspace"] .workspace-footer {font-size:12px;line-height:1.6;color:var(--friendly-muted,#5f6f63);padding-block:24px;}

  @media (hover:hover) {
    body[data-design="workspace"] .sidebar .nav-item:hover:not(:disabled) {background:#354d3b;border-color:#4a6250;color:#fff;}
    body[data-design="workspace"] .sidebar .nav-item:is(.active,.is-current,[aria-current="page"]):hover:not(:disabled) {background:#4a6549;}
  }

  @media (min-width:761px) {
    body[data-design="workspace"] .sidebar .nav-more {display:none;}
    body[data-design="workspace"] .sidebar .nav-secondary {display:contents;}
  }

  @media (min-width:761px) and (max-width:1150px) {
    body[data-design="workspace"] {--workspace-sidebar-width:174px;}
    body[data-design="workspace"] .main {--workspace-gutter:24px;}
    body[data-design="workspace"] .sidebar {padding-inline:11px;}
    body[data-design="workspace"] .sidebar .brand {font-size:28px;}
    body[data-design="workspace"] .workspace-topbar {gap:16px;}
    body[data-design="workspace"] .workspace-topbar .restaurant-switch {width:auto;max-width:220px;}
    body[data-design="workspace"] .workspace-topbar .account-tools {flex-wrap:wrap;max-width:285px;gap:5px 12px;}
    body[data-design="workspace"] .workspace-topbar #cloud-state {order:2;flex-basis:100%;max-width:none;text-align:right;}
  }

  @media (max-width:760px) {
    html:has(body[data-design="workspace"]) {--workspace-header-height:72px;}
    body[data-design="workspace"] {--workspace-sidebar-width:0px;}
    body[data-design="workspace"] .workspace {display:block;}
    body[data-design="workspace"] .main {
      --workspace-gutter:16px;
      display:flex;
      flex-direction:column;
      max-width:760px;
      margin-inline:auto;
      padding:calc(var(--workspace-header-height) + 20px) var(--workspace-gutter) calc(104px + env(safe-area-inset-bottom));
    }
    body[data-design="workspace"] .main>* {min-width:0;}

    body[data-design="workspace"] .workspace-topbar {
      inset:0 0 auto;
      min-height:0;
      padding:10px var(--workspace-gutter);
      box-shadow:0 4px 16px -11px rgb(26 48 34 / .28);
    }
    body[data-design="workspace"] .workspace-topbar .restaurant-context {row-gap:2px;}
    body[data-design="workspace"] .workspace-topbar .restaurant-context .eyebrow {font-size:10px;}
    body[data-design="workspace"] .workspace-topbar .restaurant-switch {width:100%;}
    body[data-design="workspace"] .workspace-topbar .restaurant-switch .ui-control {width:100%;}
    body[data-design="workspace"] .workspace-topbar .restaurant-switch :is(#restaurant-select,.ui-select-trigger) {min-height:44px;font-size:18px;}
    body[data-design="workspace"] .workspace-topbar .account-tools {grid-column:2;grid-row:1;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0;width:auto;max-width:none;}
    body[data-design="workspace"] .workspace-topbar .account-tools #cloud-state {position:absolute;inset:100% 0 auto;max-width:none;padding:7px 16px;text-align:center;background:#fff;box-shadow:0 3px 8px #283d3012;}
    body[data-design="workspace"] .workspace-topbar .workflow-save-state {inset:100% 0 auto;width:auto;max-width:none;border-radius:0;justify-content:center;}
    body[data-design="workspace"] .workspace-topbar #cloud-state:not([aria-busy="true"]):not([data-save-state="error"]) {display:none;}
    body[data-design="workspace"] .sidebar-group-label {display:none;}
    body[data-design="workspace"] .workspace-topbar .restaurant-context {width:100%;grid-template-columns:minmax(0,1fr);}
    body[data-design="workspace"] .restaurant-context-icon {width:28px;height:28px;}
    body[data-design="workspace"] .workspace-topbar {grid-template-columns:minmax(0,1fr) auto;gap:10px;}
    body[data-design="workspace"] .workspace-topbar #cloud-state {font-size:10px;line-height:1.4;max-width:135px;}
    body[data-design="workspace"] .workspace-topbar .workspace-account-actions {gap:7px;}
    body[data-design="workspace"] .workspace-topbar .language-control select {width:36px;max-width:56px;min-height:36px;padding-inline:3px;font-size:12px;background:transparent;border:0;}
    body[data-design="workspace"] .workspace-topbar .language-control .ui-control {width:40px;max-width:40px;}
    body[data-design="workspace"] .workspace-topbar .language-control :is(select,.ui-select-trigger) {width:40px;min-height:44px;font-size:16px;}
    body[data-design="workspace"] .workspace-topbar .za-notification-trigger {width:40px;height:44px;min-height:44px;}
    body[data-design="workspace"] .workspace-topbar .za-menu .za-trigger {width:44px;height:44px;min-width:44px;min-height:44px;}
    body[data-design="workspace"] .workspace-topbar .za-login {min-height:40px;padding-inline:10px;font-size:12px;}
    body[data-design="workspace"] .workspace-topbar .za-login .ui-arrow {display:none;}
    body[data-design="workspace"] .workspace-topbar .language-control .ui-control {width:36px;max-width:36px;}
  body[data-design="workspace"] .workspace-topbar .language-control :is(select,.ui-select-trigger) {appearance:none;width:36px;min-height:36px;padding:7px 0!important;border:0;border-radius:7px;background:transparent;background-color:transparent!important;background-image:none!important;text-align:center;font-size:12px;cursor:pointer;box-shadow:none;}
  body[data-design="workspace"] .workspace-topbar .language-control .ui-select-trigger:hover {background:#e9efdf;}
  body[data-design="workspace"] .workspace-topbar .za-notification-trigger {width:32px;height:36px;min-height:36px;border:0;border-radius:7px;background:transparent;}
  body[data-design="workspace"] .workspace-topbar .za-bell-icon {width:17px;height:17px;}
  body[data-design="workspace"] .workspace-topbar .za-menu .za-trigger {width:36px;min-width:36px;height:36px;min-height:36px;padding:2px;border:0;background:transparent;}
  body[data-design="workspace"] .workspace-topbar .za-avatar {width:32px;height:32px;flex-basis:32px;font-size:12px;background:#e4ecdf;color:#426343;}
  body[data-design="workspace"] .workspace-topbar :is(.za-notification-trigger,.za-trigger):hover {background:#e9efdf;}
  body[data-design="workspace"] .menu-date-icon {width:15px;height:15px;flex-shrink:0;}
  body[data-design="workspace"] .workspace-topbar .zimmis-account {gap:4px;}
    body[data-design="workspace"] :is(.workspace-header,.tool-view>.section-toolbar,.restaurants-toolbar) {gap:16px;margin-bottom:22px;}
    body[data-design="workspace"] :is(#workspace-title,#menu-heading,#catalog-heading,#shopping-heading,#appointments-heading,#tasks-heading,#restaurants-heading,#website-heading,#catering-heading,#team-access-heading,#menu-pdf-heading) {font-size:28px;margin-bottom:8px;}
    body[data-design="workspace"] :is(.workspace-header .subtitle,.tool-view>.section-toolbar p,.restaurants-toolbar p) {font-size:14px;line-height:1.6;}
    body[data-design="workspace"] .workspace-actions {gap:9px;margin-top:17px;}
    body[data-design="workspace"] .workspace-actions .button {min-width:0;min-height:46px;padding:11px 9px;font-size:13px;}

    body[data-design="workspace"] .sidebar {
      position:fixed;
      inset:auto 0 0;
      z-index:50;
      width:100%;
      height:auto;
      padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
      border:0;
      border-top:1px solid #47604a;
      background:#293d32;
      box-shadow:0 -5px 24px rgb(26 48 34 / .1);
      overflow:visible;
    }
    body[data-design="workspace"] .sidebar nav {position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:620px;}
    body[data-design="workspace"] .sidebar .nav-item {align-items:center;justify-content:center;min-height:50px;padding:10px 7px;font-size:13px;gap:7px;border-radius:9px;}
    body[data-design="workspace"] .sidebar nav>.nav-item,
    body[data-design="workspace"] .sidebar #nav-menu-group {flex-direction:column;gap:4px;min-height:56px;font-size:12px;}
    body[data-design="workspace"] .sidebar .nav-item>span {color:inherit;}
    body[data-design="workspace"] .sidebar .nav-item:is(.active,.is-current,[aria-current="page"]) {box-shadow:inset 0 -3px #b5cea4;}
    body[data-design="workspace"] .sidebar #nav-menu-group.is-current {background:#435c43;border-color:#536d50;color:#f7faf4;box-shadow:inset 0 -3px #b5cea4;}
    body[data-design="workspace"] .sidebar .nav-more {display:flex;}
    body[data-design="workspace"] .sidebar .nav-secondary {
      display:none;
      bottom:calc(100% + 13px);
      left:0;
      right:0;
      padding:12px;
      border:1px solid #5e775b;
      border-radius:14px;
      background:#293d32;
      box-shadow:0 -8px 30px rgb(15 32 22 / .24);
      max-height:68dvh;
      overflow-y:auto;
      overscroll-behavior:contain;
    }
    body[data-design="workspace"] .sidebar.more-open {z-index:110;}
    body[data-design="workspace"] .sidebar.more-open .nav-secondary {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
    body[data-design="workspace"] .sidebar .nav-secondary .nav-item {justify-content:flex-start;min-height:48px;padding:11px 10px;font-size:13px;}
    body[data-design="workspace"] .sidebar .nav-secondary #nav-team>span {display:inline;min-width:0;}
    body[data-design="workspace"] .sidebar .product-nav {grid-template-columns:repeat(2,minmax(0,1fr));margin:7px 0 1px;padding:0;border:0;gap:7px;}
    body[data-design="workspace"] .sidebar .nav-secondary .product-nav .nav-item {flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:68px;padding:10px;font-size:13px;}
    body[data-design="workspace"] .sidebar .menu-navigation {
      bottom:calc(100% + 13px);
      left:0;
      right:0;
      margin:0;
      padding:11px;
      border:1px solid #5e775b;
      border-radius:14px;
      background:#293d32;
      box-shadow:0 -8px 30px rgb(15 32 22 / .24);
      gap:8px;
    }
    body[data-design="workspace"] .sidebar .menu-navigation .nav-item {min-height:48px;justify-content:center;}
    body[data-design="workspace"] .workspace-footer {gap:8px;font-size:12px;padding-block:22px 5px;}
  }

  @media (max-width:360px) {
    body[data-design="workspace"] .main {--workspace-gutter:12px;}
    body[data-design="workspace"] .workspace-topbar .workspace-account-actions {gap:5px;}
    body[data-design="workspace"] .workspace-topbar .language-control select {width:52px;max-width:52px;padding-inline-start:2px;}
    body[data-design="workspace"] .sidebar nav {gap:5px;}
    body[data-design="workspace"] .sidebar .nav-item {font-size:12px;gap:6px;padding-inline:6px;}
    body[data-design="workspace"] .sidebar.more-open .nav-secondary {grid-template-columns:minmax(0,1fr);}
  }

  @media (prefers-reduced-motion:reduce) {
    body[data-design="workspace"] .sidebar .nav-item,
    body[data-design="workspace"] .sidebar .nav-group-toggle::after {transition:none;}
  }
/* Merge inside the existing @media screen in friendly-shell.css. */
body[data-design="workspace"] #menu-view.is-loading > .menu-date-control{display:flex!important}
body[data-design="workspace"] .resource-loading{padding:22px 0;border:0;border-top:0;border-radius:0;background:transparent;box-shadow:none}
body[data-design="workspace"] .resource-loading-header{gap:12px;margin-bottom:20px}
body[data-design="workspace"] .resource-loading-spinner{flex:0 0 22px;width:22px;height:22px;border-width:2px;border-color:#dce4d8;border-top-color:var(--friendly-accent);border-right-color:#dce4d8;animation:resource-loading-spin 800ms linear infinite}
body[data-design="workspace"] .resource-loading-copy>.eyebrow{display:none}
body[data-design="workspace"] .resource-loading-copy>strong{font-size:14px;line-height:1.5;font-weight:600;color:var(--friendly-ink)}
body[data-design="workspace"] .resource-loading-note{font-size:12px;line-height:1.5;margin-top:3px;color:var(--friendly-muted)}
body[data-design="workspace"] .resource-loading-track{display:none}
body[data-design="workspace"] .resource-loading-card{padding:18px;border-color:var(--friendly-border);border-radius:12px;background:#fff}
body[data-design="workspace"] .resource-skeleton{background:#e8eee3;background-size:auto;animation:friendly-resource-pulse 1500ms ease-in-out infinite}
body[data-design="workspace"] .resource-loading-card:nth-child(2) .resource-skeleton{animation-delay:100ms}
body[data-design="workspace"] .resource-loading-card:nth-child(3) .resource-skeleton{animation-delay:200ms}
body[data-design="workspace"] .auth-gate>.gate-loading-spinner{flex:none;width:24px;height:24px}
@keyframes friendly-resource-pulse{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){body[data-design="workspace"] :is(.resource-skeleton,.resource-loading-spinner){animation:none}}
}