:root {
    --jh-navy: #001920;
    --jh-navy-2: #082A32;
    --jh-gold: #F7B906;
    --jh-gold-2: #C99405;
    --jh-cream: #FFFFFF;
    --jh-text: #001920;
    --jh-muted: #5c6b73;
    --jh-navy-rgb: 0, 25, 32;
    --jh-gold-rgb: 247, 185, 6;
}

html {
    overflow-x: scroll;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #5c6b73 #eef1f1;
}
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background: #eef1f1;
}
::-webkit-scrollbar-thumb {
    background: #5c6b73;
    border-radius: 6px;
}
::-webkit-scrollbar-track {
    background: #eef1f1;
}
body.ats-login { background: var(--jh-navy); }
body.ats-app {
    margin: 0;
    font-family: "Source Sans 3", "Segoe UI", Arial, Helvetica, sans-serif;
    background: var(--jh-cream);
    color: var(--jh-text);
}
body.ats-app:not(.ats-public):not(.ats-login) {
    padding-left: 248px;
    min-width: 0;
}
.ats-sidebar {
    position: fixed;
    left: 0; top: 0; bottom: 0;
    width: 248px;
    background: var(--jh-navy);
    color: #fff;
    display: flex;
    flex-direction: column;
    z-index: 30;
    border-right: 1px solid rgba(var(--jh-gold-rgb),.35);
}
.ats-sidebar-brand { padding: 20px 16px 12px; text-align: center; }
.ats-sidebar-brand img { height: 40px; width: auto; max-width: 200px; }
.ats-sidebar-nav { flex: 1; padding: 8px 10px; overflow: auto; }
.ats-nav-grupo {
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(var(--jh-gold-rgb),.75);
    padding: 12px 14px 4px;
    margin-top: 4px;
}
.ats-banda-estado {
    background: #fff;
    border: 1px solid rgba(var(--jh-navy-rgb),.08);
    border-radius: 10px;
    padding: 10px 14px;
    margin: 8px 0 12px;
}
.ats-banda-regla { font-size: 12px; color: #5c6b73; margin-top: 6px; }
.ats-kanban-leyenda {
    font-size: 12px;
    color: #5c6b73;
    background: #fff;
    border-radius: 10px;
    padding: 10px 14px;
    margin-top: 12px;
}
.ats-pipe-actions .dropdown-menu { min-width: 220px; }
.ats-more-menu { position: relative; }
.ats-more-menu > summary { list-style: none; cursor: pointer; }
.ats-more-menu > summary::-webkit-details-marker { display: none; }
.ats-more-panel {
    position: absolute; right: 0; top: 110%;
    background: #fff; border: 1px solid #d5dde2; border-radius: 8px;
    min-width: 220px; z-index: 20; padding: 6px 0;
    box-shadow: 0 8px 24px rgba(var(--jh-navy-rgb),.12);
}
.ats-more-panel a { display: block; padding: 8px 14px; color: var(--jh-navy); text-decoration: none; font-size: 14px; }
.ats-more-panel a:hover { background: rgba(var(--jh-gold-rgb), .12); }
.ats-prev-fly {
    width: 148px; height: 186px; overflow: hidden; border-radius: 8px;
    border: 1px solid rgba(var(--jh-gold-rgb), .28); background: var(--jh-navy); position: relative;
}
.ats-prev-fly iframe {
    width: 1080px; height: 1350px; border: 0;
    transform: scale(0.137); transform-origin: top left;
    pointer-events: none;
}
.ats-prev-card {
    width: 180px; border-radius: 10px; border: 1px solid #d5dde2;
    background: #fff; overflow: hidden; font-size: 11px;
}
.ats-prev-card img { width: 100%; height: 120px; object-fit: contain; background: var(--jh-navy); }
.ats-prev-card .ats-prev-body { padding: 8px; color: var(--jh-navy); max-height: 90px; overflow: hidden; white-space: pre-line; }
.ats-sidebar-nav a {
    display: block;
    color: rgba(255,255,255,.82);
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 2px;
}
.ats-sidebar-nav a:hover, .ats-sidebar-nav a.is-on {
    background: rgba(var(--jh-gold-rgb),.18);
    color: var(--jh-gold);
}
.ats-sidebar-foot { padding: 12px 16px 20px; border-top: 1px solid rgba(255,255,255,.08); }
.ats-sidebar-foot .logout { color: #f3c6c6; font-weight: 700; text-decoration: none; font-size: 13px; }
.ats-topbar {
    background: var(--jh-navy);
    color: #fff;
    padding: 10px 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(var(--jh-gold-rgb), .35);
}
.ats-topbar a { color: #f4f7f5; text-decoration: none; margin-left: 16px; font-size: 14px; }
.ats-topbar a:hover { color: var(--jh-gold); }
.ats-nav {
    background: var(--jh-navy);
    color: #fff;
    padding: 12px 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid rgba(var(--jh-gold-rgb), .35);
}
.ats-nav a { color: #f4f7f5; text-decoration: none; margin-left: 16px; font-size: 14px; }
.ats-nav a:hover { color: var(--jh-gold); }
.ats-nav .logout { color: #f3c6c6 !important; font-weight: 700; }
.ats-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ats-brand img { height: 42px; width: auto; max-width: 180px; object-fit: contain; }
.ats-brand-name {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    letter-spacing: .18em;
    font-size: 18px;
    color: var(--jh-gold);
    text-transform: uppercase;
}
.ats-brand-sub { font-size: 12px; color: rgba(255,255,255,.65); }
.ats-nav-links { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.ats-hello { opacity: .8; font-size: 13px; margin-right: 8px; }

.ats-page { padding: 24px 28px 56px; width: 100%; max-width: none; min-width: 0; box-sizing: border-box; }
.ats-page h1, .ats-page h2 {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    color: var(--jh-navy);
}
.ats-page .flyer-title,
.ats-page h1.flyer-title,
.ats-page .flyer-req-title,
.ats-page h2.flyer-req-title,
.ats-page .tema-titulo,
.ats-page .vac-cta {
    color: var(--jh-gold) !important;
}
.btn-primary, .ats-btn, .btn-accion {
    background: var(--jh-gold) !important;
    border-color: var(--jh-gold) !important;
    color: var(--jh-navy) !important;
    font-weight: 700;
    border-radius: 999px !important;
}
.btn-primary:hover, .ats-btn:hover, .btn-accion:hover {
    filter: brightness(.95);
    color: var(--jh-navy) !important;
}
.btn-outline-primary {
    border-color: var(--jh-navy) !important;
    color: var(--jh-navy) !important;
    border-radius: 999px !important;
}
.btn-outline-secondary { border-radius: 999px !important; }
.card, .card-soft, .box-card {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(var(--jh-navy-rgb), .06);
}
.ats-page .table,
.ats-page .table-responsive {
    background: #fff;
}
.ats-edit-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: 6px;
    color: var(--jh-navy);
    border-radius: 6px;
    vertical-align: middle;
    text-decoration: none;
}
.ats-edit-ico:hover { background: rgba(var(--jh-gold-rgb), .25); color: var(--jh-navy); }
.section-title .ats-edit-ico { float: right; }
.ats-kpi {
    background: var(--jh-navy);
    color: #fff;
    border-radius: 12px;
    padding: 20px 24px;
}
.ats-kpi h5 { color: var(--jh-gold); margin: 0 0 8px; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; }
.ats-kpi .num { font-family: Georgia, serif; font-size: 2.2rem; margin: 0; }
.section-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 12px; color: var(--jh-navy); }
.meta-label { font-size: 0.82rem; color: var(--jh-muted); text-transform: uppercase; letter-spacing: .04em; }
.meta-value { font-size: 1rem; color: var(--jh-text); word-break: break-word; }
.wa-link { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #25D366; color: #fff; text-decoration: none; }
.mail-link { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #2563eb; color: #fff; text-decoration: none; }

.ats-cfg {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    margin: 0;
}
.ats-cfg-nav {
    flex: 0 0 220px;
    width: 220px;
    max-width: 220px;
    position: sticky;
    top: 16px;
    background: var(--jh-navy);
    color: #fff;
    border-radius: 12px;
    padding: 16px 10px;
}
.ats-cfg-nav a {
    display: block;
    color: rgba(255,255,255,.82);
    text-decoration: none;
    padding: 9px 14px;
    border-radius: 8px;
    font-size: 14px;
}
.ats-cfg-nav a:hover, .ats-cfg-nav a.is-active {
    background: rgba(var(--jh-gold-rgb),.18);
    color: var(--jh-gold);
}
.ats-cfg-main { flex: 1 1 auto; min-width: 0; width: 100%; max-width: 100%; overflow-x: auto; }
.ats-cfg-main form { width: 100%; max-width: 100%; }
.ats-cfg-main .form-control,
.ats-cfg-main .form-select,
.ats-cfg-main textarea { max-width: 100%; }
.ats-cfg-panel { display: none; }
.ats-cfg-panel.is-active { display: block; width: 100%; }
.ats-cfg-save {
    position: sticky;
    bottom: 0;
    background: var(--jh-cream);
    padding: 12px 0;
    margin-top: 8px;
    border-top: 1px solid #e8ecec;
}
.hint { font-size: 13px; color: var(--jh-muted); }

.ats-hero-public {
    background: var(--jh-navy);
    color: #fff;
    padding: 28px 20px 36px;
    text-align: center;
    border-bottom: 1px solid rgba(var(--jh-gold-rgb),.35);
}
.ats-hero-public img { height: 64px; width: auto; max-width: 280px; }
.ats-hero-public h1 {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-weight: 500;
    letter-spacing: .04em;
    margin: 16px 0 8px;
    color: #fff;
}
.ats-hero-public p { color: rgba(255,255,255,.75); max-width: 640px; margin: 0 auto; }

.ats-perfil-link {
    color: var(--jh-navy);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(var(--jh-gold-rgb), .7);
}
.ats-perfil-link:hover { color: var(--jh-gold-2); }
table.cmp .ats-perfil-link { color: #fff; text-decoration-color: rgba(var(--jh-gold-rgb), .65); }
table.cmp td .ats-perfil-link { color: var(--jh-navy); }
.cmp-row.is-head .ats-perfil-link {
    color: #fff;
    text-decoration-color: rgba(var(--jh-gold-rgb), .7);
}
.cmp-row.is-head .ats-perfil-link:hover { color: var(--jh-gold); }

body.ats-rep-doc,
body.ats-rep-doc .ats-public-main,
body.ats-rep-doc .ats-rep-shell,
body.ats-rep-doc #rep-body {
    background: #fff;
}
body.ats-rep-doc .ats-rep-shell {
    max-width: 820px;
    margin: 0 auto;
    padding: 8px 0 48px;
}
body.ats-rep-doc .ats-rep-kicker {
    color: var(--jh-muted);
    font-size: 0.95rem;
    margin: -0.6em 0 1.4em;
}
body.ats-rep-doc .ats-rep-shell h1 {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-weight: 600;
    font-size: 2rem;
    color: var(--jh-navy);
    letter-spacing: .02em;
    margin: 0 0 1.1em;
    border: 0;
}
body.ats-rep-doc .ats-rep-shell h2 {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 1.42rem;
    font-weight: 600;
    color: var(--jh-navy);
    border: 0;
    border-bottom: 1px solid var(--jh-gold);
    background: none;
    padding: 0 0 6px;
    margin: 1.75em 0 0.85em;
}
body.ats-rep-doc .ats-rep-shell p,
body.ats-rep-doc .ats-rep-shell li {
    line-height: 1.55;
}
body.ats-rep-doc .ats-rep-shell details.psico-acc {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(var(--jh-navy-rgb), .12);
    background: transparent;
    margin: 0;
}
body.ats-rep-doc .ats-rep-shell details.psico-acc > summary {
    padding: 12px 0;
    font-weight: 700;
}
body.ats-rep-doc .ats-rep-shell .psico-acc-body { padding: 0 0 16px; }
body.ats-rep-doc .ats-rep-shell .radar-canvas-box { background: #fff; border-radius: 8px; }
@page individual { size: A4 portrait; margin: 16mm; }
body.ats-rep-doc { page: individual; }
@media print {
    html, body.ats-rep-doc,
    body.ats-rep-doc .ats-public-main,
    body.ats-rep-doc .ats-rep-shell,
    body.ats-rep-doc #rep-body {
        background: #fff !important;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
    body.ats-rep-doc .ats-rep-shell { max-width: none; }
}
.tarjeta-vacante { border-top: 4px solid var(--jh-gold) !important; }
.btn-ver-mas { background: var(--jh-gold) !important; color: var(--jh-navy) !important; border-radius: 999px; }
.badge-tag { background: rgba(var(--jh-gold-rgb),.2) !important; color: var(--jh-navy) !important; }

.login-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--jh-navy);
    padding: 24px;
}
.login-box {
    background: #fff;
    padding: 36px 32px;
    border-radius: 12px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.login-box img { display: block; height: 56px; margin: 0 auto 8px; }
.ats-login-name {
    font-family: "Cormorant Garamond", Georgia, serif;
    letter-spacing: .16em;
    text-transform: uppercase;
    text-align: center;
    color: var(--jh-navy);
    font-size: 1.6rem;
}
.ats-public-main { max-width: none; margin: 0 auto; padding: 28px 40px 64px; }
.btn-ver-mas { display: block; text-align: center; padding: 10px; text-decoration: none; font-weight: 700; margin-top: 15px; font-size: 13px; }
.btn-accion { display: inline-block; text-align: center; padding: 12px 25px; text-decoration: none; font-size: 16px; border: none; cursor: pointer; }
.badge-tag { display: inline-block; padding: 4px 10px; font-weight: 700; font-size: 12px; border-radius: 20px; margin: 0 5px 10px 0; }
.kanban-board {
    display: flex;
    gap: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 12px;
    align-items: flex-start;
    scrollbar-gutter: stable;
}
.kanban-cards {
    max-height: calc(100vh - 300px);
    min-height: 8rem;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}
.cmp-scroll,
.ats-cfg-main {
    overflow-x: scroll;
    scrollbar-gutter: stable;
}
.kanban-column {
    background: #eef1f1; border-radius: 8px; min-width: 260px; flex: 1 1 260px;
    padding: 12px;
}
.kanban-column[data-etapa="Descartado"] { background: #fde8e8; }
.kanban-column[data-etapa="Contratado"] { background: #e4f7e8; }
.kanban-header { font-size: 14px; font-weight: bold; color: var(--jh-navy); margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; }
.kanban-card { background: #fff; border-radius: 6px; padding: 12px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); border-left: 4px solid var(--jh-gold); }
.kanban-card[data-etapa-actual="Descartado"] { border-left-color: #c0392b; }
.kanban-card[data-etapa-actual="Contratado"] { border-left-color: #27ae60; }
.kanban-card[draggable="true"] { cursor: grab; }
.kanban-card.dragging { opacity: .5; }
.ficha-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.ficha-tabs button {
    border: 1px solid #d6dee6; background: #fff; color: var(--jh-navy); border-radius: 999px;
    padding: 6px 12px; font-size: 13px; font-weight: 600;
}
.ficha-tabs button.is-on { background: var(--jh-navy); color: var(--jh-gold); border-color: var(--jh-navy); }
.ats-ficha.ats-page {
    background-color: #e4ddd2;
    min-height: 100vh;
}
.ats-ficha .form-control,
.ats-ficha .form-select,
.ats-ficha textarea {
    background-color: #ffffff !important;
    border-color: #c5d0d8;
    color: var(--jh-text);
}
.ats-ficha .card-soft,
.ats-ficha .card,
.ats-ficha .box-card {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #c9c2b4;
    box-shadow: 0 10px 28px rgba(var(--jh-navy-rgb), .12);
}
.ats-ficha .alert {
    background: #fff;
    border-width: 1px;
    color: var(--jh-text);
}
.ats-ficha .alert-success { background: #f0fdf4; border-color: #86efac; }
.ats-ficha .alert-warning { background: #fffbeb; border-color: #fcd34d; }
.ats-ficha .alert-danger { background: #fef2f2; border-color: #fca5a5; }
.ats-ficha .alert-info { background: #eff6ff; border-color: #93c5fd; }
.ats-ficha .profile-pill {
    display: inline-block;
    background: #fff;
    border: 1px solid #c5d0d8;
    border-radius: 999px;
    padding: 2px 10px;
    color: var(--jh-navy);
    font-weight: 600;
}
.ats-ficha .meta-label { color: #3d4f57; }
.ats-ficha .meta-value {
    background-color: #ffffff !important;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #c5d0d8;
    color: var(--jh-text);
}
.ats-ficha table,
.ats-ficha .table {
    background: #fff;
    color: var(--jh-text);
}
.ats-ficha .table > :not(caption) > * > * {
    background: #fff;
    border-color: #d6dee6;
}
.ats-ficha .border.rounded,
.ats-ficha .border {
    background: #fff;
    border-color: #c5d0d8 !important;
}
.ats-ficha .ficha-tabs {
    background-color: #ffffff !important;
    border: 1px solid #c9c2b4;
    border-radius: 12px;
    padding: 8px;
}
.ats-ficha-head {
    background-color: #ffffff !important;
    border: 1px solid #c9c2b4;
    border-radius: 12px;
    padding: 16px 20px;
    box-shadow: 0 10px 28px rgba(var(--jh-navy-rgb), .12);
}
.psico-viz-root { margin: 8px 0 16px; }
.psico-viz-root .radar-canvas-box,
.radar-canvas-box {
    width: 100%;
    max-width: 100%;
    height: 260px;
    margin: 8px auto 0;
    position: relative;
}
.radar-canvas-box canvas { display: block; width: 100% !important; height: 100% !important; }
.chart-disc-host .radar-canvas-box { height: 200px; }
.tti-disc-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: start;
}
.tti-disc-pair .radar-canvas-box { height: 180px; }
.disc-op-patron { margin: 4px 0; }
.disc-op-cita { font-size: 0.92rem; color: var(--jh-muted); border-left: 3px solid var(--jh-gold); padding: 6px 10px; margin: 8px 0 0; }
.psico-tip {
    position: relative;
    cursor: help;
    border-bottom: 1px dotted rgba(var(--jh-navy-rgb), .45);
}
.psico-tip-box {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
.psico-float {
    display: none;
    position: fixed;
    z-index: 90;
    width: min(280px, 72vw);
    max-width: 280px;
    padding: 8px 10px;
    background: var(--jh-navy);
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(var(--jh-navy-rgb), .25);
    pointer-events: none;
}
.psico-float.is-on { display: block; }
@media print {
    .psico-tip { border-bottom: none; cursor: inherit; }
    .psico-tip-box, .psico-float { display: none !important; }
}
@media (max-width: 700px) {
    .tti-disc-pair { grid-template-columns: 1fr; }
}
details.psico-acc, details.rep-acc {
    border: 1px solid #d6dee6;
    border-radius: 10px;
    margin: 8px 0;
    background: #fff;
}
details.psico-acc > summary, details.rep-acc > summary {
    cursor: pointer;
    padding: 8px 12px;
    font-weight: 700;
    color: var(--jh-navy);
    list-style: none;
}
details.psico-acc > summary::-webkit-details-marker,
details.rep-acc > summary::-webkit-details-marker { display: none; }
details.psico-acc > summary::before,
details.rep-acc > summary::before { content: "▸ "; color: var(--jh-gold-2, #C99405); }
details.psico-acc[open] > summary::before,
details.rep-acc[open] > summary::before { content: "▾ "; }
.psico-acc-body, .rep-acc-body { padding: 4px 12px 12px; }
details.psico-acc.is-off { display: none; }
@media print {
    .cmp-row.is-head, .cmp-label { position: static !important; }
    details.psico-acc:not(.is-off), details.rep-acc { display: block; }
    details.psico-acc:not(.is-off) > .psico-acc-body,
    details.rep-acc > .rep-acc-body { display: block !important; }
    details.psico-acc > summary,
    details.rep-acc > summary,
    h2, h3 {
        break-after: avoid;
        page-break-after: avoid;
    }
    .psico-chart-host,
    .radar-canvas-box,
    .tabla-habs {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .tabla-habs thead { display: table-header-group; }
    p, li {
        orphans: 3;
        widows: 3;
    }
}
.tabla-habs td { overflow: visible; }
.kanban-column.drop-target { outline: 2px dashed var(--jh-gold); }
.candidate-name { font-size: 14px; font-weight: 700; color: var(--jh-navy); text-decoration: none; display: block; }
.pipeline-toast { position: fixed; right: 16px; bottom: 16px; z-index: 40; max-width: 360px; }
.sla-text { font-size: 11px; color: #64748b; margin-top: 6px; }

@media (max-width: 1100px) {
    body.ats-app:not(.ats-public):not(.ats-login) { padding-left: 0; padding-top: 0; }
    .ats-sidebar { position: static; width: 100%; height: auto; }
    .ats-sidebar-nav { display: flex; flex-wrap: wrap; }
    .ats-cfg { flex-direction: column; }
    .ats-cfg-nav { position: static; width: 100%; max-width: none; flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: 4px; }
    .ats-cfg-nav a { padding: 8px 10px; }
    .ats-nav { flex-direction: column; align-items: flex-start; }
    .ats-nav-links { justify-content: flex-start; }
    .ats-nav a { margin: 6px 12px 0 0; }
}
.ats-flyer-stage {
    background: var(--jh-navy);
    border: 1px solid rgba(var(--jh-gold-rgb), .28);
    border-radius: 12px;
    padding: 20px 12px 28px;
    margin-top: 8px;
}
body.ats-app .flyer-wrap { padding: 12px 8px 8px; }
.ats-flyer-toolbar {
    background: #fff;
    border: 1px solid rgba(var(--jh-navy-rgb), .08);
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 16px;
}
.ats-flyer-toolbar label { color: var(--jh-muted); font-size: 13px; }
@media print {
    .ats-sidebar, .ats-topbar, .ats-flyer-chrome { display: none !important; }
    body.ats-app { padding-left: 0 !important; background: #fff !important; }
    .ats-page { padding: 0 !important; }
    body.ats-app .container-fluid.ats-page { padding: 0 !important; margin: 0 !important; max-width: none !important; }
    body.ats-app .flyer-wrap { padding: 0 !important; }
    .ats-flyer-stage {
        background: transparent;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
    }
}