/* ST Service — pagina „Fișă service” (atelier, protejată cu parolă) */
.stsf{--k:#0e1726;--mu:#4a5468;--su:#8b94a6;--li:#e6e9f1;--bg:#f3f5f9;--bl:#1456d6;--gr:#0a7d54;--rd:#d62246;max-width:760px;margin:0 auto;color:var(--k);font-size:15px;line-height:1.5}
.stsf *,.stsf *::before,.stsf *::after{box-sizing:border-box}
.stsf h2{font:800 22px/1.2 'Archivo',sans-serif;margin:4px 0 12px;letter-spacing:-.01em}
.stsf h3{font:700 13px 'Archivo',sans-serif;margin:0 0 10px;color:var(--mu);text-transform:uppercase;letter-spacing:.04em}
.stsf-card{background:#fff;border:1px solid var(--li);border-radius:14px;padding:16px;margin:0 0 14px}
.stsf-lock{max-width:440px;margin:10px auto}.stsf-lock .stsf-card{text-align:center;border:0;padding:8px}
.stsf-lock form p{display:flex;flex-direction:column;gap:10px;margin:10px 0 0}
.stsf-lock input[type=password]{width:100%;padding:12px;border:1px solid #cfd5e2;border-radius:10px;font-size:16px}
.stsf-lock input[type=submit]{padding:12px 18px;border:0;border-radius:10px;background:var(--bl);color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.stsf-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.stsf-out{margin:0 0 0 auto;display:flex}
.stsf .stsf-btn,.stsf a.stsf-btn{text-decoration:none!important}
.stsf a.stsf-btn{color:var(--k)}.stsf a.stsf-pri,.stsf a.stsf-wa,.stsf a.stsf-pri:hover,.stsf a.stsf-wa:hover{color:#fff!important}
.stsf a.stsf-row{text-decoration:none!important;color:var(--k)}
.stsf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid #cfd5e2;border-radius:10px;background:#fff;color:var(--k);font:600 14px/1.2 inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
.stsf-btn:hover{border-color:var(--bl);color:var(--bl)}
.stsf-btn.on{border-color:var(--k);box-shadow:inset 0 0 0 1px var(--k)}
.stsf-pri{background:var(--bl);border-color:var(--bl);color:#fff}.stsf-pri:hover{color:#fff;filter:brightness(1.08)}
.stsf-pri.on{box-shadow:0 0 0 3px rgba(20,86,214,.25)}
.stsf-wa{background:#25d366;border-color:#25d366;color:#fff}.stsf-wa:hover{color:#fff;filter:brightness(.95)}
.stsf-big{padding:14px 22px;font-size:16px}
.stsf-link{background:none;border:0;color:var(--mu);text-decoration:underline;cursor:pointer;font-size:14px;padding:6px}
.stsf-msg{padding:12px 14px;border-radius:10px;margin:0 0 14px;font-weight:600}
.stsf-msg.ok{background:#e7f6ef;color:var(--gr)}.stsf-msg.bad{background:#fdecef;color:var(--rd)}
.stsf .ok{color:var(--gr)}.stsf .bad{color:var(--rd)}
.stsf-search{display:flex;gap:8px;margin:0 0 14px}
.stsf-search input{flex:1;min-width:0;padding:10px 12px;border:1px solid #cfd5e2;border-radius:10px;font-size:16px}
.stsf-list{display:flex;flex-direction:column;gap:8px}
.stsf-row{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--li);border-radius:12px;padding:12px 14px;color:var(--k);text-decoration:none}
.stsf-row:hover{border-color:var(--bl)}
.stsf-r1{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.stsf-r3{color:var(--mu);font-size:13.5px}.stsf-r3 small{color:var(--su)}.stsf-r3 em{font-style:normal;font-weight:700}
.stsf-code{font:600 14px 'IBM Plex Mono',monospace;letter-spacing:.05em}
.stsf-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-weight:700;font-size:12.5px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.stsf-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.stsf-empty{text-align:center;padding:28px 16px}
.stsf-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 14px}
.stsf-dl dt{color:var(--su);font-size:13px;padding-top:1px}.stsf-dl dd{margin:0;word-break:break-word}
.stsf-acts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.stsf-docs .stsf-btn{font-size:13px;padding:8px 12px}
.stsf-steps{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.stsf-steps label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--li);border-radius:10px;cursor:pointer;font-weight:600}
.stsf-steps label::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}
.stsf-steps input{position:absolute;opacity:0;pointer-events:none}
.stsf-steps label.cur{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,#fff);box-shadow:inset 0 0 0 1px var(--c)}
.stsf-res{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px}
.stsf-res label{display:flex;align-items:center;gap:6px}
.stsf-res small{color:var(--su)}
.stsf-ev{list-style:none;margin:0;padding:0}.stsf-ev li{padding:6px 0;border-top:1px solid var(--li);font-size:14px}.stsf-ev li:first-child{border:0}.stsf-ev small{color:var(--su);margin-right:6px}
.stsf-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.stsf-f{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;min-width:0}
.stsf-cols .stsf-f{margin:0}
.stsf-cols+.stsf-f,.stsf-f+.stsf-cols{margin-top:10px}
.stsf-f span{font-size:13px;color:var(--mu);font-weight:600}
.stsf-f input,.stsf-f select,.stsf-f textarea,.stsf-inline input{width:100%;padding:10px 12px;border:1px solid #cfd5e2;border-radius:10px;font:inherit;font-size:16px;background:#fff;color:var(--k)}
.stsf-f input:focus,.stsf-f select:focus,.stsf-f textarea:focus{outline:2px solid rgba(20,86,214,.3);border-color:var(--bl)}
.stsf-appt{background:#eef4ff;border-color:#cfdcfb}
.stsf-inline{display:flex;gap:8px;margin:8px 0 4px}.stsf-inline input{flex:1;min-width:0}
.stsf-appt small{display:block}
.stsf-photos{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.stsf-photos label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.stsf-photos img{width:90px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--li)}
.stsf-card small{color:var(--su)}
.stsf-card input[type=file]{display:block;margin:0 0 6px;max-width:100%}
.stsf-save{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 30px}
.stsf-save label{display:flex;align-items:center;gap:6px}
@media (max-width:560px){.stsf-cols{grid-template-columns:1fr}.stsf-dl{grid-template-columns:1fr;gap:0}.stsf-dl dd{margin-bottom:8px}}
