.wm-page { display:grid; gap:16px; min-width:0; }
.central-atendimento-page-content > .wm-page { flex:1; min-height:0; overflow:auto; align-content:start; padding:0 8px 24px 0; scrollbar-gutter:stable; }
.wm-page header { display:flex; flex-wrap:wrap; gap:8px; }
.wm-page .mix-card-list-item { min-width:0; flex-wrap:wrap; overflow-wrap:anywhere; }
.wm-page .mix-card-list-item > * { min-width:0; }
.wm-page .mix-card-list-item button { white-space:normal; }
.wm-page .wm-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.wm-page .wm-stats strong { font-size:26px; }
.wm-page .mix-card-list-item { margin-top:8px; }

@media(max-width:680px){.wm-page .wm-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}

.ws-dialog .wm-create { display:grid; gap:14px; }
.ws-dialog .wm-create > label,.ws-dialog .wm-schedule > label { display:grid; gap:6px; }
.ws-dialog .wm-intro { margin:0; color:var(--mix-muted); font-size:12px; }
.ws-dialog .wm-schedule { display:grid; grid-template-columns:1.3fr 1fr; gap:12px; }
.ws-dialog .wm-options { display:grid; gap:12px; padding:8px 0; }
.ws-dialog .wm-options .mix-checkbox { display:flex; align-items:flex-start; width:auto; margin:0; gap:10px; }
.ws-dialog .wm-options .mix-checkbox input { position:absolute; width:1px; height:1px; padding:0; margin:0; opacity:0; }
.ws-dialog .wm-options .mix-checkbox__content { display:grid; gap:3px; }
.ws-dialog .wm-options .mix-checkbox__content strong { font-size:12px; }
.ws-dialog .wm-create [hidden] { display:none; }
.ws-dialog .wm-link-result { padding-top:14px; border-top:1px solid var(--mix-control-border); }
.ws-dialog .wm-link-actions { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; }
.ws-dialog .wm-create small,.ws-dialog [data-wm-unlimited] { font-size:11px; color:var(--mix-muted); }
.ws-dialog .wm-create [data-wm-error]:empty { display:none; }
@media(max-width:600px){.ws-dialog .wm-schedule{grid-template-columns:1fr;}}

.ws-dialog .wm-create > label,.ws-dialog .wm-schedule > label { margin:0; }
.ws-dialog .wm-options .mix-checkbox__content :is(strong,small) { text-transform:none; letter-spacing:normal; }
.ws-dialog .wm-create [hidden] { display:none!important; }
.wm-create [data-wm-result]:empty { display:none; }

.wm-office-actions { display:flex; gap:8px; flex-wrap:wrap; padding:8px; }
.workadventure-office-runtime:has(.wm-office-actions) { display:flex; flex-direction:column; }
.workadventure-office-runtime .workadventure-office-frame { flex:1; min-height:0; }

/* Scoped conference surface; no changes to the application Design System. */
.wm-guest { margin:0; background:#101b22; color:#eef5f7; font:14px Montserrat,system-ui,sans-serif; }
.wm-guest * { box-sizing:border-box; }
.wm-guest [hidden] { display:none!important; }
.wm-guest .wm-room-shell { min-height:100dvh; display:flex; flex-direction:column; padding:0 28px; }
.wm-guest .wm-room-header { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:104px; border-bottom:1px solid #ffffff12; }
.wm-guest .wm-guest-brand { margin:0 0 9px; font-size:10px; font-weight:700; letter-spacing:.14em; color:#83cfc3; }
.wm-guest .wm-guest-brand span { margin-left:12px; color:#899ba7; }
.wm-guest h1 { font-size:20px; color:inherit; margin:0; font-weight:600; }
.wm-guest .wm-connection { font-size:12px; color:#a9bbbF; border:1px solid #34444d; padding:8px 12px; border-radius:30px; }
.wm-guest .wm-lobby { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr); align-items:center; gap:56px; width:min(1100px,100%); margin:auto; padding:56px 0; }
.wm-guest .wm-preview { position:relative; aspect-ratio:16/10; background:linear-gradient(145deg,#263c43,#1a2a35); border:1px solid #ffffff12; border-radius:22px; overflow:hidden; }
.wm-guest #preview-placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:18px; }
.wm-guest #preview-placeholder p { margin:0; color:#a6b7c0; }
.wm-guest .wm-avatar { width:100px; height:100px; border-radius:50%; background:#326b67; color:#d2fff5; display:grid; place-items:center; font-size:28px; font-weight:600; }
.wm-guest #preview-video,.wm-guest #preview-video video { width:100%; height:100%; position:absolute; object-fit:cover; }
.wm-guest .wm-preview-label { position:absolute; left:20px; bottom:18px; font-size:12px; background:#101b22b3; border-radius:8px; padding:8px 12px; }
.wm-guest #join { display:grid; gap:20px; }
.wm-guest #join h2 { color:inherit; font-size:28px; margin:0; }
.wm-guest #join p { color:#adbdc6; line-height:1.65; margin:0; }
.wm-guest #join .wm-eyebrow { color:#83cfc3; font-size:10px; letter-spacing:.12em; font-weight:700; }
.wm-guest #join label { display:grid; gap:9px; font-size:12px; color:#dbe5ea; }
.wm-guest #join input { width:100%; background:#1b2a33; color:#fff; border:1px solid #43555f; border-radius:10px; padding:14px; font:inherit; }
.wm-guest #join small { color:#91a7b1; line-height:1.6; font-size:11px; }
.wm-guest button { display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; border:1px solid #43555f; background:#22323c; color:#edf5f8; font:inherit; font-size:12px; border-radius:10px; min-height:46px; padding:11px 14px; }
.wm-guest button:hover { background:#30434d; }
.wm-guest button:focus-visible,.wm-guest input:focus-visible { outline:2px solid #8ae4cf; outline-offset:3px; }
.wm-guest button:disabled { opacity:.5; cursor:wait; }
.wm-guest button svg { width:19px; height:19px; flex-shrink:0; }
.wm-guest button[aria-pressed=true] { background:#285951; border-color:#56ac96; }
.wm-guest #join button[type=submit] { background:#6bd8bb; border-color:#6bd8bb; color:#102d2a; font-size:14px; font-weight:700; }
.wm-guest .wm-preview-controls { display:flex; gap:10px; }
.wm-guest .wm-preview-controls button { flex:1; }
.wm-guest .wm-meeting-stage { display:flex; flex:1; gap:20px; padding:24px 0; min-height:0; }
.wm-guest #tracks { flex:1; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)); gap:16px; align-content:center; min-width:0; }
.wm-guest #tracks.wm-solo { grid-template-columns:minmax(0,860px); justify-content:center; }
.wm-guest .wm-participant { position:relative; aspect-ratio:16/10; min-height:180px; background:linear-gradient(140deg,#263b45,#1c2c36); border:2px solid transparent; border-radius:16px; overflow:hidden; }
.wm-guest .wm-participant.wm-speaking { border-color:#70dfbf; }
.wm-guest .wm-tile-placeholder { position:absolute; inset:0; display:grid; place-items:center; padding-bottom:30px; }
.wm-guest .wm-tile-media { position:absolute; inset:0; }
.wm-guest .wm-tile-media video { width:100%; height:100%; object-fit:cover; }
.wm-guest .wm-has-video .wm-tile-placeholder { display:none; }
.wm-guest .wm-tile-caption { position:absolute; bottom:0; left:0; right:0; padding:28px 16px 14px; background:linear-gradient(transparent,#101b22e8); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wm-guest .wm-tile-caption strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.wm-guest .wm-tile-caption span { color:#b0c4ca; font-size:10px; text-align:right; }
.wm-guest .wm-screen-tile { grid-column:1/-1; order:-1; aspect-ratio:16/9; max-height:65vh; background:#080e13; }
.wm-guest .wm-screen-tile video { object-fit:contain; }
.wm-guest #people { width:250px; flex-shrink:0; padding:20px; background:#1b2a33; border-radius:16px; }
.wm-guest #people h2 { font-size:16px; color:inherit; margin:0 0 20px; }
.wm-guest #people ul { list-style:none; margin:0; padding:0; }
.wm-guest #people li { padding:14px 0; border-bottom:1px solid #ffffff12; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.wm-guest #status { color:#afc4cd; font-size:12px; line-height:1.6; margin:0; padding:12px 0; text-align:center; }
.wm-guest #controls { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; border-top:1px solid #ffffff12; background:#101b22; position:sticky; bottom:0; z-index:2; }
.wm-guest .wm-call-info,.wm-guest .wm-call-buttons { display:flex; align-items:center; gap:10px; }
.wm-guest .wm-call-info { font-size:12px; color:#afc4cd; white-space:nowrap; }
.wm-guest .wm-live-dot { width:7px; height:7px; background:#76debd; border-radius:50%; }
.wm-guest #leave { background:#ad3e49; border-color:#ad3e49; color:white; }
.wm-guest #leave:hover { background:#c34e59; }
@media(max-width:1000px){.wm-guest .wm-call-info{display:none}.wm-guest #controls{justify-content:center}.wm-guest .wm-call-buttons{flex-wrap:wrap;justify-content:center}.wm-guest .wm-lobby{gap:28px}}
@media(max-width:680px){.wm-guest .wm-room-shell{padding:0 14px}.wm-guest .wm-room-header{min-height:90px}.wm-guest h1{font-size:16px}.wm-guest .wm-connection{font-size:10px}.wm-guest .wm-lobby{grid-template-columns:1fr;padding:28px 0}.wm-guest #join h2{font-size:24px}.wm-guest .wm-avatar{width:76px;height:76px;font-size:22px}.wm-guest .wm-meeting-stage{flex-direction:column}.wm-guest #people{width:100%}.wm-guest #controls{padding:12px 0}.wm-guest .wm-call-buttons{gap:7px}.wm-guest button{padding:10px;font-size:10px;min-height:42px}.wm-guest .wm-screen-tile{max-height:none}.wm-guest .wm-tile-caption{padding:24px 12px 12px}}
/* Keep the media surface legible under the shared theme's high-specificity rules. */
html[data-mix-theme] body.wm-guest { background:#101b22!important; color:#eef5f7!important; }
html[data-mix-theme] .wm-guest :is(h1,h2,strong) { color:#eef5f7!important; }
html[data-mix-theme] .wm-guest #join input { background:#1b2a33!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border-color:#43555f!important; }
html[data-mix-theme] .wm-guest #join input::placeholder { color:#91a7b1!important; -webkit-text-fill-color:#91a7b1!important; }
html[data-mix-theme] .wm-guest #join button[type=submit] { background:#6bd8bb!important; color:#102d2a!important; box-shadow:none!important; }
.wm-guest.wm-in-call .wm-room-shell { height:100dvh; }
.wm-guest.wm-in-call .wm-room-header { flex-shrink:0; min-height:90px; }
.wm-guest.wm-in-call .wm-meeting-stage { overflow:auto; }
.wm-guest #tracks.wm-single-screen { grid-template-columns:minmax(0,3fr) minmax(180px,1fr); grid-auto-rows:minmax(140px,1fr); align-content:stretch; }
.wm-guest #tracks.wm-single-screen .wm-screen-tile { grid-column:1; grid-row:1/span 2; height:100%; max-height:none; aspect-ratio:auto; }
.wm-guest #tracks.wm-single-screen .wm-participant:not(.wm-screen-tile) { grid-column:2; aspect-ratio:auto; }
.wm-guest #status,.wm-guest #controls { flex-shrink:0; }
@media(max-width:680px){.wm-guest #tracks.wm-single-screen{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start}.wm-guest #tracks.wm-single-screen .wm-screen-tile{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9;min-height:0}.wm-guest #tracks.wm-single-screen .wm-participant:not(.wm-screen-tile){grid-column:auto;aspect-ratio:1;min-height:120px}}
.wm-guest #preview-placeholder { bottom:54px; }
@media(max-width:680px){.wm-guest .wm-preview{aspect-ratio:auto;min-height:280px}.wm-guest #preview-placeholder{gap:12px;padding:16px}}
/* Meeting product A: device lobby and ephemeral chat, scoped to the canonical room. */
.wm-guest #company-logo{max-width:160px;max-height:44px;object-fit:contain;margin-bottom:8px}
.wm-guest #join select{width:100%;min-height:40px;background:#172a35;color:#fff;border:1px solid #526773;border-radius:8px;padding:8px}
.wm-guest #chat{width:280px;max-width:100%;padding:16px;background:#15242e;border-radius:12px;overflow:auto}
.wm-guest #chat p{font-size:13px;color:#c6d4dc;overflow-wrap:anywhere}
.wm-guest #chat-messages{list-style:none;padding:0;max-height:45vh;overflow:auto}
.wm-guest #chat-messages li{padding:10px 0;border-bottom:1px solid #34434e}
.wm-guest #chat-form input{width:100%;min-width:0}
.wm-guest #people-list button{display:block;margin-top:6px}
.wm-guest #controls .wm-call-buttons{flex-wrap:wrap}
@media(max-width:700px){.wm-guest #chat{width:100%;box-sizing:border-box}.wm-guest #controls .wm-call-buttons button{min-width:44px}.wm-guest #join{padding:16px}}

html[data-mix-theme] .wm-guest #chat-form input{display:block;box-sizing:border-box;min-height:44px;padding:12px;border:1px solid #43555f;border-radius:10px;background:#1b2a33!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:inherit}
.wm-guest #chat-form label{display:grid;gap:8px}.wm-guest #chat-form button{margin-top:8px}.wm-guest #chat{flex-shrink:0}
html[data-mix-theme] .wm-guest #join select{background:#1b2a33!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#43555f!important}
.wm-guest #company-logo{background:#fff;border-radius:6px;padding:6px 10px;box-sizing:content-box}
/* Host recording choice uses the same lobby spacing without stretching checkbox. */
#recording-choice>span{display:flex;align-items:center;gap:10px}
#recording-auto{width:auto;min-height:auto;accent-color:var(--mix-color-primary,#64d2b2)}
#recording-status:not(:empty){padding:12px 16px;border:1px solid currentColor;border-radius:10px}

/* Keep the map selector reachable when the embedded runtime takes focus. */
html[data-mix-theme="mix-fiscal-default"] #app.mix-office-active.mix-office-embedded .workadventure-office-runtime .workadventure-office-frame {
  height: calc(100dvh - 260px);
  min-height: 320px;
  flex: none;
}
.wm-office-actions { align-items: center; }
.wm-office-actions > label { display: flex; align-items: center; gap: 8px; }