.wrap { max-width: 1120px; }
.layout { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 16px; align-items: start; margin-bottom: 16px; }
@media (max-width: 860px) { .layout { grid-template-columns: 1fr; } }
form { display: grid; gap: 14px; }
label { display: block; font-size: 13px; font-weight: 700; }
label input { display: block; margin-top: 6px; font-weight: 400; font-size: 15px; width: 100%; }
.opt { font-weight: 400; color: var(--am-faint); font-size: 12px; }
.two { display: grid; grid-template-columns: 1fr 1.3fr; gap: 12px; }
@media (max-width: 520px) { .two { grid-template-columns: 1fr; } }
fieldset { border: 0; padding: 0; margin: 0; }
legend { font-size: 13px; font-weight: 700; padding: 0; margin-bottom: 8px; }
.checks { display: flex; flex-wrap: wrap; gap: 8px; }
.checks label { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px;
  border: 1px solid var(--am-line-strong); border-radius: var(--am-r-full); padding: 8px 14px; cursor: pointer; min-height: 44px; }
.checks input { width: 18px; min-height: 0; accent-color: var(--am-navy); }
.checks label:has(input:checked) { background: var(--am-navy); color: #fff; border-color: var(--am-navy); }
.photo-row { display: flex; gap: 16px; align-items: center; }
.photo-thumb { flex: none; width: 72px; height: 72px; border-radius: 50%; background: var(--am-surface) center / cover; border: 1px solid var(--am-line-strong); }
.ghost.small { min-height: 40px; padding: 8px 16px; }
.link { background: none; border: 0; color: var(--am-accent); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font: inherit; font-size: 13px; margin-left: 12px; }
.hint { color: var(--am-muted); font-size: 13px; margin: 8px 0 0; }
.sticky { position: sticky; top: 16px; }
.mail { background: #fff; color: #16202a; border-radius: var(--am-r); border: 1px solid var(--am-line); padding: 20px 22px; overflow-x: auto; min-height: 120px; }
.mail .sample { font: 14px/1.5 'Manrope', Arial, sans-serif; margin: 0 0 18px; color: #16202a; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.err { color: var(--am-error); font-size: 13px; font-weight: 600; margin: 10px 0 0; }
.howto { margin-bottom: 16px; }
.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.tabs button { border: 1px solid var(--am-line-strong); background: var(--am-card); color: var(--am-ink); border-radius: var(--am-r-full);
  padding: 8px 16px; min-height: 44px; font: 600 14px var(--am-font); cursor: pointer; }
.tabs button[aria-selected="true"] { background: var(--am-navy); color: #fff; border-color: var(--am-navy); }
#tab-body ol { margin: 0; padding-left: 22px; line-height: 1.7; }
#tab-body li { margin-bottom: 4px; }
#tab-body p { margin: 12px 0 0; }
kbd { font: 600 12px var(--am-font); background: var(--am-surface); border: 1px solid var(--am-line-strong); border-radius: 6px; padding: 1px 6px; }
/* artmoment.css stylizuje tabulky aplikace; podpis v náhledu musí zůstat tak, jak půjde do pošty */
.mail table:not([width]) { width: auto; }
.mail td { padding: 0; border: 0; }
.mail tr:hover { background: none; }