/* Friends Of Environment desk theme — port of the Logicon Showroom "orca_shell" theme, recoloured to FOE light blue.
   Served from /files/orca/foe-shell.css; foe-shell.js builds the sidebar. Both injected by nginx (sites-available/erpnext-friends). */
:root{
  --orca-nav-w:230px; --orca-bar-h:60px;
  --foe-blue:#30A4E6; --foe-blue-d:#1C82C4; --foe-blue-dd:#156BA3; --foe-glow:rgba(48,164,230,.16);
  --primary:var(--foe-blue); --primary-color:var(--foe-blue); --btn-primary:var(--foe-blue); --checkbox-color:var(--foe-blue);
}

/* FOE blue as the ERPNext primary colour */
.btn-primary,.btn.btn-primary{background-color:var(--foe-blue)!important;border-color:var(--foe-blue)!important;color:#fff!important}
.btn-primary:hover,.btn.btn-primary:hover{background-color:var(--foe-blue-d)!important;border-color:var(--foe-blue-d)!important}
.btn-primary svg use,.btn.btn-primary .icon use{stroke:#fff}
input[type=checkbox]:checked{background-color:var(--foe-blue)!important;border-color:var(--foe-blue)!important}
.form-control:focus,.awesomplete input:focus{box-shadow:0 0 0 2px var(--foe-glow)!important}
.desk-sidebar .sidebar-item-icon .icon{--icon-stroke:var(--foe-blue)!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round}

/* ── Top bar ── */
body.orca-shell{--navbar-height:var(--orca-bar-h)}
body.orca-shell header.navbar{height:var(--orca-bar-h);background:#fff;border-bottom:1px solid #e3edf4;box-shadow:0 1px 3px #1018280a}
body.orca-shell header.navbar>.container{width:100%!important;max-width:100%!important;padding-left:0;padding-right:22px}
body.orca-shell .navbar-brand.navbar-home{width:var(--orca-nav-w);flex:none;padding-left:18px;margin-right:8px;display:flex;align-items:center;gap:10px}
body.orca-shell .navbar-brand .app-logo{height:40px;max-height:40px;width:auto;max-width:60px}
body.orca-shell .navbar-brand.navbar-home::after{content:"Friends Of Environment";font-size:13.5px;font-weight:700;line-height:1.15;
  letter-spacing:-.01em;color:#0f2a3d;white-space:normal;max-width:120px}
.orca-burger{display:none;padding:6px;margin-left:10px;color:#1f2937}
.orca-burger .orca-nav-ico{width:22px;height:22px}
body.orca-shell header.navbar form[role=search]{flex:1;justify-content:center!important}
body.orca-shell header.navbar .search-bar{width:100%;max-width:440px}
body.orca-shell header.navbar #navbar-search{height:38px;border-radius:8px;background:#f3f6f9;border:1px solid #e5ebf0;padding-left:46px!important;font-size:12.5px}
body.orca-shell header.navbar #navbar-search:focus{border-color:var(--foe-blue);background:#fff}
body.orca-shell header.navbar .search-bar .search-icon{left:14px}
body.orca-shell header.navbar .notifications-unseen .es-icon,body.orca-shell header.navbar .notifications-seen .es-icon{width:20px;height:20px}
body.orca-shell header.navbar .notifications-unseen{position:relative}
.orca-user{display:inline-flex;flex-direction:column;line-height:1.2;margin-left:10px;text-align:left;vertical-align:middle}
.orca-user b{font-size:13px;font-weight:600;color:#111827}
.orca-user small{font-size:11.5px;color:#6b7280}
.orca-user-chev{width:14px;height:14px;margin-left:12px;color:#374151;vertical-align:middle}
body.orca-shell .dropdown-navbar-user>.nav-link{display:flex;align-items:center}
body.orca-shell .dropdown-navbar-user .avatar{width:36px;height:36px}

/* ── Sidebar (FOE light blue) ── */
#orca-nav{position:fixed;z-index:1019;left:0;bottom:0;top:var(--navbar-height);width:var(--orca-nav-w);
  background:linear-gradient(180deg,var(--foe-blue) 0%,var(--foe-blue-d) 100%);color:#fff;display:none}
body.orca-shell #orca-nav{display:block}
.orca-nav-scroll{height:100%;overflow-y:auto;padding:12px 10px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}
.orca-nav-item{margin-bottom:3px}
.orca-nav-group{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;
  font-size:13.5px;font-weight:500;color:#fff;transition:background .12s}
.orca-nav-group:hover{background:rgba(255,255,255,.16)}
.orca-nav-group:focus-visible{outline:2px solid #fff}
.orca-nav-group>span{flex:1}
.orca-nav-ico{width:18px;height:18px;flex:none}
.orca-nav-chev{width:14px;height:14px;opacity:.85;transition:transform .15s}
.orca-nav-item.open .orca-nav-chev{transform:rotate(90deg)}
.orca-nav-item.active>.orca-nav-group{background:#fff;color:var(--foe-blue-dd);font-weight:700;box-shadow:0 2px 8px rgba(8,59,94,.18)}
.orca-nav-sub{display:none;padding:2px 0 6px 42px}
.orca-nav-item.open .orca-nav-sub{display:block}
.orca-nav-sub a{display:block;padding:6px 10px;border-radius:6px;font-size:12.5px;color:#eaf6fd!important;text-decoration:none!important}
.orca-nav-sub a:hover{background:rgba(255,255,255,.14);color:#fff!important}
.orca-nav-sub a.active{color:#fff!important;background:rgba(255,255,255,.22);font-weight:600}
#orca-nav-scrim{display:none}

/* ── Layout ── */
@media (min-width:992px){
  body.orca-shell .main-section>#body,body.orca-shell .main-section>footer{margin-left:var(--orca-nav-w)}
  body.orca-shell #body .container{width:100%!important;max-width:100%!important;padding-left:20px;padding-right:20px}
}
body.orca-shell [data-page-route=Workspaces] .layout-side-section,
body.orca-shell [data-page-route=Workspaces] .sidebar-toggle-btn{display:none!important}
@media (max-width:991px){
  .orca-burger{display:inline-flex}
  body.orca-shell .navbar-brand.navbar-home{width:auto;padding-left:8px}
  body.orca-shell .navbar-brand.navbar-home::after{display:none}
  body.orca-shell .navbar-brand .app-logo{height:34px;max-height:34px}
  .orca-user,.orca-user-chev{display:none}
  #orca-nav{transform:translate(-100%);transition:transform .2s;z-index:1040;box-shadow:4px 0 24px #00000040}
  body.orca-nav-open #orca-nav{transform:none}
  body.orca-nav-open #orca-nav-scrim{display:block;position:fixed;inset:0;z-index:1039;background:rgba(0,0,0,.35)}
}

/* Dark mode */
[data-theme=dark] body.orca-shell header.navbar,body.orca-shell[data-theme=dark] header.navbar{background:var(--navbar-bg,#1c2126);border-bottom-color:var(--border-color)}
[data-theme=dark] .orca-user b,[data-theme=dark] body.orca-shell .navbar-brand.navbar-home::after{color:#f3f4f6}
[data-theme=dark] body.orca-shell header.navbar #navbar-search{background:var(--control-bg);border-color:var(--border-color)}