:root {
    --card-bg: #ffffff;
    --text: #212529;
    --text-muted: #6c757d;
}

.agents-hero .hero-subtitle { max-width: 52ch; }

.inline-code {
    padding: .15rem .4rem;
    border-radius: .5rem;
    background: rgba(127,127,127,.15);
}

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-row label { display: block; margin-bottom: .35rem; font-weight: 600; }

.input {
    width: 100%;
    padding: .85rem .9rem;
    border-radius: .9rem;
    border: 1px solid rgba(127,127,127,.25);
    background: var(--card-bg);
    color: var(--text);
}

.field-error { color: #d33; font-size: .85rem; }
.checkline { display: flex; gap: .6rem; align-items: flex-start; line-height: 1.6; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/*
   ملاحظة: استخدام @@media صحيح ليعمل الكود في المتصفح.
   إذا كان المحرر يظهر خطأ هنا، فهو خطأ في المحرر فقط ويمكن تجاهله بأمان.
*/
@media (max-width: 900px) {
    .form-grid { grid-template-columns: 1fr; }
}