@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Press+Start+2P&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#27332a;background:#efe9dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,[role=button]:focus-visible{outline:3px solid #e98f47;outline-offset:3px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffdf8;border-bottom:3px solid #bdad93;padding:0 clamp(16px,3vw,50px);position:relative;z-index:5;box-shadow:0 3px 12px #493d2522}.brand{display:flex;align-items:center;gap:8px;background:transparent;color:#242b28;font-size:27px;padding:0;font-weight:700}.brand img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.topbar nav{display:flex;align-items:center;gap:8px}.topbar nav button{background:transparent;color:#304139;padding:12px 16px;border-radius:12px;font-weight:700;white-space:nowrap}.topbar nav button.current,.topbar nav button:hover{background:#e7ecdf}.count{display:inline-grid;place-items:center;margin-left:6px;background:#c75f44;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px}.add,.actions button:first-child,.composer button,.new-agent>button,.profile>button{background:#446d4f;color:#fff;border-radius:10px;padding:11px 18px;font-weight:700;white-space:nowrap}.add:hover,.actions button:first-child:hover,.composer button:hover{background:#34583f}.errorbar{position:relative;z-index:6;background:#fee9e2;color:#873b29;padding:10px 20px;display:flex;justify-content:space-between}.errorbar button{background:none;font-size:20px;color:inherit}.office-wrap{max-width:1680px;margin:0 auto}.office{width:100%;aspect-ratio:1586/992;background:url(/assets/oficina-fondo.png) center/100% 100% no-repeat;position:relative;overflow:auto;box-shadow:0 15px 35px #45351c3a}.stations{position:absolute;inset:25% 4% 24%;display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;gap:6px}.station{width:min(42%,440px);height:340px;position:relative;cursor:pointer;flex:none}.station .sprite{position:absolute;image-rendering:pixelated;object-fit:contain;pointer-events:none}.chair{width:132px;height:132px;left:calc(50% - 66px);top:8px;z-index:1}.character{width:190px;height:190px;left:calc(50% - 95px);top:15px;z-index:2;transition:transform .5s}.status-free .character{animation:idle 3s ease-in-out infinite}.status-working .character{animation:work 1.8s ease-in-out infinite}.status-error .character{filter:drop-shadow(0 0 9px #d34532)}@keyframes idle{50%{transform:translateY(-4px)}}@keyframes work{50%{transform:translateY(2px)}}.desk{width:350px;height:auto;left:calc(50% - 175px);top:125px;z-index:3}.nameplate{position:absolute;z-index:4;left:50%;transform:translate(-50%);top:280px;background:#fff9e9;border:2px solid #8e744f;border-radius:8px;padding:5px 12px;font-weight:700;box-shadow:0 2px 2px #4f3d2588;white-space:nowrap}.dot{display:inline-block;background:#77a97d;width:9px;height:9px;border-radius:50%;margin-right:7px}.dot.working{background:#e6ad47}.dot.waiting{background:#dd784b}.dot.error{background:#cf4842}.station-action{position:absolute;top:315px;left:50%;transform:translate(-50%);z-index:4;display:flex;gap:9px;align-items:center;white-space:nowrap;background:#fffdf8e8;padding:4px 5px 4px 12px;border-radius:10px;box-shadow:0 2px 7px #57452a4d;font-size:12px}.station-action button{background:#446d4f;color:#fff;border-radius:7px;padding:5px 10px;font-weight:700}.office-hint{text-align:center;color:#665d4c;margin:13px}.content{max-width:1080px;margin:32px auto;padding:0 22px}.section-title h1{font-size:32px;margin:0 0 4px}.section-title p{margin:0 0 25px;color:#607064}.card{background:#fffdf8;border:1px solid #ded4c0;border-radius:16px;box-shadow:0 6px 18px #68593b17;padding:22px;margin-bottom:18px}.card h2{margin:0 0 12px}.card button{margin-right:8px}.request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.card-top{display:flex;align-items:center;justify-content:space-between}.card-top span{color:#b0643f}.request dl{display:grid;grid-template-columns:90px 1fr;gap:8px}.request dt{color:#667064;font-size:13px}.request dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.actions button{border-radius:9px;padding:9px 12px;background:#e6e9e1;color:#314b37}.actions button.link{background:transparent;text-decoration:underline}.empty{padding:34px;color:#697568}.settings .card{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.settings .card p{margin:0}.settings .card button{border-radius:9px;background:#436b50;color:#fff;padding:9px 14px}.settings .card button.secondary{background:#e6e9e1;color:#314b37}.job{border-top:1px solid #ddd;width:100%;display:flex;flex-direction:column;gap:8px;padding:15px 0}.job input{width:75px;padding:5px;border:1px solid #bdc7b8;border-radius:6px}.job em{color:#ad4a38}.overlay{position:fixed;inset:0;background:#1d261a77;z-index:10;display:flex;justify-content:flex-end}.agent-panel{height:100%;width:min(550px,100%);background:#fffdf8;display:flex;flex-direction:column;box-shadow:-12px 0 32px #1117}.panel-head{padding:18px 20px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e6dfd3}.panel-head>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.panel-head img{width:54px;height:54px;image-rendering:pixelated}.panel-head h2{font-size:21px;margin:0}.panel-head small{color:#708075}.head-actions{display:flex;align-items:center;gap:8px}.head-actions select{max-width:135px;padding:8px;border:1px solid #c5cebf;border-radius:8px;background:#f2f5ed}.head-actions button{background:transparent;font-size:26px}.tabs{display:flex;border-bottom:1px solid #e6dfd3}.tabs button{flex:1;padding:12px;background:none;font-weight:700;color:#677467}.tabs button.active{color:#385f45;border-bottom:3px solid #54795b}.messages{flex:1;overflow:auto;padding:18px 20px;background:#f8f6ee}.message{max-width:91%;padding:10px 14px;margin-bottom:14px;border-radius:14px;background:#fff;border:1px solid #e6e7dd;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:auto;background:#e3efe1;border-color:#bdd5bc}.message.error{border-color:#e4a395;background:#fff2ed}.message small{display:block;font-weight:700;color:#62766a;margin-bottom:5px}.message p{margin:0;line-height:1.55}.need{background:#fff0cc;border:1px solid #e9ca80;padding:11px;border-radius:11px;margin-bottom:12px}.need button{background:transparent;color:#725122;text-decoration:underline}.typing{color:#5d755f;font-style:italic}.composer{display:flex;gap:10px;padding:16px;border-top:1px solid #e6dfd3}.composer textarea{flex:1;min-height:64px;max-height:160px;resize:vertical;border:1px solid #c8d0c2;border-radius:10px;padding:10px}.composer button{align-self:end}.panel-body{padding:22px;overflow:auto;flex:1}.panel-body h3{margin:10px 0}.task{border-bottom:1px solid #e1e4d9;padding:13px 0}.task small{display:block;color:#687c6d}.task p{white-space:pre-wrap}.panel-body>a{display:block;margin:8px 0;color:#326344}.profile{display:flex;flex-direction:column;gap:12px}.profile label,.new-agent label{display:flex;flex-direction:column;gap:5px;font-weight:700}.profile label:has(input[type=checkbox]){flex-direction:row}.profile textarea,.new-agent input,.new-agent select,.profile select{border:1px solid #c7d0c5;border-radius:8px;padding:9px;background:#fff;min-height:40px}.profile textarea{min-height:64px}.new-agent{width:min(500px,95vw);margin:auto;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.new-agent .card-top button{background:transparent;font-size:25px}@media(max-width:800px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:8px 12px;gap:4px}.topbar nav{order:3;width:100%;overflow:auto}.topbar nav button{padding:7px 9px;font-size:12px}.brand{font-size:21px}.brand img{width:40px;height:40px}.add{padding:8px;font-size:12px}.office{min-width:700px}.office-wrap{overflow:auto}.stations{inset:24% 2% 20%}.station{width:46%}}.memory .card{display:flex;flex-direction:column;gap:12px}.memory label{display:flex;flex-direction:column;gap:5px;font-weight:700}.memory textarea,.memory input,.memory select,.settings input{border:1px solid #c7d0c5;border-radius:8px;padding:10px;background:#fff;min-height:42px}.memory textarea{min-height:84px;resize:vertical}.memory-fields,.memory-search{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.memory-fields label:first-child{min-width:220px;flex:1}.memory button{border-radius:9px;background:#436b50;color:#fff;padding:10px 14px}.memory button.secondary{background:#e6e9e1;color:#314b37}.memory button:disabled{opacity:.5;cursor:not-allowed}.memory-search input{flex:1;min-width:220px}.memory-item{display:flex;justify-content:space-between;gap:16px;align-items:start;border-top:1px solid #ddd;padding:14px 0}.memory-item small{display:block;color:#687c6d;margin-top:5px}.memory-item p{white-space:pre-wrap;margin:8px 0 0}.settings input{margin-left:8px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#e8e9db}.auth-card{width:min(100%,420px);display:grid;gap:18px;padding:32px}.auth-card h1{margin:0;font-size:2.2rem}.auth-card p{margin:0}.auth-card label{display:grid;gap:6px}.auth-card input{width:100%;box-sizing:border-box}.auth-card button{justify-self:start}.logout{margin-left:8px}.fleet{max-width:1280px}.fleet-sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.fleet-site{border:1px solid #c8ccbd;border-radius:12px;padding:16px;background:#f8f9f3}.fleet-site h3{display:inline-block;margin:0 12px 12px 0;text-transform:capitalize}.fleet-site dl{display:grid;grid-template-columns:100px 1fr;gap:6px;margin:10px 0}.fleet-site dt{color:#555}.fleet-site dd{margin:0;overflow-wrap:anywhere}.fleet-site pre,.fleet-task pre,.fleet-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}.verdict-FAIL,.verdict-ERROR{color:#a62828}.verdict-PASS,.verdict-OK{color:#187441}.fleet-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fleet-form label{display:grid;gap:6px}.fleet-form .fleet-prompt{grid-column:1/-1}.fleet-form textarea{min-height:110px}.fleet-form button{justify-self:start}.fleet-task{border-top:1px solid #c8ccbd;padding:16px 0}.fleet-task>div{display:flex;justify-content:space-between;gap:12px}.fleet-task p{white-space:pre-wrap}.fleet-task em{color:#a62828}.fleet-diff{width:min(92vw,1100px);max-height:90vh;overflow:auto;padding:24px}.fleet-diff pre{max-height:70vh}@media(max-width:700px){.fleet-form{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.logout{margin-left:0}}