/* Hero: tek profil (solda, kare, tam), tir arka plan geri, saat en sag kose */

/* Mukerrer yonetici fotografi (admin-users.js) her durumda gizli */
#app #page-genel .overview-manager-photo,
#app #page-genel .overview-greeting-row img:not(.overview-profile){
  display:none !important;
}
#app #page-genel .overview-greeting-row{display:flex !important;align-items:center !important;min-width:0 !important}

/* Tir / is makinasi arka plani */
body[data-page="genel"] #app #page-genel .overview-hero-art{
  display:block !important;
  position:absolute !important;
  inset:0 0 0 26% !important;
  z-index:0 !important;
  background:url('/genel-hero-truck.png') center right/cover no-repeat !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%) !important;
  opacity:.9 !important;
  pointer-events:none !important;
  border-radius:12px !important;
}

/* Hero yerlesimi */
#app #page-genel .overview-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:"copy clock" !important;
  align-items:start !important;
  gap:14px !important;
  position:relative !important;
  overflow:hidden !important;
}
#app #page-genel .overview-hero-copy{
  grid-area:copy !important;
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  align-self:stretch !important;
  padding:6px 0 0 4px !important;
  min-width:0 !important;
}
#app #page-genel .overview-kicker{display:none !important}
#app #page-genel .overview-hero-copy h2{
  margin:0 0 5px !important;
  font-size:clamp(22px,2.1cqw,32px) !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#app #page-genel .overview-hero-copy p{margin:0 !important;font-size:13.5px !important;color:#a9c4d2 !important}
.overview-greet{min-width:0;flex:1 1 auto}

/* Profil: kare cerceve, yuz tam ortada, kesilme yok */
.overview-profile{
  width:118px !important;
  height:118px !important;
  flex:0 0 118px !important;
  align-self:center !important;
  object-fit:cover !important;
  object-position:50% 30% !important;
  border-radius:14px !important;
  border:3px solid rgba(140,220,250,.7) !important;
  background:#0a2438 !important;
  box-shadow:0 12px 30px rgba(0,8,20,.55),0 0 30px rgba(70,190,230,.3) !important;
  display:block !important;
}

/* Saat: en sag ust kose */
#app #page-genel .overview-clock-card{
  grid-area:clock !important;
  grid-column:2 !important;
  grid-row:1 !important;
  position:relative !important;
  z-index:2 !important;
  justify-self:end !important;
  align-self:start !important;
  margin:0 !important;
  width:245px !important;
  max-width:100% !important;
}
#app #page-genel .overview-search-tools{
  grid-column:1/-1 !important;
  grid-row:2 !important;
  position:relative !important;
  z-index:2 !important;
}

/* Sadece arka plan gorseli kalsin; hero'ya sonradan resim eklenmesin */
#app #page-genel .overview-hero::before,
#app #page-genel .overview-hero::after,
#app #page-genel .overview-hero-copy::before,
#app #page-genel .overview-hero-copy::after{
  content:none !important;
  background-image:none !important;
  display:none !important;
}

@media(max-width:900px){
  #app #page-genel .overview-hero{grid-template-columns:1fr !important;grid-template-areas:"copy" "clock" !important}
  #app #page-genel .overview-clock-card{grid-column:1 !important;grid-row:2 !important;justify-self:stretch !important;width:100% !important}
  .overview-profile{width:92px !important;height:92px !important;flex:0 0 92px !important}
  #app #page-genel .overview-hero-copy h2{white-space:normal !important;font-size:21px !important}
  #app #page-genel .overview-search-tools{grid-row:3 !important}
  body[data-page="genel"] #app #page-genel .overview-hero-art{inset:0 !important;opacity:.45 !important}
}