/**
 * Page skeleton loader — single stylesheet (layout, theme, responsive).
 * Loaded via head_desktop.php; do not duplicate in page_skeleton_head.inc.php.
 */

#page-skeleton{position:fixed;inset:0;z-index:1045;display:flex;flex-direction:column;background:var(--sk-surface,#e9e9e9);pointer-events:none;--sk-h10:10px;--sk-h16:16px;--sk-header:var(--primary,#009688);--sk-header-logo:#007d71;--sk-sidebar:#222d32;--sk-sidebar-user:#192124;--sk-surface:#e9e9e9;--sk-bone:#d8dade;--sk-bone-sidebar:rgba(255,255,255,.08);--sk-bone-sidebar-hi:rgba(255,255,255,.05);--sk-footer-text:rgba(255,255,255,.35);--sk-border:rgba(255,255,255,.08);--sk-border-main:#ddd}
.page-skeleton__header{flex:0 0 41px;display:flex;align-items:stretch;height:41px;background:var(--sk-header);padding:0}
.page-skeleton__header-logo{display:flex;align-items:center;justify-content:center;width:230px;max-width:35%;height:41px;padding:0 15px;background:var(--sk-header-logo);flex-shrink:0;box-sizing:border-box;text-align:center}
.page-skeleton__header-toggle-gap{flex:0 0 108px;width:108px;min-width:108px;max-width:108px;height:41px;align-self:stretch}
.page-skeleton__app-nav{display:flex;flex:1 1 auto;justify-content:flex-end;align-items:center;margin:0 28px 0 0;padding:0;list-style:none;min-width:0}
.page-skeleton__bone--header-logo-text{display:block;height:16px;width:min(150px,75%);max-width:180px;border-radius:3px;background:rgba(255,255,255,.22)!important;flex-shrink:0}
.page-skeleton__bone--header-logo-text::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}
.page-skeleton__app-nav>li{display:flex;align-items:center;justify-content:center;margin:0;padding:0 12px;height:41px}
.page-skeleton__nav-search .page-skeleton__bone--h16{width:64px;height:var(--sk-h16);border-radius:3px;background:rgba(255,255,255,.25)!important}
.page-skeleton__bone--nav-circle{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:50%!important;background:rgba(255,255,255,.22)!important;flex-shrink:0}
.page-skeleton__bone--nav-circle::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}
.page-skeleton__body{flex:1;display:flex;min-height:0;overflow:hidden}
.page-skeleton__sidebar{flex:0 0 230px;background:var(--sk-sidebar);padding:0;display:flex;flex-direction:column;box-shadow:0 -8px 17px rgba(0,0,0,.2)}
.page-skeleton__sidebar-inner{flex:1;display:flex;flex-direction:column;padding:10px 12px 16px;min-height:0}
.page-skeleton__sidebar-user{display:flex;align-items:center;margin-bottom:5px;padding:10px;background:var(--sk-sidebar-user);border-radius:50px;margin-top:-4px}
.page-skeleton__bone--user-avatar{width:48px!important;height:48px!important;min-width:48px;min-height:48px;border-radius:50%!important;flex:0 0 auto;margin-right:15px;background:var(--sk-bone-sidebar)!important}
.page-skeleton__sidebar-user-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.page-skeleton__bone--user-name{width:85%;max-width:150px;background:var(--sk-bone-sidebar)!important}
.page-skeleton__bone--user-role{width:65%;max-width:150px;background:var(--sk-bone-sidebar)!important}
.page-skeleton__sidebar .page-skeleton__bone--user-name::after,.page-skeleton__sidebar .page-skeleton__bone--user-role::after,.page-skeleton__sidebar .page-skeleton__bone--user-avatar::after,.page-skeleton__sidebar .page-skeleton__bone--menu-icon::after,.page-skeleton__sidebar .page-skeleton__bone--menu-label::after,.page-skeleton__sidebar .page-skeleton__bone--footer-text::after,.page-skeleton__sidebar .page-skeleton__bone--footer-favicon::after{background:linear-gradient(90deg,transparent,var(--sk-bone-sidebar-hi),transparent)}
.page-skeleton__app-menu{flex:1;margin:0;padding:0;list-style:none;min-height:0}
.page-skeleton__app-menu>li{margin:0;padding:0;list-style:none}
.page-skeleton__menu-item{display:flex;align-items:center;padding:12px 15px;border-left:3px solid transparent;border-radius:0 20px 20px 0;width:100%;box-sizing:border-box;gap:10px}
.page-skeleton__app-menu>li+li{margin-top:4px}
.page-skeleton__menu-item .app-menu__icon{display:flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;min-width:25px;margin:0}
.page-skeleton__bone--menu-icon{width:16px;height:16px;border-radius:50%!important;background:var(--sk-bone-sidebar)!important;margin:0}
.page-skeleton__menu-item .app-menu__label{display:block;flex:1 1 auto;min-width:0;padding:0;margin:0}
.page-skeleton__bone--menu-label{display:block;height:10px;width:100%;max-width:100%;background:var(--sk-bone-sidebar)!important;border-radius:10px;margin:0}
#page-skeleton .app-sidebar__footer{flex-shrink:0;padding:5px 6px 6px;text-align:center;border-top:1px solid var(--sk-border);background:transparent}
#page-skeleton .app-sidebar__footer-link{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;font-size:.75rem;line-height:1.25}
.page-skeleton__main{flex:1;padding:30px;overflow:hidden auto;background:var(--sk-surface)}
.page-skeleton__bone{display:block;border-radius:4px;background:var(--sk-bone);position:relative;overflow:hidden}
#page-skeleton .app-sidebar__footer .page-skeleton__bone--footer-text{display:inline-block;width:56px;height:10px;vertical-align:middle;border-radius:10px;background:var(--sk-footer-text)!important}
#page-skeleton .app-sidebar__footer .page-skeleton__bone--footer-favicon{display:inline-block;width:16px;height:16px;min-width:16px;min-height:16px;vertical-align:middle;border-radius:50%!important;background:var(--sk-bone-sidebar)!important;margin-left:2px;flex-shrink:0}
.page-skeleton__bone::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-100%);animation:page-sk-shimmer 1.1s ease-in-out infinite}
.page-skeleton__bone--h10{height:var(--sk-h10)}
.page-skeleton__bone--h16{height:var(--sk-h16)}
.page-skeleton__app-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-direction:row;background:#fff;margin:-30px -30px 16px;padding:14px 30px;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.page-skeleton__app-title>div:first-child{flex:1;min-width:0}
.page-skeleton__app-title-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.page-skeleton__bone--circle-sm{width:16px;height:16px;border-radius:50%!important;flex-shrink:0}
.page-skeleton__bone--title-icon{background:var(--sk-bone)!important}
.page-skeleton__bone--title-h1{height:16px;width:min(220px,52%);max-width:280px}
.page-skeleton__bone--title-p{height:10px;width:min(160px,38%);display:block;margin:0}
.page-skeleton__app-title .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 8px;margin:0;padding:0;list-style:none;background:transparent}
.page-skeleton__app-title .breadcrumb-item{display:inline-flex;align-items:center;padding:0;margin:0}
.page-skeleton__bone--crumb{height:10px;width:52px;display:block;border-radius:10px;background:var(--sk-bone)!important}
.page-skeleton__bone--crumb-home{width:10px!important;height:10px!important;min-width:10px;border-radius:50%!important;background:var(--sk-bone)!important}
.page-skeleton__app-title .breadcrumb-item+.breadcrumb-item::before{display:none}
.page-skeleton__app-title .breadcrumb{gap:8px}
.page-skeleton__bone--field{height:16px;width:100%}
.page-skeleton__bone--sm{height:10px;width:64px}
.page-skeleton__bone--w48{width:48px}
.page-skeleton__bone--w64{width:64px}
.page-skeleton__bone--w88{width:88px}
.page-skeleton__bone--line{height:10px;width:100%}
.page-skeleton__bone--line-short{width:65%;height:10px}
.page-skeleton__bone--date{height:10px;width:56px;flex-shrink:0}
.page-skeleton__bone--avatar{width:16px;height:16px;border-radius:50%;flex-shrink:0}
.page-skeleton__actions{background:transparent;border:none;padding:0;margin-bottom:16px;box-shadow:none}
.page-skeleton__actions-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.page-skeleton__bone--btn{display:block;height:32px;width:76px;border-radius:22px;flex-shrink:0}
.page-skeleton__bone--btn-exit{width:58px}
.page-skeleton__bone--btn-more{width:44px}
.page-skeleton__tile{background:#fff;border:none;border-radius:16px;padding:16px;margin-top:0;box-shadow:0 6px 6px 0 rgba(0,0,0,.14),0 1px 6px 0 rgba(0,0,0,.12),6px 6px 8px -2px rgba(0,0,0,.2)}
.page-skeleton__toolbar{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:10px;margin-bottom:12px}
.page-skeleton__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}
.page-skeleton__rows{margin-top:4px;padding-top:8px}
.page-skeleton__row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--sk-border-main,#eee)}
.page-skeleton__row-text{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
html.page-skeleton-pending,body.page-skeleton-active{overflow:hidden}
html.page-skeleton-pending{background:var(--sk-surface,#e9e9e9)}
@keyframes page-sk-shimmer{to{transform:translateX(100%)}}#page-skeleton[data-sk-done],#page-skeleton.is-dismissed{display:none!important;visibility:hidden}
@media(max-width:1250px){.page-skeleton__sidebar{display:none}.page-skeleton__main{margin-left:0!important}}
@media(max-width:767px){#page-skeleton{--sk-h10:12px;--sk-h16:18px}.page-skeleton__header-logo{width:0;max-width:0;overflow:hidden}.page-skeleton__header-toggle-gap{flex:0 0 108px;width:108px;min-width:108px}.page-skeleton__app-nav>li{padding:0 8px}.page-skeleton__nav-search{display:none}.page-skeleton__main{padding:15px 10px}.page-skeleton__app-title{margin:-15px -10px 16px;padding:18px 20px 12px;flex-direction:column;align-items:flex-start}.page-skeleton__app-title>div:first-child{width:100%;min-width:0}.page-skeleton__app-title-heading{width:100%}.page-skeleton__app-title-heading{gap:10px;margin-bottom:10px}.page-skeleton__bone--title-icon,.page-skeleton__bone--circle-sm{width:18px!important;height:18px!important;min-width:18px;min-height:18px}.page-skeleton__bone--title-h1{height:22px;width:220px;max-width:min(280px,calc(100% - 28px))}.page-skeleton__bone--title-p{height:12px;width:160px;max-width:100%}.page-skeleton__app-title .breadcrumb{display:none}.page-skeleton__actions{margin-bottom:18px}.page-skeleton__actions-inner{gap:10px}.page-skeleton__bone--btn{height:36px;width:88px}.page-skeleton__bone--btn-exit{width:64px}.page-skeleton__bone--btn-more{width:48px}.page-skeleton__tile{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px);padding:20px;border-radius:16px;min-height:min(72vh,520px);box-sizing:border-box}.page-skeleton__toolbar{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.page-skeleton__toolbar .page-skeleton__bone--field:first-child{grid-column:1/-1}.page-skeleton__bone--field{height:20px}.page-skeleton__meta{flex-wrap:wrap;gap:12px;margin-bottom:24px}.page-skeleton__rows{margin-top:8px;padding-top:12px}.page-skeleton__bone--sm{height:12px}.page-skeleton__row{padding:18px 0;gap:12px}.page-skeleton__row-text{gap:8px}.page-skeleton__bone--avatar{width:20px;height:20px;min-width:20px;min-height:20px}.page-skeleton__bone--line{height:12px}.page-skeleton__bone--date{height:12px;width:64px}.page-skeleton__menu-item{padding:10px 12px;gap:10px}.page-skeleton__bone--nav-circle{width:22px;height:22px;min-width:22px;min-height:22px}.page-skeleton__meta-left{gap:10px}}
@media(max-width:480px){.page-skeleton__app-title{padding:20px 20px 12px}.page-skeleton__actions{margin-bottom:20px}.page-skeleton__bone--btn{height:38px;width:96px}.page-skeleton__tile{padding:22px 18px;min-height:min(78vh,560px)}.page-skeleton__bone--field{height:22px}.page-skeleton__meta{margin-bottom:28px}.page-skeleton__rows{margin-top:10px;padding-top:14px}.page-skeleton__row{padding:20px 0;gap:14px}.page-skeleton__toolbar{gap:14px;margin-bottom:18px}.page-skeleton__meta{gap:14px}.page-skeleton__bone--avatar{width:22px;height:22px;min-width:22px;min-height:22px}}
@media(prefers-reduced-motion:reduce){.page-skeleton__bone::after{animation:none;display:none}}
@media print{#page-skeleton{display:none!important}}
[data-theme="dark"] #page-skeleton{--sk-sidebar:#1f2224;--sk-sidebar-user:#161819;--sk-surface:#1a1a1a;--sk-bone:#3a3a3a;--sk-bone-sidebar:rgba(255,255,255,.07);--sk-bone-sidebar-hi:rgba(255,255,255,.04);--sk-footer-text:rgba(255,255,255,.28);--sk-border-main:#3a3a3a}
[data-theme="dark"] html.page-skeleton-pending{background:#1a1a1a}
[data-theme="dark"] .page-skeleton__tile,[data-theme="dark"] .page-skeleton__app-title{background:#333;box-shadow:0 1px 2px rgba(0,0,0,.25)}
[data-theme="dark"] .page-skeleton__bone::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}
[data-theme="dark"] .page-skeleton__sidebar .page-skeleton__bone::after,[data-theme="dark"] .page-skeleton__bone--nav-circle::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}
.page-skeleton__header-logo>.page-skeleton__bone--header-logo-text{display:block}
.page-skeleton__nav-item--notify .page-skeleton__bone--nav-circle,.page-skeleton__nav-item--user .page-skeleton__bone--nav-circle{display:block}
.page-skeleton__sidebar-user .app-sidebar__user-avatar{display:block;border-radius:50%!important}
.page-skeleton__app-menu li:nth-child(3n) .page-skeleton__bone--menu-label{max-width:68%}
.page-skeleton__sidebar-footer{flex-shrink:0}
#page-skeleton .app-sidebar__footer-link .page-skeleton__bone--footer-text{max-width:calc(100% - 20px)}
.page-skeleton__app-title .page-skeleton__bone--crumb{background:var(--sk-bone)!important}
.page-skeleton__meta-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.page-skeleton__rows .page-skeleton__row:last-child{border-bottom:none}
@media(min-width:1250px){.sidebar-mini.sidenav-toggled .page-skeleton__sidebar-footer .website-text{display:none!important}.sidebar-mini.sidenav-toggled .page-skeleton__sidebar-footer .page-skeleton__bone--footer-favicon{margin-left:0}.page-skeleton__main{padding:25px}.page-skeleton__app-title{margin:-25px -25px 16px;padding:14px 25px}.sidebar-mini.sidenav-toggled .page-skeleton__sidebar{flex:0 0 50px}.sidebar-mini.sidenav-toggled .page-skeleton__sidebar-inner{padding:10px 8px 16px}.sidebar-mini.sidenav-toggled .page-skeleton__sidebar-user-text,.sidebar-mini.sidenav-toggled .page-skeleton__app-menu{display:none}.sidebar-mini.sidenav-toggled #page-skeleton .app-sidebar__footer{padding:4px 3px 5px}.sidebar-mini.sidenav-toggled #page-skeleton .app-sidebar__footer-link{font-size:.65rem;line-height:1.2}.sidebar-mini.sidenav-toggled .page-skeleton__bone--user-avatar{width:30px!important;height:30px!important;min-width:30px;min-height:30px;margin-right:0}}
@media(min-width:768px){.page-skeleton__header-logo{width:230px;max-width:230px}.page-skeleton__app-nav>li{padding:0 15px}}
@media(min-width:768px) and (max-width:1250px){.page-skeleton__nav-search{display:flex}.page-skeleton__nav-search .page-skeleton__bone--h16{width:56px}}