:root{--bg:#f5f7f8;--paper:#fff;--ink:#183044;--muted:#6c7b87;--line:#e1e8eb;--green:#246c61;--green-light:#e4f1eb;--dark:#102d39}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.5}a{color:var(--green);text-decoration:none}h1{font-size:clamp(29px,3vw,42px);line-height:1.16;letter-spacing:-.035em;margin:12px 0}h2{font-size:19px;margin:0 0 16px}h3{font-size:15px;margin:22px 0 6px}.muted,small{color:var(--muted)}.eyebrow{color:var(--green);font-size:11px;letter-spacing:.14em;font-weight:800}.top{background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:17px max(4%,25px);gap:20px}.brand{color:white;font-weight:800;font-size:21px;letter-spacing:.04em}.brand small{font-size:11px;color:#a6c7c2;display:block;font-weight:400;letter-spacing:.07em}.top nav{display:flex;gap:22px;align-items:center}.top nav a{color:#d7e7e8;font-size:13px}.landing{max-width:1100px;margin:0 auto;padding:90px 25px 100px}.landing h1{font-size:clamp(38px,5vw,66px);max-width:900px}.landing h1 em{font-style:normal;color:var(--green)}.lead{font-size:18px;color:var(--muted);max-width:680px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:48px 0}.choice,.panel,.form-card,.table-card,.stat{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 28px rgba(19,44,55,.035)}.choice{padding:36px;color:var(--ink);transition:transform .2s,border-color .2s}.choice:hover{transform:translateY(-4px);border-color:#81b8a8}.choice-icon{font-size:40px;color:var(--green)}.choice h2{margin-top:24px}.choice p{color:var(--muted);min-height:52px}.choice b{color:var(--green)}.wrap{max-width:1200px;margin:0 auto;padding:40px 24px 90px}.narrow{max-width:770px}.back{display:inline-block;margin-bottom:25px;font-size:13px}.form-card{padding:36px;margin-top:28px}.form-card h2{padding-top:15px;border-top:1px solid var(--line);margin-top:25px}label{display:block;font-size:13px;font-weight:650;margin:0 0 17px}input,select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #cdd9dd;border-radius:9px;background:#fff;color:var(--ink);font:inherit;margin-top:6px}input:focus,textarea:focus,select:focus{outline:2px solid #9bc8bb;border-color:var(--green)}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.primary,.secondary{display:inline-block;border:0;background:var(--green);color:white;padding:12px 18px;border-radius:9px;font-weight:700;cursor:pointer;font-size:13px;text-align:center}.secondary{background:#e7efed;color:var(--green)}.inline{width:auto}.notice{padding:14px;background:#fff7e7;border-radius:8px;font-size:12px;color:#735526;margin:20px 0}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{width:auto;margin-top:3px}.honeypot{position:absolute;left:-9999px}.alert{padding:13px;background:#fff0ed;color:#a13b2e;border-radius:9px;margin:16px 0}.center{text-align:center;padding-top:100px}.success-icon{font-size:60px;color:var(--green)}.reference{background:var(--green-light);padding:18px;border-radius:9px}.login{margin:75px auto}.workspace{display:grid;grid-template-columns:275px minmax(0,1fr);min-height:calc(100vh - 120px)}.sidebar{padding:32px 22px;background:#edf2f2;border-right:1px solid var(--line)}.sidebar form{margin-top:25px}.sidebar .primary{width:100%}.reset{display:block;text-align:center;font-size:12px;margin-top:13px}.side-stat{display:flex;justify-content:space-between;margin-top:45px;font-size:12px;color:var(--muted)}.side-stat b{font-size:19px;color:var(--ink)}.content{padding:36px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.heading h1{margin:7px 0}.heading p{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.stat{padding:22px}.stat span{display:block;font-size:12px;color:var(--muted)}.stat strong{font-size:30px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#f9fbfb}th,td{padding:16px 18px;border-bottom:1px solid var(--line)}td small{display:block}.mono{font-family:ui-monospace,monospace;font-size:12px}.pill,.status{display:inline-block;padding:5px 9px;border-radius:30px;background:#eef3f5;color:#426172;font-size:11px;font-weight:700;white-space:nowrap}.status{background:var(--green-light);color:var(--green)}.status.large{font-size:13px}.open{font-weight:700;white-space:nowrap}.panel{padding:26px;margin:22px 0}.progress{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin:30px 0}.progress-step{text-align:center;position:relative}.progress-step:before{content:'';height:3px;background:#dfe6e8;position:absolute;top:16px;left:0;right:0}.progress-step:first-child:before{left:50%}.progress-step:last-child:before{right:50%}.dot{position:relative;margin:0 auto 10px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e7ecee;color:#8c9ba2;font-size:12px;font-weight:800}.done .dot{background:#b7d9c8;color:#205b48}.current .dot{background:var(--green);color:white;box-shadow:0 0 0 5px #e2f0eb}.progress-step small{font-size:10px;display:block}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.detail-grid .panel{margin:0}dl{display:grid;grid-template-columns:140px 1fr;gap:11px 15px;font-size:13px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.preline{white-space:pre-wrap;overflow-wrap:anywhere}.note{border-top:1px solid var(--line);padding:12px 0}.note small,.event small{display:block;font-size:11px}.timeline{padding-left:10px}.event{display:flex;gap:15px;margin:18px 0}.event-dot{width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:7px;flex:none}.event p{margin:4px 0;font-size:13px}hr{border:0;border-top:1px solid var(--line);margin:28px 0}footer{padding:24px;text-align:center;color:#82929a;font-size:11px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.sidebar{border-right:0}.content{padding:24px}.detail-grid{grid-template-columns:1fr}.progress{overflow:auto;grid-template-columns:repeat(9,85px)}.top{flex-wrap:wrap}.stat-grid{gap:8px}}@media(max-width:600px){.cards,.two{grid-template-columns:1fr}.landing{padding-top:55px}.form-card{padding:23px}.stat-grid{grid-template-columns:1fr 1fr}.heading{align-items:flex-start;flex-direction:column}.wrap{padding:25px 15px}.top nav{gap:12px}}

/* PROSECO 0.2 – vezetői áttekintés és üzletági űrlapok */
.action-pair{display:flex;gap:10px;flex-wrap:wrap}.line-filter{border:1px solid var(--line);border-radius:11px;padding:12px 12px 2px;margin:0 0 18px}.line-filter legend{font-size:13px;font-weight:700;padding:0 5px}.line-filter .check{margin:5px 0 12px;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.dashboard-panel{margin:0;min-width:0}.dashboard-panel.wide{grid-column:1/-1}.chart-bars{display:grid;gap:18px;margin-top:22px}.bar-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.bar-track{height:12px;background:#eaf0f1;border-radius:20px;overflow:hidden}.bar-fill{height:100%;background:#246c61;border-radius:20px;min-width:0}.bar-fill.modular{background:#5b829a}.status-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:12px}.status-bar{display:grid;grid-template-columns:130px minmax(0,1fr) 24px;align-items:center;gap:10px;font-size:12px}.status-bar b{text-align:right}.status-bar .bar-track{height:9px}.mini{font-size:12px}.sortlink{color:#48616c;white-space:nowrap}.sortlink:hover{color:var(--green);text-decoration:underline}.table-wrap th{white-space:nowrap}.table-wrap td{vertical-align:middle}.table-wrap tr:hover td{background:#f8fbfa}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.dashboard-panel.wide{grid-column:auto}.status-chart{grid-template-columns:1fr}}@media(max-width:650px){.action-pair{width:100%}.action-pair a{flex:1}.status-bar{grid-template-columns:110px minmax(0,1fr) 20px}}

/* 0.3 kompakt interaktív diagramok és értékelések */
.compact-dash{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-dash .dashboard-panel{padding:20px}.donut{width:112px;height:112px;margin:10px auto 14px;border-radius:50%;background:var(--segments);display:grid;place-items:center}.donut span{width:77px;height:77px;border-radius:50%;background:white;display:grid;place-items:center;font-size:25px;font-weight:800}.chart-legend{display:grid;gap:5px}.chart-legend a{display:flex;gap:7px;align-items:center;padding:4px 7px;border-radius:6px;font-size:12px;color:var(--ink)}.chart-legend a:hover{background:#e5f0ec}.chart-legend a b{margin-left:auto}.chart-legend.multi{grid-template-columns:1fr 1fr}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.swatch.concrete{background:#246c61}.swatch.modular{background:#6a9fbc}.stars{white-space:nowrap;letter-spacing:1px;font-size:17px}.stars.good{color:#21805e}.stars.medium{color:#c18b14}.stars.bad{color:#c45447}.stars.unrated{color:#aebcc1}.rating-input{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0 20px}.rating-input label{display:flex;align-items:center;gap:12px;margin:8px 0;cursor:pointer}.rating-input input{width:auto;margin:0}.rating-input span{font-size:22px;color:#c18b14;letter-spacing:2px}.rating-input small{margin-left:auto}details summary{cursor:pointer;color:var(--green)}@media(max-width:1100px){.compact-dash{grid-template-columns:1fr 1fr}}@media(max-width:750px){.compact-dash{grid-template-columns:1fr}.chart-legend.multi{grid-template-columns:1fr 1fr}}

.clickable-donut{cursor:pointer}.clickable-donut:hover{filter:brightness(.96)}

/* 0.4 ügyadatlap */
.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h2{margin:0}.facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin-top:20px}.fact{min-width:0}.fact small{display:block;font-size:11px}.fact strong{display:block;font-size:14px;overflow-wrap:anywhere}.edit-box{margin-top:25px;padding:20px;background:#f5f8f8;border-radius:12px}.edit-box[hidden]{display:none}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.case-layout .panel{margin:0 0 22px}.case-main,.case-aside{min-width:0}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:22px}.photo-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fafcfc}.photo-card img{width:100%;height:108px;object-fit:cover;display:block}.photo-card small{display:block;padding:8px;overflow-wrap:anywhere}@media(max-width:1000px){.case-layout{grid-template-columns:1fr}.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.facts-grid{grid-template-columns:1fr 1fr;gap:14px}}

/* PROSECO 0.5 – egységes, keretezett adatlap */
.facts-grid{gap:10px!important;margin-top:18px}.fact{padding:13px 15px;border:1px solid #dce6e8;border-radius:11px;background:#fbfdfd;box-shadow:0 1px 2px rgba(15,45,54,.035);min-height:66px}.fact small{font-size:11px;color:#667d86;margin-bottom:6px}.fact strong{font-size:13px;color:#143340;line-height:1.45}.panel{box-shadow:0 5px 22px rgba(20,49,60,.035)}.form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.form-actions button{margin:0}.star-picker{border:0;padding:0;margin:12px 0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px}.star-picker legend{font-size:12px;font-weight:700;margin-bottom:8px}.star-picker input{position:absolute;opacity:0;width:1px;height:1px}.star-picker label{font-size:34px;line-height:1;color:#cbd5d9;cursor:pointer;transition:color .12s,transform .12s}.star-picker label:hover{transform:translateY(-2px)}.star-picker input:checked~label,.star-picker label:hover,.star-picker label:hover~label{color:#d3a329}.star-picker input:focus-visible+label{outline:2px solid #226c62;outline-offset:3px;border-radius:4px}.inline-rating-form textarea{margin-top:6px}.case-aside .panel{border-color:#dce6e8}

/* 0.6: szerkeszthető szakmai adatlap és galéria */
.back-button{margin-bottom:20px;padding:11px 16px}.info-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}.info-field{border:1px solid #dbe5e7;background:#fcfdfd;border-radius:10px;padding:12px 14px;min-width:0}.info-field.wide{grid-column:1/-1}.info-field small{display:block;font-size:11px;margin-bottom:5px}.info-field strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.photo-details{padding:10px}.photo-details label{font-size:11px;margin-top:8px}.photo-details textarea{font-size:12px;padding:8px}.photo-details .form-actions{gap:5px}.photo-details .secondary{font-size:11px;padding:8px}.danger-button{border:1px solid #edc8c3;background:#fff5f3;color:#9a3930;border-radius:8px;padding:7px 10px;font-size:11px;cursor:pointer;margin-top:10px}.edit-box[hidden]{display:none}@media(max-width:650px){.info-fields{grid-template-columns:1fr}}

.toggle-row{display:flex;align-items:center;gap:12px;margin:16px 0;padding:14px 16px;border:1px solid #d6e3e5;border-radius:12px;background:#f6faf9;font-weight:700}.toggle-row input{appearance:none;width:42px;height:24px;border-radius:30px;background:#aab8bd;position:relative;cursor:pointer;flex-shrink:0}.toggle-row input:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:white;border-radius:50%;transition:transform .18s}.toggle-row input:checked{background:#246c61}.toggle-row input:checked:before{transform:translateX(18px)}[hidden]{display:none!important}