.tc-cert-showcase-fields{margin-top:16px;padding-top:16px;border-top:1px solid #dce7e9;min-width:0}
.tc-cert-setting__fields.tc-cert-setting__fields--showcase{max-width:none}
.tc-cert-setting__fields--showcase>input{max-width:220px}
.tc-cert-showcase-fields__heading{margin:0 0 12px;color:#005b6f;font-size:14px;font-weight:800}
.tc-cert-showcase-fields__names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tc-cert-showcase-fields__visible{margin:14px 0;align-items:flex-start!important}
.tc-cert-showcase-fields input[type=file]{max-width:100%;font-size:12px;height:auto;padding:10px}
.tc-cert-sample-preview{margin-top:12px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.tc-cert-sample-preview[hidden]{display:none}
.tc-cert-sample-preview a{display:block;width:min(100%,280px);border:1px solid #dce7e9;border-radius:10px;padding:8px;background:#fff}
.tc-cert-sample-preview img{display:block;width:100%;height:150px;object-fit:contain}
.tc-cert-showcase-error{font-size:12px;color:#b42318}
.tc-cert-showcase-save{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #dce7e9}
.tc-cert-showcase-save p{margin:0;flex:1;min-width:180px}
.certificate-showcase__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.certificate-showcase__card{min-width:0;overflow:hidden;border:1px solid #dce7e9;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(0,75,91,.04)}
.certificate-showcase__sample{display:block;padding:14px;background:linear-gradient(135deg,#f2f8f9,#fcfaf2);border-bottom:1px solid #e7edef;cursor:zoom-in}
.certificate-showcase__sample img{display:block;width:100%;height:auto;aspect-ratio:1.414;object-fit:contain;background:#fff;border-radius:5px}
.certificate-showcase__body{padding:18px}
.certificate-showcase__title{margin:0!important;font-size:16px!important;font-weight:800;line-height:1.65!important;color:#063b4a;overflow-wrap:anywhere}
.certificate-showcase__title i{color:#aa953d;margin-inline-end:6px}
.certificate-showcase__note{margin:7px 0 0!important;color:#70818a;font-size:12px!important;line-height:1.6!important}
.certificate-showcase__sample:focus-visible{outline:3px solid #00859c;outline-offset:-4px}
.certificate-sample-lightbox{position:fixed;inset:0;width:min(1100px,94vw);max-width:94vw;max-height:94dvh;margin:auto;padding:46px 18px 16px;border:0;border-radius:16px;background:#fff;color:#063b4a;box-shadow:0 20px 80px #0006}
.certificate-sample-lightbox::backdrop{background:rgba(3,28,38,.82)}
.certificate-sample-lightbox img{display:block;width:100%;max-height:75dvh;object-fit:contain}
.certificate-sample-lightbox p{margin:12px 0 0;text-align:center;font-size:14px;font-weight:700}
.certificate-sample-lightbox__close{position:absolute;top:9px;inset-inline-end:12px;width:32px;height:32px;border:0;border-radius:50%;background:#eef5f6;color:#063b4a;font-size:26px;line-height:1;cursor:pointer}
body:has(.certificate-sample-lightbox[open]){overflow:hidden}
@media(max-width:600px){.tc-cert-showcase-fields__names{grid-template-columns:1fr}.certificate-showcase__grid{gap:10px}.certificate-showcase__sample{padding:7px}.certificate-showcase__body{padding:12px 10px}.certificate-showcase__title{font-size:13px!important}.certificate-showcase__note{font-size:10px!important}.certificate-showcase__card{border-radius:12px}}
