@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";:root{color:#19231f;font-synthesis:none;background:#f4f2ec;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app{min-height:100vh;padding-bottom:88px}header{color:#fff;z-index:5;background:#15251f;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50% - 620px);display:flex;position:sticky;top:0}.brand,.user,.hero,.shift,.cardtop,.controls,.move,.user{align-items:center;display:flex}.brand{gap:12px}.mark{color:#15251f;background:#d9ff63;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.brand b{letter-spacing:.06em;font-family:Manrope}.brand small{color:#a9b5af;margin-top:2px;font-size:12px;display:block}.user{gap:8px}.user input{color:#fff;background:#22352e;border:1px solid #40524b;border-radius:8px;width:110px;padding:9px}.user svg{width:18px}main{max-width:1240px;margin:auto;padding:32px 24px}.hero{justify-content:space-between;margin-bottom:25px}.eyebrow{color:#65756e;letter-spacing:.12em;font-size:11px;font-weight:800}.hero h1,.recent h2{margin:5px 0 3px;font-family:Manrope}.hero h1{font-size:34px}.hero p{color:#718078;margin:0}.shift{background:#fff;border:1px solid #deddd6;border-radius:12px;gap:12px;padding:12px 16px}.shift svg{color:#58705f}.shift small,.move small{color:#758078;display:block}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:#fff;border:1px solid #deddd6;border-top:4px solid #88a55a;border-radius:16px;padding:20px;box-shadow:0 2px 8px #1d2a2210}.c1{border-top-color:#e1a743}.c2{border-top-color:#668bc0}.c3{border-top-color:#9d6ca8}.c4{border-top-color:#c97652}.c5{border-top-color:#4d9b8a}.cardtop{justify-content:space-between}.tag{color:#4f6245;background:#eef2e4;border-radius:100px;padding:5px 9px;font-size:11px;font-weight:700}.status{color:#6a8a3f;letter-spacing:.1em;font-size:9px;font-weight:800}.card h2{margin:15px 0 4px;font-family:Manrope;font-size:18px}.count{font-family:Manrope;font-size:52px;font-weight:800;line-height:1.15}.controls{gap:8px;margin:15px 0}.controls button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;height:52px;display:flex}.minus{color:#39463f;background:#edf0ed;width:36%}.plus{color:#15251f;background:#d9ff63;flex:1;gap:2px;font-size:17px;font-weight:800}.plus:hover{background:#c9ef53}.controls svg{width:22px}.manual{color:#6d7772;justify-content:space-between;align-items:center;font-size:12px;display:flex}.manual input{text-align:center;border:1px solid #d8d9d4;border-radius:8px;width:74px;padding:7px;font-weight:700}.recent{background:#fff;border:1px solid #deddd6;border-radius:16px;margin-top:28px;padding:20px}.recent h2{font-size:20px}.move{border-top:1px solid #ecece8;gap:12px;margin-top:16px;padding-top:14px}.moveicon{background:#edf2ed;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.moveicon svg{width:18px}.move div{flex:1}.move strong{font-size:18px}.up{color:#4c7e38}.down{color:#b85843}.empty{color:#78837d;margin-bottom:0}nav{z-index:8;background:#15251f;border-radius:16px;gap:3px;padding:7px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #15251f40}nav button{color:#aeb9b3;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:7px;padding:10px 18px;font-weight:700;display:flex}nav button.selected{color:#15251f;background:#d9ff63}nav svg{width:18px}@media (width<=800px){.grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start}.shift{display:none}}@media (width<=540px){header{height:66px;padding:0 16px}.user svg{display:none}.user input{width:92px}.brand small{display:none}main{padding:24px 14px}.hero h1{font-size:28px}.hero p{font-size:13px}.grid{grid-template-columns:1fr;gap:12px}.card{padding:17px}.count{font-size:46px}.recent{margin-top:18px}.app{padding-bottom:82px}nav{justify-content:space-around;width:calc(100% - 20px);bottom:8px}nav button{flex-direction:column;gap:2px;padding:9px 10px;font-size:0}nav button:after{content:attr(data-label);font-size:10px}nav svg{width:21px}.controls button{height:56px}}button,input,select,textarea{font:inherit}.heroactions,.pagetitle{align-items:center;gap:10px;display:flex}.closebtn,.primary{color:#fff;cursor:pointer;background:#15251f;border:0;border-radius:11px;align-items:center;gap:8px;padding:13px 16px;font-weight:700;display:flex}.closebtn svg,.primary svg{width:18px}.pagetitle{justify-content:space-between;margin-bottom:25px}.pagetitle h1{margin:5px 0 3px;font:800 34px Manrope}.pagetitle p{color:#718078;margin:0}.filters{gap:8px;margin-bottom:18px;display:flex;overflow:auto}.filters button{color:#66736c;cursor:pointer;background:#fff;border:1px solid #d4d7d1;border-radius:30px;padding:8px 14px;font-weight:700}.filters button.active{color:#fff;background:#15251f}.incidentgrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.incident{background:#fff;border:1px solid #deddd6;border-radius:15px;grid-template-columns:180px 1fr;display:grid;overflow:hidden}.incident img,.nophoto{object-fit:cover;width:180px;height:100%;min-height:190px}.nophoto{color:#88948e;background:#e9ece8;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.incidentbody{padding:18px}.incidentmeta{justify-content:space-between;align-items:center;display:flex}.incidentmeta>span:first-child{color:#50645a;font-weight:800}.pill{border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800}.pendiente{color:#a36519;background:#fff0dd}.revisado{color:#456c9c;background:#e6effc}.resuelto{color:#4f7d3b;background:#e5f4df}.incident h3{margin:15px 0 8px;font-family:Manrope;font-size:17px}.incident p,.incident small{color:#758078;margin:0}.incident small{margin:5px 0 12px;display:block}.incident select{background:#fff;border:1px solid #d5d9d4;border-radius:8px;width:100%;padding:8px}.blank{text-align:center;color:#738078;grid-column:1/-1;padding:70px 20px}.blank h3{color:#2b3932;font-family:Manrope}.search{background:#fff;border:1px solid #d6d8d3;border-radius:11px;align-items:center;gap:8px;max-width:430px;padding:11px 14px;display:flex}.search svg{color:#748078;width:19px}.search input{border:0;outline:0;width:100%}.historylist,.closures,.summary{background:#fff;border:1px solid #deddd6;border-radius:16px;margin-top:20px;padding:20px}.historylist h2,.closures h2,.summary h2{margin:4px 0;font:700 20px Manrope}.closure{border-top:1px solid #ecece8;align-items:center;gap:13px;margin-top:13px;padding-top:13px;display:flex}.closure div{flex:1}.closure small{color:#758078;display:block}.exportgrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.exportcard{text-align:left;cursor:pointer;color:#1c2923;background:#fff;border:1px solid #daddd7;border-radius:16px;gap:18px;padding:24px;display:flex}.exporticon{border-radius:13px;flex:none;place-items:center;width:54px;height:54px;display:grid}.exporticon.green{color:#4f7b3b;background:#e7f3de}.exporticon.blue{color:#49719f;background:#e3ecf8}.exportcard h3{margin:0;font-family:Manrope}.exportcard p{color:#718078}.summary>div{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.summary span{color:#718078;background:#f4f5f1;border-radius:10px;padding:18px}.summary b{color:#233129;font:800 26px Manrope;display:block}.overlay{z-index:20;background:#112019b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#f8f7f3;border-radius:19px;width:min(620px,100%);max-height:calc(100vh - 32px);padding:24px;overflow:auto}.modal.compact{width:min(540px,100%)}.modaltop{align-items:center;gap:12px;margin-bottom:20px;display:flex}.modaltop>div{flex:1}.modaltop h2{margin:3px 0;font-family:Manrope}.iconbtn{cursor:pointer;background:#e9ece7;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.photo{color:#62736a;cursor:pointer;background:#eef0ec 50%/cover;border:2px dashed #bdc5bf;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:180px;font-weight:700;display:flex}.photo.hasphoto{color:#fff;text-shadow:0 1px 5px #000;background-blend-mode:multiply;background-color:#0005}.formgrid{grid-template-columns:2fr 1fr;gap:12px;display:grid}.modal label{color:#5f6c65;margin-top:16px;font-size:12px;font-weight:700;display:block}.modal input,.modal select,.modal textarea{background:#fff;border:1px solid #cfd3ce;border-radius:9px;width:100%;margin-top:6px;padding:11px;display:block}.autodata{color:#728078;align-items:center;gap:8px;margin:15px 0;font-size:12px;display:flex}.save{color:#17251f;cursor:pointer;background:#d9ff63;border:0;border-radius:11px;width:100%;padding:14px;font-weight:800}.closepreview{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;display:grid}.closepreview span{background:#fff;border:1px solid #dedfd9;border-radius:8px;padding:10px}.closepreview small{color:#758078;display:block}.closetotal{justify-content:space-between;margin:18px 0;display:flex}.toast{z-index:40;background:#fff;border:1px solid #d7ddd6;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #16231c30}nav i{color:#fff;background:#e16f50;border-radius:20px;place-items:center;min-width:17px;height:17px;font-size:10px;font-style:normal;display:grid;position:absolute;top:1px;right:4px}nav button{position:relative}@media (width<=850px){.incidentgrid,.exportgrid{grid-template-columns:1fr}}@media (width<=540px){.pagetitle h1{font-size:28px}.primary{padding:11px;font-size:12px}.closebtn{padding:12px;font-size:0}.incident{grid-template-columns:110px 1fr}.incident img,.nophoto{width:110px;min-height:220px}.incidentbody{padding:14px}.formgrid{grid-template-columns:1fr}.modal{padding:18px}.closepreview{grid-template-columns:repeat(2,1fr)}.summary>div{grid-template-columns:1fr}.toast{justify-content:center;width:calc(100% - 28px);top:75px}}.outputlayout{grid-template-columns:minmax(320px,440px) 1fr;gap:18px;display:grid}.outputform,.outputhistory{background:#fff;border:1px solid #deddd6;border-radius:16px;padding:22px}.outputhead{align-items:center;gap:13px;margin-bottom:18px;display:flex}.outputhead>span{background:#d9ff63;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.outputhead h2,.outputhistory h2{margin:0;font:700 20px Manrope}.outputhead p{color:#718078;margin:3px 0 0;font-size:13px}.outputform label{color:#5f6c65;margin-top:14px;font-size:12px;font-weight:700;display:block}.outputform input,.outputform select,.outputform textarea{background:#fff;border:1px solid #cfd3ce;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:11px;display:block}.outputform label>small{color:#7b867f;margin-top:6px;display:block}.fieldicon{position:relative}.fieldicon svg{color:#78847e;width:18px;position:absolute;top:17px;left:11px}.fieldicon input{padding-left:37px}.outputform .save{justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.outputform .save:disabled{color:#8a958f;background:#e2e5df}.outputrow{border-top:1px solid #ecece8;align-items:center;gap:12px;padding:14px 0;display:flex}.outputrow:first-of-type{margin-top:9px}.outputrow>span{color:#52675d;background:#edf2ed;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.outputrow>span svg{width:18px}.outputrow div{flex:1}.outputrow p,.outputrow small{color:#758078;margin:3px 0;font-size:12px}.outputrow strong{color:#b85843;font-size:18px}.save svg{width:19px}@media (width<=850px){.outputlayout{grid-template-columns:1fr}}@media (width<=540px){nav button{padding-left:8px;padding-right:8px}.outputform,.outputhistory{padding:17px}}