/* === AÇIK DİŞ KLİNİĞİ - GENEL === */
#ak-body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.ak-inner { max-width: 900px; margin: 0 auto; padding: 0 16px; }

/* HERO */
#ak-hero {
  background: linear-gradient(135deg, #f39c12, #e67e22);
  color: #fff;
  padding: 40px 20px 52px;
  text-align: center;
}
#ak-hero h1 { font-size: 26px; font-weight: 700; margin: 0 0 6px; color: #fff; }
#ak-hero p  { font-size: 14px; opacity: .9; margin: 0 0 20px; }
#ak-count-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 20px;
  padding: 7px 18px;
  font-size: 14px;
  font-weight: 500;
}
#ak-count { font-size: 20px; font-weight: 700; }

/* PULSE */
.ak-pulse {
  display: inline-block;
  width: 9px; height: 9px;
  background: #fff;
  border-radius: 50%;
  animation: ak-pulse-anim 1.5s infinite;
  flex-shrink: 0;
}
@keyframes ak-pulse-anim {
  0%   { box-shadow: 0 0 0 0 rgba(255,255,255,.5); }
  70%  { box-shadow: 0 0 0 7px rgba(255,255,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}

/* FİLTRE - YENİ KART YAPISI */
#ak-filter {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  padding: 16px 18px;
  margin: -26px 0 24px;
  border: none;
}
#ak-filter form { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
#ak-filter select {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  font-size: 14px;
  color: #333;
  background: #fafafa;
  outline: none;
  min-width: 140px;
  transition: border-color .15s;
}
#ak-filter select:focus { border-color: #e67e22; }
#ak-filter-ara-btn {
  background: #e67e22;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity .2s;
}
#ak-filter-ara-btn:hover { opacity: .9; }

/* PANELLERİN ORTAK STİLİ */
#ak-panel, #ak-login-notice {
  background: #fff;
  border: 1px solid #ece9e4;
  border-radius: 14px;
  padding: 22px 24px;
  margin: 20px 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

/* PANEL BAŞLIK */
.ak-panel-head { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.ak-panel-title { font-size: 16px; font-weight: 700; color: #111; }
.ak-badge { font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px; }
.ak-badge-warn { background: #fef3c7; color: #92400e; }

/* STATUS BOX */
.ak-status-box {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 10px;
  margin-bottom: 14px;
}
.ak-status-box strong { display: block; font-size: 14px; }
.ak-status-box span   { font-size: 13px; opacity: .75; }
.ak-status-open   { background: #f0fdf4; border: 1px solid #bbf7d0; }
.ak-status-closed { background: #f5f5f5; border: 1px solid #e5e5e5; }
.ak-status-pending{ background: #fffbeb; border: 1px solid #fde68a; }
.ak-status-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; margin-top: 4px; }
.ak-dot-gray { background: #9ca3af; }
.ak-dot-warn { background: #f59e0b; }

.ak-panel-status {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 14px;
}
.ak-panel-status .ak-status-box { width: 100%; margin-bottom: 5px; }

/* FORM */
.ak-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 16px;
}
.ak-form-row.ak-full { grid-column: 1 / -1; }
.ak-form-row label { display: block; font-size: 13px; font-weight: 600; color: #444; margin-bottom: 6px; }
.ak-form-row label small { font-weight: 400; color: #999; }
.ak-form-row input,
.ak-form-row textarea,
.ak-form-row select {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: border-color .15s;
}
.ak-form-row input:focus,
.ak-form-row textarea:focus,
.ak-form-row select:focus { border-color: #e67e22; }
.ak-form-row textarea { height: 80px; resize: vertical; }

/* GENEL BUTONLAR */
.ak-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
.ak-btn:hover { opacity: .9; transform: translateY(-1px); }
.ak-btn-green { background: #22c55e; color: #fff !important; }
.ak-btn-red   { background: #ef4444; color: #fff !important; }
.ak-btn-blue  { background: #e67e22; color: #fff !important; }
.ak-btn-gray  { background: #f5f5f5; color: #555 !important; border: 1px solid #ddd; }

.ak-btn-edit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  color: #475569 !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
.ak-btn-edit:hover { background: #f1f5f9; border-color: #94a3b8; color: #1e293b !important; }

/* ============================= */
/* KLİNİK LİSTESİ - YENİ TASARIM */
/* ============================= */
.ak-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 16px;
  margin-bottom: 30px;
}

/* KART */
.ak-card-modern {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #eaeaea;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.ak-card-modern:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(230,126,34,0.12);
  border-color: #fce8d5;
}

/* KART ÜST BİLGİ */
.ak-card-top { padding: 16px 16px 12px; flex: 1; }
.ak-card-title { font-size: 15px; font-weight: 700; color: #222; margin: 0 0 4px; }
.ak-card-location { font-size: 12px; color: #888; margin: 0 0 10px; }

/* AÇIK GÖSTERGESİ */
.ak-status-indicator {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #f0fdf4;
  padding: 6px 11px;
  border-radius: 8px;
  border: 1px solid #bbf7d0;
}
.ak-dot-green {
  width: 8px; height: 8px;
  background: #22c55e;
  border-radius: 50%;
  flex-shrink: 0;
  animation: ak-pulse-green 1.5s infinite;
}
@keyframes ak-pulse-green {
  0%   { box-shadow: 0 0 0 0 rgba(34,197,94,.4); }
  70%  { box-shadow: 0 0 0 5px rgba(34,197,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}
.ak-status-texts { display: flex; flex-direction: column; line-height: 1.2; }
.ak-status-texts strong { font-size: 11px; color: #166534; letter-spacing: 0.3px; }
.ak-status-texts small  { font-size: 10px; color: #4ade80; margin-top: 1px; }

/* KART ADRES */
.ak-card-address {
  padding: 10px 16px;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.ak-card-address a {
  font-size: 11px;
  color: #666;
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  gap: 5px;
  line-height: 1.5;
  transition: color .15s;
}
.ak-card-address a:hover { color: #e67e22; }
.ak-card-address svg { flex-shrink: 0; margin-top: 1px; }

/* KART BUTONLAR */
.ak-card-actions {
  display: flex;
  gap: 8px;
  padding: 12px 16px;
}
.ak-btn-action {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 8px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  color: #fff !important;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.1s;
}
.ak-btn-action:hover { opacity: 0.9; transform: scale(0.98); }
.ak-btn-call { background-color: #e67e22; }
.ak-btn-wa   { background-color: #25d366; }
.ak-btn-action svg { width: 14px; height: 14px; flex-shrink: 0; }

/* MESAJ */
.ak-msg { padding: 10px 14px; border-radius: 8px; font-size: 13px; margin-top: 12px; }
.ak-msg-ok    { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
.ak-msg-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }

/* BOŞ DURUM */
.ak-empty { text-align: center; padding: 48px 20px; color: #999; }
.ak-empty p { font-size: 15px; }

/* GİRİŞ NOTICE */
#ak-login-notice { text-align: center; color: #666; font-size: 14px; }
#ak-login-notice a { color: #e67e22; font-weight: 600; text-decoration: none; }

/* MOBİL */
@media (max-width: 600px) {
  .ak-form-grid { grid-template-columns: 1fr; }
  #ak-filter form { flex-direction: column; align-items: stretch; }
  #ak-filter select { min-width: auto; }
  #ak-hero h1 { font-size: 22px; }
  .ak-panel-status { flex-direction: column; align-items: stretch; }
  .ak-btn-edit { justify-content: center; }
  .ak-card-actions { flex-direction: column; }
  .ak-grid-container { grid-template-columns: 1fr; }
}