/* ===== 14-app.css: additions for the real web client (boot skeleton, "Rādīt vēl", busy state) ===== */
.boot-skel{min-height:60vh;display:grid;place-items:center}
.boot-card{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:14px;padding:14px 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.boot-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent,#3550D9);animation:boot-rot .8s linear infinite}
@keyframes boot-rot{to{transform:rotate(360deg)}}
.more-row{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 0 4px}
.more-row .faint{font-size:12px}
body.busy{cursor:progress}
.btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.dlg-frame{width:100%;height:540px;border:0;background:#fff;border-radius:6px;display:block}
.dlg-img{max-width:100%;max-height:540px;display:block;margin:0 auto;border-radius:6px}
.dlg-file-list{display:flex;flex-direction:column;gap:6px}
@media (max-width:900px){ .dlg-frame{height:360px !important} .dlg-img{max-height:360px !important} }

/* Sākums: compact queue + weekly briefing */
.sk-gcard{padding:4px 16px 12px}
.sk-grows{display:flex;flex-direction:column}
.sk-gr{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.sk-gr:last-child{border-bottom:0}
.sk-grl{font-weight:500;font-size:var(--fs-b)}
.sk-grs{font-weight:500;color:var(--text-2)}
.sk-grn{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600;display:grid;place-items:center;font-size:var(--fs-t)}
.sk-gfoot{display:flex;align-items:center;gap:8px;padding-top:12px}
.sk-qgrid{margin-top:16px}
.sk-brief{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:8px}
.sk-btiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sk-bt{padding:12px 14px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:border-color var(--dur-f),box-shadow var(--dur-f)}
.sk-bt:hover{border-color:var(--border-2);box-shadow:var(--sh-pop)}
.sk-btn{font-family:var(--font-h);font-size:var(--fs-xl);line-height:30px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sk-btl{font-size:var(--fs-sm);color:var(--text-2);font-weight:500}
.sk-bts{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-bt.bad .sk-btn{color:var(--bad)} .sk-bt.warn .sk-btn{color:var(--warn)} .sk-bt.ai .sk-btn{color:var(--ai)} .sk-bt.acc .sk-btn{color:var(--accent)}
@media (max-width:1100px){.sk-brief{grid-template-columns:1fr}}