.wt-page-skeleton {
    position: fixed;
    inset: 0;
    z-index: 10000;
    overflow: auto;
    background: rgba(246, 248, 252, 0.96);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    opacity: 1;
    transition: opacity .3s ease;
}

.wt-page-ready .wt-page-skeleton {
    opacity: 0;
    pointer-events: none;
}

.wt-sk-wrap {
    width: min(1100px, calc(100% - 20px));
    margin: 84px auto 24px;
    display: grid;
    gap: 14px;
}

.wt-sk-line,
.wt-sk-hero,
.wt-sk-kpi,
.wt-sk-field,
.wt-sk-btn,
.wt-sk-news-item,
.wt-sk-card,
.wt-sk-table > span {
    display: block;
    border-radius: 12px;
    background: linear-gradient(90deg, #e8edf5 25%, #f5f8fd 38%, #e8edf5 63%);
    background-size: 400% 100%;
    animation: wtSkShimmer 1.15s ease infinite;
}

.wt-sk-head {
    display: grid;
    gap: 8px;
}

.wt-sk-line { height: 14px; width: 64%; }
.wt-sk-line--lg { height: 24px; width: 42%; }

.wt-sk-user-dashboard,
.wt-sk-user-home,
.wt-sk-user-menu,
.wt-sk-user-form,
.wt-sk-news,
.wt-sk-listing {
    display: none;
}

.wt-page-skeleton[data-skeleton-type="generic"] .wt-sk-listing,
.wt-page-skeleton[data-skeleton-type="listing"] .wt-sk-listing,
.wt-page-skeleton[data-skeleton-type="search"] .wt-sk-listing {
    display: block;
}

.wt-page-skeleton[data-skeleton-type="user-dashboard"] .wt-sk-user-dashboard {
    display: grid;
    gap: 12px;
}

.wt-page-skeleton[data-skeleton-type="user-home"] .wt-sk-user-home {
    display: grid;
    gap: 12px;
}

.wt-page-skeleton[data-skeleton-type="user-menu"] .wt-sk-user-menu {
    display: grid;
    gap: 10px;
}

.wt-page-skeleton[data-skeleton-type="user-form"] .wt-sk-user-form {
    display: grid;
    gap: 10px;
}

.wt-page-skeleton[data-skeleton-type="news"] .wt-sk-news {
    display: grid;
    gap: 12px;
}

.wt-sk-hero {
    aspect-ratio: 16 / 7;
}

.wt-sk-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.wt-sk-kpi {
    height: 88px;
}

.wt-sk-table {
    display: grid;
    gap: 8px;
}

.wt-sk-table > span {
    height: 42px;
}

.wt-sk-field {
    height: 48px;
}

.wt-sk-user-cover,
.wt-sk-user-avatar,
.wt-sk-row {
    display: block;
    border-radius: 12px;
    background: linear-gradient(90deg, #e8edf5 25%, #f5f8fd 38%, #e8edf5 63%);
    background-size: 400% 100%;
    animation: wtSkShimmer 1.15s ease infinite;
}

.wt-sk-user-cover {
    height: 220px;
    border-radius: 16px;
}

.wt-sk-user-identity {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wt-sk-user-avatar {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.wt-sk-user-meta {
    display: grid;
    gap: 8px;
    width: min(420px, 90%);
}

.wt-sk-user-actions {
    display: grid;
    gap: 10px;
}

.wt-sk-row {
    height: 56px;
}

.wt-sk-field--sm {
    width: 42%;
}

.wt-sk-btn {
    height: 46px;
    width: 180px;
}

.wt-sk-news-list {
    display: grid;
    gap: 10px;
}

.wt-sk-news-item {
    height: 88px;
}

.wt-sk-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.wt-sk-card {
    height: 220px;
}

@keyframes wtSkShimmer {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}

@media (max-width: 900px) {
    .wt-sk-wrap { margin-top: 92px; }
    .wt-sk-kpis { grid-template-columns: 1fr 1fr; }
    .wt-sk-cards { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    .wt-sk-wrap { width: calc(100% - 12px); }
    .wt-sk-line { width: 78%; }
    .wt-sk-line--lg { width: 62%; }
    .wt-sk-kpis { grid-template-columns: 1fr; }
    .wt-sk-card { height: 170px; }
    .wt-sk-user-cover { height: 170px; }
    .wt-sk-user-avatar { width: 70px; height: 70px; }
    .wt-sk-row { height: 50px; }
}