/*
 * Mastermind PhD - Role-based UI Display
 * Quality Assurance Compliance Layer
 * Version: 1.0
 * Date: 2026-04-27
 *
 * هذا الـ CSS يطبق Role-based display rules:
 *  - body.role-agent: يخفي PII fields + outbound buttons
 *  - body.role-admin (Hussein): يعرض كل شيء عادي
 */

/* ============================================
   AGENT ROLE - Hide sensitive customer data
   ============================================ */

/* 1. Hide phone numbers in contact details sidebar */
body.role-agent [data-cy="contact-phone"],
body.role-agent .contact--details__phone,
body.role-agent .contact-details__phone-number,
body.role-agent .multiselect__phone,
body.role-agent .contact-info__phone,
body.role-agent span[class*="phone"],
body.role-agent div[class*="phone-number"],
body.role-agent .contact-conversation__phone-number {
  filter: blur(6px) !important;
  user-select: none !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  position: relative;
}

body.role-agent [data-cy="contact-phone"]::after,
body.role-agent .contact-info__phone::after {
  content: "🔒 [Compliance Protected]";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.95);
  color: #6b7280;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
  pointer-events: auto;
  filter: none !important;
}

/* 2. Hide email addresses */
body.role-agent [data-cy="contact-email"],
body.role-agent .contact--details__email,
body.role-agent a[href^="mailto:"] {
  filter: blur(6px) !important;
  user-select: none !important;
  pointer-events: none !important;
}

/* 3. Hide "New Conversation" / "Start Conversation" outbound button */
body.role-agent .new-conversation--button,
body.role-agent [data-cy="new-conversation"],
body.role-agent button[title*="New conversation"],
body.role-agent button[title*="بدء"],
body.role-agent .button--new-conversation,
body.role-agent a[href*="/new"][href*="conversation"] {
  display: none !important;
}

/* 4. Hide "Export Contacts" button */
body.role-agent [data-cy="export-contacts"],
body.role-agent button[title*="Export"],
body.role-agent .contact--export,
body.role-agent .download-contacts {
  display: none !important;
}

/* 5. Hide bulk actions (delete, export) on contacts */
body.role-agent .contacts-bulk-actions,
body.role-agent .bulk-action--export,
body.role-agent .bulk-action--delete {
  display: none !important;
}

/* 6. Hide "Add new contact" button */
body.role-agent [data-cy="add-new-contact"],
body.role-agent button[title*="New contact"],
body.role-agent .button--add-contact {
  display: none !important;
}

/* ============================================
   COMPLIANCE NOTICE BAR (visible to agents)
   ============================================ */

body.role-agent::before {
  content: "📊 Quality Assurance Mode • All conversations are monitored for compliance • Per Employee Handbook v1.0";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #0d9488, #14b8a6);
  color: white;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 12px;
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: 0.3px;
}

body.role-agent {
  padding-top: 24px !important;
}

body.role-agent .app-wrapper,
body.role-agent #app {
  padding-top: 0 !important;
}

/* ============================================
   ADMIN ROLE - No restrictions
   ============================================ */
body.role-admin [data-cy="contact-phone"],
body.role-admin [data-cy="contact-email"],
body.role-admin .contact--details__phone,
body.role-admin .contact--details__email {
  filter: none !important;
  pointer-events: auto !important;
  user-select: text !important;
}

/* ============================================
   COMPLIANCE WATERMARK (Phase 9)
   ============================================ */
body.role-agent::after {
  content: attr(data-watermark);
  position: fixed;
  bottom: 8px;
  right: 12px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.25);
  font-family: monospace;
  pointer-events: none;
  z-index: 9998;
  user-select: none;
}