.t180-mmb-wrap{ width:100%; max-width:100%; box-sizing:border-box; }
.t180-mmb-toolbar{
  display:flex; flex-wrap:wrap; gap:8px;
  align-items:center; justify-content:flex-start;
  padding:10px; border:1px solid #d0d7de; border-radius:10px;
  background:#f6f8fa; margin-bottom:10px;
}
.t180-mmb-group{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.t180-mmb-btn{
  font-size:13px;
  appearance:none; -webkit-appearance:none;
  border:1px solid #13AFF0;
  background:#13AFF0;
  color:#fff;
  padding:8px 10px;
  border-radius:10px;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  user-select:none;
}
.t180-mmb-btn:hover{ filter:brightness(0.95); }
.t180-mmb-btn.is-active{
  background:#ffffff;
  color:#13AFF0;
}
.t180-mmb-select{
  border:1px solid #0b5cff;
  border-radius:10px;
  padding:7px 8px;
  background:#fff;
  color:#13AFF0;
  font-size:14px;
}
.t180-mmb-stage{
  position:relative;
  border:1px solid #d0d7de;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.t180-mmb-canvas{
  width:100%;
  height:100%;
  display:block;
  touch-action:none; /* important for touch drawing */
}
.t180-mmb-toast{
  position:absolute;
  left:10px; bottom:10px;
  background:rgba(0,0,0,0.75);
  color:#fff;
  padding:8px 10px;
  border-radius:10px;
  font-size:13px;
  display:none;
  max-width: calc(100% - 20px);
}
.t180-mmb-help{ font-size:13px; color:#57606a; margin-top:8px; }
.t180-mmb-zoom{ min-width:52px; display:inline-block; text-align:center; font-weight:600; color:#13AFF0; }
.t180-mmb-admin-note{ padding:10px; border:1px dashed #999; border-radius:8px; background:#fff; }

.t180-mmb-fullscreen{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  background:#fff;
  z-index: 999999;
  display:flex;
  flex-direction:column;
  padding:10px;
  box-sizing:border-box;
}
.t180-mmb-fullscreen .t180-mmb-stage{
  flex:1;
  width:100% !important;
}
.t180-mmb-fullscreen .t180-mmb-stage{
  height:auto;
}
.t180-mmb-fullscreen .t180-mmb-canvas{
  height:100%;
}

.t180-mmb-admin-form .form-table th{width:220px;}


/* ===== v1.1.7 UI improvements ===== */
.t180-mmb-wrap{ --t180-mmb-h: 520px; }

/* Stage should always have an explicit height (fix partial-operable area issues) */
.t180-mmb-stage{ height: var(--t180-mmb-h); }

/* In fullscreen, allow stage to stretch */
.t180-mmb-wrap.is-fullscreen .t180-mmb-stage{ height: calc(100vh - 120px); }

/* Convert emoji+text buttons to icon/text spans */
.t180-mmb-btn .t180-mmb-ico{ display:inline-flex; align-items:center; justify-content:center; width:18px; margin-right:6px; }
.t180-mmb-btn .t180-mmb-txt{ display:inline-block; vertical-align:middle; }

/* Student mode: icon only */
.t180-mmb-wrap.t180-mmb-mode-student .t180-mmb-btn .t180-mmb-txt{ display:none; }
.t180-mmb-wrap.t180-mmb-mode-student .t180-mmb-btn{ padding:8px 10px; }

/* Hide old selects (kept in DOM for state / a11y) */
.t180-mmb-select[data-action="pen-color"],
.t180-mmb-select[data-action="pen-width"],
.t180-mmb-select[data-action="shape-type"],
.t180-mmb-select[data-action="shape-width"]{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* Popover panel */
.t180-mmb-pop{
  position:absolute;
  z-index:9999;
  min-width: 220px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  padding:10px 12px;
  display:none;
}
.t180-mmb-pop .t180-mmb-pop-row{ display:flex; align-items:center; gap:10px; margin:8px 0; }
.t180-mmb-pop .t180-mmb-pop-title{ width:42px; font-weight:600; color:#57606a; }

.t180-mmb-pop .t180-mmb-color{
  width:26px; height:26px; border-radius:999px; border:2px solid rgba(0,0,0,.1);
  cursor:pointer; box-sizing:border-box;
}
.t180-mmb-pop .t180-mmb-color.is-on{ border-color:#0b5cff; box-shadow:0 0 0 3px rgba(11,92,255,.15); }

.t180-mmb-pop .t180-mmb-chip{
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  border-radius:12px;
  padding:6px 10px;
  cursor:pointer;
  font-weight:600;
}
.t180-mmb-pop .t180-mmb-chip.is-on{ border-color:#0b5cff; box-shadow:0 0 0 3px rgba(11,92,255,.12); }

.t180-mmb-pop .t180-mmb-shape{
  width:34px; height:34px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid rgba(0,0,0,.12);
  cursor:pointer;
  font-size:18px;
  background:#fff;
}
.t180-mmb-pop .t180-mmb-shape.is-on{ border-color:#0b5cff; box-shadow:0 0 0 3px rgba(11,92,255,.12); }

.t180-mmb-mode-toggle .t180-mmb-btn{ padding:8px 12px; }

/* v1.1.9: popovers positioning */
.t180-mmb-wrap{ position:relative; }
.t180-mmb-toolbar{ position:relative; }