/* PİTAYS Cloud ortak gece/gündüz tema katmanı. Eski faz CSS dosyalarını bozmadan en sonda yüklenir. */
:root,
html[data-theme="dark"]{
    --theme-bg:#07111f;
    --theme-bg-soft:#091728;
    --theme-surface:#101d2d;
    --theme-surface-2:#132235;
    --theme-surface-3:#0b1725;
    --theme-border:#203249;
    --theme-text:#f7f9fc;
    --theme-muted:#8393a8;
    --theme-sidebar:#0c1929;
    --theme-topbar:rgba(7,17,31,.90);
    --theme-input:#091725;
    --theme-hover:#12243a;
    --theme-shadow:0 18px 44px rgba(0,0,0,.22);
    --theme-orange:#f47c0d;
    --theme-blue:#3b93ff;
    --theme-green:#33c878;
}

html[data-theme="light"]{
    --bg:#f4f7fb;
    --bg2:#eef3f8;
    --panel:#ffffff;
    --panel2:#f8fafc;
    --line:#d9e2ec;
    --text:#172235;
    --muted:#6b7c90;
    --navy:#0b416f;
    --shadow:0 16px 42px rgba(31,53,78,.10);

    --theme-bg:#f4f7fb;
    --theme-bg-soft:#eef3f8;
    --theme-surface:#ffffff;
    --theme-surface-2:#f8fafc;
    --theme-surface-3:#f1f5f9;
    --theme-border:#d9e2ec;
    --theme-text:#172235;
    --theme-muted:#6b7c90;
    --theme-sidebar:#ffffff;
    --theme-topbar:rgba(255,255,255,.92);
    --theme-input:#ffffff;
    --theme-hover:#edf3f8;
    --theme-shadow:0 16px 42px rgba(31,53,78,.10);
}

html,body,.app-shell,.customer-portal-body,.customer-shell,.login-page{
    transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}

.theme-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:40px;
    height:38px;
    padding:0 11px;
    border:1px solid var(--theme-border);
    border-radius:10px;
    background:var(--theme-surface);
    color:var(--theme-text);
    cursor:pointer;
    box-shadow:0 5px 18px rgba(0,0,0,.04);
    font-weight:700;
    font-size:11px;
}
.theme-toggle:hover{background:var(--theme-hover)}
.theme-toggle [data-theme-icon]{font-size:16px;line-height:1}
.login-theme-toggle{position:fixed;right:22px;top:20px;z-index:20}

html[data-theme="light"] body,
html[data-theme="light"] .app-shell{
    background:radial-gradient(circle at 55% -10%,rgba(37,96,160,.07),transparent 30%),var(--theme-bg)!important;
    color:var(--theme-text)!important;
}
html[data-theme="light"] .sidebar,
html[data-theme="light"] .customer-sidebar{
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
    border-color:var(--theme-border)!important;
    box-shadow:6px 0 24px rgba(31,53,78,.04);
}
html[data-theme="light"] .brand,
html[data-theme="light"] .sidebar-footer,
html[data-theme="light"] .customer-topbar,
html[data-theme="light"] .topbar{
    border-color:var(--theme-border)!important;
}
html[data-theme="light"] .topbar{
    background:var(--theme-topbar)!important;
    box-shadow:0 7px 24px rgba(31,53,78,.04);
}
html[data-theme="light"] .customer-topbar{background:#fff!important}
html[data-theme="light"] .nav-label,
html[data-theme="light"] .sidebar-section-title{color:#8a9aac!important}
html[data-theme="light"] .nav-item,
html[data-theme="light"] .pitays-sidebar-link,
html[data-theme="light"] .pitays-extra-link,
html[data-theme="light"] .pitays-f734-trigger,
html[data-theme="light"] .pitays-f734-sub-link{
    color:#4f6277!important;
}
html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .pitays-sidebar-link:hover,
html[data-theme="light"] .pitays-extra-link:hover,
html[data-theme="light"] .pitays-f734-trigger:hover,
html[data-theme="light"] .pitays-f734-accordion.open>.pitays-f734-trigger,
html[data-theme="light"] .pitays-f734-sub-link:hover{
    background:#edf3f8!important;
    color:#172235!important;
}
html[data-theme="light"] .nav-item.active,
html[data-theme="light"] .pitays-sidebar-link.is-active,
html[data-theme="light"] .pitays-extra-link.active,
html[data-theme="light"] .pitays-f734-sub-link.active{
    color:#fff!important;
}
html[data-theme="light"] .pitays-f734-main-icon,
html[data-theme="light"] .pitays-f734-sub-icon{background:#e8f1f8!important;color:#347aa8!important}

html[data-theme="light"] .search-box,
html[data-theme="light"] .icon-button,
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .customer-btn,
html[data-theme="light"] .customer-back,
html[data-theme="light"] .customer-logout button{
    background:#fff!important;
    border-color:var(--theme-border)!important;
    color:#34495f!important;
}
html[data-theme="light"] .search-box input{color:#172235!important}
html[data-theme="light"] .avatar{background:linear-gradient(135deg,#e8eef5,#dce7f1)!important;border-color:#cad7e3!important;color:#25425f!important}
html[data-theme="light"] .user-box strong,
html[data-theme="light"] .page-head h1,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] strong{color:#172235}
html[data-theme="light"] .muted,
html[data-theme="light"] .page-head p,
html[data-theme="light"] .user-box small{color:var(--theme-muted)!important}

html[data-theme="light"] .metric-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .node-card,
html[data-theme="light"] .vm-card,
html[data-theme="light"] .table-panel,
html[data-theme="light"] .form-panel,
html[data-theme="light"] .pitays-panel,
html[data-theme="light"] .pitays-card,
html[data-theme="light"] .pitays-operation-card,
html[data-theme="light"] .pitays-customer-summary>div,
html[data-theme="light"] .pitays-info-grid>div,
html[data-theme="light"] .pitays-customer-tabs,
html[data-theme="light"] .customer-company,
html[data-theme="light"] .customer-stat-grid>div,
html[data-theme="light"] .customer-resource-grid>div,
html[data-theme="light"] .customer-panel{
    background:#fff!important;
    border-color:var(--theme-border)!important;
    box-shadow:var(--theme-shadow);
}
html[data-theme="light"] .panel-head,
html[data-theme="light"] .form-actions,
html[data-theme="light"] .form-section-title,
html[data-theme="light"] .node-actions,
html[data-theme="light"] .pitays-panel-head,
html[data-theme="light"] .customer-panel-head,
html[data-theme="light"] .customer-table td,
html[data-theme="light"] .customer-info-list>div,
html[data-theme="light"] .pitays-customer-user{
    border-color:var(--theme-border)!important;
}
html[data-theme="light"] .node-location,
html[data-theme="light"] .vm-location,
html[data-theme="light"] .vm-specs div,
html[data-theme="light"] .provision-box,
html[data-theme="light"] .security-note,
html[data-theme="light"] .pitays-tabs,
html[data-theme="light"] .pitays-stat,
html[data-theme="light"] .pitays-box{
    background:#f7f9fc!important;
    border-color:var(--theme-border)!important;
    color:#53677c!important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
    background:#fff!important;
    border-color:#cdd8e4!important;
    color:#172235!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#98a6b5!important}

html[data-theme="light"] .data-table th,
html[data-theme="light"] .customer-table th{color:#718399!important}
html[data-theme="light"] .data-table td,
html[data-theme="light"] .customer-table td{color:#31465a!important}
html[data-theme="light"] .data-table td strong,
html[data-theme="light"] .customer-table td strong,
html[data-theme="light"] .customer-topbar strong,
html[data-theme="light"] .customer-company strong,
html[data-theme="light"] .customer-page-head h1,
html[data-theme="light"] .customer-stat-grid strong,
html[data-theme="light"] .customer-resource-grid strong,
html[data-theme="light"] .customer-panel-head h2,
html[data-theme="light"] .customer-info-list strong,
html[data-theme="light"] .pitays-customer-summary strong,
html[data-theme="light"] .pitays-info-grid strong,
html[data-theme="light"] .pitays-panel-head h2{color:#172235!important}

html[data-theme="light"] .customer-portal-body{background:var(--theme-bg)!important;color:var(--theme-text)!important}
html[data-theme="light"] .customer-sidebar nav a{color:#4f6277!important}
html[data-theme="light"] .customer-sidebar nav a:hover,
html[data-theme="light"] .customer-sidebar nav a.active{background:#edf3f8!important;color:#172235!important}
html[data-theme="light"] .customer-company span,
html[data-theme="light"] .customer-topbar span,
html[data-theme="light"] .customer-user small,
html[data-theme="light"] .customer-page-head p,
html[data-theme="light"] .customer-stat-grid span,
html[data-theme="light"] .customer-resource-grid span,
html[data-theme="light"] .customer-panel-head p,
html[data-theme="light"] .customer-table td small,
html[data-theme="light"] .customer-info-list span{color:#718399!important}

html[data-theme="light"] .login-page{
    background:linear-gradient(120deg,#f7f9fc 0%,#edf4fa 50%,#ffffff 100%)!important;
    color:#172235!important;
}
html[data-theme="light"] .login-card{
    background:rgba(255,255,255,.94)!important;
    border-color:#d8e2ec!important;
    box-shadow:0 24px 65px rgba(31,53,78,.13)!important;
}
html[data-theme="light"] .login-showcase>p,
html[data-theme="light"] .login-card-head p,
html[data-theme="light"] .login-security{color:#667a8f!important}
html[data-theme="light"] .login-features div{background:rgba(255,255,255,.75)!important;border-color:#d8e2ec!important}
html[data-theme="light"] .mini-brand{color:#17314b!important}
html[data-theme="light"] .form-stack label>span{color:#4c6175!important}
html[data-theme="light"] .form-stack input[type=email],
html[data-theme="light"] .form-stack input[type=password]{background:#fff!important;border-color:#cdd9e5!important;color:#172235!important}
html[data-theme="light"] .glow-one{background:#77baf1!important;opacity:.16}
html[data-theme="light"] .glow-two{opacity:.12}

@media(max-width:780px){
    .theme-toggle [data-theme-label]{display:none}
    .theme-toggle{padding:0;width:38px;min-width:38px}
}