/* الخريطة التفاعلية للحرم (6.2) — أنماط الواجهة */

[x-cloak] { display: none !important; }

.campus-map-component .campus-map-shell {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.campus-map-component .campus-map-sidebar {
    max-height: 72vh;
    overflow-y: auto;
    background: #f8f9fa;
    border-inline-end: 1px solid rgba(0, 0, 0, 0.08);
}

.campus-map-component .campus-map-canvas {
    position: relative;
    height: 72vh;
    min-height: 480px;
    width: 100%;
    background: #e9ecef;
    z-index: 0;
}

@media (max-width: 991.98px) {
    .campus-map-component .campus-map-canvas { height: 60vh; min-height: 380px; }
    .campus-map-component .campus-map-sidebar { max-height: none; }
}

/* مؤشر التحميل قبل تهيئة Leaflet */
.campus-map-component .campus-map-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
    pointer-events: none;
}
.campus-map-component .leaflet-container + .campus-map-loading,
.campus-map-component .leaflet-pane ~ .campus-map-loading { display: none; }

/* نتائج البحث الجانبية */
.campus-map-component .campus-map-results {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: .375rem;
}
.campus-map-component .campus-map-result { cursor: pointer; }

/* دبابيس العلامات الملوّنة حسب الفئة */
.campus-pin { background: transparent; border: 0; }
.campus-pin-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    border: 2px solid #fff;
}
.campus-pin-inner i { transform: rotate(45deg); font-size: 14px; }

/* نوافذ المعلومات (popup) */
.campus-pop { max-width: 240px; }
.campus-pop-img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    border-radius: .375rem;
    margin-bottom: .4rem;
}
.campus-pop-title { font-weight: 700; font-size: 1rem; margin-bottom: .15rem; }
.campus-pop-cat { font-size: .8rem; color: #6c757d; margin-bottom: .3rem; }
.campus-pop-desc { font-size: .82rem; margin-bottom: .3rem; }
.campus-pop-meta { font-size: .8rem; color: #495057; }
.campus-pop-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .5rem;
}
.campus-pop-actions .btn { font-size: .78rem; padding: .15rem .5rem; }

/* اتجاه أدوات Leaflet في RTL: أبقِ الأرقام/الإسناد LTR */
.campus-map-component .leaflet-control-attribution { direction: ltr; }

/* منتقي الإحداثيات في لوحة الإدارة */
.campus-admin-map-canvas {
    height: 380px;
    width: 100%;
    border-radius: .375rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    z-index: 0;
}
.leaflet-control-attribution { direction: ltr; }

/* استوديو محرر شبكة الممرات */
.campus-graph-canvas {
    height: 68vh;
    min-height: 460px;
    width: 100%;
    border-radius: .375rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    z-index: 0;
}
.graph-node { background: transparent; border: 0; }
.graph-node-dot {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0d6efd;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
.graph-node-dot.selected { background: #dc3545; transform: scale(1.25); }