/* Indeterminate feedback, not simulated percentages or an artificial wait. */
#main-content.pos-loading-active{position:relative}
.pos-loading-status{position:absolute;z-index:10;top:76px;right:14px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 130px);padding:7px 11px;border:1px solid #d4e9f5;border-radius:18px;background:rgba(255,255,255,.96);color:#145787;box-shadow:0 2px 8px rgba(17,76,112,.06);font:600 10px/1.4 var(--font,Arial,sans-serif);pointer-events:none}
.pos-loading-status[hidden]{display:none}.pos-loading-status.is-slow{color:#596f7e}
body.register-mode #main-content.route-enter{animation:posLoadingReady 120ms ease-out both}
.pos-loading-dots{display:flex;align-items:center;gap:4px;height:12px;flex:none}
.pos-loading-dots i{width:5px;height:5px;border-radius:50%;background:#1781bf;animation:posLoadingDot 900ms ease-in-out infinite}
.pos-loading-dots i:nth-child(2){animation-delay:120ms}.pos-loading-dots i:nth-child(3){animation-delay:240ms}
.pos-loading-layout{display:grid;grid-template-columns:minmax(240px,30%) minmax(0,1fr);gap:1px;min-height:0;overflow:hidden;background:#dcecf5}
.pos-loading-panel,.pos-loading-body{min-width:0;padding:22px;background:#f3faff;overflow:hidden}.pos-loading-panel{display:flex;flex-direction:column;gap:20px;background:#fff}
.pos-loading-block{display:block;border-radius:7px;background:#e7f1f7;position:relative;overflow:hidden}
.pos-loading-block:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.65) 50%,transparent 85%);animation:posLoadingShimmer 1250ms ease-in-out 140ms infinite}
.pos-loading-line{width:78%;height:12px}.pos-loading-line.short{width:45%;height:9px;margin-top:11px}.pos-loading-line.heading{width:42%;height:19px}
.pos-loading-field{height:45px;min-width:0;flex:1}.pos-loading-row{display:flex;align-items:center;gap:12px;min-height:65px;padding:10px 0;border-bottom:1px solid #e8f1f6}.pos-loading-row>div{flex:1;min-width:0}.pos-loading-avatar{width:38px;height:38px;flex:none}
.pos-loading-toolbar{display:flex;align-items:center;gap:24px;margin-bottom:20px}.pos-loading-toolbar>.heading{flex:none;width:18%}
.pos-loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pos-loading-card{padding:12px;border:1px solid #e4eef5;border-radius:13px;background:#fff}.pos-loading-image{height:118px;margin-bottom:16px}.pos-loading-grid.tables .pos-loading-card{min-height:180px}.pos-loading-grid.tables .pos-loading-image{height:85px}.pos-loading-grid.tables .pos-loading-card:nth-child(3n+1){border-radius:50%;padding:25px}
.pos-loading-list{padding:12px 18px;border-radius:12px;background:#fff}.pos-loading-list .pos-loading-row{min-height:75px}.pos-loading-list .pos-loading-row:last-child{border-bottom:0}.pos-loading-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.pos-loading-summary .pos-loading-image{height:32px}
@keyframes posLoadingDot{0%,80%,100%{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes posLoadingShimmer{to{transform:translateX(100%)}}
@keyframes posLoadingReady{from{opacity:.92}to{opacity:1}}
@media(max-width:840px){.pos-loading-layout{grid-template-columns:minmax(170px,32%) minmax(0,1fr)}.pos-loading-panel,.pos-loading-body{padding:14px}.pos-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-loading-status{top:72px;right:10px}}
@media(max-width:600px){.pos-loading-layout{display:block}.pos-loading-panel{display:none}.pos-loading-status{max-width:calc(100% - 20px);font-size:11px}.pos-loading-image{height:92px}.pos-loading-summary{gap:8px}.pos-loading-grid.tables .pos-loading-card{min-height:140px}}
@media(prefers-reduced-motion:reduce){.pos-loading-dots i,.pos-loading-block:after{animation:none}.pos-loading-block:after{display:none}.pos-loading-dots i{opacity:.75}}
