/* 9.22 – ruhige Leseführung. CAD/Optimierer behalten ihre eigenen Arbeitsflächen. */
:root { --clarity-accent:#176957; --clarity-tint:#edf6f2; --clarity-muted:#59636c; }
:focus-visible { outline:3px solid #347bcb; outline-offset:3px; }
.home-heading { margin:14px 0 24px; }
.home-heading .eyebrow { color:#587165; font-size:12px; font-weight:700; letter-spacing:.13em; }
.home-heading h1 { font-size:32px; letter-spacing:-.7px; margin:8px 0; }
.home-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:22px 0; }
.home-shortcuts a { display:block; padding:22px; background:white; border:1px solid #dbe4df; border-radius:12px; text-decoration:none; color:#223b30; }
.home-shortcuts a:hover { border-color:#176957; background:#f5faf7; }
.home-shortcuts span,.home-shortcuts b,.home-shortcuts small { display:block; }
.home-shortcuts span { font-size:10px; letter-spacing:.08em; color:#587165; }
.home-shortcuts b { font-size:20px; margin:12px 0; }
.home-shortcuts small { color:#59685f; font-size:13px; line-height:1.5; }
body:not(.pg-open) .content { padding-bottom:36px; }
.wk-workspace .wk-caption, .wk-workspace .subtitle { color:var(--clarity-muted); line-height:1.55; }
.wk-workspace .wk-card { border-radius:12px; box-shadow:0 2px 5px #142b2510; }
.wk-workspace .wk-card h2 { line-height:1.4; }
.wk-workspace .wk-table td { padding-top:13px; padding-bottom:13px; vertical-align:top; }
.wk-workspace .wk-table tbody tr:nth-child(even):not(.selected) { background:#f8faf9; }
.wk-workspace .wk-table th { color:#4e5d58; font-size:12px; line-height:1.4; }
.wk-workspace .wk-table td small { color:#52605b; line-height:1.45; }
.wk-workspace .wk-table td:nth-child(3)>b { line-height:1.5; }
.wk-workspace .wk-summary { border-radius:10px; padding:16px; gap:16px; }
.wk-workspace .wk-table-tools input { min-height:42px; }
.wk-guide { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:16px 0; padding:16px 20px; background:var(--clarity-tint); border:1px solid #cfe1d8; border-radius:12px; }
.wk-guide p { margin:3px 0 0; color:#3c5c50; line-height:1.5; }
.wk-guide a { color:#144d3e; font-weight:700; }
.wk-workspace .wk-price-override { padding:14px; border:1px dashed #bec8c2; border-radius:10px; }
.price-summary { background:#f0f6f3; border:1px solid #d0e0d7; border-radius:12px; padding:18px; margin-bottom:14px; }
.price-basis { color:#356452; font-size:12px; font-weight:700; letter-spacing:.03em; }
.price-main { display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; margin:10px 0 16px; }
.price-main strong { font-size:27px; letter-spacing:-.6px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.price-summary .row { padding:8px 0; border-bottom:1px solid #dbe5df; }
.price-net { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:16px 0 4px; font-weight:700; }
.price-net strong { font-size:21px; font-variant-numeric:tabular-nums; }
.price-explain { color:var(--clarity-muted); font-size:12px; line-height:1.55; margin:10px 0 0; }
.price-details { margin-top:14px; border-top:1px solid #dce2de; padding-top:12px; }
.price-details summary { padding:10px 0; cursor:pointer; font-weight:700; font-size:14px; }
.price-details .row { padding:9px 0; line-height:1.5; }
.wk-technical .wk-bottom-grid #price-box { max-height:none; overflow:visible; }
.wk-technical .wk-bottom-grid { align-items:start; }
.pricing-box .row { gap:14px; }
.pricing-box .row>span:last-child { text-align:right; }
.price-warning { border-left:4px solid #b97518; background:#fff6e6; padding:12px; color:#744a0c; line-height:1.5; }
.tracking-page { max-width:1400px; margin:auto; color:#18261f; }
.track-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:12px 0 26px; }
.tracking-page .eyebrow { font-size:12px; letter-spacing:.13em; font-weight:750; color:#587165; margin:0 0 9px; }
.track-heading h1 { font-size:32px; letter-spacing:-.8px; margin:0 0 10px; }
.tracking-page .subtitle { margin:0; color:#59685f; line-height:1.5; }
.tracking-page button, .tracking-page a.btn { min-height:44px; font-size:14px; border-radius:8px; }
.tracking-page a.btn { display:inline-flex; align-items:center; text-decoration:none; }
.tracking-page .btn-primary { background:#176957; border-color:#176957; color:white; }
.track-search { background:white; border:1px solid #dbe4df; border-radius:14px; padding:22px; box-shadow:0 4px 15px #162b2310; }
.track-search label { display:block; font-size:14px; font-weight:700; margin-bottom:10px; color:#223b30; }
.track-search-row { display:flex; gap:10px; }
.track-search-row input { flex:1; min-width:0; min-height:48px; font-size:16px; background:#fafcfb; }
.track-help { font-size:13px; color:#53635b; line-height:1.6; margin:12px 0 0; }
.track-message { color:#53675c; min-height:22px; margin:14px 0; font-size:13px; }
.track-message.error { color:#923818; background:#fff0e9; border-radius:8px; padding:12px; }
.track-empty { border:1px dashed #c5d5cc; border-radius:14px; padding:42px 28px; text-align:center; background:#f7faf8; }
.track-empty p { max-width:620px; margin:12px auto; line-height:1.7; color:#59685e; }
.track-order { display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; padding:22px; background:white; border:1px solid #dbe4df; border-radius:14px; margin-bottom:20px; }
.track-order h2 { margin:0 0 8px; font-size:23px; }
.track-order p { margin-bottom:0; }
.track-order a { color:#176957; }
.track-kpis { display:flex; gap:26px; align-items:center; }
.track-kpis b { display:block; font-size:25px; font-variant-numeric:tabular-nums; }
.track-kpis span { display:block; font-size:12px; margin-top:5px; color:#637168; }
.track-layout { display:grid; grid-template-columns:minmax(250px,340px) minmax(0,1fr); gap:22px; align-items:start; }
.track-positions h2 { font-size:15px; margin:0 0 12px; }
.track-position { width:100%; display:block; text-align:left; margin-bottom:10px; padding:16px; background:white; border:1px solid #dbe4df; color:#243d30; }
.track-position.selected { border:2px solid #176957; padding:15px; background:#f0f7f3; }
.track-position span,.track-position small { display:block; margin-top:7px; line-height:1.4; }
.track-position small { color:#596b60; }
.track-position progress { display:block; width:100%; height:7px; margin:12px 0 4px; accent-color:#176957; }
.track-detail { padding:26px; background:white; border:1px solid #dbe4df; border-radius:14px; min-width:0; overflow-wrap:anywhere; }
.track-detail>h2 { margin:0; font-size:23px; line-height:1.4; }
.track-next { margin:22px 0; padding:20px; background:#edf6f2; border:1px solid #cfe1d8; border-radius:10px; }
.track-next>span { font-size:12px; font-weight:700; color:#426454; }
.track-next h3 { font-size:21px; margin:8px 0; }
.track-next p { margin:8px 0 14px; }
.track-warning { padding:12px 16px; background:#fff5e5; border-left:4px solid #b67822; color:#74490e; line-height:1.5; }
.track-timeline { list-style:none; margin:16px 0 0 8px; padding:0 0 0 22px; border-left:2px solid #dce5df; }
.track-step { position:relative; padding:0 0 26px 6px; }
.track-step:before { content:''; position:absolute; left:-30px; top:4px; width:12px; height:12px; border:2px solid #abbeb1; background:white; border-radius:50%; }
.track-step.done:before { background:#176957; border-color:#176957; }
.track-step.running:before { background:#327cb5; border-color:#327cb5; box-shadow:0 0 0 4px #e6f0f7; }
.track-step.skipped:before { background:#d6dcd9; }
.track-step-head { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; }
.track-step-head span { font-size:12px; color:#4e6658; background:#edf2ee; padding:3px 8px; border-radius:5px; }
.track-step.running .track-step-head span { color:#21567c; background:#eaf3fa; }
.track-step p { color:#5c6c62; font-size:13px; margin:7px 0; }
.track-times { display:flex; gap:24px; flex-wrap:wrap; color:#647167; font-size:12px; }
.track-times b { display:block; color:#31473a; font-weight:500; margin-top:3px; }
#track-camera { margin:16px 0; padding:16px; background:#16261f; border-radius:12px; }
#track-camera[hidden] { display:none; }
#track-video { display:block; width:100%; max-height:360px; margin-bottom:12px; }
@media(max-width:800px) {
  .home-shortcuts { grid-template-columns:1fr; }
  .track-heading { align-items:flex-start; flex-direction:column; }
  .track-heading h1 { font-size:27px; }
  .track-search-row { flex-wrap:wrap; }
  .track-search-row input { flex-basis:100%; }
  .track-layout { grid-template-columns:1fr; }
  .track-positions { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
  .track-positions h2 { grid-column:1/-1; }
  .track-detail { padding:20px; }
  .track-search { padding:17px; }
  .track-kpis { flex-wrap:wrap; }
  .wk-workspace .wk-guide { padding:14px; }
}