.ui-skeleton{width:var(--skeleton-width,100%);height:var(--skeleton-height,14px);border-radius:var(--radius);background:linear-gradient(100deg,var(--color-surface-muted) 28%,var(--color-hover) 44%,var(--color-surface-muted) 60%);background-size:240% 100%;animation:1.45s ease-in-out infinite skeleton-shimmer;display:block}.content-skeleton{background:var(--color-surface);border-radius:var(--radius-md,6px);align-content:start;gap:18px;width:100%;min-height:280px;padding:24px;display:grid}.content-skeleton-heading{gap:10px;display:grid}.content-skeleton-heading .ui-skeleton:first-child{--skeleton-width:32%;--skeleton-height:22px}.content-skeleton-heading .ui-skeleton:last-child{--skeleton-width:54%;--skeleton-height:12px}.content-skeleton-lines{gap:14px;display:grid}.content-skeleton-lines .ui-skeleton{--skeleton-height:42px}.content-skeleton--compact{background:0 0;gap:10px;width:min(320px,100%);min-height:76px;padding:8px;display:inline-grid}.content-skeleton--compact .content-skeleton-heading{display:none}.content-skeleton--compact .content-skeleton-lines{gap:8px}.content-skeleton--compact .content-skeleton-lines .ui-skeleton{--skeleton-height:12px}.data-table-skeleton{min-width:28px;height:13px}.data-table-skeleton+span{position:absolute}.workspace-page-skeleton{width:100%;min-height:calc(100dvh - var(--header-height,64px) - 42px);align-content:start;gap:12px;display:grid}.workspace-page-skeleton--screen{background:var(--color-background);min-height:100dvh;padding:16px}.workspace-skeleton-filter,.workspace-skeleton-content{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md,6px);background:var(--color-surface);min-width:0;padding:16px}.workspace-skeleton-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.workspace-skeleton-fields>div{gap:8px;display:grid}.workspace-skeleton-fields .ui-skeleton:first-child{--skeleton-width:28%;--skeleton-height:11px}.workspace-skeleton-fields .ui-skeleton:last-child{--skeleton-height:36px}.workspace-skeleton-actions{gap:8px;margin-top:14px;display:flex}.workspace-skeleton-actions .ui-skeleton{width:72px;height:36px}.workspace-skeleton-content{gap:12px;display:grid}.workspace-skeleton-tabs{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:22px;height:40px;display:flex}.workspace-skeleton-tabs .ui-skeleton{width:72px;height:13px}.workspace-skeleton-toolbar{justify-content:flex-end;gap:8px;display:flex}.workspace-skeleton-toolbar .ui-skeleton{width:84px;height:34px}.workspace-skeleton-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius);overflow:hidden}.workspace-skeleton-table-head,.workspace-skeleton-table-row{grid-template-columns:.8fr 1.25fr 1.35fr 1.1fr .9fr .7fr;align-items:center;gap:18px;min-width:760px;padding:0 12px;display:grid}.workspace-skeleton-table-head{background:var(--color-table-header,var(--color-surface-muted));height:42px}.workspace-skeleton-table-row{border-top:1px solid var(--color-border-subtle);height:58px}.workspace-skeleton-table-head .ui-skeleton{height:10px}.workspace-skeleton-table-row .ui-skeleton{height:12px}@keyframes skeleton-shimmer{to{background-position:-240% 0}}@media (max-width:767px){.workspace-page-skeleton--screen{padding:8px}.workspace-skeleton-fields{grid-template-columns:1fr}.workspace-skeleton-fields>div:nth-child(n+3){display:none}.workspace-skeleton-filter,.workspace-skeleton-content{padding:12px}.workspace-skeleton-tabs{gap:14px}.workspace-skeleton-tabs .ui-skeleton{width:54px}}@media (prefers-reduced-motion:reduce){.ui-skeleton{background:var(--color-surface-muted);animation:none}}
.loading-state{color:var(--color-text);font-size:var(--font-size-body);line-height:1.6}.loading-state--identity{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:280px;padding:24px;display:flex}.loading-truck{flex:none;width:160px;max-width:100%;height:auto;display:block;overflow:hidden}.loading-truck-body{animation:1s ease-in-out infinite loading-truck-drive}.loading-truck-wheel{transform-box:fill-box;transform-origin:50%;animation:.8s linear infinite spin}.loading-truck-road{animation:.8s linear infinite loading-truck-road}.loading-state--screen{background:var(--color-background);min-height:100dvh}.loading-state--identity .loading-truck{width:220px}@keyframes loading-truck-drive{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes loading-truck-road{to{transform:translate(-40px)}}@media (prefers-reduced-motion:reduce){.loading-truck-body,.loading-truck-wheel,.loading-truck-road{animation:none}}
