/* Retter-Portal v1.3.29
   Header auf den stabilen Aufbau zurückgesetzt, DEV-Organisation dort sauber ergänzt,
   echte kompakte Sidebar, dunkle native Auswahlmenüs, ruhige Tabs sowie Whitemode-Neuaufbau. */

:root{
  --rp29-sidebar-width:286px;
  --rp29-sidebar-collapsed:88px;
  --rp29-dark-bg:#07111f;
  --rp29-dark-bg-2:#0a1729;
  --rp29-dark-card:#0b1a2d;
  --rp29-dark-card-2:#081526;
  --rp29-dark-line:rgba(148,163,184,.16);
  --rp29-light-bg:#edf3f9;
  --rp29-light-bg-2:#f7faff;
  --rp29-light-card:#ffffff;
  --rp29-light-card-2:#f5f8fc;
  --rp29-light-line:rgba(100,116,139,.20);
}

/* Das Grid steuert die Breite. Kein zusätzlicher alter Seitenabstand mehr. */
html body .app-shell{
  grid-template-columns:var(--rp29-sidebar-width) minmax(0,1fr)!important;
  transition:grid-template-columns .22s ease!important;
}
html body .main{
  min-width:0!important;
  width:auto!important;
  margin-left:0!important;
}
html body .sidebar{
  width:var(--rp29-sidebar-width)!important;
  min-width:var(--rp29-sidebar-width)!important;
  max-width:var(--rp29-sidebar-width)!important;
  padding:15px 13px 22px!important;
  transition:width .22s ease,min-width .22s ease,max-width .22s ease,padding .22s ease!important;
}

/* Markenbereich und Navigation */
html body .sidebar-brand-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0 2px 13px!important;
  padding:2px 2px 14px!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
}
html body .sidebar .brand{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:66px!important;
  margin:0!important;
  padding:7px 5px!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .sidebar .brand-logo-wrap,
html body .sidebar .brand-logo{
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:50px!important;
  max-height:50px!important;
}
html body .sidebar .brand-logo-wrap{
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .sidebar .brand-text{
  display:block!important;
  min-width:0!important;
  font-size:1.34rem!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:-.036em!important;
  color:#f7f9fc!important;
}
html body .sidebar .brand-context,
html body .sidebar .brand-text small{
  display:block!important;
  margin-top:6px!important;
  font-size:.72rem!important;
  line-height:1.12!important;
  letter-spacing:.058em!important;
  color:#98a8bc!important;
  white-space:nowrap!important;
}
html body .sidebar-collapse-toggle{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  margin-top:8px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(18,38,64,.94),rgba(9,23,41,.92))!important;
  color:#dbe5f1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 9px 22px rgba(0,0,0,.17)!important;
}
html body .sidebar .nav-section{
  margin:18px 10px 8px!important;
  font-size:.78rem!important;
  letter-spacing:.13em!important;
}
html body .sidebar nav a.sidebar-nav-link{
  min-height:50px!important;
  padding:11px 12px!important;
  gap:12px!important;
  font-size:1rem!important;
  line-height:1.18!important;
  font-weight:830!important;
}
html body .sidebar .sidebar-nav-icon{
  width:25px!important;
  min-width:25px!important;
  height:25px!important;
}
html body .sidebar .sidebar-nav-icon svg{width:22px!important;height:22px!important;}
html body .sidebar .sidebar-nav-label{
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}

/* Echte eingeklappte Sidebar: nicht nur Text ausblenden, sondern Breite reduzieren. */
@media(min-width:1101px){
  html body.sidebar-collapsed .app-shell{
    grid-template-columns:var(--rp29-sidebar-collapsed) minmax(0,1fr)!important;
  }
  html body.sidebar-collapsed .sidebar{
    width:var(--rp29-sidebar-collapsed)!important;
    min-width:var(--rp29-sidebar-collapsed)!important;
    max-width:var(--rp29-sidebar-collapsed)!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  html body.sidebar-collapsed .sidebar-brand-row{
    display:grid!important;
    justify-items:center!important;
    gap:8px!important;
    padding-bottom:12px!important;
  }
  html body.sidebar-collapsed .sidebar .brand{
    width:100%!important;
    justify-content:center!important;
    padding-inline:0!important;
  }
  html body.sidebar-collapsed .sidebar .brand-logo-wrap,
  html body.sidebar-collapsed .sidebar .brand-logo{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    max-height:48px!important;
  }
  html body.sidebar-collapsed .sidebar .brand-text,
  html body.sidebar-collapsed .sidebar .nav-section,
  html body.sidebar-collapsed .sidebar .sidebar-nav-label,
  html body.sidebar-collapsed .sidebar .nav-count{
    display:none!important;
  }
  html body.sidebar-collapsed .sidebar-collapse-toggle{
    margin:0!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    padding:11px 0!important;
    gap:0!important;
  }
  html body.sidebar-collapsed .sidebar .sidebar-nav-icon{
    margin:0!important;
  }
}

/* Header: wieder exakt der stabile Dreispalten-Aufbau der vorherigen Version. */
html body .topbar{
  min-height:60px!important;
  padding:0!important;
  background:rgba(5,14,26,.94)!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
}
html body .topbar .topbar-desktop-shell{
  display:grid!important;
  grid-template-columns:minmax(285px,auto) minmax(330px,620px) minmax(360px,1fr)!important;
  align-items:center!important;
  min-height:60px!important;
  padding:7px clamp(16px,1.45vw,24px)!important;
  gap:14px!important;
}
html body .topbar .topbar-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  overflow:visible!important;
}
html body .topbar .topbar-product{flex:0 0 auto!important;min-width:0!important;}
html body .topbar .topbar-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  white-space:nowrap!important;
}
html body .topbar .topbar-version{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:4px 8px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:999px!important;
  background:rgba(15,31,52,.82)!important;
  color:#f4f7fb!important;
  font-size:.72rem!important;
  line-height:1!important;
  letter-spacing:0!important;
}
html body .topbar .dev-organization-chip{
  min-height:30px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
html body .topbar .topbar-context{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
}
html body .topbar .department-context-switch,
html body .topbar .department-context-static{
  width:100%!important;
  max-width:620px!important;
  min-height:42px!important;
  padding:5px 9px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid rgba(148,163,184,.15)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(13,29,49,.94),rgba(8,21,37,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body .topbar .department-context-switch span,
html body .topbar .department-context-static span{
  font-size:.68rem!important;
  letter-spacing:.105em!important;
  color:#9cadc1!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
html body .topbar .department-context-switch select{
  min-width:0!important;
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 28px 0 12px!important;
  border:1px solid rgba(148,163,184,.12)!important;
  border-radius:10px!important;
  background:#0c1d32!important;
  color:#f7f9fc!important;
  font-weight:900!important;
  box-shadow:none!important;
}
html body .topbar .department-context-static strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f7f9fc!important;
}
html body .topbar .topbar-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:0!important;
  gap:10px!important;
}

/* Native Auswahlmenüs im Darkmode: keine weiße Optionsliste mehr. */
body[data-theme="dark"] select,
html[data-theme="dark"] select{
  color-scheme:dark!important;
}
body[data-theme="dark"] select option,
body[data-theme="dark"] select optgroup,
html[data-theme="dark"] select option,
html[data-theme="dark"] select optgroup{
  background:#0b1a2d!important;
  color:#f8fafc!important;
}
body[data-theme="light"] select,
html[data-theme="light"] select{color-scheme:light!important;}
body[data-theme="light"] select option,
body[data-theme="light"] select optgroup,
html[data-theme="light"] select option,
html[data-theme="light"] select optgroup{
  background:#ffffff!important;
  color:#172033!important;
}

/* Prüfreiter ohne den unpassenden rot-türkisen Verlauf. */
html body .check-tabs{
  gap:8px!important;
}
html body .check-tab{
  border:1px solid var(--rp29-dark-line)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(16,35,59,.92),rgba(10,24,41,.90))!important;
  color:#dbe5f1!important;
  box-shadow:none!important;
}
html body .check-tab strong{
  min-width:27px!important;
  height:27px!important;
  padding:0 8px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(148,163,184,.14)!important;
  color:#dce6f2!important;
}
html body .check-tab.active{
  border-color:rgba(251,113,133,.30)!important;
  background:linear-gradient(90deg,rgba(225,29,72,.16),rgba(30,41,59,.40))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #ef3154!important;
}
html body .check-tab.active strong{
  background:rgba(251,113,133,.18)!important;
  color:#fecdd3!important;
}

/* Hauptflächen bleiben im Darkmode ruhig und konsistent. */
body[data-theme="dark"] .content > :is(.page-head,.page-hero,.card,.toolbar,.pagination,.table-wrap,.data-table-card,.checks-table-wrap,.portal-footer),
body[data-theme="dark"] .content :is(.form-subcard,.detail-item,.info-grid>div,.entity-card,.admin-panel,.admin-card){
  border-color:var(--rp29-dark-line)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.034),transparent 30%),
    radial-gradient(circle at 100% 0,rgba(37,99,235,.085),transparent 22rem),
    linear-gradient(145deg,var(--rp29-dark-card),var(--rp29-dark-card-2))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 15px 36px rgba(1,7,18,.20)!important;
}

/* Whitemode komplett neu und mit eindeutigen Kontrasten. */
body[data-theme="light"]{
  --bg:var(--rp29-light-bg)!important;
  --bg2:var(--rp29-light-bg-2)!important;
  --surface:#ffffff!important;
  --surface-2:#f8fafc!important;
  --text:#172033!important;
  --muted:#64748b!important;
  --muted-2:#8593a6!important;
  --line:#d7e0eb!important;
  --line-soft:rgba(100,116,139,.13)!important;
  color-scheme:light!important;
  color:#172033!important;
  background:
    radial-gradient(circle at 15% -10%,rgba(225,29,72,.07),transparent 34rem),
    radial-gradient(circle at 96% 0,rgba(37,99,235,.08),transparent 34rem),
    linear-gradient(135deg,var(--rp29-light-bg),var(--rp29-light-bg-2))!important;
}
body[data-theme="light"]::before{
  opacity:.34!important;
  background-image:linear-gradient(rgba(100,116,139,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.08) 1px,transparent 1px)!important;
}
body[data-theme="light"] .sidebar{
  color:#243348!important;
  background:linear-gradient(180deg,#f8fbff 0%,#eef3f8 100%)!important;
  border-right-color:var(--rp29-light-line)!important;
  box-shadow:14px 0 38px rgba(100,116,139,.10)!important;
}
body[data-theme="light"] .sidebar-brand-row{border-bottom-color:rgba(100,116,139,.14)!important;}
body[data-theme="light"] .sidebar .brand-text{color:#172033!important;}
body[data-theme="light"] .sidebar .brand-context,
body[data-theme="light"] .sidebar .brand-text small,
body[data-theme="light"] .sidebar .nav-section{color:#6b7a8e!important;}
body[data-theme="light"] .sidebar nav a.sidebar-nav-link{
  color:#2f4056!important;
  background:transparent!important;
}
body[data-theme="light"] .sidebar nav a.sidebar-nav-link:hover{
  color:#0f172a!important;
  border-color:rgba(100,116,139,.15)!important;
  background:rgba(37,99,235,.055)!important;
}
body[data-theme="light"] .sidebar nav a.sidebar-nav-link.active{
  color:#9f1239!important;
  border-color:rgba(225,29,72,.22)!important;
  background:linear-gradient(90deg,rgba(225,29,72,.10),rgba(37,99,235,.055))!important;
  box-shadow:inset 3px 0 0 #e11d48,0 8px 20px rgba(100,116,139,.09)!important;
}
body[data-theme="light"] .sidebar .sidebar-nav-icon{color:#53657b!important;}
body[data-theme="light"] .sidebar nav a.sidebar-nav-link.active .sidebar-nav-icon{color:#e11d48!important;}
body[data-theme="light"] .sidebar-collapse-toggle{
  border-color:var(--rp29-light-line)!important;
  background:linear-gradient(180deg,#ffffff,#eef4fa)!important;
  color:#334155!important;
  box-shadow:0 8px 18px rgba(100,116,139,.10)!important;
}
body[data-theme="light"] .nav-count{
  background:#e7edf5!important;
  border-color:#d6e0eb!important;
  color:#475569!important;
}
body[data-theme="light"] .topbar{
  background:rgba(255,255,255,.93)!important;
  border-bottom-color:var(--rp29-light-line)!important;
  box-shadow:0 8px 24px rgba(100,116,139,.07)!important;
}
body[data-theme="light"] .topbar .topbar-eyebrow{color:#526176!important;}
body[data-theme="light"] .topbar .topbar-version{
  background:#eef3f8!important;
  border-color:#d6e0eb!important;
  color:#172033!important;
}
body[data-theme="light"] .topbar .department-context-switch,
body[data-theme="light"] .topbar .department-context-static{
  border-color:var(--rp29-light-line)!important;
  background:linear-gradient(180deg,#ffffff,#f3f7fb)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
body[data-theme="light"] .topbar .department-context-switch span,
body[data-theme="light"] .topbar .department-context-static span{color:#718096!important;}
body[data-theme="light"] .topbar .department-context-switch select{
  border-color:#d6e0eb!important;
  background:#ffffff!important;
  color:#172033!important;
}
body[data-theme="light"] .topbar .department-context-static strong{color:#172033!important;}
body[data-theme="light"] .theme-switch,
body[data-theme="light"] .topbar-account-info,
body[data-theme="light"] .user-chip,
body[data-theme="light"] .topbar .btn:not(.primary){
  border-color:#d6e0eb!important;
  background:linear-gradient(180deg,#ffffff,#f2f6fb)!important;
  color:#172033!important;
  box-shadow:0 6px 16px rgba(100,116,139,.07)!important;
}
body[data-theme="light"] .content > :is(.page-head,.page-hero,.card,.toolbar,.pagination,.table-wrap,.data-table-card,.checks-table-wrap,.portal-footer),
body[data-theme="light"] .content :is(.form-subcard,.detail-item,.info-grid>div,.entity-card,.admin-panel,.admin-card,.admin-command-nav,.admin-water-source-row,.billing-status-card),
body[data-theme="light"] .rp55-dashboard :is(.card,.stat-card,.rp-feed-card,.rp-operational-card,.rp-overview-card){
  color:#172033!important;
  border-color:var(--rp29-light-line)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.84)),
    radial-gradient(circle at 100% 0,rgba(37,99,235,.055),transparent 18rem),
    linear-gradient(145deg,var(--rp29-light-card),var(--rp29-light-card-2))!important;
  box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(100,116,139,.09)!important;
}
body[data-theme="light"] :is(h1,h2,h3,strong,th,td,.card-head,.page-head,.page-hero){color:#172033!important;}
body[data-theme="light"] :is(.muted,.subtle,small,label,.timeline-list small){color:#64748b!important;}
body[data-theme="light"] :is(input,select,textarea,.smart-person-picker,.smart-select-field){
  border-color:#d6e0eb!important;
  background:linear-gradient(180deg,#ffffff,#f7faff)!important;
  color:#172033!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder{color:#94a3b8!important;}
body[data-theme="light"] .btn:not(.primary):not(.danger){
  border-color:#d6e0eb!important;
  background:linear-gradient(180deg,#ffffff,#eef4fa)!important;
  color:#172033!important;
  box-shadow:0 6px 16px rgba(100,116,139,.07)!important;
}
body[data-theme="light"] .table-wrap,
body[data-theme="light"] .card.table-wrap{background:#ffffff!important;}
body[data-theme="light"] table thead th{
  color:#55657a!important;
  border-bottom-color:#d6e0eb!important;
  background:linear-gradient(180deg,#edf3f8,#e6edf5)!important;
}
body[data-theme="light"] table tbody tr,
body[data-theme="light"] table tbody tr:nth-child(even){background:#ffffff!important;}
body[data-theme="light"] table tbody tr:nth-child(even){background:#f7f9fc!important;}
body[data-theme="light"] table tbody tr:hover{background:#edf4fb!important;}
body[data-theme="light"] table td{color:#26364b!important;border-bottom-color:rgba(100,116,139,.13)!important;}
body[data-theme="light"] .pill,
body[data-theme="light"] .status,
body[data-theme="light"] .role{
  border-color:#d6e0eb!important;
  background:#eef3f8!important;
  color:#34445a!important;
}
body[data-theme="light"] .timeline-list article,
body[data-theme="light"] .v138-feed-item,
body[data-theme="light"] .feed-list article{
  border-color:#d9e2ec!important;
  background:#ffffff!important;
  color:#172033!important;
  box-shadow:0 7px 18px rgba(100,116,139,.07)!important;
}
body[data-theme="light"] .portal-footer a{
  border-color:#d6e0eb!important;
  background:#f8fafc!important;
  color:#334155!important;
}
body[data-theme="light"] .check-tab{
  border-color:#d6e0eb!important;
  background:linear-gradient(180deg,#ffffff,#eef4fa)!important;
  color:#334155!important;
}
body[data-theme="light"] .check-tab strong{background:#e7edf5!important;color:#475569!important;}
body[data-theme="light"] .check-tab.active{
  border-color:rgba(225,29,72,.22)!important;
  background:linear-gradient(90deg,rgba(225,29,72,.10),rgba(37,99,235,.05))!important;
  color:#9f1239!important;
}

/* Tablet: kein zusammengedrückter Header, Sidebar als sauberes Overlay. */
@media(max-width:1100px){
  html body .app-shell{grid-template-columns:1fr!important;}
  html body .main{margin-left:0!important;}
  html body .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:120!important;
    width:min(88vw,320px)!important;
    min-width:min(88vw,320px)!important;
    max-width:min(88vw,320px)!important;
    height:100dvh!important;
    transform:translateX(-104%)!important;
    transition:transform .22s ease!important;
  }
  html body.sidebar-open .sidebar{transform:translateX(0)!important;}
  html body .sidebar-collapse-toggle{display:none!important;}
  html body .topbar .topbar-desktop-shell{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-areas:"menu title actions" "context context context"!important;
    min-height:0!important;
    padding:8px 13px!important;
    row-gap:8px!important;
  }
  html body .topbar-tablet-menu{grid-area:menu!important;}
  html body .topbar-title{grid-area:title!important;}
  html body .topbar-context{grid-area:context!important;}
  html body .topbar-actions{grid-area:actions!important;}
  html body .topbar .department-context-switch,
  html body .topbar .department-context-static{max-width:none!important;}
  html body .content{padding:17px 14px 26px!important;}
  html body .toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;}
  html body .toolbar>*{width:100%!important;max-width:100%!important;}
}

/* Mobile: Inhalte nicht mehr gequetscht oder horizontal abgeschnitten. */
@media(max-width:760px){
  html body .content{padding:13px 11px 22px!important;}
  html body .rp-mobile-header{padding-top:max(8px,env(safe-area-inset-top))!important;}
  html body .toolbar{grid-template-columns:1fr!important;gap:10px!important;}
  html body .content > :is(.page-head,.page-hero,.card,.toolbar,.pagination,.table-wrap,.portal-footer){
    max-width:100%!important;
    border-radius:17px!important;
  }
  html body .page-head,
  html body .page-hero{padding:17px 15px!important;gap:14px!important;}
  html body .hero-actions,
  html body .form-actions{width:100%!important;}
  html body .hero-actions .btn,
  html body .form-actions .btn{width:100%!important;}
  html body .billing-invoice-actions,
  html body .billing-status-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
  }
  html body .billing-invoice-actions>*,
  html body .billing-status-form>*{width:100%!important;max-width:100%!important;}
  html body .table-wrap table.responsive-table tbody tr{
    width:100%!important;
    max-width:100%!important;
    padding:8px 13px!important;
    border-radius:17px!important;
  }
  html body .table-wrap table.responsive-table tbody td{
    grid-template-columns:minmax(94px,36%) minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px 0!important;
  }
  html body .table-wrap table.responsive-table td.actions,
  html body .table-wrap table.responsive-table td.table-actions,
  html body .table-wrap table.responsive-table td.mobile-action-cell{
    display:block!important;
    padding-top:13px!important;
  }
  html body .table-wrap table.responsive-table td.actions .btn,
  html body .table-wrap table.responsive-table td.table-actions .btn,
  html body .table-wrap table.responsive-table td.mobile-action-cell .btn{width:100%!important;}
  html body .check-tabs{display:grid!important;grid-template-columns:1fr!important;}
  html body .check-tab{width:100%!important;}
  body[data-theme="light"] .table-wrap table.responsive-table tbody tr{
    background:#ffffff!important;
    border-color:#d6e0eb!important;
    box-shadow:0 9px 22px rgba(100,116,139,.08)!important;
  }
}

@media(max-width:430px){
  html body .table-wrap table.responsive-table tbody td{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  html body .topbar .topbar-title{gap:7px!important;}
  html body .topbar .dev-organization-chip{font-size:.64rem!important;padding-inline:8px!important;}
}