/* Quima Tools: pagina de gestao — alinhada aos tokens globais (site.css). */
.business-language-switch { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; margin: .5rem 0 1rem; }
.business-language-switch a { text-decoration: none; color: var(--ink-2); background: var(--surface); border: 1px solid var(--line); border-radius: 999px; padding: .28rem .78rem; font-size: .88rem; }
.business-language-switch a:hover, .business-language-switch a[aria-current="page"] { background: var(--brand-soft); color: var(--brand-strong); font-weight: 650; border-color: var(--brand); }
.management-shell { margin-top: 1.25rem; }
.management-toolbar { margin-bottom: 1rem; display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.management-toolbar-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.management-toolbar-actions .btn { white-space: nowrap; }
.management-toolbar [data-business-status] { color: var(--muted); font-size: .88rem; margin: 0; line-height: 1.5; }
.management-toolbar .management-error { color: var(--warn); font-weight: 600; }
.management-layout { display: grid; grid-template-columns: minmax(290px, .84fr) minmax(0, 1.4fr); align-items: start; gap: 1rem; }
.management-editor, .management-preview { min-width: 0; }
.management-editor h2, .management-preview h2 { font-size: 1.14rem; margin: 0 0 .8rem; }
.management-preview-heading { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.management-preview-heading [data-business-counter] { color: var(--muted); font-size: .85rem; }
.management-help { font-size: .9rem; color: var(--ink-2); margin: .1rem 0 .85rem; }
.management-preview-content { background: #f1f5f9; border: 1px solid #dbe4ec; border-radius: 10px; min-height: 260px; overflow: auto; padding: 12px; max-height: 850px; }
.management-art { display: block; width: 100%; height: auto; max-width: none; min-width: 530px; background: #fff; border-radius: 4px; box-shadow: 0 1px 4px #1224411f; }
.management-field { display: grid; gap: 5px; margin: 0 0 .8rem; font-size: .88rem; color: var(--ink); }
.management-field-label { font-weight: 650; line-height: 1.3; }
.management-field input, .management-field select, .management-field textarea { display: block; width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 8px; padding: .52rem .67rem; color: var(--ink); background: var(--surface); font: inherit; font-size: .94rem; line-height: 1.4; }
.management-field textarea { resize: vertical; min-height: 90px; }
.management-field :is(input, select, textarea):focus-visible { outline: 2px solid var(--brand); outline-offset: 1px; }
.management-entry-list { display: grid; gap: .65rem; margin-top: 1.1rem; }
.management-entry { display: block; border: 1px solid var(--line); background: var(--surface); border-radius: 10px; padding: .8rem; min-width: 0; }
.management-entry legend { padding: 0 .4rem; font-size: .86rem; font-weight: 700; color: var(--ink-2); }
.management-entry-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 .7rem; }
.management-entry-fields .management-field { min-width: 0; }
.management-entry .management-remove { font-size: .83rem; }
.management-add { margin-top: 1rem; width: 100%; }
.management-privacy { color: var(--muted); font-size: .86rem; margin: .85rem 0; }
.management-related { margin-top: 1.8rem; }
.management-related h2 { font-size: 1.17rem; }
.management-related-links { display: flex; flex-wrap: wrap; gap: .55rem; }
.management-related-links a { display: inline-flex; text-decoration: none; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: .6rem .85rem; line-height: 1.5; }
.management-related-links a:hover { border-color: var(--brand); color: var(--brand-strong); }
@media (max-width: 980px) { .management-layout { grid-template-columns: minmax(0,1fr); } .management-preview-content { max-height: 650px; } }
@media (max-width: 550px) { .management-entry-fields { grid-template-columns: 1fr; } .management-toolbar-actions .btn { font-size: .82rem; } .management-art { min-width: 460px; } }
@media print {
  @page { size: A4 landscape; margin: 10mm; }
  body { background: white !important; color: #000 !important; }
  .site-header, .site-footer, .back-link, .business-language-switch, .howto, .management-toolbar, .management-editor, .management-help, .management-privacy, .management-related, .js-required-banner, .toast-region, .page-head .eyebrow, .page-head .lead, .management-preview-heading { display: none !important; }
  .site-main { padding: 0 !important; }
  .page-head { padding: 0 !important; }
  .page-head h1 { font-size: 14pt; margin: 0 0 8mm; }
  .container, .management-shell, .management-layout { max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; }
  .panel, .management-preview-content { border: 0 !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; max-height: none !important; overflow: visible !important; background: #fff !important; }
  .management-art { max-width: 100% !important; min-width: 0 !important; width: 100% !important; height: auto !important; box-shadow: none !important; }
}

.management-faq { margin-top: 2rem; }
.management-faq h2 { font-size: 1.15rem; }
.management-faq-item { max-width: 860px; margin: .55rem 0; }
.management-faq-item p { margin: .2rem 0 1rem; color: var(--ink-2); }
@media print { .guide { display: none !important; } }

.management-license { font-size: .83rem; color: var(--ink-2); margin: .75rem 0; }
