@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#233d35;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce2da;background:#fff;border-radius:9px;padding:10px 16px;color:#28473a}button:hover{background:#edf2e7}button:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #8aa950}#app{display:flex;min-height:100vh}aside{width:230px;background:#143f35;color:#d2dfd7;padding:35px 24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{font-family:Manrope,sans-serif;font-size:38px;font-weight:800;letter-spacing:-2px;color:#fff;text-decoration:none}.brand span{color:#d2eda0;font-size:20px;padding-left:5px}.aside-label{font-size:9px;letter-spacing:2px;margin-top:55px;color:#90afa1}nav{display:grid;gap:10px}nav button{display:flex;gap:15px;text-align:left;border:0;background:transparent;color:#c4d7cc;padding:15px}nav button.selected{color:#e7f4d6;background:#305b4b}nav button:hover{background:#305b4b}.aside-bottom{margin-top:auto;font-size:11px}.aside-bottom small{display:block;margin-top:15px;color:#90afa1}.dot{display:inline-block;width:6px;height:6px;background:#c9e79b;border-radius:100%;margin-right:5px}main{margin-left:230px;width:calc(100% - 230px)}header{height:86px;border-bottom:1px solid #e4e7df;display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:12px;color:#839087}header b{font-weight:500;color:#415a4a}header>div{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#e3eacb;font-weight:700;color:#36503d}.content{padding:32px 42px;max-width:1600px;margin:auto}.demo{background:#ebefd9;padding:12px 16px;border:1px solid #dce5c2;font-size:12px;border-radius:8px;margin-bottom:28px;color:#58663c}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#718366}h1{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-1.4px;margin:12px 0}p{color:#7d887e;font-size:13px;line-height:1.6}.primary{background:#d8edac;color:#26422d;border:0;font-weight:700;padding:13px 19px}.primary:hover{background:#c8e695}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stats article{border:1px solid #e3e7df;border-radius:13px;padding:22px;background:#fff;box-shadow:0 3px 7px #263d2703}.stats label{font-size:12px;color:#6e7c70}.stats strong{font:700 29px Manrope,sans-serif;display:block;margin:15px 0}.stats small{font-size:10px;color:#8b948a}.stats i{font: 9px DM Sans,sans-serif;display:inline-block;background:#f3edda;color:#967a29;padding:5px;border-radius:5px;margin-left:10px}.panel{background:#fff;border:1px solid #e1e6dc;border-radius:14px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px}h2{font:700 17px Manrope,sans-serif;margin:0}.panel-heading p{margin-bottom:0;font-size:12px}.filters{display:flex;gap:12px;padding:0 24px 24px}input,select,textarea{padding:11px 13px;border-radius:8px;border:1px solid #dce3d6;background:#fdfefb;min-width:0;color:#34503c}input:focus,textarea:focus,select:focus{outline:2px solid #b7d480}#search{flex:1}select{font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#f8faf5;font-size:9px;letter-spacing:1px;color:#94a08b;padding:16px 24px;font-weight:600}td{border-top:1px solid #eff1eb;padding:20px 24px;font-size:12px}td b{font-weight:600}td small{display:block;color:#8d978b;font-size:10px;margin-top:6px}.badge{border-radius:20px;padding:6px 10px;font-size:10px;background:#eef2e9;color:#758468}.activa{background:#e9f3db;color:#5b812f}.vencida{background:#fbe8e2;color:#b76048}.programada{background:#e9eff9;color:#5678aa}.table-foot{padding:17px 24px;font-size:11px;color:#94a08e;border-top:1px solid #eff1eb}.empty{text-align:center;padding:55px;color:#88957e}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#98a18d;margin-top:30px}footer span{letter-spacing:0}dialog{border:1px solid #dce3d6;border-radius:16px;max-width:650px;width:calc(100% - 28px);padding:25px;color:#233d35}dialog::backdrop{background:#0d302c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog .panel-heading{padding:0 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px;font-size:12px}.full{grid-column:1/-1}.check{display:flex;align-items:center}.check input{width:auto}textarea{min-height:70px}#auth{max-width:390px}#auth label{margin:20px 0}#form-error,#auth-error{color:#a74a3a}#notice{padding:14px;background:#e1eccf;margin-bottom:15px;border-radius:8px;font-size:13px}#update{background:#d8edac}@media(max-width:1150px){.stats{grid-template-columns:repeat(2,1fr)}.content{padding:24px}.heading h1{font-size:28px}header{padding:0 24px}aside{width:190px;padding:24px 18px}main{margin-left:190px;width:calc(100% - 190px)}}@media(max-width:700px){#app{display:block}aside{position:static;width:100%;padding:15px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:28px}.aside-label,.aside-bottom{display:none}nav{display:flex;gap:3px}nav button{padding:9px;gap:5px;font-size:11px}main{margin:0;width:100%}header{height:60px;padding:0 20px}.content{padding:20px 14px}.heading{align-items:flex-start;flex-direction:column;margin-top:10px}h1{font-size:27px}.stats{gap:10px}.stats article{padding:16px}.stats strong{font-size:23px}.stats i{display:block;width:fit-content;margin:5px 0 0}.filters{flex-wrap:wrap;padding:0 16px 16px}.filters input{flex-basis:100%!important}.filters select{flex:1}.panel-heading{padding:18px 16px}.panel-heading button{font-size:10px;padding:9px}td,th{padding:15px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}footer{gap:15px}dialog{padding:20px}.demo{font-size:11px}}[hidden]{display:none!important}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions button{min-height:44px}.heading>.actions{flex-shrink:0}.pausada{background:#fff0ce;color:#92651a}.report-flag{color:#a27826}.import-review{background:#f0f5e4;border:1px solid #dce5c8;border-radius:10px;padding:15px;margin:0 0 20px;font-size:12px;line-height:1.7}.import-review ul{margin:10px 0 0;padding-left:19px}.import-review ul:empty{display:none}.hint{margin:0;font-size:11px}.warranty-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f5f8ef;padding:18px;border-radius:12px;margin:0 0 22px}.warranty-summary p{margin-top:0}.warranty-summary small{display:block;margin-top:10px;color:#7e8e77;font-size:11px}.credential-box{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin:20px 0}.credential-box p{grid-column:1/-1;margin:0}.credential-box button{min-height:44px}.timeline{border-left:2px solid #e2eacb;padding-left:20px}.timeline article{padding:12px 0 24px}.timeline small,.incident-card small{font-size:11px;color:#809174}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere;color:#455e47}h3{font:700 15px Manrope,sans-serif;margin:30px 0 15px}.incident-list{padding:0 24px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.incident-card{padding:18px;border:1px solid #e0e8d4;border-radius:10px}.incident-card>.actions:last-child{margin-top:18px}.incident-card>.actions:first-child{justify-content:space-between}.incident-card b{font-size:13px}#vault-dialog{max-width:440px}#vault-dialog label{margin:15px 0}#incident-dialog label{margin-top:18px}#vault-error,#incident-error,#credential-error{color:#a74a3a}#message-dialog textarea{font-size:14px;line-height:1.6}td[data-warranty] small{white-space:nowrap}.stats strong{overflow-wrap:anywhere}dialog{max-height:90dvh;overflow:auto}header button{font-size:11px}.table-wrap button{min-height:42px}.form-grid input{width:100%}.form-grid .check input{width:auto}@media(max-width:1250px){.heading{align-items:flex-start;flex-direction:column}.incident-list{grid-template-columns:1fr}}@media(max-width:700px){aside{flex-wrap:wrap;gap:12px}nav{width:100%;justify-content:space-between}nav button{min-height:44px;font-size:12px}header{height:auto;min-height:65px;gap:10px;flex-wrap:wrap;padding:10px 14px}header>div{gap:6px}.heading>.actions{width:100%}.heading>.actions button{flex:1;font-size:13px}input,select,textarea{font-size:16px}.warranty-summary{grid-template-columns:1fr}.incident-list{padding:0 14px 14px}.stats strong{font-size:21px}.stats i{font-size:10px}.credential-box{grid-template-columns:1fr}.credential-box p{grid-column:auto}.credential-box button{width:100%}dialog{padding:18px}dialog .panel-heading h2{font-size:16px}.actions button{flex:1}.content footer{line-height:1.6}}.app-version{display:inline-block;padding:4px 9px;margin-left:8px;border-radius:999px;background:#e9f0dc;color:#35523f;font-size:11px;letter-spacing:0;text-transform:none;white-space:nowrap}.stats.incident-stats{grid-template-columns:minmax(0,360px)}#report-picker select{width:100%;font-size:16px}#report-picker label{margin-bottom:18px}#picker-error{color:#a74a3a}.evidence-upload{border:1px solid #dce3d6;border-radius:12px;padding:16px;margin:20px 0}.evidence-upload label{margin:12px 0}.evidence-upload input{width:100%;max-width:100%;font-size:16px}.evidence-upload legend{font-size:13px;font-weight:700}.evidence-photo,#photo-preview{display:block;max-width:100%;max-height:65dvh;object-fit:contain;margin:16px auto;border-radius:10px}#photo-view{max-width:850px}#notifications{display:grid;gap:20px}.notification-group .panel-heading{align-items:center}.notification-list{padding:0 24px 24px;display:grid;gap:12px}.notification-list .empty{margin:0;padding:24px 10px}.notification-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid #e0e8d4;border-radius:12px;background:#fcfdf9;min-width:0}.notification-card>div{min-width:0}.notification-card h3{margin:12px 0 6px;overflow-wrap:anywhere}.notification-card p{margin:6px 0}.notification-card small{color:#718366;overflow-wrap:anywhere}.notification-card button{flex-shrink:0;min-height:44px}@media(max-width:700px){.notification-list{padding:0 14px 14px}.notification-card{align-items:stretch;flex-direction:column;padding:16px}.notification-card button{width:100%}}
