:root {
      --main-yellow: #ffe066;
      --main-yellow-dark: #ffd12b;
      --main-dark: #23272b;
      --main-gray: #f6f8fa;
      --accent: #22223b;
      --white: #fff;
      --light-blue: #e3f0ff;
      --blue: #3678d8;
      --light-border: #e8eaef;
      --hover-bg: #fcfcfc;
    }
    html, body {
      height: 100%;
      background: var(--main-gray);
      font-family: 'Inter', 'Poppins', Arial, sans-serif;
    }
    body {
      min-height: 100vh;
    }
    .sidebar {
      background: var(--white);
      height: 100vh;
      min-width: 230px;
      border-right: 1.5px solid var(--light-border);
      padding-top: 18px;
      position: sticky;
      top: 0;
      box-shadow: 0 0 20px 0 rgba(35, 39, 43, 0.04);
    }
    .sidebar .logo {
      display: flex;
      align-items: center;
      gap: 11px;
      font-family: 'Poppins', Arial, sans-serif;
      font-weight: 700;
      font-size: 1.18rem;
      color: var(--main-yellow-dark);
      margin-bottom: 36px;
      letter-spacing: 0.01em;
      padding-left: 20px;
    }
    .sidebar .logo img {
      width: 38px;
      filter: drop-shadow(0 1px 2px rgba(0,0,0,0.06));
    }
    .sidebar .menu {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .sidebar .menu li {
      margin-bottom: 9px;
    }
    .sidebar .menu a {
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      color: var(--accent);
      font-size: 1.09rem;
      font-family: 'Poppins', Arial, sans-serif;
      font-weight: 500;
      padding: 8px 18px;
      border-radius: 9px;
      transition: background .14s, color .14s;
      position: relative;
      letter-spacing: 0.01em;
    }
    .sidebar .menu a.active, .sidebar .menu a:hover {
      background: var(--main-yellow);
      color: var(--accent);
    }
    .sidebar .menu .badge {
      font-size: .88rem;
      font-weight: 700;
      background: #ef233c;
      color: var(--white);
      margin-left: auto;
      min-width: 23px;
      padding: 2px 7px;
    }
    .sidebar .menu .bi {
      font-size: 1.19rem;
      min-width: 24px;
      text-align: center;
    }
    .sidebar .profile {
      margin-top: 40px;
      color: #888;
      text-align: left;
      font-size: .99rem;
      padding-left: 20px;
    }
    .sidebar .profile strong {
      font-weight: 700;
      color: var(--accent);
      font-size: 1.08rem;
    }
    /* Topbar */
    .topbar {
      background: var(--white);
      border-bottom: 1.5px solid var(--light-border);
      box-shadow: 0 1px 16px 0 rgba(35, 39, 43, 0.03);
      position: sticky;
      top: 0;
      z-index: 50;
    }
    .topbar-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.6rem 1.3rem 0.6rem 0.8rem;
      flex-wrap: wrap;
      gap: 20px;
    }
    .topbar .logo-text {
      font-family: 'Poppins', Arial, sans-serif;
      font-weight: 700;
      font-size: 1.32rem;
      color: var(--accent);
      letter-spacing: 0.02em;
    }
    .topbar .city-tags {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
    }
    .topbar .city-tags .btn {
      font-size: .94rem;
      background: var(--main-gray);
      color: #4a4e69;
      border: 1px solid var(--light-border);
      border-radius: 7px;
      padding: 2px 13px;
      font-family: 'Inter', Arial, sans-serif;
      font-weight: 600;
      transition: background .12s, color .12s;
    }
    .topbar .city-tags .btn:hover {
      background: var(--main-yellow);
      color: var(--accent);
    }
    .topbar .nav-links {
      display: flex;
      gap: 19px;
      align-items: center;
    }
    .topbar .nav-links a {
      text-decoration: none;
      color: var(--accent);
      font-size: 1.08rem;
      font-family: 'Poppins', Arial, sans-serif;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 5px;
      transition: color .13s;
    }
    .topbar .nav-links a:hover {
      color: var(--main-yellow-dark);
    }
    .topbar .account {
      display: flex;
      align-items: center;
      gap: 7px;
      font-weight: 600;
      font-size: 1.01rem;
      color: var(--accent);
      position: relative;
      letter-spacing: 0.01em;
    }
    .topbar .account .badge {
      background: #ef233c;
      color: #fff;
      font-size: .8rem;
      position: absolute;
      top: -8px;
      right: -12px;
    }
    .topbar .account .bi-person-circle {
      font-size: 1.4rem;
    }
    /* Main Content */
    .main-content {
      padding: 32px 24px 24px 24px;
      min-height: 100vh;
      background: var(--main-gray);
    }
    /* Talepler Kutusu */
    .yellow-box {
      background: #fffde7;
      border: 2.5px solid var(--main-yellow);
      border-radius: 12px;
      padding: 20px 22px 14px 22px;
      margin-bottom: 22px;
      box-shadow: 0 2px 10px 0 rgba(255,224,102,0.07);
    }
    .yellow-box .box-title {
      font-family: 'Poppins', Arial, sans-serif;
      font-weight: 700;
      color: #e53935;
      font-size: 1.21rem;
      margin-bottom: 13px;
      display: flex;
      align-items: center;
      gap: 7px;
    }
    .yellow-box ul {
      padding-left: 0;
      margin-bottom: 14px;
      list-style: none;
    }
    .yellow-box ul li {
      font-size: 1.03rem;
      margin-bottom: 7px;
      display: flex;
      align-items: center;
      gap: 6px;
      color: #222;
      font-family: 'Inter', Arial, sans-serif;
    }
    .yellow-box ul li .dot {
      width: 9px; height: 9px; border-radius: 50%;
      display: inline-block; margin-right: 2px;
    }
    .yellow-box ul li .dot.green { background: #4caf50;}
    .yellow-box ul li .dot.yellow { background: #ffc107;}
    .yellow-box ul li .dot.blue { background: #2196f3;}
    .yellow-box ul li .dot.red { background: #e53935;}
    .yellow-box .btn-warning {
      font-family: 'Poppins', Arial, sans-serif;
      font-weight: 600;
      font-size: 1.05rem;
      border-radius: 8px;
      padding: 7px 22px;
      /* margin-top: 7px; */
      box-shadow: 0 1px 7px 0 rgba(255,224,102,0.08);
      border: none;
    }
    .yellow-box .btn-warning:hover {
      background: #ffce3a;
    }
    /* Defter Form */
    .defter-form {
      background: var(--white);
      border-radius: 11px;
      padding: 18px 13px 13px 13px;
      margin-bottom: 15px;
      border: 1.5px solid var(--light-border);
      box-shadow: 0 2px 10px 0 rgba(80,80,120,0.03);
    }
    .defter-form textarea {
      border-radius: 7px;
      border: 1px solid #e0e0e0;
      min-height: 60px;
      font-size: 1.01rem;
      margin-bottom: 7px;
      resize: vertical;
      font-family: 'Inter', Arial, sans-serif;
    }
    .defter-form .btn {
      border-radius: 8px;
      font-family: 'Poppins', Arial, sans-serif;
      font-weight: 600;
    }
    /* Defter Kartları */
    .defter-card {
      background: var(--white);
      border-radius: 12px;
      margin-bottom: 20px;
      border: 1.5px solid #000000;
      padding: 0;
      box-shadow: 0 2px 12px rgba(34,41,47,.03);
      transition: box-shadow .13s;
    }
    .defter-card:hover {
      box-shadow: 0 6px 28px rgba(34,41,47,.08);
    }
    .defter-card .card-header {
      background: #ffe465;
      border-radius: 12px 12px 0 0;
      color: #000000;
      font-size: 1.08rem;
      font-weight: 700;
      padding: 9px 15px 8px 15px;
      font-family: 'Poppins', Arial, sans-serif;
      display: flex;
      justify-content: space-between;
      align-items: center;
      letter-spacing: 0.01em;
    }
    .defter-card .meta {
      font-size: 0.65rem;
      color: #000000;
      font-family: 'Inter', Arial, sans-serif;
    }
    .defter-card .card-body {
      padding: 13px 15px 10px 15px;
      font-size: 1.06rem;
      color: #292929;
      font-family: 'Inter', Arial, sans-serif;
    }
    .defter-card .card-footer {
      border-top: 1px solid #f0f0f0;
      padding: 9px 15px;
      background: #f1f1f1;
      font-size: .98rem;
      color: #555;
      border-radius: 0 0 12px 12px;
      font-family: 'Inter', Arial, sans-serif;
    }
    /* Reklamlar */
    .banners {
      display: flex;
      flex-direction: column;
      gap: 13px;
      margin-top: 18px;
    }
    .banners img {
      width: 100%;
      border-radius: 8px;
      border: 1.5px solid var(--light-border);
      background: var(--white);
      object-fit: cover;
      min-height: 70px;
      max-height: 100px;
      box-shadow: 0 2px 7px rgba(180,180,180,0.07);
    }
    .ads-toggle {
      display: flex;
      gap: 7px;
      margin-bottom: 13px;
      margin-top: 4px;
      border-radius: 11px;
      background: var(--main-gray);
      padding: 4px;
      border: 1px solid var(--light-border);
    }
    .ads-toggle button {
      flex: 1;
      border: none;
      background: none;
      padding: 7px 0;
      color: var(--accent);
      font-weight: 600;
      font-family: 'Poppins', Arial, sans-serif;
      border-radius: 8px;
      transition: background .14s, color .14s;
      font-size: .97rem;
    }
    .ads-toggle .active {
      background: var(--main-dark);
      color: var(--main-yellow);
    }
    /* Responsive */
    @media (max-width: 991px) {
      .sidebar {
        min-width: 60px;
        padding: 12px 0 0 0;
      }
      .sidebar .logo,
      .sidebar .profile {
        display: none;
      }
      .sidebar .menu a {
        font-size: 1.13rem;
        justify-content: center;
        padding: 8px 0;
      }
      .sidebar .menu span {
        display: none;
      }
      .main-content, .topbar-inner {
        padding-left: 0 !important;
      }
    }
    @media (max-width: 767px) {
      .main-content {
        padding: 14px 4px 8px 4px;
      }
      .banners {
        display: none;
      }
    }
	
	@media (max-width: 768px) {
  .topbar .logo-text {
    font-size: 1rem;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


  .defter-card .badge-new {
    background-color: #dc3545;
    color: #fff;
    font-size: 0.75rem;
    padding: 4px 8px;
    border-radius: 12px;
  }
  .json-collapse {
    background-color: #f8f9fa;
    padding: 0.5rem;
    font-size: 0.875rem;
    border-radius: 6px;
    white-space: pre-wrap;
  }
 
  .badge-flash {
    background-color: #dc3545;
    color: #fff;
    font-size: 0.75rem;
    padding: 5px 10px;
    border-radius: 15px;
    animation: flash 1s infinite;
  }

  @keyframes flash {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }
  }

  .card-header {
    background-color: #fff3cd;
    font-weight: bold;
  }

  .json-collapse {
    background-color: #f8f9fa;
    padding: 0.5rem;
    font-size: 0.875rem;
    border-radius: 6px;
    white-space: pre-wrap;
  }
 
  .badge-flash {
    background-color: #dc3545;
    color: #fff;
    font-size: 0.75rem;
    padding: 5px 10px;
    border-radius: 15px;
    animation: flash 1s infinite;
  }

  @keyframes flash {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }
  }

  .card-header {
    background-color: #fff3cd;
    font-weight: bold;
  }

  .json-collapse {
    background-color: #f8f9fa;
    padding: 0.5rem;
    font-size: 0.875rem;
    border-radius: 6px;
    white-space: pre-wrap;
  }
  .badge-flash {
      background-color: #269c0a;
      color: #ffffff;
      font-size: 0.75rem;
      padding: 5px 19px;
      border-radius: 54px;
      animation: flash 1s infinite;
    }

    @keyframes flash {
      0% { opacity: 1; }
      50% { opacity: 0.1; }
      100% { opacity: 1; }
    }

    .card-header {
      background-color: #fff3cd;
      font-weight: bold;
    }

    .json-collapse {
      background-color: #f8f9fa;
      padding: 0.5rem;
      font-size: 0.875rem;
      border-radius: 6px;
      white-space: pre-wrap;
    }
 
.firmagraph-dot.sahis-dot {
  background-color: #28a745; /* yeşil */
}


  .firmagraph {
  margin-bottom: 20px;
}

.firmagraph-line {
  width: 30px;
  position: relative;
  display: flex;
  justify-content: center;
}

.firmagraph-line::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -10px;
  width: 2px;
  background-color: #0d6efd;
}

.firmagraph-dot {
  width: 12px;
  height: 12px;
  background-color: #0d6efd;
  border-radius: 50%;
  margin-top: 4px;
  z-index: 1;
}

.firmagraph-box {
  background-color: #f9fbff;
  padding: 10px 16px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  border: 1px solid #d6e4f5;
  max-width: 100%;
}

.firmagraph-title {
  font-weight: 600;
  color: #0d6efd;
}

.firmagraph-sub {
  font-size: 0.85rem;
  color: #6c757d;
}

  
.search-wrapper-sticky {
  background:#fff;
  border-radius:12px;
  padding:1.5rem;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
  position:sticky;
  top:8px;            /* sayfa kayınca üstte 8 px boşluk bırakır */
   
}

 

/* Sarı çerçeve tonunu ayarla */
.input-group >.form-control.border-warning {
  border-color:#ffcc00!important;
}

/* Konteyner: sağda sabit */
.search-float {
  position:fixed;
  right:12px;
  top:35%;
  z-index:1050;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}

/* Dış buton stili */
.float-btn{
  background:#fff;
  color:#222;
  border:2px solid #ffcc00;
  border-radius:24px;
  padding:8px 14px;
  font-weight:600;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  display:flex;
  align-items:center;
  gap:6px;
  transition:all .25s;
}
.float-btn:hover{
  background:#ffcc00;
  color:#fff;
}

/* Açılır form başlangıçta kapalı */
.float-form{
  width:260px;
  background:#fff;
  border:2px solid #ffcc00;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  margin-top:10px;
  transition:transform .25s ease, opacity .25s ease;
}
/* Kapalı durum: küçült & gizle */
.search-float.closed .float-form{
  transform:scale(.0);
  opacity:0;
  pointer-events:none;
}
/* Açık durum: görünür */
.search-float.open .float-form{
  transform:scale(1);
  opacity:1;
}

/* Sarı kenarlık */
.input-group>.form-control.border-warning{
  border-width:2px;
  border-color:#ffcc00!important;
}

/* Çöp ikonunun kenar çizgisi varsa kaldır */
  #clearBtn {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Çöp butonu hover olduğunda da çizgisiz kalsın */
  #clearBtn:focus,
  #clearBtn:hover {
    border: none !important;
    outline: none !important;
    background: transparent !important;
  }

  /* input ile buton arasında kalan boşluğu düzelt */
  .input-group .form-control {
    border-right: none !important;
  }

  .input-group .btn-submit {
    border-left: none !important;
  }

  /* arama butonu özel olarak bu class'la işaretlendiğinde kenar sorunu çözülür */
  .btn-search-clean fa {
    border-radius: 0px 999px 999px 0px !important;
    border-left: none !important;
  }

.misafir-banner {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
    color: #333;
    padding: 10px 0;
    margin-bottom: 20px;
}
.misafir-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.misafir-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.misafir-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-top: 20px;
}
.misafir-card {
    background: white;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}
.misafir-form-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 15px;
    margin-bottom: 20px;
}
.misafir-btn {
    background: #007bff;
    color: white;
    padding: 12px 25px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}
.misafir-btn:hover {
    background: #0056b3;
    color: white;
}
.misafir-btn-success {
    background: #28a745;
}
.misafir-btn-success:hover {
    background: #1e7e34;
}
.misafir-alert {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.misafir-alert-warning {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}
.misafir-alert-danger {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}
.misafir-alert-info {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}
.misafir-sonuc {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
}
.misafir-badge {
    background: #007bff;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin: 2px;
    display: inline-block;
}
.misafir-badge-success {
    background: #28a745;
}
.misafir-badge-secondary {
    background: #6c757d;
}
.misafir-sidebar-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.misafir-header {
    padding: 15px;
    color: white;
}
.misafir-header-primary {
    background: #007bff;
}
.misafir-header-purple {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.misafir-header-success {
    background: #28a745;
}
.misafir-header-warning {
    background: #ffc107;
    color: #212529;
}
.misafir-header-info {
    background: #17a2b8;
}
.misafir-header-violet {
    background: #6f42c1;
}
.misafir-body {
    padding: 15px;
}
@media (max-width: 768px) {
    .misafir-grid {
        grid-template-columns: 1fr;
    }
    .misafir-form-grid {
        grid-template-columns: 1fr;
    }
    .misafir-flex {
        flex-direction: column;
        text-align: center;
    }
}