/* Shared JSON Formatter Power V3 presentation for URL/Base64/Timestamp/HTML Entity
   converters. Only converter-specific adjustments; all core V3 styling is reused. */
.tbv2-converter-power-v3 .tbv2-code-editor .tbv2-tool-textarea,
.tbv2-converter-power-v3 .tbv2-code-editor[data-has-value="true"] .tbv2-tool-textarea {
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  caret-color:#111827 !important;
}
.tbv2-converter-power-v3 .tbv2-code-highlight {display:none !important;}
.tbv2-converter-power-v3 .tbv2-v3-editor-wrap {
  min-height:0 !important;
}
.tbv2-converter-power-v3 .tbv2-v3-editor-wrap textarea[readonly]{
  cursor:text !important;
}
.tbv2-converter-power-v3 .tbv2-v3-output-action-zone .tbv2-v3-secondary-actions {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.tbv2-converter-power-v3 .tbv2-v3-format-btn {
  background:#5b21d6 !important;
  color:white !important;
  border-color:#5b21d6 !important;
}
.tbv2-converter-power-v3 .tbv2-v3-toolbar button::before,
.tbv2-converter-power-v3 .tbv2-v3-output-action-zone button::before,
.tbv2-converter-power-v3 .tbv2-v3-toolbar button::after,
.tbv2-converter-power-v3 .tbv2-v3-output-action-zone button::after {
  content:none !important;
  display:none !important;
  background-image:none !important;
}
.tbv2-converter-power-v3 .tbv2-v3-toolbar .tbv2-v3-toolbtn .tbv2-v3-icon,
.tbv2-converter-power-v3 .tbv2-v3-output-action-zone .tbv2-v3-action-btn .tbv2-v3-icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
}
.tbv2-converter-power-v3 .tbv2-v3-toolbar button .tbv2-v3-icon svg,
.tbv2-converter-power-v3 .tbv2-v3-output-action-zone button .tbv2-v3-icon svg {
  display:block !important;
  width:16px !important;
  height:16px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.tbv2-converter-power-v3 .tbv2-formatter-error[hidden] {display:none !important;}
.tbv2-converter-power-v3 .tbv2-v3-editor-statusbar {
  overflow:hidden !important;
}
.tbv2-converter-power-v3 .tbv2-v3-panel.is-converter-expanded {
  position:fixed !important;
  z-index:10010 !important;
  inset:16px !important;
  width:auto !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow-y:auto !important;
  border:1px solid #dbe3ef !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 0 0 100vmax rgba(15,23,42,.6),0 20px 70px rgba(15,23,42,.2) !important;
}
.tbv2-converter-modal-open{overflow:hidden !important;}
.tbv2-converter-power-v3 .tbv2-v3-panel.is-converter-expanded .tbv2-v3-editor-wrap{
  flex:1 1 auto !important;
  min-height:200px !important;
  display:flex !important;
  flex-direction:column !important;
}
.tbv2-converter-power-v3 .tbv2-v3-panel.is-converter-expanded .tbv2-code-editor{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:200px !important;
}
.tbv2-converter-power-v3 .tbv2-v3-toolbar button:focus-visible,
.tbv2-converter-power-v3 .tbv2-v3-output-action-zone button:focus-visible{
  outline:2px solid #895ced !important;
  outline-offset:2px !important;
}
@media(max-width:760px){
  .tbv2-converter-power-v3 .tbv2-v3-output-action-zone .tbv2-v3-secondary-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .tbv2-converter-power-v3 .tbv2-v3-panel.is-converter-expanded{
    inset:8px !important;
    border-radius:9px !important;
  }
}
/* 2026-10-19 hotfix: fullscreen glyphs share a button, but only the glyph
   matching aria-pressed is visible. The generic icon display must NOT
   override this visibility contract. */
.tbv2-converter-power-v3 .tbv2-v3-toolbar .tbv2-v3-iconbtn .tbv2-v3-expand-glyph {
  display:inline-flex !important;
}
.tbv2-converter-power-v3 .tbv2-v3-toolbar .tbv2-v3-iconbtn .tbv2-v3-collapse-glyph {
  display:none !important;
}
.tbv2-converter-power-v3 .tbv2-v3-toolbar .tbv2-v3-iconbtn[aria-pressed="true"] .tbv2-v3-expand-glyph {
  display:none !important;
}
.tbv2-converter-power-v3 .tbv2-v3-toolbar .tbv2-v3-iconbtn[aria-pressed="true"] .tbv2-v3-collapse-glyph {
  display:inline-flex !important;
}
.tbv2-converter-power-v3 .tbv2-v3-toolbar .tbv2-v3-iconbtn .tbv2-v3-bootstrap-icon svg {
  fill:currentColor !important;
  stroke:none !important;
  stroke-width:0 !important;
}
/* Equal, side-by-side mode actions: Encode / Decode and Convert / Now. */
.tbv2-converter-power-v3 .tbv2-v3-output-action-zone .tbv2-converter-mode-actions {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:8px !important;
  min-width:0 !important;
}
.tbv2-converter-power-v3 .tbv2-converter-mode-actions .tbv2-v3-action-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  height:46px !important;
  min-height:46px !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 10px !important;
  font-size:12px !important;
  font-weight:600 !important;
  white-space:nowrap !important;
}
@media (max-width:480px) {
  .tbv2-converter-power-v3 .tbv2-v3-output-action-zone .tbv2-converter-mode-actions {
    gap:6px !important;
  }
  .tbv2-converter-power-v3 .tbv2-converter-mode-actions .tbv2-v3-action-btn {
    gap:5px !important;
    padding:0 5px !important;
    font-size:10.5px !important;
  }
}