/* Surya foglalási órarend – MOBIL FELÜLET.
   Ez a fájl kizárólag a mobile/index.html órarendjét formázza. */
.surya-booking-mobile{margin:20px 0 28px;text-align:left}
.surya-booking-mobile .surya-booking-userbar{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:32px;margin-bottom:10px;font-size:.8rem}
.surya-booking-mobile .surya-booking-linkbtn{border:0;background:transparent;color:#333;font:inherit;text-decoration:underline;padding:4px 0;white-space:nowrap}
.surya-booking-mobile .surya-booking-daystrip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-bottom:15px}
.surya-booking-mobile .surya-booking-daytab{min-width:0;border:1px solid #d0ccc5;background:#ebe8e3;color:#444;padding:5px 1px;font:inherit}
.surya-booking-mobile .surya-booking-daytab span,.surya-booking-mobile .surya-booking-daytab strong{display:block;text-align:center}
.surya-booking-mobile .surya-booking-daytab span{font-size:.62rem;text-transform:uppercase}
.surya-booking-mobile .surya-booking-daytab strong{font-size:.96rem;line-height:1.2}
.surya-booking-mobile .surya-booking-daytab.active{background:#47433e;color:#fff;border-color:#47433e}
.surya-booking-mobile .surya-booking-selected-day{text-align:center;font-weight:700;margin:0 0 10px;font-size:.95rem}
.surya-booking-mobile .surya-booking-class{background:#fff;border-left:4px solid #80786c;padding:11px 12px;margin-bottom:9px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.surya-booking-mobile .surya-booking-class.is-cancelled{opacity:.58}
.surya-booking-mobile .surya-booking-time{font-weight:700;font-size:.9rem}
.surya-booking-mobile .surya-booking-title-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:2px}
.surya-booking-mobile .surya-booking-title{min-width:0;flex:1 1 150px;font-weight:700;font-size:.95rem}
.surya-booking-mobile .surya-booking-places{flex:0 0 auto;margin-left:auto;white-space:nowrap;font-size:.8rem;line-height:1.35;color:#666}
.surya-booking-mobile .surya-booking-instructor{font-size:.8rem;line-height:1.35;color:#666;margin-top:4px}
.surya-booking-mobile .surya-booking-action{margin-top:9px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.surya-booking-mobile .surya-booking-btn{border:0;background:#3d3a36;color:#fff;padding:9px 13px;border-radius:2px;font:inherit;font-size:.84rem;font-weight:700}
.surya-booking-mobile .surya-booking-btn.cancel{background:#7d746a}
.surya-booking-mobile .surya-booking-badge{display:inline-block;padding:6px 8px;border-radius:2px;font-size:.78rem;font-weight:700;background:#e5e2dd;color:#666}
.surya-booking-mobile .surya-booking-badge.full{background:#e8ded8;color:#6b3e34}
.surya-booking-mobile .surya-booking-empty,.surya-booking-mobile .surya-booking-loading,.surya-booking-mobile .surya-booking-error{text-align:center;color:#777;padding:18px 7px;font-size:.86rem}
.surya-booking-mobile .surya-booking-error{background:#fff;border:1px solid #ddd}

/* Mobil belépés/regisztráció – saját mobil modal. */
.surya-mobile-auth{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:14px;background:rgba(0,0,0,.58)}
.surya-mobile-auth.open{display:flex}
.surya-mobile-auth-card{position:relative;width:100%;max-width:420px;background:#f4f4f4;padding:23px 17px;text-align:left;max-height:92vh;overflow-y:auto}
.surya-mobile-auth-close{position:absolute;right:8px;top:4px;border:0;background:transparent;font-size:31px;line-height:1;color:#444}
.surya-mobile-auth-tabs{display:flex;border-bottom:1px solid #c9c9c9;margin-bottom:14px}
.surya-mobile-auth-tabs button{flex:1;border:0;background:transparent;padding:10px;font:inherit;font-weight:700;color:#777}
.surya-mobile-auth-tabs button.active{color:#222;border-bottom:2px solid #333}
.surya-mobile-auth-form label{display:block;margin:10px 0;font-size:.87rem}
.surya-mobile-auth-form input[type="text"],.surya-mobile-auth-form input[type="email"],.surya-mobile-auth-form input[type="password"]{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #b9b9b9;background:#fff;font:inherit}
.surya-mobile-auth-form .consent{display:flex;align-items:flex-start;gap:8px;line-height:1.35;font-size:.79rem}
.surya-mobile-auth-form .consent input{margin-top:3px}
.surya-mobile-auth-form .consent a{color:inherit;text-decoration:underline}
.surya-mobile-auth-submit{width:100%;border:0;background:#3d3a36;color:#fff;padding:11px;font:inherit;font-weight:700;margin-top:4px}
.surya-mobile-auth-message{min-height:22px;margin-top:9px;font-size:.84rem}
.surya-mobile-auth-message.error{color:#922d23}
.surya-mobile-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}


/* Saját mobil megerősítő/üzenetablak – nincs böngészői "JavaScript innen" fejléc. */
.surya-mobile-dialog{position:fixed;inset:0;z-index:5100;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.54)}
.surya-mobile-dialog.open{display:flex}
.surya-mobile-dialog-card{width:100%;max-width:370px;background:#f4f4f4;padding:22px 18px 17px;text-align:left}
.surya-mobile-dialog-text{font-size:.93rem;line-height:1.45;color:#333;margin-bottom:18px}
.surya-mobile-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.surya-mobile-dialog-actions button{border:0;padding:10px 14px;font:inherit;font-weight:700}
.surya-mobile-dialog-secondary{background:#dedbd6;color:#333}
.surya-mobile-dialog-primary{background:#3d3a36;color:#fff}
.surya-mobile-dialog-primary.danger{background:#7d746a}

/* Saját fiók – MOBIL, külön az asztali felülettől. */
.surya-booking-mobile .surya-booking-userbar{flex-wrap:wrap}
.surya-booking-mobile .surya-booking-user-actions{display:inline-flex;align-items:center;gap:10px}
.surya-mobile-account{position:fixed;inset:0;z-index:5050;display:none;align-items:flex-start;justify-content:center;box-sizing:border-box;height:100dvh;overflow-y:auto;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:rgba(0,0,0,.58)}
.surya-mobile-account.open{display:flex}
.surya-mobile-account-card{position:relative;width:100%;max-width:420px;max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain;background:#f4f4f4;padding:23px 17px;text-align:left;box-sizing:border-box}
.surya-mobile-account-card h3{margin:0 34px 16px 0;font-size:1.12rem}
.surya-mobile-account-card h4{margin:0 0 7px;font-size:.96rem}
.surya-mobile-account-close{position:absolute;right:8px;top:4px;border:0;background:transparent;font-size:31px;line-height:1;color:#444}
.surya-mobile-account-email{margin-bottom:12px;font-size:.84rem}
.surya-mobile-account-email span{display:block;color:#777;font-size:.74rem;margin-bottom:2px}
.surya-mobile-account-form label,.surya-mobile-delete-panel label{display:block;margin:9px 0;font-size:.86rem}
.surya-mobile-account-form input,.surya-mobile-delete-panel input{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #b9b9b9;background:#fff;font:inherit;box-sizing:border-box}
.surya-mobile-account-submit{width:100%;border:0;background:#3d3a36;color:#fff;padding:11px;font:inherit;font-weight:700;margin-top:4px}
.surya-mobile-account-separator{border-top:1px solid #d3d0cb;margin:18px 0}
.surya-mobile-account-message{min-height:21px;margin-top:9px;font-size:.83rem}
.surya-mobile-account-message.error{color:#922d23}
.surya-mobile-danger-zone{border-top:1px solid #d3d0cb;margin-top:16px;padding-top:13px}
.surya-mobile-delete-link{border:0;background:transparent;color:#6b3e34;text-decoration:underline;font:inherit;padding:3px 0}
.surya-mobile-delete-panel{margin-top:9px;padding:12px;background:#ebe7e2}
.surya-mobile-delete-panel p{margin:0 0 9px;font-size:.8rem;line-height:1.4}
.surya-mobile-delete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}
.surya-mobile-delete-actions button{border:0;padding:10px 12px;font:inherit;font-weight:700;background:#dedbd6;color:#333}
.surya-mobile-delete-actions button.danger{background:#7d746a;color:#fff}
.surya-mobile-account-bookings{margin:3px 0 0}
.surya-mobile-account-bookings h4{margin-bottom:7px}
.surya-mobile-account-booking{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #ddd9d2;font-size:.82rem}
.surya-mobile-account-booking:first-child{border-top:0}
.surya-mobile-account-booking span>strong,.surya-mobile-account-booking span>small{display:block}
.surya-mobile-account-booking span>small{margin-top:2px;color:#777;font-size:.74rem}
.surya-mobile-account-booking button{border:0;background:#7d746a;color:#fff;padding:8px 9px;font:inherit;font-size:.76rem;font-weight:700;white-space:nowrap}
.surya-mobile-account-booking-state{font-size:.76rem;font-weight:700;color:#6b3e34}
.surya-mobile-account-no-booking{font-size:.8rem;color:#777;padding:2px 0}

/* Bérlet – MOBIL */
.surya-booking-mobile .surya-booking-pass-note{margin-top:7px;padding-top:6px;border-top:1px solid #ece8e2;color:#746d64;font-size:.76rem;line-height:1.35}
.surya-mobile-account-pass{margin:0 0 14px}.surya-mobile-pass-card{margin:0 0 9px;padding:12px;background:#fff;border:1px solid #ddd9d2}.surya-mobile-pass-card:last-child{margin-bottom:0}
.surya-mobile-pass-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.surya-mobile-pass-top strong{font-size:.96rem}.surya-mobile-pass-top span{font-size:.81rem;font-weight:700;color:#5f5a54}
.surya-mobile-pass-dates{margin-top:4px;color:#777;font-size:.75rem}.surya-mobile-pass-dots{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 9px}
.surya-pass-dot{position:relative;display:inline-block;width:17px;height:17px;border:2px solid #8a837a;border-radius:50%;box-sizing:border-box;vertical-align:middle;flex:0 0 auto}.surya-pass-dot.reserved{background:#b8b2aa;border-color:#9b948b}.surya-pass-dot.used{background:#ebe8e3;border-color:#9b948b}.surya-pass-dot.used::after{content:"";position:absolute;left:1px;right:1px;top:6px;height:2px;background:#756e66;transform:rotate(-45deg);transform-origin:center}.surya-pass-dot.free{background:#fff}
.surya-mobile-pass-legend{display:flex;flex-wrap:wrap;gap:8px 12px;color:#777;font-size:.68rem}.surya-mobile-pass-legend span{display:inline-flex;align-items:center;gap:4px}.surya-mobile-pass-legend .surya-pass-dot{width:11px;height:11px;border-width:1px}.surya-mobile-pass-legend .surya-pass-dot.used::after{top:4px;height:1px}
.surya-mobile-account-pass-note{display:block;margin-top:4px;color:#746d64;font-size:.7rem;font-style:normal;line-height:1.3}


/* Órainformáció */
.surya-booking-mobile .surya-booking-info-btn{border:1px solid #c8c1b8;background:#f7f5f1;color:#5f5952;padding:8px 11px;border-radius:2px;font:inherit;font-size:.8rem;font-weight:700}.surya-mobile-class-info{position:fixed;inset:0;z-index:5200;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(0,0,0,.56)}.surya-mobile-class-info.open{display:flex}.surya-mobile-class-info-card{position:relative;width:100%;max-width:430px;max-height:calc(100dvh - 24px);margin:auto 0;background:#f7f6f3;border:1px solid #d8d2ca;box-shadow:0 14px 38px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}.surya-mobile-class-info-close{position:absolute;right:8px;top:7px;z-index:3;border:0;background:transparent;color:#4c4741;font-size:1.7rem;line-height:1;padding:5px 8px}.surya-mobile-class-info-head{flex:0 0 auto;padding:19px 47px 12px 17px;border-bottom:1px solid #e2ddd6}.surya-mobile-class-info-head h3{margin:0 0 4px;font-size:1rem;color:#333}.surya-mobile-class-info-meta{font-size:.77rem;color:#777}.surya-mobile-class-info-text{min-height:0;overflow-y:auto;padding:15px 17px 19px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.52;font-size:.9rem;color:#3f3a35;-webkit-overflow-scrolling:touch}@supports not (height:100dvh){.surya-mobile-class-info-card{max-height:calc(100vh - 24px)}}


/* Oktatói névsor – MOBIL */
.surya-mobile-teacher-classes{margin:16px 0 0;padding-top:14px;border-top:1px solid #d3d0cb}.surya-mobile-teacher-classes h4{margin:0 0 7px}.surya-mobile-teacher-list{border:1px solid #ddd9d2;background:#fff}.surya-mobile-teacher-class{border-top:1px solid #e6e1da}.surya-mobile-teacher-class:first-child{border-top:0}.surya-mobile-teacher-class>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;cursor:pointer;font-size:.81rem}.surya-mobile-teacher-class>summary span{min-width:0}.surya-mobile-teacher-class>summary span>strong,.surya-mobile-teacher-class>summary span>small{display:block}.surya-mobile-teacher-class>summary span>small{margin-top:2px;color:#777;font-size:.72rem}.surya-mobile-teacher-class>summary>b{font-size:.76rem;white-space:nowrap;color:#5f5952}.surya-mobile-teacher-names{padding:2px 10px 9px 25px;border-top:1px solid #eee9e3}.surya-mobile-teacher-names div{padding:6px 0;border-top:1px solid #f0ece7;font-size:.8rem}.surya-mobile-teacher-names div:first-child{border-top:0}.surya-mobile-teacher-names div{display:flex;align-items:center;justify-content:space-between;gap:10px}.surya-mobile-teacher-pass{font-style:normal;font-size:.72rem;white-space:nowrap;color:#5f6c58;background:#eef2ea;border:1px solid #d9e1d4;border-radius:999px;padding:2px 7px}


/* Kiemelt bérlet- és személyes foglalási figyelmeztetések */
.surya-booking-mobile .surya-booking-pass-note.is-alert{color:#8c4a42;border-top-color:#d8aaa5;font-weight:700}.surya-booking-mobile .surya-booking-pass-note.is-alert strong{color:#8c4a42}.surya-mobile-account-pass-note.is-alert{color:#8c4a42;font-weight:700}.surya-mobile-account-pass-note.is-alert strong{color:#8c4a42}.surya-mobile-dialog-card.attention{border-top:4px solid #a83b32}.surya-mobile-dialog-text{white-space:pre-line}

/* Programok – jövőbeli egyszeri órák, mobil */
.surya-programs-mobile{margin:18px 0 2px}
.surya-programs-mobile:empty{display:none}
.surya-programs-mobile .surya-program-mobile-card{margin-bottom:10px}
.surya-programs-mobile .surya-program-mobile-when{font-weight:700;font-size:.88rem;color:#4b4742}
.surya-programs-mobile .surya-program-mobile-info{margin:10px -12px -11px;border-top:1px solid #e7e2dc;background:#f7f5f1}
.surya-programs-mobile .surya-program-mobile-info>summary{cursor:pointer;padding:10px 12px;color:#5f5952;font-size:.8rem;font-weight:700;list-style-position:inside}
.surya-programs-mobile .surya-program-mobile-info>div{padding:2px 12px 13px;white-space:pre-wrap;overflow-wrap:anywhere;color:#45403b;font-size:.85rem;line-height:1.5}


/* Többalkalmas program időpontjai */
.surya-programs-mobile .surya-program-times-btn{border:0;border-bottom:1px solid #9b9388;background:transparent;color:#5f5952;padding:0 1px 1px;font:inherit;font-size:inherit;font-weight:700}

.surya-mobile-teacher-name{min-width:0;display:flex;align-items:center;gap:5px;flex-wrap:wrap;overflow-wrap:anywhere}.surya-mobile-teacher-name>span{min-width:0;overflow-wrap:anywhere}.surya-mobile-teacher-flags{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.surya-mobile-teacher-new{font-style:normal;font-size:.66rem;font-weight:600;line-height:1;white-space:nowrap;color:#2f7d3f;background:#edf6ee;border:1px solid #d5e9d8;border-radius:999px;padding:2px 5px}


/* --- SURYA FEKETE–ARANY–PARAFA PALETTA – FOGLALÁS, MOBIL --- */
.surya-booking-mobile .surya-booking-linkbtn{color:#6c4d36}
.surya-booking-mobile .surya-booking-linkbtn:hover{color:#b98732}
.surya-booking-mobile .surya-booking-class{background:#f7f1e9;border-left-color:#b98732}
.surya-booking-mobile .surya-booking-instructor,.surya-booking-mobile .surya-booking-places{color:#715f50}
.surya-booking-mobile .surya-booking-btn{background:#151311;color:#e5bd66;border:1px solid #b98732}
.surya-booking-mobile .surya-booking-btn:hover{background:#d4aa4f;color:#111;border-color:#d4aa4f}
.surya-booking-mobile .surya-booking-btn.cancel{background:#6c4d36;color:#fff;border-color:#6c4d36}
.surya-booking-mobile .surya-booking-badge{background:#e9e0d5;color:#6d5b4d}
.surya-booking-mobile .surya-booking-badge.full{background:#eadbd4;color:#6b3e34}
.surya-booking-mobile .surya-booking-info-btn{border-color:#caa45c;background:#fffaf3;color:#6c4d36}
.surya-booking-mobile .surya-booking-pass-note{color:#74614f;border-top-color:#ded0c0}
.surya-mobile-account-card,.surya-mobile-dialog-card,.surya-mobile-class-info-card{background:#f8f4ee;border-color:#d8c7b4}
.surya-mobile-account-submit,.surya-mobile-dialog-primary{background:#151311;color:#e5bd66;border:1px solid #b98732}
.surya-mobile-account-pass{background:#fffdfa;border-color:#d8c7b4}
.surya-pass-dot{border-color:#9a7656}.surya-pass-dot.reserved{background:#d7b66f;border-color:#b98732}.surya-pass-dot.used{background:#e4d5c5;border-color:#927255}.surya-pass-dot.used::after{background:#6c4d36}
.surya-mobile-teacher-list{border-color:#d8c7b4;background:#fffdfa}
.surya-programs-mobile .surya-program-mobile-card{border-color:#d8c7b4;background:#fffdfa}
.surya-programs-mobile .surya-program-mobile-when{color:#6c4d36}
.surya-programs-mobile .surya-program-mobile-info{border-top-color:#ded0c0;background:#f7f1e9}
.surya-programs-mobile .surya-program-mobile-info>summary,.surya-programs-mobile .surya-program-times-btn{color:#6c4d36}

.surya-booking-mobile .surya-booking-daytab{border-color:#d8c7b4;background:#eee6dc;color:#594b3f}
.surya-booking-mobile .surya-booking-daytab.active{background:#151311;color:#e5bd66;border-color:#b98732}
.surya-booking-mobile .surya-booking-selected-day{color:#3a3028}
.surya-booking-mobile .surya-booking-class{background:#fffdfa;border-left-color:#b98732;box-shadow:0 2px 7px rgba(73,49,31,.08)}
.surya-mobile-auth-card{background:#f8f4ee;border:1px solid #d8c7b4}
.surya-mobile-auth-tabs{border-bottom-color:#d8c7b4}
.surya-mobile-auth-tabs button{color:#786858}
.surya-mobile-auth-tabs button.active{color:#2d251e;border-bottom-color:#b98732}
.surya-mobile-auth-form input[type="text"],.surya-mobile-auth-form input[type="email"],.surya-mobile-auth-form input[type="password"],.surya-mobile-account-form input,.surya-mobile-delete-panel input{border-color:#cbb9a6;background:#fffdfa}
.surya-mobile-auth-submit{background:#151311;color:#e5bd66;border:1px solid #b98732}

/* Újabb bérletállapot-jelzések megőrzése */
.surya-mobile-pass-state.is-expired{color:#8c4a42}
.surya-mobile-teacher-nopass{font-style:normal;font-size:.72rem;line-height:1;white-space:nowrap;color:#8d342d;background:#f3dfdc;border:1px solid #e5c5c0;border-radius:999px;padding:2px 7px}

/* Oktatói jelenlét – csak a névsorhoz adott új elemek */
.surya-mobile-teacher-attendance-row.is-absent .surya-mobile-teacher-name>span{text-decoration:line-through;color:#918a82}
.surya-mobile-teacher-flags{flex-wrap:wrap;white-space:normal}
.surya-mobile-teacher-attendance-toggle{flex:0 0 auto;cursor:pointer;border:1px solid #cfc4b6;background:#faf7f1;color:#62564b;border-radius:4px;padding:4px 7px;font-size:.72rem;font-weight:600;line-height:1.3;white-space:nowrap}
.surya-mobile-teacher-attendance-toggle.is-absent{color:#35643c;border-color:#b9cfbc;background:#edf6ee}
.surya-mobile-teacher-attendance-toggle:disabled{opacity:.5;cursor:wait}
.surya-mobile-teacher-absent-badge, .surya-mobile-teacher-refunded{font-style:normal;font-size:.7rem;white-space:nowrap;border-radius:999px;padding:2px 7px}
.surya-mobile-teacher-absent-badge{color:#8d342d;background:#f3dfdc;border:1px solid #e5c5c0}
.surya-mobile-teacher-refunded{color:#715b37;background:#f4eddb;border:1px solid #e2d5b8}
.surya-mobile-teacher-history{margin-top:12px;border:1px solid #ddd9d2;background:#fffdfa}
.surya-mobile-teacher-history>summary{cursor:pointer;padding:10px 12px;font-size:.83rem;font-weight:700;color:#62564b}
.surya-mobile-teacher-history>.surya-mobile-teacher-list{border:0;border-top:1px solid #e6e1da}
.surya-mobile-teacher-empty{margin:0;padding:10px 12px;color:#777;font-size:.8rem}
@media(max-width:580px){.surya-mobile-teacher-attendance-row{align-items:flex-start!important;flex-wrap:wrap}.surya-mobile-teacher-flags{justify-content:flex-start;margin-left:0;width:100%}}

/* Oktatói havi elszámolás */
.surya-mobile-teacher-settlement{margin:14px 0 0;padding-top:14px;border-top:1px solid #d3d0cb}
.surya-mobile-teacher-settlement-head{display:flex;align-items:end;justify-content:space-between;gap:9px;margin-bottom:9px}
.surya-mobile-teacher-settlement-head h4{margin:0!important}
.surya-mobile-teacher-settlement-head label{display:flex;flex-direction:column;gap:3px;font-size:.71rem;color:#6c645c}
.surya-mobile-teacher-settlement-head select{max-width:145px;padding:6px;border:1px solid #cfc7bd;background:#fff;font:inherit}
.surya-mobile-teacher-settlement-summary{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 8px;font-size:.73rem;color:#625b53}
.surya-mobile-teacher-settlement-summary strong{color:#27231f}.surya-mobile-teacher-settlement-summary em{font-style:normal;color:#8a4d00;font-weight:700}
.surya-mobile-teacher-settlement-rows{border:1px solid #ddd9d2;background:#fffdfa}
.surya-mobile-teacher-settlement-row{padding:8px 9px;border-top:1px solid #ebe5dd;font-size:.76rem}
.surya-mobile-teacher-settlement-row:first-child{border-top:0}.surya-mobile-teacher-settlement-row span{display:block}.surya-mobile-teacher-settlement-row span+span{margin-top:5px}.surya-mobile-teacher-settlement-row strong,.surya-mobile-teacher-settlement-row small{display:block}.surya-mobile-teacher-settlement-row small{margin-top:2px;color:#756d64;overflow-wrap:anywhere}
.surya-mobile-teacher-settlement-empty{margin:0;padding:9px;color:#777;font-size:.76rem}
.surya-mobile-teacher-settlement-actions{display:flex;align-items:end;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.surya-mobile-teacher-settlement-actions button{padding:6px 8px;border:1px solid #b9aa95;background:#fff;color:#2c2722;font:inherit;font-size:.72rem;cursor:pointer}
.surya-mobile-teacher-settlement-actions button:disabled{opacity:.5;cursor:default}

.surya-mobile-no-valid-pass{padding:10px 0;color:#8c4a42;font-weight:700;text-align:center}

/* Oktatói névsor – mobilon is az asztali nézet kompakt, egysoros logikája */
@media(max-width:580px){
  .surya-mobile-teacher-attendance-row{align-items:center!important;flex-wrap:nowrap!important;gap:8px}
  .surya-mobile-teacher-name{flex:1 1 auto;min-width:0;gap:6px}
  .surya-mobile-teacher-flags{width:auto!important;max-width:58%;margin-left:auto!important;justify-content:flex-end!important;align-items:center;gap:6px;flex-wrap:wrap;white-space:normal}
}

.surya-programs-mobile .surya-programs-empty-mobile{text-align:center;color:#8c4a42;font-weight:700;padding:18px 8px}
/* Oktatói névsor – mobilon egységes, függőleges státuszblokk */
@media(max-width:580px){
  .surya-mobile-teacher-attendance-row{align-items:center!important;flex-wrap:nowrap!important;gap:8px}
  .surya-mobile-teacher-name{flex:1 1 auto;min-width:0;gap:6px}
  .surya-mobile-teacher-flags{width:auto!important;max-width:58%;margin-left:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-end!important;gap:5px!important;flex-wrap:nowrap!important;white-space:normal}
  .surya-mobile-teacher-attendance-toggle{box-sizing:border-box;min-width:104px;height:32px;padding:3px 7px;font-size:.72rem;line-height:1.15}
}