/* /Components/Layout/LoginLayout.razor.rz.scp.css */
/* LoginLayout.razor.css — <style> blogundan tasinmistir (css_kurallari.md 1.2) */

.login-layout[b-krp4cydm7c] {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: linear-gradient(135deg, #F3F4F6 0%, #E0E7FF 100%);
padding: 1rem;
}

.login-container[b-krp4cydm7c] {
width: 100%;
max-width: 480px;
padding: 2.5rem;
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
}

.fade-in[b-krp4cydm7c] {
animation: fadeIn-b-krp4cydm7c 0.5s ease-out;
}

@keyframes fadeIn-b-krp4cydm7c {
from { opacity: 0; transform: scale(0.98); }
to { opacity: 1; transform: scale(1); }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-txll71u7rv] {
  color-scheme: light only;
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss[b-txll71u7rv] {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}



.page[b-txll71u7rv] {
  height: 100vh;
  overflow-x: hidden;
  position: relative;
  display: flex;
}

.sidebar[b-txll71u7rv] {
  width: 12rem;
  height: 100vh;
  background-color: var(--sidebar-bg);
  transition: all 0.3s;
  overflow-y: auto;
  position: sticky;
  top: 0;
  z-index: 1;
  box-shadow: var(--shadow-lg);
  flex-shrink: 0;
}

.sidebar.collapsed[b-txll71u7rv] {
  width: 0;
  overflow: hidden;
}

.sidebar-header[b-txll71u7rv] {
  padding: 0.75rem 1rem;
  background-color: rgba(229, 221, 221, 0.725);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 68px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-header h3[b-txll71u7rv] {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}

.main-content[b-txll71u7rv] {
  min-height: 100vh;
  min-width: 0;
  transition: all 0.3s;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.toolbar-container[b-txll71u7rv] {
  position: sticky;
  top: 0;
  z-index: 100;
  overflow: visible !important;
}

.toolbar-container .custom-toolbar[b-txll71u7rv] {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
  height: 68px;
}

/* Hide mobile overlay on desktop */
.mobile-overlay[b-txll71u7rv] {
  display: none;
}

/* Toggle butonları için stiller */
.toggle-button[b-txll71u7rv],
.toolbar-toggle-button[b-txll71u7rv] {
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toggle-button:hover[b-txll71u7rv],
.toolbar-toggle-button:hover[b-txll71u7rv] {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.toggle-button .e-icons[b-txll71u7rv],
.toolbar-toggle-button .e-icons[b-txll71u7rv] {
  font-size: 1.25rem;
  line-height: 1;
}

.toolbar-toggle-button[b-txll71u7rv] {
  background: transparent;
  border: none;
  color: var(--text-secondary);
  padding: 0.5rem;
  border-radius: var(--radius-md);
  transition: background 0.2s;
  cursor: pointer;
}

.toolbar-toggle-button:hover[b-txll71u7rv] {
  background-color: var(--bg-body);
  color: var(--primary-color);
}

/* Mobil görünüm için stiller */
@media (max-width: 768px) {
  .mobile-overlay[b-txll71u7rv] {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
  }

  .page[b-txll71u7rv] {
    flex-direction: column;
  }

  .sidebar[b-txll71u7rv] {
    position: fixed;
    z-index: 1001;
    left: -12rem;
    /* Başlangıçta gizli */
    top: 56px;
    /* Toolbar yüksekliği */
    height: calc(100vh - 56px);
    /* Toolbar yüksekliğini çıkar */
    width: 12rem;
    transition: left 0.3s ease;
  }

  .sidebar.expanded[b-txll71u7rv] {
    left: 0;
  }

  /* Override the desktop collapsed style on mobile */
  .sidebar.collapsed[b-txll71u7rv] {
    width: 12rem;
    /* Keep full width on mobile, just hide with left position */
    left: -12rem;
    overflow: visible;
  }

  .main-content[b-txll71u7rv] {
    margin-left: 0;
    width: 100%;
  }

  .toolbar-container[b-txll71u7rv] {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
    overflow: visible;
  }

  main[b-txll71u7rv] {
    margin-top: 56px;
    /* Toolbar yüksekliği kadar boşluk */
    padding: 1rem;
  }
}

.e-user-name[b-txll71u7rv] {
  font-weight: 600;
  color: var(--text-main);
  font-size: 0.95rem;
}


main[b-txll71u7rv] {
  padding: 1rem;
  flex: 1;
}

.user-avatar[b-txll71u7rv] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
  transition: transform 0.2s ease;
}

.user-menu-container button:hover .user-avatar[b-txll71u7rv] {
  transform: scale(1.05);
}

.user-menu-container[b-txll71u7rv] {
  position: relative;
  z-index: 9999;
}

.user-dropdown-menu[b-txll71u7rv] {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  background: white;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  min-width: 200px;
  padding: 0.5rem 0;
  z-index: 9999 !important;
  animation: dropdownSlide-b-txll71u7rv 0.2s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@keyframes dropdownSlide-b-txll71u7rv {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.app-footer[b-txll71u7rv] {
  background: #f8f9fa;
  border-top: 1px solid #e9ecef;
  margin-top: auto;
  flex-shrink: 0;
}

.footer-left[b-txll71u7rv],
.footer-center[b-txll71u7rv],
.footer-right[b-txll71u7rv] {
  flex: 1;
}

.footer-center[b-txll71u7rv] {
  text-align: center;
}

.footer-right[b-txll71u7rv] {
  text-align: right;
}

@media (max-width: 768px) {
  .app-footer .d-flex[b-txll71u7rv] {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }

  .footer-left[b-txll71u7rv],
  .footer-center[b-txll71u7rv],
  .footer-right[b-txll71u7rv] {
    text-align: center;
    flex: none;
  }
}

.user-dropdown-menu .dropdown-item[b-txll71u7rv] {
  display: block;
  padding: 0.6rem 1.25rem;
  color: #374151;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 0.95rem;
}

.user-dropdown-menu .dropdown-item:hover[b-txll71u7rv] {
  background: rgba(59, 130, 246, 0.08);
  padding-left: 1.5rem;
}

.user-dropdown-menu .dropdown-item i[b-txll71u7rv] {
  opacity: 0.7;
}

.user-dropdown-menu .dropdown-item.text-danger:hover[b-txll71u7rv] {
  background: rgba(239, 68, 68, 0.08);
  color: #dc2626;
}

.dropdown-divider[b-txll71u7rv] {
  margin: 0.5rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
/* /Components/Layout/SidebarMenu.razor.rz.scp.css */
/* CSS Variables for Sidebar */
:root[b-3q9ktjsmy6] {
    --sidebar-bg: #1E293B;
    --sidebar-hover: #334155;
    --sidebar-active: #4F46E5;
}

/* Syncfusion icon font ayarları */
.e-icons[b-3q9ktjsmy6] {
    font-size: 0.75rem;
    line-height: 1;
    vertical-align: middle;
    margin-right: 0.4rem;
}

.nav-item[b-3q9ktjsmy6] {
    font-size: 0.75rem; /* Küçültülmüş font boyutu */
    padding-bottom: 0.3rem;
}

    .nav-item:first-of-type[b-3q9ktjsmy6] {
        padding-top: 0.75rem;
    }

    .nav-item:last-of-type[b-3q9ktjsmy6] {
        padding-bottom: 0.75rem;
    }

.nav-scrollable[b-3q9ktjsmy6] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-3q9ktjsmy6] {
    display: block;
}

/* Hover vurgusu */
/* Blazor CSS isolation ile NavLink çıktısı: div.nav-item > a.nav-link */
/* NavLink (alt bileşen) içindeki <a> için deep seçici kullan */
.nav-item[b-3q9ktjsmy6]  .nav-link {
    display: block;
    border-radius: 6px;
    padding: 0.4rem 0.6rem;
    transition: background-color .15s ease, color .15s ease;
    color: #94A3B8; /* Slate 400 */
    font-weight: 500;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.nav-item[b-3q9ktjsmy6]  .nav-link:hover,
.nav-item[b-3q9ktjsmy6]  .nav-link:focus {
    background-color: var(--sidebar-hover) !important;
    color: #F8FAFC !important;
    transform: translateX(4px);
}

/* Toggle menü başlıklarındaki açılır/kapanır oku */
.menu-chevron[b-3q9ktjsmy6] {
  font-size: 0.625rem;
}

.nav-item[b-3q9ktjsmy6]  .nav-link.active,
.nav-item[b-3q9ktjsmy6]  .nav-link.active:hover {
    background-color: var(--sidebar-active) !important;
    color: white !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

@media (min-width: 641px) {
    .navbar-toggler[b-3q9ktjsmy6] {
        display: none;
    }

    .nav-scrollable[b-3q9ktjsmy6] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
.sidebar-version[b-3q9ktjsmy6] {
  padding: 0.5rem 1rem;
  text-align: center;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

  .sidebar-version:hover[b-3q9ktjsmy6] {
    opacity: 1;
  }

/* Hide version on very small screens when sidebar is collapsed */
@media (max-width: 576px) {
  .sidebar.collapsed .sidebar-version[b-3q9ktjsmy6] {
    display: none;
  }
}
/* /Components/Pages/Account/Profile.razor.rz.scp.css */
/* Profile Page Styles */
.profile-page[b-teq6if3wa4] {
    max-width: 1400px;
}

.profile-kase-image[b-teq6if3wa4],
.profile-kase-placeholder[b-teq6if3wa4] {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.profile-kase-placeholder[b-teq6if3wa4] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 4rem;
}

.profile-upload-btn[b-teq6if3wa4] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 3px solid #fff;
}

.profile-stats[b-teq6if3wa4] {
    margin: 1rem 0;
}

/* Activity List */
.activity-list[b-teq6if3wa4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.activity-item[b-teq6if3wa4] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.activity-item:hover[b-teq6if3wa4] {
    background: rgba(0, 0, 0, 0.02);
}

.activity-icon[b-teq6if3wa4] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.activity-content[b-teq6if3wa4] {
    flex: 1;
}

/* Modal Overlay */
.modal-overlay[b-teq6if3wa4] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn-b-teq6if3wa4 0.2s ease;
}

@keyframes fadeIn-b-teq6if3wa4 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal-dialog-custom[b-teq6if3wa4] {
    max-width: 500px;
    width: 90%;
    animation: slideUp-b-teq6if3wa4 0.3s ease;
}

@keyframes slideUp-b-teq6if3wa4 {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-content-custom[b-teq6if3wa4] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

/* Upload Area */
.upload-area[b-teq6if3wa4] {
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    padding: 3rem 2rem;
    transition: all 0.3s ease;
    cursor: pointer;
}

.upload-area:hover[b-teq6if3wa4] {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, 0.02);
}

.upload-label[b-teq6if3wa4] {
    cursor: pointer;
    display: block;
    margin: 0;
}

.selected-file-info[b-teq6if3wa4] {
    margin-bottom: 1rem;
    border-radius: 8px;
}

/* Form Enhancements */
.form-control:focus[b-teq6if3wa4],
.form-select:focus[b-teq6if3wa4] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.1);
}

.input-group-text[b-teq6if3wa4] {
    background: #f8fafc;
    border-right: none;
}

.input-group .form-control[b-teq6if3wa4] {
    border-left: none;
}

.input-group:focus-within .input-group-text[b-teq6if3wa4] {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, 0.05);
}

.input-group:focus-within .form-control[b-teq6if3wa4] {
    border-color: #3b82f6;
}

/* Password Strength Indicator (Optional) */
.password-strength[b-teq6if3wa4] {
    height: 4px;
    background: #e5e7eb;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 0.5rem;
}

.password-strength-bar[b-teq6if3wa4] {
    height: 100%;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.password-strength-weak[b-teq6if3wa4] {
    width: 33%;
    background: #ef4444;
}

.password-strength-medium[b-teq6if3wa4] {
    width: 66%;
    background: #f59e0b;
}

.password-strength-strong[b-teq6if3wa4] {
    width: 100%;
    background: #10b981;
}

/* Responsive Adjustments */
@media (max-width: 768px) {

    .profile-kase-image[b-teq6if3wa4],
    .profile-kase-placeholder[b-teq6if3wa4] {
        width: 150px;
        height: 150px;
    }

    .profile-upload-btn[b-teq6if3wa4] {
        width: 40px;
        height: 40px;
    }

    .profile-stats[b-teq6if3wa4] {
        flex-direction: column;
        gap: 1rem;
    }

    .profile-stats>div[b-teq6if3wa4] {
        border: none !important;
        padding: 0 !important;
    }
}
/* /Components/Pages/Ayarlar/FiyatYonetim.razor.rz.scp.css */
/* Fiyat Yönetimi Sayfası Stilleri */

.fiyat-yonetim-container[b-br6x72c068] {
  padding: 1rem;
}

.page-header[b-br6x72c068] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color, #E5E7EB);
}

.header-title[b-br6x72c068] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-main, #111827);
}

.header-actions[b-br6x72c068] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Split View Layout */
.fiyat-split-view[b-br6x72c068] {
  display: flex;
  gap: 1rem;
  min-height: calc(100vh - 10rem);
}

.tarife-list-panel[b-br6x72c068],
.ucret-form-panel[b-br6x72c068] {
  background: var(--bg-surface, #FFFFFF);
  border: 1px solid var(--border-color, #E5E7EB);
  border-radius: var(--radius-lg, 0.75rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.tarife-list-panel[b-br6x72c068] {
  flex: 0 0 400px;
  min-width: 300px;
}

.ucret-form-panel[b-br6x72c068] {
  flex: 1;
  min-width: 0;
}

/* Panel Header */
.panel-header[b-br6x72c068] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--border-color, #E5E7EB);
  background: var(--bg-body, #F3F4F6);
}

.panel-title[b-br6x72c068] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-main, #111827);
}

.panel-content[b-br6x72c068] {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
}

/* Tarife List */
.tarife-list[b-br6x72c068] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.tarife-card[b-br6x72c068] {
  border: 1px solid var(--border-color, #E5E7EB);
  border-radius: var(--radius-md, 0.5rem);
  padding: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  background: var(--bg-surface, #FFFFFF);
}

.tarife-card:hover[b-br6x72c068] {
  border-color: var(--primary-color, #4F46E5);
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
}

.tarife-card.active[b-br6x72c068] {
  border-color: var(--primary-color, #4F46E5);
  background: rgba(79, 70, 229, 0.05);
}

.tarife-card-header[b-br6x72c068] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.tarife-name[b-br6x72c068] {
  font-weight: 600;
  color: var(--text-main, #111827);
}

.tarife-card-body[b-br6x72c068] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.tarife-info[b-br6x72c068] {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: var(--text-secondary, #6B7280);
}

.tarife-actions[b-br6x72c068] {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-color, #E5E7EB);
}

/* Ucret Grid */
.ucret-grid[b-br6x72c068] {
  background: var(--bg-surface, #FFFFFF);
  border-radius: var(--radius-md, 0.5rem);
  overflow: hidden;
}

.ucret-grid table[b-br6x72c068] {
  margin: 0;
}

.ucret-grid th[b-br6x72c068] {
  background: var(--bg-body, #F3F4F6);
  font-weight: 600;
  color: var(--text-main, #111827);
  border-bottom: 2px solid var(--border-color, #E5E7EB);
}

/* Empty State */
.empty-state[b-br6x72c068] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
}

.empty-state i[b-br6x72c068],
.empty-state span[b-br6x72c068] {
  opacity: 0.5;
}

/* Dialog Styles */
.dialog-actions[b-br6x72c068] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1.5rem;
}

/* Loading Overlay */
.loading-overlay[b-br6x72c068] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 20rem;
}

/* Responsive */
@media (max-width: 1024px) {
  .fiyat-split-view[b-br6x72c068] {
    flex-direction: column;
  }

  .tarife-list-panel[b-br6x72c068] {
    flex: 1;
    max-height: 400px;
  }

  .ucret-form-panel[b-br6x72c068] {
    min-height: 500px;
  }
}

@media (max-width: 768px) {
  .fiyat-yonetim-container[b-br6x72c068] {
    padding: 0.5rem;
  }

  .page-header[b-br6x72c068] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .tarife-list-panel[b-br6x72c068],
  .ucret-form-panel[b-br6x72c068] {
    flex: 1;
    min-width: 0;
  }

  .panel-header[b-br6x72c068] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .tarife-card[b-br6x72c068],
  .tarife-card:hover[b-br6x72c068] {
    transition: none;
  }
}

/* Focus styles for keyboard navigation */
.tarife-card:focus-visible[b-br6x72c068],
.SfButton:focus-visible[b-br6x72c068] {
  outline: 2px solid var(--primary-color, #4F46E5);
  outline-offset: 2px;
}
/* /Components/Pages/Ayarlar/GozSablonTabContent.razor.rz.scp.css */
/* ================================================================
   GozSablonTabContent.razor - GOZ Category Templates (Compact Layout)
   ================================================================ */

/* Main Container */
.goz-tab-container[b-4aiqpmqjbg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0.5rem;
    gap: 0.75rem;
    overflow: hidden;
}

/* Templates Row - Side by side */
.templates-row[b-4aiqpmqjbg] {
    display: flex;
    gap: 1rem;
    flex: 0 0 auto;
    max-height: 50%;
}

/* Section styling */
.sablon-section[b-4aiqpmqjbg] {
    flex: 1;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Personal - Purple accent */
.sablon-section.personal[b-4aiqpmqjbg] {
    border-top: 3px solid #8b5cf6;
}

.sablon-section.personal .section-header[b-4aiqpmqjbg] {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

/* Shared - Gray accent */
.sablon-section.shared[b-4aiqpmqjbg] {
    border-top: 3px solid #64748b;
}

.sablon-section.shared .section-header[b-4aiqpmqjbg] {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
}

/* Section Header */
.section-header[b-4aiqpmqjbg] {
    padding: 0.5rem 0.8rem;
    color: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.section-header h5[b-4aiqpmqjbg] {
    margin: 0;
    font-weight: 600;
    font-size: 0.85rem;
}

.section-header .section-icon[b-4aiqpmqjbg] {
    font-size: 0.9rem;
}

.section-header .section-badge[b-4aiqpmqjbg] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.1rem 0.4rem;
    border-radius: 12px;
    font-size: 0.7rem;
    margin-left: auto;
}

.section-header .readonly-badge[b-4aiqpmqjbg] {
    background: rgba(0, 0, 0, 0.2);
    padding: 0.1rem 0.4rem;
    border-radius: 12px;
    font-size: 0.65rem;
    font-style: italic;
}

.section-content[b-4aiqpmqjbg] {
    flex: 1;
    overflow: auto;
    padding: 0.5rem;
    min-height: 0;
}

/* Grid Compact */
[b-4aiqpmqjbg] .e-grid {
    border: none !important;
    font-size: 0.85rem;
}

[b-4aiqpmqjbg] .e-grid .e-gridheader {
    background: #f8fafc;
}

[b-4aiqpmqjbg] .e-grid .e-headercell {
    font-weight: 600;
    color: #475569;
    font-size: 0.8rem;
    padding: 0.5rem;
}

[b-4aiqpmqjbg] .e-grid .e-rowcell {
    padding: 0.3rem 0.5rem;
    font-size: 0.8rem;
}

[b-4aiqpmqjbg] .e-grid .e-row:hover {
    background-color: #f5f3ff !important;
}

[b-4aiqpmqjbg] .e-grid .e-selectionbackground {
    background-color: #ede9fe !important;
}

.action-buttons[b-4aiqpmqjbg] {
    display: flex;
    gap: 0.25rem;
}

.action-buttons .e-btn[b-4aiqpmqjbg] {
    padding: 0.15rem 0.4rem;
    font-size: 0.7rem;
    border-radius: 4px;
}

/* Form */
.form-card[b-4aiqpmqjbg] {
    flex: 1;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.form-card.editing[b-4aiqpmqjbg] {
    border-left: 3px solid #f59e0b;
}

.form-card.adding[b-4aiqpmqjbg] {
    border-left: 3px solid #8b5cf6;
}

.form-header[b-4aiqpmqjbg] {
    padding: 0.5rem 0.8rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.form-header h5[b-4aiqpmqjbg] {
    margin: 0;
    font-weight: 600;
    color: #1e293b;
    font-size: 0.85rem;
}

.form-header .form-icon[b-4aiqpmqjbg] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    border-radius: 6px;
    color: white;
    font-size: 0.8rem;
}

.form-body[b-4aiqpmqjbg] {
    flex: 1;
    padding: 0.8rem;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-row[b-4aiqpmqjbg] {
    display: flex;
    gap: 1rem;
}

.form-group[b-4aiqpmqjbg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.form-label[b-4aiqpmqjbg] {
    font-weight: 600;
    color: #475569;
    font-size: 0.75rem;
}

[b-4aiqpmqjbg] .form-group .e-input-group {
    height: 30px !important;
}

[b-4aiqpmqjbg] .form-group .e-input-group .e-input {
    padding: 0.3rem 0.5rem !important;
    font-size: 0.8rem;
}

.form-actions[b-4aiqpmqjbg] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-top: 0.5rem;
}

.form-actions .e-btn[b-4aiqpmqjbg] {
    padding: 0.4rem 0.8rem;
    font-weight: 500;
    border-radius: 6px;
    font-size: 0.8rem;
}

@media (max-width: 992px) {
    .templates-row[b-4aiqpmqjbg] {
        flex-direction: column;
        max-height: none;
    }

    .sablon-section[b-4aiqpmqjbg] {
        max-height: 200px;
    }
}
/* /Components/Pages/Ayarlar/Kullanicilar.razor.rz.scp.css */
.kullanici-page-container[b-enzvbocxj3] {
    padding: 1rem;
}

.page-header[b-enzvbocxj3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.header-title[b-enzvbocxj3] {
    font-size: 1.25rem;
    margin: 0;
}

.grid-container[b-enzvbocxj3] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    overflow: hidden;
}

.empty-state[b-enzvbocxj3] {
    color: var(--bs-secondary-color);
}

.satir-pasif td[b-enzvbocxj3] {
    color: var(--bs-secondary-color);
}

/* ===== Kullanıcı ekle/düzenle diyaloğu (DESIGN.md: kompakt + rol odaklı vurgu) ===== */

/* Dialog stilleri: scope-wrapper kuralı (css_kurallari.md §10.3) — ::deep ile
   SfDialog'un ürettiği DOM'a inilir. Sabit Height yok: modlar (yeni/düzenle, OSGB
   açık/kapalı) farklı yükseklikte; içerik boyutlar, 80vh tavanda kayar. */
.kullanici-dialog-scope[b-enzvbocxj3]  .kullanici-dialog {
    max-width: 96vw;
}

.kullanici-dialog-scope[b-enzvbocxj3]  .e-dlg-content {
    padding: 0.75rem 1.25rem 1rem;
    max-height: 80vh;
    overflow-y: auto;
}

.kullanici-dialog-scope[b-enzvbocxj3]  .e-footer-content {
    padding: 0.75rem 1.25rem 1rem;
}

/* Bölüm başlığı: ikon chip + uppercase başlık + kalan genişlikte hairline.
   Varsayılan (Genel Bilgiler) nötr; erişim bölümü primary tonlu varyantla öne çıkar. */
.form-section-title[b-enzvbocxj3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color);
    margin-bottom: 0.75rem;
}

.form-section-title i[b-enzvbocxj3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    background: var(--bs-tertiary-bg);
    color: var(--bs-secondary-color);
}

.form-section-title[b-enzvbocxj3]::after {
    content: "";
    flex: 1;
    border-top: 1px solid var(--bs-border-color);
}

/* Rol odaklı vurgu: erişim/yetki bölümünün ikonu primary renkte */
.form-section-title--erisim i[b-enzvbocxj3] {
    background: color-mix(in srgb, var(--primary-color) 10%, transparent);
    color: var(--primary-color);
}

/* Erişim/yetki kolonunu saran primary tonlu panel — kimlik kolonu nötr kalır */
.erisim-panel[b-enzvbocxj3] {
    background: color-mix(in srgb, var(--primary-color) 4%, transparent);
    border: 1px solid color-mix(in srgb, var(--primary-color) 18%, transparent);
    border-radius: var(--radius-md, 0.5rem);
    padding: 0.75rem 0.875rem;
    height: 100%;
    box-sizing: border-box;
}

/* Kompakt ritim: alan etiketleri 13px/500 ikincil renk, blok aralığı 10px */
.kullanici-dialog-scope .form-label[b-enzvbocxj3] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--bs-secondary-color);
    margin-bottom: 0.25rem;
}

.form-field[b-enzvbocxj3] {
    margin-bottom: 0.625rem;
}

/* ::deep şart: .e-control-wrapper Syncfusion üretimi DOM'dur, scope attribute'u
   taşımaz — ::deep'siz kural sessizce ölü olur (css_kurallari.md §10.3-3) */
.form-field[b-enzvbocxj3]  .e-control-wrapper {
    width: 100%;
}

/* Durum anahtarları (SfCheckBox): Bootstrap form-check deseni Syncfusion sarma
   kutusunda yüksekliği çökertip etiketi kırıyordu; sınıfıyla flex hizalanır ve
   etiket hiçbir kolon genişliğinde TEK SATIRDA kalır ("Sistem Admin" düzeltmesi) */
.durum-check[b-enzvbocxj3]  .e-control-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: auto;
}

.durum-check[b-enzvbocxj3]  .e-checkboxlabel {
    white-space: nowrap;
}

/* Pasif / Sistem Admin tek satırda yan yana; dar ekranda satır sarar, etiket yine
   tek satır kalır (nowrap blok bazında) */
.durum-satiri[b-enzvbocxj3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 1.5rem;
    margin-top: 0.5rem;
}

/* Şifre göz ikonu: SfTextBox'a Created'te AddIconAsync ile bir kez eklenir — yükseklik/
   hizalama fluent temanın input-group stilleriyle. Glyph bootstrap-icons fontundan
   (.bi sınıfı fontu taşır) durum sınıfına göre seçilir: \f340 eye-slash (gizli),
   \f341 eye (açık) — AddIconAsync tekrarı (ikon istiflenmesi) gerekmez */
.sifre-alani[b-enzvbocxj3]  .sifre-goz {
    cursor: pointer;
}

.sifre-alani[b-enzvbocxj3]  .sifre-goz::before {
    content: "\f340";
}

.sifre-alani.sifre-acik[b-enzvbocxj3]  .sifre-goz::before {
    content: "\f341";
}
/* /Components/Pages/Ayarlar/LabEntegMusteriler.razor.rz.scp.css */
/* LabEntegMusteriler.razor.css — <style> blogundan tasinmistir (css_kurallari.md 1.2) */
.customer-grid-container[b-gq4bsa88lh] {
    background: var(--bs-body-bg);
    border-radius: 0.5rem;
    padding: 1rem;
}

.customer-grid-container table[b-gq4bsa88lh] {
    margin-bottom: 0;
}

.customer-grid-container th[b-gq4bsa88lh] {
    background-color: var(--bs-tertiary-bg);
    font-weight: 600;
}
/* /Components/Pages/Ayarlar/OsgbListesi.razor.rz.scp.css */
/* OsgbListesi.razor.css — sayfa özel stilleri (inline <style> yasak, CSS isolation) */

.osgb-liste-container[b-pa9hhzf6zh] {
  padding: 1rem;
}

.page-header[b-pa9hhzf6zh] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.header-title[b-pa9hhzf6zh] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 1.5rem;
  color: var(--bs-body-color);
}

.loading-overlay[b-pa9hhzf6zh] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.liste-grid-container[b-pa9hhzf6zh] {
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  padding: 1rem;
}

.liste-grid-container table[b-pa9hhzf6zh] {
  margin-bottom: 0;
}

.liste-grid-container th[b-pa9hhzf6zh] {
  background-color: var(--bs-tertiary-bg);
  font-weight: 600;
  white-space: nowrap;
}

.liste-grid-container td[b-pa9hhzf6zh] {
  vertical-align: middle;
}

.empty-state[b-pa9hhzf6zh] {
  color: var(--bs-secondary-color);
}

.empty-state h4[b-pa9hhzf6zh] {
  color: var(--bs-secondary-color);
}

/* Pasif satırlar için Bootstrap table-secondary override */
[b-pa9hhzf6zh] .table-secondary {
  opacity: 0.75;
}

/* === Düzenleme Dialog === */

/* .liste-dialog-scope, dialogları saran elle yazılmış div — scope attribute'u ondadır.
   ::deep bu ata elemandan başlar; SfDialog'un ürettiği iç DOM'a başka türlü ulaşılamaz. */

/* Geniş/yatay yerleşim: dar ekranlarda taşmaması için viewport sınırı */
.liste-dialog-scope[b-pa9hhzf6zh]  .liste-dialog {
  max-width: 96vw;
}

/* Kaydırma normalde gerekmez; yalnızca çok kısa ekranlar için güvenlik payı */
.liste-dialog-scope[b-pa9hhzf6zh]  .liste-dialog .e-dlg-content {
  padding: 0.75rem 1.25rem 1rem;
  max-height: 80vh;
  overflow-y: auto;
}

/* Footer butonları dialog'un alt kenarına yapışmasın (her iki dialog için) */
.liste-dialog-scope[b-pa9hhzf6zh]  .e-footer-content {
  padding: 0.75rem 1.25rem 1rem;
}

/* Form bölüm başlıkları (kolon başlıkları) */
.form-section-title[b-pa9hhzf6zh] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.625rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid var(--bs-border-color);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-primary);
}

.form-section-title i[b-pa9hhzf6zh] {
  font-size: 1rem;
}

/* Kompakt alan yerleşimi: etiket + input tek blok, alanlar dikey akar */
.form-field[b-pa9hhzf6zh] {
  margin-bottom: 0.625rem;
}

/* Yalnızca kolonun en alttaki alanı boşluksuz olsun; iç içe row'daki (ör. telefon
   çifti) alanlar kendilerinden sonra gelen alandan ayrılmak için margin'ini korur */
.birim-form > [class*="col-"] > .form-field:last-child[b-pa9hhzf6zh] {
  margin-bottom: 0;
}

.form-field .form-label[b-pa9hhzf6zh] {
  margin-bottom: 0.125rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--bs-secondary-color);
}

/* Syncfusion input'un tema kaynaklı alt boşluğu satır yüksekliğini şişiriyor */
.liste-dialog-scope[b-pa9hhzf6zh]  .liste-dialog .form-field .e-input-group {
  margin-bottom: 0;
}

.form-field[b-pa9hhzf6zh]  .validation-message {
  margin-top: 0.125rem;
  font-size: 0.75rem;
}

/* Geniş ekranda kolonlar arası ince ayraç */
@media (min-width: 992px) {
  .birim-form > [class*="col-"] + [class*="col-"][b-pa9hhzf6zh] {
    border-left: 1px solid var(--bs-border-color);
  }
}

/* === Logo Upload === */

.logo-upload-area[b-pa9hhzf6zh] {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.logo-preview[b-pa9hhzf6zh] {
  position: relative;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  border: 2px dashed var(--bs-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
  background: var(--bs-tertiary-bg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-preview img[b-pa9hhzf6zh] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.logo-preview-empty[b-pa9hhzf6zh] {
  color: var(--bs-secondary-color);
  font-size: 1.75rem;
}

.logo-actions[b-pa9hhzf6zh] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  flex: 1;
}

.logo-upload-label[b-pa9hhzf6zh] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  background: var(--bs-body-bg);
  cursor: pointer;
  font-size: 0.875rem;
  color: var(--bs-body-color);
  transition: border-color 0.2s ease, background 0.2s ease;
  width: fit-content;
}

.logo-upload-label:hover[b-pa9hhzf6zh] {
  border-color: var(--bs-primary);
  background: var(--bs-tertiary-bg);
}

.logo-hint[b-pa9hhzf6zh] {
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
  margin: 0;
}

.logo-remove-btn[b-pa9hhzf6zh] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  font-size: 0.8rem;
  width: fit-content;
}

/* === Birim Yetkileri Dialog === */
/* .yetki-* elemanları <Content> içinde elle yazıldığı için scope attribute'u doğrudan
   üzerlerine basılır — ::deep gerekmez (yalnızca SfDialog'un ürettiği .e-* sınıfları için gerekir). */

.yetki-list[b-pa9hhzf6zh] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.yetki-item[b-pa9hhzf6zh] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 0.875rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  background: var(--bs-body-bg);
  transition: border-color 0.2s ease, background 0.2s ease;
}

.yetki-item.item-changed[b-pa9hhzf6zh] {
  border-color: var(--bs-success);
  background: var(--bs-success-bg-subtle);
}

.yetki-info[b-pa9hhzf6zh] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.yetki-name[b-pa9hhzf6zh] {
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--bs-body-color);
}

.yetki-code[b-pa9hhzf6zh] {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  font-family: var(--bs-font-monospace);
}

.yetki-status[b-pa9hhzf6zh] {
  display: flex;
  align-items: center;
}
/* /Components/Pages/Ayarlar/SablonSkodContent.razor.rz.scp.css */
/* ================================================================
   SablonSkodContent.razor - EKG/ODY/SFT Templates (Compact Layout)
   ================================================================ */

/* Main Container */
.skod-sablon-container[b-zrirvpvwju] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
    gap: 1rem;
    overflow: hidden;
}

/* Templates Row - Side by side */
.templates-row[b-zrirvpvwju] {
    display: flex;
    gap: 1rem;
    flex: 0 0 auto;
    max-height: 45%;
}

/* Section styling */
.sablon-section[b-zrirvpvwju] {
    flex: 1;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Personal - Green accent */
.sablon-section.personal[b-zrirvpvwju] {
    border-top: 3px solid #10b981;
}

.sablon-section.personal .section-header[b-zrirvpvwju] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

/* Shared - Gray accent */
.sablon-section.shared[b-zrirvpvwju] {
    border-top: 3px solid #64748b;
}

.sablon-section.shared .section-header[b-zrirvpvwju] {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
}

/* Section Header */
.section-header[b-zrirvpvwju] {
    padding: 0.6rem 1rem;
    color: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.section-header h5[b-zrirvpvwju] {
    margin: 0;
    font-weight: 600;
    font-size: 0.9rem;
}

.section-header .section-icon[b-zrirvpvwju] {
    font-size: 1rem;
}

.section-header .section-badge[b-zrirvpvwju] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.15rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    margin-left: auto;
}

.section-header .readonly-badge[b-zrirvpvwju] {
    background: rgba(0, 0, 0, 0.2);
    padding: 0.15rem 0.5rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-style: italic;
}

.section-content[b-zrirvpvwju] {
    flex: 1;
    overflow: auto;
    padding: 0.5rem;
    min-height: 0;
}

/* Grid Compact */
[b-zrirvpvwju] .e-grid {
    border: none !important;
    font-size: 0.85rem;
}

[b-zrirvpvwju] .e-grid .e-gridheader {
    background: #f8fafc;
}

[b-zrirvpvwju] .e-grid .e-headercell {
    font-weight: 600;
    color: #475569;
    font-size: 0.8rem;
    padding: 0.5rem;
}

[b-zrirvpvwju] .e-grid .e-rowcell {
    padding: 0.4rem 0.5rem;
    font-size: 0.85rem;
}

[b-zrirvpvwju] .e-grid .e-row:hover {
    background-color: #ecfdf5 !important;
}

[b-zrirvpvwju] .e-grid .e-selectionbackground {
    background-color: #d1fae5 !important;
}

.action-buttons[b-zrirvpvwju] {
    display: flex;
    gap: 0.25rem;
}

.action-buttons .e-btn[b-zrirvpvwju] {
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 4px;
}

/* Form */
.form-card[b-zrirvpvwju] {
    flex: 1;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.form-card.editing[b-zrirvpvwju] {
    border-left: 3px solid #f59e0b;
}

.form-card.adding[b-zrirvpvwju] {
    border-left: 3px solid #10b981;
}

.form-header[b-zrirvpvwju] {
    padding: 0.6rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.form-header h5[b-zrirvpvwju] {
    margin: 0;
    font-weight: 600;
    color: #1e293b;
    font-size: 0.9rem;
}

.form-header .form-icon[b-zrirvpvwju] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 6px;
    color: white;
    font-size: 0.85rem;
}

.form-body[b-zrirvpvwju] {
    flex: 1;
    padding: 1rem;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.form-row[b-zrirvpvwju] {
    display: flex;
    gap: 1rem;
}

.form-group[b-zrirvpvwju] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.form-label[b-zrirvpvwju] {
    font-weight: 600;
    color: #475569;
    font-size: 0.8rem;
}

[b-zrirvpvwju] .form-group .e-input-group {
    height: 32px !important;
}

[b-zrirvpvwju] .form-group .e-input-group .e-input {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.85rem;
}

/* Multiline TextBox */
[b-zrirvpvwju] .e-input-group.e-multi-line-input {
    min-height: 60px;
    height: auto !important;
}

.form-actions[b-zrirvpvwju] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.form-actions .e-btn[b-zrirvpvwju] {
    padding: 0.5rem 1rem;
    font-weight: 500;
    border-radius: 6px;
    font-size: 0.85rem;
}

@media (max-width: 992px) {
    .templates-row[b-zrirvpvwju] {
        flex-direction: column;
        max-height: none;
    }

    .sablon-section[b-zrirvpvwju] {
        max-height: 200px;
    }
}

/* ================================================================
   Status Badges
   ================================================================ */
.badge-owner-me[b-zrirvpvwju] {
    background-color: #10b981;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-owner-shared[b-zrirvpvwju] {
    background-color: #64748b;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* ================================================================
   Modern Action Buttons - Icon Buttons with Semantic Colors
   ================================================================ */

/* Base button styling */
.btn-icon[b-zrirvpvwju] {
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 8px;
    transition: all 0.2s ease;
    position: relative;
}

.btn-icon .e-icons[b-zrirvpvwju] {
    font-size: 16px;
}

/* Edit Button - Blue for primary action */
.btn-icon.edit[b-zrirvpvwju] {
    color: #3b82f6;
    background-color: transparent;
}

.btn-icon.edit:hover[b-zrirvpvwju] {
    background-color: #DBEAFE;
    color: #2563eb;
    transform: translateY(-1px);
}

/* Delete Button - Red for destructive action */
.btn-icon.delete[b-zrirvpvwju] {
    color: #EF4444;
    background-color: transparent;
}

.btn-icon.delete:hover[b-zrirvpvwju] {
    background-color: #FEE2E2;
    color: #DC2626;
    transform: translateY(-1px);
}

/* View Button - Gray for informational/read-only */
.btn-icon.view[b-zrirvpvwju] {
    color: #64748b;
    background-color: transparent;
}

.btn-icon.view:hover[b-zrirvpvwju] {
    background-color: #F1F5F9;
    color: #475569;
    transform: translateY(-1px);
}

/* Active/focus states for accessibility */
.btn-icon:focus[b-zrirvpvwju] {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

.btn-icon:active[b-zrirvpvwju] {
    transform: translateY(0);
}
/* /Components/Pages/Ayarlar/SablonVmsRapor.razor.rz.scp.css */
/* ================================================================
   SablonVmsRapor.razor - VMS Rapor Template Management
   ================================================================ */

/* --- Status Badges --- */
.badge-owner-me[b-fzakxk3tyg] {
    background-color: #10b981;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-owner-shared[b-fzakxk3tyg] {
    background-color: #64748b;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-owner-other[b-fzakxk3tyg] {
    background-color: #f59e0b;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Main Container - Flex column for better organization */
.akc-sablon-container[b-fzakxk3tyg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
    gap: 1rem;
    overflow: hidden;
}

/* Templates Row - Side by side layout */
.templates-row[b-fzakxk3tyg] {
    display: flex;
    gap: 1rem;
    flex: 0 0 auto;
    max-height: 45%;
}

/* Each Section takes 50% width */
.sablon-section[b-fzakxk3tyg] {
    flex: 1;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Personal Templates Section - Blue accent */
.sablon-section.personal[b-fzakxk3tyg] {
    border-top: 3px solid #3b82f6;
}

.sablon-section.personal .section-header[b-fzakxk3tyg] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

/* Shared Templates Section - Gray accent (read-only) */
.sablon-section.shared[b-fzakxk3tyg] {
    border-top: 3px solid #64748b;
}

.sablon-section.shared .section-header[b-fzakxk3tyg] {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
}

/* Section Header - Compact */
.section-header[b-fzakxk3tyg] {
    padding: 0.6rem 1rem;
    color: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.section-header h5[b-fzakxk3tyg] {
    margin: 0;
    font-weight: 600;
    font-size: 0.9rem;
}

.section-header .section-icon[b-fzakxk3tyg] {
    font-size: 1rem;
    opacity: 0.9;
}

.section-header .section-badge[b-fzakxk3tyg] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.15rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    margin-left: auto;
}

.section-header .readonly-badge[b-fzakxk3tyg] {
    background: rgba(0, 0, 0, 0.2);
    padding: 0.15rem 0.5rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-style: italic;
}

/* Section Content */
.section-content[b-fzakxk3tyg] {
    flex: 1;
    overflow: auto;
    padding: 0.5rem;
    min-height: 0;
}

/* Grid Compact Styling */
[b-fzakxk3tyg] .e-grid {
    border: none !important;
    font-size: 0.85rem;
}

[b-fzakxk3tyg] .e-grid .e-gridheader {
    background: #f8fafc;
}

[b-fzakxk3tyg] .e-grid .e-headercell {
    font-weight: 600;
    color: #475569;
    font-size: 0.8rem;
    padding: 0.5rem;
}

[b-fzakxk3tyg] .e-grid .e-rowcell {
    padding: 0.4rem 0.5rem;
    font-size: 0.85rem;
}

[b-fzakxk3tyg] .e-grid .e-row:hover {
    background-color: #f0f9ff !important;
}

[b-fzakxk3tyg] .e-grid .e-selectionbackground {
    background-color: #dbeafe !important;
}

/* Action Buttons - Compact */
.action-buttons[b-fzakxk3tyg] {
    display: flex;
    gap: 0.25rem;
}

.action-buttons .e-btn[b-fzakxk3tyg] {
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 4px;
}

/* Form Section - Compact */
.form-card[b-fzakxk3tyg] {
    flex: 1;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.form-card.editing[b-fzakxk3tyg] {
    border-left: 3px solid #f59e0b;
}

.form-card.adding[b-fzakxk3tyg] {
    border-left: 3px solid #10b981;
}

.form-header[b-fzakxk3tyg] {
    padding: 0.6rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.form-header h5[b-fzakxk3tyg] {
    margin: 0;
    font-weight: 600;
    color: #1e293b;
    font-size: 0.9rem;
}

.form-header .form-icon[b-fzakxk3tyg] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border-radius: 6px;
    color: white;
    font-size: 0.85rem;
}

.form-body[b-fzakxk3tyg] {
    flex: 1;
    padding: 1rem;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Form Row - Horizontal layout for inputs */
.form-row[b-fzakxk3tyg] {
    display: flex;
    gap: 1rem;
}

.form-group[b-fzakxk3tyg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.form-row .form-group[b-fzakxk3tyg] {
    flex: 1;
}

.form-label[b-fzakxk3tyg] {
    font-weight: 600;
    color: #475569;
    font-size: 0.85rem;
    white-space: nowrap;
}

.form-group.horizontal[b-fzakxk3tyg] {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.form-group.horizontal .form-label[b-fzakxk3tyg] {
    min-width: 100px;
    text-align: left;
}

/* Compact input styling */
[b-fzakxk3tyg] .form-group .e-input-group {
    height: 32px !important;
}

[b-fzakxk3tyg] .form-group .e-input-group .e-input {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.85rem;
}

/* Rich Text Editor - Compact */
.rich-editor-container[b-fzakxk3tyg] {
    flex: 1;
    min-height: 150px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #d1d5db;
}

[b-fzakxk3tyg] .e-richtexteditor {
    border: none !important;
}

[b-fzakxk3tyg] .e-richtexteditor .e-rte-toolbar {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    min-height: auto;
}

[b-fzakxk3tyg] .e-richtexteditor .e-rte-content {
    min-height: 100px;
}

/* Form Actions - Compact */
.form-actions[b-fzakxk3tyg] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.form-actions .e-btn[b-fzakxk3tyg] {
    padding: 0.5rem 1rem;
    font-weight: 500;
    border-radius: 6px;
    font-size: 0.85rem;
}

/* ================================================================
   Modern Action Buttons - Icon Buttons with Semantic Colors
   ================================================================ */

/* Base button styling */
.btn-icon[b-fzakxk3tyg] {
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 8px;
    transition: all 0.2s ease;
    position: relative;
}

.btn-icon .e-icons[b-fzakxk3tyg] {
    font-size: 16px;
}

/* Copy Button - Green to indicate creation */
.btn-icon.copy[b-fzakxk3tyg] {
    color: #10b981;
    background-color: transparent;
}

.btn-icon.copy:hover[b-fzakxk3tyg] {
    background-color: #D1FAE5;
    color: #059669;
    transform: translateY(-1px);
}

/* Edit Button - Blue for primary action */
.btn-icon.edit[b-fzakxk3tyg] {
    color: #3b82f6;
    background-color: transparent;
}

.btn-icon.edit:hover[b-fzakxk3tyg] {
    background-color: #DBEAFE;
    color: #2563eb;
    transform: translateY(-1px);
}

/* Delete Button - Red for destructive action */
.btn-icon.delete[b-fzakxk3tyg] {
    color: #EF4444;
    background-color: transparent;
}

.btn-icon.delete:hover[b-fzakxk3tyg] {
    background-color: #FEE2E2;
    color: #DC2626;
    transform: translateY(-1px);
}

/* View Button - Gray for informational/read-only */
.btn-icon.view[b-fzakxk3tyg] {
    color: #64748b;
    background-color: transparent;
}

.btn-icon.view:hover[b-fzakxk3tyg] {
    background-color: #F1F5F9;
    color: #475569;
    transform: translateY(-1px);
}

/* Active/focus states for accessibility */
.btn-icon:focus[b-fzakxk3tyg] {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

.btn-icon:active[b-fzakxk3tyg] {
    transform: translateY(0);
}

/* Responsive - Stack vertically on smaller screens */
@media (max-width: 992px) {
    .templates-row[b-fzakxk3tyg] {
        flex-direction: column;
        max-height: none;
    }

    .sablon-section[b-fzakxk3tyg] {
        max-height: 200px;
    }
}
/* /Components/Pages/Ayarlar/SablonYonetim.razor.rz.scp.css */
/* ================================================================
   Sablonlarim.razor - Dashboard Redesign (Teal Brand)
   ================================================================ */

:root[b-jx2xnyf1bs],
.sablonlarim-page[b-jx2xnyf1bs] {
    --dash-teal: #1abc9c;
    --dash-teal-hover: #16a085;
    --dash-bg: #f4f6f9;
    --dash-card-header: #4b6584;
    --dash-text: #2c3e50;
    --dash-text-muted: #7f8c8d;
    --dash-border: #e2e8f0;
    --dash-green: #27ae60;
    --dash-orange: #f39c12;
    --dash-red: #e74c3c;
    --dash-white: #ffffff;
    --dash-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --dash-radius: 10px;
}

.sablonlarim-page[b-jx2xnyf1bs] {
    /* Main container matches dashboard background */
    background-color: var(--dash-bg);
    min-height: calc(100vh - 80px);
    /* Adjust based on global header */
    padding: 1.5rem;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--dash-text);
}

/* --- Top Actions Row (Tabs + Create Button) --- */
.dashboard-actions-row[b-jx2xnyf1bs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.dashboard-actions-row .create-btn[b-jx2xnyf1bs] {
    background-color: var(--dash-teal);
    color: white;
    padding: 0.6rem 1.25rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.9rem;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.dashboard-actions-row .create-btn:hover[b-jx2xnyf1bs] {
    background-color: var(--dash-teal-hover);
}

/* --- Custom Tab Styling (Manual Buttons) --- */
.custom-tabs[b-jx2xnyf1bs] {
    display: flex;
    gap: 4px;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.tab-btn[b-jx2xnyf1bs] {
    background-color: #1abc9c;
    /* Fallback */
    background-color: var(--dash-teal);
    color: white;
    border: none;
    border-radius: 10px 10px 0 0;
    padding: 0.6rem 2rem;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    opacity: 0.8;
    transition: all 0.2s;
    min-width: 100px;
}

.tab-btn:hover[b-jx2xnyf1bs] {
    opacity: 1;
    background-color: #16a085;
    /* Fallback */
    background-color: var(--dash-teal-hover);
}

.tab-btn.active[b-jx2xnyf1bs] {
    background-color: #4b6584;
    /* Fallback */
    background-color: var(--dash-card-header);
    opacity: 1;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
}

/* Container for the Grid/Content */
.dashboard-card[b-jx2xnyf1bs] {
    background-color: var(--dash-white);
    border-radius: var(--dash-radius);
    box-shadow: var(--dash-shadow);
    border: 1px solid var(--dash-border);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 500px;
    /* Minimum height for dashboard look */
}

.dashboard-card-header[b-jx2xnyf1bs] {
    background-color: var(--dash-card-header);
    color: white;
    padding: 0.75rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-card-header h2[b-jx2xnyf1bs] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
}

.dashboard-card-content[b-jx2xnyf1bs] {
    padding: 0;
    flex: 1;
    background-color: white;
}

/* --- Status Badges --- */
.badge-owner-me[b-jx2xnyf1bs] {
    background-color: var(--dash-teal);
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-owner-shared[b-jx2xnyf1bs] {
    background-color: var(--dash-card-header);
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* --- Action Buttons --- */
.btn-icon[b-jx2xnyf1bs] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: color 0.2s;
}

.btn-icon.edit[b-jx2xnyf1bs] {
    color: #64748b;
}

.btn-icon.edit:hover[b-jx2xnyf1bs] {
    color: #3b82f6;
}

.btn-icon.delete[b-jx2xnyf1bs] {
    color: #ef4444;
}

.btn-icon.delete:hover[b-jx2xnyf1bs] {
    color: #b91c1c;
}

/* Grid Customization to match clean look */
[b-jx2xnyf1bs] .e-grid {
    border: none !important;
}

[b-jx2xnyf1bs] .e-grid .e-gridheader {
    background-color: white !important;
    border-bottom: 2px solid var(--dash-bg) !important;
}

[b-jx2xnyf1bs] .e-grid .e-headercell {
    background-color: white !important;
    color: var(--dash-text) !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    border: none !important;
}

[b-jx2xnyf1bs] .e-grid .e-rowcell {
    border-bottom: 1px solid #f1f5f9 !important;
    border-right: none !important;
    border-left: none !important;
    font-size: 0.9rem !important;
    color: var(--dash-text) !important;
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
}
/* /Components/Pages/Ayarlar/TopluPdfIslemleri.razor.rz.scp.css */
/* Toplu PDF İşlemleri Sayfası Stilleri */

.toplu-pdf-container[b-7nratfpexj] {
  padding: 1rem;
}

.page-header[b-7nratfpexj] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.header-title[b-7nratfpexj] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-main, #111827);
}

/* Card */
.card[b-7nratfpexj] {
  background: var(--bg-surface, #fff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-lg, 0.75rem);
  margin-bottom: 1rem;
}

.card-body[b-7nratfpexj] {
  padding: 1.25rem;
}

/* Form */
.form-group[b-7nratfpexj] {
  margin-bottom: 1rem;
}

.form-label[b-7nratfpexj] {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--text-main, #111827);
  margin-bottom: 0.375rem;
}

.form-hint[b-7nratfpexj] {
  font-size: 0.8rem;
  color: var(--text-secondary, #6b7280);
  margin: 0 0 0.5rem;
}

.form-row[b-7nratfpexj] {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}

.form-group-small[b-7nratfpexj] {
  flex: 0 0 200px;
}

.form-group-actions[b-7nratfpexj] {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.parsed-count[b-7nratfpexj] {
  font-size: 0.85rem;
  color: var(--text-secondary, #6b7280);
  white-space: nowrap;
}

/* Progress */
.progress-card .card-body[b-7nratfpexj] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.progress-info[b-7nratfpexj] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.progress-text[b-7nratfpexj] {
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text-main, #111827);
}

.progress-bar-container[b-7nratfpexj] {
  width: 100%;
  height: 0.5rem;
  background: var(--border-color, #e5e7eb);
  border-radius: 0.25rem;
  overflow: hidden;
}

.progress-bar[b-7nratfpexj] {
  height: 100%;
  background: var(--info, #2563eb);
  border-radius: 0.25rem;
  transition: width 0.3s ease;
}

/* Results Summary */
.results-summary[b-7nratfpexj] {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.summary-item[b-7nratfpexj] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-lg, 0.75rem);
}

.summary-success[b-7nratfpexj] {
  color: #059669;
  background: #ecfdf5;
}

.summary-failed[b-7nratfpexj] {
  color: #dc2626;
  background: #fef2f2;
}

.summary-notfound[b-7nratfpexj] {
  color: #d97706;
  background: #fffbeb;
}

/* Results Detail */
.detail-header[b-7nratfpexj] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.results-list[b-7nratfpexj] {
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-lg, 0.75rem);
}

.result-row[b-7nratfpexj] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--border-color, #e5e7eb);
  font-size: 0.85rem;
}

.result-row:last-child[b-7nratfpexj] {
  border-bottom: none;
}

.result-murid[b-7nratfpexj] {
  font-weight: 600;
  min-width: 5.5rem;
}

.result-message[b-7nratfpexj] {
  color: var(--text-secondary, #6b7280);
}

.result-success[b-7nratfpexj] {
  color: #059669;
}

.result-failed[b-7nratfpexj] {
  color: #dc2626;
}

.result-notfound[b-7nratfpexj] {
  color: #d97706;
}

/* Tab Content */
.tab-content-wrapper[b-7nratfpexj] {
  padding-top: 1rem;
}

/* Progress bar variant for generate (green) */
.progress-bar-success[b-7nratfpexj] {
  background: #059669;
}

/* Responsive */
@media (max-width: 768px) {
  .form-row[b-7nratfpexj] {
    flex-direction: column;
    align-items: stretch;
  }

  .form-group-small[b-7nratfpexj] {
    flex: auto;
  }

  .results-summary[b-7nratfpexj] {
    flex-direction: column;
    gap: 0.5rem;
  }
}
/* /Components/Pages/Ayarlar/YetkiYonetim.razor.rz.scp.css */
.yetki-yonetim-container[b-socy8v9z02] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
    animation: fadeIn-b-socy8v9z02 0.4s ease-out;
}

@keyframes fadeIn-b-socy8v9z02 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-header[b-socy8v9z02] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-title[b-socy8v9z02] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
}

.header-title i[b-socy8v9z02] {
    color: var(--veta-primary, #0078d4);
    font-size: 1.5rem;
}

.selection-card[b-socy8v9z02] {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin-bottom: 2rem;
    transition: transform 0.3s ease;
}

.selection-card:hover[b-socy8v9z02] {
    transform: translateY(-2px);
}

.yetki-grid[b-socy8v9z02] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1.5rem;
    margin-bottom: 5rem;
    /* Space for sticky footer */
}

@media (max-width: 768px) {
    .yetki-grid[b-socy8v9z02] {
        grid-template-columns: 1fr;
    }
}

.category-card[b-socy8v9z02] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.category-header[b-socy8v9z02] {
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #495057;
}

.category-header i[b-socy8v9z02] {
    color: var(--veta-info, #17a2b8);
}

.yetki-list[b-socy8v9z02] {
    flex-grow: 1;
}

.yetki-item[b-socy8v9z02] {
    padding: 1rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    transition: background-color 0.2s ease;
}

.yetki-item:last-child[b-socy8v9z02] {
    border-bottom: none;
}

.yetki-item:hover[b-socy8v9z02] {
    background-color: #fcfcfc;
}

.yetki-info[b-socy8v9z02] {
    display: flex;
    flex-direction: column;
}

.yetki-name[b-socy8v9z02] {
    font-weight: 500;
    color: #212529;
}

.yetki-code[b-socy8v9z02] {
    font-size: 0.75rem;
    color: #adb5bd;
    font-family: inherit;
}

.yetki-status[b-socy8v9z02] {
    display: flex;
    align-items: center;
}

/* Sticky Action Bar */
.action-bar-container[b-socy8v9z02] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    min-width: 300px;
    z-index: 1000;
}

.action-bar[b-socy8v9z02] {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(15px);
    border-radius: 50px;
    padding: 0.75rem 2rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 1.5rem;
    animation: slideUp-b-socy8v9z02 0.3s ease-out;
}

@keyframes slideUp-b-socy8v9z02 {
    from {
        transform: translateY(100px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.change-summary[b-socy8v9z02] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #666;
    font-size: 0.9rem;
}

.change-count[b-socy8v9z02] {
    background: #ffc107;
    color: #000;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.8rem;
}

.action-buttons[b-socy8v9z02] {
    display: flex;
    gap: 0.75rem;
}

/* Spinner adjustment */
.loading-overlay[b-socy8v9z02] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6c757d;
}

/* Switch customization if needed */
.e-switch-wrapper .e-switch-on[b-socy8v9z02] {
    background-color: #28a745 !important;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.fade-in-up[b-tbzo9zyotf] {
  animation: fadeInUp 0.8s ease-out;
}

@@keyframes fadeInUp {
  from[b-tbzo9zyotf] {
    opacity: 0;
    transform: translateY(20px);
  }

  to[b-tbzo9zyotf] {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Pending Banner Styles */
.pending-banner[b-tbzo9zyotf] {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.08) 0%, rgba(245, 158, 11, 0.12) 100%);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-left: 4px solid #F59E0B;
}

.pending-icon-box[b-tbzo9zyotf] {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
  color: white;
  font-size: 1.25rem;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.pending-badge[b-tbzo9zyotf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.pending-badge:hover[b-tbzo9zyotf] {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  border-color: rgba(59, 130, 246, 0.3);
}

.pending-badge i[b-tbzo9zyotf] {
  font-size: 1rem;
  opacity: 0.8;
}

.pending-badge span:not(.badge)[b-tbzo9zyotf] {
  font-size: 0.85rem;
  font-weight: 500;
  color: #4B5563;
}

.pending-badge .badge[b-tbzo9zyotf] {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
}

/* Custom badge colors for pending */
.bg-indigo[b-tbzo9zyotf] {
  background: linear-gradient(135deg, #4F46E5, #6366F1) !important;
}

.bg-slate[b-tbzo9zyotf] {
  background: linear-gradient(135deg, #475569, #64748B) !important;
}

.bg-sky[b-tbzo9zyotf] {
  background: linear-gradient(135deg, #0284C7, #0EA5E9) !important;
}

.bg-rose[b-tbzo9zyotf] {
  background: linear-gradient(135deg, #E11D48, #F43F5E) !important;
}

.bg-emerald[b-tbzo9zyotf] {
  background: linear-gradient(135deg, #059669, #10B981) !important;
}

.bg-amber[b-tbzo9zyotf] {
  background: linear-gradient(135deg, #D97706, #F59E0B) !important;
}


.icon-circle[b-tbzo9zyotf] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F4F6;
}

.stat-card[b-tbzo9zyotf] {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.stat-card:hover[b-tbzo9zyotf] {
  transform: translateY(-2px);
}

/* Enhanced Statistics Card Styles */
.stat-card-detailed[b-tbzo9zyotf] {
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
}

.stat-card-detailed[b-tbzo9zyotf]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #3B82F6, #8B5CF6, #EC4899);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.stat-card-detailed:hover[b-tbzo9zyotf]::before {
  opacity: 1;
}

.stat-card-detailed:hover[b-tbzo9zyotf] {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.icon-box-large[b-tbzo9zyotf] {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

.total-badge[b-tbzo9zyotf] {
  min-width: 116px;
  height: 64px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}

.total-badge[b-tbzo9zyotf]::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transform: rotate(45deg);
  animation: shimmer 3s infinite;
}

@@keyframes shimmer {
  0%[b-tbzo9zyotf] {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }

  100%[b-tbzo9zyotf] {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}

.total-number[b-tbzo9zyotf] {
  font-size: 1.75rem;
  font-weight: 700;
  position: relative;
  z-index: 1;
}

.stats-breakdown[b-tbzo9zyotf] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.stat-item[b-tbzo9zyotf] {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

.stat-item:last-child[b-tbzo9zyotf] {
  border-bottom: none;
}

.stat-item:hover[b-tbzo9zyotf] {
  background: rgba(59, 130, 246, 0.02);
  padding-left: 0.5rem;
  border-radius: 6px;
}

/* Clickable stat item link styles */
.stat-item-link[b-tbzo9zyotf] {
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.stat-item-link:hover[b-tbzo9zyotf] {
  background: rgba(59, 130, 246, 0.06);
  padding-left: 0.75rem;
  transform: translateX(4px);
}

.stat-item-link:hover .stat-label[b-tbzo9zyotf] {
  color: #3B82F6;
}

.stat-item-link:hover .stat-value[b-tbzo9zyotf] {
  color: #3B82F6;
}

.stat-item-link:active[b-tbzo9zyotf] {
  transform: translateX(2px);
}

.stat-icon[b-tbzo9zyotf] {
  font-size: 1.25rem;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

.stat-label[b-tbzo9zyotf] {
  font-size: 0.9rem;
  font-weight: 500;
  color: #4B5563;
}

.stat-value[b-tbzo9zyotf] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #111827;
  min-width: 32px;
  text-align: right;
}

.stat-progress[b-tbzo9zyotf] {
  height: 4px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  overflow: hidden;
  margin-top: 0.5rem;
}

.stat-progress-bar[b-tbzo9zyotf] {
  height: 100%;
  border-radius: 2px;
  transition: width 0.6s ease;
  position: relative;
  overflow: hidden;
}

.stat-progress-bar[b-tbzo9zyotf]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: progressShimmer 2s infinite;
}

@@keyframes progressShimmer {
  0%[b-tbzo9zyotf] {
    transform: translateX(-100%);
  }

  100%[b-tbzo9zyotf] {
    transform: translateX(100%);
  }
}

/* Gradient backgrounds for progress bars */
.bg-gradient-indigo[b-tbzo9zyotf] {
  background: linear-gradient(90deg, #4F46E5, #6366F1);
}

.bg-gradient-slate[b-tbzo9zyotf] {
  background: linear-gradient(90deg, #475569, #64748B);
}

.bg-gradient-sky[b-tbzo9zyotf] {
  background: linear-gradient(90deg, #0284C7, #0EA5E9);
}

.bg-gradient-rose[b-tbzo9zyotf] {
  background: linear-gradient(90deg, #E11D48, #F43F5E);
}

.bg-gradient-emerald[b-tbzo9zyotf] {
  background: linear-gradient(90deg, #059669, #10B981);
}

.bg-gradient-amber[b-tbzo9zyotf] {
  background: linear-gradient(90deg, #D97706, #F59E0B);
}

.icon-box[b-tbzo9zyotf] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.action-card[b-tbzo9zyotf] {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.action-card:hover[b-tbzo9zyotf] {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #3B82F6;
}

/* Color utilities */
.bg-indigo-100[b-tbzo9zyotf] {
  background-color: #E0E7FF;
}

.text-indigo-600[b-tbzo9zyotf] {
  color: #4F46E5;
}

.bg-sky-100[b-tbzo9zyotf] {
  background-color: #E0F2FE;
}

.text-sky-600[b-tbzo9zyotf] {
  color: #0284C7;
}

.bg-rose-100[b-tbzo9zyotf] {
  background-color: #FFE4E6;
}

.text-rose-600[b-tbzo9zyotf] {
  color: #E11D48;
}

.bg-emerald-100[b-tbzo9zyotf] {
  background-color: #D1FAE5;
}

.text-emerald-600[b-tbzo9zyotf] {
  color: #059669;
}

.bg-amber-100[b-tbzo9zyotf] {
  background-color: #FEF3C7;
}

.text-amber-600[b-tbzo9zyotf] {
  color: #D97706;
}

.bg-violet-100[b-tbzo9zyotf] {
  background-color: #EDE9FE;
}

.text-violet-600[b-tbzo9zyotf] {
  color: #7C3AED;
}

.text-slate-600[b-tbzo9zyotf] {
  color: #475569;
}

/* Loading Overlay Styles */
.loading-overlay[b-tbzo9zyotf] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  border-radius: 0.5rem;
}

.loading-spinner[b-tbzo9zyotf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.loading-text[b-tbzo9zyotf] {
  font-size: 1rem;
  color: var(--text-secondary, #6B7280);
  font-weight: 500;
}

.loading-blur[b-tbzo9zyotf] {
  opacity: 0.6;
  pointer-events: none;
  filter: blur(1px);
}

/* Accessibility - Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  .loading-blur[b-tbzo9zyotf] {
    filter: none;
  }

  .fade-in-up[b-tbzo9zyotf],
  .stat-card-detailed[b-tbzo9zyotf],
  .pending-badge[b-tbzo9zyotf],
  .stat-card[b-tbzo9zyotf] {
    transition: none;
    animation: none;
  }
}

/* Skeleton Loading */
.skeleton-icon[b-tbzo9zyotf] {
  width: 3rem;
  height: 3rem;
  border-radius: var(--radius-md, 0.5rem);
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
}

.skeleton-title[b-tbzo9zyotf] {
  width: 11.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
}

.skeleton-text[b-tbzo9zyotf] {
  width: 7.5rem;
  height: 0.875rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
}

@@keyframes skeleton-loading {
  0%[b-tbzo9zyotf] {
    background-position: 200% 0;
  }

  100%[b-tbzo9zyotf] {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .skeleton-icon[b-tbzo9zyotf],
  .skeleton-title[b-tbzo9zyotf],
  .skeleton-text[b-tbzo9zyotf] {
    animation: none;
    background: #f0f0f0;
  }
}
/* /Components/Pages/Kayit/Firmalar.razor.rz.scp.css */
/* Firmalar.razor.css — sayfa özel stilleri (inline <style> yasak, CSS isolation) */

.firma-yonetim-container[b-al067rdlen] {
    padding: 1rem;
}

.page-header[b-al067rdlen] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.header-title[b-al067rdlen] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 1.5rem;
    color: var(--bs-body-color);
}

.header-actions[b-al067rdlen] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.loading-overlay[b-al067rdlen] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.firma-grid-container[b-al067rdlen] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 1rem;
}

/* SfGrid kendi tablo/başlık stillerini (fluent tema) getirir; eski düz-tablo th/td
   kuralları tema ile çakıştığı için kaldırıldı. Grid, .firma-grid-container kartının
   içinde render edilir. */

/* Kapsam hatası / yetkili birim yok kartları (grid render edilmeden gösterilir) */
.empty-state[b-al067rdlen] {
    color: var(--bs-secondary-color);
}

.empty-state h4[b-al067rdlen] {
    color: var(--bs-secondary-color);
}

/* Pasif firma satırları: QueryCellInfo hücrelere ekler; eski tablodaki
   table-secondary + opacity (0.75) görünümünün karşılığı */
[b-al067rdlen] .pasif-satir {
    opacity: 0.75;
}

/* === Firma Ekleme/Düzenleme Dialog === */

/* .firma-dialog-scope, dialog'u saran elle yazılmış div — scope attribute'u ondadır.
   ::deep bu ata elemandan başlar; SfDialog'un ürettiği iç DOM'a başka türlü ulaşılamaz. */

/* Geniş yerleşim: dar ekranlarda taşmaması için viewport sınırı */
.firma-dialog-scope[b-al067rdlen]  .firma-dialog {
    max-width: 96vw;
}

/* Kaydırma normalde gerekmez; yalnızca çok kısa ekranlar için güvenlik payı */
.firma-dialog-scope[b-al067rdlen]  .firma-dialog .e-dlg-content {
    padding: 0.75rem 1.25rem 1rem;
    max-height: 80vh;
    overflow-y: auto;
}

/* Kaydet/İptal butonları dialog'un alt kenarına yapışmasın: üstte içerikten,
   altta dialog çizgisinden boşluk bırakılır. */
.firma-dialog-scope[b-al067rdlen]  .firma-dialog .e-footer-content {
    padding: 0.75rem 1.25rem 1rem;
}

/* Form bölüm başlıkları (kolon başlıkları) */
.form-section-title[b-al067rdlen] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.625rem;
    padding-bottom: 0.3125rem;
    border-bottom: 1px solid var(--bs-border-color);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--bs-primary);
}

.form-section-title i[b-al067rdlen] {
    font-size: 1rem;
}

/* Kompakt alan yerleşimi: etiket + input tek blok, alanlar dikey akar */
.form-field[b-al067rdlen] {
    margin-bottom: 0.625rem;
}

/* Yalnızca kolonun en alttaki alanı boşluksuz olsun; iç içe row'daki (ör. vergi
   dairesi/no) alanlar kendilerinden sonra gelen alandan ayrılmak için margin'ini korur */
.firma-form > [class*="col-"] > .form-field:last-child[b-al067rdlen] {
    margin-bottom: 0;
}

.form-field .form-label[b-al067rdlen] {
    margin-bottom: 0.125rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--bs-secondary-color);
}

/* Syncfusion input'un tema kaynaklı alt boşluğu satır yüksekliğini şişiriyor */
.firma-dialog-scope[b-al067rdlen]  .firma-dialog .form-field .e-input-group {
    margin-bottom: 0;
}

.form-field[b-al067rdlen]  .validation-message {
    margin-top: 0.125rem;
    font-size: 0.75rem;
}

/* Geniş ekranda kolonlar arası ince ayraç */
@media (min-width: 992px) {
    .firma-form > [class*="col-"] + [class*="col-"][b-al067rdlen] {
        border-left: 1px solid var(--bs-border-color);
    }
}

/* Web şifresi göz ikonu: SfTextBox'a Created'te AddIconAsync ile bir kez eklenir —
   yükseklik/hizalama fluent temanın input-group stilleriyle. Glyph bootstrap-icons
   fontundan (.bi sınıfı fontu taşır) durum sınıfına göre seçilir: \f340 eye-slash
   (gizli), \f341 eye (açık) — css_kurallari.md §3.1 (Kullanicilar ile aynı desen) */
.sifre-alani[b-al067rdlen]  .sifre-goz {
    cursor: pointer;
}

.sifre-alani[b-al067rdlen]  .sifre-goz::before {
    content: "\f340";
}

.sifre-alani.sifre-acik[b-al067rdlen]  .sifre-goz::before {
    content: "\f341";
}
/* /Components/Pages/Kayit/Hasta.razor.rz.scp.css */
/* Hasta.razor.css — olumlu .cnsbtn-* atildi; .btn-soft-* ::deep ile tasinmistir (SfButton CssClass) */
[b-fwuu2pq24l] .btn-soft-selected {
    background-color: #e8f5e8 !important; /* Yumuşak yeşil */
    border-color: #a8d8a8 !important;
    color: #2d5016 !important;
}

[b-fwuu2pq24l] .btn-soft-outline {
    background-color: transparent !important;
    border-color: #ccc !important;
    color: #666 !important;
}
/* /Components/Pages/Kayit/ManuelKayit.razor.rz.scp.css */
/* ManuelKayit.razor liste sayfası stilleri (css_kurallari.md uyumlu, 2-space) */

.mk-liste-page .card[b-272w82cdx9] {
  border-radius: 0.5rem;
}

.mk-filter-group[b-272w82cdx9] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.mk-label[b-272w82cdx9] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.1rem;
}

.mk-filter-group .e-control-wrapper[b-272w82cdx9] {
  min-height: 34px;
  font-size: 0.875rem;
}

/* SfButton'a fluent teması koyu metin rengi basıyor; app.css'teki indigo .btn-primary zeminiyle
   birleşince siyah yazı okunmuyor. Filtre satırındaki koyu zeminli butonlarda beyaz metin
   garanti edilir (özgüllük temayı geçer, !important gerekmez). */
.mk-filtre-satiri[b-272w82cdx9]  .e-btn.btn-primary,
.mk-filtre-satiri[b-272w82cdx9]  .e-btn.btn-success {
  color: #fff;
}
/* /Components/Pages/Kayit/ManuelKayitDuzenle.razor.rz.scp.css */
/* ManuelKayitDuzenle.razor stilleri (css_kurallari.md uyumlu, 2-space) */

/* === Sayfa genişliği ===
   İçerik eskiden col-lg-8 mx-auto ile %66'ya sıkıştırılıyordu; geniş ekranda sağ/sol
   üçte bir boş kalıyordu. Artık kolon col-12 (tam genişlik) ve daraltma buradan yapılır:
   telefonda dar padding, geniş ekranda 1600px üst sınır (form satırları okunmayacak
   kadar uzamasın). Bootstrap .row negatif margin'i ile .col padding'i birbirini
   götürdüğünden yanlardaki net boşluk = bu padding-inline değeridir. */
.mk-duzenle-page[b-gsb635uvcg] {
  max-width: 1600px;
  margin-inline: auto;
  padding-inline: 0.5rem;
}

@media (min-width: 576px) {
  .mk-duzenle-page[b-gsb635uvcg] {
    padding-inline: 0.75rem;
  }
}

@media (min-width: 992px) {
  .mk-duzenle-page[b-gsb635uvcg] {
    padding-inline: 1rem;
  }
}

.mk-duzenle-page .card[b-gsb635uvcg] {
  border-radius: 0.5rem;
}

/* Telefonda kart iç boşluğu 1rem yerine 0.75rem — dar ekranda form alanına yer açar */
@media (max-width: 575.98px) {
  .mk-duzenle-page .card-body[b-gsb635uvcg] {
    padding: 0.75rem;
  }
}

.mk-card-header[b-gsb635uvcg] {
  font-weight: 600;
  font-size: 0.9rem;
}

.mk-form-section-title[b-gsb635uvcg] {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  margin: 0.5rem 0 0.5rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e9ecef;
}

.mk-form-group[b-gsb635uvcg] {
  margin-bottom: 0.6rem;
}

.mk-label[b-gsb635uvcg] {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.15rem;
  color: #495057;
}

.mk-form-group .e-control-wrapper[b-gsb635uvcg],
.mk-form-group .e-input-group[b-gsb635uvcg],
.mk-form-group input[b-gsb635uvcg] {
  min-height: 34px;
  font-size: 0.875rem;
}

.mk-tc-search .mk-tc-input.e-control-wrapper[b-gsb635uvcg],
.mk-tc-search .mk-tc-input[b-gsb635uvcg] {
  flex: 1 1 auto;
  width: auto;
  max-width: 240px;
}

.mk-tc-search .mk-tc-btn[b-gsb635uvcg] {
  flex: 0 0 auto;
  white-space: nowrap;
}

.mk-info-rozet[b-gsb635uvcg] {
  font-size: 0.8rem;
}

/* Native "Choose File" butonu gizlenir; <label for> ile tetiklenen .mk-btn görünür.
   display:none yerine görsel-gizleme: input klavye ile odaklanabilir kalır.
   ::deep zorunlu — <input> InputFile bileşeninden geliyor, scope attribute'u almaz. */
.mk-dosya-aksiyon[b-gsb635uvcg]  .mk-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Kompakt ikon+metin butonu (dosya seçici etiketi ve satır aksiyonları) */
.mk-btn[b-gsb635uvcg] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  padding: 0.3rem 0.7rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  background-color: transparent;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.mk-btn i[b-gsb635uvcg] {
  font-size: 0.9rem;
  line-height: 1;
}

.mk-btn-primary[b-gsb635uvcg] {
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}

.mk-btn-primary:hover[b-gsb635uvcg] {
  background-color: var(--bs-primary);
  color: #fff;
}

.mk-btn-danger[b-gsb635uvcg] {
  border-color: var(--bs-border-color);
  color: var(--bs-danger);
}

.mk-btn-danger:hover:not(:disabled)[b-gsb635uvcg] {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
  color: #fff;
}

.mk-btn-ghost-danger[b-gsb635uvcg] {
  padding: 0.2rem 0.35rem;
  color: var(--bs-secondary-color);
}

.mk-btn-ghost-danger:hover[b-gsb635uvcg] {
  color: var(--bs-danger);
}

.mk-btn:disabled[b-gsb635uvcg],
.mk-btn.disabled[b-gsb635uvcg] {
  opacity: 0.55;
  pointer-events: none;
}

/* Gizli input odaklanınca görünür butonu işaretle (klavye erişilebilirliği) */
.mk-dosya-aksiyon[b-gsb635uvcg]  .mk-file-input:focus-visible + .mk-btn {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

/* Tetkik tablosu: hücreler dikeyde ortalı, işlem kolonu içeriği kadar dar */
.mk-tetkik-tablo th[b-gsb635uvcg],
.mk-tetkik-tablo td[b-gsb635uvcg] {
  vertical-align: middle;
}

.mk-tetkik-tablo td:last-child[b-gsb635uvcg],
.mk-tetkik-tablo th:last-child[b-gsb635uvcg] {
  width: 1%;
  white-space: nowrap;
}

/* === Tetkik tablosu — telefon görünümü (<768px) ===
   4 kolon + dosya butonları dar ekranda yatay taşıyordu. Burada her satır bir karta
   dönüşür: başlık satırı gizlenir, hücre etiketleri td[data-label]'dan ::before ile
   basılır. Masaüstünde yapı normal tablo olarak kalır (markup tek, görünüm iki). */
@media (max-width: 767.98px) {
  .mk-tetkik-tablo[b-gsb635uvcg],
  .mk-tetkik-tablo tbody[b-gsb635uvcg],
  .mk-tetkik-tablo tr[b-gsb635uvcg],
  .mk-tetkik-tablo td[b-gsb635uvcg] {
    display: block;
    width: auto;
  }

  .mk-tetkik-tablo thead[b-gsb635uvcg] {
    /* Görsel gizleme: ekran okuyucu başlıkları okumaya devam eder */
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .mk-tetkik-tablo tr[b-gsb635uvcg] {
    margin-bottom: 0.5rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
  }

  .mk-tetkik-tablo td[b-gsb635uvcg] {
    display: grid;
    grid-template-columns: 5.5rem 1fr;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0;
    border: 0;
    border-bottom: 1px solid var(--bs-border-color-translucent);
  }

  .mk-tetkik-tablo td:last-child[b-gsb635uvcg] {
    width: auto;
    white-space: normal;
    border-bottom: 0;
  }

  /* Etiket kolonu: hücrenin hangi bilgi olduğu (Tetkik / Durum / Dosya / İşlem) */
  .mk-tetkik-tablo td[b-gsb635uvcg]::before {
    content: attr(data-label);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--bs-secondary-color);
  }

  /* İşlem hücresi boşsa (onaylı tetkik, silme butonu yok) kartta hiç yer kaplamasın.
     :empty kullanılamaz — Razor hücre içine girinti boşluğu bırakır ve seçici tutmaz. */
  .mk-tetkik-tablo td.mk-hucre-bos[b-gsb635uvcg] {
    display: none;
  }

  /* Kart içinde sağa yaslama anlamsız — tüm hücreler aynı ızgarada hizalanır */
  .mk-tetkik-tablo td.text-end[b-gsb635uvcg] {
    text-align: start;
  }
}

/* Tetkik satırındaki dosya hücresi: durum metni üstte, aksiyonlar altta */
.mk-dosya-hucre[b-gsb635uvcg] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3rem;
}

.mk-dosya-aksiyon[b-gsb635uvcg] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.mk-dosya-durum[b-gsb635uvcg] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
}

/* Uzun dosya adları hücreyi şişirmesin; tamamı title attribute'unda */
.mk-dosya-ad[b-gsb635uvcg] {
  display: inline-block;
  max-width: 16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}

.mk-dosya-tarih[b-gsb635uvcg] {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}

/* GOZ satırı: ölçüm özeti + Düzenle butonu (mk-dosya-hucre ile aynı dikey düzen).
   Dosya tipi olmayan GOZ için "Dosya" kolonunda ölçüm özeti gösterilir. */
.mk-goz-hucre[b-gsb635uvcg] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3rem;
}

.mk-goz-ozet[b-gsb635uvcg] {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  line-height: 1.3;
}

@media (prefers-reduced-motion: reduce) {
  .mk-btn[b-gsb635uvcg] {
    transition: none;
  }
}

/* Genel radio grubu (Cinsiyet seçimi vb.) — yatay, sarılabilir yerleşim.
   GOZ formu kendi .radio-group-dash düzenini kullanır; bu kural onunla karışmaz. */
.mk-radio-group[b-gsb635uvcg] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  align-items: center;
  padding-top: 0.2rem;
}

.mk-radio-group .e-radio-wrapper[b-gsb635uvcg] {
  font-size: 0.8rem;
}

/* GOZ ölçüm formu — DlgGozOnay.razor dashboard deseninin KOMPAKT versiyonu.
   Sph/Cyl/Ax/Tansiyon SAĞ/SOL tablo düzeni korunur; padding/gap/font küçültülerek
   daha az yer kaplar. Tailwind yok; utility'ler Bootstrap. */
.mk-goz-dashboard[b-gsb635uvcg] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.375rem;
}

.mk-goz-baslik[b-gsb635uvcg] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #0d6efd;
}

.mk-goz-hint[b-gsb635uvcg] {
  font-weight: 400;
}

/* İki kolon: sol göz verisi, sağ radio kartları. */
.dashboard-grid[b-gsb635uvcg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  align-items: flex-start;
}

@media (max-width: 1024px) {
  .dashboard-grid[b-gsb635uvcg] {
    grid-template-columns: 1fr;
  }
}

/* Kompakt kart (gölge yok, ince kenarlık) */
.dash-card[b-gsb635uvcg] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.dash-card-header[b-gsb635uvcg] {
  padding: 0.25rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 0.72rem;
  border-bottom: 1px solid #e5e7eb;
}

.dash-card-body[b-gsb635uvcg] {
  padding: 0.375rem;
}

/* Başlık vurgu renkleri */
.header-info[b-gsb635uvcg] {
  background-color: #f0fdfa;
  color: #0f766e;
  border-left: 3px solid #14b8a6;
}

.header-danger[b-gsb635uvcg] {
  background-color: #fef2f2;
  color: #991b1b;
  border-left: 3px solid #ef4444;
}

.header-success[b-gsb635uvcg] {
  background-color: #f0fdf4;
  color: #166534;
  border-left: 3px solid #22c55e;
}

/* Parametre tablosu — etiket kolonu dar, hücre içleri sıkı */
.param-table-header[b-gsb635uvcg],
.param-row[b-gsb635uvcg] {
  display: grid;
  grid-template-columns: 90px 1fr 1fr;
  align-items: center;
}

.param-table-header[b-gsb635uvcg] {
  border-bottom: 1px solid #e5e7eb;
}

/* Telefonda 90px etiket kolonu SAĞ/SOL input'larına yer bırakmıyor — daraltılır */
@media (max-width: 575.98px) {
  .param-table-header[b-gsb635uvcg],
  .param-row[b-gsb635uvcg] {
    grid-template-columns: 4.5rem 1fr 1fr;
  }

  .param-label[b-gsb635uvcg] {
    font-size: 0.68rem;
  }
}

.param-header-cell[b-gsb635uvcg] {
  padding: 0.25rem 0.375rem;
  text-align: center;
  font-weight: 700;
  font-size: 0.7rem;
}

.header-label[b-gsb635uvcg] {
  background: #f9fafb;
  color: #6b7280;
  text-transform: uppercase;
}

.header-sag[b-gsb635uvcg] {
  background: rgba(20, 184, 166, 0.1);
  color: #0f766e;
  border-right: 1px solid rgba(20, 184, 166, 0.2);
}

.header-sol[b-gsb635uvcg] {
  background: rgba(234, 179, 8, 0.1);
  color: #854d0e;
}

.param-row[b-gsb635uvcg] {
  border-bottom: 1px solid #f3f4f6;
}

.param-cell[b-gsb635uvcg] {
  padding: 0.2rem 0.375rem;
}

.param-label[b-gsb635uvcg] {
  font-size: 0.72rem;
  font-weight: 600;
  color: #6b7280;
  text-align: right;
}

/* Kompakt input */
.dash-input .e-control-wrapper[b-gsb635uvcg],
.dash-input input[b-gsb635uvcg] {
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 0.8rem;
  min-height: 28px;
}

/* Görme keskinliği ızgarası (gözlüksüz / gözlüklü) */
.gorme-grid[b-gsb635uvcg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

/* Telefonda 2 kart × 2 input = 4 alan yan yana sığmıyor; kartlar alt alta geçer */
@media (max-width: 575.98px) {
  .gorme-grid[b-gsb635uvcg] {
    grid-template-columns: 1fr;
  }
}

.gorme-card[b-gsb635uvcg] {
  background: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem;
  padding: 0.375rem;
}

.gorme-title[b-gsb635uvcg] {
  font-size: 0.68rem;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.15rem;
}

.gorme-row[b-gsb635uvcg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.375rem;
}

.input-with-label[b-gsb635uvcg] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.tiny-label[b-gsb635uvcg] {
  font-size: 0.6rem;
  color: #9ca3af;
  text-transform: uppercase;
  font-weight: 700;
}

/* Radio kartları yan yana */
.side-by-side-grid[b-gsb635uvcg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

@media (max-width: 768px) {
  .side-by-side-grid[b-gsb635uvcg] {
    grid-template-columns: 1fr;
  }
}

.radio-group-dash[b-gsb635uvcg] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0.25rem;
}

.radio-item-dash[b-gsb635uvcg] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.72rem;
  cursor: pointer;
}

/* === ODY ölçüm formu (mk-goz-dashboard ile aynı çerçeve) ===
   Syncfusion Tabs içinde iki sekme: sayısal giriş (kulak kartları) ve interaktif grafik
   (OdySvgPanel). İkisi de ortak modele bağlı; stiller yalnızca yerleşim. */
.mk-ody-dashboard[b-gsb635uvcg] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.375rem;
}

.mk-ody-baslik[b-gsb635uvcg] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #0d6efd;
}

.mk-ody-hint[b-gsb635uvcg] {
  font-weight: 400;
}

/* Sekme içeriğinde aşırı iç boşluk bırakma */
.mk-ody-dashboard[b-gsb635uvcg]  .e-content {
  padding: 0.5rem 0.25rem 0.25rem;
}

/* Sayısal giriş: kulak kartları ALT ALTA (SAĞ KULAK üstte, SOL KULAK altta) — her kart
   tam genişlik aldığı için 11 frekansın tamamı yan kaydırma olmadan görünür. */
.mk-ody-kartlar[b-gsb635uvcg] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}

.mk-ody-card[b-gsb635uvcg] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  overflow: hidden;
}

.mk-ody-card-header[b-gsb635uvcg] {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* Kulak ayrımı: sağ kırmızı, sol mavi tema tonu (grafiğin O/X renkleriyle aynı). */
.mk-ody-card-sag .mk-ody-card-header[b-gsb635uvcg] {
  color: #dc3545;
  background: #fdf0f1;
  border-bottom: 1px solid #f5c6cb;
}

.mk-ody-card-sol .mk-ody-card-header[b-gsb635uvcg] {
  color: #0d6efd;
  background: #eff5ff;
  border-bottom: 1px solid #b6d4fe;
}

/* Frekans hücreleri yatay dizilir; dar ekranda yatay kaydırma (frekans sırası korunur). */
.mk-ody-frekans-sira[b-gsb635uvcg] {
  display: flex;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem 0.5rem;
  overflow-x: auto;
}

.mk-ody-hucre[b-gsb635uvcg] {
  flex: 1 0 3rem;
  min-width: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}

.mk-ody-frekans[b-gsb635uvcg] {
  font-size: 0.68rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

/* Syncfusion input root'u alt bileşen tarafında render edilir → ::deep gerekir
   (mk-hasta-card kurallarındaki desenle aynı). */
.mk-ody-hucre[b-gsb635uvcg]  .mk-ody-input {
  width: 100%;
}

.mk-ody-hucre[b-gsb635uvcg]  .mk-ody-input input {
  padding: 0.2rem 0.3rem;
  font-size: 0.78rem;
  text-align: center;
}

/* Grafik sekmesi: paneller yan yana, dar ekranda alt alta. */
.mk-ody-grafik-ipucu[b-gsb635uvcg] {
  margin: 0 0 0.35rem;
}

.mk-ody-paneller[b-gsb635uvcg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  align-items: flex-start;
}

@media (max-width: 1024px) {
  .mk-ody-paneller[b-gsb635uvcg] {
    grid-template-columns: 1fr;
  }
}


/* === Hasta Bilgileri bölümü (OsgbListesi dialog estetiği) ===
   .mk-hasta-card kapsamında; mevcut mk-* kuralları ve Tetkikler bölümü etkilenmez. */

/* Bölüm başlığı: ikon + metin + --bs-primary renk + ince alt çizgi (form-section-title deseni) */
.mk-hasta-card .form-section-title[b-gsb635uvcg] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.625rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid var(--bs-border-color);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-primary);
}

.mk-hasta-card .form-section-title i[b-gsb635uvcg] {
  font-size: 1rem;
}

/* Kompakt alan: etiket + input tek blok, alanlar dikey akar */
.mk-hasta-card .form-field[b-gsb635uvcg] {
  margin-bottom: 0.625rem;
}

/* Kolonun en alttaki doğrudan alanı boşluksuz olsun */
.mk-hasta-card .hasta-form > [class*="col-"] > .form-field:last-child[b-gsb635uvcg] {
  margin-bottom: 0;
}

.mk-hasta-card .form-field .form-label[b-gsb635uvcg] {
  margin-bottom: 0.125rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--bs-secondary-color);
}

/* Syncfusion input: kompakt yükseklik + tema kaynaklı alt boşluğu sıfırla (satır şişmesini önler).
   :not([type="radio"]) zorunlu — cinsiyet radio grubu da .form-field içinde; Syncfusion radio'yu
   height:1px ile gizler, min-height onu ezip 34px'lik görünmez bir tıklama alanı bırakırdı. */
.mk-hasta-card[b-gsb635uvcg]  .form-field .e-input-group,
.mk-hasta-card[b-gsb635uvcg]  .form-field .e-control-wrapper,
.mk-hasta-card[b-gsb635uvcg]  .form-field input:not([type="radio"]) {
  min-height: 34px;
  font-size: 0.875rem;
  margin-bottom: 0;
}

/* Salt okunur bilgi alanı (TC Kimlik No): input yüksekliğinde ama gri zeminli ve
   kenarlıksız-içi dolu — düzenlenebilir alanlardan bakışta ayrılır. */
.mk-hasta-card .form-value[b-gsb635uvcg] {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0.25rem 0.625rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.25rem;
  background-color: var(--bs-secondary-bg);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--bs-body-color);
}

/* Firma tam genişlik bandı: üstündeki iki kolondan ince çizgiyle ayrılır */
.mk-hasta-card .mk-firma-alan[b-gsb635uvcg] {
  padding-top: 0.75rem;
  border-top: 1px solid var(--bs-border-color);
}

/* Geniş ekranda Kişisel/Ek Bilgiler kolonları arasında ince ayraç.
   Yalnızca 2. kolon hedeflenir: 3. kolon (tam genişlik Firma bandı) alt satıra
   düştüğü için ona sol kenarlık basmak yerleşimi bozardı. */
@media (min-width: 992px) {
  .mk-hasta-card .hasta-form > [class*="col-"]:nth-child(2)[b-gsb635uvcg] {
    border-left: 1px solid var(--bs-border-color);
  }
}
/* /Components/Pages/Kayit/OdySvgPanel.razor.rz.scp.css */
/* OdySvgPanel — interaktif odyogram paneli (bkz. OdySvgPanel.razor).
   Yerleşim OdyogramYerlesim (viewBox) üzerinden gelir; burada yalnızca görsel stil var.
   Kulak renkleri OdyogramYerlesim.SagRenkHex/SolRenkHex'in CSS karşılıklarıdır —
   PNG üreticisiyle (OdyogramPng) aynı tonlar, değiştirirken iki tarafı birlikte güncelle. */

.odypanel-svg[b-i2cy2vsdab] {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  user-select: none;
  -webkit-user-select: none;
}

.odypanel-grid-ana[b-i2cy2vsdab] {
  stroke: #000;
  stroke-width: 1;
}

.odypanel-grid-ara[b-i2cy2vsdab] {
  stroke: #a0a0a0;
  stroke-width: 1;
}

.odypanel-eksetiket[b-i2cy2vsdab] {
  font-size: 9.5px;
  fill: #000;
}

.odypanel-cizgi-sag[b-i2cy2vsdab] {
  stroke: #dc3545;
  stroke-width: 2;
  fill: none;
}

.odypanel-cizgi-sol[b-i2cy2vsdab] {
  stroke: #0d6efd;
  stroke-width: 2;
  fill: none;
}

/* O işareti: kontur daire, beyaz dolgu — birleştirme çizgisini kapatır (klasik odyogram). */
.odypanel-isaret-sag[b-i2cy2vsdab] {
  stroke: #dc3545;
  stroke-width: 2;
  fill: #fff;
}

.odypanel-isaret-sol[b-i2cy2vsdab] {
  stroke: #0d6efd;
  stroke-width: 2;
}

.odypanel-baslik-sag[b-i2cy2vsdab] {
  font-size: 13px;
  font-weight: 700;
  fill: #dc3545;
}

.odypanel-baslik-sol[b-i2cy2vsdab] {
  font-size: 13px;
  font-weight: 700;
  fill: #0d6efd;
}

/* Tıklama hücreleri: görünmez ama imleç "el" olur; hover'da hafif vurgu ile
   hangi kesişimin seçileceği görünür. (Klavye girişi grafikte yok — "Sayısal Giriş"
   sekmesi tam klavye erişilebilir alternatiftir.) */
.odypanel-hit[b-i2cy2vsdab] {
  fill: transparent;
  cursor: pointer;
}

.odypanel-hit:hover[b-i2cy2vsdab] {
  fill: rgba(13, 110, 253, 0.08);
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* NotFound.razor.css */

.notfound-page[b-i26pu7aby9] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - var(--header-height));
  padding: 2rem 1rem;
  background: linear-gradient(135deg, var(--bg-body) 0%, #E0E7FF 100%);
}

.notfound-container[b-i26pu7aby9] {
  width: 100%;
  max-width: 520px;
  padding: 3rem 2.5rem;
  text-align: center;
}

.notfound-icon[b-i26pu7aby9] {
  width: 6rem;
  height: 6rem;
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%);
  color: #DC2626;
  font-size: 2.5rem;
}

.notfound-title[b-i26pu7aby9] {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
  background: linear-gradient(135deg, var(--primary-color) 0%, #6366F1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.notfound-subtitle[b-i26pu7aby9] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-main);
  margin-bottom: 1rem;
}

.notfound-description[b-i26pu7aby9] {
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.notfound-actions[b-i26pu7aby9] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}

.notfound-actions .btn[b-i26pu7aby9] {
  width: 100%;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
}

.notfound-help[b-i26pu7aby9] {
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color);
}

/* Animations */
.fade-in[b-i26pu7aby9] {
  animation: fadeIn-b-i26pu7aby9 0.6s ease-out;
}

@keyframes fadeIn-b-i26pu7aby9 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .fade-in[b-i26pu7aby9] {
    animation: none;
  }

  .notfound-icon[b-i26pu7aby9] {
    transition: none;
  }
}

/* Responsive */
@media (max-width: 576px) {
  .notfound-container[b-i26pu7aby9] {
    padding: 2rem 1.5rem;
  }

  .notfound-title[b-i26pu7aby9] {
    font-size: 3rem;
  }

  .notfound-subtitle[b-i26pu7aby9] {
    font-size: 1.25rem;
  }

  .notfound-icon[b-i26pu7aby9] {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 2rem;
  }
}

/* Focus Styles for Accessibility */
.notfound-actions .btn:focus[b-i26pu7aby9],
.notfound-help .btn:focus[b-i26pu7aby9] {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
/* /Components/Pages/Okuma/Akc.razor.rz.scp.css */
[b-0mcdtg1j7g] .chip-onay-bekliyor,
[b-0mcdtg1j7g] .chip-sonuçlandi,
[b-0mcdtg1j7g] .chip-sonuclandi {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    background: #fffbeb;
    color: #a16207;
    border: 1px solid #fef3c7;
}

[b-0mcdtg1j7g] .chip-onaylandı,
[b-0mcdtg1j7g] .chip-onaylandi {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #dcfce7;
}

[b-0mcdtg1j7g] .chip-reddedildi,
[b-0mcdtg1j7g] .chip-reddedildi {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fee2e2;
}
/* /Components/Pages/Okuma/DlgAkcOnay.razor.rz.scp.css */
.akc-dialog-modern[b-kkrj6wewp4] {
  --primary-color: #3b82f6;
  --danger-color: #ef4444;
  --success-color: #10b981;
  --border-radius: 8px;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.akc-dialog-modern .e-dialog[b-kkrj6wewp4] {
  border-radius: var(--border-radius);
}

/* Header removed for more space */

.akc-container-modern[b-kkrj6wewp4] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
  padding: 1rem;
  background: #f9fafb;
}

.akc-toolbar-section[b-kkrj6wewp4] {
  background: white;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  padding: 1rem;
  border: 1px solid #e5e7eb;
  flex: 0 0 auto;
}

.hizmet-notu-container[b-kkrj6wewp4] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.hizmet-notu-label[b-kkrj6wewp4] {
  font-weight: 700;
  color: #495057;
  white-space: nowrap;
  font-size: 0.9rem;
}

.toolbar-content[b-kkrj6wewp4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* Modern Patient Info Card */
.patient-card[b-kkrj6wewp4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  min-width: 400px;
}

.patient-card .action-buttons-group[b-kkrj6wewp4] {
  margin-bottom: 0;
}

.patient-info-modern[b-kkrj6wewp4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.patient-icon[b-kkrj6wewp4] {
  font-size: 1.5rem;
  color: var(--primary-color);
  background: rgba(59, 130, 246, 0.1);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.info-value-main[b-kkrj6wewp4] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1e293b;
  letter-spacing: -0.01em;
}

.patient-meta[b-kkrj6wewp4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  font-size: 0.9rem;
  color: #64748b;
  line-height: 1.6;
}

.meta-item[b-kkrj6wewp4] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 500;
}

.meta-item .e-icons[b-kkrj6wewp4] {
  font-size: 0.875rem;
  color: #94a3b8;
}

.meta-separator[b-kkrj6wewp4] {
  color: #cbd5e1;
  font-weight: 300;
}

.action-buttons-group[b-kkrj6wewp4] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
}

.modern-btn[b-kkrj6wewp4] {
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s ease;
  padding: 0.4rem 1rem !important;
  font-size: 0.9rem;
}

.modern-btn:hover[b-kkrj6wewp4] {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.akc-main-content[b-kkrj6wewp4] {
  display: flex;
  gap: 1rem;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.akc-image-section[b-kkrj6wewp4] {
  position: relative;
  flex: 0 0 45%;
  background: white;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  padding: 0.1rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}

/* Sekme panelini gizle/göster butonu — görüntü alanının sağ üst köşesinde durur,
   panel kapalıyken de erişilebilir kalır (tam genişlikte görüntünün sağ üstünde). */
.akc-sekme-toggle[b-kkrj6wewp4] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 20;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  color: #374151;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: background 0.15s ease, color 0.15s ease;
}

.akc-sekme-toggle:hover[b-kkrj6wewp4] {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

.akc-sekme-toggle:focus-visible[b-kkrj6wewp4] {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

/* Panel gizliyken: sekmeler kaybolur, görüntü tüm genişliği kaplar. */
.akc-main-content--sekme-gizli .akc-content-section[b-kkrj6wewp4] {
  display: none;
}

.akc-main-content--sekme-gizli .akc-image-section[b-kkrj6wewp4] {
  flex: 1 1 auto;
  max-height: none;
}

.akc-image-container[b-kkrj6wewp4] {
  position: relative;
  width: 100%;
  flex: 1;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}

/* Panzoom wrapper - DlgEkgOnay.razor.css ile aynı ayarlar */
#akc-image-wrapper[b-kkrj6wewp4] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.image-container[b-kkrj6wewp4] {
  display: none;
}

/* Panzoom görüntü - Başlangıçta auto boyut */
.akc-image[b-kkrj6wewp4] {
  width: auto;
  height: auto;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  cursor: grab;
  transition: transform 0.1s ease;
  display: block;
  position: relative;
  touch-action: none;
}

.akc-image:active[b-kkrj6wewp4] {
  cursor: grabbing;
}

/* Loading.gif özel stil */
.akc-image[src*="loading.gif"][b-kkrj6wewp4] {
  width: 50px !important;
  height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
  object-fit: contain !important;
}

.akc-zoom-controls[b-kkrj6wewp4] {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.akc-zoom-btn[b-kkrj6wewp4] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  background: #007bff;
  color: white;
  border: none;
  transition: all 0.2s ease;
}

.akc-zoom-btn:hover[b-kkrj6wewp4] {
  background: #0056b3;
  transform: scale(1.1);
}

.akc-zoom-btn:active[b-kkrj6wewp4] {
  transform: scale(0.95);
}

.akc-loading-overlay[b-kkrj6wewp4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  z-index: 100;
}

.akc-loading-overlay img[b-kkrj6wewp4] {
  width: 50px;
  height: 50px;
}

.akc-loading-overlay span[b-kkrj6wewp4] {
  font-weight: 600;
  color: #64748b;
}

.akc-zoom-level[b-kkrj6wewp4] {
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-weight: 600;
  min-width: 60px;
  justify-content: center;
}

.akc-content-section[b-kkrj6wewp4] {
  flex: 0 0 55%;
  background: white;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.akc-content-section .e-tab[b-kkrj6wewp4] {
  height: 100%;
}

/* Sekme gövdesini görünür alana sığdır: Syncfusion iç DOM'una (.e-tab/.e-content)
   scope attribute'u basılmadığı için yukarıdaki kural ölüdür ve .e-content içerik
   boyuna göre büyür. Bu durumda .ilo-form (max-height: 75vh) görünür sekme
   alanını taşırır ve .akc-content-section overflow:hidden içeriği alttan kırpar
   (ILO 4E bölümü dikey scroll'un sonunda yarıda kalıyordu). ::deep ile gerçek
   Syncfusion DOM'una ulaşıp içeriği flex ile görünür alana kilitliyoruz. */
.akc-content-section[b-kkrj6wewp4]  .e-tab {
  /* !important: Syncfusion "Content" height modunda .e-tab'e içerik boyunda
     satır-içi (inline) height yazar; onu ezip görünür alana kilitliyoruz. */
  height: 100% !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.akc-content-section[b-kkrj6wewp4]  .e-tab > .e-tab-header {
  flex: 0 0 auto;
}

.akc-content-section[b-kkrj6wewp4]  .e-tab > .e-content {
  /* flex-basis: 0 → Syncfusion'un .e-content'e yazdığı inline height taban
     boyu olarak yok sayılır, kalan alanı doldurmak için büyür/küçülür. */
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
}

.akc-content-section[b-kkrj6wewp4]  .e-tab > .e-content > .e-item {
  height: 100%;
}

.akc-content-section .e-tab-header[b-kkrj6wewp4] {
  background: #f9fafb;
  border-bottom: 2px solid #e5e7eb;
  padding: 0 1rem;
}

.akc-content-section .e-tab-header .e-tab-text[b-kkrj6wewp4] {
  padding: 1rem 1.5rem;
  font-weight: 500;
  color: #6b7280;
  font-size: 0.95rem;
}

.akc-content-section .e-tab-header .e-tab-item.e-active .e-tab-text[b-kkrj6wewp4] {
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  margin-bottom: -2px;
}

.tab-content-wrapper[b-kkrj6wewp4] {
  padding: 0.5rem;
  height: 100%;
  max-height: 75vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Rapor sekmesi compact: iç sarmalayıcı görünür alanı doldurur, Rapor İçeriği
   (RTE) kalan boşluğu alır ve içeride kayar; böylece Özet Sonuç/Kanaat düşük
   çözünürlükte bile ekranda kalır (dış scroll'a gerek kalmaz). */
.tab-content-inner[b-kkrj6wewp4] {
  width: 100%;
  padding: 0.1rem;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form-group-modern[b-kkrj6wewp4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-right: 1rem;
  flex: 0 0 auto;
}

.form-label[b-kkrj6wewp4] {
  font-weight: 600;
  color: #1f2937;
  font-size: 0.85rem;
}

/* Şablon Seçimi ve Özet Sonuç: etiket ile kontrol aynı satırda (yan yana). */
.form-group-inline[b-kkrj6wewp4] {
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

.form-group-inline .form-label[b-kkrj6wewp4] {
  flex: 0 0 7rem;
  margin: 0;
}

/* Kontrol kalan genişliği alır. Syncfusion kökü (.e-input-group hem SfTextBox
   hem SfDropDownList sarmalayıcısında var) scope attribute'u almadığı için
   scope'lu ata üzerinden ::deep ile ulaşıyoruz. */
.form-group-inline[b-kkrj6wewp4]  .e-input-group,
.form-group-inline[b-kkrj6wewp4]  .e-ddl {
  flex: 1 1 auto;
  min-width: 0;
}

.modern-dropdown[b-kkrj6wewp4],
.modern-textbox[b-kkrj6wewp4] {
  box-sizing: border-box !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  /* Removed padding on wrapper to fix overflow */
  padding: 0 !important;
  height: 42px !important;
  /* Maintain modern height */
  font-size: 0.95rem !important;
  transition: all 0.2s ease;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  /* Ensure children don't push out */
}

/* Compact Rapor sekmesi: Şablon Seçimi (dropdown) ve Özet Sonuç (textbox)
   ~%50 kısaltıldı (≈28px). CssClass Syncfusion kök elemanına bindiği ve scope
   attribute'u almadığı için doğrudan .modern-dropdown{} kuralı ölüdür; gerçek
   iç DOM'a scope'lu ata (.tab-content-inner) üzerinden ::deep ile ulaşıyoruz. */
.tab-content-inner[b-kkrj6wewp4]  .modern-dropdown,
.tab-content-inner[b-kkrj6wewp4]  .modern-dropdown .e-input,
.tab-content-inner[b-kkrj6wewp4]  .akc-ozet-compact,
.tab-content-inner[b-kkrj6wewp4]  .akc-ozet-compact .e-input {
  height: 28px !important;
  min-height: 28px !important;
  line-height: 1.2 !important;
}

/* Apply padding to inner input for correct text spacing */
.modern-dropdown .e-input[b-kkrj6wewp4],
.modern-textbox .e-input[b-kkrj6wewp4] {
  padding: 0 12px !important;
  height: 100% !important;
  border: none !important;
  /* Prevent double borders */
}

.modern-dropdown:focus[b-kkrj6wewp4],
.modern-textbox:focus[b-kkrj6wewp4] {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Rapor İçeriği (RTE) kalan dikey alanı doldurur ve içeride kayar; böylece uzun
   şablonlarda editör aşağıdaki Özet Sonuç/Kanaat alanlarını ekran dışına itmez. */
.rich-editor-wrapper[b-kkrj6wewp4] {
  flex: 1 1 auto;
  min-height: 120px;
}

.rich-editor-wrapper[b-kkrj6wewp4]  .e-richtexteditor {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  overflow: hidden;
}

/* Toolbar sabit yükseklikte kalır, editör içeriği kalan alanı alır ve kayar. */
.rich-editor-wrapper[b-kkrj6wewp4]  .e-richtexteditor .e-rte-content {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
}

.form-actions[b-kkrj6wewp4] {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
  flex: 0 0 auto;
}

.modern-action-btn[b-kkrj6wewp4] {
  padding: 0.7rem 1.5rem !important;
  font-weight: 500;
  border-radius: 6px !important;
  transition: all 0.2s ease;
}

.modern-action-btn:hover[b-kkrj6wewp4] {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.placeholder-content[b-kkrj6wewp4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  gap: 1rem;
  color: #9ca3af;
}

.placeholder-icon[b-kkrj6wewp4] {
  font-size: 3rem;
  opacity: 0.5;
}

.placeholder-text[b-kkrj6wewp4] {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}

.placeholder-hint[b-kkrj6wewp4] {
  font-size: 0.875rem;
  margin: 0;
  opacity: 0.7;
}

@media (max-width: 1200px) {
  .akc-main-content[b-kkrj6wewp4] {
    flex-direction: column;
  }

  .akc-image-section[b-kkrj6wewp4] {
    flex: 0 0 auto;
    max-height: 40%;
    padding: 0.1rem
  }

  .akc-content-section[b-kkrj6wewp4] {
    flex: 0 0 auto;
    min-height: 50%;
  }
}

@media (max-width: 768px) {
  .akc-container-modern[b-kkrj6wewp4] {
    padding: 0.5rem;
    gap: 0.5rem;
  }

  .action-buttons-group[b-kkrj6wewp4] {
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
  }

  .modern-btn[b-kkrj6wewp4] {
    font-size: 0.8rem;
    padding: 0.3rem 0.75rem !important;
  }

  .tab-content-wrapper[b-kkrj6wewp4] {
    padding: 1rem;
  }
}

/* Responsive improvements for navigation buttons */
@media (max-width: 768px) {
  .action-buttons-group[b-kkrj6wewp4] {
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
  }

  .modern-btn[b-kkrj6wewp4] {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem !important;
  }
}

/* Quick Approval Buttons Styling */
.favorites-wrapper[b-kkrj6wewp4] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 12px;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  margin-right: 8px;
  /* Spacing from the next button if any */
}

.favorites-label[b-kkrj6wewp4] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #64748b;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.quick-approval-buttons[b-kkrj6wewp4] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.quick-approval-btn[b-kkrj6wewp4] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: 1px solid #5a67d8;
  color: white;
  font-weight: 500;
  min-width: 80px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  margin: 0 !important;
}

.quick-approval-btn:hover[b-kkrj6wewp4] {
  background: linear-gradient(135deg, #5a67d8 0%, #6b5b95 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.quick-approval-btn:active[b-kkrj6wewp4] {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.quick-approval-btn:disabled[b-kkrj6wewp4] {
  background: #6c757d;
  border-color: #5a6268;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.quick-approval-btn .e-icons[b-kkrj6wewp4] {
  font-size: 12px;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
  .favorites-wrapper[b-kkrj6wewp4] {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .quick-approval-buttons[b-kkrj6wewp4] {
    justify-content: stretch;
  }

  .quick-approval-buttons .quick-approval-btn[b-kkrj6wewp4] {
    flex: 1;
  }
}

/* Animation for button appearance */
.quick-approval-btn[b-kkrj6wewp4] {
  animation: fadeInUp-b-kkrj6wewp4 0.3s ease-out;
}

@keyframes fadeInUp-b-kkrj6wewp4 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Star icon styling */
.quick-approval-btn .e-icons.e-star[b-kkrj6wewp4] {
  color: #ffd700;
  text-shadow: 0 0 2px rgba(255, 215, 0, 0.3);
}

/* Carousel styles for multiple AKC images */
.akc-image-carousel[b-kkrj6wewp4] {
  /* Height will be determined by container */
}

.akc-image-carousel .e-carousel-container[b-kkrj6wewp4] {
  height: 100%;
}

.akc-image-carousel .e-carousel-items[b-kkrj6wewp4] {
  min-height: 400px;
}

.akc-image-carousel .e-carousel-item[b-kkrj6wewp4] {
  height: 100%;
}

.carousel-img-container[b-kkrj6wewp4] {
  height: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.carousel-img-container img[b-kkrj6wewp4] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Thumbnail indicators */
.carousel-thumbnail-indicator[b-kkrj6wewp4] {
  width: 50px;
  height: 50px;
  border: 2px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 3px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.carousel-thumbnail-indicator img[b-kkrj6wewp4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  loading: lazy;
}

/* Active thumbnail indicator */
.akc-image-carousel .e-indicator-bar .e-indicator-active .carousel-thumbnail-indicator[b-kkrj6wewp4] {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
  transform: scale(1.1);
}

/* Hover effect on thumbnail indicators */
.carousel-thumbnail-indicator:hover[b-kkrj6wewp4] {
  border-color: #60a5fa;
  transform: scale(1.05);
}

/* Style carousel navigation buttons */
.akc-image-carousel .e-carousel-navigators[b-kkrj6wewp4] {
  z-index: 10;
}

/* Indicator bar scrolling for many thumbnails */
.akc-image-carousel .e-indicator-bar[b-kkrj6wewp4] {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

/* Ensure carousel maintains container dimensions */
#akc-image-wrapper:has(.akc-image-carousel)[b-kkrj6wewp4] {
  display: flex !important;
  flex-direction: column;
}
/* /Components/Pages/Okuma/DlgEkgOnay.razor.rz.scp.css */
/* Apply flex to Syncfusion dialog content to enable full height filling */

.hizmet-notu-container[b-khom482gpk] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.hizmet-notu-label[b-khom482gpk] {
  font-weight: 700;
  color: #495057;
  white-space: nowrap;
  font-size: 0.9rem;
}

.ekg-dialog .e-dlg-content[b-khom482gpk] {
    display: flex !important;
    flex-direction: column;
    height: 100% !important;
    padding: 10px !important;
    overflow: hidden;
}

.ekg-header[b-khom482gpk] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.ekg-controls[b-khom482gpk] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 0;
    border: 1px solid #dee2e6;
    flex: 1;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.ekg-button-group[b-khom482gpk] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ekg-template-section[b-khom482gpk] {
    flex: 0 0 calc(35% - 7.5px);
    width: 35%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ekg-input-section[b-khom482gpk] {
    flex: 0 0 auto;
    width: 100%;
    margin-top: 10px;
}

.ekg-template-section .ekg-button-group[b-khom482gpk] {
    justify-content: flex-end;
    margin-top: 10px;
}

.ekg-input-group[b-khom482gpk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.ekg-input-label[b-khom482gpk] {
    font-weight: 600;
    color: #495057;
    min-width: 120px;
}

.ekg-input-field[b-khom482gpk] {
    flex: 1;
}

.ekg-image-container[b-khom482gpk] {
    position: relative;
    flex: 0 0 calc(65% - 7.5px);
    width: 65%;
    height: 100%;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    overflow: hidden;
    margin-bottom: 20px;
}

.ekg-image-wrapper[b-khom482gpk] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.ekg-image[b-khom482gpk] {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    transition: transform 0.3s ease;
    cursor: grab;
    transform-origin: center center;
    position: relative;
}

/* Ensure loading.gif is properly displayed */
.ekg-image[src="/img/loading.gif"][b-khom482gpk] {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;
}

.ekg-image:active[b-khom482gpk] {
    cursor: grabbing;
}

.ekg-loading-overlay[b-khom482gpk] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    z-index: 100;
}

.ekg-loading-overlay img[b-khom482gpk] {
    width: 50px;
    height: 50px;
}

.ekg-loading-overlay span[b-khom482gpk] {
    font-weight: 600;
    color: #64748b;
}

.ekg-zoom-controls[b-khom482gpk] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 10px;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.ekg-zoom-btn[b-khom482gpk] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    background: #007bff;
    color: white;
    border: none;
    transition: all 0.2s ease;
}

.ekg-zoom-btn:hover[b-khom482gpk] {
    background: #0056b3;
    transform: scale(1.1);
}

.ekg-zoom-btn:active[b-khom482gpk] {
    transform: scale(0.95);
}

.ekg-zoom-level[b-khom482gpk] {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-weight: 600;
    min-width: 60px;
    justify-content: center;
}

/* Template Selection with Search */
.ekg-template-selector[b-khom482gpk] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.ekg-template-search[b-khom482gpk] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 14px;
}

.ekg-template-list[b-khom482gpk] {
    flex: 1;
    overflow-y: auto;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: white;
}

.ekg-template-item[b-khom482gpk] {
    padding: 10px;
    border-bottom: 1px solid #f1f3f4;
    cursor: pointer;
    transition: background-color 0.2s;
}

.ekg-template-item:hover[b-khom482gpk] {
    background-color: #f8f9fa;
}

.ekg-template-item.selected[b-khom482gpk] {
    background-color: #007bff;
    color: white;
}

.ekg-template-item:last-child[b-khom482gpk] {
    border-bottom: none;
}

.template-item-header[b-khom482gpk] {
    font-weight: 600;
    margin-bottom: 5px;
}

.template-item-content[b-khom482gpk] {
    font-size: 0.9em;
    color: #6c757d;
}

.ekg-template-item.selected .template-item-content[b-khom482gpk] {
    color: rgba(255, 255, 255, 0.9);
}

/* Action Buttons */
.ekg-action-buttons[b-khom482gpk] {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.ekg-action-button[b-khom482gpk] {
    min-width: 120px;
    font-weight: 500;
}

/* Responsive Design - Tablet and Mobile */
@media (max-width: 1024px) {
    .ekg-controls[b-khom482gpk] {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        overflow-y: auto !important;
        align-items: stretch !important;
    }

    .ekg-image-container[b-khom482gpk] {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 50vh !important;
        order: 1 !important;
        margin-bottom: 10px !important;
    }

    .ekg-template-section[b-khom482gpk] {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 300px !important;
        order: 2 !important;
    }

    .ekg-input-section[b-khom482gpk] {
        min-width: 100% !important;
        width: 100% !important;
    }

    .ekg-zoom-controls[b-khom482gpk] {
        bottom: 10px;
        right: 10px;
        padding: 8px;
    }

    .ekg-zoom-btn[b-khom482gpk] {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .ekg-action-buttons[b-khom482gpk] {
        flex-direction: column;
        align-items: stretch;
    }

    .ekg-action-button[b-khom482gpk] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .ekg-dialog-content[b-khom482gpk] {
        padding: 5px;
    }

    .ekg-image-container[b-khom482gpk] {
        height: 40vh;
    }

    .ekg-input-group[b-khom482gpk] {
        flex-direction: column;
        align-items: stretch;
    }

    .ekg-input-label[b-khom482gpk] {
        min-width: auto;
        margin-bottom: 5px;
    }
}

/* Image container styles from original */
.img-container[b-khom482gpk] {
    margin: 0;
    text-align: center;
}

img[b-khom482gpk] {
    max-width: 100%;
    height: auto;
}

.patient-card[b-khom482gpk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    min-width: 400px;
}

.patient-card .action-buttons-group[b-khom482gpk] {
    margin-bottom: 0;
}

.patient-info-modern[b-khom482gpk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.patient-icon[b-khom482gpk] {
    font-size: 1.5rem;
    color: var(--primary-color);
    background: rgba(59, 130, 246, 0.1);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.info-value-main[b-khom482gpk] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e293b;
    letter-spacing: -0.01em;
}

.patient-meta[b-khom482gpk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-left: 0.5rem;
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.6;
}

.meta-item[b-khom482gpk] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-weight: 500;
}

.meta-item .e-icons[b-khom482gpk] {
    font-size: 0.875rem;
    color: #94a3b8;
}

.meta-separator[b-khom482gpk] {
    color: #cbd5e1;
    font-weight: 300;
}

.action-buttons-group[b-khom482gpk] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

.modern-btn[b-khom482gpk] {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    padding: 0.4rem 1rem !important;
    font-size: 0.9rem;
}

.modern-btn:hover[b-khom482gpk] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* /Components/Pages/Okuma/DlgGozOnay.razor.rz.scp.css */
/* Modern Dashboard Layout for DlgGozOnay */

.goz-dialog-content[b-n3oq23ej2e] {
    background-color: #f3f4f6;
    padding: 16px;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: 'Inter', sans-serif;
}

/* Floating Action Bar */
.floating-action-bar[b-n3oq23ej2e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 16px;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #86efac;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.15);
    margin-bottom: 8px;
    gap: 16px;
}

.hizmet-notu-container[b-n3oq23ej2e] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.hizmet-notu-label[b-n3oq23ej2e] {
    font-weight: 700;
    color: #495057;
    white-space: nowrap;
    font-size: 0.9rem;
}

.action-buttons[b-n3oq23ej2e] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.floating-action-bar .action-btn[b-n3oq23ej2e] {
    min-width: 180px;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 6px 16px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Dashboard Grid */
.dashboard-grid[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 4fr 8fr;
    gap: 16px;
    align-items: flex-start;
}

/* Base Card Style */
.dash-card[b-n3oq23ej2e] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.dash-card-header[b-n3oq23ej2e] {
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 0.9rem;
    border-bottom: 1px solid #e5e7eb;
}

.dash-card-body[b-n3oq23ej2e] {
    padding: 16px;
}

/* Header Accent Colors */
.header-info[b-n3oq23ej2e] {
    background-color: #f0fdfa;
    color: #0f766e;
    border-left: 4px solid #14b8a6;
}

/* Right Eye / Sonuc */
.header-warning[b-n3oq23ej2e] {
    background-color: #fffbeb;
    color: #854d0e;
    border-left: 4px solid #eab308;
}

/* Left Eye / Tani */
.header-primary[b-n3oq23ej2e] {
    background-color: #f0f9ff;
    color: #075985;
    border-left: 4px solid #0ea5e9;
}

/* Hizmet Notu */
.header-danger[b-n3oq23ej2e] {
    background-color: #fef2f2;
    color: #991b1b;
    border-left: 4px solid #ef4444;
}

/* Renk Korlugu */
.header-success[b-n3oq23ej2e] {
    background-color: #f0fdf4;
    color: #166534;
    border-left: 4px solid #22c55e;
}

/* Gozluk Ihtiyaci */

/* Parameters Table */
.param-table[b-n3oq23ej2e] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

.param-table-header[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 120px 1fr 1fr;
    border-bottom: 1px solid #e5e7eb;
}

.param-header-cell[b-n3oq23ej2e] {
    padding: 12px;
    text-align: center;
    font-weight: 700;
    font-size: 0.85rem;
}

.header-label[b-n3oq23ej2e] {
    background: #f9fafb;
    color: #6b7280;
    text-transform: uppercase;
}

.header-sag[b-n3oq23ej2e] {
    background: rgba(20, 184, 166, 0.1);
    color: #0f766e;
    border-right: 1px solid rgba(20, 184, 166, 0.2);
}

.header-sol[b-n3oq23ej2e] {
    background: rgba(234, 179, 8, 0.1);
    color: #854d0e;
}

.param-row[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 120px 1fr 1fr;
    align-items: center;
    border-bottom: 1px solid #f3f4f6;
}

.param-cell[b-n3oq23ej2e] {
    padding: 8px 12px;
}

.param-label[b-n3oq23ej2e] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-align: right;
}

/* Compact Inputs */
.dash-input[b-n3oq23ej2e] {
    width: 100%;
    text-align: center;
    font-family: 'JetBrains Mono', monospace;
    /* or numeric font */
    font-weight: 500;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.9rem;
    background: #ffffff;
}

.dash-input:focus[b-n3oq23ej2e] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
    outline: none;
}

/* Görme Keskinliği Grid */
.gorme-grid[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.gorme-card[b-n3oq23ej2e] {
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    border-radius: 8px;
    padding: 12px;
}

.gorme-title[b-n3oq23ej2e] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 12px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 4px;
}

.gorme-row[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.input-with-label[b-n3oq23ej2e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tiny-label[b-n3oq23ej2e] {
    font-size: 0.65rem;
    color: #9ca3af;
    text-transform: uppercase;
    font-weight: 700;
}

/* Text Areas */
.dash-textarea[b-n3oq23ej2e] {
    width: 100%;
    height: 100px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 10px;
    font-size: 0.9rem;
    resize: none;
}

/* Radio Groups */
.radio-group-dash[b-n3oq23ej2e] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 8px;
}

.radio-item-dash[b-n3oq23ej2e] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    cursor: pointer;
}

.badge-status[b-n3oq23ej2e] {
    font-size: 0.7rem;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

.badge-patolojik[b-n3oq23ej2e] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fee2e2;
}

.badge-normal[b-n3oq23ej2e] {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #dcfce7;
}

.badge-diger[b-n3oq23ej2e] {
    background: #fffbeb;
    color: #a16207;
    border: 1px solid #fef3c7;
}

/* Modal Header Fixes */
[b-n3oq23ej2e] .e-dlg-header-content {
    background-color: white !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .dashboard-grid[b-n3oq23ej2e] {
        grid-template-columns: 1fr;
    }
}

.action-buttons[b-n3oq23ej2e] {
    display: flex;
    gap: 10px;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 8px;
    flex-wrap: wrap;
}

.textarea-container[b-n3oq23ej2e] {
    margin-top: 10px;
}

.goz-input-compact[b-n3oq23ej2e] {
    width: 100%;
    text-align: center;
    font-weight: 500;
}

/* ========================================
   GÖRME KESKİNLİĞİ SECTION (Combined)
   ======================================== */
.gorme-keskinligi-section[b-n3oq23ej2e] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #adb5bd;
}

/* ========== EXTREME UI OPTIMIZATION STYLES ========== */

/* Action Buttons Container - at top */
.action-buttons-container[b-n3oq23ej2e] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 6px 12px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    margin-bottom: 8px;
    /* Tighter margin */
    border: 1px solid #dee2e6;
}

/* Condensed Eye Data Container */
.goz-condensed-container[b-n3oq23ej2e] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    padding: 10px;
    /* Tighter padding */
    margin-bottom: 12px;
    /* Tighter margin */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #dee2e6;
    width: fit-content;
    /* Remove horizontal stretch */
}

.goz-condensed-header[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 100px 180px 180px;
    /* FIXED WIDTHS - NO GAP */
    gap: 5px;
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 2px solid #dee2e6;
}

.goz-condensed-header .goz-cell[b-n3oq23ej2e] {
    font-weight: 700;
    text-align: center;
    padding: 5px;
}

.goz-condensed-header .sag-goz-header[b-n3oq23ej2e] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    color: white;
    border-radius: 6px;
}

.goz-condensed-header .sol-goz-header[b-n3oq23ej2e] {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
    color: #212529;
    border-radius: 6px;
}

.goz-condensed-row[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 100px 180px 180px;
    /* FIXED WIDTHS - MATCH HEADER */
    gap: 5px;
    margin-bottom: 5px;
    align-items: center;
}

.goz-condensed-row .goz-cell[b-n3oq23ej2e] {
    padding: 2px;
}

.goz-condensed-row .param-label[b-n3oq23ej2e] {
    font-weight: 600;
    color: #495057;
    font-size: 0.85rem;
}

.goz-input-compact[b-n3oq23ej2e] {
    text-align: center;
    font-weight: 500;
}

/* Görme Keskinliği Section */
.gorme-keskinligi-section[b-n3oq23ej2e] {
    margin-top: 10px;
    padding: 8px;
    background: white;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.gorme-keskinligi-header[b-n3oq23ej2e] {
    font-weight: 700;
    color: #495057;
    margin-bottom: 8px;
    padding: 4px 10px;
    background: rgba(0, 123, 255, 0.05);
    border-radius: 4px;
    font-size: 0.9rem;
}

.gorme-keskinligi-grid[b-n3oq23ej2e] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.gorme-compact-group[b-n3oq23ej2e] {
    flex: 1;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gorme-compact-label[b-n3oq23ej2e] {
    font-weight: 600;
    color: #6c757d;
    font-size: 0.85rem;
}

.gorme-inputs[b-n3oq23ej2e] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.gorme-eye-label[b-n3oq23ej2e] {
    font-size: 0.75rem;
    color: #6c757d;
    min-width: 25px;
}

/* Global Section styling */
.secim-section[b-n3oq23ej2e] {
    background: white;
    border-radius: 8px;
    padding: 10px;
    /* Tighter padding */
    margin-bottom: 10px;
    /* Tighter margin */
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.secim-baslik[b-n3oq23ej2e] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.9rem;
}

/* Side-by-side grid */
.side-by-side-grid[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.side-by-side-grid .secim-section[b-n3oq23ej2e] {
    margin-bottom: 0;
    /* Align height in grid */
}

/* Specific baslik colors */
.secim-baslik.degerlendirme[b-n3oq23ej2e] {
    background: #d1ecf1;
    color: #0c5460;
}

.secim-baslik.hizmet-notu[b-n3oq23ej2e] {
    background: #e2e3e5;
    color: #383d41;
}

.secim-baslik.tani[b-n3oq23ej2e] {
    background: #fff3cd;
    color: #856404;
}

.secim-baslik.sonuc[b-n3oq23ej2e] {
    background: #d1ecf1;
    color: #0c5460;
}

.secim-baslik.renk-korlugu[b-n3oq23ej2e] {
    background: #fff3cd;
    color: #856404;
}

.secim-baslik.gozluk-ihtiyaci[b-n3oq23ej2e] {
    background: #d1ecf1;
    color: #0c5460;
}

.radio-button-group[b-n3oq23ej2e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 0;
}

.radio-item[b-n3oq23ej2e] {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    /* Tighter padding */
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.85rem;
}

.radio-item.selected[b-n3oq23ej2e] {
    background: #007bff;
    color: white;
    border-color: #0056b3;
}

.textarea-container[b-n3oq23ej2e] {
    margin-top: 5px;
}

/* Durum Classes for Sonuç */
.durum-normal[b-n3oq23ej2e] {
    background: #d4edda;
    color: #155724;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8rem;
}

.durum-patolojik[b-n3oq23ej2e] {
    background: #f8d7da;
    color: #721c24;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8rem;
}

.durum-diger[b-n3oq23ej2e] {
    background: #fff3cd;
    color: #856404;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {

    .goz-condensed-header[b-n3oq23ej2e],
    .goz-condensed-row[b-n3oq23ej2e] {
        grid-template-columns: 80px 140px 140px;
    }

    .side-by-side-grid[b-n3oq23ej2e] {
        grid-template-columns: 1fr;
    }

    .action-buttons-container[b-n3oq23ej2e] {
        flex-direction: row;
        /* Keep inline if possible */
        justify-content: flex-end;
    }
}

.gorme-keskinligi-header[b-n3oq23ej2e] {
    font-weight: 600;
    color: #212529;
    margin-bottom: 15px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gorme-keskinligi-grid[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.gorme-compact-group[b-n3oq23ej2e] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.gorme-compact-label[b-n3oq23ej2e] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 10px;
    text-align: center;
}

.gorme-inputs[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    align-items: center;
}

.gorme-eye-label[b-n3oq23ej2e] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6c757d;
    padding: 4px 8px;
    background: #f8f9fa;
    border-radius: 4px;
}

/* ========================================
   ACTION BUTTONS CONTAINER
   ======================================== */
.action-buttons-container[b-n3oq23ej2e] {
    display: flex;
    justify-content: center;
    padding: 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #dee2e6;
}

.action-button[b-n3oq23ej2e] {
    min-width: 160px;
    font-weight: 500;
    padding: 10px 20px;
}

.goz-action-button[b-n3oq23ej2e] {
    width: 100%;
    max-width: 250px;
}

/* ========================================
   SECTION HEADER COLORS
   ======================================== */
.secim-baslik.hizmet-notu[b-n3oq23ej2e] {
    background: #e7f3ff;
    color: #004085;
    border-left: 4px solid #007bff;
}

.secim-baslik.tani[b-n3oq23ej2e] {
    background: #fff3cd;
    color: #856404;
    border-left: 4px solid #ffc107;
}

.secim-baslik.sonuc[b-n3oq23ej2e] {
    background: #d1ecf1;
    color: #0c5460;
    border-left: 4px solid #17a2b8;
}

.secim-baslik.renk-korlugu[b-n3oq23ej2e] {
    background: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

.secim-baslik.gozluk-ihtiyaci[b-n3oq23ej2e] {
    background: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

/* ========================================
   RESULT STATUS PILLS
   ======================================== */
.ml-2[b-n3oq23ej2e] {
    margin-left: 0.5rem;
}

.px-2[b-n3oq23ej2e] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.py-1[b-n3oq23ej2e] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.rounded[b-n3oq23ej2e] {
    border-radius: 4px;
}

.durum-normal[b-n3oq23ej2e] {
    background: #28a745;
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
}

.durum-diger[b-n3oq23ej2e] {
    background: #6c757d;
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
}

.durum-patolojik[b-n3oq23ej2e] {
    background: #dc3545;
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Container for eye sections to display them side by side */
.goz-sections-container[b-n3oq23ej2e] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.goz-sections-container .goz-section[b-n3oq23ej2e] {
    flex: 1;
    margin-bottom: 0;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .goz-dialog-content[b-n3oq23ej2e] {
        padding: 10px;
    }

    .goz-section[b-n3oq23ej2e] {
        padding: 15px;
        margin-bottom: 15px;
    }

    .goz-input-grid[b-n3oq23ej2e] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    /* Condensed layout responsive */
    .goz-condensed-header[b-n3oq23ej2e],
    .goz-condensed-row[b-n3oq23ej2e] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .gorme-keskinligi-grid[b-n3oq23ej2e] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .gorme-inputs[b-n3oq23ej2e] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .gorme-eye-label[b-n3oq23ej2e] {
        text-align: center;
    }

    .radio-button-group[b-n3oq23ej2e] {
        flex-direction: column;
        gap: 8px;
    }

    .action-buttons[b-n3oq23ej2e] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-button[b-n3oq23ej2e] {
        width: 100%;
    }

    /* Stack eye sections vertically on mobile */
    .goz-sections-container[b-n3oq23ej2e] {
        flex-direction: column;
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .goz-input-grid[b-n3oq23ej2e] {
        grid-template-columns: 1fr;
    }

    .goz-header[b-n3oq23ej2e] {
        font-size: 1rem;
        padding: 10px 15px;
    }
}

/* ========== NEW CONDENSED LAYOUT STYLES ========== */

/* Action Buttons Container - at top */
.action-buttons-container[b-n3oq23ej2e] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding: 10px 15px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #dee2e6;
}

.action-button[b-n3oq23ej2e] {
    min-width: 140px;
    font-weight: 500;
    padding: 8px 16px;
}

.goz-action-button[b-n3oq23ej2e] {
    font-weight: 600;
}

/* Condensed Eye Data Container */
.goz-condensed-container[b-n3oq23ej2e] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #dee2e6;
}

.goz-condensed-header[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 120px 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 2px solid #dee2e6;
}

.goz-condensed-header .goz-cell[b-n3oq23ej2e] {
    font-weight: 700;
    text-align: center;
    padding: 8px;
}

.goz-condensed-header .sag-goz-header[b-n3oq23ej2e] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    color: white;
    border-radius: 6px;
}

.goz-condensed-header .sol-goz-header[b-n3oq23ej2e] {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
    color: #212529;
    border-radius: 6px;
}

.goz-condensed-row[b-n3oq23ej2e] {
    display: grid;
    grid-template-columns: 120px 1fr 1fr;
    gap: 10px;
    margin-bottom: 8px;
    align-items: center;
}

.goz-condensed-row .goz-cell[b-n3oq23ej2e] {
    padding: 4px;
}

.goz-condensed-row .param-label[b-n3oq23ej2e] {
    font-weight: 600;
    color: #495057;
    font-size: 0.9rem;
}

.goz-input-compact[b-n3oq23ej2e] {
    text-align: center;
    font-weight: 500;
}

/* Görme Keskinliği Section */
.gorme-keskinligi-section[b-n3oq23ej2e] {
    margin-top: 15px;
    padding: 12px;
    background: white;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.gorme-keskinligi-header[b-n3oq23ej2e] {
    font-weight: 700;
    color: #495057;
    margin-bottom: 12px;
    padding: 6px 10px;
    background: rgba(0, 123, 255, 0.08);
    border-radius: 4px;
    font-size: 0.95rem;
}

.gorme-keskinligi-grid[b-n3oq23ej2e] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.gorme-compact-group[b-n3oq23ej2e] {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gorme-compact-label[b-n3oq23ej2e] {
    font-weight: 600;
    color: #6c757d;
    font-size: 0.85rem;
}

.gorme-inputs[b-n3oq23ej2e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gorme-eye-label[b-n3oq23ej2e] {
    font-size: 0.8rem;
    color: #6c757d;
    min-width: 25px;
}

/* Hizmet Notu Section */
.secim-baslik.hizmet-notu[b-n3oq23ej2e] {
    background: #e2e3e5;
    color: #383d41;
}

/* Durum Classes for Sonuç */
.durum-normal[b-n3oq23ej2e] {
    background: #d4edda;
    color: #155724;
    font-weight: 600;
    font-size: 0.85rem;
}

.durum-patolojik[b-n3oq23ej2e] {
    background: #f8d7da;
    color: #721c24;
    font-weight: 600;
    font-size: 0.85rem;
}

.durum-diger[b-n3oq23ej2e] {
    background: #fff3cd;
    color: #856404;
    font-weight: 600;
    font-size: 0.85rem;
}

/* Responsive adjustments for condensed layout */
@media (max-width: 768px) {

    .goz-condensed-header[b-n3oq23ej2e],
    .goz-condensed-row[b-n3oq23ej2e] {
        grid-template-columns: 90px 1fr 1fr;
    }

    .action-buttons-container[b-n3oq23ej2e] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-button[b-n3oq23ej2e] {
        width: 100%;
    }

    .gorme-keskinligi-grid[b-n3oq23ej2e] {
        flex-direction: column;
    }
}

/* Disabled radio button'ları normal görünebilir hale getir */
.radio-group-dash .e-radio-wrapper.e-disabled[b-n3oq23ej2e] {
    opacity: 1 !important;
    cursor: default !important;
}

.radio-group-dash .e-radio-wrapper.e-disabled .e-radio[b-n3oq23ej2e] {
    opacity: 0.6 !important;
}

.radio-group-dash .e-radio-wrapper.e-disabled .e-label[b-n3oq23ej2e] {
    opacity: 1 !important;
}
/* /Components/Pages/Okuma/DlgHeader.razor.rz.scp.css */
.patient-card[b-yvqk9em1qj] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.patient-card .action-buttons-group[b-yvqk9em1qj] {
  margin-bottom: 0;
}

.patient-info-modern[b-yvqk9em1qj] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.patient-icon[b-yvqk9em1qj] {
  font-size: 1.5rem;
  color: var(--primary-color);
  background: rgba(59, 130, 246, 0.1);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.info-value-main[b-yvqk9em1qj] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1e293b;
  letter-spacing: -0.01em;
}

.patient-meta[b-yvqk9em1qj] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  font-size: 0.9rem;
  color: #64748b;
  line-height: 1.6;
}

.meta-item[b-yvqk9em1qj] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 500;
}

.meta-item .e-icons[b-yvqk9em1qj] {
  font-size: 0.875rem;
  color: #94a3b8;
}

.meta-separator[b-yvqk9em1qj] {
  color: #cbd5e1;
  font-weight: 300;
}

.action-buttons-group[b-yvqk9em1qj] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
}

.modern-btn[b-yvqk9em1qj] {
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s ease;
  padding: 0.4rem 1rem !important;
  font-size: 0.9rem;
}

.modern-btn:hover[b-yvqk9em1qj] {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 576px) {
  .patient-card[b-yvqk9em1qj] {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.75rem;
    gap: 0.5rem;
  }

  .action-buttons-group[b-yvqk9em1qj] {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 0.25rem;
    order: 1;
  }

  .patient-info-modern[b-yvqk9em1qj] {
    width: 100%;
    order: 2;
  }

  .patient-meta[b-yvqk9em1qj] {
    width: 100%;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    font-size: 0.8rem;
    padding-left: 0;
    order: 3;
  }

  .info-value-main[b-yvqk9em1qj] {
    font-size: 1rem;
  }

  .meta-separator[b-yvqk9em1qj] {
    display: none;
  }

  .meta-item[b-yvqk9em1qj] {
    font-size: 0.8rem;
  }
}
/* /Components/Pages/Okuma/DlgOdyOnay.razor.rz.scp.css */
/* Apply flex to Syncfusion dialog content to enable full height filling */
.ody-dialog .e-dlg-content[b-j93mlk8n7e] {
    display: flex !important;
    flex-direction: column;
    height: 100% !important;
    padding: 10px !important;
    overflow: hidden;
}

.ody-header[b-j93mlk8n7e] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.ody-controls[b-j93mlk8n7e] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 0;
    border: 1px solid #dee2e6;
    flex: 1;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.hizmet-notu-container[b-j93mlk8n7e] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.hizmet-notu-label[b-j93mlk8n7e] {
  font-weight: 700;
  color: #495057;
  white-space: nowrap;
  font-size: 0.9rem;
}

.ody-button-group[b-j93mlk8n7e] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ody-template-section[b-j93mlk8n7e] {
    flex: 0 0 calc(35% - 7.5px);
    width: 35%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ody-input-section[b-j93mlk8n7e] {
    flex: 0 0 auto;
    width: 100%;
    margin-top: 10px;
}

.ody-template-section .ody-button-group[b-j93mlk8n7e] {
    justify-content: flex-end;
    margin-top: 10px;
}

.ody-input-group[b-j93mlk8n7e] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.ody-input-label[b-j93mlk8n7e] {
    font-weight: 600;
    color: #495057;
    min-width: 120px;
}

.ody-input-field[b-j93mlk8n7e] {
    flex: 1;
    width: 100%;
}

/* Vertical input group - labels above fields */
.ody-input-group-vertical[b-j93mlk8n7e] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
    width: 100%;
}

.ody-input-group-vertical .ody-input-label[b-j93mlk8n7e] {
    min-width: auto;
}

/* Özet Sonuç textarea - 3x height */
/* 1rem = 16px -> 380px = 23.75rem, 400px = 25rem */
.ody-ozet-textarea[b-j93mlk8n7e] {
    min-height: 23.75rem !important;
    height: auto !important;
}

.ody-ozet-textarea[b-j93mlk8n7e]  textarea {
    min-height: 23.75rem !important;
    height: 25rem !important;
}

/* Ortalama Eşik Display - Styled but subtle */
.ody-averages-display[b-j93mlk8n7e] {
    display: flex;
    gap: 24px;
    margin-bottom: 16px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-radius: 8px;
    border: 1px solid #7dd3fc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.ody-average-item[b-j93mlk8n7e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ody-average-label[b-j93mlk8n7e] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #0369a1;
}

.ody-average-value[b-j93mlk8n7e] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0c4a6e;
    background: white;
    padding: 4px 12px;
    border-radius: 6px;
    border: 1px solid #bae6fd;
}

.ody-image-container[b-j93mlk8n7e] {
    position: relative;
    flex: 0 0 calc(65% - 7.5px);
    width: 65%;
    height: 100%;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    overflow: hidden;
    margin-bottom: 20px;
}

.ody-image-wrapper[b-j93mlk8n7e] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.ody-image[b-j93mlk8n7e] {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    transition: transform 0.3s ease;
    cursor: grab;
    transform-origin: center center;
    position: relative;
}

/* Ensure loading.gif is properly displayed */
.ody-image[src="/img/loading.gif"][b-j93mlk8n7e] {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;
}

.ody-image:active[b-j93mlk8n7e] {
    cursor: grabbing;
}

.ody-zoom-controls[b-j93mlk8n7e] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 10px;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.ody-zoom-btn[b-j93mlk8n7e] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    background: #007bff;
    color: white;
    border: none;
    transition: all 0.2s ease;
}

.ody-zoom-btn:hover[b-j93mlk8n7e] {
    background: #0056b3;
    transform: scale(1.1);
}

.ody-zoom-btn:active[b-j93mlk8n7e] {
    transform: scale(0.95);
}

.ody-zoom-level[b-j93mlk8n7e] {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-weight: 600;
    min-width: 60px;
    justify-content: center;
}

/* Template Selection with Search */
.ody-template-selector[b-j93mlk8n7e] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.ody-template-search[b-j93mlk8n7e] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 14px;
}

.ody-template-list[b-j93mlk8n7e] {
    flex: 1;
    overflow-y: auto;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: white;
}

.ody-template-item[b-j93mlk8n7e] {
    padding: 10px;
    border-bottom: 1px solid #f1f3f4;
    cursor: pointer;
    transition: background-color 0.2s;
}

.ody-template-item:hover[b-j93mlk8n7e] {
    background-color: #f8f9fa;
}

.ody-template-item.selected[b-j93mlk8n7e] {
    background-color: #007bff;
    color: white;
}

.ody-template-item:last-child[b-j93mlk8n7e] {
    border-bottom: none;
}

.template-item-header[b-j93mlk8n7e] {
    font-weight: 600;
    margin-bottom: 5px;
}

.template-item-content[b-j93mlk8n7e] {
    font-size: 0.9em;
    color: #6c757d;
}

.ody-template-item.selected .template-item-content[b-j93mlk8n7e] {
    color: rgba(255, 255, 255, 0.9);
}

/* Action Buttons */
.ody-action-buttons[b-j93mlk8n7e] {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.ody-action-button[b-j93mlk8n7e] {
    min-width: 120px;
    font-weight: 500;
}

/* Responsive Design - Tablet and Mobile */
@media (max-width: 1024px) {
    .ody-controls[b-j93mlk8n7e] {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        overflow-y: auto !important;
        align-items: stretch !important;
    }

    .ody-image-container[b-j93mlk8n7e] {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 50vh !important;
        order: 1 !important;
        margin-bottom: 10px !important;
    }

    .ody-template-section[b-j93mlk8n7e] {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 300px !important;
        order: 2 !important;
    }

    .ody-input-section[b-j93mlk8n7e] {
        min-width: 100% !important;
        width: 100% !important;
    }

    .ody-zoom-controls[b-j93mlk8n7e] {
        bottom: 10px;
        right: 10px;
        padding: 8px;
    }

    .ody-zoom-btn[b-j93mlk8n7e] {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .ody-action-buttons[b-j93mlk8n7e] {
        flex-direction: column;
        align-items: stretch;
    }

    .ody-action-button[b-j93mlk8n7e] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .ody-dialog-content[b-j93mlk8n7e] {
        padding: 5px;
    }

    .ody-image-container[b-j93mlk8n7e] {
        height: 40vh;
    }

    .ody-input-group[b-j93mlk8n7e] {
        flex-direction: column;
        align-items: stretch;
    }

    .ody-input-label[b-j93mlk8n7e] {
        min-width: auto;
        margin-bottom: 5px;
    }
}

/* Image container styles from original */
.img-container[b-j93mlk8n7e] {
    margin: 0;
    text-align: center;
}

img[b-j93mlk8n7e] {
    max-width: 100%;
    height: auto;
}

.patient-card[b-j93mlk8n7e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    min-width: 400px;
}

.patient-card .action-buttons-group[b-j93mlk8n7e] {
    margin-bottom: 0;
}

.patient-info-modern[b-j93mlk8n7e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.patient-icon[b-j93mlk8n7e] {
    font-size: 1.5rem;
    color: var(--primary-color);
    background: rgba(59, 130, 246, 0.1);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.info-value-main[b-j93mlk8n7e] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e293b;
    letter-spacing: -0.01em;
}

.patient-meta[b-j93mlk8n7e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-left: 0.5rem;
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.6;
}

.meta-item[b-j93mlk8n7e] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-weight: 500;
}

.meta-item .e-icons[b-j93mlk8n7e] {
    font-size: 0.875rem;
    color: #94a3b8;
}

.meta-separator[b-j93mlk8n7e] {
    color: #cbd5e1;
    font-weight: 300;
}

.action-buttons-group[b-j93mlk8n7e] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

.modern-btn[b-j93mlk8n7e] {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    padding: 0.4rem 1rem !important;
    font-size: 0.9rem;
}

.modern-btn:hover[b-j93mlk8n7e] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* /Components/Pages/Okuma/DlgSftOnay.razor.rz.scp.css */
/* SFT Dialog Styles - Adapted from EKG Dialog */

/* Dialog Container */
.sft-dialog .e-dlg-content[b-ekz6pcnuoq] {
    display: flex !important;
    flex-direction: column;
    height: 100% !important;
    padding: 10px !important;
    overflow: hidden;
}

.sft-dialog .e-dlg-header[b-ekz6pcnuoq] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

/* Controls Section */
.sft-controls[b-ekz6pcnuoq] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 0;
    border: 1px solid #dee2e6;
    flex: 1;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.hizmet-notu-container[b-ekz6pcnuoq] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.hizmet-notu-label[b-ekz6pcnuoq] {
  font-weight: 700;
  color: #495057;
  white-space: nowrap;
  font-size: 0.9rem;
}

/* Action Buttons */
.sft-button-group[b-ekz6pcnuoq] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.sft-template-section[b-ekz6pcnuoq] {
    flex: 0 0 calc(35% - 7.5px);
    width: 35%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sft-button-group.input-section-buttons[b-ekz6pcnuoq] {
    justify-content: flex-end;
    margin-top: 10px;
}

/* Input Section */
.sft-input-section[b-ekz6pcnuoq] {
    flex: 0 0 auto;
    width: 100%;
    margin-top: 10px;
}

.sft-input-group[b-ekz6pcnuoq] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.sft-input-label[b-ekz6pcnuoq] {
    font-weight: 600;
    color: #495057;
    min-width: 120px;
}

.sft-input-field[b-ekz6pcnuoq] {
    flex: 1;
}

/* Image Container */
.sft-image-container[b-ekz6pcnuoq] {
    position: relative;
    flex: 0 0 calc(65% - 7.5px);
    width: 65%;
    height: 100%;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    overflow: hidden;
    margin-bottom: 20px;
}

.sft-image-wrapper[b-ekz6pcnuoq] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sft-image[b-ekz6pcnuoq] {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    transition: transform 0.3s ease;
    cursor: grab;
    transform-origin: center center;
    position: relative;
}

/* Zoom Controls */
.sft-zoom-controls[b-ekz6pcnuoq] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 10px;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.sft-zoom-btn[b-ekz6pcnuoq] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    background: #007bff;
    color: white;
    border: none;
    transition: all 0.2s ease;
}

.sft-zoom-btn:hover[b-ekz6pcnuoq] {
    background: #0056b3;
    transform: scale(1.1);
}

.sft-zoom-btn:active[b-ekz6pcnuoq] {
    transform: scale(0.95);
}

.sft-zoom-level[b-ekz6pcnuoq] {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-weight: 600;
    min-width: 60px;
    justify-content: center;
}

/* Modern Button */
.modern-btn[b-ekz6pcnuoq] {
    font-weight: 500;
    transition: all 0.2s ease;
}

.sft-action-button[b-ekz6pcnuoq] {
    min-width: 120px;
}

/* Disabled State */
.disabled[b-ekz6pcnuoq] {
    opacity: 0.5;
    pointer-events: none;
}

/* Modern Dropdown */
.modern-dropdown[b-ekz6pcnuoq] {
    width: 100%;
}

/* Loading Image */
.sft-image[src*="loading.gif"][b-ekz6pcnuoq] {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;
}

.sft-image.active[b-ekz6pcnuoq] {
    cursor: grabbing;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .sft-controls[b-ekz6pcnuoq] {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        overflow-y: auto !important;
        align-items: stretch !important;
    }

    .sft-image-container[b-ekz6pcnuoq] {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 50vh !important;
        order: 1 !important;
        margin-bottom: 10px !important;
    }

    .sft-template-section[b-ekz6pcnuoq] {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0;
        max-width: 100% !important;
        height: auto !important;
        min-height: 300px !important;
        order: 2 !important;
    }

    .sft-zoom-controls[b-ekz6pcnuoq] {
        bottom: 10px;
        right: 10px;
        padding: 8px;
    }

    .sft-zoom-btn[b-ekz6pcnuoq] {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .sft-input-section[b-ekz6pcnuoq] {
        min-width: 100% !important;
    }

    .sft-action-buttons[b-ekz6pcnuoq] {
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }

    .sft-action-button[b-ekz6pcnuoq] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .sft-controls[b-ekz6pcnuoq] {
        gap: 8px !important;
        padding: 10px !important;
    }

    .sft-image-container[b-ekz6pcnuoq] {
        height: 40vh !important;
    }

    .sft-template-section[b-ekz6pcnuoq] {
        min-height: 250px !important;
    }

    .sft-zoom-controls[b-ekz6pcnuoq] {
        bottom: 8px;
        right: 8px;
        padding: 6px;
    }

    .sft-zoom-btn[b-ekz6pcnuoq] {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .sft-input-group[b-ekz6pcnuoq] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Okuma/Ekg.razor.rz.scp.css */
.control-wrapper[b-cdl0q6aoiz] {
  max-width: 250px;
  margin: 0 auto;
  padding: 50px 0px 0px;
}

.example-label[b-cdl0q6aoiz] {
  font-size: 14px;
  margin-bottom: 6px;
}

[b-cdl0q6aoiz] .chip-onay-bekliyor,
[b-cdl0q6aoiz] .chip-sonuçlandi,
[b-cdl0q6aoiz] .chip-sonuclandi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fffbeb;
  color: #a16207;
  border: 1px solid #fef3c7;
}

[b-cdl0q6aoiz] .chip-onaylandı,
[b-cdl0q6aoiz] .chip-onaylandi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #dcfce7;
}

[b-cdl0q6aoiz] .chip-reddedildi,
[b-cdl0q6aoiz] .chip-reddedildi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fee2e2;
}
/* /Components/Pages/Okuma/Goz.razor.rz.scp.css */
[b-g4up5qqifg] .chip-onay-bekliyor,
[b-g4up5qqifg] .chip-sonuçlandi,
[b-g4up5qqifg] .chip-sonuclandi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fffbeb;
  color: #a16207;
  border: 1px solid #fef3c7;
}

[b-g4up5qqifg] .chip-onaylandı,
[b-g4up5qqifg] .chip-onaylandi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #dcfce7;
}

[b-g4up5qqifg] .chip-reddedildi,
[b-g4up5qqifg] .chip-reddedildi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fee2e2;
}

/* Goz.razor.css — demo kalintisi temizlendi; olumlu/size css atildi (R1 duzeltmesi) */
/* /Components/Pages/Okuma/IloUzunForm.razor.rz.scp.css */
/* ILO Pnömokonyoz uzun okuma formu (IloUzunForm.razor) */

/* ---------- Kök ---------- */
.ilo-form[b-vnyhht5t8b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.5rem;
  height: 100%;
  max-height: 75vh;
  overflow-y: auto;
  font-size: 0.8125rem;
  color: var(--text-main, #111827);
}

/* Dikey flex içinde bölümler kendi yüksekliklerini korur, kırpılmaz */
.ilo-form > *[b-vnyhht5t8b] {
  flex: 0 0 auto;
}

/* ---------- İşlem çubuğu ---------- */
.ilo-toolbar[b-vnyhht5t8b] {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  margin: -0.5rem -0.5rem 0;
  background: var(--bg-surface, #fff);
  border-bottom: 1px solid var(--border-color, #e5e7eb);
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
}

.ilo-form--onayli .ilo-toolbar[b-vnyhht5t8b] {
  background: #f8fafc;
}

.modern-btn[b-vnyhht5t8b] {
  border-radius: 6px;
  font-weight: 500;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  padding: 0.4rem 1rem !important;
  font-size: 0.85rem;
}

.modern-btn:hover[b-vnyhht5t8b] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
}

.ilo-onay-rozeti[b-vnyhht5t8b] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  background: #f1f5f9;
  border: 1px solid var(--border-color, #e5e7eb);
  color: var(--text-secondary, #6b7280);
  font-size: 0.75rem;
  white-space: nowrap;
}

/* ---------- Bölümler ---------- */
.ilo-bolum[b-vnyhht5t8b] {
  --ilo-vurgu: var(--primary-color, #4f46e5);
  --ilo-yumusak: #eef2ff;
  border: 1px solid var(--border-color, #e5e7eb);
  border-left: 0.25rem solid var(--ilo-vurgu);
  border-radius: var(--radius-md, 0.5rem);
  background: var(--bg-surface, #fff);
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
  overflow: hidden;
}

.ilo-bolum--mavi[b-vnyhht5t8b] {
  --ilo-vurgu: #0369a1;
  --ilo-yumusak: #e0f2fe;
}

.ilo-bolum--yesil[b-vnyhht5t8b] {
  --ilo-vurgu: #15803d;
  --ilo-yumusak: #dcfce7;
}

.ilo-bolum--turuncu[b-vnyhht5t8b] {
  --ilo-vurgu: #c2410c;
  --ilo-yumusak: #ffedd5;
}

.ilo-bolum--mor[b-vnyhht5t8b] {
  --ilo-vurgu: #7e22ce;
  --ilo-yumusak: #f3e8ff;
}

.ilo-bolum__baslik[b-vnyhht5t8b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: var(--ilo-vurgu);
  color: #fff;
}

.ilo-bolum__baslik h5[b-vnyhht5t8b] {
  margin: 0;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}

.ilo-bolum__no[b-vnyhht5t8b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background: rgb(255 255 255 / 0.22);
  font-size: 0.75rem;
  font-weight: 700;
}

.ilo-bolum__govde[b-vnyhht5t8b] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.625rem;
}

/* ---------- Soru satırları (2A / 3A / 3C / 4A / 4E) ---------- */
.ilo-soru[b-vnyhht5t8b] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-md, 0.5rem);
  background: var(--ilo-yumusak);
}

.ilo-soru__metin[b-vnyhht5t8b] {
  flex: 1 1 16rem;
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}

.ilo-soru__secenekler[b-vnyhht5t8b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.ilo-soru__secenekler[b-vnyhht5t8b]  .e-checkbox-wrapper {
  padding: 0.25rem 0.625rem;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 999px;
  background: var(--bg-surface, #fff);
}

/* ---------- Alt bloklar (2B/2C, 3B, 3D, 4B, 4C) ---------- */
.ilo-blok[b-vnyhht5t8b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: opacity 0.2s ease;
}

/* "Hayır" seçilen dallarda görsel olarak geri plana çekilir, kilitlenmez */
.ilo-blok--pasif[b-vnyhht5t8b] {
  opacity: 0.5;
}

.ilo-blok--pasif:focus-within[b-vnyhht5t8b],
.ilo-blok--pasif:hover[b-vnyhht5t8b] {
  opacity: 1;
}

.ilo-blok__baslik[b-vnyhht5t8b] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.75rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px dashed var(--border-color, #e5e7eb);
}

.ilo-blok__baslik h6[b-vnyhht5t8b] {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ilo-vurgu);
}

.ilo-uyari[b-vnyhht5t8b] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--text-secondary, #6b7280);
}

/* ---------- Paneller ---------- */
.ilo-panel-izgara[b-vnyhht5t8b] {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.ilo-panel-izgara--ikili[b-vnyhht5t8b] {
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.ilo-panel[b-vnyhht5t8b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-md, 0.5rem);
  background: var(--ilo-yumusak, #f9fafb);
}

.ilo-panel__baslik[b-vnyhht5t8b] {
  margin: 0 0 0.125rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--ilo-vurgu);
}

.ilo-panel__baslik--ara[b-vnyhht5t8b] {
  margin-top: 0.5rem;
}

.ilo-altetiket[b-vnyhht5t8b] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-secondary, #6b7280);
}

.ilo-ipucu[b-vnyhht5t8b] {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.3;
  color: var(--text-secondary, #6b7280);
}

.ilo-yonlendirme[b-vnyhht5t8b] {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--ilo-vurgu);
}

/* ---------- Bölüm 1 yerleşimi ---------- */
/* Üst satır: kalite derecesi + yorum yan yana, alt satır: kusurlar tam genişlik.
   Medya sorgusu yerine flex-wrap: form diyalogun %55'lik panelinde durduğu için
   ekran genişliği değil, gerçekte kalan yer belirleyici olmalı. */
.ilo-kalite[b-vnyhht5t8b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: stretch;
}

/* Üçü de aynı özgüllükte olmalı; aksi halde genel kural modifier'ları ezer */
.ilo-kalite > .ilo-panel[b-vnyhht5t8b] {
  flex: 1 1 12rem;
}

.ilo-kalite > .ilo-kalite__yorum[b-vnyhht5t8b] {
  flex: 2.5 1 18rem;
}

.ilo-kalite > .ilo-kalite__genis[b-vnyhht5t8b] {
  flex: 1 1 100%;
}

.ilo-secenek-satiri[b-vnyhht5t8b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.875rem;
  margin-bottom: 0.25rem;
}

.ilo-alan[b-vnyhht5t8b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ilo-etiket[b-vnyhht5t8b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-main, #111827);
}

.ilo-dropdown[b-vnyhht5t8b] {
  max-width: 32rem;
}

/* ---------- Onay kutusu ızgaraları ---------- */
.ilo-kutu-izgara[b-vnyhht5t8b] {
  display: grid;
  gap: 0.25rem 0.5rem;
  align-items: start;
}

.ilo-kutu-izgara--tek[b-vnyhht5t8b] {
  grid-template-columns: 1fr;
}

.ilo-kutu-izgara--uc[b-vnyhht5t8b] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ilo-kutu-izgara--dort[b-vnyhht5t8b] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ilo-kutu-izgara--oto[b-vnyhht5t8b] {
  grid-template-columns: repeat(auto-fill, minmax(3.5rem, 1fr));
}

.ilo-kutu-izgara--genis[b-vnyhht5t8b] {
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

/* p q r | s t u : sütun sütun dolar */
.ilo-kutu-izgara--dikey-ikili[b-vnyhht5t8b] {
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ilo-ikili[b-vnyhht5t8b] {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ilo-ikili__grup[b-vnyhht5t8b] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

/* ---------- Matris (satır başlığı + sütun başlıkları + kutular) ---------- */
.ilo-matris[b-vnyhht5t8b] {
  display: grid;
  gap: 0.125rem 0.25rem;
  align-items: center;
  justify-items: center;
}

.ilo-matris--2[b-vnyhht5t8b] {
  grid-template-columns: minmax(2.5rem, 1fr) repeat(2, minmax(1.5rem, auto));
}

.ilo-matris--3[b-vnyhht5t8b] {
  grid-template-columns: minmax(2.5rem, 1fr) repeat(3, minmax(1.5rem, auto));
}

.ilo-matris__bas[b-vnyhht5t8b] {
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--text-secondary, #6b7280);
  line-height: 1;
}

.ilo-matris__satir[b-vnyhht5t8b] {
  justify-self: start;
  font-size: 0.6875rem;
  line-height: 1.15;
  color: var(--text-main, #111827);
  overflow-wrap: anywhere;
}

.ilo-matris__bosluk[b-vnyhht5t8b] {
  min-height: 0.75rem;
}

/* ---------- Syncfusion iç DOM düzeltmeleri ---------- */
/* inline-flex: uzun etiketlerde ikinci satırın kutunun altına kaymasını engeller */
.ilo-form[b-vnyhht5t8b]  .e-checkbox-wrapper {
  display: inline-flex;
  align-items: flex-start;
  margin: 0;
}

.ilo-form[b-vnyhht5t8b]  .e-checkbox-wrapper .e-frame {
  flex: 0 0 auto;
}

.ilo-form[b-vnyhht5t8b]  .e-checkbox-wrapper .e-label {
  font-size: 0.8125rem;
  line-height: 1.25;
  padding-top: 0.125rem;
  overflow-wrap: anywhere;
}

/* Kısa kodlu kutularda ("0/-", "3/+", "p", "R") etiket bölünmez */
.ilo-kutu-izgara--uc[b-vnyhht5t8b]  .e-label,
.ilo-kutu-izgara--dort[b-vnyhht5t8b]  .e-label,
.ilo-kutu-izgara--oto[b-vnyhht5t8b]  .e-label,
.ilo-kutu-izgara--dikey-ikili[b-vnyhht5t8b]  .e-label {
  white-space: nowrap;
  overflow-wrap: normal;
}

/* Matris hücrelerinde kutular etiketsiz ve tam ortalı */
.ilo-matris[b-vnyhht5t8b]  .e-checkbox-wrapper {
  justify-content: center;
  padding: 0;
}

.ilo-form[b-vnyhht5t8b]  .e-input-group,
.ilo-form[b-vnyhht5t8b]  .e-dropdownbase {
  font-size: 0.8125rem;
}

.ilo-metin[b-vnyhht5t8b] {
  font-size: 0.8125rem;
}

/* ---------- Erişilebilirlik ---------- */
.ilo-form[b-vnyhht5t8b]  .e-checkbox:focus-visible + .e-frame,
.ilo-form[b-vnyhht5t8b]  .e-radio:focus-visible + label::before {
  outline: 2px solid var(--primary-color, #4f46e5);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .modern-btn[b-vnyhht5t8b],
  .ilo-blok[b-vnyhht5t8b] {
    transition: none;
  }

  .modern-btn:hover[b-vnyhht5t8b] {
    transform: none;
  }
}

/* ---------- Dar ekran ---------- */
@media (max-width: 768px) {
  .ilo-toolbar[b-vnyhht5t8b] {
    gap: 0.25rem;
  }

  .modern-btn[b-vnyhht5t8b] {
    font-size: 0.75rem;
    padding: 0.35rem 0.6rem !important;
  }

  .ilo-panel-izgara[b-vnyhht5t8b] {
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  }
}
/* /Components/Pages/Okuma/Ody.razor.rz.scp.css */
[b-82tzb4hbkw] .chip-onay-bekliyor,
[b-82tzb4hbkw] .chip-sonuçlandi,
[b-82tzb4hbkw] .chip-sonuclandi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fffbeb;
  color: #a16207;
  border: 1px solid #fef3c7;
}

[b-82tzb4hbkw] .chip-onaylandı,
[b-82tzb4hbkw] .chip-onaylandi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #dcfce7;
}

[b-82tzb4hbkw] .chip-reddedildi,
[b-82tzb4hbkw] .chip-reddedildi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fee2e2;
}

/* Ody.razor.css — demo kalintisi temizlendi; olumlu/size css atildi (R1 duzeltmesi) */
/* /Components/Pages/Okuma/OkumaFiltre.razor.rz.scp.css */
.filter-container[b-tpf8aep67m] {
  padding: 1rem;
}

.filter-label[b-tpf8aep67m] {
  font-size: 12px;
  margin-bottom: 2px;
}

/*
 * Filtre satırı her zaman sarmalıdır (flex-wrap: wrap): satıra sığmayan
 * kolon doğal olarak alt satıra iner, hiçbir genişlikte elemanlar üst üste
 * binmez. align-items: flex-end buton grubunun yanındaki giriş alanlarıyla
 * aynı taban çizgisinde hizalanmasını sağlar.
 */
.filter-row[b-tpf8aep67m] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
  margin-bottom: 1rem;
}

/*
 * Kolon genişliği içeriğinden (etiket + sabit genişlikli Syncfusion bileşeni)
 * belirlenir ve asla daraltılmaz (flex-shrink: 0). Böylece bileşenin sabit
 * piksel genişliği kolonundan taşıp komşu kolonun üzerine çıkamaz.
 */
.filter-col[b-tpf8aep67m] {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}

.button-group[b-tpf8aep67m] {
  flex-wrap: wrap;
}

.validation-row[b-tpf8aep67m] {
  margin-top: 1rem;
}

/* Dar telefon ekranlarında satır aralığını sıkılaştır */
@media (max-width: 576px) {
  .filter-row[b-tpf8aep67m] {
    gap: 0.5rem;
  }
}
/* /Components/Pages/Okuma/PdfImzalama.razor.rz.scp.css */
/* PDF E-İmza Yönetimi Sayfası Stilleri */

.eimza-container[b-qzhw9n8238] {
    padding: 1rem;
}

/* Başlık */
.page-header[b-qzhw9n8238] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.header-title[b-qzhw9n8238] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-main, #111827);
}

/* Durum Çubuğu */
.status-bar[b-qzhw9n8238] {
    padding: 0.625rem 1rem;
    border-radius: var(--radius-lg, 0.75rem);
    margin-bottom: 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-ready[b-qzhw9n8238] {
    background: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

.status-fallback[b-qzhw9n8238] {
    background: #fffbeb;
    color: #d97706;
    border: 1px solid #fde68a;
}

.status-unavailable[b-qzhw9n8238] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.status-loading[b-qzhw9n8238] {
    background: var(--bg-surface, #f9fafb);
    color: var(--text-secondary, #6b7280);
    border: 1px solid var(--border-color, #e5e7eb);
}

/* Filtre Paneli */
.filter-panel[b-qzhw9n8238] {
    background: var(--bg-surface, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: var(--radius-lg, 0.75rem);
    padding: 1rem;
    margin-bottom: 1rem;
}

.filter-row[b-qzhw9n8238] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-group[b-qzhw9n8238] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.filter-label[b-qzhw9n8238] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-secondary, #6b7280);
}

.filter-doktor[b-qzhw9n8238] {
    flex: 0 0 180px;
}

.filter-osgb[b-qzhw9n8238] {
    flex: 0 0 180px;
}

.filter-actions[b-qzhw9n8238] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding-bottom: 1px;
}

.date-picker[b-qzhw9n8238] {
    width: 150px;
}

/* Grid */
.grid-container[b-qzhw9n8238] {
    margin-bottom: 1rem;
}

/* İmza Durumu */
.imza-durum[b-qzhw9n8238] {
    font-size: 0.85rem;
}

.imza-durum.imzali[b-qzhw9n8238] {
    color: #059669;
}

.imza-durum.hata[b-qzhw9n8238] {
    color: #dc2626;
}

.imza-durum.imzasiz[b-qzhw9n8238] {
    color: var(--text-secondary, #9ca3af);
}

/* İşlem Çubuğu */
.action-bar[b-qzhw9n8238] {
    padding: 0.75rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.secim-bilgi[b-qzhw9n8238] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary, #6b7280);
}

/* PIN Dialog */
.pin-dialog-content[b-qzhw9n8238] {
    padding: 0.5rem 0;
}

.pin-doktor-bilgi[b-qzhw9n8238] {
    background: var(--bg-surface, #f9fafb);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.pin-input-row[b-qzhw9n8238] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pin-label[b-qzhw9n8238] {
    font-weight: 600;
    font-size: 0.95rem;
    white-space: nowrap;
}

.pin-input-group[b-qzhw9n8238] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.pin-textbox[b-qzhw9n8238] {
    flex: 1;
}

.pin-hata[b-qzhw9n8238] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

/* Progress List */
.progress-list[b-qzhw9n8238] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.progress-item[b-qzhw9n8238] {
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 0.5rem;
    padding: 0.625rem 0.75rem;
}

.progress-item-info[b-qzhw9n8238] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.progress-item-name[b-qzhw9n8238] {
    font-size: 0.85rem;
    font-weight: 600;
}

.progress-item-durum[b-qzhw9n8238] {
    font-size: 0.8rem;
    font-weight: 500;
}

.durum-tamamlandi[b-qzhw9n8238] {
    color: #059669;
}

.durum-hata[b-qzhw9n8238] {
    color: #dc2626;
}

.durum-imzalaniyor[b-qzhw9n8238] {
    color: #2563eb;
}

/* Responsive */
@@media (max-width: 768px) {
    .filter-row[b-qzhw9n8238] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-doktor[b-qzhw9n8238] {
        flex: auto;
    }

    .filter-osgb[b-qzhw9n8238] {
        flex: auto;
    }

    .date-picker[b-qzhw9n8238] {
        width: 100%;
    }

    .pin-input-row[b-qzhw9n8238] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Okuma/Sft.razor.rz.scp.css */
[b-18edba5q6g] .chip-onay-bekliyor,
[b-18edba5q6g] .chip-sonuçlandi,
[b-18edba5q6g] .chip-sonuclandi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fffbeb;
  color: #a16207;
  border: 1px solid #fef3c7;
}

[b-18edba5q6g] .chip-onaylandı,
[b-18edba5q6g] .chip-onaylandi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #dcfce7;
}

[b-18edba5q6g] .chip-reddedildi,
[b-18edba5q6g] .chip-reddedildi {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fee2e2;
}
/* /Components/Pages/Rapor/OnayRaporOzet.razor.rz.scp.css */
/* --- Flexbox taşma düzeltmesi (OnayRaporu.razor.css ile aynı) ---
   Sabit piksel sütunlu geniş grid (~2820px) flex child'ını şişirip
   sidebar'ı ezmesin diye taşma burada hapsedilir. */
.loading-container[b-t9jphr8lnw] {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.control-section[b-t9jphr8lnw] {
  padding: 0;
  width: 100%;
  overflow-x: auto;
}

.content-wrapper[b-t9jphr8lnw] {
  width: 100%;
  min-width: 0;
}

.empty-state[b-t9jphr8lnw] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding: 2rem;
  text-align: center;
}

/* --- İkili kolon renklendirme (tür bazında, Poliklinik=açık, Mobil=koyu) ---
   Syncfusion GridColumn CustomAttributes "class" değeri header (.e-headercell)
   ve satır hücrelerine (.e-rowcell) eklenir; ikisine de uygulanır. */
[b-t9jphr8lnw] .e-grid .grp-akc-pol  { background-color: #e7f1fb; }
[b-t9jphr8lnw] .e-grid .grp-akc-mob  { background-color: #c9ddf3; }
[b-t9jphr8lnw] .e-grid .grp-pnm1-pol { background-color: #e6f4ea; }
[b-t9jphr8lnw] .e-grid .grp-pnm1-mob { background-color: #c6e7d0; }
[b-t9jphr8lnw] .e-grid .grp-pnm2-pol { background-color: #fdf1d9; }
[b-t9jphr8lnw] .e-grid .grp-pnm2-mob { background-color: #f9e0b3; }
[b-t9jphr8lnw] .e-grid .grp-goz-pol  { background-color: #fbe5ec; }
[b-t9jphr8lnw] .e-grid .grp-goz-mob  { background-color: #f5c7d6; }
[b-t9jphr8lnw] .e-grid .grp-ody-pol  { background-color: #efe7fa; }
[b-t9jphr8lnw] .e-grid .grp-ody-mob  { background-color: #dccdf3; }
[b-t9jphr8lnw] .e-grid .grp-sft-pol  { background-color: #e0f3f1; }
[b-t9jphr8lnw] .e-grid .grp-sft-mob  { background-color: #bfe7e2; }
[b-t9jphr8lnw] .e-grid .grp-ekg-pol  { background-color: #faf5d6; }
[b-t9jphr8lnw] .e-grid .grp-ekg-mob  { background-color: #f1e6a8; }

/* --- Eksik ücret uyarısı: adet > 0 iken tutar 0/null/boş olan hücreler --- */
[b-t9jphr8lnw] .tutar-eksik {
    background-color: #ffe6e6 !important;
    color: #cc0000 !important;
    font-weight: 700 !important;
}

/* --- Filtre paneli (OkumaFiltre.razor.css ile aynı tam responsive desen) ---
   Satır her zaman sarmalıdır: satıra sığmayan kolon doğal olarak alt satıra
   iner, elemanlar hiçbir genişlikte üst üste binmez. align-items: flex-end
   butonun giriş alanlarıyla aynı taban çizgisinde hizalanmasını sağlar.
   Kolon genişliği içeriğinden (etiket + sabit genişlikli bileşen) belirlenir
   ve asla daraltılmaz — bileşen kolonundan taşıp komşuya binebilir. */
.filter-label[b-t9jphr8lnw] {
  font-size: 12px;
  margin-bottom: 2px;
}

.filter-row[b-t9jphr8lnw] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
}

.filter-col[b-t9jphr8lnw] {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}

/* Dar telefon ekranlarında satır aralığını sıkılaştır */
@media (max-width: 576px) {
  .filter-row[b-t9jphr8lnw] {
    gap: 0.5rem;
  }
}
/* /Components/Pages/Rapor/OnayRaporu.razor.rz.scp.css */
.loading-container[b-28esbjhjfs] {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.control-section[b-28esbjhjfs] {
  padding: 0;
  width: 100%;
  overflow-x: auto;
}

.content-wrapper[b-28esbjhjfs] {
  width: 100%;
  min-width: 0;
}

.empty-state[b-28esbjhjfs] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding: 2rem;
  text-align: center;
}

/* --- Filtre paneli (OkumaFiltre.razor.css ile aynı tam responsive desen) ---
   Satır her zaman sarmalıdır: satıra sığmayan kolon doğal olarak alt satıra
   iner, elemanlar hiçbir genişlikte üst üste binmez. align-items: flex-end
   butonun giriş alanlarıyla aynı taban çizgisinde hizalanmasını sağlar.
   Kolon genişliği içeriğinden (etiket + sabit genişlikli bileşen) belirlenir
   ve asla daraltılmaz — bileşen kolonundan taşıp komşuya binebilir. */
.filter-label[b-28esbjhjfs] {
  font-size: 12px;
  margin-bottom: 2px;
}

.filter-row[b-28esbjhjfs] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
}

.filter-col[b-28esbjhjfs] {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}

/* Dar telefon ekranlarında satır aralığını sıkılaştır */
@media (max-width: 576px) {
  .filter-row[b-28esbjhjfs] {
    gap: 0.5rem;
  }
}
/* /Components/Pages/Rapor/OnaySayilari.razor.rz.scp.css */
/* --- Filtre paneli (OkumaFiltre.razor.css ile aynı tam responsive desen) ---
   Satır her zaman sarmalıdır: satıra sığmayan kolon doğal olarak alt satıra
   iner, elemanlar hiçbir genişlikte üst üste binmez. align-items: flex-end
   butonun giriş alanlarıyla aynı taban çizgisinde hizalanmasını sağlar.
   Kolon genişliği içeriğinden (etiket + sabit genişlikli bileşen) belirlenir
   ve asla daraltılmaz — bileşen kolonundan taşıp komşuya binebilir. */
.filter-label[b-6swiv1yx8v] {
  font-size: 12px;
  margin-bottom: 2px;
}

.filter-row[b-6swiv1yx8v] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
}

.filter-col[b-6swiv1yx8v] {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}

/* Dar telefon ekranlarında satır aralığını sıkılaştır */
@media (max-width: 576px) {
  .filter-row[b-6swiv1yx8v] {
    gap: 0.5rem;
  }
}
/* /Components/Pages/Sonuc/BireyselRaporlar.razor.rz.scp.css */
/* Bireysel Raporlar (Sonuçlarım) sayfası - hasta kullanıcıları için kendi sonuç listesi.
   Kurumsal Raporlar sayfasıyla aynı iskeleti paylaşır; sayfa başlığı, rozet ailesi ve
   kayıt sayısı stilleri app.css-teki ortak kurumsal grid bölümündedir. */

/* Yatay padding bilinçli olarak dar: grid çok kolonlu ve detay satırındaki işlem
   butonları geniş yer kaplıyor. Dış boşluk zaten MainLayout-taki main padding-inden
   (1rem) geliyor, burada tekrarlanınca tabloya kalan alan gereksiz daralıyordu. */
.bireysel-raporlar[b-0jm40p8kcv] {
  padding: 1rem 0.25rem;
}

/* ===== Filtre ===== */
.filtre-card[b-0jm40p8kcv] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  background: var(--bg-surface, #fff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-lg, 0.75rem);
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
}

.filtre-alan[b-0jm40p8kcv] {
  flex: 0 0 12rem;
}

.filtre-alan-buton[b-0jm40p8kcv] {
  flex: 0 0 auto;
}

.filtre-label[b-0jm40p8kcv] {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-secondary, #6b7280);
}

/* ===== Erişilebilirlik ===== */
.filtre-card :focus-visible[b-0jm40p8kcv] {
  outline: 2px solid var(--primary-color, #4f46e5);
  outline-offset: 2px;
}

@media (max-width: 48rem) {
  .filtre-alan[b-0jm40p8kcv] {
    flex: 1 1 100%;
  }
}
/* /Components/Pages/Sonuc/KurumsalRaporlar.razor.rz.scp.css */
/* Kurumsal Raporlar sayfası - firma/OSB kullanıcıları için rapor listesi.
   Sayfa başlığı, rozet ailesi ve kayıt sayısı stilleri app.css-teki ortak
   kurumsal grid bölümündedir. */

/* Yatay padding bilinçli olarak dar: grid çok kolonlu ve detay satırındaki işlem
   butonları geniş yer kaplıyor. Dış boşluk zaten MainLayout-taki main padding-inden
   (1rem) geliyor, burada tekrarlanınca tabloya kalan alan gereksiz daralıyordu. */
.kurumsal-raporlar[b-7x5n2udkeb] {
  padding: 1rem 0.25rem;
}

/* ===== Filtre ===== */
.filtre-card[b-7x5n2udkeb] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  background: var(--bg-surface, #fff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-lg, 0.75rem);
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
}

.filtre-alan[b-7x5n2udkeb] {
  flex: 0 0 12rem;
}

.filtre-alan-genis[b-7x5n2udkeb] {
  flex: 1 1 16rem;
}

.filtre-alan-buton[b-7x5n2udkeb] {
  flex: 0 0 auto;
}

.filtre-label[b-7x5n2udkeb] {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-secondary, #6b7280);
}

/* ===== Erişilebilirlik ===== */
.filtre-card :focus-visible[b-7x5n2udkeb] {
  outline: 2px solid var(--primary-color, #4f46e5);
  outline-offset: 2px;
}

@media (max-width: 48rem) {
  .filtre-alan[b-7x5n2udkeb],
  .filtre-alan-genis[b-7x5n2udkeb] {
    flex: 1 1 100%;
  }
}
/* /Components/Pages/Sonuc/KurumsalSahaRaporDetay.razor.rz.scp.css */
/* Kurumsal Saha (Periyodik Muayene) Rapor Detay sayfası - firma/OSB kullanıcıları.
   Sayfa başlığı, rozet ailesi ve kayıt sayısı stilleri app.css-teki ortak
   kurumsal grid bölümündedir. */

.kurumsal-saha-detay[b-65fzgsdook] {
  padding: 1rem;
}

/* ===== Saha bilgi kartı ===== */
.saha-bilgi-card[b-65fzgsdook] {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1.25rem;
  background: var(--bg-surface, #fff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-lg, 0.75rem);
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
}

.saha-bilgi-alan[b-65fzgsdook] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.saha-bilgi-alan-genis[b-65fzgsdook] {
  flex: 1 1 14rem;
}

.saha-bilgi-label[b-65fzgsdook] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-secondary, #6b7280);
}

.saha-bilgi-deger[b-65fzgsdook] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-main, #111827);
}

/* ===== Erişilebilirlik ===== */
/* Syncfusion bileşenleri izolasyon kapsam attribute'unu almadığı için ::deep şart;
   .saha-bilgi-card içinde odaklanabilir eleman yok, odak halkası Geri butonuna ait. */
.page-header[b-65fzgsdook]  .e-btn:focus-visible {
  outline: 2px solid var(--primary-color, #4f46e5);
  outline-offset: 2px;
}

@media (max-width: 48rem) {
  .saha-bilgi-alan[b-65fzgsdook] {
    flex: 1 1 40%;
  }

  /* Medya sorgusu özgüllük eklemediği ve dosyada sonra geldiği için yukarıdaki
     kural -genis modifikatörünü ezerdi; firma adı dar ekranda tam satır almalı. */
  .saha-bilgi-alan-genis[b-65fzgsdook] {
    flex: 1 1 100%;
  }
}
/* /Components/Pages/Sonuc/KurumsalSahaRaporlar.razor.rz.scp.css */
/* Kurumsal Saha (Periyodik Muayene) Raporları sayfası - firma/OSB kullanıcıları.
   Sayfa başlığı ve kayıt sayısı stilleri app.css-teki ortak kurumsal grid bölümündedir. */

.kurumsal-saha-raporlar[b-d65txnlll0] {
  padding: 1rem;
}

/* ===== Filtre (yalnız SystemAdmin-e görünür) =====
   KurumsalRaporlar.razor.css-teki filtre bloğunun kopyasıdır: stiller sayfa-scoped
   olduğundan paylaşılamaz; app.css-e taşınması iki sayfanın da görünümünü birden
   değiştirirdi. İki blok birlikte değişmelidir. */

.filtre-card[b-d65txnlll0] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  background: var(--bg-surface, #fff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-lg, 0.75rem);
  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
}

.filtre-alan[b-d65txnlll0] {
  flex: 0 0 12rem;
}

.filtre-alan-genis[b-d65txnlll0] {
  flex: 1 1 16rem;
}

.filtre-alan-buton[b-d65txnlll0] {
  flex: 0 0 auto;
}

.filtre-label[b-d65txnlll0] {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-secondary, #6b7280);
}

/* ===== Erişilebilirlik ===== */
.filtre-card :focus-visible[b-d65txnlll0] {
  outline: 2px solid var(--primary-color, #4f46e5);
  outline-offset: 2px;
}

@media (max-width: 48rem) {
  .filtre-alan[b-d65txnlll0],
  .filtre-alan-genis[b-d65txnlll0] {
    flex: 1 1 100%;
  }
}
/* /Components/Pages/Sonuc/RaporDetay.razor.rz.scp.css */
/* Müracaat rapor dökümü - ana grid DetailTemplate içeriği */

/* Arka plan bilinçli olarak indigo tonundadır: master satırlardaki zebra rengi
   (#f5f7fb, app.css) ve beyaz satırlara bu kadar yakın olsaydı açılan detay
   alanı bir bakışta seçilemiyordu. İçteki tablo beyaz kalır. */
.rapor-detay[b-h98kxq7ws2] {
  padding: 0.75rem 0.5rem;
  background: #eef2ff;
  border-top: 1px solid #c7d2fe;
}

.rapor-detay-bos[b-h98kxq7ws2] {
  padding: 0.5rem 0;
  font-size: 0.875rem;
  color: var(--text-secondary, #6b7280);
}

/* Başlık satırı: solda Adı Soyadı çipi, sağda işlem butonları */
.rapor-detay-baslik[b-h98kxq7ws2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

/* Başlık butonları (Tümünü İndir, Birleşik Rapor): çip solda kalır, butonlar sağda
   tek grupta toplanır; dar ekranda flex-wrap satırı taşırır. */
.rapor-detay-baslik-butonlar[b-h98kxq7ws2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

/* Adı Soyadı çipi (Bootstrap docs chip deseni; çekirdekte yok, burada tanımlı) */
.chip[b-h98kxq7ws2] {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 22rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 625rem;
}

.chip.chip-info[b-h98kxq7ws2] {
  color: #1e40af;
  background: #dbeafe;
  border: 1px solid #bfdbfe;
}

.chip.chip-info.active[b-h98kxq7ws2] {
  background: #bfdbfe;
}

.chip:focus-visible[b-h98kxq7ws2] {
  outline: 2px solid var(--primary-color, #4f46e5);
  outline-offset: 2px;
}

.rapor-detay-tablo[b-h98kxq7ws2] {
  width: 100%;
  border-collapse: collapse;
  background: var(--bg-surface, #fff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-md, 0.5rem);
  overflow: hidden;
}

.rapor-detay-tablo th[b-h98kxq7ws2] {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: left;
  color: var(--text-secondary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  background: var(--bg-body, #f3f4f6);
  border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.rapor-detay-tablo td[b-h98kxq7ws2] {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: var(--text-main, #111827);
  border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.rapor-detay-tablo tbody tr:last-child td[b-h98kxq7ws2] {
  border-bottom: none;
}

.rapor-detay-islem[b-h98kxq7ws2] {
  text-align: right;
  white-space: nowrap;
}

/* İşlem butonları satır satır gruplanır: AKC kaydında beş buton (üç çekim işlemi +
   Göster/İndir) tek satıra sığmıyor ve en sağdaki ekran dışında kalıyordu.
   Aralık margin yerine gap ile verilir - margin ilk butona da uygulanıp sağa
   hizalamayı bozuyordu. */
.rapor-islem-satiri[b-h98kxq7ws2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.375rem;
}

.rapor-islem-satiri + .rapor-islem-satiri[b-h98kxq7ws2] {
  margin-top: 0.375rem;
}

/* ===== İşlem butonu renkleri =====
   Syncfusion'ın anlamsal sınıfları (e-info / e-primary / e-warning) yetmiyor: aynı hücrede
   beş farklı işlem yan yana duruyor ve kullanıcının bunları renkten ayırt edebilmesi
   isteniyor. Göster butonu Syncfusion'ın e-info tonunda (teal) bırakıldı; aşağıdakiler
   ondan ve birbirlerinden ayrışır. Tonlar app.css paletiyle aynı aileden seçildi. */

/* Raporu indir - açık mavi */
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-indir {
  color: #fff;
  background-color: #60a5fa;
  border-color: #60a5fa;
}

.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-indir:hover:not(:disabled) {
  background-color: #3b82f6;
  border-color: #3b82f6;
}

/* DICOM indir - arduvaz */
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-dicom {
  color: #fff;
  background-color: #475569;
  border-color: #475569;
}

.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-dicom:hover:not(:disabled) {
  background-color: #334155;
  border-color: #334155;
}

/* JPG indir - kehribar */
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-jpg {
  color: #fff;
  background-color: #d97706;
  border-color: #d97706;
}

.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-jpg:hover:not(:disabled) {
  background-color: #b45309;
  border-color: #b45309;
}

/* DICOM görüntüleyici - indigo (Göster'in teal tonundan ayrışır) */
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-viewer {
  color: #fff;
  background-color: #6366f1;
  border-color: #6366f1;
}

.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-viewer:hover:not(:disabled) {
  background-color: var(--primary-color, #4f46e5);
  border-color: var(--primary-color, #4f46e5);
}

/* Rapor kaydını sil (SystemAdmin) - tehlike tonu, diğer tüm işlemlerden ayrışır */
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-sil {
  color: #fff;
  background-color: #dc2626;
  border-color: #dc2626;
}

.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-sil:hover:not(:disabled) {
  background-color: #b91c1c;
  border-color: #b91c1c;
}

/* Renkler Syncfusion'ın disabled arka planını ezdiği için soluklaştırma elle yapılır */
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-indir:disabled,
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-dicom:disabled,
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-jpg:disabled,
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-viewer:disabled,
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-sil:disabled {
  opacity: 0.5;
}

/* Renkli zeminde varsayılan odak halkası yeterince belirgin değil */
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-indir:focus-visible,
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-dicom:focus-visible,
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-jpg:focus-visible,
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-viewer:focus-visible,
.rapor-detay-islem[b-h98kxq7ws2]  .rapor-btn-sil:focus-visible {
  outline: 2px solid var(--primary-color, #4f46e5);
  outline-offset: 2px;
}

/* PDF getirme işlemi sürerken durum şeridi (arşiv fetch-i bir dakikaya kadar sürebilir) */
.rapor-detay-islem-sureci[b-h98kxq7ws2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: #1e40af;
  background: #dbeafe;
  border-radius: var(--radius-md, 0.5rem);
}

/* ===== Durum rozetleri ===== */
.durum-rozet[b-h98kxq7ws2] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  border-radius: 1rem;
}

.durum-imzali[b-h98kxq7ws2] {
  color: #065f46;
  background: #d1fae5;
}

.durum-hazir[b-h98kxq7ws2] {
  color: #1e40af;
  background: #dbeafe;
}

.durum-bekleyen[b-h98kxq7ws2] {
  color: #4b5563;
  background: #e5e7eb;
}

/* Onaylanmış, raporu eski sunucudan istek anında getirilen kayıt */
.durum-onayli[b-h98kxq7ws2] {
  color: #166534;
  background: #dcfce7;
}

/* Onayı henüz gelmemiş kayıt: rapor bu aşamada istenemez, buton kilitlidir.
   Turuncu ton "Arşiv" (kehribar) ve "Hazırlanıyor" (gri) durumlarından ayrışır. */
.durum-onay-bekliyor[b-h98kxq7ws2] {
  color: #9a3412;
  background: #ffedd5;
}

/* Yeni PDF mimarisinden önceki kayıt: rapor eski sunucuda istek anında üretilir */
.durum-arsiv[b-h98kxq7ws2] {
  color: #92400e;
  background: #fef3c7;
}

/* LAB kısmi onay uyarı rozeti - durum rozetinin altında ayrı satırda */
.durum-lab-kismi-onay-satir[b-h98kxq7ws2] {
  margin-top: 0.25rem;
}

.durum-lab-kismi-onay[b-h98kxq7ws2] {
  color: #664d03;
  background: #fff3cd;
  border: 1px solid #ffecb5;
}

@media (max-width: 48rem) {
  .rapor-detay-tablo[b-h98kxq7ws2],
  .rapor-detay-tablo tbody[b-h98kxq7ws2],
  .rapor-detay-tablo tr[b-h98kxq7ws2],
  .rapor-detay-tablo td[b-h98kxq7ws2] {
    display: block;
    width: 100%;
  }

  .rapor-detay-tablo thead[b-h98kxq7ws2] {
    display: none;
  }

  .rapor-detay-islem[b-h98kxq7ws2] {
    text-align: left;
  }

  .rapor-islem-satiri[b-h98kxq7ws2] {
    justify-content: flex-start;
  }
}
/* /Components/VetaComponents/AppVersion.razor.rz.scp.css */
.app-version-short[b-jejvzdhc8b] {
  font-size: 0.75rem;
  color: #6c757d;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s ease;
}

  .app-version-short:hover[b-jejvzdhc8b] {
    color: #495057;
  }

.app-version-compact[b-jejvzdhc8b] {
  font-size: 0.7rem;
  color: #868e96;
  font-weight: 400;
  cursor: pointer;
  transition: color 0.2s ease;
}

  .app-version-compact:hover[b-jejvzdhc8b] {
    color: #6c757d;
  }

.app-version-full[b-jejvzdhc8b] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

  .app-version-full .version-number[b-jejvzdhc8b] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.25rem;
  }

  .app-version-full .build-date[b-jejvzdhc8b] {
    font-size: 0.75rem;
    color: #6c757d;
  }

.app-version-detailed[b-jejvzdhc8b] {
  background: #f8f9fa;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

  .app-version-detailed .version-info[b-jejvzdhc8b],
  .app-version-detailed .build-info[b-jejvzdhc8b] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
  }

    .app-version-detailed .version-info:last-child[b-jejvzdhc8b],
    .app-version-detailed .build-info:last-child[b-jejvzdhc8b] {
      margin-bottom: 0;
    }

  .app-version-detailed .version-label[b-jejvzdhc8b],
  .app-version-detailed .build-label[b-jejvzdhc8b] {
    font-weight: 500;
    color: #495057;
    min-width: 50px;
  }

  .app-version-detailed .version-value[b-jejvzdhc8b],
  .app-version-detailed .build-value[b-jejvzdhc8b] {
    color: #212529;
    font-weight: 400;
  }

  .app-version-detailed i[b-jejvzdhc8b] {
    color: #6c757d;
    font-size: 0.875rem;
  }

/* Responsive adjustments */
@media (max-width: 768px) {
  .app-version-short[b-jejvzdhc8b] {
    font-size: 0.7rem;
  }

  .app-version-compact[b-jejvzdhc8b] {
    font-size: 0.65rem;
  }

  .app-version-full[b-jejvzdhc8b] {
    padding: 0.375rem;
  }

    .app-version-full .version-number[b-jejvzdhc8b] {
      font-size: 0.8rem;
    }

    .app-version-full .build-date[b-jejvzdhc8b] {
      font-size: 0.7rem;
    }
}
/* /Components/VetaComponents/BekleyenOnaylarBanner.razor.rz.scp.css */
/* Countdown Styles */
.countdown-container[b-7nipt9w0qp] {
  margin-bottom: 1rem;
}

.countdown-info[b-7nipt9w0qp] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.25rem;
}

.countdown-icon[b-7nipt9w0qp] {
  font-size: 0.875rem;
  color: #6B7280;
}

.countdown-text[b-7nipt9w0qp] {
  font-size: 0.75rem;
  color: #6B7280;
  font-weight: 500;
}

.countdown-progress[b-7nipt9w0qp] {
  height: 3px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  overflow: hidden;
}

.countdown-bar[b-7nipt9w0qp] {
  height: 100%;
  width: var(--countdown-percent, 100%);
  background: linear-gradient(90deg, #3B82F6, #8B5CF6);
  border-radius: 2px;
  transition: width 1s linear;
}

/* Pending Banner Styles */
.pending-banner[b-7nipt9w0qp] {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.08) 0%, rgba(245, 158, 11, 0.12) 100%);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-left: 4px solid #F59E0B;
}

.pending-icon-box[b-7nipt9w0qp] {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
  color: white;
  font-size: 1.25rem;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.pending-badge[b-7nipt9w0qp] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.pending-badge:hover[b-7nipt9w0qp] {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  border-color: rgba(59, 130, 246, 0.3);
}

.pending-badge i[b-7nipt9w0qp] {
  font-size: 1rem;
  opacity: 0.8;
}

.pending-badge span:not(.badge)[b-7nipt9w0qp] {
  font-size: 0.85rem;
  font-weight: 500;
  color: #4B5563;
}

.pending-badge .badge[b-7nipt9w0qp] {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
}

/* Custom badge colors for pending */
.bg-indigo[b-7nipt9w0qp] {
  background: linear-gradient(135deg, #4F46E5, #6366F1) !important;
}

.bg-slate[b-7nipt9w0qp] {
  background: linear-gradient(135deg, #475569, #64748B) !important;
}

.bg-sky[b-7nipt9w0qp] {
  background: linear-gradient(135deg, #0284C7, #0EA5E9) !important;
}

.bg-rose[b-7nipt9w0qp] {
  background: linear-gradient(135deg, #E11D48, #F43F5E) !important;
}

.bg-emerald[b-7nipt9w0qp] {
  background: linear-gradient(135deg, #059669, #10B981) !important;
}

.bg-amber[b-7nipt9w0qp] {
  background: linear-gradient(135deg, #D97706, #F59E0B) !important;
}

/* Skeleton Loading */
.skeleton-icon[b-7nipt9w0qp] {
  width: 3rem;
  height: 3rem;
  border-radius: var(--radius-md, 0.5rem);
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading-b-7nipt9w0qp 1.5s infinite;
}

.skeleton-title[b-7nipt9w0qp] {
  width: 11.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading-b-7nipt9w0qp 1.5s infinite;
}

.skeleton-text[b-7nipt9w0qp] {
  width: 7.5rem;
  height: 0.875rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading-b-7nipt9w0qp 1.5s infinite;
}

@keyframes skeleton-loading-b-7nipt9w0qp {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

/* Accessibility - Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  .skeleton-icon[b-7nipt9w0qp],
  .skeleton-title[b-7nipt9w0qp],
  .skeleton-text[b-7nipt9w0qp] {
    animation: none;
    background: #f0f0f0;
  }

  .pending-badge[b-7nipt9w0qp] {
    transition: none;
  }
}
/* /Components/VetaComponents/KurumLogo.razor.rz.scp.css */
.kurum-logo-image[b-grymdg8h9f] {
	width: var(--logo-width, 300px);
	height: var(--logo-height, 200px);
	object-fit: contain;
}

.kurum-logo-image--loading[b-grymdg8h9f] {
	opacity: 0.5;
	filter: blur(2px);
}
/* /Components/VetaComponents/YuklemeGostergesi.razor.rz.scp.css */
/* YuklemeGostergesi.razor stilleri (css_kurallari.md uyumlu, 2-space) */

.yukleme[b-g0jf2kx6x1] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* <progress> varsayılan görünümü tarayıcıya göre çok değişir; sıfırlanıp
   pseudo-element'lerle yeniden boyanır (WebKit ve Gecko ayrı ayrı ister). */
.yukleme-bar[b-g0jf2kx6x1] {
  width: 8rem;
  height: 0.5rem;
  border: 0;
  border-radius: 0.25rem;
  background-color: var(--bs-secondary-bg);
  appearance: none;
  -webkit-appearance: none;
}

.yukleme-bar[b-g0jf2kx6x1]::-webkit-progress-bar {
  background-color: var(--bs-secondary-bg);
  border-radius: 0.25rem;
}

.yukleme-bar[b-g0jf2kx6x1]::-webkit-progress-value {
  background-color: var(--bs-primary);
  border-radius: 0.25rem;
  transition: width 0.1s linear;
}

.yukleme-bar[b-g0jf2kx6x1]::-moz-progress-bar {
  background-color: var(--bs-primary);
  border-radius: 0.25rem;
}

.yukleme-metin[b-g0jf2kx6x1] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  .yukleme-bar[b-g0jf2kx6x1]::-webkit-progress-value {
    transition: none;
  }
}