/* أيقونات لوحة المالك (حزمة TYRO 2026-10-07): PNG شفافة 96px في img/oi — النص العربي يبقى نصًا حيًا بجانبها.
   الاستخدام: <i class="oi oi-edit" aria-hidden="true"></i> قبل نص الزر. الحجم يتبع حجم خط الزر (1.25em ≈ 20–24px). */
.oi { display: inline-block; flex: none; width: clamp(18px, 1.25em, 24px); height: clamp(18px, 1.25em, 24px); vertical-align: -.28em; background: center / contain no-repeat; margin-inline-end: .35em; }
.oi:only-child, .vw-tiles a > .oi, .vw-tabs a > .oi, .ow-bell > .oi { margin-inline-end: 0; }
.vw-tiles a > i.oi { width: 28px; height: 28px; font-size: 0; }
.vw-tabs a > i.oi { width: 24px; height: 24px; font-size: 0; }
.ow-bell > .oi { width: 24px; height: 24px; }
button:disabled .oi { opacity: .45; }
.oi-add-age-group { background-image: url(img/oi/add-age-group.png); }
.oi-add-class { background-image: url(img/oi/add-class.png); }
.oi-add-coach { background-image: url(img/oi/add-coach.png); }
.oi-add-player { background-image: url(img/oi/add-player.png); }
.oi-add-player-credentials { background-image: url(img/oi/add-player-credentials.png); }
.oi-announcement { background-image: url(img/oi/announcement.png); }
.oi-approve { background-image: url(img/oi/approve.png); }
.oi-archive { background-image: url(img/oi/archive.png); }
.oi-assign-groups { background-image: url(img/oi/assign-groups.png); }
.oi-attendance { background-image: url(img/oi/attendance.png); }
.oi-back { background-image: url(img/oi/back.png); }
.oi-cancel { background-image: url(img/oi/cancel.png); }
.oi-clear-filter { background-image: url(img/oi/clear-filter.png); }
.oi-close { background-image: url(img/oi/close.png); }
.oi-coach-requests { background-image: url(img/oi/coach-requests.png); }
.oi-coaches { background-image: url(img/oi/coaches.png); }
.oi-create-account { background-image: url(img/oi/create-account.png); }
.oi-credentials-key { background-image: url(img/oi/credentials-key.png); }
.oi-custom-notification { background-image: url(img/oi/custom-notification.png); }
.oi-database { background-image: url(img/oi/database.png); }
.oi-dates-calendar { background-image: url(img/oi/dates-calendar.png); }
.oi-delete { background-image: url(img/oi/delete.png); }
.oi-delete-photo { background-image: url(img/oi/delete-photo.png); }
.oi-dismiss { background-image: url(img/oi/dismiss.png); }
.oi-done { background-image: url(img/oi/done.png); }
.oi-download-backup { background-image: url(img/oi/download-backup.png); }
.oi-download-consent { background-image: url(img/oi/download-consent.png); }
.oi-edit { background-image: url(img/oi/edit.png); }
.oi-edit-profile { background-image: url(img/oi/edit-profile.png); }
.oi-enable-notifications { background-image: url(img/oi/enable-notifications.png); }
.oi-event { background-image: url(img/oi/event.png); }
.oi-grid-view { background-image: url(img/oi/grid-view.png); }
.oi-history { background-image: url(img/oi/history.png); }
.oi-home { background-image: url(img/oi/home.png); }
.oi-later { background-image: url(img/oi/later.png); }
.oi-list-view { background-image: url(img/oi/list-view.png); }
.oi-load-more { background-image: url(img/oi/load-more.png); }
.oi-mark-all-read { background-image: url(img/oi/mark-all-read.png); }
.oi-more { background-image: url(img/oi/more.png); }
.oi-next { background-image: url(img/oi/next.png); }
.oi-notifications { background-image: url(img/oi/notifications.png); }
.oi-permanent-delete { background-image: url(img/oi/permanent-delete.png); }
.oi-player-card { background-image: url(img/oi/player-card.png); }
.oi-player-profile { background-image: url(img/oi/player-profile.png); }
.oi-players { background-image: url(img/oi/players.png); }
.oi-public-home-toggle { background-image: url(img/oi/public-home-toggle.png); }
.oi-publish { background-image: url(img/oi/publish.png); }
.oi-quick-add-player { background-image: url(img/oi/quick-add-player.png); }
.oi-reactivate { background-image: url(img/oi/reactivate.png); }
.oi-reject { background-image: url(img/oi/reject.png); }
.oi-reminder { background-image: url(img/oi/reminder.png); }
.oi-renew { background-image: url(img/oi/renew.png); }
.oi-reset-password { background-image: url(img/oi/reset-password.png); }
.oi-retry { background-image: url(img/oi/retry.png); }
.oi-save { background-image: url(img/oi/save.png); }
.oi-save-send { background-image: url(img/oi/save-send.png); }
.oi-schedule { background-image: url(img/oi/schedule.png); }
.oi-send-notification { background-image: url(img/oi/send-notification.png); }
.oi-sent-notifications { background-image: url(img/oi/sent-notifications.png); }
.oi-sign-in { background-image: url(img/oi/sign-in.png); }
.oi-sign-out { background-image: url(img/oi/sign-out.png); }
.oi-sign-out-all { background-image: url(img/oi/sign-out-all.png); }
.oi-subscriptions { background-image: url(img/oi/subscriptions.png); }
.oi-test-notification { background-image: url(img/oi/test-notification.png); }
.oi-training-mode { background-image: url(img/oi/training-mode.png); }
.oi-unfreeze { background-image: url(img/oi/unfreeze.png); }
.oi-upload-photo { background-image: url(img/oi/upload-photo.png); }
.oi-whatsapp { background-image: url(img/oi/whatsapp.png); }
/* «اليوم» في رأس عمود الجدول يستعمل <i> بخلفية — لا يمسّ الأيقونة */
.sg-head i.oi, .sg-add i.oi { background-color: transparent; padding: 0; border-radius: 0; width: 16px; height: 16px; vertical-align: middle; }
.sg-head i.oi-add-class { background-image: url(img/oi/add-class.png); }