:root {
  --oj: #a3aa70;
  --oj-dark: #73794c;
  --ink: #151921;
  --muted: #6f7787;
  --line: #e7e9ed;
  --surface: #ffffff;
  --canvas: #ffffff;
  --sidebar: 244px;
  --team: 286px;
  --shadow: 0 8px 28px rgba(25, 31, 43, 0.07);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.mail-message-body{margin-top:9px;padding:12px 14px;border:1px solid #e7e9e1;border-radius:9px;background:#fafbf8;color:#333b42;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.mail-body-note{display:block;margin-top:6px;color:#8a6834}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; color: var(--ink); background: var(--canvas); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
[hidden] { display: none !important; }

.loading-screen, .blocked-screen { min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: 18px; background: #fff; text-align: center; padding: 32px; }
.loading-screen { background: radial-gradient(circle at 82% 18%, rgba(163,170,112,.24), transparent 31%), linear-gradient(145deg,#f9faf6 0%,#eef0e2 100%); }
.loading-card { width:min(510px,calc(100vw - 56px)); min-height:390px; padding:52px; display:grid; place-content:center; justify-items:center; gap:18px; border:1px solid rgba(141,149,91,.28); border-radius:24px; background:rgba(255,255,255,.96); box-shadow:0 26px 70px rgba(44,51,30,.14); }
.loading-screen img { width:64px; height:64px; object-fit:contain; }
.blocked-screen img { width:78px; height:78px; object-fit:contain; }
.loading-screen p, .blocked-screen p { color: var(--muted); margin: 0; max-width: 520px; }
.loading-line { width: 180px; height: 3px; overflow: hidden; border-radius: 99px; background: #eceee4; }
.loading-line span { display: block; width: 45%; height: 100%; background: var(--oj); border-radius: inherit; animation: loading 1.2s ease-in-out infinite alternate; }
@keyframes loading { from { transform: translateX(-15%); } to { transform: translateX(140%); } }
.blocked-screen h1 { margin: 8px 0 -8px; }
.claim-form { width: min(470px, 100%); margin: 8px 0 2px; padding: 20px; display: grid; gap: 14px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); text-align: left; }
.claim-invitation-summary { padding: 14px; display: grid; gap: 5px; border-radius: 10px; background: #f3f5ea; color: #515839; }.claim-invitation-summary strong { font-size: 14px; }.claim-invitation-summary span { color: var(--muted); font-size: 12px; }
.claim-form > label:not(.claim-consent) { display: grid; gap: 6px; color: #4c535f; font-size: 12px; font-weight: 700; }.claim-form input[type="text"],.claim-form input:not([type]) { width: 100%; min-height: 42px; border: 1px solid #dfe2e6; border-radius: 9px; padding: 0 11px; }.claim-consent { display: grid; grid-template-columns: auto 1fr; gap: 9px; align-items: start; color: var(--muted); font-size: 11.5px; line-height: 1.45; }.claim-consent input { margin-top: 2px; }

.invitation-screen { min-height: 100vh; padding: 28px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 82% 18%, rgba(163,170,112,.24), transparent 31%), linear-gradient(145deg,#f9faf6 0%,#eef0e2 100%); }
.invitation-card { position: relative; width: min(510px,100%); padding: clamp(30px,5vw,52px); display: grid; justify-items: center; text-align: center; border: 1px solid rgba(141,149,91,.28); border-radius: 24px; background: rgba(255,255,255,.96); box-shadow: 0 26px 70px rgba(44,51,30,.14); }
.invitation-card > img { width:64px; height:64px; margin-bottom:24px; object-fit:contain; }
.invitation-card h1 { margin:4px 0 12px; font-size:clamp(30px,6vw,44px); line-height:1.05; letter-spacing:-.035em; }
.invitation-card > p:not(.eyebrow) { margin:0; max-width:390px; color:var(--muted); line-height:1.6; }
.invitation-email-card { width:100%; margin:25px 0 18px; padding:15px 17px; display:grid; gap:5px; text-align:left; border:1px solid #dfe3ca; border-radius:12px; background:#f4f6eb; }
.invitation-email-card span { color:#73794c; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.invitation-email-card strong { overflow-wrap:anywhere; font-size:15px; }
.invitation-email-card small,.invitation-security-note { color:var(--muted); font-size:10.5px; line-height:1.5; }
.invitation-login-button { width:100%; }
.invitation-retry-button { margin-top:22px; }
.invitation-security-note { margin-top:18px; max-width:410px; }
/* V12: sichtbare Viewport-Höhe (100vh oben bleibt Rückfallebene) und Umbruch langer deutscher Wörter, damit Einladungs- und Sperrkarte zentriert bleiben und nicht breiter als der Viewport werden. */
.loading-screen, .blocked-screen, .invitation-screen { min-height: 100dvh; }
.blocked-screen, .invitation-card { overflow-wrap: anywhere; }
/* V13 (WCAG AA): kleine Texte der Lade-, Einladungs- und Sperransicht in OJ-Dunkelgrau #646363 (vorher --muted und #73794c: 4,12–4,49:1 auf den getönten Karten) und sichtbare Fokusmarkierung der Einwilligungs-Checkbox (vorher keine). */
.loading-screen p, .blocked-screen p, .invitation-card > p:not(.eyebrow), .invitation-email-card span, .invitation-email-card small, .invitation-security-note, .claim-form .claim-consent { color: #646363; }
.claim-form .claim-consent input:focus-visible { outline: 2px solid #4f5531; outline-offset: 2px; }

.login-screen { min-height: 100vh; display: grid; grid-template-columns: minmax(460px, 42%) 1fr; background: #fff; }
.login-copy { padding: clamp(32px, 5vw, 76px); display: flex; flex-direction: column; justify-content: space-between; gap: 60px; }
.login-brand { display: flex; align-items: center; gap: 16px; color: var(--ink); text-decoration: none; font-size: 20px; font-weight: 750; }
.login-brand img { width: 48px; height: 48px; object-fit: contain; }
.login-copy h1 { font-size: clamp(42px, 5vw, 72px); max-width: 700px; line-height: 1.02; letter-spacing: -0.045em; margin: 12px 0 24px; }
.login-copy > div > p:not(.eyebrow) { font-size: 18px; line-height: 1.7; max-width: 580px; color: var(--muted); margin-bottom: 34px; }
.login-copy small { color: #9298a3; max-width: 600px; line-height: 1.5; }
.login-visual { background: linear-gradient(145deg, #81885a 0%, #aab17a 48%, #d8dbc0 100%); padding: 5vw; display: grid; place-items: center; overflow: hidden; position: relative; }
.login-visual::before, .login-visual::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; }
.login-visual::before { width: 58vw; height: 58vw; right: -22vw; top: -20vw; }
.login-visual::after { width: 32vw; height: 32vw; left: -15vw; bottom: -15vw; }
.visual-panel { position: relative; z-index: 1; color: white; width: min(620px, 100%); padding: clamp(40px, 6vw, 82px); border: 1px solid rgba(255,255,255,.42); background: rgba(48, 54, 29, .18); backdrop-filter: blur(10px); border-radius: 28px; box-shadow: 0 28px 70px rgba(47,52,26,.18); }
.visual-panel strong { display: block; font-size: clamp(52px, 6vw, 88px); line-height: .98; letter-spacing: -.05em; margin: 18px 0 48px; }
.visual-kicker { letter-spacing: .18em; font-size: 12px; font-weight: 800; }
.visual-cards { display: flex; gap: 12px; }
.visual-cards i { display: block; flex: 1; height: 70px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.26); border-radius: 14px; }
/* V13 (WCAG AA): Fußnote der Anmeldeseite in OJ-Dunkelgrau (vorher #9298a3, 2,9:1) und dunklere Glasfläche unter der weißen Schrift (vorher 2,5–3,4:1; jetzt mindestens 4,7:1 auch über dem hellsten Verlaufston). */
.login-copy small { color: #646363; }
.visual-panel { background: rgba(48, 54, 29, .62); }

.primary-button, .secondary-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border-radius: 10px; padding: 0 18px; text-decoration: none; border: 1px solid transparent; font-weight: 700; cursor: pointer; }
.primary-button { color: white; background: var(--oj-dark); box-shadow: 0 6px 16px rgba(115, 121, 76, .18); }
.primary-button:hover { background: #626840; }
.primary-button.compact { min-height: 40px; }
.secondary-button { color: #313642; border-color: #dadde2; background: #fff; }
.secondary-button:hover { border-color: var(--oj); }
.eyebrow { color: var(--oj-dark); letter-spacing: .13em; font-size: 11px; font-weight: 800; margin: 0 0 8px; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); background: var(--canvas); }
.sidebar { grid-column: 1; position: sticky; top: 0; width: var(--sidebar); min-width: 0; height: 100vh; overflow: hidden; display: flex; flex-direction: column; background: #fff; border-right: 1px solid var(--line); z-index: 20; transition: width .2s ease, border-color .2s ease, visibility .2s ease; }
/* Das Seitenleistenlogo verwendet das seit Beginn ausgelieferte Originalasset. object-fit:cover blendet nur den weißen Außenrand aus; dadurch bleibt das Logo auch in älteren Container-Builds verfügbar. */
.brand-block { flex: 0 0 auto; margin-bottom: 8px; padding: 18px 18px 16px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--line); }
.brand-block img { display: block; width: 132px; height: 154px; aspect-ratio: 132 / 154; object-fit: cover; object-position: center; }
.team-search { margin: 0 14px 10px; height: 38px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: #fafafa; color: #9aa0aa; }
.team-search input, .global-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); min-width: 0; }
.main-navigation { flex: 1; overflow-y: auto; padding: 4px 10px 90px; scrollbar-width: thin; scrollbar-color: #d3d6dc transparent; }
.nav-group { margin: 2px 0 5px; }
.nav-group-button { width: 100%; min-height: 39px; border: 0; border-radius: 8px; padding: 0 10px; background: transparent; display: flex; align-items: center; gap: 10px; text-align: left; cursor: pointer; color: #3c424d; }
.nav-group-button:hover, .nav-group.open > .nav-group-button { background: #f1f3ea; color: #5e643d; }
.nav-icon { width: 19px; text-align: center; font-weight: 800; }
.nav-group-button span:nth-child(2) { flex: 1; font-size: 13px; font-weight: 650; }
.nav-chevron { transition: transform .18s ease; }
.nav-group.open .nav-chevron { transform: rotate(180deg); }
.nav-items { display: none; margin: 2px 0 8px 21px; padding-left: 11px; border-left: 1px solid #e1e3d5; }
.nav-group.open .nav-items { display: grid; }
.nav-items button { min-height: 34px; border: 0; border-radius: 7px; background: transparent; text-align: left; padding: 0 10px; font-size: 12.5px; color: #5d6470; cursor: pointer; }
.nav-items button:hover, .nav-items button.active { color: #5f653f; background: #eef0e5; font-weight: 700; }
.nav-group.search-hidden { display: none; }
.sidebar-profile { position: absolute; left: 0; right: 0; bottom: 0; min-height: 68px; padding: 12px 14px; background: rgba(255,255,255,.96); border-top: 1px solid var(--line); display: flex; align-items: center; gap: 10px; }
.avatar { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: #eef0e3; color: #666d43; font-size: 12px; font-weight: 800; }
.avatar img { width:100%; height:100%; display:block; border-radius:inherit; object-fit:cover; }
.avatar.small { width: 32px; height: 32px; }
.sidebar-profile > div { min-width: 0; flex: 1; display: grid; gap: 4px; }
.sidebar-profile strong { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar-profile div span { font-size: 10.5px; color: var(--muted); display: flex; align-items: center; gap: 5px; }
.sidebar-profile > a { text-decoration: none; color: #9298a3; font-size: 18px; }
.presence-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; background: #c7cbd1; }
.presence-dot.available { background: #43b581; }.presence-dot.home_office { background: #44a1d6; }.presence-dot.busy,.presence-dot.do_not_disturb { background: #e05b52; }.presence-dot.meeting { background: #8b72d0; }.presence-dot.away { background: #ecb447; }

.work-area { grid-column: 2; min-width: 0; }
.topbar { height: 66px; position: sticky; top: 0; z-index: 15; display: flex; align-items: center; gap: 14px; padding: 0 24px; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.icon-button { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; border: 1px solid var(--line); background: #fff; cursor: pointer; }
.icon-button:hover { border-color: var(--oj); }
.sidebar-toggle-button, .feedback-button { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid transparent; border-radius: 9px; background: #fff; color: #58616f; cursor: pointer; white-space: nowrap; }
.sidebar-toggle-button:hover, .feedback-button:hover { border-color: var(--line); background: #fafbfa; color: var(--ink); }
.sidebar-toggle-button svg, .feedback-button svg, .notification-button svg, .feedback-dialog svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-toggle-button span, .feedback-button span { font-size: 12px; font-weight: 650; }
.global-search { position:relative; flex: 1; max-width: 720px; height: 40px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--line); background: #fafafa; border-radius: 10px; padding: 0 12px; color: #9aa0aa; }
.global-search kbd { font: inherit; font-size: 11px; color: #9097a0; border: 1px solid #dfe1e5; border-radius: 5px; padding: 2px 6px; background: #fff; white-space: nowrap; }
.global-search:focus-within { border-color:#bfc698; box-shadow:0 0 0 3px rgba(159,167,108,.12); background:#fff; }
.global-search-results { position:absolute; top:calc(100% + 9px); left:0; right:0; max-height:min(560px,70vh); overflow:auto; z-index:90; padding:8px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 18px 48px rgba(24,31,38,.16); color:var(--ink); }
.global-search-results[hidden] { display:none; }
.global-search-group + .global-search-group { border-top:1px solid var(--line); margin-top:7px; padding-top:7px; }
.global-search-group > strong { display:block; padding:5px 8px; color:#838b68; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.global-search-group button { width:100%; padding:9px 8px; display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:9px; align-items:center; border:0; border-radius:8px; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.global-search-group button:hover,.global-search-group button:focus-visible { background:#f4f6ed; outline:none; }
.search-result-icon { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; background:#eef0e5; color:#72794d; font-weight:800; }
.global-search-group b,.global-search-group small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.global-search-group b { font-size:11.5px; }
.global-search-group small { margin-top:2px; color:var(--muted); font-size:9.5px; }
.global-search-group i { color:#8c9368; font-style:normal; }
.global-search-empty { display:grid; gap:4px; padding:18px 12px; text-align:center; }
.global-search-empty strong { font-size:12px; }
.global-search-empty small { color:var(--muted); font-size:10px; }
.global-search-empty.error strong { color:#a33b3b; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.language-picker { display: flex; align-items: center; height: 38px; padding: 0 8px 0 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.language-picker span { font-size: 11px; font-weight: 800; color: var(--oj-dark); }
.language-picker select { border: 0; outline: 0; background: transparent; max-width: 86px; }
.notification-button { position: relative; }
.notification-button svg { width: 20px; height: 20px; }
.notification-button > span { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 4px; display: grid; place-items: center; border-radius: 99px; background: #d05a51; color: white; font-size: 10px; }
.profile-button { min-height: 42px; display: flex; align-items: center; gap: 8px; border: 0; background: transparent; cursor: pointer; }
.profile-button > span:nth-child(2) { display: none; }

.main-content { padding: 32px clamp(24px, 3vw, 46px) 90px; width: 100%; max-width: none; margin: 0 auto; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.page-heading h1 { margin: 0; font-size: clamp(28px, 3vw, 34px); letter-spacing: -.035em; }
.page-heading > div:first-child > p:last-child { color: var(--muted); margin: 8px 0 0; }
.heading-actions { display: flex; gap: 10px; }
.summary-cards { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 14px; margin-bottom: 18px; }
.summary-cards button { position:relative; min-height: 118px; border: 1px solid #edf0f2; border-radius: 14px; background: #fff; box-shadow: 0 3px 14px rgba(25,31,43,.025); padding: 20px; display: flex; align-items: center; gap: 15px; color:inherit; text-align:left; cursor:pointer; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
.summary-cards button:hover { border-color:#d8dcc4; box-shadow:0 9px 24px rgba(25,31,43,.07); transform:translateY(-2px); }
.summary-cards button > i { margin-left:auto; color:var(--olive); font-style:normal; font-weight:700; }
.card-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; font-weight: 900; }
.card-icon.olive { background: #f0f2e7; color: #777e4b; }.card-icon.amber { background: #fff4df; color: #cf8a1c; }.card-icon.green { background: #e6f6ee; color: #249a69; }.card-icon.blue { background: #eaf2fb; color: #3f78b1; }
.summary-cards button > div { display: grid; gap: 5px; }
.summary-cards strong { font-size: 25px; }
.summary-cards button > div span { color: var(--muted); font-size: 12px; }
.role-dashboard-shortcuts { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px; margin:-2px 0 18px; }
.role-dashboard-shortcuts[hidden] { display:none; }
.role-dashboard-shortcuts button { min-height:72px; padding:13px 14px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; border:1px solid var(--line); border-radius:12px; background:#fbfbf8; color:inherit; text-align:left; cursor:pointer; }
.role-dashboard-shortcuts button:hover { border-color:#c9ceaa; background:#f7f8f1; }
.role-dashboard-shortcuts button > span { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:#eef0e5; color:#747a4e; font-weight:800; }
.role-dashboard-shortcuts strong,.role-dashboard-shortcuts small { display:block; }.role-dashboard-shortcuts strong { font-size:12px; }.role-dashboard-shortcuts small { margin-top:3px; color:var(--muted); font-size:9.5px; line-height:1.35; }.role-dashboard-shortcuts i { color:#868d65; font-size:9px; font-style:normal; white-space:nowrap; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .9fr); gap: 18px; }
.panel { min-width: 0; border: 1px solid #edf0f2; border-radius: 15px; background: #fff; box-shadow: 0 3px 16px rgba(25,31,43,.025); padding: 22px; }
.panel > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.panel h2 { margin: 0; font-size: 18px; }
.text-button { border: 0; background: transparent; color: #72794a; font-size: 12px; font-weight: 700; cursor: pointer; }
.tasks-panel { min-height: 332px; }.calendar-panel { min-height: 332px; }.notification-panel { min-height: 230px; }
.task-list, .event-list, .notification-list { display: grid; gap: 8px; }
.task-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid #edf0f2; border-radius: 10px; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }
.task-row[data-task-open] { cursor: pointer; }
.task-row[data-task-open]:hover { border-color: #d8ddc0; background: #fbfcf8; box-shadow: 0 5px 16px rgba(52,58,38,.06); }
.task-row[data-task-open]:focus-visible { outline: 3px solid rgba(163,170,112,.3); outline-offset: 2px; }
.task-check { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid #c8cdd3; background: #fff; cursor: pointer; }
.task-check:hover { border-color: var(--oj-dark); background: #f0f2e7; }
.task-row strong, .event-row strong { display: block; font-size: 13px; margin-bottom: 4px; }
.task-row small, .event-row small { color: var(--muted); }
.task-row-copy { min-width: 0; }
.task-row-copy small { display: block; line-height: 1.45; }
.task-description { margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.task-badges { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.priority { font-size: 10px; font-weight: 800; border-radius: 99px; padding: 4px 7px; background: #eff1f3; color: #68707b; }
.priority.high, .priority.urgent { background: #fff0eb; color: #c85e42; }
.task-status { font-size: 10px; font-weight: 750; border-radius: 99px; padding: 4px 7px; background: #eef0e5; color: #62683f; }
.task-status.in_progress { background: #eaf2fb; color: #3f78b1; }.task-status.waiting { background: #fff4df; color: #a56b14; }.task-status.completed { background: #e6f6ee; color: #25845e; }.task-status.rejected { background: #fbeceb; color: #a23f37; }
.task-rejection { color: #9a443d; white-space: normal; }.task-rejection-field textarea { border-color: #d9aaa6; background: #fffafa; }
.event-row { display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 11px; padding: 10px; border-radius: 10px; background: #f8f9f7; }
.event-date { width: 44px; height: 44px; border-radius: 9px; background: #eef0e5; color: #62683f; display: grid; place-content: center; text-align: center; }
.event-date b { font-size: 17px; line-height: 1; }.event-date span { font-size: 9px; text-transform: uppercase; margin-top: 2px; }
.notification-row { padding: 11px 12px; border-left: 3px solid var(--oj); background: #f8f9f7; border-radius: 7px; }
.notification-row strong { font-size: 12.5px; }.notification-row p { margin: 5px 0 0; color: var(--muted); font-size: 11.5px; line-height: 1.4; }
.briefing-panel { min-height: 230px; display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; background: linear-gradient(135deg, #fff 0%, #f1f3e8 100%); }
.briefing-panel h2 { font-size: 21px; }.briefing-panel p:not(.eyebrow) { color: var(--muted); font-size: 12.5px; line-height: 1.55; }
.assistant-orb { width: 84px; height: 84px; border-radius: 50%; display: grid; place-content: center; text-align: center; color: white; background: radial-gradient(circle at 32% 28%, #cbd09e, #777e4b 58%, #555b34); box-shadow: 0 12px 28px rgba(93,99,59,.25); font-size: 22px; font-weight: 800; }
.assistant-orb span { display: block; font-size: 8px; letter-spacing: .15em; }
.empty-state { min-height: 205px; display: grid; place-content: center; justify-items: center; text-align: center; color: var(--muted); }
.empty-state > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #f0f2e8; color: var(--oj-dark); font-size: 19px; margin-bottom: 9px; }
.empty-state strong { color: #444a54; font-size: 13px; }.empty-state p { margin: 5px 0 0; font-size: 11.5px; }
.compact-empty { min-height: 205px; }

.team-panel { position: fixed; top: 0; right: 0; width: var(--team); height: 100vh; overflow: hidden; display: flex; flex-direction: column; background: #fff; border-left: 1px solid var(--line); box-shadow: -12px 0 40px rgba(22,27,34,.12); z-index: 40; }
.team-panel > header { height: 82px; padding: 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.team-panel header strong { font-size: 14px; }.team-panel .eyebrow { margin-bottom: 4px; }
.team-list { flex: 1; overflow-y: auto; padding: 5px 12px 85px; }
.team-group > strong { display: block; color: #9298a2; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; margin: 16px 5px 6px; }
.team-member { width: 100%; border: 0; background: transparent; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 5px; border-radius: 9px; text-align: left; cursor: pointer; }
.team-member:hover { background: #f5f6f2; }
.team-member .avatar-wrap { position: relative; }.team-member .presence-dot { position: absolute; right: -1px; bottom: 0; border: 2px solid white; width: 10px; height: 10px; }
.team-member > div:last-child { min-width: 0; }.team-member strong { display: block; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.team-member small { color: var(--muted); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin-top: 3px; }
.team-chat-button { position: absolute; left: 16px; right: 16px; bottom: 16px; min-height: 43px; border: 0; border-radius: 11px; background: #5e634b; color: white; font-weight: 700; cursor: pointer; box-shadow: var(--shadow); }
.team-launcher { position: fixed; top: 50%; right: 0; z-index: 31; width: 42px; min-height: 128px; padding: 12px 0; border: 0; border-radius: 12px 0 0 12px; background: #69704c; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; font-size: 11px; font-weight: 750; box-shadow: -7px 9px 24px rgba(38,42,30,.19); cursor: pointer; transform: translateY(-50%); transition: background .16s ease, transform .16s ease; }
.team-launcher:hover { background: #565c3e; transform: translate(-2px,-50%); }
.team-launcher:focus-visible { outline: 3px solid rgba(163,170,112,.42); outline-offset: 3px; }
.team-chat-unread-badge { position:absolute; top:-7px; right:3px; min-width:22px; height:22px; padding:0 5px; display:grid; place-items:center; border-radius:99px; background:#a52e28; color:#fff; border:2px solid #fff; font-size:10px; line-height:1; box-shadow:0 2px 6px rgba(0,0,0,.2); }
.chat-unread-alert { display:inline-block; margin-left:3px; color:#a52e28; font-size:14px; font-weight:900; }
.channel-list .chat-unread-alert { color:#ffe0a3; }
.team-launcher svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.team-launcher svg circle { fill: currentColor; stroke: none; }
.team-launcher span { writing-mode: vertical-rl; text-orientation: mixed; letter-spacing: .04em; }
.assistant-button { position: fixed; right: calc(var(--team) + 22px); bottom: 22px; z-index: 30; min-height: 46px; padding: 0 18px 0 8px; border: 0; border-radius: 99px; background: #4f5441; color: white; display: flex; align-items: center; gap: 9px; font-weight: 700; box-shadow: 0 10px 26px rgba(38,42,30,.26); cursor: pointer; transition: right .2s ease; }
.assistant-button span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--oj); font-size: 11px; }
.assistant-button { touch-action:none; user-select:none; }.assistant-button.dragging { cursor:grabbing; transition:none; transform:scale(1.03); }.team-chat-panel.open ~ .assistant-button { opacity:.22; pointer-events:none; }

.feedback-dialog { width: min(500px, calc(100vw - 28px)); border: 0; border-radius: 15px; padding: 0; box-shadow: 0 25px 80px rgba(18,23,30,.24); }
.feedback-dialog::backdrop { background: rgba(17,21,26,.38); backdrop-filter: blur(2px); }
.feedback-dialog form { padding: 20px; display: grid; gap: 13px; }
.feedback-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.feedback-dialog header > div { display: flex; align-items: center; gap: 9px; }
.feedback-dialog h2 { margin: 0; font-size: 16px; }
.feedback-dialog label { display: grid; gap: 6px; color: #4c535f; font-size: 11px; font-weight: 700; }
.feedback-dialog select, .feedback-dialog textarea { width: 100%; border: 1px solid #dfe2e6; border-radius: 9px; padding: 10px 11px; outline: none; resize: vertical; background: #fff; }
.feedback-dialog select:focus, .feedback-dialog textarea:focus { border-color: var(--oj); box-shadow: 0 0 0 3px rgba(163,170,112,.14); }
.feedback-attachment { min-height: 58px; padding: 10px 12px; display: flex; align-items: center; gap: 11px; border: 1px dashed #cbd0d8; border-radius: 9px; color: #6d7581; background: #fafbfb; }
.feedback-attachment svg { flex: 0 0 auto; }
.feedback-attachment div { display: grid; gap: 3px; }.feedback-attachment strong { font-size: 11px; }.feedback-attachment small { color: #8a929d; font-size: 9.5px; line-height: 1.4; }
.feedback-context { display: flex; flex-wrap: wrap; gap: 6px 16px; color: #8a929d; font-size: 10px; }
.feedback-context b { color: #667080; font-weight: 600; }
.feedback-dialog footer { display: flex; justify-content: flex-end; gap: 8px; padding-top: 2px; }
.feedback-dialog .form-message { min-height: 16px; margin: 0; color: #a25046; font-size: 10.5px; }
.feedback-dialog .form-message.success { color: #2f815b; }
.support-ticket-list { display: grid; gap: 9px; }
.support-ticket { padding: 13px 14px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.support-ticket div { min-width: 0; }.support-ticket strong { font-size: 12px; }.support-ticket p { margin: 6px 0; color: #4f5762; font-size: 11.5px; line-height: 1.45; white-space: pre-wrap; }.support-ticket small { color: var(--muted); font-size: 9.5px; }

.task-dialog { width: min(560px, calc(100vw - 28px)); max-height: calc(100vh - 28px); border: 0; border-radius: 16px; padding: 0; overflow: hidden; box-shadow: 0 25px 80px rgba(18,23,30,.22); }
.task-editor-dialog { width: min(680px, calc(100vw - 28px)); }
.task-dialog::backdrop { background: rgba(17,21,26,.4); backdrop-filter: blur(2px); }
.task-dialog form { max-height: calc(100vh - 28px); padding: 24px; display: grid; gap: 16px; overflow-y: auto; }
.task-dialog header { display: flex; justify-content: space-between; align-items: start; }.task-dialog h2 { margin: 0; }
.task-dialog label { display: grid; gap: 6px; font-size: 12px; font-weight: 700; color: #4c535f; }
.task-dialog input, .task-dialog textarea, .task-dialog select { width: 100%; border: 1px solid #dfe2e6; border-radius: 9px; padding: 10px 11px; outline: none; resize: vertical; }
.task-dialog input:focus, .task-dialog textarea:focus, .task-dialog select:focus { border-color: var(--oj); box-shadow: 0 0 0 3px rgba(163,170,112,.14); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.task-dialog footer { display: flex; justify-content: flex-end; gap: 9px; }.form-message { min-height: 18px; margin: 0; color: #bd5348; font-size: 12px; }
.dialog-footer-spacer { flex: 1; }.danger-button { min-height: 38px; padding: 0 13px; border: 1px solid #efc4bd; border-radius: 9px; background: #fff4f1; color: #a94d42; font-size: 11px; font-weight: 750; cursor: pointer; }
.customer-activity-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 4px; }
.customer-activity-edited { font-style: italic; }
.customer-activity header { flex-wrap: wrap; overflow-wrap: anywhere; }
.customer-activity-dialog { width: min(620px, calc(100vw - 28px)); }
.customer-activity-dialog input, .customer-activity-dialog textarea { box-sizing: border-box; }
.customer-activity-dialog button:disabled { opacity: .55; cursor: wait; }
.customer-activity-dialog .form-message { overflow-wrap: anywhere; }
.danger-button:hover { background: #fee9e5; border-color: #df9f95; }.danger-button:disabled { opacity: .55; cursor: wait; }.employee-delete-warning { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid #efc4bd; border-radius: 12px; background: #fff7f5; }.employee-delete-warning > span { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; background: #bd5348; color: white; font-weight: 800; }.employee-delete-warning strong { display: block; color: #7f3029; }.employee-delete-warning p { margin: 5px 0 0; color: #784c47; font-size: 12px; line-height: 1.55; }.employee-delete-dialog footer .danger-button { min-width: 150px; }
.event-all-day { display: flex !important; grid-template-columns: auto 1fr; align-items: center; align-self: end; min-height: 40px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; }.event-all-day input { width: auto; margin: 0; }
.event-sharing-fields { min-width: 0; margin: 0; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: #fafbf8; }.event-sharing-fields legend { padding: 0 6px; color: var(--oj-dark); font-size: 11px; font-weight: 800; }.event-sharing-fields > small { display: block; margin-top: 8px; color: var(--muted); font-size: 10px; line-height: 1.45; }.event-sharing-fields select[multiple] { min-height: 92px; }
.event-reminder-fields { min-width: 0; margin: 0; padding: 13px; border: 1px solid #dfe4d1; border-radius: 10px; background: #fbfcf7; }.event-reminder-fields legend { padding: 0 6px; color: var(--oj-dark); font-size: 11px; font-weight: 800; }.event-reminder-fields > small { display: block; margin-top: 8px; color: var(--muted); font-size: 10px; }.event-reminder-fields select { min-height: 110px; }
.task-dialog-meta { margin: -3px 0; padding: 10px 12px; border-radius: 9px; background: #f8f9f7; color: var(--muted); font-size: 10.5px; line-height: 1.5; }
.task-history { padding-top: 4px; border-top: 1px solid var(--line); }
.task-history > strong { display: block; margin: 8px 0 9px; font-size: 12px; }.task-history-list { display: grid; gap: 7px; max-height: 150px; overflow-y: auto; }
.task-history-item { padding: 8px 10px; border-radius: 8px; background: #f8f9f7; display: flex; justify-content: space-between; gap: 12px; }.task-history-item span { font-size: 11px; color: #4f5661; }.task-history-item small { color: var(--muted); font-size: 9.5px; white-space: nowrap; }.task-history-empty { color: var(--muted); font-size: 11px; }

.module-view { min-height: calc(100vh - 150px); }
.meta-readiness-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:16px; margin-bottom:16px; }
.meta-readiness-card { display:grid; grid-template-columns:58px minmax(0,1fr); gap:16px; align-items:start; }
.meta-readiness-card.pending { border-color:#e3d8b7; }
.meta-readiness-card.ready { border-color:#b7d7c7; }
.meta-provider-mark { width:58px; height:58px; display:grid; place-items:center; border-radius:15px; background:#1877f2; color:#fff; font-size:25px; font-weight:850; }
.meta-readiness-card h2,.meta-policy-card h2,.meta-connection-panel h2,.meta-feature-panel h2 { margin:3px 0 7px; }
.meta-readiness-card p,.meta-feature-panel p { color:var(--muted); line-height:1.5; }
.meta-progress { height:7px; margin:14px 0 7px; overflow:hidden; border-radius:999px; background:#eceef1; }
.meta-progress span { display:block; height:100%; border-radius:inherit; background:#9fa76c; }
.meta-policy-card ul { margin:12px 0 0; padding-left:18px; color:var(--muted); line-height:1.7; }
.meta-connection-panel { margin-bottom:16px; }
.meta-connection-panel > header,.meta-feature-panel > header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.meta-checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:14px; }
.meta-checklist > div { display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:8px; align-items:center; padding:10px; border:1px solid var(--line); border-radius:9px; }
.meta-checklist > div > span { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#f0f1f3; color:#7c8490; }
.meta-checklist > div.done > span { background:#e4f5eb; color:#13804c; }
.meta-checklist small { color:var(--muted); }
.meta-connection-actions { margin-top:14px; padding-top:14px; display:flex; align-items:flex-start; gap:12px; border-top:1px solid var(--line); }
.meta-connection-actions > p { margin:0; display:grid; gap:4px; color:var(--muted); font-size:10.5px; line-height:1.45; }
.meta-connection-actions > p strong { color:var(--ink); }
.meta-connection-actions > p.success strong { color:#2f8059; }
.meta-connection-actions > p.warning strong { color:#986b24; }
.meta-connection-actions > p.error { color:#a34f47; }
.meta-webhook-status { margin-top:14px; padding:13px 14px; border:1px solid #dfe5d1; border-radius:12px; background:#fafbf6; display:grid; grid-template-columns:minmax(210px,.75fr) minmax(280px,1.25fr); align-items:center; gap:8px 16px; }
.meta-webhook-status > div { display:grid; gap:3px; }
.meta-webhook-status strong { font-size:11.5px; color:var(--ink); }
.meta-webhook-status span,.meta-webhook-status small { color:var(--muted); font-size:10.5px; line-height:1.45; }
.meta-webhook-status code { overflow-wrap:anywhere; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:#fff; color:#435c51; font-size:10.5px; }
.meta-webhook-status small { grid-column:1/-1; }
@media (max-width:850px){.meta-webhook-status{grid-template-columns:1fr;}.meta-webhook-status small{grid-column:auto;}}
.meta-lead-operations{margin-top:18px}.meta-lead-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.meta-lead-kpis span{display:flex;flex-direction:column;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fafbf7;color:var(--muted);font-size:11px}.meta-lead-kpis strong{font-size:20px;color:var(--ink)}.meta-lead-kpis .attention{border-color:#e9c4b9;background:#fff7f4}.meta-lead-event-list{display:grid}.meta-lead-event{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px 2px;border-top:1px solid var(--line)}.meta-lead-event>div{display:grid;gap:3px}.meta-lead-event small,.meta-lead-event time{color:var(--muted);font-size:10.5px}.meta-lead-event p{margin:3px 0 0;color:#9b3f2f;font-size:11px}.meta-lead-event.dead_lettered{background:#fffaf8}@media(max-width:850px){.meta-lead-kpis{grid-template-columns:repeat(2,1fr)}.meta-lead-event{grid-template-columns:1fr auto}.meta-lead-event button,.meta-lead-event time{grid-column:1/-1;justify-self:start}}
@media (max-width:850px){.meta-readiness-grid{grid-template-columns:1fr}.meta-checklist{grid-template-columns:1fr}}
.module-heading { align-items: center; }
.module-heading > div:first-child > p:last-child { max-width: 760px; line-height: 1.55; }
.module-toolbar { min-height: 50px; margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.module-toolbar > span { color: var(--muted); font-size: 12px; }
.segmented { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.task-filters { flex-wrap: wrap; }
.segmented button { min-height: 32px; padding: 0 14px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font-size: 12px; cursor: pointer; }
.segmented button.active { background: #eef0e5; color: #5f653f; font-weight: 750; }
.segmented button:disabled { cursor: not-allowed; opacity: .45; }
.task-scope-toolbar { margin-bottom: 14px; display: flex; align-items: end; gap: 12px; flex-wrap: wrap; }
.task-scope-switch button { min-width: 92px; }
.task-department-filter { min-width: min(280px, 100%); display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.task-department-filter[hidden] { display: none; }
.task-department-filter select { min-height: 40px; border: 1px solid var(--line); border-radius: 9px; padding: 0 34px 0 11px; background: #fff; color: var(--ink); }
.module-panel { min-height: 360px; }
.full-list { gap: 10px; }
.task-row.completed { opacity: .68; }
.task-state { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #edf2e5; color: var(--oj-dark); font-weight: 800; }
.calendar-layout, .module-overview { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .65fr); gap: 18px; align-items: start; }
.calendar-month { min-height: 500px; }
.calendar-month > header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.calendar-month > header > span { color: var(--muted); font-size: 12px; }
.calendar-toolbar { flex-wrap: wrap; }.calendar-toolbar > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }.calendar-toolbar .segmented { flex-wrap: wrap; }
.calendar-date-nav { flex: 0 1 auto; }.calendar-controls { flex: 1 1 560px; justify-content: flex-end; }
.calendar-team-filters { flex-basis: 100%; justify-content: flex-end; padding-top: 3px; }.calendar-team-filters label { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 750; }.calendar-team-filters select { min-width: 190px; min-height: 34px; padding: 0 30px 0 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #4d5560; }
.calendar-period { min-width: 190px; text-align: center; font-size: 14px; }.calendar-nav { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #666e79; cursor: pointer; }
.calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.calendar-weekday { padding: 8px 5px; background: #f7f8f5; color: var(--muted); font-size: 10px; font-weight: 750; text-align: center; text-transform: uppercase; }
.calendar-day { min-width: 0; min-height: 105px; padding: 7px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); background: #fff; }.calendar-day:nth-child(7n) { border-right: 0; }.calendar-day.outside { background: #fafafa; color: #adb2ba; }.calendar-day.today { box-shadow: inset 0 0 0 2px rgba(163,170,112,.6); }
.calendar-day-number { display: block; margin-bottom: 5px; font-size: 10px; font-weight: 750; }.calendar-day.today .calendar-day-number { color: var(--oj-dark); }
.calendar-day-items { display: grid; gap: 3px; }.calendar-entry { min-width: 0; width: 100%; padding: 4px 5px; border: 0; border-radius: 5px; background: #eef0e5; color: #59603b; font-size: 9px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }.calendar-entry.task { background: #eaf2fb; color: #3f6f9c; }.calendar-entry.completed { opacity: .55; text-decoration: line-through; }.calendar-more { color: var(--muted); font-size: 9px; }
.calendar-agenda { display: grid; gap: 16px; }.calendar-agenda-group { display: grid; gap: 7px; }.calendar-agenda-group > header { display: flex; align-items: center; justify-content: space-between; padding: 0 2px 3px; color: var(--oj-dark); }.calendar-agenda-group > header strong { font-size: 12px; text-transform: capitalize; }.calendar-agenda-group > header span { min-width: 24px; padding: 3px 7px; border-radius: 99px; background: #f0f2ed; color: var(--muted); font-size: 9px; font-weight: 800; text-align: center; }.calendar-agenda-row { display: grid; grid-template-columns: 102px minmax(0,1fr) auto; gap: 12px; align-items: center; width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; text-align: left; cursor: pointer; }.calendar-agenda-row:hover { border-color: #d8ddc0; background: #fbfcf8; }.calendar-agenda-row time { color: var(--oj-dark); font-size: 11px; font-weight: 800; }.calendar-agenda-row strong { display: block; font-size: 12.5px; }.calendar-agenda-row small { display: block; margin-top: 4px; color: var(--muted); font-size: 10.5px; }.calendar-kind { padding: 4px 7px; border-radius: 99px; background: #eef0e5; color: #60673d; font-size: 9px; font-weight: 750; }.calendar-kind.task { background: #eaf2fb; color: #3f78b1; }
.calendar-time-view { min-width: 680px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.calendar-view-week,.calendar-view-day { overflow-x: auto; overscroll-behavior-x: contain; }.calendar-view-day .calendar-time-view { min-width: 420px; }
.calendar-time-header,.calendar-all-day-grid,.calendar-time-grid { display: grid; }
.calendar-view-week .calendar-time-header,.calendar-view-week .calendar-all-day-grid,.calendar-view-week .calendar-time-grid { grid-template-columns: 58px repeat(7,minmax(0,1fr)); }
.calendar-view-day .calendar-time-header,.calendar-view-day .calendar-all-day-grid,.calendar-view-day .calendar-time-grid { grid-template-columns: 58px minmax(0,1fr); }
.calendar-time-scroll { max-height: min(70vh,680px); overflow-y: auto; scrollbar-gutter: stable; overscroll-behavior-y: contain; }
.calendar-time-header { position: sticky; top: 0; z-index: 8; min-height: 44px; background: #f7f8f5; border-bottom: 1px solid var(--line); }.calendar-time-header > span { position: sticky; left: 0; z-index: 2; border-right: 1px solid var(--line); background: #f7f8f5; }.calendar-time-day-heading { min-width: 0; border-right: 1px solid var(--line); color: var(--muted); text-transform: capitalize; }.calendar-time-day-heading:last-child { border-right: 0; }.calendar-time-day-heading time { min-height: 43px; display: flex; align-items: baseline; justify-content: center; gap: 5px; padding: 8px 3px; }.calendar-time-day-heading strong { font-size: 10px; text-transform: uppercase; }.calendar-time-day-heading span { font-size: 14px; font-weight: 800; }.calendar-time-day-heading small { font-size: 8px; text-transform: uppercase; }.calendar-time-day-heading.today { background: #edf1d8; color: var(--oj-dark); box-shadow: inset 0 -2px 0 var(--oj); }
.calendar-all-day-grid { position: sticky; top: 44px; z-index: 7; min-height: 43px; border-bottom: 1px solid var(--line); background: #fff; box-shadow: 0 2px 5px rgba(39,44,29,.04); }.calendar-all-day-grid > strong { position: sticky; left: 0; z-index: 2; display: flex; align-items: flex-start; justify-content: flex-end; padding: 10px 7px 0 2px; border-right: 1px solid var(--line); background: #fff; color: var(--muted); font-size: 8px; text-transform: uppercase; }.calendar-all-day-cell { display: grid; align-content: start; gap: 3px; min-width: 0; padding: 5px; border-right: 1px solid var(--line); background: #fff; }.calendar-all-day-cell.today { background: #fafbf4; }.calendar-all-day-cell:last-child { border-right: 0; }
.calendar-time-grid { min-height: var(--calendar-day-height); }.calendar-hour-labels { position: sticky; left: 0; z-index: 5; height: var(--calendar-day-height); border-right: 1px solid var(--line); background: #fafafa; }.calendar-hour-labels span { position: absolute; right: 7px; transform: translateY(-50%); color: var(--muted); font-size: 8px; font-variant-numeric: tabular-nums; }.calendar-hour-labels span:first-child { transform: none; }.calendar-hour-labels span:last-child { transform: translateY(-100%); }
.calendar-time-column { position: relative; min-width: 0; height: var(--calendar-day-height); border-right: 1px solid var(--line); background: linear-gradient(to bottom,#f6f7f7 0,#f6f7f7 var(--calendar-workday-start),transparent var(--calendar-workday-start),transparent var(--calendar-workday-end),#f6f7f7 var(--calendar-workday-end),#f6f7f7 100%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--calendar-hour-height) / 2 - 1px),#f1f2f2 calc(var(--calendar-hour-height) / 2 - 1px),#f1f2f2 calc(var(--calendar-hour-height) / 2)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--calendar-hour-height) - 1px),#dde1e2 calc(var(--calendar-hour-height) - 1px),#dde1e2 var(--calendar-hour-height)); }.calendar-time-column.today { background: linear-gradient(rgba(245,247,232,.64),rgba(245,247,232,.64)),linear-gradient(to bottom,#f6f7f7 0,#f6f7f7 var(--calendar-workday-start),transparent var(--calendar-workday-start),transparent var(--calendar-workday-end),#f6f7f7 var(--calendar-workday-end),#f6f7f7 100%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--calendar-hour-height) / 2 - 1px),#eceee4 calc(var(--calendar-hour-height) / 2 - 1px),#eceee4 calc(var(--calendar-hour-height) / 2)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--calendar-hour-height) - 1px),#d9ddca calc(var(--calendar-hour-height) - 1px),#d9ddca var(--calendar-hour-height)); }.calendar-time-column:last-child { border-right: 0; }
.calendar-now-line { position: absolute; left: 0; right: 0; z-index: 3; height: 2px; background: #bf5b51; pointer-events: none; }.calendar-now-line::before { content: ""; position: absolute; left: -4px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: #bf5b51; }
.calendar-time-entry { position: absolute; z-index: 2; min-width: 0; overflow: hidden; padding: 4px 6px; border: 1px solid #d7ddbd; border-left-width: 3px; border-radius: 6px; background: #eef0e5; color: #59603b; text-align: left; cursor: pointer; transition: border-color .15s,box-shadow .15s,transform .15s; }.calendar-time-entry:hover,.calendar-time-entry:focus-visible { z-index: 6; border-color: #aab474; box-shadow: 0 4px 12px rgba(50,58,31,.16); transform: translateY(-1px); outline: 0; }.calendar-time-entry.task { border-color: #c9ddef; border-left-color: #75a4d0; background: #eaf2fb; color: #3f6f9c; }.calendar-time-entry.completed { opacity: .55; text-decoration: line-through; }.calendar-time-entry strong,.calendar-time-entry small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.calendar-time-entry strong { font-size: 9.5px; line-height: 1.2; }.calendar-time-entry small { margin-top: 2px; font-size: 8px; opacity: .82; }.calendar-time-entry.compact { padding-block: 2px; }.calendar-time-entry.compact small,.calendar-time-entry.micro small { display: none; }.calendar-time-entry.micro { padding: 0 4px; border-radius: 4px; }.calendar-time-entry.micro strong { font-size: 8px; line-height: 1; }
.calendar-timezone { margin-top: 14px; color: var(--muted); font-size: 10px; text-align: right; }
.calendar-event-list { display: grid; gap: 9px; }
.calendar-event { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 13px; border: 1px solid #edf0f2; border-radius: 11px; }
.calendar-event time { width: 48px; height: 48px; display: grid; place-content: center; text-align: center; border-radius: 10px; background: #eef0e5; color: #61683e; }
.calendar-event time b { font-size: 18px; line-height: 1; }.calendar-event time span { margin-top: 3px; font-size: 9px; text-transform: uppercase; }
.calendar-event strong { font-size: 13px; }.calendar-event p { margin: 5px 0 0; color: var(--muted); font-size: 11.5px; }
.calendar-event > button { width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #9aa0aa; cursor: pointer; }
.calendar-event > button:hover { color: #bd5348; background: #fff1ed; }
.connection-card, .permission-card { position: sticky; top: 94px; }
.connection-card h2, .permission-card h2, .prepared-card h2 { margin: 0 0 12px; font-size: 18px; }
.connection-card p:not(.eyebrow), .permission-card p, .prepared-card p:not(.eyebrow) { color: var(--muted); line-height: 1.55; font-size: 12.5px; }
.status-pill { display: inline-flex; align-items: center; gap: 7px; min-height: 28px; padding: 0 10px; border-radius: 99px; background: #f0f1f3; color: #606874; font-size: 11px; font-weight: 700; }
.status-pill.ready { background: #e7f5ed; color: #2f8059; }
.prepared-card { min-height: 270px; display: flex; gap: 18px; align-items: flex-start; }
.prepared-card .card-icon { flex: 0 0 auto; }
.matching-toolbar{padding:14px 18px;display:flex;align-items:end;justify-content:space-between;gap:18px}.matching-toolbar label{display:grid;gap:6px;min-width:min(460px,100%)}.matching-toolbar label span,.matching-toolbar small{color:var(--muted);font-size:9px}.matching-toolbar select{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.matching-toolbar>div strong,.matching-toolbar>div small{display:block;text-align:right}.matching-toolbar>div small{margin-top:5px}.matching-notice{margin:12px 2px;color:var(--muted);font-size:9.5px}.matching-grid{display:grid;gap:14px}.matching-card{padding:18px}.matching-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.matching-card h2,.matching-card p{margin:0}.matching-card h2{margin-top:4px;font-size:18px}.matching-card header p:last-child{margin-top:5px;color:var(--muted);font-size:9.5px}.matching-summary{min-width:82px;text-align:right}.matching-summary strong,.matching-summary small{display:block}.matching-summary strong{font-size:20px;color:var(--olive)}.matching-summary small{margin-top:3px;color:var(--muted);font-size:8px}.matching-overview{margin:14px 0;display:flex;flex-wrap:wrap;gap:7px}.matching-overview span{padding:6px 9px;border-radius:999px;background:#f2f4eb;color:#62694f;font-size:8.5px;font-weight:750}.matching-check-list{border-top:1px solid var(--line)}.matching-check-list>div{padding:10px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.matching-check-list strong,.matching-check-list small{display:block}.matching-check-list small,.matching-check-list p{margin:3px 0 0;color:var(--muted);font-size:8.5px}.matching-state{padding:5px 8px;border-radius:999px;background:#f0f1ef;color:#5f6670;font-size:8px;font-weight:800;white-space:nowrap}.matching-state.confirmed,.matching-state.not_required,.matching-state.team_sufficient{background:#e8f3e9;color:#377249}.matching-state.needs_review,.matching-state.unknown{background:#fff3d8;color:#81631d}.matching-state.missing,.matching-state.below_minimum{background:#fce7e7;color:#9a3e3e}.matching-delete{width:28px;height:28px}.matching-requirement-warning,.matching-empty{padding:22px}.matching-requirement-warning{border-radius:9px;background:#fff8e9}.matching-requirement-warning strong,.matching-empty strong{font-size:12px}.matching-requirement-warning p,.matching-empty p{margin:6px 0 0;color:var(--muted);font-size:9.5px;line-height:1.5}.matching-profile-checks,.matching-requirement-editor{margin-top:12px;border:1px solid var(--line);border-radius:9px}.matching-profile-checks>summary,.matching-requirement-editor>summary{padding:11px 13px;cursor:pointer;font-size:9.5px;font-weight:800}.matching-profile-checks>div{padding:9px 13px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line)}.matching-profile-checks strong,.matching-profile-checks small{display:block}.matching-profile-checks small{margin-top:3px;color:var(--muted);font-size:8.5px}.matching-requirement-editor form{padding:12px;display:grid;grid-template-columns:2fr repeat(4,minmax(110px,1fr));gap:9px;align-items:end;border-top:1px solid var(--line)}.matching-requirement-editor label{display:grid;gap:4px;color:var(--muted);font-size:8.5px}.matching-requirement-editor input,.matching-requirement-editor select{min-height:36px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff}.matching-requirement-editor .form-message{grid-column:1/-1}.matching-empty button{margin-top:12px}
.notification-center { display: grid; gap: 10px; }
.notice-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px; border: 1px solid var(--line); border-left: 4px solid #8190a5; border-radius: 11px; }
.notice-card.severity-success { border-left-color: #3b9a6c; }.notice-card.severity-warning { border-left-color: #d89a2e; }.notice-card.severity-critical { border-left-color: #c9574c; }
.notice-card.read { opacity: .72; }.notice-card strong { font-size: 13px; }.notice-card p { margin: 5px 0; color: var(--muted); font-size: 12px; }.notice-card small { color: #969ca5; }
.notice-card > div:last-child { display: flex; align-items: center; gap: 8px; }.small-action { min-height: 34px; padding: 0 11px; font-size: 11px; }
.chat-layout { min-height: 590px; position: relative; display: grid; grid-template-columns: 230px minmax(0, 1fr); overflow: hidden; border: 1px solid #dfe2e5; border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.channel-list { min-width: 0; padding: 15px 10px; display: flex; flex-direction: column; gap: 3px; overflow-y: auto; background: #26303b; color: #f5f6f7; }
.channel-list > header { min-height: 30px; display:flex; align-items:center; justify-content:space-between; padding:0 6px; }.channel-list > header .eyebrow,.channel-list > .eyebrow { color:#aeb8c4; }.channel-list > header button { width:28px; min-height:28px; padding:0; justify-content:center; color:#fff; background:rgba(255,255,255,.09); }
.channel-list button { min-height: 38px; border: 0; border-radius: 7px; padding: 0 9px; background: transparent; text-align: left; color: #d6dce2; cursor: pointer; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.channel-list button.active, .channel-list button:hover { background: rgba(163,170,112,.25); color: #fff; }
.chat-channel-row { position:relative; }.chat-channel-row > button:first-child { width:100%; padding-right:34px; }.chat-channel-gear { position:absolute; top:5px; right:4px; width:28px; min-height:28px!important; padding:0!important; justify-content:center!important; opacity:0; }.chat-channel-row:hover .chat-channel-gear,.chat-channel-row:focus-within .chat-channel-gear { opacity:1; }
.channel-list .direct-label { margin: 19px 6px 2px; }.channel-list .presence-dot { margin-right: 8px; }.channel-list .chat-unread { background:var(--oj); color:#20272f; }
.chat-window { min-width:0; padding: 0; overflow: hidden; display: grid; grid-template-rows: auto minmax(260px,1fr) auto; background:#fff; }
.chat-window > header { min-height:64px; padding: 11px 16px; border-bottom: 1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:12px; }.chat-window > header > div:first-child { display: grid; gap: 4px; min-width:0; }.chat-window > header small { color: var(--muted); }.chat-header-actions { display:flex; align-items:center; gap:7px; }.chat-header-actions > button:not(.icon-button) { min-height:32px; border:1px solid var(--line); border-radius:8px; background:#fff; color:#59616c; cursor:pointer; }.chat-header-actions label,.chat-new-direct label { display:flex; align-items:center; gap:6px; padding:0 9px; border:1px solid var(--line); border-radius:8px; background:#fff; color:#7b838d; }.chat-header-actions input,.chat-new-direct input { width:150px; min-height:32px; border:0; outline:none; background:transparent; }
.chat-empty { display: grid; place-content: center; justify-items: center; text-align: center; padding: 34px; color: var(--muted); }.chat-empty > span { font-size: 32px; color: var(--oj-dark); }.chat-empty strong { margin: 12px 0 7px; color: #444a54; }.chat-empty p { max-width: 540px; line-height: 1.55; font-size: 12px; }
.chat-composer { padding: 10px 14px; border-top: 1px solid var(--line); display: flex; align-items:flex-end; gap: 8px; }.chat-composer textarea { flex: 1; min-height:42px; max-height:130px; border: 1px solid var(--line); border-radius: 9px; padding:10px 12px; resize:vertical; font:inherit; }.chat-composer button { width: 42px; min-height:42px; border: 0; border-radius: 9px; background: #dfe2e5; color: #8f969f; }
.chat-composer button:not(:disabled) { background:var(--oj-dark); color:#fff; cursor:pointer; }.chat-message-list { overflow-y:auto; padding:18px; display:flex; flex-direction:column; gap:14px; }.chat-message { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:start; }.chat-message > div { min-width:0; }.chat-message header { display:flex; align-items:center; gap:8px; }.chat-message header strong { font-size:12px; }.chat-message header time,.chat-message header small { color:var(--muted); font-size:10px; }.chat-message p { display:inline-block; max-width:min(680px,92%); margin:5px 0 0; padding:9px 12px; border-radius:4px 12px 12px 12px; background:#f2f3f5; color:#333b46; font-size:12.5px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }.chat-message.mine { grid-template-columns:minmax(0,1fr); justify-items:end; }.chat-message.mine > .avatar { display:none; }.chat-message.mine header { justify-content:flex-end; }.chat-message.mine p { background:#69704c; color:#fff; border-radius:12px 4px 12px 12px; }.chat-message.deleted p { opacity:.65; font-style:italic; }.chat-sensitive { display:block; margin-top:4px; color:#a06828; font-size:9px; }.chat-unread { min-width:20px; padding:2px 6px; border-radius:99px; background:#798057; color:#fff; font-size:9px; text-align:center; }.chat-list-empty { padding:8px 10px; color:#aeb8c4; }.chat-new-direct { margin-top:4px; border-top:1px solid rgba(255,255,255,.12); padding-top:7px; }.chat-new-direct summary { padding:8px 10px; color:#d6dce2; font-size:11px; cursor:pointer; }.chat-new-direct label { margin:5px 7px 7px; border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.08); color:#cdd4dc; }.chat-new-direct input { width:100%; color:#fff; }.chat-new-direct input::placeholder { color:#aeb8c4; }.chat-direct-results button { width:100%; min-height:48px; }.chat-direct-results button span,.chat-direct-results button small { display:block; }.chat-direct-results button small { color:#aeb8c4; font-size:9px; }
.chat-message-actions { margin-top:5px; display:flex; flex-wrap:wrap; gap:3px; opacity:0; transition:opacity .15s; }.chat-message:hover .chat-message-actions,.chat-message:focus-within .chat-message-actions { opacity:1; }.chat-message-actions button,.chat-reactions button { border:1px solid var(--line); border-radius:99px; padding:3px 7px; background:#fff; color:#69717b; font-size:9px; cursor:pointer; }.chat-message.mine .chat-message-actions { justify-content:flex-end; }.chat-reactions { margin-top:5px; display:flex; flex-wrap:wrap; gap:4px; }.chat-reactions button.active { border-color:var(--oj); background:#eef0e5; color:#555c36; }.chat-load-older { align-self:center; border:0; background:transparent; color:#6b7248; cursor:pointer; }.chat-inline-edit { width:min(620px,100%); display:grid; gap:7px; }.chat-inline-edit textarea { min-height:80px; padding:10px; border:1px solid var(--oj); border-radius:9px; }.chat-inline-edit footer { display:flex; justify-content:flex-end; gap:8px; }
.chat-thread-panel { position:absolute; top:0; right:0; bottom:0; z-index:4; width:min(360px,90%); display:grid; grid-template-rows:58px 1fr auto; background:#fff; border-left:1px solid var(--line); box-shadow:-14px 0 40px rgba(20,25,31,.12); }.chat-thread-panel > header { padding:0 14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.chat-thread-list { overflow:auto; padding:14px; display:grid; align-content:start; gap:13px; }.chat-thread-composer { padding:10px; display:grid; gap:7px; border-top:1px solid var(--line); }.chat-thread-composer textarea { min-height:64px; padding:9px; border:1px solid var(--line); border-radius:8px; resize:vertical; }
.team-chat-panel { --chat-panel-width:min(820px,calc(100vw - 48px)); --chat-panel-height:min(720px,calc(100vh - 110px)); position:fixed; right:24px; top:76px; z-index:55; width:var(--chat-panel-width); height:var(--chat-panel-height); opacity:0; transform:translateY(12px) scale(.985); transition:opacity .18s,transform .18s; filter:drop-shadow(0 24px 44px rgba(16,21,27,.22)); }.team-chat-panel.open { opacity:1; transform:none; }.team-chat-panel-content,.team-chat-panel-content .chat-layout { height:100%; min-height:0; }.team-chat-resize-handle { position:absolute; left:-8px; bottom:-8px; z-index:10; width:22px; height:22px; border:0; background:transparent; cursor:nesw-resize; }.team-chat-resize-handle::after { content:""; position:absolute; inset:4px; border-left:2px solid var(--oj); border-bottom:2px solid var(--oj); border-radius:0 0 0 3px; }
.chat-channel-dialog fieldset { margin:0; padding:10px; border:1px solid var(--line); border-radius:9px; }.chat-channel-dialog legend { padding:0 5px; color:#4c535f; font-size:11px; font-weight:700; }.chat-check-grid { max-height:120px; overflow:auto; display:grid; grid-template-columns:1fr 1fr; gap:6px; }.chat-check-grid label,.checkbox-line { display:flex!important; grid-template-columns:none!important; align-items:center; gap:7px; font-weight:500!important; }.chat-check-grid input,.checkbox-line input { width:auto!important; }.chat-member-list { max-height:310px; overflow:auto; display:grid; gap:5px; }.chat-member-list article { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:9px; align-items:center; padding:7px; border:1px solid var(--line); border-radius:8px; }.chat-member-list strong,.chat-member-list small { display:block; }.chat-member-list small { color:var(--muted); font-size:9px; }.task-source-preview { padding:11px; border:1px solid #d8ddbd; border-radius:9px; background:#f5f6ed; }.task-source-preview strong,.task-source-preview small { display:block; }.task-source-preview small { margin-top:4px; color:#707650; }.task-source-preview p { max-height:90px; overflow:auto; margin:8px 0 0; color:#59616c; white-space:pre-wrap; }.task-due-shortcuts { display:flex; align-items:center; flex-wrap:wrap; gap:6px; color:var(--muted); font-size:10px; }.task-due-shortcuts button { border:1px solid var(--line); border-radius:99px; padding:5px 9px; background:#fff; color:#626946; cursor:pointer; }
.task-source-preview a { display:inline-block; margin-top:7px; color:#61683e; font-size:11px; font-weight:750; }.task-checklist-editor,.task-comments { display:grid; gap:9px; padding-top:3px; border-top:1px solid var(--line); }.task-checklist-editor > header,.task-comments > header { display:flex; justify-content:space-between; align-items:center; }.task-checklist-editor > header strong,.task-comments > header strong { font-size:12px; }.task-checklist-editor > header small { color:var(--muted); font-size:10px; }.task-checklist-items,.task-comment-list { display:grid; gap:6px; }.task-checklist-item { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto auto; gap:7px; align-items:center; padding:7px 9px; border-radius:8px; background:#f8f9f7; }.task-checklist-item input { width:auto; }.task-checklist-item span { font-size:11px; }.task-checklist-item.completed span { color:var(--muted); text-decoration:line-through; }.task-checklist-item button,.task-comment footer button { border:0; background:transparent; color:#737a58; cursor:pointer; }.task-checklist-item button:disabled { opacity:.3; cursor:default; }.task-inline-create { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; align-items:end; }.task-inline-create textarea { min-height:54px; }.task-comment { padding:9px 10px; border:1px solid var(--line); border-radius:9px; }.task-comment > header { display:flex; justify-content:space-between; gap:10px; }.task-comment > header strong { font-size:11px; }.task-comment time,.task-comment small { color:var(--muted); font-size:9px; }.task-comment > p { margin:6px 0; font-size:11px; white-space:pre-wrap; }.task-comment footer { display:flex; justify-content:space-between; align-items:start; gap:8px; }.task-comment details { font-size:10px; color:var(--muted); }.task-comment details div { margin-top:5px; padding:6px; background:#f8f9f7; border-radius:6px; }.task-comment details p { margin:3px 0 0; color:#59616c; white-space:pre-wrap; }
.chat-message.deep-link-target { border-radius: 10px; outline: 2px solid rgba(163,170,112,.8); outline-offset: 5px; animation: deep-link-pulse 1.1s ease-in-out 2; }
.chat-direct-hint { display:block; padding:8px 9px; color:#aeb8c4; font-size:9px; line-height:1.45; }
.chat-active-direct { margin-bottom:3px; }
@keyframes deep-link-pulse { 50% { background: rgba(163,170,112,.14); } }
.mail-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:18px; }.mailbox-list { display:flex; flex-direction:column; gap:5px; align-self:start; }.mailbox-list > button { display:grid; grid-template-columns:28px minmax(0,1fr); gap:8px; align-items:center; min-height:52px; padding:7px 10px; border:0; border-radius:9px; background:transparent; text-align:left; color:#505862; cursor:pointer; }.mailbox-list > button.active,.mailbox-list > button:hover { background:#eef0e5; color:#5f6547; }.mailbox-list button div { display:grid; gap:3px; min-width:0; }.mailbox-list button strong,.mailbox-list button small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.mailbox-list button small { color:var(--muted); font-size:9px; }.mail-center { padding:0; overflow:hidden; }.mail-center > header { min-height:68px; padding:14px 18px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }.mail-center h2,.mail-center p { margin:0; }.mail-center p { margin-top:4px; color:var(--muted); font-size:10px; }.mail-health { padding:9px 18px; display:flex; gap:12px; border-bottom:1px solid var(--line); background:#fafafa; color:var(--muted); font-size:9px; }.mail-health span { padding-right:12px; border-right:1px solid var(--line); }.mail-thread-list { min-height:300px; }.mail-thread { width:100%; min-height:66px; padding:10px 16px; display:grid; grid-template-columns:20px minmax(0,1fr) auto 28px; gap:10px; align-items:center; border:0; border-bottom:1px solid var(--line); background:#fff; color:#4a515b; text-align:left; cursor:pointer; }.mail-thread:hover { background:#fafbf6; }.mail-thread.unread { background:#f6f7ef; }.mail-thread div { min-width:0; display:grid; gap:4px; }.mail-thread strong,.mail-thread small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.mail-thread small,.mail-thread time { color:var(--muted); font-size:9px; }.mail-thread-icon { color:var(--oj-dark); }.mail-compose { border-top:1px solid var(--line); }.mail-compose summary { padding:14px 18px; color:#626946; font-size:12px; font-weight:700; cursor:pointer; }.mail-compose form { padding:0 18px 18px; display:grid; gap:10px; }.mail-compose label { display:grid; gap:5px; color:#59616c; font-size:10px; }.mail-compose input,.mail-compose textarea { border:1px solid var(--line); border-radius:8px; padding:10px; font:inherit; }.mail-compose footer { display:flex; justify-content:flex-end; gap:8px; }.mail-disabled-note { margin:15px; padding:12px; border-radius:9px; background:#f6f6f6; color:var(--muted); font-size:10px; }.mail-metadata-list { display:grid; gap:0; padding:0; overflow:hidden; }.mail-metadata-list article { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; padding:16px; border-bottom:1px solid var(--line); }.mail-metadata-list article div { display:grid; gap:5px; }.mail-metadata-list p,.mail-metadata-list small { margin:0; color:var(--muted); font-size:10px; }.mail-direction { width:34px; height:34px; display:grid; place-content:center; border-radius:50%; background:#eef0e5; color:#687045; }
/* E-Mail-Arbeitsbereich in Outlook-Anmutung (18.09.2026): Menüband oben, darunter Ordner | Liste | Lesebereich. */
.mail-outlook-shell{height:calc(100vh - 190px);min-height:610px;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #dfe3e8;border-radius:12px;background:#fff;box-shadow:0 5px 22px rgba(23,31,43,.06)}
.mail-panes{min-height:0;display:grid;grid-template-columns:236px minmax(300px,380px) minmax(420px,1fr);overflow:hidden}
.mail-ribbon{min-height:84px;padding:6px 10px 4px;display:flex;align-items:stretch;gap:2px;overflow-x:auto;border-bottom:1px solid #dde2e7;background:#fff;scrollbar-width:thin}
.mail-ribbon-group{padding:0 8px;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:2px;border-right:1px solid #e6e9ed}.mail-ribbon-group:last-child{border-right:0}.mail-ribbon-group>small{padding-bottom:2px;color:#7b8390;font-size:8.5px;letter-spacing:.02em;white-space:nowrap}
.mail-ribbon-buttons{display:flex;align-items:stretch;gap:2px}
.mail-ribbon-button{min-width:58px;height:64px;padding:6px 7px 5px;display:grid;grid-template-rows:auto auto;justify-items:center;align-content:center;gap:5px;border:1px solid transparent;border-radius:7px;background:transparent;color:#2f3843;font-size:9.5px;font-weight:650;line-height:1.15;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s}
.mail-ribbon-button:hover{border-color:#d9dfd0;background:#f1f3ec}.mail-ribbon-button:active{background:#e7eadb}.mail-ribbon-button.active{border-color:#c9d1b4;background:#e7eadb;color:#3f4932}.mail-ribbon-button:disabled{opacity:.42;cursor:default}.mail-ribbon-button:disabled:hover{border-color:transparent;background:transparent}
.mail-ribbon-icon{width:30px;height:30px;display:grid;place-items:center;color:#5b6440}.mail-ribbon-button.active .mail-ribbon-icon,.mail-ribbon-button:hover:not(:disabled) .mail-ribbon-icon{color:#4a522f}.mail-ribbon-label{max-width:96px;overflow:hidden;text-overflow:ellipsis}
.mail-ribbon-menu{position:relative}.mail-ribbon-dropdown{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:180px;padding:6px;display:grid;gap:2px;border:1px solid #d8dde2;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(27,35,44,.18)}.mail-ribbon-dropdown button{min-height:32px;padding:0 10px;display:flex;align-items:center;gap:9px;border:0;border-radius:6px;background:transparent;color:#2f3843;font-size:10.5px;text-align:left;cursor:pointer}.mail-ribbon-dropdown button:hover{background:#f0f2e9}.mail-ribbon-dropdown svg{color:#5b6440}
.mail-folder-pane{min-width:0;padding:12px 8px;display:flex;flex-direction:column;gap:2px;border-right:1px solid #e3e6ea;background:#f6f7f4;overflow-y:auto}.mail-new-button{min-height:40px;margin:0 4px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;background:var(--oj-dark);color:#fff;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(78,86,44,.16)}.mail-new-button:hover{background:#626840}.mail-new-button:disabled{opacity:.45;cursor:not-allowed}.mail-pane-label{margin:10px 8px 4px;display:flex;align-items:center;gap:5px;color:#747c87;font-size:8.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.mail-favorites{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e3e6df}.mail-folder-button{width:100%;min-height:32px;padding:5px 8px 5px 10px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:6px;background:transparent;color:#37404a;text-align:left;cursor:pointer}.mail-folder-button:hover{background:#e9ecdf}.mail-folder-button.active{background:#e1e5d1;color:#2c331e;box-shadow:inset 3px 0 0 var(--oj-dark)}.mail-folder-icon{display:grid;place-items:center;color:#6e7650}.mail-folder-button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600}.mail-folder-button.active strong{font-weight:800}.mail-folder-button b{min-width:18px;padding:0 4px;color:#3f4932;font-size:9px;font-weight:800;text-align:right}.mail-account{margin-top:4px}.mail-account-header{width:100%;min-height:38px;padding:4px 6px;display:grid;grid-template-columns:16px 20px minmax(0,1fr);align-items:center;gap:6px;border:0;border-radius:6px;background:transparent;color:#2f3843;text-align:left;cursor:pointer}.mail-account-header:hover{background:#e9ecdf}.mail-account.active>.mail-account-header{color:#1f2730}.mail-account-chevron{display:grid;place-items:center;color:#7b838e;transition:transform .15s}.mail-account-chevron.collapsed{transform:rotate(-90deg)}.mail-account-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:5px;background:#e1e5d1;color:#5b6440}.mail-account-copy{min-width:0;display:grid;gap:1px}.mail-account-copy strong,.mail-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-account-copy strong{font-size:10.5px;font-weight:800}.mail-account-copy small{color:#7b838e;font-size:8.5px}.mail-account-folders{padding-left:14px}.mail-connection-state{margin-top:auto;padding:12px 6px 2px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mail-connection-state small{color:#7b838e;font-size:8px}.mail-connection-state .text-button{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:9px}
.mail-list-pane{position:relative;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid #e3e6ea;background:#fff}.mail-list-header{padding:12px 12px 8px;display:grid;gap:8px;border-bottom:1px solid #edf0f2}.mail-list-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mail-list-pane h2{margin:0;font-size:16px}.mail-list-title span{color:#7a828d;font-size:8.5px;white-space:nowrap}.mail-filter-row{display:flex;flex-wrap:wrap;gap:4px}.mail-filter-chip{min-height:26px;padding:0 10px;border:1px solid #dfe3e7;border-radius:14px;background:#fff;color:#46505b;font-size:9px;font-weight:700;cursor:pointer}.mail-filter-chip:hover{background:#f1f3ec}.mail-filter-chip.active{border-color:#727b49;background:#e7eadb;color:#232b34}.mail-search{margin:0;padding:0 10px;display:flex;align-items:center;gap:7px;border:1.5px solid #c9d0d8;border-radius:7px;background:#fff;color:#6b737d}.mail-search:focus-within{border-color:var(--oj-dark);box-shadow:0 0 0 3px rgba(115,121,76,.14)}.mail-search input{width:100%;height:34px;border:0;outline:0;background:transparent;color:#29313a;font-size:10.5px}.mail-search input::placeholder{color:#8a929c}.mail-thread-list{min-height:0;overflow:auto}.mail-list-group{position:sticky;top:0;z-index:2;padding:7px 12px 4px;background:#fff;color:#6c7480;font-size:8.5px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #f0f2f4}.mail-list-skeleton{padding:10px 12px;display:grid;gap:10px}.mail-list-skeleton div{height:58px;border-radius:8px;background:linear-gradient(90deg,#f1f3f5 25%,#e8ebee 50%,#f1f3f5 75%);background-size:200% 100%;animation:mail-shimmer 1.2s infinite}@keyframes mail-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}.mail-thread-card{position:relative;width:100%;min-height:66px;padding:9px 12px 9px 14px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:start;border:0;border-bottom:1px solid #edf0f2;background:#fff;color:#303842;text-align:left;cursor:pointer;outline:0}.mail-thread-card:hover,.mail-thread-card:focus-visible{background:#f4f6ef}.mail-thread-card.selected{background:#e9edda;box-shadow:inset 3px 0 0 var(--oj-dark)}.mail-thread-card.unread{box-shadow:inset 3px 0 0 #8d955f}.mail-thread-card.unread.selected{box-shadow:inset 3px 0 0 var(--oj-dark)}.mail-thread-card.unread .mail-thread-copy strong,.mail-thread-card.unread .mail-thread-copy b{font-weight:850;color:#1f2730}.mail-thread-card.pinned .mail-avatar{box-shadow:0 0 0 2px #cfd6b3}.mail-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#dfe4c8;color:#5e6740;font-size:11px;font-weight:850}.mail-avatar.large{width:38px;height:38px}.mail-thread-copy{min-width:0;display:grid;gap:3px}.mail-thread-copy strong,.mail-thread-copy b,.mail-thread-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-thread-copy strong{font-size:10.5px;font-weight:650}.mail-thread-copy b{font-size:10px;font-weight:600;color:#2a323c}.mail-thread-copy small{display:flex;align-items:center;gap:3px;color:#858c95;font-size:8.5px}.mail-thread-meta{display:grid;justify-items:end;gap:8px}.mail-thread-meta time{color:#7d858f;font-size:8.5px;white-space:nowrap}.mail-thread-flags{display:flex;align-items:center;gap:4px;min-height:14px}.mail-thread-flags i{display:grid;place-items:center;color:#7b8455;font-style:normal}.mail-thread-flags i.flag{color:#b5423a}.mail-thread-flags .unread-dot{width:7px;height:7px;border-radius:50%;background:#737c49}.mail-card-actions{position:absolute;top:50%;right:8px;display:flex;gap:2px;padding:2px;border:1px solid #d9dfd0;border-radius:7px;background:#fff;box-shadow:0 4px 12px rgba(27,35,44,.12);opacity:0;transform:translateY(-50%);pointer-events:none;transition:opacity .1s}.mail-thread-card:hover .mail-card-actions,.mail-thread-card:focus-within .mail-card-actions,.mail-thread-card:focus-visible .mail-card-actions{opacity:1;pointer-events:auto}.mail-card-actions button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#4b5440;cursor:pointer}.mail-card-actions button:hover{background:#eef1e4;color:#2c331e}.mail-card-actions button.active{color:#b5423a}.mail-card-actions button[data-mail-action="pin"].active{color:#5b6440;background:#e7eadb}.mail-thread-card:hover .mail-thread-meta,.mail-thread-card:focus-within .mail-thread-meta{visibility:hidden}.mail-toast{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;min-height:40px;padding:6px 8px 6px 14px;display:flex;align-items:center;gap:10px;border-radius:9px;background:#2b3220;color:#fff;font-size:10px;box-shadow:0 12px 30px rgba(27,35,44,.28)}.mail-toast span{flex:1}.mail-toast button{border:0;border-radius:6px;background:transparent;color:#e7eadb;font-weight:800;font-size:10px;cursor:pointer;padding:6px 8px}.mail-toast button:hover{background:rgba(255,255,255,.12)}.mail-empty-list,.mail-reading-empty{height:100%;padding:28px;display:grid;place-content:center;justify-items:center;gap:8px;color:#7b838d;text-align:center}.mail-empty-list>span,.mail-reading-empty>span{color:#9ca57a}.mail-empty-list strong,.mail-reading-empty h3{margin:0;color:#424b55;font-size:12px}.mail-empty-list p,.mail-reading-empty p{margin:0;font-size:9px}
.mail-reading-pane{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fafbfc}.mail-reading-pane>.mail-reading-scroll:only-child{grid-row:1/-1}.mail-reading-title{padding:16px 22px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #e6e9ec;background:#fff}.mail-reading-title>div:first-child{min-width:0}.mail-reading-title h2{margin:0;font-size:18px;line-height:1.3}.mail-reading-title p{margin:5px 0 0;color:#7a828c;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-state-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.mail-state-chip{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:0 8px;border-radius:12px;background:#eef1e4;color:#4b5440;font-size:8.5px;font-weight:750;white-space:nowrap}.mail-state-chip.flag{background:#fbeae8;color:#9a3b33}.mail-state-chip.warn{background:#f6efe0;color:#7a5a12}.mail-reading-scroll{min-height:0;padding:14px 18px 40px;overflow:auto}.mail-reading-loading{display:grid;gap:12px}.mail-reading-loading div{height:70px;border-radius:8px;background:linear-gradient(90deg,#f1f3f5 25%,#e8ebee 50%,#f1f3f5 75%);background-size:200% 100%;animation:mail-shimmer 1.2s infinite}.mail-reading-loading div:first-child{height:44px}.mail-reading-message{margin-bottom:12px;padding:17px;border:1px solid #e1e5e8;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(21,28,38,.035)}.mail-reading-message>header{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:10px;align-items:center}.mail-reading-message header div{min-width:0;display:grid;gap:3px}.mail-reading-message header strong,.mail-reading-message header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-reading-message header strong{font-size:10.5px}.mail-reading-message header small,.mail-reading-message header time{color:#7d858f;font-size:8.5px}.mail-star{color:#a88829;font-size:15px}.mail-reading-message .mail-message-body{margin-top:16px;padding:0;border:0;background:#fff;color:#252d35;font-size:10.5px;line-height:1.65}.mail-reading-message>footer{margin-top:14px;padding-top:11px;border-top:1px solid #eceef0;color:#68717c;font-size:9px}.mail-compose-pane{min-height:100%;padding:4px;display:grid;grid-template-rows:auto auto auto auto minmax(220px,1fr) auto;gap:9px}.mail-compose-pane>header{display:flex;align-items:center;justify-content:space-between}.mail-compose-pane h3{margin:0;font-size:15px}.mail-compose-pane header button{width:30px;height:30px;border:0;border-radius:50%;background:#edf0f2;cursor:pointer}.mail-compose-pane label{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;border-bottom:1px solid #e2e5e8}.mail-compose-pane label span{color:#68717b;font-size:9px}.mail-compose-pane input{height:36px;border:0;outline:0;background:transparent;font-size:10px}.mail-compose-pane textarea{width:100%;min-height:220px;padding:13px;border:1px solid #dfe3e7;border-radius:7px;outline:0;resize:vertical;font:10.5px/1.55 inherit}.mail-compose-pane>footer{display:flex;align-items:center;gap:8px}.mail-compose-pane footer span{margin-left:auto;color:#7c848e;font-size:8px}
@media(max-width:1250px){.mail-panes{grid-template-columns:200px minmax(280px,320px) minmax(360px,1fr)}.mail-ribbon-button{min-width:50px}.mail-ribbon-label{max-width:70px}}
@media(max-width:850px){.mail-outlook-shell{height:auto;min-height:720px}.mail-panes{grid-template-columns:1fr;grid-template-rows:auto 340px minmax(500px,1fr)}.mail-ribbon{flex-wrap:wrap}.mail-ribbon-group{border-right:0}.mail-folder-pane{border-right:0;border-bottom:1px solid #e3e6ea}.mail-list-pane{border-right:0;border-bottom:1px solid #e3e6ea}.mail-connection-state{margin-top:8px}.mail-account-folders{display:flex;flex-wrap:wrap;gap:2px;padding-left:0}.mail-account-folders .mail-folder-button{width:auto}.mail-favorites{display:none}.mail-card-actions{opacity:1;pointer-events:auto}.mail-thread-card:hover .mail-thread-meta{visibility:visible}}
@media print{body *{visibility:hidden!important}.mail-reading-pane,.mail-reading-pane *{visibility:visible!important}.mail-reading-pane{position:absolute!important;inset:0!important;display:block!important;background:#fff!important}.mail-reading-toolbar,.mail-ribbon,.mail-state-chips{display:none!important}.mail-reading-scroll{overflow:visible!important;padding:0!important}.mail-reading-message{break-inside:avoid;border:0!important;box-shadow:none!important}.mail-reading-title{padding:0 0 20px!important}.sidebar,.topbar,.team-panel,.assistant-button{display:none!important}}
.mail-compose-pane{padding:0;gap:0;grid-template-rows:auto auto auto auto auto minmax(250px,1fr) auto auto;border:1px solid #dfe3e8;border-radius:9px;background:#fff;overflow:hidden}.mail-compose-pane>header{min-height:48px;padding:8px 12px;border-bottom:1px solid #e1e5e8}.mail-compose-pane>header>div{display:grid;gap:1px}.mail-compose-pane>header p{margin:0;color:#737c86;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.mail-compose-tabs{min-height:34px;padding:0 10px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #dfe3e8;background:#f8f9fa}.mail-compose-tabs button{height:33px;padding:0 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:#4b5560;font-size:9px;cursor:pointer}.mail-compose-tabs button:hover{color:#232b34}.mail-compose-tabs button.active{border-bottom-color:#727b49;color:#232b34;font-weight:800}.mail-compose-ribbon{min-height:76px;padding:7px 9px;display:flex;align-items:stretch;gap:6px;overflow-x:auto;border-bottom:1px solid #dfe3e8;background:#f5f6f7}.mail-ribbon-group{padding:0 7px;display:flex;align-items:center;gap:3px;border-right:1px solid #d8dde2}.mail-ribbon-group:last-child{border-right:0}.mail-ribbon-group select{height:28px;padding:0 5px;border:1px solid #d6dbe0;border-radius:4px;background:#fff;color:#303943;font-size:9px}.mail-ribbon-group button{min-width:28px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:#35404b;font-size:9px;white-space:nowrap;cursor:pointer}.mail-ribbon-group button:hover{border-color:#d2d8de;background:#fff}.mail-ribbon-group label{width:28px;height:34px;display:grid;grid-template-columns:1fr;border:0;justify-items:center}.mail-ribbon-group label span{font-size:10px}.mail-ribbon-group input[type=color]{width:24px;height:9px;padding:0;border:0;cursor:pointer}.mail-ribbon-group.insert button{min-width:auto}.mail-compose-addresses{padding:3px 12px}.mail-compose-pane .mail-compose-addresses label{min-height:36px;margin:0}.mail-rich-editor{min-height:250px;padding:18px;border-top:1px solid #e5e8eb;background:#fff;color:#222b34;font:11px/1.6 Aptos,Arial,sans-serif;outline:0;overflow:auto}.mail-rich-editor:empty::before{content:attr(data-placeholder);color:#9aa1a9}.mail-rich-editor:focus{box-shadow:inset 0 0 0 2px rgba(117,127,73,.14)}.mail-compose-pane>.form-message{min-height:20px;margin:0;padding:4px 14px;color:#6e7750;font-size:9px}.mail-compose-pane>footer{min-height:52px;padding:8px 12px;border-top:1px solid #e1e5e8;background:#fafbfc}.mail-compose-pane [disabled]{opacity:.58;cursor:not-allowed}.mail-compose-pane:has(.mail-rich-editor[contenteditable="false"]) .mail-compose-ribbon{display:none}@media(max-width:1100px){.mail-compose-ribbon{flex-wrap:wrap}.mail-ribbon-group{border-right:0}.mail-outlook-shell{grid-template-columns:175px minmax(260px,320px) minmax(380px,1fr)}}
.person-card { min-height: 240px; display: flex; align-items: center; gap: 24px; }.profile-avatar { width: 92px; height: 92px; font-size: 24px; }.person-card h2 { margin: 0; }.person-card p { color: var(--muted); }.tag-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }.tag-list span { padding: 5px 9px; border-radius: 99px; background: #eef0e5; color: #646a43; font-size: 11px; }
.compact-dialog { max-width: 480px; }
.assistant-panel { position: fixed; top: 0; right: 0; bottom: 0; z-index: 60; width: min(430px, 100vw); background: #fff; border-left: 1px solid var(--line); box-shadow: -18px 0 60px rgba(18,23,30,.14); display: grid; grid-template-rows: 76px 1fr auto; transform: translateX(100%); transition: transform .22s ease; }
.assistant-panel.open { transform: translateX(0); }.assistant-panel > header { padding: 14px 16px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }.assistant-panel > header > div { display: flex; align-items: center; gap: 11px; }.assistant-panel > header > div > div { display: grid; gap: 4px; }.assistant-panel header small { color: var(--muted); font-size: 10px; }
.small-orb { width: 44px; height: 44px; font-size: 13px; }.assistant-messages { overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 10px; }.assistant-message { max-width: 88%; padding: 12px 14px; border-radius: 13px; font-size: 12.5px; line-height: 1.5; }.assistant-message p { margin: 0; }.assistant-message strong { display: block; margin-bottom: 5px; }.assistant-message.system { align-self: flex-start; background: #f1f3e9; }.assistant-message.user { align-self: flex-end; background: #5f6547; color: white; }
.assistant-form { padding: 14px; border-top: 1px solid var(--line); display: grid; gap: 9px; }.assistant-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 10px; padding: 11px; resize: vertical; outline: none; }.assistant-form textarea:focus { border-color: var(--oj); }
.dialog-help { margin: -4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.loading-inline, .error-panel { min-height: 280px; display: grid; place-content: center; text-align: center; color: var(--muted); }.error-panel strong { color: #b84f45; }.error-panel p { max-width: 520px; }
.invitation-callout { margin-bottom: 14px; padding: 15px 17px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 14px; align-items: center; border: 1px solid #d6d9b8; border-radius: 12px; background: #f4f5eb; }.invitation-callout p { margin: 4px 0 0; color: var(--muted); font-size: 11.5px; }.invitation-callout.error { border-color: #efc8c3; background: #fff4f2; }.invitation-callout.error strong { color: #984c43; }
.approval-strip { margin-bottom: 14px; min-height: 48px; padding: 0 15px; display: flex; align-items: center; gap: 10px; border-radius: 10px; background: #fff3df; color: #805b21; font-size: 12px; }.approval-strip span { color: #a57a37; }
.approval-panel { margin-bottom: 14px; border: 1px solid #f0d6a4; border-radius: 12px; background: #fffaf1; overflow: hidden; }.approval-panel > header { min-height: 46px; padding: 0 15px; display: flex; align-items: center; gap: 10px; color: #805b21; font-size: 12px; }.approval-panel > header span { color: #a57a37; }.approval-panel article { min-height: 56px; padding: 9px 12px 9px 15px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; align-items: center; border-top: 1px solid #f2e2c5; }.approval-panel article strong,.approval-panel article small { display: block; }.approval-panel article strong { font-size: 12px; }.approval-panel article small { margin-top: 4px; color: #8c7650; font-size: 10px; }
.role-matrix { margin-bottom: 14px; overflow: hidden; }.role-matrix > summary { min-height: 56px; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; }.role-matrix > summary::-webkit-details-marker { display: none; }.role-matrix > summary span strong,.role-matrix > summary span small { display: block; }.role-matrix > summary span strong { font-size: 13px; }.role-matrix > summary span small { margin-top: 3px; color: var(--muted); font-size: 10.5px; }.role-matrix > summary > b { padding: 5px 9px; border-radius: 999px; background: #f2f3eb; color: #747a4e; font-size: 10px; }.role-matrix[open] > summary { border-bottom: 1px solid var(--line); }.role-matrix-grid { padding: 14px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }.role-matrix-grid article { min-height: 112px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fbfbf8; }.role-matrix-grid header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }.role-matrix-grid header strong,.role-matrix-grid header small { display: block; }.role-matrix-grid header strong { font-size: 11.5px; }.role-matrix-grid header small { margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.35; }.role-matrix-grid article p { margin: 10px 0 0; color: #667085; font-size: 10px; line-height: 1.45; }.role-mode { flex: 0 0 auto; padding: 4px 6px; border-radius: 999px; font-size: 8px; font-weight: 700; background: #eef0e5; color: #697044; }.role-mode.approval { background: #fff0d7; color: #94641e; }.role-mode.unavailable { background: #f1f3f5; color: #7f8790; }.role-matrix-note { margin: 0; padding: 0 14px 14px; color: var(--muted); font-size: 10.5px; line-height: 1.5; }
.profile-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; align-items: start; }.profile-settings-card { padding: 22px; }.profile-settings-card > header { display: flex; gap: 14px; align-items: center; margin-bottom: 17px; }.profile-settings-card > header h2 { margin: 0; font-size: 17px; }.profile-settings-card > header p:last-child { margin: 5px 0 0; color: var(--muted); font-size: 11px; }.profile-overview dl { margin: 18px 0 12px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.profile-overview dl div { padding: 10px; border-radius: 9px; background: #f7f8f4; }.profile-overview dt { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .04em; }.profile-overview dd { margin: 5px 0 0; font-size: 11px; font-weight: 700; }.profile-overview > small { color: var(--muted); font-size: 10px; }.profile-settings-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }.profile-settings-form label { display: grid; gap: 5px; }.profile-settings-form label > span { color: #536073; font-size: 10px; font-weight: 650; }.profile-settings-form input,.profile-settings-form select,.profile-settings-form textarea { width: 100%; min-height: 40px; border: 1px solid var(--line); border-radius: 9px; padding: 8px 10px; background: #fff; color: var(--ink); font: inherit; font-size: 11px; }.profile-settings-form textarea { resize: vertical; }.profile-settings-form .wide { grid-column: 1/-1; }.profile-settings-form > button { justify-self: start; }.profile-toggle { grid-template-columns: auto 1fr; align-items: start; padding: 10px; border: 1px solid var(--line); border-radius: 9px; }.profile-toggle input { width: 16px; min-height: 16px; margin-top: 2px; }.profile-toggle span strong,.profile-toggle span small { display: block; }.profile-toggle span small { margin-top: 3px; color: var(--muted); font-weight: 400; }.absence-list { margin-bottom: 14px; display: grid; gap: 7px; }.absence-list article { padding: 9px 10px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 9px; background: #fbfbf8; }.absence-list strong,.absence-list small { display: block; }.absence-list strong { font-size: 11px; }.absence-list small { margin-top: 3px; color: var(--muted); font-size: 9.5px; }.security-card p { color: var(--muted); font-size: 11px; line-height: 1.55; }.security-card > a { margin-top: 10px; display: inline-flex; }.security-card .text-link { margin-left: 12px; color: #71784b; font-size: 10px; }
.employee-admin-layout { display: grid; grid-template-columns: 310px minmax(0,1fr); gap: 18px; align-items: start; }.employee-list-panel { padding: 12px; position: sticky; top: 84px; max-height: calc(100vh - 120px); overflow: hidden; }.employee-search { margin: 0 0 10px; }.employee-list { max-height: calc(100vh - 185px); overflow-y: auto; display: grid; gap: 4px; }
.employee-list-item { width: 100%; min-height: 58px; padding: 8px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; align-items: center; border: 0; border-radius: 9px; background: transparent; text-align: left; cursor: pointer; }.employee-list-item:hover,.employee-list-item.active { background: #eef0e5; }.employee-list-item > div { min-width: 0; }.employee-list-item strong,.employee-list-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.employee-list-item strong { font-size: 12px; }.employee-list-item small { margin-top: 4px; color: var(--muted); font-size: 10px; }.employee-status { width: 8px; height: 8px; border-radius: 50%; background: #c7cbd1; }.employee-status.active { background: #43b581; }.employee-status.unclaimed { background: #e6a23c; }.employee-status.blocked { background: #d45a50; }
.employee-detail { padding: 24px; }.employee-detail-header { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.employee-detail-header > div { display: flex; gap: 17px; align-items: center; }.employee-detail-header h2 { margin: 0; }.employee-detail-header p:last-child { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.employee-detail-actions { display: flex; align-items: center; gap: 8px; }
/* V14: Kopf und Aktionen der Mitarbeiterdetails brechen auf schmalen Geräten um (vorher bis 59 px waagerechter Überstand bei 390 px, sobald „Profil bearbeiten“ angeboten wird). */
.employee-detail-header, .employee-detail-actions { flex-wrap: wrap; }
.employee-detail-header > div { min-width: 0; }
.employee-data-grid { margin: 18px 0; display: grid; grid-template-columns: repeat(4,minmax(120px,1fr)); gap: 10px; }.employee-data-grid > div { padding: 11px; border-radius: 9px; background: #f8f9f7; }.employee-data-grid span,.employee-data-grid strong { display: block; }.employee-data-grid span { color: var(--muted); font-size: 10px; }.employee-data-grid strong { margin-top: 5px; font-size: 12px; }.detail-action-row { margin-bottom: 16px; padding: 13px; display: flex; justify-content: flex-end; align-items: center; gap: 12px; border: 1px solid #e2e5d7; border-radius: 10px; background: #fafbf7; }.detail-action-row small { margin-right: auto; color: var(--muted); font-size: 10.5px; }
.assignment-section { padding: 20px 0; border-top: 1px solid var(--line); }.assignment-section h3 { margin: 0; font-size: 15px; }.assignment-list { margin: 12px 0; display: flex; flex-wrap: wrap; gap: 7px; }.assignment-list.vertical { display: grid; }.assignment-chip { min-height: 34px; padding: 5px 7px 5px 10px; display: inline-flex; align-items: center; gap: 7px; border-radius: 9px; background: #eef0e5; color: #5f653e; }.assignment-chip b { font-size: 11px; }.assignment-chip small { color: #7f8560; font-size: 9px; }.assignment-chip button { width: 22px; height: 22px; border: 0; border-radius: 6px; background: rgba(255,255,255,.55); cursor: pointer; }.assignment-chip i { font-size: 9px; }
.assignment-form { display: grid; grid-template-columns: minmax(150px,1fr) minmax(150px,1fr) minmax(130px,1fr) auto; gap: 8px; }.assignment-form.compact-form { grid-template-columns: minmax(220px,1fr) auto; }.assignment-form input,.assignment-form select { width: 100%; min-height: 36px; border: 1px solid var(--line); border-radius: 8px; padding: 0 9px; background: #fff; font-size: 11px; }.email-form { grid-template-columns: minmax(190px,1.3fr) minmax(100px,.7fr) minmax(130px,.8fr) auto; }.empty-inline { margin: 0; color: var(--muted); font-size: 11.5px; }
.mail-assignment { min-height: 48px; padding: 9px 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--line); border-radius: 9px; }.mail-assignment b,.mail-assignment small { display: block; }.mail-assignment b { font-size: 12px; }.mail-assignment small { margin-top: 4px; color: var(--muted); font-size: 10px; }.mail-assignment i { color: #39865f; font-size: 10px; font-weight: 750; }.mail-assignment button { border: 0; background: transparent; color: #a7544b; font-size: 10px; cursor: pointer; }

.workflow-strip { margin-bottom:16px; padding:12px 16px; display:flex; align-items:center; justify-content:center; gap:10px; border:1px solid var(--line); border-radius:12px; background:#fafbf7; color:#7b8160; font-size:10px; font-weight:750; }.workflow-strip span { padding:6px 9px; border-radius:999px; background:#eef0e5; white-space:nowrap; }.workflow-strip .done { background:var(--oj); color:white; }.workflow-strip i { color:#b0b5bd; font-style:normal; }
.requirement-list { overflow:hidden; }.requirement-row { min-height:82px; padding:13px 16px; display:grid; grid-template-columns:120px minmax(0,1fr) auto auto; gap:14px; align-items:center; border-bottom:1px solid var(--line); }.requirement-row:last-child { border-bottom:0; }.requirement-row p,.requirement-row small { margin:4px 0 0; display:block; color:var(--muted); font-size:10px; }.requirement-row strong { font-size:12px; }.requirement-source,.source-badge { width:max-content; padding:5px 8px; border-radius:999px; background:#eef0e5; color:#677044; font-size:9px; font-weight:800; }.requirement-source.external_sales,.source-badge.external_sales { background:#edf3fb; color:#466485; }.requirement-source.customer,.source-badge.customer { background:#f5eef8; color:#765484; }
.requirement-dialog { width:min(760px,calc(100vw - 28px)); }.requirement-stepper { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }.requirement-stepper button { min-height:36px; border:1px solid var(--line); border-radius:8px; background:#fafafa; color:var(--muted); font-size:10px; font-weight:750; cursor:pointer; }.requirement-stepper button.active { border-color:var(--oj); background:#eef0e5; color:#626943; }.requirement-step { display:none; gap:12px; }.requirement-step.active { display:grid; }.requirement-handoff-note { padding:14px; border:1px solid #d8ddbd; border-radius:10px; background:#f5f6ed; }.requirement-handoff-note strong { font-size:12px; }.requirement-handoff-note ol { margin:9px 0 0; padding-left:19px; color:#606751; font-size:10.5px; line-height:1.7; }
.marketing-queue-summary { margin-bottom:14px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.marketing-queue-summary button { padding:14px; display:grid; gap:4px; border:1px solid var(--line); border-radius:11px; background:#fff; color:var(--muted); text-align:left; cursor:pointer; }.marketing-queue-summary button.active { border-color:var(--oj); background:#f7f8f1; }.marketing-queue-summary strong { color:var(--ink); font-size:20px; }.marketing-queue-summary span { font-size:10px; }.marketing-queue { margin-bottom:16px; overflow:hidden; }.marketing-queue>header { min-height:58px; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.marketing-queue h2 { margin:3px 0 0; font-size:15px; }.marketing-queue>header>span { color:var(--muted); font-size:10px; }.marketing-request-row { min-height:92px; padding:13px 16px; display:grid; grid-template-columns:6px minmax(0,1fr) auto auto; gap:14px; align-items:center; border-bottom:1px solid var(--line); }.marketing-request-row:last-child { border-bottom:0; }.marketing-request-row div:nth-child(2) { display:grid; gap:4px; }.marketing-request-row p,.marketing-request-row small { margin:0; color:var(--muted); font-size:10px; }.marketing-request-priority { align-self:stretch; border-radius:99px; background:#b9bec5; }.marketing-request-priority.high { background:#df9e3f; }.marketing-request-priority.urgent { background:#c65549; }.marketing-request-priority.low { background:#6fb58d; }

.marketing-draft-dialog { width:min(840px,calc(100vw - 28px)); }
.marketing-draft-dialog form { grid-template-columns:1fr; }
.campaign-composition-overview { padding:15px; display:grid; gap:12px; border:1px solid var(--line); border-radius:11px; background:#fff; }
.campaign-composition-overview > header { align-items:end; }
.campaign-composition-overview > header strong { font-size:12px; }
.campaign-composition-overview > header span { color:var(--muted); font-size:9.5px; }
.campaign-composition-overview [data-campaign-structure] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.campaign-composition-overview [data-campaign-structure] > div { padding:10px; border-radius:9px; background:#f7f8f4; }
.campaign-composition-overview [data-campaign-structure] span,.campaign-composition-overview [data-campaign-structure] strong,.campaign-composition-overview [data-campaign-structure] small { display:block; }
.campaign-composition-overview [data-campaign-structure] span { color:var(--muted); font-size:8px; text-transform:uppercase; }
.campaign-composition-overview [data-campaign-structure] strong { margin-top:4px; font-size:10px; }
.campaign-composition-overview [data-campaign-structure] small { margin-top:4px; color:var(--muted); font-size:8.5px; }
.creative-slot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.creative-slot-grid article { min-height:82px; padding:10px; display:grid; align-content:center; gap:4px; border:1px dashed #cfd4da; border-radius:9px; background:#fbfbfb; }
.creative-slot-grid article.ready { border-style:solid; border-color:#a9d5bd; background:#f0f8f4; }
.creative-slot-grid img { width:100%; max-height:150px; margin-bottom:5px; border-radius:7px; object-fit:cover; background:#eef0e5; }
.creative-slot-grid strong,.creative-slot-grid span,.creative-slot-grid small { display:block; }
.creative-slot-grid strong { font-size:10.5px; }.creative-slot-grid span,.creative-slot-grid small { color:var(--muted); font-size:9px; }
.creative-upload-control { margin-top:7px; display:block!important; cursor:pointer; }
.creative-upload-control input { position:absolute; width:1px!important; height:1px; padding:0!important; opacity:0; pointer-events:none; }
.creative-upload-control span { min-height:30px; display:grid!important; place-items:center; border:1px solid #cdd2b7; border-radius:7px; background:#fff; color:#626943; font-size:9px!important; font-weight:800; }
.creative-upload-control:hover span { background:#f0f2e6; }
.campaign-form-preview { padding:15px; border:1px solid var(--line); border-radius:11px; background:#fafbf7; }
.campaign-form-preview > header { display:grid; gap:4px; }
.campaign-form-preview > header strong { font-size:12px; }
.campaign-form-preview > header span,.campaign-form-preview > p { color:var(--muted); font-size:10px; line-height:1.55; }
.campaign-form-preview ol { margin:12px 0; padding-left:22px; display:grid; gap:9px; }
.campaign-form-preview li { padding-left:3px; color:#525a66; font-size:10.5px; }
.campaign-form-preview li strong,.campaign-form-preview li span { display:block; }
.campaign-form-preview li span { margin-top:3px; color:var(--muted); font-size:9.5px; line-height:1.5; }
.campaign-form-preview > p { margin:0; padding-top:10px; border-top:1px solid var(--line); }
.campaign-draft-safety { padding:13px 14px; display:grid; gap:4px; border:1px solid #d7ddba; border-radius:10px; background:#f5f6ed; color:#5e663e; }
.campaign-draft-safety strong { font-size:11px; }
.campaign-draft-safety span { font-size:10px; line-height:1.5; }
.marketing-draft-dialog [disabled] { opacity:.65; cursor:not-allowed; }

.candidate-filterbar { margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:14px; }.candidate-filterbar>span { color:var(--muted); font-size:10px; }.candidate-workbench { min-height:650px; display:grid; grid-template-columns:320px minmax(0,1fr); gap:14px; align-items:start; }.candidate-list { position:sticky; top:76px; max-height:calc(100vh - 100px); overflow:auto; }.candidate-list-row { width:100%; min-height:78px; padding:10px; display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:center; border:0; border-bottom:1px solid var(--line); background:white; text-align:left; cursor:pointer; }.candidate-list-row:hover,.candidate-list-row.active { background:#f3f5eb; }.candidate-list-row>div { min-width:0; }.candidate-list-row strong,.candidate-list-row p,.candidate-list-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.candidate-list-row p,.candidate-list-row small { margin:4px 0 0; color:var(--muted); font-size:9px; }.candidate-list-row>.status-pill { grid-column:2; justify-self:start; }.candidate-detail { min-width:0; overflow:hidden; }.candidate-profile-header { padding:18px 20px; display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid var(--line); }.candidate-identity { display:flex; align-items:center; gap:14px; min-width:0; }.candidate-identity h2,.candidate-identity p { margin:0; }.candidate-identity h2 { font-size:20px; }.candidate-identity p:last-child { margin-top:4px; color:var(--muted); font-size:10px; }.candidate-actions { display:flex; gap:8px; }.candidate-completeness { padding:10px 20px; display:grid; grid-template-columns:105px minmax(0,1fr) auto; gap:12px; align-items:center; background:#fafbf7; border-bottom:1px solid var(--line); }.candidate-completeness div:first-child { display:grid; grid-template-columns:auto auto; gap:6px; align-items:baseline; }.candidate-completeness div:first-child strong { font-size:15px; }.candidate-completeness span,.candidate-completeness small { color:var(--muted); font-size:9px; }.candidate-anchor-nav { padding:0 14px; display:flex; gap:4px; overflow-x:auto; border-bottom:1px solid var(--line); }.candidate-anchor-nav a { padding:11px 9px; color:#606751; text-decoration:none; white-space:nowrap; font-size:9.5px; font-weight:750; }.candidate-anchor-nav a:hover { background:#f4f5ed; }.candidate-detail-scroll { max-height:calc(100vh - 285px); padding:16px; overflow:auto; scroll-behavior:smooth; }.candidate-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.candidate-card-grid>article,.candidate-summary-card,.candidate-section { padding:16px; border:1px solid var(--line); border-radius:11px; background:#fff; }.candidate-card-grid h3,.candidate-summary-card h3,.candidate-section h3 { margin:4px 0 0; font-size:14px; }.candidate-card-grid dl { margin:12px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.candidate-card-grid dl div { padding:8px; border-radius:8px; background:#f7f8f4; }.candidate-card-grid dt { color:var(--muted); font-size:8px; text-transform:uppercase; }.candidate-card-grid dd { margin:4px 0 0; font-size:10px; font-weight:700; overflow-wrap:anywhere; }.candidate-summary-card,.candidate-section { margin-top:12px; }.candidate-summary-card>p:last-of-type { color:#606873; font-size:10.5px; line-height:1.6; }.candidate-section>header { margin-bottom:12px; display:flex; justify-content:space-between; align-items:center; }.candidate-section>header>span { min-width:25px; padding:5px 8px; border-radius:999px; background:#eef0e5; color:#677044; text-align:center; font-size:9px; font-weight:750; }.candidate-career-grid { display:grid; grid-template-columns:2fr 1fr; gap:12px; }.candidate-career-grid h4 { margin:0 0 8px; font-size:11px; }.candidate-career-grid article { margin-bottom:8px; padding:11px; border-radius:9px; background:#f7f8f4; }.candidate-career-grid article strong,.candidate-career-grid article small { display:block; }.candidate-career-grid article small,.candidate-career-grid article p { margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }.candidate-record-row { min-height:52px; padding:9px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); }.candidate-record-row:last-child { border-bottom:0; }.candidate-record-row strong,.candidate-record-row small { display:block; }.candidate-record-row strong { font-size:10.5px; }.candidate-record-row small { margin-top:4px; color:var(--muted); font-size:9px; }.candidate-timeline { display:grid; gap:9px; }.candidate-timeline article { display:grid; grid-template-columns:68px minmax(0,1fr); gap:11px; align-items:start; }.candidate-timeline article div { padding:1px 0 10px; border-bottom:1px solid var(--line); }.candidate-timeline strong,.candidate-timeline small { display:block; }.candidate-timeline strong { font-size:10.5px; }.candidate-timeline small { margin-top:4px; color:var(--muted); font-size:9px; }.history-source { padding:5px 7px; border-radius:999px; background:#eef0e5; color:#697044; text-align:center; font-size:8px; font-weight:800; }.history-source.zeeg { background:#e9f5f0; color:#34745a; }.history-source.meta { background:#edf2fb; color:#46618b; }.history-source.artemis { background:#f4edf7; color:#785287; }

.candidate-upload-message { margin:-8px 0 10px; }.candidate-editor-dialog { width:min(880px,calc(100vw - 28px)); }.candidate-editor-dialog form { padding-bottom:18px; }.candidate-form-scroll { max-height:calc(100vh - 210px); padding-right:5px; display:grid; gap:14px; overflow:auto; }.candidate-form-section { padding:16px; display:grid; gap:12px; border:1px solid var(--line); border-radius:12px; background:#fff; }.candidate-form-section>.eyebrow { margin:0; }.form-row.three { grid-template-columns:repeat(3,1fr); }.candidate-inline-fields { display:grid; grid-template-columns:minmax(82px,.55fr) minmax(0,1fr); gap:7px; }.candidate-consent-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.candidate-consent-grid .claim-consent { padding:10px; border:1px solid var(--line); border-radius:9px; background:#fafbf7; }.candidate-consent-grid .required-consent { grid-column:1/-1; border-color:#cfd5b6; background:#f4f6ec; }.candidate-review-notice { margin:0; padding:10px; border-radius:9px; background:#f4f6ec; color:#626943; font-size:10px; line-height:1.5; }
.salary-tax-basis { width:max-content; margin:0; padding:0; display:flex; gap:4px; border:0; }.salary-tax-basis legend { margin-bottom:6px; color:var(--muted); font-size:9px; font-weight:700; }.salary-tax-basis label { position:relative; cursor:pointer; }.salary-tax-basis input { position:absolute; opacity:0; pointer-events:none; }.salary-tax-basis span { min-width:88px; min-height:36px; padding:8px 16px; display:grid; place-items:center; border:1px solid var(--line); border-radius:9px; background:#fff; color:#59616a; font-size:10px; font-weight:800; transition:.15s ease; }.salary-tax-basis input:checked+span { border-color:#939b5a; background:#eef0df; color:#59612e; box-shadow:inset 0 0 0 1px #a4aa68; }.salary-tax-basis input:focus-visible+span { outline:2px solid #70783d; outline-offset:2px; }
.resume-review-dialog { width:min(1320px,calc(100vw - 24px)); max-width:none; }.resume-review-dialog>form { padding:18px; }.resume-review-grid { min-height:620px; max-height:calc(100vh - 190px); display:grid; grid-template-columns:minmax(360px,.95fr) minmax(480px,1.05fr); gap:12px; overflow:hidden; }.resume-source,.resume-fields { min-width:0; border:1px solid var(--line); border-radius:12px; overflow:auto; }.resume-source { display:grid; grid-template-rows:auto minmax(0,1fr); background:#f7f8f5; }.resume-source>header { position:sticky; top:0; z-index:2; padding:12px 14px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); background:#fff; }.resume-source>header strong,.resume-source>header small { display:block; }.resume-source>header small { margin-top:4px; color:var(--muted); font-size:9px; }.resume-source pre { margin:0; padding:24px; overflow:auto; background:#fff; color:#26303a; font:10.5px/1.75 Arial,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; }.resume-legend { max-width:210px; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; }.resume-legend span { padding:4px 6px; border-radius:999px; font-size:8px; font-weight:750; }.resume-mark { padding:1px 2px; border-radius:3px; color:inherit; }.resume-mark.blue,.resume-legend .blue { background:#dceaff; }.resume-mark.green,.resume-legend .green { background:#d9f3e5; }.resume-mark.amber,.resume-legend .amber { background:#ffedbf; }.resume-mark.purple,.resume-legend .purple { background:#eadcf5; }.resume-mark.teal,.resume-legend .teal { background:#d8efec; }.resume-mark.rose,.resume-legend .rose { background:#f9dce2; }.resume-fields { padding:12px; background:#f8f9f6; }.resume-fields .candidate-form-section { margin-bottom:10px; }.resume-warnings { margin-bottom:10px; padding:12px; display:grid; gap:5px; border:1px solid #ecd7a8; border-radius:9px; background:#fff9ed; }.resume-warnings strong { font-size:10.5px; }.resume-warnings span { color:#76633d; font-size:9.5px; }.candidate-consent-status { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.candidate-consent-status article { padding:10px; display:grid; grid-template-columns:26px minmax(0,1fr); gap:9px; align-items:center; border:1px solid var(--line); border-radius:9px; background:#fafafa; }.candidate-consent-status article>span { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#eef0e5; color:#697044; font-weight:800; }.candidate-consent-status article.missing>span { background:#f1f1f1; color:#93979d; }.candidate-consent-status strong,.candidate-consent-status small { display:block; }.candidate-consent-status strong { font-size:10px; }.candidate-consent-status small { margin-top:3px; color:var(--muted); font-size:8.5px; }.candidate-card-grid.compact-grid { margin:0; }.candidate-card-grid.compact-grid>article { padding:0; border:0; }.candidate-record-row p { max-width:650px; margin:7px 0 0; color:var(--muted); font-size:9.5px; line-height:1.55; }

.candidate-section-actions { display:flex; align-items:center; gap:8px; }.candidate-section-actions>span { min-width:25px; padding:5px 8px; border-radius:999px; background:#eef0e5; color:#677044; text-align:center; font-size:9px; font-weight:750; }
.candidate-document-card{border-bottom:1px solid var(--line)}.candidate-document-card:last-child{border-bottom:0}.candidate-document-card>.candidate-record-row{border-bottom:0}.candidate-document-differences{margin:0 0 12px;padding:12px;border:1px solid #e6d6ad;border-radius:9px;background:#fffaf0}.candidate-document-differences>strong{display:block;margin-bottom:9px;color:#65552f;font-size:10.5px}.candidate-document-difference{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:stretch;padding:10px;border-top:1px solid #eadfca;background:#fff}.candidate-document-difference:first-of-type{border-top:0;border-radius:8px 8px 0 0}.candidate-document-difference:last-child{border-radius:0 0 8px 8px}.candidate-document-difference>div{min-width:0}.candidate-document-difference span,.candidate-document-difference small{display:block}.candidate-document-difference span{font-size:9.5px;font-weight:800}.candidate-document-difference small{margin-top:3px;color:var(--muted);font-size:8px}.candidate-document-difference p{max-height:120px;margin:6px 0 0;overflow:auto;color:#39413b;font-size:9.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.candidate-document-decision{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:138px}.candidate-document-difference.accepted{border-left:3px solid #5c9366}.candidate-document-difference.kept{border-left:3px solid #909477}@media(max-width:760px){.candidate-document-difference{grid-template-columns:1fr}.candidate-document-decision{flex-direction:row;justify-content:flex-start}}
.candidate-requirements{margin:0 0 16px;padding:14px;border:1px solid #dfe3d2;border-radius:10px;background:#f8f9f3}.candidate-requirements h4{margin:0 0 4px}.candidate-requirement-list{display:grid;gap:8px;margin-top:12px}.candidate-requirement{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-left:4px solid #d4b35f;border-radius:8px;background:#fff}.candidate-requirement.available{border-left-color:#6e956c}.candidate-requirement.review{border-left-color:#8a8764}.candidate-requirement>div{display:flex;align-items:center;gap:8px}.candidate-requirement>div:first-child{display:grid;gap:3px}.candidate-requirement small{display:block;color:var(--muted);font-size:8.5px}.candidate-document-review,.candidate-document-rule-editor{margin:0 12px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfbf7}.candidate-document-review summary,.candidate-document-rule-editor summary{cursor:pointer;font-weight:750}.candidate-document-review form,.candidate-document-rule-editor form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:end;margin-top:10px}.candidate-document-review label,.candidate-document-rule-editor label{display:grid;gap:5px;font-size:9px}.candidate-document-review input,.candidate-document-review select,.candidate-document-rule-editor input,.candidate-document-rule-editor select,.candidate-document-rule-editor textarea{width:100%;min-width:0;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff}.candidate-document-rule-editor{margin:12px 0 0}.candidate-document-rule-editor fieldset{grid-column:1/-1;display:grid;gap:7px;padding:10px;border:1px solid var(--line);border-radius:8px}.candidate-document-rule-editor fieldset label{display:flex;align-items:center;gap:7px}.candidate-document-rule-editor fieldset input[type=checkbox]{width:auto}.candidate-document-rule-editor .form-message,.candidate-document-review .form-message{grid-column:1/-1}@media(max-width:760px){.candidate-requirement{align-items:flex-start;flex-direction:column}.candidate-requirement>div{align-items:flex-start;flex-wrap:wrap}.candidate-document-review form,.candidate-document-rule-editor form{grid-template-columns:1fr}}

.candidate-import-grid { margin-bottom:16px; display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr); gap:16px; align-items:start; }
.candidate-import-upload,.candidate-import-safety,.candidate-import-preview { padding:22px; }
.candidate-import-upload { display:grid; grid-template-columns:auto minmax(0,1fr); gap:18px; align-items:start; }
.candidate-import-upload > .candidate-import-drop,.candidate-import-upload > .candidate-import-fields,.candidate-import-upload > button,.candidate-import-upload > .form-message { grid-column:1/-1; }
.candidate-import-shield { width:58px; height:58px; display:grid; place-items:center; border-radius:15px; background:#eef0e5; color:#697044; font-size:13px; font-weight:850; letter-spacing:.06em; }
.candidate-import-upload h2,.candidate-import-safety h2,.candidate-import-preview h2 { margin:4px 0 0; font-size:17px; }
.candidate-import-upload p,.candidate-import-safety p,.candidate-import-preview header p { margin:6px 0 0; color:var(--muted); font-size:10.5px; line-height:1.55; }
.candidate-import-drop { min-height:132px; padding:22px; display:grid; place-items:center; align-content:center; gap:8px; border:2px dashed #cfd5b6; border-radius:13px; background:#fafbf6; color:#626943; cursor:pointer; text-align:center; transition:border-color .15s,background .15s; }
.candidate-import-drop:hover { border-color:var(--oj); background:#f4f6eb; }.candidate-import-drop input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.candidate-import-drop strong { font-size:13px; }.candidate-import-drop span { color:var(--muted); font-size:10px; }
.candidate-import-fields { padding:13px; display:flex; flex-wrap:wrap; gap:7px; border-radius:10px; background:#f7f8f4; }.candidate-import-fields strong { width:100%; margin-bottom:2px; font-size:10px; }.candidate-import-fields span { padding:5px 8px; border-radius:999px; background:#fff; color:#66705d; font-size:9px; }
.candidate-import-upload > button { justify-self:start; }.candidate-import-safety ol { margin:16px 0; padding-left:22px; display:grid; gap:11px; color:#55605e; font-size:10.5px; line-height:1.5; }.candidate-import-safety > p:last-child { padding:12px; border-radius:9px; background:#f7f8f4; }
.candidate-import-preview { margin-bottom:16px; overflow:hidden; }.candidate-import-preview > header { margin-bottom:16px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.candidate-import-stats { margin-bottom:16px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }.candidate-import-stats article { padding:13px; display:grid; gap:4px; border:1px solid var(--line); border-radius:10px; background:#fafafa; }.candidate-import-stats strong { font-size:20px; }.candidate-import-stats span { color:var(--muted); font-size:9.5px; }.candidate-import-stats .ready { border-color:#bddfc9; background:#f1f8f4; }.candidate-import-stats .warning { border-color:#ecd7a8; background:#fff9ed; }.candidate-import-stats .error { border-color:#edc4bf; background:#fff4f2; }
.candidate-import-table-wrap { max-height:430px; overflow:auto; border:1px solid var(--line); border-radius:10px; }.candidate-import-table { width:100%; border-collapse:collapse; font-size:10px; }.candidate-import-table th { position:sticky; top:0; z-index:1; padding:10px; background:#f5f6f2; color:#687078; text-align:left; font-size:8.5px; text-transform:uppercase; letter-spacing:.03em; }.candidate-import-table td { padding:10px; border-top:1px solid var(--line); vertical-align:top; }.candidate-import-table td span,.candidate-import-table td small { display:block; }.candidate-import-table td small { margin-top:4px; color:var(--muted); font-size:8.5px; }.candidate-import-table tr.skipped { background:#fffaf5; }.candidate-import-error { max-width:260px; color:#9b554b!important; line-height:1.4; }
.candidate-import-note { margin:11px 0 0; color:var(--muted); font-size:9.5px; }.candidate-import-preview > footer { margin-top:16px; display:flex; justify-content:flex-end; gap:9px; }

body.sidebar-collapsed { --sidebar: 0px; }
body.sidebar-collapsed .sidebar { width: 0; border-right-color: transparent; visibility: hidden; pointer-events: none; }
body.team-collapsed { --team: 0px; } body.team-collapsed .team-panel { display: none; }

@media (min-width: 851px) { body.sidebar-collapsed .sidebar { display: none; } }

@media (max-width: 1180px) { :root { --team: 0px; } .team-panel { position: fixed; right: 0; width: 286px; box-shadow: -12px 0 40px rgba(22,27,34,.12); transform: translateX(100%); transition: transform .2s ease; }.team-panel.mobile-open { transform: translateX(0); }.assistant-button { right: 22px; }.team-panel.mobile-open ~ .assistant-button { right: 308px; }.summary-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 850px) { :root { --sidebar: 0px; }.sidebar { position: fixed; width: 244px; transform: translateX(-100%); transition: transform .2s ease; box-shadow: 12px 0 40px rgba(22,27,34,.12); visibility: visible; pointer-events: auto; }.sidebar.mobile-open { transform: translateX(0); }.dashboard-grid, .calendar-layout, .module-overview, .chat-layout, .employee-admin-layout, .mail-layout { grid-template-columns: 1fr; }.employee-list-panel { position: static; max-height: 360px; }.employee-list { max-height: 290px; }.employee-data-grid { grid-template-columns: repeat(2,1fr); }.assignment-form,.email-form { grid-template-columns: 1fr; }.connection-card, .permission-card { position: static; }.channel-list { max-height: 240px; overflow: auto; }.chat-compact { grid-template-rows:minmax(150px,34%) minmax(0,1fr); }.chat-compact .channel-list { max-height:none; }.chat-window > header { align-items:flex-start; flex-direction:column; }.chat-header-actions { width:100%; }.chat-header-actions label { flex:1; }.chat-header-actions input { width:100%; }.page-heading { align-items: start; flex-direction: column; }.topbar { padding: 0 14px; }.profile-button > span:nth-child(2), .profile-button b, .language-picker, .sidebar-toggle-button span { display: none; }.main-content { padding-inline: 16px; }.login-screen { grid-template-columns: 1fr; }.login-visual { display: none; } }
@media (max-width: 850px) { .calendar-controls { flex-basis:100%; justify-content:flex-start; }.calendar-time-scroll { max-height:min(68vh,620px); } }
@media (max-width: 1100px) { .role-matrix-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 950px) { .profile-settings-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .role-matrix-grid,.profile-settings-form,.profile-overview dl { grid-template-columns: 1fr; }.profile-settings-form .wide { grid-column:auto; }.absence-list article { grid-template-columns: 1fr auto; }.absence-list article button { grid-column:1/-1; } }
.calendar-probe-result { display:flex; align-items:center; gap:8px; padding:8px 10px; margin-top:6px; border:1px solid var(--line); border-radius:9px; background:#fbfbf8; font-size:11px; }
.calendar-probe-result span { width:10px; height:10px; border-radius:50%; flex:0 0 auto; }
@media (max-width: 560px) { .summary-cards { grid-template-columns: 1fr; }.heading-actions { width: 100%; flex-direction: column; }.heading-actions button { width: 100%; }.global-search kbd { display: none; }.form-row { grid-template-columns: 1fr; }.briefing-panel { grid-template-columns: 1fr; }.assistant-orb { width: 64px; height: 64px; }.login-copy { padding: 28px; }.login-copy h1 { font-size: 40px; }.team-launcher { top: auto; bottom: 82px; width: 44px; min-height: 44px; padding: 0; transform: none; }.team-launcher:hover { transform: translateX(-2px); }.team-launcher span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }.team-panel.mobile-open ~ .assistant-button { display: none; }.team-chat-panel { right:0; top:56px; width:100vw; height:calc(100vh - 56px); --chat-panel-width:100vw!important; --chat-panel-height:calc(100vh - 56px)!important; }.team-chat-resize-handle { display:none; }.chat-layout { border-radius:0; }.chat-check-grid { grid-template-columns:1fr; }.chat-message-actions { opacity:1; }.chat-header-actions > button:not(.icon-button) { display:none; } }
@media (max-width: 720px) { .campaign-composition-overview [data-campaign-structure],.creative-slot-grid { grid-template-columns:1fr; } }
@media (max-width: 680px) { .feedback-button { width: 38px; padding: 0; justify-content: center; }.feedback-button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }
@media (max-width: 850px) { body.sidebar-collapsed .sidebar { width: 244px; visibility: visible; pointer-events: auto; } body.sidebar-collapsed .sidebar.mobile-open { transform: translateX(0); } }
/* V14: mobil liegt die ausklappbare Navigation unter der Kopfleiste (66 px), damit „Navigation ausblenden“ sichtbar und bedienbar bleibt (vorher von der Seitenleiste mit Logo verdeckt). */
@media (max-width: 850px) { .sidebar { top: 66px; height: calc(100vh - 66px); height: calc(100dvh - 66px); } }
@media (max-width: 560px) { .module-toolbar { align-items: flex-start; flex-direction: column; }.task-row { grid-template-columns: auto minmax(0,1fr); }.task-badges { grid-column: 2; justify-content: flex-start; }.task-description { max-width: calc(100vw - 110px); }.task-history-item { align-items: flex-start; flex-direction: column; gap: 3px; } }
@media (max-width: 560px) { .calendar-date-nav { width:100%; display:grid!important; grid-template-columns:34px minmax(0,1fr) 34px auto; }.calendar-period { min-width: 0; }.calendar-controls { width:100%; display:grid!important; gap:7px!important; }.calendar-controls .segmented { width:100%; overflow-x:auto; flex-wrap:nowrap; }.calendar-controls .segmented button { flex:0 0 auto; }.calendar-month { padding: 12px; }.calendar-weekday { padding: 6px 1px; font-size: 8px; }.calendar-grid .calendar-day { min-height: 68px; padding: 4px 3px; }.calendar-day-number { margin-bottom: 3px; font-size: 9px; }.calendar-grid .calendar-entry { padding: 3px; font-size: 0; }.calendar-grid .calendar-entry::before { content: ""; display: block; width: 7px; height: 7px; margin: auto; border-radius: 50%; background: currentColor; }.calendar-agenda-row { grid-template-columns: 86px minmax(0,1fr); }.calendar-agenda-row .calendar-kind { grid-column: 2; justify-self: start; }.calendar-time-view { min-width: 760px; }.calendar-view-day .calendar-time-view { min-width: 390px; }.calendar-time-scroll { max-height:calc(100vh - 250px); min-height:390px; }.task-dialog footer { flex-wrap: wrap; }.dialog-footer-spacer { display: none; } }
@media (max-width: 850px) { .marketing-queue-summary { grid-template-columns:repeat(2,1fr); }.requirement-row,.marketing-request-row { grid-template-columns:8px minmax(0,1fr); }.requirement-row>.status-pill,.requirement-row>button,.marketing-request-row>.status-pill,.marketing-request-row>button { grid-column:2; justify-self:start; }.requirement-source { grid-column:2; }.workflow-strip { justify-content:flex-start; overflow-x:auto; }.requirement-stepper { grid-template-columns:repeat(2,1fr); } }
.candidate-photo-control { position:relative; flex:0 0 auto; }
.candidate-photo { overflow:hidden; border:1px solid #d8dcc7; background:#eef0e3; }
.candidate-photo-actions { position:absolute; left:50%; top:calc(100% + 5px); z-index:4; display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:7px; background:#fff; box-shadow:0 7px 18px rgba(20,28,32,.12); opacity:0; pointer-events:none; transform:translate(-50%,-3px); transition:.16s ease; white-space:nowrap; }
.candidate-photo-control:hover .candidate-photo-actions,.candidate-photo-control:focus-within .candidate-photo-actions { opacity:1; pointer-events:auto; transform:translate(-50%,0); }
.candidate-photo-actions button { padding:4px 7px; border:0; border-radius:5px; background:#f0f2e8; color:#59613d; font-size:8px; font-weight:750; cursor:pointer; }
.candidate-photo-actions button:last-child { color:#a23737; background:#fff0f0; }
.resume-photo-review { margin:14px 18px 0; padding:12px; display:grid; grid-template-columns:84px minmax(0,1fr); gap:12px; align-items:center; border:1px solid #d9ddc6; border-radius:10px; background:#f3f5e9; }
.resume-photo-review[hidden] { display:none; }
.resume-photo-review img { width:84px; height:105px; border-radius:8px; object-fit:cover; border:1px solid #d4d8c1; background:#fff; }
.resume-photo-review strong,.resume-photo-review small { display:block; }
.resume-photo-review small { margin-top:4px; color:var(--muted); font-size:9px; }
.resume-photo-review label { margin-top:9px; display:flex; align-items:center; gap:7px; font-size:9px; font-weight:750; }

@media (max-width: 1050px) { .candidate-workbench,.candidate-import-grid,.resume-review-grid { grid-template-columns:1fr; }.resume-review-grid { overflow:auto; }.resume-source { min-height:430px; }.candidate-list { position:static; max-height:300px; }.candidate-detail-scroll { max-height:none; }.candidate-profile-header { align-items:flex-start; flex-direction:column; }.candidate-actions { width:100%; flex-wrap:wrap; }.candidate-filterbar { align-items:flex-start; flex-direction:column; }.candidate-card-grid,.candidate-career-grid { grid-template-columns:1fr; } }
.matching-toolbar form{display:flex;align-items:end;gap:7px}.matching-toolbar input{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.matching-empty-search{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.matching-empty-search input{min-width:min(360px,100%);min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px}
@media (max-width: 900px){.matching-toolbar{align-items:stretch;flex-direction:column}.matching-toolbar form{align-items:stretch;flex-wrap:wrap}.matching-toolbar label{min-width:0;width:100%}.matching-toolbar>div strong,.matching-toolbar>div small{text-align:left}.matching-requirement-editor form{grid-template-columns:repeat(2,minmax(0,1fr))}.matching-requirement-editor button,.matching-requirement-editor .form-message{grid-column:1/-1}}
@media (max-width: 560px){.matching-requirement-editor form{grid-template-columns:1fr}.matching-check-list>div{grid-template-columns:minmax(0,1fr) auto}.matching-delete{grid-column:2}.matching-card>header{flex-direction:column}.matching-summary{text-align:left}}
@media (max-width: 620px) { .candidate-import-stats,.candidate-consent-grid,.candidate-consent-status { grid-template-columns:1fr; }.candidate-consent-grid .required-consent { grid-column:auto; }.candidate-import-upload { grid-template-columns:1fr; }.candidate-import-preview > footer { align-items:stretch; flex-direction:column; }.candidate-import-preview > footer button { width:100%; }.form-row.three { grid-template-columns:1fr; }.resume-source>header { flex-direction:column; }.resume-legend { max-width:none; justify-content:flex-start; } }

.zeeg-planning-safety{margin-bottom:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #ded6a8;border-radius:12px;background:#fff9dc;color:#535333}.zeeg-planning-safety div{display:grid;gap:4px}.zeeg-planning-safety strong{font-size:15px}.zeeg-planning-safety span{font-size:13px;line-height:1.45}.zeeg-plan-list{overflow:hidden}.zeeg-plan-row{padding:15px 17px;display:grid;grid-template-columns:82px minmax(0,1fr) auto auto auto;gap:14px;align-items:center;border-bottom:1px solid var(--line)}.zeeg-plan-row:last-child{border-bottom:0}.zeeg-plan-row strong{font-size:14px}.zeeg-plan-row p,.zeeg-plan-row small{display:block;margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.zeeg-plan-mode{padding:7px 8px;border-radius:7px;background:#edf3ec;color:#48634c;font-size:12px;font-weight:850;text-align:center}.zeeg-plan-mode.parallel{background:#edf1fb;color:#475f8d}.zeeg-plan-counts{display:grid;gap:4px;font-size:12px;font-weight:750}.zeeg-plan-counts .blocked{color:#a65348}.zeeg-planning-dialog{width:min(1180px,96vw);max-width:none}.zeeg-planning-dialog>form{max-height:92vh}.zeeg-planning-form{padding:18px;overflow:auto}.zeeg-quick-config,.zeeg-schedule-config{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zeeg-schedule-config{margin-top:14px;grid-template-columns:2fr repeat(5,minmax(0,1fr))}.zeeg-quick-config label,.zeeg-schedule-config label{display:grid;gap:6px}.zeeg-quick-config label>span,.zeeg-schedule-config label>span,.zeeg-weekday-picker>span{font-size:13px;font-weight:750;color:#4c5545}.zeeg-quick-config input,.zeeg-quick-config select,.zeeg-quick-config textarea,.zeeg-schedule-config input,.zeeg-schedule-config select,.zeeg-candidate-search{min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:14px}.zeeg-quick-config .wide,.zeeg-schedule-config .wide{grid-column:1/-1}.zeeg-weekday-picker{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.zeeg-weekday-picker>span{margin-right:5px}.zeeg-weekday-picker label{display:block}.zeeg-weekday-picker input{position:absolute;opacity:0;pointer-events:none}.zeeg-weekday-picker b{display:block;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:white;font-size:13px;cursor:pointer}.zeeg-weekday-picker input:checked+b{border-color:#80894d;background:#eef0df;color:#52602b}.zeeg-table-picker{margin-top:18px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.zeeg-table-picker>header{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f8f3}.zeeg-table-picker>header div:first-child{display:grid;gap:3px}.zeeg-table-picker>header strong{font-size:15px}.zeeg-table-picker>header small{font-size:13px;color:var(--muted)}.zeeg-table-picker>header button{padding:6px 9px;border:0;background:transparent;color:#69733e;font-weight:750;cursor:pointer}.zeeg-candidate-search{margin:12px 14px;width:calc(100% - 28px)}.zeeg-selection-table-wrap{max-height:390px;overflow:auto;border-top:1px solid var(--line)}.zeeg-selection-table{width:100%;border-collapse:collapse}.zeeg-selection-table th{position:sticky;top:0;z-index:1;padding:10px 12px;background:#f1f3ec;color:#626a59;font-size:12px;text-align:left}.zeeg-selection-table td{padding:11px 12px;border-top:1px solid var(--line);font-size:13px;vertical-align:middle}.zeeg-selection-table tr:hover{background:#fafbf7}.zeeg-selection-table tr.blocked{background:#fff9f7}.zeeg-selection-table td strong,.zeeg-selection-table td small{display:block}.zeeg-selection-table td small{margin-top:3px;color:var(--muted);font-size:12px}.zeeg-selection-table input[type=checkbox]{width:17px;height:17px;accent-color:#7f894a}.zeeg-check{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eaf4ec;color:#3f724f;font-size:12px;font-weight:750}.zeeg-check.blocked{background:#f9e7e4;color:#9b4b43}.zeeg-planning-lock{margin-top:14px;padding:13px 15px;display:flex;justify-content:space-between;gap:16px;border-radius:9px;background:#eef0e4}.zeeg-planning-lock strong{font-size:14px}.zeeg-planning-lock span{font-size:13px;color:#5c6354}.zeeg-planning-table-dialog footer{position:sticky;bottom:0;background:#fff}
@media(max-width:900px){.zeeg-plan-row{grid-template-columns:70px minmax(0,1fr) auto}.zeeg-plan-counts,.zeeg-plan-row>.status-pill,.zeeg-plan-row>.secondary-button{grid-column:2}.zeeg-quick-config,.zeeg-schedule-config{grid-template-columns:repeat(2,minmax(0,1fr))}.zeeg-selection-table{min-width:760px}}@media(max-width:620px){.zeeg-quick-config,.zeeg-schedule-config{grid-template-columns:1fr}.zeeg-quick-config .wide,.zeeg-schedule-config .wide{grid-column:1}.zeeg-planning-safety{align-items:flex-start;flex-direction:column}}
.zeeg-purpose-field{display:grid;gap:7px}.zeeg-purpose-field>span{font-size:13px;font-weight:750;color:#4c5545}.zeeg-purpose-buttons{display:flex;gap:7px;flex-wrap:wrap}.zeeg-purpose-buttons label{display:block}.zeeg-purpose-buttons input{position:absolute;opacity:0;pointer-events:none}.zeeg-purpose-buttons b{display:block;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#505849;font-size:13px;cursor:pointer}.zeeg-purpose-buttons input:checked+b{border-color:#7d874b;background:#e9ecd7;color:#4c5725;box-shadow:0 0 0 2px rgba(125,135,75,.12)}
.zeeg-plan-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.hr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.hr-kpis article{display:grid;gap:4px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px}.hr-kpis strong{font-size:28px;color:#1d281b}.hr-kpis span{font-size:13px;color:var(--muted)}.hr-self-grid,.hr-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hr-card{padding:20px}.hr-card.hr-wide{grid-column:1/-1}.hr-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.hr-card h2{margin:2px 0 0;font-size:19px}.hr-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.hr-form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#465044}.hr-form .wide{grid-column:1/-1}.hr-form input,.hr-form select,.hr-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit}.hr-list{display:grid;gap:8px;margin-top:14px}.hr-list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid #e7e9e2;border-radius:10px;background:#fafbf8}.hr-list-row>div:first-child{display:grid;gap:3px}.hr-list-row small{color:var(--muted)}.hr-review-actions{display:flex;gap:7px;flex-wrap:wrap}.hr-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}.hr-table{width:100%;border-collapse:collapse;min-width:760px}.hr-table th,.hr-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #eceee8}.hr-table th{font-size:12px;color:#66705e;background:#f5f6f1}.hr-table td:first-child{display:grid;gap:2px}.hr-table td small{color:var(--muted)}.hr-security-note{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px;border:1px solid #dce1c5;background:#f5f7ea;border-radius:11px}.hr-security-note span{font-size:13px;color:#596052}@media(max-width:900px){.hr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-self-grid,.hr-admin-grid{grid-template-columns:1fr}.hr-card.hr-wide{grid-column:1}}@media(max-width:620px){.hr-kpis,.hr-form{grid-template-columns:1fr}.hr-form .wide{grid-column:1}.hr-list-row{align-items:flex-start;flex-direction:column}}
.candidate-bulk-actions{display:flex;align-items:center;gap:10px}.candidate-table-panel{padding:0;overflow:hidden;margin-bottom:16px}.candidate-table-wrap{overflow:auto}.candidate-table{width:100%;border-collapse:collapse;min-width:900px}.candidate-table th,.candidate-table td{text-align:left;padding:11px 13px;border-bottom:1px solid #e9ebe5;vertical-align:middle}.candidate-table th{background:#f6f7f3;color:#697161;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.candidate-table tbody tr:hover,.candidate-table tbody tr.active{background:#f3f5e9}.candidate-select-cell{width:42px}.candidate-table-open{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;color:var(--ink);text-align:left;cursor:pointer}.candidate-table-open>span:last-child{display:grid;gap:2px}.candidate-table-open small{color:var(--muted)}.candidate-completeness-mini{display:inline-block;width:70px;height:5px;border-radius:9px;background:#e5e8df;overflow:hidden;vertical-align:middle;margin-right:7px}.candidate-completeness-mini i{display:block;height:100%;background:#8b9655}.candidate-detail-below{min-height:240px;scroll-margin-top:76px}@media(max-width:700px){.candidate-filterbar{align-items:flex-start}.candidate-bulk-actions{width:100%;justify-content:space-between}}
.profile-hr-handoff{display:grid;gap:9px;padding:14px;border:1px solid #dce1c5;background:#f5f7ea;border-radius:11px}.profile-hr-handoff p{margin:0;color:var(--muted);font-size:13px}.profile-hr-handoff .primary-button{justify-self:start}
.hr-document-vault{overflow:hidden}.hr-security-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.hr-security-strip span{padding:10px 12px;border:1px solid #d9e2d2;border-radius:9px;background:#f2f7ef;color:#496248;font-size:12px;font-weight:750}.hr-security-strip b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:#5d8461;color:#fff}.hr-document-upload{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px;padding:15px;border:1px solid #dfe3d5;border-radius:12px;background:#f8f9f4}.hr-document-upload label{display:grid;gap:6px;color:#4c5545;font-size:12px;font-weight:750}.hr-document-upload .wide,.hr-document-upload .form-message{grid-column:1/-1}.hr-document-upload input,.hr-document-upload select{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}.hr-document-upload button{justify-self:start}.hr-document-table{min-width:1120px}.hr-document-actions{display:flex;gap:6px;flex-wrap:wrap}.hr-security-state{display:block;font-size:12px;font-weight:800}.hr-security-state.ok{color:#47764f}.hr-retention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px}.hr-retention-rule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fafbf8}.hr-retention-rule header,.hr-retention-rule button,.hr-retention-rule .form-message{grid-column:1/-1}.hr-retention-rule header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hr-retention-rule label{display:grid;gap:5px;color:#555e50;font-size:11px;font-weight:750}.hr-retention-rule input,.hr-retention-rule select{min-height:36px;padding:7px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;font-size:12px}.hr-retention-rule .hr-rule-check{grid-column:1/-1;display:flex;align-items:center;gap:7px}.hr-retention-rule .hr-rule-check input{min-height:auto}.hr-retention-rule .form-message{margin:0;font-size:11px}@media(max-width:1100px){.hr-security-strip,.hr-document-upload{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-retention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.hr-security-strip,.hr-document-upload,.hr-retention-grid{grid-template-columns:1fr}.hr-document-upload .wide,.hr-document-upload .form-message{grid-column:1}.hr-retention-rule{grid-template-columns:1fr}.hr-retention-rule header,.hr-retention-rule button,.hr-retention-rule .form-message,.hr-retention-rule .hr-rule-check{grid-column:1}}
/* Candidate activities use the existing timeline and task system. */
.candidate-question-badge{display:inline-block;margin-left:8px;border-radius:20px;background:#ac4423;color:#fff;min-width:22px;text-align:center;padding:2px 6px;font-size:12px}.candidate-question-badge[hidden]{display:none}
.candidate-question-banner{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#fff2dd;border:1px solid #e5c183;border-radius:10px;padding:14px;margin:12px 0;flex-wrap:wrap}
.candidate-activity-editor{margin:14px 0;border:1px solid #e2e6e9;border-radius:12px;padding:14px}
.candidate-activity-editor summary{cursor:pointer;font-weight:600}
.candidate-activity-editor form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.candidate-activity-editor label{display:flex;flex-direction:column;gap:6px;font-size:13px}
.candidate-activity-editor .wide{grid-column:1/-1}
.candidate-activity-editor input,.candidate-activity-editor textarea,.candidate-activity-editor select{font:inherit;padding:10px;border:1px solid #ccd4d9;border-radius:8px;min-width:0;background:#fff;color:#16242c}
.candidate-followups{padding:14px 0;border-bottom:1px solid #e2e6e9;margin-bottom:10px}
.candidate-followups header,.candidate-followups article{display:flex;align-items:center;justify-content:space-between;gap:12px}
.candidate-followups article{padding:10px 0}.candidate-followups small{display:block;margin-top:5px}
.activity-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.activity-hint{font-size:12px;color:#52636e}
@media(max-width:640px){.candidate-activity-editor form{grid-template-columns:1fr}.candidate-followups header{flex-wrap:wrap}}
/* Chat: attachments and a composer that keeps selected files visible. */
.chat-composer,.chat-thread-composer{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:stretch}
.chat-composer textarea,.chat-thread-composer textarea{width:100%;box-sizing:border-box;min-height:60px}
.chat-compose-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.chat-compose-tools button{width:auto;min-width:82px;padding:9px 14px;background:var(--oj-dark);color:white;border-radius:8px}
.chat-file-label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;min-width:0}
.chat-file-label input{max-width:230px;font-size:11px}
.chat-file-hint{color:var(--muted);font-size:11px}
.chat-composer .form-message:empty,.chat-thread-composer .form-message:empty{display:none}
.chat-attachment{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px 12px;max-width:300px;border:1px solid var(--line);border-radius:9px;color:var(--oj-dark);font-size:12px;text-decoration:none;overflow-wrap:anywhere}
.chat-attachment img{max-width:100%;max-height:210px;object-fit:contain;border-radius:5px}
.chat-error{padding:10px;background:#fff3e4;color:#8c4115;margin:0;grid-column:1/-1}
.chat-window:has(>.chat-error){grid-template-rows:auto auto minmax(0,1fr) auto}
.chat-direct-results button[hidden]{display:none}
.chat-direct-hint{display:block;padding:8px;color:#bdc6cf;font-size:11px}
@media(max-width:560px){.chat-file-label input{max-width:180px}.chat-attachment{max-width:220px}}

.candidate-table tr[data-attention="true"]{background:#fff4db}.candidate-table tr[data-attention="true"] td:first-child{border-left:4px solid #b56a10}.candidate-table td:last-child .status-pill{display:block;width:fit-content;margin:3px 0}.candidate-filterbar .segmented{flex-wrap:wrap}

.candidate-searchbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.candidate-searchbar label{display:grid;gap:6px;flex:1;min-width:220px}.candidate-searchbar input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #dfe3e9;border-radius:10px;font:inherit;background:#fff;color:inherit}.candidate-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;flex-wrap:wrap}.candidate-pagination button:disabled{opacity:.45;cursor:default}

/* Zeeg outcome statistics */
.zeeg-metrics{padding:20px;margin-bottom:18px}.zeeg-metrics>header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.zeeg-metrics>header>div{flex:1;min-width:220px}.zeeg-metrics h2{margin:0 0 6px}.zeeg-metrics p,.zeeg-metrics small{color:var(--muted,#667085);font-size:12px;line-height:1.5}.zeeg-metrics select{padding:8px;border:1px solid #ddd;border-radius:8px;background:white}.zeeg-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}.zeeg-metric-grid article{display:flex;flex-direction:column;gap:7px;padding:14px;background:#f6f7f3;border-radius:10px}.zeeg-metric-grid article>span{font-size:12px;font-weight:600}.zeeg-metric-grid strong{font-size:22px;line-height:1.25}.zeeg-metrics-note{margin-bottom:0}

.zeeg-metric-grid article:last-child{grid-column:1/-1}.zeeg-metric-grid article:last-child strong{font-size:18px}

[aria-label="Pipeline und Firmenfreigaben"] details{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px}[aria-label="Pipeline und Firmenfreigaben"] summary{cursor:pointer;font-weight:600}[aria-label="Pipeline und Firmenfreigaben"] form{display:grid;gap:12px;margin-top:14px;max-width:760px}[aria-label="Pipeline und Firmenfreigaben"] label{display:grid;gap:6px;font-size:13px}[aria-label="Pipeline und Firmenfreigaben"] label:has(input[type="checkbox"]){display:flex;align-items:center;gap:8px}[aria-label="Pipeline und Firmenfreigaben"] input:not([type="checkbox"]),[aria-label="Pipeline und Firmenfreigaben"] select,[aria-label="Pipeline und Firmenfreigaben"] textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff;box-sizing:border-box}[aria-label="Pipeline und Firmenfreigaben"] textarea{min-height:75px}[aria-label="Pipeline und Firmenfreigaben"] button{justify-self:start}[aria-label="Pipeline und Firmenfreigaben"] fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;border:1px solid var(--line);border-radius:6px}[aria-label="Pipeline und Firmenfreigaben"] [hidden]{display:none!important}

.candidate-skill-groups{display:grid;gap:14px}.candidate-skill-group h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.candidate-skill-list{display:flex;gap:8px;flex-wrap:wrap}.candidate-skill-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dce2c9;border-radius:999px;background:#f5f7ee;color:#303625;font-size:10px;font-weight:750}.candidate-skill-chip.suggested{border-style:dashed;background:#fff8e8;border-color:#dcc28a}.candidate-skill-chip small{color:var(--muted);font-size:8px}.candidate-skill-chip button{width:22px;height:22px;padding:0;border-radius:50%;font-size:11px}.candidate-skill-editor{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:9px}.candidate-skill-editor summary{cursor:pointer;font-weight:750}.candidate-skill-editor form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:9px;align-items:end;margin-top:12px}.candidate-skill-editor label{display:grid;gap:5px;font-size:9px}.candidate-skill-editor input,.candidate-skill-editor select{min-width:0;width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff}.candidate-skill-note{color:var(--muted);font-size:9px;line-height:1.5}@media(max-width:800px){.candidate-skill-editor form{grid-template-columns:1fr 1fr}.candidate-skill-editor form label:first-child{grid-column:1/-1}}
.candidate-expose-editor{margin:12px 0 16px;border:1px solid #d8ddbd;border-radius:10px;background:#fafbf6;overflow:hidden}.candidate-expose-editor>summary{padding:12px 14px;cursor:pointer;color:#596238;font-size:11px;font-weight:800}.candidate-expose-editor[open]>summary{border-bottom:1px solid #e1e5d2}.candidate-expose-editor form{padding:14px;display:grid;gap:12px}.candidate-expose-editor fieldset{margin:0;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.candidate-expose-editor legend{padding:0 6px;color:#626a43;font-size:10px;font-weight:800}.candidate-expose-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.candidate-expose-option{display:flex;align-items:center;gap:8px;min-height:28px;color:#3d454d;font-size:10px}.candidate-expose-option input{width:16px;height:16px;accent-color:#7a8248}.candidate-expose-option:has(input:disabled){color:#92979b}.candidate-expose-editor button{justify-self:start}@media(max-width:800px){.candidate-expose-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.candidate-expose-options-grid{grid-template-columns:1fr}}
.mail-message-html{margin-top:16px;border:1px solid #dce1e5;border-radius:8px;background:#fff;overflow:hidden}.mail-message-html iframe{display:block;width:100%;height:320px;border:0;background:#fff;color-scheme:light;overflow:hidden}

/* E-Mail-Arbeitsbereich: nutzt die gesamte Fläche rechts von der Hauptnavigation. */
body.email-workspace-active{height:100vh;overflow:hidden}
body.email-workspace-active .work-area{height:100vh;min-height:0;display:grid;grid-template-rows:66px minmax(0,1fr);overflow:hidden}
body.email-workspace-active .topbar{position:relative}
body.email-workspace-active .main-content{height:100%;min-height:0;padding:0;overflow:hidden}
body.email-workspace-active .module-view{height:100%;min-height:0;overflow:hidden}
body.email-workspace-active .module-view>.module-heading{display:none}
body.email-workspace-active .mail-outlook-shell{width:100%;height:100%;min-height:0;border-width:0;border-radius:0;box-shadow:none}
body.email-workspace-active .mail-folder-pane{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
body.email-workspace-active .mail-list-pane,body.email-workspace-active .mail-reading-pane{height:100%;min-height:0;overflow:hidden}
body.email-workspace-active .mail-thread-list,body.email-workspace-active .mail-reading-scroll{overscroll-behavior:contain;scrollbar-gutter:stable}
.mail-address-row{position:relative;min-height:40px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;border-bottom:1px solid #e2e5e8}.mail-address-row>span{padding-top:12px;color:#68717b;font-size:9px}.mail-recipient-wrap{position:relative;min-width:0}.mail-recipient-control{min-height:39px;padding:5px 0;display:flex;align-items:center;flex-wrap:wrap;gap:5px}.mail-recipient-control input{min-width:150px;flex:1;height:28px!important}.mail-recipient-chip{max-width:280px;min-height:27px;padding:3px 5px 3px 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid #cdd5bc;border-radius:16px;background:#eef1e4;color:#303827}.mail-recipient-chip b,.mail-recipient-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-recipient-chip b{font-size:9px}.mail-recipient-chip small{max-width:135px;color:#68715e;font-size:7.5px}.mail-recipient-chip button{width:19px;height:19px;border:0;border-radius:50%;background:transparent;color:#616955;font-size:14px;line-height:1;cursor:pointer}.mail-recipient-chip button:hover{background:#dce2cc}.mail-address-toggles{padding-top:6px;display:flex;gap:2px}.mail-address-toggles button{height:27px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:#55604c;font-size:9px;font-weight:700;cursor:pointer}.mail-address-toggles button:hover,.mail-address-toggles button.active{background:#eef1e8;color:#3f4932}.mail-recipient-suggestions{position:absolute;z-index:30;top:100%;left:0;width:min(440px,100%);max-height:310px;padding:7px;border:1px solid #d8dde1;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(27,35,44,.18);overflow:auto}.mail-recipient-suggestions>p{margin:3px 7px 6px;color:#6e7781;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.mail-recipient-suggestions>p.empty{text-transform:none;font-weight:500}.mail-recipient-suggestions>button{width:100%;padding:7px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;border:0;border-radius:6px;background:#fff;text-align:left;cursor:pointer}.mail-recipient-suggestions>button:hover{background:#f0f2e9}.mail-recipient-suggestions button>span:last-child{min-width:0;display:grid;gap:2px}.mail-recipient-suggestions strong,.mail-recipient-suggestions small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-recipient-suggestions strong{font-size:9px}.mail-recipient-suggestions small{color:#737c86;font-size:8px}.mail-suggestion-avatar{width:30px;height:30px;display:grid;place-content:center;border-radius:50%;background:#69734b;color:#fff;font-size:9px;font-weight:800}.mail-subject-row{min-height:39px!important}.mail-signature-select{max-width:170px}.mail-signature-dialog{z-index:1000;width:min(820px,calc(100vw - 36px));max-height:calc(100vh - 36px);margin:auto;padding:0;border:0;border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(20,28,38,.3)}.mail-signature-dialog::backdrop{background:rgba(20,28,38,.38)}.mail-signature-dialog[open]{display:block;position:fixed;inset:18px}.mail-signature-modal>header{min-height:64px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e5e8}.mail-signature-modal>header p,.mail-signature-modal>header h3{margin:0}.mail-signature-modal>header p{color:#747d87;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.mail-signature-modal>header h3{margin-top:2px;font-size:17px}.mail-signature-modal>header button{width:31px;height:31px;border:0;border-radius:50%;background:#edf0f2;cursor:pointer}.mail-signature-layout{min-height:420px;display:grid;grid-template-columns:220px minmax(0,1fr)}.mail-signature-layout>aside{padding:14px;border-right:1px solid #e1e5e8;background:#f7f8f9;overflow:auto}.mail-signature-layout>aside>.secondary-button{width:100%;margin-bottom:10px}.mail-signature-list-item{margin-bottom:5px;display:grid;grid-template-columns:minmax(0,1fr) 29px;border-radius:7px;overflow:hidden}.mail-signature-list-item.active{background:#e9eddd}.mail-signature-list-item>button:first-child{min-width:0;padding:9px;border:0;background:transparent;text-align:left;cursor:pointer}.mail-signature-list-item strong,.mail-signature-list-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-signature-list-item strong{font-size:9px}.mail-signature-list-item small{margin-top:2px;color:#737c86;font-size:8px}.mail-signature-list-item .danger{border:0;background:transparent;color:#9a4d4d;cursor:pointer}.mail-signature-empty{color:#747d87;font-size:9px}.mail-signature-layout>form{padding:18px;display:grid;grid-template-rows:auto minmax(220px,1fr) auto auto auto;gap:13px;overflow:auto}.mail-signature-layout form>label{display:grid;gap:6px;color:#4f5964;font-size:9px;font-weight:700}.mail-signature-layout input[type=text]{height:38px;padding:0 10px;border:1px solid #d8dde2;border-radius:7px;font:10px inherit}.mail-signature-editor{min-height:210px;padding:13px;border:1px solid #d8dde2;border-radius:7px;background:#fff;font:11px/1.55 Aptos,Arial,sans-serif;outline:0;overflow:auto}.mail-signature-editor:focus{border-color:#8c9664;box-shadow:0 0 0 3px rgba(117,127,73,.12)}.mail-signature-default{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:8px!important}.mail-signature-default input{width:16px;height:16px}.mail-signature-layout form>footer{display:flex;gap:8px}.mail-signature-layout .form-message{min-height:16px;margin:0;color:#6d7650;font-size:9px}@media(max-width:760px){.mail-signature-layout{grid-template-columns:1fr}.mail-signature-layout>aside{max-height:150px;border-right:0;border-bottom:1px solid #e1e5e8}.mail-recipient-chip small{display:none}}
.mail-compose-attachments{min-height:40px;padding:4px 12px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;border-bottom:1px solid #e2e5e8}.mail-compose-attachments>span{padding-top:9px;color:#68717b;font-size:9px}.mail-attachment-list{padding:4px 0;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.mail-attachment-chip{max-width:300px;min-height:27px;padding:3px 5px 3px 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid #d3d9c4;border-radius:6px;background:#f3f5ec;color:#303827;text-decoration:none}.mail-attachment-chip b,.mail-attachment-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-attachment-chip b{font-size:9px}.mail-attachment-chip small{color:#68715e;font-size:7.5px}.mail-attachment-chip button{width:19px;height:19px;border:0;border-radius:50%;background:transparent;color:#616955;font-size:14px;line-height:1;cursor:pointer}.mail-attachment-chip button:hover{background:#dce2cc}.mail-attachment-chip.blocked{border-color:#e0c4c4;background:#f9eeee;color:#7a3b3b}.mail-attachment-chip.pending{border-style:dashed;background:#fbfcf7;color:#5f6851}.mail-attachment-chip.inline{border-color:#cdd5bc;background:#eef1e4}.mail-rich-editor img{max-width:100%;height:auto}.mail-delivery-error{color:#9a4d4d!important;font-weight:700}a.mail-attachment-chip:hover{border-color:#a9b58a;background:#e9eddd}.mail-attachment-add{height:27px;padding:0 9px;border:1px dashed #b9c1a4;border-radius:6px;background:#fff;color:#55604c;font-size:9px;font-weight:700;cursor:pointer}.mail-attachment-add:hover{background:#eef1e8}.mail-reading-message>footer.mail-message-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mail-message-attachments>span{margin-right:4px;font-weight:700}
.intake-panel{display:grid;gap:14px}.intake-filters{display:flex;flex-wrap:wrap;gap:6px}.intake-filter-button{min-height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dfe3e7;border-radius:16px;background:#fff;color:#46505b;font-size:10px;font-weight:700;cursor:pointer}.intake-filter-button b{min-width:18px;padding:1px 6px;border-radius:10px;background:#eef0e5;color:#5e6740;font-size:9px;text-align:center}.intake-filter-button.active{border-color:#727b49;background:#e9eddd;color:#232b34}.intake-list{display:grid;gap:12px}.intake-card{padding:14px 16px;display:grid;gap:10px;border:1px solid #e1e5e8;border-radius:10px;background:#fff}.intake-card.pending{border-left:4px solid #c9a227}.intake-card.auto_assigned,.intake-card.assigned,.intake-card.candidate_created{border-left:4px solid #727b49}.intake-card.blocked{border-left:4px solid #a34a4a}.intake-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.intake-card>header strong{display:block;font-size:12px}.intake-card>header strong a{color:#3f4932;text-decoration:underline dotted}.intake-card>header small{display:block;margin-top:3px;color:#7a828c;font-size:9px}.intake-meta{margin:0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 10px;font-size:10px}.intake-meta dt{color:#68717b;font-weight:700}.intake-meta dd{margin:0;color:#2b333c;overflow-wrap:anywhere}.intake-excerpt summary{cursor:pointer;color:#55604c;font-size:9.5px;font-weight:700}.intake-excerpt pre{max-height:220px;margin:6px 0 0;padding:10px;overflow:auto;border:1px solid #e5e8eb;border-radius:7px;background:#fafbf7;font:9.5px/1.5 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap}.intake-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;border-top:1px solid #eceef0}.intake-assign{display:flex;gap:6px}.intake-assign input{min-width:220px;height:32px;padding:0 10px;border:1px solid #d8dde2;border-radius:7px;font:10px inherit}.intake-search-results{display:grid;gap:4px}.intake-search-results>button{width:100%;padding:8px 10px;display:grid;gap:2px;border:1px solid #dfe3e7;border-radius:7px;background:#fff;text-align:left;cursor:pointer}.intake-search-results>button:hover{background:#f0f2e9}.intake-search-results strong{font-size:10px}.intake-search-results small{color:#737c86;font-size:9px}.text-button.danger{color:#9a4d4d}
.intake-settings{padding:10px 14px;border:1px solid #e1e5e8;border-radius:10px;background:#fafbf7}.intake-settings>summary{cursor:pointer;color:#3f4932;font-size:10.5px;font-weight:800}.intake-settings-hint{margin:10px 0;color:#5b6570;font-size:9.5px}.intake-mailbox-list{display:grid;gap:5px}.intake-mailbox-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;padding:7px 9px;border:1px solid #e1e5e8;border-radius:7px;background:#fff;cursor:pointer}.intake-mailbox-row input{width:15px;height:15px;margin-top:1px}.intake-mailbox-row strong{display:block;font-size:10px}.intake-mailbox-row small{display:block;margin-top:2px;color:#737c86;font-size:8.5px}.intake-settings-master{margin-bottom:8px;border-color:#cdd5bc;background:#eef1e4}.intake-hint{color:#737c86;font-size:8.5px}.intake-retention{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:9.5px;color:#4f5964}.intake-retention input{width:64px;height:30px;padding:0 6px;margin:0 4px;border:1px solid #d8dde2;border-radius:6px;font:10px inherit}
.calendar-outbound-status{margin:6px 0 0;color:#55604c;font-size:9px}.calendar-outbound-status strong{color:#9a4d4d}.calendar-conflicts{display:grid;gap:6px;margin-top:10px}.calendar-conflict{padding:8px 10px;display:grid;gap:6px;border:1px solid #e0c4c4;border-left:4px solid #a34a4a;border-radius:7px;background:#fbf3f3}.calendar-conflict strong{display:block;font-size:10px}.calendar-conflict small{display:block;margin-top:2px;color:#7a828c;font-size:8.5px}.calendar-conflict-actions{display:flex;flex-wrap:wrap;gap:6px}.calendar-conflict .form-message{min-height:0;margin:0;font-size:9px}
.requirement-completeness{display:block;margin-top:3px;color:#a06a12;font-size:8.5px}.requirement-completeness.complete{color:#5e6740}.requirement-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.requirement-status-select{height:30px;padding:0 8px;border:1px solid #d6dbe0;border-radius:6px;background:#fff;color:#35404b;font-size:9px}.job-edit-dialog{width:min(960px,calc(100vw - 36px))}.job-edit-scroll{max-height:calc(100vh - 220px);overflow:auto;padding-right:6px}.job-edit-section{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #eceef0}.job-edit-section h3{margin:0 0 8px;font-size:11px;color:#3f4932}.job-edit-completeness{margin:0 0 8px;padding:8px 10px;border-radius:7px;background:#fff6e5;color:#7a4f0a;font-size:9.5px}.job-edit-completeness.complete{background:#eef1e4;color:#3f4932}.job-skill-list{display:grid;gap:5px;margin-bottom:8px}.job-skill-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e1e5e8;border-radius:7px;background:#fafbf7}.job-skill-row strong{font-size:10px}.job-skill-row small{display:block;color:#737c86;font-size:8.5px}.job-skill-add{display:grid;grid-template-columns:minmax(160px,2fr) auto auto 90px auto;gap:6px;align-items:center}.job-skill-add input,.job-skill-add select{height:32px;padding:0 8px;border:1px solid #d8dde2;border-radius:7px;font:10px inherit}@media(max-width:760px){.job-skill-add{grid-template-columns:1fr 1fr}.requirement-actions{justify-content:flex-start}}

.mail-thread-card.approval{cursor:default;align-items:start}.mail-thread-card.approval .mail-thread-copy strong,.mail-thread-card.approval .mail-thread-copy b,.mail-thread-card.approval .mail-thread-copy small{white-space:normal;overflow:visible}.mail-thread-card.approval:hover{background:#fff}.mail-approval-files{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.mail-approval-actions{margin-top:8px;display:flex;gap:6px}.mail-approval-actions .primary-button,.mail-approval-actions .secondary-button{min-height:32px;padding:0 12px;gap:6px;font-size:10px}
/* Profil → Meine E-Mail-Verbindungen (18.09.2026) */
.mail-connection-list{margin-bottom:16px;display:grid;gap:7px}.mail-connection-row{min-height:52px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:#fbfbf8}.mail-connection-row>div:first-child{min-width:0}.mail-connection-row b,.mail-connection-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-connection-row b{font-size:11.5px}.mail-connection-row small{margin-top:3px;color:var(--muted);font-size:9.5px}.mail-connection-row.shared{background:#f7f8f4}.mail-connection-actions{display:flex;align-items:center;gap:8px}.mail-connection-note{color:var(--muted);font-size:9px;white-space:nowrap}.status-pill.attention{background:#fdecea;color:#9a3b33}.mail-connections-card .form-message.error{color:#9a4d4d}.mail-connections-card .form-message.success{color:#2f8059}
/* Eingabefelder deutlicher sichtbar (Anforderung 18.09.2026): kräftigerer Rahmen, klarer Fokusring. */
.profile-settings-form input,.profile-settings-form select,.profile-settings-form textarea,.assignment-form input,.assignment-form select,.task-dialog input,.task-dialog textarea,.task-dialog select,.feedback-dialog input,.feedback-dialog textarea,.feedback-dialog select,.claim-form input[type="text"],.claim-form input:not([type]),.intake-assign input,.intake-retention input,.job-skill-add input,.job-skill-add select,.candidate-skill-editor input,.candidate-skill-editor select,.mail-signature-layout input[type=text],.employee-search input,.requirement-status-select{border:1.5px solid #c4ccd5;background:#fff}
.profile-settings-form input:focus,.profile-settings-form select:focus,.profile-settings-form textarea:focus,.assignment-form input:focus,.assignment-form select:focus,.task-dialog input:focus,.task-dialog textarea:focus,.task-dialog select:focus,.feedback-dialog input:focus,.feedback-dialog textarea:focus,.claim-form input:focus,.intake-assign input:focus,.intake-retention input:focus,.job-skill-add input:focus,.job-skill-add select:focus,.candidate-skill-editor input:focus,.candidate-skill-editor select:focus,.mail-signature-layout input[type=text]:focus,.employee-search input:focus{outline:0;border-color:var(--oj-dark);box-shadow:0 0 0 3px rgba(115,121,76,.16)}
.profile-settings-form input::placeholder,.assignment-form input::placeholder,.task-dialog input::placeholder,.task-dialog textarea::placeholder{color:#8a929c}
.profile-settings-form input[readonly]{background:#f3f5f0;color:#5b6370;border-style:dashed}
.profile-settings-form label>span{color:#3f4856;font-size:10.5px;font-weight:700}
@media(max-width:850px){
  body.email-workspace-active{height:auto;overflow:auto}
  body.email-workspace-active .work-area{height:auto;min-height:100vh;display:block;overflow:visible}
  body.email-workspace-active .main-content,body.email-workspace-active .module-view{height:auto;overflow:visible}
  body.email-workspace-active .mail-outlook-shell{height:auto;min-height:720px}
}

.temp-worker-inbox{height:calc(100vh - 210px);min-height:560px;padding:0;display:grid;grid-template-columns:320px minmax(0,1fr);overflow:hidden}.temp-worker-inbox>aside{min-width:0;border-right:1px solid var(--line);overflow:auto}.temp-worker-inbox>aside>header,.temp-worker-inbox>article>header{min-height:62px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.temp-worker-inbox>article{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.temp-worker-inbox>article>header small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.temp-worker-thread{width:100%;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid #eceef0;background:#fff;text-align:left;cursor:pointer}.temp-worker-thread:hover,.temp-worker-thread.active{background:#eef1e4}.temp-worker-thread span{min-width:0}.temp-worker-thread strong,.temp-worker-thread small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.temp-worker-thread strong{font-size:10px}.temp-worker-thread small{margin-top:3px;color:var(--muted);font-size:8px}.temp-worker-thread b{min-width:22px;padding:3px 6px;border-radius:12px;background:#7a8248;color:#fff;font-size:9px;text-align:center}.temp-worker-message-list{padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto;background:#f8f9f7}.temp-worker-message{max-width:min(76%,720px);padding:11px 13px;border:1px solid #dfe3e7;border-radius:11px;background:#fff}.temp-worker-message.own{align-self:flex-end;background:#e9eddd;border-color:#cbd3b5}.temp-worker-message header{display:flex;justify-content:space-between;gap:16px;font-size:9px}.temp-worker-message time{color:var(--muted)}.temp-worker-message p{margin:7px 0 0;font-size:10.5px;line-height:1.55;overflow-wrap:anywhere}.temp-worker-reply{padding:12px 14px;border-top:1px solid var(--line);background:#fff}.temp-worker-reply textarea{width:100%;padding:10px;border:1.5px solid #c4ccd5;border-radius:8px;resize:vertical;font:inherit}.temp-worker-reply>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.temp-worker-reply .form-message{margin:0}@media(max-width:850px){.temp-worker-inbox{height:auto;min-height:0;grid-template-columns:1fr}.temp-worker-inbox>aside{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.temp-worker-message-list{min-height:380px}.temp-worker-message{max-width:90%}}
.temp-worker-attachments{display:grid;gap:6px;margin-top:9px}.temp-worker-attachment{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(92,103,61,.24);border-radius:8px;background:rgba(255,255,255,.78);color:var(--text);text-decoration:none}.temp-worker-attachment:hover{border-color:var(--olive);background:#fff}.temp-worker-attachment>span:first-child{font-size:16px;color:var(--olive)}.temp-worker-attachment strong,.temp-worker-attachment small{display:block;overflow-wrap:anywhere}.temp-worker-attachment small{margin-top:2px;color:var(--muted);font-size:8px}.temp-worker-file-picker{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--olive);font-size:9px;font-weight:700;cursor:pointer}.temp-worker-file-picker input{max-width:260px;font:inherit}.temp-worker-file-picker small{color:var(--muted);font-weight:400}
.temp-worker-lifecycle-tabs{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff}.temp-worker-lifecycle-tabs button{padding:7px 12px;border:0;border-radius:7px;background:transparent;color:#59616a;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.temp-worker-lifecycle-tabs button.active{background:#e9eddd;color:#424a28}.temp-worker-lifecycle-tabs span{margin-left:auto;padding-right:8px;color:var(--muted);font-size:8.5px}.temp-worker-lifecycle-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.temp-worker-lifecycle-actions button{padding:6px 8px;border:1px solid #cbd1d7;border-radius:7px;background:#fff;color:#4c5660;font:inherit;font-size:8.5px;font-weight:750;cursor:pointer}.temp-worker-lifecycle-actions button.danger{border-color:#e3c4bc;color:#984b3b}.temp-worker-read-only{padding:13px 16px;border-top:1px solid var(--line);background:#f4f5f1;color:#66705f;font-size:9.5px;text-align:center}.temp-worker-lifecycle-tabs+.temp-worker-inbox{height:calc(100vh - 255px)}@media(max-width:850px){.temp-worker-lifecycle-tabs{align-items:flex-start;flex-wrap:wrap}.temp-worker-lifecycle-tabs span{width:100%;margin-left:0}.temp-worker-lifecycle-actions{margin-left:10px}}
.temp-worker-account-manager{margin-bottom:16px;padding:16px}.temp-worker-account-manager>summary{cursor:pointer;font-weight:700}.temp-worker-account-manager form{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) auto;gap:10px;align-items:end;margin:16px 0}.temp-worker-account-manager label{display:grid;gap:5px;font-size:12px;font-weight:700}.temp-worker-account-manager input{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:8px}.temp-worker-account-manager .form-message{grid-column:1/-1}.temp-worker-account-list{display:grid;gap:8px}.temp-worker-account-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.temp-worker-account-row span:first-child{min-width:0;display:grid;gap:3px}.temp-worker-account-row small{color:var(--muted);overflow-wrap:anywhere}@media(max-width:900px){.temp-worker-account-manager form{grid-template-columns:1fr}.temp-worker-account-row{align-items:stretch;flex-direction:column}.temp-worker-account-row>button,.temp-worker-account-row>.status-pill{align-self:flex-start;max-width:100%}}
.temp-worker-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.temp-worker-assignment{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:700}.temp-worker-assignment select{min-height:31px;max-width:220px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;color:var(--text)}.temp-worker-assigned{padding:6px 8px;border-radius:7px;background:#eef1e4;color:#596438;font-size:9px;font-weight:700}
.business-template-decision{margin:0 0 16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d8ddbd;border-radius:12px;background:linear-gradient(135deg,#f3f5e9,#fff)}.business-template-decision>div{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:baseline}.business-template-decision small{grid-column:1/-1;color:#687247;font-size:8px;font-weight:850;letter-spacing:.12em}.business-template-decision strong{font-size:23px;color:#434b2f}.business-template-decision span{color:var(--muted);font-size:10px}.business-template-decision p{max-width:520px;margin:0;color:#59616a;font-size:10px;line-height:1.5}.business-template-toolbar{margin-bottom:14px;padding:12px 14px;display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:10px}.business-template-toolbar label,.business-template-form label{display:grid;gap:5px;color:#56606a;font-size:9px;font-weight:750}.business-template-toolbar input,.business-template-toolbar select,.business-template-form input,.business-template-form select,.business-template-form textarea,.business-template-card select{width:100%;box-sizing:border-box;border:1px solid #d7dde1;border-radius:7px;background:#fff;font:inherit;color:#28313a}.business-template-toolbar input,.business-template-toolbar select,.business-template-form input,.business-template-form select,.business-template-card select{height:36px;padding:0 9px}.business-template-form textarea{padding:9px;resize:vertical}.business-template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px}.business-template-card{padding:15px 16px;border:1px solid #e0e4e7;border-radius:11px;background:#fff;box-shadow:0 4px 16px rgba(35,43,50,.035)}.business-template-card.default{border-color:#b8c092;box-shadow:inset 3px 0 #7a8248}.business-template-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.business-template-card h3,.business-template-card p{margin:0}.business-template-card header p{margin-bottom:4px;color:#687247;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.business-template-card h3{font-size:13px}.business-template-card header small{display:block;margin-top:4px;color:var(--muted);font-size:8.5px}.business-template-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.business-template-values{margin:13px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.business-template-values>span{min-width:0;padding:8px 9px;border-radius:7px;background:#f6f7f3}.business-template-values small,.business-template-values b{display:block;overflow-wrap:anywhere}.business-template-values small{color:var(--muted);font-size:8px}.business-template-values b{margin-top:3px;font-size:9.5px}.business-template-empty-settings{grid-column:1/-1;color:var(--muted);font-size:9px}.business-template-document{margin:7px 0!important;color:#5c6740;font-size:9px}.business-template-card>footer{padding-top:11px;display:flex;align-items:center;gap:8px;border-top:1px solid #eceef0}.business-template-card>footer select{width:auto;min-width:105px;height:31px}.business-template-card>footer .text-button{margin-left:auto}.business-template-form{margin:0 0 14px;padding:16px}.business-template-form>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.business-template-form h2,.business-template-form p{margin:0}.business-template-form h2{font-size:17px}.business-template-form header p:last-child{margin-top:4px;color:var(--muted);font-size:9px}.business-template-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.business-template-form .wide{grid-column:1/-1}.business-template-default{display:flex!important;flex-direction:row;align-items:center;gap:8px!important}.business-template-default input{width:16px;height:16px}.business-template-settings{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #e2e5e8;border-radius:9px;background:#fafbf8}.business-template-form>footer{display:flex;justify-content:flex-end;margin-top:10px}@media(max-width:900px){.business-template-toolbar{grid-template-columns:1fr 1fr}.business-template-decision{align-items:flex-start;flex-direction:column}.business-template-list{grid-template-columns:1fr}}@media(max-width:580px){.business-template-toolbar,.business-template-form-grid,.business-template-settings{grid-template-columns:1fr}.business-template-form .wide,.business-template-settings .wide{grid-column:auto}.business-template-card>footer{align-items:stretch;flex-direction:column}.business-template-card>footer .text-button{margin-left:0}.business-template-values{grid-template-columns:1fr}}

.business-template-document{margin:9px 0!important;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe4d0;border-radius:8px;background:#f8f9f3;color:#5c6740}.business-template-document>span{display:flex;align-items:flex-start;gap:8px}.business-template-document>span:first-child{min-width:0;flex-direction:column;gap:2px}.business-template-document b,.business-template-document small{display:block;overflow-wrap:anywhere}.business-template-document b{font-size:9px}.business-template-document small{color:var(--muted);font-size:8px}.business-template-document .text-button{white-space:nowrap;font-size:8.5px}.business-template-file{padding:12px;display:grid;gap:9px;border:1px solid #dce1e4;border-radius:9px;background:#f8f9fa}.business-template-file>div{display:grid;gap:2px}.business-template-file strong{font-size:10px}.business-template-file small{color:var(--muted);font-size:8.5px;line-height:1.45}.business-template-inherit{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:8px!important;padding:8px;border-radius:7px;background:#eef2e3;color:#4e5734!important}.business-template-inherit input{width:16px!important;height:16px!important}
.aue-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.aue-kpis article{padding:17px 19px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;gap:4px}.aue-kpis strong{font-size:25px}.aue-kpis span{color:var(--muted);font-size:12px}.aue-workforce{padding:0;overflow:hidden}.aue-workforce-toolbar{padding:14px;display:grid;grid-template-columns:minmax(260px,1fr) 170px;gap:10px;border-bottom:1px solid var(--line)}.aue-workforce-toolbar input,.aue-workforce-toolbar select{min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}.aue-worker-table{max-height:390px;overflow:auto;border-bottom:1px solid var(--line)}.aue-worker-row{width:100%;display:grid;grid-template-columns:auto minmax(180px,1.2fr) minmax(160px,1fr) 100px minmax(90px,.7fr) auto;align-items:center;gap:12px;padding:12px 15px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:inherit;cursor:pointer}.aue-worker-row:hover,.aue-worker-row.active{background:#f1f3e8}.aue-worker-row>span:not(.avatar):not(.aue-status){min-width:0;display:grid;gap:3px}.aue-worker-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aue-open-counts{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:4px}.aue-open-counts b{padding:3px 6px;border-radius:999px;background:#fff1d7;color:#755414;font-size:10px}.aue-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#edf0f3;color:#596a80;font-size:10px;font-weight:800}.aue-status.active,.aue-status.approved{background:#e9f2dc;color:#4f6428}.aue-status.rejected,.aue-status.cancelled,.aue-status.blocked{background:#f8e7e3;color:#914332}.aue-status.submitted,.aue-status.planned,.aue-status.unclaimed{background:#fff1d7;color:#755414}.aue-worker-detail{padding:20px;display:grid;gap:18px}.aue-worker-detail>header{display:flex;justify-content:space-between;align-items:start}.aue-worker-detail h2{margin:0}.aue-worker-detail header p:last-child{margin:5px 0 0;color:var(--muted)}.aue-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aue-detail-grid>article,.aue-history{padding:17px;border:1px solid var(--line);border-radius:11px;background:#fbfcfd}.aue-detail-grid h3,.aue-history h3{margin:0 0 12px}.aue-detail-grid dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:7px 12px;font-size:13px}.aue-detail-grid dt{color:var(--muted)}.aue-detail-grid dd{margin:0}.aue-record{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.aue-record:first-of-type{border-top:0}.aue-record>span:first-child{min-width:0;display:grid;gap:3px}.aue-record small{color:var(--muted);overflow-wrap:anywhere}.aue-decisions{display:flex;gap:5px}.aue-decisions button{padding:6px 8px;border:1px solid #cdd5bf;border-radius:7px;background:#fff;color:#4e5c35;font:inherit;font-size:11px;cursor:pointer}.aue-decisions button.danger{border-color:#ebc8c2;color:#934533}.aue-history>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.aue-history>div:first-of-type{border-top:0}.aue-history time{color:var(--muted);font-size:12px}.aue-history span{display:grid;gap:2px}.aue-history small{color:var(--muted)}@media(max-width:1050px){.aue-worker-row{grid-template-columns:auto 1fr auto}.aue-worker-row>span:nth-child(3),.aue-worker-row>span:nth-child(4),.aue-worker-row>span:nth-child(5){display:none!important}.aue-detail-grid{grid-template-columns:1fr}}@media(max-width:700px){.aue-kpis{grid-template-columns:1fr}.aue-workforce-toolbar{grid-template-columns:1fr}.aue-history>div{grid-template-columns:1fr}}
.aue-editor{margin:0 0 4px;border:1px solid var(--line);border-radius:14px;background:#fbfcf8}.aue-editor>summary{cursor:pointer;padding:14px 16px;font-weight:700;color:var(--ink)}.aue-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px 16px}.aue-editor form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:12px;background:#fff;border:1px solid var(--line)}.aue-editor form h3,.aue-editor form .wide{grid-column:1/-1}.aue-editor label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.aue-editor input,.aue-editor select,.aue-editor textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff;color:var(--ink);font:inherit}@media(max-width:900px){.aue-editor-grid,.aue-editor form{grid-template-columns:1fr}.aue-editor form h3,.aue-editor form .wide{grid-column:1}}

.customer-contact{width:100%;display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.customer-contact:first-child{border-top:0}.customer-contact>span{min-width:0;display:grid;gap:3px}.customer-contact small{color:var(--muted);font-size:8.5px}.customer-contact-avatar{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e7ebd7;color:#5c6538;font-size:9px;font-weight:850}.customer-activity{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid var(--line)}.customer-activity:first-of-type{border-top:0}.customer-activity-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eef1e5;color:#626a40}.customer-activity header{display:flex;justify-content:space-between;gap:10px}.customer-activity time{color:var(--muted);font-size:9px}.customer-activity>div{min-width:0;display:grid;gap:4px}.customer-activity p{margin:0;color:#505a63;font-size:10px;line-height:1.5;white-space:pre-wrap}.customer-activity small{color:var(--muted);font-size:8.5px}.customer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:16px 0}.customer-form-grid label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:750}.customer-form-grid input{width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit}.customer-form-grid .wide{grid-column:1/-1}@media(max-width:760px){.customer-form-grid{grid-template-columns:1fr}.customer-form-grid .wide{grid-column:auto}.customer-activity{grid-template-columns:1fr}}

.requirement-contract{display:block;margin-top:5px;color:#8a6330;font-weight:800}.requirement-contract.complete{color:#557037}.commercial-dialog{width:min(760px,calc(100vw - 28px))}.commercial-dialog-content{padding:20px}.commercial-dialog-content>header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:13px}.commercial-dialog-content h2,.commercial-dialog-content p{margin:0}.commercial-status{display:grid;gap:4px;margin:14px 0;padding:12px 14px;border-radius:9px;background:#eff2e5}.commercial-status strong{font-size:14px}.commercial-status span{color:var(--muted);font-size:10px}.commercial-dialog-content form{display:grid;gap:11px}.commercial-dialog-content label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:750}.commercial-dialog-content select,.commercial-dialog-content textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.commercial-dialog-content>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.commercial-summary{display:grid;grid-template-columns:130px 1fr;gap:8px 12px;padding:12px;border:1px solid var(--line);border-radius:9px}.commercial-summary dt{color:var(--muted);font-size:10px}.commercial-summary dd{margin:0;font-size:10px;font-weight:700}.commercial-history{margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.commercial-history h3{margin:0 0 8px}.commercial-history>div{display:grid;grid-template-columns:145px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.commercial-history time,.commercial-history small{color:var(--muted);font-size:9px}.commercial-history span{display:grid;gap:2px}@media(max-width:650px){.commercial-summary,.commercial-history>div{grid-template-columns:1fr}.commercial-dialog-content>footer{align-items:stretch;flex-direction:column}}

/* Kunden-CRM */
.customer-crm-kpis{display:flex;gap:7px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}.customer-crm-kpis button{min-width:116px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);text-align:left;cursor:pointer}.customer-crm-kpis button.active{border-color:#aab27c;background:#eff2e4;color:#454d2d}.customer-crm-kpis strong,.customer-crm-kpis span{display:block}.customer-crm-kpis strong{font-size:13px}.customer-crm-kpis span{margin-top:2px;font-size:9px;font-weight:700}.customer-crm-shell{display:grid;grid-template-columns:minmax(340px,42%) minmax(0,58%);min-height:650px;padding:0;overflow:hidden}.customer-crm-shell>aside{border-right:1px solid var(--line);background:#fbfcfa}.customer-crm-shell>article{min-width:0;max-height:calc(100vh - 220px);overflow:auto;background:#fff}.customer-crm-toolbar{display:flex;gap:8px;padding:13px;border-bottom:1px solid var(--line)}.customer-crm-toolbar input{min-width:0;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}.customer-crm-row{width:100%;display:grid;grid-template-columns:auto minmax(150px,1.35fr) minmax(120px,1fr) minmax(110px,.9fr) auto;align-items:center;gap:10px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer}.customer-crm-row:hover,.customer-crm-row.active{background:#f0f3e6}.customer-crm-row.active{box-shadow:inset 3px 0 #7d854e}.customer-crm-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e7ebd7;color:#5c6538;font-size:11px;font-weight:850}.customer-crm-row>span:not(.customer-crm-avatar){min-width:0;display:grid;gap:3px}.customer-crm-row strong,.customer-crm-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-crm-row strong{font-size:10px}.customer-crm-row small{color:var(--muted);font-size:8px}.customer-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--line)}.customer-detail-heading h2,.customer-detail-heading p{margin:0}.customer-detail-heading h2{font-size:20px}.customer-detail-heading>div:last-child{display:flex;align-items:center;gap:8px}.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 20px 0}.customer-detail-grid>article,.customer-activity-entry,.customer-timeline{padding:15px;border:1px solid var(--line);border-radius:11px;background:#fbfcfa}.customer-detail-grid h3,.customer-activity-entry h3,.customer-timeline h3{margin:0 0 11px;font-size:13px}.customer-detail-grid form,.customer-activity-entry form,.customer-detail-grid details form{display:grid;gap:9px}.customer-detail-grid label,.customer-activity-entry label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:750}.customer-detail-grid input,.customer-detail-grid select,.customer-detail-grid textarea,.customer-activity-entry input,.customer-activity-entry select,.customer-activity-entry textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit}.customer-detail-grid dl{display:grid;grid-template-columns:90px 1fr;gap:7px;margin:0;font-size:10px}.customer-detail-grid dt{color:var(--muted)}.customer-detail-grid dd{margin:0}.customer-contact-card,.customer-followup,.customer-requirement-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;text-align:left}.customer-requirement-row{cursor:pointer}.customer-contact-card:first-child,.customer-followup:first-child,.customer-requirement-row:first-child{border-top:0}.customer-contact-card>span,.customer-followup>span,.customer-requirement-row>span{min-width:0;display:grid;gap:3px}.customer-contact-card small,.customer-followup small,.customer-requirement-row small{color:var(--muted);font-size:8.5px}.customer-activity-entry{margin:14px 20px 0}.customer-activity-entry .form-row{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-timeline{margin:14px 20px 20px}.customer-timeline>header{display:flex;justify-content:space-between;align-items:center}.customer-timeline>header span{color:var(--muted);font-size:9px}.customer-activity-card{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.customer-activity-card time{color:var(--muted);font-size:9px}.customer-activity-card>div{min-width:0;display:grid;gap:4px}.customer-activity-card p{margin:0;color:#505a63;font-size:10px;line-height:1.5;white-space:pre-wrap}.customer-activity-card small{color:var(--muted);font-size:8.5px}.check-row{display:flex!important;align-items:center;grid-template-columns:none!important}.check-row input{width:15px!important}.compact-empty{padding:22px 12px!important}@media(max-width:1180px){.customer-crm-shell{grid-template-columns:minmax(300px,40%) minmax(0,60%)}.customer-crm-row{grid-template-columns:auto minmax(130px,1fr) auto}.customer-crm-row>span:nth-child(3),.customer-crm-row>span:nth-child(4){display:none}.customer-detail-grid{grid-template-columns:1fr}.customer-activity-entry .form-row{grid-template-columns:1fr 1fr}}@media(max-width:760px){.customer-crm-shell{grid-template-columns:1fr}.customer-crm-shell>aside{border-right:0;border-bottom:1px solid var(--line)}.customer-crm-shell>article{max-height:none}.customer-detail-heading{flex-direction:column}.customer-activity-entry .form-row{grid-template-columns:1fr}.customer-activity-card{grid-template-columns:1fr}}
.customer-create-dialog{width:min(860px,94vw);max-height:92vh}.customer-create-dialog form{max-height:88vh;overflow:auto}.customer-ai-research{margin-top:14px;padding:16px;border:1px solid #b7bf88;border-radius:12px;background:linear-gradient(135deg,#f2f4e8,#fbfcf7)}.customer-ai-research h3,.customer-ai-research p{margin:0 0 7px}.customer-research-grid{display:grid;grid-template-columns:1fr 160px;gap:10px;margin:13px 0}.customer-research-grid label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:750}.customer-research-grid input{width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit}.customer-research-grid .wide{grid-column:1/-1}.customer-research-progress{display:grid;gap:7px;margin:11px 0 8px}.customer-research-progress[hidden]{display:none}.customer-research-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#dfe3cf}.customer-research-progress-track span{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65703b,#9aa761,#65703b);background-size:200% 100%;animation:customer-research-loading 1.15s linear infinite}.customer-research-progress-copy{display:flex;justify-content:space-between;gap:12px;color:#4f582e;font-size:10px}.customer-research-progress.succeeded .customer-research-progress-track span{width:100%;animation:none;background:#758349}.customer-research-progress.failed .customer-research-progress-track span{width:100%;animation:none;background:#a45b4b}.customer-research-progress.failed .customer-research-progress-copy{color:#8c4638}@keyframes customer-research-loading{0%{transform:translateX(-105%);background-position:0 0}100%{transform:translateX(275%);background-position:200% 0}}.customer-research-summary{margin-top:12px;padding:12px;border-radius:9px;background:#fff;border:1px solid var(--line)}.customer-research-summary header,.customer-web-findings>header{display:flex;justify-content:space-between;gap:12px}.customer-location-warning{margin:9px 0!important;padding:9px 10px;border-radius:7px;background:#fff4dc;color:#79561f;font-weight:700}.customer-research-jobs{margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fafbf6}.customer-research-jobs>div,.customer-research-jobs li{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-research-jobs h4{margin:0}.customer-research-jobs ul{padding:0;margin:8px 0 0;list-style:none}.customer-research-jobs li{padding:8px 0;border-top:1px solid var(--line)}.customer-research-jobs li span{display:grid;gap:2px}.customer-research-jobs a{white-space:nowrap;font-size:9px;font-weight:750}.customer-research-summary ul,.customer-web-findings ul{margin:10px 0 0;padding-left:18px}.customer-research-summary li{margin:6px 0}.customer-research-summary li span{color:var(--muted);font-size:9px}.customer-web-findings{margin:14px 20px 0;padding:15px;border:1px solid #c4ca9c;border-radius:11px;background:#f8faef}.customer-web-findings h3,.customer-web-findings p{margin:0}.customer-discovery-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.customer-discovery-list article>div{display:grid;gap:3px}.customer-discovery-list small,.customer-discovery-list p,.customer-web-findings li span,.customer-research-note{color:var(--muted);font-size:9px}.customer-web-findings li{display:flex;justify-content:space-between;gap:10px;margin:5px 0}.customer-web-findings a{overflow-wrap:anywhere}@media(max-width:760px){.customer-research-grid{grid-template-columns:1fr}.customer-research-grid .wide{grid-column:auto}.customer-discovery-list article,.customer-research-jobs li{align-items:flex-start;flex-direction:column}}
.customer-platform-checks{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.customer-create-contacts{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#f8f9f5}.customer-create-contacts>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.customer-create-contacts h3,.customer-create-contacts p{margin:0}.customer-create-contacts p{margin-top:4px;color:var(--muted);font-size:9.5px}.customer-create-contact{margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.customer-create-contact>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.customer-create-contact>header label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750}.customer-create-contact>a{display:inline-block;margin-top:7px;font-size:9px;font-weight:750}.customer-create-contact .customer-form-grid{margin:0}.customer-create-contact:has([data-contact-enabled]:not(:checked)){opacity:.55}.customer-create-contact:has([data-contact-enabled]:not(:checked)) .customer-form-grid{pointer-events:none}@media(max-width:760px){.customer-create-contacts>header{flex-direction:column}.customer-create-contact .customer-form-grid{grid-template-columns:1fr}}

/* Customer CRM interaction controls */
.customer-crm-shell.detail-closed{grid-template-columns:1fr}
.customer-crm-shell.detail-closed>aside{border-right:0}
.customer-crm-shell.detail-closed>article{display:none}
.customer-scope-note{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;border:1px solid #d9deca;border-radius:10px;background:#f5f7ef;color:#4d5730}.customer-scope-note strong{font-size:11px}.customer-scope-note span{color:var(--muted);font-size:9px}.customer-detail-heading [data-convert-sales-lead]:disabled{cursor:not-allowed;opacity:.55}
.customer-crm-toolbar input{min-width:160px}
.customer-crm-toolbar select{min-width:125px;padding:9px 30px 9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}
.customer-contact{padding:9px 7px;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:7px}
.customer-contact:first-child{border-top-color:transparent}
.customer-contact:hover,.customer-contact:focus-visible{background:#f0f3e6;outline:none}
.customer-contact-open{margin-left:auto!important;color:var(--muted);font-size:18px}
.customer-contact-meta{display:grid;grid-template-columns:120px 1fr;gap:8px;margin:0;padding:13px;border-radius:10px;background:#f7f8f5;font-size:10px}
.customer-contact-meta dt{color:var(--muted)}
.customer-contact-meta dd{margin:0}
.customer-discovery-details{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.customer-discovery-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;background:#f7f8f3}
.customer-discovery-details>summary::-webkit-details-marker{display:none}
.customer-discovery-details>summary span:first-child{display:grid;gap:2px}
.customer-discovery-details>summary small{color:var(--muted);font-size:8.5px}
.customer-discovery-details>summary span:last-child{font-size:16px;transition:transform .18s ease}
.customer-discovery-details[open]>summary span:last-child{transform:rotate(180deg)}
.customer-discovery-details .customer-discovery-list{padding:0 12px 8px}
.customer-source-details{margin-top:10px}
@media(max-width:760px){.customer-crm-toolbar{flex-wrap:wrap}.customer-crm-toolbar input{flex-basis:100%}.customer-crm-toolbar select{flex:1}}
.customer-research-option{margin:0 0 12px;padding:10px 11px;display:flex;align-items:flex-start;gap:9px;border:1px solid #d5dac0;border-radius:8px;background:#fff;cursor:pointer}.customer-research-option input{width:17px;height:17px;margin:1px 0 0;accent-color:#78834b}.customer-research-option span{display:grid;gap:2px}.customer-research-option strong{font-size:10px}.customer-research-option small{color:var(--muted);font-size:9px;font-weight:400}.customer-research-disabled{margin-top:12px!important;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fafbf6;color:var(--muted)}
.customer-detail-heading .primary-button.compact,
[data-customer-requirement]{white-space:nowrap;min-width:max-content}
.requirement-dialog-v2{width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 32px)}
.requirement-dialog-v2 form{max-height:calc(100vh - 64px);overflow:auto}
.requirement-dialog-v2 .requirement-step{padding-bottom:1rem}
.requirement-choice-group{display:grid;gap:.55rem;padding:.8rem;border:1px solid var(--line,#dfe3d4);border-radius:12px}
.requirement-choice-group label{display:flex;align-items:flex-start;gap:.5rem}
.requirement-choice-group.wide{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:.8rem 0}
.requirement-dialog-v2 #requirement-form-message.success{color:#2f815b}
.requirement-dialog-v2 .requirement-service-choices{min-width:0;width:100%;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.65rem}
.requirement-dialog-v2 .requirement-service-choices legend{padding:0 .35rem;font-size:12px;font-weight:700}
.requirement-dialog-v2 .requirement-service-choices label{min-width:0;min-height:44px;padding:.4rem .5rem;align-items:center;border:1px solid var(--line,#dfe3d4);border-radius:8px;background:var(--surface,#fff);font-size:11px;line-height:1.35;cursor:pointer}
.requirement-dialog-v2 .requirement-choice-group input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:var(--oj,#78834b)}
.requirement-dialog-v2 .requirement-service-choices label:has(input:checked){border-color:var(--oj,#78834b);background:#eef0e5}
.requirement-languages{margin:.8rem 0;padding:.9rem;border:1px solid var(--line,#dfe3d4);border-radius:12px}
.requirement-languages>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem}
.requirement-language-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;gap:.55rem;margin-top:.5rem}
.requirement-commercial-card{padding:1rem;margin:.75rem 0;border:1px solid var(--line,#dfe3d4);border-radius:14px;background:var(--surface,#fff)}
.requirement-commercial-card h3{margin:0 0 .8rem}
@media(max-width:760px){.requirement-language-row{grid-template-columns:1fr}.requirement-dialog-v2{width:calc(100vw - 12px)}}
@media(max-width:900px){.requirement-dialog-v2 .requirement-service-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.requirement-dialog-v2 form{padding:14px}.requirement-dialog-v2 .form-row{grid-template-columns:minmax(0,1fr)}.requirement-dialog-v2 .requirement-service-choices{grid-template-columns:minmax(0,1fr)}.requirement-dialog-v2 .requirement-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.requirement-dialog-v2 footer{flex-wrap:wrap}.requirement-dialog-v2 .requirement-languages>div:first-child{flex-wrap:wrap}}
.candidate-travel-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem;padding:.8rem;margin:.7rem 0;border:1px solid var(--line,#dfe3d4);border-radius:12px}
.candidate-travel-choice>label{display:flex;gap:.45rem;align-items:center}.candidate-travel-countries{display:flex;gap:.8rem;flex-wrap:wrap;grid-column:1/-1}
.language-tags{display:flex;flex-wrap:wrap;gap:.35rem}.language-tag{display:inline-flex;padding:.2rem .55rem;border-radius:999px;background:#eef1df;color:#4f5e2c;font-size:.82rem;font-weight:700}
.candidate-language-editor{display:grid;gap:.65rem}.candidate-language-editor>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:1rem}.candidate-language-editor>[data-candidate-languages]{display:grid;gap:.55rem}.candidate-language-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.55rem;padding:.65rem;border:1px solid var(--line,#dfe3d8);border-radius:.75rem;background:#fafbf7}.candidate-language-row .icon-button{margin-bottom:.1rem}@media(max-width:720px){.candidate-language-row{grid-template-columns:1fr}.candidate-language-row .icon-button{justify-self:end}.candidate-language-editor>div:first-child{align-items:flex-start;flex-direction:column}}
.customer-requirement-row:hover{color:#525a32}.customer-requirement-state{justify-items:end}.customer-requirement-state>small{font-weight:750;color:#687044}
/* Department order worklists */
.department-order-summary{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:12px;margin:0 0 16px}
.department-order-summary article{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border:1px solid var(--line,#dfe3d7);border-radius:14px;background:#fff}
.department-order-summary strong{font-size:1.45rem;color:var(--olive-dark,#59602f)}
.department-order-summary span{color:var(--muted,#68717a)}
.department-order-list{display:grid;gap:0;padding:0;overflow:hidden}
.department-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(190px,auto);gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line,#dfe3d7)}
.department-order-row:last-child{border-bottom:0}
.department-order-row h3,.department-order-row p{margin:0 0 4px}
.department-order-row span,.department-order-row small{display:block}
.department-order-row small{margin-top:5px;color:var(--muted,#68717a)}
.department-order-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.marketing-create-dialog{width:min(620px,calc(100vw - 32px))}
@media (max-width:900px){.department-order-row{grid-template-columns:1fr}.department-order-actions{justify-content:flex-start}.department-order-summary{grid-template-columns:repeat(2,1fr)}}
.marketing-agent-panel{margin-bottom:16px;padding:0;overflow:hidden;border-color:#d9e0c2;background:linear-gradient(135deg,#fbfcf7 0,#fff 58%)}
.marketing-agent-panel>header{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line)}
.marketing-agent-panel h2{margin:2px 0 4px;font-size:18px}.marketing-agent-panel header p:last-child{margin:0;color:var(--muted);font-size:11px}
.marketing-agent-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#707948,#9ca86b);color:#fff;font-size:18px;font-weight:900;box-shadow:0 7px 18px rgba(80,91,45,.2)}
.marketing-agent-chat{display:grid;gap:8px;max-height:260px;padding:16px 18px;overflow:auto;background:rgba(250,251,246,.78)}
.marketing-agent-chat article{max-width:min(720px,88%);padding:10px 13px;border:1px solid var(--line);border-radius:4px 13px 13px;background:#fff}.marketing-agent-chat article.user{justify-self:end;border-color:#d9dfbd;border-radius:13px 4px 13px 13px;background:#eef1df}.marketing-agent-chat strong{display:block;margin-bottom:3px;color:#66703f;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.marketing-agent-chat p{margin:0;font-size:12px;line-height:1.5;white-space:pre-wrap}
.marketing-agent-composer{padding:14px 18px 16px;background:#fff}.marketing-agent-composer textarea{width:100%;resize:vertical;min-height:62px;padding:12px 13px;border:1px solid #cfd5bd;border-radius:10px;background:#fff;font:inherit;line-height:1.45}.marketing-agent-composer textarea:focus{outline:0;border-color:var(--oj);box-shadow:0 0 0 3px rgba(163,170,112,.14)}.marketing-agent-composer>div{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:9px}.marketing-agent-composer small{margin-right:auto;color:var(--muted);font-size:10px}
.meta-business-summary{display:grid;grid-template-columns:1.5fr repeat(3,minmax(130px,.6fr));gap:10px;margin-bottom:12px}.meta-business-summary article{display:grid;gap:3px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fff}.meta-business-summary span,.meta-business-summary small{color:var(--muted);font-size:10px}.meta-business-summary strong{font-size:18px}.meta-business-summary article:first-child strong{font-size:13px}
.meta-campaign-library{margin-bottom:16px;padding:0;overflow:hidden}.meta-campaign-library>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 17px;border-bottom:1px solid var(--line)}.meta-campaign-library h2{margin:2px 0 3px}.meta-campaign-library header p:last-child{margin:0;color:var(--muted);font-size:10.5px}
.meta-campaign-toolbar{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:#f8f9f6}.meta-campaign-toolbar>input{flex:1;min-width:220px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.meta-campaign-toolbar>input:focus{outline:0;border-color:var(--oj)}
.meta-object-tabs{display:flex;align-items:stretch;gap:4px;padding:10px 14px 0;border-bottom:1px solid var(--line);background:#f5f7f8}.meta-object-tabs>button{min-height:40px;padding:0 15px;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:transparent;color:#59616b;font-weight:750;cursor:pointer}.meta-object-tabs>button.active{border-color:var(--line);background:#fff;color:#66703f}.meta-object-tabs>button:disabled{opacity:.56;cursor:not-allowed}.meta-object-tabs>button span{margin-left:5px;padding:2px 6px;border-radius:99px;background:#edf0e3;font-size:9px}.meta-object-tabs>span{margin-left:auto;align-self:center;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:10px}
.meta-campaign-actionbar{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--line);background:#fff}.meta-campaign-actionbar small{margin-left:auto;color:var(--muted);font-size:9.5px}.meta-campaign-actionbar button:disabled{opacity:.45}
.meta-campaign-table-wrap{overflow:auto;max-height:560px}.meta-campaign-table{width:100%;min-width:920px;border-collapse:collapse}.meta-campaign-table th{position:sticky;top:0;z-index:2;padding:10px 12px;border-bottom:1px solid var(--line);background:#f7f8f5;color:#59616c;font-size:10px;text-align:left;white-space:nowrap}.meta-campaign-table td{padding:12px;border-bottom:1px solid #eaeced;color:#454c55;font-size:11px;vertical-align:middle}.meta-campaign-table tbody tr:hover{background:#f9faf5}.meta-campaign-table td:first-child{min-width:230px}.meta-campaign-table td strong,.meta-campaign-table td small{display:block}.meta-campaign-table td:first-child strong{color:#286497;font-size:11.5px}.meta-campaign-table td small{margin-top:3px;color:var(--muted);font-size:9.5px}
.meta-delivery-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.meta-delivery-status i{width:8px;height:8px;border-radius:50%;background:#bec4c9}.meta-delivery-status.active i{background:#32a764}.meta-delivery-status.with_issues i,.meta-delivery-status.disapproved i{background:#d45f53}.meta-delivery-status.in_process i,.meta-delivery-status.pending_review i{background:#dda13f}.meta-campaign-notice,.meta-campaign-error{margin:12px 14px;padding:10px 12px;border-radius:8px;font-size:10.5px}.meta-campaign-notice{background:#fff8e8;color:#876724}.meta-campaign-error{display:grid;gap:3px;background:#fff3f0;color:#9c443b}
@media(max-width:900px){.marketing-agent-panel>header{grid-template-columns:46px 1fr}.marketing-agent-panel>header>.status-pill{grid-column:1/-1;justify-self:start}.marketing-agent-composer>div{flex-wrap:wrap}.marketing-agent-composer small{flex-basis:100%}.meta-business-summary{grid-template-columns:repeat(2,1fr)}.meta-campaign-toolbar{align-items:stretch;flex-direction:column}.meta-campaign-toolbar .segmented{overflow:auto}.meta-campaign-toolbar .segmented button{white-space:nowrap}.meta-object-tabs{overflow:auto}.meta-object-tabs>span{display:none}.meta-campaign-actionbar{overflow:auto}.meta-campaign-actionbar small{display:none}}
/* Marketing control center (Kampagnen/Anzeigengruppen/Werbeanzeigen) – OJ design, no Meta branding */
.meta-control-center{position:relative}
.meta-range-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}.meta-range-controls label{display:grid;gap:3px;color:var(--muted);font-size:10px}.meta-range-controls select,.meta-custom-range input{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.meta-custom-range{display:inline-flex;align-items:center;gap:6px}
.meta-control-center .meta-campaign-actionbar{flex-wrap:wrap}.meta-control-center .meta-campaign-actionbar>strong{font-size:11px;color:#4f5646;margin-right:4px}.meta-control-center .meta-campaign-actionbar small{flex-basis:100%;margin-left:0}
.meta-insights-notice{margin:10px 14px 0;padding:9px 12px;border-radius:8px;background:#fff8e8;color:#876724;font-size:10.5px}
.meta-control-center .meta-campaign-table td:first-child{min-width:0}.meta-control-center .meta-campaign-table td:first-child strong{color:inherit}
.meta-control-center .meta-campaign-table .col-name{min-width:230px}.meta-control-center .meta-campaign-table .col-name strong{color:#566035;font-size:11.5px}
.meta-control-center .meta-campaign-table th button{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:750;cursor:pointer;white-space:nowrap}.meta-control-center .meta-campaign-table th button:hover,.meta-control-center .meta-campaign-table th button:focus-visible{color:#66703f;text-decoration:underline}
.meta-control-center .meta-campaign-table th.numeric,.meta-control-center .meta-campaign-table td.numeric{text-align:right;white-space:nowrap}
.meta-select-cell{width:38px;text-align:center}.meta-select-cell input{width:15px;height:15px;accent-color:var(--oj-dark)}
.meta-control-center tbody tr[data-meta-row]{cursor:pointer}.meta-control-center tbody tr[data-meta-row]:focus-visible{outline:2px solid var(--oj);outline-offset:-2px}.meta-control-center tbody tr.selected{background:#f1f4e6}
.meta-onoff{display:inline-flex;width:30px;height:16px;padding:2px;border-radius:99px;background:#d7dadf}.meta-onoff i{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.meta-onoff.on{justify-content:flex-end;background:var(--oj-dark)}
.meta-delivery-status.paused i{background:#9aa1a9}.meta-delivery-status.issues i{background:#d45f53}.meta-delivery-status.review i{background:#dda13f}.meta-issue-hint{color:#9c443b!important}
.meta-targeting{display:block;max-width:260px;white-space:normal;line-height:1.4}.meta-creative-preview{display:block;max-width:260px;white-space:normal}
.meta-object-drawer{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(460px,100vw);overflow:auto;border-left:1px solid var(--line);background:#fff;box-shadow:-18px 0 40px rgba(25,31,43,.12)}
.meta-object-drawer>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:#fff}.meta-object-drawer h2{margin:2px 0 6px;font-size:16px;overflow-wrap:anywhere}
.meta-drawer-body{display:grid;gap:4px;padding:6px 18px 24px}.meta-drawer-body section{padding:12px 0;border-bottom:1px solid #eef0f2}.meta-drawer-body h3{margin:0 0 8px;color:#66703f;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.meta-drawer-body dl{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:6px 10px;margin:0;font-size:11px}.meta-drawer-body dt{color:var(--muted)}.meta-drawer-body dd{margin:0;overflow-wrap:anywhere}.meta-drawer-body p{margin:0;font-size:11px;color:#4f5660}
.meta-issue-list{display:grid;gap:6px;margin:0;padding-left:16px;font-size:11px}.meta-issue-list span{display:block;color:var(--muted)}
.meta-drawer-hint{margin-top:8px!important;color:var(--muted)!important;font-size:10px!important}.meta-drawer-actions{display:flex;flex-wrap:wrap;gap:8px;border-bottom:0!important}.meta-drawer-actions small{flex-basis:100%;color:var(--muted);font-size:10px}.meta-drawer-actions button:disabled{opacity:.45;cursor:not-allowed}
/* Marketing-Agent: persistent conversations */
.marketing-agent-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:360px}
.marketing-agent-conversations{display:flex;flex-direction:column;gap:8px;padding:14px;border-right:1px solid var(--line);background:#fafbf7}.marketing-agent-conversations-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}
[data-agent-conversation-list]{display:grid;gap:4px;max-height:320px;overflow:auto}[data-agent-conversation-list] button{display:grid;gap:2px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer}[data-agent-conversation-list] button.active{border-color:#d9dfbd;background:#eef1df}[data-agent-conversation-list] button.archived{opacity:.7}[data-agent-conversation-list] strong{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-agent-conversation-list] small{color:var(--muted);font-size:9.5px}
.marketing-agent-archived-toggle{margin-top:auto;color:var(--muted);font-size:10px}.marketing-agent-empty{margin:0;color:var(--muted);font-size:11px}
.marketing-agent-main{display:flex;flex-direction:column;min-width:0}.marketing-agent-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:11px}.marketing-agent-context>strong{margin-right:auto}
.marketing-agent-main .marketing-agent-chat{max-height:420px;flex:1}.marketing-agent-chat footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;color:var(--muted);font-size:9.5px}.marketing-agent-chat footer time{margin-left:auto}
.agent-state{display:inline-flex;align-items:center;gap:6px}.agent-state.error{color:#9c443b}.agent-state.processing i{width:10px;height:10px;border:2px solid #cfd5bd;border-top-color:var(--oj-dark);border-radius:50%;animation:agent-spin .8s linear infinite}@keyframes agent-spin{to{transform:rotate(360deg)}}
.agent-not-connected{display:grid;gap:2px;padding:9px 12px;border:1px dashed #d8c28a;border-radius:9px;background:#fffaf0;color:#7a5d1f;font-size:10.5px}
.agent-suggestion{display:grid;gap:8px;margin-top:8px}.agent-suggestion-head{display:flex;flex-wrap:wrap;gap:6px}.agent-patch-preview{width:100%;border-collapse:collapse;font-size:11px}.agent-patch-preview caption{text-align:left;color:#66703f;font-size:10px;font-weight:750;padding-bottom:4px}.agent-patch-preview th,.agent-patch-preview td{padding:5px 7px;border:1px solid var(--line);text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.agent-patch-preview th{width:34%;background:#f7f8f3;color:#59616c}
.agent-missing ul,.agent-warnings{display:grid;gap:3px;margin:4px 0 0;padding-left:0;list-style:none;font-size:11px}.agent-warnings li{padding:5px 8px;border-radius:7px;background:#fff8e8;color:#876724}
.marketing-agent-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px 0;background:#fff}.marketing-agent-suggestions button{padding:6px 10px;border:1px solid #dfe3cf;border-radius:99px;background:#f7f8f1;color:#4f5646;font-size:10.5px;cursor:pointer}.marketing-agent-suggestions button:hover{border-color:var(--oj)}
.marketing-agent-readonly{margin:0;padding:14px 18px;color:var(--muted);font-size:11px}.marketing-agent-legacy{margin:0 18px 14px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;font-size:10.5px}.marketing-agent-legacy summary{cursor:pointer;color:var(--muted)}.marketing-agent-legacy p{margin:6px 0}
@media(max-width:900px){.meta-range-controls{width:100%}.meta-campaign-library>header{flex-direction:column;align-items:stretch}.marketing-agent-layout{grid-template-columns:1fr}.marketing-agent-conversations{border-right:0;border-bottom:1px solid var(--line)}[data-agent-conversation-list]{max-height:160px}.meta-drawer-body dl{grid-template-columns:1fr}}

/* V4: Die Teamleiste bleibt eine darüberliegende Ebene und verkleinert den Inhaltsbereich nicht.
   Solange sie offen ist, weichen nur Kopf- und Aktionszeilen nach links aus, damit Suche, Filter
   und Hauptaktionen erreichbar bleiben; Inhalte darunter werden überlagert, aber nicht beschnitten. */
@media (min-width: 1181px) {
  body:not(.team-collapsed) .topbar { padding-right: calc(var(--team) + 24px); }
  body:not(.team-collapsed) .main-content .page-heading,
  body:not(.team-collapsed) .main-content .module-toolbar { padding-right: calc(var(--team) - clamp(24px, 3vw, 46px) + 16px); flex-wrap: wrap; }
}
/* RBAC V5: Platzhalter-Bereiche sind in der Navigation erkennbar nicht funktionsfähig; Hinweis bei fehlendem Zugriff. */
#main-navigation .nav-item-prepared{opacity:.72;font-style:italic}
#main-navigation .nav-prepared-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;font-size:10px;font-style:normal;line-height:16px;background:rgba(120,120,120,.16);color:inherit;white-space:nowrap}
.permission-denied-panel{max-width:720px}
.permission-denied-panel p{overflow-wrap:anywhere}
/* V6: Lead-Lebenszyklus – Hinweis ohne bestätigten Bedarf, Wiedervorlage-Aktionen, Rückmeldung. */
.customer-conversion-hint{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:rgba(120,120,120,.10);font-size:13px;overflow-wrap:anywhere}
.customer-conversion-hint.attention{background:rgba(214,158,46,.16)}
.customer-notice{margin:8px 0 0;overflow-wrap:anywhere}
.customer-followup{flex-wrap:wrap;gap:6px}
.customer-followup-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%}
.customer-followup-move{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px}
.customer-followup-move input{max-width:100%}
/* V7: One.com-Zustand der eigenen Wiedervorlagen und wartende Abteilungsfreigaben. */
.customer-followup-sync{display:inline-flex;flex-direction:column;gap:2px;font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(120,120,120,.12);overflow-wrap:anywhere;max-width:100%}
.customer-followup-sync small{font-size:11px;opacity:.85}
.customer-followup-sync.synced{background:rgba(46,160,67,.16)}
.customer-followup-sync.error{background:rgba(214,69,65,.16);border-radius:10px}
.customer-followup-sync.pending,.customer-followup-sync.retrying{background:rgba(214,158,46,.16)}
.assignment-chip [data-membership-pending]{font-style:normal;font-size:11px;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(214,158,46,.18)}

/* V8: Zuordnung prüfen (Herkunftsabteilung) und abgelaufene Vier-Augen-Anträge */
.requirement-origin-review{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;background:#fff4e5;color:#8a4b00;font-weight:600;}
.job-origin-review{margin:12px 0;padding:12px;border:1px solid #f0c27b;border-radius:10px;background:#fffaf2;display:grid;gap:6px;}
.job-origin-review small{color:#5f4a2f;}
.job-origin-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.job-origin-actions select{min-width:0;flex:1 1 180px;max-width:100%;}
.approval-expired{display:block;color:#a23b2a;font-weight:600;}
/* Mail controls: scoped sizing/layout only; preserve application theme and editor content. */
.mail-outlook-shell{grid-template-columns:minmax(0,1fr);container-type:inline-size;container-name:mail-workspace}
[data-mail-ribbon]{min-height:60px;padding:8px;flex-wrap:wrap;gap:6px;overflow:visible;align-items:center}
[data-mail-ribbon]>.mail-ribbon-group{padding:0 6px;gap:0;max-width:100%}
[data-mail-ribbon] .mail-ribbon-buttons{flex-wrap:wrap;gap:4px}
[data-mail-ribbon] .mail-ribbon-button{position:relative;min-width:44px;width:44px;height:44px;padding:8px;display:grid;grid-template-rows:1fr;place-items:center;border-radius:7px}
[data-mail-ribbon] .mail-ribbon-icon{width:28px;height:28px}
[data-mail-ribbon] .mail-ribbon-icon svg{stroke-width:1.9}
[data-mail-ribbon] .mail-ribbon-button::after,.mail-compose-ribbon button[aria-label]::after{content:attr(aria-label);position:absolute;z-index:60;top:calc(100% + 5px);left:0;width:max-content;max-width:180px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface,#fff);color:var(--ink,#29313a);box-shadow:0 4px 12px rgba(27,35,44,.16);font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;white-space:normal;text-align:left;pointer-events:none;visibility:hidden;opacity:0}
[data-mail-ribbon]>.mail-ribbon-group:nth-last-child(-n+3) .mail-ribbon-button::after{left:auto;right:0}
[data-mail-ribbon] .mail-ribbon-button::after,.mail-compose-ribbon button[aria-label]::after{display:none}
[data-mail-ribbon] .mail-ribbon-button:is(:hover,:focus-visible)::after,.mail-compose-ribbon button[aria-label]:is(:hover,:focus-visible)::after{display:block;visibility:visible;opacity:1}
.mail-compose-ribbon .mail-ribbon-group:last-child button[aria-label]::after{left:auto;right:0}
[data-mail-ribbon] button:focus-visible,.mail-compose-pane :is(button,select,input[type=color]):focus-visible{outline:2px solid currentColor;outline-offset:2px}
.mail-compose-pane{min-width:0;max-width:100%}
.mail-compose-tabs{flex-wrap:wrap;gap:2px;padding:0 6px}
.mail-compose-tabs button{height:auto;min-height:40px;padding:6px 9px;font-size:12px;font-weight:650}
.mail-compose-ribbon{min-height:0;max-width:100%;padding:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;overflow:visible}
.mail-compose-ribbon .mail-ribbon-group{box-sizing:border-box;min-width:0;max-width:100%;padding:0 5px;flex-wrap:wrap;gap:4px}
.mail-compose-ribbon .mail-ribbon-group button{position:relative;min-width:36px;min-height:36px;height:auto;padding:6px 8px;font-size:13px;font-weight:650}
.mail-compose-ribbon .mail-ribbon-group select{min-width:0;max-width:100%;height:36px;font-size:13px;font-weight:600}
.mail-compose-ribbon .mail-ribbon-group label{width:36px;height:36px}
.mail-compose-ribbon .mail-ribbon-group label span{font-size:14px;font-weight:700}
.mail-compose-ribbon .mail-ribbon-group input[type=color]{width:30px;height:14px}
.mail-compose-pane>header button{width:40px;height:40px;font-size:24px;font-weight:650}
.mail-compose-pane>footer{flex-wrap:wrap}
.mail-compose-pane>footer span{flex:1 1 180px}
.mail-compose-pane .mail-compose-addresses{padding:3px 12px}
.mail-compose-pane .mail-address-row{grid-template-columns:56px minmax(0,1fr) auto}
.mail-compose-pane .mail-subject-row,.mail-compose-pane .mail-compose-attachments{grid-template-columns:56px minmax(0,1fr)}
.mail-compose-pane .mail-address-row>span,.mail-compose-pane .mail-subject-row>span,.mail-compose-pane .mail-compose-attachments>span{font-size:13px;font-weight:600;color:var(--ink,#29313a)}
.mail-compose-pane .mail-compose-addresses input{min-width:0;max-width:100%;font-size:14px;font-weight:600;color:var(--ink,#29313a)}
.mail-compose-pane .mail-recipient-control input{min-width:min(150px,100%);width:100%;height:32px!important}
.mail-compose-pane .mail-recipient-chip,.mail-compose-pane .mail-attachment-chip{max-width:100%}
.mail-compose-pane .mail-recipient-chip b,.mail-compose-pane .mail-recipient-chip small,.mail-compose-pane .mail-attachment-chip b,.mail-compose-pane .mail-attachment-chip small{font-size:12px;font-weight:600}
.mail-compose-pane .mail-address-toggles button,.mail-compose-pane .mail-attachment-add{min-height:32px;height:auto;padding:5px 7px;font-size:12px;font-weight:600}
.mail-compose-pane .mail-recipient-chip button,.mail-compose-pane .mail-attachment-chip button{width:24px;height:24px;flex-shrink:0;font-size:18px;font-weight:600}
.mail-compose-pane .mail-recipient-suggestions :is(p,strong,small){font-size:12px;font-weight:600}
.mail-compose-pane .mail-compose-addresses,.mail-compose-pane .mail-compose-attachments,.mail-compose-pane .mail-attachment-add{background:var(--surface,#fff);color:var(--ink,#29313a)}
.mail-compose-pane .mail-address-toggles button{color:var(--ink,#29313a)}
.mail-compose-pane .mail-rich-editor{font-size:14px;line-height:1.6}
.mail-compose-pane>header p,.mail-compose-pane>.form-message,.mail-compose-pane>footer span{font-size:12px;font-weight:600}
[data-mail-ribbon],.mail-compose-tabs,.mail-compose-ribbon{background:var(--surface,#fff);color:var(--ink,#29313a)}
[data-mail-ribbon] .mail-ribbon-button,[data-mail-ribbon] .mail-ribbon-icon,.mail-compose-tabs button,.mail-compose-ribbon .mail-ribbon-group :is(button,select,label span){color:var(--ink,#29313a)}
[data-mail-ribbon] .mail-ribbon-button:is(:hover,.active) .mail-ribbon-icon,.mail-compose-tabs button:is(:hover,.active){color:var(--ink,#29313a)}
.mail-compose-ribbon .mail-ribbon-group select,.mail-compose-pane>header button{background:var(--surface,#fff);color:var(--ink,#29313a)}
[data-mail-ribbon] .mail-ribbon-button:is(:hover,.active),.mail-compose-ribbon .mail-ribbon-group button:hover{background:color-mix(in srgb,var(--ink) 8%,var(--surface));border-color:var(--line)}
@container mail-workspace (min-width:700px) and (max-width:1050px){.mail-panes{grid-template-columns:minmax(140px,18%) minmax(190px,28%) minmax(0,1fr)}}
@container mail-workspace (max-width:699px){.mail-panes{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 220px minmax(500px,1fr)}.mail-folder-pane{max-height:180px;overflow-y:auto;border-right:0;border-bottom:1px solid var(--line)}.mail-list-pane{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){[data-mail-ribbon]>.mail-ribbon-group{padding:0;border-right:0}.mail-compose-ribbon .mail-ribbon-group{border-right:0;padding:0}.mail-compose-tabs button{flex:1 1 auto}.mail-compose-ribbon button[aria-label]::after{max-width:145px}}
.mail-account-heading{display:flex;align-items:center}.mail-account-heading .mail-account-header{flex:1;min-width:0;width:auto;grid-template-columns:20px minmax(0,1fr) auto}.mail-account-toggle,.mail-account-settings,.mail-account-order button{border:0;border-radius:4px;background:transparent;cursor:pointer;padding:4px;color:inherit}.mail-account-toggle[aria-expanded="false"] svg{transform:rotate(-90deg)}.mail-account-settings,.mail-account-order{opacity:0}.mail-account:hover .mail-account-settings,.mail-account:focus-within .mail-account-settings,.mail-account:hover .mail-account-order,.mail-account:focus-within .mail-account-order{opacity:1}.mail-account-order{display:flex;justify-content:flex-end;height:20px}.mail-account-order button:disabled{opacity:.3;cursor:default}.mail-account-unread{font-size:10px}.mail-password-field{display:flex;align-items:center;gap:6px}.mail-password-field input{flex:1;min-width:0}.mail-password-field button{padding:8px;border:1px solid #b7bea7;border-radius:5px;background:transparent;cursor:pointer}@media(hover:none){.mail-account-settings,.mail-account-order{opacity:1}}
/* Mail credential administration: scoped additions, existing calendar styles unchanged. */
[data-admin-email-section] .email-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
[data-admin-email-section] .email-form>label{display:grid;gap:6px;min-width:0;font-size:12px}
[data-admin-email-section] .email-form>label[for],
[data-admin-email-section] .email-form>input[type=password],
[data-admin-email-section] .email-form>small,
[data-admin-email-section] .email-form>.form-message{grid-column:1/-1}
[data-admin-email-section] .mail-assignment>div{min-width:0;flex:1}
[data-admin-email-section] .mail-assignment b{overflow-wrap:anywhere}
[data-admin-email-section] details summary{cursor:pointer;min-height:36px;display:list-item;padding:8px 0;font-size:12px;font-weight:600}
[data-email-credentials-form]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}
[data-email-credentials-form]>label,[data-email-credentials-form]>input,[data-email-credentials-form]>small,[data-email-credentials-form]>.form-message{grid-column:1/-1}
[data-email-credentials-form] input{width:100%;min-width:0;min-height:40px;border:1.5px solid #aab3bf;border-radius:7px;padding:8px;background:#fff;color:inherit}
[data-admin-email-section] button{min-height:40px;border:1px solid var(--line,#c4ccd5);border-radius:7px;padding:8px 10px;font-size:12px;color:var(--text,#26323d);background:#fff}
[data-admin-email-section] button:disabled{opacity:.6;cursor:wait}
[data-admin-email-section] input:focus-visible,[data-admin-email-section] summary:focus-visible,[data-admin-email-section] button:focus-visible,[data-mail-auth-notice] button:focus-visible{outline:3px solid #50602d;outline-offset:2px}
[data-admin-email-section] [data-email-section-message]{color:var(--muted,#59636e)}
[data-mail-auth-notice]{grid-column:1/-1;padding:10px;border-left:3px solid #a7544b;font-size:12px}
[data-mail-auth-notice][hidden]{display:none}
[data-mail-auth-notice] button{margin:8px 0 0 8px;min-height:40px}
@media(max-width:850px){[data-admin-email-section] .email-form{grid-template-columns:minmax(0,1fr)}[data-email-credentials-form]{grid-template-columns:minmax(0,1fr)}[data-mail-auth-notice] button{margin-left:0;display:block}}
.mail-credential-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #b7bea7;border-radius:12px;padding:24px;color:#26323d;background:#fff;box-shadow:0 16px 60px #0004}
.mail-credential-dialog::backdrop{background:#17212b77}
.mail-credential-dialog form{display:grid;gap:12px}
.mail-credential-dialog h2{margin:0;font-size:20px}
.mail-credential-dialog p{margin:0;font-size:13px;line-height:1.5}
.mail-credential-dialog [data-credential-address]{font-weight:700;overflow-wrap:anywhere}
.mail-credential-dialog label{font-size:13px;font-weight:600}
.mail-credential-dialog input{width:100%;min-height:44px;min-width:0;border:1.5px solid #aab3bf;border-radius:7px;padding:8px;background:#fff;color:#26323d}
.mail-credential-dialog small{font-size:11px;line-height:1.5;color:#59636e}
.mail-credential-dialog .form-actions{display:flex;gap:10px;flex-wrap:wrap}
.mail-credential-dialog button{min-height:44px;padding:8px 12px}
.mail-credential-dialog input:focus-visible,.mail-credential-dialog button:focus-visible{outline:3px solid #50602d;outline-offset:2px}

/* Scoped profile/settings grouping. Existing forms and theme tokens remain authoritative. */
.profile-settings-navigation { position:relative; display:flex; flex-wrap:wrap; gap:6px; padding:0 0 10px; margin:0 0 22px; border-bottom:2px solid var(--line); background:var(--surface); }
.profile-settings-navigation [role="tab"] { flex:0 0 auto; min-height:46px; padding:11px 15px; border:1px solid color-mix(in srgb,var(--oj-dark) 45%,var(--line)); border-bottom:4px solid transparent; border-radius:9px 9px 0 0; background:color-mix(in srgb,var(--ink) 3%,var(--surface)); color:var(--ink); font-size:13px; font-weight:600; line-height:1.4; white-space:nowrap; cursor:pointer; }
.profile-settings-navigation [role="tab"]:hover { background:color-mix(in srgb,var(--oj) 20%,var(--surface)); border-bottom-color:var(--oj); }
.profile-settings-navigation [role="tab"][aria-selected="true"] { color:var(--ink); background:color-mix(in srgb,var(--oj) 30%,var(--surface)); border-color:var(--oj-dark); border-bottom-color:var(--oj-dark); font-weight:750; }
.profile-settings-navigation [role="tab"]:focus-visible,.profile-settings-section:focus-visible { outline:3px solid var(--oj-dark); outline-offset:2px; }
.profile-settings-grid.profile-settings-grouped { display:block; }
.profile-settings-section { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; min-width:0; }
.profile-settings-section[hidden] { display:none; }
.profile-section-heading { grid-column:1/-1; margin:0 0 4px; }
.profile-section-heading h2 { margin:0; font-size:21px; line-height:1.3; }
.profile-section-heading p { margin:6px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }
.profile-settings-section > .profile-settings-card { min-width:0; margin:0; }
.profile-settings-section:not([data-profile-panel="personal"]):not([data-profile-panel="security"]) { grid-template-columns:minmax(0,900px); }
.profile-settings-section .profile-settings-card > header { align-items:flex-start; }
.profile-settings-section .profile-settings-card :is(p,small,dd,b) { overflow-wrap:anywhere; }
.profile-settings-section .profile-settings-form label > span { color:var(--ink); }
@media(max-width:760px) {
  .profile-settings-navigation { flex-wrap:nowrap; gap:6px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; padding:3px 3px 10px; margin-bottom:18px; }
  .profile-settings-navigation [role="tab"] { flex:0 0 auto; padding:11px 13px; font-size:13px; }
  .profile-settings-section { grid-template-columns:minmax(0,1fr); }
  .profile-settings-section .profile-settings-card { padding:18px; }
  .profile-settings-section .profile-settings-form { grid-template-columns:minmax(0,1fr); }
  .profile-settings-section .profile-overview dl { grid-template-columns:minmax(0,1fr); }
  .profile-settings-section .form-actions { flex-wrap:wrap; }
  .profile-settings-section .form-actions > button { min-height:44px; }
}

/* Profile-only unified connection form. */
.onecom-unified-card .onecom-outcomes { margin-top:18px; padding:12px 14px; border:1px solid var(--line); border-radius:9px; background:var(--surface); }
.onecom-unified-card .onecom-outcomes p { margin:6px 0; font-size:13px; line-height:1.5; }
.onecom-separate-controls { margin-top:14px; }
.onecom-separate-controls > summary { cursor:pointer; padding:12px 0; color:var(--ink); font-size:13px; font-weight:650; }
.onecom-separate-controls > summary:focus-visible { outline:3px solid var(--oj-dark); outline-offset:2px; }
.onecom-unified-card [data-onecom-message] { color:var(--ink); }

/* Readable unread indicators; motion is finite and event-driven in badgeAttention. */
#notification-badge,.team-chat-unread-badge,.channel-list .chat-unread {
  min-width:24px; height:24px; padding:0 6px; display:inline-grid; place-items:center;
  border-radius:99px; background:#952d27; color:#fff; font-size:12px; font-weight:850;
  line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap;
  pointer-events:none; transform-origin:center;
}
#notification-badge { top:-6px; right:-6px; border:2px solid var(--surface,#fff); }
.team-chat-unread-badge { border-color:var(--surface,#fff); }
.channel-list .chat-unread { flex:0 0 auto; min-width:24px; height:22px; background:#ffe0a3; color:#352708; }
.chat-unread-alert { font-size:15px; font-weight:900; line-height:1; color:#952d27; transform-origin:center; }
.channel-list .chat-unread-alert { color:#ffe0a3; }
.candidate-question-badge { font-weight:850; font-variant-numeric:tabular-nums; }
#main-navigation .support-alert-badge { font-size:14px; font-weight:900; }
.topbar-actions .support-alert-open { font-size:18px; font-weight:900; }
html[data-oj-theme="dark"] :is(#notification-badge,.team-chat-unread-badge) { background:#aa332c; color:#fff; border-color:var(--surface,#20272f); }
html[data-oj-theme="dark"] .topbar-actions .support-alert-open { background:#a62d29; color:#fff; }
html[data-oj-theme="dark"] .chat-unread-alert { color:#ffd29c; }
/* WAAPI is also suppressed/cancelled by the reduced-motion and visibility gates. */
@media (prefers-reduced-motion:reduce) {
  #notification-badge,.team-chat-unread-badge,.chat-unread,.chat-unread-alert,.support-alert-badge,.support-alert-open { animation:none!important; transition:none!important; }
}

.oj-own-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.oj-own-job-grid label{display:grid;gap:.35rem}.oj-own-job-grid .wide{grid-column:1/-1}[data-ojjob-editor]{width:min(850px,94vw);max-height:90vh;overflow:auto;border:1px solid #cbd5e1;border-radius:16px;padding:1.5rem}[data-ojjob-editor] input,[data-ojjob-editor] select,[data-ojjob-editor] textarea{max-width:100%;padding:.6rem;border:1px solid #94a3b8;border-radius:6px}[data-ojjob-editor] footer{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}[data-ojjob-list]{display:grid;gap:1rem}[data-ojjob-list] article{padding:1rem;border:1px solid #cbd5e1;border-radius:12px}@media(max-width:650px){.oj-own-job-grid{grid-template-columns:1fr}}
.oj-own-job-publication,[data-ojjob-editor]{--own-job-bg:var(--surface,#fff);--own-job-fg:var(--ink,#151921);--own-job-line:var(--line,#cbd5e1);--own-job-button:var(--canvas,#f4f5f7);background:var(--own-job-bg);color:var(--own-job-fg);font:inherit;color-scheme:light;border:1px solid var(--own-job-line)}
.oj-own-job-publication{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border-radius:16px;line-height:1.55;box-shadow:0 20px 60px #0004}
.oj-own-job-publication::backdrop{background:#0008}.oj-own-job-publication h2{color:inherit;margin:0 0 16px}.oj-own-job-publication .oj-own-job-preview-line{white-space:pre-wrap;overflow-wrap:anywhere}.oj-own-job-publication p{color:inherit}.oj-own-job-publication label{display:block;margin:16px 0}.oj-own-job-publication input[type=checkbox]{margin-right:8px}.oj-own-job-publication button{font:inherit;color:var(--own-job-fg);background:var(--own-job-button);border:1px solid var(--own-job-line);border-radius:8px;padding:10px 14px;margin:8px 8px 0 0;cursor:pointer}.oj-own-job-publication button:disabled{opacity:.55;cursor:default}.oj-own-job-publication [role=alert]{color:var(--own-job-fg)}
html[data-theme=dark] .oj-own-job-publication,html[data-oj-theme=dark] .oj-own-job-publication,html[data-theme=dark] [data-ojjob-editor],html[data-oj-theme=dark] [data-ojjob-editor]{--own-job-bg:#171c24;--own-job-fg:#edf1f7;--own-job-line:#4b5667;--own-job-button:#293242;color-scheme:dark}
@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-oj-theme=light]) .oj-own-job-publication,html:not([data-theme=light]):not([data-oj-theme=light]) [data-ojjob-editor]{--own-job-bg:#171c24;--own-job-fg:#edf1f7;--own-job-line:#4b5667;--own-job-button:#293242;color-scheme:dark}}
@media(max-width:650px){.oj-own-job-publication{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:12px}.oj-own-job-publication button{max-width:100%}}