/* CSS Document */

/* /assets/css/html-to-pdf.css - 04/02/2026 02:04:00pm - v 1.0 - styles for HTML to PDF tabs, panels, and settings */

.pw-html-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:16px;
}

.pw-html-tab{
  appearance:none;
  border:1px solid #d1d5db;
  background:#fff;
  border-radius:999px;
  padding:9px 16px;
  font-weight:700;
  cursor:pointer;
}

.pw-html-tab.is-active{
  background:#111827;
  color:#fff;
  border-color:#111827;
}

.html-to-pdf-controls{
  margin-top:10px;
}

.pw-html-panel{
  display:none;
}

.pw-html-panel.is-active{
  display:block;
}

.pw-html-panel textarea,
.pw-html-panel input[type="url"],
.pw-html-settings input[type="text"],
.pw-html-settings select{
  width:100%;
  box-sizing:border-box;
}

.pw-html-panel textarea{
  min-height:320px;
  resize:vertical;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height:1.45;
}

.pw-html-settings{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.08);
}

.pw-html-settings-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

@media (max-width: 700px){
  .pw-html-settings-grid{
    grid-template-columns:1fr;
  }
}

.pw-file-mode{
  margin-bottom:12px;
}

#htmlToPdfStatus.is-error{
  color:#b91c1c;
  font-weight:700;
}

#htmlToPdfStatus.is-ok{
  color:#065f46;
  font-weight:700;
}