/* BOOTIES v9.11.5 · unified connected workspaces
   Visual-only normalization for Staff, Suppliers & Contacts and Users & Roles.
   Finance / Expenses remains the master language: clean white surfaces, restrained borders,
   compact controls, consistent spacing and no duplicate content header. */

:root{
  --v9115-surface:#fff;
  --v9115-soft:#f7f9fc;
  --v9115-line:#dfe6ee;
  --v9115-line-strong:#cfd9e5;
  --v9115-text:#132033;
  --v9115-muted:#6d7b8d;
  --v9115-blue:#0b78d0;
  --v9115-blue-soft:#edf6fd;
}

/* Direct page headers are intentionally replaced by the global fixed top bar. */
.ba-content>.ba-page-head{display:none!important}

/* Give all connected workspaces the same vertical rhythm as Finance. */
.v990-workspace,
.v941-staff-directory,
.v944-staff-workspace,
.v998-users-panel,
.v998-roles-panel{
  border:1px solid var(--v9115-line)!important;
  border-radius:12px!important;
  background:var(--v9115-surface)!important;
  box-shadow:0 1px 2px rgba(15,30,50,.025)!important;
}

/* STAFF */
.v944-staff-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
.v944-staff-stats .ba-stat{
  min-height:104px!important;
  border:1px solid var(--v9115-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  padding:15px 16px!important;
}
.v944-staff-stats .ba-stat:before{display:none!important}
.v944-staff-stats .ba-stat-label{font-size:11px!important;letter-spacing:.045em!important;color:var(--v9115-muted)!important}
.v944-staff-stats .ba-stat-value{font-size:27px!important;line-height:1.12!important;color:var(--v9115-text)!important}
.v944-staff-stats .ba-stat-hint{font-size:11.5px!important;line-height:1.35!important;color:var(--v9115-muted)!important}

.v944-staff-tabs{
  display:flex!important;align-items:center!important;gap:4px!important;
  margin:0 0 14px!important;padding:4px!important;
  width:max-content!important;max-width:100%!important;
  border:1px solid var(--v9115-line)!important;border-radius:10px!important;background:var(--v9115-soft)!important;
}
.v944-staff-tabs button{
  min-height:34px!important;padding:0 13px!important;border:0!important;border-radius:7px!important;
  background:transparent!important;color:#506176!important;font-size:12px!important;font-weight:650!important;
}
.v944-staff-tabs button.is-active{background:#fff!important;color:var(--v9115-blue)!important;box-shadow:0 1px 3px rgba(19,43,69,.08)!important}

.v941-staff-directory{padding:18px!important}
.v941-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin:0 0 14px!important}
.v941-section-head>div>span{font-size:10.5px!important;letter-spacing:.065em!important;color:var(--v9115-muted)!important;font-weight:700!important}
.v941-section-head h2{font-size:18px!important;line-height:1.25!important;margin:2px 0 0!important;color:var(--v9115-text)!important}
.v941-section-head p{max-width:640px!important;margin:0!important;color:var(--v9115-muted)!important;font-size:12px!important;line-height:1.45!important}

.v944-group-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 14px!important}
.v944-group-tabs button{
  min-height:31px!important;padding:0 10px!important;border:1px solid var(--v9115-line)!important;border-radius:8px!important;
  background:#fff!important;color:#536376!important;font-size:11.5px!important;font-weight:650!important;
}
.v944-group-tabs button.is-active{border-color:#9fc9e8!important;background:var(--v9115-blue-soft)!important;color:#096bb7!important}
.v944-group-tabs b{font-size:10px!important;margin-left:4px!important}

.v970-staff-group{border:1px solid var(--v9115-line)!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;margin:0 0 10px!important}
.v941-group-title{min-height:46px!important;padding:0 14px!important;background:#fbfcfe!important;border-bottom:1px solid transparent!important}
.v970-staff-group[open]>.v941-group-title{border-bottom-color:var(--v9115-line)!important}
.v941-group-title strong{font-size:12px!important;color:var(--v9115-text)!important}
.v941-group-title span{font-size:11px!important;color:var(--v9115-muted)!important}
.v941-staff-grid{gap:10px!important;padding:12px!important}
.v970-staff-card{
  border:1px solid var(--v9115-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;
  padding:13px!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.v970-staff-card:hover{border-color:#b8cbe0!important;box-shadow:0 4px 12px rgba(20,50,80,.055)!important;transform:translateY(-1px)!important}
.v970-staff-card h3{font-size:14px!important;color:var(--v9115-text)!important}
.v970-staff-card .v941-avatar{width:34px!important;height:34px!important;font-size:11px!important}
.v970-card-metrics{gap:8px!important}
.v970-card-metrics>div{padding:9px 10px!important;border:1px solid #e7edf4!important;border-radius:8px!important;background:#fafcff!important}
.v970-card-metrics span{font-size:10px!important;color:var(--v9115-muted)!important}
.v970-card-metrics strong{font-size:14px!important;color:var(--v9115-text)!important}
.v943-open-profile{font-size:10.5px!important;color:#2c73a9!important}

/* SUPPLIERS */
.v990-workspace{padding:18px!important}
.v990-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
.v990-kpis>div{min-height:82px!important;padding:13px 14px!important;border:1px solid var(--v9115-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.v990-kpis span{font-size:10.5px!important;letter-spacing:.035em!important;color:var(--v9115-muted)!important;font-weight:650!important}
.v990-kpis strong{display:block!important;margin-top:5px!important;font-size:24px!important;line-height:1!important;color:var(--v9115-text)!important}
.v990-kpis .needs-attention{background:#fffaf5!important;border-color:#f0d7ba!important}

.v990-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important}
.v990-tabs{display:flex!important;gap:4px!important;padding:4px!important;border:1px solid var(--v9115-line)!important;border-radius:10px!important;background:var(--v9115-soft)!important}
.v990-tabs button{min-height:34px!important;padding:0 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#536376!important;font-size:12px!important;font-weight:650!important}
.v990-tabs button.is-active{background:#fff!important;color:var(--v9115-blue)!important;box-shadow:0 1px 3px rgba(19,43,69,.08)!important}
.v990-top-actions{display:flex!important;gap:7px!important}
.v990-top-actions .ba-btn{min-height:34px!important;padding:0 12px!important;font-size:11.5px!important}

.v990-filterbar{padding:11px!important;margin:0 0 10px!important;border:1px solid var(--v9115-line)!important;border-radius:10px!important;background:#fafcff!important;gap:10px!important}
.v990-filterbar label>span{font-size:10px!important;color:var(--v9115-muted)!important;font-weight:650!important}
.v990-filterbar input,.v990-filterbar select{min-height:36px!important;border-color:var(--v9115-line-strong)!important;border-radius:8px!important;background:#fff!important;font-size:12px!important}
.v990-result-count{min-width:82px!important;height:36px!important;padding:0 10px!important;border:1px solid var(--v9115-line)!important;border-radius:8px!important;background:#fff!important}
.v990-result-count strong{font-size:14px!important;color:var(--v9115-text)!important}.v990-result-count span{font-size:10px!important;color:var(--v9115-muted)!important}

.v990-supplier-table,.v990-contact-list{border:1px solid var(--v9115-line)!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important}
.v990-supplier-table-head{min-height:38px!important;background:#f7f9fc!important;border-bottom:1px solid var(--v9115-line)!important;color:var(--v9115-muted)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.035em!important}
.v990-supplier-row,.v990-contact-row{min-height:60px!important;border-bottom:1px solid #edf1f6!important;background:#fff!important}
.v990-supplier-row:last-child,.v990-contact-row:last-child{border-bottom:0!important}
.v990-supplier-row:hover,.v990-contact-row:hover{background:#f9fbfe!important}
.v990-supplier-row strong,.v990-contact-row strong{font-size:12px!important;color:var(--v9115-text)!important}
.v990-supplier-row small,.v990-contact-row small{font-size:10.5px!important;color:var(--v9115-muted)!important}
.v990-status{font-size:10px!important;border-radius:999px!important;padding:4px 7px!important}
.v990-open{font-size:10.5px!important;color:#3279ac!important}

/* USERS & ROLES */
.v998-user-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important}
.v998-user-stats .ba-stat{min-height:96px!important;padding:14px 15px!important;border:1px solid var(--v9115-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.v998-user-stats .ba-stat:before{display:none!important}
.v998-user-stats .ba-stat-label{font-size:10.5px!important;color:var(--v9115-muted)!important}.v998-user-stats .ba-stat-value{font-size:26px!important;color:var(--v9115-text)!important}.v998-user-stats .ba-stat-hint{font-size:11px!important;color:var(--v9115-muted)!important}
.v998-users-panel,.v998-roles-panel{padding:18px!important;margin-bottom:14px!important}
.v998-users-panel .ba-panel-head,.v998-roles-panel .ba-panel-head{margin-bottom:10px!important}
.v998-users-panel .ba-panel-head span,.v998-roles-panel .ba-panel-head span{font-size:10.5px!important;letter-spacing:.055em!important;color:var(--v9115-muted)!important}
.v998-users-panel .ba-panel-head h2,.v998-roles-panel .ba-panel-head h2{font-size:18px!important;color:var(--v9115-text)!important}
.v998-users-panel .ba-section-intro{margin:0 0 12px!important;font-size:11.5px!important;color:var(--v9115-muted)!important}
.v998-user-list{border:1px solid var(--v9115-line)!important;border-radius:10px!important;overflow:hidden!important}
.v998-user-row{min-height:68px!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid #edf1f6!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.v998-user-row:last-child{border-bottom:0!important}.v998-user-row:hover{background:#f9fbfe!important}
.v998-user-avatar{width:35px!important;height:35px!important;font-size:11px!important}
.v998-user-main strong{font-size:12.5px!important;color:var(--v9115-text)!important}.v998-user-main span,.v998-user-main small{font-size:10.5px!important;color:var(--v9115-muted)!important}
.v998-role-badge{font-size:9.5px!important;padding:4px 7px!important;border-radius:999px!important}
.v998-user-security span{font-size:10.5px!important}.v998-user-security small{font-size:10px!important;color:var(--v9115-muted)!important}
.v998-role-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.v998-role-card{padding:13px!important;border:1px solid var(--v9115-line)!important;border-radius:10px!important;background:#fafcff!important;box-shadow:none!important}
.v998-role-card>span{font-size:9.5px!important;color:var(--v9115-blue)!important}.v998-role-card h3{font-size:13px!important;margin:4px 0!important;color:var(--v9115-text)!important}.v998-role-card p{font-size:10.5px!important;line-height:1.45!important;color:var(--v9115-muted)!important}

/* Empty / not-yet-connected modules should still follow the same quiet workspace language. */
.v947-not-connected{max-width:none!important;margin:0!important;padding:22px!important;border:1px solid var(--v9115-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.v947-not-connected h2{font-size:18px!important;color:var(--v9115-text)!important}.v947-not-connected p{max-width:700px!important;font-size:12px!important;color:var(--v9115-muted)!important}

@media(max-width:1180px){
  .v944-staff-stats,.v990-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v998-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v990-toolbar{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:760px){
  .v944-staff-stats,.v990-kpis,.v998-user-stats,.v998-role-grid{grid-template-columns:1fr!important}
  .v944-staff-tabs,.v990-tabs{width:100%!important;overflow-x:auto!important;justify-content:flex-start!important}
  .v944-staff-tabs button,.v990-tabs button{white-space:nowrap!important;flex:0 0 auto!important}
  .v941-section-head{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
  .v990-top-actions{width:100%!important}.v990-top-actions .ba-btn{flex:1!important}
  .v990-filterbar{grid-template-columns:1fr!important}
  .v998-users-panel,.v998-roles-panel,.v990-workspace,.v941-staff-directory{padding:14px!important}
}