/* PDF Tools — supplemental styles.
   Scoped to new classes only; does not redefine .btn, .section, .field-row, .tool-result,
   .wrap etc. so it layers safely on top of the existing css/style.css. */

.tool-launch-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:14px;
  margin-top:28px;
}
.tool-launch{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  background:#ffffff;border:1px solid var(--line, #e1e4e8);border-radius:14px;
  padding:24px 12px; cursor:pointer; font-family:inherit; font-weight:600; font-size:.92rem;
  color:var(--ink, #2d2d2d); box-shadow:0 2px 10px rgba(22,32,46,.06); transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.tool-launch:hover{border-color:var(--accent2, #2d2d2d); transform:translateY(-3px); box-shadow:var(--shadow, 0 10px 30px -8px rgba(16,29,51,.18));}
.tool-launch:active{transform:translateY(-1px);}
.tool-launch-icon{font-size:1.7rem;}

/* Colorful circular icon badges — gives each tool its own identity at a glance */
.tool-launch-icon{
  display:flex; align-items:center; justify-content:center;
  width:52px; height:52px; border-radius:50%;
  background:#eee; font-size:1.5rem; line-height:1;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
  transition:transform .18s ease;
}
.tool-launch.c-coral   .tool-launch-icon{background:linear-gradient(135deg,#ff8a65,#e0432b);}
.tool-launch.c-amber   .tool-launch-icon{background:linear-gradient(135deg,#ffd54f,#c98a2c);}
.tool-launch.c-teal    .tool-launch-icon{background:linear-gradient(135deg,#4dd0c8,#00897b);}
.tool-launch.c-indigo  .tool-launch-icon{background:linear-gradient(135deg,#7c8cff,#33418f);}
.tool-launch.c-rose    .tool-launch-icon{background:linear-gradient(135deg,#ff9eb5,#e5322d);}
.tool-launch.c-violet  .tool-launch-icon{background:linear-gradient(135deg,#c9a0ff,#7c4fd6);}
.tool-launch.c-sky     .tool-launch-icon{background:linear-gradient(135deg,#7dd3fc,#0284c7);}
.tool-launch.c-emerald .tool-launch-icon{background:linear-gradient(135deg,#6ee7b7,#1f7a53);}
.tool-launch.c-gold    .tool-launch-icon{background:linear-gradient(135deg,#f3d488,#2d2d2d);}
.tool-launch.c-blue    .tool-launch-icon{background:linear-gradient(135deg,#93c5fd,#2563eb);}
.tool-launch.c-red     .tool-launch-icon{background:linear-gradient(135deg,#fca5a5,#e5322d);}
.tool-launch:hover .tool-launch-icon{transform:scale(1.1) rotate(-3deg);}

/* Highlighted tiles (Word ↔ PDF conversions) get a subtle gold-tinted frame */
.tool-launch-highlight{background:var(--accent-soft, #fdecec); border-color:#e1e4e8;}
.tool-launch-highlight:hover{box-shadow:0 10px 24px rgba(168,117,43,.18);}

.pdf-workspace{margin-top:28px;}

.tool-panel{
  background:#ffffff;border:1px solid var(--line, #e1e4e8);border-radius:14px;
  padding:28px; box-shadow:0 2px 14px rgba(22,32,46,.07); max-width:680px;
  animation:panelIn .3s ease both;
}
@keyframes panelIn{ from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:translateY(0);} }
.tool-panel h3{margin-bottom:4px;}
.tool-panel .tool-panel-desc{color:#5b6472;margin-bottom:18px;font-size:.95rem;}

.dropzone{
  border:2px dashed var(--line, #e1e4e8); border-radius:14px;
  padding:32px 16px; text-align:center; cursor:pointer; background:var(--paper, #ffffff);
  transition:border-color .15s, background .15s;
}
.dropzone:hover, .dropzone.dragover{border-color:var(--accent, #e5322d); background:var(--accent-soft, #fdecec);}
.dropzone-label{font-weight:600; margin:0 0 4px;}
.dropzone-hint{font-size:.85rem; color:#5b6472; margin:0;}

.file-list{list-style:none;margin:16px 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.file-list li{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:var(--paper, #ffffff); border:1px solid var(--line, #e1e4e8); border-radius:8px;
  padding:8px 12px; font-size:.9rem;
  transition:background .12s;
}
.file-list li:hover{background:#ffffff;}
.file-list .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}
.file-list button{background:none;border:none;color:var(--accent, #e5322d);cursor:pointer;font-weight:700;font-size:1rem;}
.file-list .drag-handle{cursor:grab;color:#5b6472;font-size:.85rem;}

.progress-bar{height:6px;border-radius:4px;background:var(--paper-alt, #f4f6f8);overflow:hidden;margin-top:12px;display:none;}
.progress-bar-fill{height:100%;width:0%;background:linear-gradient(120deg,var(--accent,#e5322d),var(--accent2,#2d2d2d));transition:width .15s;}

.note-box{
  background:var(--accent-soft, #fdecec); border:1px solid #e1e4e8; border-radius:10px;
  padding:12px 14px; font-size:.86rem; margin-bottom:16px; color:var(--accent-deep, #c0271f);
}

.btn-back{margin-bottom:18px;}

/* Fallback in case the page's own stylesheet doesn't define these utility classes yet */
.tool-result{margin-top:14px; font-size:.92rem; font-weight:600;}
.tool-result.ok{color:var(--ok, #1f7a53);}
.tool-result.err{color:var(--accent, #e5322d);}
.field-row{margin:14px 0;}
.field-row label{display:block;font-weight:600;font-size:.88rem;margin-bottom:5px;}
.field-row input[type="text"], .field-row input[type="number"], .field-row select{
  width:100%; padding:10px 12px; border:1px solid var(--line, #e1e4e8); border-radius:8px;
  font-family:inherit; font-size:.95rem; background:#fff;
  transition:border-color .15s;
}
.field-row input[type="text"]:focus, .field-row input[type="number"]:focus, .field-row select:focus{
  border-color:var(--accent2, #2d2d2d);
}