/* Keep each embedded application independent, with shared visual depth. */
.legacy-depth{background:linear-gradient(140deg,#f1f6f4,#f7f9fc);font-family:system-ui,sans-serif}.legacy-depth :where(.bg-white,.card,.glass-panel){border:1px solid #dce7e1;border-radius:18px;box-shadow:0 3px 0 #173c350b,0 12px 28px #173c3510}.legacy-depth :where(button,input,select,textarea){min-height:44px;border-radius:10px}.legacy-depth button{transition:box-shadow .18s ease,background-color .18s ease,transform .18s ease}.legacy-depth button:active{transform:translateY(1px)}.legacy-depth :where(button,a):focus-visible{outline:3px solid #159480;outline-offset:3px}.legacy-depth :where(i.fas,i.fa-solid,i.far,i.fa){color:#286b81;text-shadow:0 1px 0 #fff9,0 2px 2px #123c3530}.legacy-depth :where(.fa-users,.fa-user-graduate,.fa-book){color:#7b5abe}.legacy-depth :where(.fa-trophy,.fa-star,.fa-award){color:#b78928}.legacy-depth :where(.fa-calendar,.fa-chart-bar,.fa-file){color:#377bad}.legacy-depth :where(.fa-home,.fa-school,.fa-check){color:#288a72}.legacy-depth .modal-content{border-radius:22px;box-shadow:0 24px 70px #173c3530}@media(max-width:600px){.legacy-depth :where(.card,.glass-panel){border-radius:16px}.legacy-depth input,.legacy-depth select,.legacy-depth textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){.legacy-depth button{transition:none}.legacy-depth button:active{transform:none}}