/* O Atos Workspace (/workspace/; workspace.js): sobre as pecas de conta.css (card, dado, item, btn, confirmar). As
   Integracoes usam integrar.css (o integrar.js poe na pagina). Angulos retos: nada de border-radius. */
.ws-texto { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; }
.ws-texto p, .ws-ativar > p { font-size: 13px; line-height: 1.6; color: var(--text-soft); text-wrap: pretty; }
.ws-texto a, .ws-ativar a { color: var(--text); }
.ws-ativar { display: flex; flex-direction: column; gap: 12px; padding: 16px; }
.ws-aviso { padding: 10px 14px; font-size: 13px; line-height: 1.5; color: var(--warning) !important; background: var(--surface-2); border: 1px solid #4a3d28; }
.ws-aviso a { color: var(--text); }
.ws-marcar { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--text); cursor: pointer; }
.ws-marcar input { width: 16px; height: 16px; margin: 2px 0 0; flex-shrink: 0; accent-color: var(--text); }
.ws-botoes { display: flex; flex-wrap: wrap; gap: 8px; }
.ws-ok { margin-top: 12px; }
.secao .confirmar .erro { margin: 0; }
/* E-mail Atos (workspace-email.js) */
.we-form { display: flex; flex-direction: column; gap: 10px; }
.we-alias { display: flex; align-items: stretch; }
.we-alias input { flex: 1; min-width: 0; }
.we-dominio { display: inline-flex; align-items: center; padding: 0 12px; font-size: 14px; color: var(--muted); background: var(--surface-2); border: 1px solid var(--line); border-left: 0; white-space: nowrap; }
.we-passos { display: flex; flex-direction: column; }
.we-passo { display: flex; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.we-passo > div { display: flex; flex-direction: column; gap: 8px; min-width: 0; flex: 1; }
.we-passo strong { font-size: 14px; color: var(--text); }
.we-num { width: 24px; height: 24px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; color: var(--muted); border: 1px solid var(--line); }
.we-num.feito { color: var(--success); border-color: var(--success-line); }
.we-linha { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; }
.we-linha .campo { width: 180px; }
.we-erro { padding: 0 16px 14px; }
/* A tela de entrar do Workspace (/workspace/entrar; workspace-entrar.js), sobre o /entrar de conta.css */
.we-so-alias { display: flex; flex-direction: column; gap: 6px; padding: 10px 14px; background: var(--surface-2); border: 1px solid var(--danger-line); }
.we-so-alias .nota a { color: var(--text); }
.we-aviso-conta { padding: 10px 14px; background: var(--surface); border: 1px solid var(--line); }
.we-aviso-conta strong { color: var(--text); font-weight: 500; }
.pe .we-link { color: var(--text); text-decoration: none; border-bottom: 1px solid #4c5056; padding-bottom: 1px; }
.pe .we-link:hover { border-color: var(--silver); }
.ws-noscript { text-align: center; padding: 16px; }
/* Formularios (workspace-formularios.js), sobre as pecas ig-* de integrar.css */
.fm-registro { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; max-height: 320px; overflow-y: auto; font-size: 12px; line-height: 1.5; color: var(--text-2); }
.fm-registro li { overflow-wrap: anywhere; }
.fm-registro span { color: var(--faint); }
/* As entradas de cada aplicativo (workspace-integracoes.js) */
.en-filtro { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; align-items: end; }
.en-filtro .ig-acoes { grid-column: 1 / -1; }
.en-filtro select { height: 36px; padding: 0 10px; background: var(--bg); border: 1px solid var(--line); color: var(--text); font: inherit; font-size: 13px; outline: none; }
.en-filtro select:focus { border-color: var(--faint); }
.en-filtro a.btn { text-decoration: none; display: inline-flex; align-items: center; }
/* Status (workspace-status.js) */
.ws-st-item { display: flex; flex-direction: column; gap: 6px; padding: 10px 0; border-bottom: 1px solid var(--line-soft); font-size: 13px; color: var(--text-soft); }
.ws-st-item small { color: var(--muted); overflow-wrap: anywhere; }
.ws-st-barras { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 2px; height: 18px; max-width: 480px; }
.ws-st-barras span { display: block; background: var(--line); }
.ws-st-barras span.e-ok { background: var(--success); }
.ws-st-barras span.e-instavel { background: var(--warning); }
.ws-st-barras span.e-fora { background: var(--danger); }
.ws-st-linha { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto; gap: 8px; align-items: center; }
.ws-st-linha input { height: 36px; width: 100%; min-width: 0; padding: 0 12px; background: var(--bg); border: 1px solid var(--line); color: var(--text); font: inherit; font-size: 14px; outline: none; }
.ws-st-linha input:focus { border-color: var(--faint); }
@media (max-width: 560px) { .ws-st-linha { grid-template-columns: 1fr; } }
/* O plano (workspace.js, Plano): a comparacao gratuito x Pro */
.ws-tabela-rolagem { overflow-x: auto; }
.ws-planos { width: 100%; border-collapse: collapse; font-size: 13px; color: var(--text-soft); }
.ws-planos th, .ws-planos td { padding: 10px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line-soft); }
.ws-planos thead th { font-size: 12px; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.ws-planos thead th.atual { color: var(--text); }
.ws-planos tbody th { font-weight: 500; color: var(--text); min-width: 160px; }
.ws-planos tr:last-child th, .ws-planos tr:last-child td { border-bottom: 0; }
/* A pagina de links (workspace-links.js) */
.lk-form-ed { display: flex; flex-direction: column; gap: 12px; }
.lk-linha { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto auto; gap: 8px; align-items: center; margin-bottom: 6px; }
.lk-linha input[type="url"], .lk-linha input:not([type]) { height: 36px; width: 100%; min-width: 0; padding: 0 12px; background: var(--bg); border: 1px solid var(--line); color: var(--text); font: inherit; font-size: 14px; outline: none; }
.lk-linha input:focus { border-color: var(--faint); }
.lk-mover { display: inline-flex; gap: 4px; }
.lk-foto-ed { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.lk-foto-ed img { width: 64px; height: 64px; object-fit: cover; border: 1px solid var(--line); }
.lk-foto-ed input[type="file"] { font-size: 13px; color: var(--text-soft); max-width: 100%; }
.lk-form-ed select { height: 36px; padding: 0 10px; background: var(--bg); border: 1px solid var(--line); color: var(--text); font: inherit; font-size: 13px; outline: none; }
.lk-barras { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1px; height: 48px; align-items: end; max-width: 640px; margin-bottom: 10px; }
.lk-barras span { display: block; background: var(--text-soft); min-height: 1px; }
.lk-barras .lk-b0 { height: 1px; background: var(--line); }
.lk-barras .lk-b1 { height: 10%; } .lk-barras .lk-b2 { height: 20%; } .lk-barras .lk-b3 { height: 30%; } .lk-barras .lk-b4 { height: 40%; } .lk-barras .lk-b5 { height: 50%; }
.lk-barras .lk-b6 { height: 60%; } .lk-barras .lk-b7 { height: 70%; } .lk-barras .lk-b8 { height: 80%; } .lk-barras .lk-b9 { height: 90%; } .lk-barras .lk-b10 { height: 100%; }
@media (max-width: 560px) { .lk-linha { grid-template-columns: 1fr; } }