.icon-button {
  display: grid;
  place-items: center;
}

.icon-button svg,
.button svg,
.nav-icon svg,
.drop-icon svg,
.provider-actions svg,
.sidebar-bottom svg {
  width: 17px;
  height: 17px;
}

.provider-actions button {
  display: inline-grid;
  place-items: center;
  padding: 4px;
}

.text-action {
  margin-left: auto;
  background: transparent;
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
}

.empty-icon svg {
  width: 34px;
  height: 34px;
}

.builtin-tool {
  display: grid;
  grid-template-columns: 48px minmax(220px, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--green);
  border-radius: 9px;
  background: #fff;
}

.tool-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #e9f7f2;
  color: var(--green);
}

.tool-icon svg {
  width: 22px;
  height: 22px;
}

.tool-title-row,
.tool-action,
.subsection-heading {
  display: flex;
  align-items: center;
}

.tool-title-row {
  gap: 10px;
}

.tool-copy p,
.tool-status {
  color: var(--muted);
  font-size: 12px;
}

.installed-badge {
  padding: 2px 7px;
  border-radius: 99px;
  background: #e9f7f2;
  color: var(--green);
  font-size: 10px;
  font-weight: 800;
}

.tool-action {
  gap: 8px;
}

.file-button input {
  display: none;
}

.button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.tool-status {
  grid-column: 2 / -1;
}

.tool-status.success {
  color: var(--green);
}

.tool-status.error {
  color: var(--red);
}

.subsection-heading {
  justify-content: space-between;
  margin: 32px 0 14px;
}

.subsection-heading h3 {
  margin-top: 4px;
}

@media (max-width: 760px) {
  .builtin-tool {
    grid-template-columns: 44px 1fr;
  }

  .tool-action,
  .tool-status {
    grid-column: 1 / -1;
  }

  .tool-action {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .subsection-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
}

@media (max-width: 520px) {
  .tool-action {
    grid-template-columns: 1fr;
  }
}


/* assets library */
.assets-forms { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.asset-card.form { background: var(--panel, #fff); border: 1px solid rgba(15,23,42,.08); border-radius: 16px; padding: 1rem 1.1rem; display: flex; flex-direction: column; gap: .65rem; }
.asset-card.form h4 { margin: 0 0 .25rem; font-size: .95rem; }
.asset-card.form label { display: flex; flex-direction: column; gap: .35rem; font-size: .8rem; color: #64748b; }
.asset-card.form input, .asset-card.form textarea {
  border: 1px solid rgba(15,23,42,.12); border-radius: 10px; padding: .55rem .7rem; font: inherit; color: #0f172a; background: #f8fafc;
}
.asset-card.form textarea { resize: vertical; min-height: 100px; }
.assets-list { display: flex; flex-direction: column; gap: .55rem; margin-top: .5rem; }
.asset-row { display: grid; grid-template-columns: auto 1fr auto; gap: .75rem; align-items: start; padding: .85rem 1rem; border-radius: 14px; background: #fff; border: 1px solid rgba(15,23,42,.08); }
.asset-badge { font-size: .7rem; font-weight: 700; letter-spacing: .04em; padding: .25rem .5rem; border-radius: 999px; background: #e2e8f0; color: #334155; }
.asset-badge.kind-video { background: #dbeafe; color: #1d4ed8; }
.asset-badge.kind-product { background: #fce7f3; color: #be185d; }
.asset-main { font-size: .9rem; word-break: break-all; }
.asset-main a { color: #2563eb; text-decoration: none; }
.asset-main .small { font-size: .75rem; margin-top: .2rem; }

.qr-box{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.qr-box img{width:260px;height:260px;object-fit:contain;background:#fff;border-radius:12px;border:1px solid rgba(15,23,42,.12);padding:10px;box-shadow:0 4px 20px rgba(15,23,42,.08)}
.qr-box.hidden{display:none}

#tkEditModal.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}
#tkEditModal.modal.hidden{display:none!important}
#tkEditModal .modal-card{background:#fff;border-radius:16px;padding:1.25rem;width:100%;max-width:560px;box-shadow:0 20px 50px rgba(0,0,0,.15)}
#tkEditModal label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:#64748b;margin-top:.65rem}
#tkEditModal input,#tkEditModal textarea{border:1px solid rgba(15,23,42,.12);border-radius:10px;padding:.55rem .7rem;font:inherit;color:#0f172a;background:#f8fafc}

.tk-card{align-items:center!important}
.tk-avwrap{width:56px;height:56px;flex-shrink:0}
.tk-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#e2e8f0;display:block}
.tk-avatar-ph{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}
.tk-stats{display:flex;gap:.75rem;flex-wrap:wrap;margin:.15rem 0}
.tk-stats span{white-space:nowrap}