/* Modification tree, styled after War Thunder's modification window: dark gunmetal panel, thin red title
   bar, small square tiles with a framed icon, muted headers, a slim rank rail and coloured tile frames. */
#ui .so-mt-window{--mt-bg:#1c1f23;--mt-panel:#24282d;--mt-line:#3d434a;--mt-text:#dfe3e8;--mt-dim:#8e959d;--mt-gold:#d9b13b;--mt-green:#5cb85c;
  max-width:min(1240px,96vw);gap:0;padding:0;background:var(--mt-bg);border:1px solid #474d55;border-radius:2px;box-shadow:0 18px 50px #000a;color:var(--mt-text);font-family:var(--font-ui)}
#ui .so-mt-window .so-modal-head{padding:8px 12px 8px 14px;background:linear-gradient(#2f3338,#26292d);border-bottom:2px solid #9c2b26;align-items:center}
#ui .so-mt-window .so-modal-head h1{font:600 19px var(--font-ui);letter-spacing:.01em;color:#eef1f4;text-transform:none;-webkit-text-stroke:0;text-shadow:none}
#ui .so-mt-window .so-modal-head .so-kicker{order:2;font:600 11px var(--font-ui);color:var(--mt-gold);letter-spacing:.04em;margin:0}
#ui .so-mt-window .so-modal-head .so-kicker i{display:none}
#ui .so-mt-window .so-modal-head>div{display:flex;align-items:baseline;gap:14px}
#ui .so-mt-window .so-modal-head .so-icbtn{background:transparent;border:1px solid #555c64;border-radius:2px;color:#cfd4da}
#ui .so-mt-wrap{position:relative;padding:10px 12px 4px}
#ui .so-mt-scroll{overflow:auto;padding:0 0 8px;-webkit-overflow-scrolling:touch}
#ui .so-mt-grid{display:grid;grid-template-columns:24px repeat(var(--cols),minmax(124px,1fr));grid-auto-rows:auto;gap:6px 6px;min-width:max-content}
#ui .so-mt-corner{grid-row:1}
#ui .so-mt-head{display:flex;flex-direction:column;gap:1px;padding:5px 8px;background:var(--mt-panel);border:1px solid var(--mt-line);border-bottom-color:#59606a;border-radius:1px}
#ui .so-mt-head b{font:600 12px var(--font-ui);color:#e8ebef;letter-spacing:.01em;text-transform:none}
#ui .so-mt-head small{font:500 10px var(--font-ui);color:var(--mt-dim)}
#ui .so-mt-rank{display:grid;place-items:center;font:600 12px var(--font-ui);color:var(--mt-dim);background:#202327;border:1px solid #33383e;border-radius:1px}
#ui .so-mt-cell{position:relative;min-height:46px;display:flex}
#ui .so-mt-cell.is-linked::before{content:'';position:absolute;left:24px;top:-7px;width:2px;height:8px;background:#6a717a}
#ui .so-mt-node{flex:1;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:7px;row-gap:1px;align-items:center;text-align:left;
  padding:4px 7px 4px 4px;border:1px solid #4a5058;border-radius:2px;background:linear-gradient(#30353b,#25292e);color:var(--mt-text);cursor:pointer;box-shadow:inset 0 1px #ffffff0d}
#ui .so-mt-node>svg,#ui .so-mt-node>.so-mt-ico{grid-row:1/3;width:36px;height:36px;box-sizing:border-box;padding:6px;background:#17191c;border:1px solid #3a3f45;color:#c9ced4}
#ui .so-mt-ico svg{width:100%;height:100%;display:block}
#ui .so-mt-node b{font:600 12px/1.15 var(--font-ui);color:#eef1f4;letter-spacing:0;text-transform:none}
#ui .so-mt-node small{font:600 10px var(--font-ui);color:var(--mt-gold);letter-spacing:.02em}
#ui .so-mt-node.is-ready{border-color:var(--mt-gold);box-shadow:inset 0 0 0 1px #d9b13b33}
#ui .so-mt-node.is-done{border-color:var(--mt-green);background:linear-gradient(#2e3a31,#232b26)}
#ui .so-mt-node.is-done small{color:#8fd18f}
#ui .so-mt-node.is-done>svg{color:#8fd18f}
#ui .so-mt-node.is-owned{border-color:#4f8fbf}
#ui .so-mt-node.is-locked{opacity:.45;filter:grayscale(1);cursor:not-allowed}
#ui .so-mt-node.is-locked small{color:var(--mt-dim)}
#ui .so-mt-node.is-poor small{color:#b98f3a}
#ui .so-mt-node:not(:disabled):hover{background:linear-gradient(#3a4047,#2c3036)}
#ui .so-mt-node:disabled{cursor:default}
#ui .so-mt-more{display:none;position:absolute;top:10px;right:12px;bottom:12px;width:48px;border:0;padding:0 6px 0 0;cursor:pointer;
  background:linear-gradient(90deg,transparent,var(--mt-bg) 75%);color:#e8ebef;font:600 22px var(--font-ui);align-items:center;justify-content:flex-end}
#ui .so-mt-wrap.has-more .so-mt-more{display:flex}
#ui .so-mt-info{min-height:2.4em;margin:0 12px;padding:6px 10px;background:#202327;border:1px solid #33383e;border-radius:1px;color:#c3c8ce;font:12px/1.4 var(--font-ui)}
#ui .so-mt-window .so-mod-summary{margin:8px 12px 12px;padding:8px 10px;background:#202327;border:1px solid #33383e;border-radius:1px;font:12px var(--font-ui);color:#c3c8ce;gap:16px}
#ui .so-mt-window .so-mod-summary b{color:#8fd18f;font-weight:700}
@media (pointer: coarse) and (max-height: 500px){
  #ui .so-mt-grid{grid-template-columns:20px repeat(var(--cols),minmax(112px,1fr));gap:5px}
  #ui .so-mt-cell{min-height:40px}
  #ui .so-mt-node{grid-template-columns:30px 1fr;padding:3px 5px 3px 3px}
  #ui .so-mt-node>svg,#ui .so-mt-node>.so-mt-ico{width:30px;height:30px;padding:5px}
  #ui .so-mt-node b{font-size:11px}
  #ui .so-mt-info{font-size:11px;min-height:2.2em;padding:4px 8px}
}

/* The phone rules hide panel kickers; here the kicker is the aircraft XP, so keep it. */
#ui .so-research-window.so-mt-window .so-modal-head .so-kicker{display:block}