.hsdsync-eiv{--eiv-dark:#012626;--eiv-teal:#025951;--eiv-green:#04bf7b;--eiv-pale:#cef2d7;--eiv-light:#f2f2f2;--eiv-white:#fff;--eiv-border:#cfd8d6;--eiv-error:#8a1c1c;max-width:980px;margin:0 auto;color:var(--eiv-dark);font-family:"Open Sans",system-ui,sans-serif}.hsdsync-eiv *{box-sizing:border-box}.hsdsync-eiv__intro{text-align:center;margin-bottom:2rem}.hsdsync-eiv__intro h1,.hsdsync-eiv__result h2{font-family:"Josefin Sans",system-ui,sans-serif;color:var(--eiv-dark)}.hsdsync-eiv__intro h1{font-size:clamp(2.25rem,3.2vw,3.4rem);line-height:1.08;margin:0 0 .8rem}.hsdsync-eiv__intro p{max-width:680px;margin:0 auto;font-size:1.0625rem;line-height:1.7}.hsdsync-eiv__form{background:var(--eiv-white);border:1px solid var(--eiv-border);border-radius:20px;padding:clamp(1rem,4vw,2rem)}.hsdsync-eiv__dropzone{border:2px dashed #8aa6a1;border-radius:16px;min-height:240px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:border-color .2s ease,background-color .2s ease}.hsdsync-eiv__dropzone.is-dragging{background:#f2fbf5;border-color:var(--eiv-green)}.hsdsync-eiv__upload-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:1rem;border-radius:50%;background:var(--eiv-pale);color:var(--eiv-dark);font-size:1.75rem;font-weight:700}.hsdsync-eiv__label{font-weight:700;font-size:1.125rem;margin-bottom:.35rem}.hsdsync-eiv__hint{margin:0 0 1rem;color:#405653}.hsdsync-eiv__file{max-width:100%;font:inherit}.hsdsync-eiv__file::file-selector-button{margin-right:.75rem;padding:.7rem 1rem;border:2px solid var(--eiv-dark);border-radius:64px;background:var(--eiv-white);color:var(--eiv-dark);font:inherit;font-weight:700;cursor:pointer}.hsdsync-eiv__formats{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem}.hsdsync-eiv__formats span{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:var(--eiv-light);font-size:.875rem}.hsdsync-eiv__button{display:block;min-width:190px;margin:1.25rem auto 0;padding:.95rem 1.35rem;border:2px solid var(--eiv-dark);border-radius:64px;background:var(--eiv-dark);color:var(--eiv-white);text-transform:uppercase;letter-spacing:.04em;font:inherit;font-weight:700;cursor:pointer}.hsdsync-eiv__button:hover,.hsdsync-eiv__button:focus-visible{background:var(--eiv-white);color:var(--eiv-dark);border-color:var(--eiv-green)}.hsdsync-eiv__button:disabled{cursor:not-allowed;opacity:.6}.hsdsync-eiv a:focus-visible,.hsdsync-eiv button:focus-visible,.hsdsync-eiv input:focus-visible,.hsdsync-eiv summary:focus-visible,.hsdsync-eiv [tabindex="-1"]:focus-visible{outline:3px solid var(--eiv-green);outline-offset:3px}.hsdsync-eiv__selected,.hsdsync-eiv__status,.hsdsync-eiv__unavailable{text-align:center}.hsdsync-eiv__selected{margin:1rem 0 0;font-weight:700}.hsdsync-eiv__status{min-height:1.5rem;margin-top:1rem}.hsdsync-eiv__unavailable{color:var(--eiv-error);font-weight:700}.hsdsync-eiv__result{margin-top:1.5rem;border:1px solid var(--eiv-border);border-radius:20px;overflow:hidden;background:var(--eiv-white)}.hsdsync-eiv__result-head{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem}.hsdsync-eiv__result-head.is-valid{background:#edf9f1}.hsdsync-eiv__result-head.is-invalid{background:#fff3f3}.hsdsync-eiv__result-symbol{flex:0 0 42px;display:grid;place-items:center;width:42px;height:42px;border:2px solid currentColor;border-radius:50%;font-weight:800}.hsdsync-eiv__result-head h2{margin:0 0 .35rem;font-size:1.5rem}.hsdsync-eiv__result-head p{margin:0}.hsdsync-eiv__meta{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--eiv-border)}.hsdsync-eiv__meta div{padding:1rem 1.25rem}.hsdsync-eiv__meta div+div{border-left:1px solid var(--eiv-border)}.hsdsync-eiv__meta dt{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hsdsync-eiv__meta dd{margin:.35rem 0 0;overflow-wrap:anywhere}.hsdsync-eiv__technical{padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--eiv-border)}.hsdsync-eiv__technical summary,.hsdsync-eiv__details summary{cursor:pointer;font-weight:700}.hsdsync-eiv__technical li{margin-bottom:.5rem}.hsdsync-eiv__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;padding:1rem 0;color:#405653;font-size:.875rem}.hsdsync-eiv__trust span::before{content:"✓";margin-right:.4rem;color:var(--eiv-teal);font-weight:800}.hsdsync-eiv__counter{text-align:center;font-weight:700}.hsdsync-eiv__details{margin-top:1rem;padding:1rem 1.25rem;border-radius:12px;background:var(--eiv-light)}.hsdsync-eiv__details div{padding-top:.75rem}.hsdsync-eiv__details p:last-child{margin-bottom:0}@media(max-width:720px){.hsdsync-eiv__meta{grid-template-columns:1fr}.hsdsync-eiv__meta div+div{border-left:0;border-top:1px solid var(--eiv-border)}}
.hsdsync-eiv__result-head.is-warning{background:#fff8e5}
.hsdsync-eiv__result-head.is-neutral{background:#f2f2f2}
.hsdsync-eiv__meta--status{border-top:1px solid var(--eiv-border)}
.hsdsync-eiv__meta small{display:block;margin-top:.35rem;color:#405653;font-size:.75rem;overflow-wrap:anywhere}
.hsdsync-eiv__counts{margin-top:.6rem!important;font-size:.9rem;font-weight:700}
.hsdsync-eiv__message--error strong{color:#8a1c1c}
.hsdsync-eiv__message--warning strong{color:#795600}
.hsdsync-eiv__message--notice strong{color:#025951}

/* V1.0.1 – visuelle Hierarchie und mobile Upload-Darstellung */
@media (max-width: 720px) {
    .hsdsync-eiv__intro h2 {
        font-size: clamp(2rem, 9vw, 2.65rem);
        line-height: 1.08;
    }

    .hsdsync-eiv__file {
        max-width: 100%;
        color: transparent;
        text-align: center;
    }

    .hsdsync-eiv__file::file-selector-button {
        display: block;
        margin: 0 auto;
        color: var(--eiv-dark);
    }

    .hsdsync-eiv__selected {
        margin-top: .75rem;
        overflow-wrap: anywhere;
    }
}

/* V1.0.4 – semantische Ergebnisstruktur */
.hsdsync-eiv__result-head h2 {
    margin: 0 0 .35rem;
    font-size: 1.5rem;
    line-height: 1.25;
}

.hsdsync-eiv__information {
    margin-top: 1.5rem;
}

.hsdsync-eiv__information > h2 {
    font-family: "Josefin Sans", system-ui, sans-serif;
    color: var(--eiv-dark);
    font-size: 1.35rem;
    line-height: 1.3;
    margin: 0 0 .75rem;
}

/* V1.0.6 – plugin-interne mobile Upload-Darstellung */
@media (max-width: 720px) {
    .hsdsync-eiv__intro h1 {
        font-size: clamp(2rem, 9vw, 2.65rem);
        line-height: 1.08;
    }

    .hsdsync-eiv__file {
        width: 100%;
        max-width: 100%;
        color: transparent;
        text-align: center;
    }

    .hsdsync-eiv__file::file-selector-button {
        display: block;
        margin: 0 auto;
        color: var(--eiv-dark);
    }

    .hsdsync-eiv__selected {
        display: block;
        margin-top: .75rem;
        overflow-wrap: anywhere;
        color: var(--eiv-dark);
    }
}