/* Gasthof zur Krone · Markenanpassung über den generierten Theme-Stylesheets.
   Farben und Schrift nach krone-klein.de: Aubergine #66435a (Schaltflächen, Links), Olivgrün #888d30 (Überschriften, Linien),
   Schrift Hind für Überschriften und große Zahlen (--serif, Dateien in fonts.css), Fließtext und Bedienung in der Systemschrift
   (--sans; Hind Light wäre bei 13–14 px zu dünn), Ecken 4–5 px. */
.theme-krone{--kr-accent:#66435a;--kr-accent-dark:#523548;--kr-accent-soft:#f1eaef;--kr-ink:#2f2d2a;--kr-text:#4a4a48;--kr-line:#e2e1da;--kr-canvas:#f6f6f2;
  --serif:'Hind','Segoe UI',Arial,sans-serif;--sans:'Segoe UI',Arial,sans-serif;--gold:#66435a;--gold-dark:#523548;--ink:#2f2d2a;--paper:#f6f6f2;--line:#e2e1da;--muted:#67645f;--radius:6px;
  font-family:var(--sans);color:var(--kr-text);background:var(--kr-canvas)}
/* Farb-Tokens der gemeinsamen Arbeitsflächen (ui-refinement.css, controls.css): Krone-Werte statt der grünen Produktstandards.
   Fokusrahmen überall in --ui-focus. ::backdrop erbt in älteren Browsern keine Variablen, daher dort ein fester Wert. */
body.theme-krone{--ui-ink:var(--kr-ink);--ui-muted:var(--kr-muted,#66625c);--ui-line:var(--kr-line);--ui-line-strong:#cdcbc0;--ui-accent:var(--kr-accent-dark);--ui-accent-line:var(--kr-accent);--ui-soft:var(--kr-sand,#f1f1ea);--ui-canvas:var(--kr-canvas);--ui-focus:var(--kr-accent-dark);--ui-backdrop:rgba(35,35,35,.72)}
body.theme-krone .workspace-dialog::backdrop{background:rgba(35,35,35,.72)}
.theme-krone h1,.theme-krone .page-heading h1,.theme-krone .work-heading h1{font-family:var(--serif);font-weight:600;letter-spacing:-.4px;color:var(--kr-ink)}
.theme-krone h2,.theme-krone h3{color:var(--kr-ink)}
.theme-krone .eyebrow{color:var(--kr-accent);font-family:'Hind','Segoe UI',Arial,sans-serif;letter-spacing:1.4px}

/* Kopfzeile mit Logo */
.theme-krone .app-header{background:#fff;border-bottom:1px solid var(--kr-line)}
.theme-krone .app-header .brand{display:flex;align-items:center;gap:0;padding:0}
.theme-krone .app-header .brand img.brand-logo{height:40px;width:auto;display:block}
.theme-krone .main-nav a,.theme-krone .main-nav summary{font-family:var(--sans);color:#3c3b38}
.theme-krone .main-nav a.active,.theme-krone .nav-current>summary{color:var(--kr-accent);box-shadow:inset 0 -2px 0 var(--kr-accent)}
body.theme-krone .environment-line,body.theme-krone .environment-line span{background:var(--kr-accent);color:#fff}
.theme-krone .environment-line i{background:#fff}

/* Schaltflächen wie auf krone-klein.de (Reiter, Filter und Textschaltflächen ausgenommen) */
.theme-krone button:where(:not(.quiet):not(.text-button):not(.rule-apply):not(.danger-button):not(.mobile-nav-toggle):not([role="tab"]):not([data-add-kind]):not([data-work-tab]):not(.remove-line):not(.lang-btn):not(.chip):not(.tab):not([role="option"])),
.theme-krone .button:not(.quiet),.theme-krone .btn-primary,.theme-krone .btn-mini.primary{background:var(--kr-accent);border-color:var(--kr-accent);color:#fff;border-radius:5px;font-family:var(--sans);font-weight:600}
.theme-krone button:where(:not(.quiet):not(.text-button):not(.rule-apply):not(.danger-button):not(.mobile-nav-toggle):not([role="tab"]):not([data-add-kind]):not([data-work-tab]):not(.remove-line):not(.lang-btn):not(.chip):not(.tab):not([role="option"])):hover,
.theme-krone .button:not(.quiet):hover,.theme-krone .btn-primary:hover,.theme-krone .btn-mini.primary:hover{background:#fff;color:var(--kr-accent);border-color:var(--kr-accent)}
.theme-krone button.quiet,.theme-krone .button.quiet{background:#fff;color:var(--kr-accent-dark);border:1px solid var(--kr-accent);border-radius:5px}
.theme-krone button.quiet:hover,.theme-krone .button.quiet:hover{background:var(--kr-accent-soft)}
.theme-krone .document-actions>.button,.theme-krone .work-summary .work-save{background:var(--kr-accent);border-color:var(--kr-accent);color:#fff}
.theme-krone a{color:var(--kr-accent-dark)}
.theme-krone .main-nav a,.theme-krone .button,.theme-krone .room-booking{text-decoration:none}
.theme-krone :focus-visible{outline-color:var(--ui-focus)}
.theme-krone input:focus,.theme-krone select:focus,.theme-krone textarea:focus{border-color:var(--kr-accent);outline-color:var(--ui-focus)}

.theme-krone .btn-ghost{border-color:var(--kr-accent);color:var(--kr-accent-dark);border-radius:5px}
.theme-krone .avatar,.theme-krone .cu-avatar{background:var(--kr-accent);color:#fff}
.theme-krone .work-tabs button[aria-selected="true"]{color:var(--kr-ink);box-shadow:inset 0 -2px 0 var(--kr-accent)}

/* Flächen */
.theme-krone .work-content,.theme-krone .customer-overview,.theme-krone .work-summary,.theme-krone .case-timeline,.theme-krone .rules-panel,.theme-krone .card,.theme-krone .lunch-day{border-color:var(--kr-line);border-radius:6px}
.theme-krone .work-summary .summary-gross dd,.theme-krone .document-identity h2,.theme-krone .work-block-heading h2,.theme-krone .work-card h2,.theme-krone .lunch-day h2,.theme-krone .rules-area{font-family:'Hind','Segoe UI',Arial,sans-serif;font-weight:500;color:var(--kr-ink)}
.theme-krone .notice.success{border-left-color:var(--kr-accent)}

/* Anmeldung */
.theme-krone .login-story{background:linear-gradient(0deg,rgba(102,67,90,.92),rgba(102,67,90,.92)),#66435a;color:#fff}
.theme-krone .login-story .brand img{height:64px;width:auto;background:#fff;border-radius:6px;padding:10px 14px}
.theme-krone .login-story h1,.theme-krone .login-story p,.theme-krone .login-story .eyebrow,.theme-krone .login-brand-footer{color:#fff}
body.theme-krone .login-story h1 em,body.theme-krone .login-story h1 em *{font-family:"Roboto Slab",Georgia,serif;font-style:normal;font-weight:400;color:#fff!important;opacity:.92}

/* Öffentliche Seiten: Anfrage, Kundenfreigabe */
.theme-krone .public-brand{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--kr-line);margin-bottom:22px}
.theme-krone .public-brand img{height:56px;width:auto}
.theme-krone .public-brand span{font-family:'Hind','Segoe UI',Arial,sans-serif;font-weight:500;color:var(--kr-accent);font-size:13px;text-align:right}
.theme-krone .hero{background:#fff;border:1px solid var(--kr-line);border-radius:6px}
.theme-krone .hero h1{font-family:var(--serif);font-weight:600}
.theme-krone .customer-approval-brand{color:var(--kr-accent)}
.theme-krone .proposal-paper,.theme-krone .live-proposal-paper{border-radius:6px}
.theme-krone .paper-brand img{height:44px;width:auto}
/* Freigabeseite: Gerichte eines Pakets untereinander unter der Paketposition (wie im PDF) */
.theme-krone.customer-approval .paper-position p{white-space:pre-line}
.theme-krone .area-option:has(input:checked),.theme-krone .room-option:has(input:checked){border-color:var(--kr-accent);background:var(--kr-accent-soft);color:var(--kr-accent-dark)}

@media(max-width:650px){.theme-krone .app-header .brand img.brand-logo{height:32px}.theme-krone .public-brand img{height:44px}}

/* Bestandswerkzeuge: Primäraktionen gegen spezifischere Altregeln */
body.theme-krone .btn.btn-primary,body.theme-krone a.btn-primary,body.theme-krone button.btn-primary{background:var(--kr-accent)!important;border-color:var(--kr-accent)!important;color:#fff!important;border-radius:5px}
body.theme-krone .btn.btn-primary:hover,body.theme-krone a.btn-primary:hover{background:var(--kr-accent-dark)!important;border-color:var(--kr-accent-dark)!important}

.theme-krone .article-option{background:transparent!important;color:var(--kr-ink)!important;border:0!important;border-radius:6px!important;font-weight:400!important;text-align:left!important}
.theme-krone .article-option:hover,.theme-krone .article-option.is-active{background:var(--kr-accent-soft)!important;color:var(--kr-ink)!important}
.theme-krone .article-option.is-disabled{color:#85817a!important}

/* Krone: Olivgrün für Überschriften-Akzente und Trennlinien wie auf krone-klein.de; Aubergine bleibt die Handlungsfarbe. */
.theme-krone{--kr-olive:#888d30;--kr-olive-text:#646825}
.theme-krone .eyebrow{color:var(--kr-olive-text);font-family:var(--sans);font-weight:600;letter-spacing:1.6px}
.theme-krone .page-heading h1,.theme-krone .work-heading h1{font-weight:500;letter-spacing:-.2px}
.theme-krone .app-header{border-bottom:2px solid var(--kr-olive)}
.theme-krone .app-header .brand img.brand-logo{height:52px}
.theme-krone .work-card h2,.theme-krone .work-block-heading h2,.theme-krone .document-identity h2{font-family:var(--serif);font-weight:600}