:root{--ink:#14343d;--green:#08775e;--muted:#5d7379;--line:#dce6e7;--bg:#f1f5f6}*{box-sizing:border-box}body{margin:0;font:14px/1.6 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,.file-button{cursor:pointer}button,a,.file-button{touch-action:manipulation}button{background:#fff;border:1px solid #c5d6d8;padding:10px 15px;border-radius:5px;color:var(--ink)}button:hover{background:#edf5f2}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#075e4b}a{color:var(--green)}button:focus-visible,a:focus-visible{outline:3px solid #51b79a;outline-offset:3px}[hidden]{display:none!important}header{background:#fff;padding:22px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:21px;text-decoration:none;font-weight:750;display:flex;align-items:center;gap:10px;color:var(--ink)}.brand>span{background:var(--green);color:#fff;padding:6px 8px;font-size:15px}.brand small{font-size:10px;letter-spacing:1px;border-left:1px solid var(--line);padding-left:15px;margin-left:10px}.demo-tag{font-size:10px;letter-spacing:1px;background:#e4f1ec;color:#126c53;padding:7px 10px}main{max-width:1400px;padding:35px 4%;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--green);margin:0}.heading h1{font-size:32px;letter-spacing:-1px;margin:5px 0}.heading p:last-child{color:var(--muted);margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.file-button{display:inline-block;border:1px solid #c5d6d8;background:#fff;border-radius:5px;padding:10px 15px}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button:focus-within{outline:3px solid #51b79a}.notice{border-left:3px solid #b8a36b;background:#faf6e9;padding:13px 17px;font-size:12px;color:#665c3e}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0}.metrics article{background:#fff;border:1px solid var(--line);padding:17px 20px}.metrics small{display:block;color:var(--muted);font-size:11px}.metrics b{font-size:28px;font-weight:650;display:block;margin-top:5px}.workspace{display:grid;grid-template-columns:260px 1fr;min-height:650px;border:1px solid var(--line);background:#fff}aside{background:#f8faf9;border-right:1px solid var(--line);padding:22px 17px}label{display:grid;gap:5px;font-size:12px;font-weight:600}input,textarea,select{width:100%;padding:10px 11px;border:1px solid #c6d5d8;border-radius:4px;background:#fff;color:var(--ink);min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #8ac7b3;outline-offset:1px}#buscar{margin:7px 0 18px}.tank-button{width:100%;text-align:left;display:block;margin-bottom:9px;padding:14px 11px;border-color:transparent;background:transparent}.tank-button.selected{background:#e6f1ec;border-color:#bbdaca}.tank-button b,.tank-button span,.tank-button small{display:block}.tank-button b{font-size:12px}.tank-button span{font-size:11px;margin:4px 0;color:var(--muted)}.tank-button small{font-size:10px;color:#26755c}.subtle{padding:10px 0;background:none;border:0;text-decoration:underline;font-size:11px;color:var(--muted);text-align:left;margin-top:20px}.detail{padding:27px 30px;min-width:0}.tank-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.tank-heading h2{font-size:24px;margin:5px 0;letter-spacing:-.5px}.tank-heading p{margin:0;color:var(--muted);font-size:12px}.tank-info{display:flex;gap:30px;margin:25px 0;background:#f6f9f8;padding:24px;border:1px solid #e6ece9}.tank-drawing{width:95px;height:135px;flex-shrink:0;border:2px solid #7c999c;border-radius:40% / 12%;position:relative;overflow:hidden;background:#fff}.tank-drawing:before{content:'';position:absolute;top:5px;left:0;right:0;height:18px;border-bottom:1px solid #8fa8ab;border-radius:50%;z-index:2}.tank-drawing>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(#8cc9b6,#3a997a);transition:height .3s}.tank-drawing>span{position:absolute;inset:0;display:grid;place-items:center;font-size:17px;font-weight:750;text-shadow:0 1px #fff}.facts{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:17px}.facts small{display:block;color:var(--muted);font-size:11px}.facts b{display:block;font-size:14px;margin-top:4px;overflow-wrap:anywhere}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto}.tabs button{border:0;border-radius:0;background:transparent;padding:10px 0;font-size:12px;white-space:nowrap;color:var(--muted)}.tabs button.active{border-bottom:3px solid var(--green);color:var(--green)}.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.history-toolbar h3{font-size:14px}.history-toolbar select{width:auto;max-width:220px;font-size:11px}.event{padding:17px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:125px 1fr;gap:18px}.event time{font-size:11px;color:var(--muted)}.event h4{font-size:14px;margin:0 0 5px}.event p{margin:5px 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.event small{font-size:10px;color:var(--muted);overflow-wrap:anywhere;display:block}.event-tag{display:inline-block;background:#e5f0eb;color:#176a50;padding:2px 7px;font-size:10px;margin-bottom:5px}.qr-layout{display:grid;grid-template-columns:240px 1fr;gap:25px}.qr-card{border:2px solid var(--ink);padding:15px;text-align:center;max-width:240px;background:#fff}.qr-card b{font-size:12px}.qr-card img{width:100%;height:auto;display:block}.qr-card strong{font-size:24px;display:block}.qr-card span{font-size:10px}.qr-layout h3{font-size:18px}.qr-layout p{font-size:12px;color:var(--muted)}#vista-resumen p{font-size:12px;color:var(--muted)}#destinatario{max-width:400px}#resumen{margin:15px 0;display:block;font-size:12px;line-height:1.7}#mensaje{font-size:12px;min-height:22px;color:#147357}.empty{color:var(--muted);padding:25px 0;font-size:12px}footer{text-align:center;font-size:10px;color:var(--muted);padding-top:20px}dialog{width:min(620px,calc(100% - 25px));border:0;border-radius:9px;padding:26px;color:var(--ink);max-height:94vh;overflow:auto}dialog::backdrop{background:#102f3baa}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-head h2{font-size:22px;margin:0}.modal-head button{border:0;font-size:27px;padding:0 7px;background:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.full{grid-column:1/-1}.muted{font-size:11px;color:var(--muted)}.help{font-size:12px;padding:12px;background:#eef5f2}#error{font-size:12px;color:#a43131;font-weight:600}.form-grid textarea{resize:vertical}.form-grid label{align-content:start}
@media(max-width:850px){.workspace{grid-template-columns:210px 1fr}.detail{padding:22px 20px}.facts{gap:12px}.tank-info{gap:18px;padding:17px}.metrics b{font-size:24px}.qr-layout{grid-template-columns:1fr}.event{grid-template-columns:100px 1fr}}
@media(max-width:620px){header{padding:17px}.brand{font-size:18px;flex-wrap:wrap;gap:7px}.brand small{display:none}.demo-tag{font-size:8px}main{padding:24px 15px}.heading{display:block}.heading h1{font-size:27px}.actions{margin-top:18px}.actions button,.file-button{font-size:11px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metrics article{padding:14px}.metrics b{font-size:24px}.workspace{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:17px}#listaTanques{display:flex;overflow:auto;gap:8px}.tank-button{min-width:200px;margin:0}.subtle{margin-top:12px}.detail{padding:20px 15px}.tank-heading{align-items:start;flex-wrap:wrap;gap:12px}.tank-heading h2{font-size:23px}.tank-info{padding:15px;gap:16px}.tank-drawing{width:70px;height:120px}.facts{grid-template-columns:1fr;gap:10px}.facts b{font-size:12px}.facts small{font-size:10px}.tabs{gap:20px}.history-toolbar{align-items:start;flex-wrap:wrap;gap:5px}.history-toolbar select{max-width:100%;margin-bottom:10px}.event{grid-template-columns:1fr;gap:7px}.event time{font-size:10px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.qr-card{margin:auto}.qr-layout{gap:15px}dialog{padding:22px}#vista-resumen button{margin-bottom:8px;font-size:12px}.notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tank-drawing>div{transition:none}}

.brand img{display:block;flex-shrink:0}.back-home{max-width:1400px;margin:15px auto 0;padding:0 4%;font-size:12px}@media(max-width:620px){.back-home{padding:0 15px}.brand img{width:32px;height:32px}}