/* v13: gözləmə vəziyyətləri, daha böyük sahələr və süzgəclər, telefon üçün yerləşmə düzəlişləri, təqvim */

/* Düymədə fırlanan işarə: əməliyyat bitənə qədər düymə kilidlidir */
.btn.ld{position:relative;pointer-events:none;color:transparent!important;opacity:1!important}
.btn.ld svg,.btn.ld img{visibility:hidden}
.btn.ld::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);border-top-color:var(--primary);animation:ld13 .7s linear infinite}
.btn.pri.ld::after{border-color:rgba(255,255,255,.35);border-top-color:#fff}
.btn.sm.ld::after{width:13px;height:13px;margin:-6.5px 0 0 -6.5px}
.pk.ld::after{width:18px;height:18px;margin:-9px 0 0 -9px}
@keyframes ld13{to{transform:rotate(360deg)}}
.modal.m-busy .m-b{opacity:.55;pointer-events:none;user-select:none}
.modal.m-busy .m-h .btn{opacity:.4;pointer-events:none}

/* Sahələr və açılan siyahılar: daha böyük və oxunaqlı, hər yerdə eyni */
.inp{height:42px;font-size:14.5px;border-radius:10px;padding:0 13px}
select.inp{padding-right:34px;background-position:right 12px center}
textarea.inp{min-height:88px;padding:11px 13px}
.fld{font-size:13.5px;gap:6px}
.fld small{font-weight:400}
.filt{gap:10px 12px;padding:14px 16px}
.filt .inp,.filt select{height:40px;font-size:14px;max-width:280px;min-width:160px;width:100%}
.filt .fld{font-size:12.5px;flex:0 1 auto}
.filt .fld:first-child{flex:1 1 240px;max-width:420px}
.filt .fld:first-child .inp{max-width:none}
.tb .fld .inp{height:42px}
.seg button{min-height:38px}
@media (max-width:640px){
  .inp{height:44px;font-size:16px}
  .filt .inp,.filt select{height:44px;font-size:15px;min-width:0;max-width:none}
  .filt .fld{flex:1 1 calc(50% - 6px)}
  .filt .fld:first-child{flex:1 1 100%;max-width:none}
  .filt .fld.sm{min-width:0}
  .filt .btn{flex:1 1 100%;height:40px}
}

/* Modal alt düymələri: sığmayanda növbəti sətrə keçir, kəsilmir */
.m-f{flex-wrap:wrap;gap:8px}
.m-f .btn{max-width:100%}
@media (max-width:640px){
  .m-f{padding:12px 14px calc(14px + env(safe-area-inset-bottom))}
  .m-f .btn{flex:1 1 calc(50% - 4px);min-width:0;height:auto;min-height:42px;padding:8px 10px;white-space:normal;text-align:center;line-height:1.25}
  .m-f .btn.pri{flex-basis:100%}
  .m-f .grow{display:none}
  .m-f label.fld{flex:1 1 100%}
}

/* Statistika kartları: bəzək dairəsi mətnin üstünə düşmür */
.stats .stat::after{z-index:0}
.stats .stat>*{position:relative;z-index:1}
.stats .stat .l{overflow-wrap:anywhere}

/* Profil: uzun ad və e-poçt kənara çıxmır */
.pf-head{min-width:0}
.pf-head>div{min-width:0;flex:1}
.pf-head h2{overflow-wrap:anywhere;word-break:break-word}
.pf-r{min-width:0}
.pf-r span,.pf-r b{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.pf-tags{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.pf-tags .tag{max-width:100%;overflow-wrap:anywhere;white-space:normal}
@media (max-width:640px){
  .pf-head{flex-direction:column;align-items:flex-start;gap:12px}
  .pf-head h2{font-size:20px}
  .pf-r{flex-direction:column;align-items:flex-start;gap:3px}
  .pf-r b{font-size:14.5px}
  .pf-r .pf-lock{position:absolute;right:0;top:9px}
  .pf-r{position:relative;padding-right:26px}
}

/* Davamiyyət cədvəlləri telefonda: sütunlar üst-üstə düşmür, cədvəl sağa sürüşür */
@media (max-width:640px){
  .t td,.t th{padding:9px 8px}
  .t td:first-child{min-width:150px}
  .t .seg{flex-wrap:nowrap}
  .t .seg button{min-width:34px;padding:6px 7px}
  .t .meter{min-width:60px}
  .cnt-row td{font-size:12.5px}
}

/* Təqvim: Ay / Həftə / Gün, süzgəc sətri, uzun gün siyahısı */
.cal-f13{margin:0 0 14px;padding:0;border:0;background:none;align-items:flex-end}
.cal-f13 .fld,.cal-f13 .fld:first-child{min-width:150px;flex:0 1 220px;max-width:260px}
.cal-f13 .inp,.cal-f13 select{max-width:none;min-width:0}
.cal-f13 .btn{height:40px;margin-bottom:0}
.cal-wrap.day{grid-template-columns:1fr}
.cal-wrap.day .stack{max-width:760px}
.cal-l13 .li:nth-child(n+9){display:none}
.cal-l13.open .li:nth-child(n+9){display:flex}
.cal-more13{margin:6px 16px 14px}
.cal-seg13 button.on{font-weight:600}
@media (max-width:640px){
  .cal-f13 .fld{flex:1 1 calc(50% - 6px)}
  .cal-f13 .btn{flex:1 1 100%}
  .cal-tb .btn.pri span{display:none}
}

/* Tələbə nömrəsi qeydi */
.sid13-n{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sid13{display:block;margin-top:4px;font-size:12px}
.rs13 .pk small{word-break:break-all}

/* Təqvim başlığı: naviqasiya, tarix aralığı, görünüş seçimi və düymə bir sətirdə, düzülüşlü */
.cal-hd{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 16px;margin:0 0 12px}
.cal-nav{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.cal-nav .btn{border:0;border-radius:0;height:40px;box-shadow:none}
.cal-nav .btn.icon{width:40px;padding:0}
.cal-nav .btn+.btn{border-left:1px solid var(--line)}
.cal-nav .btn:hover{background:var(--surface-2)}
.cal-hd .cal-t{margin:0;font-size:18px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;order:0}
.cal-hr{display:flex;align-items:center;gap:10px}
.cal-hr .seg button{min-height:40px;padding:0 14px}
.cal-hr .btn.pri{height:40px}
@media (max-width:760px){
  .cal-hd{grid-template-columns:1fr auto}
  .cal-nav{justify-self:start}
  .cal-hr{grid-column:1/-1;justify-content:space-between}
  .cal-hd .cal-t{grid-column:1/-1;font-size:17px;white-space:normal}
  .cal-hr .btn.pri{width:40px;padding:0;justify-content:center}
  .cal-hr .btn.pri span{display:none}
  .cal-hr .seg button{padding:0 10px;font-size:13px}
}
/* Xanada 2 hadisə, qalanı düymə ilə */
.cal-x{display:block;width:100%;text-align:left;font-size:11.5px;color:var(--primary);font-weight:600;padding:2px 6px;border-radius:5px;background:var(--surface-2)}
.cal-x:hover{background:var(--primary-soft);text-decoration:none}
.cd.open{min-height:0}
.cd .ce{display:block}
@media (max-width:640px){.cd .cal-x{font-size:10.5px;padding:1px 3px;line-height:1.4;white-space:nowrap}.cd .cal-x .cx-w{display:none}.cd .ce,.cd .ce.clk{font-size:0!important;line-height:0;height:6px;padding:0;display:block}.cd .ce em,.cd .ce small{display:none}}
/* Həftə: günün başlığı + vaxtsız hadisələr */
.wg-h{gap:4px;cursor:default}
.wg-h .wg-d{border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.wg-h .wg-d b{font-size:12px;color:var(--ink-3);font-weight:600}
.wg-h .wg-d span{font-size:14px;font-weight:600}
.wg-h.today .wg-d span{color:var(--primary)}
.wg-h .ce{font-size:11px}
/* Gün görünüşü: saat → dərslər */
.dy{overflow:hidden}
.dy-r{display:grid;grid-template-columns:104px minmax(0,1fr);border-bottom:1px solid var(--line)}
.dy-r:last-child{border-bottom:0}
.dy-t{padding:12px 14px;border-right:1px solid var(--line);background:var(--surface-2);font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:2px}
.dy-t b{font-size:14px;color:var(--ink)}
.dy-t small{font-size:12px;color:var(--ink-3)}
.dy-c{padding:6px 10px;min-height:52px;display:flex;align-items:center}
.dy-c .list{width:100%}
.dy-c .list .li{border-bottom:0;padding:8px 6px}
.dy-c .list .li+.li{border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.dy-c .cal-x{width:auto;display:inline-flex;margin:4px 6px 2px;padding:6px 10px;font-size:12.5px}
.dy-r.vacant .dy-c{color:var(--ink-3)}
.dy-add{appearance:none;border:1px dashed var(--line);background:none;color:var(--ink-3);font:inherit;font-size:13px;border-radius:8px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.dy-add:hover{border-color:var(--primary);color:var(--primary)}
.dy-add svg{width:14px;height:14px}
.cal-wrap.day{grid-template-columns:1fr}
.cal-wrap.day .cal-lg{margin-top:6px}
@media (max-width:640px){.dy-r{grid-template-columns:78px minmax(0,1fr)}.dy-t{padding:10px 10px}.dy-t b{font-size:13px}}

/* Elektron jurnal: "Tələbə" başlığı və sabit sütunun ayırıcı xətti */
.jt4 thead th.stk,.jt3 thead th.stk{text-align:left;vertical-align:middle;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-left:18px}
.jt4 thead th{vertical-align:bottom;border-bottom:1px solid var(--line)}
.jt4 .stk,.jt3 .stk{border-right:1px solid var(--line);box-shadow:6px 0 10px -8px rgba(0,0,0,.18)}
.jt4 thead th.stk{background:var(--surface-2,var(--surface))}
.jt4 tbody td.stk{background:var(--surface)}
