/* سجل العمليات + إعدادات المنصة — واجهة ERP */

.nebras-audit-modal,
.nebras-settings-modal {
    max-width: 1180px;
    width: min(96vw, 1180px);
}

.audit-toolbar {
    padding: 0 24px 8px;
    align-items: center;
}

.audit-search-wrap {
    flex: 1 1 220px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(10, 77, 140, 0.16);
    border-radius: 12px;
    background: #fff;
}

.audit-search-wrap i {
    color: #5a6b7a;
    font-size: 0.85rem;
}

.audit-search-wrap input {
    flex: 1;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: 0.88rem;
    background: transparent;
}

.audit-filter-select {
    font-family: inherit;
    font-size: 0.86rem;
    padding: 9px 12px;
    border-radius: 12px;
    border: 1px solid rgba(10, 77, 140, 0.16);
    background: #fff;
    color: #0d2233;
    min-width: 140px;
}

.audit-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.audit-row-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(10, 77, 140, 0.08);
    color: #0a4d8c;
    font-size: 0.95rem;
}

.audit-row-icon--alert {
    background: rgba(196, 30, 58, 0.1);
    color: #c41e3a;
}

.audit-row-icon--ok {
    background: rgba(27, 158, 87, 0.12);
    color: #1b9e57;
}

.audit-row-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.audit-row-meta .erp-tag {
    font-size: 0.72rem;
}

/* إعدادات المنصة — تبويبات */
.settings-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 20px 6px;
    border-bottom: 1px solid rgba(10, 77, 140, 0.1);
    background: rgba(244, 248, 252, 0.85);
}

.settings-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 14px;
    border-radius: 999px;
    border: 1px solid rgba(10, 77, 140, 0.14);
    background: #fff;
    color: #0a4d8c;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s, border-color 0.18s, color 0.18s;
}

.settings-tab i {
    font-size: 0.78rem;
    opacity: 0.85;
}

.settings-tab:hover {
    border-color: rgba(10, 77, 140, 0.3);
    background: rgba(10, 77, 140, 0.05);
}

.settings-tab.active {
    background: linear-gradient(135deg, #0a4d8c 0%, #062e44 100%);
    color: #fff;
    border-color: transparent;
}

.settings-body {
    max-height: min(68vh, 720px);
    overflow-y: auto;
    padding: 0 0 8px;
}

.settings-tab-panel {
    display: none;
    padding: 18px 24px 8px;
}

.settings-tab-panel.active {
    display: block;
}

.settings-panel-title {
    margin: 0 0 6px;
    font-size: 1rem;
    color: #062e44;
    display: flex;
    align-items: center;
    gap: 8px;
}

.settings-panel-title i {
    color: #d4af37;
}

.settings-panel-hint {
    margin: 0 0 14px;
    font-size: 0.82rem;
    color: #5a6b7a;
    line-height: 1.55;
}

.settings-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 14px;
}

.settings-form-grid--media {
    grid-template-columns: 1fr;
}

.settings-form-grid .nebras-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.settings-form-grid .nebras-field span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #0a4d8c;
}

.settings-form-grid .nebras-field input,
.settings-form-grid .nebras-field textarea,
.settings-form-grid .nebras-field select {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(10, 77, 140, 0.16);
    font-family: inherit;
    font-size: 0.88rem;
    background: #fff;
}

.settings-form-grid .nebras-field--wide {
    grid-column: 1 / -1;
}

.settings-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 12px;
}

.settings-inline-actions--wide {
    grid-column: 1 / -1;
}

.settings-save-bar {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 24px 6px;
    border-top: 1px solid rgba(10, 77, 140, 0.1);
    background: linear-gradient(180deg, rgba(244, 248, 252, 0) 0%, rgba(244, 248, 252, 0.95) 100%);
}

.settings-save-bar .primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg, #0a4d8c 0%, #062e44 100%);
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
}

.nebras-settings-modal .hero-slideshow-admin-block,
.nebras-settings-modal .store-catalog-governance-block,
.nebras-settings-modal .quote-a4-settings-block,
.nebras-settings-modal .occasion-settings-block {
    margin-top: 4px;
}

.nebras-settings-modal .quote-a4-settings-block input,
.nebras-settings-modal .quote-a4-settings-block textarea,
.nebras-settings-modal .occasion-settings-block input,
.nebras-settings-modal .occasion-settings-block select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* صيغة A4 في المبيعات */
.sales-a4-format-panel {
    margin: 8px 24px 12px;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid rgba(10, 77, 140, 0.14);
    background: linear-gradient(145deg, rgba(212, 175, 55, 0.08) 0%, rgba(10, 77, 140, 0.04) 100%);
}

.sales-a4-format-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    margin: 12px 0;
}

.sales-a4-page-chip {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(10, 77, 140, 0.12);
    position: relative;
}

.sales-a4-page-chip--static {
    border-style: dashed;
    border-color: rgba(10, 77, 140, 0.22);
}

.sales-a4-page-thumb {
    width: 44px;
    height: 58px;
    object-fit: cover;
    object-position: top center;
    border-radius: 6px;
    border: 1px solid rgba(10, 77, 140, 0.15);
    flex-shrink: 0;
    background: #f4f8fc;
}

.sales-a4-page-thumb--ref {
    border-color: rgba(27, 158, 87, 0.35);
}

.sales-a4-page-copy {
    flex: 1;
    min-width: 0;
}

.sales-a4-page-chip--dynamic {
    border-color: rgba(27, 158, 87, 0.35);
    background: rgba(27, 158, 87, 0.06);
}

.sales-a4-page-num {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 0.85rem;
    background: #0a4d8c;
    color: #fff;
}

.sales-a4-page-chip--dynamic .sales-a4-page-num {
    background: #1b9e57;
}

.sales-a4-page-chip strong {
    display: block;
    font-size: 0.82rem;
    color: #062e44;
}

.sales-a4-page-chip small {
    display: block;
    font-size: 0.72rem;
    color: #5a6b7a;
    margin-top: 2px;
    word-break: break-all;
}

.sales-a4-format-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 720px) {
    .settings-form-grid { grid-template-columns: 1fr; }
    .settings-tabs { gap: 6px; }
    .settings-tab { padding: 8px 11px; font-size: 0.74rem; }
    .audit-toolbar { flex-direction: column; align-items: stretch; }
    .sales-a4-format-panel { margin-inline: 16px; }
}