/* Szybalski & Sohn: shared corporate appearance across all app routes. */
body{color:var(--ink);background:var(--paper)}
h1,h2,h3{color:var(--navy)}
.hero h1 em{font-family:inherit;font-style:normal;color:var(--green-dark)}
.primary{background:var(--green);border-color:var(--green);color:var(--navy)}
.primary:hover{background:#1bbf88;border-color:#1bbf88;color:var(--navy)}
.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}
.secondary:hover{background:var(--tint);border-color:var(--green-dark)}
.brand-mark{background:var(--navy);color:var(--green)}
.brand small,.quiet-link,.eyebrow,.hero-copy,.house-top,.house-bottom small,.wizard-meta,.save-row,.field-help,.stats article>span,.count{color:var(--muted)}
.crm-sidebar{background:var(--navy);color:#fff;border-right-color:var(--navy)}
.crm-sidebar .brand,.crm-sidebar .icon-button{color:#fff}
.crm-sidebar .brand small,.crm-sidebar .sidebar-bottom small,.crm-sidebar .nav-caption{color:#b9c9d8}
.crm-sidebar .brand-mark{background:var(--green);color:var(--navy)}
.crm-sidebar .crm-nav{color:#dce6ef}
.crm-sidebar .crm-nav:hover{background:#14334e;color:#fff}
.crm-sidebar .crm-nav.selected{background:var(--green);color:var(--navy);font-weight:700}
.crm-sidebar .sidebar-bottom{border-top-color:#2c4359}
.avatar{background:var(--tint);color:var(--green-dark)}
.crm-topbar{color:var(--muted)}
.field label,.field>span,input,select,textarea{color:var(--ink)}
input,select,textarea{border-color:var(--line);background:var(--surface)}
input:focus,select:focus,textarea:focus{border-color:var(--green-dark);box-shadow:0 0 0 3px #24d39826}
button:focus-visible,a:focus-visible,summary:focus-visible,.camera-button:focus-within{outline:3px solid var(--green-dark);outline-offset:3px}
input[type=checkbox],input[type=radio],.consent input,.project-workspace input[type=checkbox]{accent-color:var(--green-dark)}
.eyebrow i,.live-dot:before{background:var(--green)}
progress::-webkit-progress-value{background:var(--green-dark)}
progress::-moz-progress-bar{background:var(--green-dark)}
.step-link.active,.sketch-tools [aria-pressed=true],.visit-week-cell.is-free{background:var(--tint);color:var(--green-dark);border-color:var(--green-dark)}
.sales-light.green,.status.new,.success-mark{background:var(--tint);color:var(--green-dark)}
.workflow-milestones .is-current{border-color:var(--green-dark);background:var(--tint)}
.workflow-milestones .is-done .workflow-number{background:var(--green);color:var(--navy);border-color:var(--green)}
::selection{background:#24d39855;color:var(--navy)}

/* Responsive text wordmark: no image request, crisp at every resolution. */
.mewa-wordmark{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.2px;line-height:1.1}
.mewa-product{display:inline-block;background:var(--green);color:var(--navy);border-radius:5px;padding:6px 7px;font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:1}
.crm-sidebar .mewa-wordmark{color:#fff;font-size:25px}
.mewa-brand:hover .mewa-product{background:#1bbf88}
@media(max-width:600px){.public-header .mewa-wordmark{font-size:24px}.mewa-wordmark{gap:8px}.mewa-product{font-size:10px}}

.mewa-name{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:.95}
.mewa-name>span{display:block}

.mewa-name>span:last-child{font-size:50%;letter-spacing:0;align-self:flex-end}

.mewa-name{font-size:70%;letter-spacing:-.84px}

.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.settings-card{text-align:left;display:flex;flex-direction:column;gap:12px;margin:0;color:var(--ink);background:var(--surface);font:inherit}
.settings-card strong{font-size:16px;color:var(--navy)}.settings-card span{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.settings-card:hover{border-color:var(--green-dark);background:var(--tint)}
.settings-form{max-width:600px}.settings-form .field{margin-bottom:16px}
#staff-list{overflow:auto}#staff-list table{width:100%}#staff-list td{overflow-wrap:anywhere}
#crew-form fieldset{border:1px solid var(--line);border-radius:8px;padding:12px;margin:14px 0}#crew-form .consent{margin:8px 0}
.montage-notes{white-space:pre-wrap;overflow-wrap:anywhere}#tech-canvas{display:block;width:100%;height:auto}

@media(max-width:600px){
 #staff-list table,#staff-list tbody{display:block;width:100%;min-width:0}
 #staff-list thead{display:none}
 #staff-list tr{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 0;border-bottom:1px solid var(--line)}
 #staff-list td{display:block;padding:0;border:0;white-space:normal}
 #staff-list td:nth-child(2)::before{content:'Rolle: ';color:var(--muted)}
 #staff-list td:nth-child(3)::before{content:'Status: ';color:var(--muted)}
 #staff-list td:last-child{padding-top:4px}
}

.house-card .house-photo{display:block;width:100%;height:auto;object-fit:contain}.house-card:has(.house-photo){min-height:0}.house-card:has(.house-photo) .house-bottom{margin-top:18px}

.public-header .website-brand{min-width:0;max-width:60%;flex-shrink:1}
.website-logo{display:block;width:auto;height:auto;max-width:240px;max-height:64px;object-fit:contain}
.website-logo-preview{display:flex;align-items:center;justify-content:center;min-height:110px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:20px}
.website-logo-preview img{display:block;max-width:100%;max-height:100px;object-fit:contain}
@media(max-width:600px){.website-logo{max-width:min(180px,100%);max-height:48px}.public-header .website-brand{max-width:55%}}

/* Service-specific customer questionnaire */
.wizard-layout .wizard-aside nav{max-height:420px;overflow:auto}
.wizard-layout .wizard-aside .step-link{font-size:12px;padding:9px 6px}
.wizard-main .fields:has(.question-options){display:block}
.question-options{border:0;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.question-options label{display:flex;align-items:center;gap:10px;border:1px solid #d9e3df;border-radius:10px;padding:13px;cursor:pointer;font-weight:normal;font-size:15px}
.question-options label:has(input:checked){background:#e8f9f2;border-color:#007d59}
.question-options input[type=checkbox],.question-options input[type=radio]{width:18px;height:18px;min-width:18px;accent-color:#007d59;margin:0}
.outage-number{display:block;font-size:clamp(28px,6vw,48px);font-weight:bold;color:#007d59;margin:24px 0}
@media(max-width:700px){.question-options{grid-template-columns:1fr}.wizard-layout .wizard-aside nav{max-height:150px}.wizard-main .form-card h1{font-size:26px}}