:root{--bg: #f6f7f9;--surface: #ffffff;--ink: #16191f;--ink-2: #4b5260;--ink-3: #7d8593;--line: #dde1e7;--accent: #0d3b8c;--accent-soft: #e7edf9;--ok: #1e7a4c;--ok-soft: #e3f3ea;--nok: #b83220;--nok-soft: #fbe8e4;--radius: 6px;--font: "Inter", "Noto Sans Telugu", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:1.4rem}h2{font-size:1.1rem}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.app-header nav{display:flex;gap:var(--space-3);font-size:.9rem}.brand{font-weight:600;color:var(--accent)}.lang-toggle,.btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:var(--space-2) var(--space-3);cursor:pointer;min-height:44px}.lang-toggle{min-height:36px;padding:var(--space-1) var(--space-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,.lang-toggle:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:960px;margin:0 auto;padding:var(--space-3);display:grid;gap:var(--space-3)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3)}.muted{color:var(--ink-2)}.small{font-size:.85rem}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.9rem}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.status.ok:before{background:var(--ok)}.status.down:before{background:var(--nok)}.field{display:grid;gap:var(--space-1)}.field label,.label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}input[type=text],input[type=number],textarea,select{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-2) var(--space-3);background:var(--surface);min-height:44px;width:100%}.header-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.kv b{display:block;font-weight:500}.sheet-title{text-align:center;font-size:.95rem;letter-spacing:.06em;color:var(--ink-2)}.point{display:grid;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--line)}.point:first-of-type{border-top:0}.point.invalid{box-shadow:inset 3px 0 0 var(--nok);padding-left:var(--space-2)}.point-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.code{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:.85rem}.chip{display:inline-block;font-size:.72rem;padding:1px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2)}.chip.A{border-color:var(--accent);color:var(--accent)}.point-body{display:grid;gap:var(--space-1);font-size:.92rem}.point-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.seg{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;grid-column:1 / -1}.seg button{flex:1;border:0;background:var(--surface);min-height:48px;cursor:pointer;font-weight:500}.seg button+button{border-left:1px solid var(--line)}.seg button.on-ok{background:var(--ok-soft);color:var(--ok)}.seg button.on-nok{background:var(--nok-soft);color:var(--nok)}.value-row{display:flex;align-items:center;gap:var(--space-2);grid-column:1 / -1}.value-row input{max-width:160px}.unit{color:var(--ink-2)}.hint{font-size:.85rem;color:var(--ink-2)}.hint.err{color:var(--nok)}.photo-box{grid-column:1 / -1;display:flex;gap:var(--space-2);align-items:center}.photo-box img{height:64px;width:64px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}.photo-box input[type=file]{display:none}textarea.remarks{grid-column:1 / -1;min-height:64px}.tally{display:flex;gap:var(--space-3);align-items:center;font-variant-numeric:tabular-nums}.tally .ok{color:var(--ok)}.tally .nok{color:var(--nok)}.actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap;position:sticky;bottom:0;background:var(--surface);padding:var(--space-3);border-top:1px solid var(--line);margin:0 calc(-1 * var(--space-3)) calc(-1 * var(--space-3))}.list{display:grid;gap:var(--space-2)}.row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-2) 0;border-top:1px solid var(--line)}.row:first-child{border-top:0}.pill{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.pill.open{background:var(--nok-soft);color:var(--nok)}.pill.closed{background:var(--ok-soft);color:var(--ok)}.filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.filters button.active{border-color:var(--accent);color:var(--accent)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-3)}@media(max-width:560px){.detail-grid{grid-template-columns:1fr}}.timeline{margin:0;padding-left:var(--space-3);font-size:.85rem}.banner{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--nok-soft);color:var(--nok)}.banner.good{background:var(--ok-soft);color:var(--ok)}@media(prefers-reduced-motion:no-preference){.btn,.seg button{transition:background .12s ease}}
