/* Reference: one smart field, neutral surfaces and progressively revealed detail.
   The expert workspace keeps its existing layout and styling. */
.simple-only { display: none; }
.view-switch { display: inline-flex; flex: 0 0 auto; gap: 2px; padding: 3px; border: 1px solid #D6DADC; border-radius: 999px; background: #ECEEEF; }
.view-switch button { appearance: none; border: 0; border-radius: 999px; padding: 6px 14px; background: transparent; color: #4D5A60; font: 600 13px/1.5 var(--font-sans); cursor: pointer; }
.view-switch button[aria-pressed="true"] { background: #fff; color: #222A2E; box-shadow: 0 1px 3px #222a2e1a; }
.view-switch button:hover { color: #DC2F0C; }
.view-switch button:focus-visible { outline: 2px solid #222A2E; outline-offset: 2px; }

body.view-simple {
  --aop-accent: #222A2E;
  --aop-accent-deep: #313C41;
  --aop-accent-tint: #ECEEEF;
  --font-display: var(--font-sans);
}
body.view-simple .simple-only { display: block; }
body.view-simple [hidden] { display: none !important; }
body.view-simple .ap-bar { padding: 14px 28px; gap: 14px; }
body.view-simple .ap-logo { width: 36px; height: 36px; object-fit: contain; }
body.view-simple .ap-wordmark { font-size: 19px; line-height: 1.2; }
body.view-simple .ap-online.is-done::before { background: #35801C; box-shadow: none; }
body.view-simple .d-body { grid-template-columns: minmax(380px, 44%) minmax(0, 1fr); }
body.view-simple .d-left { padding: 26px 28px 28px; gap: 18px; border-right: 1px solid #D6DADC; }
body.view-simple .d-right { display: flex; padding: 26px 32px; gap: 18px; background: #F6F7F7; }
body.view-simple .d-left, body.view-simple .d-right { min-width: 0; }
body.view-simple .d-h .ttl { font-size: 24px; }
body.view-simple .d-h .ttl.big { font-size: 28px; }
body.view-simple .d-right > .d-h { flex-wrap: wrap; }
body.view-simple .d-h .meta { font-size: 12px; overflow-wrap: anywhere; }
body.view-simple .ap-label { font-size: 13px; }
body.view-simple .ap-btn { border-radius: 6px; }
body.view-simple .ap-btn:disabled { opacity: .5; cursor: not-allowed; }
body.view-simple .ap-btn--ghost:hover { border-color: #B4BCBF; color: #DC2F0C; background: #F6F7F7; }
body.view-simple .ap-btn:focus-visible,
body.view-simple summary:focus-visible,
body.view-simple .simple-expert-link:focus-visible,
body.view-simple .simple-feedback-link:focus-visible { outline: 2px solid #222A2E; outline-offset: 3px; }
body.view-simple #inputMode,
body.view-simple #modeReport,
body.view-simple #modeQuick,
body.view-simple #sectionTabs,
body.view-simple #referenceNotes,
body.view-simple #toggleReferenceNotes,
body.view-simple #emptyState,
body.view-simple #mobileSticky { display: none !important; }
body.view-simple:not(.simple-show-status) #appStatusline,
body.view-simple:not(.simple-show-hints) .smart-hint,
body.view-simple:not(.simple-show-feedback) .feedback-field { display: none; }
body.view-simple #appStatusline { order: -1; margin: 0; }
body.view-simple .d-left > .d-h { order: -2; }

.smart-entry { flex: 0 0 auto; }
.smart-input-box { background: #fff; border: 1px solid #B4BCBF; border-radius: 8px; overflow: hidden; }
.smart-input-box:focus-within { border-color: #222A2E; box-shadow: 0 0 0 3px #222a2e0d; }
#smartInput { display: block; width: 100%; min-height: 78px; border: 0; outline: 0; margin: 0; padding: 13px 14px; background: transparent; color: #222A2E; font: 400 15px/1.5 var(--font-sans); resize: vertical; }
#smartInput::placeholder { color: #6B777D; opacity: 1; }
#smartInput.is-report { min-height: 200px; }
.smart-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 8px; border-top: 1px solid #ECEEEF; }
.smart-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.smart-mode { display: inline-flex; align-items: center; gap: 6px; padding: 6px; border: 0; background: transparent; color: #4D5A60; font: 400 11.5px/1.4 var(--font-sans); text-align: left; cursor: pointer; }
.smart-mode .ap-dot { width: 6px; height: 6px; background: #B4BCBF; }
.smart-mode:not(:disabled) .ap-dot { background: #35801C; }
.smart-mode:disabled { cursor: default; opacity: 1; }
.smart-mode:disabled .smart-mode-arrow { display: none; }
.smart-mode:focus-visible { outline: 2px solid #222A2E; border-radius: 4px; }
.smart-hint { margin: 8px 0 0; }
.smart-entry > .ai-master-control, .smart-entry > .quick-filters { margin: 16px 0 0; }
.smart-goal { flex: 0 0 auto; padding: 14px; border: 1px solid #D6DADC; border-radius: 8px; background: #F6F7F7; }
.smart-goal .field { gap: 8px; }
.smart-goal .ap-label { margin: 0; display: flex; justify-content: space-between; align-items: baseline; }
.smart-goal .ap-label::after { content: "Bericht erkannt"; font-size: 11.5px; font-weight: 400; color: #4D5A60; }
.smart-goal .seg-goal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.smart-goal .ap-seg-item { min-width: 0; border: 1px solid #D6DADC; border-radius: 6px; background: #fff; font-size: 12px; padding: 8px; }
.smart-goal .ap-seg-item.is-on { background: #222A2E; color: #fff; border-color: #222A2E; }
.smart-goal .seg-hint { margin: 0; font-size: 11.5px; }

.more-options { flex: 0 0 auto; border: 1px solid #D6DADC; border-radius: 8px; background: #fff; }
.more-options > summary,
.simple-result-section > summary { display: flex; align-items: center; gap: 10px; list-style: none; cursor: pointer; }
.more-options > summary::-webkit-details-marker,
.simple-result-section > summary::-webkit-details-marker { display: none; }
.more-options > summary { padding: 13px 14px; font-size: 13px; font-weight: 600; }
.more-options > summary::after,
.simple-result-section > summary::after { content: ""; flex: 0 0 7px; height: 7px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.more-options[open] > summary::after,
.simple-result-section[open] > summary::after { transform: rotate(225deg) translate(-2px, -1px); }
.more-caption { font-size: 11.5px; font-weight: 400; color: #4D5A60; }
.more-options-body { display: flex; flex-direction: column; gap: 16px; padding: 4px 14px 16px; }
.more-options:not([open]) > .more-options-body { display: none; }
.option-group { min-width: 0; }
.option-group + .option-group { padding-top: 14px; border-top: 1px solid #ECEEEF; }
.option-group .ap-eyebrow { margin: 0 0 8px; font-weight: 600; }
body.view-simple .reference-panel { padding: 0; border: 0; display: flex; gap: 10px; }
body.view-simple .quick-filters { flex-wrap: wrap; gap: 6px; }
body.view-simple .quick-preferences { flex-direction: column; align-items: flex-start; }
body.view-simple .ai-master-control { margin-bottom: 0; }
body.view-simple .ai-master-control .check-tile { background: transparent; border: 0; padding: 0; }
.simple-display-options { display: grid; gap: 8px; font-size: 12.5px; }
.simple-display-options label { display: flex; align-items: center; gap: 8px; }
.simple-display-options input { accent-color: #222A2E; }
.simple-expert-link, .simple-feedback-link { border: 0; padding: 0; background: none; font: inherit; color: #4D5A60; cursor: pointer; text-align: left; }
.simple-expert-link { font-size: 12px; line-height: 1.6; }
.simple-expert-link:hover, .simple-feedback-link:hover { color: #DC2F0C; text-decoration: underline; }

.simple-ready { margin: auto; padding: 64px 12px; text-align: center; max-width: 420px; }
.simple-ready h3 { margin: 0 0 8px; font: 700 19px/1.4 var(--font-sans); color: #222A2E; }
.simple-ready p { margin: 0; font-size: 14px; line-height: 1.65; color: #4D5A60; }
body.view-simple .report-output { padding: 0; }
body.view-simple .simple-search-output { min-width: 0; }
body.view-simple .quick-results { margin: 0; padding: 0; border: 0; background: none; }
body.view-simple .quick-results-head { font-size: 15px; }
body.view-simple .quick-group { border: 1px solid #D6DADC; border-radius: 8px; background: white; padding: 12px; }
body.view-simple .quick-group-list { max-height: min(55vh, 520px); }
.simple-result-section { background: #fff; border: 1px solid #D6DADC; border-radius: 8px; margin: 0 0 12px; scroll-margin: 12px; }
.simple-result-section > summary { padding: 16px 18px; color: #222A2E; font-size: 14px; font-weight: 650; }
.simple-section-meta { font-weight: 400; font-size: 11px; color: #4D5A60; }
body.view-simple .simple-result-section > .report-section { display: block; padding: 0 18px 18px; border: 0; }
body.view-simple .simple-result-section:not([open]) > .report-section { display: none; }
body.view-simple .simple-result-section .report-section-h { display: none; }
body.view-simple .simple-result-section .d-summaryhead { margin-bottom: 14px; }
body.view-simple .headline-card { box-shadow: none; }
body.view-simple .d-summaryhead.is-compact .hr-value { font-size: 23px; }
body.view-simple .d-summaryhead.is-compact .d-tile .val { font-size: 18px; }
body.view-simple .d-verdict .d-tile { box-shadow: none; }
body.view-simple .d-fazit { border: 0; padding: 0; background: transparent; }
body.view-simple .d-fazit-lead { font-size: 16px; }
.simple-report-extras { margin-top: 4px; border-top: 1px solid #ECEEEF; }
.simple-report-extras > summary { padding: 12px 0 0; font-size: 12px; color: #4D5A60; cursor: pointer; }
.simple-report-extras > .section-stack { margin-top: 12px; }
.simple-report-extras:not([open]) > .section-stack { display: none; }
body.view-simple .ap-footer { padding: 12px 28px; background: #fff; font-size: 11.5px; }
body.view-simple .ap-footer:not(:has(details[open])) { display: grid; grid-template-columns: 1fr auto auto; gap: 8px 18px; align-items: center; }
body.view-simple .ap-footer-note { font-size: 11.5px; }
body.view-simple .ap-footer-note { grid-column: 1 / -1; max-width: none; }
body.view-simple .copy-toast { width: max-content; max-width: min(520px, calc(100% - 32px)); border-radius: 10px; }

@media (max-width: 1150px) and (min-width: 901px) {
  body.view-simple .d-left, body.view-simple .d-right { padding: 22px; }
  .smart-toolbar { align-items: flex-start; flex-direction: column; }
  .smart-actions { width: 100%; justify-content: flex-end; }
  .more-caption { display: none; }
  .simple-section-meta { max-width: 50%; }
}
@media (max-width: 900px) {
  body.view-simple { height: auto; min-height: 100%; overflow: visible; }
  body.view-simple .aop { height: auto; min-height: 100dvh; overflow: visible; }
  body.view-simple .d-body { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; }
  body.view-simple .d-left { border-right: 0; border-bottom: 1px solid #D6DADC; }
  body.view-simple .d-right { min-height: 320px; }
  body.view-simple .aop { padding-bottom: 0; }
  body.view-simple .ap-bar { flex-wrap: wrap; gap: 12px; padding: 14px 20px; }
  body.view-simple .ap-brand { flex: 1 1 100%; }
  body.view-simple .ap-bar-spacer { display: none; }
  body.view-simple .export-group { margin-left: auto; }
}
@media (max-width: 540px) {
  body.view-simple .d-left, body.view-simple .d-right { padding: 22px 18px; }
  body.view-simple .d-h .ttl, body.view-simple .d-h .ttl.big { font-size: 23px; }
  body.view-simple .ap-bar { padding: 14px 18px; gap: 8px; }
  body.view-simple .ap-wordmark { font-size: 18px; }
  body.view-simple .ap-sub { font-size: 11px; }
  body.view-simple .ap-online { margin-left: auto; font-size: 11px; }
  body.view-simple .export-group { order: 1; flex-basis: 100%; justify-content: flex-end; }
  .view-switch button { min-height: 34px; }
  .smart-toolbar { align-items: stretch; }
  .smart-mode { width: 100%; min-height: 32px; }
  .smart-actions { width: 100%; justify-content: flex-end; }
  .smart-actions .ap-btn { min-height: 40px; padding: 7px 10px; font-size: 12px; }
  .more-options > summary { min-height: 48px; }
  .more-caption { font-size: 10.5px; }
  .simple-result-section > summary { padding: 14px; min-height: 48px; flex-wrap: wrap; }
  .simple-section-meta { font-size: 10.5px; }
  body.view-simple .simple-result-section > .report-section { padding: 0 12px 14px; }
  body.view-simple .d-summaryhead.is-compact .d-verdict { grid-template-columns: 1fr; }
  body.view-simple .ap-footer { padding: 14px 18px; }
  body.view-simple .ap-footer:not(:has(details[open])) { grid-template-columns: 1fr auto; }
  body.view-simple .ap-footer-details { grid-column: 1 / -1; }
}
@media print {
  body.view-simple .simple-only, .view-switch { display: none !important; }
  body.view-simple .d-body { display: block; }
  body.view-simple .d-right { display: block; padding: 0; }
  body.view-simple #reportOutput { display: block !important; }
  body.view-simple .simple-result-section > .report-section,
  body.view-simple .simple-report-extras > .section-stack { display: block !important; }
  .simple-result-section { break-inside: auto; }
  .simple-result-section > summary::after { display: none; }
}