.plant-cover {
 --point-x:32.2%; --point-y:20.5%; --card-left:55%;
 position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:40/21;margin:0;overflow:hidden;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f3f3;
}
.plant-cover--standard {aspect-ratio:3/2;--point-x:27.4%;}
.plant-cover__photo {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.plant-cover__line {position:absolute;left:calc(var(--point-x) + 7px);top:calc(var(--point-y) - .5px);width:calc(var(--card-left) - var(--point-x) - 7px);height:1px;overflow:visible;}
.plant-cover__line line {stroke:rgba(51,46,48,.7);stroke-width:1;vector-effect:non-scaling-stroke;}
.plant-cover__marker {position:absolute;left:var(--point-x);top:var(--point-y);width:14px;height:14px;box-sizing:border-box;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:transparent;outline:1px solid rgba(18,35,28,.85);}
.detail-card {position:absolute;box-sizing:border-box;left:var(--card-left);width:42%;top:15%;height:64%;padding:clamp(18px,2.33cqw,28px);background:#332e30;border:1px solid #484445;border-radius:16px;display:flex;flex-direction:column;}
.detail-card__header {padding-bottom:clamp(14px,2cqw,24px);border-bottom:1px solid #555153;}
.detail-card__heading-row {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.detail-card h3 {margin:0;font-size:clamp(20px,2.5cqw,30px);font-weight:750;line-height:1.15;letter-spacing:-.025em;white-space:nowrap;}
.detail-card__uuid {margin:10px 0 0;color:#aaa7ab;font-size:clamp(10px,1.08cqw,13px);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-card__button {display:inline-block;padding:6px 11px;background:#fff;color:#303847;border:1px solid #d5d6da;border-radius:999px;font-size:clamp(10px,1cqw,12px);font-weight:750;line-height:1.3;white-space:nowrap;}
.detail-card__grid {margin:24px 0 0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 24px;align-content:start;}
.detail-field {min-width:0;}
.detail-field dt {margin-bottom:8px;color:#a9adb9;font-weight:750;font-size:clamp(10px,1.08cqw,13px);line-height:1.3;letter-spacing:.035em;}
.detail-field dd {margin:0;color:#f3f3f3;font-size:clamp(18px,2.16cqw,26px);font-weight:500;line-height:1.35;white-space:nowrap;}
.detail-field:nth-child(2) dd {font-size:clamp(16px,1.75cqw,21px);}
.plant-cover[lang="de"] [lang="en"],.plant-cover[lang="en"] [lang="de"] {display:none;}
@container(max-width:700px) {
 .detail-card {padding:18px;border-radius:12px;height:70%;}
 .detail-card h3 {font-size:22px;}
 .detail-card__uuid,.detail-card__button,.detail-field--secondary {display:none;}
 .detail-card__header {padding-bottom:14px;}
 .detail-card__grid {grid-template-columns:1fr;gap:28px;margin-top:18px;align-content:center;}
 .detail-field dt {font-size:10px;margin-bottom:4px;}
 .detail-field dd {font-size:22px;}
 .plant-cover__marker {width:10px;height:10px;}
 .plant-cover__line {left:calc(var(--point-x) + 5px);width:calc(var(--card-left) - var(--point-x) - 5px);}
}
@container(max-width:479px) {.detail-card,.plant-cover__line,.plant-cover__marker {display:none;}}

.plant-cover__marker::after {content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:#22463b;}

/* MES-specific task card; marker, typeface and dark connector follow the approved twin. */
.mes-cover {--point-x:44.642857%;--point-y:47.619048%;}
.mes-cover--standard {--point-x:44.642857%;--point-y:40.178571%;}
.mes-connector {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.mes-connector path {fill:none;stroke:rgba(51,46,48,.7);stroke-width:1;vector-effect:non-scaling-stroke;}
.task-card {position:absolute;box-sizing:border-box;left:81.5%;bottom:3%;width:16.5%;height:53%;padding:16px;background:#332e30;border:1px solid #514b4e;border-radius:16px;display:flex;flex-direction:column;gap:14px;box-shadow:none;}
.mes-cover--b .task-card {left:2%;width:27%;bottom:2%;}
.task-card__heading {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;}
.task-card h3 {margin:0;color:#f3f3f3;font-size:20px;font-weight:750;line-height:1.2;letter-spacing:-.025em;}
.task-card__badge {border:1px solid #3e6078;background:#263e51;color:#c7d9e8;border-radius:999px;padding:3px 7px;font-size:10px;line-height:1.3;font-weight:600;white-space:nowrap;}
.task-card__meta {display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;}
.task-card__meta li {padding:4px 6px;border:1px solid #555052;border-radius:7px;background:#3b3638;color:#d2cfd1;font-size:10px;line-height:1.35;}
.task-card__requirements {margin:0;padding:0;list-style:none;display:grid;gap:7px;}
.task-card__requirements li {padding:7px 8px;border:1px solid #514b4e;border-radius:8px;font-size:12px;line-height:1.4;color:#e5e2e4;}
.task-card__requirements .task-card__open {background:#2c4038;border-color:#526c5d;color:#d1e4d9;font-weight:650;}
.task-card__action {align-self:flex-start;margin-top:auto;background:#fff;border:1px solid #d5d6da;border-radius:999px;padding:6px 10px;color:#303847;font-size:11px;line-height:1.3;font-weight:750;white-space:nowrap;}
.mes-cover--b .task-card {padding:20px;gap:17px;}
.mes-cover--b .task-card h3 {font-size:25px;}
.mes-cover--b .task-card__badge {font-size:11px;}
.mes-cover--b .task-card__meta li {font-size:11px;}
.mes-cover--b .task-card__requirements li {font-size:14px;padding:9px 10px;}
.mes-cover--b .task-card__action {font-size:12px;}
@container(min-width:701px) {
 .mes-cover--b .task-card {top:45%;bottom:auto;height:auto;gap:0;}
 .mes-cover--b .task-card__meta,.mes-cover--b .task-card__requirements {margin-top:17px;}
 .mes-cover--b .task-card__action {margin-top:7px;}
}
@container(max-width:700px) {
 .task-card,.mes-cover--b .task-card {left:72%;width:26%;bottom:3%;height:22%;padding:10px;border-radius:12px;gap:8px;}
 .mes-cover--b .task-card {left:2%;width:30%;}
 .task-card h3,.mes-cover--b .task-card h3 {font-size:17px;}
 .task-card__badge,.mes-cover--b .task-card__badge {font-size:9px;padding:2px 5px;}
 .task-card__heading {gap:4px;flex-wrap:nowrap;}
 .task-card__meta,.task-card__action,.task-card__requirements li:not(:first-child) {display:none;}
 .task-card__requirements li,.mes-cover--b .task-card__requirements li {font-size:11px;padding:5px 6px;line-height:1.35;}
}
@container(max-width:479px) {.task-card,.mes-connector {display:none;}}