/* Ákotí Skeleton Loader — Zero deps
   Add class .akl-skeleton to any element to show a loading shimmer */

.akl-skeleton{position:relative;overflow:hidden;background:rgba(26,47,94,0.04)!important;color:transparent!important;border-color:transparent!important;cursor:default;pointer-events:none;user-select:none;border-radius:12px 4px 12px 4px}
.akl-skeleton *{visibility:hidden}
.akl-skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(168,200,232,0.12) 40%,rgba(168,200,232,0.12) 60%,transparent 100%);animation:akl-shimmer 1.5s ease-in-out infinite;border-radius:inherit}
@keyframes akl-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* Pre-built skeleton shapes */
.akl-text{height:14px;margin-bottom:8px;border-radius:8px 3px 8px 3px;width:100%}
.akl-text.akl-short{width:60%}
.akl-text.akl-xs{width:30%;height:10px}
.akl-heading{height:22px;margin-bottom:12px;border-radius:10px 4px 10px 4px;width:45%}
.akl-avatar{width:40px;height:40px;border-radius:30% 70% 60% 40%/50% 40% 60% 50%}
.akl-avatar.akl-sm{width:28px;height:28px}
.akl-avatar.akl-lg{width:56px;height:56px}
.akl-image{width:100%;height:180px;border-radius:20px 6px 20px 6px}
.akl-card{border-radius:20px 6px 20px 6px;padding:20px;border:1px solid rgba(26,47,94,0.05)}
.akl-btn{height:36px;width:120px;border-radius:18px 6px 18px 6px}
.akl-circle{border-radius:50%}
.akl-badge{height:20px;width:60px;border-radius:12px 4px 12px 4px}
.akl-input{height:42px;border-radius:22px 7px 22px 7px;border:1.5px solid rgba(26,47,94,0.06)}
.akl-table-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid rgba(26,47,94,0.04)}
.akl-table-cell{height:16px;flex:1;border-radius:6px 2px 6px 2px}