/* FO27: one full-width process card. Shared .eco-summary-row owns summary colors,
   frames and typography. Native inspection controls keep the FO26.1 exemption. */
#applicationMain .op26.op27 .op26-workspace{display:block}
#applicationMain .op26.op27 .op26-main{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
#applicationMain .op26.op27 .op26-process{border-color:#38758c;background:#082635}
#applicationMain .op26.op27 .op26-process>.op26-section-head{padding:19px 22px 16px}
#applicationMain .op26.op27 .op26-pulse{margin:0;gap:0;clip-path:none}
#applicationMain .op26.op27 .op26-metric{clip-path:none;display:block;text-align:left}
#applicationMain .op26.op27 .op26-metric>b{color:var(--f27-accent,#52d9ff)}
#applicationMain .op26.op27 .op26-metric .eco-summary-label{padding-right:18px}
#applicationMain .op26.op27 .op26-metric .eco-summary-detail{font-style:normal}
#applicationMain .op26.op27 .op26-scene-tools{border-bottom:1px solid #31596c;padding:10px 18px;background:linear-gradient(100deg,#0a3042,#082432)}
#applicationMain .op26.op27 .op26-canvas-wrap{overflow:hidden}
#applicationMain .op26.op27 .op26-scene-caption{padding-bottom:12px}
#applicationMain .op26.op27 .op26-inspector{position:relative;top:auto;grid-row:auto;max-height:none;overflow:visible;border:0;border-top:1px solid #396c80;background:linear-gradient(110deg,#0d3344,#082735 70%);scroll-margin-top:95px}
#applicationMain .op26.op27 .op26-inspector-top{padding:7px 18px;min-height:36px;letter-spacing:.06em;background:#0b2b3b;border-bottom:1px solid #294d60}
#applicationMain .op26.op27 .op26-inspector-help{padding:7px 18px;color:#a6c9d7;font-size:11px;border-color:#294d60}
#applicationMain .op26.op27 [data-inspector-body]{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2.6fr) minmax(175px,1fr);gap:22px;align-items:center;padding:18px 20px}
#applicationMain .op26.op27 .op27-inspector-title{min-width:0}
#applicationMain .op26.op27 .op27-inspector-title h3{font-size:22px;line-height:1.2;margin-top:5px}
#applicationMain .op26.op27 .op26-inspector dl,#applicationMain .op26.op27 .op26-inspector dl:has(>div:nth-child(4)){margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#applicationMain .op26.op27 .op26-inspector dl:has(>div:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
#applicationMain .op26.op27 .op26-inspector dl>div{padding:2px 0 2px 14px;border:0;border-left:1px solid #386477;min-width:0}
#applicationMain .op26.op27 .op26-inspector dt{font-size:11px;color:#a9c9d7}
#applicationMain .op26.op27 .op26-inspector dd{font-size:15px;margin-top:5px;color:#eefbff}
#applicationMain .op26.op27 .op27-inspector-links{min-width:0}
#applicationMain .op26.op27 .op26-inspector .op26-action{margin:0;max-width:none;padding:9px 12px;font-size:12px}
#applicationMain .op26.op27 .op26-basis{margin-top:8px;font-size:11px}
#applicationMain .op26.op27 .op26-basis[open]{position:relative;z-index:2}
#applicationMain .op26.op27 .op26-basis p{font-size:12px;line-height:1.5}
#applicationMain .op26.op27 .op26-next{gap:12px}
#applicationMain .op26.op27 .op26-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
/* Positional color rotation follows the shared summary palette; never a health state. */
#applicationMain .op26.op27 .op26-card{--op-card-tone:var(--eco-color-cyan,#52d9ff);border-color:#3b6579;border-top:2px solid var(--op-card-tone);background:linear-gradient(155deg,#11394c,#082635)}
#applicationMain .op26.op27 .op26-card:nth-child(6n+2){--op-card-tone:var(--eco-color-green,#55ee9b)}
#applicationMain .op26.op27 .op26-card:nth-child(6n+3){--op-card-tone:var(--eco-color-gold,#f5c84c)}
#applicationMain .op26.op27 .op26-card:nth-child(6n+4){--op-card-tone:var(--eco-color-purple,#bda7ef)}
#applicationMain .op26.op27 .op26-card:nth-child(6n+5){--op-card-tone:var(--eco-color-apricot,#ffb181)}
#applicationMain .op26.op27 .op26-card:nth-child(6n){--op-card-tone:var(--eco-color-periwinkle,#8faeff)}
#applicationMain .op26.op27 .op26-card:is(:hover,:focus-within){border-color:var(--op-card-tone);box-shadow:0 0 22px #52d9ff12}
#applicationMain .op26.op27 .op26-card-art{height:clamp(140px,12cqw,190px);background:radial-gradient(ellipse at 50% 80%,#1a536e,#072230 78%)}
#applicationMain .op26.op27 .op26-card-copy{padding:14px 16px 7px}
#applicationMain .op26.op27 .op26-card-copy>strong{font-size:23px}
#applicationMain .op26.op27 .op26-card-copy>small{min-height:24px;font-size:12px;color:#b9d7e3}
#applicationMain .op26.op27 .op26-card-metric{padding:4px 16px 14px;min-height:38px;font-size:12px}
#applicationMain .op26.op27 .op26-card-metric>b{display:inline-block;margin-right:5px;color:#f2fbff}
#applicationMain .op26.op27 .op26-card-hint{color:var(--op-card-tone);border-color:#49778c;background:#052331e8}
#applicationMain .op26.op27 .op26-card-open{padding:11px 16px;background:linear-gradient(#52d9ff06 1px,transparent 1px),linear-gradient(90deg,#52d9ff06 1px,transparent 1px),#103749;background-size:14px 14px,14px 14px,auto}
#applicationMain .op26.op27 .op26-card-open>span{color:var(--op-card-tone)}
/* A short hover preview remains next to summary/equipment cards farther down the page. */
#applicationMain .op26.op27 .op27-peek{position:fixed;z-index:1100;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:14px 16px;border:1px solid #6ca8bb;border-top:2px solid #8ce8fb;background:#0a2939;box-shadow:0 10px 32px #0009;pointer-events:auto;font:600 13px/1.45 NonnChakra,sans-serif;color:#e9f8fd}
#applicationMain .op26.op27 .op27-peek>strong{display:block;font-size:15px;color:#edfbff;margin-bottom:9px}
#applicationMain .op26.op27 .op27-peek dl{margin:0;display:grid;gap:8px}
#applicationMain .op26.op27 .op27-peek dl>div{display:flex;justify-content:space-between;gap:18px;padding-top:7px;border-top:1px solid #32556a}
#applicationMain .op26.op27 .op27-peek dt{color:#aed0df;font-size:11px}
#applicationMain .op26.op27 .op27-peek dd{margin:0;text-align:right;font-size:12px;max-width:60%;overflow-wrap:anywhere}
#applicationMain .op26.op27 .op27-peek>small{display:block;margin-top:10px;color:#8fdcec;font-size:10px}
@container op26 (max-width:1100px){
 #applicationMain .op26.op27 [data-inspector-body]{grid-template-columns:minmax(140px,1fr) minmax(0,2.8fr);gap:14px}
 #applicationMain .op26.op27 .op27-inspector-links{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 22px}
 #applicationMain .op26.op27 .op26-inspector .op26-action{min-width:185px}
 #applicationMain .op26.op27 .op26-basis{flex:1 1 230px}
}
@container op26 (max-width:800px){
 #applicationMain .op26.op27 .op26-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #applicationMain .op26.op27 .op26-card-art{height:160px}
 #applicationMain .op26.op27 [data-inspector-body]{grid-template-columns:minmax(0,1fr);padding:16px}
 #applicationMain .op26.op27 .op26-inspector dl,#applicationMain .op26.op27 .op26-inspector dl:has(>div:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
 #applicationMain .op26.op27 .op26-inspector dl>div{padding:0 0 9px;border:0;border-bottom:1px solid #315469}
 #applicationMain .op26.op27 .op26-phases,#applicationMain .op26.op27 .op26-playback{flex-wrap:wrap}
}
@container op26 (max-width:420px){
 #applicationMain .op26.op27 .op26-card-copy{padding:12px 11px 7px}
 #applicationMain .op26.op27 .op26-card-copy>strong{font-size:19px}
 #applicationMain .op26.op27 .op26-card-art{height:125px}
 #applicationMain .op26.op27 .op26-card-open{padding:10px 11px}
 #applicationMain .op26.op27 .op26-card-metric{padding:4px 11px 12px}
}
@media(forced-colors:active){#applicationMain .op26.op27 :is(.op26-inspector,.op26-card,.op27-peek){background:Canvas;color:CanvasText;border:1px solid CanvasText}#applicationMain .op26.op27 .op26-card-hint{color:CanvasText}}
@media print{#applicationMain .op26.op27 .op27-peek{display:none!important}}