:root{--blue:#2f6fbd;--green:#57a98c;--ink:#24364b;--muted:#708197;--line:#e2eaf3;--bg:#f4f8fc;--card:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}
button,input,select,textarea{font:inherit}.top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:800;color:#285c9f}.brand span{color:var(--green)}.userbar{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:14px}
.layout{display:flex;min-height:calc(100vh - 68px)}.side{width:238px;background:#fff;border-right:1px solid var(--line);padding:18px 12px}.nav{display:flex;gap:10px;width:100%;padding:12px 14px;border:0;background:transparent;border-radius:11px;color:#587087;text-align:left;cursor:pointer;margin:2px 0}.nav:hover,.nav.active{background:#edf4fc;color:#225fa7;font-weight:700}.side-title{font-size:11px;color:#9aa8b8;text-transform:uppercase;padding:15px 14px 7px;font-weight:800}
main{flex:1;max-width:1320px;margin:auto;padding:30px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.welcome h1{margin:0 0 6px;font-size:30px}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat,.card{background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 24px rgba(45,75,110,.045)}.stat{padding:18px}.stat b{font-size:27px;color:var(--blue);display:block}.stat span{font-size:13px;color:var(--muted)}
.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action{padding:20px;cursor:pointer;transition:.15s}.action:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(45,75,110,.1)}.action .ico{font-size:27px}.action h3{margin:9px 0 5px}.action p{margin:0;color:var(--muted);font-size:13px}.wide{grid-column:span 2}.section{margin-top:18px}.card{padding:20px}.head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.head h2{margin:0 0 5px;font-size:24px}.btn{border:0;border-radius:10px;padding:10px 15px;cursor:pointer;font-weight:700}.primary{background:var(--blue);color:#fff}.soft{background:#edf4fc;color:#2b619f}.danger{background:#fff0f0;color:#c34848}.form{display:grid;gap:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:#50647b}.field input,.field select,.field textarea,.auth input,.auth select{width:100%;padding:11px 12px;border:1px solid #d7e1eb;border-radius:10px;background:#fbfdff;outline:none}.field textarea{min-height:100px;resize:vertical}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 9px;border-bottom:1px solid #edf1f5;font-size:13px}.table th{font-size:11px;color:#7b8da2;text-transform:uppercase}.empty{text-align:center;padding:35px;color:var(--muted)}.items{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.item{padding:17px}.item h3{margin:0 0 7px}.item p{color:var(--muted);font-size:13px;line-height:1.55}.tag{display:inline-block;background:#edf4fc;color:#37699d;padding:5px 8px;border-radius:20px;font-size:11px;margin:2px}.task{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f5}.done{text-decoration:line-through;color:#9ba8b6}.auth{max-width:430px;margin:8vh auto;background:#fff;padding:34px;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px rgba(45,75,110,.08)}.auth h1{margin:0 0 7px}.auth .field{margin:15px 0}.auth .switch{text-align:center;margin-top:16px;font-size:13px}.error{color:#c44949;margin-top:10px;font-size:13px}.link{border:0;background:none;color:var(--blue);cursor:pointer;font-weight:700}.print-area{background:#fff;padding:35px;max-width:900px;margin:auto}.print-area h1{text-align:center}.exam-q{padding:12px 0;border-bottom:1px dashed #ccd6e0}.notice{padding:12px 14px;background:#f1f7ff;border:1px solid #d9e9fb;border-radius:10px;color:#4f6d8d;font-size:13px}
@media(max-width:900px){.side{width:190px}.actions{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.items{grid-template-columns:1fr}}@media(max-width:650px){.layout{display:block}.side{width:100%;display:flex;overflow:auto;border-bottom:1px solid var(--line)}.side-title{display:none}.nav{min-width:max-content}.actions,.stats,.grid2,.grid3{grid-template-columns:1fr}.wide{grid-column:auto}main{padding:18px}.userbar span{display:none}}

.profileHero{display:flex;gap:18px;align-items:center;padding:22px}.avatar{width:64px;height:64px;border-radius:18px;background:#edf4fc;color:#2f6fbd;display:grid;place-items:center;font-size:28px;font-weight:800}.profileGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.infoGrid .full{grid-column:1/-1}.infoGrid small{display:block;color:#8797a9;margin-bottom:4px}.infoGrid strong{display:block;line-height:1.45}.attendanceBtns{display:flex;gap:8px;flex-wrap:wrap}.miniList{margin-top:14px;max-height:280px;overflow:auto}.miniRow{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5}.observation{padding:10px 0;border-bottom:1px solid #edf1f5}.observation p{margin:7px 0}.modalWrap{position:fixed;inset:0;background:rgba(20,40,60,.22);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(720px,100%);max-height:90vh;overflow:auto}.modal .head{display:flex;justify-content:space-between;align-items:center}.modal .head h2{margin:0}@media(max-width:800px){.profileGrid{grid-template-columns:1fr}}@media(max-width:600px){.infoGrid{grid-template-columns:1fr}.infoGrid .full{grid-column:auto}}

.actionLink{color:#2568b8;text-decoration:none;font-weight:700;display:block;line-height:1.45}.actionLink:hover{text-decoration:underline}.whatsapp{color:#178b55}.attendanceEdit{display:grid;gap:10px;margin-top:12px}.attRow{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e5ebf2;border-radius:10px}.attRow span{flex:1}.roundBtn{width:30px;height:30px;border:1px solid #d9e2ed;background:#f7f9fc;border-radius:8px;font-size:18px;cursor:pointer}.roundBtn:hover{background:#edf4fc}.rowActions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn.tiny{padding:5px 8px;font-size:11px}.observation{position:relative}.observation .rowActions{float:right}

.messageActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.whatsappNotice{margin-top:14px}.savedMessage{white-space:pre-wrap;background:#f8fbfe;border:1px solid #e7eef5;border-radius:10px;padding:12px}.field input[readonly]{background:#f3f7fb;color:#587087}

.lookupBox{background:#f7fbff;border:1px solid #e1ebf5;border-radius:12px;padding:16px;margin-bottom:18px}.lookupTitle{font-weight:700;margin-bottom:10px}.lookupRow{display:flex;gap:10px}.lookupRow input{flex:1}.studentResult{margin-top:10px;padding:10px;border-radius:8px;background:#fff}.successText{color:#18794e;background:#eefaf4!important}.errorText{color:#b42318;background:#fff1f0!important}@media(max-width:600px){.lookupRow{flex-direction:column}}

.documentCard{display:flex;gap:16px;align-items:flex-start}.docIcon{font-size:30px;width:44px;height:44px;display:grid;place-items:center;background:#f1f6fb;border-radius:10px}.docMain{flex:1}.docMain h3{margin:0 0 7px}.docContent{white-space:pre-wrap;max-height:110px;overflow:auto}.documentCard a{text-decoration:none;display:inline-block}@media(max-width:600px){.documentCard{flex-direction:column}}

.documentTools{margin-top:14px}.documentCard{display:flex;gap:14px;align-items:flex-start}.documentCard .docIcon{font-size:30px;width:42px}.documentCard .docMain{flex:1}.documentCard .head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal{width:min(520px,100%);box-shadow:0 20px 60px rgba(0,0,0,.25)}

.lessonSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.lessonSummary>div{padding:14px 16px;background:#f7fbff;border:1px solid #e3edf6;border-radius:12px}.lessonSummary strong{font-size:20px;color:var(--blue)}.lessonSummary span{color:var(--muted);font-size:13px}.lessonTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.lessonTop h3{margin:0 0 7px}.lessonMeta{margin-top:10px;color:#60758c;font-size:13px}.toolbarInput{padding:10px 12px;border:1px solid #d7e1eb;border-radius:10px;background:#fbfdff;outline:none}.toolbar select{padding:10px 12px;border:1px solid #d7e1eb;border-radius:10px;background:#fbfdff;color:#50647b}.lessonCard{min-height:150px}.lessonCard .rowActions{margin-top:12px}@media(max-width:700px){.lessonSummary{grid-template-columns:1fr}.toolbarInput{width:100%!important}.toolbar select{width:100%}}
.weeklyCard{overflow:hidden}.weekHeader,.weekTimeRow{display:grid;grid-template-columns:72px repeat(5,minmax(130px,1fr));min-width:760px}.weekHeader>div,.weekTimeRow>div{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.weekHeader>div{padding:10px;background:#f8fafc;font-weight:700;font-size:12px}.weekDay{display:flex;flex-direction:column;gap:3px}.weekDay small{font-weight:400;color:#667085}.weekDay.today{background:#eaf3ff}.weekTime{padding:12px 8px;font-weight:700;font-size:12px;background:#fbfcfe}.weekCell{min-height:105px;padding:7px;background:#fff}.weekLesson{border:1px solid #dbe5f0;border-radius:9px;padding:7px;margin-bottom:6px;background:#f8fbff;display:flex;flex-direction:column;gap:3px}.weekLesson strong{font-size:12px}.weekLesson span{font-size:11px}.weekLesson small{font-size:10px;color:#667085}.weekActions{display:flex;gap:4px;margin-top:3px}.weekActions .btn{font-size:10px;padding:4px 7px}.weeklyCard #weeklyGrid{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px}.weeklyCard .toolbar{display:flex;gap:5px;flex-wrap:wrap}
@media(max-width:900px){.weekHeader,.weekTimeRow{grid-template-columns:60px repeat(5,minmax(115px,1fr))}.weekCell{min-height:95px}}
@media print{.weeklyCard .toolbar,.rowActions{display:none!important}}

.weekCell{cursor:pointer;position:relative}.weekCell:hover{background:#f8fbff}.weekCell.hasLesson{cursor:default}.weekAdd{border:1px dashed #b8c7d9;background:#fff;border-radius:7px;padding:6px 8px;font-size:10px;cursor:pointer}.weekAdd:hover{background:#f1f6fc}
/* V23.1: Haftalık programda boş saatler de tıklanabilir */
.weekCell{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.weekCell:hover{background:#f4f8fd;box-shadow:inset 0 0 0 2px #dbeafe}.weekAdd{display:block;width:100%;margin-top:10px;color:#2f6fbd}.weekCell.hasLesson{cursor:pointer}.weekCell.hasLesson:hover{background:#f8fbff}

/* V23.2 - Saat sütunu kaldırıldı; her gün tek bir program alanı */
.weekHeader,.weekDaysRow{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));min-width:760px}
.weekHeader>div{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.weekDaysRow>div{border-right:1px solid #e2e8f0;min-height:260px;padding:8px;background:#fff}
.weekDayCell{position:relative}
.weekDayCell:last-child,.weekHeader>div:last-child{border-right:0}
.weekDayCell .weekAdd{display:block;width:100%;margin-top:8px;padding:8px 10px;cursor:pointer;position:relative;z-index:2}
.weekLesson{cursor:default}
.weekLessonHead{display:flex;align-items:center;justify-content:space-between;gap:6px}
@media(max-width:900px){.weekHeader,.weekDaysRow{grid-template-columns:repeat(5,minmax(130px,1fr))}}
@media print{.weekAdd{display:none!important}}

/* V24.1 - Performans PRO grafik ve özet görünümü */
.performanceSummary{margin-top:18px}
.perfDashboard{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.perfDashboard>div{border:1px solid #e2eaf3;border-radius:14px;padding:16px;background:#fbfdff}
.perfDashboard h4{margin:0 0 14px;font-size:14px;color:#31465d}
.perfBarChart{display:grid;gap:11px}
.perfBarRow{display:grid;grid-template-columns:105px 1fr 38px;gap:10px;align-items:center;font-size:12px}
.perfBarLabel{font-weight:700;color:#43566b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.perfBarTrack{height:11px;background:#edf2f7;border-radius:999px;overflow:hidden}
.perfBarFill{height:100%;border-radius:999px}
.perfBarFill.low{background:#e67b7b}.perfBarFill.mid{background:#e3b75c}.perfBarFill.high{background:#55a878}
.perfLineChart{width:100%;overflow-x:auto}.perfLineChart svg{display:block;width:100%;min-width:520px;height:auto}
.chartGrid{stroke:#e8eef5;stroke-width:1}.chartAxis{stroke:#b9c8d7;stroke-width:1}.chartLine{fill:none;stroke:#3274c3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chartDot{fill:#fff;stroke:#3274c3;stroke-width:3}.chartText{fill:#708197;font-size:11px}.chartValue{fill:#315d91;font-size:11px;font-weight:700}
.perfHighlights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.perfHighlights>div{padding:13px 15px;border:1px solid #e2eaf3;border-radius:12px;background:#fff;display:grid;gap:5px}.perfHighlights strong{font-size:12px}.perfHighlights span{font-size:12px;color:#66788d}
.perfMainStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.perfStatCard{min-height:142px;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:flex-start;gap:13px;background:#fff;box-shadow:0 7px 24px rgba(45,75,110,.045);position:relative;overflow:hidden}.perfStatCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.perfStatBlue{background:linear-gradient(135deg,#f7fbff,#fff);border-color:#d7e7fb}.perfStatBlue:before{background:#2f6fbd}.perfStatGreen{background:linear-gradient(135deg,#f7fdf9,#fff);border-color:#d8eee2}.perfStatGreen:before{background:#2f9b62}.perfStatAmber{background:linear-gradient(135deg,#fffaf1,#fff);border-color:#f2e2bd}.perfStatAmber:before{background:#d99618}.perfStatPurple{background:linear-gradient(135deg,#fbf8ff,#fff);border-color:#e7dcf7}.perfStatPurple:before{background:#7b4bc4}.perfStatIcon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px;flex:0 0 40px;background:#edf4fc}.perfStatGreen .perfStatIcon{background:#eaf8ef}.perfStatAmber .perfStatIcon{background:#fff4dc}.perfStatPurple .perfStatIcon{background:#f1eaff}.perfStatBody{display:flex;flex-direction:column;gap:5px;min-width:0}.perfStatBody small{font-size:12px;font-weight:700;color:#53677d}.perfStatBody b{font-size:28px;line-height:1.05;color:var(--ink);letter-spacing:-.02em}.perfStatGreen .perfStatBody b{color:#16834c}.perfStatAmber .perfStatBody b{color:#c47b0a}.perfStatPurple .perfStatBody b{color:#7040b5}.perfStatBody span{font-size:11px;color:#73859a;line-height:1.35}@media(max-width:1100px){.perfMainStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.perfHighlightGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.perfHighlightGrid .card{padding:16px}.perfHighlightGrid h3{margin:0 0 12px;font-size:14px}.highlightList{display:grid;gap:8px}.highlightList>div{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;background:#f8fbfe;border:1px solid #e5edf5;border-radius:9px;font-size:12px}.highlightList span{font-weight:800}.perfStatusList{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.trend{font-weight:800;font-size:12px}.trend.up{color:#198754}.trend.down{color:#c44949}.trend.same{color:#718096}
@media(max-width:900px){.perfDashboard,.perfHighlightGrid{grid-template-columns:1fr}.perfHighlights{grid-template-columns:1fr}.perfBarRow{grid-template-columns:90px 1fr 34px}}@media(max-width:600px){.perfMainStats{grid-template-columns:1fr}.perfStatCard{min-height:118px}}
@media print{.performanceSummary .btn,.performanceHero+.perfMainStats~.card.section #savePerf,.performanceHero+.perfMainStats~.card.section #pmMonth,.performanceHero+.perfMainStats~.card.section #pmObs{display:none!important}}

.managerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.classCard{border:1px solid #dfe8f1;background:#fff;border-radius:14px;padding:16px;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer}.classCard:hover{box-shadow:0 5px 18px rgba(0,0,0,.08)}.classIcon{font-size:28px}.classCard span{display:block;color:#6b7c8e;margin-top:4px}.managerStudentList{display:flex;flex-direction:column;gap:8px}.managerStudentRow{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e5ecf3;border-radius:10px;background:#fff}.managerStudentRow span{display:block;margin-top:4px}.managerReadOnly{padding:11px 14px;background:#f4f8fb;border-radius:10px;margin:12px 0;color:#52677b}.managerStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.managerStats div{background:#f7fafc;border-radius:12px;padding:14px}.managerStats b{font-size:24px;display:block}.managerStats span{color:#68798a}.managerTable{width:100%;border-collapse:collapse}.managerTable th,.managerTable td{padding:9px;border:1px solid #e3eaf1;text-align:left}.managerTable th{background:#f6f8fa}@media(max-width:600px){.managerStudentRow{flex-direction:column;align-items:flex-start;gap:10px}.managerStats{grid-template-columns:1fr}}
.managerProfile .card{margin-top:16px}.managerProfile .perfBarChart{max-width:900px}.managerProfile .perfLineChart{max-width:900px;overflow:hidden}.managerProfile .managerTable{width:100%;overflow:auto}

/* V25.9 — Kurumsal Apple esintili müdür paneli */
.managerMain{margin:0 auto!important;padding:34px 30px 60px!important;max-width:1380px!important}
.managerWelcome{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:4px 0 28px;padding:4px 2px}
.managerWelcome .eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#8a98a8;margin-bottom:8px}
.managerWelcome h1{margin:0;font-size:32px;letter-spacing:-.025em;color:#172b40}
.managerWelcome p{margin:7px 0 0;font-size:14px}
.managerBadge{padding:9px 13px;border:1px solid #dfe7ef;background:rgba(255,255,255,.72);border-radius:999px;color:#607286;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 10px rgba(20,40,60,.03)}
.managerMain .stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.managerMain .stat{padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(35,55,80,.055)}
.managerMain .stat b{font-size:30px;letter-spacing:-.02em}
.managerMain .stat span{font-size:12px;font-weight:700}
.managerMain #managerContent>.card{padding:22px;border-radius:20px;box-shadow:0 10px 34px rgba(35,55,80,.055)}
.managerMain #managerContent>.card>h3{font-size:17px;margin:0 0 18px}
.managerGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.classCard{min-height:92px;border:1px solid #e1e8ef;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border-radius:16px;padding:17px 18px;gap:15px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.classCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(35,55,80,.10);border-color:#cfdce9}
.classIcon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#f1f6fb;font-size:23px}
.classCard b{font-size:15px;color:#24364b}.classCard span{font-size:12px;color:#7b8998}
.managerStudentList{gap:9px}.managerStudentRow{padding:14px 15px;border-radius:13px;border-color:#e5ebf1}.managerStudentRow b{font-size:13px}.managerReadOnly{background:#f5f8fb;border:1px solid #e5ebf1;border-radius:12px}
.managerProfile{padding-top:2px}.managerProfile .profileHead{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(35,55,80,.045)}
@media(max-width:700px){.managerMain{padding:22px 16px 45px!important}.managerWelcome{align-items:flex-start;flex-direction:column;margin-bottom:20px}.managerWelcome h1{font-size:27px}.managerBadge{white-space:normal}.managerMain .stats{grid-template-columns:1fr}}
.managerDashboardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.managerInsight{min-height:250px}
.sectionTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.sectionTitle h3{margin:0 0 5px;font-size:16px}.sectionTitle p{margin:0;color:#718096;font-size:12px}
.managerOverviewStats{grid-template-columns:repeat(4,1fr)!important}
.managerHBarChart{display:flex;flex-direction:column;gap:16px;padding-top:6px}.managerHBarTop{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:7px}.managerHBarTrack{height:10px;background:#edf2f7;border-radius:999px;overflow:hidden}.managerHBarFill{height:100%;border-radius:999px;background:#2f72c5}
.managerAttendance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.managerAttendance>div{background:#f7f9fb;border:1px solid #e7edf3;border-radius:14px;padding:15px}.managerAttendance b{display:block;font-size:25px}.managerAttendance span{font-size:11px;color:#718096}.managerAttendanceBar{height:13px;border-radius:999px;overflow:hidden;display:flex;background:#edf2f7;margin:24px 0 10px}.managerAttendanceBar span:nth-child(1){background:#3aa76d}.managerAttendanceBar span:nth-child(2){background:#e4ad45}.managerAttendanceBar span:nth-child(3){background:#d85d66}.managerLegend{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#68798a}.managerRanking{display:flex;flex-direction:column;gap:9px}.managerRanking>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e7edf3;border-radius:12px;background:#fbfcfd}.managerRanking .rank{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf4fb;color:#2f72c5;font-weight:800;font-size:11px}.managerRanking strong{font-size:15px}.classArrow{margin-left:auto;color:#7d8da0;font-size:18px}.classCard{transition:.18s ease}.classCard:hover{transform:translateY(-1px)}
@media(max-width:900px){.managerDashboardGrid{grid-template-columns:1fr}.managerOverviewStats{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.managerOverviewStats{grid-template-columns:1fr!important}.managerLegend{flex-direction:column}.managerAttendance{grid-template-columns:1fr 1fr 1fr}.managerAttendance>div{padding:11px}}

.mebGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.mebCard{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e4eaf0;border-radius:18px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(20,35,50,.05);transition:transform .16s ease,box-shadow .16s ease}.mebCard:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(20,35,50,.10)}.mebIcon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#f2f5f8;font-size:22px;flex:none}.mebCard h3{margin:0 0 4px;font-size:15px}.mebCard p{margin:0;color:#718092;font-size:12px}.mebCard>span{margin-left:auto;color:#7c8995;font-size:18px}@media(max-width:900px){.mebGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.mebGrid{grid-template-columns:1fr}}

.schoolReport{padding-top:8px}.reportHero{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e6ebf0;border-radius:22px;padding:24px 28px;margin-bottom:16px;box-shadow:0 10px 30px rgba(20,35,50,.05)}.eyebrow{font-size:11px;letter-spacing:.14em;color:#7a8794;font-weight:700}.reportHero h2{margin:5px 0 4px;font-size:25px}.reportHero p{margin:0;color:#758292}.reportScore{text-align:right}.reportScore b{font-size:38px;display:block}.reportScore span{color:#758292;font-size:12px}.reportCards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.reportCard{background:#fff;border:1px solid #e6ebf0;border-radius:16px;padding:15px;box-shadow:0 8px 24px rgba(20,35,50,.04)}.reportCard span{font-size:20px}.reportCard b{display:block;font-size:24px;margin-top:8px}.reportCard small{color:#788694}.reportGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reportPanel{background:#fff;border:1px solid #e6ebf0;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(20,35,50,.04);margin-bottom:14px}.panelTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panelTitle h3{margin:0;font-size:16px}.metricRow{display:grid;grid-template-columns:140px 1fr 48px;gap:12px;align-items:center;margin:13px 0}.metricRow small{display:block;color:#7a8794;margin-top:2px}.barTrack{height:8px;background:#edf1f4;border-radius:99px;overflow:hidden}.barTrack i{display:block;height:100%;background:#506b84;border-radius:99px}.personRow{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eef1f3}.personRow:last-child{border-bottom:0}@media(max-width:900px){.reportCards{grid-template-columns:repeat(2,1fr)}.reportGrid{grid-template-columns:1fr}}@media(max-width:600px){.reportHero{align-items:flex-start;gap:18px}.reportCards{grid-template-columns:1fr 1fr}.metricRow{grid-template-columns:105px 1fr 42px}}

.managerSearchCard{max-width:760px;margin:20px auto}.managerSearchCard .field{margin-bottom:18px}.managerSearchCard input{font-size:17px;padding:14px 16px}.managerSearchResults{display:flex;flex-direction:column;gap:10px}.searchGroup{display:flex;flex-direction:column;gap:8px}.searchGroupTitle{font-size:12px;font-weight:800;color:#758292;letter-spacing:.04em;margin:5px 2px}.searchResult{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #e4e9ef;background:#fff;border-radius:14px;padding:13px 15px;cursor:pointer;transition:.15s;box-shadow:0 5px 16px rgba(20,35,50,.035)}.searchResult:hover{transform:translateY(-1px);border-color:#b9c9d8;box-shadow:0 9px 22px rgba(20,35,50,.08)}.searchResultIcon{width:38px;height:38px;display:grid;place-items:center;background:#f1f5f8;border-radius:11px;font-size:18px;flex:0 0 auto}.searchResult span:not(.searchResultIcon){display:flex;flex-direction:column;gap:3px;flex:1}.searchResult b{font-size:14px;color:#20384f}.searchResult small{font-size:12px;color:#7a8794}.searchResult strong{font-size:18px;color:#47729a}

/* V28.1 — müdür arama ve sınıf görünümü */
.managerSearchPage,.managerReadonlyPage{padding-top:8px;align-self:flex-start}
.managerSearchPage .card,.managerReadonlyPage .card{margin-top:0}
.managerReadonlyHead{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e6ebf0;border-radius:20px;padding:22px 26px;margin-bottom:14px;box-shadow:0 8px 24px rgba(20,35,50,.04)}
.managerReadonlyHead h2{margin:5px 0 4px}.managerReadonlyHead p{margin:0;color:#758292}
.managerStudentList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.managerStudentItem{border:1px solid #e6ebf0;background:#fff;border-radius:15px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}
.managerStudentItem:hover{box-shadow:0 6px 18px rgba(20,35,50,.08);transform:translateY(-1px)}
.managerStudentItem small{display:block;color:#7a8794;margin-top:4px}
.managerStudentItem span:last-child{font-size:12px;font-weight:700}
@media(max-width:800px){.managerStudentList{grid-template-columns:1fr}}

.reportCenterTop{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.reportTab{border:1px solid #e2e8ed;background:#fff;border-radius:12px;padding:10px 15px;cursor:pointer;font-weight:600}.reportTab.active{box-shadow:0 5px 16px rgba(20,35,50,.08);border-color:#b9c5cf}.reportSelectCard{background:#fff;border:1px solid #e6ebf0;border-radius:18px;padding:18px;margin-bottom:14px}.reportSelectCard h3{margin:0 0 10px}.reportSelectCard select{width:100%;max-width:680px;padding:12px;border:1px solid #dce3e8;border-radius:11px;background:#fff}.printReport{background:#f7f9fb;border-radius:20px;padding:2px}.monthTable{display:grid;grid-template-columns:1fr 1fr;gap:8px}.monthRow{display:flex;justify-content:space-between;padding:11px 13px;border:1px solid #edf0f3;border-radius:10px;background:#fafbfc}.obsRow{padding:12px 0;border-bottom:1px solid #edf0f3}.obsRow span{float:right;color:#7a8794;font-size:12px}.obsRow p{margin:7px 0 0}.noPrint{white-space:nowrap}@media print{.noPrint,.reportCenterTop,.sidebar,.nav,.topbar{display:none!important}.printReport,.reportPanel,.reportHero,.reportCard{box-shadow:none!important;border:1px solid #ddd!important}.printReport{background:#fff!important}.reportPanel{break-inside:avoid}.layout main{padding:0!important}}

/* V30 — Kurumsal öğrenci gelişim raporu */
.studentProfessional{max-width:1100px;margin:0 auto;background:#fff;color:#18324d;padding:0;border:1px solid #e2e8ef;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(20,40,60,.08)}
.proReportHeader{display:grid;grid-template-columns:92px 1fr 150px;align-items:center;gap:18px;padding:24px 28px;background:linear-gradient(135deg,#f3f8ff,#fff);border-bottom:1px solid #e5ebf1}
.schoolLogo{width:82px;height:82px;object-fit:contain;border-radius:50%;background:#fff}
.schoolName{font-size:20px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}
.reportTitle{font-size:25px;font-weight:850;margin-top:5px}
.reportSub{font-size:12px;color:#708096;margin-top:5px}
.reportDate{justify-self:end;border:1px solid #dce7f0;border-radius:12px;overflow:hidden;text-align:center;background:#fff;box-shadow:0 4px 12px rgba(20,40,60,.05)}
.reportDate span{display:block;background:#1e5fae;color:#fff;font-size:10px;font-weight:800;padding:6px 10px}.reportDate b{display:block;font-size:15px;padding:9px}
.studentHero{display:grid;grid-template-columns:76px 1fr 180px;align-items:center;gap:16px;padding:22px 28px}
.studentAvatar{width:70px;height:70px;border-radius:18px;background:#eaf3ff;color:#1f69b8;display:grid;place-items:center;font-size:25px;font-weight:850}
.studentIdentity h2{font-size:25px;margin:0 0 8px}.studentIdentity div{display:flex;align-items:center;gap:9px;font-size:12px;color:#718096}.studentIdentity b{font-size:15px;color:#18324d}.studentIdentity i{height:18px;width:1px;background:#d7e0e8;margin:0 6px}
.heroScore{justify-self:end;text-align:center;background:#f4fbf7;border:1px solid #d5efdf;border-radius:16px;padding:12px 22px;min-width:140px}.heroScore b{display:block;font-size:34px;line-height:1;color:#158a52}.heroScore span{font-size:10px;font-weight:800;color:#5c7b6a;margin-top:6px;display:block}
.proGrid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;padding:0 22px 14px}.proPanel{background:#fff;border:1px solid #e3e9ef;border-radius:17px;padding:17px;box-shadow:0 5px 16px rgba(30,50,70,.035);margin:0 22px 14px}.proGrid .proPanel{margin:0}
.proPanelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.proPanelHead h3{margin:0;font-size:15px}.proPanelHead span{font-size:11px;color:#758497}
.metricHeader,.metricLine{display:grid;grid-template-columns:1.4fr 55px 1.4fr 52px;gap:9px;align-items:center}.metricHeader{font-size:10px;color:#8794a3;padding:0 6px 8px;border-bottom:1px solid #edf0f3}.metricLine{padding:9px 6px;border-bottom:1px solid #f0f2f5;font-size:12px}.metricLine:last-child{border-bottom:0}.metricName{font-weight:700}.metricLine>span:nth-child(2){color:#7c8896}.metricLine>strong{text-align:right}.metricLine .up{color:#159657}.metricLine .down{color:#d44949}
.miniBar{height:9px;background:#edf2f6;border-radius:99px;display:flex;align-items:center;overflow:visible;position:relative}.miniBar i{height:100%;display:block;border-radius:99px;background:#2676c5}.miniBar b{position:absolute;right:-28px;font-size:11px}
.generalPanel{display:flex;flex-direction:column;justify-content:center}.bigDelta{display:flex;align-items:baseline;gap:8px}.bigDelta b{font-size:35px}.bigDelta span{font-size:11px;color:#718096}.statusPill{display:inline-block;width:max-content;margin:9px 0 17px;padding:7px 11px;border-radius:99px;font-size:11px;font-weight:800}.statusPill.positive{background:#e4f7ed;color:#12844e}.statusPill.negative{background:#fff0f0;color:#b43d3d}.statusPill.neutral{background:#edf2f6;color:#637182}
.summaryStats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.summaryStats div{background:#f7f9fb;border-radius:11px;padding:10px;text-align:center}.summaryStats b{display:block;font-size:20px}.summaryStats span{font-size:10px;color:#778596}
.chartPanel{margin:0 22px 14px}.trendChart{width:100%;height:205px}.trendChart line{stroke:#e6ebf0;stroke-width:1}.trendChart .trendLine{fill:none;stroke:#1769b0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trendChart circle{fill:#fff;stroke:#1769b0;stroke-width:3}.trendChart text{font-size:10px;fill:#607083}
.observationCards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.observationCards article{background:#f8fafc;border:1px solid #e9eef3;border-radius:12px;padding:11px}.observationCards article div{display:flex;justify-content:space-between;gap:6px}.observationCards article b{font-size:10px;color:#647286}.observationCards article span{font-size:10px;font-weight:800;color:#2369ad}.observationCards p{font-size:11px;line-height:1.5;margin:8px 0 0;color:#33465b}
.bottomGrid{padding:0 22px 14px}.insight{font-size:12px;line-height:1.7;margin:0;color:#405368}.monthList{display:grid;grid-template-columns:1fr 1fr;gap:6px}.monthList div{display:flex;justify-content:space-between;background:#f8fafc;border-radius:9px;padding:8px 10px;font-size:11px}
.proReportFooter{display:flex;justify-content:space-between;align-items:center;padding:14px 26px;background:#f5f8fb;border-top:1px solid #e3e9ef;font-size:10px;color:#788798}
@media(max-width:850px){.proReportHeader{grid-template-columns:70px 1fr}.reportDate{grid-column:2;justify-self:start}.studentHero{grid-template-columns:65px 1fr}.heroScore{grid-column:2;justify-self:start}.proGrid{grid-template-columns:1fr}.observationCards{grid-template-columns:1fr}}
@media print{
  @page{size:A4;margin:8mm}
  body{background:#fff!important}.studentProfessional{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}.noPrint{display:none!important}
  .proReportHeader{padding:10px 12px}.schoolLogo{width:65px;height:65px}.schoolName{font-size:16px}.reportTitle{font-size:20px}.studentHero{padding:12px}.proPanel,.chartPanel{margin-bottom:8px;padding:11px}.proGrid{padding:0 10px 8px;gap:8px}.bottomGrid{padding:0 10px 8px}.metricLine{padding:6px}.trendChart{height:150px}.observationCards{gap:6px}.observationCards article{padding:8px}.proReportFooter{padding:8px 12px}
}


/* V38.2 — Öğrenci performans satırları ve yazdırılabilir seviye çubukları */
.perfMini{display:grid;grid-template-columns:minmax(120px,1fr) 58px minmax(90px,auto);align-items:center;gap:10px;padding:9px 10px;border:1px solid #e5edf5;border-radius:9px;background:#f8fbfe;font-size:12px;min-width:0}.perfMini>span:first-child{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perfMini>strong{text-align:right;font-size:13px}.perfMini>.muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.levelSvg{display:block;width:100%;height:9px;min-width:75px}.levelSvg .levelBg{fill:#e9eff4}.levelSvg .levelFill{fill:#3c86d6}.levelCell{display:grid;grid-template-columns:minmax(75px,1fr) auto;align-items:center;gap:8px;min-width:150px}.levelText{font-size:9px;color:#61758a;white-space:nowrap}.levelDash{color:#718096}
.managerStudentFullRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px}.managerStudentFullRow>div:first-child{min-width:0}.managerStudentFullRow>div:first-child b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.managerStudentFullRow>div:first-child span{display:block;margin-top:4px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.managerStudentFullRow>strong{min-width:55px;text-align:right}.managerStudentFullRow .btn{white-space:nowrap}
@media(max-width:700px){.perfMini{grid-template-columns:minmax(90px,1fr) 48px minmax(70px,auto);gap:7px}.levelCell{min-width:125px}.managerStudentFullRow{grid-template-columns:1fr auto}.managerStudentFullRow>strong{grid-column:2;grid-row:1}.managerStudentFullRow .btn{grid-column:1 / -1;justify-self:start}}
/* V30.1 — Yazdırmada yalnızca gerçek rapor görünür */
@media print{
  @page{size:A4 portrait;margin:12mm}
  html,body{background:#fff!important;margin:0!important;padding:0!important}
  body *{visibility:hidden!important}
  .printReport,.printReport *{visibility:visible!important}
  .printReport{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
    overflow:visible!important;
  }
  .printReport .noPrint{display:none!important}
  .studentProfessional{color:#18324d!important}
  .studentProfessional .proPanel{break-inside:avoid;box-shadow:none!important}
  .studentProfessional .proReportHeader{border-radius:0!important}
  .reportPanel{break-inside:avoid;box-shadow:none!important}
}

/* V30.2 — Rapor Merkezi içi hızlı arama */
.reportSearchCard{background:#fff;border:1px solid #e4e9ee;border-radius:18px;padding:16px 18px;margin:0 0 14px;box-shadow:0 5px 18px rgba(20,35,50,.035)}
.reportSearchTitle{font-weight:700;margin-bottom:9px}.reportSearchInput{width:100%;box-sizing:border-box;border:1px solid #d9e1e7;border-radius:11px;padding:12px 13px;font-size:14px;outline:none;background:#fbfcfd}.reportSearchInput:focus{border-color:#9eb4c9;box-shadow:0 0 0 3px rgba(70,120,170,.08)}
.reportSearchResults{display:grid;gap:7px;margin-top:9px}.reportSearchResult{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid #edf0f3;background:#fafbfc;border-radius:11px;padding:10px 12px;cursor:pointer}.reportSearchResult:hover{background:#f3f7fa;border-color:#d7e0e7}.reportSearchResult small{color:#758292;white-space:nowrap}.reportSearchHint{font-size:12px;color:#7b8793;padding:5px 2px}

/* V30.3 — Rapor Merkezi arama + üstten hizalama */
main.manager-reports-main{padding-top:18px!important;align-self:flex-start!important;margin-top:0!important}
.reportCenterSearch{position:relative;background:#fff;border:1px solid #e4e9ee;border-radius:18px;padding:16px 18px;margin-bottom:14px;box-shadow:0 7px 22px rgba(20,35,50,.04)}
.reportCenterSearch label{display:block;font-weight:700;margin-bottom:8px}
.reportCenterSearch input{width:100%;box-sizing:border-box;border:1px solid #d7e0e7;border-radius:11px;padding:12px 14px;font-size:14px;outline:none}
.reportCenterSearch input:focus{border-color:#9db4c8;box-shadow:0 0 0 3px rgba(80,110,140,.10)}
#reportGlobalResults{position:absolute;left:18px;right:18px;top:86px;z-index:20;background:#fff;border:1px solid #dfe6eb;border-radius:12px;box-shadow:0 14px 35px rgba(20,35,50,.12);overflow:hidden}
.reportSearchResult{width:100%;border:0;border-bottom:1px solid #edf1f4;background:#fff;padding:12px 14px;text-align:left;display:flex;justify-content:space-between;gap:15px;cursor:pointer}
.reportSearchResult:hover{background:#f7f9fb}
.reportSearchResult span{color:#7a8794;font-size:12px}
.reportSearchEmpty{padding:12px 14px;color:#7a8794;font-size:13px}
/* V30.4 — Rapor Merkezi arama kutusu */
main.manager-reports-main{padding-top:18px!important;align-self:flex-start!important;margin-top:0!important;min-height:auto!important}
.reportCenterSearch{position:relative;background:#fff;border:1px solid #e3e9ee;border-radius:18px;padding:16px 18px;margin:0 0 14px;box-shadow:0 7px 22px rgba(20,35,50,.04)}
.reportCenterSearch label{display:block;font-weight:700;margin-bottom:8px}
.reportCenterSearch input{display:block;width:100%;box-sizing:border-box;border:1px solid #d7e0e7;border-radius:11px;padding:12px 14px;font-size:14px;outline:none;background:#fff}
.reportCenterSearch input:focus{border-color:#9db4c8;box-shadow:0 0 0 3px rgba(80,110,140,.10)}
#reportGlobalResults{position:absolute;left:18px;right:18px;top:82px;z-index:50;background:#fff;border:1px solid #dfe6eb;border-radius:12px;box-shadow:0 14px 35px rgba(20,35,50,.12);overflow:hidden}
.reportSearchResult{width:100%;border:0;border-bottom:1px solid #edf1f4;background:#fff;padding:12px 14px;text-align:left;display:flex;justify-content:space-between;gap:15px;cursor:pointer}
.reportSearchResult:hover{background:#f7f9fb}
.reportSearchResult span{color:#7a8794;font-size:12px}
.reportSearchEmpty{padding:12px 14px;color:#7a8794;font-size:13px}

/* V30.5 — Sınıf / Öğrenci Bul üst hizalama */
main.manager-search-main,
main.manager-search-class-main,
main.manager-class-view-main{
  padding-top:18px!important;
  align-self:flex-start!important;
  margin-top:0!important;
  min-height:auto!important;
}

.success{color:#238657;margin-top:10px;font-size:13px}.btn:disabled{opacity:.6;cursor:not-allowed}


.notice{margin:14px 0;padding:12px 14px;border:1px solid #dce6f0;background:#f6f9fc;border-radius:12px;color:#40556d;font-size:14px;line-height:1.5}.managerTeachersCard{margin-top:18px}.managerTeacherList{display:grid;gap:10px}.managerTeacherRow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid #e1e9f1;border-radius:12px;background:#fbfdff}.managerTeacherRow>div:first-child{display:flex;flex-direction:column;gap:4px}.managerTeacherRow span{font-size:12px;color:#71839a}.managerTeacherRow small{font-size:11px}.warningText{color:#b36a00}.managerTempPassword{display:flex;gap:8px;align-items:center}.managerTempPassword input{width:180px;padding:9px 10px;border:1px solid #d5e0eb;border-radius:8px;background:#fff}@media(max-width:700px){.managerTeacherRow{align-items:stretch;flex-direction:column}.managerTempPassword input{width:100%}.managerTempPassword{width:100%}.managerTempPassword .btn{white-space:nowrap}}

/* V35 — Müdür Şifre Sıfırlama Merkezi */
.managerResetCard{max-width:900px}.managerResetSteps{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 20px}.managerResetSteps span{padding:7px 11px;border:1px solid #e1e8ef;border-radius:999px;background:#f7f9fb;color:#718096;font-size:11px;font-weight:700}.managerResetSteps span.active{background:#edf5fc;border-color:#c9dced;color:#2168a8}.managerResetCard .field{margin-bottom:14px}.managerResetCard .notice{margin:4px 0 16px}.managerResetCard #resetPasswordBtn{min-width:220px}.managerResetCard .success{padding:11px 13px;background:#f0faf5;border:1px solid #ccebd9;border-radius:10px}.managerResetCard .error{padding:10px 0}.managerResetCard select:disabled{background:#f6f8fa;color:#8a96a3}

/* V36 — Genişletilmiş Müdür Yönetim Merkezi */
.managerOverviewStats{grid-template-columns:repeat(5,1fr)}
.managerPulseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.managerPulseGrid>div{background:#f7f9fb;border:1px solid #e8edf2;border-radius:14px;padding:13px}
.managerPulseGrid span,.managerPulseGrid small{display:block;color:#778596;font-size:11px}.managerPulseGrid b{display:block;font-size:25px;margin:5px 0 3px}
.managerQuickGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.quickManagerAction{border:1px solid #e5ebf0;background:#fafcfd;border-radius:13px;padding:14px;text-align:left;cursor:pointer;font-size:20px}.quickManagerAction span{display:block;font-size:11px;font-weight:700;margin-top:7px;color:#405368}.quickManagerAction:hover{background:#f3f7fa}
.managerClassGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.managerBigClassCard{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e2e9ef;background:#fff;border-radius:16px;padding:15px;cursor:pointer;box-shadow:0 5px 16px rgba(20,35,50,.035)}.managerBigClassCard:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(20,35,50,.07)}.managerBigClassCard h3{margin:0 0 4px}.managerBigClassCard p{margin:0;color:#788798;font-size:11px}.managerBigClassCard>strong{margin-left:auto}.managerClassMeta{display:flex;gap:8px;align-items:center;margin-top:9px;font-size:11px;color:#788798}.managerClassMeta b{color:#2168a8}
.managerTeacherTable,.managerStudentTable{display:grid;gap:9px}.managerTeacherCard,.managerStudentFullRow{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e3e9ee;border-radius:13px;background:#fbfdff}.teacherAvatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf4fa;color:#2168a8;font-weight:800;font-size:12px}.teacherMain{flex:1}.teacherMain h3{margin:0 0 3px;font-size:14px}.teacherMain p,.managerStudentFullRow span{margin:0;color:#788798;font-size:11px}.teacherStatus{font-size:11px;font-weight:800;color:#159657}.teacherStatus.pending{color:#b36a00}.managerTeacherDetailCard{margin-top:14px}
.managerStudentFullRow>div:first-child{flex:1}.managerStudentFullRow>strong{min-width:48px;text-align:right;font-size:15px;color:#2168a8}
.managerAttentionGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attentionCard{padding:15px}.attentionTop{display:flex;justify-content:space-between;gap:12px}.attentionTop h3{margin:0 0 4px}.attentionTop p{margin:0;color:#788798;font-size:11px}.attentionTop>span{font-size:25px;font-weight:800;color:#b45b3a}.attentionReasons{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.attentionReasons span{font-size:11px;padding:6px 9px;border-radius:999px;background:#fff4ee;color:#a24d30}.attentionBottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.attentionBottom small{color:#788798}
.managerDevChart{width:100%;height:280px}.managerDevChart line{stroke:#e6ebf0;stroke-width:1}.managerDevChart text{font-size:10px;fill:#718096}.devLine{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.devLine0{stroke:#2b6cb0}.devLine1{stroke:#159957}.devLine2{stroke:#b7791f}.devLine3{stroke:#805ad5}.devLine4{stroke:#c05621}.devLabel{font-weight:700}.managerDevelopmentList{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.devListHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.positiveText{color:#159657}.negativeText{color:#c94b4b}
@media(max-width:900px){.managerOverviewStats{grid-template-columns:repeat(2,1fr)}.managerClassGrid,.managerAttentionGrid,.managerDevelopmentList{grid-template-columns:1fr}.managerPulseGrid{grid-template-columns:1fr}.managerTeacherCard,.managerStudentFullRow{flex-wrap:wrap}.managerTeacherCard .teacherMain{min-width:180px}}
/* V37 Öğretmen Takip Merkezi */
.teacher-tracking-main .tableWrap{overflow:auto}.teacher-tracking-main .table tr.riskOk td:first-child{border-left:3px solid #d97706}.tag.good{background:#eaf8ef;color:#18794e;border-color:#bde8cd}.tag.warn{background:#fff7e8;color:#9a6700;border-color:#f1d69a}.tag.danger{background:#fff0f0;color:#b42318;border-color:#f1b8b8}.teacher-tracking-main .notice{margin-top:14px}.teacher-tracking-main .stats{margin-bottom:18px}.teacher-tracking-main .profileGrid{align-items:start}

/* V38 — Profesyonel öğrenci raporu + ayrı Yoklama Al ekranı */
.attendanceCard{margin-top:14px}.attendanceDateBadge{font-size:11px;font-weight:700;color:#2168a8;background:#edf5fc;border:1px solid #d4e4f2;padding:8px 11px;border-radius:10px}.attendanceRow{display:grid;grid-template-columns:38px minmax(180px,1fr) auto;align-items:center;gap:12px;padding:12px 10px;border-top:1px solid #edf1f4}.attendanceNo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f4f7fa;color:#718096;font-size:11px;font-weight:700}.attendanceStudent{display:flex;flex-direction:column;gap:3px}.attendanceStudent strong{font-size:13px}.attendanceStudent small{font-size:10px;color:#7b8998}.attendanceButtons{display:flex;gap:7px}.attBtn{min-width:92px;border:1px solid #d8e2ea;background:#fff;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:700;cursor:pointer;transition:.15s}.attBtn.present{color:#188653;border-color:#bfe4ce}.attBtn.late{color:#a76b00;border-color:#efd29b}.attBtn.absent{color:#b42318;border-color:#efb8b8}.attBtn.present.selected{background:#1ca261;color:#fff;border-color:#1ca261}.attBtn.late.selected{background:#e59a1a;color:#fff;border-color:#e59a1a}.attBtn.absent.selected{background:#d94c4c;color:#fff;border-color:#d94c4c}.attBtn:disabled{opacity:.6;cursor:wait}.attendanceSummary{margin-bottom:0}.attendance-main .head{margin-bottom:12px}
@media(max-width:760px){.attendanceRow{grid-template-columns:30px 1fr}.attendanceButtons{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr)}.attBtn{min-width:0}.attendanceDateBadge{display:none}}
/* V40 — Öğretmen araçları */
.skillGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.skillGroup{border:1px solid #e3eaf0;border-radius:14px;padding:14px;background:#fbfdff}.skillGroup h3{margin:0 0 10px}.skillRow{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #edf1f4;font-size:12px}.skillRow select{border:1px solid #d8e2ea;border-radius:9px;padding:8px;background:#fff}.heatmap{overflow:auto}.heatRow{display:grid;grid-template-columns:minmax(150px,1.3fr) repeat(6,minmax(85px,1fr));border-top:1px solid #edf1f4;min-width:720px}.heatRow>*{padding:10px 8px;font-size:11px}.heatHead{background:#f7f9fb;font-weight:700;border-radius:9px 9px 0 0}.heatRow span{text-align:center}.calendarList{display:grid;gap:8px}.calendarItem{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;border:1px solid #e3e9ee;border-radius:12px;padding:12px;background:#fbfdff}.calendarDate{display:flex;flex-direction:column;gap:3px;color:#2168a8}.calendarDate small{color:#788798}.calendarMain{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calendarMain p{width:100%;margin:2px 0 0;color:#788798;font-size:11px}.badgeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.badgeCard{min-height:150px}.badgeCount{font-size:24px;font-weight:800;color:#2168a8}.badgeList{display:grid;gap:8px}.badgeList>div{display:flex;align-items:center;gap:10px;padding:9px 10px;background:#f7f9fb;border-radius:10px}.badgeList b{font-size:20px}.journalText{white-space:pre-wrap;line-height:1.65}.alertBox{border-left:4px solid #d97706}.alertItem{padding:9px 0;border-top:1px solid #edf1f4;font-size:12px}.alertItem:first-child{border-top:0}.followedBadge{font-size:11px;color:#2168a8;background:#edf5fc;border:1px solid #d4e4f2;border-radius:999px;padding:5px 8px}
@media(max-width:800px){.skillGrid,.badgeGrid{grid-template-columns:1fr}.skillRow{grid-template-columns:1fr}.calendarItem{grid-template-columns:1fr}.calendarMain{align-items:flex-start}}

/* V41 — çalışma sayfalarını üstten hizala */
main.students-main,main.activities-main,main.class-journal-main,main.calendar-main,main.tasks-main{align-self:flex-start!important;margin-top:0!important}
/* V41 — Performans Takibi öğrenci seçimi */
.performanceStudentGrid{display:grid;gap:12px}.perfStudentPick{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;padding:16px}.perfStudentPick h3{margin:0 0 5px}.perfPickScore{text-align:center;min-width:110px}.perfPickScore b{display:block;font-size:22px;color:var(--blue)}.perfPickScore span{font-size:11px;color:var(--muted)}
@media(max-width:650px){.perfStudentPick{grid-template-columns:1fr}.perfPickScore{text-align:left}}

/* V42 — üst hizalama, performans arama, hesap ve iletişim */
main.attendance-main,main.skills-main,main.performance-main,main.change-password-main,main.contact-main{align-self:flex-start!important;margin-top:0!important}
.performanceSearchCard{margin-bottom:14px;padding:16px 18px}.performanceSearchCard .field{margin:0}.performanceSearchCard input{font-size:14px}.performanceSearchCard .muted{margin-top:8px;font-size:11px}.performanceStudentGrid{display:grid;gap:12px}.perfStudentPick{transition:box-shadow .15s ease,transform .15s ease}.perfStudentPick:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(45,75,110,.08)}
.accountPasswordCard{max-width:760px;padding:22px}.passwordIntro,.contactHero{display:flex;align-items:center;gap:14px;margin-bottom:20px}.passwordIcon,.contactIcon{width:48px;height:48px;border-radius:14px;background:#edf5fc;display:grid;place-items:center;font-size:23px}.passwordIntro h3,.contactHero h3{margin:0 0 4px}.accountPasswordCard .success,.contactCard .success{margin:10px 0;padding:10px 12px;border-radius:9px;background:#f0faf5;color:#16834c}.accountPasswordCard .error{margin:10px 0;padding:10px 12px;border-radius:9px;background:#fff1f1;color:#b42318}.contactCard{max-width:820px;padding:22px}.contactCard .field{margin-bottom:15px}.contactActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}.contactInfo{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:12px;color:#61758a}.contactCard textarea{resize:vertical}
@media(max-width:650px){.contactActions .btn{width:100%}.passwordIntro,.contactHero{align-items:flex-start}.accountPasswordCard,.contactCard{padding:16px}}

.skillStats{padding:0 0 14px;grid-template-columns:repeat(4,1fr)}.skillStatGood b{color:#159957}.skillStatDeveloping b{color:#b77b00}.skillStatSupport b{color:#c94b4b}.skillSummary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;margin-bottom:12px;border:1px solid #e1e9f0;border-radius:10px;background:#f8fbfd;color:#53687c;font-size:11px}.skillSummary strong{color:#17324d;font-size:12px}.skillSummary b{color:#2168a8}@media(max-width:800px){.skillStats{grid-template-columns:repeat(2,1fr)}.skillSummary{flex-direction:column;align-items:flex-start}}


.idGeneratorRow{display:flex;align-items:flex-end;gap:10px;padding:14px;border:1px solid #d9e5f3;border-radius:14px;background:#f8fbff}.idGeneratorRow .field label{display:block;margin-bottom:6px}.idGeneratorRow input{height:42px}.teacherIdList{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.teacherIdList code{display:block;padding:10px 12px;border:1px solid #d8e5f3;border-radius:9px;background:#fff;font-weight:700;color:#1e4f86;text-align:center}

/* V43.1 — Kurumsal görünüm ve tüm çalışma sayfalarında üst hizalama */
main{align-self:flex-start!important;margin-top:0!important}
main{padding-top:28px!important}

/* Performans formu — modern, kart tabanlı görünüm */
.perfFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 18px}
.perfRow{display:grid;grid-template-columns:minmax(130px,1fr) 82px;grid-template-areas:"name score" "status note";gap:8px 10px;align-items:center;padding:15px;border:1px solid #dfe8f1;border-radius:15px;background:linear-gradient(135deg,#ffffff,#f8fbfe);box-shadow:0 5px 18px rgba(35,65,95,.045);position:relative;overflow:hidden}
.perfRow:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2f6fbd}
.perfRow:nth-child(2):before{background:#9b59b6}.perfRow:nth-child(3):before{background:#e67e22}.perfRow:nth-child(4):before{background:#27ae60}.perfRow:nth-child(5):before{background:#f1b82d}.perfRow:nth-child(6):before{background:#3498db}.perfRow:nth-child(7):before{background:#e05252}.perfRow:nth-child(8):before{background:#7a5bc7}
.perfRow>div{grid-area:name;padding-left:4px}.perfRow>div strong{display:block;font-size:14px;color:#24364b;margin-bottom:3px}.perfRow>div .muted{font-size:10px}
.perfRow .perfInput{grid-area:score;width:82px;padding:10px;border:1px solid #cfdce8;border-radius:10px;background:#fff;font-weight:800;text-align:center;color:#17324d}
.perfRow .perfStatus{grid-area:status;width:100%;padding:10px;border:1px solid #d4e0eb;border-radius:10px;background:#fff;color:#30475e}
.perfRow .perfNote{grid-area:note;width:100%;padding:10px;border:1px solid #d4e0eb;border-radius:10px;background:#fff;outline:none;color:#30475e}
.perfRow .perfInput:focus,.perfRow .perfStatus:focus,.perfRow .perfNote:focus{border-color:#6ea5db;box-shadow:0 0 0 3px rgba(47,111,189,.10);outline:none}
.performance-main .card.section>.head h3{color:#2168a8}.performance-main .card.section:nth-of-type(3) .head h3{color:#159957}
.performance-main .card.section:nth-of-type(4) .head h3{color:#b7791f}
.performance-main .card.section:nth-of-type(5) .head h3{color:#7b4bc4}

/* Öğretmen ana ekranı — hafif renkli ama kurumsal */
.home-main .stat:nth-child(1){background:linear-gradient(135deg,#f4f9ff,#fff);border-top:3px solid #2f6fbd}
.home-main .stat:nth-child(2){background:linear-gradient(135deg,#f3fbf7,#fff);border-top:3px solid #57a98c}
.home-main .stat:nth-child(3){background:linear-gradient(135deg,#fffaf1,#fff);border-top:3px solid #e0a32a}
.home-main .stat:nth-child(4){background:linear-gradient(135deg,#fbf7ff,#fff);border-top:3px solid #8a63c7}
.home-main .action:nth-child(3n+1){background:linear-gradient(135deg,#fff,#f5f9ff)}
.home-main .action:nth-child(3n+2){background:linear-gradient(135deg,#fff,#f7fcfa)}
.home-main .action:nth-child(3n){background:linear-gradient(135deg,#fff,#fbf8ff)}
.home-main .action .ico{filter:saturate(1.12)}
.home-main .action:hover{border-color:#c7dced}

/* Müdür sayfaları — üstten hizalı ve baskı alanı */
.managerMain{align-self:flex-start!important;margin-top:0!important}
.managerClassStandalone{overflow:visible}

@media(max-width:800px){.perfFields{grid-template-columns:1fr}}
@media print{.noPrint{display:none!important}}

/* V44 — Kurumsal son düzenlemeler */
main{align-self:flex-start!important;margin:0 auto!important;padding-top:28px!important}
/* Hızlı Performans: tek sıra, ferah ve kurumsal */
.quickPerformanceCard{border-top:3px solid #2f6fbd;background:linear-gradient(180deg,#ffffff,#fbfdff)}
.quickPerformanceGrid{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(135px,.8fr) minmax(170px,1fr) minmax(110px,.55fr) auto;gap:12px;align-items:end}
.quickField label{display:block;font-size:11px;font-weight:800;color:#50647b;margin-bottom:6px}
.quickField input,.quickField select{width:100%;padding:11px 12px;border:1px solid #d7e1eb;border-radius:10px;background:#fff;outline:none}
.quickField input:focus,.quickField select:focus{border-color:#6ea5db;box-shadow:0 0 0 3px rgba(47,111,189,.09)}
.quickSaveWrap{display:flex;align-items:end}.quickSaveWrap .btn{height:43px;white-space:nowrap}
/* Etkinlik arşivi */
.activityCreate{border-top:3px solid #8b5cf6}.activityCard{border-left:4px solid #8b5cf6}.activityMaterials{margin:8px 0;padding:9px 11px;border-radius:9px;background:#f7f4ff;color:#5d4a86;font-size:12px}.activityFile{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:9px 11px;border:1px solid #dfe7ef;border-radius:9px;background:#f8fbfe;font-size:12px}.activityFile a{text-decoration:none}.activityCard .btn.danger{margin-top:5px}
/* Ajandam */
.agendaCreate{border-top:3px solid #2f6fbd}.agendaRow{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f5}.agendaRow:last-child{border-bottom:0}.agendaCheck{display:grid;place-items:center}.agendaCheck input{width:18px;height:18px}.agendaMain>div:first-child{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.agendaMain strong{font-size:13px}.agendaMeta{margin-top:5px;color:#718096;font-size:11px;line-height:1.45}.agendaDone .agendaMain strong{text-decoration:line-through;color:#97a4b2}.agendaDone .agendaMeta{opacity:.7}
/* Üstten hizalama: tüm öğretmen ve müdür sayfaları */
.layout{align-items:flex-start}.managerMain{align-self:flex-start!important}
/* Performans alanları başlıkları ve kart vurguları */
.performance-main .performanceHero{border-top:3px solid #2f6fbd}.performance-main .perfMainStats .perfStatCard{box-shadow:0 8px 24px rgba(45,75,110,.06)}
@media(max-width:1000px){.quickPerformanceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quickSaveWrap{align-items:stretch}.quickSaveWrap .btn{width:100%}}
@media(max-width:650px){.quickPerformanceGrid{grid-template-columns:1fr}.agendaRow{grid-template-columns:26px 1fr}.agendaRow>.btn{grid-column:2;justify-self:start}.activityFile{align-items:flex-start;flex-direction:column}}

/* V44.1 — Haftalık program sade ders ekleme + etkinlik görseli */
.weekLessonSimpleModal{max-width:560px}
.weekLessonSimpleInfo{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 16px}
.weekModalBadge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef6f7;border:1px solid #d6e5e7;color:#356579;font-size:12px;font-weight:700}
.activityImage{margin:12px 0;border-radius:12px;overflow:hidden;border:1px solid #e0e7ef;background:#f7f9fb}
.activityImage img{display:block;width:100%;max-height:280px;object-fit:cover}

/* V44.1 — Haftalık program sade ders ekleme + etkinlik görseli */
.weekLessonSimpleModal{max-width:560px}
.weekLessonSimpleInfo{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 16px}
.weekModalBadge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef6f7;border:1px solid #d6e5e7;color:#356579;font-size:12px;font-weight:700}
.activityImage{margin:12px 0;border-radius:12px;overflow:hidden;border:1px solid #e0e7ef;background:#f7f9fb}
.activityImage img{display:block;width:100%;max-height:280px;object-fit:cover}


/* V44.2 — Haftalık program yalnızca ders + not */
.weekLesson{padding:10px 11px;border:1px solid #d9e4ef;border-radius:11px;background:#fbfdff;margin-bottom:8px}
.weekLessonSubject{display:block;font-size:14px;font-weight:800;color:#5b3aa8}
.weekLessonNote{display:block;margin-top:6px;color:#5b6f82;line-height:1.45}
.weekLessonSimpleModal .field{margin-top:14px}
.activityUploadPreview{margin-top:10px;border:1px dashed #cbd8e5;border-radius:10px;padding:8px;background:#f8fbfe}
.activityUploadPreview img{display:block;max-width:180px;max-height:120px;border-radius:8px;object-fit:cover}
.activityImageError{align-items:center;padding:10px;border-radius:9px;background:#fff7ed;color:#9a5b13;font-size:12px;margin:8px 0}

/* V44 - Ödev / Sınav / Risk Öğrenciler */
.homeworkCard,.examCard{border:1px solid #e1e8f0;box-shadow:0 8px 24px rgba(31,55,80,.06)}
.scoreBox{margin-top:14px;padding:14px;border:1px solid #dce7f0;border-radius:14px;background:#f8fbfe}
.riskStudentRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid #edf1f5}
.riskStudentRow:last-child{border-bottom:0}
.riskStudentRow small{color:#a65b35}
@media(max-width:760px){.riskStudentRow{grid-template-columns:1fr}.riskStudentRow .btn{width:max-content}}

/* V45.1 fixes */
.userIdentity{display:flex;align-items:center;gap:9px;padding:7px 11px 7px 13px;border:1px solid #d9e5f0;background:#f7fbff;border-radius:12px;box-shadow:0 3px 12px rgba(35,65,95,.05)}
.userIdentity b{font-size:13px;color:#20384f}.userIdentity em{font-style:normal;font-size:12px;font-weight:800;color:#2f6fbd;padding:5px 9px;background:#eaf3fc;border-radius:999px;white-space:nowrap}
.skillSearch{font-size:14px!important;padding:12px 13px!important;background:#fff!important}
@media(max-width:650px){.userIdentity{display:none}}

.questionEditor{display:flex;flex-direction:column;gap:12px}.questionRow{border:1px solid #e2e8f0;background:#fbfdff}.questionRow textarea{width:100%;box-sizing:border-box;resize:vertical}.questionRow .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.examMini{margin:10px 0;padding:10px;border-left:3px solid #6366f1;background:#f8fafc;display:flex;flex-direction:column;gap:7px}.examTotal{margin:12px 0;padding:10px 14px;border-radius:10px;background:#f8fafc;font-weight:600}.examTotal.good{border:1px solid #86efac}.examTotal.danger{border:1px solid #fca5a5}.opt{display:inline-flex;align-items:center;gap:5px}
@media(max-width:800px){.questionRow .grid3{grid-template-columns:1fr}.opts{gap:8px}}
.managerTeacherDataGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}.managerTeacherDataGrid>div{padding:12px;border:1px solid #dbe5ec;border-radius:10px;background:#f8fbfc;text-align:center}.managerTeacherDataGrid b{display:block;font-size:20px}.managerTeacherDataGrid span{font-size:11px;color:#64748b}.managerTeacherStudents{margin-top:18px}.managerTeacherStudents h3{margin-bottom:10px}@media(max-width:900px){.managerTeacherDataGrid{grid-template-columns:repeat(3,1fr)}}

.activityImagePreview{margin-top:10px}.activityImagePreview img{display:block;max-width:100%;max-height:320px;border-radius:12px;border:1px solid #d9e3ee;object-fit:contain;background:#f7fafc}.activityFile{margin-top:10px}.activityFile>span{display:block;margin-bottom:6px}


/* Duyurular */
.navBadge{display:inline-flex!important;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;margin-left:8px;border-radius:999px;background:#e5484d!important;color:#fff!important;font-size:11px;font-weight:800;line-height:21px;vertical-align:middle;box-sizing:border-box}
.announcementCard{margin-bottom:14px;border-left:4px solid #2f73c9}
.announcementCard.unread{box-shadow:0 5px 18px rgba(47,115,201,.10)}
.announcementHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.announcementHead h2{margin:0 0 5px;font-size:18px}
.announcementHead small,.announcementRow small{color:#718096}
.announcementNew{font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;background:#fff1f1;color:#d64545;white-space:nowrap}
.announcementBody{margin-top:16px;padding:15px;border-radius:10px;background:#f7f9fc;line-height:1.65;color:#26364a}
.announcementRow{padding:15px 0;border-bottom:1px solid #e6ebf2}
.announcementRow:last-child{border-bottom:0}
.announcementRow b{font-size:16px}
.announcementRow small{display:block;margin-top:4px}
.announcementRow p{margin:10px 0 0;line-height:1.6;color:#40536b}
/* DUYURULAR */
.navBadge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:#e5484d;color:#fff;font-size:11px;font-weight:800;line-height:20px;vertical-align:middle}
.announcementCard{margin-bottom:14px;border-left:4px solid #2f73c9}.announcementCard.unread{box-shadow:0 5px 18px rgba(47,115,201,.10)}
.announcementHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.announcementHead h2{margin:0 0 5px;font-size:18px}.announcementHead small,.announcementRow small{color:#718096}
.announcementNew{font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;background:#fff1f1;color:#d64545;white-space:nowrap}.announcementBody{margin-top:16px;padding:15px;border-radius:10px;background:#f7f9fc;line-height:1.65;color:#26364a}
.announcementRow{padding:15px 0;border-bottom:1px solid #e6ebf2}.announcementRow:last-child{border-bottom:0}.announcementRow b{font-size:16px}.announcementRow small{display:block;margin-top:4px}.announcementRow p{margin:10px 0 0;line-height:1.6;color:#40536b}

.perfGrowthInsight{display:flex;align-items:center;gap:14px;margin:16px 0;padding:14px 16px;border:1px solid #dce6ee;border-radius:12px;background:#f8fafc}
.perfGrowthIcon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf4fb;font-size:20px;font-weight:900}
.perfGrowthInsight>div:nth-child(2){flex:1}.perfGrowthInsight strong{display:block}.perfGrowthInsight p{margin:4px 0 0;color:#64748b;line-height:1.45}.perfGrowthInsight .trend{font-weight:850;white-space:nowrap}

.studentHistoryCard{margin:16px 0}
.studentTimeline{position:relative;margin-top:10px}
.studentTimeline:before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:#e2e8f0}
.timelineItem{position:relative;display:flex;gap:13px;padding:10px 0}
.timelineIcon{z-index:1;flex:0 0 38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid #dbe4ed;font-size:17px}
.timelineBody{flex:1;padding:2px 0 8px}.timelineBody>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timelineBody small{color:#718096}.timelineBody p{margin:6px 0 0;line-height:1.5;color:#40536b}

.smartAnalysisCard{margin:16px 0;border-left:4px solid #2f73c9}
.smartInsights{display:grid;gap:10px;margin-top:12px}
.smartInsight{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid #e2e8f0;border-radius:11px;background:#fafcff}
.smartInsight.positive{border-left:4px solid #35a66f}.smartInsight.warning{border-left:4px solid #e27b3f}.smartInsight.info{border-left:4px solid #7b61c9}
.smartIcon{font-size:19px;line-height:1.3}.smartInsight strong{display:block}.smartInsight p{margin:4px 0 0;color:#5d7188;line-height:1.5}

.classDevelopmentCard{margin:16px 0;border-left:4px solid #2f73c9}
.classGrowthChart{min-height:205px;margin-top:18px;padding:12px 10px 6px;display:flex;align-items:flex-end;gap:18px;overflow-x:auto;border-top:1px solid #e5eaf0}
.classBarCol{min-width:72px;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.classBarValue{font-weight:800;font-size:12px}.classBar{width:42px;min-height:8px;border-radius:8px 8px 2px 2px;background:#2f73c9}.classBarCol small{font-size:11px;color:#718096;text-align:center;max-width:72px}

.managerStatusBadge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4fb;font-weight:700;font-size:12px}

.classRiskCard{margin:16px 0;border-left:4px solid #7b61c9}
.riskRows{display:grid;gap:13px;margin-top:16px}
.riskRow{padding:11px 12px;border:1px solid #e3e9f0;border-radius:10px;background:#fbfdff}
.riskRowTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.riskRowTop strong{font-size:16px}
.riskTrack{height:9px;background:#e8edf3;border-radius:999px;overflow:hidden}.riskFill{height:100%;border-radius:999px;background:#6b86a5}
.riskRow small{display:block;margin-top:6px;color:#718096;font-size:11px}

.studentGrowthCard{margin:16px 0;border-left:4px solid #2f73c9}.studentGrowthCard h4{margin:18px 0 10px;color:#24364b}
.growthAreaRows{display:grid;gap:9px}.growthAreaRow{display:grid;grid-template-columns:minmax(180px,1fr) 75px 120px;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e2e8f0;border-radius:10px;background:#fbfdff}
.growthAreaRow small{display:block;color:#718096;margin-top:3px}.growthAreaRow>strong{text-align:right;font-size:16px}.growthAreaRow>span{font-size:12px;color:#60748b}
.growthUp{color:#258b5a}.growthDown{color:#c35a39}.growthSame{color:#60748b}
@media(max-width:700px){.growthAreaRow{grid-template-columns:1fr 65px}.growthAreaRow>span{grid-column:1/-1}}
/* =========================================================
   MOBİL GÖRÜNÜM - V1
   ========================================================= */

@media (max-width: 600px){

  /* Genel */
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  body{
    font-size:14px;
  }

  /* Üst bar */
  .top{
    height:auto;
    min-height:58px;
    padding:10px 14px;
    gap:10px;
  }

  .brand{
    font-size:17px;
  }

  .userbar{
    font-size:12px;
    gap:6px;
  }

  /* Sol menü mobilde yatay menü */
  .layout{
    display:block;
    min-height:0;
  }

  .side{
    width:100%;
    padding:7px;
    display:flex;
    gap:5px;
    overflow-x:auto;
    overflow-y:hidden;
    border-right:0;
    border-bottom:1px solid var(--line);
    -webkit-overflow-scrolling:touch;
  }

  .nav{
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
    margin:0;
    padding:9px 12px;
    font-size:12px;
    white-space:nowrap;
  }

  /* Ana içerik */
  main{
    width:100%;
    max-width:none;
    padding:14px 12px 30px;
  }

  /* Başlıklar */
  .welcome{
    display:block;
    margin-bottom:16px;
  }

  .welcome h1{
    font-size:24px;
    line-height:1.2;
  }

  .head{
    flex-direction:column;
    gap:12px;
  }

  .head h2{
    font-size:20px;
  }

  /* Kartlar */
  .card,
  .stat,
  .action{
    border-radius:14px;
  }

  .card{
    padding:15px;
  }

  .stat{
    padding:15px;
  }

  .stat b{
    font-size:24px;
  }

  /* Butonlar */
  .btn{
    min-height:40px;
  }

  .head .btn,
  .head .primary{
    width:100%;
  }

  /* Formlar */
  .grid2,
  .grid3{
    grid-template-columns:1fr !important;
  }

  .field input,
  .field select,
  .field textarea{
    font-size:16px;
  }

  /* Toolbar */
  .toolbar{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }

  .toolbar > *{
    width:100%;
  }

  .toolbar .btn{
    width:100%;
  }

  /* İstatistikler */
  .stats{
    grid-template-columns:1fr 1fr !important;
    gap:9px;
  }

  /* Hızlı işlemler */
  .actions{
    grid-template-columns:1fr !important;
    gap:10px;
  }

  .action{
    padding:15px;
  }

  /* Genel gridler */
  .items,
  .profileGrid,
  .infoGrid,
  .perfDashboard,
  .perfHighlightGrid,
  .managerDashboardGrid,
  .reportGrid{
    grid-template-columns:1fr !important;
  }

  /* Müdür paneli */
  .managerMain{
    padding:18px 12px 35px !important;
  }

  .managerWelcome{
    display:block;
    margin-bottom:16px;
  }

  .managerWelcome h1{
    font-size:24px;
  }

  .managerBadge{
    display:inline-block;
    margin-top:10px;
  }

  .managerMain .stats{
    grid-template-columns:1fr 1fr !important;
  }

  .managerOverviewStats{
    grid-template-columns:1fr 1fr !important;
  }

  .managerAttendance{
    grid-template-columns:1fr !important;
  }

  .managerStudentList{
    grid-template-columns:1fr !important;
  }

  .managerStudentFullRow{
    grid-template-columns:1fr !important;
  }

  .managerStudentFullRow > strong{
    grid-column:auto !important;
    grid-row:auto !important;
    text-align:left !important;
  }

  .managerStudentFullRow .btn{
    grid-column:auto !important;
    width:100%;
  }

  /* Raporlar */
  .reportHero{
    display:block;
    padding:16px;
  }

  .reportHero h2{
    font-size:21px;
  }

  .reportScore{
    text-align:left;
    margin-top:14px;
  }

  .reportCards{
    grid-template-columns:1fr 1fr !important;
  }

  .metricRow{
    grid-template-columns:1fr !important;
    gap:5px;
  }

  /* Öğrenci profesyonel raporu */
  .studentProfessional{
    width:100%;
    border-radius:14px;
  }

  .proReportHeader{
    grid-template-columns:55px 1fr !important;
    padding:16px;
    gap:12px;
  }

  .schoolLogo{
    width:52px;
    height:52px;
  }

  .schoolName{
    font-size:14px;
  }

  .reportTitle{
    font-size:19px;
  }

  .reportDate{
    grid-column:1 / -1 !important;
    justify-self:start;
  }

  .studentHero{
    grid-template-columns:55px 1fr !important;
    padding:16px;
    gap:12px;
  }

  .studentAvatar{
    width:54px;
    height:54px;
    font-size:20px;
  }

  .studentIdentity h2{
    font-size:20px;
  }

  .heroScore{
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
  }

  .proGrid{
    grid-template-columns:1fr !important;
    padding:0 12px 12px;
  }

  .proPanel,
  .chartPanel{
    margin:0 12px 12px;
    padding:14px;
  }

  .bottomGrid{
    padding:0 12px 12px;
  }

  .observationCards{
    grid-template-columns:1fr !important;
  }

  .summaryStats{
    grid-template-columns:1fr 1fr 1fr;
  }

  /* Performans */
  .perfMainStats{
    grid-template-columns:1fr !important;
  }

  .perfHighlights{
    grid-template-columns:1fr !important;
  }

  .perfBarRow{
    grid-template-columns:80px 1fr 35px;
  }

  /* Arama */
  .lookupRow{
    flex-direction:column;
  }

  .lookupRow input,
  .lookupRow .btn{
    width:100%;
  }

  /* Dokümanlar */
  .documentCard{
    flex-direction:column;
  }

  /* Ders özeti */
  .lessonSummary{
    grid-template-columns:1fr !important;
  }

  .lessonTop{
    flex-direction:column;
  }

  /* Haftalık program */
  .weeklyCard{
    overflow:hidden;
  }

  .weeklyCard #weeklyGrid{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  /* Büyük tablolar telefon ekranını taşırmasın */
  .table{
    display:block;
    width:100%;
    overflow-x:auto;
    white-space:nowrap;
  }

  .managerTable{
    display:block;
    width:100%;
    overflow-x:auto;
    white-space:nowrap;
  }

  /* Modal */
  .modalWrap,
  .modalOverlay{
    padding:10px;
  }

  .modal{
    width:100%;
    max-width:none;
    max-height:92vh;
  }

  /* Yazılar */
  .announcementHead{
    flex-direction:column;
    gap:8px;
  }

  .announcementHead h2{
    font-size:17px;
  }

  /* Profil */
  .profileHero{
    padding:16px;
    gap:12px;
  }

  .avatar{
    width:52px;
    height:52px;
    font-size:22px;
  }

  /* Gereksiz yatay taşmaları engelle */
  img,
  svg{
    max-width:100%;
  }

  .print-area{
    padding:15px;
  }
}
/* =========================================================
   MOBİL GİRİŞ EKRANI - V1
   ========================================================= */

@media (max-width:600px){

  .auth{
    width:calc(100% - 24px);
    max-width:none;
    margin:30px auto;
    padding:22px 18px;
    border-radius:18px;
  }

  .auth h1{
    font-size:22px;
    line-height:1.25;
  }

  .auth p{
    font-size:13px;
    line-height:1.5;
  }

  .auth .field{
    margin:13px 0;
  }

  .auth input,
  .auth select{
    width:100%;
    min-height:46px;
    padding:11px 12px;
    font-size:16px;
  }

  .auth .btn{
    width:100%;
    min-height:46px;
    font-size:14px;
  }

  .auth .switch{
    margin-top:14px;
    line-height:1.6;
  }

  .auth .link{
    font-size:13px;
  }

}
/* =========================================================
   MÜDÜR MOBİL MENÜ - V1
   ========================================================= */

@media (max-width:600px){

  .managerMain{
    padding-top:18px !important;
  }

  .managerNav,
  .managerMenu,
  .managerTopNav{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    display:flex;
    flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .managerNav::-webkit-scrollbar,
  .managerMenu::-webkit-scrollbar,
  .managerTopNav::-webkit-scrollbar{
    display:none;
  }

  .managerNav > *,
  .managerMenu > *,
  .managerTopNav > *{
    flex:0 0 auto;
    white-space:nowrap;
  }

  .managerMain h1{
    font-size:27px;
    line-height:1.2;
  }

  .managerMain .muted{
    line-height:1.45;
  }

}