/* FairControl Betriebsübersicht */
.operations-workspace{max-width:1700px}.operations-heading{align-items:flex-end}.operations-live{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border:1px solid #cfe2d7;border-radius:999px;background:#f5fbf7;color:#246847;font-weight:750;white-space:nowrap}.operations-live i{width:.65rem;height:.65rem;border-radius:50%;background:#27b36a;box-shadow:0 0 0 6px rgba(39,179,106,.12);animation:operation-pulse 2.4s ease-out infinite}@keyframes operation-pulse{0%,40%{box-shadow:0 0 0 2px rgba(39,179,106,.18)}80%,100%{box-shadow:0 0 0 9px rgba(39,179,106,0)}}
.operations-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.3rem 0}.operation-metric{display:flex;align-items:center;gap:1rem;min-height:116px;padding:1.25rem;border:1px solid #dce7e1;border-radius:24px;background:#fff;color:#17382a;box-shadow:0 15px 34px rgba(22,57,43,.06);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.operation-metric:hover{transform:translateY(-3px);box-shadow:0 19px 38px rgba(22,57,43,.1)}.operation-metric>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;font-size:1.25rem;font-weight:900;background:#eaf7ef;color:#238153}.operation-metric strong{display:block;font-size:2.05rem;line-height:1}.operation-metric small{display:block;margin-top:.45rem;color:#697d73;font-weight:700}.operation-metric.is-warning>span{background:#fff4db;color:#a66c08}.operation-metric.is-error>span{background:#ffebe9;color:#b64239}.operation-metric.is-update>span{background:#eaf0ff;color:#315da8}
.operations-panel{padding:1rem}.operations-filters{display:grid;grid-template-columns:minmax(280px,1fr) 240px auto;gap:.75rem;padding:.25rem .25rem 1.1rem}.operations-filters input,.operations-filters select{min-height:50px;border:1px solid #cfddd5;border-radius:14px;background:#fff;padding:0 1rem;color:#17382a;font:inherit}.operation-list{display:grid;gap:.85rem}.operation-row{border:1px solid #dbe7e0;border-radius:20px;padding:1rem 1.1rem;background:linear-gradient(135deg,#fff,#fbfdfc);overflow:hidden}.operation-row.has-warning{border-color:#eadbb8;background:linear-gradient(135deg,#fff,#fffaf0)}.operation-identity{display:flex;align-items:center;gap:.8rem;padding-bottom:.9rem;border-bottom:1px solid #e7efea}.operation-identity>div{flex:1;min-width:0}.operation-identity a{color:#17382a;text-decoration:none;font-size:1.05rem}.operation-identity small{display:block;margin-top:.15rem;color:#718078}.operation-dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:#adb8b2;box-shadow:0 0 0 5px rgba(126,142,133,.12)}.operation-state-online .operation-dot,.operation-dot-online{background:#25a863;box-shadow:0 0 0 5px rgba(37,168,99,.13)}.operation-state-delayed .operation-dot,.operation-dot-delayed{background:#e2a21d;box-shadow:0 0 0 5px rgba(226,162,29,.13)}.operation-state-offline .operation-dot,.operation-dot-offline{background:#d65349;box-shadow:0 0 0 5px rgba(214,83,73,.13)}.operation-state-label{padding:.38rem .7rem;border-radius:999px;background:#edf6f0;color:#246847;font-size:.78rem;font-weight:800}.has-warning .operation-state-label{background:#fff0cf;color:#875b0e}
.operation-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;padding-top:.9rem}.operation-facts>div{padding:.75rem;border-radius:14px;background:rgba(240,247,243,.7)}.operation-facts small,.operation-facts span{display:block;color:#73847b;font-size:.76rem}.operation-facts strong{display:block;margin:.22rem 0;color:#17382a;font-size:.95rem}.operation-facts .mini-alert,.mini-alert{display:inline-flex;width:fit-content;margin-top:.2rem;padding:.25rem .5rem;border-radius:999px;background:#fff0cf;color:#8b5d08;font-weight:800}.operation-facts .mini-ok{color:#258053;font-weight:800}.text-warning{color:#a56608!important;font-weight:750}.storage-meter{height:6px;margin:.45rem 0;border-radius:99px;background:#dfe8e3;overflow:hidden}.storage-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#31a668,#e4a424)}.operation-error{margin-top:.8rem;padding:.7rem .85rem;border-radius:12px;background:#ffefed;color:#9d3f37;font-size:.85rem}.subscription-operation{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.8rem;padding:.75rem .9rem;border-radius:14px;background:#f2f7f4;color:#65796e;font-size:.82rem}.subscription-operation strong{color:#17382a}
.platform-status-card{padding:1.25rem;margin:1.2rem 0;border-radius:25px;background:linear-gradient(135deg,#fff 0%,#f6fbf8 100%)}.platform-status-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.1rem .2rem 1rem;border-bottom:1px solid #e2ece6}.platform-status-head>div{display:flex;align-items:center;gap:.9rem}.platform-status-head h2{margin:.15rem 0 0}.platform-status-head small{color:#6d7f75;font-weight:700}.platform-facts{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:1rem}.operation-error ul{margin:.4rem 0 0;padding-left:1.2rem}.tenant-list{display:grid;gap:.8rem}.tenant-row{display:grid;grid-template-columns:minmax(240px,1.25fr) minmax(360px,2fr) auto;align-items:center;gap:1rem;padding:1rem;border:1px solid #dce7e1;border-radius:18px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.tenant-row:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(22,57,43,.08)}.tenant-identity{display:flex;align-items:center;gap:.8rem;min-width:0}.tenant-identity>div{min-width:0}.tenant-identity a{color:#17382a;text-decoration:none}.tenant-identity small{display:block;color:#718078}.tenant-facts{display:flex;flex-wrap:wrap;gap:.5rem}.tenant-facts span{padding:.38rem .65rem;border-radius:999px;background:#f1f7f3;color:#516b5e;font-size:.78rem;font-weight:750}.tenant-facts .is-warning{background:#fff0cf;color:#875b0e}
@media(max-width:1050px){.operations-metrics,.operation-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-row{grid-template-columns:1fr}.tenant-row>.secondary-link{justify-self:start}}@media(max-width:680px){.operations-metrics,.operation-facts,.operations-filters{grid-template-columns:1fr}.operations-live{display:none}.platform-status-head{align-items:flex-start;flex-direction:column}}

html[data-theme="dark"] .operations-live{border-color:#315941;color:#b8efcb;background:#173522}
html[data-theme="dark"] .operation-metric{border-color:#2d4337;color:#e7f1eb;background:linear-gradient(145deg,#142219,#111d16);box-shadow:0 15px 34px rgba(0,0,0,.18)}
html[data-theme="dark"] .operation-metric small{color:#91a79b}
html[data-theme="dark"] .operations-filters input,
html[data-theme="dark"] .operations-filters select{color-scheme:light;border-color:#789084;color:#17372a;background:#f8fbf9}
html[data-theme="dark"] .operation-row,
html[data-theme="dark"] .operation-row.has-warning{border-color:#2d4337;color:#e7f1eb;background:linear-gradient(145deg,#142219,#111d16)}
html[data-theme="dark"] .operation-identity{border-color:#2d4337}
html[data-theme="dark"] .operation-identity a,
html[data-theme="dark"] .operation-facts strong,
html[data-theme="dark"] .subscription-operation strong,
html[data-theme="dark"] .tenant-identity a{color:#e7f1eb}
html[data-theme="dark"] .operation-identity small,
html[data-theme="dark"] .operation-facts small,
html[data-theme="dark"] .operation-facts span,
html[data-theme="dark"] .subscription-operation,
html[data-theme="dark"] .tenant-identity small{color:#91a79b}
html[data-theme="dark"] .operation-facts>div,
html[data-theme="dark"] .subscription-operation,
html[data-theme="dark"] .tenant-facts span{background:#18291f}
html[data-theme="dark"] .storage-meter{background:#2b3e34}
html[data-theme="dark"] .platform-status-card,
html[data-theme="dark"] .tenant-row{border-color:#2d4337;color:#e7f1eb;background:linear-gradient(145deg,#142219,#111d16);box-shadow:0 14px 30px rgba(0,0,0,.16)}
html[data-theme="dark"] .platform-status-head{border-color:#2d4337}
html[data-theme="dark"] .platform-status-head small{color:#91a79b}

@media(max-width:680px){
  .operations-heading{align-items:stretch}
  .operations-heading .primary-link{width:100%}
  .operations-metrics{gap:.7rem}
  .operation-metric{min-height:96px;padding:1rem;border-radius:19px}
  .operation-metric>span{width:46px;height:46px;border-radius:14px}
  .operation-metric strong{font-size:1.65rem}
  .operations-panel{padding:.75rem}
  .operations-filters{padding:0 0 .85rem}
  .operation-row{padding:.85rem;border-radius:16px}
  .operation-facts{gap:.55rem}
  .operation-facts>div{padding:.65rem}
  .tenant-row{padding:.85rem}
}
