/* assignments-hub.css — the Uppgifter workspace in Lärarens verktyg (same cosy look as Aktiviteter and Veckoschema) */
.ah{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.4rem 1.2rem;min-height:100%;box-sizing:border-box;background:linear-gradient(180deg,#fffaf0 0%,#f3fbfb 100%);border-radius:1.4rem;overflow:auto}
.ah-top{display:flex;align-items:flex-end;gap:.9rem}
.ah-animal{width:6rem;height:auto;flex-shrink:0;animation:lb-xp-sway 3s ease-in-out infinite;transform-origin:50% 100%}
.ah-bubble{position:relative;flex:1;max-width:40rem;padding:1.1rem 1.6rem;border-radius:2.2rem;background:#fff;box-shadow:0 .3rem 1rem rgba(0,0,0,.1);font-size:1.15rem;font-weight:600;line-height:1.45;color:var(--font)}
.ah:not(.ah--plain) .ah-bubble::before{content:"";position:absolute;left:-.65rem;bottom:1.3rem;border:.7rem solid transparent;border-right-color:#fff;border-left:0}
.ah-acts{display:flex;gap:.6rem;flex-wrap:wrap}
.ah-acts .btn{height:3rem;padding:0 1.4rem;border-radius:999px;font-size:1rem;font-weight:800}
.ah-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.9rem}
.ah-card{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.1rem;border-radius:1.5rem;background:#fff;box-shadow:0 .25rem .9rem rgba(0,0,0,.1);border:.15rem solid transparent;animation:lb-xp-in .4s ease-out backwards;animation-delay:calc(var(--i)*.05s);transition:transform .15s,box-shadow .15s}
.ah-card:hover{transform:translateY(-.15rem);box-shadow:0 .5rem 1.3rem rgba(57,176,187,.25)}
.ah-card.is-on{border-color:var(--main)}
.ah-card-h{display:flex;align-items:center;gap:.8rem}
.ah-card-ic{flex-shrink:0;width:3.2rem;height:3.2rem;border-radius:1rem;display:grid;place-items:center;background:var(--main-sub,#e6f4f1);color:var(--main)}
.ah-card.is-on .ah-card-ic{background:var(--main);color:#fff}
.ah-card-ic .material-icons-outlined{font-size:1.7rem}
.ah-card-main{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.ah-card-t{font-size:1.25rem;font-weight:800;line-height:1.2;color:var(--font);overflow-wrap:anywhere}
.ah-chips{display:flex;gap:.35rem;flex-wrap:wrap}
.ah-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .6rem;border-radius:999px;background:#eef2f3;font-size:.78rem;font-weight:700;color:var(--font-sub)}
.ah-chip--count{background:#e7f6ec;color:#2c7a4b}.ah-chip--count.is-none{background:#eef2f3;color:var(--font-sub)}
.ah-chip .material-icons-outlined{font-size:1rem}
.ah-card-btns{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}
.ah-card-btns .btn{height:2.6rem;padding:0 1.1rem;border-radius:999px;font-weight:800}
.ah-card-btns .btn .material-icons-outlined{font-size:1.2rem;margin-right:.25rem}
.ah-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1rem;text-align:center;font-size:1.2rem;font-weight:700;color:var(--font-sub)}
.ah-empty img{width:9rem;height:auto}
.add-menu-content div:has(> #ah-tool-container){display:flex;flex-direction:column;overflow:hidden!important;padding:0!important}
@media (prefers-reduced-motion:reduce){.ah-animal,.ah-card{animation:none}}
.ah{flex:1;min-width:0}
.ah-chip[hidden]{display:none}
.ah-wait{display:block;min-height:3rem}