/* Temporary text placeholders remain only until their owners use explicit shapes. */
.ui-loading-skeleton { position: relative; color: transparent !important; min-height: 22px; }
.ui-loading-skeleton>svg { visibility: hidden; }
.ui-loading-skeleton::after { content: ''; display: block; position: absolute; inset: 3px 0; width: min(100%,260px); pointer-events: none; background: var(--surface-subtle); border-radius: 4px; animation: ui-skeleton-pulse 1.7s ease-in-out infinite; }

.ui-skeleton,.ui-skeleton-page,.ui-skeleton-table-scroll { min-width: 0; }
.ui-skeleton-announcement { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.ui-skeleton-shape { display: block; flex-shrink: 0; background: color-mix(in srgb,var(--border) 60%,var(--surface-subtle)); border-radius: 4px; animation: ui-skeleton-pulse 1.7s ease-in-out infinite; }
.ui-skeleton-line { width: 100%; max-width: 100%; height: 12px; }
.ui-skeleton-line.is-title { width: 280px; height: 27px; }
.ui-skeleton-line.is-long { width: 82%; }
.ui-skeleton-line.is-medium { width: 62%; }
.ui-skeleton-line.is-short { width: 38%; }
.ui-skeleton-avatar { width: 34px; height: 34px; border-radius: 50%; }
.ui-skeleton-check { width: 16px; height: 16px; }
.ui-skeleton-action { width: 28px; height: 28px; }
.ui-skeleton-badge { width: 56px; height: 23px; }
.ui-skeleton-button { width: 144px; height: 38px; max-width: 100%; }
.ui-skeleton-value { width: 95px; height: 29px; }
.ui-skeleton-inline { display: inline-block; width: 76px; max-width: 100%; vertical-align: middle; }
.ui-skeleton-input { width: 100%; height: 44px; }
.ui-skeleton-stack,.ui-skeleton-person>span:last-child { display: grid; gap: 9px; min-width: 0; width: 100%; }
.ui-skeleton-person { display: flex; gap: 12px; align-items: center; min-width: 130px; }
.ui-skeleton-row { height: 64px; }
.ui-skeleton-row.is-compact { height: 46px; }
.ui-skeleton-row .ui-skeleton-cell { vertical-align: middle; padding: 14px 12px; border-bottom: 1px solid var(--border); }
.ui-skeleton-cell>span[aria-hidden] { display: block; min-width: 52px; }
.ui-skeleton-cell:is(.is-person,.is-person-detail)>span[aria-hidden] { min-width: 170px; }
.ui-skeleton-cell:is(.is-check,.is-action)>span[aria-hidden] { min-width: 16px; }
.ui-skeleton-cell.is-amount .ui-skeleton-line { margin-left: auto; width: 64px; }
.ui-skeleton-cell.is-date .ui-skeleton-line { width: 78px; }
.ui-skeleton-table-scroll { overflow-x: auto; width: 100%; }
.ui-skeleton-data-table { border-collapse: collapse; width: 100%; min-width: 560px; table-layout: fixed; }
.ui-skeleton-data-table th { padding: 16px 12px; height: 44px; background: var(--surface-subtle); border-bottom: 1px solid var(--border); }
.ui-skeleton-data-table th:first-child { width: 24%; }
.ui-skeleton-table-scroll[data-loading-skeleton="matrix"] .ui-skeleton-data-table { min-width: 1100px; }
.ui-skeleton-table-scroll[data-loading-skeleton="matrix"] th:first-child { width: 220px; }
.ui-skeleton-page { display: grid; gap: 24px; padding: 24px; width: 100%; background: var(--bg); }
.ui-skeleton-page-heading { display: flex; gap: 24px; align-items: center; justify-content: space-between; }
.ui-skeleton-page-heading>div { display: grid; gap: 12px; min-width: 0; flex: 1; }
.ui-skeleton-metrics { display: grid; gap: 16px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.ui-skeleton-metric { padding: 18px; min-height: 116px; border-bottom: 1px solid var(--border); min-width: 0; }
.ui-skeleton-metric>div { display: grid; gap: 13px; }
.ui-skeleton-form>[aria-hidden],.ui-skeleton-profile>[aria-hidden] { display: grid; gap: 24px; }
.ui-skeleton-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 20px; }
.ui-skeleton-fields>div { display: grid; gap: 10px; min-width: 0; }
.ui-skeleton-form-actions { display: flex; justify-content: flex-end; }
.ui-skeleton-cards>[aria-hidden] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.ui-skeleton-card { display: grid; gap: 18px; padding: 22px; border: 1px solid var(--border); border-radius: 8px; min-height: 185px; }
.ui-skeleton-list-row { display: flex; align-items: center; gap: 16px; min-height: 70px; padding: 14px 0; border-bottom: 1px solid var(--border); }
.ui-skeleton-list-row>div { display: grid; gap: 10px; flex: 1; min-width: 0; }
.ui-skeleton-summary-main,.ui-skeleton-summary-secondary { display: grid; gap: 24px; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); }
.ui-skeleton-summary-secondary { margin-top: 28px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.ui-skeleton-summary-main>section,.ui-skeleton-summary-secondary>section { min-width: 0; }
.ui-skeleton-chart-heading { display: grid; gap: 12px; margin-bottom: 20px; }
.ui-skeleton-chart-plot { padding: 0 0 14px 16px; border-left: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.ui-skeleton-chart-area { width: 100%; height: 230px; opacity: .5; border-radius: 2px; }
.ui-skeleton-chart-legend { display: flex; gap: 32px; padding-top: 14px; }
.ui-skeleton-chart-legend .ui-skeleton-line { max-width: 80px; }
.ui-skeleton-composition { display: flex; gap: 24px; align-items: center; min-height: 286px; }
.ui-skeleton-composition>div { display: grid; gap: 20px; flex: 1; min-width: 0; }
.ui-skeleton-ring { width: 148px; height: 148px; border-radius: 50%; background: transparent; border: 22px solid color-mix(in srgb,var(--border) 60%,var(--surface-subtle)); }
.ui-skeleton-profile-banner { background: var(--surface-subtle); min-height: 86px; }
.ui-skeleton-profile-identity { display: flex; align-items: center; gap: 24px; padding: 0 20px 8px; margin-top: -49px; }
.ui-skeleton-profile-identity .ui-skeleton-avatar { width: 86px; height: 86px; border: 4px solid var(--bg); }
.ui-skeleton-profile-identity>div { display: grid; gap: 14px; width: min(100%,400px); padding-top: 32px; }
.ui-skeleton-profile-tabs { display: flex; gap: 24px; max-width: 460px; padding: 0 20px 16px; border-bottom: 1px solid var(--border); }
.ui-skeleton-document-tools { display: flex; gap: 12px; justify-content: flex-end; padding-bottom: 16px; }
.ui-skeleton-paper { width: min(100%,794px); min-height: 950px; margin: auto; padding: 56px; border: 1px solid var(--border); background: var(--surface); display: grid; align-content: start; gap: 30px; }
.ui-skeleton-paper>.is-title { margin: auto; }
.ui-skeleton-logo { width: 58px; height: 58px; }
.ui-skeleton-paragraph { display: grid; gap: 12px; }
.ui-skeleton-workbench>[aria-hidden] { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,3fr); gap: 28px; }
.ui-skeleton-workbench aside,.ui-skeleton-workbench section { display: grid; align-content: start; gap: 26px; min-width: 0; }
.ui-skeleton-workbench aside { padding: 22px; border: 1px solid var(--border); border-radius: 8px; }
.ui-skeleton-workbench section { padding: 22px 0; }
.ui-skeleton-workspace { min-height: 100dvh; background: var(--bg); }
.ui-skeleton-chrome { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 110px; padding: 24px; background: var(--chrome); border-bottom: 1px solid var(--border); }
.ui-skeleton-workspace-body { display: grid; grid-template-columns: 62px minmax(0,1fr); }
.ui-skeleton-rail { display: grid; gap: 24px; align-content: start; justify-content: center; padding: 28px 0; }
@keyframes ui-skeleton-pulse { 0%,100% { opacity: .6; } 50% { opacity: 1; } }
@media(max-width:900px) { .ui-skeleton-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .ui-skeleton-summary-main,.ui-skeleton-summary-secondary { grid-template-columns: minmax(0,1fr); } .ui-skeleton-workbench>[aria-hidden] { grid-template-columns: minmax(0,1fr); } }
@media(max-width:600px) { .ui-skeleton-page { padding: 16px; gap: 20px; } .ui-skeleton-page-heading { flex-wrap: wrap; } .ui-skeleton-page-heading>div { flex-basis: 100%; } .ui-skeleton-metrics { gap: 8px; } .ui-skeleton-metric { padding: 12px; } .ui-skeleton-fields,.ui-skeleton-cards>[aria-hidden] { grid-template-columns: minmax(0,1fr); } .ui-skeleton-paper { padding: 24px; } .ui-skeleton-ring { width: 128px; height: 128px; border-width: 18px; } .ui-skeleton-workspace-body { grid-template-columns: 48px minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .ui-loading-skeleton::after,.ui-skeleton-shape { animation: none; } }

/* Reference: a restrained, shared 2.4 s sweep; navigation stays readable. */
:where(.workspace-home,[data-loading-skeleton="home"],[data-loading-skeleton="payroll-close"],[data-loading-skeleton="holding-close"]) .ui-skeleton-shape{
 background-image:linear-gradient(100deg,transparent 35%,color-mix(in srgb,var(--surface) 70%,transparent) 50%,transparent 65%);
 background-size:200vw 100%;background-attachment:fixed;animation:ui-skeleton-sweep 2.4s linear infinite;
}
@keyframes ui-skeleton-sweep{from{background-position:100vw 0}to{background-position:-100vw 0}}
.home-loading-layout{grid-column:1/-1;width:100%;box-sizing:border-box}
.operation-content>.ui-skeleton-page{align-content:start}
.home-loading-layout :is(.workspace-home-greeting,.workspace-section-head,.workspace-modules,.workspace-guide,.workspace-profile) {pointer-events:none}
.home-loading-layout :is(h1,.eyebrow,.workspace-section-head small,.workspace-modules-list a,.workspace-modules-list p,.workspace-modules-group-label,.workspace-guide strong,.workspace-guide small,.workspace-profile strong,.workspace-profile dt,.workspace-profile dd,.workspace-profile-block-label,.workspace-profile-block-empty,.workspace-profile-theme button,[data-home-shortcut-status]){color:transparent!important;position:relative}
.home-loading-layout :is(h1,.eyebrow,.workspace-section-head small,.workspace-modules-list a,.workspace-modules-list p,.workspace-modules-group-label,.workspace-guide strong,.workspace-guide small,.workspace-profile strong,.workspace-profile dt,.workspace-profile dd,.workspace-profile-block-label,.workspace-profile-block-empty,.workspace-profile-theme button,[data-home-shortcut-status])::after{content:"";position:absolute;left:0;top:25%;height:50%;width:min(100%,180px);border-radius:4px;background:var(--border);animation:ui-skeleton-pulse 2.4s ease-in-out infinite}
.home-loading-layout svg{visibility:hidden}
.home-loading-layout .workspace-profile{background-image:none;background-color:var(--profile-loading-surface)}
.home-loading-layout .workspace-profile-avatar{color:transparent;background:color-mix(in srgb,var(--profile-loading-ink) 18%,var(--profile-loading-surface))}
.workspace-home-body>.home-loading-layout{padding:0}
@media(prefers-reduced-motion:reduce){.home-loading-layout ::after{animation:none!important}}
@media(prefers-reduced-motion:reduce){:where(.workspace-home,[data-loading-skeleton="home"],[data-loading-skeleton="payroll-close"],[data-loading-skeleton="holding-close"]) .ui-skeleton-shape{animation:none;background-image:none}}