/* ALMAJD 2.10.6 — structured activity period picker */
.almajd-period-layer{position:fixed;inset:0;z-index:2147482500;background:rgba(15,23,42,.08);font-family:"IBM Plex Sans Arabic","IBM Plex Sans",Tahoma,Arial,sans-serif;pointer-events:auto}
.almajd-period-picker{position:fixed;width:min(560px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 24px));overflow:auto;border:1px solid rgba(23,54,95,.16);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.22),0 6px 18px rgba(15,23,42,.08);color:#17365f;padding:16px;overscroll-behavior:contain}
.almajd-period-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #e7edf5}
.almajd-period-head h2{margin:2px 0 0;font-size:17px;line-height:1.35;font-weight:900;color:#17365f}
.almajd-period-eyebrow{font-size:10px;font-weight:800;color:#0f8b8d;letter-spacing:.02em}
.almajd-period-close{width:34px;height:34px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fafc;color:#475569;font:800 21px/1 sans-serif;cursor:pointer}
.almajd-period-close:hover{background:#eef4f9;color:#17365f}
.almajd-period-current{margin-top:12px;padding:9px 11px;border:1px solid #e1e9f2;border-radius:11px;background:#f8fafc;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.almajd-period-current span{font-size:10px;font-weight:800;color:#718096}
.almajd-period-current b{font-size:11px;font-weight:850;color:#17365f;overflow-wrap:anywhere}
.almajd-period-kind{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}
.almajd-period-kind button,.almajd-period-tabs button{border:1px solid #dbe5f0;background:#f8fafc;color:#52647b;border-radius:10px;padding:8px 9px;font:800 11px/1.25 inherit;cursor:pointer;transition:.15s ease}
.almajd-period-kind button:hover,.almajd-period-tabs button:hover{border-color:#9fcbd0;background:#f1fbfb}
.almajd-period-kind button.is-active,.almajd-period-tabs button.is-active{border-color:#0f8b8d;background:#e9f8f7;color:#0b6d70;box-shadow:inset 0 0 0 1px rgba(15,139,141,.08)}
.almajd-period-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}
.almajd-period-semester-panel{border:1px solid #e1e9f2;border-radius:13px;padding:11px;background:#fbfdff}
.almajd-period-semester-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.almajd-period-semester-actions label,.almajd-period-continuous label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#334a68;cursor:pointer}
.almajd-period-semester-actions input,.almajd-period-continuous input{accent-color:#0f8b8d;width:16px;height:16px}
.almajd-period-semester-actions button{border:0;background:transparent;color:#64748b;font:800 10px/1.2 inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.almajd-period-hint{margin:0 0 9px;color:#7b8ca2;font-size:9.5px;line-height:1.45}
.almajd-period-weeks{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.almajd-week-chip{min-width:0;height:48px;border:1px solid #dbe5f0;border-radius:9px;background:#fff;color:#38516f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-family:inherit;transition:.12s ease}
.almajd-week-chip b{font-size:12px;line-height:1;font-weight:900}.almajd-week-chip small{max-width:100%;font-size:7.3px;line-height:1.1;color:#8796aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.almajd-week-chip:hover{border-color:#7fc3c5;background:#f3fbfb;transform:translateY(-1px)}
.almajd-week-chip.is-selected{border-color:#0f8b8d;background:#0f8b8d;color:#fff;box-shadow:0 3px 8px rgba(15,139,141,.18)}
.almajd-week-chip.is-selected small{color:rgba(255,255,255,.82)}
.almajd-period-range{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end;margin-top:10px;padding-top:10px;border-top:1px dashed #dce6f0}
.almajd-period-range label{display:flex;flex-direction:column;gap:4px;font-size:9px;font-weight:800;color:#718096}
.almajd-period-range select{height:34px;border:1px solid #d6e2ee;border-radius:8px;background:#fff;color:#17365f;padding:0 8px;font:800 11px/1 inherit;outline:none}
.almajd-period-range select:focus{border-color:#0f8b8d;box-shadow:0 0 0 3px rgba(15,139,141,.09)}
.almajd-period-range button{height:34px;border:0;border-radius:9px;background:#17365f;color:#fff;padding:0 12px;font:800 10px/1 inherit;cursor:pointer}
.almajd-period-continuous{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid #e1e9f2;border-radius:13px;background:#fbfdff}
.almajd-period-continuous label{padding:10px;border:1px solid #e1e9f2;border-radius:9px;background:#fff}
.almajd-period-custom textarea{width:100%;min-height:76px;resize:vertical;border:1px solid #d6e2ee;border-radius:11px;background:#fff;color:#17365f;padding:10px 11px;font:700 12px/1.55 inherit;outline:none}
.almajd-period-custom textarea:focus{border-color:#0f8b8d;box-shadow:0 0 0 3px rgba(15,139,141,.09)}
.almajd-period-preview{margin-top:12px;padding:10px 11px;border-radius:12px;border:1px solid #d7e7e8;background:linear-gradient(135deg,#f2fbfa,#f8fbff);display:grid;gap:3px}
.almajd-period-preview span{font-size:9px;font-weight:800;color:#6d8096}.almajd-period-preview strong{font-size:12px;font-weight:900;color:#0b6d70;overflow-wrap:anywhere}.almajd-period-validation{min-height:1.2em;color:#b45309;font-size:9px;font-weight:750}
.almajd-period-picker footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e7edf5}
.almajd-period-picker footer button{height:36px;border-radius:9px;padding:0 15px;font:850 11px/1 inherit;cursor:pointer}
.almajd-period-cancel{border:1px solid #d8e2ed;background:#fff;color:#52647b}.almajd-period-save{border:1px solid #17365f;background:#17365f;color:#fff}.almajd-period-save:disabled{opacity:.45;cursor:not-allowed}
html[dir="ltr"] .almajd-period-picker{text-align:left}html[dir="rtl"] .almajd-period-picker{text-align:right}
@media(max-width:640px){.almajd-period-layer{background:rgba(15,23,42,.18)}.almajd-period-picker{left:8px!important;right:8px!important;top:auto!important;bottom:8px;width:auto;max-height:82vh;border-radius:18px}.almajd-period-weeks{grid-template-columns:repeat(5,1fr)}.almajd-period-range{grid-template-columns:1fr 1fr}.almajd-period-range button{grid-column:1/-1}.almajd-period-kind{grid-template-columns:1fr}.almajd-period-continuous{grid-template-columns:1fr}}
@media print{.almajd-period-layer{display:none!important}}