html,body {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#exec_sys {display: none;}
#img_ldw {
  position: fixed;
  max-width: 50px;
  max-height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9;
}
#synesiaApp {
  --bg: #050505;
  --accent: #00f2ff;
  --glass: rgba(255,255,255,0.05);
  --side-w: 280px;
  --header-h: 70px;
}

.IA {
  color: #eee;
}

.IA span {
  color: var(--accent);
}

.thinkGif {max-width: 30px;}
#synesiaApp, #synesiaApp * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#v2sna {
  display: none;
  margin-top: -5px;
  padding-left: 10px;
}
#synnesiaApp .bblRefs a {
  color: yellowgreen;
  text-decoration: none;
}

.autor {
  position: fixed;
  display: block;
  text-align: center;
  font-size: 10px;
  font-family: Courier;
  border-top: solid 1px #333;
  padding: 10px 0;
  bottom: 0;
  width: var(--side-w);
}

.autor a {
  color: #fff;
  text-decoration: none;
}

.autor b {
  color: var(--accent);
}

#synesiaApp .dvResposta p {
  font-family: Courier;
  line-height: 22px;
  text-align: justify;
}
#synesiaApp .dvResposta ul {
  padding-left: 20px;
  font-size: 14px;
}
#synesiaApp #useVerificador {
  position: absolute;
  right: 5px;
}

#synesiaApp .dvResposta div div {
  font-family: Courier;
  line-height: 22px;
  text-align: justify;
}
#synesiaApp .language-text {
  background: transparent;
  color: #000;
}
#synesiaApp .dvResposta div div ol {
  padding-left: 50px;
}

#synesiaApp .dvResposta a {
  color: var(--accent);
}

#synesiaApp .dvResposta strong {
  color: #ddd;
}

#synesiaApp .dvResposta h3 {
  margin-bottom: 15px;
}

#synesiaApp .resumoMsg {display: none;}

#synesiaApp #dvChats {
  list-style: none;
  overflow: auto;
}

#synesiaApp #dvChats ul {
  list-style: none;
}

#synesiaApp .btHistDay, #synesiaApp .btHistHour {
  border: none;
  background: transparent;
  color: white;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 5px 10px;
}

#synesiaApp #dvChats ul.hrLst {
  width: 90%;
  margin-left: 10%;
  list-style: none;
}
#synesiaApp .histHour:hover {
  background: #222;
}
#synesiaApp .btHistDay span {
  float: right;
  color: var(--accent);
}

#synesiaApp .btHistDay:hover {
  background: #333;
}

#synesiaApp #btAttach, #synesiaApp #btSend {
  cursor: pointer;
  font-size: 22px;
}

#synesiaApp {
  background: var(--bg);
  color: #e0e0e0;
  font-family: 'Inter', sans-serif;
  display: flex;
  height: 100vh;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
#synesiaApp .creditos {
  position: absolute;
  right: 130px;
  padding: 3px 0 5px 10px;
  border-radius: 5px;
}
#synesiaApp .creditos i {
  font-style: normal;
  font-family: Courier;
  display: inline-block;
  transform: scale(0.8, 1.5); 
  transform-origin: left center;
  cursor: pointer;
  font-weight: bold;
}
#synesiaApp .creditos:hover {
  background: #111;
}
#synesiaApp aside {
  width: var(--side-w);
  background: #0a0a0a;
  border-right: 1px solid var(--glass);
  display: flex;
  flex-direction: column;
  z-index: 8;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#synesiaApp .side-header {
  padding: 10px 25px;
  font-weight: 800;
  font-size: 1.4rem;
  color: var(--accent);
  border-bottom: 1px solid var(--glass);
}

#synesiaApp .menu-content {
  flex: 1;
  overflow-y: auto;
  padding: 0 15px;
  position: relative;
}
#synesiaApp .menu-content h6 {
  color: yellowgreen;
  border-bottom: solid 1px #222;
  margin: 0 -15px;
  padding: 0 10px;
  font-size: 12px;
  padding-top: 2px;
  cursor: pointer;
  font-weight: normal;
}
#synesiaApp .menu-content h6:hover {
  background: #111;
}
#synesiaApp .menu-content input {
  float: right;
}
#synesiaApp .tag {
  font-size: 0.65rem;
  color: #aaa;
  margin: 15px 0 10px 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: italic;
}

#synesiaApp .item {
  padding: 5px 15px;
  border-radius: 8px;
  cursor: pointer;
  margin-bottom: 5px;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  gap: 12px;
}

#synesiaApp .item:hover {
  background: var(--glass);
  color: var(--accent);
}

#synesiaApp .item.active {
  background: rgba(0,242,255,0.1);
  color: var(--accent);
  border: 1px solid rgba(0,242,255,0.2);
}

#synesiaApp .side-footer {
  padding: 15px;
  border-top: 1px solid var(--glass);
  background: #080808;
}

#synesiaApp .item-exit {
  color: #ff4b4b;
  display:none;
}

#synesiaApp main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
  height: 100%;
}

#synesiaApp header {
  padding: 7px 25px;
  border-bottom: 1px solid var(--glass);
  display: flex;
  align-items: center;
  background: rgba(5,5,5,0.9);
  height: 52px;
}
#synesiaApp header .IA {
  position: absolute;
  top: 15px;
  margin-left: +10px;
  margin-left: 10px;
}
#synesiaApp .btn-conn, #synesiaApp .btn-sair {
  padding: 8px 18px;
  border-radius: 6px;
  font-weight: 700;
  border: 1px solid var(--accent);
  background: transparent;
  color: var(--accent);
  cursor: pointer;
  position: absolute;
  right: 5px;
}
#synesiaApp #chat {
  flex: 1;
  overflow-y: auto;
  padding: 2px 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}
#synesiaApp #dvPrompts {
  display:none;
  height: calc(100vh - 105px);
  position: absolute;
  width: 100%;
  margin-top: 52px;
  background: #000;
  z-index: 9;
}
#synesiaApp .bbl {
  max-width: 70%;
  padding: 5px 18px;
  border-radius: 5px;
  line-height: 1.6;
  font-size: 1rem;
}
#synesiaApp .bbl.ai pre {
  width: 100%;
  overflow: auto;
  background: #fff;
  color: #333;
  padding: 10px;
  padding-top: 20px;
  border-radius: 5px;
  font-size: 12px;
  margin: 10px 0;
}

#synesiaApp .codeBox{
  position: relative;
}

#synesiaApp .btCopy {
  position: absolute;
  top: 1px;
  right: 10px;
  margin-right: 0;
  left: auto;
  z-index: 2;
  border: none;
  font-weight: bold;
  font-style: italic;
  color: #666;
  font-size: 12px;
  text-shadow: 1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff;
  cursor: pointer;
  background: transparent
}
#synesiaApp .btCopy:hover {
  text-decoration: underline
}
#synesiaApp .codeBox .codePre{
  margin: 0;
  padding-top: 42px;
}

#synesiaApp .ai {
  background: var(--glass);
  align-self: flex-start;
  border-left: 4px solid var(--accent);
  max-width: 90%;
}

#synesiaApp .usr {
  border: solid 1px #666;
  background: transparent;
  color: #eee;
  align-self: flex-end;
  font-size: 12px;
}

#synesiaApp .input-box {
  padding: 5px 25px;
  background: linear-gradient(0deg, #050505 80%, transparent);
}

#synesiaApp  .inner-input textarea{
  width:100%;
  resize:none;
  overflow:hidden;
  background:transparent;
  border:0;
  outline:0;
  color:#fff;
  font-size:1rem;
  max-height:150px;
  padding: 0 20px;
}

#synesiaApp .inner-input {
  max-width: 900px;
  margin: 0 auto;
  background: #151515;
  border: 1px solid #333;
  border-radius: 15px;
  display: flex;
  align-items: center;
  padding: 2px 20px;
  margin-bottom: 9px;
}

#synesiaApp .inner-input input {
  flex: 1;
  background: none;
  border: none;
  color: #fff;
  outline: none;
  font-size: 1.1rem;
  min-width: 0;
}
#dvAlerta {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-family: Courier;
  font-size: 10px;
  color: #fff;
  z-index: 0;
}
#dvAlerta b {
  font-family: Arial;
}
#synesiaApp .menu-trigger {
  font-size: 32px;
  cursor: pointer;
  color: var(--accent);
  position: absolute;
  left: 5px;
  top: -2px;
}

#synesiaApp .overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  z-index: 1500;
}

#synesiaApp .overlay.active {
  display: block;
}
#synesiaApp .bbl {
  white-space: pre-wrap;
  word-break: break-word;
}

/* ------------------------------------- showAlerta ---------------------------- */
#mmAlertWrap{
  position:fixed;
  top: 5px;
  right:5px;
  display:flex;
  flex-direction:column;
  gap:12px;
  z-index:9999;
  pointer-events:none;
  max-width:520px;
}

.mm-alert{
  pointer-events:auto;
  position:relative;
  display:flex;
  min-width:320px;
  border-radius:5px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  border:1px solid rgba(0,0,0,.08);
  transition:opacity .14s ease, transform .14s ease;
}

.mm-alert.mm-hide{
  opacity:0;
  transform:translateY(-6px);
}

.mm-left{
  flex:0 0 56px;
  background:var(--mm-brd);
  display:flex;
  align-items:center;
  justify-content:center;
}

.mm-badge{
  width:30px;
  padding: 5px 0 8px 0;
  border-radius:999px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
}

.mm-right{
  flex:1 1 auto;
  background:var(--mm-bg);
  padding:12px 40px 12px 12px;
}

.mm-ttl{
  margin:0;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  color:#0b0b0b;
}

.mm-msg{
  margin:4px 0 0 0;
  font-size:13px;
  line-height:1.4;
  color:#424242;
}

.mm-close{
  position:absolute;
  top:8px;
  right:8px;
  width:26px;
  height:26px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 8px 16px rgba(0,0,0,.12);
}

.mm-close:active{
  transform:scale(.97);
}

.mm-close:focus{
  outline:2px solid rgba(0,0,0,.22);
  outline-offset:2px;
}

.mm-x{
  font-size:14px;
  line-height:1;
}
/* -------------------------------- load anexos -------------------------------- */
/* ========= File picker thumbs (usa no #ulFiles) ========= */
#ulFiles {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

#ulFiles .mmFileItm {
  position: relative;
  width: 90px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 8px;
  background: rgba(0, 0, 0, 0.25);
}

#ulFiles .mmFileDel {
  position: absolute;
  top: 4px;
  right: 4px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0;
}

#ulFiles .mmFileLnk {
  display: block;
  text-decoration: none;
  color: inherit;
}

#ulFiles .mmFileBox {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
}

#ulFiles .mmFileImg {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

#ulFiles .mmFileNam {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.2;
  word-break: break-word;
  white-space: normal;
  text-align: center;
  max-height: 32px;
  overflow: hidden;
}
/* ---------------------------------------------------------------------- */
/* ===== IA Grid Assuntos/Prompts ===== */
#synesiaApp .mmIaWrap{
  display:flex;
  flex-direction:column;
  gap:14px;
  height: 100%;
}

#synesiaApp .mmIaTop {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

#synesiaApp .mmIaTtl{
  font-weight:800;
  color:#eaeaea;
  font-size:1.05rem;
  padding-left: 10px;
}

#synesiaApp .mmIaBack{
  cursor:pointer;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.04);
  color:#eaeaea;
  border-radius:10px;
  padding:8px 12px;
}

#synesiaApp .mmIaBack:hover{
  border-color:rgba(0,242,255,0.25);
  color:var(--accent);
}

#synesiaApp .mmIaGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(310px, 1fr));
  gap:12px;
  height: calc(100% - 50px);
  overflow: auto;
  overflow-x: hidden;
}

#synesiaApp .mmIaCard{
  cursor:pointer;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.05);
  border-radius:14px;
  padding:14px;
  transition:transform .12s ease, border-color .12s ease;
  min-height:74px;
  display:flex;
  gap:12px;
  align-items:center;
}

#synesiaApp .mmIaCard:hover{
  transform:translateY(-1px);
  border-color:rgba(0,242,255,0.25);
}

#synesiaApp .mmIaEmj{
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,242,255,0.08);
  border:1px solid rgba(0,242,255,0.16);
  font-size:22px;
}

#synesiaApp .mmIaTxt{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

#synesiaApp .mmIaNam{
  font-weight:800;
  color:#f2f2f2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#synesiaApp .mmIaSub{
  font-size:12px;
  color:#bdbdbd;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#synesiaApp .mmIaList {
  display:flex;
  flex-direction:column;
  gap:10px;
  height: calc(100vh - 165px);
  overflow: auto;
}

#synesiaApp .mmIaRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  border-radius:12px;
  padding:12px 14px;
}

#synesiaApp .mmIaRow:hover{
  border-color:rgba(0,242,255,0.25);
}

#synesiaApp .mmIaRow .mmIaNam{
  white-space:normal;
}

#synesiaApp .mmIaPick{
  cursor:pointer;
  border:1px solid rgba(0,242,255,0.30);
  background:transparent;
  color:var(--accent);
  border-radius:10px;
  padding:8px 12px;
  font-weight:800;
}

#synesiaApp .mmIaPick:hover{
  background:rgba(0,242,255,0.08);
}
#synesiaApp .mmIaClose{
  cursor:pointer;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.04);
  color:#eaeaea;
  border-radius:10px;
  padding:8px 12px;
  font-weight:800;
  margin-right: 10px;
}

#synesiaApp .mmIaClose:hover{
  border-color:rgba(255,80,80,0.35);
  color:#ffb3b3;
}

#synesiaApp .mmIaLoad{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:160px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  border-radius:14px;
}

#synesiaApp .mmIaLoad img{
  width:48px;
  height:48px;
  opacity:0.9;
}
#synesiaApp .mmIaView{
  cursor:pointer;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.04);
  color:#eaeaea;
  border-radius:10px;
  padding:8px 12px;
  font-weight:800;
}

#synesiaApp .mmIaView:hover{
  border-color:rgba(0,242,255,0.25);
  color:var(--accent);
}

#synesiaApp .mmIaPrmBox{
  display:none;
  margin-top:10px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(0,0,0,0.25);
  border-radius:12px;
  padding:12px;
  white-space:pre-wrap;
  word-break:break-word;
  color:#eaeaea;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px;
  line-height:1.45;
}
#synesiaApp .bblMeta{
  font-size: 11px;
  opacity: 0.75;
  margin-bottom: 8px;
  line-height: 1.2;
  user-select: none;
}

#synesiaApp .bblTxt{
  white-space: pre-wrap;
  word-break: break-word;
}

#synesiaApp .bbl.usr{
  max-height: 70px;
  overflow: hidden;
  position: relative;
}

#synesiaApp .bbl.usr.open .bblTxt{
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

/* =============================== */
#synesiaApp #chat .bbl{
  flex: 0 0 auto;
}

#synesiaApp #chat .bbl.ai.think {
  display: table;
}

#synesiaApp #chat .bbl.ai.think > * {
  display: table-cell;
  vertical-align: middle;
}

#synesiaApp #chat .bbl.ai.think .thinkTxt {
  padding-left: 20px;
  font-family: 'Times New Roman', Sans, Arial;
  font-weight: normal;
}

#synesiaApp #chat .bbl.usr{
  max-height: 70px;
  max-width: 50%;
  overflow: auto;
  overflow-y: hidden;
  margin: 10px 0;
}
#synesiaApp #chat .bbl.usr .bblRefs a {
  text-decoration: none;
  color: yellowgreen;
}
#synesiaApp #chat .bbl.usr.open{
  max-height: 9999px;
  overflow: visible;
}

.bblMetaRel {
  position: relative;
}

.btExp {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  z-index: 5;
  color: #fff;
  font-style: italic;
}
/* --------------------------------- verificador -------------------------------------------------------- */
#verifCadScope{
  width:100%;
  position: absolute;
  background: #000;
  top: 52px;
  height: calc(100vh - 52px);
  padding: 0 10px;
  display: none;
  z-index: 1;
}

#verifCadScope .vfHead{
  display:flex;
  gap:12px;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:12px;
  position: relative;
}

#verifCadScope .vfTtl{
  font-size:18px;
  font-weight:700;
  color:var(--texto, #eaeaea);
}

#verifCadScope .vfSub{
  font-size:12px;
  opacity:.75;
  margin-top:2px;
  color: yellow;
  font-style: italic;
}

#verifCadScope .vfBody{
  display:flex;
  gap:12px;
  min-width:0;
  height: calc(100% - 60px);
}

#verifCadScope .vfLeft{
  width:280px;
  min-width:240px;
  max-width:320px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

#verifCadScope .vfRight{
  flex:1 1 auto;
  width: 80%;
  height: 100%;
}

#verifCadScope .vfLeftTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
#verifCadScope .vfAgItem {
  font-size: 15px;
  position: relative;
  font-family: Courier;
  line-height: 22px;
  margin-bottom: 10px;
  cursor: pointer;
}
#verifCadScope .vfAgItem:hover {
  background: #222;
}
#verifCadScope .vfAgDel {
  position: absolute;
  right: 0;
  top: 0;
}
#verifCadScope .vfSecTtl{
  font-size:14px;
  font-weight:700;
  opacity:.9;
}

#verifCadScope .vfAssList{
  display:flex;
  flex-direction:column;
  gap:10px;
  height: calc(100% - 230px);
  overflow: auto;
  overflow-x: hidden;
}

#verifCadScope .vfAssItem{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  cursor:pointer;
  user-select:none;
}

#verifCadScope .vfAssItem:hover{
  border-color:rgba(0,242,255,0.22);
}

#verifCadScope .vfAssItem.on{
  border-color:rgba(0,242,255,0.35);
  box-shadow:0 0 0 1px rgba(0,242,255,0.12) inset;
}

#verifCadScope .vfAssEmj{
  font-size:18px;
  line-height:1;
}

#verifCadScope .vfAssTxt{
  min-width:0;
}

#verifCadScope .vfAssNam{
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#verifCadScope .vfAssSub{
  font-size:12px;
  opacity:.7;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#verifCadScope .vfTabs{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:10px;
}

#verifCadScope .vfTab{
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  color:var(--texto, #eaeaea);
  padding:8px 12px;
  border-radius:12px;
  cursor:pointer;
}

#verifCadScope .vfTab.on{
  border-color:rgba(0,242,255,0.35);
  background:rgba(0,242,255,0.08);
  color:var(--accent, #00f2ff);
}

#verifCadScope .vfTab:disabled{
  opacity:.5;
  cursor:not-allowed;
}

#verifCadScope .vfTabsRight{
  display:flex;
  gap:10px;
  align-items:center;
}

#verifCadScope .vfCount{
  font-size:12px;
  opacity:.8;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
}

#verifCadScope .vfPanel{
  position:relative;
  height: 100%;
}

#verifCadScope .vfPane{
  background:rgba(255,255,255,0.04);
  height: 100%;
}
#verifCadScope .vfPromptSel {
  padding: 5px;
  height: 100%;
}
#verifCadScope .vfPromptCfg {
  padding: 5px;
}
#verifCadScope .vfPromptSel #vfPromptLoaded {
  width: 100%;
  height: calc(100% - 50px);
  overflow: auto;
  overflow-x: none;
  overflow-x: hidden;
}
#verifCadScope #dvAbas {
  list-style: none;
  padding: 0;
}
#verifCadScope #dvAbas li.liAba {
  float: left;
  padding: 5px 20px;
  border-bottom: solid 1px #333;
  border-right: solid 1px #333;
  cursor: pointer;
}
#verifCadScope #dvAbas li.liAba.active, #verifCadScope #dvAbas li.liAba:hover {
  background: #333;
}
#verifCadScope .vfPaneTop{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
  padding: 10px;
}

#verifCadScope .vfPaneTtl{
  font-size:14px;
  font-weight:800;
}

#verifCadScope .vfHint{
  font-size:12px;
  opacity:.75;
  color: yellow;
  font-style: italic;
}

#verifCadScope .vfFilterRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

#verifCadScope .vfInput{
  flex:1 1 240px;
  min-width:220px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  color:var(--texto, #eaeaea);
  border-radius:12px;
  padding:10px 12px;
  outline:none;
}

#verifCadScope .vfSelect{
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  color:var(--texto, #eaeaea);
  border-radius:12px;
  padding:10px 12px;
  outline:none;
  cursor:pointer;
}

#verifCadScope .vfPrmList{
  clear: both;
  display:flex;
  flex-direction:column;
  gap:10px;
}

#verifCadScope .vfPrmRow{
  display:flex;
  gap:10px;
  align-items:flex-start;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.03);
  border-radius:12px;
  padding:10px 12px;
}

#verifCadScope .vfPrmTxt{
  min-width:0;
}

#verifCadScope .vfPrmNam{
  font-size:13px;
  font-weight:800;
}

#verifCadScope .vfPrmSub{
  font-size:12px;
  opacity:.75;
  margin-top:2px;
}

#verifCadScope .vfPrmPre{
  margin-top:6px;
  font-size:12px;
  opacity:.85;
  display:none;
  white-space:pre-wrap;
}

#verifCadScope .vfPrmBtns{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}

#verifCadScope .vfBtn{
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  color:var(--texto, #eaeaea);
  padding:8px 12px;
  border-radius:12px;
  cursor:pointer;
}

#verifCadScope .vfBtn:hover{
  border-color:rgba(0,242,255,0.22);
}

#verifCadScope .vfBtnClose{
  border-color:rgba(255,80,80,0.25);
  position: absolute;
  right: 0;
  top: 8px;
}
#verifCadScope .vfBtnMain{
  border-color:rgba(0,242,255,0.35);
  background:rgba(0,242,255,0.08);
  color:var(--accent, #00f2ff);
}

#verifCadScope .vfBox{
  border-radius:12px;
  padding:12px;
  height: calc(100% - 65px);
}
#verifCadScope .vfBoxTtl{
  font-size:16px;
  font-weight:800;
  opacity:.85;
  margin-bottom:6px;
}

#verifCadScope .vfPickInfo{
  font-size:12px;
  opacity:.85;
  white-space:pre-wrap;
  margin-left: 15px;
  height: 230px;
  overflow: auto;
  overflow-x: none;
  overflow-x: hidden;
}

#verifCadScope .vfText{
  width:100%;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  color:var(--texto, #eaeaea);
  border-radius:12px;
  padding:10px 12px;
  outline:none;
  height: 150px;
}

#verifCadScope .vfBtnRow{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:10px;
}

#verifCadScope .vfWarn{
  margin-top:10px;
  font-size:12px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,180,0,0.25);
  background:rgba(255,180,0,0.08);
}

#verifCadScope .vfTableTop{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

#verifCadScope .vfEmpty{
  text-align:center;
  opacity:.75;
  padding:14px 10px;
}

#verifCadScope .vfLoad{
  position:absolute;
  top:10px;
  right:10px;
  font-size:12px;
  padding:8px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(0,0,0,0.35);
}

/* ======= ISOLADO: tudo dentro de #synesiaAuthWrap ======= */
  #synesiaAuthWrap{
    position:fixed;
    inset:0;
    z-index:9;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    font-family:Courier, monospace;
  }
  .senhaShow:before {
    content: "🔓";
   }
  .senhaHide:before {
    content: "🔒";
   }
  .senhaShow,.senhaHide {
    position: absolute;
    right: 5px;
    font-size: 24px;
    margin-top: 3px;
    font-style: normal;
    cursor:pointer;
  }
  .passRem {
    color: #00f2ff;
    font-family: Arial;
    text-decoration: none;
  }
  .passRem:hover {text-decoration: underline;}
  #synesiaAuthWrap.synAuthHide{display:none;}

  #synesiaAuthWrap .synAuthBack{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.82);
  }

  #synesiaAuthWrap .synAuthBox{
    position:relative;
    width:100%;
    max-width:980px;
    background:#050505;
    border:1px solid #333;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.55);
  }

  #synesiaAuthWrap .synAuthHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 16px;
    border-bottom:1px solid #333;
    background:#070707;
  }

  #synesiaAuthWrap .synAuthTtl{
    font-size:16px;
    font-weight:800;
    color:#00f2ff;
  }

  #synesiaAuthWrap .synAuthClose{
    border:1px solid rgba(255,80,80,0.35);
    background:transparent;
    color:#ffb3b3;
    border-radius:10px;
    width:38px;
    height:32px;
    cursor:pointer;
    font-size:18px;
    line-height:1;
    font-weight:800;
  }
  #synesiaAuthWrap .synAuthClose:hover{
    background:rgba(255,80,80,0.10);
  }

  #synesiaAuthWrap .synAuthBody{
    display:flex;
    gap:12px;
    padding:12px;
  }

  #synesiaAuthWrap .synAuthCol{
    flex:1 1 0;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
    border-radius:12px;
    padding:12px;
    min-width:0;
  }

  #synesiaAuthWrap .synAuthColTtl{
    font-size:14px;
    font-weight:800;
    color:#eaeaea;
    margin-bottom:10px;
  }

  #synesiaAuthWrap .synAuthRow{
    margin-bottom:10px;
    position: relative;
  }

  #synesiaAuthWrap .synAuthLbl{
    display:block;
    font-size:12px;
    opacity:.85;
    margin-bottom:6px;
    color:#ddd;
  }

  #synesiaAuthWrap .synAuthInp{
    width:calc(100% - 25px);
    border:1px solid rgba(255,255,255,0.12);
    background:rgba(0,0,0,0.35);
    color:#eaeaea;
    border-radius:10px;
    padding:10px 12px;
    outline:none;
    font-size:13px;
  }
  #synesiaAuthWrap .synAuthInp:focus{
    border-color:rgba(0,242,255,0.35);
    box-shadow:0 0 0 1px rgba(0,242,255,0.12) inset;
  }

  #synesiaAuthWrap .synAuthCheck{
    margin-top:4px;
  }

  #synesiaAuthWrap .synAuthCkb{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    color:yellow;
    font-style:italic;
    cursor:pointer;
    user-select:none;
  }

  #synesiaAuthWrap .synAuthBtns{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:12px;
  }

  #synesiaAuthWrap .synAuthBtn{
    padding:8px 14px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.12);
    background:transparent;
    color:#eaeaea;
    font-weight:800;
    cursor:pointer;
  }
  #synesiaAuthWrap .synAuthBtn:hover{
    border-color:rgba(0,242,255,0.25);
    color:#00f2ff;
  }

  #synesiaAuthWrap .synAuthMain{
    border-color:rgba(0,242,255,0.35);
    background:rgba(0,242,255,0.08);
    color:#00f2ff;
  }
  #synesiaAuthWrap .synAuthMain:hover{
    background:rgba(0,242,255,0.12);
  }

  #synesiaAuthWrap .synAuthMsg{
    margin-top:10px;
    font-size:12px;
    padding:10px 12px;
    border-radius:10px;
    border:1px solid rgba(255,180,0,0.25);
    background:rgba(255,180,0,0.08);
    color:#eaeaea;
  }
  #synesiaAuthWrap .synAuthMsg.synAuthHide{display:none;}
  #synesiaAuthWrap .btCad, #synesiaAuthWrap .btLogin {
    display: none;
  }
  @media (max-width: 900px){
    #synesiaAuthWrap .synAuthBody{
      flex-direction:column;
    }
    #synesiaAuthWrap #frmCadastro {
      display: none;
    }
    #synesiaAuthWrap .synAuthInp {
      padding: 5px 10px;
    }
    #synesiaAuthWrap .btCad, #synesiaAuthWrap .btLogin {
      display: block;
    }
  }

/* ------------------------------------------------------------------------------------------------------- */
.syn-modal-fullscreen {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: #0b0f14;
  color: #e5e7eb;
  z-index: 9;
  display: none;
  flex-direction: column;
  box-shadow: inset 0 0 0 1px rgba(0, 242, 255, 0.06);
  
}
#dvLogPop div div div {color: #000}
#credMpFrame {
  max-height: 400px;
  overflow: auto;
}
.syn-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  box-sizing: border-box;
  background: #070b10;
  border-bottom: 1px solid #141a22;
}

.syn-modal-title {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.3px;
  color: #00f2ff;
}

.syn-modal-close {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #fafafa;
  font-size: 18px;
  cursor: pointer;
  user-select: none;
  z-index: 99;
}

.syn-modal-close:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(0, 242, 255, 0.55);
}

.syn-modal-body {
  flex: 1;
  box-sizing: border-box;
  height: calc(100vh - 38px);
}

@media (max-width: 480px) {
  .syn-modal-header {
    padding: 10px 12px;
  }
  .syn-modal-body {
    padding: 10px 12px;
  }
}

/* ------------------------------------------------------------------------------------------------------- */
:root {
  --fundo-body: #000;
  --bordas: rgba(0, 242, 255, .25);
  --barra-topo: #000;
  --rodape: #000;
  --texto: #fff;
  --sub-texto: rgba(255, 255, 255, .8);
  --detalhes: #00f2ff;
  --destacar: rgba(0, 242, 255, .06);
  --btn-primary: #00f2ff;
  --btn-warning: #fa0;
  --btn-danger: #ff3b3b;
  --btn-success: #00f2ff;
  --bts-texto: #000;
  --fundo-form: rgba(0, 0, 0, .35);
  --fundo-staff: rgba(255, 255, 255, .03);
  --texto-detalhes: #00f2ff;
  --fundo-hover: rgba(255, 255, 255, .05);
  --texto-hover: #fff;
}
.bubble .staff_alerta {
	background: url('../imagem/staff-alerta.png');
}
.bubble .staff_duvida {
	background: url('../imagem/staff-duvida.png');
}
.bubble .staff_erro {
	background: url('../imagem/staff-erro.png');
}
.bubble .staff_ola {
	background: url('../imagem/staff-inicio.png');
}
.bubble .staff_ok {
	background: url('../imagem/staff-ok.png');
}
.logo_linktalk {
  background: url('../imagem/linktalk.png');
  width: 26px;
  height: 26px;
  display: inline-block;
  background-position: center center !important;
  background-size: 100% 100% !important;
  margin-left: 5px;
}
.tit_linktalk {
  position: relative;
  top: -7px;
  font-size: 16px;
}
.bubble {
  position: fixed;
  background: var(--destacar);
  font-family: Arial;
  max-width: 400px;
  min-width: 310px;
  max-height: 79vh;
  border-radius: 10px;
  padding: 0;
  border: solid 1px var(--bordas);
  bottom: 94px;
  right: 10px;
  z-index: 99;
  padding: 10px;
}
@media only screen and (min-width: 1024px) {
  .bubble {
    right: 40vh
  }
}
.bubble:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  z-index: 8;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent var(--bordas) transparent transparent;
  bottom: -20px;
  right: 45px;
  margin-left: -10px;
}
.bubble .i_staff {
  position: absolute;
  top: -28px;
  right: 0;
  font-size: 20px;
  color: #000;
  cursor: pointer;
  font-family: Arial;
  color: #fff;
  line-height: 20px;
  background: #000;
  padding: 3px 7px;
  text-align: center;
  border-radius: 20px;
  font-style: normal;
  font-weight: bold;
}
.bubble .ico_staff {
  position: absolute;
  right: 0;
  top: auto;
  bottom: -74px;
  width: 64px;
  height: 64px;
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: center;
}
.cp_staff {
  clear: both;
  overflow: auto;
  overflow-x: hidden;
  width: calc(100% - 10px);
  height: 100%;
  margin: 0;
  background: #000;
  border-radius: 10px;
  padding: 10px 5px;
}
.cp_staff button {
  color: var(--texto);
  font-weight: bold;
  float: right;
  margin: 10px;
}
.cp_staff button.direita {float: right;}
.cp_staff button.esquerda {float: left;}
.cp_staff h4 {
  text-align: center;
  font-weight: bold;
  color: #00f2ff;
}
.tit_staff_erro,.tit_staff_ola,.tit_staff_alerta,.tit_staff_ok,.tit_staff_duvida {
  text-align: center;
  font-size: 22px;
  font-family: 'Sans serif';
  font-family: sans-serif;
}
.tit_staff_erro span {
  font-size: 14px;
  color: #a00;
}
.cp_staff h3 {
  text-align: center;
}
h3.aviso {
  text-align: center;
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-style: italic;
}
p.aviso {
  max-width: 310px;
  padding:0 10px;
  color: var(--texto);
  text-indent: 40px;
  text-align: justify;
}
.cp_staff {color: var(--texto);}
.cp_staff .staff_load {
  display: block;
  margin: 50px auto;
  max-width: 50px;
}
.cp_staff .tx_staff_erro {
  text-align: justify;
  padding: 0 10px;
  line-height: 22px;
}
.tx_staff {
  display: block;
  width: 100%;
  overflow-y: auto;
  min-width: 480px;
  height: 250px;
}

p.ola {
  max-width: 310px;
  padding: 10px;
  text-align: justify;
  text-indent: 50px;
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
}
.cp_staff .frm-staff {
  width: 480px;
  float: right;
  margin-right: 5px;
}
.cp_staff .form-group {
  clear: both;
  display: block;
  min-height: 35px;
}
.cp_staff .input-group-addon i {
  background: var(--btsucesso);
  height: 30px;
  width: 30px;
  line-height: 25px;
  margin-top: -7px;
  margin-right: -12px;
  border: solid 1px var(--bordasucesso);
  font-size: 16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cp_staff .form-group input {
  background: var(--fundo-form);
}
.cp_staff .form-group label {
  font-weight: bold;
  margin-left: +20px;
  margin-left: 20px;
}
.anuncio {
  margin: 0 0 10px 0;
  text-align: center;
}
#dd_cod_reader {
  width: 100%;
  height: 150px;
  font-size: 22px;
}
#dv_cd_reader {
  width: 100vw;
  max-width: 480px;
  height: 35vh;
  padding: 0 5px;
}
#dv_cd_reader .fa-clone {
  font-size: 16px;
  margin-right: 10px;
}
#dv_cd_reader .btn-primary {
  color: #fff;
}
.cp_staff .icostaff {
  display: block;
  font-size: 64px;
  text-align: center;
  width: 100%;
  padding-top: 10px;
}
.icostaff.fa-exclamation-triangle {color: #900;}
.icostaff.fa-bell-o {color: #770;}
.icostaff.fa-question-circle {color: #000;}
.icostaff.fa-chevron-circle-down {color: #070;}
.icostaff.fa-thumbs-up {color: #00f;}
.btn {
  cursor: pointer;
  padding: 5px 15px;
}
.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
  opacity: .9;
}
.btn-primary:hover {
  opacity: 1;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
  opacity: .9;
}
.btn-success:hover {
  opacity: 1;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
  opacity: .9;
}
.btn-warning:hover {
  opacity: 1;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  opacity: .9;
}
.btn-danger:hover {
  opacity: 1;
}

.btn-default {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #dee2e6;
  opacity: .9;
}
.btn-default:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
  opacity: 1;
}
.cli-card{
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  border-radius:16px;
  overflow:hidden;
  margin-bottom:18px;
}

.cli-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 14px;
  font-size:16px;
  cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,0.06);
}

.cli-item:last-child{
  border-bottom:none;
}

.cli-item:hover{
  background:rgba(0,242,255,0.08);
  color:#00f2ff;
}

.cli-sep{
  font-size:12px;
  opacity:.7;
  margin:12px 4px 8px 4px;
  letter-spacing:1px;
  text-transform:uppercase;
}
/* --------------------------------------- modal pagamento ------------------------------------- */
/* COLUNA 1 - Estrutura Principal e Abas */
#mdCreditos .credWrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 14px;
  box-sizing: border-box;
}

#mdCreditos .credTabs {
  display: flex;
  gap: 10px;
  margin: 8px 0 14px 0;
}

#mdCreditos .credTab {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: #e5e7eb;
  border-radius: 14px;
  padding: 5px 10px;
  font-weight: 900;
  cursor: pointer;
}

#mdCreditos .credTab.on {
  border-color: rgba(0, 242, 255, 0.55);
  box-shadow: 0 0 0 1px rgba(0, 242, 255, 0.22) inset;
}

#mdCreditos .credPainel {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  flex-wrap: wrap;
}

#mdCreditos .credValores {
  flex: 1;
  min-width: 300px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 18px;
  padding: 14px;
}

/* COLUNA 2 - Grid de Valores e Componentes */
#mdCreditos .credRot {
  font-weight: 900;
  color: #cbd5e1;
  margin-bottom: 10px;
}

#mdCreditos .credGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

#mdCreditos .credVal {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: #e5e7eb;
  border-radius: 14px;
  padding: 22px 8px;
  font-weight: 900;
  cursor: pointer;
  font-size: 18px;
}

#mdCreditos .credVal.on {
  border-color: rgba(0, 242, 255, 0.55);
  box-shadow: 0 0 0 1px rgba(0, 242, 255, 0.22) inset;
}

#mdCreditos .credCustom {
  margin-top: 12px;
}

#mdCreditos #credValorInp {
  width: calc(100% - 25px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.35);
  color: #e5e7eb;
  border-radius: 14px;
  padding: 12px 12px;
  font-weight: 900;
  outline: none;
}

#mdCreditos .credBox {
  flex: 1;
  min-width: 300px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 18px;
  padding: 14px;
}

#mdCreditos .credBoxTit {
  font-size: 16px;
  font-weight: 900;
  color: #00f2ff;
  margin-bottom: 8px;
  display: none;
}

#mdCreditos .credBoxTxt {
  color: #cbd5e1;
  margin-bottom: 12px;
  display: none;
}

#mdCreditos .credBt,
#mdCreditos .credBt2 {
  border: 0;
  border-radius: 14px;
  padding: 5px 14px;
  font-weight: 900;
  cursor: pointer;
  background: #00f2ff;
  color: #001018;
}

#mdCreditos .credBt2 {
  background: rgba(255, 255, 255, 0.08);
  color: #e5e7eb;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

#mdCreditos .credRow {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}

#mdCreditos #credCoinSel {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.35);
  color: #e5e7eb;
  border-radius: 14px;
  padding: 12px 12px;
  font-weight: 900;
  outline: none;
}

#mdCreditos .credInfo {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.10);
  color: #e5e7eb;
  word-break: break-word;
}

.cv4-btn{
  border-radius:5px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#e9eef6;
  padding:6px 10px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  line-height:1.2;
  min-height:32px;
  width:100%;
}

.cv4-btn:hover{ background:rgba(255,255,255,.10); }

.cv4-btn:focus{
  outline:none;
  box-shadow:0 0 0 2px rgba(0,242,255,.12);
}
/* Media Queries */
@media (max-width: 720px) {
  #mdCreditos .credGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* --------------------------------------------------------------------------------------------- */
@media (min-width: 901px) {
  #synesiaApp .item-exit {
    display: none;
  }
}
@media (max-width: 900px) {
  #synesiaApp  {
    height: 100%;
  }
  #synesiaApp aside {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100vw;
    box-shadow: 20px 0 50px #000;
    display: none;
  }

  #synesiaApp aside.open {
    transform: translateX(0);
  }

  #synesiaApp #chat {
    display: block;
    flex: none;
    height: calc(100vh - 160px);
  }

  #synesiaApp header {
    height: 45px;
    padding: 0 15px;
    border-bottom: solid 1px #222;
    padding-top: 5px;
  }
  #synesiaApp .bbl.usr {
    float: right;
  }
  #synesiaApp .bbl {
    max-width: 90%;
    font-size: 0.9rem;
    padding: 5px 10px;
    clear: both;
  }
  
  #synesiaApp .side-header {
    padding: 15px;
    font-size: 1.1rem;
  }
  
  #synesiaApp .menu-content {
    height: calc(100vh - 160px);
  }

  #synesiaApp .item {
    padding: 5px 10px;
    font-size: 0.85rem;
    width: 100%;
    font-size: 12px;
  }

  #synesiaApp .input-box {
    padding: 5px;
  }

  #synesiaApp .inner-input textarea {
    padding: 7px;
  }
  #synesiaApp .side-footer {
    padding: 12px;
  }
  #synesiaApp .item-exit {
    display: flex;
    padding: 5px
  }
  #synesiaApp header .IA {
     margin-left: +20px;
    margin-top: -3px;
  }
  #synesiaApp .btn-conn span, #synesiaApp .btn-plus span {
    display: none;;
  }
  #synesiaApp .btn-conn {
    border-radius: 50px;
    padding: 5px 7px;
    font-size: 18px;
  }
  #synesiaApp .btn-plus {
    border-radius: 50px;
    padding: 5px 7px;
    font-size: 18px;
    right: 60px
  }
  #synesiaApp .inner-input {
    width: 100%;
    padding: 2px 10px;
  }
  #synesiaApp #btAttach, #synesiaApp #btSend {
    font-size: 16px;
  }
  #verifCadScope {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    z-index: 9
  }
  #verifCadScope .vfTtl {
    text-align: center;
    font-size: 16px;
  }
  #verifCadScope .vfSub {
    text-align: center;
  }
  #verifCadScope .vfHeadRight {
    width: 100%;
  }
  #verifCadScope .vfBody{
    flex-direction:column;
  }

  #verifCadScope .vfLeft{
    display:none;
  }

  #verifCadScope #vfAssMobile{
    display:block !important;
    width: 100%;
  }
  #verifCadScope .vfRight {
    width: 100%;
  }
  #verifCadScope .vfPane {
    height: calc(100vh - 130px);
  }
  #verifCadScope .vfPickInfo {
    height: 100px;
  }
  #verifCadScope .vfBoxTtl {
    font-size: 14px;
  }
  #verifCadScope .vfText {
    height: 100px
  }
  #verifCadScope #vfBackPick {display: none;}
  #verifCadScope .vfBtnClose span {display: none;}
  #verifCadScope .vfBtnClose {
    padding: 5px;
    border-radius: 20px;
    position: absolute;
    top: 2px;
    right: 0;
    margin-right: -7px;
  }
  #synesiaApp .mmIaList {
    height: calc(100vh - 155px);
  }
  #synesiaApp .mmIaRow .mmIaNam {
    font-size: 12px
  }
  #synesiaApp .mmIaPrmBox {
    width: 100%;
  }
  #synesiaApp .mmIaRow {
    display: block;
  }
  #synesiaApp .mmIaTxt {
    flex: 0 !important;
    min-width: 100% !important;
  }
  #synesiaApp .mmIaRow [style*="gap:10px"] {
     margin-top: 5px;
  }
  #synesiaApp .mmIaGrid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    width: 100%;
    padding: 0 5px;
  }
  #synesiaApp #dvPrompts {
    height: calc(100vh - 100px);
  }
  .autor {width: 100%;}
  #synesiaApp .item {
    font-size: 18px;
  }
  #ulFiles {
    position: absolute;
    bottom: 55px;
    width: 100%;
    background: black;
  }
  #synesiaApp .creditos {
    right: 100px;
    font-size: 14px;
    font-weight: bold;
  }
  #synesiaApp .menu-trigger {
    top: -4px;
  }
}