@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Ayrı sekmede açıldığında (standalone=1) nav gizlenir, içerik tam genişlik */
.standalone-full[b-8up0ewcxie] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    padding: 0;
}

.standalone-full .content[b-8up0ewcxie] {
    padding: 0;
    min-height: 100%;
}

.page[b-8up0ewcxie] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-8up0ewcxie] {
    flex: 1;
    min-width: 0;
    overflow-x: clip;
}

.sidebar[b-8up0ewcxie] {
    background: 
        linear-gradient(135deg, rgba(26, 122, 184, 0.15) 0%, transparent 50%),
        linear-gradient(225deg, rgba(13, 83, 132, 0.2) 0%, transparent 50%),
        linear-gradient(180deg, #1a7ab8 0%, #1673af 30%, #1169a0 70%, #0d5a8f 100%);
    box-shadow: 2px 0 12px rgba(16, 95, 148, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.top-row[b-8up0ewcxie] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-8up0ewcxie]  a, .top-row[b-8up0ewcxie]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-8up0ewcxie]  a:hover, .top-row[b-8up0ewcxie]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-8up0ewcxie]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-8up0ewcxie] {
        justify-content: space-between;
    }

    .top-row[b-8up0ewcxie]  a, .top-row[b-8up0ewcxie]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-8up0ewcxie] {
        flex-direction: row;
    }

    .sidebar[b-8up0ewcxie] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-8up0ewcxie] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-8up0ewcxie]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-8up0ewcxie], article[b-8up0ewcxie] {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}
.content[b-8up0ewcxie] {
    padding-top: 0rem;
    max-width: 100%;
    overflow-x: clip;
    box-sizing: border-box;
}

#blazor-error-ui[b-8up0ewcxie] {
    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-8up0ewcxie] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ============================================ */
/* MODERN PROFESSIONAL SIDEBAR NAVIGATION */
/* Login sayfasıyla uyumlu tasarım */
/* ============================================ */

/* Mobile Toggle Button */
.navbar-toggler[b-64dggsxz07] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(16, 95, 148, 0.2);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2816, 95, 148, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    z-index: 100;
}

.navbar-toggler:checked[b-64dggsxz07] {
    background-color: rgba(16, 95, 148, 0.1);
    border-color: #105f94;
}

.navbar-toggler:hover[b-64dggsxz07] {
    background-color: rgba(16, 95, 148, 0.05);
    border-color: rgba(16, 95, 148, 0.3);
}

/* Scrollable Container - Modern Blue Background with Rich Gradients */
.nav-scrollable[b-64dggsxz07] {
    display: none;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1.5rem 0;
    background: 
        linear-gradient(135deg, rgba(26, 122, 184, 0.15) 0%, transparent 50%),
        linear-gradient(225deg, rgba(13, 83, 132, 0.2) 0%, transparent 50%),
        linear-gradient(180deg, #1a7ab8 0%, #1673af 30%, #1169a0 70%, #0d5a8f 100%);
    box-shadow: 2px 0 12px rgba(16, 95, 148, 0.3);
    position: relative;
}

/* Animated gradient overlay */
.nav-scrollable[b-64dggsxz07]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.1) 0%, transparent 60%);
    pointer-events: none;
}

.nav-scrollable[b-64dggsxz07]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: radial-gradient(ellipse at bottom, rgba(13, 90, 143, 0.3) 0%, transparent 60%);
    pointer-events: none;
}

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

/* Custom Scrollbar */
.nav-scrollable[b-64dggsxz07]::-webkit-scrollbar {
    width: 6px;
}

.nav-scrollable[b-64dggsxz07]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

.nav-scrollable[b-64dggsxz07]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

.nav-scrollable[b-64dggsxz07]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* Main Nav */
.nav[b-64dggsxz07] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Nav Items */
.nav-item[b-64dggsxz07] {
    padding: 0 1rem;
}

/* ============================================ */
/* BRAND/LOGO LINK - Modern Blue Gradient */
/* ============================================ */
.nav-item:first-of-type .nav-link[b-64dggsxz07] {
    background: linear-gradient(135deg, #105f94 0%, #0d4d7a 100%);
    color: white !important;
    font-weight: 700;
    font-size: 0.9375rem;
    letter-spacing: 0.03em;
    margin-bottom: 1.25rem;
    box-shadow: 0 4px 16px rgba(16, 95, 148, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
}

.nav-item:first-of-type .nav-link[b-64dggsxz07]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.nav-item:first-of-type .nav-link:hover[b-64dggsxz07] {
    background: linear-gradient(135deg, #0d4d7a 0%, #105f94 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(16, 95, 148, 0.45);
}

.nav-item:first-of-type .nav-link:hover[b-64dggsxz07]::before {
    opacity: 1;
}

/* Logo Icon - Always White */
.nav-item:first-of-type .bi[b-64dggsxz07] {
    filter: brightness(0) invert(1);
    opacity: 1;
}

/* ============================================ */
/* NAV LINKS - Clean Modern Card Style */
/* ============================================ */
.nav-item[b-64dggsxz07]  .nav-link {
    color: #ffffff;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.08) 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    height: 3.25rem;
    display: flex;
    align-items: center;
    line-height: 1.5;
    width: 100%;
    padding: 0.875rem 1rem;
    font-size: 0.9375rem;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Subtle Shine Effect */
.nav-item[b-64dggsxz07]  .nav-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.5s ease;
}

.nav-item[b-64dggsxz07]  .nav-link:hover::after {
    left: 100%;
}

/* Nav Link Hover - Smooth White Highlight */
.nav-item[b-64dggsxz07]  .nav-link:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%);
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
    transform: translateX(6px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

/* Active Nav Link - Bold White */
.nav-item[b-64dggsxz07]  a.active {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);
    border-color: rgba(255, 255, 255, 0.6);
    color: #105f94;
    font-weight: 600;
    box-shadow: 
        0 4px 16px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

.nav-item[b-64dggsxz07]  a.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 65%;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
    border-radius: 0 4px 4px 0;
    box-shadow: 2px 0 8px rgba(255, 255, 255, 0.5);
}

/* ============================================ */
/* MENU GROUP TOGGLE - Consistent Style */
/* ============================================ */
.menu-group-toggle[b-64dggsxz07] {
    cursor: pointer;
    text-align: left;
    justify-content: space-between;
    font-weight: 600;
    color: #ffffff;
}

.menu-group-toggle:hover[b-64dggsxz07] {
    color: #ffffff;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%);
    border-color: rgba(255, 255, 255, 0.35);
}

.menu-group-toggle.menu-open[b-64dggsxz07] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 100%);
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Chevron Icon Animation */
.chevron-icon[b-64dggsxz07] {
    transition: transform 0.3s ease;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.75rem;
}

.menu-group-toggle.menu-open .chevron-icon[b-64dggsxz07] {
    transform: rotate(180deg);
    color: #ffffff;
}

/* ============================================ */
/* COLLAPSE MENU - Smooth Transition */
/* ============================================ */
.menu-collapse[b-64dggsxz07] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-collapse.show[b-64dggsxz07] {
    max-height: 1200px;
}

/* ============================================ */
/* SUBMENU - Clean Indentation */
/* ============================================ */
.nav-submenu[b-64dggsxz07] {
    padding: 0.75rem 0.5rem 0.75rem 0.75rem; /* Added right padding */
    margin-top: 0.5rem;
    border-left: 3px solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    position: relative;
    overflow: visible; /* Allow elements to move */
}

.nav-submenu[b-64dggsxz07]::before {
    content: '';
    position: absolute;
    left: -3px;
    top: 0.75rem;
    width: 3px;
    height: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%);
    transition: height 0.4s ease;
}

.menu-collapse.show .nav-submenu[b-64dggsxz07]::before {
    height: calc(100% - 1.5rem);
}

/* Submenu Links - Compact & Clean */
.nav-submenu .nav-link[b-64dggsxz07] {
    height: 2.75rem;
    font-size: 0.875rem;
    padding-left: 0.875rem;
    padding-right: 2.5rem; /* Extra padding for hover animation */
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.95);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-submenu .nav-link:hover[b-64dggsxz07] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%);
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
    transform: translateX(4px); /* Reduced to 4px to prevent overflow */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding-right: 0.875rem; /* Reset padding on hover */
}

.nav-submenu a.active[b-64dggsxz07] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
    border-color: rgba(255, 255, 255, 0.6);
    color: #105f94;
    font-weight: 600;
}

.nav-submenu a.active[b-64dggsxz07]::before {
    width: 3px;
    height: 55%;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
}

/* ============================================ */
/* LOGOUT BUTTON - Fresh Clean Design */
/* ============================================ */
.logout-button[b-64dggsxz07] {
    height: 2.75rem;
    font-size: 0.875rem;
    padding-left: 0.875rem;
    padding-right: 2.5rem;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.3) 0%, rgba(220, 38, 38, 0.25) 100%);
    border: 1px solid rgba(239, 68, 68, 0.5);
    color: #fef2f2;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    text-align: left;
    display: flex;
    align-items: center;
    width: 100%;
}

.logout-button:hover[b-64dggsxz07] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.5) 0%, rgba(220, 38, 38, 0.4) 100%);
    border-color: rgba(239, 68, 68, 0.7);
    color: #ffffff;
    transform: translateX(4px) scale(1.02);
    box-shadow: 0 4px 16px rgba(239, 68, 68, 0.5);
    padding-right: 0.875rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.logout-button .bi-box-arrow-right-nav-menu[b-64dggsxz07] {
    filter: brightness(0) invert(1);
    opacity: 1;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.625rem;
}

/* ============================================ */
/* ICONS - Always Visible Modern Style */
/* ============================================ */
.bi[b-64dggsxz07] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
    opacity: 1 !important; /* ALWAYS VISIBLE */
}

/* Icon Scale on Hover */
.nav-link:hover .bi[b-64dggsxz07] {
    transform: scale(1.15);
}

/* Active Icon - Blue for white bg, White for hover */
.nav-item[b-64dggsxz07]  a.active .bi {
    filter: brightness(0) saturate(100%) invert(30%) sepia(54%) saturate(1785%) hue-rotate(185deg) brightness(93%) contrast(90%);
}

.nav-item[b-64dggsxz07]  .nav-link:hover .bi {
    filter: brightness(0) invert(1);
}

/* Submenu Icons - Slightly Smaller */
.nav-submenu .bi[b-64dggsxz07] {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.625rem;
}

/* ms-auto helper */
.nav-item[b-64dggsxz07]  .nav-link .ms-auto {
    margin-left: auto;
    flex-shrink: 0;
}

/* Hr divider in submenu - Subtle */
.nav-submenu hr[b-64dggsxz07] {
    margin: 0.75rem 0;
    border-color: rgba(255, 255, 255, 0.2);
    opacity: 1;
}

/* ============================================ */
/* DESKTOP STYLES */
/* ============================================ */
@media (min-width: 641px) {
    .navbar-toggler[b-64dggsxz07] {
        display: none;
    }

    .nav-scrollable[b-64dggsxz07] {
        display: block;
        height: 100vh;
        overflow-y: auto;
    }
}

/* ============================================ */
/* MOBILE RESPONSIVE */
/* ============================================ */
@media (max-width: 640px) {
    .nav-scrollable[b-64dggsxz07] {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        height: 100vh;
        z-index: 99;
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
    }

    .nav-item[b-64dggsxz07] {
        padding: 0 0.75rem;
    }

    .nav-item[b-64dggsxz07]  .nav-link {
        height: 3rem;
        font-size: 0.875rem;
        padding: 0.75rem 0.875rem;
    }

    .nav-submenu[b-64dggsxz07] {
        padding-left: 0.75rem;
    }

    .nav-submenu .nav-link[b-64dggsxz07] {
        height: 2.5rem;
        font-size: 0.8125rem;
    }
}

/* ============================================ */
/* BOOTSTRAP ICONS - SVG Data URLs */
/* İkonlar her zaman görünür, hover'da mavi renk */
/* ============================================ */

/* Home Icon - White for Brand */
.bi-house-door-fill-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

/* Regular Icons - Bright White (Always Visible) */
.bi-broadcast-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707m2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708m5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708m2.122-2.122a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.314.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707M8 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2'/%3E%3C/svg%3E");
}

.bi-person-plus-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H1s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/%3E%3Cpath fill-rule='evenodd' d='M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}

.bi-send-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm1.146-1.696L2.77 7.846l4.012-1.472z'/%3E%3C/svg%3E");
}

.bi-exclamation-triangle-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017.2.2 0 0 1-.054-.06.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z'/%3E%3Cpath d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");
}

.bi-box-arrow-up-right-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E");
}

.bi-gear-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a1.873 1.873 0 0 1-1.255 1.327l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a1.873 1.873 0 0 1 1.255 1.327l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a1.873 1.873 0 0 1 1.255-1.327l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a1.873 1.873 0 0 1-1.255-1.327zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.307 1.307 0 0 0 1.877 1.059l.32-.094c.835-.246.835-1.428 0-1.674l-.32-.094a1.307 1.307 0 0 0-1.877-1.059l-.094-.319z'/%3E%3C/svg%3E");
}

.bi-file-richtext-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M5 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm-.5 2.5A.5.5 0 0 1 5 6h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5M5 8a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1'/%3E%3C/svg%3E");
}

.bi-gear-wide-connected-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.068.727c.243-.97 1.62-.97 1.864 0l.071.286a.96.96 0 0 0 1.622.434l.205-.211c.695-.719 1.888-.03 1.613.931l-.08.284a.96.96 0 0 0 1.187 1.187l.283-.081c.96-.275 1.65.918.931 1.613l-.211.205a.96.96 0 0 0 .434 1.622l.286.071c.97.243.97 1.62 0 1.864l-.286.071a.96.96 0 0 0-.434 1.622l.211.205c.719.695.03 1.888-.931 1.613l-.284-.08a.96.96 0 0 0-1.187 1.187l.081.283c.275.96-.918 1.65-1.613.931l-.205-.211a.96.96 0 0 0-1.622.434l-.071.286c-.243.97-1.62.97-1.864 0l-.071-.286a.96.96 0 0 0-1.622-.434l-.205.211c-.695.719-1.888.03-1.613-.931l.08-.284a.96.96 0 0 0-1.186-1.187l-.284.081c-.96.275-1.65-.918-.931-1.613l.211-.205a.96.96 0 0 0-.434-1.622l-.286-.071c-.97-.243-.97-1.62 0-1.864l.286-.071a.96.96 0 0 0 .434-1.622l-.211-.205c-.719-.695-.03-1.888.931-1.613l.284.08a.96.96 0 0 0 1.187-1.186l-.081-.284c-.275-.96.918-1.65 1.613-.931l.205.211a.96.96 0 0 0 1.622-.434zM12.973 8.5H8.25l-2.834 3.779A4.998 4.998 0 0 0 12.973 8.5m0-1a4.998 4.998 0 0 0-7.557-3.779l2.834 3.78zM5.048 3.967l-.087.065zm-.431.355A4.98 4.98 0 0 0 3.002 8c0 1.455.622 2.765 1.615 3.678L7.375 8zm.344 7.646.087.065z'/%3E%3C/svg%3E");
}

.bi-building-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z'/%3E%3Cpath d='M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492z'/%3E%3C/svg%3E");
}

.bi-list-task-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5zM3 3H2v1h1z'/%3E%3Cpath d='M5 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M5.5 7a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z'/%3E%3Cpath fill-rule='evenodd' d='M1.5 7a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5zM2 7h1v1H2zm0 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm1 .5H2v1h1z'/%3E%3C/svg%3E");
}

.bi-hdd-stack-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M14 10a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zM2 9a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 11.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m-2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0M14 3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM2 2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m-2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0'/%3E%3C/svg%3E");
}

.bi-box-arrow-right-nav-menu[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z'/%3E%3C/svg%3E");
}

.bi-chevron-down[b-64dggsxz07] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255,255,255,0.85)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background-size: cover;
}
/* /Components/Pages/Ayarlar/BirimYonetimi.razor.rz.scp.css */
/* ============================================================
   BirimYonetimi — scoped styles  (bw- prefix)
   ============================================================ */

/* ── WRAPPER ── */
.bw-page-wrapper[b-fugl6w2a0p] {
    padding: 1.5rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── PAGE HEADER ── */
.bw-page-header[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1169a0 0%, #1a8fd1 100%);
    border-radius: 14px;
    padding: 1.35rem 1.75rem;
    box-shadow: 0 4px 18px rgba(17,105,160,.22);
    color: #fff;
    flex-wrap: wrap;
    gap: 1rem;
}

.bw-header-content[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.bw-header-icon[b-fugl6w2a0p] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.bw-page-title[b-fugl6w2a0p] {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0 0 .15rem;
    color: #fff;
}

.bw-page-subtitle[b-fugl6w2a0p] {
    font-size: .82rem;
    margin: 0;
    color: rgba(255,255,255,.8);
}

/* ── NEW BUTTON ── */
.bw-btn-new[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .45rem;
    background: rgba(255,255,255,.18);
    color: #fff;
    border: 1.5px solid rgba(255,255,255,.45);
    border-radius: 9px;
    padding: .55rem 1.25rem;
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s, border-color .2s, transform .15s;
    white-space: nowrap;
}

.bw-btn-new:hover[b-fugl6w2a0p] {
    background: rgba(255,255,255,.3);
    border-color: rgba(255,255,255,.7);
    transform: translateY(-1px);
}

/* ── ALERTS ── */
.bw-alert[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .6rem;
    border-radius: 10px;
    padding: .8rem 1.1rem;
    font-size: .87rem;
    font-weight: 500;
}

.bw-alert-success[b-fugl6w2a0p] {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #6ee7b7;
}

.bw-alert-error[b-fugl6w2a0p] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.bw-alert span[b-fugl6w2a0p] { flex: 1; }

.bw-alert-close[b-fugl6w2a0p] {
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    opacity: .6;
    padding: 0 .2rem;
    line-height: 1;
    font-size: .85rem;
    transition: opacity .15s;
}

.bw-alert-close:hover[b-fugl6w2a0p] { opacity: 1; }

/* ── FILTER CARD ── */
.bw-filter-card[b-fugl6w2a0p] {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    padding: 1rem 1.25rem 1.1rem;
    box-shadow: 0 1px 6px rgba(0,0,0,.05);
}

.bw-filter-title[b-fugl6w2a0p] {
    font-size: .78rem;
    font-weight: 700;
    color: #1169a0;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: .75rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.bw-filter-body[b-fugl6w2a0p] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .85rem;
}

.bw-filter-field[b-fugl6w2a0p] { display: flex; flex-direction: column; gap: .3rem; }
.bw-ff-grow[b-fugl6w2a0p] { flex: 1 1 260px; }

.bw-label[b-fugl6w2a0p] {
    font-size: .78rem;
    font-weight: 600;
    color: #374151;
}

/* ── SHARED INPUT / SELECT ── */
.bw-input-wrap[b-fugl6w2a0p], .bw-select-wrap[b-fugl6w2a0p] {
    position: relative;
}

.bw-input-icon[b-fugl6w2a0p] {
    position: absolute;
    left: .7rem;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: .9rem;
    pointer-events: none;
    z-index: 1;
}

/* Custom chevron for native <select> */
.bw-select-wrap[b-fugl6w2a0p]::after {
    content: "";
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 5.5px solid #6b7280;
    pointer-events: none;
    z-index: 1;
    transition: border-top-color .18s;
}

.bw-select-wrap:focus-within[b-fugl6w2a0p]::after {
    border-top-color: #1169a0;
}

.bw-input[b-fugl6w2a0p], .bw-select[b-fugl6w2a0p] {
    width: 100%;
    height: 40px;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    padding: 0 .85rem 0 2.2rem;
    font-size: .87rem;
    color: #1f2937;
    background: #f9fafb;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

/* Extra right padding on select so text doesn't overlap chevron */
.bw-select[b-fugl6w2a0p] {
    padding-right: 2rem;
}

.bw-input:focus[b-fugl6w2a0p], .bw-select:focus[b-fugl6w2a0p] {
    border-color: #1169a0;
    box-shadow: 0 0 0 3px rgba(17,105,160,.12);
    background: #fff;
}

.bw-select:hover:not(:focus)[b-fugl6w2a0p] {
    border-color: #93c5fd;
}

.bw-textarea[b-fugl6w2a0p] {
    width: 100%;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    padding: .6rem .85rem;
    font-size: .87rem;
    color: #1f2937;
    background: #f9fafb;
    outline: none;
    resize: vertical;
    transition: border-color .18s, box-shadow .18s, background .18s;
    font-family: inherit;
}

.bw-textarea:focus[b-fugl6w2a0p] {
    border-color: #1169a0;
    box-shadow: 0 0 0 3px rgba(17,105,160,.12);
    background: #fff;
}

/* ── CUSTOM SELECT DROPDOWN ── */
.bw-custom-select[b-fugl6w2a0p] {
    position: relative;
    min-width: 140px;
}

.bw-cs-trigger[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    height: 40px;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    background: #f9fafb;
    padding: 0 .75rem 0 .85rem;
    font-size: .87rem;
    font-weight: 500;
    color: #1f2937;
    cursor: pointer;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
    text-align: left;
    white-space: nowrap;
}

.bw-cs-trigger:hover[b-fugl6w2a0p] {
    border-color: #93c5fd;
}

.bw-cs-open .bw-cs-trigger[b-fugl6w2a0p] {
    border-color: #1169a0;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(17,105,160,.12);
}

.bw-cs-value[b-fugl6w2a0p] {
    flex: 1;
}

.bw-cs-chevron[b-fugl6w2a0p] {
    font-size: .72rem;
    color: #6b7280;
    transition: transform .2s;
    flex-shrink: 0;
}

.bw-cs-open .bw-cs-chevron[b-fugl6w2a0p] {
    transform: rotate(180deg);
    color: #1169a0;
}

/* Durum renkli nokta */
.bw-cs-dot[b-fugl6w2a0p] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.bw-cs-dot-all[b-fugl6w2a0p]   { background: #9ca3af; }
.bw-cs-dot-green[b-fugl6w2a0p] { background: #059669; }
.bw-cs-dot-gray[b-fugl6w2a0p]  { background: #d1d5db; border: 1px solid #9ca3af; }

/* Tam ekran tıklama kapatma overlay */
.bw-cs-overlay[b-fugl6w2a0p] {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: transparent;
}

/* Açılan liste */
.bw-cs-list[b-fugl6w2a0p] {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    min-width: 100%;
    background: #fff;
    border: 1.5px solid #dbeafe;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(16,95,148,.15);
    z-index: 999;
    overflow: hidden;
    animation: bwCsSlide-b-fugl6w2a0p .15s ease;
    padding: .3rem;
}

@keyframes bwCsSlide-b-fugl6w2a0p {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Liste öğeleri */
.bw-cs-item[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .55rem;
    width: 100%;
    padding: .5rem .85rem;
    border: none;
    background: none;
    border-radius: 7px;
    font-size: .87rem;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    text-align: left;
    transition: background .15s, color .15s;
    white-space: nowrap;
}

.bw-cs-item:hover[b-fugl6w2a0p] {
    background: #eff6ff;
    color: #1169a0;
}

.bw-cs-item.bw-cs-active[b-fugl6w2a0p] {
    background: #1169a0;
    color: #fff;
    font-weight: 700;
}

.bw-cs-item.bw-cs-active .bw-cs-dot-all[b-fugl6w2a0p]   { background: rgba(255,255,255,.6); }
.bw-cs-item.bw-cs-active .bw-cs-dot-green[b-fugl6w2a0p] { background: rgba(255,255,255,.85); }
.bw-cs-item.bw-cs-active .bw-cs-dot-gray[b-fugl6w2a0p]  { background: rgba(255,255,255,.5); border-color: rgba(255,255,255,.5); }

/* ── FILTER ACTION BUTTONS ── */
.bw-filter-actions[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding-bottom: 0;
    margin-top: 1.25rem;
}

.bw-btn-filter[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .4rem;
    background: #1169a0;
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: .52rem 1.1rem;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s, transform .15s;
}

.bw-btn-filter:hover[b-fugl6w2a0p] { background: #0e5580; transform: translateY(-1px); }

.bw-btn-clear[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .4rem;
    background: #f3f4f6;
    color: #374151;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    padding: .52rem 1.0rem;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s, border-color .18s;
}

.bw-btn-clear:hover[b-fugl6w2a0p] { background: #e5e7eb; border-color: #9ca3af; }

/* ── STATS BAR ── */
.bw-stats-bar[b-fugl6w2a0p] {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    padding: .85rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    box-shadow: 0 1px 6px rgba(0,0,0,.05);
    flex-wrap: wrap;
}

.bw-stat-item[b-fugl6w2a0p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .1rem;
}

.bw-stat-value[b-fugl6w2a0p] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1169a0;
    line-height: 1;
}

.bw-stat-value.bw-stat-green[b-fugl6w2a0p] { color: #059669; }
.bw-stat-value.bw-stat-gray[b-fugl6w2a0p]  { color: #6b7280; }

.bw-stat-label[b-fugl6w2a0p] {
    font-size: .74rem;
    color: #9ca3af;
    font-weight: 500;
    white-space: nowrap;
}

.bw-stat-divider[b-fugl6w2a0p] {
    width: 1px;
    height: 36px;
    background: #e5e9f0;
}

/* ── GRID CARD ── */
.bw-grid-card[b-fugl6w2a0p] {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    /* overflow:clip korner-radius'u korur ama position:fixed popup'ları kesmez */
    overflow: clip;
    box-shadow: 0 1px 8px rgba(0,0,0,.06);
}

/* ── GRID BADGES ── */
.bw-badge-active[b-fugl6w2a0p] {
    display: inline-block;
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #6ee7b7;
    border-radius: 999px;
    padding: .1rem .65rem;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.bw-badge-passive[b-fugl6w2a0p] {
    display: inline-block;
    background: #f3f4f6;
    color: #6b7280;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    padding: .1rem .65rem;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .02em;
}

/* ── GRID ACTION BUTTONS ── */
.bw-action-btns[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.bw-btn-edit[b-fugl6w2a0p],
.bw-btn-delete[b-fugl6w2a0p] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .88rem;
    cursor: pointer;
    transition: background .18s, transform .15s, box-shadow .18s;
}

.bw-btn-edit[b-fugl6w2a0p] {
    background: #eff6ff;
    color: #1d4ed8;
}

.bw-btn-edit:hover[b-fugl6w2a0p] {
    background: #dbeafe;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(29,78,216,.15);
}

.bw-btn-delete[b-fugl6w2a0p] {
    background: #fef2f2;
    color: #dc2626;
}

.bw-btn-delete:hover[b-fugl6w2a0p] {
    background: #fee2e2;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(220,38,38,.15);
}

/* ── MODAL OVERLAY ── */
.bw-modal-overlay[b-fugl6w2a0p] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.42);
    backdrop-filter: blur(5px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: bwFadeIn-b-fugl6w2a0p .18s ease;
}

@keyframes bwFadeIn-b-fugl6w2a0p {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── MODAL BOX ── */
.bw-modal[b-fugl6w2a0p] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,.2);
    width: 100%;
    animation: bwSlideIn-b-fugl6w2a0p .22s ease;
    overflow: hidden;
}

.bw-modal-sm[b-fugl6w2a0p] { max-width: 420px; text-align: center; padding: 2rem 1.75rem; }
.bw-modal-lg[b-fugl6w2a0p] { max-width: 640px; }

@keyframes bwSlideIn-b-fugl6w2a0p {
    from { opacity: 0; transform: translateY(-18px) scale(.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── MODAL HEADER ── */
.bw-modal-header[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(135deg, #1169a0, #1a8fd1);
    padding: 1.2rem 1.5rem;
    color: #fff;
    position: relative;
}

.bw-modal-header-icon[b-fugl6w2a0p] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.bw-modal-title[b-fugl6w2a0p] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 .15rem;
    color: #fff;
}

.bw-modal-subtitle[b-fugl6w2a0p] {
    font-size: .78rem;
    color: rgba(255,255,255,.8);
    margin: 0;
}

.bw-modal-x[b-fugl6w2a0p] {
    margin-left: auto;
    background: rgba(255,255,255,.18);
    border: none;
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .95rem;
    transition: background .18s;
    flex-shrink: 0;
}

.bw-modal-x:hover[b-fugl6w2a0p] { background: rgba(255,255,255,.3); }

/* ── MODAL BODY ── */
.bw-modal-body[b-fugl6w2a0p] {
    padding: 1.4rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

.bw-form-row[b-fugl6w2a0p] {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
}

.bw-form-group[b-fugl6w2a0p] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    flex: 1 1 200px;
}

.bw-fg-full[b-fugl6w2a0p] { flex: 1 1 100%; }

.bw-req[b-fugl6w2a0p] { color: #e74c3c; }

/* ── MODAL FOOTER ── */
.bw-modal-footer[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
    padding: .9rem 1.5rem;
    border-top: 1px solid #f0f2f5;
    background: #fafbfc;
}

.bw-modal-footer-center[b-fugl6w2a0p] { justify-content: center; padding: 1rem 1.5rem; }

.bw-modal-cancel[b-fugl6w2a0p] {
    background: #f3f4f6;
    color: #374151;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    padding: .55rem 1.25rem;
    font-size: .87rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s, border-color .18s;
}

.bw-modal-cancel:hover[b-fugl6w2a0p] { background: #e5e7eb; border-color: #9ca3af; }

.bw-modal-confirm-blue[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .45rem;
    background: linear-gradient(135deg, #1169a0, #1a8fd1);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: .55rem 1.4rem;
    font-size: .87rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .18s, transform .15s;
}

.bw-modal-confirm-blue:hover:not(:disabled)[b-fugl6w2a0p] { opacity: .9; transform: translateY(-1px); }
.bw-modal-confirm-blue:disabled[b-fugl6w2a0p] { opacity: .65; cursor: not-allowed; }

.bw-modal-confirm-red[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .45rem;
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: .55rem 1.4rem;
    font-size: .87rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .18s, transform .15s;
}

.bw-modal-confirm-red:hover[b-fugl6w2a0p] { opacity: .9; transform: translateY(-1px); }

/* ── LOADING SPINNER (inside save button) ── */
.bw-btn-spinner[b-fugl6w2a0p] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: bwSpin-b-fugl6w2a0p .65s linear infinite;
}

@keyframes bwSpin-b-fugl6w2a0p {
    to { transform: rotate(360deg); }
}

/* ── DELETE MODAL EXTRAS ── */
.bw-delete-icon[b-fugl6w2a0p] { margin-bottom: .75rem; display: flex; justify-content: center; }
.bw-delete-title[b-fugl6w2a0p] { font-size: 1.1rem; font-weight: 700; color: #111827; margin: 0 0 .5rem; }
.bw-delete-msg[b-fugl6w2a0p] { font-size: .87rem; color: #6b7280; line-height: 1.5; margin-bottom: .25rem; }

/* ── TOGGLE SWITCH ── */
.bw-toggle-label[b-fugl6w2a0p] {
    display: flex;
    align-items: center;
    gap: .6rem;
    cursor: pointer;
    user-select: none;
}

.bw-toggle-input[b-fugl6w2a0p] { display: none; }

.bw-toggle-track[b-fugl6w2a0p] {
    position: relative;
    width: 44px;
    height: 24px;
    background: #d1d5db;
    border-radius: 999px;
    transition: background .2s;
    flex-shrink: 0;
}

.bw-toggle-input:checked ~ .bw-toggle-track[b-fugl6w2a0p] { background: #1169a0; }

.bw-toggle-thumb[b-fugl6w2a0p] {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    transition: transform .2s;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

.bw-toggle-input:checked ~ .bw-toggle-track .bw-toggle-thumb[b-fugl6w2a0p] {
    transform: translateX(20px);
}

.bw-toggle-text[b-fugl6w2a0p] {
    font-size: .87rem;
    font-weight: 600;
    color: #374151;
}

/* ── RESPONSIVE ── */
@media (max-width: 600px) {
    .bw-page-wrapper[b-fugl6w2a0p] { padding: 1rem; }
    .bw-page-header[b-fugl6w2a0p] { padding: 1rem 1.1rem; }
    .bw-filter-body[b-fugl6w2a0p] { flex-direction: column; }
    .bw-ff-grow[b-fugl6w2a0p] { flex: 1 1 100%; }
    .bw-modal-lg[b-fugl6w2a0p] { max-width: 100%; }
}
/* /Components/Pages/Ayarlar/DoktorTanim.razor.rz.scp.css */
/* ============================================================
   DoktorTanim — scoped styles  (dt- prefix)
   ============================================================ */

/* ── WRAPPER ── */
.dt-page-wrapper[b-2tl0c6da8o] {
    padding: 1.5rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── PAGE HEADER ── */
.dt-page-header[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1169a0 0%, #1a8fd1 100%);
    border-radius: 14px;
    padding: 1.35rem 1.75rem;
    box-shadow: 0 4px 18px rgba(17,105,160,.22);
    color: #fff;
    flex-wrap: wrap;
    gap: 1rem;
}

.dt-header-content[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dt-header-icon[b-2tl0c6da8o] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.dt-page-title[b-2tl0c6da8o] {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0 0 .15rem;
    color: #fff;
}

.dt-page-subtitle[b-2tl0c6da8o] {
    font-size: .82rem;
    margin: 0;
    color: rgba(255,255,255,.8);
}

/* ── NEW BUTTON ── */
.dt-btn-new[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    gap: .45rem;
    background: rgba(255,255,255,.18);
    color: #fff;
    border: 1.5px solid rgba(255,255,255,.45);
    border-radius: 9px;
    padding: .55rem 1.25rem;
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s, border-color .2s, transform .15s;
    white-space: nowrap;
}

.dt-btn-new:hover[b-2tl0c6da8o] {
    background: rgba(255,255,255,.3);
    border-color: rgba(255,255,255,.7);
    transform: translateY(-1px);
}

/* ── ALERTS ── */
.dt-alert[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    gap: .6rem;
    border-radius: 10px;
    padding: .8rem 1.1rem;
    font-size: .87rem;
    font-weight: 500;
}

.dt-alert-success[b-2tl0c6da8o] { background: #ecfdf5; color: #065f46; border: 1px solid #6ee7b7; }
.dt-alert-error[b-2tl0c6da8o]   { background: #fef2f2; color: #991b1b; border: 1px solid #fca5a5; }
.dt-alert span[b-2tl0c6da8o] { flex: 1; }

.dt-alert-close[b-2tl0c6da8o] {
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    opacity: .6;
    padding: 0 .2rem;
    line-height: 1;
    font-size: .85rem;
    transition: opacity .15s;
}
.dt-alert-close:hover[b-2tl0c6da8o] { opacity: 1; }

/* ── STATS BAR ── */
.dt-stats-bar[b-2tl0c6da8o] {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    padding: .85rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    box-shadow: 0 1px 6px rgba(0,0,0,.05);
    flex-wrap: wrap;
}

.dt-stat-item[b-2tl0c6da8o] { display: flex; flex-direction: column; align-items: center; gap: .1rem; }

.dt-stat-value[b-2tl0c6da8o] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1169a0;
    line-height: 1;
}
.dt-stat-value.dt-stat-green[b-2tl0c6da8o] { color: #059669; }
.dt-stat-value.dt-stat-gray[b-2tl0c6da8o]  { color: #6b7280; }

.dt-stat-label[b-2tl0c6da8o] { font-size: .74rem; color: #9ca3af; font-weight: 500; white-space: nowrap; }
.dt-stat-divider[b-2tl0c6da8o] { width: 1px; height: 36px; background: #e5e9f0; }

/* ── GRID CARD ── */
.dt-grid-card[b-2tl0c6da8o] {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    overflow: clip;
    box-shadow: 0 1px 8px rgba(0,0,0,.06);
}

/* ── BADGES ── */
.dt-badge-active[b-2tl0c6da8o] {
    display: inline-block;
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #6ee7b7;
    border-radius: 999px;
    padding: .1rem .65rem;
    font-size: .75rem;
    font-weight: 700;
}

.dt-badge-passive[b-2tl0c6da8o] {
    display: inline-block;
    background: #f3f4f6;
    color: #6b7280;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    padding: .1rem .65rem;
    font-size: .75rem;
    font-weight: 700;
}

/* ── ACTION BUTTONS ── */
.dt-action-btns[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.dt-btn-edit[b-2tl0c6da8o] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    background: #eff6ff;
    color: #1d4ed8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .88rem;
    cursor: pointer;
    transition: background .18s, transform .15s, box-shadow .18s;
}
.dt-btn-edit:hover[b-2tl0c6da8o] {
    background: #dbeafe;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(29,78,216,.15);
}

/* ── MODAL OVERLAY ── */
.dt-modal-overlay[b-2tl0c6da8o] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.42);
    backdrop-filter: blur(5px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: dtFadeIn-b-2tl0c6da8o .18s ease;
}

@keyframes dtFadeIn-b-2tl0c6da8o {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── MODAL BOX ── */
.dt-modal[b-2tl0c6da8o] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,.2);
    width: 100%;
    max-width: 680px;
    animation: dtSlideIn-b-2tl0c6da8o .22s ease;
    overflow: hidden;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

@keyframes dtSlideIn-b-2tl0c6da8o {
    from { opacity: 0; transform: translateY(-18px) scale(.97); }
    to   { opacity: 1; transform: translateY(0)  scale(1); }
}

/* ── MODAL HEADER ── */
.dt-modal-header[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(135deg, #1169a0, #1a8fd1);
    padding: 1.2rem 1.5rem;
    color: #fff;
    flex-shrink: 0;
}

.dt-modal-header-icon[b-2tl0c6da8o] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.dt-modal-title[b-2tl0c6da8o]    { font-size: 1.05rem; font-weight: 700; margin: 0 0 .15rem; color: #fff; }
.dt-modal-subtitle[b-2tl0c6da8o] { font-size: .78rem; color: rgba(255,255,255,.8); margin: 0; }

.dt-modal-x[b-2tl0c6da8o] {
    margin-left: auto;
    background: rgba(255,255,255,.18);
    border: none;
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .95rem;
    transition: background .18s;
    flex-shrink: 0;
}
.dt-modal-x:hover[b-2tl0c6da8o] { background: rgba(255,255,255,.3); }

/* ── MODAL BODY ── */
.dt-modal-body[b-2tl0c6da8o] {
    padding: 1.3rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
    overflow-y: auto;
    flex: 1;
}

.dt-form-row[b-2tl0c6da8o]  { display: flex; flex-wrap: wrap; gap: .85rem; }
.dt-form-group[b-2tl0c6da8o] { display: flex; flex-direction: column; gap: .3rem; flex: 1 1 220px; }
.dt-fg-full[b-2tl0c6da8o] { flex: 1 1 100%; }

.dt-label[b-2tl0c6da8o] { font-size: .78rem; font-weight: 600; color: #374151; }
.dt-req[b-2tl0c6da8o] { color: #e74c3c; }

/* ── INPUTS ── */
.dt-input-wrap[b-2tl0c6da8o] { position: relative; }

.dt-input-icon[b-2tl0c6da8o] {
    position: absolute;
    left: .7rem;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: .9rem;
    pointer-events: none;
    z-index: 1;
}

.dt-input[b-2tl0c6da8o] {
    width: 100%;
    height: 40px;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    padding: 0 .85rem 0 2.2rem;
    font-size: .87rem;
    color: #1f2937;
    background: #f9fafb;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
}
.dt-input:focus[b-2tl0c6da8o] {
    border-color: #1169a0;
    box-shadow: 0 0 0 3px rgba(17,105,160,.12);
    background: #fff;
}
.dt-input:hover:not(:focus)[b-2tl0c6da8o] { border-color: #93c5fd; }

.dt-textarea[b-2tl0c6da8o] {
    width: 100%;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    padding: .6rem .85rem;
    font-size: .87rem;
    color: #1f2937;
    background: #f9fafb;
    outline: none;
    resize: vertical;
    transition: border-color .18s, box-shadow .18s, background .18s;
    font-family: inherit;
}
.dt-textarea:focus[b-2tl0c6da8o] {
    border-color: #1169a0;
    box-shadow: 0 0 0 3px rgba(17,105,160,.12);
    background: #fff;
}

/* ── CUSTOM SELECT (Birim) ── */
.dt-custom-select[b-2tl0c6da8o] { position: relative; }

.dt-cs-trigger[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    height: 40px;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    background: #f9fafb;
    padding: 0 .75rem;
    font-size: .87rem;
    font-weight: 500;
    color: #1f2937;
    cursor: pointer;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
    text-align: left;
    white-space: nowrap;
}
.dt-cs-trigger:hover[b-2tl0c6da8o] { border-color: #93c5fd; }

.dt-cs-open .dt-cs-trigger[b-2tl0c6da8o] {
    border-color: #1169a0;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(17,105,160,.12);
}

.dt-cs-lead-icon[b-2tl0c6da8o] { color: #9ca3af; font-size: .9rem; flex-shrink: 0; }
.dt-cs-value[b-2tl0c6da8o]     { flex: 1; overflow: hidden; text-overflow: ellipsis; }

.dt-cs-chevron[b-2tl0c6da8o] {
    font-size: .72rem;
    color: #6b7280;
    transition: transform .2s;
    flex-shrink: 0;
}
.dt-cs-open .dt-cs-chevron[b-2tl0c6da8o] { transform: rotate(180deg); color: #1169a0; }

.dt-cs-overlay[b-2tl0c6da8o] { position: fixed; inset: 0; z-index: 998; background: transparent; }

.dt-cs-list[b-2tl0c6da8o] {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    min-width: 100%;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1.5px solid #dbeafe;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(16,95,148,.15);
    z-index: 999;
    padding: .3rem;
    animation: dtCsSlide-b-2tl0c6da8o .15s ease;
}

@keyframes dtCsSlide-b-2tl0c6da8o {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.dt-cs-item[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .5rem .85rem;
    border: none;
    background: none;
    border-radius: 7px;
    font-size: .87rem;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    text-align: left;
    transition: background .15s, color .15s;
    white-space: nowrap;
}
.dt-cs-item:hover[b-2tl0c6da8o] { background: #eff6ff; color: #1169a0; }
.dt-cs-item.dt-cs-active[b-2tl0c6da8o] { background: #1169a0; color: #fff; font-weight: 700; }

/* ── TOGGLE ── */
.dt-toggle-label[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    gap: .6rem;
    cursor: pointer;
    user-select: none;
}
.dt-toggle-input[b-2tl0c6da8o] { display: none; }

.dt-toggle-track[b-2tl0c6da8o] {
    position: relative;
    width: 44px;
    height: 24px;
    background: #d1d5db;
    border-radius: 999px;
    transition: background .2s;
    flex-shrink: 0;
}
.dt-toggle-input:checked ~ .dt-toggle-track[b-2tl0c6da8o] { background: #1169a0; }

.dt-toggle-thumb[b-2tl0c6da8o] {
    position: absolute;
    left: 3px; top: 3px;
    width: 18px; height: 18px;
    background: #fff;
    border-radius: 50%;
    transition: transform .2s;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.dt-toggle-input:checked ~ .dt-toggle-track .dt-toggle-thumb[b-2tl0c6da8o] { transform: translateX(20px); }

.dt-toggle-text[b-2tl0c6da8o] { font-size: .87rem; font-weight: 600; color: #374151; }

/* ── MODAL FOOTER ── */
.dt-modal-footer[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
    padding: .9rem 1.5rem;
    border-top: 1px solid #f0f2f5;
    background: #fafbfc;
    flex-shrink: 0;
}

.dt-modal-cancel[b-2tl0c6da8o] {
    background: #f3f4f6;
    color: #374151;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    padding: .55rem 1.25rem;
    font-size: .87rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s, border-color .18s;
}
.dt-modal-cancel:hover[b-2tl0c6da8o] { background: #e5e7eb; border-color: #9ca3af; }

.dt-modal-confirm[b-2tl0c6da8o] {
    display: flex;
    align-items: center;
    gap: .45rem;
    background: linear-gradient(135deg, #1169a0, #1a8fd1);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: .55rem 1.4rem;
    font-size: .87rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .18s, transform .15s;
}
.dt-modal-confirm:hover:not(:disabled)[b-2tl0c6da8o] { opacity: .9; transform: translateY(-1px); }
.dt-modal-confirm:disabled[b-2tl0c6da8o] { opacity: .65; cursor: not-allowed; }

/* ── SPINNER ── */
.dt-btn-spinner[b-2tl0c6da8o] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: dtSpin-b-2tl0c6da8o .65s linear infinite;
}
@keyframes dtSpin-b-2tl0c6da8o { to { transform: rotate(360deg); } }

/* ── RESPONSIVE ── */
@media (max-width: 640px) {
    .dt-page-wrapper[b-2tl0c6da8o] { padding: 1rem; }
    .dt-page-header[b-2tl0c6da8o]  { padding: 1rem 1.1rem; }
    .dt-modal[b-2tl0c6da8o]        { max-width: 100%; }
    .dt-form-row[b-2tl0c6da8o]     { flex-direction: column; }
}
/* /Components/Pages/Ayarlar/IslemTanimYonetimi.razor.rz.scp.css */
/* ============================================================
   IslemTanimYonetimi — scoped styles  (it- prefix)
   ============================================================ */

/* ── WRAPPER ── */
.it-page-wrapper[b-x8hvwp7ra0] {
    padding: 1.5rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── PAGE HEADER ── */
.it-page-header[b-x8hvwp7ra0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1169a0 0%, #1a8fd1 100%);
    border-radius: 14px;
    padding: 1.35rem 1.75rem;
    box-shadow: 0 4px 18px rgba(17,105,160,.22);
    color: #fff;
    flex-wrap: wrap;
    gap: 1rem;
}

.it-header-content[b-x8hvwp7ra0] { display: flex; align-items: center; gap: 1rem; }

.it-header-icon[b-x8hvwp7ra0] {
    width: 52px; height: 52px;
    border-radius: 12px;
    background: rgba(255,255,255,.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; flex-shrink: 0;
}

.it-page-title[b-x8hvwp7ra0]   { font-size: 1.35rem; font-weight: 700; margin: 0 0 .15rem; color: #fff; }
.it-page-subtitle[b-x8hvwp7ra0]{ font-size: .82rem; margin: 0; color: rgba(255,255,255,.8); }

/* ── NEW BUTTON ── */
.it-btn-new[b-x8hvwp7ra0] {
    display: flex; align-items: center; gap: .45rem;
    background: rgba(255,255,255,.18);
    color: #fff;
    border: 1.5px solid rgba(255,255,255,.45);
    border-radius: 9px;
    padding: .55rem 1.25rem;
    font-size: .88rem; font-weight: 600;
    cursor: pointer;
    transition: background .2s, border-color .2s, transform .15s;
    white-space: nowrap;
}
.it-btn-new:hover[b-x8hvwp7ra0] { background: rgba(255,255,255,.3); border-color: rgba(255,255,255,.7); transform: translateY(-1px); }

/* ── ALERTS ── */
.it-alert[b-x8hvwp7ra0] {
    display: flex; align-items: center; gap: .6rem;
    border-radius: 10px; padding: .8rem 1.1rem;
    font-size: .87rem; font-weight: 500;
}
.it-alert-success[b-x8hvwp7ra0] { background: #ecfdf5; color: #065f46; border: 1px solid #6ee7b7; }
.it-alert-error[b-x8hvwp7ra0]   { background: #fef2f2; color: #991b1b; border: 1px solid #fca5a5; }
.it-alert span[b-x8hvwp7ra0] { flex: 1; }
.it-alert-close[b-x8hvwp7ra0] {
    background: none; border: none; cursor: pointer;
    color: inherit; opacity: .6; padding: 0 .2rem;
    line-height: 1; font-size: .85rem; transition: opacity .15s;
}
.it-alert-close:hover[b-x8hvwp7ra0] { opacity: 1; }

/* ── FILTER CARD ── */
.it-filter-card[b-x8hvwp7ra0] {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    padding: 1rem 1.25rem 1.1rem;
    box-shadow: 0 1px 6px rgba(0,0,0,.05);
}

.it-filter-title[b-x8hvwp7ra0] {
    font-size: .78rem; font-weight: 700; color: #1169a0;
    text-transform: uppercase; letter-spacing: .04em;
    margin-bottom: .75rem;
    display: flex; align-items: center; gap: .4rem;
}

.it-filter-body[b-x8hvwp7ra0] {
    display: flex; flex-wrap: wrap;
    align-items: flex-end; gap: .85rem;
}

.it-filter-field[b-x8hvwp7ra0] { display: flex; flex-direction: column; gap: .3rem; }
.it-ff-grow[b-x8hvwp7ra0] { flex: 1 1 220px; }

.it-label[b-x8hvwp7ra0] { font-size: .78rem; font-weight: 600; color: #374151; }

/* ── INPUTS ── */
.it-input-wrap[b-x8hvwp7ra0] { position: relative; }

.it-input-icon[b-x8hvwp7ra0] {
    position: absolute; left: .7rem; top: 50%;
    transform: translateY(-50%);
    color: #9ca3af; font-size: .9rem;
    pointer-events: none; z-index: 1;
}

.it-input[b-x8hvwp7ra0] {
    width: 100%; height: 40px;
    border: 1.5px solid #d1d5db; border-radius: 9px;
    padding: 0 .85rem 0 2.2rem;
    font-size: .87rem; color: #1f2937; background: #f9fafb;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
}
.it-input:focus[b-x8hvwp7ra0] { border-color: #1169a0; box-shadow: 0 0 0 3px rgba(17,105,160,.12); background: #fff; }
.it-input:hover:not(:focus)[b-x8hvwp7ra0] { border-color: #93c5fd; }

.it-textarea[b-x8hvwp7ra0] {
    width: 100%; border: 1.5px solid #d1d5db; border-radius: 9px;
    padding: .6rem .85rem; font-size: .87rem; color: #1f2937;
    background: #f9fafb; outline: none; resize: vertical;
    transition: border-color .18s, box-shadow .18s, background .18s;
    font-family: inherit;
}
.it-textarea:focus[b-x8hvwp7ra0] { border-color: #1169a0; box-shadow: 0 0 0 3px rgba(17,105,160,.12); background: #fff; }

/* ── CUSTOM SELECT ── */
.it-custom-select[b-x8hvwp7ra0] { position: relative; min-width: 130px; }

.it-cs-trigger[b-x8hvwp7ra0] {
    display: flex; align-items: center; gap: .45rem;
    width: 100%; height: 40px;
    border: 1.5px solid #d1d5db; border-radius: 9px;
    background: #f9fafb; padding: 0 .75rem;
    font-size: .87rem; font-weight: 500; color: #1f2937;
    cursor: pointer; outline: none; text-align: left; white-space: nowrap;
    transition: border-color .18s, box-shadow .18s, background .18s;
}
.it-cs-trigger:hover[b-x8hvwp7ra0] { border-color: #93c5fd; }

.it-cs-open .it-cs-trigger[b-x8hvwp7ra0] {
    border-color: #1169a0; background: #fff;
    box-shadow: 0 0 0 3px rgba(17,105,160,.12);
}

.it-cs-value[b-x8hvwp7ra0] { flex: 1; overflow: hidden; text-overflow: ellipsis; }

.it-cs-chevron[b-x8hvwp7ra0] {
    font-size: .72rem; color: #6b7280;
    transition: transform .2s; flex-shrink: 0;
}
.it-cs-open .it-cs-chevron[b-x8hvwp7ra0] { transform: rotate(180deg); color: #1169a0; }

.it-cs-dot[b-x8hvwp7ra0] {
    display: inline-block; width: 8px; height: 8px;
    border-radius: 50%; flex-shrink: 0;
}
.it-dot-all[b-x8hvwp7ra0]   { background: #9ca3af; }
.it-dot-green[b-x8hvwp7ra0] { background: #059669; }
.it-dot-gray[b-x8hvwp7ra0]  { background: #d1d5db; border: 1px solid #9ca3af; }

.it-cs-overlay[b-x8hvwp7ra0] { position: fixed; inset: 0; z-index: 998; background: transparent; }

.it-cs-list[b-x8hvwp7ra0] {
    position: absolute; top: calc(100% + 5px); left: 0;
    min-width: 100%; max-height: 220px; overflow-y: auto;
    background: #fff;
    border: 1.5px solid #dbeafe; border-radius: 10px;
    box-shadow: 0 8px 24px rgba(16,95,148,.15);
    z-index: 999; padding: .3rem;
    animation: itCsSlide-b-x8hvwp7ra0 .15s ease;
}
@keyframes itCsSlide-b-x8hvwp7ra0 {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.it-cs-item[b-x8hvwp7ra0] {
    display: flex; align-items: center; gap: .5rem;
    width: 100%; padding: .48rem .85rem;
    border: none; background: none; border-radius: 7px;
    font-size: .87rem; font-weight: 500; color: #374151;
    cursor: pointer; text-align: left; white-space: nowrap;
    transition: background .15s, color .15s;
}
.it-cs-item:hover[b-x8hvwp7ra0] { background: #eff6ff; color: #1169a0; }
.it-cs-item.it-cs-active[b-x8hvwp7ra0] { background: #1169a0; color: #fff; font-weight: 700; }
.it-cs-item.it-cs-active .it-dot-all[b-x8hvwp7ra0],
.it-cs-item.it-cs-active .it-dot-green[b-x8hvwp7ra0],
.it-cs-item.it-cs-active .it-dot-gray[b-x8hvwp7ra0] { background: rgba(255,255,255,.7); border-color: transparent; }

/* ── FILTER ACTION BUTTONS ── */
.it-filter-actions[b-x8hvwp7ra0] { display: flex; align-items: center; gap: .5rem; margin-top: 1.25rem; }

.it-btn-filter[b-x8hvwp7ra0] {
    display: flex; align-items: center; gap: .4rem;
    background: #1169a0; color: #fff; border: none;
    border-radius: 9px; padding: .52rem 1.1rem;
    font-size: .85rem; font-weight: 600; cursor: pointer;
    transition: background .18s, transform .15s;
}
.it-btn-filter:hover[b-x8hvwp7ra0] { background: #0e5580; transform: translateY(-1px); }

.it-btn-clear[b-x8hvwp7ra0] {
    display: flex; align-items: center; gap: .4rem;
    background: #f3f4f6; color: #374151;
    border: 1.5px solid #d1d5db; border-radius: 9px;
    padding: .52rem 1rem; font-size: .85rem; font-weight: 600;
    cursor: pointer; transition: background .18s, border-color .18s;
}
.it-btn-clear:hover[b-x8hvwp7ra0] { background: #e5e7eb; border-color: #9ca3af; }

/* ── STATS BAR ── */
.it-stats-bar[b-x8hvwp7ra0] {
    background: #fff; border: 1px solid #e5e9f0; border-radius: 12px;
    padding: .85rem 1.5rem;
    display: flex; align-items: center; gap: 1.25rem;
    box-shadow: 0 1px 6px rgba(0,0,0,.05); flex-wrap: wrap;
}
.it-stat-item[b-x8hvwp7ra0]  { display: flex; flex-direction: column; align-items: center; gap: .1rem; }
.it-stat-value[b-x8hvwp7ra0] { font-size: 1.5rem; font-weight: 800; color: #1169a0; line-height: 1; }
.it-stat-value.it-stat-green[b-x8hvwp7ra0] { color: #059669; }
.it-stat-value.it-stat-gray[b-x8hvwp7ra0]  { color: #6b7280; }
.it-stat-label[b-x8hvwp7ra0]   { font-size: .74rem; color: #9ca3af; font-weight: 500; white-space: nowrap; }
.it-stat-divider[b-x8hvwp7ra0] { width: 1px; height: 36px; background: #e5e9f0; }

/* ── GRID CARD ── */
.it-grid-card[b-x8hvwp7ra0] {
    background: #fff; border: 1px solid #e5e9f0;
    border-radius: 12px; overflow: clip;
    box-shadow: 0 1px 8px rgba(0,0,0,.06);
}

/* ── BADGES ── */
.it-badge-active[b-x8hvwp7ra0] {
    display: inline-block; background: #ecfdf5; color: #065f46;
    border: 1px solid #6ee7b7; border-radius: 999px;
    padding: .1rem .65rem; font-size: .75rem; font-weight: 700;
}
.it-badge-passive[b-x8hvwp7ra0] {
    display: inline-block; background: #f3f4f6; color: #6b7280;
    border: 1px solid #d1d5db; border-radius: 999px;
    padding: .1rem .65rem; font-size: .75rem; font-weight: 700;
}

/* ── ACTION BUTTONS ── */
.it-action-btns[b-x8hvwp7ra0] { display: flex; align-items: center; justify-content: center; gap: .35rem; }

.it-btn-edit[b-x8hvwp7ra0], .it-btn-delete[b-x8hvwp7ra0] {
    width: 30px; height: 30px; border-radius: 8px; border: none;
    display: flex; align-items: center; justify-content: center;
    font-size: .85rem; cursor: pointer;
    transition: background .18s, transform .15s, box-shadow .18s;
}
.it-btn-edit[b-x8hvwp7ra0]   { background: #eff6ff; color: #1d4ed8; }
.it-btn-edit:hover[b-x8hvwp7ra0]   { background: #dbeafe; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(29,78,216,.15); }
.it-btn-delete[b-x8hvwp7ra0] { background: #fef2f2; color: #dc2626; }
.it-btn-delete:hover[b-x8hvwp7ra0] { background: #fee2e2; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(220,38,38,.15); }

/* ── MODAL OVERLAY ── */
.it-modal-overlay[b-x8hvwp7ra0] {
    position: fixed; inset: 0;
    background: rgba(15,23,42,.42);
    backdrop-filter: blur(5px);
    z-index: 1050;
    display: flex; align-items: center; justify-content: center;
    padding: 1rem;
    animation: itFadeIn-b-x8hvwp7ra0 .18s ease;
}
@keyframes itFadeIn-b-x8hvwp7ra0 { from { opacity: 0; } to { opacity: 1; } }

/* ── MODAL BOX ── */
.it-modal[b-x8hvwp7ra0] {
    background: #fff; border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,.2);
    width: 100%;
    animation: itSlideIn-b-x8hvwp7ra0 .22s ease;
    overflow: hidden;
    max-height: 90vh;
    display: flex; flex-direction: column;
}
.it-modal-sm[b-x8hvwp7ra0] { max-width: 420px; text-align: center; padding: 2rem 1.75rem; }
.it-modal-lg[b-x8hvwp7ra0] { max-width: 780px; }

@keyframes itSlideIn-b-x8hvwp7ra0 {
    from { opacity: 0; transform: translateY(-18px) scale(.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── MODAL HEADER ── */
.it-modal-header[b-x8hvwp7ra0] {
    display: flex; align-items: center; gap: 1rem;
    background: linear-gradient(135deg, #1169a0, #1a8fd1);
    padding: 1.2rem 1.5rem; color: #fff; flex-shrink: 0;
}
.it-modal-header-icon[b-x8hvwp7ra0] {
    width: 44px; height: 44px; border-radius: 10px;
    background: rgba(255,255,255,.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; flex-shrink: 0;
}
.it-modal-title[b-x8hvwp7ra0]    { font-size: 1.05rem; font-weight: 700; margin: 0 0 .15rem; color: #fff; }
.it-modal-subtitle[b-x8hvwp7ra0] { font-size: .78rem; color: rgba(255,255,255,.8); margin: 0; }
.it-modal-x[b-x8hvwp7ra0] {
    margin-left: auto;
    background: rgba(255,255,255,.18); border: none; color: #fff;
    width: 34px; height: 34px; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: .95rem;
    transition: background .18s; flex-shrink: 0;
}
.it-modal-x:hover[b-x8hvwp7ra0] { background: rgba(255,255,255,.3); }

/* ── MODAL BODY ── */
.it-modal-body[b-x8hvwp7ra0] {
    padding: 1.3rem 1.5rem;
    display: flex; flex-direction: column; gap: .85rem;
    overflow-y: auto; flex: 1;
}

.it-form-row[b-x8hvwp7ra0]   { display: flex; flex-wrap: wrap; gap: .85rem; }
.it-form-group[b-x8hvwp7ra0] { display: flex; flex-direction: column; gap: .3rem; flex: 1 1 200px; }
.it-fg-full[b-x8hvwp7ra0]    { flex: 1 1 100%; }
.it-req[b-x8hvwp7ra0]        { color: #e74c3c; }

/* ── TOGGLE ── */
.it-toggle-label[b-x8hvwp7ra0] { display: flex; align-items: center; gap: .6rem; cursor: pointer; user-select: none; }
.it-toggle-input[b-x8hvwp7ra0] { display: none; }
.it-toggle-track[b-x8hvwp7ra0] {
    position: relative; width: 44px; height: 24px;
    background: #d1d5db; border-radius: 999px;
    transition: background .2s; flex-shrink: 0;
}
.it-toggle-input:checked ~ .it-toggle-track[b-x8hvwp7ra0] { background: #1169a0; }
.it-toggle-thumb[b-x8hvwp7ra0] {
    position: absolute; left: 3px; top: 3px;
    width: 18px; height: 18px; background: #fff; border-radius: 50%;
    transition: transform .2s; box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.it-toggle-input:checked ~ .it-toggle-track .it-toggle-thumb[b-x8hvwp7ra0] { transform: translateX(20px); }
.it-toggle-text[b-x8hvwp7ra0] { font-size: .87rem; font-weight: 600; color: #374151; }

/* ── MODAL FOOTER ── */
.it-modal-footer[b-x8hvwp7ra0] {
    display: flex; align-items: center; justify-content: flex-end; gap: .6rem;
    padding: .9rem 1.5rem;
    border-top: 1px solid #f0f2f5; background: #fafbfc; flex-shrink: 0;
}
.it-footer-center[b-x8hvwp7ra0] { justify-content: center; padding: 1rem 1.5rem; }

.it-modal-cancel[b-x8hvwp7ra0] {
    background: #f3f4f6; color: #374151;
    border: 1.5px solid #d1d5db; border-radius: 9px;
    padding: .55rem 1.25rem; font-size: .87rem; font-weight: 600;
    cursor: pointer; transition: background .18s, border-color .18s;
}
.it-modal-cancel:hover[b-x8hvwp7ra0] { background: #e5e7eb; border-color: #9ca3af; }

.it-modal-confirm[b-x8hvwp7ra0] {
    display: flex; align-items: center; gap: .45rem;
    background: linear-gradient(135deg, #1169a0, #1a8fd1);
    color: #fff; border: none; border-radius: 9px;
    padding: .55rem 1.4rem; font-size: .87rem; font-weight: 700;
    cursor: pointer; transition: opacity .18s, transform .15s;
}
.it-modal-confirm:hover:not(:disabled)[b-x8hvwp7ra0] { opacity: .9; transform: translateY(-1px); }
.it-modal-confirm:disabled[b-x8hvwp7ra0] { opacity: .65; cursor: not-allowed; }

.it-modal-confirm-red[b-x8hvwp7ra0] {
    display: flex; align-items: center; gap: .45rem;
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #fff; border: none; border-radius: 9px;
    padding: .55rem 1.4rem; font-size: .87rem; font-weight: 700;
    cursor: pointer; transition: opacity .18s, transform .15s;
}
.it-modal-confirm-red:hover[b-x8hvwp7ra0] { opacity: .9; transform: translateY(-1px); }

/* ── SPINNER ── */
.it-btn-spinner[b-x8hvwp7ra0] {
    display: inline-block; width: 14px; height: 14px;
    border: 2px solid rgba(255,255,255,.35); border-top-color: #fff;
    border-radius: 50%; animation: itSpin-b-x8hvwp7ra0 .65s linear infinite;
}
@keyframes itSpin-b-x8hvwp7ra0 { to { transform: rotate(360deg); } }

/* ── DELETE MODAL EXTRAS ── */
.it-delete-icon[b-x8hvwp7ra0]  { margin-bottom: .75rem; display: flex; justify-content: center; }
.it-delete-title[b-x8hvwp7ra0] { font-size: 1.1rem; font-weight: 700; color: #111827; margin: 0 0 .5rem; }
.it-delete-msg[b-x8hvwp7ra0]   { font-size: .87rem; color: #6b7280; line-height: 1.5; margin-bottom: .25rem; }

/* ── RESPONSIVE ── */
@media (max-width: 680px) {
    .it-page-wrapper[b-x8hvwp7ra0] { padding: 1rem; }
    .it-page-header[b-x8hvwp7ra0]  { padding: 1rem 1.1rem; }
    .it-filter-body[b-x8hvwp7ra0]  { flex-direction: column; }
    .it-ff-grow[b-x8hvwp7ra0]      { flex: 1 1 100%; }
    .it-modal-lg[b-x8hvwp7ra0]     { max-width: 100%; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ============================================ */
/* MODERN HOME PAGE DESIGN */
/* Login sayfasıyla uyumlu profesyonel tasarım */
/* ============================================ */

.home-container[b-mdlbufmw3i] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    position: relative;
}

/* ============================================ */
/* HERO SECTION */
/* ============================================ */
.hero-section[b-mdlbufmw3i] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
    position: relative;
    overflow: hidden;
}

/* Animated Background */
.hero-bg[b-mdlbufmw3i] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    opacity: 0;
    display: none;
}

.gradient-orb[b-mdlbufmw3i] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.3;
    animation: float-b-mdlbufmw3i 20s infinite ease-in-out;
}

.orb-1[b-mdlbufmw3i] {
    width: 500px;
    height: 500px;
    background: linear-gradient(135deg, #105f94 0%, #1565a0 100%);
    top: -10%;
    left: -10%;
    animation-delay: 0s;
}

.orb-2[b-mdlbufmw3i] {
    width: 400px;
    height: 400px;
    background: linear-gradient(135deg, #0d83c4 0%, #0a5f8f 100%);
    bottom: -10%;
    right: -10%;
    animation-delay: -7s;
}

.orb-3[b-mdlbufmw3i] {
    width: 300px;
    height: 300px;
    background: linear-gradient(135deg, #1976d2 0%, #0d5a94 100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-delay: -14s;
}

@keyframes float-b-mdlbufmw3i {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    33% {
        transform: translate(40px, -40px) scale(1.1);
    }
    66% {
        transform: translate(-40px, 40px) scale(0.9);
    }
}

/* ============================================ */
/* HERO CONTENT */
/* ============================================ */
.hero-content[b-mdlbufmw3i] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

.welcome-card[b-mdlbufmw3i] {
    background: white;
    border-radius: 32px;
    padding: 3rem;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(0, 0, 0, 0.02);
    animation: slideUp-b-mdlbufmw3i 0.8s ease-out;
}

@keyframes slideUp-b-mdlbufmw3i {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================ */
/* BRAND HEADER */
/* ============================================ */
.brand-header[b-mdlbufmw3i] {
    text-align: center;
    margin-bottom: 2rem;
}

.brand-icon[b-mdlbufmw3i] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #105f94 0%, #0d4d7a 100%);
    border-radius: 24px;
    color: white;
    box-shadow: 0 8px 24px rgba(16, 95, 148, 0.3);
    animation: logoFloat-b-mdlbufmw3i 3s infinite ease-in-out;
}

@keyframes logoFloat-b-mdlbufmw3i {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.brand-icon svg[b-mdlbufmw3i] {
    width: 40px;
    height: 40px;
}

.welcome-title[b-mdlbufmw3i] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.brand-name[b-mdlbufmw3i] {
    font-size: 2rem;
    font-weight: 800;
    background: linear-gradient(135deg, #105f94 0%, #0d4d7a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.system-name[b-mdlbufmw3i] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #64748b;
}

.welcome-message[b-mdlbufmw3i] {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    color: #475569;
    margin: 0 0 2.5rem;
}

/* ============================================ */
/* FEATURE CARDS */
/* ============================================ */
.feature-cards[b-mdlbufmw3i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

.feature-card[b-mdlbufmw3i] {
    background: linear-gradient(135deg, #f8fafb 0%, #ffffff 100%);
    border: 1px solid rgba(16, 95, 148, 0.1);
    border-radius: 24px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
}

.feature-card:hover[b-mdlbufmw3i] {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(16, 95, 148, 0.15);
    border-color: rgba(16, 95, 148, 0.3);
}

.feature-icon[b-mdlbufmw3i] {
    width: 60px;
    height: 60px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(16, 95, 148, 0.1) 0%, rgba(13, 77, 122, 0.05) 100%);
    border-radius: 18px;
    color: #105f94;
}

.feature-icon svg[b-mdlbufmw3i] {
    width: 32px;
    height: 32px;
}

.feature-card h3[b-mdlbufmw3i] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 0.5rem;
}

.feature-card p[b-mdlbufmw3i] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

/* ============================================ */
/* QUICK ACTIONS */
/* ============================================ */
.quick-actions[b-mdlbufmw3i] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.action-btn[b-mdlbufmw3i] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2rem;
    border-radius: 16px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.action-btn svg[b-mdlbufmw3i] {
    width: 20px;
    height: 20px;
}

.action-btn.primary[b-mdlbufmw3i] {
    background: linear-gradient(135deg, #105f94 0%, #0d4d7a 100%);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.action-btn.primary:hover[b-mdlbufmw3i] {
    background: linear-gradient(135deg, #0d4d7a 0%, #105f94 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(16, 95, 148, 0.4);
}

.action-btn.secondary[b-mdlbufmw3i] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
    color: #105f94;
    border: 1px solid rgba(16, 95, 148, 0.2);
}

.action-btn.secondary:hover[b-mdlbufmw3i] {
    background: linear-gradient(135deg, #f8fafb 0%, #f0f7fb 100%);
    border-color: rgba(16, 95, 148, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(16, 95, 148, 0.2);
}

/* ============================================ */
/* FOOTER */
/* ============================================ */
.home-footer[b-mdlbufmw3i] {
    text-align: center;
    padding: 2rem 1.5rem;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(16, 95, 148, 0.1);
}

.home-footer p[b-mdlbufmw3i] {
    margin: 0 0 0.5rem;
    color: #64748b;
    font-size: 0.875rem;
}

.home-footer a[b-mdlbufmw3i] {
    color: #105f94;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.home-footer a:hover[b-mdlbufmw3i] {
    color: #0d4d7a;
    text-decoration: underline;
}

/* ============================================ */
/* RESPONSIVE DESIGN */
/* ============================================ */
@media (max-width: 768px) {
    .welcome-card[b-mdlbufmw3i] {
        padding: 2rem 1.5rem;
    }

    .brand-name[b-mdlbufmw3i] {
        font-size: 1.5rem;
    }

    .system-name[b-mdlbufmw3i] {
        font-size: 1rem;
    }

    .welcome-message[b-mdlbufmw3i] {
        font-size: 1.25rem;
    }

    .feature-cards[b-mdlbufmw3i] {
        grid-template-columns: 1fr;
    }

    .quick-actions[b-mdlbufmw3i] {
        flex-direction: column;
    }

    .action-btn[b-mdlbufmw3i] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .hero-section[b-mdlbufmw3i] {
        padding: 2rem 1rem;
    }

    .welcome-card[b-mdlbufmw3i] {
        padding: 1.5rem 1rem;
    }

    .brand-icon[b-mdlbufmw3i] {
        width: 60px;
        height: 60px;
    }

    .brand-icon svg[b-mdlbufmw3i] {
        width: 30px;
        height: 30px;
    }

    .brand-name[b-mdlbufmw3i] {
        font-size: 1.25rem;
    }

    .welcome-message[b-mdlbufmw3i] {
        font-size: 1.125rem;
    }
}

/* /Components/Pages/Login.razor.rz.scp.css */
/* Modern Split-Screen Login Design */

/* Reset and Base */
*[b-98le3ltlwu] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Main Split Container */
.split-login-container[b-98le3ltlwu] {
    display: flex;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
}

/* ============================================ */
/* LEFT SIDE - Branding & Info */
/* ============================================ */

.login-left-side[b-98le3ltlwu] {
    flex: 1;
    position: relative;
    background: linear-gradient(135deg, #105f94 0%, #0d4d7a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    overflow: hidden;
}

/* Animated Background for Left Side */
.animated-bg-left[b-98le3ltlwu] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.gradient-orb[b-98le3ltlwu] {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.4;
    animation: float-b-98le3ltlwu 20s infinite ease-in-out;
}

.orb-1[b-98le3ltlwu] {
    width: 600px;
    height: 600px;
    background: linear-gradient(135deg, #1a7ab8 0%, #1565a0 100%);
    top: -20%;
    left: -20%;
    animation-delay: 0s;
}

.orb-2[b-98le3ltlwu] {
    width: 500px;
    height: 500px;
    background: linear-gradient(135deg, #0d83c4 0%, #0a5f8f 100%);
    bottom: -15%;
    right: -15%;
    animation-delay: -7s;
}

.orb-3[b-98le3ltlwu] {
    width: 400px;
    height: 400px;
    background: linear-gradient(135deg, #1976d2 0%, #0d5a94 100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-delay: -14s;
}

@keyframes float-b-98le3ltlwu {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    33% {
        transform: translate(60px, -60px) scale(1.1);
    }
    66% {
        transform: translate(-60px, 60px) scale(0.9);
    }
}

/* Floating Shapes */
.floating-shapes[b-98le3ltlwu] {
    position: absolute;
    inset: 0;
}

.shape[b-98le3ltlwu] {
    position: absolute;
    opacity: 0.15;
    animation: floatShape-b-98le3ltlwu 15s infinite ease-in-out;
}

.shape-1[b-98le3ltlwu] {
    width: 80px;
    height: 80px;
    border: 4px solid white;
    border-radius: 16px;
    top: 15%;
    left: 15%;
    animation-delay: 0s;
}

.shape-2[b-98le3ltlwu] {
    width: 100px;
    height: 100px;
    border: 4px solid white;
    border-radius: 50%;
    top: 60%;
    left: 75%;
    animation-delay: -3s;
}

.shape-3[b-98le3ltlwu] {
    width: 60px;
    height: 60px;
    border: 4px solid white;
    top: 35%;
    right: 20%;
    transform: rotate(45deg);
    animation-delay: -6s;
}

.shape-4[b-98le3ltlwu] {
    width: 70px;
    height: 70px;
    border: 4px solid white;
    border-radius: 50%;
    bottom: 25%;
    left: 25%;
    animation-delay: -9s;
}

.shape-5[b-98le3ltlwu] {
    width: 90px;
    height: 90px;
    border: 4px solid white;
    border-radius: 16px;
    bottom: 45%;
    right: 30%;
    transform: rotate(30deg);
    animation-delay: -12s;
}

@keyframes floatShape-b-98le3ltlwu {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-60px) rotate(180deg);
    }
}

/* Branding Content */
.branding-content[b-98le3ltlwu] {
    position: relative;
    z-index: 10;
    max-width: 550px;
    color: white;
}

.logo-section[b-98le3ltlwu] {
    text-align: center;
    margin-bottom: 4rem;
    animation: fadeInUp-b-98le3ltlwu 0.8s ease-out;
}

/* Company Branding Typography */
.company-branding[b-98le3ltlwu] {
    padding: 2rem 0;
}

.company-name[b-98le3ltlwu] {
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 4.5rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    margin: 0 0 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #e8f4f8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 
        0 4px 20px rgba(255, 255, 255, 0.2),
        0 8px 40px rgba(255, 255, 255, 0.1);
    position: relative;
    display: inline-block;
    animation: glow-b-98le3ltlwu 3s ease-in-out infinite;
}

/* Subtle glow animation */
@keyframes glow-b-98le3ltlwu {
    0%, 100% {
        filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
    }
    50% {
        filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5));
    }
}

/* Add decorative line before company name */
.company-name[b-98le3ltlwu]::before {
    content: '';
    position: absolute;
    top: -1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, transparent, white, transparent);
    border-radius: 2px;
}

.company-tagline[b-98le3ltlwu] {
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0.15em;
    color: rgba(255, 255, 255, 0.95);
    text-transform: uppercase;
    margin: 0;
    padding: 0 2rem;
    position: relative;
}

/* Decorative dots around tagline */
.company-tagline[b-98le3ltlwu]::before,
.company-tagline[b-98le3ltlwu]::after {
    content: '●';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.5rem;
    color: rgba(255, 255, 255, 0.6);
}

.company-tagline[b-98le3ltlwu]::before {
    left: 0;
}

.company-tagline[b-98le3ltlwu]::after {
    right: 0;
}

.logo-icon-large[b-98le3ltlwu] {
    width: 100px;
    height: 100px;
    margin: 0 auto 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.15));
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 20px;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    animation: logoFloat-b-98le3ltlwu 3s infinite ease-in-out;
}

@keyframes logoFloat-b-98le3ltlwu {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
}

.logo-icon-large svg[b-98le3ltlwu] {
    width: 100%;
    height: 100%;
}

/* Features List */
.features-list[b-98le3ltlwu] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    animation: fadeInUp-b-98le3ltlwu 1s ease-out 0.2s backwards;
}

.feature-item[b-98le3ltlwu] {
    display: flex;
    align-items: start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.feature-item:hover[b-98le3ltlwu] {
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(10px);
}

.feature-icon[b-98le3ltlwu] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    color: white;
}

.feature-icon svg[b-98le3ltlwu] {
    width: 28px;
    height: 28px;
    stroke-width: 2.5;
}

.feature-text h3[b-98le3ltlwu] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
}

.feature-text p[b-98le3ltlwu] {
    font-size: 0.9375rem;
    margin: 0;
    opacity: 0.9;
    line-height: 1.5;
}

/* Branding Footer */
.branding-footer[b-98le3ltlwu] {
    margin-top: 4rem;
    text-align: center;
    opacity: 0.8;
    animation: fadeInUp-b-98le3ltlwu 1.2s ease-out 0.4s backwards;
}

.branding-footer p[b-98le3ltlwu] {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
}

.branding-footer .footer-link[b-98le3ltlwu] {
    display: inline-block;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.branding-footer .footer-link:hover[b-98le3ltlwu] {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@keyframes fadeInUp-b-98le3ltlwu {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================ */
/* RIGHT SIDE - Login Form */
/* ============================================ */

.login-right-side[b-98le3ltlwu] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 3rem;
    position: relative;
    overflow: hidden;
}

/* Subtle Background Pattern */
.login-right-side[b-98le3ltlwu]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(16, 95, 148, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(13, 77, 122, 0.03) 0%, transparent 50%);
    pointer-events: none;
}

.form-container[b-98le3ltlwu] {
    width: 100%;
    max-width: 520px;
    background: white;
    padding: 3.5rem;
    border-radius: 24px;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(0, 0, 0, 0.02);
    animation: slideInRight-b-98le3ltlwu 0.8s ease-out;
    position: relative;
    z-index: 1;
}

/* Card Glow Effect - Removed Hover */
.form-container[b-98le3ltlwu]::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg, #105f94, #0d4d7a);
    border-radius: 24px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
    filter: blur(20px);
}

@keyframes slideInRight-b-98le3ltlwu {
    from {
        opacity: 0;
        transform: translateX(40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.form-header[b-98le3ltlwu] {
    margin-bottom: 3rem;
    text-align: center;
    position: relative;
}

/* Form Brand Name */
.form-brand[b-98le3ltlwu] {
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #105f94;
    margin: 0 0 1.5rem;
    opacity: 0.9;
}

/* Decorative Element */
.form-header[b-98le3ltlwu]::before {
    content: '';
    position: absolute;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #105f94 0%, #0d4d7a 100%);
    border-radius: 2px;
}

.form-title[b-98le3ltlwu] {
    font-size: 2.25rem;
    font-weight: 700;
    background: linear-gradient(135deg, #105f94 0%, #0d4d7a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0 0 0.75rem;
}

.form-subtitle[b-98le3ltlwu] {
    font-size: 1rem;
    color: #64748b;
    margin: 0;
    font-weight: 400;
}

/* Form Styles */
.login-form-split[b-98le3ltlwu] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.form-group-modern[b-98le3ltlwu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Add spacing between form groups */
.form-group-modern:nth-child(2)[b-98le3ltlwu] {
    margin-top: 0.625rem;
}

.form-label-modern[b-98le3ltlwu] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #475569;
    margin: 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-group-modern:focus-within .form-label-modern[b-98le3ltlwu] {
    color: #105f94;
    transform: translateX(2px);
}

/* Optional: Add icon to label */
.form-label-modern[b-98le3ltlwu]::before {
    content: '';
    width: 4px;
    height: 16px;
    background: linear-gradient(180deg, #105f94 0%, #0d4d7a 100%);
    border-radius: 2px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.form-group-modern:focus-within .form-label-modern[b-98le3ltlwu]::before {
    opacity: 1;
}

/* Add margin-top to second form-group label (Password) */
.form-group-modern:nth-child(2) .form-label-modern[b-98le3ltlwu] {
    margin-top: 0.625rem;
}

.input-wrapper[b-98le3ltlwu] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Input Wrapper Hover Effect */
.input-wrapper[b-98le3ltlwu]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #105f94, #0d4d7a);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 0;
}

.input-wrapper:focus-within[b-98le3ltlwu]::after {
    opacity: 0.05;
}

.input-icon[b-98le3ltlwu] {
    position: absolute;
    left: 1.125rem;
    width: 22px;
    height: 22px;
    color: #94a3b8;
    z-index: 2;
    pointer-events: none;
    transition: all 0.3s ease;
}

.input-icon svg[b-98le3ltlwu] {
    width: 100%;
    height: 100%;
    stroke-width: 2;
}

.input-wrapper:focus-within .input-icon[b-98le3ltlwu] {
    color: #105f94;
    transform: scale(1.15);
    filter: drop-shadow(0 2px 4px rgba(16, 95, 148, 0.3));
}

.password-toggle[b-98le3ltlwu] {
    position: absolute;
    right: 1rem;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: #94a3b8;
    transition: all 0.3s ease;
    z-index: 2;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.password-toggle:hover[b-98le3ltlwu] {
    color: #105f94;
    background: linear-gradient(135deg, rgba(16, 95, 148, 0.1), rgba(13, 77, 122, 0.1));
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(16, 95, 148, 0.15);
}

.password-toggle:active[b-98le3ltlwu] {
    transform: scale(0.95);
}

.password-toggle svg[b-98le3ltlwu] {
    width: 20px;
    height: 20px;
}

/* Error Message */
.error-message[b-98le3ltlwu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 12px;
    color: #dc2626;
    font-size: 0.875rem;
    animation: shake-b-98le3ltlwu 0.4s ease;
}

@keyframes shake-b-98le3ltlwu {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-10px); }
    75% { transform: translateX(10px); }
}

.error-message svg[b-98le3ltlwu] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Validation Summary */
.validation-summary-modern[b-98le3ltlwu] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 12px;
    padding: 1rem;
    color: #dc2626;
    font-size: 0.875rem;
}

.validation-summary-modern ul[b-98le3ltlwu] {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Primary Button */
.btn-modern-primary[b-98le3ltlwu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    width: 100%;
    margin-top: 1.5rem;
    padding: 1rem 1.5rem;
    height: 56px;
    background: linear-gradient(135deg, #105f94 0%, #0d4d7a 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1.0625rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(16, 95, 148, 0.4);
    position: relative;
    overflow: hidden;
}

.btn-modern-primary[b-98le3ltlwu]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #0d4d7a 0%, #105f94 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.btn-modern-primary:hover:not(:disabled)[b-98le3ltlwu]::before {
    opacity: 1;
}

.btn-modern-primary:hover:not(:disabled)[b-98le3ltlwu] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(16, 95, 148, 0.5);
}

.btn-modern-primary:active:not(:disabled)[b-98le3ltlwu] {
    transform: translateY(0);
}

.btn-modern-primary:disabled[b-98le3ltlwu] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-modern-primary span[b-98le3ltlwu],
.btn-modern-primary svg[b-98le3ltlwu] {
    position: relative;
    z-index: 1;
}

.btn-modern-primary svg[b-98le3ltlwu] {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.btn-modern-primary:hover:not(:disabled) svg[b-98le3ltlwu] {
    transform: translateX(4px);
}

/* Loading Spinner */
.loading-spinner[b-98le3ltlwu] {
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-98le3ltlwu 0.8s linear infinite;
}

@keyframes spin-b-98le3ltlwu {
    to {
        transform: rotate(360deg);
    }
}

/* Form Footer */
.form-footer[b-98le3ltlwu] {
    margin-top: 3rem;
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid #e2e8f0;
    position: relative;
}

/* Decorative Dots */
.form-footer[b-98le3ltlwu]::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 8px;
    background: 
        radial-gradient(circle, #105f94 2px, transparent 2px),
        radial-gradient(circle, #0d4d7a 2px, transparent 2px);
    background-size: 12px 8px;
    background-position: 0 0, 20px 0;
    background-repeat: repeat-x;
}

.form-footer p[b-98le3ltlwu] {
    margin: 0 0 0.75rem;
    color: #64748b;
    font-size: 0.875rem;
    font-weight: 500;
}

.form-footer .footer-link[b-98le3ltlwu] {
    display: inline-block;
    color: #105f94;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    background: rgba(16, 95, 148, 0.08);
    border: 1px solid rgba(16, 95, 148, 0.2);
    transition: all 0.3s ease;
}

.form-footer .footer-link:hover[b-98le3ltlwu] {
    background: rgba(16, 95, 148, 0.15);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16, 95, 148, 0.2);
}

/* ============================================ */
/* Responsive Design */
/* ============================================ */

@media (max-width: 1200px) {
    .company-name[b-98le3ltlwu] {
        font-size: 4rem;
    }

    .company-tagline[b-98le3ltlwu] {
        font-size: 1.0625rem;
    }

    .features-list[b-98le3ltlwu] {
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .split-login-container[b-98le3ltlwu] {
        flex-direction: column;
    }

    .login-left-side[b-98le3ltlwu] {
        min-height: 50vh;
        padding: 2rem;
    }

    .branding-content[b-98le3ltlwu] {
        max-width: 100%;
    }

    .company-name[b-98le3ltlwu] {
        font-size: 3.5rem;
    }

    .company-tagline[b-98le3ltlwu] {
        font-size: 1rem;
    }

    .features-list[b-98le3ltlwu] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .feature-item[b-98le3ltlwu] {
        flex: 1;
        min-width: 250px;
    }

    .login-right-side[b-98le3ltlwu] {
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    .login-left-side[b-98le3ltlwu] {
        min-height: 40vh;
        padding: 1.5rem;
    }

    .logo-icon-large[b-98le3ltlwu] {
        width: 80px;
        height: 80px;
    }

    .company-name[b-98le3ltlwu] {
        font-size: 2.5rem;
        letter-spacing: 2px;
    }

    .company-tagline[b-98le3ltlwu] {
        font-size: 0.9375rem;
    }

    .features-list[b-98le3ltlwu] {
        gap: 1rem;
    }

    .feature-item[b-98le3ltlwu] {
        padding: 1rem;
    }

    .branding-footer[b-98le3ltlwu] {
        margin-top: 2rem;
    }

    .login-right-side[b-98le3ltlwu] {
        padding: 1.5rem;
    }

    .form-container[b-98le3ltlwu] {
        max-width: 100%;
        padding: 2.5rem 2rem;
    }

    .form-title[b-98le3ltlwu] {
        font-size: 1.875rem;
    }
}

@media (max-width: 576px) {
    .login-left-side[b-98le3ltlwu] {
        min-height: 35vh;
        padding: 1rem;
    }

    .logo-section[b-98le3ltlwu] {
        margin-bottom: 2rem;
    }

    .logo-icon-large[b-98le3ltlwu] {
        width: 64px;
        height: 64px;
        margin-bottom: 1rem;
    }

    .company-name[b-98le3ltlwu] {
        font-size: 2rem;
        letter-spacing: 0.05em;
    }

    .company-name[b-98le3ltlwu]::before {
        width: 60px;
        height: 3px;
    }

    .company-tagline[b-98le3ltlwu] {
        font-size: 0.75rem;
        padding: 0 1.5rem;
    }

    .features-list[b-98le3ltlwu] {
        display: none; /* Hide on mobile for cleaner look */
    }

    .branding-footer[b-98le3ltlwu] {
        margin-top: 1.5rem;
    }

    .login-right-side[b-98le3ltlwu] {
        padding: 1rem;
    }

    .form-container[b-98le3ltlwu] {
        padding: 2rem 1.5rem;
        border-radius: 20px;
    }

    .form-title[b-98le3ltlwu] {
        font-size: 1.5rem;
    }

    .form-subtitle[b-98le3ltlwu] {
        font-size: 0.9375rem;
    }

    .form-header[b-98le3ltlwu] {
        margin-bottom: 2rem;
    }

    .btn-modern-primary[b-98le3ltlwu] {
        height: 52px;
        font-size: 1rem;
    }
}


.parola[b-98le3ltlwu] {
    margin-top: 1rem;
}

.img-logo[b-98le3ltlwu] {
    width: 300px;
    height: 100px;
    
}
/* /Components/Pages/RadyolojiRapor/RaporSablonDetay.razor.rz.scp.css */
/* ============================================================ */
/* RAPOR ŞABLON DETAY – Modern & Professional UI              */
/* ============================================================ */

.sd-page-wrapper[b-yvakckkhtx] {
    padding: 1.75rem 2rem;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── PAGE HEADER ── */
.sd-page-header[b-yvakckkhtx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1169a0 0%, #1a7ab8 50%, #1a8fd1 100%);
    border-radius: 16px;
    padding: 1.4rem 1.75rem;
    color: #fff;
    box-shadow: 0 4px 20px rgba(16, 95, 148, 0.35);
    position: relative;
    overflow: hidden;
}

.sd-page-header[b-yvakckkhtx]::after {
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 180px; height: 180px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    pointer-events: none;
}

.sd-header-content[b-yvakckkhtx] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.sd-back-btn[b-yvakckkhtx] {
    width: 36px; height: 36px;
    background: rgba(255,255,255,0.18);
    border: 1.5px solid rgba(255,255,255,0.35);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.sd-back-btn:hover[b-yvakckkhtx] {
    background: rgba(255,255,255,0.3);
    transform: translateX(-2px);
}

.sd-header-icon[b-yvakckkhtx] {
    width: 48px; height: 48px;
    background: rgba(255,255,255,0.18);
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.45rem;
    flex-shrink: 0;
}

.sd-page-title[b-yvakckkhtx] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.sd-page-subtitle[b-yvakckkhtx] {
    margin: 0.2rem 0 0;
    font-size: 0.82rem;
    opacity: 0.8;
}

.sd-header-actions[b-yvakckkhtx] {
    display: flex;
    gap: 0.65rem;
    align-items: center;
}

.sd-btn-cancel[b-yvakckkhtx] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255,255,255,0.18);
    border: 1.5px solid rgba(255,255,255,0.35);
    color: #fff;
    padding: 0.55rem 1.15rem;
    border-radius: 9px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.sd-btn-cancel:hover[b-yvakckkhtx] {
    background: rgba(255,255,255,0.28);
}

.sd-btn-save[b-yvakckkhtx] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: #fff;
    border: none;
    color: #1169a0;
    padding: 0.55rem 1.35rem;
    border-radius: 9px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.sd-btn-save:hover[b-yvakckkhtx] {
    background: #f0f7ff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* ── ALERT ── */
.sd-alert-error[b-yvakckkhtx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    border-radius: 12px;
    padding: 0.85rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.sd-alert-close[b-yvakckkhtx] {
    margin-left: auto;
    background: none;
    border: none;
    color: #dc2626;
    cursor: pointer;
    font-size: 0.9rem;
    opacity: 0.7;
    transition: opacity 0.15s;
    padding: 0.2rem 0.4rem;
}

.sd-alert-close:hover[b-yvakckkhtx] { opacity: 1; }

/* ── LOADING ── */
.sd-loading[b-yvakckkhtx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: #6b7280;
    font-size: 0.9rem;
}

.sd-spinner[b-yvakckkhtx] {
    width: 40px; height: 40px;
    border: 3px solid #e5e9f0;
    border-top-color: #1169a0;
    border-radius: 50%;
    animation: sd-spin-b-yvakckkhtx 0.75s linear infinite;
}

@keyframes sd-spin-b-yvakckkhtx { to { transform: rotate(360deg); } }

/* ── FORM CARD ── */
.sd-form-card[b-yvakckkhtx],
.sd-editor-card[b-yvakckkhtx] {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e5e9f0;
    box-shadow: 0 2px 12px rgba(16, 95, 148, 0.07);
    overflow: hidden;
}

.sd-form-card-header[b-yvakckkhtx] {
    background: #f4f7fb;
    padding: 0.75rem 1.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #1169a0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    border-bottom: 1px solid #e5e9f0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sd-form-card-body[b-yvakckkhtx] {
    padding: 1.5rem;
}

.sd-form-row[b-yvakckkhtx] {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.sd-form-group[b-yvakckkhtx] {
    flex: 1;
    min-width: 200px;
}

.sd-fg-lg[b-yvakckkhtx] {
    flex: 2;
    min-width: 280px;
}

.sd-label[b-yvakckkhtx] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: #4b5563;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
    letter-spacing: 0.45px;
}

.sd-required[b-yvakckkhtx] {
    color: #e74c3c;
    margin-left: 2px;
}

/* ── MODERN INPUT ── */
.sd-input-wrap[b-yvakckkhtx] {
    position: relative;
    display: flex;
    align-items: center;
}

.sd-input-icon[b-yvakckkhtx] {
    position: absolute;
    left: 0.85rem;
    color: #9ca3af;
    font-size: 0.9rem;
    pointer-events: none;
    transition: color 0.2s;
    z-index: 1;
}

.sd-input[b-yvakckkhtx] {
    width: 100%;
    height: 40px;
    padding: 0 0.85rem 0 2.3rem;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    background: #f9fafb;
    color: #1f2937;
    font-size: 0.875rem;
    font-weight: 500;
    font-family: inherit;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    outline: none;
}

.sd-input:focus[b-yvakckkhtx] {
    border-color: #1169a0;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(17,105,160,0.12);
}

.sd-input:focus + .sd-input-icon[b-yvakckkhtx],
.sd-input-wrap:focus-within .sd-input-icon[b-yvakckkhtx] {
    color: #1169a0;
}

.sd-input[b-yvakckkhtx]::placeholder {
    color: #9ca3af;
    font-weight: 400;
}

/* ── FIELDS REFERENCE CARD ── */
.sd-fields-card[b-yvakckkhtx] {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(16, 95, 148, 0.06);
    overflow: hidden;
}

.sd-fields-toggle[b-yvakckkhtx] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1.5rem;
    background: #f4f7fb;
    border: none;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 700;
    color: #1169a0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    transition: background 0.15s;
}

.sd-fields-toggle:hover[b-yvakckkhtx] { background: #e8f0f9; }

.sd-fields-toggle span[b-yvakckkhtx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sd-chevron[b-yvakckkhtx] {
    font-size: 0.8rem;
    transition: transform 0.2s ease;
}

.sd-fields-body[b-yvakckkhtx] {
    padding: 1.25rem 1.5rem;
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    border-top: 1px solid #e5e9f0;
}

.sd-fields-group[b-yvakckkhtx] {
    flex: 1;
    min-width: 200px;
}

.sd-fields-group-title[b-yvakckkhtx] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 0.6rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.sd-tags[b-yvakckkhtx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.sd-tag[b-yvakckkhtx] {
    display: inline-block;
    background: #eff6ff;
    color: #1169a0;
    border: 1px solid #bfdbfe;
    padding: 0.22rem 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: default;
    transition: all 0.15s;
    font-family: 'Consolas', monospace;
}

.sd-tag:hover[b-yvakckkhtx] {
    background: #1169a0;
    color: #fff;
    border-color: #1169a0;
}

/* ── EDITOR CARD ── */
.sd-editor-body[b-yvakckkhtx] {
    padding: 1.25rem 1.5rem 1.5rem;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .sd-page-wrapper[b-yvakckkhtx] { padding: 1rem; }

    .sd-page-header[b-yvakckkhtx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .sd-header-actions[b-yvakckkhtx] {
        width: 100%;
        justify-content: flex-end;
    }

    .sd-form-row[b-yvakckkhtx] { flex-direction: column; }
    .sd-form-group[b-yvakckkhtx], .sd-fg-lg[b-yvakckkhtx] { min-width: 100%; flex: unset; }

    .sd-fields-body[b-yvakckkhtx] { flex-direction: column; }
}
/* /Components/Pages/RadyolojiRapor/RaporSablonListesi.razor.rz.scp.css */
/* ============================================================ */
/* RAPOR ŞABLON LİSTESİ – Modern & Professional UI            */
/* ============================================================ */

.rs-page-wrapper[b-fe7rzfi90q] {
    padding: 1.75rem 2rem;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── PAGE HEADER ── */
.rs-page-header[b-fe7rzfi90q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1169a0 0%, #1a7ab8 50%, #1a8fd1 100%);
    border-radius: 16px;
    padding: 1.5rem 2rem;
    color: #fff;
    box-shadow: 0 4px 20px rgba(16, 95, 148, 0.35);
    position: relative;
    overflow: hidden;
}

.rs-page-header[b-fe7rzfi90q]::after {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    pointer-events: none;
}

.rs-header-content[b-fe7rzfi90q] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.rs-header-icon[b-fe7rzfi90q] {
    width: 52px;
    height: 52px;
    background: rgba(255,255,255,0.18);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.rs-page-title[b-fe7rzfi90q] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.rs-page-subtitle[b-fe7rzfi90q] {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    opacity: 0.8;
}

.rs-btn-new[b-fe7rzfi90q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255,255,255,0.18);
    border: 1.5px solid rgba(255,255,255,0.4);
    color: #fff;
    padding: 0.6rem 1.3rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    backdrop-filter: blur(4px);
}

.rs-btn-new:hover[b-fe7rzfi90q] {
    background: rgba(255,255,255,0.28);
    border-color: rgba(255,255,255,0.7);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* ── FILTER CARD ── */
.rs-filter-card[b-fe7rzfi90q] {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e5e9f0;
    box-shadow: 0 2px 12px rgba(16, 95, 148, 0.07);
    overflow: hidden;
}

.rs-filter-title[b-fe7rzfi90q] {
    background: #f4f7fb;
    padding: 0.75rem 1.5rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: #1169a0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    border-bottom: 1px solid #e5e9f0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rs-filter-body[b-fe7rzfi90q] {
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.rs-filter-field[b-fe7rzfi90q] {
    flex: 1;
    min-width: 200px;
}

.rs-label[b-fe7rzfi90q] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4b5563;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.rs-filter-actions[b-fe7rzfi90q] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex-shrink: 0;
}

.rs-btn-filter[b-fe7rzfi90q] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    background: linear-gradient(135deg, #1169a0, #1a7ab8);
    color: #fff;
    border: none;
    padding: 0.6rem 1.3rem;
    border-radius: 9px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 3px 10px rgba(16, 95, 148, 0.3);
}

.rs-btn-filter:hover[b-fe7rzfi90q] {
    background: linear-gradient(135deg, #0d5a8f, #1169a0);
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(16, 95, 148, 0.4);
}

.rs-btn-clear[b-fe7rzfi90q] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    background: #f3f4f6;
    color: #6b7280;
    border: 1.5px solid #d1d5db;
    padding: 0.58rem 1.1rem;
    border-radius: 9px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.rs-btn-clear:hover[b-fe7rzfi90q] {
    background: #e5e7eb;
    border-color: #9ca3af;
    color: #374151;
}

/* ── ALERT ── */
.rs-alert-error[b-fe7rzfi90q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    border-radius: 12px;
    padding: 0.85rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.rs-alert-close[b-fe7rzfi90q] {
    margin-left: auto;
    background: none;
    border: none;
    color: #dc2626;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0.2rem 0.4rem;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.rs-alert-close:hover[b-fe7rzfi90q] { opacity: 1; }

/* ── STATS BAR ── */
.rs-stats-bar[b-fe7rzfi90q] {
    display: flex;
    align-items: center;
    gap: 0;
    background: #ffffff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    padding: 0.85rem 1.75rem;
    box-shadow: 0 2px 8px rgba(16, 95, 148, 0.06);
}

.rs-stat-item[b-fe7rzfi90q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rs-stat-value[b-fe7rzfi90q] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1169a0;
    line-height: 1;
}

.rs-stat-value.rs-stat-green[b-fe7rzfi90q] { color: #059669; }
.rs-stat-value.rs-stat-gray[b-fe7rzfi90q]  { color: #9ca3af; }

.rs-stat-label[b-fe7rzfi90q] {
    font-size: 0.78rem;
    color: #6b7280;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.rs-stat-divider[b-fe7rzfi90q] {
    width: 1px;
    height: 32px;
    background: #e5e9f0;
    margin: 0 1.5rem;
}

/* ── GRID CARD ── */
.rs-grid-card[b-fe7rzfi90q] {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e5e9f0;
    box-shadow: 0 2px 12px rgba(16, 95, 148, 0.07);
    overflow: hidden;
}

/* ── LOADING ── */
.rs-loading[b-fe7rzfi90q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: #6b7280;
    font-size: 0.9rem;
}

.rs-spinner[b-fe7rzfi90q] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e9f0;
    border-top-color: #1169a0;
    border-radius: 50%;
    animation: rs-spin-b-fe7rzfi90q 0.75s linear infinite;
}

@keyframes rs-spin-b-fe7rzfi90q {
    to { transform: rotate(360deg); }
}

/* ── BADGES ── */
.rs-badge-active[b-fe7rzfi90q],
.rs-badge-passive[b-fe7rzfi90q] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.7rem;
    border-radius: 20px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.rs-badge-active[b-fe7rzfi90q] {
    background: #d1fae5;
    color: #065f46;
}

.rs-badge-passive[b-fe7rzfi90q] {
    background: #f3f4f6;
    color: #6b7280;
}

/* ── ACTION BUTTONS ── */
.rs-action-btns[b-fe7rzfi90q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.rs-btn-edit[b-fe7rzfi90q],
.rs-btn-delete[b-fe7rzfi90q] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.18s ease;
}

.rs-btn-edit[b-fe7rzfi90q] {
    background: #eff6ff;
    color: #1169a0;
}

.rs-btn-edit:hover[b-fe7rzfi90q] {
    background: #1169a0;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(16, 95, 148, 0.35);
}

.rs-btn-delete[b-fe7rzfi90q] {
    background: #fef2f2;
    color: #dc2626;
}

.rs-btn-delete:hover[b-fe7rzfi90q] {
    background: #dc2626;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(220, 38, 38, 0.35);
}

/* ── DELETE MODAL ── */
.rs-modal-overlay[b-fe7rzfi90q] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: rs-fadeOverlay-b-fe7rzfi90q 0.2s ease;
}

@keyframes rs-fadeOverlay-b-fe7rzfi90q {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.rs-modal[b-fe7rzfi90q] {
    background: #fff;
    border-radius: 18px;
    padding: 2rem 2.25rem;
    width: 100%;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    animation: rs-slideModal-b-fe7rzfi90q 0.25s cubic-bezier(0.34,1.56,0.64,1);
}

@keyframes rs-slideModal-b-fe7rzfi90q {
    from { opacity: 0; transform: scale(0.85) translateY(16px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.rs-modal-icon[b-fe7rzfi90q] { margin-bottom: 1rem; }

.rs-modal-title[b-fe7rzfi90q] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem;
}

.rs-modal-msg[b-fe7rzfi90q] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1.75rem;
    line-height: 1.6;
}

.rs-modal-actions[b-fe7rzfi90q] {
    display: flex;
    gap: 0.75rem;
}

.rs-modal-cancel[b-fe7rzfi90q],
.rs-modal-confirm[b-fe7rzfi90q] {
    flex: 1;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.rs-modal-cancel[b-fe7rzfi90q] {
    background: #f9fafb;
    border: 1.5px solid #d1d5db;
    color: #374151;
}

.rs-modal-cancel:hover[b-fe7rzfi90q] {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.rs-modal-confirm[b-fe7rzfi90q] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    border: none;
    color: #fff;
    box-shadow: 0 4px 12px rgba(231,76,60,0.35);
}

.rs-modal-confirm:hover[b-fe7rzfi90q] {
    background: linear-gradient(135deg, #c0392b, #a93226);
    box-shadow: 0 6px 16px rgba(231,76,60,0.45);
    transform: translateY(-1px);
}

/* ── SYNCFUSION GRID OVERRIDES ── */
[b-fe7rzfi90q] .e-grid {
    border: none !important;
    border-radius: 0 !important;
    font-family: inherit !important;
    font-size: 0.85rem !important;
}

[b-fe7rzfi90q] .e-grid .e-headercell {
    background: #f4f7fb !important;
    color: #1169a0 !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    border-bottom: 2px solid #dbeafe !important;
}

[b-fe7rzfi90q] .e-grid .e-rowcell {
    padding: 0.6rem 0.9rem !important;
    color: #374151 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    vertical-align: middle !important;
}

[b-fe7rzfi90q] .e-grid .e-row:hover .e-rowcell {
    background: #eff6ff !important;
}

[b-fe7rzfi90q] .e-grid .e-altrow .e-rowcell {
    background: #fafbfc !important;
}

[b-fe7rzfi90q] .e-grid .e-altrow:hover .e-rowcell {
    background: #eff6ff !important;
}

[b-fe7rzfi90q] .e-grid .e-pager {
    background: #f9fafb !important;
    border-top: 1px solid #e5e9f0 !important;
    color: #4b5563 !important;
}

[b-fe7rzfi90q] .e-grid .e-pager .e-currentitem {
    background: #1169a0 !important;
    color: #fff !important;
    border-radius: 6px !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .rs-page-wrapper[b-fe7rzfi90q] {
        padding: 1rem;
    }

    .rs-page-header[b-fe7rzfi90q] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .rs-btn-new[b-fe7rzfi90q] {
        width: 100%;
        justify-content: center;
    }

    .rs-filter-body[b-fe7rzfi90q] {
        flex-direction: column;
    }

    .rs-filter-field[b-fe7rzfi90q] { min-width: 100%; }

    .rs-filter-actions[b-fe7rzfi90q] {
        width: 100%;
    }

    .rs-btn-filter[b-fe7rzfi90q], .rs-btn-clear[b-fe7rzfi90q] {
        flex: 1;
        justify-content: center;
    }

    .rs-stats-bar[b-fe7rzfi90q] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .rs-stat-divider[b-fe7rzfi90q] { display: none; }
}
/* /Components/Pages/TeleTip/PACSYonetimi.razor.rz.scp.css */
/* ── PAGE WRAPPER ─────────────────────────────── */
.pd-page-wrapper[b-egkwodknry] {
    padding: 1.5rem 1.75rem;
    max-width: 1600px;
}

/* ── PAGE HEADER ──────────────────────────────── */
.pd-page-header[b-egkwodknry] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1169a0 0%, #1a7ab8 55%, #1a8fd1 100%);
    border-radius: 14px;
    padding: 1.35rem 1.75rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 4px 18px rgba(17,105,160,.22);
}

.pd-header-content[b-egkwodknry] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.pd-header-icon[b-egkwodknry] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #fff;
    flex-shrink: 0;
}

.pd-page-title[b-egkwodknry] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.pd-page-subtitle[b-egkwodknry] {
    font-size: .82rem;
    color: rgba(255,255,255,.78);
    margin: 0;
}

.pd-btn-new[b-egkwodknry] {
    display: flex;
    align-items: center;
    gap: .45rem;
    background: rgba(255,255,255,.18);
    color: #fff;
    border: 1.5px solid rgba(255,255,255,.45);
    border-radius: 9px;
    padding: .55rem 1.15rem;
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s, transform .15s;
    white-space: nowrap;
}

.pd-btn-new:hover[b-egkwodknry] {
    background: rgba(255,255,255,.28);
    transform: translateY(-1px);
}

/* ── ALERTS ───────────────────────────────────── */
.pd-alert[b-egkwodknry] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .75rem 1rem;
    border-radius: 10px;
    font-size: .87rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.pd-alert-success[b-egkwodknry] {
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    color: #065f46;
}

.pd-alert-error[b-egkwodknry] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.pd-alert span[b-egkwodknry] { flex: 1; }

.pd-alert-close[b-egkwodknry] {
    border: none;
    background: transparent;
    cursor: pointer;
    color: inherit;
    opacity: .65;
    padding: 0 .25rem;
    line-height: 1;
    font-size: .85rem;
}

.pd-alert-close:hover[b-egkwodknry] { opacity: 1; }

/* ── FILTER CARD ──────────────────────────────── */
.pd-filter-card[b-egkwodknry] {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.pd-filter-title[b-egkwodknry] {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #1169a0;
    margin-bottom: .75rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.pd-filter-body[b-egkwodknry] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: flex-end;
}

.pd-filter-field[b-egkwodknry] { display: flex; flex-direction: column; gap: .3rem; min-width: 160px; }
.pd-ff-grow[b-egkwodknry] { flex: 1 1 220px; }

/* ── LABELS ───────────────────────────────────── */
.pd-label[b-egkwodknry] {
    font-size: .78rem;
    font-weight: 600;
    color: #374151;
    margin: 0;
}

.pd-req[b-egkwodknry] { color: #e74c3c; margin-left: 2px; }

/* ── INPUTS ───────────────────────────────────── */
.pd-input-wrap[b-egkwodknry] {
    position: relative;
    display: flex;
    align-items: center;
}

.pd-input-icon[b-egkwodknry] {
    position: absolute;
    left: .7rem;
    color: #9ca3af;
    font-size: .88rem;
    pointer-events: none;
}

.pd-input[b-egkwodknry] {
    width: 100%;
    height: 36px;
    padding: 0 .75rem 0 2.1rem;
    border: 1.5px solid #d1d5db;
    border-radius: 8px;
    font-size: .85rem;
    background: #f9fafb;
    color: #111827;
    transition: border-color .18s, box-shadow .18s;
    outline: none;
}

.pd-input:focus[b-egkwodknry] {
    border-color: #1169a0;
    box-shadow: 0 0 0 3px rgba(17,105,160,.1);
    background: #fff;
}

.pd-uppercase[b-egkwodknry] { text-transform: uppercase; }

/* ── CUSTOM SELECT ────────────────────────────── */
.pd-custom-select[b-egkwodknry] { position: relative; min-width: 145px; }

.pd-cs-trigger[b-egkwodknry] {
    width: 100%;
    height: 36px;
    padding: 0 .75rem;
    border: 1.5px solid #d1d5db;
    border-radius: 8px;
    background: #f9fafb;
    font-size: .85rem;
    color: #111827;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .5rem;
    transition: border-color .18s;
}

.pd-custom-select.pd-cs-open .pd-cs-trigger[b-egkwodknry],
.pd-cs-trigger:hover[b-egkwodknry] { border-color: #1169a0; }

.pd-cs-chevron[b-egkwodknry] {
    margin-left: auto;
    font-size: .75rem;
    color: #6b7280;
    transition: transform .2s;
}

.pd-custom-select.pd-cs-open .pd-cs-chevron[b-egkwodknry] { transform: rotate(-180deg); }

.pd-cs-overlay[b-egkwodknry] {
    position: fixed;
    inset: 0;
    z-index: 1000;
}

.pd-cs-list[b-egkwodknry] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 100%;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1.5px solid #e5e9f0;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    z-index: 1001;
    animation: pdDropIn-b-egkwodknry .15s ease;
}

@keyframes pdDropIn-b-egkwodknry {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.pd-cs-item[b-egkwodknry] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .52rem .9rem;
    border: none;
    background: transparent;
    font-size: .84rem;
    color: #374151;
    cursor: pointer;
    text-align: left;
    transition: background .14s;
}

.pd-cs-item:hover[b-egkwodknry] { background: #f0f4fa; color: #1169a0; }
.pd-cs-item.pd-cs-active[b-egkwodknry] { background: #eff6ff; color: #1169a0; font-weight: 600; }

/* Status dots */
.pd-cs-dot[b-egkwodknry] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
}

.pd-dot-green[b-egkwodknry] { background: #22c55e; }
.pd-dot-gray[b-egkwodknry]  { background: #9ca3af; }
.pd-dot-all[b-egkwodknry]   { background: linear-gradient(135deg, #22c55e 50%, #9ca3af 50%); }

/* ── FILTER ACTIONS ───────────────────────────── */
.pd-filter-actions[b-egkwodknry] {
    display: flex;
    gap: .5rem;
    align-items: flex-end;
}

.pd-btn-clear[b-egkwodknry] {
    height: 36px;
    padding: 0 1rem;
    border: 1.5px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    color: #6b7280;
    font-size: .84rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
    transition: all .18s;
}

.pd-btn-clear:hover[b-egkwodknry] { border-color: #e74c3c; color: #e74c3c; background: #fef2f2; }

/* ── STATS BAR ────────────────────────────────── */
.pd-stats-bar[b-egkwodknry] {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    padding: .75rem 1.5rem;
    margin-bottom: 1rem;
    gap: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.pd-stat-item[b-egkwodknry] { display: flex; flex-direction: column; align-items: center; gap: .1rem; }
.pd-stat-value[b-egkwodknry] { font-size: 1.35rem; font-weight: 700; color: #111827; line-height: 1.1; }
.pd-stat-label[b-egkwodknry] { font-size: .72rem; color: #6b7280; font-weight: 500; }
.pd-stat-green[b-egkwodknry] { color: #16a34a; }
.pd-stat-gray[b-egkwodknry]  { color: #6b7280; }
.pd-stat-blue[b-egkwodknry]  { color: #1169a0; }
.pd-stat-divider[b-egkwodknry] { width: 1px; height: 36px; background: #e5e9f0; }

/* ── GRID CARD ────────────────────────────────── */
.pd-grid-card[b-egkwodknry] {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    overflow: clip;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
}

/* ── GRID INTERNALS ───────────────────────────── */
.pd-badge-active[b-egkwodknry] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .65rem;
    border-radius: 99px;
    font-size: .74rem;
    font-weight: 700;
    background: #dcfce7;
    color: #15803d;
    letter-spacing: .02em;
}

.pd-badge-passive[b-egkwodknry] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .65rem;
    border-radius: 99px;
    font-size: .74rem;
    font-weight: 700;
    background: #f3f4f6;
    color: #6b7280;
    letter-spacing: .02em;
}

.pd-tip-badge[b-egkwodknry] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    border-radius: 6px;
    font-size: .74rem;
    font-weight: 700;
    background: #eff6ff;
    color: #1169a0;
    letter-spacing: .04em;
}

.pd-btn-edit[b-egkwodknry] {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1.5px solid #bfdbfe;
    background: #eff6ff;
    color: #1169a0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .82rem;
    transition: all .15s;
}

.pd-btn-edit:hover[b-egkwodknry] {
    background: #1169a0;
    color: #fff;
    border-color: #1169a0;
    transform: scale(1.08);
}

/* ── MODAL ────────────────────────────────────── */
.pd-modal-overlay[b-egkwodknry] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(3px);
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: pdFadeIn-b-egkwodknry .2s ease;
}

@keyframes pdFadeIn-b-egkwodknry {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.pd-modal[b-egkwodknry] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    animation: pdSlideIn-b-egkwodknry .22s ease;
    overflow: hidden;
}

@keyframes pdSlideIn-b-egkwodknry {
    from { opacity: 0; transform: translateY(-16px) scale(.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.pd-modal-lg[b-egkwodknry] { width: min(720px, 96vw); }
.pd-modal-sm[b-egkwodknry] { width: min(420px, 96vw); text-align: center; padding: 2rem; }

.pd-modal-header[b-egkwodknry] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #1169a0 0%, #1a8fd1 100%);
    border-radius: 16px 16px 0 0;
    flex-shrink: 0;
}

.pd-modal-header-icon[b-egkwodknry] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: #fff;
    flex-shrink: 0;
}

.pd-modal-title[b-egkwodknry] {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.pd-modal-subtitle[b-egkwodknry] {
    font-size: .78rem;
    color: rgba(255,255,255,.78);
    margin: 0;
}

.pd-modal-x[b-egkwodknry] {
    margin-left: auto;
    background: rgba(255,255,255,.18);
    border: none;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    transition: background .15s;
    flex-shrink: 0;
}

.pd-modal-x:hover[b-egkwodknry] { background: rgba(255,255,255,.32); }

.pd-modal-body[b-egkwodknry] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

/* ── FORM ROWS ────────────────────────────────── */
.pd-form-row[b-egkwodknry] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.pd-form-group[b-egkwodknry] { display: flex; flex-direction: column; gap: .3rem; flex: 1; }
.pd-fg-full[b-egkwodknry]    { flex-basis: 100%; }

/* ── MODAL FOOTER ─────────────────────────────── */
.pd-modal-footer[b-egkwodknry] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #f1f5f9;
    flex-shrink: 0;
}

.pd-modal-cancel[b-egkwodknry] {
    padding: .55rem 1.25rem;
    border: 1.5px solid #d1d5db;
    border-radius: 9px;
    background: #fff;
    color: #374151;
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s;
}

.pd-modal-cancel:hover[b-egkwodknry] { border-color: #9ca3af; background: #f9fafb; }

.pd-modal-confirm[b-egkwodknry] {
    padding: .55rem 1.4rem;
    border: none;
    border-radius: 9px;
    background: linear-gradient(135deg, #1169a0, #1a8fd1);
    color: #fff;
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .45rem;
    transition: opacity .15s, transform .15s;
}

.pd-modal-confirm:hover:not(:disabled)[b-egkwodknry] { opacity: .9; transform: translateY(-1px); }
.pd-modal-confirm:disabled[b-egkwodknry] { opacity: .6; cursor: not-allowed; }

/* ── TOGGLE ───────────────────────────────────── */
.pd-toggle-label[b-egkwodknry] {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    cursor: pointer;
    user-select: none;
}

.pd-toggle-input[b-egkwodknry] { display: none; }

.pd-toggle-track[b-egkwodknry] {
    width: 44px;
    height: 24px;
    border-radius: 99px;
    background: #d1d5db;
    position: relative;
    transition: background .2s;
    flex-shrink: 0;
}

.pd-toggle-input:checked + .pd-toggle-track[b-egkwodknry] { background: #1169a0; }

.pd-toggle-thumb[b-egkwodknry] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    transition: transform .2s;
}

.pd-toggle-input:checked + .pd-toggle-track .pd-toggle-thumb[b-egkwodknry] { transform: translateX(20px); }

.pd-toggle-text[b-egkwodknry] { font-size: .85rem; font-weight: 600; color: #374151; }

/* ── SPINNER ──────────────────────────────────── */
.pd-btn-spinner[b-egkwodknry] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    border-radius: 50%;
    display: inline-block;
    animation: pdSpin-b-egkwodknry .6s linear infinite;
}

@keyframes pdSpin-b-egkwodknry { to { transform: rotate(360deg); } }
/* /Components/Pages/TeleTip/TeleTipAyarlari.razor.rz.scp.css */
/* ============================================================ */
/* TELETIP AYARLARI – Modern & Professional UI                */
/* ============================================================ */

.ta-page-wrapper[b-z38q1zlxy3] {
    padding: 1.75rem 2rem;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── PAGE HEADER ── */
.ta-page-header[b-z38q1zlxy3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1169a0 0%, #1a7ab8 50%, #1a8fd1 100%);
    border-radius: 16px;
    padding: 1.5rem 2rem;
    color: #fff;
    box-shadow: 0 4px 20px rgba(16, 95, 148, 0.35);
    position: relative;
    overflow: hidden;
}

.ta-page-header[b-z38q1zlxy3]::after {
    content: '';
    position: absolute;
    top: -45px; right: -45px;
    width: 190px; height: 190px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    pointer-events: none;
}

.ta-header-content[b-z38q1zlxy3] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ta-header-icon[b-z38q1zlxy3] {
    width: 52px; height: 52px;
    background: rgba(255,255,255,0.18);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.ta-page-title[b-z38q1zlxy3] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.ta-page-subtitle[b-z38q1zlxy3] {
    margin: 0.2rem 0 0;
    font-size: 0.82rem;
    opacity: 0.8;
}

/* ── SAVE BUTTON ── */
.ta-btn-save[b-z38q1zlxy3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff;
    border: none;
    color: #1169a0;
    padding: 0.6rem 1.5rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    white-space: nowrap;
}

.ta-btn-save:hover:not(:disabled)[b-z38q1zlxy3] {
    background: #f0f7ff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.2);
}

.ta-btn-save:disabled[b-z38q1zlxy3] {
    opacity: 0.65;
    cursor: not-allowed;
}

.ta-btn-spinner[b-z38q1zlxy3] {
    width: 16px; height: 16px;
    border: 2px solid #1169a0;
    border-top-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: ta-spin-b-z38q1zlxy3 0.65s linear infinite;
}

@keyframes ta-spin-b-z38q1zlxy3 { to { transform: rotate(360deg); } }

/* ── ALERTS ── */
.ta-alert[b-z38q1zlxy3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 12px;
    padding: 0.85rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.ta-alert-success[b-z38q1zlxy3] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
}

.ta-alert-error[b-z38q1zlxy3] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

.ta-alert-close[b-z38q1zlxy3] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.85rem;
    opacity: 0.65;
    transition: opacity 0.15s;
    color: inherit;
    padding: 0.2rem 0.4rem;
}

.ta-alert-close:hover[b-z38q1zlxy3] { opacity: 1; }

/* ── CARDS ── */
.ta-card[b-z38q1zlxy3] {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e5e9f0;
    box-shadow: 0 2px 12px rgba(16, 95, 148, 0.07);
    overflow: hidden;
}

.ta-card-header[b-z38q1zlxy3] {
    background: #f4f7fb;
    padding: 0.75rem 1.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #1169a0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    border-bottom: 1px solid #e5e9f0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ta-card-body[b-z38q1zlxy3] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── SECTION DIVIDER ── */
.ta-section-divider[b-z38q1zlxy3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.25rem 0;
}

.ta-section-divider[b-z38q1zlxy3]::before,
.ta-section-divider[b-z38q1zlxy3]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e5e9f0;
}

.ta-section-divider span[b-z38q1zlxy3] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/* ── FORM ROW / GROUP ── */
.ta-form-row[b-z38q1zlxy3] {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.ta-form-group[b-z38q1zlxy3] {
    flex: 1;
    min-width: 200px;
}

.ta-fg-full[b-z38q1zlxy3] {
    flex: 100% !important;
    min-width: 100% !important;
}

.ta-label[b-z38q1zlxy3] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: #4b5563;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
    letter-spacing: 0.45px;
}

/* ── INPUT WRAPPER ── */
.ta-input-wrap[b-z38q1zlxy3] {
    position: relative;
    display: flex;
    align-items: center;
}

.ta-input-icon[b-z38q1zlxy3] {
    position: absolute;
    left: 0.85rem;
    color: #9ca3af;
    font-size: 0.9rem;
    pointer-events: none;
    z-index: 2;
    transition: color 0.2s;
}

/* ── SYNCFUSION TEXTBOX OVERRIDE ── */
[b-z38q1zlxy3] .ta-sf-input.e-control-wrapper,
[b-z38q1zlxy3] .ta-sf-input.e-input-group {
    border: 1.5px solid #d1d5db !important;
    border-radius: 9px !important;
    background: #f9fafb !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important;
}

[b-z38q1zlxy3] .ta-sf-input.e-input-group::before,
[b-z38q1zlxy3] .ta-sf-input.e-input-group::after,
[b-z38q1zlxy3] .ta-sf-input.e-control-wrapper::before,
[b-z38q1zlxy3] .ta-sf-input.e-control-wrapper::after {
    display: none !important;
}

[b-z38q1zlxy3] .ta-sf-input.e-input-group:hover,
[b-z38q1zlxy3] .ta-sf-input.e-control-wrapper:hover {
    border-color: #93c5fd !important;
}

[b-z38q1zlxy3] .ta-sf-input.e-input-group.e-input-focus,
[b-z38q1zlxy3] .ta-sf-input.e-control-wrapper.e-input-focus {
    border-color: #1169a0 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(17,105,160,0.12) !important;
}

[b-z38q1zlxy3] .ta-sf-input input.e-input,
[b-z38q1zlxy3] .ta-sf-input.e-input {
    height: 38px !important;
    line-height: 38px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #1f2937 !important;
    background: transparent !important;
    padding: 0 0.85rem 0 2.3rem !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

[b-z38q1zlxy3] .ta-sf-input input.e-input::placeholder {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

[b-z38q1zlxy3] .ta-sf-input .e-clear-icon {
    color: #9ca3af !important;
    font-size: 0.75rem !important;
    padding-right: 0.5rem !important;
}

/* ── DICOM PATH ROW ── */
.ta-dicom-path-row[b-z38q1zlxy3] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.ta-btn-folder[b-z38q1zlxy3] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    background: #f4f7fb;
    border: 1.5px solid #d1d5db;
    color: #374151;
    padding: 0 1.1rem;
    height: 40px;
    border-radius: 9px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
}

.ta-btn-folder:hover[b-z38q1zlxy3] {
    background: #e8f0f9;
    border-color: #1169a0;
    color: #1169a0;
}

/* ── HINT TEXT ── */
.ta-hint[b-z38q1zlxy3] {
    margin: 0.5rem 0 0;
    font-size: 0.78rem;
    color: #6b7280;
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    line-height: 1.5;
}

.ta-hint i[b-z38q1zlxy3] { margin-top: 2px; flex-shrink: 0; }

/* ── FOOTER BAR ── */
.ta-footer-bar[b-z38q1zlxy3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f4f7fb;
    border: 1px solid #e5e9f0;
    border-radius: 12px;
    padding: 0.85rem 1.25rem;
}

.ta-footer-hint[b-z38q1zlxy3] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ta-footer-bar .ta-btn-save[b-z38q1zlxy3] {
    background: linear-gradient(135deg, #1169a0, #1a7ab8);
    color: #fff;
    box-shadow: 0 3px 10px rgba(16, 95, 148, 0.3);
}

.ta-footer-bar .ta-btn-save:hover:not(:disabled)[b-z38q1zlxy3] {
    background: linear-gradient(135deg, #0d5a8f, #1169a0);
    box-shadow: 0 5px 14px rgba(16, 95, 148, 0.4);
}

.ta-footer-bar .ta-btn-spinner[b-z38q1zlxy3] {
    border-color: #fff;
    border-top-color: transparent;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .ta-page-wrapper[b-z38q1zlxy3] { padding: 1rem; }

    .ta-page-header[b-z38q1zlxy3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .ta-btn-save[b-z38q1zlxy3] { width: 100%; justify-content: center; }

    .ta-form-row[b-z38q1zlxy3] { flex-direction: column; }
    .ta-form-group[b-z38q1zlxy3] { min-width: 100%; }

    .ta-dicom-path-row[b-z38q1zlxy3] { flex-direction: column; align-items: stretch; }
    .ta-btn-folder[b-z38q1zlxy3] { justify-content: center; }

    .ta-footer-bar[b-z38q1zlxy3] {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }

    .ta-footer-bar .ta-btn-save[b-z38q1zlxy3] { width: 100%; justify-content: center; }
}
/* /Components/Shared/LabelComponent.razor.rz.scp.css */
.text-color[b-mtzrucb5gj] {
    color: #6C757D !important;
}


.label-inp[b-mtzrucb5gj] {
    background-color: #F0F2F5;
    color: #6C757D;
    justify-content: center;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    align-content: center;
    height: auto
}

.label-alignment[b-mtzrucb5gj] {
    align-content: center;
}

/*.label-inp {
    color: #3D426B;
    justify-content: center;
    font-weight: bold;
    width: 100%;
    align-content: center;
    height: auto
}
*/
/* /Components/Shared/LoadingSpinner.razor.rz.scp.css */
/* Full Screen Loading Overlay */
.loading-fullscreen[b-mytlcafweq] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    animation: fadeIn-b-mytlcafweq 0.2s ease-out;
}

@keyframes fadeIn-b-mytlcafweq {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Spinner Container Sizes */
.loading-spinner-container[b-mytlcafweq] {
    z-index: 50;
}

.loading-sm[b-mytlcafweq] {
    width: 1.5rem;
    height: 1.5rem;
}

.loading-md[b-mytlcafweq] {
    width: 2rem;
    height: 2rem;
}

.loading-lg[b-mytlcafweq] {
    width: 4rem;
    height: 4rem;
}

/* SVG Styles */
.loading-spinner-svg[b-mytlcafweq] {
    width: 100%;
    height: 100%;
    color: #105f94;
}

.box5631[b-mytlcafweq] {
    transform-origin: 50% 50%;
    fill: currentColor;
}

/* Box Animations */
.box5631:nth-child(1)[b-mytlcafweq] {
    animation: moveBox5631-1-b-mytlcafweq 4s infinite;
}

@keyframes moveBox5631-1-b-mytlcafweq {
    9.0909090909% { transform: translate(-12px, 0); }
    18.1818181818% { transform: translate(0px, 0); }
    27.2727272727% { transform: translate(0px, 0); }
    36.3636363636% { transform: translate(12px, 0); }
    45.4545454545% { transform: translate(12px, 12px); }
    54.5454545455% { transform: translate(12px, 12px); }
    63.6363636364% { transform: translate(12px, 12px); }
    72.7272727273% { transform: translate(12px, 0px); }
    81.8181818182% { transform: translate(0px, 0px); }
    90.9090909091% { transform: translate(-12px, 0px); }
    100% { transform: translate(0px, 0px); }
}

.box5631:nth-child(2)[b-mytlcafweq] {
    animation: moveBox5631-2-b-mytlcafweq 4s infinite;
}

@keyframes moveBox5631-2-b-mytlcafweq {
    9.0909090909% { transform: translate(0, 0); }
    18.1818181818% { transform: translate(12px, 0); }
    27.2727272727% { transform: translate(0px, 0); }
    36.3636363636% { transform: translate(12px, 0); }
    45.4545454545% { transform: translate(12px, 12px); }
    54.5454545455% { transform: translate(12px, 12px); }
    63.6363636364% { transform: translate(12px, 12px); }
    72.7272727273% { transform: translate(12px, 12px); }
    81.8181818182% { transform: translate(0px, 12px); }
    90.9090909091% { transform: translate(0px, 12px); }
    100% { transform: translate(0px, 0px); }
}

.box5631:nth-child(3)[b-mytlcafweq] {
    animation: moveBox5631-3-b-mytlcafweq 4s infinite;
}

@keyframes moveBox5631-3-b-mytlcafweq {
    9.0909090909% { transform: translate(-12px, 0); }
    18.1818181818% { transform: translate(-12px, 0); }
    27.2727272727% { transform: translate(0px, 0); }
    36.3636363636% { transform: translate(-12px, 0); }
    45.4545454545% { transform: translate(-12px, 0); }
    54.5454545455% { transform: translate(-12px, 0); }
    63.6363636364% { transform: translate(-12px, 0); }
    72.7272727273% { transform: translate(-12px, 0); }
    81.8181818182% { transform: translate(-12px, -12px); }
    90.9090909091% { transform: translate(0px, -12px); }
    100% { transform: translate(0px, 0px); }
}

.box5631:nth-child(4)[b-mytlcafweq] {
    animation: moveBox5631-4-b-mytlcafweq 4s infinite;
}

@keyframes moveBox5631-4-b-mytlcafweq {
    9.0909090909% { transform: translate(-12px, 0); }
    18.1818181818% { transform: translate(-12px, 0); }
    27.2727272727% { transform: translate(-12px, -12px); }
    36.3636363636% { transform: translate(0px, -12px); }
    45.4545454545% { transform: translate(0px, 0px); }
    54.5454545455% { transform: translate(0px, -12px); }
    63.6363636364% { transform: translate(0px, -12px); }
    72.7272727273% { transform: translate(0px, -12px); }
    81.8181818182% { transform: translate(-12px, -12px); }
    90.9090909091% { transform: translate(-12px, 0px); }
    100% { transform: translate(0px, 0px); }
}

.box5631:nth-child(5)[b-mytlcafweq] {
    animation: moveBox5631-5-b-mytlcafweq 4s infinite;
}

@keyframes moveBox5631-5-b-mytlcafweq {
    9.0909090909% { transform: translate(0, 0); }
    18.1818181818% { transform: translate(0, 0); }
    27.2727272727% { transform: translate(0, 0); }
    36.3636363636% { transform: translate(12px, 0); }
    45.4545454545% { transform: translate(12px, 0); }
    54.5454545455% { transform: translate(12px, 0); }
    63.6363636364% { transform: translate(12px, 0); }
    72.7272727273% { transform: translate(12px, 0); }
    81.8181818182% { transform: translate(12px, -12px); }
    90.9090909091% { transform: translate(0px, -12px); }
    100% { transform: translate(0px, 0px); }
}

.box5631:nth-child(6)[b-mytlcafweq] {
    animation: moveBox5631-6-b-mytlcafweq 4s infinite;
}

@keyframes moveBox5631-6-b-mytlcafweq {
    9.0909090909% { transform: translate(0, 0); }
    18.1818181818% { transform: translate(-12px, 0); }
    27.2727272727% { transform: translate(-12px, 0); }
    36.3636363636% { transform: translate(0px, 0); }
    45.4545454545% { transform: translate(0px, 0); }
    54.5454545455% { transform: translate(0px, 0); }
    63.6363636364% { transform: translate(0px, 0); }
    72.7272727273% { transform: translate(0px, 12px); }
    81.8181818182% { transform: translate(-12px, 12px); }
    90.9090909091% { transform: translate(-12px, 0px); }
    100% { transform: translate(0px, 0px); }
}

.box5631:nth-child(7)[b-mytlcafweq] {
    animation: moveBox5631-7-b-mytlcafweq 4s infinite;
}

@keyframes moveBox5631-7-b-mytlcafweq {
    9.0909090909% { transform: translate(12px, 0); }
    18.1818181818% { transform: translate(12px, 0); }
    27.2727272727% { transform: translate(12px, 0); }
    36.3636363636% { transform: translate(0px, 0); }
    45.4545454545% { transform: translate(0px, -12px); }
    54.5454545455% { transform: translate(12px, -12px); }
    63.6363636364% { transform: translate(0px, -12px); }
    72.7272727273% { transform: translate(0px, -12px); }
    81.8181818182% { transform: translate(0px, 0px); }
    90.9090909091% { transform: translate(12px, 0px); }
    100% { transform: translate(0px, 0px); }
}

.box5631:nth-child(8)[b-mytlcafweq] {
    animation: moveBox5631-8-b-mytlcafweq 4s infinite;
}

@keyframes moveBox5631-8-b-mytlcafweq {
    9.0909090909% { transform: translate(0, 0); }
    18.1818181818% { transform: translate(-12px, 0); }
    27.2727272727% { transform: translate(-12px, -12px); }
    36.3636363636% { transform: translate(0px, -12px); }
    45.4545454545% { transform: translate(0px, -12px); }
    54.5454545455% { transform: translate(0px, -12px); }
    63.6363636364% { transform: translate(0px, -12px); }
    72.7272727273% { transform: translate(0px, -12px); }
    81.8181818182% { transform: translate(12px, -12px); }
    90.9090909091% { transform: translate(12px, 0px); }
    100% { transform: translate(0px, 0px); }
}

.box5631:nth-child(9)[b-mytlcafweq] {
    animation: moveBox5631-9-b-mytlcafweq 4s infinite;
}

@keyframes moveBox5631-9-b-mytlcafweq {
    9.0909090909% { transform: translate(-12px, 0); }
    18.1818181818% { transform: translate(-12px, 0); }
    27.2727272727% { transform: translate(0px, 0); }
    36.3636363636% { transform: translate(-12px, 0); }
    45.4545454545% { transform: translate(0px, 0); }
    54.5454545455% { transform: translate(0px, 0); }
    63.6363636364% { transform: translate(-12px, 0); }
    72.7272727273% { transform: translate(-12px, 0); }
    81.8181818182% { transform: translate(-24px, 0); }
    90.9090909091% { transform: translate(-12px, 0); }
    100% { transform: translate(0px, 0); }
}
/* /Components/UI/ModernButton.razor.rz.scp.css */
/* ============================================ */
/* Modern Button Component Styles */
/* ============================================ */

.modern-btn[b-c77fjh916r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 600;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.modern-btn[b-c77fjh916r]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.modern-btn:active[b-c77fjh916r]::before {
    width: 300px;
    height: 300px;
}

.modern-btn-icon[b-c77fjh916r] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
}

.modern-btn-text[b-c77fjh916r] {
    position: relative;
    z-index: 1;
}

/* Size Variants */
.modern-btn.size-sm[b-c77fjh916r] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    border-radius: 10px;
}

.modern-btn.size-md[b-c77fjh916r] {
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
}

.modern-btn.size-lg[b-c77fjh916r] {
    padding: 1rem 2rem;
    font-size: 1.05rem;
    border-radius: 14px;
}

/* Color Variants */
.modern-btn.variant-primary[b-c77fjh916r] {
    background: linear-gradient(135deg, #1a7ab8 0%, #105f94 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(26, 122, 184, 0.3);
}

.modern-btn.variant-primary:hover:not(.disabled)[b-c77fjh916r] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(26, 122, 184, 0.4);
}

.modern-btn.variant-primary:active:not(.disabled)[b-c77fjh916r] {
    transform: translateY(0);
}

.modern-btn.variant-success[b-c77fjh916r] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.modern-btn.variant-success:hover:not(.disabled)[b-c77fjh916r] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}

.modern-btn.variant-danger[b-c77fjh916r] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.modern-btn.variant-danger:hover:not(.disabled)[b-c77fjh916r] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);
}

.modern-btn.variant-warning[b-c77fjh916r] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.modern-btn.variant-warning:hover:not(.disabled)[b-c77fjh916r] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
}

.modern-btn.variant-info[b-c77fjh916r] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.modern-btn.variant-info:hover:not(.disabled)[b-c77fjh916r] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

.modern-btn.variant-secondary[b-c77fjh916r] {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.3);
}

.modern-btn.variant-secondary:hover:not(.disabled)[b-c77fjh916r] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(100, 116, 139, 0.4);
}

.modern-btn.variant-outline[b-c77fjh916r] {
    background: white;
    color: #1a7ab8;
    border: 2px solid #1a7ab8;
    box-shadow: 0 2px 8px rgba(26, 122, 184, 0.15);
}

.modern-btn.variant-outline:hover:not(.disabled)[b-c77fjh916r] {
    background: #1a7ab8;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(26, 122, 184, 0.3);
}

/* Disabled State */
.modern-btn.disabled[b-c77fjh916r] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

/* Loading Spinner */
.modern-btn-spinner[b-c77fjh916r] {
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-c77fjh916r 0.6s linear infinite;
}

@keyframes spin-b-c77fjh916r {
    to {
        transform: rotate(360deg);
    }
}

/* Full Width */
.modern-btn.w-100[b-c77fjh916r] {
    width: 100%;
}

/* Focus State */
.modern-btn:focus-visible[b-c77fjh916r] {
    outline: 3px solid rgba(26, 122, 184, 0.3);
    outline-offset: 2px;
}

/* Animations */
@keyframes buttonPress-b-c77fjh916r {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}

.modern-btn:active:not(.disabled)[b-c77fjh916r] {
    animation: buttonPress-b-c77fjh916r 0.2s ease;
}

/* /Components/UI/ModernCard.razor.rz.scp.css */
/* ============================================ */
/* Modern Card Component Styles */
/* ============================================ */

.modern-card[b-7mgmsd90ex] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow 0.3s ease;
}

/* Header */
.modern-card-header[b-7mgmsd90ex] {
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modern-card-title[b-7mgmsd90ex] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modern-card-title .card-icon[b-7mgmsd90ex] {
    font-size: 1.2em;
}

.modern-card-actions[b-7mgmsd90ex] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Body */
.modern-card-body[b-7mgmsd90ex] {
    padding: 1rem;
    flex: 1;
    overflow: auto;
}

.modern-card-body.no-padding[b-7mgmsd90ex] {
    padding: 0;
}

/* Footer */
.modern-card-footer[b-7mgmsd90ex] {
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

/* Variant Styles */
.modern-card.variant-primary .modern-card-header[b-7mgmsd90ex] {
    background: linear-gradient(135deg, #1a7ab8 0%, #105f94 100%);
    color: white;
    border-bottom-color: transparent;
}

.modern-card.variant-primary .modern-card-title[b-7mgmsd90ex] {
    color: white;
}

.modern-card.variant-success .modern-card-header[b-7mgmsd90ex] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border-bottom-color: transparent;
}

.modern-card.variant-success .modern-card-title[b-7mgmsd90ex] {
    color: white;
}

.modern-card.variant-danger .modern-card-header[b-7mgmsd90ex] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
    border-bottom-color: transparent;
}

.modern-card.variant-danger .modern-card-title[b-7mgmsd90ex] {
    color: white;
}

.modern-card.variant-warning .modern-card-header[b-7mgmsd90ex] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
    border-bottom-color: transparent;
}

.modern-card.variant-warning .modern-card-title[b-7mgmsd90ex] {
    color: white;
}

.modern-card.variant-info .modern-card-header[b-7mgmsd90ex] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    border-bottom-color: transparent;
}

.modern-card.variant-info .modern-card-title[b-7mgmsd90ex] {
    color: white;
}

/* Responsive */
@media (max-width: 768px) {
    .modern-card-header[b-7mgmsd90ex] {
        padding: 0.875rem 1rem;
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }
    
    .modern-card-title[b-7mgmsd90ex] {
        font-size: 0.95rem;
    }
    
    .modern-card-body[b-7mgmsd90ex] {
        padding: 0.875rem;
    }
    
    .modern-card-footer[b-7mgmsd90ex] {
        padding: 0.875rem 1rem;
    }
}

/* Animation */
@keyframes cardSlideIn-b-7mgmsd90ex {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-card[b-7mgmsd90ex] {
    animation: cardSlideIn-b-7mgmsd90ex 0.3s ease;
}

/* /Components/UI/ModernDataTable.razor.rz.scp.css */
/* ============================================ */
/* Modern Data Table Component Styles */
/* ============================================ */

.modern-data-table[b-wxzwq090gz] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.modern-data-table.full-height[b-wxzwq090gz] {
    height: 100%;
}

/* Header */
.modern-data-table-header[b-wxzwq090gz] {
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modern-data-table-title[b-wxzwq090gz] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modern-data-table-title[b-wxzwq090gz]::before {
    content: '';
    width: 4px;
    height: 24px;
    background: linear-gradient(180deg, #1a7ab8 0%, #105f94 100%);
    border-radius: 2px;
}

.modern-data-table-actions[b-wxzwq090gz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Container */
.modern-data-table-container[b-wxzwq090gz] {
    overflow-y: auto;
    overflow-x: auto;
    flex: 1;
    min-height: 0;
}

/* Custom Scrollbar */
.modern-data-table-container[b-wxzwq090gz]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.modern-data-table-container[b-wxzwq090gz]::-webkit-scrollbar-track {
    background: #e0f2fe;
}

.modern-data-table-container[b-wxzwq090gz]::-webkit-scrollbar-thumb {
    background: #7DD3FC;
    border-radius: 4px;
}

.modern-data-table-container[b-wxzwq090gz]::-webkit-scrollbar-thumb:hover {
    background: #38BDF8;
}

/* Table */
.modern-data-table-content[b-wxzwq090gz] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.modern-data-table-content thead[b-wxzwq090gz] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

.modern-data-table-content thead th[b-wxzwq090gz] {
    padding: 1rem 1.25rem;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
}

.modern-data-table-content tbody tr[b-wxzwq090gz] {
    transition: all 0.2s ease;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
}

.modern-data-table-content tbody tr:last-child[b-wxzwq090gz] {
    border-bottom: none;
}

.modern-data-table-content tbody tr.hoverable:hover[b-wxzwq090gz] {
    background: #f0f9ff;
    transform: translateX(4px);
}

.modern-data-table-content tbody tr.selected[b-wxzwq090gz] {
    background: linear-gradient(90deg, #e0f2fe 0%, #f0f9ff 100%);
    border-left: 4px solid #1a7ab8;
}

.modern-data-table-content tbody td[b-wxzwq090gz] {
    padding: 1rem 1.25rem;
    font-size: 0.9rem;
    color: #334155;
    vertical-align: middle;
}

/* Select Column */
.select-column[b-wxzwq090gz] {
    width: 50px;
    text-align: center;
}

.modern-checkbox[b-wxzwq090gz] {
    width: 20px;
    height: 20px;
    border: 2px solid #cbd5e1;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    background: white;
}

.modern-checkbox.checked[b-wxzwq090gz] {
    background: linear-gradient(135deg, #1a7ab8 0%, #105f94 100%);
    border-color: #1a7ab8;
    color: white;
}

.modern-checkbox i[b-wxzwq090gz] {
    font-size: 0.75rem;
}

/* Loading State */
.modern-data-table-loading[b-wxzwq090gz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #64748b;
}

.modern-data-table-loading .spinner[b-wxzwq090gz] {
    width: 48px;
    height: 48px;
    border: 4px solid #e2e8f0;
    border-top-color: #1a7ab8;
    border-radius: 50%;
    animation: spin-b-wxzwq090gz 0.8s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-wxzwq090gz {
    to {
        transform: rotate(360deg);
    }
}

/* Empty State */
.modern-data-table-empty[b-wxzwq090gz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #94a3b8;
    text-align: center;
}

.modern-data-table-empty .empty-icon[b-wxzwq090gz] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.modern-data-table-empty h6[b-wxzwq090gz] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 0.5rem;
}

.modern-data-table-empty p[b-wxzwq090gz] {
    font-size: 0.9rem;
    margin: 0;
}

/* Pagination */
.modern-data-table-pagination[b-wxzwq090gz] {
    padding: 1rem 1.5rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.pagination-btn[b-wxzwq090gz] {
    width: 36px;
    height: 36px;
    border: 2px solid #e2e8f0;
    background: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #64748b;
}

.pagination-btn:hover:not(:disabled)[b-wxzwq090gz] {
    background: #1a7ab8;
    border-color: #1a7ab8;
    color: white;
    transform: scale(1.1);
}

.pagination-btn:disabled[b-wxzwq090gz] {
    opacity: 0.3;
    cursor: not-allowed;
}

.pagination-info[b-wxzwq090gz] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #475569;
    min-width: 120px;
    text-align: center;
}

/* Responsive */
@media (max-width: 768px) {
    .modern-data-table-header[b-wxzwq090gz] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    
    .modern-data-table-actions[b-wxzwq090gz] {
        width: 100%;
        justify-content: flex-start;
    }
    
    .modern-data-table-content thead th[b-wxzwq090gz],
    .modern-data-table-content tbody td[b-wxzwq090gz] {
        padding: 0.75rem 1rem;
        font-size: 0.85rem;
    }
    
    .modern-data-table-content tbody tr.hoverable:hover[b-wxzwq090gz] {
        transform: none;
    }
}

/* Animations */
@keyframes rowSlideIn-b-wxzwq090gz {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-data-table-content tbody tr[b-wxzwq090gz] {
    animation: rowSlideIn-b-wxzwq090gz 0.3s ease;
}

/* Zebra Striping (Optional) */
.modern-data-table.striped tbody tr:nth-child(even)[b-wxzwq090gz] {
    background: #fafbfc;
}

.modern-data-table.striped tbody tr.selected[b-wxzwq090gz] {
    background: linear-gradient(90deg, #e0f2fe 0%, #f0f9ff 100%) !important;
}

/* /Components/UI/ModernIcon.razor.rz.scp.css */
/* ============================================ */
/* Modern Icon Component Styles */
/* ============================================ */

.modern-icon[b-oj5o6kdc4p] {
    display: inline-block;
    vertical-align: middle;
    color: currentColor;
}

.modern-icon.icon-sm[b-oj5o6kdc4p] {
    width: 16px;
    height: 16px;
}

.modern-icon.icon-md[b-oj5o6kdc4p] {
    width: 20px;
    height: 20px;
}

.modern-icon.icon-lg[b-oj5o6kdc4p] {
    width: 24px;
    height: 24px;
}

.modern-icon.icon-xl[b-oj5o6kdc4p] {
    width: 32px;
    height: 32px;
}

/* /Components/UI/ModernInput.razor.rz.scp.css */
/* ============================================ */
/* Modern Input Component Styles */
/* ============================================ */

.modern-input-wrapper[b-akruhbi3aq] {
    margin-bottom: 1rem;
}

.modern-input-label[b-akruhbi3aq] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.5rem;
    transition: color 0.2s ease;
}

.modern-input-container[b-akruhbi3aq] {
    position: relative;
    display: flex;
    align-items: center;
}

.modern-input-icon[b-akruhbi3aq] {
    position: absolute;
    left: 1rem;
    font-size: 1.1rem;
    color: #94a3b8;
    z-index: 1;
    pointer-events: none;
    transition: color 0.2s ease;
}

.modern-input[b-akruhbi3aq] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    color: #1e293b;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    outline: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.modern-input.has-icon[b-akruhbi3aq] {
    padding-left: 2.75rem;
}

.modern-input:focus[b-akruhbi3aq] {
    background: white;
    border-color: #1a7ab8;
    box-shadow: 0 0 0 4px rgba(26, 122, 184, 0.1);
}

.modern-input[b-akruhbi3aq]::placeholder {
    color: #94a3b8;
}

.modern-input:disabled[b-akruhbi3aq] {
    background: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
    opacity: 0.6;
}

.modern-input:read-only[b-akruhbi3aq] {
    background: #f8fafc;
    cursor: default;
}

/* Focused State */
.modern-input-container.focused .modern-input-icon[b-akruhbi3aq] {
    color: #1a7ab8;
}

.modern-input-container.focused .modern-input-label[b-akruhbi3aq] {
    color: #1a7ab8;
}

/* Error State */
.modern-input-container.error .modern-input[b-akruhbi3aq] {
    border-color: #ef4444;
    background: #fef2f2;
}

.modern-input-container.error .modern-input:focus[b-akruhbi3aq] {
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);
}

.modern-input-container.error .modern-input-icon[b-akruhbi3aq] {
    color: #ef4444;
}

/* Clear Button */
.modern-input-clear[b-akruhbi3aq] {
    position: absolute;
    right: 0.75rem;
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 6px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modern-input-clear:hover[b-akruhbi3aq] {
    background: #f1f5f9;
    color: #64748b;
}

/* Helper Text */
.modern-input-helper[b-akruhbi3aq] {
    display: block;
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 0.375rem;
    margin-left: 0.25rem;
}

.modern-input-helper.error[b-akruhbi3aq] {
    color: #ef4444;
}

/* Size Variants */
.modern-input-container.size-sm .modern-input[b-akruhbi3aq] {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 10px;
}

.modern-input-container.size-sm .modern-input.has-icon[b-akruhbi3aq] {
    padding-left: 2.25rem;
}

.modern-input-container.size-sm .modern-input-icon[b-akruhbi3aq] {
    left: 0.75rem;
    font-size: 1rem;
}

.modern-input-container.size-lg .modern-input[b-akruhbi3aq] {
    padding: 1rem 1.25rem;
    font-size: 1rem;
    border-radius: 14px;
}

.modern-input-container.size-lg .modern-input.has-icon[b-akruhbi3aq] {
    padding-left: 3rem;
}

.modern-input-container.size-lg .modern-input-icon[b-akruhbi3aq] {
    left: 1.25rem;
    font-size: 1.2rem;
}

/* Textarea */
.modern-input[type="textarea"][b-akruhbi3aq],
textarea.modern-input[b-akruhbi3aq] {
    resize: vertical;
    min-height: 80px;
}

/* Select */
select.modern-input[b-akruhbi3aq] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding-right: 2.5rem;
    cursor: pointer;
}

select.modern-input.has-icon[b-akruhbi3aq] {
    background-position: right 1rem center;
}

/* Animations */
@keyframes inputFocus-b-akruhbi3aq {
    from {
        transform: scale(0.98);
    }
    to {
        transform: scale(1);
    }
}

.modern-input:focus[b-akruhbi3aq] {
    animation: inputFocus-b-akruhbi3aq 0.2s ease;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .modern-input-label[b-akruhbi3aq] {
        color: #e2e8f0;
    }
    
    .modern-input[b-akruhbi3aq] {
        background: #1e293b;
        border-color: #334155;
        color: #f1f5f9;
    }
    
    .modern-input:focus[b-akruhbi3aq] {
        background: #0f172a;
        border-color: #3b82f6;
    }
    
    .modern-input-icon[b-akruhbi3aq] {
        color: #64748b;
    }
    
    .modern-input-container.focused .modern-input-icon[b-akruhbi3aq] {
        color: #3b82f6;
    }
}

/* /Components/UI/ModernModal.razor.rz.scp.css */
/* ============================================ */
/* Modern Modal Component Styles */
/* ============================================ */

/* Backdrop */
.modern-modal-backdrop[b-a00sdi9d73] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(0px);
    z-index: 1040;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.modern-modal-backdrop.show[b-a00sdi9d73] {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    opacity: 1;
}

/* Modal Container */
.modern-modal[b-a00sdi9d73] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.modern-modal.show[b-a00sdi9d73] {
    opacity: 1;
    pointer-events: all;
}

/* Modal Dialog */
.modern-modal-dialog[b-a00sdi9d73] {
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: scale(0.9) translateY(20px);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.modern-modal.show .modern-modal-dialog[b-a00sdi9d73] {
    transform: scale(1) translateY(0);
}

/* Modal Content */
.modern-modal-content[b-a00sdi9d73] {
    background: white;
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

/* Header */
.modern-modal-header[b-a00sdi9d73] {
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    position: relative;
    overflow: hidden;
}

.modern-modal-header[b-a00sdi9d73]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
    border-radius: 50%;
}

.modern-modal-header.header-primary[b-a00sdi9d73] {
    background: linear-gradient(135deg, #1a7ab8 0%, #105f94 100%);
    color: white;
}

.modern-modal-header.header-success[b-a00sdi9d73] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.modern-modal-header.header-danger[b-a00sdi9d73] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
}

.modern-modal-header.header-warning[b-a00sdi9d73] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.modern-modal-header.header-info[b-a00sdi9d73] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
}

.modern-modal-title[b-a00sdi9d73] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    position: relative;
    z-index: 1;
}

.modern-modal-icon[b-a00sdi9d73] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
}

.modern-modal-close[b-a00sdi9d73] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    z-index: 1;
}

.modern-modal-close:hover[b-a00sdi9d73] {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Body */
.modern-modal-body[b-a00sdi9d73] {
    padding: 2rem;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.modern-modal-body.no-padding[b-a00sdi9d73] {
    padding: 0;
}

/* Custom Scrollbar for Modal Body */
.modern-modal-body[b-a00sdi9d73]::-webkit-scrollbar {
    width: 8px;
}

.modern-modal-body[b-a00sdi9d73]::-webkit-scrollbar-track {
    background: #e0f2fe;
    border-radius: 10px;
}

.modern-modal-body[b-a00sdi9d73]::-webkit-scrollbar-thumb {
    background: #7DD3FC;
    border-radius: 10px;
}

.modern-modal-body[b-a00sdi9d73]::-webkit-scrollbar-thumb:hover {
    background: #38BDF8;
}

/* Footer */
.modern-modal-footer[b-a00sdi9d73] {
    padding: 1.5rem 2rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Size Variants */
.modern-modal.modal-sm .modern-modal-dialog[b-a00sdi9d73] {
    max-width: 400px;
}

.modern-modal.modal-md .modern-modal-dialog[b-a00sdi9d73] {
    max-width: 600px;
}

.modern-modal.modal-lg .modern-modal-dialog[b-a00sdi9d73] {
    max-width: 900px;
}

.modern-modal.modal-xl .modern-modal-dialog[b-a00sdi9d73] {
    max-width: 1200px;
}

.modern-modal.modal-full .modern-modal-dialog[b-a00sdi9d73] {
    max-width: 95vw;
    max-height: 95vh;
}

.modern-modal.modal-full .modern-modal-content[b-a00sdi9d73] {
    max-height: 95vh;
}

/* Animations */
@keyframes modalSlideIn-b-a00sdi9d73 {
    from {
        transform: scale(0.9) translateY(20px);
        opacity: 0;
    }
    to {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

@keyframes backdropFadeIn-b-a00sdi9d73 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .modern-modal-dialog[b-a00sdi9d73] {
        max-width: 100% !important;
        margin: 0;
    }
    
    .modern-modal-content[b-a00sdi9d73] {
        border-radius: 16px;
        max-height: 95vh;
    }
    
    .modern-modal-header[b-a00sdi9d73] {
        padding: 1.25rem 1.5rem;
    }
    
    .modern-modal-title[b-a00sdi9d73] {
        font-size: 1.1rem;
    }
    
    .modern-modal-body[b-a00sdi9d73] {
        padding: 1.5rem;
    }
    
    .modern-modal-footer[b-a00sdi9d73] {
        padding: 1.25rem 1.5rem;
        flex-direction: column-reverse;
    }
    
    .modern-modal-footer > *[b-a00sdi9d73] {
        width: 100%;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .modern-modal-content[b-a00sdi9d73] {
        background: #1e293b;
        color: #f1f5f9;
    }
    
    .modern-modal-footer[b-a00sdi9d73] {
        background: #0f172a;
        border-top-color: #334155;
    }
    
    .modern-modal-body[b-a00sdi9d73]::-webkit-scrollbar-track {
        background: #0f172a;
    }
    
    .modern-modal-body[b-a00sdi9d73]::-webkit-scrollbar-thumb {
        background: #475569;
    }
}