/* Theme editor is independent of panel data and never changes shared branding defaults. */
.hsAppearanceActions{display:flex;align-items:center;gap:7px;flex-shrink:0}.hsAppearanceButton{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:40px;border:1px solid currentColor!important;border-radius:10px!important;padding:7px 10px!important;background:transparent!important;color:inherit!important;font:700 12px Arial,sans-serif!important;cursor:pointer}.hsAppearanceButton span{white-space:nowrap}
.hsAppearanceDialog{width:min(530px,calc(100vw - 24px));max-height:88vh;overflow:auto;padding:22px;border:1px solid #d8e7ee;border-radius:20px;background:#fff;color:#173552;font:14px/1.5 Arial,sans-serif;box-sizing:border-box;z-index:11000}.hsAppearanceDialog *{box-sizing:border-box}.hsAppearanceDialog::backdrop{background:#082f4980}.hsAppearanceDialog h2{font-size:20px;margin:0}.hsAppearanceDialog p{margin:10px 0}.hsAppearanceDialog button{font:inherit;cursor:pointer}.hsAppearanceDialog .hsaHead{display:flex;justify-content:space-between;align-items:center;gap:12px}.hsAppearanceDialog .hsaClose{min-width:40px;min-height:40px;border:0;border-radius:9px;background:#edf4f8;color:#173552}.hsAppearanceDialog .hsaPalettes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.hsAppearanceDialog .hsaPalette{min-height:52px;padding:8px;border:1px solid #d8e7ee;border-radius:10px;background:#fff;color:#173552;font-size:12px;display:flex;flex-direction:column;gap:5px}.hsAppearanceDialog .hsaPalette[aria-pressed=true]{border:2px solid #124d60;padding:7px}.hsAppearanceDialog .hsaSwatches{display:flex;gap:3px}.hsAppearanceDialog .hsaSwatches i{width:18px;height:8px;border-radius:3px;background:var(--hsa-swatch)}.hsAppearanceDialog .hsaFields{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.hsAppearanceDialog .hsaField{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #e1e8f0;padding:9px 0}.hsAppearanceDialog input[type=color]{width:46px;height:38px;padding:3px;border:1px solid #c9dae5;border-radius:8px;background:#fff}.hsAppearanceDialog .hsaFoot{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hsAppearanceDialog .hsaFoot button{min-height:42px;padding:10px 12px;border:1px solid #d8e7ee;border-radius:10px;background:#eef4f7;color:#173552}.hsAppearanceDialog .hsaFoot .hsaSave{background:#124d60;color:#fff}.hsAppearanceDialog button:disabled{opacity:.5;cursor:default}.hsAppearanceDialog [role=status]{min-height:22px;font-size:12px}.hsAppearanceDialog .hsaNote{font-size:12px;color:#506a7b}.hsAppearanceDialog :focus-visible,.hsAppearanceButton:focus-visible{outline:3px solid #28a8c7;outline-offset:3px}
html[data-hs-custom-theme]{--hs-ocean:var(--hs-ui-top);--hs-ocean-light:var(--hs-ui-top);--hs-silver:var(--hs-ui-top-ink);--hs-paper:var(--hs-ui-page);--hs-border:var(--hs-ui-line);--hs-accent-text:var(--hs-ui-accent);--n:var(--hs-ui-accent);--n2:var(--hs-ui-top);--navy:var(--hs-ui-accent);--navy2:var(--hs-ui-top);--g:var(--hs-ui-accent);--gold:var(--hs-ui-accent);--bg:var(--hs-ui-page);--card:var(--hs-ui-panel);--white:var(--hs-ui-panel);--text:var(--hs-ui-panel-ink);--mut:var(--hs-ui-muted);--line:var(--hs-ui-line)}
html[data-hs-custom-theme],html[data-hs-custom-theme] body,html[data-hs-custom-theme] :is(.app,.phone,.shell,.main,.wrap,main,.studyMain){background:var(--hs-ui-page)!important;color:var(--hs-ui-page-ink)!important}
html[data-hs-custom-theme] :is(.hero,.side,.studyHero,.ctHeader,body[data-hs-panel=mudur] #app>header){background:var(--hs-ui-top)!important;color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] :is(.hero,.side,.ctHeader) :is(.gold,.sub,.eyebrow,.small,.stat b,.brand b,.sideBrand,.sideSub,.mut,.navGroupTitle){color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] :is(.hero,.side,.ctHeader) :is(.hsAppearanceButton,.institutionSwitch button){color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] :is(.card,.panel,.bookCard,.examcard,.stat,.box,.mini,.metric,.metric>div,.person,.preview,.classCard,.ttBox,.ttDayCard,.meetingMonth,.parentRoom,.lessonRoom,.solvedBook,.programSummary>div,.ctBox,.ctProduct,.ctStat,.bc-card,.bc-room,.bc-person,.bc-day-detail,.bc-calendar,.bc-dialog,.ctDrinkStudent,.ctDrinkReward){background:var(--hs-ui-panel)!important;color:var(--hs-ui-panel-ink)!important;border-color:var(--hs-ui-line)!important}
html[data-hs-custom-theme] :is(.hero .stat,.hero .box,.hero .mini){background:transparent!important;color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] :is(.mut,.ctMuted,.ct th,.ctDrinkHint,.bc-small){color:var(--hs-ui-muted)!important}
html[data-hs-custom-theme] :is(.card,.panel,.bookCard,.box,.metric,.stat) :is(h1,h2,h3,h4,.title,.gold){color:var(--hs-ui-panel-ink)!important}
html[data-hs-custom-theme] :is(.btn:not(.red):not(.gold):not(.ghost),.btnGold,.homeAction,.loginBtn,.bc-orange,.bc-primary,.ct button:not(.ctDanger):not(.ctGhost),.ctDrinkStudent button){background:var(--hs-ui-button,var(--hs-ui-top))!important;color:var(--hs-ui-button-ink,var(--hs-ui-top-ink))!important}
html[data-hs-custom-theme] :is(.tabs,.daytabs,.examtype,.coursechips,.rank-period,.rank-scope,.week-selector,.programDays,.scheduleSwitch,.scheduleDays,.resultTabs,.day-tabs,.exam-pills,.course-pills,.result-pills) button{background:var(--hs-ui-panel)!important;color:var(--hs-ui-panel-ink)!important;border-color:var(--hs-ui-line)!important}
html[data-hs-custom-theme] :is(.tabs,.daytabs,.examtype,.coursechips,.rank-period,.rank-scope,.week-selector,.programDays,.scheduleSwitch,.scheduleDays,.resultTabs,.day-tabs,.exam-pills,.course-pills,.result-pills) button.on,html[data-hs-custom-theme] .ct .ctTabs button[aria-selected=true],html[data-hs-custom-theme] .bc-tabs .bc-on{background:var(--hs-ui-top)!important;color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] :is(.ct .ctGhost,.btn.ghost,.btn.gold,.exit,.logoutBtn,.logout,.ctHeader button,.ct .ctBadge,.chip,.pill){background:var(--hs-ui-panel)!important;color:var(--hs-ui-panel-ink)!important}
html[data-hs-custom-theme] :is(input:not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea){background:var(--hs-ui-panel)!important;color:var(--hs-ui-panel-ink)!important;border-color:var(--hs-ui-line)!important}
html[data-hs-custom-theme] :is(.bottom,.hsDirectorBottom,body[data-hs-panel=ogrenci] .nav){background:var(--hs-ui-panel)!important;border-color:var(--hs-ui-line)!important;color:var(--hs-ui-panel-ink)!important}
html[data-hs-custom-theme] :is(.bottom .nav,body[data-hs-panel=ogrenci] .nav>div,.hsDirectorBottom button){color:var(--hs-ui-panel-ink)!important}
html[data-hs-custom-theme] :is(.bottom .nav.on,body[data-hs-panel=ogrenci] .nav>.active,.hsDirectorBottom button.on,.hsDirectorSections .nav.on){background:var(--hs-ui-top)!important;color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] body[data-hs-panel=mudur] aside{background:var(--hs-ui-panel)!important;color:var(--hs-ui-panel-ink)!important}
html[data-hs-custom-theme] body[data-hs-panel=mudur] aside :is(.nav,.navGroupTitle){color:var(--hs-ui-panel-ink)!important}
html[data-hs-custom-theme] .ct .ctStat.ctPrimary{background:var(--hs-ui-top)!important;color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] .ct .ctStat.ctPrimary .ctMuted{color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] .hsAppearanceDialog,html[data-hs-custom-theme] .hsAppearanceDialog :is(button,input){background:#fff!important;color:#173552!important;border-color:#d8e7ee!important}
html[data-hs-custom-theme] .hsAppearanceDialog .hsaSave{background:#124d60!important;color:#fff!important}
@media(min-width:1100px){html[data-hs-custom-theme] :is(.bottom,body[data-hs-panel=ogrenci] .nav){background:var(--hs-ui-top)!important;color:var(--hs-ui-top-ink)!important}html[data-hs-custom-theme] :is(.bottom .nav,body[data-hs-panel=ogrenci] .nav>div,.bottom:before,.bottom:after){color:var(--hs-ui-top-ink)!important}html[data-hs-custom-theme] :is(.bottom .nav.on,body[data-hs-panel=ogrenci] .nav>.active){background:var(--hs-ui-panel)!important;color:var(--hs-ui-panel-ink)!important}}
@media(max-width:600px){.hsAppearanceButton span{display:none}.hsAppearanceButton{padding:6px!important}.hsAppearanceDialog{padding:16px}.hsAppearanceDialog .hsaPalettes{grid-template-columns:repeat(2,minmax(0,1fr))}.hsAppearanceDialog .hsaFields{grid-template-columns:1fr}}

html[data-hs-custom-theme] .ct{color:var(--hs-ui-page-ink)!important}
html[data-hs-custom-theme] .ct dialog{background:var(--hs-ui-panel)!important;color:var(--hs-ui-panel-ink)!important}
html[data-hs-custom-theme] :is(.mut,.ctMuted,.ct th,.ctDrinkHint,.bc-small){color:inherit!important;opacity:.8}

html[data-hs-custom-theme] .hsAppearanceDialog .hsaPalette[aria-pressed=true]{border-color:#124d60!important}


/* The study welcome card is an accent surface, not a regular content panel. */
html[data-hs-custom-theme] #birlikteCalis .bc-card.bc-hero{background:var(--hs-ui-top)!important;color:var(--hs-ui-top-ink)!important;border-color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] #birlikteCalis .bc-hero :is(h3,p,.bc-stats span,.bc-stats strong,.bc-timer,.bc-focus-caption){color:var(--hs-ui-top-ink)!important}
html[data-hs-custom-theme] #birlikteCalis .bc-hero .bc-start{background:var(--hs-ui-button,var(--hs-ui-top))!important;color:var(--hs-ui-button-ink,var(--hs-ui-top-ink))!important;border:1px solid currentColor!important}


/* Brand identity is fixed independently of account themes. */
html[data-hs-custom-theme] :is(.hsBrandIdentity,.brand,.ctHeader,.logo)>img,html[data-hs-custom-theme] .side .logo{background:#082f49!important}
html[data-hs-custom-theme] .hsBrandIdentity .hsBrandWords strong,html[data-hs-custom-theme] body[data-hs-panel=ogrenci] .hsCleanHeader .hsBrandWords strong{color:#d1e7f4!important}
html[data-hs-custom-theme] .hsBrandIdentity .hsBrandWords small,html[data-hs-custom-theme] body[data-hs-panel=ogrenci] .hsCleanHeader .hsBrandWords small{color:#b5d3e2!important}
html[data-hs-custom-theme] .hsBrandIdentity.onLight .hsBrandWords strong{color:#082f49!important}
html[data-hs-custom-theme] .hsBrandIdentity.onLight .hsBrandWords small{color:#176780!important}
html[data-hs-custom-theme] :is(.btn.gold,.btnGold){background:var(--hs-ui-button,var(--hs-ui-top))!important;color:var(--hs-ui-button-ink,var(--hs-ui-top-ink))!important}

/* Menu headers share the upper panel color, with visible page space between surfaces. */
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]){--hs-menu-panel:var(--hs-ui-top,#082f49);--hs-menu-ink:var(--hs-ui-top-ink,#fff)}
body[data-hs-panel=ogrenci] .main,body[data-hs-panel=ogretmen] .wrap{padding-top:24px!important}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.panelHero,.wrongHero,.hsMenuPanel,.scheduleSectionTitle),
body[data-hs-panel=ogrenci] .page>.title:first-child,
body[data-hs-panel=ogrenci] .page>.card:first-child>.title:first-child,
body[data-hs-panel=ogretmen] .dailyProgramPanel>.title{
background:var(--hs-menu-panel)!important;color:var(--hs-menu-ink)!important;
border:0!important;border-radius:18px;padding:18px 20px!important;
margin:0 0 18px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.panelHero,.wrongHero,.hsMenuPanel,.scheduleSectionTitle) :is(h2,h3,p,.panelEyebrow,.heroCount,.heroCount small,.chip),
body[data-hs-panel=ogrenci] .page>.title:first-child :is(h3,.chip),
body[data-hs-panel=ogrenci] .page>.card:first-child>.title:first-child :is(h3,.chip),
body[data-hs-panel=ogretmen] .dailyProgramPanel>.title :is(h3,.chip){color:var(--hs-menu-ink)!important}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.hsMenuPanel,.scheduleSectionTitle) h3{margin:0}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.hsMenuPanel,.scheduleSectionTitle) .chip,
body[data-hs-panel=ogrenci] .page>.title:first-child .chip{background:transparent!important;border:1px solid currentColor}
body[data-hs-panel=ogrenci] .ctDrinkStudent{background:var(--hs-menu-panel)!important;color:var(--hs-menu-ink)!important;margin-top:18px!important}
body[data-hs-panel=ogrenci] .ctDrinkStudent :is(.ctDrinkReward,.ctDrinkCard){background:transparent!important;color:var(--hs-menu-ink)!important;border-color:currentColor!important}
body[data-hs-panel=ogrenci] .ctDrinkStudent :is(strong,p,h3,.ctDrinkHint){color:var(--hs-menu-ink)!important}
html[data-hs-custom-theme] body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.optSave,.obligationBtn,.wrongSend,.ctDrinkStudent button,.hsMenuPanel button.btn){background:var(--hs-ui-button)!important;color:var(--hs-ui-button-ink)!important}
@media(max-width:600px){
body[data-hs-panel=ogrenci] .main,body[data-hs-panel=ogretmen] .wrap{padding-top:18px!important}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.panelHero,.wrongHero,.hsMenuPanel,.scheduleSectionTitle){padding:16px!important}
}

body[data-hs-panel=ogrenci]:has(#birlikteCalis.active) .main{padding-top:24px!important}
@media(max-width:600px){body[data-hs-panel=ogrenci]:has(#birlikteCalis.active) .main{padding-top:18px!important}}

/* Include dynamically rendered teacher headers regardless of HTML quote style. */
body[data-hs-panel=ogretmen] .wrap>.title:first-child{
background:var(--hs-menu-panel)!important;color:var(--hs-menu-ink)!important;
border:0!important;border-radius:18px;padding:18px 20px!important;margin:0 0 18px!important;
display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
body[data-hs-panel=ogretmen] .wrap>.title:first-child :is(h3,.chip){color:var(--hs-menu-ink)!important}
body[data-hs-panel=ogretmen] .wrap>.title:first-child h3{margin:0}
body[data-hs-panel=ogretmen] .wrap>.title:first-child .chip{background:transparent!important;border:1px solid currentColor}
@media(max-width:600px){body[data-hs-panel=ogretmen] .wrap>.title:first-child{padding:16px!important}}

/* Drink panel overrides generic card surfaces and follows the main header. */
body[data-hs-panel=ogrenci] #birlikteCalis .ctDrinkStudent{
background:var(--hs-ui-top,#082f49)!important;color:var(--hs-ui-top-ink,#fff)!important;
border-color:var(--hs-ui-top-ink,#fff)!important;
}
body[data-hs-panel=ogrenci] #birlikteCalis .ctDrinkStudent .ctDrinkReward{
background:transparent!important;color:var(--hs-ui-top-ink,#fff)!important;border-color:currentColor!important;
}
body[data-hs-panel=ogrenci] #birlikteCalis .ctDrinkStudent :is(strong,p,b,summary,li,.ctDrinkHint){
color:var(--hs-ui-top-ink,#fff)!important;
}
html[data-hs-custom-theme] body[data-hs-panel=ogrenci] #birlikteCalis .ctDrinkStudent button{
background:var(--hs-ui-button)!important;color:var(--hs-ui-button-ink)!important;
}

/* Study card headings are panel surfaces; card contents and actions remain independent. */
body[data-hs-panel=ogrenci] #birlikteCalis .bc-card:not(.bc-hero)>:is(.bc-row:has(>h3),h3){
background:var(--hs-ui-top,#082f49)!important;color:var(--hs-ui-top-ink,#fff)!important;
border-radius:12px;padding:14px 16px!important;margin:0 0 16px!important;
}
body[data-hs-panel=ogrenci] #birlikteCalis .bc-card:not(.bc-hero)>.bc-row:has(>h3){gap:10px;flex-wrap:wrap}
body[data-hs-panel=ogrenci] #birlikteCalis .bc-card:not(.bc-hero)>.bc-row:has(>h3) :is(h3,.bc-live-count){
color:var(--hs-ui-top-ink,#fff)!important;
}
body[data-hs-panel=ogrenci] #birlikteCalis .bc-card:not(.bc-hero)>.bc-row:has(>h3) h3{margin:0!important}
body[data-hs-panel=ogrenci] #birlikteCalis .bc-card:not(.bc-hero)>.bc-row:has(>h3) .bc-live-count{background:transparent!important;border:1px solid currentColor}
body[data-hs-panel=ogrenci] #birlikteCalis .bc-card:not(.bc-hero)>.bc-row:has(>h3) button{
background:var(--hs-ui-button,#176780)!important;color:var(--hs-ui-button-ink,#fff)!important;border:1px solid currentColor!important;
}

/* Apply the same header treatment throughout student and teacher panels. */
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.main,.wrap) :is(.title,.card>h3,.solvedBookHead,.kmHead,.kmCourseHead,.attLessonHead,.programCourseHead,.programDayTitle,.feedbackTitle){
background:var(--hs-ui-top,#082f49)!important;color:var(--hs-ui-top-ink,#fff)!important;
border-radius:12px;padding:14px 16px!important;margin-top:0!important;margin-bottom:16px!important;gap:10px;
}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.main,.wrap) :is(.title,.solvedBookHead,.kmHead,.kmCourseHead,.attLessonHead,.programCourseHead,.programDayTitle,.feedbackTitle) :is(h2,h3,h4,strong,small,.chip,.meta,.mini){
color:var(--hs-ui-top-ink,#fff)!important;
}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.main,.wrap) .title{flex-wrap:wrap}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.main,.wrap) .title h3{margin:0}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.main,.wrap) .title .chip{
background:transparent!important;color:var(--hs-ui-top-ink,#fff)!important;border:1px solid currentColor;
}
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen]) :is(.main,.wrap) :is(.title,.solvedBookHead,.kmHead,.kmCourseHead,.attLessonHead,.programCourseHead) button:not(.red){
background:var(--hs-ui-button,#176780)!important;color:var(--hs-ui-button-ink,#fff)!important;
}

/* Director headings follow the same panel / content / button separation. */
body[data-hs-panel=mudur]{--hs-menu-panel:var(--hs-ui-top,#082f49);--hs-menu-ink:var(--hs-ui-top-ink,#fff)}
body[data-hs-panel=mudur] #view{padding-top:18px}
body[data-hs-panel=mudur] #view :is(.pagehead,.card>h3,.classHead,.monitorHead,.khead,.assignmentClassHead,.ttCheckHead,.ttDayTitle){
background:var(--hs-menu-panel)!important;color:var(--hs-menu-ink)!important;
padding:14px 16px!important;border-radius:12px;margin-bottom:16px!important;gap:10px;
}
body[data-hs-panel=mudur] #view .pagehead{flex-wrap:wrap}
body[data-hs-panel=mudur] #view :is(.pagehead,.classHead,.monitorHead,.khead,.assignmentClassHead,.ttCheckHead,.ttDayTitle) :is(h1,h2,h3,h4,.classTitle,.mut,.pill,small,strong){
color:var(--hs-menu-ink)!important;
}
body[data-hs-panel=mudur] #view .pagehead :is(h1,h2,h3){margin:0}
body[data-hs-panel=mudur] #view .pagehead .pill{background:transparent!important;border:1px solid currentColor}
body[data-hs-panel=mudur] #view :is(.pagehead,.classHead,.monitorHead,.khead,.assignmentClassHead,.ttCheckHead) button:not(.red):not(.bad){
background:var(--hs-ui-button,#176780)!important;color:var(--hs-ui-button-ink,#fff)!important;
}

/* Absence keeps its semantic red color independently of account themes. */
body:is([data-hs-panel=ogrenci],[data-hs-panel=ogretmen],[data-hs-panel=mudur]) :is(.attBtns button.absent,.attendanceNo,.attendanceDone.attendanceAbsent){
background:#fdebed!important;color:#b42335!important;border-color:#e6a3ad!important;
}
body:is([data-hs-panel=ogretmen],[data-hs-panel=mudur]) .attBtns button.absent.on{
background:#b42335!important;color:#fff!important;border-color:#b42335!important;
}

/* Header counters use the header contrast color instead of a pale card surface. */
body[data-hs-panel=mudur] #view :is(.classHead,.monitorHead,.khead,.assignmentClassHead,.ttCheckHead) :is(.classCount,.pill){
background:transparent!important;color:var(--hs-ui-top-ink,#fff)!important;border:1px solid currentColor!important;
}
body[data-hs-panel=mudur] #view .classHead .classChevron{color:var(--hs-ui-top-ink,#fff)!important}

/* Exam template controls follow the independent action button color. */
body[data-hs-panel=mudur] #view button.hsThemeAction{
background:var(--hs-ui-button,#176780)!important;color:var(--hs-ui-button-ink,#fff)!important;border-color:currentColor!important;
}

/* Class and person rows are neutral surfaces, distinct from section headers and actions. */
body[data-hs-panel=mudur] #view :is(.classHead,.monitorClass>.monitorHead,.monitorStudent>.monitorHead,.assignmentClassHead,.ttCheckHead,.person,.hsyClass>summary){
background:#f5f7fa!important;color:#172538!important;border:1px solid #cdd5df!important;
border-radius:14px!important;padding:14px 16px!important;
}
body[data-hs-panel=mudur] #view :is(.classHead,.monitorClass>.monitorHead,.monitorStudent>.monitorHead,.assignmentClassHead,.ttCheckHead,.person,.hsyClass>summary) :is(h1,h2,h3,h4,b,strong,small,.classTitle,.personname,.mut,.personmeta,.pill,.classCount,.classChevron){
color:#172538!important;
}
body[data-hs-panel=mudur] #view :is(.classHead,.monitorClass>.monitorHead,.monitorStudent>.monitorHead,.assignmentClassHead,.ttCheckHead,.hsyClass>summary) :is(.classCount,.pill){
background:transparent!important;color:#172538!important;border-color:#cdd5df!important;
}
body[data-hs-panel=mudur] #view .hsyStudent{background:#f5f7fa!important;color:#172538!important;border-radius:10px;padding:12px;margin:6px 0}
body[data-hs-panel=mudur] #view .hsyStudent small{color:#526176!important}

/* Attendance is a semantic status, independent of personal theme colors. */
body[data-hs-panel=mudur] #view .pill.bad{
background:#fdebed!important;color:#b42335!important;border:1px solid #e6a3ad!important;
}
body[data-hs-panel=mudur] #view .pill.ok{
background:#eaf7ef!important;color:#17643a!important;border:1px solid #b5d8c1!important;
}
body[data-hs-panel=mudur] #view .person .pill.hsPendingStatus{
display:inline-flex;align-items:center;gap:5px;background:#fff3dc!important;color:#8a4b08!important;
border:1px solid #ecd0a1!important;border-radius:8px;padding:6px 9px;font-weight:700;cursor:default;
}

body[data-hs-panel=mudur] #view .pagehead.hsEntityHead{
background:#f5f7fa!important;color:#172538!important;border:1px solid #cdd5df!important;border-radius:14px!important;
}
body[data-hs-panel=mudur] #view .pagehead.hsEntityHead :is(h3,.mut){
color:#172538!important;
}

/* Attendance rows must use their own surface contrast, including dark themes. */
body[data-hs-panel=ogretmen] .attLesson,body[data-hs-panel=ogretmen] .attLessonBody{background:var(--hs-ui-panel,#fff)!important;color:var(--hs-ui-panel-ink,#172538)!important}
body[data-hs-panel=ogretmen] .attStudent{color:var(--hs-ui-panel-ink,#172538)!important;min-width:0}
body[data-hs-panel=ogretmen] .attStudent>div:first-child{min-width:0}
body[data-hs-panel=ogretmen] .attStudent .name{color:var(--hs-ui-panel-ink,#172538)!important;font-size:14px;overflow-wrap:anywhere}
body[data-hs-panel=ogretmen] .attStudent .meta{color:var(--hs-ui-panel-ink,#526176)!important;opacity:.8}
body[data-hs-panel=ogretmen] .attLessonHead :is(.name,.time){color:var(--hs-ui-top-ink,#fff)!important}