body{font-family:Arial,sans-serif;margin:0;background:#f4f6f8;color:#17324d}header{background:#0f2d46;color:white;padding:16px 24px;display:flex;gap:12px;align-items:center}header b{font-size:22px}header nav{margin-left:auto;display:flex;gap:16px}a{color:#1769aa;text-decoration:none}header a{color:white}.btn,button{background:#f2b400;border:0;color:#102b44;padding:11px 16px;border-radius:9px;font-weight:700;cursor:pointer;min-height:42px}.btn{display:inline-flex;align-items:center;justify-content:center}.secondary{background:#e9eef3;color:#17324d}main{max-width:1050px;margin:28px auto;padding:0 16px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat,.card{background:white;border-radius:12px;padding:18px;box-shadow:0 2px 10px #00000012}.stat b{display:block;font-size:30px;margin-top:8px}.narrow{max-width:420px;margin:80px auto}label{display:block;margin:12px 0;font-weight:600}input,textarea,select{width:100%;box-sizing:border-box;padding:11px;margin-top:6px;border:1px solid #ccd5df;border-radius:8px;font-size:16px}textarea{resize:vertical}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e4e8ec}.admin{background:#fff7d6;padding:12px;border-radius:8px;margin:14px 0}.flash{background:#dff4df;padding:10px;border-radius:8px;margin-bottom:15px}.muted{color:#6d7d8b;font-weight:400}.back{display:inline-block;margin-bottom:6px}.section-card{margin:16px 0}.section-card h2{margin:0 0 12px;font-size:20px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkline{display:flex;align-items:center;gap:10px}.checkline input{width:auto;margin:0}.notice{background:#eaf3fb;border-left:4px solid #1769aa;padding:14px 16px;border-radius:10px;margin:18px 0}.notice p{margin:6px 0 0}.savebar{display:flex;justify-content:flex-end;margin:14px 0 22px}.status{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-weight:700;font-size:14px;background:#edf1f4}.status-aberta{background:#fff1cc}.status-em-atendimento{background:#dceeff}.status-concluída{background:#dff4df}.document-card{border:1px solid #d8e0e7}.doc-ready{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#eef8ee;padding:14px;border-radius:10px}.doc-ready p{margin:4px 0 0}.upload-box{margin-top:14px;padding-top:14px;border-top:1px solid #e4e8ec}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.section-title h2{margin:0}.count-pill{background:#edf1f4;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:700}.os-list{display:grid;gap:12px;margin-top:16px}.os-item{border:1px solid #e0e5ea;border-radius:12px;padding:14px;display:flex;justify-content:space-between;gap:16px;align-items:center}.os-number{font-size:18px;font-weight:700;margin-bottom:8px}.os-main p{margin:8px 0 0;color:#6d7d8b;font-size:14px}.os-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.doc-tag{font-size:13px;font-weight:700;background:#dff4df;padding:6px 9px;border-radius:999px}.doc-tag.empty{background:#eef1f4;color:#6d7d8b}.empty-state{text-align:center;padding:30px 10px}.empty-state p{color:#6d7d8b}.os-head h1{margin-bottom:4px}.os-head p{margin-top:0;color:#6d7d8b}@media(max-width:700px){.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.two-cols{grid-template-columns:1fr}header{flex-wrap:wrap}header nav{width:100%;margin-left:0;flex-wrap:wrap}.os-item{align-items:flex-start;flex-direction:column}.os-actions{width:100%;justify-content:space-between}.os-actions .btn{flex:1}.doc-ready{align-items:flex-start;flex-direction:column}.doc-ready .btn{width:100%;box-sizing:border-box}.section-title{flex-direction:column}.savebar button{width:100%}}
.upload-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.upload-options .upload-box{margin:0}.upload-options button{width:100%}@media(max-width:700px){.upload-options{grid-template-columns:1fr}}
.doc-actions{display:flex;gap:10px;flex-wrap:wrap}
.autosave-status{font-size:13px;color:#587086;font-weight:600;align-self:center}.savebar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

.savebar{position:sticky;bottom:10px;z-index:20;background:#fff;border:1px solid #dfe6ec;border-radius:10px;padding:10px 12px;box-shadow:0 3px 14px #00000018}
@media(max-width:700px){.savebar button{width:100%}.autosave-status{width:100%;text-align:center}}

.signature-block{margin-top:16px}.signature-block>label{margin-bottom:8px}.signature-block canvas{display:block;width:100%;height:180px;border:1px solid #ccd5df;border-radius:10px;background:#fff;touch-action:none}.signature-actions{display:flex;justify-content:flex-end;margin-top:8px}.signature-actions button{min-height:38px}
@media(max-width:700px){.signature-block canvas{height:160px}.signature-actions button{width:100%}}
.saved-value{margin-top:8px;padding:9px 11px;background:#eef8ee;border-radius:8px;font-size:14px}
.signature-locked{background:#f3f6f8;cursor:not-allowed;touch-action:auto}.signature-lock-status{font-size:13px;font-weight:700;color:#35566f}.signature-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stat-link{display:block;color:#17324d;transition:transform .12s ease,box-shadow .12s ease}.stat-link:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000018}.stat-link:active{transform:translateY(0)}.service-photo-box{margin:14px 0;padding:14px;border:1px dashed #b7c4cf;border-radius:10px;background:#f8fafb}.service-photo-box label{margin-top:0}.service-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:12px 0 18px}.service-photo-gallery img{width:100%;height:110px;object-fit:cover;border-radius:9px;border:1px solid #d8e0e7}

.locked-field{background:#f1f3f5;color:#5f6b76;cursor:not-allowed}

/* O.S. finalizada - visual profissional */
.os-public-page{max-width:900px}.os-document-header{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#fff;border-radius:14px;padding:18px 22px;box-shadow:0 3px 16px #00000010;border-top:5px solid #0f2d46}.os-brand-logo{width:min(430px,62%);height:auto}.os-doc-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.os-doc-meta strong{font-size:28px;color:#0f2d46}.os-doc-label{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#6d7d8b}.os-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#dce3e9;border:1px solid #dce3e9;border-radius:12px;overflow:hidden;margin:16px 0}.os-summary-grid>div{background:#fff;padding:14px 16px}.os-summary-grid span,.os-field span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:#6d7d8b;font-weight:700;margin-bottom:5px}.os-summary-grid b{font-size:15px;color:#17324d}.os-pro-card{border:1px solid #dfe6ec;box-shadow:0 2px 10px #0000000d}.os-pro-card h2{font-size:17px;color:#0f2d46;border-bottom:2px solid #edf1f4;padding-bottom:10px}.os-field{padding:10px 0;border-bottom:1px solid #edf1f4}.os-field:last-child{border-bottom:0}.os-field p{margin:0;line-height:1.55}.warranty-highlight{background:#fff8df;border-radius:8px;padding:10px 12px;margin-top:10px;border-bottom:0}.os-public-footer{text-align:center;color:#71808c;font-size:12px;padding:18px 0 8px}.service-photo-gallery img{height:150px}@media(max-width:700px){.os-document-header{align-items:flex-start;flex-direction:column}.os-brand-logo{width:100%;max-width:430px}.os-doc-meta{align-items:flex-start}.os-summary-grid{grid-template-columns:1fr}.os-doc-meta strong{font-size:24px}}

/* SISTEC vivid final OS */
.os-document-header{background:linear-gradient(135deg,#ffffff 0%,#eef8ff 55%,#fff4b8 100%);border-top:7px solid #003f7d;border-bottom:3px solid #ffc400;box-shadow:0 8px 24px #003f7d26}
.os-brand-logo{filter:drop-shadow(0 3px 5px #003f7d22)}
.os-doc-meta strong{color:#003f7d;font-size:30px;text-shadow:0 1px 0 #fff}
.os-doc-label{color:#0069c0;font-weight:900}
.os-cnpj{font-size:12px;font-weight:800;color:#003f7d;background:#ffe36b;padding:6px 9px;border-radius:999px}
.os-summary-grid{background:#7ebcea;border-color:#7ebcea;box-shadow:0 5px 16px #0069c017}
.os-summary-grid>div{background:linear-gradient(180deg,#ffffff,#f1f8ff)}
.os-summary-grid span,.os-field span{color:#0069c0}.os-summary-grid b{color:#003f7d}
.os-pro-card{border:1px solid #9cc9eb;border-left:5px solid #0069c0;box-shadow:0 5px 16px #003f7d12}
.os-pro-card h2{color:#003f7d;border-bottom:3px solid #ffc400}
.warranty-highlight{background:#fff1a8;border:1px solid #f4c400}
.status-concluída{background:#bff3cf;color:#075e2a;border:1px solid #66cc8a}
.admin-final-header{margin-bottom:18px}