:root{--bg:#0a0f16;--surface:#111923;--surface-2:#172231;--surface-3:#1d2b3d;--accent:#4f8cff;--accent-2:#78a7ff;--success:#31c879;--danger:#ff5c68;--text:#f3f6fb;--muted:#93a3b8;--border:rgba(255,255,255,.09);--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% -10%,rgba(79,140,255,.16),transparent 30rem),linear-gradient(180deg,#091018,#0a0f16 26rem);color:var(--text);line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(79,140,255,.35);outline-offset:2px}header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1rem clamp(1rem,3vw,2rem);background:rgba(10,15,22,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:0 8px 30px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:.85rem}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--accent),#315ecb);box-shadow:0 8px 24px rgba(79,140,255,.28);font-weight:900;font-size:1.1rem}.brand h1{font-size:1.2rem;margin:0;letter-spacing:-.02em}.brand-subtitle{font-size:.78rem;color:var(--muted);margin-top:.1rem}.tabs,.account,.steps-header-actions,.admin-head,.admin-title,.admin-step,.user-row{display:flex;gap:.55rem;align-items:center}.tabs{flex-wrap:wrap;margin-top:.75rem}.account{color:var(--muted);font-size:.86rem;flex-wrap:wrap;justify-content:flex-end}.tab-btn,.ghost,.admin-card button,.user-row button,.clear-btn{background:rgba(255,255,255,.035);border:1px solid var(--border);color:var(--text);padding:.5rem .8rem;border-radius:10px;transition:.18s ease}.tab-btn:hover,.ghost:hover,.admin-card button:hover,.user-row button:hover,.clear-btn:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.15);transform:translateY(-1px)}.tab-btn.active,.primary{background:linear-gradient(135deg,var(--accent),#3b6fd9);border-color:transparent;color:white;box-shadow:0 8px 22px rgba(79,140,255,.22)}.primary{border:0;border-radius:10px;padding:.72rem 1.15rem;font-weight:800}.container{width:min(1120px,100%);margin:auto;padding:clamp(1rem,3vw,2rem)}.panel{display:none}.panel.active{display:block}.machine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem;margin-bottom:1.25rem}.machine-btn{min-height:48px;background:rgba(17,25,35,.86);border:1px solid var(--border);color:var(--text);padding:.8rem;border-radius:12px;font-weight:750;box-shadow:0 6px 20px rgba(0,0,0,.08);transition:.18s ease}.machine-btn:hover{border-color:rgba(120,167,255,.45);transform:translateY(-1px)}.machine-btn.active{border-color:rgba(120,167,255,.72);background:linear-gradient(180deg,rgba(79,140,255,.18),rgba(79,140,255,.08));box-shadow:inset 0 0 0 1px rgba(79,140,255,.16),0 8px 25px rgba(0,0,0,.14)}.steps-card,.admin-card,.info-group-card,.login-card{background:linear-gradient(180deg,rgba(19,29,42,.96),rgba(14,22,32,.96));border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.steps-header{padding:1rem 1.15rem;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border)}.steps-title{font-size:1.05rem;font-weight:850}.progress-track{width:min(360px,46vw);height:5px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden;margin-top:.55rem}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:inherit;transition:width .25s ease}.steps-header-actions{color:var(--muted);font-size:.85rem}.clear-btn{color:var(--muted)}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{padding:.9rem 1.05rem;border-bottom:1px solid var(--border);display:flex;gap:.85rem;align-items:flex-start;transition:background .18s ease}.steps-list li:last-child{border-bottom:0}.steps-list li:hover{background:rgba(255,255,255,.025)}.steps-list li.done{background:linear-gradient(90deg,rgba(49,200,121,.10),rgba(49,200,121,.025))}.step-check{width:1.55rem;height:1.55rem;border:2px solid rgba(255,255,255,.2);border-radius:7px;background:transparent;color:transparent;flex:none;padding:0;margin-top:.1rem}.done .step-check{background:var(--success);border-color:var(--success);color:#07130a;font-weight:950}.step-num{background:rgba(79,140,255,.16);border:1px solid rgba(79,140,255,.28);color:#bcd2ff;width:1.9rem;height:1.9rem;border-radius:9px;display:grid;place-items:center;font-size:.82rem;font-weight:850;flex:none}.done .step-num{background:rgba(49,200,121,.15);border-color:rgba(49,200,121,.28);color:#8ff0b8}.step-text{background:none;border:0;color:var(--text);text-align:left;padding:.05rem 0;line-height:1.5;flex:1;display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.done .step-text>span:first-child{color:#b9e8cb}.step-text:hover>span:first-child{text-decoration:underline;text-decoration-color:rgba(255,255,255,.28);text-underline-offset:3px}.photo-badge,.photo-ready{display:inline-flex;align-items:center;white-space:nowrap;color:#bcd2ff;background:rgba(79,140,255,.11);border:1px solid rgba(79,140,255,.18);font-size:.76rem;font-weight:800;border-radius:999px;padding:.18rem .5rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(430px,100%);padding:1.6rem}.login-card h1{font-size:1.45rem;margin:.1rem 0 .4rem}.login-card p{color:var(--muted)}.login-card label{display:block;margin:1rem 0;color:var(--muted);font-size:.9rem}input{width:100%;margin-top:.4rem;background:#0c141e;border:1px solid var(--border);color:var(--text);padding:.78rem .85rem;border-radius:10px}.notice{padding:.8rem 1rem;border-radius:10px;margin:1rem 0}.notice.error{background:rgba(255,92,104,.12);color:#ffb0b6;border:1px solid rgba(255,92,104,.18)}.notice.ok{background:rgba(49,200,121,.12);color:#9be8ba;border:1px solid rgba(49,200,121,.18)}.hidden{display:none!important}.block{display:block;width:100%;text-align:center;margin-top:.8rem}.toast{position:fixed;right:1rem;bottom:1rem;z-index:90;background:#dffbea;color:#092716;padding:.75rem 1rem;border-radius:10px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.28)}.admin-head{justify-content:space-between;margin:1.2rem 0}.admin-head h2{margin:0}.admin-head p{color:var(--muted);margin:.2rem 0}.admin-card{margin:1rem 0;padding:1rem}.admin-title,.admin-step,.user-row{justify-content:space-between;align-items:flex-start}.admin-title small{display:block;color:var(--muted);margin-top:.25rem}.admin-step,.user-row{border-top:1px solid var(--border);padding:.75rem 0;gap:1rem}.admin-step>span{flex:1}.admin-step>div,.admin-title>div:last-child,.user-row>div{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.photo-add-more{border-color:rgba(79,140,255,.28)!important;color:#bcd2ff!important}.danger{color:#ff9da5!important;border-color:rgba(255,92,104,.28)!important}.empty{color:var(--muted);text-align:center;padding:2rem}hr{border:0;border-top:1px solid var(--border);margin:2rem 0}.info-grid{display:grid;gap:1rem}.info-group-title{background:rgba(255,255,255,.035);padding:1rem 1.2rem;font-size:1.08rem;font-weight:850;border-bottom:1px solid var(--border)}.info-entry{display:flex;gap:.85rem;align-items:flex-start;padding:.9rem 1.1rem;border-bottom:1px solid var(--border)}.info-entry:last-child{border-bottom:0}.info-entry-num{display:grid;place-items:center;flex:0 0 1.9rem;height:1.9rem;border-radius:9px;background:rgba(79,140,255,.14);border:1px solid rgba(79,140,255,.24);color:#bcd2ff;font-weight:850;font-size:.82rem}.info-entry-text{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;flex:1;background:none;border:0;color:var(--text);padding:0;text-align:left;cursor:default}.info-entry-text span{color:var(--muted);line-height:1.55}.info-entry-text small{color:#a9c7ff;font-weight:750}.info-entry-text.clickable{cursor:pointer}.info-entry-text.clickable:hover strong{text-decoration:underline;text-underline-offset:3px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:80;display:grid;place-items:center;padding:2.5rem 1rem;backdrop-filter:blur(8px)}.photo-stage{position:relative;width:min(1180px,96vw);height:min(820px,88vh);display:grid;place-items:center}.photo-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 20px 80px rgba(0,0,0,.55);background:#06090d}.modal-close{position:fixed;right:1rem;top:.75rem;width:46px;height:46px;border-radius:50%;background:rgba(12,18,26,.82);border:1px solid rgba(255,255,255,.16);color:white;font-size:2rem;line-height:1;z-index:2}.photo-counter{position:absolute;left:14px;top:14px;z-index:3;background:rgba(7,11,16,.82);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);padding:.42rem .7rem;border-radius:9px;color:white;font-weight:900;font-variant-numeric:tabular-nums}.photo-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:58px;height:74px;border-radius:14px;background:rgba(7,11,16,.72);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:3rem;line-height:1;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}.photo-nav:hover{background:rgba(79,140,255,.84);border-color:transparent}.photo-prev{left:12px}.photo-next{right:12px}.photo-delete{position:absolute;right:14px;bottom:14px;z-index:3;background:rgba(110,24,34,.88);border:1px solid rgba(255,92,104,.35);color:#ffd6d9;padding:.55rem .8rem;border-radius:9px;font-weight:750}.photo-stage>.notice{position:absolute;max-width:min(600px,80vw)}
@media(max-width:760px){header{position:static;display:block}.account{margin-top:.8rem;justify-content:flex-start}.container{padding:1rem}.brand-mark{width:38px;height:38px}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tab-btn{text-align:center}.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-header{display:block}.steps-header-actions{margin-top:.75rem;justify-content:space-between}.progress-track{width:100%}.steps-list li{padding:.8rem}.step-text{display:block}.photo-badge{margin-top:.35rem}.admin-step,.admin-title{display:block}.admin-step>div,.admin-title>div:last-child{margin-top:.65rem;justify-content:flex-start}.photo-nav{width:48px;height:62px;font-size:2.5rem}.photo-prev{left:4px}.photo-next{right:4px}.photo-counter{left:6px;top:6px}.photo-delete{right:6px;bottom:6px}.modal{padding:2.8rem .4rem 1rem}.photo-stage{width:99vw;height:84vh}}


/* V5.1 typography + machine selector refinement */
body{
  font-family:"Segoe UI Variable Text","Segoe UI Variable","Aptos","Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:-.005em;
}
.brand h1,.steps-title,.info-group-title,.admin-head h2{
  letter-spacing:-.025em;
}
.tab-btn{
  font-weight:600;
  letter-spacing:-.01em;
}
.machine-grid{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:.75rem;
}
.machine-btn{
  min-height:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.22rem;
  padding:.8rem .9rem;
  border-radius:13px;
  font-weight:600;
  letter-spacing:-.015em;
  line-height:1.12;
  background:linear-gradient(180deg,rgba(19,28,40,.95),rgba(15,23,33,.95));
}
.machine-btn:hover{
  background:linear-gradient(180deg,rgba(26,38,54,.98),rgba(17,27,39,.98));
}
.machine-btn.active{
  background:linear-gradient(180deg,rgba(75,132,240,.20),rgba(44,84,155,.11));
}
.machine-title-main{
  display:block;
  font-size:1rem;
  font-weight:720;
  color:#f5f7fb;
}
.machine-title-sub{
  display:block;
  margin-top:.08rem;
  font-size:.76rem;
  font-weight:500;
  color:#9eacc0;
  letter-spacing:.005em;
}
.machine-btn.active .machine-title-sub{
  color:#b9cefb;
}
.steps-title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.12rem;
}
.steps-title .machine-title-main{
  font-size:1.06rem;
  font-weight:720;
}
.steps-title .machine-title-sub{
  font-size:.78rem;
}

@media(max-width:760px){
  .machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .machine-btn{min-height:70px}
}

/* V5.3 — single Blueprint / P&ID skin */
:root{
  --bg:#061526;
  --panel:#0a1b2d;
  --panel2:#0e2237;
  --text:#e7f4ff;
  --muted:#84a9c6;
  --border:rgba(48,156,222,.23);
  --accent:#2ea9ff;
  --success:#4bd49a;
  --danger:#ff6c7c;
  --industrial-grid:rgba(45,151,220,.075);
}
body{
  background-color:var(--bg);
  background-image:
    linear-gradient(var(--industrial-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--industrial-grid) 1px,transparent 1px),
    radial-gradient(circle at 50% -20%,rgba(49,112,218,.10),transparent 38%);
  background-size:24px 24px,24px 24px,auto;
}
header{background:rgba(5,18,31,.96);border-bottom-color:rgba(48,156,222,.22)}
.steps-card,.machine-btn,.info-group-card{border-radius:7px}
.machine-btn{border-color:rgba(55,163,232,.34)}
.machine-btn.active{
  border-color:#2ea9ff;
  box-shadow:inset 0 0 0 1px rgba(46,169,255,.35),0 0 18px rgba(46,169,255,.08);
  background:linear-gradient(180deg,rgba(31,121,187,.18),rgba(15,52,82,.18));
}

/* Desktop portrait-photo fix:
   the image is explicitly centered in the viewport and scaled to fit both axes. */
@media(min-width:761px){
  .modal{
    padding:0;
    overflow:hidden;
  }
  .photo-stage{
    position:fixed;
    inset:0;
    width:100vw;
    height:100vh;
    display:block;
    overflow:hidden;
  }
  .photo-stage img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:auto;
    height:auto;
    max-width:calc(100vw - 170px);
    max-height:calc(100vh - 80px);
    object-fit:contain;
    object-position:center center;
    margin:0;
  }
  .photo-counter{left:24px;top:24px}
  .photo-prev{left:24px}
  .photo-next{right:24px}
  .photo-delete{right:24px;bottom:24px}
}



/* V5.4 procedure explanations */
.step-info{flex:0 0 1.9rem;width:1.9rem;height:1.9rem;border-radius:50%;padding:0;margin-top:.02rem;border:1px solid rgba(46,169,255,.45);background:rgba(46,169,255,.10);color:#9fd6ff;font-family:Georgia,serif;font-weight:900;font-size:1rem;line-height:1}.step-info:hover{background:rgba(46,169,255,.24);border-color:#2ea9ff;color:#fff}.explanation-modal{position:fixed;inset:0;z-index:100;background:rgba(2,8,15,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:1rem}.explanation-card{width:min(720px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#0b2035,#081827);border:1px solid rgba(46,169,255,.34);border-radius:14px;box-shadow:0 28px 90px rgba(0,0,0,.6);padding:1.2rem}.explanation-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:.9rem;border-bottom:1px solid rgba(46,169,255,.18)}.explanation-head small{display:block;color:#66bfff;letter-spacing:.13em;font-weight:850;font-size:.72rem;margin-bottom:.35rem}.explanation-head h2{margin:0;font-size:1.08rem;line-height:1.4}.explanation-head button{width:40px;height:40px;border-radius:50%;padding:0;font-size:1.7rem;line-height:1}.explanation-body{white-space:pre-wrap;color:#dcecff;line-height:1.7;font-size:.97rem;padding:1rem .05rem}.explanation-note{border-top:1px solid rgba(46,169,255,.16);padding-top:.8rem;color:#7fa0bb;font-size:.78rem;line-height:1.45}.done .step-info{border-color:rgba(75,212,154,.34);color:#91e9bd;background:rgba(75,212,154,.08)}
@media(max-width:700px){.step-info{flex-basis:1.75rem;width:1.75rem;height:1.75rem}.explanation-card{padding:1rem}.explanation-body{font-size:.94rem}}

/* V5.4.2 — explanation modal close button + admin editor */
.explanation-head>div{
  min-width:0;
  flex:1 1 auto;
}
.explanation-close-btn,
.explanation-head button{
  flex:0 0 40px !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  aspect-ratio:1 / 1;
  align-self:flex-start;
  border-radius:50% !important;
  padding:0 !important;
  display:grid;
  place-items:center;
  line-height:1 !important;
}
.explanation-editor-card{width:min(820px,96vw)}
.explanation-editor-label{
  display:block;
  margin-top:1rem;
  color:#9fc7e8;
  font-size:.86rem;
  font-weight:750;
}
.explanation-editor-label textarea{
  display:block;
  width:100%;
  min-height:260px;
  margin-top:.45rem;
  resize:vertical;
  background:#061321;
  border:1px solid rgba(46,169,255,.30);
  color:#e7f4ff;
  border-radius:10px;
  padding:.9rem 1rem;
  font:inherit;
  line-height:1.6;
}
.explanation-editor-label textarea:focus{
  outline:3px solid rgba(46,169,255,.18);
  border-color:#2ea9ff;
}
.explanation-editor-actions{
  display:flex;
  justify-content:flex-end;
  gap:.6rem;
  margin-top:1rem;
}
.explanation-admin-ready{
  color:#9ee6c2 !important;
  border-color:rgba(75,212,154,.30) !important;
}
.explanation-admin-empty{
  color:#9fd6ff !important;
  border-color:rgba(46,169,255,.30) !important;
}
@media(max-width:700px){
  .explanation-editor-actions{flex-direction:column-reverse}
  .explanation-editor-actions button{width:100%}
  .explanation-editor-label textarea{min-height:220px}
}



/* V5.5 — clearer interlock cards */
#panel-blocks .info-group-title{
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:.92rem;
  color:#9fd6ff;
  background:linear-gradient(90deg,rgba(46,169,255,.12),rgba(46,169,255,.025));
}
#panel-blocks .info-entry-text strong{
  font-size:.94rem;
  color:#eff8ff;
}
#panel-blocks .info-entry-text span{
  font-variant-numeric:tabular-nums;
  color:#a9bfd2;
}
#panel-blocks .info-group-card{
  border-color:rgba(46,169,255,.22);
}


/* V5.6 — compressor selector inside Blokuotės */
.blocks-machine-grid{
  margin-bottom:1.35rem;
}
.blocks-machine-btn{
  position:relative;
  font-size:1rem;
}
.blocks-machine-btn.active::after{
  content:"BLOKUOTĖS";
  display:block;
  margin-top:.22rem;
  font-size:.62rem;
  letter-spacing:.13em;
  color:#8bcfff;
  opacity:.8;
}
#panel-blocks .info-grid{
  gap:1.15rem;
}
#panel-blocks .info-group-title{
  font-size:.94rem;
}


/* V5.7 — reorganized Administration */
.admin-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.admin-page-head h2{margin:0;font-size:1.35rem}
.admin-page-head p{margin:.3rem 0 0;color:var(--muted);max-width:720px}

.admin-subnav{
  display:flex;
  gap:.5rem;
  padding:.55rem;
  margin-bottom:1.35rem;
  border:1px solid var(--border);
  background:rgba(5,18,31,.78);
  border-radius:12px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.admin-subtab{
  flex:0 0 auto;
  border:1px solid transparent;
  background:transparent;
  color:var(--muted);
  border-radius:8px;
  padding:.62rem .9rem;
  font-weight:800;
  white-space:nowrap;
}
.admin-subtab:hover{
  color:var(--text);
  background:rgba(46,169,255,.07);
  border-color:rgba(46,169,255,.16);
}
.admin-subtab.active{
  color:#eaf7ff;
  background:linear-gradient(180deg,rgba(46,169,255,.20),rgba(46,169,255,.08));
  border-color:rgba(46,169,255,.38);
  box-shadow:inset 0 0 0 1px rgba(46,169,255,.06);
}

.admin-section{display:none}
.admin-section.active{display:block}

.admin-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 1rem;
  padding:.85rem 1rem;
  border:1px solid rgba(46,169,255,.16);
  border-left:3px solid #2ea9ff;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(46,169,255,.08),rgba(46,169,255,.015));
}
.admin-section-head h3{margin:0;font-size:1.05rem}
.admin-section-head p{margin:.25rem 0 0;color:var(--muted);font-size:.86rem}

.admin-machine-grid{
  margin-bottom:1rem;
}
.admin-focused-card{
  margin-top:0;
}
.admin-inline-body{
  display:block;
  margin-top:.25rem;
  color:var(--muted);
  font-weight:500;
  line-height:1.45;
}
#admin-blocks .admin-card,
#admin-stop-groups .admin-card{
  margin:.8rem 0;
}

@media(max-width:760px){
  .admin-page-head{display:block}
  .admin-subnav{
    position:sticky;
    top:0;
    z-index:20;
    margin-left:-.25rem;
    margin-right:-.25rem;
    backdrop-filter:blur(10px);
  }
  .admin-section-head{
    flex-direction:column;
    align-items:stretch;
  }
  .admin-section-head .primary{width:100%}
  .admin-step{
    flex-direction:column;
  }
  .admin-step>div{
    width:100%;
    justify-content:flex-start;
  }
}


/* V5.7.1 — cleaner admin + multiline info editor */
.admin-page-head{margin-bottom:1rem}
.admin-page-head h2{margin:0}
.admin-section-head p{display:none}

.info-editor-card{width:min(860px,96vw)}
.info-editor-label{
  display:block;
  margin-top:1rem;
  color:#9fc7e8;
  font-size:.86rem;
  font-weight:750;
}
.info-editor-label input,
.info-editor-label textarea{
  display:block;
  width:100%;
  margin-top:.45rem;
  background:#061321;
  border:1px solid rgba(46,169,255,.30);
  color:#e7f4ff;
  border-radius:10px;
  padding:.85rem .95rem;
  font:inherit;
}
.info-editor-label textarea{
  min-height:260px;
  resize:vertical;
  line-height:1.55;
  white-space:pre-wrap;
}
.info-editor-label input:focus,
.info-editor-label textarea:focus{
  outline:3px solid rgba(46,169,255,.16);
  border-color:#2ea9ff;
}
.info-editor-preview-wrap{
  margin-top:1rem;
  border:1px solid rgba(46,169,255,.18);
  border-radius:10px;
  overflow:hidden;
}
.info-editor-preview-label{
  padding:.55rem .8rem;
  background:rgba(46,169,255,.08);
  color:#8ecfff;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.info-editor-preview{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  padding:.85rem .95rem;
  min-height:76px;
  background:#071725;
}
.info-editor-preview strong{color:#eff8ff}
.info-editor-preview span{
  color:#a9bfd2;
  line-height:1.55;
  white-space:normal;
}
.info-editor-preview .preview-empty{opacity:.65}

@media(max-width:700px){
  .info-editor-label textarea{min-height:220px}
}


/* V5.8 — Kompresija / start-stop structure */
.startup-empty-card{
  min-height:150px;
}
#panel-startup .steps-header{
  min-height:58px;
  align-items:center;
}


/* V5.9 — FoxView / ESD block relationships */
#panel-blocks .foxview-group{border-color:rgba(37,211,154,.30);box-shadow:0 10px 32px rgba(0,0,0,.16),inset 0 0 0 1px rgba(37,211,154,.035)}
#panel-blocks .foxview-group .info-group-title{color:#b8f6df;border-bottom-color:rgba(37,211,154,.18);background:linear-gradient(90deg,rgba(37,211,154,.12),rgba(37,211,154,.02))}
.block-entry-open{cursor:pointer!important}
.block-entry-open:hover strong{color:#fff;text-decoration:underline;text-decoration-color:rgba(46,169,255,.45);text-underline-offset:3px}
.block-badge-row{display:flex!important;flex-wrap:wrap;gap:.35rem;margin:.08rem 0 .12rem}
.block-badge{display:inline-flex;align-items:center;width:auto;border-radius:999px;padding:.12rem .42rem;font-size:.62rem;font-weight:900;letter-spacing:.055em;line-height:1.25;border:1px solid rgba(255,255,255,.12)}
.block-badge.trip{color:#ffc4c9;background:rgba(255,84,96,.11);border-color:rgba(255,84,96,.24)}
.block-badge.alarm{color:#ffe2a6;background:rgba(245,176,65,.10);border-color:rgba(245,176,65,.22)}
.block-badge.logic{color:#cbe0ff;background:rgba(79,140,255,.11);border-color:rgba(79,140,255,.22)}
.block-badge.foxview{color:#b8f6df;background:rgba(37,211,154,.10);border-color:rgba(37,211,154,.22)}
.block-detail-card{width:min(780px,96vw)}
.block-detail-body{display:grid;gap:.5rem;margin-top:.3rem}
.block-detail-line{display:grid;grid-template-columns:minmax(110px,155px) 1fr;gap:.85rem;align-items:start;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(255,255,255,.018)}
.block-detail-label{color:#9ab1c5;font-size:.72rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.block-detail-value{color:#dce9f3;line-height:1.48}
.block-detail-line.trip{border-color:rgba(255,84,96,.20);background:rgba(255,84,96,.055)}
.block-detail-line.trip .block-detail-label{color:#ffb1b8}
.block-detail-line.alarm{border-color:rgba(245,176,65,.18);background:rgba(245,176,65,.04)}
.block-detail-line.alarm .block-detail-label{color:#ffd890}
.block-detail-line.action{border-color:rgba(37,211,154,.18);background:rgba(37,211,154,.045)}
.block-detail-line.action .block-detail-label{color:#9ceacb}
.block-detail-line.foxview{border-color:rgba(37,211,154,.22);background:linear-gradient(90deg,rgba(37,211,154,.075),rgba(37,211,154,.025))}
.block-detail-line.foxview .block-detail-label{color:#8fe4c3}
.block-detail-line.parameter .block-detail-label{color:#9fcaff}
.block-detail-line.source{border-style:dashed;background:rgba(255,255,255,.012)}
.block-detail-line.source .block-detail-label{color:#778d9f}
.block-detail-line.source .block-detail-value{color:#8fa3b4;font-size:.88rem}
.block-detail-footer{display:flex;justify-content:flex-end;margin-top:1rem}
@media(max-width:640px){.block-detail-line{grid-template-columns:1fr;gap:.28rem}}


/* V5.9.1 — compact FoxView chain + graphical stop groups */

.foxview-collapsible{
  overflow:hidden;
}
.foxview-collapsible .info-entry-list{
  border-top:1px solid rgba(37,211,154,.16);
}
.foxview-summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 1rem;
  cursor:pointer;
  user-select:none;
  background:linear-gradient(90deg,rgba(37,211,154,.11),rgba(37,211,154,.025));
}
.foxview-summary::-webkit-details-marker{display:none}
.foxview-summary-main{
  display:flex;
  align-items:center;
  gap:.75rem;
  min-width:0;
}
.foxview-summary-main>span:last-child{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.foxview-summary-main strong{
  color:#b8f6df;
  font-size:.94rem;
}
.foxview-summary-main small{
  margin-top:.15rem;
  color:#729b8b;
  font-size:.72rem;
}
.foxview-summary-icon{
  width:2rem;
  height:2rem;
  display:grid;
  place-items:center;
  flex:0 0 2rem;
  border:1px solid rgba(37,211,154,.28);
  border-radius:8px;
  color:#8ce4c1;
  background:rgba(37,211,154,.08);
  font-weight:900;
  transition:transform .18s ease;
}
.foxview-collapsible[open] .foxview-summary-icon{
  transform:rotate(90deg);
}
.foxview-summary-action{
  flex:none;
  color:#8ed8bc;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
}

.stop-groups-overview-card{
  margin-bottom:1.25rem;
  padding:1rem;
  border:1px solid rgba(46,169,255,.20);
  border-radius:16px;
  background:
    linear-gradient(rgba(46,169,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(46,169,255,.025) 1px,transparent 1px),
    linear-gradient(180deg,rgba(10,25,40,.97),rgba(7,18,30,.97));
  background-size:22px 22px,22px 22px,auto;
  box-shadow:var(--shadow);
}
.stop-groups-overview-title{
  display:flex;
  align-items:baseline;
  gap:.7rem;
  margin-bottom:.9rem;
}
.stop-groups-overview-title strong{
  font-size:1rem;
  color:#eaf6ff;
}
.stop-groups-overview-title span{
  color:#7893aa;
  font-size:.76rem;
}

.stop-groups-map{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
.stop-group-map-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:rgba(3,14,25,.82);
}
.stop-group-map-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--group-accent,#4f8cff);
}
.stop-group-map-card.tone-a{--group-accent:#67b7ff}
.stop-group-map-card.tone-aa{--group-accent:#b98cff}
.stop-group-map-card.tone-b{--group-accent:#44d49b}

.stop-group-map-head{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.72rem .8rem .35rem .9rem;
}
.stop-group-letter{
  font-size:1.18rem;
  font-weight:950;
  line-height:1;
  color:var(--group-accent);
}
.stop-group-caption{
  color:#6f879b;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.12em;
}
.stop-group-flow{
  display:grid;
  grid-template-columns:auto auto 1fr;
  gap:.55rem;
  align-items:center;
  padding:.38rem .8rem .85rem .9rem;
}
.stop-group-source{
  color:#cfe0ee;
  font-weight:850;
  font-size:.75rem;
  white-space:nowrap;
}
.stop-group-arrow,
.stop-relation-arrow{
  color:#53748d;
  font-weight:900;
}
.stop-group-targets{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
}
.stop-group-target{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:.25rem .48rem;
  border:1px solid color-mix(in srgb,var(--group-accent) 35%,transparent);
  border-radius:7px;
  background:color-mix(in srgb,var(--group-accent) 9%,transparent);
  color:#e6f3fb;
  font-size:.73rem;
  font-weight:850;
}

.stop-groups-relations{
  display:grid;
  gap:.45rem;
  margin-top:.8rem;
  padding-top:.75rem;
  border-top:1px solid rgba(255,255,255,.07);
}
.stop-relation{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.45rem;
}
.stop-relation-node{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:.28rem .55rem;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.10);
  font-size:.72rem;
  font-weight:820;
}
.stop-relation-node.machine{
  color:#d7e8f4;
  background:rgba(79,140,255,.07);
  border-color:rgba(79,140,255,.18);
}
.stop-relation-node.group{
  color:#baf2dc;
  background:rgba(37,211,154,.08);
  border-color:rgba(37,211,154,.20);
}
.stop-relation-node.recirc{
  color:#ffe3a5;
  background:rgba(245,176,65,.07);
  border-color:rgba(245,176,65,.20);
}
.stop-relation-note{
  color:#758b9d;
  font-size:.68rem;
}
.stop-groups-source-note{
  margin-top:.65rem;
  color:#5f7689;
  font-size:.67rem;
}

@media(max-width:820px){
  .stop-groups-map{grid-template-columns:1fr}
}
@media(max-width:560px){
  .stop-groups-overview-title{
    display:block;
  }
  .stop-groups-overview-title span{
    display:block;
    margin-top:.2rem;
  }
  .stop-group-flow{
    grid-template-columns:auto auto 1fr;
  }
  .foxview-summary-action{
    display:none;
  }
}


/* V5.10 — persistent collapsible block groups */
.block-collapsible{
  overflow:hidden;
}
.block-collapsible .info-entry-list{
  border-top:1px solid var(--border);
}
.block-group-summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.88rem 1rem;
  cursor:pointer;
  user-select:none;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
}
.block-group-summary::-webkit-details-marker{display:none}
.block-group-summary-main{
  display:flex;
  align-items:center;
  gap:.68rem;
  min-width:0;
}
.block-group-summary-main>span:last-child{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.block-group-summary-main strong{
  color:#e6f2fb;
  font-size:.94rem;
}
.block-group-summary-main small{
  margin-top:.15rem;
  color:#7290a7;
  font-size:.72rem;
}
.block-group-summary-icon{
  display:grid;
  place-items:center;
  width:1.75rem;
  height:1.75rem;
  flex:0 0 1.75rem;
  border:1px solid rgba(79,140,255,.24);
  border-radius:7px;
  background:rgba(79,140,255,.07);
  color:#9fcaff;
  font-size:1.15rem;
  font-weight:900;
  transition:transform .18s ease;
}
.block-collapsible[open] .block-group-summary-icon{
  transform:rotate(90deg);
}
.block-group-summary-action{
  flex:none;
  color:#71899e;
  font-size:.7rem;
  font-weight:800;
}
.block-collapsible[open] .block-group-summary{
  border-bottom-color:var(--border);
}
.block-group-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.7rem;
  margin:-.25rem 0 .1rem;
  padding:.35rem .15rem .2rem;
}
.block-group-toolbar>span{
  color:#5f788d;
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.block-group-toolbar>div{
  display:flex;
  gap:.35rem;
}
.block-group-tool{
  padding:.32rem .55rem;
  border:1px solid rgba(79,140,255,.15);
  border-radius:7px;
  background:rgba(79,140,255,.045);
  color:#7f9db7;
  font-size:.67rem;
  font-weight:750;
}
.block-group-tool:hover{
  color:#c7def1;
  border-color:rgba(79,140,255,.30);
  background:rgba(79,140,255,.09);
}

/* V5.10 — A / AA / B quick technical explanation */
.stop-group-selector-section{
  margin-top:1rem;
}
.stop-group-selector{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.55rem;
  margin-bottom:.7rem;
}
.stop-group-select{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.38rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:rgba(4,16,27,.82);
  color:#768da0;
  transition:.16s ease;
}
.stop-group-select span{
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.09em;
}
.stop-group-select strong{
  font-size:1.02rem;
}
.stop-group-select:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.18);
}
.stop-group-select.tone-a strong{color:#67b7ff}
.stop-group-select.tone-aa strong{color:#b98cff}
.stop-group-select.tone-b strong{color:#44d49b}
.stop-group-select.active{
  background:rgba(12,31,48,.96);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 7px 20px rgba(0,0,0,.12);
}
.stop-group-select.tone-a.active{border-color:rgba(103,183,255,.42)}
.stop-group-select.tone-aa.active{border-color:rgba(185,140,255,.42)}
.stop-group-select.tone-b.active{border-color:rgba(68,212,155,.42)}

.stop-group-detail-card{
  --detail-accent:#67b7ff;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(10,25,40,.94),rgba(6,17,29,.95));
}
.stop-group-detail-card.tone-a{--detail-accent:#67b7ff}
.stop-group-detail-card.tone-aa{--detail-accent:#b98cff}
.stop-group-detail-card.tone-b{--detail-accent:#44d49b}
.stop-group-detail-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--detail-accent);
}
.stop-group-detail-head{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.82rem 1rem;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.stop-group-detail-letter{
  display:grid;
  place-items:center;
  width:2.35rem;
  height:2.35rem;
  flex:0 0 2.35rem;
  border:1px solid color-mix(in srgb,var(--detail-accent) 38%,transparent);
  border-radius:8px;
  background:color-mix(in srgb,var(--detail-accent) 8%,transparent);
  color:var(--detail-accent);
  font-size:1.05rem;
  font-weight:950;
}
.stop-group-detail-head>div{
  display:flex;
  flex-direction:column;
}
.stop-group-detail-head strong{
  color:#edf7ff;
}
.stop-group-detail-head small{
  margin-top:.12rem;
  color:#6d879c;
  font-size:.7rem;
}
.stop-group-detail-body{
  display:grid;
  gap:0;
}
.stop-group-detail-line{
  display:grid;
  grid-template-columns:95px 1fr;
  gap:.8rem;
  padding:.67rem 1rem;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.stop-group-detail-line:last-child{border-bottom:0}
.stop-group-detail-line strong{
  color:#708ca3;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.stop-group-detail-line span{
  color:#bfd0dd;
  font-size:.82rem;
  line-height:1.45;
}
.stop-group-detail-line.when strong{color:#8ec8f5}
.stop-group-detail-line.why strong{color:#b8c7d4}
.stop-group-detail-line.targets strong{color:#8ee1bf}
.stop-group-detail-line.chain strong{color:#c8a7ff}
.stop-group-detail-line.source{
  opacity:.66;
}
.stop-group-detail-line.source span{
  font-size:.74rem;
}

@media(max-width:620px){
  .block-group-summary-action{display:none}
  .block-group-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .stop-group-detail-line{
    grid-template-columns:1fr;
    gap:.2rem;
  }
}


/* V5.11 — technically explicit shutdown group logic */
.stop-logic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
  margin-top:.8rem;
  padding-top:.8rem;
  border-top:1px solid rgba(255,255,255,.07);
}
.stop-logic-card{
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:rgba(3,14,25,.74);
  padding:.75rem;
}
.stop-logic-card.gas{border-left:3px solid #67b7ff}
.stop-logic-card.air{border-left:3px solid #44d49b}
.stop-logic-title{
  display:flex;
  justify-content:space-between;
  gap:.6rem;
  align-items:baseline;
  padding-bottom:.5rem;
  margin-bottom:.5rem;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.stop-logic-title strong{
  color:#eaf6ff;
  font-size:.79rem;
  letter-spacing:.04em;
}
.stop-logic-title span{
  color:#6e879b;
  font-size:.66rem;
}
.stop-logic-row{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto minmax(145px,1.25fr);
  gap:.45rem;
  align-items:center;
  margin:.38rem 0;
}
.stop-logic-row.compact{margin-top:.55rem}
.logic-condition,.logic-result{
  min-height:30px;
  display:flex;
  align-items:center;
  padding:.3rem .5rem;
  border:1px solid rgba(255,255,255,.085);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:#bed0dd;
  font-size:.68rem;
  font-weight:760;
}
.logic-condition.danger{border-color:rgba(255,92,104,.18);color:#ffc0c5}
.logic-result.ok{border-color:rgba(49,200,121,.20);background:rgba(49,200,121,.055);color:#9ee4bd}
.logic-result.warn{border-color:rgba(245,176,65,.20);background:rgba(245,176,65,.05);color:#ffdda0}
.logic-result.group-a{border-color:rgba(103,183,255,.26);color:#9ed2ff}
.logic-result.group-aa{border-color:rgba(185,140,255,.28);color:#ceb1ff}
.logic-result.group-b{border-color:rgba(68,212,155,.28);color:#9be9c9}
.logic-arrow{color:#4d6f88;font-weight:900}
.stop-logic-sub{
  margin:-.05rem 0 .45rem;
  padding-left:.1rem;
  color:#60798d;
  font-size:.63rem;
}
.stop-logic-branch{
  display:grid;
  grid-template-columns:74px 1fr auto auto;
  gap:.4rem;
  align-items:center;
  margin:.38rem 0;
  color:#a9bdcc;
  font-size:.68rem;
}
.logic-branch-label{
  color:#668198;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.08em;
}
.stop-relation-node.group.aa{
  color:#d5bcff;
  border-color:rgba(185,140,255,.22);
  background:rgba(185,140,255,.07);
}

.stop-group-detail-line.important{
  background:rgba(245,176,65,.035);
}
.stop-group-detail-line.important strong{color:#ffd996}
.stop-group-detail-line.machine-state strong{color:#9bcfff}
.stop-group-detail-line.reserve strong{color:#a7c3d8}
.stop-group-detail-line.ok strong{color:#8ee1b5}
.stop-group-detail-line.trip strong{color:#ffb0b8}
.stop-group-detail-line.limit strong{color:#ffd18a}
.stop-group-detail-line.machine strong{color:#a7c4ff}

/* Admin A / AA / B summary editor */
.admin-stop-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.7rem;
  margin-bottom:1.25rem;
}
.admin-stop-summary{
  --summary-accent:#67b7ff;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-top:2px solid var(--summary-accent);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(10,25,40,.93),rgba(6,17,29,.96));
}
.admin-stop-summary.tone-a{--summary-accent:#67b7ff}
.admin-stop-summary.tone-aa{--summary-accent:#b98cff}
.admin-stop-summary.tone-b{--summary-accent:#44d49b}
.admin-stop-summary-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.7rem;
  padding:.7rem .8rem;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.admin-stop-summary-head>div{
  display:flex;
  align-items:baseline;
  gap:.3rem;
}
.admin-stop-summary-head>div span{
  color:#667f93;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.08em;
}
.admin-stop-summary-head strong{
  color:var(--summary-accent);
  font-size:1.03rem;
}
.admin-stop-summary-head>span{
  color:#768fa3;
  font-size:.67rem;
}
.admin-stop-summary-body .stop-group-detail-line{
  grid-template-columns:82px 1fr;
  padding:.5rem .7rem;
}
.admin-stop-summary-body .stop-group-detail-line span{
  font-size:.73rem;
}
.admin-stop-summary-actions{
  padding:.65rem .7rem;
  border-top:1px solid rgba(255,255,255,.055);
}
.admin-stop-summary-actions .primary{
  width:100%;
  padding:.55rem .7rem;
  font-size:.76rem;
}
.admin-stop-extra-title{
  margin:.4rem 0 .7rem;
  color:#718a9f;
  font-size:.7rem;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.group-editor-card{width:min(620px,96vw)}

@media(max-width:900px){
  .stop-logic-grid,.admin-stop-summary-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .stop-logic-row{grid-template-columns:1fr}
  .logic-arrow{transform:rotate(90deg);justify-self:center}
  .stop-logic-branch{grid-template-columns:1fr}
}


/* V5.12 — clean A / AA / B overview */
.stop-group-map-card{
  text-align:left;
  color:inherit;
  cursor:pointer;
}
.stop-group-map-card.selected{
  box-shadow:inset 0 0 0 1px var(--group-accent),0 7px 24px rgba(0,0,0,.12);
}
.stop-group-map-card .stop-group-caption{
  letter-spacing:.02em;
  text-transform:none;
  font-size:.66rem;
  font-weight:750;
}
.stop-group-detail-line.air strong{color:#9ac8e8}
.stop-group-detail-line.process-air{
  background:rgba(103,183,255,.035);
}
.stop-group-detail-line.process-air strong{color:#7fc5ff}
.stop-group-detail-line.important{
  background:rgba(255,179,71,.045);
}
.stop-group-detail-line.important strong{color:#ffd391}
.stop-group-detail-line.ok strong{color:#91e2b8}


/* V5.13 — WYSIWYG inline editor for shutdown groups */
.stop-group-map-card.tone-blue,.stop-group-detail-card.tone-blue,.admin-stop-summary.tone-blue,.admin-stop-inline-editor.tone-blue{--group-accent:#67b7ff;--detail-accent:#67b7ff;--summary-accent:#67b7ff}
.stop-group-map-card.tone-violet,.stop-group-detail-card.tone-violet,.admin-stop-summary.tone-violet,.admin-stop-inline-editor.tone-violet{--group-accent:#b98cff;--detail-accent:#b98cff;--summary-accent:#b98cff}
.stop-group-map-card.tone-green,.stop-group-detail-card.tone-green,.admin-stop-summary.tone-green,.admin-stop-inline-editor.tone-green{--group-accent:#44d49b;--detail-accent:#44d49b;--summary-accent:#44d49b}
.stop-group-map-card.tone-amber,.stop-group-detail-card.tone-amber,.admin-stop-summary.tone-amber,.admin-stop-inline-editor.tone-amber{--group-accent:#f0b75b;--detail-accent:#f0b75b;--summary-accent:#f0b75b}
.stop-group-map-card.tone-red,.stop-group-detail-card.tone-red,.admin-stop-summary.tone-red,.admin-stop-inline-editor.tone-red{--group-accent:#ff6976;--detail-accent:#ff6976;--summary-accent:#ff6976}
.stop-group-map-card.tone-cyan,.stop-group-detail-card.tone-cyan,.admin-stop-summary.tone-cyan,.admin-stop-inline-editor.tone-cyan{--group-accent:#55d8e8;--detail-accent:#55d8e8;--summary-accent:#55d8e8}

.stop-group-map-card[class*="tone-"]::before{background:var(--group-accent)}
.stop-group-map-card[class*="tone-"] .stop-group-letter{color:var(--group-accent)}
.stop-group-map-card[class*="tone-"] .stop-group-target{
  border-color:color-mix(in srgb,var(--group-accent) 35%,transparent);
  background:color-mix(in srgb,var(--group-accent) 9%,transparent);
}
.stop-group-detail-card[class*="tone-"]::before{background:var(--detail-accent)}
.stop-group-detail-card[class*="tone-"] .stop-group-detail-letter{
  border-color:color-mix(in srgb,var(--detail-accent) 38%,transparent);
  background:color-mix(in srgb,var(--detail-accent) 8%,transparent);
  color:var(--detail-accent);
}
.admin-stop-summary[class*="tone-"]{border-top-color:var(--summary-accent)}
.admin-stop-summary[class*="tone-"] .admin-stop-summary-head strong{color:var(--summary-accent)}

.admin-stop-meta-line{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:.55rem;
  padding:.55rem .7rem;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.admin-stop-meta-line strong{
  color:#718aa0;
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.admin-stop-meta-line span{color:#c3d2dd;font-size:.74rem}

.admin-stop-inline-editor{
  grid-column:1 / -1;
  border:1px solid rgba(255,255,255,.10);
  border-top:2px solid var(--summary-accent,#67b7ff);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(9,24,39,.98),rgba(5,16,28,.98));
  padding:.85rem;
}
.inline-stop-editor-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.8rem;
  margin-bottom:.8rem;
}
.inline-stop-editor-head>div:first-child{
  display:flex;
  align-items:center;
  gap:.6rem;
}
.inline-stop-editor-head>div:last-child{
  display:flex;
  gap:.4rem;
}
.inline-stop-editor-head strong{color:#e8f4fc}
.inline-stop-top-fields{
  display:grid;
  grid-template-columns:1fr 1.4fr 150px;
  gap:.6rem;
}
.inline-stop-top-fields label{
  display:flex;
  flex-direction:column;
  gap:.28rem;
}
.inline-stop-top-fields label span,
.inline-stop-targets>span{
  color:#718da3;
  font-size:.65rem;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.inline-stop-top-fields input,
.inline-stop-top-fields select{
  width:100%;
}
.inline-stop-targets{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem;
  margin:.72rem 0;
  padding:.55rem .65rem;
  border:1px solid rgba(79,140,255,.11);
  border-radius:9px;
  background:rgba(79,140,255,.025);
}
.inline-stop-targets label{
  display:flex;
  align-items:center;
  gap:.25rem;
  color:#c5d5e0;
  font-size:.75rem;
  font-weight:760;
}
.inline-stop-targets input{accent-color:#4e9ee7}
.inline-stop-rows{
  margin-top:.7rem;
}
.inline-stop-rows-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.7rem;
  margin-bottom:.45rem;
}
.inline-stop-rows-head>span{
  color:#718da3;
  font-size:.68rem;
  font-weight:820;
}
.inline-stop-edit-row{
  display:grid;
  grid-template-columns:155px 1fr 34px;
  gap:.55rem;
  align-items:stretch;
  padding:.42rem 0;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.inline-stop-label{
  color:#9bc5e3;
  font-size:.69rem;
  font-weight:850;
  text-transform:uppercase;
}
.inline-stop-value{
  min-height:46px;
  resize:vertical;
  line-height:1.4;
}
.inline-stop-row-delete{
  width:34px;
  border-color:rgba(255,90,102,.16);
  color:#c57c83;
  background:rgba(255,90,102,.035);
}
.inline-stop-row-delete:hover{
  color:#ffadb4;
  border-color:rgba(255,90,102,.34);
}
.inline-stop-preview-label{
  margin:.9rem 0 .45rem;
  color:#6d899f;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.inline-preview-card{
  width:100%;
  cursor:default;
  pointer-events:none;
  margin-bottom:.55rem;
}
.inline-preview-detail{
  margin-top:0;
}
.inline-stop-no-targets{
  color:#d79b6a;
  font-size:.7rem;
}

@media(max-width:800px){
  .inline-stop-top-fields{grid-template-columns:1fr}
}
@media(max-width:620px){
  .inline-stop-editor-head{align-items:flex-start;flex-direction:column}
  .inline-stop-edit-row{grid-template-columns:1fr 34px}
  .inline-stop-label{grid-column:1 / 2}
  .inline-stop-value{grid-column:1 / 2}
  .inline-stop-row-delete{grid-column:2;grid-row:1 / span 2}
}


/* V5.16 — procedure completion attribution */
.step-main{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.step-main .step-text{
  width:100%;
}
.step-check-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.28rem;
  margin-top:.23rem;
  padding-left:.05rem;
  color:#66798a;
  font-size:.66rem;
  line-height:1.25;
  font-weight:650;
  letter-spacing:.005em;
  font-variant-numeric:tabular-nums;
  user-select:text;
}
.step-check-meta-mark{
  color:#607d6d;
  font-size:.68rem;
  font-weight:900;
}
.step-check-meta-dot{
  color:#45596a;
}
.step-check-meta-time{
  color:#6d8192;
}
.step-check-meta-user{
  color:#738697;
}
.done .step-check-meta{
  opacity:.92;
}
@media(max-width:760px){
  .step-check-meta{
    margin-top:.28rem;
    font-size:.64rem;
  }
}


/* V5.17 — lightweight checklist journal + account; no operation sessions */
.journal-page-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem
}
.journal-page-head h2{margin:0;color:#e8f4fb}
.journal-page-head p{margin:.25rem 0 0;color:#70879a;font-size:.75rem}
.journal-controls-card,.journal-card{
  border:1px solid rgba(255,255,255,.075);
  border-radius:12px;
  background:rgba(6,18,31,.79)
}
.journal-controls-card{padding:.65rem .7rem;margin-bottom:.7rem}
.journal-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem}
.journal-filters label{
  display:flex;flex-direction:column;gap:.25rem;
  font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:#71889b
}
.journal-card{overflow:hidden}
.journal-card-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:.65rem .75rem;border-bottom:1px solid rgba(255,255,255,.055)
}
.journal-card-head strong{font-size:.78rem;color:#d8e8f2}
.journal-card-head span{font-size:.62rem;color:#657e91}
#journal-list{max-height:70vh;overflow:auto;padding:.35rem .7rem .65rem}
.journal-event{
  display:grid;grid-template-columns:145px 13px 1fr;
  gap:.45rem;position:relative;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.035)
}
.journal-event-time{
  font-size:.63rem;color:#62798c;font-variant-numeric:tabular-nums;padding-top:.13rem
}
.journal-event-dot{
  width:8px;height:8px;border-radius:50%;margin-top:.25rem;
  background:#61798b;box-shadow:0 0 0 3px rgba(97,121,139,.08)
}
.journal-event.done .journal-event-dot{background:#47ca94}
.journal-event.undo .journal-event-dot{background:#e5a65e}
.journal-event.clear .journal-event-dot{background:#c98181}
.journal-event-body{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.journal-event-meta{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}
.journal-event-type,.journal-machine{
  font-size:.56rem;font-weight:900;letter-spacing:.045em;
  border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:.1rem .28rem;
  color:#7890a2;background:rgba(255,255,255,.018)
}
.journal-event.done .journal-event-type{color:#82d6ae;border-color:rgba(71,202,148,.16)}
.journal-event.undo .journal-event-type{color:#e8bd83;border-color:rgba(229,166,94,.17)}
.journal-event-body>strong{font-size:.73rem;color:#c8d8e2;line-height:1.35;font-weight:720}
.journal-event-body>small{font-size:.62rem;color:#667d8e}

.account-settings-card{width:min(620px,96vw)}
.account-settings-section{padding:.15rem 0 .8rem}
.account-settings-section+.account-settings-section{
  border-top:1px solid rgba(255,255,255,.06);padding-top:.8rem
}
.account-settings-section h3{margin:0 0 .55rem;color:#cfe0ea;font-size:.82rem}
.account-settings-actions{display:flex;justify-content:flex-end;margin-top:.55rem}
.account-settings-note{
  margin-top:.35rem;color:#667f91;font-size:.67rem;line-height:1.4
}

@media(max-width:720px){
  .journal-page-head{flex-direction:column}
  .journal-page-head>button{width:100%}
  .journal-filters{grid-template-columns:1fr}
  .journal-event{grid-template-columns:95px 10px 1fr}
}


/* V5.17.1 — journal permission control */
.user-row-actions{display:flex;align-items:center;gap:.38rem;flex-wrap:wrap;justify-content:flex-end}
.journal-access-toggle{
  display:inline-flex;align-items:center;gap:.32rem;
  min-height:32px;padding:.25rem .45rem;
  border:1px solid rgba(255,255,255,.07);border-radius:7px;
  background:rgba(255,255,255,.018);
  color:#7d94a6;font-size:.65rem;font-weight:780;
  text-transform:none;letter-spacing:0;cursor:pointer
}
.journal-access-toggle input{width:auto;margin:0;accent-color:#4fb98c}
.journal-access-toggle:has(input:checked){color:#9bc9b5;border-color:rgba(79,185,140,.2)}
.journal-access-toggle:has(input:disabled){opacity:.65;cursor:default}


/* V5.17.2 — quick edit from public detail modals */
.block-detail-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.4rem;
}
.quick-edit-footer{
  display:flex;
  justify-content:flex-end;
  margin-top:.65rem;
  padding-top:.55rem;
  border-top:1px solid rgba(255,255,255,.055);
}
.quick-edit-btn{
  min-height:30px;
  padding:.34rem .55rem;
  font-size:.64rem;
  color:#8da7b9;
  border-color:rgba(111,166,204,.14);
}
.quick-edit-btn:hover{
  color:#c4d9e7;
  border-color:rgba(111,186,235,.28);
  background:rgba(73,145,191,.07);
}


/* V5.17.3 SAFE DB */
.db-migration-banner{
  display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;
  margin:0 0 .75rem;padding:.62rem .72rem;border:1px solid rgba(235,176,82,.25);
  border-radius:9px;background:rgba(117,76,18,.12);color:#c8a86e;font-size:.7rem
}
.db-migration-banner strong{color:#e1bd78}.db-migration-banner span{color:#8f8069;flex:1}
.db-migration-banner a{color:#d9c08b;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(217,192,139,.35)}
.migration-card{width:min(680px,calc(100vw - 28px))}
.migration-status{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.72rem;color:#7890a2}
.migration-status strong{color:#c8dbe7}.migration-details{font-size:.7rem;color:#86a0b1;line-height:1.5}