:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#17324a;background:#f3f7fa}*{box-sizing:border-box}body{margin:0}header{background:#164e63;color:white;padding:1.2rem max(1rem,calc((100vw - 760px)/2))}header h1{margin:0}header small{font-size:.6em;font-weight:400}header p{margin:.4rem 0 0}main{max-width:760px;margin:auto;padding:1rem}.panel{background:#fff;border-radius:14px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 12px #16394d14}h2{font-size:1.15rem;margin:.1rem 0 1rem}label{display:block;margin:.8rem 0 .3rem;font-weight:600}input,textarea,button{font:inherit}input,textarea{width:100%;padding:.75rem;border:1px solid #b9cbd5;border-radius:9px;background:#fff}button{background:#12647d;color:white;border:0;border-radius:9px;padding:.75rem 1rem;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.inline{display:flex;gap:.5rem}.inline input{min-width:0;flex:1}.hint{color:#64748b;font-size:.88rem}.records{display:grid;gap:.7rem}.record{border:1px solid #dbe5eb;border-radius:10px;padding:.85rem;overflow-wrap:anywhere}.record h3{margin:0 0 .3rem;font-size:1rem}.meta{color:#536878;font-size:.86rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.actions button{font-size:.9rem}.actions .reject{background:#a33a3a}.notice{padding:.65rem;border-radius:8px;background:#e9f5f8;margin:.5rem 0}.error{background:#ffeded;color:#8b1f1f}@media(max-width:400px){.inline{flex-direction:column}}

select{width:100%;padding:.75rem;border:1px solid #b9cbd5;border-radius:9px;background:#fff;font:inherit}select:focus-visible{outline:2px solid #12647d;outline-offset:2px}

select{width:100%;padding:.75rem;border:1px solid #b9cbd5;border-radius:9px;background:#fff;font:inherit}select:focus-visible{outline:2px solid #12647d;outline-offset:2px}

/* 1.7.6 photos and offline outbox */
.photo-field{border:1px dashed #b9cbd5;border-radius:10px;padding:.6rem .8rem;margin:.9rem 0}.photo-field legend{font-weight:600;padding:0 .3rem}
.photo-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.file-btn{display:inline-flex;align-items:center;gap:.3rem;margin:0;background:#12647d;color:#fff;border-radius:9px;padding:.65rem .9rem;cursor:pointer;font-weight:600}.file-btn.secondary{background:#495b69}.file-btn input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-btn:focus-within{outline:2px solid #12647d;outline-offset:2px}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem;margin-top:.6rem}.photo-grid:empty{display:none}.thumb{position:relative;border-radius:8px;overflow:hidden;background:#e8eef2;aspect-ratio:1}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb button{position:absolute;top:4px;left:4px;padding:.15rem .45rem;font-size:.8rem;background:#a33a3ae6;border-radius:6px}.thumb a{display:block;height:100%}
.outbox{border:2px solid #d9a441}.badge{display:inline-block;min-width:1.6rem;padding:0 .45rem;border-radius:99px;background:#d9a441;color:#fff;font-size:.9rem;text-align:center}.offline-badge{background:#8a5a00;color:#fff;border-radius:99px;padding:.1rem .6rem;font-size:.8rem}.record .failed{color:#8b1f1f}
