/* قسم مشاكل ميتا — عام ولوحة الإدارة */
.meta-status-page { background: linear-gradient(180deg, #f8fcfd 0, #fff 34%, #f7fbfc 100%); }
.meta-status-main { padding-block: 56px 92px; display: flex; flex-direction: column; gap: 30px; }

/* لافتة الحالة العامة */
.status-banner {
    display: flex; align-items: center; gap: 22px;
    padding: 30px 34px; border-radius: var(--radius, 22px);
    color: #fff; box-shadow: var(--shadow, 0 28px 70px rgba(14,114,173,.12));
}
.status-banner.is-operational { background: linear-gradient(120deg, #0f7a5b, var(--green, #15966f)); }
.status-banner.is-issues { background: linear-gradient(120deg, #b23245, var(--red, #d64c5d)); }
.status-banner.is-pending { background: linear-gradient(120deg, #084d75, var(--tertiary, #0e72ad)); }
.status-banner-icon {
    flex: 0 0 auto; width: 72px; height: 72px; border-radius: 20px;
    display: grid; place-items: center; font-size: 34px;
    background: rgba(255,255,255,.16);
}
.status-banner .eyebrow { font-size: 12px; opacity: .85; letter-spacing: .3px; }
.status-banner h1 { margin: 6px 0 8px; font-size: clamp(24px, 3vw, 36px); letter-spacing: -1px; }
.status-banner p { margin: 0; font-size: 15px; line-height: 1.8; opacity: .95; }
.status-updated { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; font-size: 12px; opacity: .9; }

/* مجموعات المنتجات */
.status-group-title { font-size: 20px; margin: 0 0 16px; color: var(--ink, #102d3d); letter-spacing: -.5px; }
.status-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.status-card {
    background: #fff; border: 1px solid var(--line, #dcebf0); border-radius: 18px;
    padding: 18px 20px; display: flex; flex-direction: column; gap: 12px;
    transition: transform .15s ease, box-shadow .15s ease;
}
.status-card:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(14,114,173,.1); }
.status-card.is-issue { border-color: #f3c5cc; background: #fff7f8; }
.status-card-head { display: flex; align-items: center; gap: 12px; }
.status-card-head > div { flex: 1 1 auto; min-width: 0; }
.status-card-head strong { display: block; font-size: 15px; color: var(--ink, #102d3d); }
.status-card-head small { display: block; font-size: 11px; color: var(--muted, #607987); direction: ltr; text-align: right; }
.status-dot { flex: 0 0 auto; width: 12px; height: 12px; border-radius: 50%; background: var(--green, #15966f); box-shadow: 0 0 0 4px rgba(21,150,111,.15); }
.status-card.is-issue .status-dot { background: var(--red, #d64c5d); box-shadow: 0 0 0 4px rgba(214,76,93,.15); }
.status-pill { flex: 0 0 auto; font-size: 11px; font-weight: 700; padding: 5px 11px; border-radius: 999px; background: rgba(21,150,111,.12); color: var(--green, #15966f); }
.status-card.is-issue .status-pill { background: rgba(214,76,93,.12); color: var(--red, #d64c5d); }
.status-card-note { margin: 0; font-size: 13px; line-height: 1.7; color: var(--ink, #102d3d); }
.status-card-note.muted { color: var(--muted, #607987); }
.status-card-link { font-size: 12px; color: var(--tertiary, #0e72ad); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; margin-top: auto; }
.status-card-link:hover { text-decoration: underline; }

/* الحوادث */
.incident-list { display: flex; flex-direction: column; gap: 14px; }
.incident-card { background: #fff; border: 1px solid var(--line, #dcebf0); border-inline-start: 4px solid var(--red, #d64c5d); border-radius: 14px; padding: 16px 18px; }
.incident-card header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.incident-product { font-size: 13px; font-weight: 700; color: var(--ink, #102d3d); }
.incident-card time { font-size: 11px; color: var(--muted, #607987); display: inline-flex; align-items: center; gap: 5px; }
.incident-card h3 { margin: 0 0 6px; font-size: 14px; color: var(--ink, #102d3d); }
.incident-card p { margin: 0; font-size: 13px; line-height: 1.7; color: var(--muted, #607987); }

/* الملخص */
.status-summary { display: flex; gap: 18px; align-items: flex-start; background: var(--violet-soft, #e8f8fb); border: 1px solid #cfeef4; border-radius: 20px; padding: 24px 26px; }
.status-summary .summary-icon { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; font-size: 24px; color: #fff; background: linear-gradient(120deg, var(--secondary, #ff9c2d), #f2820a); }
.status-summary span { font-size: 12px; color: var(--tertiary, #0e72ad); font-weight: 700; }
.status-summary h2 { margin: 4px 0 10px; font-size: 20px; color: var(--ink, #102d3d); }
.status-summary p { margin: 0; font-size: 15px; line-height: 1.9; color: var(--ink, #102d3d); }

.status-source-note { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: var(--muted, #607987); line-height: 1.7; }
.status-source-note a { color: var(--tertiary, #0e72ad); }

/* لوحة الإدارة */
.admin-body .meta-sync-icon.is-issues { background: linear-gradient(120deg, #b23245, var(--red, #d64c5d)); color: #fff; }
.admin-body .status-summary { background: #fff; }

@media (max-width: 700px) {
    .meta-status-main { width: calc(100% - 20px); padding-block: 22px 60px; gap: 22px; }
    .status-banner { flex-direction: row; padding: 22px; gap: 16px; }
    .status-banner-icon { width: 56px; height: 56px; font-size: 26px; border-radius: 16px; }
    .status-grid { grid-template-columns: 1fr; }
    .status-summary { flex-direction: column; gap: 12px; padding: 20px; }
}