/* TERMINAL_LINK_UI_V58 */

#workspace .panel.bottom {display:none!important}

#workspace .panel.monitor {
  padding:10px 12px!important;
  margin-bottom:8px!important;
}

#workspace .monitor p,
#workspace .monitor .muted {display:none!important}

#workspace .monitor h2 {
  font-size:15px!important;
  margin:0!important;
}

#workspace nav {margin:7px 0 10px!important}
#workspace nav button {padding:11px 8px!important;min-height:44px!important}

#workspace .panel:has(#terminal) {padding:11px!important}
#workspace .termhead {padding:2px 2px 9px!important;gap:10px}

#terminal {
  height:clamp(280px,53svh,580px)!important;
  min-height:280px!important;
  background:#060d15!important;
  border:1px solid #253c50!important;
  border-bottom:0!important;
  border-radius:12px 12px 0 0!important;
  margin:0!important;
  padding:8px!important;
}

#tl57-console {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  margin:0 0 8px!important;
  padding:8px!important;
  background:#060d15!important;
  border:1px solid #253c50!important;
  border-top:1px solid #172f43!important;
  border-radius:0 0 12px 12px!important;
}

#tl57-console .tl57-input-line {
  display:flex!important;
  min-width:0!important;
  margin:0!important;
  align-items:center!important;
}

#tl57-console .tl57-actions {
  display:flex!important;
  margin:0!important;
  gap:0!important;
}

#tl57-prompt {
  font-size:13px!important;
  line-height:35px!important;
}

#tl57-input {
  font-size:16px!important;
  line-height:21px!important;
  min-width:0!important;
  min-height:36px!important;
  height:36px;
  max-height:126px!important;
}

#tl57-go {
  min-width:80px!important;
  min-height:40px!important;
  padding:6px 9px!important;
  border:0!important;
  font-size:13px!important;
}

#tl50-info {
  margin:2px 0 7px!important;
  padding:4px 2px!important;
  font-size:12px!important;
  line-height:1.3!important;
}

#tl50-history {margin:0!important;padding:0!important}

#workspace .controls {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:4px 0 8px!important;
}

#workspace .controls button {
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:9px!important;
  font-size:13px!important;
  overflow-wrap:anywhere;
}

#tl53-diag {
  grid-column:1/-1!important;
  background:#23495b!important;
}

#tl58-more {
  background:#0c1d30;
  border:1px solid #30465f;
  border-radius:10px;
  padding:0 10px;
  margin:0 0 5px;
}

#tl58-more>summary {
  cursor:pointer;
  padding:12px 4px;
  color:#bfd9e9;
  font-size:13px;
  font-weight:600;
  list-style-position:inside;
}

#tl58-tools {
  display:flex;
  flex-direction:column;
  gap:9px;
  padding-bottom:12px;
}

#tl58-tools>button {
  font-size:13px;
  min-height:40px!important;
  width:100%;
  background:#234056!important;
}

#tl58-tools .keys {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}

#tl58-tools .keys button {
  font-size:12px!important;
  padding:8px 4px!important;
  min-height:40px!important;
  min-width:0!important;
}

#tl58-tools #tl50-history button {
  font-size:12px!important;
  min-height:38px!important;
  width:100%;
}

#tl50-entry {display:none!important}
#tl57-copyview {margin:8px 0!important}


/* TL_IPHONE_VISUAL_SAFE_20261017: exclusivamente apresentacao */
@media screen and (max-width:1024px) and (hover:none) and (pointer:coarse) {
  #terminal {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:clamp(250px,45svh,510px)!important;
    min-height:250px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
  }
  #tl57-console {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
  }
  #tl57-console .tl57-input-line {
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
  }
  #tl57-console #tl57-input {
    box-sizing:border-box!important;
    flex:1 1 0%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    overflow-wrap:anywhere!important;
    white-space:pre-wrap!important;
    resize:none!important;
  }
  #tl57-console #tl57-input:focus {
    height:132px!important;
    max-height:132px!important;
  }
  #tl57-console .tl57-actions {
    display:flex!important;
    flex-flow:row wrap!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
  }
  #tl57-console .tl57-actions > button {
    box-sizing:border-box!important;
    flex:1 1 118px!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #tl57-console #tl57-keyboard {
    display:inline-flex!important;
  }
}


/* TL_IPHONE_TERMINAL_COMPACTO_20261017_V2 - somente altura e rolagem */
@media screen and (max-width:1024px) and (hover:none) and (pointer:coarse) {
  #terminal {
    height:clamp(152px,24svh,200px)!important;
    min-height:152px!important;
    max-height:200px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


/* TL_IPHONE_FONTE_COMPACTA_20261017_V1: saida menor, painel grande */
@media screen and (max-width:1024px) and (hover:none) and (pointer:coarse) {
  #terminal {
    height:clamp(320px,64vh,820px)!important;
    height:clamp(320px,64dvh,820px)!important;
    min-height:0!important;
    max-height:none!important;
    padding:5px!important;
    overflow-y:auto!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #terminal .xterm {
    zoom:0.88!important;
  }
  #terminal pre, #terminal code {
    font-size:11px!important;
    line-height:1.2!important;
    white-space:pre!important;
  }
  #tl57-console, #tl57-input, #tl57-go, #tl57-keyboard {
    scroll-margin-bottom:12px;
  }
}