/* Shared presentation for application content. Sidebar and login stay separate. */
.bb-page main article.em-workspace-ui { font-family:"Segoe UI",Roboto,Arial,sans-serif; color:#425168; }
.bb-page main article.em-workspace-ui :is(.em-page-header,.em-standard-page-header,.izin-page-header,.izin-admin-header,.onay-page-header,.messages-page-header,.messages-header,.users-page-header) {
    display:flex!important; align-items:center!important; justify-content:space-between!important;
    min-height:82px!important; gap:16px!important; padding:10px 16px 16px!important;
    margin:0 0 14px!important; border:0!important; background:transparent!important; box-shadow:none!important;
}
.bb-page main article.em-workspace-ui .em-page-header-left { display:flex!important; align-items:center!important; gap:14px!important; min-width:0; }
.bb-page main article.em-workspace-ui .em-page-header-icon { width:54px!important; min-width:54px!important; height:54px!important; display:grid!important; place-items:center!important; border-radius:11px!important; background:linear-gradient(145deg,#5f8fe7,#416fc4)!important; color:#fff!important; font-size:22px!important; }
.bb-page main article.em-workspace-ui .em-page-title { margin:0!important; font-size:23px!important; font-weight:650!important; line-height:1.2!important; color:#465466!important; }
.bb-page main article.em-workspace-ui .em-page-subtitle { margin:4px 0 0!important; font-size:11.5px!important; line-height:1.5!important; color:#7d8997!important; }
.bb-page main article.em-workspace-ui .em-page-breadcrumb { display:flex; align-items:center; gap:7px; color:#8794a3; font-size:10.5px; }
.bb-page main article.em-workspace-ui .em-page-breadcrumb .active { color:#4b74c9; font-weight:650; }

/* Native Blazor tabs and custom page tabs share one visual treatment. */
.bb-page main article.em-workspace-ui :is(.nav-tabs,.ory-tabs,.vp-tabbar,.dk-tabs,.ev-tabs,.ami-tabs,.harcama-nav-card,.gt-nav-card) {
    display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:5px!important;
    padding:7px!important; margin-bottom:12px!important; background:#fff!important;
    border:1px solid #dfe6ef!important; border-radius:12px!important; box-shadow:0 3px 12px rgba(34,53,76,.035)!important;
}
.bb-page main article.em-workspace-ui .nav-tabs .nav-item { margin:0!important; }
.bb-page main article.em-workspace-ui :is(.nav-tabs .nav-link,.ory-tabs>button,.vp-tabbar>button,.dk-tabs>button,.ev-tabs>button,.ami-tabs>button,.harcama-tab,.gt-tab) {
    display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important;
    min-height:37px!important; padding:9px 13px!important; margin:0!important;
    border:1px solid transparent!important; border-radius:8px!important; background:transparent!important;
    font-size:11.5px!important; font-weight:600!important; color:#66768a!important; text-decoration:none!important;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.bb-page main article.em-workspace-ui :is(.nav-tabs .nav-link,.ory-tabs>button,.vp-tabbar>button,.dk-tabs>button,.ev-tabs>button,.ami-tabs>button,.harcama-tab,.gt-tab):hover { background:#f6f9fd!important; color:#416dbd!important; }
.bb-page main article.em-workspace-ui :is(.nav-tabs .nav-link,.ory-tabs>button,.vp-tabbar>button,.dk-tabs>button,.ev-tabs>button,.ami-tabs>button,.harcama-tab,.gt-tab).active { background:#edf4ff!important; border-color:#c6d9f7!important; color:#315fae!important; box-shadow:none!important; }
.bb-page main article.em-workspace-ui .nav-tabs .nav-link.disabled { opacity:.5; }
.bb-page main article.em-workspace-ui :is(.nav-tabs .nav-link,.ory-tabs>button,.vp-tabbar>button,.dk-tabs>button,.ev-tabs>button,.ami-tabs>button,.harcama-tab,.gt-tab):focus-visible { outline:2px solid #86a6d7; outline-offset:2px; }

.bb-page main article.em-workspace-ui :is(.form-control,.form-select) { min-height:37px!important; font-size:11.5px!important; color:#354252!important; border-color:#d7e0e9!important; border-radius:7px!important; }
.bb-page main article.em-workspace-ui textarea.form-control { height:auto!important; }
.bb-page main article.em-workspace-ui .form-floating > :is(.form-control,.form-select) { min-height:calc(3.5rem + 2px)!important; }
.bb-page main article.em-workspace-ui :is(.form-control,.form-select):focus { border-color:#86a6d7!important; box-shadow:0 0 0 2px rgba(75,116,201,.12)!important; }
.bb-page main article.em-workspace-ui :is(.btn,.em-btn) { min-height:34px; font-size:11px!important; border-radius:8px!important; gap:6px; }
.bb-page main article.em-workspace-ui .table { font-size:11px!important; }
.bb-page main article.em-workspace-ui .table thead th { background:#34475b!important; color:#fff!important; border-color:#526477!important; font-size:10.8px!important; padding:10px 11px!important; font-weight:600!important; }
.bb-page main article.em-workspace-ui .table tbody td { border-color:#e5eaf0; vertical-align:middle; }
.bb-page main article.em-workspace-ui .table-responsive { max-width:100%; overflow-x:auto; }
.bb-page main article.em-workspace-ui .onay-diagram-page .panel-card { border-color:#dfe6ef; border-radius:12px; box-shadow:0 3px 12px rgba(34,53,76,.035); }
@media(max-width:991.98px) {
    .bb-page main article.em-workspace-ui :is(.form-control,.form-select) { font-size:16px!important; }
    .bb-page main article.em-workspace-ui .em-page-breadcrumb { display:none!important; }
}
@media(max-width:600px) {
    .bb-page main article.em-workspace-ui .em-page-title { font-size:20px!important; }
    .bb-page main article.em-workspace-ui :is(.nav-tabs,.ory-tabs,.vp-tabbar,.dk-tabs,.ev-tabs,.ami-tabs) { gap:4px!important; }
    .bb-page main article.em-workspace-ui .nav-tabs .nav-link { padding:8px 10px!important; }
}
@media(prefers-reduced-motion:reduce) { .bb-page main article.em-workspace-ui .nav-link { transition:none; } }