*{box-sizing:border-box}.diary-login{margin:0;min-height:100dvh;background:#122f54;color:#f1d395;display:flex;justify-content:center;font-family:Georgia,serif}.diary-cover{width:min(100%,460px);min-height:100dvh;text-align:center;padding:34px 28px;background:radial-gradient(ellipse at top right,#28578688,transparent 65%),#123456;box-shadow:inset 10px 0 #071f3a,inset 13px 0 #d5b577,inset 0 0 0 19px #ceb17522}.sun{font-size:48px;color:#e6bd6b}.cover-sub{font:10px system-ui;letter-spacing:3px;margin-top:18px}.diary-cover h1{font-size:31px;line-height:1.25;margin:16px 0}.gold-rule{width:45px;height:1px;background:#e6bd6b;margin:23px auto}.login-tabs{display:flex;gap:8px;margin:20px 0}.login-tabs button{flex:1;padding:12px 3px;border:1px solid #d8bd7b;background:transparent;color:#ecd6a6;font:13px Georgia;border-radius:5px}.login-tabs .selected{background:#ecd6a6;color:#123456}.diary-cover form{text-align:left}.diary-cover label{display:block;font:12px system-ui;margin:18px 0 9px;color:#eee0bd}.diary-cover input:not([type=hidden]){width:100%;background:#fff9e9;color:#173452;border:0;border-radius:5px;padding:13px;font:16px system-ui}.pin-boxes{display:flex;gap:7px}.pin-boxes input{min-width:0;text-align:center;font-size:22px!important;height:53px;padding:8px!important}.open-diary{width:100%;margin-top:24px;border:0;background:#e5c281;color:#153452;padding:15px;font:700 17px Georgia;border-radius:5px}.setup-link{border:0;background:transparent;color:#ebd4a5;margin-top:20px;text-decoration:underline;font:12px system-ui}.cover-foot{font:11px Georgia;margin:30px 0}.login-error{background:#fbe3d8;color:#922a22;padding:12px;border-radius:5px;font:13px system-ui}.splash{position:fixed;inset:0;z-index:99;background:#123456;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.splash h1{font:32px Georgia}.splash p{font:15px Georgia;color:#e4c892}#setupFields p{font:12px system-ui;line-height:1.6;margin:20px 0}.diary-login [hidden]{display:none!important}
body:not(.diary-login){background:#e3d9c7!important;color:#173452}.main{background:#fff9e9!important;box-shadow:inset 8px 0 18px #7d694b20;min-height:100dvh}.content{background:#fff9e9!important;padding-bottom:70px!important}.sidebar .brand{display:none!important}.topbar{background:#fff9e9!important;box-shadow:none!important;border-bottom:0!important}.dashboard-brand{font-family:Georgia,serif}.content h1,.content h2,.content h3{font-family:Georgia,serif!important}.panel,.card,.dash-card,.dashboard-widget,.metric-card{background:#fffaf0!important;box-shadow:none!important;border-radius:5px!important;border-color:#dfd2ba!important}.content footer{font-family:Georgia;color:#9b8b70}.pwa-actions{display:none!important}.diary-turn{position:fixed;inset:0;z-index:99999;perspective:1200px;pointer-events:none;overflow:hidden}.diary-leaf{position:absolute;inset:0;background:linear-gradient(90deg,#c4b18e,#fff9e9 8%,#fffaf0 85%,#d5c2a1);transform-origin:left center;backface-visibility:hidden;box-shadow:8px 0 30px #34271560;animation:diaryForward 1.5s cubic-bezier(.25,.65,.25,1) forwards;padding:38px 28px;color:#173452;font:26px Georgia}.diary-turn.back .diary-leaf{transform-origin:right center;animation:diaryBack 1.5s cubic-bezier(.25,.65,.25,1) forwards}@keyframes diaryForward{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes diaryBack{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}@media(prefers-reduced-motion:reduce){.diary-turn{display:none}}
@media(max-width:720px){.sidebar{z-index:10002!important;overflow-y:auto;max-height:100dvh;pointer-events:auto!important}.sidebar.open{transform:translateX(0)!important;visibility:visible!important}.diary-menu-shade{position:fixed;inset:0;background:#14263866;z-index:10001}.diary-menu-shade[hidden]{display:none}.fd-bottom{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}.content{padding-bottom:110px!important}[data-menu]{touch-action:manipulation;min-width:44px;min-height:44px;pointer-events:auto!important}}

.splash{pointer-events:none;animation:splashDismiss .25s ease 1.1s forwards}@keyframes splashDismiss{to{opacity:0;visibility:hidden}}
.traditional-register{background:#fff9e9;border:1px solid #a58f6b;padding:16px 12px;font-family:Georgia,serif;color:#233f5f;box-shadow:inset 5px 0 10px #a58f6b15;margin:12px 0}.traditional-register header small{font:9px system-ui;letter-spacing:1.4px}.traditional-register h2{font:700 22px Georgia!important;margin:7px 0}.traditional-register header p{font:12px Georgia;margin:6px 0 14px}.traditional-register .att-month-nav{justify-content:space-between;display:flex;align-items:center;margin:10px 0 15px}.traditional-month{width:100%;border-collapse:collapse;table-layout:fixed;font:14px Georgia}.traditional-month th,.traditional-month td{border:1px solid #b6a17f;text-align:center;padding:5px 3px;background:transparent}.traditional-month th{font:11px Georgia;text-transform:none;letter-spacing:0;background:#eee2c9}.traditional-month th:nth-child(odd){width:19%}.traditional-month td{height:30px}.traditional-month .date-cell small{font:8px system-ui;display:inline-block;margin-left:4px;color:#8a7c65}.traditional-month .status-cell small{display:block;font:8px system-ui}.traditional-month .present{color:#1c7150;font-size:21px}.traditional-month .absent{color:#ad3737;font-weight:bold}.traditional-month .half,.traditional-month .late{color:#94641c}.traditional-month .holiday{color:#85705b;background:#e9dfcd44;font-size:12px}.traditional-month .leave{color:#6e5584;font-size:12px}.register-legend{font:10px system-ui;line-height:1.6;margin:12px 0}.register-totals{display:flex;flex-wrap:wrap;gap:7px;font:10px system-ui;padding:9px 0}.register-totals span{padding:4px 7px;border:1px solid #cbb99b}.register-foot{font:9px system-ui;line-height:1.6}.content:has(.traditional-register) .page-heading{margin-bottom:10px}.content:has(.traditional-register) .page-heading h1{font-size:24px}
body:has([data-student-row]) .panel{font-family:Georgia;background:#fff9e9!important;border:1px solid #b6a17f!important;border-radius:2px!important}body:has([data-student-row]) table{font-family:Georgia;border:1px solid #b6a17f}body:has([data-student-row]) td,body:has([data-student-row]) th{border:1px solid #b6a17f;background:transparent}body:has([data-student-row]) th{background:#eee2c9}body:has([data-student-row]) input,body:has([data-student-row]) select{border-radius:2px;background:#fffdf3}

@media(max-width:720px){html,body{width:100%;max-width:100%;margin:0}.main,.content{width:100%;min-width:0;max-width:100%;margin-left:0!important}.content{padding-left:12px!important;padding-right:12px!important}.panel,.card,.hero,.page-heading,.fd-welcome,.fd-top,.fd-dashboard{min-width:0;max-width:100%;overflow-wrap:anywhere}.cards,.two-col,.form-grid,.fd-grid{min-width:0}.cards>*{min-width:0}.inline-form>*{min-width:0!important;max-width:100%}.inline-form label{flex:1 1 130px}.inline-form input,.inline-form select,input,select,textarea{max-width:100%;min-width:0!important}.table-wrap{width:100%;max-width:100%;overflow-x:auto}.table-wrap table{font-size:11px}.table-wrap td,.table-wrap th{padding:8px 5px;overflow-wrap:anywhere}.table-wrap td input,.table-wrap td select{min-width:0!important;width:100%;font-size:12px;padding:7px 3px}.sheet,.report-v58{max-width:100%;min-width:0}.tabs{gap:6px}.tabs a{padding:8px;font-size:11px}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:25px}.traditional-register{padding:10px 8px;margin:8px 0}.traditional-register h2{font-size:19px!important}.traditional-register header p{margin:4px 0 7px;font-size:11px}.traditional-register .att-month-nav{margin:7px 0 9px}.traditional-register .att-month-nav a{padding:6px 12px}.traditional-month td{height:clamp(22px,3.6dvh,30px);padding:2px}.traditional-month th{padding:5px 2px}.traditional-month .date-cell small{font-size:7px;margin-left:2px}.traditional-month .status-cell{font-size:12px}.traditional-month .present{font-size:18px}.register-legend{font-size:9px;margin:7px 0}.register-totals{gap:4px;padding:5px 0;font-size:9px}.register-totals span{padding:3px 4px}.register-foot{font-size:8px}.content:has(.traditional-register) .tabs{margin-bottom:8px}.content:has(.traditional-register) .page-heading p{font-size:11px}.content:has(.traditional-register) .page-heading{margin-bottom:8px}.fd-bottom{max-width:100%!important}.fd-bottom a{min-width:0}.fd-bottom a span{font-size:9px}.diary-cover{max-width:100%;padding-left:25px;padding-right:25px}.pin-boxes{gap:5px}.traditional-month{min-width:0!important;max-width:100%}}
@media(max-width:360px){.cards{gap:7px}.card,.panel{padding:11px!important}.stat-number{font-size:22px}.traditional-month .date-cell small{display:block}.traditional-month th:nth-child(odd){width:18%}.diary-cover h1{font-size:27px}}

body:not(.diary-login)::before{content:'School diary';position:fixed;inset:0;z-index:99999;pointer-events:none;padding:38px 28px;font:26px Georgia;color:#173452;background:linear-gradient(90deg,#c4b18e,#fff9e9 8%,#fffaf0 85%,#d5c2a1);transform-origin:left center;backface-visibility:hidden;box-shadow:8px 0 30px #34271560;animation:diaryImmediateForward 1.5s cubic-bezier(.25,.65,.25,1) forwards}html[data-diary-direction=back] body:not(.diary-login)::before{transform-origin:right center;animation-name:diaryImmediateBack}@keyframes diaryImmediateForward{0%{transform:perspective(1200px) rotateY(0);visibility:visible}99%{visibility:visible}100%{transform:perspective(1200px) rotateY(-180deg);visibility:hidden}}@keyframes diaryImmediateBack{0%{transform:perspective(1200px) rotateY(0);visibility:visible}99%{visibility:visible}100%{transform:perspective(1200px) rotateY(180deg);visibility:hidden}}@media(prefers-reduced-motion:reduce){body:not(.diary-login)::before{display:none}}@media print{body::before{display:none!important}}

.splash{pointer-events:auto;animation:none;cursor:pointer}.splash-open{margin-top:32px;padding:15px 22px;border:1px solid #d9b975;background:#e4c587;color:#123456;border-radius:5px;font:17px Georgia}.dashboard-cover{position:fixed;inset:0;z-index:100000;background:radial-gradient(ellipse at top right,#2b608a77,transparent 60%),#123456;color:#e7cc95;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;box-shadow:inset 10px 0 #071f3a,inset 13px 0 #d5b577;transform-origin:left center}.dashboard-cover h1{font:34px Georgia;line-height:1.25}.dashboard-cover p{font:18px Georgia}.dashboard-cover.opening{pointer-events:none;animation:coverOpen 1.5s cubic-bezier(.25,.65,.25,1) forwards}@keyframes coverOpen{to{transform:perspective(1200px) rotateY(-180deg);visibility:hidden}}

button.fd-avatar{padding:0;border:0;cursor:pointer;font:700 14px system-ui;min-width:38px;min-height:38px}.diary-profile-menu{position:fixed;right:14px;top:72px;z-index:10003;background:#fff9e9;border:1px solid #b6a17f;border-radius:7px;box-shadow:0 8px 25px #17345225;min-width:180px;padding:9px}.diary-profile-menu[hidden]{display:none}.diary-profile-menu a,.diary-profile-menu button{display:block;width:100%;padding:12px;text-align:left;background:transparent;border:0;color:#173452;font:16px Georgia}.diary-profile-menu form{margin:0}.diary-profile-menu button{color:#a43d36}

.splash,.dashboard-cover{background:radial-gradient(ellipse at top right,#346c9855,transparent 65%),linear-gradient(110deg,#102d4b,#183e61);box-shadow:inset 10px 0 #071c30,inset 13px 0 #d0ad68,inset 0 0 0 22px #d0ad6820,inset 0 0 0 24px #d0ad6860;color:#e7cc95}.splash .sun,.dashboard-cover .sun{font-size:45px;margin-bottom:15px}.splash h1,.dashboard-cover h1{font:23px Georgia;line-height:1.3;margin:14px 0 34px;max-width:300px}.academic-year{font:52px Georgia;letter-spacing:2px;color:#efdbad}.splash .academic-title,.dashboard-cover .academic-title{font:italic 28px Georgia;margin:12px 0 22px;color:#ecd6a6}.academic-rule{width:70px;height:1px;background:#d3b16d;margin:0 auto 24px}.splash-open{margin-top:20px!important;background:transparent!important;color:#ecd6a6!important;border:1px solid #d3b16d!important;letter-spacing:.3px;font-size:14px!important}.dashboard-cover{padding:40px 30px}.splash{padding:40px 30px}@media(max-width:360px){.academic-year{font-size:44px}.splash .academic-title,.dashboard-cover .academic-title{font-size:25px}}

/* Physical diary cover: spine, leather grain, stitching and page block. */
.splash,.dashboard-cover{inset:10px 8px 10px 5px;border-radius:7px 15px 15px 7px;overflow:hidden;background:repeating-linear-gradient(24deg,#ffffff04 0 1px,transparent 1px 4px),repeating-linear-gradient(113deg,#00000008 0 1px,transparent 1px 5px),radial-gradient(ellipse at 75% 10%,#31577566,transparent 65%),#15334f;box-shadow:inset 0 0 0 1px #071e32,inset 12px 0 14px #041725a0,inset 18px 0 0 #c4a26825,inset 22px 0 4px #0004,3px 2px 0 #f5ead5,5px 3px 0 #ac9f89,7px 4px 0 #f5ead5,9px 5px 0 #ac9f89,10px 7px 12px #0006;padding:55px 35px 70px 45px;color:#d9b875}.splash:before,.dashboard-cover:before{content:'';position:absolute;inset:22px 18px 22px 30px;border:1px dashed #c8ac7755;border-radius:3px 10px 10px 3px;pointer-events:none}.splash:after,.dashboard-cover:after{content:'';position:absolute;left:22px;top:0;bottom:0;width:4px;background:linear-gradient(90deg,#081d31aa,#7d98af33,#081d3177);pointer-events:none}.splash .sun,.dashboard-cover .sun{width:66px;height:66px;border:1px solid #c8a666;border-radius:50%;display:grid;place-items:center;font-size:38px;box-shadow:inset 1px 1px 2px #0008,1px 1px 0 #ddc48940;text-shadow:0 2px 2px #0008;color:#d8b773;margin-bottom:22px}.splash h1,.dashboard-cover h1{font:22px Georgia;letter-spacing:.7px;margin:14px 0 45px;color:#d8bb82;text-shadow:0 2px 1px #0009,0 -1px #ffe3a933}.academic-year{font:48px Georgia;letter-spacing:3px;color:#dfc18a;text-shadow:0 2px 2px #0009,0 -1px #ffe6b944}.splash .academic-title,.dashboard-cover .academic-title{font:italic 30px Georgia;letter-spacing:.5px;margin-top:16px;color:#d9b875;text-shadow:0 2px 2px #0009}.academic-rule{width:90px;background:linear-gradient(90deg,transparent,#d8b773,transparent);margin-top:6px}.splash .splash-open,.dashboard-cover .splash-open{position:absolute;bottom:64px;left:45px;right:35px;width:calc(100% - 80px);border:0!important;background:transparent!important;font:italic 16px Georgia!important;color:#d8bb82!important;text-shadow:0 1px 2px #0008;padding:18px 8px}.splash .splash-open:after,.dashboard-cover .splash-open:after{content:'Turn the cover to begin';display:block;font:10px Georgia;letter-spacing:1px;color:#c4af8980;margin-top:9px}.dashboard-cover.opening{backface-visibility:hidden}.diary-login{background:#e2d8c4}.splash{cursor:pointer}@media(max-height:650px){.splash,.dashboard-cover{padding-top:30px}.splash h1,.dashboard-cover h1{margin-bottom:24px}.splash .sun,.dashboard-cover .sun{margin-bottom:8px}.academic-year{font-size:41px}.splash .splash-open,.dashboard-cover .splash-open{bottom:35px}}

.diary-clock{position:absolute;bottom:145px;left:45px;right:35px;text-align:center;color:#d5bd8e;font-family:Georgia;text-shadow:0 1px 2px #0008}.diary-clock span{display:block;font-size:11px;letter-spacing:.3px}.diary-clock strong{display:block;font-size:21px;font-weight:normal;font-variant-numeric:tabular-nums;letter-spacing:1px;margin-top:9px}@media(max-height:650px){.diary-clock{bottom:110px}.diary-clock strong{font-size:18px;margin-top:5px}.diary-clock span{font-size:10px}}

.splash,.dashboard-cover{touch-action:pan-y;cursor:grab}.splash.opening{pointer-events:none;transform-origin:left center;backface-visibility:hidden;animation:coverOpen 1.5s cubic-bezier(.25,.65,.25,1) forwards}.splash .splash-open:after,.dashboard-cover .splash-open:after{content:'Swipe from right to left'}

.timetable-day{margin:12px 0;border:1px solid #c8b797;padding:10px;background:#fff9e9}.timetable-day summary{font:18px Georgia;color:#173452}.timetable-day table{width:100%;table-layout:fixed}.timetable-day th:first-child{width:35%}.timetable-day td,.timetable-day th{padding:9px 5px;overflow-wrap:anywhere}

html[data-diary-transition="none"] body:not(.diary-login)::before{display:none!important;animation:none!important}

.diary-loading[hidden]{display:none!important}
.diary-loading{position:fixed;inset:0;z-index:100010;display:grid;place-items:center;background:#f9f2e3a8;backdrop-filter:blur(2px);pointer-events:none}
.diary-loading-paper{position:relative;width:142px;height:116px;border:1px solid #d3c4a6;border-radius:7px;background:#fffaf0;box-shadow:0 10px 28px #3e2f2926;display:flex;align-items:flex-end;justify-content:center;padding:15px;color:#62523c}
.diary-loading-pencil{position:absolute;top:9px;left:42px;font-size:54px;line-height:1;color:#b88222;transform:rotate(-20deg);animation:diaryPencilWrite 1.1s ease-in-out infinite}
.diary-loading-line{position:absolute;left:28px;top:65px;width:78px;height:2px;background:#95714b;transform-origin:left;animation:diaryPencilLine 1.1s ease-in-out infinite}
.diary-loading-paper small{font:12px Georgia,serif}
@keyframes diaryPencilWrite{0%,100%{transform:translate(0,0) rotate(-20deg)}25%{transform:translate(12px,-3px) rotate(-15deg)}50%{transform:translate(28px,1px) rotate(-22deg)}75%{transform:translate(40px,-2px) rotate(-16deg)}}
@keyframes diaryPencilLine{0%{transform:scaleX(.05);opacity:.3}80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.diary-loading-pencil,.diary-loading-line{animation:none}}
@media print{.diary-loading{display:none!important}}

.exam-upcoming-group{border:1px solid #ddd0b6;border-radius:6px;margin:8px 0;background:#fffaf0}.exam-upcoming-group>summary,.exam-upcoming-batch>summary{padding:11px;cursor:pointer;font-size:13px;overflow-wrap:anywhere}.exam-upcoming-batch{margin:0 8px 8px;border-top:1px solid #e8deca}.exam-upcoming-batch>summary{font-size:12px}

@media screen and (max-width:720px){
.fee-mobile-records .table-wrap{overflow:visible!important;margin:0;width:100%;min-width:0}
.fee-mobile-records table{width:100%!important;min-width:0!important;table-layout:auto}
.fee-mobile-records thead{display:none}.fee-mobile-records tbody{display:block}
.fee-mobile-records tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;background:#fffaf0;border:1px solid #d9ccb3;border-radius:7px;padding:12px;margin:10px 0;box-sizing:border-box}
.fee-mobile-records tbody td{display:block;min-width:0;width:auto!important;border:0!important;padding:0!important;text-align:left!important;white-space:normal;overflow-wrap:break-word;font-size:13px}
.fee-mobile-records tbody td::before{content:attr(data-label);display:block;font-size:10px;color:#7d705b;margin-bottom:4px;line-height:1.3}
.fee-mobile-records tbody td:first-child,.fee-mobile-records tbody td:last-child,.fee-mobile-records tbody td[colspan]{grid-column:1/-1}
.fee-mobile-records tbody td[colspan]::before{display:none}
.fee-mobile-records td.amount{white-space:nowrap;font-variant-numeric:tabular-nums}
.fee-mobile-records .badge{white-space:normal;word-break:normal;max-width:100%}
.fee-mobile-records details{width:100%;min-width:0}
.fee-mobile-records summary{padding:9px;background:#f0e6d1;border-radius:5px;font-size:13px;cursor:pointer}
.fee-mobile-records td form{min-width:0;width:100%;margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.fee-mobile-records td input,.fee-mobile-records td select{width:100%;min-width:0;box-sizing:border-box;padding:10px!important}
.fee-mobile-records .tabs{flex-wrap:wrap;font-size:11px}
}

.diary-section-toggle>summary,.fee-ledger-collapse>summary{font:700 18px Georgia,serif;color:#173452;cursor:pointer;padding:8px 0;overflow-wrap:anywhere;line-height:1.4}
.diary-section-toggle[open]>summary{margin-bottom:10px;border-bottom:1px solid #e1d4bd;padding-bottom:12px}
@media(max-width:720px){.diary-section-toggle>summary,.fee-ledger-collapse>summary{font-size:17px}}
@media print{.diary-section-toggle>summary{border:0}}

.diary-pull-refresh[hidden]{display:none!important}
.diary-pull-refresh{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:100011;max-width:90vw;padding:11px 17px;background:#fff9e9;border:1px solid #bdab88;border-radius:22px;box-shadow:0 4px 16px #33281c25;color:#65543a;font:13px Georgia,serif;pointer-events:none;text-align:center}
.diary-pull-refresh.ready{background:#e9f5ec;color:#1b6541;border-color:#69a582}
@media print{.diary-pull-refresh{display:none!important}}

.fee-collect-action{margin-top:8px}.fee-collect-action>summary{background:#e5f2e9!important;color:#17603e;font-weight:700;border:1px solid #80aa90;border-radius:5px;padding:10px;cursor:pointer}

.fee-search-form>label{flex:1;min-width:0}.fee-student-search{position:relative;width:100%}.fee-student-search input{width:100%;box-sizing:border-box}.fee-student-search .student-results{position:absolute;left:0;right:0;top:100%;z-index:50;background:#fffaf0;border:1px solid #cfbfa0;border-radius:6px;box-shadow:0 8px 20px #32271c24;max-height:300px;overflow:auto}.fee-student-search .student-results[hidden]{display:none}.student-result{display:block;padding:11px;border-bottom:1px solid #e5dbc7}.student-result b,.student-result span{display:block}.student-result span{font-size:11px;color:#716750;overflow-wrap:anywhere}

.school-bottom-nav{display:none}
@media(max-width:720px){
 .school-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:10000;background:#fffaf0;border-top:1px solid #d8cbb4;box-shadow:0 -3px 16px #17345212;padding:6px 6px max(8px,env(safe-area-inset-bottom));gap:3px}
 .school-bottom-nav a,.school-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;min-width:0;padding:5px 2px;border-radius:10px;background:transparent;color:#536579;font-size:11px;font-weight:700;line-height:1.25;text-decoration:none}
 .school-bottom-nav .bottom-icon{font-size:23px;line-height:26px}
 .school-bottom-nav .active{background:#e2efe9;color:#137a72}
 .topbar>.mobile-menu{display:none!important}
 .content{padding-bottom:calc(95px + env(safe-area-inset-bottom))!important}
}
@media print{.school-bottom-nav{display:none!important}}

.mobile-more-heading{display:none}
@media(max-width:720px){
 .sidebar{inset:auto 0 0 0!important;top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-height:78dvh!important;height:auto!important;border-radius:22px 22px 0 0!important;background:#fffaf0!important;color:#173452!important;padding:10px 18px max(24px,env(safe-area-inset-bottom))!important;transform:translateY(105%)!important;visibility:hidden!important;transition:transform .2s ease,visibility .2s!important;box-shadow:0 -8px 30px #102d4540}
 .sidebar.open{transform:translateY(0)!important;visibility:visible!important}
 .sidebar .mobile-more-heading{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin:4px 0 12px;font-size:21px}
 .mobile-more-heading button{background:#e5eeea!important;color:#173452!important;font-size:27px!important;line-height:1;padding:8px 14px}
 .sidebar .school-label,.sidebar .side-footer{display:none!important}
 .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow-y:auto;min-height:0}
 .sidebar nav a{display:flex;align-items:center;min-height:54px;margin:0!important;padding:12px!important;border-radius:12px!important;background:#eef1e9!important;color:#173452!important;font-size:13px!important}
 .sidebar nav a.active{background:#dceee5!important;color:#137a72!important}
 .sidebar nav a.mobile-primary-duplicate{display:none!important}
}

.school-quick-plus{display:none}
.school-quick-dialog{position:fixed;inset:auto 12px calc(82px + env(safe-area-inset-bottom));margin:0 auto;width:min(520px,calc(100% - 24px));max-height:70dvh;overflow:auto;border:1px solid #d8cbb4;border-radius:20px;background:#fffaf0;color:#173452;padding:20px}
.school-quick-dialog::backdrop{background:#14263866}
.school-quick-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.school-quick-dialog h2{margin:0}
.school-quick-dialog header button{background:#e5eeea;color:#173452;font-size:25px;padding:4px 12px}
.school-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.school-quick-grid a{display:flex;align-items:center;gap:10px;padding:16px 12px;min-height:66px;background:#e9f1ea;color:#173452;border-radius:12px;font-size:13px}
.school-quick-grid a span{font-size:25px;color:#137a72}
@media(max-width:720px){.school-quick-plus{display:flex;position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:9999;width:54px;height:54px;align-items:center;justify-content:center;border-radius:50%;padding:0;background:#137a72;color:#fff;font-size:34px;font-weight:400;box-shadow:0 5px 16px #17345240;border:3px solid #fffaf0}}
@media print{.school-quick-plus,.school-quick-dialog{display:none!important}}

@media(max-width:720px){
 .school-bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr)) 58px repeat(3,minmax(0,1fr))}
 .school-bottom-nav .school-quick-plus{position:static;display:flex;align-self:center;justify-self:center;flex-direction:row;width:50px;height:50px;min-height:50px;padding:0;border-radius:50%;background:#137a72;color:white;font-size:34px;font-weight:400;border:3px solid #fffaf0;box-shadow:0 3px 12px #17345230;transform:translateY(-7px)}
 .school-bottom-nav a,.school-bottom-nav button:not(.school-quick-plus){font-size:10px}
}

@media(max-width:720px){.school-bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr)) 58px repeat(2,minmax(0,1fr))}}

.school-quick-dialog{background:rgba(255,250,240,.97);border-radius:24px}
.school-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.school-quick-grid a{display:flex;flex-direction:column;justify-content:flex-start;text-align:center;gap:9px;min-height:0;padding:10px 2px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;font-size:12px}
.school-quick-grid a span{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;border:1px solid #137a7255;background:transparent;color:#137a72;font-size:28px}
.school-quick-grid a b{font-weight:650}
.school-quick-grid a:hover span{background:#137a7210}

/* Floating quick actions matching the supplied mobile reference. */
.school-quick-dialog{inset:auto 0 calc(95px + env(safe-area-inset-bottom));width:min(480px,100%);max-height:70dvh;overflow:visible;padding:22px 20px;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff}
.school-quick-dialog header{display:none}
.school-quick-dialog::backdrop{background:rgba(6,24,40,.76);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.school-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;align-items:start}
.school-quick-grid a{background:transparent!important;color:#fff!important;gap:10px;padding:4px 0;outline-offset:6px}
.school-quick-grid a span{width:76px;height:76px;border-radius:50%;background:linear-gradient(145deg,rgba(43,91,128,.55),rgba(14,39,60,.65))!important;border:1px solid rgba(210,233,247,.3);color:white!important;font-size:31px;box-shadow:inset 0 1px 2px #ffffff18,0 6px 20px #00000015}
.school-quick-grid a b{font-size:13px;color:#fff;max-width:140px;line-height:1.35}
.school-quick-grid a:first-child{grid-column:1/-1}
.school-quick-dialog::after{content:"Quick actions · tap outside to close";display:block;text-align:center;color:#d3e0e9;font-size:12px;margin-top:30px}
@media(max-width:720px){
 body.quick-actions-open .school-bottom-nav{z-index:10003;background:#0a2032;border-color:#24475e}
 body.quick-actions-open .school-bottom-nav a,body.quick-actions-open .school-bottom-nav button{color:#c6d8e6}
 body.quick-actions-open .school-bottom-nav .school-quick-plus{background:#ef314a;color:#fff;border-color:#ef314a;transform:translateY(-7px);font-size:34px}
 body.quick-actions-open .school-bottom-nav a.active{background:#18384f;color:#fff}
 .school-quick-dialog[open]{display:block}
}

.school-quick-dialog header{display:block;height:0;margin:0}
.school-quick-dialog header h2{display:none}
.school-quick-dialog header button{position:absolute;bottom:-79px;left:50%;transform:translateX(-50%);display:flex;width:50px;height:50px;border-radius:50%;align-items:center;justify-content:center;padding:0;background:#ef314a!important;color:#fff!important;font-size:34px;border:3px solid #ef314a;box-shadow:0 3px 12px #0003}

.school-notification-button{position:relative;background:transparent!important;color:#173452!important;padding:8px 12px!important;font-size:26px;min-width:44px;min-height:44px}
.school-notification-button b{position:absolute;top:0;right:0;border-radius:20px;background:#d9394f;color:#fff;padding:2px 5px;font-size:10px;line-height:15px}
.school-notification-button b[hidden]{display:none}
.school-notification-dialog{width:min(92vw,480px);max-height:78dvh;overflow:auto;border:1px solid #d8cbb4;border-radius:20px;background:#fffaf0;color:#173452;padding:20px}
.school-notification-dialog::backdrop{background:#14263866}
.school-notification-dialog header{display:flex;align-items:center;justify-content:space-between}
.school-notification-dialog header button{background:transparent;color:#173452;font-size:25px;padding:4px 10px}
.school-notification-item{display:block;padding:14px 0;border-bottom:1px solid #ded7c8;color:#173452}
.school-notification-item small{display:block;margin-top:5px}
@media print{.school-notification-button,.school-notification-dialog{display:none!important}}

/* Full-width mobile More sheet, with consistent line icons. */
@media(max-width:720px){
 .topbar .mobile-menu,.fd-mobile-head>[data-menu]{display:none!important}
 .fd-mobile-head{grid-template-columns:minmax(0,1fr) auto auto!important;gap:12px!important}
 .sidebar{left:0!important;right:0!important;top:auto!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:100%!important;max-width:none!important;max-height:76dvh!important;border-radius:28px 28px 0 0!important;padding:22px 20px 24px!important;background:linear-gradient(145deg,#102d46,#0a4050)!important;color:#fff!important;box-shadow:0 -16px 60px #061e3540!important;border:1px solid #ffffff20!important;overflow-y:auto!important}
 .sidebar .mobile-more-heading{display:flex!important;justify-content:space-between;align-items:center;margin-bottom:20px!important;color:#fff!important}
 .sidebar .mobile-more-heading strong{font-size:24px!important;letter-spacing:-.5px}
 .sidebar .mobile-more-heading button{width:42px;height:42px;padding:0!important;border-radius:50%!important;color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff25!important;font-size:27px!important}
 .sidebar nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
 .sidebar nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:115px!important;padding:15px 5px!important;border-radius:18px!important;color:#eaf5ff!important;background:#ffffff08!important;border:1px solid #ffffff12!important;font-size:12px!important;font-weight:600!important;line-height:1.35!important;text-align:center!important;box-shadow:none!important}
 .sidebar nav a.mobile-primary-duplicate{display:none!important}
 .sidebar nav a.active{background:#1e7181!important;border-color:#71d3cd60!important}
 .sidebar .more-item-icon{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#ffffff14,#ffffff05);color:#87e2da}
 .sidebar nav a:nth-child(3n+2) .more-item-icon{color:#a5caff}.sidebar nav a:nth-child(3n) .more-item-icon{color:#ffda98}
 .more-item-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .sidebar .more-item-label{max-width:120px}
 .sidebar .brand,.sidebar .school-label,.sidebar .side-footer{display:none!important}
}
@media(min-width:721px){.sidebar .more-item-icon{display:none}.sidebar .more-item-label{display:inline}}

@media(max-width:720px){
 .sidebar{padding:16px 16px 18px!important;max-height:65dvh!important;border-radius:24px 24px 0 0!important}
 .sidebar .mobile-more-heading{margin-bottom:12px!important}.sidebar .mobile-more-heading strong{font-size:21px!important}
 .sidebar .mobile-more-heading button{width:34px!important;height:34px!important;font-size:23px!important}
 .sidebar nav{gap:9px!important}.sidebar nav a{min-height:88px!important;padding:10px 4px!important;gap:7px!important;border-radius:14px!important;font-size:11px!important}
 .sidebar .more-item-icon{width:36px!important;height:36px!important;border-radius:11px!important}.more-item-icon svg{width:22px!important;height:22px!important}
 .sidebar nav a[href="index.php?page=account"],.sidebar nav a[href="index.php?page=ai"]{display:none!important}
}

/* Compact grouped More menu. */
@media(max-width:720px){
 .sidebar{background:linear-gradient(145deg,#fffdf7,#f1f7f6)!important;color:#153c50!important;padding:18px 18px 20px!important;border:1px solid #d9e6e4!important;border-radius:26px 26px 0 0!important;max-height:66dvh!important;box-shadow:0 -12px 48px #102e4a24!important}
 .sidebar::before{content:"";display:block;width:36px;height:4px;background:#bed0d0;border-radius:8px;margin:-7px auto 13px}
 .sidebar .mobile-more-heading{color:#173b50!important;margin-bottom:10px!important}.sidebar .mobile-more-heading strong{font-size:22px!important}
 .sidebar .mobile-more-heading button{color:#34556a!important;background:#e8efed!important;border:0!important;width:34px!important;height:34px!important}
 .sidebar nav{display:block!important}.more-group{margin:0 0 16px}.more-group:last-child{margin-bottom:0}
 .more-group h3{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;color:#708793;margin:0 0 9px}
 .more-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sidebar nav a{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;min-height:62px!important;padding:11px 10px!important;gap:10px!important;border-radius:15px!important;background:#fff!important;border:1px solid #deebe8!important;color:#214459!important;font-size:12px!important;font-weight:650!important;line-height:1.3!important;box-shadow:0 2px 5px #17495704!important}
 .sidebar nav a.active{background:#e5f5ef!important;border-color:#91cfc1!important;color:#096b62!important}
 .sidebar .more-item-icon{width:34px!important;height:34px!important;flex:0 0 34px;border-radius:11px!important;background:#e9f4f1!important;color:#148576!important}
 .sidebar nav a:nth-child(3n+2) .more-item-icon{background:#eaf0fb!important;color:#5277bf!important}.sidebar nav a:nth-child(3n) .more-item-icon{background:#fcf2e0!important;color:#b98a30!important}
 .sidebar .more-item-label{max-width:none!important}.sidebar .more-item-icon svg{width:21px!important;height:21px!important}
}
@media(min-width:721px){.more-group h3{display:none}.more-group{margin:0}.more-group-grid{display:block}}

.transport-actions{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}.transport-actions::-webkit-scrollbar{display:none}.transport-actions .button{flex:0 0 auto;white-space:nowrap;margin:0}@media(max-width:600px){.transport-actions{position:sticky;top:0;z-index:5;background:#fffaf0;padding:8px 2px;box-shadow:0 5px 12px #153c4012}.transport-actions .button{padding:10px 12px;font-size:13px}#transport-stop-form,#transport-route-maps,#transport-add-bus,#transport-create-route{scroll-margin-top:78px}}

/* Parent/student Android WebView Chats entry, 2026-10-11 */
@media(max-width:720px){.school-bottom-nav.school-family-nav{grid-template-columns:repeat(2,minmax(0,1fr)) 50px repeat(3,minmax(0,1fr))}}

/* Open diary immediately; never obstruct deep-linked notifications. */
#splash,.dashboard-cover,.diary-turn{display:none!important;animation:none!important}


/* Sunrise teacher 5-position navigation: Home, Attendance, +, Connect, More */
@media(max-width:720px){
 .school-bottom-nav.school-teacher-nav{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px minmax(0,1fr) minmax(0,1fr)!important;
  background:#fff!important;border-top:1px solid #e2e7ee!important;
  padding:6px 6px max(8px,env(safe-area-inset-bottom));gap:3px!important;
 }
 .school-bottom-nav.school-teacher-nav>a,
 .school-bottom-nav.school-teacher-nav>button:not(.school-quick-plus){
  min-width:0!important;min-height:52px!important;color:#44556c!important;
  font-weight:700!important;font-size:11px!important;background:transparent!important;
 }
 .school-bottom-nav.school-teacher-nav .bottom-icon{
  height:27px;display:grid;place-items:center;font-size:25px;
 }
 .school-bottom-nav.school-teacher-nav .bottom-icon svg{
  width:25px;height:25px;display:block;
 }
 .school-bottom-nav.school-teacher-nav>a.active{
  color:#075cba!important;background:#edf5ff!important;
 }
 .school-bottom-nav.school-teacher-nav>.school-quick-plus{
  position:static!important;justify-self:center!important;align-self:center!important;
  width:52px!important;height:52px!important;min-height:52px!important;
  padding:0!important;border-radius:50%!important;display:flex!important;
  background:#155fc9!important;color:#fff!important;border:3px solid #fff!important;
  font:400 35px/1 system-ui,sans-serif!important;transform:translateY(-7px)!important;
  box-shadow:0 4px 15px #123a6960!important;
 }
 body.quick-actions-open .school-bottom-nav.school-teacher-nav{background:#10283f!important;}
 body.quick-actions-open .school-bottom-nav.school-teacher-nav>a,
 body.quick-actions-open .school-bottom-nav.school-teacher-nav>button:not(.school-quick-plus){color:#d7e5f2!important;}
 body.quick-actions-open .school-bottom-nav.school-teacher-nav>.school-quick-plus{
  background:#e52d43!important;color:white!important;
 }
 .school-quick-dialog.school-teacher-quick .school-quick-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px 9px!important;
 }
 .school-quick-dialog.school-teacher-quick .school-quick-grid a:first-child{grid-column:auto!important;}
 .school-quick-dialog.school-teacher-quick .school-quick-grid a span{width:64px;height:64px;}
 .school-quick-dialog.school-teacher-quick .school-quick-grid a b{font-size:12px;line-height:1.28;}
}