/* Servestra Saha — teknisyen PWA ek stilleri (style.css üzerine) */
body.saha{padding-bottom:70px}
.sbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--kart);border-bottom:1px solid var(--hair);font-size:13px}
.sbar .dot{width:10px;height:10px;border-radius:50%;background:#9AA8B8}.sbar .dot.on{background:var(--ok)}.sbar .dot.off{background:var(--bad)}.sbar .dot.busy{background:var(--acc);animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.4}}
#app{padding:12px 12px 20px;max-width:720px;margin:0 auto}
.saha .card{padding:14px}
.saha h1{font-size:18px}.saha h2{font-size:15px;margin-bottom:8px}
.saha .btn{min-height:44px}.saha .btn.sm{min-height:36px}
.saha .f input,.saha .f select,.saha .f textarea{font-size:16px;padding:10px 12px}
.saha .cl-item{grid-template-columns:1fr}.saha .cl-item .lbl{margin-bottom:4px}
.saha .cl-item input[type=number]{max-width:160px}
.saha .status-acts .btn{flex:1;justify-content:center}
.jobcard{display:block;background:var(--kart);border:1px solid var(--hair);border-radius:12px;padding:14px;margin-bottom:10px;color:inherit;text-decoration:none}
.jobcard.pending{border-left:4px solid var(--acc)}
.jobcard .t{font-weight:700;font-size:15px;margin:4px 0}
.pendtag{display:inline-block;font-size:11px;background:var(--acc-soft);color:var(--acc-d);border-radius:10px;padding:1px 7px;margin-left:6px}
.conf{background:var(--bad-soft);border:1px solid #f1c3c3;border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:13px}
.conf b{display:block}
.login-wrap{min-height:80vh}
.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--kart);border-top:1px solid var(--hair);z-index:20;padding-bottom:env(safe-area-inset-bottom)}
.tabbar a{flex:1;text-align:center;padding:10px 4px 8px;font-size:12px;color:var(--dim);text-decoration:none}.tabbar a.on{color:var(--acc-d);font-weight:700}
.tabbar a i{display:block;font-style:normal;font-size:18px}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.photo-grid img{width:100%;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--hair)}
.photo-grid .pend{outline:2px solid var(--acc)}
canvas.sig{height:200px}
.big-num{font-size:24px;font-weight:800}
.saha .timeline li{grid-template-columns:90px 1fr}