:root{
  --bg:#f3f5f8; --panel:#ffffff; --line:#e1e5ea; --line2:#d3d9e0; --ink:#17202b; --ink2:#4a5664; --mut:#7b8794;
  --side:#121a24; --side2:#1a2531; --sideInk:#c9d3dd; --acc:#e8562a; --acc2:#c9431b; --blue:#1e6fd0; --ok:#1f9d55; --err:#d63c3c;
  --r:10px; --font:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:14px/1.45 var(--font)}
a{color:var(--blue);text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
.boot{display:grid;place-items:center;height:100vh;color:var(--mut)}
.boot.err{color:var(--err)}
.muted{color:var(--mut)} .small{font-size:12px} .mono{font-family:var(--mono)} .pad{padding:12px}

/* Butonlar ve formlar */
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:500;color:var(--ink);white-space:nowrap}
.btn:hover{border-color:#b7c0ca;background:#fafbfc}
.btn.primary{background:var(--acc);border-color:var(--acc);color:#fff}.btn.primary:hover{background:var(--acc2)}
.btn.danger{background:var(--err);border-color:var(--err);color:#fff}
.btn.danger-t{color:var(--err)}
.btn.sm{padding:5px 10px;font-size:13px}.btn.xs{padding:3px 8px;font-size:12px;border-radius:6px}
.btn.block{width:100%;justify-content:center;padding:11px}
.btn:disabled{opacity:.6;cursor:default}
.icon-btn{border:0;background:transparent;cursor:pointer;color:inherit;padding:4px 6px;border-radius:6px;line-height:1}
.icon-btn:hover{background:rgba(127,127,127,.15)}
.form{display:grid;gap:12px}
.form label,.form .lbl{display:grid;gap:5px;font-size:12px;font-weight:500;color:var(--ink2)}
.form input,.form select,.form textarea,.search{border:1px solid var(--line2);border-radius:8px;padding:9px 11px;background:#fff;font-size:14px;outline:none}
.form input:focus,.form select:focus,.form textarea:focus,.search:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,111,208,.12)}
.grid-2{grid-template-columns:1fr 1fr}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.chk{display:flex!important;align-items:center;gap:6px;flex-direction:row;cursor:pointer}
.err-msg{color:var(--err);font-size:13px;min-height:18px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pill{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:#eef1f5;color:var(--ink2)}
.pill.ok{background:#e3f5ea;color:#16753f}

/* Giriş */
.auth{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}
.auth-side{background:radial-gradient(1200px 600px at -10% 120%,#e8562a33,transparent),linear-gradient(160deg,#0f1720,#1b2836);color:#e9eef3;padding:48px;display:flex;flex-direction:column;gap:18px}
.auth-side h1{font-size:34px;line-height:1.2;margin:auto 0 0;max-width:520px;letter-spacing:-.01em}
.auth-side p{color:#aebac6;max-width:480px;font-size:15px}
.auth-foot{margin-top:auto;color:#7f8c99;font-size:12px}
.auth-main{display:grid;place-items:center;padding:24px}
.auth-card{width:100%;max-width:380px}
.auth-card h2{margin:0 0 4px;font-size:24px}
.brand-lg{display:flex;gap:12px;align-items:center}.brand-lg b{display:block;font-size:18px;letter-spacing:.08em}.brand-lg small{color:#9aa8b6}
.logo{width:36px;height:36px;border-radius:9px;background:var(--acc);display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;flex:none}

/* Kabuk */
.shell{display:grid;grid-template-columns:248px 1fr;height:100vh}
.side{background:var(--side);color:var(--sideInk);display:flex;flex-direction:column;min-height:0}
.brand{display:flex;gap:10px;align-items:center;padding:18px 16px;border-bottom:1px solid #ffffff12}
.brand b{display:block;color:#fff;letter-spacing:.08em}.brand small{color:#8695a4;font-size:12px}
.nav{flex:1;overflow:auto;padding:8px}
.nav-g{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#6f7e8d;padding:14px 10px 6px}
.nav-i{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--sideInk);font-weight:500;font-size:13.5px}
.nav-i:hover{background:var(--side2)}
.nav-i.on{background:#e8562a22;color:#fff}.nav-i.on svg{color:var(--acc)}
.nav-i.soon{color:#7d8a97}.nav-i em{margin-left:auto;font-style:normal;font-size:10px;background:#ffffff12;padding:1px 6px;border-radius:5px}
.me{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid #ffffff12}
.av{width:32px;height:32px;border-radius:50%;background:#2a3846;color:#fff;display:grid;place-items:center;font-weight:600;flex:none}
.me-t{flex:1;min-width:0}.me-t b{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-t small{color:#8695a4;font-size:11px}
.burger{display:none}
.main{overflow:auto;min-width:0}
.main.full{overflow:hidden}

/* Sayfa */
.page{max-width:1240px;margin:0 auto;padding:28px 28px 60px}
.page.wide{max-width:1500px}
.page-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.page-h h1{margin:0;font-size:24px;letter-spacing:-.01em}.page-h p{margin:4px 0 0}
.back{font-size:13px;color:var(--mut)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.card.np{padding:0;overflow:hidden}
.card h3{margin:0 0 12px;font-size:15px}
.card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-h h3{margin:0}
.card.err{color:var(--err)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.kpi{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;color:var(--ink)}
.kpi:hover{border-color:#c5ced8}
.kpi-ic{width:40px;height:40px;border-radius:10px;background:#fdeee8;color:var(--acc);display:grid;place-items:center;flex:none}
.kpi small{display:block;color:var(--mut);font-size:12px}.kpi b{font-size:22px;display:block;line-height:1.2}.kpi em{font-style:normal;font-size:11.5px;color:var(--mut)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.list{display:grid}.li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px}.li:last-child{border:0}
.steps ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--ink2)}
.soon-card{max-width:520px;margin:60px auto;text-align:center;background:#fff;border:1px dashed var(--line2);border-radius:14px;padding:40px}
.soon-ic{width:64px;height:64px;margin:0 auto 10px;border-radius:16px;background:#f1f3f6;display:grid;place-items:center;color:var(--ink2)}
.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px}.tbl th{background:#f8f9fb;font-weight:600;color:var(--ink2);font-size:12px}.tbl .r{text-align:right;white-space:nowrap}

/* Ürünler */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.pc{padding:0;overflow:hidden;display:flex;flex-direction:column}
.pc-img{aspect-ratio:3/2;background:#eef1f5;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.pc-img img{width:100%;height:100%;object-fit:cover}
.pc-b{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc-t{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.pc-b p{margin:2px 0 6px;color:var(--ink2);flex:1}
.pc-a{display:flex;gap:8px}
.ed{display:grid;grid-template-columns:minmax(380px,520px) 1fr;gap:16px;align-items:start}
.ed-l{display:grid;gap:14px}
.ed-r{position:sticky;top:16px}
.ed-view{height:460px;background:#e9edf2}
.ed-axes{padding:12px 14px;display:grid;gap:8px;border-top:1px solid var(--line)}
.slider{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:center;font-size:13px}
.ax-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.ax-row input,.ax-row select{border:1px solid var(--line2);border-radius:6px;padding:5px 7px;font-size:12.5px;background:#fff}
.ax-n{flex:1;min-width:120px}
.num{width:72px}
.drop{border:2px dashed var(--line2);border-radius:10px;padding:26px;text-align:center;color:var(--mut);cursor:pointer}
.drop:hover{border-color:var(--acc);color:var(--ink2)}
.up-row{font-size:12px;color:var(--mut);padding:4px 0}
.robot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:14px}
.robot-card{display:grid;gap:8px}
.rc-top{display:flex;justify-content:space-between;align-items:center}.rc-top b{font-size:18px}
.rc-big{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f6f8fa;border-radius:8px;padding:10px}.rc-big small{display:block;color:var(--mut);font-size:11px}.rc-big b{font-size:16px}
.rc-row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink2)}

/* Modal / bildirim */
.modal-bg{position:fixed;inset:0;background:rgba(12,18,26,.45);display:grid;place-items:center;z-index:100;padding:16px}
.modal{background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.modal-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.modal-h .x{border:0;background:none;font-size:22px;cursor:pointer;color:var(--mut)}
.modal-b{padding:18px;overflow:auto}
.modal-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line)}
.toasts{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:200}
.toast{background:#1b2531;color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;max-width:380px;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:.3s}
.toast.ok{background:#16753f}.toast.err{background:#b52f2f}.toast.out{opacity:0;transform:translateY(8px)}
.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:10px}
.pick{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px;cursor:pointer;text-align:left;display:grid;gap:4px}
.pick:hover{border-color:var(--acc)}
.pick img,.pick-ph{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px;background:#eef1f5;display:grid;place-items:center;color:var(--mut)}
.pick b{font-size:13px}.pick small{color:var(--mut);font-size:11px}
.scene-list{display:grid;gap:8px}
.sl{display:grid;grid-template-columns:90px 1fr auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px}
.sl img,.sl .pick-ph{width:90px;height:56px;object-fit:cover;border-radius:5px}
.sl-t{display:grid}

/* ============ SİMÜLATÖR (RoboDK tarzı) ============ */
.sim{display:flex;flex-direction:column;height:100vh;background:#e6e9ed;font-size:13px}
.sim-tb{display:flex;align-items:center;gap:4px;padding:5px 8px;background:linear-gradient(#fbfcfd,#eef1f4);border-bottom:1px solid #c9d0d8;flex-wrap:wrap}
.tb-g{display:flex;align-items:center;gap:2px}.tb-g.right{margin-left:auto}
.tb{border:1px solid transparent;background:transparent;border-radius:6px;padding:5px 6px;cursor:pointer;color:#2c3a48;display:grid;place-items:center;height:32px;min-width:32px}
.tb:hover{background:#fff;border-color:#cfd6de}
.tb.on{background:#dbe9f9;border-color:#9cc0ea;color:#0f4f9c}
.tb.txt{font-size:12px;font-weight:600;padding:5px 7px}
.tb.play{color:#16753f}
.tb-sep{width:1px;height:24px;background:#cdd4dc;margin:0 5px}
.tb-sel{border:1px solid #cfd6de;border-radius:6px;padding:5px 6px;background:#fff;font-size:12.5px;height:32px}
.tb-cycle{font-family:var(--mono);font-size:12px;background:#1b2531;color:#9fe3b5;padding:6px 10px;border-radius:6px;margin-left:4px}
.st-name{border:1px solid transparent;background:transparent;font-weight:600;font-size:13px;padding:5px 8px;border-radius:6px;width:230px}
.st-name:hover,.st-name:focus{border-color:#cfd6de;background:#fff;outline:none}
.sim-body{flex:1;display:grid;grid-template-columns:240px minmax(0,1fr) 290px;min-height:0}
.sim-left,.sim-right{background:#f7f8fa;display:flex;flex-direction:column;min-height:0}
.sim-left{border-right:1px solid #c9d0d8}.sim-right{border-left:1px solid #c9d0d8}
.pane-h{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;background:#e9edf1;border-bottom:1px solid #d3d9e0;font-weight:600;font-size:12px;color:#3a4856;text-transform:uppercase;letter-spacing:.04em}
.ph-actions{display:flex;gap:4px;text-transform:none;letter-spacing:0;flex-wrap:wrap}
.tree{flex:1;overflow:auto;padding:6px 0}
.tn{display:flex;align-items:center;gap:6px;padding:4px 10px;cursor:pointer;white-space:nowrap;color:#25313d;user-select:none}
.tn span{overflow:hidden;text-overflow:ellipsis;flex:1}
.tn:hover{background:#e6edf5}.tn.on{background:#cfe1f6;color:#0b3f7f}
.tn.root{font-weight:700}.tn.l1{padding-left:22px}.tn.l2{padding-left:40px;color:#3e5873}.tn.l2 svg{color:#1e88e5}
.tn.prog-n svg{color:#16753f}
.tn-go{border:0;background:none;cursor:pointer;color:#1e6fd0;opacity:0;padding:0 4px}
.tn:hover .tn-go{opacity:1}
.sim-center{display:grid;grid-template-rows:minmax(0,1fr) 210px;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0}
.view3d{position:relative;min-height:0;overflow:hidden}
.view3d canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}
.view3d.picking canvas{cursor:crosshair}
.hud{position:absolute;left:8px;bottom:8px;background:rgba(17,24,33,.78);color:#dfe7ef;font-family:var(--mono);font-size:11px;padding:5px 9px;border-radius:6px;pointer-events:none;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud b{color:#ffb38f;font-family:var(--font)}
.hint{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:#fffbe6;border:1px solid #f0d77a;color:#5d4b00;padding:6px 12px;border-radius:6px;font-size:12.5px;display:none;max-width:80%;text-align:center}
.sim-bottom{display:flex;flex-direction:column;border-top:1px solid #c9d0d8;background:#fbfcfd;min-height:0}
.prog{flex:1;overflow:auto;min-width:0}
.ptbl{width:100%;border-collapse:collapse;font-size:12.5px}
.ptbl th{position:sticky;top:0;background:#f1f4f7;text-align:left;font-weight:600;color:#4a5664;padding:5px 8px;border-bottom:1px solid #dde2e8;font-size:11.5px}
.ptbl td{padding:3px 8px;border-bottom:1px solid #eef1f4;white-space:nowrap}
.ptbl td.n{color:var(--mut);width:28px;font-family:var(--mono)}
.ptbl td.mid{display:flex;gap:6px;align-items:center}
.ptbl td.r{text-align:right}
.ptbl select,.ptbl input{border:1px solid #d3d9e0;border-radius:5px;padding:3px 5px;font-size:12px;background:#fff}
.ptbl em{font-style:normal;color:var(--mut);margin-left:3px;font-size:11px}
.ptbl tr.weld td:first-child{box-shadow:inset 3px 0 0 var(--acc)}
.ptbl tr.act{background:#e3f0ff}
.ptbl .ty{font-weight:600}
.props{flex:1;overflow:auto}
.psec{padding:10px 12px;border-bottom:1px solid #e3e7ec;display:grid;gap:7px}
.psec h4{margin:4px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6a7784}
.pname{border:1px solid #d3d9e0;border-radius:6px;padding:6px 8px;font-weight:600;background:#fff}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pf{display:grid;gap:3px;font-size:11.5px;color:#55626f}
.pf.chk{display:flex;align-items:center;gap:6px}
.pf select{border:1px solid #d3d9e0;border-radius:6px;padding:5px;background:#fff;font-size:12.5px}
.pf-in{display:flex;align-items:center;border:1px solid #d3d9e0;border-radius:6px;background:#fff;overflow:hidden}
.pf-in input{border:0;padding:5px 6px;width:100%;min-width:0;font-family:var(--mono);font-size:12px;outline:none;background:transparent}
.pf-in em{font-style:normal;color:var(--mut);font-size:11px;padding:0 6px}
.jrow{display:grid;grid-template-columns:24px 1fr 62px 12px;gap:6px;align-items:center}
.jrow.wide{grid-template-columns:90px 1fr 62px 24px}
.jrow b{font-size:12px;color:#3a4856;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jrow em{font-style:normal;color:var(--mut);font-size:11px}
.jnum{border:1px solid #d3d9e0;border-radius:5px;padding:3px 4px;font-family:var(--mono);font-size:11.5px;width:100%}
input[type=range]{accent-color:var(--acc);width:100%}
.brow{display:flex;gap:6px;flex-wrap:wrap}
.tips{background:#eef3f8;border-radius:8px;padding:8px 10px;font-size:11.5px;color:#4a5664;display:grid;gap:3px;margin-top:6px}

@media (max-width:1100px){
  .sim-body{grid-template-columns:200px 1fr 250px}
  .kpis{grid-template-columns:1fr 1fr}.grid2,.ed{grid-template-columns:1fr}
}
@media (max-width:820px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;inset:0 auto 0 0;width:260px;z-index:50;transform:translateX(-100%);transition:.2s}
  body.nav-open .side{transform:none}
  .burger{display:block;position:fixed;left:10px;bottom:10px;z-index:60;width:44px;height:44px;border-radius:50%;border:0;background:var(--acc);color:#fff;font-size:18px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
  .auth{grid-template-columns:1fr}.auth-side{display:none}
  .page{padding:18px 16px 70px}.kpis{grid-template-columns:1fr}.grid-2,.row2,.row3{grid-template-columns:1fr}
  .sim-body{grid-template-columns:1fr;grid-template-rows:1fr auto}
  .sim-left{display:none}.sim-right{max-height:34vh;border-left:0;border-top:1px solid #c9d0d8}
  .sim-center{grid-template-rows:1fr 160px}
  .st-name{width:160px}
}

/* --- Simülatör v1.1: kütüphane, yerleşim, ölçü --- */
.ltabs{display:flex;background:#e9edf1;border-bottom:1px solid #d3d9e0}
.ltab{flex:1;border:0;background:transparent;padding:8px 6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6a7784;cursor:pointer;border-bottom:2px solid transparent}
.ltab.on{color:#0f4f9c;border-bottom-color:var(--acc);background:#f7f8fa}
.lib{flex:1;overflow:auto;padding:4px 0 10px}
.lib-h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6a7784;padding:10px 10px 6px}
.lib-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px}
.lib-grid .li-item{flex-direction:column;align-items:stretch;padding:5px}
.lib-list{display:grid;gap:2px;padding:0 6px}
.li-item{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #dde2e8;border-radius:7px;padding:5px 8px;cursor:grab;user-select:none}
.li-item:hover{border-color:var(--acc);box-shadow:0 2px 8px rgba(232,86,42,.12)}
.li-item:active{cursor:grabbing}
.li-img{aspect-ratio:3/2;background:#eef1f5;border-radius:5px;display:grid;place-items:center;overflow:hidden;color:var(--mut)}
.li-img img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.li-t{display:grid;min-width:0}.li-t b{font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.li-t small{font-size:10.5px;color:var(--mut)}
.li-ic{width:28px;height:28px;border-radius:6px;background:#eef3f8;display:grid;place-items:center;color:#2c3a48;flex:none}
.lib-add{display:block;margin:8px 8px 0;font-size:12px;text-align:center;padding:7px;border:1px dashed #c3cbd4;border-radius:7px;color:#3a4856}
.lib-add:hover{border-color:var(--acc);color:var(--acc)}
.view3d.dropping::after{content:'Bırakın — zemine veya bir parçanın üstüne';position:absolute;inset:8px;border:2px dashed var(--acc);border-radius:10px;background:rgba(232,86,42,.06);display:grid;place-items:center;color:var(--acc2);font-weight:600;pointer-events:none}
.pgrid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.dist{overflow:auto}.dist table{width:100%;border-collapse:collapse;font-size:11px}
.dist th{font-weight:600;color:#6a7784;text-align:right;padding:3px 4px;border-bottom:1px solid #e3e7ec;font-size:10.5px}
.dist td{text-align:right;padding:3px 4px;border-bottom:1px solid #eef1f4;font-family:var(--mono)}
.dist td:first-child{text-align:left;font-family:var(--font);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dist .ov{color:var(--err);font-family:var(--font)}
.mlabels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
.mlabel{position:absolute;left:0;top:0;background:#ff2d55;color:#fff;border-radius:6px;padding:3px 8px;display:grid;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.25);white-space:nowrap}
.mlabel b{font-family:var(--mono);font-size:12px}.mlabel small{font-size:10px;opacity:.9}
.mrow{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:12px}
.tb.run{display:flex;gap:6px;align-items:center;background:#1f9d55;color:#fff;font-weight:600;font-size:12.5px;padding:5px 12px;border-color:#1f9d55}
.tb.run:hover{background:#17864a;color:#fff;border-color:#17864a}
.tn-link{color:#1e6fd0;display:inline-flex}
.psec .btn.xs{justify-self:start}
.rc-img{aspect-ratio:4/3;background:#f3f5f8;border-radius:8px;display:grid;place-items:center;overflow:hidden;cursor:pointer;margin:-4px -4px 2px}
.rc-img img{max-width:100%;max-height:100%;object-fit:contain}
.rd{display:grid;gap:12px}.rd .tbl th{width:40%;background:#f8f9fb}
.rd-imgs{display:grid;grid-template-columns:1fr 2fr;gap:10px;align-items:center}
.rd-imgs img{width:100%;border-radius:8px;background:#f3f5f8}.rd-imgs .dim{cursor:zoom-in}
.rd h4{margin:4px 0 0}
.docs{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px}
.modal:has(.rd){max-width:900px}
.props{overflow-x:hidden}
.pgrid>*,.pgrid3>*,.psec>*{min-width:0}
.psec select,.pf select{width:100%;min-width:0}
.pf-in em{padding:0 4px}