/* =========================================================
   إضافات لوحة التحكم (نسخة Laravel) — تُحمَّل بعد admin.css
   ========================================================= */

/* روابط بدل الأزرار في التبويبات والإجراءات */
.atabs a { position: relative; height: 48px; padding: 0 14px; color: var(--a-ink-3); font-weight: 500; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
.atabs a[aria-selected="true"] { color: var(--a-primary-ink); font-weight: 600; }
.atabs a[aria-selected="true"]::after { content: ""; position: absolute; inset-inline: 10px; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: var(--a-primary); }
.t .acts a { width: 34px; height: 34px; border-radius: 8px; color: var(--a-ink-3); display: grid; place-items: center; }
.t .acts a:hover { background: var(--a-sunken); color: var(--a-ink); }
.t .acts form { margin: 0; }
.t .yes .icon, .t .no .icon { width: 18px; height: 18px; }
.inbox__item { color: inherit; }
.inbox__list .pager { position: sticky; bottom: 0; background: var(--a-surface); }
.inbox__empty { flex: 1; display: grid; place-content: center; justify-items: center; gap: 10px; color: var(--a-ink-3); padding: 48px; }
.inbox__empty .icon { width: 40px; height: 40px; }
.side__user form { margin: 0; }
.side__logout { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; border: 0; background: none; color: var(--a-side-mute); }
.side__logout:hover { background: var(--a-side-hover); color: #fff; }
.pager .pg { flex-wrap: wrap; }

/* رسائل */
.flash { display: flex; gap: 10px; align-items: flex-start; padding: 12px 16px; border-radius: 12px; font-size: 14px; margin-bottom: 18px; }
.flash .icon { width: 18px; height: 18px; margin-top: 3px; }
.flash--error { background: var(--danger-bg); color: var(--danger); }

/* نموذج المحتوى */
.form-grid-admin { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.form-grid-admin .full { grid-column: 1 / -1; }
@media (max-width: 760px) { .form-grid-admin { grid-template-columns: 1fr; } }
.form-grid-admin .srow { border: 1px solid var(--a-line); border-radius: 12px; padding: 12px 14px; cursor: pointer; }
.f .err { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--danger); }
.f .err .icon { width: 14px; height: 14px; }
.f.has-err .in, .f.has-err .ta, .f.has-err .sl { border-color: var(--danger); }
.icon-pick { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 8px; }
.icon-pick label { position: relative; display: grid; justify-items: center; gap: 4px; padding: 10px 4px; border: 1px solid var(--a-line); border-radius: 10px; cursor: pointer; font-size: 11px; color: var(--a-ink-3); text-align: center; transition: border-color 150ms, background 150ms; }
.icon-pick input { position: absolute; opacity: 0; }
.icon-pick svg { width: 32px; height: 32px; color: var(--a-ink-2); }
.icon-pick label:has(input:checked) { border-color: var(--a-primary); background: var(--a-primary-soft); color: var(--a-primary-ink); }
.icon-pick label:has(input:checked) svg { color: var(--a-primary); }
.icon-pick label:has(input:focus-visible) { outline: 2.5px solid var(--a-primary); outline-offset: 2px; }
.file-current { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 8px; }
.file-current img { width: 120px; height: 80px; object-fit: cover; border-radius: 10px; border: 1px solid var(--a-line); }
.drop__preview { max-height: 140px; border-radius: 10px; }
.drop:focus-within { border-color: var(--a-primary); }