/* Tailwind is loaded via CDN; this file holds the custom design system. */
:root{--abyss:#06222F;--teal:#0E7C86;--foam:#EEF6F6;--buoy:#FF6B3D;--mist:#BFE3E3}
html{scroll-behavior:smooth}
body{font-family:'Manrope',sans-serif;background:var(--foam)}
[dir=rtl] body{font-family:'Cairo','Manrope',sans-serif}
.font-display{font-family:'Fraunces',serif;font-weight:700;letter-spacing:-.01em}
[dir=rtl] .font-display{font-family:'Cairo',sans-serif;font-weight:800;letter-spacing:0}
.bg-foam{background:var(--foam)}.bg-abyss{background:var(--abyss)}.text-abyss{color:var(--abyss)}
.text-foam{color:var(--foam)}.text-teal{color:var(--teal)}.text-buoy{color:var(--buoy)}.bg-buoy{background:var(--buoy)}
.border-abyss\/15{border-color:rgba(6,34,47,.15)}
.border-abyss\/10{border-color:rgba(6,34,47,.1)}
.border-abyss\/8{border-color:rgba(6,34,47,.08)}
.text-teal\/40{color:rgba(14,124,134,.4)}
.bg-teal{background:var(--teal)}
.glass{background:rgba(255,255,255,.65);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7)}
.lang-dropdown{background:#fff;border:1px solid rgba(6,34,47,.1);box-shadow:0 8px 32px rgba(6,34,47,.18),0 1px 4px rgba(6,34,47,.08);z-index:200}
[data-theme="dark"] .lang-dropdown{background:#0f1e28;border-color:rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3)}
.glass-nav{background:rgba(238,246,246,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(6,34,47,.08)}
.glass-dark{background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.25)}
.hero{background:radial-gradient(120% 90% at 80% 0%,#12818a 0%,#0a4a5a 45%,var(--abyss) 100%)}
.btn-buoy,.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:.75rem;font-weight:700;font-size:.9rem;transition:all .3s}
.btn-buoy{background:var(--buoy);color:#fff}.btn-buoy:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,61,.35)}
.btn-ghost{border:1px solid rgba(6,34,47,.2)}.btn-ghost:hover{background:rgba(255,255,255,.7)}
.nav-link{position:relative;padding:.25rem 0}
.nav-link::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--buoy);transform:scaleX(0);transition:transform .3s}
.nav-link:hover::after{transform:scaleX(1)}
.lang-opt{width:100%;text-align:start;padding:.5rem .75rem;border-radius:.5rem;transition:background .2s;color:var(--abyss)}
.lang-opt:hover{background:var(--mist)}
[data-theme="dark"] .lang-opt{color:#e2e8f0}
[data-theme="dark"] .lang-opt:hover{background:rgba(255,255,255,.08)}
.stat{background:rgba(255,255,255,.55);padding:1.5rem 1rem;text-align:center}
.stat dd{font-size:.85rem;opacity:.75}
.card{display:block;background:#fff;border:1px solid rgba(6,34,47,.08);border-radius:1.25rem;padding:1.5rem;transition:all .3s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(6,34,47,.12);border-color:var(--teal)}
.ico{width:2rem;height:2rem;color:var(--teal);margin-bottom:.75rem;transition:all .3s}
.card:hover .ico{color:var(--buoy);transform:scale(1.1)}
.portrait{width:13rem;height:16rem;border-radius:9rem 9rem 1.5rem 1.5rem;background:linear-gradient(160deg,var(--mist),#7FB8BE);display:grid;place-items:center;color:var(--abyss)}
.quote{border-inline-start:4px solid var(--buoy);padding-inline-start:1.25rem;font-family:'Fraunces',serif;font-style:italic}
[dir=rtl] .quote{font-family:'Cairo',sans-serif;font-style:normal}
.drawer{transform:translateX(100%);transition:transform .35s ease}
[dir=rtl] .drawer{transform:translateX(-100%)}
.drawer.open{transform:translateX(0)!important}
.drawer-link{font-size:1.15rem;font-weight:600}
:focus-visible{outline:3px solid var(--buoy);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ── Hero always needs light text — dark mode swaps --foam to near-black ── */
[data-theme="dark"] .hero{color:#e2e8f0}
[data-theme="dark"] .hero .glass-dark{background:rgba(10,24,34,.88);border-color:rgba(255,255,255,.18)}
[data-theme="dark"] .hero input{color:#e2e8f0}
[data-theme="dark"] .hero input::placeholder{color:rgba(226,232,240,.45)}
/* Active tab button text stays readable on teal background */
[data-theme="dark"] .tab-btn.active{color:#e2e8f0}

/* Dark mode */
[data-theme="dark"]{--foam:#0E1C26;--abyss:#D8EEF0;--mist:#1A3545}
[data-theme="dark"] body{background:var(--foam)}
[data-theme="dark"] .glass{background:rgba(14,28,38,.75);border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .glass-nav{background:rgba(14,28,38,.88);border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .glass-dark{background:rgba(255,255,255,.08)}
[data-theme="dark"] .card{background:#142030;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .bg-white\/70{background:rgba(14,28,38,.6)!important}
[data-theme="dark"] .bg-white{background:#142030!important}
[data-theme="dark"] details.bg-white{background:#142030!important}
[data-theme="dark"] details summary:hover{background:rgba(255,255,255,.05)!important}
[data-theme="dark"] .border-abyss\/10{border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .border-abyss\/8{border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .tab-btn:not(.active){background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important}

/* Tab animations */
.tab-panel{transition:opacity .2s ease}
.tab-panel.hidden{display:none}
.tab-btn.active{background:var(--teal);color:var(--foam)}

/* Status badges */
.badge-pending {background:#FEF3C7;color:#92400E;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}
.badge-approved{background:#D1FAE5;color:#065F46;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}
.badge-rejected{background:#FEE2E2;color:#991B1B;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}
[data-theme="dark"] .badge-pending {background:#451A03;color:#FCD34D}
[data-theme="dark"] .badge-approved{background:#052E16;color:#34D399}
[data-theme="dark"] .badge-rejected{background:#450A0A;color:#F87171}

/* ── Org chart tree ─────────────────────────────────────────────────── */
.org-tree{max-width:860px;margin:0 auto;padding:1.5rem 1rem}
.org-tree__root-wrap{display:flex;justify-content:center}
.org-tree__node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:1rem 1.5rem;border-radius:1rem}
.org-tree__node--root{background:var(--abyss);color:var(--foam);min-width:210px;box-shadow:0 6px 24px rgba(6,34,47,.22)}
.org-tree__node--dept{background:#fff;border:1.5px solid rgba(6,34,47,.1);min-width:0;width:100%;box-shadow:0 2px 10px rgba(6,34,47,.07)}
.org-tree__icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:.15rem;flex-shrink:0}
.org-tree__node--root .org-tree__icon{background:rgba(255,255,255,.15)}
.org-tree__node--dept .org-tree__icon{background:rgba(14,124,134,.1);color:var(--teal)}
.org-tree__name{font-weight:700;font-size:.875rem;line-height:1.35}
.org-tree__role{font-size:.72rem;opacity:.7;margin-top:.1rem}
.org-tree__connector{display:flex;flex-direction:column;align-items:center;width:100%}
.org-tree__stem{width:2px;height:2rem;background:rgba(6,34,47,.25)}
.org-tree__branch-row{display:flex;justify-content:center;gap:.75rem;position:relative;width:100%}
.org-tree__branch-row::before{content:'';position:absolute;top:0;left:16.67%;right:16.67%;height:2px;background:rgba(6,34,47,.18);border-radius:1px}
.org-tree__branch{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}
.org-tree__branch-stem{width:2px;height:2rem;background:rgba(6,34,47,.25)}
[data-theme="dark"] .org-tree__node--dept{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
[data-theme="dark"] .org-tree__node--dept .org-tree__icon{background:rgba(14,124,134,.2)}
[data-theme="dark"] .org-tree__branch-row::before,[data-theme="dark"] .org-tree__stem,[data-theme="dark"] .org-tree__branch-stem{background:rgba(255,255,255,.18)}

/* ── Acquisitions Carousel ──────────────────────────────────────────────── */
.acq-wrap{position:relative;padding-inline:.25rem}
.acq-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:.5rem}
.acq-track::-webkit-scrollbar{display:none}
.acq-card{scroll-snap-align:start;flex:0 0 220px;border-radius:1rem;overflow:hidden;background:#fff;border:1.5px solid rgba(6,34,47,.08);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 10px rgba(6,34,47,.07)}
.acq-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(6,34,47,.15)}
.acq-cover{aspect-ratio:3/4;background:linear-gradient(135deg,var(--foam) 0%,var(--mist) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.acq-cover img{width:100%;height:100%;object-fit:cover}
.acq-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--teal);opacity:.5}
.acq-info{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.35rem}
.acq-nav-btn{position:absolute;top:35%;transform:translateY(-50%);z-index:10;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;border:1.5px solid rgba(6,34,47,.12);box-shadow:0 2px 12px rgba(6,34,47,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.acq-nav-btn:hover{background:var(--abyss);color:var(--foam);border-color:var(--abyss)}
.acq-nav-btn--prev{left:-.75rem}
.acq-nav-btn--next{right:-.75rem}
[data-theme="dark"] .acq-card{background:#142030;border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .acq-cover{background:linear-gradient(135deg,#1a3545 0%,#0e2232 100%)}
[data-theme="dark"] .acq-nav-btn{background:#1a2a35;border-color:rgba(255,255,255,.15);color:#e2e8f0}
[data-theme="dark"] .acq-nav-btn:hover{background:var(--teal);border-color:var(--teal)}

/* ── Acquisitions Modal ─────────────────────────────────────────────────── */
.acq-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1.25rem}
.acq-modal.hidden{display:none}
.acq-modal__backdrop{position:absolute;inset:0;background:rgba(6,34,47,.65);backdrop-filter:blur(4px)}
.acq-modal__panel{position:relative;background:#fff;border-radius:1.5rem;overflow:hidden;max-width:780px;width:100%;max-height:90vh;display:flex;flex-direction:row;animation:acqModalIn .2s ease}
@keyframes acqModalIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.acq-modal__cover-wrap{width:260px;flex-shrink:0;background:linear-gradient(135deg,var(--foam),var(--mist));display:flex;align-items:center;justify-content:center;min-height:340px}
.acq-modal__cover-wrap img{width:100%;height:100%;object-fit:cover}
.acq-modal__cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--teal);opacity:.55}
.acq-modal__body{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}
.acq-modal__close{position:absolute;top:.875rem;right:.875rem;width:2rem;height:2rem;border-radius:50%;background:rgba(6,34,47,.08);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:1}
.acq-modal__close:hover{background:rgba(6,34,47,.18)}
[data-theme="dark"] .acq-modal__panel{background:#0f1e28;color:#e2e8f0}
[data-theme="dark"] .acq-modal__cover-wrap{background:linear-gradient(135deg,#1a3545,#0e2232)}
[data-theme="dark"] .acq-modal__close{background:rgba(255,255,255,.1)}
[data-theme="dark"] .acq-modal__close:hover{background:rgba(255,255,255,.22)}
[data-theme="dark"] .acq-modal__panel .bg-abyss\/10{background:rgba(216,238,240,.12)!important}
[data-theme="dark"] .acq-modal__panel .bg-teal\/10{background:rgba(14,124,134,.28)!important}
[data-theme="dark"] .acq-modal__panel .text-abyss{color:#d8eef0!important}
[data-theme="dark"] .acq-modal__panel #acqModalAuthor,
[data-theme="dark"] .acq-modal__panel #acqModalYear,
[data-theme="dark"] .acq-modal__panel #acqModalDesc{color:#cbd5e1}
@media(max-width:600px){.acq-modal__panel{flex-direction:column}.acq-modal__cover-wrap{width:100%;height:200px;min-height:unset}}