/* Gemeinsames Seitendesign für klassische MySRS.one-Seiten */
:root{--mysrs-surface:#fff;--mysrs-soft:#f8fafc;--mysrs-line:#dfe6ee;--mysrs-line2:#cbd7e3;--mysrs-text:#142033;--mysrs-muted:#68778b;--mysrs-primary:#2563eb;--mysrs-primary-soft:#eaf2ff;--mysrs-success:#15803d;--mysrs-warning:#a16207;--mysrs-danger:#b42318;--mysrs-radius:15px;--mysrs-shadow:0 12px 38px rgba(30,48,72,.055)}
.card,.panel,.box,.content-box,.admin-card{background:var(--mysrs-surface)!important;color:var(--mysrs-text)!important;border:1px solid var(--mysrs-line)!important;border-radius:var(--mysrs-radius)!important;box-shadow:var(--mysrs-shadow)!important;padding:20px!important;margin-bottom:18px!important}
.card h1,.card h2,.card h3,.panel h1,.panel h2,.box h1,.box h2,.admin-card h1,.admin-card h2{color:var(--mysrs-text)!important;margin-top:0;letter-spacing:-.025em}.card h2,.panel h2,.box h2,.admin-card h2{font-size:22px}.card h3,.panel h3{font-size:17px}.muted,.subtitle,.hint,.help-text,.tile-sub,small{color:var(--mysrs-muted)!important}.info_head,.page-title{color:var(--mysrs-text)!important;font-size:clamp(30px,3vw,44px)!important;font-weight:850!important;letter-spacing:-.04em;margin:0 0 28px!important}
.page-head,.card-head,.toolbar,.actions{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.grid-2,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.tile,.admin-tile,.nav-box{display:flex;gap:16px;align-items:flex-start;background:var(--mysrs-surface)!important;border:1px solid var(--mysrs-line)!important;border-radius:13px!important;padding:15px!important;color:var(--mysrs-text)!important;text-decoration:none!important;box-shadow:0 7px 24px rgba(30,48,72,.035)!important;transition:.18s ease}.tile:hover,.admin-tile:hover,.nav-box:hover{background:var(--mysrs-soft)!important;border-color:#b9cce4!important;transform:translateY(-2px)!important;box-shadow:0 15px 34px rgba(30,48,72,.08)!important}.tile-title,.admin-tile strong,.nav-box strong{color:var(--mysrs-text)!important;font-weight:760}.tile i,.admin-tile i,.nav-box i{color:var(--mysrs-primary)!important}
.btn,button,input[type=submit],input[type=button]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 15px;border-radius:12px!important;border:1px solid var(--mysrs-line2)!important;background:var(--mysrs-surface)!important;color:var(--mysrs-text)!important;text-decoration:none!important;cursor:pointer;box-sizing:border-box;font-weight:750;transition:.15s ease}.btn:hover,button:hover,input[type=submit]:hover,input[type=button]:hover{background:var(--mysrs-soft)!important;border-color:#afc2d8!important;transform:translateY(-1px)}.btn-primary,.btn-ok,.success-btn{background:linear-gradient(135deg,#2563eb,#2187d9)!important;border-color:transparent!important;color:#fff!important}.btn-danger,.danger,.delete-btn{background:#fff5f4!important;border-color:#f1c2bd!important;color:var(--mysrs-danger)!important}
.table-wrap{overflow:auto;border:1px solid var(--mysrs-line);border-radius:13px;background:var(--mysrs-surface);box-shadow:0 9px 28px rgba(30,48,72,.04)}table.table,.fin-table,.card table{width:100%;border-collapse:separate;border-spacing:0;color:var(--mysrs-text);background:var(--mysrs-surface)}table.table th,.fin-table th,.card table th{background:var(--mysrs-soft)!important;color:var(--mysrs-muted)!important;font-size:10px;text-transform:uppercase;letter-spacing:.075em;text-align:left;border-bottom:1px solid var(--mysrs-line)!important;padding:12px 14px;white-space:nowrap}table.table td,.fin-table td,.card table td{border-bottom:1px solid var(--mysrs-line)!important;padding:12px 14px;vertical-align:middle}table.table tr:last-child td,.fin-table tr:last-child td,.card table tr:last-child td{border-bottom:0!important}table.table tbody tr:hover,.fin-table tbody tr:hover,.card table tbody tr:hover{background:#fafcfe}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=file],select,textarea{width:100%;box-sizing:border-box;background:#fff!important;color:var(--mysrs-text)!important;border:1px solid var(--mysrs-line2)!important;border-radius:10px!important;padding:9px 11px;font:inherit;min-height:42px}textarea{min-height:120px}input:focus,select:focus,textarea:focus{outline:0!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;border-color:var(--mysrs-primary)!important}label{color:#536176!important;font-size:12px;font-weight:750}.notice-warn,.alert-warning,.warning{background:#fff8ea!important;border:1px solid #eedcac!important;color:var(--mysrs-warning)!important}.notice-ok,.alert-success{background:#effaf3!important;border:1px solid #ccead7!important;color:var(--mysrs-success)!important}.notice-error,.alert-danger{background:#fff3f2!important;border:1px solid #efc9c5!important;color:var(--mysrs-danger)!important}
.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kpi{background:var(--mysrs-surface)!important;border:1px solid var(--mysrs-line)!important;border-radius:14px!important;padding:18px!important;color:var(--mysrs-text)!important;box-shadow:0 7px 24px rgba(30,48,72,.035)!important;min-height:110px}.kpi .label{color:var(--mysrs-muted)!important;font-size:11px;font-weight:800}.kpi .value{font-size:clamp(23px,2vw,32px);font-weight:850;letter-spacing:-.035em;margin-top:8px}
form .grid,form.grid{gap:18px}.form-row,.field-row{gap:14px}.badge,.pill,.status{border-radius:999px!important}hr{border:0;border-top:1px solid var(--mysrs-line);margin:24px 0}
html[data-theme="dark"],body.dark-mode{--mysrs-surface:#111c29;--mysrs-soft:#172435;--mysrs-line:#29394d;--mysrs-line2:#3a4c61;--mysrs-text:#edf4fc;--mysrs-muted:#9cafc4;--mysrs-primary:#70a0ff;--mysrs-primary-soft:#1c3154;--mysrs-shadow:none}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:var(--mysrs-soft)!important;color:var(--mysrs-text)!important}html[data-theme="dark"] table.table tbody tr:hover,html[data-theme="dark"] .fin-table tbody tr:hover,html[data-theme="dark"] .card table tbody tr:hover{background:var(--mysrs-soft)}
@media(max-width:1050px){.grid-3,.grid-4,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.grid-2,.grid-3,.grid-4,.kpi-grid{grid-template-columns:1fr}.card,.panel,.box,.content-box,.admin-card{padding:20px!important}.page-head,.card-head{flex-direction:column}.btn,button,input[type=submit],input[type=button]{min-height:44px}}