@font-face{font-family:"DejaVu Sans";src:url("../fonts/DejaVuSans-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"DejaVu Sans";src:url("../fonts/DejaVuSans-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{font-family:"DejaVu Sans",sans-serif;color:#172033;background:#f5f7fa;--font:"DejaVu Sans",sans-serif;--font-code:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--leading-tight:1.25;--leading-normal:1.5;--weight-regular:400;--weight-bold:700}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;font-size:var(--text-md);line-height:var(--leading-normal)}
h1,h2,h3,legend{font-family:var(--font);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:#102c45}
h1{margin:.2rem 0;font-size:2rem}
h2{font-size:1.2rem;margin:.2rem 0}
h3{font-size:1rem;margin:.45rem 0}
header{background:#0b3556;color:#fff;padding:1rem 5vw;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.brand-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.brand-nav a{color:#fff}
main{max-width:1440px;margin:auto;padding:2rem 5vw}
.card{background:#fff;border:1px solid #dce3ea;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #0001}
.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end;margin-bottom:1rem}
.toolbar>div:first-child{margin-right:auto}
.field{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.field label,.field>span{font-weight:700;color:#314b60}
input,select,textarea{font:inherit;padding:.65rem;border:1px solid #99a8b5;border-radius:6px;max-width:100%;width:100%;background:#fff}
input:focus,select:focus,textarea:focus{outline:3px solid #b9e3e7;border-color:#087e8b}
input[type=checkbox]{width:auto;flex:0 0 auto}
button,.button{font:inherit;padding:.65rem .9rem;border:0;border-radius:6px;background:#087e8b;color:#fff;text-decoration:none;cursor:pointer;display:inline-block}
.secondary{background:#e7edf2;color:#173b57}
.danger{background:#9c2f2f}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:.75rem;border-bottom:1px solid #e2e7ec;vertical-align:top}
th{background:#f5f8fa;color:#536878;font-size:.82rem}
tbody tr:hover{background:#f7fbfc}
.table-wrap{overflow-x:auto}
form p{display:flex;flex-direction:column;gap:.35rem}
.errors,.errorlist{color:#9c2f2f}
.muted{color:#5b6874}
.actions,.page-head{display:flex;gap:.5rem;flex-wrap:wrap}
.page-head{justify-content:space-between;align-items:center;margin-bottom:1rem}
.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:#e7edf2;font-size:.85rem}
.badge.good{background:#d9f0e3;color:#185b35}
.badge.critical{background:#f8dddd;color:#7d1d1d}
.badge.warning{background:#fff0cc;color:#735000}
.badge.info{background:#dceef6;color:#174d66}
.eyebrow{color:#087e8b;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.form-card{max-width:850px;margin:0}
.login-card{max-width:430px;margin:auto}
.narrow-card{max-width:700px}
.participant-form{padding:0;overflow:hidden}
.participant-form fieldset{border:0;margin:0;padding:1.4rem}
.participant-form fieldset+fieldset{border-top:1px solid #e2e7ec}
.participant-form legend{font-size:1.25rem;font-weight:700;margin-bottom:1rem}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.span-2{grid-column:1/-1}
.assignment-note{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;padding:.8rem 1rem;border-left:4px solid #087e8b;background:#f2fbfb;color:#314b60}
.assignment-note strong{color:#0b5560}
.assignment-required label::after{content:" *";color:#a33a3a}
.form-actions{padding:1rem 1.4rem;border-top:1px solid #e2e7ec;background:#f8fafb}
.centre-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.centre-grid.no-gap{margin:0}
.centre-wide{grid-column:1/-1}
.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.7rem}
.section-space{margin-top:1rem}
.leadership-note{margin-bottom:1rem}
.item-list{list-style:none;padding:0;margin:0}
.item-list li{display:grid;grid-template-columns:minmax(7rem,auto) 1fr auto;gap:.75rem;align-items:start;padding:.75rem 0;border-top:1px solid #e2e7ec}
.item-list li:first-child{border-top:0}
.item-list a{font-weight:700;color:#075e68}
.empty{padding:1.5rem .5rem;text-align:center;color:#5b6874}
.role-switch{display:flex;gap:.5rem;align-items:end}
.role-switch select{min-width:230px}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.case-card{display:block;border:1px solid #dce3ea;border-radius:8px;padding:.8rem;color:inherit;text-decoration:none}
.case-card:hover{border-color:#087e8b;background:#f5fbfc}
.summary-line{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.8rem;padding-top:.8rem;border-top:1px solid #e2e7ec}
.definition-list{display:grid;grid-template-columns:12rem 1fr;gap:.5rem 1rem}
.definition-list dt{font-weight:700;color:#536878}
.definition-list dd{margin:0}
.compact-definitions{grid-template-columns:minmax(8rem,11rem) 1fr}
.stack-form{display:grid;gap:.75rem}
.check-line{display:flex;gap:.6rem;align-items:flex-start}
.process-hero{border-top:4px solid #087e8b}
.process-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.status-stack{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.progress{display:block;width:100%;height:.65rem;margin:1rem 0;border:0;border-radius:999px;overflow:hidden;background:#e7edf2;color:#087e8b}
.progress::-webkit-progress-bar{background:#e7edf2}
.progress::-webkit-progress-value{background:#087e8b}
.progress::-moz-progress-bar{background:#087e8b}
.process-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}
.process-step{padding:.7rem;border:1px solid #dce3ea;border-radius:8px;background:#fafbfc;min-width:0}
.process-step strong,.process-step small{display:block}
.process-step small{margin-top:.35rem;color:#5b6874;font-size:.76rem}
.process-step.done{background:#e8f4ee;border-color:#8fc7a7}
.process-step.current{background:#eefafa;border:2px solid #087e8b}
.process-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem}
.process-meta>div{padding:.7rem;background:#f5f8fa;border-radius:7px;min-width:0}
.meta-label{display:block;color:#536878;font-size:.78rem;margin-bottom:.25rem}
.blocker-panel{margin-top:1rem;padding:.8rem 1rem;background:#f2f7f9;border-left:4px solid #5c788d}
.blocker-panel.has-blockers{background:#fff4e0;border-left-color:#d18b13}
.blocker-panel ul{margin:.4rem 0 0;padding-left:1.2rem}
.blocker-panel p{margin:.35rem 0}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:1rem 0;border-top:1px solid #e2e7ec}
.timeline li:first-child{border-top:0}
.timeline time{color:#536878;font-size:.85rem}
.timeline p{margin:.35rem 0}
.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}
.inline-action{position:relative}
.inline-action summary{list-style:none}
.popover-form{position:absolute;z-index:3;right:0;top:2.7rem;width:min(22rem,80vw);padding:1rem;background:#fff;border:1px solid #dce3ea;border-radius:8px;box-shadow:0 8px 25px #0002;display:grid;gap:.6rem}
.popover-form label{display:grid;gap:.25rem}

@media(max-width:1100px){.process-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){.centre-grid{grid-template-columns:1fr}
.centre-wide{grid-column:auto}
.case-grid{grid-template-columns:1fr 1fr}
.toolbar .field{flex:1 1 12rem}
}

@media(max-width:700px){header{align-items:flex-start;flex-direction:column}
main{padding:1.25rem 3vw}
table,thead,tbody,tr,th,td{display:block}
thead{position:absolute;clip:rect(0,0,0,0)}
tr{border:1px solid #dce3ea;border-radius:8px;margin:.75rem 0;padding:.5rem}
td{border:0;padding:.35rem}
td:before{content:attr(data-label);display:block;font-size:.78rem;font-weight:700;color:#5b6874}
.toolbar>*{width:100%}
.page-head{align-items:stretch}
.page-head .actions,.page-head .button{width:100%}
.page-head .button{text-align:center}
.form-grid{grid-template-columns:1fr}
.span-2{grid-column:auto}
.case-grid{grid-template-columns:1fr}
.item-list li{grid-template-columns:1fr}
.role-switch{width:100%;align-items:stretch;flex-direction:column}
.process-heading{display:block}
.status-stack{justify-content:flex-start;margin-top:.7rem}
.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-meta{grid-template-columns:1fr}
.process-meta .span-2{grid-column:auto}
.definition-list,.compact-definitions{grid-template-columns:1fr}
.definition-list dt{margin-top:.45rem}
.timeline li{grid-template-columns:1fr;gap:.35rem}
}

@media(max-width:430px){h1{font-size:1.65rem}
.brand-nav{gap:.7rem}
.brand-nav strong{width:100%}
.process-steps{grid-template-columns:1fr}
.card{padding:.8rem}
.actions>*{flex:1 1 100%;text-align:center}
.pagination{align-items:stretch;flex-direction:column;text-align:center}
}

/* Sprach-, Fokus- und Vergrösserungsrunde 0.13. */
.visually-hidden,
thead.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  position: fixed;
  top: .75rem;
  left: .75rem;
  z-index: 1000;
  padding: .75rem 1rem;
  border-radius: .4rem;
  background: #fff;
  color: #102c45;
  box-shadow: 0 4px 18px #0003;
  font-weight: 700;
  transform: translateY(-200%);
}
.skip-link:focus { transform: translateY(0); }

nav.brand-nav { min-width: 0; }
nav.brand-nav a { padding: .4rem .15rem; }

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #1295a3;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #fff;
}

main:focus { outline: 0; }
.message { margin-bottom: 1rem; }
.message[role="alert"] { border-left: 4px solid #9c2f2f; }
.message[role="status"] { border-left: 4px solid #1d6b43; }

.form-field { display: grid; gap: .35rem; margin: 0 0 1rem; }
.form-field > label { color: #314b60; font-weight: 700; }
.field-help { color: #5b6874; font-size: var(--text-sm); }
.errorlist { margin: .25rem 0 0; padding-left: 1.25rem; }
[aria-invalid="true"] { border-color: #9c2f2f; box-shadow: 0 0 0 1px #9c2f2f; }

caption { padding: .75rem; text-align: left; font-weight: 700; }
.card,
.table-wrap,
.centre-grid,
.process-steps,
.process-meta { min-width: 0; }
p, li, dd, td, th, label, button, .button { overflow-wrap: anywhere; }
code, pre, kbd { font-family: var(--font-code); }

@media(max-width:700px){
  thead:not(.keep-visible) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
  }
  .table-wrap { overflow: visible; }
  .popover-form { position: fixed; inset: auto .75rem .75rem; width: auto; max-height: calc(100dvh - 1.5rem); overflow-y: auto; }
}

@media(max-width:390px){
  main { padding-inline: .75rem; }
  header { padding-inline: .75rem; }
  button, .button, input, select, textarea, summary.button { min-height: 44px; }
  .card { padding: .75rem; }
}

@media(prefers-reduced-motion:reduce){
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media(forced-colors:active){
  button:focus-visible,
  a:focus-visible,
  input:focus-visible,
  select:focus-visible,
  textarea:focus-visible,
  summary:focus-visible,
  [tabindex]:focus-visible { outline: 3px solid CanvasText; }
  .badge, .card { border: 1px solid CanvasText; }
}

/* Ruhige, bereichsübergreifende Arbeitsoberfläche ab 0.14. */
:root{
  --nav:#123a52;
  --nav-deep:#0d2d40;
  --accent:#147c83;
  --accent-soft:#eaf5f4;
  --surface:#ffffff;
  --canvas:#f4f6f7;
  --line:#dce3e5;
  --text:#20313d;
  --muted:#60717c;
}
body{background:var(--canvas);color:var(--text)}
h1,h2,h3,legend{color:#173548;font-weight:400;letter-spacing:-.015em}
h1{font-size:clamp(1.75rem,2.4vw,2.25rem);margin:0 0 .35rem}
h2{font-size:1.18rem;margin:0}
h3{font-size:1rem;font-weight:600}
strong{font-weight:600}
.app-shell{min-height:100vh;display:grid;grid-template-columns:16.5rem minmax(0,1fr)}
.side-nav{position:sticky;top:0;height:100vh;background:var(--nav);color:#fff;padding:1.15rem .9rem;display:flex;flex-direction:column;overflow-y:auto}
.brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;padding:.4rem .55rem 1.2rem;font-size:1rem;font-weight:600}
.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.55rem;background:#fff;color:var(--nav);font-size:.72rem;letter-spacing:.04em}
.side-nav nav{display:grid;gap:.18rem}
.nav-group{margin:1.15rem .7rem .35rem;color:#b7cad4;font-size:.69rem;letter-spacing:.09em;text-transform:uppercase}
.nav-link{display:flex;align-items:center;gap:.75rem;color:#eaf2f5;text-decoration:none;padding:.62rem .75rem;border-radius:.5rem;font-size:.91rem}
.nav-link span{width:1.1rem;text-align:center;color:#b7d9da}
.nav-link:hover,.nav-link.active{background:#ffffff16;color:#fff}
.nav-link.active{box-shadow:inset 3px 0 0 #67c6c3}
.side-foot{margin-top:auto;padding:1rem .65rem .25rem;border-top:1px solid #ffffff24;display:grid;gap:.35rem}
.user-name{font-size:.85rem;color:#dce8ed}
.text-button{padding:0;background:none;color:#bfe3e2;text-align:left;font-size:.82rem}
.app-content{min-width:0}
.topbar{height:4.25rem;padding:.7rem clamp(1rem,4vw,3.5rem);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.topbar-label{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}
.topbar-title{display:block;color:#173548;font-size:.95rem}
.quick-link{font-size:.84rem;color:#156b72;text-decoration:none;padding:.5rem .7rem;border-radius:.4rem;background:var(--accent-soft)}
main{max-width:1500px;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,4vw,3.5rem)}
.public-main{min-height:100vh;display:grid;place-items:center}
.page-head{align-items:flex-end;margin-bottom:1.35rem}
.page-head p{margin:.35rem 0 0;max-width:48rem}
.eyebrow{color:#268087;font-weight:600;font-size:.7rem}
.muted{color:var(--muted)}
.card{border-color:var(--line);border-radius:.65rem;box-shadow:0 1px 2px #1c33400c;padding:1.15rem}
.toolbar{align-items:end;background:#fff;padding:1rem 1.1rem;margin-bottom:.85rem}
.toolbar .field label,.toolbar .field>span,.field label,.field>span,.form-field>label{font-size:.78rem;font-weight:600;color:#49606d}
input,select,textarea{border-color:#aebbc2;border-radius:.45rem;padding:.62rem .7rem}
button,.button{background:var(--accent);border-radius:.45rem;font-size:.88rem;padding:.62rem .82rem}
.secondary{background:#edf1f3;color:#284656}
.danger{background:#8d3a3a}
.table-wrap{padding:0;overflow:hidden}
th{background:#f7f9f9;color:#61727b;font-size:.73rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
th,td{padding:.85rem 1rem}
td{font-size:.9rem}
tbody tr:last-child td{border-bottom:0}
.badge{font-size:.73rem;padding:.22rem .48rem}
.section-head{align-items:center}
.item-list a,.table-wrap a:not(.button){color:#116b73;text-decoration:none}
.next-step{border-left:3px solid var(--accent);background:var(--accent-soft);padding:.8rem 1rem;border-radius:.25rem .55rem .55rem .25rem}
.next-step-label{display:block;color:#557078;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}
.view-tabs{display:flex;gap:.3rem;margin:0 0 1rem;border-bottom:1px solid var(--line)}
.view-tabs a{padding:.65rem .8rem;text-decoration:none;color:#5b6d77;font-size:.88rem;border-bottom:2px solid transparent}
.view-tabs a.active{color:#116b73;border-color:var(--accent);font-weight:600}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}
.overview-stat{background:#fff;border:1px solid var(--line);border-radius:.6rem;padding:.9rem 1rem}
.overview-stat span{display:block;color:var(--muted);font-size:.75rem}
.overview-stat strong{display:block;font-size:1.35rem;font-weight:400;margin-top:.15rem;color:#173548}
.search-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.search-choice{display:grid;gap:.7rem}
.choice-help{font-size:.83rem;color:var(--muted);margin:0}
.selection-summary{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;padding:.8rem 1rem;background:var(--accent-soft);border-radius:.55rem}
.arrow{color:var(--accent);font-size:1.2rem}
.process-meta strong{font-weight:500}
.case-card strong,.item-list strong{font-weight:600}

@media(max-width:1000px){
  .app-shell{grid-template-columns:13.5rem minmax(0,1fr)}
  .overview-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .app-shell{display:block}
  .side-nav{position:static;height:auto;padding:.75rem}
  .side-nav nav{display:flex;overflow-x:auto;padding-bottom:.2rem}
  .brand{padding-bottom:.55rem}.nav-group{display:none}.nav-link{white-space:nowrap}.side-foot{display:none}
  .topbar{height:auto;padding:.7rem 1rem}.quick-link{display:none}
  .search-choice-grid,.overview-grid{grid-template-columns:1fr}
  .table-wrap{padding:.25rem .75rem;background:transparent;border:0;box-shadow:none}
  tbody tr{background:#fff}
}

/* jobconnect UI-Baseline RC32 / VOLLTEST3 */
:root{--jc-bg:#f5f7f5;--jc-card:#fff;--jc-primary:#3f6f68;--jc-primary-dark:#285b53;--jc-primary-soft:#e5efec;--jc-gold:#d6a85f;--jc-text:#202624;--jc-muted:#6f7773;--jc-border:#e1e6e3;--jc-brand:#8a2b2b;--jc-connect:#586167;--jc-danger:#a83d3d;--jc-warning:#b7791f;--jc-radius:12px;--jc-control:42px;--jc-space:16px;color:var(--jc-text);background:var(--jc-bg)}
body{background:linear-gradient(155deg,#fbfcfb 0%,#f5f7f5 62%,#eef4f0 100%);color:var(--jc-text)}
body:before{content:"";position:fixed;left:0;bottom:0;width:26rem;height:16rem;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 0 100%,rgba(63,111,104,.11),transparent 68%)}
h1,h2,h3,legend{color:var(--jc-text)}
a{color:var(--jc-primary-dark)}
.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}
.side-nav{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#292f33 0%,#20262a 100%);color:#fff;border-right:1px solid #343b40;padding:24px 14px 18px;display:flex;flex-direction:column;z-index:4}
.brand{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;margin:0 8px 22px;color:inherit}
.trinamo-logo{width:132px;max-height:48px;object-fit:contain;display:block}
.jobconnect-wordmark{font-size:1.58rem;line-height:1;font-weight:700;letter-spacing:-.045em}.job-word{color:var(--jc-brand)}.connect-word{color:var(--jc-connect);font-weight:600}
.side-nav nav{display:grid;gap:4px}.nav-group{display:none}.nav-link{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:8px;text-decoration:none;color:#eef1ef;font-size:.92rem;border:1px solid transparent;min-height:42px}.nav-link span{color:#c9d0cd}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:linear-gradient(135deg,var(--jc-primary-dark),#3b7a70);color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.18)}
.side-foot{margin-top:auto;border-top:1px solid #3a4247;padding:14px 8px 0;color:#c8cfcc;font-size:.85rem}.side-foot .user-name{color:#f0f2f1}.text-button{background:none!important;color:#cfe4df!important;padding:6px 0!important;border:0!important;min-height:auto!important}
.app-content{min-width:0;display:flex;flex-direction:column}.topbar{height:82px;padding:15px 30px;background:rgba(255,255,255,.72);border-bottom:1px solid var(--jc-border);display:flex;align-items:center;justify-content:space-between;color:var(--jc-text)}.topbar-title{font-weight:700;font-size:1.45rem;display:block}.topbar-subtitle{font-size:.84rem;color:var(--jc-muted);display:block;margin-top:2px}.topbar-actions{font-size:.85rem}
main{width:100%;max-width:1580px;padding:22px 30px 30px;margin:0 auto;flex:1}.app-footer{display:flex;justify-content:space-between;gap:1rem;padding:12px 30px 18px;color:var(--jc-muted);font-size:.75rem}
.card{background:var(--jc-card);border:1px solid var(--jc-border)!important;border-radius:var(--jc-radius)!important;padding:var(--jc-space)!important;box-shadow:0 2px 12px rgba(25,50,43,.045)!important}.case-card,.process-step{border:1px solid var(--jc-border);border-radius:10px}.case-card:hover{border-color:#9bbab4;background:#f7faf8}.form-card,.participant-form{background:#fff;border:1px solid var(--jc-border);border-radius:var(--jc-radius);box-shadow:0 2px 12px rgba(25,50,43,.045)}
button,.button,input,select,textarea{border-radius:7px!important;font-size:.92rem}input,select{height:var(--jc-control);padding:0 12px!important;border:1px solid #cbd5d1!important;background:#fff}textarea{min-height:96px;padding:10px 12px!important;border:1px solid #cbd5d1!important}button,.button{min-height:var(--jc-control);padding:0 15px!important;display:inline-flex!important;align-items:center;justify-content:center;background:var(--jc-primary)!important;color:#fff!important;border:1px solid var(--jc-primary)!important;font-weight:700}.button.secondary,.secondary{background:#fff!important;color:var(--jc-text)!important;border-color:var(--jc-border)!important}.danger{background:var(--jc-danger)!important;border-color:var(--jc-danger)!important}
button:hover,.button:hover{background:var(--jc-primary-dark)!important}.button.secondary:hover,.secondary:hover{background:#f6f8f7!important}input:focus,select:focus,textarea:focus{outline:3px solid rgba(63,111,104,.16)!important;border-color:var(--jc-primary)!important}.field label,.field>span,.form-field>label{color:#3e4945}.muted{color:var(--jc-muted)}.eyebrow{color:var(--jc-primary);text-transform:none;letter-spacing:.02em}
th{background:#fafbfa!important;color:#59625f!important;border-bottom:1px solid var(--jc-border)!important}td{border-bottom:1px solid #edf0ee!important}tbody tr:hover{background:#f7faf8}.table-wrap{border-radius:10px;overflow:auto}.badge{background:#eef2f0;color:#42504b}.badge.good{background:#e3f0e4;color:#315f39}.badge.warning{background:#fff3d9;color:#8a5a0b}.badge.critical{background:#f9e3e3;color:#8a3030}.badge.info{background:var(--jc-primary-soft);color:var(--jc-primary-dark)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi-card span,.kpi-card small{display:block}.kpi-card strong{display:block;font-size:2rem;line-height:1.1;margin:.45rem 0;color:var(--jc-text)}.kpi-card small{color:var(--jc-primary-dark)}
.next-step{background:var(--jc-primary-soft)!important;border-left:4px solid var(--jc-primary)!important}.process-hero{border-top-color:var(--jc-primary)!important}.process-step.current{border-color:var(--jc-primary)!important;background:#edf5f2!important}.progress::-webkit-progress-value{background:var(--jc-primary)!important}.progress::-moz-progress-bar{background:var(--jc-primary)!important}
.public-main{min-height:100vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(155deg,#fbfcfb,#eef4f0)}.login-card{width:min(440px,94vw)}
@media(max-width:1100px){.app-shell{grid-template-columns:188px minmax(0,1fr)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trinamo-logo{width:118px}}
@media(max-width:760px){.app-shell{display:block}.side-nav{position:relative;height:auto;border-right:0;border-bottom:1px solid #343b40}.side-nav nav{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{align-items:flex-start}.topbar{height:auto;padding:15px 18px}main{padding:18px}.app-footer{padding:12px 18px}.kpi-grid{grid-template-columns:1fr}.side-foot{display:none}}

/* RC32: alphabetische Schnellnavigation und Benutzer-Menü */
.alpha-register{display:flex;flex-wrap:wrap;gap:.3rem;margin:.75rem 0 1rem}
.alpha-register a{min-width:2rem;padding:.4rem .55rem;border:1px solid #d7dfdd;border-radius:7px;background:#fff;color:#3f6f68;text-align:center;text-decoration:none;font-weight:700}
.alpha-register a:hover,.alpha-register a.active{background:#e5efec;border-color:#3f6f68;color:#244d47}
.user-menu{position:relative}
.user-menu summary{cursor:pointer;list-style:none;font-weight:700;color:#202624;padding:.45rem .65rem;border-radius:8px}
.user-menu summary::-webkit-details-marker{display:none}
.user-menu summary::after{content:" ▾";color:#6f7773}
.user-menu[open] summary{background:#eef3f1}
.user-menu-panel{position:absolute;right:0;top:calc(100% + .4rem);z-index:20;display:grid;min-width:210px;padding:.65rem;background:#fff;border:1px solid #d7dfdd;border-radius:10px;box-shadow:0 10px 30px #0002}
.user-menu-panel strong{padding:.45rem .55rem;color:#202624}
.user-menu-panel a,.user-menu-panel .text-button{display:block;width:100%;padding:.55rem;border:0;background:transparent;color:#3f6f68;text-align:left;text-decoration:none;border-radius:7px}
.user-menu-panel a:hover,.user-menu-panel .text-button:hover{background:#e5efec}

/* RC32 / VOLLTEST3 – Beach-Farbwelt und Arbeitgeber-Arbeitsbereich */
:root{
  --jc-bg:#f2fbfb;
  --jc-card:#ffffff;
  --jc-primary:#159eb2;
  --jc-primary-dark:#087486;
  --jc-primary-soft:#def6f6;
  --jc-accent:#2fc7c3;
  --jc-gold:#f4aa2a;
  --jc-success:#29a86b;
  --jc-text:#18323a;
  --jc-muted:#64777c;
  --jc-border:#d7e8e8;
  --jc-danger:#df5a5a;
}
body{background:linear-gradient(155deg,#fbffff 0%,#f3fbfb 62%,#e9f8f7 100%)}
body:before{background:radial-gradient(ellipse at 0 100%,rgba(47,199,195,.12),transparent 68%)}
.side-nav{background:linear-gradient(180deg,#0b7f91 0%,#075c6a 100%);border-right-color:#087486}
.nav-link span{color:#d8f5f5;font-size:1.08rem;line-height:1}.nav-link:first-child span{font-size:1.28rem;transform:translateY(-1px)}
.nav-link:hover{background:rgba(255,255,255,.11)}.nav-link.active{background:linear-gradient(135deg,#23b8c5,#0c8e9f);box-shadow:0 5px 14px rgba(0,68,78,.22)}
.side-foot{border-top-color:#ffffff30}.jobconnect-wordmark{background:rgba(255,255,255,.95);padding:3px 8px 5px;border-radius:7px}
.topbar{background:rgba(255,255,255,.82)}
button,.button{background:var(--jc-primary)!important;border-color:var(--jc-primary)!important}.button:hover,button:hover{background:var(--jc-primary-dark)!important}
input:focus,select:focus,textarea:focus{outline-color:rgba(21,158,178,.18)!important;border-color:var(--jc-primary)!important}
.badge.good{background:#e2f6eb;color:#246d47}.badge.warning{background:#fff2d7;color:#8b5b0c}.badge.critical{background:#fde7e7;color:#923939}.badge.info{background:#ddf5f6;color:#096b78}
.alpha-register a{color:var(--jc-primary-dark);border-color:var(--jc-border)}.alpha-register a:hover,.alpha-register a.active{background:var(--jc-primary-soft);border-color:var(--jc-primary);color:var(--jc-primary-dark)}

.workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 14px;border:1px solid var(--jc-border);border-radius:11px 11px 0 0;overflow:hidden;background:#f7fcfc}
.workspace-tabs a,.workspace-tabs span{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:50px;padding:.7rem 1rem;text-decoration:none;color:#4f666c;border-right:1px solid var(--jc-border);font-weight:700}
.workspace-tabs a:last-child,.workspace-tabs span:last-child{border-right:0}.workspace-tabs .active{background:#fff;color:var(--jc-primary-dark);box-shadow:inset 0 -3px 0 var(--jc-primary)}.workspace-tabs .disabled{color:#9aa8aa;background:#f4f7f7}
.count-badge{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .38rem;border-radius:999px;background:var(--jc-primary-soft);color:var(--jc-primary-dark);font-size:.75rem;font-weight:700}
.workspace-main{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;align-items:start}.workspace-stack{display:grid;gap:12px}.workspace-card{padding:18px!important}.workspace-summary{position:sticky;top:98px;display:grid;gap:14px;padding:18px!important}.workspace-summary h2{margin-bottom:4px}.summary-check{padding:9px 0;border-bottom:1px solid #edf3f2;color:#587076}.summary-check.good{color:#22754d}.summary-check small{color:var(--jc-muted);font-weight:400}.summary-check:last-child{border-bottom:0}
.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-actions{display:flex;justify-content:flex-end;gap:.65rem;align-items:center;padding:10px 0}.employer-workspace-form>.workspace-actions{justify-content:space-between;padding:14px 0}
.workspace-list{display:grid}.workspace-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:13px 0;border-top:1px solid #edf2f1}.workspace-row:first-child{border-top:0}.remove-link{display:inline-flex;align-items:center;min-height:36px;padding:0 .75rem;border:1px solid #f0a8a8;border-radius:7px;color:#b94747;text-decoration:none;font-size:.82rem;font-weight:700;background:#fff}.remove-link:hover{background:#fff2f2}.back-link{display:inline-block;margin-bottom:.35rem;color:var(--jc-primary-dark);text-decoration:none;font-size:.85rem}.message.warning{background:#fff6e1;color:#79530c;border-color:#f0dba6!important}
button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1050px){.workspace-main{grid-template-columns:1fr}.workspace-summary{position:static}.form-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.workspace-tabs{grid-template-columns:1fr}.workspace-tabs a,.workspace-tabs span{border-right:0;border-bottom:1px solid var(--jc-border)}.form-grid.three-col{grid-template-columns:1fr}.workspace-row{align-items:flex-start;flex-direction:column}.workspace-row .actions{width:100%}.workspace-row .actions>*{flex:1}.workspace-actions{align-items:stretch;flex-direction:column}.employer-workspace-form>.workspace-actions{align-items:stretch}}

/* RC32.2 / VOLLTEST3 – finale warme Beige/Grün-Farbwelt */
:root{
  --jc-bg:#FEFBE9;
  --jc-card:#FFFDF6;
  --jc-primary:#183A1D;
  --jc-primary-dark:#102A15;
  --jc-primary-soft:#E1EEDD;
  --jc-accent:#F6C453;
  --jc-gold:#F6C453;
  --jc-warm:#F0A04B;
  --jc-success:#3E7A46;
  --jc-text:#273036;
  --jc-muted:#596269;
  --jc-border:#E5E1CF;
  --jc-danger:#A74444;
  --jc-warning:#A6651C;
}
html,body{background:#FEFBE9;color:var(--jc-text)}
body{background:linear-gradient(145deg,#FEFBE9 0%,#FBF7E5 58%,#F2F3DF 100%)}
body:before{background:radial-gradient(ellipse at 0 100%,rgba(225,238,221,.72),transparent 68%)}
.side-nav{background:linear-gradient(180deg,#FFFDF4 0%,#F8F4E4 100%);color:var(--jc-text);border-right:1px solid var(--jc-border)}
.side-nav .nav-link{color:#2F373C}.side-nav .nav-link span{color:#343D42}
.side-nav .nav-link:hover{background:#F1F0DF;color:#20282D}
.side-nav .nav-link.active{background:linear-gradient(135deg,#E1EEDD,#D5E7D2);color:#183A1D;box-shadow:none;border-color:#C8DCC4}
.side-nav .nav-link.active span{color:#183A1D}
.side-foot{border-top-color:#DED9C6;color:#4F585E}.side-foot .user-name{color:#273036}.text-button{color:#354047!important}
.jobconnect-wordmark{background:transparent;padding:0}
.topbar{background:rgba(254,251,233,.82);border-bottom-color:var(--jc-border)}
.card,.form-card,.participant-form,.overview-stat,.workspace-card,.workspace-summary{background:rgba(255,253,246,.96)!important;border-color:var(--jc-border)!important;box-shadow:0 2px 12px rgba(74,66,37,.045)!important}
button,.button{background:var(--jc-primary)!important;border-color:var(--jc-primary)!important;color:#fff!important}
button:hover,.button:hover{background:var(--jc-primary-dark)!important}
.button.secondary,.secondary{background:#FFFDF6!important;color:#2D373C!important;border-color:var(--jc-border)!important}
.button.secondary:hover,.secondary:hover{background:#F4F1E3!important}
input,select,textarea{background:#FFFDF8!important;border-color:#D8D2BC!important;color:var(--jc-text)}
input:focus,select:focus,textarea:focus{outline-color:rgba(24,58,29,.15)!important;border-color:#58775B!important}
th{background:#F4F1E3!important;color:#596269!important;border-bottom-color:var(--jc-border)!important}td{border-bottom-color:#EEE9D9!important}tbody tr:hover{background:#FAF7E9}
.badge{background:#F0EEDC;color:#4C555A}.badge.good{background:#E1EEDD;color:#315B36}.badge.warning{background:#FFF0CC;color:#7A5311}.badge.critical{background:#F8E1DD;color:#873A34}.badge.info{background:#E7F0E4;color:#365F3B}
.kpi-card small,.eyebrow,a{color:#315B36}.next-step{background:#EDF4E9!important;border-left-color:#58775B!important}.process-step.current{background:#EFF5EB!important;border-color:#58775B!important}
.alpha-register a{background:#FFFDF6;color:#364047;border-color:#DDD7C2}.alpha-register a:hover,.alpha-register a.active{background:#E1EEDD;border-color:#8EAB8E;color:#183A1D}
.workspace-tabs{background:#F7F3E4;border-color:var(--jc-border)}.workspace-tabs a,.workspace-tabs span{color:#4F585E;border-color:var(--jc-border)}.workspace-tabs .active{background:#FFFDF6;color:#183A1D;box-shadow:inset 0 -3px 0 #58775B}
.user-menu summary{color:#273036}.user-menu[open] summary{background:#F1F0DF}.user-menu-panel{background:#FFFDF6;border-color:#DDD7C2}.user-menu-panel a,.user-menu-panel .text-button{color:#354047}.user-menu-panel a:hover,.user-menu-panel .text-button:hover{background:#E1EEDD}
.public-main{background:linear-gradient(145deg,#FEFBE9,#F2F3DF)}

/* RC33 / VOLLTEST4 – jobconnect Marken- und Arbeitsoberfläche */
:root{--rc33-left:#8B2A24;--rc33-right:#4A6CAB;--rc33-card:#fffdfc;--rc33-text:#1f2937;--rc33-line:#ffffff38;--rc33-blue:#3267cf}
body{background:linear-gradient(110deg,var(--rc33-left) 0%,#a33a45 24%,#835477 52%,#60669d 74%,var(--rc33-right) 100%);background-attachment:fixed;color:var(--rc33-text)}
.app-shell{grid-template-columns:15rem minmax(0,1fr);background:transparent}
.side-nav{background:rgba(92,27,25,.55);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.24);padding:1.35rem .9rem;color:#fff}
.brand{padding:.35rem .55rem 1.45rem;color:#fff}.jobconnect-wordmark{font-size:1.65rem;letter-spacing:-.045em;color:#fff}.job-word{font-weight:700}.connect-word{font-weight:400}
.side-nav nav{gap:.3rem}.nav-link,.nav-link span{color:#fff}.nav-link{padding:.7rem .75rem;border-radius:.65rem}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.14);box-shadow:none}.nav-link.active{font-weight:600}.side-foot{border:0;padding:.9rem .6rem .3rem}.trinamo-foot-link{display:block;opacity:.86;transition:opacity .15s}.trinamo-foot-link:hover{opacity:1}.trinamo-foot-link img{display:block;width:7.2rem;max-height:2.3rem;object-fit:contain;object-position:left center}
.app-content{background:transparent}.topbar{background:transparent;border:0;color:#fff;padding:1rem clamp(1rem,3vw,2.5rem);height:5rem}.topbar-title,.topbar-subtitle{color:#fff}.topbar-title{font-size:1.05rem;font-weight:700}.topbar-subtitle{opacity:.85}.topbar-actions{display:flex;align-items:center;gap:1rem}.global-search input{min-width:16rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:1.2rem}.global-search input::placeholder{color:#fff}.user-menu summary{color:#fff}.user-menu-panel{color:var(--rc33-text)}
main{max-width:none;padding:1rem clamp(1rem,3vw,2.5rem) 2.5rem}.page-head h1,.page-head .eyebrow,.page-head .muted{color:#fff}.card{background:var(--rc33-card);border:1px solid rgba(255,255,255,.7);border-radius:.8rem;box-shadow:0 8px 28px rgba(21,24,39,.08)}
.toolbar{background:var(--rc33-card)}button,.button{background:var(--rc33-blue)}.secondary{background:#fff;color:#2457b4;border:1px solid #cad5ea}.danger{background:#fff;color:#b43b35;border:1px solid #efb7b4}.app-footer{color:#fff8;background:transparent;border:0}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:.9rem}.kpi-card{display:grid;gap:.25rem}.kpi-card span{color:#5b6471}.kpi-card strong{font-size:2rem;color:#162033}
.workspace-tabs{background:var(--rc33-card);padding:0 .8rem;border-radius:.8rem .8rem 0 0;border-bottom:1px solid #e5e9ef;overflow-x:auto}.workspace-tabs a{white-space:nowrap}.participant-toolbar{border-radius:0 0 .8rem .8rem;margin-top:0}.alpha-register{background:rgba(255,255,255,.92);padding:.55rem .75rem;border-radius:.7rem;margin:.75rem 0}.alpha-register a{color:#46566a}.alpha-register a.active{background:#3267cf;color:#fff}
.row-menu{position:relative}.row-menu summary{cursor:pointer;font-size:1.35rem;list-style:none}.row-menu>div{position:absolute;right:0;z-index:5;min-width:9rem;background:#fff;border:1px solid #dce3ea;border-radius:.55rem;box-shadow:0 8px 22px #0002;padding:.35rem;display:grid}.row-menu a{padding:.45rem .55rem;text-decoration:none;color:#243b5a}.row-menu a:hover{background:#f1f5fb}
.participant-identity{display:grid;grid-template-columns:auto minmax(16rem,2fr) repeat(2,minmax(10rem,1fr)) auto;align-items:center;gap:1rem;margin-bottom:.9rem}.participant-avatar{width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;background:#f7e9ec;color:#6c4452;font-size:1.35rem}.participant-identity h1{color:#162033;font-size:1.5rem}.participant-kpi{padding-left:1rem;border-left:1px solid #e4e8ee;display:grid;gap:.3rem}.participant-kpi span{font-size:.78rem;color:#697586}.participant-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.participant-split{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(28rem,1.25fr);gap:.9rem}.upload-panel{display:grid;gap:.8rem;margin-top:1rem}.upload-drop{padding:1.4rem;border:1px dashed #aebbd1;border-radius:.7rem;background:#f9fbff}.document-list{display:grid;margin-top:.8rem}.document-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid #e8ebf0}.document-row:first-child{border-top:0}.document-row form{margin:0}
.chronicle-layout{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:.9rem}.chronicle-filter{align-self:start}.chronicle-add{margin:.8rem 0}.chronicle-add summary{display:inline-block;cursor:pointer;list-style:none}.chronicle-add form{margin-top:.8rem;padding:1rem;background:#f7f9fc;border-radius:.7rem}.chronicle{list-style:none;padding:0;margin:1rem 0 0}.chronicle li{display:grid;grid-template-columns:6.5rem 1rem minmax(0,1fr);gap:.65rem;position:relative}.chronicle time{font-weight:600;font-size:.82rem;color:#3d4b5f;text-align:right;padding-top:.8rem}.chronicle time small{display:block;font-weight:400;color:#7b8796}.chronicle-marker{position:relative}.chronicle-marker:before{content:"";position:absolute;top:1.1rem;left:.35rem;width:.55rem;height:.55rem;border-radius:50%;background:#3267cf;z-index:2}.chronicle-marker:after{content:"";position:absolute;top:0;bottom:0;left:.6rem;width:1px;background:#cad6ee}.chronicle article{margin:0 0 .65rem;padding:.8rem 1rem;border:1px solid #e2e7ef;border-radius:.65rem;background:#fff}.chronicle article p{margin:.35rem 0}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.participant-identity{grid-template-columns:auto 1fr 1fr}.participant-actions{grid-column:2/-1}.participant-split{grid-template-columns:1fr}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.side-nav{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.24)}.side-nav nav{grid-template-columns:repeat(2,minmax(0,1fr))}.side-foot{margin-top:1rem}.topbar{height:auto;align-items:flex-start}.global-search input{min-width:10rem}.chronicle-layout{grid-template-columns:1fr}}
@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}.participant-identity{grid-template-columns:1fr}.participant-avatar{display:none}.participant-kpi{border-left:0;padding-left:0}.side-nav nav{grid-template-columns:1fr}.topbar-context{display:none}.topbar-actions{width:100%;justify-content:space-between}.global-search{flex:1}.global-search input{width:100%}}


/* RC33.1 – verbindliche Farbwelt und kompakte Teilnehmer-Detailansicht */
html{font-size:93.75%}
body{font-size:.94rem}
.app-shell{grid-template-columns:14.5rem minmax(0,1fr)}
.side-nav{background:linear-gradient(180deg,rgba(79,21,20,.66),rgba(64,38,63,.52));backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.18)}
.side-nav .nav-link,.side-nav .nav-link span,.side-nav .nav-link:visited,.side-nav .nav-link:hover,.side-nav .nav-link.active,.side-nav .nav-link.active span{color:#fff!important}
.side-nav .nav-link{font-size:.88rem;min-height:38px;padding:.58rem .7rem}.side-nav .nav-link.active{background:rgba(255,255,255,.14)!important}
.brand,.jobconnect-wordmark,.job-word,.connect-word{color:#fff!important}.jobconnect-wordmark{font-size:1.52rem}
.topbar{height:4.5rem}main{padding-top:.75rem}h1{font-size:1.55rem}h2{font-size:1.05rem}.card{padding:.95rem!important}
button,.button{min-height:38px!important;font-size:.84rem!important;padding:0 .75rem!important}input,select{height:38px}th,td{padding:.65rem .8rem}td{font-size:.86rem}
.participant-profile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:.75rem}
.participant-profile-name h1{margin:0;color:#162033}.participant-name-line{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.profile-facts{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.4rem;color:#667085;font-size:.82rem}
.profile-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem}.profile-summary-card{min-height:7.2rem}.profile-summary-card h2{margin-bottom:.55rem}.summary-primary{font-weight:600;color:#233044;margin-bottom:.2rem}.target-professions{display:flex;gap:.35rem;flex-wrap:wrap}
.participant-detail-tabs{display:flex!important;grid-template-columns:none!important;gap:0!important;overflow-x:auto!important;white-space:nowrap;border:0!important;border-bottom:1px solid #e5e7eb!important;border-radius:.75rem .75rem 0 0!important;padding:0 .55rem!important;background:#FFFDFC!important}
.participant-detail-tabs a{flex:0 0 auto;min-height:40px!important;padding:.55rem .7rem!important;border:0!important;border-bottom:2px solid transparent!important;color:#667085!important;font-size:.82rem!important;font-weight:500!important}
.participant-detail-tabs a.active{background:transparent!important;color:#2457b4!important;border-bottom-color:#3267cf!important;box-shadow:none!important}
.participant-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(16rem,.62fr);gap:.75rem}
.profile-data-card h2{margin-bottom:.8rem}.profile-definition-grid{display:grid;grid-template-columns:minmax(8.5rem,.8fr) minmax(0,1.2fr);gap:.48rem .8rem;margin:0}.profile-definition-grid dt{color:#667085;font-size:.78rem}.profile-definition-grid dd{margin:0;color:#243044;font-size:.86rem;overflow-wrap:anywhere}
.profile-side-stack{display:grid;gap:.75rem;align-content:start}.recent-activity-list,.recent-document-list{display:grid}.recent-activity-list article,.recent-document-list article{display:grid;gap:.15rem;padding:.55rem 0;border-top:1px solid #edf0f4}.recent-activity-list article:first-child,.recent-document-list article:first-child{border-top:0}.recent-activity-list small,.recent-document-list small{color:#7a8492;font-size:.74rem}
.tab-card{border-radius:0 0 .8rem .8rem!important}.parameter-list{display:grid;margin-top:.5rem}.parameter-list>div{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(0,1.2fr);gap:1rem;padding:.55rem 0;border-top:1px solid #edf0f4}.parameter-list>div:first-child{border-top:0}.parameter-list span{color:#667085}.notes-content{min-height:7rem;line-height:1.6}
@media(max-width:1200px){.participant-detail-grid{grid-template-columns:1fr 1fr}.profile-side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.profile-summary-grid{grid-template-columns:1fr}.participant-detail-grid{grid-template-columns:1fr}.profile-side-stack{grid-column:auto;grid-template-columns:1fr}}
@media(max-width:650px){html{font-size:100%}.participant-profile-head{grid-template-columns:1fr}.participant-avatar{display:none}.profile-definition-grid{grid-template-columns:1fr}}

/* RC33.1 Farbkorrektur – verbindliche Aufteilung Sidebar / Arbeitsbereich */
body {
    background: #f4f3f1 !important;
    background-attachment: initial !important;
}

body::before {
    display: none !important;
}

.side-nav {
    background: linear-gradient(
        160deg,
        #8B2A24 0%,
        #9B3940 28%,
        #80516F 58%,
        #626397 78%,
        #4A6CAB 100%
    ) !important;
    backdrop-filter: none !important;
    border-right: 1px solid rgba(255,255,255,.22) !important;
}

.app-content {
    background: #f4f3f1 !important;
}

.topbar {
    background: #f4f3f1 !important;
    border-bottom: 1px solid rgba(31,41,55,.08) !important;
    color: #1f2937 !important;
}

.topbar-title,
.topbar-subtitle,
.user-menu summary {
    color: #1f2937 !important;
}

.global-search input {
    background: #fff !important;
    border: 1px solid #ddd9d4 !important;
    color: #1f2937 !important;
}

.global-search input::placeholder {
    color: #8a8f98 !important;
}

main {
    background: #f4f3f1 !important;
}

.page-head h1,
.page-head .eyebrow,
.page-head .muted {
    color: #1f2937 !important;
}

.card,
.toolbar {
    background: #fffdfc !important;
}

.app-footer {
    background: #f4f3f1 !important;
    color: #7b8088 !important;
}
