@import url('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:#283b34;background:#f6f7f3;font-synthesis:none;--green:#247858;--muted:#819087;--line:#e4e9e2}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #99bf67;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:#14231e;color:#eef4e7;padding:34px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:2px}.brandmark{color:#b6d984;font-size:43px;line-height:1}.brand-sub{display:block;font-size:8px;letter-spacing:2.3px;margin-top:3px}.workspace{font-weight:600;font-size:12px;border:1px solid #35443d;border-radius:7px;padding:14px;margin:42px 0 30px}.workspace span{font-size:9px;color:#a3b1a6;margin-left:16px;letter-spacing:1px}.nav{background:none;border:0;color:#9caea3;width:100%;display:flex;gap:12px;align-items:center;padding:14px 12px;border-radius:7px;text-align:left;font-size:12px;margin-bottom:7px}.nav.active{color:#d8efbf;background:#2b3d30}.nav-dot{width:5px;height:5px;background:#b1d37e;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;font-size:10px;color:#b7c8b9}.sidebar-bottom .muted{font-size:9px;margin-top:8px;color:#718776}.small-dot{display:inline-block;width:5px;height:5px;background:#9dc978;border-radius:50%;margin-right:5px}main{margin-left:226px;padding:0 36px}header{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px}.breadcrumb{color:#829087}.breadcrumb span{margin:0 13px;color:#bac3b9}.header-right{display:flex;align-items:center;gap:21px;color:#7d8b80}.user{background:#e8ecdf;border-radius:50%;padding:10px;color:#4b604e;font-weight:700}.page-title{display:flex;align-items:center;justify-content:space-between;margin:37px 0 29px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#7d8d79;font-weight:700}h1{font-family:Manrope,sans-serif;font-weight:800;font-size:31px;letter-spacing:-1.3px;margin:9px 0}h1>span{color:#6a9653}p{color:#829087;font-size:12px;line-height:1.7;margin:0}.button{padding:11px 15px;background:white;border:1px solid #dbe1d6;border-radius:6px;color:#53634e;font-size:11px;font-weight:600;white-space:nowrap}.primary{background:#285d43;color:white;border:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stats article{border:1px solid var(--line);border-radius:9px;background:#fff;padding:19px 21px}.stats article>span{font-size:11px;color:#6e7e72}.stats strong{display:block;font:700 32px Manrope,sans-serif;margin:10px 0 4px;letter-spacing:-1px}.stats small{font-size:9px;color:#93a08f}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#a3aaa6}.working{background:#d9aa32}.idle{background:#38955a}.error{background:#cf5750}.offline,.late{background:#cf5750}.paused{background:#929b9e}.content-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(250px,1fr);gap:21px}.office-panel,.team-panel,.activity-panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font:700 14px Manrope,sans-serif;margin:0 0 5px}.panel-heading p{font-size:10px}.panel-heading>span{font-size:10px;color:#97a28f}.live-tag{font:700 7px 'DM Sans',sans-serif;letter-spacing:1px;color:#71864f;background:#eef4e5;border-radius:4px;padding:4px 6px;margin-left:8px}.office-scene{height:360px;background:#ebe6d9;position:relative;overflow:hidden;border-top:1px solid #eeeade;border-bottom:1px solid #eeeade}.scene-grid{position:absolute;inset:86px 0 0;background:repeating-linear-gradient(0deg,transparent 0 39px,#cfc8b73d 40px),repeating-linear-gradient(90deg,transparent 0 59px,#cfc8b74d 60px);background-color:#ede8dc;transform:skewY(-3deg) scale(1.1)}.wall-label{position:absolute;top:29px;left:30px;color:#7b806b;font-weight:800;font-size:14px;letter-spacing:3px}.wall-label span{display:block;font-size:7px;letter-spacing:2px;margin-top:3px}.window{position:absolute;left:44%;top:15px;width:125px;height:65px;background:#bad4ca;border:7px solid #d9d4c3;box-shadow:3px 4px #bbb9a9;display:flex}.window span{flex:1;border-right:4px solid #e7e2d1;background:linear-gradient(135deg,#e5eee33f 45%,transparent 46%)}.bookshelf{position:absolute;right:25px;top:17px;background:#ac9978;border:5px solid #bba888;font-size:20px;line-height:24px;letter-spacing:3px;color:#637765;box-shadow:4px 5px #ccc4b1}.rug{position:absolute;left:13%;top:125px;width:57%;height:170px;border:3px solid #d0d6bd;border-radius:7px;background:#dde0cd;transform:skewY(-3deg)}.zone{position:absolute;font-size:7px;letter-spacing:2px;color:#9a9d87}.work-zone{bottom:29px;left:29%}.rest-zone{bottom:29px;right:6%}.plant{position:absolute;z-index:2;color:#5d8060;font-size:53px;text-shadow:3px 3px #bac6a2}.plant-one{left:14px;bottom:26px}.plant-two{right:15px;top:105px}.sofa{position:absolute;right:8%;bottom:85px;width:95px;height:42px;border:8px solid #84977e;background:#a7b79a;border-radius:8px;box-shadow:0 10px #72826b,4px 13px 0 #d4cebc}.sofa:after{content:'';position:absolute;left:50%;height:100%;border-left:2px solid #8d9e80}.coffee-table{position:absolute;right:12%;bottom:50px;background:#b49e7d;width:55px;height:22px;border-radius:50%;box-shadow:0 6px #938669}.avatar{position:absolute;width:100px;text-align:center;z-index:3;transform:translate(-50%,-50%);border:0;background:none;padding:0;color:#435445;transition:left 1s,top 1s}.desk{width:74px;height:25px;background:#bd9f78;border-bottom:7px solid #a18868;box-shadow:3px 4px #b4b5a244;position:absolute;left:13px;top:26px;border-radius:2px}.monitor{width:29px;height:21px;background:#37493d;border:3px solid #536456;position:absolute;left:35px;top:6px;box-shadow:0 3px #71816b}.monitor:after{content:'•••';color:#c1dca2;position:absolute;left:4px;top:-4px;font-size:10px}.person{display:block;position:relative;width:22px;height:26px;margin:0 auto;background:var(--shirt,#688a74);border-radius:4px 4px 1px 1px;box-shadow:0 4px #526455;z-index:2;animation:bob 3s ease-in-out infinite}.person:before{content:'';position:absolute;left:2px;top:-15px;width:18px;height:18px;background:#d6b18a;border-top:6px solid var(--hair,#61594e);box-shadow:2px 0 var(--hair,#61594e);border-radius:3px}.person:after{content:'··';position:absolute;left:5px;top:-11px;color:#4a5146;letter-spacing:3px;font-size:14px}.avatar.has-desk .person{margin-top:37px}.avatar-label{display:inline-block;background:#fffdf4e8;border:1px solid #d4d7c7;padding:3px 7px;border-radius:4px;font-size:8px;font-weight:700;margin-top:8px;max-width:98px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble{position:absolute;bottom:calc(100% + 13px);left:50%;transform:translateX(-50%);background:#fffffff0;border:1px solid #d5dccb;border-radius:6px;padding:6px 8px;width:116px;font-size:8px;line-height:1.4;box-shadow:0 3px 5px #4a61400a}.avatar.issue .bubble{color:#a75c4e;border-color:#e4beb4}.avatar.silent{filter:grayscale(1);opacity:.65}.legend{display:flex;align-items:center;gap:13px;padding:15px 20px;font-size:8px;color:#7f8c7d;flex-wrap:wrap}.scene-hint{margin-left:auto;color:#a0aa98}.filters{display:flex;gap:4px;padding:0 17px 15px}.filters button{border:0;background:none;font-size:9px;color:#879381;border-radius:5px;padding:7px 10px}.filters .selected{background:#edf2e7;color:#5e754e}.agent-row{width:100%;display:flex;gap:11px;text-align:left;border:0;border-top:1px solid #f0f2eb;background:white;padding:15px 20px;align-items:center}.agent-row:hover{background:#fafbf7}.agent-icon{width:32px;height:34px;border-radius:8px;background:#edf1e5;display:grid;place-items:center;font-size:18px;color:#6f8563;flex-shrink:0}.agent-info{min-width:0;flex:1}.agent-info strong{font-size:11px;display:block}.agent-info p{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.badge{font-size:7px;background:#fff5d8;color:#866510;padding:4px 5px;border-radius:4px;white-space:nowrap}.badge.error{background:#fcf0eb;color:#b46855}.badge.offline,.badge.late{background:#fcf0eb;color:#b46855}.badge.paused{background:#f0f1ee;color:#8a9189}.badge.idle{background:#eaf5ec;color:#31814b}.bottom-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:21px;margin:23px 0}.activity-panel{min-height:225px}.history-row{display:flex;gap:13px;align-items:center;border-top:1px solid #f0f2eb;margin:0 22px;padding:12px 0;font-size:10px}.history-row>div{flex:1}.history-row strong{font-size:10px}.history-row p{font-size:10px}.history-row time{font-size:9px;color:#95a08d;white-space:nowrap}.insight{border:1px solid #dfe6d4;background:#eaf0e0;border-radius:10px;padding:27px}.insight h2{font-size:21px;line-height:1.5;margin:12px 0}.insight p{font-size:11px;max-width:310px}.integration-tags{display:flex;gap:8px;margin-top:23px}.integration-tags span{font-size:9px;border:1px solid #cfd9c3;padding:7px 10px;border-radius:5px;color:#718363}footer{border-top:1px solid var(--line);padding:19px 0 25px;font-size:8px;letter-spacing:1px;color:#8d9986;display:flex;gap:20px}footer span{letter-spacing:0}footer span:last-child{margin-left:auto}.empty{padding:28px 23px;color:#8a9781;font-size:11px;line-height:1.8}#scene-empty{position:absolute;inset:44% 15% auto;text-align:center;color:#748269;font-size:14px;line-height:2;background:#f5f4eada;border-radius:8px;padding:15px}#scene-empty small{font-size:10px}#notice{font-size:11px;padding:12px 17px;border:1px solid #d9dfb9;background:#f2f4df;border-radius:6px;margin-bottom:18px;line-height:1.6}dialog{border:1px solid #d8dfd0;border-radius:14px;padding:32px;color:#344b39;width:min(480px,92vw);box-shadow:0 20px 100px #12271c30}dialog::backdrop{background:#12271c85;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin:14px 0}dialog label{display:block;font-size:11px;margin:22px 0 8px}dialog input{width:100%;border:1px solid #cbd8c1;padding:12px;border-radius:6px}dialog .button{margin-top:13px;width:100%}#login-error{color:#b76150;margin-top:9px}.close{float:right;border:0;background:none;font-size:25px;color:#7a8f72}.detail-task{border:1px solid var(--line);padding:12px;margin:10px 0;border-radius:6px;font-size:12px}.detail-label{font-size:10px;color:#8b9882;margin-top:18px}.muted{color:#8b9882}@keyframes bob{50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1600px){main{max-width:1650px;margin-inline:auto;padding-left:260px}.office-scene{height:420px}}@media(max-width:1150px){.sidebar{width:180px;padding:29px 16px}main{margin-left:180px;padding:0 22px}.content-grid{grid-template-columns:minmax(0,1fr) 250px}.stats small{font-size:8px}.stats article{padding:15px}.scene-hint{display:none}.brand{font-size:17px;gap:5px}.brandmark{font-size:34px}.workspace span{margin-left:6px}.page-title h1{font-size:26px}}@media(max-width:900px){.sidebar{width:68px;padding:24px 12px}.brand>span:last-child,.workspace,.nav span,.sidebar-bottom{display:none}.brandmark{font-size:36px}.nav{font-size:20px;padding:15px 10px}.sidebar nav{margin-top:40px}main{margin-left:68px;padding:0 18px}.content-grid{grid-template-columns:1fr}.team-panel #agent-list{display:grid;grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}.stats{gap:8px}.stats article{padding:14px 10px}.stats small{display:none}.page-title{align-items:flex-start}.page-title p{max-width:280px}.page-title .button{font-size:9px}.office-scene{height:370px}}@media(max-width:550px){.page-title{display:block;margin:26px 0}.page-title .button{margin-top:16px}.stats{grid-template-columns:1fr 1fr}.stats strong{font-size:26px}.team-panel #agent-list{display:block}.office-scene{height:330px}.legend{gap:7px;font-size:7px;padding:12px}.panel-heading{padding:17px 15px}.window{width:85px;left:42%}.bookshelf{right:12px;font-size:14px;width:58px}.wall-label{font-size:9px;left:16px}.sofa{right:4%;width:64px}.avatar{scale:.85}.bubble{width:96px}.header-right{gap:10px}.breadcrumb{font-size:10px}h1{font-size:24px!important}.bottom-grid{margin-top:16px}footer span:nth-child(2){display:none}}
/* Escritório imersivo: informações operacionais sob demanda. */
html,body{width:100%;height:100%;overflow:hidden;background:#e9e5d9}.sidebar,main>header,.page-title,.stats,.bottom-grid,footer,.office-panel>.panel-heading,.legend{display:none}main{margin:0;padding:0;max-width:none;height:100dvh}.content-grid{display:block;height:100%}.office-panel{border:0;border-radius:0;height:100%;background:none}.office-scene{height:100dvh;width:100%;border:0}.office-identity{position:fixed;top:27px;left:30px;font:700 11px Manrope,sans-serif;letter-spacing:2px;color:#67735d;display:flex;align-items:center;gap:10px;z-index:5;pointer-events:none}.office-identity>span{font-size:27px;color:#829367}.corner-control{position:fixed;z-index:5;top:23px;right:26px;width:43px;height:43px;background:#ffffffe0;border:1px solid #d2d8c7;border-radius:50%;font-size:20px;color:#62715a;box-shadow:0 3px 15px #334c2710}.corner-control:hover{background:#fff;transform:rotate(12deg)}#connection{position:fixed;bottom:20px;left:29px;font-size:10px;color:#77836a;z-index:5}#notice{position:fixed;bottom:44px;left:25px;right:auto;max-width:min(440px,calc(100vw - 50px));z-index:6;margin:0;background:#fffdf2e8;font-size:10px}.wall-label{display:none}.window{top:12%;left:43%;width:19%;height:16%;min-height:70px;border-width:10px}.bookshelf{top:12%;right:8%;font-size:clamp(18px,3vw,36px);line-height:1.3;padding:8px}.scene-grid{inset:28% 0 0}.rug{top:35%;left:12%;width:57%;height:49%;border-radius:16px}.zone{bottom:8%;font-size:9px;letter-spacing:3px}.sofa{right:9%;bottom:25%;width:16%;height:10%;border-width:12px;border-radius:13px}.coffee-table{right:13%;bottom:15%;width:9%;height:5%}.plant-one{left:5%;bottom:10%;font-size:90px}.plant-two{right:4%;top:33%;font-size:75px}.avatar{scale:1.4;transform-origin:center}.avatar-label{font-size:7px;background:#ffffffe0}.avatar.issue .avatar-label{border-color:#d7a59b;color:#a35f52}.avatar.has-desk .person{animation:typing 1.4s ease-in-out infinite}.avatar.silent .person{animation:none}#admin-popup{position:fixed;inset:78px 24px auto auto;margin:0;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 105px);padding:22px;overflow:auto;border-radius:13px;box-shadow:0 15px 70px #283d2926}#admin-popup::backdrop{background:#1b2e1d12;backdrop-filter:none}#admin-popup h2{font-size:17px;margin:9px 0 10px}#admin-summary{font-size:11px;line-height:1.7;color:#78856e;padding-bottom:15px;border-bottom:1px solid #e4e8dc}.team-panel,.activity-panel{border:0;border-radius:0;background:none}.team-panel .panel-heading,.activity-panel .panel-heading{display:none}.filters{padding:13px 0 8px}.agent-row{padding:11px 0;gap:8px}.agent-icon{width:27px;height:29px;font-size:15px}.agent-info p{max-width:200px}.badge{font-size:8px}.activity-panel{min-height:0;border-top:1px solid #e4e8dc;margin-top:9px;padding-top:7px}.history-row{margin:0;padding:9px 0}.history-row:nth-child(n+4){display:none}.history-row p{max-width:240px;font-size:9px}#admin-tools{border-top:1px solid #e4e8dc;margin-top:10px;padding-top:10px}#admin-tools .button{width:auto;margin-top:0;font-size:10px}.close{line-height:20px}#admin-error{color:#ae6555;font-size:11px}#scene-empty{inset:46% 25% auto;background:#f8f7efc9;padding:22px}#detail{z-index:10}@keyframes typing{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}@media(max-width:650px){.office-identity{left:18px;top:22px;font-size:9px}.corner-control{right:17px;top:18px}.avatar{scale:1}.bookshelf{right:7%;font-size:18px}.window{left:34%;width:28%;height:13%}.sofa{right:6%;width:19%}.plant-one{font-size:60px}.plant-two{font-size:50px}.zone{font-size:6px;letter-spacing:1px}.office-scene{height:100dvh}.team-panel #agent-list{display:block}#scene-empty{inset:44% 10% auto}#admin-popup{inset:72px 16px auto auto}.agent-info p{max-width:170px}}