/* A shared visual and motion language for every school workspace. */
.workspace{--workspace:#168552;--workspace-dark:#075437;--workspace-soft:#eaf6ee}.workspace[data-workspace=dashboard]{--workspace:#447bc1;--workspace-dark:#214375;--workspace-soft:#edf4ff}.workspace[data-workspace=report]{--workspace:#c98736;--workspace-dark:#754513;--workspace-soft:#fff5e6}.workspace[data-workspace=environment]{--workspace:#2c9c98;--workspace-dark:#155654;--workspace-soft:#eaf9f8}.workspace[data-workspace=flood]{--workspace:#538dc2;--workspace-dark:#234e73;--workspace-soft:#ecf6ff}.workspace[data-workspace=waste]{--workspace:#8b9e38;--workspace-dark:#435423;--workspace-soft:#f2f6e5}.workspace[data-workspace=emergency]{--workspace:#be6363;--workspace-dark:#703b44;--workspace-soft:#fff0f1}.workspace[data-workspace=tasks]{--workspace:#9375bf;--workspace-dark:#503772;--workspace-soft:#f5effb}.workspace[data-workspace=reports]{--workspace:#568eae;--workspace-dark:#24546c;--workspace-soft:#edf6fa}.workspace[data-workspace=settings]{--workspace:#748ba4;--workspace-dark:#364d65;--workspace-soft:#eef3f8}.workspace[data-workspace=mapInfo]{--workspace:#418978;--workspace-dark:#1b5547;--workspace-soft:#e9f7f0}
.workspace-hero{background:linear-gradient(125deg,var(--workspace-dark),var(--workspace));color:#fff;border-radius:24px;padding:30px;position:relative;overflow:hidden;min-height:190px;margin-bottom:24px;isolation:isolate;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 12px 32px color-mix(in srgb,var(--workspace) 20%,transparent)}.workspace-hero h1{font-size:clamp(26px,3vw,36px);margin:8px 0 10px}.workspace-hero p{max-width:680px;color:#ffffffe0;margin:0;line-height:1.6}.workspace-kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#ffffffcc}.workspace-hero .primary{background:white!important;color:var(--workspace-dark);margin-top:18px}.hero-content{position:relative;z-index:2;flex:1}.workspace-symbol{font-size:66px;position:relative;z-index:1;width:100px;text-align:center;animation:symbolDrift 7s ease-in-out infinite}.hero-orbit{position:absolute;border:1px solid #ffffff1c;border-radius:50%;width:260px;height:260px;right:-40px;top:-35px;pointer-events:none;animation:orbitBreathe 9s ease-in-out infinite}.hero-orbit.second{width:340px;height:340px;right:-80px;top:-75px;animation-delay:-4s}.hero-spark{position:absolute;width:7px;height:7px;background:#ffffff55;border-radius:50%;pointer-events:none;right:28%;bottom:22%;animation:sparkFloat 6s ease-in-out infinite}.hero-spark.second{right:13%;top:20%;animation-delay:-2s;width:4px;height:4px}.workspace-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}.summary-tile{background:linear-gradient(140deg,white,var(--workspace-soft));border:1px solid var(--border);padding:20px;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 5px 18px #15372308}.summary-tile:before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:5px;background:var(--workspace)}.summary-tile strong{display:block;font-size:25px;color:var(--workspace-dark);margin-top:8px}.summary-tile span{font-size:12px;color:#597265}.workspace .card{transition:transform .25s,box-shadow .25s,border-color .25s}.workspace .card:hover{box-shadow:0 12px 28px #13382512;border-color:color-mix(in srgb,var(--workspace) 30%,white)}.workspace .stat:hover,.summary-tile:hover{transform:translateY(-3px)}.workspace .notice{background:var(--workspace-soft);border-color:color-mix(in srgb,var(--workspace) 25%,white);border-left:4px solid var(--workspace);line-height:1.6}.workspace .table th{background:var(--workspace-soft);color:var(--workspace-dark);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.workspace .table td{padding:15px 12px}.workspace .table tbody tr{transition:background .2s}.workspace .table tbody tr:hover{background:var(--workspace-soft)}.workspace form.card{padding:26px}.workspace label{color:var(--workspace-dark)}input,textarea,select{transition:border-color .2s,box-shadow .2s,background .2s}input:focus,textarea:focus,select:focus{border-color:#399d6a;box-shadow:0 0 0 4px #399d6a18;outline:none;background:#fcfffc}.workspace button,.quick button,.agri-tabs button{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,filter .2s}.workspace button:hover{filter:brightness(1.025)}.workspace button:active,.agri-tabs button:active{transform:scale(.97)}.workspace button:disabled{opacity:.65;cursor:wait}.ripple-dot{position:absolute;pointer-events:none;background:currentColor;opacity:.14;border-radius:50%;width:16px;height:16px;transform:translate(-50%,-50%) scale(0);animation:rippleOut .55s ease-out forwards}.toast{box-shadow:0 10px 35px #092b2540;z-index:30;max-width:calc(100vw - 32px)}.toast.arrive{animation:toastEnter .3s ease-out}.nav button{transition:background .2s,transform .2s,box-shadow .2s}.nav button.active{box-shadow:inset 0 0 0 1px #ffffff18}.nav button.active:after{content:'●';float:right;color:var(--tab);font-size:10px}.motion-control{display:flex;align-items:center;gap:8px;border:1px solid #ffffff28;border-radius:12px;padding:10px 12px;margin:22px 6px 0;color:#deeee2;font-size:12px;cursor:pointer}.motion-control input{width:16px;height:16px;accent-color:#67c893}.stagger-in{animation:cardEnter .45s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--delay,0ms)}dialog[open]{animation:dialogEnter .25s ease-out}dialog::backdrop{animation:veilEnter .25s ease-out}.empty-garden{animation:cardEnter .5s ease-out}.workspace .badge{transition:transform .2s}.workspace .badge:hover{transform:scale(1.04)}.section>h2{letter-spacing:-.3px}.home-signoff{font-size:12px;color:#6d8377;margin:24px 0 0}.home-signoff span{display:inline-block;width:7px;height:7px;background:#1c955a;border-radius:50%;margin-right:8px}.workspace-tips{font-size:12px;color:#6d8377;line-height:1.6}.workspace[data-workspace=home] .grid .stat:nth-child(1){border-top:4px solid #4296ae}.workspace[data-workspace=home] .grid .stat:nth-child(2){border-top:4px solid #ddaa4e}.workspace[data-workspace=home] .grid .stat:nth-child(3){border-top:4px solid #62a17d}.workspace[data-workspace=home] .grid .stat:nth-child(4){border-top:4px solid #ab88bd}
@keyframes symbolDrift{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}@keyframes orbitBreathe{0%,100%{transform:scale(.95);opacity:.55}50%{transform:scale(1.06);opacity:1}}@keyframes sparkFloat{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-18px);opacity:.8}}@keyframes cardEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes rippleOut{to{transform:translate(-50%,-50%) scale(24);opacity:0}}@keyframes toastEnter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogEnter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes veilEnter{from{opacity:0}to{opacity:1}}
@media(max-width:650px){.workspace-hero{padding:24px;gap:12px;min-height:170px}.workspace-symbol{font-size:44px;width:60px}.workspace-summary{grid-template-columns:1fr}.summary-tile{padding:16px}.summary-tile strong{font-size:23px}.workspace form.card{padding:20px}.hero-orbit{right:-130px}.workspace-hero h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media print{.workspace-symbol,.hero-orbit,.hero-spark,.motion-control{display:none!important}.workspace-hero{background:white!important;color:black!important;box-shadow:none;padding:0;min-height:0;border-radius:0}.workspace-hero p,.workspace-kicker{color:black!important}.workspace-summary{display:none}.stagger-in{animation:none!important;opacity:1!important}.workspace .table th{background:#eee;color:black}}