#mesa-interativa-app { --mi-accent:#b79a68; color:#211d19; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.5; }
#mesa-interativa-app * { box-sizing:border-box; }
#mesa-interativa-app button,#mesa-interativa-app input,#mesa-interativa-app select { font:inherit; }
#mesa-interativa-app button { cursor:pointer; }
#mesa-interativa-app button:focus-visible,#mesa-interativa-app input:focus-visible,#mesa-interativa-app select:focus-visible { outline:3px solid #b79a68; outline-offset:2px; }
#mesa-interativa-app .mi-start { max-width:640px; padding:clamp(24px,5vw,60px); margin:clamp(20px,7vh,80px) auto; background:#faf8f3; border:1px solid #d9cfbf; box-shadow:0 15px 45px #372b1d15; }
#mesa-interativa-app h1 { font:normal clamp(2rem,4vw,3.2rem)/1.15 Georgia,serif; margin:12px 0; }
#mesa-interativa-app .mi-overline { font-size:.78rem; letter-spacing:.12em; font-weight:700; color:#6a5e4d; margin-bottom:10px; }
#mesa-interativa-app p { color:#625b51; margin:10px 0 18px; }
#mesa-interativa-app label { display:grid; gap:7px; font-size:.92rem; font-weight:600; margin:12px 0; }
#mesa-interativa-app label input:not([type=color]):not([type=file]):not([type=range]),#mesa-interativa-app select,#mesa-interativa-app .mi-invite { width:100%; max-width:100%; border:1px solid #c9bcaa; background:#fff; color:#211d19; min-height:44px; padding:9px 12px; border-radius:2px; }
#mesa-interativa-app input[type=color] { width:48px; height:44px; padding:0; border:0; background:none; cursor:pointer; }
#mesa-interativa-app .mi-primary,#mesa-interativa-app .mi-button,#mesa-interativa-app .mi-file { display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:46px; padding:9px 15px; border:1px solid #c5b7a5; background:#faf8f3; color:#211d19; text-align:center; text-decoration:none; border-radius:2px; font-weight:600; }
#mesa-interativa-app .mi-primary { background:#211d19; border-color:#211d19; color:#fff; }
#mesa-interativa-app .mi-file { position:relative; overflow:hidden; cursor:pointer; }
#mesa-interativa-app .mi-file input { position:absolute; inset:0; opacity:0; cursor:pointer; }
#mesa-interativa-app .mi-shell { width:min(100%,1920px); margin:auto; background:#eae3d8; }
#mesa-interativa-app .mi-header { display:flex; align-items:center; justify-content:space-between; gap:16px; background:#faf8f3; border-bottom:1px solid #ded3c4; padding:16px clamp(16px,3vw,36px); }
#mesa-interativa-app .mi-identity { font:normal clamp(1.2rem,2.3vw,1.9rem) Georgia,serif; }
#mesa-interativa-app .mi-live { color:#725a3b; font-size:.85rem; white-space:nowrap; }
#mesa-interativa-app .mi-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,330px); gap:clamp(10px,1.4vw,22px); padding:clamp(10px,1.4vw,22px); }
#mesa-interativa-app .mi-canvas { min-width:0; }
#mesa-interativa-app .mi-board-top { font-size:.78rem; letter-spacing:.13em; color:#5f5549; font-weight:700; margin-bottom:12px; }
#mesa-interativa-app .mi-board { position:relative; width:100%; aspect-ratio:16/9; margin:0 auto; background:#f3eee6; border:1px solid #d4c7b7; overflow:hidden; box-shadow:0 15px 40px #30261a18; }
#mesa-interativa-app .mi-background { display:block; width:100%; height:100%; object-fit: cover; }
#mesa-interativa-app .mi-board-empty { position:absolute; inset:0; display:grid; place-items:center; padding:20px; color:#776b5a; text-align:center; font:normal clamp(1.2rem,3vw,2rem) Georgia,serif; }
#mesa-interativa-app .mi-floating { position:absolute; transform:translate(-50%,-50%); aspect-ratio:1; z-index:2; mask-position:center; mask-size:contain; mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; }
#mesa-interativa-app .mi-floating.mi-drag { cursor:grab; touch-action:none; }
#mesa-interativa-app .mi-piece-image { display:block; height:100%; width:100%; object-fit: cover; pointer-events:none; }
#mesa-interativa-app .mi-source { height:100%; width:100%; object-fit: cover; opacity:0; pointer-events:none; }
#mesa-interativa-app .mi-name { position:absolute; transform:translate(-50%,-50%); z-index:3; color:#fff; min-width:110px; max-width:90%; padding:10px 15px; font-weight:700; text-align:center; overflow-wrap:anywhere; box-shadow:0 5px 20px #211d1933; }
#mesa-interativa-app .mi-name.mi-drag { cursor:grab; touch-action:none; }
#mesa-interativa-app .mi-board-note { margin:10px auto; text-align:center; color:#74695b; font-size:.85rem; }
#mesa-interativa-app .mi-panel { background:#faf8f3; border:1px solid #ddd1c2; padding:0 clamp(16px,2vw,24px); align-self:start; max-height:calc(100dvh - 120px); overflow:auto; }
#mesa-interativa-app .mi-room-title { padding:18px 0; font:normal clamp(1.5rem,2.4vw,2rem) Georgia,serif; }
#mesa-interativa-app .mi-section { padding:18px 0; border-top:1px solid #e0d7ca; }
#mesa-interativa-app .mi-section small { display:block; color:#746a5e; font-size:.8rem; margin-top:5px; }
#mesa-interativa-app .mi-asset-list { max-height:180px; overflow:auto; display:grid; gap:6px; margin:12px 0; }
#mesa-interativa-app .mi-asset { display:grid; width:100%; text-align:left; border:1px solid #ded4c6; background:#fff; padding:8px 12px; min-height:42px; color:#211d19; }
#mesa-interativa-app .mi-asset small { font-size:.75rem; font-weight:400; }
#mesa-interativa-app .mi-piece-row { display:grid; grid-template-columns:minmax(0,1fr) 38px 30px 30px 30px; align-items:center; gap:4px; padding:5px; margin:5px 0; border:1px solid #ded4c6; }
#mesa-interativa-app .mi-piece-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.85rem; }
#mesa-interativa-app .mi-piece-row input[type=color] { width:38px; height:38px; }
#mesa-interativa-app .mi-icon { min-height:30px; padding:0; border:0; background:#eee7dd; color:#211d19; font-size:1.2rem; }
#mesa-interativa-app .mi-volume { margin-top:16px; }
#mesa-interativa-app .mi-volume input { width:100%; accent-color:#a58558; }
#mesa-interativa-app .mi-footer { display:grid; gap:8px; border-top:1px solid #ddd2c3; padding:18px 0; }
#mesa-interativa-app .mi-error { color:#8d2b2b; background:#fff0ed; border-left:3px solid #ae4c43; padding:9px 12px; }
#mesa-interativa-app .mi-access-error { width:min(90vw,500px); margin:60px auto; text-align:center; }
.mi-admin #mesa-interativa-app { margin-top:28px; }
@media(max-width:880px) { #mesa-interativa-app .mi-layout { grid-template-columns:1fr; } #mesa-interativa-app .mi-board { width:100%; aspect-ratio:16/9; } #mesa-interativa-app .mi-panel { max-height:none; } }
@media(max-width:500px) { #mesa-interativa-app .mi-layout { padding:8px; } #mesa-interativa-app .mi-board { width:100%; aspect-ratio:16/9; } #mesa-interativa-app .mi-header { padding:12px; } }
body:not(.wp-admin) #mesa-interativa-app { width:100vw; max-width:none; position:relative; left:50%; transform:translateX(-50%); }

@media(min-width:1200px) { #mesa-interativa-app .mi-header { padding-top:12px; padding-bottom:12px; } #mesa-interativa-app .mi-board-top { margin-bottom:8px; } }

/* 0.2.0 — Nova Mesa + Biblioteca privada */
#mesa-interativa-app .mi-start-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(18px,2.4vw,36px);padding:clamp(18px,2.6vw,38px)}
#mesa-interativa-app .mi-start-main,#mesa-interativa-app .mi-repository{background:#f4efe7;border:1px solid #d7cbbb;padding:clamp(18px,2vw,30px)}
#mesa-interativa-app .mi-start h2,#mesa-interativa-app .mi-start h3{margin:.3rem 0 .5rem}
#mesa-interativa-app .mi-muted{color:#70685f}
#mesa-interativa-app .mi-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#mesa-interativa-app .mi-repo-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
#mesa-interativa-app .mi-tab{border:1px solid #cbbda9;background:transparent;padding:9px 11px;cursor:pointer}
#mesa-interativa-app .mi-tab.is-active{background:#2c2824;color:#fff;border-color:#2c2824}
#mesa-interativa-app .mi-repo-list{display:grid;gap:7px;margin-top:12px;max-height:420px;overflow:auto}
#mesa-interativa-app .mi-repo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ddd2c4;padding:9px 0}
#mesa-interativa-app .mi-repo-row div{min-width:0;display:grid}
#mesa-interativa-app .mi-repo-row small{color:#81776d;overflow-wrap:anywhere}
#mesa-interativa-app .mi-icon-text{border:0;background:transparent;text-decoration:underline;cursor:pointer;padding:8px}
#mesa-interativa-app .mi-watermark{position:absolute;z-index:5;max-width:22%;max-height:20%;object-fit: cover;pointer-events:none}
#mesa-interativa-app .mi-watermark[data-position="bottom-right"]{right:3%;bottom:4%}
#mesa-interativa-app .mi-watermark[data-position="bottom-left"]{left:3%;bottom:4%}
#mesa-interativa-app .mi-watermark[data-position="top-right"]{right:3%;top:4%}
#mesa-interativa-app .mi-watermark[data-position="top-left"]{left:3%;top:4%}
#mesa-interativa-app .mi-watermark[data-position="center"]{left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:900px){#mesa-interativa-app .mi-start-grid{grid-template-columns:1fr}#mesa-interativa-app .mi-two{grid-template-columns:1fr}#mesa-interativa-app .mi-repo-list{max-height:none}}

/* 0.2.1 — Corrige a tela inicial espremida e usa a largura do LAB */
#mesa-interativa-app .mi-start{
  width:100% !important;
  max-width:none !important;
}
#mesa-interativa-app .mi-start .mi-shell,
#mesa-interativa-app .mi-shell.mi-start{
  width:min(100%,1920px) !important;
  max-width:none !important;
}
#mesa-interativa-app .mi-start-grid{
  grid-template-columns:minmax(520px,1.35fr) minmax(360px,.65fr) !important;
  align-items:start;
  width:100%;
  box-sizing:border-box;
}
#mesa-interativa-app .mi-start-main,
#mesa-interativa-app .mi-repository{
  min-width:0;
}
#mesa-interativa-app .mi-create{
  width:100% !important;
  max-width:none !important;
}
#mesa-interativa-app .mi-start-main h2{
  font-size:clamp(34px,4vw,62px);
  line-height:1.02;
  max-width:12ch;
}
#mesa-interativa-app .mi-repository h3{
  font-size:clamp(28px,2.4vw,42px);
  line-height:1.05;
}
#mesa-interativa-app .mi-create label,
#mesa-interativa-app .mi-repository label{
  display:grid;
  gap:7px;
  width:100%;
}
#mesa-interativa-app .mi-create input,
#mesa-interativa-app .mi-create select,
#mesa-interativa-app .mi-repository input,
#mesa-interativa-app .mi-repository select{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
#mesa-interativa-app .mi-primary{
  width:100%;
}
@media(max-width:1180px){
  #mesa-interativa-app .mi-start-grid{
    grid-template-columns:minmax(0,1fr) minmax(320px,.72fr) !important;
  }
}
@media(max-width:900px){
  #mesa-interativa-app .mi-start-grid{
    grid-template-columns:1fr !important;
  }
  #mesa-interativa-app .mi-start-main h2{
    max-width:none;
  }
}

/* 0.4.0 — session history */
#mesa-interativa-app .mi-history{margin:0 clamp(18px,2.6vw,38px) clamp(22px,3vw,44px);padding:clamp(18px,2vw,28px);background:#f4efe7;border:1px solid #d7cbbb}
#mesa-interativa-app .mi-history h3{margin:.25rem 0;font-size:clamp(26px,2.2vw,38px)}
#mesa-interativa-app .mi-history-list{display:grid;gap:8px;margin-top:16px}
#mesa-interativa-app .mi-history-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border-top:1px solid #ddd2c4;padding:13px 0}
#mesa-interativa-app .mi-history-info{display:grid;gap:3px;min-width:0}
#mesa-interativa-app .mi-history-info strong{font-size:1.02rem}
#mesa-interativa-app .mi-history-info small,#mesa-interativa-app .mi-usage{color:#81776d}
#mesa-interativa-app .mi-history-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
#mesa-interativa-app .mi-secondary{border:1px solid #c8baa7;background:transparent;padding:8px 11px;cursor:pointer}
#mesa-interativa-app .mi-danger-text{border:0;background:transparent;text-decoration:underline;padding:8px;cursor:pointer}
@media(max-width:760px){#mesa-interativa-app .mi-history-card{grid-template-columns:1fr}.mi-history-actions{justify-content:flex-start!important}}

/* 0.5.0 — private intake note + searchable history */
#mesa-interativa-app textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:110px}
#mesa-interativa-app .mi-history-head{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap}
#mesa-interativa-app .mi-history-tools{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
#mesa-interativa-app .mi-history-tools label{display:grid;gap:6px;min-width:180px}
#mesa-interativa-app .mi-private-note{margin-top:6px}
#mesa-interativa-app .mi-private-note summary{cursor:pointer;font-size:.88rem;text-decoration:underline;color:#6e655c}
#mesa-interativa-app .mi-private-note p{margin:.5rem 0 0;max-width:70ch;color:#5f574f;white-space:pre-wrap}

/* 0.6.0 — participant flow / anamnesis preparation */
#mesa-interativa-app .mi-flow{border:1px solid #d7cbbb;padding:14px;margin:4px 0 2px}
#mesa-interativa-app .mi-flow legend{padding:0 7px;font-size:.76rem;letter-spacing:.13em;font-weight:700}
#mesa-interativa-app .mi-flow-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
#mesa-interativa-app .mi-chip{display:inline-flex;padding:5px 8px;border:1px solid #d6cabd;background:#eee7de;font-size:.78rem;line-height:1.2}

/* 0.6.3 — created boards visible before new-board form */
#mesa-interativa-app .mi-history-top{
  margin:clamp(18px,2.6vw,38px) clamp(18px,2.6vw,38px) 0;
  background:#eee7dc;
  border:1px solid #cbbda9;
}
#mesa-interativa-app .mi-history-top .mi-history-list{
  max-height:360px;
  overflow:auto;
}
#mesa-interativa-app .mi-history-error{
  margin:12px 0 0;
  padding:12px 14px;
  border-left:3px solid #9c4f42;
  background:#f7e8e3;
  color:#7a342b;
}

/* 0.6.8 — Facilitator studio interface
   Applies only to the creation/history screen (.mi-start).
   The participant/session board keeps its own visual language. */

#mesa-interativa-app .mi-start{
  --studio-ink:#1c1a18;
  --studio-ink-soft:#2a2723;
  --studio-paper:#f4efe7;
  --studio-paper-2:#e8dfd2;
  --studio-line:#c8b9a5;
  --studio-bronze:#9b7450;
  --studio-muted:#74695c;
  background:var(--studio-ink) !important;
  color:var(--studio-paper);
  padding-bottom:clamp(26px,4vw,60px);
}

#mesa-interativa-app .mi-start .mi-header{
  background:transparent;
  color:var(--studio-paper);
  border-bottom:1px solid rgba(244,239,231,.16);
  padding-top:24px;
  padding-bottom:24px;
}

#mesa-interativa-app .mi-start .mi-identity{
  font-family:Georgia,serif;
  letter-spacing:.01em;
}

#mesa-interativa-app .mi-start .mi-live{
  color:#c9b69f;
}

#mesa-interativa-app .mi-start .mi-history-top{
  background:var(--studio-paper-2);
  color:var(--studio-ink);
  border:0;
  border-left:5px solid var(--studio-bronze);
  margin-top:clamp(22px,3vw,42px);
  padding:clamp(22px,2.4vw,34px);
}

#mesa-interativa-app .mi-start .mi-history-top h3,
#mesa-interativa-app .mi-start .mi-start-main h2,
#mesa-interativa-app .mi-start .mi-repository h3{
  font-family:Georgia,serif;
  font-weight:400;
}

#mesa-interativa-app .mi-start .mi-history-top .mi-overline,
#mesa-interativa-app .mi-start .mi-start-main .mi-overline,
#mesa-interativa-app .mi-start .mi-repository .mi-overline{
  color:var(--studio-bronze);
  letter-spacing:.16em;
}

#mesa-interativa-app .mi-start .mi-start-grid{
  gap:clamp(22px,3vw,46px) !important;
  padding-top:clamp(24px,3vw,44px);
}

#mesa-interativa-app .mi-start .mi-start-main{
  background:var(--studio-paper);
  color:var(--studio-ink);
  border:0;
  border-top:6px solid var(--studio-bronze);
  padding:clamp(24px,2.6vw,38px);
}

#mesa-interativa-app .mi-start .mi-repository{
  background:var(--studio-ink-soft);
  color:var(--studio-paper);
  border:1px solid rgba(244,239,231,.14);
  padding:clamp(24px,2.6vw,34px);
}

#mesa-interativa-app .mi-start .mi-repository p,
#mesa-interativa-app .mi-start .mi-repository .mi-muted,
#mesa-interativa-app .mi-start .mi-repository small{
  color:#cdbfae;
}

#mesa-interativa-app .mi-start .mi-start-main p,
#mesa-interativa-app .mi-start .mi-start-main .mi-muted{
  color:var(--studio-muted);
}

#mesa-interativa-app .mi-start label{
  letter-spacing:.01em;
}

#mesa-interativa-app .mi-start .mi-start-main input:not([type=color]):not([type=file]):not([type=range]),
#mesa-interativa-app .mi-start .mi-start-main select,
#mesa-interativa-app .mi-start .mi-start-main textarea,
#mesa-interativa-app .mi-start .mi-history-top input,
#mesa-interativa-app .mi-start .mi-history-top select{
  border:0;
  border-bottom:1px solid var(--studio-line);
  border-radius:0;
  background:#fbf8f2;
  color:var(--studio-ink);
  padding-left:10px;
  padding-right:10px;
}

#mesa-interativa-app .mi-start .mi-repository input:not([type=color]):not([type=file]):not([type=range]),
#mesa-interativa-app .mi-start .mi-repository select{
  background:#24211e;
  color:var(--studio-paper);
  border:1px solid #5a5046;
  border-radius:0;
}

#mesa-interativa-app .mi-start .mi-primary{
  background:var(--studio-bronze);
  border-color:var(--studio-bronze);
  color:#fff;
  border-radius:0;
  min-height:50px;
  letter-spacing:.045em;
}

#mesa-interativa-app .mi-start .mi-primary:hover{
  background:#815d3d;
  border-color:#815d3d;
}

#mesa-interativa-app .mi-start .mi-flow{
  border:0;
  border-left:2px solid var(--studio-bronze);
  background:#eee6db;
  padding:18px 18px 16px 20px;
}

#mesa-interativa-app .mi-start .mi-flow legend{
  color:var(--studio-bronze);
  background:var(--studio-paper);
}

#mesa-interativa-app .mi-start .mi-repo-tabs{
  border-bottom:1px solid rgba(244,239,231,.16);
  padding-bottom:10px;
}

#mesa-interativa-app .mi-start .mi-tab{
  border:0;
  border-bottom:1px solid transparent;
  color:#d8cbbb;
  background:transparent;
  padding:9px 4px;
  margin-right:12px;
}

#mesa-interativa-app .mi-start .mi-tab.is-active{
  background:transparent;
  color:#fff;
  border-bottom-color:var(--studio-bronze);
}

#mesa-interativa-app .mi-start .mi-file{
  background:transparent;
  color:var(--studio-paper);
  border:1px solid #6d6053;
  border-radius:0;
}

#mesa-interativa-app .mi-start .mi-repo-row{
  border-top-color:rgba(244,239,231,.12);
}

#mesa-interativa-app .mi-start .mi-icon-text,
#mesa-interativa-app .mi-start .mi-danger-text{
  color:inherit;
}

#mesa-interativa-app .mi-start .mi-history-card{
  border-top-color:#cfc1ae;
}

#mesa-interativa-app .mi-start .mi-secondary{
  border-color:#aa957d;
  background:transparent;
  border-radius:0;
}

#mesa-interativa-app .mi-start .mi-chip{
  background:#f5efe7;
  border-color:#cdbda9;
  color:#493e34;
}

@media(max-width:900px){
  #mesa-interativa-app .mi-start{
    padding-bottom:24px;
  }
  #mesa-interativa-app .mi-start .mi-history-top{
    margin-left:16px;
    margin-right:16px;
  }
}

/* 0.6.9 — cleaner plugin settings */
.mi-settings-wrap{
  max-width:920px;
}
.mi-settings-wrap h1{
  font-family:Georgia,serif;
  font-weight:400;
  margin-bottom:6px;
}
.mi-settings-lead{
  font-size:15px;
  color:#6f655a;
  margin:0 0 26px;
}
.mi-settings-wrap .form-table{
  background:#f6f1e9;
  border-top:4px solid #9b7450;
  padding:18px 24px;
}
.mi-settings-wrap .form-table th{
  color:#28231f;
  font-weight:600;
}
.mi-settings-wrap .description{
  color:#796d61;
}
.mi-advanced{
  margin:28px 0 0;
  padding:12px 0;
  border-top:1px solid #d7cec3;
  color:#6f655a;
}
.mi-advanced summary{
  cursor:pointer;
  font-weight:600;
  color:#4f453b;
}

/* 0.7.0 — unify settings with facilitator studio */
.mi-settings-wrap{
  max-width:none !important;
  margin:0 !important;
  padding:28px 34px 42px !important;
  background:#1c1a18 !important;
  color:#f4efe7 !important;
  min-height:100%;
}
.mi-settings-wrap h1{
  color:#f4efe7 !important;
  font-family:Georgia,serif !important;
  font-size:34px !important;
  font-weight:400 !important;
  margin:0 0 8px !important;
}
.mi-settings-lead,
.mi-settings-wrap > p{
  color:#cdbfae !important;
}
.mi-settings-wrap .form-table{
  width:100%;
  max-width:980px;
  background:#24211e !important;
  border:1px solid rgba(244,239,231,.12) !important;
  border-top:5px solid #9b7450 !important;
  padding:24px 26px !important;
  margin-top:24px !important;
}
.mi-settings-wrap .form-table th,
.mi-settings-wrap .form-table td,
.mi-settings-wrap label{
  color:#f4efe7 !important;
}
.mi-settings-wrap .form-table th{
  font-family:Georgia,serif;
  font-weight:400;
  font-size:17px;
}
.mi-settings-wrap input[type="text"],
.mi-settings-wrap input[type="url"],
.mi-settings-wrap input[type="email"],
.mi-settings-wrap select,
.mi-settings-wrap textarea{
  background:#1c1a18 !important;
  color:#f4efe7 !important;
  border:1px solid #5a5046 !important;
  border-radius:0 !important;
}
.mi-settings-wrap input[type="color"]{
  background:#1c1a18 !important;
  border:1px solid #5a5046 !important;
}
.mi-settings-wrap .button-primary{
  background:#9b7450 !important;
  border-color:#9b7450 !important;
  color:#fff !important;
  border-radius:0 !important;
  min-height:46px;
  padding:0 22px !important;
  box-shadow:none !important;
}
.mi-settings-wrap .button-primary:hover,
.mi-settings-wrap .button-primary:focus{
  background:#815d3d !important;
  border-color:#815d3d !important;
}
.mi-settings-wrap .description{
  color:#a99a89 !important;
}
.mi-settings-wrap .mi-advanced{
  max-width:980px;
  margin:18px 0 8px !important;
  padding:12px 0 !important;
  border-top:1px solid rgba(244,239,231,.14) !important;
  color:#cdbfae !important;
}
.mi-settings-wrap .mi-advanced summary{
  color:#d8cbbb !important;
  font-family:Georgia,serif;
  font-size:16px;
}
.mi-settings-wrap input[type="checkbox"]{
  accent-color:#9b7450;
}

/* 0.7.1 — make the whole plugin admin canvas part of the studio */
body.toplevel_page_mesa-interativa #wpcontent,
body.toplevel_page_mesa-interativa #wpbody,
body.toplevel_page_mesa-interativa #wpbody-content{
  background:#1c1a18 !important;
}

body.toplevel_page_mesa-interativa #wpbody-content{
  padding-bottom:0 !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap{
  box-sizing:border-box;
  width:auto;
  min-height:100%;
  margin:0 !important;
  padding:30px 34px 44px !important;
  background:#1c1a18 !important;
  color:#f4efe7 !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap h1{
  color:#f4efe7 !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap > p{
  color:#cdbfae !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .mi-advanced{
  border-color:rgba(244,239,231,.14) !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .mi-advanced summary{
  color:#d8cbbb !important;
}

/* 0.8.0 — visual redesign: modern, minimal, elegant, and clearer labels */

/* Shared design tokens */
#mesa-interativa-app,
.mi-settings-wrap{
  --mi-bg:#171513;
  --mi-surface:#f4efe7;
  --mi-surface-2:#efe7dc;
  --mi-surface-3:#fbf8f3;
  --mi-text:#221e1a;
  --mi-text-soft:#6f655b;
  --mi-line:#ddd1c3;
  --mi-line-strong:#cbb79f;
  --mi-accent:#a47a53;
  --mi-accent-deep:#8a6543;
  --mi-accent-soft:#eadfce;
  --mi-dark:#1c1a18;
  --mi-shadow:0 18px 50px rgba(0,0,0,.10);
  --mi-radius:18px;
  --mi-radius-sm:12px;
}

/* Make the admin page feel like part of the experience */
body.toplevel_page_mesa-interativa #wpcontent,
body.toplevel_page_mesa-interativa #wpbody,
body.toplevel_page_mesa-interativa #wpbody-content{
  background:var(--mi-bg) !important;
}

body.toplevel_page_mesa-interativa #wpbody-content{
  padding-bottom:0 !important;
}

/* SETTINGS AREA */
body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap{
  width:auto;
  margin:0 !important;
  padding:34px 34px 10px !important;
  background:var(--mi-bg) !important;
  color:#f4efe7 !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap h1{
  margin:0 0 8px !important;
  color:#f4efe7 !important;
  font-family:Georgia,serif !important;
  font-weight:400 !important;
  font-size:34px !important;
  letter-spacing:-.01em;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .mi-settings-lead,
body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap > p{
  color:#bdaa95 !important;
  max-width:780px;
  margin:0 0 24px !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .form-table{
  width:min(100%,1100px);
  box-sizing:border-box;
  margin:0 0 24px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.04) !important;
  box-shadow:var(--mi-shadow);
  padding:26px 28px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .form-table th,
body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .form-table td{
  color:#f4efe7 !important;
  vertical-align:top;
  padding-top:14px;
  padding-bottom:14px;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .form-table th{
  width:260px;
  font-size:15px;
  font-weight:600;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap input[type="text"],
body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap input[type="url"],
body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap input[type="email"],
body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap textarea,
body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap select{
  min-height:46px;
  width:min(100%,540px);
  background:rgba(255,255,255,.05) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:14px !important;
  padding:10px 14px !important;
  box-shadow:none !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap input[type="color"]{
  width:58px;
  height:40px;
  padding:3px;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.15) !important;
  background:rgba(255,255,255,.05) !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .button-primary{
  min-height:46px;
  padding:0 20px !important;
  border-radius:999px !important;
  background:var(--mi-accent) !important;
  border-color:var(--mi-accent) !important;
  color:#fff !important;
  box-shadow:none !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .button-primary:hover,
body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .button-primary:focus{
  background:var(--mi-accent-deep) !important;
  border-color:var(--mi-accent-deep) !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .description{
  color:#bdaa95 !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .mi-advanced{
  width:min(100%,1100px);
  margin:0 0 24px !important;
  padding:12px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.1) !important;
  color:#cdbcab !important;
}

body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap .mi-advanced summary{
  cursor:pointer;
  color:#f0e6d8 !important;
  font-weight:600;
}

/* CREATION / HISTORY / LIBRARY */
#mesa-interativa-app .mi-start{
  background:var(--mi-bg) !important;
  color:#f4efe7;
  padding-bottom:50px;
}

#mesa-interativa-app .mi-start .mi-shell,
#mesa-interativa-app .mi-shell.mi-start{
  width:min(100%,1680px) !important;
}

#mesa-interativa-app .mi-start .mi-header{
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#f4efe7;
  padding:28px 38px 24px !important;
}

#mesa-interativa-app .mi-start .mi-identity{
  font-family:Georgia,serif;
  font-weight:400;
  font-size:clamp(34px,3.4vw,56px) !important;
  letter-spacing:-.02em;
}

#mesa-interativa-app .mi-start .mi-live{
  color:#cdbba8;
  font-size:15px;
}

/* History block */
#mesa-interativa-app .mi-history-top{
  margin:26px 38px 0 !important;
  padding:26px 30px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:24px !important;
  color:#f4efe7 !important;
  box-shadow:var(--mi-shadow);
}

#mesa-interativa-app .mi-history-top .mi-overline{
  color:#d2b08a !important;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:700;
}

#mesa-interativa-app .mi-history-top h3{
  margin:.3rem 0 .2rem;
  color:#fff;
  font-family:Georgia,serif;
  font-weight:400;
  font-size:clamp(26px,2vw,36px);
}

#mesa-interativa-app .mi-history-top .mi-muted{
  color:#bcab98 !important;
}

#mesa-interativa-app .mi-history-tools{
  gap:12px !important;
}

#mesa-interativa-app .mi-history-tools label{
  display:grid;
  gap:6px;
  color:#e8ddcf !important;
  font-size:13px;
  font-weight:600;
}

#mesa-interativa-app .mi-history-tools input,
#mesa-interativa-app .mi-history-tools select{
  min-height:44px;
  background:rgba(255,255,255,.05) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:12px !important;
  padding:10px 14px !important;
}

#mesa-interativa-app .mi-history-card{
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:18px;
  padding:16px 0 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

#mesa-interativa-app .mi-history-info strong{
  color:#fff;
  font-size:16px;
}

#mesa-interativa-app .mi-history-info small{
  color:#b8a794 !important;
}

#mesa-interativa-app .mi-secondary{
  min-height:40px;
  padding:0 14px;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.03) !important;
  color:#fff !important;
}

#mesa-interativa-app .mi-danger-text{
  min-height:40px;
  border-radius:999px;
  color:#f1d8d0 !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  padding:0 14px !important;
}

/* main creation + library as elegant light cards */
#mesa-interativa-app .mi-start-grid{
  gap:24px !important;
  padding:24px 38px 0 !important;
  grid-template-columns:minmax(720px,1.35fr) minmax(360px,.65fr) !important;
}

#mesa-interativa-app .mi-start-main,
#mesa-interativa-app .mi-repository{
  border-radius:24px !important;
  box-shadow:var(--mi-shadow);
  padding:30px 32px !important;
  border:0 !important;
}

#mesa-interativa-app .mi-start-main{
  background:var(--mi-surface) !important;
  color:var(--mi-text) !important;
}

#mesa-interativa-app .mi-repository{
  background:var(--mi-surface-2) !important;
  color:var(--mi-text) !important;
}

#mesa-interativa-app .mi-start-main h2,
#mesa-interativa-app .mi-repository h3{
  color:var(--mi-text) !important;
  font-family:Georgia,serif;
  font-weight:400;
  letter-spacing:-.02em;
}

#mesa-interativa-app .mi-start-main h2{
  font-size:clamp(34px,3vw,52px) !important;
  line-height:1.02 !important;
  max-width:11ch;
}

#mesa-interativa-app .mi-repository h3{
  font-size:clamp(26px,2.2vw,38px);
  margin:.25rem 0 .35rem;
}

#mesa-interativa-app .mi-start-main .mi-overline,
#mesa-interativa-app .mi-repository .mi-overline{
  color:var(--mi-accent) !important;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
}

#mesa-interativa-app .mi-start-main p,
#mesa-interativa-app .mi-repository p,
#mesa-interativa-app .mi-start-main .mi-muted,
#mesa-interativa-app .mi-repository .mi-muted,
#mesa-interativa-app .mi-repository small{
  color:var(--mi-text-soft) !important;
}

#mesa-interativa-app .mi-start label,
#mesa-interativa-app .mi-repository label{
  color:var(--mi-text) !important;
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
}

#mesa-interativa-app .mi-start input:not([type=color]):not([type=range]):not([type=file]),
#mesa-interativa-app .mi-start select,
#mesa-interativa-app .mi-start textarea{
  min-height:48px;
  background:var(--mi-surface-3) !important;
  color:var(--mi-text) !important;
  border:1px solid var(--mi-line) !important;
  border-radius:14px !important;
  padding:12px 14px !important;
  box-shadow:none !important;
}

#mesa-interativa-app .mi-start textarea{
  min-height:132px;
  resize:vertical;
}

#mesa-interativa-app .mi-start input::placeholder,
#mesa-interativa-app .mi-start textarea::placeholder{
  color:#998d80;
}

#mesa-interativa-app .mi-flow{
  background:var(--mi-surface-2) !important;
  border:1px solid var(--mi-line) !important;
  border-radius:18px !important;
  padding:22px 22px 18px !important;
  margin-top:6px !important;
}

#mesa-interativa-app .mi-flow legend{
  color:var(--mi-accent) !important;
  background:var(--mi-surface) !important;
  padding:0 10px !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.16em;
}

#mesa-interativa-app .mi-flow label{
  color:var(--mi-text) !important;
}

#mesa-interativa-app .mi-flow select,
#mesa-interativa-app .mi-flow input,
#mesa-interativa-app .mi-flow textarea{
  background:#fffdf9 !important;
  color:var(--mi-text) !important;
  border-color:var(--mi-line) !important;
}

#mesa-interativa-app .mi-primary{
  min-height:50px;
  border-radius:999px !important;
  border:0 !important;
  background:var(--mi-accent) !important;
  color:#fff !important;
  letter-spacing:.02em;
  font-weight:600;
}

#mesa-interativa-app .mi-primary:hover{
  background:var(--mi-accent-deep) !important;
}

#mesa-interativa-app .mi-repo-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  border-bottom:0 !important;
  padding-bottom:0 !important;
  margin-bottom:12px;
}

#mesa-interativa-app .mi-tab{
  min-height:38px;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid transparent !important;
  background:rgba(0,0,0,.03) !important;
  color:var(--mi-text-soft) !important;
}

#mesa-interativa-app .mi-tab.is-active{
  background:#fff !important;
  color:var(--mi-text) !important;
  border-color:var(--mi-line-strong) !important;
}

#mesa-interativa-app .mi-file{
  border:1px dashed var(--mi-line-strong) !important;
  border-radius:16px !important;
  padding:16px !important;
  background:rgba(255,255,255,.4) !important;
  color:var(--mi-text) !important;
}

#mesa-interativa-app .mi-repo-row{
  border-top:1px solid rgba(34,30,26,.08) !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}

#mesa-interativa-app .mi-chip{
  background:#fff !important;
  color:var(--mi-text) !important;
  border:1px solid var(--mi-line) !important;
  border-radius:999px !important;
  padding:6px 10px !important;
}

#mesa-interativa-app .mi-private-note summary{
  color:var(--mi-accent-deep) !important;
  text-decoration:none !important;
  font-weight:600;
}

#mesa-interativa-app .mi-private-note p{
  color:var(--mi-text-soft) !important;
}

#mesa-interativa-app .mi-error{
  margin:18px 38px 0 !important;
  border-radius:16px !important;
  border-left:0 !important;
  border:1px solid #e2b7ac !important;
  background:#fff0ec !important;
  color:#8a4236 !important;
  padding:14px 16px !important;
}

/* small polish for date/calendar controls visibility */
#mesa-interativa-app input[type="date"]{
  color:var(--mi-text) !important;
}

/* Responsive */
@media(max-width:1200px){
  #mesa-interativa-app .mi-start-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:900px){
  body.toplevel_page_mesa-interativa .wrap.mi-settings-wrap{
    padding:22px 18px 10px !important;
  }
  #mesa-interativa-app .mi-start .mi-header{
    padding:22px 18px 20px !important;
  }
  #mesa-interativa-app .mi-history-top{
    margin-left:18px !important;
    margin-right:18px !important;
    padding:20px !important;
  }
  #mesa-interativa-app .mi-start-grid{
    padding:20px 18px 0 !important;
  }
  #mesa-interativa-app .mi-start-main,
  #mesa-interativa-app .mi-repository{
    padding:22px 20px !important;
  }
}

/* ==========================================================
   0.9.0 — ACERVO / ANA SIEBEN visual system
   Monochrome, editorial, modern. Independent black/white modes.
   ========================================================== */

#mesa-interativa-app,
.mi-settings-wrap{
  --mi-font-display: Georgia, "Times New Roman", serif;
  --mi-font-ui: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --mi-radius: 0px;
  --mi-ease: cubic-bezier(.2,.7,.2,1);
}

/* Theme tokens */
#mesa-interativa-app .mi-theme-black,
.mi-settings-wrap.mi-theme-black{
  --mi-bg:#090909;
  --mi-bg-2:#111111;
  --mi-card:#121212;
  --mi-card-2:#181818;
  --mi-field:#0d0d0d;
  --mi-text:#f7f7f3;
  --mi-muted:#969696;
  --mi-line:#2b2b2b;
  --mi-line-soft:#202020;
  --mi-contrast:#ffffff;
  --mi-contrast-text:#000000;
}
#mesa-interativa-app .mi-theme-white,
.mi-settings-wrap.mi-theme-white{
  --mi-bg:#f8f8f5;
  --mi-bg-2:#ffffff;
  --mi-card:#ffffff;
  --mi-card-2:#f2f2ef;
  --mi-field:#ffffff;
  --mi-text:#111111;
  --mi-muted:#757575;
  --mi-line:#d9d9d5;
  --mi-line-soft:#e9e9e5;
  --mi-contrast:#111111;
  --mi-contrast-text:#ffffff;
}

/* No fake-plugin card look: editorial planes, hairlines, whitespace */
#mesa-interativa-app .mi-shell{
  font-family:var(--mi-font-ui);
  background:var(--mi-bg);
  color:var(--mi-text);
  max-width:none !important;
  width:100% !important;
}

#mesa-interativa-app .mi-header{
  background:var(--mi-bg) !important;
  color:var(--mi-text) !important;
  border:0 !important;
  border-bottom:1px solid var(--mi-line) !important;
  padding:34px 4vw 28px !important;
}

#mesa-interativa-app .mi-identity{
  font-family:var(--mi-font-display) !important;
  font-weight:400 !important;
  letter-spacing:-.035em !important;
  color:var(--mi-text) !important;
}

#mesa-interativa-app .mi-live,
#mesa-interativa-app .mi-muted{
  color:var(--mi-muted) !important;
}

#mesa-interativa-app .mi-overline{
  color:var(--mi-muted) !important;
  font-size:11px !important;
  line-height:1.2;
  font-weight:600 !important;
  letter-spacing:.18em !important;
}

/* Creation */
#mesa-interativa-app .mi-start-grid{
  padding:34px 4vw 56px !important;
  gap:clamp(34px,5vw,80px) !important;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr) !important;
  background:var(--mi-bg);
}

#mesa-interativa-app .mi-start-main,
#mesa-interativa-app .mi-repository,
#mesa-interativa-app .mi-history-top{
  background:transparent !important;
  color:var(--mi-text) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#mesa-interativa-app .mi-start-main{
  padding:0 !important;
}

#mesa-interativa-app .mi-repository{
  padding:0 0 0 clamp(24px,3vw,48px) !important;
  border-left:1px solid var(--mi-line) !important;
}

#mesa-interativa-app .mi-start-main h2,
#mesa-interativa-app .mi-repository h3,
#mesa-interativa-app .mi-history-top h3{
  font-family:var(--mi-font-display) !important;
  color:var(--mi-text) !important;
  font-weight:400 !important;
  letter-spacing:-.035em !important;
}

#mesa-interativa-app .mi-start-main h2{
  font-size:clamp(46px,5vw,82px) !important;
  line-height:.95 !important;
  max-width:10ch;
  margin:.35em 0 .35em !important;
}

#mesa-interativa-app .mi-repository h3{
  font-size:clamp(30px,3vw,48px) !important;
  margin:.35em 0 .25em !important;
}

#mesa-interativa-app .mi-start-main p,
#mesa-interativa-app .mi-repository p,
#mesa-interativa-app .mi-repository small{
  color:var(--mi-muted) !important;
}

/* History becomes a thin editorial band */
#mesa-interativa-app .mi-history-top{
  margin:0 !important;
  padding:34px 4vw !important;
  border-bottom:1px solid var(--mi-line) !important;
}

#mesa-interativa-app .mi-history-head{
  align-items:end !important;
  gap:28px;
}

#mesa-interativa-app .mi-history-tools{
  display:flex;
  align-items:end;
  gap:10px !important;
}

#mesa-interativa-app .mi-history-card{
  padding:18px 0 !important;
  border-top:1px solid var(--mi-line) !important;
  color:var(--mi-text);
}

#mesa-interativa-app .mi-history-info strong{
  color:var(--mi-text) !important;
}

#mesa-interativa-app .mi-history-info small{
  color:var(--mi-muted) !important;
}

/* Inputs: gallery/catalogue style */
#mesa-interativa-app .mi-start label,
#mesa-interativa-app .mi-repository label{
  display:grid;
  gap:8px;
  color:var(--mi-muted) !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
}

#mesa-interativa-app .mi-start input:not([type=color]):not([type=range]):not([type=file]),
#mesa-interativa-app .mi-start select,
#mesa-interativa-app .mi-start textarea{
  box-sizing:border-box;
  width:100%;
  min-height:52px;
  border:0 !important;
  border-bottom:1px solid var(--mi-line) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--mi-text) !important;
  font-size:16px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none;
  padding:10px 0 !important;
  box-shadow:none !important;
}

#mesa-interativa-app .mi-start select option{
  background:var(--mi-bg-2);
  color:var(--mi-text);
}

#mesa-interativa-app .mi-start textarea{
  min-height:120px;
  border:1px solid var(--mi-line) !important;
  padding:16px !important;
}

#mesa-interativa-app .mi-start input::placeholder,
#mesa-interativa-app .mi-start textarea::placeholder{
  color:var(--mi-muted);
  opacity:.75;
}

/* Participant flow: no beige fieldset, no old-plugin appearance */
#mesa-interativa-app .mi-flow{
  margin:28px 0 8px !important;
  padding:28px 0 !important;
  background:transparent !important;
  color:var(--mi-text) !important;
  border:0 !important;
  border-top:1px solid var(--mi-line) !important;
  border-bottom:1px solid var(--mi-line) !important;
  border-radius:0 !important;
}

#mesa-interativa-app .mi-flow legend{
  background:var(--mi-bg) !important;
  color:var(--mi-text) !important;
  padding:0 14px 0 0 !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.18em !important;
}

#mesa-interativa-app .mi-flow label{
  color:var(--mi-muted) !important;
}

#mesa-interativa-app .mi-flow input,
#mesa-interativa-app .mi-flow select,
#mesa-interativa-app .mi-flow textarea{
  color:var(--mi-text) !important;
  background:transparent !important;
}

/* Actions */
#mesa-interativa-app .mi-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px !important;
  border:1px solid var(--mi-contrast) !important;
  border-radius:0 !important;
  background:var(--mi-contrast) !important;
  color:var(--mi-contrast-text) !important;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:none !important;
  transition:opacity .2s var(--mi-ease);
}

#mesa-interativa-app .mi-primary:hover{
  opacity:.78;
  background:var(--mi-contrast) !important;
}

#mesa-interativa-app .mi-secondary,
#mesa-interativa-app .mi-icon-text,
#mesa-interativa-app .mi-danger-text{
  min-height:38px;
  border:0 !important;
  border-bottom:1px solid var(--mi-line) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--mi-text) !important;
  box-shadow:none !important;
}

#mesa-interativa-app .mi-chip{
  padding:5px 0 !important;
  margin-right:14px;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  color:var(--mi-muted) !important;
}

/* Repository tabs */
#mesa-interativa-app .mi-repo-tabs{
  gap:18px !important;
  border-bottom:1px solid var(--mi-line) !important;
}
#mesa-interativa-app .mi-tab{
  min-height:42px;
  padding:0 !important;
  border:0 !important;
  border-bottom:1px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--mi-muted) !important;
}
#mesa-interativa-app .mi-tab.is-active{
  color:var(--mi-text) !important;
  border-bottom-color:var(--mi-text) !important;
}
#mesa-interativa-app .mi-file{
  border:1px dashed var(--mi-line) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--mi-text) !important;
}

/* Room: board becomes the artwork, controls become a quiet right rail */
#mesa-interativa-app .mi-layout{
  width:100%;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) clamp(300px,22vw,390px) !important;
  gap:0 !important;
  background:var(--mi-bg);
  color:var(--mi-text);
  align-items:start;
}

#mesa-interativa-app .mi-canvas{
  min-width:0;
  padding:clamp(20px,2.4vw,38px) !important;
  background:var(--mi-bg);
  border-right:1px solid var(--mi-line);
}

#mesa-interativa-app .mi-board{
  width:100% !important;
  max-width:none !important;
  aspect-ratio:16 / 9;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#fff;
}

#mesa-interativa-app .mi-panel{
  width:auto !important;
  min-width:0;
  padding:clamp(22px,2.4vw,36px) !important;
  background:var(--mi-bg) !important;
  color:var(--mi-text) !important;
  border:0 !important;
}

#mesa-interativa-app .mi-panel .mi-section{
  padding:22px 0 !important;
  border:0 !important;
  border-top:1px solid var(--mi-line) !important;
  background:transparent !important;
  color:var(--mi-text);
}

#mesa-interativa-app .mi-panel label{
  color:var(--mi-muted) !important;
}

#mesa-interativa-app .mi-panel input:not([type=range]):not([type=file]),
#mesa-interativa-app .mi-panel select,
#mesa-interativa-app .mi-panel textarea{
  background:transparent !important;
  color:var(--mi-text) !important;
  border:0 !important;
  border-bottom:1px solid var(--mi-line) !important;
  border-radius:0 !important;
}

#mesa-interativa-app .mi-panel select option{
  background:var(--mi-bg-2);
  color:var(--mi-text);
}

/* Settings: same system, not a WordPress-looking island */
body.toplevel_page_mesa-interativa #wpcontent,
body.toplevel_page_mesa-interativa #wpbody,
body.toplevel_page_mesa-interativa #wpbody-content{
  background:#090909 !important;
}
body.toplevel_page_mesa-interativa .mi-settings-wrap.mi-theme-white{
  background:#f8f8f5 !important;
}
body.toplevel_page_mesa-interativa .mi-settings-wrap.mi-theme-black{
  background:#090909 !important;
}

.mi-settings-wrap{
  box-sizing:border-box;
  width:auto !important;
  max-width:none !important;
  min-height:100%;
  margin:0 !important;
  padding:40px 4vw 64px !important;
  font-family:var(--mi-font-ui);
  background:var(--mi-bg) !important;
  color:var(--mi-text) !important;
}
.mi-settings-wrap h1{
  margin:0 0 8px !important;
  color:var(--mi-text) !important;
  font-family:var(--mi-font-display) !important;
  font-size:clamp(42px,4vw,68px) !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:-.04em;
}
.mi-settings-wrap .mi-settings-lead,
.mi-settings-wrap > p,
.mi-settings-wrap .description{
  color:var(--mi-muted) !important;
}

.mi-settings-wrap form{
  max-width:980px;
  margin-top:34px;
}

.mi-settings-wrap form > p{
  margin:0 !important;
  padding:20px 0 !important;
  border-top:1px solid var(--mi-line);
}

.mi-settings-wrap form > p label{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:24px;
  align-items:center;
  color:var(--mi-text) !important;
}

.mi-settings-wrap input[type="text"],
.mi-settings-wrap input[type="url"],
.mi-settings-wrap input[type="email"],
.mi-settings-wrap select,
.mi-settings-wrap textarea{
  width:100%;
  min-height:50px;
  background:transparent !important;
  color:var(--mi-text) !important;
  border:0 !important;
  border-bottom:1px solid var(--mi-line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.mi-settings-wrap input[type="color"]{
  width:72px;
  height:44px;
  padding:0;
  background:transparent !important;
  border:1px solid var(--mi-line) !important;
  border-radius:0 !important;
}

.mi-settings-wrap .button-primary{
  margin-top:16px !important;
  min-height:50px;
  padding:0 24px !important;
  background:var(--mi-contrast) !important;
  border:1px solid var(--mi-contrast) !important;
  color:var(--mi-contrast-text) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:12px;
}

.mi-settings-wrap .mi-advanced{
  max-width:980px;
  margin:26px 0 0 !important;
  padding:18px 0 !important;
  border-top:1px solid var(--mi-line) !important;
  border-bottom:1px solid var(--mi-line) !important;
  color:var(--mi-muted) !important;
}
.mi-settings-wrap .mi-advanced summary{
  color:var(--mi-text) !important;
}

/* Visual mode selectors */
.mi-theme-settings{
  max-width:980px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  margin:22px 0 0;
  background:var(--mi-line);
  border:1px solid var(--mi-line);
}
.mi-theme-settings > div{
  background:var(--mi-bg);
  padding:22px;
}
.mi-setting-label{
  display:block;
  color:var(--mi-text);
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.mi-theme-choice{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.mi-theme-choice label{
  display:block !important;
  cursor:pointer;
}
.mi-theme-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.mi-theme-swatch{
  display:grid;
  min-height:76px;
  align-content:center;
  gap:3px;
  padding:14px;
  border:1px solid var(--mi-line);
  transition:border-color .18s var(--mi-ease), transform .18s var(--mi-ease);
}
.mi-theme-swatch.mi-black{
  background:#0b0b0b;
  color:#fff;
  border-color:#333;
}
.mi-theme-swatch.mi-white{
  background:#fff;
  color:#111;
  border-color:#ddd;
}
.mi-theme-swatch small{
  opacity:.55;
}
.mi-theme-choice input:checked + .mi-theme-swatch{
  outline:2px solid var(--mi-text);
  outline-offset:2px;
}

/* Mobile */
@media(max-width:1100px){
  #mesa-interativa-app .mi-start-grid{
    grid-template-columns:1fr !important;
  }
  #mesa-interativa-app .mi-repository{
    padding:34px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid var(--mi-line) !important;
  }
  #mesa-interativa-app .mi-layout{
    grid-template-columns:1fr !important;
  }
  #mesa-interativa-app .mi-canvas{
    border-right:0;
    border-bottom:1px solid var(--mi-line);
  }
}
@media(max-width:720px){
  #mesa-interativa-app .mi-header,
  #mesa-interativa-app .mi-history-top,
  #mesa-interativa-app .mi-start-grid{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  #mesa-interativa-app .mi-start-main h2{
    font-size:clamp(40px,13vw,62px) !important;
  }
  .mi-theme-settings{
    grid-template-columns:1fr;
  }
  .mi-settings-wrap form > p label{
    grid-template-columns:1fr;
    gap:10px;
  }
}

/* ==========================================================
   0.9.1 — theme switch must control the entire experience.
   Overrides legacy studio colors left by earlier versions.
   ========================================================== */

#mesa-interativa-app .mi-start.mi-theme-white,
#mesa-interativa-app .mi-shell.mi-theme-white,
#mesa-interativa-app .mi-theme-white .mi-header,
#mesa-interativa-app .mi-theme-white .mi-history-top,
#mesa-interativa-app .mi-theme-white .mi-start-grid,
#mesa-interativa-app .mi-theme-white .mi-start-main,
#mesa-interativa-app .mi-theme-white .mi-repository,
#mesa-interativa-app .mi-theme-white .mi-layout,
#mesa-interativa-app .mi-theme-white .mi-canvas,
#mesa-interativa-app .mi-theme-white .mi-panel{
  background:#f8f8f5 !important;
  color:#111111 !important;
}

#mesa-interativa-app .mi-start.mi-theme-black,
#mesa-interativa-app .mi-shell.mi-theme-black,
#mesa-interativa-app .mi-theme-black .mi-header,
#mesa-interativa-app .mi-theme-black .mi-history-top,
#mesa-interativa-app .mi-theme-black .mi-start-grid,
#mesa-interativa-app .mi-theme-black .mi-start-main,
#mesa-interativa-app .mi-theme-black .mi-repository,
#mesa-interativa-app .mi-theme-black .mi-layout,
#mesa-interativa-app .mi-theme-black .mi-canvas,
#mesa-interativa-app .mi-theme-black .mi-panel{
  background:#090909 !important;
  color:#f7f7f3 !important;
}

/* WHITE — typography / rules / fields */
#mesa-interativa-app .mi-theme-white .mi-identity,
#mesa-interativa-app .mi-theme-white h2,
#mesa-interativa-app .mi-theme-white h3,
#mesa-interativa-app .mi-theme-white strong,
#mesa-interativa-app .mi-theme-white label,
#mesa-interativa-app .mi-theme-white .mi-flow legend,
#mesa-interativa-app .mi-theme-white .mi-history-info strong{
  color:#111111 !important;
}

#mesa-interativa-app .mi-theme-white .mi-muted,
#mesa-interativa-app .mi-theme-white .mi-live,
#mesa-interativa-app .mi-theme-white .mi-overline,
#mesa-interativa-app .mi-theme-white small,
#mesa-interativa-app .mi-theme-white p{
  color:#77736d !important;
}

#mesa-interativa-app .mi-theme-white .mi-header,
#mesa-interativa-app .mi-theme-white .mi-history-top,
#mesa-interativa-app .mi-theme-white .mi-repository,
#mesa-interativa-app .mi-theme-white .mi-flow,
#mesa-interativa-app .mi-theme-white .mi-history-card,
#mesa-interativa-app .mi-theme-white .mi-canvas,
#mesa-interativa-app .mi-theme-white .mi-panel .mi-section{
  border-color:#deded8 !important;
}

#mesa-interativa-app .mi-theme-white input:not([type=color]):not([type=range]):not([type=file]),
#mesa-interativa-app .mi-theme-white select,
#mesa-interativa-app .mi-theme-white textarea{
  background:transparent !important;
  color:#111111 !important;
  border-color:#d8d8d2 !important;
}

#mesa-interativa-app .mi-theme-white select option{
  background:#ffffff !important;
  color:#111111 !important;
}

#mesa-interativa-app .mi-theme-white .mi-primary{
  background:#111111 !important;
  border-color:#111111 !important;
  color:#ffffff !important;
}

#mesa-interativa-app .mi-theme-white .mi-secondary,
#mesa-interativa-app .mi-theme-white .mi-icon-text,
#mesa-interativa-app .mi-theme-white .mi-danger-text,
#mesa-interativa-app .mi-theme-white .mi-tab{
  color:#111111 !important;
  border-color:#d8d8d2 !important;
}

#mesa-interativa-app .mi-theme-white .mi-tab.is-active{
  border-bottom-color:#111111 !important;
}

#mesa-interativa-app .mi-theme-white .mi-chip{
  color:#77736d !important;
}

/* BLACK — remove remaining beige/gold surfaces but keep authored accent for tiny details only */
#mesa-interativa-app .mi-theme-black .mi-identity,
#mesa-interativa-app .mi-theme-black h2,
#mesa-interativa-app .mi-theme-black h3,
#mesa-interativa-app .mi-theme-black strong,
#mesa-interativa-app .mi-theme-black label,
#mesa-interativa-app .mi-theme-black .mi-flow legend,
#mesa-interativa-app .mi-theme-black .mi-history-info strong{
  color:#f7f7f3 !important;
}

#mesa-interativa-app .mi-theme-black .mi-muted,
#mesa-interativa-app .mi-theme-black .mi-live,
#mesa-interativa-app .mi-theme-black .mi-overline,
#mesa-interativa-app .mi-theme-black small,
#mesa-interativa-app .mi-theme-black p{
  color:#969696 !important;
}

#mesa-interativa-app .mi-theme-black input:not([type=color]):not([type=range]):not([type=file]),
#mesa-interativa-app .mi-theme-black select,
#mesa-interativa-app .mi-theme-black textarea{
  background:transparent !important;
  color:#f7f7f3 !important;
  border-color:#2b2b2b !important;
}

#mesa-interativa-app .mi-theme-black select option{
  background:#111111 !important;
  color:#f7f7f3 !important;
}

#mesa-interativa-app .mi-theme-black .mi-primary{
  background:#ffffff !important;
  border-color:#ffffff !important;
  color:#000000 !important;
}

/* SETTINGS PAGE: the selected facilitator mode paints the whole plugin content, not just the form */
body.toplevel_page_mesa-interativa:has(.mi-settings-wrap.mi-theme-white) #wpcontent,
body.toplevel_page_mesa-interativa:has(.mi-settings-wrap.mi-theme-white) #wpbody,
body.toplevel_page_mesa-interativa:has(.mi-settings-wrap.mi-theme-white) #wpbody-content{
  background:#f8f8f5 !important;
}

body.toplevel_page_mesa-interativa:has(.mi-settings-wrap.mi-theme-black) #wpcontent,
body.toplevel_page_mesa-interativa:has(.mi-settings-wrap.mi-theme-black) #wpbody,
body.toplevel_page_mesa-interativa:has(.mi-settings-wrap.mi-theme-black) #wpbody-content{
  background:#090909 !important;
}

/* Remove WordPress notice visual intrusion inside this creative surface */
body.toplevel_page_mesa-interativa .notice{
  max-width:980px;
  border:0 !important;
  border-top:1px solid currentColor !important;
  border-bottom:1px solid currentColor !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* 0.9.2 — stronger white mode contrast */
#mesa-interativa-app .mi-theme-white{
  --mi-text:#0d0d0d;
  --mi-muted:#4f4f4b;
  --mi-line:#cfcfc9;
  --mi-line-soft:#ddddda;
}

#mesa-interativa-app .mi-theme-white .mi-identity,
#mesa-interativa-app .mi-theme-white h2,
#mesa-interativa-app .mi-theme-white h3,
#mesa-interativa-app .mi-theme-white strong,
#mesa-interativa-app .mi-theme-white label,
#mesa-interativa-app .mi-theme-white .mi-flow legend,
#mesa-interativa-app .mi-theme-white .mi-history-info strong{
  color:#0d0d0d !important;
}

#mesa-interativa-app .mi-theme-white .mi-muted,
#mesa-interativa-app .mi-theme-white .mi-live,
#mesa-interativa-app .mi-theme-white .mi-overline,
#mesa-interativa-app .mi-theme-white small,
#mesa-interativa-app .mi-theme-white p{
  color:#4f4f4b !important;
}

#mesa-interativa-app .mi-theme-white .mi-overline{
  font-weight:700 !important;
}

#mesa-interativa-app .mi-theme-white input:not([type=color]):not([type=range]):not([type=file]),
#mesa-interativa-app .mi-theme-white select,
#mesa-interativa-app .mi-theme-white textarea{
  color:#111111 !important;
  border-color:#c9c9c3 !important;
}

#mesa-interativa-app .mi-theme-white input::placeholder,
#mesa-interativa-app .mi-theme-white textarea::placeholder{
  color:#6e6e68 !important;
  opacity:1 !important;
}

#mesa-interativa-app .mi-theme-white .mi-history-card,
#mesa-interativa-app .mi-theme-white .mi-flow,
#mesa-interativa-app .mi-theme-white .mi-panel .mi-section,
#mesa-interativa-app .mi-theme-white .mi-repository{
  border-color:#cfcfc9 !important;
}

.mi-settings-wrap.mi-theme-white{
  --mi-text:#0d0d0d;
  --mi-muted:#4f4f4b;
  --mi-line:#cfcfc9;
}

.mi-settings-wrap.mi-theme-white h1,
.mi-settings-wrap.mi-theme-white label,
.mi-settings-wrap.mi-theme-white .mi-setting-label,
.mi-settings-wrap.mi-theme-white .mi-advanced summary{
  color:#0d0d0d !important;
}

.mi-settings-wrap.mi-theme-white .mi-settings-lead,
.mi-settings-wrap.mi-theme-white > p,
.mi-settings-wrap.mi-theme-white .description{
  color:#4f4f4b !important;
}

.mi-settings-wrap.mi-theme-white input[type="text"],
.mi-settings-wrap.mi-theme-white input[type="url"],
.mi-settings-wrap.mi-theme-white input[type="email"],
.mi-settings-wrap.mi-theme-white select,
.mi-settings-wrap.mi-theme-white textarea{
  color:#111111 !important;
  border-color:#c9c9c3 !important;
}

.mi-settings-wrap.mi-theme-white .mi-theme-swatch small{
  opacity:.72 !important;
}

/* 0.9.3 — remove beige completely from the live board/session UI */

/* WHITE MODE — pure gallery white / neutral grays */
#mesa-interativa-app .mi-theme-white,
#mesa-interativa-app .mi-theme-white .mi-layout,
#mesa-interativa-app .mi-theme-white .mi-canvas,
#mesa-interativa-app .mi-theme-white .mi-panel,
#mesa-interativa-app .mi-theme-white .mi-section,
#mesa-interativa-app .mi-theme-white .mi-board-wrap,
#mesa-interativa-app .mi-theme-white .mi-stage{
  background:#f7f7f4 !important;
  color:#111111 !important;
}

#mesa-interativa-app .mi-theme-white .mi-board{
  background:#ffffff !important;
  border:1px solid #d7d7d2 !important;
}

#mesa-interativa-app .mi-theme-white .mi-panel{
  border-left:1px solid #d7d7d2 !important;
}

#mesa-interativa-app .mi-theme-white .mi-section{
  border-top:1px solid #d7d7d2 !important;
}

#mesa-interativa-app .mi-theme-white h1,
#mesa-interativa-app .mi-theme-white h2,
#mesa-interativa-app .mi-theme-white h3,
#mesa-interativa-app .mi-theme-white h4,
#mesa-interativa-app .mi-theme-white label,
#mesa-interativa-app .mi-theme-white strong,
#mesa-interativa-app .mi-theme-white .mi-kicker,
#mesa-interativa-app .mi-theme-white .mi-section-title{
  color:#111111 !important;
}

#mesa-interativa-app .mi-theme-white p,
#mesa-interativa-app .mi-theme-white small,
#mesa-interativa-app .mi-theme-white .mi-help,
#mesa-interativa-app .mi-theme-white .mi-status{
  color:#5a5a56 !important;
}

#mesa-interativa-app .mi-theme-white button,
#mesa-interativa-app .mi-theme-white .button,
#mesa-interativa-app .mi-theme-white .mi-button{
  border-color:#bfbfba !important;
  background:transparent !important;
  color:#111111 !important;
}

#mesa-interativa-app .mi-theme-white .mi-primary{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:#111111 !important;
}

#mesa-interativa-app .mi-theme-white input,
#mesa-interativa-app .mi-theme-white select,
#mesa-interativa-app .mi-theme-white textarea{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:#c9c9c4 !important;
}

/* BLACK MODE — pure black / white / neutral grays */
#mesa-interativa-app .mi-theme-black,
#mesa-interativa-app .mi-theme-black .mi-layout,
#mesa-interativa-app .mi-theme-black .mi-canvas,
#mesa-interativa-app .mi-theme-black .mi-panel,
#mesa-interativa-app .mi-theme-black .mi-section,
#mesa-interativa-app .mi-theme-black .mi-board-wrap,
#mesa-interativa-app .mi-theme-black .mi-stage{
  background:#090909 !important;
  color:#f5f5f2 !important;
}

#mesa-interativa-app .mi-theme-black .mi-board{
  background:#111111 !important;
  border:1px solid #2b2b2b !important;
}

#mesa-interativa-app .mi-theme-black .mi-panel{
  border-left:1px solid #2b2b2b !important;
}

#mesa-interativa-app .mi-theme-black .mi-section{
  border-top:1px solid #2b2b2b !important;
}

#mesa-interativa-app .mi-theme-black h1,
#mesa-interativa-app .mi-theme-black h2,
#mesa-interativa-app .mi-theme-black h3,
#mesa-interativa-app .mi-theme-black h4,
#mesa-interativa-app .mi-theme-black label,
#mesa-interativa-app .mi-theme-black strong,
#mesa-interativa-app .mi-theme-black .mi-kicker,
#mesa-interativa-app .mi-theme-black .mi-section-title{
  color:#f5f5f2 !important;
}

#mesa-interativa-app .mi-theme-black p,
#mesa-interativa-app .mi-theme-black small,
#mesa-interativa-app .mi-theme-black .mi-help,
#mesa-interativa-app .mi-theme-black .mi-status{
  color:#a0a09a !important;
}

#mesa-interativa-app .mi-theme-black button,
#mesa-interativa-app .mi-theme-black .button,
#mesa-interativa-app .mi-theme-black .mi-button{
  border-color:#3a3a3a !important;
  background:transparent !important;
  color:#f5f5f2 !important;
}

#mesa-interativa-app .mi-theme-black .mi-primary{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
}

#mesa-interativa-app .mi-theme-black input,
#mesa-interativa-app .mi-theme-black select,
#mesa-interativa-app .mi-theme-black textarea{
  background:#111111 !important;
  color:#f5f5f2 !important;
  border-color:#343434 !important;
}

/* Remove legacy tan/gold text and surfaces in room */
#mesa-interativa-app .mi-layout [style*="#b79a68"],
#mesa-interativa-app .mi-layout [style*="#b88"],
#mesa-interativa-app .mi-layout [style*="beige"]{
  color:inherit !important;
  background:inherit !important;
  border-color:inherit !important;
}

/* Empty-board message should follow monochrome theme */
#mesa-interativa-app .mi-theme-white .mi-empty,
#mesa-interativa-app .mi-theme-white .mi-empty-board,
#mesa-interativa-app .mi-theme-white .mi-board-empty{
  color:#3d3d39 !important;
}

#mesa-interativa-app .mi-theme-black .mi-empty,
#mesa-interativa-app .mi-theme-black .mi-empty-board,
#mesa-interativa-app .mi-theme-black .mi-board-empty{
  color:#c9c9c4 !important;
}

/* 0.10.5 — Editor com linguagem de app criativo (iPad-style em todas as telas) */
#mesa-interativa-app .mi-shell.mi-host-app{
  position:relative;
  width:100% !important;
  max-width:none !important;
  min-height:100dvh;
  overflow:hidden;
  background:#171717;
}
#mesa-interativa-app .mi-host-app .mi-header{
  min-height:54px;
  padding:8px 18px 8px 78px !important;
  background:rgba(24,24,24,.92) !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  color:#f7f4ef;
}
#mesa-interativa-app .mi-host-app .mi-identity{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:600;
  letter-spacing:-.01em;
}
#mesa-interativa-app .mi-host-app .mi-live{
  color:#bdb8b1 !important;
  font-size:12px;
}
#mesa-interativa-app .mi-host-app .mi-layout{
  display:block !important;
  width:100%;
  min-height:calc(100dvh - 54px);
  padding:12px 18px 18px 78px !important;
}
#mesa-interativa-app .mi-host-app .mi-canvas{
  display:flex;
  min-width:0;
  min-height:calc(100dvh - 84px);
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
#mesa-interativa-app .mi-host-app .mi-board-top{
  width:min(100%,calc((100dvh - 138px) * 16 / 9));
  margin:0 auto 7px !important;
  color:#a9a49d;
  font:600 11px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  letter-spacing:.09em;
}
#mesa-interativa-app .mi-host-app .mi-board{
  width:min(100%,calc((100dvh - 138px) * 16 / 9)) !important;
  max-width:none !important;
  aspect-ratio:16/9 !important;
  margin:0 auto !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:8px !important;
  background:#f1ede5 !important;
  box-shadow:0 18px 60px rgba(0,0,0,.32) !important;
}
#mesa-interativa-app .mi-host-app .mi-board-note{
  width:min(100%,calc((100dvh - 138px) * 16 / 9));
  min-height:18px;
  margin:7px auto 0 !important;
  color:#99948c !important;
  font:12px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
}
#mesa-interativa-app .mi-toolrail{
  position:absolute;
  z-index:50;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:7px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(36,36,36,.90);
  box-shadow:0 14px 40px rgba(0,0,0,.30);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
#mesa-interativa-app .mi-tool{
  width:44px;
  height:44px;
  min-height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#efede9;
  font:500 20px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  transition:background .18s ease,transform .18s ease,color .18s ease;
}
#mesa-interativa-app .mi-tool:hover,
#mesa-interativa-app .mi-tool:focus-visible,
#mesa-interativa-app .mi-tool.is-active{
  background:rgba(255,255,255,.12);
  color:#fff;
}
#mesa-interativa-app .mi-tool:active{transform:scale(.94)}
#mesa-interativa-app .mi-tool-menu{font-size:18px}
#mesa-interativa-app .mi-host-app .mi-panel{
  position:absolute !important;
  z-index:60;
  top:66px;
  right:14px;
  bottom:14px;
  width:min(390px,calc(100vw - 96px));
  max-height:none !important;
  margin:0 !important;
  padding:58px 28px 28px !important;
  overflow:auto;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:20px !important;
  background:rgba(31,31,31,.96) !important;
  color:#f4f1ec !important;
  box-shadow:0 22px 70px rgba(0,0,0,.42) !important;
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  transform:translateX(calc(100% + 28px));
  opacity:0;
  pointer-events:none;
  transition:transform .24s cubic-bezier(.22,.8,.22,1),opacity .18s ease;
}
#mesa-interativa-app .mi-host-app.mi-panel-open .mi-panel{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
}
#mesa-interativa-app .mi-panel-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.09);
  color:#fff;
  font-size:22px;
  line-height:1;
}
#mesa-interativa-app .mi-host-app .mi-room-title{
  padding:0 40px 14px 0 !important;
  color:#fff !important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif !important;
  font-size:22px !important;
  font-weight:650 !important;
}
#mesa-interativa-app .mi-host-app .mi-section{
  scroll-margin-top:12px;
  padding:22px 0 !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
}
#mesa-interativa-app .mi-host-app .mi-overline{
  color:#cbb18c !important;
  font:700 11px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:.13em !important;
}
#mesa-interativa-app .mi-host-app label,
#mesa-interativa-app .mi-host-app p,
#mesa-interativa-app .mi-host-app small{
  color:#c9c5bf !important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif !important;
}
#mesa-interativa-app .mi-host-app input:not([type=color]):not([type=file]):not([type=range]),
#mesa-interativa-app .mi-host-app select,
#mesa-interativa-app .mi-host-app .mi-invite{
  min-height:42px;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
}
#mesa-interativa-app .mi-host-app .mi-file,
#mesa-interativa-app .mi-host-app .mi-button{
  min-height:42px;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
}
#mesa-interativa-app .mi-host-app .mi-primary{
  background:#f2eee8 !important;
  color:#171717 !important;
  border-radius:10px !important;
}
#mesa-interativa-app .mi-host-app .mi-asset,
#mesa-interativa-app .mi-host-app .mi-piece-row{
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.05) !important;
  color:#f2efea !important;
  border-radius:9px;
}
#mesa-interativa-app .mi-host-app .mi-icon{
  border-radius:8px;
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
}
#mesa-interativa-app .mi-host-app .mi-footer{
  border-color:rgba(255,255,255,.09) !important;
}
@media(max-width:900px){
  #mesa-interativa-app .mi-host-app .mi-header{padding-left:68px !important}
  #mesa-interativa-app .mi-host-app .mi-layout{padding:10px 10px 14px 66px !important}
  #mesa-interativa-app .mi-toolrail{left:8px}
  #mesa-interativa-app .mi-host-app .mi-board,
  #mesa-interativa-app .mi-host-app .mi-board-top,
  #mesa-interativa-app .mi-host-app .mi-board-note{width:min(100%,calc((100dvh - 126px) * 16 / 9)) !important}
  #mesa-interativa-app .mi-host-app .mi-panel{top:62px;right:8px;bottom:8px;width:min(370px,calc(100vw - 80px))}
}
@media(max-height:650px) and (orientation:landscape){
  #mesa-interativa-app .mi-host-app .mi-header{min-height:44px;padding-top:5px !important;padding-bottom:5px !important}
  #mesa-interativa-app .mi-host-app .mi-layout{min-height:calc(100dvh - 44px);padding-top:6px !important;padding-bottom:6px !important}
  #mesa-interativa-app .mi-host-app .mi-canvas{min-height:calc(100dvh - 56px)}
  #mesa-interativa-app .mi-host-app .mi-board,
  #mesa-interativa-app .mi-host-app .mi-board-top,
  #mesa-interativa-app .mi-host-app .mi-board-note{width:min(100%,calc((100dvh - 82px) * 16 / 9)) !important}
  #mesa-interativa-app .mi-host-app .mi-board-top{display:none}
  #mesa-interativa-app .mi-host-app .mi-board-note{margin-top:4px !important}
  #mesa-interativa-app .mi-host-app .mi-panel{top:50px}
}

/* 0.11.1 — visual media library and clean destructive actions */
#mesa-interativa-app .mi-asset-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:330px;gap:10px}
#mesa-interativa-app .mi-asset.mi-asset-visual{display:grid;grid-template-rows:110px auto;padding:0;overflow:hidden;border:1px solid rgba(127,127,127,.22);background:rgba(255,255,255,.05);border-radius:12px}
#mesa-interativa-app .mi-asset-thumb{border:0!important;background:rgba(255,255,255,.94)!important;padding:0!important;width:100%;height:110px;display:grid;place-items:center;overflow:hidden;border-radius:0!important}
#mesa-interativa-app .mi-asset-thumb img{width:100%;height:100%;object-fit: cover;display:block}
#mesa-interativa-app .mi-asset-body{display:grid;gap:4px;padding:9px;min-width:0}
#mesa-interativa-app .mi-asset-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mesa-interativa-app .mi-asset-body small{opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mesa-interativa-app .mi-asset-add{margin-top:5px;border:1px solid rgba(127,127,127,.28)!important;background:rgba(255,255,255,.1)!important;color:inherit!important;border-radius:8px!important;min-height:36px;padding:6px 9px!important;width:100%}
#mesa-interativa-app .mi-media-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border:1px solid rgba(127,127,127,.22);border-radius:10px}
#mesa-interativa-app .mi-media-preview{width:72px;height:58px;border:0!important;padding:0!important;background:#fff!important;overflow:hidden;border-radius:7px!important}
#mesa-interativa-app .mi-media-preview img{width:100%;height:100%;object-fit: cover;display:block}
#mesa-interativa-app .mi-media-meta{display:grid;gap:2px;min-width:0}
#mesa-interativa-app .mi-media-meta strong,#mesa-interativa-app .mi-media-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mesa-interativa-app .mi-media-delete{border:1px solid #b94747!important;background:transparent!important;color:#b94747!important;border-radius:8px!important;min-height:36px;padding:5px 9px!important}
#mesa-interativa-app .mi-media-delete:hover,#mesa-interativa-app .mi-media-delete:focus{background:rgba(185,71,71,.1)!important}
#mesa-interativa-app .mi-media-dialog{border:0;padding:0;background:transparent;max-width:min(90vw,900px);width:min(90vw,900px)}
#mesa-interativa-app .mi-media-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
#mesa-interativa-app .mi-media-dialog-box{background:#151515;color:#f7f5f1;border:1px solid rgba(255,255,255,.13);border-radius:18px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.48)}
#mesa-interativa-app .mi-media-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}
#mesa-interativa-app .mi-media-dialog-close{width:40px!important;height:40px!important;min-height:40px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;padding:0!important;font-size:25px}
#mesa-interativa-app .mi-media-dialog-image{display:block;width:100%;max-height:72vh;object-fit: cover;background:#fff}
#mesa-interativa-app .mi-media-dialog-meta{display:flex;gap:10px;flex-wrap:wrap;padding:11px 14px;color:#c9c5bd;font-size:13px}
@media(max-width:700px){#mesa-interativa-app .mi-asset-list{grid-template-columns:repeat(2,minmax(0,1fr))}#mesa-interativa-app .mi-media-card{grid-template-columns:58px minmax(0,1fr)}#mesa-interativa-app .mi-media-delete{grid-column:2;justify-self:start}.mi-media-preview{width:58px!important;height:52px!important}}


/* 0.11.4 — The setup/create screen must scroll inside the fullscreen atelier.
   The room/editor remains locked like a native creative app. */
#mesa-interativa-app[data-mi-screen="start"] .mi-start{
  min-height:100%;
  height:auto !important;
  overflow:visible !important;
  padding-bottom:max(56px, env(safe-area-inset-bottom)) !important;
}
#mesa-interativa-app[data-mi-screen="start"] .mi-start-grid{
  align-items:start;
}
@media (pointer:coarse){
  #mesa-interativa-app[data-mi-screen="start"]{
    touch-action:pan-y;
  }
}

/* 0.11.7 — explicit save controls for the atelier */
#mesa-interativa-app .mi-header-right{display:flex;align-items:center;gap:14px;min-width:0}
#mesa-interativa-app .mi-room-actions{display:flex;align-items:center;gap:10px}
#mesa-interativa-app .mi-save-state{font-size:12px;white-space:nowrap;opacity:.68}
#mesa-interativa-app .mi-save-button{appearance:none;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;min-height:42px;padding:0 20px;font:600 14px/1 inherit;cursor:pointer}
#mesa-interativa-app .mi-save-button.is-dirty{background:#111;color:#fff;border-color:#111}
#mesa-interativa-app .mi-save-button:disabled{opacity:.55;cursor:wait}
@media (max-width:700px){
  #mesa-interativa-app .mi-header-right{gap:8px}
  #mesa-interativa-app .mi-save-state{display:none}
  #mesa-interativa-app .mi-save-button{min-height:40px;padding:0 14px}
}

/* ==========================================================
   0.11.8 — Mesa 16:9 encaixada, sem corte/deformação.
   A composição ocupa o máximo possível; toda sobra é preta.
   ========================================================== */

/* O palco da mesa é sempre preto. A imagem nunca é recortada. */
#mesa-interativa-app .mi-board{
  aspect-ratio:16 / 9 !important;
  background:#000 !important;
  overflow:hidden !important;
}
#mesa-interativa-app .mi-background,
#mesa-interativa-app .mi-piece-image,
#mesa-interativa-app .mi-source{
  object-fit:contain !important;
  object-position:center center !important;
}

/* No ateliê, elimina respiros decorativos: a mesa é a área principal. */
body.mi-atelier-room,
body.mi-atelier-room #wpwrap,
body.mi-atelier-room #wpcontent,
body.mi-atelier-room #wpbody,
body.mi-atelier-room #wpbody-content,
body.mi-atelier-room #mesa-interativa-app,
#mesa-interativa-app .mi-host-app,
#mesa-interativa-app .mi-host-app .mi-layout,
#mesa-interativa-app .mi-host-app .mi-canvas{
  background:#000 !important;
}

#mesa-interativa-app .mi-host-app .mi-layout{
  box-sizing:border-box;
  min-height:calc(100dvh - 54px) !important;
  padding:0 0 0 66px !important;
}
#mesa-interativa-app .mi-host-app .mi-canvas{
  box-sizing:border-box;
  width:100%;
  min-height:calc(100dvh - 54px) !important;
  height:calc(100dvh - 54px);
  padding:0 !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden;
}

/* Os textos acima/abaixo não consomem a área visual da mesa. */
#mesa-interativa-app .mi-host-app .mi-board-top,
#mesa-interativa-app .mi-host-app .mi-board-note{
  display:none !important;
}

/* Maior 16:9 que cabe no espaço disponível, sem crop e sem stretch. */
#mesa-interativa-app .mi-host-app .mi-board{
  flex:0 0 auto;
  width:min(calc(100vw - 66px), calc((100dvh - 54px) * 16 / 9)) !important;
  height:auto !important;
  max-width:100% !important;
  max-height:calc(100dvh - 54px) !important;
  margin:0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* iPad/tablet: aproveita o máximo possível da tela; sobra continua preta. */
@media (min-width:721px) and (max-width:1180px){
  #mesa-interativa-app .mi-host-app .mi-layout{
    padding-left:62px !important;
  }
  #mesa-interativa-app .mi-host-app .mi-board{
    width:min(calc(100vw - 62px), calc((100dvh - 54px) * 16 / 9)) !important;
  }
}

/* Celular em paisagem: 16:9, inteiro, sem deformar. */
@media (max-width:720px){
  #mesa-interativa-app .mi-host-app .mi-layout{
    min-height:calc(100dvh - 44px) !important;
    padding-left:56px !important;
  }
  #mesa-interativa-app .mi-host-app .mi-canvas{
    min-height:calc(100dvh - 44px) !important;
    height:calc(100dvh - 44px) !important;
  }
  #mesa-interativa-app .mi-host-app .mi-board{
    width:min(calc(100vw - 56px), calc((100dvh - 44px) * 16 / 9)) !important;
    max-height:calc(100dvh - 44px) !important;
  }
}

/* ==========================================================
   0.11.9 — Contraste dos controles do Ateliê
   Botões e estados sempre legíveis sobre a interface escura.
   ========================================================== */
#mesa-interativa-app .mi-host-app .mi-header,
#mesa-interativa-app .mi-host-app .mi-header *{
  color:#f7f7f4 !important;
}
#mesa-interativa-app .mi-host-app .mi-live{
  color:rgba(255,255,255,.82) !important;
  opacity:1 !important;
}
#mesa-interativa-app .mi-host-app .mi-save-state{
  color:rgba(255,255,255,.88) !important;
  opacity:1 !important;
  font-weight:500;
}
#mesa-interativa-app .mi-host-app .mi-save-button,
#mesa-interativa-app .mi-host-app.mi-theme-black .mi-save-button{
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid #ffffff !important;
  box-shadow:none !important;
  opacity:1 !important;
  font-weight:700 !important;
}
#mesa-interativa-app .mi-host-app .mi-save-button:hover,
#mesa-interativa-app .mi-host-app .mi-save-button:focus-visible{
  background:#f0f0ed !important;
  color:#000000 !important;
  border-color:#f0f0ed !important;
}
#mesa-interativa-app .mi-host-app .mi-save-button.is-dirty{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:#ffffff !important;
}
#mesa-interativa-app .mi-host-app .mi-save-button:disabled{
  background:#d9d9d6 !important;
  color:#555 !important;
  border-color:#d9d9d6 !important;
  opacity:.75 !important;
}
#mesa-interativa-app .mi-host-app .mi-toolrail{
  background:rgba(24,24,24,.96) !important;
  border-color:rgba(255,255,255,.18) !important;
}
#mesa-interativa-app .mi-host-app .mi-tool,
#mesa-interativa-app .mi-host-app.mi-theme-black .mi-tool{
  background:transparent !important;
  color:#ffffff !important;
  border:1px solid transparent !important;
  opacity:1 !important;
}
#mesa-interativa-app .mi-host-app .mi-tool:hover,
#mesa-interativa-app .mi-host-app .mi-tool:focus-visible,
#mesa-interativa-app .mi-host-app .mi-tool.is-active{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:#ffffff !important;
}
#mesa-interativa-app .mi-host-app .mi-panel-close{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.08) !important;
}
#mesa-interativa-app .mi-host-app .mi-panel-close:hover,
#mesa-interativa-app .mi-host-app .mi-panel-close:focus-visible{
  color:#111111 !important;
  background:#ffffff !important;
  border-color:#ffffff !important;
}

/* ==========================================================
   0.12.1 — Canvas mestre 16:9 + leitura dos campos no Ateliê
   Uma única geometria visual para desktop, iPad, celular e exportação.
   ========================================================== */

/* O canvas lógico é sempre 16:9. O JS encaixa o maior retângulo possível
   dentro da área realmente visível do navegador, sem crop e sem stretch. */
#mesa-interativa-app .mi-host-app .mi-canvas{
  min-width:0 !important;
  min-height:0 !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#000 !important;
}
#mesa-interativa-app .mi-host-app .mi-board{
  flex:0 0 auto !important;
  aspect-ratio:16 / 9 !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 auto !important;
  background:#000 !important;
  overflow:hidden !important;
}
#mesa-interativa-app .mi-host-app .mi-background,
#mesa-interativa-app .mi-host-app .mi-piece-image,
#mesa-interativa-app .mi-host-app .mi-source{
  object-fit:contain !important;
  object-position:center center !important;
}

/* A gaveta do Ateliê pode ser clara mesmo quando a moldura é escura.
   Campos digitáveis nunca herdam texto branco sobre superfície clara. */
#mesa-interativa-app .mi-host-app .mi-panel{
  background:#f7f5f0 !important;
  color:#151515 !important;
  padding:28px 28px 32px !important;
}
#mesa-interativa-app .mi-host-app .mi-panel .mi-section{
  color:#151515 !important;
  border-color:rgba(17,17,17,.12) !important;
}
#mesa-interativa-app .mi-host-app .mi-panel label,
#mesa-interativa-app .mi-host-app .mi-panel p,
#mesa-interativa-app .mi-host-app .mi-panel small{
  color:#65615b !important;
}
#mesa-interativa-app .mi-host-app .mi-panel .mi-overline{
  color:#9b7442 !important;
}
#mesa-interativa-app .mi-host-app .mi-panel input:not([type=color]):not([type=file]):not([type=range]),
#mesa-interativa-app .mi-host-app .mi-panel select,
#mesa-interativa-app .mi-host-app .mi-panel textarea,
#mesa-interativa-app .mi-host-app .mi-panel .mi-invite{
  background:#ffffff !important;
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  caret-color:#111111 !important;
  border:1px solid rgba(17,17,17,.18) !important;
}
#mesa-interativa-app .mi-host-app .mi-panel input::placeholder,
#mesa-interativa-app .mi-host-app .mi-panel textarea::placeholder{
  color:#8a8680 !important;
  opacity:1 !important;
}
#mesa-interativa-app .mi-host-app .mi-panel select option{
  background:#ffffff !important;
  color:#111111 !important;
}
#mesa-interativa-app .mi-host-app .mi-panel .mi-file,
#mesa-interativa-app .mi-host-app .mi-panel .mi-button{
  background:#ffffff !important;
  color:#171717 !important;
  border-color:rgba(17,17,17,.18) !important;
}
#mesa-interativa-app .mi-host-app .mi-panel .mi-panel-close{
  color:#111111 !important;
  background:#ffffff !important;
  border-color:rgba(17,17,17,.18) !important;
}

@media (max-width:720px){
  #mesa-interativa-app .mi-host-app .mi-panel{padding:22px 20px 26px !important;}
}
\n\n/* ==========================================================\n   0.12.2 — Geometria mestre 1920×1080 / 16:9\n   Neutraliza regras antigas que podiam transformar o palco em\n   uma caixa mais alta no iPad. O JS define o maior 16:9 que cabe.\n   ========================================================== */\n#mesa-interativa-app .mi-host-app .mi-board{\n  box-sizing:border-box !important;\n  min-width:0 !important;\n  min-height:0 !important;\n  aspect-ratio:16 / 9 !important;\n  flex:none !important;\n  overflow:hidden !important;\n  background:#000 !important;\n}\n#mesa-interativa-app .mi-host-app .mi-background{\n  position:absolute !important;\n  inset:0 !important;\n  width:100% !important;\n  height:100% !important;\n  max-width:none !important;\n  max-height:none !important;\n  object-fit:contain !important;\n  object-position:50% 50% !important;\n}\n#mesa-interativa-app .mi-host-app .mi-floating{\n  max-width:100% !important;\n  max-height:100% !important;\n}\n

/* 0.12.3 — export clean 16:9: legacy backgrounds keep contain; edge-fill removes embedded black side bars. */


/* ==========================================================
   0.12.4 — Palco máximo 16:9
   Header e ferramentas flutuam sobre o palco para não roubar
   largura/altura da mesa. O preto restante é apenas o inevitável
   da proporção real do viewport.
   ========================================================== */
body.mi-atelier-room #mesa-interativa-app .mi-host-app{
  position:relative !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#000 !important;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-header{
  position:absolute !important;
  z-index:80 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  min-height:54px !important;
  box-sizing:border-box !important;
  background:rgba(24,24,24,.88) !important;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-layout{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#000 !important;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-canvas{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#000 !important;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-board{
  flex:none !important;
  aspect-ratio:16 / 9 !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-toolrail{
  position:absolute !important;
  z-index:90 !important;
  left:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel{
  z-index:100 !important;
}
@media(max-width:900px){
  body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-toolrail{left:8px !important;}
}


/* 0.15.7 — salvar composição sempre visível no painel lateral */
#mesa-interativa-app .mi-panel-savebar{
  position:sticky;
  top:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:-2px -2px 18px;
  padding:12px 14px;
  background:rgba(250,248,243,.97);
  border:1px solid #ded3c4;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  backdrop-filter:blur(8px);
}
#mesa-interativa-app .mi-panel-savebar .mi-save-state{
  display:block !important;
  color:#5d574f !important;
  opacity:1 !important;
  font-size:12px;
  font-weight:600;
}
#mesa-interativa-app .mi-panel-savebar .mi-panel-save-button{
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid #171717 !important;
  background:#171717 !important;
  color:#fff !important;
  font-weight:700 !important;
  cursor:pointer;
}
#mesa-interativa-app .mi-panel-savebar.is-attention{
  outline:2px solid #b8955a;
  outline-offset:2px;
}
#mesa-interativa-app .mi-panel-savebar .mi-panel-save-button.is-dirty{
  background:#171717 !important;
  color:#fff !important;
}


/* 0.15.8 — salvar sempre visível no editor de tela cheia */
#mesa-interativa-app .mi-floating-save{
  position:fixed;
  right:20px;
  top:18px;
  z-index:9999;
  min-height:44px;
  padding:0 20px;
  border-radius:999px;
  border:1px solid #b8955a !important;
  background:#171717 !important;
  color:#fff !important;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
  font-weight:700 !important;
}
#mesa-interativa-app .mi-floating-save.is-dirty{
  background:#b8955a !important;
  color:#111 !important;
}
#mesa-interativa-app .mi-floating-save:disabled{opacity:.6}
@media (max-width:700px){
  #mesa-interativa-app .mi-floating-save{right:12px;top:10px;min-height:40px;padding:0 14px;font-size:13px}
}

/* ==========================================================
   0.15.9 — seleção/exclusão + fundo 16:9 sem faixas pretas
   ========================================================== */
#mesa-interativa-app .mi-floating-actions{
  position:fixed;
  right:18px;
  top:8px;
  z-index:10000;
  display:flex;
  align-items:center;
  gap:10px;
}
#mesa-interativa-app .mi-floating-actions .mi-floating-save{
  position:static !important;
  right:auto !important;
  top:auto !important;
}
#mesa-interativa-app .mi-delete-selected{
  min-height:44px;
  padding:0 17px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.34);
  background:#171717;
  color:#fff;
  font-weight:700;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
}
#mesa-interativa-app .mi-delete-selected:not(:disabled){
  border-color:#d96565;
  color:#ffdede;
}
#mesa-interativa-app .mi-delete-selected:disabled{opacity:.35;cursor:default}
#mesa-interativa-app .mi-floating.is-selected{
  outline:2px solid #fff !important;
  outline-offset:8px !important;
  filter:drop-shadow(0 0 5px rgba(0,0,0,.75));
}
/* O palco continua 16:9. Para fundos que não são 16:9, preservamos a imagem
   inteira e preenchemos o restante com uma extensão suave do próprio fundo. */
#mesa-interativa-app .mi-host-app .mi-background-fill{
  position:absolute !important;
  inset:-3% !important;
  width:106% !important;
  height:106% !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:blur(22px) saturate(.95) brightness(.76) !important;
  transform:scale(1.04) !important;
  opacity:1 !important;
  z-index:0 !important;
  pointer-events:none !important;
}
#mesa-interativa-app .mi-host-app .mi-background{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  z-index:1 !important;
  pointer-events:none !important;
}
#mesa-interativa-app .mi-host-app .mi-floating{z-index:2 !important}
#mesa-interativa-app .mi-host-app .mi-watermark,#mesa-interativa-app .mi-host-app .mi-name{z-index:3 !important}
@media(max-width:700px){
  #mesa-interativa-app .mi-floating-actions{right:8px;top:7px;gap:6px}
  #mesa-interativa-app .mi-delete-selected{min-height:40px;padding:0 11px;font-size:12px}
}


/* ==========================================================
   0.16.2 — controles do topo sem sobreposição + item único
   ========================================================== */
#mesa-interativa-app .mi-host-app .mi-header{
  position:relative !important;
  z-index:10010 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  overflow:visible !important;
}
#mesa-interativa-app .mi-host-app .mi-header-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  margin-left:auto !important;
  min-width:0 !important;
  flex-wrap:nowrap !important;
}
#mesa-interativa-app .mi-host-app .mi-room-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  position:static !important;
}
#mesa-interativa-app .mi-floating-actions{
  display:none !important;
}
#mesa-interativa-app .mi-host-app .mi-delete-selected{
  position:static !important;
  min-height:42px !important;
  padding:0 16px !important;
  white-space:nowrap !important;
}
#mesa-interativa-app .mi-host-app .mi-live,
#mesa-interativa-app .mi-host-app .mi-save-state{
  white-space:nowrap !important;
}
#mesa-interativa-app .mi-asset-add.is-added{
  background:#ece9e3 !important;
  color:#6f6a62 !important;
  border-color:#d7d1c8 !important;
}
@media(max-width:900px){
  #mesa-interativa-app .mi-host-app .mi-save-state{display:none !important}
  #mesa-interativa-app .mi-host-app .mi-delete-selected{padding:0 12px !important;font-size:12px !important}
  #mesa-interativa-app .mi-host-app .mi-room-actions{gap:7px !important}
}


/* ==========================================================
   0.16.3 — redimensionamento visual dos elementos
   ========================================================== */
#mesa-interativa-app .mi-piece{
  position:absolute;
}
#mesa-interativa-app .mi-piece.is-selected{
  outline:2px solid rgba(255,255,255,.92) !important;
  outline-offset:6px !important;
  border-radius:10px;
}
#mesa-interativa-app .mi-resize-handle{
  position:absolute;
  right:-12px;
  bottom:-12px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#fff;
  border:2px solid #171717;
  box-shadow:0 2px 8px rgba(0,0,0,.28);
  cursor:nwse-resize;
  z-index:30;
  display:none;
}
#mesa-interativa-app .mi-piece.is-selected .mi-resize-handle{
  display:block;
}
#mesa-interativa-app .mi-size-controls{
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
#mesa-interativa-app .mi-size-controls button{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  background:#fff;
  color:#111;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
#mesa-interativa-app .mi-size-controls button:disabled{
  opacity:.35;
  cursor:default;
}
#mesa-interativa-app .mi-size-label{
  font-size:12px;
  color:#fff;
  white-space:nowrap;
}
@media(max-width:900px){
  #mesa-interativa-app .mi-size-label{display:none}
  #mesa-interativa-app .mi-size-controls{padding:3px}
  #mesa-interativa-app .mi-size-controls button{width:32px;height:32px}
}


/* ==========================================================
   0.16.5 — botão SALVAR MESA sempre visível
   ========================================================== */
#mesa-interativa-app .mi-persistent-save{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  z-index:2147483000 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:8px !important;
  border-radius:14px !important;
  background:rgba(18,18,18,.92) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.35) !important;
  backdrop-filter:blur(8px);
}
#mesa-interativa-app .mi-persistent-save .mi-save-state{
  color:#fff !important;
  font-size:12px !important;
  padding-left:8px !important;
  white-space:nowrap !important;
}
#mesa-interativa-app .mi-persistent-save-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:150px !important;
  min-height:46px !important;
  padding:0 20px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#111 !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  cursor:pointer !important;
}
#mesa-interativa-app .mi-persistent-save-button.is-dirty{
  box-shadow:0 0 0 3px rgba(255,255,255,.25) !important;
}
#mesa-interativa-app .mi-persistent-save-button:disabled{
  opacity:.7 !important;
  cursor:wait !important;
}
@media(max-width:700px){
  #mesa-interativa-app .mi-persistent-save{
    right:12px !important;
    bottom:12px !important;
  }
  #mesa-interativa-app .mi-persistent-save .mi-save-state{
    display:none !important;
  }
  #mesa-interativa-app .mi-persistent-save-button{
    min-width:126px !important;
  }
}


/* ==========================================================
   0.16.7 — fechar painel + remover marca d'água
   ========================================================== */
#mesa-interativa-app .mi-panel-head-actions{
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  justify-content:flex-end;
  padding:10px 0 12px;
  background:inherit;
}
#mesa-interativa-app .mi-panel-close-explicit,
#mesa-interativa-app .mi-remove-watermark:hover,
#mesa-interativa-app .mi-panel-close-explicit:hover{
  background:#f4f1eb;
}


/* ==========================================================
   0.16.8 — botão visível de remover marca d'água
   ========================================================== */
#mesa-interativa-app .mi-remove-watermark-visible{
  display:block !important;
  width:100% !important;
  min-height:44px !important;
  margin:12px 0 18px !important;
  padding:0 16px !important;
  border:1px solid #cfc7bc !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#191919 !important;
  font-weight:700 !important;
  cursor:pointer !important;
}
#mesa-interativa-app .mi-remove-watermark-visible:hover{
  background:#f3efe9 !important;
}


/* ==========================================================
   0.16.9 — PALCO 100% / SEM LATERAIS / SEM ESPAÇO MORTO
   Regra final: sobrescreve toda a geometria legada.
   ========================================================== */

body.mi-atelier-room,
body.mi-atelier-room html,
body.mi-atelier-room #wpwrap,
body.mi-atelier-room #wpcontent,
body.mi-atelier-room #wpbody,
body.mi-atelier-room #wpbody-content,
body.mi-atelier-room #mesa-interativa-app{
  width:100% !important;
  height:100dvh !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#000 !important;
}

body.mi-atelier-room #mesa-interativa-app .mi-host-app{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#000 !important;
}

body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-layout{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#000 !important;
}

body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-canvas{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#000 !important;
}

body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-board{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  min-width:0 !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  background:#000 !important;
}

/* O fundo cobre o palco inteiro. Nunca usar contain. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-background{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

/* O preenchimento auxiliar não deve criar faixas nem duplicar o fundo. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-background-fill{
  display:none !important;
}

/* Símbolos mantêm sua proporção própria. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-piece-image,
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-source{
  object-fit:contain !important;
}

/* Cabeçalho e ferramentas flutuam SOBRE a Mesa e não roubam área dela. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-header{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:500 !important;
}

body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-toolrail{
  position:absolute !important;
  z-index:510 !important;
}

/* Painel também flutua: abrir/fechar nunca empurra nem redimensiona a Mesa. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel{
  position:absolute !important;
  z-index:520 !important;
}

/* Elementos antigos acima/abaixo do palco não ocupam espaço. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-board-top,
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-board-note{
  display:none !important;
}


/* ==========================================================
   0.17.0 — Preview robusto de SVG e Mesa sempre visível
   ========================================================== */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-board{
  visibility:visible !important;
  opacity:1 !important;
  z-index:1 !important;
}

body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-background{
  z-index:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-floating{
  z-index:5 !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Em SVG colorizado por máscara, a imagem-fonte fica invisível apenas
   quando a máscara realmente está ativa. */
#mesa-interativa-app .mi-vector-mask .mi-source{
  opacity:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

/* Fallback: se o navegador não suportar máscara, mostra o SVG original. */
#mesa-interativa-app .mi-vector-fallback{
  background:transparent !important;
  mask:none !important;
  -webkit-mask:none !important;
}
#mesa-interativa-app .mi-vector-fallback .mi-source{
  opacity:1 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

/* PNG/WebP também permanecem visíveis durante re-renderizações. */
#mesa-interativa-app .mi-piece-image{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}


/* ==========================================================
   0.17.1 — Opacidade por elemento
   ========================================================== */
#mesa-interativa-app .mi-opacity-controls{
  display:flex;
  align-items:center;
  gap:8px;
  padding:4px 10px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
#mesa-interativa-app .mi-opacity-controls input[type="range"]{
  width:132px;
  accent-color:#ffffff;
  cursor:pointer;
}
#mesa-interativa-app .mi-opacity-controls input[type="range"]:disabled{
  opacity:.35;
  cursor:default;
}
#mesa-interativa-app .mi-opacity-min,
#mesa-interativa-app .mi-opacity-value{
  font-size:12px;
  color:#fff;
  white-space:nowrap;
}
@media(max-width:1100px){
  #mesa-interativa-app .mi-opacity-controls input[type="range"]{width:96px}
}
@media(max-width:900px){
  #mesa-interativa-app .mi-opacity-min{display:none}
  #mesa-interativa-app .mi-opacity-controls{padding:4px 8px}
  #mesa-interativa-app .mi-opacity-controls input[type="range"]{width:78px}
}


/* ==========================================================
   0.17.3 — painel overlay estável + opacidade real
   ========================================================== */

/* O painel nunca participa do layout da mesa. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app.mi-panel-open .mi-layout,
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-layout{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* Painel é sempre overlay sobre a mesa. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel{
  position:absolute !important;
  top:66px !important;
  right:14px !important;
  bottom:14px !important;
  width:min(390px,calc(100vw - 96px)) !important;
  max-height:none !important;
  margin:0 !important;
  z-index:1000 !important;
}

/* Remove a regra antiga que forçava todos os elementos a 100%. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-floating{
  visibility:visible !important;
  z-index:5 !important;
}

/* O valor individual é aplicado inline com !important pelo JS. */


/* ==========================================================
   0.17.5 — painel com rolagem interna real
   ========================================================== */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel{
  position:absolute !important;
  top:66px !important;
  right:14px !important;
  bottom:14px !important;
  width:min(420px,calc(100vw - 96px)) !important;
  height:auto !important;
  max-height:none !important;

  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;

  touch-action:pan-y !important;
  scrollbar-gutter:stable !important;
  z-index:1000 !important;
}

/* O conteúdo interno não pode bloquear a altura rolável. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel > *{
  max-width:100% !important;
}

body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-host,
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-context,
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-footer{
  overflow:visible !important;
  min-height:0 !important;
}

/* Barra de salvar fica visível enquanto o restante do painel rola. */
body.mi-atelier-room #mesa-interativa-app .mi-panel-savebar{
  position:sticky !important;
  top:0 !important;
  z-index:20 !important;
}

/* Cada destino da barra lateral deixa um respiro quando recebe foco/rolagem. */
body.mi-atelier-room #mesa-interativa-app .mi-panel [data-mi-section]{
  scroll-margin-top:72px !important;
}

/* Scrollbar visível no desktop para deixar claro que o painel continua. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel{
  scrollbar-width:thin;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel::-webkit-scrollbar{
  width:10px;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel::-webkit-scrollbar-thumb{
  background:rgba(90,80,68,.35);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}


/* ==========================================================
   0.17.7 — nome do interagente em círculo
   ========================================================== */
#mesa-interativa-app .mi-name{
  width:132px !important;
  height:132px !important;
  min-width:132px !important;
  max-width:132px !important;
  padding:14px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  line-height:1.15 !important;
  text-align:center !important;
  overflow-wrap:anywhere !important;
  box-shadow:0 6px 24px rgba(0,0,0,.22) !important;
}
#mesa-interativa-app .mi-name-color{
  width:64px !important;
  height:42px !important;
  padding:2px !important;
  cursor:pointer;
}


/* ==========================================================
   0.17.8 — painel navegável e rolável de verdade
   ========================================================== */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel{
  position:absolute !important;
  top:66px !important;
  right:14px !important;
  bottom:auto !important;
  width:min(420px,calc(100vw - 96px)) !important;
  height:calc(100dvh - 80px) !important;
  max-height:calc(100dvh - 80px) !important;
  min-height:0 !important;

  overflow-x:hidden !important;
  overflow-y:scroll !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;

  box-sizing:border-box !important;
  scrollbar-gutter:stable both-edges !important;
}

/* O conteúdo inteiro da gaveta deve contribuir para o scrollHeight. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel .mi-host,
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel .mi-context,
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel .mi-footer{
  position:static !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

/* Barra de salvar fica presa no topo da gaveta enquanto o conteúdo rola. */
body.mi-atelier-room #mesa-interativa-app .mi-panel-savebar{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
}

/* Scrollbar evidente no desktop. */
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel::-webkit-scrollbar{
  width:12px !important;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel::-webkit-scrollbar-track{
  background:rgba(0,0,0,.06) !important;
}
body.mi-atelier-room #mesa-interativa-app .mi-host-app .mi-panel::-webkit-scrollbar-thumb{
  background:rgba(80,72,62,.45) !important;
  border-radius:999px !important;
  border:3px solid transparent !important;
  background-clip:padding-box !important;
}


/* ==========================================================
   0.17.9 — opacidade do círculo do nome
   ========================================================== */
#mesa-interativa-app .mi-name-opacity{ width:100% !important; accent-color:#ffffff; }
#mesa-interativa-app .mi-section[data-mi-section="interagente"] small{ display:block; margin-top:4px; }


/* 0.18.8 — prioridade: localizar todo o acervo dentro da edição */
#mesa-interativa-app .mi-library-priority{
  margin:10px 0 16px;
  padding:12px;
  border:1px solid rgba(183,154,104,.38);
  border-radius:14px;
  background:rgba(255,255,255,.045);
}
#mesa-interativa-app .mi-library-priority .mi-overline{
  margin-bottom:8px;
}
#mesa-interativa-app .mi-library-search,
#mesa-interativa-app .mi-library-kind{
  width:100%;
  box-sizing:border-box;
  min-height:42px;
  margin:0 0 8px;
}
#mesa-interativa-app .mi-all-library-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  max-height:58vh;
  overflow:auto;
  padding:2px 2px 5px;
}
#mesa-interativa-app .mi-library-card{
  min-width:0;
  display:grid;
  gap:6px;
  padding:7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:rgba(255,255,255,.055);
}
#mesa-interativa-app .mi-library-card-thumb{
  width:100%;
  aspect-ratio:1/1;
  border:0;
  border-radius:8px;
  background:#f7f5ef;
  padding:6px;
  overflow:hidden;
  cursor:zoom-in;
}
#mesa-interativa-app .mi-library-card-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
#mesa-interativa-app .mi-library-card-body{
  min-width:0;
  display:grid;
  gap:2px;
}
#mesa-interativa-app .mi-library-card-body strong{
  font-size:12px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#mesa-interativa-app .mi-library-card-body small{
  opacity:.68;
  font-size:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#mesa-interativa-app .mi-library-kind-label{
  text-transform:uppercase;
  letter-spacing:.05em;
}
#mesa-interativa-app .mi-library-card-add{
  width:100%;
  min-height:32px;
  margin-top:4px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.16);
  cursor:pointer;
}
#mesa-interativa-app .mi-library-card-add.is-added{
  opacity:.75;
}
#mesa-interativa-app .mi-library-secondary{
  margin:8px 0 12px;
  opacity:.78;
}
#mesa-interativa-app .mi-library-secondary summary{
  cursor:pointer;
  font-size:11px;
  margin-bottom:8px;
}
#mesa-interativa-app .mi-library-empty{
  grid-column:1/-1;
  padding:28px 10px;
  text-align:center;
  opacity:.7;
}


/* 0.18.9 — cor somente depois de selecionar a peça */
#mesa-interativa-app .mi-selected-color-controls{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  font-size:12px;
  white-space:nowrap;
}
#mesa-interativa-app .mi-selected-color-controls[hidden]{
  display:none !important;
}
#mesa-interativa-app .mi-selected-color{
  width:30px;
  height:30px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
#mesa-interativa-app .mi-selected-color::-webkit-color-swatch-wrapper{padding:2px}
#mesa-interativa-app .mi-selected-color::-webkit-color-swatch{
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
}