:root{
    --bb-blue:#164b7a;
    --bb-light:#f4f7fa;
    --bb-compact-font-size:14px;
}

html{font-size:var(--bb-compact-font-size)}
body{background:var(--bb-light);color:#263442;line-height:1.42}

/* Wspolne elementy interfejsu */
.navbar{--bs-navbar-padding-y:.38rem}
.navbar-brand{font-size:1.08rem}
.navbar-nav{gap:.1rem}
.nav-link{padding-top:.4rem;padding-bottom:.4rem}
.brand-mark{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;background:var(--bb-blue);color:#fff;font-size:.76rem}
.bb-navbar-brand{display:flex;align-items:center;gap:.65rem;padding-top:.2rem;padding-bottom:.2rem}
.bb-navbar-logo{display:block;width:auto;height:2rem;max-width:13rem;object-fit:contain}
@media(min-width:992px){.bb-navbar-logo{height:2.2rem}}
.card{border:0;box-shadow:0 .2rem .8rem rgba(30,55,80,.08)}
.card-header,.card-footer{padding:.7rem 1rem}
.card-body{padding:1rem}
.auth-card{max-width:420px;margin:4vh auto}
.auth-card .card-body{padding:1.6rem!important}
.btn{--bs-btn-padding-y:.32rem;--bs-btn-padding-x:.68rem;--bs-btn-font-size:.9rem;--bs-btn-line-height:1.35}
.btn-sm{--bs-btn-padding-y:.2rem;--bs-btn-padding-x:.48rem;--bs-btn-font-size:.8rem}
.btn-lg{--bs-btn-padding-y:.48rem;--bs-btn-padding-x:.85rem;--bs-btn-font-size:1rem}
.btn-group-sm>.btn{--bs-btn-padding-y:.2rem;--bs-btn-padding-x:.48rem;--bs-btn-font-size:.8rem}
.form-label{font-weight:600;margin-bottom:.28rem}
.form-control,.form-select{min-height:calc(1.4em + .62rem + 2px);padding:.31rem .62rem;font-size:.9rem}
textarea.form-control{min-height:5rem}
.form-control-lg,.form-select-lg{min-height:calc(1.4em + .8rem + 2px);padding:.4rem .72rem;font-size:1rem}
.form-text{margin-top:.2rem;font-size:.76rem}
.input-group-text{padding:.31rem .62rem;font-size:.9rem}
.table{--bs-table-cell-padding-y:.48rem;--bs-table-cell-padding-x:.7rem;font-size:.9rem}
.table>:not(caption)>*>*{padding:.48rem .7rem}
.table-sm>:not(caption)>*>*{padding:.3rem .5rem}
.table thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:#607589;white-space:nowrap}
.badge{font-size:.72em}
.alert{padding:.65rem .85rem;margin-bottom:.85rem}
.alert .btn-close{padding:.8rem}
.dropdown-menu{font-size:.9rem}
.modal-header{padding:.7rem 1rem}
.modal-footer{padding:.6rem 1rem}
.modal-title{font-size:1.05rem!important}
.modal-xl{--bs-modal-width:1040px}
.status{display:inline-block;font-size:.72rem;padding:.24rem .45rem;border-radius:2rem;background:#e8eef4}
.wm-field-inactive{opacity:.62}
.wm-field-inactive textarea{background:#eef1f4}
.wm-attachments-panel{padding:.85rem;border:1px solid #dfe7ee;border-radius:.6rem;background:#fbfcfd}
.wm-attachments-panel{scroll-margin-top:4.75rem}
.wm-attachment-list{min-width:980px}
.wm-attachment-list td:first-child{max-width:28rem;overflow-wrap:anywhere}
.wm-selected-files{padding:.7rem .8rem;border:1px solid #b9d8c3;border-radius:.5rem;background:#f3fbf5}
.wm-selected-files .list-group-item{background:transparent}
.step-dot{width:1.7rem;height:1.7rem;border-radius:50%;display:inline-grid;place-items:center;background:#dce6ef;color:#496276;font-size:.78rem}
.step-dot.active{background:var(--bb-blue);color:white}

/* Administracja i historia */
.admin-section{scroll-margin-top:4.75rem}
.admin-description{max-width:32rem}
.admin-form-card{max-width:900px}
.history-table{min-width:900px}
.history-details>div{display:flex;gap:.3rem;line-height:1.3}
.history-details dt{font-weight:600}
.history-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}
.admin-dialog-content{overflow:hidden}
.admin-dialog-frame{display:block;width:100%;height:min(76vh,760px);border:0;background:var(--bb-light)}
.history-dialog-content{overflow:hidden}
.history-dialog-frame{display:block;width:100%;height:min(80vh,820px);border:0;background:var(--bb-light)}
.wm-print-dialog-content{overflow:hidden}
.wm-print-dialog-frame{display:block;width:100%;height:min(84vh,900px);border:0;background:#f0f2f4}
.dialog-body{background:var(--bb-light)}
.dialog-body .admin-form-card{max-width:none}
.dialog-body .admin-form-card:first-child{margin-top:0}

/* Moje konto */
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr);gap:1.5rem;align-items:start}
.profile-planned-tab{color:#b02a37!important}
.profile-planned-tab:hover,.profile-planned-tab:focus{color:#842029!important;background:#f8d7da}
.profile-planned-tab.active{color:#fff!important;background:#dc3545!important}
.profile-planned-card{border:1px solid rgba(220,53,69,.35)}
.profile-login-history-table{min-width:900px}

/* Projekty, uczestnicy i moduly */
.projects-home-table{min-width:1040px}
.project-list-row:hover{background:#f8fafc}
.project-context-card{border:1px solid #dce5ed;border-left:4px solid var(--bb-blue);box-shadow:0 .24rem .9rem rgba(30,55,80,.1)}
.project-context-card .card-body{padding:1.05rem 1.2rem}
.project-content-section,.project-module-heading{padding-top:.2rem}
.project-summary-card{border-left:3px solid var(--bb-blue)}
.project-meta-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:#607589;margin-bottom:.18rem}
.project-party-card{scroll-margin-top:4.75rem}
.project-organization-block{padding:.78rem;border:1px solid #dfe7ee;border-radius:.6rem;background:#fbfcfd}
.project-organization-block+.project-organization-block{margin-top:.72rem}
.project-staff-table{min-width:780px}
.project-staff-table thead th{background:transparent}
.project-personnel-table{min-width:880px;table-layout: fixed}
.project-personnel-table .bb-col-person{width:26%}
.project-personnel-table .bb-col-function{width:25%}
.project-personnel-table .bb-col-discipline{width:16%}
.project-personnel-table .bb-col-period{width:14%}
.project-personnel-table .bb-col-status{width:9%}
.project-personnel-table .bb-col-actions{width:10%}
.empty-party{border:1px dashed #cbd7e1;border-radius:.6rem;background:#fbfcfd}
.project-module-card{border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.project-module-active{color:var(--bb-blue)}
.project-module-active:hover{transform:translateY(-1px);box-shadow:0 .45rem 1.05rem rgba(30,55,80,.14);border-color:#b9cede}
.project-module-planned{background:#f9fbfc;box-shadow:none;border-color:#e2e9ef}
.project-module-icon{display:grid;place-items:center;width:2.55rem;height:2.55rem;border-radius:.6rem;background:#e5eef6;color:var(--bb-blue);font-size:1.15rem}

@media(max-width:767.98px){
    html{font-size:15px}
    .admin-dialog-frame{height:82vh}
    .history-dialog-frame{height:calc(100vh - 3.5rem)}
    .wm-print-dialog-frame{height:calc(100vh - 3.5rem)}
    .modal-dialog{margin:.35rem}
    .dialog-body main{padding:.75rem!important}
    .profile-layout{grid-template-columns:1fr;gap:1rem}
    .project-organization-block{padding:.65rem}
    .form-control,.form-select,.input-group-text{font-size:16px}
}

/* ver. 122 — pionowy układ aplikacji */
.bb-app-shell{min-height:100vh;background:#f6f8fb}
.bb-app-sidebar{position:fixed;inset:0 auto 0 0;width:252px;z-index:1035;flex-direction:column;background:#fff;border-right:1px solid #e4ebf2;padding:1rem .85rem .9rem;box-shadow:0 .2rem 1rem rgba(30,55,80,.04)}
.bb-app-sidebar-brand{display:flex;align-items:center;min-height:3.6rem;padding:.15rem .35rem .8rem;text-decoration:none}
.bb-app-sidebar-brand img{display:block;width:172px;max-width:100%;height:auto}
.bb-app-nav{display:flex;flex-direction:column;gap:.18rem}
.bb-app-nav-link{display:flex;align-items:center;gap:.72rem;min-height:2.55rem;padding:.58rem .72rem;border-radius:.72rem;color:#49637c;text-decoration:none;font-weight:600;font-size:.9rem;transition:background .15s ease,color .15s ease}
.bb-app-nav-icon{display:grid;place-items:center;flex:0 0 1.6rem;width:1.6rem;height:1.6rem}.bb-app-nav-icon i{font-size:1.1rem;line-height:1;color:#617b93}
.bb-app-nav-link:hover{background:#f2f6fb;color:#164b7a}
.bb-app-nav-link.active{background:#eaf2ff;color:#1d63d7}
.bb-app-nav-link.active .bb-app-nav-icon i{color:#1d63d7}
.bb-app-nav-link.is-planned{opacity:.62;cursor:default}
.bb-app-nav-link small{margin-left:auto;font-size:.66rem;font-weight:600;color:#95a5b5}
.bb-app-nav-divider{height:1px;background:#e8eef4;margin:.65rem .35rem .45rem}
.bb-app-nav-label{padding:.15rem .72rem .3rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#93a3b3;font-weight:800}
.bb-app-sidebar-bottom{margin-top:auto;padding-top:.8rem;border-top:1px solid #e8eef4}
.bb-app-user-card{display:flex;align-items:center;gap:.65rem;margin-top:.55rem;padding:.65rem .7rem;border-radius:.8rem;background:#f7f9fc;text-decoration:none;color:#334d66}
.bb-app-user-card strong,.bb-app-topbar-user strong{display:block;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
.bb-app-user-card small,.bb-app-topbar-user small{display:block;color:#8194a6;font-size:.7rem}
.bb-app-avatar{display:grid;place-items:center;flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:50%;background:#e5eef9;color:#2b67b4}
.bb-app-topbar{position:sticky;top:0;z-index:1025;margin-left:252px;height:64px;display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e4ebf2}
.bb-app-main{margin-left:252px;min-height:calc(100vh - 64px);max-width:calc(100vw - 252px)}
.bb-app-topbar-search{align-items:center;gap:.6rem;min-width:300px;max-width:560px;flex:1;height:2.55rem;padding:0 .85rem;border:1px solid #dfe7ef;border-radius:.72rem;background:#f9fbfd;color:#8495a6;font-size:.86rem}
.bb-app-topbar-user{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#334d66}
.bb-app-offcanvas{--bs-offcanvas-width:272px}
.bb-app-offcanvas .bb-app-sidebar-brand img{width:168px}

/* Pulpit */
.bb-dashboard-subtitle{color:#71869a}
.bb-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.bb-kpi-card{display:flex;align-items:center;gap:.9rem;padding:1rem 1.05rem;border:1px solid #e2eaf2;border-radius:1rem;background:#fff;box-shadow:0 .2rem .8rem rgba(30,55,80,.05)}
.bb-kpi-icon{display:grid;place-items:center;flex:0 0 3rem;width:3rem;height:3rem;border-radius:.9rem;background:#eaf2ff;color:#2368ee}.bb-kpi-icon i{font-size:1.5rem;line-height:1;display:block}
.bb-kpi-card strong{display:block;font-size:1.55rem;line-height:1.05;color:#173d6b}
.bb-kpi-meta{display:block;font-size:.8rem;color:#71869a}
.bb-dashboard-primary-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:.85rem;align-items:start}
.bb-dashboard-secondary-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:.85rem;align-items:start}
.bb-dashboard-card{border:1px solid #e2eaf2!important;border-radius:1rem!important;box-shadow:0 .2rem .8rem rgba(30,55,80,.05)!important}
.bb-dashboard-card .card-header{background:#fff;border-bottom:1px solid #edf1f5;padding:.75rem .9rem}
.bb-dashboard-card .card-body{padding:.55rem .9rem}
.bb-dashboard-list-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.48rem 0;border-bottom:1px solid #edf1f5}
.bb-dashboard-list-row:last-child{border-bottom:0}
.bb-dashboard-list-row strong{color:#284b6d}
.bb-dashboard-list-row small{color:#8193a5}
.bb-dashboard-status{display:inline-flex;padding:.25rem .55rem;border-radius:999px;background:#edf4ff;color:#2164cc;font-size:.72rem;font-weight:700}

@media(max-width:1199.98px){.bb-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-dashboard-primary-grid,.bb-dashboard-secondary-grid{grid-template-columns:1fr}}
@media(max-width:991.98px){.bb-app-topbar{margin-left:0}.bb-app-main{margin-left:0;max-width:100vw}.bb-app-topbar-search{min-width:0}}
@media(max-width:575.98px){.bb-kpi-grid{grid-template-columns:1fr}.bb-app-topbar{padding:0 .75rem}.bb-app-main{padding-left:.75rem!important;padding-right:.75rem!important}}

/* ver.123 — spójna semantyka statusów */
.bb-status-badge{font-weight:650;letter-spacing:.005em;padding:.32rem .58rem;border-radius:999px;line-height:1.15}

/* ver.124 — dedykowany żółty status: Zatwierdzony z uwagami */
.bb-status-yellow{background:#ffe082!important;color:#4a3b00!important;border:1px solid #f2c94c!important}
.bb-status-action{background:#ffb74d!important;color:#4a2b00!important;border:1px solid #f39c12!important}

/* ver.125 — czytelniejsze ikony i bardziej roboczy Pulpit */
.bb-dashboard-file-icon{display:grid;place-items:center;flex:0 0 2.15rem;width:2.15rem;height:2.15rem;border-radius:.7rem;background:#eef4ff;color:#2368ee}
.bb-dashboard-file-icon i{font-size:1.05rem;line-height:1}

/* ver.127 — zwarty Pulpit i ujednolicone ikony */
.bb-dashboard-card h2{font-weight:700;color:#243f5a}
.bb-dashboard-card .small{line-height:1.28}

/* Wyszukiwarka globalna */
.bb-global-search-wrap{position:relative;flex:1 1 34rem;max-width:42rem;margin-right:1rem}
.bb-app-topbar-search{display:flex;align-items:center;gap:.55rem;min-height:2.45rem;padding:0 .8rem;border:1px solid #dfe7ef;border-radius:.75rem;background:#f8fafc;color:#71869a}
.bb-global-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#263442;font-size:.88rem}
.bb-global-search-input::placeholder{color:#8294a6}
.bb-global-search-results{position:absolute;z-index:1055;left:0;right:0;top:calc(100% + .45rem);max-height:min(70vh,34rem);overflow:auto;border:1px solid #dfe7ef;border-radius:.85rem;background:#fff;box-shadow:0 .9rem 2rem rgba(30,55,80,.16);padding:.45rem}
.bb-global-search-section+.bb-global-search-section{border-top:1px solid #edf1f5;margin-top:.35rem;padding-top:.35rem}
.bb-global-search-heading{padding:.35rem .55rem .25rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#7b8ea1}
.bb-global-search-result{display:flex;align-items:flex-start;gap:.7rem;padding:.55rem .6rem;border-radius:.65rem;color:#284b6d;text-decoration:none}
.bb-global-search-result:hover,.bb-global-search-result:focus{background:#eef4ff;color:#1c5ec4;outline:0}
.bb-global-search-result-icon{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:.6rem;background:#edf4ff;color:#2368ee}
.bb-global-search-result strong{display:block;font-size:.86rem;line-height:1.25}
.bb-global-search-result small{display:block;margin-top:.12rem;color:#7b8ea1;line-height:1.25}
.bb-global-search-empty{padding:.8rem .7rem;color:#71869a;font-size:.85rem}


/* ver.130 — typografia projektu i kafelki modułów zgodne z Pulpitem */
.bb-project-section-title{font-size:1.125rem;font-weight:700;line-height:1.25;color:#243f5a;font-family:inherit}
.bb-project-section-subtitle{color:#71869a;font-size:.86rem}
.bb-project-module-card{border:1px solid #e2eaf2!important;border-radius:1rem!important;background:#fff;box-shadow:0 .2rem .8rem rgba(30,55,80,.05)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.bb-project-module-active{color:var(--bb-blue)}
.bb-project-module-active:hover{transform:translateY(-1px);box-shadow:0 .45rem 1.05rem rgba(30,55,80,.12)!important;border-color:#c7d8e8!important}
.bb-project-module-planned{background:#fbfcfe;box-shadow:none!important}
.bb-project-module-body{padding:1rem 1.05rem}
.bb-project-module-icon{display:grid;place-items:center;flex:0 0 3rem;width:3rem;height:3rem;border-radius:.9rem;background:#eaf2ff;color:#2368ee}
.bb-project-module-icon i{font-size:1.5rem;line-height:1;display:block}
.bb-project-module-title{font-size:1.0625rem;font-weight:700;line-height:1.25;color:#173d6b;font-family:inherit}
.bb-project-module-description{font-size:.86rem;line-height:1.45;color:#71869a;min-height:2.5em}
.bb-project-module-meta{font-size:.8rem;line-height:1.35}
.bb-project-module-link{font-size:.86rem;text-decoration:none}
.project-context-card .card-body{padding:1rem 1.05rem}
@media(max-width:767.98px){.bb-project-module-description{min-height:0}}

/* ver.131 — wspólna typografia nagłówków całego systemu */
.bb-page-title{font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.015em;color:#173d6b;font-family:inherit}
.bb-section-title{font-size:1.125rem;font-weight:700;line-height:1.25;color:#243f5a;font-family:inherit}
.bb-module-title{font-size:1.0625rem;font-weight:700;line-height:1.25;color:#173d6b;font-family:inherit}
.bb-page-subtitle{font-size:.92rem;line-height:1.4;color:#71869a}

/* ver. 132 — konto w menu bocznym i wyszukiwarka po prawej */
.bb-app-account-block{align-items:center}
.bb-app-account-copy{display:block;min-width:0;line-height:1.18}
.bb-app-account-copy>span{display:block;font-size:.9rem;font-weight:600}
.bb-app-account-name{display:block;margin-top:.18rem;max-width:10.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem!important;font-weight:500!important;color:#8a9bad!important}
.bb-app-topbar-spacer{flex:1 1 auto;min-width:0}
.bb-global-search-wrap{flex:0 1 42rem;max-width:42rem;width:100%;margin-right:0}
@media(max-width:991.98px){.bb-app-topbar-spacer{display:none}.bb-global-search-wrap{margin-left:auto;max-width:36rem}}


/* ver.133 — zwijane menu boczne + pionowe kolumny Pulpitu */
.bb-app-sidebar{transition:width .2s ease,padding .2s ease}
.bb-app-sidebar-head{display:flex;align-items:center;gap:.35rem;min-height:3.6rem;margin-bottom:.2rem}
.bb-app-sidebar-head .bb-app-sidebar-brand{flex:1 1 auto;min-width:0;padding:.15rem .25rem .65rem}
.bb-app-logo-mark{display:none!important;width:2.35rem!important;height:2.35rem!important;object-fit:contain}
.bb-sidebar-toggle{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border:1px solid #dfe7ef;border-radius:.65rem;background:#fff;color:#60788f;transition:background .15s ease,color .15s ease,border-color .15s ease}
.bb-sidebar-toggle:hover,.bb-sidebar-toggle:focus{background:#eef4ff;color:#2368ee;border-color:#cbdcf0;outline:0}
.bb-app-sidebar.is-collapsed{width:84px;padding-left:.45rem;padding-right:.45rem}
.bb-app-sidebar.is-collapsed .bb-app-sidebar-head{flex-direction:column;gap:.25rem}
.bb-app-sidebar.is-collapsed .bb-app-sidebar-brand{justify-content:center;min-height:2.7rem;padding:.05rem}
.bb-app-sidebar.is-collapsed .bb-app-logo-full{display:none!important}
.bb-app-sidebar.is-collapsed .bb-app-logo-mark{display:block!important}
.bb-app-sidebar.is-collapsed .bb-sidebar-toggle{width:2.35rem}
.bb-app-sidebar.is-collapsed .bb-app-nav-link{flex-direction:column;justify-content:center;gap:.18rem;min-height:3.45rem;padding:.42rem .15rem;text-align:center}
.bb-app-sidebar.is-collapsed .bb-app-nav-link>span:not(.bb-app-nav-icon){display:none!important}
.bb-app-sidebar.is-collapsed .bb-app-nav-link>.badge{display:none!important}
.bb-app-sidebar.is-collapsed .bb-app-nav-icon{margin:0}
.bb-app-sidebar.is-collapsed .bb-app-sidebar-bottom{width:100%}
.bb-dashboard-columns{display:grid;grid-template-columns:minmax(0,13fr) minmax(320px,7fr);gap:.85rem;align-items:start}
.bb-dashboard-stack{display:grid;gap:.85rem;align-content:start}
@media(min-width:992px){
  body.bb-sidebar-collapsed .bb-app-topbar{margin-left:84px}
  body.bb-sidebar-collapsed .bb-app-main{margin-left:84px;max-width:calc(100vw - 84px)}
  .bb-app-topbar,.bb-app-main{transition:margin-left .2s ease,max-width .2s ease}
}
@media(max-width:1199.98px){.bb-dashboard-columns{grid-template-columns:1fr}}


/* ver.135 — etykiety w zwiniętym menu i brak migania przy zmianie strony */
.bb-app-sidebar.is-collapsed .bb-app-nav-link::after{
  content:attr(data-bb-label);display:block;max-width:70px;font-size:.61rem;font-weight:600;
  line-height:1.05;text-align:center;color:inherit;white-space:normal;overflow-wrap:anywhere
}
.bb-app-sidebar.is-collapsed .bb-app-nav-icon{width:1.5rem;height:1.5rem;flex-basis:1.5rem}
.bb-app-sidebar.is-collapsed .bb-app-nav-icon i{font-size:1.05rem}
html.bb-sidebar-precollapsed .bb-app-sidebar{width:84px;padding-left:.45rem;padding-right:.45rem}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-sidebar-head{flex-direction:column;gap:.25rem}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-sidebar-brand{justify-content:center;min-height:2.7rem;padding:.05rem}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-logo-full{display:none!important}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-logo-mark{display:block!important}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-sidebar-toggle{width:2.35rem}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-nav-link{flex-direction:column;justify-content:center;gap:.18rem;min-height:3.45rem;padding:.42rem .15rem;text-align:center}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-nav-link>span:not(.bb-app-nav-icon){display:none!important}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-nav-link>.badge{display:none!important}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-nav-link::after{content:attr(data-bb-label);display:block;max-width:70px;font-size:.61rem;font-weight:600;line-height:1.05;text-align:center;color:inherit;white-space:normal;overflow-wrap:anywhere}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-nav-icon{margin:0;width:1.5rem;height:1.5rem;flex-basis:1.5rem}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-nav-icon i{font-size:1.05rem}
html.bb-sidebar-precollapsed .bb-app-sidebar .bb-app-sidebar-bottom{width:100%}
@media(min-width:992px){
  html.bb-sidebar-precollapsed .bb-app-topbar{margin-left:84px}
  html.bb-sidebar-precollapsed .bb-app-main{margin-left:84px;max-width:calc(100vw - 84px)}
}