:root{
  --blue:#2f6f9f;
  --nav:#2f6f9f;
  --bg:#f5f8fb;
  --text:#1f2430;
  --muted:#7d8ba0;
  --white:#fff;
  --shadow:0 10px 24px rgba(9,30,66,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Inter',system-ui,sans-serif;
  color:var(--text);
  background:#fff;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{
  width:min(1410px,calc(100% - 48px));
  margin:0 auto;
}
.topbar{
  background:#fff;
  padding:18px 0;
  box-shadow:0 1px 0 rgba(0,0,0,.05);
}
.topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.logo,
.footer-logo{
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  background:#eef3f8;
}
.brand-title{
  font-weight:700;
  font-size:18px;
  line-height:1.25;
  max-width:310px;
}
.brand-subtitle{
  font-size:14px;
  color:var(--muted);
  margin-top:4px;
}
.contact-items{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.topbar-promo{
  flex:0 1 360px;
  min-width:250px;
  max-width:430px;
  height:116px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 8px;
  padding:0;
  overflow:hidden;
  background:transparent;
  border:none;
  box-shadow:none;
  text-decoration:none;
}
.topbar-promo.hidden{
  display:none !important;
}
.topbar-promo img{
  display:block;
  width:auto;
  max-width:100%;
  height:100%;
  max-height:116px;
  object-fit:contain;
  object-position:center;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
  filter:drop-shadow(0 8px 18px rgba(16,47,102,.06));
}
.contact-card{
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  padding:8px 10px;
  border-radius:16px;
}
.icon-circle{
  width:44px;
  height:44px;
  border-radius:14px;
  background:#f0f4f8;
  display:grid;
  place-items:center;
  color:var(--blue);
  font-size:20px;
}
.muted{
  font-size:14px;
  color:var(--muted);
}
.strong{
  font-weight:700;
  font-size:16px;
}
.lang-btn,
.nav-icon{
  border:none;
  background:#f3f6f9;
  border-radius:12px;
  padding:10px 14px;
  cursor:pointer;
}
.mainnav{
  background:var(--nav);
  position:sticky;
  top:0;
  z-index:20;
}
.nav-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:48px;
}
.nav-links{
  display:flex;
  gap:28px;
  align-items:center;
  flex-wrap:wrap;
}
.nav-links a{
  color:#fff;
  font-weight:600;
  font-size:15px;
}
.nav-actions{
  display:flex;
  gap:10px;
}
.nav-icon{
  background:rgba(255,255,255,.15);
  color:#fff;
  width:38px;
  height:32px;
  padding:0;
}
.hero{
  position:relative;
  height:920px;
  overflow:hidden;
}
.hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(17,23,31,.34) 0%,rgba(17,23,31,.52) 100%);
}
.hero-content{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding-top:0;
  padding-left:60px;
  width:100%;
  max-width:none;
  color:#fff;
}
.hero h1{
  font-size:64px;
  line-height:1.16;
  max-width:780px;
  margin:0 0 18px 0;
  font-weight:800;
  text-align:left;
}
.hero p{
  font-size:21px;
  max-width:650px;
  margin:0;
  color:rgba(255,255,255,.92);
  text-align:left;
}
.quick-section{
  position:relative;
  z-index:4;
  margin-top:0;
  background:#fff;
  padding:18px 0 28px;
}
.quick-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  margin-top:0;
}
.quick-card{
  position:relative;
  background:#fff;
  border-radius:24px;
  padding:26px 18px 20px;
  height:154px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  box-shadow:0 16px 32px rgba(9,30,66,.10);
  transition:.28s transform,.28s box-shadow,.28s border-color;
  text-align:center;
  border:1px solid rgba(47,111,159,.08);
  overflow:hidden;
}
.quick-card::before{
  content:"";
  position:absolute;
  top:0;
  left:12px;
  right:12px;
  height:4px;
  border-radius:0 0 14px 14px;
  background:linear-gradient(90deg,#2bd0c7,#4eb8ff);
}
.quick-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 38px rgba(9,30,66,.14);
}
.quick-card img{
  width:54px;
  height:54px;
  border-radius:50%;
  object-fit:contain;
  background:#eef4f8;
  padding:10px;
}
.quick-card span{
  font-size:17px;
  font-weight:500;
  line-height:1.35;
}
.section{
  padding:34px 0;
}
.stats-bg{
  background:var(--bg);
}
.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:22px;
}
.section-head h2{
  font-size:34px;
  margin:0;
  display:flex;
  align-items:center;
  gap:14px;
}
.section-head h2::before{
  content:"";
  width:6px;
  height:42px;
  background:var(--blue);
  border-radius:99px;
}
.more-btn{
  background:#edf3f8;
  color:#1f2430;
  padding:12px 18px;
  border-radius:14px;
  font-weight:600;
}
.card-grid.three,
.video-grid,
.useful-grid,
.stats-grid{
  display:grid;
  gap:20px;
}
.card-grid.three{
  grid-template-columns:repeat(3,1fr);
}
.card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.card img{
  width:100%;
  height:245px;
  object-fit:cover;
  background:#e8eef4;
}
.card-body{
  padding:14px 18px 20px;
}
.card-date{
  font-size:14px;
  color:#8b97aa;
  margin-bottom:10px;
}
.card-title{
  font-size:20px;
  font-weight:700;
  margin:0 0 10px;
  line-height:1.3;
}
.card-text{
  font-size:15px;
  color:#64748b;
  line-height:1.55;
}
.stats-grid{
  grid-template-columns:repeat(4,1fr);
  margin-bottom:28px;
}
.stat-card{
  background:#fff;
  border-radius:18px;
  padding:24px;
  text-align:center;
  box-shadow:var(--shadow);
}
.stat-card img{
  width:72px;
  height:72px;
  margin:0 auto 16px;
  object-fit:contain;
  border-radius:50%;
  background:#eef4f8;
  padding:12px;
}
.stat-value{
  font-size:34px;
  font-weight:800;
  margin-bottom:6px;
}
.stat-label{
  color:#7d8ba0;
}
.map-row{
  display:grid;
  grid-template-columns:1.15fr .9fr;
  gap:28px;
  align-items:center;
}
.map-panel,
.map-info{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--shadow);
}
.map-panel{
  padding:30px;
  min-height:420px;
  display:grid;
  place-items:center;
}
.map-info{
  padding:30px;
}
.map-info h3{
  font-size:26px;
  margin:0 0 22px;
}
.info-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #edf2f7;
  gap:18px;
}
.info-row:last-child{
  border-bottom:none;
}
.info-row span{
  font-size:24px;
  font-weight:700;
}
.video-grid{
  grid-template-columns:repeat(3,1fr);
}
.video-card{
  background:transparent;
}
.video-thumb-wrap{
  position:relative;
}
.play-btn{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:64px;
  height:64px;
  border-radius:50%;
  background:rgba(47,111,159,.86);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:24px;
}
.useful-grid{
  grid-template-columns:repeat(4,1fr);
}
.useful-item{
  background:#fff;
  border-radius:18px;
  padding:26px 20px;
  box-shadow:var(--shadow);
  text-align:center;
  min-height:188px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}
.useful-item img{
  height:76px;
  object-fit:contain;
  margin:0 auto;
}
.useful-item span{
  font-size:18px;
  font-weight:500;
  line-height:1.35;
}
.contact-table-wrap{
  background:#fff;
  border-radius:24px;
  padding:24px;
  box-shadow:var(--shadow);
}
.contact-table-wrap .contact-table{
  margin-bottom:0;
}
.contact-table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
}
.contact-table td{
  padding:18px 20px;
  border-bottom:1px solid #edf2f7;
  font-size:17px;
  vertical-align:top;
}
.contact-table td:first-child{
  width:240px;
  font-weight:700;
  background:#f8fbfd;
}
.contact-map-media{
  width:100%;
  height:560px;
  margin-top:22px;
  border-radius:18px;
  overflow:hidden;
  background:#eef3f8;
  position:relative;
}
.contact-map-media iframe{
  width:100%;
  height:560px;
  border:0;
  display:block;
}
.footer{
  background:linear-gradient(90deg,#102f66,#173a86);
  color:#fff;
  margin-top:0;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.15fr .7fr .9fr;
  gap:32px;
  padding:36px 0;
}
.footer-brand{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin-bottom:16px;
}
.footer-title{
  font-size:17px;
  font-weight:700;
  line-height:1.4;
}
.footer-text{
  font-size:14px;
  color:rgba(255,255,255,.7);
  margin-top:6px;
}
.footer-card{
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.06);
  border-radius:20px;
  padding:18px;
  font-size:16px;
  line-height:1.75;
}
.footer-col h3{
  font-size:22px;
  margin:8px 0 20px;
}
.footer-col.middle a{
  display:block;
  margin:14px 0;
  font-size:18px;
  font-weight:600;
  color:#fff;
}
.bot-image{
  width:100%;
  height:360px;
  border-radius:26px;
  object-fit:cover;
  background:#25b7ff;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding:14px 0;
}
.footer-bottom-inner{
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  font-weight:700;
}
.hidden{
  display:none!important;
}
.zoom-box{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  align-items:stretch;
}
.zoom-left{
  background:#fff;
  border-radius:24px;
  padding:28px;
  box-shadow:var(--shadow);
}
.zoom-left h3{
  margin:0 0 14px;
  font-size:28px;
  font-weight:800;
  color:#163b63;
}
.zoom-left p{
  margin:0 0 18px;
  color:#4a5568;
  font-size:16px;
  line-height:1.7;
}
.zoom-meta{
  display:grid;
  gap:10px;
  margin-bottom:22px;
  font-size:16px;
  color:#1f2937;
}
.zoom-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.zoom-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  height:48px;
  padding:0 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  border:1px solid #2f6f9f;
  color:#2f6f9f;
  background:#fff;
  transition:.2s ease;
}
.zoom-btn:hover{
  transform:translateY(-2px);
}
.zoom-btn.primary{
  background:#2f6f9f;
  color:#fff;
}
.zoom-right{
  background:#eef5fb;
  border-radius:24px;
  overflow:hidden;
  min-height:320px;
  box-shadow:var(--shadow);
}
.zoom-right img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* GOOGLE MAP - STATISTIKA ICHIDAGI MAP JOYI */
.health-map-panel{
  display:block;
  place-items:initial;
  position:relative;
  overflow:hidden;
  min-height:520px;
  padding:18px;
}
.health-map{
  width:100%;
  height:360px;
  border-radius:22px;
  overflow:hidden;
  background:#e9eef3;
}
.health-map-iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.map-search-box{
  display:flex;
  gap:10px;
  margin-bottom:14px;
}
.map-search-box input{
  width:100%;
  height:46px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:14px;
  padding:0 14px;
  font-family:'Inter',system-ui,sans-serif;
  font-size:14px;
  outline:none;
  background:#fff;
}
.map-search-box input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(47,111,159,.12);
}
.map-search-box button{
  height:46px;
  border:0;
  border-radius:14px;
  padding:0 18px;
  background:var(--blue);
  color:#fff;
  font-family:'Inter',system-ui,sans-serif;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.map-search-box button:hover{
  filter:brightness(1.05);
}
.map-list-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:14px 0 10px;
}
.map-list-head strong{
  font-size:15px;
}
.map-list-head span{
  color:#64748b;
  font-size:14px;
  font-weight:700;
}
.map-places-list{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:0 0 4px;
  scrollbar-width:thin;
}
.map-place-item{
  min-width:230px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  padding:11px 12px;
  background:#fff;
  text-align:left;
  cursor:pointer;
  font-family:'Inter',system-ui,sans-serif;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
  transition:.2s ease;
}
.map-place-item:hover,
.map-place-item.active{
  transform:translateY(-2px);
  border-color:rgba(47,111,159,.45);
  box-shadow:0 12px 26px rgba(9,30,66,.1);
}
.map-place-item strong{
  display:block;
  font-size:13px;
  color:#111827;
  line-height:1.35;
}
.map-place-item span{
  display:block;
  margin-top:5px;
  font-size:12px;
  color:#6b7280;
  line-height:1.4;
}
.map-empty-text{
  width:100%;
  min-height:80px;
  display:grid;
  place-items:center;
  padding:12px;
  border-radius:14px;
  background:#f8fbfd;
  color:#64748b;
  font-weight:600;
  font-size:14px;
}
.health-place-info .info-row{
  align-items:flex-start;
}
.health-place-info .info-row span{
  font-size:17px;
  line-height:1.45;
  font-weight:700;
  max-width:62%;
  text-align:left;
}
.health-place-info .info-row strong{
  text-align:right;
  color:#111827;
  min-width:170px;
}
.selected-map-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  min-height:48px;
  border-radius:14px;
  background:linear-gradient(90deg,#2f6f9f,#3d9ce2);
  color:#fff;
  font-weight:800;
}

@media (max-width:1200px){
  .quick-grid,
  .stats-grid,
  .useful-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .card-grid.three,
  .video-grid,
  .footer-grid,
  .map-row,
  .zoom-box{
    grid-template-columns:1fr;
  }
  .hero h1{
    font-size:48px;
  }
}
@media (max-width:768px){
  .topbar-promo{
    display:none !important;
  }

  .container{
    width:min(100% - 24px,1410px);
  }
  .topbar-inner,
  .nav-inner{
    display:block;
  }
  .contact-items{
    margin-top:16px;
    justify-content:flex-start;
  }
  .nav-links{
    gap:16px;
    padding:10px 0;
  }
  .hero{
    height:430px;
  }
  .quick-section{
    margin-top:0;
    padding:16px 0 22px;
    background:#fff;
  }
  .hero-content{
    padding-left:16px;
    padding-right:16px;
  }
  .hero h1{
    font-size:36px;
  }
  .hero p{
    font-size:18px;
  }
  .quick-grid,
  .card-grid.three,
  .video-grid,
  .useful-grid,
  .stats-grid{
    grid-template-columns:1fr;
  }
  .section-head h2{
    font-size:28px;
  }
  .contact-table td,
  .contact-table tr{
    display:block;
    width:100%;
  }
  .contact-table td:first-child{
    width:100%;
  }
  .contact-map-media,
  .contact-map-media iframe{
    height:280px;
  }
  .health-map-panel{
    padding:14px;
  }
  .map-search-box{
    flex-direction:column;
  }
  .map-search-box button{
    width:100%;
  }
  .health-map{
    height:320px;
  }
  .map-place-item{
    min-width:190px;
  }
  .health-place-info .info-row{
    display:block;
  }
  .health-place-info .info-row span{
    max-width:100%;
    display:block;
    margin-bottom:4px;
  }
  .health-place-info .info-row strong{
    display:block;
    text-align:left;
  }
}

/* LANGUAGE SWITCHER */
.lang-wrap{
  position:relative;
}
.lang-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:150px;
  padding:8px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.16);
  border:1px solid rgba(15,23,42,.08);
  display:none;
  z-index:50;
}
.lang-wrap.open .lang-menu{
  display:block;
}
.lang-menu button{
  width:100%;
  border:0;
  background:transparent;
  padding:10px 12px;
  border-radius:10px;
  text-align:left;
  font-family:'Inter',system-ui,sans-serif;
  font-weight:700;
  color:#1f2430;
  cursor:pointer;
}
.lang-menu button:hover{
  background:#f3f6f9;
}

/* SOFT SCROLL REVEAL */
.reveal-init,
.reveal-left-init,
.reveal-right-init{
  opacity:0;
  will-change:transform, opacity;
}
.reveal-init{
  transform:translateY(26px);
  transition:opacity .7s ease, transform .7s ease;
}
.reveal-left-init{
  transform:translateX(-28px);
  transition:opacity .75s ease, transform .75s ease;
}
.reveal-right-init{
  transform:translateX(28px);
  transition:opacity .75s ease, transform .75s ease;
}
.reveal-show{
  opacity:1;
  transform:none;
}


/* LEFT FLOAT DOCK - TO'G'RILANGAN */
.left-float-dock{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  z-index:42;
  width:96px;
  padding:132px 0 36px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:16px;

  background:linear-gradient(180deg,#0f78ad 0%,#087fb9 45%,#0571a8 100%);
  transform:translateX(-98px);
  opacity:0;
  pointer-events:none;
  transition:transform .52s cubic-bezier(.22,.74,.24,1), opacity .35s ease;
}

/* Sizda JS eski class nomini ishlatsa ham, yangi show class ishlatsa ham ishlaydi */
.left-float-dock.show,
.left-float-dock.is-visible{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
}

/* Panel ichidagi hamma tugmalar bir xil */
.left-float-dock a,
.left-float-dock button,
.left-float-dock .dock-item,
.left-float-dock .dock-logo,
.left-float-dock .left-dock-logo,
.left-float-dock .float-dock-btn{
  position:relative;
  z-index:1;
  width:62px;
  height:62px;
  margin-left:0;
  border:0;
  outline:none;
  border-radius:18px;
  background:rgba(255,255,255,.13) !important;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#fff;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transition:background .25s ease, transform .25s ease, box-shadow .25s ease, color .25s ease;
}

/* Eski oq dumaloq logo fonini butunlay o'chiradi */
.left-float-dock .dock-logo,
.left-float-dock .left-dock-logo{
  border:none !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.13) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
}

/* Gerb rasmi oq doira bo'lib qolmasin */
.left-float-dock img,
.left-float-dock .dock-logo img,
.left-float-dock .left-dock-logo img{
  width:42px;
  height:42px;
  max-width:42px;
  max-height:42px;
  object-fit:contain;
  border-radius:50%;
  background:transparent !important;
  padding:0 !important;
}

/* Hover */
.left-float-dock a:hover,
.left-float-dock button:hover,
.left-float-dock .dock-item:hover,
.left-float-dock .dock-logo:hover,
.left-float-dock .left-dock-logo:hover,
.left-float-dock .float-dock-btn:hover{
  background:rgba(255,255,255,.22) !important;
  transform:translateX(4px);
  box-shadow:0 14px 28px rgba(0,0,0,.14);
}

/* FAQAT BOSILGAN TUGMA RANGI O'ZGARADI */
.left-float-dock a.active,
.left-float-dock button.active,
.left-float-dock .dock-item.active,
.left-float-dock .dock-logo.active,
.left-float-dock .left-dock-logo.active,
.left-float-dock .float-dock-btn.active{
  background:linear-gradient(135deg,#eafffb 0%,#bff4e7 100%) !important;
  color:#063b5c !important;
  transform:translateX(8px);
  box-shadow:0 16px 32px rgba(0,0,0,.18) !important;
}

/* Active bo'lganda gerb orqasi yana oq bo'lib ketmasin */
.left-float-dock .active img,
.left-float-dock a.active img,
.left-float-dock button.active img{
  background:transparent !important;
}

/* Til tugmasi */
.left-float-dock .dock-lang{
  font-size:17px;
  font-weight:800;
  letter-spacing:.02em;
}

/* Mobil / kichik ekranda chap panel yopiladi */
@media (max-width:1100px){
  .left-float-dock{
    display:none;
  }
}

/* AUTO SECTION CAROUSELS */
.auto-carousel{
  position:relative;
  display:block !important;
  width:100%;
  grid-template-columns:none !important;
  gap:0 !important;
}
.auto-carousel .carousel-viewport{
  width:100%;
  overflow:hidden;
  padding:8px 0 16px;
}
.auto-carousel .carousel-track{
  display:flex;
  align-items:stretch;
  will-change:transform;
}
.auto-carousel .carousel-slide{
  flex:0 0 auto;
  min-width:0;
}
.auto-carousel .carousel-slide > *{
  height:100%;
  transition:transform .32s ease, box-shadow .32s ease, filter .32s ease;
}
.auto-carousel .carousel-slide:hover > *{
  transform:translateY(-8px) scale(1.015);
  box-shadow:0 22px 38px rgba(9,30,66,.16);
  filter:saturate(1.03);
}
.auto-carousel .carousel-slide .card,
.auto-carousel .carousel-slide .video-card .card{
  height:100%;
}
.auto-carousel .carousel-slide .video-card{
  display:block;
}
.auto-carousel .carousel-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:4px;
}
.auto-carousel .carousel-dots button{
  width:10px;
  height:10px;
  border:none;
  border-radius:999px;
  background:rgba(47,111,159,.20);
  cursor:pointer;
  transition:transform .2s ease, background .2s ease, width .2s ease;
}
.auto-carousel .carousel-dots button.active{
  width:26px;
  background:var(--blue);
}
.auto-carousel:hover .carousel-dots button.active{
  transform:scale(1.02);
}

@media (max-width:768px){
  .auto-carousel .carousel-viewport{
    padding:6px 0 12px;
  }
}

/* ABOUT PAGE */
.brand-link{display:flex; align-items:center; gap:18px; color:inherit;}
.about-page-body{background:#eef3f6;}
.about-main{padding-top:34px; min-height:55vh;}
.about-head{margin-bottom:20px;}
.about-layout{display:grid; grid-template-columns:minmax(0,1.9fr) minmax(280px,.9fr); gap:22px; align-items:start;}
.about-leaders-list{display:grid; gap:14px;}
.leader-card{display:grid; grid-template-columns:88px minmax(0,1fr) 280px; gap:18px; align-items:center; background:#fff; border-radius:18px; padding:16px 18px; box-shadow:var(--shadow); border:1px solid rgba(9,30,66,.06);}
.leader-left{display:flex; align-items:center; justify-content:center;}
.leader-photo{width:78px; height:78px; border-radius:50%; object-fit:cover; background:#eef3f8;}
.leader-role{font-size:13px; color:#8b97aa; line-height:1.5; margin-bottom:4px;}
.leader-name{font-size:30px; line-height:1.2; margin:0 0 10px; font-weight:500;}
.leader-meta{display:flex; gap:8px; align-items:center; color:#334155; font-size:14px;}
.leader-icon{color:#6ea9d2; font-size:14px;}
.leader-side{justify-self:end; text-align:left; min-width:220px;}
.leader-side-label{font-size:13px; color:#8b97aa; margin-bottom:4px;}
.leader-side-value{font-size:14px; color:#334155; line-height:1.45;}
.about-sidebar-card{background:#fff; border-radius:18px; box-shadow:var(--shadow); padding:12px 16px; border:1px solid rgba(9,30,66,.06);}
.about-sidebar-card h3{margin:0 0 6px; font-size:20px; font-weight:600;}
.about-services-list{display:grid;}
.about-service-item{display:grid; grid-template-columns:52px 1fr; gap:14px; align-items:center; padding:16px 0; border-top:1px solid #edf2f7; transition:background .2s ease;}
.about-service-item:first-child{border-top:none;}
.about-service-item:hover{background:linear-gradient(90deg, rgba(47,111,159,.04), rgba(47,111,159,0));}
.about-service-icon{width:44px; height:44px; border-radius:50%; background:#eef4f8; display:grid; place-items:center;}
.about-service-icon img{width:24px; height:24px; object-fit:contain;}
.about-service-text{font-size:15px; line-height:1.4; color:#334155;}
@media (max-width: 1200px){
  .about-layout{grid-template-columns:1fr;}
  .leader-card{grid-template-columns:88px minmax(0,1fr);}
  .leader-side{justify-self:start; grid-column:2;}
}
@media (max-width: 768px){
  .leader-card{grid-template-columns:1fr; text-align:left;}
  .leader-left{justify-content:flex-start;}
  .leader-side{grid-column:auto; min-width:0; width:100%;}
  .leader-name{font-size:24px;}
}

/* DOCS PAGE */
.docs-page-body{background:#eef3f6;}
.docs-layout{display:grid; grid-template-columns:minmax(0,1.9fr) minmax(280px,.9fr); gap:22px; align-items:start;}
.docs-content-col{display:grid; gap:18px;}
.docs-cards-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
.doc-list-card{width:100%; text-align:left; border:none; background:#fff; border-radius:16px; padding:16px 18px; box-shadow:var(--shadow); border:1px solid rgba(9,30,66,.06); cursor:pointer; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
.doc-list-card:hover{transform:translateY(-3px); box-shadow:0 16px 26px rgba(9,30,66,.11);}
.doc-list-card.active{border-color:rgba(47,111,159,.35); box-shadow:0 18px 28px rgba(47,111,159,.14);}
.doc-list-title{font-size:14px; line-height:1.45; font-weight:700; color:#24374a; text-transform:uppercase; min-height:42px;}
.doc-list-meta{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; color:#7b8799; font-size:12px;}
.doc-type-badge{display:inline-flex; align-items:center; justify-content:center; min-width:52px; height:24px; border-radius:999px; background:#eef4f8; color:#2f6f9f; font-weight:800; letter-spacing:.03em;}
.docs-viewer-card{background:#fff; border-radius:18px; box-shadow:var(--shadow); border:1px solid rgba(9,30,66,.06); overflow:hidden;}
.docs-viewer-toolbar{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 18px; border-bottom:1px solid #edf2f7; background:#fbfdff;}
.docs-viewer-label{font-size:13px; color:#7d8ba0; margin-bottom:4px;}
.docs-viewer-name{font-size:18px; font-weight:700; color:#1f2430; line-height:1.35;}
.docs-viewer-actions{display:flex; gap:10px; flex-wrap:wrap;}
.docs-action-btn{display:inline-flex; align-items:center; justify-content:center; min-width:150px; height:42px; padding:0 16px; border-radius:12px; border:1px solid #d7e3ef; background:#fff; color:#1f2430; font-weight:700; cursor:pointer; text-decoration:none;}
.docs-action-btn.primary{background:linear-gradient(90deg,#2f6f9f,#3d9ce2); border-color:transparent; color:#fff;}
.docs-viewer-hint{padding:14px 18px; color:#64748b; font-size:14px; border-bottom:1px solid #edf2f7; background:#f8fbfd;}
.docs-viewer-hint.is-hidden{display:none;}
.docs-viewer-frame{width:100%; height:760px; border:0; display:block; background:#eef3f8;}
.docs-viewer-frame.is-hidden{display:none;}

@media (max-width: 1200px){
  .docs-layout{grid-template-columns:1fr;}
}
@media (max-width: 900px){
  .docs-cards-grid{grid-template-columns:1fr;}
  .docs-viewer-toolbar{flex-direction:column; align-items:flex-start;}
  .docs-action-btn{width:100%;}
}

/* DOCS PAGE SIMPLIFIED */
.docs-simple-wrap{
  display:block;
}
.docs-cards-grid-wide{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.docs-print-trigger{
  min-height:120px;
}

/* DOC PRINT PAGE */
.docs-print-main{padding-bottom:40px;}
.docs-print-card{
  background:#fff;
  border-radius:18px;
  box-shadow:var(--shadow);
  border:1px solid rgba(9,30,66,.06);
  overflow:hidden;
}
.docs-print-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-bottom:1px solid #edf2f7;
  background:#fbfdff;
}

@media (max-width: 900px){
  .docs-cards-grid-wide{
    grid-template-columns:1fr;
  }
  .docs-print-toolbar{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* DOCS PRINT PAGE - ICON ACTIONS */
.docs-print-card-clean{
  overflow:visible;
}
.docs-print-toolbar-clean{
  align-items:flex-start;
}
.docs-print-title-wrap{
  display:grid;
  gap:6px;
}
.docs-print-tools-inline{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}
.docs-tool-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:220px;
  height:52px;
  padding:0 18px;
  border:none;
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(9,30,66,.10);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.docs-tool-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(9,30,66,.14);
}
.docs-tool-btn-print{
  background:#bb7a17;
  color:#fff;
}
.docs-tool-btn-analyze{
  background:#0f4c9a;
  color:#fff;
}
.docs-tool-icon{
  font-size:20px;
  line-height:1;
}
.docs-viewer-hint-compact{
  margin:0 20px 14px;
  border-radius:12px;
  border:1px solid #e7edf5;
}
.docs-viewer-frame-wrap.clean{
  margin:0 20px 18px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #e7edf5;
  background:#f7fafc;
}
.docs-print-bottom-note{
  padding:0 20px 22px;
}
.docs-simple-link{
  font-weight:700;
  color:#2f6f9f;
}
@media (max-width: 900px){
  .docs-print-tools-inline{width:100%;}
  .docs-tool-btn{width:100%; min-width:0; justify-content:center;}
}

/* TOP WEATHER INLINE */
.top-weather{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0;
  min-width:auto;
  max-width:none;
  height:auto;
  background:transparent;
  border:none;
  box-shadow:none;
  overflow:visible;
  margin-left:4px;
  margin-right:2px;
  position:relative;
}
.top-weather::before{display:none !important;content:none !important;}
.weather-main{
  display:flex;
  align-items:center;
  gap:10px;
}
.weather-main-text{
  display:flex;
  align-items:baseline;
  gap:8px;
  white-space:nowrap;
}
.weather-temp{
  font-weight:800;
  font-size:18px;
  line-height:1;
  color:#2f6f9f;
  letter-spacing:-0.02em;
}
.weather-status{
  font-size:14px;
  font-weight:700;
  color:#42586f;
  line-height:1;
}
.weather-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  background:transparent;
  border-radius:0;
  box-shadow:none;
  font-size:24px;
  line-height:1;
  transform-origin:center;
  animation:weatherIconFloat 2.8s ease-in-out infinite;
}
.weather-ticker{display:none !important;}
.top-weather:hover{transform:none;box-shadow:none;}
.weather-day .weather-icon{filter:drop-shadow(0 2px 6px rgba(250,180,0,.28));}
.weather-night .weather-icon{filter:drop-shadow(0 2px 6px rgba(90,120,255,.22));}
.weather-rain .weather-icon{filter:drop-shadow(0 2px 6px rgba(66,165,245,.24));}
.weather-snow .weather-icon{filter:drop-shadow(0 2px 6px rgba(180,210,255,.24));}
.weather-fog .weather-icon{filter:drop-shadow(0 2px 6px rgba(160,170,185,.24));}
.weather-storm .weather-icon{filter:drop-shadow(0 2px 6px rgba(120,90,255,.24));}
@keyframes weatherIconFloat{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-2px) rotate(-2deg)}
}
@media (max-width: 1280px){
  .weather-temp{font-size:17px;}
  .weather-status{font-size:13px;}
  .weather-icon{font-size:22px;}
}
@media (max-width: 1100px){
  .top-weather{
    order:10;
    width:100%;
    justify-content:flex-start;
    margin-left:0;
    margin-top:4px;
  }
}
@media (max-width: 768px){
  .top-weather{
    width:100%;
    justify-content:flex-start;
    padding-top:2px;
  }
  .weather-temp{font-size:16px;}
  .weather-status{font-size:12px;}
  .weather-icon{font-size:21px;}
}

/* WEATHER INLINE + LANGUAGE SAME ROW */
.topbar-inner{
  flex-wrap:nowrap;
}
.contact-items{
  gap:14px;
  flex-wrap:nowrap;
}
.contact-card,
.top-weather,
.lang-wrap,
.weather-lang-inline{
  flex:0 0 auto;
}
.weather-lang-inline{
  display:inline-flex;
  align-items:center;
  gap:14px;
  white-space:nowrap;
  margin-left:4px;
}
.top-weather{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:0;
  min-width:auto;
  max-width:none;
  margin:0;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.weather-main{
  gap:8px;
}
.weather-main-text{
  gap:8px;
  white-space:nowrap;
}
.weather-temp{
  font-size:16px;
  font-weight:800;
  color:#2f6f9f;
}
.weather-status{
  font-size:14px;
  font-weight:700;
  color:#36485d;
}
.weather-icon{
  font-size:22px;
  animation:weatherInlineFloat 3.1s ease-in-out infinite;
}
.weather-ticker{
  display:none !important;
}
.lang-wrap{
  margin-left:2px;
}
.topbar-promo{
  flex:0 1 340px;
  min-width:220px;
  max-width:380px;
  height:96px;
}
.topbar-promo img{
  max-height:96px;
}
@keyframes weatherInlineFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
@media (max-width:1200px){
  .topbar-promo{
    flex:0 1 280px;
    max-width:300px;
    height:82px;
  }
  .topbar-promo img{max-height:82px;}
  .contact-items{gap:10px;}
  .weather-lang-inline{gap:10px;}
  .weather-temp{font-size:15px;}
  .weather-status{font-size:13px;}
  .weather-icon{font-size:20px;}
}
@media (max-width:992px){
  .topbar-inner{
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .topbar-promo{
    order:3;
    margin:8px auto 0;
  }
  .contact-items{
    width:100%;
    justify-content:flex-end;
    flex-wrap:wrap;
  }
}
@media (max-width:768px){
  .weather-lang-inline{
    width:100%;
    justify-content:flex-start;
    margin-top:4px;
  }
  .top-weather{
    width:auto;
  }
}

/* NAV ROUND BUTTONS + SEARCH + SOFT THEME */
.nav-actions{
  gap:12px;
}
.nav-icon{
  width:48px;
  height:48px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(207,242,255,.88) 42%, rgba(132,211,244,.72) 100%);
  color:#19577f;
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 8px 18px rgba(15,69,106,.16);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
  font-size:18px;
  font-weight:700;
}
.nav-icon:hover{
  transform:translateY(-1px) scale(1.03);
  box-shadow:0 10px 22px rgba(15,69,106,.2);
}
.nav-icon.active{
  background:#ffffff;
  color:#67a880;
  box-shadow:0 10px 22px rgba(87,165,120,.16);
}

.nav-search-panel{
  max-height:0;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(245,253,255,.98) 0%, rgba(233,248,250,.98) 55%, rgba(227,245,247,.97) 100%);
  border-bottom:1px solid rgba(76,157,181,.14);
  box-shadow:0 12px 26px rgba(24,92,112,.10);
  transition:max-height .28s ease;
}
.nav-search-panel.is-open{
  max-height:420px;
}
.nav-search-inner{
  padding:16px 0 18px;
}
.nav-search-box{
  display:flex;
  gap:12px;
  align-items:center;
}
.nav-search-input{
  flex:1;
  height:50px;
  border-radius:18px;
  border:1px solid rgba(76,157,181,.18);
  background:rgba(255,255,255,.92);
  padding:0 18px;
  font:inherit;
  color:#1f2430;
  outline:none;
  box-shadow:0 8px 18px rgba(24,92,112,.06);
}
.nav-search-input:focus{
  border-color:rgba(76,157,181,.38);
  box-shadow:0 0 0 4px rgba(97,191,181,.12);
}
.nav-search-go{
  height:50px;
  min-width:120px;
  border:none;
  border-radius:18px;
  background:linear-gradient(135deg,#2f6f9f 0%, #3f9dbf 100%);
  color:#fff;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  padding:0 18px;
  box-shadow:0 10px 20px rgba(33,102,139,.16);
}
.nav-search-results{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.nav-search-results:empty{
  display:none;
  margin-top:0;
}
.nav-search-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:64px;
  border:none;
  border-radius:20px;
  padding:14px 16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 22px rgba(24,92,112,.07);
  cursor:pointer;
  text-align:left;
  transition:transform .18s ease, box-shadow .18s ease;
}
.nav-search-item:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 26px rgba(24,92,112,.12);
}
.nav-search-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.nav-search-item-label{
  font-weight:800;
  color:#243142;
  line-height:1.32;
}
.nav-search-item-meta{
  font-size:13px;
  color:#6b8196;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.nav-search-item-type{
  font-size:12px;
  font-weight:800;
  color:#4e8aa6;
  text-transform:uppercase;
  background:rgba(195,231,239,.75);
  padding:6px 10px;
  border-radius:999px;
}
.nav-search-empty{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 2px 4px;
  color:#314457;
}
.nav-search-empty strong{font-size:16px;}
.nav-search-empty span{font-size:14px;color:#6c8192;}

body.theme-soft{
  --blue:#4aa9ba;
  --nav:#cbeef2;
  --bg:#eef9fb;
  --muted:#6d8f95;
  --shadow:0 12px 26px rgba(48,118,136,.08);
  background:
    radial-gradient(circle at top left, rgba(223,246,249,.85) 0%, rgba(223,246,249,0) 28%),
    linear-gradient(180deg, #f7fdfe 0%, #eff9fb 42%, #edf8fa 100%);
}
body.theme-soft .topbar,
body.theme-soft .contact-table-wrap,
body.theme-soft .card,
body.theme-soft .quick-card,
body.theme-soft .stat-card,
body.theme-soft .map-panel,
body.theme-soft .map-info,
body.theme-soft .zoom-left,
body.theme-soft .zoom-right,
body.theme-soft .about-page-shell,
body.theme-soft .docs-page-shell,
body.theme-soft .docs-list-card,
body.theme-soft .docs-preview-card,
body.theme-soft .leader-card,
body.theme-soft .about-services-card,
body.theme-soft .doc-list-card,
body.theme-soft .about-sidebar-card,
body.theme-soft .about-leader-card,
body.theme-soft .about-service-item{
  background:#ffffff;
}
body.theme-soft .section,
body.theme-soft .stats-bg,
body.theme-soft .about-main,
body.theme-soft .docs-simple-wrap,
body.theme-soft .about-page-body,
body.theme-soft .docs-page-body,
body.theme-soft .doc-print-body{
  background:transparent;
}
body.theme-soft .mainnav{
  background:linear-gradient(90deg, #ddf4f6 0%, #c8edf1 36%, #b9e7eb 100%);
  box-shadow:0 8px 18px rgba(48,118,136,.09);
}
body.theme-soft .nav-links a{
  color:#23424b;
}
body.theme-soft .nav-search-panel{
  background:linear-gradient(180deg, rgba(245,253,255,.98) 0%, rgba(230,247,249,.98) 100%);
}
body.theme-soft .nav-search-go,
body.theme-soft .zoom-btn.primary,
body.theme-soft .selected-map-btn,
body.theme-soft #mapSearchBtn,
body.theme-soft .appeal-btn{
  background:linear-gradient(135deg,#65be9c 0%, #8ed1bb 100%);
  color:#fff;
  border-color:#74c8a7;
}
body.theme-soft .weather-temp{
  color:#4fa76e;
}
body.theme-soft .nav-icon{
  background:linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(229,248,246,.96) 44%, rgba(184,233,226,.86) 100%);
  color:#346f66;
  box-shadow:0 10px 20px rgba(72,151,137,.14);
}
body.theme-soft .nav-icon.active{
  background:#ffffff;
  color:#67a880;
  box-shadow:0 10px 22px rgba(87,165,120,.16);
}

@media (max-width:992px){
  .nav-search-results{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .nav-actions{gap:8px; margin-top:8px;}
  .nav-icon{width:42px; height:42px; font-size:16px;}
  .nav-search-box{flex-direction:column; align-items:stretch;}
  .nav-search-go{width:100%;}
}

/* NEWS ARCHIVE + DETAIL */
.news-page-main,
.news-detail-main{
  background:#fff;
}
.news-page-head,
.news-detail-head{
  margin-bottom:20px;
}
.news-archive-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.news-archive-card{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid #edf2f7;
}
.news-archive-cover{
  display:block;
}
.news-archive-cover img{
  width:100%;
  height:250px;
  object-fit:cover;
  background:#eaf1f7;
}
.news-archive-body{
  padding:14px 18px 20px;
}
.news-archive-date{
  font-size:14px;
  color:#8b97aa;
  margin-bottom:10px;
}
.news-archive-title{
  display:block;
  font-size:28px;
  line-height:1.25;
  font-weight:700;
  margin-bottom:12px;
}
.news-archive-text{
  color:#64748b;
  line-height:1.65;
  font-size:16px;
}
.news-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:26px;
  align-items:start;
}
.news-detail-article{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:28px;
}
.news-back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#2f6f9f;
  font-weight:700;
  margin-bottom:18px;
}
.news-detail-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}
.news-detail-date{
  color:#7d8ba0;
  font-size:14px;
}
.news-detail-type{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  background:#edf6fb;
  color:#2f6f9f;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
}
.news-detail-title{
  margin:0 0 18px;
  font-size:42px;
  line-height:1.15;
}
.news-detail-cover-wrap{
  margin-bottom:18px;
}
.news-detail-image{
  width:100%;
  max-height:560px;
  object-fit:cover;
  border-radius:18px;
  background:#eaf1f7;
}
.news-detail-lead{
  font-size:18px;
  line-height:1.7;
  color:#4b5563;
  margin-bottom:18px;
}
.news-detail-content p{
  margin:0 0 16px;
  line-height:1.9;
  color:#475569;
  font-size:16px;
}
.news-detail-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}
.news-detail-sidebar{
  position:sticky;
  top:92px;
}
.news-detail-sidebar-card{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:22px;
}
.news-detail-sidebar-card h3{
  margin:0 0 16px;
  font-size:22px;
}
.related-news-list{
  display:grid;
  gap:14px;
}
.related-news-item{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:12px;
  align-items:start;
}
.related-news-item img{
  width:96px;
  height:72px;
  border-radius:12px;
  object-fit:cover;
  background:#eaf1f7;
}
.related-news-copy{
  display:grid;
  gap:6px;
}
.related-news-title{
  font-weight:700;
  line-height:1.4;
}
.related-news-date{
  font-size:13px;
  color:#7d8ba0;
}
@media (max-width:1200px){
  .news-archive-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .news-detail-layout{ grid-template-columns:1fr; }
  .news-detail-sidebar{ position:static; }
}
@media (max-width:768px){
  .news-archive-grid{ grid-template-columns:1fr; }
  .news-archive-title{ font-size:24px; }
  .news-detail-article{ padding:20px; border-radius:18px; }
  .news-detail-title{ font-size:30px; }
  .related-news-item{ grid-template-columns:84px 1fr; }
  .related-news-item img{ width:84px; height:64px; }
}

/* VIDEOS ARCHIVE + DETAIL */
.videos-page-main,
.video-detail-main{
  background:#fff;
}
.video-archive-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.video-archive-card{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid #edf2f7;
}
.video-archive-cover{
  position:relative;
  display:block;
}
.video-archive-cover img{
  width:100%;
  height:250px;
  object-fit:cover;
  background:#eaf1f7;
}
.video-archive-play{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:74px;
  height:74px;
  border-radius:50%;
  background:rgba(20,86,150,.88);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:30px;
  box-shadow:0 16px 28px rgba(16,47,102,.18);
}
.video-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:26px;
  align-items:start;
}
.video-detail-article{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:28px;
}
.video-detail-sidebar{
  position:sticky;
  top:92px;
}
.video-detail-player-wrap{
  margin:0 0 20px;
}
.video-detail-player-box,
.video-embed-box{
  width:100%;
}
.video-embed-box iframe,
.video-embed-box video{
  width:100%;
  aspect-ratio:16 / 9;
  border:0;
  display:block;
  border-radius:20px;
  background:#071a30;
  box-shadow:var(--shadow);
}
.video-detail-empty{
  min-height:320px;
  border-radius:20px;
  background:#eef4f8;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#64748b;
  font-weight:700;
}
@media (max-width:1200px){
  .video-archive-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .video-detail-layout{ grid-template-columns:1fr; }
  .video-detail-sidebar{ position:static; }
}
@media (max-width:768px){
  .video-archive-grid{ grid-template-columns:1fr; }
  .video-detail-article{ padding:20px; border-radius:18px; }
  .video-archive-play{ width:64px; height:64px; font-size:26px; }
}

.news-archive-card,
.video-archive-card{
  scroll-margin-top: 120px;
}

/* ===== LANGUAGE MENU: OZ / RU polished dropdown ===== */
.lang-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.lang-btn{
  min-width:92px;
  height:46px;
  padding:0 20px;
  border:1px solid rgba(47,111,159,.12);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border-radius:18px;
  font-weight:800;
  font-size:16px;
  letter-spacing:.2px;
  color:#1f2430;
  box-shadow:0 10px 24px rgba(9,30,66,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.lang-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 30px rgba(9,30,66,.12);
  border-color:rgba(47,111,159,.22);
}
.lang-wrap.open .lang-btn,
.lang-btn[aria-expanded="true"]{
  border-color:rgba(47,111,159,.28);
  box-shadow:0 16px 34px rgba(9,30,66,.14);
}
.lang-menu{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  right:auto;
  width:288px;
  padding:12px;
  border-radius:26px;
  background:rgba(255,255,255,.98);
  box-shadow:0 26px 56px rgba(15,23,42,.16);
  border:1px solid rgba(47,111,159,.10);
  
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  opacity:0;
  transform:translateX(-50%) translateY(-8px) scale(.98);
  pointer-events:none;
  z-index:120;
  transition:opacity .22s ease, transform .22s ease;
}
.lang-wrap.open .lang-menu,
.lang-menu.is-open{
  opacity:1;
  transform:translateX(-50%) translateY(0) scale(1);
  pointer-events:auto;
}
.lang-menu::before{
  content:"";
  position:absolute;
  top:-7px;
  left:50%;
  right:auto;
  width:14px;
  height:14px;
  background:#fff;
  border-left:1px solid rgba(47,111,159,.10);
  border-top:1px solid rgba(47,111,159,.10);
  transform:translateX(-50%) rotate(45deg);
}
.lang-menu button{
  width:100%;
  min-height:66px;
  border:1px solid rgba(47,111,159,.08);
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  padding:10px 14px;
  border-radius:18px;
  text-align:center;
  font-family:'Inter',system-ui,sans-serif;
  font-weight:800;
  font-size:22px;
  color:#163b63;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(9,30,66,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.lang-menu button + button{
  margin-top:0;
}
.lang-menu button:hover{
  background:linear-gradient(180deg,#f4fbff 0%,#eef8ff 100%);
  border-color:rgba(47,111,159,.20);
  transform:translateY(-2px);
  box-shadow:0 14px 26px rgba(9,30,66,.10);
  color:#1e6da0;
}
.lang-menu button.active{
  background:linear-gradient(135deg,#2f6f9f 0%,#3e8fc0 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 18px 34px rgba(47,111,159,.26);
}
@media (max-width:768px){
  .lang-btn{
    min-width:78px;
    height:42px;
    padding:0 16px;
    border-radius:16px;
    font-size:15px;
  }
  .lang-menu{
    width:232px;
    padding:10px;
    border-radius:22px;
  }
  .lang-menu button{
    min-height:58px;
    border-radius:16px;
    font-size:19px;
  }
}

/* ===== FINAL FIX: compact vertical O'z / Ru language dropdown ===== */
.lang-wrap{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:300 !important;
}
.lang-btn{
  min-width:86px !important;
  height:44px !important;
  padding:0 18px !important;
  border-radius:15px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  color:#1f2430 !important;
  font-weight:800 !important;
  font-size:18px !important;
  box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}
.lang-wrap.open .lang-btn,
.lang-btn[aria-expanded="true"]{
  background:#fff !important;
  box-shadow:0 16px 34px rgba(15,23,42,.13) !important;
}
.lang-menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:50% !important;
  right:auto !important;
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  padding:6px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 18px 38px rgba(15,23,42,.14) !important;
 
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-50%) translateY(-7px) scale(.98) !important;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  z-index:301 !important;
  overflow:hidden !important;
}
.lang-wrap.open .lang-menu,
.lang-menu.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) scale(1) !important;
}
.lang-menu::before{
  content:"" !important;
  position:absolute !important;
  top:-6px !important;
  left:50% !important;
  width:12px !important;
  height:12px !important;
  background:#fff !important;
  border-left:1px solid rgba(15,23,42,.08) !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
  transform:translateX(-50%) rotate(45deg) !important;
}
.lang-menu button{
  width:100% !important;
  min-height:38px !important;
  height:38px !important;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  color:#1f2430 !important;
  font-weight:800 !important;
  font-size:17px !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:background .16s ease, color .16s ease, transform .16s ease !important;
}
.lang-menu button + button{
  margin-top:2px !important;
}
.lang-menu button:hover,
.lang-menu button.active{
  background:#eef8fb !important;
  color:#1e6da0 !important;
  transform:none !important;
}
@media (max-width:768px){
  .lang-btn{min-width:74px !important;height:40px !important;font-size:16px !important;border-radius:13px !important;}
  .lang-menu{width:86px !important;min-width:86px !important;max-width:86px !important;}
  .lang-menu button{height:36px !important;min-height:36px !important;font-size:16px !important;}
}

/* =========================================================
   FINAL FIX: LEFT FLOAT DOCK
   - O'zidan o'zi active bo'lib qolmasin
   - Hoverda harakatlanmasin
   - Faqat bosilganda .active rangi o'zgarsin
   ========================================================= */
.left-float-dock{
  transition:transform .52s cubic-bezier(.22,.74,.24,1), opacity .32s ease !important;
}

.left-float-dock .dock-item,
.left-float-dock .dock-logo{
  position:relative !important;
  z-index:1 !important;
  margin-left:12px !important;
  width:56px !important;
  height:56px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.10) !important;
  color:#eef7ff !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
  transform:none !important;
  opacity:1 !important;
  transition:background .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

/* Gerb ham boshqa tugmalar bilan bir xil fonda tursin */
.left-float-dock .dock-logo{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Hover qilganda bosilgandek rang o'zgarmaydi, joyidan qimirlab ketmaydi */
.left-float-dock .dock-item:hover,
.left-float-dock .dock-logo:hover{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  transform:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Faqat bosilganda active bo'lgan tugma oq/yumshoq rangga o'tadi */
.left-float-dock .dock-item.active,
.left-float-dock .dock-logo.active{
  background:linear-gradient(180deg,#f6ffff 0%,#dff8f4 100%) !important;
  color:#0f6f9c !important;
  border-color:rgba(255,255,255,.55) !important;
  box-shadow:0 12px 26px rgba(12,70,112,.20), inset 0 1px 0 rgba(255,255,255,.75) !important;
  transform:none !important;
}

/* Active bo'lganda ham hover qilsangiz joyidan siljimasin */
.left-float-dock .dock-item.active:hover,
.left-float-dock .dock-logo.active:hover{
  transform:none !important;
}

/* Gerb rasmi ichida oq kvadrat ko'rinmasin */
.left-float-dock .dock-logo img{
  width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  background:transparent !important;
}

/* Til tugmasi ham boshqalar bilan bir xil o'lchamda */
.left-float-dock .dock-lang{
  font-size:17px !important;
  letter-spacing:.02em !important;
  font-weight:800 !important;
}

/* Avvalgi translateX active effektlarini to'liq o'chirish */
.dock-item.active,
.dock-logo.active,
.dock-item:hover,
.dock-logo:hover{
  transform:none !important;
}
/* STATS NUMBER ANIMATION */
.stat-value{
  display:inline-block;
  transition:transform .25s ease, color .25s ease, text-shadow .25s ease;
}

.stat-card.counting .stat-value{
  color:#2f6f9f;
  transform:scale(1.08);
  text-shadow:0 8px 18px rgba(47,111,159,.18);
}

.stat-card.count-done .stat-value{
  transform:scale(1);
}
.bus-route-link{
  display:block;
  width:100%;
  color:inherit;
  text-decoration:none;
}

.bus-route-animation{
  position:relative;
  width:100%;
  max-width:320px;
  height:70px;
  overflow:hidden;
  border-radius:0;
  background:transparent;
  border:none;
  box-shadow:none;
  margin-bottom:8px;
}

.bus-road{
  position:absolute;
  left:18px;
  right:58px;
  bottom:20px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#2f6f9f,#45b7d1);
  opacity:.45;
}

.bus-road::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-6px;
  height:1px;
  background:repeating-linear-gradient(
    90deg,
    rgba(47,111,159,.35) 0 14px,
    transparent 14px 24px
  );
}

.bus-route-link{
  display:block;
  width:100%;
  color:inherit;
  text-decoration:none;
}

.bus-route-animation{
  position:relative;
  width:100%;
  max-width:320px;
  height:70px;
  overflow:hidden;
  border-radius:0;
  background:transparent;
  border:none;
  box-shadow:none;
  margin-bottom:8px;
}

.bus-road{
  display:none;
}

.bus-gif{
  position:absolute;
  right:10px;
  left:auto;
  bottom:16px;
  width:38px;
  height:38px;
  object-fit:contain;
  animation:busMoveToHospitalReverse 4.5s linear infinite;
  z-index:2;
}

.hospital-gif{
  position:absolute;
  left:10px;
  right:auto;
  bottom:12px;
  width:42px;
  height:42px;
  object-fit:contain;
  z-index:3;
  animation:hospitalPulse 1.8s ease-in-out infinite;
}

.bus-route-text{
  font-weight:600;
  color:#334155;
  line-height:1.5;
  font-size:14px;
}

@keyframes busMoveToHospitalReverse{
  0%{
    transform:translateX(55px);
    opacity:0;
  }
  8%{
    opacity:1;
  }
  82%{
    opacity:1;
  }
  100%{
    transform:translateX(-240px);
    opacity:0;
  }
}

@keyframes hospitalPulse{
  0%,100%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.05);
  }
}
.zoom-status{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  font-weight:700;
  font-size:14px;
  background:#eef3f8;
  color:#334155;
}

.zoom-status.waiting{
  background:#fff7ed;
  color:#c2410c;
}

.zoom-status.live{
  background:#ecfdf5;
  color:#15803d;
}

.zoom-status.ended{
  background:#f1f5f9;
  color:#64748b;
}

.zoom-btn.is-disabled,
.zoom-btn[aria-disabled="true"]{
  pointer-events:none;
  opacity:.55;
  filter:grayscale(.15);
}
/* LIVE DATE TIME - NAVBAR */
.live-datetime{
  height:42px;
  min-width:300px;
  padding:0 15px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(219,244,255,.88));
  color:#16496b;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(15,69,106,.14);
  border:1px solid rgba(255,255,255,.45);
}

.live-date-text{
  color:#16496b;
}

.live-clock-icon{
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  line-height:1;
  background:rgba(47,111,159,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}

.live-time-text{
  color:#0f3d5c;
  font-variant-numeric:tabular-nums;
}

@media (max-width:900px){
  .live-datetime{
    min-width:100%;
    width:100%;
    margin-top:8px;
    justify-content:center;
    font-size:13px;
    height:40px;
  }

  .live-clock-icon{
    width:20px;
    height:20px;
    min-width:20px;
    font-size:12px;
  }
}

/* EVENTS PAGE */
.events-page-main{
  background:#fff;
}

.events-page-intro{
  background:linear-gradient(135deg,#eef8ff 0%,#ffffff 100%);
  border:1px solid rgba(47,111,159,.10);
  border-radius:24px;
  padding:24px 28px;
  margin-bottom:26px;
  box-shadow:var(--shadow);
}

.events-page-intro h3{
  margin:0 0 10px;
  font-size:28px;
  color:#163b63;
}

.events-page-intro p{
  margin:0;
  color:#64748b;
  line-height:1.7;
  font-size:16px;
}

.events-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}

.event-card{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid rgba(9,30,66,.07);
  opacity:0;
  transform:translateY(34px);
  transition:opacity .65s ease, transform .65s ease, box-shadow .25s ease;
}

.event-card.is-visible{
  opacity:1;
  transform:translateY(0);
}

.event-card:hover{
  box-shadow:0 22px 38px rgba(9,30,66,.15);
}

.event-cover{
  display:block;
  position:relative;
  height:220px;
  overflow:hidden;
  background:#eaf1f7;
}

.event-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.event-card:hover .event-cover img{
  transform:scale(1.05);
}

.event-type{
  position:absolute;
  left:14px;
  top:14px;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(47,111,159,.92);
  color:#fff;
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:800;
}

.event-card-body{
  padding:16px 18px 20px;
}

.event-card-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#7d8ba0;
  font-size:13px;
  font-weight:700;
  margin-bottom:10px;
}

.event-card-title{
  display:block;
  font-size:20px;
  font-weight:800;
  line-height:1.3;
  color:#1f2430;
  margin-bottom:10px;
}

.event-card-body p{
  margin:0 0 16px;
  color:#64748b;
  font-size:15px;
  line-height:1.6;
}

.event-more-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:12px;
  background:#edf6fb;
  color:#2f6f9f;
  font-weight:800;
}

/* EVENT DETAIL */
.event-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:26px;
  align-items:start;
}

.event-detail-card{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--shadow);
  border:1px solid rgba(9,30,66,.07);
  padding:28px;
}

.event-back-link{
  display:inline-flex;
  margin-bottom:18px;
  color:#2f6f9f;
  font-weight:800;
}

.event-detail-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
  color:#7d8ba0;
  font-size:14px;
  font-weight:700;
}

.event-type-badge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#edf6fb;
  color:#2f6f9f;
  font-weight:800;
}

.event-views{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#f8fbfd;
  color:#334155;
}

.event-detail-card h1{
  margin:0 0 16px;
  font-size:42px;
  line-height:1.15;
  color:#1f2430;
}

.event-detail-lead{
  color:#64748b;
  font-size:18px;
  line-height:1.7;
  margin-bottom:20px;
}

.event-detail-image{
  width:100%;
  max-height:560px;
  object-fit:cover;
  border-radius:20px;
  background:#eaf1f7;
  margin-bottom:22px;
}

.event-video-box{
  width:100%;
  margin-bottom:22px;
}

.event-video-box iframe,
.event-video-box video{
  width:100%;
  aspect-ratio:16 / 9;
  border:0;
  border-radius:20px;
  display:block;
  background:#071a30;
}

.event-detail-content p{
  margin:0 0 16px;
  color:#475569;
  line-height:1.9;
  font-size:16px;
}

.event-detail-sidebar{
  position:sticky;
  top:92px;
}

.event-sidebar-card{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:22px;
  border:1px solid rgba(9,30,66,.07);
}

.event-sidebar-card h3{
  margin:0 0 16px;
  font-size:22px;
}

.related-events-list{
  display:grid;
  gap:14px;
}
.related-event-item{
  display:grid;
  grid-template-columns:94px 1fr;
  gap:12px;
  align-items:start;
}

.related-event-item img{
  width:94px;
  height:70px;
  border-radius:12px;
  object-fit:cover;
  background:#eaf1f7;
}

.related-event-item strong{
  display:block;
  line-height:1.35;
  color:#1f2430;
  font-size:14px;
}

.related-event-item span{
  display:block;
  margin-top:5px;
  color:#7d8ba0;
  font-size:12px;
}

.events-empty{
  grid-column:1 / -1;
  background:#fff;
  border-radius:20px;
  box-shadow:var(--shadow);
  padding:28px;
  color:#64748b;
  font-weight:700;
  text-align:center;
}

@media (max-width:1300px){
  .events-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:1000px){
  .events-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .event-detail-layout{
    grid-template-columns:1fr;
  }

  .event-detail-sidebar{
    position:static;
  }
}

@media (max-width:650px){
  .events-grid{
    grid-template-columns:1fr;
  }

  .event-detail-card{
    padding:20px;
  }

  .event-detail-card h1{
    font-size:30px;
  }
}
.event-detail-main{
  background:#f8fbfd;
}

.event-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:26px;
  align-items:start;
}

.event-detail-card{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--shadow);
  border:1px solid rgba(9,30,66,.07);
  padding:28px;
}

.event-back-link{
  display:inline-flex;
  margin-bottom:18px;
  color:#2f6f9f;
  font-weight:800;
}

.event-detail-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
  color:#7d8ba0;
  font-size:14px;
  font-weight:700;
}

.event-type-badge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#edf6fb;
  color:#2f6f9f;
  font-weight:800;
}

.event-views{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#f8fbfd;
  color:#334155;
}

.event-detail-card h1{
  margin:0 0 16px;
  font-size:42px;
  line-height:1.15;
  color:#1f2430;
}

.event-detail-lead{
  color:#64748b;
  font-size:18px;
  line-height:1.7;
  margin-bottom:20px;
}

.event-detail-image{
  width:100%;
  max-height:560px;
  object-fit:cover;
  border-radius:20px;
  background:#eaf1f7;
  margin-bottom:22px;
}

.event-video-box{
  width:100%;
  margin-bottom:22px;
}

.event-video-box iframe,
.event-video-box video{
  width:100%;
  aspect-ratio:16 / 9;
  border:0;
  border-radius:20px;
  display:block;
  background:#071a30;
}

.event-video-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  background:#0f5f95;
  color:#fff;
  font-weight:800;
}

.event-detail-content p{
  margin:0 0 16px;
  color:#475569;
  line-height:1.9;
  font-size:16px;
}

.event-detail-sidebar{
  position:sticky;
  top:92px;
}

.event-sidebar-card{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:22px;
  border:1px solid rgba(9,30,66,.07);
}

.event-sidebar-card h3{
  margin:0 0 16px;
  font-size:22px;
}

.related-events-list{
  display:grid;
  gap:14px;
}

.related-event-item{
  display:grid;
  grid-template-columns:94px 1fr;
  gap:12px;
  align-items:start;
}

.related-event-item img{
  width:94px;
  height:70px;
  border-radius:12px;
  object-fit:cover;
  background:#eaf1f7;
}

.related-event-item strong{
  display:block;
  line-height:1.35;
  color:#1f2430;
  font-size:14px;
}

.related-event-item span{
  display:block;
  margin-top:5px;
  color:#7d8ba0;
  font-size:12px;
}

.hidden{
  display:none !important;
}

@media (max-width:1000px){
  .event-detail-layout{
    grid-template-columns:1fr;
  }

  .event-detail-sidebar{
    position:static;
  }
}

@media (max-width:650px){
  .event-detail-card{
    padding:20px;
  }

  .event-detail-card h1{
    font-size:30px;
  }
}

/* Professional DMED analysis dashboard */
.analysis-section{
  background:linear-gradient(180deg,#f4f8fc 0%,#ffffff 42%,#f4f8fc 100%);
  padding-top:46px;
  padding-bottom:50px;
}
.analysis-hero-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:24px;
  align-items:stretch;
  border-radius:30px;
  padding:30px;
  color:#fff;
  background:
    radial-gradient(circle at top right,rgba(73,188,255,.36),transparent 35%),
    linear-gradient(135deg,#123b63 0%,#2f6f9f 54%,#0d9488 100%);
  box-shadow:0 24px 60px rgba(15,69,111,.22);
  overflow:hidden;
  position:relative;
}
.analysis-hero-panel::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
}
.analysis-title-block,
.analysis-period-card{
  position:relative;
  z-index:1;
}
.analysis-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:inherit;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
}
.analysis-title-block h2{
  margin:18px 0 12px;
  font-size:42px;
  line-height:1.12;
}
.analysis-title-block p{
  margin:0;
  max-width:820px;
  color:rgba(255,255,255,.88);
  font-size:17px;
  line-height:1.7;
}
.analysis-period-card{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  border-radius:24px;
  padding:24px;
  backdrop-filter:blur(10px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
}
.analysis-period-card span,
.analysis-period-card small{
  color:rgba(255,255,255,.8);
}
.analysis-period-card strong{
  font-size:20px;
  line-height:1.45;
}
.analysis-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:22px 0;
}
.analysis-kpi-card{
  background:#fff;
  border:1px solid rgba(15,69,111,.08);
  border-radius:22px;
  padding:20px;
  box-shadow:0 14px 36px rgba(9,30,66,.08);
  min-height:146px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.analysis-kpi-card.warning{
  border-color:rgba(245,158,11,.3);
  background:linear-gradient(180deg,#fff 0%,#fff7ed 100%);
}
.analysis-kpi-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#64748b;
  font-weight:800;
  font-size:13px;
}
.analysis-kpi-top i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eef7fb;
  font-style:normal;
}
.analysis-kpi-card strong{
  display:block;
  margin-top:12px;
  font-size:32px;
  line-height:1;
  color:#0f3d5e;
}
.analysis-kpi-card small{
  margin-top:10px;
  color:#7d8ba0;
  line-height:1.45;
}
.analysis-grid-main{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:22px;
  margin-top:22px;
}
.analysis-grid-main.second-row{
  grid-template-columns:1fr 1fr;
}
.analysis-card{
  background:#fff;
  border-radius:24px;
  box-shadow:0 14px 36px rgba(9,30,66,.08);
  border:1px solid rgba(15,69,111,.08);
  padding:22px;
}
.analysis-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.analysis-card h3,
.analysis-table-toolbar h3{
  margin:10px 0 0;
  font-size:24px;
  color:#1f2430;
}
.muted-mini{
  background:#edf7fb;
  color:#2f6f9f;
}
.analysis-bars{
  display:grid;
  gap:14px;
}
.analysis-bar-row{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(160px,1.1fr) 92px;
  gap:14px;
  align-items:center;
}
.analysis-bar-label span{
  display:block;
  font-weight:800;
  line-height:1.35;
  color:#334155;
}
.analysis-bar-label small{
  display:block;
  margin-top:3px;
  color:#94a3b8;
  font-weight:700;
}
.analysis-bar-track{
  height:12px;
  border-radius:999px;
  background:#edf3f8;
  overflow:hidden;
}
.analysis-bar-fill{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2f6f9f,#22c1c3);
  box-shadow:0 6px 16px rgba(47,111,159,.24);
}
.analysis-bar-row strong{
  text-align:right;
  color:#0f3d5e;
}
.analysis-bars.compact .analysis-bar-row{
  grid-template-columns:minmax(200px,1fr) minmax(120px,.9fr) 78px;
}
.analysis-insights{
  display:grid;
  gap:12px;
}
.analysis-insight-item{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:start;
  padding:14px;
  border-radius:16px;
  background:#f8fbfd;
  border:1px solid rgba(15,69,111,.07);
}
.analysis-insight-item span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#e6f4f6;
  color:#0d9488;
  font-weight:900;
}
.analysis-insight-item p{
  margin:0;
  color:#475569;
  line-height:1.65;
  font-weight:600;
}
.analysis-table-card{
  margin-top:22px;
}
.analysis-table-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
}
.analysis-table-toolbar input{
  width:min(480px,100%);
  min-height:48px;
  border:1px solid #dbe7f0;
  border-radius:16px;
  padding:0 16px;
  outline:none;
  font:inherit;
  background:#f8fbfd;
}
.analysis-table-toolbar input:focus{
  border-color:#2f6f9f;
  box-shadow:0 0 0 4px rgba(47,111,159,.1);
  background:#fff;
}
.analysis-table-wrap{
  overflow:auto;
  border-radius:18px;
  border:1px solid #e3edf5;
  max-height:620px;
}
.analysis-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:1120px;
  background:#fff;
}
.analysis-table th,
.analysis-table td{
  padding:13px 14px;
  border-bottom:1px solid #edf3f8;
  text-align:left;
  vertical-align:top;
  font-size:14px;
}
.analysis-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:#0f4f78;
  color:#fff;
  font-weight:800;
}
.analysis-table tbody tr:nth-child(even){
  background:#fbfdff;
}
.analysis-table tbody tr:hover{
  background:#edf7fb;
}
.doc-status{
  display:inline-flex;
  max-width:260px;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  background:#ecfdf5;
  color:#047857;
}
.doc-status.bad{
  background:#fff7ed;
  color:#c2410c;
}
.analysis-note-panel{
  margin-top:22px;
  padding:20px 22px;
  border-radius:22px;
  background:#123b63;
  color:#fff;
  box-shadow:0 16px 36px rgba(9,30,66,.14);
}
.analysis-note-panel strong{
  display:block;
  margin-bottom:8px;
  font-size:18px;
}
.analysis-note-panel p{
  margin:7px 0 0;
  color:rgba(255,255,255,.86);
  line-height:1.65;
}

@media (max-width:1200px){
  .analysis-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .analysis-hero-panel,
  .analysis-grid-main,
  .analysis-grid-main.second-row{
    grid-template-columns:1fr;
  }
  .analysis-bar-row,
  .analysis-bars.compact .analysis-bar-row{
    grid-template-columns:minmax(200px,1fr) minmax(120px,1fr) 86px;
  }
}
@media (max-width:768px){
  .analysis-hero-panel{
    padding:22px;
    border-radius:24px;
  }
  .analysis-title-block h2{
    font-size:30px;
  }
  .analysis-kpi-grid{
    grid-template-columns:1fr;
  }
  .analysis-table-toolbar{
    display:block;
  }
  .analysis-table-toolbar input{
    margin-top:14px;
  }
  .analysis-bar-row,
  .analysis-bars.compact .analysis-bar-row{
    grid-template-columns:1fr;
    gap:8px;
    padding-bottom:12px;
    border-bottom:1px dashed #e2e8f0;
  }
  .analysis-bar-row strong{
    text-align:left;
  }
}


/* === Professional update: Zoom instead of contact + advanced analysis/admin === */
.hidden{display:none!important;}
.pro-analysis{position:relative;overflow:hidden;background:linear-gradient(180deg,#f3f8fc 0%,#ffffff 42%,#eef7fb 100%);}
.analysis-pro-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:stretch;border-radius:34px;padding:32px;background:radial-gradient(circle at right top,rgba(34,193,195,.30),transparent 36%),linear-gradient(135deg,#0f3d5e 0%,#2f6f9f 55%,#0d9488 100%);color:#fff;box-shadow:0 26px 70px rgba(15,61,94,.24);}
.analysis-pro-title h2{font-size:44px;line-height:1.1;margin:18px 0 12px;}.analysis-pro-title p{font-size:17px;line-height:1.7;max-width:850px;color:rgba(255,255,255,.9);margin:0;}
.analysis-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.analysis-action{border:0;border-radius:16px;min-height:48px;padding:0 18px;font-weight:900;cursor:pointer;background:#fff;color:#0f3d5e;box-shadow:0 12px 26px rgba(15,23,42,.14);}.analysis-action.primary{background:#22c1c3;color:#fff}.analysis-action:hover{transform:translateY(-1px);}
.pro-period-card{cursor:pointer;text-align:left;border:1px solid rgba(255,255,255,.24);}.pro-period-card:hover{background:rgba(255,255,255,.2);}
.analysis-load-hint{margin-top:24px;padding:34px;border:2px dashed #cbe1ef;border-radius:28px;background:#fff;text-align:center;box-shadow:0 18px 44px rgba(9,30,66,.08);}.analysis-load-hint .load-icon{width:72px;height:72px;margin:0 auto 12px;border-radius:24px;display:grid;place-items:center;background:#e6f4f6;font-size:34px}.analysis-load-hint h3{margin:0 0 8px;font-size:28px;color:#0f3d5e}.analysis-load-hint p{margin:0 auto 18px;color:#64748b;max-width:680px;line-height:1.7;font-weight:600;}
.analysis-admin-panel{margin-top:22px;background:#0f172a;color:#fff;border-radius:28px;padding:24px;box-shadow:0 20px 54px rgba(15,23,42,.24);}.admin-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.admin-panel-head h3{margin:10px 0 6px;font-size:26px}.admin-panel-head p{margin:0;color:#cbd5e1}.admin-close{width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.admin-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px}.admin-card.wide{grid-column:1/-1}.admin-card h4{margin:0 0 14px;font-size:18px}.admin-note{margin:0 0 12px;color:#cbd5e1;line-height:1.5}.admin-fields{display:grid;gap:12px}.admin-fields.two{grid-template-columns:1fr 1fr}.admin-card label{display:grid;gap:7px;font-weight:800;color:#e2e8f0}.admin-card input,.admin-card textarea,.admin-card select{width:100%;border:1px solid rgba(255,255,255,.18);background:#fff;color:#0f172a;border-radius:14px;padding:12px 13px;font:inherit;box-sizing:border-box}.admin-btn{border:0;border-radius:14px;padding:12px 16px;margin-top:12px;background:#22c1c3;color:#fff;font-weight:900;cursor:pointer}.admin-btn.ghost{background:rgba(255,255,255,.14)}.admin-actions-inline{display:flex;gap:10px;flex-wrap:wrap}#adminDataStatus{display:block;margin-top:10px;color:#cbd5e1}
.analysis-dashboard-body{animation:fadeUp .35s ease both;}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.pro-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.pro-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-card.big{min-height:430px}.pro-bars{gap:12px}.danger-bars .analysis-bar-fill,.danger-row .analysis-bar-fill{background:linear-gradient(90deg,#f59e0b,#ef4444)}.mini-status{display:inline-flex;margin-left:6px;font-style:normal;font-size:11px;padding:3px 7px;border-radius:999px;background:#e2e8f0;color:#334155}.mini-status.excellent,.performance-chip.excellent,.legend-dot.excellent{background:#dcfce7;color:#047857}.mini-status.good,.performance-chip.good,.legend-dot.good{background:#dbeafe;color:#1d4ed8}.mini-status.middle,.performance-chip.middle,.legend-dot.middle{background:#fef3c7;color:#b45309}.mini-status.danger,.performance-chip.danger,.legend-dot.danger{background:#fee2e2;color:#b91c1c}.performance-chip{display:inline-flex;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;}
.status-donut-wrap{display:grid;place-items:center;margin:10px 0 16px}.status-donut{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 18px rgba(255,255,255,.55),0 18px 42px rgba(15,23,42,.12)}.status-donut::after{content:"";position:absolute;inset:46px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #e2e8f0}.status-donut span,.status-donut small{position:relative;z-index:1}.status-donut span{font-size:38px;font-weight:900;color:#0f3d5e}.status-donut small{margin-top:48px;position:absolute;color:#64748b;font-weight:800}.status-legend{display:grid;gap:9px}.status-legend-item{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;padding:10px 12px;background:#f8fbfd;border:1px solid #edf3f8;border-radius:14px}.legend-dot{width:12px;height:12px;border-radius:50%;display:block}.legend-dot.excellent,.legend-dot.good,.legend-dot.middle,.legend-dot.danger{color:transparent}.legend-dot.excellent{background:#22c55e}.legend-dot.good{background:#3b82f6}.legend-dot.middle{background:#f59e0b}.legend-dot.danger{background:#ef4444}.status-legend-item strong{color:#0f3d5e}
.pro-toolbar{align-items:flex-start}.analysis-filters{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(190px,.9fr) minmax(160px,.8fr);gap:10px;width:min(820px,100%)}.analysis-filters input,.analysis-filters select{min-height:48px;border:1px solid #dbe7f0;border-radius:16px;padding:0 14px;background:#f8fbfd;font:inherit;outline:none}.analysis-filters input:focus,.analysis-filters select:focus{border-color:#2f6f9f;box-shadow:0 0 0 4px rgba(47,111,159,.1);background:#fff}.pro-table-wrap{max-height:700px}.pro-table{min-width:2480px}.pro-table th{white-space:nowrap}.pro-table td{white-space:nowrap}.pro-table td:nth-child(2),.pro-table td:nth-child(3),.pro-table td:nth-child(15){white-space:normal;min-width:220px}.pro-table td:nth-child(3){min-width:260px}.pro-table th[data-sort-key]{cursor:pointer}.pro-table th[data-sort-key]:hover{background:#0d3d61}
.zoom-section{padding-top:46px}.zoom-pro-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:26px;align-items:center;background:#fff;border:1px solid rgba(15,69,111,.08);border-radius:30px;padding:26px;box-shadow:0 18px 50px rgba(9,30,66,.1)}.zoom-pro-box h3{font-size:32px;margin:14px 0 10px;color:#0f3d5e}.zoom-pro-box p{line-height:1.7;color:#475569;font-weight:600}.pro-zoom-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.pro-zoom-meta div{background:#f8fbfd;border:1px solid #e3edf5;border-radius:16px;padding:14px}.zoom-visual img{width:100%;border-radius:24px;display:block;box-shadow:0 18px 40px rgba(15,61,94,.16)}
@media(max-width:1200px){.analysis-pro-hero,.pro-grid,.pro-grid-3,.zoom-pro-box{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.analysis-filters{grid-template-columns:1fr}.analysis-grid-main.second-row{grid-template-columns:1fr}.admin-fields.two{grid-template-columns:1fr}}
@media(max-width:760px){.analysis-pro-hero{padding:22px;border-radius:24px}.analysis-pro-title h2{font-size:30px}.analysis-hero-actions{display:grid}.analysis-action{width:100%}.pro-zoom-meta{grid-template-columns:1fr}.analysis-admin-panel{padding:18px}.admin-panel-head{display:block}.zoom-pro-box{padding:18px;border-radius:24px}.zoom-pro-box h3{font-size:25px}}


/* === Separate professional Tahlil page 2026 === */
.nav-links a.active{background:rgba(255,255,255,.16);color:#fff;border-radius:14px}.tahlil-page-body{background:#f5f7fb}.tahlil-page{overflow:hidden}.tahlil-hero{position:relative;padding:58px 0 44px;background:linear-gradient(135deg,#0f172a 0%,#0e7490 52%,#22c55e 120%);color:#fff}.tahlil-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 85% 20%,rgba(34,197,94,.25),transparent 26%);pointer-events:none}.tahlil-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) 430px;gap:28px;align-items:stretch}.tahlil-eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;color:#67e8f9}.tahlil-hero h1{margin:14px 0 14px;font-size:clamp(34px,5vw,62px);line-height:1.02;font-weight:900}.tahlil-hero p{max-width:840px;margin:0;color:#dbeafe;font-size:18px;line-height:1.7}.tahlil-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.tahlil-btn{border:0;border-radius:16px;padding:13px 18px;background:#fff;color:#0f172a;font-weight:900;box-shadow:0 14px 34px rgba(2,6,23,.18);cursor:pointer}.tahlil-btn.primary{background:#22c55e;color:#fff}.tahlil-period-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(12px);border-radius:28px;padding:24px;box-shadow:0 24px 55px rgba(2,6,23,.18)}.tahlil-period-card>span{display:block;color:#bfdbfe;font-weight:800;margin-bottom:8px}.tahlil-period-card strong{display:block;font-size:28px;line-height:1.2}.tahlil-date-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.tahlil-date-row label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#dbeafe}.tahlil-date-row input,.tahlil-toolbar select,.tahlil-search input{width:100%;border:1px solid #dbe3ef;background:#fff;border-radius:15px;padding:12px 13px;font:inherit;color:#0f172a;box-sizing:border-box}.tahlil-dashboard-section{padding-top:34px}.tahlil-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 270px 230px;gap:12px;background:#fff;border:1px solid #e5ecf6;border-radius:24px;padding:14px;box-shadow:0 16px 45px rgba(15,23,42,.07);position:sticky;top:8px;z-index:10}.tahlil-search{position:relative}.tahlil-search span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748b}.tahlil-search input{padding-left:38px} .tahlil-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:26px 0 14px}.tahlil-section-intro h2{margin:8px 0 6px;color:#0f172a;font-size:30px}.tahlil-section-intro p{margin:0;max-width:760px;color:#64748b;line-height:1.6}.tahlil-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 24px}.tahlil-kpi{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #dfe7f1;border-radius:28px;padding:22px;min-height:164px;box-shadow:0 18px 44px rgba(15,23,42,.08);animation:riseIn .55s ease both;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tahlil-kpi:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(15,23,42,.12);border-color:rgba(14,165,233,.24)}.tahlil-kpi:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--accent,#0ea5e9)}.tahlil-kpi:after{content:"";position:absolute;right:-34px;top:-38px;width:126px;height:126px;border-radius:50%;background:var(--bubble,rgba(14,165,233,.12))}.tahlil-kpi.warn:after{background:rgba(245,158,11,.16)}.tahlil-kpi.danger:after{background:rgba(239,68,68,.15)}.tahlil-kpi-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;z-index:1;height:100%}.tahlil-kpi-copy{min-width:0;display:flex;flex-direction:column;justify-content:space-between;height:100%}.tahlil-kpi span{display:block;color:#334155;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.tahlil-kpi strong{display:block;margin:12px 0 8px;font-size:44px;line-height:1;color:#0f172a}.tahlil-kpi em{position:relative;z-index:1;display:block;font-style:normal;color:#64748b;font-weight:700;line-height:1.45;margin-top:4px;max-width:220px}.tahlil-kpi-icon{position:relative;z-index:1;width:76px;height:76px;border-radius:26px;display:grid;place-items:center;color:var(--accent,#0ea5e9);background:linear-gradient(180deg,var(--icon-bg,rgba(14,165,233,.14)) 0%,rgba(255,255,255,.92) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 10px 24px rgba(15,23,42,.08);flex:none}.tahlil-kpi-icon svg{width:40px;height:40px;display:block}.kpi-doctor{--accent:#4f46e5;--bubble:rgba(79,70,229,.13);--icon-bg:rgba(79,70,229,.16)}.kpi-institution{--accent:#0891b2;--bubble:rgba(8,145,178,.13);--icon-bg:rgba(8,145,178,.15)}.kpi-appointments{--accent:#2563eb;--bubble:rgba(37,99,235,.12);--icon-bg:rgba(37,99,235,.14)}.kpi-referrals{--accent:#10b981;--bubble:rgba(16,185,129,.12);--icon-bg:rgba(16,185,129,.14)}.kpi-prescriptions{--accent:#7c3aed;--bubble:rgba(124,58,237,.13);--icon-bg:rgba(124,58,237,.14)}.kpi-score{--accent:#f59e0b;--bubble:rgba(245,158,11,.16);--icon-bg:rgba(245,158,11,.16)}.kpi-documents{--accent:#f97316;--bubble:rgba(249,115,22,.14);--icon-bg:rgba(249,115,22,.15)}.kpi-zero{--accent:#ef4444;--bubble:rgba(239,68,68,.15);--icon-bg:rgba(239,68,68,.16)}.tahlil-grid{display:grid;gap:18px;margin-bottom:18px}.tahlil-grid.two{grid-template-columns:1.45fr .75fr}.tahlil-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tahlil-card,.tahlil-notes{background:#fff;border:1px solid #e5ecf6;border-radius:28px;padding:22px;box-shadow:0 18px 45px rgba(15,23,42,.07)}.tahlil-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.tahlil-card h2,.tahlil-notes h2{margin:0;color:#0f172a;font-size:22px}.tahlil-chip{display:inline-flex;align-items:center;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900;padding:9px 12px}.muted-mini{color:#0891b2}.tahlil-chart-area{display:grid;gap:12px}.pro-bar-row{display:grid;grid-template-columns:minmax(180px,1fr) 1.3fr 115px;align-items:center;gap:14px;opacity:0;animation:riseIn .5s ease forwards;animation-delay:var(--delay)}.bar-label strong{display:block;color:#0f172a;font-size:14px;line-height:1.3}.bar-label span{display:block;color:#64748b;font-size:12px;margin-top:4px}.bar-track{position:relative;height:18px;background:#f1f5f9;border-radius:999px;overflow:hidden}.bar-track i,.bar-track b{position:absolute;left:0;top:0;height:100%;width:var(--w);border-radius:999px;animation:barGrow .9s cubic-bezier(.2,.7,.2,1) both}.bar-track i{background:linear-gradient(90deg,#0284c7,#22c55e)}.bar-track b{height:45%;top:55%;background:linear-gradient(90deg,#f59e0b,#ef4444)}.bar-num{text-align:right}.bar-num strong,.bar-num span{display:block}.bar-num strong{color:#0f172a}.bar-num span{color:#64748b;font-size:12px}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;color:#475569;font-weight:800}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-legend i,.chart-legend b{display:inline-block;width:22px;height:9px;border-radius:99px;background:linear-gradient(90deg,#0284c7,#22c55e)}.chart-legend b{background:linear-gradient(90deg,#f59e0b,#ef4444)}.tahlil-donut-wrap{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center}.donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0ea5e9 0 100%);box-shadow:inset 0 0 0 1px rgba(15,23,42,.06);animation:spinIn .8s ease both}.donut>div{width:112px;height:112px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 8px 30px rgba(15,23,42,.12)}.donut strong{display:block;font-size:30px;color:#0f172a}.donut span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.donut-legend{display:grid;gap:10px}.donut-legend div{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;color:#334155}.donut-legend span{width:14px;height:14px;border-radius:50%}.donut-legend b{font-size:14px}.donut-legend em{font-style:normal;font-weight:900;color:#0f172a}.rank-list{display:grid;gap:10px}.rank-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid #e5ecf6;background:#f8fafc;border-radius:18px;padding:12px;animation:riseIn .45s ease both}.rank-no{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#dcfce7;color:#166534;font-weight:900}.rank-item.bad .rank-no{background:#fee2e2;color:#b91c1c}.rank-copy strong{display:block;color:#0f172a;line-height:1.25}.rank-copy span,.rank-copy small{display:block;color:#64748b;margin-top:2px}.rank-score{font-size:22px;font-weight:900;color:#0f172a}.mini-bars{display:grid;gap:12px}.mini-bar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;opacity:0;animation:riseIn .45s ease forwards;animation-delay:var(--delay)}.mini-bar div strong{display:block;color:#0f172a}.mini-bar div span{display:block;color:#64748b;font-size:12px}.mini-bar em{font-style:normal;font-weight:900;color:#0f172a}.mini-bar i{grid-column:1/-1;height:10px;border-radius:99px;background:#f1f5f9;overflow:hidden}.mini-bar i b{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#22c55e);animation:barGrow .8s ease both}.score-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.matrix-cell{min-height:118px;border-radius:22px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background:#f8fafc;border:1px solid #e5ecf6}.matrix-cell span{font-weight:900;color:#334155}.matrix-cell strong{font-size:34px;color:#0f172a}.matrix-cell em{font-style:normal;color:#64748b;font-weight:800}.m0{background:#ecfdf5}.m1{background:#e0f2fe}.m2{background:#fffbeb}.m3{background:#fef2f2}.m4{background:#f1f5f9}.tahlil-table-wrap{overflow:auto;border:1px solid #e5ecf6;border-radius:18px;max-height:620px}.tahlil-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1900px}.tahlil-table th{position:sticky;top:0;background:#0f172a;color:#fff;text-align:left;padding:13px 12px;font-size:12px;white-space:nowrap;cursor:pointer;z-index:1}.tahlil-table td{padding:12px;border-bottom:1px solid #edf2f7;color:#334155;font-size:13px;vertical-align:top}.tahlil-table tbody tr:hover{background:#f8fafc}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insight-card{display:flex;gap:10px;background:#f8fafc;border:1px solid #e5ecf6;border-radius:18px;padding:14px}.insight-card span{width:26px;height:26px;border-radius:50%;background:#dcfce7;color:#166534;display:grid;place-items:center;flex:none}.insight-card p{margin:0;color:#334155;line-height:1.55}.notes-list{margin-top:14px;display:grid;gap:8px}.notes-list p{margin:0;padding:12px 14px;border-left:4px solid #0ea5e9;background:#f8fafc;border-radius:14px;color:#334155}.empty-state{padding:18px;border-radius:18px;background:#f8fafc;color:#64748b;text-align:center;font-weight:800}@keyframes riseIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes barGrow{from{width:0}to{width:var(--w)}}@keyframes spinIn{from{transform:rotate(-20deg) scale(.94);opacity:.35}to{transform:none;opacity:1}}@media(max-width:1200px){.tahlil-hero-grid,.tahlil-grid.two,.tahlil-grid.three{grid-template-columns:1fr}.tahlil-section-intro{display:block}.tahlil-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tahlil-toolbar{grid-template-columns:1fr}.score-matrix{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.tahlil-hero{padding:36px 0}.tahlil-period-card{padding:18px}.tahlil-date-row,.tahlil-donut-wrap,.pro-bar-row{grid-template-columns:1fr}.bar-num{text-align:left}.tahlil-kpi-grid,.insight-grid{grid-template-columns:1fr}.tahlil-kpi strong{font-size:36px}.tahlil-section-intro h2{font-size:24px}.score-matrix{grid-template-columns:1fr}.tahlil-card,.tahlil-notes{padding:16px;border-radius:22px}.tahlil-toolbar{position:static}.tahlil-hero-actions{display:grid}.tahlil-btn{width:100%}}@media print{.topbar,.mainnav,.tahlil-toolbar,.tahlil-hero-actions,.footer{display:none!important}.tahlil-hero{background:#fff;color:#111;padding:20px 0}.tahlil-hero p{color:#111}.tahlil-card,.tahlil-kpi,.tahlil-notes{box-shadow:none;break-inside:avoid}.tahlil-table-wrap{max-height:none;overflow:visible}.tahlil-table th{position:static}}


/* Excel original download + automatic score formula */
.score-formula-card{display:grid;grid-template-columns:1.1fr 1.35fr;gap:18px;align-items:center;margin:-4px 0 22px;padding:22px;background:linear-gradient(135deg,#ffffff 0%,#f0fdfa 48%,#ecfeff 100%);border:1px solid #d7f4ec;border-radius:28px;box-shadow:0 18px 45px rgba(15,23,42,.07)}
.score-formula-card h2{margin:8px 0 8px;color:#0f172a;font-size:22px;line-height:1.35}.score-formula-card p{margin:0;color:#475569;font-weight:700;line-height:1.6}.score-pills{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.score-pills span{min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #dbeafe;border-radius:18px;background:rgba(255,255,255,.82);padding:11px}.score-pills b{color:#0f172a;font-size:12px;line-height:1.25}.score-pills em{font-style:normal;color:#0f766e;font-size:18px;font-weight:900}.tahlil-btn#downloadExcelBtn{background:#fff;color:#0f766e;border:1px solid rgba(255,255,255,.55)}.tahlil-btn#downloadExcelBtn:before{content:"📄 "}@media(max-width:1200px){.score-formula-card{grid-template-columns:1fr}.score-pills{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.score-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.score-formula-card{padding:16px;border-radius:22px}}@media print{.score-formula-card{box-shadow:none;break-inside:avoid}}


/* === Tahlil sahifasi: hover tooltip, status doctor icons va yurak urishi animatsiyasi === */
.tahlil-card,
.tahlil-notes{
  overflow:visible;
}

.tahlil-donut-wrap{
  display:block;
}

.hover-pop,
.tahlil-kpi,
.tahlil-card,
.rank-item,
.mini-bar,
.matrix-cell,
.pro-bar-row,
.donut-legend div,
.status-doctor{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}

.hover-pop:hover,
.pro-bar-row:hover,
.rank-item:hover,
.mini-bar:hover,
.matrix-cell:hover,
.donut-legend div:hover,
.status-doctor:hover{
  transform:translateY(-4px) scale(1.015);
  filter:saturate(1.08);
  z-index:25;
}

.pro-bar-row:hover,
.rank-item:hover,
.mini-bar:hover,
.matrix-cell:hover,
.donut-legend div:hover,
.status-doctor:hover{
  box-shadow:0 16px 34px rgba(15,23,42,.12);
  border-color:rgba(14,165,233,.26);
}

[data-tooltip]{
  position:relative;
}

[data-tooltip]:hover::after{
  content:attr(data-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 12px);
  transform:translateX(-50%);
  width:max-content;
  max-width:320px;
  padding:9px 12px;
  border-radius:12px;
  background:#0f172a;
  color:#fff;
  font-size:12px;
  font-weight:900;
  line-height:1.35;
  white-space:normal;
  box-shadow:0 14px 34px rgba(15,23,42,.22);
  pointer-events:none;
  z-index:200;
  animation:tooltipRise .18s ease both;
}

[data-tooltip]:hover::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:calc(100% + 5px);
  transform:translateX(-50%);
  border:7px solid transparent;
  border-top-color:#0f172a;
  pointer-events:none;
  z-index:201;
}

.bar-track [data-tooltip]:hover::after{
  bottom:calc(100% + 18px);
}

.status-panel{
  display:grid;
  gap:16px;
  width:100%;
}

.status-main-row{
  display:grid;
  grid-template-columns:200px 1fr;
  gap:20px;
  align-items:center;
}

.status-main-row .donut{
  width:200px;
  height:200px;
  position:relative;
}

.status-main-row .donut:hover{
  box-shadow:0 22px 42px rgba(15,23,42,.14), inset 0 0 0 1px rgba(15,23,42,.06);
}

.donut-legend div{
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:14px;
  background:rgba(248,250,252,.85);
}

.donut-legend div:hover{
  background:#fff;
}

.heart-monitor{
  position:relative;
  height:58px;
  border-radius:20px;
  background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);
  border:1px solid #e5ecf6;
  overflow:hidden;
}

.heart-monitor::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(14,165,233,.08) 1px,transparent 1px) 0 0/26px 100%,
    linear-gradient(0deg,rgba(14,165,233,.08) 1px,transparent 1px) 0 0/100% 19px;
}

.heart-monitor svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.heart-line{
  fill:none;
  stroke:#10b981;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:520;
  stroke-dashoffset:520;
  filter:drop-shadow(0 0 7px rgba(16,185,129,.38));
  animation:heartBeatLine 2.4s linear infinite;
}

.ambulance-call-widget{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid #dbeafe;
  background:linear-gradient(135deg,#f0f9ff 0%,#ecfdf5 100%);
  padding:10px;
  box-shadow:0 14px 34px rgba(15,23,42,.08);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.ambulance-call-widget:hover{
  transform:translateY(-4px) scale(1.015);
  box-shadow:0 22px 48px rgba(15,23,42,.14);
  border-color:rgba(14,165,233,.35);
}

.ambulance-call-widget img{
  display:block;
  width:100%;
  min-height:150px;
  max-height:210px;
  object-fit:cover;
  border-radius:18px;
  background:#0ea5e9;
}

.ambulance-call-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(219,234,254,.9);
}

.ambulance-call-caption strong{
  color:#0f172a;
  font-size:14px;
  font-weight:900;
}

.ambulance-call-caption span{
  color:#64748b;
  font-size:12px;
  font-weight:800;
  text-align:right;
}

.status-doctors{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

.status-doctor{
  display:grid;
  place-items:center;
  gap:6px;
  min-height:112px;
  border:1px solid #e5ecf6;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  padding:12px 8px;
}

.status-doctor::after{
  max-width:210px;
  text-align:center;
}

.status-doctor-avatar{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:var(--status-color,#0ea5e9);
  background:color-mix(in srgb,var(--status-color,#0ea5e9) 14%,#ffffff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--status-color,#0ea5e9) 22%,transparent);
}

.status-doctor-avatar svg{
  width:30px;
  height:30px;
}

.status-doctor span{
  color:#334155;
  font-size:12px;
  font-weight:900;
  text-align:center;
  line-height:1.25;
}

.status-doctor b{
  color:#0f172a;
  font-size:20px;
  line-height:1;
}

.status-doctor.excellent .status-doctor-avatar{
  animation:doctorPulse 1.8s ease-in-out infinite;
}

.status-doctor.control .status-doctor-avatar,
.status-doctor.inactive .status-doctor-avatar{
  animation:doctorWarn 1.45s ease-in-out infinite;
}

.chart-legend span{
  position:relative;
  padding:6px 8px;
  border-radius:12px;
  transition:transform .2s ease,background .2s ease;
}

.chart-legend span:hover{
  transform:translateY(-2px);
  background:#f8fafc;
}

@keyframes heartBeatLine{
  0%{stroke-dashoffset:520;opacity:.35}
  12%{opacity:1}
  55%{stroke-dashoffset:0;opacity:1}
  100%{stroke-dashoffset:-520;opacity:.35}
}

@keyframes doctorPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}

@keyframes doctorWarn{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-2px)}
  75%{transform:translateX(2px)}
}

@keyframes tooltipRise{
  from{opacity:0;transform:translate(-50%,6px)}
  to{opacity:1;transform:translate(-50%,0)}
}

@media(max-width:900px){
  .status-main-row{grid-template-columns:1fr}
  .status-main-row .donut{margin:auto}
  .status-doctors{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:520px){
  .status-doctors{grid-template-columns:1fr}
  [data-tooltip]:hover::after{max-width:240px}
}


/* Professional umumiy dinamika grafigi */
.dynamics-card{
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 12% 0%,rgba(14,165,233,.08),transparent 32%),
    radial-gradient(circle at 95% 10%,rgba(16,185,129,.09),transparent 28%),
    #ffffff;
}

.dynamics-head{
  align-items:center;
}

.dynamics-head p{
  margin:8px 0 0;
  max-width:780px;
  color:#64748b;
  line-height:1.55;
  font-weight:700;
}

.dynamics-range-tabs,
.dynamics-metric-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.dynamics-range-tabs button,
.dynamics-metric-tabs button{
  border:1px solid #dbe3ef;
  background:#f8fafc;
  color:#334155;
  border-radius:999px;
  padding:10px 14px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}

.dynamics-range-tabs button:hover,
.dynamics-metric-tabs button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(15,23,42,.08);
}

.dynamics-range-tabs button.active,
.dynamics-metric-tabs button.active{
  background:#0f172a;
  border-color:#0f172a;
  color:#ffffff;
}

.dynamics-metric-tabs{
  margin:4px 0 16px;
  padding:10px;
  border:1px solid #e5ecf6;
  border-radius:22px;
  background:rgba(248,250,252,.86);
}

.dynamics-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}

.dyn-summary-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px;
  border:1px solid #e5ecf6;
  border-radius:20px;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.dyn-summary-card:hover{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 18px 36px rgba(15,23,42,.1);
  border-color:rgba(14,165,233,.3);
}

.dyn-summary-card>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:16px;
  background:#e0f2fe;
  color:#0369a1;
  font-size:20px;
  font-weight:900;
}

.dyn-summary-card b{
  display:block;
  color:#64748b;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.dyn-summary-card strong{
  display:block;
  color:#0f172a;
  font-size:20px;
  line-height:1.2;
  margin-top:4px;
}

.dynamics-chart{
  position:relative;
  min-height:390px;
  border-radius:28px;
  border:1px solid #e5ecf6;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

.dynamic-svg{
  width:100%;
  height:390px;
  display:block;
}

.dyn-bg{
  fill:transparent;
}

.dyn-grid-line line{
  stroke:#e2e8f0;
  stroke-width:1;
}

.dyn-grid-line text,
.dyn-x-label,
.dyn-legend text{
  fill:#64748b;
  font-size:13px;
  font-weight:800;
}

.dyn-area{
  fill:url(#dynAreaGradient);
  animation:dynFadeIn .7s ease both;
}

.dyn-bar{
  fill:url(#dynBarGradient);
  opacity:.54;
  cursor:pointer;
  transition:opacity .18s ease,transform .18s ease,filter .18s ease;
  transform-box:fill-box;
  transform-origin:center bottom;
}

.dyn-bar:hover{
  opacity:.95;
  transform:scaleY(1.05);
  filter:drop-shadow(0 10px 12px rgba(15,23,42,.18));
}

.dyn-main-line{
  fill:none;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 6px 10px rgba(15,23,42,.16));
  stroke-dasharray:1300;
  stroke-dashoffset:1300;
  animation:dashDraw 1.2s ease forwards;
}

.dyn-prev-line{
  fill:none;
  stroke:#94a3b8;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:10 10;
  opacity:.78;
}

.dyn-point-wrap{
  cursor:pointer;
}

.dyn-point{
  fill:#ffffff;
  stroke:currentColor;
  stroke-width:4;
  color:#0ea5e9;
  transition:transform .18s ease,filter .18s ease;
  transform-box:fill-box;
  transform-origin:center;
}

.dyn-point-halo{
  fill:transparent;
}

.dyn-point-wrap:hover .dyn-point{
  transform:scale(1.45);
  filter:drop-shadow(0 0 10px rgba(14,165,233,.55));
}

.dyn-legend rect{
  fill:rgba(255,255,255,.86);
  stroke:#e5ecf6;
}

.dyn-legend line{
  stroke:#94a3b8;
  stroke-width:3;
  stroke-dasharray:8 7;
}

.monthly-breakdown{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.month-card{
  border:1px solid #e5ecf6;
  border-radius:18px;
  padding:12px;
  background:#fff;
  opacity:0;
  animation:riseIn .45s ease forwards;
  animation-delay:var(--delay);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.month-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(15,23,42,.09);
  border-color:rgba(14,165,233,.32);
}

.month-card span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:900;
}

.month-card strong{
  display:block;
  color:#0f172a;
  margin:7px 0 10px;
  font-size:17px;
}

.month-card i{
  display:block;
  height:8px;
  border-radius:999px;
  background:#edf2f7;
  overflow:hidden;
}

.month-card i b{
  display:block;
  height:100%;
  width:var(--w);
  border-radius:999px;
  background:linear-gradient(90deg,var(--metric-color,#0ea5e9),#22c55e);
  animation:barGrow .8s ease both;
}

.chart-tooltip{
  position:fixed;
  z-index:9999;
  max-width:320px;
  padding:10px 12px;
  border-radius:14px;
  background:#0f172a;
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:0 18px 38px rgba(15,23,42,.24);
  pointer-events:none;
}

@keyframes dashDraw{
  to{stroke-dashoffset:0}
}

@keyframes dynFadeIn{
  from{opacity:0}
  to{opacity:1}
}

@media(max-width:1100px){
  .dynamics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .monthly-breakdown{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dynamics-head{display:grid}
}

@media(max-width:640px){
  .dynamics-summary,.monthly-breakdown{grid-template-columns:1fr}
  .dynamic-svg{height:330px}
  .dynamics-chart{min-height:330px}
  .dyn-summary-card strong{font-size:18px}
}

/* Mini grafik tooltip matni to'liq ko'rinishi uchun */
.mini-bar::after{
  max-width:520px;
  white-space:normal;
  line-height:1.45;
  text-align:left;
}
.ambulance-call-widget img{
  background:#08a5d4;
}


/* Excel xatolarini tuzatish rejasi */
.fix-plan-card{
  background:radial-gradient(circle at 0% 0%,rgba(14,165,233,.08),transparent 30%),#ffffff;
}
.fix-plan-head p{
  margin:8px 0 0;
  max-width:820px;
  color:#64748b;
  line-height:1.55;
  font-weight:700;
}
.fix-plan-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.fix-card{
  position:relative;
  overflow:hidden;
  min-height:150px;
  border:1px solid #e5ecf6;
  border-radius:22px;
  padding:16px;
  background:#f8fafc;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.fix-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.1);border-color:rgba(14,165,233,.3)}
.fix-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#0ea5e9}
.fix-card.warn:before{background:#f59e0b}.fix-card.danger:before{background:#ef4444}.fix-card.info:before{background:#0ea5e9}.fix-card.ok:before{background:#10b981}
.fix-card span{display:inline-flex;margin:5px 0 12px;padding:7px 10px;border-radius:999px;background:#fff;color:#0f172a;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.06)}
.fix-card strong{display:block;color:#0f172a;font-size:16px;margin-bottom:8px}.fix-card p{margin:0;color:#64748b;line-height:1.45;font-weight:700}
.fix-plan-list{display:grid;gap:10px}.fix-action{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:start;border:1px solid #e5ecf6;border-radius:18px;background:#fff;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.fix-action:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.08)}.fix-action b{display:inline-flex;justify-content:center;padding:8px 10px;border-radius:14px;background:#e0f2fe;color:#0369a1;font-weight:900}.fix-action p{margin:0;color:#334155;line-height:1.55;font-weight:700}
.dynamics-summary{grid-template-columns:repeat(5,minmax(0,1fr));}
@media(max-width:1200px){.dynamics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.fix-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.fix-plan-grid{grid-template-columns:1fr}.fix-action{grid-template-columns:1fr}.dynamics-summary{grid-template-columns:1fr}}

/* Magnific premium rasm uchun tayyor joy: animatsiyasiz statik chiqadi */
.ambulance-call-widget img{
  animation:none!important;
}
.ambulance-call-widget svg,
.ambulance-call-widget *{
  animation-play-state:paused;
}


/* Foydalanuvchi bergan Magnific rasm linki uchun: eski yozuv/caption olib tashlandi */
.ambulance-call-widget.ambulance-link-only{
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.ambulance-call-widget.ambulance-link-only img{
  width:100%;
  min-height:260px;
  max-height:360px;
  object-fit:cover;
  object-position:center;
  border-radius:24px;
  border:1px solid #dbeafe;
  box-shadow:0 16px 36px rgba(15,23,42,.10);
}

.ambulance-call-widget.ambulance-link-only .ambulance-call-caption{
  display:none!important;
}

/* Real Excel davri: soxta oyma-oy taqsimot olib tashlandi */
.month-card.exact-month-card small{
  display:block;
  margin:0 0 10px;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
.dyn-prev-line{display:none!important}

/* 1-qadamdan 5-qadamgacha bir xil kartalar */
.fix-plan-list{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.fix-action{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:start!important;
  min-height:178px!important;
}
.fix-action b{
  width:max-content;
  min-width:86px;
}
@media(max-width:1280px){
  .fix-plan-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .fix-plan-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .fix-plan-list{grid-template-columns:1fr!important}
}


/* Tahlil sahifasi yuqori sekin yuruvchi eslatma */
.analysis-ticker{
  position:relative;
  z-index:30;
  background:linear-gradient(90deg,#fff7ed 0%,#fffbeb 52%,#ecfeff 100%);
  border-top:1px solid rgba(251,146,60,.28);
  border-bottom:1px solid rgba(251,146,60,.32);
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}

.analysis-ticker-inner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:52px;
}

.ticker-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 10px 24px rgba(15,23,42,.16);
}

.ticker-badge::before{
  content:"!";
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f97316;
  color:#fff;
  font-weight:900;
}

.ticker-mask{
  overflow:hidden;
  white-space:nowrap;
  min-width:0;
  mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
}

.ticker-track{
  display:inline-block;
  padding-left:100%;
  color:#7c2d12;
  font-size:15px;
  font-weight:850;
  letter-spacing:.01em;
  animation:tickerRightToLeft 42s linear infinite;
}

.analysis-ticker:hover .ticker-track{
  animation-play-state:paused;
}

.ticker-detail-btn{
  border:0;
  border-radius:999px;
  padding:10px 16px;
  background:#f97316;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(249,115,22,.22);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.ticker-detail-btn:hover{
  transform:translateY(-2px);
  background:#ea580c;
  box-shadow:0 16px 32px rgba(249,115,22,.28);
}

.ticker-modal{
  position:fixed;
  inset:0;
  z-index:9998;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
}

.ticker-modal.is-open{
  display:flex;
}

.ticker-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(8px);
}

.ticker-modal-card{
  position:relative;
  width:min(880px,100%);
  max-height:min(88vh,760px);
  overflow:auto;
  border-radius:30px;
  padding:30px;
  background:
    radial-gradient(circle at 0% 0%,rgba(14,165,233,.12),transparent 32%),
    radial-gradient(circle at 100% 5%,rgba(249,115,22,.14),transparent 30%),
    #ffffff;
  box-shadow:0 30px 80px rgba(2,6,23,.34);
  border:1px solid rgba(255,255,255,.65);
  animation:modalRise .24s ease both;
}

.ticker-modal-close{
  position:absolute;
  right:18px;
  top:16px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#f1f5f9;
  color:#0f172a;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease;
}

.ticker-modal-close:hover{
  transform:rotate(90deg);
  background:#fee2e2;
}

.ticker-modal-eyebrow{
  display:inline-flex;
  margin-bottom:12px;
  padding:8px 12px;
  border-radius:999px;
  background:#ecfeff;
  color:#0e7490;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.ticker-modal-card h2{
  margin:0 48px 12px 0;
  color:#0f172a;
  font-size:clamp(28px,4vw,44px);
  line-height:1.08;
}

.ticker-modal-card>p{
  margin:0 0 20px;
  color:#475569;
  font-size:18px;
  line-height:1.65;
  font-weight:750;
}

.ticker-modal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}

.ticker-info-card{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:13px;
  align-items:start;
  padding:16px;
  border:1px solid #e5ecf6;
  border-radius:22px;
  background:rgba(248,250,252,.78);
}

.ticker-info-card span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#0f172a;
  color:#fff;
  font-weight:900;
}

.ticker-info-card strong{
  display:block;
  color:#0f172a;
  font-size:17px;
  margin-bottom:7px;
}

.ticker-info-card p{
  margin:0;
  color:#475569;
  line-height:1.55;
  font-weight:700;
}

.ticker-modal-note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(90deg,#dcfce7,#ecfeff);
  color:#14532d;
  font-size:18px;
}

body.modal-open{
  overflow:hidden;
}

@keyframes tickerRightToLeft{
  0%{transform:translateX(0)}
  100%{transform:translateX(-100%)}
}

@keyframes modalRise{
  from{opacity:0;transform:translateY(18px) scale(.97)}
  to{opacity:1;transform:none}
}

@media(max-width:760px){
  .analysis-ticker-inner{
    grid-template-columns:1fr auto;
    gap:10px;
    padding:8px 0;
  }
  .ticker-badge{
    display:none;
  }
  .ticker-track{
    font-size:14px;
    animation-duration:34s;
  }
  .ticker-modal-grid{
    grid-template-columns:1fr;
  }
  .ticker-modal-card{
    padding:24px 18px;
    border-radius:24px;
  }
}


/* Reyting ko'rsatgichi: Abu Ali Ibn Sino rasmi va tibbiyot hikmatlari */
.score-matrix{
  align-items:stretch;
}

.ibn-sino-widget{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin-top:12px;
  padding:18px;
  border:1px solid #e5ecf6;
  border-radius:28px;
  background:
    radial-gradient(circle at 0% 0%,rgba(14,165,233,.10),transparent 32%),
    radial-gradient(circle at 100% 0%,rgba(16,185,129,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 18px 42px rgba(15,23,42,.08);
  overflow:hidden;
}

.ibn-sino-photo-wrap{
  position:relative;
  width:190px;
  height:230px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(135deg,#e0f2fe,#ecfdf5);
  box-shadow:0 18px 38px rgba(15,23,42,.14);
  border:1px solid rgba(255,255,255,.8);
}

.ibn-sino-photo-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(15,23,42,.22));
  pointer-events:none;
}

.ibn-sino-photo-wrap img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.ibn-sino-photo-wrap.image-error::before{
  content:"Abu Ali Ibn Sino rasmi yuklanmadi";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:16px;
  text-align:center;
  color:#0f172a;
  font-weight:900;
  z-index:2;
}

.ibn-sino-copy{
  min-width:0;
}

.ibn-sino-copy>span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#ecfeff;
  color:#0e7490;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.ibn-sino-copy h3{
  margin:12px 0 10px;
  color:#0f172a;
  font-size:28px;
  line-height:1.15;
}

.ibn-sino-copy blockquote{
  position:relative;
  min-height:82px;
  margin:0;
  padding:18px 20px 18px 24px;
  border-left:5px solid #10b981;
  border-radius:20px;
  background:#ffffff;
  color:#334155;
  font-size:20px;
  line-height:1.55;
  font-weight:800;
  box-shadow:inset 0 0 0 1px #e5ecf6;
}

.ibn-sino-copy blockquote::before{
  content:"“";
  position:absolute;
  right:18px;
  top:-8px;
  color:#e0f2fe;
  font-size:82px;
  line-height:1;
  font-weight:900;
  z-index:0;
}

.ibn-sino-copy blockquote.is-changing{
  animation:quoteFade 520ms ease both;
}

.ibn-sino-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}

.ibn-sino-foot b{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-weight:900;
}

.ibn-sino-foot small{
  color:#64748b;
  font-weight:800;
}

@keyframes quoteFade{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

@media(max-width:900px){
  .ibn-sino-widget{
    grid-template-columns:1fr;
  }
  .ibn-sino-photo-wrap{
    width:100%;
    max-width:260px;
    height:300px;
  }
}

@media(max-width:560px){
  .ibn-sino-copy h3{font-size:22px}
  .ibn-sino-copy blockquote{font-size:17px}
}


/* Dinamika yakuniy tuzatish: tooltip sig'ishi va kartalar ikonkalari */
.chart-tooltip{
  max-width:560px!important;
  min-width:280px;
  white-space:normal!important;
  line-height:1.55!important;
  text-align:left!important;
  overflow-wrap:anywhere;
  z-index:10050!important;
}

.dyn-summary-card>span{
  font-size:22px!important;
  background:linear-gradient(135deg,#e0f2fe,#ecfdf5)!important;
  color:#0f172a!important;
}

.month-card.pending-month-card{
  border-color:#fed7aa;
  background:linear-gradient(180deg,#fff7ed,#ffffff);
}

.month-card.pending-month-card small{
  color:#9a3412;
  font-weight:900;
}

.exact-month-card small{
  min-height:auto;
}


/* Murojaatlar boti va lokal admin panel */
.appeal-page-body,
.local-admin-body{
  background:#f5f7fb;
}

.appeal-hero{
  position:relative;
  overflow:hidden;
  padding:64px 0 54px;
  background:linear-gradient(135deg,#0f172a 0%,#0e7490 54%,#22c55e 130%);
  color:#fff;
}

.appeal-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.16),transparent 28%),
    radial-gradient(circle at 90% 14%,rgba(34,197,94,.22),transparent 25%);
  pointer-events:none;
}

.appeal-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) 420px;
  gap:28px;
  align-items:center;
}

.appeal-eyebrow{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(103,232,249,.14);
  color:#67e8f9;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.appeal-hero h1{
  margin:16px 0 14px;
  font-size:clamp(38px,5vw,66px);
  line-height:1.02;
}

.appeal-hero p{
  max-width:820px;
  margin:0;
  color:#dbeafe;
  font-size:18px;
  line-height:1.7;
  font-weight:650;
}

.appeal-hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.appeal-hero-badges span{
  display:inline-flex;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-weight:900;
  color:#fff;
}

.appeal-security-card{
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(12px);
  box-shadow:0 24px 55px rgba(2,6,23,.18);
}

.appeal-security-card h2{
  margin:0 0 10px;
  color:#fff;
}

.appeal-security-card p,
.appeal-security-card li{
  color:#dbeafe;
  line-height:1.6;
  font-weight:700;
}

.appeal-section{
  padding:34px 0 60px;
}

.appeal-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:22px;
  align-items:start;
}

.appeal-form-card,
.appeal-info-panel .info-panel-card,
.appeal-local-admin-note{
  background:#fff;
  border:1px solid #e5ecf6;
  border-radius:28px;
  box-shadow:0 18px 45px rgba(15,23,42,.07);
}

.appeal-form-card{
  padding:24px;
}

.appeal-form-head span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#ecfeff;
  color:#0e7490;
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.appeal-form-head h2{
  margin:14px 0 8px;
  font-size:32px;
  color:#0f172a;
}

.appeal-form-head p{
  margin:0 0 18px;
  color:#64748b;
  font-weight:700;
  line-height:1.55;
}

.appeal-form-card label{
  display:grid;
  gap:8px;
  margin-bottom:14px;
  color:#334155;
  font-weight:900;
}

.form-grid.two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.appeal-form-card input,
.appeal-form-card select,
.appeal-form-card textarea,
.news-form input,
.news-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #dbe3ef;
  border-radius:16px;
  padding:13px 14px;
  font:inherit;
  color:#0f172a;
  background:#fff;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease;
}

.appeal-form-card input:focus,
.appeal-form-card select:focus,
.appeal-form-card textarea:focus,
.news-form input:focus,
.news-form textarea:focus{
  border-color:#0ea5e9;
  box-shadow:0 0 0 4px rgba(14,165,233,.12);
}

.hidden-field{
  position:absolute!important;
  left:-9999px!important;
  opacity:0!important;
}

.appeal-consent{
  grid-template-columns:auto 1fr!important;
  align-items:start;
  padding:14px;
  border:1px solid #e5ecf6;
  border-radius:18px;
  background:#f8fafc;
}

.appeal-consent input{
  width:18px;
  height:18px;
  margin-top:2px;
}

.appeal-form-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}

.appeal-submit-btn,
.appeal-clear-btn,
.admin-toolbar button,
.admin-toolbar a,
.news-form button{
  border:0;
  border-radius:16px;
  padding:13px 18px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.appeal-submit-btn,
.news-form button{
  background:#16a34a;
  color:#fff;
  box-shadow:0 14px 30px rgba(22,163,74,.2);
}

.appeal-clear-btn{
  background:#f1f5f9;
  color:#0f172a;
}

.appeal-submit-btn:hover,
.appeal-clear-btn:hover,
.admin-toolbar button:hover,
.admin-toolbar a:hover,
.news-form button:hover{
  transform:translateY(-2px);
}

.appeal-status{
  display:none;
  margin-top:12px;
  padding:13px 15px;
  border-radius:16px;
  font-weight:800;
  line-height:1.5;
}

.appeal-status:not(:empty){
  display:block;
}

.appeal-status ul{
  margin:8px 0 0;
  padding-left:20px;
}

.appeal-status.success{
  background:#dcfce7;
  color:#166534;
}

.appeal-status.error{
  background:#fee2e2;
  color:#991b1b;
}

.appeal-status.warn,
.appeal-status.loading{
  background:#fffbeb;
  color:#92400e;
}

.appeal-info-panel{
  display:grid;
  gap:14px;
}

.info-panel-card{
  padding:18px;
}

.info-panel-card span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#e0f2fe;
  color:#0369a1;
  font-weight:900;
}

.info-panel-card h3{
  margin:12px 0 7px;
  color:#0f172a;
}

.info-panel-card p{
  margin:0;
  color:#64748b;
  line-height:1.55;
  font-weight:700;
}

.appeal-local-admin-note{
  padding:18px;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}

.appeal-local-admin-note code{
  display:block;
  margin:10px 0;
  padding:10px;
  border-radius:12px;
  background:#0f172a;
  color:#e0f2fe;
  overflow:auto;
}

.appeal-footer{
  margin-top:0;
}

/* local admin */
.local-admin-hero{
  padding:42px 0;
  background:linear-gradient(135deg,#0f172a,#0e7490);
  color:#fff;
}

.local-admin-hero-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
}

.local-admin-hero span{
  color:#67e8f9;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}

.local-admin-hero h1{
  margin:10px 0;
  font-size:clamp(30px,4vw,54px);
}

.local-admin-hero p{
  margin:0;
  color:#dbeafe;
  max-width:780px;
  line-height:1.6;
  font-weight:700;
}

.admin-security-badge{
  min-width:240px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
}

.admin-security-badge b,
.admin-security-badge small{
  display:block;
}

.admin-dashboard{
  padding:24px 0 60px;
}

.admin-toolbar{
  display:grid;
  grid-template-columns:auto auto 220px minmax(240px,1fr);
  gap:10px;
  margin-bottom:16px;
  padding:12px;
  border:1px solid #e5ecf6;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}

.admin-toolbar button,
.admin-toolbar a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:#0f172a;
  color:#fff;
}

.admin-toolbar select,
.admin-toolbar input{
  width:100%;
  box-sizing:border-box;
  border:1px solid #dbe3ef;
  border-radius:15px;
  padding:12px 13px;
  font:inherit;
}

.admin-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.admin-stat-card{
  display:flex;
  align-items:center;
  gap:13px;
  padding:18px;
  border:1px solid #e5ecf6;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}

.admin-stat-card span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#e0f2fe;
  font-size:24px;
}

.admin-stat-card b{
  display:block;
  color:#64748b;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.admin-stat-card strong{
  color:#0f172a;
  font-size:30px;
}

.admin-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:18px;
  align-items:start;
}

.admin-card{
  padding:20px;
  border:1px solid #e5ecf6;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.07);
}

.admin-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:15px;
}

.admin-card-head span{
  color:#0e7490;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.admin-card-head h2{
  margin:6px 0 0;
  color:#0f172a;
}

.admin-card-head>b{
  padding:9px 12px;
  border-radius:999px;
  background:#e0f2fe;
  color:#0369a1;
}

.appeals-list{
  display:grid;
  gap:12px;
  max-height:760px;
  overflow:auto;
  padding-right:4px;
}

.appeal-admin-item{
  border:1px solid #e5ecf6;
  border-radius:22px;
  padding:16px;
  background:#f8fafc;
}

.appeal-admin-item.new{
  border-left:5px solid #0ea5e9;
}

.appeal-admin-item.in_progress{
  border-left:5px solid #f59e0b;
}

.appeal-admin-item.done{
  border-left:5px solid #16a34a;
}

.appeal-admin-item.rejected{
  border-left:5px solid #ef4444;
}

.appeal-admin-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.appeal-admin-top span{
  color:#0e7490;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.appeal-admin-top h3{
  margin:5px 0;
  color:#0f172a;
}

.appeal-admin-top p{
  margin:0;
  color:#64748b;
  font-weight:800;
}

.appeal-admin-top b{
  align-self:start;
  white-space:nowrap;
  padding:8px 10px;
  border-radius:999px;
  background:#fff;
  color:#0f172a;
}

.appeal-admin-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}

.appeal-admin-meta span{
  padding:7px 9px;
  border-radius:999px;
  background:#fff;
  color:#334155;
  font-size:12px;
  font-weight:800;
}

.appeal-admin-message{
  margin:0 0 12px;
  padding:12px;
  border-radius:16px;
  background:#fff;
  color:#334155;
  line-height:1.55;
  white-space:pre-wrap;
}

.appeal-admin-actions{
  display:grid;
  grid-template-columns:150px 1fr auto;
  gap:8px;
}

.appeal-admin-actions select,
.appeal-admin-actions input{
  border:1px solid #dbe3ef;
  border-radius:13px;
  padding:10px;
  font:inherit;
}

.appeal-admin-actions button{
  border:0;
  border-radius:13px;
  padding:10px 13px;
  background:#0f172a;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

.news-form{
  display:grid;
  gap:12px;
}

.news-form label{
  display:grid;
  gap:7px;
  color:#334155;
  font-weight:900;
}

.admin-help{
  margin-top:18px;
  padding:14px;
  border-radius:18px;
  background:#f8fafc;
  color:#334155;
}

.admin-help h3{
  margin:0 0 8px;
}

.admin-help li{
  margin:6px 0;
  line-height:1.45;
}

.admin-empty,
.admin-error{
  padding:28px;
  border-radius:22px;
  background:#fff;
  color:#64748b;
  font-weight:800;
}

.admin-error{
  margin:40px auto;
  max-width:720px;
}

.footer-col .appeal-bot-link{
  display:grid;
  gap:10px;
  text-decoration:none;
  color:inherit;
}

.footer-col .appeal-bot-link .bot-cta{
  display:inline-flex;
  width:max-content;
  padding:9px 12px;
  border-radius:999px;
  background:#16a34a;
  color:#fff;
  font-size:13px;
  font-weight:900;
}

@media(max-width:1100px){
  .appeal-hero-grid,
  .appeal-layout,
  .admin-layout{
    grid-template-columns:1fr;
  }
  .admin-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .form-grid.two,
  .admin-toolbar,
  .appeal-admin-actions{
    grid-template-columns:1fr;
  }
  .admin-stats-grid{
    grid-template-columns:1fr;
  }
  .local-admin-hero-inner{
    display:grid;
  }
  .appeal-form-card,
  .admin-card{
    padding:16px;
    border-radius:22px;
  }
}


/* Murojaatlar: Telegram botni ochish va fayl biriktirish */
.appeal-bot-open-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:16px;
  padding:13px 18px;
  background:#229ed9;
  color:#fff;
  font:inherit;
  font-weight:900;
  box-shadow:0 14px 30px rgba(34,158,217,.22);
  transition:transform .18s ease, box-shadow .18s ease;
}

.appeal-bot-open-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(34,158,217,.28);
}

.appeal-bot-open-btn.hidden{
  display:none!important;
}

.appeal-file-box{
  margin:14px 0;
  padding:16px;
  border:1px dashed #93c5fd;
  border-radius:22px;
  background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%);
}

.appeal-file-box label{
  margin-bottom:10px!important;
}

.appeal-file-box input[type="file"]{
  padding:14px;
  background:#fff;
  cursor:pointer;
}

.file-help{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.file-help span{
  display:inline-flex;
  padding:8px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dbeafe;
  color:#1e3a8a;
  font-size:12px;
  font-weight:900;
}

.file-preview{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.file-pill{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:16px;
  background:#fff;
  border:1px solid #dbeafe;
}

.file-pill b{
  display:grid;
  place-items:center;
  min-height:34px;
  border-radius:12px;
  background:#0f172a;
  color:#fff;
  font-size:12px;
}

.file-pill span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#0f172a;
  font-weight:900;
}

.file-pill em{
  font-style:normal;
  color:#64748b;
  font-weight:800;
  font-size:12px;
}

.admin-attachments{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}

.admin-attachments a,
.admin-attachments.muted-attachments{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:999px;
  background:#e0f2fe;
  color:#075985;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
}

.admin-attachments a:hover{
  background:#bae6fd;
}

.admin-attachments small{
  color:#334155;
}

.admin-attachments.muted-attachments{
  background:#f1f5f9;
  color:#64748b;
}


/* Final: murojaat sahifasi soddalashtirildi */
.appeal-hero-simple{
  grid-template-columns:1fr!important;
}

.appeal-hero-simple > div{
  max-width:980px;
}

.appeal-layout{
  grid-template-columns:1fr!important;
}

.appeal-form-card{
  max-width:1100px;
  margin:0 auto;
}

.appeal-bot-open-btn,
.appeal-info-panel,
.appeal-local-admin-note{
  display:none!important;
}

.logo-fallback{
  display:grid!important;
  place-items:center;
  background:#e0f2fe;
  font-size:24px;
  text-decoration:none;
}

.appeal-file-box{
  border-color:#bae6fd;
}

.appeal-page .appeal-status.error{
  background:#fee2e2;
  color:#991b1b;
}

.appeal-page .appeal-status.success{
  background:#dcfce7;
  color:#166534;
}

.appeal-page .appeal-status.loading{
  background:#e0f2fe;
  color:#075985;
}


/* ===== Yakuniy murojaat sahifasi: rasm, keng forma, modal va real vaqt ===== */
.weather-time-card .icon-circle{
  font-size:20px;
}

.appeal-hero-clinic{
  position:relative;
  overflow:hidden;
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  isolation:isolate;
}

.appeal-hero-clinic::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(2, 6, 23, .86), rgba(6, 78, 59, .58)),
    url("https://www.tatvacare.in/wp-content/uploads/2025/06/your-clinic-1.jpg") center/cover no-repeat;
  transform:scale(1.03);
  z-index:-2;
}

.appeal-hero-clinic::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:55%;
  background:linear-gradient(0deg, rgba(245,247,250,.98), transparent);
  z-index:-1;
}

.appeal-marquee{
  position:absolute;
  top:18px;
  left:0;
  right:0;
  overflow:hidden;
  z-index:2;
  pointer-events:none;
}

.appeal-marquee-track{
  display:inline-block;
  white-space:nowrap;
  min-width:100%;
  padding-left:100%;
  color:#ffffff;
  font-weight:900;
  letter-spacing:.01em;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
  animation:appealMarquee 22s linear infinite;
}

@keyframes appealMarquee{
  from{ transform:translateX(0); }
  to{ transform:translateX(-100%); }
}

.appeal-hero-clinic h1{
  max-width:760px;
  font-size:clamp(48px, 8vw, 88px)!important;
  line-height:.95;
  color:#fff;
  text-shadow:0 12px 30px rgba(0,0,0,.35);
}

.appeal-hero-clinic p{
  color:rgba(255,255,255,.94)!important;
  max-width:850px;
  font-size:clamp(18px, 2.2vw, 25px);
  font-weight:750;
  line-height:1.45;
}

.appeal-detail-btn{
  margin-top:24px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:0;
  border-radius:999px;
  padding:14px 24px;
  background:#ffffff;
  color:#075985;
  font-weight:900;
  box-shadow:0 18px 45px rgba(0,0,0,.2);
  cursor:pointer;
  transition:.2s ease;
}

.appeal-detail-btn::after{
  content:"→";
  font-size:20px;
}

.appeal-detail-btn:hover{
  transform:translateY(-2px);
}

.appeal-section{
  margin-top:-70px;
  position:relative;
  z-index:4;
}

.appeal-layout{
  display:block!important;
}

.appeal-form-card{
  width:min(1180px, 100%)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  border:1px solid rgba(14,165,233,.15)!important;
  box-shadow:0 35px 90px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(14px);
}

.appeal-form-head h2{
  font-size:clamp(32px, 4vw, 54px)!important;
  letter-spacing:-.04em;
}

.appeal-form-card input,
.appeal-form-card select,
.appeal-form-card textarea{
  font-size:17px!important;
}

.custom-file-upload{
  display:flex!important;
  align-items:center;
  gap:12px;
  min-height:58px;
  border:1px solid rgba(15,23,42,.13);
  background:#fff;
  border-radius:20px;
  padding:8px 12px;
  cursor:pointer;
}

.custom-file-upload input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.custom-file-btn{
  flex:0 0 auto;
  border-radius:16px;
  padding:13px 18px;
  background:linear-gradient(135deg,#0284c7,#10b981);
  color:#fff;
  font-weight:900;
  box-shadow:0 12px 25px rgba(14,165,233,.25);
}

#fileInputText{
  color:#334155;
  font-weight:800;
}

.file-label-title{
  font-weight:900;
  font-size:19px;
  margin-bottom:10px;
}

.appeal-submit-btn.is-disabled,
.appeal-submit-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  filter:grayscale(.25);
}

.appeal-status.success{
  font-size:18px;
  border-radius:22px;
}

.appeal-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:22px;
}

.appeal-modal.is-open{
  display:flex;
}

.appeal-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.62);
  backdrop-filter:blur(8px);
}

.appeal-modal-card{
  position:relative;
  width:min(760px, 100%);
  border-radius:32px;
  background:#fff;
  padding:34px;
  box-shadow:0 45px 120px rgba(0,0,0,.35);
  animation:modalIn .18s ease-out;
}

@keyframes modalIn{
  from{ opacity:0; transform:translateY(20px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

.appeal-modal-card h2{
  font-size:clamp(30px, 4vw, 46px);
  margin:8px 0 16px;
  letter-spacing:-.04em;
}

.appeal-modal-card p{
  color:#334155;
  font-weight:700;
  line-height:1.65;
}

.appeal-modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#e0f2fe;
  color:#075985;
  font-size:28px;
  font-weight:900;
  cursor:pointer;
}

.appeal-modal-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:22px 0;
}

.appeal-modal-grid div{
  border:1px solid rgba(14,165,233,.18);
  border-radius:22px;
  padding:16px;
  background:linear-gradient(180deg,#f8fafc,#ecfeff);
}

.appeal-modal-grid b{
  display:block;
  color:#0f172a;
  margin-bottom:8px;
}

.appeal-modal-grid span{
  display:block;
  color:#475569;
  font-weight:700;
  line-height:1.45;
}

.appeal-modal-note{
  border-radius:22px;
  background:#dcfce7;
  padding:16px;
  color:#166534!important;
}

@media(max-width:760px){
  .appeal-modal-grid{ grid-template-columns:1fr; }
  .appeal-section{ margin-top:-38px; }
  .appeal-form-card{ border-radius:28px!important; }
}


/* ===== Yakuniy tuzatish: ob-havo/soat faqat bosh sahifa uslubida chiqadi ===== */
#weatherTimeWidget,
.weather-time-card{
  display:none!important;
}

.weather-lang-inline{
  display:flex;
  align-items:center;
  gap:12px;
}

.live-datetime{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 20px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#1e3a5f;
  font-weight:900;
  box-shadow:0 10px 30px rgba(15,23,42,.12);
  white-space:nowrap;
}

.live-date-text{
  font-weight:900;
}

.live-time-text{
  font-weight:950;
  color:#0f172a;
}

.appeal-marquee-track{
  padding-left:100%;
  animation:appealMarqueeSingle 18s linear infinite!important;
}

@keyframes appealMarqueeSingle{
  from{ transform:translateX(0); }
  to{ transform:translateX(-100%); }
}


/* ===== Oddiy Zoom + avtomatik keyingi link eslatmasi ===== */
.zoom-auto-alert{
  margin:14px 0 0;
  padding:12px 14px;
  border-radius:18px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
  font-weight:850;
  line-height:1.45;
}
.zoom-next-box{
  margin-top:14px;
  padding:13px 15px;
  border-radius:18px;
  background:#f8fafc;
  border:1px dashed #93c5fd;
  color:#0f172a;
  font-weight:850;
}
.zoom-next-box span{
  color:#475569;
  margin-left:6px;
}
.zoom-warning{
  display:inline-block;
  margin-top:6px;
  padding:7px 10px;
  border-radius:999px;
  background:#fff7ed;
  color:#c2410c;
  font-weight:950;
}


/* FINAL LOGO + ZOOM CLEAN FIX FINAL-LOGO-ZOOM-CLEAN-20260530-1445 */
.logo,
.footer-logo,
#dockLogo {
  object-fit: cover;
  background: #eef7fb;
  transition: none !important;
}

.brand img.logo[src*="assets/logo-xovos.svg"],
.footer-logo[src*="assets/logo-xovos.svg"],
#dockLogo[src*="assets/logo-xovos.svg"] {
  content: url("https://upload.wikimedia.org/wikipedia/commons/3/39/O%60zbekiston_Respublikasi_Sog%60liqni_Saqlash_Vazirligi.jpg");
}

.zoom-clean-box {
  align-items: center;
}

.zoom-clean-left .analysis-eyebrow,
.zoom-clean-left #zoomText,
.zoom-clean-left .zoom-auto-alert,
.zoom-clean-left #zoomNextBox {
  display: none !important;
}

.zoom-clean-left h3 {
  margin-bottom: 24px;
}

.zoom-clean-left .zoom-actions {
  margin-top: 22px;
}

.zoom-clean-left .pro-zoom-meta {
  margin-top: 0;
}


/* FINAL: Excel xatolari alohida sahifa va statistik kartalar */
.stat-card.stat-link{ text-decoration:none; color:inherit; transition:.2s ease; }
.stat-card.stat-link:hover{ transform:translateY(-6px); box-shadow:0 18px 45px rgba(14,165,233,.25); }
.fix-card-link{ display:block; text-decoration:none; color:inherit; cursor:pointer; }
.fix-card-link em{ display:inline-flex; margin-top:12px; font-style:normal; font-weight:900; color:#0f766e; }
.issue-page-main{ background:linear-gradient(180deg,#eef9ff 0%,#f8fafc 52%,#fff 100%); min-height:70vh; }
.issue-hero{ padding:44px 0 26px; background:radial-gradient(circle at top left,rgba(14,165,233,.22),transparent 42%),linear-gradient(135deg,#0f4c81,#0f766e); color:#fff; }
.issue-hero-grid{ display:grid; grid-template-columns:1.35fr .65fr; gap:24px; align-items:center; }
.issue-pill{ display:inline-flex; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.18); font-weight:900; margin-bottom:12px; }
.issue-hero h1{ margin:0 0 12px; font-size:clamp(30px,4vw,52px); line-height:1.05; }
.issue-hero p{ max-width:850px; margin:0; font-size:18px; line-height:1.6; opacity:.94; }
.issue-period{ margin-top:14px; font-weight:800; background:rgba(255,255,255,.14); display:inline-flex; padding:10px 14px; border-radius:16px; }
.issue-hero-card{ background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); padding:20px; border-radius:26px; backdrop-filter:blur(14px); display:grid; gap:12px; }
.issue-hero-card input,.issue-hero-card select{ width:100%; border:0; border-radius:15px; padding:14px 16px; font-weight:800; outline:none; }
.issue-workspace{ padding:28px 0 52px; }
.issue-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:18px; }
.issue-stats div{ background:#fff; border:1px solid #e2e8f0; border-radius:24px; padding:20px; box-shadow:0 18px 45px rgba(15,23,42,.08); }
.issue-stats b{ display:block; font-size:34px; color:#0f4c81; } .issue-stats span{ color:#64748b; font-weight:800; }
.issue-tabs{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.issue-tabs button{ border:1px solid #cbd5e1; background:#fff; border-radius:999px; padding:11px 16px; font-weight:900; cursor:pointer; color:#0f172a; }
.issue-tabs button.active{ background:#0f4c81; border-color:#0f4c81; color:#fff; box-shadow:0 10px 26px rgba(15,76,129,.22); }
.issue-tabs span{ display:inline-flex; min-width:26px; height:26px; align-items:center; justify-content:center; background:rgba(14,165,233,.13); border-radius:999px; margin-left:8px; padding:0 7px; }
.issue-card{ background:#fff; border:1px solid #e2e8f0; border-radius:28px; box-shadow:0 20px 70px rgba(15,23,42,.08); overflow:hidden; }
.issue-card-head{ display:flex; justify-content:space-between; gap:18px; align-items:center; padding:22px 24px; border-bottom:1px solid #e2e8f0; }
.issue-card-head h2{ margin:0; font-size:26px; } .issue-card-head p{ margin:6px 0 0; color:#64748b; font-weight:700; }
.issue-card-head button{ border:0; background:#0f766e; color:#fff; padding:12px 18px; border-radius:14px; font-weight:900; cursor:pointer; }
.issue-list{ display:grid; gap:12px; padding:18px; }
.issue-row{ display:grid; grid-template-columns:52px minmax(220px,1.2fr) minmax(190px,.8fr) minmax(220px,.8fr) minmax(260px,1fr); gap:14px; align-items:center; padding:18px; border:1px solid #e2e8f0; border-radius:22px; background:linear-gradient(180deg,#fff,#f8fafc); }
.issue-num{ width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background:#e0f2fe; color:#075985; font-weight:900; }
.issue-main h3{ margin:0 0 6px; font-size:18px; color:#0f172a; } .issue-main p{ margin:0 0 6px; color:#0f4c81; font-weight:900; } .issue-main small{ color:#64748b; font-weight:700; }
.issue-problem b{ display:block; color:#b91c1c; margin-bottom:6px; } .issue-problem span{ display:inline-flex; padding:7px 10px; border-radius:12px; background:#fee2e2; color:#7f1d1d; font-weight:900; }
.issue-metrics{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.issue-metrics span{ background:#f1f5f9; padding:9px 10px; border-radius:12px; color:#475569; font-weight:800; }
.issue-action b{ color:#0f766e; } .issue-action p{ margin:6px 0 0; color:#334155; font-weight:700; line-height:1.45; }
.issue-empty{ padding:30px; text-align:center; color:#64748b; font-weight:900; }
@media(max-width:1100px){ .issue-hero-grid{ grid-template-columns:1fr; }.issue-row{ grid-template-columns:42px 1fr; }.issue-problem,.issue-metrics,.issue-action{ grid-column:2; }.issue-stats{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:680px){ .issue-hero{ padding:28px 0 18px; }.issue-stats{ grid-template-columns:1fr; }.issue-card-head{ flex-direction:column; align-items:flex-start; }.issue-row{ grid-template-columns:1fr; }.issue-num,.issue-problem,.issue-metrics,.issue-action{ grid-column:auto; }.issue-metrics{ grid-template-columns:1fr; } }
@media print{ .main-nav,.top-header,.issue-hero-card,.issue-tabs,#issuePrint{display:none!important}.issue-row{break-inside:avoid}.issue-hero{color:#000;background:#fff}.issue-page-main{background:#fff} }


/* O'z / Ru final polish: prevents menu breaking and keeps desktop/mobile clean */
.mainnav .nav-inner{align-items:center; gap:14px;}
.mainnav .nav-links{display:flex; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; scrollbar-width:none; -ms-overflow-style:none;}
.mainnav .nav-links::-webkit-scrollbar{display:none;}
.mainnav .nav-links a{white-space:nowrap; flex:0 0 auto; border-radius:0!important; padding:14px 18px!important; background:transparent!important; box-shadow:none!important;}
.mainnav .nav-links a:hover{background:rgba(255,255,255,.12)!important;}
.mainnav .nav-links a.active{background:rgba(255,255,255,.16)!important;}
.lang-btn{white-space:nowrap; min-width:62px;}
.topbar .brand-title{line-height:1.18;}
.left-float-dock .dock-item{overflow:hidden;}
.left-float-dock .dock-item span,.left-float-dock .dock-lang{font-size:16px; line-height:1.1; word-break:normal;}
@media (max-width: 768px){
  .topbar .contact-items,.topbar-promo,.weather-lang-inline{display:none!important;}
  .mainnav .nav-links{display:none!important;}
  .mobile-menu-btn{display:inline-flex!important;}
  .live-datetime{min-width:0; max-width:calc(100vw - 155px); font-size:12px; padding:8px 10px;}
  .nav-actions{margin-left:auto; gap:6px;}
}


/* === PROFESSIONAL HEADER/NAV FIT FIX — Zoom yig‘ilish sig‘may qolmasin === */
.mainnav{overflow:visible;}
.nav-inner{gap:10px;min-width:0;}
.nav-links{min-width:0;flex:1 1 auto;gap:clamp(7px,1.05vw,18px);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:6px 2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
.nav-links::-webkit-scrollbar{height:5px;}
.nav-links::-webkit-scrollbar-thumb{background:rgba(255,255,255,.38);border-radius:999px;}
.nav-links a{white-space:nowrap;flex:0 0 auto;font-size:clamp(12px,.86vw,14px);line-height:1.1;padding:9px clamp(7px,.85vw,12px);border-radius:14px;}
.nav-links a:hover{background:rgba(255,255,255,.14);}
.nav-actions{flex:0 0 auto;align-items:center;}
.site-live-counter{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid rgba(255,255,255,.52);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(206,241,255,.84));color:#0b5d89;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(15,69,106,.16);}
.site-live-counter .dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.14);}
.site-live-counter b{font-weight:950;}
@media (max-width:1100px){
  .nav-inner{display:flex;align-items:center;}
  .nav-links{gap:8px;padding:7px 0;}
  .nav-links a{font-size:12px;padding:8px 9px;}
  .site-live-counter{font-size:11px;padding:7px 9px;}
}
@media (max-width:768px){
  .topbar-inner,.nav-inner{display:block;}
  .nav-actions{margin:8px 0 10px;}
  .nav-links{width:100%;}
  .nav-links a{font-size:12px;}
}


/* === FINAL NAV + COUNTER FIX 20260614 ===
   Online/Tashrif yuqoridan olib tashlandi. Menu sig'ishi va soat o'ng tomonda turishi tuzatildi. */
.site-live-counter,
#siteLiveCounterBadge{
  display:none!important;
}
.mainnav{
  overflow:hidden!important;
}
.mainnav .container,
.mainnav .nav-inner{
  max-width:100%!important;
}
.mainnav .nav-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  min-width:0!important;
  min-height:46px!important;
  padding-left:clamp(8px,1.2vw,18px)!important;
  padding-right:clamp(8px,1.2vw,18px)!important;
}
.mainnav .nav-links{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  gap:clamp(4px,.55vw,10px)!important;
  padding:0!important;
  scrollbar-width:none!important;
}
.mainnav .nav-links::-webkit-scrollbar{display:none!important;}
.mainnav .nav-links a{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  font-size:clamp(11px,.82vw,13px)!important;
  line-height:1!important;
  padding:16px clamp(5px,.58vw,9px)!important;
  letter-spacing:-.01em!important;
  border-radius:0!important;
  color:#fff!important;
}
.mainnav .nav-actions{
  flex:0 0 auto!important;
  width:auto!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:0!important;
}
.mainnav .live-datetime{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:245px!important;
  max-width:300px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  gap:6px!important;
  font-size:12px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mainnav .live-date-text,
.mainnav .live-time-text{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mainnav .live-clock-icon{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  font-size:11px!important;
}
.mainnav .nav-icon{
  flex:0 0 auto!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border-radius:50%!important;
}
.footer-bottom-inner{
  align-items:center!important;
}
.footer-bottom-inner > div:last-child{
  display:flex!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
#footerOnlineText,#footerActionsText,#footerVisitsText{
  white-space:nowrap!important;
}
@media (max-width:1260px){
  .mainnav .nav-links a{font-size:11.5px!important;padding-left:5px!important;padding-right:5px!important;}
  .mainnav .live-datetime{min-width:220px!important;max-width:255px!important;font-size:11.5px!important;}
  .mainnav .nav-icon{width:32px!important;height:32px!important;min-width:32px!important;}
}
@media (max-width:1080px){
  .mainnav .nav-links{overflow-x:auto!important;}
  .mainnav .nav-links a{font-size:12px!important;padding:13px 8px!important;}
  .mainnav .live-datetime{min-width:200px!important;max-width:235px!important;}
}
@media (max-width:768px){
  .mainnav .nav-inner{display:flex!important;}
  .mainnav .nav-links{display:none!important;}
  .mainnav .nav-actions{width:100%!important;margin:6px 0!important;justify-content:flex-end!important;}
  .mainnav .live-datetime{min-width:0!important;max-width:calc(100vw - 115px)!important;font-size:10.5px!important;}
}


/* === XOVOS TTB ULTIMATE NAV + STABLE LANGUAGE FIX 20260614 ===
   Menyu to'liq sig'adi, Zoom yig'ilish qisqarmaydi, sana/soat o'ngda turadi. */
html,body{max-width:100%;overflow-x:hidden;}
.mainnav{height:46px!important;min-height:46px!important;overflow:hidden!important;background:linear-gradient(90deg,#075f90,#0f78ad 55%,#075f90)!important;}
.mainnav .container,.mainnav .nav-inner{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
.mainnav .nav-inner{height:46px!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;padding:0 10px 0 18px!important;}
.mainnav .nav-links{height:46px!important;min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;overflow:visible!important;white-space:nowrap!important;}
.mainnav .nav-links a{height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;line-height:1!important;font-weight:850!important;letter-spacing:-.035em!important;font-size:clamp(10px,.74vw,12.2px)!important;padding:0 clamp(5px,.58vw,10px)!important;border-radius:0!important;color:#fff!important;background:transparent!important;box-shadow:none!important;}
.mainnav .nav-links a:hover,.mainnav .nav-links a.active{background:rgba(255,255,255,.14)!important;}
.mainnav .nav-actions{height:46px!important;flex:0 0 auto!important;margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important;}
.mainnav .live-datetime{flex:0 0 auto!important;width:224px!important;min-width:224px!important;max-width:224px!important;height:34px!important;min-height:34px!important;border-radius:999px!important;padding:0 9px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:11px!important;line-height:1!important;overflow:hidden!important;}
.mainnav .live-date-text{flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;}
.mainnav .live-time-text{flex:0 0 auto!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;}
.mainnav .live-clock-icon{flex:0 0 auto!important;width:16px!important;height:16px!important;min-width:16px!important;font-size:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.mainnav .nav-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:999px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.lang-wrap,.lang-btn,.lang-menu{z-index:200!important;}
.lang-btn{min-width:58px!important;white-space:nowrap!important;}
@media (max-width:1320px){
  .mainnav .nav-inner{padding-left:10px!important;padding-right:6px!important;gap:4px!important;}
  .mainnav .nav-links a{font-size:10.4px!important;padding-left:4.5px!important;padding-right:4.5px!important;letter-spacing:-.045em!important;}
  .mainnav .live-datetime{width:198px!important;min-width:198px!important;max-width:198px!important;font-size:10.2px!important;padding-left:7px!important;padding-right:7px!important;}
  .mainnav .nav-icon{width:28px!important;height:28px!important;min-width:28px!important;}
}
@media (max-width:1120px){
  .mainnav .nav-links{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;}
  .mainnav .nav-links::-webkit-scrollbar{display:none!important;}
  .mainnav .nav-links a{font-size:11px!important;padding-left:8px!important;padding-right:8px!important;}
  .mainnav .live-datetime{width:178px!important;min-width:178px!important;max-width:178px!important;}
}
@media (max-width:768px){
  .mainnav{height:auto!important;min-height:46px!important;}
  .mainnav .nav-inner{height:auto!important;min-height:46px!important;display:flex!important;padding:4px 8px!important;}
  .mainnav .nav-links{display:none!important;}
  .mainnav .nav-actions{width:100%!important;margin-left:0!important;}
  .mainnav .live-datetime{width:auto!important;min-width:0!important;max-width:calc(100vw - 96px)!important;font-size:10px!important;}
}


/* === ULTIMATE PLUS: hero slider, nav exact-fit, layout variables, stable header === */
:root{
  --ktmp-nav-font:10.8px; --ktmp-nav-font-tablet:10.8px; --ktmp-nav-pad-x:6px; --ktmp-nav-date-width:206px; --ktmp-nav-clock-font:11px; --ktmp-nav-clock-height:34px; --ktmp-nav-clock-icon:12px; --ktmp-nav-left-pad:8px; --ktmp-nav-height:46px;
  --ktmp-hero-height:820px; --ktmp-hero-title-x:60px; --ktmp-hero-title-y:0px; --ktmp-hero-title-size:60px; --ktmp-hero-text-size:20px;
  --ktmp-mobile-date-width:240px; --ktmp-mobile-hero-height:560px; --ktmp-mobile-title-size:36px;
}
.mainnav{height:var(--ktmp-nav-height)!important;min-height:var(--ktmp-nav-height)!important;}
.mainnav .nav-inner{height:var(--ktmp-nav-height)!important;min-height:var(--ktmp-nav-height)!important;padding-left:var(--ktmp-nav-left-pad)!important;padding-right:6px!important;}
.mainnav .nav-links{height:var(--ktmp-nav-height)!important;overflow:hidden!important;display:flex!important;justify-content:flex-start!important;}
.mainnav .nav-links a{font-size:var(--ktmp-nav-font)!important;padding-left:var(--ktmp-nav-pad-x)!important;padding-right:var(--ktmp-nav-pad-x)!important;height:var(--ktmp-nav-height)!important;line-height:1!important;letter-spacing:-.055em!important;font-weight:900!important;}
.mainnav .live-datetime{width:var(--ktmp-nav-date-width)!important;min-width:var(--ktmp-nav-date-width)!important;max-width:var(--ktmp-nav-date-width)!important;height:var(--ktmp-nav-clock-height)!important;min-height:var(--ktmp-nav-clock-height)!important;font-size:var(--ktmp-nav-clock-font)!important;font-variant-numeric:tabular-nums!important;}
.mainnav .live-datetime .live-clock-icon{font-size:var(--ktmp-nav-clock-icon)!important;}
.hero{height:var(--ktmp-hero-height)!important;}
.hero-bg{transition:opacity .38s ease, transform 7s ease;}
.hero-bg.is-changing{opacity:.35;}
.hero-content{padding-left:var(--ktmp-hero-title-x)!important;transform:translateY(var(--ktmp-hero-title-y))!important;}
.hero h1{font-size:var(--ktmp-hero-title-size)!important;}
.hero p{font-size:var(--ktmp-hero-text-size)!important;}
.lang-menu{will-change:auto!important;transform:none!important;}
.lang-wrap{position:relative!important;}
.live-datetime,.live-datetime *{transition:none!important;}
@media(max-width:1320px){.mainnav .nav-links a{font-size:var(--ktmp-nav-font-tablet)!important;padding-left:calc(var(--ktmp-nav-pad-x) * .75)!important;padding-right:calc(var(--ktmp-nav-pad-x) * .75)!important}.mainnav .live-datetime{width:calc(var(--ktmp-nav-date-width) - 24px)!important;min-width:calc(var(--ktmp-nav-date-width) - 24px)!important;max-width:calc(var(--ktmp-nav-date-width) - 24px)!important}}
@media(max-width:1120px){.mainnav .nav-links{overflow-x:auto!important;scrollbar-width:none!important}.mainnav .nav-links::-webkit-scrollbar{display:none!important}.mainnav .nav-links a{font-size:11px!important;padding-left:8px!important;padding-right:8px!important;letter-spacing:-.025em!important}}
@media(max-width:768px){.hero{height:var(--ktmp-mobile-hero-height)!important}.hero-content{padding-left:24px!important;padding-right:22px!important;transform:none!important}.hero h1{font-size:var(--ktmp-mobile-title-size)!important}.hero p{font-size:16px!important}.mainnav .live-datetime{width:var(--ktmp-mobile-date-width)!important;min-width:0!important;max-width:calc(100vw - 100px)!important}}

/* DMED strict warning note */
.dmed-warning-note{margin-top:16px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.24);color:#eef9ff;border-radius:20px;padding:14px 16px;line-height:1.55;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.dmed-warning-note b{color:#fff;display:block;margin-bottom:4px;font-weight:950}
.metric-warning{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:22px;padding:16px 18px;margin:14px 0 18px;font-weight:800;line-height:1.55}

/* ABOUT OSHP/OP FACILITY LIST FINAL */
.about-facility-item{width:100%; border:0; background:transparent; text-align:left; cursor:pointer; font:inherit; border-radius:14px; padding:13px 10px;}
.about-facility-item .about-service-text{display:grid; gap:3px;}
.about-facility-item .about-service-text b{font-size:14px; color:#1f2f45; line-height:1.35;}
.about-facility-item .about-service-text small{font-size:12px; color:#718096;}
.about-facility-item.is-active{background:linear-gradient(90deg, rgba(15,120,173,.14), rgba(16,185,129,.08)); box-shadow:inset 3px 0 0 #0f78ad;}
.about-facility-item.is-active .about-service-icon{background:#dff3ff;}
.about-service-empty,.about-empty{padding:18px; color:#64748b; background:#f8fafc; border-radius:14px;}
.facility-meta{margin-top:6px; color:#64748b;}
@media (max-width:768px){.about-facility-item{padding:12px 6px}.about-service-item{grid-template-columns:44px 1fr}.about-service-icon{width:38px;height:38px}.about-facility-item .about-service-text b{font-size:13px}}

/* === HEADER STABILITY FIX 2026-06-15 === */
.topbar .contact-items{min-width:620px;justify-content:flex-end;}
.topbar .contact-card{min-width:205px;}
.weather-lang-inline{min-width:280px;}
.top-weather{width:142px;min-width:142px;}
.weather-status{max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.weather-temp{min-width:48px;text-align:right;}
.mainnav .nav-links a{white-space:nowrap;}
#weatherTimeWidget,.weather-time-card{min-width:184px;width:184px;}
@media(max-width:1180px){.topbar .contact-items{min-width:0}.topbar .contact-card{min-width:0}}


/* FINAL FIX 2026-06-27: logo visible, language moved right, weather icon not hidden */
.logo,.footer-logo,#dockLogo{background:transparent!important;border-radius:50%!important;object-fit:contain!important;display:block!important;opacity:1!important}
.brand .logo{width:74px!important;height:74px!important;min-width:74px!important;box-shadow:0 10px 24px rgba(15,88,155,.10)!important}.brand-title{max-width:320px!important;line-height:1.18!important}.contact-items{gap:20px!important;overflow:visible!important}.weather-lang-inline{display:inline-flex!important;align-items:center!important;gap:20px!important;margin-left:18px!important;overflow:visible!important}.top-weather{display:inline-flex!important;min-width:178px!important;overflow:visible!important;opacity:1!important;visibility:visible!important}.weather-main{display:inline-flex!important;align-items:center!important;gap:9px!important}.weather-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:26px!important;margin-left:4px!important;opacity:1!important;visibility:visible!important}.lang-wrap{margin-left:22px!important;transform:translateX(10px)!important;z-index:500!important}.lang-btn{min-width:78px!important;height:42px!important;font-size:17px!important}.mainnav{z-index:120!important}.topbar{z-index:130!important;background:#fff!important}.nav-links a[href*="qabul-"]{display:none!important}
@media(max-width:1280px){.top-weather{min-width:150px!important}.weather-status{max-width:74px!important;overflow:hidden!important;text-overflow:ellipsis!important}.lang-wrap{margin-left:10px!important;transform:translateX(4px)!important}.brand .logo{width:64px!important;height:64px!important;min-width:64px!important}}

/* YAKUNIY FIX 2026-06-27 13:25 — logo to'liq ko'rinsin, ob-havo/til yopilmasin */
.topbar,.topbar-inner,.brand,.brand-link,.contact-items,.weather-lang-inline{overflow:visible!important;}
.brand{min-width:340px!important;display:flex!important;align-items:center!important;gap:18px!important;}
.brand .logo,#logoImg{width:88px!important;height:88px!important;min-width:88px!important;max-width:88px!important;max-height:88px!important;object-fit:contain!important;object-position:center!important;border-radius:50%!important;background:transparent!important;padding:0!important;box-shadow:none!important;clip-path:none!important;overflow:visible!important;opacity:1!important;}
.brand-title{line-height:1.16!important;overflow:visible!important;}
.contact-items{margin-left:auto!important;min-width:0!important;}
.weather-lang-inline{margin-left:auto!important;min-width:335px!important;justify-content:flex-end!important;gap:16px!important;}
.top-weather{min-width:190px!important;flex:0 0 auto!important;}
.weather-main{overflow:visible!important;}
.weather-icon{display:inline-flex!important;visibility:visible!important;opacity:1!important;min-width:28px!important;z-index:2!important;}
.lang-wrap{position:relative!important;z-index:800!important;margin-left:14px!important;transform:translateX(12px)!important;flex:0 0 auto!important;}
.lang-btn{min-width:72px!important;}
@media(max-width:1280px){.brand{min-width:300px!important}.brand .logo,#logoImg{width:72px!important;height:72px!important;min-width:72px!important}.weather-lang-inline{min-width:260px!important}.top-weather{min-width:150px!important}.lang-wrap{transform:translateX(4px)!important;margin-left:8px!important}}
@media(max-width:960px){.brand{min-width:0!important}.brand .logo,#logoImg{width:58px!important;height:58px!important;min-width:58px!important}.weather-lang-inline{min-width:auto!important}.top-weather{min-width:auto!important}.lang-wrap{transform:none!important}}


/* FINAL UPDATE 2026-06-27: header logo chapga surildi, aloqa joyi ochildi */
@media (min-width: 1181px){
  .topbar .brand{transform:translateX(-26px)!important;margin-right:22px!important;}
  .topbar-promo{margin-left:-18px!important;margin-right:20px!important;}
  .topbar .contact-items{padding-left:18px!important;}
}
@media (max-width:1180px){.topbar .brand{transform:none!important;margin-right:0!important}.topbar-promo{margin-left:0!important;margin-right:0!important}}


/* FINAL LOGO + HEADER FIX 2026-06-27 — logo to‘liq ko‘rinsin, Aloqa raqami ustiga chiqmasin */
.topbar{background:#fff!important;overflow:visible!important;z-index:1000!important;}
.topbar .container.topbar-inner{
  width:min(1420px,calc(100% - 64px))!important;
  display:grid!important;
  grid-template-columns:minmax(360px,420px) minmax(180px,260px) minmax(520px,1fr)!important;
  align-items:center!important;
  gap:28px!important;
  overflow:visible!important;
}
.topbar .brand,.topbar .brand-link{
  min-width:0!important;
  width:auto!important;
  transform:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  overflow:visible!important;
}
.topbar .brand .logo,#logoImg{
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  max-width:70px!important;
  max-height:70px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:50%!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  opacity:1!important;
}
.topbar .brand-title{max-width:295px!important;font-size:18px!important;line-height:1.18!important;white-space:normal!important;overflow:visible!important;}
.topbar .brand-subtitle{font-size:14px!important;line-height:1.2!important;}
.topbar-promo{justify-self:center!important;align-self:center!important;margin:0!important;min-width:180px!important;max-width:260px!important;height:88px!important;flex:none!important;overflow:hidden!important;}
.topbar-promo img{height:88px!important;max-height:88px!important;width:auto!important;max-width:260px!important;object-fit:contain!important;}
.topbar .contact-items{
  margin-left:0!important;
  padding-left:0!important;
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  overflow:visible!important;
}
.topbar .contact-card{min-width:172px!important;max-width:210px!important;flex:0 0 auto!important;padding:6px 8px!important;}
.topbar .contact-card .icon-circle{width:36px!important;height:36px!important;min-width:36px!important;font-size:17px!important;border-radius:12px!important;}
.topbar .contact-card .muted{font-size:12px!important;line-height:1.1!important;}
.topbar .contact-card .strong{font-size:14px!important;line-height:1.18!important;white-space:nowrap!important;}
.weather-lang-inline{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:10px!important;margin-left:0!important;min-width:220px!important;overflow:visible!important;}
.top-weather{min-width:134px!important;max-width:170px!important;display:flex!important;overflow:visible!important;}
.weather-status{max-width:74px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.weather-icon{display:inline-flex!important;min-width:24px!important;opacity:1!important;visibility:visible!important;}
.lang-wrap{margin-left:6px!important;transform:none!important;z-index:5000!important;}
.lang-btn{min-width:70px!important;height:38px!important;font-size:15px!important;}
@media(max-width:1320px){
  .topbar .container.topbar-inner{grid-template-columns:minmax(330px,380px) minmax(150px,210px) minmax(460px,1fr)!important;gap:18px!important;}
  .topbar .brand .logo,#logoImg{width:62px!important;height:62px!important;min-width:62px!important;max-width:62px!important;}
  .topbar .brand-title{font-size:17px!important;max-width:260px!important;}
  .topbar-promo{max-width:210px!important;height:78px!important}.topbar-promo img{max-width:210px!important;height:78px!important;}
  .topbar .contact-card{min-width:155px!important;max-width:180px!important;}
  .weather-lang-inline{min-width:190px!important;}
}
@media(max-width:1080px){
  .topbar .container.topbar-inner{display:flex!important;justify-content:space-between!important;width:min(100% - 28px,100%)!important;}
  .topbar-promo,.topbar .contact-card{display:none!important;}
  .weather-lang-inline{margin-left:auto!important;}
}

/* Public OSHP/OP tanlash oynasi hamisha oldinda va oq fonda chiqsin */
.excel-sticky,.excel-topbar,.excel-profile{overflow:visible!important;}
.excel-profile{z-index:7000!important;}
.excel-profile .inst-pop,.inst-pop{
  position:absolute!important;
  z-index:99999!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible;
  box-shadow:0 28px 80px rgba(15,23,42,.28)!important;
  border:1px solid #d8e6f2!important;
  backdrop-filter:none!important;
}
.excel-profile .inst-pop:not(.open),.inst-pop:not(.open){display:none!important;}
.excel-profile .inst-pop.open,.inst-pop.open{display:block!important;}


/* FINAL 2026-07-02: header logo/contact/lang fix + top Qabullar removed */
:root{--header-brand-w:420px;--header-promo-w:190px;--header-contact-min:560px;}
.topbar{overflow:visible!important;background:#fff!important;position:relative!important;z-index:300!important;}
.topbar .container.topbar-inner{display:grid!important;grid-template-columns:minmax(360px,var(--header-brand-w)) minmax(145px,var(--header-promo-w)) minmax(520px,1fr)!important;align-items:center!important;gap:32px!important;overflow:visible!important;min-height:126px!important;}
.topbar .brand,.topbar .brand-link{min-width:0!important;transform:none!important;margin:0!important;display:flex!important;align-items:center!important;gap:16px!important;overflow:visible!important;}
.topbar .brand .logo,#logoImg{width:74px!important;height:74px!important;min-width:74px!important;max-width:74px!important;max-height:74px!important;object-fit:contain!important;object-position:center!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;clip-path:none!important;opacity:1!important;}
.topbar .brand-title{font-size:20px!important;line-height:1.16!important;max-width:285px!important;white-space:normal!important;overflow:visible!important;}
.topbar .brand-subtitle{font-size:14px!important;white-space:nowrap!important;}
.topbar-promo{width:var(--header-promo-w)!important;max-width:var(--header-promo-w)!important;justify-self:center!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.topbar-promo img,#topbarPromoImg{max-width:100%!important;max-height:78px!important;object-fit:contain!important;}
.topbar .contact-items{margin-left:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:26px!important;min-width:var(--header-contact-min)!important;overflow:visible!important;white-space:nowrap!important;}
.topbar .contact-card{flex:0 0 auto!important;min-width:150px!important;display:flex!important;align-items:center!important;gap:10px!important;}
.weather-lang-inline{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;min-width:255px!important;flex:0 0 auto!important;margin-left:0!important;overflow:visible!important;}
.top-weather{min-width:165px!important;display:flex!important;align-items:center!important;overflow:visible!important;}
.weather-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:26px!important;visibility:visible!important;opacity:1!important;}
.lang-wrap{flex:0 0 auto!important;margin-left:8px!important;transform:none!important;position:relative!important;z-index:2000!important;}
.lang-btn{min-width:78px!important;height:40px!important;}
.mainnav .nav-links a[href*="qabul"], .mainnav .nav-links a[data-i18n="navQabullar"]{display:none!important;}
@media(max-width:1320px){:root{--header-brand-w:360px;--header-promo-w:160px;--header-contact-min:450px}.topbar .container.topbar-inner{gap:18px!important}.topbar .brand .logo,#logoImg{width:64px!important;height:64px!important;min-width:64px!important}.topbar .brand-title{font-size:17px!important;max-width:240px!important}.weather-lang-inline{min-width:210px!important}.top-weather{min-width:138px!important}.weather-status{max-width:70px!important;overflow:hidden!important;text-overflow:ellipsis!important}}
@media(max-width:980px){.topbar .container.topbar-inner{display:flex!important;gap:12px!important;min-height:92px!important}.topbar-promo,.topbar .contact-items{display:none!important}.topbar .brand .logo,#logoImg{width:58px!important;height:58px!important;min-width:58px!important}}

/* FINAL 2026-07-02: Tashkilot haqida sahifa OSHP/OP va rahbarlar */
.about-layout{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)!important;gap:28px!important;align-items:start!important;}
.about-sidebar-card,.leader-card{background:#fff!important;border:1px solid #e4edf5!important;border-radius:22px!important;box-shadow:0 14px 32px rgba(42,75,110,.06)!important;}
.about-service-list{display:grid!important;gap:10px!important;max-height:720px!important;overflow:auto!important;padding-right:6px!important;}
.about-service-item{width:100%!important;border:0!important;background:#f7fbfe!important;border-radius:15px!important;padding:12px!important;display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;cursor:pointer!important;}
.about-service-item.is-active,.about-service-item:hover{background:#e8f5ff!important;box-shadow:inset 4px 0 #0f78ad!important;}
.about-service-icon img{width:34px!important;height:34px!important;object-fit:contain!important;border-radius:9px!important;}
.leader-card{display:grid!important;grid-template-columns:92px 1fr minmax(180px,.45fr)!important;gap:16px!important;padding:18px!important;margin-bottom:14px!important;align-items:center!important;}
.leader-photo{width:78px!important;height:78px!important;border-radius:50%!important;object-fit:cover!important;}
.leader-name{margin:4px 0 8px!important;font-size:24px!important;line-height:1.15!important;}
.leader-role,.leader-side-label{font-weight:800!important;color:#68778a!important;font-size:13px!important;}
.leader-meta{display:flex!important;gap:8px!important;align-items:center!important;color:#526273!important;margin-top:5px!important;}
@media(max-width:900px){.about-layout{grid-template-columns:1fr!important}.leader-card{grid-template-columns:70px 1fr!important}.leader-side{grid-column:1/-1!important}.leader-photo{width:64px!important;height:64px!important}}


/* FINAL 2026-07-04: Statistika va Zoom menyulari bosh sahifada o‘zidan-o‘zi ko‘k turmasin. */
.mainnav .nav-links a[href*="#stats"]:not(.active),
.mainnav .nav-links a[href*="#zoom"]:not(.active){
  background:transparent!important;
  box-shadow:none!important;
}
.mainnav .nav-links a[href*="#stats"]:not(.active):hover,
.mainnav .nav-links a[href*="#zoom"]:not(.active):hover{
  background:rgba(255,255,255,.12)!important;
}

/* 2026-07-04: Admin Localdan barcha public sahifalar menyu logo/iconlari */
.mainnav .nav-links a.has-page-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.nav-page-logo-wrap{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:none!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.92)!important;
  color:#0f4f74!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 4px 10px rgba(15,23,42,.12)!important;
}
.nav-page-logo{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  display:block!important;
}


/* FINAL 2026-07-04 — public tepada menyuda faqat yozuv bo'lsin, logo/icon chiqmasin */
.mainnav .nav-page-logo-wrap,.mainnav .nav-page-logo{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;}
.mainnav .nav-links a.has-page-logo{gap:0!important;}


/* FINAL PRO 2026-07-05 — header/menu 1:1 tartib va iconlarsiz public menyu */
.topbar{padding:16px 0!important;background:#fff!important;overflow:visible!important;}
.topbar .container{width:min(1400px,calc(100% - 44px))!important;}
.topbar-inner{display:grid!important;grid-template-columns:minmax(280px,360px) minmax(190px,360px) minmax(500px,1fr)!important;align-items:center!important;gap:22px!important;justify-content:normal!important;}
.topbar-inner>.brand,.topbar-inner>.brand-link,.topbar-inner>.brand .brand-link{min-width:0!important;max-width:360px!important;}
.brand,.brand-link{display:flex!important;align-items:center!important;gap:16px!important;color:inherit!important;text-decoration:none!important;}
.brand-title{font-size:18px!important;line-height:1.22!important;font-weight:800!important;color:#203246!important;max-width:300px!important;white-space:normal!important;}
.brand-subtitle{font-size:14px!important;color:#687b8f!important;margin-top:4px!important;}
.logo{width:66px!important;height:66px!important;flex:0 0 66px!important;object-fit:cover!important;}
.topbar-promo{display:flex!important;justify-content:center!important;align-items:center!important;min-width:180px!important;width:100%!important;max-width:360px!important;height:92px!important;margin:0!important;}
.topbar-promo.hidden{display:none!important;}
.topbar-promo img{max-width:100%!important;max-height:92px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
.contact-items{display:grid!important;grid-template-columns:max-content max-content max-content!important;align-items:center!important;justify-content:end!important;gap:14px!important;flex-wrap:nowrap!important;min-width:0!important;}
.contact-card{display:flex!important;align-items:center!important;gap:10px!important;min-width:166px!important;padding:8px 10px!important;background:#fff!important;border-radius:14px!important;box-shadow:none!important;}
.contact-card .icon-circle{width:36px!important;height:36px!important;border-radius:12px!important;font-size:17px!important;flex:0 0 36px!important;}
.contact-card .muted{font-size:12px!important;line-height:1.1!important;color:#8190a3!important;white-space:nowrap!important;}
.contact-card .strong{font-size:14px!important;line-height:1.15!important;font-weight:800!important;color:#27394d!important;white-space:nowrap!important;}
.weather-lang-inline{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;margin:0!important;white-space:nowrap!important;min-width:0!important;}
.top-weather{margin:0!important;min-width:auto!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.weather-temp{font-size:15px!important;font-weight:900!important;}
.weather-status{font-size:13px!important;font-weight:800!important;max-width:95px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.weather-icon{font-size:20px!important;}
.lang-wrap{position:relative!important;margin-left:0!important;}
.lang-btn{height:38px!important;border-radius:14px!important;background:#f6f8fb!important;color:#24384c!important;font-weight:900!important;padding:0 14px!important;white-space:nowrap!important;}
.lang-menu{z-index:2147483647!important;}
.mainnav{background:#15527a!important;position:sticky!important;top:0!important;z-index:70!important;}
.nav-inner{min-height:42px!important;display:flex!important;align-items:center!important;gap:12px!important;}
.nav-links{display:flex!important;align-items:stretch!important;gap:0!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;}
.nav-links::-webkit-scrollbar{display:none!important;}
.nav-links a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 17px!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1!important;border-radius:0!important;background:transparent!important;white-space:nowrap!important;}
.nav-links a:hover,.nav-links a.active{background:rgba(38,142,190,.55)!important;}
.nav-links a .nav-page-logo-wrap,.nav-links a .nav-page-logo{display:none!important;}
.nav-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important;}
@media(max-width:1280px){
  .topbar-inner{grid-template-columns:minmax(260px,330px) minmax(150px,270px) minmax(450px,1fr)!important;gap:16px!important;}
  .brand-title{font-size:17px!important;max-width:270px!important;}
  .topbar-promo{height:80px!important;}.topbar-promo img{max-height:80px!important;}
  .contact-items{gap:8px!important;}.contact-card{min-width:150px!important;padding:7px 8px!important;}.contact-card .strong{font-size:13px!important;}.contact-card .muted{font-size:11px!important;}
  .nav-links a{padding:0 13px!important;font-size:12px!important;}
}
@media(max-width:1040px){
  .topbar-inner{grid-template-columns:1fr!important;gap:10px!important;}
  .topbar-inner>.brand,.topbar-inner>.brand-link,.topbar-inner>.brand .brand-link{max-width:100%!important;}
  .brand-title{max-width:none!important;}
  .topbar-promo{order:2;max-width:100%!important;height:72px!important;}
  .contact-items{order:3;grid-template-columns:1fr 1fr!important;justify-content:stretch!important;width:100%!important;}
  .weather-lang-inline{grid-column:1/-1;justify-content:flex-start!important;}
}
@media(max-width:680px){
  .topbar .container{width:min(100% - 24px,640px)!important;}
  .logo{width:54px!important;height:54px!important;flex-basis:54px!important;}.brand-title{font-size:15px!important;}
  .contact-items{grid-template-columns:1fr!important;}.contact-card{min-width:0!important;width:100%!important;}
}


/* === FINAL FIX 2026-07-05: Murojaat header + Tahlil hover orqa fon muammosi === */
.appeal-page-body .topbar .container.topbar-inner{overflow:visible!important;}
.appeal-page-body .contact-items{display:grid!important;grid-template-columns:max-content max-content max-content!important;align-items:center!important;justify-content:end!important;gap:14px!important;}
.appeal-page-body .weather-lang-inline{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;white-space:nowrap!important;}
.appeal-page-body .lang-wrap{position:relative!important;z-index:6000!important;}
.appeal-page-body .mainnav{position:relative;z-index:250;}

/* Tahlil sahifasida sichqoncha olib borganda ikkinchi/orqa tooltip va karta orqa ko'rinishi chiqmasin */
.tahlil-page .hover-pop,
.tahlil-page .pro-bar-row,
.tahlil-page .rank-item,
.tahlil-page .mini-bar,
.tahlil-page .matrix-cell,
.tahlil-page .donut-legend div,
.tahlil-page .status-doctor,
.excel-dmed-body .pro-bar-row,
.excel-dmed-body .pro-chart-card,
.excel-dmed-body .pro-donut-card,
.excel-dmed-body .pro-kpi{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  transform-style:flat!important;
}
.tahlil-page .hover-pop:hover,
.tahlil-page .pro-bar-row:hover,
.tahlil-page .rank-item:hover,
.tahlil-page .mini-bar:hover,
.tahlil-page .matrix-cell:hover,
.tahlil-page .donut-legend div:hover,
.tahlil-page .status-doctor:hover,
.excel-dmed-body .pro-bar-row:hover,
.excel-dmed-body .pro-chart-card:hover,
.excel-dmed-body .pro-donut-card:hover,
.excel-dmed-body .pro-kpi:hover{
  transform:none!important;
  filter:none!important;
}
.excel-dmed-body .chart-hover-tip{z-index:2147483647!important;}

@media(max-width:980px){
  .appeal-page-body .contact-items{grid-template-columns:1fr!important;width:100%!important;}
  .appeal-page-body .weather-lang-inline{justify-content:flex-start!important;}
}