/* منصة التسويق: ما يخصها فوق brand.css وplatform-base.css، بلا ألوان جديدة. */
@font-face { font-family: "Noto Sans Arabic"; src: url("fonts/NotoSansArabic-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Noto Sans Arabic"; src: url("fonts/NotoSansArabic-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Noto Kufi Arabic"; src: url("fonts/NotoKufiArabic-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
body { margin: 0; }
.mk-shell { max-width: 880px; margin: 0 auto; padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-4); }
.mk-top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; }
.mk-top img { width: 112px; height: auto; }
.mk-tabs { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.mk-tabs .btn[aria-current="page"] { outline: 2px solid var(--n-990); outline-offset: 2px; }
.mk-form { display: flex; flex-direction: column; gap: var(--space-3); }
.mk-form label { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--fs-small); color: var(--text-2); }
.mk-form textarea { min-height: 160px; }
.mk-check { flex-direction: row !important; align-items: center; }
.mk-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.mk-item { display: flex; flex-direction: column; gap: var(--space-2); }
.mk-item__body { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; }
.mk-item__meta { font-size: var(--fs-small); color: var(--text-2); display: flex; gap: var(--space-3); flex-wrap: wrap; }
.mk-item__acts { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.mk-note { font-size: var(--fs-small); color: var(--text-2); margin: 0; }
.mk-err { font-size: var(--fs-small); color: var(--s-error); margin: 0; }
.mk-form label[hidden] { display: none; }
.mk-form :where(input, select, textarea) { width: 100%; min-width: 0; }
.mk-form .mk-check input { width: auto; min-height: 0; }
.qm-login__card { min-width: 0; }
.qm-login { grid-template-columns: minmax(0, 400px); justify-content: center; }