/* Einheitlicher Rahmen für die integrierten Alt-Projekte. */
.sg-tool-shell-header{position:relative;z-index:1000;background:rgba(247,246,241,.96);border-bottom:1px solid #deddd6;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#181817}
.sg-tool-shell-wrap{width:min(calc(100% - 32px),1120px);margin:0 auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sg-tool-brand{display:flex;align-items:center;gap:10px;color:#181817!important;text-decoration:none!important}.sg-tool-brand img{width:40px;height:40px;border-radius:12px}.sg-tool-brand span{display:flex;flex-direction:column}.sg-tool-brand strong{font-size:15px;line-height:1.15}.sg-tool-brand small{font-size:10px;color:#696963;margin-top:2px}
.sg-tool-shell-header nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sg-tool-shell-header nav a{color:#4f4f4a!important;text-decoration:none!important;font-size:12px;font-weight:800}.sg-tool-shell-header nav a:hover{color:#181817!important}.sg-tool-home{background:#181817!important;color:#fff!important;padding:8px 11px;border-radius:10px}
.sg-tool-shell-footer{margin-top:55px;background:#efeee9;border-top:1px solid #deddd6;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#696963}.sg-tool-shell-footer .sg-tool-shell-wrap{min-height:70px;font-size:11px}.sg-tool-shell-footer nav{display:flex;gap:14px}.sg-tool-shell-footer a{color:#5b5b56!important}
body{background:#f7f6f1!important;color:#181817!important}.container,.login-container,.register-container,.backend-container{border-radius:18px!important;border-color:#deddd6!important;box-shadow:0 12px 32px rgba(22,22,20,.06)!important;margin-top:28px!important}.container h1,.login-container h1,.login-container h2,.backend-container h1{letter-spacing:-.03em}.container a,.login-container a,.backend-container a{transition:.15s ease}
input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="date"],input[type="file"],textarea,select{border-radius:10px!important;border-color:#d5d4ce!important;background:#fff!important}button,input[type="submit"],a.btn,.btn{border-radius:10px!important;background:#181817!important;color:#fff!important;box-shadow:none!important}button:hover,input[type="submit"]:hover,a.btn:hover,.btn:hover{background:#333330!important;color:#fff!important}
table{border-radius:14px!important;overflow:hidden!important;border-color:#deddd6!important}details{border-radius:14px!important;border-color:#deddd6!important}
@media(max-width:760px){.sg-tool-shell-wrap{align-items:flex-start;padding:12px 0;flex-direction:column}.sg-tool-shell-header nav{gap:9px 13px}.sg-tool-shell-header nav a{font-size:11px}.sg-tool-shell-footer .sg-tool-shell-wrap{flex-direction:row;align-items:center}.container,.login-container,.register-container,.backend-container{width:min(calc(100% - 20px),1100px)!important;padding:16px!important}}

/* V2.3 – Konto-/Gastbereich im PDF-Upload */
.sg-upload-account-box{margin:18px 0;padding:16px 18px;border:1px solid #d7dce5;border-radius:14px;background:#f4f7fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.sg-upload-account-box strong{display:block;margin-bottom:4px}.sg-upload-account-box p{margin:4px 0 8px;color:#555;font-size:13px}.sg-upload-account-actions{display:flex;gap:14px;flex-wrap:wrap}.sg-upload-account-box a{font-size:12px;font-weight:800;color:#244f8e!important}.sg-field-help{display:block;margin:-6px 0 12px;color:#666;font-size:11px}


/* V2.9 – Copyshop/PDF-Upload optisch an die blaue Leistungswelt anbinden */
html[data-theme="blue"] body {
    background:#f7f9fc!important;
}
html[data-theme="blue"] .container,
html[data-theme="blue"] .backend-container {
    border-color:#c6d8f4!important;
}
html[data-theme="blue"] input[type="text"],
html[data-theme="blue"] input[type="password"],
html[data-theme="blue"] input[type="email"],
html[data-theme="blue"] input[type="number"],
html[data-theme="blue"] input[type="date"],
html[data-theme="blue"] input[type="file"],
html[data-theme="blue"] textarea,
html[data-theme="blue"] select {
    border:1px solid #c8d7ef!important;
    min-height:44px;
    padding:10px 12px!important;
}
html[data-theme="blue"] textarea {
    min-height:100px;
}
html[data-theme="blue"] input:focus,
html[data-theme="blue"] textarea:focus,
html[data-theme="blue"] select:focus {
    outline:2px solid rgba(84,139,232,.18)!important;
    border-color:#548be8!important;
}
html[data-theme="blue"] button,
html[data-theme="blue"] input[type="submit"],
html[data-theme="blue"] input[type="button"],
html[data-theme="blue"] .btn {
    background:#2f68c7!important;
    border-color:#2f68c7!important;
}
html[data-theme="blue"] button:hover,
html[data-theme="blue"] input[type="submit"]:hover,
html[data-theme="blue"] input[type="button"]:hover,
html[data-theme="blue"] .btn:hover {
    background:#2458ad!important;
}
html[data-theme="blue"] strong {
    color:#2f68c7;
}
html[data-theme="blue"] hr {
    border:0!important;
    height:2px!important;
    background:#548be8!important;
}

/* Bezahlen/Rechnungen: vier Farben statt einer fremden Einzelfarbe */
html[data-theme="multi"] .backend-container,
html[data-theme="multi"] .container,
html[data-theme="multi"] .login-container {
    border-color:#d8d7d1!important;
    background:#fff!important;
}
html[data-theme="multi"] hr {
    border:0!important;
    height:3px!important;
    background:linear-gradient(90deg,#f3c64d 0 25%,#ee625f 25% 50%,#548be8 50% 75%,#55aa72 75% 100%)!important;
}


/* V3.0 – zentrale Copyshop-Preise */
.sg-central-price-link {
    margin-top:12px!important;
    font-size:11px!important;
}
.sg-central-price-link a {
    color:#2f68c7!important;
    font-weight:900!important;
}

/* PDF-Upload: frei pflegbare Zusatzleistungen aus der zentralen Preisliste. */
.sg-upload-services {
    margin: 18px 0;
    padding: 18px;
    border: 1px solid #cfdaf0;
    border-radius: 16px;
    background: #f8fbff;
}

.sg-upload-services-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.sg-upload-services-head h2,
.sg-upload-service-group h3 {
    margin: 0;
}

.sg-upload-services-head p {
    max-width: 430px;
    margin: 2px 0 0;
    color: #606b7b;
    font-size: 13px;
}

.sg-upload-services-kicker {
    display: block;
    margin-bottom: 4px;
    color: #2d65c4;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sg-upload-service-groups {
    display: grid;
    gap: 14px;
}

.sg-upload-service-group {
    padding: 14px;
    border: 1px solid #dde5f2;
    border-radius: 13px;
    background: #fff;
}

.sg-upload-service-group h3 {
    margin-bottom: 10px;
    color: #1f2937;
    font-size: 14px;
}

.sg-upload-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.sg-upload-service-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 11px 12px;
    border: 1px solid #e3e8f1;
    border-radius: 11px;
    background: #fff;
    cursor: pointer;
}

.sg-upload-service-option:hover {
    border-color: #aac2eb;
    background: #f8fbff;
}

.sg-upload-service-option:has(input:checked) {
    border-color: #4f7fd0;
    background: #eef5ff;
    box-shadow: inset 0 0 0 1px rgba(79, 127, 208, .12);
}

.sg-upload-service-option input {
    width: 18px;
    height: 18px;
    margin: 0;
}

.sg-upload-service-copy,
.sg-upload-service-price {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sg-upload-service-copy small,
.sg-upload-service-price small {
    color: #6b7280;
    font-size: 11px;
}

.sg-upload-service-price {
    text-align: right;
    color: #245fbe;
    white-space: nowrap;
}

.sg-upload-service-note {
    margin: 12px 0 0;
    color: #6b7280;
    font-size: 11px;
}

@media (max-width: 720px) {
    .sg-upload-services-head {
        display: block;
    }

    .sg-upload-services-head p {
        margin-top: 8px;
    }

    .sg-upload-service-grid {
        grid-template-columns: 1fr;
    }
}