/* Civitas Nexus AI CRM V1.3→V1.4 · Stile della sala e animazioni SVG. Nota V1.4: le regole .live-performer/.walking/.route-* sono legacy
   (nella V1.3 non si attivavano per un errore di nomi di classe); il movimento ora è in css/life.css + js/life.js. */
.staff-status{white-space:nowrap;background:rgba(35,226,161,.07)!important;border:1px solid rgba(35,226,161,.24)!important;color:#bbfbe4!important}
.staff-status .dot,.tag-dot,.pulse-led{background:#33efaf;box-shadow:0 0 0 4px rgba(42,242,167,.11),0 0 15px rgba(42,242,167,.4)}
.staff-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.btn-motion{min-height:35px;background:linear-gradient(110deg,rgba(27,72,102,.94),rgba(9,33,61,.96))!important;color:#c2efff!important;border:1px solid rgba(78,186,227,.36)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.btn-motion:hover{border-color:#30e6a1!important;color:#fff!important}
.btn-motion:focus-visible{outline:2px solid #30e6a1;outline-offset:2px}
.campus-actors{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.map-performer{position:absolute;width:32px;height:54px;transform:translate(-50%,-50%);--walk-distance:24px;--delay:0s;filter:drop-shadow(0 2px 7px rgba(0,230,235,.45))}
.map-performer .employee-svg{width:100%;height:100%;overflow:visible}
.employee-figure{transform-origin:50% 83%;animation:employee-bob 2.1s ease-in-out infinite;animation-delay:var(--delay,0s)}
.employee-leg{transform-box:fill-box;transform-origin:50% 0%}
.employee-arm{transform-box:fill-box;transform-origin:50% 5%}
.walking .employee-leg-front{animation:employee-leg-forward .64s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.walking .employee-leg-back{animation:employee-leg-back .64s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.walking .employee-arm-front{animation:employee-arm-forward .64s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.walking .employee-arm-back{animation:employee-arm-back .64s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.typing .employee-arm-front{animation:employee-type .7s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.typing .employee-arm-back{animation:employee-type 1s ease-in-out infinite alternate-reverse;animation-delay:var(--delay,0s)}
.present .employee-arm-front{animation:employee-present 2.3s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.present .employee-arm-back{animation:employee-present 2.8s ease-in-out infinite alternate-reverse;animation-delay:var(--delay,0s)}
.map-performer.walking,.live-performer.walking{animation:employee-route 8.4s ease-in-out infinite;animation-delay:var(--delay,0s)}
.live-performer.walking{animation-duration:11s}
@keyframes employee-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes employee-leg-forward{from{transform:rotate(-19deg)}to{transform:rotate(24deg)}}
@keyframes employee-leg-back{from{transform:rotate(23deg)}to{transform:rotate(-19deg)}}
@keyframes employee-arm-forward{from{transform:rotate(21deg)}to{transform:rotate(-17deg)}}
@keyframes employee-arm-back{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
@keyframes employee-type{from{transform:rotate(-13deg) translateY(-1px)}to{transform:rotate(-29deg) translateY(3px)}}
@keyframes employee-present{from{transform:rotate(0)}to{transform:rotate(-56deg)}}
@keyframes employee-route{0%,4%,96%,100%{transform:translate(0,0)}35%,63%{transform:translate(var(--walk-distance,40px),-6px)}48%{transform:translate(calc(var(--walk-distance,40px) * .8),-9px)}}
/* Bigger room experience in each department */
.live-section{margin:19px 0 22px;border:1px solid var(--stroke-2);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#0b2544,#031226);box-shadow:0 23px 60px rgba(0,0,0,.2)}
.live-heading{padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(93deg,rgba(15,53,83,.88),rgba(7,22,44,.95));border-bottom:1px solid rgba(75,176,227,.26)}
.live-heading .eyebrow{font-size:10px;margin-bottom:5px}.live-heading h2{font-size:22px;line-height:1.25;letter-spacing:-.03em;color:#f4fbff}.live-heading p{color:#8eb3d0;font-size:11px;margin:5px 0 0;line-height:1.4}
.live-viewport{overflow-x:auto;background:radial-gradient(ellipse at 40% 38%,rgba(15,89,144,.45),transparent 65%),#031224;scrollbar-color:#167997 #031224}
.live-room{height:370px;min-width:695px;max-width:none;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 49% 59%,rgba(23,112,141,.21),transparent 53%),linear-gradient(170deg,#071932 11%,#06152a 65%,#031025 100%)}
.live-room[data-office='commerciale']{--room-accent:#27e4a6}.live-room[data-office='marketing']{--room-accent:#38cafa}.live-room[data-office='direzione']{--room-accent:#4ab7ff}.live-room[data-office='crm']{--room-accent:#20def2}.live-room[data-office='amministrazione']{--room-accent:#2ae69d}.live-room[data-office='sicurezza']{--room-accent:#549fff}
.room-ceiling{position:absolute;left:7%;right:7%;top:19px;height:2px;z-index:4;box-shadow:0 0 35px 6px rgba(27,192,242,.4);background:linear-gradient(90deg,transparent,var(--room-accent),transparent)}
.room-wall{position:absolute;top:19px;height:246px;background:linear-gradient(135deg,rgba(28,68,99,.75),rgba(6,22,46,.96));border:1px solid rgba(110,181,233,.3);box-shadow:inset 0 0 55px rgba(17,97,146,.16)}
.room-wall-back{left:8%;width:75%;transform:skewY(-5deg);border-radius:5px 5px 0 0}
.room-wall-side{right:2%;width:17%;transform:skewY(13deg);border-left:2px solid var(--room-accent);background:linear-gradient(140deg,rgba(20,61,91,.86),rgba(5,18,40,.9))}
.room-window{position:absolute;z-index:1;top:48px;width:18%;height:117px;background:linear-gradient(160deg,rgba(18,95,148,.65),rgba(10,38,75,.95)),repeating-linear-gradient(90deg,transparent 0 18px,rgba(37,164,230,.24) 19px 21px);border:2px solid #1b577e;box-shadow:0 0 22px rgba(37,164,230,.15),inset 0 0 35px #02152d;transform:skewY(-5deg)}
.room-window:before,.room-window:after{content:"";position:absolute;background:rgba(48,180,240,.2)}
.room-window:before{left:50%;top:0;bottom:0;width:2px}.room-window:after{left:0;right:0;top:50%;height:2px}
.win-1{left:12%}.win-2{left:33%}
.room-floor{position:absolute;left:-2%;right:-2%;height:188px;bottom:-13px;transform:skewY(-4deg);border-top:3px solid rgba(46,213,215,.66);background:repeating-linear-gradient(0deg,transparent 0 32px,rgba(50,171,216,.12) 33px 34px),repeating-linear-gradient(90deg,transparent 0 64px,rgba(67,158,197,.1) 65px 66px),linear-gradient(140deg,#123b58,#081b37 63%,#0e2f49);box-shadow:0 -11px 45px rgba(3,237,201,.1),inset 0 30px 45px rgba(34,173,194,.08)}
.room-gridfront{position:absolute;pointer-events:none;left:5%;right:5%;bottom:24px;height:12px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(29,237,173,.42),rgba(34,161,238,.55),transparent);filter:blur(13px);z-index:9}
.room-sign{position:absolute;left:62%;top:39px;z-index:4;display:flex;align-items:center;gap:11px;padding:10px 17px;color:#dbf5ff;background:linear-gradient(115deg,rgba(9,35,66,.92),rgba(7,19,39,.93));border:1px solid rgba(90,206,242,.5);border-radius:10px;box-shadow:0 0 24px rgba(30,196,250,.15)}
.room-sign-mark{font-size:20px;color:var(--room-accent)}.room-sign span:not(.room-sign-mark){display:block;color:#81b3d0;letter-spacing:.11em;font-size:9px;font-weight:750}.room-sign strong{font-size:12px;letter-spacing:.1em}
.room-dashboard{position:absolute;z-index:3;top:95px;width:122px;height:104px;background:linear-gradient(130deg,#09152e,#0d3855);border:3px solid #214a78;box-shadow:0 0 28px rgba(42,177,235,.3),inset 0 0 22px rgba(20,168,229,.1);border-radius:6px;padding:9px 11px;color:#d5f4ff}
.room-dashboard small{display:block;letter-spacing:.13em;font-size:8px;font-weight:850;color:#89d7fb}.room-dashboard em{font-size:7px;letter-spacing:.11em;color:#6fbcdd;font-style:normal}
.board-1{left:52%;transform:skewY(-4deg)}.board-2{left:74%;transform:skewY(6deg);top:129px;width:112px;height:91px}
.board-bars{display:flex;align-items:end;gap:5px;height:53px}.board-bars i{flex:1;height:30%;background:linear-gradient(0deg,#145ddf,#32e0b5);border-radius:2px 2px 0 0;animation:board-bar 3.8s ease-in-out infinite alternate}
.board-bars i:nth-child(2){height:70%;animation-delay:-1.1s}.board-bars i:nth-child(3){height:45%;animation-delay:-2s}.board-bars i:nth-child(4){height:85%;animation-delay:-1.9s}.board-bars i:nth-child(5){height:55%;animation-delay:-.8s}.board-bars i:nth-child(6){height:75%;animation-delay:-1.6s}.board-bars i:nth-child(7){height:30%;animation-delay:-2.8s}
@keyframes board-bar{from{opacity:.65;transform:scaleY(.72);transform-origin:bottom}to{opacity:1;transform:scaleY(1);transform-origin:bottom}}
.board-chart{height:42px;margin:9px 0 7px;border-bottom:1px solid rgba(49,194,231,.32);display:flex;align-items:end;gap:10px}.board-chart b{height:30%;width:18px;border-radius:3px 3px 0 0;background:linear-gradient(0deg,#1c56ae,#3de7c0)}.board-chart b:nth-child(2){height:79%}.board-chart b:nth-child(3){height:56%}
.office-desk{position:absolute;z-index:7;width:155px;height:51px;background:linear-gradient(#e8f4fa 0 32%,#789db1 33%,#264c70 49%,#122e4c 100%);transform:skewY(-7deg);border-radius:7px;box-shadow:0 13px 2px rgba(0,11,24,.42),0 18px 20px rgba(3,11,25,.55),inset 0 4px 0 rgba(255,255,255,.6)}
.office-desk:before,.office-desk:after{content:"";position:absolute;bottom:-39px;width:9px;height:41px;border-radius:1px;background:linear-gradient(90deg,#365d7b,#16324d)}
.office-desk:before{left:14px}.office-desk:after{right:15px}
.desk-left{left:19%;bottom:67px}.desk-right{left:58%;bottom:75px;transform:skewY(8deg)}
.monitor{width:63px;height:48px;position:absolute;left:42px;bottom:35px;background:linear-gradient(140deg,#133858,#03172e);border:4px solid #264f77;border-radius:5px;box-shadow:0 0 16px rgba(28,187,228,.3)}
.monitor:after{content:"";position:absolute;inset:5px;background:linear-gradient(130deg,transparent 44%,rgba(48,242,203,.8) 45% 50%,transparent 51%),repeating-linear-gradient(0deg,rgba(29,122,207,.48) 0 2px,transparent 3px 13px);animation:monitor-glow 3s ease-in-out infinite alternate}
@keyframes monitor-glow{from{opacity:.62}to{opacity:1}}
.monitor:before{content:"";position:absolute;width:5px;height:12px;background:#50748a;bottom:-14px;left:50%;transform:translateX(-50%)}
.keyboard{width:49px;height:6px;border-radius:4px;background:#a4c7d9;position:absolute;left:50px;top:10px}
.room-object.plant{position:absolute;bottom:103px;width:38px;height:80px;z-index:8}.left-plant{left:10%}.right-plant{right:7%}.plant span{display:block;width:31px;height:29px;position:absolute;bottom:0;left:3px;background:linear-gradient(130deg,#9bb6c1,#345d72);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.plant i,.plant i:before,.plant i:after{content:"";position:absolute;display:block;width:17px;height:46px;border-radius:70% 0 75% 0;background:linear-gradient(120deg,#11a77e,#35edaf);top:0;left:11px;transform:rotate(-24deg);box-shadow:0 0 15px rgba(31,216,142,.16)}.plant i:before{top:3px;left:14px;transform:rotate(49deg)}.plant i:after{top:6px;left:-13px;transform:rotate(-25deg)}
.live-performer{position:absolute;z-index:6;height:132px;width:82px;filter:drop-shadow(0 11px 10px rgba(0,0,0,.38));transform:translate(0,0);--delay:0s}
.live-performer .employee-svg{height:100%;width:100%;overflow:visible}.performer-a{left:22%;bottom:93px}.performer-b{left:45%;bottom:100px}.performer-c{left:62%;bottom:105px}.performer-d{left:35%;bottom:55px;z-index:9}
.live-person-tag{position:absolute;z-index:10;padding:5px 9px;background:rgba(5,23,45,.85);border:1px solid rgba(50,185,235,.34);border-radius:9px;color:#e4f8ff;font-weight:780;letter-spacing:.01em;font-size:10px;box-shadow:0 7px 18px rgba(1,12,29,.3);white-space:nowrap}.live-person-tag em{font-style:normal;color:#9dc1d8;font-weight:500}.tag-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:2px}
.tag-a{left:17%;bottom:23px}.tag-b{left:43%;bottom:12px}.tag-c{right:9%;bottom:33px}
.live-bottom{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#081e37;color:#8fb0cc;font-size:11px;flex-wrap:wrap}.live-bottom-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.live-bottom strong{color:#ddf9f8}.pulse-led{width:8px;height:8px;border-radius:50%;display:inline-block;animation:room-pulse 1.8s infinite ease-in-out}@keyframes room-pulse{50%{opacity:.47;box-shadow:0 0 0 7px rgba(32,217,161,.08)}}
:root[data-staff-motion="off"] .staff-animated,:root[data-staff-motion="off"] .staff-animated *,:root[data-staff-motion="off"] .pulse-led{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.staff-animated,.staff-animated *,.pulse-led{animation:none!important}}
@media(max-width:900px){.live-heading{padding:15px}.live-room{min-width:720px}.map-performer{width:27px;height:46px}.live-heading h2{font-size:20px}}
@media(max-width:620px){.staff-status{display:none}.live-heading{align-items:flex-start;flex-direction:column;gap:11px}.live-heading p{font-size:10px}.live-room{min-width:705px;height:355px}.live-bottom{padding:12px 13px}.campus-actors .map-performer{width:25px;height:43px}}

/* --- Base refinements: richer office life and micro-movements --- */
.employee-figure{animation:employee-bob 2.1s ease-in-out infinite,employee-breathe 4.8s ease-in-out infinite;animation-delay:var(--delay,0s),calc(var(--delay,0s) * .35)}
@keyframes employee-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.012)}}
.live-room::before,.live-room::after{content:"";position:absolute;pointer-events:none;inset:auto;border-radius:50%;filter:blur(18px);opacity:.45;z-index:2}
.live-room::before{width:210px;height:48px;left:13%;bottom:28px;background:linear-gradient(90deg,transparent,rgba(44,231,177,.42),transparent);animation:floor-sweep 6.8s ease-in-out infinite}
.live-room::after{width:160px;height:160px;right:8%;top:34px;background:radial-gradient(circle,rgba(68,178,255,.2),transparent 68%);animation:ambient-orb 8s ease-in-out infinite}
@keyframes floor-sweep{0%,100%{transform:translateX(-10px);opacity:.24}50%{transform:translateX(18px);opacity:.56}}
@keyframes ambient-orb{0%,100%{transform:scale(.92);opacity:.18}50%{transform:scale(1.06);opacity:.42}}
.room-window{overflow:hidden}
.room-window::after{background:rgba(48,180,240,.24)}
.room-window::before{background:rgba(81,211,255,.24)}
.room-window{animation:window-glow 5.4s ease-in-out infinite}
.room-window::marker{content:""}
.room-window span{display:none}
@keyframes window-glow{0%,100%{box-shadow:0 0 18px rgba(37,164,230,.12),inset 0 0 35px #02152d}50%{box-shadow:0 0 28px rgba(61,198,255,.22),inset 0 0 40px rgba(6,23,51,.94)}}
.room-sign{animation:sign-float 4.6s ease-in-out infinite,sign-pulse 3.8s ease-in-out infinite}
@keyframes sign-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes sign-pulse{0%,100%{box-shadow:0 0 18px rgba(30,196,250,.14)}50%{box-shadow:0 0 30px rgba(59,215,255,.28)}}
.room-dashboard{animation:panel-hum 4.8s ease-in-out infinite}
@keyframes panel-hum{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.01)}}
.board-1::after,.board-2::after{content:"";position:absolute;left:10px;right:10px;top:18px;height:2px;background:linear-gradient(90deg,transparent,rgba(98,234,255,.7),transparent);animation:scan-line 2.8s linear infinite;opacity:.6}
@keyframes scan-line{0%{transform:translateY(0)}100%{transform:translateY(54px)}}
.office-desk{animation:desk-glow 5.2s ease-in-out infinite}
@keyframes desk-glow{0%,100%{box-shadow:0 13px 2px rgba(0,11,24,.42),0 18px 20px rgba(3,11,25,.55),inset 0 4px 0 rgba(255,255,255,.6)}50%{box-shadow:0 13px 2px rgba(0,11,24,.46),0 22px 28px rgba(3,11,25,.62),0 0 18px rgba(63,199,241,.18),inset 0 4px 0 rgba(255,255,255,.66)}}
.monitor{animation:monitor-tilt 4.4s ease-in-out infinite}
.monitor:after{animation:monitor-glow 3s ease-in-out infinite alternate,screen-activity 6s linear infinite;background:linear-gradient(130deg,transparent 44%,rgba(48,242,203,.8) 45% 50%,transparent 51%),repeating-linear-gradient(0deg,rgba(29,122,207,.48) 0 2px,transparent 3px 13px),radial-gradient(circle at 22% 22%,rgba(87,233,255,.48),transparent 24%)}
@keyframes monitor-tilt{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes screen-activity{0%{background-position:0 0,0 0,0 0}100%{background-position:0 0,0 42px,18px 0}}
.keyboard{overflow:hidden}
.keyboard::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);opacity:.45;animation:key-shimmer 4s ease-in-out infinite}
@keyframes key-shimmer{0%,100%{transform:translateX(-120%)}50%{transform:translateX(130%)}}
.plant i,.plant i:before,.plant i:after{animation:plant-sway 4.7s ease-in-out infinite;transform-origin:bottom center}
.plant i:before{animation-delay:-1.1s}.plant i:after{animation-delay:-2.1s}
@keyframes plant-sway{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(-17deg)}}
.live-performer{animation:performer-presence 5s ease-in-out infinite;animation-delay:var(--delay,0s)}
.live-performer.walking{animation:employee-route 11s ease-in-out infinite,performer-presence 5s ease-in-out infinite;animation-delay:var(--delay,0s),var(--delay,0s)}
@keyframes performer-presence{0%,100%{filter:drop-shadow(0 11px 10px rgba(0,0,0,.38))}50%{filter:drop-shadow(0 15px 13px rgba(0,0,0,.44))}}
.live-person-tag{animation:tag-float 4.8s ease-in-out infinite}
@keyframes tag-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.live-bottom{background:linear-gradient(180deg,#081e37,#06182d)}

/* --- V1.3: more believable staff, movement between zones, dedicated avatars --- */
.staff-status{white-space:nowrap;background:rgba(35,226,161,.07)!important;border:1px solid rgba(35,226,161,.24)!important;color:#bbfbe4!important}
.team-avatar .employee-figure{animation:none}
.employee-svg.compact .employee-figure{transform:scale(.96) translateY(4px)}
.live-room{height:388px;min-width:760px}
.desk-center{left:39%;bottom:70px;transform:skewY(-1deg)}
.monitor.dual{width:72px}
.monitor.dual::before{width:5px;height:12px;background:#50748a;bottom:-14px;left:50%;transform:translateX(-50%)}
.room-seat{position:absolute;bottom:53px;width:40px;height:28px;border-radius:12px 12px 9px 9px;background:linear-gradient(180deg,#20496c,#0c223f);box-shadow:0 12px 18px rgba(0,0,0,.25)}
.room-seat:before{content:"";position:absolute;left:8px;right:8px;top:-18px;height:22px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#295579,#0f2746)}
.seat-left{left:21%}.seat-center{left:44%}.seat-right{left:60%}
.room-status-chip{position:absolute;z-index:12;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.06em;color:#eefcff;background:rgba(5,23,45,.88);border:1px solid rgba(82,192,235,.38);box-shadow:0 8px 16px rgba(0,0,0,.22)}
.chip-1{left:18%;top:122px}.chip-2{left:46%;top:87px}.chip-3{right:10%;top:141px}
.live-performer{height:140px;width:90px}
.performer-a{left:19%;bottom:93px}.performer-b{left:59%;bottom:96px}.performer-c{left:75%;bottom:103px}.performer-d{left:30%;bottom:66px;z-index:11}.performer-e{left:9%;bottom:86px;z-index:8;opacity:.96}
.live-performer.route-long.walking{animation:route-long 12s ease-in-out infinite,performer-presence 5s ease-in-out infinite}
.live-performer.route-zig.walking{animation:route-zig 9.4s ease-in-out infinite,performer-presence 5.3s ease-in-out infinite}
@keyframes route-long{0%,100%{transform:translate(0,0)}18%{transform:translate(24px,-3px)}36%{transform:translate(110px,-12px)}55%{transform:translate(156px,-16px)}74%{transform:translate(92px,-8px)}86%{transform:translate(35px,-2px)}}
@keyframes route-zig{0%,100%{transform:translate(0,0)}22%{transform:translate(56px,4px)}44%{transform:translate(94px,-18px)}66%{transform:translate(142px,-9px)}82%{transform:translate(88px,0)}}
.live-person-tag.tag-a{left:13%;bottom:22px}.live-person-tag.tag-b{left:57%;bottom:14px}.live-person-tag.tag-c{right:6%;bottom:32px}.live-person-tag.tag-d{left:31%;bottom:9px}
.employee-svg .employee-figure{filter:drop-shadow(0 1px 0 rgba(255,255,255,.06))}
.monitor:after{background:linear-gradient(130deg,transparent 44%,rgba(48,242,203,.8) 45% 50%,transparent 51%),repeating-linear-gradient(0deg,rgba(29,122,207,.48) 0 2px,transparent 3px 13px),linear-gradient(180deg,rgba(88,235,255,.32),transparent 30%),radial-gradient(circle at 18% 25%,rgba(166,248,255,.55),transparent 18%)}
@media(max-width:900px){.live-room{min-width:770px}.live-performer{height:132px;width:84px}}
@media(max-width:620px){.live-room{min-width:760px;height:370px}.room-status-chip{font-size:8px;padding:4px 8px}}