/* AbanRah UI V11 — unified #243972 brand, true inline relational search, refined master fleet. */

:root {
  --ar-primary: #243972 !important;
  --ar-primary-700: #1c2d5d !important;
  --ar-primary-800: #17264f !important;
  --ar-primary-soft: #eef1f9 !important;
  --ar-focus: 0 0 0 4px rgba(36,57,114,.14) !important;
  --ar11-brand: #243972;
  --ar11-brand-dark: #1a2b59;
  --ar11-brand-deep: #142247;
  --ar11-brand-soft: #eef1f9;
  --ar11-brand-border: #cbd3e8;
  --ar11-ink: #202b47;
  --ar11-muted: #6f7891;
  --ar11-border: #dde2ee;
  --ar11-bg: #f5f7fb;
  --ar4-primary: #243972 !important;
  --ar4-primary-700: #1c2d5d !important;
  --ar4-primary-50: #eef1f9 !important;
  --ar6-primary: #243972 !important;
  --ar6-primary-strong: #1a2b59 !important;
  --ar8-primary: #243972 !important;
  --ar8-primary-dark: #1c2d5d !important;
  --ar8-primary-soft: #eef1f9 !important;
}

/* ---------- Global brand ---------- */
html body.abanrah-ui { background-color: var(--ar11-bg); }
html head meta[name="theme-color"] { color: var(--ar11-brand); }

body.abanrah-ui .abanrah-sidebar {
  background:
    radial-gradient(circle at 18% 4%, rgba(255,255,255,.11), transparent 25%),
    linear-gradient(180deg, #243972 0%, #182957 100%) !important;
  box-shadow: -12px 0 34px rgba(25,40,84,.18) !important;
}
body.abanrah-ui .abanrah-topbar-eyebrow,
body.abanrah-ui .text-primary,
body.abanrah-ui a.text-primary { color: var(--ar11-brand) !important; }
body.abanrah-ui .bg-primary { background-color: var(--ar11-brand) !important; }
body.abanrah-ui .border-primary { border-color: var(--ar11-brand) !important; }

body.abanrah-ui .btn-primary,
body.abanrah-ui button.btn-primary,
body.abanrah-ui input.btn-primary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: var(--ar11-brand) !important;
  border-color: var(--ar11-brand) !important;
  box-shadow: 0 5px 14px rgba(36,57,114,.18) !important;
}
body.abanrah-ui .btn-primary:hover,
body.abanrah-ui .btn-primary:focus,
body.abanrah-ui .btn-primary:active {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: var(--ar11-brand-dark) !important;
  border-color: var(--ar11-brand-dark) !important;
}
body.abanrah-ui .btn-outline-primary {
  color: var(--ar11-brand) !important;
  -webkit-text-fill-color: var(--ar11-brand) !important;
  background: #fff !important;
  border-color: #aeb9d7 !important;
}
body.abanrah-ui .btn-outline-primary:hover,
body.abanrah-ui .btn-outline-primary:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: var(--ar11-brand) !important;
  border-color: var(--ar11-brand) !important;
}
body.abanrah-ui .abanrah-icon-button:hover,
body.abanrah-ui .abanrah-topbar-action:hover,
body.abanrah-ui .abanrah-profile-chip:hover {
  color: var(--ar11-brand) !important;
  background: var(--ar11-brand-soft) !important;
  border-color: var(--ar11-brand-border) !important;
}
body.abanrah-ui .abanrah-quick-create a:hover {
  color: #fff !important;
  background: var(--ar11-brand) !important;
  border-color: var(--ar11-brand) !important;
}
body.abanrah-ui .abanrah-back-fab {
  background: var(--ar11-brand) !important;
  border-color: var(--ar11-brand) !important;
}
body.abanrah-ui .abanrah-public-login {
  background: var(--ar11-brand) !important;
  border-color: var(--ar11-brand) !important;
}
body.abanrah-ui .abanrah-public-login:hover { background: var(--ar11-brand-dark) !important; }

/* Main focus language follows the new brand. */
body.abanrah-ui .abanrah-main input:not([type="checkbox"]):not([type="radio"]):focus,
body.abanrah-ui .abanrah-main textarea:focus,
body.abanrah-ui .abanrah-main select:focus,
body.abanrah-ui .abanrah-main .select2-container--focus .select2-selection,
body.abanrah-ui .abanrah-main .select2-container--open .select2-selection {
  border-color: #7f8fbd !important;
  box-shadow: 0 0 0 3px rgba(36,57,114,.12) !important;
}

/* Common legacy teal hero surfaces now follow the brand. */
body.abanrah-ui .ar-v8-fleet-hero,
body.abanrah-ui .ar-v9-masters-hero,
body.abanrah-ui .ar-v8-masters-hero,
body.abanrah-ui .ar-page-hero:not(.ar-page-hero-light),
body.abanrah-ui .ar-report-hero,
body.abanrah-ui .ar-v6-report-hero {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,.13), transparent 30%),
    linear-gradient(135deg, #243972 0%, #1b2e60 62%, #14254f 100%) !important;
}

/* ---------- Searchable foreign-key fields: type in the field itself ---------- */
body.abanrah-ui .abanrah-main .ar-relational-control,
body.abanrah-ui .abanrah-main .ar-relational-lookup { display: none !important; }

body.abanrah-ui .abanrah-main .ar-v11-relational-select2 {
  width: 100% !important;
  display: block !important;
}
body.abanrah-ui .abanrah-main .ar-v11-relational-select2 .select2-selection {
  min-height: 54px !important;
  color: #26324f !important;
  background: #fff !important;
  border: 1px solid #cfd6e5 !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}
body.abanrah-ui .abanrah-main .ar-v11-relational-select2.select2-container--focus .select2-selection,
body.abanrah-ui .abanrah-main .ar-v11-relational-select2.select2-container--open .select2-selection {
  border-color: #7f8fbd !important;
  box-shadow: 0 0 0 3px rgba(36,57,114,.12) !important;
}

/* Single relation: the search box is physically inside the visible field. */
body.abanrah-ui .abanrah-main .ar-v11-inline-combobox .select2-selection--single {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px 0 42px !important;
  overflow: hidden !important;
}
body.abanrah-ui .abanrah-main .ar-v11-inline-combobox .select2-selection__rendered.ar-v11-rendered-fallback {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.abanrah-ui .abanrah-main .ar-v11-combobox-input {
  position: relative;
  z-index: 2;
  width: 100% !important;
  min-width: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 7px 3px !important;
  color: #25314e !important;
  -webkit-text-fill-color: #25314e !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 1.08rem !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  direction: rtl;
}
body.abanrah-ui .abanrah-main .ar-v11-combobox-input::placeholder {
  color: #8189a0 !important;
  -webkit-text-fill-color: #8189a0 !important;
  opacity: 1;
  font-weight: 500;
}
body.abanrah-ui .abanrah-main .ar-v11-inline-combobox .select2-selection__arrow {
  width: 34px !important;
  height: 52px !important;
  top: 0 !important;
  left: 5px !important;
  right: auto !important;
  display: grid !important;
  place-items: center !important;
}
body.abanrah-ui .abanrah-main .ar-v11-inline-combobox .select2-selection__arrow b {
  border-color: #59678c transparent transparent transparent !important;
}

/* Multiple relations (e.g. CMR drivers): use Select2's own inline input, horizontally. */
body.abanrah-ui .abanrah-main .ar-v11-inline-multiple .select2-selection--multiple {
  height: auto !important;
  min-height: 54px !important;
  padding: 7px 9px !important;
}
body.abanrah-ui .abanrah-main .ar-v11-inline-multiple .select2-selection__rendered {
  width: 100% !important;
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.abanrah-ui .abanrah-main .ar-v11-inline-multiple .select2-selection__choice {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  color: #243972 !important;
  background: #eef1f9 !important;
  border: 1px solid #cbd3e8 !important;
  border-radius: 9px !important;
  writing-mode: horizontal-tb !important;
}
body.abanrah-ui .abanrah-main .ar-v11-inline-multiple .select2-search--inline {
  float: none !important;
  flex: 1 1 210px !important;
  min-width: 170px !important;
  margin: 0 !important;
}
body.abanrah-ui .abanrah-main .ar-v11-inline-multiple .select2-search__field {
  width: 100% !important;
  min-width: 160px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 4px 7px !important;
  color: #25314e !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  font-size: 1.06rem !important;
  writing-mode: horizontal-tb !important;
  direction: rtl !important;
}

/* Keep Select2's AJAX search functional but visually move it out of the dropdown for single selects. */
body.ar-v11-relational-open .select2-container--open .select2-search--dropdown {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body .select2-container--open .select2-dropdown {
  border: 1px solid #aeb9d4 !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 42px rgba(30,43,83,.20) !important;
  overflow: hidden;
}
body .select2-container--open .select2-results__options { max-height: 310px !important; }
body .select2-container--open .select2-results__option {
  min-height: 46px !important;
  padding: 10px 13px !important;
  color: #303a57 !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}
body .select2-container--open .select2-results__option--highlighted[aria-selected],
body .select2-container--open .select2-results__option--highlighted.select2-results__option--selectable {
  color: #fff !important;
  background: #243972 !important;
}

/* Filled relational fields remain identifiable without extra text. */
body.abanrah-ui .abanrah-main form .ar-field-filled .ar-v11-relational-select2 .select2-selection {
  background: #f1f7f5 !important;
  border-color: #85b4a5 !important;
  box-shadow: inset -4px 0 0 #2d8066 !important;
}

/* Form hint language for the new interaction. */
body.abanrah-ui .ar-registration-hint {
  color: #4b5675 !important;
  background: #f4f6fb !important;
  border-color: #d8deed !important;
}
body.abanrah-ui .ar-registration-hint > i { color: #243972 !important; }

/* ---------- Master fleet V11 ---------- */
.ar-v11-master-fleet { --fleet-blue: #243972; --fleet-blue-soft: #eef1f9; }
.ar-v11-master-fleet .ar-v8-fleet-hero {
  margin-bottom: 16px;
  padding: clamp(24px,3.2vw,38px) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 42px rgba(28,43,89,.17) !important;
}
.ar-v11-master-fleet .ar-v8-kicker {
  color: #e9edfa !important;
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.15) !important;
}
.ar-v11-master-fleet .ar-v8-stat-strip { gap: 12px; }
.ar-v11-master-fleet .ar-v8-stat {
  min-height: 108px;
  background: #fff !important;
  border: 1px solid #dfe4ef !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(31,43,76,.055) !important;
}
.ar-v11-master-fleet .ar-v8-stat.is-total { border-top: 3px solid #243972 !important; }
.ar-v11-master-fleet .ar-v8-stat.is-total .ar-v8-stat-icon {
  color: #243972 !important;
  background: #eef1f9 !important;
}
.ar-v11-master-fleet .ar-v8-section-nav {
  position: sticky;
  z-index: 8;
  top: calc(var(--ar-topbar-height) + 8px);
  gap: 8px;
  margin-bottom: 16px;
  padding: 8px;
  background: rgba(255,255,255,.94);
  border: 1px solid #dfe4ee;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(32,45,84,.07);
  backdrop-filter: blur(10px);
}
.ar-v11-master-fleet .ar-v8-section-nav a {
  min-height: 47px;
  color: #43506f !important;
  background: #f7f8fc !important;
  border-color: transparent !important;
  border-radius: 11px !important;
}
.ar-v11-master-fleet .ar-v8-section-nav a:hover {
  color: #243972 !important;
  background: #eef1f9 !important;
}
.ar-v11-master-fleet .ar-v8-section-nav a b {
  color: #243972 !important;
  background: #e6eaf5 !important;
}

.ar-v11-master-fleet .ar-v8-fleet-panel {
  border: 1px solid #dde3ed !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(31,43,76,.065) !important;
}
.ar-v11-master-fleet .ar-v8-panel-head {
  min-height: 74px;
  background: linear-gradient(180deg,#fff,#fafbfe) !important;
  border-bottom-color: #e5e8f0 !important;
}
.ar-v11-master-fleet .ar-v8-panel-icon.is-total {
  color: #243972 !important;
  background: #eef1f9 !important;
}
.ar-v11-master-fleet .ar-v8-count-badge {
  color: #243972 !important;
  background: #eef1f9 !important;
  border-color: #d1d8ea !important;
}
.ar-v11-master-fleet .ar-v8-search-form {
  background: #f7f8fc !important;
  border-color: #e1e5ef !important;
}
.ar-v11-master-fleet .ar-v8-fleet-table thead th {
  color: #354263 !important;
  background: #f0f2f8 !important;
  border-bottom-color: #dce2ee !important;
}
.ar-v11-master-fleet .ar-v8-entity-link { color: #243972 !important; }
.ar-v11-master-fleet .ar-v8-eye {
  color: #243972 !important;
  background: #eef1f9 !important;
  border-color: #d2d9eb !important;
}
.ar-v11-master-fleet .ar-v8-eye:hover {
  color: #fff !important;
  background: #243972 !important;
  border-color: #243972 !important;
}

/* All-bunkers is deliberately collapsed by default. */
.ar-v11-fleet-accordion {
  scroll-margin-top: 150px;
  margin-bottom: 16px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dce2ed;
  border-radius: 20px;
  box-shadow: 0 10px 28px rgba(31,43,76,.065);
}
.ar-v11-fleet-accordion > summary {
  list-style: none;
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 18px;
  cursor: pointer;
  user-select: none;
  background: linear-gradient(180deg,#fff,#f8f9fc);
  transition: background .15s ease;
}
.ar-v11-fleet-accordion > summary::-webkit-details-marker { display: none; }
.ar-v11-fleet-accordion > summary:hover { background: #f5f7fc; }
.ar-v11-fleet-accordion[open] > summary {
  background: #f1f3f9;
  border-bottom: 1px solid #e0e5ef;
}
.ar-v11-accordion-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.ar-v11-accordion-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  color: #243972;
  background: #e9edf7;
  border-radius: 13px;
  font-size: 1.08rem;
}
.ar-v11-accordion-copy small {
  display: block;
  margin-bottom: 2px;
  color: #7c8498;
  font-size: .72rem;
  font-weight: 800;
}
.ar-v11-accordion-copy h2 {
  margin: 0;
  color: #27324e;
  font-size: 1.08rem;
  font-weight: 950;
}
.ar-v11-accordion-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ar-v11-accordion-count {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px;
  color: #243972;
  background: #e9edf7;
  border: 1px solid #d2d9e9;
  border-radius: 999px;
  font-size: .73rem;
  font-weight: 900;
}
.ar-v11-accordion-chevron {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #5d6885;
  background: #fff;
  border: 1px solid #dce1ec;
  border-radius: 10px;
  transition: transform .18s ease, color .18s ease, background .18s ease;
}
.ar-v11-fleet-accordion[open] .ar-v11-accordion-chevron {
  color: #fff;
  background: #243972;
  border-color: #243972;
  transform: rotate(180deg);
}
.ar-v11-accordion-body { padding: 16px 18px 18px; }
.ar-v11-accordion-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 9px 11px;
  color: #66708a;
  background: #f7f8fb;
  border: 1px dashed #d8deea;
  border-radius: 11px;
  font-size: .78rem;
}
.ar-v11-accordion-note i { color: #243972; }

@media (max-width: 900px) {
  .ar-v11-master-fleet .ar-v8-section-nav { position: static; }
  .ar-v11-fleet-accordion > summary { align-items: flex-start; }
}
@media (max-width: 640px) {
  .ar-v11-fleet-accordion > summary { padding: 13px; }
  .ar-v11-accordion-actions { gap: 6px; }
  .ar-v11-accordion-count { display: none; }
  .ar-v11-accordion-body { padding: 12px; }
  body.abanrah-ui .abanrah-main .ar-v11-combobox-input { font-size: 1rem !important; }
}


/* ---------- V11.1 public-site brand alignment ---------- */
body.abanrah-public-body .ar-public-hero,
body.abanrah-public-body .ar-inner-hero,
body.abanrah-public-body .ar-contact-hero {
  background:
    radial-gradient(circle at 14% 16%, rgba(255,255,255,.14), transparent 28%),
    radial-gradient(circle at 86% 72%, rgba(120,143,204,.20), transparent 34%),
    linear-gradient(135deg, #243972 0%, #1c2d5d 58%, #142247 100%) !important;
  box-shadow: 0 28px 68px rgba(28,45,93,.24) !important;
}
body.abanrah-public-body .ar-public-badge {
  color: #eef2ff !important;
  background: rgba(255,255,255,.11) !important;
  border-color: rgba(255,255,255,.18) !important;
}
body.abanrah-public-body .ar-public-hero h1 em,
body.abanrah-public-body .ar-public-trust-row i,
body.abanrah-public-body .ar-inner-hero .ar-eyebrow {
  color: #cbd5f2 !important;
}
body.abanrah-public-body .ar-public-cta {
  background: linear-gradient(135deg, #eef1f9 0%, #ffffff 100%) !important;
  border-color: #ccd4e7 !important;
}
body.abanrah-public-body .ar-service-card.is-primary > span,
body.abanrah-public-body .ar-contact-icon {
  color: #243972 !important;
  background: #eef1f9 !important;
}
body.abanrah-public-body .ar-public-footer-v4 {
  background: linear-gradient(180deg, #1c2d5d 0%, #142247 100%) !important;
  color: #dfe5f6 !important;
}
body.abanrah-public-body .ar-footer-contact i,
body.abanrah-public-body .ar-footer-links a:hover {
  color: #aebbe0 !important;
}

/* Contact card stays at the bottom of the viewport while scrolling and reappears on every refresh. */
body.abanrah-public-body .ar-home-contact-popup {
  right: 50% !important;
  bottom: 18px !important;
  transform: translate(50%, calc(100% + 52px)) !important;
  width: min(860px, calc(100vw - 28px)) !important;
  color: #283451 !important;
  background: rgba(255,255,255,.985) !important;
  border: 1px solid #cbd3e8 !important;
  box-shadow: 0 24px 64px rgba(20,34,71,.24) !important;
}
body.abanrah-public-body .ar-home-contact-popup.is-open {
  transform: translate(50%, 0) !important;
}
body.abanrah-public-body .ar-home-popup-icon {
  background: linear-gradient(135deg, #243972, #17264f) !important;
}
body.abanrah-public-body .ar-home-popup-copy h3 { color: #243972 !important; }
body.abanrah-public-body .ar-home-popup-copy p { color: #626d87 !important; }
body.abanrah-public-body .ar-home-popup-meta a { color: #243972 !important; }
body.abanrah-public-body .ar-home-popup-close {
  color: #243972 !important;
  background: #eef1f9 !important;
}
body.abanrah-public-body .ar-home-popup-close:hover {
  color: #fff !important;
  background: #243972 !important;
}
@media (max-width: 767px) {
  body.abanrah-public-body .ar-home-contact-popup {
    right: 50% !important;
    bottom: 10px !important;
    width: calc(100vw - 20px) !important;
  }
}