.student-growth-portfolio-launcher{margin:12px 0;padding:12px 14px;border:1px solid #bfcde0;border-radius:14px;background:#f5f8fd}.student-growth-portfolio-launcher .section-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.student-growth-portfolio-launcher p{margin:6px 0 4px;color:#536a87}.student-growth-portfolio-launcher small{color:#536a87}.student-growth-portfolio-launcher small.is-ready{color:#2a5e91}.student-growth-portfolio-launcher small.is-blocked{color:#a12a2a}
.student-growth-portfolio-layer{position:absolute;inset:0;z-index:55;pointer-events:none}.student-growth-portfolio{position:absolute;right:12px;top:12px;width:min(840px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;padding:22px;border:1px solid #bfcde0;border-radius:18px;background:#fbfdff;color:#304763;box-shadow:0 18px 60px rgb(50 90 140/.2);pointer-events:auto}.student-growth-portfolio h2{margin:0 0 8px}.student-growth-portfolio__warning{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#eaf1fa;color:#4e6684;font-size:.9rem}.student-growth-portfolio__consent{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:8px 0}.student-growth-portfolio__form{display:grid;grid-template-columns:120px 100px 120px 1fr 90px auto;gap:8px;margin:8px 0}.student-growth-portfolio input,.student-growth-portfolio select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #adbed4;border-radius:8px;background:#fff;color:#304763;font:inherit}.student-growth-portfolio input:focus-visible,.student-growth-portfolio select:focus-visible{outline:2px solid #5d86b4;outline-offset:2px}.student-growth-portfolio__items{margin:12px 0;padding:10px 10px 10px 28px;border-radius:10px;background:#f1f6fc}.student-growth-portfolio__items li{margin:5px 0}.student-growth-portfolio__items button{margin-left:6px;min-height:32px;padding:4px 8px}.student-growth-portfolio__status{margin:12px 0;padding:9px;border-radius:9px;background:#f0f5fb}.student-growth-portfolio__actions{display:flex;flex-wrap:wrap;gap:8px}.student-growth-portfolio button{min-height:40px;padding:8px 12px;border:1px solid #93abc7;border-radius:9px;background:#fff;color:#304763;cursor:pointer}.student-growth-portfolio button:hover,.student-growth-portfolio button:focus-visible{border-color:#2a5e91;outline:2px solid #c0d2e8;outline-offset:2px}.student-growth-portfolio button.is-primary{border-color:#2a5e91;background:#2a5e91;color:#fff}.student-growth-portfolio__help{display:block;margin-top:10px;color:#536a87}
@media (max-width:840px){.student-growth-portfolio__form{grid-template-columns:1fr 1fr}.student-growth-portfolio__form button{grid-column:span 2}}@media (max-width:640px){.student-growth-portfolio{right:8px;top:8px;width:calc(100% - 16px);max-height:calc(100% - 16px);padding:16px}.student-growth-portfolio__consent{grid-template-columns:1fr 1fr}.student-growth-portfolio__consent input{grid-column:span 2}}@media (forced-colors:active){.student-growth-portfolio,.student-growth-portfolio input,.student-growth-portfolio select,.student-growth-portfolio button{border:1px solid CanvasText;background:Canvas;color:CanvasText}.student-growth-portfolio button:focus-visible,.student-growth-portfolio input:focus-visible,.student-growth-portfolio select:focus-visible{outline-color:Highlight}}@media print{.student-growth-portfolio-layer,.student-growth-portfolio-launcher{display:none!important}}