/* Retter-Portal v1.3.22 - einheitliches Portaldesign, größere Sidebar und saubere Markenführung. */

:root{
  --sidebar-width:332px!important;
  --rp22-radius-xl:28px;
  --rp22-radius-lg:22px;
  --rp22-radius-md:16px;
  --rp22-sidebar:#07111f;
  --rp22-sidebar-deep:#050c17;
  --rp22-panel:rgba(255,255,255,.82);
  --rp22-panel-strong:rgba(255,255,255,.94);
  --rp22-panel-soft:rgba(248,250,252,.70);
  --rp22-line:rgba(71,85,105,.18);
  --rp22-line-strong:rgba(71,85,105,.26);
  --rp22-shadow:0 24px 70px rgba(15,23,42,.12);
  --rp22-shadow-soft:0 12px 34px rgba(15,23,42,.09);
  --rp22-red:#e11d48;
  --rp22-red-bright:#f43f5e;
  --rp22-blue:#2563eb;
  --rp22-cyan:#0891b2;
}

body[data-theme="dark"]{
  --rp22-panel:rgba(11,24,42,.86);
  --rp22-panel-strong:rgba(13,28,48,.94);
  --rp22-panel-soft:rgba(10,21,37,.74);
  --rp22-line:rgba(148,163,184,.14);
  --rp22-line-strong:rgba(148,163,184,.22);
  --rp22-shadow:0 26px 78px rgba(0,0,0,.32);
  --rp22-shadow-soft:0 14px 38px rgba(0,0,0,.24);
  --bg:#06101c;
  --bg2:#09182a;
  --surface:var(--rp22-panel);
  --surface-2:var(--rp22-panel-strong);
  --line:#22344a;
  --line-soft:rgba(148,163,184,.09);
  --text:#f4f7fb;
  --muted:#a9b6c8;
  --muted-2:#73849b;
}

html body{
  background:
    radial-gradient(circle at 6% -8%,rgba(225,29,72,.16),transparent 31rem),
    radial-gradient(circle at 92% 4%,rgba(37,99,235,.18),transparent 37rem),
    radial-gradient(circle at 58% 108%,rgba(8,145,178,.12),transparent 42rem),
    linear-gradient(145deg,var(--bg),var(--bg2))!important;
  background-attachment:fixed!important;
}
html body::before{
  opacity:.36!important;
  background-size:58px 58px!important;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 52%,transparent 94%)!important;
}

/* Grundaufbau: Sidebar und Hauptbereich wirken als zusammengehörige Anwendung. */
html body .app-shell{
  grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;
  min-height:100dvh!important;
}
html body .main{
  min-width:0!important;
  margin-left:var(--sidebar-width)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 24rem)!important;
}
html body .app-shell--navigation-disabled .main{margin-left:0!important;}
html body .content{
  width:min(1720px,100%)!important;
  padding:30px clamp(24px,2.25vw,42px) 42px!important;
  overflow-x:clip!important;
}

/* Markenbereich: echtes Signet statt kleinem, doppelt beschriftetem Komplettlogo. */
html body .sidebar{
  width:var(--sidebar-width)!important;
  max-width:var(--sidebar-width)!important;
  padding:18px 16px 24px!important;
  background:
    radial-gradient(circle at 18% -6%,rgba(225,29,72,.18),transparent 24rem),
    radial-gradient(circle at 110% 34%,rgba(37,99,235,.10),transparent 22rem),
    linear-gradient(180deg,var(--rp22-sidebar) 0%,#081526 48%,var(--rp22-sidebar-deep) 100%)!important;
  border-right:1px solid rgba(148,163,184,.15)!important;
  box-shadow:22px 0 64px rgba(2,6,23,.28)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(148,163,184,.30) transparent!important;
}
html body .sidebar .brand{
  min-height:92px!important;
  margin:0 3px 18px!important;
  padding:8px 8px 20px!important;
  gap:15px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
  overflow:visible!important;
}
html body .sidebar .brand-logo-wrap{
  position:relative!important;
  width:64px!important;
  min-width:64px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border:0!important;
  border-radius:19px!important;
  background:
    radial-gradient(circle at 48% 38%,rgba(244,63,94,.19),transparent 62%),
    rgba(255,255,255,.035)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.075),
    0 15px 34px rgba(2,6,23,.34),
    0 0 28px rgba(225,29,72,.10)!important;
}
html body .sidebar .brand-logo-wrap::after{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  z-index:-1!important;
  border-radius:24px!important;
  background:radial-gradient(circle,rgba(225,29,72,.13),transparent 68%)!important;
}
html body .sidebar .brand-logo{
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.30))!important;
}
html body .sidebar .brand-text{
  min-width:0!important;
  color:#f8fafc!important;
  font-size:1.22rem!important;
  line-height:1.06!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  white-space:normal!important;
}
html body .sidebar .brand-text small,
html body .sidebar .brand-context{
  margin-top:7px!important;
  color:#899ab0!important;
  font-size:.67rem!important;
  line-height:1.25!important;
  letter-spacing:.12em!important;
}

/* Navigation: größer, besser lesbar und proportional zum Inhaltsbereich. */
html body .sidebar .sidebar-nav{
  gap:3px!important;
}
html body .sidebar .nav-section{
  margin:20px 11px 9px!important;
  gap:12px!important;
  color:#71839b!important;
  font-size:.68rem!important;
  letter-spacing:.17em!important;
}
html body .sidebar .nav-section::after{
  background:linear-gradient(90deg,rgba(148,163,184,.20),transparent)!important;
}
html body .sidebar nav a.sidebar-nav-link{
  min-height:50px!important;
  margin:1px 0!important;
  padding:11px 13px!important;
  gap:13px!important;
  border-radius:15px!important;
  color:#cbd6e5!important;
  font-size:.97rem!important;
  line-height:1.25!important;
  font-weight:830!important;
}
html body .sidebar nav a.sidebar-nav-link:hover{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(148,163,184,.14)!important;
  transform:translateX(2px)!important;
}
html body .sidebar nav a.sidebar-nav-link.active{
  background:
    linear-gradient(90deg,rgba(225,29,72,.22),rgba(30,41,59,.42) 62%,rgba(37,99,235,.08))!important;
  border-color:rgba(251,113,133,.26)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 13px 32px rgba(2,6,23,.22),
    0 0 30px rgba(225,29,72,.06)!important;
}
html body .sidebar nav a.sidebar-nav-link.active::before{
  top:9px!important;
  bottom:9px!important;
  width:4px!important;
  background:linear-gradient(180deg,#fb7185,#e11d48)!important;
  box-shadow:0 0 18px rgba(244,63,94,.62)!important;
}
html body .sidebar .sidebar-nav-icon{
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  color:#8ea0b8!important;
}
html body .sidebar .sidebar-nav-icon svg{
  width:22px!important;
  height:22px!important;
  stroke-width:1.8!important;
}
html body .sidebar nav a.sidebar-nav-link.active .sidebar-nav-icon{
  color:#fb7185!important;
}
html body .sidebar .nav-count{
  min-width:28px!important;
  height:24px!important;
  padding-inline:8px!important;
  background:rgba(148,163,184,.20)!important;
  font-size:.71rem!important;
}

/* Topbar übernimmt dieselbe ruhige, dunkle Produktsprache. */
html body .topbar{
  min-height:76px!important;
  padding:13px clamp(22px,2vw,36px)!important;
  background:rgba(7,16,28,.82)!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
  box-shadow:0 14px 40px rgba(2,6,23,.16)!important;
  backdrop-filter:blur(24px) saturate(1.2)!important;
}
body[data-theme="light"] .topbar{
  background:rgba(248,250,252,.82)!important;
  border-bottom-color:rgba(71,85,105,.16)!important;
  box-shadow:0 12px 36px rgba(15,23,42,.08)!important;
}
html body .topbar-desktop-shell{
  width:100%!important;
  gap:18px!important;
}
html body .topbar-eyebrow{
  margin:0!important;
  color:#91a2b9!important;
  font-size:.72rem!important;
  letter-spacing:.16em!important;
}
body[data-theme="light"] .topbar-eyebrow{color:#64748b!important;}
html body .topbar-version{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:4px 9px!important;
  border:1px solid rgba(148,163,184,.17)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  color:#e8eef7!important;
  font-size:.69rem!important;
  letter-spacing:0!important;
}
body[data-theme="light"] .topbar-version{background:#fff!important;color:#334155!important;border-color:rgba(71,85,105,.17)!important;}
html body .department-context-switch,
html body .department-context-static{
  min-height:47px!important;
  border:1px solid rgba(148,163,184,.17)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
body[data-theme="light"] .department-context-switch,
body[data-theme="light"] .department-context-static{background:rgba(255,255,255,.74)!important;border-color:rgba(71,85,105,.17)!important;}
html body .department-context-switch select,
html body .department-context-static strong{
  color:var(--text)!important;
  font-weight:900!important;
}
html body .theme-switch,
html body .topbar-account-info,
html body .topbar-logout .btn{
  min-height:44px!important;
  border-color:rgba(148,163,184,.16)!important;
  background:rgba(255,255,255,.04)!important;
  box-shadow:none!important;
}
body[data-theme="light"] .theme-switch,
body[data-theme="light"] .topbar-account-info,
body[data-theme="light"] .topbar-logout .btn{background:rgba(255,255,255,.82)!important;border-color:rgba(71,85,105,.16)!important;}
html body .topbar-role-badge{
  border-color:rgba(251,113,133,.28)!important;
  background:rgba(225,29,72,.12)!important;
  color:#fda4af!important;
}
body[data-theme="light"] .topbar-role-badge{color:#be123c!important;background:#fff1f2!important;}

/* Inhaltsflächen: ein Designsystem statt einzelner, unterschiedlich wirkender Kästen. */
html body .content > .page-head,
html body .content > .page-hero{
  position:relative!important;
  isolation:isolate!important;
  min-height:188px!important;
  margin-bottom:22px!important;
  padding:32px clamp(28px,3vw,46px)!important;
  border:1px solid var(--rp22-line)!important;
  border-radius:var(--rp22-radius-xl)!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(37,99,235,.17),transparent 25rem),
    radial-gradient(circle at 3% 0,rgba(225,29,72,.13),transparent 21rem),
    linear-gradient(135deg,var(--rp22-panel-strong),var(--rp22-panel-soft))!important;
  box-shadow:var(--rp22-shadow)!important;
  backdrop-filter:blur(20px) saturate(1.12)!important;
  overflow:hidden!important;
}
html body .content > .page-head::before,
html body .content > .page-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:linear-gradient(110deg,rgba(255,255,255,.045),transparent 40%,rgba(37,99,235,.035))!important;
  pointer-events:none!important;
}
html body .content > .page-head::after,
html body .content > .page-hero::after{
  content:""!important;
  position:absolute!important;
  right:-120px!important;
  bottom:-185px!important;
  width:380px!important;
  height:380px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(37,99,235,.15),transparent 66%)!important;
  pointer-events:none!important;
}
html body .content > .page-head h1,
html body .content > .page-hero h1{
  font-size:clamp(2.45rem,3.2vw,4.05rem)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
}
html body .content > .page-head .eyebrow,
html body .content > .page-hero .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:11px!important;
  color:#f87171!important;
  font-size:.7rem!important;
  letter-spacing:.17em!important;
}
html body .content > .page-head .muted,
html body .content > .page-hero .muted{
  max-width:900px!important;
  margin:13px 0 0!important;
  color:var(--muted)!important;
  font-size:1rem!important;
  line-height:1.6!important;
  font-weight:720!important;
}
html body .content > .page-head > .btn,
html body .content > .page-head .actions .btn,
html body .content > .page-hero > .btn,
html body .content > .page-hero .actions .btn{
  min-height:50px!important;
  padding-inline:20px!important;
  border-radius:15px!important;
}

html body .card,
html body .stat-card,
html body .toolbar,
html body .pagination,
html body .portal-footer,
html body .content > .card,
html body .content > section.card,
html body .content > div.card{
  border:1px solid var(--rp22-line)!important;
  border-radius:var(--rp22-radius-lg)!important;
  background:linear-gradient(145deg,var(--rp22-panel),var(--rp22-panel-soft))!important;
  box-shadow:var(--rp22-shadow-soft)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
html body .card,
html body .content > .card,
html body .content > section.card,
html body .content > div.card{
  padding:22px!important;
}
html body .card-head{
  padding-bottom:15px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid var(--rp22-line)!important;
}
html body .card-head h2,
html body .card-head h3{
  letter-spacing:-.035em!important;
}

/* Filterleisten. */
html body .content > .toolbar,
html body form.toolbar{
  gap:12px!important;
  margin-bottom:18px!important;
  padding:16px!important;
  border-radius:22px!important;
}
html body .toolbar::before{content:none!important;display:none!important;}
html body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="range"]),
html body select,
html body textarea,
html body .smart-select-trigger{
  min-height:46px!important;
  border:1px solid var(--rp22-line-strong)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.58)!important;
  color:var(--text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
body[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="range"]),
body[data-theme="dark"] select,
body[data-theme="dark"] textarea,
body[data-theme="dark"] .smart-select-trigger{
  background:rgba(3,12,24,.52)!important;
  border-color:rgba(148,163,184,.17)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
html body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="range"]):focus,
html body select:focus,
html body textarea:focus,
html body .smart-select-trigger:focus{
  border-color:rgba(244,63,94,.58)!important;
  outline:3px solid rgba(244,63,94,.11)!important;
  box-shadow:0 0 0 1px rgba(244,63,94,.07)!important;
}
html body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="range"])::placeholder,
html body textarea::placeholder{color:color-mix(in srgb,var(--muted) 74%,transparent)!important;}

/* Buttons: Rot als klare Primäraktion, neutrale Aktionen bleiben ruhig. */
html body .btn{
  min-height:44px!important;
  padding:10px 15px!important;
  border:1px solid var(--rp22-line-strong)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.64)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font-weight:900!important;
}
body[data-theme="dark"] .btn{background:rgba(17,32,53,.76)!important;}
html body .btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(148,163,184,.34)!important;
  box-shadow:0 12px 28px rgba(2,6,23,.16)!important;
}
html body .btn.primary{
  border-color:rgba(251,113,133,.42)!important;
  background:linear-gradient(135deg,var(--rp22-red-bright),#d70b39)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(225,29,72,.24)!important;
}
html body .btn.primary:hover{
  box-shadow:0 18px 40px rgba(225,29,72,.31)!important;
}

/* Tabellen: sauberer Kopf, einzelne Kontur und ruhigere Zeilen. */
html body .content > .card.table-wrap,
html body .content > section.card.table-wrap,
html body .content > div.card.table-wrap,
html body .table-wrap.data-table-card{
  padding:0!important;
  overflow:auto!important;
  border-radius:var(--rp22-radius-lg)!important;
  background:linear-gradient(145deg,var(--rp22-panel),var(--rp22-panel-soft))!important;
  box-shadow:var(--rp22-shadow-soft)!important;
}
html body .content > .card.table-wrap::before,
html body .content > .card.table-wrap::after,
html body .content > section.card.table-wrap::before,
html body .content > section.card.table-wrap::after,
html body .content > div.card.table-wrap::before,
html body .content > div.card.table-wrap::after,
html body .table-wrap.data-table-card::before,
html body .table-wrap.data-table-card::after{
  content:none!important;
  display:none!important;
}
html body table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
}
html body table thead,
html body table thead tr{
  background:rgba(71,85,105,.10)!important;
}
body[data-theme="dark"] table thead,
body[data-theme="dark"] table thead tr{
  background:rgba(51,65,85,.34)!important;
}
html body table th{
  padding:15px 16px!important;
  border-bottom:1px solid var(--rp22-line)!important;
  color:var(--muted-2)!important;
  font-size:.69rem!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body table td{
  padding:16px!important;
  border-bottom:1px solid color-mix(in srgb,var(--rp22-line) 74%,transparent)!important;
  color:var(--text)!important;
  vertical-align:middle!important;
}
html body table tbody tr:last-child td{border-bottom:0!important;}
html body table tbody tr:hover td{background:rgba(37,99,235,.035)!important;}
body[data-theme="dark"] table tbody tr:hover td{background:rgba(59,130,246,.045)!important;}
html body .status,
html body .pill,
html body .role{
  border:1px solid var(--rp22-line)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}

/* Seitennavigation und Footer. */
html body .pagination{
  min-height:64px!important;
  margin-top:18px!important;
  padding:14px 18px!important;
}
html body .content > .portal-footer,
html body .app-shell .content > .portal-footer{
  margin-top:28px!important;
  padding:20px!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
html body .portal-footer-brand strong{
  font-size:1rem!important;
  letter-spacing:-.025em!important;
}
html body .portal-footer-brand span{
  color:var(--muted)!important;
  font-size:.84rem!important;
}
html body .portal-footer-links a{
  min-height:36px!important;
  padding:8px 11px!important;
  border:1px solid var(--rp22-line)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.035)!important;
}

/* System- und Statusflächen folgen ebenfalls dem neuen Design. */
html body .v138-system-banners{
  padding:18px clamp(24px,2.25vw,42px) 0!important;
}
html body .v138-system-banner,
html body .flash{
  border-radius:17px!important;
  box-shadow:var(--rp22-shadow-soft)!important;
}
html body .dev-organization-chip,
html body .dev-organization-badge{
  border-color:rgba(251,113,133,.28)!important;
  background:rgba(225,29,72,.12)!important;
  color:#fda4af!important;
}
body[data-theme="light"] .dev-organization-chip,
body[data-theme="light"] .dev-organization-badge{color:#be123c!important;background:#fff1f2!important;}

/* Tablet: gleiche Gestaltung, aber kompakter und ohne horizontale Portalüberläufe. */
@media(max-width:1260px){
  :root{--sidebar-width:304px!important;}
  html body .sidebar{padding-inline:13px!important;}
  html body .sidebar .brand-text{font-size:1.16rem!important;}
  html body .sidebar .brand-context{font-size:.61rem!important;letter-spacing:.085em!important;overflow-wrap:anywhere!important;}
  html body .sidebar nav a.sidebar-nav-link{font-size:.93rem!important;gap:11px!important;}
  html body .content{padding-inline:24px!important;}
  html body .content > .page-head,
  html body .content > .page-hero{padding:28px!important;min-height:174px!important;}
}

@media(max-width:1100px){
  :root{--sidebar-width:336px!important;}
  html body .app-shell{display:block!important;}
  html body .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:50!important;
    width:min(90vw,var(--sidebar-width))!important;
    max-width:min(90vw,var(--sidebar-width))!important;
    transform:translateX(-106%)!important;
    transition:transform .22s ease!important;
    padding-top:calc(15px + env(safe-area-inset-top))!important;
  }
  html body.sidebar-open .sidebar{transform:translateX(0)!important;}
  html body .main{margin-left:0!important;width:100%!important;max-width:100%!important;}
  html body .app-shell--navigation-disabled .main{margin-left:0!important;}
  html body .topbar{min-height:0!important;padding:10px 14px!important;}
  html body .topbar .topbar-desktop-shell{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-areas:"menu brand actions" "context context context"!important;
    align-items:center!important;
    gap:10px 12px!important;
  }
  html body .topbar .topbar-tablet-menu{grid-area:menu!important;position:static!important;inset:auto!important;display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;border:1px solid rgba(148,163,184,.17)!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;color:var(--text)!important;}
  html body .topbar .topbar-title{grid-area:brand!important;min-width:0!important;}
  html body .topbar .topbar-context{grid-area:context!important;width:100%!important;}
  html body .topbar .topbar-actions{grid-area:actions!important;justify-self:end!important;}
  html body .department-context-switch,html body .department-context-static{width:100%!important;max-width:100%!important;}
  html body .content{padding:20px 18px 32px!important;}
  html body .v138-system-banners{padding:16px 18px 0!important;}
}


@media(max-width:860px){
  html body .app-shell .main .content :is(.table-wrap,.data-table-card,.checks-table-wrap){
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html body .app-shell .main .content table thead,
  html body .app-shell .main .content :is(.table-wrap,.data-table-card,.checks-table-wrap) table thead{display:none!important;}
  html body .app-shell .main .content table tbody{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  html body .app-shell .main .content table tr{
    display:block!important;
    width:100%!important;
    padding:16px!important;
    border:1px solid var(--rp22-line)!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,var(--rp22-panel),var(--rp22-panel-soft))!important;
    box-shadow:var(--rp22-shadow-soft)!important;
    overflow:hidden!important;
  }
  html body .app-shell .main .content table td,
  html body .app-shell .main .content table td:nth-child(n){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:11px 0!important;
    border:0!important;
    border-bottom:1px solid var(--rp22-line)!important;
    background:transparent!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
  html body .app-shell .main .content table td:last-child{border-bottom:0!important;}
}

@media(max-width:760px){
  html body .topbar .topbar-desktop-shell{display:none!important;}
  html body .rp-mobile-header{display:grid!important;}
  html body .content{padding:14px 12px 28px!important;}
  html body .content > .page-head,
  html body .content > .page-hero{
    min-height:0!important;
    padding:22px 19px!important;
    border-radius:22px!important;
    gap:18px!important;
  }
  html body .content > .page-head h1,
  html body .content > .page-hero h1{font-size:clamp(2.05rem,10vw,3rem)!important;}
  html body .content > .page-head .muted,
  html body .content > .page-hero .muted{font-size:.94rem!important;line-height:1.55!important;}
  html body .content > .page-head > .btn,
  html body .content > .page-head .actions,
  html body .content > .page-head .actions .btn,
  html body .content > .page-hero > .btn,
  html body .content > .page-hero .actions,
  html body .content > .page-hero .actions .btn{width:100%!important;}
  html body .content > .toolbar,
  html body form.toolbar{padding:12px!important;border-radius:18px!important;}
  html body .toolbar input,
  html body .toolbar select,
  html body .toolbar .btn,
  html body .toolbar button{width:100%!important;flex:1 1 100%!important;}
  html body .card,
  html body .content > .card,
  html body .content > section.card,
  html body .content > div.card{padding:17px!important;border-radius:19px!important;}
  html body .content > .card.table-wrap,
  html body .content > section.card.table-wrap,
  html body .content > div.card.table-wrap{padding:0!important;border:0!important;border-radius:19px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
  html body table th,html body table td{padding:12px!important;}
  html body table th,html body table td{padding:12px!important;}
  html body .pagination{border-radius:18px!important;}
  html body .rp-mobile-header{
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:18px!important;
    background:rgba(7,16,28,.74)!important;
    box-shadow:0 12px 34px rgba(2,6,23,.18)!important;
  }
  body[data-theme="light"] .rp-mobile-header{background:rgba(248,250,252,.86)!important;}
}

@media(max-width:430px){
  :root{--sidebar-width:326px!important;}
  html body .sidebar .brand{min-height:82px!important;gap:12px!important;padding-inline:4px!important;}
  html body .sidebar .brand-logo-wrap{width:56px!important;min-width:56px!important;height:56px!important;}
  html body .sidebar .brand-logo{width:47px!important;height:47px!important;max-width:47px!important;max-height:47px!important;}
  html body .sidebar .brand-text{font-size:1.12rem!important;}
  html body .sidebar nav a.sidebar-nav-link{min-height:49px!important;font-size:.94rem!important;}
  html body .portal-footer-links{display:grid!important;grid-template-columns:1fr!important;}
  html body .portal-footer-links a{width:100%!important;justify-content:center!important;text-align:center!important;}
}

@media(prefers-reduced-motion:reduce){
  html body .sidebar,
  html body .btn,
  html body .sidebar nav a.sidebar-nav-link{transition:none!important;}
}