/* ultrapack-mcp: pagina "Conectar sua IA" no cromo do ui2. So tokens do ui2 (tokens.css). */

/* ---------- topo */
.upm-hero { margin-top: 20px; display: grid; gap: 14px; max-width: 760px; }
.upm-endpoint { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: var(--surface); border: var(--bd); border-radius: 999px; padding: 6px 6px 6px 16px; width: fit-content; max-width: 100%; }
.upm-endpoint-l { font-size: var(--fs-xs); color: var(--muted); font-weight: 600; }
.upm-endpoint code { font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--ink); overflow-wrap: anywhere; background: none; }
.upm-hero-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.upm-works { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.upm-works-l { font-size: var(--fs-xs); color: var(--muted); margin-right: 4px; }
.upm-pill { font-size: var(--fs-xs); font-weight: 600; color: var(--ink); background: var(--surface); border: var(--bd); border-radius: 999px; padding: 4px 10px; }
.upm-soon { margin: 0; font-size: var(--fs-xs); color: var(--muted); }

/* ---------- blocos */
.upm-two { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.upm-two--even { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-top: 24px; }
.upm-two--wide { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
.ui2 .upm-card { padding: 24px; min-width: 0; }
.upm-h2 { font-family: var(--font-display); font-size: var(--fs-h2); font-weight: var(--h-w); letter-spacing: var(--h-ls); color: var(--ink); margin: 0; }
.upm-h { font-family: var(--font-display); font-size: var(--fs-h3); font-weight: var(--h-w); letter-spacing: var(--h-ls); color: var(--ink); margin: 0 0 8px; }
.upm-h3 { font-family: var(--font-display); font-size: var(--fs-body); font-weight: 700; color: var(--ink); margin: 0 0 6px; }
.upm-h4 { display: none; }
.upm-p { color: var(--text); font-size: var(--fs-sm); margin: 0 0 12px; }
.upm-state { color: var(--ink); font-size: var(--fs-sm); margin: 12px 0 16px; }
.upm-notice { background: var(--surface-2); border: var(--bd); border-radius: 12px; padding: 10px 14px; color: var(--ink); font-size: var(--fs-sm); }
.upm-new { background: var(--green-soft); border-radius: 14px; padding: 16px; margin: 12px 0 16px; color: var(--ink); font-size: var(--fs-sm); }
.upm-new p { margin: 4px 0 12px; color: var(--text); }
.upm-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.upm-actions form { margin: 0; }

/* ---------- exemplos (.ui2 .card: o components.css do tema carrega DEPOIS desta folha e
   o .card dele poe fundo branco; sem o prefixo o texto branco sumia no fundo branco) */
.ui2 .card.upm-try { background: var(--grad-brand); color: var(--on-dark); border: 0; }
.upm-try .upm-h { color: var(--on-dark); }
.upm-ex { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.upm-ex li { background: rgba(255,255,255,.12); border-radius: 12px; padding: 10px 14px; font-size: var(--fs-sm); line-height: 1.5; }
.upm-ex li::before { content: "\201C"; font-family: var(--font-serif); font-size: 1.4em; line-height: 0; vertical-align: -.35em; margin-right: 4px; opacity: .7; }

/* ---------- o que faz */
.upm-feats { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; margin-top: 20px; }
.upm-feat { padding: 20px; display: flex; flex-direction: column; gap: 6px; }
.upm-feat .upm-p { margin: 0; }
.upm-b { align-self: flex-start; min-width: 0; white-space: normal; text-align: right; font-size: var(--fs-xs); font-weight: 600; border-radius: 999px; padding: 3px 10px; white-space: nowrap; }
.upm-b--all { background: var(--green-soft); color: var(--green); }
.upm-b--uau { background: var(--blue-soft); color: var(--blue); }
.upm-b--plan { background: var(--accent-soft); color: var(--accent-ink); }

/* ---------- passo a passo */
.upm-steps { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 16px; }
.upm-step { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; background: var(--surface); border: var(--bd); border-radius: 20px; padding: 20px; }
.upm-num { width: 40px; height: 40px; border-radius: 50%; background: var(--grad-warm); color: #fff; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; }
.upm-step-b { min-width: 0; }
.upm-step-b .upm-code + .upm-code { margin-top: 10px; }
.upm-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 14px; }
.upm-tab { font: inherit; font-size: var(--fs-xs); font-weight: 600; border: var(--bd); background: var(--surface); color: var(--ink); border-radius: 999px; padding: 7px 14px; cursor: pointer; }
.upm-tab:hover { border-color: var(--ink); }
.upm-tab.is-on { background: var(--ink); color: var(--surface); border-color: var(--ink); }
.upm-js [data-upm-hide] { display: none; }
.upm-where { font-size: var(--fs-xs); color: var(--muted); margin: 0 0 8px; }
.upm-where code { font-family: var(--font-mono); color: var(--ink); background: var(--surface-2); border-radius: 6px; padding: 1px 6px; }
.upm-note { font-size: var(--fs-xs); color: var(--text); margin: 10px 0 0; }
.upm-note--warn { color: var(--amber); }

/* ---------- codigo */
.upm-code { position: relative; display: flex; gap: 10px; align-items: flex-start; background: var(--plum); color: var(--on-dark); border-radius: 14px; padding: 14px 14px 14px 16px; }
.upm-code pre { margin: 0; flex: 1; min-width: 0; overflow-x: auto; }
.upm-code code { font-family: var(--font-mono); font-size: var(--fs-xs); line-height: 1.6; color: var(--on-dark); white-space: pre; background: none; }
.upm-code-l { position: absolute; top: -9px; left: 14px; font-size: 11px; font-weight: 600; background: var(--ink); color: var(--on-dark-mut); border-radius: 999px; padding: 1px 8px; }
.upm-code--key code { white-space: normal; overflow-wrap: anywhere; flex: 1; font-size: var(--fs-sm); }
.upm-copy { flex: none; font: inherit; font-size: var(--fs-xs); font-weight: 600; color: var(--plum); background: var(--on-dark); border: 0; border-radius: 999px; padding: 6px 12px; cursor: pointer; }
.upm-endpoint .upm-copy { background: var(--accent-soft); color: var(--accent-ink); }

/* ---------- tabelas e listas */
.upm-table-w { overflow-x: auto; margin-top: 8px; }
.upm-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.upm-table th { text-align: left; font-size: var(--fs-xs); color: var(--muted); font-weight: 600; padding: 8px 12px 8px 0; border-bottom: var(--bd); }
.upm-table td { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--line-soft); color: var(--text); vertical-align: top; }
.upm-table td b { color: var(--ink); font-weight: 600; }
.upm-table code { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--accent-ink); white-space: nowrap; }
.upm-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.upm-list li { position: relative; padding-left: 18px; color: var(--text); font-size: var(--fs-sm); }
.upm-list li::before { content: ""; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.upm-list--no li::before { background: var(--danger); }

/* ---------- perguntas */
.upm-faq-w { max-width: 860px; }
.upm-faq { display: grid; gap: 10px; margin-top: 20px; }
.upm-q { padding: 0; }
.upm-q summary { cursor: pointer; list-style: none; padding: 16px 20px; font-family: var(--font-display); font-weight: 700; color: var(--ink); }
.upm-q summary::-webkit-details-marker { display: none; }
.upm-q summary::after { content: "+"; float: right; color: var(--accent); font-weight: 800; }
.upm-q[open] summary::after { content: "\2212"; }
.upm-q p { margin: 0; padding: 0 20px 18px; color: var(--text); font-size: var(--fs-sm); }

@media (max-width: 960px) {
	.upm-two, .upm-two--even, .upm-two--wide { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
	.upm-card, .upm-step { padding: 16px; }
	.upm-step { grid-template-columns: minmax(0, 1fr); }
	.upm-endpoint { border-radius: 16px; }
	.upm-code { flex-direction: column; }
	.upm-copy { align-self: flex-end; }
}

/* ---------- topo em duas colunas: texto a esquerda, ilustracao a direita */
.ui2-mcp-conectar .band > .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 470px); column-gap: 56px; align-items: start; }
.ui2-mcp-conectar .band > .wrap > * { grid-column: 1; }
.ui2-mcp-conectar .band > .wrap > .upm-visual { grid-column: 2; grid-row: 1 / span 5; align-self: center; }
.ui2-mcp-conectar .band h1 { font-size: clamp(2rem, 1.4rem + 2vw, 3.1rem); }
.upm-visual { position: relative; padding: 28px 10px 28px 28px; }
.upm-win { position: relative; z-index: 1; background: var(--plum); border-radius: 20px; box-shadow: 0 30px 60px -24px rgba(25,28,43,.55); overflow: hidden; color: var(--on-dark); }
.upm-win-bar { display: flex; align-items: center; gap: 6px; padding: 12px 16px; background: var(--plum-2); border-bottom: 1px solid var(--plum-line); font-size: var(--fs-xs); color: var(--on-dark-mut); }
.upm-win-bar i { width: 10px; height: 10px; border-radius: 50%; background: #f2726a; }
.upm-win-bar i:nth-child(2) { background: #f4b740; }
.upm-win-bar i:nth-child(3) { background: #3ccf7f; }
.upm-win-bar span { margin-left: 8px; font-weight: 600; }
.upm-win-body { padding: 18px; display: grid; gap: 12px; font-size: var(--fs-xs); line-height: 1.55; }
.upm-msg { border-radius: 14px; padding: 10px 14px; }
.upm-msg--user { justify-self: end; max-width: 85%; background: var(--grad-warm); color: #fff; font-weight: 500; }
.upm-msg--ai { background: rgba(255,255,255,.06); border: 1px solid var(--plum-line); }
.upm-msg p { margin: 0; }
.upm-msg ul { list-style: none; margin: 10px 0; padding: 0; display: grid; gap: 6px; }
.upm-msg li { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; background: rgba(255,255,255,.06); border-radius: 10px; padding: 7px 10px; }
.upm-msg li b { color: #fff; font-weight: 600; }
.upm-msg li span { display: inline-flex; align-items: center; gap: 4px; color: var(--on-dark-mut); font-family: var(--font-mono); margin-left: auto; }
.upm-msg li em { font-style: normal; font-size: 11px; font-weight: 700; color: #fff; background: #b8353a; border-radius: 999px; padding: 1px 8px; }
.upm-msg-fim { color: var(--on-dark-mut); }
.upm-call { display: flex; align-items: center; gap: 6px; color: var(--on-dark-mut); font-family: var(--font-mono); font-size: 11px; }
.upm-call b { color: #f4b740; }
.upm-call span { font-family: var(--font-body); opacity: .8; }
.upm-float { position: absolute; z-index: 2; width: 64px; height: 64px; border-radius: 20px; display: grid; place-items: center; color: #fff; box-shadow: 0 16px 30px -12px rgba(25,28,43,.5); }
.upm-float .upm-ico { width: 30px; height: 30px; }
/* a lupa fica a esquerda da janela, sem cobrir as bolinhas da barra (14/10) */
.upm-float--a { top: 64px; left: -6px; background: var(--grad-warm); }
.upm-float--b { bottom: 0; right: 0; background: var(--grad-brand); }

/* ---------- icones */
.upm-ico { width: 24px; height: 24px; flex: none; }
.upm-ico--sm { width: 14px; height: 14px; }
.upm-ico--xs { width: 12px; height: 12px; }
.upm-ih { display: flex; align-items: center; gap: 12px; }
.upm-ih-i { flex: none; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); }
.upm-h2.upm-ih .upm-ih-i { width: 56px; height: 56px; border-radius: 18px; }
.upm-h2.upm-ih .upm-ico { width: 28px; height: 28px; }
.ui2 .card.upm-try .upm-ih-i { background: rgba(255,255,255,.16); color: #fff; }
/* selo embaixo do icone (pedido do Marcus, 14/10): lado a lado o selo longo apertava o cartao */
.upm-feat-top { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 8px; }
.upm-tile { flex: none; width: 60px; height: 60px; border-radius: 18px; display: grid; place-items: center; color: #fff; }
.upm-tile .upm-ico { width: 30px; height: 30px; }
.upm-tile--search { background: var(--grad-warm); }
.upm-tile--history { background: var(--grad-brand); }
.upm-tile--plan { background: linear-gradient(135deg, #147a4b, #2aa36b); }
.upm-tile--sites { background: linear-gradient(135deg, #2563eb, #4f5a75); }
.upm-tile--request { background: linear-gradient(135deg, #965a0e, #c44b41); }

@media (max-width: 1100px) {
	.ui2-mcp-conectar .band > .wrap { grid-template-columns: minmax(0, 1fr); }
	.ui2-mcp-conectar .band > .wrap > .upm-visual { grid-column: 1; grid-row: auto; max-width: 520px; margin-top: 24px; }
}
@media (max-width: 520px) {
	.upm-visual { padding: 20px 4px 20px 16px; }
	.upm-float { width: 48px; height: 48px; border-radius: 14px; }
	.upm-float .upm-ico { width: 22px; height: 22px; }
}

/* aviso: chave da IA x token do Auto Updater (Marcus, 14/10) */
.upm-info { display: flex; gap: 8px; align-items: flex-start; background: var(--blue-soft); color: var(--ink); border-radius: 12px; padding: 10px 14px; font-size: var(--fs-xs); margin: 0 0 12px; }
.upm-info .upm-ico { color: var(--blue); margin-top: 2px; }

/* ---------- area "Assistente de IA" na Minha conta (shortcode [ultrapack_mcp_conta]) */
.upm-conta { display: grid; gap: 20px; }
.upm-row-hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.upm-row-hd .upm-h { margin: 0; }
.upm-link { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-xs); font-weight: 600; color: var(--accent-ink); text-decoration: none; }
.upm-link:hover { text-decoration: underline; }
.upm-quick { display: grid; gap: 14px; margin: 4px 0 16px; }
.upm-caps { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin-top: 8px; }
.upm-cap { display: flex; gap: 12px; align-items: flex-start; border: var(--bd); border-radius: 16px; padding: 14px 16px; }
.upm-cap b { color: var(--ink); font-size: var(--fs-sm); }
.upm-cap p { margin: 4px 0 6px; color: var(--text); font-size: var(--fs-xs); line-height: 1.5; }
.upm-cap-i { flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--green-soft); color: var(--green); }
.upm-cap.is-off { background: var(--surface-2); }
.upm-cap.is-off .upm-cap-i { background: var(--surface-3); color: var(--muted); }
.upm-cap .upm-b { margin-left: 6px; vertical-align: 1px; }
.upm-empty { margin: 8px 0 0; padding: 18px; border: 1px dashed var(--line); border-radius: 14px; text-align: center; color: var(--muted); font-size: var(--fs-sm); }
.upm-sites { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 10px; }
.upm-site { border: var(--bd); border-radius: 16px; padding: 14px 16px; }
.upm-site-hd { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.upm-site-hd b { color: var(--ink); font-size: var(--fs-sm); margin-right: auto; overflow-wrap: anywhere; }
.upm-site-l { margin: 6px 0 0; font-size: var(--fs-xs); color: var(--muted); }
.upm-site-itens { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.upm-site-itens li { display: flex; justify-content: space-between; gap: 10px; font-size: var(--fs-xs); background: var(--surface-2); border-radius: 10px; padding: 7px 10px; }
.upm-site-itens a { color: var(--ink); font-weight: 600; text-decoration: none; }
.upm-site-itens span { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-family: var(--font-mono); white-space: nowrap; }
.upm-b--off { background: var(--surface-3); color: var(--muted); }
.upm-b--seg { background: var(--danger-soft); color: var(--danger); }
.upm-calls { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.upm-calls li { display: flex; align-items: center; gap: 10px; font-size: var(--fs-xs); padding: 8px 0; border-bottom: 1px solid var(--line-soft); }
.upm-calls code { font-family: var(--font-mono); color: var(--accent-ink); }
.upm-calls .is-ok { color: var(--green); font-weight: 600; }
.upm-calls .is-err { color: var(--danger); font-weight: 600; }
.upm-calls time { margin-left: auto; color: var(--muted); }
/* Account workspace; no selectors outside the live account root. */
.ui2 .upm-workspace [hidden]{display:none!important}
.ui2 .upm-workspace{display:flex;flex-direction:column;gap:22px;min-width:0}
.ui2 .upm-workspace .upm-card{margin:0;padding:22px;border-radius:16px}
.ui2 .upm-workspace .upm-h{font-size:18px;font-weight:800;margin:0 0 14px;line-height:1.4}
.ui2 .upm-workspace .upm-p{font-size:12px;line-height:1.75;color:#626b7c}
.ui2 .upm-workspace .upm-note{font-size:10px;line-height:1.7;color:#747d8e;margin:10px 0 0}
.ui2 .upm-workspace .upm-link{font-family:inherit;font-size:11px;color:#8a4f66;border:0;background:none;padding:0;text-decoration:none;cursor:pointer}
.ui2 .upm-workspace .upm-link:hover{text-decoration:underline}
.ui2 .upm-workspace button:focus-visible,.ui2 .upm-workspace a:focus-visible,.ui2 .upm-workspace summary:focus-visible,.ui2 .upm-workspace select:focus-visible{outline:3px solid #597bed;outline-offset:3px}
.ui2 .upm-workspace .upm-connection{display:flex;align-items:center;gap:12px;padding:18px 20px}
.ui2 .upm-workspace .upm-connection-icon{display:grid;place-items:center;background:#e5f4eb;color:#21734f;width:38px;height:38px;border-radius:50%;flex-shrink:0}
.ui2 .upm-workspace .upm-connection-text{flex:1;min-width:0}
.ui2 .upm-workspace .upm-connection-text>b{font-size:12px}
.ui2 .upm-workspace .upm-connection-text p{font-size:10px;color:#747d8e;line-height:1.7;margin:4px 0 0}
.ui2 .upm-workspace .upm-connection-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.ui2 .upm-workspace .upm-capabilities>.upm-h{font-size:16px;margin-bottom:12px}
.ui2 .upm-workspace .upm-caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:10px}
.ui2 .upm-workspace .upm-cap{display:flex;gap:9px;align-items:stretch;height:100%;box-sizing:border-box;padding:13px 12px;background:#e5f4e9;border:0;border-radius:12px;min-width:0;opacity:1}
.ui2 .upm-workspace .upm-cap.is-off{background:#f0f6f2}
.ui2 .upm-workspace .upm-cap-i{color:#24714a;background:#cce9d6;flex-shrink:0;align-self:flex-start;width:26px;height:26px;border-radius:8px;display:grid;place-items:center}
.ui2 .upm-workspace .upm-cap-i svg{width:15px;height:15px}
.ui2 .upm-workspace .upm-cap>div{display:flex;flex-direction:column;flex:1;min-width:0}
.ui2 .upm-workspace .upm-cap b{font-size:11px;line-height:1.5;display:block;color:#204f38}
.ui2 .upm-workspace .upm-cap p{font-size:10px;line-height:1.6;color:#456453;margin:5px 0 0}
.ui2 .upm-workspace .upm-cap .upm-b{align-self:flex-end;margin-top:auto;margin-left:0;font-size:8px;background:#d2eadb;color:#245b3b;white-space:normal;line-height:1.5}
.ui2 .upm-workspace .upm-cap .upm-link{display:block;margin-top:7px;font-size:10px}
.ui2 .upm-workspace .upm-question{background:linear-gradient(125deg,#fff 50%,#fcf6f8)}
.ui2 .upm-workspace .upm-eyebrow{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#8a4f66;margin-bottom:9px}
.ui2 .upm-workspace .upm-question h2{font-size:23px;font-weight:800;letter-spacing:-.6px;line-height:1.4;margin:0 0 7px}
.ui2 .upm-workspace .upm-question-tabs,.ui2 .upm-workspace .upm-site-filters{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 12px}
.ui2 .upm-workspace .upm-question-tabs button,.ui2 .upm-workspace .upm-site-filters button{font:inherit;font-size:10px;font-weight:700;line-height:1.5;border:1px solid #e7e9f1;color:#656d80;background:#fff;border-radius:30px;padding:6px 10px;cursor:pointer}
.ui2 .upm-workspace .upm-question-tabs button[aria-pressed=true]{background:#1c2030;border-color:#1c2030;color:#fff}
.ui2 .upm-workspace .upm-site-filters button{border-radius:7px}
.ui2 .upm-workspace .upm-site-filters button[aria-pressed=true]{background:#faf1f5;border-color:#d8bdca;color:#8a4f66}
.ui2 .upm-workspace .upm-question-copy{display:flex;flex-direction:column;align-items:flex-end;gap:16px;background:#fff;border:1px solid #e9dce3;padding:18px;border-radius:12px}
.ui2 .upm-workspace .upm-question-copy p{width:100%;font-size:13px;line-height:1.8;margin:0;color:#454c5c}
.ui2 .upm-workspace .upm-question-copy .upm-copy{position:static;transform:none;background:#c44b41;color:#fff;border:1px solid #c44b41;font-size:11px;padding:9px 13px;border-radius:7px;flex-shrink:0}
.ui2 .upm-workspace .upm-row-hd{gap:12px}
.ui2 .upm-workspace .upm-sites{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.ui2 .upm-workspace .upm-live-site{border:1px solid #e7e9f1;border-radius:12px;background:#fff;padding:0;overflow:hidden}
.ui2 .upm-workspace .upm-live-site>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;list-style:none}
.ui2 .upm-workspace .upm-live-site>summary::-webkit-details-marker{display:none}
.ui2 .upm-workspace .upm-live-site>summary>b,.ui2 .upm-workspace .upm-live-site>summary span>b{font-size:12px;overflow-wrap:anywhere}
.ui2 .upm-workspace .upm-live-site>summary small{display:block;font-size:10px;color:#747d8e;margin-top:4px}
.ui2 .upm-workspace .upm-site-badges{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
.ui2 .upm-workspace .upm-live-site-body{padding:0 16px 16px}
.ui2 .upm-workspace .upm-site-itens{display:grid;gap:7px;list-style:none;padding:0;margin:5px 0 0}
.ui2 .upm-workspace .upm-site-itens li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;background:#f7f8fb;border:1px solid #edf0f5;border-radius:9px;font-size:12px;line-height:1.6}
.ui2 .upm-workspace .upm-site-itens li a{min-width:0;overflow-wrap:anywhere;color:#414e65;font-weight:600;text-decoration:none}
.ui2 .upm-workspace .upm-site-itens li>span{white-space:nowrap;font-size:11px;display:flex;gap:8px;align-items:center;color:#747d8e}
.ui2 .upm-workspace .upm-site-itens li>span>b{font-weight:700;color:#21734f}
.ui2 .upm-workspace .upm-site-itens li a:hover{color:#8a4f66;text-decoration:underline}
@media(max-width:650px){.ui2 .upm-workspace .upm-site-itens li{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px}.ui2 .upm-workspace .upm-site-itens li>span{justify-self:end}}
.ui2 .upm-workspace .upm-account-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;min-width:0}
.ui2 .upm-workspace .upm-account-bottom>.card{min-width:0}
.ui2 .upm-workspace .upm-calls{list-style:none;padding:0;margin:0}
.ui2 .upm-workspace .upm-calls li{display:flex;flex-wrap:wrap;align-items:center;gap:9px;border-bottom:1px solid #f0f1f6;padding:12px 0;font-size:10px}
.ui2 .upm-workspace .upm-calls li>b{flex:1;font-size:11px;font-weight:600;min-width:120px}
.ui2 .upm-workspace .upm-calls time{font-size:9px;color:#747d8e}
.ui2 .upm-workspace .upm-request-list{list-style:none;padding:0;margin:0}
.ui2 .upm-workspace .upm-request-list li{background:#f8f9fc;border:1px solid #e7e9f1;border-radius:10px;padding:13px;margin-bottom:10px}
.ui2 .upm-workspace .upm-request-list a{font-size:11px;font-weight:600;overflow-wrap:anywhere}
.ui2 .upm-workspace .upm-request-list p{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10px;margin:9px 0 0;color:#747d8e}
.ui2 .upm-workspace .upm-key-panel{border:1px solid #e7e9f1;border-radius:12px;background:#fff;overflow:hidden}
.ui2 .upm-workspace .upm-key-panel>summary{display:flex;align-items:center;gap:10px;padding:17px 20px;cursor:pointer;font-size:12px;font-weight:700;list-style:none}
.ui2 .upm-workspace .upm-key-panel>summary small{display:block;font-size:10px;font-weight:400;color:#747d8e;margin-top:3px}
.ui2 .upm-workspace .upm-key-panel>.card{border:0;border-top:1px solid #e7e9f1;border-radius:0;box-shadow:none}
.ui2 .upm-workspace .upm-config-dialog{width:620px;max-width:calc(100vw - 28px);max-height:90vh;padding:0;border:1px solid #e7e9f1;border-radius:18px;background:#fff;color:#1c2030;box-shadow:0 25px 80px #13182f33;overflow:auto}
.ui2 .upm-workspace .upm-config-dialog::backdrop{background:#1c203066;backdrop-filter:blur(3px)}
.ui2 .upm-workspace .upm-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px;border-bottom:1px solid #e7e9f1}
.ui2 .upm-workspace .upm-config-head h2{font-size:19px;margin:0 0 5px}
.ui2 .upm-workspace .upm-config-close{border:0;border-radius:50%;background:#f4f5f8;width:30px;height:30px;font-size:22px;line-height:1;cursor:pointer;flex-shrink:0}
.ui2 .upm-workspace .upm-config-body{padding:23px}
.ui2 .upm-workspace .upm-config-selectors{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:18px}
.ui2 .upm-workspace .upm-config-selectors label{font-size:11px;font-weight:600;display:block;min-width:0}
.ui2 .upm-workspace select{width:100%;padding:9px 10px;border:1px solid #dce0e9;border-radius:8px;background:#fff;font:inherit;font-size:11px;color:#1c2030;margin-top:6px}
.ui2 .upm-workspace .upm-config-body h3{font-size:13px;margin:18px 0 8px}
.ui2 .upm-workspace .upm-config-body .upm-code{margin:10px 0;max-width:100%}
.ui2 .upm-workspace .upm-config-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.8;max-width:100%}
@media(max-width:1100px){.ui2 .upm-workspace .upm-caps{grid-template-columns:repeat(2,minmax(0,1fr))}.ui2 .upm-workspace .upm-account-bottom{grid-template-columns:1fr}.ui2 .upm-workspace .upm-connection{flex-wrap:wrap}.ui2 .upm-workspace .upm-connection-actions{width:100%;padding-left:50px}}
@media(max-width:650px){.ui2 .upm-workspace{gap:18px}.ui2 .upm-workspace .upm-card{padding:18px}.ui2 .upm-workspace .upm-cap{padding:13px 10px;gap:7px}.ui2 .upm-workspace .upm-cap-i{width:21px;height:21px}.ui2 .upm-workspace .upm-cap b{font-size:10px}.ui2 .upm-workspace .upm-cap p{font-size:9px}.ui2 .upm-workspace .upm-question h2{font-size:20px}.ui2 .upm-workspace .upm-live-site>summary{align-items:flex-start;flex-direction:column;gap:8px}.ui2 .upm-workspace .upm-site-badges{justify-content:flex-start}.ui2 .upm-workspace .upm-site-itens li{align-items:flex-start}.ui2 .upm-workspace .upm-row-hd{align-items:flex-start}.ui2 .upm-workspace .upm-row-hd .upm-link{font-size:10px}.ui2 .upm-workspace .upm-config-body,.ui2 .upm-workspace .upm-config-head{padding:18px}.ui2 .upm-workspace .upm-question-copy{padding:14px}}

/* Copy-ready search examples share the existing clipboard interaction. */
.ui2 .upm-workspace .upm-search-examples>.upm-h{margin-bottom:6px}
.ui2 .upm-workspace .upm-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.ui2 .upm-workspace .upm-search-example{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#f1f5f3;border:0;border-radius:12px;padding:16px;min-width:0}
.ui2 .upm-workspace .upm-search-example h3{font-size:12px;line-height:1.5;color:#204f38;margin:0;font-weight:700}
.ui2 .upm-workspace .upm-search-example p{font-size:11px;line-height:1.75;color:#526258;margin:0 0 5px;overflow-wrap:anywhere}
.ui2 .upm-workspace .upm-search-example .upm-copy{position:static;transform:none;align-self:flex-end;margin-top:auto;font:inherit;font-size:10px;line-height:1.5;color:#245b3b;background:#d2eadb;border:0;border-radius:7px;padding:7px 11px;cursor:pointer}
.ui2 .upm-workspace .upm-search-example .upm-copy:hover{background:#c3e1cf}
@media(max-width:650px){.ui2 .upm-workspace .upm-examples-grid{grid-template-columns:1fr}.ui2 .upm-workspace .upm-search-example{padding:15px}}