/* Anlagenjournal – Wasserqualität 1.5.4
 * UX rebuild: asset-first overview, progressive drill-down and compact cockpit.
 * Core layout primitives are inherited from Anlagenjournal.
 */

.aj-wq-body {
    --aj-bg: #f3f8f8;
    --aj-primary: #2f6f78;
    --aj-primary-hover: #245b63;
    --aj-border: #d7e4e6;
    --aj-shadow: 0 10px 34px rgba(35, 89, 99, .09);
    --aj-focus-rgb: 47, 111, 120;
    --aj-wq-accent: #2f6f78;
    --aj-wq-accent-dark: #245b63;
    --aj-wq-accent-soft: #edf6f7;
    --aj-wq-accent-border: #bed8db;
    --aj-wq-good: #17643c;
    --aj-wq-good-bg: #edf8f1;
    --aj-wq-good-border: #b7ddc7;
    --aj-wq-bad: #a32626;
    --aj-wq-bad-bg: #fff1f1;
    --aj-wq-bad-border: #efb7b7;
    --aj-wq-open: #8a5a00;
    --aj-wq-open-bg: #fff8e1;
    --aj-wq-open-border: #efd18a;
    --aj-wq-setup: #76521f;
    --aj-wq-setup-bg: #fff7e9;
    --aj-wq-setup-border: #e8c78d;
}

.aj-wq-page { max-width: 1180px; padding-bottom: 88px; }
.aj-wq-nav .aj-management-nav-link.is-active { background: var(--aj-wq-accent); }
.aj-wq-page .aj-button-primary { background: var(--aj-wq-accent); }
.aj-wq-page .aj-button-primary:hover { background: var(--aj-wq-accent-dark); }

/* Shared controls */
.aj-wq-page input[type="text"],
.aj-wq-page input[type="search"],
.aj-wq-page input[type="date"],
.aj-wq-page input[type="number"],
.aj-wq-page textarea,
.aj-wq-page select {
    width: 100%;
    min-height: 44px;
    border: 1px solid #cbd5da;
    border-radius: 10px;
    padding: 10px 12px;
    background: #fff;
    color: var(--aj-text);
    font: inherit;
    font-size: 16px;
    outline: none;
}
.aj-wq-page select { padding-right: 34px; }
.aj-wq-page textarea { min-height: 86px; resize: vertical; }
.aj-wq-page input:focus,
.aj-wq-page textarea:focus,
.aj-wq-page select:focus { border-color: var(--aj-wq-accent); box-shadow: 0 0 0 3px rgba(var(--aj-focus-rgb), .12); }
.aj-wq-page label > span { font-size: 13px; font-weight: 750; color: #34434a; }
.aj-wq-page label > span small { color: var(--aj-muted); font-weight: 600; }

.aj-wq-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 9px;
    border: 1px solid var(--aj-border);
    border-radius: 999px;
    background: #f5f7f8;
    color: #5d6870;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}
.aj-wq-status.is-good,
.aj-wq-status.is-done { color: var(--aj-wq-good); background: var(--aj-wq-good-bg); border-color: var(--aj-wq-good-border); }
.aj-wq-status.is-bad { color: var(--aj-wq-bad); background: var(--aj-wq-bad-bg); border-color: var(--aj-wq-bad-border); }
.aj-wq-status.is-open { color: var(--aj-wq-open); background: var(--aj-wq-open-bg); border-color: var(--aj-wq-open-border); }
.aj-wq-status.is-setup { color: var(--aj-wq-setup); background: var(--aj-wq-setup-bg); border-color: var(--aj-wq-setup-border); }
.aj-wq-status.is-neutral { color: #5f6971; background: #f4f6f7; border-color: #d9dfe3; }
.aj-wq-status.is-treatment { color: var(--aj-wq-accent-dark); background: var(--aj-wq-accent-soft); border-color: var(--aj-wq-accent-border); }

.aj-wq-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 14px; color: var(--aj-muted); font-size: 13px; }
.aj-wq-breadcrumb a { color: var(--aj-wq-accent-dark); font-weight: 750; text-decoration: none; }
.aj-wq-breadcrumb a:hover { text-decoration: underline; }
.aj-wq-breadcrumb strong { color: var(--aj-text); }
.aj-wq-row-chevron { color: #8b969d; font-size: 25px; font-weight: 400; line-height: 1; transition: transform .15s ease; }

/* Overview */
.aj-wq-overview-head,
.aj-wq-cockpit-head,
.aj-wq-points-head,
.aj-wq-profile-editor-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 16px;
}
.aj-wq-overview-head h2,
.aj-wq-cockpit-head h2,
.aj-wq-points-head h2,
.aj-wq-profile-editor-head h2 { margin: 0 0 5px; font-size: 27px; line-height: 1.18; }
.aj-wq-overview-head p,
.aj-wq-cockpit-head p,
.aj-wq-points-head p,
.aj-wq-profile-editor-head p { margin: 0; color: var(--aj-muted); font-size: 14px; }

.aj-wq-toolbar {
    margin: 0 0 14px;
    border: 1px solid var(--aj-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(24, 32, 38, .025);
    overflow: hidden;
}
.aj-wq-toolbar-form { display: grid; grid-template-columns: minmax(220px, 1.15fr) minmax(200px, .85fr) auto; gap: 12px; align-items: end; padding: 15px 16px 12px; }
.aj-wq-toolbar-form label { display: grid; gap: 6px; min-width: 0; }
.aj-wq-toolbar-actions { display: flex; gap: 8px; align-items: center; }
.aj-wq-toolbar-context { display: flex; gap: 6px; padding: 0 16px 13px; color: var(--aj-muted); font-size: 12px; }
.aj-wq-toolbar-context strong { color: var(--aj-wq-accent-dark); }

.aj-wq-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 14px; }
.aj-wq-kpi {
    display: grid;
    gap: 3px;
    min-height: 104px;
    padding: 15px 16px;
    border: 1px solid var(--aj-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(24, 32, 38, .025);
}
.aj-wq-kpi > span { color: var(--aj-muted); font-size: 12px; font-weight: 750; }
.aj-wq-kpi > strong { font-size: 30px; line-height: 1.05; letter-spacing: -.02em; }
.aj-wq-kpi > small { align-self: end; color: var(--aj-muted); font-size: 11px; line-height: 1.3; }
.aj-wq-kpi.has-attention { border-color: var(--aj-wq-setup-border); background: #fffbf5; }
.aj-wq-kpi.has-due { border-color: var(--aj-wq-open-border); background: #fffdf6; }
.aj-wq-kpi.has-bad { border-color: var(--aj-wq-bad-border); background: #fff8f8; }

.aj-wq-setup-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px 14px;
    align-items: center;
    margin: 0 0 14px;
    padding: 13px 15px;
    border: 1px solid var(--aj-wq-setup-border);
    border-radius: 12px;
    background: var(--aj-wq-setup-bg);
    color: var(--aj-wq-setup);
    font-size: 13px;
}
.aj-wq-setup-notice span { color: #725e40; }
.aj-wq-setup-notice a { color: var(--aj-wq-setup); font-weight: 800; }

.aj-wq-asset-list { display: grid; gap: 10px; }
.aj-wq-asset-row {
    display: grid;
    grid-template-columns: minmax(260px, 1.35fr) minmax(220px, .85fr) minmax(180px, auto) 22px;
    gap: 16px;
    align-items: center;
    min-height: 84px;
    padding: 14px 16px 14px 18px;
    border: 1px solid var(--aj-border);
    border-radius: 14px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(24, 32, 38, .025);
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}
.aj-wq-asset-row:hover { transform: translateY(-1px); border-color: #b9cdd0; box-shadow: var(--aj-shadow); }
.aj-wq-asset-row:hover .aj-wq-row-chevron { transform: translateX(2px); }
.aj-wq-asset-row.has-attention { border-left: 4px solid #d8a44b; padding-left: 15px; }
.aj-wq-asset-main { min-width: 0; display: grid; gap: 3px; }
.aj-wq-asset-main > strong { font-size: 17px; line-height: 1.25; }
.aj-wq-asset-main > span { overflow: hidden; color: var(--aj-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.aj-wq-asset-meta { display: grid; gap: 4px; color: var(--aj-muted); font-size: 12px; }
.aj-wq-asset-meta b { color: var(--aj-text); }
.aj-wq-asset-statuses { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }

/* Asset drill-down */
.aj-wq-asset-hero,
.aj-wq-target-hero,
.aj-wq-measure-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 14px;
    padding: 20px 22px;
    border: 1px solid var(--aj-wq-accent-border);
    border-radius: 15px;
    background: linear-gradient(135deg, #fff 0%, var(--aj-wq-accent-soft) 100%);
}
.aj-wq-asset-hero h2,
.aj-wq-target-hero h2,
.aj-wq-measure-head h2 { margin: 2px 0 4px; font-size: 27px; line-height: 1.18; }
.aj-wq-asset-hero p,
.aj-wq-target-hero p,
.aj-wq-measure-head p { margin: 0; color: var(--aj-muted); font-size: 13px; }
.aj-wq-asset-hero-status,
.aj-wq-target-hero-state { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }

.aj-wq-profile-sections { display: grid; gap: 14px; }
.aj-wq-profile-section { overflow: hidden; border: 1px solid var(--aj-border); border-radius: 15px; background: #fff; box-shadow: 0 2px 10px rgba(24, 32, 38, .025); }
.aj-wq-profile-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 17px 18px; border-bottom: 1px solid var(--aj-border); background: #fbfcfc; }
.aj-wq-profile-section-head h3 { margin: 0 0 3px; font-size: 18px; }
.aj-wq-profile-section-head p { margin: 0; color: var(--aj-muted); font-size: 12px; }
.aj-wq-profile-section-status { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.aj-wq-area-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 18px; border-bottom: 1px solid var(--aj-border); background: #f7fafb; }
.aj-wq-area-title span { font-size: 12px; font-weight: 850; letter-spacing: .02em; color: #3e555d; }
.aj-wq-area-title small { color: var(--aj-muted); font-size: 11px; }
.aj-wq-target-list { display: grid; }
.aj-wq-target-row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, auto) 90px 20px;
    gap: 14px;
    align-items: center;
    min-height: 68px;
    padding: 11px 18px;
    border-bottom: 1px solid var(--aj-border);
    color: inherit;
    text-decoration: none;
    transition: background .12s ease;
}
.aj-wq-target-row:last-child { border-bottom: 0; }
.aj-wq-target-row[href]:hover { background: #f7fbfb; }
.aj-wq-target-main { min-width: 0; display: grid; gap: 2px; }
.aj-wq-target-main strong { font-size: 14px; }
.aj-wq-target-main span { overflow: hidden; color: var(--aj-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.aj-wq-target-state { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.aj-wq-target-last { color: var(--aj-muted); font-size: 12px; text-align: right; white-space: nowrap; }
.aj-wq-target-row.is-setup { background: #fffaf2; }
.aj-wq-profile-section-footer { display: flex; justify-content: flex-end; padding: 11px 16px; border-top: 1px solid var(--aj-border); background: #fbfcfc; }

/* Target page */
.aj-wq-target-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin: 0 0 14px; }
.aj-wq-target-summary > div { display: grid; gap: 3px; min-height: 78px; padding: 12px 14px; border: 1px solid var(--aj-border); border-radius: 12px; background: #fff; }
.aj-wq-target-summary span { color: var(--aj-muted); font-size: 11px; font-weight: 700; }
.aj-wq-target-summary strong { align-self: end; font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; }
.aj-wq-actions { margin-bottom: 16px; }
.aj-wq-target-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.aj-wq-latest-result { margin-bottom: 14px; }
.aj-wq-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 16px 18px 18px; }
.aj-wq-result-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; align-items: start; padding: 13px 14px; border: 1px solid var(--aj-border); border-radius: 12px; background: #fbfcfc; }
.aj-wq-result-item > span:first-child { grid-column: 1 / -1; color: var(--aj-muted); font-size: 11px; font-weight: 750; }
.aj-wq-result-item > strong { font-size: 20px; line-height: 1.2; }
.aj-wq-result-item > small { grid-column: 1; color: var(--aj-muted); font-size: 11px; line-height: 1.3; }
.aj-wq-result-item > .aj-wq-status { grid-column: 2; grid-row: 2 / span 2; align-self: center; }
.aj-wq-result-item.is-good { border-color: #d0e7d9; background: #f8fcf9; }
.aj-wq-result-item.is-bad { border-color: var(--aj-wq-bad-border); background: #fff8f8; }
.aj-wq-result-note { margin: 0 18px 18px; padding: 12px 14px; border-radius: 10px; background: #f6f8f9; }
.aj-wq-result-note strong { font-size: 12px; }
.aj-wq-result-note p { margin: 4px 0 0; color: var(--aj-muted); font-size: 13px; }

.aj-wq-guidance { display: grid; gap: 3px; margin: 0 0 14px; padding: 12px 14px; border: 1px solid var(--aj-border); border-radius: 11px; }
.aj-wq-guidance strong { font-size: 14px; }
.aj-wq-guidance span { color: var(--aj-muted); font-size: 12px; }
.aj-wq-guidance.is-warning { background: var(--aj-wq-open-bg); border-color: var(--aj-wq-open-border); }
.aj-wq-guidance.is-danger { background: var(--aj-wq-bad-bg); border-color: var(--aj-wq-bad-border); }

.aj-wq-warning-control { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); gap: 16px; align-items: start; margin-bottom: 14px; padding: 16px 18px; }
.aj-wq-warning-control.is-acknowledged { background: #f7f9fa; }
.aj-wq-warning-control-copy { display: grid; gap: 5px; }
.aj-wq-warning-control-copy > span:not(.aj-wq-status),
.aj-wq-warning-control-copy small,
.aj-wq-warning-control-copy p { color: var(--aj-muted); font-size: 12px; }
.aj-wq-warning-control-copy p { margin: 2px 0 0; }
.aj-wq-warning-ack-form { display: grid; gap: 9px; }
.aj-wq-warning-ack-form label { display: grid; gap: 5px; }

.aj-wq-exemption-card { margin-bottom: 14px; }
.aj-wq-card-body { padding: 16px 18px 18px; }
.aj-wq-exemption-form { display: grid; gap: 12px; }
.aj-wq-exemption-form label { display: grid; gap: 6px; }

.aj-wq-history-card { margin-top: 14px; }
.aj-wq-history-list { display: grid; }
.aj-wq-history-row { display: grid; grid-template-columns: 115px minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 14px 18px; border-top: 1px solid var(--aj-border); }
.aj-wq-history-row:first-child { border-top: 0; }
.aj-wq-history-row.is-treatment { background: #f7fbfb; }
.aj-wq-history-date { display: grid; gap: 2px; }
.aj-wq-history-date strong { font-size: 13px; }
.aj-wq-history-date span { color: var(--aj-muted); font-size: 11px; }
.aj-wq-history-main { display: grid; gap: 5px; min-width: 0; }
.aj-wq-history-main > strong { font-size: 13px; }
.aj-wq-history-main > small { color: var(--aj-muted); font-size: 11px; }
.aj-wq-history-values { display: flex; flex-wrap: wrap; gap: 5px 12px; }
.aj-wq-history-values span { color: #4f5b63; font-size: 12px; }
.aj-wq-history-values b { color: var(--aj-text); }
.aj-wq-history-side { justify-self: end; }
.aj-wq-history-note { grid-column: 2 / -1; padding: 8px 10px; border-radius: 8px; background: #f5f7f8; color: var(--aj-muted); font-size: 12px; }

.aj-wq-comparison-card { margin-top: 14px; overflow: hidden; }
.aj-wq-comparison-card > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; cursor: pointer; list-style: none; }
.aj-wq-comparison-card > summary::-webkit-details-marker { display: none; }
.aj-wq-comparison-card > summary span:first-child { display: grid; gap: 2px; }
.aj-wq-comparison-card > summary small { color: var(--aj-muted); font-size: 11px; font-weight: 600; }
.aj-wq-comparison-card[open] > summary { border-bottom: 1px solid var(--aj-border); }
.aj-wq-comparison-card[open] > summary .aj-wq-row-chevron { transform: rotate(90deg); }
.aj-wq-year-table-wrap { overflow-x: auto; padding: 16px 18px 8px; -webkit-overflow-scrolling: touch; }
.aj-wq-year-table { width: 100%; min-width: 820px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.aj-wq-year-table th,
.aj-wq-year-table td { padding: 10px 7px; border-right: 1px solid var(--aj-border); border-bottom: 1px solid var(--aj-border); text-align: center; font-size: 12px; }
.aj-wq-year-table thead th { width: 66px; border-top: 1px solid var(--aj-border); background: #f6f8f9; color: var(--aj-muted); font-size: 11px; white-space: nowrap; }
.aj-wq-year-table thead th:first-child { width: 160px; }
.aj-wq-year-table thead th:first-child,
.aj-wq-year-table tbody th { border-left: 1px solid var(--aj-border); text-align: left; }
.aj-wq-year-table tbody th { width: 160px; padding-left: 12px; padding-right: 12px; background: #fbfcfc; line-height: 1.25; overflow-wrap: normal; word-break: normal; }
.aj-wq-year-table tbody th strong,
.aj-wq-year-table tbody th small { display: block; }
.aj-wq-year-table tbody th small { margin-top: 2px; color: var(--aj-muted); font-size: 10px; }
.aj-wq-year-table td.is-good { background: #f1f9f4; color: var(--aj-wq-good); }
.aj-wq-year-table td.is-bad { background: #fff2f2; color: var(--aj-wq-bad); font-weight: 800; }
.aj-wq-year-table td.is-empty { color: #a0a8ad; background: #fafbfb; }
.aj-wq-year-table-note { margin: 6px 18px 16px; color: var(--aj-muted); font-size: 11px; }

/* Measurement form */
.aj-wq-measure-head.is-repeat { border-color: var(--aj-wq-open-border); background: linear-gradient(135deg, #fff 0%, #fff9e9 100%); }
.aj-wq-measure-form { overflow: hidden; }
.aj-wq-form-section { border-bottom: 1px solid var(--aj-border); }
.aj-wq-form-section:last-of-type { border-bottom: 0; }
.aj-wq-form-section-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 18px; background: #f8fafb; border-bottom: 1px solid var(--aj-border); }
.aj-wq-form-section-head > div { display: flex; align-items: center; gap: 9px; }
.aj-wq-form-section-head > div > span { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--aj-wq-accent); color: #fff; font-size: 11px; font-weight: 900; }
.aj-wq-form-section-head strong { font-size: 14px; }
.aj-wq-form-section-head small { color: var(--aj-muted); font-size: 11px; }
.aj-wq-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px 18px; }
.aj-wq-form-grid-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aj-wq-form-grid label,
.aj-wq-form-note label { display: grid; gap: 6px; }
.aj-wq-context-field { display: grid; gap: 6px; align-content: start; min-height: 44px; padding: 1px 0; }
.aj-wq-context-field span { color: #34434a; font-size: 13px; font-weight: 750; }
.aj-wq-context-field strong { padding: 10px 0; font-size: 14px; }
.aj-wq-measure-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 16px 18px; }
.aj-wq-measure-item { display: grid; gap: 8px; align-content: start; min-width: 0; padding: 14px; border: 1px solid var(--aj-border); border-radius: 12px; background: #fbfcfc; }
.aj-wq-measure-label { display: grid; gap: 2px; }
.aj-wq-measure-label strong { font-size: 14px; }
.aj-wq-measure-label small { color: var(--aj-muted); font-size: 11px; line-height: 1.35; }
.aj-wq-input-line { display: flex; align-items: center; gap: 8px; }
.aj-wq-input-line input { min-width: 0; }
.aj-wq-input-line b { flex: 0 0 auto; color: var(--aj-muted); font-size: 12px; white-space: nowrap; }
.aj-wq-live-status { display: inline-flex; justify-self: start; align-items: center; min-height: 26px; padding: 3px 8px; border: 1px solid var(--aj-border); border-radius: 999px; color: var(--aj-muted); background: #f4f6f7; font-size: 11px; font-weight: 800; }
.aj-wq-live-status.is-good { color: var(--aj-wq-good); background: var(--aj-wq-good-bg); border-color: var(--aj-wq-good-border); }
.aj-wq-live-status.is-bad { color: var(--aj-wq-bad); background: var(--aj-wq-bad-bg); border-color: var(--aj-wq-bad-border); }
.aj-wq-form-note { padding: 16px 18px; }
.aj-wq-form-submit { display: flex; justify-content: flex-end; gap: 8px; padding: 15px 18px; border-top: 1px solid var(--aj-border); background: #fbfcfc; }

/* Cockpit landing */
.aj-wq-profile-list { display: grid; gap: 9px; margin-bottom: 14px; }
.aj-wq-profile-row {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto 20px;
    gap: 16px;
    align-items: center;
    min-height: 78px;
    padding: 13px 16px;
    border: 1px solid var(--aj-border);
    border-radius: 14px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(24, 32, 38, .025);
    transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.aj-wq-profile-row:hover { transform: translateY(-1px); border-color: #b9cdd0; box-shadow: var(--aj-shadow); }
.aj-wq-profile-row.is-inactive { background: #f8f9fa; opacity: .78; }
.aj-wq-profile-row-main { display: grid; grid-template-columns: 11px minmax(0, 1fr); gap: 10px; align-items: center; min-width: 0; }
.aj-wq-profile-row-main > div { min-width: 0; }
.aj-wq-profile-row-main strong { display: block; font-size: 16px; }
.aj-wq-profile-row-main small { display: block; margin-top: 2px; overflow: hidden; color: var(--aj-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.aj-wq-profile-dot { width: 10px; height: 10px; border-radius: 999px; background: #a9b0b5; box-shadow: 0 0 0 4px #f0f2f3; }
.aj-wq-profile-dot.is-ready { background: #38a169; box-shadow: 0 0 0 4px #edf8f1; }
.aj-wq-profile-dot.is-warning { background: #d99a2b; box-shadow: 0 0 0 4px #fff6df; }
.aj-wq-profile-row-meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 12px; color: var(--aj-muted); font-size: 11px; }
.aj-wq-profile-row-meta b { color: var(--aj-text); }
.aj-wq-profile-row-state { display: flex; justify-content: flex-end; }

.aj-wq-create-profile { margin: 0 0 16px; border: 1px dashed var(--aj-wq-accent-border); border-radius: 14px; background: #f8fbfb; overflow: hidden; }
.aj-wq-create-profile > summary { padding: 13px 16px; color: var(--aj-wq-accent-dark); font-size: 13px; font-weight: 800; cursor: pointer; list-style: none; }
.aj-wq-create-profile > summary::-webkit-details-marker { display: none; }
.aj-wq-create-profile[open] > summary { border-bottom: 1px solid var(--aj-wq-accent-border); }
.aj-wq-create-profile form { padding-bottom: 15px; }
.aj-wq-create-profile .aj-form-actions { padding: 0 18px; }

/* Cockpit editor */
.aj-wq-profile-editor-state { display: flex; align-items: center; gap: 8px; }
.aj-wq-editor-tabs { display: flex; gap: 5px; margin: 0 0 14px; padding: 5px; border: 1px solid var(--aj-border); border-radius: 12px; background: #fff; overflow-x: auto; }
.aj-wq-editor-tabs a { flex: 0 0 auto; padding: 8px 12px; border-radius: 8px; color: var(--aj-muted); font-size: 13px; font-weight: 750; text-decoration: none; }
.aj-wq-editor-tabs a:hover { background: #f4f6f7; color: var(--aj-text); }
.aj-wq-editor-tabs a.is-active { background: var(--aj-wq-accent); color: #fff; }
.aj-wq-editor-form { display: grid; gap: 12px; }
.aj-wq-editor-panel { border: 1px solid var(--aj-border); border-radius: 14px; background: #fff; overflow: hidden; box-shadow: 0 2px 10px rgba(24, 32, 38, .025); }
.aj-wq-editor-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--aj-border); background: #fafbfc; }
.aj-wq-editor-panel-head h3 { margin: 0 0 2px; font-size: 16px; }
.aj-wq-editor-panel-head p { margin: 0; color: var(--aj-muted); font-size: 11px; }
.aj-wq-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px; }
.aj-wq-editor-grid label { display: grid; gap: 6px; min-width: 0; }
.aj-wq-editor-grid .is-wide,
.aj-wq-parameter-fields .is-wide,
.aj-wq-point-create-grid .is-wide,
.aj-wq-point-edit-grid .is-wide { grid-column: 1 / -1; }
.aj-wq-switch { display: inline-flex !important; align-items: center; gap: 8px !important; cursor: pointer; white-space: nowrap; }
.aj-wq-switch input { width: 20px; height: 20px; accent-color: var(--aj-wq-accent); }
.aj-wq-option-list { display: grid; gap: 9px; padding: 16px; }
.aj-wq-option { display: flex !important; align-items: flex-start; gap: 10px !important; min-height: 58px; padding: 11px 12px; border: 1px solid var(--aj-border); border-radius: 11px; background: #fbfcfc; cursor: pointer; }
.aj-wq-option input { flex: 0 0 auto; width: 19px !important; height: 19px !important; min-height: 0 !important; margin-top: 2px; accent-color: var(--aj-wq-accent); }
.aj-wq-option > span { display: grid; gap: 2px; }
.aj-wq-option > span strong { font-size: 13px; }
.aj-wq-option > span small { color: var(--aj-muted); font-size: 11px; line-height: 1.35; }
.aj-wq-option.is-compact { grid-column: 1 / -1; min-height: 50px; }
.aj-wq-sticky-save { position: sticky; bottom: 10px; z-index: 4; display: flex; justify-content: flex-end; margin-top: 2px; padding: 9px; border: 1px solid rgba(215, 228, 230, .96); border-radius: 12px; background: rgba(255, 255, 255, .94); box-shadow: 0 8px 28px rgba(24, 32, 38, .12); backdrop-filter: blur(10px); }

/* Asset assignment */
.aj-wq-selected-count { flex: 0 0 auto; padding: 5px 9px; border-radius: 999px; background: var(--aj-wq-accent-soft); color: var(--aj-wq-accent-dark); font-size: 11px; font-weight: 800; }
.aj-wq-asset-picker-tools { display: flex; align-items: end; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--aj-border); }
.aj-wq-asset-picker-tools label { display: grid; gap: 5px; width: min(420px, 100%); }
.aj-wq-asset-picker-tools > div { display: flex; gap: 7px; }
.aj-wq-asset-picker { display: grid; max-height: 580px; overflow-y: auto; }
.aj-wq-asset-pick-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 62px; padding: 9px 16px; border-bottom: 1px solid var(--aj-border); }
.aj-wq-asset-pick-row:last-child { border-bottom: 0; }
.aj-wq-asset-pick-row[hidden] { display: none !important; }
.aj-wq-asset-pick-row > label { display: flex; align-items: center; gap: 10px; min-width: 0; cursor: pointer; }
.aj-wq-asset-pick-row > label > input { flex: 0 0 auto; width: 19px; height: 19px; min-height: 0; accent-color: var(--aj-wq-accent); }
.aj-wq-asset-pick-row > label > span { display: grid; gap: 2px; min-width: 0; }
.aj-wq-asset-pick-row > label strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.aj-wq-asset-pick-row > label small { color: var(--aj-muted); font-size: 11px; font-weight: 600; }
.aj-wq-asset-pick-row > label small.is-warning { color: var(--aj-wq-open); font-weight: 750; }

/* Parameter editor */
.aj-wq-parameter-stack { display: grid; gap: 9px; padding: 14px 16px; }
.aj-wq-parameter-item,
.aj-wq-new-parameter-box { overflow: hidden; border: 1px solid var(--aj-border); border-radius: 11px; background: #fbfcfc; }
.aj-wq-parameter-item > summary,
.aj-wq-new-parameter-box > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; cursor: pointer; list-style: none; }
.aj-wq-parameter-item > summary::-webkit-details-marker,
.aj-wq-new-parameter-box > summary::-webkit-details-marker { display: none; }
.aj-wq-parameter-item > summary > span:first-child { display: grid; gap: 2px; }
.aj-wq-parameter-item > summary strong { font-size: 13px; }
.aj-wq-parameter-item > summary small { color: var(--aj-muted); font-size: 11px; font-weight: 600; }
.aj-wq-parameter-summary-meta { color: var(--aj-muted); font-size: 11px; font-weight: 750; }
.aj-wq-parameter-item[open] > summary,
.aj-wq-new-parameter-box[open] > summary { border-bottom: 1px solid var(--aj-border); background: #f7f9fa; }
.aj-wq-parameter-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 14px; }
.aj-wq-parameter-fields label { display: grid; gap: 6px; min-width: 0; }
.aj-wq-new-parameter-box { margin: 0 16px 16px; border-style: dashed; border-color: var(--aj-wq-accent-border); background: var(--aj-wq-accent-soft); }
.aj-wq-new-parameter-box > summary { color: var(--aj-wq-accent-dark); font-size: 13px; font-weight: 800; }

/* Sampling points */
.aj-wq-point-create-panel { margin-bottom: 12px; }
.aj-wq-point-create-grid,
.aj-wq-point-edit-grid,
.aj-wq-bulk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 14px 16px; }
.aj-wq-point-create-grid label,
.aj-wq-point-edit-grid label,
.aj-wq-bulk-grid label { display: grid; gap: 6px; min-width: 0; }
.aj-wq-point-create-panel .aj-form-actions { padding: 0 16px 15px; }
.aj-wq-bulk-add { margin: 0 0 14px; border: 1px dashed var(--aj-wq-accent-border); border-radius: 12px; background: #f8fbfb; overflow: hidden; }
.aj-wq-bulk-add > summary { padding: 12px 15px; color: var(--aj-wq-accent-dark); font-size: 13px; font-weight: 800; cursor: pointer; list-style: none; }
.aj-wq-bulk-add > summary::-webkit-details-marker { display: none; }
.aj-wq-bulk-add[open] > summary { border-bottom: 1px solid var(--aj-wq-accent-border); }
.aj-wq-bulk-add .aj-form-actions { padding: 0 16px 15px; }
.aj-wq-points-list { display: grid; gap: 12px; }
.aj-wq-point-group { border: 1px solid var(--aj-border); border-radius: 14px; background: #fff; overflow: hidden; }
.aj-wq-point-group-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 15px; border-bottom: 1px solid var(--aj-border); background: #f7fafb; }
.aj-wq-point-group-head strong { font-size: 13px; }
.aj-wq-point-group-head span { color: var(--aj-muted); font-size: 11px; }
.aj-wq-point-item { border-bottom: 1px solid var(--aj-border); }
.aj-wq-point-item:last-child { border-bottom: 0; }
.aj-wq-point-item.is-inactive { background: #f8f9fa; opacity: .78; }
.aj-wq-point-item > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; min-height: 64px; padding: 10px 15px; cursor: pointer; list-style: none; }
.aj-wq-point-item > summary::-webkit-details-marker { display: none; }
.aj-wq-point-item > summary > div:first-child { display: grid; gap: 2px; min-width: 0; }
.aj-wq-point-item > summary strong { font-size: 13px; }
.aj-wq-point-item > summary span:not(.aj-wq-status) { overflow: hidden; color: var(--aj-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.aj-wq-point-summary-state { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.aj-wq-point-summary-state small { color: var(--aj-muted); font-size: 11px; }
.aj-wq-point-item[open] > summary { border-bottom: 1px solid var(--aj-border); background: #fbfcfc; }
.aj-wq-point-item form .aj-form-actions { padding: 0 16px 15px; }

/* Export */
.aj-wq-export-card { overflow: hidden; }
.aj-wq-export-summary { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 12px; padding: 15px 18px; border-bottom: 1px solid var(--aj-border); background: #fafbfc; }
.aj-wq-export-summary > div { display: grid; gap: 2px; }
.aj-wq-export-summary span { color: var(--aj-muted); font-size: 11px; }
.aj-wq-export-summary strong { font-size: 14px; }

/* Compatibility with remaining module components */
.aj-wq-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.aj-wq-limit-summary { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.aj-wq-limit-summary span { padding: 4px 8px; border: 1px solid var(--aj-wq-accent-border); border-radius: 999px; background: var(--aj-wq-accent-soft); color: var(--aj-wq-accent-dark); font-size: 11px; font-weight: 750; }
.aj-wq-settings-grid { display: grid; gap: 12px; }
.aj-wq-settings-version { display: flex; justify-content: space-between; gap: 12px; }
.aj-wq-settings-version span { color: var(--aj-muted); font-size: 12px; }
.aj-wq-settings-version strong { font-size: 14px; }

@media (max-width: 980px) {
    .aj-wq-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aj-wq-asset-row { grid-template-columns: minmax(220px, 1fr) minmax(170px, .7fr) auto 20px; }
    .aj-wq-target-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aj-wq-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aj-wq-measure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aj-wq-form-grid-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aj-wq-parameter-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aj-wq-profile-row { grid-template-columns: minmax(220px, 1fr) auto 20px; }
    .aj-wq-profile-row-state { grid-column: 2; grid-row: 2; }
    .aj-wq-profile-row-meta { grid-column: 2; grid-row: 1; }
    .aj-wq-profile-row > .aj-wq-row-chevron { grid-column: 3; grid-row: 1 / span 2; }
}

@media (max-width: 760px) {
    /* Seiten-/Headergeometrie vollständig vom Core erben. */
    .aj-wq-overview-head,
    .aj-wq-cockpit-head,
    .aj-wq-points-head,
    .aj-wq-profile-editor-head,
    .aj-wq-asset-hero,
    .aj-wq-target-hero,
    .aj-wq-measure-head { align-items: stretch; flex-direction: column; gap: 12px; }
    .aj-wq-asset-hero-status,
    .aj-wq-target-hero-state { justify-content: flex-start; }
    .aj-wq-toolbar-form { grid-template-columns: 1fr; }
    .aj-wq-toolbar-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .aj-wq-toolbar-actions .aj-button:only-child { grid-column: 1 / -1; }
    .aj-wq-setup-notice { grid-template-columns: 1fr; }
    .aj-wq-asset-row { grid-template-columns: minmax(0, 1fr) 20px; gap: 9px 12px; padding: 13px 14px; }
    .aj-wq-asset-main { grid-column: 1; }
    .aj-wq-asset-meta { grid-column: 1; display: flex; flex-wrap: wrap; gap: 4px 12px; }
    .aj-wq-asset-statuses { grid-column: 1; justify-content: flex-start; }
    .aj-wq-asset-row > .aj-wq-row-chevron { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
    .aj-wq-profile-section-head { flex-direction: column; }
    .aj-wq-profile-section-status { justify-content: flex-start; }
    .aj-wq-target-row { grid-template-columns: minmax(0, 1fr) 20px; gap: 6px 12px; padding: 11px 14px; }
    .aj-wq-target-state { grid-column: 1; justify-content: flex-start; }
    .aj-wq-target-last { grid-column: 1; text-align: left; }
    .aj-wq-target-row > .aj-wq-row-chevron { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
    .aj-wq-warning-control { grid-template-columns: 1fr; }
    .aj-wq-history-row { grid-template-columns: 92px minmax(0, 1fr); }
    .aj-wq-history-side { grid-column: 2; justify-self: start; }
    .aj-wq-history-note { grid-column: 2; }
    .aj-wq-profile-row { grid-template-columns: minmax(0, 1fr) 20px; gap: 8px 12px; }
    .aj-wq-profile-row-main { grid-column: 1; }
    .aj-wq-profile-row-meta { grid-column: 1; grid-row: 2; justify-content: flex-start; }
    .aj-wq-profile-row-state { grid-column: 1; grid-row: 3; justify-content: flex-start; }
    .aj-wq-profile-row > .aj-wq-row-chevron { grid-column: 2; grid-row: 1 / span 3; }
    .aj-wq-editor-grid,
    .aj-wq-parameter-fields,
    .aj-wq-point-create-grid,
    .aj-wq-point-edit-grid,
    .aj-wq-bulk-grid,
    .aj-wq-form-grid,
    .aj-wq-form-grid-meta { grid-template-columns: 1fr; }
    .aj-wq-editor-grid .is-wide,
    .aj-wq-parameter-fields .is-wide,
    .aj-wq-point-create-grid .is-wide,
    .aj-wq-point-edit-grid .is-wide { grid-column: auto; }
    .aj-wq-editor-panel-head { align-items: flex-start; flex-direction: column; }
    .aj-wq-asset-picker-tools { align-items: stretch; flex-direction: column; }
    .aj-wq-asset-picker-tools label { width: 100%; }
    .aj-wq-asset-pick-row { grid-template-columns: 1fr; }
    .aj-wq-asset-pick-row > .aj-button { width: 100%; }
    .aj-wq-point-item > summary { grid-template-columns: 1fr; }
    .aj-wq-point-summary-state { justify-content: flex-start; }
    .aj-wq-export-summary { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .aj-wq-kpis { grid-template-columns: 1fr 1fr; gap: 8px; }
    .aj-wq-kpi { min-height: 94px; padding: 12px; }
    .aj-wq-kpi > strong { font-size: 27px; }
    .aj-wq-target-summary { grid-template-columns: 1fr 1fr; }
    .aj-wq-result-grid,
    .aj-wq-measure-grid { grid-template-columns: 1fr; }
    .aj-wq-target-actions,
    .aj-wq-form-submit { display: grid; grid-template-columns: 1fr; }
    .aj-wq-target-actions .aj-button,
    .aj-wq-form-submit .aj-button,
    .aj-wq-sticky-save .aj-button { width: 100%; }
    .aj-wq-history-row { grid-template-columns: 1fr; gap: 7px; }
    .aj-wq-history-side,
    .aj-wq-history-note { grid-column: 1; }
    .aj-wq-form-section-head { align-items: flex-start; }
    .aj-wq-form-section-head > small { text-align: right; }
    .aj-wq-toolbar-actions { grid-template-columns: 1fr; }
    .aj-wq-toolbar-actions .aj-button { width: 100%; }
    .aj-wq-asset-picker-tools > div { display: grid; grid-template-columns: 1fr 1fr; }
    .aj-wq-asset-picker-tools .aj-button { width: 100%; }
}

/* Setup rows have an action instead of a chevron. */
.aj-wq-target-row.is-setup > .aj-button { justify-self: end; }
@media (max-width: 760px) {
    .aj-wq-target-row.is-setup > .aj-button { grid-column: 1; justify-self: start; }
}


/* ===== 1.5 UX shell ====================================================== */
.aj-wq-status.is-overdue { color:#8d1f1f; background:#ffe9e9; border-color:#e89b9b; }
.aj-wq-page-intro,.aj-wq-home-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 16px}
.aj-wq-page-intro h2,.aj-wq-home-hero h2{margin:2px 0 5px;font-size:28px;line-height:1.14}
.aj-wq-page-intro p,.aj-wq-home-hero p{margin:0;color:var(--aj-muted);font-size:14px;line-height:1.45}
.aj-wq-home-hero{align-items:center;padding:20px 22px;border:1px solid var(--aj-wq-accent-border);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#edf7f8 100%)}
.aj-wq-profile-chips{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding:2px 1px 4px;scrollbar-width:thin}
.aj-wq-chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid var(--aj-border);border-radius:999px;background:#fff;color:#4f6067;font-size:13px;font-weight:750;text-decoration:none}
.aj-wq-chip:hover{border-color:var(--aj-wq-accent-border);color:var(--aj-wq-accent-dark)}
.aj-wq-chip.is-active{border-color:var(--aj-wq-accent);background:var(--aj-wq-accent);color:#fff}
.aj-wq-kpis-home{grid-template-columns:repeat(4,minmax(0,1fr))}
.aj-wq-kpi-tile{display:grid;gap:4px;min-height:108px;padding:15px 16px;border:1px solid var(--aj-border);border-radius:15px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 2px 10px rgba(24,32,38,.025)}
.aj-wq-kpi-tile>span{font-size:12px;font-weight:800;color:var(--aj-muted)}
.aj-wq-kpi-tile>strong{font-size:31px;line-height:1.04;letter-spacing:-.02em}
.aj-wq-kpi-tile>small{align-self:end;font-size:11px;line-height:1.25;color:var(--aj-muted)}
a.aj-wq-kpi-tile:hover{transform:translateY(-1px);box-shadow:var(--aj-shadow)}
.aj-wq-kpi-tile.is-due{border-color:var(--aj-wq-open-border)}
.aj-wq-kpi-tile.is-overdue{border-color:#e9a4a4;background:#fffafa}
.aj-wq-kpi-tile.is-bad{border-color:var(--aj-wq-bad-border)}
.aj-wq-kpi-tile.is-current{border-color:var(--aj-wq-good-border)}
.aj-wq-setup-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:12px 15px;border:1px solid var(--aj-wq-setup-border);border-radius:13px;background:var(--aj-wq-setup-bg);color:inherit;text-decoration:none}
.aj-wq-setup-strip span{display:grid;gap:2px}.aj-wq-setup-strip strong{font-size:13px}.aj-wq-setup-strip small{font-size:11px;color:#766449}.aj-wq-setup-strip b{font-size:12px;color:var(--aj-wq-setup)}
.aj-wq-dashboard-section{margin-top:18px}.aj-wq-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px}.aj-wq-section-head h3{margin:0 0 2px;font-size:18px}.aj-wq-section-head p{margin:0;color:var(--aj-muted);font-size:12px}.aj-wq-count-bubble{min-width:30px;height:30px;display:grid;place-items:center;padding:0 9px;border-radius:999px;background:#e9f3f4;color:var(--aj-wq-accent-dark);font-size:12px;font-weight:850}
.aj-wq-all-good{display:grid;gap:3px;padding:18px 20px;border:1px solid var(--aj-wq-good-border);border-radius:15px;background:var(--aj-wq-good-bg)}.aj-wq-all-good strong{color:var(--aj-wq-good);font-size:15px}.aj-wq-all-good span{color:#52705d;font-size:12px}
.aj-wq-asset-list-compact,.aj-wq-asset-list-full{display:grid;gap:8px}.aj-wq-asset-row-v2{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;gap:16px;align-items:center;min-height:70px;padding:12px 15px;border:1px solid var(--aj-border);border-radius:13px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 1px 7px rgba(24,32,38,.025)}.aj-wq-asset-row-v2:hover{border-color:#b9cdd0;box-shadow:var(--aj-shadow)}.aj-wq-asset-row-v2.has-attention{border-left:4px solid #d7a242;padding-left:12px}.aj-wq-asset-row-copy{display:grid;gap:2px;min-width:0}.aj-wq-asset-row-copy strong{font-size:15px}.aj-wq-asset-row-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--aj-muted);font-size:11px}.aj-wq-asset-row-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.aj-wq-current-assets{margin:14px 0 0;border:1px solid var(--aj-border);border-radius:14px;background:#fff;overflow:hidden}.aj-wq-current-assets>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.aj-wq-current-assets>summary::-webkit-details-marker{display:none}.aj-wq-current-assets>summary>span{display:grid;gap:2px}.aj-wq-current-assets>summary strong{font-size:13px}.aj-wq-current-assets>summary small{color:var(--aj-muted);font-size:11px}.aj-wq-current-assets>summary b{font-size:11px;color:var(--aj-wq-accent-dark)}.aj-wq-current-assets[open]>summary{border-bottom:1px solid var(--aj-border)}.aj-wq-current-assets>.aj-wq-asset-list{padding:10px}
.aj-wq-task-tabs{display:flex;gap:7px;margin:0 0 12px;overflow-x:auto}.aj-wq-task-tabs a{flex:0 0 auto;padding:8px 12px;border-radius:9px;color:#59686e;font-size:12px;font-weight:800;text-decoration:none}.aj-wq-task-tabs a:hover{background:#f0f5f5}.aj-wq-task-tabs a.is-active{background:#e5f0f1;color:var(--aj-wq-accent-dark)}
.aj-wq-task-list{display:grid;gap:8px}.aj-wq-task-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--aj-border);border-left:4px solid var(--aj-wq-open-border);border-radius:13px;background:#fff}.aj-wq-task-row.is-overdue{border-left-color:#d06464}.aj-wq-task-row.is-bad{border-left-color:var(--aj-wq-bad-border)}.aj-wq-task-copy{display:grid;gap:2px;min-width:0;color:inherit;text-decoration:none}.aj-wq-task-kicker{color:var(--aj-muted);font-size:11px}.aj-wq-task-copy strong{font-size:15px}.aj-wq-task-copy small{color:var(--aj-muted);font-size:11px}.aj-wq-task-state{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.aj-wq-assets-intro{align-items:center}.aj-wq-assets-intro form{display:flex;gap:7px;min-width:min(420px,44%)}.aj-wq-assets-intro form input{min-width:0}
.aj-wq-asset-hero-v2{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px 20px;border:1px solid var(--aj-wq-accent-border);border-radius:16px;background:linear-gradient(135deg,#fff,#f1f8f8)}.aj-wq-asset-hero-v2 h2{margin:2px 0 4px;font-size:27px}.aj-wq-asset-hero-v2 p{margin:0;color:var(--aj-muted);font-size:12px}
.aj-wq-program-stack{display:grid;gap:12px}.aj-wq-program-card{border:1px solid var(--aj-border);border-radius:15px;background:#fff;overflow:hidden}.aj-wq-program-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--aj-border);background:#fbfcfc}.aj-wq-program-card h3{margin:1px 0 0;font-size:17px}.aj-wq-program-card>footer{padding:10px 15px;border-top:1px solid var(--aj-border);background:#fafcfc}.aj-wq-program-card>footer a{font-size:12px;font-weight:800;color:var(--aj-wq-accent-dark);text-decoration:none}
.aj-wq-area-card{border-bottom:1px solid var(--aj-border)}.aj-wq-area-card:last-of-type{border-bottom:0}.aj-wq-area-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 15px;cursor:pointer;list-style:none;background:#fff}.aj-wq-area-card>summary::-webkit-details-marker{display:none}.aj-wq-area-card>summary>span:first-child{display:grid;gap:1px}.aj-wq-area-card>summary strong{font-size:13px}.aj-wq-area-card>summary small{font-size:10px;color:var(--aj-muted)}.aj-wq-area-summary-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.aj-wq-area-summary-status b{font-size:10px}.aj-wq-area-summary-status b.is-overdue,.aj-wq-area-summary-status b.is-bad{color:var(--aj-wq-bad)}.aj-wq-area-summary-status b.is-due{color:var(--aj-wq-open)}.aj-wq-area-summary-status b.is-good{color:var(--aj-wq-good)}.aj-wq-area-summary-status i{font-style:normal;font-size:20px;color:#8b969d;transition:transform .15s ease}.aj-wq-area-card[open] .aj-wq-area-summary-status i{transform:rotate(90deg)}.aj-wq-target-list-v2{border-top:1px solid var(--aj-border);background:#fcfdfd}.aj-wq-target-row-v2{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:12px;align-items:center;min-height:58px;padding:9px 15px;border-bottom:1px solid var(--aj-border);color:inherit;text-decoration:none}.aj-wq-target-row-v2:last-child{border-bottom:0}.aj-wq-target-row-v2[href]:hover{background:#f3f8f8}.aj-wq-target-row-v2>div:first-child{display:grid;gap:1px}.aj-wq-target-row-v2 strong{font-size:13px}.aj-wq-target-row-v2 span{font-size:10px;color:var(--aj-muted)}.aj-wq-target-row-state{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.aj-wq-target-row-v2.is-setup{grid-template-columns:minmax(0,1fr) auto}
.aj-wq-direct-access{margin:0 0 14px;border:1px solid var(--aj-border);border-radius:13px;background:#fff;overflow:hidden}.aj-wq-direct-access>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;cursor:pointer;list-style:none}.aj-wq-direct-access>summary::-webkit-details-marker{display:none}.aj-wq-direct-access>summary>span:first-child{display:grid;gap:1px}.aj-wq-direct-access>summary strong{font-size:12px}.aj-wq-direct-access>summary small{font-size:10px;color:var(--aj-muted)}.aj-wq-direct-access-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border-top:1px solid var(--aj-border)}.aj-wq-direct-access-body p{margin:0 0 10px;color:var(--aj-muted);font-size:12px;line-height:1.45}.aj-wq-qr-box{display:grid;place-items:center;min-height:170px;padding:10px;border:1px solid var(--aj-border);border-radius:12px;background:#fff}.aj-wq-qr-box svg{display:block;max-width:150px;height:auto}.aj-wq-qr-box span{font-size:11px;color:var(--aj-muted);text-align:center}
.aj-wq-measure-compact-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px}.aj-wq-measure-compact-head h2{margin:2px 0 3px;font-size:25px}.aj-wq-measure-compact-head p{margin:0;color:var(--aj-muted);font-size:12px}.aj-wq-measure-form-compact{overflow:hidden}.aj-wq-measure-topline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px;border-bottom:1px solid var(--aj-border);background:#fafcfc}.aj-wq-measure-topline label{display:grid;gap:5px}.aj-wq-measure-values{display:grid;gap:0}.aj-wq-measure-values .aj-wq-measure-item{border:0;border-bottom:1px solid var(--aj-border);border-radius:0;padding:14px 16px;grid-template-columns:minmax(180px,1fr) minmax(180px,.6fr) auto;align-items:center}.aj-wq-optional-note{border-bottom:1px solid var(--aj-border)}.aj-wq-optional-note>summary{padding:11px 16px;cursor:pointer;font-size:12px;font-weight:800;color:var(--aj-wq-accent-dark)}.aj-wq-optional-note>label{display:grid;gap:5px;padding:0 16px 14px}.aj-wq-measure-form-compact .aj-wq-form-submit{margin:0;padding:14px 16px;background:#fafcfc}
.aj-wq-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aj-wq-analysis-card{border:1px solid var(--aj-border);border-radius:14px;background:#fff;padding:14px 15px}.aj-wq-analysis-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.aj-wq-analysis-card header>div{display:grid;gap:2px}.aj-wq-analysis-card header strong{font-size:14px}.aj-wq-analysis-card header span{font-size:10px;color:var(--aj-muted)}.aj-wq-analysis-card header>b{font-size:25px;color:var(--aj-wq-accent-dark)}.aj-wq-analysis-card>div{display:flex;gap:14px;flex-wrap:wrap}.aj-wq-analysis-card>div span{font-size:11px;color:var(--aj-muted)}.aj-wq-analysis-card>div b{color:var(--aj-text)}.aj-wq-export-simple{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:16px 18px}.aj-wq-export-simple h3{margin:1px 0 3px;font-size:16px}.aj-wq-export-simple p{margin:0;color:var(--aj-muted);font-size:11px}

@media(max-width:900px){.aj-wq-kpis-home{grid-template-columns:repeat(2,minmax(0,1fr))}.aj-wq-analysis-grid{grid-template-columns:1fr}.aj-wq-assets-intro{align-items:stretch;flex-direction:column}.aj-wq-assets-intro form{min-width:0;width:100%}}
@media(max-width:700px){.aj-wq-home-hero,.aj-wq-page-intro,.aj-wq-asset-hero-v2,.aj-wq-program-card>header,.aj-wq-measure-compact-head,.aj-wq-export-simple{align-items:stretch;flex-direction:column}.aj-wq-task-row{grid-template-columns:minmax(0,1fr) auto}.aj-wq-task-copy{grid-column:1}.aj-wq-task-state{grid-column:1;justify-content:flex-start}.aj-wq-task-row>.aj-button{grid-column:2;grid-row:1/3}.aj-wq-asset-row-v2{grid-template-columns:minmax(0,1fr) 18px}.aj-wq-asset-row-status{grid-column:1;justify-content:flex-start}.aj-wq-asset-row-v2>.aj-wq-row-chevron{grid-column:2;grid-row:1/3}.aj-wq-area-card>summary{align-items:flex-start}.aj-wq-area-summary-status{max-width:52%}.aj-wq-target-row-v2{grid-template-columns:minmax(0,1fr) 18px}.aj-wq-target-row-state{grid-column:1;justify-content:flex-start}.aj-wq-target-row-v2>.aj-wq-row-chevron{grid-column:2;grid-row:1/2}.aj-wq-direct-access-body{grid-template-columns:1fr}.aj-wq-qr-box{max-width:210px}.aj-wq-measure-topline{grid-template-columns:1fr}.aj-wq-measure-values .aj-wq-measure-item{grid-template-columns:1fr}.aj-wq-analysis-card>div{display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.aj-wq-kpis-home{grid-template-columns:1fr 1fr}.aj-wq-kpi-tile{min-height:96px;padding:12px}.aj-wq-kpi-tile>strong{font-size:27px}.aj-wq-task-row{grid-template-columns:1fr}.aj-wq-task-row>.aj-button{grid-column:1;grid-row:auto;width:100%}.aj-wq-assets-intro form{display:grid;grid-template-columns:1fr}.aj-wq-area-card>summary{flex-direction:column}.aj-wq-area-summary-status{max-width:none;justify-content:flex-start}.aj-wq-analysis-card>div{grid-template-columns:1fr 1fr}.aj-wq-export-simple .aj-button{width:100%}}


/* 1.5.4 – kontextbezogene Seitenhilfe für Einrichtung und Einstellungen */
.aj-wq-help-trigger{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--aj-wq-accent-dark,#2f6f75);cursor:pointer}
.aj-wq-help-trigger:hover,.aj-wq-help-trigger:focus-visible{background:var(--aj-wq-accent-soft,#edf6f6);outline:none;box-shadow:0 0 0 3px rgba(47,111,117,.14)}
.aj-wq-help-icon{display:block;width:22px;height:22px}
.aj-wq-profile-editor-state,.aj-wq-points-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.aj-wq-help-dialog{width:min(560px,calc(100vw - 28px));max-width:560px;border:0;border-radius:18px;padding:0;color:var(--aj-text,#182328);background:#fff;box-shadow:0 24px 70px rgba(24,35,40,.26)}
.aj-wq-help-dialog::backdrop{background:rgba(18,27,32,.34);backdrop-filter:blur(2px)}
.aj-wq-help-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 12px;border-bottom:1px solid rgba(24,35,40,.08)}
.aj-wq-help-dialog-head h2{margin:3px 0 0;font-size:1.25rem;line-height:1.2}
.aj-wq-help-kicker{display:block;font-size:.72rem;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--aj-muted,#66757c)}
.aj-wq-help-close{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--aj-text,#182328);cursor:pointer}
.aj-wq-help-close:hover,.aj-wq-help-close:focus-visible{background:rgba(24,35,40,.07);outline:none}
.aj-wq-help-close .aj-wq-help-icon{width:22px;height:22px}
.aj-wq-help-dialog-body{padding:18px 22px 22px;font-size:.96rem;line-height:1.58;color:var(--aj-text,#182328);white-space:pre-line}
@media(max-width:700px){.aj-wq-cockpit-head{flex-direction:row!important}.aj-wq-profile-editor-head,.aj-wq-points-head{flex-direction:column}.aj-wq-profile-editor-state,.aj-wq-points-head-actions{width:100%;justify-content:flex-start}.aj-wq-help-trigger{width:40px;height:40px;flex-basis:40px}.aj-wq-help-dialog{width:calc(100vw - 22px)}.aj-wq-help-dialog-head{padding:18px 18px 11px}.aj-wq-help-dialog-body{padding:16px 18px 20px}}