.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}.template-card{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:16px}.template-card h2{font-size:17px;margin:0 0 6px}.template-card p{color:#6b7280;min-height:38px}

.template-picker-window{background:#fff;border:1px solid #d1d5db;box-shadow:0 20px 42px rgba(15,23,42,.12);overflow:hidden;margin:0 auto;color:#111827}.template-picker-window h1,.template-picker-window h2,.template-picker-window h3{margin:0}.template-picker-window p{margin:0;color:#6b7280}.template-picker-root{width:min(520px,calc(100vw - 28px));border-radius:0 0 12px 12px;padding:28px}.template-root-title h1{font-size:28px;line-height:1.1;margin-bottom:8px}.template-root-title p{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:clip;margin-bottom:24px}.template-root-list{display:grid;gap:18px}.template-root-card{display:grid;grid-template-columns:52px 1fr 30px;align-items:center;gap:18px;background:#f9fafb;border:1px solid #e5e7eb;padding:18px;color:#111827;min-height:86px}.template-root-card:hover{border-color:#bfdbfe;background:#f8fbff}.template-root-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#2563eb;color:#fff;font-size:22px;font-weight:900}.template-root-text b{display:block;font-size:22px;line-height:1.1}.template-root-text small{display:block;color:#6b7280;font-size:14px;margin-top:5px;font-weight:600}.template-root-arrow{font-size:30px;font-weight:900;color:#9ca3af;text-align:right}

.template-cv-window{width:min(1300px,calc(100vw - 18px));min-height:690px;border-radius:0}.template-cv-header{display:flex;align-items:center;gap:14px;height:76px;padding:0 26px;background:#fff}.template-back,.template-close{display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:800}.template-back{font-size:34px;width:24px}.template-close{font-size:28px;margin-left:auto;width:34px}.template-cv-header h1{font-size:28px;line-height:1;font-weight:900}.template-tabs{display:flex;gap:10px;padding:0 22px 18px;background:#fff}.template-tabs button{border:0;background:#f9fafb;color:#4b5563;font-weight:700;padding:16px 22px;cursor:pointer;font-size:14px}.template-tabs button.active{background:#2563eb;color:#fff}.template-cv-scroll{height:calc(100vh - 230px);min-height:480px;overflow:auto;padding:0 22px 22px}.template-cv-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:20px}.cv-template-card{border:1px solid #e5e7eb;background:#f9fafb;padding:18px 20px 20px;min-height:520px}.cv-template-card h2{font-size:22px;line-height:1.1;margin:14px 0 8px;font-weight:900}.template-tag{display:inline-flex;background:#eff6ff;color:#2563eb;padding:4px 10px;font-weight:700;font-size:14px;margin-bottom:14px}.template-use-btn{width:100%;min-height:44px;margin-top:6px}.cv-thumb{display:flex;align-items:center;justify-content:center;background:#fff;min-height:330px}.cv-thumb-paper{position:relative;width:250px;height:320px;background:#fff;padding:28px 30px;font-family:"Times New Roman",serif;border:0;box-shadow:0 0 0 0 #fff;color:#111827;overflow:hidden}.cv-thumb-paper b{display:block;text-align:center;font-size:20px;line-height:1.2;margin-bottom:8px}.cv-thumb-paper em{display:block;text-align:center;font-size:10px;color:#6b7280;font-style:normal;margin-bottom:30px}.cv-thumb-paper strong{display:block;font-size:12px;font-weight:900;margin:16px 0 8px;border-bottom:2px solid #111827;padding-bottom:4px}.cv-thumb-paper i{display:block;height:5px;background:#e5e7eb;margin:8px 0;width:74%;font-style:normal}.cv-thumb-paper i:nth-of-type(2n){width:58%}.cv-thumb-ats-with-bullet .cv-thumb-paper i:before{content:'•';position:absolute;left:23px;color:#111827;font-weight:900;line-height:0}.cv-thumb-adelaide .cv-thumb-paper{border:1px solid #c9b79c;padding:28px 36px;font-family:Garamond,"Times New Roman",serif}.cv-thumb-adelaide .cv-thumb-paper b{text-align:left;margin-left:38px;font-size:20px}.cv-thumb-adelaide .cv-thumb-paper em{text-align:left;margin-left:38px;font-size:11px;font-style:italic}.cv-thumb-adelaide .cv-thumb-paper strong{border:0;color:var(--accent);font-size:12px;margin-top:14px}.cv-thumb-adelaide .cv-thumb-paper hr{border:0;border-top:1px solid #c9b79c;margin:18px 0}.round-initial{position:absolute;left:36px;top:32px;width:38px;height:38px;border:3px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--accent)}.cv-thumb-structura .cv-thumb-paper{border-top:48px solid var(--accent);font-family:Arial,sans-serif}.cv-thumb-structura .cv-thumb-paper:before{content:'BASKARA ANTONIO';position:absolute;top:-36px;left:18px;color:#fff;font-weight:900;font-size:18px}.cv-thumb-columbia .cv-thumb-paper{border-top:72px solid #111;font-family:Cambria,serif}.cv-thumb-columbia .cv-thumb-paper:before{content:'BASKARA ANTONIO';position:absolute;top:-52px;left:0;width:100%;text-align:center;color:#fff;font-weight:900;font-size:18px}.cv-thumb-minimal .cv-thumb-paper,.cv-thumb-classic .cv-thumb-paper{border-left:5px solid #d1d5db;font-family:Arial,sans-serif}.cv-thumb-creative-professional .cv-thumb-paper,.cv-thumb-creative-minimalist .cv-thumb-paper,.cv-thumb-creative-modern .cv-thumb-paper,.cv-thumb-creative-corporate .cv-thumb-paper,.cv-thumb-creative-clean .cv-thumb-paper{font-family:Arial,sans-serif;padding:22px 24px}.cv-thumb-creative-modern .cv-thumb-paper{border-top:78px solid var(--accent)}.cv-thumb-creative-corporate .cv-thumb-paper{border-top:62px solid var(--accent);background:#f8fafc}.cv-thumb-creative-minimalist .cv-thumb-paper{border-left:58px solid #27272a}.photo-dot{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:2px solid var(--accent);border-radius:50%;font-weight:900;color:var(--accent);margin-bottom:10px}.name-left{font-size:18px!important;text-align:left!important;color:var(--accent)!important}.cv-thumb-paper .name-left+em{text-align:left}.cv-thumb-paper .photo-dot~i,.cv-thumb-paper .round-initial~i{background:#e5e7eb}

.template-action-panel{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;align-items:start;margin:0 22px 18px;padding:18px;border:1px solid #bfdbfe;background:#eff6ff}.template-action-panel h2{font-size:22px;margin-bottom:6px}.template-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.template-source-grid .btn{border-radius:0;min-height:42px;font-size:13px;padding:10px}.letter-action-panel{margin:0 0 20px}

.template-letter-window{width:min(1152px,calc(100vw - 18px));height:708px;border-radius:0;display:flex;flex-direction:column}.template-letter-hero{display:grid;grid-template-columns:62px 1fr 32px;gap:18px;align-items:center;background:#f3f7ff;padding:30px}.template-letter-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#2563eb;color:#fff;font-size:28px;font-weight:900}.template-letter-hero h1{font-size:30px;line-height:1.1;font-weight:900}.template-letter-hero p{font-size:15px;margin-top:8px}.template-letter-content{padding:28px 30px 30px;background:#fff;overflow:auto;flex:1}.template-search{display:grid;grid-template-columns:36px 1fr;align-items:center;height:74px;border:1px solid #777;background:#fff;margin-bottom:28px}.template-search span{font-size:22px;text-align:center;color:#9ca3af}.template-search input{border:0;outline:0;font-size:22px;color:#111827;height:100%;padding:0 12px 0 0}.letter-template-box{border:1px solid #e5e7eb;padding:32px 34px}.letter-template-box>h2{font-size:24px;font-weight:900;margin-bottom:6px}.letter-template-box>p{font-size:14px;margin-bottom:26px}.letter-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.letter-template-card{display:grid;grid-template-columns:84px 1fr;gap:24px;align-items:center;border:1px solid #e5e7eb;background:#fff;padding:26px 20px;min-height:152px}.letter-template-card:hover{border-color:#bfdbfe;background:#fbfdff}.letter-mini-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;background:#eff6ff;color:#2563eb;font-weight:900;font-size:22px}.letter-template-card h3{font-size:22px;line-height:1.15;font-weight:900;margin-bottom:8px}.letter-template-card p{font-size:15px;line-height:1.35;margin-top:6px;color:#6b7280}.letter-template-card .template-use-btn{width:auto;margin-top:10px;min-height:34px;padding:7px 12px;font-size:12px}.letter-template-card.is-hidden{display:none!important}

@media(max-width:980px){.template-cv-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.template-action-panel{grid-template-columns:1fr}.letter-template-grid{grid-template-columns:1fr}.template-letter-window{height:auto;min-height:calc(100vh - 20px)}}@media(max-width:680px){.template-picker-root{padding:22px}.template-root-title p{white-space:normal}.template-root-card{grid-template-columns:48px 1fr 22px;padding:14px}.template-root-text b{font-size:18px}.template-cv-header{height:auto;padding:22px}.template-cv-header h1{font-size:23px}.template-tabs{overflow:auto}.template-cv-scroll{height:auto;min-height:auto;padding:0 14px 22px}.template-cv-grid{grid-template-columns:1fr}.cv-template-card{min-height:auto}.cv-thumb{min-height:280px}.cv-thumb-paper{transform:scale(.82);transform-origin:center}.template-letter-hero{grid-template-columns:52px 1fr 28px;padding:22px}.template-letter-icon{width:50px;height:50px}.template-letter-hero h1{font-size:24px}.template-letter-content{padding:18px}.template-search{height:58px}.template-search input{font-size:16px}.letter-template-box{padding:20px}.letter-template-card{grid-template-columns:58px 1fr;gap:12px;padding:18px 12px}.letter-mini-icon{width:48px;height:48px}.letter-template-card h3{font-size:18px}}

/* v18.78 - Template Cepat khusus template tersimpan user */
.quickdb-window {
    background: #ffffff;
    color: #111827;
    min-height: calc(100vh - 78px);
    padding: 28px;
    font-family: "Segoe UI", Arial, sans-serif;
}
.quickdb-window--saved-only {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 210px);
}
.quickdb-header {
    max-width: 1120px;
    margin: 0 0 22px;
}
.quickdb-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.quickdb-header h1 {
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.03em;
}
.quickdb-header p {
    margin: 0;
    color: #53637a;
    font-size: 15px;
    line-height: 1.55;
}
.quickdb-header p strong {
    color: #111827;
}
.quickdb-scroll-panel {
    max-height: calc(100vh - 250px);
    overflow: auto;
    padding-right: 12px;
    scrollbar-color: #a3a3a3 #f3f4f6;
    scrollbar-width: auto;
}
.quickdb-scroll-panel--saved-only {
    border-right: 0;
    max-width: 1180px;
}
.quickdb-section {
    margin-top: 12px;
}
.quickdb-section h2 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 900;
}
.quickdb-note {
    margin: 0 0 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.55;
}
.quickdb-row {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 176px;
    align-items: center;
    gap: 16px;
    min-height: 96px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
    margin: 0 0 14px;
    padding: 16px 18px;
}
.quickdb-row.custom {
    background: #ffffff;
}
.quickdb-kind {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 14px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
}
.quickdb-kind.custom-kind {
    color: #2563eb;
}
.quickdb-row-text {
    min-width: 0;
}
.quickdb-row-text strong {
    display: block;
    margin-bottom: 6px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
}
.quickdb-row-text span {
    display: block;
    color: #64748b;
    font-size: 14px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.quickdb-row-text em {
    display: block;
    margin-top: 6px;
    color: #94a3b8;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}
.quickdb-link,
.quickdb-link:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 12px;
    background: #2563eb;
    color: #ffffff;
    font-weight: 900;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    padding: 0 16px;
}
.quickdb-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}
.quickdb-delete-form {
    margin: 0;
}
.quickdb-link:hover {
    background: #1d4ed8;
    text-decoration: none;
}
.quickdb-link--delete {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #b91c1c;
    cursor: pointer;
    font-family: inherit;
}
.quickdb-link--delete:hover {
    background: #ffe4e6;
    color: #991b1b;
}

.quickdb-row--locked-template {
    border-color: #bbf7d0;
    background: #f8fff9;
}
.quickdb-link--locked,
.quickdb-link--locked:visited {
    border: 1px solid #bbf7d0;
    background: #ecfdf5;
    color: #047857;
    cursor: default;
}
.quickdb-link--locked:hover {
    background: #ecfdf5;
    color: #047857;
}

.quickdb-empty {
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    padding: 26px 22px;
    margin-bottom: 14px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .04);
}
.quickdb-empty strong {
    display: block;
    color: #0f172a;
    font-size: 18px;
    margin-bottom: 8px;
}
.quickdb-empty span {
    display: block;
    color: #64748b;
    font-size: 14px;
    line-height: 1.55;
}
@media (max-width: 720px) {
    .quickdb-window {
        padding: 18px 12px;
    }
    .quickdb-header h1 {
        font-size: 24px;
    }
    .quickdb-scroll-panel {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
    .quickdb-row {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 12px;
        padding: 14px;
    }
    .quickdb-actions {
        grid-column: 2;
        justify-content: flex-start;
    }
    .quickdb-link {
        width: fit-content;
    }
    .quickdb-row-text strong {
        font-size: 16px;
    }
    .quickdb-kind {
        min-height: 42px;
        font-size: 13px;
    }
}

/* v18.53 - thumbnail variasi 50 CV + 50 Surat */
.cv-thumb-harvard .cv-thumb-paper{border-color:#111111!important;box-shadow:inset 0 0 0 1px #11111122}
.cv-thumb-harvard .cv-thumb-paper strong{border-bottom-color:#111111!important;color:#111111!important}
.cv-thumb-harvard .cv-thumb-paper{border-top:26px solid #111111!important}
.cv-thumb-ats-with-bullet .cv-thumb-paper{border-color:#111111!important;box-shadow:inset 0 0 0 1px #11111122}
.cv-thumb-ats-with-bullet .cv-thumb-paper strong{border-bottom-color:#111111!important;color:#111111!important}
.cv-thumb-ats-with-bullet .cv-thumb-paper{border-left:18px solid #111111!important}
.cv-thumb-adelaide .cv-thumb-paper{border-color:#4b5563!important;box-shadow:inset 0 0 0 1px #4b556322}
.cv-thumb-adelaide .cv-thumb-paper strong{border-bottom-color:#4b5563!important;color:#4b5563!important}
.cv-thumb-adelaide .cv-thumb-paper{outline:2px double #4b5563!important;outline-offset:-12px!important}
.cv-thumb-structura .cv-thumb-paper{border-color:#2563eb!important;box-shadow:inset 0 0 0 1px #2563eb22}
.cv-thumb-structura .cv-thumb-paper strong{border-bottom-color:#2563eb!important;color:#2563eb!important}
.cv-thumb-structura .cv-thumb-paper b{color:#2563eb!important;text-align:left!important}
.cv-thumb-columbia .cv-thumb-paper{border-color:#000000!important;box-shadow:inset 0 0 0 1px #00000022}
.cv-thumb-columbia .cv-thumb-paper strong{border-bottom-color:#000000!important;color:#000000!important}
.cv-thumb-columbia .cv-thumb-paper{background:linear-gradient(180deg,#fff 0,#fff 72%,#f8fafc 72%)!important}
.cv-thumb-minimal .cv-thumb-paper{border-color:#6b7280!important;box-shadow:inset 0 0 0 1px #6b728022}
.cv-thumb-minimal .cv-thumb-paper strong{border-bottom-color:#6b7280!important;color:#6b7280!important}
.cv-thumb-minimal .cv-thumb-paper{border-top:26px solid #6b7280!important}
.cv-thumb-classic .cv-thumb-paper{border-color:#111827!important;box-shadow:inset 0 0 0 1px #11182722}
.cv-thumb-classic .cv-thumb-paper strong{border-bottom-color:#111827!important;color:#111827!important}
.cv-thumb-classic .cv-thumb-paper{border-left:18px solid #111827!important}
.cv-thumb-ats-executive-mono .cv-thumb-paper{border-color:#0f172a!important;box-shadow:inset 0 0 0 1px #0f172a22}
.cv-thumb-ats-executive-mono .cv-thumb-paper strong{border-bottom-color:#0f172a!important;color:#0f172a!important}
.cv-thumb-ats-executive-mono .cv-thumb-paper{outline:2px double #0f172a!important;outline-offset:-12px!important}
.cv-thumb-ats-compact-recruiter .cv-thumb-paper{border-color:#334155!important;box-shadow:inset 0 0 0 1px #33415522}
.cv-thumb-ats-compact-recruiter .cv-thumb-paper strong{border-bottom-color:#334155!important;color:#334155!important}
.cv-thumb-ats-compact-recruiter .cv-thumb-paper b{color:#334155!important;text-align:left!important}
.cv-thumb-ats-legal-counsel .cv-thumb-paper{border-color:#7f1d1d!important;box-shadow:inset 0 0 0 1px #7f1d1d22}
.cv-thumb-ats-legal-counsel .cv-thumb-paper strong{border-bottom-color:#7f1d1d!important;color:#7f1d1d!important}
.cv-thumb-ats-legal-counsel .cv-thumb-paper{background:linear-gradient(180deg,#fff 0,#fff 72%,#f8fafc 72%)!important}
.cv-thumb-ats-finance-ledger .cv-thumb-paper{border-color:#14532d!important;box-shadow:inset 0 0 0 1px #14532d22}
.cv-thumb-ats-finance-ledger .cv-thumb-paper strong{border-bottom-color:#14532d!important;color:#14532d!important}
.cv-thumb-ats-finance-ledger .cv-thumb-paper{border-top:26px solid #14532d!important}
.cv-thumb-ats-academic-scholar .cv-thumb-paper{border-color:#4c1d95!important;box-shadow:inset 0 0 0 1px #4c1d9522}
.cv-thumb-ats-academic-scholar .cv-thumb-paper strong{border-bottom-color:#4c1d95!important;color:#4c1d95!important}
.cv-thumb-ats-academic-scholar .cv-thumb-paper{border-left:18px solid #4c1d95!important}
.cv-thumb-ats-tech-systems .cv-thumb-paper{border-color:#0369a1!important;box-shadow:inset 0 0 0 1px #0369a122}
.cv-thumb-ats-tech-systems .cv-thumb-paper strong{border-bottom-color:#0369a1!important;color:#0369a1!important}
.cv-thumb-ats-tech-systems .cv-thumb-paper{outline:2px double #0369a1!important;outline-offset:-12px!important}
.cv-thumb-ats-government-formal .cv-thumb-paper{border-color:#1e3a8a!important;box-shadow:inset 0 0 0 1px #1e3a8a22}
.cv-thumb-ats-government-formal .cv-thumb-paper strong{border-bottom-color:#1e3a8a!important;color:#1e3a8a!important}
.cv-thumb-ats-government-formal .cv-thumb-paper b{color:#1e3a8a!important;text-align:left!important}
.cv-thumb-ats-european-compact .cv-thumb-paper{border-color:#374151!important;box-shadow:inset 0 0 0 1px #37415122}
.cv-thumb-ats-european-compact .cv-thumb-paper strong{border-bottom-color:#374151!important;color:#374151!important}
.cv-thumb-ats-european-compact .cv-thumb-paper{background:linear-gradient(180deg,#fff 0,#fff 72%,#f8fafc 72%)!important}
.cv-thumb-ats-chronological-prime .cv-thumb-paper{border-color:#000000!important;box-shadow:inset 0 0 0 1px #00000022}
.cv-thumb-ats-chronological-prime .cv-thumb-paper strong{border-bottom-color:#000000!important;color:#000000!important}
.cv-thumb-ats-chronological-prime .cv-thumb-paper{border-top:26px solid #000000!important}
.cv-thumb-ats-functional-skill .cv-thumb-paper{border-color:#0f766e!important;box-shadow:inset 0 0 0 1px #0f766e22}
.cv-thumb-ats-functional-skill .cv-thumb-paper strong{border-bottom-color:#0f766e!important;color:#0f766e!important}
.cv-thumb-ats-functional-skill .cv-thumb-paper{border-left:18px solid #0f766e!important}
.cv-thumb-ats-combination-pro .cv-thumb-paper{border-color:#1d4ed8!important;box-shadow:inset 0 0 0 1px #1d4ed822}
.cv-thumb-ats-combination-pro .cv-thumb-paper strong{border-bottom-color:#1d4ed8!important;color:#1d4ed8!important}
.cv-thumb-ats-combination-pro .cv-thumb-paper{outline:2px double #1d4ed8!important;outline-offset:-12px!important}
.cv-thumb-ats-modern-line .cv-thumb-paper{border-color:#e11d48!important;box-shadow:inset 0 0 0 1px #e11d4822}
.cv-thumb-ats-modern-line .cv-thumb-paper strong{border-bottom-color:#e11d48!important;color:#e11d48!important}
.cv-thumb-ats-modern-line .cv-thumb-paper b{color:#e11d48!important;text-align:left!important}
.cv-thumb-ats-plain-text .cv-thumb-paper{border-color:#111827!important;box-shadow:inset 0 0 0 1px #11182722}
.cv-thumb-ats-plain-text .cv-thumb-paper strong{border-bottom-color:#111827!important;color:#111827!important}
.cv-thumb-ats-plain-text .cv-thumb-paper{background:linear-gradient(180deg,#fff 0,#fff 72%,#f8fafc 72%)!important}
.cv-thumb-ats-banking-formal .cv-thumb-paper{border-color:#0c4a6e!important;box-shadow:inset 0 0 0 1px #0c4a6e22}
.cv-thumb-ats-banking-formal .cv-thumb-paper strong{border-bottom-color:#0c4a6e!important;color:#0c4a6e!important}
.cv-thumb-ats-banking-formal .cv-thumb-paper{border-top:26px solid #0c4a6e!important}
.cv-thumb-ats-corporate-grid .cv-thumb-paper{border-color:#1f2937!important;box-shadow:inset 0 0 0 1px #1f293722}
.cv-thumb-ats-corporate-grid .cv-thumb-paper strong{border-bottom-color:#1f2937!important;color:#1f2937!important}
.cv-thumb-ats-corporate-grid .cv-thumb-paper{border-left:18px solid #1f2937!important}
.cv-thumb-ats-monochrome-premium .cv-thumb-paper{border-color:#18181b!important;box-shadow:inset 0 0 0 1px #18181b22}
.cv-thumb-ats-monochrome-premium .cv-thumb-paper strong{border-bottom-color:#18181b!important;color:#18181b!important}
.cv-thumb-ats-monochrome-premium .cv-thumb-paper{outline:2px double #18181b!important;outline-offset:-12px!important}
.cv-thumb-ats-blue-line .cv-thumb-paper{border-color:#2563eb!important;box-shadow:inset 0 0 0 1px #2563eb22}
.cv-thumb-ats-blue-line .cv-thumb-paper strong{border-bottom-color:#2563eb!important;color:#2563eb!important}
.cv-thumb-ats-blue-line .cv-thumb-paper b{color:#2563eb!important;text-align:left!important}
.cv-thumb-ats-gold-line .cv-thumb-paper{border-color:#b45309!important;box-shadow:inset 0 0 0 1px #b4530922}
.cv-thumb-ats-gold-line .cv-thumb-paper strong{border-bottom-color:#b45309!important;color:#b45309!important}
.cv-thumb-ats-gold-line .cv-thumb-paper{background:linear-gradient(180deg,#fff 0,#fff 72%,#f8fafc 72%)!important}
.cv-thumb-ats-gray-panel .cv-thumb-paper{border-color:#64748b!important;box-shadow:inset 0 0 0 1px #64748b22}
.cv-thumb-ats-gray-panel .cv-thumb-paper strong{border-bottom-color:#64748b!important;color:#64748b!important}
.cv-thumb-ats-gray-panel .cv-thumb-paper{border-top:26px solid #64748b!important}
.cv-thumb-ats-letterhead .cv-thumb-paper{border-color:#0f172a!important;box-shadow:inset 0 0 0 1px #0f172a22}
.cv-thumb-ats-letterhead .cv-thumb-paper strong{border-bottom-color:#0f172a!important;color:#0f172a!important}
.cv-thumb-ats-letterhead .cv-thumb-paper{border-left:18px solid #0f172a!important}
.cv-thumb-ats-profile-top .cv-thumb-paper{border-color:#4338ca!important;box-shadow:inset 0 0 0 1px #4338ca22}
.cv-thumb-ats-profile-top .cv-thumb-paper strong{border-bottom-color:#4338ca!important;color:#4338ca!important}
.cv-thumb-ats-profile-top .cv-thumb-paper{outline:2px double #4338ca!important;outline-offset:-12px!important}
.cv-thumb-ats-research .cv-thumb-paper{border-color:#581c87!important;box-shadow:inset 0 0 0 1px #581c8722}
.cv-thumb-ats-research .cv-thumb-paper strong{border-bottom-color:#581c87!important;color:#581c87!important}
.cv-thumb-ats-research .cv-thumb-paper b{color:#581c87!important;text-align:left!important}
.cv-thumb-ats-compliance .cv-thumb-paper{border-color:#8a1538!important;box-shadow:inset 0 0 0 1px #8a153822}
.cv-thumb-ats-compliance .cv-thumb-paper strong{border-bottom-color:#8a1538!important;color:#8a1538!important}
.cv-thumb-ats-compliance .cv-thumb-paper{background:linear-gradient(180deg,#fff 0,#fff 72%,#f8fafc 72%)!important}
.cv-thumb-creative-professional .cv-thumb-paper{border-color:#0b3a75!important;box-shadow:inset 0 0 0 1px #0b3a7522}
.cv-thumb-creative-professional .cv-thumb-paper{border-left:66px solid #0b3a75!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-professional .cv-thumb-paper b,.cv-thumb-creative-professional .cv-thumb-paper .name-left{color:#0b3a75!important}
.cv-thumb-creative-minimalist .cv-thumb-paper{border-color:#3f3f46!important;box-shadow:inset 0 0 0 1px #3f3f4622}
.cv-thumb-creative-minimalist .cv-thumb-paper{border-left:66px solid #3f3f46!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-minimalist .cv-thumb-paper b,.cv-thumb-creative-minimalist .cv-thumb-paper .name-left{color:#3f3f46!important}
.cv-thumb-creative-modern .cv-thumb-paper{border-color:#e11d48!important;box-shadow:inset 0 0 0 1px #e11d4822}
.cv-thumb-creative-modern .cv-thumb-paper{border-left:66px solid #e11d48!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-modern .cv-thumb-paper b,.cv-thumb-creative-modern .cv-thumb-paper .name-left{color:#e11d48!important}
.cv-thumb-creative-corporate .cv-thumb-paper{border-color:#0f4c81!important;box-shadow:inset 0 0 0 1px #0f4c8122}
.cv-thumb-creative-corporate .cv-thumb-paper{border-left:66px solid #0f4c81!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-corporate .cv-thumb-paper b,.cv-thumb-creative-corporate .cv-thumb-paper .name-left{color:#0f4c81!important}
.cv-thumb-creative-clean .cv-thumb-paper{border-color:#7c3aed!important;box-shadow:inset 0 0 0 1px #7c3aed22}
.cv-thumb-creative-clean .cv-thumb-paper{border-left:66px solid #7c3aed!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-clean .cv-thumb-paper b,.cv-thumb-creative-clean .cv-thumb-paper .name-left{color:#7c3aed!important}
.cv-thumb-creative-navy-split .cv-thumb-paper{border-color:#123c69!important;box-shadow:inset 0 0 0 1px #123c6922}
.cv-thumb-creative-navy-split .cv-thumb-paper{border-left:66px solid #123c69!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-navy-split .cv-thumb-paper b,.cv-thumb-creative-navy-split .cv-thumb-paper .name-left{color:#123c69!important}
.cv-thumb-creative-gold-luxury .cv-thumb-paper{border-color:#b8860b!important;box-shadow:inset 0 0 0 1px #b8860b22}
.cv-thumb-creative-gold-luxury .cv-thumb-paper{border-left:66px solid #b8860b!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-gold-luxury .cv-thumb-paper b,.cv-thumb-creative-gold-luxury .cv-thumb-paper .name-left{color:#b8860b!important}
.cv-thumb-creative-green-eco .cv-thumb-paper{border-color:#047857!important;box-shadow:inset 0 0 0 1px #04785722}
.cv-thumb-creative-green-eco .cv-thumb-paper{border-left:66px solid #047857!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-green-eco .cv-thumb-paper b,.cv-thumb-creative-green-eco .cv-thumb-paper .name-left{color:#047857!important}
.cv-thumb-creative-maroon-legal .cv-thumb-paper{border-color:#8a1538!important;box-shadow:inset 0 0 0 1px #8a153822}
.cv-thumb-creative-maroon-legal .cv-thumb-paper{border-left:66px solid #8a1538!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-maroon-legal .cv-thumb-paper b,.cv-thumb-creative-maroon-legal .cv-thumb-paper .name-left{color:#8a1538!important}
.cv-thumb-creative-purple-tech .cv-thumb-paper{border-color:#6d28d9!important;box-shadow:inset 0 0 0 1px #6d28d922}
.cv-thumb-creative-purple-tech .cv-thumb-paper{border-left:66px solid #6d28d9!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-purple-tech .cv-thumb-paper b,.cv-thumb-creative-purple-tech .cv-thumb-paper .name-left{color:#6d28d9!important}
.cv-thumb-creative-orange-startup .cv-thumb-paper{border-color:#ea580c!important;box-shadow:inset 0 0 0 1px #ea580c22}
.cv-thumb-creative-orange-startup .cv-thumb-paper{border-left:66px solid #ea580c!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-orange-startup .cv-thumb-paper b,.cv-thumb-creative-orange-startup .cv-thumb-paper .name-left{color:#ea580c!important}
.cv-thumb-creative-teal-medical .cv-thumb-paper{border-color:#0f766e!important;box-shadow:inset 0 0 0 1px #0f766e22}
.cv-thumb-creative-teal-medical .cv-thumb-paper{border-left:66px solid #0f766e!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-teal-medical .cv-thumb-paper b,.cv-thumb-creative-teal-medical .cv-thumb-paper .name-left{color:#0f766e!important}
.cv-thumb-creative-black-white .cv-thumb-paper{border-color:#111111!important;box-shadow:inset 0 0 0 1px #11111122}
.cv-thumb-creative-black-white .cv-thumb-paper{border-left:66px solid #111111!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-black-white .cv-thumb-paper b,.cv-thumb-creative-black-white .cv-thumb-paper .name-left{color:#111111!important}
.cv-thumb-creative-photo-header .cv-thumb-paper{border-color:#0284c7!important;box-shadow:inset 0 0 0 1px #0284c722}
.cv-thumb-creative-photo-header .cv-thumb-paper{border-left:66px solid #0284c7!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-photo-header .cv-thumb-paper b,.cv-thumb-creative-photo-header .cv-thumb-paper .name-left{color:#0284c7!important}
.cv-thumb-creative-timeline .cv-thumb-paper{border-color:#7c2d12!important;box-shadow:inset 0 0 0 1px #7c2d1222}
.cv-thumb-creative-timeline .cv-thumb-paper{border-left:66px solid #7c2d12!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-timeline .cv-thumb-paper b,.cv-thumb-creative-timeline .cv-thumb-paper .name-left{color:#7c2d12!important}
.cv-thumb-creative-infographic .cv-thumb-paper{border-color:#16a34a!important;box-shadow:inset 0 0 0 1px #16a34a22}
.cv-thumb-creative-infographic .cv-thumb-paper{border-left:66px solid #16a34a!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-infographic .cv-thumb-paper b,.cv-thumb-creative-infographic .cv-thumb-paper .name-left{color:#16a34a!important}
.cv-thumb-creative-compact-card .cv-thumb-paper{border-color:#475569!important;box-shadow:inset 0 0 0 1px #47556922}
.cv-thumb-creative-compact-card .cv-thumb-paper{border-left:66px solid #475569!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-compact-card .cv-thumb-paper b,.cv-thumb-creative-compact-card .cv-thumb-paper .name-left{color:#475569!important}
.cv-thumb-creative-portfolio .cv-thumb-paper{border-color:#9333ea!important;box-shadow:inset 0 0 0 1px #9333ea22}
.cv-thumb-creative-portfolio .cv-thumb-paper{border-left:66px solid #9333ea!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-portfolio .cv-thumb-paper b,.cv-thumb-creative-portfolio .cv-thumb-paper .name-left{color:#9333ea!important}
.cv-thumb-creative-gradient .cv-thumb-paper{border-color:#db2777!important;box-shadow:inset 0 0 0 1px #db277722}
.cv-thumb-creative-gradient .cv-thumb-paper{border-left:66px solid #db2777!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-gradient .cv-thumb-paper b,.cv-thumb-creative-gradient .cv-thumb-paper .name-left{color:#db2777!important}
.cv-thumb-creative-executive-board .cv-thumb-paper{border-color:#1e293b!important;box-shadow:inset 0 0 0 1px #1e293b22}
.cv-thumb-creative-executive-board .cv-thumb-paper{border-left:66px solid #1e293b!important;font-family:Arial,sans-serif!important} .cv-thumb-creative-executive-board .cv-thumb-paper b,.cv-thumb-creative-executive-board .cv-thumb-paper .name-left{color:#1e293b!important}
.letter-template-card.letter-style-01 .letter-mini-icon{background:#2563eb15!important;color:#2563eb!important} .letter-template-card.letter-style-01:hover{border-color:#2563eb55!important}
.letter-template-card.letter-style-02 .letter-mini-icon{background:#7c3aed15!important;color:#7c3aed!important} .letter-template-card.letter-style-02:hover{border-color:#7c3aed55!important}
.letter-template-card.letter-style-03 .letter-mini-icon{background:#b4530915!important;color:#b45309!important} .letter-template-card.letter-style-03:hover{border-color:#b4530955!important}
.letter-template-card.letter-style-04 .letter-mini-icon{background:#0f172a15!important;color:#0f172a!important} .letter-template-card.letter-style-04:hover{border-color:#0f172a55!important}
.letter-template-card.letter-style-05 .letter-mini-icon{background:#e11d4815!important;color:#e11d48!important} .letter-template-card.letter-style-05:hover{border-color:#e11d4855!important}
.letter-template-card.letter-style-06 .letter-mini-icon{background:#dc262615!important;color:#dc2626!important} .letter-template-card.letter-style-06:hover{border-color:#dc262655!important}
.letter-template-card.letter-style-07 .letter-mini-icon{background:#b91c1c15!important;color:#b91c1c!important} .letter-template-card.letter-style-07:hover{border-color:#b91c1c55!important}
.letter-template-card.letter-style-08 .letter-mini-icon{background:#ef444415!important;color:#ef4444!important} .letter-template-card.letter-style-08:hover{border-color:#ef444455!important}
.letter-template-card.letter-style-09 .letter-mini-icon{background:#2563eb15!important;color:#2563eb!important} .letter-template-card.letter-style-09:hover{border-color:#2563eb55!important}
.letter-template-card.letter-style-10 .letter-mini-icon{background:#0f766e15!important;color:#0f766e!important} .letter-template-card.letter-style-10:hover{border-color:#0f766e55!important}
.letter-template-card.letter-style-11 .letter-mini-icon{background:#f9731615!important;color:#f97316!important} .letter-template-card.letter-style-11:hover{border-color:#f9731655!important}
.letter-template-card.letter-style-12 .letter-mini-icon{background:#0284c715!important;color:#0284c7!important} .letter-template-card.letter-style-12:hover{border-color:#0284c755!important}
.letter-template-card.letter-style-13 .letter-mini-icon{background:#db277715!important;color:#db2777!important} .letter-template-card.letter-style-13:hover{border-color:#db277755!important}
.letter-template-card.letter-style-14 .letter-mini-icon{background:#be185d15!important;color:#be185d!important} .letter-template-card.letter-style-14:hover{border-color:#be185d55!important}
.letter-template-card.letter-style-15 .letter-mini-icon{background:#04785715!important;color:#047857!important} .letter-template-card.letter-style-15:hover{border-color:#04785755!important}
.letter-template-card.letter-style-16 .letter-mini-icon{background:#11182715!important;color:#111827!important} .letter-template-card.letter-style-16:hover{border-color:#11182755!important}
.letter-template-card.letter-style-17 .letter-mini-icon{background:#33415515!important;color:#334155!important} .letter-template-card.letter-style-17:hover{border-color:#33415555!important}
.letter-template-card.letter-style-18 .letter-mini-icon{background:#16a34a15!important;color:#16a34a!important} .letter-template-card.letter-style-18:hover{border-color:#16a34a55!important}
.letter-template-card.letter-style-19 .letter-mini-icon{background:#4f46e515!important;color:#4f46e5!important} .letter-template-card.letter-style-19:hover{border-color:#4f46e555!important}
.letter-template-card.letter-style-20 .letter-mini-icon{background:#0f4c8115!important;color:#0f4c81!important} .letter-template-card.letter-style-20:hover{border-color:#0f4c8155!important}
.letter-template-card.letter-style-21 .letter-mini-icon{background:#7f1d1d15!important;color:#7f1d1d!important} .letter-template-card.letter-style-21:hover{border-color:#7f1d1d55!important}
.letter-template-card.letter-style-22 .letter-mini-icon{background:#1d4ed815!important;color:#1d4ed8!important} .letter-template-card.letter-style-22:hover{border-color:#1d4ed855!important}
.letter-template-card.letter-style-23 .letter-mini-icon{background:#0e749015!important;color:#0e7490!important} .letter-template-card.letter-style-23:hover{border-color:#0e749055!important}
.letter-template-card.letter-style-24 .letter-mini-icon{background:#9333ea15!important;color:#9333ea!important} .letter-template-card.letter-style-24:hover{border-color:#9333ea55!important}
.letter-template-card.letter-style-25 .letter-mini-icon{background:#14532d15!important;color:#14532d!important} .letter-template-card.letter-style-25:hover{border-color:#14532d55!important}
.letter-template-card.letter-style-26 .letter-mini-icon{background:#16653415!important;color:#166534!important} .letter-template-card.letter-style-26:hover{border-color:#16653455!important}
.letter-template-card.letter-style-27 .letter-mini-icon{background:#991b1b15!important;color:#991b1b!important} .letter-template-card.letter-style-27:hover{border-color:#991b1b55!important}
.letter-template-card.letter-style-28 .letter-mini-icon{background:#dc262615!important;color:#dc2626!important} .letter-template-card.letter-style-28:hover{border-color:#dc262655!important}
.letter-template-card.letter-style-29 .letter-mini-icon{background:#7f1d1d15!important;color:#7f1d1d!important} .letter-template-card.letter-style-29:hover{border-color:#7f1d1d55!important}
.letter-template-card.letter-style-30 .letter-mini-icon{background:#b4530915!important;color:#b45309!important} .letter-template-card.letter-style-30:hover{border-color:#b4530955!important}
.letter-template-card.letter-style-31 .letter-mini-icon{background:#92400e15!important;color:#92400e!important} .letter-template-card.letter-style-31:hover{border-color:#92400e55!important}
.letter-template-card.letter-style-32 .letter-mini-icon{background:#2563eb15!important;color:#2563eb!important} .letter-template-card.letter-style-32:hover{border-color:#2563eb55!important}
.letter-template-card.letter-style-33 .letter-mini-icon{background:#0f766e15!important;color:#0f766e!important} .letter-template-card.letter-style-33:hover{border-color:#0f766e55!important}
.letter-template-card.letter-style-34 .letter-mini-icon{background:#7c3aed15!important;color:#7c3aed!important} .letter-template-card.letter-style-34:hover{border-color:#7c3aed55!important}
.letter-template-card.letter-style-35 .letter-mini-icon{background:#4c1d9515!important;color:#4c1d95!important} .letter-template-card.letter-style-35:hover{border-color:#4c1d9555!important}
.letter-template-card.letter-style-36 .letter-mini-icon{background:#0f172a15!important;color:#0f172a!important} .letter-template-card.letter-style-36:hover{border-color:#0f172a55!important}
.letter-template-card.letter-style-37 .letter-mini-icon{background:#0369a115!important;color:#0369a1!important} .letter-template-card.letter-style-37:hover{border-color:#0369a155!important}
.letter-template-card.letter-style-38 .letter-mini-icon{background:#1d4ed815!important;color:#1d4ed8!important} .letter-template-card.letter-style-38:hover{border-color:#1d4ed855!important}
.letter-template-card.letter-style-39 .letter-mini-icon{background:#2563eb15!important;color:#2563eb!important} .letter-template-card.letter-style-39:hover{border-color:#2563eb55!important}
.letter-template-card.letter-style-40 .letter-mini-icon{background:#16a34a15!important;color:#16a34a!important} .letter-template-card.letter-style-40:hover{border-color:#16a34a55!important}
.letter-template-card.letter-style-41 .letter-mini-icon{background:#ea580c15!important;color:#ea580c!important} .letter-template-card.letter-style-41:hover{border-color:#ea580c55!important}
.letter-template-card.letter-style-42 .letter-mini-icon{background:#dc262615!important;color:#dc2626!important} .letter-template-card.letter-style-42:hover{border-color:#dc262655!important}
.letter-template-card.letter-style-43 .letter-mini-icon{background:#0ea5e915!important;color:#0ea5e9!important} .letter-template-card.letter-style-43:hover{border-color:#0ea5e955!important}
.letter-template-card.letter-style-44 .letter-mini-icon{background:#33415515!important;color:#334155!important} .letter-template-card.letter-style-44:hover{border-color:#33415555!important}
.letter-template-card.letter-style-45 .letter-mini-icon{background:#0f766e15!important;color:#0f766e!important} .letter-template-card.letter-style-45:hover{border-color:#0f766e55!important}
.letter-template-card.letter-style-46 .letter-mini-icon{background:#11182715!important;color:#111827!important} .letter-template-card.letter-style-46:hover{border-color:#11182755!important}
.letter-template-card.letter-style-47 .letter-mini-icon{background:#0f4c8115!important;color:#0f4c81!important} .letter-template-card.letter-style-47:hover{border-color:#0f4c8155!important}
.letter-template-card.letter-style-48 .letter-mini-icon{background:#14532d15!important;color:#14532d!important} .letter-template-card.letter-style-48:hover{border-color:#14532d55!important}
.letter-template-card.letter-style-49 .letter-mini-icon{background:#64748b15!important;color:#64748b!important} .letter-template-card.letter-style-49:hover{border-color:#64748b55!important}
.letter-template-card.letter-style-50 .letter-mini-icon{background:#1e293b15!important;color:#1e293b!important} .letter-template-card.letter-style-50:hover{border-color:#1e293b55!important}

/* v18.56 - Pilih Desain root dibuat lebih profesional dan menarik */
.template-choice-pro {
    width: min(1180px, calc(100vw - 32px));
    border: 1px solid rgba(203, 213, 225, .86);
    border-radius: 30px;
    padding: 0;
    background:
        radial-gradient(circle at 12% 10%, rgba(37, 99, 235, .18), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(124, 58, 237, .13), transparent 28%),
        linear-gradient(135deg, #f8fafc 0%, #eef4ff 48%, #ffffff 100%);
    box-shadow: 0 34px 80px rgba(15, 23, 42, .16);
    overflow: hidden;
    position: relative;
    isolation: isolate;
}
.template-choice-pro::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.42) 0 1px, transparent 1px 72px),
        linear-gradient(180deg, rgba(255,255,255,.38) 0 1px, transparent 1px 72px);
    opacity: .38;
    pointer-events: none;
    z-index: -1;
}
.template-choice-hero {
    padding: 42px 46px 18px;
    text-align: center;
}
.template-choice-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(37, 99, 235, .1);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.template-choice-hero h1 {
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.03;
    font-weight: 950;
    letter-spacing: -.045em;
    color: #0f172a;
    margin: 0 auto 14px;
    max-width: 780px;
}
.template-choice-hero p {
    max-width: 835px;
    margin: 0 auto;
    color: #475569;
    font-size: 17px;
    line-height: 1.65;
    font-weight: 600;
}
.template-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding: 28px 46px 34px;
}
.template-choice-card,
.template-choice-card:visited {
    position: relative;
    display: grid;
    grid-template-columns: 82px 1fr 168px;
    grid-template-rows: 1fr auto;
    gap: 20px;
    min-height: 330px;
    padding: 28px;
    border-radius: 28px;
    border: 1px solid rgba(226, 232, 240, .95);
    background: rgba(255,255,255,.86);
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 22px 45px rgba(15, 23, 42, .09);
    overflow: hidden;
    transform: translateY(0);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.template-choice-card:hover {
    transform: translateY(-8px);
    border-color: rgba(37, 99, 235, .46);
    background: rgba(255,255,255,.98);
    box-shadow: 0 30px 70px rgba(15, 23, 42, .16);
}
.template-choice-card:focus-visible {
    outline: 4px solid rgba(37, 99, 235, .24);
    outline-offset: 4px;
}
.template-choice-glow {
    position: absolute;
    width: 240px;
    height: 240px;
    right: -90px;
    top: -90px;
    border-radius: 999px;
    background: var(--choice-accent, #2563eb);
    opacity: .09;
    transition: transform .3s ease, opacity .3s ease;
}
.template-choice-card:hover .template-choice-glow {
    transform: scale(1.18);
    opacity: .14;
}
.template-choice-icon-wrap {
    position: relative;
    z-index: 1;
    grid-row: 1 / span 2;
}
.template-choice-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(135deg, var(--choice-accent, #2563eb), var(--choice-accent-2, #1d4ed8));
    font-size: 26px;
    font-weight: 950;
    box-shadow: 0 18px 35px rgba(37, 99, 235, .25);
}
.template-choice-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    z-index: 1;
}
.template-choice-label {
    display: inline-flex;
    align-self: flex-start;
    margin-bottom: 14px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .05);
    color: #475569;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.template-choice-content strong {
    display: block;
    font-size: clamp(26px, 2.5vw, 36px);
    line-height: 1.05;
    letter-spacing: -.035em;
    color: #0f172a;
    margin-bottom: 12px;
}
.template-choice-content small {
    display: block;
    color: #475569;
    font-size: 15.5px;
    line-height: 1.55;
    font-weight: 650;
}
.template-choice-features {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}
.template-choice-features em {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}
.template-choice-preview {
    position: relative;
    z-index: 1;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    width: 150px;
    height: 210px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(203, 213, 225, .95);
    box-shadow: 0 22px 42px rgba(15, 23, 42, .14);
    padding: 18px 16px;
    overflow: hidden;
    transform: rotate(2deg);
    transition: transform .25s ease;
}
.template-choice-card:hover .template-choice-preview {
    transform: rotate(0deg) scale(1.03);
}
.template-choice-preview i,
.template-choice-preview b,
.template-choice-preview em,
.template-choice-preview strong {
    display: block;
    font-style: normal;
    background: #e2e8f0;
    border-radius: 999px;
}
.template-choice-preview i {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: var(--choice-accent, #2563eb);
    margin-bottom: 14px;
}
.template-choice-preview b {
    width: 88%;
    height: 10px;
    margin-bottom: 9px;
    background: #0f172a;
}
.template-choice-preview em {
    width: 72%;
    height: 7px;
    margin: 8px 0;
}
.template-choice-preview em:nth-of-type(2) {
    width: 58%;
}
.template-choice-preview strong {
    width: 92%;
    height: 9px;
    margin: 18px 0 10px;
    background: var(--choice-accent, #2563eb);
}
.mini-cv-preview::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 34px;
    background: linear-gradient(180deg, var(--choice-accent, #2563eb), var(--choice-accent-2, #1d4ed8));
    opacity: .12;
}
.mini-letter-preview {
    transform: rotate(-2deg);
}
.mini-letter-preview::before {
    content: "CONTACT";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 46px;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    font-size: 8px;
    font-weight: 900;
    color: #fff;
    background: var(--choice-accent, #0f4c81);
    letter-spacing: .1em;
}
.template-choice-action {
    grid-column: 2 / span 2;
    align-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 0 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--choice-accent, #2563eb), var(--choice-accent-2, #1d4ed8));
    color: #fff;
    font-size: 15px;
    font-weight: 950;
    box-shadow: 0 16px 35px rgba(37, 99, 235, .23);
}
.template-choice-action b {
    font-size: 28px;
    line-height: 1;
}
.cv-choice { --choice-accent: #2563eb; --choice-accent-2: #7c3aed; }
.letter-choice { --choice-accent: #0f4c81; --choice-accent-2: #e11d48; }
.template-choice-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 18px;
    padding: 0 46px 38px;
    color: #334155;
    font-size: 14px;
    font-weight: 800;
}
.template-choice-footer span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(226,232,240,.86);
}
@media (max-width: 1050px) {
    .template-choice-grid {
        grid-template-columns: 1fr;
    }
    .template-choice-card {
        min-height: 292px;
    }
}
@media (max-width: 760px) {
    .template-choice-pro {
        width: calc(100vw - 18px);
        border-radius: 22px;
    }
    .template-choice-hero {
        padding: 30px 20px 14px;
    }
    .template-choice-hero h1 {
        font-size: 31px;
    }
    .template-choice-hero p {
        font-size: 15px;
        line-height: 1.5;
    }
    .template-choice-grid {
        padding: 20px 14px 24px;
        gap: 16px;
    }
    .template-choice-card,
    .template-choice-card:visited {
        grid-template-columns: 64px 1fr;
        min-height: auto;
        padding: 20px;
        border-radius: 22px;
    }
    .template-choice-icon-wrap {
        grid-row: auto;
    }
    .template-choice-icon {
        width: 60px;
        height: 60px;
        border-radius: 18px;
        font-size: 21px;
    }
    .template-choice-preview {
        display: none;
    }
    .template-choice-action {
        grid-column: 1 / -1;
    }
    .template-choice-content strong {
        font-size: 25px;
    }
    .template-choice-content small {
        font-size: 14px;
    }
    .template-choice-footer {
        padding: 0 14px 26px;
        justify-content: flex-start;
    }
}

/* v18.80 - Gallery template CV & Surat dibuat unik, tidak monoton, dengan icon SVG asli dan variasi layout. */
.ats-template-icon{width:1.08em;height:1.08em;display:inline-block;vertical-align:-.18em;flex:0 0 auto}.template-market-window{width:min(1450px,calc(100vw - 24px))!important;min-height:calc(100vh - 96px);border-radius:28px!important;background:linear-gradient(135deg,#f8fbff 0%,#fff 42%,#f8fafc 100%)!important;border:1px solid rgba(203,213,225,.86)!important;box-shadow:0 30px 80px rgba(15,23,42,.13)!important;overflow:hidden!important}.template-market-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 270px 42px;gap:20px;align-items:start;padding:34px 38px 24px;background:radial-gradient(circle at 82% 18%,rgba(99,102,241,.14),transparent 28%),radial-gradient(circle at 16% 16%,rgba(37,99,235,.12),transparent 26%),linear-gradient(135deg,#ffffff 0%,#eff6ff 100%);border-bottom:1px solid rgba(219,234,254,.92);isolation:isolate}.template-market-hero:before{content:"";position:absolute;right:70px;bottom:0;width:470px;height:112px;background:repeating-linear-gradient(90deg,rgba(37,99,235,.12) 0 1px,transparent 1px 14px);mask-image:linear-gradient(90deg,transparent,#000 25%,transparent);opacity:.45;z-index:-1}.template-market-hero-main{position:relative;min-width:0;padding-left:52px}.template-market-hero .template-back{position:absolute;left:0;top:2px;width:38px;height:38px;border-radius:14px;background:#fff;border:1px solid #dbeafe;color:#2563eb;box-shadow:0 10px 25px rgba(37,99,235,.12);font-size:20px;text-decoration:none}.template-market-hero .template-back .ats-template-icon{width:19px;height:19px}.template-market-kicker,.template-action-kicker{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 13px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.template-market-hero h1{margin:14px 0 10px;font-size:clamp(30px,3.2vw,50px);line-height:1.05;font-weight:950;letter-spacing:-.045em;color:#0f172a}.template-market-hero h1 span{color:#2563eb}.template-market-hero p{max-width:780px;color:#475569;font-size:16px;line-height:1.65;font-weight:650}.template-market-hero-card{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;align-self:start;min-height:96px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#eef2ff,#fff7ed);border:1px solid rgba(219,234,254,.9);box-shadow:0 18px 42px rgba(15,23,42,.08)}.template-market-hero-card .ats-template-icon{grid-row:1/span 2;width:42px;height:42px;color:#7c3aed;background:#fff;border-radius:16px;padding:10px;box-shadow:0 10px 24px rgba(124,58,237,.18)}.template-market-hero-card b{font-size:18px;color:#0f172a;font-weight:950}.template-market-hero-card small{color:#64748b;font-weight:800}.template-market-hero-card.letter-card{background:linear-gradient(135deg,#ecfeff,#fff7ed)}.template-market-hero .template-close{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:14px;background:#fff;border:1px solid #e2e8f0;color:#64748b;text-decoration:none;box-shadow:0 10px 25px rgba(15,23,42,.08);font-size:24px}.template-market-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 38px 2px;background:rgba(255,255,255,.7)}.template-market-stepper span{position:relative;display:flex;align-items:center;gap:10px;min-height:46px;color:#64748b;font-weight:900}.template-market-stepper span:not(:last-child):after{content:"";position:absolute;right:8px;left:56%;top:50%;border-top:2px dashed #dbeafe}.template-market-stepper b{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.template-market-stepper em{font-style:normal;font-size:13px}.template-market-stepper .active b{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 10px 25px rgba(37,99,235,.25)}.template-market-stepper .active em{color:#1d4ed8}.template-market-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 38px 8px}.template-market-tabs a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;border-radius:18px;border:1px solid #e2e8f0;background:#fff;color:#475569;text-decoration:none;font-weight:950;box-shadow:0 12px 30px rgba(15,23,42,.05)}.template-market-tabs a.active{border-color:#2563eb;color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#ffffff);box-shadow:0 16px 36px rgba(37,99,235,.12)}.template-market-filters{padding:14px 38px 18px!important;background:transparent!important;overflow:auto}.template-market-filters button{display:inline-flex!important;align-items:center;gap:7px;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;padding:11px 15px!important;box-shadow:0 8px 20px rgba(15,23,42,.04)}.template-market-filters button.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.template-market-scroll{height:calc(100vh - 410px)!important;min-height:440px!important;padding:0 38px 34px!important}.template-gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;gap:22px!important}.template-market-window .template-gallery-card{position:relative;border:1px solid rgba(226,232,240,.95)!important;border-radius:24px!important;background:rgba(255,255,255,.94)!important;padding:14px!important;min-height:auto!important;box-shadow:0 16px 42px rgba(15,23,42,.08)!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.template-market-window .template-gallery-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent,#2563eb) 45%,#e2e8f0)!important;box-shadow:0 24px 62px rgba(15,23,42,.14)!important}.template-market-window .template-gallery-card.is-selected{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.13),0 24px 62px rgba(15,23,42,.13)!important}.template-card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;min-height:28px}.template-card-toolbar span,.template-card-toolbar em{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950;font-style:normal;white-space:nowrap}.template-card-toolbar span{background:#f1f5f9;color:#475569}.template-card-toolbar em{background:#fef3c7;color:#b45309}.template-market-window .cv-template-card h2{font-size:17px!important;line-height:1.18!important;margin:13px 0 6px!important;letter-spacing:-.02em}.template-market-window .cv-template-card p{font-size:12.5px;line-height:1.45;min-height:36px;color:#64748b;margin-bottom:10px}.template-market-window .template-tag{border-radius:999px!important;margin-bottom:10px!important;font-size:11px!important;padding:5px 9px!important;background:#eff6ff!important;color:#1d4ed8!important}.template-market-window .template-use-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px!important;border-radius:14px!important;margin-top:0!important}.template-market-window .template-use-btn .ats-template-icon{width:15px;height:15px}.template-action-panel-fresh{margin:8px 38px 22px!important;border:1px solid rgba(191,219,254,.98)!important;border-radius:24px!important;background:linear-gradient(135deg,#eff6ff,#fff)!important;box-shadow:0 16px 38px rgba(37,99,235,.08)}.template-action-panel-fresh h2{font-size:24px!important;margin:9px 0 6px!important}.template-action-panel-fresh .btn{border-radius:14px!important}

.cv-showcase-thumb{position:relative;height:300px;border-radius:19px;background:linear-gradient(135deg,#f8fafc,#eef6ff);border:1px solid #e2e8f0;box-shadow:inset 0 0 0 7px rgba(255,255,255,.62);overflow:hidden;display:flex;align-items:center;justify-content:center}.cv-showcase-paper{position:relative;width:194px;height:264px;background:#fff;border-radius:9px;box-shadow:0 20px 42px rgba(15,23,42,.18);overflow:hidden;color:#0f172a}.cv-fresh-shape{position:absolute;display:block;pointer-events:none}.shape-a{right:-18px;top:-18px;width:70px;height:70px;border-radius:999px;background:var(--accent);opacity:.12}.shape-b{left:-30px;bottom:-24px;width:92px;height:92px;border-radius:28px;background:var(--accent);opacity:.08;transform:rotate(22deg)}.template-premium-mark{position:absolute;right:12px;top:12px;z-index:4;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#fff7ed;color:#b45309;box-shadow:0 10px 24px rgba(180,83,9,.18)}.template-premium-mark .ats-template-icon{width:15px;height:15px}.cv-head-area{position:relative;z-index:2;display:flex;gap:9px;align-items:center;padding:15px 15px 10px}.cv-photo-real{display:flex;width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#dbeafe,#fff);border:3px solid #fff;box-shadow:0 8px 18px rgba(15,23,42,.12);align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.cv-photo-real span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 28%,#fed7aa 0 10px,transparent 11px),linear-gradient(180deg,#1e293b 45%,#334155 100%);color:transparent;border-radius:999px}.cv-name-block{min-width:0}.cv-name-block b{display:block;font-size:10px;line-height:1.1;font-weight:950;letter-spacing:.02em}.cv-name-block em{display:block;margin-top:3px;font-size:6.4px;color:var(--accent);font-style:normal;font-weight:800}.cv-content-area{position:relative;z-index:2;display:grid;grid-template-columns:62px 1fr;gap:10px;padding:0 14px 14px}.cv-side-area{display:grid;gap:7px;align-content:start}.cv-mini-contact{display:grid;grid-template-columns:11px 1fr;gap:5px;align-items:center;color:var(--accent)}.cv-mini-contact .ats-template-icon{width:9px;height:9px}.cv-mini-contact i,.cv-mini-section i,.cv-main-area .line,.letter-line,.letter-body-lines i{display:block;height:4px;border-radius:99px;background:#cbd5e1}.cv-mini-contact i{width:100%}.cv-mini-section{display:block;border-top:1px solid rgba(148,163,184,.35);padding-top:7px;color:var(--accent)}.cv-mini-section .ats-template-icon{width:11px;height:11px}.cv-mini-section b{display:block;width:80%;height:5px;background:var(--accent);border-radius:99px;margin:4px 0 5px;opacity:.72}.cv-mini-section i{height:3px;margin:4px 0}.cv-skill-pills{display:flex;flex-wrap:wrap;gap:3px}.cv-skill-pills i{display:block;width:16px;height:8px;border-radius:99px;background:color-mix(in srgb,var(--accent) 24%,#e2e8f0)}.cv-main-area{display:block}.cv-section-title{display:flex;align-items:center;gap:4px;margin:3px 0 6px;color:var(--accent)}.cv-section-title .ats-template-icon{width:10px;height:10px}.cv-section-title b{font-size:7px;letter-spacing:.08em}.cv-main-area .line{height:3.5px;margin:4px 0;background:#d8dee7}.cv-main-area .line.long{width:96%}.cv-main-area .line.mid{width:74%}.cv-main-area .line.short{width:54%}.cv-timeline-line{position:relative;display:grid;gap:4px;margin:5px 0 6px;padding-left:11px}.cv-timeline-line:before{content:"";position:absolute;left:3px;top:2px;bottom:2px;width:2px;background:color-mix(in srgb,var(--accent) 62%,#bfdbfe);border-radius:99px}.cv-timeline-line i{display:block;height:4px;width:80%;border-radius:99px;background:#cbd5e1}.cv-skill-bars{display:grid;gap:4px;margin-top:6px}.cv-skill-bars i{display:block;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--accent) 0 62%,#e2e8f0 62% 100%)}.cv-skill-bars i:nth-child(2){background:linear-gradient(90deg,var(--accent) 0 48%,#e2e8f0 48% 100%)}.cv-skill-bars i:nth-child(3){background:linear-gradient(90deg,var(--accent) 0 78%,#e2e8f0 78% 100%)}.cv-layout-1{--accent:#0b63ce}.cv-layout-1 .cv-showcase-paper{border:2px solid #0f172a;border-radius:0;width:202px;height:268px}.cv-layout-1 .cv-side-area{background:#0b63ce;color:#fff;border-radius:9px;padding:8px}.cv-layout-1 .cv-side-area .ats-template-icon,.cv-layout-1 .cv-mini-contact{color:#fff}.cv-layout-1 .cv-head-area{padding-left:18px}.cv-layout-1 .cv-photo-real{width:52px;height:52px;box-shadow:0 0 0 3px #bfdbfe}.cv-layout-2 .cv-showcase-paper{background:linear-gradient(90deg,#1f2937 0 34%,#fff 34% 100%);border-radius:8px}.cv-layout-2 .cv-head-area{display:block;padding:18px 16px 8px 78px}.cv-layout-2 .cv-photo-real{position:absolute;left:18px;top:19px;border-radius:12px}.cv-layout-2 .cv-side-area{color:#e2e8f0}.cv-layout-2 .cv-mini-contact,.cv-layout-2 .cv-mini-section{color:#e2e8f0}.cv-layout-2 .cv-content-area{grid-template-columns:52px 1fr}.cv-layout-3 .cv-showcase-paper{background:#fff7ed;border:1px solid #d6c2a6;border-radius:0;font-family:Georgia,"Times New Roman",serif}.cv-layout-3 .cv-photo-real{display:none}.cv-layout-3 .cv-name-block b{font-size:14px;font-family:Georgia,"Times New Roman",serif}.cv-layout-3 .cv-content-area{grid-template-columns:1fr 68px}.cv-layout-3 .cv-side-area{order:2;border-left:1px solid #d6c2a6;padding-left:8px}.cv-layout-4 .cv-showcase-paper{background:linear-gradient(135deg,#111827 0 52%,#0b0f19 52%);color:#f8fafc;border-radius:10px;outline:2px solid rgba(180,83,9,.35)}.cv-layout-4 .cv-head-area{border-bottom:1px solid rgba(180,83,9,.72)}.cv-layout-4 .cv-name-block em,.cv-layout-4 .cv-section-title,.cv-layout-4 .cv-mini-contact,.cv-layout-4 .cv-mini-section{color:#f59e0b}.cv-layout-4 .cv-main-area .line,.cv-layout-4 .cv-mini-contact i,.cv-layout-4 .cv-mini-section i{background:rgba(226,232,240,.28)}.cv-layout-5 .cv-showcase-paper{background:#fff;border-radius:10px}.cv-layout-5 .shape-a{opacity:1;right:-20px;top:-10px;width:104px;height:80px;border-radius:0;background:linear-gradient(135deg,#7c3aed,#f97316);transform:rotate(18deg)}.cv-layout-5 .shape-b{opacity:.9;left:-20px;bottom:-24px;background:linear-gradient(135deg,#f97316,#7c3aed)}.cv-layout-5 .cv-photo-real{position:absolute;top:22px;right:24px;width:50px;height:50px}.cv-layout-5 .cv-head-area{padding:70px 14px 10px}.cv-layout-5 .cv-content-area{grid-template-columns:1fr 66px}.cv-layout-5 .cv-side-area{order:2}.cv-layout-6 .cv-showcase-paper{background:linear-gradient(135deg,#ecfdf5 0 31%,#fff 31% 100%);border-radius:18px}.cv-layout-6 .cv-photo-real{width:58px;height:58px;border-radius:18px}.cv-layout-6 .cv-side-area{background:rgba(16,185,129,.12);padding:8px;border-radius:12px}.cv-layout-6 .cv-skill-pills i{border-radius:10px}.cv-layout-7 .cv-showcase-paper{background:#fff;border-radius:8px}.cv-layout-7 .cv-head-area{background:#dc2626;color:#fff;padding:16px 15px 14px}.cv-layout-7 .cv-name-block em{color:#fee2e2}.cv-layout-7 .cv-photo-real{box-shadow:0 0 0 4px rgba(255,255,255,.3)}.cv-layout-7 .cv-content-area{padding-top:10px}.cv-layout-8 .cv-showcase-paper{background:linear-gradient(90deg,#0f766e 0 23%,#fff 23% 100%);border-radius:11px}.cv-layout-8 .cv-head-area{padding-left:54px}.cv-layout-8 .cv-photo-real{position:absolute;left:18px;top:18px;width:45px;height:45px}.cv-layout-8 .cv-content-area{grid-template-columns:42px 1fr}.cv-layout-8 .cv-side-area{padding-top:3px}.cv-layout-8 .cv-side-area .ats-template-icon{color:#fff}.cv-layout-8 .cv-mini-contact i,.cv-layout-8 .cv-mini-section i{background:rgba(255,255,255,.35)}

.template-market-letter-content{padding:18px 38px 38px!important}.template-search-fresh{display:grid!important;grid-template-columns:44px 1fr!important;align-items:center!important;height:58px!important;border:1px solid #dbeafe!important;border-radius:18px!important;background:#fff!important;margin-bottom:22px!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important}.template-search-fresh span{display:flex;align-items:center;justify-content:center;color:#2563eb!important}.template-search-fresh .ats-template-icon{width:20px;height:20px}.template-search-fresh input{font-size:15px!important;font-weight:700}.letter-template-box-fresh{border:0!important;padding:0!important;background:transparent!important}.letter-template-box-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.letter-template-box-head h2{font-size:24px!important}.letter-template-box-head p{margin-top:6px}.letter-template-box-head>span{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#f5f3ff;color:#6d28d9;padding:8px 12px;font-size:12px;font-weight:950;white-space:nowrap}.letter-gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;gap:22px!important}.template-market-window .letter-template-card{display:block!important;min-height:auto!important}.letter-card-copy h3{font-size:17px!important;line-height:1.18!important;margin:13px 0 6px!important;letter-spacing:-.02em}.letter-card-copy p{font-size:12.5px!important;line-height:1.45!important;color:#64748b!important;margin:0 0 10px!important;min-height:42px}.letter-showcase-thumb{position:relative;height:250px;border-radius:19px;background:linear-gradient(135deg,#f8fafc,#eef6ff);border:1px solid #e2e8f0;box-shadow:inset 0 0 0 7px rgba(255,255,255,.62);overflow:hidden;display:flex;align-items:center;justify-content:center}.letter-showcase-paper{position:relative;width:178px;height:218px;background:#fff;border-radius:8px;box-shadow:0 18px 38px rgba(15,23,42,.16);overflow:hidden;padding:20px;color:#0f172a}.letter-stamp{position:absolute;right:12px;top:12px;display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:var(--letter-accent);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--letter-accent) 28%,transparent)}.letter-stamp .ats-template-icon{width:15px;height:15px}.letter-corner-art{position:absolute;right:-24px;bottom:-24px;width:82px;height:82px;border-radius:20px;background:var(--letter-accent);opacity:.11;transform:rotate(26deg)}.letter-brand-line{display:block;margin:8px 0 18px;padding-bottom:12px;border-bottom:2px solid color-mix(in srgb,var(--letter-accent) 55%,#dbeafe)}.letter-brand-line b{display:block;font-size:10px;line-height:1.15;font-weight:950;text-transform:uppercase;color:#0f172a}.letter-brand-line em{display:block;margin-top:4px;color:var(--letter-accent);font-size:7px;font-style:normal;font-weight:900}.letter-line{width:80%;height:4px;margin:6px 0;background:#d8dee7}.letter-line.wide{width:94%;background:color-mix(in srgb,var(--letter-accent) 22%,#d8dee7)}.letter-line.short{width:54%}.letter-body-lines{display:grid;gap:6px;margin-top:16px}.letter-body-lines i{height:4px}.letter-body-lines i:nth-child(2){width:92%}.letter-body-lines i:nth-child(3){width:80%}.letter-body-lines i:nth-child(4){width:64%}.letter-signature{position:absolute;left:20px;bottom:24px;width:55px;height:6px;border-radius:999px;background:var(--letter-accent);opacity:.5}.letter-layout-1 .letter-showcase-paper{border-top:18px solid var(--letter-accent)}.letter-layout-2 .letter-showcase-paper{background:linear-gradient(90deg,#f8fafc 0 28%,#fff 28% 100%)}.letter-layout-2 .letter-stamp{left:16px;right:auto}.letter-layout-2 .letter-brand-line{margin-left:38px}.letter-layout-3 .letter-showcase-paper{background:#fff7ed;border:1px solid #d6c2a6;border-radius:0}.letter-layout-3 .letter-corner-art{opacity:.18;background:#b45309}.letter-layout-4 .letter-showcase-paper{background:linear-gradient(135deg,#0f172a 0 26%,#fff 26% 100%)}.letter-layout-4 .letter-brand-line{margin-top:42px}.letter-layout-5 .letter-showcase-paper{background:#fff}.letter-layout-5 .letter-corner-art{right:-18px;top:-18px;bottom:auto;background:linear-gradient(135deg,var(--letter-accent),#f97316);opacity:.82}.letter-layout-5 .letter-brand-line{margin-top:46px}.letter-layout-6 .letter-showcase-paper{background:linear-gradient(180deg,#fff 0 72%,#f8fafc 72%);border-bottom:8px solid var(--letter-accent)}.letter-template-card.is-hidden{display:none!important}

.assistant-wizard-page-fresh .assistant-template-grid-fresh{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;gap:20px!important}.assistant-wizard-page-fresh .assistant-template-card{border-radius:24px!important;overflow:hidden!important}.assistant-wizard-page-fresh .assistant-template-grid--cv .assistant-template-card,.assistant-wizard-page-fresh .assistant-template-grid--letter .assistant-template-card{min-height:auto!important;padding:14px!important}.assistant-wizard-page-fresh .cv-showcase-thumb{height:275px;margin-bottom:14px}.assistant-wizard-page-fresh .letter-showcase-thumb{height:230px;margin-bottom:14px}.assistant-wizard-page-fresh .assistant-template-card>strong{font-size:17px!important}.assistant-wizard-page-fresh .assistant-choice-icon{display:inline-flex;align-items:center;justify-content:center}.assistant-wizard-page-fresh .assistant-choice-icon .ats-template-icon{width:28px;height:28px}.assistant-wizard-hero-fresh .assistant-kicker{display:inline-flex;align-items:center;gap:8px}.assistant-wizard-hero-fresh .assistant-kicker .ats-template-icon{width:16px;height:16px}

@media(max-width:980px){.template-market-hero{grid-template-columns:1fr 42px}.template-market-hero-card{display:none}.template-market-stepper{grid-template-columns:repeat(2,1fr)}.template-market-scroll{height:auto!important;min-height:0!important}.template-market-tabs{grid-template-columns:1fr}.template-gallery-grid,.letter-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}}@media(max-width:680px){.template-market-window{width:calc(100vw - 12px)!important;border-radius:18px!important}.template-market-hero{grid-template-columns:1fr 34px;padding:24px 18px 18px}.template-market-hero-main{padding-left:0;padding-top:42px}.template-market-hero .template-back{top:0}.template-market-hero h1{font-size:30px}.template-market-stepper{display:none}.template-market-tabs{padding:16px 18px 8px}.template-market-filters{padding:12px 18px 16px!important}.template-market-scroll,.template-market-letter-content{padding:0 18px 24px!important}.template-action-panel-fresh{margin:8px 18px 18px!important}.template-gallery-grid,.letter-gallery-grid{grid-template-columns:1fr!important}.cv-showcase-thumb{height:280px}.letter-template-box-head{display:block}.letter-template-box-head>span{margin-top:10px}}
.template-market-window.template-letter-window{height:auto!important;display:block!important}.template-market-window.template-cv-window{display:block!important;border-radius:28px!important}

/* v19.00: Template Cepat admin menampilkan template Sari/Seno tanpa muncul di user biasa */
.quickdb-section--admin-originals {
    margin-bottom: 22px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #dbeafe;
}
.quickdb-row--admin-original {
    border-color: #bfdbfe;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}
.quickdb-kind--admin {
    background: linear-gradient(135deg, #1d4ed8, #38bdf8);
    color: #ffffff;
}

/* v19.02: popup pilihan Template Cepat dari tombol Pakai Template yang Tersimpan */
.template-source-grid-clean {
    grid-template-columns: repeat(2, minmax(210px, 1fr)) !important;
    align-items: stretch;
}
.template-source-grid-clean .btn,
.template-source-grid-clean button.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #dbeafe;
    cursor: pointer;
    font-family: inherit;
    text-align: center;
}
.quick-template-modal-open {
    overflow: hidden;
}
.quick-template-source-modal[hidden] {
    display: none !important;
}
.quick-template-source-modal {
    position: fixed;
    inset: 0;
    z-index: 99990;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .14s ease;
}
.quick-template-source-modal.is-open {
    opacity: 1;
    pointer-events: auto;
}
.quick-template-source-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, .54);
    backdrop-filter: blur(6px);
    cursor: pointer;
}
.quick-template-source-card {
    position: relative;
    z-index: 1;
    width: min(760px, 100%);
    max-height: min(82vh, 760px);
    overflow: auto;
    border-radius: 28px;
    border: 1px solid rgba(191, 219, 254, .94);
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 34px 90px rgba(15, 23, 42, .28);
    padding: 26px;
    transform: translateY(12px) scale(.985);
    transition: transform .14s ease;
}
.quick-template-source-modal.is-open .quick-template-source-card {
    transform: translateY(0) scale(1);
}
.quick-template-source-close {
    position: absolute;
    right: 18px;
    top: 18px;
    width: 38px;
    height: 38px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
    color: #64748b;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}
.quick-template-source-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.quick-template-source-card h3 {
    margin: 14px 52px 8px 0;
    font-size: clamp(24px, 2.3vw, 34px);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -.035em;
    color: #0f172a;
}
.quick-template-source-card p {
    margin: 0 0 18px;
    color: #475569;
    line-height: 1.6;
    font-weight: 650;
}
.quick-template-choice-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 14px;
    margin-top: 18px;
}
.quick-template-choice-card {
    display: grid;
    gap: 7px;
    min-height: 132px;
    padding: 17px;
    border-radius: 20px;
    border: 1px solid #dbeafe;
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 15px 34px rgba(15, 23, 42, .07);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.quick-template-choice-card:hover,
.quick-template-choice-card:focus-visible {
    transform: translateY(-3px);
    border-color: #2563eb;
    box-shadow: 0 22px 48px rgba(37, 99, 235, .16);
    outline: none;
}
.quick-template-choice-card span {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.quick-template-choice-card strong {
    font-size: 16px;
    line-height: 1.22;
    font-weight: 950;
}
.quick-template-choice-card small {
    color: #64748b;
    font-weight: 800;
}
.quick-template-empty-state {
    margin-top: 18px;
    border: 1px dashed #bfdbfe;
    border-radius: 22px;
    background: #f8fbff;
    padding: 20px;
}
.quick-template-empty-state strong {
    display: block;
    margin-bottom: 6px;
    color: #0f172a;
    font-size: 17px;
    font-weight: 950;
}
.quick-template-empty-state .btn {
    display: inline-flex;
    margin-top: 8px;
}
.assistant-data-button {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #dbeafe;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}
.assistant-data-grid-clean {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}


/* v19.16: highlight pilihan sumber data tetap menyala sampai user klik area lain. */
.template-source-attention-note {
    display: none;
    width: fit-content;
    margin-top: 12px;
    border-radius: 999px;
    background: #fff1f2;
    border: 2px solid #ef4444;
    color: #991b1b;
    padding: 11px 16px;
    font-size: 16px;
    line-height: 1.28;
    font-weight: 950;
    box-shadow: 0 14px 30px rgba(239, 68, 68, .18);
}
.template-action-panel-fresh.is-attention,
.assistant-source-attention-wrap.is-attention {
    position: relative;
    border: 4px solid #ef4444 !important;
    background: linear-gradient(135deg, #fff1f2 0%, #ffffff 58%, #fef2f2 100%) !important;
    box-shadow: 0 0 0 6px rgba(239, 68, 68, .16), 0 26px 58px rgba(239, 68, 68, .20) !important;
    animation: templateSourceAttentionPulse 1.15s ease-in-out 0s 3;
}
.template-action-panel-fresh.is-attention .template-source-attention-note,
.assistant-source-attention-wrap.is-attention .template-source-attention-note {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.template-action-panel-fresh.is-attention .template-source-grid-clean .btn,
.assistant-source-attention-wrap.is-attention .assistant-data-card {
    outline: 3px solid rgba(239, 68, 68, .24);
    outline-offset: 4px;
}
.assistant-source-attention-wrap {
    border-radius: 26px;
    padding: 0;
}
.assistant-source-attention-wrap.is-attention {
    padding: 16px;
    margin-top: 8px;
    border: 4px solid #ef4444;
}
.assistant-source-attention-wrap.is-attention .assistant-data-grid {
    margin-top: 14px;
}
@keyframes templateSourceAttentionPulse {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}
@media (prefers-reduced-motion: reduce) {
    .template-action-panel-fresh.is-attention,
    .assistant-source-attention-wrap.is-attention {
        animation: none;
    }
}
@media (max-width: 680px) {
    .template-source-grid-clean {
        grid-template-columns: 1fr !important;
    }
    .quick-template-source-modal {
        padding: 12px;
        align-items: flex-end;
    }
    .quick-template-source-card {
        width: 100%;
        max-height: 88vh;
        border-radius: 24px 24px 18px 18px;
        padding: 22px 16px;
    }
    .quick-template-choice-list {
        grid-template-columns: 1fr;
    }
}

/* v19.18: pilihan Mulai dari Awal / Template Tersimpan ikut menyala saat diarahkan mouse. */
.template-source-grid-clean .btn,
.template-source-grid-clean button.btn,
.assistant-data-grid-clean .assistant-data-card,
.quick-template-choice-card {
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease, outline-color .16s ease;
}
.template-source-grid-clean .btn:hover,
.template-source-grid-clean .btn:focus-visible,
.template-source-grid-clean button.btn:hover,
.template-source-grid-clean button.btn:focus-visible,
.assistant-data-grid-clean .assistant-data-card:hover,
.assistant-data-grid-clean .assistant-data-card:focus-visible,
.quick-template-choice-card:hover,
.quick-template-choice-card:focus-visible {
    transform: translateY(-2px);
    border-color: #ef4444 !important;
    background: linear-gradient(135deg, #fff1f2 0%, #ffffff 100%) !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .16), 0 20px 42px rgba(239, 68, 68, .18) !important;
    outline: 3px solid rgba(239, 68, 68, .26) !important;
    outline-offset: 3px;
}
.template-action-panel-fresh.is-attention .template-source-grid-clean .btn:hover,
.template-action-panel-fresh.is-attention .template-source-grid-clean .btn:focus-visible,
.assistant-source-attention-wrap.is-attention .assistant-data-card:hover,
.assistant-source-attention-wrap.is-attention .assistant-data-card:focus-visible {
    outline-color: rgba(239, 68, 68, .42) !important;
    box-shadow: 0 0 0 5px rgba(239, 68, 68, .22), 0 24px 48px rgba(239, 68, 68, .22) !important;
}


/* v19.19: highlight pilihan template dibuat biru dan layout opsi dibuat lebih profesional. */
.template-action-panel-fresh {
    grid-template-columns: minmax(280px, .88fr) minmax(320px, 1.12fr) !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 24px !important;
    border-radius: 26px !important;
}
.template-action-panel-fresh > div:first-child {
    min-width: 0;
}
.template-action-panel-fresh p {
    max-width: 620px;
}
.template-source-grid-clean {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
    justify-content: end !important;
}
.template-source-grid-clean .btn,
.template-source-grid-clean button.btn {
    min-height: 64px !important;
    border-radius: 18px !important;
    border: 1px solid #bfdbfe !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .07) !important;
}
.template-source-grid-clean .btn:only-child,
.template-source-grid-clean button.btn:only-child {
    width: min(100%, 430px) !important;
    justify-self: end !important;
}
.template-source-grid-clean .btn.primary,
.template-source-grid-clean button.btn.primary {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 55%, #38bdf8 100%) !important;
    color: #ffffff !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 18px 40px rgba(37, 99, 235, .20) !important;
}
.template-source-attention-note {
    background: #eff6ff !important;
    border: 2px solid #2563eb !important;
    color: #1e3a8a !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .16) !important;
}
.template-action-panel-fresh.is-attention,
.assistant-source-attention-wrap.is-attention {
    border: 4px solid #2563eb !important;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 58%, #f8fbff 100%) !important;
    box-shadow: 0 0 0 6px rgba(37, 99, 235, .14), 0 26px 58px rgba(37, 99, 235, .18) !important;
}
.template-action-panel-fresh.is-attention .template-source-grid-clean .btn,
.assistant-source-attention-wrap.is-attention .assistant-data-card {
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12), 0 16px 34px rgba(37, 99, 235, .10) !important;
}
.assistant-source-attention-wrap.is-attention {
    border-color: #2563eb !important;
}
.template-source-grid-clean .btn:hover,
.template-source-grid-clean .btn:focus-visible,
.template-source-grid-clean button.btn:hover,
.template-source-grid-clean button.btn:focus-visible,
.assistant-data-grid-clean .assistant-data-card:hover,
.assistant-data-grid-clean .assistant-data-card:focus-visible,
.quick-template-choice-card:hover,
.quick-template-choice-card:focus-visible {
    transform: translateY(-3px) !important;
    border-color: #2563eb !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 62%, #0f172a 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 22px 52px rgba(37, 99, 235, .28) !important;
    outline: none !important;
}
.template-source-grid-clean .btn:hover,
.template-source-grid-clean .btn:focus-visible,
.template-source-grid-clean button.btn:hover,
.template-source-grid-clean button.btn:focus-visible {
    color: #ffffff !important;
}
.template-source-grid-clean .btn.primary:hover,
.template-source-grid-clean button.btn.primary:hover,
.template-source-grid-clean .btn.primary:focus-visible,
.template-source-grid-clean button.btn.primary:focus-visible {
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 55%, #0ea5e9 100%) !important;
}
.assistant-data-grid-clean .assistant-data-card:hover span,
.assistant-data-grid-clean .assistant-data-card:focus-visible span,
.quick-template-choice-card:hover span,
.quick-template-choice-card:focus-visible span {
    background: rgba(255, 255, 255, .20) !important;
    color: #ffffff !important;
}
.assistant-data-grid-clean .assistant-data-card:hover strong,
.assistant-data-grid-clean .assistant-data-card:focus-visible strong,
.assistant-data-grid-clean .assistant-data-card:hover em,
.assistant-data-grid-clean .assistant-data-card:focus-visible em,
.quick-template-choice-card:hover strong,
.quick-template-choice-card:focus-visible strong,
.quick-template-choice-card:hover small,
.quick-template-choice-card:focus-visible small {
    color: #ffffff !important;
}
.template-action-panel-fresh.is-attention .template-source-grid-clean .btn:hover,
.template-action-panel-fresh.is-attention .template-source-grid-clean .btn:focus-visible,
.assistant-source-attention-wrap.is-attention .assistant-data-card:hover,
.assistant-source-attention-wrap.is-attention .assistant-data-card:focus-visible {
    box-shadow: 0 24px 56px rgba(37, 99, 235, .32) !important;
}
@media (max-width: 980px) {
    .template-action-panel-fresh {
        grid-template-columns: 1fr !important;
    }
    .template-source-grid-clean .btn:only-child,
    .template-source-grid-clean button.btn:only-child {
        width: 100% !important;
        justify-self: stretch !important;
    }
}
@media (max-width: 680px) {
    .template-action-panel-fresh {
        padding: 18px !important;
    }
}


/* v19.74 - Tab ATS - Polos: thumbnail identik sumber Python, tanpa menghapus template lama */
.polos-thumb{position:relative;height:300px;border-radius:0;background:#f8fafc;border:1px solid #e2e8f0;overflow:hidden;display:flex;align-items:center;justify-content:center;--paper-scale:.84}.assistant-wizard-page-fresh .polos-thumb{height:275px;--paper-scale:.78;margin-bottom:14px}.polos-paper{position:relative;width:250px;height:320px;background:#fff;color:#111;box-shadow:0 18px 38px rgba(15,23,42,.10);overflow:hidden;transform:scale(var(--paper-scale));transform-origin:center}.polos-paper h3,.polos-paper p{margin:0}.polos-paper i,.polos-paper .polos-section>i,.polos-paper .polos-soft-section>i,.polos-paper .polos-number-section>i,.polos-paper .polos-box-section>i,.polos-paper .polos-minimal-section>i,.polos-paper .polos-card-section>i,.polos-paper .polos-modern-section>i,.polos-paper .polos-clean-section>i,.polos-nadia-side i,.polos-nadia-main i,.polos-corp-side i,.polos-corp-main i{display:block;height:4px;background:#e5e7eb;border-radius:0}.polos-head.center{text-align:center;padding-top:20px}.polos-head.center h3{font:700 12px/1.1 'Times New Roman',serif;letter-spacing:.01em}.polos-head.center p{margin-top:9px;font:400 5px/1.1 'Times New Roman',serif}.polos-section{position:relative;margin:30px 24px 0;font-family:'Times New Roman',serif}.polos-section b{display:block;font-size:7px;line-height:1.1}.polos-section em{display:block;height:2px;background:#111;margin-top:8px}.polos-section strong{display:block;margin-top:14px;font-size:6px;line-height:1.1}.polos-section small{position:absolute;right:0;top:24px;font-size:6px;font-weight:700}.polos-section span{display:block;margin-top:8px;font-size:5px;font-style:italic;color:#374151}.polos-section i{width:72%;height:3px!important;margin-top:8px}.polos-section i:last-child{width:56%}.polos-section.bullet{margin-top:28px}.polos-section.bullet .dotline{position:relative;margin-left:16px;width:66%}.polos-section.bullet .dotline:before{content:'•';position:absolute;left:-11px;top:-5px;font-size:8px;color:#111;font-weight:700}.polos-adelaide .polos-paper{border:1px solid #c9b79c;width:202px;height:284px;box-shadow:none}.polos-circle{position:absolute;left:30px;top:28px;width:36px;height:36px;border:2px solid var(--accent);border-radius:999px;display:flex;align-items:center;justify-content:center;font:700 9px Garamond,serif;color:var(--accent)}.polos-head.adelaide{position:absolute;left:74px;top:30px;font-family:Garamond,serif}.polos-head.adelaide h3{font-size:13px}.polos-head.adelaide p{margin-top:8px;font-size:6px;font-style:italic;color:#6b7280}.polos-adelaide .polos-paper>u{position:absolute;left:36px;right:36px;top:78px;border-top:1px solid #c9b79c;text-decoration:none}.polos-soft-section{position:relative;margin:94px 36px 0;font-family:Garamond,serif}.polos-soft-section+.polos-soft-section{margin-top:32px}.polos-soft-section b{display:block;font-size:7px;color:var(--accent)}.polos-soft-section i{width:148px;height:4px!important;margin-top:12px;background:#e7dfd2}.polos-soft-section i:nth-of-type(2){width:128px;margin-top:6px}.polos-soft-section strong{display:block;margin-top:14px;font-size:6px}.polos-soft-section small{position:absolute;right:0;bottom:0;font-size:6px;font-weight:700}.polos-topbar{height:48px;background:var(--accent);color:#fff;padding:13px 18px;font-family:Arial,sans-serif}.polos-topbar h3{font-size:12px;line-height:1.1}.polos-topbar p{margin-top:6px;font-size:5px}.polos-rail{position:absolute;left:18px;top:66px;bottom:34px;width:8px;background:var(--accent)}.polos-number-section{position:relative;margin:20px 38px 0;font-family:Arial,sans-serif}.polos-number-section:first-of-type{margin-top:20px}.polos-number-section:before{content:'';position:absolute;left:-6px;top:3px;height:56px;border-left:1px solid var(--accent)}.polos-number-section b{font-size:7px;color:var(--accent)}.polos-number-section i{width:172px;margin-top:14px}.polos-number-section i:nth-of-type(2){width:150px;margin-top:6px}.polos-number-section i:nth-of-type(3){width:120px;height:3px!important;background:#dbeafe;margin-top:14px}.polos-blackhead{height:74px;background:#111;color:#fff;text-align:center;padding-top:20px;font-family:Cambria,serif}.polos-blackhead h3{font-size:12px}.polos-blackhead p{margin-top:14px;font-size:5px;color:#d1d5db}.polos-frame{position:absolute;left:18px;right:18px;top:92px;bottom:26px;border:1px solid #111}.polos-box-section{margin:14px 14px 0;font-family:Cambria,serif}.polos-box-section b{font-size:7px}.polos-box-section:after{content:'';display:block;border-top:1px solid #111;margin-top:9px}.polos-box-section i{width:168px;margin-top:12px}.polos-box-section i:last-child{width:142px;margin-top:6px}.polos-leftbar{position:absolute;left:24px;top:16px;bottom:18px;width:4px;background:#d1d5db}.polos-minimal-name{position:absolute;left:44px;top:22px;font-family:Arial,sans-serif}.polos-minimal-name b,.polos-minimal-name strong{display:block;font-size:15px;line-height:1.1}.polos-minimal-name strong{color:var(--accent)}.polos-minimal-name p{margin-top:12px;font-size:6px;color:#6b7280}.polos-minimal-section{margin-left:44px;margin-top:100px;font-family:Arial,sans-serif}.polos-minimal-section+.polos-minimal-section{margin-top:32px}.polos-minimal-section b{font-size:6px;color:var(--accent)}.polos-minimal-section i{width:168px;margin-top:14px}.polos-minimal-section i:nth-of-type(2){width:132px;margin-top:6px}.polos-classic-title{text-align:center;padding-top:20px;font-family:'Times New Roman',serif}.polos-classic-title b{font-size:9px}.polos-classic-title em{display:block;width:150px;height:1px;background:#111827;margin:8px auto 14px}.polos-classic-title h3{font-size:13px;line-height:1.1}.polos-classic-title p{margin-top:9px;font-size:5px;color:#374151}.polos-section.classic-row{margin-top:24px}.polos-section.classic-row em{height:1px}.polos-photo{position:absolute;left:18px;top:18px;width:60px;height:60px;border:2px solid var(--accent);border-radius:999px;display:flex;align-items:center;justify-content:center;font:700 6px Arial;color:var(--accent)}.polos-nadia-head{position:absolute;left:98px;right:20px;top:24px;font-family:Arial,sans-serif;color:var(--accent)}.polos-nadia-head h3{font-size:13px}.polos-nadia-head p{margin-top:11px;font-size:6px;letter-spacing:.22em}.polos-nadia-head em{display:block;width:36px;border-top:2px solid var(--accent);margin-top:11px}.polos-nadia-head i{width:118px;margin-top:12px}.polos-nadia-head i:last-child{width:96px;margin-top:7px}.polos-nadia-divider{position:absolute;left:86px;top:108px;bottom:28px;border-left:1px solid #d1d5db}.polos-nadia-side{position:absolute;left:14px;top:112px;width:60px;font-family:Arial,sans-serif}.polos-nadia-side b{display:block;border-bottom:1px solid var(--accent);padding:0 0 9px;margin:0 0 13px;color:var(--accent);font-size:7px}.polos-nadia-side i{width:46px;margin:7px 0;background:#e5e7eb}.polos-nadia-main{position:absolute;left:98px;right:18px;top:112px;font-family:Arial,sans-serif}.polos-nadia-main section{position:relative;margin-bottom:30px;padding-left:28px}.polos-nadia-main section:before{content:'';position:absolute;left:0;top:-8px;width:18px;height:18px;border-radius:999px;background:var(--accent)}.polos-nadia-main b{display:block;border-bottom:1px solid var(--accent);padding-bottom:8px;font-size:7px;color:var(--accent)}.polos-nadia-main strong{display:block;margin:13px 0 9px;font-size:5px}.polos-nadia-main i{width:80px;height:3px!important;margin-top:7px}.polos-dark-side{position:absolute;left:0;top:0;bottom:0;width:58px;background:#27272a}.polos-dark-side span{position:absolute;left:15px;top:20px;width:28px;height:28px;border:2px solid #fff;border-radius:999px;color:#fff;display:flex;align-items:center;justify-content:center;font:700 7px Arial}.polos-dark-head{position:absolute;left:72px;top:23px;font-family:Arial,sans-serif}.polos-dark-head h3{font-size:11px;color:#27272a}.polos-dark-head p{margin-top:8px;font-size:5px;color:#71717a}.polos-card-section{position:relative;margin-left:70px;margin-top:84px;width:156px;height:54px;border:1px solid #e4e4e7;background:#fafafa;padding:10px;font-family:Arial,sans-serif}.polos-card-section+.polos-card-section{margin-top:22px}.polos-card-section b{font-size:6px;color:#27272a}.polos-card-section i{width:118px;margin-top:12px;background:#d4d4d8}.polos-card-section i:last-child{width:96px;margin-top:6px;background:#e4e4e7}.polos-modern-head{height:112px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 70%,0 100%);color:#fff;padding:24px 18px;font-family:Arial,sans-serif}.polos-modern-head h3{font-size:13px;line-height:1.05}.polos-modern-head p{margin-top:10px;font-size:5px;color:#ffe4e6}.polos-modern-head span{position:absolute;right:26px;top:18px;width:46px;height:46px;border:2px solid #fff}.polos-modern-section{margin:14px 24px 0;font-family:Arial,sans-serif}.polos-modern-section b{font-size:7px;color:var(--accent)}.polos-modern-section i{background:#fecdd3;width:152px;margin:9px 0 0 12px}.polos-modern-section i:last-child{width:118px}.polos-modern-section{background:#fff1f2;padding:8px 0 9px}.polos-corp-head{height:62px;background:var(--accent);color:#fff;padding:15px 18px;font-family:Calibri,Arial,sans-serif}.polos-corp-head h3{font-size:12px}.polos-corp-head p{margin-top:9px;font-size:5px;color:#dbeafe}.polos-corp-side{position:absolute;left:18px;top:84px;width:70px;height:202px;border:1px solid #dbeafe;background:#fff;padding:15px 10px;font-family:Calibri,Arial,sans-serif}.polos-corp-side b,.polos-corp-main b{font-size:6px;color:var(--accent)}.polos-corp-side i{width:44px;background:#bfdbfe;margin-top:12px}.polos-corp-main{position:absolute;left:106px;top:86px;right:20px;font-family:Calibri,Arial,sans-serif}.polos-corp-main i{position:relative;width:112px;background:#cbd5e1;margin-top:19px}.polos-corp-main i:before{content:'';position:absolute;left:-8px;top:-6px;height:26px;border-left:2px solid var(--accent)}.polos-clean-head{height:44px;background:#f5f3ff;padding:16px 0 0 42px;font-family:Cambria,serif}.polos-clean-head h3{font-size:12px;color:var(--accent)}.polos-clean-head p{margin-top:8px;font-size:5px;color:#6b7280}.polos-clean-bar{position:absolute;left:16px;top:18px;bottom:28px;width:8px;background:var(--accent)}.polos-clean-section{margin-left:42px;margin-top:24px;width:184px;background:#faf5ff;border:1px solid #e9d5ff;padding:8px 12px;font-family:Cambria,serif}.polos-clean-section b{font-size:6px;color:var(--accent)}.polos-clean-section i{width:132px;background:#ddd6fe;margin-top:10px}.polos-clean-section i:last-child{width:96px;background:#ede9fe;margin-top:6px}
@media(max-width:680px){.polos-thumb{height:280px;--paper-scale:.78}}

/* v19.75 - popup wajib foto untuk Polos Nadia Sidebar */
.template-photo-required-badge{background:#fff7ed!important;color:#c2410c!important;border:1px solid #fed7aa!important;}
.template-photo-required-modal{position:fixed;inset:0;z-index:10020;display:none;align-items:center;justify-content:center;padding:18px;}
.template-photo-required-modal.is-open{display:flex;}
.template-photo-required-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.58);cursor:pointer;}
.template-photo-required-card{position:relative;z-index:1;width:min(460px,100%);background:#fff;border:1px solid #bfdbfe;border-radius:20px;box-shadow:0 28px 72px rgba(15,23,42,.30);padding:26px;text-align:center;color:#0f172a;}
.template-photo-required-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;background:transparent;font-size:28px;line-height:1;color:#64748b;cursor:pointer;}
.template-photo-required-icon{width:82px;height:82px;margin:0 auto 16px;border:2px solid #0b4f8f;border-radius:999px;color:#0b4f8f;display:flex;align-items:center;justify-content:center;font:800 11px Arial,sans-serif;background:#fff;}
.template-photo-required-card h3{margin:0 0 9px;font-size:22px;color:#0b4f8f;}
.template-photo-required-card p{margin:0 0 18px;font-size:14px;line-height:1.55;color:#334155;}
.template-photo-required-card .btn{min-width:190px;}

/* v19.76 - Popup upload foto Polos Nadia Sidebar aktif setelah pilih sumber */
.template-photo-required-status{display:block;margin-top:10px;font-size:12px;line-height:1.45;color:#64748b;}
.template-photo-required-open{overflow:hidden;}
.template-photo-required-card .btn.primary[data-photo-required-upload]{background:linear-gradient(135deg,#0b4f8f,#2563eb)!important;color:#fff!important;border-color:#0b4f8f!important;}


/* v19.78 - Thumbnail Polos Navy Executive Sidebar */
.polos-navy-executive-sidebar .polos-paper{display:grid;grid-template-columns:74px 1fr;width:250px;height:320px;background:#fff}.polos-navy-exec-side{background:#082f57;color:#fff;padding:12px 8px;font-family:Arial,sans-serif}.polos-navy-exec-photo{width:42px;height:42px;border:2px solid #fff;border-radius:999px;background:#eef3f8;color:#082f57;display:flex;align-items:center;justify-content:center;font:800 5px Arial;margin:0 auto 14px}.polos-navy-exec-side b{display:block;border-bottom:1px solid rgba(255,255,255,.75);font-size:6px;line-height:1.1;padding-bottom:5px;margin:9px 0 7px}.polos-navy-exec-side i{display:block;height:3px;background:rgba(255,255,255,.70);border-radius:0;margin:5px 0;width:54px}.polos-navy-exec-side i:nth-of-type(2n){width:42px}.polos-navy-exec-main{padding:18px 14px;font-family:Arial,sans-serif;color:#111}.polos-navy-exec-main h3{font-size:14px;line-height:1.05;color:#082f57;margin:0 0 7px}.polos-navy-exec-main p{font-size:6px;line-height:1.2;font-weight:700;margin:0 0 12px}.polos-navy-exec-main>i{display:inline-block;height:3px;background:#e5e7eb;border-radius:0;margin:0 5px 12px 0}.polos-navy-exec-main>i:first-of-type{width:46px}.polos-navy-exec-main>i:nth-of-type(2){width:58px}.polos-navy-exec-main div{position:relative;margin-top:12px}.polos-navy-exec-main div b{display:block;border-bottom:1px solid #9ca3af;color:#082f57;font-size:7px;padding-bottom:5px;margin-bottom:8px}.polos-navy-exec-main div em{position:absolute;left:-9px;top:27px;width:5px;height:5px;background:#082f57;border-radius:999px}.polos-navy-exec-main div i{display:block;height:4px;background:#e5e7eb;border-radius:0;margin:6px 0 0 12px;width:120px}.polos-navy-exec-main div i:nth-of-type(2){width:98px}.polos-navy-exec-main div i:nth-of-type(3){width:82px}

/* v20.11 - ATS-Polos thumbnail fidelity: foto wajib, Navy Wizard parity, explicit Clean Purple. */
.polos-dark-minimalist .polos-paper{display:grid;grid-template-columns:78px 1fr;width:250px;height:320px;background:#fff;}
.polos-dark-minimalist .polos-dark-side{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:auto!important;background:var(--accent)!important;color:#fff!important;padding:13px 8px!important;font-family:Arial,sans-serif!important;}
.polos-dark-minimalist .polos-dark-photo{position:static!important;width:43px!important;height:43px!important;border:2px solid #fff!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font:800 5px Arial,sans-serif!important;margin:0 auto 15px!important;}
.polos-dark-minimalist .polos-dark-side b{display:block;border-bottom:1px solid rgba(255,255,255,.75);font-size:6px;line-height:1.1;padding-bottom:5px;margin:10px 0 7px;}
.polos-dark-minimalist .polos-dark-side i{display:block;width:54px;height:3px!important;background:rgba(255,255,255,.55)!important;margin:5px 0;border-radius:0;}
.polos-dark-minimalist .polos-dark-side i:nth-of-type(2n){width:42px;}
.polos-dark-minimalist .polos-dark-head{position:static!important;margin:22px 14px 0!important;font-family:Arial,sans-serif;}
.polos-dark-minimalist .polos-dark-head h3{font-size:12px;color:var(--accent)!important;line-height:1.08;}
.polos-dark-minimalist .polos-dark-head p{font-size:5px;color:#71717a;margin-top:8px;}
.polos-dark-minimalist .polos-card-section{position:relative!important;margin:18px 14px 0!important;width:auto!important;height:auto!important;min-height:47px;border:1px solid #e4e4e7;background:#fafafa;padding:9px 10px;font-family:Arial,sans-serif;}
.polos-dark-minimalist .polos-card-section+.polos-card-section{margin-top:13px!important;}
.polos-dark-minimalist .polos-card-section b{font-size:6px;color:var(--accent)!important;}
.polos-dark-minimalist .polos-card-section i{width:118px;margin-top:10px;background:#d4d4d8;}
.polos-dark-minimalist .polos-card-section i:last-child{width:94px;margin-top:6px;background:#e4e4e7;}
.polos-modern-red .polos-modern-head .polos-modern-photo{position:absolute;right:24px;top:17px;width:48px;height:48px;border:2px solid #fff;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;font:800 6px Arial,sans-serif;}
.polos-modern-red .polos-modern-head span.polos-modern-photo{border-radius:4px;}

/* v20.12 - Creative/Non-ATS thumbnails dibuat satu-satu sesuai renderer preview Buat CV. */
.creative-thumb{--accent:#0b3a75;width:100%;min-height:178px;display:flex;justify-content:center;align-items:center;padding:8px}
.creative-thumb-paper{width:138px;height:178px;background:#fff;border-radius:8px;box-shadow:0 18px 36px rgba(15,23,42,.18);overflow:hidden;position:relative;border:1px solid rgba(15,23,42,.12);font-family:Arial,Helvetica,sans-serif;color:#111827}
.creative-thumb-paper h3{font-size:8px;line-height:1.05;margin:0;color:inherit;letter-spacing:.05em}
.creative-thumb-paper p{font-size:4.8px;line-height:1.1;margin:2px 0 0;color:inherit;opacity:.82}
.creative-thumb-paper b{display:block;font-size:4.8px;letter-spacing:.06em;margin:5px 0 3px;color:var(--accent)}
.creative-thumb-paper i{display:block;height:2.4px;background:#cbd5e1;border-radius:999px;margin:2.8px 0}.creative-thumb-paper i:nth-of-type(2n){width:78%}.creative-thumb-paper i:nth-of-type(3n){width:58%}
.creative-thumb-photo{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.94);background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;font-size:5px;font-weight:900;letter-spacing:.05em;box-shadow:0 5px 10px rgba(15,23,42,.16);flex:0 0 auto}
.creative-thumb-side{position:absolute;inset:0 auto 0 0;width:42px;background:var(--accent);color:#fff;padding:12px 7px}.creative-thumb-side b{color:#fff;font-size:4.5px;margin-top:7px}.creative-thumb-side i{height:2px;background:rgba(255,255,255,.76)}.creative-thumb-side .creative-thumb-photo{margin:0 auto 9px;width:25px;height:25px;font-size:4.5px}
.creative-thumb-main{position:absolute;left:42px;right:0;top:0;bottom:0;padding:17px 10px}.creative-thumb-main h3{color:#111827}.creative-thumb-main b{border-bottom:1px solid var(--accent);padding-bottom:2px}
.creative-thumb-top{height:50px;background:var(--accent);color:#fff;display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;padding:10px 12px;position:relative;overflow:hidden}.creative-thumb-top:after{content:"";position:absolute;right:-22px;top:-24px;width:70px;height:70px;border-radius:999px;background:rgba(255,255,255,.13)}.creative-thumb-top h3,.creative-thumb-top p{color:#fff}.creative-thumb-top .creative-thumb-photo{position:relative;z-index:1}.creative-thumb-top div{position:relative;z-index:1}.creative-thumb-top em{display:block;width:40px;height:2px;background:rgba(255,255,255,.78);border-radius:999px;margin-top:4px}
.creative-thumb-body{display:grid;grid-template-columns:42px 1fr;height:128px}.creative-thumb-body aside{background:#f8fafc;border-right:1px solid #e5e7eb;padding:8px 7px}.creative-thumb-body main{padding:8px 10px}.creative-thumb-body aside b{font-size:4.3px}.creative-thumb-body aside i{height:2px}.creative-thumb-inline{height:42px;background:#fff;border-top:8px solid var(--accent);border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:7px 11px}.creative-thumb-inline .creative-thumb-photo{background:var(--accent);border-color:var(--accent);width:25px;height:25px}.creative-thumb-inline h3{color:#111827}.creative-thumb-timeline{display:grid;grid-template-columns:42px 1fr;height:136px}.creative-thumb-timeline aside{background:#fff7ed;border-right:1px solid #fed7aa;padding:8px 7px}.creative-thumb-timeline main{position:relative;padding:10px 10px 8px 18px}.creative-thumb-timeline main:before{content:"";position:absolute;left:8px;top:14px;bottom:10px;width:2px;background:var(--accent);border-radius:99px}.creative-thumb-timeline main b{position:relative}.creative-thumb-timeline main b:before{content:"";position:absolute;left:-14px;top:1px;width:6px;height:6px;background:var(--accent);border-radius:999px;box-shadow:0 0 0 2px #fff}
.creative-thumb-info{position:absolute;inset:0 auto 0 0;width:46px;background:linear-gradient(180deg,var(--accent),#0f172a);padding:11px 7px;color:#fff}.creative-thumb-info b{color:#fff;font-size:4.4px}.creative-thumb-info i{background:rgba(255,255,255,.74)}.creative-thumb-info .creative-thumb-photo{width:25px;height:25px;margin:0 auto 8px}.creative-thumb-info-main{position:absolute;left:46px;right:0;top:0;bottom:0;padding:15px 10px;background:radial-gradient(circle at 100% 0,rgba(22,163,74,.12),transparent 60px),#fff}.creative-thumb-info-main h3{color:#111827}.creative-thumb-circles{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:6px 0}.creative-thumb-circles i{height:auto!important;aspect-ratio:1/1;border-radius:999px;border:2px solid rgba(255,255,255,.88);border-right-color:rgba(255,255,255,.28);background:transparent!important;margin:0!important}
.creative-thumb-card-head{height:42px;background:#fff;border-bottom:7px solid #e2e8f0;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:7px 11px}.creative-thumb-card-head .creative-thumb-photo{background:var(--accent);border-color:var(--accent);border-radius:8px;width:25px;height:25px}.creative-thumb-cards{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px;background:#f8fafc;height:136px}.creative-thumb-cards section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px;box-shadow:0 4px 8px rgba(15,23,42,.06)}.creative-thumb-cards section b{margin:0 0 4px}.creative-thumb-cards i{height:2px;margin:2px 0}
.creative-thumb-minimalist .creative-thumb-side{background:#3f3f46}.creative-thumb-minimalist .creative-thumb-photo{border-radius:7px}.creative-thumb-corporate .creative-thumb-side{background:linear-gradient(180deg,var(--accent),#111827)}.creative-thumb-clean-purple .creative-thumb-main{background:#fbfaff}.creative-thumb-clean-purple .creative-thumb-main b{background:#fff;border-left:3px solid var(--accent);border-bottom:0;padding:3px 4px;border-radius:0 5px 5px 0}.creative-thumb-navy-split .creative-thumb-side{background:#123c69}.creative-thumb-navy-split .creative-thumb-photo{border-radius:7px}.creative-thumb-green-eco .creative-thumb-side{background:linear-gradient(180deg,#047857,#064e3b)}.creative-thumb-green-eco .creative-thumb-main{background:#f7fffb}.creative-thumb-purple-tech .creative-thumb-side{background:linear-gradient(180deg,#6d28d9,#312e81)}.creative-thumb-purple-tech .creative-thumb-main{background:linear-gradient(90deg,#f5f3ff 0,#fff 45%)}.creative-thumb-teal-medical .creative-thumb-side{background:linear-gradient(180deg,#0f766e,#134e4a)}.creative-thumb-teal-medical .creative-thumb-main{background:#f0fdfa}.creative-thumb-black-white .creative-thumb-side{background:#111}.creative-thumb-black-white .creative-thumb-paper{font-family:Georgia,"Times New Roman",serif}.creative-thumb-executive-board .creative-thumb-side{background:#0f172a}.creative-thumb-executive-board .creative-thumb-main{background:#fbfaf7;font-family:Georgia,"Times New Roman",serif}.creative-thumb-gold-luxury .creative-thumb-top{background:linear-gradient(135deg,#111827 0 68%,var(--accent) 68% 100%)}.creative-thumb-gold-luxury .creative-thumb-body aside{background:#fffbeb}.creative-thumb-modern-red .creative-thumb-top{background:linear-gradient(135deg,var(--accent) 0 74%,#fff1f2 74% 100%)}.creative-thumb-modern-red .creative-thumb-photo{border-radius:8px}.creative-thumb-maroon-legal .creative-thumb-top{background:#8a1538}.creative-thumb-maroon-legal .creative-thumb-paper{font-family:Cambria,Georgia,serif}.creative-thumb-maroon-legal .creative-thumb-body aside{background:#fff7f7}.creative-thumb-orange-startup .creative-thumb-top{background:linear-gradient(135deg,var(--accent),#fb923c)}.creative-thumb-orange-startup .creative-thumb-body aside{background:#fff7ed}.creative-thumb-photo-header .creative-thumb-top{height:62px;background:linear-gradient(135deg,#e0f2fe 0 35%,var(--accent) 35% 100%)}.creative-thumb-photo-header .creative-thumb-photo{width:34px;height:34px;border-radius:9px;background:#fff;color:var(--accent)}.creative-thumb-photo-header .creative-thumb-body{height:116px}.creative-thumb-gradient .creative-thumb-top{background:linear-gradient(135deg,var(--accent),#7c3aed,#0284c7)}.creative-thumb-gradient .creative-thumb-body aside{background:#fdf2f8}.creative-thumb-portfolio .creative-thumb-top{background:linear-gradient(90deg,var(--accent) 0 58%,#e2e8f0 58% 100%)}.creative-thumb-portfolio .creative-thumb-photo{border-radius:7px}

/* v20.13 - ATS-Friendly thumbnails: 30 template tidak lagi memakai thumbnail generic/foto/sidebar. */
.ats-friendly-thumb{--accent:#111827;width:100%;min-height:178px;display:flex;justify-content:center;align-items:center;padding:8px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:18px;overflow:hidden}
.ats-friendly-paper{position:relative;width:138px;height:178px;background:#fff;color:#111827;border:1px solid rgba(15,23,42,.18);box-shadow:0 18px 36px rgba(15,23,42,.16);overflow:hidden;font-family:"Times New Roman",Times,serif;padding:13px 12px 10px}
.ats-friendly-head{text-align:center;margin:0 0 8px;padding:0 0 6px;border-bottom:1px solid var(--accent)}
.ats-friendly-head h3{margin:0 0 3px;font-size:8px;line-height:1.05;letter-spacing:.04em;color:#111827;font-weight:900;text-transform:uppercase}
.ats-friendly-head p,.ats-friendly-head small{display:block;margin:0;font-size:4.6px;line-height:1.12;color:#334155;font-family:Arial,Helvetica,sans-serif}
.ats-friendly-head small{margin-top:2px;color:var(--accent);font-weight:700}
.ats-friendly-body{display:block}.ats-friendly-body section{position:relative;margin:0 0 7px}.ats-friendly-body section b{display:block;font-size:5.5px;line-height:1.05;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;margin:0 0 3px;border-bottom:1px solid currentColor;padding-bottom:1.5px}.ats-friendly-body section strong{display:block;width:70%;height:3px;border-radius:99px;background:#0f172a;margin:3px 0}.ats-friendly-body section em,.ats-friendly-body section i,.ats-friendly-profilebox i{display:block;height:2.4px;border-radius:99px;background:#cbd5e1;margin:2.5px 0}.ats-friendly-body section i:nth-of-type(2n),.ats-friendly-profilebox i:nth-child(2){width:78%}.ats-friendly-body section i:nth-of-type(3n),.ats-friendly-profilebox i:nth-child(3){width:58%}.ats-friendly-body section i:nth-of-type(4n){width:90%}
.ats-friendly-thumb-bullet .ats-friendly-body section i{position:relative;margin-left:8px}.ats-friendly-thumb-bullet .ats-friendly-body section i:before{content:'•';position:absolute;left:-7px;top:-3px;font-size:6px;color:#111827;font-weight:900}.ats-friendly-thumb-adelaide .ats-friendly-paper{background:#fffbf4;border:2px solid #c9b38c;padding-top:22px;font-family:Georgia,"Times New Roman",serif}.ats-friendly-initial{position:absolute;top:7px;right:8px;width:17px;height:17px;border:1px solid #c9b38c;border-radius:99px;display:flex;align-items:center;justify-content:center;font-size:5px;font-weight:900;color:#7c5b2e}.ats-friendly-thumb-adelaide .ats-friendly-head{text-align:left;border:1px solid #c9b38c;padding:5px 6px;margin-bottom:7px}.ats-friendly-thumb-adelaide .ats-friendly-body section b{color:#7c5b2e;border-color:#c9b38c}.ats-friendly-thumb-structura .ats-friendly-paper{border-left:8px solid var(--accent);font-family:Arial,Helvetica,sans-serif;padding-left:10px}.ats-friendly-thumb-structura .ats-friendly-head{text-align:left;border-bottom:0}.ats-friendly-thumb-structura .ats-friendly-body section{padding-left:7px;border-left:2px solid rgba(37,99,235,.22)}.ats-friendly-thumb-columbia .ats-friendly-paper{border-top:9px solid #111;font-family:Cambria,"Times New Roman",serif}.ats-friendly-thumb-columbia .ats-friendly-body section b{background:#111;color:#fff;border:0;padding:2px 4px}.ats-friendly-thumb-minimal .ats-friendly-paper{font-family:Arial,Helvetica,sans-serif;border:0;box-shadow:0 12px 26px rgba(15,23,42,.11)}.ats-friendly-thumb-minimal .ats-friendly-head{text-align:left;border-color:#d1d5db}.ats-friendly-thumb-minimal .ats-friendly-body section b{color:#374151;border-color:#d1d5db}.ats-friendly-thumb-classic .ats-friendly-paper{border:3px double #111;padding:11px}.ats-friendly-thumb-classic .ats-friendly-head{border-bottom:3px double #111}.ats-friendly-thumb-executive-mono .ats-friendly-paper{border-top:11px solid #0f172a;font-family:Arial,Helvetica,sans-serif}.ats-friendly-thumb-executive-mono .ats-friendly-head{text-align:left}.ats-friendly-thumb-executive-mono .ats-friendly-body section b{background:#0f172a;color:#fff;border:0;padding:2px 4px}.ats-friendly-thumb-compact-recruiter .ats-friendly-paper{padding:9px 10px;font-family:Arial,Helvetica,sans-serif}.ats-friendly-thumb-compact-recruiter .ats-friendly-head{margin-bottom:5px;padding-bottom:4px}.ats-friendly-thumb-compact-recruiter .ats-friendly-body section{margin-bottom:4px}.ats-friendly-thumb-legal-counsel .ats-friendly-paper,.ats-friendly-thumb-compliance .ats-friendly-paper{border-top:7px solid var(--accent);font-family:Cambria,Georgia,serif}.ats-friendly-thumb-legal-counsel .ats-friendly-head,.ats-friendly-thumb-compliance .ats-friendly-head{text-align:left}.ats-friendly-thumb-finance-ledger .ats-friendly-paper{background:linear-gradient(90deg,rgba(20,83,45,.08) 0 28%,#fff 28%);border-left:6px solid var(--accent);font-family:Arial,Helvetica,sans-serif}.ats-friendly-thumb-academic-scholar .ats-friendly-paper,.ats-friendly-thumb-research .ats-friendly-paper{background:#fbf7ff;border-top:7px solid var(--accent);font-family:Georgia,"Times New Roman",serif}.ats-friendly-thumb-tech-systems .ats-friendly-paper{background:linear-gradient(90deg,#f0f9ff 0,#fff 46%);font-family:"Courier New",monospace;border-left:6px solid var(--accent)}.ats-friendly-thumb-government-formal .ats-friendly-paper,.ats-friendly-thumb-banking-formal .ats-friendly-paper{border:2px solid var(--accent);font-family:Georgia,"Times New Roman",serif}.ats-friendly-thumb-government-formal .ats-friendly-head,.ats-friendly-thumb-banking-formal .ats-friendly-head{border-bottom:2px solid var(--accent)}.ats-friendly-thumb-european-compact .ats-friendly-paper{padding:10px 12px;font-family:Arial,Helvetica,sans-serif}.ats-friendly-thumb-european-compact .ats-friendly-head{text-align:left;border-bottom:2px solid #111}.ats-friendly-thumb-chronological-prime .ats-friendly-body section{padding-left:10px}.ats-friendly-thumb-chronological-prime .ats-friendly-body section:before{content:'';position:absolute;left:1px;top:7px;bottom:1px;width:2px;background:var(--accent)}.ats-friendly-thumb-functional-skill .ats-friendly-body section:first-child i{background:linear-gradient(90deg,var(--accent) 0 70%,#e2e8f0 70%)}.ats-friendly-thumb-combination-pro .ats-friendly-paper,.ats-friendly-thumb-blue-line .ats-friendly-paper{border-left:7px solid var(--accent);border-bottom:4px solid var(--accent);font-family:Arial,Helvetica,sans-serif}.ats-friendly-thumb-modern-line .ats-friendly-head{border-bottom:4px solid var(--accent);text-align:left}.ats-friendly-thumb-modern-line .ats-friendly-body section b{border-left:4px solid var(--accent);border-bottom:0;padding-left:4px}.ats-friendly-thumb-plain-text .ats-friendly-paper{border:1px solid #e5e7eb;box-shadow:none;font-family:"Times New Roman",Times,serif}.ats-friendly-thumb-plain-text .ats-friendly-head,.ats-friendly-thumb-plain-text .ats-friendly-body section b{border-bottom:0;color:#111}.ats-friendly-thumb-plain-text .ats-friendly-head{text-align:left}.ats-friendly-thumb-corporate-grid .ats-friendly-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ats-friendly-thumb-corporate-grid .ats-friendly-grid section{border:1px solid #e2e8f0;padding:4px;margin:0}.ats-friendly-thumb-corporate-grid .ats-friendly-grid section b{font-size:4.6px}.ats-friendly-thumb-monochrome-premium .ats-friendly-paper{background:#111;color:#f8fafc;border-color:#111}.ats-friendly-thumb-monochrome-premium .ats-friendly-head h3,.ats-friendly-thumb-monochrome-premium .ats-friendly-head p,.ats-friendly-thumb-monochrome-premium .ats-friendly-head small{color:#f8fafc}.ats-friendly-thumb-monochrome-premium .ats-friendly-body section b{color:#fff;border-color:#fff}.ats-friendly-thumb-monochrome-premium .ats-friendly-body section strong,.ats-friendly-thumb-monochrome-premium .ats-friendly-body section i{background:rgba(255,255,255,.55)}.ats-friendly-thumb-gold-line .ats-friendly-paper{border-top:6px solid var(--accent);outline:1px solid rgba(180,83,9,.32);outline-offset:-6px}.ats-friendly-thumb-gray-panel .ats-friendly-head{background:#f1f5f9;margin:-13px -12px 8px;padding:9px 11px 6px;border-bottom:1px solid #cbd5e1}.ats-friendly-letterbar{height:7px;background:linear-gradient(90deg,var(--accent),#cbd5e1);margin:-2px 0 7px}.ats-friendly-profilebox{border:1px solid rgba(67,56,202,.26);background:color-mix(in srgb,var(--accent) 8%,#fff);padding:5px;margin:0 0 7px}.ats-friendly-thumb-profile-top .ats-friendly-head{border-bottom:0;margin-bottom:5px}.ats-friendly-thumb-profile-top .ats-friendly-body section b{color:#4338ca}.ats-friendly-thumb-research .ats-friendly-body section b:before{content:'§ ';color:var(--accent)}

/* v20.29 - Columbia ATS-Friendly thumbnail harus satu gaya dengan preview: ada icon/profile/contact, bukan blok polos kosong. */
.ats-friendly-thumb-columbia .ats-friendly-paper{
    border:1px solid #d1d5db!important;
    border-top:0!important;
    padding:0!important;
    font-family:Cambria,"Times New Roman",serif!important;
    background:#fff!important;
}
.ats-friendly-thumb-columbia .ats-friendly-head{display:none!important}
.ats-friendly-thumb-columbia .ats-friendly-body{height:100%;display:block!important;padding:0!important}
.ats-friendly-columbia-hero{
    height:45px;
    background:#111;
    color:#fff;
    display:grid;
    grid-template-columns:28px 1fr;
    align-items:center;
    gap:8px;
    padding:8px 9px;
    position:relative;
    overflow:hidden;
}
.ats-friendly-columbia-hero:after{
    content:"";
    position:absolute;
    right:-18px;
    top:-22px;
    width:52px;
    height:52px;
    border-radius:999px;
    border:10px solid rgba(255,255,255,.13);
}
.ats-friendly-columbia-avatar{
    width:25px;
    height:25px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(255,255,255,.9);
    position:relative;
    z-index:1;
}
.ats-friendly-columbia-avatar:before{
    content:"";
    position:absolute;
    left:8px;
    top:5px;
    width:8px;
    height:8px;
    border-radius:999px;
    background:#111;
}
.ats-friendly-columbia-avatar:after{
    content:"";
    position:absolute;
    left:6px;
    bottom:5px;
    width:13px;
    height:7px;
    border-radius:9px 9px 3px 3px;
    background:#111;
}
.ats-friendly-columbia-hero div{position:relative;z-index:1;min-width:0}
.ats-friendly-columbia-hero b{display:block!important;margin:0 0 2px!important;color:#fff!important;font-size:6px!important;line-height:1.05!important;letter-spacing:.03em!important;border:0!important;padding:0!important;background:transparent!important}
.ats-friendly-columbia-hero small{display:block;color:rgba(255,255,255,.72);font-size:4.4px;line-height:1}
.ats-friendly-columbia-contact{
    display:grid;
    grid-template-columns:10px 1fr 10px 1fr 10px 1fr;
    gap:3px;
    padding:7px 9px 5px;
    align-items:center;
}
.ats-friendly-columbia-contact span{
    width:9px;
    height:9px;
    border:1px solid #111;
    border-radius:99px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#111;
    font-size:4.8px;
    line-height:1;
}
.ats-friendly-columbia-contact i{
    display:block;
    height:2.3px;
    background:#cbd5e1;
    border-radius:99px;
}
.ats-friendly-columbia-icon-sections{padding:0 10px 9px}
.ats-friendly-columbia-icon-sections section{margin:0 0 5px!important;padding:0!important;border:0!important;position:relative}
.ats-friendly-columbia-icon-sections section b{
    display:flex!important;
    align-items:center;
    gap:4px;
    color:#111!important;
    background:transparent!important;
    border-bottom:1px solid #111!important;
    padding:0 0 2px!important;
    margin:0 0 3px!important;
    font-size:5.1px!important;
    letter-spacing:.04em!important;
}
.ats-friendly-columbia-icon-sections section b span{
    width:10px;
    height:10px;
    border:1px solid #111;
    border-radius:99px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:5px;
    line-height:1;
}
.ats-friendly-columbia-icon-sections section i{
    height:2.3px!important;
    margin:2px 0!important;
    background:#cbd5e1!important;
    border-radius:99px!important;
}

/* v20.35 - Launch thumbnail restore: Non-ATS thumbnails must be generic Canva-like,
   never copy active user CV data. This visual guard also overrides old cached/user-name text
   inside thumbnail DOM by replacing it with generic pseudo text. */
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb,
.assistant-template-card .ats-friendly-thumb{
    min-height:178px;
    padding:8px;
    border-radius:18px;
    background:
        radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--accent) 28%, transparent) 0 28px, transparent 30px),
        linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%)!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-paper,
.assistant-template-card .ats-friendly-paper{
    width:138px;
    height:178px;
    padding:0!important;
    border:1px solid rgba(15,23,42,.12)!important;
    border-top:0!important;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 14px 32px rgba(15,23,42,.16)!important;
    background:
        linear-gradient(135deg, color-mix(in srgb,var(--accent) 11%,#fff) 0 39%,#fff 39% 100%)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    color:#111827!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-paper:before,
.assistant-template-card .ats-friendly-paper:before{
    content:"";
    position:absolute;
    right:-22px;
    top:-24px;
    width:72px;
    height:72px;
    border-radius:999px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 90%,#7c3aed),#fb923c);
    opacity:.95;
    z-index:0;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-paper:after,
.assistant-template-card .ats-friendly-paper:after{
    content:"";
    position:absolute;
    right:18px;
    top:18px;
    width:28px;
    height:28px;
    border-radius:999px;
    background:#fff;
    border:5px solid #172033;
    box-shadow:0 0 0 2px rgba(255,255,255,.82);
    z-index:2;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-head,
.assistant-template-card .ats-friendly-head{
    position:relative;
    z-index:1;
    min-height:55px;
    margin:0!important;
    padding:20px 52px 6px 11px!important;
    border:0!important;
    text-align:left!important;
    background:transparent!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-head h3,
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-head p,
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-head small,
.assistant-template-card .ats-friendly-head h3,
.assistant-template-card .ats-friendly-head p,
.assistant-template-card .ats-friendly-head small{
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-head h3:before,
.assistant-template-card .ats-friendly-head h3:before{
    content:"KARIRRAPI";
    display:block;
    font-size:7px;
    line-height:1.05;
    letter-spacing:.02em;
    font-weight:900;
    color:#111827;
    text-transform:uppercase;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-head p:before,
.assistant-template-card .ats-friendly-head p:before{
    content:"CV • DESAIN PROFESIONAL";
    display:block;
    margin-top:3px;
    font-size:4.8px;
    line-height:1.1;
    font-weight:700;
    color:color-mix(in srgb,var(--accent) 78%,#111827);
    text-transform:none;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-head small:before,
.assistant-template-card .ats-friendly-head small:before{
    content:"Profile • Experience • Skills";
    display:block;
    margin-top:2px;
    font-size:4.2px;
    line-height:1.1;
    font-weight:700;
    color:#64748b;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-body,
.assistant-template-card .ats-friendly-body{
    position:relative;
    z-index:1;
    display:block!important;
    height:auto!important;
    padding:4px 10px 10px!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-body section,
.assistant-template-card .ats-friendly-body section{
    position:relative!important;
    margin:0 0 6px!important;
    padding:0 0 0 16px!important;
    border:0!important;
    background:transparent!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-body section:before,
.assistant-template-card .ats-friendly-body section:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:10px;
    height:10px;
    border-radius:99px;
    border:1px solid color-mix(in srgb,var(--accent) 70%,#111827);
    background:#fff;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-body section b,
.assistant-template-card .ats-friendly-body section b{
    display:block!important;
    margin:0 0 3px!important;
    padding:0 0 2px!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--accent) 60%,#cbd5e1)!important;
    background:transparent!important;
    color:#111827!important;
    font-size:5px!important;
    line-height:1.05!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-body section strong,
.assistant-template-card .ats-friendly-body section strong{
    display:block!important;
    width:55%!important;
    height:3px!important;
    margin:3px 0!important;
    border-radius:99px!important;
    background:#111827!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-body section em,
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-body section i,
.assistant-template-card .ats-friendly-body section em,
.assistant-template-card .ats-friendly-body section i{
    display:block!important;
    height:2.5px!important;
    margin:2px 0!important;
    border-radius:99px!important;
    background:#cbd5e1!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-body section:nth-child(4),
.assistant-template-card .ats-friendly-body section:nth-child(4){
    margin:7px -4px 0!important;
    padding:6px 5px 5px 21px!important;
    background:color-mix(in srgb,var(--accent) 10%,#fff)!important;
    border-radius:8px!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-body section:nth-child(4):before,
.assistant-template-card .ats-friendly-body section:nth-child(4):before{
    left:6px;
    top:6px;
}
/* Columbia specifically follows the old Canva-like card: white background, geometric accent, avatar circle, icons. */
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-paper,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-paper{
    background:#fff!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-paper:before,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-paper:before{
    right:-18px;
    top:-23px;
    width:75px;
    height:75px;
    background:linear-gradient(135deg,#7c3aed 0 50%,#fb923c 50% 100%);
    clip-path:polygon(32% 0,100% 0,100% 100%,0 70%);
    border-radius:0 12px 0 999px;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-columbia-hero,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-columbia-hero{
    height:56px!important;
    background:transparent!important;
    color:#111827!important;
    display:grid!important;
    grid-template-columns:1fr 30px!important;
    gap:6px!important;
    padding:19px 11px 5px!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-columbia-hero:after,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-columbia-hero:after{display:none!important}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-columbia-hero div,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-columbia-hero div{grid-column:1;grid-row:1;align-self:center}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-columbia-hero b,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-columbia-hero b{
    font-size:6px!important;
    color:#111827!important;
    background:transparent!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-columbia-hero small,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-columbia-hero small{
    color:color-mix(in srgb,var(--accent) 65%,#475569)!important;
    font-size:4.4px!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-columbia-avatar,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-columbia-avatar{
    grid-column:2;
    grid-row:1;
    width:29px!important;
    height:29px!important;
    background:#fde7c7!important;
    border:5px solid #172033!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.9)!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-columbia-contact,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-columbia-contact{
    padding:3px 11px 5px!important;
}
.template-gallery-card[data-template-category="Non-ATS"] .ats-friendly-thumb-columbia .ats-friendly-columbia-icon-sections,
.assistant-template-card .ats-friendly-thumb-columbia .ats-friendly-columbia-icon-sections{
    padding:0 11px 9px!important;
}

/* v20.55 - Non-ATS / Canva Design thumbnails: pure design mockup tanpa data user.
   Semua kartu Non-ATS kini memakai mini preview desain yang mengikuti keluarga renderer preview. */
.canva-thumb{
    --accent:#2563eb;
    width:100%;
    min-height:178px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px;
    border-radius:18px;
    background:
        radial-gradient(circle at 92% 14%, color-mix(in srgb,var(--accent) 20%,transparent) 0 26px, transparent 28px),
        radial-gradient(circle at 11% 85%, rgba(255,255,255,.85) 0 30px, transparent 32px),
        linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);
}
.canva-paper{
    position:relative;
    width:138px;
    height:178px;
    overflow:hidden;
    border-radius:10px;
    background:#ffffff;
    border:1px solid rgba(15,23,42,.12);
    box-shadow:0 16px 36px rgba(15,23,42,.16);
    font-family:Arial,Helvetica,sans-serif;
    color:#111827;
    isolation:isolate;
}
.canva-paper *{box-sizing:border-box}.canva-paper section{position:relative}.canva-paper i,.canva-paper em,.canva-paper small,.canva-paper strong,.canva-paper u{display:block;border-radius:999px;font-style:normal;text-decoration:none}.canva-paper i{height:2.3px;background:#cbd5e1;margin:2px 0;width:86%}.canva-paper i:nth-of-type(2n){width:69%}.canva-paper i:nth-of-type(3n){width:54%}.canva-paper strong{height:3px;background:#0f172a;width:48%;margin:3px 0}.canva-paper em{height:2.4px;background:#cbd5e1;width:76%;margin:2px 0}.canva-paper small{height:2px;background:#e2e8f0;width:58%;margin:3px 0}.canva-paper section b{display:block;margin:0 0 3px;color:var(--accent);font-size:4.8px;line-height:1.05;letter-spacing:.055em;font-weight:900;text-transform:uppercase}.canva-photo{display:block;width:27px;height:27px;border-radius:999px;background:linear-gradient(135deg,#fff,#e2e8f0);border:2px solid #fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,#111827),0 6px 13px rgba(15,23,42,.16);flex:0 0 auto}.canva-art{position:absolute;display:block;pointer-events:none;z-index:0}.canva-art-a{right:-18px;top:-20px;width:64px;height:64px;border-radius:999px;background:color-mix(in srgb,var(--accent) 32%,#e2e8f0);opacity:.82}.canva-art-b{right:-13px;bottom:-18px;width:58px;height:58px;border-radius:999px;background:rgba(251,146,60,.22)}.canva-art-c{left:-28px;bottom:-26px;width:76px;height:76px;border-radius:999px;border:12px solid color-mix(in srgb,var(--accent) 9%,transparent);opacity:.9}.canva-paper>header,.canva-paper>main,.canva-paper>aside{position:relative;z-index:1}

/* Sidebar family */
.canva-mode-sidebar .canva-paper{display:grid;grid-template-columns:43px 1fr}.canva-mode-sidebar .canva-side{position:relative;z-index:2;background:var(--accent);color:#fff;padding:11px 7px}.canva-mode-sidebar .canva-side .canva-photo{width:25px;height:25px;margin:0 auto 10px;box-shadow:0 0 0 1px rgba(255,255,255,.88)}.canva-mode-sidebar .canva-side b{display:block;height:3px;background:rgba(255,255,255,.86);border-radius:99px;width:24px;margin:0 auto 7px}.canva-mode-sidebar .canva-side i{height:2px;background:rgba(255,255,255,.66);width:100%;margin:3px 0}.canva-mode-sidebar .canva-side u{width:100%;height:1px;background:rgba(255,255,255,.36);margin:7px 0 5px}.canva-mode-sidebar .canva-main{padding:15px 10px 10px}.canva-mode-sidebar .canva-main header{margin-bottom:7px}.canva-mode-sidebar .canva-main header b{display:block;width:47px;height:5px;background:#111827;border-radius:99px;margin-bottom:4px}.canva-mode-sidebar .canva-main section{margin-bottom:7px}.canva-mode-sidebar .canva-main section b{border-bottom:1px solid color-mix(in srgb,var(--accent) 55%,#cbd5e1);padding-bottom:2px}

/* Top header family */
.canva-mode-top-header .canva-paper{background:#fff}.canva-mode-top-header .canva-top{min-height:48px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#0f172a));color:#fff;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:9px 12px;overflow:hidden}.canva-mode-top-header .canva-top:after{content:"";position:absolute;right:-24px;top:-31px;width:82px;height:82px;border-radius:999px;background:rgba(255,255,255,.16)}.canva-mode-top-header .canva-top b{display:block;width:54px;height:5px;background:#fff;border-radius:99px;margin-bottom:4px}.canva-mode-top-header .canva-top em,.canva-mode-top-header .canva-top small{background:rgba(255,255,255,.74)}.canva-mode-top-header .canva-photo{position:relative;z-index:1}.canva-mode-top-header .canva-top div{position:relative;z-index:1}.canva-two-col{display:grid;grid-template-columns:42px 1fr;height:130px}.canva-two-col>aside{padding:8px 6px;background:color-mix(in srgb,var(--accent) 7%,#f8fafc);border-right:1px solid #e2e8f0}.canva-two-col>section{padding:8px 9px}.canva-two-col section section,.canva-two-col aside section{margin-bottom:6px}.canva-two-col aside section b{font-size:4.2px}

/* Timeline family */
.canva-mode-timeline .canva-line-head{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;min-height:47px;padding:10px 12px 6px;background:#fff;border-bottom:1px solid #e2e8f0}.canva-mode-timeline .canva-line-head b{display:block;width:56px;height:5px;background:#111827;border-radius:99px;margin-bottom:4px}.canva-mode-timeline .canva-timeline{position:relative;padding:10px 10px 8px 25px}.canva-mode-timeline .canva-timeline:before{content:"";position:absolute;left:13px;top:12px;bottom:11px;width:2px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 44%,#cbd5e1));border-radius:99px}.canva-mode-timeline .canva-timeline section{margin-bottom:7px}.canva-mode-timeline .canva-timeline section:before{content:"";position:absolute;left:-16px;top:0;width:8px;height:8px;border-radius:999px;background:#fff;border:2px solid var(--accent)}

/* Infographic family */
.canva-mode-infographic .canva-paper{padding:0;background:linear-gradient(135deg,#ffffff 0%,color-mix(in srgb,var(--accent) 7%,#f8fafc) 100%)}.canva-info-head{height:47px;display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;padding:10px 12px 6px}.canva-info-head b{display:block;width:54px;height:5px;background:#111827;border-radius:99px;margin-bottom:4px}.canva-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px 10px 10px}.canva-info-grid>section{border:1px solid #e2e8f0;background:rgba(255,255,255,.88);border-radius:7px;padding:6px}.canva-info-grid .metric{min-height:35px;text-align:center}.canva-info-grid .metric b{display:block;width:20px;height:20px;border-radius:999px;margin:0 auto 5px;background:conic-gradient(var(--accent) 0 72%,#e2e8f0 72% 100%)}.canva-info-grid .metric span{display:block;height:2px;border-radius:99px;background:#cbd5e1;margin:2px auto;width:70%}.canva-info-grid .wide{grid-column:1/-1;text-align:left}.canva-info-grid .wide>section{margin:0}

/* Compact card family */
.canva-mode-compact-card .canva-paper{background:color-mix(in srgb,var(--accent) 7%,#f8fafc);padding:0}.canva-card-head{height:43px;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;background:#fff;padding:8px 10px;border-bottom:1px solid #e2e8f0}.canva-card-head b{display:block;width:52px;height:5px;background:#111827;border-radius:99px;margin-bottom:4px}.canva-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.canva-card-grid>section{background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:5px;min-height:53px;box-shadow:0 4px 10px rgba(15,23,42,.04)}.canva-card-grid>section section{margin:0}.canva-card-grid section b{font-size:4.3px}

/* Classic Canva-card family */
.canva-mode-canva-card .canva-paper{background:#fff}.canva-classic-head{min-height:56px;display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;padding:13px 12px 6px}.canva-classic-head b{display:block;width:56px;height:5px;background:#111827;border-radius:99px;margin-bottom:4px}.canva-classic-body{padding:4px 12px 10px}.canva-classic-body section{padding-left:15px;margin-bottom:7px}.canva-classic-body section:before{content:"";position:absolute;left:0;top:0;width:9px;height:9px;border-radius:999px;border:1.5px solid var(--accent);background:#fff}.canva-classic-body section b{border-bottom:1px solid color-mix(in srgb,var(--accent) 55%,#cbd5e1);padding-bottom:2px}

/* Specific visual signatures for every Non-ATS design group. */
.canva-thumb-canva-harvard .canva-paper{background:#fff}.canva-thumb-canva-harvard .canva-art-a{background:#cbd5e1;right:-17px;top:-15px}.canva-thumb-canva-harvard .canva-art-b{display:none}.canva-thumb-canva-bullet .canva-top{background:#101827}.canva-thumb-canva-bullet .canva-two-col>aside{background:#0f172a}.canva-thumb-canva-bullet .canva-two-col aside section b{color:#fff}.canva-thumb-canva-bullet .canva-two-col aside i,.canva-thumb-canva-bullet .canva-two-col aside em,.canva-thumb-canva-bullet .canva-two-col aside strong{background:rgba(255,255,255,.64)}.canva-thumb-canva-adelaide .canva-paper{background:#fffaf0;border-color:#d6bd87}.canva-thumb-canva-adelaide .canva-top{background:#fffaf0;color:#111;border-bottom:1px solid #d6bd87}.canva-thumb-canva-adelaide .canva-top b{background:#111}.canva-thumb-canva-adelaide .canva-top em,.canva-thumb-canva-adelaide .canva-top small{background:#d6bd87}.canva-thumb-canva-structura .canva-top{background:#0f172a}.canva-thumb-canva-structura .canva-art-a{background:#fb923c}.canva-thumb-canva-columbia .canva-paper:before,.canva-thumb-canva-columbia .canva-paper:after{content:"";position:absolute;z-index:0}.canva-thumb-canva-columbia .canva-paper:before{right:-17px;top:-13px;width:65px;height:60px;background:linear-gradient(135deg,#7c3aed 0 50%,#fb923c 50%);clip-path:polygon(38% 0,100% 0,100% 100%,0 72%)}.canva-thumb-canva-columbia .canva-paper:after{right:-18px;bottom:-18px;width:58px;height:58px;border-radius:999px;background:#7c3aed33}.canva-thumb-canva-minimal .canva-paper{background:#fffdf8}.canva-thumb-canva-minimal .canva-art-a{background:#f2dfcf}.canva-thumb-canva-minimal .canva-art-b{background:#e6efe8}.canva-thumb-canva-classic .canva-paper{border:2px solid #0f172a}.canva-thumb-canva-classic .canva-side{background:#fff!important;color:#111;border-right:2px solid #0f172a}.canva-thumb-canva-classic .canva-side i,.canva-thumb-canva-classic .canva-side b{background:#0f172a}.canva-thumb-canva-executive-mono .canva-side,.canva-thumb-canva-gray-panel .canva-side{background:#111827}.canva-thumb-canva-compact-recruiter .canva-paper{background:#eff6ff}.canva-thumb-canva-compact-recruiter .canva-card-head{background:#0f4c81}.canva-thumb-canva-compact-recruiter .canva-card-head b,.canva-thumb-canva-compact-recruiter .canva-card-head em,.canva-thumb-canva-compact-recruiter .canva-card-head small{background:rgba(255,255,255,.85)}.canva-thumb-canva-legal-counsel .canva-side,.canva-thumb-maroon-legal .canva-top{background:#7f1d1d}.canva-thumb-canva-finance-ledger .canva-info-grid .metric b,.canva-thumb-green-eco .canva-side{background:conic-gradient(#14532d 0 72%,#d1fae5 72% 100%)}.canva-thumb-canva-academic-scholar .canva-side{background:#2e1065}.canva-thumb-canva-tech-systems .canva-paper{background:linear-gradient(135deg,#f0f9ff,#fff)}.canva-thumb-canva-tech-systems .canva-art-a{border-radius:10px;transform:rotate(45deg);background:#38bdf866}.canva-thumb-canva-government-formal .canva-paper{border-color:#1e3a8a}.canva-thumb-canva-european-compact .canva-line-head{border-top:6px solid #dc2626}.canva-thumb-canva-chronological-prime .canva-timeline:before{background:#166534}.canva-thumb-canva-functional-skill .canva-info-grid .metric b{background:conic-gradient(#0f766e 0 82%,#e2e8f0 82%)}.canva-thumb-canva-combination-pro .canva-paper{background:#f8fafc}.canva-thumb-canva-modern-line .canva-line-head{border-bottom:3px solid #fb7185}.canva-thumb-canva-plain-text .canva-paper{background:#111827;color:#fff}.canva-thumb-canva-plain-text .canva-info-head b,.canva-thumb-canva-plain-text .canva-paper strong{background:#f8fafc}.canva-thumb-canva-plain-text .canva-paper section b{color:#fbbf24}.canva-thumb-canva-banking-formal .canva-top{background:linear-gradient(135deg,#4c1d95,#fb923c)}.canva-thumb-canva-corporate-grid .canva-card-grid{grid-template-columns:1fr 1fr}.canva-thumb-canva-monochrome-premium .canva-paper{background:#18181b;color:#fff}.canva-thumb-canva-monochrome-premium .canva-card-head,.canva-thumb-canva-monochrome-premium .canva-card-grid>section{background:#27272a;border-color:#3f3f46}.canva-thumb-canva-monochrome-premium section b{color:#f8fafc}.canva-thumb-canva-blue-line .canva-side{background:#075985}.canva-thumb-canva-gold-line .canva-paper{border-color:#b45309;outline:1px solid #b4530966;outline-offset:-5px}.canva-thumb-canva-letterhead .canva-top{background:#f8f1df;color:#111;border-bottom:1px solid #d6bd87}.canva-thumb-canva-letterhead .canva-top b{background:#111}.canva-thumb-canva-profile-top .canva-top{min-height:58px;background:#111827}.canva-thumb-canva-research .canva-line-head{background:#faf5ff}.canva-thumb-canva-compliance .canva-side{background:#8a1538}
.canva-thumb-professional-sidebar .canva-side,.canva-thumb-navy-split .canva-side,.canva-thumb-corporate .canva-side{background:#0b3a75}.canva-thumb-minimalist .canva-side{background:#27272a}.canva-thumb-modern-red .canva-top{background:#e11d48}.canva-thumb-clean-purple .canva-side{background:#7c3aed}.canva-thumb-gold-luxury .canva-top{background:linear-gradient(135deg,#111827,#b8860b)}.canva-thumb-purple-tech .canva-side{background:#6d28d9}.canva-thumb-orange-startup .canva-top{background:#ea580c}.canva-thumb-teal-medical .canva-side{background:#0f766e}.canva-thumb-black-white .canva-side{background:#111}.canva-thumb-photo-header .canva-top{background:linear-gradient(135deg,#0284c7,#0f172a)}.canva-thumb-timeline .canva-timeline:before{background:#7c2d12}.canva-thumb-infographic .canva-info-grid .metric b{background:conic-gradient(#16a34a 0 75%,#dcfce7 75%)}.canva-thumb-compact-card .canva-card-grid>section{border-color:#cbd5e1}.canva-thumb-portfolio .canva-top{background:linear-gradient(135deg,#9333ea,#0f172a)}.canva-thumb-gradient .canva-top{background:linear-gradient(135deg,#db2777,#7c3aed,#0ea5e9)}.canva-thumb-executive-board .canva-card-head{background:#1e293b}.canva-thumb-executive-board .canva-card-head b,.canva-thumb-executive-board .canva-card-head em,.canva-thumb-executive-board .canva-card-head small{background:rgba(255,255,255,.83)}
@media(max-width:680px){.canva-thumb{min-height:260px}.canva-paper{transform:scale(1.12)}}

/* v20.76 - Tab kategori template surat */
.letter-category-tabs{
    display:grid;
    grid-template-columns:repeat(6,minmax(120px,1fr));
    gap:10px;
    margin:0 0 14px;
}
.letter-category-tab{
    border:1px solid #dbeafe;
    background:#f8fbff;
    color:#1e3a8a;
    min-height:64px;
    padding:10px 12px;
    text-align:left;
    cursor:pointer;
    font-family:inherit;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.letter-category-tab strong{font-size:13px;line-height:1.1;font-weight:900;color:inherit}
.letter-category-tab small{font-size:11px;font-weight:800;color:#64748b}
.letter-category-tab:hover{border-color:#93c5fd;background:#eff6ff;transform:translateY(-1px)}
.letter-category-tab.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.22)}
.letter-category-tab.active small{color:#dbeafe}
.letter-category-note{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    border:1px solid #e2e8f0;
    background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);
    padding:10px 12px;
    margin:0 0 18px;
    color:#334155;
}
.letter-category-note b{font-size:14px;font-weight:900;color:#0f172a}
.letter-category-note span{font-size:13px;color:#64748b;font-weight:700}
.letter-template-card.is-tab-hidden{display:none!important}
@media(max-width:1100px){.letter-category-tabs{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:680px){.letter-category-tabs{grid-template-columns:1fr 1fr}.letter-category-tab{min-height:56px;padding:9px}.letter-category-note{display:block}.letter-category-note span{display:block;margin-top:4px}}

/* v21.57 - Premium template thumbnails + KarirRapi Plus lock. */
.template-card-toolbar-badges{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important;min-width:0!important}
.template-card-toolbar-badges em{margin:0!important}
.template-premium-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;background:linear-gradient(135deg,#fef3c7,#fde68a)!important;color:#92400e!important;border:1px solid rgba(180,83,9,.18)!important;box-shadow:0 7px 18px rgba(180,83,9,.12)!important}
.template-premium-badge .ats-template-icon{width:13px!important;height:13px!important;stroke-width:2.25!important}
.template-premium-badge.template-premium-crown-only{width:30px;min-width:30px;padding:5px 0!important}
.template-gallery-card.is-premium-template{border-color:rgba(245,158,11,.42)!important;box-shadow:0 18px 52px rgba(180,83,9,.12),0 0 0 1px rgba(245,158,11,.08)!important}
.template-gallery-card.is-premium-template:hover{border-color:rgba(245,158,11,.72)!important;box-shadow:0 28px 70px rgba(180,83,9,.18)!important}
.template-premium-thumb-wrap{position:relative;border-radius:19px;overflow:hidden}
.template-premium-ribbon{position:absolute;z-index:6;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;padding:0;background:linear-gradient(135deg,#111827,#b45309);color:#fff;font-size:0;box-shadow:0 11px 24px rgba(15,23,42,.22);pointer-events:none}
.template-premium-ribbon .ats-template-icon{width:14px;height:14px;stroke-width:2.25!important}
.template-premium-lock-cover{position:absolute;z-index:7;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:#fff;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(120,53,15,.66));backdrop-filter:blur(2px);pointer-events:none;padding:18px}
.template-premium-lock-cover b{font-size:14px;font-weight:1000;letter-spacing:-.02em;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.template-premium-lock-cover small{max-width:150px;font-size:10.5px;line-height:1.35;font-weight:850;opacity:.95}
.template-gallery-card.is-premium-locked .template-premium-thumb-wrap>div:not(.template-premium-lock-cover){filter:saturate(.72) brightness(.86)}
.template-market-window .cv-template-card h2,.letter-card-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:40px}
.template-market-window .cv-template-card p,.letter-card-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.template-premium-lock-btn{background:linear-gradient(135deg,#b45309,#111827)!important;border-color:#b45309!important;color:#fff!important;box-shadow:0 13px 28px rgba(180,83,9,.20)!important}
.template-premium-lock-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}
.template-action-panel-fresh.is-premium-locked-panel{border-color:rgba(245,158,11,.55)!important;background:linear-gradient(135deg,#fffbeb,#ffffff)!important;box-shadow:0 18px 46px rgba(180,83,9,.12)!important}
@media(max-width:680px){.template-card-toolbar{align-items:flex-start!important}.template-card-toolbar-badges{justify-content:flex-start!important}.template-premium-lock-cover b{font-size:13px}.template-premium-lock-cover small{font-size:10px}.template-market-window .cv-template-card h2,.letter-card-copy h3{min-height:38px}}
.template-card-toolbar .template-card-toolbar-badges{background:transparent!important;color:inherit!important;border-radius:0!important;padding:0!important;font-size:inherit!important;font-weight:inherit!important;white-space:normal!important}
.template-card-toolbar .template-card-toolbar-badges em{display:inline-flex!important;align-items:center!important;gap:5px!important;border-radius:999px!important;padding:5px 9px!important;font-size:11px!important;font-weight:950!important;font-style:normal!important;white-space:nowrap!important}