/* css/shared.css: Shared component styles used by all roles. Loaded in the order listed in index.html. */
/* ===== PHASE 5.9 shared component styles (additive; uses existing tokens/classes; logical properties for RTL) ===== */
.aif{display:grid;gap:6px;margin-block-end:14px}.aif .req{color:#c0392b}.aif--err .input,.aif--err .select{border-color:#c0392b}
.aif-msg{margin:0;font-size:.85rem}.aif-msg--err{color:#c0392b}.aif-msg--ok{color:#1e8449}
.btn:disabled,.btn.is-loading{opacity:.6;cursor:not-allowed}.btn--destructive{background:#c0392b;color:#fff;border-color:#c0392b}
.btn--link{background:none;border:0;color:inherit;text-decoration:underline;padding-inline:4px}.btn--icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;background:none;border:0}
.btn .spin{display:inline-block;vertical-align:middle}
.srch{position:relative}.srch .input{padding-inline-start:40px;width:100%}.srch__i{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.6}
.aiui-spin{width:28px;height:28px;border-color:rgba(11,42,91,.2);border-top-color:#0b2a5b}
.input:disabled,.select:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}.aif .input:disabled{background:rgba(0,0,0,.04)}
.aiui-ov{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(10,25,60,.5);padding:16px}
.aiui-modal{background:var(--card,#fff);color:inherit;border-radius:16px;padding:20px;max-width:420px;width:100%;max-height:90vh;overflow:auto;text-align:start}
.aiui-act{display:flex;gap:10px;justify-content:flex-end;margin-block-start:16px;flex-wrap:wrap}.aiui-msg{min-height:0;margin-block-start:8px;font-size:.9rem}.aiui-msg--err{color:#c0392b}.aiui-msg--ok{color:#1e8449}
#aiui-toasts{position:fixed;inset-block-end:16px;inset-inline:16px;z-index:1100;display:grid;gap:8px;justify-items:center;pointer-events:none}
.aiui-toast{pointer-events:auto;background:#0b2a5b;color:#fff;border-radius:12px;padding:10px 16px;max-width:420px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.aiui-toast--error{background:#c0392b}.aiui-toast--success{background:#1e8449}

/* AL-IRFAN ACADEMY — Tablet and desktop typography */

/* Tablet / iPad */
@media (min-width: 760px) {
  body {
    font-size: 16px;
  }

  h1,
  .page-title {
    font-size: 28px;
  }

  h2,
  .section-title {
    font-size: 22px;
  }

  .card-title {
    font-size: 18px;
  }

  button,
  .btn {
    font-size: 16px;
  }

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

  .bottom-nav button span {
    font-size: 13px;
  }
}

/* Laptop / desktop */
@media (min-width: 1200px) {
  h1,
  .page-title {
    font-size: 30px;
  }

  h2,
  .section-title {
    font-size: 24px;
  }

  .card-title {
    font-size: 19px;
  }

  .bottom-nav button span {
    font-size: 14px;
  }
}