:root{--ink:#172033;--muted:#70798a;--line:#e6e9ef;--bg:#f5f7fb;--blue:#97bf17;--navy:#171917;--green:#1ca678;--red:#df4b59;--purple:#6f8f0d}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:25px 16px 18px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand>b{width:40px;height:40px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center}.brand strong{font-size:19px;display:block}.brand span{font-size:10px;color:#929aa8;text-transform:uppercase;letter-spacing:.12em}.role-tag{margin:-12px 7px 15px;padding:7px 9px;border-radius:8px;font-size:9px;font-weight:700;text-align:center}.role-tag.usuario{background:#eaf9f3;color:#168a63}.role-tag.tecnico{background:#f1f6e4;color:#6f8f0d}.role-tag.administrador{background:#f0f6dc;color:#6f8f0d}.nav-title{font-size:9px;color:#a2a9b5;letter-spacing:.14em;font-weight:700;padding:0 12px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{color:#626c7c;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:13px}.sidebar nav a:hover{background:#f6f7fa}.sidebar nav a.active{background:#eff7d8;color:var(--blue);font-weight:650}.sidebar nav a i{margin-left:auto;font-style:normal;font-size:10px;background:#dfe8c5;border-radius:99px;padding:2px 7px}.help{margin-top:auto;border:1px solid #dfe8c5;background:#f6f9ee;border-radius:13px;padding:15px;color:var(--blue)}.help strong{font-size:12px;display:block;margin-top:9px;color:#25314a}.help p{font-size:10px;line-height:1.5;color:var(--muted);margin:4px 0 0}.profile{border-top:1px solid var(--line);margin-top:15px;padding:16px 4px 0;display:flex;gap:9px;align-items:center}.profile>span,.session-user>span{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#97bf17,#6f8f0d);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.profile strong,.session-user b{font-size:11px;display:block}.profile small,.session-user small{font-size:9px;color:var(--muted)}.main{margin-left:250px;min-height:100vh}.main>header{height:68px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 32px}.session-user{display:flex;align-items:center;gap:9px;margin-right:auto}.header-link,.logout-form button{border:0;background:transparent;color:#6d7685;font-size:10px;padding:8px}.header-link:hover,.logout-form button:hover{color:var(--blue)}.logout-form{margin:0}.hamb{display:none;width:39px;height:39px;border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;color:#6e7787}.content{max-width:1420px;margin:auto;padding:32px 32px 70px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.heading h1{font-size:27px;letter-spacing:-.7px;margin:0 0 5px}.heading p{font-size:12px;color:var(--muted);margin:0}.primary,.secondary{min-height:38px;border-radius:8px;padding:0 14px;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.primary{background:var(--blue);border:1px solid var(--blue);color:#fff;box-shadow:0 4px 10px rgba(151,191,23,.18)}.primary:hover{background:#78990e}.secondary{background:#fff;border:1px solid #dce1e8;color:#5b6575}.wide{width:100%}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 8px rgba(22,32,55,.025)}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:19px 20px}.panel-title h2{font-size:14px;margin:0 0 4px}.panel-title p{font-size:10px;color:var(--muted);margin:0}.panel-title>a{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;color:#687181;font-size:10px}.flash{border-radius:9px;padding:11px 12px;font-size:10px;line-height:1.5}.flash.error{background:#fff0f1;color:#a73241;border:1px solid #ffdadd}.flash.success{background:#eaf9f3;color:#167b59;border:1px solid #ccefe2}.flash.global{margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;gap:12px}.metrics article>span{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center}.blue{background:#f0f6dc;color:var(--blue)}.red{background:#fff0f1;color:var(--red)}.green{background:#eaf9f3;color:#16956a}.purple{background:#f1f6e4;color:var(--purple)}.metrics p{font-size:10px;color:var(--muted);margin:0 0 4px}.metrics strong{font-size:22px;letter-spacing:-.5px;display:block}.metrics small{font-size:8px;color:#178660}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:17px}.dashboard-grid-full{grid-template-columns:minmax(0,1fr)}.recent{overflow:hidden}.quick{padding:20px;height:max-content}.quick>span{width:39px;height:39px;border-radius:10px;background:#f0f6dc;color:var(--blue);display:grid;place-items:center}.quick h2{font-size:15px;margin:14px 0 7px}.quick p{font-size:10px;line-height:1.65;color:var(--muted);margin:0 0 17px}.table{width:100%}.tr{display:grid;grid-template-columns:minmax(260px,2fr) minmax(100px,.8fr) minmax(130px,1fr) 90px 100px;align-items:center;gap:12px;width:100%;padding:12px 20px;border-top:1px solid #edf0f4;background:#fff;color:#5b6575;font-size:9px}.tr:not(.th):hover{background:#fafbfe}.tr.th{padding-top:8px;padding-bottom:8px;background:#fafbfc;color:#979eaa;font-size:8px;font-weight:700}.subject b{font-size:10px;color:#293347;display:block;margin-bottom:4px}.subject small{font-size:8px;color:#9199a5}.tr>span:nth-child(3),.tr>span:nth-child(4){display:flex;align-items:center;gap:5px}.tr>span:nth-child(3) svg{width:14px;height:14px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#999}.dot.baja{background:#2daf80}.dot.media{background:#e5a03b}.dot.alta{background:#ec745d}.dot.critica{background:#d73e50}.status{font-style:normal;border-radius:99px;padding:4px 8px;font-size:8px;background:#f0f1f4;color:#657080;white-space:nowrap}.status.nuevo{background:#f0f6dc;color:#6f8f0d}.status.asignado{background:#f1f6e4;color:#6f8f0d}.status.en_proceso{background:#fff4df;color:#ae6e14}.status.en_espera{background:#f0f1f4}.status.resuelto,.status.cerrado{background:#eaf9f3;color:#168a63}.empty{text-align:center;padding:65px 20px;color:#88919f}.empty>svg{width:34px;height:34px}.empty h3{font-size:14px;color:#303a4c;margin:10px 0 4px}.empty p{font-size:10px}.tickets-panel{overflow:hidden}.filters{display:flex;gap:10px;padding:15px}.filters label{flex:1;height:38px;border:1px solid #dfe3e9;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#929aa7}.filters label svg{width:17px;height:17px}.filters input{border:0;outline:0;flex:1;font-size:10px;background:transparent}.filters select{height:38px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;color:#5f6878;padding:0 12px;font-size:10px}.new-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:17px;max-width:1100px}.form-card{padding:24px}.section-step{display:flex;gap:11px;margin-bottom:20px}.section-step>span{width:28px;height:28px;border-radius:8px;background:#f0f6dc;color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:700}.section-step h2{font-size:14px;margin:1px 0 3px}.section-step p{font-size:10px;color:var(--muted);margin:0}.field,.create-card label,.manage-ticket label,.password-settings label,.password-card label{display:flex;flex-direction:column;margin-bottom:17px;font-size:10px;font-weight:650;color:#4d5767}.field>i{color:var(--red);font-style:normal}.field input,.field textarea,.field select,.create-card input,.create-card select,.manage-ticket select,.password-settings input,.password-card input,.comment-form textarea,.place-form input{width:100%;border:1px solid #dfe3e9;border-radius:8px;background:#fff;color:#30394a;padding:10px 11px;outline:0;font-size:10px;margin-top:7px}.field input:focus,.field textarea:focus,.field select:focus,.create-card input:focus,.create-card select:focus,.manage-ticket select:focus,.password-settings input:focus,.password-card input:focus,.comment-form textarea:focus,.place-form input:focus{border-color:#97bf17;box-shadow:0 0 0 3px #f0f6dc}.field textarea,.comment-form textarea{resize:vertical}.field small,.password-settings small{font-size:8px;color:var(--muted);margin-top:5px;font-weight:400}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-card hr{border:0;border-top:1px solid var(--line);margin:7px 0 22px}.form-actions{border-top:1px solid var(--line);margin:24px -24px -24px;padding:16px 24px;display:flex;justify-content:flex-end;gap:8px}.new-layout aside{display:flex;flex-direction:column;gap:13px}.tips,.sla{border-radius:13px;padding:18px}.tips{background:#f6f9ee;border:1px solid #dfe8c5;color:var(--blue)}.tips h3{font-size:12px;color:#273248;margin:10px 0 7px}.tips ul{padding-left:17px;margin:0;font-size:9px;line-height:2;color:#687282}.sla{background:#fff;border:1px solid var(--line)}.sla span{font-size:8px;letter-spacing:.1em;color:#929aa7}.sla strong{display:block;font-size:10px;margin:11px 0 4px}.sla b{font-size:15px;color:var(--green)}.sla p{font-size:8px;color:var(--muted);margin:5px 0}.ticket-detail{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px}.ticket-detail>article,.ticket-detail>aside{display:flex;flex-direction:column;gap:17px}.ticket-summary{padding:22px}.ticket-top{display:flex;justify-content:space-between;align-items:center}.priority{font-size:10px;display:flex;align-items:center;gap:6px}.description{font-size:11px;line-height:1.7;color:#555f70;padding:18px 0;border-bottom:1px solid var(--line)}.ticket-summary dl{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:0}.ticket-summary dl>div{padding:12px;border-bottom:1px solid var(--line)}.ticket-summary dl>div:nth-child(odd){border-right:1px solid var(--line)}.ticket-summary dl .wide{grid-column:1/-1;border-bottom:0;border-right:0}.ticket-summary dt{font-size:8px;color:#929aa7;margin-bottom:5px}.ticket-summary dd{font-size:10px;margin:0;display:flex;align-items:center;gap:6px}.ticket-summary dd svg{width:15px;height:15px}.attachments{margin-top:18px}.attachments h3{font-size:11px}.attachments a{display:flex;gap:7px;align-items:center;border:1px solid var(--line);padding:9px;border-radius:8px;font-size:9px;margin-top:7px}.attachments a svg{width:15px;height:15px;color:var(--blue)}.attachments a small{margin-left:auto;color:var(--muted)}.conversation{overflow:hidden}.conversation>.muted{padding:0 20px}.muted{font-size:10px;color:var(--muted)}.comment{display:flex;gap:10px;padding:15px 20px;border-top:1px solid var(--line)}.comment>span,.data-row>span:first-child>i{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#97bf17,#6f8f0d);color:#fff;display:grid;place-items:center;font-size:8px;font-style:normal;flex:none}.comment>div{flex:1}.comment header{display:flex;align-items:baseline;gap:7px}.comment header b{font-size:10px}.comment header small{font-size:8px;color:var(--muted)}.comment p{font-size:10px;line-height:1.6;color:#566071;margin:7px 0 0}.comment em{display:inline-block;font-size:8px;color:#8a651a;background:#fff4df;padding:3px 6px;border-radius:5px;margin-top:5px}.comment.internal{background:#fffdf8}.comment-form{border-top:1px solid var(--line);padding:17px 20px;display:flex;flex-direction:column;align-items:flex-start}.comment-form textarea{margin:0}.comment-form .check{font-size:9px;color:var(--muted);margin:10px 0}.comment-form .check input{vertical-align:middle}.comment-form button{align-self:flex-end}.manage-ticket,.history{padding:19px}.manage-ticket h2,.history h2{font-size:14px;margin:0 0 17px}.history>div{display:flex;gap:9px;padding:9px 0;border-top:1px solid var(--line)}.history>div>i{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:3px}.history p{margin:0}.history b,.history span,.history small{display:block;font-size:8px}.history span{color:#586273;margin-top:3px}.history small{color:var(--muted);margin-top:4px}.report-metrics{grid-template-columns:repeat(3,1fr)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.report-card{padding-bottom:20px}.bars{display:flex;flex-direction:column;gap:14px;padding:5px 20px}.bars span{display:flex;justify-content:space-between;font-size:10px;color:#616b7a;margin-bottom:6px}.bars span b{color:#333d4e}.bars>div>div{height:6px;border-radius:9px;background:#eff1f4;overflow:hidden}.bars i{display:block;height:100%;background:linear-gradient(90deg,#97bf17,#b9e52d);border-radius:9px}.users-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:17px}.users-table-wrap,.create-card{height:max-content;overflow:hidden}.data-table{overflow-x:auto}.data-row{min-width:620px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);align-items:center;gap:12px;padding:12px 20px;border-top:1px solid #edf0f4;font-size:9px;color:#626c7b}.data-row.users{grid-template-columns:1.3fr 1.25fr .9fr .5fr}.data-row.head{background:#fafbfc;color:#969eaa;font-size:8px;font-weight:700}.data-row>span:first-child{display:flex;align-items:center;gap:9px}.data-row b,.data-row small{display:block}.data-row small{color:#9199a6;margin-top:2px}.user-role{font-style:normal;border-radius:99px;padding:4px 7px;font-size:8px}.user-role.usuario{background:#eaf9f3;color:#168a63}.user-role.tecnico{background:#f1f6e4;color:#6f8f0d}.user-role.administrador{background:#f0f6dc;color:#6f8f0d}.create-card{padding-bottom:20px}.create-card form{padding:0 20px}.places-card{max-width:900px;padding-bottom:18px}.place-form{display:flex;gap:9px;padding:0 20px 18px}.place-form input{margin:0;flex:1}.place-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:0 20px}.place-list>div{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.place-list>div:last-child{border:0}.place-list>div>span{width:34px;height:34px;border-radius:8px;background:#f0f6dc;color:var(--blue);display:grid;place-items:center}.place-list b{display:block;font-size:10px}.place-list small{font-size:8px;color:var(--muted)}.place-list>div>i{font-style:normal;font-size:8px;border-radius:99px;padding:4px 8px}.place-list i.active{color:#168a63;background:#eaf9f3}.place-list i.inactive{color:#7c8490;background:#f0f1f4}.place-list form{margin:0}.place-list button{min-height:30px}.password-settings{max-width:520px;padding:22px}.password-settings form{max-width:420px}.shade{display:none;position:fixed;inset:0;border:0;background:rgba(14,23,43,.34);z-index:35;backdrop-filter:blur(2px)}.mobile-nav{display:none}
.auth-body{background:#fff}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(430px,.95fr)}.auth-intro{background:linear-gradient(145deg,#101110,#2a301e);color:#fff;padding:42px clamp(35px,6vw,86px);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-intro:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-190px;bottom:-115px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 125px rgba(255,255,255,.02)}.auth-brand{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.auth-brand>span{width:41px;height:41px;border-radius:12px;background:#6f8f0d;display:grid;place-items:center}.auth-brand b{font-size:19px;display:block}.auth-brand small{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#d3d7ce}.auth-copy{margin:auto 0;max-width:520px;position:relative;z-index:1}.auth-copy>span{font-size:9px;color:#c6ea4d;letter-spacing:.18em;font-weight:700}.auth-copy h1{font-size:clamp(35px,4.2vw,58px);line-height:1.05;letter-spacing:-1.8px;margin:14px 0 19px}.auth-copy>p{font-size:13px;line-height:1.75;color:#dfe4d7;max-width:450px}.auth-copy ul{list-style:none;padding:20px 0 0;margin:25px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:13px}.auth-copy li{font-size:11px;color:#edf1e6;display:flex;align-items:center;gap:9px}.auth-copy li svg{width:17px;height:17px;color:#b9e52d}.auth-intro>small{position:relative;z-index:1;color:#aeb4a7;font-size:9px}.auth-form-side{display:grid;place-items:center;padding:35px;background:#fbfcfe}.auth-card{width:min(420px,100%)}.auth-mobile-brand{display:none}.auth-mobile-brand.always{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:25px}.auth-mobile-brand svg{background:var(--navy);color:#fff;border-radius:9px;padding:7px;width:34px;height:34px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#edf0f5;border-radius:10px;margin-bottom:28px}.auth-tabs a{height:36px;border-radius:7px;font-size:10px;color:#747d8b;display:grid;place-items:center}.auth-tabs a.active{background:#fff;color:#263147;font-weight:700;box-shadow:0 2px 8px rgba(28,40,63,.08)}.auth-card h2{font-size:26px;letter-spacing:-.6px;margin:0 0 6px}.auth-card>p{font-size:10px;color:var(--muted);margin:0 0 23px}.auth-card form,.password-card form{display:flex;flex-direction:column;gap:14px}.auth-card form>label{font-size:9px;font-weight:650;color:#4c5667}.auth-card input{width:100%;height:42px;border:1px solid #dce1e8;border-radius:8px;background:#fff;padding:0 11px;font-size:10px;outline:0;margin-top:6px}.auth-card input:focus{border-color:#97bf17;box-shadow:0 0 0 3px #f0f6dc}.auth-switch{text-align:center!important;font-size:9px!important;margin:20px 0 0!important}.auth-switch a{color:var(--blue);font-weight:700}.password-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f5f7fb}.password-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;box-shadow:0 15px 50px rgba(22,34,60,.1)}.password-card>span{font-size:8px;color:var(--blue);letter-spacing:.12em;font-weight:700}.password-card h1{font-size:23px;margin:7px 0}.password-card>p{font-size:10px;color:var(--muted);margin:0 0 20px;line-height:1.5}
@media(max-width:1080px){.metrics{grid-template-columns:repeat(2,1fr)}.tr{grid-template-columns:minmax(230px,2fr) 1fr 90px 100px}.tr>span:nth-child(2){display:none}.new-layout{grid-template-columns:1fr}.new-layout aside{display:grid;grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}.dashboard-grid,.ticket-detail{grid-template-columns:1fr}.quick{display:none}.ticket-detail>aside{display:grid;grid-template-columns:1fr 1fr}.users-layout{grid-template-columns:1fr}.auth-page{grid-template-columns:.85fr 1fr}.auth-copy h1{font-size:38px}}
@media(max-width:760px){.sidebar{width:270px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.shade.show{display:block}.main{margin:0;padding-bottom:62px}.main>header{height:58px;padding:0 14px}.hamb{display:grid}.session-user div{display:none}.header-link,.logout-form button{font-size:8px;padding:5px}.content{padding:22px 14px 35px}.heading{align-items:flex-start}.heading h1{font-size:22px}.heading p{font-size:10px;max-width:245px;line-height:1.45}.heading .primary{font-size:0;width:39px;padding:0}.heading .primary svg{width:19px}.metrics{gap:9px}.metrics article{padding:12px;gap:8px}.metrics article>span{width:33px;height:33px}.metrics p{font-size:8px}.metrics strong{font-size:17px}.metrics small{font-size:7px}.recent .tr,.tickets-panel .tr{grid-template-columns:1fr 92px;padding:12px 13px}.recent .tr>span:nth-child(2),.recent .tr>span:nth-child(3),.recent .tr>span:nth-child(4),.tickets-panel .tr>span:nth-child(2),.tickets-panel .tr>span:nth-child(3),.tickets-panel .tr>span:nth-child(4){display:none}.tr.th{display:none}.filters{flex-wrap:wrap}.filters label{flex-basis:100%}.filters select{flex:1}.form-card{padding:17px}.two{grid-template-columns:1fr}.form-actions{margin:20px -17px -17px;padding:14px 17px}.new-layout aside{grid-template-columns:1fr}.ticket-detail>aside{grid-template-columns:1fr}.ticket-summary dl{grid-template-columns:1fr}.ticket-summary dl>div{border-right:0!important}.ticket-summary dl .wide{grid-column:auto}.report-metrics{grid-template-columns:1fr}.place-form{flex-direction:column}.place-list>div{grid-template-columns:36px 1fr auto}.place-list>div>form{grid-column:2/-1}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:61px;display:flex;justify-content:space-around;background:rgba(255,255,255,.97);border-top:1px solid var(--line);backdrop-filter:blur(10px)}.mobile-nav a{color:#808897;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;min-width:62px}.mobile-nav a svg{width:19px;height:19px}.mobile-nav a.active{color:var(--blue);font-weight:700}.auth-page{display:block;background:#fbfcfe}.auth-intro{display:none}.auth-form-side{min-height:100vh;padding:25px 18px}.auth-mobile-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:26px}.auth-card{max-width:410px}}
@media(max-width:420px){.metrics{grid-template-columns:1fr}.filters>.secondary{flex:1}.ticket-summary{padding:16px}.conversation .comment{padding:13px}.place-list{margin:0 12px}.data-row{padding:11px 14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* MPR Computación · identidad corporativa */
:root{--ink:#171917;--muted:#71776c;--line:#dfe4d7;--bg:#f4f6f0;--blue:#97bf17;--navy:#101110;--green:#4f9a52;--red:#d84a55;--purple:#64705a}
.sidebar{background:#101110;border-right-color:#262a22;color:#fff}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:2px 8px 25px}.brand img{display:block;width:190px;max-width:100%;height:auto}.brand>span{font-size:9px;color:#aeb4a7;text-transform:uppercase;letter-spacing:.14em}.nav-title{color:#798071}.sidebar nav a{color:#d3d7ce}.sidebar nav a:hover{background:#1a1d17}.sidebar nav a.active{background:rgba(151,191,23,.14);color:#b9e52d}.sidebar nav a i{background:#2a301e;color:#c8eb58}.help{border-color:#303725;background:#171b14;color:#b9e52d}.help strong{color:#f2f4ef}.help p{color:#aeb4a7}.profile{border-top-color:#2a2e27}.profile>span{background:#2a301e;color:#c6eb4a}.profile strong{color:#fff}.profile small{color:#9da596}.role-tag.usuario{background:#1d2a20;color:#8bd29a}.role-tag.tecnico{background:#25271d;color:#d6d779}.role-tag.supervisor{background:#263014;color:#c9ec5a}.role-tag.administrador{background:#2d331d;color:#c6ea4d}
.primary{background:#97bf17;border-color:#97bf17;color:#111;box-shadow:0 4px 10px rgba(151,191,23,.18)}.primary:hover{background:#88ad12;border-color:#88ad12}.header-link:hover,.logout-form button:hover{color:#73930e}.blue{background:#f0f6dc;color:#73930e}.purple{background:#eff1ec;color:#65705c}.quick>span,.section-step>span,.place-list>div>span{background:#f0f6dc;color:#73930e}.sidebar nav a.active svg{color:#c6ea4d}.status.nuevo{background:#f0f6dc;color:#6f8e0d}.bars i{background:linear-gradient(90deg,#789d0c,#a9d92a)}.user-role.supervisor{background:#eff7d8;color:#6b890f}.user-role.administrador{background:#edf1e6;color:#3f4b31}.auth-intro{background:linear-gradient(145deg,#0d0f0c,#1a1d17)}.auth-intro:after{border-color:rgba(151,191,23,.18);box-shadow:0 0 0 60px rgba(151,191,23,.04),0 0 0 125px rgba(151,191,23,.025)}.auth-brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.auth-brand img{width:min(260px,75%);height:auto}.auth-brand>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#b8c0af}.auth-copy>span{color:#b9e52d}.auth-copy li svg{color:#b9e52d}.auth-mobile-brand img{display:block;max-width:235px;width:70%;height:auto;margin:auto}.auth-mobile-brand svg{display:none}.auth-tabs a.active{box-shadow:0 2px 8px rgba(50,62,29,.08)}.auth-card input:focus{border-color:#a7c852;box-shadow:0 0 0 3px #f1f6e4}.auth-switch a,.auth-recovery a{color:#6f8f0d}.auth-recovery{text-align:center!important;margin:17px 0 0!important;display:flex;flex-direction:column;gap:5px}.auth-recovery a{font-size:10px;font-weight:700}.auth-recovery span{font-size:8px;color:var(--muted)}.password-card>span{color:#78990e}.update-logo{display:block;max-width:250px;width:75%;height:auto;margin:0 auto 25px}.update-card .primary{margin-top:15px}.readonly-note{margin:12px 20px 20px;padding:10px 12px;border-radius:8px;background:#f3f5ef;color:#697063;font-size:9px}
.users-admin{height:max-content;overflow:hidden}.user-cards{display:grid;gap:10px;padding:0 18px 18px}.user-account{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.user-account-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px}.user-account-head .avatar{width:36px;height:36px;border-radius:9px;background:#f0f6dc;color:#6f8f0d;display:grid;place-items:center;font-size:10px;font-weight:800}.user-account-head b,.user-account-head small{display:block}.user-account-head b{font-size:10px}.user-account-head small{font-size:8px;color:var(--muted);margin-top:3px}.account-state{font-style:normal;font-size:8px;border-radius:99px;padding:4px 8px}.account-state.active{background:#eaf9f3;color:#168a63}.account-state.inactive{background:#f0f1f4;color:#747b71}.user-account details{border-top:1px solid var(--line)}.user-account summary{cursor:pointer;list-style:none;padding:10px 13px;font-size:9px;font-weight:700;color:#65705c}.user-account summary::-webkit-details-marker{display:none}.user-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:2px 13px 13px}.user-edit-form label{font-size:8px}.user-edit-form label:nth-of-type(3){grid-column:1/2}.active-check{display:flex!important;align-items:center;gap:7px;margin-top:18px}.active-check input{width:auto;height:auto;margin:0}.user-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.delete-user-form{border-top:1px dashed var(--line);padding:10px 13px 13px}.danger-button{border:1px solid #efc9cc;background:#fff5f5;color:#b33d47;border-radius:8px;min-height:34px;padding:0 12px;font-size:9px;font-weight:700}.danger-button:hover{background:#ffecee}
@media(max-width:760px){.brand img{width:180px}.user-account-head{grid-template-columns:38px minmax(0,1fr);}.user-account-head>.user-role,.user-account-head>.account-state{justify-self:start;margin-left:48px}.user-edit-form{grid-template-columns:1fr}.user-edit-form label:nth-of-type(3),.user-actions{grid-column:auto}.active-check{margin-top:0}}


/* SIEL v2.2 · encabezado corporativo dentro del panel */
.sidebar{background:#fff;border-right-color:#dfe4d7;color:#171917}
.brand{display:flex;align-items:center;justify-content:flex-start;padding:0 8px 24px;min-height:72px}
.brand img{display:block;width:190px;max-width:100%;height:auto;object-fit:contain}
.brand>span{display:none!important}
.nav-title{color:#8b9284}
.sidebar nav a{color:#62695e}
.sidebar nav a:hover{background:#f4f7ed}
.sidebar nav a.active{background:#f0f6dc;color:#6f8f0d}
.sidebar nav a.active svg{color:#78990e}
.sidebar nav a i{background:#e8f1cd;color:#6f8f0d}
.help{border-color:#dfe8c5;background:#f6f9ee;color:#78990e}
.help strong{color:#30372c}
.help p{color:#71776c}
.profile{border-top-color:#dfe4d7}
.profile>span{background:#97bf17;color:#111}
.profile strong{color:#171917}
.profile small{color:#71776c}
.role-tag.usuario{background:#eaf9f3;color:#168a63}
.role-tag.tecnico{background:#f1f3e8;color:#6f7d37}
.role-tag.supervisor{background:#eff7d8;color:#6b890f}
.role-tag.administrador{background:#f0f6dc;color:#6f8f0d}
@media(max-width:760px){.brand{min-height:66px}.brand img{width:185px}}

/* MPR corporate theme v2.3 - authoritative internal UI overrides */
:root{--brand:#97bf17;--brand-dark:#6f8f0d;--brand-deep:#526b09;--brand-soft:#f0f6dc;--brand-soft-2:#e8f1cd;--ink:#171917;--muted:#71776c;--line:#dfe4d7;--bg:#f4f7ed;--blue:var(--brand);--navy:#171917;--purple:var(--brand-dark)}
html,body{background:var(--bg);color:var(--ink)}
.primary{background:var(--brand);border-color:var(--brand);color:#101110;box-shadow:0 4px 10px rgba(151,191,23,.18)}
.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.sidebar nav a.active{background:var(--brand-soft);color:var(--brand-dark)}
.sidebar nav a i{background:var(--brand-soft-2);color:var(--brand-dark)}
.header-link:hover,.logout-form button:hover{color:var(--brand-dark)}
.role-tag.administrador,.role-tag.tecnico,.role-tag.supervisor{background:var(--brand-soft);color:var(--brand-dark)}
.profile>span,.session-user>span{background:linear-gradient(145deg,var(--brand),var(--brand-dark));color:#101110}
.blue,.purple,.quick>span,.section-step>span{background:var(--brand-soft);color:var(--brand-dark)}
.help{border-color:var(--brand-soft-2);background:#f6f9ee;color:var(--brand-dark)}
.status.nuevo,.status.asignado{background:var(--brand-soft);color:var(--brand-dark)}
input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(151,191,23,.14);outline:none}
a:focus-visible,button:focus-visible{outline:3px solid rgba(151,191,23,.35);outline-offset:2px}
.bars i{background:var(--brand)}
.account-state.active,.place-list i.active{background:var(--brand-soft);color:var(--brand-dark)}
.user-role.administrador,.user-role.tecnico,.user-role.supervisor{background:var(--brand-soft);color:var(--brand-dark)}

/* MPR v2.3 complete palette: green + black + neutral grays */
.auth-intro{background:linear-gradient(145deg,#101110,#2a301e)}
.auth-brand>span{background:var(--brand)}
.auth-copy>span,.auth-copy li svg{color:#c6ea4d}
.auth-copy>p,.auth-copy li{color:#dfe4d7}
.auth-intro>small,.auth-brand small{color:#aeb4a7}
.auth-form-side{background:#f4f7ed}
.auth-tabs{background:#edf1e6}
.auth-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(151,191,23,.14)}
.field input:focus,.field textarea:focus,.field select:focus,.create-card input:focus,.create-card select:focus,.manage-ticket select:focus,.password-settings input:focus,.password-card input:focus,.comment-form textarea:focus,.place-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(151,191,23,.14)}
.tips{background:#f6f9ee;border-color:#dfe8c5;color:var(--brand-dark)}
.comment>span,.data-row>span:first-child>i{background:linear-gradient(145deg,var(--brand),var(--brand-dark));color:#101110}
.bars i{background:linear-gradient(90deg,var(--brand),#c6ea4d)}
.user-role.tecnico,.user-role.supervisor,.user-role.administrador{background:var(--brand-soft);color:var(--brand-dark)}

/* SIEL V2.5 · Tipografía responsive y accesibilidad móvil */
:root{--mobile-text:#252a23;--mobile-muted:#535b50}
body,button,input,select,textarea{font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}

@media(max-width:760px){
  body{color:var(--mobile-text);font-size:15px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  button,input,select,textarea{font-weight:500;color:var(--mobile-text)}

  /* Navegación y cabecera */
  .sidebar nav a{font-size:14px;font-weight:600;line-height:1.25}
  .nav-title{font-size:11px;font-weight:800;color:#6c7468}
  .role-tag{font-size:11px;font-weight:800}
  .profile strong,.session-user b{font-size:13px;font-weight:700}
  .profile small,.session-user small{font-size:11px;color:var(--mobile-muted)}
  .header-link,.logout-form button{font-size:12px;font-weight:600;padding:7px}
  .mobile-nav a{font-size:11px;font-weight:600;color:#5f675c;gap:4px}
  .mobile-nav a.active{font-weight:800;color:var(--brand-dark)}

  /* Títulos, descripciones y tarjetas */
  .heading h1{font-size:24px;font-weight:750;line-height:1.18;letter-spacing:-.35px}
  .heading p{font-size:13px;font-weight:500;line-height:1.5;color:var(--mobile-muted);max-width:285px}
  .panel-title h2,.quick h2,.section-step h2{font-size:16px;font-weight:750}
  .panel-title p,.quick p,.section-step p,.empty p{font-size:12px;font-weight:500;line-height:1.55;color:var(--mobile-muted)}
  .panel-title>a{font-size:12px;font-weight:650}
  .help strong{font-size:13px;font-weight:750}
  .help p{font-size:11px;font-weight:500;line-height:1.55}

  /* Métricas */
  .metrics p{font-size:12px;font-weight:600;color:var(--mobile-muted)}
  .metrics strong{font-size:21px;font-weight:800}
  .metrics small{font-size:11px;font-weight:600}

  /* Tickets, listas y estados */
  .tr{font-size:12px;font-weight:500;line-height:1.35;color:#4b5349}
  .subject b{font-size:13px;font-weight:750;color:#242a22}
  .subject small{font-size:11px;font-weight:500;color:var(--mobile-muted)}
  .status{font-size:11px;font-weight:700;padding:5px 9px}
  .empty h3{font-size:16px;font-weight:750}

  /* Formularios: 16px evita además el zoom automático de iOS */
  .field,.create-card label,.manage-ticket label,.password-settings label,.password-card label,.auth-card label{font-size:13px;font-weight:650;color:#3d453a}
  .field input,.field textarea,.field select,.create-card input,.create-card select,.manage-ticket select,.password-settings input,.password-card input,.comment-form textarea,.place-form input,.auth-card input{font-size:16px;font-weight:500;line-height:1.35;min-height:44px}
  .field small,.password-settings small{font-size:11px;font-weight:500;color:var(--mobile-muted)}
  .primary,.secondary{font-size:13px;font-weight:750;min-height:42px}
  .flash{font-size:12px;font-weight:600;line-height:1.5}

  /* Usuarios y administración */
  .user-account-head .avatar{font-size:12px;font-weight:800}
  .user-account-head b{font-size:13px;font-weight:750}
  .user-account-head small{font-size:11px;font-weight:500;color:var(--mobile-muted)}
  .user-role,.account-state{font-size:11px!important;font-weight:750}
  .user-account summary{font-size:12px;font-weight:750}
  .user-edit-form label{font-size:12px;font-weight:650}
  .danger-button{font-size:12px;font-weight:750;min-height:40px}
  .readonly-note{font-size:11px;font-weight:500;line-height:1.5}

  /* Login / recuperación en móvil */
  .auth-card h2{font-size:25px;font-weight:800;letter-spacing:-.35px}
  .auth-card>p,.auth-switch{font-size:13px!important;font-weight:500;line-height:1.55;color:var(--mobile-muted)}
  .auth-tabs a{font-size:13px;font-weight:700}
  .auth-recovery a{font-size:13px;font-weight:750}
  .auth-recovery span{font-size:11px;font-weight:500;color:var(--mobile-muted)}

  /* Datos, conversación e informes */
  .data-row,.conversation .comment,.ticket-summary{font-size:12px}
  .comment b,.data-row b,.ticket-summary dt,.ticket-summary dd{font-weight:650}
  .bars span,.bars small{font-size:11px;font-weight:600;color:var(--mobile-muted)}
}

@media(max-width:420px){
  body{font-size:15px}
  .heading h1{font-size:23px}
  .content{padding-left:13px;padding-right:13px}
  .mobile-nav a{font-size:10.5px;min-width:58px}
}


/* SIEL v2.6 · configuración y diagnóstico SMTP */
.mail-settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.mail-config-card,.mail-test-card{overflow:hidden}.mail-state{font-style:normal;font-size:9px;font-weight:800;border-radius:999px;padding:6px 9px;white-space:nowrap}.mail-state.ready{background:#eef7d9;color:#68860d}.mail-state.pending{background:#fff3db;color:#9a6800}.mail-config-list{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0 20px 18px}.mail-config-list>div{padding:12px 0;border-bottom:1px solid var(--line)}.mail-config-list>div:nth-child(odd){padding-right:18px}.mail-config-list>div:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.mail-config-list dt{font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.mail-config-list dd{margin:0;font-size:10px;font-weight:650;color:#333c31;word-break:break-word}.mail-security-note,.mail-warning,.mail-help{margin:0 20px 20px;border-radius:8px;padding:11px 12px;font-size:9px;line-height:1.55}.mail-security-note{background:#f3f5ef;color:#697063}.mail-warning{background:#fff6e5;color:#8c640e}.mail-help{background:#f3f5ef;color:#697063}.mail-test-card form{padding:0 20px 12px;display:flex;flex-direction:column;gap:13px}.mail-test-card label{font-size:9px;font-weight:700;color:#4c5548}.mail-test-card input{width:100%;height:42px;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 11px;font:inherit;outline:0}.mail-test-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(151,191,23,.14)}.mail-test-card button[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.mail-test-card code,.mail-security-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em}
@media(max-width:900px){.mail-settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.mail-config-list{grid-template-columns:1fr;padding:0 16px 16px}.mail-config-list>div:nth-child(odd),.mail-config-list>div:nth-child(even){padding:11px 0;border-left:0}.mail-config-list dt{font-size:11px}.mail-config-list dd{font-size:13px}.mail-state{font-size:11px}.mail-test-card form{padding:0 16px 12px}.mail-test-card label{font-size:13px}.mail-test-card input{font-size:16px;min-height:44px}.mail-security-note,.mail-warning,.mail-help{margin:0 16px 16px;font-size:12px;font-weight:500}}

/* === SIEL PWA installer · v2.7 === */
.pwa-install-fab{position:fixed;right:22px;bottom:22px;z-index:1200;display:flex;align-items:center;gap:10px;border:1px solid rgba(16,17,16,.10);border-radius:999px;padding:8px 15px 8px 8px;background:#101110;color:#fff;box-shadow:0 14px 36px rgba(16,17,16,.24);font:800 13px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.pwa-install-fab:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(16,17,16,.28)}.pwa-install-fab img{width:34px;height:34px;border-radius:9px;display:block}.pwa-install-modal{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:22px;background:rgba(16,17,16,.64);backdrop-filter:blur(5px)}.pwa-install-modal>section{position:relative;width:min(430px,100%);max-height:min(680px,calc(100vh - 44px));overflow:auto;border:1px solid #dfe8c5;border-radius:24px;padding:30px;background:#fff;color:#171917;box-shadow:0 26px 70px rgba(0,0,0,.30)}.pwa-install-modal>section>img{width:72px;height:72px;border-radius:18px;display:block;margin:0 0 18px}.pwa-install-modal h2{margin:0 34px 10px 0;font-size:23px;font-weight:800;letter-spacing:-.02em}.pwa-modal-body{color:#52594d;font-size:14px;font-weight:550;line-height:1.62}.pwa-modal-body ol{padding-left:21px;margin:18px 0}.pwa-modal-body li{padding-left:4px;margin:10px 0}.pwa-modal-body p{margin:18px 0}.pwa-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:#f0f6dc;color:#2a301e;font-size:25px;line-height:1;cursor:pointer}.pwa-modal-ok{margin-top:8px}
@media (max-width:760px){.pwa-install-fab{right:14px;bottom:84px;padding:7px 13px 7px 7px}.auth-body .pwa-install-fab,.password-page~.pwa-install-fab{bottom:16px}.pwa-install-fab img{width:32px;height:32px}.pwa-install-modal{padding:14px}.pwa-install-modal>section{padding:24px 20px;border-radius:20px}.pwa-install-modal h2{font-size:21px}.pwa-modal-body{font-size:15px;font-weight:600}}
@media (display-mode:standalone){.pwa-install-fab{display:none!important}body{overscroll-behavior-y:none}}

/* === SIEL V2.9 · Ayuda interna === */
.help{display:block;text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.help:hover{border-color:#c9da91;transform:translateY(-1px);box-shadow:0 7px 18px rgba(37,49,22,.06)}.help-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.help-quick>a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px;font-size:11px;font-weight:700;color:#394136;box-shadow:0 2px 8px rgba(22,32,55,.025)}.help-quick>a:hover{border-color:#c9da91;background:#fbfcf7}.help-quick svg{width:18px;height:18px;color:var(--brand-dark);flex:none}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}.help-card{overflow:hidden}.help-card>.panel-title{border-bottom:1px solid var(--line)}.help-steps{margin:0;padding:18px 22px 20px 42px;color:#50594d;font-size:10px;line-height:1.7}.help-steps li{padding-left:4px;margin:0 0 9px}.help-steps li::marker{color:var(--brand-dark);font-weight:800}.help-defs{margin:0;padding:8px 20px 18px}.help-defs>div{display:grid;grid-template-columns:105px 1fr;gap:13px;padding:11px 0;border-bottom:1px solid #edf0e8}.help-defs>div:last-child{border-bottom:0}.help-defs dt{font-size:10px;font-weight:800;color:#333c31}.help-defs dd{margin:0;color:#5d6659;font-size:10px;line-height:1.55}.help-card>p{margin:0;padding:18px 20px 21px;font-size:10px;line-height:1.7;color:#555e51}.help-manual{padding-bottom:18px}.help-manual>.primary{margin:0 20px;width:calc(100% - 40px)}.help-other-manuals{display:flex;flex-wrap:wrap;gap:8px 12px;padding:15px 20px 0;font-size:9px;color:var(--muted)}.help-other-manuals span{width:100%;font-weight:700;color:#475044}.help-other-manuals a{color:var(--brand-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){.help-grid{grid-template-columns:1fr}}
@media(max-width:760px){.help-quick{grid-template-columns:1fr;gap:9px}.help-quick>a{font-size:13px;min-height:48px}.help-steps{font-size:13px;font-weight:500;line-height:1.62;padding:17px 18px 19px 38px}.help-defs{padding:6px 16px 16px}.help-defs>div{grid-template-columns:92px 1fr;gap:10px}.help-defs dt,.help-defs dd{font-size:12px}.help-card>p{padding:16px;font-size:13px;font-weight:500;line-height:1.65}.help-other-manuals{font-size:12px;padding-left:16px;padding-right:16px}.help-manual>.primary{margin-left:16px;margin-right:16px;width:calc(100% - 32px)}}

/* V2.9.5 · filtros interactivos del Resumen general */
.metric-filter-card{position:relative;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}
.metric-filter-card .metric-card-link{position:absolute;inset:0;z-index:2;border-radius:13px}
.metric-filter-card:hover{border-color:#c9d99a;box-shadow:0 6px 18px rgba(23,32,51,.07);transform:translateY(-1px)}
.metric-filter-card:focus-within{outline:3px solid rgba(151,191,23,.22);outline-offset:2px}
.metric-filter-card.metric-selected{border-color:#97bf17;background:#fbfdf5;box-shadow:0 0 0 2px rgba(151,191,23,.18),0 8px 20px rgba(23,32,51,.08)}
.metric-filter-card.metric-selected::after{content:"Filtro activo";position:absolute;top:8px;right:9px;padding:3px 6px;border-radius:999px;background:#eff7d8;color:#607d0b;font-size:7px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
@media(max-width:760px){.metric-filter-card.metric-selected::after{font-size:8px;top:6px;right:7px}.metric-filter-card:hover{transform:none}}

/* SIEL v2.9.5 · más información en Tickets recientes */
.recent-ticket-table{overflow-x:auto}
.recent-ticket-table .tr{grid-template-columns:minmax(260px,2fr) minmax(130px,.9fr) minmax(135px,.9fr) minmax(135px,.82fr) minmax(145px,.95fr) 90px 105px;min-width:1080px;gap:11px}
.recent-ticket-table .tr>span:nth-child(3),
.recent-ticket-table .tr>span:nth-child(6){display:flex;align-items:center;gap:5px}
.recent-ticket-table .created-date,
.recent-ticket-table .technician-name{white-space:nowrap}
@media(max-width:1080px) and (min-width:761px){
  .recent-ticket-table .tr>span:nth-child(2){display:block}
}
@media(max-width:760px){
  .recent-ticket-table{overflow-x:visible}
  .recent-ticket-table .tr{grid-template-columns:1fr 92px;min-width:0;padding:12px 13px}
  .recent-ticket-table .tr>span:nth-child(2),
  .recent-ticket-table .tr>span:nth-child(3),
  .recent-ticket-table .tr>span:nth-child(4),
  .recent-ticket-table .tr>span:nth-child(5),
  .recent-ticket-table .tr>span:nth-child(6){display:none}
}