:root{
 --rx-bg:#f5f7fb;--rx-card:#fff;--rx-ink:#172033;--rx-muted:#667085;--rx-primary:#6256e8;
 --rx-primary2:#8b5cf6;--rx-border:#e7eaf0;--rx-success:#17a673;--rx-danger:#dc3545;
}
body{background:var(--rx-bg);color:var(--rx-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.rx-nav{background:linear-gradient(110deg,#111827,#262342 60%,#4b3bbd);box-shadow:0 6px 22px rgba(17,24,39,.18)}
.rx-brand{font-weight:750;letter-spacing:-.02em}.rx-version{font-size:.72rem;background:rgba(255,255,255,.12);padding:.28rem .48rem;border-radius:999px}
.rx-hero{background:linear-gradient(135deg,#171b2d 0%,#4a3bc2 55%,#8a5cf6 100%);color:white;border-radius:1.4rem;padding:2rem 2.2rem;box-shadow:0 20px 50px rgba(76,55,180,.20);position:relative;overflow:hidden}
.rx-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08);right:-70px;top:-90px}
.rx-hero h1{font-weight:800;letter-spacing:-.035em}.rx-hero p{color:rgba(255,255,255,.78);max-width:780px}
.app-card{border:1px solid var(--rx-border);border-radius:1.15rem;transition:.2s ease;overflow:hidden;background:white;box-shadow:0 6px 22px rgba(22,32,51,.055)}
.app-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(22,32,51,.12);border-color:#d7d1ff}
.app-icon{width:3.25rem;height:3.25rem;border-radius:1rem;background:linear-gradient(135deg,#eeeaff,#f9f7ff);display:flex;align-items:center;justify-content:center;font-size:1.75rem}
.app-card h2{font-size:1.1rem;font-weight:750;letter-spacing:-.02em}.app-desc{color:var(--rx-muted);min-height:3rem}
.model-chip{display:inline-flex;align-items:center;gap:.35rem;background:#f4f1ff;color:#5747ca;padding:.3rem .55rem;border-radius:999px;font-size:.78rem}
.btn-rx{background:linear-gradient(135deg,var(--rx-primary),var(--rx-primary2));border:0;color:white;font-weight:650;border-radius:.7rem;padding:.58rem .9rem}.btn-rx:hover{color:white;filter:brightness(.96)}
.rx-card{border:1px solid var(--rx-border);border-radius:1rem;background:white;box-shadow:0 5px 18px rgba(22,32,51,.045)}
.section-title{font-weight:760;letter-spacing:-.025em}
.status-pill{display:inline-flex;align-items:center;gap:.38rem;border-radius:999px;padding:.32rem .62rem;font-size:.78rem;font-weight:650}
.status-waiting,.status-retry{background:#fff4d8;color:#8c6200}.status-reserved,.status-downloading,.status-processing,.status-uploading{background:#e9efff;color:#3558b8}.status-completed{background:#e2f8ef;color:#087c55}.status-failed,.status-cancelled{background:#ffe8eb;color:#b42332}
.status-dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}
.job-table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#7a8498;border-bottom-color:var(--rx-border)}.job-table td{vertical-align:middle;border-color:#f0f1f5}
.form-panel{background:white;border:1px solid var(--rx-border);border-radius:1.2rem;box-shadow:0 8px 30px rgba(22,32,51,.06);overflow:hidden}.form-panel .panel-head{padding:1.25rem 1.35rem;border-bottom:1px solid var(--rx-border);background:linear-gradient(180deg,#fff,#fbfbff)}
.form-panel .panel-body{padding:1.35rem}.form-label{font-weight:650;color:#344054}.form-control,.form-select{border-color:#dfe3eb;border-radius:.72rem;padding:.72rem .82rem}.form-control:focus,.form-select:focus{border-color:#8a79f5;box-shadow:0 0 0 .2rem rgba(98,86,232,.12)}
textarea.form-control{min-height:110px}.field-help{font-size:.82rem;color:var(--rx-muted)}
.upload-box{border:1.5px dashed #c9c4f4;background:#faf9ff;border-radius:.9rem;padding:1rem}.upload-box input{background:white}
.job-summary{position:sticky;top:1rem}.job-summary .badge{font-weight:600}
.progress-track{display:flex;gap:.45rem;flex-wrap:wrap}.progress-step{padding:.42rem .65rem;border-radius:.65rem;background:#eef1f6;color:#7a8498;font-size:.76rem;font-weight:650}.progress-step.active{background:#e9e4ff;color:#5948ca}.progress-step.done{background:#e3f8ef;color:#087c55}
.result-stage{background:linear-gradient(135deg,#111827,#262342);border-radius:1rem;padding:1rem;text-align:center}.result-stage img{max-height:74vh;max-width:100%;border-radius:.75rem;box-shadow:0 20px 45px rgba(0,0,0,.3)}
.result-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.meta-box{background:#f7f8fb;border:1px solid var(--rx-border);border-radius:.8rem;padding:.8rem}.meta-box small{display:block;color:var(--rx-muted);margin-bottom:.2rem}.meta-box strong{font-size:.95rem}
.empty-state{border:1px dashed #d9dce5;border-radius:1rem;padding:2.5rem;text-align:center;color:var(--rx-muted);background:#fbfcfe}
@media(max-width:767px){.rx-hero{padding:1.4rem}.app-desc{min-height:auto}.job-summary{position:static}.rx-nav .navbar-brand{font-size:1rem}}


/* V1.5.1: gleichmäßig ausgerichtete KI-Anwendungskarten */
.app-card .card-body{
  display:flex;
  flex-direction:column;
  height:100%;
}
.app-card .app-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:1rem;
  min-height:3.25rem;
}
.app-card .app-title{
  min-height:3.1rem;
  display:flex;
  align-items:flex-start;
  margin-bottom:.55rem;
}
.app-card .app-title h2{
  margin:0;
  line-height:1.3;
}
.app-card .app-desc{
  min-height:6.3rem;
  margin-bottom:1rem;
}
.app-card .app-model{
  min-height:2.15rem;
  display:flex;
  align-items:flex-start;
  margin-top:auto;
  margin-bottom:1rem;
}
.app-card .app-action{
  margin-top:0;
}
.app-card .app-action .btn{
  width:100%;
}
@media (max-width:1199px){
  .app-card .app-title{min-height:2.8rem}
  .app-card .app-desc{min-height:5.3rem}
}
@media (max-width:767px){
  .app-card .app-title,
  .app-card .app-desc,
  .app-card .app-model{
    min-height:0;
  }
}

@media (max-width: 767.98px){
  .rx-nav .container{gap:.5rem}
  .rx-nav .d-flex{flex-wrap:wrap;justify-content:flex-end}
  .rx-nav .btn{font-size:.78rem;padding:.3rem .55rem}
}