/* PHOBEE student Assignments redesign — scoped to .phobee-assignments-page. */
.phobee-assignments-page{width:min(1440px,100%);margin:0 auto;padding:34px 0 68px;color:var(--ph-navy)}
.student-main:not(.teacher-main):has(.phobee-assignments-page){width:100%;max-width:none;padding:34px clamp(20px,4vw,58px) 68px}
.phobee-assignments-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}
.phobee-assignments-intro .eyebrow{margin:0 0 6px;color:var(--ph-indigo);font-size:.82rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.phobee-assignments-intro h1{margin:0 0 7px;font-size:clamp(2.5rem,4.7vw,3.5rem);line-height:1.02;letter-spacing:-.035em;color:var(--ph-navy)}
.phobee-assignments-intro p:last-child{margin:0;color:var(--ph-slate);font:1.08rem/1.4 var(--font-reading)}
.phobee-assignment-review{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:11px 18px;border:1.5px solid var(--ph-teal);border-radius:11px;background:#fff;color:var(--ph-teal-dark);font-weight:900;text-decoration:none;white-space:nowrap}
.phobee-assignment-review .ui-icon{width:21px;height:21px}

.phobee-featured-assignment{display:grid;grid-template-columns:minmax(320px,1.45fr) minmax(180px,.68fr) minmax(210px,.78fr) minmax(180px,.62fr);align-items:center;gap:0;margin-bottom:26px;padding:26px 28px;border:1px solid #cdd5f3;border-radius:16px;background:linear-gradient(100deg,#f4f5ff,#fafbff);box-shadow:0 5px 18px rgba(38,51,71,.035)}
.phobee-featured-assignment>div,.phobee-featured-assignment>a{min-width:0}
.phobee-featured-assignment__identity,.phobee-featured-assignment__status,.phobee-featured-assignment__progress{padding-right:26px}
.phobee-featured-assignment__status,.phobee-featured-assignment__progress,.phobee-featured-assignment__action{padding-left:26px;border-left:1px solid #dde2f1}
.phobee-featured-label{display:block;margin-bottom:12px;color:var(--ph-indigo);font-size:.75rem;font-weight:900;letter-spacing:.08em}
.phobee-featured-title{display:flex;align-items:center;gap:18px}
.phobee-featured-title h2{margin:0 0 3px;font-size:1.55rem;line-height:1.12;color:var(--ph-navy)}
.phobee-featured-title p{margin:0;color:var(--ph-slate);font-family:var(--font-reading);font-size:.9rem}
.phobee-featured-assignment__status{display:grid;align-content:center;gap:6px}
.phobee-featured-assignment__status strong{font-size:1.35rem}.phobee-featured-assignment__status>span:last-child{color:var(--ph-slate);font-family:var(--font-reading);font-size:.88rem}
.phobee-featured-assignment__progress{display:grid;gap:10px}.phobee-featured-assignment__progress>strong{font-size:.87rem}
.phobee-featured-assignment__action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;border-radius:11px;background:var(--ph-indigo);color:#fff;font-weight:900;text-decoration:none}.phobee-featured-assignment__action:hover{background:var(--ph-indigo-dark)}.phobee-featured-assignment__action .ui-icon{width:21px;height:21px}

.phobee-assignment-motif{position:relative;display:block;width:72px;height:62px;flex:0 0 72px}.phobee-assignment-motif i{position:absolute;width:34px;height:34px;border-radius:9px;transform:rotate(30deg);background:#dce1ff}.phobee-assignment-motif i:nth-child(1){left:19px;top:0}.phobee-assignment-motif i:nth-child(2){left:2px;top:27px;opacity:.78}.phobee-assignment-motif i:nth-child(3){left:38px;top:27px;opacity:.58}
.phobee-assignment-motif--in-progress i{background:#9dd9bc}.phobee-assignment-motif--not-started i{background:#b9b7f4}.phobee-assignment-motif--completed i{background:#cbd2dc}.phobee-assignment-motif--0 i{background:#9bded9}.phobee-assignment-motif--1 i{filter:hue-rotate(25deg)}.phobee-assignment-motif--2 i{filter:hue-rotate(-20deg)}

.phobee-assignment-status{display:inline-flex;align-items:center;gap:6px;justify-self:start;width:max-content;padding:6px 10px;border-radius:999px;font-size:.74rem;font-weight:900;white-space:nowrap}.phobee-assignment-status .ui-icon{width:15px;height:15px}
.phobee-assignment-status--due,.phobee-assignment-status--overdue{background:#fde9e5;color:#a84735}.phobee-assignment-status--progress{background:#fff2d5;color:#8f620e}.phobee-assignment-status--not-started{background:#eef2f6;color:#59677a}.phobee-assignment-status--completed{background:#e5f4e9;color:#257644}
.phobee-assignment-progress{height:9px;border-radius:999px;background:var(--ph-mist);overflow:hidden}.phobee-assignment-progress i{display:block;height:100%;border-radius:inherit;background:var(--ph-green)}

.phobee-featured-empty{display:flex;align-items:center;gap:18px;margin-bottom:26px;padding:24px 28px;border:1px solid #cde1d3;border-radius:16px;background:#f4fbf6}.phobee-featured-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e1f2e6;color:#287b49}.phobee-featured-empty h2{margin:0 0 3px}.phobee-featured-empty p{margin:0;color:var(--ph-slate)}.phobee-featured-empty a{margin-left:auto;color:var(--ph-indigo);font-weight:900;text-decoration:none}

.phobee-all-assignments__toolbar{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:20px;margin-bottom:16px}.phobee-all-assignments__toolbar h2{margin:0;font-size:1.45rem}.phobee-assignment-filters{display:flex;border:1px solid #d7deea;border-radius:10px;overflow:hidden;background:#fff}.phobee-assignment-filters button{min-width:118px;min-height:46px;padding:8px 15px;border:0;border-right:1px solid #d7deea;background:#fff;color:#526078;font-weight:800}.phobee-assignment-filters button:last-child{border-right:0}.phobee-assignment-filters button.is-active{background:var(--ph-indigo);color:#fff}.phobee-assignment-filters span{margin-left:5px;font-size:.82em;opacity:.8}.phobee-assignment-sort{grid-column:4}.phobee-assignment-sort select{min-height:46px;padding:8px 38px 8px 15px;border:1px solid #d7deea!important;border-radius:10px!important;background:#fff;color:var(--ph-navy);font-weight:800}

.phobee-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.phobee-assignment-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:15px 18px;min-height:148px;padding:20px 22px;border:1px solid #d8dfeb;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(38,51,71,.035)}.phobee-assignment-card[hidden]{display:none!important}.phobee-assignment-card__identity{display:flex;align-items:center;gap:14px;min-width:0}.phobee-assignment-card__identity .phobee-assignment-motif{width:52px;height:48px;flex-basis:52px;transform:scale(.72);transform-origin:center}.phobee-assignment-card__identity h3{margin:0 0 4px;overflow:hidden;color:var(--ph-navy);font-size:1.08rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.phobee-assignment-card__identity p{margin:0;color:var(--ph-slate);font-family:var(--font-reading);font-size:.82rem}.phobee-assignment-card>.phobee-assignment-status{align-self:start;justify-self:end}.phobee-assignment-card__bottom{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:22px}.phobee-assignment-card__progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.phobee-assignment-card__progress strong{font-size:.83rem;white-space:nowrap}.phobee-assignment-card__action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;min-height:46px;padding:9px 14px;border:1.5px solid var(--ph-indigo);border-radius:10px;background:#fff;color:var(--ph-indigo);font-weight:900;text-decoration:none}.phobee-assignment-card__action.is-primary{background:var(--ph-indigo);color:#fff}.phobee-assignment-card__action .ui-icon{width:19px;height:19px}
.phobee-completed-note{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;border:1px solid #dbe3ec;border-radius:12px;background:#fff;color:var(--ph-slate);font-family:var(--font-reading)}.phobee-completed-note .ui-icon{width:32px;height:32px;padding:6px;border-radius:50%;background:#e5f4e9;color:#257644}.phobee-completed-note[hidden]{display:none}.phobee-assignment-filter-empty,.phobee-assignment-empty{padding:38px 24px;border:1px dashed #cbd3df;border-radius:14px;background:#fff;text-align:center}.phobee-assignment-filter-empty h3,.phobee-assignment-empty h2{margin:0 0 4px}.phobee-assignment-filter-empty p,.phobee-assignment-empty p{margin:0;color:var(--ph-slate)}

@media(max-width:1080px){.phobee-featured-assignment{grid-template-columns:1.35fr .8fr 1fr}.phobee-featured-assignment__action{grid-column:1/-1;margin-top:18px;border-left:0}.phobee-assignment-grid{grid-template-columns:1fr}.phobee-all-assignments__toolbar{grid-template-columns:auto 1fr auto}.phobee-assignment-filters{grid-column:1/3;grid-row:2}.phobee-assignment-sort{grid-column:3;grid-row:2}}
@media(max-width:720px){.student-main:not(.teacher-main):has(.phobee-assignments-page){padding:24px 16px 52px}.phobee-assignments-page{padding:0}.phobee-assignments-intro{display:grid;align-items:start}.phobee-assignment-review{justify-self:start;width:100%}.phobee-featured-assignment{grid-template-columns:1fr;padding:22px}.phobee-featured-assignment__identity,.phobee-featured-assignment__status,.phobee-featured-assignment__progress,.phobee-featured-assignment__action{padding:16px 0;border-left:0;border-top:1px solid #dde2f1}.phobee-featured-assignment__identity{padding-top:0;border-top:0}.phobee-featured-title{align-items:flex-start}.phobee-all-assignments__toolbar{display:flex;align-items:stretch;flex-direction:column;gap:12px}.phobee-assignment-filters{width:100%;overflow-x:auto}.phobee-assignment-filters button{flex:1;min-width:104px}.phobee-assignment-sort{width:100%}.phobee-assignment-sort select{width:100%}.phobee-assignment-card{grid-template-columns:1fr;gap:12px}.phobee-assignment-card>.phobee-assignment-status{justify-self:start}.phobee-assignment-card__bottom{grid-column:auto;grid-template-columns:1fr}.phobee-assignment-card__progress{grid-template-columns:auto 1fr}.phobee-assignment-card__action{width:100%}.phobee-featured-empty{align-items:flex-start;flex-direction:column}.phobee-featured-empty a{margin-left:0}}
@media(prefers-reduced-motion:reduce){.phobee-assignments-page *{transition:none!important;animation:none!important}}