/*! NNEbaPortal 1.4.4 - customstyle.css */

/* ==========================================================================
   eBA kurumsal tema — NNSimply şablonu
   Yer: eba.net\Desktop\customstyle\customstyle.css (eBA giriş + ana sayfa yükler)
   Şirkete uyarlamak: YALNIZ bu bloktaki değerler ve aynı klasördeki görseller
   değişir; aşağıdaki kurallara dokunulmaz. Marka rengi değişirse renk ezme
   bölümü (20-brand) gen-theme.ps1 ile yeniden üretilir.
   ========================================================================== */
:root {
    --nn-brand: #0a7aff;
    --nn-brand-ink: #0a63cc;
    --nn-brand-soft: rgba(10, 122, 255, .10);
    --nn-brand-softer: rgba(10, 122, 255, .06);
    --nn-ink: #1d1d1f;
    --nn-ink-2: #424245;
    --nn-muted: #86868b;
    --nn-faint: #aeaeb2;
    --nn-canvas: #f5f5f7;
    --nn-paper: #ffffff;
    --nn-track: rgba(0, 0, 0, .05);
    --nn-hair: 0 0 0 .5px rgba(0, 0, 0, .10), 0 1px 2px rgba(0, 0, 0, .04);
    --nn-radius: 12px;

    /* Şirket kimliği */
    --nn-company: "Next Normal Teknoloji";
    --nn-portal: "İş Akışı Portalı";
    --nn-tagline: "Onaylar, talepler ve belgeler tek yerde — kim ne bekliyor, bir bakışta.";
    --nn-point-1: "Onayınızı bekleyen işler ilk ekranda";
    --nn-point-2: "Süreci başlatın, nerede olduğunu anlık izleyin";
    --nn-point-3: "Belgeler ve geçmiş kayıtlar tek arşivde";
    --nn-copyright: "2026 © Next Normal Teknoloji";

    /* Giriş ekranı (NNAI ile aynı dil): üstte marka satırı (--nn-marka-*), sağda form başlığı */
    --nn-login-title: "Giriş yapın";
    --nn-login-sub: "Hesabınızla devam edin.";

    /* Görseller (customstyle klasörüne göre) */
    --nn-photo: url(nn-login-photo.jpg);
    /* Next Normal logosu: nextnormalteknoloji.com üst logosu — mavi ok sitedeki gibi döner (araclar\marka-uret.ps1 üretir) */
    --nn-logo-on-dark: url(nn-marka-koyu.svg);                  /* koyu zemin (ana sayfa karşılama şeridi) */
    --nn-logo-on-light: url(nn-marka.svg);                      /* açık zemin (eBA üst bar) */
    --nn-marka-logo: url(nn-marka.svg);                         /* açık zemin (dar ekranda form üstü) */
    --nn-marka-logo-koyu: url(nn-marka-koyu.svg);               /* koyu zemin (giriş sol bölme) */
    --nn-marka-slogan-koyu: url(nn-nextnormal-slogan-light.png);/* logonun altında, koyu zemin */
}


/* -- Şirket kimliği (tema\build.ps1: ayar SirketAdi + şirket marka klasörü; elle düzenlenmez) -- */
:root {
    --nn-company: "Next Normal";
    --nn-copyright: "2026 © Next Normal";
}

/* -- 20-brand: eBA paketlerindeki gomulu marka rengi ezmesi (gen-theme.ps1 uretir, elle duzenlenmez) -- */


.dx-theme-generic-typography a{color:#0a7aff}
.dx-theme-accent-as-text-color{color:#0a7aff !important}
.dx-theme-accent-as-background-color{background-color:#0a7aff !important;fill:#0a7aff !important}
.dx-theme-accent-as-border-color{border-color:#0a7aff !important}
.dx-button-mode-contained.dx-button-default{background-color:#0a7aff}
.dx-button-mode-contained.dx-button-default.dx-state-selected{background-color:#0a7aff}
.dx-button-mode-contained.dx-button-default.dx-state-hover{background-color:#0a63cc}
.dx-button-mode-contained.dx-button-default.dx-state-focused{background-color:#0a4fa3}
.dx-button-mode-outlined.dx-button-default{border-color:#0a7aff;color:#0a7aff}
.dx-button-mode-outlined.dx-button-default .dx-icon{color:#0a7aff}
.dx-button-mode-outlined.dx-button-default.dx-state-selected{background-color:rgba(10,122,255,.3)}
.dx-button-mode-outlined.dx-button-default.dx-state-focused,.dx-button-mode-outlined.dx-button-default.dx-state-hover{background-color:rgba(10,122,255,.1)}
.dx-button-mode-outlined.dx-button-default.dx-state-active{background-color:rgba(10,122,255,.4);color:#0a7aff}
.dx-button-mode-text.dx-button-default{color:#0a7aff}
.dx-button-mode-text.dx-button-default .dx-icon{color:#0a7aff}
.dx-button-mode-text.dx-button-default.dx-state-selected{background-color:rgba(10,122,255,.3)}
.dx-button-mode-text.dx-button-default.dx-state-focused,.dx-button-mode-text.dx-button-default.dx-state-hover{background-color:rgba(10,122,255,.1)}
.dx-button-mode-text.dx-button-default.dx-state-active{background-color:rgba(10,122,255,.4);color:#0a7aff}
.dx-splitter .dx-resize-handle.dx-state-active,.dx-splitter .dx-resize-handle.dx-state-focused{background-color:#0a7aff}
.dx-checkbox.dx-state-hover .dx-checkbox-icon{border-color:#0a4fa3}
.dx-checkbox.dx-state-focused .dx-checkbox-icon{border-color:#0a7aff}
.dx-checkbox-checked .dx-checkbox-icon{background-color:#0a7aff}
.dx-checkbox-indeterminate .dx-checkbox-icon{color:#0a7aff}
.dx-checkbox-indeterminate .dx-checkbox-icon::before{background-color:#0a7aff}
.dx-switch.dx-state-active .dx-switch-container{border-color:#0a7aff}
.dx-switch.dx-state-hover .dx-switch-container{border-color:#0a7aff}
.dx-switch.dx-state-focused .dx-switch-container{border-color:#0a7aff}
.dx-switch-on{color:#0a7aff;background-color:#0a7aff}
:root{--dx-color-primary:#0a7aff;--dx-color-link:#0a7aff}
.dx-badge{background-color:#0a7aff}
.dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover{background-color:rgba(10,122,255,.07)}
.dx-texteditor.dx-state-hover{border-color:rgba(10,122,255,.4)}
.dx-texteditor.dx-state-hover.dx-editor-filled{background-color:rgba(10,122,255,.1)}
.dx-texteditor.dx-state-focused .dx-texteditor-label{color:#0a7aff}
.dx-texteditor.dx-state-active.dx-editor-filled,.dx-texteditor.dx-state-active.dx-editor-outlined,.dx-texteditor.dx-state-active.dx-editor-underlined,.dx-texteditor.dx-state-focused.dx-editor-filled,.dx-texteditor.dx-state-focused.dx-editor-outlined,.dx-texteditor.dx-state-focused.dx-editor-underlined{border-color:#0a7aff}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label,.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-after,.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-before,.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label,.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-after,.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-before{border-color:rgba(10,122,255,.4);border-bottom-color:rgba(10,122,255,.4)}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label,.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-after,.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-before,.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label,.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after,.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before{border-color:#0a7aff}
.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,.dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon{background-color:rgba(10,122,255,.2)}
.dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,.dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,.dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,.dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon{background-color:rgba(10,122,255,.3)}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon,.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon,.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon{border-color:#0a4fa3}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon,.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon,.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon{border:1px solid #0a7aff}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected{background-color:rgba(10,122,255,.7)}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content{background-color:#0a7aff}
.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover{border-top:1px solid rgba(10,122,255,.5);border-bottom:1px solid rgba(10,122,255,.5)}
.dx-list-slide-menu-button-menu{background-color:#0a7aff}
.dx-calendar-cell.dx-calendar-today span{border:2px solid #0a7aff}
.dx-calendar-cell.dx-state-hover span{background-color:rgba(10,122,255,.24)}
.dx-calendar-cell.dx-state-active span{background-color:rgba(10,122,255,.4)}
.dx-calendar-cell.dx-calendar-selected-date span{background-color:#0a7aff}
.dx-calendar-cell.dx-calendar-contoured-date span{box-shadow:0 0 0 2px rgba(10,122,255,.5)}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span,.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span,.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span,.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span{background-color:rgba(10,122,255,.24)}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span,.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span,.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span,.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span{background-color:rgba(10,122,255,.4)}
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active.dx-calendar-selected-date span,.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span{background-color:#0a7aff}
.dx-calendar-cell-in-range::before{background-color:rgba(10,122,255,.24);border-color:rgba(10,122,255,.6) transparent}
.dx-calendar-cell-in-range.dx-calendar-range-start-date::before{border-inline-start-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-in-range.dx-calendar-range-end-date::before{border-inline-end-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before{border-inline-start-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before{border-inline-end-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-in-range.dx-calendar-cell-start::before{border-inline-start-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date::before{border-inline-end-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-in-range.dx-calendar-cell-end::before{border-inline-end-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-range-hover::after{border-color:rgba(10,122,255,.6) transparent}
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after{border-inline-start-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after{border-inline-end-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after{border-inline-start-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after{border-inline-end-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-range-hover.dx-calendar-cell-start::after{border-inline-start-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end::after{border-inline-end-color:rgba(10,122,255,0.6)}
.dx-calendar-cell-range-hover.dx-calendar-cell-end::after{border-inline-end-color:rgba(10,122,255,0.6)}
.dx-daterangebox .dx-texteditor.dx-state-hover::before{border-bottom-color:rgba(10,122,255,.4)}
.dx-daterangebox .dx-texteditor.dx-state-focused::before{border-bottom-color:#0a7aff}
.dx-loadindicator-icon .dx-loadindicator-segment{background:rgba(10,122,255,.5)}
.dx-treeview-item-without-checkbox.dx-state-focused>.dx-treeview-item{background-color:#0a7aff}
.dx-treeview-item-with-checkbox.dx-state-focused>.dx-treeview-item .dx-checkbox .dx-checkbox-icon{border:1px solid #0a7aff}
.dx-menu-item a{color:#0a7aff}
.dx-menu-item.dx-state-focused{background-color:#0a7aff}
.dx-menu-item-selected.dx-state-focused{background-color:rgba(10,122,255,.7)}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default{color:#0a7aff}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default .dx-icon{color:#0a7aff}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-selected{background-color:rgba(10,122,255,.3)}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-focused,.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-hover{background-color:rgba(10,122,255,.1)}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-active{background-color:rgba(10,122,255,.4);color:#0a7aff}
.dx-tile.dx-state-focused,.dx-tile.dx-state-hover{border-color:rgba(10,122,255,.4)}
.dx-progressbar-range{border:1px solid #0a7aff;background-color:#0a7aff}
.dx-progressbar-animating-container{background-image:linear-gradient(-90deg,transparent 5%,#0a7aff,transparent 95%)}
.dx-state-disabled .dx-progressbar-range{background-color:rgba(10,122,255,.6)}
.dx-rtl .dx-progressbar .dx-progressbar-animating-container,.dx-rtl.dx-progressbar .dx-progressbar-animating-container{background-image:linear-gradient(-90deg,transparent 5%,#0a7aff,transparent 95%)}
.dx-slider .dx-state-focused.dx-slider-handle:not(.dx-state-active),.dx-slider .dx-state-hover.dx-slider-handle:not(.dx-state-active){background:#0a63cc}
.dx-slider-range.dx-slider-range-visible{border:1px solid #0a7aff;background:#0a7aff}
.dx-slider-handle{background-color:#0a7aff}
.dx-gallery .dx-gallery-nav-button-next::before,.dx-gallery .dx-gallery-nav-button-prev::before{color:rgba(10,122,255,.7)}
.dx-gallery-indicator-item{border:1px solid #0a7aff}
.dx-gallery-indicator-item-active,.dx-gallery-indicator-item-selected{background:#0a7aff}
.dx-state-focused.dx-gallery{border-color:#0a7aff}
.dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected{background:#0a7aff}
.dx-tag-content{background-color:rgba(10,122,255,.5)}
.dx-tag-remove-button:active::after,.dx-tag-remove-button:active::before{background:rgba(10,122,255,.5)}
.dx-tag.dx-state-focused .dx-tag-remove-button:active::after,.dx-tag.dx-state-focused .dx-tag-remove-button:active::before{background:rgba(10,122,255,.5)}
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot{background-color:#0a7aff}
.dx-radiobutton.dx-state-hover .dx-radiobutton-icon{border-color:rgba(10,122,255,.4)}
.dx-radiobutton.dx-state-focused .dx-radiobutton-icon{border-color:#0a7aff}
.dx-state-focused.dx-accordion-item{border-color:#0a7aff}
.dx-sortable-dragging>div>.dx-gridbase-container>.dx-datagrid-rowsview{border-color:#0a7aff}
.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus{outline:#0a7aff solid 2px}
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus{outline:#0a7aff solid 2px}
.dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row>td.dx-command-edit>a.dx-link:focus{outline:#0a7aff solid 2px}
.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus,.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,.dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus{outline:#0a7aff solid 2px}
.dx-datagrid-total-footer:focus-within{outline:#0a7aff solid 2px}
.dx-datagrid .dx-link{color:#0a7aff}
.dx-datagrid-drag-header{border:1px solid #0a7aff}
.dx-datagrid-columns-separator{background-color:#0a7aff}
.dx-datagrid-drop-highlight>td{background-color:#0a7aff}
.dx-datagrid-filter-row .dx-menu-item.dx-state-focused::after{border:2px solid #0a7aff}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after{border:2px solid #0a7aff}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row>td,.dx-datagrid-rowsview .dx-row-focused.dx-data-row>tr:last-child>td{border-bottom:1px solid #0a7aff}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines)>td,.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines)>tr:first-child>td{border-top:1px solid rgba(10,122,255,.1);border-bottom:1px solid rgba(10,122,255,.1)}
.dx-datagrid-search-text{background-color:#0a7aff}
.dx-datagrid-pager.dx-state-focused .dx-navigate-button:focus,.dx-datagrid-pager.dx-state-focused .dx-page-size:focus,.dx-datagrid-pager.dx-state-focused .dx-page:focus{outline:#0a7aff solid 2px}
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row>td:not(.dx-focused).dx-datagrid-group-space,.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row>tr>td:not(.dx-focused).dx-datagrid-group-space,.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover>td:not(.dx-focused).dx-datagrid-group-space,.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover>tr>td:not(.dx-focused).dx-datagrid-group-space{border-left-color:rgba(10,122,255,.1)}
.dx-datagrid-group-panel .dx-block-separator{background-color:#0a7aff}
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,.dx-datagrid-filter-panel .dx-icon-filter{color:#0a7aff}
.dx-sortable-dragging>div>.dx-gridbase-container>.dx-treelist-rowsview{border-color:#0a7aff}
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus{outline:#0a7aff solid 2px}
.dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row>td.dx-command-edit>a.dx-link:focus{outline:#0a7aff solid 2px}
.dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,.dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus,.dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus{outline:#0a7aff solid 2px}
.dx-treelist .dx-link{color:#0a7aff}
.dx-treelist-drag-header{border:1px solid #0a7aff}
.dx-treelist-columns-separator{background-color:#0a7aff}
.dx-treelist-drop-highlight>td{background-color:#0a7aff}
.dx-treelist-focus-overlay{border:2px solid #0a7aff}
.dx-treelist-filter-row .dx-menu-item.dx-state-focused::after{border:2px solid #0a7aff}
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after{border:2px solid #0a7aff}
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,.dx-treelist-rowsview .dx-row-focused.dx-data-row>td:not(.dx-focused),.dx-treelist-rowsview .dx-row-focused.dx-data-row>tr>td:not(.dx-focused){background-color:rgba(10,122,255,.1)}
.dx-treelist-rowsview .dx-row-focused.dx-data-row>td,.dx-treelist-rowsview .dx-row-focused.dx-data-row>tr:last-child>td{border-bottom:1px solid #0a7aff}
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines)>td,.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines)>tr:first-child>td{border-top:1px solid rgba(10,122,255,.1);border-bottom:1px solid rgba(10,122,255,.1)}
.dx-treelist-rowsview .dx-row-focused.dx-group-row{background-color:rgba(10,122,255,.1)}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused)>td,.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused)>tr>td,.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>td,.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>tr>td{background-color:rgba(10,122,255,.1)}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused)>td.dx-treelist-group-space,.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused)>tr>td.dx-treelist-group-space,.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>td.dx-treelist-group-space,.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>tr>td.dx-treelist-group-space{border-right-color:rgba(10,122,255,.1)}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines)>td,.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines)>td{border-bottom:1px solid rgba(10,122,255,.1);border-top:1px solid rgba(10,122,255,.1)}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines)>tr:first-child>td,.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines)>tr:first-child>td{border-top:1px solid rgba(10,122,255,.1)}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines)>tr:last-child>td,.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines)>tr:last-child>td{border-bottom:1px solid rgba(10,122,255,.1)}
.dx-treelist-search-text{background-color:#0a7aff}
.dx-treelist-pager.dx-state-focused .dx-navigate-button:focus,.dx-treelist-pager.dx-state-focused .dx-page-size:focus,.dx-treelist-pager.dx-state-focused .dx-page:focus{outline:#0a7aff solid 2px}
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row>td:not(.dx-focused).dx-treelist-group-space,.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row>tr>td:not(.dx-focused).dx-treelist-group-space,.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover>td:not(.dx-focused).dx-treelist-group-space,.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover>tr>td:not(.dx-focused).dx-treelist-group-space{border-left-color:rgba(10,122,255,.1)}
.dx-treelist-filter-panel .dx-icon-filter,.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter,.dx-treelist-filter-panel .dx-treelist-filter-panel-text{color:#0a7aff}
.dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box{border:1px solid rgba(10,122,255,.5)}
.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target{border-color:#0a7aff}
.dx-tabpanel-tabs-position-top.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused){-webkit-border-after:1px solid #0a7aff;border-block-end:1px solid #0a7aff}
.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-active::after{-webkit-border-start:1px solid #0a7aff;border-inline-start:1px solid #0a7aff}
.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused){-webkit-border-start:1px solid #0a7aff;border-inline-start:1px solid #0a7aff}
.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-active::after{-webkit-border-before:1px solid #0a7aff;border-block-start:1px solid #0a7aff}
.dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused){-webkit-border-before:1px solid #0a7aff;border-block-start:1px solid #0a7aff}
.dx-tabpanel-tabs-position-left.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused){-webkit-border-end:1px solid #0a7aff;border-inline-end:1px solid #0a7aff}
.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabs-nav-button,.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabs-wrapper{-webkit-border-start:1px solid #0a7aff;border-inline-start:1px solid #0a7aff}
.dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabs-nav-button,.dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabs-wrapper{-webkit-border-before:1px solid #0a7aff;border-block-start:1px solid #0a7aff}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,.dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body{background:rgba(10,122,255,.75)}
.dx-scheduler-appointment{background-color:rgba(10,122,255,.75)}
.dx-scheduler-agenda .dx-scheduler-agenda-appointment-marker{background-color:rgba(10,122,255,.75)}
.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month{color:#0a7aff;background-color:rgba(10,122,255,0)}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell{color:#0a7aff}
.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell{color:#0a7aff}
.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,.dx-scheduler-date-table-cell.dx-scheduler-focused-cell{box-shadow:inset 0 0 0 1px rgba(10,122,255,.75)}
.dx-scheduler-appointment-collector{background-color:rgba(10,122,255,.75)}
.dx-scheduler-appointment-collector.dx-button,.dx-scheduler-appointment-collector.dx-button.dx-state-active,.dx-scheduler-appointment-collector.dx-button.dx-state-focused,.dx-scheduler-appointment-collector.dx-button.dx-state-hover{background-color:rgba(10,122,255,.75)}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field{background-color:rgba(10,122,255,.3)}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover{background-color:rgba(10,122,255,.5)}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active,.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus{background-color:#0a7aff}
.dx-htmleditor-content .dx-variable>span{background:rgba(10,122,255,.15)}
.dx-htmleditor.dx-htmleditor-outlined.dx-state-hover{border-color:rgba(10,122,255,.4)}
.dx-htmleditor.dx-htmleditor-outlined.dx-state-active,.dx-htmleditor.dx-htmleditor-outlined.dx-state-focused{border-color:#0a7aff}
.dx-htmleditor.dx-htmleditor-filled.dx-state-hover,.dx-htmleditor.dx-htmleditor-filled.dx-state-hover.dx-invalid.dx-state-readonly:not(.dx-state-focused){background-color:rgba(10,122,255,.07)}
.dx-htmleditor.dx-htmleditor-filled.dx-state-active,.dx-htmleditor.dx-htmleditor-filled.dx-state-focused{border-color:#0a7aff}
.dx-htmleditor.dx-htmleditor-underlined.dx-state-hover{border-bottom-color:rgba(10,122,255,.4)}
.dx-htmleditor.dx-htmleditor-underlined.dx-state-active,.dx-htmleditor.dx-htmleditor-underlined.dx-state-focused{border-bottom-color:#0a7aff}
.dx-resize-frame{border-color:#0a7aff}
.dx-resize-frame .dx-resizable-handle-bottom::after,.dx-resize-frame .dx-resizable-handle-corner-bottom-left,.dx-resize-frame .dx-resizable-handle-corner-bottom-right,.dx-resize-frame .dx-resizable-handle-corner-top-left,.dx-resize-frame .dx-resizable-handle-corner-top-right,.dx-resize-frame .dx-resizable-handle-left::after,.dx-resize-frame .dx-resizable-handle-right::after,.dx-resize-frame .dx-resizable-handle-top::after{background-color:#0a7aff}
.dx-table-resize-frame>.dx-draggable-dragging+.dx-htmleditor-highlighted-column,.dx-table-resize-frame>.dx-draggable-dragging+.dx-htmleditor-highlighted-row{background-color:rgba(10,122,255,.5)}
.dx-fa-button.dx-fa-button-main .dx-overlay-content{background-color:#0a7aff}
.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover{background-color:#0a63cc}
.dx-splitter-bar{background-color:rgba(10,122,255,.5)}
.dx-filemanager .dx-filemanager-fileuploader-dropzone-placeholder{border:2px solid #0a7aff}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected{background:rgba(10,122,255,.8)}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-state-focused{border:1px solid #0a7aff}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected.dx-state-focused{background:rgba(10,122,255,.7)}
.dx-diagram .dxdi-control .dxdi-canvas .connector-multi-selection,.dx-diagram .dxdi-control .dxdi-canvas .connector-point-mark,.dx-diagram .dxdi-control .dxdi-canvas .connector-selection,.dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark,.dx-diagram .dxdi-control .dxdi-canvas .extension-line path,.dx-diagram .dxdi-control .dxdi-canvas .item-multi-selection-rect,.dx-diagram .dxdi-control .dxdi-canvas .item-selection-rect,.dx-diagram .dxdi-control .dxdi-canvas .items-selection-rect,.dx-diagram .dxdi-control .dxdi-canvas .selection-mark{stroke:#0a7aff}
.dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark,.dx-diagram .dxdi-control .dxdi-canvas .extension-line text{fill:#0a7aff}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner path{stroke:rgba(10,122,255,0.5)}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner ellipse{stroke:rgba(10,122,255,0.5)}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-user .dxdi-background{fill:rgba(10,122,255,0.5)}
.dx-diagram .dxdi-text-input-container.connector-text .dxdi-text-input{border-color:#0a7aff}
.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default{background-color:#0a63cc}
.dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row>td,.dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row>tr>td,.dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover>td,.dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover>tr>td{background-color:rgba(10,122,255,.1)}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task{background-color:#0a7aff}
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame{border:1px solid #0a63cc}
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress{border-color:transparent transparent #0a63cc}
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress::before{border:1px solid #0a63cc}
.dx-gantt .dx-gantt-task-edit-dependency-l,.dx-gantt .dx-gantt-task-edit-dependency-r,.dx-gantt .dx-gantt-task-edit-successor-dependency-l,.dx-gantt .dx-gantt-task-edit-successor-dependency-r{border:1px solid #0a63cc}
.dx-gantt .dx-gantt-sel{background-color:rgba(10,122,255,.1);border-top:1px solid rgba(10,122,255,.1);border-bottom:1px solid rgba(10,122,255,.1)}
.dx-gantt .dx-gantt-tm{border-left:1px dashed #0a7aff}
.dx-gantt .dx-gantt-ti{border-left:1px dashed #0a7aff;border-right:1px dashed #0a7aff;background-color:rgba(10,122,255,.15)}
.dx-sortable-placeholder{border:1px solid #0a7aff}
.dx-sortable-dragging>*{border-color:rgba(10,122,255,.5)}
.eBAGridContainer .dx-toolbar .filterButton .dx-button{background-color:rgba(10,99,204,0.2);color:rgba(10,99,204,1)}
.eBAGridContainer .dx-toolbar .filterButton .dx-button i{color:rgba(10,99,204,1)}
.eBAGridContainer .dx-page-size.dx-selection,.eBAGridContainer .dx-page.dx-selection{background-color:#e1edff;color:#0a63cc;border:1px solid rgb(10,99,204,0.33)}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused),.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover,.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover{background-color:#f0f6ff;color:#0a4fa3}
.dx-datagrid-rowsview .dx-state-hover:not(.dx-freespace-row){color:#0a4fa3}
.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-after .dx-toolbar-item:first-child .dx-button:not(.message-box-button){background:#0a7aff}
.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-after .dx-toolbar-item:first-child .dx-button:not(.message-box-button):hover{background:#0a63cc}
.dx-tabpanel .dx-tabpanel-tabs .dx-tabs .dx-tabs-wrapper .dx-tab.dx-state-hover .dx-tab-content{color:#0a4fa3}
.dx-tabpanel .dx-tabpanel-tabs .dx-tabs .dx-tabs-wrapper .dx-tab.dx-tab-selected .dx-tab-content{background-color:#e8f1ff}
.dx-tabpanel .dx-tabpanel-tabs .dx-tabs .dx-tabs-wrapper .dx-tab.dx-tab-selected .dx-tab-content .dx-tab-text .dx-icon{color:#0a63cc !important}
.dx-tabpanel .dx-tabpanel-tabs .dx-tabs .dx-tabs-wrapper .dx-tab.dx-tab-selected .dx-tab-content .dx-tab-text .dx-tab-text-span{color:#0a63cc !important}
.projectManagerFilterRowVisible.dx-button.active{background-color:#e8f1ff;border:1px solid #0a63cc}
.projectManagerFilterRowVisible.dx-button.active span,.projectManagerFilterRowVisible.dx-button.active i{color:#0a63cc}
.menuDesignerContainer .menuDesignerContent .menuDesignerLeftSide .dx-treeview .activeNode{background-color:#f0f6ff;color:#0a4fa3}
.menuDesignerContainer .menuDesignerContent .menuDesignerRightSide .dx-tabpanel .dx-tabpanel-tabs .dx-tabs .dx-tabs-wrapper .dx-tab.dx-tab-selected{border-bottom:2px solid #0a63cc}
.hover\:text-primary:hover{color:rgb(10,99,204,var(--tw-text-opacity))}
:is([data-mode="dark"] .dark\:hover\:text-primary:hover){color:rgb(10,99,204,var(--tw-text-opacity))}
html[data-topbar-color=light]{--tw-topbar-item-active-bg:rgba(10,99,204,0.2);--tw-topbar-item-active-color:#0a63cc;--tw-topbar-item-hover-bg:rgba(10,99,204,0.2);--tw-topbar-item-hover-color:#0a63cc}
html[data-menu-color=light]{--tw-menu-item-active-color:#0a63cc;--tw-menu-item-active-bg:rgba(10,99,204,0.1);--tw-menu-item-hover-color:#0a63cc;--tw-menu-item-hover-bg:rgba(10,99,204,0.1)}
.text-warning{color:rgb(10,99,204,var(--tw-text-opacity))}
.card-radio .form-radio:checked+.form-label{border-color:rgb(10,99,204,var(--tw-border-opacity));color:rgb(10,99,204,var(--tw-text-opacity))}
.btn-radio .form-radio:checked+label{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.border-primary{border-color:rgb(10,99,204,var(--tw-border-opacity))}
.border-primary\/33{border-color:rgb(10,99,204,0.33)}
.border-b-primary{border-bottom-color:rgb(10,99,204,var(--tw-border-opacity))}
.bg-primary{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.bg-primary\/10{background-color:rgb(10,99,204,0.1)}
.bg-primary\/20{background-color:rgb(10,99,204,0.2)}
.bg-primary\/25{background-color:rgb(10,99,204,0.25)}
.from-primary{--tw-gradient-to:#0a63cc00 var(--tw-gradient-to-position)}
.text-primary{color:rgb(10,99,204,var(--tw-text-opacity))}
.text-primary\/10{color:rgb(10,99,204,0.1)}
.text-primary\/25{color:rgb(10,99,204,0.25)}
.text-primary\/50{color:rgb(10,99,204,0.5)}
.text-primary\/75{color:rgb(10,99,204,0.75)}
.text-primary\/90{color:rgb(10,99,204,0.9)}
.filter-options li:hover a,.filter-options li.active a,.filter-options li:active a,.filter-options li:focus a{background-color:rgb(10,99,204,var(--tw-bg-opacity));--tw-shadow-color:rgb(10,99,204,0.5)}
.swiper-button-next,.swiper-button-prev{background-color:rgb(10,99,204,0.2);color:rgb(10,99,204,var(--tw-text-opacity))}
[data-simplebar-primary] .simplebar-scrollbar:before{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.token.atrule,.token.attr-value,.token.keyword{color:rgb(10,99,204,var(--tw-text-opacity))}
.swal2-icon.swal2-question{border-color:rgb(10,99,204,var(--tw-border-opacity));color:rgb(10,99,204,var(--tw-text-opacity))}
.nested-list .list-group-item{border-color:rgb(10,99,204,0.05);background-color:rgb(10,99,204,0.05)}
.shepherd-button,.shepherd-button:not(:disabled):hover{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.gradient-theme .tippy-backdrop{background-color:rgb(10,99,204,var(--tw-bg-opacity));--tw-gradient-to:#0a63cc00 var(--tw-gradient-to-position)}
.noUi-connect{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.noUi-handle{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
#blue .noUi-connect{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.c-4-color{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
[data-slider-style=border] .noUi-handle{border-color:rgb(10,99,204,var(--tw-border-opacity))}
[data-slider-style=square] .noUi-handle{border-color:rgb(10,99,204,var(--tw-border-opacity))}
.flatpickr-months,.flatpickr-weekdays{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.flatpickr-day.today{border-color:rgb(10,99,204,var(--tw-border-opacity))}
.flatpickr-day.selected{border-color:rgb(10,99,204,var(--tw-border-opacity));background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.pcr-app .pcr-interaction .pcr-type.active{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.ql-toolbar span:hover{color:rgb(10,99,204,var(--tw-text-opacity))}
.gridjs-pagination .gridjs-pages button:hover{color:rgb(10,99,204,var(--tw-text-opacity))}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage{border-color:rgb(10,99,204,var(--tw-border-opacity));background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.jvm-tooltip{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.jvm-zoom-btn{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.gmaps-overlay{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.gmaps-overlay_arrow.above{border-top-color:rgb(10,99,204,var(--tw-border-opacity))}
.gmaps-overlay_arrow.below{border-bottom-color:rgb(10,99,204,var(--tw-border-opacity))}
.fc-state-down,.fc-state-active,.fc-state-disabled{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.hover\:bg-primary:hover{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.focus\:border-primary:focus{border-color:rgb(10,99,204,var(--tw-border-opacity))}
.focus\:bg-primary\/25:focus{background-color:rgb(10,99,204,0.25)}
.focus\:text-primary:focus{color:rgb(10,99,204,var(--tw-text-opacity))}
.focus\:ring-primary:focus{--tw-ring-color:rgb(10,99,204,var(--tw-ring-opacity))}
.fc-collapse.open .fc-collapse-open\:text-primary{color:rgb(10,99,204,var(--tw-text-opacity))}
.fc-collapse.open.fc-collapse-open\:text-primary{color:rgb(10,99,204,var(--tw-text-opacity))}
.active.fc-tab-active\:border-primary{border-color:rgb(10,99,204,var(--tw-border-opacity))}
.active.fc-tab-active\:border-b-primary{border-bottom-color:rgb(10,99,204,var(--tw-border-opacity))}
.active.fc-tab-active\:bg-primary{background-color:rgb(10,99,204,var(--tw-bg-opacity))}
.active.fc-tab-active\:text-primary{color:rgb(10,99,204,var(--tw-text-opacity))}
:is([data-mode="dark"] .dark\:focus\:bg-primary\/25:focus){background-color:rgb(10,99,204,0.25)}
:is([data-mode="dark"] .dark\:focus\:text-primary:focus){color:rgb(10,99,204,var(--tw-text-opacity))}
.custom-component .dx-checkbox-icon{color:#0a63cc !important}
.login-misc-buttons #changePassword{color:#0a7aff}
.flow-header-button:hover,.flow-header-button-active{background-color:#e1edff;color:#0a7aff;border-color:#9cc3ff}
.eBABadge.custom{background-color:#e8f1ff;color:#0a4fa3}
.error-page-body{color:#0a63cc}
.error-page-body>.error-container a:not(.error-note):hover{color:#0a63cc}
.error-icon{color:#0a63cc}
.error-description{color:#0a63cc}
.error-note{color:#0a63cc}
.error-toggle-icon{color:#0a63cc}
.error-details-label{color:#0a63cc}
.stack-trace{color:#0a63cc}
.support-label{color:#0a63cc}
.support-details td:first-child{color:#0a63cc}
.support-button{background:#0a7aff}
@media only screen and (max-width:480px){.wrapper #ContentMain .dashboardContainer .dashboardLeftSide .eBATab .eBATabNav .active{background-color:rgb(10,99,204,0.18)}}
.subMenuWrapper .subMenuContainer .subMenuFooter button{color:#0a7aff}
[id^="leftMenuDrawer"] .eBADrawer-content button:hover{background-color:#f0f6ff !important;color:#0a4fa3 !important}
#appListPopupWrapper .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,#appListPopupWrapper .dx-treelist-rowsview .dx-row-focused.dx-data-row>td:not(.dx-focused),#appListPopupWrapper .dx-treelist-rowsview .dx-row-focused.dx-data-row>tr>td:not(.dx-focused){background-color:#e8f1ff}
.dm-document-viewer-container .document-viewer-content .documentViewerRightSide .rightSideBox .subMenuFooter button{color:#0a7aff}
.toggleLogDetailBtnActive{background-color:#f0f6ff;color:#0a63cc;border:1px solid #0a63cc}
.toggleLogDetailBtnActive:hover{background-color:#e1edff;color:#0a63cc;border:1px solid #0a63cc}
.DMExplorerContainer .DMExplorerHeader .DMExplorerTitleWrapper .DMSizeGridButton{background-color:#e8f1ff;border-color:#0a63cc}
.DMExplorerContainer .DMExplorerHeader .DMExplorerTitleWrapper .DMSizeGridButton i{color:#0a63cc}
.DMExplorerContainer .DMExplorerContent .DMExplorerRepositoriesTreeWrapper .dx-treeview-item-content .mgc_drawer_2_fill,[id^="repositoriesTreeDrawer"] #repositoriesTree .dx-treeview-item-content .mgc_drawer_2_fill{color:#0a63cc}
.DMComparisonContainer .DMComparisonHeader .headerTitleContainer .sizeLeftSideBtn{background-color:#e8f1ff;border:1px solid #0a7aff}
.DMComparisonContainer .DMComparisonHeader .headerTitleContainer .sizeLeftSideBtn:hover{background-color:#d6e6ff}
.DMComparisonContainer .DMComparisonHeader .headerTitleContainer .sizeLeftSideBtn i{color:#0a7aff}
.DMSecurityContainer .DMSecurityContent .permissionWrapper .permissionRolesContainer .rolesContainer .rolesContent .searchWrapper .searchContainer .roleSearch:focus,[id^='permissionRolesDrawer'] .rolesContainer .rolesContent .searchWrapper .searchContainer .roleSearch:focus{border:1px solid #0a7aff}
.DMSecurityContainer .DMSecurityContent .permissionWrapper .permissionRolesContainer .rolesContainer .rolesContent .roleCategoryWrapper .roleCategory .subItemsContainer .subItem.active,[id^='permissionRolesDrawer'] .rolesContainer .rolesContent .roleCategoryWrapper .roleCategory .subItemsContainer .subItem.active{border-left:4px solid #0a7aff}
.page-item.active .page-link,.page-item.active .page-link:focus,.page-item.active .page-link:hover{color:#0a63cc;background-color:#e1edff;border-color:rgb(10,99,204,0.33)}


/* ── Giriş ekranı: NNAI ile aynı dil (NNAI.UI `ParticlesAuth` + nn.css §28) ──
   Solda fotoğraf + düz koyu perde: üstte marka satırı (Next Normal logosu + slogan),
   ortada portal adı + açıklama + üç madde (mavi işaret), altta künye. Sağda
   beyaz bölme: logosuz form, "Giriş yapın" başlığı, yumuşak zeminli alanlar,
   siyah kapsül düğme, sağ üstte yalnız bayrak. 992px altında tek bölme.

   eBA'nın HTML'i değişmez. #container ızgara olur; .login-screen ve
   .loginPanelContainer `display: contents` ile çözülür, böylece kart ve sözde
   öğeler (::before/::after) doğrudan ızgaranın hücrelerine yerleşir:
     #container::before        sol bölme: fotoğraf + perde (1. sütun, tüm satırlar)
     #container::after         marka satırı (logo + slogan) (1. satır)
     .login-screen::before     portal adı                 (3. satır)
     .loginPanelContainer::before  açıklama               (4. satır)
     .loginPanelContainer::after   üç madde               (5. satır)
     .login-screen::after      künye                      (7. satır)
     .card                     form (2. sütun, dikey ortada)
   Kapsam: yalnız giriş sayfasındaki #container.login-background */

#container.login-background {
    --nn-pad-x: 52px;
    --nn-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='30' viewBox='0 0 14 30'%3E%3Cpath d='M1.5 15.2 5 18.6 12.5 11' fill='none' stroke='%230a84ff' stroke-width='1.6'/%3E%3C/svg%3E");
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    grid-template-rows: auto 1fr auto auto auto 1fr auto;
    min-height: 100vh; height: auto !important; width: 100% !important;
    background: var(--nn-paper) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", system-ui, sans-serif;
    color: var(--nn-ink);
    -webkit-font-smoothing: antialiased;
}
#container.login-background .login-screen,
#container.login-background .loginPanelContainer { display: contents !important; }

/* Sol bölme zemini: fotoğraf + düz perde (degrade değil) */
#container.login-background::before {
    content: "";
    grid-column: 1; grid-row: 1 / -1;
    background:
        linear-gradient(rgba(9, 9, 11, .46), rgba(9, 9, 11, .46)),
        var(--nn-photo) 68% center / cover no-repeat,
        #0e0e10;
}

/* MARKA satırı: Next Normal logosu (beyaz) + altında "Technology for what's next" (Nihat, 2026-10-12) */
#container.login-background::after {
    content: "";
    grid-column: 1; grid-row: 1; align-self: start; justify-self: start;
    margin: 44px var(--nn-pad-x) 0;
    width: 338px; max-width: calc(100% - 2 * var(--nn-pad-x)); height: 63px;
    background: var(--nn-marka-logo-koyu) left top / auto 40px no-repeat, var(--nn-marka-slogan-koyu) left bottom / auto 9px no-repeat;
    filter: var(--nn-logo-koyu-filtre, none);   /* şirketin yalnız açık zemin logosu varsa beyaz siluet (tema\build.ps1) */
}

/* ÜRÜN bloğu: portal adı, açıklama, maddeler */
#container.login-background .login-screen::before {
    content: var(--nn-portal);
    grid-column: 1; grid-row: 3;
    margin: 0 var(--nn-pad-x);
    font-size: 46px; font-weight: 700; letter-spacing: -.032em; line-height: 1.02; color: #fff;
}
#container.login-background .loginPanelContainer::before {
    content: var(--nn-tagline);
    grid-column: 1; grid-row: 4;
    margin: 12px var(--nn-pad-x) 0; max-width: 28ch;
    font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, .70);
}
/* Üç madde tek öğede: satır yüksekliği = işaret karosunun boyu (30px), işaret her satırın solunda yinelenir.
   Madde metinleri kısa tutulur (tek satır); kaydırılan madde işaret hizasını bozar. */
#container.login-background .loginPanelContainer::after {
    content: var(--nn-point-1) "\A" var(--nn-point-2) "\A" var(--nn-point-3);
    white-space: pre;
    grid-column: 1; grid-row: 5;
    margin: 21px var(--nn-pad-x) 0; padding-left: 23px; overflow: hidden; text-overflow: ellipsis;
    font-size: 13.5px; line-height: 30px; color: rgba(255, 255, 255, .6);
    background: var(--nn-check) 0 0 / 14px 30px repeat-y;
}

/* ŞİRKET künyesi */
#container.login-background .login-screen::after {
    content: var(--nn-copyright);
    grid-column: 1; grid-row: 7;
    margin: 24px var(--nn-pad-x) 44px;
    font-size: 11.5px; color: rgba(255, 255, 255, .5);
}
#container.login-background .copyright-text { display: none !important; }

/* ── Sağ bölme: form ─────────────────────────────────────────────────────── */
#container.login-background .loginPanelContainer > .card {
    grid-column: 2; grid-row: 1 / -1; align-self: center; justify-self: center;
    width: min(400px, calc(100% - 48px)) !important; margin: 48px 0 !important; position: relative;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    background: transparent !important; overflow: visible !important;
}

/* Başlık: eBA logosu ve sürüm yerine "Giriş yapın" + alt satır */
#container.login-background .login-panel-header {
    display: block !important; height: auto !important; padding: 0 !important; margin: 0 0 24px !important;
    background: transparent !important; text-align: left !important;
}
#container.login-background .login-panel-header img,
#container.login-background .login-version { display: none !important; }
#container.login-background .login-panel-header::before {
    content: var(--nn-login-title);
    display: block; margin: 0 0 4px;
    font-size: 24px; font-weight: 700; letter-spacing: -.022em; line-height: 1.2; color: var(--nn-ink);
}
#container.login-background .login-panel-header::after {
    content: var(--nn-login-sub);
    display: block; font-size: 13.5px; color: var(--nn-muted);
}
#container.login-background #loginPanel,
#container.login-background #loginPanel .panel-content { padding: 0 !important; margin: 0 !important; background: transparent !important; }

/* Alanlar: 12px soluk etiket, 42px yumuşak zemin, çerçevesiz; odakta beyaz + marka halkası */
#container.login-background .flatLoginFormControl { margin: 0 0 16px !important; padding: 0 !important; overflow: visible !important; } /* eBA kırpıyor: odak halkası yanlardan kesiliyordu */
#container.login-background .flatLoginLabel,
#container.login-background .login-label {
    margin: 0 0 6px !important;
    font-size: 12px !important; font-weight: 400 !important; color: var(--nn-muted) !important;
}
#container.login-background .dx-texteditor.dx-editor-outlined {
    height: 42px !important; border: 0 !important; border-radius: 11px !important;
    background: var(--nn-track) !important; box-shadow: none !important;
}
#container.login-background .dx-texteditor.dx-editor-outlined::before,
#container.login-background .dx-texteditor.dx-editor-outlined::after { display: none !important; }
#container.login-background .dx-texteditor.dx-editor-outlined.dx-state-focused {
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(10, 122, 255, .18), 0 0 0 .5px rgba(0, 0, 0, .14) !important;
}
#container.login-background .dx-texteditor.dx-editor-outlined.dx-invalid { box-shadow: 0 0 0 1px #ff3b30 !important; }
#container.login-background .dx-texteditor-input {
    height: 42px !important; min-height: 42px !important; padding: 0 13px !important;
    font-size: 14px !important; color: var(--nn-ink) !important; background: transparent !important;
}
#container.login-background .dx-texteditor-input-container { padding: 0 !important; }
#container.login-background .dx-placeholder { line-height: 42px !important; }
#container.login-background .dx-placeholder::before { padding: 0 13px !important; font-size: 14px !important; color: var(--nn-faint) !important; }

/* Doğrulama resmi (yalnız hatalı denemelerden sonra görünür) */
#container.login-background .loginCaptcha { border-radius: 11px; }

/* Beni hatırla + Parolamı unuttum: tek satır */
#container.login-background .login-misc-buttons {
    display: flex !important; align-items: center; justify-content: space-between; margin: 4px 0 24px !important;
}
#container.login-background .login-misc-buttons > * { float: none !important; }
#container.login-background .loginCheckboxContainer .dx-checkbox-container { display: flex; align-items: center; gap: 9px; }
#container.login-background .loginCheckboxContainer .dx-checkbox-icon {
    width: 17px !important; height: 17px !important; border-radius: 5px !important;
    border: 1.5px solid var(--nn-faint) !important; background: #fff !important;
}
#container.login-background .loginCheckboxContainer.dx-checkbox-checked .dx-checkbox-icon {
    background: var(--nn-brand) !important; border-color: var(--nn-brand) !important; color: #fff !important;
}
#container.login-background .loginCheckboxContainer .dx-checkbox-text {
    padding: 0 !important; margin: 0 !important; font-size: 13px !important; color: var(--nn-ink-2) !important;
}
#container.login-background #changePassword { font-size: 12.5px !important; color: var(--nn-brand) !important; text-decoration: none !important; }
#container.login-background #changePassword:hover { text-decoration: underline !important; }

/* Giriş düğmesi: siyah kapsül (renkli değil) */
#container.login-background .dx-button-default {
    height: 44px !important; min-height: 44px !important; border: 0 !important; border-radius: 12px !important;
    background: var(--nn-ink) !important; box-shadow: none !important;
}
#container.login-background .dx-button-default:hover,
#container.login-background .dx-button-default.dx-state-hover { background: #2d2d30 !important; }
#container.login-background .dx-button-default.dx-state-focused { box-shadow: 0 0 0 3px rgba(0, 0, 0, .12) !important; }
#container.login-background .dx-button-default .dx-button-content { display: flex; align-items: center; justify-content: center; }
#container.login-background .dx-button-default .dx-button-text {
    font-size: 14.5px !important; font-weight: 500 !important; letter-spacing: 0 !important; color: #fff !important; text-transform: none !important;
}

/* Diğer giriş yolları ("veya" ayracı) eBA'da açıksa */
#container.login-background .login-footer .or { font-size: 12px; color: var(--nn-faint); padding: 0 10px; }

/* Dil seçici: sağ üstte 34px'lik beyaz kare, yalnız bayrak */
#container.login-background #language-options {
    position: absolute !important; top: 16px; right: 16px; left: auto !important; z-index: 5;
    width: auto !important; height: auto !important; margin: 0 !important;
}
#container.login-background #language-options > button {
    width: 34px !important; height: 34px !important; padding: 0 !important; border: 0 !important; border-radius: 9px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 0 0 .5px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .06) !important;
    display: inline-flex !important; align-items: center; justify-content: center;
}
#container.login-background #language-options > button:hover { background: #fff !important; }
#container.login-background #language-options > button > span { width: auto !important; height: auto !important; position: static !important; }
#container.login-background #language-options > button > span > span { display: none !important; }
#container.login-background #language-options > button img { width: 18px !important; height: 13px !important; border-radius: 2px; object-fit: cover; }
#container.login-background #language-dropdown { right: 0; left: auto; border-radius: 12px; border: 0 !important; box-shadow: 0 0 0 .5px rgba(0, 0, 0, .12), 0 12px 32px rgba(0, 0, 0, .14) !important; }

/* Dar ekran: sol bölme kalkar; formun üstünde lacivert logo + portal adı */
@media (max-width: 991.98px) {
    #container.login-background { grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto auto 1fr; }
    #container.login-background::before,
    #container.login-background::after,
    #container.login-background .loginPanelContainer::before,
    #container.login-background .loginPanelContainer::after,
    #container.login-background .login-screen::after { display: none; }
    #container.login-background .login-screen::before {
        content: var(--nn-portal);
        grid-column: 1; grid-row: 2; justify-self: center;
        width: min(400px, calc(100% - 32px)); margin: 48px 0 28px;
        padding-top: 50px; background: var(--nn-marka-logo) left top / auto 34px no-repeat;   /* lacivert logo, beyaz zeminde */
        font-size: 17px; font-weight: 700; letter-spacing: -.02em; line-height: 1.35; color: var(--nn-ink);
    }
    #container.login-background .loginPanelContainer > .card {
        grid-column: 1; grid-row: 3; align-self: start; width: min(400px, calc(100% - 32px)) !important; margin: 0 0 48px !important;
    }
}


/* ── Ana kabuk: üst bar, menü, ana sayfa ────────────────────────────────────
   Zemin yumuşak gri, yüzeyler beyaz + saç teli, köşeler 12px, gölge yok.
   Ana sayfanın tepesinde şirket kimliğini taşıyan karşılama şeridi. */

html body, .wrapper, .page-content { background-color: var(--nn-canvas) !important; }
.page-content, .page-content * { font-family: Inter, "Segoe UI", system-ui, sans-serif; }

/* Üst bar: beyaz, alt saç teli, şirket logosu */
header.app-header {
    background: rgba(255, 255, 255, .86) !important;
    -webkit-backdrop-filter: saturate(1.6) blur(14px); backdrop-filter: saturate(1.6) blur(14px);
    box-shadow: 0 .5px 0 rgba(0, 0, 0, .10) !important; border: 0 !important;
}
.logo-box img, .logo-text img { content: var(--nn-logo-on-light); height: 30px !important; width: auto !important; max-width: none !important; }
/* Avatar ve sağ üst köşe: 45-ust-bar.css (background kısaltması eBA'nın profil fotoğrafını eziyordu) */

/* Sol menü */
.app-menu { background: var(--nn-paper) !important; box-shadow: .5px 0 0 rgba(0, 0, 0, .10) !important; }
html[data-menu-color="light"] {
    --tw-menu-item-active-color: var(--nn-brand-ink); --tw-menu-item-hover-color: var(--nn-brand-ink);
    --tw-menu-item-active-bg: var(--nn-brand-soft); --tw-menu-item-hover-bg: var(--nn-brand-softer);
}
html[data-topbar-color="light"] {
    --tw-topbar-item-active-color: var(--nn-brand-ink); --tw-topbar-item-hover-color: var(--nn-brand-ink);
    --tw-topbar-item-active-bg: var(--nn-brand-soft); --tw-topbar-item-hover-bg: var(--nn-brand-softer);
}
:root { --dx-color-primary: var(--nn-brand); --tw-body-bg: var(--nn-canvas); }

/* Karşılama şeridi: fotoğraf + koyu perde + portal adı ve şirket */
.dashboardLeftSide > div:first-child {
    position: relative; overflow: hidden;
    min-height: 132px; margin-bottom: 24px !important; padding: 0 32px !important;
    border-radius: 16px;
    background:
        linear-gradient(90deg, rgba(9, 9, 11, .78) 0%, rgba(9, 9, 11, .45) 60%, rgba(9, 9, 11, .15) 100%),
        var(--nn-photo) center 40% / cover no-repeat, #0e0e10;
}
.dashboardLeftSide > div:first-child h4 {
    font-size: 26px !important; font-weight: 700 !important; letter-spacing: -.025em; color: #fff !important;
}
.dashboardLeftSide > div:first-child h4::after {
    content: var(--nn-portal) "\2003·\2003" var(--nn-company);
    display: block; margin-top: 6px;
    font-size: 13.5px; font-weight: 400; letter-spacing: 0; color: rgba(255, 255, 255, .72);
}
.dashboardLeftSide > div:first-child::after {
    content: ""; position: absolute; right: 32px; top: 50%; transform: translateY(-50%);
    width: 150px; height: 40px; opacity: .95;
    background: var(--nn-logo-on-dark) right center / contain no-repeat;
    filter: var(--nn-logo-koyu-filtre, none);
}

/* Kartlar: saç teli, gölgesiz, 12px; üzerine gelince hafif kalkış */
.page-content .card:not(.bg-transparent) {
    border: 0 !important; border-radius: var(--nn-radius) !important;
    box-shadow: var(--nn-hair) !important; background: var(--nn-paper);
    transition: transform .15s ease, box-shadow .15s ease;
}
.page-content .col-span-1 > .card:hover,
.page-content .quick-access-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 0 .5px rgba(0, 0, 0, .10), 0 8px 24px rgba(0, 0, 0, .08) !important;
    background: var(--nn-paper) !important;
}
.page-content .col-span-1 > .card h5 { font-size: 12px !important; font-weight: 500 !important; text-transform: uppercase; letter-spacing: .04em; color: var(--nn-muted) !important; }
.page-content .col-span-1 > .card h5 + * { font-size: 26px !important; font-weight: 700 !important; letter-spacing: -.02em; color: var(--nn-ink) !important; font-variant-numeric: tabular-nums; }

/* Bölüm başlıkları ve sekmeler */
.page-content h4 { font-size: 17px !important; font-weight: 650 !important; letter-spacing: -.015em; }
.page-content .eBATabNav { border-color: rgba(0, 0, 0, .08) !important; }

/* Hızlı erişim kutucukları: marka degrade ikon */
.quick-access-box-content > div {
    width: 40px !important; height: 40px !important; border-radius: 11px !important;
    background: linear-gradient(135deg, #45a4de, var(--nn-brand-ink)) !important; color: #fff !important;
    font-weight: 600; box-shadow: 0 4px 10px rgba(10, 122, 255, .22);
}
.quick-access-box-content > div i, .quick-access-box-content > div span { color: #fff !important; }

/* Aktivite tablosu */
.page-content table.basic-grid thead th { font-size: 12px !important; font-weight: 600 !important; color: var(--nn-muted) !important; background: transparent !important; }
.page-content table.basic-grid tr.basic-grid-row:hover { background: var(--nn-brand-softer) !important; }
.page-content table.basic-grid tbody { border-color: rgba(0, 0, 0, .06) !important; }


/* ── Üst çubuk: sağ üst köşe (Nihat, 2026-10-05: "orası hiç el değmemiş") ─────────────────
   Tek sade grup: ikonlar ince çizgili tek kapta; ayraç; kullanıcı = ad + rol + avatar.
   Açılır paneller ana sayfa kart dilinde (14px köşe, saç teli + yumuşak gölge, oksuz).
   Renk yalnız anlam: mavi = eylem/açık panel/okunmamış sayı, amber = başkası adına oturum, kırmızı = çıkış/önemli.
   Seçiciler eBA Plus 10 eBATopMenu DOM'una göredir (bundle.js "eBA.eBATopMenu"); 46-neutral'dan sonra da
   kazanması için özgüllük html body #divTopMenuContainer ile yükseltildi. JS katmanı: anasayfa/ustbar.js. */

/* Kap */
html body #divTopMenuContainer { gap: 12px; }
html body #divTopMenuContainer .topMenu {
    display: flex; align-items: center; gap: 2px; padding: 3px; background: #fff; border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .03);
}

/* İkon düğmeleri */
html body #divTopMenuContainer .topMenu .headerButton {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    width: 36px !important; height: 36px !important; padding: 0 !important; border: 0; border-radius: 9px !important;
    color: #424245 !important; background: transparent !important; transition: background .12s, color .12s;
}
html body #divTopMenuContainer .topMenu .headerButton:hover { background: rgba(0, 0, 0, .05) !important; color: #1d1d1f !important; }
html body #divTopMenuContainer .topMenu .headerButton.active { background: rgba(10, 122, 255, .10) !important; color: #0a63cc !important; }
html body #divTopMenuContainer .topMenu .headerButton:focus { outline: none; }
html body #divTopMenuContainer .topMenu .headerButton:focus-visible { outline: 2px solid #0a7aff; outline-offset: 1px; }
html body #divTopMenuContainer .topMenu .headerButton > .icon,
html body #divTopMenuContainer .topMenu .headerButton > .icon.top-menu-icon {
    width: 20px !important; height: 20px !important; padding: 0 !important; font-size: 20px; line-height: 1;
}
html body #divTopMenuContainer .topMenu .headerButton > .icon i { font-size: 20px; }

/* Rozet (okunmamış / bekleyen sayısı) — eBA'nın .count'u; görünürlüğü eBA satır içi display ile yönetir */
html body #divTopMenuContainer .topMenu .headerButton > .count {
    position: absolute; top: 0; right: -2px; left: auto; display: inline-flex; align-items: center; justify-content: center;
    min-width: 17px; height: 17px; padding: 0 5px !important; border: 0 !important; border-radius: 999px;
    background: #0a7aff !important; color: #fff !important; box-shadow: 0 0 0 2px #fff;
    font: 700 10.5px/1 Inter, "Segoe UI", system-ui, sans-serif; font-variant-numeric: tabular-nums; letter-spacing: 0; pointer-events: none;
}

/* Ctrl+K yer tutucusu (ustbar.js; komut paleti hazır olunca görünür) */
html body #divTopMenuContainer .nn-ub-ara {
    display: inline-flex; align-items: center; gap: 8px; height: 38px; min-width: 240px; padding: 0 8px 0 12px; border: 0; border-radius: 11px;
    background: #f5f5f7; color: #86868b; font: 500 13px Inter, "Segoe UI", system-ui, sans-serif; cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06); transition: background .12s, box-shadow .12s;
}
html body #divTopMenuContainer .nn-ub-ara[hidden] { display: none; }
html body #divTopMenuContainer .nn-ub-ara:hover { background: #fff; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .35); }
html body #divTopMenuContainer .nn-ub-ara:focus-visible { outline: 2px solid #0a7aff; outline-offset: 1px; }
html body #divTopMenuContainer .nn-ub-ara i { font-size: 17px; color: #86868b; }
html body #divTopMenuContainer .nn-ub-ara span { flex: 1 1 auto; text-align: left; }
html body #divTopMenuContainer .nn-ub-ara kbd {
    font: 600 11px Inter, "Segoe UI", system-ui, sans-serif; color: #86868b; background: #fff; border-radius: 6px; padding: 3px 6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
}

/* Kullanıcı çipi: ayraç + ad/rol + avatar (tamamı #userPhoto — tıklama eBA menüsünü açar) */
html body #divTopMenuContainer #photoAndMenuContainer { display: flex; align-items: center; padding-left: 12px; border-left: 1px solid rgba(0, 0, 0, .08); }
html body #divTopMenuContainer #photoAndMenuContainer #userPhoto {
    width: auto; height: 42px; gap: 10px; padding: 4px; border-radius: 999px; position: relative; transition: background .12s, box-shadow .12s;
}
html body #divTopMenuContainer #photoAndMenuContainer #userPhoto:has(.nn-ub-kim) { padding-left: 12px; }
html body #divTopMenuContainer #photoAndMenuContainer #userPhoto:hover { background: rgba(0, 0, 0, .04); }
html body #divTopMenuContainer #photoAndMenuContainer #userPhoto:focus { outline: none; }
html body #divTopMenuContainer #photoAndMenuContainer #userPhoto:focus-visible { outline: 2px solid #0a7aff; outline-offset: 1px; }
html body #divTopMenuContainer #photoAndMenuContainer #userPhoto .userImg {
    flex: 0 0 34px; width: 34px; height: 34px; border: 0 !important; border-radius: 50%; box-shadow: none !important;
    background-color: #0a7aff !important; color: #fff !important; font: 600 12.5px Inter, "Segoe UI", system-ui, sans-serif; letter-spacing: .02em;
}
html body #divTopMenuContainer .nn-ub-kim { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; max-width: 200px; line-height: 1.25; text-align: right; }
html body #divTopMenuContainer .nn-ub-kim b, html body #divTopMenuContainer .nn-ub-kim small { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body #divTopMenuContainer .nn-ub-kim b { font: 600 13px Inter, "Segoe UI", system-ui, sans-serif; color: #1d1d1f; }
html body #divTopMenuContainer .nn-ub-kim small { font: 400 11.5px Inter, "Segoe UI", system-ui, sans-serif; color: #86868b; }

/* Başkası adına / vekâleten: amber çip; büyük avatar = adına çalışılan kişi, küçük = kendin */
html body #divTopMenuContainer #photoAndMenuContainer[data-nn-kip] #userPhoto { background: rgba(255, 149, 0, .10); box-shadow: inset 0 0 0 1px rgba(255, 149, 0, .38); }
html body #divTopMenuContainer #photoAndMenuContainer[data-nn-kip] #userPhoto:hover { background: rgba(255, 149, 0, .16); }
html body #divTopMenuContainer #photoAndMenuContainer[data-nn-kip] .nn-ub-kim small { color: #a35f00; font-weight: 600; }
html body #divTopMenuContainer .nn-ub-cift { position: relative; flex: 0 0 40px; width: 40px; height: 34px; }
html body #divTopMenuContainer #photoAndMenuContainer #userPhoto .nn-ub-cift span {
    position: absolute; border: 0 !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff;
    font-family: Inter, "Segoe UI", system-ui, sans-serif; font-weight: 600; letter-spacing: .02em;
}
html body #divTopMenuContainer #photoAndMenuContainer #userPhoto .nn-ub-cift span:nth-of-type(2) {
    left: 0; top: 0; right: auto; bottom: auto; width: 34px; height: 34px; font-size: 12.5px; background-color: #0a7aff !important;
}
html body #divTopMenuContainer #photoAndMenuContainer #userPhoto .nn-ub-cift span:nth-of-type(1) {
    right: -5px; bottom: -6px; left: auto; top: auto; z-index: 1; width: 19px; height: 19px; font-size: 9px;
    background-color: #86868b !important; box-shadow: 0 0 0 2px #fff;
}

/* İpucu (eBA dxTooltip; ustbar.js sarmalayıcıya .nn-ub-tip ekler) */
.nn-ub-tip .dx-overlay-content { border: 0 !important; border-radius: 8px !important; background: #1d1d1f !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .14) !important; min-height: 0 !important; }
.nn-ub-tip .dx-overlay-content .dx-popup-content { padding: 6px 10px !important; font: 500 12px Inter, "Segoe UI", system-ui, sans-serif !important; }
.nn-ub-tip .dx-popover-arrow { display: none !important; }

/* ── Açılır paneller: duyurular, mesajlar, bilgilendirmeler, onaylar, sistem yöneticisi ── */
.subMenuWrapper .dx-popover-arrow { display: none !important; }
.subMenuWrapper .dx-overlay-content, #userMenuWrapper .dx-overlay-content {
    border: 0 !important; border-radius: 14px !important; background: #fff !important; overflow: hidden;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 16px 40px rgba(17, 24, 39, .14) !important;
}
.subMenuWrapper, .subMenuWrapper *, #userMenuWrapper, #userMenuWrapper * { font-family: Inter, "Segoe UI", system-ui, sans-serif; }
.subMenuWrapper .dx-overlay-content { margin-top: 4px; }
.subMenuWrapper .subMenuContainer { width: 400px; }
.subMenuWrapper .subMenuContainer .subMenuHeader { padding: 14px 16px 12px; min-height: 54px; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.subMenuWrapper .subMenuContainer .subMenuHeader > span { font-size: 15px !important; font-weight: 650 !important; letter-spacing: -.01em; color: #1d1d1f; }
.subMenuWrapper .subMenuContainer .subMenuHeader .dx-button {
    height: 30px; border-radius: 8px !important; border: 0 !important; background: #fff !important; color: #0a63cc !important;
    box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .3) !important;
}
.subMenuWrapper .subMenuContainer .subMenuHeader .dx-button:hover { background: rgba(10, 122, 255, .06) !important; }
.subMenuWrapper .subMenuContainer .subMenuHeader .dx-button .dx-button-content { padding: 0 10px; }
.subMenuWrapper .subMenuContainer .subMenuHeader .dx-button .dx-icon,
.subMenuWrapper .subMenuContainer .subMenuHeader .dx-button .dx-button-text { color: #0a63cc !important; font-size: 13px; font-weight: 600; }

/* Liste satırları: ana sayfa satır dili — nötr ikon karosu, başlık + #no, alt satır gri, süre sağ üstte */
.subMenuWrapper .subMenuContainer .subMenuContent { padding: 6px !important; gap: 2px; }
.subMenuWrapper .subMenuContainer .messagesContent .section,
.subMenuWrapper .subMenuContainer .notificationsContent .section,
.subMenuWrapper .subMenuContainer .approvalsContent .section { gap: 2px; }
.subMenuWrapper .subMenuContainer .subMenuContent .annItemContainer,
.subMenuWrapper .subMenuContainer .messagesContent .section .msgItemContainer,
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer,
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer {
    align-items: flex-start; gap: 12px; padding: 10px 12px; border: 0; border-radius: 10px; transition: background .12s;
}
.subMenuWrapper .subMenuContainer .subMenuContent .annItemContainer:hover,
.subMenuWrapper .subMenuContainer .messagesContent .section .msgItemContainer:hover,
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer:hover,
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer:hover { background: #f5f5f7; }
.subMenuWrapper .subMenuContainer .subMenuContent .annItemContainer > .icon,
.subMenuWrapper .subMenuContainer .messagesContent .section .msgItemContainer > .icon,
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer > .icon,
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer > .icon {
    flex: 0 0 34px; width: 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center;
    font-size: 18px; background: rgba(0, 0, 0, .04); color: #424245;
}
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer > .icon { background: rgba(10, 122, 255, .08); color: #0a63cc; }
.subMenuWrapper .subMenuContainer .subMenuContent .annItemContainer > .icon.importantIcon { background: rgba(255, 59, 48, .10); color: #c62a20; }
.subMenuWrapper .subMenuContainer .subMenuContent .annItemContainer > div,
.subMenuWrapper .subMenuContainer .messagesContent .section .msgItemContainer > div { flex: 1 1 auto; min-width: 0; }

/* Başlıklar */
.subMenuWrapper .subMenuContainer .subMenuContent .annItemContainer .title { width: auto; max-width: calc(100% - 64px); font-size: 13.5px; font-weight: 600; color: #1d1d1f; padding-bottom: 2px; }
.subMenuWrapper .subMenuContainer .subMenuContent .annItemContainer .description,
.subMenuWrapper .subMenuContainer .messagesContent .section .msgItemContainer .description { font-size: 12.5px; color: #86868b; line-height: 1.4; }
.subMenuWrapper .subMenuContainer .subMenuContent .annItemContainer > div > span { top: 12px; right: 12px; font-size: 11.5px; color: #aeaeb2; font-variant-numeric: tabular-nums; }
.subMenuWrapper .subMenuContainer .messagesContent .section .msgItemContainer .title { font-size: 13.5px; color: #1d1d1f; padding-bottom: 2px; }
.subMenuWrapper .subMenuContainer .messagesContent .section .msgItemContainer span:first-child { font-size: 12px; font-weight: 500; color: #424245; }
.subMenuWrapper .subMenuContainer .messagesContent .section .msgItemContainer span:last-child { font-size: 12px; color: #aeaeb2; }
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer > div .title,
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer > div .title { gap: 6px; align-items: baseline; padding: 0 64px 2px 0; }
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer > div .title span:first-child,
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer > div .title span:first-child {
    order: 2; padding: 0; font-size: 13px; font-weight: 500; color: #86868b; font-variant-numeric: tabular-nums;
}
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer > div .title span:last-child,
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer > div .title span:last-child { order: 1; font-size: 13.5px; font-weight: 600; color: #1d1d1f; }
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer > div > div:last-child,
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer > div > div:last-child { gap: 6px !important; flex-wrap: wrap; }
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer > div > div:last-child > span:first-child,
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer > div > div:last-child > span:first-child { font-size: 12px; font-weight: 500; color: #424245; }
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer > div > div:last-child > span:nth-child(2),
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer > div > div:last-child > span:nth-child(2) { font-size: 12px; color: #86868b; font-variant-numeric: tabular-nums; }
.subMenuWrapper .subMenuContainer .notificationsContent .section .notificationItemContainer > div > div:last-child > span:last-child,
.subMenuWrapper .subMenuContainer .approvalsContent .section .approvalItemContainer > div > div:last-child > span:last-child {
    top: 12px; right: 12px; font-size: 11.5px; color: #aeaeb2; font-variant-numeric: tabular-nums;
}

/* Boş durum: görsel küçük, metin sakin */
.subMenuWrapper .subMenuContainer .subMenuContent.items-center { justify-content: center; gap: 10px; min-height: 288px; }
.subMenuWrapper .subMenuContainer .subMenuContent.items-center > img { width: 96px; opacity: .9; }
.subMenuWrapper .subMenuContainer .subMenuContent.items-center .text-base { font-size: 14px; font-weight: 600; color: #1d1d1f; }
.subMenuWrapper .subMenuContainer .subMenuContent.items-center .text-xs { margin-top: 4px; font-size: 12.5px !important; line-height: 1.5; color: #86868b !important; font-weight: 400; }

/* Alt bağlantı */
.subMenuWrapper .subMenuContainer .subMenuFooter { padding: 8px; border-top: 1px solid rgba(0, 0, 0, .06); }
.subMenuWrapper .subMenuContainer .subMenuFooter button {
    width: 100%; height: 34px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #0a63cc !important; transition: background .12s;
}
.subMenuWrapper .subMenuContainer .subMenuFooter button:hover { background: rgba(10, 122, 255, .06); color: #0a63cc !important; }

/* Sistem yöneticisi menüsü */
.subMenuWrapper .dx-popup-content:has(> .menuManagerContainer) { padding: 6px !important; }
.subMenuWrapper .menuManagerContainer { gap: 2px; }
.subMenuWrapper .menuManagerContainer button {
    height: 36px !important; gap: 10px; padding: 0 10px; border-radius: 8px; font-size: 13.5px; color: #1d1d1f; transition: background .12s;
}
.subMenuWrapper .menuManagerContainer button i { font-size: 18px !important; color: #86868b; transition: color .12s; }
.subMenuWrapper .menuManagerContainer button:hover { background: #f5f5f7; }
.subMenuWrapper .menuManagerContainer button:hover i { color: #0a63cc; }

/* ── Kullanıcı menüsü ── */
#userMenuWrapper .dx-overlay-content { margin-top: 6px; }
#userMenuWrapper .userMenuContainer { width: 320px; }
#userMenuWrapper .userMenuContainer button { transition: background .12s, color .12s; }
#userMenuWrapper .userMenuContainer .headerContainer { padding: 14px 8px 6px; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop { padding: 2px 6px 12px; gap: 12px; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide { gap: 12px; min-width: 0; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide > div:not(.delegationUserPhotos) { flex: 0 0 48px; width: 48px !important; height: 48px !important; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide .headerImg {
    width: 48px; height: 48px; border: 0; background-color: #0a7aff; font-size: 16px; font-weight: 600; letter-spacing: .02em;
}
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide .divUpload { top: 48px; width: 48px; height: 48px; font-size: 9px; opacity: .55; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide .headerImg:hover + .divUpload,
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide .divUpload:hover { top: 0; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide span { min-width: 0; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide span div:nth-of-type(1) { font-size: 15px; font-weight: 650; letter-spacing: -.01em; color: #1d1d1f; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide span div:nth-of-type(2) { margin-top: 2px; font-size: 12.5px; color: #86868b; }

/* Menü satırları: Hesabım, QR, başkası adına, çıkış */
#userMenuWrapper .userMenuContainer .headerContainer .headerBottom button,
#userMenuWrapper .userMenuContainer .contentBottom button,
#userMenuWrapper .userMenuContainer .footerContainer button {
    height: 36px; gap: 10px; padding: 0 10px; border-radius: 8px; font-size: 13.5px; color: #1d1d1f;
}
#userMenuWrapper .userMenuContainer .headerContainer .headerBottom button i,
#userMenuWrapper .userMenuContainer .contentBottom button i { font-size: 18px; color: #86868b; }
#userMenuWrapper .userMenuContainer .headerContainer .headerBottom button:hover,
#userMenuWrapper .userMenuContainer .contentBottom button:hover { background: #f5f5f7; }
#userMenuWrapper .userMenuContainer .headerContainer .headerBottom button:hover i,
#userMenuWrapper .userMenuContainer .contentBottom button:hover i { color: #0a63cc; }
#userMenuWrapper .userMenuContainer .contentTop,
#userMenuWrapper .userMenuContainer .contentBottom,
#userMenuWrapper .userMenuContainer .footerContainer { border-top: 1px solid rgba(0, 0, 0, .06); padding: 6px 8px; }
#userMenuWrapper .userMenuContainer .footerContainer button { color: #c62a20; }
#userMenuWrapper .userMenuContainer .footerContainer button i { font-size: 18px; color: #c62a20; }
#userMenuWrapper .userMenuContainer .footerContainer button:hover { background: rgba(255, 59, 48, .08); }

/* Vekâletler (eBAAllDelegations): başlık küçük, boş durum görselsiz */
#userMenuWrapper .userMenuContainer .contentTop { padding: 10px 14px; }
#userMenuWrapper .userMenuContainer .contentTop .takenDelegationHeader { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #aeaeb2; }
#userMenuWrapper .userMenuContainer .contentTop .emptyContent { padding: 6px 0 4px; gap: 2px; align-items: flex-start; }
#userMenuWrapper .userMenuContainer .contentTop .emptyContent img { display: none; }
#userMenuWrapper .userMenuContainer .contentTop .emptyContent p { margin: 0; }
#userMenuWrapper .userMenuContainer .contentTop .emptyContent p:nth-of-type(1) { font-size: 13px; font-weight: 600; color: #1d1d1f; }
#userMenuWrapper .userMenuContainer .contentTop .emptyContent p:nth-of-type(2) { width: auto; text-align: left; font-size: 12.5px; color: #86868b; }
#userMenuWrapper .userMenuContainer .contentTop .dx-list-item:not(:first-of-type) { border-top: 1px solid rgba(0, 0, 0, .05); }
#userMenuWrapper .userMenuContainer .contentTop .dx-list-item .dx-list-item-content { padding: 0 8px; border-radius: 8px; transition: background .12s; }
#userMenuWrapper .userMenuContainer .contentTop .dx-list-item .dx-list-item-content:hover { background: #f5f5f7; }
#userMenuWrapper .userMenuContainer .contentTop .dx-list-item .dx-list-item-content .takenDelegationItem { height: 52px; font-size: 13px; }

/* Başkası adına / vekâleten: çift avatar + "Kendi oturumuma dön" */
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide .delegationUserPhotos { flex: 0 0 52px; width: 52px; height: 48px; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide .delegationUserPhotos span { border: 0; font-weight: 600; letter-spacing: .02em; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide .delegationUserPhotos span:nth-of-type(2) {
    left: 0; top: 0; width: 48px; height: 48px; font-size: 16px; background-color: #0a7aff;
}
#userMenuWrapper .userMenuContainer .headerContainer .headerTop .leftSide .delegationUserPhotos span:nth-of-type(1) {
    left: auto; top: auto; right: -2px; bottom: -4px; z-index: 1; width: 24px; height: 24px; font-size: 10px; background-color: #86868b; box-shadow: 0 0 0 2px #fff;
}
#userMenuWrapper .userMenuContainer .headerContainer .headerTop > button {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; width: auto; min-width: 32px;
    padding: 0 10px; border-radius: 8px; font-size: 12.5px; font-weight: 600; color: #a35f00; background: rgba(255, 149, 0, .12); white-space: nowrap;
}
#userMenuWrapper .userMenuContainer .headerContainer .headerTop > button i { font-size: 16px; }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop > button:hover { background: rgba(255, 149, 0, .2); }
#userMenuWrapper .userMenuContainer .headerContainer .headerTop:has(> .nn-ub-don) { flex-wrap: wrap; }

/* Dar ekran */
@media (max-width: 1100px) { html body #divTopMenuContainer .nn-ub-ara { min-width: 0; } html body #divTopMenuContainer .nn-ub-ara span, html body #divTopMenuContainer .nn-ub-ara kbd { display: none; } }
@media (max-width: 900px) {
    html body #divTopMenuContainer .nn-ub-kim { display: none; }
    html body #divTopMenuContainer #photoAndMenuContainer #userPhoto:has(.nn-ub-kim) { padding-left: 4px; }
}
@media (max-width: 480px) {
    html body #divTopMenuContainer { gap: 6px; padding-right: 8px; }
    html body #divTopMenuContainer .topMenu { padding: 2px; gap: 0; }
    html body #divTopMenuContainer .topMenu .headerButton { width: 34px !important; height: 34px !important; }
    html body #divTopMenuContainer #photoAndMenuContainer { padding-left: 6px; }
    .subMenuWrapper .subMenuContainer, #userMenuWrapper .userMenuContainer { width: 94vw; }
}


/* ── Nötr kabuk: gradyan, fotoğraf, cam efekti YOK ─────────────────────────
   Renk yalnız anlam taşır; yüzeyler beyaz + 1px saç teli, zemin #f5f5f7. */
html body, html body .wrapper, html body .page-content, html body main { background: #f5f5f7 !important; }
header.app-header { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 1px 0 rgba(0, 0, 0, .08) !important; }
/* Üst sağ köşe (ikonlar, rozet, avatar, paneller): 45-ust-bar.css */

/* Başlık bandı: fotoğraf yerine düz başlık */
.dashboardLeftSide > div:first-child { background: transparent !important; min-height: 0 !important; padding: 4px 0 0 !important; margin-bottom: 20px !important; border-radius: 0 !important; }
.dashboardLeftSide > div:first-child::after { display: none !important; }
.dashboardLeftSide > div:first-child h4 { color: #1d1d1f !important; font-size: 28px !important; font-weight: 700 !important; letter-spacing: -.028em; }
.dashboardLeftSide > div:first-child h4::after { color: #86868b !important; font-size: 14px !important; margin-top: 4px; }

/* Kartlar: beyaz + saç teli, gölgesiz */
.page-content .card:not(.bg-transparent), .dashboardContainer .card:not(.bg-transparent) {
    background: #fff !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08) !important; border-radius: 14px !important; transform: none !important;
}
.page-content .col-span-1 > .card:hover, .page-content .quick-access-box:hover { transform: none !important; background: #fafafa !important; }

/* KPI: tek tip, nötr ikon zemini */
.dashboardBoxesContainer .card .w-12.h-12 { background: rgba(0, 0, 0, .04) !important; color: #424245 !important; border-radius: 12px !important; }
.dashboardBoxesContainer .card h5 { text-transform: none !important; letter-spacing: 0 !important; font-size: 12.5px !important; color: #86868b !important; }
.dashboardBoxesContainer .card h5 + p { font-size: 28px !important; color: #1d1d1f !important; }

/* Hızlı erişim: düz, tek renk ikon */
.quick-access-box-content > div { background: rgba(10, 122, 255, .08) !important; color: #0a63cc !important; box-shadow: none !important; }
.quick-access-box-content > div i, .quick-access-box-content > div span { color: #0a63cc !important; }

/* Tablolar: sade */
.page-content table.basic-grid tr.basic-grid-row:hover { background: #fafafa !important; }


/* == 47-akis: akış ekranı kabuğu (Seçenek A) — onay adımları ağacı, eylem düğmeleri, sağ panel (anasayfa/akis.js) == */

/* ── Onay adımları ağacı: başlığın altında, en çok 3 satır (yol · olası adımlar · çıkışlar) ── */
.nn-akis { margin: 0 0 16px; padding: 12px 18px; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07); display: flex; flex-direction: column; gap: 10px; }
.nn-akis.nn-akis-bos { display: none; }
.nn-akis-satir { display: flex; align-items: center; gap: 12px; min-width: 0; }
.nn-akis-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px; padding-top: 2px; }
.nn-akis-grup { display: flex; align-items: center; gap: 10px; min-width: 0; }
.nn-akis-etiket { flex: 0 0 auto; font-size: 12px; font-weight: 600; color: #6e6e73; }
.nn-akis-yol { display: flex; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: thin; min-width: 0; padding: 2px; }
.nn-ok { flex: 0 0 18px; height: 1px; background: rgba(0, 0, 0, .18); position: relative; }
.nn-ok::after { content: ""; position: absolute; right: -1px; top: -3px; border: 3.5px solid transparent; border-left-color: rgba(0, 0, 0, .3); }
.nn-ad { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; max-width: 260px; padding: 6px 12px 6px 8px; border-radius: 10px; font-size: 13px; line-height: 1.25; color: #1d1d1f; background: #fff; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); }
.nn-ad-m { display: flex; flex-direction: column; min-width: 0; }
.nn-ad-m b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-ad-m small { font-size: 11.5px; color: #6e6e73; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-ad-ik { flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.nn-ad-gecti .nn-ad-ik { background: #e8f6ec; color: #1f8a3b; }
.nn-ad-simdi { background: #f0f6ff; box-shadow: inset 0 0 0 1.5px #0a7aff; }
.nn-ad-simdi .nn-ad-ik { background: #0a7aff; color: #fff; }
.nn-ad-simdi b { color: #0a4fa3; }
.nn-ad-olasi { padding-left: 12px; color: #6e6e73; background: transparent; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); border-radius: 10px; outline: 1px dashed rgba(0, 0, 0, .14); outline-offset: -1px; box-shadow: none; }
.nn-ad-olasi b { font-weight: 500; }
.nn-akis-s2 .nn-akis-yol { gap: 8px; }
.nn-akis-s3 .nn-ad { font-size: 12px; padding: 4px 10px 4px 6px; color: #9a3412; background: #fff7ed; box-shadow: inset 0 0 0 1px rgba(194, 65, 12, .18); }
.nn-akis-s3 .nn-ad-ik { flex-basis: 18px; width: 18px; height: 18px; font-size: 11px; background: transparent; color: #c2410c; }
.nn-akis-s3 .nn-ad b { font-weight: 500; }
.nn-ad-iskelet { width: 150px; height: 38px; background: #f2f3f5; animation: nnAkisIskelet 1.1s infinite ease-in-out alternate; box-shadow: none; }
@keyframes nnAkisIskelet { from { opacity: 1; } to { opacity: .45; } }
@media (max-width: 760px) {
  .nn-akis { padding: 12px; }
  .nn-akis-s2, .nn-akis-s3 { display: none; }   /* dar ekranda yalnız ana yol, yatay kayar */
  .nn-akis-etiket { display: none; }
}

/* ── Başlıkta Modern | Klasik görünüm seçimi ── */
:is(.flow-manager-header, .document-viewer-header) .nn-gorunum { margin-left: auto; display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: rgba(0, 0, 0, .05); }
:is(.flow-manager-header, .document-viewer-header) .nn-gorunum[hidden] { display: none; }
.nn-gorunum button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; padding: 6px 12px; border-radius: 8px; font-size: 13px; color: #6e6e73; cursor: pointer; white-space: nowrap; }
.nn-gorunum button i { font-size: 15px; }
.nn-gorunum button:hover { color: #1d1d1f; }
.nn-gorunum button.is-secili { background: #fff; color: #1d1d1f; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.nn-gorunum button.is-secili i { color: #0a7aff; }
@media (max-width: 760px) { .nn-gorunum button { padding: 6px 8px; font-size: 0; gap: 0; } .nn-gorunum button i { font-size: 16px; } }

/* ── Görünüm eklentileri (anasayfa/akis.js gorunumEk, form/gorunum.js): "Görünüm" menüsü + "Okuma özeti" çekmecesi ── */
:is(.flow-manager-header, .document-viewer-header) .nn-gorunum-ek { margin-left: auto; display: inline-flex; gap: 6px; align-items: center; }
:is(.flow-manager-header, .document-viewer-header) .nn-gorunum-ek[hidden] { display: none; }
:is(.flow-manager-header, .document-viewer-header) .nn-gorunum-ek:not([hidden]) + .nn-gorunum { margin-left: 8px; }
.nn-ge-dugme { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border: 1px solid rgba(0, 0, 0, .12); border-radius: 10px; background: #fff; font-size: 13px; color: #1d1d1f; cursor: pointer; white-space: nowrap; }
.nn-ge-dugme i { font-size: 15px; color: #6e6e73; }
.nn-ge-dugme .nn-ge-ok { font-size: 14px; margin-left: -2px; }
.nn-ge-dugme:hover { background: #f5f8ff; border-color: rgba(0, 0, 0, .2); }
.nn-ge-dugme:focus-visible { outline: 2px solid #0a7aff; outline-offset: 1px; }
.nn-ge-dugme[aria-expanded="true"] { background: #e8f1ff; border-color: rgba(10, 122, 255, .35); }
.nn-ge-dugme.is-ayarli::after { content: ""; position: absolute; top: 5px; right: 5px; width: 6px; height: 6px; border-radius: 50%; background: #0a7aff; }
@media (max-width: 760px) { .nn-ge-dugme { padding: 0 9px; } .nn-ge-dugme span { display: none; } .nn-ge-dugme .nn-ge-ok { display: none; } }
.nn-ge-menu { position: fixed; z-index: 2100; width: 320px; max-width: calc(100vw - 16px); padding: 6px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 16px 40px rgba(17, 24, 39, .18); font: 13px/18px Inter, "Segoe UI", system-ui, sans-serif; color: #1d1d1f; box-sizing: border-box; }
.nn-ge-o { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.nn-ge-o:hover, .nn-ge-o:focus { background: #f2f6fd; outline: none; }
.nn-ge-o:focus-visible { box-shadow: inset 0 0 0 2px #0a7aff; }
.nn-ge-kutu { flex: none; width: 18px; height: 18px; margin-top: 1px; border-radius: 5px; border: 1.5px solid rgba(0, 0, 0, .3); box-sizing: border-box; display: grid; place-items: center; }
.nn-ge-o[aria-checked="true"] .nn-ge-kutu { background: #0a7aff; border-color: #0a7aff; }
.nn-ge-o[aria-checked="true"] .nn-ge-kutu::after { content: ""; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg); }
.nn-ge-m { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nn-ge-m b { font-weight: 600; }
.nn-ge-m small { font-size: 12px; line-height: 16px; color: #6e6e73; }
.nn-ge-m small:empty { display: none; }
.nn-ge-not { margin: 4px 4px 2px; padding: 8px 6px 4px; border-top: 1px solid rgba(0, 0, 0, .07); font-size: 12px; line-height: 16px; color: #8e8e93; }

.nn-oz-kap { position: fixed; inset: 0; z-index: 2100; }
.nn-oz-perde { position: absolute; inset: 0; background: rgba(17, 24, 39, .32); }
.nn-oz { position: absolute; top: 0; right: 0; bottom: 0; width: min(1080px, calc(100vw - 48px)); display: flex; flex-direction: column; background: #f5f6f8; box-shadow: -16px 0 48px rgba(17, 24, 39, .2);
    font: 14px/20px Inter, "Segoe UI", system-ui, sans-serif; color: #1d1d1f; text-align: left; }
.nn-oz-ust { display: flex; align-items: flex-start; gap: 16px; padding: 18px 24px 14px; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, .07); }
.nn-oz-ust-m { flex: 1 1 auto; min-width: 0; }
.nn-oz-ust h2 { margin: 0; font-size: 18px; line-height: 26px; font-weight: 600; }
.nn-oz-ust p { margin: 2px 0 0; color: #6e6e73; font-size: 13px; }
.nn-oz-meta { display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 10px 0 0; }
.nn-oz-meta dt { font-size: 11.5px; color: #8e8e93; } .nn-oz-meta dd { margin: 0; font-weight: 600; }
.nn-oz-kapat { flex: none; width: 36px; height: 36px; border: 0; border-radius: 10px; background: rgba(0, 0, 0, .05); cursor: pointer; display: grid; place-items: center; color: #1d1d1f; }
.nn-oz-kapat i { font-size: 18px; }
.nn-oz-kapat:hover { background: rgba(0, 0, 0, .09); }
.nn-oz-kapat:focus-visible, .nn-oz-ic:focus-visible { outline: 2px solid #0a7aff; outline-offset: -2px; }
.nn-oz-ic { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 18px 24px 40px; display: flex; flex-direction: column; gap: 14px; }
.nn-oz-degisen { background: #fff; border: 1px solid #f3cf9b; border-radius: 12px; padding: 14px 18px; }
.nn-oz-ic h3 { margin: 0 0 10px; font-size: 15px; line-height: 22px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.nn-oz-degisen h3 span { font-size: 11.5px; font-weight: 700; color: #8a4b00; background: #fff1dc; padding: 1px 8px; border-radius: 999px; }
.nn-oz-fark { display: grid; grid-template-columns: minmax(140px, 220px) minmax(0, 1fr); gap: 4px 16px; padding: 8px 0; border-top: 1px solid rgba(0, 0, 0, .06); align-items: baseline; }
.nn-oz-fark:first-of-type { border-top: 0; }
.nn-oz-et { color: #424245; } .nn-oz-et small { display: block; font-size: 11.5px; color: #8e8e93; }
.nn-oz-deg { overflow-wrap: anywhere; }
.nn-oz-eski { color: #b42318; text-decoration-color: rgba(180, 35, 24, .5); }
.nn-oz-ok { color: #8e8e93; margin: 0 8px; }
.nn-oz-yeni { color: #12784a; font-weight: 600; }
.nn-oz-esyok { display: block; font-style: normal; font-size: 12px; color: #8e8e93; }
.nn-oz-alt { margin: 12px 0 6px; padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, .06); font-size: 12px; font-weight: 600; color: #6e6e73; }
.nn-oz-notlar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 13px; line-height: 18px; color: #424245; }
.nn-oz-notlar li { display: flex; gap: 8px; align-items: baseline; }
.nn-oz-notlar li > span { flex: none; font-size: 10.5px; line-height: 16px; font-weight: 600; letter-spacing: .04em; padding: 0 7px; border-radius: 999px; background: #dceaff; color: #0a4fa8; }
.nn-oz-notlar .nn-oz-not-uyari > span { background: #ffe9c7; color: #8a4b00; }
.nn-oz-notlar .nn-oz-not-engel > span { background: #fde2e0; color: #a1000f; }
.nn-oz-yalniz-not { border-color: rgba(0, 0, 0, .08); }
.nn-oz-bolumler { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 14px; align-items: start; }
.nn-oz-bolum { background: #fff; border: 1px solid rgba(0, 0, 0, .07); border-radius: 12px; padding: 14px 18px; min-width: 0; }
.nn-oz-bolum:has(.nn-oz-tablo) { grid-column: 1 / -1; }
.nn-oz-bolum.is-degisti { border-color: #f3cf9b; }
.nn-oz-degisti { font-size: 11px; font-weight: 700; color: #8a4b00; background: #fff1dc; padding: 1px 8px; border-radius: 999px; }
.nn-oz-dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px 22px; }
.nn-oz-dl > div { min-width: 0; }
.nn-oz-dl > .is-uzun { grid-column: 1 / -1; }
.nn-oz-dl dt { font-size: 11.5px; line-height: 16px; color: #8e8e93; }
.nn-oz-dl dd { margin: 2px 0 0; font-weight: 600; overflow-wrap: anywhere; white-space: pre-wrap; }
.nn-oz-dl .is-degisti dd { color: #8a4b00; background: #fff5e6; box-shadow: 0 0 0 4px #fff5e6; border-radius: 3px; }
.nn-oz-once { display: block; font-weight: 400; font-size: 12px; color: #8e8e93; text-decoration: line-through; }
.nn-oz-tablo + .nn-oz-tablo, .nn-oz-dl + .nn-oz-tablo { margin-top: 12px; }
.nn-oz-tablo-bas { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 13px; }
.nn-oz-tablo-bas span:not(.nn-oz-degisti) { color: #8e8e93; }
.nn-oz-kaydir { overflow-x: auto; border: 1px solid rgba(0, 0, 0, .08); border-radius: 10px; }
.nn-oz-kaydir table { border-collapse: collapse; width: 100%; font-size: 13px; line-height: 18px; }
.nn-oz-kaydir th { text-align: left; font-size: 11.5px; font-weight: 600; color: #6e6e73; background: #f7f7f9; padding: 7px 10px; white-space: nowrap; }
.nn-oz-kaydir td { padding: 7px 10px; border-top: 1px solid rgba(0, 0, 0, .06); vertical-align: top; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.nn-oz-kaydir td.nn-oz-yok { color: #c7c7cc; }
.nn-oz-bos { margin: 0; color: #6e6e73; font-size: 13px; }
@media (max-width: 760px) {
  .nn-oz { width: 100vw; }
  .nn-oz-ust, .nn-oz-ic { padding-left: 16px; padding-right: 16px; }
  .nn-oz-bolumler { grid-template-columns: minmax(0, 1fr); }
  .nn-oz-fark { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}
@media print { .nn-gorunum-ek, .nn-ge-menu, .nn-oz-kap { display: none !important; } }

/* ── Eylem düğmeleri: tek birincil (Onayla/Gönder dolu mavi), olumsuz (Reddet/İptal) kırmızı çerçeveli ── */
.viewer-header .dx-button.dx-button-success { background: #0a7aff !important; border-color: #0a7aff !important; color: #fff !important; box-shadow: 0 1px 2px rgba(10, 122, 255, .25) !important; border-radius: 10px !important; }
.viewer-header .dx-button.dx-button-success .dx-button-content, .viewer-header .dx-button.dx-button-success i, .viewer-header .dx-button.dx-button-success span { color: #fff !important; }
.viewer-header .dx-button.dx-button-success.dx-state-hover { background: #0a63cc !important; border-color: #0a63cc !important; }
.viewer-header .dx-button.dx-button-danger { background: #fff !important; border: 1px solid rgba(215, 0, 21, .45) !important; border-radius: 10px !important; box-shadow: none !important; }
.viewer-header .dx-button.dx-button-danger .dx-button-content, .viewer-header .dx-button.dx-button-danger i, .viewer-header .dx-button.dx-button-danger span { color: #c4001a !important; }
.viewer-header .dx-button.dx-button-danger.dx-state-hover { background: #fff5f5 !important; }
/* İkincil düğmeler (Kaydet, Kapat, Yazdır, Notlar…): Onayla/Reddet ile aynı ölçü ve köşe; beyaz zemin, ince çerçeve */
.viewer-header .document-viewer-ribbon-button { height: 38px !important; min-width: 38px; background: #fff !important; border: 0 !important; border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14) !important; color: #1d1d1f !important; margin-inline-end: 8px !important; }
.viewer-header .document-viewer-ribbon-button .dx-icon, .viewer-header .document-viewer-ribbon-button i { color: #424245 !important; font-size: 18px !important; }
.viewer-header .document-viewer-ribbon-button.dx-state-hover { background: #f5f8ff !important; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .35) !important; }
.viewer-header .dx-button.dx-button-success, .viewer-header .dx-button.dx-button-danger { height: 38px !important; margin-inline-end: 8px !important; }
.viewer-header .vertical-header-line { height: 24px !important; margin: 0 8px !important; background: rgba(0, 0, 0, .1) !important; width: 1px !important; }
/* ikon düğmelere görünür etiket (akis.js ekler) */
.viewer-header .document-viewer-ribbon-button.nn-rb-etiketli { width: auto !important; padding: 0 12px 0 8px !important; border-radius: 10px !important; }
.viewer-header .document-viewer-ribbon-button.nn-rb-etiketli .dx-button-content { display: inline-flex; align-items: center; gap: 6px; padding: 0 !important; }
.nn-rb-ad { font-size: 13px; font-weight: 500; color: #1d1d1f; white-space: nowrap; }
@media (max-width: 1365px) { .nn-rb-ad { display: none; } .viewer-header .document-viewer-ribbon-button.nn-rb-etiketli { padding: 0 !important; width: 38px !important; } }

/* ── Sağ panel: kartlar içerik kadar (eBA'nın sabit yüksekliği + iç kaydırma "Başlama tarihi/Durum"u kesiyordu) ── */
.flowManagerRightSide .flowPropertiesContainer, .flowManagerRightSide .documentsContainer,
.flowManagerRightSide .flowPropertiesContainer .dx-scrollable, .flowManagerRightSide .flowPropertiesContainer .dx-scrollable-wrapper,
.flowManagerRightSide .flowPropertiesContainer .dx-scrollable-container, .flowManagerRightSide .flowPropertiesContainer .dx-scrollable-content,
.flowManagerRightSide .documentsContainer .dx-scrollable, .flowManagerRightSide .documentsContainer .dx-scrollable-wrapper,
.flowManagerRightSide .documentsContainer .dx-scrollable-container, .flowManagerRightSide .documentsContainer .dx-scrollable-content { height: auto !important; max-height: none !important; }
.flowManagerRightSide .flowPropertiesContainer .dx-scrollbar-vertical, .flowManagerRightSide .documentsContainer .dx-scrollbar-vertical { display: none !important; }
/* ── Sağ panel: sol kartlarla aynı dil (beyaz kart, ince çizgi, 12px köşe), sade etiket–değer ve sade zaman çizgisi ── */
.flowManagerRightSide > .flowPropertiesContainer, .flowManagerRightSide > .documentsContainer, .flowManagerRightSide > .flowHistoryContainer {
  background: #fff !important; border-radius: 12px !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07) !important; border: 0 !important; margin: 0 0 16px !important; padding: 16px 18px !important; }
.flowManagerRightSide .flowPropertiesContainer > div:first-child, .flowManagerRightSide .documentsContainer > div:first-child,
.flowManagerRightSide .flowHistoryContainer .subMenuHeader { padding: 0 0 12px !important; margin: 0 !important; border: 0 !important; min-height: 0 !important; height: auto !important; background: transparent !important; }
.flowManagerRightSide .text-base.font-medium { font-size: 15px !important; font-weight: 600 !important; color: #1d1d1f !important; }
.flowManagerRightSide .dx-scrollview-top-pocket, .flowManagerRightSide .dx-scrollview-bottom-pocket { display: none !important; }
/* Akış bilgileri: 2 sütun etiket üstte; gri iç kutu yok */
.flowManagerRightSide .info-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 14px 16px; background: transparent !important; padding: 0 !important; border: 0 !important; }
.flowManagerRightSide .info-item { display: flex !important; flex-direction: column; gap: 3px; min-width: 0; background: transparent !important; padding: 0 !important; }
.flowManagerRightSide .info-item > span:first-child { font-size: 12px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; color: #6e6e73 !important; }
.flowManagerRightSide .info-item > span:last-child { font-size: 14px !important; line-height: 20px; color: #1d1d1f !important; overflow-wrap: anywhere; }
/* Dokümanlar: kompakt satır */
.flowManagerRightSide .documentsContainer .dx-scrollview-content > * { border-radius: 10px !important; background: #f7f8fa !important; box-shadow: none !important; border: 0 !important; }
/* Akış tarihçesi: kart/ok/büyük ikon yerine nokta + adım + kişi + tarih */
.flowManagerRightSide .flowHistoryContainer { height: auto !important; max-height: none !important; overflow: visible !important; }
.flowManagerRightSide .flowHistoryContainer .subMenuContainer, .flowManagerRightSide .flowHistoryContainer .subMenuContent,
.flowManagerRightSide .flowHistoryContainer .info-container { height: auto !important; max-height: none !important; overflow: visible !important; background: transparent !important; padding: 0 !important; }
.flow-history-container .flow-history-tag { width: auto !important; height: auto !important; display: inline-block !important; margin: 0 0 8px 0 !important; padding: 2px 10px !important; border-radius: 999px !important; background: #f2f3f5 !important; color: #6e6e73 !important; font-size: 11.5px !important; font-weight: 600 !important; }
.flow-history-container > .relative > .absolute.border-s-2 { inset-inline-start: 9px !important; border-color: rgba(0, 0, 0, .1) !important; border-width: 0 0 0 1.5px !important; }
.flow-history-container .flow-history-step { position: relative; padding: 0 0 4px; }
.flow-history-container .flow-history-step > .absolute { inset-inline-start: 9px !important; margin-top: 14px !important; }
.flow-history-container .flow-history-step-checkpoint { width: 12px !important; height: 12px !important; background: #c7c7cc !important; box-shadow: 0 0 0 3px #fff; }
.flow-history-container .flow-history-step-checkpoint i { display: none !important; }
.flow-history-container .flow-history-step-checkpoint.primary { background: #0a7aff !important; box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(10, 122, 255, .2); }
.flow-history-container .flow-history-step > .relative { margin-inline-start: 28px !important; }
.flow-history-container .flow-history-step-arrow { display: none !important; }
.flowManagerRightSide .flowHistoryContainer .flow-history-container .flow-history-step-card.card,
.flow-history-container .flow-history-step-card { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 8px 0 !important; margin: 0 !important; opacity: 1 !important; min-height: 0 !important; }
.flow-history-container .flow-history-step-card.passive { opacity: 1 !important; }
.flow-history-container .flow-history-step-card > .flex > i { display: none !important; }
.flow-history-container .flow-history-step-card > .flex { gap: 8px; align-items: flex-start; }
.flow-history-container .flow-history-step-card .header { min-width: 0; flex: 1 1 auto; padding: 0 !important; margin: 0 !important; }
.flow-history-container .flow-history-step-card .header h4 { font-size: 13.5px !important; font-weight: 600 !important; color: #1d1d1f !important; white-space: normal !important; margin: 0 !important; }
.flow-history-container .flow-history-step-card.passive .header h4 { color: #424245 !important; font-weight: 500 !important; }
.flow-history-container .flow-history-step-card .header > div { font-size: 12.5px !important; color: #6e6e73 !important; white-space: normal !important; }
.flow-history-container .flow-history-step-card .date { flex: 0 0 auto; font-size: 11.5px !important; color: #86868b !important; margin: 0 !important; white-space: nowrap; }
.flow-history-container .flow-history-event-name { display: inline-block !important; margin: 4px 0 0 !important; padding: 1px 8px !important; border-radius: 999px; font-size: 11.5px !important; background: #f2f3f5; color: #424245 !important; white-space: nowrap !important; }
.flow-history-container .flow-history-step-card:not(.passive) .flow-history-event-name { background: #e8f1ff; color: #0a4fa3 !important; }
/* dolgu kartı ("Detaylara tümüne git butonundan…") gizli; "Tümüne Git" başlıkta zaten var */
.flow-history-container .flow-history-step:has(.flow-history-step-card.no-content) { display: none !important; }

/* ── NN sağ panel kartları (akis.js panel()): Şimdi · Tarihçe · Notlar · Son talepler ──
   Bizim kartlar çizilince (.nn-panel) eBA'nın Akış Bilgileri ve Akış Tarihçesi kartları gizlenir; köprü yoksa eBA'nınkiler kalır. */
.flowManagerRightSide.nn-panel > .flowPropertiesContainer, .flowManagerRightSide.nn-panel > .flowHistoryContainer { display: none !important; }
.flowManagerRightSide > .nn-pk { background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07); margin: 0 0 16px; padding: 16px 18px; color: #1d1d1f; font-size: 13.5px; }
.nn-pk-bas { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; }
.nn-pk-bas h3 { margin: 0; font-size: 15px; font-weight: 600; color: #1d1d1f; flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-pk-no { font-size: 12px; font-weight: 600; color: #6e6e73; background: #f2f3f5; padding: 2px 8px; border-radius: 999px; }
.nn-pk-bag { border: 0; background: transparent; color: #0a63cc; font-size: 12.5px; font-weight: 500; padding: 2px 4px; cursor: pointer; border-radius: 6px; }
.nn-pk-bag:hover { background: #f0f6ff; }
.nn-pk-daha { display: block; width: 100%; margin-top: 6px; border: 0; background: #f5f6f8; color: #424245; font-size: 12.5px; padding: 7px; border-radius: 8px; cursor: pointer; }
.nn-pk-daha:hover { background: #eceef2; }
/* Şimdi */
.nn-simdi-adim { font-size: 16px; font-weight: 600; line-height: 1.3; color: #0a4fa3; }
.nn-simdi-adim.is-bitti { color: #1f8a3b; }
.nn-simdi-gorev { margin-top: 2px; font-size: 12.5px; color: #424245; }
.nn-simdi-kim { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.nn-kisi { font-size: 12.5px; padding: 3px 10px; border-radius: 999px; background: #f2f3f5; color: #1d1d1f; }
.nn-kisi-fazla { color: #6e6e73; }
.nn-simdi-sure { margin-top: 12px; }
.nn-simdi-sat { display: flex; justify-content: space-between; gap: 8px; font-size: 12.5px; color: #6e6e73; }
.nn-simdi-sat b { font-weight: 600; color: #1d1d1f; white-space: nowrap; }
.nn-simdi-cubuk { height: 6px; border-radius: 999px; background: #eef0f3; margin-top: 6px; overflow: hidden; }
.nn-simdi-cubuk i { display: block; height: 100%; border-radius: inherit; background: #0a7aff; }
.nn-simdi-sure.is-gec .nn-simdi-cubuk i { background: #d70015; }
.nn-simdi-sure.is-gec .nn-simdi-sat b, .nn-simdi-sure small { color: #c4001a; }
.nn-simdi-sure small { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 500; }
.nn-simdi-bilgi { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid rgba(0, 0, 0, .06); }
.nn-simdi-bilgi div { min-width: 0; }
.nn-simdi-bilgi dt { font-size: 12px; font-weight: 500; color: #6e6e73; margin: 0 0 2px; }
.nn-simdi-bilgi dd { margin: 0; font-size: 13.5px; color: #1d1d1f; overflow-wrap: anywhere; }
/* Tarihçe: nokta + adım + olay + kişi + süre; gerekçe alıntı */
.nn-th-liste { list-style: none; margin: 0; padding: 0; position: relative; }
.nn-th { position: relative; display: flex; gap: 12px; padding: 0 0 14px; }
.nn-th:not(:last-child)::before { content: ""; position: absolute; left: 5px; top: 16px; bottom: 0; width: 1.5px; background: rgba(0, 0, 0, .08); }
.nn-pk-tarihce:not(.is-acik) .nn-th-fazla { display: none; }
.nn-th-nokta { flex: 0 0 12px; width: 12px; height: 12px; margin-top: 4px; border-radius: 50%; background: #c7c7cc; box-shadow: 0 0 0 3px #fff; position: relative; z-index: 1; }
.nn-th-onay .nn-th-nokta { background: #34c759; }
.nn-th-red .nn-th-nokta, .nn-th-iptal .nn-th-nokta { background: #d70015; }
.nn-th-iade .nn-th-nokta { background: #ff9500; }
.nn-th-gonder .nn-th-nokta { background: #0a7aff; }
.nn-th-m { flex: 1 1 auto; min-width: 0; }
.nn-th-ust { display: flex; align-items: baseline; gap: 6px; }
.nn-th-ust b { font-weight: 600; font-size: 13.5px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nn-th-x { font-size: 11.5px; font-weight: 600; color: #6e6e73; }
.nn-th-ust time { margin-left: auto; flex: 0 0 auto; font-size: 11.5px; color: #86868b; white-space: nowrap; }
.nn-th-alt { margin-top: 2px; font-size: 12.5px; color: #424245; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.nn-th-alt em { font-style: normal; color: #6e6e73; }
.nn-th-olay { font-size: 11.5px; font-weight: 600; padding: 1px 8px; border-radius: 999px; background: #f2f3f5; color: #424245; }
.nn-th-onay .nn-th-olay { background: #e8f6ec; color: #1f7a35; }
.nn-th-red .nn-th-olay, .nn-th-iptal .nn-th-olay { background: #fdecee; color: #b0001a; }
.nn-th-iade .nn-th-olay { background: #fff4e5; color: #9a5800; }
.nn-th-gonder .nn-th-olay { background: #e8f1ff; color: #0a4fa3; }
.nn-th-sure { margin-left: auto; font-size: 11.5px; color: #86868b; white-space: nowrap; }
.nn-th-gerekce { margin: 6px 0 0; padding: 6px 10px; border-left: 2px solid rgba(0, 0, 0, .12); background: #f7f8fa; border-radius: 0 8px 8px 0; font-size: 12.5px; color: #1d1d1f; white-space: pre-wrap; overflow-wrap: anywhere; }
.nn-th-red .nn-th-gerekce, .nn-th-iptal .nn-th-gerekce { border-left-color: rgba(215, 0, 21, .45); }
.nn-th-iade .nn-th-gerekce { border-left-color: rgba(255, 149, 0, .6); }
/* Notlar: konuşma akışı + hızlı ekleme */
.nn-not-liste { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-direction: column; gap: 8px; max-height: 320px; overflow-y: auto; }
.nn-not { background: #f5f6f8; border-radius: 10px; padding: 8px 12px; }
.nn-not-ust { display: flex; align-items: baseline; gap: 8px; }
.nn-not-ust b { font-size: 12.5px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nn-not-ust time { margin-left: auto; font-size: 11.5px; color: #86868b; white-space: nowrap; }
.nn-not p { margin: 3px 0 0; font-size: 13px; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
.nn-not-bos { font-size: 12.5px; color: #86868b; padding: 2px 0; }
.nn-not-ekle { display: flex; gap: 8px; align-items: flex-end; }
.nn-not-ekle textarea { flex: 1 1 auto; min-width: 0; resize: vertical; min-height: 38px; max-height: 160px; padding: 8px 10px; border: 0; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); font: inherit; font-size: 13px; color: #1d1d1f; background: #fff; }
.nn-not-ekle textarea:focus { outline: none; box-shadow: inset 0 0 0 1.5px #0a7aff; }
.nn-not-ekle button { flex: 0 0 auto; height: 38px; padding: 0 14px; border: 0; border-radius: 10px; background: #0a7aff; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; }
.nn-not-ekle button:disabled { background: #e5e7eb; color: #9ca3af; cursor: default; }
/* Mesajlar kartı (akis.js mesajKart; Nihat 2026-10-17 «mesajları notlar gibi sağ tarafa»): okunmamış mavi şerit + kalın konu, önemli «!», yanıtlar girintili */
.nn-mesaj-yeni { display: inline-flex; align-items: center; gap: 4px; }
.nn-mesaj-yeni i { font-size: 14px; }
.nn-mesaj-rozet { margin-left: 8px; padding: 1px 7px; border-radius: 999px; background: #0a7aff; color: #fff; font-size: 11px; font-weight: 600; vertical-align: 1px; }
.nn-mesaj-liste, .nn-mesaj-yanitlar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.nn-mesaj-yanitlar { margin: 6px 0 0 14px; padding-left: 10px; border-left: 1.5px solid #e5e5ea; }
.nn-pk-mesaj:not(.is-acik) .nn-mesaj-fazla { display: none; }
.nn-mesaj-ac { display: flex; flex-direction: column; gap: 2px; width: 100%; padding: 8px 10px; border: 0; border-left: 3px solid transparent; border-radius: 8px; background: #f5f5f7; text-align: left; font: inherit; color: #1d1d1f; cursor: pointer; }
.nn-mesaj-ac:hover { background: #ececf0; }
.nn-mesaj-ac:focus-visible { outline: 2px solid #0a7aff; outline-offset: 1px; }
.nn-mesaj.is-yeni > .nn-mesaj-ac { border-left-color: #0a7aff; background: #f0f6ff; }
.nn-mesaj-ust { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.nn-mesaj-ust b { font-size: 12.5px; font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nn-mesaj.is-yeni > .nn-mesaj-ac .nn-mesaj-ust b { font-weight: 700; }
.nn-mesaj-onemli { flex: 0 0 auto; width: 15px; height: 15px; border-radius: 50%; background: #d1242f; color: #fff; font-size: 10.5px; font-weight: 700; line-height: 15px; text-align: center; }
.nn-mesaj-ust time { margin-left: auto; font-size: 11px; color: #86868b; white-space: nowrap; }
.nn-mesaj-metin { font-size: 12.5px; color: #424245; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-line; }
.nn-mesaj-kim { font-size: 11.5px; color: #86868b; }
.nn-pk-mesaj.is-vurgu { animation: nn-mesaj-vurgu 1.4s ease-out; }
@keyframes nn-mesaj-vurgu { 0% { box-shadow: 0 0 0 3px rgba(10, 122, 255, .45); } 100% { box-shadow: 0 0 0 3px rgba(10, 122, 255, 0); } }
.nn-pk-mesaj:focus { outline: none; }
/* Talep edenin son talepleri */
.nn-talep-liste { list-style: none; margin: 0; padding: 0; }
.nn-talep-liste li { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 12.5px; }
.nn-talep-liste li + li { border-top: 1px solid rgba(0, 0, 0, .05); }
.nn-talep-no { font-weight: 600; color: #1d1d1f; }
.nn-talep-t { color: #6e6e73; }
.nn-talep-d { margin-left: auto; min-width: 0; max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; font-weight: 600; padding: 1px 8px; border-radius: 999px; background: #e8f1ff; color: #0a4fa3; }
.nn-talep-bitti { background: #e8f6ec; color: #1f7a35; }
.nn-talep-cikis { background: #fdecee; color: #b0001a; }
.nn-talep-g { flex: 0 0 auto; color: #86868b; font-size: 11.5px; min-width: 44px; text-align: right; }


/* ── 47b: akış başlığındaki düğmeler + akış şeması penceresi (davranış anasayfa/akis.js basDugmeler, anasayfa/sema.js; ?nnsema=0)
   Nihat 2026-10-17: «şu 3 butona detaylı çalış, özellikle iş akışı flow'u anlamlandırarak güzelce göster». */

/* Başlık düğmeleri: simge + görünür etiket; dar başlıkta (kap sorgusu) yalnız simge */
#flow-manager-container { container-type: inline-size; container-name: nnakis; }
.flow-manager-header .flow-button-container.nn-bd { gap: 6px; align-items: center; }
.flow-manager-header .nn-bd .flow-header-button { width: auto !important; min-width: 36px; height: 34px; margin-left: 0 !important; padding: 0 11px; gap: 6px; border-radius: 10px; font-size: 16px;
    background: #fff !important; border: 1px solid rgba(0, 0, 0, .12) !important; color: #424245 !important; box-shadow: none; flex-direction: row; transition: background .15s, border-color .15s, color .15s; }
.flow-manager-header .nn-bd .flow-header-button:hover { background: #f5f5f7 !important; color: #1d1d1f !important; }
.flow-manager-header .nn-bd .flow-header-button.flow-header-button-active { background: rgba(10, 122, 255, .08) !important; border-color: rgba(10, 122, 255, .45) !important; color: #0a63cc !important; }
.flow-manager-header .nn-bd .flow-header-button:focus-visible { outline: 2px solid #0a7aff; outline-offset: 2px; }
.flow-manager-header .nn-bd .flow-header-button > i { font-size: 16px; }
.nn-bd-ad { font-size: 13px; font-weight: 500; white-space: nowrap; }
.nn-bd-say { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: rgba(0, 0, 0, .07); color: #424245; font-size: 11px; font-weight: 600; line-height: 18px; text-align: center; }
.flow-header-button-active .nn-bd-say { background: rgba(10, 122, 255, .14); color: #0a63cc; }
/* eBA'nın mesaj sayacı (kırmızı rozet) etiketli düğmede sağ üstte */
.flow-manager-header .nn-bd .flow-header-button > span.count { left: auto !important; right: -7px; top: -8px !important; padding: 0 5px !important; min-width: 18px; height: 18px; line-height: 14px; text-align: center; font-size: 10.5px; background: #d1242f !important; }
@container nnakis (max-width: 1180px) { .nn-bd-ad { display: none; } .flow-manager-header .nn-bd .flow-header-button { padding: 0 9px; } }

/* eBA'nın başlık balonları (Bilgiler, Belgeler, Tarihçe, Mesajlar): tek dil */
.subMenuWrapper .dx-popup-content .subMenuContainer { border-radius: 12px; }
.subMenuWrapper .subMenuHeader { padding: 12px 16px !important; border-bottom: 1px solid rgba(0, 0, 0, .08); gap: 12px; }
.subMenuWrapper .subMenuHeader > span { font-size: 14px !important; font-weight: 600 !important; color: #1d1d1f; }
.subMenuWrapper .subMenuHeader .dx-button { border-radius: 9px !important; }
/* Mesajlar: kart dili (okunmamış mavi şerit, konu kalın, gönderen + tarih altta) */
.subMenuWrapper .message-group { display: block; margin: 12px 4px 2px; font-size: 11.5px; font-weight: 600; color: #86868b; text-transform: none; }
.subMenuWrapper .message-card { background: #fff !important; border: 1px solid rgba(0, 0, 0, .08); border-left: 3px solid #0a7aff; border-radius: 10px; margin: 6px 0; padding: 10px 12px; transition: background .15s; }
.subMenuWrapper .message-card.read { border-left-color: rgba(0, 0, 0, .12); }
.subMenuWrapper .message-card:hover { background: #f5f5f7 !important; }
.subMenuWrapper .message-header { color: #1d1d1f; font-size: 13px; }
.subMenuWrapper .message-header.read { color: #424245; font-weight: 500; }
.subMenuWrapper .message-header img { width: 18px; top: 0; margin-right: 8px; opacity: .7; }
.subMenuWrapper .message-content { margin: 4px 0 6px 26px; font-size: 12.5px; line-height: 1.45; color: #424245; text-align: left; }
.subMenuWrapper .message-footer { margin-left: 26px; font-size: 11.5px; color: #86868b; gap: 4px; flex-wrap: wrap; }
.subMenuWrapper .message-footer .toggle-button { margin-left: auto; color: #86868b; }
.subMenuWrapper .reply-card { width: auto; margin-left: 18px; }
.subMenuWrapper .subMenuContent.items-center > p { text-align: center; }
/* Onay listesi kartı (#change-layout): satırlar ferah, açık süreç vurgulu */
#flow-manager-container .group-flows-card { border-radius: 12px !important; border: 0 !important; box-shadow: 0 0 0 .5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .05) !important; overflow: hidden; }
#flow-manager-container .group-flows-main-header { font-size: 14px !important; font-weight: 600 !important; color: #1d1d1f !important; padding: 14px 16px !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; background: #fff !important; }
#flow-manager-container .group-flows-card .process-item { border-radius: 10px; padding: 8px 10px !important; margin: 2px 6px; border: 0 !important; width: calc(100% - 12px); }
#flow-manager-container .group-flows-card .dx-list-item:hover .process-item { background: #f5f5f7 !important; }
#flow-manager-container .group-flows-card .process-item.text-primary { background: rgba(10, 122, 255, .08) !important; box-shadow: inset 3px 0 0 #0a7aff; }
#flow-manager-container .group-flows-card .approval-item-header span:first-child { font-weight: 600; color: #1d1d1f; }
#flow-manager-container .group-flows-card .approval-item-footer { color: #86868b; font-size: 11.5px; }

/* ── Akış şeması penceresi ── */
.nn-sm-kap { position: fixed; inset: 0; z-index: 1650; }
.nn-sm-perde { position: absolute; inset: 0; background: rgba(15, 18, 25, .38); backdrop-filter: blur(2px); }
.nn-sm { position: absolute; inset: 24px; max-width: 1680px; margin: 0 auto; display: flex; flex-direction: column; background: #fff; border-radius: 16px; box-shadow: 0 24px 64px rgba(0, 0, 0, .28); overflow: hidden; font-size: 13px; color: #1d1d1f; }
.nn-sm-ust { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-bottom: 1px solid rgba(0, 0, 0, .08); flex-wrap: wrap; }
.nn-sm-ust-m { min-width: 0; }
.nn-sm-ust h2 { margin: 0; font-size: 17px; font-weight: 650; display: flex; align-items: center; gap: 8px; color: #1d1d1f; }
.nn-sm-ust h2 i { color: #0a7aff; font-size: 19px; }
.nn-sm-alt { margin: 2px 0 0; color: #6e6e73; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 46vw; }
.nn-sm-durum { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; }
.nn-sm-cip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font-weight: 600; font-size: 12.5px; background: rgba(10, 122, 255, .1); color: #0a4fa3; }
.nn-sm-cip.is-bitti { background: rgba(26, 127, 55, .1); color: #116329; }
.nn-sm-cip-alt { color: #6e6e73; font-size: 12.5px; }
.nn-sm-sekme { display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: rgba(0, 0, 0, .05); margin-left: auto; }
.nn-sm-sekme button { border: 0; background: transparent; padding: 6px 12px; border-radius: 8px; font-size: 13px; color: #6e6e73; cursor: pointer; white-space: nowrap; }
.nn-sm-sekme button:hover:not([disabled]) { color: #1d1d1f; }
.nn-sm-sekme button.is-secili { background: #fff; color: #1d1d1f; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.nn-sm-sekme button[disabled] { opacity: .4; cursor: default; }
.nn-sm-kapat { width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent; font-size: 20px; color: #6e6e73; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.nn-sm-kapat:hover { background: rgba(0, 0, 0, .06); color: #1d1d1f; }
.nn-sm-govde { flex: 1 1 auto; display: flex; min-height: 0; }
.nn-sm-tuval { position: relative; flex: 1 1 auto; min-width: 0; overflow: hidden; cursor: grab; outline: none;
    background-color: #fafafb; background-image: radial-gradient(rgba(0, 0, 0, .07) 1px, transparent 1px); background-size: 20px 20px; touch-action: none; }
.nn-sm-tuval.is-surukle { cursor: grabbing; }
.nn-sm-tuval:focus-visible { box-shadow: inset 0 0 0 2px rgba(10, 122, 255, .5); }
.nn-sm-sahne { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
.nn-sm-svg { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; }
.nn-sm-ust-katman { position: absolute; left: 0; top: 0; }
.nn-sm-png { display: block; max-width: none; user-select: none; -webkit-user-drag: none; }
.nn-sm-yukleniyor { padding: 24px; color: #86868b; margin: 0; }
.nn-sm-arac { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 2px; padding: 3px; background: #fff; border-radius: 10px; box-shadow: 0 0 0 .5px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08); }
.nn-sm-arac button { height: 30px; min-width: 30px; padding: 0 8px; border: 0; background: transparent; border-radius: 8px; font-size: 16px; color: #424245; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; }
.nn-sm-arac button span { font-size: 12.5px; }
.nn-sm-arac button:hover { background: rgba(0, 0, 0, .06); color: #1d1d1f; }
.nn-sm-yuzde { min-width: 44px; text-align: center; font-size: 12px; color: #6e6e73; font-variant-numeric: tabular-nums; }
.nn-sm-lejant { position: absolute; right: 14px; bottom: 14px; display: flex; gap: 12px; padding: 7px 12px; background: rgba(255, 255, 255, .92); border-radius: 10px; box-shadow: 0 0 0 .5px rgba(0, 0, 0, .1); font-size: 11.5px; color: #6e6e73; }
.nn-sm-lejant span { display: inline-flex; align-items: center; gap: 6px; }
.nn-sm-lejant span::before { content: ""; width: 18px; height: 0; border-top: 2.5px solid #1a7f37; }
.nn-sm-lejant .l-simdi::before { width: 10px; height: 10px; border: 2px solid #0a7aff; border-radius: 50%; box-shadow: 0 0 0 3px rgba(10, 122, 255, .18); }
.nn-sm-lejant .l-bekliyor::before { width: 10px; height: 10px; border: 1.5px solid #aeaeb2; border-radius: 3px; }
.nn-sm-lejant .l-bos::before { border-top: 1.5px dashed #c7c7cc; }
.kap-eba .nn-sm-lejant, .nn-sm-kap.is-eba .nn-sm-lejant { display: none; }
.nn-sm-bilgi { position: absolute; left: 50%; top: 12px; transform: translateX(-50%); padding: 6px 12px; border-radius: 999px; background: rgba(29, 29, 31, .78); color: #fff; font-size: 12px; pointer-events: none; }

/* Bağlar */
.nn-sm-bag path { fill: none; stroke: #c7c7cc; stroke-width: 1.5; stroke-dasharray: 5 4; transition: opacity .15s, stroke-width .15s; }
.nn-sm-bag[class*="gecti-"] path { stroke-dasharray: none; stroke-width: 2.5; }
.nn-sm-bag-gecti-onay path { stroke: #1a7f37; }
.nn-sm-bag-gecti-red path { stroke: #d1242f; }
.nn-sm-bag-gecti-iptal path { stroke: #6e6e73; }
.nn-sm-bag-gecti-gonder path, .nn-sm-bag-gecti-diger path { stroke: #0a7aff; }
.nn-sm-ok path { fill: #c7c7cc; }
.nn-sm-ok-gecti-onay path { fill: #1a7f37; } .nn-sm-ok-gecti-red path { fill: #d1242f; } .nn-sm-ok-gecti-iptal path { fill: #6e6e73; }
.nn-sm-ok-gecti-gonder path, .nn-sm-ok-gecti-diger path { fill: #0a7aff; }
.nn-sm-etiket { position: absolute; transform: translate(-50%, -50%); max-width: 110px; padding: 1px 7px; border-radius: 999px; font-size: 11px; line-height: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    background: #fff; color: #86868b; box-shadow: 0 0 0 1px #e5e5ea; pointer-events: auto; }
.nn-sm-etiket-gecti-onay { color: #116329; box-shadow: 0 0 0 1px rgba(26, 127, 55, .35); background: #f0f9f2; }
.nn-sm-etiket-gecti-red { color: #a40e26; box-shadow: 0 0 0 1px rgba(209, 36, 47, .35); background: #fff1f1; }
.nn-sm-etiket-gecti-iptal { color: #424245; box-shadow: 0 0 0 1px rgba(0, 0, 0, .2); }
.nn-sm-etiket-gecti-gonder, .nn-sm-etiket-gecti-diger { color: #0a4fa3; box-shadow: 0 0 0 1px rgba(10, 122, 255, .35); background: #f0f6ff; }
.nn-sm-panel .nn-sm-etiket { position: static; transform: none; display: inline-block; vertical-align: middle; }

/* Düğümler */
.nn-sm-d { position: absolute; display: flex; align-items: center; gap: 10px; padding: 0 12px 0 10px; border: 1px solid #e5e5ea; border-radius: 12px; background: #fff; color: #1d1d1f; text-align: left; cursor: pointer; font: inherit;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04); transition: box-shadow .15s, border-color .15s, opacity .15s, transform .15s; }
.nn-sm-d:hover { border-color: #aeaeb2; box-shadow: 0 4px 14px rgba(0, 0, 0, .08); }
.nn-sm-d:focus-visible { outline: 2px solid #0a7aff; outline-offset: 2px; }
.nn-sm-ik { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; background: #f2f3f5; color: #6e6e73; }
.nn-sm-m { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.nn-sm-m b { font-size: 13px; font-weight: 600; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nn-sm-m small { font-size: 11.5px; color: #86868b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-sm-d-gecti { border-color: rgba(26, 127, 55, .35); }
.nn-sm-d-gecti .nn-sm-ik, .nn-sm-ik.nn-sm-d-gecti { background: #e7f5ea; color: #1a7f37; }
.nn-sm-d-simdi { border: 2px solid #0a7aff; box-shadow: 0 0 0 5px rgba(10, 122, 255, .14), 0 6px 18px rgba(10, 122, 255, .18); }
.nn-sm-d-simdi .nn-sm-ik, .nn-sm-ik.nn-sm-d-simdi { background: #0a7aff; color: #fff; }
.nn-sm-d-simdi .nn-sm-ik { animation: nn-sm-nabiz 1.8s ease-out infinite; }
@keyframes nn-sm-nabiz { 0% { box-shadow: 0 0 0 0 rgba(10, 122, 255, .45); } 100% { box-shadow: 0 0 0 10px rgba(10, 122, 255, 0); } }
.nn-sm-d-bekliyor { border-style: dashed; border-color: #c7c7cc; }
.nn-sm-d-kullanilmadi { opacity: .45; border-style: dashed; }
.nn-sm-d-sonuc { border-color: rgba(26, 127, 55, .5); background: #f0f9f2; }
.nn-sm-d-sonuc .nn-sm-ik { background: #1a7f37; color: #fff; }
.nn-sm-rozet { position: absolute; top: -10px; right: 10px; padding: 1px 8px; border-radius: 999px; background: #0a7aff; color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: .02em; }
.nn-sm-t-sonuc { border-radius: 999px; }
.nn-sm-t-sonuc.nn-sm-sonuc-red .nn-sm-ik { color: #d1242f; background: #fdecec; }
.nn-sm-t-sonuc.nn-sm-sonuc-iptal .nn-sm-ik { color: #6e6e73; }
.nn-sm-t-sonuc.nn-sm-d-sonuc.nn-sm-sonuc-red { border-color: rgba(209, 36, 47, .5); background: #fff1f1; }
.nn-sm-t-sonuc.nn-sm-d-sonuc.nn-sm-sonuc-red .nn-sm-ik { background: #d1242f; color: #fff; }
.nn-sm-t-compare .nn-sm-ik { border-radius: 8px; transform: rotate(45deg); }
.nn-sm-t-compare .nn-sm-ik i { transform: rotate(-45deg); }
/* Tasarım görünümü: simge + altında ad */
.nn-sm-d.is-ikon { flex-direction: column; gap: 4px; padding: 0; border: 0; background: transparent; box-shadow: none; width: 150px; margin-left: -75px; margin-top: -19px; align-items: center; text-align: center; }
.nn-sm-d.is-ikon:hover { box-shadow: none; }
.nn-sm-d.is-ikon .nn-sm-ik { width: 38px; height: 38px; font-size: 18px; border: 1.5px solid #d1d1d6; background: #fff; }
.nn-sm-d.is-ikon.nn-sm-d-gecti .nn-sm-ik { border-color: #1a7f37; background: #e7f5ea; }
.nn-sm-d.is-ikon.nn-sm-d-simdi .nn-sm-ik { border-color: #0a7aff; background: #0a7aff; box-shadow: 0 0 0 5px rgba(10, 122, 255, .18); }
.nn-sm-d.is-ikon.nn-sm-d-sonuc .nn-sm-ik { border-color: #1a7f37; }
.nn-sm-d.is-ikon.nn-sm-d-bekliyor .nn-sm-ik { border-style: dashed; }
.nn-sm-d.is-ikon .nn-sm-m b { font-size: 11.5px; font-weight: 500; color: #424245; background: rgba(250, 250, 251, .85); border-radius: 4px; padding: 0 3px; }
.nn-sm-d.is-ikon.is-is .nn-sm-m b { font-weight: 600; color: #1d1d1f; }
.nn-sm-d.is-ikon.is-teknik .nn-sm-ik { width: 30px; height: 30px; font-size: 14px; margin-top: 4px; }
.nn-sm-d.is-ikon .nn-sm-rozet { top: -14px; right: 40px; }
.nn-sm-d.is-ikon:focus-visible { outline-offset: 4px; border-radius: 8px; }
/* Seçim: seçilen + bağlı yollar öne, diğerleri soluk */
.nn-sm-sahne.is-secim .nn-sm-d:not(.is-secili) { opacity: .4; }
.nn-sm-sahne.is-secim .nn-sm-bag:not(.is-ilgili) { opacity: .2; }
.nn-sm-sahne.is-secim .nn-sm-etiket:not(.is-ilgili) { opacity: .25; }
.nn-sm-sahne.is-secim .nn-sm-bag.is-ilgili path { stroke-width: 3; }
.nn-sm-d.is-secili { opacity: 1 !important; box-shadow: 0 0 0 3px rgba(10, 122, 255, .35), 0 8px 22px rgba(0, 0, 0, .12); }
.nn-sm-d.is-ikon.is-secili { box-shadow: none; }
.nn-sm-d.is-ikon.is-secili .nn-sm-ik { box-shadow: 0 0 0 4px rgba(10, 122, 255, .35); }

/* Ayrıntı paneli */
.nn-sm-panel { flex: 0 0 340px; border-left: 1px solid rgba(0, 0, 0, .08); overflow: auto; background: #fff; }
.nn-sm-panel-ic { padding: 16px 18px 24px; }
.nn-sm-panel h4 { margin: 18px 0 8px; font-size: 12px; font-weight: 600; color: #86868b; text-transform: uppercase; letter-spacing: .04em; }
.nn-sm-ozet-kutu { padding: 12px 14px; border-radius: 12px; background: rgba(10, 122, 255, .07); display: flex; flex-direction: column; gap: 3px; }
.nn-sm-ozet-kutu b { font-size: 11.5px; color: #0a4fa3; text-transform: uppercase; letter-spacing: .04em; }
.nn-sm-ozet-kutu span { font-size: 15px; font-weight: 600; color: #1d1d1f; }
.nn-sm-ozet-kutu small { color: #424245; font-size: 12.5px; }
.nn-sm-ozet-kutu.is-bitti { background: rgba(26, 127, 55, .08); }
.nn-sm-ozet-kutu.is-bitti b { color: #116329; }
.nn-sm-anlatim { list-style: none; margin: 0; padding: 0; counter-reset: a; }
.nn-sm-a { position: relative; padding: 0 0 12px 30px; counter-increment: a; }
.nn-sm-a::before { content: ""; position: absolute; left: 11px; top: 26px; bottom: 0; border-left: 1.5px solid #e5e5ea; }
.nn-sm-a:last-child::before { display: none; }
.nn-sm-a .nn-sm-git { display: flex; align-items: center; gap: 8px; margin-left: -30px; border: 0; background: none; padding: 2px 0; cursor: pointer; font: inherit; color: #1d1d1f; text-align: left; }
.nn-sm-a .nn-sm-git:hover b { color: #0a63cc; text-decoration: underline; }
.nn-sm-a-ik { width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #f2f3f5; color: #6e6e73; font-size: 13px; flex: 0 0 auto; }
.nn-sm-a-gecti .nn-sm-a-ik, .nn-sm-a-sonuc .nn-sm-a-ik { background: #e7f5ea; color: #1a7f37; }
.nn-sm-a-simdi .nn-sm-a-ik { background: #0a7aff; color: #fff; }
.nn-sm-a-kullanilmadi { opacity: .55; }
.nn-sm-a b { font-size: 13px; font-weight: 600; }
.nn-sm-a small { display: block; color: #86868b; font-size: 11.5px; margin-top: 1px; }
.nn-sm-a p { margin: 3px 0 0; color: #424245; font-size: 12.5px; line-height: 1.45; }
.nn-sm-geri { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; padding: 0; margin: 0 0 12px; color: #0a63cc; cursor: pointer; font: inherit; font-size: 12.5px; }
.nn-sm-dt-bas { display: flex; gap: 12px; align-items: center; }
.nn-sm-dt-bas .nn-sm-ik { width: 40px; height: 40px; font-size: 20px; }
.nn-sm-dt-bas h3 { margin: 0; font-size: 16px; font-weight: 650; line-height: 1.3; }
.nn-sm-dt-bas p { margin: 2px 0 0; color: #86868b; font-size: 12.5px; }
.nn-sm-dt-durum { display: inline-block; margin: 12px 0 0; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #f2f3f5; color: #424245; }
.nn-sm-dt-gecti, .nn-sm-dt-sonuc { background: #e7f5ea; color: #116329; }
.nn-sm-dt-simdi { background: #0a7aff; color: #fff; }
.nn-sm-dt-not { color: #6e6e73; font-size: 12.5px; line-height: 1.5; margin: 10px 0 0; }
.nn-sm-gorevler { list-style: none; margin: 0; padding: 0; }
.nn-sm-g { display: flex; gap: 10px; padding: 7px 0; }
.nn-sm-g-nokta { flex: 0 0 auto; width: 10px; height: 10px; margin-top: 4px; border-radius: 50%; background: #aeaeb2; }
.nn-sm-g-onay .nn-sm-g-nokta { background: #1a7f37; } .nn-sm-g-red .nn-sm-g-nokta { background: #d1242f; } .nn-sm-g-gonder .nn-sm-g-nokta { background: #0a7aff; }
.nn-sm-g-acik .nn-sm-g-nokta { background: #fff; border: 2px solid #0a7aff; }
.nn-sm-g > div { min-width: 0; flex: 1 1 auto; }
.nn-sm-g-ust { display: flex; gap: 8px; justify-content: space-between; align-items: baseline; }
.nn-sm-g-ust b { font-size: 13px; font-weight: 600; }
.nn-sm-g-ust span { font-size: 12px; color: #424245; white-space: nowrap; }
.nn-sm-g-onay .nn-sm-g-ust span { color: #116329; font-weight: 600; } .nn-sm-g-red .nn-sm-g-ust span { color: #a40e26; font-weight: 600; } .nn-sm-g-acik .nn-sm-g-ust span { color: #0a63cc; font-weight: 600; }
.nn-sm-g-alt { font-size: 11.5px; color: #86868b; margin-top: 1px; }
.nn-sm-gerekce { margin: 6px 0 0; padding: 6px 10px; border-left: 2px solid #d1d1d6; background: #f5f5f7; border-radius: 0 8px 8px 0; color: #424245; font-size: 12.5px; white-space: pre-wrap; }
.nn-sm-cikislar { list-style: none; margin: 0; padding: 0; }
.nn-sm-c { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px 0; border-bottom: 1px solid rgba(0, 0, 0, .05); }
.nn-sm-c-ok { color: #aeaeb2; }
.nn-sm-c .nn-sm-git { border: 0; background: none; padding: 0; color: #0a63cc; cursor: pointer; font: inherit; font-weight: 600; text-align: left; }
.nn-sm-c .nn-sm-git:hover { text-decoration: underline; }
.nn-sm-c-not { font-style: normal; font-size: 11.5px; color: #86868b; }
.nn-sm-c.is-gecti .nn-sm-c-not { color: #116329; }
.nn-sm-ara { flex: 1 0 100%; color: #86868b; font-size: 11.5px; }

/* Dar ekran: tam ekran, panel altta */
@media (max-width: 860px) {
    .nn-sm { inset: 0; border-radius: 0; }
    .nn-sm-govde { flex-direction: column; }
    .nn-sm-panel { flex: 0 0 auto; max-height: 42%; border-left: 0; border-top: 1px solid rgba(0, 0, 0, .08); }
    .nn-sm-alt { max-width: 70vw; }
    .nn-sm-lejant { display: none; }
    .nn-sm-sekme { margin-left: 0; }
    .nn-sm-durum { flex-basis: 100%; order: 3; }
}
@media (prefers-reduced-motion: reduce) { .nn-sm-d-simdi .nn-sm-ik { animation: none; } }
@media print { .nn-sm-kap { display: none !important; } }


/* == 48-menu: sol menü (#divLeftMenuContainer) ve alt kırılım çekmeceleri (.eBADrawer#leftMenuDrawer-*) — tek tonlu ikonlar, sade satırlar (anasayfa/menu.js) == */
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) { background: #fff !important; box-shadow: 1px 0 0 rgba(0, 0, 0, .07), 12px 0 32px rgba(17, 24, 39, .08) !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .leftMenuContent .dx-searchbox { margin: 12px 14px 8px !important; border-radius: 10px !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-item { margin: 0 !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .srcollbar, :is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .leftMenuContent, :is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .leftMenuContent .simplebar-content-wrapper, :is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .leftMenuContent .dx-scrollable-container { overflow-x: hidden !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-link { display: flex !important; align-items: center; gap: 12px; min-height: 40px; padding: 6px 12px !important; margin: 1px 8px !important;
  width: calc(100% - 16px) !important; box-sizing: border-box !important; border-radius: 10px !important; color: #1d1d1f !important; background: transparent !important; transition: background .12s; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-link:hover { background: #f5f6f8 !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-link.active, :is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-item.active > .menu-link, :is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-link[aria-expanded="true"] { background: #f0f6ff !important; color: #0a4fa3 !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-text { font-size: 14px !important; font-weight: 500 !important; color: inherit !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-icon { flex: 0 0 auto; margin: 0 !important; }
/* İkon kutusu: tek ton (düğüm başına verilen satır içi renkler ezilir) */
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .icon-container.nn-mi { width: 30px !important; height: 30px !important; border-radius: 8px !important; display: inline-flex !important; align-items: center; justify-content: center;
  background: #f2f3f5 !important; color: #424245 !important; font-size: 16px; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .icon-container.nn-mi i { color: inherit !important; font-size: 17px !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .icon-container.nn-mi-harf { font-size: 11.5px !important; font-weight: 700; letter-spacing: .02em; color: #6e6e73 !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-link:hover .icon-container.nn-mi { background: #e9ebef !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-link.active .icon-container.nn-mi, :is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-link[aria-expanded="true"] .icon-container.nn-mi { background: #e1edff !important; color: #0a63cc !important; }
/* Alt menü: girintili, ince sol çizgi, ikonlar daha küçük */
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .sub-menu { margin: 2px 0 6px 30px !important; padding-left: 8px !important; border-left: 1px solid rgba(0, 0, 0, .08); }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .sub-menu .menu-link { min-height: 34px; margin: 1px 8px 1px 0 !important; padding: 4px 10px !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .sub-menu .menu-text { font-size: 13.5px !important; font-weight: 400 !important; color: #424245 !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .sub-menu .icon-container.nn-mi { width: 24px !important; height: 24px !important; border-radius: 6px !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .sub-menu .icon-container.nn-mi i { font-size: 14px !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .sub-menu .icon-container.nn-mi-harf { font-size: 10px !important; }
:is(#divLeftMenuContainer, .eBADrawer[id^="leftMenuDrawer"]) .menu-arrow { margin-left: auto !important; opacity: .45; }


/* == 48b-menu-modern: Modern menü (anasayfa/menu-modern.js), Ctrl K paleti, Yönetim › Menü düzeni (anasayfa/menu-duzen.js) ==
   Onaylı maketin düzeni: sol alan şeridi (84 px) + alan paneli (360 px) eBA'nın menü çekmecesinin (.app-menu, html.sidenav-enable) içinde;
   ≤820 px'te çekmece tam genişlik, şerit alta iner. Renkler belirteç (token): açık tema NNEbaPortal nötrleri + marka rengi (--nn-brand),
   koyu tema eBA'nın kendi koyu kipiyle (html[data-mode=dark]) — eBA sayfası işletim sisteminin koyu ayarını izlemediği için
   prefers-color-scheme KULLANILMAZ (açık eBA'da koyu menü çıkmasın). Klasik = eBA'nın kendi menüsü (yalnız görünüm seçici eklenir). */
.nnm, .nnm-gecis, .nnk-arka, .nny, .nnmd, .nnm-toast {
    --nnm-surface: #fff; --nnm-surface-2: #f5f5f7; --nnm-surface-3: #eef0f4; --nnm-line: rgba(0, 0, 0, .085); --nnm-fg: #1d1d1f; --nnm-muted: #5f6067; --nnm-dim: #86868b;
    --nnm-accent: var(--nn-brand, #0a7aff); --nnm-accent-ink: var(--nn-brand-ink, #0a63cc); --nnm-accent-soft: rgba(10, 122, 255, .10); --nnm-star: #d99a00; --nnm-bad: #c62a20;
    --nnm-c-slate: #5b6b8c; --nnm-c-blue: #1f5fe0; --nnm-c-teal: #0f8f86; --nnm-c-amber: #b7791f; --nnm-c-violet: #7c4ddb; --nnm-c-orange: #d0622a; --nnm-c-green: #2f8a3d;
    --nnm-c-pink: #c23d7f; --nnm-c-gray: #7d8597; --nnm-c-red: #c8382e; --nnm-c-cyan: #0b84a5;
    --nnm-shadow: 0 12px 40px rgba(17, 24, 39, .16); --nnm-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-family: Inter, "Segoe UI", system-ui, sans-serif; -webkit-font-smoothing: antialiased;
}
html[data-mode="dark"] :is(.nnm, .nnm-gecis, .nnk-arka, .nnm-toast) {
    --nnm-surface: #161b26; --nnm-surface-2: #1c2331; --nnm-surface-3: #232b3b; --nnm-line: #2a3347; --nnm-fg: #e6eaf5; --nnm-muted: #a2abc6; --nnm-dim: #7f89a6;
    --nnm-accent: #6f9bff; --nnm-accent-ink: #9dbbff; --nnm-accent-soft: rgba(111, 155, 255, .16); --nnm-star: #f2c14e; --nnm-bad: #ff7a70;
    --nnm-c-slate: #93a2c4; --nnm-c-blue: #6f95ff; --nnm-c-teal: #3cc4b8; --nnm-c-amber: #e3a84a; --nnm-c-violet: #a585ff; --nnm-c-orange: #f08a52; --nnm-c-green: #5cc06c;
    --nnm-c-pink: #ec6fae; --nnm-c-gray: #9aa2b6; --nnm-c-red: #ff7a70; --nnm-c-cyan: #4cc3e0;
    --nnm-shadow: 0 12px 40px rgba(0, 0, 0, .55); color-scheme: dark;
}
.nnm [hidden], .nnk-arka[hidden], .nnk [hidden], .nnmd [hidden], .nnm-toast[hidden] { display: none !important; }
.nnm *, .nnk-arka *, .nnmd * { box-sizing: border-box; }
/* sıfırlama özgüllüksüz (:where): sınıf kuralları her zaman üstün */
:where(.nnm, .nnk-arka, .nnmd, .nnm-gecis) button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; margin: 0; }
:is(.nnm, .nnk-arka, .nnmd, .nnm-gecis) :is(button, input, select):focus-visible { outline: 2px solid var(--nnm-accent); outline-offset: 2px; border-radius: 6px; }
.nnm-i { width: 18px; height: 18px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ── eBA çekmecesi: Modern'de genişler, eBA'nın listesi gizlenir (silinmez: açma yolu ve Klasik onunla) ── */
html.nnm-modern { --tw-sidenav-width: 446px; }
html.nnm-modern .app-menu { width: var(--tw-sidenav-width) !important; max-width: 100vw; }
html.nnm-modern #divLeftMenuContainer > .leftMenu { display: none !important; }
html.nnm-klasik .nnm, html:not(.nnm-modern) .nnm { display: none !important; }

/* Görünüm seçici (eBA menü başlığında, kapat düğmesinin solunda; Modern ve Klasik'te) */
.nnm-gecis { display: inline-flex; flex: none; padding: 3px; margin: 0 8px 0 auto; border: 1px solid var(--nnm-line); border-radius: 10px; background: var(--nnm-surface-2); align-self: center; }
.nnm-gecis button { padding: 5px 11px; border-radius: 7px; font-size: 12.5px; font-weight: 600; color: var(--nnm-muted); white-space: nowrap; line-height: 1.2; }
.nnm-gecis button[aria-pressed="true"] { background: var(--nnm-surface); color: var(--nnm-fg); box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
#divLeftMenuContainer > .nnm-gecis { margin: 10px 12px 4px; }

/* ── Modern kabı ── */
.nnm { height: calc(100% - var(--tw-topbar-height, 70px)); display: flex; flex-direction: column; min-height: 0; background: var(--nnm-surface); color: var(--nnm-fg);
    font-size: 14px; line-height: 1.35; border-top: 1px dashed rgba(107, 114, 128, .25); }
.nnm-ust { padding: 10px 12px 8px; flex: none; }
.nnm-ara { width: 100%; display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--nnm-line) !important; border-radius: 10px; background: var(--nnm-surface-2) !important;
    color: var(--nnm-muted) !important; text-align: left; font-size: 13.5px; }
.nnm-ara span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nnm-ara kbd, .nnk-alt kbd { font-family: var(--nnm-mono); font-size: 11px; padding: 2px 6px; border: 1px solid var(--nnm-line); border-radius: 5px; background: var(--nnm-surface); color: var(--nnm-muted); white-space: nowrap; }
.nnm-govde { flex: 1; display: flex; min-height: 0; border-top: 1px solid var(--nnm-line); }

/* Sol alan şeridi */
.nnm-serit { width: 84px; flex: none; display: flex; flex-direction: column; gap: 2px; padding: 10px 5px; overflow-y: auto; border-right: 1px solid var(--nnm-line); background: var(--nnm-surface);
    scrollbar-width: none; overscroll-behavior: contain; }
.nnm-serit::-webkit-scrollbar { display: none; }
.nnm-serit > button { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 8px 1px; border-radius: 10px; font-size: 10.5px; font-weight: 600; color: var(--nnm-muted);
    text-align: center; line-height: 1.2; position: relative; letter-spacing: -.01em; hyphens: manual; flex: none; }
.nnm-serit .nnm-kutu { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; color: var(--renk); background: color-mix(in srgb, var(--renk) 13%, transparent); }
.nnm-serit > button:hover { background: var(--nnm-surface-2); }
.nnm-serit > button[aria-current="true"] { color: var(--nnm-fg); background: var(--nnm-surface-2); }
.nnm-serit > button[aria-current="true"] .nnm-kutu { background: var(--renk); color: var(--nnm-surface); }
.nnm-serit .nnm-duzen-ac { margin-top: auto; border-top: 1px dashed var(--nnm-line); border-radius: 0 0 10px 10px; padding-top: 12px; }
.nnm-rozet { position: absolute; top: 4px; right: 10px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #d93a3a; color: #fff; font-size: 10.5px; font-weight: 700;
    display: grid; place-items: center; font-variant-numeric: tabular-nums; }

/* Alan paneli */
.nnm-panel { flex: 1; min-width: 0; display: flex; flex-direction: column; min-height: 0; background: var(--nnm-surface); }
.nnm-panel-bas { padding: 14px 16px 10px; border-bottom: 1px solid var(--nnm-line); flex: none; }
.nnm-panel-bas h2 { margin: 0; font-size: 16.5px; font-weight: 700; display: flex; align-items: center; gap: 10px; color: var(--nnm-fg); letter-spacing: -.01em; }
.nnm-panel-bas h2 i { width: 10px; height: 10px; border-radius: 3px; background: var(--renk); flex: none; }
.nnm-panel-bas p { margin: 4px 0 0; color: var(--nnm-muted); font-size: 12.5px; }
.nnm-panel-ic { overflow-y: auto; padding: 8px 10px 24px; display: flex; flex-direction: column; gap: 4px; min-height: 0; flex: 1; scrollbar-width: thin; }
.nnm-kok-b { width: 100%; display: flex; align-items: center; gap: 8px; padding: 9px 8px; border-radius: 8px; font-weight: 600; text-align: left; color: var(--nnm-fg); }
.nnm-kok-b:hover { background: var(--nnm-surface-2); }
.nnm-kok-b > span:first-of-type { min-width: 0; overflow-wrap: anywhere; }
.nnm-kok-b .nnm-ok { transition: transform .15s; color: var(--nnm-dim); width: 16px; height: 16px; }
.nnm-kok[data-acik="true"] > .nnm-kok-b .nnm-ok { transform: rotate(90deg); }
.nnm-adet { margin-left: auto; color: var(--nnm-dim); font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; }
.nnm-kok-ic { padding: 2px 4px 10px 26px; display: flex; flex-direction: column; gap: 10px; }
.nnm-kok[data-acik="false"] .nnm-kok-ic { display: none; }
.nnm-bolum h4 { margin: 4px 0; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--nnm-dim); font-weight: 700; }
.nnm-baslat { display: flex; flex-wrap: wrap; gap: 6px; }
.nnm-baslat .nnm-ac { display: inline-flex; align-items: center; gap: 6px; border: 1px solid color-mix(in srgb, var(--renk) 35%, var(--nnm-line)); background: color-mix(in srgb, var(--renk) 8%, var(--nnm-surface));
    border-radius: 8px; padding: 6px 10px 6px 8px; font-weight: 600; font-size: 13px; color: var(--nnm-fg); text-align: left; max-width: 100%; }
.nnm-baslat .nnm-ac .nnm-i { color: var(--renk); width: 15px; height: 15px; }
.nnm-baslat .nnm-ac:hover { background: color-mix(in srgb, var(--renk) 15%, var(--nnm-surface)); }
.nnm-oge { display: flex; align-items: center; border-radius: 7px; }
.nnm-oge:hover { background: var(--nnm-surface-2); }
.nnm-oge .nnm-ac { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 6px 4px 6px 8px; text-align: left; color: var(--nnm-fg); border-radius: 7px; }
.nnm-oge .nnm-ac > span { min-width: 0; overflow-wrap: anywhere; }
.nnm-oge .nnm-ac .nnm-i { width: 15px; height: 15px; color: var(--nnm-dim); }
.nnm-say-n { margin-left: auto; min-width: 20px; padding: 0 6px; border-radius: 9px; background: var(--nnm-accent-soft); color: var(--nnm-accent-ink); font-size: 11.5px; font-weight: 700; text-align: center; font-variant-numeric: tabular-nums; }
.nnm-yildiz { flex: none; width: 30px; height: 28px; display: grid; place-items: center; border-radius: 7px; color: var(--nnm-dim); opacity: 0; }
.nnm-yildiz .nnm-i { width: 16px; height: 16px; }
.nnm-oge:hover .nnm-yildiz, .nnm-yildiz:focus-visible, .nnm-yildiz[aria-pressed="true"] { opacity: 1; }
.nnm-yildiz[aria-pressed="true"] { color: var(--nnm-star); }
.nnm-yildiz[aria-pressed="true"] .nnm-i { fill: currentColor; }
@media (hover: none) { .nnm-yildiz { opacity: .55; } }
.nnm-konu { margin-top: 6px; font-size: 12.5px; font-weight: 700; color: var(--nnm-muted); display: flex; align-items: center; gap: 6px; }
.nnm-konu::before { content: ""; width: 6px; height: 6px; border-radius: 2px; background: var(--renk); flex: none; }

/* Benim için */
.nnm-benim { display: flex; flex-direction: column; gap: 14px; padding: 6px 4px; }
.nnm-kart { border: 1px solid var(--nnm-line); border-radius: 12px; padding: 12px; background: var(--nnm-surface); }
.nnm-kart h3 { margin: 0 0 6px; font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 8px; color: var(--nnm-fg); }
.nnm-kart h3 .nnm-i { width: 16px; height: 16px; }
.nnm-bos { color: var(--nnm-dim); font-size: 12.5px; margin: 4px 0; }
.nnm-sayac { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.nnm-say { text-align: left; border: 1px solid var(--nnm-line) !important; border-radius: 10px; padding: 10px 12px; }
.nnm-say:hover:not(:disabled) { background: var(--nnm-surface-2) !important; }
.nnm-say:disabled { cursor: default; }
.nnm-say b { display: block; font-size: 22px; font-variant-numeric: tabular-nums; color: var(--nnm-fg); }
.nnm-say span { font-size: 12px; color: var(--nnm-muted); }

/* ── Komut paleti (Ctrl K) ── */
html.nnk-acik { overflow: hidden; }
.nnk-arka { position: fixed; inset: 0; z-index: 2050; background: rgba(15, 20, 34, .45); display: grid; place-items: start center; padding: 10vh 16px 16px; }
.nnk { width: min(640px, 100%); background: var(--nnm-surface); color: var(--nnm-fg); border-radius: 14px; box-shadow: var(--nnm-shadow); border: 1px solid var(--nnm-line); overflow: hidden;
    display: flex; flex-direction: column; max-height: 72vh; font-size: 14px; }
.nnk-gir { border: 0 !important; border-bottom: 1px solid var(--nnm-line) !important; padding: 16px 18px !important; font: inherit; font-size: 16px; background: transparent !important; color: var(--nnm-fg); outline: none; width: 100%;
    box-shadow: none !important; border-radius: 0 !important; height: auto !important; }
.nnk-gir::-webkit-search-cancel-button { display: none; }
.nnk-sonuc { overflow-y: auto; padding: 6px; min-height: 0; }
.nnk-grup { padding: 8px 10px 4px; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--nnm-dim); font-weight: 700; }
.nnk-oge { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; width: 100%; text-align: left; color: var(--nnm-fg); }
.nnk-oge > span:first-of-type { min-width: 0; flex: 1; }
.nnk-oge[aria-selected="true"] { background: var(--nnm-accent-soft); }
.nnk-oge:hover { background: var(--nnm-surface-2); }
.nnk-oge[aria-selected="true"]:hover { background: var(--nnm-accent-soft); }
.nnk-oge .nnm-i { color: var(--nnm-muted); }
.nnk-oge small { display: block; color: var(--nnm-muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nnk-oge mark { background: color-mix(in srgb, var(--nnm-star) 35%, transparent); color: inherit; border-radius: 3px; }
.nnk-tur { margin-left: auto; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 10px; white-space: nowrap; flex: none; }
.nnk-tur.is-baslat { background: color-mix(in srgb, var(--nnm-c-green) 16%, transparent); color: var(--nnm-c-green); }
.nnk-tur.is-rapor { background: color-mix(in srgb, var(--nnm-c-blue) 16%, transparent); color: var(--nnm-c-blue); }
.nnk-tur.is-tanim { background: color-mix(in srgb, var(--nnm-c-amber) 18%, transparent); color: var(--nnm-c-amber); }
.nnk-tur.is-diger { background: var(--nnm-surface-2); color: var(--nnm-muted); }
.nnk-bos { padding: 14px; margin: 0; color: var(--nnm-dim); font-size: 13px; }
.nnk-alt { border-top: 1px solid var(--nnm-line); padding: 8px 14px; font-size: 12px; color: var(--nnm-dim); display: flex; gap: 14px; flex-wrap: wrap; }
.nnm-toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); background: var(--nnm-fg); color: var(--nnm-surface); padding: 10px 16px;
    border-radius: 10px; font-weight: 600; z-index: 2060; box-shadow: var(--nnm-shadow); max-width: calc(100% - 32px); font-size: 13.5px; }

/* ── Dar ekran: çekmece tam genişlik, şerit alta ── */
@media (max-width: 820px) {
    html.nnm-modern { --tw-sidenav-width: 100%; }   /* 100vw dikey kaydırma çubuğunu da sayar → yatay taşma */
    html.nnm-modern.sidenav-enable .nna-fab { display: none; }   /* tam ekran menüde asistan düğmesi şeridin üstüne binmesin */
    .nnm-govde { flex-direction: column-reverse; }
    .nnm-serit { width: auto; flex-direction: row; border-right: 0; border-top: 1px solid var(--nnm-line); overflow-x: auto; overflow-y: hidden; padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px)); }
    .nnm-serit > button { min-width: 74px; flex: none; }
    .nnm-serit .nnm-duzen-ac { margin-top: 0; border-top: 0; border-left: 1px dashed var(--nnm-line); border-radius: 0 10px 10px 0; padding-top: 9px; }
    .nnm-gecis button { padding: 5px 9px; }
}
@media (prefers-reduced-motion: reduce) { .nnm *, .nnk-arka * { transition: none !important; } }


/* Ctrl K: alan ve menü başlığı sonuçlarının rozetleri */
.nnk-tur.is-alan { background: color-mix(in srgb, var(--nnm-c-violet) 15%, transparent); color: var(--nnm-c-violet); }
.nnk-tur.is-bolum { background: color-mix(in srgb, var(--nnm-c-slate) 16%, transparent); color: var(--nnm-c-slate); }

/* ── Yönetim › Menü düzeni (anasayfa/menu-duzen.js; .nny yönetim sayfasının içinde) — maket v3: iki sekme, iş listesi + iki bölmeli alanlar ── */
.nnmd { display: flex; flex-direction: column; gap: 16px; color: var(--nnm-fg); max-width: 980px; }
.nny .nnmd-dugme { border: 1px solid var(--nnm-line) !important; background: var(--nnm-surface) !important; padding: 6px 11px !important; border-radius: 8px; font-weight: 600; font-size: 13px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; cursor: pointer; color: var(--nnm-fg); }
.nny .nnmd-dugme:hover { background: var(--nnm-surface-2) !important; }
.nny .nnmd-dugme:disabled { opacity: .45; cursor: default; }
.nnmd-arac { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.nnmd-arac .nny-seg { flex: none; }
.nnmd-alt { color: var(--nnm-muted); font-size: 12.5px; }
.nnmd-sekmeler { display: flex; gap: 4px; border-bottom: 1px solid var(--nnm-line); }
.nny .nnmd-sekmeler button { padding: 10px 14px; font-weight: 600; font-size: 14px; color: var(--nnm-muted); border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; display: flex; gap: 8px; align-items: center; background: none; cursor: pointer; }
.nny .nnmd-sekmeler button[aria-selected="true"] { color: var(--nnm-fg); border-bottom-color: var(--nnm-accent); }
.nnmd-say { font-size: 11.5px; font-weight: 700; min-width: 20px; padding: 1px 7px; border-radius: 10px; background: var(--nnm-surface-2); color: var(--nnm-muted); font-variant-numeric: tabular-nums; text-align: center; }
.nnmd-say.is-dikkat { background: #d93a3a; color: #fff; }
.nnmd-geri { font-size: 13px; color: var(--nnm-muted); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.nny .nnmd-geri button { color: var(--nnm-accent-ink); font-weight: 700; background: none; border: 0; padding: 0; cursor: pointer; font-size: 13px; }
.nnmd-is-liste { display: flex; flex-direction: column; gap: 10px; }
.nnmd-is { background: var(--nnm-surface); border: 1px solid var(--nnm-line); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.nnmd-is-ust { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.nnmd-is-ust b { font-size: 15px; overflow-wrap: anywhere; }
.nnmd-yeni-et { font-size: 11px; font-weight: 700; color: var(--nnm-accent-ink); background: var(--nnm-accent-soft); padding: 2px 8px; border-radius: 10px; }
.nnmd-cipler { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.nny .nnmd-cip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; border: 1px solid var(--nnm-line); background: var(--nnm-surface); font-weight: 600; font-size: 13px; color: var(--nnm-fg); cursor: pointer; }
.nnmd-cip i { width: 9px; height: 9px; border-radius: 3px; background: var(--renk); flex: none; }
.nny .nnmd-cip:hover { border-color: var(--renk, var(--nnm-accent)); background: color-mix(in srgb, var(--renk, var(--nnm-accent)) 9%, var(--nnm-surface)); }
.nny .nnmd-cip.is-oneri { border-color: var(--renk); background: color-mix(in srgb, var(--renk) 12%, var(--nnm-surface)); }
.nnmd-cip.is-oneri::after { content: "önerilen"; font-size: 10.5px; font-weight: 700; color: var(--renk); }
.nny .nnmd-cip.is-sessiz { color: var(--nnm-muted); font-weight: 500; }
.nny .nnmd-cip.is-ekle { color: var(--nnm-accent-ink); border-style: dashed; }
.nny .nnmd-cip-gir { font: inherit; font-size: 13px; padding: 5px 11px; border-radius: 999px; border: 1px solid var(--nnm-accent); background: var(--nnm-surface); color: var(--nnm-fg); width: 170px; height: auto; }
.nnmd-bitti { text-align: center; padding: 40px 16px; border: 1px dashed var(--nnm-line); border-radius: 12px; color: var(--nnm-muted); background: var(--nnm-surface); }
.nnmd-bitti b { display: block; font-size: 17px; color: var(--nnm-fg); margin-bottom: 4px; }
.nnmd-iki { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 16px; align-items: start; }
.nnmd-alan-liste { background: var(--nnm-surface); border: 1px solid var(--nnm-line); border-radius: 12px; padding: 6px; display: flex; flex-direction: column; gap: 2px; }
.nny .nnmd-al { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; text-align: left; font-weight: 600; font-size: 14px; border: 0; background: none; color: var(--nnm-fg); cursor: pointer; }
.nnmd-al i { width: 10px; height: 10px; border-radius: 3px; background: var(--renk); flex: none; }
.nnmd-al .nnmd-al-ad { min-width: 0; overflow-wrap: anywhere; }
.nnmd-al > span:last-child { margin-left: auto; color: var(--nnm-dim); font-weight: 500; font-size: 12px; font-variant-numeric: tabular-nums; }
.nny .nnmd-al:hover { background: var(--nnm-surface-2); }
.nny .nnmd-al[aria-selected="true"] { background: color-mix(in srgb, var(--renk) 12%, var(--nnm-surface)); }
.nny .nnmd-ekle { color: var(--nnm-accent-ink); font-weight: 600; font-size: 14px; padding: 9px 10px; text-align: left; border: 0; border-top: 1px solid var(--nnm-line); margin-top: 4px; background: none; cursor: pointer; }
.nny .nnmd-ekle-gir, .nny .nnmd-ad-gir { font: inherit; font-size: 14px; padding: 7px 10px; margin-top: 4px; border: 1px solid var(--nnm-accent); border-radius: 8px; background: var(--nnm-surface); color: var(--nnm-fg); height: auto; }
.nny .nnmd-ad-gir { margin: 0; font-size: 16px; font-weight: 600; min-width: 0; flex: 1; max-width: 340px; }
.nny input.is-hata { border-color: var(--nnm-bad) !important; }
.nnmd-alan-detay { background: var(--nnm-surface); border: 1px solid var(--nnm-line); border-radius: 12px; padding: 16px 18px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.nnmd-alan-detay h2 { margin: 0; font-size: 18px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.nnmd-alan-detay h2 i { width: 12px; height: 12px; border-radius: 4px; background: var(--renk); flex: none; }
.nnmd-alan-detay h2 .nnmd-alt { margin-left: auto; font-weight: 500; }
.nnmd-baslik-liste { display: flex; flex-direction: column; border: 1px solid var(--nnm-line); border-radius: 10px; overflow: hidden; }
.nnmd-bsatir { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-top: 1px solid var(--nnm-line); min-width: 0; flex-wrap: wrap; }
.nnmd-bsatir:first-child { border-top: 0; }
.nnmd-bsatir b { font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.nnmd-bsatir .nnmd-alt { color: var(--nnm-dim); font-size: 12px; }
.nny .nnmd-tasi { margin-left: auto; font: inherit; font-size: 12.5px; padding: 4px 6px; border-radius: 7px; border: 1px solid var(--nnm-line); background: var(--nnm-surface); color: var(--nnm-muted); height: auto; max-width: 100%; }
.nnmd-bsatir:hover .nnmd-tasi { color: var(--nnm-fg); }
details.nnmd-gelismis { border: 1px solid var(--nnm-line); border-radius: 10px; padding: 10px 12px; }
details.nnmd-gelismis summary { cursor: pointer; font-weight: 600; }
details.nnmd-gelismis p { margin: 8px 0; color: var(--nnm-muted); font-size: 12.5px; line-height: 1.5; }
.nnmd-kelimeler { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; margin-bottom: 10px; }
.nnmd-kelime { font-family: var(--nnm-mono); font-size: 11px; padding: 2px 3px 2px 7px; border-radius: 6px; background: var(--nnm-surface-2); border: 1px solid var(--nnm-line); display: inline-flex; align-items: center; gap: 2px; max-width: 100%; overflow-wrap: anywhere; }
.nny .nnmd-kelime button { padding: 0 4px !important; color: var(--nnm-dim); font-size: 13px; line-height: 1; border: 0; background: none; cursor: pointer; }
.nny .nnmd-kelime button:hover { color: var(--nnm-bad); }
.nny .nnmd-kelimeler input { font-family: var(--nnm-mono); font-size: 11px; width: 110px; padding: 2px 6px; border: 1px dashed var(--nnm-line); border-radius: 6px; background: transparent; color: var(--nnm-fg); height: auto; }
.nnmd-satir { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.nnmd-renkler { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.nny .nnmd-renkler button { width: 20px; height: 20px; border-radius: 6px; background: var(--renk) !important; border: 2px solid transparent !important; padding: 0; cursor: pointer; }
.nny .nnmd-renkler button[aria-pressed="true"] { border-color: var(--nnm-fg) !important; box-shadow: 0 0 0 2px var(--nnm-surface) inset; }
.nny .nnmd-sil { color: var(--nnm-bad); margin-left: auto; }
.nnmd-bos-not { color: var(--nnm-dim); font-size: 13px; padding: 4px 0; margin: 0; }
.nnmd-canli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 820px) { .nnmd-iki { grid-template-columns: minmax(0, 1fr); } }


/* == 49-liste: eBA ızgaraları — kutu listeleri (.workflow-management-container), Arşiv Yöneticisi raporları, süreç/form arşivleri; liste.js işaretler (data-nn-liste) == */
.workflow-management-container, .eBAGridContainer[data-nn-liste] { --nl-cizgi: rgba(0, 0, 0, .06); --nl-soluk: #6e6e73; }

/* ── Sol: süreç listesi ── */
.workflow-management-container .process-container.card { background: #fff !important; border: 0 !important; border-radius: 12px !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07) !important; padding: 12px 8px !important; }
.workflow-management-container .process-container .search-process { padding: 0 6px 10px !important; }
.workflow-management-container .process-container .dx-list-item { border: 0 !important; background: transparent !important; }
.workflow-management-container .process-container .dx-item.dx-list-item > div { background: transparent !important; padding: 0 !important; }
.workflow-management-container .process-container li.process-item-container { display: flex !important; width: 100% !important; min-height: 40px; margin: 1px 0 !important; padding: 8px 12px !important; border: 0 !important;
  border-radius: 10px !important; background: transparent !important; color: #1d1d1f !important; font-size: 13.5px !important; box-shadow: none !important; transition: background .12s; }
.workflow-management-container .process-container li.process-item-container:hover { background: #f5f6f8 !important; }
.workflow-management-container .process-container li.process-item-container.text-primary { background: #f0f6ff !important; color: #0a4fa3 !important; font-weight: 600; }
.workflow-management-container .process-container .process-caption { align-items: center; gap: 10px; }
.workflow-management-container .process-container [class*="process-count_"] { flex: 0 0 auto; min-width: 24px; justify-content: center; padding: 1px 8px !important; border: 0 !important; border-radius: 999px !important;
  background: #f2f3f5 !important; color: #424245 !important; font-size: 11.5px !important; font-weight: 600 !important; }
.workflow-management-container .process-container li.text-primary [class*="process-count_"] { background: #0a7aff !important; color: #fff !important; }

/* ── Sağ: ızgara kartı ── */
.eBAGridContainer[data-nn-liste] { background: #fff !important; border-radius: 12px !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07) !important; border: 0 !important; overflow: hidden; }
.eBAGridContainer[data-nn-liste] .dx-datagrid { background: transparent !important; }
.eBAGridContainer[data-nn-liste] .dx-datagrid-headers { border-bottom: 1px solid var(--nl-cizgi) !important; background: #fafbfc !important; }
.eBAGridContainer[data-nn-liste] .dx-datagrid-headers .dx-header-row > td { padding-top: 12px !important; padding-bottom: 12px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--nl-soluk) !important; border: 0 !important; }
.eBAGridContainer[data-nn-liste] .dx-datagrid-rowsview .dx-data-row > td { padding-top: 10px !important; padding-bottom: 10px !important; vertical-align: middle !important; font-size: 13.5px; color: #1d1d1f; border-left: 0 !important; border-right: 0 !important; }
.eBAGridContainer[data-nn-liste] .dx-datagrid-rowsview .dx-row:not(:last-child) > td { border-bottom: 1px solid var(--nl-cizgi) !important; }
.eBAGridContainer.nn-izgara-kutu .dx-data-row { cursor: pointer; }
/* tek satır hücre: sığmayan "…" (tamamı ipucunda — liste.js) */
.eBAGridContainer[data-nn-liste] .dx-datagrid-rowsview .dx-data-row > td { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
.eBAGridContainer[data-nn-liste] .dx-datagrid-headers .dx-header-row > td { white-space: nowrap !important; }
.eBAGridContainer[data-nn-liste] .dx-datagrid-headers .dx-datagrid-text-content { white-space: nowrap !important; }
.eBAGridContainer[data-nn-liste] .dx-data-row.unseenStatus > td { font-weight: 600; }
/* Süreç No: sayı belirgin; ikon sütunu sade */
.eBAGridContainer[data-nn-liste] td.nn-ikon .w-10.h-10 { width: 32px !important; height: 32px !important; border-radius: 8px !important; background: #f2f3f5; color: #424245; }
.eBAGridContainer[data-nn-liste] td.nn-ikon i { font-size: 17px !important; }
/* Geliş yaşı ve eski taslak işareti */
.workflow-management-container .nn-yas { margin-left: 8px; font-size: 11.5px; color: #86868b; white-space: nowrap; }
.workflow-management-container .nn-eski { margin-left: 8px; padding: 1px 7px; border-radius: 999px; background: #fff4e5; color: #9a5800; font-size: 11px; font-weight: 600; vertical-align: 1px; }
/* Satır olayları: ikon + ad, tek dil (onay dolu mavi çerçeve, olumsuz kırmızı çerçeve) */
.workflow-management-container .WorkflowEvents { white-space: nowrap; text-align: right !important; }
.workflow-management-container .WorkflowEvents > [param] { margin-left: 6px; vertical-align: middle; }
.workflow-management-container .WorkflowEvents .nn-ev { width: auto !important; height: 32px !important; padding: 0 12px 0 9px; gap: 6px; border-radius: 9px !important; background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); color: #1d1d1f !important; transition: background .12s, box-shadow .12s; }
.workflow-management-container .WorkflowEvents .nn-ev i { font-size: 16px !important; color: #424245; }
.workflow-management-container .WorkflowEvents .nn-ev-ad { font-size: 12.5px; font-weight: 600; }
.workflow-management-container .WorkflowEvents .nn-ev.grid-event-approve-icon { box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .45); color: #0a63cc !important; }
.workflow-management-container .WorkflowEvents .nn-ev.grid-event-approve-icon i { color: #0a63cc; }
.workflow-management-container .WorkflowEvents .nn-ev.grid-event-approve-icon:hover { background: #0a7aff !important; color: #fff !important; }
.workflow-management-container .WorkflowEvents .nn-ev.grid-event-approve-icon:hover i { color: #fff; }
.workflow-management-container .WorkflowEvents .nn-ev.grid-event-cancel-icon { box-shadow: inset 0 0 0 1px rgba(215, 0, 21, .35); color: #c4001a !important; }
.workflow-management-container .WorkflowEvents .nn-ev.grid-event-cancel-icon i { color: #c4001a; }
.workflow-management-container .WorkflowEvents .nn-ev.grid-event-cancel-icon:hover { background: #fff5f5 !important; }
/* Alt çubuk: kart içinde ayraç */
.eBAGridContainer[data-nn-liste] .dx-datagrid-pager { border-top: 1px solid var(--nl-cizgi) !important; padding: 10px 14px !important; }

/* ── TÜM eBAGrid ızgaraları (liste.js data-nn-izgara: kutu listeleri, raporlar, arşivler, DM, Seçim pencereleri) — satır ve
   sayfalayıcı tek dil. Geometri (satır yüksekliği, sütun genişliği, eBA'nın yuvarlak satır uçları) eBA'nın; yalnız renk ve yazı.
   - Hücre yazısı tek boy/renk: eBA ilk ve son sütunu 12-13px soluk, aradakileri 14px yazıyordu (aynı satırda üç boy).
   - Üzerinde / seçili: yalnız zemin değişir (açık gri / marka açık mavisi), yazı koyu kalır — eBA yazıyı kahverengiye boyuyordu
     (20-brand ezmesiyle maviye), satırın kendisi de ayrı bir şekil çiziyordu; zemin hücrelerde, satır saydam.
   - Sayfalayıcı: sayfa boyu ve sayfa numaraları aynı küçük düğme, seçili açık mavi, bilgi metni soluk; ok düğmeleri sade. */
.eBAGridContainer[data-nn-izgara] .dx-datagrid-rowsview .dx-row.dx-data-row > td { font-size: 13.5px !important; color: #1d1d1f !important; }
.eBAGridContainer[data-nn-izgara] .dx-datagrid-rowsview .dx-row.dx-data-row.dx-state-hover,
.eBAGridContainer[data-nn-izgara] .dx-datagrid-rowsview .dx-row.dx-data-row.dx-selection { background-color: transparent !important; color: inherit !important; }
.eBAGridContainer[data-nn-izgara] .dx-datagrid-rowsview .dx-row.dx-data-row:not(.dx-selection):hover > td,
.eBAGridContainer[data-nn-izgara] .dx-datagrid-rowsview .dx-row.dx-data-row.dx-state-hover:not(.dx-selection) > td { background-color: #f7f9fc !important; }
.eBAGridContainer[data-nn-izgara] .dx-datagrid-rowsview .dx-row.dx-data-row.dx-selection > td { background-color: #f0f6ff !important; }
.eBAGridContainer[data-nn-izgara] .dx-datagrid-pager { font-size: 12.5px !important; color: #6e6e73 !important; }
.eBAGridContainer[data-nn-izgara] .dx-pager .dx-info { font-size: 12.5px !important; color: #86868b !important; opacity: 1 !important; }
.eBAGridContainer[data-nn-izgara] .dx-pager .dx-page-size, .eBAGridContainer[data-nn-izgara] .dx-pager .dx-page {
  min-width: 28px; box-sizing: border-box; text-align: center; border: 0 !important; border-radius: 8px !important; font-size: 12.5px !important; color: #424245 !important; transition: background .12s; }
.eBAGridContainer[data-nn-izgara] .dx-pager .dx-page-size:not(.dx-selection):hover, .eBAGridContainer[data-nn-izgara] .dx-pager .dx-page:not(.dx-selection):hover { background: #f5f6f8 !important; }
.eBAGridContainer[data-nn-izgara] .dx-pager .dx-selection.dx-page-size, .eBAGridContainer[data-nn-izgara] .dx-pager .dx-selection.dx-page { background: #f0f6ff !important; color: #0a4fa3 !important; font-weight: 600; }
.eBAGridContainer[data-nn-izgara] .dx-pager .dx-navigate-button { border-radius: 8px !important; color: #424245 !important; transition: background .12s; }
.eBAGridContainer[data-nn-izgara] .dx-pager .dx-navigate-button:not(.dx-button-disable):hover { background: #f5f6f8 !important; }
.eBAGridContainer[data-nn-izgara] .dx-pager .dx-navigate-button.dx-button-disable { opacity: .35 !important; }
@media (max-width: 760px) { .workflow-management-container .nn-yas { display: none; } .workflow-management-container .WorkflowEvents .nn-ev-ad { display: none; } .workflow-management-container .WorkflowEvents .nn-ev { padding: 0 8px; } }

/* ── Kutu listeleri: Liste | Kart | Tablo (liste.js kartGorunumu) ── */
.workflow-management-container > .flex.items-center .nn-gorunum { margin-left: auto; display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: rgba(0, 0, 0, .05); }
/* Liste/Kart açıkken eBA tablosu gizli çalışır */
.workflow-management-container.nn-kv-acik .process-grid-container > .eBAGridContainer { position: absolute !important; left: -99999px !important; top: 0; width: 1200px; height: 1px; overflow: hidden; }
.workflow-management-container:not(.nn-kv-acik) .nn-kv { display: none; }
.workflow-management-container.nn-kv-acik .process-grid-container { position: relative; display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.nn-kv { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07); overflow: hidden; color: #1d1d1f; }
.nn-kv-ust { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.nn-kv-bas { display: flex; align-items: center; gap: 10px; min-width: 0; }
.nn-kv-bas b { font-size: 16px; font-weight: 650; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-kv-say { min-width: 24px; padding: 2px 9px; border-radius: 999px; background: #f2f3f5; color: #424245; font-size: 12px; font-weight: 600; text-align: center; }
.nn-kv-say:empty { display: none; }
.nn-kv-ara-k { margin-left: auto; display: flex; align-items: center; gap: 8px; width: min(320px, 50%); height: 38px; padding: 0 12px; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); background: #fff; }
.nn-kv-ara-k:focus-within { box-shadow: inset 0 0 0 1.5px #0a7aff; }
.nn-kv-ara-k i { color: #86868b; font-size: 16px; }
.nn-kv-ara { flex: 1 1 auto; min-width: 0; border: 0; outline: none; font: inherit; font-size: 13.5px; background: transparent; }
.nn-kv-liste { flex: 1 1 auto; overflow-y: auto; padding: 8px 12px 16px; }
.nn-kv-grup { padding: 14px 10px 6px; font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #86868b; }
.nn-kv-alt { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, .06); }
.nn-kv-alt:not(:empty) { padding: 10px 16px; }
.nn-kv-sayfa { border: 0; background: #f5f6f8; color: #1d1d1f; padding: 7px 14px; border-radius: 8px; font: inherit; font-size: 13px; cursor: pointer; }
.nn-kv-sayfa:disabled { opacity: .4; cursor: default; }
.nn-kv-sayfa-n { font-size: 12.5px; color: #6e6e73; }
/* Satır (Liste görünümü) */
.nn-kart { position: relative; display: flex; align-items: center; gap: 14px; padding: 12px 12px; border-radius: 12px; cursor: pointer; transition: background .12s, box-shadow .12s; outline: none; }
.nn-kart + .nn-kart { box-shadow: 0 -1px 0 rgba(0, 0, 0, .05); }
.nn-kart:hover, .nn-kart:focus-visible { background: #f7f9fc; box-shadow: none; }
.nn-kart:hover + .nn-kart { box-shadow: none; }
.nn-kart.is-yeni::before { content: ""; position: absolute; left: 2px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: #0a7aff; }
.nn-kart-av { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12.5px; font-weight: 700; }
.nn-kart-m { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.nn-kart-s1 { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.nn-kart-s1 b { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-kart.is-yeni .nn-kart-s1 b { font-weight: 700; }
.nn-kart-no { font-size: 12.5px; color: #86868b; font-variant-numeric: tabular-nums; }
.nn-kart-s2 { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; font-size: 12.5px; color: #6e6e73; min-width: 0; }
.nn-kart-durum { display: inline-flex; align-items: center; gap: 6px; padding: 1px 9px; border-radius: 999px; background: #e8f1ff; color: #0a4fa3; font-weight: 600; font-size: 11.5px; }
.nn-kart-durum.is-uyari { background: #fff4e5; color: #9a5800; }
.nn-kart-durum.is-tamam { background: #e8f6ec; color: #1f7a35; }
.nn-kart-t { color: #86868b; }
.nn-kart-s3 { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 3px; }
.nn-kart-alan { display: inline-flex; align-items: baseline; gap: 6px; max-width: 280px; padding: 2px 9px; border-radius: 7px; background: #f5f6f8; font-size: 12px; color: #1d1d1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-kart-alan small { flex: 0 0 auto; color: #86868b; font-size: 11px; }
.nn-kart-alan > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }   /* esnek kutuda "…" içteki metinde olur */
.nn-kart-sag { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; }
.nn-kart-yas { font-size: 12px; font-weight: 600; color: #6e6e73; padding: 2px 8px; border-radius: 999px; background: #f2f3f5; white-space: nowrap; }
.nn-kart-yas.is-uyari { background: #fff4e5; color: #9a5800; }
.nn-kart-yas.is-kotu { background: #fdecee; color: #b0001a; }
.nn-kart-ev { display: flex; gap: 6px; }
.nn-kart-btn { height: 32px; padding: 0 14px; border: 0; border-radius: 9px; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; background: #fff; color: #1d1d1f; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); white-space: nowrap; }
.nn-kart-btn.is-ana { background: #0a7aff; color: #fff; box-shadow: none; }
.nn-kart-btn.is-ana:hover { background: #0a63cc; }
.nn-kart-btn.is-olumsuz { color: #c4001a; box-shadow: inset 0 0 0 1px rgba(215, 0, 21, .35); }
.nn-kart-btn.is-olumsuz:hover { background: #fff5f5; }
/* Kart görünümü: ızgara */
.nn-kv.is-kart .nn-kv-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; align-content: start; padding: 12px 16px 20px; background: #f7f8fa; }
.nn-kv.is-kart .nn-kv-grup { grid-column: 1 / -1; padding: 10px 4px 0; }
.nn-kv.is-kart .nn-izd { grid-column: 1 / -1; }
.nn-kv.is-kart .nn-kart { flex-direction: column; align-items: stretch; gap: 12px; padding: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .04); }
.nn-kv.is-kart .nn-kart:hover, .nn-kv.is-kart .nn-kart:focus-visible { box-shadow: 0 0 0 1px rgba(10, 122, 255, .35), 0 6px 18px rgba(17, 24, 39, .08); background: #fff; }
.nn-kv.is-kart .nn-kart + .nn-kart { box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .04); }
.nn-kv.is-kart .nn-kart-av { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; flex-basis: 32px; font-size: 11.5px; }
.nn-kv.is-kart .nn-kart-m { padding-right: 40px; }
.nn-kv.is-kart .nn-kart-s1 { flex-direction: column; gap: 2px; }
.nn-kv.is-kart .nn-kart-sag { justify-content: space-between; padding-top: 12px; border-top: 1px solid rgba(0, 0, 0, .06); }
.nn-kv.is-kart .nn-kart.is-yeni::before { left: 8px; top: 22px; margin-top: 0; }
@media (max-width: 900px) {
  .nn-kart { flex-wrap: wrap; } .nn-kart-sag { width: 100%; justify-content: space-between; padding-left: 50px; }
  .nn-kv-ust { flex-wrap: wrap; } .nn-kv-ara-k { width: 100%; }
  .workflow-management-container > .flex.items-center .nn-gorunum button { font-size: 0; gap: 0; padding: 6px 8px; } .workflow-management-container > .flex.items-center .nn-gorunum button i { font-size: 16px; }
}

/* ── Boş / arama / hata durumu (liste.js durum katmanı; TÜM eBAGrid ızgaraları + Liste/Kart görünümü, tek bileşen) ──
   Ana sayfa kartlarının boş dili (home.css .nnh-empty) büyütülmüş hali: yuvarlak zeminde çizgi ikon, tek satır başlık, tek satır
   ipucu, en çok bir düğme. Izgarada satır alanını (.dx-datagrid-rowsview) kaplar; eBA'nın kendi boş kutusu (resimli .noGridData)
   ve DevExtreme'in "Veri yok" yazısı panel varken gizlenir. Izgara hiç yaratılamadıysa panel ızgara kabının kendisinde. */
.nn-izd { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 40px 24px; box-sizing: border-box;
  text-align: center; white-space: normal; overflow-wrap: anywhere; font-family: Inter, "Segoe UI", system-ui, sans-serif; color: #1d1d1f;
  animation: nnIzdBelir .18s ease-out both; }   /* white-space: ızgaranın .dx-datagrid-nowrap'i panele de iniyordu (dar ekranda ipucu kesiliyordu) */
@keyframes nnIzdBelir { from { opacity: 0; } to { opacity: 1; } }
.nn-izd > * { flex-shrink: 0; }
.dx-datagrid-rowsview.nn-izd-var { min-height: 280px; }
.dx-datagrid-rowsview > .nn-izd { position: absolute; inset: 0; z-index: 3; padding: 24px; overflow: auto; background: #fff; }
/* Hata varken sayfalayıcı dinlenir: "-1 kayıt" yazmaz, sayfa/boy tıklaması ikinci bir yeniden deneme yolu olmaz (tek yol: Yeniden dene) */
.eBAGridContainer[data-nn-durum="hata"] .dx-datagrid-pager { opacity: .45; pointer-events: none; }
.eBAGridContainer[data-nn-durum="hata"] .dx-datagrid-pager .dx-info { visibility: hidden; }
/* Yeniden denenirken tek gösterge: panelin "Deneniyor…" düğmesi (ızgaranın yükleme panosu panelin üstüne binmesin) */
.eBAGridContainer[data-nn-durum="hata"] .dx-loadpanel-wrapper { display: none !important; }
.eBAGridContainer > .nn-izd { flex: 1 1 auto; width: 100%; min-height: 280px; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07); }
.nn-izd-var > .dx-datagrid-nodata, .nn-izd-var > .no-data-container, .nn-izd-var > .noGridData { display: none !important; }
.nn-izd-ikon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 10px; border-radius: 50%; background: #f2f3f5; color: #86868b; }
.nn-izd-ikon i { font-size: 24px; line-height: 1; }
.nn-izd.is-tamam .nn-izd-ikon { background: #e8f6ec; color: #1f8a3b; }
.nn-izd.is-arama .nn-izd-ikon { background: #f0f6ff; color: #0a63cc; }
.nn-izd.is-hata .nn-izd-ikon { background: #fdecee; color: #c4001a; }
.nn-izd-bas { font-size: 15px; font-weight: 600; line-height: 1.35; letter-spacing: -.01em; }
.nn-izd-ipucu { max-width: 440px; font-size: 13px; line-height: 1.45; color: #6e6e73; }
.nn-izd-btn { margin-top: 14px; height: 34px; padding: 0 16px; border: 0; border-radius: 10px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
  background: #fff; color: #0a63cc; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .35); transition: background .12s, box-shadow .12s; }
.nn-izd-btn:hover { background: #f5f8ff; }
.nn-izd-btn.is-ana { background: #0a7aff; color: #fff; box-shadow: 0 1px 2px rgba(10, 122, 255, .25); }
.nn-izd-btn.is-ana:hover { background: #0a63cc; }
.nn-izd-btn:disabled, .nn-izd-btn:disabled:hover { cursor: default; opacity: .6; }
.nn-izd-btn:focus-visible { outline: 2px solid #0a7aff; outline-offset: 2px; }
.nn-izd-kod { margin-top: 8px; font-size: 11.5px; color: #aeaeb2; font-variant-numeric: tabular-nums; }
.nn-kv-liste > .nn-izd { padding: 72px 20px; }
@media (prefers-reduced-motion: reduce) { .nn-izd { animation: none; } }


/* == 50-pencere: eBA'nın kendi pencereleri — .eBAModal (Diğer Kullanıcı, Kullanıcı Ayarları, Seçim, Akış Tarihçesi, Filtre, mesaj
   kutusu), onay diyaloğu (.dx-dialog: Kapat/Onayla/Sil "emin misiniz"), çekmeceler (.eBADrawer: Notlar, Yeni Vekalet), açılır
   listeler, işaret/anahtar kutuları, sayfalayıcı ve araç çubuğu düğmeleri (Nihat, 2026-10-06: "bazı detaylarda hâlâ eski butonlar").
   Renk ezmesi 20-brand'de (build.ps1 $map: #8d5100 ailesi → mavi); burada yalnız biçim: beyaz kart, 12-14px köşe, tek birincil düğme
   dolu mavi, ikincil beyaz + saç teli. Geometri (konum, boyut, yazı boyu) eBA'nın. Seçiciler eBA Plus 10 DOM'una göre (canlı ölçüm). == */

/* ── Pencere gövdesi: kart dili ── */
.dx-overlay-wrapper.eBAModal .dx-overlay-content, .dx-dialog .dx-overlay-content {
  border: 0 !important; border-radius: 14px !important; background: #fff !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 24px 60px rgba(17, 24, 39, .22) !important; }
.dx-overlay-wrapper.eBAModal .dx-popup-title, .dx-dialog .dx-popup-title { border-bottom: 1px solid rgba(0, 0, 0, .06) !important; background: transparent !important; }
.dx-overlay-wrapper.eBAModal .dx-popup-title .dx-closebutton { border-radius: 8px !important; }
.dx-overlay-wrapper.eBAModal .dx-popup-title .dx-closebutton.dx-state-hover { background: rgba(0, 0, 0, .05) !important; }
.dx-overlay-wrapper.eBAModal .dx-popup-title .dx-closebutton .dx-icon { color: #424245 !important; }

/* ── Alt düğme çubuğu: ilk = birincil (dolu mavi), diğerleri = ikincil (beyaz + saç teli); 4px köşe → 10px ── */
.dx-overlay-wrapper.eBAModal .dx-popup-bottom.dx-toolbar { padding: 14px 20px !important; border-top: 1px solid rgba(0, 0, 0, .06); }
.dx-overlay-wrapper.eBAModal .dx-popup-bottom .dx-button {
  height: 36px !important; min-width: 84px !important; border-radius: 10px !important; border: 0 !important;
  font-family: Inter, "Segoe UI", system-ui, sans-serif; font-weight: 600; transition: background .12s, box-shadow .12s; }
.dx-overlay-wrapper.eBAModal .dx-popup-bottom .dx-button .dx-button-text { font-weight: 600; }
.dx-overlay-wrapper.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-after .dx-toolbar-item:first-child .dx-button:not(.message-box-button) {
  background: #0a7aff !important; color: #fff !important; box-shadow: 0 1px 2px rgba(10, 122, 255, .25) !important; }
.dx-overlay-wrapper.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-after .dx-toolbar-item:first-child .dx-button:not(.message-box-button) .dx-button-text,
.dx-overlay-wrapper.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-after .dx-toolbar-item:first-child .dx-button:not(.message-box-button) .dx-icon { color: #fff !important; }
.dx-overlay-wrapper.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-after .dx-toolbar-item:first-child .dx-button:not(.message-box-button).dx-state-hover { background: #0a63cc !important; }
.dx-overlay-wrapper.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-after .dx-toolbar-item:not(:first-child) .dx-button,
.dx-overlay-wrapper.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-before .dx-button,
.dx-overlay-wrapper.eBAModal .dx-popup-bottom .dx-button.message-box-button {
  background: #fff !important; color: #1d1d1f !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14) !important; padding: 0 !important; }
.dx-overlay-wrapper.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-after .dx-toolbar-item:not(:first-child) .dx-button .dx-button-text,
.dx-overlay-wrapper.eBAModal .dx-popup-bottom .dx-button.message-box-button .dx-button-text { color: #1d1d1f !important; }
.dx-overlay-wrapper.eBAModal .dx-overlay-content .dx-popup-bottom .dx-toolbar-after .dx-toolbar-item:not(:first-child) .dx-button.dx-state-hover,
.dx-overlay-wrapper.eBAModal .dx-popup-bottom .dx-button.message-box-button.dx-state-hover { background: #f5f8ff !important; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .35) !important; }
/* Mesaj kutusu (eBAMessageBox): tek düğme "Tamam" mavi çerçeveli; "Hata detayını kopyala" bağlantısı mavi */
.dx-overlay-wrapper.eBAModal .dx-popup-bottom .dx-button.message-box-button { color: #0a63cc !important; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .35) !important; }
.dx-overlay-wrapper.eBAModal .dx-popup-bottom .dx-button.message-box-button .dx-button-text { color: #0a63cc !important; }
#message-box-wrapper a { color: #0a63cc; }

/* ── Onay diyaloğu (DevExpress confirm: Yes/No; eBA'da Kapat, Onayla, Sil, Bildirim sil…) ── */
.dx-dialog .dx-popup-title.dx-toolbar { padding: 14px 20px 10px !important; border-bottom: 0 !important; }
.dx-dialog .dx-popup-title .dx-toolbar-label { font-family: Inter, "Segoe UI", system-ui, sans-serif; font-weight: 600; color: #1d1d1f; }
.dx-dialog .dx-popup-content.dx-dialog-content { padding: 0 20px 6px !important; }
.dx-dialog .dx-dialog-message { font: 400 14px/1.5 Inter, "Segoe UI", system-ui, sans-serif; color: #424245; }
.dx-dialog .dx-popup-bottom.dx-dialog-buttons { padding: 10px 20px 18px !important; }
.dx-dialog .dx-dialog-buttons .dx-toolbar-center { margin: 0 0 0 auto !important; }
.dx-dialog .dx-dialog-button {
  height: 36px !important; min-width: 96px; border: 0 !important; border-radius: 10px !important;
  font-family: Inter, "Segoe UI", system-ui, sans-serif; font-weight: 600; transition: background .12s, box-shadow .12s; }
.dx-dialog .dx-dialog-buttons .dx-toolbar-item:first-child .dx-dialog-button { background: #0a7aff !important; color: #fff !important; box-shadow: 0 1px 2px rgba(10, 122, 255, .25) !important; }
.dx-dialog .dx-dialog-buttons .dx-toolbar-item:first-child .dx-dialog-button .dx-button-text { color: #fff !important; }
.dx-dialog .dx-dialog-buttons .dx-toolbar-item:first-child .dx-dialog-button.dx-state-hover { background: #0a63cc !important; }
.dx-dialog .dx-dialog-buttons .dx-toolbar-item:not(:first-child) .dx-dialog-button { background: #fff !important; color: #1d1d1f !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14) !important; }
.dx-dialog .dx-dialog-buttons .dx-toolbar-item:not(:first-child) .dx-dialog-button .dx-button-text { color: #1d1d1f !important; }
.dx-dialog .dx-dialog-buttons .dx-toolbar-item:not(:first-child) .dx-dialog-button.dx-state-hover { background: #f5f8ff !important; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .35) !important; }
.dx-dialog-root .dx-overlay-shader { background-color: rgba(17, 24, 39, .32) !important; }

/* ── Çekmece (eBADrawer: Notlar, Yeni Vekalet, alt menü çekmeceleri) ── */
.eBADrawer { box-shadow: -1px 0 0 rgba(0, 0, 0, .06), -24px 0 60px rgba(17, 24, 39, .16) !important; }
.eBADrawer .eBADrawer-header { border-bottom: 1px solid rgba(0, 0, 0, .06) !important; }
.eBADrawer .eBADrawer-header .eBADrawer-header-title { font: 600 15px Inter, "Segoe UI", system-ui, sans-serif !important; color: #1d1d1f; letter-spacing: -.01em; }
.eBADrawer .eBADrawer-header .eBADrawer-close-button { width: 32px; height: 32px; border-radius: 8px !important; color: #424245; }
.eBADrawer .eBADrawer-header .eBADrawer-close-button:hover { background: rgba(0, 0, 0, .05) !important; }
.eBADrawer .eBADrawer-toolbar, .eBADrawer .eBADrawer-toolbar .dx-toolbar { background: #fff !important; }
.eBADrawer .eBADrawer-toolbar { border-bottom: 1px solid rgba(0, 0, 0, .06) !important; }
/* Çekmecenin tek eylemi (Yeni Not, Gönder): dolu mavi; eBA'nın gri düğmesi + yeşil ikonu (add.svg, mgc_check) beyaza çevrilir */
.eBADrawer .eBADrawer-toolbar .dx-toolbar-after .dx-toolbar-item:first-child .dx-button {
  height: 36px !important; border: 0 !important; border-radius: 10px !important; background: #0a7aff !important; color: #fff !important;
  box-shadow: 0 1px 2px rgba(10, 122, 255, .25) !important; font-family: Inter, "Segoe UI", system-ui, sans-serif; font-weight: 600; }
.eBADrawer .eBADrawer-toolbar .dx-toolbar-after .dx-toolbar-item:first-child .dx-button .dx-button-text,
.eBADrawer .eBADrawer-toolbar .dx-toolbar-after .dx-toolbar-item:first-child .dx-button i { color: #fff !important; }
.eBADrawer .eBADrawer-toolbar .dx-toolbar-after .dx-toolbar-item:first-child .dx-button img.dx-icon { filter: brightness(0) invert(1); }
.eBADrawer .eBADrawer-toolbar .dx-toolbar-after .dx-toolbar-item:first-child .dx-button.dx-state-hover { background: #0a63cc !important; }
.eBADrawer .eBADrawer-toolbar .dx-toolbar-after .dx-toolbar-item:not(:first-child) .dx-button,
.eBADrawer .eBADrawer-toolbar .dx-toolbar-before .dx-button {
  height: 36px !important; border: 0 !important; border-radius: 10px !important; background: #fff !important; color: #1d1d1f !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14) !important; }
.eBADrawer .eBADrawer-content button { border-radius: 8px !important; }
[id^="createDelegationDrawer"] .eBADrawer-content .contentTop button i { color: #0a63cc !important; }
[id^="createDelegationDrawer"] .eBADrawer-content button { background: #f5f6f8 !important; color: #1d1d1f; }
[id^="createDelegationDrawer"] .eBADrawer-content button:hover { background: #eceef2 !important; }
.eBADrawer .eBADrawer-content .dx-texteditor.dx-editor-outlined { border-radius: 10px !important; }

/* ── Pencere içi alanlar ve açılır listeler ── */
.dx-overlay-wrapper.eBAModal .dx-texteditor.dx-editor-outlined { border-radius: 10px !important; }
.dx-dropdowneditor-overlay .dx-overlay-content { border: 0 !important; border-radius: 12px !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 16px 40px rgba(17, 24, 39, .14) !important; }
.dx-dropdowneditor-overlay .dx-list .dx-list-item { border-top: 0 !important; }
.dx-dropdowneditor-overlay .dx-list .dx-list-item.dx-state-hover, .dx-dropdowneditor-overlay .dx-list .dx-list-item.dx-state-focused { background: #f5f6f8 !important; color: #1d1d1f !important; }
.dx-dropdowneditor-overlay .dx-list .dx-list-item.dx-list-item-selected { background: #f0f6ff !important; color: #0a4fa3 !important; }

/* ── İşaret ve anahtar kutuları: renk 20-brand'den (#8d5100 → mavi); köşe ve çerçeve ── */
.dx-checkbox-icon { border-color: rgba(0, 0, 0, .22) !important; }
.dx-checkbox-checked .dx-checkbox-icon, .dx-checkbox-indeterminate .dx-checkbox-icon { border-color: #0a7aff !important; }
/* Salt okunur işaret (Proje Yöneticisi "Durum" sütunu) gri kalır: 20-brand'in !important ezmesi eBA'nın özgül gri kuralını geçiyordu */
.dx-checkbox.dx-state-readonly.dx-checkbox-checked .dx-checkbox-icon { background-color: #a2a2a2 !important; border-color: #f4f4f4 !important; }

/* ── Sayfalayıcı (Seçim penceresi, tüm ızgaralar): bej seçili → açık mavi (renk 20-brand), köşe ── */
.dx-pager .dx-page, .dx-pager .dx-page-size { border-radius: 8px !important; }
.dx-pager .dx-page.dx-selection, .dx-pager .dx-page-size.dx-selection { border-color: transparent !important; font-weight: 600; }

/* ── Araç çubuğu "başarı" düğmeleri (toplu Onayla, DM Yeni, Excel, Duyuru Ekle; akış şeridi hariç — orada dolu mavi, 47-akis):
      yeşil çerçeve → açık mavi dolgu, tek ikincil dil ── */
.dx-toolbar .dx-button.dx-button-mode-contained.dx-button-success:not(.viewer-header *) {
  background: #f0f6ff !important; color: #0a4fa3 !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; }
.dx-toolbar .dx-button.dx-button-mode-contained.dx-button-success:not(.viewer-header *) .dx-button-text,
.dx-toolbar .dx-button.dx-button-mode-contained.dx-button-success:not(.viewer-header *) i,
.dx-toolbar .dx-button.dx-button-mode-contained.dx-button-success:not(.viewer-header *) .dx-icon { color: #0a63cc !important; }
.dx-toolbar .dx-button.dx-button-mode-contained.dx-button-success:not(.viewer-header *).dx-state-hover { background: #e1edff !important; }
#ContentMain .dx-toolbar .dx-button.dx-button-mode-contained:not(.viewer-header *):not(.dx-closebutton) { border-radius: 10px !important; }
.eBAGridContainer .dx-toolbar .editButton .dx-button { background: #f0f6ff !important; color: #0a63cc !important; }

/* ── Akış Tarihçesi penceresi: durum rozeti (eBABadge.custom) — sarı → akış kartlarıyla aynı mavi (renk 20-brand), hap biçimi ── */
.eBABadge { border-radius: 999px !important; font-weight: 600; }

/* ── Seçim penceresi ("…": eBAComboBox → eBASelect → eBAGrid, 98vw/98vh en çok 940x620; tablo "var olandan ekle" #eBATableWrapper) ──
   2026-10-17 Nihat: seçim listeleri okunaksız. Form içindeki otomatik tamamlama listesiyle aynı dil (81-yerlesim .nnsk-liste): tek yazı
   boyu, rahat satır, açık mavi üzerine gelme/seçili, sayfa boyu 10/30 hap. Izgara pencere boyunu doldurur (sayfalayıcı görünür kalır:
   dxDataGrid'in iç kabı eBA'nın %100 boylu kabını aşıyordu — sahte düzenekte ölçüldü, 680 > 570 px). Pencere başlığı kırpılmaz. */
:is(#eBAComboboxWrapper, #eBATableWrapper) .dx-popup-title .dx-toolbar-label { max-width: none !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-gridbase-container { height: 100%; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-datagrid { background: transparent !important; color: #1d1d1f; font: 13.5px/20px Inter, "Segoe UI", system-ui, sans-serif; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-datagrid-header-panel { padding: 4px 4px 10px !important; border-bottom: 0 !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-datagrid-search-panel { border-radius: 8px !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-datagrid-headers { background: #fafbfc !important; border-top: 1px solid rgba(0, 0, 0, .06) !important; border-bottom: 1px solid rgba(0, 0, 0, .07) !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-header-row > td {
  padding: 10px 12px !important; border: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: #6e6e73 !important; white-space: nowrap; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-data-row > td {
  padding: 11px 12px !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .06) !important;
  vertical-align: middle !important; font-size: 13.5px !important; line-height: 20px !important; color: #1d1d1f !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-data-row > td * { font-size: inherit !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-data-row { cursor: pointer; background: transparent !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-data-row.dx-state-hover > td { background: #f0f6ff !important; color: #0a4fa3 !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-data-row.dx-selection > td { background: #e1edff !important; color: #0a4fa3 !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-datagrid-rowsview .dx-row-focused > td { background: #e1edff !important; color: #0a4fa3 !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-datagrid-pager { padding: 10px 6px 2px !important; border-top: 1px solid rgba(0, 0, 0, .06) !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-pager .dx-page-sizes { padding: 2px; border-radius: 999px; background: #f2f3f5; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-pager .dx-page-size { margin: 0 !important; padding: 4px 12px !important; border: 0 !important; border-radius: 999px !important; color: #424245; font-size: 12.5px; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-pager .dx-page-size.dx-selection { background: #fff !important; color: #0a4fa3 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-pager .dx-page { border-radius: 8px !important; font-size: 12.5px; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-pager .dx-page.dx-selection { background: #0a7aff !important; color: #fff !important; }
:is(#eBAComboboxWrapper, #eBATableWrapper) .eBASelectWrapper .dx-pager .dx-info { color: #6e6e73 !important; font-size: 12.5px; }


/* == 55-yukleniyor: tek yükleniyor göstergesi — üç nokta sağa sola (Nihat, 2026-10-12: "şu loading'i de değiştir, sağa sola giden
   noktalar ya da modern bir şey olsun"). Marka mavisi, koyu tam ekran perde yerine açık yarı saydam zemin, hareket azaltma tercihine
   uyar. eBA dosyası değişmez; yalnız CSS. Kapsam (eBA Plus 10 / DevExtreme 24.1, canlı ölçüm 2026-10-12):
   1) Genel yükleniyor: eBA.loading.show() = window._showLoading → #loadingContainer'da dxLoadPanel (shadingColor rgba(0,0,0,.4)
      satır içi, 222x90 pano, sekiz dilimli dönen gösterge + "Loading..."). Perde açık zemine, pano küçük karta, gösterge noktalara.
   2) Tüm dx-loadindicator'lar (tablo/pencere yükleme panoları, ağaç düğümü vb.): dilimler gizlenir, üç nokta sözde öğelerle çizilir
      (.dx-loadindicator-content ::before/::after + .dx-loadindicator-wrapper ::before). Boy göstergenin boyuna oranlı (%25 nokta).
      Özel resimli gösterge (.dx-loadindicator-image) dokunulmaz.
   3) eBA'nın .loaderContainer > .loader > .box×4 düğümleri (giriş ekranı showFullScreenLoading: satır içi #000 + opacity .5; kabuk
      panelleri .flexPanel; pano bileşeni .dashboardViewerloader): ilk üç .box nokta, dördüncüsü gizli, .loader beyaz kapsül.
   Derlemede iki yere girer: customstyle.css (giriş + kabuk) ve nn-form.css (form iframe'indeki DX göstergeleri; --nn-brand orada
   tanımsız → #0a7aff yedeği). Form içi arka plan postback göstergesi aynı dilde: form/arkaplan-postback.js stil().
   Form iframe'inin kendi beklemesi (html.nnf-bekle, 81-yerlesim.css) göstergesizdir: gövde en çok 2,5 sn görünmez, o sırada üst
   pencerenin genel yükleniyor panosu açıktır — ikinci gösterge eklenmedi (çift nokta olmasın). == */

/* ── Ortak nokta hareketi: kendi genişliğinin %62,5'i kadar (8px noktada 5px) sola-sağa, ortada en parlak ── */
@keyframes nnYukNokta {
  0% { transform: translateX(-62.5%); opacity: .45; }
  50% { opacity: 1; }
  100% { transform: translateX(62.5%); opacity: .45; }
}
@keyframes nnYukSoluk { from { opacity: .35; } to { opacity: 1; } }
@keyframes nnYukBelir { from { opacity: 0; } to { opacity: 1; } }

/* ── 1) Genel yükleniyor perdesi (dxLoadPanel shading): koyu %40 → açık yarı saydam (bulanıklık yok: arkadaki içerik okunur kalır) ── */
.dx-loadpanel-wrapper.dx-overlay-shader { background-color: rgba(246, 247, 249, .6) !important; }
/* Pano: 222x90 kutu → küçük kart (satır içi boyut ezilir; DevExtreme konumu ölçülen boya göre ortalar) */
.dx-loadpanel-content:not(.dx-loadpanel-pane-hidden) {
  width: auto !important; height: auto !important; min-width: 128px; padding: 18px 22px 14px !important;
  border: 0 !important; border-radius: 14px !important; background: #fff !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 12px 32px rgba(17, 24, 39, .14) !important;
}
.dx-loadpanel-content .dx-loadpanel-content-wrapper { display: flex !important; flex-direction: column; align-items: center; gap: 10px; }
.dx-loadpanel-content::before { display: none !important; }
.dx-loadpanel-content .dx-loadpanel-indicator { width: 32px !important; height: 12px !important; margin: 0 !important; }
.dx-loadpanel-content .dx-loadpanel-message {
  font-family: Inter, "Segoe UI", system-ui, sans-serif; font-size: 12.5px; font-weight: 500; line-height: 1.3;
  color: #6e6e73 !important; padding: 0 !important; white-space: nowrap;
}

/* ── 2) DevExtreme yükleme göstergesi: dilimler gizli, üç nokta ── */
.dx-loadindicator:has(> .dx-loadindicator-wrapper:not(.dx-loadindicator-image)) { overflow: visible !important; }
.dx-loadindicator-wrapper:not(.dx-loadindicator-image) { position: relative; }
.dx-loadindicator-wrapper:not(.dx-loadindicator-image) .dx-loadindicator-icon { display: none !important; }
.dx-loadindicator-wrapper:not(.dx-loadindicator-image)::before,
.dx-loadindicator-wrapper:not(.dx-loadindicator-image) > .dx-loadindicator-content::before,
.dx-loadindicator-wrapper:not(.dx-loadindicator-image) > .dx-loadindicator-content::after {
  content: ""; position: absolute; top: 50%; width: 25%; aspect-ratio: 1; border-radius: 50%;
  background: var(--nn-brand, #0a7aff);
  animation: nnYukNokta .7s cubic-bezier(.45, 0, .55, 1) infinite alternate;
}
/* Yerleşim: nokta göstergenin %25'i (32px'te 8px), aralık %43,75 (14px); dikey ortalama margin-top ile (yüzde = genişliğe göre;
   transform harekete ayrıldı) */
.dx-loadindicator-wrapper:not(.dx-loadindicator-image) > .dx-loadindicator-content::before { left: calc(50% - 12.5% - 43.75%); animation-delay: -.24s; margin-top: -12.5%; }
.dx-loadindicator-wrapper:not(.dx-loadindicator-image)::before { left: calc(50% - 12.5%); animation-delay: -.12s; margin-top: -12.5%; }
.dx-loadindicator-wrapper:not(.dx-loadindicator-image) > .dx-loadindicator-content::after { left: calc(50% - 12.5% + 43.75%); animation-delay: 0s; margin-top: -12.5%; }

/* ── 3) eBA .loaderContainer (.loader > .box×4) ve pano bileşeni .dashboardViewerloader ── */
.loaderContainer .loader, .dashboardViewerContainer .boxItem .dashboardViewerloader {
  width: 64px !important; height: 28px !important; max-width: none !important; max-height: none !important;
  border-radius: 999px; background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 8px 24px rgba(17, 24, 39, .12);
  animation: nnYukBelir .2s ease-out both;
}
.loaderContainer .loader { left: 50% !important; margin-left: -32px; }
.loaderContainer .loader .box, .dashboardViewerContainer .boxItem .dashboardViewerloader .box {
  position: absolute !important; display: block !important; top: 10px; left: 14px; width: 8px !important; height: 8px !important;
  min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  border-radius: 50%; background: var(--nn-brand, #0a7aff) !important;
  animation: nnYukNokta .7s cubic-bezier(.45, 0, .55, 1) infinite alternate; animation-delay: -.24s;
}
.loaderContainer .loader .box:nth-child(2), .dashboardViewerContainer .boxItem .dashboardViewerloader .box:nth-child(2) { left: 28px; animation-delay: -.12s; }
.loaderContainer .loader .box:nth-child(3), .dashboardViewerContainer .boxItem .dashboardViewerloader .box:nth-child(3) { left: 42px; animation-delay: 0s; }
.loaderContainer .loader .box:nth-child(n+4), .dashboardViewerContainer .boxItem .dashboardViewerloader .box:nth-child(n+4) { display: none !important; }
/* Giriş ekranı tam ekran yükleniyor (#container'a eklenir; satır içi #000 + opacity .5 + 1 sn geçiş): açık yarı saydam zemin, ortada kapsül */
#container > .loaderContainer { background-color: rgba(246, 247, 249, .6) !important; opacity: 1 !important; }
#container > .loaderContainer .loader { top: 50% !important; margin-top: -14px; }
/* showFullScreenLoading(metin): metin kapsülün altında */
.loaderContainer .loader #loading_text {
  position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); white-space: nowrap;
  font-family: Inter, "Segoe UI", system-ui, sans-serif; font-size: 13px; font-weight: 500; color: #424245;
}

/* ── Hareket azaltma: yer değiştirme yok, yalnız yavaş soluk ── */
@media (prefers-reduced-motion: reduce) {
  .dx-loadindicator-wrapper:not(.dx-loadindicator-image)::before,
  .dx-loadindicator-wrapper:not(.dx-loadindicator-image) > .dx-loadindicator-content::before,
  .dx-loadindicator-wrapper:not(.dx-loadindicator-image) > .dx-loadindicator-content::after,
  .loaderContainer .loader .box, .dashboardViewerContainer .boxItem .dashboardViewerloader .box {
    animation: nnYukSoluk 1.2s ease-in-out infinite alternate !important; transform: none !important;
  }
}


/* ── eBA bildirimleri (toaster): portalın kart dili (Nihat, 2026-10-12: "bilgilendirmelerde bize ait olsun, tasarıma uygun") ──
   eBA'nın kendi bileşeni (bundle.js window._showToaster): .toasterContainer > .toast.{success|error|warning|info} >
   .content (i ikon + span metin) + i.mgc_close_fill; süre çizgisi .toast::before (--animation-duration, eBA'nın progress
   animasyonu). HTML ve davranış (süre, üstüne gelince durma, kapatma) değişmez; yalnız görünüm:
   beyaz kart, saç teli + yumuşak gölge, 12px köşe, solda türün renginde yumuşak daire içinde ikon, koyu metin, sağ üstte
   soluk kapatma, altta 2px renkli süre çizgisi. Renk yalnız anlam taşır (başarı yeşil, hata kırmızı, uyarı turuncu, bilgi marka). */

.toasterContainer {
    --nn-t-basari: #1f9d55; --nn-t-hata: #e5484d; --nn-t-uyari: #d97706; --nn-t-bilgi: var(--nn-brand, #0a7aff);
    top: 64px !important; right: 16px !important; gap: 10px; align-items: flex-end;
}
.toasterContainer .toast {
    --nn-t-renk: var(--nn-t-bilgi);
    width: 360px !important; max-width: calc(100vw - 32px); min-height: 0 !important;
    margin: 0 !important; padding: 12px 40px 14px 14px !important; gap: 0 !important;
    border: 0 !important; border-radius: 12px !important;
    background: #fff !important; color: var(--nn-ink, #1d1d1f) !important;
    box-shadow: 0 0 0 .5px rgba(0, 0, 0, .10), 0 8px 24px rgba(0, 0, 0, .10), 0 2px 6px rgba(0, 0, 0, .05) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.toasterContainer .toast.success { --nn-t-renk: var(--nn-t-basari); }
.toasterContainer .toast.error { --nn-t-renk: var(--nn-t-hata); }
.toasterContainer .toast.warning { --nn-t-renk: var(--nn-t-uyari); }
.toasterContainer .toast.info { --nn-t-renk: var(--nn-t-bilgi); }

.toasterContainer .toast .content { margin: 0 !important; gap: 12px; align-items: center; }
.toasterContainer .toast .content i {
    flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 18px !important; color: var(--nn-t-renk) !important;
    background: color-mix(in srgb, var(--nn-t-renk) 12%, #fff);
}
.toasterContainer .toast .content span {
    margin: 0 !important; font-size: 13.5px !important; line-height: 1.4; font-weight: 500;
    color: var(--nn-ink, #1d1d1f) !important; word-break: break-word;
}

/* Kapatma: soluk, üstüne gelince koyulaşır */
.toasterContainer .toast > i {
    top: 10px !important; right: 10px !important; width: 24px; height: 24px; border-radius: 7px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 14px; color: var(--nn-faint, #aeaeb2) !important;
}
.toasterContainer .toast > i:hover { color: var(--nn-ink, #1d1d1f) !important; background: var(--nn-track, rgba(0, 0, 0, .05)); }

/* Süre çizgisi: 2px, türün rengi, kartın köşesine uyar */
.toasterContainer .toast::before { height: 2px !important; background: var(--nn-t-renk) !important; opacity: .85; }

@media (max-width: 575.98px) {
    .toasterContainer { left: 16px !important; right: 16px !important; align-items: stretch; }
    .toasterContainer .toast { width: auto !important; max-width: none; }
}


/* NN Ana Sayfa (eBA Dashboard Custom widget) — nötr, düz, yüksek kontrast.
   Renk yalnız anlam taşır: mavi = eylem, sarı/kırmızı = gecikme, yeşil = tamam. */
.nnh {
    --ink: #1d1d1f; --ink2: #424245; --muted: #86868b; --faint: #aeaeb2;
    --line: rgba(0, 0, 0, .08); --line2: rgba(0, 0, 0, .05); --track: rgba(0, 0, 0, .04);
    --paper: #fff; --brand: #0a7aff; --brand-ink: #0a63cc; --brand-soft: rgba(10, 122, 255, .08);
    --ok: #1f8a3b; --ok-soft: rgba(52, 199, 89, .12);
    --warn: #a35f00; --warn-soft: rgba(255, 149, 0, .14);
    --bad: #c62a20; --bad-soft: rgba(255, 59, 48, .10);
    font-family: Inter, "Segoe UI", system-ui, sans-serif; color: var(--ink); -webkit-font-smoothing: antialiased;
    padding: 28px 32px 40px; max-width: 1560px; margin: 0 auto; box-sizing: border-box;
}
.nnh *, .nnh *::before, .nnh *::after { box-sizing: border-box; }
.nnh button { font: inherit; }

/* Başlık */
.nnh-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.nnh-hello { margin: 0; font-size: 30px; font-weight: 700; letter-spacing: -.028em; line-height: 1.1; }
.nnh-sub { margin: 8px 0 0; font-size: 14.5px; color: var(--muted); }
.nnh-sub b { color: var(--ink); font-weight: 600; }
.nnh-sub .nnh-late { color: var(--bad); font-weight: 600; }
.nnh-date { font-size: 13px; color: var(--muted); white-space: nowrap; padding-bottom: 4px; }

/* Ölçü şeridi: tek yüzey, ayraçlı */
.nnh-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--paper);
    border-radius: 14px; box-shadow: 0 0 0 1px var(--line); margin-bottom: 24px; overflow: hidden; }
.nnh-metric { padding: 16px 20px; border: 0; background: transparent; text-align: left; cursor: pointer;
    border-left: 1px solid var(--line2); transition: background .12s; }
.nnh-metric:first-child { border-left: 0; }
.nnh-metric:hover { background: var(--track); }
.nnh-metric .l { display: block; font-size: 12px; color: var(--muted); font-weight: 500; }
.nnh-metric .n { display: block; margin-top: 4px; font-size: 28px; font-weight: 700; letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: var(--ink); }
.nnh-metric.is-focus .n { color: var(--brand-ink); }

/* Izgara */
.nnh-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.nnh-col { display: flex; flex-direction: column; gap: 24px; min-width: 0; }

/* Kart */
.nnh-card { background: var(--paper); border-radius: 14px; box-shadow: 0 0 0 1px var(--line); overflow: hidden; }
.nnh-card-h { display: flex; align-items: center; gap: 10px; padding: 16px 20px 12px; }
.nnh-card-h h2 { margin: 0; font-size: 15px; font-weight: 650; letter-spacing: -.01em; }
.nnh-count { font-size: 12px; font-weight: 600; color: var(--muted); background: var(--track); border-radius: 999px; padding: 2px 8px; font-variant-numeric: tabular-nums; }
.nnh-card-h .nnh-hint { margin-left: auto; font-size: 12px; color: var(--faint); }

/* Satır */
.nnh-row { display: flex; align-items: center; gap: 14px; padding: 12px 20px; border-top: 1px solid var(--line2);
    cursor: pointer; transition: background .12s; min-height: 64px; }
.nnh-row:hover { background: #fafafa; }
.nnh-av { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
    font-size: 12.5px; font-weight: 600; color: #fff; letter-spacing: .02em; }
.nnh-main { flex: 1 1 auto; min-width: 0; }
.nnh-t { display: block; font-size: 14px; font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nnh-t .id { color: var(--muted); font-weight: 500; margin-left: 4px; font-variant-numeric: tabular-nums; }
.nnh-s { display: block; margin-top: 2px; font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Bekleme süresi */
.nnh-age { flex: 0 0 auto; font-size: 12px; font-weight: 600; padding: 4px 9px; border-radius: 999px;
    background: var(--track); color: var(--ink2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.nnh-age.is-warn { background: var(--warn-soft); color: var(--warn); }
.nnh-age.is-bad { background: var(--bad-soft); color: var(--bad); }

/* Eylemler */
.nnh-acts { flex: 0 0 auto; display: flex; gap: 8px; }
.nnh-btn { height: 32px; padding: 0 14px; border-radius: 9px; border: 0; cursor: pointer; font-size: 13px; font-weight: 600;
    display: inline-flex; align-items: center; gap: 6px; transition: background .12s, box-shadow .12s, color .12s; }
.nnh-btn.is-primary { background: var(--brand); color: #fff; }
.nnh-btn.is-primary:hover { background: var(--brand-ink); }
.nnh-btn.is-ghost { background: #fff; color: var(--ink2); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); }
.nnh-btn.is-ghost:hover { color: var(--bad); box-shadow: inset 0 0 0 1px rgba(198, 42, 32, .45); background: var(--bad-soft); }

/* Durum */
.nnh-st { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 500; color: var(--ink2);
    max-width: 46%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nnh-st::before { content: ""; flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); }
.nnh-st.is-ok::before { background: #34c759; }
.nnh-st.is-warn::before { background: #ff9500; }
.nnh-when { flex: 0 0 auto; font-size: 12px; color: var(--faint); font-variant-numeric: tabular-nums; min-width: 72px; text-align: right; }

/* Boş durum */
.nnh-empty { display: flex; align-items: center; gap: 12px; padding: 18px 20px 22px; border-top: 1px solid var(--line2); color: var(--muted); font-size: 13.5px; }
.nnh-empty i { font-size: 22px; color: #34c759; }
.nnh-rapor-yok i { color: #aeaeb2; }
.nnh-rapor-yok span { flex: 1 1 auto; min-width: 0; }
.nnh-rapor-yok b { color: #1d1d1f; font-weight: 600; }
.nnh-rapor-yok .nnh-btn { flex: 0 0 auto; margin-left: auto; }

/* Yan: hızlı başlat */
.nnh-apps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; padding: 4px 8px 10px; }
.nnh-app { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px; border: 0; background: transparent;
    cursor: pointer; text-align: left; min-width: 0; transition: background .12s; }
.nnh-app:hover { background: var(--track); }
.nnh-app .ic { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center;
    font-size: 16px; font-weight: 600; }
.nnh-app .tx { font-size: 13px; color: var(--ink); line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* Yan: dokümanlar */
.nnh-doc { display: flex; align-items: center; gap: 12px; padding: 10px 20px; border-top: 1px solid var(--line2); cursor: pointer; transition: background .12s; }
.nnh-doc:hover { background: #fafafa; }
.nnh-doc .ic { flex: 0 0 30px; width: 30px; height: 30px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
.nnh-doc .tx { flex: 1 1 auto; min-width: 0; font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nnh-doc .dt { font-size: 12px; color: var(--faint); font-variant-numeric: tabular-nums; }

/* Yükleniyor iskeleti */
.nnh-skel { height: 64px; border-top: 1px solid var(--line2); background: linear-gradient(90deg, transparent 0, rgba(0,0,0,.035) 50%, transparent 100%) 0 0 / 200% 100%;
    animation: nnhSk 1.2s linear infinite; }
@keyframes nnhSk { to { background-position: -200% 0; } }

/* Dar ekran */
@media (max-width: 1100px) { .nnh-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) {
    .nnh { padding: 20px 16px 32px; }
    .nnh-head { flex-direction: column; align-items: flex-start; gap: 6px; }
    .nnh-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nnh-metric:nth-child(3) { border-left: 0; }
    .nnh-metric:nth-child(n+3) { border-top: 1px solid var(--line2); }
    .nnh-row { flex-wrap: wrap; }
    .nnh-acts { width: 100%; justify-content: flex-end; }
}

/* Onay listesi tablo iskeleti (eBA'nın satır silme seçicisi için tablo) */
.nnh-tbl { width: 100%; border-collapse: collapse; }
.nnh-tbl tbody { display: block; }
.nnh-tbl tr { display: flex; }
.nnh-tbl td { display: block; padding: 0; }
.nnh-tbl td.nnh-skel { flex: 1 1 auto; }
.nnh-tbl td.nnh-av { display: inline-flex; padding: 0; }
.nnh-tbl td.nnh-acts { display: flex; }
.nnh-tbl td.nnh-empty { display: flex; flex: 1 1 auto; }
.nnh-tbl td.nnh-age { display: inline-flex; align-self: center; }

/* ── Karsilama v2: sade kurumsal ── */
.nn-home-host { background-color: #f5f5f7;
    background-image: radial-gradient(rgba(0, 0, 0, .055) 1px, transparent 1.2px); background-size: 22px 22px; min-height: calc(100vh - 70px); }
.nnh-hero { position: relative; overflow: hidden; background: #fff; border-radius: 18px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .03);
    padding: 34px 36px 30px; margin-bottom: 20px; min-height: 168px; display: flex; align-items: flex-end; }
.nnh-hero::after { content: ""; position: absolute; right: -40px; top: -30px; width: 760px; height: 260px; pointer-events: none;
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='760' height='260' viewBox='0 0 760 260'><path d='M0 80 C 160 14, 300 96, 460 40 S 700 20, 760 50' stroke='%230a7aff' stroke-opacity='0.06' stroke-width='1.4' fill='none'/><path d='M0 94 C 160 25, 300 113, 460 54 S 700 34, 760 64' stroke='%230a7aff' stroke-opacity='0.082' stroke-width='1.4' fill='none'/><path d='M0 108 C 160 36, 300 130, 460 68 S 700 48, 760 78' stroke='%230a7aff' stroke-opacity='0.104' stroke-width='1.4' fill='none'/><path d='M0 122 C 160 47, 300 147, 460 82 S 700 62, 760 92' stroke='%230a7aff' stroke-opacity='0.126' stroke-width='1.4' fill='none'/><path d='M0 136 C 160 58, 300 164, 460 96 S 700 76, 760 106' stroke='%230a7aff' stroke-opacity='0.148' stroke-width='1.4' fill='none'/><path d='M0 150 C 160 69, 300 181, 460 110 S 700 90, 760 120' stroke='%230a7aff' stroke-opacity='0.17' stroke-width='1.4' fill='none'/><path d='M0 164 C 160 80, 300 198, 460 124 S 700 104, 760 134' stroke='%230a7aff' stroke-opacity='0.192' stroke-width='1.4' fill='none'/><path d='M0 178 C 160 91, 300 215, 460 138 S 700 118, 760 148' stroke='%230a7aff' stroke-opacity='0.214' stroke-width='1.4' fill='none'/><path d='M0 192 C 160 102, 300 232, 460 152 S 700 132, 760 162' stroke='%230a7aff' stroke-opacity='0.236' stroke-width='1.4' fill='none'/><path d='M0 206 C 160 113, 300 249, 460 166 S 700 146, 760 176' stroke='%230a7aff' stroke-opacity='0.258' stroke-width='1.4' fill='none'/><path d='M0 220 C 160 124, 300 266, 460 180 S 700 160, 760 190' stroke='%230a7aff' stroke-opacity='0.28' stroke-width='1.4' fill='none'/><path d='M0 234 C 160 135, 300 283, 460 194 S 700 174, 760 204' stroke='%230a7aff' stroke-opacity='0.302' stroke-width='1.4' fill='none'/><path d='M0 248 C 160 146, 300 300, 460 208 S 700 188, 760 218' stroke='%230a7aff' stroke-opacity='0.324' stroke-width='1.4' fill='none'/><path d='M0 262 C 160 157, 300 317, 460 222 S 700 202, 760 232' stroke='%230a7aff' stroke-opacity='0.346' stroke-width='1.4' fill='none'/><circle cx='610' cy='118' r='5' fill='%230a7aff' fill-opacity='.55'/><circle cx='610' cy='118' r='14' fill='none' stroke='%230a7aff' stroke-opacity='.25'/><circle cx='470' cy='170' r='3.5' fill='%230a7aff' fill-opacity='.4'/><circle cx='690' cy='70' r='3' fill='%230a7aff' fill-opacity='.35'/></svg>") right center / contain no-repeat; }
.nnh-hero::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #0a7aff; }
.nnh-hero .nnh-head { position: relative; z-index: 1; width: 100%; margin: 0; align-items: flex-end; }
.nnh-hero .nnh-hello { font-size: 34px; }
.nnh-hero .nnh-eyebrow { display: block; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #0a63cc; margin-bottom: 10px; }
.nnh-hero .nnh-date { position: relative; z-index: 1; background: rgba(255, 255, 255, .85); padding: 6px 10px; border-radius: 999px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06); }
.nnh-metrics, .nnh-card { box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .03) !important; }
@media (max-width: 900px) { .nnh-hero::after { opacity: .5; } }
/* ── Tam genislik ── */
.nnh { max-width: none; padding: 24px 32px 40px; }
.nnh-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 380px; }
.nnh-grid > .nnh-col:first-child { display: contents; }
.nnh-grid > .nnh-col:first-child > .nnh-inbox { grid-column: 1; }
.nnh-grid > .nnh-col:first-child > .nnh-mine { grid-column: 2; grid-row: 1; }
.nnh-grid > .nnh-col:last-child { grid-column: 3; grid-row: 1 / span 2; }
@media (max-width: 1400px) {
  .nnh-grid { grid-template-columns: minmax(0, 1fr) 340px; }
  .nnh-grid > .nnh-col:first-child > .nnh-mine { grid-column: 1; grid-row: auto; }
  .nnh-grid > .nnh-col:last-child { grid-column: 2; grid-row: 1 / span 2; }
}
@media (max-width: 1100px) { .nnh-grid { grid-template-columns: minmax(0, 1fr); } .nnh-grid > .nnh-col:last-child { grid-column: 1; grid-row: auto; } }
/* ── Hızlı eylemler, vekâlet, hikâyeler, taslaklar ── */
.nnh-eylemler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; position: relative; z-index: 1; }
.nnh-eylem { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border: 0; border-radius: 10px; cursor: pointer;
    background: #fff; color: #1d1d1f; font-size: 13px; font-weight: 500; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); transition: background .12s, box-shadow .12s; }
.nnh-eylem i { font-size: 16px; color: #0a63cc; }
.nnh-eylem:hover { background: #f5f8ff; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .35); }
.nnh-eylem.is-ana { background: #0a7aff; color: #fff; box-shadow: none; }
.nnh-eylem.is-ana i { color: #fff; }
.nnh-eylem.is-ana:hover { background: #0a63cc; }
.nnh-vekalet { display: flex; align-items: center; gap: 10px; margin: -6px 0 18px; padding: 10px 16px; border-radius: 12px; background: #f0f6ff; color: #0a3f80; font-size: 13.5px; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .2); }
.nnh-vekalet i { font-size: 18px; color: #0a63cc; }
.nnh-vekalet span { flex: 1 1 auto; }
.nnh-vekalet button { border: 0; background: #fff; border-radius: 8px; padding: 5px 12px; font-size: 12.5px; color: #0a63cc; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .3); }
.nnh-vekalet[hidden], .nnh-hikaye[hidden] { display: none !important; }
.nnh-hikaye { display: flex; align-items: center; gap: 10px; overflow-x: auto; margin: -6px 0 18px; padding: 2px 2px 6px; scrollbar-width: thin; }
.nnh-hikaye-b { flex: 0 0 auto; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #86868b; margin-right: 4px; }
.nnh-hk { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; max-width: 260px; padding: 10px 14px; border: 0; border-radius: 12px; cursor: pointer;
    background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07); text-align: left; }
.nnh-hk b { font-size: 13px; font-weight: 600; color: #1d1d1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 232px; }
.nnh-hk span { font-size: 11.5px; color: #86868b; }
.nnh-hk.is-yeni { box-shadow: 0 0 0 1.5px rgba(10, 122, 255, .55); }
.nnh-hk.is-onemli b::before { content: "● "; color: #c62a20; }
.nnh-alt-h { border-top: 1px solid rgba(0, 0, 0, .06); margin-top: 4px; }
.nnh-row-sm { min-height: 48px; padding-top: 8px; padding-bottom: 8px; }
/* Sıkı tek satır (Nihat 2026-10-06: "Onayını bekleyenler çok büyük, daha çok girdi göster"): ~42 px, "Süreç #no · kişi · tarih",
   sağda yaş rozeti + düğmeler (Aç · Reddet · Onayla). Onaylar, Başlattıkların, Taslaklarım bu sınıfla; iki satırlı taban (.nnh-row) Ekibim'de kalır. */
.nnh-row-tek { min-height: 42px; padding: 6px 20px; gap: 10px; }
.nnh-row-tek .nnh-av { flex-basis: 28px; width: 28px; height: 28px; font-size: 11px; }
.nnh-row-tek .nnh-main { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.nnh-row-tek .nnh-t { flex: 0 0 auto; max-width: 100%; font-size: 13.5px; }   /* başlık + no bütün kalır; dar kartta önce tarih kısalır */
.nnh-row-tek .nnh-s { flex: 1 1 auto; min-width: 0; margin-top: 0; }
.nnh-row-tek .nnh-s:not(:empty)::before { content: "· "; }
.nnh-row-tek .nnh-age { padding: 3px 8px; font-size: 11.5px; }
.nnh-row-tek .nnh-when { min-width: 56px; }
.nnh-row-tek .nnh-acts { gap: 6px; }
.nnh-row-tek .nnh-btn { height: 28px; padding: 0 11px; border-radius: 8px; font-size: 12.5px; }
/* "Aç" / "Önizle": akış ekranını açar; Reddet'in kırmızı hover'ı değil, mavi. is-ikon: dar kartlarda yalnız simge */
.nnh-btn.is-ac:hover { color: var(--brand-ink); box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .45); background: var(--brand-soft); }
.nnh-row-tek .nnh-btn.is-ikon { width: 28px; padding: 0; justify-content: center; font-size: 15px; color: var(--muted); }
.nnh-row-tek .nnh-btn.is-ikon:hover { color: var(--brand-ink); }

/* ── Sıkı karşılama (Nihat 2026-10-06: "şerit çok yüksek, ekranı verimli kullanmıyoruz"): ~105 px — selam + özet tek satır, altında
   düğmeler; sağda marka satırı + tarih; dalga sağda dar. Kart aralıkları ve başlık dolguları da sıkı (masonry adımı 18 = 4 + 14, home.js yerlestir). ── */
.nnh { padding: 18px 32px 32px; }
.nnh-hero { padding: 16px 24px 16px 26px; min-height: 0; margin-bottom: 16px; align-items: center; }
.nnh-hero::after { width: 420px; height: 130px; right: -16px; top: -8px; }
.nnh-hero .nnh-head { align-items: center; gap: 16px; }
.nnh-head-l { flex: 1 1 auto; min-width: 0; }
.nnh-selam { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 12px; }
.nnh-hero .nnh-hello { font-size: 22px; }
.nnh-hero .nnh-sub { margin: 0; font-size: 13.5px; }
.nnh-hero .nnh-eylemler { margin-top: 10px; }
.nnh-eylem { height: 32px; padding: 0 12px; font-size: 12.5px; }
.nnh-head-r { position: relative; z-index: 1; flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.nnh-hero .nnh-eyebrow { margin-bottom: 0; font-size: 11px; }
.nnh-vekalet, .nnh-hikaye { margin-top: 0; margin-bottom: 14px; }
.nnh-card-h { padding: 12px 20px 10px; }
.nnh-metric { padding: 12px 20px; }
.nnh-metric .n { margin-top: 2px; font-size: 26px; }
@media (max-width: 720px) { .nnh-head-r { align-items: flex-start; } }

/* ── Önizleme modalı (Nihat 2026-10-06): akış ekranı (eBA eBAFlowManager, parent = .nnh-on-govde) 90vw×85vh pencerede ── */
.nnh-on-arka { position: fixed; inset: 0; z-index: 1500; display: flex; align-items: center; justify-content: center; padding: 16px;
    background: rgba(17, 24, 39, .42); font-family: Inter, "Segoe UI", system-ui, sans-serif; }
.nnh-on { width: min(90vw, 1680px); height: 85vh; display: flex; flex-direction: column; background: #f5f5f7; border-radius: 16px; overflow: hidden;
    box-shadow: 0 24px 64px rgba(17, 24, 39, .3); color: #1d1d1f; }
.nnh-on-ust { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 20px; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, .07); }
.nnh-on-ust b { font-size: 15px; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nnh-on-ipucu { font-size: 12.5px; color: #86868b; white-space: nowrap; }
.nnh-on-kapat { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border: 0; border-radius: 9px; cursor: pointer;
    background: #fff; color: #1d1d1f; font: inherit; font-size: 13px; font-weight: 500; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); }
.nnh-on-kapat:hover { background: #f5f8ff; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .35); }
.nnh-on-govde { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 16px 16px; }
.nnh-on-govde > #flow-manager-container { min-height: 100%; }
.nnh-on-govde #flow-manager-container .flow-manager-header { background: #f5f5f7; padding: 12px 0; }
.nnh-on-govde #flow-manager-container .flow-manager-header > i.mgc_arrow_left_line { display: none; }   /* Kapat düğmesi aynı işi yapar */
.nnh-more { padding: 10px 20px 14px; font-size: 12.5px; color: #86868b; border-top: 1px solid rgba(0, 0, 0, .05); }
/* Sayfalama: kart altında "1–8 / 37 ‹ ›" */
.nnh-sayfa { display: flex; align-items: center; justify-content: flex-end; gap: 6px; padding: 8px 14px 10px 20px; border-top: 1px solid rgba(0, 0, 0, .06); }
.nnh-sayfa-b { margin-right: 6px; font-size: 12.5px; color: #86868b; font-variant-numeric: tabular-nums; }
.nnh-sayfa button { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px;
    background: transparent; color: #1d1d1f; font-size: 16px; cursor: pointer; }
.nnh-sayfa button:hover { background: rgba(0, 0, 0, .05); }
.nnh-sayfa button:disabled { color: #c7c7cc; cursor: default; background: transparent; }
/* ── Kişiye özel düzen: 12 sütun ızgara + masonry, düzenleme modu ── */
/* dense: sığmayan kartın arkasında kalan boşluğu sonraki küçük kartlar doldurur (otomatik sığdırma — Nihat 2026-10-05) */
/* Aralık 16/14 (Nihat 2026-10-06, sıkı): masonry adımı = 4 + 14 = 18 → home.js yerlestir() ile aynı olmalı */
.nnh-izgara { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 4px; grid-auto-flow: row dense; column-gap: 16px; row-gap: 14px; align-items: start; }
.nnh-izgara > .nnh-w { align-self: start; min-width: 0; margin: 0; }
.nnh-w-olcum .nnh-metrics { margin-bottom: 0; }
/* Sabitlenmiş rapor: yükseklik tablonun kendisinde (rapor.js KIP.kart); kart taşanı keser, masonry kartın gerçek boyunu ölçer */
.nnh-rapor-k { overflow: hidden; }
@media (max-width: 1100px) { .nnh-izgara > .nnh-w { grid-column: span 6 !important; } }
@media (max-width: 720px) { .nnh-izgara > .nnh-w { grid-column: span 12 !important; } }
.nnh.is-duzen .nnh-izgara > .nnh-w { outline: 1.5px dashed rgba(10, 122, 255, .45); outline-offset: 4px; cursor: grab; }
.nnh.is-duzen .nnh-izgara > .nnh-w.is-surukle { opacity: .4; }
.nnh.is-duzen .nnh-izgara > .nnh-w > .nnh-w-ic { pointer-events: none; opacity: .85; }
.nnh.is-duzen .nnh-izgara > .nnh-w { position: relative; overflow: visible !important; }
.nnh-w-arac { position: absolute; top: -15px; right: 14px; z-index: 6; display: flex; align-items: center; gap: 6px; padding: 3px 4px 3px 8px; border-radius: 999px; background: #fff;
    box-shadow: 0 0 0 1px rgba(10, 122, 255, .3), 0 4px 12px rgba(17, 24, 39, .08); font-size: 12px; color: #0a3f80; }
.nnh-w-arac .nnh-gizle { width: 24px; height: 24px; border-radius: 999px; }
.nnh-tutamak { color: #0a63cc; font-size: 16px; cursor: grab; }
.nnh-gen { display: inline-flex; background: #fff; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); overflow: hidden; }
.nnh-gen button { border: 0; background: transparent; padding: 4px 8px; font-size: 11.5px; cursor: pointer; color: #424245; }
.nnh-gen button.is-secili { background: #0a7aff; color: #fff; }
.nnh-gizle { border: 0; width: 26px; height: 26px; border-radius: 7px; background: #fff; color: #c62a20; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(198, 42, 32, .3); }
.nnh-duzen-bar { position: sticky; top: 80px; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; padding: 12px 16px;
    background: #fff; border-radius: 14px; box-shadow: 0 0 0 1px rgba(10, 122, 255, .3), 0 8px 24px rgba(17, 24, 39, .08); }
.nnh-duzen-bar b { display: block; font-size: 14px; } .nnh-duzen-bar span { font-size: 12.5px; color: #86868b; }
.nnh-duzen-eylem { display: flex; gap: 8px; align-items: center; }
.nnh-db { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 13px; border: 0; border-radius: 10px; cursor: pointer; font-size: 13px; font-weight: 500;
    background: #fff; color: #1d1d1f; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); }
.nnh-db.is-ana { background: #0a7aff; color: #fff; box-shadow: none; }
.nnh-ekle-k { position: relative; }
.nnh-ekle-menu { position: absolute; right: 0; top: 40px; width: 300px; max-height: 420px; overflow-y: auto; background: #fff; border-radius: 12px; padding: 8px; z-index: 30;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 16px 40px rgba(17, 24, 39, .16); display: flex; flex-direction: column; gap: 2px; }
.nnh-ekle-menu[hidden] { display: none; }
.nnh-ekle-menu button { text-align: left; border: 0; background: transparent; padding: 8px 10px; border-radius: 8px; font-size: 13px; cursor: pointer; color: #1d1d1f; }
.nnh-ekle-menu button:hover { background: #f0f6ff; color: #0a63cc; }
.nnh-ekle-ayrac { margin: 8px 6px 4px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #aeaeb2; }
.nnh-ekle-menu input { margin: 2px 4px 6px; height: 32px; border: 0; border-radius: 8px; background: rgba(0, 0, 0, .05); padding: 0 10px; font-size: 12.5px; outline: none; }
/* ── Performansım (Faz 3d): üç sayı + 12 haftalık çubuk; renk yalnız anlam (şirket medyanına göre) ── */
.nnh-perf-k3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line2); }
.nnh-pk { padding: 14px 20px 12px; border-left: 1px solid var(--line2); min-width: 0; }
.nnh-pk:first-child { border-left: 0; }
.nnh-pk .l { display: block; font-size: 12px; color: var(--muted); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nnh-pk .n { display: block; margin-top: 4px; font-size: 26px; font-weight: 700; letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: var(--ink); }
.nnh-pk .a { display: block; margin-top: 4px; font-size: 12px; line-height: 1.45; color: var(--muted); }
.nnh-pk.is-iyi .n { color: #1f8a3b; }
.nnh-pk.is-dikkat .n { color: #b25000; }
.nnh-deg { color: var(--faint); }
.nnh-spark-k { display: flex; align-items: flex-end; gap: 14px; padding: 6px 20px 4px; }
.nnh-spark-k > span { font-size: 11.5px; color: var(--faint); white-space: nowrap; padding-bottom: 2px; }
.nnh-spark { flex: 1 1 auto; display: grid; grid-template-columns: repeat(12, 1fr); gap: 4px; align-items: end; height: 34px; }
.nnh-spark i { display: block; background: rgba(10, 122, 255, .22); border-radius: 3px 3px 1px 1px; }
.nnh-spark i:last-child { background: #0a7aff; }
.nnh-perf-dip { padding: 6px 20px 14px; font-size: 11.5px; color: var(--faint); }
@media (max-width: 720px) { .nnh-perf-k3 { grid-template-columns: 1fr; } .nnh-pk { border-left: 0; border-top: 1px solid var(--line2); } }
.nnh-perf { transition: opacity .15s; }
.nnh-perf.is-yukleniyor { opacity: .45; }
/* Dönem seçici: sade, segmentli; özel aralık için iki tarih kutusu */
.nnh-donem { margin-left: auto; }
.nnh-seg { display: inline-flex; gap: 2px; padding: 2px; border-radius: 9px; background: rgba(0, 0, 0, .04); }
.nnh-seg button { border: 0; background: transparent; padding: 3px 9px; border-radius: 7px; font-size: 12px; color: var(--muted); cursor: pointer; white-space: nowrap; }
.nnh-seg button:hover { color: var(--ink); }
.nnh-seg button.is-secili { background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.nnh-donem-oz { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 0 20px 12px; font-size: 12.5px; color: var(--muted); }
.nnh-donem-oz input[type="date"] { width: 140px !important; min-width: 140px; box-sizing: border-box; height: 30px; padding: 0 8px; border: 0; border-radius: 8px; background: #f5f5f7; font: inherit; color: var(--ink); }
.nnh-donem-oz .nnh-db { height: 30px; }
.nnh-donem-oz[hidden] { display: none; }
.nnh-oz-hata { color: #c62a20; }
@media (max-width: 720px) { .nnh-perf-k .nnh-card-h, .nnh-ekip-k .nnh-card-h { flex-wrap: wrap; } .nnh-donem { margin-left: 0; width: 100%; } }

/* ── Ekibim: üç toplam + kişi listesi / en uzun bekleyenler; ekibi olmayanda kart gizli (düzenlemede görünür) ── */
.nnh-ekip { transition: opacity .15s; }
.nnh-ekip.is-yukleniyor { opacity: .45; }
.nnh-izgara > .nnh-w.is-bos { display: none; }
.nnh.is-duzen .nnh-izgara > .nnh-w.is-bos { display: block; }
.nnh-ekip-ust { display: flex; padding: 10px 20px 8px; border-top: 1px solid var(--line2); }
.nnh-ekip-l { max-height: 420px; overflow-y: auto; }
.nnh-ekip-r .nnh-av { flex-basis: 30px; width: 30px; height: 30px; font-size: 11.5px; color: #fff; }
.nnh-etiket { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: rgba(0, 0, 0, .05); color: var(--muted); font-size: 11px; font-weight: 500; vertical-align: 1px; }
.nnh-ekip-b { flex: 0 0 auto; font-size: 12px; font-weight: 600; padding: 4px 9px; border-radius: 999px; background: rgba(0, 0, 0, .04); color: var(--ink); white-space: nowrap; }
.nnh-ekip-b.is-dikkat { background: var(--warn-soft); color: var(--warn); }
.nnh-ekip-b.is-bos { background: transparent; color: var(--faint); font-weight: 500; }

/* ── Süreç listesi (Faz 3f) ── */
.nnh-surec-ayar { margin-left: 4px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; }
.nnh-surec-ayar:hover { background: #f2f3f5; color: var(--ink); }
.nnh-surec-ayar i { font-size: 17px; }
.nnh-surec-k .nnh-surec-oz { white-space: nowrap; }
.nnh-sl-kap { overflow-x: auto; border-top: 1px solid var(--line2); }
.nnh-sl { width: 100%; border-collapse: collapse; font-size: 13px; }
.nnh-sl th { position: sticky; top: 0; text-align: left; font-size: 11.5px; font-weight: 600; color: var(--muted); padding: 9px 12px; background: #fafbfc; border-bottom: 1px solid var(--line2); white-space: nowrap; }
.nnh-sl th:first-child, .nnh-sl td:first-child { padding-left: 20px; }
.nnh-sl td { padding: 10px 12px; border-bottom: 1px solid var(--line2); white-space: nowrap; max-width: 260px; overflow: hidden; text-overflow: ellipsis; color: var(--ink); }
.nnh-sl tbody tr { cursor: pointer; transition: background .12s; }
.nnh-sl tbody tr:hover, .nnh-sl tbody tr:focus-visible { background: #f7f9fc; outline: none; }
.nnh-sl tbody tr:last-child td { border-bottom: 0; }
.nnh-sl td:first-child { font-weight: 600; font-variant-numeric: tabular-nums; }
/* Ayar penceresi (body'ye eklenir; .nnh değişkenleri dışında) */
.nnh-sp-arka { position: fixed; inset: 0; z-index: 1600; background: rgba(17, 24, 39, .32); display: flex; align-items: center; justify-content: center; padding: 16px; font-family: Inter, "Segoe UI", system-ui, sans-serif; }
.nnh-sp { width: min(640px, 100%); max-height: calc(100vh - 32px); display: flex; flex-direction: column; background: #fff; border-radius: 16px; box-shadow: 0 24px 64px rgba(17, 24, 39, .22); color: #1d1d1f; }
.nnh-sp-ust { display: flex; align-items: center; padding: 16px 20px; border-bottom: 1px solid rgba(0, 0, 0, .06); font-size: 16px; }
.nnh-sp-kapat { margin-left: auto; width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; color: #6e6e73; font-size: 18px; }
.nnh-sp-kapat:hover { background: #f2f3f5; }
.nnh-sp-govde { padding: 4px 20px 16px; overflow-y: auto; }
.nnh-sp-et { display: block; margin: 16px 0 8px; font-size: 12.5px; font-weight: 600; color: #424245; }
.nnh-sp-et small { font-weight: 400; color: #86868b; }
.nnh-sp input[type="text"] { width: 100%; box-sizing: border-box; height: 38px; padding: 0 12px; border: 0; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); font: inherit; font-size: 13.5px; }
.nnh-sp input[type="text"]:focus { outline: none; box-shadow: inset 0 0 0 1.5px #0a7aff; }
.nnh-sp-surecler { margin-top: 8px; max-height: 200px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.nnh-sp-surecler button { display: flex; align-items: baseline; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; font: inherit; font-size: 13.5px; color: #1d1d1f; }
.nnh-sp-surecler button small { margin-left: auto; font-size: 11.5px; color: #86868b; white-space: nowrap; }
.nnh-sp-surecler button:hover { background: #f5f6f8; }
.nnh-sp-surecler button.is-secili { background: #f0f6ff; color: #0a4fa3; font-weight: 600; }
.nnh-sp-alanlar { display: flex; flex-wrap: wrap; gap: 6px; }
.nnh-sp-alanlar button { position: relative; padding: 6px 12px; border: 0; border-radius: 999px; background: #f2f3f5; color: #424245; cursor: pointer; font: inherit; font-size: 12.5px; }
.nnh-sp-alanlar button.is-secili { background: #0a7aff; color: #fff; padding-left: 28px; }
.nnh-sp-alanlar button.is-secili::before { content: attr(data-sira); position: absolute; left: 6px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; border-radius: 50%; background: rgba(255, 255, 255, .25); font-size: 10.5px; line-height: 17px; text-align: center; font-weight: 700; }
.nnh-sp-satir { display: flex; flex-wrap: wrap; gap: 0 20px; }
.nnh-sp-sec { display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: rgba(0, 0, 0, .05); }
.nnh-sp-sec button { border: 0; background: transparent; padding: 6px 12px; border-radius: 8px; font: inherit; font-size: 12.5px; color: #6e6e73; cursor: pointer; white-space: nowrap; }
.nnh-sp-sec button.is-secili { background: #fff; color: #1d1d1f; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.nnh-sp-not { font-size: 12.5px; color: #86868b; padding: 6px 2px; }
.nnh-sp-alt { display: flex; align-items: center; gap: 8px; padding: 14px 20px; border-top: 1px solid rgba(0, 0, 0, .06); }
.nnh-sp-hata { margin-right: auto; font-size: 12.5px; color: #c4001a; }
.nnh-sp .nnh-db { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); background: #fff; color: #1d1d1f; }
.nnh-sp .nnh-db.is-ana { background: #0a7aff; color: #fff; box-shadow: none; }
.nnh-ekle-menu .nnh-ekle-surec { font-weight: 600; color: #0a63cc; }

/* ── Admin edası (Nihat 2026-10-06 23:10 "işaretlediğim yeri bu kadar uzun beklemiyorum, boşluğu görüyorsun"): onaylar gerçek sütunlu
   tablo — başlık satırı, sabit genişlikli Talep eden / Tarih / Bekleme, sağda düğmeler; esneyen tek hücre yok, geniş kartta boşluk kalmaz. ── */
.nnh-tbl-sutun { table-layout: auto; }
.nnh-tbl-sutun thead { display: table-header-group; }
.nnh-tbl-sutun tbody { display: table-row-group; }
.nnh-tbl-sutun tr { display: table-row; }
.nnh-tbl-sutun th, .nnh-tbl-sutun td { display: table-cell; vertical-align: middle; padding: 5px 8px; }
.nnh-tbl-sutun th { height: 30px; font-size: 11px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; color: var(--faint); text-align: left;
    white-space: nowrap; border-top: 1px solid var(--line2); background: #fafafa; }
.nnh-tbl-sutun tr.nnh-row-tek { min-height: 0; height: 42px; padding: 0; }
.nnh-tbl-sutun tr.nnh-row-tek td { border-top: 1px solid var(--line2); }
.nnh-tbl-sutun th:first-child, .nnh-tbl-sutun td:first-child { padding-left: 20px; }
.nnh-tbl-sutun th:last-child, .nnh-tbl-sutun td:last-child { padding-right: 16px; }
.nnh-tbl-sutun .nnh-c-av { width: 28px; white-space: nowrap; }
.nnh-tbl-sutun td.nnh-c-av .nnh-av { flex: none; width: 28px; height: 28px; font-size: 11px; }
.nnh-tbl-sutun .nnh-c-surec { width: 100%; max-width: 0; overflow: hidden; }
.nnh-tbl-sutun .nnh-c-surec .nnh-t { display: block; font-size: 13.5px; }
.nnh-tbl-sutun .nnh-c-kim { max-width: 150px; font-size: 13px; color: var(--ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nnh-tbl-sutun .nnh-c-tarih { width: 1%; font-size: 12.5px; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.nnh-tbl-sutun .nnh-c-bekleme { width: 1%; white-space: nowrap; }
.nnh-tbl-sutun td.nnh-acts { display: table-cell; width: 1%; white-space: nowrap; text-align: right; }   /* .nnh-tbl td.nnh-acts{flex} ezmesi */
.nnh-tbl-sutun td.nnh-acts .nnh-btn { display: inline-flex; margin-left: 6px; vertical-align: middle; }
.nnh-tbl-sutun td.nnh-empty, .nnh-tbl-sutun td.nnh-skel { display: table-cell; }
.nnh-tbl-sutun td.nnh-empty { border-top: 0; padding: 18px 20px 22px; }
.nnh-tbl-sutun td.nnh-empty i { margin-right: 10px; vertical-align: middle; }
/* Dar kartta (3 sütun) kişi ve tarih sütunu gizlenir; başlık + bekleme + düğmeler kalır */
.nnh-w[style*="span 3"] .nnh-c-kim, .nnh-w[style*="span 3"] .nnh-c-tarih, .nnh-w[style*="span 4"] .nnh-c-kim, .nnh-w[style*="span 4"] .nnh-c-tarih,
.nnh-w[style*="span 3"] .nnh-tbl-sutun th:nth-child(3), .nnh-w[style*="span 3"] .nnh-tbl-sutun th:nth-child(4),
.nnh-w[style*="span 4"] .nnh-tbl-sutun th:nth-child(3), .nnh-w[style*="span 4"] .nnh-tbl-sutun th:nth-child(4) { display: none; }
.nnh-w[style*="span 6"] .nnh-c-tarih, .nnh-w[style*="span 6"] .nnh-tbl-sutun th:nth-child(4) { display: none; }
@media (max-width: 1500px) { .nnh-tbl-sutun .nnh-c-kim, .nnh-tbl-sutun th:nth-child(3) { display: none; } }

/* Kurum nabzı: dört sayı (nnh-perf-k3 dili, 4 sütun) + iki sütun: en yoğun süreçler (çubuk = açık sayısı) ve 14 günlük çift çubuk */
.nnh-k4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nnh-k4 .nnh-pk { padding: 10px 18px 10px; }
.nnh-k4 .nnh-pk .n { font-size: 24px; }
.nnh-nabiz-2 { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 0 8px; border-top: 1px solid var(--line2); }
.nnh-nabiz-b { padding: 8px 12px 10px 20px; min-width: 0; }
.nnh-nabiz-b + .nnh-nabiz-b { border-left: 1px solid var(--line2); padding-left: 16px; padding-right: 20px; }
.nnh-nabiz-bas { font-size: 11px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; color: var(--faint); padding: 2px 0 6px; display: flex; justify-content: space-between; gap: 8px; }
.nnh-nabiz-bas span { text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--muted); }
.nnh-ozet-r { display: flex; align-items: center; gap: 10px; min-height: 28px; }
.nnh-ozet-ad { flex: 0 1 46%; min-width: 0; font-size: 12.5px; font-weight: 500; }
.nnh-ozet-bar { flex: 1 1 auto; height: 6px; border-radius: 999px; background: var(--track); overflow: hidden; }
.nnh-ozet-bar i { display: block; height: 100%; border-radius: 999px; background: var(--brand); min-width: 3px; }
.nnh-ozet-sayi { flex: 0 0 auto; min-width: 64px; text-align: right; font-size: 12px; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.nnh-ozet-sayi b { color: var(--ink); font-weight: 650; font-size: 13px; }
.nnh-nabiz-seri { display: grid; gap: 5px; align-items: end; height: 118px; padding-top: 4px; }
.nnh-nabiz-seri .g { display: flex; align-items: flex-end; gap: 2px; height: 100%; }
.nnh-nabiz-seri i { flex: 1 1 0; display: block; border-radius: 3px 3px 1px 1px; }
.nnh-nabiz-seri i.b { background: rgba(10, 122, 255, .28); }
.nnh-nabiz-seri i.t { background: #0a7aff; }
.nnh-nabiz-lej { padding-top: 8px; font-size: 11.5px; color: var(--faint); display: flex; align-items: center; gap: 6px; }
.nnh-nabiz-lej i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.nnh-nabiz-lej i.b { background: rgba(10, 122, 255, .28); } .nnh-nabiz-lej i.t { background: #0a7aff; margin-left: 8px; }
@media (max-width: 1100px) { .nnh-k4 { grid-template-columns: repeat(2, 1fr); } .nnh-nabiz-2 { grid-template-columns: 1fr; } .nnh-nabiz-b + .nnh-nabiz-b { border-left: 0; border-top: 1px solid var(--line2); padding-left: 20px; } }
/* Kimde bekliyor: avatar, ad + yük çubuğu, açık sayısı, en eski yaş rozeti */
.nnh-db-r { cursor: default; min-height: 44px; }
.nnh-db-r:hover { background: transparent; }
.nnh-db-ad { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.nnh-db-ad .nnh-t { font-size: 13px; }
.nnh-db-ad .nnh-ozet-bar { height: 4px; }
.nnh-db-n { flex: 0 0 28px; text-align: right; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }

/* ═══ Faz 3d ölçüm kartları (2026-10-12): Zamanında oranım, Trendim, Yetki havuzum — Performansım dili; renk yalnız anlam ═══ */
.nnh-zam-k .nnh-card-h, .nnh-trend-k .nnh-card-h { flex-wrap: wrap; row-gap: 8px; }
.nnh-trend-k .nnh-card-h .nnh-hint { margin-left: 0; }
.nnh-zam, .nnh-trend, .nnh-yh { transition: opacity .15s; }
.nnh-zam.is-yukleniyor, .nnh-trend.is-yukleniyor, .nnh-yh.is-yukleniyor { opacity: .45; }
/* Zamanında: kahraman sayı (orantılı rakam) + 0–100 ölçek (dolu = sen, dikey çizgi = şirket medyanı) + üç kısa satır */
.nnh-zam-hero { padding: 14px 20px 4px; border-top: 1px solid var(--line2); }
.nnh-zam-hero .n { display: block; font-size: 40px; font-weight: 700; letter-spacing: -.035em; line-height: 1.05; color: var(--ink); }
.nnh-zam-hero.is-iyi .n { color: #1f8a3b; }
.nnh-zam-hero.is-dikkat .n { color: #b25000; }
.nnh-zam-hero .l { display: block; margin-top: 4px; font-size: 12px; color: var(--muted); }
.nnh-zam-ok { padding: 10px 20px 2px; }
.nnh-zam-olcek { position: relative; height: 8px; border-radius: 999px; background: var(--track); }
.nnh-zam-olcek .dolu { display: block; height: 100%; border-radius: 999px; background: var(--brand); }
.nnh-zam-olcek .sirket { position: absolute; top: -4px; width: 2px; height: 16px; margin-left: -1px; border-radius: 1px; background: var(--ink); box-shadow: 0 0 0 2px var(--paper); }
.nnh-zam-lej { position: relative; height: 16px; margin-top: 4px; font-size: 11px; color: var(--faint); display: flex; justify-content: space-between; }
.nnh-zam-lej .s { position: absolute; top: 0; transform: translateX(-50%); color: var(--ink2); font-weight: 600; }
.nnh-zam-alt { display: flex; flex-direction: column; gap: 3px; padding: 8px 20px 2px; font-size: 12.5px; color: var(--ink2); }
/* Trendim: iki panel, ortak hafta ekseni; tek renk; isabet alanı haftanın tüm yüksekliği */
.nnh-tr-oz { padding: 10px 20px 2px; border-top: 1px solid var(--line2); font-size: 13px; color: var(--muted); }
.nnh-tr-oz b { color: var(--ink); font-weight: 650; }
.nnh-tr-graf { position: relative; padding: 6px 20px 0; }
.nnh-tr-graf[hidden], .nnh-tr-tablo[hidden] { display: none; }
.nnh-tr-p { position: relative; padding-top: 18px; }
.nnh-tr-p + .nnh-tr-p { margin-top: 10px; }
.nnh-tr-et { position: absolute; top: 0; left: 0; font-size: 11px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; color: var(--faint); }
.nnh-tr-mx { position: absolute; top: 1px; right: 0; font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; }
.nnh-tr-cubuk { display: grid; gap: 4px; align-items: end; height: 84px; border-top: 1px solid var(--line2); border-bottom: 1px solid var(--line); }
.nnh-tr-cubuk span { display: flex; align-items: flex-end; height: 100%; border-radius: 4px 4px 0 0; }
.nnh-tr-cubuk span.is-aktif { background: var(--track); }
.nnh-tr-cubuk i { display: block; width: 100%; max-width: 34px; margin: 0 auto; background: var(--brand); border-radius: 4px 4px 0 0; }
.nnh-tr-cubuk span.is-suruyor i { opacity: .45; }
.nnh-tr-alan { position: relative; height: 70px; border-top: 1px solid var(--line2); border-bottom: 1px solid var(--line); }
.nnh-tr-alan svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.nnh-tr-alan polyline { fill: none; stroke: var(--brand); stroke-width: 2px; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }
.nnh-tr-nokta { position: absolute; inset: 0; pointer-events: none; }
.nnh-tr-nokta i { position: absolute; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 2px var(--paper); }
.nnh-tr-nokta i.is-aktif { width: 10px; height: 10px; margin: -5px 0 0 -5px; }
.nnh-tr-x { position: relative; height: 22px; font-size: 11px; color: var(--muted); }
.nnh-tr-x span { position: absolute; top: 5px; transform: translateX(-50%); white-space: nowrap; }
.nnh-tr-hit { position: absolute; left: 20px; right: 20px; top: 24px; bottom: 22px; display: grid; }
.nnh-tr-hit button { border: 0; background: transparent; padding: 0; cursor: default; }
.nnh-tr-hit button:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; border-radius: 4px; }
.nnh-tr-ipucu { position: absolute; top: 30px; z-index: 3; pointer-events: none; display: flex; flex-direction: column; gap: 2px; padding: 7px 10px;
    border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px var(--line), 0 6px 18px rgba(17, 24, 39, .14); font-size: 12px; color: var(--ink2); white-space: nowrap; }
.nnh-tr-ipucu[hidden] { display: none; }
.nnh-tr-ipucu b { color: var(--ink); font-weight: 650; }
.nnh-tr-tablo { margin-top: 8px; overflow-y: visible; }   /* 12 satır: iç kaydırma yok */
.nnh-tr-tablo td { font-variant-numeric: tabular-nums; }
/* Yetki havuzum: sekmeli üç liste + "Neden bana geldi?" */
.nnh-yh-l[hidden] { display: none; }
.nnh-yh-r { min-height: 52px; }
.nnh-yh-kanal { flex: 0 1 auto; max-width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; font-weight: 600; padding: 3px 9px; border-radius: 999px;
    background: rgba(0, 0, 0, .05); color: var(--ink2); }
.nnh-yh-kanal[data-kanal="dogrudan"], .nnh-yh-kanal[data-kanal="amir"] { background: transparent; box-shadow: inset 0 0 0 1px var(--line); color: var(--muted); }
.nnh-yh-neden { padding: 0 20px 12px 20px; font-size: 12.5px; line-height: 1.5; color: var(--ink2); }
.nnh-yh-neden[hidden] { display: none; }
.nnh-yh-bas { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: var(--brand-ink); }
.nnh-yh-uye { padding: 4px 20px 6px; border-top: 1px solid var(--line2); }
.nnh-yh-b { padding: 8px 0; }
.nnh-yh-b + .nnh-yh-b { border-top: 1px solid var(--line2); }
.nnh-yh-bb { font-size: 11px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; color: var(--faint); margin-bottom: 6px; }
.nnh-yh-cip { display: flex; flex-wrap: wrap; gap: 6px; }
.nnh-yh-cip > span { padding: 4px 10px; border-radius: 999px; background: rgba(0, 0, 0, .05); font-size: 12.5px; color: var(--ink); }
.nnh-yh-cip > span.nnh-yh-yok, .nnh-yh-yok { background: transparent; padding: 0; color: var(--faint); font-size: 12.5px; }
.nnh-yh-not { margin: 6px 0 4px; font-size: 12px; color: var(--muted); }
.nnh-yh-not.is-uyari { color: var(--warn); }
.nnh-yh-sor { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 20px 4px; border-top: 1px solid var(--line2); margin: 0; }
.nnh-yh-sor label { font-size: 13px; font-weight: 600; color: var(--ink); margin: 0; }
.nnh-yh-sor input { width: 170px; height: 30px; padding: 0 10px; border: 0; border-radius: 8px; background: #f5f5f7; font: inherit; font-size: 13px; color: var(--ink); }
.nnh-yh-sor input:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--brand); }
.nnh-yh-sor .nnh-db { height: 30px; }
.nnh-yh-sonuc { padding: 2px 20px 4px; font-size: 12.5px; color: var(--muted); }
.nnh-yh-sonuc:empty { display: none; }
.nnh-yh-sb { padding: 6px 0 4px; font-weight: 600; color: var(--ink); }
.nnh-yh-g { padding: 6px 0; border-top: 1px solid var(--line2); }
.nnh-yh-gb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--muted); }
.nnh-yh-gb b { color: var(--ink); font-weight: 600; }
.nnh-yh-g p { margin: 4px 0 0; color: var(--ink2); line-height: 1.5; }
@media (max-width: 720px) { .nnh-yh-kanal { max-width: 34%; } .nnh-yh-sor input { width: 100%; } }

/* ── NN Asistan: yüzen sohbet + ana sayfa sorma kutusu ───────────────────── */
.nna { font-family: Inter, "Segoe UI", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.nna-fab { position: fixed; right: 24px; bottom: 24px; z-index: 1600; width: 56px; height: 56px; border-radius: 50%; border: 0; cursor: pointer;
    background: #0a7aff; color: #fff; font-size: 24px; display: inline-flex; align-items: center; justify-content: center;
    box-shadow: 0 8px 24px rgba(10, 122, 255, .35), 0 2px 6px rgba(0, 0, 0, .12); transition: transform .15s, background .15s; }
.nna-fab:hover { background: #0a63cc; transform: translateY(-2px); }
.nna.is-acik .nna-fab { display: none; }
.nna-panel { position: fixed; right: 24px; bottom: 24px; z-index: 1601; width: 420px; height: min(640px, calc(100vh - 110px));
    background: #fff; border-radius: 18px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 24px 60px rgba(17, 24, 39, .18);
    display: none; flex-direction: column; overflow: hidden; }
.nna.is-acik .nna-panel { display: flex; animation: nnaUp .18s ease-out; }
@keyframes nnaUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.nna-h { display: flex; align-items: center; gap: 6px; padding: 14px 14px 12px 18px; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.nna-h > div { flex: 1 1 auto; min-width: 0; }
.nna-h b { display: block; font-size: 15px; color: #1d1d1f; }
.nna-h span { display: block; font-size: 12px; color: #86868b; }
.nna-h button { width: 32px; height: 32px; border: 0; border-radius: 9px; background: transparent; color: #424245; cursor: pointer; font-size: 17px; }
.nna-h button:hover { background: rgba(0, 0, 0, .05); }
.nna-liste { flex: 1 1 auto; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; background: #fafafa; }
.nna-b { max-width: 85%; padding: 10px 13px; border-radius: 14px; font-size: 13.5px; line-height: 1.5; color: #1d1d1f; word-wrap: break-word; }
.nna-b.is-o { align-self: flex-start; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07); border-bottom-left-radius: 5px; }
.nna-b.is-ben { align-self: flex-end; background: #0a7aff; color: #fff; border-bottom-right-radius: 5px; }
.nna-yaziyor { display: inline-flex; gap: 4px; padding: 12px 14px; }
.nna-yaziyor span { width: 6px; height: 6px; border-radius: 50%; background: #aeaeb2; animation: nnaNokta 1s infinite ease-in-out; }
.nna-yaziyor span:nth-child(2) { animation-delay: .15s; } .nna-yaziyor span:nth-child(3) { animation-delay: .3s; }
@keyframes nnaNokta { 0%, 80%, 100% { opacity: .3; transform: none; } 40% { opacity: 1; transform: translateY(-3px); } }
.nna-cipler { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 14px 0; background: #fff; }
.nna-cip { border: 0; border-radius: 999px; padding: 6px 11px; font-size: 12px; background: rgba(10, 122, 255, .08); color: #0a63cc; cursor: pointer; }
.nna-cip:hover { background: rgba(10, 122, 255, .14); }
.nna-form { display: flex; gap: 8px; padding: 10px 14px 14px; background: #fff; }
.nna-girdi { flex: 1 1 auto; height: 42px; border: 0; border-radius: 12px; background: rgba(0, 0, 0, .05); padding: 0 14px; font-size: 14px; color: #1d1d1f; outline: none; }
.nna-girdi:focus { background: #fff; box-shadow: 0 0 0 3px rgba(10, 122, 255, .18), 0 0 0 .5px rgba(0, 0, 0, .14); }
.nna-gonder { width: 42px; height: 42px; border: 0; border-radius: 12px; background: #0a7aff; color: #fff; font-size: 18px; cursor: pointer; }
.nna-gonder:disabled { opacity: .5; cursor: default; }
@media (max-width: 560px) { .nna-panel { right: 8px; left: 8px; bottom: 8px; width: auto; height: calc(100vh - 90px); } }

/* Ana sayfa: "Ne yapmak istersin?" kutusu (karşılama kartında) */
.nnh-ask { position: relative; z-index: 1; display: flex; gap: 8px; margin-top: 18px; max-width: 640px; }
.nnh-ask input { flex: 1 1 auto; height: 48px; border: 0; border-radius: 14px; background: #f2f4f7; padding: 0 16px 0 44px; font-size: 15px; color: #1d1d1f; outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a7aff' stroke-width='2'%3E%3Cpath d='M12 3l1.8 4.6L18 9l-4.2 1.4L12 15l-1.8-4.6L6 9l4.2-1.4z'/%3E%3Cpath d='M19 15l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: 15px center; background-size: 20px; }
.nnh-ask input:focus { background-color: #fff; box-shadow: 0 0 0 3px rgba(10, 122, 255, .18), 0 0 0 .5px rgba(0, 0, 0, .14); }
.nnh-ask button { height: 48px; padding: 0 20px; border: 0; border-radius: 14px; background: #0a7aff; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; }
.nnh-ask button:hover { background: #0a63cc; }

/* Seçenek düğmeleri: "Bunu mu açmak istedin?" — yan yana sade haplar */
.nna-secenek { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.nna-sec { border: 0; border-radius: 999px; padding: 5px 11px; cursor: pointer; font-size: 12.5px; line-height: 1.3;
    background: #fff; color: #0a63cc; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .35); transition: background .12s, color .12s; }
.nna-sec b { font-weight: 500; }
.nna-sec span { display: none; }
.nna-sec:hover:not(:disabled) { background: rgba(10, 122, 255, .08); }
.nna-sec:disabled { opacity: .4; cursor: default; }
.nna-sec.is-secili { opacity: 1; background: #0a7aff; color: #fff; box-shadow: none; }
/* ── İki kip: küçük panel / büyük ekran (geçmişli) ── */
.nna-panel { flex-direction: row; }
.nna-ana { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.nna-yan { display: none; }
.nna.is-buyuk .nna-panel { left: 24px; right: 24px; top: 86px; bottom: 24px; width: auto; height: auto; border-radius: 18px; animation: none; }
.nna.is-buyuk .nna-yan { display: flex; flex-direction: column; flex: 0 0 290px; border-right: 1px solid rgba(0, 0, 0, .07); background: #fbfbfc; min-height: 0; }
.nna.is-buyuk .nna-liste { padding: 24px max(24px, calc((100% - 820px) / 2)); }
.nna.is-buyuk .nna-b { max-width: 78%; font-size: 14px; }
.nna.is-buyuk .nna-cipler, .nna.is-buyuk .nna-form { padding-left: max(14px, calc((100% - 820px) / 2)); padding-right: max(14px, calc((100% - 820px) / 2)); }
.nna-yeni-b { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 16px 14px 10px; height: 40px; border: 0; border-radius: 11px; cursor: pointer;
    background: #0a7aff; color: #fff; font-size: 13.5px; font-weight: 600; }
.nna-yeni-b:hover { background: #0a63cc; }
.nna-ara { position: relative; margin: 0 14px 10px; }
.nna-ara i { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); color: #86868b; font-size: 15px; }
.nna-ara input { width: 100%; height: 36px; border: 0; border-radius: 10px; background: rgba(0, 0, 0, .05); padding: 0 12px 0 34px; font-size: 13px; outline: none; box-sizing: border-box; }
.nna-ara input:focus { background: #fff; box-shadow: 0 0 0 3px rgba(10, 122, 255, .16), 0 0 0 .5px rgba(0, 0, 0, .14); }
.nna-gecmis { flex: 1 1 auto; overflow-y: auto; padding: 0 8px 14px; }
.nna-grup { padding: 12px 8px 4px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #aeaeb2; }
.nna-oge { position: relative; padding: 8px 34px 8px 10px; border-radius: 9px; cursor: pointer; }
.nna-oge b { display: block; font-size: 13px; font-weight: 500; color: #1d1d1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nna-oge span { display: block; margin-top: 2px; font-size: 11.5px; color: #86868b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nna-oge:hover { background: rgba(0, 0, 0, .04); }
.nna-oge.is-aktif { background: rgba(10, 122, 255, .1); }
.nna-oge.is-aktif b { color: #0a63cc; font-weight: 600; }
.nna-sil { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border: 0; border-radius: 7px; background: transparent; color: #86868b; cursor: pointer; opacity: 0; }
.nna-oge:hover .nna-sil { opacity: 1; }
.nna-sil:hover { background: rgba(198, 42, 32, .1); color: #c62a20; }
.nna-gecmis-bos { padding: 18px 10px; font-size: 12.5px; color: #86868b; text-align: center; }
@media (max-width: 900px) { .nna.is-buyuk .nna-yan { flex-basis: 220px; } .nna.is-buyuk .nna-panel { left: 8px; right: 8px; top: 76px; bottom: 8px; } }
@media (max-width: 600px) { .nna.is-buyuk .nna-yan { display: none; } }
.nna-sec.is-ana-sec { background: #0a7aff; color: #fff; box-shadow: none; }

/* ── Onay kartı (PLAN Faz 7a): sohbette tek iş, tek birincil eylem. Ana sayfa kart dili: beyaz yüzey, ince çizgi, mavi = eylem,
   kırmızı = red, yeşil = tamam, sarı/kırmızı hap = bekleme süresi. ── */
.nna-onay { align-self: stretch; max-width: 380px; background: #fff; border-radius: 14px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 2px 8px rgba(17, 24, 39, .05);
    padding: 12px 14px 12px; display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: #1d1d1f; border-top: 3px solid #0a7aff; }
.nna-onay.is-red { border-top-color: #c62a20; }
.nna-onay-ust { display: flex; align-items: center; gap: 8px; }
.nna-onay-etiket { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #0a63cc; }
.nna-onay.is-red .nna-onay-etiket { color: #c62a20; }
.nna-onay-etiket i { font-size: 14px; }
.nna-onay-yas { margin-left: auto; font-size: 11.5px; font-weight: 600; padding: 3px 8px; border-radius: 999px; background: rgba(0, 0, 0, .04); color: #424245; font-variant-numeric: tabular-nums; white-space: nowrap; }
.nna-onay-yas.is-warn { background: rgba(255, 149, 0, .14); color: #a35f00; }
.nna-onay-yas.is-bad { background: rgba(255, 59, 48, .10); color: #c62a20; }
.nna-onay-bas { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.nna-onay-bas b { font-size: 15px; font-weight: 650; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nna-onay-bas .id { flex: 0 0 auto; color: #86868b; font-weight: 500; font-variant-numeric: tabular-nums; }
.nna-onay-bilgi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 8px 0 2px; border-top: 1px solid rgba(0, 0, 0, .05); }
.nna-onay-bilgi div { min-width: 0; }
.nna-onay-bilgi dt { font-size: 11px; color: #86868b; font-weight: 500; }
.nna-onay-bilgi dd { margin: 2px 0 0; font-size: 12.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nna-onay-bilgi dd.nna-onay-karar { color: #0a63cc; }
.nna-onay.is-red .nna-onay-bilgi dd.nna-onay-karar { color: #c62a20; }
.nna-onay-gerekce { display: flex; flex-direction: column; gap: 4px; }
.nna-onay-gerekce span { font-size: 11px; color: #86868b; font-weight: 500; }
.nna-onay-gerekce textarea { resize: vertical; min-height: 52px; border: 0; border-radius: 10px; background: rgba(0, 0, 0, .05); padding: 8px 10px; font: inherit; font-size: 13px; color: #1d1d1f; outline: none; }
.nna-onay-gerekce textarea:focus { background: #fff; box-shadow: 0 0 0 3px rgba(10, 122, 255, .18), 0 0 0 .5px rgba(0, 0, 0, .14); }
.nna-onay-ipucu { margin: 0; font-size: 11.5px; line-height: 1.45; color: #86868b; }
.nna-onay-not { margin: 0; font-size: 12.5px; line-height: 1.45; color: #424245; background: rgba(0, 0, 0, .04); border-radius: 9px; padding: 8px 10px; }
.nna-onay-not.is-uyari { background: rgba(255, 149, 0, .12); color: #7a4700; }
.nna-onay-eylem { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 2px; }
.nna-onay-eylem button { height: 34px; padding: 0 14px; border-radius: 9px; border: 0; cursor: pointer; font: inherit; font-size: 13px; font-weight: 600;
    display: inline-flex; align-items: center; gap: 6px; transition: background .12s, box-shadow .12s, color .12s; }
.nna-onay-ana { background: #0a7aff; color: #fff; }
.nna-onay-ana:hover:not(:disabled) { background: #0a63cc; }
.nna-onay.is-red .nna-onay-ana { background: #c62a20; }
.nna-onay.is-red .nna-onay-ana:hover:not(:disabled) { background: #a3221a; }
.nna-onay-vaz, .nna-onay-ikinci { background: #fff; color: #424245; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); }
.nna-onay-vaz:hover:not(:disabled), .nna-onay-ikinci:hover:not(:disabled) { color: #0a63cc; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .45); background: rgba(10, 122, 255, .08); }
.nna-onay-eylem button:disabled { opacity: .5; cursor: default; }
.nna-onay-eylem button:focus-visible, .nna-onay-gerekce textarea:focus-visible { outline: 2px solid #0a7aff; outline-offset: 2px; }
.nna-onay-durum:empty { display: none; }
.nna-onay-durum { display: flex; flex-direction: column; gap: 2px; font-size: 12.5px; font-weight: 600; border-radius: 9px; padding: 8px 10px; }
.nna-onay-durum small { font-size: 11.5px; font-weight: 400; opacity: .85; }
.nna-onay-durum.is-isleniyor { background: rgba(10, 122, 255, .08); color: #0a63cc; }
.nna-onay-durum.is-isleniyor span::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 7px; border-radius: 50%;
    border: 2px solid rgba(10, 122, 255, .25); border-top-color: #0a7aff; vertical-align: -1px; animation: nnaDon .8s linear infinite; }
@keyframes nnaDon { to { transform: rotate(360deg); } }
.nna-onay-durum.is-ok { background: rgba(52, 199, 89, .12); color: #1f8a3b; }
.nna-onay-durum.is-ok span::before { content: "✓ "; }
.nna-onay-durum.is-hata { background: rgba(255, 59, 48, .10); color: #c62a20; }
.nna-onay-durum.is-bilgi { background: rgba(0, 0, 0, .04); color: #424245; }
.nna-onay.is-bitti { border-top-color: rgba(0, 0, 0, .12); }
.nna-onay.is-bitti.is-basari { border-top-color: #1f8a3b; }
.nna-onay.is-bitti .nna-onay-ipucu { display: none; }
.nna-onay-sira { align-self: flex-start; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #aeaeb2; margin-bottom: -4px; }
.nna.is-buyuk .nna-onay { max-width: 460px; }

/* ── Faz 3e: günün özeti, rozet, vekâlet ve form kartları ──
   Özet: sohbetin başında tek sakin yüzey (bilgi, eylem değil); satır başına bir konu, sayı kalın, renk yalnız anlam (sarı bekliyor, kırmızı geç). */
.nna-fab { position: fixed; }
.nna-rozet { position: absolute; top: -2px; right: -2px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: #ff3b30; color: #fff;
    font: 700 11px/20px Inter, "Segoe UI", system-ui, sans-serif; text-align: center; box-shadow: 0 0 0 2px #fff; font-variant-numeric: tabular-nums; box-sizing: border-box; }
.nna-rozet[hidden] { display: none; }
.nna-ozet { align-self: stretch; max-width: 380px; background: #fff; border-radius: 14px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07); padding: 11px 14px 12px;
    display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: #1d1d1f; flex: 0 0 auto; }
.nna-ozet-ust { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #86868b; }
.nna-ozet-ust i { font-size: 14px; color: #ff9500; }
.nna-ozet-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.nna-ozet-liste li { display: flex; gap: 8px; align-items: flex-start; line-height: 1.45; }
.nna-ozet-liste li i { flex: 0 0 auto; font-size: 15px; color: #0a7aff; margin-top: 1px; }
.nna-ozet-liste li b { font-weight: 650; }
.nna-ozet-liste li.is-warn i { color: #ff9500; }
.nna-ozet-liste li.is-bad i { color: #ff3b30; }
.nna-ozet-liste li.is-bad b { color: #c62a20; }
.nna-ozet-liste li.is-ok i { color: #34c759; }
.nna-ozet-liste li.is-yukleniyor { color: #86868b; }
.nna-ozet-cipler { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 2px; }
.nna-ozet-cipler .nna-cip { padding: 5px 10px; }
.nna-kart { flex: 0 0 auto; }
.nna-kart.is-vekalet { border-top-color: #5856d6; }
.nna-kart.is-vekalet .nna-onay-etiket { color: #5856d6; }
.nna-kart.is-form { border-top-color: #1f8fa6; }
.nna-kart.is-form .nna-onay-etiket { color: #1f7f94; }
.nna-kart .nna-onay-bas .id { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 0 1 auto; font-size: 12px; }
.nna-onay-bilgi dd.is-eksik { color: #86868b; font-weight: 500; }
.nna-kart .nna-onay-bilgi dd { white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
.nna-kart-liste { list-style: none; margin: 0; padding: 6px 0 0; border-top: 1px solid rgba(0, 0, 0, .05); display: flex; flex-direction: column; gap: 6px; }
.nna-kart-liste li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 10px; align-items: baseline; font-size: 12.5px; }
.nna-kart-liste li .a { color: #424245; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nna-kart-liste li .d { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nna-kart-liste li small { grid-column: 1 / -1; font-size: 11.5px; color: #86868b; }
.nna-kart-liste li.is-ok small { color: #1f8a3b; }
.nna-kart-liste li.is-ok .a::before { content: "✓ "; color: #1f8a3b; font-weight: 700; }
.nna-kart-liste li.is-yok small { color: #a35f00; }
.nna-kart-liste li.is-yok .d { color: #86868b; font-weight: 500; }
.nna.is-buyuk .nna-ozet { max-width: 460px; }
@media (prefers-reduced-motion: reduce) { .nna-onay-durum.is-isleniyor span::before { animation: none; } }
/* Sesle sor (Faz 7b, anasayfa/ses.js): gönder düğmesinin solunda; dinlerken kırmızı nabız */
.nna-mik { width: 42px; height: 42px; flex: 0 0 42px; border: 0; border-radius: 12px; background: var(--nn-track, rgba(0, 0, 0, .05)); color: var(--nn-ink-2, #424245); font-size: 19px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; position: relative; }
.nna-mik:hover { background: rgba(0, 0, 0, .08); color: var(--nn-ink, #1d1d1f); }
.nna-mik.is-dinliyor { background: #fde8e8; color: #e5484d; }
.nna-mik.is-dinliyor::after { content: ""; position: absolute; inset: -3px; border-radius: 14px; border: 2px solid rgba(229, 72, 77, .55); animation: nna-mik-nabiz 1.2s ease-out infinite; }
@keyframes nna-mik-nabiz { from { opacity: 1; transform: scale(.94); } to { opacity: 0; transform: scale(1.12); } }
@media (prefers-reduced-motion: reduce) { .nna-mik.is-dinliyor::after { animation: none; opacity: .6; } }
.nna-ses-bilgi { font-size: 12.5px; color: var(--nn-muted, #86868b); background: var(--nn-track, rgba(0, 0, 0, .04)); }

/* Mobil kip (NNEbaMobil WebView, nn-app.template.js NN_MOBIL): yüzen asistan hiç kurulmaz; kurulmuşsa da görünmez */
html.nn-mobil .nna { display: none !important; }


/* ── NN Rapor paneli ─────────────────────────────────────────────────────── */
.nnr { font-family: Inter, "Segoe UI", system-ui, sans-serif; }
.nnr-icerde { background: #fff; border-radius: 14px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .03); margin-bottom: 24px; overflow: hidden; animation: nnrIn .2s ease-out; }
@keyframes nnrIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.nnr-pencere { position: fixed; inset: 0; z-index: 1590; background: rgba(17, 24, 39, .28); display: flex; align-items: center; justify-content: center; padding: 24px; }
.nnr-kutu { width: min(1400px, 100%); height: min(86vh, 900px); background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(17, 24, 39, .25); display: flex; flex-direction: column; overflow: hidden; }
.nnr-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 14px 20px; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.nnr-baslik { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1 1 220px; }
.nnr-baslik i { font-size: 18px; color: #0a63cc; }
.nnr-baslik b { font-size: 15px; font-weight: 650; color: #1d1d1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nnr-sayi { font-size: 12px; font-weight: 600; color: #86868b; background: rgba(0, 0, 0, .04); border-radius: 999px; padding: 2px 9px; white-space: nowrap; }
.nnr-eylem { display: flex; gap: 6px; flex: 0 0 auto; }
.nnr-btn { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border: 0; border-radius: 9px; cursor: pointer; font-size: 12.5px; font-weight: 500;
    background: #fff; color: #1d1d1f; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
.nnr-btn i { font-size: 15px; color: #0a63cc; }
.nnr-btn:hover { background: #f5f8ff; }
.nnr-excel i { color: #1f8a3b; }
.nnr-kapat { width: 32px; padding: 0; justify-content: center; }
.nnr-kapat i { color: #424245; }
/* Yükseklik tablonun kendi "height" ayarında (rapor.js KIP); gövde yalnız kabın içinde tutar, hiçbir satır dışarı taşmaz */
.nnr-govde { padding: 6px 12px 10px; flex: 1 1 auto; min-height: 0; min-width: 0; overflow: hidden; }
.nnr-grid { width: 100%; }
/* KÖK NEDEN: eBA'nın bundle.min.css'indeki DevExtreme kuralı ".dx-gridbase-container"a "height: inherit" vermiyor (24.1 JS'i
   yerleşimi bu flex kabına bırakıyor). Kab tablonun height'ını almayınca satır alanı kaymaz, tüm sayfa çizilip kartın dışına taşar. */
.nnr .dx-gridbase-container { height: inherit; }
.nnr-yukleniyor, .nnr-bos { padding: 28px 12px; text-align: center; color: #86868b; font-size: 13.5px; }
.nnr-yukleniyor::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 8px; vertical-align: -1px; border-radius: 50%;
    border: 1.5px solid rgba(10, 122, 255, .2); border-top-color: #0a7aff; animation: nnrDon .8s linear infinite; }
@keyframes nnrDon { to { transform: rotate(360deg); } }

/* DevExtreme tablosu: sade, marka mavisi */
.nnr .dx-datagrid { font-family: inherit; font-size: 13px; color: #1d1d1f; }
.nnr .dx-datagrid-headers { color: #86868b; font-weight: 600; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; }
.nnr .dx-datagrid-headers .dx-datagrid-table .dx-row > td { border-bottom: 0 !important; }
.nnr .dx-datagrid-rowsview .dx-row > td { border-top: 1px solid rgba(0, 0, 0, .05) !important; padding-top: 9px !important; padding-bottom: 9px !important; }
/* Tek satır + üç nokta (tam metin title ipucunda): satır yüksekliği her raporda aynı */
.nnr .dx-datagrid-rowsview .dx-data-row > td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.nnr .dx-datagrid-pager { border-top: 1px solid rgba(0, 0, 0, .06) !important; padding: 8px 2px 0 !important; }
.nnr .dx-pager .dx-info { color: #86868b; font-size: 12px; opacity: 1; }
.nnr .dx-datagrid-nodata { color: #86868b; font-size: 13px; }
.nnr .dx-datagrid-rowsview .dx-row.dx-state-hover > td { background: #fafbff !important; }
.nnr .dx-datagrid-filter-row { background: #fcfcfd !important; }
.nnr .dx-datagrid-header-panel { padding: 6px 4px 8px !important; border-bottom: 0 !important; }
.nnr .dx-datagrid-group-panel .dx-group-panel-message { color: #aeaeb2; font-size: 12px; }
.nnr .dx-texteditor.dx-editor-outlined { border-radius: 9px !important; }
.nnr .dx-pager .dx-page.dx-selection, .nnr .dx-pager .dx-page-size.dx-selection { background: #0a7aff !important; color: #fff !important; border-radius: 7px; }
.nnr .dx-datagrid-search-panel { margin: 0 !important; }
.nnr .dx-datagrid-header-panel, .nnr .dx-datagrid-header-panel .dx-toolbar, .nnr .dx-datagrid-group-panel { border-left: 0 !important; box-shadow: none !important; }
.nnr .dx-datagrid-header-panel::before, .nnr .dx-datagrid-header-panel::after { display: none !important; }
.nnr .dx-datagrid-filter-row .dx-texteditor { background: #f5f5f7 !important; border: 0 !important; border-radius: 7px !important; }
.nnr .dx-datagrid-filter-row .dx-texteditor-input { font-size: 12.5px !important; }.nnr .dx-header-filter { opacity: .25; transition: opacity .12s; }
.nnr .dx-datagrid-headers td:hover .dx-header-filter, .nnr .dx-header-filter:not(.dx-header-filter-empty) { opacity: 1; color: #0a7aff !important; }
.nnr .dx-datagrid-header-panel *, .nnr .dx-datagrid-header-panel { border-left-width: 0 !important; }
/* Marka ezmesi sütun ayırıcısını boyuyor; bekleme durumunda (…-transparent) görünmemeli */
.nnr .dx-datagrid-columns-separator-transparent { background: transparent !important; border: 0 !important; }
.nnr .dx-datagrid-header-panel .dx-toolbar-before, .nnr .dx-datagrid-header-panel .dx-toolbar-items-container { box-shadow: none !important; border: 0 !important; }

/* ── Rapor grafiği + süreç ilerlemesi (davranış anasayfa/grafik.js, ?nngrafik=0 kapatır) ─────────────────────────────────────────
   eBA rapor ekranları (Arşiv Yöneticisi raporları .archive-manager, süreç arşivi .process-archive). Kurallar yalnız grafik.js'in
   koyduğu işaretlerle çalışır (nn-rg-kok, data-nn-rg, data-nn-gorunum, .nn-rg grafik paneli, .nn-pv pivot paneli, .nn-ilr). Tek renk: marka mavisi; ızgara/eksen soluk; 4 px tabanlı
   aralık, kart köşesi 12 px. Dar ekranda (≤ 760 px) seçimler alt alta, öneri kartları tek sütun, başlık düğmeleri yalnız ikon. */
.nn-rg-kok > .flex.items-center .nn-rg-sec { margin-left: auto; display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: rgba(0, 0, 0, .05); flex: 0 0 auto; }
/* Grafik/pivot açıkken eBA ızgarası gizli çalışır (süzgeç, arama, sayfa onun); her panel yalnız kendi görünümünde */
.nn-rg-kok.nn-rg-acik .eBAGridContainer[data-nn-rg] { position: absolute !important; left: -99999px !important; top: 0; width: 1200px; height: 1px !important; overflow: hidden; }
.nn-rg-kok:not([data-nn-gorunum="grafik"]) .nn-rg, .nn-rg-kok:not([data-nn-gorunum="pivot"]) .nn-pv { display: none; }
.nn-rg, .nn-pv { position: relative; display: flex; flex-direction: column; gap: 16px; padding-bottom: 24px; font-family: Inter, "Segoe UI", system-ui, sans-serif; color: #1d1d1f; min-width: 0; }
.nn-rg-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.nn-rg-bas { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1 1 auto; }
.nn-rg-bas b { font-size: 15px; font-weight: 650; letter-spacing: -.01em; }
.nn-rg-say, .nn-pv-say { padding: 2px 10px; border-radius: 999px; background: rgba(0, 0, 0, .05); color: #424245; font-size: 12px; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.nn-rg-eylem, .nn-pv-eylem { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; flex: 0 1 auto; }
.nn-rg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0 12px; border: 0; border-radius: 8px; cursor: pointer;
  font: inherit; font-size: 12.5px; font-weight: 500; background: #fff; color: #1d1d1f; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); white-space: nowrap; }
.nn-rg-btn i { font-size: 15px; color: #0a63cc; }
.nn-rg-btn:hover { background: #f5f8ff; }
.nn-rg-btn:disabled { opacity: .5; cursor: default; }
.nn-rg-btn:focus-visible, .nn-rg-secici select:focus-visible, .nn-rg-oneri:focus-visible, .nn-rg-cubuk:focus-visible, .nn-ilr:focus-visible { outline: 2px solid #0a7aff; outline-offset: 2px; }
.nn-rg-btn.is-ana { background: #0a7aff; color: #fff; box-shadow: none; }
.nn-rg-btn.is-ana:hover { background: #0a63cc; }
/* Özet kutuları */
.nn-rg-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
.nn-rg-kutu { display: flex; flex-direction: column; gap: 4px; padding: 12px 16px; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .03); min-width: 0; }
.nn-rg-kutu small { font-size: 12px; color: #6e6e73; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-rg-kutu b { font-size: 24px; font-weight: 650; letter-spacing: -.02em; line-height: 1.15; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-rg-kutu span { font-size: 12px; color: #86868b; }
.nn-rg-kutu.is-uyari span { color: #a15c00; }
.nn-rg-kutu.is-uyari span::before { content: "▲ "; font-size: 10px; }
/* Kart: ana grafik + öneriler */
.nn-rg-kart { display: flex; flex-direction: column; gap: 8px; padding: 16px 20px; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .03); min-width: 0; box-sizing: border-box; }
.nn-rg-kart-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.nn-rg-kart-bas { font-size: 14px; font-weight: 650; letter-spacing: -.01em; }
.nn-rg-not { font-size: 12px; color: #86868b; }
.nn-rg-secim { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 12px; margin: 4px 0 8px; }
.nn-rg-secici { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 0 1 260px; }
.nn-rg-secici span { font-size: 11.5px; font-weight: 600; letter-spacing: .02em; color: #6e6e73; }
.nn-rg-secici select { height: 36px; min-width: 0; width: 100%; padding: 0 32px 0 12px; border: 0; border-radius: 8px; font: inherit; font-size: 13px; color: #1d1d1f; cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5l3-3' fill='none' stroke='%2386868b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;
  -webkit-appearance: none; appearance: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
.nn-rg-tablo-btn { margin-left: auto; }
.nn-rg-cizim { position: relative; min-width: 0; }
.nn-rg-cizim svg { display: block; width: 100%; height: auto; overflow: visible; }
.nn-rg-sutun { fill: #0a7aff; transition: opacity .12s; }
.nn-rg-izgara { stroke: rgba(0, 0, 0, .06); stroke-width: 1; }
.nn-rg-taban { stroke: rgba(0, 0, 0, .2); stroke-width: 1; }
.nn-rg-vurgu { fill: rgba(10, 122, 255, .07); }
.nn-rg-eksen { fill: #86868b; font-size: 11px; font-family: Inter, "Segoe UI", system-ui, sans-serif; font-variant-numeric: tabular-nums; }
/* Yatay çubuklar: ad | iz | değer; 2 px aralık */
.nn-rg-cubuklar { display: flex; flex-direction: column; gap: 2px; }
.nn-rg-cubuk { display: grid; grid-template-columns: minmax(96px, 30%) minmax(60px, 1fr) auto; align-items: center; gap: 12px; padding: 6px 8px; border-radius: 8px; outline: none; }
.nn-rg-cubuk:hover, .nn-rg-cubuk:focus-visible { background: #f5f8ff; }
.nn-rg-cubuk-ad { font-size: 13px; color: #1d1d1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-rg-cubuk-iz { height: 12px; display: block; }
.nn-rg-cubuk-dolgu { display: block; height: 100%; min-width: 2px; background: #0a7aff; border-radius: 0 4px 4px 0; }
.nn-rg-cubuk.is-soluk .nn-rg-cubuk-dolgu { background: #9cc3ff; }
.nn-rg-cubuk.is-soluk .nn-rg-cubuk-ad { color: #6e6e73; font-style: italic; }
.nn-rg-cubuk-deger { font-size: 13px; font-weight: 600; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; min-width: 48px; }
.nn-rg-cubuk-deger small { margin-left: 8px; font-weight: 400; font-size: 12px; color: #86868b; }
/* İpucu (üzerine gelince değer) */
.nn-rg-ipucu { position: absolute; z-index: 5; display: none; pointer-events: none; max-width: 260px; padding: 8px 12px; border-radius: 8px; background: #1d1d1f; color: #fff;
  font-size: 12px; line-height: 1.4; box-shadow: 0 6px 18px rgba(17, 24, 39, .18); }
.nn-rg-ipucu b, .nn-rg-ipucu span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-rg-ipucu b { font-weight: 600; }
.nn-rg-ipucu span { color: rgba(255, 255, 255, .8); font-variant-numeric: tabular-nums; }
/* Tablo olarak (erişilebilir görünüm) */
.nn-rg-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.nn-rg-tablo th { text-align: left; font-size: 11.5px; font-weight: 600; letter-spacing: .02em; color: #6e6e73; padding: 8px; border-bottom: 1px solid rgba(0, 0, 0, .08); }
.nn-rg-tablo td { padding: 8px; border-bottom: 1px solid rgba(0, 0, 0, .05); }
.nn-rg-tablo .is-sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
/* Öneriler */
.nn-rg-alt-bas { display: block; margin-bottom: 8px; font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #86868b; }
.nn-rg-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.nn-rg-oneri { border: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; transition: box-shadow .12s; }
.nn-rg-oneri:hover { box-shadow: 0 0 0 1px rgba(10, 122, 255, .35), 0 6px 18px rgba(17, 24, 39, .08); }
.nn-rg-oneri .nn-rg-cizim { pointer-events: none; }
.nn-rg-oneri .nn-rg-cubuk { padding: 4px 0; gap: 8px; }
.nn-rg-oneri .nn-rg-cubuk-iz { height: 8px; }
.nn-rg-oneri .nn-rg-cubuk-ad, .nn-rg-oneri .nn-rg-cubuk-deger { font-size: 12px; }
/* Yükleniyor / boş / hata */
.nn-rg-yuk, .nn-rg-bos, .nn-pv-yuk, .nn-pv-bos { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 240px; padding: 40px 24px; box-sizing: border-box;
  text-align: center; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07); }
.nn-rg-yuk b, .nn-rg-bos b, .nn-pv-yuk b, .nn-pv-bos b { font-size: 15px; font-weight: 600; }
.nn-rg-yuk small, .nn-rg-bos span, .nn-pv-yuk small, .nn-pv-bos span { font-size: 13px; color: #6e6e73; max-width: 440px; }
.nn-rg-bos .nn-rg-btn, .nn-pv-bos .nn-rg-btn { margin-top: 12px; }
.nn-rg-nokta { width: 8px; height: 8px; margin-bottom: 12px; border-radius: 50%; background: #0a7aff; box-shadow: 16px 0 0 #0a7aff, -16px 0 0 #0a7aff; animation: nnRgNokta 1s ease-in-out infinite alternate; }
@keyframes nnRgNokta { from { opacity: .35; } to { opacity: 1; } }
.nn-rg-dipnot, .nn-pv-dipnot { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #86868b; }
/* Pivot (eBA'nın dxPivotGrid'i): kart içinde, kendi kaydırması; sayılar tabular; toplamlar kalın, genel toplam soluk mavi zemin */
.nn-pv-kap { min-width: 0; max-width: 100%; padding: 12px; box-sizing: border-box; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .03); overflow: hidden; }
.nn-pv-kap.is-gizli { display: none; }
.nn-pv-izgara { min-width: 0; max-width: 100%; }
.nn-pv .dx-pivotgrid { font-family: Inter, "Segoe UI", system-ui, sans-serif; font-size: 13px; color: #1d1d1f; background: transparent; }
.nn-pv .dx-pivotgrid .dx-pivotgrid-area-data td { font-variant-numeric: tabular-nums; }
.nn-pv .dx-pivotgrid .dx-total { font-weight: 600; }
.nn-pv .dx-pivotgrid .dx-grandtotal { font-weight: 650; background-color: #f5f8ff; }
.nn-pv .dx-pivotgrid .dx-area-field { border-radius: 6px; }
@media (max-width: 760px) {
  .nn-rg-kok > .flex.items-center .nn-rg-sec button { font-size: 0; gap: 0; padding: 6px 8px; }
  .nn-rg-kok > .flex.items-center .nn-rg-sec button i { font-size: 16px; }
  .nn-rg-kart { padding: 12px 16px; }
  .nn-rg-secici { flex: 1 1 100%; }
  .nn-rg-tablo-btn { margin-left: 0; }
  .nn-rg-eylem .nn-rg-btn span, .nn-pv-eylem .nn-rg-btn span { display: none; }
  .nn-rg-eylem .nn-rg-btn, .nn-pv-eylem .nn-rg-btn { width: 32px; padding: 0; }
  .nn-pv-kap { padding: 8px; }
  .nn-rg-cubuk { grid-template-columns: minmax(72px, 38%) minmax(40px, 1fr) auto; gap: 8px; }
  .nn-rg-cubuk-deger small { display: none; }
  .nn-rg-izgara { grid-template-columns: 1fr; }
  .nn-rg-kutu b { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) { .nn-rg-nokta { animation: none; } .nn-rg-sutun, .nn-rg-oneri { transition: none; } }

/* ── Tabloda "İlerleme" sütunu: adım şeridi + şimdiki adım + kimde · kaç gündür ── */
.eBAGridContainer .dx-datagrid-rowsview td.nn-ilr-hucre { padding-top: 4px !important; padding-bottom: 4px !important; }
.nn-ilr { display: flex; align-items: center; gap: 8px; min-width: 0; cursor: pointer; border-radius: 6px; outline: none; }
.nn-ilr.is-yok, .nn-ilr.is-bekle { cursor: default; color: #aeaeb2; }
.nn-ilr-yer { display: block; width: 120px; height: 8px; border-radius: 4px; background: rgba(0, 0, 0, .06); }
.nn-ilr-serit { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; }
.nn-ilr-n { display: block; width: 8px; height: 8px; border-radius: 50%; box-sizing: border-box; font-style: normal; }
.nn-ilr-n.is-gecti { background: #0a7aff; }
.nn-ilr-n.is-simdi { width: 10px; height: 10px; background: #fff; border: 2.5px solid #0a7aff; }
.nn-ilr-n.is-simdi.is-gecikti { border-color: #c4570a; }
.nn-ilr-n.is-kalan { background: transparent; border: 1.5px solid #c7c7cc; }
.nn-ilr-n.is-son { width: 10px; height: 10px; background: #1f8a3b; }
.nn-ilr-n.is-son.is-cikis { background: #c4001a; }
.nn-ilr-fazla { font-size: 10.5px; color: #86868b; margin-right: 2px; font-variant-numeric: tabular-nums; }
.nn-ilr-m { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.nn-ilr-m b { font-size: 12.5px; font-weight: 600; color: #1d1d1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-ilr-m small { font-size: 11.5px; color: #6e6e73; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn-ilr.is-gecikti .nn-ilr-m small { color: #a15c00; }
.nn-ilr.is-bitti .nn-ilr-m b { color: #1f8a3b; }
.nn-ilr.is-cikis .nn-ilr-m b { color: #c4001a; }
.nn-ilr.is-taslak .nn-ilr-m b { color: #6e6e73; font-style: italic; }
/* Ayrıntı balonu */
.nn-ilr-balon { position: fixed; z-index: 1600; width: min(320px, calc(100vw - 16px)); max-height: 70vh; overflow: auto; padding: 12px 16px 16px; box-sizing: border-box; background: #fff; border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 12px 32px rgba(17, 24, 39, .18); font-family: Inter, "Segoe UI", system-ui, sans-serif; color: #1d1d1f; font-size: 13px; }
.nn-ilr-b-bas { display: flex; align-items: baseline; gap: 8px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.nn-ilr-b-bas b { font-size: 14px; font-weight: 650; }
.nn-ilr-b-bas span { font-size: 12px; color: #6e6e73; }
.nn-ilr-adimlar { list-style: none; margin: 0; padding: 0; }
.nn-ilr-adimlar li { position: relative; padding: 4px 0 8px 20px; }
.nn-ilr-adimlar li::before { content: ""; position: absolute; left: 3px; top: 8px; width: 8px; height: 8px; border-radius: 50%; box-sizing: border-box; background: #0a7aff; }
.nn-ilr-adimlar li:not(:last-child)::after { content: ""; position: absolute; left: 6px; top: 18px; bottom: -2px; width: 2px; background: rgba(0, 0, 0, .08); }
.nn-ilr-adimlar li.is-simdi::before { left: 2px; top: 7px; width: 10px; height: 10px; background: #fff; border: 2.5px solid #0a7aff; }
.nn-ilr-adimlar li.is-simdi.is-gecikti::before { border-color: #c4570a; }
.nn-ilr-adimlar li.is-kalan { color: #86868b; }
.nn-ilr-adimlar li.is-kalan::before { background: #fff; border: 1.5px solid #c7c7cc; }
.nn-ilr-adimlar li.is-ozet { color: #86868b; font-size: 12px; }
.nn-ilr-adimlar li.is-ozet::before { background: rgba(10, 122, 255, .35); }
.nn-ilr-adimlar li b { display: block; font-weight: 600; }
.nn-ilr-adimlar li small { display: block; font-size: 12px; color: #6e6e73; }
.nn-ilr-adimlar li.is-gecikti small { color: #a15c00; }
.nn-ilr-b-not { display: block; margin-top: 4px; font-size: 11.5px; color: #86868b; }

/* ── Telefonda rapor (html.nn-mobil — NNEbaMobil WebView; grafik.js kartlar): sayfa 12 px kenar, başlık 16 px; TABLO görünümünde eBA'nın
   başlık satırı ve satır tablosu ekran dışında çalışmaya devam eder (arama, süzgeç, sayfalama, satır tıklaması onun), yerine kart listesi.
   Kart: ilerleme şeridi, ilk alan başlık, 4 alan «etiket değer», «+N alan» ile kalanı. 13 px gövde, 44 pt dokunma. */
html.nn-mobil .archive-manager.nn-rg-kok, html.nn-mobil .process-archive.nn-rg-kok { padding: 0 12px 16px !important; box-sizing: border-box; max-width: 100vw; }
html.nn-mobil .nn-rg-kok > .flex.items-center { margin: 12px 0 10px !important; gap: 8px; }
html.nn-mobil .nn-rg-kok > .flex.items-center > h4 { font-size: 16px !important; line-height: 21px; min-width: 0; overflow-wrap: anywhere; }
html.nn-mobil .nn-rk-kok:not(.nn-rg-acik) .eBAGridContainer[data-nn-rg] .dx-datagrid-headers,
html.nn-mobil .nn-rk-kok:not(.nn-rg-acik) .eBAGridContainer[data-nn-rg] .dx-datagrid-rowsview {
  position: absolute !important; left: -99999px !important; top: 0 !important; width: 1200px !important; height: 1px !important; overflow: hidden !important; }
html.nn-mobil .nn-rk-kok .eBAGridContainer[data-nn-rg] .dx-datagrid { position: relative; }
/* eBA ızgaraya satır içi sabit yükseklik (520 px) verir, kap overflow:hidden — kart listesi kesilip sayfalama görünmüyordu: tabloda serbest */
html.nn-mobil .nn-rk-kok:not(.nn-rg-acik) .eBAGridContainer[data-nn-rg] { height: auto !important; overflow: visible !important; }
html.nn-mobil .nn-rk-kok:not(.nn-rg-acik) .eBAGridContainer[data-nn-rg] > .dx-widget { height: auto !important; width: 100% !important; flex: 1 1 100%; max-width: 100%; }
.nn-rk { display: flex; flex-direction: column; gap: 8px; padding: 8px 0; font-family: Inter, "Segoe UI", system-ui, sans-serif; }
.nn-rk-kok.nn-rg-acik .nn-rk { display: none; }
.nn-rk-kart { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; min-height: 44px; box-sizing: border-box; background: #fff; border: 1px solid rgba(29, 45, 62, .10);
  border-radius: 12px; cursor: pointer; -webkit-tap-highlight-color: transparent; outline: none; }
.nn-rk-kart:active { background: #f5f6f7; }
.nn-rk-kart:focus-visible { outline: 2px solid #0a7aff; outline-offset: 2px; }
.nn-rk-kart > .nn-ilr { padding-bottom: 8px; border-bottom: 1px solid rgba(29, 45, 62, .08); }
.nn-rk-bas small { display: block; font-size: 11.5px; line-height: 15px; color: #556b82; }
.nn-rk-bas b { display: block; font-size: 15px; line-height: 20px; font-weight: 600; color: #1d2d3e; overflow-wrap: anywhere; }
.nn-rk-no { display: block; margin-top: 2px; font-size: 12px; line-height: 16px; color: #556b82; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.nn-rk-alanlar { margin: 0; display: flex; flex-direction: column; gap: 4px; }
.nn-rk-alan { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 13px; line-height: 18px; }
.nn-rk-alan dt { flex: 0 1 auto; max-width: 45%; color: #556b82; font-weight: 400; }
.nn-rk-alan dd { flex: 1 1 0; min-width: 0; margin: 0; color: #1d2d3e; text-align: right; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.nn-rk-kart:not(.is-acik) .nn-rk-alan.is-fazla { display: none; }
.nn-rk-fazla { align-self: flex-start; min-height: 32px; padding: 0; background: none; border: 0; color: #0a6ed1; font: 600 13px/18px Inter, "Segoe UI", system-ui, sans-serif; cursor: pointer; }
.nn-rk-bos { padding: 24px 0; text-align: center; color: #556b82; font-size: 13px; }
/* Grafik / pivot telefonda: kutular iki sütun, taşma yok */
html.nn-mobil .nn-rg, html.nn-mobil .nn-pv { max-width: 100%; box-sizing: border-box; overflow-x: hidden; }


/* ── Bakım sayfası kartları (anasayfa/bakim.js, PLAN Faz 3 madde 3): onay kartının dili (.nna-onay) — yeni kayıt önizlemesi ve liste. ── */
.nna-bakim .nna-onay-ipucu { overflow-wrap: anywhere; }
.nna-bakim-alanlar { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 4px 0 0; border-top: 1px solid rgba(0, 0, 0, .05); }
.nna-bakim-alanlar > div { display: grid; grid-template-columns: minmax(90px, 38%) minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 5px 0; border-bottom: 1px solid rgba(0, 0, 0, .04); }
.nna-bakim-alanlar > div:last-child { border-bottom: 0; }
.nna-bakim-alanlar dt { font-size: 11.5px; color: #86868b; font-weight: 500; overflow-wrap: anywhere; }
.nna-bakim-alanlar dd { margin: 0; font-size: 13px; font-weight: 600; color: #1d1d1f; overflow-wrap: anywhere; display: flex; align-items: baseline; gap: 6px; }
.nna-bakim-kopya { margin-left: auto; flex: 0 0 auto; border: 0; background: transparent; color: #86868b; cursor: pointer; padding: 0 2px; font-size: 14px; line-height: 1; }
.nna-bakim-kopya:hover { color: #0a63cc; }
.nna-bakim-kopya.is-ok { color: #1f8a3b; }
.nna-bakim-kopya:focus-visible { outline: 2px solid #0a7aff; outline-offset: 2px; border-radius: 4px; }
.nna-bakim-tablo-kap { max-height: 280px; overflow: auto; border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); }
.nna-bakim-tablo { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
.nna-bakim-tablo th { position: sticky; top: 0; background: #f5f5f7; color: #424245; font-weight: 600; text-align: left; padding: 6px 8px; white-space: nowrap; }
.nna-bakim-tablo td { padding: 5px 8px; border-top: 1px solid rgba(0, 0, 0, .05); color: #1d1d1f; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nna.is-buyuk .nna-bakim { max-width: 560px; }


/* ── Portal yönetimi (Faz 5 + 5b; davranış anasayfa/yonetim.js, köprü kopru/Yonetim.cs) ─────────────────────────────
   Ana sayfa kart dili (home.css): beyaz kart, saç teli + çok hafif gölge, 14px köşe, tek marka mavisi; renk yalnız anlam taşır.
   Düzen (5b): solda simgeli bölüm menüsü, sağda kayan içerik, altta ayrı kaydet şeridi (içeriği örtmez); ≤760 px menü üstte yatay. */
.nny, .nny-ipucu-k, .nny-duyuru, .nny-menu, .nny-ub {
    --ink: #1d1d1f; --ink2: #424245; --muted: #6e6e73; --faint: #aeaeb2;
    --line: rgba(0, 0, 0, .08); --line2: rgba(0, 0, 0, .055); --track: rgba(0, 0, 0, .04); --field: rgba(0, 0, 0, .14);
    --paper: #fff; --canvas: #f5f5f7; --brand: var(--nn-brand, #0a7aff); --brand-ink: var(--nn-brand-ink, #0a63cc); --brand-soft: rgba(10, 122, 255, .08);
    --ring: 0 0 0 3px rgba(10, 122, 255, .2);
    --card: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .03);
    --ok: #1f8a3b; --ok-soft: rgba(52, 199, 89, .12); --warn: #8f5300; --warn-soft: rgba(255, 149, 0, .13); --bad: #c62a20; --bad-soft: rgba(255, 59, 48, .09);
    font-family: Inter, "Segoe UI", system-ui, sans-serif; -webkit-font-smoothing: antialiased;
}
html.nny-acik, html.nny-acik body { overflow: hidden; }

/* Girişler: üst çubuk dişlisi (ust-bar ikon dili) + kullanıcı menüsü satırı */
.nny-ub { width: 36px; height: 36px; margin-right: 6px; border: 0; border-radius: 10px; background: transparent; color: var(--ink2); cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; font-size: 19px; align-self: center; }
.nny-ub:hover { background: rgba(0, 0, 0, .05); color: var(--ink); }
.nny-ub:focus-visible, .nny-menu:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.nny-menu { display: grid; grid-template-columns: 22px 1fr; column-gap: 10px; align-items: center; width: 100%; margin-top: 6px; padding: 10px 14px;
    border: 0; border-top: 1px solid var(--line2); background: transparent; text-align: left; cursor: pointer; color: var(--ink); font: inherit; }
.nny-menu i { grid-row: span 2; font-size: 18px; color: var(--brand); }
.nny-menu span { font-size: 13.5px; font-weight: 600; }
.nny-menu small { font-size: 12px; color: var(--muted); }
.nny-menu:hover { background: var(--track); }

/* Ana sayfa duyurusu (yönetici metni; yalnız metin) */
.nny-duyuru { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 11px 16px; border-radius: 12px; background: var(--brand-soft);
    color: var(--ink); font-size: 13.5px; line-height: 1.45; box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .16); }
.nny-duyuru i { color: var(--brand-ink); font-size: 18px; flex: 0 0 auto; }

/* ── Sayfa iskeleti ── */
.nny { position: fixed; inset: 0; z-index: 2100; background: var(--canvas); color: var(--ink); overflow: hidden; font-size: 14px; line-height: 1.4; }
.nny[hidden] { display: none; }
.nny *, .nny *::before, .nny *::after { box-sizing: border-box; }
.nny button, .nny input, .nny select, .nny textarea { font: inherit; color: inherit; }
.nny input, .nny textarea, .nny select { text-indent: 0; letter-spacing: normal; }
.nny-kap { position: relative; display: grid; grid-template-columns: 268px minmax(0, 1fr); height: 100%; }
.nny button:focus-visible, .nny input:focus-visible, .nny select:focus-visible, .nny textarea:focus-visible, .nny .nny-sutun:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

/* Sol menü */
.nny-yan { display: flex; flex-direction: column; gap: 22px; min-height: 0; padding: 20px 14px 18px; background: var(--paper); border-right: 1px solid var(--line); overflow-y: auto; }
.nny-marka { display: flex; align-items: center; gap: 11px; padding: 0 4px 0 8px; }
.nny-marka > div { flex: 1 1 auto; min-width: 0; }
.nny-marka-i { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 19px; color: #fff;
    background: linear-gradient(180deg, #3b93ff, var(--brand)); box-shadow: 0 1px 2px rgba(10, 122, 255, .35), inset 0 0 0 .5px rgba(0, 0, 0, .1); }
.nny-marka h1 { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: -.01em; line-height: 1.25; }
.nny-marka p { margin: 1px 0 0; font-size: 12px; color: var(--muted); }
.nny-kapat { flex: 0 0 auto; width: 32px; height: 32px; border: 0; border-radius: 9px; background: transparent; cursor: pointer; font-size: 18px; color: var(--muted);
    display: inline-flex; align-items: center; justify-content: center; }
.nny-kapat:hover { background: var(--track); color: var(--ink); }
.nny-sekmeler { display: flex; flex-direction: column; gap: 2px; }
.nny-sekmeler button { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 11px; width: 100%; padding: 7px 10px 7px 8px; border: 0; border-radius: 10px;
    background: transparent; text-align: left; cursor: pointer; color: var(--ink2); }
.nny-sekmeler button i { width: 30px; height: 30px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; background: var(--track); color: var(--ink2); }
.nny-sekmeler button span { min-width: 0; }
.nny-sekmeler button b { display: block; font-size: 13.5px; font-weight: 600; color: var(--ink); }
.nny-sekmeler button small { display: block; margin-top: 1px; font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nny-sekmeler button:hover { background: rgba(0, 0, 0, .035); }
.nny-sekmeler button[aria-selected="true"] { background: var(--brand-soft); }
.nny-sekmeler button[aria-selected="true"] i { background: var(--brand); color: #fff; }
.nny-sekmeler button[aria-selected="true"] b { color: var(--brand-ink); }
.nny-yan-dip { display: flex; gap: 8px; margin: auto 8px 0; font-size: 12px; line-height: 1.45; color: var(--muted); }
.nny-yan-dip i { font-size: 15px; margin-top: 1px; }

/* Sağ: kayan içerik + alt kaydet şeridi. Yatay dolgu: en az 40px, içerik en çok 1080px ortada */
.nny-sag { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.nny-govde { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 30px max(40px, calc((100% - 1080px) / 2)) 48px; }
.nny-govde:focus { outline: none; }
.nny-alt { flex: 0 0 auto; padding: 12px max(40px, calc((100% - 1080px) / 2)); background: var(--paper); border-top: 1px solid var(--line); box-shadow: 0 -6px 18px rgba(17, 24, 39, .04); }
.nny-alt:empty { display: none; }

.nny-yukleniyor { display: flex; justify-content: center; gap: 6px; padding: 80px 0; }
.nny-yukleniyor span { width: 8px; height: 8px; border-radius: 50%; background: var(--brand); animation: nnyNokta 1s infinite ease-in-out; }
.nny-yukleniyor span:nth-child(2) { animation-delay: .15s; } .nny-yukleniyor span:nth-child(3) { animation-delay: .3s; }
@keyframes nnyNokta { 0%, 80%, 100% { opacity: .25; transform: none; } 40% { opacity: 1; transform: translateY(-3px); } }
@media (prefers-reduced-motion: reduce) { .nny-yukleniyor span { animation: none; opacity: .6; } }

/* Bölüm başlığı */
.nny-bolum-h { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; margin-bottom: 22px; }
.nny-bolum-s { flex: 1 1 380px; min-width: 0; }
.nny-bolum-t { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; }
.nny-bolum-h h2 { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: -.025em; line-height: 1.2; }
.nny-bolum-h p { margin: 6px 0 0; max-width: 700px; font-size: 14px; line-height: 1.5; color: var(--muted); }
.nny-durum { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: rgba(0, 0, 0, .05); color: var(--ink2); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.nny-durum.is-mavi { background: var(--brand-soft); color: var(--brand-ink); }
.nny-durum:empty { display: none; }

/* Araç satırı + bölümlü seçim */
.nny-arac { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.nny-seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: rgba(0, 0, 0, .055); max-width: 100%; }
.nny-seg button { height: 30px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; font-size: 13px; font-weight: 600; color: var(--ink2); white-space: nowrap; }
.nny-seg button:hover { color: var(--ink); }
.nny-seg button[aria-checked="true"] { background: var(--paper); color: var(--ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 0 0 .5px rgba(0, 0, 0, .06); }
.nny-seg.is-kucuk button { height: 28px; padding: 0 12px; font-size: 12.5px; }
.nny-seg.is-kim button[data-k="secili"][aria-checked="true"] { color: var(--brand-ink); }
.nny-seg.is-kim button[data-k="kimse"][aria-checked="true"] { color: var(--bad); }

/* Ölçü kartları: tek dil (simge + ad, büyük sayı, alt satır) */
.nny-kpi { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.nny-tile { min-width: 0; padding: 14px 16px 15px; background: var(--paper); border-radius: 14px; box-shadow: var(--card); }
.nny-tile .l { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; color: var(--muted); white-space: nowrap; }
.nny-tile .l i { font-size: 15px; }
.nny-tile .l span { overflow: hidden; text-overflow: ellipsis; }
.nny-tile .v { display: block; margin-top: 8px; font-size: 25px; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nny-tile .a { display: block; margin-top: 3px; font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nny-tile.is-kotu { box-shadow: inset 0 0 0 1px rgba(198, 42, 32, .25); }
.nny-tile.is-kotu .v, .nny-tile.is-kotu .l i { color: var(--bad); }

/* Kartlar */
.nny-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.nny-yigin { display: flex; flex-direction: column; gap: 20px; }
.nny-kart { min-width: 0; padding: 0 20px 18px; background: var(--paper); border-radius: 14px; box-shadow: var(--card); }
.nny-kart.is-genis { grid-column: 1 / -1; }
.nny-kart-h { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; padding: 16px 0 12px; }
.nny-kart-h h3 { margin: 0; font-size: 15px; font-weight: 650; letter-spacing: -.01em; }
.nny-ipucu { font-size: 12.5px; color: var(--muted); }
.nny-kart-ozet { margin-left: auto; font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.nny-dip { margin: 10px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--muted); }
.nny-bant { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding: 10px 14px; border-radius: 12px; font-size: 13px; line-height: 1.45; }
.nny-bant i { font-size: 17px; flex: 0 0 auto; }
.nny-bant.is-uyari { background: var(--warn-soft); color: var(--warn); }

/* Dikey çubuk: tek seri, ince çubuk, uçta 4px yuvarlak, taban çizgisi; ölçek yalnız tavan değeri */
.nny-cubuk { position: relative; padding-bottom: 22px; }
.nny-cubuk-alan { position: relative; display: flex; align-items: stretch; gap: 3px; height: 160px; padding-top: 18px; border-bottom: 1px solid var(--line); }
.nny-cubuk-tavan { position: absolute; top: 0; left: 0; font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; }
.nny-cubuk-alan::before { content: ""; position: absolute; left: 0; right: 0; top: 18px; border-top: 1px dashed var(--line); }
.nny-cubuk-alan::after { content: ""; position: absolute; left: 0; right: 0; top: calc(18px + (100% - 18px) / 2); border-top: 1px dashed var(--line2); }
.nny-sutun { position: relative; z-index: 1; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: flex-end; cursor: default; border-radius: 4px; outline-offset: 1px; }
.nny-sutun i { display: block; width: 100%; max-width: 26px; margin: 0 auto; background: var(--brand); border-radius: 4px 4px 0 0; transition: background-color .12s; }
.nny-sutun i.is-sifir { height: 0 !important; }
.nny-sutun:hover i, .nny-sutun:focus i { background: var(--brand-ink); }
.nny-sutun .e { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 6px; font-size: 11px; color: var(--muted); white-space: nowrap; }
.nny-cubuk.is-bos { padding: 28px 0; text-align: center; }
.nny-cubuk-bos { font-size: 13px; color: var(--muted); }
.nny-ipucu-k { position: fixed; z-index: 2200; display: none; padding: 7px 10px; border-radius: 9px; background: #1d1d1f; color: #fff; font-size: 12px; line-height: 1.35; pointer-events: none; max-width: 260px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18); }

/* Yatay çubuk (araçlar) */
.nny-yatay { display: flex; flex-direction: column; gap: 9px; }
.nny-yatay-s { display: grid; grid-template-columns: minmax(110px, 38%) 1fr auto; align-items: center; gap: 10px; font-size: 13px; }
.nny-yatay-s .e { color: var(--ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nny-yatay-s .c { height: 10px; border-radius: 0 4px 4px 0; background: var(--track); overflow: hidden; }
.nny-yatay-s .c i { display: block; height: 100%; background: var(--brand); border-radius: 0 4px 4px 0; }
.nny-yatay-s .v { font-variant-numeric: tabular-nums; font-weight: 600; min-width: 34px; text-align: right; }

/* Terim listesi */
.nny-terimler { list-style: none; margin: 0; padding: 0; counter-reset: t; max-height: 340px; overflow-y: auto; }
.nny-terimler li { display: flex; align-items: center; gap: 10px; padding: 8px 2px; border-top: 1px solid var(--line2); font-size: 13.5px; counter-increment: t; }
.nny-terimler li:first-child { border-top: 0; }
.nny-terimler li::before { content: counter(t); width: 22px; font-size: 11.5px; color: var(--faint); font-variant-numeric: tabular-nums; }
.nny-terimler li span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nny-terimler li b { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--ink2); }

/* Tablolar */
.nny-tablo { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.nny-tablo th { text-align: left; font-weight: 600; font-size: 12px; color: var(--muted); padding: 8px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.nny-tablo td { padding: 9px 10px; border-bottom: 1px solid var(--line2); vertical-align: top; }
.nny-tablo tr:last-child td { border-bottom: 0; }
.nny-tablo.is-sik td, .nny-tablo.is-sik th { padding: 7px 10px; }
.nny-tablo-ac { margin-top: 20px; background: var(--paper); border-radius: 14px; box-shadow: var(--card); padding: 0 20px; overflow-x: auto; }
.nny-tablo-ac summary { cursor: pointer; padding: 14px 0; font-size: 13.5px; font-weight: 600; color: var(--ink2); }
.nny-tablo-ac[open] summary { border-bottom: 1px solid var(--line2); }
.nny-pb-ozet { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 12px; font-size: 13px; color: var(--ink2); }
.nny-cipler { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; font-size: 12.5px; }
.nny-cipler b { font-weight: 600; color: var(--muted); margin-right: 4px; }
.nny-cip { padding: 3px 9px; border-radius: 999px; background: var(--track); color: var(--ink2); }
.nny-rozet.is-kotu { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; background: var(--bad-soft); color: var(--bad); font-size: 12px; font-weight: 600; }

/* Boş / hata */
.nny-bos { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 28px 12px; text-align: center; }
.nny-bos i { font-size: 26px; color: var(--faint); margin-bottom: 4px; }
.nny-bos b { font-size: 14px; font-weight: 600; }
.nny-bos span { font-size: 13px; color: var(--muted); max-width: 420px; }
.nny-bos .nny-d { margin-top: 10px; }
.nny-bos.is-hata { background: var(--paper); border-radius: 14px; box-shadow: var(--card); padding: 48px 16px; }
.nny-bos.is-hata i { color: var(--bad); }
.nny-bos.is-satir { flex-direction: row; justify-content: flex-start; gap: 10px; padding: 12px 16px; margin-bottom: 14px; background: var(--paper); border-radius: 12px; box-shadow: var(--card); text-align: left; }
.nny-bos.is-satir i { margin: 0; font-size: 20px; }

/* Düğmeler */
.nny-d { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 34px; padding: 0 14px; border: 0; border-radius: 10px; cursor: pointer; font-size: 13.5px; font-weight: 600;
    background: var(--paper); color: var(--ink); box-shadow: inset 0 0 0 1px var(--field), 0 1px 1px rgba(0, 0, 0, .03); white-space: nowrap; }
.nny-d i { font-size: 15px; }
.nny-d:hover { background: #fafafa; }
.nny-d.is-ana { background: var(--brand); color: #fff; box-shadow: 0 1px 2px rgba(10, 122, 255, .3); }
.nny-d.is-ana:hover { background: var(--brand-ink); }
.nny-d:disabled, .nny-d.is-ana:disabled { opacity: .45; cursor: default; }
.nny-d.is-ana:disabled:hover { background: var(--brand); }
.nny .nny-link { display: inline-flex; align-items: center; gap: 4px; border: 0; padding: 0; background: none; color: var(--brand-ink); cursor: pointer; font-size: 12.5px; font-weight: 600; }
.nny .nny-link i { font-size: 14px; }
.nny .nny-link:hover span, .nny .nny-link:hover { text-decoration: underline; }
.nny .nny-link:disabled { color: var(--faint); cursor: default; text-decoration: none; }

/* Form denetimleri (ortak): beyaz zemin, saç teli çerçeve, odakta marka halkası */
.nny-satir input[type="text"], .nny-satir input[type="time"], .nny-satir input[type="password"], .nny-satir input:not([type]), .nny-satir textarea,
.nny-suzgec select, .nny-suzgec input, .nny-hedef-ekle select, .nny-hedef-ekle input {
    height: 38px; padding: 0 12px; border: 0; border-radius: 9px; background: var(--paper); box-shadow: inset 0 0 0 1px var(--field); font-size: 14px; outline: none;
    transition: box-shadow .12s; }
.nny-satir input:focus, .nny-satir textarea:focus, .nny-suzgec select:focus, .nny-suzgec input:focus, .nny-hedef-ekle select:focus, .nny-hedef-ekle input:focus {
    box-shadow: inset 0 0 0 1px var(--brand), var(--ring); outline: none; }
.nny-satir input:disabled { background: var(--canvas); color: var(--muted); }

/* ── Yetkiler ── */
.nny-lejant { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.nny-lejant-o { display: flex; gap: 11px; padding: 13px 15px; background: var(--paper); border-radius: 12px; box-shadow: var(--card); }
.nny-lejant-o i { flex: 0 0 auto; font-size: 18px; color: var(--muted); margin-top: 1px; }
.nny-lejant-o b { display: block; font-size: 13px; font-weight: 600; }
.nny-lejant-o span { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.45; color: var(--muted); }
.nny-kart.is-liste { padding: 0; overflow: hidden; }
.nny-kart.is-liste > .nny-kart-h { padding: 16px 20px 14px; border-bottom: 1px solid var(--line2); }
.nny-kural { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 20px; padding: 11px 20px; border-top: 1px solid var(--line2); }
.nny-kart-h + .nny-kural { border-top: 0; }
.nny-kural:hover { background: rgba(0, 0, 0, .012); }
.nny-kural-ad { display: grid; grid-template-columns: minmax(0, 1fr) 160px; align-items: center; gap: 2px 20px; min-width: 0; }
.nny-kural-ad b { font-size: 14px; font-weight: 600; min-width: 0; }
.nny-kural .nny-rozet { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); cursor: help; white-space: nowrap; }
.nny-kural .nny-rozet i { font-size: 14px; }
.nny-kural-not { grid-column: 1 / -1; font-size: 12.5px; color: var(--muted); }
.nny-kural[data-kim="kimse"] .nny-kural-ad b { color: var(--muted); text-decoration: line-through; text-decoration-color: rgba(0, 0, 0, .25); }
.nny-kural.is-asistan { background: rgba(10, 122, 255, .025); padding-top: 14px; padding-bottom: 14px; }
.nny-kural.is-asistan .nny-kural-ad b { font-weight: 700; }
.nny-kart.is-asistan-kapali .nny-kural:not(.is-asistan) { opacity: .45; }
.nny-kural.is-degisti::before, .nny-kural.is-hata::before, .nny-alan.is-degisti::before, .nny-alan.is-hata::before, .nny-anahtar.is-hata::before {
    content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: var(--brand); }
.nny-kural.is-hata::before, .nny-alan.is-hata::before, .nny-anahtar.is-hata::before { background: var(--bad); }
.nny-hedefler { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 10px 12px; border-radius: 10px; background: var(--canvas); }
.nny-hedefler:empty { display: none; }
.nny-hedefler-b { font-size: 12px; font-weight: 600; color: var(--muted); margin-right: 4px; }
.nny-hedef { display: inline-flex; align-items: center; gap: 2px; height: 28px; padding: 0 2px 0 10px; border-radius: 999px; background: var(--paper); color: var(--brand-ink); box-shadow: inset 0 0 0 1px rgba(10, 122, 255, .25);
    font-size: 12.5px; font-weight: 600; max-width: 100%; }
.nny-hedef > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nny-hedef button { width: 22px; height: 22px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }
.nny-hedef button:hover { background: var(--brand-soft); }
.nny-hedef-ekle { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.nny-hedef-ekle select, .nny-hedef-ekle input { height: 30px; padding: 0 10px; font-size: 13px; }
.nny-hedef-ekle input { width: 200px; max-width: 100%; }
.nny-hedef-ekle input.is-hata { box-shadow: inset 0 0 0 1px var(--bad), 0 0 0 3px var(--bad-soft); }
.nny-hedef-ekle .nny-d { height: 30px; padding: 0 12px; }

/* ── Ayarlar: grup kartı + iki sütunlu satır (solda ad + açıklama, sağda denetim) ── */
.nny-kart.is-grup { padding: 0; overflow: hidden; }
.nny-grup-h { display: flex; align-items: flex-start; gap: 14px; padding: 18px 24px 16px; border-bottom: 1px solid var(--line2); }
.nny-grup-i { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; background: var(--brand-soft); color: var(--brand-ink); }
.nny-grup-h h3 { margin: 0; font-size: 15.5px; font-weight: 650; letter-spacing: -.01em; }
.nny-grup-h p { margin: 2px 0 0; font-size: 13px; line-height: 1.45; color: var(--muted); }
.nny-satir { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 10px 40px; padding: 18px 24px; border-top: 1px solid var(--line2); }
.nny-grup-h + .nny-satir { border-top: 0; }
.nny-satir-sol { min-width: 0; }
.nny-satir-sag { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.nny-alan-u { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
.nny-alan-u label, .nny-etiket { font-size: 14px; font-weight: 600; color: var(--ink); }
.nny-alan-acik { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--muted); }
.nny-uyg { display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; padding: 3px 9px 3px 7px; border-radius: 7px; background: rgba(0, 0, 0, .045); color: var(--ink2);
    font-size: 12.5px; line-height: 1.4; cursor: help; }
.nny-uyg i { font-size: 14px; color: var(--muted); flex: 0 0 auto; }
.nny-onay { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 600; color: var(--ok); }
.nny-onay:empty { display: none; }
.nny-alan.is-kaydedildi .nny-onay { animation: nnyOnay 6s ease forwards; }
@keyframes nnyOnay { 0%, 75% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .nny-alan.is-kaydedildi .nny-onay { animation: none; } }
.nny-satir-sag > input, .nny-satir-sag > textarea { width: 100%; }
.nny-alan.is-saat input { width: 150px; }
.nny-girdi-ek { display: flex; align-items: center; gap: 10px; }
.nny-girdi-ek input { width: 130px; }
.nny-girdi-ek span { font-size: 13px; color: var(--muted); white-space: nowrap; }
.nny-satir textarea { height: auto; min-height: 84px; padding: 9px 12px; resize: vertical; font-family: ui-monospace, Consolas, monospace; font-size: 13px; line-height: 1.55; }
.nny-alan-a { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: 12.5px; color: var(--muted); }
.nny-alan-a:empty { display: none; }
.nny-taban { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nny-sifir-not { color: var(--ink2); font-weight: 600; }
.nny-alan-hata { font-size: 12.5px; font-weight: 600; color: var(--bad); }
.nny-alan-hata:empty { display: none; }
.nny-alan.is-hata input, .nny-alan.is-hata textarea { box-shadow: inset 0 0 0 1px var(--bad), 0 0 0 3px var(--bad-soft); }
.nny-alan.is-sifir input, .nny-alan.is-sifir textarea, .nny-alan.is-sifir .nny-gunler, .nny-alan.is-sifir .nny-seg { opacity: .45; }
.nny-gunler { display: flex; flex-wrap: wrap; gap: 6px; }
.nny-gun { position: relative; cursor: pointer; }
.nny-gun input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.nny-gun span { display: inline-flex; align-items: center; justify-content: center; min-width: 46px; height: 34px; padding: 0 10px; border-radius: 9px; background: var(--paper);
    box-shadow: inset 0 0 0 1px var(--field); font-size: 13px; font-weight: 600; color: var(--ink2); }
.nny-gun input:checked + span { background: var(--brand); color: #fff; box-shadow: none; }
.nny-gun input:focus-visible + span { outline: 2px solid var(--brand); outline-offset: 2px; }

/* Dil modeli anahtarı */
.nny-anahtar-durum { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; width: 100%; padding: 9px 12px; border-radius: 10px; font-size: 13px; color: var(--ink2); }
.nny-anahtar-durum i { font-size: 16px; }
.nny-anahtar-durum b { font-weight: 650; }
.nny-anahtar-durum.is-ok { background: var(--ok-soft); }
.nny-anahtar-durum.is-ok i, .nny-anahtar-durum.is-ok b { color: var(--ok); }
.nny-anahtar-durum.is-uyari { background: var(--warn-soft); color: var(--warn); }
.nny-anahtar-g { display: flex; gap: 8px; width: 100%; }
.nny-anahtar-g input { flex: 1 1 auto; min-width: 0; font-family: ui-monospace, Consolas, monospace; font-size: 13.5px; }
.nny-anahtar-g .nny-d { height: 38px; }
.nny-anahtar-durum .nny-ek:empty { display: none; }
.nny-anahtar-durum .nny-ek::before { content: "·"; margin-right: 6px; }
.nny-anahtar-g input::placeholder { font-family: Inter, "Segoe UI", system-ui, sans-serif; color: var(--faint); }
.nny-anahtar.is-hata input { box-shadow: inset 0 0 0 1px var(--bad), 0 0 0 3px var(--bad-soft); }
.nny-anahtar-alt { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--muted); }
.nny-anahtar-sonuc { display: inline-flex; align-items: center; gap: 5px; }
.nny-anahtar-sonuc i { font-size: 14px; }
.nny-anahtar-sonuc.is-ok { color: var(--ok); font-weight: 600; }
.nny-anahtar-sonuc.is-hata { color: var(--bad); font-weight: 600; }
.nny-anahtar.is-mesgul .nny-anahtar-g .nny-d { cursor: progress; }

/* ── Denetim kaydı: süzgeç + gün gün zaman çizelgesi ── */
.nny-suzgec { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 16px; }
.nny-suzgec select { height: 36px; padding: 0 30px 0 12px; font-size: 13.5px; cursor: pointer; }
.nny-ara { position: relative; flex: 1 1 240px; display: flex; align-items: center; min-width: 0; }
.nny-ara i { position: absolute; left: 11px; font-size: 16px; color: var(--muted); pointer-events: none; }
.nny-suzgec .nny-ara input { width: 100%; height: 36px; padding-left: 34px; font-size: 13.5px; }
.nny-kart.is-zaman { padding: 4px 24px 14px; }
.nny-gun-b { margin: 16px 0 4px; font-size: 12.5px; font-weight: 650; color: var(--muted); }
.nny-zaman { list-style: none; margin: 0; padding: 0; }
.nny-olay { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; padding: 10px 0 12px; }
.nny-olay::before { content: ""; position: absolute; left: 15.5px; top: 44px; bottom: -10px; width: 1px; background: var(--line); }
.nny-olay:last-child::before { display: none; }
.nny-olay-i { position: relative; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 16px;
    background: var(--canvas); color: var(--ink2); box-shadow: inset 0 0 0 1px var(--line); }
.nny-olay-g { min-width: 0; padding-top: 1px; }
.nny-olay-u { display: flex; align-items: baseline; gap: 12px; }
.nny-olay-oge { flex: 1 1 auto; min-width: 0; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.nny-olay-z { flex: 0 0 auto; font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
.nny-olay-m { margin-top: 1px; font-size: 12.5px; color: var(--muted); }
.nny-olay-kim { color: var(--ink2); font-weight: 500; }
.nny-olay-fark { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 8px; font-size: 13px; }
.nny-olay-fark i { color: var(--faint); font-size: 14px; }
.nny-olay-eski, .nny-olay-yeni { max-width: 100%; padding: 3px 9px; border-radius: 7px; line-height: 1.45; overflow-wrap: anywhere; }
.nny-olay-eski { background: rgba(0, 0, 0, .04); color: var(--muted); text-decoration: line-through; text-decoration-color: rgba(0, 0, 0, .25); }
.nny-olay-yeni { background: var(--brand-soft); color: var(--ink); }
.nny-olay-eski.is-bos, .nny-olay-yeni.is-bos { font-style: italic; text-decoration: none; background: transparent; box-shadow: inset 0 0 0 1px var(--line); color: var(--muted); }

/* Kaydet şeridi (.nny-alt içinde) */
.nny-kaydet { display: flex; align-items: center; gap: 10px; min-height: 36px; }
.nny-kaydet-d { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--muted); }
.nny-kaydet-d[data-tur="kirli"] { color: var(--ink); font-weight: 600; }
.nny-kaydet-d[data-tur="kirli"]::before { content: ""; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); }
.nny-kaydet-d[data-tur="ok"] { color: var(--ok); font-weight: 600; }
.nny-kaydet-d[data-tur="ok"]::before { content: "\2713"; font-weight: 700; }
.nny-kaydet-d[data-tur="hata"] { color: var(--bad); font-weight: 600; }
.nny-kaydet:not(.is-kirli) .nny-vazgec { display: none; }

/* ── Duyarlı ── */
@media (max-width: 1180px) { .nny-kpi { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1000px) {
    .nny-kap { grid-template-columns: 228px minmax(0, 1fr); }
    .nny-izgara { grid-template-columns: minmax(0, 1fr); }
    .nny-lejant { grid-template-columns: minmax(0, 1fr); }
    .nny-satir { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .nny-kural-ad { grid-template-columns: minmax(0, 1fr); }
    .nny-lejant { gap: 0; background: var(--paper); border-radius: 12px; box-shadow: var(--card); overflow: hidden; }
    .nny-lejant-o { padding: 11px 14px; border-radius: 0; box-shadow: none; border-top: 1px solid var(--line2); }
    .nny-lejant-o:first-child { border-top: 0; }
}
@media (max-width: 760px) {
    .nny-kap { display: flex; flex-direction: column; }
    .nny-yan { flex: 0 0 auto; gap: 10px; padding: 10px 16px 0; border-right: 0; border-bottom: 1px solid var(--line); overflow: visible; }
    .nny-marka { padding: 0; }
    .nny-marka-i { width: 30px; height: 30px; font-size: 16px; border-radius: 8px; }
    .nny-marka p, .nny-yan-dip { display: none; }
    .nny-sekmeler { flex-direction: row; gap: 2px; margin: 0 -16px; padding: 0 12px; overflow-x: auto; scrollbar-width: none; }
    .nny-sekmeler::-webkit-scrollbar { display: none; }
    .nny-sekmeler button { display: block; flex: 0 0 auto; width: auto; padding: 8px 9px 10px; border-radius: 0; background: transparent !important; box-shadow: inset 0 -2px 0 transparent; }
    .nny-sekmeler button i, .nny-sekmeler button small { display: none; }
    .nny-sekmeler button b { font-size: 13.5px; color: var(--ink2); }
    .nny-sekmeler button[aria-selected="true"] { box-shadow: inset 0 -2px 0 var(--brand); }
    .nny-sekmeler button[aria-selected="true"] b { color: var(--brand-ink); }
    .nny-sag { flex: 1 1 auto; }
    .nny-govde { padding: 18px 16px 28px; }
    .nny-alt { padding: 10px 16px; }
    .nny-bolum-h { margin-bottom: 16px; }
    .nny-bolum-h h2 { font-size: 22px; }
    .nny-bolum-h p { font-size: 13.5px; }
    .nny-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .nny-tile { padding: 12px 14px; }
    .nny-tile .v { font-size: 21px; }
    .nny-kart { padding: 0 14px 14px; }
    .nny-kart.is-liste > .nny-kart-h, .nny-grup-h { padding: 14px 16px 12px; }
    .nny-kural { grid-template-columns: minmax(0, 1fr); padding: 12px 16px; }
    .nny-kural .nny-seg { display: flex; }
    .nny-kural .nny-seg button { flex: 1 1 0; }
    .nny-anahtar-durum .nny-ek { flex-basis: 100%; padding-left: 22px; }
    .nny-anahtar-durum .nny-ek::before { content: none; }
    .nny-ara { flex-basis: 150px; }
    .nny-satir { padding: 14px 16px; }
    .nny-kart.is-zaman { padding: 2px 16px 12px; }
    .nny-tablo-ac, .nny-kart:has(.nny-tablo) { overflow-x: auto; }
    .nny-hedef-ekle input { width: 150px; }
    .nny-anahtar-g { flex-wrap: wrap; }
    .nny-anahtar-g .nny-d { width: 100%; }
    .nny-suzgec .nny-seg { width: 100%; }
    .nny-suzgec .nny-seg button { flex: 1 1 0; padding: 0 6px; }
    .nny-kaydet .nny-d { padding: 0 12px; }
}


/* ==========================================================================
   NN arka plan — Secenek 1: Mimari izgara + ust isik
   Fikir: mimari cizim kagidi. 24px ince izgara, 96px ana hat, 192px aralikla
   marka mavisi kucuk arti (cizim referans isareti); tepeden inen yumusak beyaz
   isik izgarayi ust bolgede eritir. Renk yok denecek kadar az: yalniz artilar mavi.
   Kapsam: html body, .page-content, .nn-home-host. Kartlar beyaz kalir.
   ========================================================================== */
/* Kabuk katmanlari: zemin yalniz .page-content'te durur; ust katmanlar saydam.
   46-neutral'daki "html body main { background:#f5f5f7 !important }" kuralini ozgulukle asar. */
html body { background-color: #f4f5f7 !important; }
html body .wrapper { background-color: #f4f5f7 !important; }
html body .wrapper > .page-content > main,
html body .wrapper > .page-content > main.nn-home-host { background-color: transparent !important; }
html body .wrapper > .page-content {
    background-color: #f4f5f7 !important;
    background-image:
        /* tepeden yumusak isik: izgarayi baslik bolgesinde eritir */
        radial-gradient(120% 62% at 50% -12%, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .55) 38%, rgba(255, 255, 255, 0) 72%),
        /* zemine dogru cok hafif koyulasma: derinlik */
        linear-gradient(180deg, rgba(27, 51, 88, 0) 55%, rgba(27, 51, 88, .028) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192' fill='none'%3E %3Cpath d='M0.5 0V192M0 0.5H192M24.5 0V192M0 24.5H192M72.5 0V192M0 72.5H192M96.5 0V192M0 96.5H192M120.5 0V192M0 120.5H192M168.5 0V192M0 168.5H192' stroke='%231b3358' stroke-opacity='.03'/%3E %3Cpath d='M48.5 0V192M144.5 0V192M0 48.5H192M0 144.5H192' stroke='%231b3358' stroke-opacity='.05'/%3E %3Cpath d='M48.5 43V54M43 48.5H54' stroke='%230a63cc' stroke-opacity='.24'/%3E %3Ccircle cx='144.5' cy='144.5' r='1.6' fill='%231b3358' fill-opacity='.14'/%3E %3C/svg%3E") !important;
    background-size: 100% 100%, 100% 100%, 192px 192px !important;
    background-position: 0 0, 0 0, -16px 22px !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
    background-attachment: fixed !important;
}
/* Dar ekran: izgara ayni (1px hatlar olceklenmez), isik kisa ve yatayda genis */
@media (max-width: 720px) {
    html body .wrapper > .page-content {
        background-image:
            radial-gradient(160% 38% at 50% -6%, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .5) 40%, rgba(255, 255, 255, 0) 75%),
            linear-gradient(180deg, rgba(27, 51, 88, 0) 55%, rgba(27, 51, 88, .028) 100%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192' fill='none'%3E %3Cpath d='M0.5 0V192M0 0.5H192M24.5 0V192M0 24.5H192M72.5 0V192M0 72.5H192M96.5 0V192M0 96.5H192M120.5 0V192M0 120.5H192M168.5 0V192M0 168.5H192' stroke='%231b3358' stroke-opacity='.03'/%3E %3Cpath d='M48.5 0V192M144.5 0V192M0 48.5H192M0 144.5H192' stroke='%231b3358' stroke-opacity='.05'/%3E %3Cpath d='M48.5 43V54M43 48.5H54' stroke='%230a63cc' stroke-opacity='.24'/%3E %3Ccircle cx='144.5' cy='144.5' r='1.6' fill='%231b3358' fill-opacity='.14'/%3E %3C/svg%3E") !important;
    }
}

/* ── Mobil kip: NNEbaMobil WebView (User-Agent «NNEbaMobil/», nn-app.js html.nn-mobil) ──────────────────────────────────
   eBA'nın belge görüntüleyici başlığı (.viewer-header: ad + Gönder / İptal / Kaydet… düğmeleri) masaüstü için tek satır ve
   overflow-x: auto; telefon genişliğinde sığmaz, altında kalın yatay kaydırma çubuğu çıkar (Nihat, 2026-10-18 canlı deneme).
   Mobilde satır SARILIR: başlık tam genişlikte kendi satırında, düğmeler altında yan yana (sığmazsa alt satıra), kaydırma yok.
   Ev sahibi kipinde (uygulama olay çubuğu) eBA düğmeleri zaten gizler; bu kurallar yalnız görüneni düzenler. */
html.nn-mobil .viewer-header,
html.nn-mobil .document-viewer-container .document-viewer-content .viewer-container .viewer-header {
    display: flex !important; flex-wrap: wrap !important; align-items: center;
    overflow: visible !important; position: static !important; top: auto !important;
    min-height: 0 !important; gap: 8px !important; padding: 10px 12px !important; border-radius: 0 !important;
}
html.nn-mobil .viewer-header .addressBarContainer { flex: 1 1 100% !important; min-width: 0 !important; width: 100%; }
html.nn-mobil .viewer-header .addressBarContainer > .truncate {
    white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
    font-size: 15px; line-height: 20px; font-weight: 600; color: #1d1d1f; overflow-wrap: anywhere;
}
html.nn-mobil .viewer-header > .ribbon-bar { flex: 1 1 100% !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center; min-width: 0; }
html.nn-mobil .viewer-header .ribbon-bar .ribbon-button-container { display: inline-flex; max-width: 100%; }
html.nn-mobil .viewer-header .ribbon-bar .ribbon-button-container > .dx-button { max-width: 100%; }
html.nn-mobil .viewer-header .document-viewer-ribbon-button,
html.nn-mobil .viewer-header .dx-button.dx-button-success,
html.nn-mobil .viewer-header .dx-button.dx-button-danger { margin: 0 !important; height: 40px !important; }
html.nn-mobil .viewer-header .vertical-header-line { display: none !important; }

/* eBA'nın sayfa başlığı satırı (h4): uygulama kendi başlığını taşır; burada yalnız portalın Modern | Klasik anahtarı kalsın diye ince */
html.nn-mobil .flow-document-viewer-container .document-viewer-header,
html.nn-mobil .dm-document-viewer-container .document-viewer-header { height: auto !important; min-height: 0; padding: 8px 12px !important; position: static !important; }
html.nn-mobil .document-viewer-header > h4 { font-size: 14px !important; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }

/* Telefonda kenar boşluğu ve kart gölgesi yok: form kenardan kenara */
html.nn-mobil .wrapper #ContentMain { padding: 0 !important; }
html.nn-mobil .document-viewer-container .document-viewer-content { padding: 0 !important; gap: 0 !important; }
html.nn-mobil .document-viewer-container .document-viewer-content .viewer-container { border-radius: 0 !important; box-shadow: none !important; }

/* Telefonda eBA'nın masaüstü kabuğu yok (Nihat, 2026-10-19: çift düğme, «İş Akışı Yönetimi» başlığı): başlık + yerleşim düğmeleri
   (Modern/Klasik, dizin, okuma) ve akış şeridi uygulamada zaten var (başlık çubuğu, «Özet ve akış» sekmesi). */
html.nn-mobil .flow-manager-header,
html.nn-mobil #flow-manager-container > .nn-akis { display: none !important; }
html.nn-mobil .document-viewer-custom-scrollbar { display: none !important; }
html.nn-mobil, html.nn-mobil body { background: #f5f6f7 !important; }
/* Ev sahibi kipi (html.nn-ev-sahibi — uygulama olay çubuğunu kendisi çizer: Onayla / Reddet / Düzeltmeye gönder…): eBA'nın belge
   başlığı ve düğme şeridi TEKRAR → gizli. Ev sahibi olmayan formda (süreç başlatma) eBA'nın «Gönder»i görünür kalır (yukarıdaki sarma). */
html.nn-mobil.nn-ev-sahibi .viewer-header,
html.nn-mobil.nn-ev-sahibi .document-viewer-container .document-viewer-content .viewer-container .viewer-header { display: none !important; }   /* yukarıdaki sarma kuralından güçlü */
/* eBA bildirim kutusu (toaster): telefonda ekranın üçte birini kaplıyordu — sıkı, 12.5 px */
html.nn-mobil .toasterContainer { left: 12px !important; right: 12px !important; width: auto !important; }
html.nn-mobil .toasterContainer .toast { max-width: none !important; padding: 10px 12px !important; border-radius: 12px !important; }
html.nn-mobil .toasterContainer .toast .content { font-size: 12.5px !important; line-height: 17px !important; gap: 10px !important; padding-right: 28px !important; }
html.nn-mobil .toasterContainer .toast .content > i { font-size: 16px !important; }