@font-face{font-family:Cairo;src:url('/assets/fonts/Cairo.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:Tajawal;src:url('/assets/fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:Tajawal;src:url('/assets/fonts/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:Tajawal;src:url('/assets/fonts/Tajawal-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap;}
html.tk-readable[data-branch]{--tk-font:Tajawal,"Segoe UI",Arial,sans-serif;}
html.tk-readable[data-branch] body :is(h1,h2,h3,h4,h5,h6),html.tk-readable[data-branch] body #appShell :is(h1,h2,h3,h4,h5,h6){font-family:Cairo,Tajawal,sans-serif!important;font-weight:800!important;line-height:1.65!important;}
html.tk-readable[data-branch] body :is(.tk-girls-masthead,.tk-girls-welcome-copy,.manager-entry-heading) :is(h1,h2,h3){font-family:Cairo,Tajawal,sans-serif!important;font-weight:800!important;}
html.tk-readable[data-branch] body,html.tk-readable[data-branch] body :is(p,label,input,select,textarea,button,summary,small,td,th),html.tk-readable[data-branch] body table :is(p,small,span,label,td,th){font-family:Tajawal,"Segoe UI",Arial,sans-serif!important;}
html.tk-readable[data-branch] body :is(.sidebar #nav button,.sidebar .nav button,.side button.nav,.nav-group-head span,.nav-group-items button){font-family:Cairo,Tajawal,"Segoe UI",Arial,sans-serif!important;font-weight:700!important;font-size:15px!important;line-height:1.85!important;}
html.tk-readable[data-branch] body table :is(td,p,span){font-size:16px!important;line-height:1.85!important;}
#m15DataDialog{width:min(1200px,96vw);max-height:91vh;overflow:auto;padding:24px;border:1px solid #cfb7cd;border-radius:18px;background:#fff;color:#432744;direction:rtl;}
.m15-timetable-dialog{width:min(1200px,96vw);max-height:91vh;overflow:auto;padding:24px;border:1px solid #cfb7cd;border-radius:18px;background:#fff;color:#432744;direction:rtl;}.m15-timetable-dialog::backdrop{background:#261429a6}.m15-timetable-dialog button{padding:10px 18px;background:#733a68;color:white;border:0;border-radius:10px}.m15-timetable-dialog label{display:inline-block;margin:12px}.m15-timetable-dialog select{padding:10px;background:white;color:#432744;border:1px solid #977092;border-radius:8px}.m15-timetable-dialog details{margin:18px 0;padding:14px;border:1px solid #cfb7cd;border-radius:10px}.m15-timetable-dialog a{color:#633157}
#m15DataDialog::backdrop{background:#261429a6;}#m15DataDialog button{padding:10px 18px;border:1px solid #cfb7cd;border-radius:10px;background:#733a68;color:#fff;cursor:pointer;}
#m15DataDialog details{border:1px solid #cfb7cd;border-radius:12px;padding:14px;margin:20px 0;}#m15DataDialog details[open]{background:#fcf6fb;}#m15DataDialog a{color:#633157;text-decoration:underline;}
.m15-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;}.m15-kpis article{border:1px solid #e4d3e1;border-radius:14px;padding:16px;background:#faf4f9;}.m15-kpis strong{display:block;font:800 28px Cairo!important;}.m15-kpis span{display:block;font:500 16px Tajawal!important;}
.m15-table-wrap{max-width:100%;overflow:auto;border:1px solid #e4d3e1;border-radius:12px;}.m15-table-wrap table{width:100%;border-collapse:collapse;}.m15-table-wrap td,.m15-table-wrap th{border-bottom:1px solid #e4d3e1;text-align:right;}.m15-table-wrap td small{display:block;}.m15-attention{color:#8a3818!important;background:#fff4df;padding:8px;border-radius:8px;}.m15-source-text{white-space:pre-wrap;}
@media(max-width:640px){.m15-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}#m15DataDialog{padding:14px;}html.tk-readable[data-branch] body table :is(td,p,span){font-size:15px!important;}}
/* Coordinated light entry pages for the girls branch, including role-specific layouts. */
html.tk-readable[data-branch="girls"] body :is(#vp18IdentityStage,#vp18DayStage,#identityStage,#dayEntry,#identityScreen,#timeScreen,#entryIdentity,#entryDay,#entryIdentityV5,#entryStartV5,#managerIdentityStage,#managerDayStage,#partnershipIdentityStage,#partnershipDayStage){background:#faf2f8!important;color:#432744!important;}
html.tk-readable[data-branch="girls"] body :is(#vp18IdentityStage,#vp18DayStage,#identityStage,#dayEntry,#identityScreen,#timeScreen,#entryIdentity,#entryDay,#entryIdentityV5,#entryStartV5,#managerIdentityStage,#managerDayStage,#partnershipIdentityStage,#partnershipDayStage) :is(h1,h2,h3,h4,p,small,b,strong,label,.eyebrow,.tagline,.kicker,.time,.date){color:#432744!important;opacity:1!important;text-shadow:none!important;}
html.tk-readable[data-branch="girls"] body :is(#vp18IdentityStage,#vp18DayStage,#identityStage,#dayEntry,#identityScreen,#timeScreen,#entryIdentity,#entryDay,#entryIdentityV5,#entryStartV5,#managerIdentityStage,#managerDayStage,#partnershipIdentityStage,#partnershipDayStage) :is(.vp18-identity-shell,.vp18-day-card,.identity-wrap,.identity-card,.time-card,.start-card,.tk-day-shell,.tk-day-copy,.role-card,.royal-card,.entry-card){background:#fff!important;border-color:#d8bfd3!important;color:#432744!important;}
html.tk-readable[data-branch="girls"] body :is(#vp18IdentityStage,#vp18DayStage,#identityStage,#dayEntry,#identityScreen,#timeScreen,#entryIdentity,#entryDay,#entryIdentityV5,#entryStartV5,#managerIdentityStage,#managerDayStage,#partnershipIdentityStage,#partnershipDayStage) :is(button,.btn,.vp18-btn){background:#733a68!important;color:#fff!important;border-color:#733a68!important;min-height:48px;font-family:Tajawal,sans-serif!important;font-size:17px!important;}
html.tk-readable[data-branch="girls"] body :is(#vp18IdentityStage,#vp18DayStage,#identityStage,#dayEntry,#identityScreen,#timeScreen,#entryIdentity,#entryDay,#entryIdentityV5,#entryStartV5,#managerIdentityStage,#managerDayStage,#partnershipIdentityStage,#partnershipDayStage) :is(button,.btn,.vp18-btn) :is(span,b,strong,small){color:#fff!important;}
html.tk-readable[data-branch="girls"] body :is(#vp18IdentityStage,#vp18DayStage,#identityStage,#dayEntry,#identityScreen,#timeScreen,#entryIdentity,#entryDay,#entryIdentityV5,#entryStartV5,#managerIdentityStage,#managerDayStage,#partnershipIdentityStage,#partnershipDayStage) :is(button.secondary,.btn.secondary,.vp18-btn.secondary){background:#fff!important;color:#432744!important;border-color:#ad81a4!important;}
html.tk-readable[data-branch="girls"] body :is(#managerIdentityStage,#managerDayStage,#partnershipIdentityStage,#partnershipDayStage) .manager-entry-heading>span{background:#733a68!important;color:#fff!important;}
html.tk-readable[data-branch] body .workspace-hero :is(h1,h2),html.tk-readable[data-branch] body .manager-v36-morning h2{font-family:Cairo,Tajawal,sans-serif!important;font-weight:800!important;}

/* Girls' entrance: one royal-purple palette shared by the existing login layouts. */
html[data-branch="girls"]{--tk-royal-deep:#2D104A;--tk-royal-main:#4B176A;--tk-royal-bright:#6E2C91;--tk-royal-gold:#E5BE63;}
html[data-branch="girls"] body :is(#vpLogin.vp-login-v11,#authScreen){background:radial-gradient(circle at 15% 15%,rgba(185,129,224,.18),transparent 32%),linear-gradient(135deg,var(--tk-royal-deep),var(--tk-royal-main) 55%,var(--tk-royal-bright))!important;}
html[data-branch="girls"] body :is(.vp-v11-identity-side,.manager-v31-identity-side){background:radial-gradient(circle at 32% 18%,rgba(229,190,99,.13),transparent 24%),linear-gradient(135deg,var(--tk-royal-deep),var(--tk-royal-main) 54%,var(--tk-royal-bright))!important;color:#fff!important;}
html[data-branch="girls"] body :is(.vp-v11-identity-side,.manager-v31-identity-side) :is(h1,h2,p,.vp-v11-role-sub,.manager-v31-role-sub,.vp-v11-school,.manager-v31-school){color:#fff!important;opacity:1!important;text-shadow:none!important;}
html[data-branch="girls"] body :is(.vp-v11-brand-kicker,.manager-v31-brand-kicker,.vp-v11-tagline,.manager-v31-tagline){color:var(--tk-royal-gold)!important;}
html[data-branch="girls"] body :is(.vp-v11-features,.manager-v31-features)>div{background:rgba(255,255,255,.075)!important;border-color:rgba(229,190,99,.45)!important;color:#fff!important;}
html[data-branch="girls"] body :is(.vp-v11-features,.manager-v31-features) span{color:var(--tk-royal-gold)!important;}
html[data-branch="girls"] body :is(.vp-v11-form-head,.manager-v31-form-head) h2,html[data-branch="girls"] body :is(.vp-v11-form,.manager-v31-form) label{color:#45205C!important;}
html[data-branch="girls"] body :is(.vp-v11-input-wrap,.manager-v31-input-wrap) :is(input,select){border-color:#C6ABD9!important;color:#45205C!important;}
html[data-branch="girls"] body :is(.vp-v11-input-wrap,.manager-v31-input-wrap) :is(input,select):focus{outline:2px solid #8950AB!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(137,80,171,.12)!important;}
html[data-branch="girls"] body :is(.vp-v11-login-btn,.manager-v31-login-btn){background:linear-gradient(100deg,#4B176A,#793BA0)!important;color:#fff!important;border-color:#6E2C91!important;}

/* Student affairs: match text contrast to the existing panel background. */
html.tk-readable[data-branch="girls"] body.student-affairs-screen #entryIdentity .identity-head :is(.center,.system){color:#593467!important;opacity:1!important;font-size:15px!important;font-weight:600!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important;}
html.tk-readable[data-branch="girls"] body #c11StudentDirectory :is(td,label,small),
html.tk-readable[data-branch="girls"] body #c11TeacherDirectory td{color:#3E2053!important;opacity:1!important;font-size:15px!important;line-height:1.8!important;}
html.tk-readable[data-branch="girls"] body #c11StudentDirectory td b{font-size:17px!important;font-weight:800!important;}
html.tk-readable[data-branch="girls"] body #c11StudentDirectory .toolbar{flex-wrap:wrap;gap:12px;}
html.tk-readable[data-branch="girls"] body #c11ClassFilter{min-width:180px;max-width:100%;color:#3E2053!important;font-size:16px!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen .v5-launch,
html.tk-readable[data-branch="girls"] body.student-affairs-screen .v5-launch.gold{background:linear-gradient(135deg,#4B176A,#6E2C91)!important;border:1px solid #9B76B3!important;color:#fff!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen .v5-launch :is(b,span){color:#fff!important;opacity:1!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen .v5-launch b{font-size:17px!important;font-weight:800!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen .v5-launch span{font-size:15px!important;font-weight:500!important;line-height:1.8!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen .v5-launch .v5-icon-orb{background:#35134D!important;color:#fff!important;border-color:#AD89C5!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen .v5-launch:hover{border-color:#D5BFE4!important;}
body.student-affairs-screen #cases .case-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
body.student-affairs-screen #cases .case-fields>.field{min-width:0!important;width:auto!important;grid-column:auto!important;}
body.student-affairs-screen #cases .case-fields>.field.span4{grid-column:1/-1!important;}
body.student-affairs-screen #cases .case-fields :is(input,select,textarea){box-sizing:border-box!important;display:block;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;}
body.student-affairs-screen #cases .case-fields :is(input,select,textarea):focus{outline:2px solid #8950AB!important;outline-offset:2px!important;box-shadow:none!important;}
@media(max-width:600px){body.student-affairs-screen #cases .case-fields{grid-template-columns:minmax(0,1fr)!important;}}
html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(.identity-welcome,.v6-section-title,.v5-hero,.student-login-identity-side){background:linear-gradient(135deg,#2D104A,#4B176A 55%,#6E2C91)!important;color:#fff!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen #entryIdentity .identity-welcome :is(h2,p,small,b,strong),
html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(.v6-section-title,.v5-hero,.student-login-identity-side) :is(h1,h2,h3,p,b,small,span){color:#fff!important;opacity:1!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen #entryIdentity .identity-welcome :is(small,.iw-spark,.iw-spark b),
html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(.v6-section-title,.v5-hero) :is(.v5-kicker,.v6-live-pill strong){color:#F4D98B!important;-webkit-text-fill-color:currentColor!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen #entryIdentity :is(.identity-head p,.identity-sub,.identity-note,.identity-divider,.national-card .tag){color:#593467!important;opacity:1!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(.identity-welcome,.v6-section-title) p{font-size:15px!important;line-height:1.9!important;font-weight:500!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen #studentCards .student-card>b{color:#3E2053!important;font-size:18px!important;font-weight:800!important;line-height:1.8!important;opacity:1!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen #studentCards .student-card>small{color:#4D3B5D!important;font-size:15px!important;font-weight:600!important;line-height:1.9!important;opacity:1!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(#v6MorningRows,#attendanceRows) td:nth-child(2),
html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(#v6MorningRows,#attendanceRows) td:nth-child(3),
html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(.table-wrap,.v6-morning-table) td{color:#3E2053!important;font-size:15px!important;line-height:1.8!important;opacity:1!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen #v6MorningRows td:nth-child(2){font-weight:800!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(.field,.v6-filter-bar) :is(label,input,select,textarea),
html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(#studentSearch,#studentStageFilter,#studentStatusFilter){color:#3E2053!important;opacity:1!important;font-size:16px!important;font-weight:600!important;}
html.tk-readable[data-branch="girls"] body.student-affairs-screen select option{color:#3E2053!important;background:#fff!important;}
@media print{
 html.tk-readable[data-branch="girls"] body.student-affairs-screen :is(.table-wrap,.v6-morning-table) td,
 html.tk-readable[data-branch="girls"] body.student-affairs-screen #studentCards .student-card :is(b,small){color:#171717!important;opacity:1!important;text-shadow:none!important;}
}

/* Health/activity native content: clear text on dark panels, stable A4 report typography. */
html.tk-readable[data-branch="girls"] body.activity-leader-screen #app .workflow-steps.card .wf-step span{color:#fff!important;font-size:16px!important;font-weight:700!important;opacity:1!important}
html.tk-readable[data-branch="girls"] body.activity-leader-screen #app .workflow-steps.card .wf-step b{color:#4b176a!important;background:#eee3f4!important}
html.tk-readable[data-branch="girls"] body.activity-leader-screen #app .workflow-steps.card>i{color:white!important}
html.tk-readable[data-branch="girls"] body:is(.health-guide-screen,.activity-leader-screen) :is(.form-card-dark,.hero-panel,.analysis-panel) :is(h2,h3,p,label,small){color:#fff!important;opacity:1!important}
html.tk-readable[data-branch="girls"] body:is(.health-guide-screen,.activity-leader-screen) :is(.field,.health-form-grid) :is(input,select,textarea){font-size:16px!important;color:#30143f!important}
@media print{
 html.tk-readable[data-branch] body #healthOfficialPrint :is(th,td,p,span),html.tk-readable[data-branch] body #activity11PrintRoot :is(th,td,p,span){font-size:10pt!important;line-height:1.7!important;color:#191919!important;opacity:1!important}
 html.tk-readable[data-branch] body #activity11PrintRoot th{color:#fff!important}
}

html.tk-readable[data-branch="girls"] body.safety-screen :is(.hero,.form-card-dark,.report-dark) :is(h2,h3,p,label,small){color:#fff!important;opacity:1!important}
html.tk-readable[data-branch="girls"] body.safety-screen :is(input,select,textarea){font-size:16px!important;color:#30143f!important}

html.tk-readable[data-branch="girls"] body.partnerships-screen :is(.hero,.brand,.side) :is(h1,h2,h3,p,small){color:white!important;opacity:1!important}
html.tk-readable[data-branch="girls"] body.partnerships-screen :is(input,select,textarea){font-size:16px!important;color:#30143f!important}

html.tk-readable[data-branch="girls"] body:is(.student-screen,.parent-screen) :is(.hero,.side-profile,.form-card-dark) :is(h2,h3,p,small,label){color:#fff!important;opacity:1!important}
html.tk-readable[data-branch="girls"] body:is(.student-screen,.parent-screen) :is(input,select,textarea){color:#30143f!important;font-size:16px!important}